@band-app/server 0.9.2 → 0.10.0

package/dist/server/assets/{router-zkGZin-Y.js → router-BLOX4jR4.js}

@@ -1093,44 +1093,44 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1q = [
+const __iconNode$1u = [
   ["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$1u);
+const __iconNode$1t = [
   ["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$1t);
+const __iconNode$1s = [
   ["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$1s);
+const __iconNode$1r = [
   ["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$1r);
+const __iconNode$1q = [
   ["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$1q);
+const __iconNode$1p = [
   ["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$1p);
+const __iconNode$1o = [
   ["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$1o);
+const __iconNode$1n = [
   ["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,8 +1138,8 @@ 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$1n);
+const __iconNode$1m = [
   [
     "path",
     { d: "M8 3H7a2 2 0 0 0-2 2v5a2 2 0 0 1-2 2 2 2 0 0 1 2 2v5c0 1.1.9 2 2 2h1", key: "ezmyqa" }
@@ -1152,54 +1152,62 @@ const __iconNode$1i = [
     }
   ]
 ];
-const Braces = createLucideIcon("braces", __iconNode$1i);
-const __iconNode$1h = [
+const Braces = createLucideIcon("braces", __iconNode$1m);
+const __iconNode$1l = [
   ["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$1h);
-const __iconNode$1g = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$1g);
-const __iconNode$1f = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$1f);
-const __iconNode$1e = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1e);
-const __iconNode$1d = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$1d);
-const __iconNode$1c = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$1c);
-const __iconNode$1b = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1l);
+const __iconNode$1k = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1k);
+const __iconNode$1j = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1j);
+const __iconNode$1i = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$1i);
+const __iconNode$1h = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$1h);
+const __iconNode$1g = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$1g);
+const __iconNode$1f = [
   ["path", { d: "m7 20 5-5 5 5", key: "13a0gw" }],
   ["path", { d: "m7 4 5 5 5-5", key: "1kwcof" }]
 ];
-const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1b);
-const __iconNode$1a = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$1f);
+const __iconNode$1e = [
   ["path", { d: "m7 15 5 5 5-5", key: "1hf1tw" }],
   ["path", { d: "m7 9 5-5 5 5", key: "sgt6xg" }]
 ];
-const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1a);
-const __iconNode$19 = [
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$1e);
+const __iconNode$1d = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["line", { x1: "12", x2: "12", y1: "8", y2: "12", key: "1pkeuh" }],
   ["line", { x1: "12", x2: "12.01", y1: "16", y2: "16", key: "4dfq90" }]
 ];
-const CircleAlert = createLucideIcon("circle-alert", __iconNode$19);
-const __iconNode$18 = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$1d);
+const __iconNode$1c = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m9 12 2 2 4-4", key: "dzmm74" }]
 ];
-const CircleCheck = createLucideIcon("circle-check", __iconNode$18);
-const __iconNode$17 = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$1c);
+const __iconNode$1b = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "m15 9-6 6", key: "1uzhvr" }],
   ["path", { d: "m9 9 6 6", key: "z0biqf" }]
 ];
-const CircleX = createLucideIcon("circle-x", __iconNode$17);
-const __iconNode$16 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$16);
-const __iconNode$15 = [
+const CircleX = createLucideIcon("circle-x", __iconNode$1b);
+const __iconNode$1a = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$1a);
+const __iconNode$19 = [
+  ["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$19);
+const __iconNode$18 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1209,59 +1217,59 @@ const __iconNode$15 = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$15);
-const __iconNode$14 = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$18);
+const __iconNode$17 = [
   ["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$17);
+const __iconNode$16 = [
   ["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$16);
+const __iconNode$15 = [
   ["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$15);
+const __iconNode$14 = [
   ["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$14);
+const __iconNode$13 = [
   [
     "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$13);
+const __iconNode$12 = [
   ["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$12);
+const __iconNode$11 = [
   ["ellipse", { cx: "12", cy: "5", rx: "9", ry: "3", key: "msslwz" }],
   ["path", { d: "M3 5V19A9 3 0 0 0 21 19V5", key: "1wlel7" }],
   ["path", { d: "M3 12A9 3 0 0 0 21 12", key: "mv7ke4" }]
 ];
-const Database = createLucideIcon("database", __iconNode$_);
-const __iconNode$Z = [
+const Database = createLucideIcon("database", __iconNode$11);
+const __iconNode$10 = [
   ["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$Z);
-const __iconNode$Y = [
+const Download = createLucideIcon("download", __iconNode$10);
+const __iconNode$$ = [
   ["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$Y);
-const __iconNode$X = [
+const EllipsisVertical = createLucideIcon("ellipsis-vertical", __iconNode$$);
+const __iconNode$_ = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -1271,14 +1279,14 @@ const __iconNode$X = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$X);
-const __iconNode$W = [
+const Expand = createLucideIcon("expand", __iconNode$_);
+const __iconNode$Z = [
   ["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$W);
-const __iconNode$V = [
+const ExternalLink$1 = createLucideIcon("external-link", __iconNode$Z);
+const __iconNode$Y = [
   [
     "path",
     {
@@ -1288,8 +1296,8 @@ const __iconNode$V = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$V);
-const __iconNode$U = [
+const Eye = createLucideIcon("eye", __iconNode$Y);
+const __iconNode$X = [
   [
     "path",
     {
@@ -1307,8 +1315,8 @@ const __iconNode$U = [
     { d: "M14 18a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1 1 1 0 0 1-1-1v-1a1 1 0 0 0-1-1", key: "mpwhp6" }
   ]
 ];
-const FileBraces = createLucideIcon("file-braces", __iconNode$U);
-const __iconNode$T = [
+const FileBraces = createLucideIcon("file-braces", __iconNode$X);
+const __iconNode$W = [
   [
     "path",
     {
@@ -1320,8 +1328,8 @@ const __iconNode$T = [
   ["path", { d: "m5 16-3 3 3 3", key: "331omg" }],
   ["path", { d: "m9 22 3-3-3-3", key: "lsp7cz" }]
 ];
-const FileCodeCorner = createLucideIcon("file-code-corner", __iconNode$T);
-const __iconNode$S = [
+const FileCodeCorner = createLucideIcon("file-code-corner", __iconNode$W);
+const __iconNode$V = [
   [
     "path",
     {
@@ -1332,8 +1340,21 @@ const __iconNode$S = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$S);
-const __iconNode$R = [
+const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$V);
+const __iconNode$U = [
+  [
+    "path",
+    {
+      d: "M6 22a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h8a2.4 2.4 0 0 1 1.704.706l3.588 3.588A2.4 2.4 0 0 1 20 8v12a2 2 0 0 1-2 2z",
+      key: "1oefj6"
+    }
+  ],
+  ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }],
+  ["path", { d: "M9 15h6", key: "cctwl0" }],
+  ["path", { d: "M12 18v-6", key: "17g6i2" }]
+];
+const FilePlus = createLucideIcon("file-plus", __iconNode$U);
+const __iconNode$T = [
   [
     "path",
     {
@@ -1346,8 +1367,8 @@ const __iconNode$R = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$R);
-const __iconNode$Q = [
+const FileText = createLucideIcon("file-text", __iconNode$T);
+const __iconNode$S = [
   [
     "path",
     {
@@ -1357,8 +1378,8 @@ const __iconNode$Q = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File = createLucideIcon("file", __iconNode$Q);
-const __iconNode$P = [
+const File = createLucideIcon("file", __iconNode$S);
+const __iconNode$R = [
   [
     "path",
     {
@@ -1367,8 +1388,8 @@ const __iconNode$P = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$P);
-const __iconNode$O = [
+const FolderOpen = createLucideIcon("folder-open", __iconNode$R);
+const __iconNode$Q = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -1379,8 +1400,8 @@ const __iconNode$O = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$O);
-const __iconNode$N = [
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$Q);
+const __iconNode$P = [
   [
     "path",
     {
@@ -1389,8 +1410,8 @@ const __iconNode$N = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$N);
-const __iconNode$M = [
+const Folder = createLucideIcon("folder", __iconNode$P);
+const __iconNode$O = [
   [
     "path",
     {
@@ -1403,39 +1424,39 @@ const __iconNode$M = [
     { 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$M);
-const __iconNode$L = [
+const Folders = createLucideIcon("folders", __iconNode$O);
+const __iconNode$N = [
   ["path", { d: "M15 6a9 9 0 0 0-9 9V3", key: "1cii5b" }],
   ["circle", { cx: "18", cy: "6", r: "3", key: "1h7g24" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }]
 ];
-const GitBranch = createLucideIcon("git-branch", __iconNode$L);
-const __iconNode$K = [
+const GitBranch = createLucideIcon("git-branch", __iconNode$N);
+const __iconNode$M = [
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }],
   ["line", { x1: "3", x2: "9", y1: "12", y2: "12", key: "1dyftd" }],
   ["line", { x1: "15", x2: "21", y1: "12", y2: "12", key: "oup4p8" }]
 ];
-const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$K);
-const __iconNode$J = [
+const GitCommitHorizontal = createLucideIcon("git-commit-horizontal", __iconNode$M);
+const __iconNode$L = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M13 6h3a2 2 0 0 1 2 2v7", key: "1yeb86" }],
   ["path", { d: "M11 18H8a2 2 0 0 1-2-2V9", key: "19pyzm" }]
 ];
-const GitCompare = createLucideIcon("git-compare", __iconNode$J);
-const __iconNode$I = [
+const GitCompare = createLucideIcon("git-compare", __iconNode$L);
+const __iconNode$K = [
   ["circle", { cx: "18", cy: "18", r: "3", key: "1xkwt0" }],
   ["circle", { cx: "6", cy: "6", r: "3", key: "1lh9wr" }],
   ["path", { d: "M6 21V9a9 9 0 0 0 9 9", key: "7kw0sc" }]
 ];
-const GitMerge = createLucideIcon("git-merge", __iconNode$I);
-const __iconNode$H = [
+const GitMerge = createLucideIcon("git-merge", __iconNode$K);
+const __iconNode$J = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20", key: "13o1zl" }],
   ["path", { d: "M2 12h20", key: "9i4pu4" }]
 ];
-const Globe = createLucideIcon("globe", __iconNode$H);
-const __iconNode$G = [
+const Globe = createLucideIcon("globe", __iconNode$J);
+const __iconNode$I = [
   ["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" }],
@@ -1443,8 +1464,8 @@ const __iconNode$G = [
   ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
   ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
 ];
-const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$G);
-const __iconNode$F = [
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$I);
+const __iconNode$H = [
   ["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" }],
@@ -1458,31 +1479,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$H);
+const __iconNode$G = [
   ["rect", { width: "18", height: "18", x: "3", y: "3", rx: "2", ry: "2", key: "1m3agn" }],
   ["circle", { cx: "9", cy: "9", r: "2", key: "af1f0g" }],
   ["path", { d: "m21 15-3.086-3.086a2 2 0 0 0-2.828 0L6 21", key: "1xmnt7" }]
 ];
-const Image$1 = createLucideIcon("image", __iconNode$E);
-const __iconNode$D = [
+const Image$1 = createLucideIcon("image", __iconNode$G);
+const __iconNode$F = [
   ["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$F);
+const __iconNode$E = [
   ["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$E);
+const __iconNode$D = [["path", { d: "M21 12a9 9 0 1 1-6.219-8.56", key: "13zald" }]];
+const LoaderCircle = createLucideIcon("loader-circle", __iconNode$D);
+const __iconNode$C = [
   ["path", { d: "M12 2v4", key: "3427ic" }],
   ["path", { d: "m16.2 7.8 2.9-2.9", key: "r700ao" }],
   ["path", { d: "M18 12h4", key: "wj9ykh" }],
@@ -1492,26 +1513,26 @@ 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$C);
+const __iconNode$B = [
   ["rect", { width: "18", height: "11", x: "3", y: "11", rx: "2", ry: "2", key: "1w4ew1" }],
   ["path", { d: "M7 11V7a5 5 0 0 1 10 0v4", key: "fwvmzm" }]
 ];
-const Lock = createLucideIcon("lock", __iconNode$z);
-const __iconNode$y = [
+const Lock = createLucideIcon("lock", __iconNode$B);
+const __iconNode$A = [
   ["path", { d: "M15 3h6v6", key: "1q9fwt" }],
   ["path", { d: "m21 3-7 7", key: "1l2asr" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M9 21H3v-6", key: "wtvkvv" }]
 ];
-const Maximize2 = createLucideIcon("maximize-2", __iconNode$y);
-const __iconNode$x = [
+const Maximize2 = createLucideIcon("maximize-2", __iconNode$A);
+const __iconNode$z = [
   ["path", { d: "M4 5h16", key: "1tepv9" }],
   ["path", { d: "M4 12h16", key: "1lakjw" }],
   ["path", { d: "M4 19h16", key: "1djgab" }]
 ];
-const Menu$1 = createLucideIcon("menu", __iconNode$x);
-const __iconNode$w = [
+const Menu$1 = createLucideIcon("menu", __iconNode$z);
+const __iconNode$y = [
   [
     "path",
     {
@@ -1520,21 +1541,21 @@ const __iconNode$w = [
     }
   ]
 ];
-const MessageSquare = createLucideIcon("message-square", __iconNode$w);
-const __iconNode$v = [
+const MessageSquare = createLucideIcon("message-square", __iconNode$y);
+const __iconNode$x = [
   ["path", { d: "m14 10 7-7", key: "oa77jy" }],
   ["path", { d: "M20 10h-6V4", key: "mjg0md" }],
   ["path", { d: "m3 21 7-7", key: "tjx5ai" }],
   ["path", { d: "M4 14h6v6", key: "rmj7iw" }]
 ];
-const Minimize2 = createLucideIcon("minimize-2", __iconNode$v);
-const __iconNode$u = [
+const Minimize2 = createLucideIcon("minimize-2", __iconNode$x);
+const __iconNode$w = [
   ["path", { d: "M9 18V5l12-2v13", key: "1jmyc2" }],
   ["circle", { cx: "6", cy: "18", r: "3", key: "fqmcym" }],
   ["circle", { cx: "18", cy: "16", r: "3", key: "1hluhg" }]
 ];
-const Music = createLucideIcon("music", __iconNode$u);
-const __iconNode$t = [
+const Music = createLucideIcon("music", __iconNode$w);
+const __iconNode$v = [
   [
     "path",
     {
@@ -1546,18 +1567,18 @@ const __iconNode$t = [
   ["polyline", { points: "3.29 7 12 12 20.71 7", key: "ousv84" }],
   ["path", { d: "m7.5 4.27 9 5.15", key: "1c824w" }]
 ];
-const Package = createLucideIcon("package", __iconNode$t);
-const __iconNode$s = [
+const Package = createLucideIcon("package", __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$s);
-const __iconNode$r = [
+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$r);
-const __iconNode$q = [
+const PanelTop = createLucideIcon("panel-top", __iconNode$t);
+const __iconNode$s = [
   [
     "path",
     {
@@ -1566,8 +1587,8 @@ const __iconNode$q = [
     }
   ]
 ];
-const Paperclip = createLucideIcon("paperclip", __iconNode$q);
-const __iconNode$p = [
+const Paperclip = createLucideIcon("paperclip", __iconNode$s);
+const __iconNode$r = [
   [
     "path",
     {
@@ -1577,8 +1598,21 @@ const __iconNode$p = [
   ],
   ["path", { d: "m15 5 4 4", key: "1mk7zo" }]
 ];
-const Pencil = createLucideIcon("pencil", __iconNode$p);
-const __iconNode$o = [
+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" }],
+  [
+    "path",
+    {
+      d: "M9 9v1.76a2 2 0 0 1-1.11 1.79l-1.78.9A2 2 0 0 0 5 15.24V16a1 1 0 0 0 1 1h11",
+      key: "c9qhm2"
+    }
+  ]
+];
+const PinOff = createLucideIcon("pin-off", __iconNode$q);
+const __iconNode$p = [
   ["path", { d: "M12 17v5", key: "bb1du9" }],
   [
     "path",
@@ -1588,8 +1622,8 @@ const __iconNode$o = [
     }
   ]
 ];
-const Pin = createLucideIcon("pin", __iconNode$o);
-const __iconNode$n = [
+const Pin = createLucideIcon("pin", __iconNode$p);
+const __iconNode$o = [
   [
     "path",
     {
@@ -1598,20 +1632,20 @@ const __iconNode$n = [
     }
   ]
 ];
-const Play = createLucideIcon("play", __iconNode$n);
-const __iconNode$m = [
+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$m);
-const __iconNode$l = [
+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$l);
-const __iconNode$k = [
+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" }],
@@ -1620,23 +1654,23 @@ const __iconNode$k = [
     { 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$k);
-const __iconNode$j = [
+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$j);
-const __iconNode$i = [
+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$i);
-const __iconNode$h = [
+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$h);
-const __iconNode$g = [
+const Rows2 = createLucideIcon("rows-2", __iconNode$i);
+const __iconNode$h = [
   [
     "path",
     {
@@ -1647,7 +1681,15 @@ const __iconNode$g = [
   ["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$g);
+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$g);
 const __iconNode$f = [
   ["path", { d: "M15 12h-5", key: "r7krc0" }],
   ["path", { d: "M15 8h-5", key: "1khuty" }],
@@ -40504,53 +40546,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-BoCTcQyA.js").then((m2) => m2.javascript());
+        return import("./index-CW27f0k8.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-BoCTcQyA.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-CW27f0k8.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-BoCTcQyA.js").then(
+        return import("./index-CW27f0k8.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-BoCTcQyA.js").then(
+        return import("./index-CW27f0k8.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-tbrMCGeF.js").then((m2) => m2.python());
+        return import("./index-CPgf4fox.js").then((m2) => m2.python());
       case "html":
-        return import("./index-DEkonSBc.js").then((m2) => m2.html());
+        return import("./index-sBBVHJec.js").then((m2) => m2.html());
       case "css":
-        return import("./index-BHR21Rwx.js").then((m2) => m2.css());
+        return import("./index-CQZMfw92.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-BUKmWu07.js").then((m2) => m2.sass());
+        return import("./index-xHAcoUao.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-zE6_NUk4.js").then((m2) => m2.less());
+        return import("./index-0_BGm0mn.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-CMs8dLKE.js").then((m2) => m2.json());
+        return import("./index-BoanxRSH.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-g309PIeU.js").then((m2) => m2.markdown());
+        return import("./index-B2qKtyPL.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-DAlp0b3q.js").then((m2) => m2.xml());
+        return import("./index-BgilcgRG.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-CznnHJPs.js").then((m2) => m2.yaml());
+        return import("./index-DO78fmX2.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-BCNMZ2-I.js").then((m2) => m2.sql());
+        return import("./index-BRIhAKe8.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-D4Zt6M4l.js").then((m2) => m2.rust());
+        return import("./index-CUrmFB9U.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-D6pmvl-E.js").then((m2) => m2.go());
+        return import("./index-BT09Zz2i.js").then((m2) => m2.go());
       case "java":
-        return import("./index-O9-otWU5.js").then((m2) => m2.java());
+        return import("./index-BcYdtAMM.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-O9-otWU5.js").then((m2) => m2.java());
+        return import("./index-BcYdtAMM.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-DqCcM85h.js").then((m2) => m2.cpp());
+        return import("./index-CBXzgKOs.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-BUSq_KFc.js").then((m2) => m2.php());
+        return import("./index-CO5kqxG3.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -41612,6 +41654,44 @@ function CommitDialog({
     ] })
   ] }) });
 }
+function useAppUpdate() {
+  const adapter2 = useAdapter();
+  const [state2, setState] = reactExports.useState({ status: "none" });
+  reactExports.useEffect(() => {
+    if (!adapter2.getUpdateStatus || !adapter2.subscribeUpdateStatus) return;
+    let cancelled = false;
+    adapter2.getUpdateStatus().then((pending) => {
+      if (cancelled) return;
+      if (pending) {
+        setState({ status: "available", version: pending.version });
+      }
+    }).catch(() => {
+    });
+    const unsubscribe = adapter2.subscribeUpdateStatus((pending) => {
+      setState((prev2) => {
+        if (prev2.status === "installing") return prev2;
+        return pending ? { status: "available", version: pending.version } : { status: "none" };
+      });
+    });
+    return () => {
+      cancelled = true;
+      unsubscribe();
+    };
+  }, [adapter2]);
+  const install = async () => {
+    if (!adapter2.installUpdate) return;
+    setState({ status: "installing" });
+    try {
+      await adapter2.installUpdate();
+    } catch (err) {
+      setState({
+        status: "error",
+        message: err instanceof Error ? err.message : String(err)
+      });
+    }
+  };
+  return { state: state2, install };
+}
 function useCliSetup() {
   const adapter2 = useAdapter();
   const [state2, setState] = reactExports.useState({ status: "checking" });
@@ -41681,7 +41761,9 @@ function useCliSetup() {
 }
 const PROJECTS_COLLAPSE_KEY = "band.projects-list.collapsed-projects";
 const LABELS_COLLAPSE_KEY = "band.projects-list.collapsed-labels";
+const PINNED_COLLAPSE_KEY = "band.projects-list.collapsed-pinned";
 const UNLABELED_KEY = "__unlabeled";
+const PINNED_SECTION_ID = "__pinned";
 const SYNC_EVENT$1 = "band:collapse-state-change";
 function read$1(key2) {
   if (typeof window === "undefined") return /* @__PURE__ */ new Set();
@@ -41734,6 +41816,18 @@ function useCollapseState(storageKey2) {
     },
     [storageKey2]
   );
+  const expand = reactExports.useCallback(
+    (id28) => {
+      setCollapsed((prev2) => {
+        if (!prev2.has(id28)) return prev2;
+        const next2 = new Set(prev2);
+        next2.delete(id28);
+        write$1(storageKey2, next2);
+        return next2;
+      });
+    },
+    [storageKey2]
+  );
   const setAll = reactExports.useCallback(
     (ids2) => {
       const next2 = new Set(ids2);
@@ -41742,7 +41836,10 @@ function useCollapseState(storageKey2) {
     },
     [storageKey2]
   );
-  return reactExports.useMemo(() => ({ isCollapsed, toggle, setAll }), [isCollapsed, toggle, setAll]);
+  return reactExports.useMemo(
+    () => ({ isCollapsed, toggle, expand, setAll }),
+    [isCollapsed, toggle, expand, setAll]
+  );
 }
 function useHooksSetup() {
   const adapter2 = useAdapter();
@@ -46231,6 +46328,66 @@ function normalizeLocalDisabled(localDisabled, globalDisabled) {
   };
 }
 [KeyboardCode.Down, KeyboardCode.Right, KeyboardCode.Up, KeyboardCode.Left];
+function usePinnedWorkspaces() {
+  const adapter2 = useAdapter();
+  const queryClient2 = useQueryClient();
+  const setError = useDashboardStore((s2) => s2.setError);
+  const { projects } = useProjects();
+  const pinned = reactExports.useMemo(() => {
+    const list2 = [];
+    for (const project of projects) {
+      for (const wt2 of project.worktrees) {
+        if (wt2.pinned) {
+          list2.push({
+            project,
+            worktree: wt2,
+            workspaceId: toWorkspaceId(project.name, wt2.branch)
+          });
+        }
+      }
+    }
+    return list2;
+  }, [projects]);
+  const pinnedSet = reactExports.useMemo(() => new Set(pinned.map((p3) => p3.workspaceId)), [pinned]);
+  const isPinned = reactExports.useCallback((id28) => pinnedSet.has(id28), [pinnedSet]);
+  const mutation = useMutation({
+    mutationFn: ({
+      project,
+      branch,
+      pinned: nextPinned
+    }) => adapter2.setWorkspacePinned(project, branch, nextPinned),
+    onMutate: async ({ project, branch, pinned: nextPinned }) => {
+      await queryClient2.cancelQueries({ queryKey: queryKeys.projects });
+      const previous2 = queryClient2.getQueryData(queryKeys.projects);
+      if (previous2) {
+        const next2 = previous2.map(
+          (p3) => p3.name === project ? {
+            ...p3,
+            worktrees: p3.worktrees.map(
+              (w2) => w2.branch === branch ? { ...w2, pinned: nextPinned } : w2
+            )
+          } : p3
+        );
+        queryClient2.setQueryData(queryKeys.projects, next2);
+      }
+      return { previous: previous2 };
+    },
+    onError: (err, _vars, context2) => {
+      if (context2?.previous) {
+        queryClient2.setQueryData(queryKeys.projects, context2.previous);
+      }
+      setError(String(err));
+    },
+    onSettled: () => {
+      queryClient2.invalidateQueries({ queryKey: queryKeys.projects });
+    }
+  });
+  const toggle = reactExports.useCallback(
+    (project, branch, currentlyPinned) => mutation.mutate({ project, branch, pinned: !currentlyPinned }),
+    [mutation.mutate]
+  );
+  return { pinned, isPinned, toggle };
+}
 function DeleteWorkspaceDialog({
   open: open2,
   onOpenChange,
@@ -46406,7 +46563,9 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
   branchStatus,
   setupStatus,
   isFocused,
-  onShowDeleteDialog
+  onShowDeleteDialog,
+  showProjectName,
+  onTogglePinned
 }) {
   const cardRef = reactExports.useRef(null);
   const capabilities2 = useCapabilities();
@@ -46421,6 +46580,7 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
   const gitPull = useDashboardStore((s2) => s2.gitPull);
   const gitPush = useDashboardStore((s2) => s2.gitPush);
   const removeWorkspaceMutation = useRemoveWorkspace();
+  const isPinned = worktree.pinned;
   const workspaceId = toWorkspaceId(projectName, worktree.branch);
   const isActive = useDashboardStore((s2) => s2.activeWorkspaceId === workspaceId);
   const href = capabilities2.getWorkspaceHref?.(workspaceId);
@@ -46474,11 +46634,11 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
             "span",
             {
               className: `text-sm truncate ${isActive ? "font-semibold text-foreground" : "font-medium text-muted-foreground"}`,
-              children: worktree.branch
+              children: showProjectName ? `${projectName}/${worktree.branch}` : worktree.branch
             }
           )
         ] }) }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: worktree.branch })
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "top", children: showProjectName ? worktree.path : worktree.branch })
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden @[10rem]:flex group-hover:flex items-center gap-2 shrink-0 ml-auto pl-2", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(SetupStatusIndicator, { setup: setupStatus }),
@@ -46487,6 +46647,11 @@ const WorkspaceCard = reactExports.memo(function WorkspaceCard2({
       ] })
     ] }) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => onTogglePinned(projectName, worktree.branch, isPinned), children: [
+        isPinned ? /* @__PURE__ */ jsxRuntimeExports.jsx(PinOff, {}) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, {}),
+        isPinned ? "Unpin workspace" : "Pin workspace"
+      ] }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
       capabilities2.copyPath && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onClick: () => navigator.clipboard.writeText(worktree.path), children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx(Clipboard, {}),
         "Copy path"
@@ -46531,7 +46696,9 @@ function SortableProject({
   focusedIndex,
   workspaceIndexStart,
   collapsed,
-  onToggleCollapse
+  onToggleCollapse,
+  hasPinnedSiblings,
+  onTogglePinned
 }) {
   const { attributes, listeners: listeners2, setNodeRef, transform: transform2, transition, isDragging } = useSortable({
     id: project.name
@@ -46635,7 +46802,7 @@ function SortableProject({
         ] })
       ] })
     ] }),
-    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 overflow-hidden", children: project.worktrees.length === 0 ? /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground px-4 py-2", children: "No workspaces yet" }) : project.worktrees.map((wt2) => {
+    !collapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 overflow-hidden", children: project.worktrees.length === 0 ? hasPinnedSiblings ? null : /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground px-4 py-2", children: "No workspaces yet" }) : project.worktrees.map((wt2) => {
       const wsId = toWorkspaceId(project.name, wt2.branch);
       const currentIndex = workspaceIndex++;
       return /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -46648,7 +46815,8 @@ function SortableProject({
           branchStatus: branchStatuses.get(wsId),
           setupStatus: setupStatuses.get(wsId),
           isFocused: currentIndex === focusedIndex,
-          onShowDeleteDialog
+          onShowDeleteDialog,
+          onTogglePinned
         },
         wt2.branch
       );
@@ -46721,15 +46889,35 @@ function ProjectList({ labelFilter }) {
   const keyboardNavRef = reactExports.useRef(false);
   const projectCollapse = useCollapseState(PROJECTS_COLLAPSE_KEY);
   const labelCollapse = useCollapseState(LABELS_COLLAPSE_KEY);
+  const pinnedCollapse = useCollapseState(PINNED_COLLAPSE_KEY);
+  const { pinned: pinnedEntries, toggle: togglePinned } = usePinnedWorkspaces();
   const sensors = useSensors(
     useSensor(MouseSensor, { activationConstraint: { distance: 8 } }),
     useSensor(TouchSensor, { activationConstraint: { delay: 250, tolerance: 5 } })
   );
+  const { displayProjects, projectsWithPinned } = reactExports.useMemo(() => {
+    const withPinned = /* @__PURE__ */ new Set();
+    const display = projects.map((p3) => {
+      const filtered = p3.worktrees.filter((w2) => !w2.pinned);
+      if (filtered.length !== p3.worktrees.length) withPinned.add(p3.name);
+      return { ...p3, worktrees: filtered };
+    });
+    return { displayProjects: display, projectsWithPinned: withPinned };
+  }, [projects]);
+  const pinnedSectionCollapsed = pinnedCollapse.isCollapsed(PINNED_SECTION_ID);
+  const showPinnedSection = pinnedEntries.length > 0;
+  const pinnedNavCount = showPinnedSection && !pinnedSectionCollapsed ? pinnedEntries.length : 0;
   const groups = reactExports.useMemo(() => {
     if (labels.length === 0)
-      return [{ labelId: null, label: null, projects }];
+      return [
+        {
+          labelId: null,
+          label: null,
+          projects: displayProjects
+        }
+      ];
     const byLabel = /* @__PURE__ */ new Map();
-    for (const p3 of projects) {
+    for (const p3 of displayProjects) {
       const key2 = p3.label ?? null;
       if (!byLabel.has(key2)) byLabel.set(key2, []);
       byLabel.get(key2).push(p3);
@@ -46746,14 +46934,15 @@ function ProjectList({ labelFilter }) {
       result.push({ labelId: null, label: null, projects: unlabeled });
     }
     return result;
-  }, [projects, labels]);
+  }, [displayProjects, labels]);
   const visibleGroups = reactExports.useMemo(() => {
     if (!labelFilter) return groups;
     return groups.filter((g2) => g2.labelId === labelFilter);
   }, [groups, labelFilter]);
   const allWorkspaceIds = reactExports.useMemo(() => {
     const headerVisible = labels.length > 0 && !labelFilter;
-    return visibleGroups.flatMap((g2) => {
+    const pinnedPart = pinnedNavCount > 0 ? pinnedEntries.map((e2) => e2.workspaceId) : [];
+    const rest = visibleGroups.flatMap((g2) => {
       const groupKey = g2.labelId ?? UNLABELED_KEY;
       if (headerVisible && labelCollapse.isCollapsed(groupKey)) return [];
       return g2.projects.flatMap((p3) => {
@@ -46761,10 +46950,19 @@ function ProjectList({ labelFilter }) {
         return p3.worktrees.map((wt2) => toWorkspaceId(p3.name, wt2.branch));
       });
     });
-  }, [visibleGroups, labels.length, labelFilter, labelCollapse, projectCollapse]);
+    return [...pinnedPart, ...rest];
+  }, [
+    visibleGroups,
+    labels.length,
+    labelFilter,
+    labelCollapse,
+    projectCollapse,
+    pinnedEntries,
+    pinnedNavCount
+  ]);
   const workspaceIndexMap = reactExports.useMemo(() => {
     const map2 = /* @__PURE__ */ new Map();
-    let index2 = 0;
+    let index2 = pinnedNavCount;
     const headerVisible = labels.length > 0 && !labelFilter;
     for (const group of visibleGroups) {
       const groupKey = group.labelId ?? UNLABELED_KEY;
@@ -46777,7 +46975,7 @@ function ProjectList({ labelFilter }) {
       }
     }
     return map2;
-  }, [visibleGroups, labels.length, labelFilter, labelCollapse, projectCollapse]);
+  }, [visibleGroups, labels.length, labelFilter, labelCollapse, projectCollapse, pinnedNavCount]);
   reactExports.useEffect(() => {
     if (keyboardNavRef.current) return;
     if (activeWorkspaceId) {
@@ -46787,6 +46985,51 @@ function ProjectList({ labelFilter }) {
       setFocusedIndex(-1);
     }
   }, [activeWorkspaceId, allWorkspaceIds]);
+  const revealedWorkspaceRef = reactExports.useRef(null);
+  const revealedAsPinnedRef = reactExports.useRef(false);
+  reactExports.useEffect(() => {
+    if (!activeWorkspaceId) {
+      revealedWorkspaceRef.current = null;
+      revealedAsPinnedRef.current = false;
+      return;
+    }
+    const isActivePinned = pinnedEntries.some((e2) => e2.workspaceId === activeWorkspaceId);
+    if (revealedWorkspaceRef.current === activeWorkspaceId && revealedAsPinnedRef.current === isActivePinned) {
+      return;
+    }
+    revealedWorkspaceRef.current = activeWorkspaceId;
+    revealedAsPinnedRef.current = isActivePinned;
+    if (isActivePinned) {
+      pinnedCollapse.expand(PINNED_SECTION_ID);
+      keyboardNavRef.current = false;
+      return;
+    }
+    for (const group of groups) {
+      for (const project of group.projects) {
+        const containsActive = project.worktrees.some(
+          (wt2) => toWorkspaceId(project.name, wt2.branch) === activeWorkspaceId
+        );
+        if (!containsActive) continue;
+        if (labelFilter && group.labelId !== labelFilter) return;
+        const headerVisible = labels.length > 0 && !labelFilter;
+        if (headerVisible) {
+          labelCollapse.expand(group.labelId ?? UNLABELED_KEY);
+        }
+        projectCollapse.expand(project.name);
+        keyboardNavRef.current = false;
+        return;
+      }
+    }
+  }, [
+    activeWorkspaceId,
+    groups,
+    labelFilter,
+    labels.length,
+    labelCollapse,
+    projectCollapse,
+    pinnedCollapse,
+    pinnedEntries
+  ]);
   const hasProjects = projects.length > 0;
   reactExports.useEffect(() => {
     if (hasProjects) {
@@ -46862,7 +47105,7 @@ function ProjectList({ labelFilter }) {
     ] });
   }
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         ref: containerRef,
@@ -46872,61 +47115,102 @@ function ProjectList({ labelFilter }) {
           keyboardNavRef.current = false;
         },
         className: "flex flex-col gap-0.5 outline-none min-w-0",
-        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
-          DndContext,
-          {
-            sensors,
-            collisionDetection: closestCenter,
-            onDragStart: handleDragStart,
-            onDragEnd: handleDragEnd,
-            children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(SortableContext, { items: allProjectNames, strategy: verticalListSortingStrategy, children: visibleGroups.map((group) => {
-                const groupKey = group.labelId ?? UNLABELED_KEY;
-                const headerVisible = labels.length > 0 && !labelFilter;
-                const groupCollapsed = headerVisible && labelCollapse.isCollapsed(groupKey);
-                return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
-                  headerVisible && (group.label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    DroppableLabelHeader,
-                    {
-                      labelId: group.labelId,
-                      label: group.label,
-                      collapsed: groupCollapsed,
-                      onToggle: () => labelCollapse.toggle(groupKey)
-                    }
-                  ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    DroppableUnlabeledHeader,
-                    {
-                      collapsed: groupCollapsed,
-                      onToggle: () => labelCollapse.toggle(groupKey)
-                    }
-                  )),
-                  !groupCollapsed && group.projects.map((project) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                    SortableProject,
+        children: [
+          showPinnedSection && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              "button",
+              {
+                type: "button",
+                onClick: () => pinnedCollapse.toggle(PINNED_SECTION_ID),
+                "aria-expanded": !pinnedSectionCollapsed,
+                className: "flex h-9 w-full items-center gap-2 pl-3 pr-4 mb-0.5 text-left transition-colors hover:bg-primary/10 bg-accent",
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3.5 -rotate-45 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground/80", children: "Pinned" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    ChevronRight,
                     {
-                      project,
-                      statuses,
-                      branchStatuses,
-                      setupStatuses,
-                      removeProject: (name2) => removeProjectMutation.mutate(name2),
-                      updateProjectLabel: (name2, label) => updateProjectLabelMutation.mutate({ name: name2, label }),
-                      labels,
-                      setWorkspaceDialog,
-                      onShowDeleteDialog: setDeleteDialog,
-                      focusedIndex,
-                      workspaceIndexStart: workspaceIndexMap.get(project.name) ?? 0,
-                      collapsed: projectCollapse.isCollapsed(project.name),
-                      onToggleCollapse: projectCollapse.toggle
+                      className: `ml-auto size-3.5 shrink-0 text-muted-foreground transition-transform ${pinnedSectionCollapsed ? "" : "rotate-90"}`
                     }
-                  ) }, project.name))
-                ] }, groupKey);
-              }) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(DragOverlay, { dropAnimation: null, children: activeDragId ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-1 py-1 bg-background rounded shadow-lg border", children: [
-                /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-3.5 shrink-0 text-muted-foreground" }),
-                /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground", children: activeDragId })
-              ] }) : null })
-            ]
-          }
-        )
+                  )
+                ]
+              }
+            ),
+            !pinnedSectionCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-0.5 px-2", children: pinnedEntries.map(({ project, worktree, workspaceId }, i2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+              WorkspaceCard,
+              {
+                worktree,
+                projectName: project.name,
+                defaultBranch: project.defaultBranch,
+                status: statuses.get(workspaceId),
+                branchStatus: branchStatuses.get(workspaceId),
+                setupStatus: setupStatuses.get(workspaceId),
+                isFocused: i2 === focusedIndex,
+                onShowDeleteDialog: setDeleteDialog,
+                showProjectName: true,
+                onTogglePinned: togglePinned
+              },
+              workspaceId
+            )) })
+          ] }, "__pinned"),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            DndContext,
+            {
+              sensors,
+              collisionDetection: closestCenter,
+              onDragStart: handleDragStart,
+              onDragEnd: handleDragEnd,
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(SortableContext, { items: allProjectNames, strategy: verticalListSortingStrategy, children: visibleGroups.map((group) => {
+                  const groupKey = group.labelId ?? UNLABELED_KEY;
+                  const headerVisible = labels.length > 0 && !labelFilter;
+                  const groupCollapsed = headerVisible && labelCollapse.isCollapsed(groupKey);
+                  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { children: [
+                    headerVisible && (group.label ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      DroppableLabelHeader,
+                      {
+                        labelId: group.labelId,
+                        label: group.label,
+                        collapsed: groupCollapsed,
+                        onToggle: () => labelCollapse.toggle(groupKey)
+                      }
+                    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      DroppableUnlabeledHeader,
+                      {
+                        collapsed: groupCollapsed,
+                        onToggle: () => labelCollapse.toggle(groupKey)
+                      }
+                    )),
+                    !groupCollapsed && group.projects.map((project) => /* @__PURE__ */ jsxRuntimeExports.jsx("div", { children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                      SortableProject,
+                      {
+                        project,
+                        statuses,
+                        branchStatuses,
+                        setupStatuses,
+                        removeProject: (name2) => removeProjectMutation.mutate(name2),
+                        updateProjectLabel: (name2, label) => updateProjectLabelMutation.mutate({ name: name2, label }),
+                        labels,
+                        setWorkspaceDialog,
+                        onShowDeleteDialog: setDeleteDialog,
+                        focusedIndex,
+                        workspaceIndexStart: workspaceIndexMap.get(project.name) ?? 0,
+                        collapsed: projectCollapse.isCollapsed(project.name),
+                        onToggleCollapse: projectCollapse.toggle,
+                        hasPinnedSiblings: projectsWithPinned.has(project.name),
+                        onTogglePinned: togglePinned
+                      }
+                    ) }, project.name))
+                  ] }, groupKey);
+                }) }),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(DragOverlay, { dropAnimation: null, children: activeDragId ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2 px-1 py-1 bg-background rounded shadow-lg border", children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground", children: activeDragId })
+                ] }) : null })
+              ]
+            }
+          )
+        ]
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -47134,6 +47418,9 @@ function SettingsPage({ open: open2, onOpenChange }) {
   const [useWebGLTerminalRenderer, setUseWebGLTerminalRenderer] = reactExports.useState(
     settings.useWebGLTerminalRenderer ?? true
   );
+  const [webBrowserCdpEnabled, setWebBrowserCdpEnabled] = reactExports.useState(
+    settings.webBrowserCdpEnabled ?? false
+  );
   const [agentModels, setAgentModels] = reactExports.useState({});
   const [contextMeterEnabled, setContextMeterEnabled] = useExperimentalContextMeter();
   const adapter2 = useAdapter();
@@ -47163,6 +47450,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     if (maxCachedWorkspaces !== (settings.maxCachedWorkspaces?.toString() ?? "")) return true;
     if (selectedTheme !== (settings.theme ?? "system")) return true;
     if (useWebGLTerminalRenderer !== (settings.useWebGLTerminalRenderer ?? true)) return true;
+    if (webBrowserCdpEnabled !== (settings.webBrowserCdpEnabled ?? false)) return true;
     return false;
   }, [
     worktreesDir,
@@ -47179,6 +47467,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     maxCachedWorkspaces,
     selectedTheme,
     useWebGLTerminalRenderer,
+    webBrowserCdpEnabled,
     settings
   ]);
   reactExports.useEffect(() => {
@@ -47196,6 +47485,7 @@ function SettingsPage({ open: open2, onOpenChange }) {
     setMaxCachedWorkspaces(settings.maxCachedWorkspaces?.toString() ?? "");
     setSelectedTheme(settings.theme ?? "system");
     setUseWebGLTerminalRenderer(settings.useWebGLTerminalRenderer ?? true);
+    setWebBrowserCdpEnabled(settings.webBrowserCdpEnabled ?? false);
   }, [
     settings.worktreesDir,
     settings.codingAgents,
@@ -47209,7 +47499,8 @@ function SettingsPage({ open: open2, onOpenChange }) {
     settings.claudeCodePartialMessages,
     settings.maxCachedWorkspaces,
     settings.theme,
-    settings.useWebGLTerminalRenderer
+    settings.useWebGLTerminalRenderer,
+    settings.webBrowserCdpEnabled
   ]);
   const handleBrowse = async () => {
     if (!capabilities2.pickFolder) return;
@@ -47253,7 +47544,8 @@ function SettingsPage({ open: open2, onOpenChange }) {
       claudeCodePartialMessages,
       maxCachedWorkspaces: parsedMaxCachedWorkspaces,
       theme: selectedTheme,
-      useWebGLTerminalRenderer
+      useWebGLTerminalRenderer,
+      webBrowserCdpEnabled
     });
   };
   const handleSaveAndClose = async () => {
@@ -47380,6 +47672,22 @@ function SettingsPage({ open: open2, onOpenChange }) {
               }
             )
           ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(SettingsSection, { title: "Browser", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            SettingsRow,
+            {
+              htmlFor: "web-browser-cdp",
+              label: "Stream desktop tabs to web (experimental)",
+              description: "When enabled, the desktop opens a chromium debug port and lets web clients view + drive your Browser-pane tabs over CDP. Disable to save CPU/memory if you don't use the web UI for browsing.",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                Switch,
+                {
+                  id: "web-browser-cdp",
+                  checked: webBrowserCdpEnabled,
+                  onCheckedChange: setWebBrowserCdpEnabled
+                }
+              )
+            }
+          ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             SettingsSection,
             {
@@ -47794,6 +48102,7 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
   const [labelFilter, setLabelFilter] = useLabelFilter();
   const { state: hooksState, install: installHooks } = useHooksSetup();
   const { state: cliState, install: installCli } = useCliSetup();
+  const { state: updateState, install: installUpdate } = useAppUpdate();
   const [appTitle, setAppTitle] = reactExports.useState("Band");
   reactExports.useEffect(() => {
     if (!isDesktop$1) return;
@@ -47806,10 +48115,12 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
   const handleSettingsClick = reactExports.useCallback(() => setShowSettingsDialog(true), []);
   const projectCollapse = useCollapseState(PROJECTS_COLLAPSE_KEY);
   const labelCollapse = useCollapseState(LABELS_COLLAPSE_KEY);
+  const pinnedCollapse = useCollapseState(PINNED_COLLAPSE_KEY);
   const collapseAll = reactExports.useCallback(() => {
     projectCollapse.setAll(projects.map((p3) => p3.name));
     labelCollapse.setAll([...labels.map((l4) => l4.id), UNLABELED_KEY]);
-  }, [projectCollapse, labelCollapse, projects, labels]);
+    pinnedCollapse.setAll([PINNED_SECTION_ID]);
+  }, [projectCollapse, labelCollapse, pinnedCollapse, projects, labels]);
   const activeLabel = reactExports.useMemo(
     () => labelFilter ? labels.find((l4) => l4.id === labelFilter) : null,
     [labelFilter, labels]
@@ -48004,6 +48315,18 @@ function DashboardShell({ toolbarMenuItems, hideTitleBar, hideMenu }) {
             ] }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ProjectList, { labelFilter }) })
           }
         ),
+        updateState.status === "available" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: `Band v${updateState.version} is available` }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installUpdate, children: "Install" })
+        ] }),
+        updateState.status === "installing" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: "Installing update…" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", disabled: true, children: "Install" })
+        ] }),
+        updateState.status === "error" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-destructive/10 border border-destructive/30 rounded-lg text-sm text-destructive flex items-center justify-between gap-2", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: `Update failed: ${updateState.message}` }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installUpdate, children: "Retry" })
+        ] }),
         (cliState.status === "manual" || cliState.status === "conflict") && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "mx-4 mb-2 px-4 py-2 bg-blue-500/10 border border-blue-500/30 rounded-lg text-sm flex items-center justify-between gap-2", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-blue-700 dark:text-blue-200", children: cliState.status === "conflict" ? "A different `band` binary exists — replace it to use the bundled CLI" : `Install band CLI${cliState.status === "manual" && cliState.reason ? ` — ${cliState.reason}` : ""}` }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", size: "sm", className: "shrink-0 text-xs", onClick: installCli, children: "Install" })
@@ -49906,6 +50229,19 @@ function extensionToLanguage(ext) {
 function filenameToLanguage(filename) {
   return FILENAME_MAP[filename];
 }
+function useDeferredMenuAction() {
+  const pendingRef = reactExports.useRef(null);
+  const queue = reactExports.useCallback((fn2) => {
+    pendingRef.current = fn2;
+  }, []);
+  const flush = reactExports.useCallback((e2) => {
+    e2.preventDefault();
+    const fn2 = pendingRef.current;
+    pendingRef.current = null;
+    fn2?.();
+  }, []);
+  return { queue, flush };
+}
 const extensionIconMap = {
   // Code files
   ts: FileCodeCorner,
@@ -50067,18 +50403,25 @@ function FileStatusBadge({ status }) {
     }
   );
 }
+function collectLeafPaths(node2) {
+  if (!node2.children) return [node2.path];
+  return node2.children.flatMap(collectLeafPaths);
+}
 function ChangesTreeNode({
   node: node2,
   depth,
   expandedPaths,
   onToggle,
   onSelectFile,
+  onRequestReset,
+  canReset,
   activeFile
 }) {
   const isDir = node2.children !== void 0;
   const isExpanded = isDir && expandedPaths.has(node2.path);
   const isActive = !isDir && activeFile === node2.path;
   const btnRef = reactExports.useRef(null);
+  const menu = useDeferredMenuAction();
   reactExports.useEffect(() => {
     if (isActive && btnRef.current) {
       btnRef.current.scrollIntoView({ block: "nearest" });
@@ -50091,28 +50434,42 @@ function ChangesTreeNode({
       onSelectFile(node2.path);
     }
   };
+  const button = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      ref: isActive ? btnRef : void 0,
+      type: "button",
+      "data-band-active": isActive ? "true" : void 0,
+      onClick: handleClick,
+      className: `flex h-[28px] w-full select-none items-center gap-1 pr-3 text-left text-[13px] hover:bg-accent/50 [-webkit-touch-callout:none] ${isActive ? "bg-blue-500/30 text-foreground outline outline-1 -outline-offset-1 outline-blue-400/60 hover:bg-blue-500/30 dark:bg-blue-500/40 dark:outline-blue-400/70 dark:hover:bg-blue-500/40" : ""}`,
+      style: { paddingLeft: `${depth * 12 + 4}px` },
+      children: [
+        isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3.5 shrink-0" }),
+        isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : (() => {
+          const fileName = node2.name.includes("/") ? node2.name.split("/").pop() : node2.name;
+          const FileIcon = getFileIcon(fileName);
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" });
+        })(),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate", children: node2.name }),
+        !isDir && node2.status && /* @__PURE__ */ jsxRuntimeExports.jsx(FileStatusBadge, { status: node2.status })
+      ]
+    }
+  );
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        ref: isActive ? btnRef : void 0,
-        type: "button",
-        "data-band-active": isActive ? "true" : void 0,
-        onClick: handleClick,
-        className: `flex h-[26px] w-full items-center gap-1 pr-3 text-left text-xs ${isActive ? "bg-accent text-accent-foreground" : "hover:bg-accent/50"}`,
-        style: { paddingLeft: `${depth * 12 + 4}px` },
-        children: [
-          isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3.5 shrink-0" }),
-          isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : (() => {
-            const fileName = node2.name.includes("/") ? node2.name.split("/").pop() : node2.name;
-            const FileIcon = getFileIcon(fileName);
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" });
-          })(),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate", children: node2.name }),
-          !isDir && node2.status && /* @__PURE__ */ jsxRuntimeExports.jsx(FileStatusBadge, { status: node2.status })
-        ]
-      }
-    ),
+    canReset ? /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenu, { children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { asChild: true, children: button }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuContent, { onCloseAutoFocus: menu.flush, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
+        ContextMenuItem,
+        {
+          variant: "destructive",
+          onSelect: () => menu.queue(() => onRequestReset(node2)),
+          children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCcw, { className: "size-4" }),
+            "Reset changes"
+          ]
+        }
+      ) })
+    ] }) : button,
     isExpanded && node2.children?.map((child) => /* @__PURE__ */ jsxRuntimeExports.jsx(
       ChangesTreeNode,
       {
@@ -50121,6 +50478,8 @@ function ChangesTreeNode({
         expandedPaths,
         onToggle,
         onSelectFile,
+        onRequestReset,
+        canReset,
         activeFile
       },
       child.path
@@ -50137,7 +50496,12 @@ function collectDirPaths(nodes) {
   }
   return paths;
 }
-function ChangesFileTree({ fileStatuses, onSelectFile, activeFile }) {
+function ChangesFileTree({
+  fileStatuses,
+  onSelectFile,
+  activeFile,
+  onRevertPaths
+}) {
   const tree = reactExports.useMemo(() => buildFileTree(fileStatuses), [fileStatuses]);
   const [expandedPaths, setExpandedPaths] = reactExports.useState(() => {
     return new Set(collectDirPaths(tree));
@@ -50156,21 +50520,120 @@ function ChangesFileTree({ fileStatuses, onSelectFile, activeFile }) {
       return next2;
     });
   };
+  const [pendingReset, setPendingReset] = reactExports.useState(null);
+  const [resetSubmitting, setResetSubmitting] = reactExports.useState(false);
+  const handleRequestReset = reactExports.useCallback((node2) => {
+    const paths = collectLeafPaths(node2);
+    if (paths.length === 0) return;
+    if (node2.children) {
+      setPendingReset({
+        label: node2.path,
+        isFolder: true,
+        paths
+      });
+    } else {
+      setPendingReset({
+        label: node2.path,
+        isFolder: false,
+        paths: [node2.path],
+        status: node2.status
+      });
+    }
+  }, []);
+  const cancelReset = reactExports.useCallback(() => {
+    if (resetSubmitting) return;
+    setPendingReset(null);
+  }, [resetSubmitting]);
+  const confirmReset = reactExports.useCallback(async () => {
+    if (!pendingReset || !onRevertPaths) return;
+    setResetSubmitting(true);
+    try {
+      await onRevertPaths(pendingReset.paths);
+      setPendingReset(null);
+    } finally {
+      setResetSubmitting(false);
+    }
+  }, [pendingReset, onRevertPaths]);
+  const canReset = Boolean(onRevertPaths);
   if (tree.length === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-16 items-center justify-center text-xs text-muted-foreground", children: "No files" });
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-16 items-center justify-center text-[13px] text-muted-foreground", children: "No files" });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    tree.map((node2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+      ChangesTreeNode,
+      {
+        node: node2,
+        depth: 0,
+        expandedPaths,
+        onToggle: handleToggle,
+        onSelectFile,
+        onRequestReset: handleRequestReset,
+        canReset,
+        activeFile
+      },
+      node2.path
+    )),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Dialog,
+      {
+        open: pendingReset !== null,
+        onOpenChange: (open2) => {
+          if (!open2) cancelReset();
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[425px]", onClick: (e2) => e2.stopPropagation(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Reset changes" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(DialogDescription, { children: pendingReset?.isFolder ? /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              "Reset changes for all ",
+              pendingReset.paths.length,
+              " file",
+              pendingReset.paths.length === 1 ? "" : "s",
+              " inside",
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "break-all", children: pendingReset.label }),
+              "?"
+            ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              "Reset changes to ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { className: "break-all", children: pendingReset?.label }),
+              "?"
+            ] }) })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-2 text-sm", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "mt-0.5 size-4 shrink-0 text-yellow-500" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: pendingReset?.isFolder ? "Every change inside this folder will be discarded. Added files are deleted, deleted files are restored, modifications are reverted. This action cannot be undone." : resetDescriptionForFile(pendingReset?.status) })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", onClick: cancelReset, disabled: resetSubmitting, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "destructive",
+                onClick: () => void confirmReset(),
+                disabled: resetSubmitting,
+                children: resetSubmitting ? "Resetting…" : "Reset"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+}
+function resetDescriptionForFile(status) {
+  switch (status) {
+    case "A":
+      return "This file was added and will be deleted. This action cannot be undone.";
+    case "U":
+      return "This file is untracked and will be deleted. This action cannot be undone.";
+    case "D":
+      return "This file was deleted and will be restored. This action cannot be undone.";
+    case "M":
+      return "All changes to this file will be discarded. This action cannot be undone.";
+    case "R":
+      return "This file was renamed and will be restored to its original path. This action cannot be undone.";
+    default:
+      return "All changes to this file will be discarded. This action cannot be undone.";
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(jsxRuntimeExports.Fragment, { children: tree.map((node2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-    ChangesTreeNode,
-    {
-      node: node2,
-      depth: 0,
-      expandedPaths,
-      onToggle: handleToggle,
-      onSelectFile,
-      activeFile
-    },
-    node2.path
-  )) });
 }
 function statusDescription(status) {
   switch (status) {
@@ -51299,6 +51762,30 @@ function DiffView({
     },
     [adapter2, workspaceId, diffMode, compareBranch]
   );
+  const handleRevertPaths = reactExports.useCallback(
+    async (paths) => {
+      const revertFile = adapter2.revertFile;
+      if (!revertFile || paths.length === 0) return;
+      const results = await Promise.allSettled(
+        paths.map(
+          (p3) => revertFile.call(adapter2, workspaceId, p3, diffMode, compareBranch ?? void 0)
+        )
+      );
+      setDiffCache((prev2) => {
+        const next2 = new Map(prev2);
+        for (const p3 of paths) next2.delete(p3);
+        return next2;
+      });
+      for (const p3 of paths) expandedFilesRef.current.delete(p3);
+      fetchSummaryRef.current?.(true);
+      for (const r2 of results) {
+        if (r2.status === "rejected") {
+          console.error("Failed to revert path:", r2.reason);
+        }
+      }
+    },
+    [adapter2, workspaceId, diffMode, compareBranch]
+  );
   reactExports.useEffect(() => {
     const getWorkspaceDiffSummary = adapter2.getWorkspaceDiffSummary;
     if (!getWorkspaceDiffSummary) return;
@@ -51507,12 +51994,13 @@ function DiffView({
         style: { width: sidebarWidth },
         children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-9 shrink-0 items-center border-b border-border px-3", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Files" }) }),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto py-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-y-auto py-1 pl-px", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
             ChangesFileTree,
             {
               fileStatuses,
               onSelectFile: handleScrollToFile,
-              activeFile
+              activeFile,
+              onRevertPaths: adapter2.revertFile ? handleRevertPaths : void 0
             }
           ) })
         ]
@@ -51812,6 +52300,129 @@ function getCachedContents(wsId) {
   }
   return map2;
 }
+function EntryNameInput({
+  kind,
+  depth,
+  compact,
+  initialValue = "",
+  siblings: siblings2,
+  placeholder,
+  onSubmit,
+  onCancel
+}) {
+  const [value, setValue] = reactExports.useState(initialValue);
+  const [submitting, setSubmitting] = reactExports.useState(false);
+  const [error, setError] = reactExports.useState(null);
+  const inputRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    const el = inputRef.current;
+    if (!el) return;
+    el.focus();
+    if (initialValue) {
+      const dotIdx = initialValue.lastIndexOf(".");
+      const end = dotIdx > 0 ? dotIdx : initialValue.length;
+      try {
+        el.setSelectionRange(0, end);
+      } catch {
+      }
+    }
+  }, [initialValue]);
+  const indent2 = compact ? 12 : 16;
+  const basePad = compact ? 4 : 8;
+  const height = compact ? 28 : 32;
+  const validate2 = (name2) => {
+    const trimmed = name2.trim();
+    if (!trimmed) return "Name is required";
+    if (trimmed === "." || trimmed === "..") return "Invalid name";
+    if (trimmed.includes("/") || trimmed.includes("\\")) {
+      return "Name cannot contain slashes";
+    }
+    if (siblings2.has(trimmed)) return "A file or folder with this name already exists";
+    return null;
+  };
+  const handleSubmit = async () => {
+    const trimmed = value.trim();
+    if (trimmed === initialValue) {
+      onCancel();
+      return;
+    }
+    const validationError = validate2(trimmed);
+    if (validationError) {
+      setError(validationError);
+      return;
+    }
+    setSubmitting(true);
+    setError(null);
+    try {
+      await onSubmit(trimmed);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setError(message);
+      setSubmitting(false);
+    }
+  };
+  const Icon2 = kind === "directory" ? Folder : File;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex w-full flex-col", style: { paddingLeft: `${depth * indent2 + basePad}px` }, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      "div",
+      {
+        className: `flex items-center ${compact ? "h-[28px] gap-1 pr-3 text-[13px]" : "h-[32px] gap-1.5 pr-4 text-[15px]"}`,
+        style: { height },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3.5 shrink-0" }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            Icon2,
+            {
+              className: kind === "directory" ? "size-4 shrink-0 text-blue-600 dark:text-blue-400" : "size-4 shrink-0 text-muted-foreground"
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "input",
+            {
+              ref: inputRef,
+              type: "text",
+              value,
+              onChange: (e2) => {
+                setValue(e2.target.value);
+                if (error) setError(null);
+              },
+              disabled: submitting,
+              onKeyDown: (e2) => {
+                if (e2.key === "Enter") {
+                  e2.preventDefault();
+                  void handleSubmit();
+                } else if (e2.key === "Escape") {
+                  e2.preventDefault();
+                  onCancel();
+                }
+              },
+              onBlur: () => {
+                if (!submitting) {
+                  if (value.trim()) {
+                    void handleSubmit();
+                  } else {
+                    onCancel();
+                  }
+                }
+              },
+              placeholder: placeholder ?? (kind === "directory" ? "Folder name" : "File name"),
+              className: "min-w-0 flex-1 rounded-sm border border-border bg-background px-1 py-0 text-foreground outline-none ring-1 ring-ring/40 focus:ring-2 focus:ring-ring disabled:opacity-60",
+              "aria-label": kind === "directory" ? "Folder name" : "File name"
+            }
+          )
+        ]
+      }
+    ),
+    error && /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        className: "pointer-events-none text-xs text-destructive",
+        style: { paddingLeft: `${18 + 6}px`, paddingBottom: 4 },
+        children: error
+      }
+    )
+  ] });
+}
 function TreeNode2({
   entry,
   parentPath,
@@ -51822,22 +52433,45 @@ function TreeNode2({
   onToggle,
   onOpenFile,
   onOpenFilePinned,
+  onSelectRow,
+  onRequestNewEntry,
+  onRequestDelete,
+  onRequestRename,
+  onCut,
+  onCopy,
+  onPaste,
+  canDelete,
+  canRename,
+  canCut,
+  canCopy,
+  canPaste,
   compact,
-  selectedFile,
-  selectedRef
+  treeSelection,
+  clipboard,
+  selectedRef,
+  newEntry,
+  onNewEntrySubmit,
+  onNewEntryCancel,
+  renamingPath,
+  onRenameSubmit,
+  onRenameCancel
 }) {
   const entryPath = parentPath ? `${parentPath}/${entry.name}` : entry.name;
   const isDir = entry.type === "directory";
   const isExpanded = isDir && expandedPaths.has(entryPath);
-  const isSelected = !isDir && selectedFile === entryPath;
+  const isSelected = treeSelection?.path === entryPath && treeSelection.kind === "directory" === isDir;
+  const isCut = clipboard?.op === "cut" && (clipboard.path === entryPath || entryPath.startsWith(`${clipboard.path}/`));
   const isLoading = isDir && loadingPaths.has(entryPath);
   const children2 = isDir ? dirContents.get(entryPath) : void 0;
+  const menu = useDeferredMenuAction();
   const indent2 = compact ? 12 : 16;
   const basePad = compact ? 4 : 8;
   const handleClick = () => {
     if (isDir) {
+      onSelectRow(entryPath, "directory");
       onToggle(entryPath);
     } else {
+      onSelectRow(entryPath, "file");
       onOpenFile(entryPath);
     }
   };
@@ -51846,51 +52480,144 @@ function TreeNode2({
       onOpenFilePinned(entryPath);
     }
   };
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(
-      "button",
-      {
-        ref: isSelected ? selectedRef : void 0,
-        type: "button",
-        "data-band-active": isSelected ? "true" : void 0,
-        onClick: handleClick,
-        onDoubleClick: handleDoubleClick,
-        className: `flex w-full items-center text-left hover:bg-accent/50 ${compact ? "h-[26px] gap-1 pr-3 text-xs" : "h-[30px] gap-1.5 pr-4 text-sm"} ${isSelected ? "bg-accent text-accent-foreground" : ""}`,
-        style: { paddingLeft: `${depth * indent2 + basePad}px` },
-        children: [
-          isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3.5 shrink-0" }),
-          isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : (() => {
-            const FileIcon = getFileIcon(entry.name);
-            return /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" });
-          })(),
-          /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate", children: entry.name })
-        ]
+  const button = /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "button",
+    {
+      ref: isSelected ? selectedRef : void 0,
+      type: "button",
+      "data-band-active": isSelected ? "true" : void 0,
+      onClick: handleClick,
+      onDoubleClick: handleDoubleClick,
+      onContextMenu: (e2) => e2.stopPropagation(),
+      onPointerDown: (e2) => e2.stopPropagation(),
+      className: `flex w-full items-center text-left select-none hover:bg-accent/50 [-webkit-touch-callout:none] ${compact ? "h-[28px] gap-1 pr-3 text-[13px]" : "h-[32px] gap-1.5 pr-4 text-[15px]"} ${isSelected ? "bg-blue-500/30 text-foreground outline outline-1 -outline-offset-1 outline-blue-400/60 hover:bg-blue-500/30 dark:bg-blue-500/40 dark:outline-blue-400/70 dark:hover:bg-blue-500/40" : ""} ${isCut ? "opacity-50" : ""}`,
+      style: { paddingLeft: `${depth * indent2 + basePad}px` },
+      children: [
+        isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronDown, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-3.5 shrink-0 text-muted-foreground/70" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-3.5 shrink-0" }),
+        isDir ? isExpanded ? /* @__PURE__ */ jsxRuntimeExports.jsx(FolderOpen, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Folder, { className: "size-4 shrink-0 text-blue-600 dark:text-blue-400" }) : (() => {
+          const FileIcon = getFileIcon(entry.name);
+          return /* @__PURE__ */ jsxRuntimeExports.jsx(FileIcon, { className: "size-4 shrink-0 text-muted-foreground" });
+        })(),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "min-w-0 flex-1 truncate", children: entry.name })
+      ]
+    }
+  );
+  const isRenaming = renamingPath === entryPath;
+  const renameSiblings = (() => {
+    const set2 = /* @__PURE__ */ new Set();
+    const cached2 = dirContents.get(parentPath);
+    if (cached2) {
+      for (const e2 of cached2) {
+        if (e2.name !== entry.name) set2.add(e2.name);
       }
-    ),
-    isExpanded && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-      isLoading && !children2?.length && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "flex items-center text-xs text-muted-foreground/70",
-          style: {
-            paddingLeft: `${(depth + 1) * indent2 + basePad + 18}px`,
-            height: compact ? 26 : 30
-          },
-          children: "Loading…"
-        }
-      ),
-      !isLoading && children2 && children2.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "div",
-        {
-          className: "flex items-center text-xs italic text-muted-foreground/50",
-          style: {
-            paddingLeft: `${(depth + 1) * indent2 + basePad + 18}px`,
-            height: compact ? 26 : 30
-          },
-          children: "Empty"
-        }
-      ),
-      children2?.map((child) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+    }
+    return set2;
+  })();
+  const row2 = isRenaming ? (
+    // EntryNameInput computes its own `paddingLeft = depth * indent + basePad`
+    // — passing the row's actual depth keeps the input row perfectly aligned
+    // with sibling row buttons (which use the same formula). Wrapping it in
+    // a padding div with `depth={0}` would double-apply `basePad`, shifting
+    // the input ~4px to the right and giving it visibly less horizontal
+    // room than the rest of the tree.
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      EntryNameInput,
+      {
+        kind: isDir ? "directory" : "file",
+        depth,
+        compact,
+        initialValue: entry.name,
+        siblings: renameSiblings,
+        placeholder: isDir ? "Folder name" : "File name",
+        onSubmit: onRenameSubmit,
+        onCancel: onRenameCancel
+      },
+      `rename-${entryPath}`
+    )
+  ) : /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    ContextMenu,
+    {
+      onOpenChange: (open2) => {
+        if (open2) onSelectRow(entryPath, isDir ? "directory" : "file");
+      },
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { asChild: true, children: button }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onCloseAutoFocus: menu.flush, children: [
+          isDir && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              ContextMenuItem,
+              {
+                onSelect: () => menu.queue(() => onRequestNewEntry(entryPath, "file")),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "size-4" }),
+                  "New File"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(
+              ContextMenuItem,
+              {
+                onSelect: () => menu.queue(() => onRequestNewEntry(entryPath, "directory")),
+                children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-4" }),
+                  "New Folder"
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {})
+          ] }),
+          canCut && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            ContextMenuItem,
+            {
+              onSelect: () => menu.queue(() => onCut(entryPath, isDir ? "directory" : "file")),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Scissors, { className: "size-4" }),
+                "Cut"
+              ]
+            }
+          ),
+          canCopy && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            ContextMenuItem,
+            {
+              onSelect: () => menu.queue(() => onCopy(entryPath, isDir ? "directory" : "file")),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Copy, { className: "size-4" }),
+                "Copy"
+              ]
+            }
+          ),
+          isDir && canPaste && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onSelect: () => menu.queue(() => void onPaste(entryPath)), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardPaste, { className: "size-4" }),
+            "Paste"
+          ] }),
+          (canCut || canCopy || isDir && canPaste) && (canRename || canDelete) && /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+          canRename && /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onSelect: () => menu.queue(() => onRequestRename(entryPath)), children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Pencil, { className: "size-4" }),
+            "Rename"
+          ] }),
+          canDelete && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            ContextMenuItem,
+            {
+              variant: "destructive",
+              onSelect: () => menu.queue(() => onRequestDelete(entryPath, isDir ? "directory" : "file")),
+              children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Trash2, { className: "size-4" }),
+                "Delete"
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+  const showInlineInput = newEntry?.parentPath === entryPath;
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    row2,
+    isExpanded && (() => {
+      const splitIdx = children2?.findIndex((c2) => c2.type === "file") ?? -1;
+      const folderChildren = splitIdx === -1 ? children2 ?? [] : (children2 ?? []).slice(0, splitIdx);
+      const fileChildren = splitIdx === -1 ? [] : (children2 ?? []).slice(splitIdx);
+      const renderChild = (child) => /* @__PURE__ */ jsxRuntimeExports.jsx(
         TreeNode2,
         {
           entry: child,
@@ -51902,22 +52629,83 @@ function TreeNode2({
           onToggle,
           onOpenFile,
           onOpenFilePinned,
+          onSelectRow,
+          onRequestNewEntry,
+          onRequestDelete,
+          onRequestRename,
+          onCut,
+          onCopy,
+          onPaste,
+          canDelete,
+          canRename,
+          canCut,
+          canCopy,
+          canPaste,
           compact,
-          selectedFile,
-          selectedRef
+          treeSelection,
+          clipboard,
+          selectedRef,
+          newEntry,
+          onNewEntrySubmit,
+          onNewEntryCancel,
+          renamingPath,
+          onRenameSubmit,
+          onRenameCancel
         },
         child.name
-      ))
-    ] })
+      );
+      const newEntryInput = showInlineInput ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        EntryNameInput,
+        {
+          kind: newEntry.kind,
+          depth: depth + 1,
+          compact,
+          siblings: new Set((children2 ?? []).map((c2) => c2.name)),
+          onSubmit: onNewEntrySubmit,
+          onCancel: onNewEntryCancel
+        },
+        `new-${newEntry.kind}-${entryPath}`
+      ) : null;
+      return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+        showInlineInput && newEntry.kind === "directory" && newEntryInput,
+        isLoading && !children2?.length && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: `flex items-center text-muted-foreground/70 ${compact ? "text-[13px]" : "text-[15px]"}`,
+            style: {
+              paddingLeft: `${(depth + 1) * indent2 + basePad + 18}px`,
+              height: compact ? 28 : 32
+            },
+            children: "Loading…"
+          }
+        ),
+        !isLoading && !showInlineInput && children2 && children2.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "div",
+          {
+            className: `flex items-center italic text-muted-foreground/50 ${compact ? "text-[13px]" : "text-[15px]"}`,
+            style: {
+              paddingLeft: `${(depth + 1) * indent2 + basePad + 18}px`,
+              height: compact ? 28 : 32
+            },
+            children: "Empty"
+          }
+        ),
+        folderChildren.map(renderChild),
+        showInlineInput && newEntry.kind === "file" && newEntryInput,
+        fileChildren.map(renderChild)
+      ] });
+    })()
   ] });
 }
-function FileBrowser({
+const FileBrowser = reactExports.forwardRef(function FileBrowser2({
   workspaceId,
   onOpenFile,
   onOpenFilePinned,
   compact,
-  selectedFile
-}) {
+  selectedFile,
+  onPathRenamed,
+  onPathDeleted
+}, handleRef) {
   const adapter2 = useAdapter();
   const [expandedPaths, setExpandedPaths] = reactExports.useState(
     () => new Set(getCachedExpanded(workspaceId))
@@ -51926,6 +52714,13 @@ function FileBrowser({
     () => new Map(getCachedContents(workspaceId))
   );
   const [loadingPaths, setLoadingPaths] = reactExports.useState(/* @__PURE__ */ new Set());
+  const [newEntry, setNewEntry] = reactExports.useState(null);
+  const [pendingDelete, setPendingDelete] = reactExports.useState(null);
+  const [deleteError, setDeleteError] = reactExports.useState(null);
+  const [deleteSubmitting, setDeleteSubmitting] = reactExports.useState(false);
+  const [renamingPath, setRenamingPath] = reactExports.useState(null);
+  const [clipboard, setClipboard] = reactExports.useState(null);
+  const [treeSelection, setTreeSelection] = reactExports.useState(() => selectedFile ? { path: selectedFile, kind: "file" } : null);
   const selectedRef = reactExports.useRef(null);
   const prevWorkspaceRef = reactExports.useRef(workspaceId);
   reactExports.useEffect(() => {
@@ -51934,13 +52729,31 @@ function FileBrowser({
       setExpandedPaths(new Set(getCachedExpanded(workspaceId)));
       setDirContents(new Map(getCachedContents(workspaceId)));
       setLoadingPaths(/* @__PURE__ */ new Set());
+      setNewEntry(null);
+      setTreeSelection(null);
+      setPendingDelete(null);
+      setDeleteError(null);
+      setDeleteSubmitting(false);
+      setRenamingPath(null);
+      setClipboard(null);
     }
   }, [workspaceId]);
+  reactExports.useEffect(() => {
+    if (selectedFile) {
+      setTreeSelection({ path: selectedFile, kind: "file" });
+    }
+  }, [selectedFile]);
+  const handleSelectRow = reactExports.useCallback((path2, kind) => {
+    setTreeSelection({ path: path2, kind });
+  }, []);
+  const clearTreeSelection = reactExports.useCallback(() => {
+    setTreeSelection(null);
+  }, []);
   const fetchDir = reactExports.useCallback(
-    async (dirPath) => {
+    async (dirPath, opts) => {
       if (!adapter2.listWorkspaceFiles) return;
       const cache = getCachedContents(workspaceId);
-      if (cache.has(dirPath)) {
+      if (!opts?.force && cache.has(dirPath)) {
         setDirContents((prev2) => prev2.has(dirPath) ? prev2 : new Map(cache));
         return;
       }
@@ -52015,34 +52828,473 @@ function FileBrowser({
     },
     [workspaceId, fetchDir]
   );
+  const ensureDirExpanded = reactExports.useCallback(
+    async (dirPath) => {
+      const cached2 = getCachedExpanded(workspaceId);
+      if (!cached2.has(dirPath)) {
+        cached2.add(dirPath);
+        expandedStateCache.set(workspaceId, new Set(cached2));
+        setExpandedPaths(new Set(cached2));
+      }
+      await fetchDir(dirPath);
+    },
+    [workspaceId, fetchDir]
+  );
+  const requestNewEntry = reactExports.useCallback(
+    (parentPath, kind) => {
+      void ensureDirExpanded(parentPath);
+      setNewEntry({ parentPath, kind });
+    },
+    [ensureDirExpanded]
+  );
+  const cancelNewEntry = reactExports.useCallback(() => {
+    setNewEntry(null);
+  }, []);
+  const submitNewEntry = reactExports.useCallback(
+    async (name2) => {
+      if (!newEntry) return;
+      const fullPath = newEntry.parentPath ? `${newEntry.parentPath}/${name2}` : name2;
+      if (newEntry.kind === "file") {
+        if (!adapter2.createWorkspaceFile) {
+          throw new Error("Creating files is not supported");
+        }
+        await adapter2.createWorkspaceFile(workspaceId, fullPath);
+      } else {
+        if (!adapter2.createWorkspaceDirectory) {
+          throw new Error("Creating folders is not supported");
+        }
+        await adapter2.createWorkspaceDirectory(workspaceId, fullPath);
+      }
+      await fetchDir(newEntry.parentPath, { force: true });
+      setNewEntry(null);
+      if (newEntry.kind === "file") {
+        setTreeSelection({ path: fullPath, kind: "file" });
+        onOpenFile(fullPath);
+      } else {
+        const cached2 = getCachedExpanded(workspaceId);
+        if (!cached2.has(fullPath)) {
+          cached2.add(fullPath);
+          expandedStateCache.set(workspaceId, new Set(cached2));
+          setExpandedPaths(new Set(cached2));
+        }
+        setTreeSelection({ path: fullPath, kind: "directory" });
+      }
+    },
+    [adapter2, newEntry, fetchDir, onOpenFile, workspaceId]
+  );
+  const canDelete = Boolean(adapter2.deleteWorkspacePath);
+  const requestDelete = reactExports.useCallback((path2, kind) => {
+    setDeleteError(null);
+    setPendingDelete({ path: path2, kind });
+  }, []);
+  const cancelDelete = reactExports.useCallback(() => {
+    if (deleteSubmitting) return;
+    setPendingDelete(null);
+    setDeleteError(null);
+  }, [deleteSubmitting]);
+  const confirmDelete = reactExports.useCallback(async () => {
+    if (!pendingDelete || !adapter2.deleteWorkspacePath) return;
+    setDeleteSubmitting(true);
+    setDeleteError(null);
+    try {
+      await adapter2.deleteWorkspacePath(workspaceId, pendingDelete.path);
+      const cache = getCachedContents(workspaceId);
+      const prefix = `${pendingDelete.path}/`;
+      cache.delete(pendingDelete.path);
+      for (const key2 of Array.from(cache.keys())) {
+        if (key2.startsWith(prefix)) cache.delete(key2);
+      }
+      const cachedExpanded = getCachedExpanded(workspaceId);
+      cachedExpanded.delete(pendingDelete.path);
+      for (const key2 of Array.from(cachedExpanded)) {
+        if (key2.startsWith(prefix)) cachedExpanded.delete(key2);
+      }
+      expandedStateCache.set(workspaceId, new Set(cachedExpanded));
+      setExpandedPaths(new Set(cachedExpanded));
+      setTreeSelection((prev2) => {
+        if (prev2 == null) return prev2;
+        if (prev2.path === pendingDelete.path || prev2.path.startsWith(prefix)) {
+          return null;
+        }
+        return prev2;
+      });
+      setNewEntry((prev2) => {
+        if (!prev2) return prev2;
+        if (prev2.parentPath === pendingDelete.path || prev2.parentPath.startsWith(prefix)) {
+          return null;
+        }
+        return prev2;
+      });
+      const idx = pendingDelete.path.lastIndexOf("/");
+      const parent = idx === -1 ? "" : pendingDelete.path.slice(0, idx);
+      await fetchDir(parent, { force: true });
+      onPathDeleted?.(pendingDelete.path, pendingDelete.kind);
+      setPendingDelete(null);
+    } catch (err) {
+      const message = err instanceof Error ? err.message : String(err);
+      setDeleteError(message);
+    } finally {
+      setDeleteSubmitting(false);
+    }
+  }, [adapter2, pendingDelete, fetchDir, workspaceId, onPathDeleted]);
+  const canRename = Boolean(adapter2.renameWorkspacePath);
+  const requestRename = reactExports.useCallback((path2) => {
+    setRenamingPath(path2);
+  }, []);
+  const cancelRename = reactExports.useCallback(() => {
+    setRenamingPath(null);
+  }, []);
+  const submitRename = reactExports.useCallback(
+    async (newName) => {
+      if (renamingPath == null || !adapter2.renameWorkspacePath) return;
+      const oldPath = renamingPath;
+      const slashIdx = oldPath.lastIndexOf("/");
+      const parent = slashIdx === -1 ? "" : oldPath.slice(0, slashIdx);
+      const newPath = parent ? `${parent}/${newName}` : newName;
+      const result = await adapter2.renameWorkspacePath(workspaceId, oldPath, newPath);
+      const cache = getCachedContents(workspaceId);
+      const oldPrefix = `${oldPath}/`;
+      const newKeys = /* @__PURE__ */ new Map();
+      for (const [key2, value] of cache.entries()) {
+        if (key2 === oldPath) {
+          newKeys.set(newPath, value);
+        } else if (key2.startsWith(oldPrefix)) {
+          newKeys.set(newPath + key2.slice(oldPath.length), value);
+        } else {
+          newKeys.set(key2, value);
+        }
+      }
+      cache.clear();
+      for (const [k2, v2] of newKeys) cache.set(k2, v2);
+      const cachedExpanded = getCachedExpanded(workspaceId);
+      const newExpanded = /* @__PURE__ */ new Set();
+      for (const key2 of cachedExpanded) {
+        if (key2 === oldPath) {
+          newExpanded.add(newPath);
+        } else if (key2.startsWith(oldPrefix)) {
+          newExpanded.add(newPath + key2.slice(oldPath.length));
+        } else {
+          newExpanded.add(key2);
+        }
+      }
+      expandedStateCache.set(workspaceId, newExpanded);
+      setExpandedPaths(new Set(newExpanded));
+      setTreeSelection((prev2) => {
+        if (prev2 == null) return prev2;
+        if (prev2.path === oldPath) return { ...prev2, path: newPath };
+        if (prev2.path.startsWith(oldPrefix)) {
+          return { ...prev2, path: newPath + prev2.path.slice(oldPath.length) };
+        }
+        return prev2;
+      });
+      setNewEntry((prev2) => {
+        if (!prev2) return prev2;
+        if (prev2.parentPath === oldPath || prev2.parentPath.startsWith(oldPrefix)) {
+          return null;
+        }
+        return prev2;
+      });
+      await fetchDir(parent, { force: true });
+      setRenamingPath(null);
+      onPathRenamed?.(oldPath, newPath, result.kind);
+    },
+    [adapter2, renamingPath, fetchDir, onPathRenamed, workspaceId]
+  );
+  const resolveDefaultTarget = reactExports.useCallback(() => {
+    if (treeSelection?.kind === "directory") return treeSelection.path;
+    if (treeSelection?.kind === "file") {
+      const idx = treeSelection.path.lastIndexOf("/");
+      return idx === -1 ? "" : treeSelection.path.slice(0, idx);
+    }
+    return "";
+  }, [treeSelection]);
+  const canCutCopy = Boolean(adapter2.renameWorkspacePath);
+  const canCopyOp = Boolean(adapter2.copyWorkspacePath);
+  const canPaste = Boolean(
+    clipboard && (clipboard.op === "copy" && adapter2.copyWorkspacePath || clipboard.op === "cut" && adapter2.renameWorkspacePath)
+  );
+  const cutPath = reactExports.useCallback((path2, kind) => {
+    setClipboard({ path: path2, kind, op: "cut" });
+  }, []);
+  const copyPath = reactExports.useCallback((path2, kind) => {
+    setClipboard({ path: path2, kind, op: "copy" });
+  }, []);
+  const uniqueCopyName = reactExports.useCallback(
+    (baseName, destFolder, kind) => {
+      const siblings2 = new Set(
+        (getCachedContents(workspaceId).get(destFolder) ?? []).map((e2) => e2.name)
+      );
+      if (!siblings2.has(baseName)) return baseName;
+      const dotIdx = kind === "file" ? baseName.lastIndexOf(".") : -1;
+      const stem = dotIdx > 0 ? baseName.slice(0, dotIdx) : baseName;
+      const ext = dotIdx > 0 ? baseName.slice(dotIdx) : "";
+      let n2 = 1;
+      while (true) {
+        const candidate = n2 === 1 ? `${stem} copy${ext}` : `${stem} copy ${n2}${ext}`;
+        if (!siblings2.has(candidate)) return candidate;
+        n2 += 1;
+      }
+    },
+    [workspaceId]
+  );
+  const pasteInto = reactExports.useCallback(
+    async (destFolder) => {
+      if (!clipboard) return;
+      const sourcePath = clipboard.path;
+      const sourceParent = (() => {
+        const idx = sourcePath.lastIndexOf("/");
+        return idx === -1 ? "" : sourcePath.slice(0, idx);
+      })();
+      const baseName = sourcePath.slice(sourceParent.length === 0 ? 0 : sourceParent.length + 1);
+      if (clipboard.kind === "directory") {
+        if (destFolder === sourcePath || destFolder.startsWith(`${sourcePath}/`)) {
+          return;
+        }
+      }
+      if (clipboard.op === "copy") {
+        if (!adapter2.copyWorkspacePath) return;
+        const newName = uniqueCopyName(baseName, destFolder, clipboard.kind);
+        const destPath = destFolder ? `${destFolder}/${newName}` : newName;
+        await adapter2.copyWorkspacePath(workspaceId, sourcePath, destPath);
+        await fetchDir(destFolder, { force: true });
+        setTreeSelection({ path: destPath, kind: clipboard.kind });
+      } else {
+        if (destFolder === sourceParent) return;
+        if (!adapter2.renameWorkspacePath) return;
+        const destPath = destFolder ? `${destFolder}/${baseName}` : baseName;
+        const result = await adapter2.renameWorkspacePath(workspaceId, sourcePath, destPath);
+        const cache = getCachedContents(workspaceId);
+        const oldPrefix = `${sourcePath}/`;
+        const remapped = /* @__PURE__ */ new Map();
+        for (const [key2, value] of cache.entries()) {
+          if (key2 === sourcePath) {
+            remapped.set(destPath, value);
+          } else if (key2.startsWith(oldPrefix)) {
+            remapped.set(destPath + key2.slice(sourcePath.length), value);
+          } else {
+            remapped.set(key2, value);
+          }
+        }
+        cache.clear();
+        for (const [k2, v2] of remapped) cache.set(k2, v2);
+        const cachedExpanded = getCachedExpanded(workspaceId);
+        const remappedExpanded = /* @__PURE__ */ new Set();
+        for (const key2 of cachedExpanded) {
+          if (key2 === sourcePath) {
+            remappedExpanded.add(destPath);
+          } else if (key2.startsWith(oldPrefix)) {
+            remappedExpanded.add(destPath + key2.slice(sourcePath.length));
+          } else {
+            remappedExpanded.add(key2);
+          }
+        }
+        expandedStateCache.set(workspaceId, remappedExpanded);
+        setExpandedPaths(new Set(remappedExpanded));
+        await Promise.all([
+          fetchDir(sourceParent, { force: true }),
+          fetchDir(destFolder, { force: true })
+        ]);
+        onPathRenamed?.(sourcePath, destPath, result.kind);
+        setTreeSelection({ path: destPath, kind: clipboard.kind });
+        setClipboard(null);
+      }
+    },
+    [adapter2, clipboard, fetchDir, onPathRenamed, uniqueCopyName, workspaceId]
+  );
+  reactExports.useImperativeHandle(
+    handleRef,
+    () => ({
+      startNewFile(parentPath) {
+        requestNewEntry(parentPath ?? resolveDefaultTarget(), "file");
+      },
+      startNewFolder(parentPath) {
+        requestNewEntry(parentPath ?? resolveDefaultTarget(), "directory");
+      }
+    }),
+    [requestNewEntry, resolveDefaultTarget]
+  );
+  const rootMenu = useDeferredMenuAction();
   if (!adapter2.listWorkspaceFiles) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "File browsing not supported" });
   }
   const rootEntries = dirContents.get("") ?? [];
   const rootLoading = loadingPaths.has("");
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto py-1", children: [
-    rootLoading && rootEntries.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Loading…" }),
-    !rootLoading && rootEntries.length === 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Empty directory" }),
-    rootEntries.map((entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-      TreeNode2,
+  const rootSiblings = new Set(rootEntries.map((e2) => e2.name));
+  const showRootInput = newEntry?.parentPath === "";
+  const handleKeyDown = (e2) => {
+    const target = e2.target;
+    if (target && (target.tagName === "INPUT" || target.tagName === "TEXTAREA" || target.isContentEditable)) {
+      return;
+    }
+    if ((e2.key === "Delete" || e2.key === "Backspace") && !e2.metaKey && !e2.ctrlKey && !e2.shiftKey && !e2.altKey) {
+      if (!treeSelection || !canDelete) return;
+      e2.preventDefault();
+      requestDelete(treeSelection.path, treeSelection.kind);
+      return;
+    }
+    if (!(e2.metaKey || e2.ctrlKey) || e2.shiftKey || e2.altKey) return;
+    const key2 = e2.key.toLowerCase();
+    if (key2 === "c") {
+      if (!treeSelection || !canCutCopy) return;
+      e2.preventDefault();
+      copyPath(treeSelection.path, treeSelection.kind);
+      return;
+    }
+    if (key2 === "x") {
+      if (!treeSelection || !canCutCopy) return;
+      e2.preventDefault();
+      cutPath(treeSelection.path, treeSelection.kind);
+      return;
+    }
+    if (key2 === "v") {
+      if (!canPaste) return;
+      e2.preventDefault();
+      void pasteInto(resolveDefaultTarget());
+    }
+  };
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col overflow-hidden", onKeyDown: handleKeyDown, children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs(
+      ContextMenu,
       {
-        entry,
-        parentPath: "",
-        depth: 0,
-        expandedPaths,
-        dirContents,
-        loadingPaths,
-        onToggle: toggleExpand,
-        onOpenFile,
-        onOpenFilePinned,
-        compact,
-        selectedFile,
-        selectedRef
-      },
-      entry.name
-    ))
-  ] }) });
-}
+        onOpenChange: (open2) => {
+          if (open2) clearTreeSelection();
+        },
+        children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-h-0 flex-1 overflow-y-auto py-1 pl-px", children: [
+            (() => {
+              const rootSplitIdx = rootEntries.findIndex((e2) => e2.type === "file");
+              const rootFolders = rootSplitIdx === -1 ? rootEntries : rootEntries.slice(0, rootSplitIdx);
+              const rootFiles = rootSplitIdx === -1 ? [] : rootEntries.slice(rootSplitIdx);
+              const renderRow = (entry) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                TreeNode2,
+                {
+                  entry,
+                  parentPath: "",
+                  depth: 0,
+                  expandedPaths,
+                  dirContents,
+                  loadingPaths,
+                  onToggle: toggleExpand,
+                  onOpenFile,
+                  onOpenFilePinned,
+                  onSelectRow: handleSelectRow,
+                  onRequestNewEntry: requestNewEntry,
+                  onRequestDelete: requestDelete,
+                  onRequestRename: requestRename,
+                  onCut: cutPath,
+                  onCopy: copyPath,
+                  onPaste: pasteInto,
+                  canDelete,
+                  canRename,
+                  canCut: canCutCopy,
+                  canCopy: canCopyOp,
+                  canPaste,
+                  compact,
+                  treeSelection,
+                  clipboard,
+                  selectedRef,
+                  newEntry,
+                  onNewEntrySubmit: submitNewEntry,
+                  onNewEntryCancel: cancelNewEntry,
+                  renamingPath,
+                  onRenameSubmit: submitRename,
+                  onRenameCancel: cancelRename
+                },
+                entry.name
+              );
+              const rootInput = showRootInput ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+                EntryNameInput,
+                {
+                  kind: newEntry.kind,
+                  depth: 0,
+                  compact,
+                  siblings: rootSiblings,
+                  onSubmit: submitNewEntry,
+                  onCancel: cancelNewEntry
+                },
+                `new-${newEntry.kind}-root`
+              ) : null;
+              return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                showRootInput && newEntry.kind === "directory" && rootInput,
+                rootLoading && rootEntries.length === 0 && !showRootInput && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Loading…" }),
+                !rootLoading && rootEntries.length === 0 && !showRootInput && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-muted-foreground", children: "Empty directory" }),
+                rootFolders.map(renderRow),
+                showRootInput && newEntry.kind === "file" && rootInput,
+                rootFiles.map(renderRow)
+              ] });
+            })(),
+            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-[40px] flex-1" })
+          ] }) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuContent, { onCloseAutoFocus: rootMenu.flush, children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onSelect: () => rootMenu.queue(() => requestNewEntry("", "file")), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(File, { className: "size-4" }),
+              "New File"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onSelect: () => rootMenu.queue(() => requestNewEntry("", "directory")), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-4" }),
+              "New Folder"
+            ] }),
+            canPaste && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(ContextMenuSeparator, {}),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(ContextMenuItem, { onSelect: () => rootMenu.queue(() => void pasteInto("")), children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(ClipboardPaste, { className: "size-4" }),
+                "Paste"
+              ] })
+            ] })
+          ] })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      Dialog,
+      {
+        open: pendingDelete !== null,
+        onOpenChange: (open2) => {
+          if (!open2) cancelDelete();
+        },
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[425px]", onClick: (e2) => e2.stopPropagation(), children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogHeader, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogTitle, { children: [
+              "Delete ",
+              pendingDelete?.kind === "directory" ? "folder" : "file"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogDescription, { children: [
+              "Are you sure you want to delete ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("strong", { children: pendingDelete?.path }),
+              "?"
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 text-sm", children: [
+            pendingDelete?.kind === "directory" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4 shrink-0 text-yellow-500 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "The folder and all of its contents will be deleted from disk. This cannot be undone." })
+            ] }),
+            pendingDelete?.kind === "file" && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 rounded-md border border-yellow-500/30 bg-yellow-500/10 p-3", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4 shrink-0 text-yellow-500 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: "The file will be deleted from disk. This cannot be undone." })
+            ] }),
+            deleteError && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start gap-2 rounded-md border border-destructive/30 bg-destructive/10 p-3 text-destructive", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(TriangleAlert, { className: "size-4 shrink-0 mt-0.5" }),
+              /* @__PURE__ */ jsxRuntimeExports.jsx("span", { children: deleteError })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "ghost", onClick: cancelDelete, disabled: deleteSubmitting, children: "Cancel" }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              Button,
+              {
+                variant: "destructive",
+                onClick: () => void confirmDelete(),
+                disabled: deleteSubmitting,
+                children: deleteSubmitting ? "Deleting…" : "Delete"
+              }
+            )
+          ] })
+        ] })
+      }
+    )
+  ] });
+});
 const IMAGE_EXTENSIONS = /* @__PURE__ */ new Set([
   ".png",
   ".jpg",
@@ -52375,12 +53627,12 @@ function FileViewer({
         error && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-32 items-center justify-center text-sm text-destructive", children: error }),
         !loading && !error && previewType === "image" && fileUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(ImagePreview$1, { src: fileUrl, alt: getFilename(filePath) }),
         !loading && !error && previewType === "pdf" && fileUrl && /* @__PURE__ */ jsxRuntimeExports.jsx(PdfPreview, { src: fileUrl, filename: getFilename(filePath) }),
-        !loading && !error && previewType === "markdown" && renderMarkdown2 && viewMode === "preview" && displayContent && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl px-8 py-6 text-sm", children: renderMarkdown2(displayContent) }) }),
-        !loading && !error && data?.content && (previewType === "code" || previewType === "markdown" && (!renderMarkdown2 || viewMode === "source")) && (canEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+        !loading && !error && previewType === "markdown" && renderMarkdown2 && viewMode === "preview" && displayContent !== void 0 && /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "h-full overflow-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "mx-auto max-w-3xl px-8 py-6 text-sm", children: renderMarkdown2(displayContent) }) }),
+        !loading && !error && data?.content !== void 0 && (previewType === "code" || previewType === "markdown" && (!renderMarkdown2 || viewMode === "source")) && (canEdit ? /* @__PURE__ */ jsxRuntimeExports.jsx(
           CodeMirrorEditor,
           {
-            content: displayContent,
-            originalContent: data?.content,
+            content: displayContent ?? "",
+            originalContent: data.content,
             language: lang,
             className: "h-full",
             filePath,
@@ -52775,6 +54027,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
   const statuses = useDashboardStore((s2) => s2.statuses);
   const openWorkspace = useDashboardStore((s2) => s2.openWorkspace);
   const clearNeedsAttention = useDashboardStore((s2) => s2.clearNeedsAttention);
+  const { isPinned, toggle: togglePinned, pinned } = usePinnedWorkspaces();
   const [query, setQuery] = reactExports.useState("");
   const [recentOrder, setRecentOrder] = reactExports.useState([]);
   reactExports.useEffect(() => {
@@ -52784,6 +54037,7 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
       setQuery("");
     }
   }, [open2]);
+  const pinnedRank = reactExports.useMemo(() => new Map(pinned.map((p3, i2) => [p3.workspaceId, i2])), [pinned]);
   const sortedWorkspaces = reactExports.useMemo(() => {
     const entries2 = [];
     for (const project of projects) {
@@ -52799,12 +54053,19 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
     }
     const orderMap = new Map(recentOrder.map((id28, i2) => [id28, i2]));
     entries2.sort((a2, b2) => {
+      if (a2.workspaceId === activeWorkspaceId) return -1;
+      if (b2.workspaceId === activeWorkspaceId) return 1;
+      const ap = pinnedRank.get(a2.workspaceId);
+      const bp = pinnedRank.get(b2.workspaceId);
+      if (ap !== void 0 && bp === void 0) return -1;
+      if (bp !== void 0 && ap === void 0) return 1;
+      if (ap !== void 0 && bp !== void 0) return ap - bp;
       const ai = orderMap.get(a2.workspaceId) ?? Number.MAX_SAFE_INTEGER;
       const bi = orderMap.get(b2.workspaceId) ?? Number.MAX_SAFE_INTEGER;
       return ai - bi;
     });
     return entries2;
-  }, [projects, statuses, recentOrder]);
+  }, [projects, statuses, recentOrder, activeWorkspaceId, pinnedRank]);
   const handleSelect = reactExports.useCallback(
     (workspaceId) => {
       clearNeedsAttention(workspaceId);
@@ -52830,11 +54091,13 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
         /* @__PURE__ */ jsxRuntimeExports.jsx(CommandEmpty, { children: "No workspaces found." }),
         sortedWorkspaces.map((entry) => {
           const isActive = activeWorkspaceId === entry.workspaceId;
+          const pinnedNow = isPinned(entry.workspaceId);
           return /* @__PURE__ */ jsxRuntimeExports.jsxs(
             CommandItem,
             {
               value: `${entry.projectName} ${entry.branch}`,
               onSelect: () => handleSelect(entry.workspaceId),
+              className: "group",
               children: [
                 /* @__PURE__ */ jsxRuntimeExports.jsx(AgentStatusIndicator, { agent: entry.agent }),
                 /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "text-sm font-medium", children: [
@@ -52842,7 +54105,30 @@ function WorkspacePickerDialog({ open: open2, onOpenChange }) {
                   "/",
                   entry.branch
                 ] }),
-                isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "ml-auto shrink-0 text-xs text-muted-foreground", children: "current" })
+                pinnedNow && /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3 -rotate-45 text-muted-foreground shrink-0" }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "ml-auto flex items-center gap-2", children: [
+                  isActive && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "shrink-0 text-xs text-muted-foreground", children: "current" }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      "aria-label": pinnedNow ? "Unpin workspace" : "Pin workspace",
+                      className: "opacity-0 group-hover:opacity-100 focus:opacity-100 transition-opacity text-muted-foreground hover:text-foreground",
+                      onMouseDown: (e2) => {
+                        e2.preventDefault();
+                        e2.stopPropagation();
+                        togglePinned(entry.projectName, entry.branch, pinnedNow);
+                      },
+                      onClick: (e2) => {
+                        if (e2.detail !== 0) return;
+                        e2.preventDefault();
+                        e2.stopPropagation();
+                        togglePinned(entry.projectName, entry.branch, pinnedNow);
+                      },
+                      children: pinnedNow ? /* @__PURE__ */ jsxRuntimeExports.jsx(PinOff, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(Pin, { className: "size-3.5" })
+                    }
+                  )
+                ] })
               ]
             },
             entry.workspaceId
@@ -59335,6 +60621,9 @@ class WebDashboardAdapter {
   async removeWorkspace(project, branch) {
     await this.trpc.workspaces.remove.mutate({ project, branch });
   }
+  async setWorkspacePinned(project, branch, pinned) {
+    await this.trpc.workspaces.setPinned.mutate({ project, branch, pinned });
+  }
   async clearNeedsAttention(workspaceId) {
     await this.trpc.statuses.clearNeedsAttention.mutate({ workspaceId });
   }
@@ -59476,6 +60765,29 @@ class WebDashboardAdapter {
   async saveWorkspaceFile(workspaceId, path2, content2) {
     await this.trpc.workspace.saveFile.mutate({ workspaceId, path: path2, content: content2 });
   }
+  async createWorkspaceFile(workspaceId, path2, content2 = "") {
+    await this.trpc.workspace.createFile.mutate({ workspaceId, path: path2, content: content2 });
+  }
+  async createWorkspaceDirectory(workspaceId, path2) {
+    await this.trpc.workspace.createDirectory.mutate({ workspaceId, path: path2 });
+  }
+  async deleteWorkspacePath(workspaceId, path2) {
+    return await this.trpc.workspace.deletePath.mutate({ workspaceId, path: path2 });
+  }
+  async renameWorkspacePath(workspaceId, fromPath, toPath) {
+    return await this.trpc.workspace.renamePath.mutate({
+      workspaceId,
+      fromPath,
+      toPath
+    });
+  }
+  async copyWorkspacePath(workspaceId, fromPath, toPath) {
+    return await this.trpc.workspace.copyPath.mutate({
+      workspaceId,
+      fromPath,
+      toPath
+    });
+  }
   async revertFile(workspaceId, filePath, diffMode, compareBranch) {
     await this.trpc.workspace.revertFile.mutate({
       workspaceId,
@@ -59579,6 +60891,34 @@ class DesktopDashboardAdapter extends WebDashboardAdapter {
       throw err;
     }
   }
+  // ---- Background app-update banner (see updater.ts) -----------------------
+  // The web adapter intentionally omits these so a plain browser tab never
+  // sees the banner (the hook short-circuits to "none" when the adapter
+  // method is undefined). Only the desktop shell can drive electron-updater.
+  /** Read the current pending update, if any. Used by the hook on mount to
+   *  catch the race where the renderer mounts after the startup check
+   *  already populated main-process state. */
+  async getUpdateStatus() {
+    return desktopInvoke("updater_status");
+  }
+  /** Kick off the download + install. On success the OS quits the process,
+   *  so this promise typically never resolves in production. */
+  async installUpdate() {
+    await desktopInvoke("updater_install");
+  }
+  /** Subscribe to `updater-status-changed` events emitted by the main
+   *  process. Returns the unlisten. Throws if called outside the shell —
+   *  callers should gate on `getUpdateStatus` being defined first. */
+  subscribeUpdateStatus(cb) {
+    const bridge = electronBridge$1();
+    if (!bridge) {
+      throw new Error("subscribeUpdateStatus called outside the desktop shell");
+    }
+    return bridge.on(
+      "updater-status-changed",
+      (payload) => cb(payload)
+    );
+  }
 }
 class NativeShellCapabilities {
   web = new WebCapabilities();
@@ -59625,6 +60965,66 @@ async function listen(event, cb) {
   }
   throw new Error(`listen('${event}') called outside the desktop shell`);
 }
+const wsClient = createWSClient({
+  url: () => {
+    const proto2 = location.protocol === "https:" ? "wss:" : "ws:";
+    return `${proto2}//${location.host}/trpc`;
+  }
+});
+const trpc = createTRPCClient({
+  links: [
+    splitLink({
+      condition: (op2) => op2.type === "subscription",
+      true: wsLink({ client: wsClient }),
+      false: httpBatchLink({ url: "/trpc" })
+    })
+  ]
+});
+function BrowserHostBridge() {
+  const { settings } = useSettingsQuery();
+  const cdpEnabled = settings.webBrowserCdpEnabled ?? false;
+  reactExports.useEffect(() => {
+    if (!isDesktop) return;
+    if (!cdpEnabled) return;
+    const ensureSub = trpc.browserHost.ensureView.subscribe(void 0, {
+      onData(event) {
+        void (async () => {
+          try {
+            await invoke("browser_ensure", {
+              browserId: event.bandTabId,
+              url: event.url
+            });
+            const cdpTargetId = await invoke("browser_get_cdp_target", {
+              browserId: event.bandTabId
+            });
+            await trpc.browserHost.targetReady.mutate({
+              bandTabId: event.bandTabId,
+              cdpTargetId
+            });
+          } catch (err) {
+            console.error("[BrowserHostBridge] ensureView failed:", err);
+          }
+        })();
+      },
+      onError(err) {
+        console.warn("[BrowserHostBridge] ensureView subscription error:", err);
+      }
+    });
+    let unlisten;
+    void listen("browser-view-destroyed", (e2) => {
+      const bandTabId = e2.payload.browser_id;
+      if (!bandTabId) return;
+      trpc.browserHost.viewDestroyed.mutate({ bandTabId }).catch((err) => console.warn("[BrowserHostBridge] viewDestroyed mutate failed:", err));
+    }).then((u4) => {
+      unlisten = u4;
+    });
+    return () => {
+      ensureSub.unsubscribe();
+      unlisten?.();
+    };
+  }, [cdpEnabled]);
+  return null;
+}
 function useIsFullscreen() {
   const [isFullscreen, setIsFullscreen] = reactExports.useState(false);
   reactExports.useEffect(() => {
@@ -74998,21 +76398,6 @@ function useRecentFiles(workspaceId) {
   );
   return { recentFiles, trackFile };
 }
-const wsClient = createWSClient({
-  url: () => {
-    const proto2 = location.protocol === "https:" ? "wss:" : "ws:";
-    return `${proto2}//${location.host}/trpc`;
-  }
-});
-const trpc = createTRPCClient({
-  links: [
-    splitLink({
-      condition: (op2) => op2.type === "subscription",
-      true: wsLink({ client: wsClient }),
-      false: httpBatchLink({ url: "/trpc" })
-    })
-  ]
-});
 const codes = (
   /** @type {const} */
   {
@@ -134799,12 +136184,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-DZfpOMzg.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-BmlvwxMz.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-WSuuldrv.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-CpHc0Viy.js"), "loader")
       }
     ]
   ]);
@@ -135243,7 +136628,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-COi5PFIX.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-DPx-FvB1.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -135260,7 +136645,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-Cw9n-l35.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfyIqNem.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -135283,7 +136668,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-Cw9n-l35.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfyIqNem.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -135297,7 +136682,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-XphQqWxZ.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-DM8WJlsi.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -135311,7 +136696,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-CUIK26NP.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-bCVMHPpA.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -135325,7 +136710,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-CqqJbuET.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-BZQeLvAR.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -135339,7 +136724,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-DuA859Z1.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-RRsQoFFk.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -135352,7 +136737,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-CS1QqpkR.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DWZOj9Y0.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -135365,7 +136750,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-sOsgkH1q.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-D4ONUX7b.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -135379,7 +136764,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-C01ACkIV.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-DZLYbs7Q.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -135393,7 +136778,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-DxsTf_dF.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-UgBPsTYb.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -135407,7 +136792,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-DdZyEvL3.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-ampkthMk.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -135424,7 +136809,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-SabF3eWj.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-CxlZAW4M.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -135441,7 +136826,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-SabF3eWj.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-CxlZAW4M.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -135458,7 +136843,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-D3Tj81-E.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-BGJgIHAr.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -135478,7 +136863,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Dx5gqfCT.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-DV0c4QE4.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -135492,7 +136877,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-PiSB9SFS.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-BthUaNJH.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -135559,7 +136944,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-Cw9n-l35.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-BfyIqNem.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -135573,7 +136958,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-CcjZ3wnd.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-V6Yu7fCS.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -135587,7 +136972,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-RsSUd0h5.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-CyOPm1d2.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -135601,7 +136986,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-Fl-z0jKd.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-g-dju6UR.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -135615,7 +137000,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-Dv69rb4x.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-DR346iyM.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -135629,7 +137014,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-DBeAGiPC.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-BHuUrG2N.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -135642,7 +137027,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-GhJ4dzVD.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-D3Y8zwos.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -135655,7 +137040,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-Bc-Qk0S9.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-pT0fTRP_.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -135669,7 +137054,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-CqvTF0VE.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-DUGfoAf_.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -135683,7 +137068,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-DCKwYA11.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-B0TgGZY7.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -153396,7 +154781,7 @@ var tn = f("block", "before:content-[counter(line)]", "before:inline-block", "be
 var et2 = ({ className: e2, language: t2, style: o3, isIncomplete: n2, ...s2 }) => jsxRuntimeExports.jsx("div", { className: f("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 = reactExports.createContext({ code: "" }), de = () => reactExports.useContext(Se);
 var ot2 = ({ 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-BVGB-5j8.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-DgdfkSxA.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.Provider, { value: { code: e2 }, children: jsxRuntimeExports.jsxs(et2, { isIncomplete: s2, language: t2, children: [jsxRuntimeExports.jsx(ot2, { 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, { className: o3, language: t2, result: c2, ...r2 }), children: jsxRuntimeExports.jsx(dn, { className: o3, code: i2, language: t2, raw: c2, ...r2 }) })] }) });
@@ -153718,7 +155103,7 @@ var Dt = ({ children: e2, className: t2, onDownload: o3, onError: n2 }) => {
   }, []), jsxRuntimeExports.jsxs("div", { className: "relative", ref: i2, children: [jsxRuntimeExports.jsx("button", { className: f("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, { 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("w-full divide-y divide-border", t2), "data-streamdown": "table", ...n2, children: e2 }) })] });
-var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-rjgzkBvP.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-gGOjGhZZ.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
 function ke(e2, t2) {
   if (!(e2 != null && e2.position || t2 != null && t2.position)) return true;
   if (!(e2 != null && e2.position && (t2 != null && t2.position))) return false;
@@ -154323,6 +155708,65 @@ function useFileTabs(workspaceId) {
     setOpenTabs([]);
     setActiveTabPathState(null);
   }, []);
+  const rewritePath = reactExports.useCallback(
+    (path2, oldPath, newPath) => {
+      if (path2 === oldPath) return newPath;
+      const prefix = `${oldPath}/`;
+      if (path2.startsWith(prefix)) return newPath + path2.slice(oldPath.length);
+      return null;
+    },
+    []
+  );
+  const renameFile = reactExports.useCallback(
+    (oldPath, newPath) => {
+      if (oldPath === newPath) return;
+      setOpenTabs((prev2) => {
+        let changed = false;
+        const next2 = prev2.map((tab2) => {
+          const rewritten = rewritePath(tab2.filePath, oldPath, newPath);
+          if (rewritten === null) return tab2;
+          changed = true;
+          return tab2.isPreview ? { filePath: rewritten, isPreview: true } : { filePath: rewritten };
+        });
+        return changed ? next2 : prev2;
+      });
+      setActiveTabPathState((current) => {
+        if (current === null) return current;
+        const rewritten = rewritePath(current, oldPath, newPath);
+        return rewritten ?? current;
+      });
+    },
+    [rewritePath]
+  );
+  const removePath = reactExports.useCallback((path2) => {
+    const prefix = `${path2}/`;
+    setOpenTabs((prev2) => {
+      const next2 = prev2.filter((tab2) => tab2.filePath !== path2 && !tab2.filePath.startsWith(prefix));
+      if (next2.length === prev2.length) {
+        return prev2;
+      }
+      setActiveTabPathState((currentActive) => {
+        if (currentActive !== null && (currentActive === path2 || currentActive.startsWith(prefix))) {
+          if (next2.length === 0) return null;
+          const removedIdx = prev2.findIndex((t2) => t2.filePath === currentActive);
+          if (removedIdx === -1) return next2[0].filePath;
+          for (let i2 = removedIdx; i2 < prev2.length; i2++) {
+            if (next2.some((t2) => t2.filePath === prev2[i2].filePath)) {
+              return prev2[i2].filePath;
+            }
+          }
+          for (let i2 = removedIdx - 1; i2 >= 0; i2--) {
+            if (next2.some((t2) => t2.filePath === prev2[i2].filePath)) {
+              return prev2[i2].filePath;
+            }
+          }
+          return next2[0].filePath;
+        }
+        return currentActive;
+      });
+      return next2;
+    });
+  }, []);
   return {
     openTabs,
     activeTabPath,
@@ -154333,7 +155777,9 @@ function useFileTabs(workspaceId) {
     closeTab,
     setActiveTab,
     closeOtherTabs,
-    closeAllTabs
+    closeAllTabs,
+    renameFile,
+    removePath
   };
 }
 const DESKTOP_QUERY = "(min-width: 1024px)";
@@ -154410,7 +155856,54 @@ function useTabState(workspaceId) {
     },
     [workspaceId]
   );
-  return { get: get2, update, getViewMode, setViewMode, isDirty, removeFile };
+  const renameFile = reactExports.useCallback(
+    (oldPath, newPath) => {
+      if (oldPath === newPath) return;
+      const prefix = `${oldPath}/`;
+      let changed = false;
+      const next2 = {};
+      for (const [key2, value] of Object.entries(stateRef.current)) {
+        if (key2 === oldPath) {
+          next2[newPath] = value;
+          changed = true;
+        } else if (key2.startsWith(prefix)) {
+          next2[newPath + key2.slice(oldPath.length)] = value;
+          changed = true;
+        } else {
+          next2[key2] = value;
+        }
+      }
+      if (changed) {
+        stateRef.current = next2;
+        saveState(workspaceId, stateRef.current);
+      }
+    },
+    [workspaceId]
+  );
+  const removePath = reactExports.useCallback(
+    (path2) => {
+      const prefix = `${path2}/`;
+      let changed = false;
+      for (const key2 of Object.keys(stateRef.current)) {
+        if (key2 === path2 || key2.startsWith(prefix)) {
+          delete stateRef.current[key2];
+          changed = true;
+        }
+      }
+      if (changed) saveState(workspaceId, stateRef.current);
+    },
+    [workspaceId]
+  );
+  return {
+    get: get2,
+    update,
+    getViewMode,
+    setViewMode,
+    isDirty,
+    removeFile,
+    renameFile,
+    removePath
+  };
 }
 function getBasename$1(filePath) {
   if (typeof filePath !== "string") return String(filePath ?? "");
@@ -154721,43 +156214,158 @@ function renderMarkdown(content2) {
     }
   );
 }
-function FileTreeToolbar({ onQuickOpen, onSearchFiles }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-9 shrink-0 items-center gap-0.5 border-b border-border/50 pl-3 pr-1.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Files" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onQuickOpen,
-          className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
-        "Quick Open",
-        " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-1.5 rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[14px]", children: "⌘P" })
-      ] })
-    ] }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onSearchFiles,
-          className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-          children: /* @__PURE__ */ jsxRuntimeExports.jsx(TextSearch, { className: "size-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
-        "Search in Files",
-        " ",
-        /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-1.5 rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[14px]", children: "⌘⇧F" })
-      ] })
-    ] })
-  ] });
+const TOOLBAR_COMPACT_BREAKPOINT = 200;
+const touchPointerUp = (fn2) => (e2) => {
+  if (!fn2 || e2.pointerType === "mouse") return;
+  e2.preventDefault();
+  fn2();
+};
+const fireOpenQuickOpen = () => window.dispatchEvent(new CustomEvent("band:open-quick-open"));
+const fireOpenSearchFiles = () => window.dispatchEvent(new CustomEvent("band:open-search-files"));
+function FileTreeToolbar({ onNewFile, onNewFolder }) {
+  const rootRef = reactExports.useRef(null);
+  const [compact, setCompact] = reactExports.useState(false);
+  reactExports.useLayoutEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    setCompact(el.clientWidth < TOOLBAR_COMPACT_BREAKPOINT);
+  }, []);
+  reactExports.useEffect(() => {
+    const el = rootRef.current;
+    if (!el) return;
+    const ro2 = new ResizeObserver((entries2) => {
+      for (const entry of entries2) {
+        setCompact(entry.contentRect.width < TOOLBAR_COMPACT_BREAKPOINT);
+      }
+    });
+    ro2.observe(el);
+    return () => ro2.disconnect();
+  }, []);
+  const pendingMenuAction = reactExports.useRef(null);
+  const queueMenuAction = reactExports.useCallback((fn2) => {
+    pendingMenuAction.current = fn2;
+  }, []);
+  const flushMenuAction = reactExports.useCallback((e2) => {
+    e2.preventDefault();
+    const fn2 = pendingMenuAction.current;
+    pendingMenuAction.current = null;
+    fn2?.();
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+    "div",
+    {
+      ref: rootRef,
+      className: "flex h-9 shrink-0 items-center gap-0.5 border-b border-border/50 pl-3 pr-1.5",
+      children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground", children: "Files" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1" }),
+        compact ? /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                "aria-label": "File tree actions",
+                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors data-[state=open]:bg-accent data-[state=open]:text-foreground",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "size-3.5" })
+              }
+            ) }) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "More" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(
+            DropdownMenuContent,
+            {
+              align: "end",
+              className: "min-w-[10rem]",
+              onCloseAutoFocus: flushMenuAction,
+              children: [
+                onNewFile && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => queueMenuAction(onNewFile), children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, { className: "size-4" }),
+                  "New File"
+                ] }),
+                onNewFolder && /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => queueMenuAction(onNewFolder), children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-4" }),
+                  "New Folder"
+                ] }),
+                (onNewFile || onNewFolder) && /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => queueMenuAction(fireOpenQuickOpen), children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-4" }),
+                  "Quick Open",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-auto rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[10px]", children: "⌘P" })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => queueMenuAction(fireOpenSearchFiles), children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TextSearch, { className: "size-4" }),
+                  "Search in Files",
+                  /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-auto rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[10px]", children: "⌘⇧F" })
+                ] })
+              ]
+            }
+          )
+        ] }) : /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+          onNewFile && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onNewFile,
+                onPointerUp: touchPointerUp(onNewFile),
+                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FilePlus, { className: "size-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "New File" })
+          ] }),
+          onNewFolder && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: onNewFolder,
+                onPointerUp: touchPointerUp(onNewFolder),
+                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(FolderPlus, { className: "size-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "New Folder" })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: fireOpenQuickOpen,
+                onPointerUp: touchPointerUp(fireOpenQuickOpen),
+                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
+              "Quick Open",
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-1.5 rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[14px]", children: "⌘P" })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: fireOpenSearchFiles,
+                onPointerUp: touchPointerUp(fireOpenSearchFiles),
+                className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(TextSearch, { className: "size-3.5" })
+              }
+            ) }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
+              "Search in Files",
+              " ",
+              /* @__PURE__ */ jsxRuntimeExports.jsx("kbd", { className: "ml-1.5 rounded border border-popover-foreground/25 bg-popover-foreground/10 px-1 py-0.5 font-mono text-[14px]", children: "⌘⇧F" })
+            ] })
+          ] })
+        ] })
+      ]
+    }
+  );
 }
 function CodeBrowserView({
   workspaceId,
@@ -154765,9 +156373,7 @@ function CodeBrowserView({
   onSelectFile,
   openFilePath,
   onFileOpened,
-  onFindInFile,
-  onQuickOpen,
-  onSearchFiles
+  onFindInFile
 }) {
   const isDesktop2 = useIsDesktop();
   const fileTabs = useFileTabs(workspaceId);
@@ -155246,6 +156852,89 @@ function CodeBrowserView({
     window.addEventListener("keydown", handler, { capture: true });
     return () => window.removeEventListener("keydown", handler, { capture: true });
   }, [fileTabs.activeTabPath, handleTabClose]);
+  const fileBrowserRef = reactExports.useRef(null);
+  const handleNewFile = reactExports.useCallback(() => {
+    fileBrowserRef.current?.startNewFile();
+  }, []);
+  const handleNewFolder = reactExports.useCallback(() => {
+    fileBrowserRef.current?.startNewFolder();
+  }, []);
+  const flushActiveEditorState = reactExports.useCallback(() => {
+    const view = editorViewRef.current;
+    const fp = viewFilePathRef.current;
+    if (!view || !fp) return null;
+    try {
+      const state2 = serializeEditorState(view);
+      return { path: fp, state: state2 };
+    } catch {
+      return null;
+    }
+  }, []);
+  const handlePathRenamed = reactExports.useCallback(
+    (oldPath, newPath, _kind) => {
+      const flushed = flushActiveEditorState();
+      fileTabs.renameFile(oldPath, newPath);
+      tabState.renameFile(oldPath, newPath);
+      const oldPrefix = `${oldPath}/`;
+      const newStates = {};
+      for (const [key2, value] of Object.entries(savedEditorStatesRef.current)) {
+        if (key2 === oldPath) {
+          newStates[newPath] = value;
+        } else if (key2.startsWith(oldPrefix)) {
+          newStates[newPath + key2.slice(oldPath.length)] = value;
+        } else {
+          newStates[key2] = value;
+        }
+      }
+      if (flushed) {
+        const rewritten = flushed.path === oldPath ? newPath : flushed.path.startsWith(oldPrefix) ? newPath + flushed.path.slice(oldPath.length) : flushed.path;
+        newStates[rewritten] = flushed.state;
+        tabState.update(rewritten, {
+          editorState: flushed.state.editorState,
+          scrollTop: flushed.state.scrollTop
+        });
+      }
+      savedEditorStatesRef.current = newStates;
+      if (viewFilePath === oldPath) {
+        skipFileEffectRef.current = true;
+        setViewFilePath(newPath);
+        onSelectFile?.(newPath);
+      } else if (viewFilePath.startsWith(oldPrefix)) {
+        const rewritten = newPath + viewFilePath.slice(oldPath.length);
+        skipFileEffectRef.current = true;
+        setViewFilePath(rewritten);
+        onSelectFile?.(rewritten);
+      }
+    },
+    [
+      fileTabs.renameFile,
+      tabState.renameFile,
+      tabState.update,
+      flushActiveEditorState,
+      viewFilePath,
+      onSelectFile
+    ]
+  );
+  const handlePathDeleted = reactExports.useCallback(
+    (path2, _kind) => {
+      const prefix = `${path2}/`;
+      for (const key2 of Object.keys(savedEditorStatesRef.current)) {
+        if (key2 === path2 || key2.startsWith(prefix)) {
+          delete savedEditorStatesRef.current[key2];
+        }
+      }
+      tabState.removePath(path2);
+      fileTabs.removePath(path2);
+      if (viewFilePath === path2 || viewFilePath.startsWith(prefix)) {
+        setViewFilePath("");
+        setViewLine(void 0);
+        setViewLineEnd(void 0);
+        setViewColumn(void 0);
+        onSelectFile?.(null);
+      }
+    },
+    [fileTabs.removePath, tabState.removePath, viewFilePath, onSelectFile]
+  );
   const treePanelRef = ln$1();
   const [treeCollapsed, setTreeCollapsed] = reactExports.useState(() => loadFileTreeCollapsed(workspaceId));
   const skipFirstLayoutCallback = reactExports.useRef(true);
@@ -155309,14 +156998,28 @@ function CodeBrowserView({
           savedScrollTop: savedEditorStatesRef.current[viewFilePath]?.scrollTop ?? tabState.get(viewFilePath)?.scrollTop,
           onEditedContentChange: handleEditedContentChange
         }
-      ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
-        FileBrowser,
-        {
-          workspaceId,
-          onOpenFile: handleSelectFile,
-          onOpenFilePinned: handleSelectFilePinned,
-          selectedFile: viewFilePath
-        }
+      ) : (
+        // Same toolbar-above-tree layout the desktop side-by-side uses,
+        // so New File / New Folder / Quick Open / Search in Files are
+        // reachable on touch without relying on the (undiscoverable)
+        // long-press → context menu. The toolbar already handles its
+        // own narrow-width collapse into a kebab, so this works at any
+        // mobile viewport.
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(FileTreeToolbar, { onNewFile: handleNewFile, onNewFolder: handleNewFolder }),
+          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            FileBrowser,
+            {
+              ref: fileBrowserRef,
+              workspaceId,
+              onOpenFile: handleSelectFile,
+              onOpenFilePinned: handleSelectFilePinned,
+              selectedFile: viewFilePath,
+              onPathRenamed: handlePathRenamed,
+              onPathDeleted: handlePathDeleted
+            }
+          ) })
+        ] })
       )
     ) : (
       // Desktop: side-by-side layout with resizable file tree
@@ -155343,15 +157046,18 @@ function CodeBrowserView({
                   saveFileTreeCollapsed(workspaceId, collapsed);
                 },
                 children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col overflow-hidden border-r border-border", children: [
-                  /* @__PURE__ */ jsxRuntimeExports.jsx(FileTreeToolbar, { onQuickOpen, onSearchFiles }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(FileTreeToolbar, { onNewFile: handleNewFile, onNewFolder: handleNewFolder }),
                   /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                     FileBrowser,
                     {
+                      ref: fileBrowserRef,
                       workspaceId,
                       onOpenFile: handleSelectFile,
                       onOpenFilePinned: handleSelectFilePinned,
                       compact: true,
-                      selectedFile: viewFilePath
+                      selectedFile: viewFilePath,
+                      onPathRenamed: handlePathRenamed,
+                      onPathDeleted: handlePathDeleted
                     }
                   ) })
                 ] })
@@ -155461,21 +157167,21 @@ function CodeBrowserView({
 const DEFAULT_URL = "";
 const BLANK_URL = "about:blank";
 const faviconMap = /* @__PURE__ */ new Map();
-const faviconListeners = /* @__PURE__ */ new Set();
+const faviconListeners$1 = /* @__PURE__ */ new Set();
 function setFaviconUrl(browserId, url) {
   if (faviconMap.get(browserId) !== url) {
     faviconMap.set(browserId, url);
-    for (const listener of faviconListeners) listener();
+    for (const listener of faviconListeners$1) listener();
   }
 }
-function subscribeFavicons(cb) {
-  faviconListeners.add(cb);
+function subscribeFavicons$1(cb) {
+  faviconListeners$1.add(cb);
   return () => {
-    faviconListeners.delete(cb);
+    faviconListeners$1.delete(cb);
   };
 }
 function useFavicon(browserId) {
-  return reactExports.useSyncExternalStore(subscribeFavicons, () => faviconMap.get(browserId));
+  return reactExports.useSyncExternalStore(subscribeFavicons$1, () => faviconMap.get(browserId));
 }
 function BrowserPaneComponent({
   params,
@@ -169061,6 +170767,613 @@ function createDefaultPanel(api, workspaceId) {
     }
   });
 }
+const TABS_POLL_MS = 5e3;
+const screencastTabTheme = {
+  name: "band",
+  className: "dockview-theme-band dockview-browser-tabs"
+};
+function ScreencastPanel({ workspaceId, visible }) {
+  const [tabs, setTabs] = reactExports.useState([]);
+  const [error, setError] = reactExports.useState(null);
+  const [loaded, setLoaded] = reactExports.useState(false);
+  const fetchTabs = reactExports.useCallback(
+    async (signal) => {
+      try {
+        const res = await fetch(`/api/cdp/tabs?workspaceId=${encodeURIComponent(workspaceId)}`, {
+          signal,
+          cache: "no-store"
+        });
+        const body2 = await res.json();
+        setTabs(body2.tabs ?? []);
+        setError(body2.error ?? null);
+      } catch (err) {
+        if (err.name === "AbortError") return;
+        setError(err instanceof Error ? err.message : String(err));
+      } finally {
+        setLoaded(true);
+      }
+    },
+    [workspaceId]
+  );
+  reactExports.useEffect(() => {
+    if (!visible) return;
+    const ctrl = new AbortController();
+    fetchTabs(ctrl.signal);
+    const id28 = setInterval(() => fetchTabs(ctrl.signal), TABS_POLL_MS);
+    return () => {
+      ctrl.abort();
+      clearInterval(id28);
+    };
+  }, [visible, fetchTabs]);
+  if (loaded && error) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(ErrorPanel, { error }) });
+  }
+  if (loaded && tabs.length === 0) {
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center p-6", children: /* @__PURE__ */ jsxRuntimeExports.jsx(EmptyPanel, {}) });
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ScreencastDockview, { tabs, outerVisible: visible, workspaceId });
+}
+const newTabRef = { current: null };
+const ScreencastRightHeaderActions = React$1.memo(function ScreencastRightHeaderActions2(_props) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center pr-1", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    "button",
+    {
+      type: "button",
+      className: "inline-flex size-8 items-center justify-center rounded text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+      onClick: () => newTabRef.current?.(),
+      title: "New browser tab",
+      "aria-label": "New browser tab",
+      children: /* @__PURE__ */ jsxRuntimeExports.jsx(Plus, { className: "size-4" })
+    }
+  ) });
+});
+function ScreencastDockview({ tabs, outerVisible, workspaceId }) {
+  const apiRef = reactExports.useRef(null);
+  const handleNewTab = reactExports.useCallback(() => {
+    trpc.browsers.create.mutate({ workspaceId }).catch((err) => console.warn("[ScreencastPanel] browsers.create failed:", err));
+  }, [workspaceId]);
+  newTabRef.current = handleNewTab;
+  reactExports.useEffect(() => {
+    const api = apiRef.current;
+    if (!api) return;
+    const wantIds = new Set(tabs.map((t2) => t2.id));
+    const haveIds = new Set(api.panels.map((p3) => p3.id));
+    for (const id28 of haveIds) {
+      if (!wantIds.has(id28)) {
+        const panel = api.getPanel(id28);
+        if (panel) api.removePanel(panel);
+      }
+    }
+    for (const tab2 of tabs) {
+      const existing = api.getPanel(tab2.id);
+      if (existing) {
+        existing.api.updateParameters({
+          bandTabId: tab2.id,
+          url: tab2.url,
+          outerVisible
+        });
+      } else {
+        api.addPanel({
+          id: tab2.id,
+          component: "stream",
+          title: tab2.title || tab2.url || "(no title)",
+          params: { bandTabId: tab2.id, url: tab2.url, outerVisible }
+        });
+      }
+    }
+    if (!api.activePanel && api.panels.length > 0) {
+      api.panels[0].api.setActive();
+    }
+  }, [tabs, outerVisible]);
+  reactExports.useEffect(() => {
+    const api = apiRef.current;
+    if (!api) return;
+    for (const panel of api.panels) {
+      const params = panel.api.getParameters();
+      if (params.outerVisible !== outerVisible) {
+        panel.api.updateParameters({ ...params, outerVisible });
+      }
+    }
+  }, [outerVisible]);
+  const onReady = reactExports.useCallback((event) => {
+    apiRef.current = event.api;
+  }, []);
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full flex-col overflow-hidden bg-background text-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+    DockviewReact,
+    {
+      theme: screencastTabTheme,
+      className: "h-full",
+      components: panelComponents,
+      defaultTabComponent: ScreencastTab,
+      rightHeaderActionsComponent: ScreencastRightHeaderActions,
+      onReady
+    }
+  ) });
+}
+const faviconByBandTabId = /* @__PURE__ */ new Map();
+const faviconListeners = /* @__PURE__ */ new Set();
+function setFaviconForBandTab(bandTabId, url) {
+  const current = faviconByBandTabId.get(bandTabId);
+  if (url) {
+    if (current === url) return;
+    faviconByBandTabId.set(bandTabId, url);
+  } else {
+    if (current === void 0) return;
+    faviconByBandTabId.delete(bandTabId);
+  }
+  for (const listener of faviconListeners) listener();
+}
+function subscribeFavicons(cb) {
+  faviconListeners.add(cb);
+  return () => {
+    faviconListeners.delete(cb);
+  };
+}
+function useFaviconForBandTab(bandTabId) {
+  return reactExports.useSyncExternalStore(
+    subscribeFavicons,
+    () => faviconByBandTabId.get(bandTabId),
+    () => void 0
+  );
+}
+function ScreencastTab(props) {
+  const [title, setTitle] = reactExports.useState(props.api.title ?? "");
+  const [faviconErrored, setFaviconErrored] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    const d2 = props.api.onDidTitleChange(() => setTitle(props.api.title ?? ""));
+    return () => d2.dispose();
+  }, [props.api]);
+  const bandTabId = props.params.bandTabId;
+  const favicon = useFaviconForBandTab(bandTabId);
+  const prevFaviconRef = reactExports.useRef(favicon);
+  if (favicon !== prevFaviconRef.current) {
+    prevFaviconRef.current = favicon;
+    if (faviconErrored) setFaviconErrored(false);
+  }
+  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "dv-default-tab", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
+    favicon && !faviconErrored ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        src: favicon,
+        alt: "",
+        className: "size-3.5 shrink-0",
+        onError: () => setFaviconErrored(true)
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-3.5 shrink-0 text-muted-foreground" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: title || "(no title)" })
+  ] }) });
+}
+function StreamPanel({ params, api }) {
+  const [panelVisible, setPanelVisible] = reactExports.useState(api.isVisible);
+  reactExports.useEffect(() => {
+    const d2 = api.onDidVisibilityChange((e2) => setPanelVisible(e2.isVisible));
+    return () => d2.dispose();
+  }, [api]);
+  const visible = panelVisible && params.outerVisible;
+  const sendCdpRef = reactExports.useRef(null);
+  const [currentUrl, setCurrentUrl] = reactExports.useState(params.url);
+  const [loading, setLoading] = reactExports.useState(false);
+  reactExports.useEffect(() => {
+    setCurrentUrl(params.url);
+  }, [params.url]);
+  const navigate = reactExports.useCallback((rawUrl) => {
+    const trimmed = rawUrl.trim();
+    if (!trimmed) return;
+    const url = /^[a-z][a-z0-9+.-]*:/i.test(trimmed) ? trimmed : `https://${trimmed}`;
+    sendCdpRef.current?.("Page.navigate", { url });
+  }, []);
+  const reload = reactExports.useCallback(() => {
+    sendCdpRef.current?.("Page.reload");
+  }, []);
+  const stopLoading = reactExports.useCallback(() => {
+    sendCdpRef.current?.("Page.stopLoading");
+  }, []);
+  const goBack = reactExports.useCallback(() => {
+    sendCdpRef.current?.("Runtime.evaluate", { expression: "history.back()" });
+  }, []);
+  const goForward = reactExports.useCallback(() => {
+    sendCdpRef.current?.("Runtime.evaluate", { expression: "history.forward()" });
+  }, []);
+  const handlePageMetaChange = reactExports.useCallback(
+    (meta2) => {
+      if (typeof meta2.title === "string") {
+        const next2 = meta2.title.trim() || params.url || "(no title)";
+        if ((api.title ?? "") !== next2) {
+          api.setTitle(next2);
+        }
+      }
+      if (meta2.favicon !== void 0) {
+        setFaviconForBandTab(params.bandTabId, meta2.favicon);
+      }
+    },
+    [api, params.url, params.bandTabId]
+  );
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full w-full flex-col overflow-hidden", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      AddressBar,
+      {
+        url: currentUrl,
+        loading,
+        onNavigate: navigate,
+        onBack: goBack,
+        onForward: goForward,
+        onReload: reload,
+        onStop: stopLoading
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "relative flex-1 overflow-hidden bg-muted/30", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+      StreamView,
+      {
+        bandTabId: params.bandTabId,
+        visible,
+        sendCdpRef,
+        onUrlChange: setCurrentUrl,
+        onLoadingChange: setLoading,
+        onPageMetaChange: handlePageMetaChange
+      }
+    ) })
+  ] });
+}
+const panelComponents = {
+  stream: StreamPanel
+};
+function AddressBar({
+  url,
+  loading,
+  onNavigate,
+  onBack,
+  onForward,
+  onReload,
+  onStop
+}) {
+  const [inputUrl, setInputUrl] = reactExports.useState(url);
+  const inputRef = reactExports.useRef(null);
+  reactExports.useEffect(() => {
+    if (document.activeElement !== inputRef.current) {
+      setInputUrl(url);
+    }
+  }, [url]);
+  const onKeyDown = reactExports.useCallback(
+    (e2) => {
+      if (e2.key === "Enter") {
+        e2.preventDefault();
+        onNavigate(inputUrl);
+      }
+    },
+    [inputUrl, onNavigate]
+  );
+  return /* @__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("style", { children: `@keyframes screencast-bar-slide {
+  0% { transform: translateX(-100%); }
+  50% { transform: translateX(200%); }
+  100% { transform: translateX(-100%); }
+}` }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onBack,
+        title: "Back",
+        "aria-label": "Back",
+        className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowLeft, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onForward,
+        title: "Forward",
+        "aria-label": "Forward",
+        className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-4" })
+      }
+    ),
+    loading ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onStop,
+        title: "Stop",
+        "aria-label": "Stop",
+        className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(Globe, { className: "size-4" })
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "button",
+      {
+        type: "button",
+        onClick: onReload,
+        title: "Reload",
+        "aria-label": "Reload",
+        className: "flex items-center justify-center rounded p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsx(RotateCw, { className: "size-4" })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "input",
+      {
+        ref: inputRef,
+        type: "text",
+        value: inputUrl,
+        onChange: (e2) => setInputUrl(e2.target.value),
+        onKeyDown,
+        onFocus: (e2) => e2.target.select(),
+        placeholder: "Enter URL or search…",
+        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"
+      }
+    ),
+    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: "screencast-bar-slide 1.4s ease-in-out infinite"
+        }
+      }
+    ) })
+  ] });
+}
+const PAGE_META_EXPRESSION = `(() => {
+  const links = Array.from(document.querySelectorAll('link[rel*="icon" i]'));
+  const explicit = links.find((l) => /^(?:shortcut\\s+)?icon$/i.test(l.rel));
+  let favicon = explicit ? explicit.href : (links[0] ? links[0].href : null);
+  if (!favicon) {
+    try { favicon = new URL('/favicon.ico', location.href).href; } catch { favicon = null; }
+  }
+  return { title: document.title || '', favicon };
+})()`;
+function StreamView({
+  bandTabId,
+  visible,
+  sendCdpRef,
+  onUrlChange,
+  onLoadingChange,
+  onPageMetaChange
+}) {
+  const wsRef = reactExports.useRef(null);
+  const nextIdRef = reactExports.useRef(1);
+  const lastMetaRef = reactExports.useRef(null);
+  const imgRef = reactExports.useRef(null);
+  const pendingResponsesRef = reactExports.useRef(
+    // biome-ignore lint/suspicious/noExplicitAny: heterogeneous CDP responses
+    /* @__PURE__ */ new Map()
+  );
+  const lastMetaFetchTimerRef = reactExports.useRef(null);
+  const frameCountRef = reactExports.useRef(0);
+  const [fps, setFps] = reactExports.useState(0);
+  const [frameSrc, setFrameSrc] = reactExports.useState(null);
+  const [status, setStatus] = reactExports.useState("connecting");
+  const [errorMessage, setErrorMessage] = reactExports.useState(null);
+  const sendCdp = reactExports.useCallback((method, params) => {
+    const ws = wsRef.current;
+    if (!ws || ws.readyState !== WebSocket.OPEN) return;
+    const id28 = nextIdRef.current++;
+    ws.send(JSON.stringify({ id: id28, method, params: params ?? {} }));
+  }, []);
+  const sendCdpExpectResponse = reactExports.useCallback(
+    (method, params, onResponse) => {
+      const ws = wsRef.current;
+      if (!ws || ws.readyState !== WebSocket.OPEN) return;
+      const id28 = nextIdRef.current++;
+      pendingResponsesRef.current.set(id28, onResponse);
+      ws.send(JSON.stringify({ id: id28, method, params }));
+    },
+    []
+  );
+  const fetchPageMeta = reactExports.useCallback(() => {
+    sendCdpExpectResponse(
+      "Runtime.evaluate",
+      { expression: PAGE_META_EXPRESSION, returnByValue: true },
+      (result, error) => {
+        if (error) return;
+        const value = result?.result?.value;
+        if (!value) return;
+        onPageMetaChange({
+          title: typeof value.title === "string" ? value.title : void 0,
+          favicon: value.favicon ?? null
+        });
+      }
+    );
+  }, [sendCdpExpectResponse, onPageMetaChange]);
+  reactExports.useEffect(() => {
+    if (!visible) return;
+    const proto2 = location.protocol === "https:" ? "wss:" : "ws:";
+    const url = `${proto2}//${location.host}/cdp?bandTabId=${encodeURIComponent(bandTabId)}`;
+    const ws = new WebSocket(url);
+    wsRef.current = ws;
+    sendCdpRef.current = sendCdp;
+    setStatus("connecting");
+    setErrorMessage(null);
+    ws.onopen = () => {
+      setStatus("open");
+      sendCdp("Page.enable");
+      sendCdp("Page.bringToFront");
+      sendCdp("Page.startScreencast", {
+        format: "jpeg",
+        quality: 60,
+        everyNthFrame: 1
+      });
+      fetchPageMeta();
+    };
+    ws.onmessage = (event) => {
+      let msg;
+      try {
+        msg = JSON.parse(event.data);
+      } catch {
+        return;
+      }
+      if (typeof msg.id === "number") {
+        const cb = pendingResponsesRef.current.get(msg.id);
+        if (cb) {
+          pendingResponsesRef.current.delete(msg.id);
+          cb(msg.result, msg.error);
+          return;
+        }
+      }
+      if (msg.error) {
+        setErrorMessage(msg.error.message ?? "CDP error");
+        return;
+      }
+      if (msg.method === "Page.screencastFrame" && msg.params) {
+        const frame2 = msg.params;
+        lastMetaRef.current = frame2.metadata;
+        setFrameSrc(`data:image/jpeg;base64,${frame2.data}`);
+        frameCountRef.current += 1;
+        sendCdp("Page.screencastFrameAck", { sessionId: frame2.sessionId });
+        return;
+      }
+      if (msg.method === "Page.frameNavigated" && msg.params?.frame) {
+        const frame2 = msg.params.frame;
+        if (!frame2.parentId && typeof frame2.url === "string") {
+          onUrlChange(frame2.url);
+          fetchPageMeta();
+          if (lastMetaFetchTimerRef.current) {
+            clearTimeout(lastMetaFetchTimerRef.current);
+          }
+          lastMetaFetchTimerRef.current = setTimeout(() => {
+            lastMetaFetchTimerRef.current = null;
+            fetchPageMeta();
+          }, 1500);
+        }
+        return;
+      }
+      if (msg.method === "Page.frameStartedLoading") {
+        onLoadingChange(true);
+        return;
+      }
+      if (msg.method === "Page.frameStoppedLoading") {
+        onLoadingChange(false);
+        fetchPageMeta();
+        return;
+      }
+    };
+    ws.onerror = () => {
+      setStatus("error");
+    };
+    ws.onclose = (ev) => {
+      setStatus("closed");
+      if (ev.code !== 1e3) {
+        setErrorMessage(ev.reason || `Connection closed (code ${ev.code})`);
+      }
+    };
+    return () => {
+      try {
+        if (ws.readyState === WebSocket.OPEN) {
+          ws.send(JSON.stringify({ id: nextIdRef.current++, method: "Page.stopScreencast" }));
+        }
+        ws.close();
+      } catch {
+      }
+      wsRef.current = null;
+      if (sendCdpRef.current === sendCdp) {
+        sendCdpRef.current = null;
+      }
+      if (lastMetaFetchTimerRef.current) {
+        clearTimeout(lastMetaFetchTimerRef.current);
+        lastMetaFetchTimerRef.current = null;
+      }
+      pendingResponsesRef.current.clear();
+    };
+  }, [bandTabId, visible, sendCdp, sendCdpRef, onUrlChange, onLoadingChange, fetchPageMeta]);
+  reactExports.useEffect(() => {
+    if (!visible) return;
+    const id28 = setInterval(() => {
+      setFps(frameCountRef.current);
+      frameCountRef.current = 0;
+    }, 1e3);
+    return () => clearInterval(id28);
+  }, [visible]);
+  const dispatchMouse = reactExports.useCallback(
+    (type2, e2, extra) => {
+      const img = imgRef.current;
+      const meta2 = lastMetaRef.current;
+      if (!img || !meta2) return;
+      const rect2 = img.getBoundingClientRect();
+      const scaleX = meta2.deviceWidth / rect2.width;
+      const scaleY = meta2.deviceHeight / rect2.height;
+      const x2 = (e2.clientX - rect2.left) * scaleX;
+      const y3 = (e2.clientY - rect2.top) * scaleY - (meta2.offsetTop ?? 0);
+      const buttonMap = {
+        0: "left",
+        1: "middle",
+        2: "right"
+      };
+      const mouseEvent = e2;
+      const button = type2 === "mouseWheel" ? "none" : buttonMap[mouseEvent.button] ?? "left";
+      const params = {
+        type: type2,
+        x: x2,
+        y: y3,
+        button,
+        clickCount: type2 === "mousePressed" || type2 === "mouseReleased" ? 1 : 0,
+        modifiers: 0
+      };
+      if (type2 === "mouseWheel") {
+        params.deltaX = (extra?.deltaX ?? 0) * scaleX;
+        params.deltaY = (extra?.deltaY ?? 0) * scaleY;
+      }
+      sendCdp("Input.dispatchMouseEvent", params);
+    },
+    [sendCdp]
+  );
+  const onMouseDown = (e2) => {
+    e2.preventDefault();
+    dispatchMouse("mousePressed", e2);
+  };
+  const onMouseUp = (e2) => {
+    e2.preventDefault();
+    dispatchMouse("mouseReleased", e2);
+  };
+  const onMouseMove = (e2) => {
+    dispatchMouse("mouseMoved", e2);
+  };
+  const onWheel = (e2) => {
+    e2.preventDefault();
+    dispatchMouse("mouseWheel", e2, { deltaX: -e2.deltaX, deltaY: -e2.deltaY });
+  };
+  const onContextMenu = (e2) => {
+    e2.preventDefault();
+  };
+  const statusLabel = reactExports.useMemo(() => {
+    if (status === "connecting") return "Connecting…";
+    if (status === "open") return `${fps} fps`;
+    if (status === "closed") return errorMessage ?? "Disconnected";
+    return errorMessage ?? "Connection error";
+  }, [status, errorMessage, fps]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    frameSrc ? /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "img",
+      {
+        ref: imgRef,
+        src: frameSrc,
+        alt: "Live tab",
+        className: "h-full w-full select-none object-contain",
+        draggable: false,
+        onMouseDown,
+        onMouseUp,
+        onMouseMove,
+        onWheel,
+        onContextMenu
+      }
+    ) : /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full w-full items-center justify-center text-sm text-muted-foreground", children: status === "error" || errorMessage ? errorMessage ?? "Connection error" : "Waiting for first frame…" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "pointer-events-none absolute right-2 top-2 rounded-full bg-background/80 px-2 py-0.5 text-[10px] font-medium text-muted-foreground shadow-sm backdrop-blur", children: statusLabel })
+  ] });
+}
+function EmptyPanel() {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md rounded-md border border-dashed border-border p-6 text-sm text-muted-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-2 font-medium text-foreground", children: "No Band tabs in this workspace." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { children: "Create a browser tab from the desktop app and it will show up here." })
+  ] });
+}
+function ErrorPanel({ error }) {
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md rounded-md border border-border bg-muted/30 p-6 text-sm", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-2 font-medium text-foreground", children: "Open the Band desktop app to use the Browser pane" }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "mb-3 text-muted-foreground", children: "Tabs are owned by the Band desktop app — when it's running on the same machine as this server, your tabs show up here so you can drive them remotely from the web." }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-xs text-muted-foreground", children: error })
+  ] });
+}
 const HEALTH_POLL_INTERVAL = 3e4;
 function useTunnel() {
   const adapter2 = useAdapter();
@@ -171455,7 +173768,7 @@ const PANEL_SHORTCUTS = {
   browser: "⇧⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-TTt325-b.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-BClknz0C.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
@@ -171502,9 +173815,7 @@ function FilesPanelComponent({ params }) {
       onSelectFile: params.onSelectFile,
       openFilePath: params.openFilePath,
       onFileOpened: params.onFileOpened,
-      onFindInFile: params.onFindInFile,
-      onQuickOpen: params.onQuickOpen,
-      onSearchFiles: params.onSearchFiles
+      onFindInFile: params.onFindInFile
     }
   );
 }
@@ -171598,12 +173909,26 @@ function BadgeTab(props) {
 function BrowserPanelComponent({ params, api }) {
   const [isVisible, setIsVisible] = reactExports.useState(api.isVisible);
   const wsActive = useWsActive(params.workspaceId ?? "");
+  const { settings } = useSettingsQuery();
+  const cdpEnabled = settings.webBrowserCdpEnabled ?? false;
   reactExports.useEffect(() => {
     const d2 = api.onDidVisibilityChange((e2) => setIsVisible(e2.isVisible));
     return () => d2.dispose();
   }, [api]);
   const visible = wsActive && isVisible;
   if (!params.workspaceId) return /* @__PURE__ */ jsxRuntimeExports.jsx(NoWorkspaceMessage, { Icon: Globe });
+  if (!isDesktop) {
+    if (cdpEnabled) {
+      return /* @__PURE__ */ jsxRuntimeExports.jsx(ScreencastPanel, { workspaceId: params.workspaceId, visible });
+    }
+    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center p-6 text-sm text-muted-foreground", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "max-w-md text-center", children: [
+      "The Browser pane is only available in the desktop app. Enable",
+      " ",
+      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: "Settings → Browser → Stream desktop tabs to web" }),
+      " ",
+      "to use it from a browser tab."
+    ] }) });
+  }
   return /* @__PURE__ */ jsxRuntimeExports.jsx(
     DockviewBrowserContainer,
     {
@@ -171678,6 +174003,7 @@ function useDiffFileCount(workspaceId, isActive) {
   return count2;
 }
 const REQUIRED_PANEL_IDS = ["projects", "chat", "changes", "files", "terminal", "browser"];
+const REMOVED_PANEL_IDS = ["screencast"];
 const GLOBAL_LAYOUT_KEY = "band:dockview-layout-v6";
 const ACTIVE_STATE_KEY_PREFIX = "band:dockview-active:";
 const EDGE_GROUP_IDS = {
@@ -171779,11 +174105,31 @@ function saveLayout(api, workspaceId, lastStructureRef) {
     return false;
   }
 }
+function stripRemovedPanels(layout) {
+  const panels = layout.panels;
+  if (panels) {
+    for (const id28 of REMOVED_PANEL_IDS) {
+      delete panels[id28];
+    }
+  }
+  const grid = layout.grid;
+  if (grid?.root) {
+    walkGridNode(grid.root, (leaf) => {
+      const data = leaf.data;
+      if (!data || !Array.isArray(data.views)) return;
+      data.views = data.views.filter((v2) => !REMOVED_PANEL_IDS.includes(v2));
+      if (data.activeView && REMOVED_PANEL_IDS.includes(data.activeView)) {
+        data.activeView = data.views[0];
+      }
+    });
+  }
+}
 function loadLayout(workspaceId) {
   try {
     const raw2 = localStorage.getItem(GLOBAL_LAYOUT_KEY);
     if (!raw2) return null;
     const layout = JSON.parse(raw2);
+    stripRemovedPanels(layout);
     const activeRaw = localStorage.getItem(`${ACTIVE_STATE_KEY_PREFIX}${workspaceId}`);
     if (activeRaw) {
       const activeState = JSON.parse(activeRaw);
@@ -172008,6 +174354,17 @@ const DockviewWorkspaceLayout = reactExports.memo(function DockviewWorkspaceLayo
     window.addEventListener("band:open-file", handler);
     return () => window.removeEventListener("band:open-file", handler);
   }, [isActive]);
+  reactExports.useEffect(() => {
+    if (!isActive) return;
+    const openQO = () => setQuickOpenOpen(true);
+    const openSF = () => setSearchFilesOpen(true);
+    window.addEventListener("band:open-quick-open", openQO);
+    window.addEventListener("band:open-search-files", openSF);
+    return () => {
+      window.removeEventListener("band:open-quick-open", openQO);
+      window.removeEventListener("band:open-search-files", openSF);
+    };
+  }, [isActive]);
   reactExports.useEffect(() => {
     if (!isActive) return;
     const handler = (e2) => {
@@ -172037,9 +174394,7 @@ const DockviewWorkspaceLayout = reactExports.memo(function DockviewWorkspaceLayo
         openFilePath,
         onSelectFile: handleSelectFile,
         onFileOpened: handleFileOpened,
-        onFindInFile: setFindInFile,
-        onQuickOpen: () => setQuickOpenOpen(true),
-        onSearchFiles: () => setSearchFilesOpen(true)
+        onFindInFile: setFindInFile
       });
       api.getPanel("terminal")?.api.updateParameters({
         workspaceId
@@ -172784,7 +175139,9 @@ function AppShell() {
       { id: "changes", label: "Changes", icon: GitCompare, shortcut: "⇧⌘G" },
       { id: "files", label: "Files", icon: FolderOpen, shortcut: "⇧⌘E" },
       { id: "terminal", label: "Terminal", icon: Terminal, shortcut: "⌃`" },
-      ...isDesktop ? [{ id: "browser", label: "Browser", icon: Globe, shortcut: "⇧⌘B" }] : []
+      // Browser pane works on both desktop (native webviews) and web (CDP
+      // screencast of the desktop app's tabs — see ScreencastPanel).
+      { id: "browser", label: "Browser", icon: Globe, shortcut: "⇧⌘B" }
     ],
     []
   );
@@ -172847,7 +175204,8 @@ function AppShell() {
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "h-full min-w-0 overflow-hidden relative", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {}),
-      /* @__PURE__ */ jsxRuntimeExports.jsx(DockviewInstanceManager, {})
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DockviewInstanceManager, {}),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(BrowserHostBridge, {})
     ] }) })
   ] }) });
 }
@@ -172868,11 +175226,11 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$7 = () => import("./index-a-16Ui_6.js");
+const $$splitComponentImporter$7 = () => import("./index-PcwomXXg.js");
 const Route$7 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-7fdVKeNu.js");
+const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-BIUZ7lNJ.js");
 const Route$6 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
@@ -172891,11 +175249,11 @@ const FindInFileContext = reactExports.createContext({
 function useFindInFileContext() {
   return reactExports.useContext(FindInFileContext);
 }
-const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-DGG24yQO.js");
+const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-BaBfW1nO.js");
 const Route$5 = createFileRoute("/workspace/$workspaceId/")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-BCUV7dQN.js");
+const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-CKX5RImf.js");
 const Route$4 = createFileRoute("/workspace/$workspaceId/terminal")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -172903,15 +175261,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-OtWo7a6k.js");
+const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-Cz2Q9MYv.js");
 const Route$2 = createFileRoute("/workspace/$workspaceId/changes")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-DpGdriuG.js");
+const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-DJE-_14B.js");
 const Route$1 = createFileRoute("/workspace/$workspaceId/code/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-C8dWBJOO.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-mhiuiARp.js");
 const Route2 = createFileRoute("/workspace/$workspaceId/code/$")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });
@@ -173079,7 +175437,7 @@ export {
   withPath as ay,
   halfPi as az,
   useSettingsQuery as b,
-  ToolbarOverflowMenuItems as b$,
+  ToolbarOverflowProvider as b$,
   commonDb_exports as b0,
   insertCluster as b1,
   insertNode as b2,
@@ -173090,33 +175448,33 @@ export {
   getSubGraphTitleMargins as b7,
   replaceIconSubstring as b8,
   decodeEntities as b9,
-  EditorState as bA,
-  languageDataProp as bB,
-  LanguageDescription as bC,
-  ParseContext as bD,
-  bracketMatchingHandle as bE,
-  flatIndent as bF,
-  sublanguageProp as bG,
-  baseRest as bH,
-  isArrayLikeObject as bI,
-  constant as bJ,
-  isFunction as bK,
-  isEmpty as bL,
-  markers_default as bM,
-  clear2 as bN,
-  clear as bO,
-  clear$1 as bP,
-  updateNodeBounds as bQ,
-  setNodeElem as bR,
-  insertEdge as bS,
-  positionEdgeLabel as bT,
-  insertEdgeLabel as bU,
-  computeDimensionOfText as bV,
-  Ut$1 as bW,
-  Yt$1 as bX,
-  DashboardShell as bY,
-  Qt$1 as bZ,
-  ToolbarOverflowProvider as b_,
+  CompletionContext as bA,
+  EditorState as bB,
+  languageDataProp as bC,
+  LanguageDescription as bD,
+  ParseContext as bE,
+  bracketMatchingHandle as bF,
+  flatIndent as bG,
+  sublanguageProp as bH,
+  baseRest as bI,
+  isArrayLikeObject as bJ,
+  constant as bK,
+  isFunction as bL,
+  isEmpty as bM,
+  markers_default as bN,
+  clear2 as bO,
+  clear as bP,
+  clear$1 as bQ,
+  updateNodeBounds as bR,
+  setNodeElem as bS,
+  insertEdge as bT,
+  positionEdgeLabel as bU,
+  insertEdgeLabel as bV,
+  computeDimensionOfText as bW,
+  Ut$1 as bX,
+  Yt$1 as bY,
+  DashboardShell as bZ,
+  Qt$1 as b_,
   getStylesFromArray as ba,
   openExternalUrl as bb,
   SearchBar as bc,
@@ -173128,84 +175486,85 @@ export {
   DesktopDragRegion as bi,
   ArrowLeft as bj,
   QuickOpenDialog as bk,
-  delimitedIndent as bl,
-  NodeWeakMap as bm,
-  snippetCompletion as bn,
-  Tag as bo,
-  parseMixed as bp,
-  EditorSelection as bq,
-  countColumn as br,
-  Prec as bs,
-  keymap as bt,
-  EditorView as bu,
-  Language as bv,
-  indentUnit as bw,
-  foldService as bx,
-  defineLanguageFacet as by,
-  CompletionContext as bz,
+  SearchFilesDialog as bl,
+  delimitedIndent as bm,
+  NodeWeakMap as bn,
+  snippetCompletion as bo,
+  Tag as bp,
+  parseMixed as bq,
+  EditorSelection as br,
+  countColumn as bs,
+  Prec as bt,
+  keymap as bu,
+  EditorView as bv,
+  Language as bw,
+  indentUnit as bx,
+  foldService as by,
+  defineLanguageFacet as bz,
   agentTypeSupportsSessionListing as c,
-  DockviewWorkspaceLayout as c0,
-  array$2 as c1,
-  getUserDefinedConfig as c2,
-  getIconSVG as c3,
-  registerIconPacks as c4,
-  unknownIcon as c5,
-  isObject$1 as c6,
-  isIterateeCall as c7,
-  keysIn as c8,
-  eq as c9,
-  isObjectLike as cA,
-  baseGetTag as cB,
-  Symbol$1 as cC,
-  arrayLikeKeys as cD,
-  baseKeys as cE,
-  memoize as cF,
-  isArguments as cG,
-  copyObject as cH,
-  getPrototype as cI,
-  cloneArrayBuffer as cJ,
-  cloneTypedArray as cK,
-  getTag as cL,
-  nodeUtil as cM,
-  copyArray as cN,
-  isBuffer as cO,
-  cloneBuffer as cP,
-  initCloneObject as cQ,
-  Stack as cR,
-  MapCache as cS,
-  Uint8Array$1 as cT,
-  isTypedArray as cU,
-  isLength as cV,
-  Set$1 as cW,
-  createAssigner as cX,
-  isPrototype as cY,
-  router as cZ,
-  isArrayLike as ca,
-  isArray as cb,
-  identity as cc,
-  isIndex as cd,
-  assignValue as ce,
-  constant$2 as cf,
-  interpolateNumber as cg,
-  color as ch,
-  interpolateRgb as ci,
-  interpolateString as cj,
-  styles2String as ck,
-  isLabelStyle as cl,
-  Rgb as cm,
-  rgbConvert as cn,
-  define as co,
-  extend$4 as cp,
-  Color as cq,
-  nogamma as cr,
-  hue as cs,
-  dayjs2 as ct,
-  setToString as cu,
-  overRest as cv,
-  baseFor as cw,
-  baseAssignValue as cx,
-  baseUnary as cy,
-  merge$1 as cz,
+  ToolbarOverflowMenuItems as c0,
+  DockviewWorkspaceLayout as c1,
+  array$2 as c2,
+  getUserDefinedConfig as c3,
+  getIconSVG as c4,
+  registerIconPacks as c5,
+  unknownIcon as c6,
+  isObject$1 as c7,
+  isIterateeCall as c8,
+  keysIn as c9,
+  merge$1 as cA,
+  isObjectLike as cB,
+  baseGetTag as cC,
+  Symbol$1 as cD,
+  arrayLikeKeys as cE,
+  baseKeys as cF,
+  memoize as cG,
+  isArguments as cH,
+  copyObject as cI,
+  getPrototype as cJ,
+  cloneArrayBuffer as cK,
+  cloneTypedArray as cL,
+  getTag as cM,
+  nodeUtil as cN,
+  copyArray as cO,
+  isBuffer as cP,
+  cloneBuffer as cQ,
+  initCloneObject as cR,
+  Stack as cS,
+  MapCache as cT,
+  Uint8Array$1 as cU,
+  isTypedArray as cV,
+  isLength as cW,
+  Set$1 as cX,
+  createAssigner as cY,
+  isPrototype as cZ,
+  router 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$4 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,
   Route$4 as d,
   Route$2 as e,
   useNavigate as f,