@band-app/server 0.26.1 → 0.27.1

package/dist/server/assets/{router-6QHcrvmQ.js → router-BtsNvWXM.js}

@@ -1226,7 +1226,7 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1t = [
+const __iconNode$1s = [
   [
     "path",
     {
@@ -1235,45 +1235,45 @@ const __iconNode$1t = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$1t);
-const __iconNode$1s = [
+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$1s);
-const __iconNode$1r = [
+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$1r);
-const __iconNode$1q = [
+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$1q);
-const __iconNode$1p = [
+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$1p);
-const __iconNode$1o = [
+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$1o);
-const __iconNode$1n = [
+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$1n);
-const __iconNode$1m = [
+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$1m);
-const __iconNode$1l = [
+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$1l = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1l);
-const __iconNode$1k = [
+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$1k);
-const __iconNode$1j = [
+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$1j);
-const __iconNode$1i = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1i);
-const __iconNode$1h = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1h);
-const __iconNode$1g = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1g);
-const __iconNode$1f = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1e);
-const __iconNode$1d = [
+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$1d);
-const __iconNode$1c = [
+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$1c);
-const __iconNode$1b = [
+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$1b);
-const __iconNode$1a = [
+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$1a);
-const __iconNode$19 = [
+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$19);
-const __iconNode$18 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$18);
-const __iconNode$17 = [
+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$17);
-const __iconNode$16 = [
+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$16);
-const __iconNode$15 = [
+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,58 +1361,52 @@ const __iconNode$15 = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$15);
-const __iconNode$14 = [
+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$14);
-const __iconNode$13 = [
+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$13);
-const __iconNode$12 = [
+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$12);
-const __iconNode$11 = [
+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$11);
-const __iconNode$10 = [
+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$10);
-const __iconNode$$ = [
+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$$);
-const __iconNode$_ = [
+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$_);
-const __iconNode$Z = [
+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$Z);
-const __iconNode$Y = [
-  ["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$Y);
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$Y);
 const __iconNode$X = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
@@ -1644,12 +1638,6 @@ const __iconNode$z = [
 ];
 const Maximize2 = createLucideIcon("maximize-2", __iconNode$z);
 const __iconNode$y = [
-  ["path", { d: "M4 5h16", key: "1tepv9" }],
-  ["path", { d: "M4 12h16", key: "1lakjw" }],
-  ["path", { d: "M4 19h16", key: "1djgab" }]
-];
-const Menu$1 = createLucideIcon("menu", __iconNode$y);
-const __iconNode$x = [
   [
     "path",
     {
@@ -1658,19 +1646,24 @@ const __iconNode$x = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$x);
-const __iconNode$w = [
+const MessageSquare = createLucideIcon("message-square", __iconNode$y);
+const __iconNode$x = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$w);
-const __iconNode$v = [
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$x);
+const __iconNode$w = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$v);
+const PanelLeft = createLucideIcon("panel-left", __iconNode$w);
+const __iconNode$v = [
+  ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
+  ["path", { d: "M15 3v18", key: "14nvp0" }]
+];
+const PanelRight = createLucideIcon("panel-right", __iconNode$v);
 const __iconNode$u = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }]
@@ -14196,10 +14189,11 @@ function AccordionContent({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Content2$6,
     {
+      forceMount: true,
       "data-slot": "accordion-content",
-      className: "overflow-hidden text-sm data-[state=closed]:animate-accordion-up data-[state=open]:animate-accordion-down",
+      className: "grid text-sm transition-[grid-template-rows,visibility] duration-200 ease-out motion-reduce:transition-none data-[state=open]:grid-rows-[1fr] data-[state=closed]:grid-rows-[0fr] data-[state=closed]:invisible",
       ...props,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn$2("pt-0 pb-4", className), children: children2 })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: cn$2("pt-0 pb-4", className), children: children2 }) })
     }
   );
 }
@@ -14279,7 +14273,7 @@ function Badge({
   );
 }
 const buttonVariants = cva(
-  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-all outline-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
+  "inline-flex shrink-0 items-center justify-center gap-2 rounded-md text-sm font-medium whitespace-nowrap transition-[color,background-color,border-color,box-shadow,opacity,transform] outline-none active:scale-[0.97] focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4",
   {
     variants: {
       variant: {
@@ -14378,7 +14372,7 @@ function PopoverContent({
       align,
       sideOffset,
       className: cn$2(
-        "z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         className
       ),
       ...props
@@ -14441,7 +14435,7 @@ function ColorPicker({ value, onChange, disabled, showHex = true, className }) {
         {
           type: "button",
           className: cn$2(
-            "w-7 h-7 rounded border-2 transition-all",
+            "w-7 h-7 rounded border-2 transition-[border-color,transform]",
             colorValue === color2 ? "border-primary scale-110" : "border-transparent hover:border-border"
           ),
           style: { backgroundColor: color2 },
@@ -14794,10 +14788,10 @@ 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",
+  default: "ease-out 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",
+    "ease-out 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",
@@ -14809,8 +14803,11 @@ const DIALOG_CONTENT_VARIANTS = {
   ].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",
+    "fixed z-50 flex flex-col bg-background shadow-lg outline-none",
+    // Mobile-only open/close animation: the drawer slide is touch-initiated.
+    // Desktop (lg+) gets NO open/close animation — this is a keyboard-summoned
+    // surface hit dozens of times a day; it must appear instantly.
+    "max-lg:duration-200 max-lg:data-[state=closed]:animate-out max-lg:data-[state=closed]:fade-out-0 max-lg:data-[state=open]:animate-in max-lg: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
@@ -14823,8 +14820,7 @@ const DIALOG_CONTENT_VARIANTS = {
     "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"
+    "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"
   ].join(" ")
 };
 const keyboardInsetHolders = /* @__PURE__ */ new Set();
@@ -14860,7 +14856,15 @@ function DialogContent({
 }) {
   useKeyboardInset(variant === "command-palette");
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogPortal, { "data-slot": "dialog-portal", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DialogOverlay, { className: overlayClassName }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      DialogOverlay,
+      {
+        className: cn$2(
+          variant === "command-palette" && "lg:data-[state=open]:animate-none lg:data-[state=closed]:animate-none",
+          overlayClassName
+        )
+      }
+    ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(
       Content$1,
       {
@@ -15072,7 +15076,7 @@ function ContextMenuContent({
         if (event.button === 2) event.stopPropagation();
       },
       className: cn$2(
-        "z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 z-50 max-h-(--radix-context-menu-content-available-height) min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         className
       ),
       ...props
@@ -15134,7 +15138,7 @@ function ContextMenuSubContent({
     {
       "data-slot": "context-menu-sub-content",
       className: cn$2(
-        "z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 z-50 min-w-[8rem] origin-(--radix-context-menu-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         className
       ),
       ...props
@@ -15178,7 +15182,7 @@ function DropdownMenuContent({
       "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn$2(
-        "z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 z-50 max-h-(--radix-dropdown-menu-content-available-height) min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         className
       ),
       ...props
@@ -15304,7 +15308,7 @@ function DropdownMenuSubContent({
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn$2(
-        "z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 z-50 min-w-[8rem] origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         className
       ),
       ...props
@@ -15431,7 +15435,7 @@ function SelectContent({
         // Mirror DropdownMenuContent so dropdowns and selects render
         // identically (popover surface, explicit border-border so the
         // outline doesn't fall back to currentColor).
-        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
+        "ease-out duration-150 relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 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",
         position2 === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -15559,7 +15563,7 @@ function TooltipContent({
       "data-slot": "tooltip-content",
       sideOffset,
       className: cn$2(
-        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background fade-in-0 zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95",
+        "z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in fade-in-0 duration-100 ease-out rounded-md bg-foreground px-3 py-1.5 text-xs text-balance text-background data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:duration-75",
         className
       ),
       ...props,
@@ -42841,53 +42845,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-CQ12PKsH.js").then((m2) => m2.javascript());
+        return import("./index-BuqNnUeC.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-CQ12PKsH.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-BuqNnUeC.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-CQ12PKsH.js").then(
+        return import("./index-BuqNnUeC.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-CQ12PKsH.js").then(
+        return import("./index-BuqNnUeC.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-BHRz1U1c.js").then((m2) => m2.python());
+        return import("./index-BDXNcXpX.js").then((m2) => m2.python());
       case "html":
-        return import("./index-Bkx5Foei.js").then((m2) => m2.html());
+        return import("./index-BFyODGGJ.js").then((m2) => m2.html());
       case "css":
-        return import("./index-fzh31gPI.js").then((m2) => m2.css());
+        return import("./index-jCxJanyY.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-DIZ-5H2r.js").then((m2) => m2.sass());
+        return import("./index-DsR_UKQx.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-BUnwtpbx.js").then((m2) => m2.less());
+        return import("./index-B9mYm2Iv.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-Cdu8cpPJ.js").then((m2) => m2.json());
+        return import("./index-BFxM6c1Y.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-DeNkOFC0.js").then((m2) => m2.markdown());
+        return import("./index-CEHzgT6Q.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-DLOoQUcR.js").then((m2) => m2.xml());
+        return import("./index-DsyhmvSr.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-CkbMi8ML.js").then((m2) => m2.yaml());
+        return import("./index-DRNvWTdD.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-nrGOopfX.js").then((m2) => m2.sql());
+        return import("./index-CGdiDxDM.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-DgpTNIz9.js").then((m2) => m2.rust());
+        return import("./index-Dvcd3xwL.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-BvmYCz2n.js").then((m2) => m2.go());
+        return import("./index-CXNHt9Li.js").then((m2) => m2.go());
       case "java":
-        return import("./index-ChJXmItC.js").then((m2) => m2.java());
+        return import("./index-BPA-V89G.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-ChJXmItC.js").then((m2) => m2.java());
+        return import("./index-BPA-V89G.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-Dnp4nLLc.js").then((m2) => m2.cpp());
+        return import("./index-CX4yKGY7.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-FVQ1p-ZQ.js").then((m2) => m2.php());
+        return import("./index-D022D6yP.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -43927,12 +43931,12 @@ function buildCommands(deps) {
       // FileViewer toolbar and via this palette entry.
       id: "editor-go-back",
       label: "Go Back",
-      action: () => window.dispatchEvent(new CustomEvent("band:editor-go-back"))
+      action: () => deps.editorGoBack()
     },
     {
       id: "editor-go-forward",
       label: "Go Forward",
-      action: () => window.dispatchEvent(new CustomEvent("band:editor-go-forward"))
+      action: () => deps.editorGoForward()
     },
     {
       // No shortcut advertised: Shift+Tab is wired only inside the chat
@@ -49122,6 +49126,19 @@ function SetupStatusIndicator({ setup }) {
   }
   return null;
 }
+function WorkspaceLabel({
+  name: name2,
+  projectName,
+  isActive,
+  tone = "sidebar"
+}) {
+  const nameClass = tone === "switcher" ? `text-foreground ${isActive ? "font-semibold" : "font-medium"}` : isActive ? "font-bold text-foreground" : "font-medium text-muted-foreground";
+  const projectClass = tone === "switcher" ? "text-foreground/70" : isActive ? "text-foreground/80" : "text-muted-foreground";
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-w-0 leading-tight", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn$2("text-sm truncate", nameClass), children: name2 }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: cn$2("text-xs truncate", projectClass), children: projectName })
+  ] });
+}
 const RECENT_ACTIVATION_WINDOW_MS = 300;
 let recentlyActivatedWorkspaceId = null;
 let recentlyActivatedTimer = null;
@@ -49255,23 +49272,16 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
             // Pinned section: stack the branch name over the project name
             // as a compact two-line block so a mixed list of pinned cards
             // stays scannable without a long, mid-truncated
-            // `project/branch` string on one line.
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col min-w-0 leading-tight", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "span",
-                {
-                  className: `text-sm truncate ${isActive ? "font-bold text-foreground" : "font-medium text-muted-foreground"}`,
-                  children: worktree.name
-                }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "span",
-                {
-                  className: `text-xs truncate ${isActive ? "text-foreground/80" : "text-muted-foreground"}`,
-                  children: projectName
-                }
-              )
-            ] })
+            // `project/branch` string on one line. Shared with the ⌘K
+            // workspace picker via `WorkspaceLabel`.
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              WorkspaceLabel,
+              {
+                name: worktree.name,
+                projectName,
+                isActive
+              }
+            )
           ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
             "span",
             {
@@ -49333,7 +49343,7 @@ function CollapsibleSection({
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `grid transition-[grid-template-rows] duration-200 ease-out ${collapsed ? "grid-rows-[0fr]" : "grid-rows-[1fr]"}`,
+      className: `grid transition-[grid-template-rows] duration-200 ease-out motion-reduce:transition-none ${collapsed ? "grid-rows-[0fr]" : "grid-rows-[1fr]"}`,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: `overflow-hidden ${className ?? ""}`, inert: collapsed, children: children2 })
     }
   );
@@ -49498,7 +49508,7 @@ function SortableProject({
                 ]
               }
             ),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 [@media(pointer:coarse)]:opacity-100", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5 opacity-0 transition-opacity group-hover:opacity-100 focus-within:opacity-100 [@media(pointer:coarse)]:hidden", children: [
               !isPlain && /* @__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(
@@ -60211,7 +60221,14 @@ function FileViewer({
       toolbar,
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: [
         loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Loading..." }),
-        error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-destructive", children: error }),
+        error && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            "data-testid": "file-viewer__error",
+            className: "flex h-32 items-center justify-center text-sm text-destructive",
+            children: error
+          }
+        ),
         !loading && !error && previewType === "image" && fileUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(ImagePreview$1, { src: fileUrl, alt: getFilename(filePath) }),
         !loading && !error && previewType === "pdf" && fileUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(PdfPreview, { src: fileUrl, filename: getFilename(filePath) }),
         !loading && !error && previewType === "markdown" && renderMarkdown && viewMode === "preview" && displayContent !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl px-8 py-6 text-sm", children: renderMarkdown(displayContent) }) }),
@@ -60678,7 +60695,7 @@ function getRecentWorkspaceOrder() {
     const raw2 = localStorage.getItem(STORAGE_KEY);
     if (!raw2) return [];
     const parsed = JSON.parse(raw2);
-    if (Array.isArray(parsed)) return parsed;
+    if (Array.isArray(parsed) && parsed.every((e3) => typeof e3 === "string")) return parsed;
   } catch {
   }
   return [];
@@ -60690,7 +60707,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
   const statuses = useDashboardStore((s2) => s2.statuses);
   const openWorkspace = useDashboardStore((s2) => s2.openWorkspace);
   const clearNeedsAttention = useDashboardStore((s2) => s2.clearNeedsAttention);
-  const { isPinned, toggle: togglePinned, pinned } = usePinnedWorkspaces();
+  const { isPinned, toggle: togglePinned } = usePinnedWorkspaces();
   const [query, setQuery] = reactExports.useState("");
   const [recentOrder, setRecentOrder] = reactExports.useState([]);
   reactExports.useEffect(() => {
@@ -60700,7 +60717,6 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
       setQuery("");
     }
   }, [open2]);
-  const pinnedRank = reactExports.useMemo(() => new Map(pinned.map((p2, i2) => [p2.workspaceId, i2])), [pinned]);
   const sortedWorkspaces = reactExports.useMemo(() => {
     const entries2 = [];
     for (const project of projects) {
@@ -60711,7 +60727,9 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
           projectName: project.name,
           name: worktree.name,
           branch: worktree.branch,
-          agent: statuses.get(workspaceId)?.agent
+          // A git project's default-branch worktree is its main checkout (the
+          // repo root). Plain projects have no root/feature distinction.
+          isRoot: project.kind !== "plain" && worktree.name === project.defaultBranch
         });
       }
     }
@@ -60719,17 +60737,12 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
     entries2.sort((a2, b2) => {
       if (a2.workspaceId === activeWorkspaceId) return -1;
       if (b2.workspaceId === activeWorkspaceId) return 1;
-      const ap = pinnedRank.get(a2.workspaceId);
-      const bp = pinnedRank.get(b2.workspaceId);
-      if (ap !== void 0 && bp === void 0) return -1;
-      if (bp !== void 0 && ap === void 0) return 1;
-      if (ap !== void 0 && bp !== void 0) return ap - bp;
       const ai = orderMap.get(a2.workspaceId) ?? Number.MAX_SAFE_INTEGER;
       const bi = orderMap.get(b2.workspaceId) ?? Number.MAX_SAFE_INTEGER;
       return ai - bi;
     });
     return entries2;
-  }, [projects, statuses, recentOrder, activeWorkspaceId, pinnedRank]);
+  }, [projects, recentOrder, activeWorkspaceId]);
   const handleSelect = reactExports.useCallback(
     (workspaceId) => {
       clearNeedsAttention(workspaceId);
@@ -60766,6 +60779,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
             sortedWorkspaces.map((entry) => {
               const isActive = activeWorkspaceId === entry.workspaceId;
               const pinnedNow = isPinned(entry.workspaceId);
+              const agent = statuses.get(entry.workspaceId)?.agent;
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(
                 CommandItem,
                 {
@@ -60774,13 +60788,29 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
                   "data-testid": `workspace-picker__item--${entry.workspaceId}`,
                   className: "group touch-manipulation [@media(pointer:coarse)]:min-h-11 [@media(pointer:coarse)]:gap-3",
                   children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(AgentStatusIndicator, { agent: entry.agent }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm font-medium", children: [
-                      entry.projectName,
-                      "/",
-                      entry.name
-                    ] }),
-                    pinnedNow && /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3 -rotate-45 text-muted-foreground shrink-0" }),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      AgentStatusIndicator,
+                      {
+                        agent,
+                        isActive,
+                        fallback: entry.isRoot ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          House,
+                          {
+                            "data-testid": `workspace-picker__home-icon--${entry.workspaceId}`,
+                            className: `size-3.5 shrink-0 ${isActive ? "text-primary" : "text-muted-foreground"}`
+                          }
+                        ) : void 0
+                      }
+                    ),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      WorkspaceLabel,
+                      {
+                        name: entry.name,
+                        projectName: entry.projectName,
+                        isActive,
+                        tone: "switcher"
+                      }
+                    ),
                     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
                       isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "current" }),
                       /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -65224,9 +65254,11 @@ class BandWorkspace extends Workspace {
   files = [];
   fileVersions = /* @__PURE__ */ Object.create(null);
   rootUri;
-  constructor(client, rootUri) {
+  workspaceId;
+  constructor(client, rootUri, workspaceId) {
     super(client);
     this.rootUri = rootUri;
+    this.workspaceId = workspaceId;
   }
   nextFileVersion(uri) {
     const next2 = (this.fileVersions[uri] ?? -1) + 1;
@@ -65294,7 +65326,7 @@ class BandWorkspace extends Workspace {
       pendingNavigation = { resolve: resolve2, timer: timer2 };
       window.dispatchEvent(
         new CustomEvent("band:lsp-navigate", {
-          detail: { filePath }
+          detail: { filePath, workspaceId: this.workspaceId }
         })
       );
     });
@@ -65347,7 +65379,7 @@ function createWebSocketTransport(url) {
   });
 }
 const clientCache = /* @__PURE__ */ new Map();
-async function getOrCreateClient(wsUrl, rootUri) {
+async function getOrCreateClient(wsUrl, rootUri, workspaceId) {
   const cached2 = clientCache.get(wsUrl);
   if (cached2) {
     cached2.refCount++;
@@ -65355,7 +65387,7 @@ async function getOrCreateClient(wsUrl, rootUri) {
   }
   const client = new LSPClient({
     rootUri,
-    workspace: (c2) => new BandWorkspace(c2, rootUri),
+    workspace: (c2) => new BandWorkspace(c2, rootUri, workspaceId),
     extensions: languageServerExtensions(),
     timeout: 1e4
   });
@@ -65472,8 +65504,8 @@ const cmdClickLinkPlugin = ViewPlugin.fromClass(
   },
   { decorations: (v2) => v2.decorations }
 );
-async function createLspExtension(wsUrl, rootUri, documentUri, languageId) {
-  const client = await getOrCreateClient(wsUrl, rootUri);
+async function createLspExtension(wsUrl, rootUri, documentUri, languageId, workspaceId) {
+  const client = await getOrCreateClient(wsUrl, rootUri, workspaceId);
   return [
     client.plugin(documentUri, languageId),
     // Cmd+Click (Mac) / Ctrl+Click (other) to jump to definition — the
@@ -68021,7 +68053,6 @@ function EditorPicker({ workspacePath, onCopyPath }) {
 const DRAG_STYLE = { WebkitAppRegion: "drag" };
 const NO_DRAG_STYLE = { WebkitAppRegion: "no-drag" };
 function NavControls({
-  menuItems,
   onToggleSidebar,
   sidebarVisible,
   onGoBack,
@@ -68049,22 +68080,6 @@ function NavControls({
         /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-1.5 rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[14px]", children: "⌘B" })
       ] })
     ] }),
-    menuItems && /* @__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",
-          {
-            type: "button",
-            className: "flex items-center justify-center rounded p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
-            "aria-label": "Menu",
-            "data-testid": "dashboard__menu-trigger",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Menu$1, { className: "size-5" })
-          }
-        ) }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "More" })
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", children: menuItems })
-    ] }),
     (onGoBack || onGoForward) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -83300,6 +83315,31 @@ function refreshEdgeGroupVisibility(api, forceVisible) {
     }
   }
 }
+const edgeAnimTimers = /* @__PURE__ */ new WeakMap();
+function applyMaximizeEdgeVisibility(api, maximized, animateRoot) {
+  if (animateRoot) {
+    const pending2 = edgeAnimTimers.get(animateRoot);
+    if (pending2 !== void 0) window.clearTimeout(pending2);
+    animateRoot.classList.add("dv-edge-anim");
+    edgeAnimTimers.set(
+      animateRoot,
+      window.setTimeout(() => {
+        animateRoot.classList.remove("dv-edge-anim");
+        edgeAnimTimers.delete(animateRoot);
+      }, 300)
+    );
+  }
+  if (maximized) {
+    for (const direction of Object.keys(EDGE_GROUP_IDS$1)) {
+      try {
+        api.setEdgeGroupVisible(direction, false);
+      } catch {
+      }
+    }
+  } else {
+    refreshEdgeGroupVisibility(api, false);
+  }
+}
 const innerDockviewRegistrations = /* @__PURE__ */ new Set();
 function registerInnerDockview(containerEl, api) {
   const registration = { containerEl, api };
@@ -83888,6 +83928,7 @@ function FileTabBar({
   onSaveUntitled,
   actions,
   treeCollapsed,
+  treeSide = "left",
   onToggleTree
 }) {
   const activeRef = reactExports.useRef(null);
@@ -83983,9 +84024,10 @@ function FileTabBar({
           "button",
           {
             type: "button",
+            "data-testid": "file-tab-bar__tree-toggle",
             onClick: onToggleTree,
             className: "ml-1 hidden size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors @[16rem]:inline-flex",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
+            children: treeSide === "right" ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRight, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
           }
         ) }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
@@ -109545,7 +109587,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-C6VVTevi.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-Bl56ZglV.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 }) })] }) });
@@ -109867,7 +109909,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-CF0njLRi.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-DyXquuLm.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;
@@ -162038,12 +162080,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-CdgGxkBj.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-CRjo2D7K.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-BsFFjtud.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-j4JEpP33.js"), "loader")
       }
     ]
   ]);
@@ -162482,7 +162524,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-Bw9IfZMM.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-B1Go7qzd.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -162499,7 +162541,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-DxR9v2a8.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CONOX4ru.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -162522,7 +162564,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-DxR9v2a8.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CONOX4ru.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -162536,7 +162578,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-COrhvUZD.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-Gt2ujaN1.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -162550,7 +162592,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-DrH_1hhd.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-JAQOltND.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -162564,7 +162606,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-COoz3lCc.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-LO1CZhBF.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -162578,7 +162620,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-BgR_JFRD.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-wZZ4hEZ9.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -162591,7 +162633,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DfLOLRYh.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-5evhP6Hm.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -162604,7 +162646,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-C-S0tUnS.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-Cg2-kPDC.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -162618,7 +162660,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-Cv8buTCr.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-BRCOemWX.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -162632,7 +162674,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-CX-LPkZO.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-DjOyZt1t.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -162646,7 +162688,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-BlZBlq8N.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-fn9HXFXZ.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -162663,7 +162705,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-Bu-X2Gbw.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-UX-9XQ-6.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -162680,7 +162722,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-Bu-X2Gbw.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-UX-9XQ-6.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -162697,7 +162739,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-BIRMcaiS.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-Ct7juWxD.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -162717,7 +162759,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-D2NYWxQw.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Bp505XWR.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -162731,7 +162773,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-TInLDEBY.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-CBD0jzUu.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -162798,7 +162840,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DxR9v2a8.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CONOX4ru.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -162812,7 +162854,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-BiY_XUAp.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Dw8oeGiX.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -162826,7 +162868,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-B2VHBojz.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-jjxDAUjJ.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -162840,7 +162882,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-Ds9-Rky6.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-9SKGIQ4n.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -162854,7 +162896,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-C3bzmTeJ.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-Bun0ZHSn.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -162868,7 +162910,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-CyAHBi5H.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-Bzc1B5Be.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -162881,7 +162923,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-CFa3sLiJ.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DXbEv4yb.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -162894,7 +162936,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-1FtDdqBo.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-Bjf6umts.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -162908,7 +162950,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-B0sHbG9y.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-B9hdFdgc.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -162922,7 +162964,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-C-LWq-ju.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CdcM_CoU.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -163929,24 +163971,31 @@ function getHighlightCtor() {
   return typeof ctor === "function" ? ctor : null;
 }
 function fileTreeWidthKey(wsId) {
-  return `band-file-tree-width:${wsId}`;
+  return `band-file-tree-width-px:${wsId}`;
 }
 function fileTreeCollapsedKey(wsId) {
   return `band-file-tree-collapsed:${wsId}`;
 }
+function fileTreeSideKey(wsId) {
+  return `band-file-tree-side:${wsId}`;
+}
+const DEFAULT_FILE_TREE_WIDTH_PX = 240;
+const MIN_FILE_TREE_WIDTH_PX = 160;
+const MAX_FILE_TREE_WIDTH_RATIO = 0.5;
+const WIDTH_PERSIST_DEBOUNCE_MS = 200;
 function loadFileTreeWidth(wsId) {
   try {
     const raw2 = localStorage.getItem(fileTreeWidthKey(wsId));
     if (raw2 == null) return null;
     const val = Number(raw2);
-    return Number.isFinite(val) ? val : null;
+    return Number.isFinite(val) && val > 0 ? val : null;
   } catch {
     return null;
   }
 }
-function saveFileTreeWidth(wsId, width) {
+function saveFileTreeWidth(wsId, widthPx) {
   try {
-    localStorage.setItem(fileTreeWidthKey(wsId), String(width));
+    localStorage.setItem(fileTreeWidthKey(wsId), String(Math.round(widthPx)));
   } catch {
   }
 }
@@ -163963,6 +164012,19 @@ function saveFileTreeCollapsed(wsId, collapsed) {
   } catch {
   }
 }
+function loadFileTreeSide(wsId) {
+  try {
+    return localStorage.getItem(fileTreeSideKey(wsId)) === "right" ? "right" : "left";
+  } catch {
+    return "left";
+  }
+}
+function saveFileTreeSide(wsId, side) {
+  try {
+    localStorage.setItem(fileTreeSideKey(wsId), side);
+  } catch {
+  }
+}
 const TOOLBAR_COMPACT_BREAKPOINT = 200;
 const touchPointerUp = (fn2) => (e3) => {
   if (!fn2 || e3.pointerType === "mouse") return;
@@ -163975,7 +164037,9 @@ function FileTreeToolbar({
   onNewFile,
   onNewFolder,
   onOpenFile,
-  onNewUntitled
+  onNewUntitled,
+  side,
+  onSetSide
 }) {
   const rootRef = reactExports.useRef(null);
   const [compact, setCompact] = reactExports.useState(false);
@@ -164006,10 +164070,11 @@ function FileTreeToolbar({
     pendingMenuAction.current = null;
     fn2?.();
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const header = /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       ref: rootRef,
+      "data-testid": "file-tree__toolbar",
       className: "flex h-9 shrink-0 items-center gap-0.5 border-b border-border/50 pl-3 pr-1.5",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Files" }),
@@ -164144,6 +164209,22 @@ function FileTreeToolbar({
       ]
     }
   );
+  if (!side || !onSetSide) return header;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { asChild: true, children: header }),
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { className: "min-w-[12rem]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { "data-testid": "file-tree__move-left", onSelect: () => onSetSide("left"), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-4" }),
+        "Explorer on Left",
+        side === "left" && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-auto size-4" })
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { "data-testid": "file-tree__move-right", onSelect: () => onSetSide("right"), children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(PanelRight, { className: "size-4" }),
+        "Explorer on Right",
+        side === "right" && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-auto size-4" })
+      ] })
+    ] })
+  ] });
 }
 function CodeBrowserView({
   workspaceId,
@@ -164294,7 +164375,7 @@ function CodeBrowserView({
     };
     const cmLang = langMap[ext ?? ""];
     const languageId = cmLang ? getLspLanguageId(cmLang) : void 0;
-    createLspExtension(lspWsUrl, rootUri, documentUri, languageId).then((ext2) => {
+    createLspExtension(lspWsUrl, rootUri, documentUri, languageId, workspaceId).then((ext2) => {
       if (!cancelled2) setLspExtension(ext2);
     }).catch((err) => {
       console.warn("LSP extension creation failed:", err);
@@ -164303,7 +164384,7 @@ function CodeBrowserView({
     return () => {
       cancelled2 = true;
     };
-  }, [lspWsUrl, workspacePath, viewFilePath]);
+  }, [lspWsUrl, workspacePath, viewFilePath, workspaceId]);
   reactExports.useEffect(() => {
     return () => {
       if (lspWsUrl) releaseLspClient(lspWsUrl);
@@ -164566,20 +164647,22 @@ function CodeBrowserView({
     setViewColumn(void 0);
     notifySelectFile(null);
   }, [viewFilePath, handleTabClose, notifySelectFile]);
+  const persistActiveEditorState = reactExports.useCallback(() => {
+    const view = editorViewRef.current;
+    if (!view || !viewFilePath) return;
+    try {
+      const state2 = serializeEditorState(view);
+      savedEditorStatesRef.current[viewFilePath] = state2;
+      tabState.update(viewFilePath, {
+        editorState: state2.editorState,
+        scrollTop: state2.scrollTop
+      });
+    } catch {
+    }
+  }, [viewFilePath, tabState.update]);
   const handleTabSelect = reactExports.useCallback(
     (filePath) => {
-      const view = editorViewRef.current;
-      if (view && viewFilePath) {
-        try {
-          const state2 = serializeEditorState(view);
-          savedEditorStatesRef.current[viewFilePath] = state2;
-          tabState.update(viewFilePath, {
-            editorState: state2.editorState,
-            scrollTop: state2.scrollTop
-          });
-        } catch {
-        }
-      }
+      persistActiveEditorState();
       if (filePath !== viewFilePath) skipFileEffectRef.current = true;
       fileTabs.setActiveTab(filePath);
       setViewFilePath(filePath);
@@ -164588,7 +164671,7 @@ function CodeBrowserView({
       setViewColumn(void 0);
       notifySelectFile(filePath);
     },
-    [fileTabs.setActiveTab, notifySelectFile, viewFilePath, tabState.update]
+    [fileTabs.setActiveTab, notifySelectFile, viewFilePath, persistActiveEditorState]
   );
   const skipInitialTabSync = reactExports.useRef(true);
   reactExports.useEffect(() => {
@@ -164642,18 +164725,27 @@ function CodeBrowserView({
     if (entry) navigateToEntry(entry);
   }, [editorHistory.goForward, navigateToEntry]);
   reactExports.useEffect(() => {
-    const handleGoBack = () => handleEditorGoBack();
-    const handleGoForward = () => handleEditorGoForward();
+    const handleGoBack = (e3) => {
+      const detail = e3.detail;
+      if (detail?.workspaceId && detail.workspaceId !== workspaceId) return;
+      handleEditorGoBack();
+    };
+    const handleGoForward = (e3) => {
+      const detail = e3.detail;
+      if (detail?.workspaceId && detail.workspaceId !== workspaceId) return;
+      handleEditorGoForward();
+    };
     window.addEventListener("band:editor-go-back", handleGoBack);
     window.addEventListener("band:editor-go-forward", handleGoForward);
     return () => {
       window.removeEventListener("band:editor-go-back", handleGoBack);
       window.removeEventListener("band:editor-go-forward", handleGoForward);
     };
-  }, [handleEditorGoBack, handleEditorGoForward]);
+  }, [handleEditorGoBack, handleEditorGoForward, workspaceId]);
   reactExports.useEffect(() => {
     const handleLspNavigate = (e3) => {
       const detail = e3.detail;
+      if (detail?.workspaceId && detail.workspaceId !== workspaceId) return;
       if (detail?.filePath) {
         pushDepartureAndArrival({ filePath: detail.filePath });
         skipFileEffectRef.current = true;
@@ -164668,7 +164760,7 @@ function CodeBrowserView({
     };
     window.addEventListener("band:lsp-navigate", handleLspNavigate);
     return () => window.removeEventListener("band:lsp-navigate", handleLspNavigate);
-  }, [pushDepartureAndArrival, fileTabs.openTabPinned, notifySelectFile]);
+  }, [pushDepartureAndArrival, fileTabs.openTabPinned, notifySelectFile, workspaceId]);
   reactExports.useEffect(() => {
     const cycleFileTabs = (direction) => {
       const tabs = fileTabs.openTabs;
@@ -164949,21 +165041,75 @@ function CodeBrowserView({
   );
   const treePanelRef = ln$2();
   const [treeCollapsed, setTreeCollapsed] = reactExports.useState(() => loadFileTreeCollapsed(workspaceId));
-  const skipFirstLayoutCallback = reactExports.useRef(true);
-  const savedCollapsed = loadFileTreeCollapsed(workspaceId);
-  const savedWidth = loadFileTreeWidth(workspaceId);
-  const defaultLayout = savedCollapsed ? { "file-tree": 0, "file-viewer": 100 } : savedWidth ? { "file-tree": savedWidth, "file-viewer": 100 - savedWidth } : void 0;
-  const handleLayoutChanged = reactExports.useCallback(
-    (layout) => {
-      if (skipFirstLayoutCallback.current) {
-        skipFirstLayoutCallback.current = false;
+  const [treeSide, setTreeSide] = reactExports.useState(() => loadFileTreeSide(workspaceId));
+  const collapsedRef = reactExports.useRef(treeCollapsed);
+  const treeWidthRef = reactExports.useRef(loadFileTreeWidth(workspaceId) ?? DEFAULT_FILE_TREE_WIDTH_PX);
+  reactExports.useLayoutEffect(() => {
+    if (treeCollapsed) treePanelRef.current?.collapse();
+  }, [treeSide, useMobileLayout, treePanelRef]);
+  const widthPersistTimerRef = reactExports.useRef(null);
+  const scheduleWidthPersist = reactExports.useCallback(() => {
+    if (widthPersistTimerRef.current !== null) {
+      clearTimeout(widthPersistTimerRef.current);
+    }
+    widthPersistTimerRef.current = setTimeout(() => {
+      widthPersistTimerRef.current = null;
+      saveFileTreeWidth(workspaceId, treeWidthRef.current);
+    }, WIDTH_PERSIST_DEBOUNCE_MS);
+  }, [workspaceId]);
+  reactExports.useEffect(() => {
+    return () => {
+      if (widthPersistTimerRef.current !== null) {
+        clearTimeout(widthPersistTimerRef.current);
+        saveFileTreeWidth(workspaceId, treeWidthRef.current);
+      }
+    };
+  }, [workspaceId]);
+  const groupWidthRef = reactExports.useRef(0);
+  const selfResizeRef = reactExports.useRef(false);
+  const handleTreeResize = reactExports.useCallback(
+    (size2) => {
+      const collapsed = size2.asPercentage === 0;
+      if (collapsed !== collapsedRef.current) {
+        collapsedRef.current = collapsed;
+        setTreeCollapsed(collapsed);
+        saveFileTreeCollapsed(workspaceId, collapsed);
+      }
+      if (collapsed) return;
+      const groupWidth = size2.inPixels / (size2.asPercentage / 100);
+      const groupResized = Math.abs(groupWidth - groupWidthRef.current) > 1;
+      groupWidthRef.current = groupWidth;
+      if (selfResizeRef.current) {
+        selfResizeRef.current = false;
+        return;
+      }
+      if (!groupResized) {
+        treeWidthRef.current = size2.inPixels;
+        scheduleWidthPersist();
         return;
       }
-      if (layout["file-tree"] != null) {
-        saveFileTreeWidth(workspaceId, layout["file-tree"]);
+      const maxWidth = groupWidth * MAX_FILE_TREE_WIDTH_RATIO;
+      if (maxWidth < MIN_FILE_TREE_WIDTH_PX) return;
+      const target = Math.min(treeWidthRef.current, maxWidth);
+      if (Math.abs(size2.inPixels - target) > 1) {
+        selfResizeRef.current = true;
+        treePanelRef.current?.resize(`${target}px`);
       }
     },
-    [workspaceId]
+    [workspaceId, treePanelRef, scheduleWidthPersist]
+  );
+  const handleSetTreeSide = reactExports.useCallback(
+    (side) => {
+      persistActiveEditorState();
+      const size2 = treePanelRef.current?.getSize();
+      if (size2 && size2.inPixels > 0) {
+        treeWidthRef.current = size2.inPixels;
+        saveFileTreeWidth(workspaceId, size2.inPixels);
+      }
+      setTreeSide(side);
+      saveFileTreeSide(workspaceId, side);
+    },
+    [workspaceId, treePanelRef, persistActiveEditorState]
   );
   const toggleTree = reactExports.useCallback(() => {
     const panel = treePanelRef.current;
@@ -164984,6 +165130,72 @@ function CodeBrowserView({
       treePanelRef.current?.expand();
     }
   }, [fileTabs.openTabs.length, treeCollapsed, treePanelRef]);
+  const treePanelEl = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Yt$1,
+    {
+      id: "file-tree",
+      defaultSize: `${treeWidthRef.current}px`,
+      minSize: `${MIN_FILE_TREE_WIDTH_PX}px`,
+      maxSize: `${MAX_FILE_TREE_WIDTH_RATIO * 100}%`,
+      groupResizeBehavior: "preserve-pixel-size",
+      collapsible: true,
+      collapsedSize: "0%",
+      panelRef: treePanelRef,
+      onResize: handleTreeResize,
+      children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        "div",
+        {
+          className: `flex h-full flex-col overflow-hidden border-border ${treeSide === "left" ? "border-r" : "border-l"}`,
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FileTreeToolbar,
+              {
+                onNewFile: handleNewFile,
+                onNewFolder: handleNewFolder,
+                onOpenFile: pickFile ? handleOpenExternalFile : void 0,
+                onNewUntitled: handleNewUntitled,
+                side: treeSide,
+                onSetSide: handleSetTreeSide
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              FileBrowser,
+              {
+                ref: fileBrowserRef,
+                workspaceId,
+                workspacePath,
+                onOpenFile: handleSelectFile,
+                onOpenFilePinned: handleSelectFilePinned,
+                compact: true,
+                selectedFile: viewFilePath,
+                onPathRenamed: handlePathRenamed,
+                onPathDeleted: handlePathDeleted
+              }
+            ) })
+          ]
+        }
+      )
+    },
+    "file-tree"
+  );
+  const pointsLeft = treeSide === "left" ? !treeCollapsed : treeCollapsed;
+  const separatorEl = /* @__PURE__ */ jsxRuntimeExports.jsx(
+    Qt$1,
+    {
+      id: "file-tree-separator",
+      className: "group relative w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        "button",
+        {
+          type: "button",
+          onClick: toggleTree,
+          className: "absolute top-1/2 left-1/2 z-10 flex size-7 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-2 border-accent-foreground/30 bg-background text-muted-foreground opacity-0 shadow-md transition-opacity hover:border-accent-foreground/50 hover:text-foreground group-hover:opacity-100",
+          children: pointsLeft ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" })
+        }
+      )
+    },
+    "file-tree-separator"
+  );
   return (
     // h-full + w-full + overflow-hidden + min-w-0 is required so that
     // CodeMirror's wide intrinsic content (long unwrapped lines, scrollable
@@ -165070,162 +165282,112 @@ function CodeBrowserView({
         ] })
       )
     ) : (
-      // Desktop: side-by-side layout with resizable file tree
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        Ut$1,
-        {
-          orientation: "horizontal",
-          defaultLayout,
-          onLayoutChanged: handleLayoutChanged,
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              Yt$1,
-              {
-                id: "file-tree",
-                defaultSize: "15rem",
-                minSize: "10rem",
-                maxSize: "50%",
-                collapsible: true,
-                collapsedSize: "0%",
-                panelRef: treePanelRef,
-                onResize: (size2) => {
-                  const collapsed = size2.asPercentage === 0;
-                  setTreeCollapsed(collapsed);
-                  saveFileTreeCollapsed(workspaceId, collapsed);
-                },
-                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col overflow-hidden border-r border-border", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    FileTreeToolbar,
+      // Desktop: side-by-side layout with resizable file tree. The Group is
+      // keyed on the side so it fully remounts when the explorer moves —
+      // react-resizable-panels sorts its panels by `offsetLeft` when they
+      // register, so reordering the children in place would leave it holding
+      // a stale order.
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(Ut$1, { orientation: "horizontal", children: [
+        treeSide === "left" && treePanelEl,
+        treeSide === "left" && separatorEl,
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "file-viewer", minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full min-w-0 flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FileTabBar,
+            {
+              workspacePath,
+              tabs: fileTabs.openTabs,
+              activeTabPath: fileTabs.activeTabPath,
+              onSelectTab: handleTabSelect,
+              onCloseTab: handleTabClose,
+              onPinTab: fileTabs.pinTab,
+              onGoBack: handleEditorGoBack,
+              onGoForward: handleEditorGoForward,
+              canGoBack: editorHistory.canGoBack,
+              canGoForward: editorHistory.canGoForward,
+              isDirty: tabState.isDirty,
+              onSaveUntitled: pickSaveFile ? handleSaveUntitledForClose : void 0,
+              treeCollapsed,
+              treeSide,
+              onToggleTree: toggleTree,
+              actions: isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
                     {
-                      onNewFile: handleNewFile,
-                      onNewFolder: handleNewFolder,
-                      onOpenFile: pickFile ? handleOpenExternalFile : void 0,
-                      onNewUntitled: handleNewUntitled
+                      type: "button",
+                      onClick: () => setMdViewMode("preview"),
+                      className: `inline-flex size-6 items-center justify-center rounded-md transition-colors ${mdViewMode === "preview" ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3.5" })
                     }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    FileBrowser,
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Preview" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
                     {
-                      ref: fileBrowserRef,
-                      workspaceId,
-                      workspacePath,
-                      onOpenFile: handleSelectFile,
-                      onOpenFilePinned: handleSelectFilePinned,
-                      compact: true,
-                      selectedFile: viewFilePath,
-                      onPathRenamed: handlePathRenamed,
-                      onPathDeleted: handlePathDeleted
+                      type: "button",
+                      onClick: () => setMdViewMode("source"),
+                      className: `inline-flex size-6 items-center justify-center rounded-md transition-colors ${mdViewMode === "source" ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { className: "size-3.5" })
                     }
-                  ) })
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Source" })
                 ] })
-              }
-            ),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "group relative w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "button",
-              {
-                type: "button",
-                onClick: toggleTree,
-                className: "absolute top-1/2 left-1/2 z-10 flex size-7 -translate-x-1/2 -translate-y-1/2 items-center justify-center rounded-full border-2 border-accent-foreground/30 bg-background text-muted-foreground opacity-0 shadow-md transition-opacity hover:border-accent-foreground/50 hover:text-foreground group-hover:opacity-100",
-                children: treeCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: "size-4" })
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "file-viewer", minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full min-w-0 flex-col overflow-hidden", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                FileTabBar,
+              ] }) : void 0
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: viewFilePath ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FileViewer,
+            {
+              workspaceId,
+              filePath: viewFilePath,
+              external: viewIsExternal,
+              untitled: isUntitledPath(viewFilePath),
+              line: viewLine,
+              lineEnd: viewLineEnd,
+              column: viewColumn,
+              onEditorView: handleEditorView,
+              onCursorLineChange: handleCursorLineChange,
+              renderMarkdown,
+              editable: true,
+              hideTitleBar: true,
+              lspExtension: viewIsExternal || isUntitledPath(viewFilePath) ? null : lspExtension,
+              viewMode: isMarkdown ? mdViewMode : void 0,
+              onViewModeChange: isMarkdown ? setMdViewMode : void 0,
+              initialEditedContent: tabState.get(viewFilePath)?.editedContent ?? null,
+              savedEditorState: savedEditorStatesRef.current[viewFilePath]?.editorState ?? tabState.get(viewFilePath)?.editorState,
+              savedScrollTop: savedEditorStatesRef.current[viewFilePath]?.scrollTop ?? tabState.get(viewFilePath)?.scrollTop,
+              onEditedContentChange: handleEditedContentChange,
+              languageOverride: tabState.getLanguage(viewFilePath),
+              onLanguageOverrideChange: (id28) => handleLanguageOverride(viewFilePath, id28),
+              onSaveAs: isUntitledPath(viewFilePath) && pickSaveFile ? (content2) => handleSaveUntitled(viewFilePath, content2) : void 0,
+              onLoadError: handleFileLoadError,
+              toolbar: search2.searchOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                SearchBar,
                 {
-                  workspacePath,
-                  tabs: fileTabs.openTabs,
-                  activeTabPath: fileTabs.activeTabPath,
-                  onSelectTab: handleTabSelect,
-                  onCloseTab: handleTabClose,
-                  onPinTab: fileTabs.pinTab,
-                  onGoBack: handleEditorGoBack,
-                  onGoForward: handleEditorGoForward,
-                  canGoBack: editorHistory.canGoBack,
-                  canGoForward: editorHistory.canGoForward,
-                  isDirty: tabState.isDirty,
-                  onSaveUntitled: pickSaveFile ? handleSaveUntitledForClose : void 0,
-                  treeCollapsed,
-                  onToggleTree: toggleTree,
-                  actions: isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5", children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setMdViewMode("preview"),
-                          className: `inline-flex size-6 items-center justify-center rounded-md transition-colors ${mdViewMode === "preview" ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Eye, { className: "size-3.5" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Preview" })
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        "button",
-                        {
-                          type: "button",
-                          onClick: () => setMdViewMode("source"),
-                          className: `inline-flex size-6 items-center justify-center rounded-md transition-colors ${mdViewMode === "source" ? "bg-accent text-accent-foreground" : "text-muted-foreground hover:bg-accent hover:text-foreground"}`,
-                          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Code, { className: "size-3.5" })
-                        }
-                      ) }),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Source" })
-                    ] })
-                  ] }) : void 0
+                  ref: search2.searchBarRef,
+                  query: search2.searchQuery,
+                  onQueryChange: search2.setSearchQuery,
+                  options: search2.searchOptions,
+                  onOptionsChange: search2.setSearchOptions,
+                  placeholder: isMarkdownPreviewActive ? "Find in preview..." : "Find in file...",
+                  matchInfo: isMarkdownPreviewActive ? mdMatchInfo : search2.matchInfo,
+                  onNext: handleSearchNext,
+                  onPrevious: handleSearchPrevious,
+                  onClose: handleSearchClose
                 }
-              ),
-              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 min-w-0 flex-1 overflow-hidden", children: viewFilePath ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                FileViewer,
-                {
-                  workspaceId,
-                  filePath: viewFilePath,
-                  external: viewIsExternal,
-                  untitled: isUntitledPath(viewFilePath),
-                  line: viewLine,
-                  lineEnd: viewLineEnd,
-                  column: viewColumn,
-                  onEditorView: handleEditorView,
-                  onCursorLineChange: handleCursorLineChange,
-                  renderMarkdown,
-                  editable: true,
-                  hideTitleBar: true,
-                  lspExtension: viewIsExternal || isUntitledPath(viewFilePath) ? null : lspExtension,
-                  viewMode: isMarkdown ? mdViewMode : void 0,
-                  onViewModeChange: isMarkdown ? setMdViewMode : void 0,
-                  initialEditedContent: tabState.get(viewFilePath)?.editedContent ?? null,
-                  savedEditorState: savedEditorStatesRef.current[viewFilePath]?.editorState ?? tabState.get(viewFilePath)?.editorState,
-                  savedScrollTop: savedEditorStatesRef.current[viewFilePath]?.scrollTop ?? tabState.get(viewFilePath)?.scrollTop,
-                  onEditedContentChange: handleEditedContentChange,
-                  languageOverride: tabState.getLanguage(viewFilePath),
-                  onLanguageOverrideChange: (id28) => handleLanguageOverride(viewFilePath, id28),
-                  onSaveAs: isUntitledPath(viewFilePath) && pickSaveFile ? (content2) => handleSaveUntitled(viewFilePath, content2) : void 0,
-                  onLoadError: handleFileLoadError,
-                  toolbar: search2.searchOpen ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SearchBar,
-                    {
-                      ref: search2.searchBarRef,
-                      query: search2.searchQuery,
-                      onQueryChange: search2.setSearchQuery,
-                      options: search2.searchOptions,
-                      onOptionsChange: search2.setSearchOptions,
-                      placeholder: isMarkdownPreviewActive ? "Find in preview..." : "Find in file...",
-                      matchInfo: isMarkdownPreviewActive ? mdMatchInfo : search2.matchInfo,
-                      onNext: handleSearchNext,
-                      onPrevious: handleSearchPrevious,
-                      onClose: handleSearchClose
-                    }
-                  ) : void 0
-                },
-                isUntitledPath(viewFilePath) ? viewFilePath : "file"
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 px-8 text-center", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(File$1, { className: "size-8 text-muted-foreground/30" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Select a file to view" })
-              ] }) }) })
-            ] }) })
-          ]
-        }
-      )
+              ) : void 0
+            },
+            isUntitledPath(viewFilePath) ? viewFilePath : "file"
+          ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col items-center gap-3 px-8 text-center", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(File$1, { className: "size-8 text-muted-foreground/30" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Select a file to view" })
+          ] }) }) })
+        ] }) }, "file-viewer"),
+        treeSide === "right" && separatorEl,
+        treeSide === "right" && treePanelEl
+      ] }, treeSide)
     ) })
   );
 }
@@ -176611,6 +176773,8 @@ function ChatView({
   const getMessageKey = reactExports.useCallback((message) => message.id, []);
   const messagesRef = reactExports.useRef(messages);
   messagesRef.current = messages;
+  const seenMessageIdsRef = reactExports.useRef(null);
+  const enteringIdsRef = reactExports.useRef(/* @__PURE__ */ new Set());
   reactExports.useEffect(() => {
     const sentinel = sentinelRef.current;
     if (!sentinel || !scrollEl || !hasMore || loadingHistory) return;
@@ -176631,6 +176795,20 @@ function ChatView({
     (message, messageIndex) => {
       const currentMessages = messagesRef.current;
       const isLastMessage = messageIndex === currentMessages.length - 1;
+      const seen = seenMessageIdsRef.current;
+      let entering = false;
+      if (seen === null) {
+        seenMessageIdsRef.current = new Set(currentMessages.map((m2) => m2.id));
+      } else if (!seen.has(message.id)) {
+        seen.add(message.id);
+        if (messageIndex >= currentMessages.length - 2) {
+          entering = true;
+          enteringIdsRef.current.add(message.id);
+          window.setTimeout(() => enteringIdsRef.current.delete(message.id), 400);
+        }
+      } else if (enteringIdsRef.current.has(message.id)) {
+        entering = true;
+      }
       const isLastAssistant = message.role === "assistant" && isLastMessage;
       const hasPendingInteractiveTool = isLastAssistant && message.parts.some((p2) => {
         if (!isToolUIPart(p2) || !IN_PROGRESS_STATES.has(p2.state)) return false;
@@ -176641,7 +176819,7 @@ function ChatView({
       const segments = groupMessageParts(message.parts);
       if (message.role !== "assistant") {
         if (segments.length === 0) return null;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "user", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: segments.map((segment) => {
+        return /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "user", className: entering ? "chat-message-enter" : void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: segments.map((segment) => {
           if (segment.type === "text" && segment.part.type === "text" && segment.part.text.trim()) {
             return /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: segment.part.text }, `${message.id}-text-${segment.partIndex}`);
           }
@@ -176658,7 +176836,7 @@ function ChatView({
         }) }) });
       }
       if (segments.length === 0 && !showThinking) return null;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", className: entering ? "chat-message-enter" : void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
         segments.map((segment) => {
           if (segment.type === "text") {
             const { part, partIndex } = segment;
@@ -177091,7 +177269,7 @@ function ContextMeter({
               cy: "12",
               r: DONUT_RADIUS,
               fill: "none",
-              className: cn$2("transition-all", progressColor),
+              className: cn$2("transition-[stroke-dashoffset,stroke]", progressColor),
               strokeWidth: "3",
               strokeLinecap: "round",
               strokeDasharray: DONUT_CIRCUMFERENCE,
@@ -179328,6 +179506,8 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
     settings.maxCachedWorkspaces ?? DEFAULT_MAX_CACHED_WORKSPACES
   );
   const activeWorkspaceId = parseWorkspaceFromPath(pathname);
+  const wrapperRef = reactExports.useRef(null);
+  const prevWorkspaceIdRef = reactExports.useRef(activeWorkspaceId);
   if (activeWorkspaceId && !cache.has(activeWorkspaceId)) {
     setCache((prev2) => {
       if (prev2.has(activeWorkspaceId)) return prev2;
@@ -179360,6 +179540,20 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
       return next2;
     });
   }, [activeWorkspaceId]);
+  reactExports.useLayoutEffect(() => {
+    const prev2 = prevWorkspaceIdRef.current;
+    prevWorkspaceIdRef.current = activeWorkspaceId;
+    if (!prev2 || !activeWorkspaceId || prev2 === activeWorkspaceId) return;
+    const el = wrapperRef.current;
+    if (!el) return;
+    el.style.transition = "none";
+    el.style.opacity = "0.6";
+    const raf = requestAnimationFrame(() => {
+      el.style.transition = "opacity 140ms cubic-bezier(0.23, 1, 0.32, 1)";
+      el.style.opacity = "1";
+    });
+    return () => cancelAnimationFrame(raf);
+  }, [activeWorkspaceId]);
   const { projects, isLoading, error } = useProjects();
   reactExports.useEffect(() => {
     if (isLoading || error) return;
@@ -179397,7 +179591,7 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
     lastCacheKeysRef.current = current2;
   }, [cache]);
   if (!activeWorkspaceId) return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full w-full", children: emptyState });
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative h-full w-full", children: Array.from(cache.values()).map(({ workspaceId }) => {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: wrapperRef, className: "relative h-full w-full", children: Array.from(cache.values()).map(({ workspaceId }) => {
     const isActive = workspaceId === activeWorkspaceId;
     return /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
@@ -202887,75 +203081,12 @@ function ToolbarOverflowProvider({ children: children2 }) {
     )
   ] });
 }
-function ToolbarOverflowMenuItems() {
-  const ctx = reactExports.useContext(ToolbarOverflowContext);
-  if (!ctx) {
-    throw new Error("ToolbarOverflowMenuItems must be used inside ToolbarOverflowProvider");
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { 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.openReports, "data-testid": "menu__reports", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ChartColumn, { className: "size-4" }),
-      "Usage"
-    ] }),
-    /* @__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"
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onClick: ctx.openResources, "data-testid": "menu__resources", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Activity, { className: "size-4" }),
-      "Resources"
-    ] })
-  ] });
-}
 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(
@@ -202966,7 +203097,7 @@ function ToolbarActionBar() {
             className: "text-muted-foreground",
             "aria-label": "More actions",
             "data-testid": "project-list__overflow-trigger",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(Ellipsis, { className: "size-4" })
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "size-4" })
           }
         ) }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: "More" })
@@ -202990,6 +203121,36 @@ function ToolbarActionBar() {
           ctx.tunnelStatus === "running" ? "Mobile access" : "Start tunnel"
         ] })
       ] })
+    ] }),
+    /* @__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" })
     ] })
   ] });
 }
@@ -203012,12 +203173,12 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-DQYYK-79.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-BIJPTTun.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
 const DockviewBrowserContainer = reactExports.lazy(
-  () => import("./DockviewBrowserContainer-BxukCnRj.js").then((m2) => ({
+  () => import("./DockviewBrowserContainer-CxzZY1qq.js").then((m2) => ({
     default: m2.DockviewBrowserContainer
   }))
 );
@@ -203519,6 +203680,20 @@ function SharedDockviewLayout() {
             detail: { workspaceId: ws, filePath }
           })
         );
+      },
+      editorGoBack: () => {
+        const ws = activeWorkspaceIdRef.current;
+        if (!ws) return;
+        window.dispatchEvent(
+          new CustomEvent("band:editor-go-back", { detail: { workspaceId: ws } })
+        );
+      },
+      editorGoForward: () => {
+        const ws = activeWorkspaceIdRef.current;
+        if (!ws) return;
+        window.dispatchEvent(
+          new CustomEvent("band:editor-go-forward", { detail: { workspaceId: ws } })
+        );
       }
     }),
     []
@@ -203942,6 +204117,7 @@ function SharedDockviewLayout() {
       }
       if (initialActiveState?.maximizedGroup) {
         applyMaximizedGroupToApi(event.api, initialActiveState.maximizedGroup);
+        applyMaximizeEdgeVisibility(event.api, true);
       }
       event.api.onDidLayoutChange(() => {
         if (!initializedRef.current) return;
@@ -203951,6 +204127,7 @@ function SharedDockviewLayout() {
         (e3) => {
           if (!initializedRef.current) return;
           if (inSaveLayoutToJSON) return;
+          applyMaximizeEdgeVisibility(event.api, !!e3.isMaximized, containerRef.current);
           const workspaceId = activeWorkspaceIdRef.current;
           if (!workspaceId) return;
           if (e3.isMaximized && !e3.group?.id) return;
@@ -203985,6 +204162,7 @@ function SharedDockviewLayout() {
       applyGroupActiveViewsToApi(api, activeState);
     }
     applyMaximizedGroupToApi(api, activeState?.maximizedGroup);
+    applyMaximizeEdgeVisibility(api, !!activeState?.maximizedGroup);
   }, [activeWorkspaceId]);
   const prevHiddenRef = reactExports.useRef(hiddenPanels);
   reactExports.useEffect(() => {
@@ -204554,9 +204732,11 @@ function AppShell() {
   const animateSidebarToggle = reactExports.useCallback(() => {
     const sidebar = sidebarElRef.current;
     if (!sidebar) return;
+    if (window.matchMedia("(prefers-reduced-motion: reduce)").matches) return;
     const els = [sidebar, mainElRef.current];
     for (const el of els) {
-      if (el) el.style.transition = "flex-grow 200ms ease, flex-basis 200ms ease";
+      if (el)
+        el.style.transition = "flex-grow 200ms cubic-bezier(0.77, 0, 0.175, 1), flex-basis 200ms cubic-bezier(0.77, 0, 0.175, 1)";
     }
     let timer2 = 0;
     const clear3 = (e3) => {
@@ -204596,28 +204776,8 @@ function AppShell() {
     },
     []
   );
-  const menuItems = reactExports.useMemo(
-    () => /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowMenuItems, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        DropdownMenuItem,
-        {
-          onClick: () => {
-            const fn2 = window.__bandOpenSettings;
-            fn2?.();
-          },
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Settings$1, { className: "size-4" }),
-            "Settings"
-          ]
-        }
-      )
-    ] }),
-    []
-  );
   const navControlProps = reactExports.useMemo(
     () => ({
-      menuItems,
       onGoBack: navigationHistory.goBack,
       onGoForward: navigationHistory.goForward,
       canGoBack: navigationHistory.canGoBack,
@@ -204626,7 +204786,6 @@ function AppShell() {
       sidebarVisible
     }),
     [
-      menuItems,
       navigationHistory.goBack,
       navigationHistory.goForward,
       navigationHistory.canGoBack,
@@ -204666,14 +204825,7 @@ 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,
-                      menuItems: void 0,
-                      offsetClass: titleBarOffset
-                    }
-                  ),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, { ...navControlProps, offsetClass: titleBarOffset }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
                 ]
               }
@@ -204724,12 +204876,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-DAqzmsPy.js");
+const $$splitComponentImporter$1 = () => import("./index-BVjGe10C.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-CHMs1pW4.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-MLWQzLSj.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-joQQNCnQ.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-GwRuI3oS.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,
@@ -204865,7 +205017,7 @@ export {
   cos as ay,
   sin as az,
   LRLanguage as b,
-  Close as b$,
+  Content$1 as b$,
   insertCluster as b0,
   insertNode as b1,
   positionNode as b2,
@@ -204901,8 +205053,8 @@ export {
   isDesktop as bW,
   array$2 as bX,
   ordinal as bY,
-  Root$5 as bZ,
-  Content$1 as b_,
+  getUserDefinedConfig as bZ,
+  Root$5 as b_,
   delimitedIndent as ba,
   NodeWeakMap as bb,
   snippetCompletion as bc,
@@ -204930,44 +205082,44 @@ export {
   constant as by,
   isFunction$1 as bz,
   continuedIndent as c,
-  timeSunday as c$,
-  cn$2 as c0,
-  Title as c1,
-  Description as c2,
-  Portal$4 as c3,
-  Overlay$1 as c4,
-  GitCompare as c5,
-  FolderOpen as c6,
-  useDashboardStore as c7,
-  DesktopDragRegion as c8,
-  Menu$1 as c9,
-  reactDomExports as cA,
-  Globe as cB,
-  Popover as cC,
-  PopoverTrigger as cD,
-  PopoverContent as cE,
-  Search as cF,
-  Trash2 as cG,
-  DropdownMenu as cH,
-  DropdownMenuTrigger as cI,
-  ChevronDown as cJ,
-  DropdownMenuContent as cK,
-  DropdownMenuItem as cL,
-  TriangleAlert as cM,
-  RotateCw as cN,
-  Rgb as cO,
-  rgbConvert as cP,
-  define as cQ,
-  extend$2 as cR,
-  Color as cS,
-  nogamma as cT,
-  hue as cU,
-  time$2 as cV,
-  min$1 as cW,
-  max$1 as cX,
-  dayjs2 as cY,
-  timeFormat as cZ,
-  timeMonth as c_,
+  timeSaturday as c$,
+  Close as c0,
+  cn$2 as c1,
+  Title as c2,
+  Description as c3,
+  Portal$4 as c4,
+  Overlay$1 as c5,
+  GitCompare as c6,
+  FolderOpen as c7,
+  useDashboardStore as c8,
+  DesktopDragRegion as c9,
+  Globe as cA,
+  Popover as cB,
+  PopoverTrigger as cC,
+  PopoverContent as cD,
+  Search as cE,
+  Trash2 as cF,
+  DropdownMenu as cG,
+  DropdownMenuTrigger as cH,
+  ChevronDown as cI,
+  DropdownMenuContent as cJ,
+  DropdownMenuItem as cK,
+  TriangleAlert as cL,
+  RotateCw as cM,
+  Rgb as cN,
+  rgbConvert as cO,
+  define as cP,
+  extend$2 as cQ,
+  Color as cR,
+  nogamma as cS,
+  hue as cT,
+  time$2 as cU,
+  min$1 as cV,
+  max$1 as cW,
+  dayjs2 as cX,
+  timeFormat as cY,
+  timeMonth as cZ,
+  timeSunday as c_,
   ChevronsUpDown as ca,
   DiffView as cb,
   CodeBrowserView as cc,
@@ -204978,78 +205130,77 @@ export {
   useSettingsQuery as ch,
   agentTypeSupportsSessionListing as ci,
   ChatView as cj,
-  getUserDefinedConfig as ck,
-  writeClipboardText as cl,
-  readClipboardText as cm,
-  ArrowLeft as cn,
-  ArrowUp as co,
-  ArrowDown as cp,
-  ArrowRight as cq,
-  ClipboardCopy as cr,
-  ClipboardPaste as cs,
-  getOrCreateTerminal as ct,
-  SearchBar as cu,
-  getIconSVG as cv,
-  registerIconPacks as cw,
-  unknownIcon as cx,
-  invoke as cy,
-  listen as cz,
+  writeClipboardText as ck,
+  readClipboardText as cl,
+  ArrowLeft as cm,
+  ArrowUp as cn,
+  ArrowDown as co,
+  ArrowRight as cp,
+  ClipboardCopy as cq,
+  ClipboardPaste as cr,
+  getOrCreateTerminal as cs,
+  SearchBar as ct,
+  getIconSVG as cu,
+  registerIconPacks as cv,
+  unknownIcon as cw,
+  invoke as cx,
+  listen as cy,
+  reactDomExports as cz,
   foldInside as d,
-  timeSaturday as d0,
-  timeFriday as d1,
-  timeThursday as d2,
-  timeWednesday as d3,
-  timeTuesday as d4,
-  timeMonday as d5,
-  timeDay as d6,
-  timeHour as d7,
-  timeMinute as d8,
-  second as d9,
-  isArguments$1 as dA,
-  copyObject as dB,
-  getPrototype as dC,
-  cloneArrayBuffer as dD,
-  cloneTypedArray as dE,
-  getTag$1 as dF,
-  nodeUtil as dG,
-  copyArray as dH,
-  isBuffer$1 as dI,
-  cloneBuffer as dJ,
-  initCloneObject as dK,
-  Stack as dL,
-  MapCache as dM,
-  Uint8Array$1 as dN,
-  isTypedArray$1 as dO,
-  isLength$1 as dP,
-  Set$1 as dQ,
-  createAssigner as dR,
-  isPrototype as dS,
-  router as dT,
-  millisecond as da,
-  isObject$2 as db,
-  isIterateeCall$1 as dc,
-  keysIn as dd,
-  eq as de,
-  isArrayLike$1 as df,
-  isArray$1 as dg,
-  identity$1 as dh,
-  isIndex$1 as di,
-  assignValue as dj,
-  format as dk,
-  styles2String as dl,
-  isLabelStyle as dm,
-  setToString as dn,
-  overRest as dp,
-  baseFor as dq,
-  baseAssignValue as dr,
-  baseUnary as ds,
-  merge$1 as dt,
-  isObjectLike$1 as du,
-  baseGetTag as dv,
-  Symbol$1 as dw,
-  arrayLikeKeys as dx,
-  baseKeys as dy,
-  memoize as dz,
+  timeFriday as d0,
+  timeThursday as d1,
+  timeWednesday as d2,
+  timeTuesday as d3,
+  timeMonday as d4,
+  timeDay as d5,
+  timeHour as d6,
+  timeMinute as d7,
+  second as d8,
+  millisecond as d9,
+  copyObject as dA,
+  getPrototype as dB,
+  cloneArrayBuffer as dC,
+  cloneTypedArray as dD,
+  getTag$1 as dE,
+  nodeUtil as dF,
+  copyArray as dG,
+  isBuffer$1 as dH,
+  cloneBuffer as dI,
+  initCloneObject as dJ,
+  Stack as dK,
+  MapCache as dL,
+  Uint8Array$1 as dM,
+  isTypedArray$1 as dN,
+  isLength$1 as dO,
+  Set$1 as dP,
+  createAssigner as dQ,
+  isPrototype as dR,
+  router as dS,
+  isObject$2 as da,
+  isIterateeCall$1 as db,
+  keysIn as dc,
+  eq as dd,
+  isArrayLike$1 as de,
+  isArray$1 as df,
+  identity$1 as dg,
+  isIndex$1 as dh,
+  assignValue as di,
+  format as dj,
+  styles2String as dk,
+  isLabelStyle as dl,
+  setToString as dm,
+  overRest as dn,
+  baseFor as dp,
+  baseAssignValue as dq,
+  baseUnary as dr,
+  merge$1 as ds,
+  isObjectLike$1 as dt,
+  baseGetTag as du,
+  Symbol$1 as dv,
+  arrayLikeKeys as dw,
+  baseKeys as dx,
+  memoize as dy,
+  isArguments$1 as dz,
   ifNotIn as e,
   foldNodeProp as f,
   completeFromList as g,