From f3ea79ab1fe34e6b790906bf7a96921239a64e81 Mon Sep 17 00:00:00 2001
From: Elijah <elijah.kuntz@gmail.com>
Date: Sun, 31 May 2026 15:37:31 -0700
Subject: [PATCH] fix: make pinned items tab-specific and fix pinned file
 clicking

---
 frontend/src/components/FileExplorer.tsx | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/FileExplorer.tsx b/frontend/src/components/FileExplorer.tsx
index 47151ed..0087548 100644
--- a/frontend/src/components/FileExplorer.tsx
+++ b/frontend/src/components/FileExplorer.tsx
@@ -1321,7 +1321,13 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
   }, [displayFiles, activeSection, trashAutoPurgeDays]);
 
   const renderPinnedSidebarSection = (filterExt?: string) => {
-    const displayedPinned = filterExt ? pinnedFiles.filter(f => f.name.endsWith(filterExt)) : pinnedFiles;
+    let displayedPinned = pinnedFiles;
+    if (filterExt) {
+      displayedPinned = pinnedFiles.filter(f => f.name.endsWith(filterExt));
+    } else {
+      // In "Drive" (files) mode, exclude office documents from the root pinned list
+      displayedPinned = pinnedFiles.filter(f => !f.name.endsWith('.docx') && !f.name.endsWith('.pptx') && !f.name.endsWith('.xlsx') && !f.name.endsWith('.xls'));
+    }
     
     return (
       <div className="py-1">
@@ -1380,7 +1386,10 @@ export default function FileExplorer({ onLogout }: FileExplorerProps) {
                       color: activeSection === 'files' && currentPath === file.path ? 'var(--color-accent)' : 'var(--color-text-secondary)',
                       borderTop: dragOverPinnedItem === file.path ? '2px solid var(--color-accent)' : '2px solid transparent',
                     }}
-                    onClick={() => { setActiveSection('files'); navigateTo(file.path); }}
+                    onClick={(e) => { 
+                      setActiveSection('files');
+                      handleFileClick(file, e as any); 
+                    }}
                     onContextMenu={(e) => handleContextMenu(e, file)}
                   >
                     <div className="w-4 h-4 flex items-center justify-center flex-shrink-0 [&>svg]:w-4 [&>svg]:h-4">