@band-app/server 0.36.0 → 0.37.0

package/dist/server/assets/{router-B261twKF.js → router-G1mE-O-Q.js}

@@ -1226,7 +1226,7 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1G = [
+const __iconNode$1D = [
   [
     "path",
     {
@@ -1235,45 +1235,40 @@ const __iconNode$1G = [
     }
   ]
 ];
-const Activity = createLucideIcon("activity", __iconNode$1G);
-const __iconNode$1F = [
+const Activity = createLucideIcon("activity", __iconNode$1D);
+const __iconNode$1C = [
   ["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$1F);
-const __iconNode$1E = [
+const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1C);
+const __iconNode$1B = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1E);
-const __iconNode$1D = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1B);
+const __iconNode$1A = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1D);
-const __iconNode$1C = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1A);
+const __iconNode$1z = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1C);
-const __iconNode$1B = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1z);
+const __iconNode$1y = [
   ["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$1B);
-const __iconNode$1A = [
-  ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
-  ["path", { d: "M12 19V5", key: "x0mq9r" }]
-];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1A);
-const __iconNode$1z = [
+const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1y);
+const __iconNode$1x = [
   ["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$1z);
-const __iconNode$1y = [
+const Ban = createLucideIcon("ban", __iconNode$1x);
+const __iconNode$1w = [
   ["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,8 +1276,8 @@ const __iconNode$1y = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1y);
-const __iconNode$1x = [
+const Bot = createLucideIcon("bot", __iconNode$1w);
+const __iconNode$1v = [
   ["path", { d: "M12 18V5", key: "adv99a" }],
   ["path", { d: "M15 13a4.17 4.17 0 0 1-3-4 4.17 4.17 0 0 1-3 4", key: "1e3is1" }],
   ["path", { d: "M17.598 6.5A3 3 0 1 0 12 5a3 3 0 1 0-5.598 1.5", key: "1gqd8o" }],
@@ -1292,56 +1287,56 @@ const __iconNode$1x = [
   ["path", { d: "M6 18a4 4 0 0 1-2-7.464", key: "k1g0md" }],
   ["path", { d: "M6.003 5.125a4 4 0 0 0-2.526 5.77", key: "q97ue3" }]
 ];
-const Brain = createLucideIcon("brain", __iconNode$1x);
-const __iconNode$1w = [
+const Brain = createLucideIcon("brain", __iconNode$1v);
+const __iconNode$1u = [
   ["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$1w);
-const __iconNode$1v = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1u);
+const __iconNode$1t = [
   ["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$1v);
-const __iconNode$1u = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1u);
-const __iconNode$1t = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1t);
-const __iconNode$1s = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1s);
-const __iconNode$1r = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1r);
-const __iconNode$1q = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1q);
-const __iconNode$1p = [
+const ChartColumn = createLucideIcon("chart-column", __iconNode$1t);
+const __iconNode$1s = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1s);
+const __iconNode$1r = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1r);
+const __iconNode$1q = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1q);
+const __iconNode$1p = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1p);
+const __iconNode$1o = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1o);
+const __iconNode$1n = [
   ["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$1p);
-const __iconNode$1o = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1n);
+const __iconNode$1m = [
   ["path", { d: "M10.88 21.94 15.46 14", key: "xkve6t" }],
   ["path", { d: "M21.17 8H12", key: "19dcdn" }],
   ["path", { d: "M3.95 6.06 8.54 14", key: "g8jz9m" }],
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["circle", { cx: "12", cy: "12", r: "4", key: "4exip2" }]
 ];
-const Chromium = createLucideIcon("chromium", __iconNode$1o);
-const __iconNode$1n = [
+const Chromium = createLucideIcon("chromium", __iconNode$1m);
+const __iconNode$1l = [
   ["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$1n);
-const __iconNode$1m = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1l);
+const __iconNode$1k = [
   ["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$1m);
-const __iconNode$1l = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1k);
+const __iconNode$1j = [
   ["path", { d: "M10.1 2.182a10 10 0 0 1 3.8 0", key: "5ilxe3" }],
   ["path", { d: "M13.9 21.818a10 10 0 0 1-3.8 0", key: "11zvb9" }],
   ["path", { d: "M17.609 3.721a10 10 0 0 1 2.69 2.7", key: "1iw5b2" }],
@@ -1351,42 +1346,42 @@ const __iconNode$1l = [
   ["path", { d: "M3.721 6.391a10 10 0 0 1 2.7-2.69", key: "1mcia2" }],
   ["path", { d: "M6.391 20.279a10 10 0 0 1-2.69-2.7", key: "1fvljs" }]
 ];
-const CircleDashed = createLucideIcon("circle-dashed", __iconNode$1l);
-const __iconNode$1k = [
+const CircleDashed = createLucideIcon("circle-dashed", __iconNode$1j);
+const __iconNode$1i = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M8 12h8", key: "1wcyev" }]
 ];
-const CircleMinus = createLucideIcon("circle-minus", __iconNode$1k);
-const __iconNode$1j = [
+const CircleMinus = createLucideIcon("circle-minus", __iconNode$1i);
+const __iconNode$1h = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "9", x2: "15", y1: "15", y2: "9", key: "1dfufj" }]
 ];
-const CircleSlash = createLucideIcon("circle-slash", __iconNode$1j);
-const __iconNode$1i = [
+const CircleSlash = createLucideIcon("circle-slash", __iconNode$1h);
+const __iconNode$1g = [
   ["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$1i);
-const __iconNode$1h = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$1h);
-const __iconNode$1g = [
+const CircleX = createLucideIcon("circle-x", __iconNode$1g);
+const __iconNode$1f = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$1f);
+const __iconNode$1e = [
   ["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$1g);
-const __iconNode$1f = [
+const ClipboardCopy = createLucideIcon("clipboard-copy", __iconNode$1e);
+const __iconNode$1d = [
   ["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$1f);
-const __iconNode$1e = [
+const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$1d);
+const __iconNode$1c = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1396,36 +1391,30 @@ const __iconNode$1e = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$1e);
-const __iconNode$1d = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$1c);
+const __iconNode$1b = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$1d);
-const __iconNode$1c = [
-  ["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$1c);
-const __iconNode$1b = [
+const Clock = createLucideIcon("clock", __iconNode$1b);
+const __iconNode$1a = [
   ["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$1b);
-const __iconNode$1a = [
+const Code = createLucideIcon("code", __iconNode$1a);
+const __iconNode$19 = [
   ["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$1a);
-const __iconNode$19 = [
+const Columns2 = createLucideIcon("columns-2", __iconNode$19);
+const __iconNode$18 = [
   [
     "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$19);
-const __iconNode$18 = [
+const Command$1 = createLucideIcon("command", __iconNode$18);
+const __iconNode$17 = [
   ["path", { d: "M12 2a10 10 0 1 0 10 10 4 4 0 0 1-5-5 4 4 0 0 1-5-5", key: "laymnq" }],
   ["path", { d: "M8.5 8.5v.01", key: "ue8clq" }],
   ["path", { d: "M16 15.5v.01", key: "14dtrp" }],
@@ -1433,31 +1422,36 @@ const __iconNode$18 = [
   ["path", { d: "M11 17v.01", key: "1hyl5a" }],
   ["path", { d: "M7 14v.01", key: "uct60s" }]
 ];
-const Cookie = createLucideIcon("cookie", __iconNode$18);
-const __iconNode$17 = [
+const Cookie = createLucideIcon("cookie", __iconNode$17);
+const __iconNode$16 = [
   ["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$17);
-const __iconNode$16 = [
+const Copy = createLucideIcon("copy", __iconNode$16);
+const __iconNode$15 = [
+  ["path", { d: "M20 4v7a4 4 0 0 1-4 4H4", key: "6o5b7l" }],
+  ["path", { d: "m9 10-5 5 5 5", key: "1kshq7" }]
+];
+const CornerDownLeft = createLucideIcon("corner-down-left", __iconNode$15);
+const __iconNode$14 = [
   ["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$16);
-const __iconNode$15 = [
+const Download = createLucideIcon("download", __iconNode$14);
+const __iconNode$13 = [
   ["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$15);
-const __iconNode$14 = [
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$13);
+const __iconNode$12 = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "19", cy: "12", r: "1", key: "1wjl8i" }],
   ["circle", { cx: "5", cy: "12", r: "1", key: "1pcz8c" }]
 ];
-const Ellipsis = createLucideIcon("ellipsis", __iconNode$14);
-const __iconNode$13 = [
+const Ellipsis = createLucideIcon("ellipsis", __iconNode$12);
+const __iconNode$11 = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -1467,14 +1461,14 @@ const __iconNode$13 = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$13);
-const __iconNode$12 = [
+const Expand = createLucideIcon("expand", __iconNode$11);
+const __iconNode$10 = [
   ["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$12);
-const __iconNode$11 = [
+const ExternalLink$1 = createLucideIcon("external-link", __iconNode$10);
+const __iconNode$$ = [
   [
     "path",
     {
@@ -1484,8 +1478,8 @@ const __iconNode$11 = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$11);
-const __iconNode$10 = [
+const Eye = createLucideIcon("eye", __iconNode$$);
+const __iconNode$_ = [
   [
     "path",
     {
@@ -1496,8 +1490,8 @@ const __iconNode$10 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$10);
-const __iconNode$$ = [
+const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$_);
+const __iconNode$Z = [
   [
     "path",
     {
@@ -1509,8 +1503,8 @@ const __iconNode$$ = [
   ["path", { d: "M2 15h10", key: "jfw4w8" }],
   ["path", { d: "m9 18 3-3-3-3", key: "112psh" }]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$$);
-const __iconNode$_ = [
+const FileInput = createLucideIcon("file-input", __iconNode$Z);
+const __iconNode$Y = [
   [
     "path",
     {
@@ -1522,8 +1516,8 @@ const __iconNode$_ = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$_);
-const __iconNode$Z = [
+const FilePlus = createLucideIcon("file-plus", __iconNode$Y);
+const __iconNode$X = [
   [
     "path",
     {
@@ -1533,8 +1527,8 @@ const __iconNode$Z = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File$1 = createLucideIcon("file", __iconNode$Z);
-const __iconNode$Y = [
+const File$1 = createLucideIcon("file", __iconNode$X);
+const __iconNode$W = [
   ["path", { d: "M2 12h6", key: "1wqiqv" }],
   ["path", { d: "M22 12h-6", key: "1eg9hc" }],
   ["path", { d: "M12 2v2", key: "tus03m" }],
@@ -1544,8 +1538,8 @@ const __iconNode$Y = [
   ["path", { d: "m19 9-3 3 3 3", key: "12ol22" }],
   ["path", { d: "m5 15 3-3-3-3", key: "1kdhjc" }]
 ];
-const FoldHorizontal = createLucideIcon("fold-horizontal", __iconNode$Y);
-const __iconNode$X = [
+const FoldHorizontal = createLucideIcon("fold-horizontal", __iconNode$W);
+const __iconNode$V = [
   [
     "path",
     {
@@ -1554,8 +1548,8 @@ const __iconNode$X = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$X);
-const __iconNode$W = [
+const FolderOpen = createLucideIcon("folder-open", __iconNode$V);
+const __iconNode$U = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -1566,8 +1560,8 @@ const __iconNode$W = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$W);
-const __iconNode$V = [
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$U);
+const __iconNode$T = [
   [
     "path",
     {
@@ -1576,40 +1570,40 @@ const __iconNode$V = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$V);
-const __iconNode$U = [
+const Folder = createLucideIcon("folder", __iconNode$T);
+const __iconNode$S = [
   ["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$U);
-const __iconNode$T = [
+const GitBranch = createLucideIcon("git-branch", __iconNode$S);
+const __iconNode$R = [
   ["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$T);
-const __iconNode$S = [
+const GitCompare = createLucideIcon("git-compare", __iconNode$R);
+const __iconNode$Q = [
   ["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$S);
-const __iconNode$R = [
+const GitMerge = createLucideIcon("git-merge", __iconNode$Q);
+const __iconNode$P = [
   ["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" }],
   ["line", { x1: "6", x2: "6", y1: "9", y2: "21", key: "rroup" }]
 ];
-const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$R);
-const __iconNode$Q = [
+const GitPullRequest = createLucideIcon("git-pull-request", __iconNode$P);
+const __iconNode$O = [
   ["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$Q);
-const __iconNode$P = [
+const Globe = createLucideIcon("globe", __iconNode$O);
+const __iconNode$N = [
   ["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" }],
@@ -1617,14 +1611,14 @@ const __iconNode$P = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$P);
-const __iconNode$O = [
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$N);
+const __iconNode$M = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M12 7v5l4 2", key: "1fdv2h" }]
 ];
-const History = createLucideIcon("history", __iconNode$O);
-const __iconNode$N = [
+const History = createLucideIcon("history", __iconNode$M);
+const __iconNode$L = [
   ["path", { d: "M15 21v-8a1 1 0 0 0-1-1h-4a1 1 0 0 0-1 1v8", key: "5wwlr5" }],
   [
     "path",
@@ -1634,8 +1628,8 @@ const __iconNode$N = [
     }
   ]
 ];
-const House = createLucideIcon("house", __iconNode$N);
-const __iconNode$M = [
+const House = createLucideIcon("house", __iconNode$L);
+const __iconNode$K = [
   ["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" }],
@@ -1649,42 +1643,42 @@ const __iconNode$M = [
   ],
   ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
 ];
-const ImageOff = createLucideIcon("image-off", __iconNode$M);
-const __iconNode$L = [
+const ImageOff = createLucideIcon("image-off", __iconNode$K);
+const __iconNode$J = [
   ["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$L);
-const __iconNode$K = [
+const Info$1 = createLucideIcon("info", __iconNode$J);
+const __iconNode$I = [
   ["path", { d: "M9 17H7A5 5 0 0 1 7 7h2", key: "8i5ue5" }],
   ["path", { d: "M15 7h2a5 5 0 1 1 0 10h-2", key: "1b9ql8" }],
   ["line", { x1: "8", x2: "16", y1: "12", y2: "12", key: "1jonct" }]
 ];
-const Link2 = createLucideIcon("link-2", __iconNode$K);
-const __iconNode$J = [
+const Link2 = createLucideIcon("link-2", __iconNode$I);
+const __iconNode$H = [
   ["path", { d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71", key: "1cjeqo" }],
   ["path", { d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71", key: "19qd67" }]
 ];
-const Link = createLucideIcon("link", __iconNode$J);
-const __iconNode$I = [
+const Link = createLucideIcon("link", __iconNode$H);
+const __iconNode$G = [
   ["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$I);
-const __iconNode$H = [
+const ListMinus = createLucideIcon("list-minus", __iconNode$G);
+const __iconNode$F = [
   ["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$H);
-const __iconNode$G = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$G);
-const __iconNode$F = [
+const ListTodo = createLucideIcon("list-todo", __iconNode$F);
+const __iconNode$E = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$E);
+const __iconNode$D = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -1694,15 +1688,15 @@ const __iconNode$F = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$F);
-const __iconNode$E = [
+const Loader = createLucideIcon("loader", __iconNode$D);
+const __iconNode$C = [
   ["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$E);
-const __iconNode$D = [
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$C);
+const __iconNode$B = [
   [
     "path",
     {
@@ -1711,37 +1705,27 @@ const __iconNode$D = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$D);
-const __iconNode$C = [
+const MessageSquare = createLucideIcon("message-square", __iconNode$B);
+const __iconNode$A = [
   ["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$C);
-const __iconNode$B = [["path", { d: "M5 12h14", key: "1ays0h" }]];
-const Minus = createLucideIcon("minus", __iconNode$B);
-const __iconNode$A = [
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$A);
+const __iconNode$z = [["path", { d: "M5 12h14", key: "1ays0h" }]];
+const Minus = createLucideIcon("minus", __iconNode$z);
+const __iconNode$y = [
   ["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$A);
-const __iconNode$z = [
+const PanelLeft = createLucideIcon("panel-left", __iconNode$y);
+const __iconNode$x = [
   ["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$z);
-const __iconNode$y = [
-  [
-    "path",
-    {
-      d: "m16 6-8.414 8.586a2 2 0 0 0 2.829 2.829l8.414-8.586a4 4 0 1 0-5.657-5.657l-8.379 8.551a6 6 0 1 0 8.485 8.485l8.379-8.551",
-      key: "1miecu"
-    }
-  ]
-];
-const Paperclip = createLucideIcon("paperclip", __iconNode$y);
-const __iconNode$x = [
+const PanelRight = createLucideIcon("panel-right", __iconNode$x);
+const __iconNode$w = [
   [
     "path",
     {
@@ -1751,8 +1735,8 @@ const __iconNode$x = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$x);
-const __iconNode$w = [
+const Pencil = createLucideIcon("pencil", __iconNode$w);
+const __iconNode$v = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   ["path", { d: "M15 9.34V7a1 1 0 0 1 1-1 2 2 0 0 0 0-4H7.89", key: "znwnzq" }],
   ["path", { d: "m2 2 20 20", key: "1ooewy" }],
@@ -1764,8 +1748,8 @@ const __iconNode$w = [
     }
   ]
 ];
-const PinOff = createLucideIcon("pin-off", __iconNode$w);
-const __iconNode$v = [
+const PinOff = createLucideIcon("pin-off", __iconNode$v);
+const __iconNode$u = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   [
     "path",
@@ -1775,8 +1759,8 @@ const __iconNode$v = [
     }
   ]
 ];
-const Pin = createLucideIcon("pin", __iconNode$v);
-const __iconNode$u = [
+const Pin = createLucideIcon("pin", __iconNode$u);
+const __iconNode$t = [
   [
     "path",
     {
@@ -1785,27 +1769,27 @@ const __iconNode$u = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$u);
-const __iconNode$t = [
+const Play = createLucideIcon("play", __iconNode$t);
+const __iconNode$s = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$t);
-const __iconNode$s = [
+const Plus = createLucideIcon("plus", __iconNode$s);
+const __iconNode$r = [
   ["path", { d: "M21 12a9 9 0 0 0-9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "14sxne" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }],
   ["path", { d: "M3 12a9 9 0 0 0 9 9 9.75 9.75 0 0 0 6.74-2.74L21 16", key: "1hlbsb" }],
   ["path", { d: "M16 16h5v5", key: "ccwih5" }]
 ];
-const RefreshCcw = createLucideIcon("refresh-ccw", __iconNode$s);
-const __iconNode$r = [
+const RefreshCcw = createLucideIcon("refresh-ccw", __iconNode$r);
+const __iconNode$q = [
   ["path", { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8", key: "v9h5vc" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }],
   ["path", { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16", key: "3uifl3" }],
   ["path", { d: "M8 16H3v5", key: "1cv678" }]
 ];
-const RefreshCw = createLucideIcon("refresh-cw", __iconNode$r);
-const __iconNode$q = [
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$q);
+const __iconNode$p = [
   ["path", { d: "M17 3v10", key: "15fgeh" }],
   ["path", { d: "m12.67 5.5 8.66 5", key: "1gpheq" }],
   ["path", { d: "m12.67 10.5 8.66-5", key: "1dkfa6" }],
@@ -1814,23 +1798,23 @@ const __iconNode$q = [
     { d: "M9 17a2 2 0 0 0-2-2H5a2 2 0 0 0-2 2v2a2 2 0 0 0 2 2h2a2 2 0 0 0 2-2v-2z", key: "swwfx4" }
   ]
 ];
-const Regex = createLucideIcon("regex", __iconNode$q);
-const __iconNode$p = [
+const Regex = createLucideIcon("regex", __iconNode$p);
+const __iconNode$o = [
   ["path", { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8", key: "1357e3" }],
   ["path", { d: "M3 3v5h5", key: "1xhq8a" }]
 ];
-const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$p);
-const __iconNode$o = [
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$o);
+const __iconNode$n = [
   ["path", { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8", key: "1p45f6" }],
   ["path", { d: "M21 3v5h-5", key: "1q7to0" }]
 ];
-const RotateCw = createLucideIcon("rotate-cw", __iconNode$o);
-const __iconNode$n = [
+const RotateCw = createLucideIcon("rotate-cw", __iconNode$n);
+const __iconNode$m = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 12h18", key: "1i2n21" }]
 ];
-const Rows2 = createLucideIcon("rows-2", __iconNode$n);
-const __iconNode$m = [
+const Rows2 = createLucideIcon("rows-2", __iconNode$m);
+const __iconNode$l = [
   [
     "path",
     {
@@ -1841,28 +1825,15 @@ const __iconNode$m = [
   ["path", { d: "M17 21v-7a1 1 0 0 0-1-1H8a1 1 0 0 0-1 1v7", key: "1ydtos" }],
   ["path", { d: "M7 3v4a1 1 0 0 0 1 1h7", key: "t51u73" }]
 ];
-const Save = createLucideIcon("save", __iconNode$m);
-const __iconNode$l = [
+const Save = createLucideIcon("save", __iconNode$l);
+const __iconNode$k = [
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M8.12 8.12 12 12", key: "1alkpv" }],
   ["path", { d: "M20 4 8.12 15.88", key: "xgtan2" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["path", { d: "M14.8 14.8 20 20", key: "ptml3r" }]
 ];
-const Scissors = createLucideIcon("scissors", __iconNode$l);
-const __iconNode$k = [
-  ["path", { d: "M15 12h-5", key: "r7krc0" }],
-  ["path", { d: "M15 8h-5", key: "1khuty" }],
-  ["path", { d: "M19 17V5a2 2 0 0 0-2-2H4", key: "zz82l3" }],
-  [
-    "path",
-    {
-      d: "M8 21h12a2 2 0 0 0 2-2v-1a1 1 0 0 0-1-1H11a1 1 0 0 0-1 1v1a2 2 0 1 1-4 0V5a2 2 0 1 0-4 0v2a1 1 0 0 0 1 1h3",
-      key: "1ph1d7"
-    }
-  ]
-];
-const ScrollText = createLucideIcon("scroll-text", __iconNode$k);
+const Scissors = createLucideIcon("scissors", __iconNode$k);
 const __iconNode$j = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
@@ -7782,7 +7753,7 @@ var Anchor2$1 = MenuAnchor;
 var Portal$3 = MenuPortal;
 var Content2$5 = MenuContent;
 var Group = MenuGroup;
-var Label$3 = MenuLabel;
+var Label$4 = MenuLabel;
 var Item2$2 = MenuItem;
 var CheckboxItem = MenuCheckboxItem;
 var RadioGroup = MenuRadioGroup;
@@ -7949,7 +7920,7 @@ var ContextMenuLabel$1 = reactExports.forwardRef(
   (props, forwardedRef) => {
     const { __scopeContextMenu, ...labelProps } = props;
     const menuScope = useMenuScope$1(__scopeContextMenu);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Label$3, { ...menuScope, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Label$4, { ...menuScope, ...labelProps, ref: forwardedRef });
   }
 );
 ContextMenuLabel$1.displayName = LABEL_NAME$2;
@@ -8204,7 +8175,7 @@ var DropdownMenuLabel$1 = reactExports.forwardRef(
   (props, forwardedRef) => {
     const { __scopeDropdownMenu, ...labelProps } = props;
     const menuScope = useMenuScope(__scopeDropdownMenu);
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(Label$3, { ...menuScope, ...labelProps, ref: forwardedRef });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(Label$4, { ...menuScope, ...labelProps, ref: forwardedRef });
   }
 );
 DropdownMenuLabel$1.displayName = LABEL_NAME$1;
@@ -8318,7 +8289,7 @@ var Sub2 = DropdownMenuSub$1;
 var SubTrigger2 = DropdownMenuSubTrigger$1;
 var SubContent2 = DropdownMenuSubContent$1;
 var NAME = "Label";
-var Label$2 = reactExports.forwardRef((props, forwardedRef) => {
+var Label$3 = reactExports.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Primitive.label,
     {
@@ -8333,8 +8304,8 @@ var Label$2 = reactExports.forwardRef((props, forwardedRef) => {
     }
   );
 });
-Label$2.displayName = NAME;
-var Root$2 = Label$2;
+Label$3.displayName = NAME;
+var Root$2 = Label$3;
 function clamp$2(value, [min2, max2]) {
   return Math.min(max2, Math.max(min2, value));
 }
@@ -14487,6 +14458,9 @@ function Input({ className, type: type2, ...props }) {
     }
   );
 }
+const POPPER_MAX_HEIGHT = "max-h-[min(var(--popper-max-height,100dvh),calc(var(--radix-popper-available-height)/var(--app-zoom,1)))]";
+const POPPER_MAX_WIDTH = "max-w-[calc(var(--radix-popper-available-width)/var(--app-zoom,1))]";
+const POPPER_TRIGGER_WIDTH = "min-w-[calc(var(--radix-popper-anchor-width)/var(--app-zoom,1))]";
 function Popover({ ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Root2$1, { "data-slot": "popover", ...props });
 }
@@ -14509,7 +14483,9 @@ function PopoverContent({
       align,
       sideOffset,
       className: cn$2(
-        "ease-out duration-150 z-50 w-72 origin-(--radix-popover-content-transform-origin) rounded-md border border-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) overflow-y-auto rounded-md border border-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",
+        POPPER_MAX_HEIGHT,
+        POPPER_MAX_WIDTH,
         className
       ),
       ...props
@@ -14932,10 +14908,10 @@ const DIALOG_CONTENT_VARIANTS = {
     "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:animate-in data-[state=open]:fade-in-0",
     // Mobile (< lg): bottom drawer
     "inset-x-0 bottom-0 w-full max-w-none rounded-t-2xl border border-b-0 p-6",
-    "max-h-[calc(100dvh-env(safe-area-inset-top)-1.5rem)]",
+    "max-h-[calc(100dvh/var(--app-zoom,1)-env(safe-area-inset-top)-1.5rem)]",
     "max-lg:data-[state=open]:slide-in-from-bottom max-lg:data-[state=closed]:slide-out-to-bottom",
     // Desktop (lg+): revert to the centred modal
-    "lg:inset-auto lg:top-[50%] lg:left-[50%] lg:bottom-auto lg:w-full lg:max-w-lg lg:max-h-[85vh] lg:translate-x-[-50%] lg:translate-y-[-50%] lg:rounded-lg lg:border-b",
+    "lg:inset-auto lg:top-[50%] lg:left-[50%] lg:bottom-auto lg:w-full lg:max-w-lg lg:max-h-[calc(85vh/var(--app-zoom,1))] lg:translate-x-[-50%] lg:translate-y-[-50%] lg:rounded-lg lg:border-b",
     "lg:data-[state=open]:zoom-in-95 lg:data-[state=closed]:zoom-out-95"
   ].join(" "),
   "command-palette": [
@@ -14951,13 +14927,13 @@ const DIALOG_CONTENT_VARIANTS = {
     // floats at `bottom: var(--kb-inset)` (keyboard height; 0 when closed) so
     // the input clears the on-screen keyboard — see `useKeyboardInset`.
     "inset-x-0 bottom-[var(--kb-inset,0px)] w-full max-w-none rounded-t-2xl border border-b-0",
-    "max-h-[calc(100dvh-var(--kb-inset,0px)-env(safe-area-inset-top)-1.5rem)]",
+    "max-h-[calc(100dvh/var(--app-zoom,1)-var(--kb-inset,0px)-env(safe-area-inset-top)-1.5rem)]",
     "max-lg:[&_[data-slot=command]]:flex-col-reverse",
     "max-lg:[&_[cmdk-input-wrapper]]:border-t max-lg:[&_[cmdk-input-wrapper]]:border-b-0",
     "max-lg:data-[state=open]:slide-in-from-bottom max-lg:data-[state=closed]:slide-out-to-bottom",
     // Desktop (lg+): anchored in the upper third by its TOP edge — no
     // `translate-y`, so the input never moves as the list grows downward.
-    "lg:inset-x-auto lg:bottom-auto lg:top-[12vh] lg:left-1/2 lg:w-full lg:max-w-lg lg:max-h-[70vh] lg:-translate-x-1/2 lg:rounded-lg lg:border"
+    "lg:inset-x-auto lg:bottom-auto lg:top-[calc(12vh/var(--app-zoom,1))] lg:left-1/2 lg:w-full lg:max-w-lg lg:max-h-[calc(70vh/var(--app-zoom,1))] lg:-translate-x-1/2 lg:rounded-lg lg:border"
   ].join(" ")
 };
 const keyboardInsetHolders = /* @__PURE__ */ new Set();
@@ -15219,7 +15195,8 @@ function ContextMenuContent({
         if (event.button === 2) event.stopPropagation();
       },
       className: cn$2(
-        "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 dark:text-neutral-50 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-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md dark:text-neutral-50 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",
+        POPPER_MAX_HEIGHT,
         className
       ),
       ...props
@@ -15281,7 +15258,9 @@ function ContextMenuSubContent({
     {
       "data-slot": "context-menu-sub-content",
       className: cn$2(
-        "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 dark:text-neutral-50 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-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg dark:text-neutral-50 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",
+        POPPER_MAX_HEIGHT,
+        POPPER_MAX_WIDTH,
         className
       ),
       ...props
@@ -15350,7 +15329,8 @@ function DropdownMenuContent({
       "data-slot": "dropdown-menu-content",
       sideOffset,
       className: cn$2(
-        "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 dark:text-neutral-50 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-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-md dark:text-neutral-50 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",
+        POPPER_MAX_HEIGHT,
         className
       ),
       ...props
@@ -15476,7 +15456,9 @@ function DropdownMenuSubContent({
     {
       "data-slot": "dropdown-menu-sub-content",
       className: cn$2(
-        "ease-out duration-150 z-50 max-h-(--radix-dropdown-menu-content-available-height) max-w-(--radix-dropdown-menu-content-available-width) 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-lg dark:text-neutral-50 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-x-hidden overflow-y-auto rounded-md border border-border bg-popover p-1 text-popover-foreground shadow-lg dark:text-neutral-50 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",
+        POPPER_MAX_HEIGHT,
+        POPPER_MAX_WIDTH,
         className
       ),
       ...props
@@ -15496,7 +15478,7 @@ function Textarea({ className, ...props }) {
     }
   );
 }
-function Label$1({ className, ...props }) {
+function Label$2({ className, ...props }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     Root$2,
     {
@@ -15603,7 +15585,8 @@ function SelectContent({
         // Mirror DropdownMenuContent so dropdowns and selects render
         // identically (popover surface, explicit border-border so the
         // outline doesn't fall back to currentColor).
-        "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",
+        "ease-out duration-150 relative z-50 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" && POPPER_MAX_HEIGHT,
         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
       ),
@@ -15612,10 +15595,7 @@ function SelectContent({
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         Viewport$1,
         {
-          className: cn$2(
-            "p-1",
-            position2 === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
-          ),
+          className: cn$2("p-1", position2 === "popper" && ["w-full", POPPER_TRIGGER_WIDTH]),
           children: children2
         }
       )
@@ -21022,7 +21002,7 @@ function AddProjectDialog({ open: open2, onOpenChange, defaultLabel }) {
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: "Add a folder to manage its workspaces. Git repositories enable branches and PRs; plain folders work too, with a single implicit workspace." })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 py-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "project-path", children: "Folder path" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "project-path", children: "Folder path" }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex gap-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Input,
@@ -32126,7 +32106,7 @@ function bindHandler(plugin22, handler) {
 }
 function computeHandlers(plugins2) {
   let result = /* @__PURE__ */ Object.create(null);
-  function record(type2) {
+  function record2(type2) {
     return result[type2] || (result[type2] = { observers: [], handlers: [] });
   }
   for (let plugin22 of plugins2) {
@@ -32135,19 +32115,19 @@ function computeHandlers(plugins2) {
       for (let type2 in handlers2) {
         let f2 = handlers2[type2];
         if (f2)
-          record(type2).handlers.push(bindHandler(plugin22.value, f2));
+          record2(type2).handlers.push(bindHandler(plugin22.value, f2));
       }
     if (observers2)
       for (let type2 in observers2) {
         let f2 = observers2[type2];
         if (f2)
-          record(type2).observers.push(bindHandler(plugin22.value, f2));
+          record2(type2).observers.push(bindHandler(plugin22.value, f2));
       }
   }
   for (let type2 in handlers$1)
-    record(type2).handlers.push(handlers$1[type2]);
+    record2(type2).handlers.push(handlers$1[type2]);
   for (let type2 in observers)
-    record(type2).observers.push(observers[type2]);
+    record2(type2).observers.push(observers[type2]);
   return result;
 }
 const PendingKeys = [
@@ -33996,15 +33976,15 @@ function findPosition({ total, ranges }, ratio) {
   }
 }
 function findFraction(structure, pos) {
-  let counted = 0;
+  let counted2 = 0;
   for (let { from: from2, to: to2 } of structure.ranges) {
     if (pos <= to2) {
-      counted += pos - from2;
+      counted2 += pos - from2;
       break;
     }
-    counted += to2 - from2;
+    counted2 += to2 - from2;
   }
-  return counted / structure.total;
+  return counted2 / structure.total;
 }
 function find$2(array2, f2) {
   for (let val of array2)
@@ -34676,8 +34656,8 @@ class DOMObserver {
     if (records.length)
       this.queue = [];
     let from2 = -1, to2 = -1, typeOver = false;
-    for (let record of records) {
-      let range2 = this.readMutation(record);
+    for (let record2 of records) {
+      let range2 = this.readMutation(record2);
       if (!range2)
         continue;
       if (range2.typeOver)
@@ -39961,7 +39941,7 @@ function getStyleTags(node2) {
   return rule || null;
 }
 const t$1 = Tag.define;
-const comment$5 = t$1(), name$1 = t$1(), typeName = t$1(name$1), propertyName = t$1(name$1), literal = t$1(), string$2 = t$1(literal), number$4 = t$1(literal), content$2 = t$1(), heading$3 = t$1(content$2), keyword = t$1(), operator = t$1(), punctuation$1 = t$1(), bracket = t$1(punctuation$1), meta = t$1();
+const comment$5 = t$1(), name$1 = t$1(), typeName = t$1(name$1), propertyName = t$1(name$1), literal = t$1(), string$2 = t$1(literal), number$5 = t$1(literal), content$2 = t$1(), heading$3 = t$1(content$2), keyword = t$1(), operator = t$1(), punctuation$1 = t$1(), bracket = t$1(punctuation$1), meta = t$1();
 const tags$2 = {
   /**
   A comment.
@@ -40042,15 +40022,15 @@ const tags$2 = {
   /**
   A number [literal](#highlight.tags.literal).
   */
-  number: number$4,
+  number: number$5,
   /**
   An integer [number](#highlight.tags.number) literal.
   */
-  integer: t$1(number$4),
+  integer: t$1(number$5),
   /**
   A floating-point [number](#highlight.tags.number) literal.
   */
-  float: t$1(number$4),
+  float: t$1(number$5),
   /**
   A boolean [literal](#highlight.tags.literal).
   */
@@ -46207,41 +46187,41 @@ async function loadLanguage(lang) {
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-DKZU081P.js").then((m2) => m2.python());
+        return import("./index-KTMc95HN.js").then((m2) => m2.python());
       case "html":
         return Promise.resolve().then(() => index$2).then((m2) => m2.html());
       case "css":
         return Promise.resolve().then(() => index$4).then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-C1sJw8Wd.js").then((m2) => m2.sass());
+        return import("./index-B-VeeFTd.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-CPWcRp4N.js").then((m2) => m2.less());
+        return import("./index-CklLNUhb.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-CvQ9Ebcc.js").then((m2) => m2.json());
+        return import("./index-CXm0C-yc.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
         return Promise.resolve().then(() => index$1).then((m2) => m2.markdown());
       case "xml":
-        return import("./index-BbZG02I3.js").then((m2) => m2.xml());
+        return import("./index-SeV-ZdZi.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-CGb2LUtT.js").then((m2) => m2.yaml());
+        return import("./index-dS3n7bt3.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-DYrcmtj8.js").then((m2) => m2.sql());
+        return import("./index-BmH5PL3t.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-Z2HsI7K-.js").then((m2) => m2.rust());
+        return import("./index-BQEmg9fY.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-BdUQ01QB.js").then((m2) => m2.go());
+        return import("./index-BVY32Ndh.js").then((m2) => m2.go());
       case "java":
-        return import("./index-BDjoQgaj.js").then((m2) => m2.java());
+        return import("./index-CoOBJObR.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-BDjoQgaj.js").then((m2) => m2.java());
+        return import("./index-CoOBJObR.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-BcHVcca2.js").then((m2) => m2.cpp());
+        return import("./index-DOtn1sP2.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-BuEcvcgH.js").then((m2) => m2.php());
+        return import("./index-BtAQWAP4.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -53349,10 +53329,10 @@ function renumberList(after, doc2, changes, offset2 = 0) {
   }
 }
 function normalizeIndent(content2, state2) {
-  let blank = /^[ \t]*/.exec(content2)[0].length;
-  if (!blank || state2.facet(indentUnit) != "	")
+  let blank2 = /^[ \t]*/.exec(content2)[0].length;
+  if (!blank2 || state2.facet(indentUnit) != "	")
     return content2;
-  let col = countColumn(content2, 4, blank);
+  let col = countColumn(content2, 4, blank2);
   let space2 = "";
   for (let i2 = col; i2 > 0; ) {
     if (i2 >= 4) {
@@ -53363,7 +53343,7 @@ function normalizeIndent(content2, state2) {
       i2--;
     }
   }
-  return space2 + content2.slice(blank);
+  return space2 + content2.slice(blank2);
 }
 const insertNewlineContinueMarkupCommand = (config2 = {}) => ({ state: state2, dispatch: dispatch2 }) => {
   let tree = syntaxTree(state2), { doc: doc2 } = state2;
@@ -54802,10 +54782,13 @@ class TableEditor {
     this.menu = { el: menu, close: close2 };
     host.appendChild(menu);
     const hostRect = host.getBoundingClientRect();
+    const scale = host.offsetWidth > 0 ? hostRect.width / host.offsetWidth : 1;
+    const hostWidth = host.offsetWidth;
     const width = menu.offsetWidth;
-    let left = (alignEnd ? anchor2.right - width : anchor2.left) - hostRect.left;
-    const top2 = anchor2.bottom - hostRect.top + 4;
-    if (left + width > hostRect.width - 8) left = Math.max(8, hostRect.width - width - 8);
+    let left = ((alignEnd ? anchor2.right : anchor2.left) - hostRect.left) / scale;
+    if (alignEnd) left -= width;
+    const top2 = (anchor2.bottom - hostRect.top) / scale + 4;
+    if (left + width > hostWidth - 8) left = Math.max(8, hostWidth - width - 8);
     menu.style.left = `${left}px`;
     menu.style.top = `${top2}px`;
     buttons.find((b2) => !b2.disabled)?.focus();
@@ -56543,17 +56526,17 @@ function CommandPaletteDialog({ open: open2, onOpenChange, commands }) {
   ) });
 }
 const obstructions = /* @__PURE__ */ new Set();
-const listeners$3 = /* @__PURE__ */ new Set();
+const listeners$4 = /* @__PURE__ */ new Set();
 function changed() {
-  for (const listener2 of listeners$3) listener2();
+  for (const listener2 of listeners$4) listener2();
 }
 function toastObstructions() {
   return obstructions;
 }
 function subscribeToastObstructions(listener2) {
-  listeners$3.add(listener2);
+  listeners$4.add(listener2);
   return () => {
-    listeners$3.delete(listener2);
+    listeners$4.delete(listener2);
   };
 }
 function useToastObstruction() {
@@ -59712,11 +59695,11 @@ function useRect(element2, measure, fallbackRect2) {
       if (!element2) {
         return;
       }
-      for (const record of records) {
+      for (const record2 of records) {
         const {
           type: type2,
           target
-        } = record;
+        } = record2;
         if (type2 === "childList" && target instanceof HTMLElement && target.contains(element2)) {
           measureRect();
           break;
@@ -61957,7 +61940,7 @@ function NewWorkspaceDialog({ projectName, open: open2, onOpenChange }) {
       ] })
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "grid gap-3 py-4", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "branch-name", children: "Branch name" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "branch-name", children: "Branch name" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Input,
         {
@@ -61976,7 +61959,7 @@ function NewWorkspaceDialog({ projectName, open: open2, onOpenChange }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx("code", { children: slug })
       ] }),
       slugError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-destructive", children: slugError }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "base-branch", children: "Base branch (optional)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "base-branch", children: "Base branch (optional)" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Input,
         {
@@ -61989,7 +61972,7 @@ function NewWorkspaceDialog({ projectName, open: open2, onOpenChange }) {
           spellCheck: false
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "initial-prompt", children: "Initial prompt (optional)" }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "initial-prompt", children: "Initial prompt (optional)" }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(
         Textarea,
         {
@@ -62130,13 +62113,15 @@ function pullRequestTone(pr2, ciState) {
   }
 }
 const TONE_CLASS = {
-  failure: "text-red-600 dark:text-red-400",
-  pending: "text-yellow-700 dark:text-yellow-400",
-  success: "text-green-700 dark:text-green-400",
-  neutral: "text-muted-foreground",
-  merged: "text-violet-600 dark:text-violet-400",
-  closed: "text-muted-foreground line-through"
-};
+  failure: "text-red-600 border-red-600/40 bg-red-500/10 dark:text-red-400 dark:border-red-400/40",
+  pending: "text-yellow-700 border-yellow-600/50 bg-yellow-500/10 dark:text-yellow-400 dark:border-yellow-400/40",
+  success: "text-green-700 border-green-600/40 bg-green-500/10 dark:text-green-400 dark:border-green-400/40",
+  neutral: "text-muted-foreground border-border bg-muted/50",
+  merged: "text-violet-600 border-violet-600/40 bg-violet-500/10 dark:text-violet-400 dark:border-violet-400/40",
+  closed: "text-muted-foreground border-border bg-muted/50 line-through"
+};
+const TAG_CLASS = "inline-flex items-center rounded border px-1 py-px leading-none";
+const NUMBER_CLASS = `${TAG_CLASS} text-[11px] font-semibold tabular-nums`;
 function statusLabel(pr2, ciState) {
   if (pr2.state === "merged") return "Merged";
   if (pr2.state === "closed") return "Closed";
@@ -62198,7 +62183,7 @@ function PullRequestBadge({ pr: pr2, ciState, onOpenChecks }) {
         "aria-expanded": open2,
         "data-testid": "workspace-card__pr-badge",
         "data-tone": tone,
-        className: `shrink-0 rounded-sm px-0.5 text-[11px] font-semibold leading-none tabular-nums outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring ${TONE_CLASS[tone]}`,
+        className: `shrink-0 outline-none hover:underline focus-visible:ring-2 focus-visible:ring-ring ${NUMBER_CLASS} ${TONE_CLASS[tone]}`,
         onPointerEnter: (e3) => {
           if (e3.pointerType !== "touch") setOpenAfter(true, OPEN_DELAY_MS);
         },
@@ -62273,7 +62258,8 @@ function PullRequestBadge({ pr: pr2, ciState, onOpenChecks }) {
               "span",
               {
                 "data-testid": "pr-popover__number",
-                className: `font-semibold tabular-nums ${TONE_CLASS[tone]}`,
+                "data-tone": tone,
+                className: `${NUMBER_CLASS} ${TONE_CLASS[tone]}`,
                 children: [
                   "#",
                   pr2.number
@@ -62284,7 +62270,7 @@ function PullRequestBadge({ pr: pr2, ciState, onOpenChecks }) {
               "span",
               {
                 "data-testid": "pr-popover__draft",
-                className: "rounded-sm border border-border px-1 text-[10px] font-medium text-muted-foreground",
+                className: `${TAG_CLASS} border-border text-[10px] font-medium text-muted-foreground`,
                 children: "Draft"
               }
             ),
@@ -62693,11 +62679,11 @@ function SortableProject({
         }
       ),
       labels.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Sub3, { children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(SubTrigger3, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(SubTrigger3, { "data-testid": "project-list__action--set-label", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(Tag$1, {}),
           "Set label"
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Portal3, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SubContent3, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Portal3, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(SubContent3, { "data-testid": "project-list__label-submenu", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Item3, { onClick: () => updateProjectLabel(project.name, null), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "flex-1", children: "None" }),
             !project.label && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3" })
@@ -65126,44 +65112,6 @@ function useRestartTerminalDaemon() {
     }
   });
 }
-const EXPERIMENTAL_FLAG_KEYS = {
-  contextMeter: "band.experimental.context-meter"
-};
-function readFlag(key2) {
-  if (typeof window === "undefined") return false;
-  return window.localStorage.getItem(key2) === "true";
-}
-function writeFlag(key2, value) {
-  if (typeof window === "undefined") return;
-  window.localStorage.setItem(key2, value ? "true" : "false");
-  window.dispatchEvent(new CustomEvent("band:experimental-flag-change", { detail: { key: key2 } }));
-}
-function useExperimentalFlag(key2) {
-  const [enabled, setEnabled] = reactExports.useState(() => readFlag(key2));
-  reactExports.useEffect(() => {
-    const sync = (e3) => {
-      if (e3 instanceof CustomEvent && e3.detail?.key !== key2) return;
-      setEnabled(readFlag(key2));
-    };
-    window.addEventListener("band:experimental-flag-change", sync);
-    window.addEventListener("storage", sync);
-    return () => {
-      window.removeEventListener("band:experimental-flag-change", sync);
-      window.removeEventListener("storage", sync);
-    };
-  }, [key2]);
-  const set2 = reactExports.useCallback(
-    (value) => {
-      writeFlag(key2, value);
-      setEnabled(value);
-    },
-    [key2]
-  );
-  return [enabled, set2];
-}
-function useExperimentalContextMeter() {
-  return useExperimentalFlag(EXPERIMENTAL_FLAG_KEYS.contextMeter);
-}
 function RestartTerminalDaemonDialog({ open: open2, onOpenChange, onConfirm, busy }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: open2, onOpenChange: (next2) => !busy && onOpenChange(next2), children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     DialogContent,
@@ -65244,7 +65192,7 @@ function SettingsRow({
   className
 }) {
   const labelBlock = (label || description) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1 space-y-1", children: [
-    label ? /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor, className: "text-sm font-medium leading-tight text-foreground", children: label }) : null,
+    label ? /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor, className: "text-sm font-medium leading-tight text-foreground", children: label }) : null,
     description ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs leading-snug text-muted-foreground", children: description }) : null
   ] });
   if (variant === "stacked") {
@@ -65481,7 +65429,6 @@ function SettingsPage({ open: open2, onOpenChange }) {
     settings.usagePollingEnabled ?? true
   );
   const [agentModels, setAgentModels] = reactExports.useState({});
-  const [contextMeterEnabled, setContextMeterEnabled] = useExperimentalContextMeter();
   const adapter2 = useAdapter();
   const mergeAgentModels = reactExports.useCallback(
     (agentId, patch2) => setAgentModels((prev2) => ({
@@ -65706,7 +65653,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     DialogContent,
     {
       variant: "bottom-sheet",
-      className: "flex flex-col gap-0 overflow-hidden p-0 lg:h-[80vh] lg:max-w-2xl",
+      className: "flex flex-col gap-0 overflow-hidden p-0 lg:h-[calc(80vh/var(--app-zoom,1))] lg:max-w-2xl",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Settings" }) }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-6 px-6 pb-6", children: [
@@ -66025,22 +65972,6 @@ function SettingsPage({ open: open2, onOpenChange }) {
                     )
                   }
                 ),
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  SettingsRow,
-                  {
-                    htmlFor: "agents-context-meter",
-                    label: "Context window meter",
-                    description: "Show a context-usage donut next to the session-history button in the chat input. Token counting accuracy varies by agent — disable if numbers look wrong.",
-                    children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                      Switch,
-                      {
-                        id: "agents-context-meter",
-                        checked: contextMeterEnabled,
-                        onCheckedChange: setContextMeterEnabled
-                      }
-                    )
-                  }
-                ),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(Accordion, { type: "multiple", className: "w-full", children: KNOWN_AGENTS.map((known) => {
                   const agent = codingAgents.find((a2) => a2.type === known.type);
                   const enabled = !!agent;
@@ -66108,7 +66039,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
                         ] }),
                         /* @__PURE__ */ jsxRuntimeExports.jsxs(AccordionContent, { className: "space-y-2.5 px-4 pb-3 pl-11", children: [
                           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "Command" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { className: "text-xs text-muted-foreground", children: "Command" }),
                             /* @__PURE__ */ jsxRuntimeExports.jsx(
                               Input,
                               {
@@ -66126,7 +66057,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
                           ] }),
                           agent && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
                             /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-between gap-2", children: [
-                              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label$1, { className: "text-xs text-muted-foreground", children: [
+                              /* @__PURE__ */ jsxRuntimeExports.jsxs(Label$2, { className: "text-xs text-muted-foreground", children: [
                                 "Models ",
                                 models.length > 0 && `(${models.length})`
                               ] }),
@@ -66188,7 +66119,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
                             ] })
                           ] }),
                           agent && models.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-1", children: [
-                            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", children: "Default model" }),
+                            /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { className: "text-xs text-muted-foreground", children: "Default model" }),
                             /* @__PURE__ */ jsxRuntimeExports.jsxs(
                               Select,
                               {
@@ -66533,7 +66464,7 @@ function DashboardShell({
       if (!(e3.metaKey || e3.ctrlKey) || e3.altKey || e3.shiftKey) return;
       if (e3.key < "0" || e3.key > "9") return;
       const target = e3.target;
-      if (target) {
+      if (target && !e3.metaKey) {
         const tag2 = target.tagName;
         if (tag2 === "INPUT" || tag2 === "TEXTAREA" || tag2 === "SELECT" || target.isContentEditable) {
           return;
@@ -70324,7 +70255,7 @@ function ImagePreview$1({ src, alt }) {
           {
             src,
             alt,
-            className: "max-h-[70vh] max-w-full object-contain",
+            className: "max-h-[calc(70vh/var(--app-zoom,1))] max-w-full object-contain",
             onError: () => setError(true),
             onLoad: (e3) => {
               const img = e3.currentTarget;
@@ -71035,10 +70966,10 @@ function FileViewer({
     ] })
   );
 }
-function resolveRelativePath(dir, relative) {
+function resolveRelativePath(dir, relative2) {
   let decoded;
   try {
-    decoded = decodeURIComponent(relative);
+    decoded = decodeURIComponent(relative2);
   } catch {
     return null;
   }
@@ -78516,7 +78447,7 @@ function fixPrompt(branch, review, failing) {
     "Read the failing job logs (for example with `gh run view <run-id> --log-failed`), fix the causes, run the relevant checks locally, and push the fix."
   ].join("\n");
 }
-function useNow(ticking) {
+function useNow$1(ticking) {
   const [now2, setNow] = reactExports.useState(() => Date.now());
   reactExports.useEffect(() => {
     if (!ticking) return;
@@ -78535,7 +78466,7 @@ function ChecksSection({
 }) {
   const host = useClientPluginHost();
   const [open2, setOpen] = reactExports.useState(true);
-  const now2 = useNow(visible && open2 && checks2.checks.some(isCountingUp));
+  const now2 = useNow$1(visible && open2 && checks2.checks.some(isCountingUp));
   const [fixState, setFixState] = reactExports.useState("idle");
   const [fixError, setFixError] = reactExports.useState(null);
   if (checks2.checks.length === 0) {
@@ -79327,7 +79258,7 @@ function SectionHeader({
   actions,
   onViewAll
 }) {
-  const Chevron = collapsed ? ChevronRight : ChevronDown;
+  const Chevron2 = collapsed ? ChevronRight : ChevronDown;
   return (
     // The icon actions appear on hover or keyboard focus, as in VS Code, so a
     // narrow panel keeps room for the label; devices without hover always
@@ -79342,7 +79273,7 @@ function SectionHeader({
           "data-testid": "changes-section__toggle",
           className: "flex h-full min-w-0 flex-1 items-center gap-1 text-left text-[11px] font-semibold tracking-wide text-muted-foreground uppercase",
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron2, { className: "size-3.5 shrink-0" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: SECTION_LABELS[section] }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "span",
@@ -79675,7 +79606,7 @@ const CommitRow = reactExports.memo(function CommitRow2({
   const { commit } = row2;
   const visibleRefs = commit.refs.slice(0, 2);
   const hiddenRefs = commit.refs.slice(2);
-  const Chevron = expanded ? ChevronDown : ChevronRight;
+  const Chevron2 = expanded ? ChevronDown : ChevronRight;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "button",
     {
@@ -79690,7 +79621,7 @@ ${commit.sha.slice(0, 7)} · ${commit.author}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(CommitGraphSlice, { row: row2 }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-center gap-1", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { className: "size-3 shrink-0 text-muted-foreground" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron2, { className: "size-3 shrink-0 text-muted-foreground" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-foreground", children: commit.subject })
         ] }),
         commit.refs.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex shrink-0 items-center gap-1 overflow-hidden", children: [
@@ -79897,7 +79828,7 @@ function CommitsPanel({
     void reloadHistory();
   }, [collapsed, toggleCollapsed, refetchSignature, reloadHistory]);
   const count2 = rows.length;
-  const Chevron = collapsed ? ChevronRight : ChevronDown;
+  const Chevron2 = collapsed ? ChevronRight : ChevronDown;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative shrink-0 border-t border-border", "data-testid": "commits-panel", children: [
     !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx(
       "div",
@@ -79917,7 +79848,7 @@ function CommitsPanel({
           "data-testid": "commits-panel__toggle",
           className: "flex h-full min-w-0 flex-1 items-center gap-1 text-left text-[11px] font-semibold tracking-wide text-muted-foreground uppercase",
           children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { className: "size-3.5 shrink-0" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron2, { className: "size-3.5 shrink-0" }),
             /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "Commits" }),
             pages && /* @__PURE__ */ jsxRuntimeExports.jsxs(
               "span",
@@ -80147,7 +80078,7 @@ function CheckMark({ visible }) {
   return /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: visible ? "size-3.5" : "size-3.5 invisible" });
 }
 const states = /* @__PURE__ */ new Map();
-const listeners$2 = /* @__PURE__ */ new Map();
+const listeners$3 = /* @__PURE__ */ new Map();
 const EMPTY_STATE = Object.freeze({ openFilePath: null });
 function getPerWorkspaceState(workspaceId) {
   return states.get(workspaceId) ?? EMPTY_STATE;
@@ -80157,19 +80088,19 @@ function setPerWorkspaceState(workspaceId, patch2) {
   const next2 = { ...prev2, ...patch2 };
   if (prev2.currentFile === next2.currentFile && prev2.openFilePath === next2.openFilePath) return;
   states.set(workspaceId, next2);
-  const set2 = listeners$2.get(workspaceId);
+  const set2 = listeners$3.get(workspaceId);
   if (set2) for (const cb of set2) cb();
 }
 function subscribePerWorkspaceState(workspaceId, cb) {
-  let set2 = listeners$2.get(workspaceId);
+  let set2 = listeners$3.get(workspaceId);
   if (!set2) {
     set2 = /* @__PURE__ */ new Set();
-    listeners$2.set(workspaceId, set2);
+    listeners$3.set(workspaceId, set2);
   }
   set2.add(cb);
   return () => {
     set2?.delete(cb);
-    if (set2 && set2.size === 0) listeners$2.delete(workspaceId);
+    if (set2 && set2.size === 0) listeners$3.delete(workspaceId);
   };
 }
 function clearPerWorkspaceState(workspaceId) {
@@ -96344,10 +96275,11 @@ function createTerminalOutputQueue(write2) {
     flush() {
       if (state2.overflowed) return false;
       if (!pending$1.delete(state2)) return true;
-      const chunks = state2.chunks;
-      state2.chunks = [];
-      state2.bytes = 0;
-      for (const chunk of chunks) writeChunk(state2, chunk.data, chunk.callbacks);
+      while (canWriteForeground(state2)) writeForeground(state2);
+      if (state2.chunks.length > 0) {
+        foregroundPending.add(state2);
+        scheduleForegroundDrain();
+      }
       return true;
     },
     clear() {
@@ -96989,6 +96921,12 @@ function createEntry(terminalId, opts) {
     term.unicode.activeVersion = "11";
     const fit = new XFitAddon();
     term.loadAddon(fit);
+    let lastFitBox = null;
+    const fitToBox = () => {
+      fit.fit();
+      lastFitBox = liveContainer ? { width: liveContainer.clientWidth, height: liveContainer.clientHeight } : null;
+    };
+    const boxResizedSinceFit = () => !lastFitBox || !liveContainer || liveContainer.clientWidth !== lastFitBox.width || liveContainer.clientHeight !== lastFitBox.height;
     term.loadAddon(new XWebLinksAddon((_event, uri) => openExternalUrl(uri)));
     const fileLinkProviderDisposable = term.registerLinkProvider(
       createTerminalFileLinkProvider(term, (filename) => {
@@ -97406,7 +97344,7 @@ function createEntry(terminalId, opts) {
     };
     const fittedDims = () => {
       if (!attached || !hostIsVisible()) return null;
-      fit.fit();
+      fitToBox();
       if (term.cols <= 0 || term.rows <= 0) return null;
       return { cols: term.cols, rows: term.rows };
     };
@@ -97430,7 +97368,7 @@ function createEntry(terminalId, opts) {
       reconcileRafId = requestAnimationFrame(() => {
         reconcileRafId = null;
         if (!attached || !hostIsVisible()) return;
-        fit.fit();
+        fitToBox();
         sendPtyResize();
       });
     };
@@ -97454,7 +97392,7 @@ function createEntry(terminalId, opts) {
         webglAddon = null;
         attachWebGL();
       }
-      fit.fit();
+      fitToBox();
     };
     const handleDprChange = () => {
       const currentDpr = window.devicePixelRatio;
@@ -97473,7 +97411,8 @@ function createEntry(terminalId, opts) {
       }
       if (awaitingReplay) return;
       const dprChanged = handleDprChange();
-      if (!dprChanged) fit.fit();
+      if (!dprChanged && !boxResizedSinceFit()) return;
+      if (!dprChanged) fitToBox();
       sendPtyResize();
     });
     resizeObserver.observe(wrapper);
@@ -97499,12 +97438,13 @@ function createEntry(terminalId, opts) {
       if (!attached || !hostIsVisible()) return;
       const dprChanged = handleDprChange();
       if (!dprChanged) {
-        if (webglSuspect && useWebGL) {
+        const rebuild = webglSuspect && useWebGL;
+        if (rebuild) {
           webglAddon?.dispose();
           webglAddon = null;
           attachWebGL();
         }
-        fit.fit();
+        if (webglSuspect || boxResizedSinceFit()) fitToBox();
       }
       webglSuspect = false;
       if (term.rows > 0) term.refresh(0, term.rows - 1);
@@ -97582,7 +97522,15 @@ function createEntry(terminalId, opts) {
       scheduleParkingPass();
       if (attachOpts?.autoFocus) autoFocusPending = true;
       if (wrapper.parentElement !== container) container.appendChild(wrapper);
-      scheduleRepair();
+      if (hostIsVisible()) {
+        if (repairRafId !== null) {
+          cancelAnimationFrame(repairRafId);
+          repairRafId = null;
+        }
+        repairAndFit();
+      } else {
+        scheduleRepair();
+      }
     },
     detach() {
       if (destroyed) return;
@@ -97818,7 +97766,7 @@ function reconcileTerminalWorkspaces(validWorkspaceIds, activeWorkspaceId) {
 function hasTerminal(terminalId) {
   return getCache().has(terminalId);
 }
-const DEFAULT_OPTIONS = {
+const DEFAULT_OPTIONS$1 = {
   caseSensitive: false,
   wholeWord: false,
   regex: false
@@ -97826,7 +97774,7 @@ const DEFAULT_OPTIONS = {
 function useBrowserFindInPage(webview) {
   const [isOpen, setIsOpen] = reactExports.useState(false);
   const [query, setQuery] = reactExports.useState("");
-  const [options, setOptions] = reactExports.useState(DEFAULT_OPTIONS);
+  const [options, setOptions] = reactExports.useState(DEFAULT_OPTIONS$1);
   const [matchInfo, setMatchInfo] = reactExports.useState(null);
   const searchBarRef = reactExports.useRef(null);
   const webviewRef = reactExports.useRef(webview);
@@ -98080,13 +98028,13 @@ function useBrowserPaneControls(args) {
   };
 }
 let hosts = /* @__PURE__ */ new Set();
-const listeners$1 = /* @__PURE__ */ new Set();
+const listeners$2 = /* @__PURE__ */ new Set();
 let bootstrapped = false;
 function setHosts(updater) {
   const next2 = updater(hosts);
   if (next2 === hosts) return;
   hosts = next2;
-  for (const cb of listeners$1) cb();
+  for (const cb of listeners$2) cb();
 }
 function addHost(raw2) {
   const h2 = raw2.toLowerCase();
@@ -98114,18 +98062,18 @@ function bootstrap() {
     console.error("browser_get_overridden_hosts failed:", err);
   });
 }
-function subscribe(cb) {
+function subscribe$1(cb) {
   bootstrap();
-  listeners$1.add(cb);
+  listeners$2.add(cb);
   return () => {
-    listeners$1.delete(cb);
+    listeners$2.delete(cb);
   };
 }
 function getSnapshot() {
   return hosts;
 }
 function useOverriddenHosts() {
-  const currentHosts = reactExports.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
+  const currentHosts = reactExports.useSyncExternalStore(subscribe$1, getSnapshot, getSnapshot);
   const isOverriddenHost = reactExports.useCallback(
     (currentUrl) => {
       if (!currentUrl) return false;
@@ -100782,7 +100730,7 @@ let powers = 0;
 const boolean = increment();
 const booleanish = increment();
 const overloadedBoolean = increment();
-const number$3 = increment();
+const number$4 = increment();
 const spaceSeparated = increment();
 const commaSeparated = increment();
 const commaOrSpaceSeparated = increment();
@@ -100795,7 +100743,7 @@ const types$1 = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.definePrope
   booleanish,
   commaOrSpaceSeparated,
   commaSeparated,
-  number: number$3,
+  number: number$4,
   overloadedBoolean,
   spaceSeparated
 }, Symbol.toStringTag, { value: "Module" }));
@@ -100861,9 +100809,9 @@ const aria$1 = create$2({
     ariaAutoComplete: null,
     ariaBusy: booleanish,
     ariaChecked: booleanish,
-    ariaColCount: number$3,
-    ariaColIndex: number$3,
-    ariaColSpan: number$3,
+    ariaColCount: number$4,
+    ariaColIndex: number$4,
+    ariaColSpan: number$4,
     ariaControls: spaceSeparated,
     ariaCurrent: null,
     ariaDescribedBy: spaceSeparated,
@@ -100880,7 +100828,7 @@ const aria$1 = create$2({
     ariaKeyShortcuts: null,
     ariaLabel: null,
     ariaLabelledBy: spaceSeparated,
-    ariaLevel: number$3,
+    ariaLevel: number$4,
     ariaLive: null,
     ariaModal: booleanish,
     ariaMultiLine: booleanish,
@@ -100888,21 +100836,21 @@ const aria$1 = create$2({
     ariaOrientation: null,
     ariaOwns: spaceSeparated,
     ariaPlaceholder: null,
-    ariaPosInSet: number$3,
+    ariaPosInSet: number$4,
     ariaPressed: booleanish,
     ariaReadOnly: booleanish,
     ariaRelevant: null,
     ariaRequired: booleanish,
     ariaRoleDescription: spaceSeparated,
-    ariaRowCount: number$3,
-    ariaRowIndex: number$3,
-    ariaRowSpan: number$3,
+    ariaRowCount: number$4,
+    ariaRowIndex: number$4,
+    ariaRowSpan: number$4,
     ariaSelected: booleanish,
-    ariaSetSize: number$3,
+    ariaSetSize: number$4,
     ariaSort: null,
-    ariaValueMax: number$3,
-    ariaValueMin: number$3,
-    ariaValueNow: number$3,
+    ariaValueMax: number$4,
+    ariaValueMin: number$4,
+    ariaValueNow: number$4,
     ariaValueText: null,
     role: null
   },
@@ -100948,13 +100896,13 @@ const html$7 = create$2({
     checked: boolean,
     cite: null,
     className: spaceSeparated,
-    cols: number$3,
+    cols: number$4,
     colSpan: null,
     content: null,
     contentEditable: booleanish,
     controls: boolean,
     controlsList: spaceSeparated,
-    coords: number$3 | commaSeparated,
+    coords: number$4 | commaSeparated,
     crossOrigin: null,
     data: null,
     dateTime: null,
@@ -100976,9 +100924,9 @@ const html$7 = create$2({
     formNoValidate: boolean,
     formTarget: null,
     headers: spaceSeparated,
-    height: number$3,
+    height: number$4,
     hidden: overloadedBoolean,
-    high: number$3,
+    high: number$4,
     href: null,
     hrefLang: null,
     htmlFor: spaceSeparated,
@@ -101003,14 +100951,14 @@ const html$7 = create$2({
     list: null,
     loading: null,
     loop: boolean,
-    low: number$3,
+    low: number$4,
     manifest: null,
     max: null,
-    maxLength: number$3,
+    maxLength: number$4,
     media: null,
     method: null,
     min: null,
-    minLength: number$3,
+    minLength: number$4,
     multiple: boolean,
     muted: boolean,
     name: null,
@@ -101106,7 +101054,7 @@ const html$7 = create$2({
     onWaiting: null,
     onWheel: null,
     open: boolean,
-    optimum: number$3,
+    optimum: number$4,
     pattern: null,
     ping: spaceSeparated,
     placeholder: null,
@@ -101121,8 +101069,8 @@ const html$7 = create$2({
     rel: spaceSeparated,
     required: boolean,
     reversed: boolean,
-    rows: number$3,
-    rowSpan: number$3,
+    rows: number$4,
+    rowSpan: number$4,
     sandbox: spaceSeparated,
     scope: null,
     scoped: boolean,
@@ -101132,19 +101080,19 @@ const html$7 = create$2({
     shadowRootDelegatesFocus: boolean,
     shadowRootMode: null,
     shape: null,
-    size: number$3,
+    size: number$4,
     sizes: null,
     slot: null,
-    span: number$3,
+    span: number$4,
     spellCheck: booleanish,
     src: null,
     srcDoc: null,
     srcLang: null,
     srcSet: null,
-    start: number$3,
+    start: number$4,
     step: null,
     style: null,
-    tabIndex: number$3,
+    tabIndex: number$4,
     target: null,
     title: null,
     translate: null,
@@ -101152,7 +101100,7 @@ const html$7 = create$2({
     typeMustMatch: boolean,
     useMap: null,
     value: booleanish,
-    width: number$3,
+    width: number$4,
     wrap: null,
     writingSuggestions: null,
     // Legacy.
@@ -101169,11 +101117,11 @@ const html$7 = create$2({
     // `<body>`. Use CSS `background-image` instead
     bgColor: null,
     // `<body>` and table elements. Use CSS `background-color` instead
-    border: number$3,
+    border: number$4,
     // `<table>`. Use CSS `border-width` instead,
     borderColor: null,
     // `<table>`. Use CSS `border-color` instead,
-    bottomMargin: number$3,
+    bottomMargin: number$4,
     // `<body>`
     cellPadding: null,
     // `<table>`
@@ -101207,9 +101155,9 @@ const html$7 = create$2({
     // `<table>`
     frameBorder: null,
     // `<iframe>`. Use CSS `border` instead
-    hSpace: number$3,
+    hSpace: number$4,
     // `<img>` and `<object>`
-    leftMargin: number$3,
+    leftMargin: number$4,
     // `<body>`
     link: null,
     // `<body>`. Use CSS `a:link {color: *}` instead
@@ -101217,9 +101165,9 @@ const html$7 = create$2({
     // `<frame>`, `<iframe>`, and `<img>`. Use an `<a>`
     lowSrc: null,
     // `<img>`. Use a `<picture>`
-    marginHeight: number$3,
+    marginHeight: number$4,
     // `<body>`
-    marginWidth: number$3,
+    marginWidth: number$4,
     // `<body>`
     noResize: boolean,
     // `<frame>`
@@ -101237,7 +101185,7 @@ const html$7 = create$2({
     // `<isindex>`
     rev: null,
     // `<link>`
-    rightMargin: number$3,
+    rightMargin: number$4,
     // `<body>`
     rules: null,
     // `<table>`
@@ -101251,7 +101199,7 @@ const html$7 = create$2({
     // `<table>`
     text: null,
     // `<body>`. Use CSS `color` instead
-    topMargin: number$3,
+    topMargin: number$4,
     // `<body>`
     valueType: null,
     // `<param>`
@@ -101261,7 +101209,7 @@ const html$7 = create$2({
     // Several. Use CSS `vertical-align` instead
     vLink: null,
     // `<body>`. Use CSS `a:visited {color}` instead
-    vSpace: number$3,
+    vSpace: number$4,
     // `<img>` and `<object>`
     // Non-standard Properties.
     allowTransparency: null,
@@ -101271,7 +101219,7 @@ const html$7 = create$2({
     disableRemotePlayback: boolean,
     prefix: null,
     property: null,
-    results: number$3,
+    results: number$4,
     security: null,
     unselectable: null
   },
@@ -101456,27 +101404,27 @@ const svg$3 = create$2({
   },
   properties: {
     about: commaOrSpaceSeparated,
-    accentHeight: number$3,
+    accentHeight: number$4,
     accumulate: null,
     additive: null,
     alignmentBaseline: null,
-    alphabetic: number$3,
-    amplitude: number$3,
+    alphabetic: number$4,
+    amplitude: number$4,
     arabicForm: null,
-    ascent: number$3,
+    ascent: number$4,
     attributeName: null,
     attributeType: null,
-    azimuth: number$3,
+    azimuth: number$4,
     bandwidth: null,
     baselineShift: null,
     baseFrequency: null,
     baseProfile: null,
     bbox: null,
     begin: null,
-    bias: number$3,
+    bias: number$4,
     by: null,
     calcMode: null,
-    capHeight: number$3,
+    capHeight: number$4,
     className: spaceSeparated,
     clip: null,
     clipPath: null,
@@ -101497,26 +101445,26 @@ const svg$3 = create$2({
     d: null,
     dataType: null,
     defaultAction: null,
-    descent: number$3,
-    diffuseConstant: number$3,
+    descent: number$4,
+    diffuseConstant: number$4,
     direction: null,
     display: null,
     dur: null,
-    divisor: number$3,
+    divisor: number$4,
     dominantBaseline: null,
     download: boolean,
     dx: null,
     dy: null,
     edgeMode: null,
     editable: null,
-    elevation: number$3,
+    elevation: number$4,
     enableBackground: null,
     end: null,
     event: null,
-    exponent: number$3,
+    exponent: number$4,
     externalResourcesRequired: null,
     fill: null,
-    fillOpacity: number$3,
+    fillOpacity: number$4,
     fillRule: null,
     filter: null,
     filterRes: null,
@@ -101546,27 +101494,27 @@ const svg$3 = create$2({
     gradientTransform: null,
     gradientUnits: null,
     handler: null,
-    hanging: number$3,
+    hanging: number$4,
     hatchContentUnits: null,
     hatchUnits: null,
     height: null,
     href: null,
     hrefLang: null,
-    horizAdvX: number$3,
-    horizOriginX: number$3,
-    horizOriginY: number$3,
+    horizAdvX: number$4,
+    horizOriginX: number$4,
+    horizOriginY: number$4,
     id: null,
-    ideographic: number$3,
+    ideographic: number$4,
     imageRendering: null,
     initialVisibility: null,
     in: null,
     in2: null,
-    intercept: number$3,
-    k: number$3,
-    k1: number$3,
-    k2: number$3,
-    k3: number$3,
-    k4: number$3,
+    intercept: number$4,
+    k: number$4,
+    k1: number$4,
+    k2: number$4,
+    k3: number$4,
+    k4: number$4,
     kernelMatrix: commaOrSpaceSeparated,
     kernelUnitLength: null,
     keyPoints: null,
@@ -101580,7 +101528,7 @@ const svg$3 = create$2({
     lengthAdjust: null,
     letterSpacing: null,
     lightingColor: null,
-    limitingConeAngle: number$3,
+    limitingConeAngle: number$4,
     local: null,
     markerEnd: null,
     markerMid: null,
@@ -101596,7 +101544,7 @@ const svg$3 = create$2({
     media: null,
     mediaCharacterEncoding: null,
     mediaContentEncodings: null,
-    mediaSize: number$3,
+    mediaSize: number$4,
     mediaTime: null,
     method: null,
     min: null,
@@ -101702,12 +101650,12 @@ const svg$3 = create$2({
     origin: null,
     overflow: null,
     overlay: null,
-    overlinePosition: number$3,
-    overlineThickness: number$3,
+    overlinePosition: number$4,
+    overlineThickness: number$4,
     paintOrder: null,
     panose1: null,
     path: null,
-    pathLength: number$3,
+    pathLength: number$4,
     patternContentUnits: null,
     patternTransform: null,
     patternUnits: null,
@@ -101717,9 +101665,9 @@ const svg$3 = create$2({
     playbackOrder: null,
     pointerEvents: null,
     points: null,
-    pointsAtX: number$3,
-    pointsAtY: number$3,
-    pointsAtZ: number$3,
+    pointsAtX: number$4,
+    pointsAtY: number$4,
+    pointsAtZ: number$4,
     preserveAlpha: null,
     preserveAspectRatio: null,
     primitiveUnits: null,
@@ -101751,8 +101699,8 @@ const svg$3 = create$2({
     side: null,
     slope: null,
     snapshotTime: null,
-    specularConstant: number$3,
-    specularExponent: number$3,
+    specularConstant: number$4,
+    specularExponent: number$4,
     spreadMethod: null,
     spacing: null,
     startOffset: null,
@@ -101762,30 +101710,30 @@ const svg$3 = create$2({
     stitchTiles: null,
     stopColor: null,
     stopOpacity: null,
-    strikethroughPosition: number$3,
-    strikethroughThickness: number$3,
+    strikethroughPosition: number$4,
+    strikethroughThickness: number$4,
     string: null,
     stroke: null,
     strokeDashArray: commaOrSpaceSeparated,
     strokeDashOffset: null,
     strokeLineCap: null,
     strokeLineJoin: null,
-    strokeMiterLimit: number$3,
-    strokeOpacity: number$3,
+    strokeMiterLimit: number$4,
+    strokeOpacity: number$4,
     strokeWidth: null,
     style: null,
-    surfaceScale: number$3,
+    surfaceScale: number$4,
     syncBehavior: null,
     syncBehaviorDefault: null,
     syncMaster: null,
     syncTolerance: null,
     syncToleranceDefault: null,
     systemLanguage: commaOrSpaceSeparated,
-    tabIndex: number$3,
+    tabIndex: number$4,
     tableValues: null,
     target: null,
-    targetX: number$3,
-    targetY: number$3,
+    targetX: number$4,
+    targetY: number$4,
     textAnchor: null,
     textDecoration: null,
     textRendering: null,
@@ -101800,22 +101748,22 @@ const svg$3 = create$2({
     transformOrigin: null,
     u1: null,
     u2: null,
-    underlinePosition: number$3,
-    underlineThickness: number$3,
+    underlinePosition: number$4,
+    underlineThickness: number$4,
     unicode: null,
     unicodeBidi: null,
     unicodeRange: null,
-    unitsPerEm: number$3,
+    unitsPerEm: number$4,
     values: null,
-    vAlphabetic: number$3,
-    vMathematical: number$3,
+    vAlphabetic: number$4,
+    vMathematical: number$4,
     vectorEffect: null,
-    vHanging: number$3,
-    vIdeographic: number$3,
+    vHanging: number$4,
+    vIdeographic: number$4,
     version: null,
-    vertAdvY: number$3,
-    vertOriginX: number$3,
-    vertOriginY: number$3,
+    vertAdvY: number$4,
+    vertOriginX: number$4,
+    vertOriginY: number$4,
     viewBox: null,
     viewTarget: null,
     visibility: null,
@@ -101827,7 +101775,7 @@ const svg$3 = create$2({
     x1: null,
     x2: null,
     xChannelSelector: null,
-    xHeight: number$3,
+    xHeight: number$4,
     y: null,
     y1: null,
     y2: null,
@@ -102031,13 +101979,13 @@ function isChild(value) {
     return true;
   }
   if (typeof value.type !== "string") return false;
-  const record = (
+  const record2 = (
     /** @type {Record<string, unknown>} */
     value
   );
   const keys2 = Object.keys(value);
   for (const key2 of keys2) {
-    const value2 = record[key2];
+    const value2 = record2[key2];
     if (value2 && typeof value2 === "object") {
       if (!Array.isArray(value2)) return true;
       const list2 = (
@@ -111575,11 +111523,11 @@ function gfmFootnoteToMarkdown(options) {
     return value;
   }
 }
-function mapExceptFirst(line2, index2, blank) {
-  return index2 === 0 ? line2 : mapAll(line2, index2, blank);
+function mapExceptFirst(line2, index2, blank2) {
+  return index2 === 0 ? line2 : mapAll(line2, index2, blank2);
 }
-function mapAll(line2, index2, blank) {
-  return (blank ? "" : "    ") + line2;
+function mapAll(line2, index2, blank2) {
+  return (blank2 ? "" : "    ") + line2;
 }
 const constructsWithoutStrikethrough = [
   "autolink",
@@ -111782,8 +111730,8 @@ function blockquote$1(node2, _2, state2, info2) {
   exit2();
   return value;
 }
-function map$3(line2, _2, blank) {
-  return ">" + (blank ? "" : " ") + line2;
+function map$3(line2, _2, blank2) {
+  return ">" + (blank2 ? "" : " ") + line2;
 }
 function patternInScope(stack, pattern) {
   return listInScope(stack, pattern.inConstruct, true) && !listInScope(stack, pattern.notInConstruct, false);
@@ -111898,8 +111846,8 @@ function code$2(node2, _2, state2, info2) {
   exit2();
   return value;
 }
-function map$2(line2, _2, blank) {
-  return (blank ? "" : "    ") + line2;
+function map$2(line2, _2, blank2) {
+  return (blank2 ? "" : "    ") + line2;
 }
 function checkQuote(state2) {
   const marker = state2.options.quote || '"';
@@ -112517,11 +112465,11 @@ function listItem$1(node2, parent, state2, info2) {
   );
   exit2();
   return value;
-  function map2(line2, index2, blank) {
+  function map2(line2, index2, blank2) {
     if (index2) {
-      return (blank ? "" : " ".repeat(size2)) + line2;
+      return (blank2 ? "" : " ".repeat(size2)) + line2;
     }
-    return (blank ? bullet2 : bullet2 + " ".repeat(size2 - bullet2.length)) + line2;
+    return (blank2 ? bullet2 : bullet2 + " ".repeat(size2 - bullet2.length)) + line2;
   }
 }
 function paragraph$1(node2, _2, state2, info2) {
@@ -125442,7 +125390,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-BdiOjvlf.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-C_Th2vxh.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 }) })] }) });
@@ -125764,7 +125712,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-DrE5sAWk.js").then((e3) => ({ default: e3.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-BLpPLDqd.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;
@@ -126566,16 +126514,12 @@ ${fence}
     window.addEventListener("band:chat-insert", handler);
     return () => window.removeEventListener("band:chat-insert", handler);
   }, []);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(
     "form",
     {
       autoComplete: "off",
       "data-testid": "prompt-input__form",
-      className: cn$2(
-        "relative flex w-full flex-col rounded-md border-2 border-white/20 bg-muted/50 p-2 shadow-sm",
-        isDragging && "border-primary/50 bg-primary/5",
-        className
-      ),
+      className: cn$2("relative flex w-full flex-col gap-1", className),
       onSubmit: handleSubmit,
       onDragOver: handleDragOver,
       onDragLeave: handleDragLeave,
@@ -126583,31 +126527,35 @@ ${fence}
       onPaste: handlePaste,
       ref: formRef,
       ...props,
-      children: [
-        fileEntries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputFiles, { entries: fileEntries, onRemove: removeFile }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          PromptInputContext.Provider,
-          {
-            value: {
-              addFiles,
-              hasContent: hasText || fileEntries.length > 0,
-              onTextChange: handleInputChange,
-              inputValue,
-              textareaRef,
-              setTextareaValue,
-              commandHint,
-              setCommandHint
-            },
-            children: children2
-          }
-        )
-      ]
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+        PromptInputContext.Provider,
+        {
+          value: {
+            addFiles,
+            fileEntries,
+            removeFile,
+            isDragging,
+            hasContent: hasText || fileEntries.length > 0,
+            onTextChange: handleInputChange,
+            inputValue,
+            textareaRef,
+            setTextareaValue,
+            commandHint,
+            setCommandHint
+          },
+          children: children2
+        }
+      )
     }
   );
 };
 const PromptInputContext = reactExports.createContext({
   addFiles: () => {
   },
+  fileEntries: [],
+  removeFile: () => {
+  },
+  isDragging: false,
   hasContent: false,
   onTextChange: () => {
   },
@@ -126622,11 +126570,34 @@ const PromptInputContext = reactExports.createContext({
 function usePromptInputContext() {
   return reactExports.useContext(PromptInputContext);
 }
+const PromptInputBody = ({
+  className,
+  children: children2,
+  ...props
+}) => {
+  const { fileEntries, removeFile, isDragging } = reactExports.useContext(PromptInputContext);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      "data-testid": "prompt-input__body",
+      className: cn$2(
+        "flex w-full flex-col rounded-lg border border-border bg-muted/50 p-1 shadow-sm transition-colors focus-within:border-foreground/30",
+        isDragging && "border-primary/50 bg-primary/5",
+        className
+      ),
+      ...props,
+      children: [
+        fileEntries.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputFiles, { entries: fileEntries, onRemove: removeFile }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-w-0 items-end gap-1", children: children2 })
+      ]
+    }
+  );
+};
 function PromptInputFiles({
   entries: entries2,
   onRemove: onRemove2
 }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-2 flex flex-wrap gap-2 px-1", children: entries2.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(FilePreview, { file: entry.file, onRemove: () => onRemove2(entry.id) }, entry.id)) });
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mb-1 flex flex-wrap gap-2 px-1 pt-1", children: entries2.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(FilePreview, { file: entry.file, onRemove: () => onRemove2(entry.id) }, entry.id)) });
 }
 function FilePreview({ file: file2, onRemove: onRemove2 }) {
   const isImage2 = file2.type.startsWith("image/");
@@ -126662,7 +126633,7 @@ function formatFileSize(bytes) {
 const PromptInputActions = ({ className, ...props }) => /* @__PURE__ */ jsxRuntimeExports.jsx(
   "div",
   {
-    className: cn$2("flex w-full min-w-0 items-center justify-between gap-1", className),
+    className: cn$2("flex w-full min-w-0 items-center justify-between gap-1 px-0.5", className),
     ...props
   }
 );
@@ -126697,9 +126668,10 @@ const PromptInputAttach = ({ className, ...props }) => {
           "inline-flex shrink-0 items-center justify-center rounded-md px-1.5 py-1 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
           className
         ),
+        "aria-label": "Attach files",
         onClick: () => fileInputRef.current?.click(),
         ...props,
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Paperclip, { className: "size-4" })
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" })
       }
     )
   ] });
@@ -126759,7 +126731,7 @@ const PromptInputTextarea = ({
     window.addEventListener("band:focus-chat", handler);
     return () => window.removeEventListener("band:focus-chat", handler);
   }, [textareaRef]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative min-w-0 flex-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
     "textarea",
     {
       ref: textareaRef,
@@ -126769,10 +126741,11 @@ const PromptInputTextarea = ({
       spellCheck: false,
       writingsuggestions: "false",
       className: cn$2(
-        "min-h-[44px] lg:min-h-[36px] max-h-48 w-full resize-none overflow-y-auto bg-transparent px-2 py-2.5 lg:py-2 text-base lg:text-sm outline-none placeholder:text-muted-foreground field-sizing-content",
+        "block min-h-[40px] lg:min-h-[32px] max-h-48 w-full resize-none overflow-y-auto bg-transparent px-2 py-2 lg:py-1.5 text-base lg:text-sm outline-none placeholder:text-muted-foreground field-sizing-content",
         className
       ),
       name: "message",
+      rows: 1,
       onCompositionEnd: () => setIsComposing(false),
       onCompositionStart: () => setIsComposing(true),
       onInput: (e3) => onTextChange(e3.currentTarget.value),
@@ -126798,7 +126771,7 @@ const PromptInputSubmit = ({
       type: "button",
       "data-testid": "prompt-input__stop-button",
       "aria-label": "Stop generation",
-      className: "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-full bg-secondary text-secondary-foreground transition-colors hover:bg-secondary/80",
+      className: "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-md bg-secondary text-secondary-foreground transition-colors hover:bg-secondary/80",
       onClick: onStop,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(Square, { className: "size-4 lg:size-3.5 fill-current" })
     }
@@ -126807,7 +126780,7 @@ const PromptInputSubmit = ({
     {
       type: "button",
       className: cn$2(
-        "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-full bg-foreground/50 text-background transition-colors",
+        "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-md bg-foreground/50 text-background transition-colors",
         className
       ),
       disabled: true,
@@ -126819,14 +126792,15 @@ const PromptInputSubmit = ({
     {
       type: "submit",
       "data-testid": "prompt-input__submit-button",
+      "aria-label": "Send message",
       disabled: !hasContent2,
       className: cn$2(
-        "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-full transition-colors",
-        hasContent2 ? isBusy ? "bg-primary text-primary-foreground hover:bg-primary/80" : "bg-foreground text-background hover:bg-foreground/80" : "bg-muted text-muted-foreground",
+        "inline-flex size-8 lg:size-7 shrink-0 items-center justify-center rounded-md transition-colors",
+        hasContent2 ? isBusy ? "bg-primary text-primary-foreground hover:bg-primary/80" : "bg-foreground text-background hover:bg-foreground/80" : "text-muted-foreground",
         className
       ),
       ...props,
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowUp, { className: "size-5 lg:size-4" })
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(CornerDownLeft, { className: "size-4 lg:size-3.5" })
     }
   ) });
 };
@@ -127689,12 +127663,12 @@ function mergeObjects(target, ...sources) {
   });
   return target;
 }
-function basename$1(path2) {
+function basename$2(path2) {
   const idx = ~path2.lastIndexOf("/") || ~path2.lastIndexOf("\\");
   if (idx === 0) {
     return path2;
   } else if (~idx === path2.length - 1) {
-    return basename$1(path2.substring(0, path2.length - 1));
+    return basename$2(path2.substring(0, path2.length - 1));
   } else {
     return path2.substr(~idx + 1);
   }
@@ -128643,7 +128617,7 @@ var Rule2 = class {
     this._contentNameIsCapturing = RegexSource.hasCaptures(this._contentName);
   }
   get debugName() {
-    const location2 = this.$location ? `${basename$1(this.$location.filename)}:${this.$location.line}` : "unknown";
+    const location2 = this.$location ? `${basename$2(this.$location.filename)}:${this.$location.line}` : "unknown";
     return `${this.constructor.name}#${this.id} @ ${location2}`;
   }
   getName(lineText, captureIndices) {
@@ -160111,7 +160085,7 @@ function bisector(f2) {
 function zero$1() {
   return 0;
 }
-function number$2(x2) {
+function number$3(x2) {
   return x2 === null ? NaN : +x2;
 }
 function* numbers(values2, valueof) {
@@ -160125,7 +160099,7 @@ function* numbers(values2, valueof) {
 }
 const ascendingBisect = bisector(ascending$1);
 const bisectRight = ascendingBisect.right;
-bisector(number$2).center;
+bisector(number$3).center;
 class InternMap extends Map {
   constructor(entries2, key2 = keyof) {
     super();
@@ -160307,7 +160281,7 @@ function quantile$1(values2, p2, valueof) {
   var n2, i2 = (n2 - 1) * p2, i0 = Math.floor(i2), value0 = max$1(quickselect(values2, i0).subarray(0, i0 + 1)), value1 = min$1(values2.subarray(i0 + 1));
   return value0 + (value1 - value0) * (i2 - i0);
 }
-function quantileSorted(values2, p2, valueof = number$2) {
+function quantileSorted(values2, p2, valueof = number$3) {
   if (!(n2 = values2.length) || isNaN(p2 = +p2)) return;
   if (p2 <= 0 || n2 < 2) return +valueof(values2[0], 0, values2);
   if (p2 >= 1) return +valueof(values2[n2 - 1], n2 - 1, values2);
@@ -161652,14 +161626,14 @@ function piecewise(interpolate2, values2) {
     return I2[i3](t2 - i3);
   };
 }
-var frame = 0, timeout$1 = 0, interval = 0, pokeDelay = 1e3, taskHead, taskTail, clockLast = 0, clockNow = 0, clockSkew = 0, clock = typeof performance === "object" && performance.now ? performance : Date, setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f2) {
+var frame = 0, timeout$1 = 0, interval = 0, pokeDelay = 1e3, taskHead, taskTail, clockLast = 0, clockNow$1 = 0, clockSkew = 0, clock = typeof performance === "object" && performance.now ? performance : Date, setFrame = typeof window === "object" && window.requestAnimationFrame ? window.requestAnimationFrame.bind(window) : function(f2) {
   setTimeout(f2, 17);
 };
 function now() {
-  return clockNow || (setFrame(clearNow), clockNow = clock.now() + clockSkew);
+  return clockNow$1 || (setFrame(clearNow), clockNow$1 = clock.now() + clockSkew);
 }
 function clearNow() {
-  clockNow = 0;
+  clockNow$1 = 0;
 }
 function Timer() {
   this._call = this._time = this._next = null;
@@ -161696,20 +161670,20 @@ function timerFlush() {
   ++frame;
   var t2 = taskHead, e3;
   while (t2) {
-    if ((e3 = clockNow - t2._time) >= 0) t2._call.call(void 0, e3);
+    if ((e3 = clockNow$1 - t2._time) >= 0) t2._call.call(void 0, e3);
     t2 = t2._next;
   }
   --frame;
 }
 function wake() {
-  clockNow = (clockLast = clock.now()) + clockSkew;
+  clockNow$1 = (clockLast = clock.now()) + clockSkew;
   frame = timeout$1 = 0;
   try {
     timerFlush();
   } finally {
     frame = 0;
     nap();
-    clockNow = 0;
+    clockNow$1 = 0;
   }
 }
 function poke() {
@@ -161733,7 +161707,7 @@ function nap() {
 function sleep(time2) {
   if (frame) return;
   if (timeout$1) timeout$1 = clearTimeout(timeout$1);
-  var delay = time2 - clockNow;
+  var delay = time2 - clockNow$1;
   if (delay > 24) {
     if (time2 < Infinity) timeout$1 = setTimeout(wake, time2 - clock.now() - clockSkew);
     if (interval) interval = clearInterval(interval);
@@ -162809,7 +162783,7 @@ function constants$1(x2) {
     return x2;
   };
 }
-function number$1(x2) {
+function number$2(x2) {
   return +x2;
 }
 var unit = [0, 1];
@@ -162870,7 +162844,7 @@ function transformer$2() {
     return clamp2(untransform((input || (input = piecewise2(range2, domain2.map(transform2), interpolateNumber)))(y4)));
   };
   scale.domain = function(_2) {
-    return arguments.length ? (domain2 = Array.from(_2, number$1), rescale()) : domain2.slice();
+    return arguments.length ? (domain2 = Array.from(_2, number$2), rescale()) : domain2.slice();
   };
   scale.range = function(_2) {
     return arguments.length ? (range2 = Array.from(_2), rescale()) : range2.slice();
@@ -162980,7 +162954,7 @@ function identity$2(domain2) {
   }
   scale.invert = scale;
   scale.domain = scale.range = function(_2) {
-    return arguments.length ? (domain2 = Array.from(_2, number$1), scale) : domain2.slice();
+    return arguments.length ? (domain2 = Array.from(_2, number$2), scale) : domain2.slice();
   };
   scale.unknown = function(_2) {
     return arguments.length ? (unknown2 = _2, scale) : unknown2;
@@ -162988,7 +162962,7 @@ function identity$2(domain2) {
   scale.copy = function() {
     return identity$2(domain2).unknown(unknown2);
   };
-  domain2 = arguments.length ? Array.from(domain2, number$1) : [0, 1];
+  domain2 = arguments.length ? Array.from(domain2, number$2) : [0, 1];
   return linearish(scale);
 }
 function nice(domain2, interval2) {
@@ -163188,7 +163162,7 @@ function radial() {
     return arguments.length ? (squared.domain(_2), scale) : squared.domain();
   };
   scale.range = function(_2) {
-    return arguments.length ? (squared.range((range2 = Array.from(_2, number$1)).map(square)), scale) : range2.slice();
+    return arguments.length ? (squared.range((range2 = Array.from(_2, number$2)).map(square)), scale) : range2.slice();
   };
   scale.rangeRound = function(_2) {
     return scale.range(_2).round(true);
@@ -164173,7 +164147,7 @@ function defaultLocale(definition2) {
 function date(t2) {
   return new Date(t2);
 }
-function number(t2) {
+function number$1(t2) {
   return t2 instanceof Date ? +t2 : +/* @__PURE__ */ new Date(+t2);
 }
 function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, second2, format2) {
@@ -164186,7 +164160,7 @@ function calendar(ticks2, tickInterval, year, month, week, day, hour, minute, se
     return new Date(invert2(y4));
   };
   scale.domain = function(_2) {
-    return arguments.length ? domain2(Array.from(_2, number)) : domain2().map(date);
+    return arguments.length ? domain2(Array.from(_2, number$1)) : domain2().map(date);
   };
   scale.ticks = function(interval2) {
     var d2 = domain2();
@@ -178645,12 +178619,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-H_kNmEPM.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DvvoFaVJ.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-Bc5NoQXq.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-Dqv8g3XR.js"), "loader")
       }
     ]
   ]);
@@ -179089,7 +179063,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-DBRRCTXb.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DIRimETA.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -179106,7 +179080,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-tA99onXp.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DwqeGUt2.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -179129,7 +179103,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-tA99onXp.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DwqeGUt2.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -179143,7 +179117,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-CydybEEO.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-CBpgZJNk.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -179157,7 +179131,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CzPNHl73.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-4Hraf1YX.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -179171,7 +179145,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-DsJKSbMm.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CSDzrG3u.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -179185,7 +179159,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CSvzttKw.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-Bnhyc8dm.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -179198,7 +179172,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CFOW6PnN.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-B8juLdbl.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -179211,7 +179185,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-3A-aZNyC.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-CLY3QLCC.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -179225,7 +179199,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-DfSubvZj.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-DAi7zkg3.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -179239,7 +179213,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-Dlll26uf.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-CgDmK30l.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -179253,7 +179227,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-BCAnfOwu.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-SyLdlVhU.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -179270,7 +179244,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-Chmrw_oF.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-BLteCxZe.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -179287,7 +179261,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-Chmrw_oF.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-BLteCxZe.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -179304,7 +179278,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-BqJZtxdF.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-B8krws9Z.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -179324,7 +179298,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-1ifEjgYq.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-CqkUhCge.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -179338,7 +179312,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-Bb7ADiou.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-DCeht2II.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -179405,7 +179379,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-tA99onXp.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DwqeGUt2.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -179419,7 +179393,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-CAWbczQG.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-eG_EzXZg.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -179433,7 +179407,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-yqPdoOIb.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-CKJkiH58.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -179447,7 +179421,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-BCi9DXfZ.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-D2wyptyQ.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -179461,7 +179435,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-BQaOXs3v.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-B9355ZLW.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -179475,7 +179449,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-DjbSY-6m.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-uaww8JQd.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -179488,7 +179462,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-k-zPaYMJ.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-GLrYhnWw.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -179501,7 +179475,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-DEeR9cDU.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-CWXr6KW7.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -179515,7 +179489,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-CR2ITyvh.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-IeNkR88v.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -179529,7 +179503,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-BcsANBT1.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-CbKKlJvK.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -180373,7 +180347,7 @@ function FilePreviewOverlay({ open: open2, onOpenChange, part }) {
       {
         className: cn$2(
           "fixed inset-0 z-50 flex flex-col outline-none",
-          "h-[100dvh] w-screen",
+          "h-[calc(100dvh/var(--app-zoom,1))] w-[calc(100vw/var(--app-zoom,1))]",
           "data-[state=closed]:animate-out data-[state=closed]:fade-out-0",
           "data-[state=open]:animate-in data-[state=open]:fade-in-0"
         ),
@@ -180836,6 +180810,153 @@ function TaskStatusIcon({ status }) {
       return /* @__PURE__ */ jsxRuntimeExports.jsx(Circle, { className: "size-3 shrink-0 text-muted-foreground" });
   }
 }
+function blank(entry) {
+  return entry.kind === "text" && !entry.text.trim();
+}
+function groupEntries(entries2) {
+  const parts = [];
+  let run2 = [];
+  const flush = () => {
+    const first = run2.findIndex((e3) => e3.kind === "tool");
+    let last = run2.length - 1;
+    while (last >= 0 && run2[last].kind !== "tool") last--;
+    const tools = run2.filter((e3) => e3.kind === "tool");
+    if (tools.length < 2) {
+      for (const entry of run2) parts.push({ kind: "entry", entry });
+    } else {
+      for (const entry of run2.slice(0, first)) parts.push({ kind: "entry", entry });
+      parts.push({
+        kind: "tools",
+        id: `group-${tools[0].id}`,
+        entries: run2.slice(first, last + 1).filter((e3) => !blank(e3)),
+        tools
+      });
+      for (const entry of run2.slice(last + 1)) parts.push({ kind: "entry", entry });
+    }
+    run2 = [];
+  };
+  for (const entry of entries2) {
+    if (entry.kind === "tool" || entry.kind === "thought" || blank(entry)) {
+      run2.push(entry);
+    } else {
+      flush();
+      parts.push({ kind: "entry", entry });
+    }
+  }
+  flush();
+  return parts;
+}
+function toolState(entry) {
+  if (entry.status === "failed") return "error";
+  if (entry.status === "pending" || entry.status === "in_progress") return "in-progress";
+  return "complete";
+}
+function record(value) {
+  return value !== null && typeof value === "object" && !Array.isArray(value) ? value : void 0;
+}
+function basename$1(path2) {
+  return path2.split("/").filter(Boolean).pop() ?? path2;
+}
+function pathInTitle(entry) {
+  const path2 = entry.locations[0]?.path;
+  if (!path2) return void 0;
+  const segments = path2.split("/");
+  for (let i2 = 0; i2 < segments.length; i2++) {
+    const tail2 = segments.slice(i2).join("/");
+    if (tail2 && entry.title.includes(tail2)) return tail2;
+  }
+  return void 0;
+}
+function shellDescription(entry) {
+  const description = record(entry.rawInput)?.description;
+  return typeof description === "string" && description.trim() ? description.trim() : void 0;
+}
+function describeTool(entry) {
+  const description = shellDescription(entry);
+  if (description) {
+    return toolState(entry) === "error" ? { text: `Failed to ${description[0].toLowerCase()}${description.slice(1)}` } : { text: description };
+  }
+  return { text: entry.title, highlight: pathInTitle(entry) };
+}
+function fileNamed(verb, noun = "file") {
+  return {
+    one: (entry) => {
+      const path2 = entry.locations[0]?.path;
+      return path2 ? `${verb} ${basename$1(path2)}` : `${verb} 1 ${noun}`;
+    },
+    many: (n2) => `${verb} ${n2} ${noun}s`
+  };
+}
+const counted = (verb, noun) => ({
+  one: () => `${verb} 1 ${noun}`,
+  many: (n2) => `${verb} ${n2} ${noun}s`
+});
+const PHRASES = {
+  execute: counted("ran", "command"),
+  read: fileNamed("read"),
+  edit: fileNamed("edited"),
+  delete: fileNamed("deleted"),
+  move: fileNamed("moved"),
+  search: { one: () => "ran 1 search", many: (n2) => `ran ${n2} searches` },
+  fetch: counted("fetched", "page"),
+  think: counted("ran", "task")
+};
+const OTHER = counted("used", "tool");
+function summarizeTools(tools) {
+  const byPhrase = /* @__PURE__ */ new Map();
+  for (const tool of tools) {
+    const phrase = tool.toolKind && PHRASES[tool.toolKind] || OTHER;
+    const list2 = byPhrase.get(phrase);
+    if (list2) list2.push(tool);
+    else byPhrase.set(phrase, [tool]);
+  }
+  const clauses = [...byPhrase].map(([phrase, list2]) => {
+    const text2 = list2.length === 1 ? phrase.one(list2[0]) : phrase.many(list2.length);
+    const failed = list2.filter((t2) => toolState(t2) === "error").length;
+    return failed > 0 ? `${text2} (${failed} failed)` : text2;
+  });
+  const line2 = clauses.join(", ");
+  return line2[0].toUpperCase() + line2.slice(1);
+}
+const OUTPUT_LIMIT = 2e4;
+const FENCE_OPEN = /^```[\w-]*\n/;
+const FENCE_CLOSE = /\n?```\s*$/;
+const EXIT_LINE = /^Exit code (\d+)\n?/;
+function number(value) {
+  return typeof value === "number" && Number.isFinite(value) ? value : void 0;
+}
+function rawOutputText(raw2) {
+  if (typeof raw2 === "string") return raw2;
+  const out = record(raw2);
+  if (!out) return "";
+  for (const key2 of ["formatted_output", "aggregated_output", "output"]) {
+    if (typeof out[key2] === "string") return out[key2];
+  }
+  return [out.stdout, out.stderr].filter((s2) => typeof s2 === "string" && s2).join("\n");
+}
+function shellRun(entry) {
+  if (entry.toolKind !== "execute") return null;
+  const input = record(entry.rawInput);
+  const cmd2 = input?.command;
+  const command2 = typeof cmd2 === "string" ? cmd2 : Array.isArray(cmd2) && cmd2.every((c2) => typeof c2 === "string") ? cmd2.join(" ") : entry.title;
+  const texts = entry.content.flatMap(
+    (c2) => c2.type === "content" && c2.content.type === "text" ? [c2.content.text] : []
+  );
+  let output = (texts.length > 0 ? texts.join("\n") : rawOutputText(entry.rawOutput)).slice(
+    0,
+    OUTPUT_LIMIT + 64
+  );
+  if (FENCE_OPEN.test(output)) output = output.replace(FENCE_OPEN, "").replace(FENCE_CLOSE, "");
+  if (output === shellDescription(entry)) output = "";
+  const raw2 = record(entry.rawOutput);
+  let exitCode = number(raw2?.exit_code) ?? number(raw2?.exitCode);
+  const exitLine = EXIT_LINE.exec(output);
+  if (exitLine) {
+    exitCode ??= Number(exitLine[1]);
+    output = output.slice(exitLine[0].length);
+  }
+  return { command: command2, exitCode, output: output.trimEnd() };
+}
 const MAX_CELLS = 4e5;
 const CONTEXT = 3;
 function rawDiff(oldLines, newLines) {
@@ -180925,26 +181046,6 @@ const ToolOutput = ({ className, output, errorText, ...props }) => {
     )
   ] });
 };
-function statusOf(entry) {
-  if (entry.status === "failed") return "error";
-  if (entry.status === "pending" || entry.status === "in_progress") return "in-progress";
-  return "complete";
-}
-function StatusDot({ status }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "span",
-    {
-      "data-testid": "tool-call__status-dot",
-      "data-status": status,
-      className: cn$2(
-        "size-2 shrink-0 rounded-full",
-        status === "error" && "bg-red-500",
-        status === "in-progress" && "animate-pulse bg-orange-500",
-        status === "complete" && "bg-green-500"
-      )
-    }
-  );
-}
 function shortPath(path2, cwd) {
   return cwd && path2.startsWith(`${cwd}/`) ? path2.slice(cwd.length + 1) : path2;
 }
@@ -180994,51 +181095,131 @@ function Diff({
     }
   );
 }
-const ToolCall = reactExports.memo(function ToolCall2({ entry, cwd }) {
-  const status = statusOf(entry);
+function Chevron({ openClass }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: cn$2("size-3.5 shrink-0 transition-transform", openClass) });
+}
+function Label$1({ label }) {
+  const at2 = label.highlight ? label.text.indexOf(label.highlight) : -1;
+  if (!label.highlight || at2 < 0) return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: label.text });
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    label.text.slice(0, at2),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-foreground", children: label.highlight }),
+    label.text.slice(at2 + label.highlight.length)
+  ] });
+}
+function ShellDetails({ entry, failed }) {
+  const run2 = reactExports.useMemo(() => shellRun(entry), [entry]);
+  if (!run2) return null;
+  const showExit = run2.exitCode !== void 0 && (failed || run2.exitCode !== 0);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: cn$2("space-y-2 font-mono text-xs", failed && "text-red-400"), children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "pre",
+      {
+        "data-testid": "tool-call__command",
+        className: "overflow-x-auto whitespace-pre-wrap rounded-md border border-border/40 bg-muted/30 px-3 py-2 text-foreground",
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "select-none text-muted-foreground", children: "$ " }),
+          run2.command
+        ]
+      }
+    ),
+    showExit && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-testid": "tool-call__exit-code", children: [
+      "Exit code ",
+      run2.exitCode
+    ] }),
+    run2.output && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "pre",
+      {
+        "data-testid": "tool-call__output",
+        className: cn$2(
+          "max-h-80 overflow-auto whitespace-pre-wrap",
+          !failed && "text-muted-foreground"
+        ),
+        children: run2.output.slice(0, OUTPUT_LIMIT)
+      }
+    )
+  ] });
+}
+function ToolDetails({ entry, cwd }) {
   const diffs = entry.content.filter((c2) => c2.type === "diff");
   const texts = entry.content.flatMap(
     (c2) => c2.type === "content" && c2.content.type === "text" ? [c2.content.text] : []
   );
-  const paths = [.../* @__PURE__ */ new Set([...diffs.map((d2) => d2.path), ...entry.locations.map((l4) => l4.path)])];
   const prose = entry.toolKind === "switch_mode" || entry.toolKind === "think";
-  const hasBody = diffs.length > 0 || texts.length > 0 || entry.rawInput !== void 0 || entry.rawOutput !== void 0;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    diffs.map((d2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Diff, { path: d2.path, oldText: d2.oldText, newText: d2.newText, cwd }, d2.path)),
+    texts.map(
+      (text2, i2) => prose ? (
+        // biome-ignore lint/suspicious/noArrayIndexKey: content blocks have no id
+        /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: text2 }, i2)
+      ) : (
+        // biome-ignore lint/suspicious/noArrayIndexKey: content blocks have no id
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ToolOutput, { output: text2.slice(0, 2e4), errorText: void 0 }, i2)
+      )
+    ),
+    diffs.length === 0 && texts.length === 0 && entry.rawInput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInput, { input: entry.rawInput }),
+    diffs.length === 0 && texts.length === 0 && entry.rawOutput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolOutput, { output: entry.rawOutput, errorText: void 0 })
+  ] });
+}
+const ToolCall = reactExports.memo(function ToolCall2({ entry, cwd }) {
+  const state2 = toolState(entry);
+  const failed = state2 === "error";
+  const shell = entry.toolKind === "execute";
+  const hasBody = shell || entry.content.some(
+    (c2) => c2.type === "diff" || c2.type === "content" && c2.content.type === "text"
+  ) || entry.rawInput !== void 0 || entry.rawOutput !== void 0;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     Collapsible,
     {
       "data-testid": "tool-call__container",
-      "data-status": status,
-      className: "group not-prose w-full rounded border border-border/30 bg-muted/20",
+      "data-status": state2,
+      className: "group/tool-call not-prose w-full min-w-0",
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(
           CollapsibleTrigger,
           {
-            className: "flex w-full items-center justify-between gap-4 px-2 py-1.5",
+            className: cn$2(
+              "flex max-w-full items-center gap-1.5 text-left text-sm",
+              failed ? "text-red-400" : "text-muted-foreground",
+              hasBody && (failed ? "hover:text-red-300" : "hover:text-foreground")
+            ),
             disabled: !hasBody,
             children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(StatusDot, { status }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium text-xs text-muted-foreground", children: entry.title }),
-                paths.length > 0 && !entry.title.includes(shortPath(paths[0], cwd)) && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate text-xs text-muted-foreground/70", children: paths.map((p2) => shortPath(p2, cwd)).join(", ") })
-              ] }),
-              hasBody && /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-4 shrink-0 text-muted-foreground transition-transform group-data-[state=open]:rotate-180" })
+              state2 === "in-progress" && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 shrink-0 animate-spin" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { label: describeTool(entry) }) }),
+              hasBody && /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { openClass: "group-data-[state=open]/tool-call:rotate-90" })
             ]
           }
         ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(CollapsibleContent, { className: "space-y-3 border-t border-border/30 px-3 py-2 text-popover-foreground", children: [
-          diffs.map((d2) => /* @__PURE__ */ jsxRuntimeExports.jsx(Diff, { path: d2.path, oldText: d2.oldText, newText: d2.newText, cwd }, d2.path)),
-          texts.map(
-            (text2, i2) => prose ? (
-              // biome-ignore lint/suspicious/noArrayIndexKey: content blocks have no id
-              /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: text2 }, i2)
-            ) : (
-              // biome-ignore lint/suspicious/noArrayIndexKey: content blocks have no id
-              /* @__PURE__ */ jsxRuntimeExports.jsx(ToolOutput, { output: text2.slice(0, 2e4), errorText: void 0 }, i2)
-            )
-          ),
-          diffs.length === 0 && texts.length === 0 && entry.rawInput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolInput, { input: entry.rawInput }),
-          diffs.length === 0 && texts.length === 0 && entry.rawOutput !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(ToolOutput, { output: entry.rawOutput, errorText: void 0 })
-        ] })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { className: "mt-2 space-y-3 text-popover-foreground", children: shell ? /* @__PURE__ */ jsxRuntimeExports.jsx(ShellDetails, { entry, failed }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ToolDetails, { entry, cwd }) })
+      ]
+    }
+  );
+});
+const ToolGroup = reactExports.memo(function ToolGroup2({
+  tools,
+  children: children2
+}) {
+  const running = tools.some((t2) => toolState(t2) === "in-progress");
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    Collapsible,
+    {
+      "data-testid": "tool-group__container",
+      className: "group/tool-group not-prose w-full min-w-0",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          CollapsibleTrigger,
+          {
+            "data-testid": "tool-group__summary",
+            className: "flex max-w-full items-center gap-1.5 text-left text-sm text-muted-foreground hover:text-foreground",
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: summarizeTools(tools) }),
+              running && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 shrink-0 animate-spin" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { openClass: "group-data-[state=open]/tool-group:rotate-90" })
+            ]
+          }
+        ),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(CollapsibleContent, { className: "mt-2 divide-y divide-border/40 overflow-hidden rounded-lg border border-border/40 [&>*]:px-3 [&>*]:py-2", children: children2 })
       ]
     }
   );
@@ -181104,6 +181285,342 @@ function withResolvedDefaults(models, currentModel, effort, resolved) {
     effortLabel: effort.currentValue === DEFAULT_ID ? levelName ?? "Default" : void 0
   };
 }
+const UNITS = [
+  ["year", 365 * 24 * 3600],
+  ["month", 30 * 24 * 3600],
+  ["week", 7 * 24 * 3600],
+  ["day", 24 * 3600],
+  ["hour", 3600],
+  ["minute", 60]
+];
+const relative = new Intl.RelativeTimeFormat(void 0, { numeric: "always" });
+function timeAgo(ms, now2) {
+  const seconds = Math.max(0, Math.round((now2 - ms) / 1e3));
+  for (const [unit2, size2] of UNITS) {
+    if (seconds >= size2) return relative.format(-Math.floor(seconds / size2), unit2);
+  }
+  return "just now";
+}
+const TICK_MS = 3e4;
+let clockNow = Date.now();
+const listeners$1 = /* @__PURE__ */ new Set();
+let clockTimer;
+function subscribe(listener2) {
+  listeners$1.add(listener2);
+  if (clockTimer === void 0) {
+    clockNow = Date.now();
+    clockTimer = window.setInterval(() => {
+      clockNow = Date.now();
+      for (const l4 of listeners$1) l4();
+    }, TICK_MS);
+  }
+  return () => {
+    listeners$1.delete(listener2);
+    if (listeners$1.size === 0) {
+      window.clearInterval(clockTimer);
+      clockTimer = void 0;
+    }
+  };
+}
+function useNow() {
+  return reactExports.useSyncExternalStore(
+    subscribe,
+    () => clockNow,
+    () => clockNow
+  );
+}
+function MessageActions({
+  text: text2,
+  createdAt,
+  align
+}) {
+  const [copied, setCopied] = reactExports.useState(false);
+  const now2 = useNow();
+  reactExports.useEffect(() => {
+    if (!copied) return;
+    const timer2 = window.setTimeout(() => setCopied(false), 1500);
+    return () => window.clearTimeout(timer2);
+  }, [copied]);
+  if (!text2 && createdAt === void 0) return null;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      "data-testid": "message-actions",
+      className: cn$2(
+        "flex items-center gap-2 text-xs text-muted-foreground opacity-0 transition-opacity",
+        "group-hover:opacity-100 focus-within:opacity-100 [@media(hover:none)]:opacity-100",
+        align === "end" && "justify-end"
+      ),
+      children: [
+        text2 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            "aria-label": copied ? "Copied" : "Copy message",
+            onClick: () => {
+              void writeClipboardText(text2).then((ok2) => setCopied(ok2));
+            },
+            className: "rounded p-1 hover:bg-accent hover:text-foreground",
+            children: copied ? /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-3.5" })
+          }
+        ),
+        createdAt !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip$1, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx("time", { "data-testid": "message-actions__time", dateTime: new Date(createdAt).toISOString(), children: timeAgo(createdAt, now2) }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: new Date(createdAt).toLocaleString() })
+        ] })
+      ]
+    }
+  );
+}
+const CHAT_FIND_TEXT_ATTR = "data-chat-find-text";
+const DEFAULT_OPTIONS = { caseSensitive: false, wholeWord: false, regex: false };
+function buildFindRegex(query, options) {
+  if (!query) return null;
+  let source = options.regex ? query : query.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  if (options.wholeWord) source = `\\b(?:${source})\\b`;
+  try {
+    return new RegExp(source, options.caseSensitive ? "g" : "gi");
+  } catch {
+    return null;
+  }
+}
+function matchSpans(text2, re2) {
+  const spans = [];
+  re2.lastIndex = 0;
+  for (let m2 = re2.exec(text2); m2; m2 = re2.exec(text2)) {
+    if (m2[0] === "") {
+      re2.lastIndex += 1;
+      continue;
+    }
+    spans.push([m2.index, m2.index + m2[0].length]);
+  }
+  return spans;
+}
+function messageFindText(message) {
+  if (message.role === "user") return message.text;
+  return message.entries.flatMap((e3) => e3.kind === "text" ? [e3.text] : []).join("\n");
+}
+function rangesInRow(row2, re2) {
+  const ranges = [];
+  for (const scope of row2.querySelectorAll(`[${CHAT_FIND_TEXT_ATTR}]`)) {
+    const walker = document.createTreeWalker(scope, NodeFilter.SHOW_TEXT);
+    const nodes = [];
+    const starts = [];
+    let text2 = "";
+    for (let node2 = walker.nextNode(); node2; node2 = walker.nextNode()) {
+      nodes.push(node2);
+      starts.push(text2.length);
+      text2 += node2.data;
+    }
+    let cursor = 0;
+    const locate = (offset2, end) => {
+      while (cursor < nodes.length - 1 && (end ? starts[cursor + 1] < offset2 : starts[cursor + 1] <= offset2)) {
+        cursor += 1;
+      }
+      return [nodes[cursor], offset2 - starts[cursor]];
+    };
+    for (const [start2, end] of matchSpans(text2, re2)) {
+      const range2 = document.createRange();
+      range2.setStart(...locate(start2, false));
+      range2.setEnd(...locate(end, true));
+      ranges.push(range2);
+    }
+  }
+  return ranges;
+}
+const paneRanges = /* @__PURE__ */ new Map();
+function paintHighlights() {
+  if (typeof CSS === "undefined" || !("highlights" in CSS)) return;
+  const all2 = [];
+  const current2 = [];
+  for (const pane of paneRanges.values()) {
+    all2.push(...pane.all);
+    if (pane.current) current2.push(pane.current);
+  }
+  CSS.highlights.set("chat-find", new Highlight(...all2));
+  CSS.highlights.set("chat-find-current", new Highlight(...current2));
+}
+function useChatFind({
+  messages,
+  scrollEl,
+  listRef,
+  onBeforeScroll,
+  onClose
+}) {
+  const paneId = reactExports.useId();
+  const [isOpen, setIsOpen] = reactExports.useState(false);
+  const [query, setQuery] = reactExports.useState("");
+  const [options, setOptions] = reactExports.useState(DEFAULT_OPTIONS);
+  const [current2, setCurrent] = reactExports.useState(null);
+  const searchBarRef = reactExports.useRef(null);
+  const revealRef = reactExports.useRef(false);
+  const regex2 = reactExports.useMemo(
+    () => isOpen ? buildFindRegex(query, options) : null,
+    [isOpen, query, options]
+  );
+  const countCache = reactExports.useRef(/* @__PURE__ */ new WeakMap());
+  const matches2 = reactExports.useMemo(() => {
+    const out = [];
+    if (!regex2) return out;
+    messages.forEach((message, messageIndex) => {
+      let cached = countCache.current.get(message);
+      if (cached?.re !== regex2) {
+        cached = { re: regex2, count: matchSpans(messageFindText(message), regex2).length };
+        countCache.current.set(message, cached);
+      }
+      for (let occurrence = 0; occurrence < cached.count; occurrence++) {
+        out.push({ messageIndex, messageId: message.id, occurrence });
+      }
+    });
+    return out;
+  }, [messages, regex2]);
+  const matchesRef = reactExports.useRef(matches2);
+  matchesRef.current = matches2;
+  reactExports.useEffect(() => {
+    if (!regex2) return;
+    const found = matchesRef.current;
+    let firstVisible = Number.POSITIVE_INFINITY;
+    if (scrollEl) {
+      const top2 = scrollEl.getBoundingClientRect().top;
+      for (const row2 of scrollEl.querySelectorAll("[data-index]")) {
+        if (row2.getBoundingClientRect().bottom > top2) {
+          firstVisible = Math.min(firstVisible, Number(row2.dataset.index));
+        }
+      }
+    }
+    const next2 = found.findIndex((m2) => m2.messageIndex >= firstVisible);
+    const start2 = found[next2 === -1 ? found.length - 1 : next2];
+    setCurrent(start2 ? { messageId: start2.messageId, occurrence: start2.occurrence } : null);
+    revealRef.current = true;
+  }, [regex2, scrollEl]);
+  const lastIndexRef = reactExports.useRef(0);
+  const currentIndex = reactExports.useMemo(() => {
+    if (matches2.length === 0) return -1;
+    const found = current2 ? matches2.findIndex(
+      (m2) => m2.messageId === current2.messageId && m2.occurrence === current2.occurrence
+    ) : -1;
+    return found !== -1 ? found : Math.min(lastIndexRef.current, matches2.length - 1);
+  }, [matches2, current2]);
+  lastIndexRef.current = Math.max(0, currentIndex);
+  const currentMatch = currentIndex === -1 ? void 0 : matches2[currentIndex];
+  const currentMatchRef = reactExports.useRef(currentMatch);
+  currentMatchRef.current = currentMatch;
+  const currentKey = currentMatch ? `${currentMatch.messageId}:${currentMatch.occurrence}` : "";
+  const repaint = reactExports.useCallback(() => {
+    if (!regex2 || !scrollEl) {
+      paneRanges.delete(paneId);
+      paintHighlights();
+      return;
+    }
+    const currentMatch2 = currentMatchRef.current;
+    const all2 = [];
+    let currentRange = null;
+    let targetMounted = false;
+    for (const row2 of scrollEl.querySelectorAll("[data-index]")) {
+      const ranges = rangesInRow(row2, regex2);
+      all2.push(...ranges);
+      if (currentMatch2 && Number(row2.dataset.index) === currentMatch2.messageIndex) {
+        targetMounted = true;
+        currentRange = ranges[Math.min(currentMatch2.occurrence, ranges.length - 1)] ?? null;
+      }
+    }
+    paneRanges.set(paneId, { all: all2, current: currentRange });
+    paintHighlights();
+    if (!revealRef.current || !currentMatch2) return;
+    if (!targetMounted) {
+      onBeforeScroll?.();
+      listRef.current?.scrollToIndex(currentMatch2.messageIndex);
+      return;
+    }
+    revealRef.current = false;
+    if (!currentRange) return;
+    const box = currentRange.getBoundingClientRect();
+    const view = scrollEl.getBoundingClientRect();
+    if (box.top < view.top || box.bottom > view.bottom) {
+      onBeforeScroll?.();
+      scrollEl.scrollTop += box.top - view.top - view.height / 2;
+    }
+  }, [regex2, scrollEl, paneId, listRef, onBeforeScroll]);
+  reactExports.useEffect(() => {
+    const raf = requestAnimationFrame(repaint);
+    return () => cancelAnimationFrame(raf);
+  }, [currentKey, repaint]);
+  reactExports.useEffect(() => {
+    let raf = requestAnimationFrame(repaint);
+    if (!regex2 || !scrollEl) return () => cancelAnimationFrame(raf);
+    const schedule2 = () => {
+      cancelAnimationFrame(raf);
+      raf = requestAnimationFrame(repaint);
+    };
+    const observer = new MutationObserver(schedule2);
+    observer.observe(scrollEl, { childList: true, subtree: true, characterData: true });
+    scrollEl.addEventListener("scroll", schedule2, { passive: true });
+    return () => {
+      cancelAnimationFrame(raf);
+      observer.disconnect();
+      scrollEl.removeEventListener("scroll", schedule2);
+    };
+  }, [repaint, regex2, scrollEl]);
+  reactExports.useEffect(
+    () => () => {
+      paneRanges.delete(paneId);
+      paintHighlights();
+    },
+    [paneId]
+  );
+  const open2 = reactExports.useCallback(() => {
+    setIsOpen(true);
+    requestAnimationFrame(() => {
+      searchBarRef.current?.focus();
+      searchBarRef.current?.select();
+    });
+  }, []);
+  const close2 = reactExports.useCallback(() => {
+    setIsOpen(false);
+    onClose?.();
+  }, [onClose]);
+  const step = reactExports.useCallback(
+    (delta) => {
+      const found = matchesRef.current;
+      if (found.length === 0) return;
+      const next2 = found[(lastIndexRef.current + delta + found.length) % found.length];
+      setCurrent({ messageId: next2.messageId, occurrence: next2.occurrence });
+      revealRef.current = true;
+      requestAnimationFrame(repaint);
+    },
+    [repaint]
+  );
+  const findNext = reactExports.useCallback(() => step(1), [step]);
+  const findPrevious = reactExports.useCallback(() => step(-1), [step]);
+  const onKeyDown = reactExports.useCallback(
+    (e3) => {
+      if (e3.key.toLowerCase() !== "f" || e3.shiftKey || e3.altKey) return;
+      const mod = isMacPlatform() ? e3.metaKey && !e3.ctrlKey : e3.ctrlKey && !e3.metaKey;
+      if (!mod) return;
+      e3.preventDefault();
+      e3.stopPropagation();
+      open2();
+    },
+    [open2]
+  );
+  return {
+    isOpen,
+    open: open2,
+    close: close2,
+    query,
+    setQuery,
+    options,
+    setOptions,
+    matchInfo: regex2 ? {
+      total: matches2.length,
+      current: currentIndex + 1
+    } : query ? { total: 0, current: 0 } : void 0,
+    findNext,
+    findPrevious,
+    searchBarRef,
+    onKeyDown
+  };
+}
 const CHAT_EVENT_TYPES = [
   "update",
   "prompt",
@@ -181292,9 +181809,9 @@ function applyUpdate(state2, update, eventId) {
       } : state2;
     case "usage_update": {
       if (!state2.session) return state2;
-      const usage = { used: update.used, size: update.size, cost: update.cost ?? null };
-      const cost = update.cost?.currency === "USD" ? update.cost.amount : state2.session.costUsd;
-      return { ...state2, session: { ...state2.session, usage, costUsd: cost } };
+      const cost = update.cost ?? state2.session.usage?.cost ?? null;
+      const usage = { used: update.used, size: update.size, cost };
+      return { ...state2, session: { ...state2.session, usage } };
     }
     case "session_info_update":
       return state2.session && update.title !== void 0 ? { ...state2, session: { ...state2.session, title: update.title ?? null } } : state2;
@@ -181340,7 +181857,14 @@ function transcriptReducer(state2, action) {
         ...state2,
         messages: [
           ...state2.messages,
-          { role: "user", id: action.id, text: action.text, files: action.files, pending: true }
+          {
+            role: "user",
+            id: action.id,
+            text: action.text,
+            files: action.files,
+            pending: true,
+            ...action.createdAt !== void 0 && { createdAt: action.createdAt }
+          }
         ],
         status: "submitting",
         taskRunning: true,
@@ -181396,9 +181920,19 @@ function transcriptReducer(state2, action) {
     return state2;
   }
   const lastEventId = action.eventId > 0 ? Math.max(state2.lastEventId ?? 0, action.eventId) : state2.lastEventId;
-  const next2 = applyLogged(state2, action);
+  const next2 = stampNew(state2.messages, applyLogged(state2, action), action.createdAt);
   return next2 === state2 && lastEventId === state2.lastEventId ? state2 : { ...next2, lastEventId };
 }
+function stampNew(before, state2, createdAt) {
+  if (createdAt === void 0 || state2.messages === before) return state2;
+  let messages = state2.messages;
+  for (let i2 = before.length; i2 < messages.length; i2++) {
+    if (messages[i2].createdAt !== void 0) continue;
+    if (messages === state2.messages) messages = messages.slice();
+    messages[i2] = { ...messages[i2], createdAt };
+  }
+  return messages === state2.messages ? state2 : { ...state2, messages };
+}
 function applyLogged(state2, event) {
   switch (event.type) {
     case "update":
@@ -181411,7 +181945,12 @@ function applyLogged(state2, event) {
         const messages = state2.messages.slice();
         const m2 = messages[pending2];
         if (m2.role === "user")
-          messages[pending2] = { ...m2, files: event.files ?? m2.files, pending: false };
+          messages[pending2] = {
+            ...m2,
+            files: event.files ?? m2.files,
+            pending: false,
+            createdAt: event.createdAt ?? m2.createdAt
+          };
         return { ...state2, messages };
       }
       return {
@@ -181441,15 +181980,13 @@ function applyLogged(state2, event) {
           ...notice
         });
       }
-      const cost = event.usage?.costUsd;
       return {
         ...state2,
         messages,
         taskRunning: false,
         pendingSend: false,
         status: event.error ? "error" : "idle",
-        errorMessage: event.error,
-        session: state2.session && cost !== void 0 ? { ...state2.session, costUsd: cost } : state2.session
+        errorMessage: event.error
       };
     }
     case "permission":
@@ -181488,7 +182025,6 @@ function applyLogged(state2, event) {
             source: "live",
             commands: [],
             usage: null,
-            costUsd: null,
             title: null
           },
           source: "live",
@@ -181652,7 +182188,13 @@ function useChatSubscription(opts) {
       const wireFiles = files && files.length > 0 ? await Promise.all(files.map(fileToWirePart)) : void 0;
       const willQueue = busyRef.current;
       if (!willQueue) {
-        dispatch2({ type: "local-send", id: `pending-${++localId}`, text: text2, files: wireFiles });
+        dispatch2({
+          type: "local-send",
+          id: `pending-${++localId}`,
+          text: text2,
+          files: wireFiles,
+          createdAt: Date.now()
+        });
       }
       const res = await fetch(`/api/chats/${encodeURIComponent(chatId)}/messages`, {
         method: "POST",
@@ -183150,7 +183692,8 @@ function VirtualizedMessageList({
   getKey,
   renderItem,
   estimateSize = 220,
-  overscan = 5
+  overscan = 5,
+  listRef
 }) {
   const { scrollRef, scrollToBottom } = useStickToBottomContext();
   const [revealed, setRevealed] = reactExports.useState(false);
@@ -183213,6 +183756,11 @@ function VirtualizedMessageList({
       virtualizer.scrollToIndex(newIndex, { align: "start" });
     }
   }, [items]);
+  reactExports.useImperativeHandle(
+    listRef,
+    () => ({ scrollToIndex: (index2) => virtualizer.scrollToIndex(index2, { align: "center" }) }),
+    [virtualizer]
+  );
   const virtualItems = virtualizer.getVirtualItems();
   const totalSize = virtualizer.getTotalSize();
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -183383,7 +183931,6 @@ function ChatView({
 }) {
   const [initialSessionCleared, setInitialSessionCleared] = reactExports.useState(false);
   const composerObstructionRef = useToastObstruction();
-  const [contextMeterEnabled] = useExperimentalContextMeter();
   const sentinelRef = reactExports.useRef(null);
   const stickyContextRef = reactExports.useRef(null);
   const prevVisibleRef = reactExports.useRef(visible);
@@ -183590,6 +184137,19 @@ function ChatView({
     },
     [optimisticQueue, queue, workspaceId, chatId]
   );
+  const listRef = reactExports.useRef(null);
+  const rootRef = reactExports.useRef(null);
+  const stopStickToBottom = reactExports.useCallback(() => stickyContextRef.current?.stopScroll?.(), []);
+  const focusComposer = reactExports.useCallback(() => {
+    rootRef.current?.querySelector("[data-band-leaf-focus]")?.focus();
+  }, []);
+  const find2 = useChatFind({
+    messages,
+    scrollEl,
+    listRef,
+    onBeforeScroll: stopStickToBottom,
+    onClose: focusComposer
+  });
   const getMessageKey = reactExports.useCallback((message) => message.id, []);
   const messagesRef = reactExports.useRef(messages);
   messagesRef.current = messages;
@@ -183614,7 +184174,7 @@ function ChatView({
   const renderEntry = reactExports.useCallback((entry) => {
     switch (entry.kind) {
       case "text":
-        return entry.text.trim() ? /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: entry.text }, entry.id) : null;
+        return entry.text.trim() ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-chat-find-text": "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: entry.text }) }, entry.id) : null;
       case "thought":
         return /* @__PURE__ */ jsxRuntimeExports.jsxs("details", { className: "group/thought text-muted-foreground", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("summary", { className: "flex cursor-pointer list-none items-center gap-1.5 text-xs", children: [
@@ -183682,15 +184242,25 @@ function ChatView({
         entering = true;
       }
       if (message.role === "user") {
-        return /* @__PURE__ */ jsxRuntimeExports.jsx(
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
           Message,
           {
             from: "user",
             className: cn$2(entering && "chat-message-enter", message.pending && "opacity-80"),
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
-              message.files?.map((file2) => /* @__PURE__ */ jsxRuntimeExports.jsx(MessageFilePart, { part: { type: "file", ...file2 } }, file2.url)),
-              message.text.trim() && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: message.text })
-            ] })
+            children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
+                message.files?.map((file2) => /* @__PURE__ */ jsxRuntimeExports.jsx(MessageFilePart, { part: { type: "file", ...file2 } }, file2.url)),
+                message.text.trim() && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "data-chat-find-text": "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: message.text }) })
+              ] }),
+              !message.pending && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                MessageActions,
+                {
+                  text: message.text.trim(),
+                  createdAt: message.createdAt,
+                  align: "end"
+                }
+              )
+            ]
           }
         );
       }
@@ -183699,10 +184269,16 @@ function ChatView({
       );
       const showThinking = isLastMessage && isStreaming && !waiting;
       if (message.entries.length === 0 && !showThinking) return null;
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", className: entering ? "chat-message-enter" : void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
-        message.entries.map(renderEntry),
-        showThinking && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {})
-      ] }) });
+      const copyText = message.entries.flatMap((e3) => e3.kind === "text" && e3.text.trim() ? [e3.text.trim()] : []).join("\n\n");
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(Message, { from: "assistant", className: entering ? "chat-message-enter" : void 0, children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
+          groupEntries(message.entries).map(
+            (part) => part.kind === "entry" ? renderEntry(part.entry) : /* @__PURE__ */ jsxRuntimeExports.jsx(ToolGroup, { tools: part.tools, children: part.entries.map(renderEntry) }, part.id)
+          ),
+          showThinking && /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {})
+        ] }),
+        !(isLastMessage && isStreaming) && /* @__PURE__ */ jsxRuntimeExports.jsx(MessageActions, { text: copyText, createdAt: message.createdAt, align: "start" })
+      ] });
     },
     [isStreaming, renderEntry]
   );
@@ -183717,171 +184293,191 @@ function ChatView({
   return (
     // Scope every `band-file:` link clicked inside this chat to *this*
     // workspace (issue #539).
-    /* @__PURE__ */ jsxRuntimeExports.jsx(FileLinkWorkspaceProvider, { workspaceId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-h-0 flex-1 flex-col", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Conversation, { className: "min-h-0 flex-1", contextRef: stickyContextRef, children: [
-        loadingOlder && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "output",
-          {
-            className: "pointer-events-none absolute inset-x-0 top-2 z-10 flex justify-center",
-            "aria-busy": "true",
-            "aria-label": "Loading older messages",
-            "data-testid": "chat-pane__loading-older",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-2 rounded-full bg-background/90 px-3 py-1 text-xs text-muted-foreground shadow-sm", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
-              "Loading earlier messages…"
-            ] })
-          }
-        ),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs(ConversationContent, { children: [
-          hasMore && !loadingHistory && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sentinelRef, className: "h-px w-full shrink-0", "aria-hidden": "true" }),
-          messages.length === 0 && !subscription.isConnected && /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationSkeleton, {}),
-          messages.length === 0 && subscription.isConnected && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            ConversationEmptyState,
-            {
-              "data-testid": "chat-pane__empty-state",
-              icon: agentType ? /* @__PURE__ */ jsxRuntimeExports.jsx(AgentIcon, { type: agentType, className: "size-8" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "size-8" }),
-              title: workspaceName,
-              description: "Send a message to start coding"
-            }
-          ),
-          messages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            VirtualizedMessageList,
+    /* @__PURE__ */ jsxRuntimeExports.jsx(FileLinkWorkspaceProvider, { workspaceId, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        ref: rootRef,
+        "data-chat-pane": "",
+        "data-testid": "chat-pane",
+        tabIndex: -1,
+        onKeyDown: find2.onKeyDown,
+        className: "relative flex min-h-0 flex-1 flex-col outline-none",
+        children: [
+          find2.isOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SearchBar,
             {
-              items: messages,
-              getKey: getMessageKey,
-              renderItem: renderMessageItem
+              ref: find2.searchBarRef,
+              variant: "floating",
+              query: find2.query,
+              onQueryChange: find2.setQuery,
+              options: find2.options,
+              onOptionsChange: find2.setOptions,
+              placeholder: "Find in chat",
+              matchInfo: find2.matchInfo,
+              onNext: find2.findNext,
+              onPrevious: find2.findPrevious,
+              onClose: find2.close
             }
           ),
-          isStreaming && (!messages.length || messages[messages.length - 1].role === "user") && // No assistant-message testid on the standalone placeholder.
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", "data-testid": void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {}) }) }),
-          queuedMessagesView.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-            DndContext,
-            {
-              sensors: dndSensors,
-              collisionDetection: closestCenter,
-              onDragEnd: handleReorderQueued,
-              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                SortableContext,
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Conversation, { className: "min-h-0 flex-1", contextRef: stickyContextRef, children: [
+            loadingOlder && /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "output",
+              {
+                className: "pointer-events-none absolute inset-x-0 top-2 z-10 flex justify-center",
+                "aria-busy": "true",
+                "aria-label": "Loading older messages",
+                "data-testid": "chat-pane__loading-older",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex items-center gap-2 rounded-full bg-background/90 px-3 py-1 text-xs text-muted-foreground shadow-sm", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3.5 animate-spin" }),
+                  "Loading earlier messages…"
+                ] })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ConversationContent, { children: [
+              hasMore && !loadingHistory && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: sentinelRef, className: "h-px w-full shrink-0", "aria-hidden": "true" }),
+              messages.length === 0 && !subscription.isConnected && /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationSkeleton, {}),
+              messages.length === 0 && subscription.isConnected && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                ConversationEmptyState,
                 {
-                  items: queuedMessagesView.map((m2) => m2.id),
-                  strategy: verticalListSortingStrategy,
-                  children: queuedMessagesView.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    QueuedMessageBubble,
+                  "data-testid": "chat-pane__empty-state",
+                  icon: agentType ? /* @__PURE__ */ jsxRuntimeExports.jsx(AgentIcon, { type: agentType, className: "size-8" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Bot, { className: "size-8" }),
+                  title: workspaceName,
+                  description: "Send a message to start coding"
+                }
+              ),
+              messages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                VirtualizedMessageList,
+                {
+                  items: messages,
+                  getKey: getMessageKey,
+                  renderItem: renderMessageItem,
+                  listRef
+                }
+              ),
+              isStreaming && (!messages.length || messages[messages.length - 1].role === "user") && // No assistant-message testid on the standalone placeholder.
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", "data-testid": void 0, children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {}) }) }),
+              queuedMessagesView.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                DndContext,
+                {
+                  sensors: dndSensors,
+                  collisionDetection: closestCenter,
+                  onDragEnd: handleReorderQueued,
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    SortableContext,
                     {
-                      id: m2.id,
-                      text: m2.text,
-                      files: m2.files,
-                      onCancel: () => handleCancelQueued(m2.id),
-                      onEdit: (newText) => handleEditQueued(m2.id, newText)
-                    },
-                    m2.id
-                  ))
+                      items: queuedMessagesView.map((m2) => m2.id),
+                      strategy: verticalListSortingStrategy,
+                      children: queuedMessagesView.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                        QueuedMessageBubble,
+                        {
+                          id: m2.id,
+                          text: m2.text,
+                          files: m2.files,
+                          onCancel: () => handleCancelQueued(m2.id),
+                          onEdit: (newText) => handleEditQueued(m2.id, newText)
+                        },
+                        m2.id
+                      ))
+                    }
+                  )
                 }
               )
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationScrollButton, {})
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            "div",
+            {
+              ref: composerObstructionRef,
+              "data-testid": "chat-pane__composer",
+              className: "mx-auto w-full max-w-3xl shrink-0 px-3 lg:px-4 pt-2 pb-2 lg:pb-4",
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(TaskListWidget, { plan, workspaceId }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                  PromptInput,
+                  {
+                    onSubmit: handleSubmit,
+                    draftKey: workspaceId,
+                    visible,
+                    wsActive,
+                    workspaceId,
+                    chatId,
+                    children: [
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(SlashCommandSuggestions, { skills }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsx(FileMentionSuggestions, { workspaceId }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(PromptInputBody, { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          PromptInputTextarea,
+                          {
+                            placeholder: "Type a message...",
+                            "data-band-leaf-focus": "",
+                            "data-testid": "chat__composer",
+                            onEscape: handleEscape,
+                            onPreviousMessage: getLastUserMessage,
+                            onShiftTab: () => window.dispatchEvent(new CustomEvent("band:toggle-mode"))
+                          }
+                        ),
+                        /* @__PURE__ */ jsxRuntimeExports.jsx(
+                          PromptInputSubmit,
+                          {
+                            status: status === "submitting" ? "submitted" : status === "idle" ? "ready" : status,
+                            onStop: handleStop
+                          }
+                        )
+                      ] }),
+                      /* @__PURE__ */ jsxRuntimeExports.jsxs(PromptInputActions, { children: [
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-0.5", children: [
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputAttach, {}),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            SessionHistoryMenu,
+                            {
+                              workspaceId,
+                              chatId,
+                              activeSessionId: currentSessionId,
+                              onSelectSession: handleSelectSession,
+                              onNewSession: handleNewSession
+                            }
+                          ),
+                          pickers.modes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            ModeMenu,
+                            {
+                              modes: pickers.modes,
+                              selected: pickers.mode,
+                              onSelect: handleModeSelect
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-0.5", children: [
+                          (pickers.models.length > 0 || pickers.effort || pickers.fast || pickers.others.length > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                            ModelSettingsMenu,
+                            {
+                              models: pickers.models,
+                              selectedModel: pickers.model,
+                              groupByProvider: agentType === "opencode",
+                              onSelectModel: handleModelSelect,
+                              effort: pickers.effort,
+                              effortLabel: pickers.effortLabel,
+                              fast: pickers.fast,
+                              others: pickers.others,
+                              onConfig: handleConfig,
+                              modelsDisabled: isStreaming,
+                              pending: pendingConfig > 0
+                            }
+                          ),
+                          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMeter, { usage: session?.usage ?? null })
+                        ] })
+                      ] })
+                    ]
+                  }
+                )
+              ]
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationScrollButton, {})
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "div",
-        {
-          ref: composerObstructionRef,
-          "data-testid": "chat-pane__composer",
-          className: "mx-auto w-full max-w-3xl shrink-0 px-3 lg:px-4 pt-2 pb-2 lg:pb-4",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(TaskListWidget, { plan, workspaceId }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              PromptInput,
-              {
-                onSubmit: handleSubmit,
-                draftKey: workspaceId,
-                visible,
-                wsActive,
-                workspaceId,
-                chatId,
-                children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(SlashCommandSuggestions, { skills }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(FileMentionSuggestions, { workspaceId }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    PromptInputTextarea,
-                    {
-                      placeholder: "Type a message...",
-                      "data-band-leaf-focus": "",
-                      "data-testid": "chat__composer",
-                      onEscape: handleEscape,
-                      onPreviousMessage: getLastUserMessage,
-                      onShiftTab: () => window.dispatchEvent(new CustomEvent("band:toggle-mode"))
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(PromptInputActions, { children: [
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-0.5", children: [
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(PromptInputAttach, {}),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        SessionHistoryMenu,
-                        {
-                          workspaceId,
-                          chatId,
-                          activeSessionId: currentSessionId,
-                          onSelectSession: handleSelectSession,
-                          onNewSession: handleNewSession
-                        }
-                      ),
-                      contextMeterEnabled && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMeter, { usage: session?.usage ?? null, costUsd: session?.costUsd ?? null }),
-                      pickers.modes.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        ModeMenu,
-                        {
-                          modes: pickers.modes,
-                          selected: pickers.mode,
-                          onSelect: handleModeSelect
-                        }
-                      )
-                    ] }),
-                    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-0.5", children: [
-                      (pickers.models.length > 0 || pickers.effort || pickers.fast || pickers.others.length > 0) && /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        ModelSettingsMenu,
-                        {
-                          models: pickers.models,
-                          selectedModel: pickers.model,
-                          groupByProvider: agentType === "opencode",
-                          onSelectModel: handleModelSelect,
-                          effort: pickers.effort,
-                          effortLabel: pickers.effortLabel,
-                          fast: pickers.fast,
-                          others: pickers.others,
-                          onConfig: handleConfig,
-                          modelsDisabled: isStreaming,
-                          pending: pendingConfig > 0
-                        }
-                      ),
-                      /* @__PURE__ */ jsxRuntimeExports.jsx(
-                        PromptInputSubmit,
-                        {
-                          status: status === "submitting" ? "submitted" : status === "idle" ? "ready" : status,
-                          onStop: handleStop
-                        }
-                      )
-                    ] })
-                  ] })
-                ]
-              }
-            )
-          ]
-        }
-      )
-    ] }) })
+        ]
+      }
+    ) })
   );
 }
-function ModeIcon({ modeId, className }) {
-  switch (modeId) {
-    case "plan":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ScrollText, { className });
-    case "edit":
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(CodeXml, { className });
-    default:
-      return /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className });
-  }
-}
 function ModeMenu({
   modes,
   selected,
@@ -183890,21 +184486,18 @@ function ModeMenu({
   const current2 = modes.find((m2) => m2.id === selected) ?? modes[0];
   return /* @__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.jsxs(
+      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
         "button",
         {
           type: "button",
           "data-testid": "chat-pane__mode-menu",
           className: "inline-flex min-w-0 items-center gap-1 rounded-md px-1.5 py-1 text-xs font-medium text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(ModeIcon, { modeId: current2?.id ?? "", className: "size-3 shrink-0" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: current2?.name ?? "Mode" })
-          ]
+          children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: current2?.name ?? "Mode" })
         }
       ) }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { children: "⇧Tab" })
     ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", className: "min-w-[140px]", children: modes.map((mode) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "start", className: "min-w-[140px]", children: modes.map((mode) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       DropdownMenuItem,
       {
         onClick: () => onSelect(mode.id),
@@ -183912,13 +184505,10 @@ function ModeMenu({
           "flex items-start gap-2",
           mode.id === (selected ?? modes[0]?.id) ? "bg-accent" : ""
         ),
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(ModeIcon, { modeId: mode.id, className: "size-4 mt-0.5 shrink-0" }),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: mode.name }),
-            mode.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: mode.description })
-          ] })
-        ]
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-0.5", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-medium", children: mode.name }),
+          mode.description && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs text-muted-foreground", children: mode.description })
+        ] })
       },
       mode.id
     )) })
@@ -183964,7 +184554,7 @@ function ModelSettingsMenu({
             }
           ),
           fastOn && /* @__PURE__ */ jsxRuntimeExports.jsx(Zap, { "aria-label": "Fast mode on", className: "size-3 shrink-0" }),
-          pending2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 shrink-0 animate-spin text-muted-foreground" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3 shrink-0 text-muted-foreground" })
+          pending2 && /* @__PURE__ */ jsxRuntimeExports.jsx(LoaderCircle, { className: "size-3 shrink-0 animate-spin text-muted-foreground" })
         ]
       }
     ) }),
@@ -184052,7 +184642,7 @@ function ModelSettingsMenu({
             /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
               DropdownMenuSubContent,
               {
-                className: "w-64 max-h-[min(400px,var(--radix-dropdown-menu-content-available-height))]",
+                className: "w-64 [--popper-max-height:400px]",
                 "data-testid": "chat-pane__model-menu-more-models-content",
                 sideOffset: submenuOffset,
                 children: groupByProvider ? /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -184113,7 +184703,7 @@ function ProviderModelItems({
         /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuPortal, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
           DropdownMenuSubContent,
           {
-            className: "w-64 max-h-[min(400px,var(--radix-dropdown-menu-content-available-height))]",
+            className: "w-64 [--popper-max-height:400px]",
             "data-testid": `chat-pane__model-menu-provider--${group.id}-content`,
             sideOffset,
             children: group.models.map((model) => /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -184200,10 +184790,11 @@ function formatTokens$1(n2) {
 }
 const DONUT_RADIUS = 9;
 const DONUT_CIRCUMFERENCE = 2 * Math.PI * DONUT_RADIUS;
-function ContextMeter({
-  usage,
-  costUsd
-}) {
+function formatCost(cost) {
+  const digits = cost.amount < 1 ? 3 : 2;
+  return cost.currency === "USD" ? `$${cost.amount.toFixed(digits)}` : `${cost.amount.toFixed(digits)} ${cost.currency}`;
+}
+function ContextMeter({ usage }) {
   const pct = usage && usage.size > 0 ? Math.min(100, usage.used / usage.size * 100) : 0;
   const pctRounded = Math.round(pct);
   const danger = pct >= 85;
@@ -184225,7 +184816,7 @@ function ContextMeter({
         onPointerLeave: (e3) => {
           if (e3.pointerType === "mouse") setOpen(false);
         },
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", className: "size-5 -rotate-90 shrink-0", "aria-hidden": "true", children: [
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("svg", { viewBox: "0 0 24 24", className: "size-4 -rotate-90 shrink-0", "aria-hidden": "true", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "circle",
             {
@@ -184266,8 +184857,8 @@ function ContextMeter({
         className: "w-auto p-2",
         side: "top",
         align: "end",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "space-y-0.5 text-xs", children: [
-          usage ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-testid": "chat-pane__context-meter-details", className: "space-y-0.5 text-xs", children: [
+          usage ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-testid": "chat-pane__context-meter-usage", children: [
             "Context: ",
             usage.used.toLocaleString(),
             " / ",
@@ -184276,9 +184867,9 @@ function ContextMeter({
             pctRounded,
             "%)"
           ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: "No usage reported yet" }),
-          costUsd !== null && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            "Cost: $",
-            costUsd.toFixed(costUsd < 1 ? 3 : 2)
+          usage?.cost && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { "data-testid": "chat-pane__context-meter-cost", children: [
+            "Cost: ",
+            formatCost(usage.cost)
           ] })
         ] })
       }
@@ -196539,28 +197130,12 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
   const [mounted, setMounted] = reactExports.useState(() => /* @__PURE__ */ new Set());
   const pathname = useRouterState({ select: (s2) => s2.location.pathname });
   const activeWorkspaceId = parseWorkspaceFromPath(pathname);
-  const wrapperRef = reactExports.useRef(null);
-  const prevWorkspaceIdRef = reactExports.useRef(activeWorkspaceId);
   if (activeWorkspaceId && !mounted.has(activeWorkspaceId)) {
     setMounted((prev2) => {
       if (prev2.has(activeWorkspaceId)) return prev2;
       return new Set(prev2).add(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;
@@ -196595,7 +197170,7 @@ function MultiWorkspacePanelHost({ emptyState, children: children2 }) {
     }
     lastMountedRef.current = mounted;
   }, [mounted]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: wrapperRef, className: "relative h-full w-full", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative h-full w-full", children: [
     !activeWorkspaceId && emptyState,
     Array.from(mounted, (workspaceId) => {
       const isActive = workspaceId === activeWorkspaceId;
@@ -196939,7 +197514,7 @@ function SharedDockviewLayout() {
         e3.preventDefault();
         setSearchFilesOpen(true);
       } else if (key2 === "f" && !e3.shiftKey && !e3.altKey) {
-        if (terminalFocused) return;
+        if (terminalFocused || document.activeElement?.closest("[data-chat-pane]")) return;
         e3.preventDefault();
         const fn2 = ws ? findInFileRegistry.current.get(ws) : void 0;
         if (fn2) fn2();
@@ -197164,7 +197739,7 @@ function SharedDockviewLayout() {
   ] });
 }
 const TerminalPanel = reactExports.lazy(
-  () => import("./TerminalPanel-BE1IBqp5.js").then((m2) => ({ default: m2.TerminalPanel }))
+  () => import("./TerminalPanel-oz5y-mkP.js").then((m2) => ({ default: m2.TerminalPanel }))
 );
 const nestedTheme = {
   name: "band",
@@ -198329,9 +198904,9 @@ function FileLeaf({ params, api: api2 }) {
       const chosen = await pickSaveFile({ content: content2, defaultPath: workspacePath ?? void 0 });
       if (!chosen) return null;
       const chosenPosix = chosen.replace(/\\/g, "/");
-      const relative = workspacePath != null ? pathInside(workspacePath, chosenPosix) : null;
-      const isExternal = relative === null;
-      const newPath = relative ?? chosenPosix;
+      const relative2 = workspacePath != null ? pathInside(workspacePath, chosenPosix) : null;
+      const isExternal = relative2 === null;
+      const newPath = relative2 ?? chosenPosix;
       const actions = getWorkspaceLeafActions(workspaceIdRaw);
       removeFileTabState(workspaceIdRaw, filePathRaw);
       actions?.openFile(newPath, { external: isExternal, preview: false });
@@ -198793,7 +199368,7 @@ function SectionDiffFile({
     }),
     enabled: nearViewport && (section !== "branch" || !!mergeBase)
   });
-  const Chevron = collapsed ? ChevronRight : ChevronDown;
+  const Chevron2 = collapsed ? ChevronRight : ChevronDown;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
@@ -198810,7 +199385,7 @@ function SectionDiffFile({
               "aria-expanded": !collapsed,
               className: "flex min-w-0 flex-1 items-center gap-1.5 text-left",
               children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Chevron2, { className: "size-3.5 shrink-0 text-muted-foreground" }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium", title: entry.path, children: entry.oldPath ? `${entry.oldPath} → ${entry.path}` : entry.path }),
                 !!entry.additions && /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "shrink-0 text-green-600 dark:text-green-400", children: [
                   "+",
@@ -201455,7 +202030,7 @@ function CronjobDialog({
     ] }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-4 py-2", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "cj-name", children: "Name" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "cj-name", children: "Name" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Input,
           {
@@ -201467,7 +202042,7 @@ function CronjobDialog({
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "cj-prompt", children: "Prompt" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "cj-prompt", children: "Prompt" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Textarea,
           {
@@ -201480,7 +202055,7 @@ function CronjobDialog({
         )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "cj-cron", children: "Cron Expression" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "cj-cron", children: "Cron Expression" }),
         /* @__PURE__ */ jsxRuntimeExports.jsx(
           Input,
           {
@@ -201495,7 +202070,7 @@ function CronjobDialog({
       ] }),
       !editingJob && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: "Scope" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { children: "Scope" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: scope, onValueChange: (v2) => setScope(v2), children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
             /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
@@ -201505,7 +202080,7 @@ function CronjobDialog({
           ] })
         ] }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: "Project" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { children: "Project" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: selectedProject, onValueChange: handleProjectChange, children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { "data-testid": "cronjobs__project-select", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, { placeholder: "Select a project" }) }),
             /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: projects.map((p2) => /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectItem, { value: p2.name, children: [
@@ -201523,7 +202098,7 @@ function CronjobDialog({
           ] })
         ] }),
         scope === "workspace" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { children: "Workspace" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { children: "Workspace" }),
           /* @__PURE__ */ jsxRuntimeExports.jsxs(
             Select,
             {
@@ -201545,7 +202120,7 @@ function CronjobDialog({
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Switch, { checked: enabled, onCheckedChange: setEnabled, id: "cj-enabled" }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { htmlFor: "cj-enabled", children: "Enabled" })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { htmlFor: "cj-enabled", children: "Enabled" })
       ] }),
       submitError && /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-destructive", children: submitError })
     ] }),
@@ -221322,7 +221897,7 @@ function ReportsPageContent() {
           /* @__PURE__ */ jsxRuntimeExports.jsx(SelectContent, { children: PERIOD_OPTIONS.map((opt) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: opt.value, children: opt.label }, opt.value)) })
         ] }),
         period2 === "custom" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", htmlFor: "reports-from", children: "From" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { className: "text-xs text-muted-foreground", htmlFor: "reports-from", children: "From" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Input,
             {
@@ -221334,7 +221909,7 @@ function ReportsPageContent() {
               "data-testid": "reports__custom-from"
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$1, { className: "text-xs text-muted-foreground", htmlFor: "reports-to", children: "To" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Label$2, { className: "text-xs text-muted-foreground", htmlFor: "reports-to", children: "To" }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             Input,
             {
@@ -223817,18 +224392,18 @@ function ToolbarOverflowProvider({ children: children2 }) {
   );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(ToolbarOverflowContext.Provider, { value, children: [
     children2,
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showTasksDialog, onOpenChange: setShowTasksDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-6xl h-[80vh] flex flex-col p-0 gap-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showTasksDialog, onOpenChange: setShowTasksDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-6xl h-[calc(80vh/var(--app-zoom,1))] flex flex-col p-0 gap-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 border-b border-border/50 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Tasks" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(TasksPageContent, {})
     ] }) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showCronjobsDialog, onOpenChange: setShowCronjobsDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-6xl h-[80vh] flex flex-col p-0 gap-0", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showCronjobsDialog, onOpenChange: setShowCronjobsDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-6xl h-[calc(80vh/var(--app-zoom,1))] flex flex-col p-0 gap-0", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 border-b border-border/50 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Cronjobs" }) }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(CronjobsPageContent, {})
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showReportsDialog, onOpenChange: setShowReportsDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       DialogContent,
       {
-        className: "sm:max-w-6xl h-[80vh] flex flex-col p-0 gap-0",
+        className: "sm:max-w-6xl h-[calc(80vh/var(--app-zoom,1))] flex flex-col p-0 gap-0",
         "data-testid": "reports-dialog",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 border-b border-border/50 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Usage" }) }),
@@ -223839,7 +224414,7 @@ function ToolbarOverflowProvider({ children: children2 }) {
     /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: showResourcesDialog, onOpenChange: setShowResourcesDialog, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
       DialogContent,
       {
-        className: "sm:max-w-6xl h-[80vh] flex flex-col p-0 gap-0",
+        className: "sm:max-w-6xl h-[calc(80vh/var(--app-zoom,1))] flex flex-col p-0 gap-0",
         "data-testid": "resources-dialog",
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { className: "px-6 pt-6 pb-4 border-b border-border/50 shrink-0", children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Resources" }) }),
@@ -224784,12 +225359,12 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$1 = () => import("./index-B5Ou6PeY.js");
+const $$splitComponentImporter$1 = () => import("./index-WYUrghvu.js");
 const Route$1 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-C895SrvA.js");
-const $$splitComponentImporter = () => import("./workspace._workspaceId-DJjGZFKN.js");
+const $$splitNotFoundComponentImporter = () => import("./workspace._workspaceId-DMYkHS43.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId-Bd4v7PwG.js");
 const Route2 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter, "component"),
   // Bookmarks / shared links from before route unification (`/workspace/$id/changes`,
@@ -224957,11 +225532,11 @@ export {
   writeClipboardText as bS,
   readClipboardText as bT,
   ArrowLeft as bU,
-  ArrowUp as bV,
-  ArrowDown as bW,
-  ArrowRight as bX,
-  ClipboardCopy as bY,
-  ClipboardPaste as bZ,
+  ArrowDown as bV,
+  ArrowRight as bW,
+  ClipboardCopy as bX,
+  ClipboardPaste as bY,
+  CornerDownLeft as bZ,
   useSettingsQuery as b_,
   positionEdgeLabel as ba,
   insertEdgeLabel as bb,