fix

frontend/src/app/useWorkspaceSurface.tsx

@@ -27,7 +27,7 @@ export type DetailPanelProps = (ComponentProps<typeof DocumentViewerPanel> & {
   ) => Promise<void>;
 }) | null;
 
-export type WorkspaceSurface = { content: ReactNode; detail?: ReactNode | null } | null;
+export type WorkspaceSurface = { content: ReactNode; detail?: ReactNode | null; detailMode?: 'overlay' | 'inline' | null } | null;
 
 export interface UseWorkspaceSurfaceArgs {
   sidebarHidden?: boolean;
@@ -100,7 +100,10 @@ export const useWorkspaceSurface = ({
     }
 
     const sidebarToggle = renderSidebarToggle ? renderSidebarToggle() : null;
+    const viewMode = documentsTableProps.viewMode;
+    const sidebarMode = viewMode === 'desk' ? 'overlay' : 'inline';
 
+    const detailMode: 'overlay' | 'inline' | null = detailPanelOpen && detailPanelProps ? sidebarMode : null;
     const detail = detailPanelOpen && detailPanelProps
       ? (() => {
         const {
@@ -114,6 +117,7 @@ export const useWorkspaceSurface = ({
         const viewer = (
           <DocumentViewerPanel
             variant="sidebar"
+            sidebarMode={sidebarMode}
             onCollapsePanel={onClose}
             onMaximizePanel={onOpenPreview}
             tagOptions={tagOptions}
@@ -141,6 +145,7 @@ export const useWorkspaceSurface = ({
         />
       ),
       detail,
+      detailMode,
     };
   }, [
     documentsTableProps,
@@ -205,7 +210,7 @@ export const useWorkspaceSurface = ({
       )
       : viewer;
 
-    return { content, detail: null };
+    return { content, detail: null, detailMode: null };
   }, [
     showPreviewWorkspace,
     previewWorkspaceDocument,