1 files changed, 14 insertions, 0 deletions
diff --git a/src/client/views/LightboxView.tsx b/src/client/views/LightboxView.tsx
index e3e8403df..e8b8a3eaa 100644
--- a/src/client/views/LightboxView.tsx
+++ b/src/client/views/LightboxView.tsx
@@ -16,6 +16,7 @@ import { CollectionStackedTimeline } from './collections/CollectionStackedTimeli
 import { TabDocView } from './collections/TabDocView';
 import { GestureOverlay } from './GestureOverlay';
 import './LightboxView.scss';
+import { MainView } from './MainView';
 import { DocumentView } from './nodes/DocumentView';
 import { DefaultStyleProvider, wavyBorderPath } from './StyleProvider';
 
@@ -53,6 +54,8 @@ export class LightboxView extends React.Component<LightboxViewProps> {
         if (!doc) {
             this._docFilters && (this._docFilters.length = 0);
             this._future = this._history = [];
+            Doc.ActiveTool = InkTool.None;
+            MainView.Instance._exploreMode = false;
         } else {
             if (doc) {
                 const l = DocUtils.MakeLinkToActiveAudio(() => doc).lastElement();
@@ -292,6 +295,7 @@ export class LightboxView extends React.Component<LightboxViewProps> {
                             isContentActive={returnTrue}
                             addDocTab={this.addDocTab}
                             pinToPres={TabDocView.PinDoc}
+                            onBrowseClick={MainView.Instance.exploreMode}
                             rootSelected={returnTrue}
                             docViewPath={returnEmptyDoclist}
                             docFilters={this.docFilters}
@@ -367,6 +371,16 @@ export class LightboxView extends React.Component<LightboxViewProps> {
                     }}>
                     <FontAwesomeIcon color={Doc.ActiveTool === InkTool.Pen ? 'black' : 'white'} icon={'pen'} size="2x" />
                 </div>
+                <div
+                    className="lightboxView-exploreBtn"
+                    title="toggle explore mode to navigate among documents only"
+                    style={{ background: MainView.Instance._exploreMode ? 'white' : undefined }}
+                    onClick={action(e => {
+                        e.stopPropagation();
+                        MainView.Instance._exploreMode = !MainView.Instance._exploreMode;
+                    })}>
+                    <FontAwesomeIcon color={MainView.Instance._exploreMode ? 'black' : 'white'} icon={'globe-americas'} size="2x" />
+                </div>
             </div>
         );
     }