auto-save 2026-05-13 09:31 (~3)

.memory/worklog.json

@@ -1111,6 +1111,19 @@
       "message": "auto-save 2026-05-13 09:20 (+1, ~1)",
       "hash": "0599cd8",
       "files_changed": 2
+    },
+    {
+      "ts": "2026-05-13T09:26:08+08:00",
+      "type": "commit",
+      "message": "auto-save 2026-05-13 09:25 (~2)",
+      "hash": "e1143a5",
+      "files_changed": 2
+    },
+    {
+      "ts": "2026-05-13T01:27:36Z",
+      "type": "session-heartbeat",
+      "message": "Claude 会话活跃 · 最近命令：claude · 1 项未提交变更 · 最近提交：auto-save 2026-05-13 09:25 (~2)",
+      "files_changed": 1
     }
   ]
 }

web/app/page.tsx

@@ -279,7 +279,7 @@ export default function Home() {
         {/* 左侧：竖向 tile 看板（极窄） */}
         <aside
           className="relative z-10 flex-shrink-0 border-r border-white/5 bg-black/20 backdrop-blur-xl overflow-y-auto"
-          style={{ width: 108 }}
+          style={{ width: 88 }}
         >
           <Dashboard data={nodeData} />
         </aside>

web/components/dashboard.tsx

@@ -167,31 +167,41 @@ export function Dashboard({ data }: Props) {
         onClick={() => toggleTile(t.key)}
         title={`${t.title} · ${colSummary[t.key]}`}
         className={`group w-full rounded-md overflow-hidden border flex items-center transition relative ${
-          isOpen ? "border-violet-400/70 ring-2 ring-violet-400/40 shadow-lg shadow-violet-500/20" : "border-white/10 hover:border-white/20"
+          isOpen
+            ? "bg-white/[0.09] border-white/25 shadow-[0_0_0_1px_rgba(255,255,255,0.08),0_4px_16px_-4px_rgba(0,0,0,0.5)]"
+            : "bg-white/[0.035] border-white/8 hover:bg-white/[0.06] hover:border-white/15"
         }`}
-        style={{ height: 28 }}
+        style={{ height: 26 }}
       >
-        <div className="px-1.5 flex items-center gap-1 flex-1 min-w-0" style={{ background: TYPE_GRAD[t.type] }}>
-          <span className="text-white shrink-0">{t.icon}</span>
-          <span className="text-white text-[11px] font-medium truncate">{t.title}</span>
+        <span
+          className="absolute left-0 top-1/2 -translate-y-1/2 w-[3px] rounded-r-full transition-all"
+          style={{
+            height: isOpen ? "72%" : "44%",
+            background: TYPE_GRAD[t.type],
+            opacity: isOpen ? 1 : 0.78,
+          }}
+        />
+        <div className="pl-2.5 pr-1.5 flex items-center gap-1.5 flex-1 min-w-0">
+          <span className={`shrink-0 transition ${isOpen ? "text-white" : "text-white/70 group-hover:text-white/90"}`}>{t.icon}</span>
+          <span className={`text-[10.5px] font-medium truncate transition ${isOpen ? "text-white" : "text-white/85"}`}>{t.title}</span>
         </div>
-        <span className={`absolute right-1.5 h-1.5 w-1.5 rounded-full ${STATE_DOT[state]} ring-2 ring-black/40`} />
+        <span className={`absolute right-1.5 h-1.5 w-1.5 rounded-full ${STATE_DOT[state]}`} />
       </button>
     )
   }
 
   return (
-    <div className="h-full flex flex-col gap-1 p-1.5">
+    <div className="h-full flex flex-col gap-1 px-1.5 py-2">
       {/* 起点：输入（含下载+拆分） */}
       <Tile tkey="input" />
       {/* 分叉：上路 关键帧/生图/生视频 */}
-      <div className="border-l-2 border-violet-400/30 pl-1.5 ml-1 space-y-1">
+      <div className="border-l border-violet-400/25 pl-1 ml-[3px] space-y-1">
         <Tile tkey="keyframe" />
         <Tile tkey="imagegen" />
         <Tile tkey="videogen" />
       </div>
       {/* 分叉：下路 转录/翻译/改写 */}
-      <div className="border-l-2 border-pink-400/30 pl-1.5 ml-1 space-y-1">
+      <div className="border-l border-pink-400/25 pl-1 ml-[3px] space-y-1">
         <Tile tkey="asr" />
         <Tile tkey="translate" />
         <Tile tkey="rewrite" />
@@ -204,7 +214,7 @@ export function Dashboard({ data }: Props) {
         <div
           className="fixed z-[100]"
           style={{
-            left: 130,
+            left: 104,
             top: 16,
             bottom: 16,
             width: expanded.has("keyframe") && data.expandedFrame !== null ? 760 : 400,