@band-app/server 0.23.0 → 0.24.1

package/dist/server/assets/{router-ChvYGLZB.js → router-cAoMUC9Q.js}

@@ -1226,7 +1226,7 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1r = [
+const __iconNode$1s = [
   [
     "path",
     {
@@ -1235,45 +1235,45 @@ const __iconNode$1r = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$1r);
-const __iconNode$1q = [
+const Activity = createLucideIcon("activity", __iconNode$1s);
+const __iconNode$1r = [
   ["path", { d: "M12 17V3", key: "1cwfxf" }],
   ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
   ["path", { d: "M19 21H5", key: "150jfl" }]
 ];
-const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1q);
-const __iconNode$1p = [
+const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1r);
+const __iconNode$1q = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1p);
-const __iconNode$1o = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1q);
+const __iconNode$1p = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1o);
-const __iconNode$1n = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1p);
+const __iconNode$1o = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1n);
-const __iconNode$1m = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1o);
+const __iconNode$1n = [
   ["path", { d: "m18 9-6-6-6 6", key: "kcunyi" }],
   ["path", { d: "M12 3v14", key: "7cf3v8" }],
   ["path", { d: "M5 21h14", key: "11awu3" }]
 ];
-const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1m);
-const __iconNode$1l = [
+const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1n);
+const __iconNode$1m = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1l);
-const __iconNode$1k = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1m);
+const __iconNode$1l = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$1k);
-const __iconNode$1j = [
+const Ban = createLucideIcon("ban", __iconNode$1l);
+const __iconNode$1k = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -1281,77 +1281,77 @@ const __iconNode$1j = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1j);
-const __iconNode$1i = [
+const Bot = createLucideIcon("bot", __iconNode$1k);
+const __iconNode$1j = [
   ["path", { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", key: "d5nyq2" }],
   ["path", { d: "M22 9v7", key: "pvm9v3" }],
   ["path", { d: "M3.304 13h6.392", key: "1q3zxz" }],
   ["circle", { cx: "18.5", cy: "12.5", r: "3.5", key: "z97x68" }]
 ];
-const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1i);
-const __iconNode$1h = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1j);
+const __iconNode$1i = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$1h);
-const __iconNode$1g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1g);
-const __iconNode$1f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1e);
-const __iconNode$1d = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1d);
-const __iconNode$1c = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1c);
-const __iconNode$1b = [
+const ChartColumn = createLucideIcon("chart-column", __iconNode$1i);
+const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1h);
+const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
+const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
+const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
+const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
+const __iconNode$1c = [
   ["path", { d: "m7 20 5-5 5 5", key: "13a0gw" }],
   ["path", { d: "m7 4 5 5 5-5", key: "1kwcof" }]
 ];
-const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1b);
-const __iconNode$1a = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1c);
+const __iconNode$1b = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1a);
-const __iconNode$19 = [
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1b);
+const __iconNode$1a = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$19);
-const __iconNode$18 = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1a);
+const __iconNode$19 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$18);
-const __iconNode$17 = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$19);
+const __iconNode$18 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$17);
-const __iconNode$16 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$16);
-const __iconNode$15 = [
+const CircleX = createLucideIcon("circle-x", __iconNode$18);
+const __iconNode$17 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$17);
+const __iconNode$16 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
   ["path", { d: "M21 14H11", key: "1bme5i" }],
   ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
 ];
-const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$15);
-const __iconNode$14 = [
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$16);
+const __iconNode$15 = [
   ["path", { d: "M11 14h10", key: "1w8e9d" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v1.344", key: "1e62lh" }],
   ["path", { d: "m17 18 4-4-4-4", key: "z2g111" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113", key: "bjbb7m" }],
   ["rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", key: "ublpy" }]
 ];
-const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$14);
-const __iconNode$13 = [
+const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$15);
+const __iconNode$14 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1361,52 +1361,58 @@ const __iconNode$13 = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$13);
-const __iconNode$12 = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$14);
+const __iconNode$13 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$12);
-const __iconNode$11 = [
+const Clock = createLucideIcon("clock", __iconNode$13);
+const __iconNode$12 = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$11);
-const __iconNode$10 = [
+const CodeXml = createLucideIcon("code-xml", __iconNode$12);
+const __iconNode$11 = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$10);
-const __iconNode$$ = [
+const Code = createLucideIcon("code", __iconNode$11);
+const __iconNode$10 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns2 = createLucideIcon("columns-2", __iconNode$$);
-const __iconNode$_ = [
+const Columns2 = createLucideIcon("columns-2", __iconNode$10);
+const __iconNode$$ = [
   [
     "path",
     { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3", key: "11bfej" }
   ]
 ];
-const Command$1 = createLucideIcon("command", __iconNode$_);
-const __iconNode$Z = [
+const Command$1 = createLucideIcon("command", __iconNode$$);
+const __iconNode$_ = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$Z);
-const __iconNode$Y = [
+const Copy = createLucideIcon("copy", __iconNode$_);
+const __iconNode$Z = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$Y);
-const __iconNode$X = [
+const Download = createLucideIcon("download", __iconNode$Z);
+const __iconNode$Y = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$X);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$Y);
+const __iconNode$X = [
+  ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
+  ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
+  ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
+];
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$X);
 const __iconNode$W = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
@@ -14762,23 +14768,80 @@ function DialogOverlay({
     }
   );
 }
+const DIALOG_CONTENT_VARIANTS = {
+  default: "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
+  "bottom-sheet": [
+    // Shared
+    "fixed z-50 flex flex-col bg-background shadow-lg duration-200 outline-none",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+    // Mobile (< lg): bottom drawer
+    "inset-x-0 bottom-0 w-full max-w-none rounded-t-2xl border border-b-0 p-6",
+    "max-h-[calc(100dvh-env(safe-area-inset-top)-1.5rem)]",
+    "max-lg:data-[state=open]:slide-in-from-bottom max-lg:data-[state=closed]:slide-out-to-bottom",
+    // Desktop (lg+): revert to the centred modal
+    "lg:inset-auto lg:top-[50%] lg:left-[50%] lg:bottom-auto lg:w-full lg:max-w-lg lg:max-h-[85vh] lg:translate-x-[-50%] lg:translate-y-[-50%] lg:rounded-lg lg:border-b",
+    "lg:data-[state=open]:zoom-in-95 lg:data-[state=closed]:zoom-out-95"
+  ].join(" "),
+  "command-palette": [
+    // Shared
+    "fixed z-50 flex flex-col bg-background shadow-lg duration-200 outline-none",
+    "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
+    // Mobile (< lg): bottom drawer with the input pinned to the bottom. Flip
+    // the command's flex direction so the input sits below the results list,
+    // and flip the input wrapper's divider to a top border to match. The sheet
+    // floats at `bottom: var(--kb-inset)` (keyboard height; 0 when closed) so
+    // the input clears the on-screen keyboard — see `useKeyboardInset`.
+    "inset-x-0 bottom-[var(--kb-inset,0px)] w-full max-w-none rounded-t-2xl border border-b-0",
+    "max-h-[calc(100dvh-var(--kb-inset,0px)-env(safe-area-inset-top)-1.5rem)]",
+    "max-lg:[&_[data-slot=command]]:flex-col-reverse",
+    "max-lg:[&_[cmdk-input-wrapper]]:border-t max-lg:[&_[cmdk-input-wrapper]]:border-b-0",
+    "max-lg:data-[state=open]:slide-in-from-bottom max-lg:data-[state=closed]:slide-out-to-bottom",
+    // Desktop (lg+): anchored in the upper third by its TOP edge — no
+    // `translate-y`, so the input never moves as the list grows downward.
+    "lg:inset-x-auto lg:bottom-auto lg:top-[12vh] lg:left-1/2 lg:w-full lg:max-w-lg lg:max-h-[70vh] lg:-translate-x-1/2 lg:rounded-lg lg:border",
+    "lg:data-[state=open]:zoom-in-95 lg:data-[state=closed]:zoom-out-95"
+  ].join(" ")
+};
+const keyboardInsetHolders = /* @__PURE__ */ new Set();
+function useKeyboardInset(active) {
+  reactExports.useEffect(() => {
+    const vv = window.visualViewport;
+    if (!active || !vv) return;
+    const root2 = document.documentElement;
+    const token2 = {};
+    const update = () => {
+      const inset = Math.max(0, window.innerHeight - vv.height - vv.offsetTop);
+      root2.style.setProperty("--kb-inset", `${inset}px`);
+    };
+    keyboardInsetHolders.add(token2);
+    update();
+    vv.addEventListener("resize", update);
+    vv.addEventListener("scroll", update);
+    return () => {
+      vv.removeEventListener("resize", update);
+      vv.removeEventListener("scroll", update);
+      keyboardInsetHolders.delete(token2);
+      if (keyboardInsetHolders.size === 0) root2.style.removeProperty("--kb-inset");
+    };
+  }, [active]);
+}
 function DialogContent({
   className,
   overlayClassName,
   children: children2,
   showCloseButton = true,
+  variant = "default",
   ...props
 }) {
+  useKeyboardInset(variant === "command-palette");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, { className: overlayClassName }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Content$1,
       {
         "data-slot": "dialog-content",
-        className: cn$2(
-          "fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 outline-none data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95 sm:max-w-lg",
-          className
-        ),
+        "data-variant": variant,
+        className: cn$2(DIALOG_CONTENT_VARIANTS[variant], className),
         ...props,
         children: [
           children2,
@@ -20261,16 +20324,16 @@ function createDashboardStore(adapter2) {
         set2({ error: String(e3) });
       }
     },
-    gitPull: async (project, branch) => {
+    gitPull: async (project, name2) => {
       try {
-        await adapter2.gitPull(project, branch);
+        await adapter2.gitPull(project, name2);
       } catch (e3) {
         set2({ error: String(e3) });
       }
     },
-    gitPush: async (project, branch) => {
+    gitPush: async (project, name2) => {
       try {
-        await adapter2.gitPush(project, branch);
+        await adapter2.gitPush(project, name2);
       } catch (e3) {
         set2({ error: String(e3) });
       }
@@ -20487,15 +20550,18 @@ function useRemoveWorkspace() {
   const openWorkspace = useDashboardStore((s2) => s2.openWorkspace);
   const store = useRawDashboardStore();
   return useMutation({
-    mutationFn: ({ project, branch }) => adapter2.removeWorkspace(project, branch),
-    onSuccess: (_data, { project, branch }) => {
+    mutationFn: ({ project, name: name2 }) => adapter2.removeWorkspace(project, name2),
+    onSuccess: (_data, { project, name: name2 }) => {
       queryClient2.invalidateQueries({ queryKey: queryKeys.projects });
-      const deletedWorkspaceId = toWorkspaceId(project, branch);
+      const deletedWorkspaceId = toWorkspaceId(project, name2);
       if (store.getState().activeWorkspaceId === deletedWorkspaceId) {
         const projects = queryClient2.getQueryData(queryKeys.projects);
         const projectInfo = projects?.find((p2) => p2.name === project);
         if (projectInfo) {
-          openWorkspace(toWorkspaceId(project, projectInfo.defaultBranch));
+          const mainWt = projectInfo.worktrees.find(
+            (wt2) => wt2.name === projectInfo.defaultBranch || wt2.branch === projectInfo.defaultBranch
+          );
+          openWorkspace(toWorkspaceId(project, mainWt?.name ?? projectInfo.defaultBranch));
         }
       }
     },
@@ -20568,7 +20634,7 @@ function AddProjectDialog({ open: open2, onOpenChange, defaultLabel }) {
     }
   };
   const isBusy = addProjectMutation.isPending;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContent, { className: "sm:max-w-[425px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange: handleOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogContent, { variant: "bottom-sheet", className: "lg:max-w-[425px]", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("form", { onSubmit: handleSubmit, children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Register Project" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Add a folder to manage its workspaces. Git repositories enable branches and PRs; plain folders work too, with a single implicit workspace." })
@@ -42697,53 +42763,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-B6FFge5B.js").then((m2) => m2.javascript());
+        return import("./index-8fW2N3v4.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-B6FFge5B.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-8fW2N3v4.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-B6FFge5B.js").then(
+        return import("./index-8fW2N3v4.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-B6FFge5B.js").then(
+        return import("./index-8fW2N3v4.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-CWhqy8Ta.js").then((m2) => m2.python());
+        return import("./index-DsPBpNpr.js").then((m2) => m2.python());
       case "html":
-        return import("./index-CTCq_dqo.js").then((m2) => m2.html());
+        return import("./index-CUnnFiRO.js").then((m2) => m2.html());
       case "css":
-        return import("./index-y6X09Ksj.js").then((m2) => m2.css());
+        return import("./index-O03NM4sL.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-z7NiBua9.js").then((m2) => m2.sass());
+        return import("./index-bbP5Ilkt.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-DoAhyHsE.js").then((m2) => m2.less());
+        return import("./index-BiMwh0FT.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-DF9DvOkv.js").then((m2) => m2.json());
+        return import("./index-DipxLM5f.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-Cvf2IVNx.js").then((m2) => m2.markdown());
+        return import("./index-BDqHa1DL.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-W2MLsk-k.js").then((m2) => m2.xml());
+        return import("./index-DEZw9nkv.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-CE_oTIBT.js").then((m2) => m2.yaml());
+        return import("./index-dAOow3Ru.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-CnNg602B.js").then((m2) => m2.sql());
+        return import("./index-igT3OuCm.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-BMCwJ6BW.js").then((m2) => m2.rust());
+        return import("./index-CGm8Czks.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-C4lG0OWB.js").then((m2) => m2.go());
+        return import("./index-DYiuwMzT.js").then((m2) => m2.go());
       case "java":
-        return import("./index-CUej4Ihg.js").then((m2) => m2.java());
+        return import("./index-5St5BCcJ.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-CUej4Ihg.js").then((m2) => m2.java());
+        return import("./index-5St5BCcJ.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-Cyz3st2N.js").then((m2) => m2.cpp());
+        return import("./index-DR892S39.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-Cznd5qP8.js").then((m2) => m2.php());
+        return import("./index-BZSAPXc2.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -43808,22 +43874,30 @@ function CommandPaletteDialog({ open: open2, onOpenChange, commands }) {
     },
     [onOpenChange]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "overflow-hidden p-0 sm:max-w-[520px]", showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Command Palette" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Search for a command to run" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Search commands..." }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[360px]", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No commands found." }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: commands.map((cmd2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandItem, { value: cmd2.label, onSelect: () => handleSelect(cmd2), children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: cmd2.label }),
-          cmd2.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(CommandShortcut, { children: formatShortcut(cmd2.shortcut) })
-        ] }, cmd2.id)) })
-      ] })
-    ] })
-  ] }) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    DialogContent,
+    {
+      variant: "command-palette",
+      className: "overflow-hidden p-0 lg:max-w-[520px]",
+      showCloseButton: false,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Command Palette" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Search for a command to run" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Search commands..." }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[360px]", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No commands found." }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: commands.map((cmd2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandItem, { value: cmd2.label, onSelect: () => handleSelect(cmd2), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm", children: cmd2.label }),
+              cmd2.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(CommandShortcut, { children: formatShortcut(cmd2.shortcut) })
+            ] }, cmd2.id)) })
+          ] })
+        ] })
+      ]
+    }
+  ) });
 }
 function CommitDialog({
   open: open2,
@@ -48707,7 +48781,7 @@ function usePinnedWorkspaces() {
           list2.push({
             project,
             worktree: wt2,
-            workspaceId: toWorkspaceId(project.name, wt2.branch)
+            workspaceId: toWorkspaceId(project.name, wt2.name)
           });
         }
       }
@@ -48719,10 +48793,10 @@ function usePinnedWorkspaces() {
   const mutation = useMutation({
     mutationFn: ({
       project,
-      branch,
+      name: name2,
       pinned: nextPinned
-    }) => adapter2.setWorkspacePinned(project, branch, nextPinned),
-    onMutate: async ({ project, branch, pinned: nextPinned }) => {
+    }) => adapter2.setWorkspacePinned(project, name2, nextPinned),
+    onMutate: async ({ project, name: name2, pinned: nextPinned }) => {
       await queryClient2.cancelQueries({ queryKey: queryKeys.projects });
       const previous2 = queryClient2.getQueryData(queryKeys.projects);
       if (previous2) {
@@ -48730,7 +48804,7 @@ function usePinnedWorkspaces() {
           (p2) => p2.name === project ? {
             ...p2,
             worktrees: p2.worktrees.map(
-              (w3) => w3.branch === branch ? { ...w3, pinned: nextPinned } : w3
+              (w3) => w3.name === name2 ? { ...w3, pinned: nextPinned } : w3
             )
           } : p2
         );
@@ -48749,7 +48823,7 @@ function usePinnedWorkspaces() {
     }
   });
   const toggle = reactExports.useCallback(
-    (project, branch, currentlyPinned) => mutation.mutate({ project, branch, pinned: !currentlyPinned }),
+    (project, name2, currentlyPinned) => mutation.mutate({ project, name: name2, pinned: !currentlyPinned }),
     [mutation.mutate]
   );
   return { pinned, isPinned, toggle };
@@ -49013,7 +49087,7 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
   const gitPush = useDashboardStore((s2) => s2.gitPush);
   const removeWorkspaceMutation = useRemoveWorkspace();
   const isPinned = worktree.pinned;
-  const workspaceId = toWorkspaceId(projectName, worktree.branch);
+  const workspaceId = toWorkspaceId(projectName, worktree.name);
   const isActive = useDashboardStore((s2) => s2.activeWorkspaceId === workspaceId);
   const href = capabilities2.getWorkspaceHref?.(workspaceId);
   reactExports.useEffect(() => {
@@ -49063,11 +49137,11 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
   const hasUnpushedCommits = (branchStatus?.git.ahead ?? 0) > 0;
   const handleDelete2 = () => {
     if (!hasUnmergedPR && !isDirty && !hasUnpushedCommits) {
-      removeWorkspaceMutation.mutate({ project: projectName, branch: worktree.branch });
+      removeWorkspaceMutation.mutate({ project: projectName, name: worktree.name });
     } else {
       onShowDeleteDialog({
         projectName,
-        branch: worktree.branch,
+        name: worktree.name,
         isUnmerged: hasUnmergedPR,
         isDirty,
         hasUnpushedCommits
@@ -49083,11 +49157,11 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
             "span",
             {
               className: `text-sm truncate ${isActive ? "font-bold text-foreground" : "font-medium text-muted-foreground"}`,
-              children: showProjectName ? `${projectName}/${worktree.branch}` : worktree.branch
+              children: showProjectName ? `${projectName}/${worktree.name}` : worktree.name
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "right", children: `${projectName}/${worktree.branch}` })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "right", children: `${projectName}/${worktree.name}` })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden @[10rem]:flex group-hover:flex items-center gap-2 shrink-0 ml-auto pl-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SetupStatusIndicator, { setup: setupStatus }),
@@ -49096,7 +49170,7 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onTogglePinned(projectName, worktree.branch, isPinned), children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onTogglePinned(projectName, worktree.name, isPinned), children: [
         isPinned ? /* @__PURE__ */ jsxRuntimeExports.jsx(PinOff, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, {}),
         isPinned ? "Unpin workspace" : "Pin workspace"
       ] }),
@@ -49117,15 +49191,15 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
         /* @__PURE__ */ jsxRuntimeExports.jsx(Square, {}),
         "Run teardown"
       ] }),
-      !isPlain && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => gitPull(projectName, worktree.branch), children: [
+      !isPlain && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => gitPull(projectName, worktree.name), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowDownToLine, {}),
         "Git pull"
       ] }),
-      !isPlain && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => gitPush(projectName, worktree.branch), children: [
+      !isPlain && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => gitPush(projectName, worktree.name), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUpFromLine, {}),
         "Git push"
       ] }),
-      !isPlain && worktree.branch !== defaultBranch && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { variant: "destructive", onClick: handleDelete2, children: [
+      !isPlain && worktree.name !== defaultBranch && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { variant: "destructive", onClick: handleDelete2, children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, {}),
         "Delete workspace"
       ] })
@@ -49165,8 +49239,8 @@ function SortableProject({
   };
   const openWorkspace = useDashboardStore((s2) => s2.openWorkspace);
   const clearNeedsAttention = useDashboardStore((s2) => s2.clearNeedsAttention);
-  const plainBranch = isPlain ? project.worktrees[0].branch : "";
-  const plainWorkspaceId = isPlain ? toWorkspaceId(project.name, plainBranch) : "";
+  const plainName = isPlain ? project.worktrees[0].name : "";
+  const plainWorkspaceId = isPlain ? toWorkspaceId(project.name, plainName) : "";
   const plainIsActive = useDashboardStore(
     (s2) => isPlain && s2.activeWorkspaceId === plainWorkspaceId
   );
@@ -49175,7 +49249,7 @@ function SortableProject({
   const plainIsFocused = isPlain && workspaceIndexStart === focusedIndex;
   const activeWorkspaceId = useDashboardStore((s2) => s2.activeWorkspaceId);
   const gitHeaderIsActive = reactExports.useMemo(
-    () => !isPlain && project.worktrees.some((wt2) => toWorkspaceId(project.name, wt2.branch) === activeWorkspaceId),
+    () => !isPlain && project.worktrees.some((wt2) => toWorkspaceId(project.name, wt2.name) === activeWorkspaceId),
     [isPlain, project.worktrees, project.name, activeWorkspaceId]
   );
   const handlePlainOpen = () => {
@@ -49320,7 +49394,7 @@ function SortableProject({
     // the project header above, not as sibling rows. The indentation alone
     // (no divider rail) conveys the hierarchy, keeping the list uncluttered.
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 overflow-hidden ml-3", children: project.worktrees.length === 0 ? hasPinnedSiblings ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground px-4 py-2", children: "No workspaces yet" }) : project.worktrees.map((wt2) => {
-      const wsId = toWorkspaceId(project.name, wt2.branch);
+      const wsId = toWorkspaceId(project.name, wt2.name);
       const currentIndex = workspaceIndex++;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
         WorkspaceCard,
@@ -49336,7 +49410,7 @@ function SortableProject({
           onShowDeleteDialog,
           onTogglePinned
         },
-        wt2.branch
+        wt2.name
       );
     }) })
   ] });
@@ -49472,7 +49546,7 @@ function ProjectList({ labelFilter }) {
       if (headerVisible && labelCollapse.isCollapsed(groupKey)) return [];
       return g2.projects.flatMap((p2) => {
         if (projectCollapse.isCollapsed(p2.name)) return [];
-        return p2.worktrees.map((wt2) => toWorkspaceId(p2.name, wt2.branch));
+        return p2.worktrees.map((wt2) => toWorkspaceId(p2.name, wt2.name));
       });
     });
     return [...pinnedPart, ...rest];
@@ -49532,7 +49606,7 @@ function ProjectList({ labelFilter }) {
     for (const group of groups) {
       for (const project of group.projects) {
         const containsActive = project.worktrees.some(
-          (wt2) => toWorkspaceId(project.name, wt2.branch) === activeWorkspaceId
+          (wt2) => toWorkspaceId(project.name, wt2.name) === activeWorkspaceId
         );
         if (!containsActive) continue;
         if (labelFilter && group.labelId !== labelFilter) return;
@@ -49766,12 +49840,12 @@ function ProjectList({ labelFilter }) {
           if (deleteDialog) {
             removeWorkspaceMutation.mutate({
               project: deleteDialog.projectName,
-              branch: deleteDialog.branch
+              name: deleteDialog.name
             });
             setDeleteDialog(null);
           }
         },
-        branchName: deleteDialog?.branch ?? "",
+        branchName: deleteDialog?.name ?? "",
         isUnmerged: deleteDialog?.isUnmerged ?? false,
         isDirty: deleteDialog?.isDirty ?? false,
         hasUnpushedCommits: deleteDialog?.hasUnpushedCommits ?? false
@@ -50222,16 +50296,8 @@ function SettingsPage({ open: open2, onOpenChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     DialogContent,
     {
-      className: (
-        // Mobile: take the full viewport — no margin, no rounded corners,
-        // top-anchored so the address-bar doesn't clip the footer.
-        // Desktop (sm+): float as a centered, capped-width card.
-        [
-          "inset-0 left-0 top-0 h-dvh w-full max-w-none translate-x-0 translate-y-0 rounded-none",
-          "sm:inset-auto sm:top-[50%] sm:left-[50%] sm:h-[80vh] sm:w-full sm:max-w-2xl sm:translate-x-[-50%] sm:translate-y-[-50%] sm:rounded-lg",
-          "overflow-hidden p-0 flex flex-col gap-0"
-        ].join(" ")
-      ),
+      variant: "bottom-sheet",
+      className: "flex flex-col gap-0 overflow-hidden p-0 lg:h-[80vh] lg:max-w-2xl",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Settings" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6 px-6 pb-6", children: [
@@ -50871,7 +50937,7 @@ async function desktopInvoke$1(cmd2, args) {
   if (bridge) return await bridge.invoke(cmd2, args);
   throw new Error(`desktopInvoke('${cmd2}') called outside the desktop shell`);
 }
-function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
+function DashboardShell({ bottomActions, hideTitleBar }) {
   const { projects, isLoading: loading } = useProjects();
   const { settings } = useSettingsQuery();
   const labels = settings.labels ?? [];
@@ -50911,7 +50977,7 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
   );
   const findProjectForWorkspace = reactExports.useCallback(
     (workspaceId) => projects.find(
-      (p2) => p2.worktrees.some((wt2) => toWorkspaceId(p2.name, wt2.branch) === workspaceId)
+      (p2) => p2.worktrees.some((wt2) => toWorkspaceId(p2.name, wt2.name) === workspaceId)
     ),
     [projects]
   );
@@ -51033,93 +51099,68 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
           }
         ),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-9 shrink-0 items-center justify-between border-b border-border", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 pl-2", children: [
-            !hideMenu && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  Button,
-                  {
-                    size: "icon-sm",
-                    variant: "ghost",
-                    className: "text-muted-foreground",
-                    "aria-label": "Menu",
-                    "data-testid": "dashboard__menu-trigger",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, { className: "size-5" })
-                  }
-                ) }) }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "More" })
-              ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "start", children: [
-                toolbarMenuItems,
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: handleSettingsClick, children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { className: "size-4" }),
-                  "Settings"
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-w-0 items-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-1 pl-2", children: labels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                size: "sm",
+                variant: "ghost",
+                "data-testid": "dashboard__label-filter-trigger",
+                className: `min-w-0 text-sm h-7 px-2 gap-1.5 ${labelFilter ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
+                children: activeLabel ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "span",
+                    {
+                      className: "size-2.5 rounded-full shrink-0",
+                      style: { backgroundColor: activeLabel.color }
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: activeLabel.name })
+                ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Tag$1, { className: "size-3.5 shrink-0" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "All" })
                 ] })
-              ] })
-            ] }),
-            labels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                Button,
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "start", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                DropdownMenuItem,
                 {
-                  size: "sm",
-                  variant: "ghost",
-                  "data-testid": "dashboard__label-filter-trigger",
-                  className: `min-w-0 text-sm h-7 px-2 gap-1.5 ${labelFilter ? "bg-accent text-accent-foreground" : "text-muted-foreground"}`,
-                  children: activeLabel ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                  "data-testid": "dashboard__label-filter-item--all",
+                  onClick: () => setLabelFilter(null),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Tag$1, { className: "size-3.5 shrink-0 mr-2 text-muted-foreground" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "All" }),
+                    !labelFilter && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 ml-2 shrink-0" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto pl-3 text-xs text-muted-foreground tracking-widest", children: "⌘0" })
+                  ]
+                }
+              ),
+              labels.map((lbl, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                DropdownMenuItem,
+                {
+                  "data-testid": `dashboard__label-filter-item--${lbl.id}`,
+                  onClick: () => setLabelFilter(lbl.id),
+                  children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(
                       "span",
                       {
-                        className: "size-2.5 rounded-full shrink-0",
-                        style: { backgroundColor: activeLabel.color }
+                        className: "size-2.5 rounded-full shrink-0 mr-2",
+                        style: { backgroundColor: lbl.color }
                       }
                     ),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: activeLabel.name })
-                  ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(Tag$1, { className: "size-3.5 shrink-0" }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "All" })
-                  ] })
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "start", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  DropdownMenuItem,
-                  {
-                    "data-testid": "dashboard__label-filter-item--all",
-                    onClick: () => setLabelFilter(null),
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(Tag$1, { className: "size-3.5 shrink-0 mr-2 text-muted-foreground" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: "All" }),
-                      !labelFilter && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 ml-2 shrink-0" }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto pl-3 text-xs text-muted-foreground tracking-widest", children: "⌘0" })
-                    ]
-                  }
-                ),
-                labels.map((lbl, idx) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                  DropdownMenuItem,
-                  {
-                    "data-testid": `dashboard__label-filter-item--${lbl.id}`,
-                    onClick: () => setLabelFilter(lbl.id),
-                    children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "span",
-                        {
-                          className: "size-2.5 rounded-full shrink-0 mr-2",
-                          style: { backgroundColor: lbl.color }
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: lbl.name }),
-                      labelFilter === lbl.id && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 ml-2 shrink-0" }),
-                      idx < 9 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-auto pl-3 text-xs text-muted-foreground tracking-widest", children: [
-                        "⌘",
-                        idx + 1
-                      ] })
-                    ]
-                  },
-                  lbl.id
-                ))
-              ] })
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: lbl.name }),
+                    labelFilter === lbl.id && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3 ml-2 shrink-0" }),
+                    idx < 9 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-auto pl-3 text-xs text-muted-foreground tracking-widest", children: [
+                      "⌘",
+                      idx + 1
+                    ] })
+                  ]
+                },
+                lbl.id
+              ))
             ] })
-          ] }) }),
+          ] }) }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 pr-2", children: [
             projects.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -51216,6 +51257,30 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
             }
           )
         ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "shrink-0 flex h-9 items-center justify-between gap-1 border-t border-border px-2",
+            "data-testid": "project-list__action-bar",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                Button,
+                {
+                  size: "sm",
+                  variant: "ghost",
+                  className: "text-muted-foreground",
+                  "data-testid": "project-list__settings-button",
+                  onClick: handleSettingsClick,
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { className: "size-4" }),
+                    "Settings"
+                  ]
+                }
+              ),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center gap-0.5", children: bottomActions })
+            ]
+          }
+        ),
         /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showErrorDialog, onOpenChange: setShowErrorDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { className: "text-destructive", children: "Error" }),
@@ -52791,7 +52856,7 @@ function readStoredDiffMode(workspaceId) {
     if (v2 === "uncommitted" || v2 === "branch") return v2;
   } catch {
   }
-  return "branch";
+  return "uncommitted";
 }
 function readStoredCompareBranch(workspaceId) {
   try {
@@ -52881,7 +52946,7 @@ function useProjectKindMap() {
     const map2 = /* @__PURE__ */ new Map();
     for (const p2 of projects) {
       for (const wt2 of p2.worktrees) {
-        map2.set(toWorkspaceId(p2.name, wt2.branch), p2.kind);
+        map2.set(toWorkspaceId(p2.name, wt2.name), p2.kind);
       }
     }
     return map2;
@@ -53013,7 +53078,7 @@ function useWorkspacePath(workspaceId) {
   return reactExports.useMemo(() => {
     for (const proj of projects) {
       for (const wt2 of proj.worktrees) {
-        if (toWorkspaceId(proj.name, wt2.branch) === workspaceId) {
+        if (toWorkspaceId(proj.name, wt2.name) === workspaceId) {
           return wt2.path;
         }
       }
@@ -56403,7 +56468,10 @@ const SearchBar = reactExports.forwardRef(function SearchBar2({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `flex shrink-0 items-center gap-1.5 border-b border-border bg-muted/30 px-3 py-1.5 ${className ?? ""}`,
+      className: cn$2(
+        "flex shrink-0 items-center gap-1.5 border-b border-border bg-muted/30 px-3 py-1.5",
+        className
+      ),
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5 shrink-0 text-muted-foreground" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -56483,6 +56551,17 @@ function storeViewMode(mode) {
   }
 }
 const UNCOMMITTED_VALUE = "__uncommitted__";
+const STAGING_BRANCH_PRIORITY = [
+  "develop",
+  "dev",
+  "development",
+  "stage",
+  "staging",
+  "integration",
+  "release",
+  "qa",
+  "uat"
+];
 const EXPAND_ALL_KEY = "band:diff-expand-all";
 const MAX_MOUNTED_EDITORS = 50;
 function getStoredExpandAll() {
@@ -57076,81 +57155,91 @@ function LazyFileRow({
             fileStatus: status
           }
         ),
-        isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t border-border/20 bg-muted/30", children: [
-          diffError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-4 text-sm text-destructive", children: diffError }),
-          diff2 !== null && (shouldRender ? (
-            // Wrapper is observed by the ResizeObserver in the effect
-            // above. Its rendered height — "Show full file" bar plus the
-            // CodeMirror editor — is reported back as
-            // `measuredHeight`, then reused verbatim as the placeholder
-            // height on the next unmount cycle (a never-visited row or
-            // an LRU-evicted one).
-            //
-            // The `minHeight` hold prevents a layout shift during the
-            // window between (a) `shouldRender` flipping to true and
-            // (b) the editor's async `setup` finishing (loadLanguage
-            // await + new MergeView() + first paint). Without it the
-            // wrapper is empty-auto-height for that window, collapsing
-            // the row to the "Show full file" bar (~30px) and pushing
-            // every row below it upward; when the editor paints they
-            // snap back down. We pin the wrapper to the
-            // cached/estimated height (the same value the placeholder
-            // uses) until `editorRendered` flips, then let the
-            // editor's natural height take over. The ResizeObserver
-            // only attaches once `editorRendered` is true (see deps
-            // above), so the held value never bleeds into the
-            // measuredHeight cache.
-            //
-            // Mount-once: once `shouldRender` flips true, it stays
-            // true across scroll-aways. The editor's natural height
-            // remains in the layout — the row stays the same size
-            // whether the user is currently looking at it or
-            // scrolled past — so there's no scroll-shift trade-off
-            // to manage. The browser handles culling offscreen tiles
-            // cheaply; the only thing that brings `shouldRender`
-            // back to false is collapse / LRU eviction / target
-            // change, all of which deliberately tear the editor
-            // down.
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                ref: diffBodyRef,
-                style: editorRendered ? void 0 : { minHeight: placeholderHeight },
-                children: [
-                  canLoadMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center border-b border-border/20 px-4 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => onShowFullFile(filename),
-                      className: "text-xs text-muted-foreground transition-colors hover:text-foreground",
-                      children: "Show full file"
-                    }
-                  ) }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    DiffFileContent,
-                    {
-                      hunks: diff2,
-                      filename,
-                      viewMode,
-                      onEditorViews: handleEditorViews,
-                      onLoadMoreContext: canLoadMore ? () => onLoadMoreContext(filename) : void 0
-                    }
-                  )
-                ]
-              }
-            )
-          ) : (
-            // Placeholder occupying the SAME pixel height the CodeMirror
-            // editor would render at, so the row's overall size doesn't
-            // change when LRU eviction tears the editor down (or while
-            // a never-visited row waits for its first IO intersect).
-            // Without this, switching the body between editor and
-            // placeholder would push everything below upward —
-            // visually identical to a layout shift, even though no
-            // content actually moved.
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, style: { height: placeholderHeight } })
-          ))
-        ] })
+        isOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "border-t border-border/20 bg-muted/30",
+            style: placeholderHeight > 0 ? {
+              contentVisibility: "auto",
+              containIntrinsicBlockSize: `${placeholderHeight}px`
+            } : void 0,
+            children: [
+              diffError && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-4 py-4 text-sm text-destructive", children: diffError }),
+              diff2 !== null && (shouldRender ? (
+                // Wrapper is observed by the ResizeObserver in the effect
+                // above. Its rendered height — "Show full file" bar plus the
+                // CodeMirror editor — is reported back as
+                // `measuredHeight`, then reused verbatim as the placeholder
+                // height on the next unmount cycle (a never-visited row or
+                // an LRU-evicted one).
+                //
+                // The `minHeight` hold prevents a layout shift during the
+                // window between (a) `shouldRender` flipping to true and
+                // (b) the editor's async `setup` finishing (loadLanguage
+                // await + new MergeView() + first paint). Without it the
+                // wrapper is empty-auto-height for that window, collapsing
+                // the row to the "Show full file" bar (~30px) and pushing
+                // every row below it upward; when the editor paints they
+                // snap back down. We pin the wrapper to the
+                // cached/estimated height (the same value the placeholder
+                // uses) until `editorRendered` flips, then let the
+                // editor's natural height take over. The ResizeObserver
+                // only attaches once `editorRendered` is true (see deps
+                // above), so the held value never bleeds into the
+                // measuredHeight cache.
+                //
+                // Mount-once: once `shouldRender` flips true, it stays
+                // true across scroll-aways. The editor's natural height
+                // remains in the layout — the row stays the same size
+                // whether the user is currently looking at it or
+                // scrolled past — so there's no scroll-shift trade-off
+                // to manage. The browser handles culling offscreen tiles
+                // cheaply; the only thing that brings `shouldRender`
+                // back to false is collapse / LRU eviction / target
+                // change, all of which deliberately tear the editor
+                // down.
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  "div",
+                  {
+                    ref: diffBodyRef,
+                    style: editorRendered ? void 0 : { minHeight: placeholderHeight },
+                    children: [
+                      canLoadMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center border-b border-border/20 px-4 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        "button",
+                        {
+                          type: "button",
+                          onClick: () => onShowFullFile(filename),
+                          className: "text-xs text-muted-foreground transition-colors hover:text-foreground",
+                          children: "Show full file"
+                        }
+                      ) }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        DiffFileContent,
+                        {
+                          hunks: diff2,
+                          filename,
+                          viewMode,
+                          onEditorViews: handleEditorViews,
+                          onLoadMoreContext: canLoadMore ? () => onLoadMoreContext(filename) : void 0
+                        }
+                      )
+                    ]
+                  }
+                )
+              ) : (
+                // Placeholder occupying the SAME pixel height the CodeMirror
+                // editor would render at, so the row's overall size doesn't
+                // change when LRU eviction tears the editor down (or while
+                // a never-visited row waits for its first IO intersect).
+                // Without this, switching the body between editor and
+                // placeholder would push everything below upward —
+                // visually identical to a layout shift, even though no
+                // content actually moved.
+                /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, style: { height: placeholderHeight } })
+              ))
+            ]
+          }
+        )
       ]
     }
   );
@@ -57191,6 +57280,7 @@ function DiffView({
   const workspacePath = useWorkspacePath(workspaceId);
   const [summary, setSummary] = reactExports.useState(null);
   const summaryRef = reactExports.useRef(null);
+  const lastHeadBranchRef = reactExports.useRef(null);
   const [error, setError] = reactExports.useState(null);
   const [loading, setLoading] = reactExports.useState(true);
   const fetchSummaryRef = reactExports.useRef(null);
@@ -57726,16 +57816,22 @@ function DiffView({
   }, [active]);
   const summaryCompareBranch = summary?.compareBranch ?? null;
   const defaultBranch = summary?.defaultBranch ?? availableDefaultBranch ?? null;
-  const branchOptions = availableBranches.length > 0 ? availableBranches : summaryCompareBranch ? [summaryCompareBranch] : [];
+  const branchOptions = reactExports.useMemo(
+    () => availableBranches.length > 0 ? availableBranches : summaryCompareBranch ? [summaryCompareBranch] : [],
+    [availableBranches, summaryCompareBranch]
+  );
   const targetBranch = compareBranch ?? branchOptions[0] ?? summaryCompareBranch;
-  const topSectionBranches = [];
-  if (targetBranch) {
-    topSectionBranches.push(targetBranch);
-  }
-  if (defaultBranch && defaultBranch !== targetBranch && branchOptions.includes(defaultBranch)) {
-    topSectionBranches.push(defaultBranch);
-  }
-  const otherBranches = branchOptions.filter((b2) => !topSectionBranches.includes(b2)).sort((a2, b2) => a2.localeCompare(b2));
+  const { topSectionBranches, otherBranches } = reactExports.useMemo(() => {
+    const stagingBranches = STAGING_BRANCH_PRIORITY.map(
+      (name2) => branchOptions.find((b2) => b2.toLowerCase() === name2)
+    ).filter((b2) => b2 != null);
+    const topSection = [...stagingBranches];
+    if (defaultBranch && branchOptions.includes(defaultBranch) && !topSection.includes(defaultBranch)) {
+      topSection.push(defaultBranch);
+    }
+    const others = branchOptions.filter((b2) => !topSection.includes(b2)).sort((a2, b2) => a2.localeCompare(b2));
+    return { topSectionBranches: topSection, otherBranches: others };
+  }, [branchOptions, defaultBranch]);
   const diffSelectValue = diffMode === "uncommitted" ? UNCOMMITTED_VALUE : targetBranch ?? UNCOMMITTED_VALUE;
   const handleDiffSelectChange = (value) => {
     if (value === UNCOMMITTED_VALUE) {
@@ -57746,11 +57842,18 @@ function DiffView({
     }
   };
   const renderDiffSelect = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: diffSelectValue, onValueChange: handleDiffSelectChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-6 w-auto max-w-[300px] gap-1 rounded-md border-0 bg-transparent px-1.5 text-xs font-medium text-foreground shadow-none hover:bg-accent [&>[data-slot=select-value]]:truncate [&>[data-slot=select-value]]:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      SelectTrigger,
+      {
+        "data-testid": "diff-view__target-select",
+        className: "h-6 w-auto max-w-[300px] gap-1 rounded-md border-0 bg-transparent px-1.5 text-xs font-medium text-foreground shadow-none hover:bg-accent [&>[data-slot=select-value]]:truncate [&>[data-slot=select-value]]:block",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {})
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: UNCOMMITTED_VALUE, "data-testid": "diff-view__target-option-uncommitted", children: "Uncommitted" }),
       topSectionBranches.map((branch) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: branch, children: branch }, branch)),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: UNCOMMITTED_VALUE, children: "Uncommitted" }),
-      otherBranches.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSeparator, {}),
+      topSectionBranches.length > 0 && otherBranches.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(SelectSeparator, {}),
       otherBranches.map((branch) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: branch, children: branch }, branch))
     ] })
   ] });
@@ -57762,6 +57865,10 @@ function DiffView({
   );
   filenamesRef.current = filenames;
   const stats = hasChanges ? summary.stats : null;
+  reactExports.useEffect(() => {
+    if (summary?.headBranch) lastHeadBranchRef.current = summary.headBranch;
+  }, [summary?.headBranch]);
+  const headBranchLabel = summary?.headBranch ?? lastHeadBranchRef.current;
   reactExports.useEffect(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -57919,9 +58026,9 @@ function DiffView({
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
     }
   );
-  const renderBranchIndicator = (headBranchLabel) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
-    headBranchLabel && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1.5 @[32rem]/diff:flex", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: headBranchLabel }),
+  const renderBranchIndicator = (headBranchLabel2) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+    headBranchLabel2 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1.5 @[32rem]/diff:flex", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { "data-testid": "diff-view__head-branch", className: "font-medium text-foreground", children: headBranchLabel2 }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-3", "aria-hidden": true })
     ] }),
     renderDiffSelect()
@@ -57997,7 +58104,7 @@ function DiffView({
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-9 shrink-0 items-center justify-between gap-3 border-b border-border pl-2 pr-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
           renderSidebarToggle(),
-          renderBranchIndicator(summary?.headBranch)
+          renderBranchIndicator(headBranchLabel)
         ] }),
         !hasChanges && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
           renderGitSyncButtons(),
@@ -59433,44 +59540,52 @@ function LanguagePickerDialog({
     },
     [onOpenChange, onSelect]
   );
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "overflow-hidden p-0 sm:max-w-[480px]", showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Select Language Mode" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Search for a language to syntax-highlight the file" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Select language mode…", autoFocus: true }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[360px]", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No languages found." }),
-        hasOverride && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-            CommandItem,
-            {
-              value: "Auto Detect",
-              onSelect: () => handleSelect(AUTO_DETECT_LANGUAGE_ID),
-              children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(WandSparkles, { className: "size-3.5" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-sm", children: "Auto Detect" })
-              ]
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandSeparator, {})
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    DialogContent,
+    {
+      variant: "command-palette",
+      className: "overflow-hidden p-0 lg:max-w-[480px]",
+      showCloseButton: false,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Select Language Mode" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Search for a language to syntax-highlight the file" })
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: SUPPORTED_LANGUAGES.map((lang) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          CommandItem,
-          {
-            value: `${lang.label} ${lang.id}`,
-            onSelect: () => handleSelect(lang.id),
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-sm", children: lang.label }),
-              lang.id === currentLanguage && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-muted-foreground" })
-            ]
-          },
-          lang.id
-        )) })
-      ] })
-    ] })
-  ] }) });
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(CommandInput, { placeholder: "Select language mode…", autoFocus: true }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[360px]", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No languages found." }),
+            hasOverride && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                CommandItem,
+                {
+                  value: "Auto Detect",
+                  onSelect: () => handleSelect(AUTO_DETECT_LANGUAGE_ID),
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(WandSparkles, { className: "size-3.5" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-sm", children: "Auto Detect" })
+                  ]
+                }
+              ) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(CommandSeparator, {})
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandGroup, { children: SUPPORTED_LANGUAGES.map((lang) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              CommandItem,
+              {
+                value: `${lang.label} ${lang.id}`,
+                onSelect: () => handleSelect(lang.id),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1 text-sm", children: lang.label }),
+                  lang.id === currentLanguage && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5 text-muted-foreground" })
+                ]
+              },
+              lang.id
+            )) })
+          ] })
+        ] })
+      ]
+    }
+  ) });
 }
 function PdfPreview({ src, filename }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ jsxRuntimeExports.jsx("iframe", { src, title: filename, className: "h-full w-full border-0" }) });
@@ -60165,7 +60280,8 @@ function QuickOpenDialog({
     DialogContent,
     {
       "data-testid": "quick-open__root",
-      className: "overflow-hidden p-0 sm:max-w-[520px]",
+      variant: "command-palette",
+      className: "overflow-hidden p-0 lg:max-w-[520px]",
       showCloseButton: false,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
@@ -60312,62 +60428,72 @@ function SearchFilesDialog({
     [onOpenFile, onOpenChange]
   );
   const totalMatches = results.length;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "overflow-hidden p-0 sm:max-w-[640px]", showCloseButton: false, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Search in Files" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Text search across workspace files" })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { shouldFilter: false, value: selectedValue, onValueChange: setSelectedValue, children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        SearchBar,
-        {
-          ref: searchBarRef,
-          query,
-          onQueryChange: setQuery,
-          options: searchOptions,
-          onOptionsChange: setSearchOptions,
-          placeholder: "Search in files..."
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[400px]", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: loading ? "Searching..." : query.length < 2 ? "Type at least 2 characters to search." : "No results found." }),
-        grouped.map(([file2, matches2]) => {
-          const FileIcon = getFileIcon(file2);
-          return /* @__PURE__ */ jsxRuntimeExports.jsx(
-            CommandGroup,
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    DialogContent,
+    {
+      "data-testid": "search-files__root",
+      variant: "command-palette",
+      className: "overflow-hidden p-0 lg:max-w-[640px]",
+      showCloseButton: false,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { className: "sr-only", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Search in Files" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Text search across workspace files" })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(Command, { shouldFilter: false, value: selectedValue, onValueChange: setSelectedValue, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SearchBar,
             {
-              heading: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-3" }),
-                file2
-              ] }),
-              children: matches2.map((match) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                CommandItem,
+              ref: searchBarRef,
+              query,
+              onQueryChange: setQuery,
+              options: searchOptions,
+              onOptionsChange: setSearchOptions,
+              placeholder: "Search in files...",
+              className: "max-lg:border-t max-lg:border-b-0"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(CommandList, { className: "max-h-[400px]", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: loading ? "Searching..." : query.length < 2 ? "Type at least 2 characters to search." : "No results found." }),
+            grouped.map(([file2, matches2]) => {
+              const FileIcon = getFileIcon(file2);
+              return /* @__PURE__ */ jsxRuntimeExports.jsx(
+                CommandGroup,
                 {
-                  value: `${file2}:${match.line}:${match.content}`,
-                  onSelect: () => handleSelect(file2, match.line),
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-8 shrink-0 text-right font-mono text-xs text-muted-foreground", children: match.line }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-xs", children: match.content })
-                  ]
+                  heading: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1.5", children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-3" }),
+                    file2
+                  ] }),
+                  children: matches2.map((match) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    CommandItem,
+                    {
+                      value: `${file2}:${match.line}:${match.content}`,
+                      onSelect: () => handleSelect(file2, match.line),
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "w-8 shrink-0 text-right font-mono text-xs text-muted-foreground", children: match.line }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 truncate font-mono text-xs", children: match.content })
+                      ]
+                    },
+                    `${file2}:${match.line}:${match.content}`
+                  ))
                 },
-                `${file2}:${match.line}:${match.content}`
-              ))
-            },
-            file2
-          );
-        })
-      ] }),
-      totalMatches > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t px-3 py-1.5 text-xs text-muted-foreground", children: [
-        totalMatches,
-        " result",
-        totalMatches !== 1 ? "s" : "",
-        " in ",
-        grouped.length,
-        " file",
-        grouped.length !== 1 ? "s" : ""
-      ] })
-    ] })
-  ] }) });
+                file2
+              );
+            })
+          ] }),
+          totalMatches > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "border-t px-3 py-1.5 text-xs text-muted-foreground", children: [
+            totalMatches,
+            " result",
+            totalMatches !== 1 ? "s" : "",
+            " in ",
+            grouped.length,
+            " file",
+            grouped.length !== 1 ? "s" : ""
+          ] })
+        ] })
+      ]
+    }
+  ) });
 }
 const STORAGE_KEY = "band-recent-workspaces";
 const MAX_ENTRIES = 50;
@@ -60413,10 +60539,11 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
     const entries2 = [];
     for (const project of projects) {
       for (const worktree of project.worktrees) {
-        const workspaceId = toWorkspaceId(project.name, worktree.branch);
+        const workspaceId = toWorkspaceId(project.name, worktree.name);
         entries2.push({
           workspaceId,
           projectName: project.name,
+          name: worktree.name,
           branch: worktree.branch,
           agent: statuses.get(workspaceId)?.agent
         });
@@ -60454,8 +60581,8 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     DialogContent,
     {
-      className: "overflow-hidden border-0 bg-popover p-0 shadow-2xl sm:max-w-[520px]",
-      overlayClassName: "backdrop-blur-sm",
+      variant: "command-palette",
+      className: "overflow-hidden p-0 lg:max-w-[520px]",
       showCloseButton: false,
       "data-testid": "workspace-picker",
       onOpenAutoFocus: (e3) => {
@@ -60476,7 +60603,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 CommandItem,
                 {
-                  value: `${entry.projectName} ${entry.branch}`,
+                  value: `${entry.projectName} ${entry.name} ${entry.branch}`,
                   onSelect: () => handleSelect(entry.workspaceId),
                   "data-testid": `workspace-picker__item--${entry.workspaceId}`,
                   className: "group touch-manipulation [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:gap-3",
@@ -60485,7 +60612,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm font-medium", children: [
                       entry.projectName,
                       "/",
-                      entry.branch
+                      entry.name
                     ] }),
                     pinnedNow && /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3 -rotate-45 text-muted-foreground shrink-0" }),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
@@ -60502,7 +60629,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
                           onClick: (e3) => {
                             e3.preventDefault();
                             e3.stopPropagation();
-                            togglePinned(entry.projectName, entry.branch, pinnedNow);
+                            togglePinned(entry.projectName, entry.name, pinnedNow);
                           },
                           children: pinnedNow ? /* @__PURE__ */ jsxRuntimeExports.jsx(PinOff, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3.5" })
                         }
@@ -67006,11 +67133,11 @@ class WebDashboardAdapter {
   async createWorkspace(project, branch, base2, prompt) {
     await this.trpc.workspaces.create.mutate({ project, branch, base: base2, prompt });
   }
-  async removeWorkspace(project, branch) {
-    await this.trpc.workspaces.remove.mutate({ project, branch });
+  async removeWorkspace(project, name2) {
+    await this.trpc.workspaces.remove.mutate({ project, name: name2 });
   }
-  async setWorkspacePinned(project, branch, pinned) {
-    await this.trpc.workspaces.setPinned.mutate({ project, branch, pinned });
+  async setWorkspacePinned(project, name2, pinned) {
+    await this.trpc.workspaces.setPinned.mutate({ project, name: name2, pinned });
   }
   async clearNeedsAttention(workspaceId) {
     await this.trpc.statuses.clearNeedsAttention.mutate({ workspaceId });
@@ -67018,11 +67145,11 @@ class WebDashboardAdapter {
   async runScript(path2, scriptType) {
     await this.trpc.workspaces.runScript.mutate({ path: path2, scriptType });
   }
-  async gitPull(project, branch) {
-    await this.trpc.workspaces.gitPull.mutate({ project, branch });
+  async gitPull(project, name2) {
+    await this.trpc.workspaces.gitPull.mutate({ project, name: name2 });
   }
-  async gitPush(project, branch) {
-    await this.trpc.workspaces.gitPush.mutate({ project, branch });
+  async gitPush(project, name2) {
+    await this.trpc.workspaces.gitPush.mutate({ project, name: name2 });
   }
   async getSettings() {
     return await this.trpc.settings.get.query();
@@ -109252,7 +109379,7 @@ var tn = f$5("block", "before:content-[counter(line)]", "before:inline-block", "
 var et$1 = ({ className: e3, language: t2, style: o3, isIncomplete: n2, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f$5("my-4 flex w-full flex-col gap-2 rounded-xl border border-border bg-sidebar p-2", e3), "data-incomplete": n2 || void 0, "data-language": t2, "data-streamdown": "code-block", style: { contentVisibility: "auto", containIntrinsicSize: "auto 200px", ...o3 }, ...s2 });
 var Se$1 = reactExports.createContext({ code: "" }), de$2 = () => reactExports.useContext(Se$1);
 var ot$1 = ({ language: e3 }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e3, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e3 }) });
-var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-DpfzVM5P.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
+var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-CktYi1nO.js").then((e3) => ({ default: e3.HighlightedCodeBlockBody }))), rt = ({ code: e3, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
   let i2 = reactExports.useMemo(() => e3.replace(cn, ""), [e3]), c2 = reactExports.useMemo(() => ({ bg: "transparent", fg: "inherit", tokens: i2.split(`
 `).map((a2) => [{ content: a2, color: "inherit", bgColor: "transparent", htmlStyle: {}, offset: 0 }]) }), [i2]);
   return jsxRuntimeExports.jsx(Se$1.Provider, { value: { code: e3 }, children: jsxRuntimeExports.jsxs(et$1, { isIncomplete: s2, language: t2, children: [jsxRuntimeExports.jsx(ot$1, { language: t2 }), n2 ? jsxRuntimeExports.jsx("div", { className: "pointer-events-none sticky top-2 z-10 -mt-10 flex h-8 items-center justify-end", children: jsxRuntimeExports.jsx("div", { className: "pointer-events-auto flex shrink-0 items-center gap-2 rounded-md border border-sidebar bg-sidebar/80 px-1.5 py-1 supports-[backdrop-filter]:bg-sidebar/70 supports-[backdrop-filter]:backdrop-blur", "data-streamdown": "code-block-actions", children: n2 }) }) : null, jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: jsxRuntimeExports.jsx(Qe$1, { className: o3, language: t2, result: c2, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o3, code: i2, language: t2, raw: c2, ...r2 }) })] }) });
@@ -109574,7 +109701,7 @@ var Dt = ({ children: e3, className: t2, onDownload: o3, onError: n2 }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i2, children: [jsxRuntimeExports.jsx("button", { className: f$5("cursor-pointer p-1 text-muted-foreground transition-all hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50", t2), disabled: c2, onClick: () => r2(!s2), title: "Download table", type: "button", children: e3 != null ? e3 : jsxRuntimeExports.jsx(Z$2, { size: 14 }) }), s2 ? jsxRuntimeExports.jsxs("div", { className: "absolute top-full right-0 z-10 mt-1 min-w-[120px] overflow-hidden rounded-md border border-border bg-background shadow-lg", children: [jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("csv"), title: "Download table as CSV", type: "button", children: "CSV" }), jsxRuntimeExports.jsx("button", { className: "w-full px-3 py-2 text-left text-sm transition-colors hover:bg-muted/40", onClick: () => a2("markdown"), title: "Download table as Markdown", type: "button", children: "Markdown" })] }) : null] });
 };
 var Vt = ({ children: e3, className: t2, showControls: o3, ...n2 }) => jsxRuntimeExports.jsxs("div", { className: "my-4 flex flex-col gap-2 rounded-lg border border-border bg-sidebar p-2", "data-streamdown": "table-wrapper", children: [o3 ? jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-1", children: [jsxRuntimeExports.jsx(Ht, {}), jsxRuntimeExports.jsx(Dt, {})] }) : null, jsxRuntimeExports.jsx("div", { className: "border-collapse overflow-x-auto overscroll-y-auto rounded-md border border-border bg-background", children: jsxRuntimeExports.jsx("table", { className: f$5("w-full divide-y divide-border", t2), "data-streamdown": "table", ...n2, children: e3 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BfFd_m4-.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-CIBz4-1r.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke$1(e3, t2) {
   if (!(e3 != null && e3.position || t2 != null && t2.position)) return true;
   if (!(e3 != null && e3.position && (t2 != null && t2.position))) return false;
@@ -161745,12 +161872,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-RuiqkM_u.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-CNIyd6rH.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-Q7Nl8Zqm.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DaKuQRAN.js"), "loader")
       }
     ]
   ]);
@@ -162189,7 +162316,7 @@ var detector = /* @__PURE__ */ __name((txt) => {
   return /^\s*C4Context|C4Container|C4Component|C4Dynamic|C4Deployment/.test(txt);
 }, "detector");
 var loader = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-CqN2DKBx.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-D585k1An.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -162206,7 +162333,7 @@ var detector2 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*graph/.test(txt);
 }, "detector");
 var loader2 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-Cg70kWHZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CUlvxSwr.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -162229,7 +162356,7 @@ var detector3 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*flowchart/.test(txt);
 }, "detector");
 var loader3 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-Cg70kWHZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CUlvxSwr.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -162243,7 +162370,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-LKD5sOpF.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-B3yUU2uu.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -162257,7 +162384,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BNe2zRpL.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CepF7ieg.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -162271,7 +162398,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CpgS7Gbo.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BWxUm4vA.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -162285,7 +162412,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-I1ZLYjFY.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-BMd22txJ.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -162298,7 +162425,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-Bat_eWvt.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-Cv-DbjH6.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -162311,7 +162438,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-CtqGnRnF.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-DFyjNST4.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -162325,7 +162452,7 @@ var detector10 = /* @__PURE__ */ __name((txt) => {
   return /^\s*xychart(-beta)?/.test(txt);
 }, "detector");
 var loader10 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-DPvU_7PC.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-r_3LO6yK.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -162339,7 +162466,7 @@ var detector11 = /* @__PURE__ */ __name((txt) => {
   return /^\s*requirement(Diagram)?/.test(txt);
 }, "detector");
 var loader11 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-CtysqbZ4.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-DFM89i-H.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -162353,7 +162480,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-CK0kbINT.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-BiqqAguj.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -162370,7 +162497,7 @@ var detector13 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram/.test(txt);
 }, "detector");
 var loader13 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-CbQuH3ni.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-Ds7CCTUR.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -162387,7 +162514,7 @@ var detector14 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*classDiagram-v2/.test(txt);
 }, "detector");
 var loader14 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-CbQuH3ni.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-Ds7CCTUR.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -162404,7 +162531,7 @@ var detector15 = /* @__PURE__ */ __name((txt, config2) => {
   return /^\s*stateDiagram/.test(txt);
 }, "detector");
 var loader15 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-D5FS7RFa.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-CkiJXki8.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -162424,7 +162551,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-DoCLlTuy.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Bt1BL33e.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -162438,7 +162565,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-lFTyhPiV.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-DyIx8DQc.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -162505,7 +162632,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-Cg70kWHZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CUlvxSwr.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -162519,7 +162646,7 @@ var detector19 = /* @__PURE__ */ __name((txt) => {
   return /^\s*timeline/.test(txt);
 }, "detector");
 var loader19 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-jFqO_Cet.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-DCRlJiLq.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -162533,7 +162660,7 @@ var detector20 = /* @__PURE__ */ __name((txt) => {
   return /^\s*mindmap/.test(txt);
 }, "detector");
 var loader20 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-D9ZbRdf_.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-C2EIvkPG.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -162547,7 +162674,7 @@ var detector21 = /* @__PURE__ */ __name((txt) => {
   return /^\s*kanban/.test(txt);
 }, "detector");
 var loader21 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-BEr5w27W.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-D6P6mjw2.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -162561,7 +162688,7 @@ var detector22 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sankey(-beta)?/.test(txt);
 }, "detector");
 var loader22 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-BTLsDOUO.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-Nmb2f9ga.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -162575,7 +162702,7 @@ var detector23 = /* @__PURE__ */ __name((txt) => {
   return /^\s*packet(-beta)?/.test(txt);
 }, "detector");
 var loader23 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BapZgpGh.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-CSa3a_oJ.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -162588,7 +162715,7 @@ var detector24 = /* @__PURE__ */ __name((txt) => {
   return /^\s*radar-beta/.test(txt);
 }, "detector");
 var loader24 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-B30M6IEM.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-Bpupf8hI.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -162601,7 +162728,7 @@ var detector25 = /* @__PURE__ */ __name((txt) => {
   return /^\s*block(-beta)?/.test(txt);
 }, "detector");
 var loader25 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-DLnnO4-n.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-BKZ2vg7U.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -162615,7 +162742,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-B6S0AQBn.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-T9CAFBo1.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -162629,7 +162756,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-mvCbaKci.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-ByElNwdP.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -178037,7 +178164,7 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
     const validIds = /* @__PURE__ */ new Set();
     for (const project of projects) {
       for (const worktree of project.worktrees) {
-        validIds.add(toWorkspaceId(project.name, worktree.branch));
+        validIds.add(toWorkspaceId(project.name, worktree.name));
       }
     }
     setCache((prev2) => {
@@ -199345,6 +199472,11 @@ function ResourcesPage() {
     queryKey: ["resources", "server"],
     queryFn: () => trpc.services.resourcesServer.query()
   });
+  const appMetricsQuery = useQuery({
+    queryKey: ["resources", "app-metrics"],
+    queryFn: () => invoke("get_app_metrics"),
+    enabled: isDesktop
+  });
   const projectsQuery = useQuery({
     queryKey: ["resources", "projects"],
     queryFn: () => trpc.services.resourcesProjects.query(),
@@ -199408,43 +199540,55 @@ function ResourcesPage() {
       return next2;
     });
   };
-  const sortedProjects = [...projects].sort((a2, b2) => {
-    const sa = sizes.get(a2.project);
-    const sb = sizes.get(b2.project);
-    if (sa && sb) return sb.sizeBytes - sa.sizeBytes;
-    if (sa && !sb) return -1;
-    if (!sa && sb) return 1;
-    return 0;
-  });
-  const knownTotalBytes = Array.from(sizes.values()).reduce((sum, s2) => sum + s2.sizeBytes, 0);
+  const sortedProjects = reactExports.useMemo(
+    () => [...projects].sort((a2, b2) => {
+      const sa = sizes.get(a2.project);
+      const sb = sizes.get(b2.project);
+      if (sa && sb) return sb.sizeBytes - sa.sizeBytes;
+      if (sa && !sb) return -1;
+      if (!sa && sb) return 1;
+      return 0;
+    }),
+    [projects, sizes]
+  );
+  const knownTotalBytes = reactExports.useMemo(
+    () => Array.from(sizes.values()).reduce((sum, s2) => sum + s2.sizeBytes, 0),
+    [sizes]
+  );
+  const totalWorktreeCount = reactExports.useMemo(
+    () => projects.reduce((sum, p2) => sum + p2.worktrees.length, 0),
+    [projects]
+  );
   const allLoaded = sizes.size === projects.length;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-auto flex max-w-5xl flex-col gap-8 px-6 py-4", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "data-testid": "resources-server-card", className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold leading-none", children: "Server" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
-            "The Node process serving the Band dashboard (",
-            server ? `pid ${server.pid}` : "…",
-            ")."
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            "data-testid": "resources-refresh-server",
-            onClick: () => serverQuery.refetch(),
-            disabled: serverQuery.isFetching,
-            children: [
-              serverQuery.isFetching ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
-              "Refresh"
-            ]
-          }
-        )
-      ] }),
-      serverQuery.isError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-destructive", children: [
+  const [serverOpen, setServerOpen] = reactExports.useState(false);
+  const [worktreesOpen, setWorktreesOpen] = reactExports.useState(false);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollArea, { className: "h-full w-full", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-5xl px-6 py-4", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "overflow-hidden rounded-xl border border-border [&>*+*]:border-t [&>*+*]:border-border", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open: serverOpen, onOpenChange: setServerOpen, asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "data-testid": "resources-server-card", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PanelHeader,
+        {
+          title: "Server",
+          toggleTestId: "resources-server-toggle",
+          open: serverOpen,
+          totalTestId: "resources-server-total",
+          total: server ? formatMB(server.memory.rssBytes) : "…",
+          description: `The Node process serving the Band dashboard (${server ? `pid ${server.pid}` : "…"}).`,
+          refresh: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": "Refresh",
+              title: "Refresh",
+              "data-testid": "resources-refresh-server",
+              onClick: () => serverQuery.refetch(),
+              disabled: serverQuery.isFetching,
+              children: serverQuery.isFetching ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border p-4", children: serverQuery.isError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-destructive", children: [
         "Failed to load server snapshot: ",
         String(serverQuery.error)
       ] }) : !server ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
@@ -199467,37 +199611,42 @@ function ResourcesPage() {
         /* @__PURE__ */ jsxRuntimeExports.jsx(ServerField, { label: "Array buffers", children: formatMB(server.memory.arrayBuffersBytes) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ServerField, { label: "Total CPU time (user)", children: formatCpuMs(server.cpu.userMicros) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(ServerField, { label: "Total CPU time (system)", children: formatCpuMs(server.cpu.systemMicros) })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "data-testid": "resources-worktrees-card", className: "space-y-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-start justify-between gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold leading-none", children: "Worktrees" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-muted-foreground", children: [
+      ] }) }) })
+    ] }) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ElectronCard, { query: appMetricsQuery }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open: worktreesOpen, onOpenChange: setWorktreesOpen, asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "data-testid": "resources-worktrees-card", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PanelHeader,
+        {
+          title: "Worktrees",
+          toggleTestId: "resources-worktrees-toggle",
+          open: worktreesOpen,
+          totalTestId: "resources-worktrees-total",
+          total: `${formatBytes(knownTotalBytes)}${allLoaded ? "" : " (partial)"}`,
+          description: /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
             "Disk usage per tracked git project (allocated blocks, as reported by",
             " ",
             /* @__PURE__ */ jsxRuntimeExports.jsx("code", { className: "rounded bg-muted px-1 py-0.5 text-xs", children: "du" }),
             "). Sizes load per project in batches of ",
             PROJECT_FETCH_CONCURRENCY,
             ". Click a project to see its per-worktree breakdown."
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Button,
-          {
-            variant: "outline",
-            size: "sm",
-            "data-testid": "resources-refresh-worktrees",
-            onClick: handleRefreshSizes,
-            disabled: projectsQuery.isFetching || !allLoaded,
-            children: [
-              projectsQuery.isFetching || !allLoaded ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" }),
-              "Refresh"
-            ]
-          }
-        )
-      ] }),
-      projectsQuery.isError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-destructive", children: [
+          ] }),
+          refresh: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Button,
+            {
+              variant: "outline",
+              size: "icon-sm",
+              "aria-label": "Refresh",
+              title: "Refresh",
+              "data-testid": "resources-refresh-worktrees",
+              onClick: handleRefreshSizes,
+              disabled: projectsQuery.isFetching || !allLoaded,
+              children: projectsQuery.isFetching || !allLoaded ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" })
+            }
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border p-4", children: projectsQuery.isError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-destructive", children: [
         "Failed to load projects: ",
         String(projectsQuery.error)
       ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -199511,7 +199660,14 @@ function ResourcesPage() {
               /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3 text-right", children: "Worktrees" }),
               /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3 text-right", children: "Total size" })
             ] }) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: sortedProjects.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx("td", { colSpan: 3, className: "py-6 text-center text-sm text-muted-foreground", children: projectsQuery.isFetching ? "Loading…" : "No git projects found" }) }) : sortedProjects.map((project) => {
+            /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: sortedProjects.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("tr", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "td",
+              {
+                colSpan: 3,
+                className: "py-6 text-center text-sm text-muted-foreground",
+                children: projectsQuery.isFetching ? "Loading…" : "No git projects found"
+              }
+            ) }) : sortedProjects.map((project) => {
               const size2 = sizes.get(project.project);
               const isExpanded = expandedProjects.has(project.project);
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
@@ -199593,7 +199749,7 @@ function ResourcesPage() {
                 "Total",
                 allLoaded ? "" : " (partial)"
               ] }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-3 text-right tabular-nums", children: projects.reduce((sum, p2) => sum + p2.worktrees.length, 0) }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-3 text-right tabular-nums", children: totalWorktreeCount }),
               /* @__PURE__ */ jsxRuntimeExports.jsx(
                 "td",
                 {
@@ -199605,10 +199761,144 @@ function ResourcesPage() {
             ] }) })
           ]
         }
-      ) })
-    ] })
+      ) }) }) })
+    ] }) })
+  ] }) }) });
+}
+function ElectronCard({ query }) {
+  const [open2, setOpen] = reactExports.useState(false);
+  if (!isDesktop) return null;
+  const metrics = query.data;
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Collapsible, { open: open2, onOpenChange: setOpen, asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("section", { "data-testid": "resources-electron-card", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      PanelHeader,
+      {
+        title: "Desktop app (Electron)",
+        toggleTestId: "resources-electron-toggle",
+        open: open2,
+        totalTestId: "resources-electron-total",
+        total: metrics ? formatBytes(metrics.totalMemoryKB * 1024) : "…",
+        description: "Per-process CPU and memory for the Electron main process, GPU process, Chromium renderers (the dashboard and each browser tab), and utility helpers.",
+        refresh: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            variant: "outline",
+            size: "icon-sm",
+            "aria-label": "Refresh",
+            title: "Refresh",
+            "data-testid": "resources-refresh-electron",
+            onClick: () => query.refetch(),
+            disabled: query.isFetching,
+            children: query.isFetching ? /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-3.5" })
+          }
+        )
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "border-t border-border p-4", children: query.isError ? /* @__PURE__ */ jsxRuntimeExports.jsxs("p", { className: "text-sm text-destructive", children: [
+      "Failed to load Electron metrics: ",
+      String(query.error)
+    ] }) : !metrics ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Spinner, { className: "size-4" }),
+      "Loading…"
+    ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative overflow-x-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "table",
+      {
+        "data-testid": "resources-electron-table",
+        className: "w-full border-collapse text-sm",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("thead", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-b border-border text-left text-xs font-medium uppercase tracking-wide text-muted-foreground", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3", children: "Process" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3", children: "Type" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3 text-right", children: "PID" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3 text-right", children: "CPU" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("th", { className: "py-2 pr-3 text-right", children: "Memory" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("tbody", { children: metrics.processes.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "tr",
+            {
+              "data-testid": `resources-electron-row-${p2.pid}`,
+              className: "border-b border-border/60 last:border-0 hover:bg-muted/40",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 pr-3", children: p2.label }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 pr-3 text-muted-foreground", children: p2.type }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 pr-3 text-right tabular-nums", children: p2.pid }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-1.5 pr-3 text-right tabular-nums", children: [
+                  p2.cpuPercent.toFixed(1),
+                  "%"
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-1.5 pr-3 text-right tabular-nums", children: formatBytes(p2.memoryKB * 1024) })
+              ]
+            },
+            p2.pid
+          )) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("tfoot", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("tr", { className: "border-t-2 border-border font-medium", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("td", { className: "py-2 pr-3", "data-testid": "resources-electron-total-count", children: [
+              "Total (",
+              metrics.processCount,
+              ")"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("td", { className: "py-2 pr-3" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "td",
+              {
+                className: "py-2 pr-3 text-right tabular-nums",
+                "data-testid": "resources-electron-total-cpu",
+                children: [
+                  metrics.totalCpuPercent.toFixed(1),
+                  "%"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "td",
+              {
+                className: "py-2 pr-3 text-right tabular-nums",
+                "data-testid": "resources-electron-total-memory",
+                children: formatBytes(metrics.totalMemoryKB * 1024)
+              }
+            )
+          ] }) })
+        ]
+      }
+    ) }) }) })
   ] }) });
 }
+function PanelHeader({
+  title,
+  toggleTestId,
+  open: open2,
+  total,
+  totalTestId,
+  description,
+  refresh
+}) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-row items-start justify-between gap-2 p-4", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("h2", { className: "text-base font-semibold leading-none", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        CollapsibleTrigger,
+        {
+          "data-testid": toggleTestId,
+          className: "group flex w-full items-center gap-2 text-left",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-90" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: title }),
+            !open2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "span",
+              {
+                "data-testid": totalTestId,
+                className: "ml-auto pl-2 font-mono text-sm font-normal text-muted-foreground",
+                children: total
+              }
+            )
+          ]
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "pl-6 text-sm text-muted-foreground", children: description })
+    ] }),
+    refresh
+  ] });
+}
 function ServerField({ label, children: children2 }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium uppercase tracking-wide text-muted-foreground", children: label }),
@@ -199698,14 +199988,14 @@ function TasksPageContent() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col overflow-hidden", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-2 border-b border-border/50 px-4 py-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: projectFilter, onValueChange: setProjectFilter, children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-40 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Projects" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-40 text-xs", "data-testid": "tasks__project-filter", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Projects" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: "all", children: "All Projects" }),
           projectNames.map((name2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: name2, children: name2 }, name2))
         ] })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: statusFilter, onValueChange: (v2) => setStatusFilter(v2), children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-40 text-xs", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Statuses" }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-8 w-40 text-xs", "data-testid": "tasks__status-filter", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "All Statuses" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: ["all", "running", "completed", "failed"].map((status) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: status, className: "capitalize", children: status === "all" ? "All Statuses" : status }, status)) })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-1", children: [
@@ -199724,6 +200014,7 @@ function TasksPageContent() {
             variant: "outline",
             size: "xs",
             className: "hidden sm:inline-flex",
+            "data-testid": "tasks__new-task-button",
             onClick: () => setShowNewTask(true),
             children: [
               /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-3" }),
@@ -199752,13 +200043,20 @@ function TasksPageContent() {
           "Retry"
         ] })
       ] }),
-      !loading && !error && filteredTasks.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center justify-center gap-3 py-16 text-center", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ListTodo, { className: "size-10 text-muted-foreground" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: "No tasks found" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: tasks.length > 0 ? "Try adjusting your filters" : "Dispatch a new task to get started" })
-        ] })
-      ] }),
+      !loading && !error && filteredTasks.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: "flex flex-col items-center justify-center gap-3 py-16 text-center",
+          "data-testid": "tasks__empty-state",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ListTodo, { className: "size-10 text-muted-foreground" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "font-medium", children: "No tasks found" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: tasks.length > 0 ? "Try adjusting your filters" : "Dispatch a new task to get started" })
+            ] })
+          ]
+        }
+      ),
       filteredTasks.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-2 p-4", children: filteredTasks.map((task2) => /* @__PURE__ */ jsxRuntimeExports.jsx(TaskCard, { task: task2, onAction: fetchData, agentMap }, task2.id)) })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -199774,17 +200072,25 @@ function TasksPageContent() {
 function StatusBadge({ status }) {
   switch (status) {
     case "running":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "gap-1.5", children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "gap-1.5", "data-testid": "tasks__status-badge--running", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 animate-spin" }),
         "Running"
       ] });
     case "completed":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "secondary", className: "gap-1.5 text-green-600 dark:text-green-400", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-3" }),
-        "Completed"
-      ] });
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        Badge,
+        {
+          variant: "secondary",
+          className: "gap-1.5 text-green-600 dark:text-green-400",
+          "data-testid": "tasks__status-badge--completed",
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(CircleCheck, { className: "size-3" }),
+            "Completed"
+          ]
+        }
+      );
     case "failed":
-      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "destructive", className: "gap-1.5", children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "destructive", className: "gap-1.5", "data-testid": "tasks__status-badge--failed", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CircleAlert, { className: "size-3" }),
         "Failed"
       ] });
@@ -199819,78 +200125,86 @@ function TaskCard({
       setActing(false);
     }
   }, [task2.id, onAction]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 rounded-lg border-2 border-border/50 p-4 transition-colors hover:border-border", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "line-clamp-2 min-w-0 flex-1 text-sm font-medium text-foreground", children: task2.prompt }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-        task2.status === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7",
-            onClick: handleCancel,
-            disabled: acting,
-            title: "Cancel task",
-            children: acting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "size-3.5" })
-          }
-        ),
-        (task2.status === "completed" || task2.status === "failed") && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Button,
-          {
-            variant: "ghost",
-            size: "icon",
-            className: "size-7",
-            onClick: handleRerun,
-            disabled: acting,
-            title: "Re-run task",
-            children: acting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3.5" })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: task2.status })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-foreground/70", children: [
-        task2.project,
-        "/",
-        task2.branch
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-        relativeTime(task2.startedAt)
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatDuration(task2.startedAt, task2.completedAt) }),
-      task2.codingAgentId && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: agentMap.get(task2.codingAgentId)?.label ?? task2.codingAgentId })
-      ] }),
-      task2.model && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: task2.model })
-      ] }),
-      task2.mode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: task2.mode })
-      ] }),
-      sessionHref && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          Link,
-          {
-            to: sessionHref,
-            className: "inline-flex items-center gap-1 text-primary hover:underline",
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink$1, { className: "size-3" }),
-              "Session"
-            ]
-          }
-        )
-      ] })
-    ] })
-  ] });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      className: "flex flex-col gap-2 rounded-lg border-2 border-border/50 p-4 transition-colors hover:border-border",
+      "data-testid": `tasks__card--${task2.id}`,
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "line-clamp-2 min-w-0 flex-1 text-sm font-medium text-foreground", children: task2.prompt }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
+            task2.status === "running" && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7",
+                onClick: handleCancel,
+                disabled: acting,
+                title: "Cancel task",
+                children: acting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(CircleX, { className: "size-3.5" })
+              }
+            ),
+            (task2.status === "completed" || task2.status === "failed") && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "ghost",
+                size: "icon",
+                className: "size-7",
+                onClick: handleRerun,
+                disabled: acting,
+                title: "Re-run task",
+                children: acting ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-3.5" })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(StatusBadge, { status: task2.status })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-muted-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "font-medium text-foreground/70", children: [
+            task2.project,
+            "/",
+            task2.branch
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "inline-flex items-center gap-1", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+            relativeTime(task2.startedAt)
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: formatDuration(task2.startedAt, task2.completedAt) }),
+          task2.codingAgentId && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: agentMap.get(task2.codingAgentId)?.label ?? task2.codingAgentId })
+          ] }),
+          task2.model && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: task2.model })
+          ] }),
+          task2.mode && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "capitalize", children: task2.mode })
+          ] }),
+          sessionHref && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-border", children: "·" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              Link,
+              {
+                to: sessionHref,
+                className: "inline-flex items-center gap-1 text-primary hover:underline",
+                "data-testid": "tasks__session-link",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(ExternalLink$1, { className: "size-3" }),
+                  "Session"
+                ]
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 function NewTaskDialog({
   open: open2,
@@ -199988,7 +200302,7 @@ function NewTaskDialog({
       setSubmitting(false);
     }
   }, [workspaceId, prompt, selectedMode, selectedModel, selectedAgent, onSubmit]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { "data-testid": "tasks__new-task-dialog", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "New Task" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Dispatch a new task to a coding agent" })
@@ -199997,7 +200311,7 @@ function NewTaskDialog({
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("label", { className: "text-sm font-medium", htmlFor: "project-select", children: "Project" }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedProject, onValueChange: handleProjectChange, children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "project-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a project" }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "project-select", "data-testid": "tasks__new-task-project", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a project" }) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: projects.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: p2.name, children: p2.name }, p2.name)) })
         ] })
       ] }),
@@ -200010,7 +200324,7 @@ function NewTaskDialog({
             onValueChange: setSelectedBranch,
             disabled: !selectedProject,
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "branch-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { id: "branch-select", "data-testid": "tasks__new-task-workspace", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                 SelectValue,
                 {
                   placeholder: selectedProject ? "Select a workspace" : "Select a project first"
@@ -200027,6 +200341,7 @@ function NewTaskDialog({
           Textarea,
           {
             id: "task-prompt",
+            "data-testid": "tasks__new-task-prompt",
             placeholder: "Describe what the agent should do...",
             value: prompt,
             onChange: (e3) => setPrompt(e3.target.value),
@@ -201402,6 +201717,79 @@ function ToolbarOverflowMenuItems() {
     ] })
   ] });
 }
+function ToolbarActionBar() {
+  const ctx = reactExports.useContext(ToolbarOverflowContext);
+  if (!ctx) {
+    throw new Error("ToolbarActionBar must be used inside ToolbarOverflowProvider");
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          size: "icon-sm",
+          variant: "ghost",
+          className: "text-muted-foreground",
+          "aria-label": "Resources",
+          "data-testid": "project-list__resources-button",
+          onClick: ctx.openResources,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Activity, { className: "size-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: "Resources" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Button,
+        {
+          size: "icon-sm",
+          variant: "ghost",
+          className: "text-muted-foreground",
+          "aria-label": "Usage",
+          "data-testid": "project-list__usage-button",
+          onClick: ctx.openReports,
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChartColumn, { className: "size-4" })
+        }
+      ) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: "Usage" })
+    ] }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          Button,
+          {
+            size: "icon-sm",
+            variant: "ghost",
+            className: "text-muted-foreground",
+            "aria-label": "More actions",
+            "data-testid": "project-list__overflow-trigger",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "size-4" })
+          }
+        ) }) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: "More" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: ctx.openTasks, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ListTodo, { className: "size-4" }),
+          "Tasks"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: ctx.openCronjobs, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Timer$1, { className: "size-4" }),
+          "Cronjobs"
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: ctx.openTunnel, children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Globe,
+            {
+              className: ctx.tunnelStatus === "error" ? "size-4 text-red-500" : ctx.tunnelStatus === "running" ? "size-4 text-green-500" : "size-4"
+            }
+          ),
+          ctx.tunnelStatus === "running" ? "Mobile access" : "Start tunnel"
+        ] })
+      ] })
+    ] })
+  ] });
+}
 const bandTheme = {
   name: "band",
   className: "dockview-theme-band"
@@ -201421,12 +201809,12 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-D6ZTAITZ.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-CMbrr8wZ.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
 const DockviewBrowserContainer = reactExports.lazy(
-  () => import("./DockviewBrowserContainer-B8W-NI5l.js").then((m2) => ({
+  () => import("./DockviewBrowserContainer-BDsafKFK.js").then((m2) => ({
     default: m2.DockviewBrowserContainer
   }))
 );
@@ -203125,8 +203513,15 @@ function AppShell() {
                 className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar",
                 "data-testid": "app-shell__sidebar",
                 children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, { ...navControlProps, offsetClass: titleBarOffset }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideMenu: true, hideTitleBar: true }) })
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    SidebarTitleBar,
+                    {
+                      ...navControlProps,
+                      menuItems: void 0,
+                      offsetClass: titleBarOffset
+                    }
+                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
                 ]
               }
             )
@@ -203176,12 +203571,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-DsRToCeg.js");
+const $$splitComponentImporter$1 = () => import("./index-B9xqso9p.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-B0M_Sxj3.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-CGq293LY.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-Dj6Y8WPo.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-BMnOV3pd.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,
@@ -203317,7 +203712,7 @@ export {
   sin as ay,
   min as az,
   LRLanguage as b,
-  ArrowLeft as b$,
+  cn$2 as b$,
   insertNode as b0,
   positionNode as b1,
   getLineFunctionsWithOffset as b2,
@@ -203348,13 +203743,13 @@ export {
   MessageSquare as bR,
   useIsDesktop as bS,
   ToolbarOverflowProvider as bT,
-  ToolbarOverflowMenuItems as bU,
+  ToolbarActionBar as bU,
   isDesktop as bV,
-  GitCompare as bW,
-  FolderOpen as bX,
-  useDashboardStore as bY,
-  useNavigate as bZ,
-  DesktopDragRegion as b_,
+  array$2 as bW,
+  ordinal as bX,
+  Root$5 as bY,
+  Content$1 as bZ,
+  Close as b_,
   NodeWeakMap as ba,
   snippetCompletion as bb,
   Tag as bc,
@@ -203382,121 +203777,129 @@ export {
   isFunction$1 as by,
   isEmpty as bz,
   continuedIndent as c,
-  timeTuesday as c$,
-  ChevronsUpDown as c0,
-  DiffView as c1,
-  CodeBrowserView as c2,
-  QuickOpenDialog as c3,
-  SearchFilesDialog as c4,
-  WorkspacePickerDialog as c5,
-  useDiffTarget as c6,
-  useSettingsQuery as c7,
-  agentTypeSupportsSessionListing as c8,
-  ChatView as c9,
-  Search as cA,
-  Trash2 as cB,
-  DropdownMenu as cC,
-  DropdownMenuTrigger as cD,
-  ChevronDown as cE,
-  DropdownMenuContent as cF,
-  DropdownMenuItem as cG,
-  TriangleAlert as cH,
-  RotateCw as cI,
-  Rgb as cJ,
-  rgbConvert as cK,
-  define as cL,
-  extend$2 as cM,
-  Color as cN,
-  nogamma as cO,
-  hue as cP,
-  time$2 as cQ,
-  min$1 as cR,
-  max$1 as cS,
-  dayjs2 as cT,
-  timeFormat as cU,
-  timeMonth as cV,
-  timeSunday as cW,
-  timeSaturday as cX,
-  timeFriday as cY,
-  timeThursday as cZ,
-  timeWednesday as c_,
-  array$2 as ca,
-  ordinal as cb,
-  getUserDefinedConfig as cc,
-  getIconSVG as cd,
-  registerIconPacks as ce,
-  unknownIcon as cf,
-  isFilePath as cg,
-  writeClipboardText as ch,
-  readClipboardText as ci,
-  ArrowUp as cj,
-  ArrowDown as ck,
-  ArrowRight as cl,
-  ClipboardCopy as cm,
-  ClipboardPaste as cn,
-  getCurrentZoomLevel as co,
-  openExternalUrl as cp,
-  subscribeToZoomChanges as cq,
-  SearchBar as cr,
-  ZOOM_CSS_VAR as cs,
-  invoke as ct,
-  listen as cu,
-  reactDomExports as cv,
-  Globe as cw,
-  Popover as cx,
-  PopoverTrigger as cy,
-  PopoverContent as cz,
+  dayjs2 as c$,
+  Title as c0,
+  Description as c1,
+  Portal$4 as c2,
+  Overlay$1 as c3,
+  GitCompare as c4,
+  FolderOpen as c5,
+  useDashboardStore as c6,
+  DesktopDragRegion as c7,
+  Menu$1 as c8,
+  ChevronsUpDown as c9,
+  ZOOM_CSS_VAR as cA,
+  invoke as cB,
+  listen as cC,
+  reactDomExports as cD,
+  Globe as cE,
+  Popover as cF,
+  PopoverTrigger as cG,
+  PopoverContent as cH,
+  Search as cI,
+  Trash2 as cJ,
+  DropdownMenu as cK,
+  DropdownMenuTrigger as cL,
+  ChevronDown as cM,
+  DropdownMenuContent as cN,
+  DropdownMenuItem as cO,
+  TriangleAlert as cP,
+  RotateCw as cQ,
+  Rgb as cR,
+  rgbConvert as cS,
+  define as cT,
+  extend$2 as cU,
+  Color as cV,
+  nogamma as cW,
+  hue as cX,
+  time$2 as cY,
+  min$1 as cZ,
+  max$1 as c_,
+  DiffView as ca,
+  CodeBrowserView as cb,
+  QuickOpenDialog as cc,
+  SearchFilesDialog as cd,
+  WorkspacePickerDialog as ce,
+  useDiffTarget as cf,
+  useSettingsQuery as cg,
+  agentTypeSupportsSessionListing as ch,
+  ChatView as ci,
+  getUserDefinedConfig as cj,
+  getIconSVG as ck,
+  registerIconPacks as cl,
+  unknownIcon as cm,
+  isFilePath as cn,
+  writeClipboardText as co,
+  readClipboardText as cp,
+  ArrowLeft as cq,
+  ArrowUp as cr,
+  ArrowDown as cs,
+  ArrowRight as ct,
+  ClipboardCopy as cu,
+  ClipboardPaste as cv,
+  getCurrentZoomLevel as cw,
+  openExternalUrl as cx,
+  subscribeToZoomChanges as cy,
+  SearchBar as cz,
   foldInside as d,
-  timeMonday as d0,
-  timeDay as d1,
-  timeHour as d2,
-  timeMinute as d3,
-  second as d4,
-  millisecond as d5,
-  isObject$2 as d6,
-  isIterateeCall$1 as d7,
-  keysIn as d8,
-  eq as d9,
-  getTag$1 as dA,
-  nodeUtil as dB,
-  copyArray as dC,
-  isBuffer$1 as dD,
-  cloneBuffer as dE,
-  initCloneObject as dF,
-  Stack as dG,
-  MapCache as dH,
-  Uint8Array$1 as dI,
-  isTypedArray$1 as dJ,
-  isLength$1 as dK,
-  Set$1 as dL,
-  createAssigner as dM,
-  isPrototype as dN,
-  router as dO,
-  isArrayLike$1 as da,
-  isArray$1 as db,
-  identity$1 as dc,
-  isIndex$1 as dd,
-  assignValue as de,
-  format as df,
-  styles2String as dg,
-  isLabelStyle as dh,
-  setToString as di,
-  overRest as dj,
-  baseFor as dk,
-  baseAssignValue as dl,
-  baseUnary as dm,
-  merge$1 as dn,
-  isObjectLike$1 as dp,
-  baseGetTag as dq,
-  Symbol$1 as dr,
-  arrayLikeKeys as ds,
-  baseKeys as dt,
-  memoize as du,
-  isArguments$1 as dv,
-  copyObject as dw,
-  getPrototype as dx,
-  cloneArrayBuffer as dy,
-  cloneTypedArray as dz,
+  timeFormat as d0,
+  timeMonth as d1,
+  timeSunday as d2,
+  timeSaturday as d3,
+  timeFriday as d4,
+  timeThursday as d5,
+  timeWednesday as d6,
+  timeTuesday as d7,
+  timeMonday as d8,
+  timeDay as d9,
+  arrayLikeKeys as dA,
+  baseKeys as dB,
+  memoize as dC,
+  isArguments$1 as dD,
+  copyObject as dE,
+  getPrototype as dF,
+  cloneArrayBuffer as dG,
+  cloneTypedArray as dH,
+  getTag$1 as dI,
+  nodeUtil as dJ,
+  copyArray as dK,
+  isBuffer$1 as dL,
+  cloneBuffer as dM,
+  initCloneObject as dN,
+  Stack as dO,
+  MapCache as dP,
+  Uint8Array$1 as dQ,
+  isTypedArray$1 as dR,
+  isLength$1 as dS,
+  Set$1 as dT,
+  createAssigner as dU,
+  isPrototype as dV,
+  router as dW,
+  timeHour as da,
+  timeMinute as db,
+  second as dc,
+  millisecond as dd,
+  isObject$2 as de,
+  isIterateeCall$1 as df,
+  keysIn as dg,
+  eq as dh,
+  isArrayLike$1 as di,
+  isArray$1 as dj,
+  identity$1 as dk,
+  isIndex$1 as dl,
+  assignValue as dm,
+  format as dn,
+  styles2String as dp,
+  isLabelStyle as dq,
+  setToString as dr,
+  overRest as ds,
+  baseFor as dt,
+  baseAssignValue as du,
+  baseUnary as dv,
+  merge$1 as dw,
+  isObjectLike$1 as dx,
+  baseGetTag as dy,
+  Symbol$1 as dz,
   ifNotIn as e,
   foldNodeProp as f,
   completeFromList as g,