various

frontend/src/documents/DocumentsPanel.jsx

@@ -5,6 +5,7 @@ import {
   IconFileStack,
   RefreshIcon,
   MinusVerticalIcon,
+  InfoIcon,
 } from '../ui/icons';
 import BreadcrumbTrail from '../ui/BreadcrumbTrail';
 import createWorkspaceSurfaceConfig from './workspaceHeader';
@@ -526,6 +527,7 @@ export const createDocumentsTableHeaderActions = ({
   viewMode,
   onViewModeChange,
   onRefresh,
+  onShowDeskHelp = null,
 }) => {
   const isListView = viewMode === 'list';
   const isGridView = viewMode === 'grid';
@@ -574,6 +576,17 @@ export const createDocumentsTableHeaderActions = ({
       >
         <RefreshIcon />
       </button>
+      {isDeskView && typeof onShowDeskHelp === 'function' ? (
+        <button
+          type="button"
+          className="icon-button"
+          onClick={onShowDeskHelp}
+          aria-label="Show desk view tips"
+          title="Show desk view tips"
+        >
+          <InfoIcon />
+        </button>
+      ) : null}
     </>
   );
 };