From 322f811f2c19a6f83a50f26276d84accbad63bd6 Mon Sep 17 00:00:00 2001
From: ZacharyZcR <zacharyzcr1984@gmail.com>
Date: Sun, 27 Sep 2026 13:10:28 +0800
Subject: [PATCH] fix(file-manager): apply compact density to directory tree
 (#1478)

* fix(file-manager): apply compact density to directory tree

* test(css): exercise the configured PostCSS plugin chain
---
 plugins/file-manager/src/frontend/FileManager.tsx        | 1 +
 plugins/file-manager/src/frontend/FileManagerSidebar.tsx | 9 ++++++++-
 2 files changed, 9 insertions(+), 1 deletion(-)

diff --git a/plugins/file-manager/src/frontend/FileManager.tsx b/plugins/file-manager/src/frontend/FileManager.tsx
index aaf95888c..d84ffb3fc 100644
--- a/plugins/file-manager/src/frontend/FileManager.tsx
+++ b/plugins/file-manager/src/frontend/FileManager.tsx
@@ -3469,6 +3469,7 @@ function FileManagerContent({
           >
             <div className="flex-1 flex flex-col overflow-hidden min-h-0 border border-border bg-card">
               <FileManagerSidebar
+                density={density}
                 currentHost={currentHost}
                 currentPath={currentPath}
                 onPathChange={navigateTo}
diff --git a/plugins/file-manager/src/frontend/FileManagerSidebar.tsx b/plugins/file-manager/src/frontend/FileManagerSidebar.tsx
index 3144be86c..9ad117cb3 100644
--- a/plugins/file-manager/src/frontend/FileManagerSidebar.tsx
+++ b/plugins/file-manager/src/frontend/FileManagerSidebar.tsx
@@ -79,6 +79,7 @@ export interface SidebarItem {
 }
 
 interface FileManagerSidebarProps {
+  density?: "comfortable" | "compact";
   currentHost: SSHHost;
   currentPath: string;
   onPathChange: (path: string) => void;
@@ -179,6 +180,7 @@ function StorageMeter({
 // ─── Component ─────────────────────────────────────────────────────────────────
 
 export function FileManagerSidebar({
+  density = "comfortable",
   currentHost,
   currentPath,
   onPathChange,
@@ -638,7 +640,12 @@ export function FileManagerSidebar({
    * the async fetch fills it in.
    */
   const renderFolderTreeItem = (item: SidebarItem): React.ReactNode => (
-    <FolderTree.Item key={item.id} id={item.id} label={item.name}>
+    <FolderTree.Item
+      key={item.id}
+      id={item.id}
+      label={item.name}
+      className={density === "compact" ? "py-0.5" : undefined}
+    >
       <FolderTree.Content>
         {item.children?.map((child) => renderFolderTreeItem(child))}
       </FolderTree.Content>