feat(workspace): Dashboard 侧边栏支持 hide/show 切换

- 新增 dashboardSessionsVisibleAtom 控制侧边栏可见性
- VerticalFeatureTabs 仅在 Dashboard 页面显示
- 侧边栏底部添加 Hide 按钮
- 隐藏时左侧显示展开按钮
- 状态持久化到 localStorage

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

Author: MarkShawn2020

src/components/GlobalHeader/VerticalFeatureTabs.tsx

@@ -3,13 +3,15 @@ import { useAtom } from "jotai";
 import {
   ChevronDownIcon,
   ChevronRightIcon,
+  ChevronLeftIcon,
   ChatBubbleIcon,
   DotsVerticalIcon,
 } from "@radix-ui/react-icons";
 import {
   workspaceDataAtom,
   collapsedProjectGroupsAtom,
   verticalTabsSidebarWidthAtom,
+  dashboardSessionsVisibleAtom,
 } from "@/store";
 import { useNavigate, useInvokeQuery } from "@/hooks";
 import { invoke } from "@tauri-apps/api/core";
@@ -31,6 +33,7 @@ export function VerticalFeatureTabs() {
   const [workspace] = useAtom(workspaceDataAtom);
   const [collapsedGroups, setCollapsedGroups] = useAtom(collapsedProjectGroupsAtom);
   const [sidebarWidth, setSidebarWidth] = useAtom(verticalTabsSidebarWidthAtom);
+  const [, setSidebarVisible] = useAtom(dashboardSessionsVisibleAtom);
   const [isResizing, setIsResizing] = useState(false);
   const resizeRef = useRef<HTMLDivElement>(null);
 
@@ -87,6 +90,18 @@ export function VerticalFeatureTabs() {
         </div>
       </div>
 
+      {/* Hide Sidebar Button */}
+      <div className="shrink-0 border-t border-border p-2">
+        <button
+          onClick={() => setSidebarVisible(false)}
+          className="w-full flex items-center justify-center gap-1.5 px-2 py-1.5 text-xs text-muted-foreground hover:text-ink hover:bg-muted rounded-lg transition-colors"
+          title="Hide sidebar"
+        >
+          <ChevronLeftIcon className="w-3.5 h-3.5" />
+          <span>Hide</span>
+        </button>
+      </div>
+
       {/* Resize Handle */}
       <div
         ref={resizeRef}

src/pages/_layout.tsx

@@ -6,7 +6,7 @@
  */
 import { useState, useEffect, useCallback } from "react";
 import { Outlet, useLocation, useNavigate } from "react-router-dom";
-import { PersonIcon } from "@radix-ui/react-icons";
+import { PersonIcon, ChevronRightIcon } from "@radix-ui/react-icons";
 import { GlobalHeader, VerticalFeatureTabs } from "../components/GlobalHeader";
 import { StatusBar } from "../components/StatusBar";
 import { setAutoCopyOnSelect, getAutoCopyOnSelect } from "../components/Terminal";
@@ -19,7 +19,7 @@ import { Button } from "../components/ui/button";
 import { invoke } from "@tauri-apps/api/core";
 import { listen } from "@tauri-apps/api/event";
 import { useAtom } from "jotai";
-import { shortenPathsAtom, profileAtom, featureTabsLayoutAtom, workspaceDataAtom } from "../store";
+import { shortenPathsAtom, profileAtom, featureTabsLayoutAtom, workspaceDataAtom, dashboardSessionsVisibleAtom } from "../store";
 import { AppConfigContext, useAppConfig, type AppConfig } from "../context";
 import type { FeatureType, UserProfile } from "../types";
 
@@ -82,12 +82,16 @@ export default function RootLayout() {
   // App state (non-routing)
   const [featureTabsLayout] = useAtom(featureTabsLayoutAtom);
   const [workspace] = useAtom(workspaceDataAtom);
+  const [dashboardSidebarVisible, setDashboardSidebarVisible] = useAtom(dashboardSessionsVisibleAtom);
   const [homeDir, setHomeDir] = useState("");
   const [shortenPaths, setShortenPaths] = useAtom(shortenPathsAtom);
   const [showSettings, setShowSettings] = useState(false);
   const [profile, setProfile] = useAtom(profileAtom);
   const [showProfileDialog, setShowProfileDialog] = useState(false);
 
+  // Check if currently in workspace (Dashboard) view
+  const isInWorkspace = location.pathname === "/workspace";
+
   useEffect(() => {
     invoke<string>("get_home_dir").then(setHomeDir).catch(() => {});
   }, []);
@@ -164,7 +168,17 @@ export default function RootLayout() {
           onShowSettings={() => setShowSettings(true)}
         />
         <div className="flex-1 flex overflow-hidden">
-          {featureTabsLayout === "vertical" && workspace && <VerticalFeatureTabs />}
+          {featureTabsLayout === "vertical" && workspace && isInWorkspace && dashboardSidebarVisible && <VerticalFeatureTabs />}
+          {/* Show expand button when sidebar is hidden in workspace */}
+          {featureTabsLayout === "vertical" && isInWorkspace && !dashboardSidebarVisible && (
+            <button
+              onClick={() => setDashboardSidebarVisible(true)}
+              className="shrink-0 w-6 flex items-center justify-center border-r border-border bg-card hover:bg-muted transition-colors"
+              title="Show sidebar"
+            >
+              <ChevronRightIcon className="w-4 h-4 text-muted-foreground" />
+            </button>
+          )}
           <main className="flex-1 overflow-auto">
             <Outlet />
           </main>

src/store/atoms/workspace.ts

@@ -18,3 +18,6 @@ export const featureSidebarFilesExpandedAtom = atomWithStorage("feature-sidebar-
 // VerticalFeatureTabs sidebar mode
 export type SidebarMode = "feats" | "sessions";
 export const sidebarModeAtom = atomWithStorage<SidebarMode>("sidebar-mode", "feats");
+
+// Dashboard sessions panel visibility
+export const dashboardSessionsVisibleAtom = atomWithStorage("dashboard-sessions-visible", true);

src/store/index.ts

@@ -33,7 +33,7 @@ export {
   primaryFeatureAtom,
   workspaceDataAtom, workspaceLoadingAtom, collapsedProjectGroupsAtom,
   featureSidebarExpandedPanelsAtom, featureSidebarPinnedExpandedAtom, featureSidebarFilesExpandedAtom,
-  sidebarModeAtom,
+  sidebarModeAtom, dashboardSessionsVisibleAtom,
   type SidebarMode,
 } from "./atoms/workspace";