@band-app/server 0.27.0 → 0.27.2

package/dist/server/assets/{router-BSilWMbB.js → router-CR-9ZnLb.js}

@@ -1226,7 +1226,7 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1r = [
+const __iconNode$1s = [
   [
     "path",
     {
@@ -1235,45 +1235,45 @@ const __iconNode$1r = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$1r);
-const __iconNode$1q = [
+const Activity = createLucideIcon("activity", __iconNode$1s);
+const __iconNode$1r = [
   ["path", { d: "M12 17V3", key: "1cwfxf" }],
   ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
   ["path", { d: "M19 21H5", key: "150jfl" }]
 ];
-const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1q);
-const __iconNode$1p = [
+const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1r);
+const __iconNode$1q = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1p);
-const __iconNode$1o = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1q);
+const __iconNode$1p = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1o);
-const __iconNode$1n = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1p);
+const __iconNode$1o = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1n);
-const __iconNode$1m = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1o);
+const __iconNode$1n = [
   ["path", { d: "m18 9-6-6-6 6", key: "kcunyi" }],
   ["path", { d: "M12 3v14", key: "7cf3v8" }],
   ["path", { d: "M5 21h14", key: "11awu3" }]
 ];
-const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1m);
-const __iconNode$1l = [
+const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1n);
+const __iconNode$1m = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1l);
-const __iconNode$1k = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1m);
+const __iconNode$1l = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$1k);
-const __iconNode$1j = [
+const Ban = createLucideIcon("ban", __iconNode$1l);
+const __iconNode$1k = [
   ["path", { d: "M12 8V4H8", key: "hb8ula" }],
   ["rect", { width: "16", height: "12", x: "4", y: "8", rx: "2", key: "enze0r" }],
   ["path", { d: "M2 14h2", key: "vft8re" }],
@@ -1281,77 +1281,77 @@ const __iconNode$1j = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1j);
-const __iconNode$1i = [
+const Bot = createLucideIcon("bot", __iconNode$1k);
+const __iconNode$1j = [
   ["path", { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", key: "d5nyq2" }],
   ["path", { d: "M22 9v7", key: "pvm9v3" }],
   ["path", { d: "M3.304 13h6.392", key: "1q3zxz" }],
   ["circle", { cx: "18.5", cy: "12.5", r: "3.5", key: "z97x68" }]
 ];
-const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1i);
-const __iconNode$1h = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1j);
+const __iconNode$1i = [
   ["path", { d: "M3 3v16a2 2 0 0 0 2 2h16", key: "c24i48" }],
   ["path", { d: "M18 17V9", key: "2bz60n" }],
   ["path", { d: "M13 17V5", key: "1frdt8" }],
   ["path", { d: "M8 17v-3", key: "17ska0" }]
 ];
-const ChartColumn = createLucideIcon("chart-column", __iconNode$1h);
-const __iconNode$1g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1g);
-const __iconNode$1f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1e);
-const __iconNode$1d = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1d);
-const __iconNode$1c = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1c);
-const __iconNode$1b = [
+const ChartColumn = createLucideIcon("chart-column", __iconNode$1i);
+const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1h);
+const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
+const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
+const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
+const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
+const __iconNode$1c = [
   ["path", { d: "m7 20 5-5 5 5", key: "13a0gw" }],
   ["path", { d: "m7 4 5 5 5-5", key: "1kwcof" }]
 ];
-const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1b);
-const __iconNode$1a = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1c);
+const __iconNode$1b = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1a);
-const __iconNode$19 = [
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1b);
+const __iconNode$1a = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$19);
-const __iconNode$18 = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1a);
+const __iconNode$19 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$18);
-const __iconNode$17 = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$19);
+const __iconNode$18 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$17);
-const __iconNode$16 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$16);
-const __iconNode$15 = [
+const CircleX = createLucideIcon("circle-x", __iconNode$18);
+const __iconNode$17 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$17);
+const __iconNode$16 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2v-2", key: "4jdomd" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v4", key: "3hqy98" }],
   ["path", { d: "M21 14H11", key: "1bme5i" }],
   ["path", { d: "m15 10-4 4 4 4", key: "5dvupr" }]
 ];
-const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$15);
-const __iconNode$14 = [
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$16);
+const __iconNode$15 = [
   ["path", { d: "M11 14h10", key: "1w8e9d" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v1.344", key: "1e62lh" }],
   ["path", { d: "m17 18 4-4-4-4", key: "z2g111" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113", key: "bjbb7m" }],
   ["rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", key: "ublpy" }]
 ];
-const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$14);
-const __iconNode$13 = [
+const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$15);
+const __iconNode$14 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1361,53 +1361,53 @@ const __iconNode$13 = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$13);
-const __iconNode$12 = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$14);
+const __iconNode$13 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$12);
-const __iconNode$11 = [
+const Clock = createLucideIcon("clock", __iconNode$13);
+const __iconNode$12 = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$11);
-const __iconNode$10 = [
+const CodeXml = createLucideIcon("code-xml", __iconNode$12);
+const __iconNode$11 = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$10);
-const __iconNode$$ = [
+const Code = createLucideIcon("code", __iconNode$11);
+const __iconNode$10 = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns2 = createLucideIcon("columns-2", __iconNode$$);
-const __iconNode$_ = [
+const Columns2 = createLucideIcon("columns-2", __iconNode$10);
+const __iconNode$$ = [
   [
     "path",
     { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3", key: "11bfej" }
   ]
 ];
-const Command$1 = createLucideIcon("command", __iconNode$_);
-const __iconNode$Z = [
+const Command$1 = createLucideIcon("command", __iconNode$$);
+const __iconNode$_ = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$Z);
-const __iconNode$Y = [
+const Copy = createLucideIcon("copy", __iconNode$_);
+const __iconNode$Z = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$Y);
-const __iconNode$X = [
+const Download = createLucideIcon("download", __iconNode$Z);
+const __iconNode$Y = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$X);
-const __iconNode$W = [
+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" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -1417,14 +1417,14 @@ const __iconNode$W = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$W);
-const __iconNode$V = [
+const Expand = createLucideIcon("expand", __iconNode$X);
+const __iconNode$W = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "M10 14 21 3", key: "gplh6r" }],
   ["path", { d: "M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6", key: "a6xqqp" }]
 ];
-const ExternalLink$1 = createLucideIcon("external-link", __iconNode$V);
-const __iconNode$U = [
+const ExternalLink$1 = createLucideIcon("external-link", __iconNode$W);
+const __iconNode$V = [
   [
     "path",
     {
@@ -1434,8 +1434,8 @@ const __iconNode$U = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$U);
-const __iconNode$T = [
+const Eye = createLucideIcon("eye", __iconNode$V);
+const __iconNode$U = [
   [
     "path",
     {
@@ -1446,8 +1446,8 @@ const __iconNode$T = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$T);
-const __iconNode$S = [
+const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$U);
+const __iconNode$T = [
   [
     "path",
     {
@@ -1459,8 +1459,8 @@ const __iconNode$S = [
   ["path", { d: "M2 15h10", key: "jfw4w8" }],
   ["path", { d: "m9 18 3-3-3-3", key: "112psh" }]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$S);
-const __iconNode$R = [
+const FileInput = createLucideIcon("file-input", __iconNode$T);
+const __iconNode$S = [
   [
     "path",
     {
@@ -1472,8 +1472,8 @@ const __iconNode$R = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$R);
-const __iconNode$Q = [
+const FilePlus = createLucideIcon("file-plus", __iconNode$S);
+const __iconNode$R = [
   [
     "path",
     {
@@ -1486,8 +1486,8 @@ const __iconNode$Q = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$Q);
-const __iconNode$P = [
+const FileText = createLucideIcon("file-text", __iconNode$R);
+const __iconNode$Q = [
   [
     "path",
     {
@@ -1497,8 +1497,8 @@ const __iconNode$P = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$P);
-const __iconNode$O = [
+const File$1 = createLucideIcon("file", __iconNode$Q);
+const __iconNode$P = [
   [
     "path",
     {
@@ -1507,8 +1507,8 @@ const __iconNode$O = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$O);
-const __iconNode$N = [
+const FolderOpen = createLucideIcon("folder-open", __iconNode$P);
+const __iconNode$O = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -1519,8 +1519,8 @@ const __iconNode$N = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$N);
-const __iconNode$M = [
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$O);
+const __iconNode$N = [
   [
     "path",
     {
@@ -1529,39 +1529,39 @@ const __iconNode$M = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$M);
-const __iconNode$L = [
+const Folder = createLucideIcon("folder", __iconNode$N);
+const __iconNode$M = [
   ["path", { d: "M15 6a9 9 0 0 0-9 9V3", key: "1cii5b" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$L);
-const __iconNode$K = [
+const GitBranch = createLucideIcon("git-branch", __iconNode$M);
+const __iconNode$L = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$K);
-const __iconNode$J = [
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$L);
+const __iconNode$K = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
   ["path", { d: "M11 18H8a2 2 0 0 1-2-2V9", key: "19pyzm" }]
 ];
-const GitCompare = createLucideIcon("git-compare", __iconNode$J);
-const __iconNode$I = [
+const GitCompare = createLucideIcon("git-compare", __iconNode$K);
+const __iconNode$J = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
 ];
-const GitMerge = createLucideIcon("git-merge", __iconNode$I);
-const __iconNode$H = [
+const GitMerge = createLucideIcon("git-merge", __iconNode$J);
+const __iconNode$I = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$H);
-const __iconNode$G = [
+const Globe = createLucideIcon("globe", __iconNode$I);
+const __iconNode$H = [
   ["circle", { cx: "12", cy: "9", r: "1", key: "124mty" }],
   ["circle", { cx: "19", cy: "9", r: "1", key: "1ruzo2" }],
   ["circle", { cx: "5", cy: "9", r: "1", key: "1a8b28" }],
@@ -1569,8 +1569,8 @@ const __iconNode$G = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$G);
-const __iconNode$F = [
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$H);
+const __iconNode$G = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -1580,8 +1580,8 @@ const __iconNode$F = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$F);
-const __iconNode$E = [
+const House = createLucideIcon("house", __iconNode$G);
+const __iconNode$F = [
   ["line", { x1: "2", x2: "22", y1: "2", y2: "22", key: "a6p6uj" }],
   ["path", { d: "M10.41 10.41a2 2 0 1 1-2.83-2.83", key: "1bzlo9" }],
   ["line", { x1: "13.5", x2: "6", y1: "13.5", y2: "21", key: "1q0aeu" }],
@@ -1595,31 +1595,31 @@ const __iconNode$E = [
   ],
   ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
 ];
-const ImageOff = createLucideIcon("image-off", __iconNode$E);
-const __iconNode$D = [
+const ImageOff = createLucideIcon("image-off", __iconNode$F);
+const __iconNode$E = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 16v-4", key: "1dtifu" }],
   ["path", { d: "M12 8h.01", key: "e9boi3" }]
 ];
-const Info$1 = createLucideIcon("info", __iconNode$D);
-const __iconNode$C = [
+const Info$1 = createLucideIcon("info", __iconNode$E);
+const __iconNode$D = [
   ["path", { d: "M16 5H3", key: "m91uny" }],
   ["path", { d: "M11 12H3", key: "51ecnj" }],
   ["path", { d: "M16 19H3", key: "zzsher" }],
   ["path", { d: "M21 12h-6", key: "bt1uis" }]
 ];
-const ListMinus = createLucideIcon("list-minus", __iconNode$C);
-const __iconNode$B = [
+const ListMinus = createLucideIcon("list-minus", __iconNode$D);
+const __iconNode$C = [
   ["path", { d: "M13 5h8", key: "a7qcls" }],
   ["path", { d: "M13 12h8", key: "h98zly" }],
   ["path", { d: "M13 19h8", key: "c3s6r1" }],
   ["path", { d: "m3 17 2 2 4-4", key: "1jhpwq" }],
   ["rect", { x: "3", y: "4", width: "6", height: "6", rx: "1", key: "cif1o7" }]
 ];
-const ListTodo = createLucideIcon("list-todo", __iconNode$B);
-const __iconNode$A = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$A);
-const __iconNode$z = [
+const ListTodo = createLucideIcon("list-todo", __iconNode$C);
+const __iconNode$B = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$B);
+const __iconNode$A = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -1629,15 +1629,15 @@ const __iconNode$z = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$z);
-const __iconNode$y = [
+const Loader = createLucideIcon("loader", __iconNode$A);
+const __iconNode$z = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$y);
-const __iconNode$x = [
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$z);
+const __iconNode$y = [
   [
     "path",
     {
@@ -1646,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" }]
@@ -14184,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 }) })
     }
   );
 }
@@ -14267,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: {
@@ -14366,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
@@ -14429,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 },
@@ -14782,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",
@@ -14797,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
@@ -14811,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();
@@ -14848,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,
       {
@@ -15060,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
@@ -15122,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
@@ -15166,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
@@ -15292,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
@@ -15419,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
       ),
@@ -15547,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,
@@ -42829,53 +42845,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-Bqv1Yqbp.js").then((m2) => m2.javascript());
+        return import("./index-BO8SzaHU.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-Bqv1Yqbp.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-BO8SzaHU.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-Bqv1Yqbp.js").then(
+        return import("./index-BO8SzaHU.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-Bqv1Yqbp.js").then(
+        return import("./index-BO8SzaHU.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-CyY0UzHL.js").then((m2) => m2.python());
+        return import("./index-C9huWiJ-.js").then((m2) => m2.python());
       case "html":
-        return import("./index-BUCj1Yl_.js").then((m2) => m2.html());
+        return import("./index-BfY0gR9U.js").then((m2) => m2.html());
       case "css":
-        return import("./index-oLF27Nfu.js").then((m2) => m2.css());
+        return import("./index-BaRsZ-GG.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-Bcu0C2js.js").then((m2) => m2.sass());
+        return import("./index-DG7cMtrE.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-IM5Lznch.js").then((m2) => m2.less());
+        return import("./index-CWreRmYM.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-CF9A2ZU-.js").then((m2) => m2.json());
+        return import("./index-Bn2w4FXC.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-CGqMcWZv.js").then((m2) => m2.markdown());
+        return import("./index-B4Nb7YRL.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-BIn7ueGd.js").then((m2) => m2.xml());
+        return import("./index-DtBrHSR6.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-DEYBFbnW.js").then((m2) => m2.yaml());
+        return import("./index-DL8Aq-MC.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-YfWUTx8U.js").then((m2) => m2.sql());
+        return import("./index-BOujpirM.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-D3oif9Da.js").then((m2) => m2.rust());
+        return import("./index-Cwo9DINN.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-B_uZBCQp.js").then((m2) => m2.go());
+        return import("./index-BkzW7_Ky.js").then((m2) => m2.go());
       case "java":
-        return import("./index-Ch5w2qx-.js").then((m2) => m2.java());
+        return import("./index-DGLaWKzg.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-Ch5w2qx-.js").then((m2) => m2.java());
+        return import("./index-DGLaWKzg.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-DXfbzq6y.js").then((m2) => m2.cpp());
+        return import("./index-CoXEmnej.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-Cuy6v4sQ.js").then((m2) => m2.php());
+        return import("./index-Cf9HnAif.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -43915,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
@@ -49327,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 })
     }
   );
@@ -60205,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) }) }),
@@ -65231,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;
@@ -65301,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 }
         })
       );
     });
@@ -65354,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++;
@@ -65362,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
   });
@@ -65479,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
@@ -68097,13 +68122,12 @@ function NavControls({
     ] })
   ] });
 }
-function SidebarTitleBar({ sidebarVisible, offsetClass, ...nav2 }) {
+function SidebarTitleBar() {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "div",
     {
-      className: `h-[38px] shrink-0 flex items-center gap-0.5 border-b border-border bg-sidebar pr-2 ${offsetClass}`,
-      style: DRAG_STYLE,
-      children: sidebarVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { sidebarVisible, ...nav2 })
+      className: "h-[38px] shrink-0 flex items-center border-b border-border bg-sidebar",
+      style: DRAG_STYLE
     }
   );
 }
@@ -68115,10 +68139,7 @@ function WorkspaceTitleBar({
   onWorkspaceNameClick,
   panelItems,
   hiddenPanels,
-  onTogglePanelVisibility,
-  sidebarVisible,
-  offsetClass,
-  ...nav2
+  onTogglePanelVisibility
 }) {
   const [appTitle, setAppTitle] = reactExports.useState(title ?? "Band");
   reactExports.useEffect(() => {
@@ -68132,11 +68153,10 @@ function WorkspaceTitleBar({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `h-[38px] shrink-0 flex items-center gap-1 border-b border-border bg-background pr-2 ${sidebarVisible ? "pl-2" : offsetClass}`,
+      className: "relative h-[38px] shrink-0 flex items-center gap-1 border-b border-border bg-background pr-2 pl-2",
       style: DRAG_STYLE,
       children: [
-        !sidebarVisible && /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { sidebarVisible, ...nav2 }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-1 items-center justify-center min-w-0 px-1", children: workspaceName ? onWorkspaceNameClick ? (
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-0 top-0 flex h-full items-center justify-center min-w-0 px-1 pointer-events-none", children: workspaceName ? onWorkspaceNameClick ? (
           // Interactive: clicking opens the workspace picker (mirrors the
           // mobile header). Lives inside the drag region, so it must reapply
           // NO_DRAG_STYLE and keep pointer events enabled, like the other
@@ -68165,41 +68185,48 @@ function WorkspaceTitleBar({
             ] })
           ] })
         ) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground select-none pointer-events-none truncate max-w-[50%]", children: workspaceName }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground select-none pointer-events-none", children: appTitle }) }),
-        (hasEditorPicker || hasPanels) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-1 pointer-events-auto", style: NO_DRAG_STYLE, children: [
-          hasEditorPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPicker, { workspacePath, onCopyPath }),
-          hasPanels && /* @__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-md p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelTop, { className: "size-5" })
-                }
-              ) }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "Switch Panel" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: panelItems?.map((item) => {
-              const Icon2 = item.icon;
-              const isVisible2 = !hiddenPanels?.includes(item.id);
-              return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                DropdownMenuCheckboxItem,
-                {
-                  checked: isVisible2,
-                  onCheckedChange: () => {
-                    onTogglePanelVisibility?.(item.id);
-                  },
-                  children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4" }),
-                    item.label,
-                    item.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuShortcut, { children: item.shortcut })
-                  ]
-                },
-                item.id
-              );
-            }) })
-          ] })
-        ] })
+        (hasEditorPicker || hasPanels) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "relative ml-auto flex shrink-0 items-center gap-1 pointer-events-auto",
+            style: NO_DRAG_STYLE,
+            children: [
+              hasEditorPicker && /* @__PURE__ */ jsxRuntimeExports.jsx(EditorPicker, { workspacePath, onCopyPath }),
+              hasPanels && /* @__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-md p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelTop, { className: "size-5" })
+                    }
+                  ) }) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", children: "Switch Panel" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: panelItems?.map((item) => {
+                  const Icon2 = item.icon;
+                  const isVisible2 = !hiddenPanels?.includes(item.id);
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                    DropdownMenuCheckboxItem,
+                    {
+                      checked: isVisible2,
+                      onCheckedChange: () => {
+                        onTogglePanelVisibility?.(item.id);
+                      },
+                      children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4" }),
+                        item.label,
+                        item.shortcut && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuShortcut, { children: item.shortcut })
+                      ]
+                    },
+                    item.id
+                  );
+                }) })
+              ] })
+            ]
+          }
+        )
       ]
     }
   );
@@ -83290,7 +83317,62 @@ function refreshEdgeGroupVisibility(api, forceVisible) {
     }
   }
 }
-function applyMaximizeEdgeVisibility(api, maximized) {
+const edgeAnimTimers = /* @__PURE__ */ new WeakMap();
+function attachSyncLayout(el, api) {
+  const observer = new ResizeObserver((entries2) => {
+    const rect2 = entries2[entries2.length - 1]?.contentRect;
+    if (!rect2) return;
+    api.layout(Math.round(rect2.width), Math.round(rect2.height));
+  });
+  observer.observe(el);
+  return () => observer.disconnect();
+}
+function prepareMaximizeRestoreAnimation(root2) {
+  if (!root2) return;
+  anchorHiddenGridViews(root2);
+  void root2.offsetWidth;
+}
+function anchorHiddenGridViews(root2) {
+  for (const sv of Array.from(
+    root2.querySelectorAll(".dv-branch-node > .dv-split-view-container")
+  )) {
+    if (sv.closest(".dv-content-container")) continue;
+    const horizontal = sv.classList.contains("dv-horizontal");
+    const views = Array.from(
+      sv.querySelectorAll(":scope > .dv-view-container > .dv-view")
+    );
+    let farEdge = 0;
+    for (const v2 of views) {
+      if (!v2.classList.contains("visible")) continue;
+      const start2 = Number.parseFloat(horizontal ? v2.style.left : v2.style.top) || 0;
+      const size2 = Number.parseFloat(horizontal ? v2.style.width : v2.style.height) || 0;
+      farEdge = Math.max(farEdge, start2 + size2);
+    }
+    let seenVisible = false;
+    for (const v2 of views) {
+      if (v2.classList.contains("visible")) {
+        seenVisible = true;
+        continue;
+      }
+      if (!seenVisible) continue;
+      if (horizontal) v2.style.left = `${farEdge}px`;
+      else v2.style.top = `${farEdge}px`;
+    }
+  }
+}
+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 {
@@ -83890,6 +83972,7 @@ function FileTabBar({
   onSaveUntitled,
   actions,
   treeCollapsed,
+  treeSide = "left",
   onToggleTree
 }) {
   const activeRef = reactExports.useRef(null);
@@ -83985,9 +84068,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: [
@@ -109547,7 +109631,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-X1-_bh6z.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-B-KIjXRR.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 }) })] }) });
@@ -109869,7 +109953,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-CX1H3heG.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-B7ZUN_Qp.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;
@@ -162040,12 +162124,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DNZS86ly.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-8RUa3xMj.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-qzfBNLDd.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-DJIkSye6.js"), "loader")
       }
     ]
   ]);
@@ -162484,7 +162568,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-BU-dO_db.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-BgCS3qmn.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -162501,7 +162585,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-B1dpItw0.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CGQvsM8y.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -162524,7 +162608,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-B1dpItw0.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CGQvsM8y.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -162538,7 +162622,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DnkGfUio.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-C8BE13tX.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -162552,7 +162636,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BWi1KybI.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CTvj2CUF.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -162566,7 +162650,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CfB_h9HP.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CEYzmLyS.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -162580,7 +162664,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-LstCwT5M.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CanJ2UdU.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -162593,7 +162677,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CyhwaYTd.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-Dcjcisnd.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -162606,7 +162690,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-BRzFRm7k.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-PVZmGqa8.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -162620,7 +162704,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-CYgqsSC_.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-Bu3TCZ6_.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -162634,7 +162718,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-fJ6FCY2X.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-o3XZfWHL.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -162648,7 +162732,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-Y9h8QzpA.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-DLHwNIY3.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -162665,7 +162749,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-C6GK2Aoj.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-lqwd66j1.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -162682,7 +162766,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-C6GK2Aoj.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-lqwd66j1.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -162699,7 +162783,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-D9Xo5bg5.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-Doy5tRH0.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -162719,7 +162803,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BBj6Aiwx.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-C9UezhSz.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -162733,7 +162817,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-Bq4xdGvc.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-DHO36eI-.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -162800,7 +162884,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-B1dpItw0.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-CGQvsM8y.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -162814,7 +162898,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-oAS-tbgM.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-DQgqc0il.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -162828,7 +162912,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-OX1eekPS.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-abL0gs0k.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -162842,7 +162926,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-Cz8QJrE-.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-CVMwRab0.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -162856,7 +162940,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-DkGxRBc4.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-DJ9W5U5_.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -162870,7 +162954,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-CP1GoHeA.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-WsMSDccc.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -162883,7 +162967,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-diOF3OBK.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CDO-gP_F.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -162896,7 +162980,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-DCaPOrQR.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-4VOCVg9L.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -162910,7 +162994,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-CWzfFX__.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DTAYCIJW.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -162924,7 +163008,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-C6ImURyq.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-flj7QMtm.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -163931,24 +164015,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 {
   }
 }
@@ -163965,6 +164056,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;
@@ -163977,7 +164081,9 @@ function FileTreeToolbar({
   onNewFile,
   onNewFolder,
   onOpenFile,
-  onNewUntitled
+  onNewUntitled,
+  side,
+  onSetSide
 }) {
   const rootRef = reactExports.useRef(null);
   const [compact, setCompact] = reactExports.useState(false);
@@ -164008,10 +164114,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" }),
@@ -164146,6 +164253,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,
@@ -164296,7 +164419,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);
@@ -164305,7 +164428,7 @@ function CodeBrowserView({
     return () => {
       cancelled2 = true;
     };
-  }, [lspWsUrl, workspacePath, viewFilePath]);
+  }, [lspWsUrl, workspacePath, viewFilePath, workspaceId]);
   reactExports.useEffect(() => {
     return () => {
       if (lspWsUrl) releaseLspClient(lspWsUrl);
@@ -164568,20 +164691,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);
@@ -164590,7 +164715,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(() => {
@@ -164644,18 +164769,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;
@@ -164670,7 +164804,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;
@@ -164951,21 +165085,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 (layout["file-tree"] != null) {
-        saveFileTreeWidth(workspaceId, layout["file-tree"]);
+      if (!groupResized) {
+        treeWidthRef.current = size2.inPixels;
+        scheduleWidthPersist();
+        return;
+      }
+      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;
@@ -164986,6 +165174,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
@@ -165072,162 +165326,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)
     ) })
   );
 }
@@ -176613,6 +176817,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;
@@ -176633,6 +176839,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;
@@ -176643,7 +176863,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}`);
           }
@@ -176660,7 +176880,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;
@@ -177093,7 +177313,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,
@@ -178963,10 +179183,15 @@ function createEntry(terminalId, opts) {
         probeConnection();
       }
     };
+    const handleForeground = () => {
+      handleResume();
+      scheduleRepair();
+    };
     const handleVisibility = () => {
-      if (!document.hidden) handleResume();
+      if (!document.hidden) handleForeground();
     };
     window.addEventListener("online", handleResume);
+    window.addEventListener("focus", handleForeground);
     document.addEventListener("visibilitychange", handleVisibility);
     connect();
     term.onData((data) => {
@@ -179070,6 +179295,7 @@ function createEntry(terminalId, opts) {
       clearReconnectTimer();
       stopHeartbeat();
       window.removeEventListener("online", handleResume);
+      window.removeEventListener("focus", handleForeground);
       document.removeEventListener("visibilitychange", handleVisibility);
       themeObserver.disconnect();
       resizeObserver.disconnect();
@@ -179330,6 +179556,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;
@@ -179362,6 +179590,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;
@@ -179399,7 +179641,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",
@@ -202981,12 +203223,12 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-CwXOWGN4.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-C1qdx1Wr.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
 const DockviewBrowserContainer = reactExports.lazy(
-  () => import("./DockviewBrowserContainer-BjdfNGy8.js").then((m2) => ({
+  () => import("./DockviewBrowserContainer-Cwa58lvF.js").then((m2) => ({
     default: m2.DockviewBrowserContainer
   }))
 );
@@ -203197,9 +203439,13 @@ const MainGroupRightActions = reactExports.memo(function MainGroupRightActions2(
       {
         type: "button",
         "aria-label": label,
-        onClick: () => {
-          if (props.api.isMaximized()) props.api.exitMaximized();
-          else props.api.maximize();
+        onClick: (e3) => {
+          if (props.api.isMaximized()) {
+            prepareMaximizeRestoreAnimation(e3.currentTarget.closest(".dv-shell"));
+            props.api.exitMaximized();
+          } else {
+            props.api.maximize();
+          }
         },
         className: "inline-flex size-7 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
         children: /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-3.5" })
@@ -203488,6 +203734,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 } })
+        );
       }
     }),
     []
@@ -203629,11 +203889,18 @@ function SharedDockviewLayout() {
         const active = api.activeGroup;
         if (!active) return;
         if (active.api.location.type !== "grid") {
-          if (api.hasMaximizedGroup()) api.exitMaximizedGroup();
+          if (api.hasMaximizedGroup()) {
+            prepareMaximizeRestoreAnimation(containerRef.current);
+            api.exitMaximizedGroup();
+          }
           return;
         }
-        if (active.api.isMaximized()) active.api.exitMaximized();
-        else active.api.maximize();
+        if (active.api.isMaximized()) {
+          prepareMaximizeRestoreAnimation(containerRef.current);
+          active.api.exitMaximized();
+        } else {
+          active.api.maximize();
+        }
       }
     };
     window.addEventListener("keydown", handler, true);
@@ -203921,7 +204188,10 @@ function SharedDockviewLayout() {
         (e3) => {
           if (!initializedRef.current) return;
           if (inSaveLayoutToJSON) return;
-          applyMaximizeEdgeVisibility(event.api, !!e3.isMaximized);
+          applyMaximizeEdgeVisibility(event.api, !!e3.isMaximized, containerRef.current);
+          if (e3.isMaximized && containerRef.current) {
+            anchorHiddenGridViews(containerRef.current);
+          }
           const workspaceId = activeWorkspaceIdRef.current;
           if (!workspaceId) return;
           if (e3.isMaximized && !e3.group?.id) return;
@@ -203942,6 +204212,12 @@ function SharedDockviewLayout() {
     },
     [buildDefaultLayout, addMissingPanel]
   );
+  reactExports.useEffect(() => {
+    const el = containerRef.current;
+    const api = apiRef.current;
+    if (!el || !api) return;
+    return attachSyncLayout(el, api);
+  }, []);
   reactExports.useEffect(() => {
     const panel = apiRef.current?.getPanel("changes");
     if (!panel) return;
@@ -203955,6 +204231,9 @@ function SharedDockviewLayout() {
     if (activeState) {
       applyGroupActiveViewsToApi(api, activeState);
     }
+    if (api.hasMaximizedGroup()) {
+      prepareMaximizeRestoreAnimation(containerRef.current);
+    }
     applyMaximizedGroupToApi(api, activeState?.maximizedGroup);
     applyMaximizeEdgeVisibility(api, !!activeState?.maximizedGroup);
   }, [activeWorkspaceId]);
@@ -203978,17 +204257,6 @@ function SharedDockviewLayout() {
       }
     }
   }, [hiddenPanels, addMissingPanel]);
-  reactExports.useEffect(() => {
-    if (!apiRef.current || !containerRef.current) return;
-    const api = apiRef.current;
-    const el = containerRef.current;
-    requestAnimationFrame(() => {
-      const { clientWidth, clientHeight } = el;
-      if (clientWidth !== api.width || clientHeight !== api.height) {
-        api.layout(clientWidth, clientHeight);
-      }
-    });
-  }, []);
   reactExports.useEffect(() => {
     const api = apiRef.current;
     if (!api) return;
@@ -204217,6 +204485,12 @@ function useZoom() {
         e3.preventDefault();
         e3.stopPropagation();
         zoomOut();
+        return;
+      }
+      if (e3.shiftKey && e3.code === "Digit0") {
+        e3.preventDefault();
+        e3.stopPropagation();
+        zoomReset();
       }
     };
     window.addEventListener("keydown", handler, true);
@@ -204526,9 +204800,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) => {
@@ -204591,64 +204867,71 @@ function AppShell() {
   if (!useDesktopLayout) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {});
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    Ut$1,
-    {
-      orientation: "horizontal",
-      defaultLayout: sidebarDefaultLayout,
-      onLayoutChanged: handleSidebarLayoutChanged,
-      className: "h-full w-full",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          Yt$1,
-          {
-            id: "sidebar",
-            panelRef: sidebarPanelRef,
-            elementRef: sidebarElRef,
-            defaultSize: SIDEBAR_MIN_SIZE,
-            minSize: SIDEBAR_MIN_SIZE,
-            maxSize: SIDEBAR_MAX_SIZE,
-            collapsible: true,
-            collapsedSize: "0%",
-            onResize: handleSidebarResize,
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "div",
-              {
-                className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar",
-                "data-testid": "app-shell__sidebar",
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, { ...navControlProps, offsetClass: titleBarOffset }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
-                ]
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: `pointer-events-none absolute top-0 left-0 z-10 flex h-[38px] items-center ${titleBarOffset}`,
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(NavControls, { ...navControlProps })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      Ut$1,
+      {
+        orientation: "horizontal",
+        defaultLayout: sidebarDefaultLayout,
+        onLayoutChanged: handleSidebarLayoutChanged,
+        className: "h-full w-full",
+        children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
-            WorkspaceTitleBar,
+            Yt$1,
             {
-              ...navControlProps,
-              offsetClass: titleBarOffset,
-              workspaceName: activeWorkspaceId ?? void 0,
-              workspacePath: activeWorkspaceId ? workspacePath : void 0,
-              onCopyPath: activeWorkspaceId ? handleCopyPath : void 0,
-              onWorkspaceNameClick: activeWorkspaceId ? handleWorkspaceNameClick : void 0,
-              panelItems: activeWorkspaceId ? panelItems : void 0,
-              hiddenPanels: activeWorkspaceId ? hiddenPanels : void 0,
-              onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0
+              id: "sidebar",
+              panelRef: sidebarPanelRef,
+              elementRef: sidebarElRef,
+              defaultSize: SIDEBAR_MIN_SIZE,
+              minSize: SIDEBAR_MIN_SIZE,
+              maxSize: SIDEBAR_MAX_SIZE,
+              collapsible: true,
+              collapsedSize: "0%",
+              onResize: handleSidebarResize,
+              children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "div",
+                {
+                  className: "h-full flex flex-col overflow-hidden border-r border-border bg-sidebar",
+                  "data-testid": "app-shell__sidebar",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(SidebarTitleBar, {}),
+                    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DashboardShell, { hideTitleBar: true, bottomActions: /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarActionBar, {}) }) })
+                  ]
+                }
+              )
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden relative", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(SharedDockviewLayout, {}),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserHostBridge, {})
-          ] })
-        ] }) })
-      ]
-    }
-  ) }) }) });
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Qt$1, { className: "w-[3px] bg-transparent hover:bg-accent-foreground/20 active:bg-accent-foreground/30 transition-colors cursor-col-resize" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "main", elementRef: mainElRef, minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full flex flex-col min-w-0 overflow-hidden", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              WorkspaceTitleBar,
+              {
+                workspaceName: activeWorkspaceId ?? void 0,
+                workspacePath: activeWorkspaceId ? workspacePath : void 0,
+                onCopyPath: activeWorkspaceId ? handleCopyPath : void 0,
+                onWorkspaceNameClick: activeWorkspaceId ? handleWorkspaceNameClick : void 0,
+                panelItems: activeWorkspaceId ? panelItems : void 0,
+                hiddenPanels: activeWorkspaceId ? hiddenPanels : void 0,
+                onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex-1 min-h-0 min-w-0 overflow-hidden relative", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(SharedDockviewLayout, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserHostBridge, {})
+            ] })
+          ] }) })
+        ]
+      }
+    ) })
+  ] }) });
 }
 function RootLayout() {
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("html", { lang: "en", children: [
@@ -204668,12 +204951,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-Bm4xacwx.js");
+const $$splitComponentImporter$1 = () => import("./index-DnkAwjsP.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-BAO3HXDS.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-CREreypp.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-D89v3gxu.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-Du6uUhkr.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,