@band-app/server 0.16.8 → 0.16.9

package/dist/server/assets/{router-DqGeMR0F.js → router-GhGSLKfP.js}

@@ -1093,44 +1093,44 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1q = [
+const __iconNode$1o = [
   ["path", { d: "M12 17V3", key: "1cwfxf" }],
   ["path", { d: "m6 11 6 6 6-6", key: "12ii2o" }],
   ["path", { d: "M19 21H5", key: "150jfl" }]
 ];
-const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1q);
-const __iconNode$1p = [
+const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1o);
+const __iconNode$1n = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1p);
-const __iconNode$1o = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1n);
+const __iconNode$1m = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1o);
-const __iconNode$1n = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1m);
+const __iconNode$1l = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1n);
-const __iconNode$1m = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1l);
+const __iconNode$1k = [
   ["path", { d: "m18 9-6-6-6 6", key: "kcunyi" }],
   ["path", { d: "M12 3v14", key: "7cf3v8" }],
   ["path", { d: "M5 21h14", key: "11awu3" }]
 ];
-const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1m);
-const __iconNode$1l = [
+const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1k);
+const __iconNode$1j = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1l);
-const __iconNode$1k = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1j);
+const __iconNode$1i = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M4.929 4.929 19.07 19.071", key: "196cmz" }]
 ];
-const Ban = createLucideIcon("ban", __iconNode$1k);
-const __iconNode$1j = [
+const Ban = createLucideIcon("ban", __iconNode$1i);
+const __iconNode$1h = [
   ["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" }],
@@ -1138,62 +1138,62 @@ const __iconNode$1j = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1j);
-const __iconNode$1i = [
+const Bot = createLucideIcon("bot", __iconNode$1h);
+const __iconNode$1g = [
   ["path", { d: "m2 16 4.039-9.69a.5.5 0 0 1 .923 0L11 16", key: "d5nyq2" }],
   ["path", { d: "M22 9v7", key: "pvm9v3" }],
   ["path", { d: "M3.304 13h6.392", key: "1q3zxz" }],
   ["circle", { cx: "18.5", cy: "12.5", r: "3.5", key: "z97x68" }]
 ];
-const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1i);
-const __iconNode$1h = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1h);
-const __iconNode$1g = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1g);
-const __iconNode$1f = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1e);
-const __iconNode$1d = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1d);
-const __iconNode$1c = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1g);
+const __iconNode$1f = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1f);
+const __iconNode$1e = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1e);
+const __iconNode$1d = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1d);
+const __iconNode$1c = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1c);
+const __iconNode$1b = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1b);
+const __iconNode$1a = [
   ["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$1c);
-const __iconNode$1b = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1a);
+const __iconNode$19 = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1b);
-const __iconNode$1a = [
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$19);
+const __iconNode$18 = [
   ["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$1a);
-const __iconNode$19 = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$18);
+const __iconNode$17 = [
   ["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$19);
-const __iconNode$18 = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$17);
+const __iconNode$16 = [
   ["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$18);
-const __iconNode$17 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$17);
-const __iconNode$16 = [
+const CircleX = createLucideIcon("circle-x", __iconNode$16);
+const __iconNode$15 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$15);
+const __iconNode$14 = [
   ["path", { d: "M11 14h10", key: "1w8e9d" }],
   ["path", { d: "M16 4h2a2 2 0 0 1 2 2v1.344", key: "1e62lh" }],
   ["path", { d: "m17 18 4-4-4-4", key: "z2g111" }],
   ["path", { d: "M8 4H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 1.793-1.113", key: "bjbb7m" }],
   ["rect", { x: "8", y: "2", width: "8", height: "4", rx: "1", key: "ublpy" }]
 ];
-const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$16);
-const __iconNode$15 = [
+const ClipboardPaste = createLucideIcon("clipboard-paste", __iconNode$14);
+const __iconNode$13 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1203,53 +1203,53 @@ const __iconNode$15 = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$15);
-const __iconNode$14 = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$13);
+const __iconNode$12 = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$14);
-const __iconNode$13 = [
+const Clock = createLucideIcon("clock", __iconNode$12);
+const __iconNode$11 = [
   ["path", { d: "m18 16 4-4-4-4", key: "1inbqp" }],
   ["path", { d: "m6 8-4 4 4 4", key: "15zrgr" }],
   ["path", { d: "m14.5 4-5 16", key: "e7oirm" }]
 ];
-const CodeXml = createLucideIcon("code-xml", __iconNode$13);
-const __iconNode$12 = [
+const CodeXml = createLucideIcon("code-xml", __iconNode$11);
+const __iconNode$10 = [
   ["path", { d: "m16 18 6-6-6-6", key: "eg8j8" }],
   ["path", { d: "m8 6-6 6 6 6", key: "ppft3o" }]
 ];
-const Code = createLucideIcon("code", __iconNode$12);
-const __iconNode$11 = [
+const Code = createLucideIcon("code", __iconNode$10);
+const __iconNode$$ = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M12 3v18", key: "108xh3" }]
 ];
-const Columns2 = createLucideIcon("columns-2", __iconNode$11);
-const __iconNode$10 = [
+const Columns2 = createLucideIcon("columns-2", __iconNode$$);
+const __iconNode$_ = [
   [
     "path",
     { d: "M15 6v12a3 3 0 1 0 3-3H6a3 3 0 1 0 3 3V6a3 3 0 1 0-3 3h12a3 3 0 1 0-3-3", key: "11bfej" }
   ]
 ];
-const Command$1 = createLucideIcon("command", __iconNode$10);
-const __iconNode$$ = [
+const Command$1 = createLucideIcon("command", __iconNode$_);
+const __iconNode$Z = [
   ["rect", { width: "14", height: "14", x: "8", y: "8", rx: "2", ry: "2", key: "17jyea" }],
   ["path", { d: "M4 16c-1.1 0-2-.9-2-2V4c0-1.1.9-2 2-2h10c1.1 0 2 .9 2 2", key: "zix9uf" }]
 ];
-const Copy = createLucideIcon("copy", __iconNode$$);
-const __iconNode$_ = [
+const Copy = createLucideIcon("copy", __iconNode$Z);
+const __iconNode$Y = [
   ["path", { d: "M12 15V3", key: "m9g1x1" }],
   ["path", { d: "M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4", key: "ih7n3h" }],
   ["path", { d: "m7 10 5 5 5-5", key: "brsn70" }]
 ];
-const Download = createLucideIcon("download", __iconNode$_);
-const __iconNode$Z = [
+const Download = createLucideIcon("download", __iconNode$Y);
+const __iconNode$X = [
   ["circle", { cx: "12", cy: "12", r: "1", key: "41hilf" }],
   ["circle", { cx: "12", cy: "5", r: "1", key: "gxeob9" }],
   ["circle", { cx: "12", cy: "19", r: "1", key: "lyex9k" }]
 ];
-const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$Z);
-const __iconNode$Y = [
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$X);
+const __iconNode$W = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -1259,14 +1259,14 @@ const __iconNode$Y = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$Y);
-const __iconNode$X = [
+const Expand = createLucideIcon("expand", __iconNode$W);
+const __iconNode$V = [
   ["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$X);
-const __iconNode$W = [
+const ExternalLink$1 = createLucideIcon("external-link", __iconNode$V);
+const __iconNode$U = [
   [
     "path",
     {
@@ -1276,8 +1276,8 @@ const __iconNode$W = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$W);
-const __iconNode$V = [
+const Eye = createLucideIcon("eye", __iconNode$U);
+const __iconNode$T = [
   [
     "path",
     {
@@ -1288,8 +1288,8 @@ const __iconNode$V = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$V);
-const __iconNode$U = [
+const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$T);
+const __iconNode$S = [
   [
     "path",
     {
@@ -1301,8 +1301,8 @@ const __iconNode$U = [
   ["path", { d: "M2 15h10", key: "jfw4w8" }],
   ["path", { d: "m9 18 3-3-3-3", key: "112psh" }]
 ];
-const FileInput = createLucideIcon("file-input", __iconNode$U);
-const __iconNode$T = [
+const FileInput = createLucideIcon("file-input", __iconNode$S);
+const __iconNode$R = [
   [
     "path",
     {
@@ -1314,8 +1314,8 @@ const __iconNode$T = [
   ["path", { d: "M9 15h6", key: "cctwl0" }],
   ["path", { d: "M12 18v-6", key: "17g6i2" }]
 ];
-const FilePlus = createLucideIcon("file-plus", __iconNode$T);
-const __iconNode$S = [
+const FilePlus = createLucideIcon("file-plus", __iconNode$R);
+const __iconNode$Q = [
   [
     "path",
     {
@@ -1328,8 +1328,8 @@ const __iconNode$S = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$S);
-const __iconNode$R = [
+const FileText = createLucideIcon("file-text", __iconNode$Q);
+const __iconNode$P = [
   [
     "path",
     {
@@ -1339,8 +1339,8 @@ const __iconNode$R = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File = createLucideIcon("file", __iconNode$R);
-const __iconNode$Q = [
+const File = createLucideIcon("file", __iconNode$P);
+const __iconNode$O = [
   [
     "path",
     {
@@ -1349,8 +1349,8 @@ const __iconNode$Q = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$Q);
-const __iconNode$P = [
+const FolderOpen = createLucideIcon("folder-open", __iconNode$O);
+const __iconNode$N = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -1361,8 +1361,8 @@ const __iconNode$P = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$P);
-const __iconNode$O = [
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$N);
+const __iconNode$M = [
   [
     "path",
     {
@@ -1371,8 +1371,8 @@ const __iconNode$O = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$O);
-const __iconNode$N = [
+const Folder = createLucideIcon("folder", __iconNode$M);
+const __iconNode$L = [
   [
     "path",
     {
@@ -1385,39 +1385,39 @@ const __iconNode$N = [
     { d: "M3 8.268a2 2 0 0 0-1 1.738V19a2 2 0 0 0 2 2h11a2 2 0 0 0 1.732-1", key: "yxbcw3" }
   ]
 ];
-const Folders = createLucideIcon("folders", __iconNode$N);
-const __iconNode$M = [
+const Folders = createLucideIcon("folders", __iconNode$L);
+const __iconNode$K = [
   ["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$M);
-const __iconNode$L = [
+const GitBranch = createLucideIcon("git-branch", __iconNode$K);
+const __iconNode$J = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$L);
-const __iconNode$K = [
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$J);
+const __iconNode$I = [
   ["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$K);
-const __iconNode$J = [
+const GitCompare = createLucideIcon("git-compare", __iconNode$I);
+const __iconNode$H = [
   ["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$J);
-const __iconNode$I = [
+const GitMerge = createLucideIcon("git-merge", __iconNode$H);
+const __iconNode$G = [
   ["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$I);
-const __iconNode$H = [
+const Globe = createLucideIcon("globe", __iconNode$G);
+const __iconNode$F = [
   ["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" }],
@@ -1425,14 +1425,8 @@ const __iconNode$H = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$H);
-const __iconNode$G = [
-  ["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$G);
-const __iconNode$F = [
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$F);
+const __iconNode$E = [
   ["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" }],
@@ -1446,31 +1440,31 @@ const __iconNode$F = [
   ],
   ["path", { d: "M21 15V5a2 2 0 0 0-2-2H9", key: "43el77" }]
 ];
-const ImageOff = createLucideIcon("image-off", __iconNode$F);
-const __iconNode$E = [
+const ImageOff = createLucideIcon("image-off", __iconNode$E);
+const __iconNode$D = [
   ["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$E);
-const __iconNode$D = [
+const Info$1 = createLucideIcon("info", __iconNode$D);
+const __iconNode$C = [
   ["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$D);
-const __iconNode$C = [
+const ListMinus = createLucideIcon("list-minus", __iconNode$C);
+const __iconNode$B = [
   ["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$C);
-const __iconNode$B = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
-const LoaderCircle = createLucideIcon("loader-circle", __iconNode$B);
-const __iconNode$A = [
+const ListTodo = createLucideIcon("list-todo", __iconNode$B);
+const __iconNode$A = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$A);
+const __iconNode$z = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -1480,21 +1474,21 @@ const __iconNode$A = [
   ["path", { d: "M2 12h4", key: "j09sii" }],
   ["path", { d: "m4.9 4.9 2.9 2.9", key: "giyufr" }]
 ];
-const Loader = createLucideIcon("loader", __iconNode$A);
-const __iconNode$z = [
+const Loader = createLucideIcon("loader", __iconNode$z);
+const __iconNode$y = [
   ["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$z);
-const __iconNode$y = [
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$y);
+const __iconNode$x = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
 ];
-const Menu$1 = createLucideIcon("menu", __iconNode$y);
-const __iconNode$x = [
+const Menu$1 = createLucideIcon("menu", __iconNode$x);
+const __iconNode$w = [
   [
     "path",
     {
@@ -1503,25 +1497,25 @@ const __iconNode$x = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$x);
-const __iconNode$w = [
+const MessageSquare = createLucideIcon("message-square", __iconNode$w);
+const __iconNode$v = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$w);
-const __iconNode$v = [
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$v);
+const __iconNode$u = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M9 3v18", key: "fh3hqa" }]
 ];
-const PanelLeft = createLucideIcon("panel-left", __iconNode$v);
-const __iconNode$u = [
+const PanelLeft = createLucideIcon("panel-left", __iconNode$u);
+const __iconNode$t = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }],
   ["path", { d: "M3 9h18", key: "1pudct" }]
 ];
-const PanelTop = createLucideIcon("panel-top", __iconNode$u);
-const __iconNode$t = [
+const PanelTop = createLucideIcon("panel-top", __iconNode$t);
+const __iconNode$s = [
   [
     "path",
     {
@@ -1530,8 +1524,8 @@ const __iconNode$t = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$t);
-const __iconNode$s = [
+const Paperclip = createLucideIcon("paperclip", __iconNode$s);
+const __iconNode$r = [
   [
     "path",
     {
@@ -1541,8 +1535,8 @@ const __iconNode$s = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$s);
-const __iconNode$r = [
+const Pencil = createLucideIcon("pencil", __iconNode$r);
+const __iconNode$q = [
   ["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" }],
@@ -1554,8 +1548,8 @@ const __iconNode$r = [
     }
   ]
 ];
-const PinOff = createLucideIcon("pin-off", __iconNode$r);
-const __iconNode$q = [
+const PinOff = createLucideIcon("pin-off", __iconNode$q);
+const __iconNode$p = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   [
     "path",
@@ -1565,8 +1559,8 @@ const __iconNode$q = [
     }
   ]
 ];
-const Pin = createLucideIcon("pin", __iconNode$q);
-const __iconNode$p = [
+const Pin = createLucideIcon("pin", __iconNode$p);
+const __iconNode$o = [
   [
     "path",
     {
@@ -1575,20 +1569,20 @@ const __iconNode$p = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$p);
-const __iconNode$o = [
+const Play = createLucideIcon("play", __iconNode$o);
+const __iconNode$n = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "M12 5v14", key: "s699le" }]
 ];
-const Plus = createLucideIcon("plus", __iconNode$o);
-const __iconNode$n = [
+const Plus = createLucideIcon("plus", __iconNode$n);
+const __iconNode$m = [
   ["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$n);
-const __iconNode$m = [
+const RefreshCw = createLucideIcon("refresh-cw", __iconNode$m);
+const __iconNode$l = [
   ["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" }],
@@ -1597,23 +1591,23 @@ const __iconNode$m = [
     { 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$m);
-const __iconNode$l = [
+const Regex = createLucideIcon("regex", __iconNode$l);
+const __iconNode$k = [
   ["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$l);
-const __iconNode$k = [
+const RotateCcw = createLucideIcon("rotate-ccw", __iconNode$k);
+const __iconNode$j = [
   ["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$k);
-const __iconNode$j = [
+const RotateCw = createLucideIcon("rotate-cw", __iconNode$j);
+const __iconNode$i = [
   ["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$j);
-const __iconNode$i = [
+const Rows2 = createLucideIcon("rows-2", __iconNode$i);
+const __iconNode$h = [
   [
     "path",
     {
@@ -1624,16 +1618,16 @@ const __iconNode$i = [
   ["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$i);
-const __iconNode$h = [
+const Save = createLucideIcon("save", __iconNode$h);
+const __iconNode$g = [
   ["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$h);
-const __iconNode$g = [
+const Scissors = createLucideIcon("scissors", __iconNode$g);
+const __iconNode$f = [
   ["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" }],
@@ -1645,13 +1639,13 @@ const __iconNode$g = [
     }
   ]
 ];
-const ScrollText = createLucideIcon("scroll-text", __iconNode$g);
-const __iconNode$f = [
+const ScrollText = createLucideIcon("scroll-text", __iconNode$f);
+const __iconNode$e = [
   ["path", { d: "m21 21-4.34-4.34", key: "14j7rj" }],
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }]
 ];
-const Search = createLucideIcon("search", __iconNode$f);
-const __iconNode$e = [
+const Search = createLucideIcon("search", __iconNode$e);
+const __iconNode$d = [
   [
     "path",
     {
@@ -1661,8 +1655,8 @@ const __iconNode$e = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Settings$1 = createLucideIcon("settings", __iconNode$e);
-const __iconNode$d = [
+const Settings$1 = createLucideIcon("settings", __iconNode$d);
+const __iconNode$c = [
   [
     "path",
     {
@@ -1674,18 +1668,18 @@ const __iconNode$d = [
   ["path", { d: "M22 4h-4", key: "gwowj6" }],
   ["circle", { cx: "4", cy: "20", r: "2", key: "6kqj1y" }]
 ];
-const Sparkles = createLucideIcon("sparkles", __iconNode$d);
-const __iconNode$c = [
+const Sparkles = createLucideIcon("sparkles", __iconNode$c);
+const __iconNode$b = [
   ["path", { d: "M21 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h6", key: "y09zxi" }],
   ["path", { d: "m21 3-9 9", key: "mpx6sq" }],
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }]
 ];
-const SquareArrowOutUpRight = createLucideIcon("square-arrow-out-up-right", __iconNode$c);
-const __iconNode$b = [
+const SquareArrowOutUpRight = createLucideIcon("square-arrow-out-up-right", __iconNode$b);
+const __iconNode$a = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", key: "afitv7" }]
 ];
-const Square = createLucideIcon("square", __iconNode$b);
-const __iconNode$a = [
+const Square = createLucideIcon("square", __iconNode$a);
+const __iconNode$9 = [
   [
     "path",
     {
@@ -1695,35 +1689,35 @@ const __iconNode$a = [
   ],
   ["circle", { cx: "7.5", cy: "7.5", r: ".5", fill: "currentColor", key: "kqv944" }]
 ];
-const Tag$1 = createLucideIcon("tag", __iconNode$a);
-const __iconNode$9 = [
+const Tag$1 = createLucideIcon("tag", __iconNode$9);
+const __iconNode$8 = [
   ["path", { d: "M12 19h8", key: "baeox8" }],
   ["path", { d: "m4 17 6-6-6-6", key: "1yngyt" }]
 ];
-const Terminal = createLucideIcon("terminal", __iconNode$9);
-const __iconNode$8 = [
+const Terminal = createLucideIcon("terminal", __iconNode$8);
+const __iconNode$7 = [
   ["path", { d: "M21 5H3", key: "1fi0y6" }],
   ["path", { d: "M10 12H3", key: "1ulcyk" }],
   ["path", { d: "M10 19H3", key: "108z41" }],
   ["circle", { cx: "17", cy: "15", r: "3", key: "1upz2a" }],
   ["path", { d: "m21 19-1.9-1.9", key: "dwi7p8" }]
 ];
-const TextSearch = createLucideIcon("text-search", __iconNode$8);
-const __iconNode$7 = [
+const TextSearch = createLucideIcon("text-search", __iconNode$7);
+const __iconNode$6 = [
   ["line", { x1: "10", x2: "14", y1: "2", y2: "2", key: "14vaq8" }],
   ["line", { x1: "12", x2: "15", y1: "14", y2: "11", key: "17fdiu" }],
   ["circle", { cx: "12", cy: "14", r: "8", key: "1e1u0o" }]
 ];
-const Timer$1 = createLucideIcon("timer", __iconNode$7);
-const __iconNode$6 = [
+const Timer$1 = createLucideIcon("timer", __iconNode$6);
+const __iconNode$5 = [
   ["path", { d: "M10 11v6", key: "nco0om" }],
   ["path", { d: "M14 11v6", key: "outv1u" }],
   ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6", key: "miytrc" }],
   ["path", { d: "M3 6h18", key: "d0wm0j" }],
   ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2", key: "e791ji" }]
 ];
-const Trash2 = createLucideIcon("trash-2", __iconNode$6);
-const __iconNode$5 = [
+const Trash2 = createLucideIcon("trash-2", __iconNode$5);
+const __iconNode$4 = [
   [
     "path",
     {
@@ -1734,13 +1728,13 @@ const __iconNode$5 = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$5);
-const __iconNode$4 = [
+const TriangleAlert = createLucideIcon("triangle-alert", __iconNode$4);
+const __iconNode$3 = [
   ["path", { d: "M9 14 4 9l5-5", key: "102s5s" }],
   ["path", { d: "M4 9h10.5a5.5 5.5 0 0 1 5.5 5.5a5.5 5.5 0 0 1-5.5 5.5H11", key: "f3b9sd" }]
 ];
-const Undo2 = createLucideIcon("undo-2", __iconNode$4);
-const __iconNode$3 = [
+const Undo2 = createLucideIcon("undo-2", __iconNode$3);
+const __iconNode$2 = [
   [
     "path",
     {
@@ -1756,25 +1750,15 @@ const __iconNode$3 = [
   ["path", { d: "M21 16h-4", key: "1cnmox" }],
   ["path", { d: "M11 3H9", key: "1obp7u" }]
 ];
-const WandSparkles = createLucideIcon("wand-sparkles", __iconNode$3);
-const __iconNode$2 = [
+const WandSparkles = createLucideIcon("wand-sparkles", __iconNode$2);
+const __iconNode$1 = [
   ["circle", { cx: "7", cy: "12", r: "3", key: "12clwm" }],
   ["path", { d: "M10 9v6", key: "17i7lo" }],
   ["circle", { cx: "17", cy: "12", r: "3", key: "gl7c2s" }],
   ["path", { d: "M14 7v8", key: "dl84cr" }],
   ["path", { d: "M22 17v1c0 .5-.5 1-1 1H3c-.5 0-1-.5-1-1v-1", key: "lt2kga" }]
 ];
-const WholeWord = createLucideIcon("whole-word", __iconNode$2);
-const __iconNode$1 = [
-  [
-    "path",
-    {
-      d: "M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.106-3.105c.32-.322.863-.22.983.218a6 6 0 0 1-8.259 7.057l-7.91 7.91a1 1 0 0 1-2.999-3l7.91-7.91a6 6 0 0 1 7.057-8.259c.438.12.54.662.219.984z",
-      key: "1ngwbx"
-    }
-  ]
-];
-const Wrench = createLucideIcon("wrench", __iconNode$1);
+const WholeWord = createLucideIcon("whole-word", __iconNode$1);
 const __iconNode = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
@@ -40516,53 +40500,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-B3U9PRLr.js").then((m2) => m2.javascript());
+        return import("./index-QxgXX0fb.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-B3U9PRLr.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-QxgXX0fb.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-B3U9PRLr.js").then(
+        return import("./index-QxgXX0fb.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-B3U9PRLr.js").then(
+        return import("./index-QxgXX0fb.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-DejplVdQ.js").then((m2) => m2.python());
+        return import("./index-DsGPaWHg.js").then((m2) => m2.python());
       case "html":
-        return import("./index-ukALXr65.js").then((m2) => m2.html());
+        return import("./index-egmIrLx2.js").then((m2) => m2.html());
       case "css":
-        return import("./index-DKtCHZcS.js").then((m2) => m2.css());
+        return import("./index-C245EJn1.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-CAfRymUE.js").then((m2) => m2.sass());
+        return import("./index-3wtbr7va.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-CxSyZwen.js").then((m2) => m2.less());
+        return import("./index-DZZ6NiTf.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-C71uG8NB.js").then((m2) => m2.json());
+        return import("./index-DXgP0Lsu.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-BBvVnzgd.js").then((m2) => m2.markdown());
+        return import("./index-Bs6a6-xI.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-C0kihLnk.js").then((m2) => m2.xml());
+        return import("./index-5N2Gh0ba.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-DnWmaxai.js").then((m2) => m2.yaml());
+        return import("./index-Bw42FDwO.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-73YfcfUk.js").then((m2) => m2.sql());
+        return import("./index-Dv-16VYI.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-C-7vS9m8.js").then((m2) => m2.rust());
+        return import("./index-C3N_Nx6h.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-DIahp6rS.js").then((m2) => m2.go());
+        return import("./index-B84Urg23.js").then((m2) => m2.go());
       case "java":
-        return import("./index-D_0vKELK.js").then((m2) => m2.java());
+        return import("./index-Bd5jTryJ.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-D_0vKELK.js").then((m2) => m2.java());
+        return import("./index-Bd5jTryJ.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-BaYLnq50.js").then((m2) => m2.cpp());
+        return import("./index-2gWBdIrR.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-BfyUYDbk.js").then((m2) => m2.php());
+        return import("./index-CwQ5qWPC.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -40618,6 +40602,17 @@ async function loadLanguage(lang) {
   }
 }
 function baseViewerExtensions(isDark2 = true, opts) {
+  const naturalHeight = opts?.naturalHeight ?? false;
+  const rootDarkStyles = { fontSize: "13px" };
+  const rootLightStyles = {
+    fontSize: "13px",
+    backgroundColor: "var(--background)"
+  };
+  if (!naturalHeight) {
+    rootDarkStyles.height = "100%";
+    rootLightStyles.height = "100%";
+  }
+  const scrollerStyles = naturalHeight ? { overflow: "visible" } : { overflow: "auto" };
   return [
     EditorState.readOnly.of(true),
     EditorView.editable.of(false),
@@ -40638,8 +40633,8 @@ function baseViewerExtensions(isDark2 = true, opts) {
     // Viewer-specific overrides
     EditorView.theme(
       isDark2 ? {
-        "&": { height: "100%", fontSize: "13px" },
-        ".cm-scroller": { overflow: "auto" },
+        "&": rootDarkStyles,
+        ".cm-scroller": scrollerStyles,
         ".cm-lineNumbers": { paddingLeft: "12px", paddingRight: "12px" },
         ".cm-activeLineGutter": { backgroundColor: "transparent" },
         ".cm-searchMatch": {
@@ -40650,8 +40645,8 @@ function baseViewerExtensions(isDark2 = true, opts) {
           backgroundColor: "rgba(255, 150, 50, 0.5)"
         }
       } : {
-        "&": { height: "100%", fontSize: "13px", backgroundColor: "var(--background)" },
-        ".cm-scroller": { overflow: "auto" },
+        "&": rootLightStyles,
+        ".cm-scroller": scrollerStyles,
         ".cm-lineNumbers": { paddingLeft: "12px", paddingRight: "12px" },
         ".cm-gutters": {
           backgroundColor: "var(--background)",
@@ -53972,7 +53967,7 @@ function DiffFileContent({
           a: {
             doc: oldText,
             extensions: [
-              ...baseViewerExtensions(isDark2, { skipLineNumbers: true }),
+              ...baseViewerExtensions(isDark2, { skipLineNumbers: true, naturalHeight: true }),
               makeLineNumbers(oldLineNumbers),
               hunkSeparatorExtension(oldHunkBoundaryLines, loadMore),
               selectionToChatExtension(filename, oldLineNumbers),
@@ -53982,7 +53977,7 @@ function DiffFileContent({
           b: {
             doc: newText,
             extensions: [
-              ...baseViewerExtensions(isDark2, { skipLineNumbers: true }),
+              ...baseViewerExtensions(isDark2, { skipLineNumbers: true, naturalHeight: true }),
               makeLineNumbers(newLineNumbers),
               hunkSeparatorExtension(newHunkBoundaryLines, loadMore),
               selectionToChatExtension(filename, newLineNumbers),
@@ -53996,7 +53991,7 @@ function DiffFileContent({
         onEditorViewsRef.current?.([viewRef.current.a, viewRef.current.b]);
       } else {
         const extensions = [
-          ...baseViewerExtensions(isDark2, { skipLineNumbers: true }),
+          ...baseViewerExtensions(isDark2, { skipLineNumbers: true, naturalHeight: true }),
           makeLineNumbers(newLineNumbers),
           hunkSeparatorExtension(newHunkBoundaryLines, loadMore),
           searchHighlightOnly(),
@@ -54023,7 +54018,11 @@ function DiffFileContent({
         onEditorViewsRef.current?.([viewRef.current]);
       }
     };
-    setup();
+    setup().catch((err) => {
+      if (cancelled) return;
+      console.error("[DiffFileContent] editor setup failed", err);
+      onEditorViewsRef.current?.([]);
+    });
     return () => {
       cancelled = true;
       if (viewRef.current) {
@@ -54069,6 +54068,16 @@ function LazyFileRow({
   const containerRef = reactExports.useRef(null);
   const diffBodyRef = reactExports.useRef(null);
   const [shouldMount, setShouldMount] = reactExports.useState(false);
+  const [editorRendered, setEditorRendered] = reactExports.useState(false);
+  const editorRenderRafRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    return () => {
+      if (editorRenderRafRef.current != null) {
+        cancelAnimationFrame(editorRenderRafRef.current);
+        editorRenderRafRef.current = null;
+      }
+    };
+  }, []);
   reactExports.useEffect(() => {
     if (!isOpen) {
       setShouldMount(false);
@@ -54098,7 +54107,7 @@ function LazyFileRow({
     return () => observer.disconnect();
   }, [isOpen, scrollContainerEl]);
   reactExports.useEffect(() => {
-    if (!shouldMount || !onMeasureHeight) return;
+    if (!shouldMount || !editorRendered || !onMeasureHeight) return;
     const el = diffBodyRef.current;
     if (!el) return;
     if (typeof ResizeObserver === "undefined") return;
@@ -54123,10 +54132,22 @@ function LazyFileRow({
       if (frame2 != null) cancelAnimationFrame(frame2);
       observer.disconnect();
     };
-  }, [shouldMount, filename, onMeasureHeight]);
+  }, [shouldMount, editorRendered, filename, onMeasureHeight]);
   const handleEditorViews = reactExports.useCallback(
     (views) => {
       onEditorViews?.(filename, views);
+      if (editorRenderRafRef.current != null) {
+        cancelAnimationFrame(editorRenderRafRef.current);
+        editorRenderRafRef.current = null;
+      }
+      if (views.length === 0) {
+        setEditorRendered(false);
+        return;
+      }
+      editorRenderRafRef.current = requestAnimationFrame(() => {
+        editorRenderRafRef.current = null;
+        setEditorRendered(true);
+      });
     },
     [filename, onEditorViews]
   );
@@ -54271,27 +54292,48 @@ function LazyFileRow({
             // CodeMirror editor — is reported back as
             // `measuredHeight`, then reused verbatim as the placeholder
             // height on the next unmount cycle.
-            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { ref: diffBodyRef, children: [
-              canLoadMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center border-b border-border/20 px-4 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: () => onShowFullFile(filename),
-                  className: "text-xs text-muted-foreground transition-colors hover:text-foreground",
-                  children: "Show full file"
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(
-                DiffFileContent,
-                {
-                  hunks: diff2,
-                  filename,
-                  viewMode,
-                  onEditorViews: handleEditorViews,
-                  onLoadMoreContext: canLoadMore ? () => onLoadMoreContext(filename) : void 0
-                }
-              )
-            ] })
+            //
+            // The `minHeight` hold prevents a layout shift during the
+            // window between (a) shouldMount flipping to true and (b)
+            // the editor's async `setup` finishing (loadLanguage await
+            // + new MergeView() + first paint). Without it the wrapper
+            // is empty-auto-height for that window, collapsing the row
+            // to the "Show full file" bar (~30px) and pushing every
+            // row below it upward; when the editor paints they snap
+            // back down. We pin the wrapper to the cached/estimated
+            // height (the same value the placeholder uses) until
+            // `editorRendered` flips, then let the editor's natural
+            // height take over. The ResizeObserver only attaches once
+            // `editorRendered` is true (see deps above), so the held
+            // value never bleeds into the measuredHeight cache.
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "div",
+              {
+                ref: diffBodyRef,
+                style: editorRendered ? void 0 : { minHeight: placeholderHeight },
+                children: [
+                  canLoadMore && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-center border-b border-border/20 px-4 py-1.5", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: () => onShowFullFile(filename),
+                      className: "text-xs text-muted-foreground transition-colors hover:text-foreground",
+                      children: "Show full file"
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    DiffFileContent,
+                    {
+                      hunks: diff2,
+                      filename,
+                      viewMode,
+                      onEditorViews: handleEditorViews,
+                      onLoadMoreContext: canLoadMore ? () => onLoadMoreContext(filename) : void 0
+                    }
+                  )
+                ]
+              }
+            )
           ) : (
             // Placeholder occupying the SAME pixel height the CodeMirror
             // editor would render at, so the row's overall size doesn't
@@ -82265,19 +82307,19 @@ function useFileTabs(workspaceId) {
   };
 }
 const DESKTOP_QUERY = "(min-width: 1024px)";
-function subscribe$2(cb) {
+function subscribe(cb) {
   const mql = window.matchMedia(DESKTOP_QUERY);
   mql.addEventListener("change", cb);
   return () => mql.removeEventListener("change", cb);
 }
-function getSnapshot$2() {
+function getSnapshot() {
   return window.matchMedia(DESKTOP_QUERY).matches;
 }
 function getServerSnapshot() {
   return false;
 }
 function useIsDesktop() {
-  return reactExports.useSyncExternalStore(subscribe$2, getSnapshot$2, getServerSnapshot);
+  return reactExports.useSyncExternalStore(subscribe, getSnapshot, getServerSnapshot);
 }
 function storageKey(workspaceId) {
   return `band-tab-state:${workspaceId}`;
@@ -82424,10 +82466,10 @@ function pathInside(parent, child) {
   return child.slice(prefix.length);
 }
 const pending = /* @__PURE__ */ new Map();
-const listeners$3 = /* @__PURE__ */ new Set();
+const listeners$1 = /* @__PURE__ */ new Set();
 function enqueueExternalOpen(workspaceId, filePath) {
   pending.set(workspaceId, { filePath });
-  for (const listener of listeners$3) listener();
+  for (const listener of listeners$1) listener();
 }
 function consumeExternalOpen(workspaceId) {
   const value = pending.get(workspaceId);
@@ -82436,9 +82478,9 @@ function consumeExternalOpen(workspaceId) {
   return value;
 }
 function subscribeExternalOpens(cb) {
-  listeners$3.add(cb);
+  listeners$1.add(cb);
   return () => {
-    listeners$3.delete(cb);
+    listeners$1.delete(cb);
   };
 }
 function getBasename$1(filePath) {
@@ -108117,7 +108159,7 @@ var tn = f$5("block", "before:content-[counter(line)]", "before:inline-block", "
 var et$1 = ({ className: e2, 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", e2), "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: e2 }) => jsxRuntimeExports.jsx("div", { className: "flex h-8 items-center text-muted-foreground text-xs", "data-language": e2, "data-streamdown": "code-block-header", children: jsxRuntimeExports.jsx("span", { className: "ml-1 font-mono lowercase", children: e2 }) });
-var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-CjyCfwez.js").then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), rt = ({ code: e2, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
+var cn = /\n+$/, dn = reactExports.lazy(() => import("./highlighted-body-B3W2YXNL-DjTWk17l.js").then((e2) => ({ default: e2.HighlightedCodeBlockBody }))), rt = ({ code: e2, language: t2, className: o3, children: n2, isIncomplete: s2 = false, ...r2 }) => {
   let i2 = reactExports.useMemo(() => e2.replace(cn, ""), [e2]), 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: e2 }, 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 }) })] }) });
@@ -108439,7 +108481,7 @@ var Dt = ({ children: e2, 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: e2 != null ? e2 : 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: e2, 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: e2 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-oS_2f_Id.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-CFPuUseQ.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke$1(e2, t2) {
   if (!(e2 != null && e2.position || t2 != null && t2.position)) return true;
   if (!(e2 != null && e2.position && (t2 != null && t2.position))) return false;
@@ -138071,7 +138113,7 @@ const invert = (color2, weight = 100) => {
 const {
   entries,
   setPrototypeOf,
-  isFrozen: isFrozen$1,
+  isFrozen,
   getPrototypeOf,
   getOwnPropertyDescriptor
 } = Object;
@@ -138154,7 +138196,7 @@ function addToSet(set2, array2) {
     if (typeof element2 === "string") {
       const lcElement = transformCaseFunc(element2);
       if (lcElement !== element2) {
-        if (!isFrozen$1(array2)) {
+        if (!isFrozen(array2)) {
           array2[l4] = lcElement;
         }
         element2 = lcElement;
@@ -158241,12 +158283,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-U80sNC8f.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-UMvdMLG3.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-Bq-O80sc.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-D1CdgGvI.js"), "loader")
       }
     ]
   ]);
@@ -158685,7 +158727,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-BJi6gbIt.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-CQcZX6cr.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -158702,7 +158744,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-ObYcdqyZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BYBNOZwM.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -158725,7 +158767,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-ObYcdqyZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BYBNOZwM.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -158739,7 +158781,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-CZOlCzBi.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-D14z9IvB.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -158753,7 +158795,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-C-GqaejI.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CrSfx7b3.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -158767,7 +158809,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-6c9A3Tfv.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CaG3uoK-.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -158781,7 +158823,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-C04udjz-.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-CeyMzohL.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -158794,7 +158836,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-oLEFnRFT.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CWkrHsNk.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -158807,7 +158849,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-nsrtyikJ.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-C25p2xz7.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -158821,7 +158863,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-DtoxEUbW.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-j8PckQEj.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -158835,7 +158877,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-CHkWIv3O.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-ACRVXQGO.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -158849,7 +158891,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-Cnkmy2xq.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-C_wFtq8b.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -158866,7 +158908,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-BHB2vhDs.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-CwIsZ53p.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -158883,7 +158925,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-BHB2vhDs.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-CwIsZ53p.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -158900,7 +158942,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-Chk4nsf_.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-B9MGwsuS.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -158920,7 +158962,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-DNIM2ODr.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-CLHd8oUa.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -158934,7 +158976,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-D3MBfJwF.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-ANqeM_TM.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -159001,7 +159043,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-ObYcdqyZ.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BYBNOZwM.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -159015,7 +159057,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-Fz2nlxYj.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-CqKot5RT.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -159029,7 +159071,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-BPhhfr5z.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-DlEXF5z8.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -159043,7 +159085,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-Czuz4I_Q.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-B0RkH45q.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -159057,7 +159099,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-XynupQoy.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-uzNSHudY.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -159071,7 +159113,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-BOTznhFu.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-C42mRVEn.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -159084,7 +159126,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-COmUOoRU.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-DViyYq-y.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -159097,7 +159139,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-CFdPLnD-.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-BahODDhX.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -159111,7 +159153,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DBRmPh1t.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-Br4iiUzH.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -159125,7 +159167,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-5ksUDb2Z.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-DtOD93m7.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -161427,28 +161469,6 @@ function CodeBrowserView({
     ) })
   );
 }
-function injectInitialUrls(layout, urls) {
-  if (!urls || urls.size === 0) return layout;
-  if (typeof layout !== "object" || layout === null) return layout;
-  const panels = layout.panels;
-  if (typeof panels !== "object" || panels === null) return layout;
-  let changed = false;
-  const nextPanels = {};
-  for (const [id28, panel] of Object.entries(panels)) {
-    const url = urls.get(id28);
-    if (url && typeof panel === "object" && panel !== null && typeof panel.params === "object" && panel.params !== null) {
-      const params = panel.params;
-      if (!params.initialUrl) {
-        nextPanels[id28] = { ...panel, params: { ...params, initialUrl: url } };
-        changed = true;
-        continue;
-      }
-    }
-    nextPanels[id28] = panel;
-  }
-  if (!changed) return layout;
-  return { ...layout, panels: nextPanels };
-}
 function cycleTabsInActiveGroup(api, direction, refocus) {
   const group = api?.activeGroup;
   if (!api || !group) return;
@@ -161523,1857 +161543,6 @@ function selectNeighbourBeforeRemove(api, panelId) {
   const previous2 = ordered[groupIdx === 0 ? ordered.length - 1 : groupIdx - 1];
   previous2?.activePanel?.api.setActive();
 }
-let domOverlayCount = 0;
-let manualHoldCount = 0;
-const listeners$2 = /* @__PURE__ */ new Set();
-let lastEmitted = false;
-function isFrozen() {
-  return domOverlayCount + manualHoldCount > 0;
-}
-function emitIfChanged() {
-  const next2 = isFrozen();
-  if (next2 === lastEmitted) return;
-  lastEmitted = next2;
-  for (const l4 of listeners$2) l4();
-}
-function subscribe$1(l4) {
-  listeners$2.add(l4);
-  return () => {
-    listeners$2.delete(l4);
-  };
-}
-function getSnapshot$1() {
-  return lastEmitted;
-}
-function useBrowserPaneFrozen() {
-  return reactExports.useSyncExternalStore(subscribe$1, getSnapshot$1, getSnapshot$1);
-}
-function acquireFreezeHold() {
-  manualHoldCount += 1;
-  emitIfChanged();
-  let released = false;
-  return () => {
-    if (released) return;
-    released = true;
-    manualHoldCount = Math.max(0, manualHoldCount - 1);
-    emitIfChanged();
-  };
-}
-function useFreezeWhile(open2) {
-  reactExports.useEffect(() => {
-    if (!open2) return;
-    return acquireFreezeHold();
-  }, [open2]);
-}
-const DEFAULT_OPTIONS = {
-  caseSensitive: false,
-  wholeWord: false,
-  regex: false
-};
-function useBrowserFindInPage({
-  key: key2,
-  keyName: keyName2
-}) {
-  const [isOpen, setIsOpen] = reactExports.useState(false);
-  const [query, setQuery] = reactExports.useState("");
-  const [options, setOptions] = reactExports.useState(DEFAULT_OPTIONS);
-  const [matchInfo, setMatchInfo] = reactExports.useState(null);
-  const searchBarRef = reactExports.useRef(null);
-  const keyRef = reactExports.useRef(key2);
-  keyRef.current = key2;
-  const activeRequestIdRef = reactExports.useRef(null);
-  const payloadKey = reactExports.useCallback(
-    (payload) => keyName2 === "browserId" ? payload.browser_id : payload.workspace_id,
-    [keyName2]
-  );
-  const buildArgs = reactExports.useCallback(
-    (extra = {}) => ({ [keyName2]: keyRef.current, ...extra }),
-    [keyName2]
-  );
-  const focusInput = reactExports.useCallback(() => {
-    requestAnimationFrame(() => {
-      searchBarRef.current?.focus();
-      searchBarRef.current?.select();
-    });
-  }, []);
-  const issueFind = reactExports.useCallback(
-    async (text2, opts = {}) => {
-      if (!isDesktop) return;
-      if (!text2) {
-        setMatchInfo(null);
-        activeRequestIdRef.current = null;
-        try {
-          await invoke("browser_stop_find_in_page", buildArgs({ action: "clearSelection" }));
-        } catch {
-        }
-        return;
-      }
-      if (!(opts.findNext ?? false)) {
-        setMatchInfo(null);
-        activeRequestIdRef.current = null;
-      }
-      try {
-        const reqId = await invoke(
-          "browser_find_in_page",
-          buildArgs({
-            text: text2,
-            options: {
-              matchCase: options.caseSensitive,
-              // First search for a query → omit findNext so Chromium
-              // rescans. Stepping → set findNext: true and toggle forward.
-              findNext: opts.findNext ?? false,
-              forward: opts.forward ?? true
-            }
-          })
-        );
-        if (typeof reqId === "number") activeRequestIdRef.current = reqId;
-      } catch (e2) {
-        console.error("browser_find_in_page failed:", e2);
-      }
-    },
-    [buildArgs, options.caseSensitive]
-  );
-  const close2 = reactExports.useCallback(() => {
-    setIsOpen(false);
-    setQuery("");
-    setMatchInfo(null);
-    activeRequestIdRef.current = null;
-    if (!isDesktop) return;
-    invoke("browser_stop_find_in_page", buildArgs({ action: "clearSelection" })).catch(
-      () => {
-      }
-    );
-  }, [buildArgs]);
-  const open2 = reactExports.useCallback(() => {
-    setIsOpen(true);
-    focusInput();
-  }, [focusInput]);
-  reactExports.useEffect(() => {
-    if (!isOpen) return;
-    void issueFind(query);
-  }, [query, isOpen, issueFind]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlisten;
-    void (async () => {
-      unlisten = await listen("browser-found-in-page", (event) => {
-        if (payloadKey(event.payload) !== keyRef.current) return;
-        if (activeRequestIdRef.current !== null && event.payload.request_id !== activeRequestIdRef.current) {
-          return;
-        }
-        setMatchInfo({
-          total: event.payload.matches,
-          // Chromium reports `0` while a query is being typed and the
-          // scan is mid-flight; promote to 0 of N so the UI shows
-          // "No results" until a match is selected.
-          current: event.payload.active_match_ordinal
-        });
-      });
-    })();
-    return () => unlisten?.();
-  }, [payloadKey]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlisten;
-    void (async () => {
-      unlisten = await listen("browser-find-shortcut", (event) => {
-        if (payloadKey(event.payload) !== keyRef.current) return;
-        setIsOpen(true);
-        focusInput();
-      });
-    })();
-    return () => unlisten?.();
-  }, [focusInput, payloadKey]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlisten;
-    void (async () => {
-      unlisten = await listen("browser-url-changed", (event) => {
-        if (payloadKey(event.payload) !== keyRef.current) return;
-        if (event.payload.loading) {
-          close2();
-        }
-      });
-    })();
-    return () => unlisten?.();
-  }, [close2, payloadKey]);
-  const findNext = reactExports.useCallback(() => {
-    if (!query) return;
-    void issueFind(query, { findNext: true, forward: true });
-  }, [query, issueFind]);
-  const findPrevious = reactExports.useCallback(() => {
-    if (!query) return;
-    void issueFind(query, { findNext: true, forward: false });
-  }, [query, issueFind]);
-  return {
-    isOpen,
-    open: open2,
-    close: close2,
-    query,
-    setQuery,
-    options,
-    setOptions,
-    matchInfo,
-    findNext,
-    findPrevious,
-    searchBarRef
-  };
-}
-const AUTOCOMPLETE_DEBOUNCE_MS = 50;
-const AUTOCOMPLETE_BLUR_CLOSE_MS = 100;
-function useBrowserPaneControls(args) {
-  const { key: key2, keyName: keyName2, workspaceId, currentUrlRef, setInputUrl, inputUrl, onNavigate } = args;
-  const find2 = useBrowserFindInPage({ key: key2, keyName: keyName2 });
-  const addressInputFocusedRef = reactExports.useRef(false);
-  const [autocompleteItems, setAutocompleteItems] = reactExports.useState([]);
-  const [autocompleteIsOpen, setAutocompleteIsOpen] = reactExports.useState(false);
-  const [autocompleteSelectedIndex, setAutocompleteSelectedIndex] = reactExports.useState(0);
-  useFreezeWhile(autocompleteIsOpen);
-  const closeAutocomplete = reactExports.useCallback(() => {
-    setAutocompleteIsOpen(false);
-    setAutocompleteItems([]);
-    setAutocompleteSelectedIndex(0);
-  }, []);
-  reactExports.useEffect(() => {
-    if (!addressInputFocusedRef.current) return;
-    const trimmed = inputUrl.trim();
-    if (trimmed === "") {
-      closeAutocomplete();
-      return;
-    }
-    if (trimmed === currentUrlRef.current.trim()) {
-      closeAutocomplete();
-      return;
-    }
-    let cancelled = false;
-    const handle2 = setTimeout(() => {
-      trpc.history.search.query({ workspaceId, query: trimmed, limit: 8 }).then((result) => {
-        if (cancelled) return;
-        if (result.entries.length === 0) {
-          closeAutocomplete();
-          return;
-        }
-        setAutocompleteItems(result.entries);
-        setAutocompleteIsOpen(true);
-        setAutocompleteSelectedIndex(0);
-      }).catch(() => {
-        if (!cancelled) closeAutocomplete();
-      });
-    }, AUTOCOMPLETE_DEBOUNCE_MS);
-    return () => {
-      cancelled = true;
-      clearTimeout(handle2);
-    };
-  }, [inputUrl, workspaceId, closeAutocomplete, currentUrlRef]);
-  const handleAddressFocus = reactExports.useCallback((e2) => {
-    addressInputFocusedRef.current = true;
-    e2.target.select();
-  }, []);
-  const handleAddressBlur = reactExports.useCallback(() => {
-    addressInputFocusedRef.current = false;
-    setInputUrl(currentUrlRef.current);
-    setTimeout(() => {
-      if (!addressInputFocusedRef.current) closeAutocomplete();
-    }, AUTOCOMPLETE_BLUR_CLOSE_MS);
-  }, [currentUrlRef, setInputUrl, closeAutocomplete]);
-  const handleAddressKeyDown = reactExports.useCallback(
-    (e2) => {
-      if (autocompleteIsOpen) {
-        if (e2.key === "ArrowDown") {
-          e2.preventDefault();
-          setAutocompleteSelectedIndex((i2) => Math.min(i2 + 1, autocompleteItems.length - 1));
-          return;
-        }
-        if (e2.key === "ArrowUp") {
-          e2.preventDefault();
-          setAutocompleteSelectedIndex((i2) => Math.max(i2 - 1, 0));
-          return;
-        }
-        if (e2.key === "Enter") {
-          const selected = autocompleteItems[autocompleteSelectedIndex];
-          if (selected) {
-            e2.preventDefault();
-            closeAutocomplete();
-            onNavigate(selected.url);
-            return;
-          }
-        }
-        if (e2.key === "Escape") {
-          e2.preventDefault();
-          closeAutocomplete();
-          return;
-        }
-      }
-      if (e2.key === "Enter") {
-        e2.preventDefault();
-        closeAutocomplete();
-        onNavigate(inputUrl);
-        return;
-      }
-      if (e2.key === "Escape") {
-        e2.preventDefault();
-        setInputUrl(currentUrlRef.current);
-        const input = e2.currentTarget;
-        requestAnimationFrame(() => {
-          if (input.isConnected) input.select();
-        });
-      }
-    },
-    [
-      inputUrl,
-      onNavigate,
-      setInputUrl,
-      currentUrlRef,
-      autocompleteIsOpen,
-      autocompleteItems,
-      autocompleteSelectedIndex,
-      closeAutocomplete
-    ]
-  );
-  const handlePaneKeyDown = reactExports.useCallback(
-    (e2) => {
-      if (e2.key.toLowerCase() !== "f") return;
-      if (e2.shiftKey || e2.altKey) return;
-      const isMac = /mac/i.test(navigator.userAgent);
-      const wantsFind = isMac ? e2.metaKey && !e2.ctrlKey : e2.ctrlKey && !e2.metaKey;
-      if (!wantsFind) return;
-      e2.preventDefault();
-      e2.stopPropagation();
-      find2.open();
-    },
-    [find2]
-  );
-  const handleToggleDevTools = reactExports.useCallback(async () => {
-    if (!isDesktop) return;
-    try {
-      await invoke("browser_toggle_dev_tools", { [keyName2]: key2 });
-    } catch (e2) {
-      console.error("browser_toggle_dev_tools failed:", e2);
-    }
-  }, [key2, keyName2]);
-  return {
-    find: find2,
-    addressInputFocusedRef,
-    handleAddressFocus,
-    handleAddressBlur,
-    handleAddressKeyDown,
-    handlePaneKeyDown,
-    handleToggleDevTools,
-    autocomplete: {
-      isOpen: autocompleteIsOpen,
-      items: autocompleteItems,
-      selectedIndex: autocompleteSelectedIndex,
-      close: closeAutocomplete,
-      setSelectedIndex: setAutocompleteSelectedIndex
-    },
-    paneDataAttrs: {
-      "data-band-browser-pane": "",
-      "data-band-browser-pane-key": key2,
-      "data-band-browser-pane-keyname": keyName2
-    }
-  };
-}
-function waitForPaint() {
-  return new Promise((resolve2) => {
-    requestAnimationFrame(() => requestAnimationFrame(() => resolve2()));
-  });
-}
-function useBrowserPaneFreeze(args) {
-  const { created, visible, ipcKeyRef } = args;
-  const frozen = useBrowserPaneFrozen();
-  const [snapshot, setSnapshot] = reactExports.useState(null);
-  const freezeAppliedRef = reactExports.useRef(false);
-  reactExports.useEffect(() => {
-    if (!isDesktop || !created) return;
-    let cancelled = false;
-    if (frozen) {
-      if (!visible) return;
-      const ipcKey = ipcKeyRef.current;
-      (async () => {
-        try {
-          const dataUrl = await invoke("browser_capture_page", ipcKey);
-          if (!cancelled && dataUrl) {
-            reactDomExports.flushSync(() => setSnapshot(dataUrl));
-            await waitForPaint();
-          }
-        } catch {
-        }
-        if (cancelled) return;
-        freezeAppliedRef.current = true;
-        invoke("browser_pause_media", ipcKey).catch(() => {
-        });
-        invoke("browser_hide", ipcKey).catch(() => {
-        });
-      })();
-    } else {
-      if (freezeAppliedRef.current) {
-        freezeAppliedRef.current = false;
-        const ipcKey = ipcKeyRef.current;
-        invoke("browser_show", ipcKey).catch(() => {
-        });
-        invoke("browser_resume_media", ipcKey).catch(() => {
-        });
-        (async () => {
-          await waitForPaint();
-          if (!cancelled) setSnapshot(null);
-        })();
-      } else {
-        setSnapshot(null);
-      }
-    }
-    return () => {
-      cancelled = true;
-    };
-  }, [frozen, created, visible, ipcKeyRef]);
-  return { snapshot };
-}
-let hosts = /* @__PURE__ */ new Set();
-const listeners$1 = /* @__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();
-}
-function addHost(raw2) {
-  const h2 = raw2.toLowerCase();
-  if (!h2 || hosts.has(h2)) return;
-  setHosts((prev2) => {
-    const next2 = new Set(prev2);
-    next2.add(h2);
-    return next2;
-  });
-}
-function bootstrap() {
-  if (bootstrapped) return;
-  if (!isDesktop) return;
-  bootstrapped = true;
-  void listen("browser-host-overridden", (event) => {
-    if (event.payload.host) addHost(event.payload.host);
-  }).catch((err) => {
-    console.error("browser-host-overridden listen failed:", err);
-    bootstrapped = false;
-  });
-  invoke("browser_get_overridden_hosts").then((list2) => {
-    if (!Array.isArray(list2)) return;
-    for (const h2 of list2) addHost(h2);
-  }).catch((err) => {
-    console.error("browser_get_overridden_hosts failed:", err);
-  });
-}
-function subscribe(cb) {
-  bootstrap();
-  listeners$1.add(cb);
-  return () => {
-    listeners$1.delete(cb);
-  };
-}
-function getSnapshot() {
-  return hosts;
-}
-function useOverriddenHosts() {
-  const currentHosts = reactExports.useSyncExternalStore(subscribe, getSnapshot, getSnapshot);
-  const isOverriddenHost = reactExports.useCallback(
-    (currentUrl) => {
-      if (!currentUrl) return false;
-      let host;
-      try {
-        host = new URL(currentUrl).hostname.toLowerCase();
-      } catch {
-        return false;
-      }
-      return currentHosts.has(host);
-    },
-    [currentHosts]
-  );
-  return { isOverriddenHost };
-}
-function AddressBarAutocomplete({ state: state2, onSelect }) {
-  if (!state2.isOpen || state2.items.length === 0) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    "div",
-    {
-      className: "absolute top-full left-0 right-0 z-20 mx-2 mt-1 overflow-hidden rounded-md border border-border bg-popover shadow-md",
-      onMouseDown: (e2) => {
-        e2.preventDefault();
-      },
-      children: /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { className: "max-h-80 overflow-y-auto py-1", children: state2.items.map((item, index2) => {
-        const selected = index2 === state2.selectedIndex;
-        return /* @__PURE__ */ jsxRuntimeExports.jsx("li", { children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          "button",
-          {
-            type: "button",
-            onMouseDown: (e2) => {
-              e2.preventDefault();
-              onSelect(item.url);
-              state2.close();
-            },
-            onMouseEnter: () => state2.setSelectedIndex(index2),
-            className: `flex w-full items-center gap-2 px-3 py-1.5 text-left text-sm transition-colors ${selected ? "bg-accent text-foreground" : "text-foreground hover:bg-accent/60"}`,
-            children: [
-              item.faviconUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "img",
-                {
-                  src: item.faviconUrl,
-                  alt: "",
-                  className: "size-4 shrink-0 rounded-sm",
-                  onError: (e2) => {
-                    e2.currentTarget.style.display = "none";
-                  }
-                }
-              ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-4 shrink-0 text-muted-foreground" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [
-                item.title ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate font-medium leading-tight", children: item.title }) : null,
-                /* @__PURE__ */ jsxRuntimeExports.jsx(
-                  "span",
-                  {
-                    className: `truncate text-xs leading-tight ${item.title ? "text-muted-foreground" : "text-foreground"}`,
-                    children: item.url
-                  }
-                )
-              ] })
-            ]
-          }
-        ) }, item.id);
-      }) })
-    }
-  );
-}
-function BrowserFindBar({ find: find2 }) {
-  if (!find2.isOpen) return null;
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(
-    SearchBar,
-    {
-      ref: find2.searchBarRef,
-      query: find2.query,
-      onQueryChange: find2.setQuery,
-      options: find2.options,
-      onOptionsChange: find2.setOptions,
-      placeholder: "Find in page",
-      matchInfo: find2.matchInfo ?? void 0,
-      onNext: find2.findNext,
-      onPrevious: find2.findPrevious,
-      onClose: find2.close,
-      visibleOptions: ["caseSensitive"]
-    }
-  );
-}
-const SEARCH_DEBOUNCE_MS = 150;
-const LIST_LIMIT = 200;
-function groupByDay(entries2) {
-  const groups = /* @__PURE__ */ new Map();
-  const order2 = [];
-  for (const entry of entries2) {
-    const dayKey = dayKeyFor(entry.lastVisitedAt);
-    let group = groups.get(dayKey);
-    if (!group) {
-      group = { label: labelFor(dayKey), entries: [] };
-      groups.set(dayKey, group);
-      order2.push(dayKey);
-    }
-    group.entries.push(entry);
-  }
-  return order2.map((k2) => groups.get(k2));
-}
-function dayKeyFor(ts) {
-  const d2 = new Date(ts);
-  const y4 = d2.getFullYear();
-  const m2 = String(d2.getMonth() + 1).padStart(2, "0");
-  const day = String(d2.getDate()).padStart(2, "0");
-  return `${y4}-${m2}-${day}`;
-}
-function labelFor(dayKey) {
-  const now2 = /* @__PURE__ */ new Date();
-  const today = dayKeyFor(now2.getTime());
-  const yesterdayDate = new Date(now2.getFullYear(), now2.getMonth(), now2.getDate() - 1);
-  const yesterday = dayKeyFor(yesterdayDate.getTime());
-  if (dayKey === today) return "Today";
-  if (dayKey === yesterday) return "Yesterday";
-  const [y4, m2, d2] = dayKey.split("-").map(Number);
-  const date2 = new Date(y4, m2 - 1, d2);
-  const daysSince = Math.floor((Date.now() - date2.getTime()) / (24 * 60 * 60 * 1e3));
-  if (daysSince <= 7) {
-    return date2.toLocaleDateString(void 0, { weekday: "long", month: "short", day: "numeric" });
-  }
-  return date2.toLocaleDateString(void 0, { year: "numeric", month: "short", day: "numeric" });
-}
-function timeFor(ts) {
-  return new Date(ts).toLocaleTimeString(void 0, { hour: "numeric", minute: "2-digit" });
-}
-function HistoryPopover({ workspaceId, onNavigate }) {
-  const searchId = reactExports.useId();
-  const [open2, setOpen] = reactExports.useState(false);
-  const [query, setQuery] = reactExports.useState("");
-  const [entries2, setEntries] = reactExports.useState([]);
-  const [loading, setLoading] = reactExports.useState(false);
-  const [reloadKey, setReloadKey] = reactExports.useState(0);
-  const refresh = reactExports.useCallback(() => {
-    setReloadKey((k2) => k2 + 1);
-  }, []);
-  reactExports.useEffect(() => {
-    if (!open2) return;
-    let cancelled = false;
-    setLoading(true);
-    const trimmed = query.trim();
-    const fire = () => {
-      const promise = trimmed ? trpc.history.search.query({ workspaceId, query: trimmed, limit: 50 }) : trpc.history.list.query({ workspaceId, limit: LIST_LIMIT });
-      promise.then((result) => {
-        if (cancelled) return;
-        setEntries(result.entries);
-      }).catch(() => {
-        if (!cancelled) setEntries([]);
-      }).finally(() => {
-        if (!cancelled) setLoading(false);
-      });
-    };
-    const delay = trimmed ? SEARCH_DEBOUNCE_MS : 0;
-    const handle2 = setTimeout(fire, delay);
-    return () => {
-      cancelled = true;
-      clearTimeout(handle2);
-    };
-  }, [open2, query, workspaceId, reloadKey]);
-  const groups = reactExports.useMemo(() => groupByDay(entries2), [entries2]);
-  const handleNavigate = reactExports.useCallback(
-    (url) => {
-      onNavigate(url);
-      setOpen(false);
-    },
-    [onNavigate]
-  );
-  const handleDelete2 = reactExports.useCallback(
-    async (id28) => {
-      await trpc.history.delete.mutate({ id: id28, workspaceId }).catch(() => {
-      });
-      refresh();
-    },
-    [refresh, workspaceId]
-  );
-  const handleClear = reactExports.useCallback(
-    async (range2) => {
-      await trpc.history.clear.mutate({ workspaceId, range: range2 }).catch(() => {
-      });
-      refresh();
-    },
-    [refresh, workspaceId]
-  );
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(Popover, { open: open2, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-        title: "History",
-        "aria-label": "Browser history",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(History, { className: "size-4" })
-      }
-    ) }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      PopoverContent,
-      {
-        align: "end",
-        sideOffset: 6,
-        className: "w-[440px] p-0",
-        onOpenAutoFocus: (e2) => {
-          e2.preventDefault();
-          const input = document.getElementById(searchId);
-          if (input) input.focus();
-        },
-        children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 border-b border-border px-3 py-2", children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-4 shrink-0 text-muted-foreground" }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx(
-              "input",
-              {
-                id: searchId,
-                type: "text",
-                value: query,
-                onChange: (e2) => setQuery(e2.target.value),
-                placeholder: "Search history",
-                className: "min-w-0 flex-1 bg-transparent text-sm outline-none placeholder:text-muted-foreground"
-              }
-            )
-          ] }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "max-h-[420px] overflow-y-auto", children: loading && entries2.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: "Loading…" }) : groups.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "px-3 py-6 text-center text-sm text-muted-foreground", children: query ? "No matching history" : "No history yet" }) : groups.map((group) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "sticky top-0 z-10 border-b border-border bg-popover px-3 py-1 text-xs font-medium text-muted-foreground", children: group.label }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("ul", { children: group.entries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "li",
-              {
-                className: "group relative flex min-w-0 items-center gap-2 py-1.5 pl-3 pr-2 hover:bg-accent/60",
-                children: [
-                  entry.faviconUrl ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "img",
-                    {
-                      src: entry.faviconUrl,
-                      alt: "",
-                      className: "size-4 shrink-0 rounded-sm",
-                      onError: (e2) => {
-                        e2.currentTarget.style.display = "none";
-                      }
-                    }
-                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-4 shrink-0 text-muted-foreground" }),
-                  /* @__PURE__ */ jsxRuntimeExports.jsxs(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => handleNavigate(entry.url),
-                      className: "flex min-w-0 flex-1 flex-col items-stretch gap-0.5 overflow-hidden pr-6 text-left",
-                      children: [
-                        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "block truncate text-sm font-medium leading-tight text-foreground", children: entry.title || entry.url }),
-                        /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "flex min-w-0 items-baseline gap-2 leading-tight", children: [
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate text-xs text-muted-foreground", children: entry.url }),
-                          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-[11px] text-muted-foreground tabular-nums", children: timeFor(entry.lastVisitedAt) })
-                        ] })
-                      ]
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    "button",
-                    {
-                      type: "button",
-                      onClick: () => handleDelete2(entry.id),
-                      className: "absolute right-2 top-1/2 -translate-y-1/2 rounded p-0.5 text-muted-foreground opacity-0 transition-opacity hover:bg-destructive/10 hover:text-destructive group-hover:opacity-100",
-                      title: "Delete entry",
-                      "aria-label": "Delete entry",
-                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-3.5" })
-                    }
-                  )
-                ]
-              },
-              entry.id
-            )) })
-          ] }, group.label)) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center justify-end border-t border-border px-3 py-2", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-              "button",
-              {
-                type: "button",
-                className: "flex items-center gap-1 rounded px-2 py-1 text-xs text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-                children: [
-                  "Clear ",
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3" })
-                ]
-              }
-            ) }),
-            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onSelect: () => handleClear("hour"), children: "Last hour" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onSelect: () => handleClear("day"), children: "Last 24 hours" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onSelect: () => handleClear("week"), children: "Last week" }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuItem, { onSelect: () => handleClear("all"), children: "All time" })
-            ] })
-          ] }) })
-        ]
-      }
-    )
-  ] });
-}
-function NotSecureBadge() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
-    "span",
-    {
-      className: "inline-flex shrink-0 items-center gap-1 rounded bg-destructive/10 px-1.5 py-0.5 text-[10px] font-medium uppercase tracking-wide text-destructive",
-      title: "The certificate for this site was overridden for the current session. Use with caution.",
-      "data-testid": "cert-not-secure-badge",
-      children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-3", "aria-hidden": true }),
-        "Not secure"
-      ]
-    }
-  );
-}
-const DEFAULT_URL = "";
-const BLANK_URL = "about:blank";
-const faviconMap = /* @__PURE__ */ new Map();
-const faviconListeners$1 = /* @__PURE__ */ new Set();
-function setFaviconUrl(browserId, url) {
-  if (faviconMap.get(browserId) !== url) {
-    faviconMap.set(browserId, url);
-    for (const listener of faviconListeners$1) listener();
-  }
-}
-function subscribeFavicons$1(cb) {
-  faviconListeners$1.add(cb);
-  return () => {
-    faviconListeners$1.delete(cb);
-  };
-}
-function useFavicon(browserId) {
-  return reactExports.useSyncExternalStore(subscribeFavicons$1, () => faviconMap.get(browserId));
-}
-function BrowserPaneComponent({
-  params,
-  api
-}) {
-  const { browserId, initialUrl, workspaceId: workspaceIdParam } = params;
-  const [currentUrl, setCurrentUrl] = reactExports.useState(() => initialUrl ?? DEFAULT_URL);
-  const [inputUrl, setInputUrl] = reactExports.useState(() => initialUrl ?? DEFAULT_URL);
-  const [loading, setLoading] = reactExports.useState(false);
-  const [created, setCreated] = reactExports.useState(false);
-  const createdRef = reactExports.useRef(false);
-  const placeholderRef = reactExports.useRef(null);
-  const creatingRef = reactExports.useRef(false);
-  const pendingNavRef = reactExports.useRef(null);
-  const browserIdRef = reactExports.useRef(browserId);
-  browserIdRef.current = browserId;
-  const currentUrlRef = reactExports.useRef(currentUrl);
-  currentUrlRef.current = currentUrl;
-  const [workspaceId, setWorkspaceId] = reactExports.useState(workspaceIdParam ?? "");
-  const workspaceIdRef = reactExports.useRef(workspaceId);
-  workspaceIdRef.current = workspaceId;
-  const ipcKeyRef = reactExports.useRef({ browserId });
-  ipcKeyRef.current = { browserId };
-  const { snapshot } = useBrowserPaneFreeze({
-    created,
-    visible: api.isVisible && params.wsActive !== false,
-    ipcKeyRef
-  });
-  const { isOverriddenHost } = useOverriddenHosts();
-  const getBounds = reactExports.useCallback(() => {
-    const el = placeholderRef.current;
-    if (!el) return null;
-    const rect2 = el.getBoundingClientRect();
-    return {
-      x: rect2.left + 1,
-      y: rect2.top,
-      width: Math.max(0, rect2.width - 2),
-      height: rect2.height
-    };
-  }, []);
-  const invoke$1 = reactExports.useCallback(async (cmd2, args) => {
-    if (!isDesktop) return;
-    return invoke(cmd2, args);
-  }, []);
-  reactExports.useEffect(() => {
-    if (!browserId || initialUrl) return;
-    let cancelled = false;
-    trpc.browsers.get.query({ browserId }).then((result) => {
-      if (cancelled) return;
-      const ws = result.browser?.workspaceId;
-      if (ws && !workspaceIdRef.current) {
-        setWorkspaceId(ws);
-      }
-      const url = result.browser?.url;
-      if (!url || url === "" || url === BLANK_URL) return;
-      setCurrentUrl(url);
-      setInputUrl(url);
-      if (createdRef.current) {
-        invoke$1("browser_navigate", { browserId, url }).catch(() => {
-        });
-      } else {
-        pendingNavRef.current = url;
-      }
-    }).catch(() => {
-    });
-    return () => {
-      cancelled = true;
-    };
-  }, [browserId, initialUrl, invoke$1]);
-  reactExports.useEffect(() => {
-    if (!isDesktop || created || creatingRef.current) return;
-    const el = placeholderRef.current;
-    if (!el) return;
-    let cancelled = false;
-    const tryCreate = async () => {
-      if (cancelled || createdRef.current || creatingRef.current) return;
-      const bounds = getBounds();
-      if (!bounds || bounds.width === 0 || bounds.height === 0) return;
-      observer.disconnect();
-      creatingRef.current = true;
-      try {
-        await invoke$1("browser_create", {
-          browserId,
-          ...bounds,
-          url: currentUrlRef.current || BLANK_URL
-        });
-        createdRef.current = true;
-        setCreated(true);
-        const pending2 = pendingNavRef.current;
-        if (pending2) {
-          pendingNavRef.current = null;
-          await invoke$1("browser_navigate", {
-            browserId: browserIdRef.current,
-            url: pending2
-          });
-        }
-      } catch (e2) {
-        console.error("Failed to create browser webview:", e2);
-      } finally {
-        creatingRef.current = false;
-      }
-    };
-    const observer = new ResizeObserver(() => {
-      tryCreate();
-    });
-    observer.observe(el);
-    const timer2 = setTimeout(tryCreate, 50);
-    return () => {
-      cancelled = true;
-      clearTimeout(timer2);
-      observer.disconnect();
-    };
-  }, [created, getBounds, invoke$1, browserId]);
-  const urlPersistTimer = reactExports.useRef(null);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlistenUrl;
-    let unlistenTitle;
-    (async () => {
-      unlistenUrl = await listen("browser-url-changed", (event) => {
-        if (event.payload.browser_id !== browserIdRef.current) return;
-        const url = event.payload.url;
-        setLoading(event.payload.loading);
-        if (url === BLANK_URL) return;
-        setCurrentUrl(url);
-        if (!addressInputFocusedRef.current) {
-          setInputUrl(url);
-        }
-        if (urlPersistTimer.current) clearTimeout(urlPersistTimer.current);
-        urlPersistTimer.current = setTimeout(() => {
-          trpc.browsers.navigate.mutate({ browserId: browserIdRef.current, url }).catch(() => {
-          });
-        }, 500);
-        let faviconForHistory;
-        try {
-          const origin = new URL(url).origin;
-          faviconForHistory = `${origin}/favicon.ico`;
-          setFaviconUrl(browserIdRef.current, faviconForHistory);
-        } catch {
-        }
-        if (!event.payload.loading && workspaceIdRef.current) {
-          trpc.history.record.mutate({
-            workspaceId: workspaceIdRef.current,
-            url,
-            faviconUrl: faviconForHistory
-          }).catch(() => {
-          });
-        }
-      });
-      unlistenTitle = await listen(
-        "browser-title-changed",
-        (event) => {
-          if (event.payload.browser_id !== browserIdRef.current) return;
-          if (event.payload.title) {
-            api.setTitle(event.payload.title);
-            const url = currentUrlRef.current;
-            if (url && url !== BLANK_URL && workspaceIdRef.current) {
-              trpc.history.updateMeta.mutate({
-                workspaceId: workspaceIdRef.current,
-                url,
-                title: event.payload.title
-              }).catch(() => {
-              });
-            }
-          }
-        }
-      );
-    })();
-    return () => {
-      unlistenUrl?.();
-      unlistenTitle?.();
-      if (urlPersistTimer.current) {
-        clearTimeout(urlPersistTimer.current);
-        urlPersistTimer.current = null;
-        const finalUrl = currentUrlRef.current;
-        if (finalUrl && finalUrl !== BLANK_URL) {
-          trpc.browsers.navigate.mutate({ browserId: browserIdRef.current, url: finalUrl }).catch(() => {
-          });
-        }
-      }
-    };
-  }, [api]);
-  reactExports.useEffect(() => {
-    if (!isDesktop || !created) return;
-    const showWebview = async () => {
-      await invoke$1("browser_show", { browserId });
-      const bounds = getBounds();
-      if (bounds && bounds.width > 0 && bounds.height > 0) {
-        await invoke$1("browser_set_bounds", { browserId, ...bounds });
-      }
-    };
-    const hideWebview = async () => {
-      await invoke$1("browser_hide", { browserId });
-    };
-    const d2 = api.onDidVisibilityChange((e2) => {
-      if (e2.isVisible) {
-        showWebview();
-      } else {
-        hideWebview();
-      }
-    });
-    return () => {
-      d2.dispose();
-    };
-  }, [api, created, getBounds, invoke$1, browserId]);
-  reactExports.useEffect(() => {
-    if (!isDesktop || !created) return;
-    const wsActive = params.wsActive !== false;
-    if (!wsActive) {
-      invoke$1("browser_hide", { browserId }).catch(() => {
-      });
-    } else if (api.isVisible) {
-      invoke$1("browser_show", { browserId }).catch(() => {
-      });
-      const bounds = getBounds();
-      if (bounds && bounds.width > 0 && bounds.height > 0) {
-        invoke$1("browser_set_bounds", { browserId, ...bounds }).catch(() => {
-        });
-      }
-    }
-  }, [params.wsActive, api, created, getBounds, invoke$1, browserId]);
-  reactExports.useEffect(() => {
-    if (!isDesktop || !created) return;
-    const el = placeholderRef.current;
-    if (!el) return;
-    const observer = new ResizeObserver(() => {
-      const bounds = getBounds();
-      if (!bounds || bounds.width === 0 || bounds.height === 0) return;
-      invoke$1("browser_set_bounds", { browserId, ...bounds }).catch(() => {
-      });
-    });
-    observer.observe(el);
-    return () => observer.disconnect();
-  }, [created, getBounds, invoke$1, browserId]);
-  reactExports.useEffect(() => {
-    return () => {
-      if (isDesktop) {
-        const bId = browserIdRef.current;
-        invoke("browser_destroy", { browserId: bId }).catch(() => {
-        });
-      }
-    };
-  }, []);
-  const handleNavigate = reactExports.useCallback(
-    async (rawUrl) => {
-      let normalized = rawUrl.trim();
-      if (!normalized) {
-        setCurrentUrl("");
-        setInputUrl("");
-        setLoading(false);
-        if (createdRef.current) {
-          try {
-            await invoke$1("browser_navigate", { browserId, url: BLANK_URL });
-          } catch (e2) {
-            console.error("browser_navigate failed:", e2);
-          }
-        } else {
-          pendingNavRef.current = BLANK_URL;
-        }
-        return;
-      }
-      if (!normalized.startsWith("http://") && !normalized.startsWith("https://")) {
-        if (normalized.includes(".") && !normalized.includes(" ")) {
-          normalized = `https://${normalized}`;
-        } else {
-          normalized = `https://www.google.com/search?q=${encodeURIComponent(normalized)}`;
-        }
-      }
-      setCurrentUrl(normalized);
-      setInputUrl(normalized);
-      setLoading(true);
-      if (createdRef.current) {
-        try {
-          await invoke$1("browser_navigate", { browserId, url: normalized });
-        } catch (e2) {
-          console.error("browser_navigate failed:", e2);
-        }
-      } else {
-        pendingNavRef.current = normalized;
-      }
-    },
-    [invoke$1, browserId]
-  );
-  const handleBack = reactExports.useCallback(async () => {
-    try {
-      await invoke$1("browser_go_back", { browserId });
-    } catch (e2) {
-      console.error("browser_go_back failed:", e2);
-    }
-  }, [invoke$1, browserId]);
-  const handleForward = reactExports.useCallback(async () => {
-    try {
-      await invoke$1("browser_go_forward", { browserId });
-    } catch (e2) {
-      console.error("browser_go_forward failed:", e2);
-    }
-  }, [invoke$1, browserId]);
-  const handleReload = reactExports.useCallback(async () => {
-    try {
-      setLoading(true);
-      await invoke$1("browser_reload", { browserId });
-    } catch (e2) {
-      console.error("browser_reload failed:", e2);
-    }
-  }, [invoke$1, browserId]);
-  const handleStop = reactExports.useCallback(async () => {
-    try {
-      await invoke$1("browser_eval", { browserId, js: "window.stop()" });
-      setLoading(false);
-    } catch {
-      setLoading(false);
-    }
-  }, [invoke$1, browserId]);
-  const {
-    find: find2,
-    addressInputFocusedRef,
-    handleAddressFocus,
-    handleAddressBlur,
-    handleAddressKeyDown,
-    handlePaneKeyDown,
-    handleToggleDevTools,
-    autocomplete,
-    paneDataAttrs
-  } = useBrowserPaneControls({
-    key: browserId,
-    keyName: "browserId",
-    workspaceId,
-    currentUrlRef,
-    setInputUrl,
-    inputUrl,
-    onNavigate: handleNavigate
-  });
-  if (!browserId) return null;
-  if (!isDesktop) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center text-muted-foreground", children: "Browser panel is only available in the desktop app" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col", onKeyDown: handlePaneKeyDown, ...paneDataAttrs, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("style", { children: `@keyframes browser-bar-slide {
-  0% { transform: translateX(-100%); }
-  50% { transform: translateX(200%); }
-  100% { transform: translateX(-100%); }
-}` }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-10 shrink-0 items-center gap-1 border-b border-border bg-background px-2", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleBack,
-          className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          title: "Back",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-4" })
-        }
-      ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleForward,
-          className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          title: "Forward",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-4" })
-        }
-      ),
-      loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleStop,
-          className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          title: "Stop",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$7, { className: "size-4" })
-        }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleReload,
-          className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          title: "Reload",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "size-4" })
-        }
-      ),
-      isOverriddenHost(currentUrl) ? /* @__PURE__ */ jsxRuntimeExports.jsx(NotSecureBadge, {}) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "input",
-        {
-          type: "text",
-          value: inputUrl,
-          onChange: (e2) => setInputUrl(e2.target.value),
-          onKeyDown: handleAddressKeyDown,
-          onFocus: handleAddressFocus,
-          onBlur: handleAddressBlur,
-          className: "min-w-0 flex-1 rounded border border-transparent bg-muted/50 px-3 py-1.5 text-sm text-foreground outline-none transition-colors focus:border-border",
-          placeholder: "Enter URL or search...",
-          "data-band-address-input": ""
-        }
-      ),
-      workspaceId ? /* @__PURE__ */ jsxRuntimeExports.jsx(HistoryPopover, { workspaceId, onNavigate: handleNavigate }) : null,
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: handleToggleDevTools,
-          className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
-          title: "Toggle DevTools",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Wrench, { className: "size-4" })
-        }
-      ),
-      loading && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "absolute inset-x-0 bottom-0 h-0.5 overflow-hidden bg-blue-500/10", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "h-full w-2/5 rounded-full bg-blue-500",
-          style: {
-            animation: "browser-bar-slide 1.4s ease-in-out infinite"
-          }
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(AddressBarAutocomplete, { state: autocomplete, onSelect: handleNavigate })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserFindBar, { find: find2 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: placeholderRef, className: "relative min-h-0 flex-1", children: snapshot ? (
-      // `object-contain object-top` — see the identical block in
-      // `BrowserPanelComponent` for the DevTools-aware rationale.
-      /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "img",
-        {
-          src: snapshot,
-          alt: "",
-          className: "pointer-events-none absolute inset-0 size-full object-contain object-top",
-          draggable: false
-        }
-      )
-    ) : null })
-  ] });
-}
-const freshBrowserIds = /* @__PURE__ */ new Set();
-function markBrowserFresh(browserId) {
-  freshBrowserIds.add(browserId);
-}
-function uuid$2() {
-  if (typeof crypto !== "undefined" && typeof crypto.randomUUID === "function") {
-    return crypto.randomUUID();
-  }
-  const bytes = crypto.getRandomValues(new Uint8Array(16));
-  bytes[6] = bytes[6] & 15 | 64;
-  bytes[8] = bytes[8] & 63 | 128;
-  const hex2 = Array.from(bytes, (b2) => b2.toString(16).padStart(2, "0")).join("");
-  return `${hex2.slice(0, 8)}-${hex2.slice(8, 12)}-${hex2.slice(12, 16)}-${hex2.slice(16, 20)}-${hex2.slice(20)}`;
-}
-function newBrowserId() {
-  return `browser_${uuid$2()}`;
-}
-function browserLayoutKey(workspaceId) {
-  return ["browserLayout", workspaceId];
-}
-const saveTimers$1 = /* @__PURE__ */ new Map();
-function panelIdsFromLayout(layout) {
-  if (typeof layout === "object" && layout !== null) {
-    const panels = layout.panels;
-    if (typeof panels === "object" && panels !== null) {
-      return new Set(Object.keys(panels));
-    }
-  }
-  return /* @__PURE__ */ new Set();
-}
-function persistToServer$1(workspaceId, layout, opts) {
-  if (opts?.queryClient) {
-    const prev2 = opts.queryClient.getQueryData(browserLayoutKey(workspaceId));
-    opts.queryClient.setQueryData(browserLayoutKey(workspaceId), {
-      layout,
-      browserIds: panelIdsFromLayout(layout),
-      urls: prev2?.urls ?? /* @__PURE__ */ new Map()
-    });
-  }
-  const existing = saveTimers$1.get(workspaceId);
-  if (existing) clearTimeout(existing);
-  saveTimers$1.set(
-    workspaceId,
-    setTimeout(() => {
-      saveTimers$1.delete(workspaceId);
-      trpc.browserLayout.save.mutate({ workspaceId, tree: layout }).catch((err) => {
-        console.error("[DockviewBrowserContainer] failed to persist layout:", err);
-      });
-    }, 500)
-  );
-}
-function isDockviewLayout$1(obj) {
-  if (typeof obj !== "object" || obj === null) return false;
-  const o3 = obj;
-  return typeof o3.grid === "object" && typeof o3.panels === "object";
-}
-const browserTabTheme = {
-  name: "band",
-  className: "dockview-theme-band dockview-browser-tabs"
-};
-const BrowserVisibilityContext = reactExports.createContext({ visible: true, wsActive: true });
-function BrowserTabPanel({ params, api }) {
-  const { visible } = reactExports.useContext(BrowserVisibilityContext);
-  if (!params.workspaceId || !params.browserId) return null;
-  const paneParams = {
-    workspaceId: params.workspaceId,
-    browserId: params.browserId,
-    wsActive: visible,
-    initialUrl: params.initialUrl
-  };
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    BrowserPaneComponent,
-    {
-      params: paneParams,
-      api,
-      ...{}
-    }
-  ) });
-}
-function BrowserTab(props) {
-  const [title, setTitle] = reactExports.useState(props.api.title ?? "New Tab");
-  const [panelCount, setPanelCount] = reactExports.useState(props.containerApi.panels.length);
-  const [faviconError, setFaviconError] = reactExports.useState(false);
-  const browserId = props.params.browserId;
-  const faviconUrl = useFavicon(browserId);
-  const prevFaviconRef = reactExports.useRef(faviconUrl);
-  if (faviconUrl !== prevFaviconRef.current) {
-    prevFaviconRef.current = faviconUrl;
-    if (faviconError) setFaviconError(false);
-  }
-  reactExports.useEffect(() => {
-    const d2 = props.api.onDidTitleChange(() => setTitle(props.api.title ?? "New Tab"));
-    return () => d2.dispose();
-  }, [props.api]);
-  reactExports.useEffect(() => {
-    const cApi = props.containerApi;
-    const update = () => setPanelCount(cApi.panels.length);
-    const d1 = cApi.onDidAddPanel(update);
-    const d2 = cApi.onDidRemovePanel(update);
-    return () => {
-      d1.dispose();
-      d2.dispose();
-    };
-  }, [props.containerApi]);
-  const handleClose2 = reactExports.useCallback(
-    (e2) => {
-      e2.stopPropagation();
-      closeTabRef$1.current?.(browserId);
-    },
-    [browserId]
-  );
-  const showClose = panelCount > 1;
-  const showFavicon = faviconUrl && !faviconError;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "dv-default-tab", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 min-w-0", children: [
-      showFavicon ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "img",
-        {
-          src: faviconUrl,
-          alt: "",
-          className: "size-3.5 shrink-0",
-          onError: () => setFaviconError(true)
-        }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: title })
-    ] }),
-    showClose && /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "ml-1 inline-flex size-4 items-center justify-center rounded-sm opacity-60 hover:opacity-100 hover:bg-accent transition-colors",
-        onClick: handleClose2,
-        title: "Close tab",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(X$7, { className: "size-3" })
-      }
-    )
-  ] });
-}
-const addTabRef$1 = {
-  current: { onAdd: () => {
-  }, onSplit: () => {
-  } }
-};
-const closeTabRef$1 = {
-  current: null
-};
-const RightHeaderActions$1 = React$1.memo(function RightHeaderActions2(props) {
-  const groupId = props.group.id;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "inline-flex size-8 items-center justify-center text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",
-        onClick: () => addTabRef$1.current.onSplit(groupId, "right"),
-        title: "Split right",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Columns2, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "inline-flex size-8 items-center justify-center text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",
-        onClick: () => addTabRef$1.current.onSplit(groupId, "below"),
-        title: "Split down",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rows2, { className: "size-3.5" })
-      }
-    ),
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
-      "button",
-      {
-        type: "button",
-        className: "inline-flex size-8 items-center justify-center text-muted-foreground hover:text-foreground hover:bg-accent rounded transition-colors",
-        onClick: () => addTabRef$1.current.onAdd(groupId),
-        title: "New browser tab",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" })
-      }
-    )
-  ] });
-});
-const browserPanelComponents = {
-  browserTab: BrowserTabPanel
-};
-const browserTabComponents = {
-  browserTab: BrowserTab
-};
-function DockviewBrowserContainer({
-  workspaceId,
-  visible,
-  wsActive
-}) {
-  const adapter2 = useAdapter();
-  const queryClient2 = useQueryClient();
-  const apiRef = reactExports.useRef(null);
-  const isRestoringRef = reactExports.useRef(false);
-  const containerRef = reactExports.useRef(null);
-  const { data: initialData } = useQuery({
-    queryKey: browserLayoutKey(workspaceId),
-    queryFn: async () => {
-      const [{ tree }, { browsers }] = await Promise.all([
-        trpc.browserLayout.get.query({ workspaceId }).catch(() => ({ tree: null })),
-        trpc.browsers.list.query({ workspaceId }).catch(() => ({ browsers: [] }))
-      ]);
-      const urls = /* @__PURE__ */ new Map();
-      for (const b2 of browsers) {
-        if (b2.url && b2.url !== "about:blank") urls.set(b2.id, b2.url);
-      }
-      return {
-        layout: tree,
-        browserIds: new Set(browsers.map((b2) => b2.id)),
-        urls
-      };
-    },
-    staleTime: Number.POSITIVE_INFINITY
-    // never auto-refetch — we manage persistence ourselves
-  });
-  const queryClientRef = reactExports.useRef(queryClient2);
-  queryClientRef.current = queryClient2;
-  const schedulePersist = reactExports.useCallback(() => {
-    if (isRestoringRef.current) return;
-    const api = apiRef.current;
-    if (!api) return;
-    persistToServer$1(workspaceId, api.toJSON(), { queryClient: queryClientRef.current });
-  }, [workspaceId]);
-  const handleAddTab = reactExports.useCallback(
-    async (groupId, addOptions) => {
-      const api = apiRef.current;
-      if (!api) return;
-      const browserId = newBrowserId();
-      markBrowserFresh(browserId);
-      const initialUrl = addOptions?.initialUrl;
-      const options = {
-        id: browserId,
-        component: "browserTab",
-        tabComponent: "browserTab",
-        title: "New Tab",
-        params: {
-          workspaceId,
-          browserId,
-          ...initialUrl ? { initialUrl } : {}
-        }
-      };
-      if (groupId) {
-        options.position = {
-          referenceGroup: groupId
-        };
-      }
-      api.addPanel(options);
-      try {
-        await trpc.browsers.create.mutate({
-          workspaceId,
-          id: browserId,
-          ...initialUrl ? { url: initialUrl } : {}
-        });
-      } catch (err) {
-        console.error("[DockviewBrowserContainer] error pre-creating browser:", err);
-      }
-    },
-    [workspaceId]
-  );
-  const handleSplit = reactExports.useCallback(
-    async (groupId, direction) => {
-      const api = apiRef.current;
-      if (!api) return;
-      const browserId = newBrowserId();
-      markBrowserFresh(browserId);
-      try {
-        api.addPanel({
-          id: browserId,
-          component: "browserTab",
-          tabComponent: "browserTab",
-          title: "New Tab",
-          params: {
-            workspaceId,
-            browserId
-          },
-          position: {
-            referenceGroup: groupId,
-            direction
-          }
-        });
-      } catch (err) {
-        console.error("[DockviewBrowserContainer] split addPanel threw:", err);
-        return;
-      }
-      try {
-        await trpc.browsers.create.mutate({ workspaceId, id: browserId });
-      } catch (err) {
-        console.error("[DockviewBrowserContainer] error creating split browser:", err);
-      }
-    },
-    [workspaceId]
-  );
-  const closeTab = reactExports.useCallback((browserId) => {
-    const api = apiRef.current;
-    if (!api || api.panels.length <= 1) return;
-    selectNeighbourBeforeRemove(api, browserId);
-    const panel = api.getPanel(browserId);
-    if (panel) {
-      api.removePanel(panel);
-    }
-    requestAnimationFrame(() => {
-      const activePanel = api.activePanel;
-      if (!activePanel) return;
-      activePanel.view.content.element.querySelector("[data-band-address-input]")?.focus();
-    });
-    trpc.browsers.remove.mutate({ browserId }).catch((err) => {
-      console.error("[DockviewBrowserContainer] failed to remove browser:", err);
-    });
-  }, []);
-  reactExports.useEffect(() => {
-    if (!visible) return;
-    const refocusAddressBar = () => {
-      const panel = apiRef.current?.activePanel;
-      if (!panel) return;
-      panel.view.content.element.querySelector("[data-band-address-input]")?.focus();
-    };
-    const cycleTabs = (direction) => {
-      cycleTabsInActiveGroup(apiRef.current, direction, () => {
-        requestAnimationFrame(refocusAddressBar);
-      });
-    };
-    const cycleGroups = (direction) => {
-      cycleGridGroups(apiRef.current, direction, () => {
-        requestAnimationFrame(refocusAddressBar);
-      });
-    };
-    const handler = (e2) => {
-      if (!containerRef.current?.contains(document.activeElement)) return;
-      const key2 = e2.key.toLowerCase();
-      if (e2.ctrlKey && !e2.metaKey && key2 === "tab") {
-        e2.preventDefault();
-        e2.stopPropagation();
-        cycleTabs(e2.shiftKey ? -1 : 1);
-        return;
-      }
-      const mod = e2.metaKey || e2.ctrlKey;
-      if (!mod) return;
-      if (e2.shiftKey && (key2 === "[" || key2 === "]")) {
-        e2.preventDefault();
-        e2.stopPropagation();
-        cycleTabs(key2 === "]" ? 1 : -1);
-        return;
-      }
-      if (!e2.shiftKey && (key2 === "[" || key2 === "]")) {
-        e2.preventDefault();
-        e2.stopPropagation();
-        cycleGroups(key2 === "]" ? 1 : -1);
-        return;
-      }
-      if (key2 === "t" && !e2.shiftKey) {
-        e2.preventDefault();
-        e2.stopPropagation();
-        handleAddTab().then(() => {
-          requestAnimationFrame(() => {
-            const panel = apiRef.current?.activePanel;
-            if (!panel) return;
-            panel.view.content.element.querySelector("[data-band-address-input]")?.focus();
-          });
-        });
-      } else if (key2 === "w" && !e2.shiftKey) {
-        const api = apiRef.current;
-        if (!api || api.panels.length <= 1) return;
-        e2.preventDefault();
-        e2.stopPropagation();
-        const active = api.activePanel;
-        if (active) {
-          closeTab(active.id);
-        }
-      } else if (key2 === "d") {
-        e2.preventDefault();
-        e2.stopPropagation();
-        const api = apiRef.current;
-        if (!api) return;
-        const activeGroup = api.activeGroup;
-        if (!activeGroup) return;
-        const direction = e2.shiftKey ? "below" : "right";
-        handleSplit(activeGroup.id, direction);
-      } else if (key2 === "r" && !e2.shiftKey && isDesktop) {
-        const api = apiRef.current;
-        if (!api) return;
-        const active = api.activePanel;
-        const browserId = active?.params?.browserId;
-        if (!browserId) return;
-        e2.preventDefault();
-        e2.stopPropagation();
-        invoke("browser_reload", { browserId }).catch((err) => {
-          console.error("[DockviewBrowserContainer] browser_reload failed:", err);
-        });
-      }
-    };
-    window.addEventListener("keydown", handler, true);
-    return () => window.removeEventListener("keydown", handler, true);
-  }, [visible, closeTab, handleSplit, handleAddTab]);
-  reactExports.useEffect(() => {
-    if (!visible) return;
-    const id28 = requestAnimationFrame(() => {
-      const panel = apiRef.current?.activePanel;
-      if (!panel) return;
-      panel.view.content.element.querySelector("[data-band-address-input]")?.focus();
-    });
-    return () => cancelAnimationFrame(id28);
-  }, [visible]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlisten;
-    void (async () => {
-      unlisten = await listen(
-        "browser-new-tab-shortcut",
-        (event) => {
-          const api = apiRef.current;
-          if (!api) return;
-          const sourceId = event.payload.browser_id;
-          if (!sourceId || !api.getPanel(sourceId)) return;
-          void handleAddTab().then(() => {
-            requestAnimationFrame(() => {
-              const panel = apiRef.current?.activePanel;
-              panel?.view.content.element.querySelector("[data-band-address-input]")?.focus();
-            });
-          });
-        }
-      );
-    })();
-    return () => unlisten?.();
-  }, [handleAddTab]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    let unlisten;
-    let cancelled = false;
-    void (async () => {
-      const fn2 = await listen("browser-open-window", (event) => {
-        const api = apiRef.current;
-        if (!api) return;
-        const sourceId = event.payload.browser_id;
-        const sourcePanel = sourceId ? api.getPanel(sourceId) : void 0;
-        if (!sourcePanel) return;
-        const groupId = sourcePanel.group?.id;
-        const url = event.payload.url;
-        if (!url) return;
-        void handleAddTab(groupId, { initialUrl: url }).then(() => {
-          requestAnimationFrame(() => {
-            const panel = apiRef.current?.activePanel;
-            panel?.view.content.element.querySelector("[data-band-address-input]")?.focus();
-          });
-        }).catch((err) => {
-          console.error("[DockviewBrowserContainer] browser-open-window add-tab failed:", err);
-        });
-      });
-      if (cancelled) fn2();
-      else unlisten = fn2;
-    })();
-    return () => {
-      cancelled = true;
-      unlisten?.();
-    };
-  }, [handleAddTab]);
-  reactExports.useEffect(() => {
-    if (!isDesktop) return;
-    const unlisteners = [];
-    let cancelled = false;
-    const refocusAddressBar = () => {
-      const panel = apiRef.current?.activePanel;
-      panel?.view.content.element.querySelector("[data-band-address-input]")?.focus();
-    };
-    void (async () => {
-      const fns = await Promise.all([
-        listen("browser-split-shortcut", (event) => {
-          const api = apiRef.current;
-          if (!api) return;
-          const sourcePanel = api.getPanel(event.payload.browser_id);
-          if (!sourcePanel?.group) return;
-          void handleSplit(sourcePanel.group.id, event.payload.direction);
-        }),
-        listen("browser-close-shortcut", (event) => {
-          const api = apiRef.current;
-          if (!api) return;
-          const sourceId = event.payload.browser_id;
-          if (!api.getPanel(sourceId)) return;
-          closeTab(sourceId);
-        }),
-        listen("browser-cycle-shortcut", (event) => {
-          const api = apiRef.current;
-          if (!api) return;
-          const sourcePanel = api.getPanel(event.payload.browser_id);
-          if (!sourcePanel) return;
-          sourcePanel.api.setActive();
-          const refocus = () => requestAnimationFrame(refocusAddressBar);
-          if (event.payload.target === "tabs") {
-            cycleTabsInActiveGroup(apiRef.current, event.payload.direction, refocus);
-          } else {
-            cycleGridGroups(apiRef.current, event.payload.direction, refocus);
-          }
-        })
-      ]);
-      if (cancelled) {
-        for (const fn2 of fns) fn2();
-      } else {
-        unlisteners.push(...fns);
-      }
-    })();
-    return () => {
-      cancelled = true;
-      for (const unlisten of unlisteners) unlisten();
-    };
-  }, [handleSplit, closeTab]);
-  reactExports.useEffect(() => {
-    const handler = () => {
-      const root2 = containerRef.current;
-      if (!root2 || root2.offsetParent === null) return;
-      const inputs = root2.querySelectorAll("[data-band-address-input]");
-      for (const input of inputs) {
-        if (input.offsetParent !== null) {
-          input.focus({ preventScroll: true });
-          return;
-        }
-      }
-    };
-    window.addEventListener("band:focus-browser", handler);
-    return () => window.removeEventListener("band:focus-browser", handler);
-  }, []);
-  reactExports.useEffect(() => {
-    return adapter2.subscribeStatusEvents((event) => {
-      if (event.workspaceId !== workspaceId) return;
-      const api = apiRef.current;
-      if (!api) return;
-      if (event.kind === "browser-created" && typeof event.browserId === "string") {
-        if (api.getPanel(event.browserId)) return;
-        api.addPanel({
-          id: event.browserId,
-          component: "browserTab",
-          tabComponent: "browserTab",
-          title: "New Tab",
-          params: { workspaceId, browserId: event.browserId }
-        });
-      } else if (event.kind === "browser-removed" && typeof event.browserId === "string") {
-        const panel = api.getPanel(event.browserId);
-        if (panel) {
-          api.removePanel(panel);
-          if (api.panels.length === 0) {
-            createDefaultPanel$1(api, workspaceId);
-          }
-        }
-      }
-    });
-  }, [adapter2, workspaceId]);
-  addTabRef$1.current = { onAdd: handleAddTab, onSplit: handleSplit };
-  closeTabRef$1.current = closeTab;
-  const initialLayoutRef = reactExports.useRef(null);
-  initialLayoutRef.current = initialData?.layout ?? null;
-  const initialBrowserIdsRef = reactExports.useRef(null);
-  initialBrowserIdsRef.current = initialData?.browserIds ?? null;
-  const initialUrlsRef = reactExports.useRef(null);
-  initialUrlsRef.current = initialData?.urls ?? null;
-  const onReady = reactExports.useCallback(
-    (event) => {
-      apiRef.current = event.api;
-      const savedLayout = initialLayoutRef.current;
-      const knownBrowserIds = initialBrowserIdsRef.current;
-      const knownUrls = initialUrlsRef.current;
-      if (savedLayout && isDockviewLayout$1(savedLayout)) {
-        isRestoringRef.current = true;
-        const layoutToRestore = injectInitialUrls(savedLayout, knownUrls);
-        try {
-          event.api.fromJSON(layoutToRestore);
-        } catch (err) {
-          console.error("[DockviewBrowserContainer] fromJSON failed, creating default:", err);
-          createDefaultPanel$1(event.api, workspaceId);
-        }
-        let dropped = 0;
-        if (knownBrowserIds) {
-          const orphans = event.api.panels.filter((p2) => !knownBrowserIds.has(p2.id));
-          for (const orphan of orphans) {
-            event.api.removePanel(orphan);
-            dropped++;
-          }
-          if (event.api.panels.length === 0) {
-            createDefaultPanel$1(event.api, workspaceId);
-            dropped++;
-          }
-        }
-        setTimeout(() => {
-          isRestoringRef.current = false;
-        }, 0);
-        if (dropped > 0) {
-          persistToServer$1(workspaceId, event.api.toJSON(), {
-            queryClient: queryClientRef.current
-          });
-        }
-      } else {
-        createDefaultPanel$1(event.api, workspaceId);
-        persistToServer$1(workspaceId, event.api.toJSON(), { queryClient: queryClientRef.current });
-      }
-      const persist = () => schedulePersist();
-      event.api.onDidLayoutChange(persist);
-      event.api.onDidAddPanel(persist);
-      event.api.onDidRemovePanel(persist);
-      event.api.onDidActivePanelChange(persist);
-      event.api.onDidAddGroup(persist);
-      event.api.onDidRemoveGroup(persist);
-    },
-    [workspaceId, schedulePersist]
-  );
-  const visibilityValue = reactExports.useMemo(
-    () => ({ visible: visible && wsActive !== false, wsActive: wsActive !== false }),
-    [visible, wsActive]
-  );
-  if (!initialData) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center" });
-  }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: containerRef, className: "flex h-full w-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserVisibilityContext.Provider, { value: visibilityValue, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-    DockviewReact,
-    {
-      theme: browserTabTheme,
-      className: "h-full",
-      components: browserPanelComponents,
-      tabComponents: browserTabComponents,
-      defaultTabComponent: BrowserTab,
-      onReady,
-      rightHeaderActionsComponent: RightHeaderActions$1
-    }
-  ) }) });
-}
-function createDefaultPanel$1(api, workspaceId) {
-  const browserId = newBrowserId();
-  trpc.browsers.create.mutate({ workspaceId, id: browserId }).catch((err) => {
-    console.error("[DockviewBrowserContainer] error creating default browser:", err);
-  });
-  api.addPanel({
-    id: browserId,
-    component: "browserTab",
-    tabComponent: "browserTab",
-    title: "Browser",
-    params: {
-      workspaceId,
-      browserId
-    }
-  });
-}
 var marker = "vercel.ai.error";
 var symbol = Symbol.for(marker);
 var _a, _b;
@@ -174002,7 +172171,7 @@ const addTabRef = {
 const closeTabRef = {
   current: null
 };
-const RightHeaderActions = React$1.memo(function RightHeaderActions22(props) {
+const RightHeaderActions = React$1.memo(function RightHeaderActions2(props) {
   const { onAdd: onAdd2, onSplit } = addTabRef.current;
   const groupId = props.group.id;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center", children: [
@@ -177453,10 +175622,15 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-Dl-H-7q5.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-BbMZgBJ8.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
+const DockviewBrowserContainer = reactExports.lazy(
+  () => import("./DockviewBrowserContainer-Bm7ARaqd.js").then((m2) => ({
+    default: m2.DockviewBrowserContainer
+  }))
+);
 const crossPanelHandlers = {
   onOpenFile: () => {
   },
@@ -177558,14 +175732,14 @@ function BrowserPanelComponent({ api }) {
         "to use it from a browser tab."
       ] }) });
     }
-    return /* @__PURE__ */ jsxRuntimeExports.jsx(
+    return /* @__PURE__ */ jsxRuntimeExports.jsx(reactExports.Suspense, { fallback: null, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
       DockviewBrowserContainer,
       {
         workspaceId,
         visible,
         wsActive
       }
-    );
+    ) });
   } });
 }
 function DefaultTab2(props) {
@@ -177576,7 +175750,7 @@ function DefaultTab2(props) {
     const d2 = props.api.onDidTitleChange(() => setTitle(props.api.title ?? ""));
     return () => d2.dispose();
   }, [props.api]);
-  const tab2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dv-default-tab", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const tab2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dv-default-tab", "data-testid": `workspace__tab--${props.api.component}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       className: "dv-default-tab-content",
@@ -177614,7 +175788,7 @@ function BadgeTab(props) {
     return () => d2.dispose();
   }, [props.api]);
   const hasBadge = badge != null && badge > 0;
-  const tab2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dv-default-tab", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+  const tab2 = /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dv-default-tab", "data-testid": `workspace__tab--${props.api.component}`, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
       className: "dv-default-tab-content",
@@ -179001,11 +177175,11 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$7 = () => import("./index-DIdSfU9-.js");
+const $$splitComponentImporter$7 = () => import("./index-6Zof9vm8.js");
 const Route$7 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-KoR0msx0.js");
+const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-DwsRTXCg.js");
 const Route$6 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
@@ -179024,11 +177198,11 @@ const FindInFileContext = reactExports.createContext({
 function useFindInFileContext() {
   return reactExports.useContext(FindInFileContext);
 }
-const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-D1ULJxZJ.js");
+const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-BPhXMwl8.js");
 const Route$5 = createFileRoute("/workspace/$workspaceId/")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-BaKW7ZGQ.js");
+const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-BdVDaWNH.js");
 const Route$4 = createFileRoute("/workspace/$workspaceId/terminal")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -179036,15 +177210,15 @@ const $$splitComponentImporter$3 = () => import("./workspace._workspaceId.code-C
 const Route$3 = createFileRoute("/workspace/$workspaceId/code")({
   component: lazyRouteComponent($$splitComponentImporter$3, "component")
 });
-const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-BJoSmFXW.js");
+const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-C6vwSbUh.js");
 const Route$2 = createFileRoute("/workspace/$workspaceId/changes")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-DZZZQ6sT.js");
+const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-CE_CMD_I.js");
 const Route$1 = createFileRoute("/workspace/$workspaceId/code/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-D3Ifnqrr.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-BJdg1-Gs.js");
 const Route2 = createFileRoute("/workspace/$workspaceId/code/$")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -179277,7 +177451,7 @@ export {
   Language as by,
   indentUnit as bz,
   agentTypeSupportsSessionListing as c,
-  initCloneObject as c$,
+  isObjectLike as c$,
   Qt$1 as c0,
   ToolbarOverflowProvider as c1,
   ToolbarOverflowMenuItems as c2,
@@ -179288,33 +177462,33 @@ export {
   ArrowDown as c7,
   ClipboardPaste as c8,
   getCurrentZoomLevel as c9,
-  extend$2 as cA,
-  Color as cB,
-  nogamma as cC,
-  hue as cD,
-  dayjs2 as cE,
-  setToString as cF,
-  overRest as cG,
-  baseFor as cH,
-  baseAssignValue as cI,
-  baseUnary as cJ,
-  merge$1 as cK,
-  isObjectLike as cL,
-  baseGetTag as cM,
-  Symbol$1 as cN,
-  arrayLikeKeys as cO,
-  baseKeys as cP,
-  memoize as cQ,
-  isArguments as cR,
-  copyObject as cS,
-  getPrototype as cT,
-  cloneArrayBuffer as cU,
-  cloneTypedArray as cV,
-  getTag as cW,
-  nodeUtil as cX,
-  copyArray as cY,
-  isBuffer as cZ,
-  cloneBuffer as c_,
+  eq as cA,
+  isArrayLike as cB,
+  isArray as cC,
+  identity as cD,
+  isIndex as cE,
+  assignValue as cF,
+  constant$2 as cG,
+  interpolateNumber as cH,
+  color as cI,
+  interpolateRgb as cJ,
+  interpolateString as cK,
+  styles2String as cL,
+  isLabelStyle as cM,
+  Rgb as cN,
+  rgbConvert as cO,
+  define as cP,
+  extend$2 as cQ,
+  Color as cR,
+  nogamma as cS,
+  hue as cT,
+  dayjs2 as cU,
+  setToString as cV,
+  overRest as cW,
+  baseFor as cX,
+  baseAssignValue as cY,
+  baseUnary as cZ,
+  merge$1 as c_,
   openExternalUrl as ca,
   subscribeToZoomChanges as cb,
   SearchBar as cc,
@@ -179322,35 +177496,51 @@ export {
   getIconSVG as ce,
   registerIconPacks as cf,
   unknownIcon as cg,
-  isObject$1 as ch,
-  isIterateeCall as ci,
-  keysIn as cj,
-  eq as ck,
-  isArrayLike as cl,
-  isArray as cm,
-  identity as cn,
-  isIndex as co,
-  assignValue as cp,
-  constant$2 as cq,
-  interpolateNumber as cr,
-  color as cs,
-  interpolateRgb as ct,
-  interpolateString as cu,
-  styles2String as cv,
-  isLabelStyle as cw,
-  Rgb as cx,
-  rgbConvert as cy,
-  define as cz,
+  invoke as ch,
+  listen as ci,
+  reactDomExports as cj,
+  Globe as ck,
+  Popover as cl,
+  PopoverTrigger as cm,
+  PopoverContent as cn,
+  Search as co,
+  Trash2 as cp,
+  DropdownMenu as cq,
+  DropdownMenuTrigger as cr,
+  ChevronDown as cs,
+  DropdownMenuContent as ct,
+  DropdownMenuItem as cu,
+  TriangleAlert as cv,
+  RotateCw as cw,
+  isObject$1 as cx,
+  isIterateeCall as cy,
+  keysIn as cz,
   Route$4 as d,
-  Stack as d0,
-  MapCache as d1,
-  Uint8Array$1 as d2,
-  isTypedArray as d3,
-  isLength as d4,
-  Set$1 as d5,
-  createAssigner as d6,
-  isPrototype as d7,
-  router as d8,
+  baseGetTag as d0,
+  Symbol$1 as d1,
+  arrayLikeKeys as d2,
+  baseKeys as d3,
+  memoize as d4,
+  isArguments as d5,
+  copyObject as d6,
+  getPrototype as d7,
+  cloneArrayBuffer as d8,
+  cloneTypedArray as d9,
+  getTag as da,
+  nodeUtil as db,
+  copyArray as dc,
+  isBuffer as dd,
+  cloneBuffer as de,
+  initCloneObject as df,
+  Stack as dg,
+  MapCache as dh,
+  Uint8Array$1 as di,
+  isTypedArray as dj,
+  isLength as dk,
+  Set$1 as dl,
+  createAssigner as dm,
+  isPrototype as dn,
+  router as dp,
   Route$2 as e,
   useNavigate as f,
   useDiffStatsContext as g,