@band-app/server 0.5.6 → 0.7.0

package/dist/server/assets/{router-BnXOl-F9.js → router-BsFHVXz9.js}

@@ -1093,44 +1093,44 @@ const createLucideIcon = (iconName, iconNode) => {
   Component.displayName = toPascalCase(iconName);
   return Component;
 };
-const __iconNode$1j = [
+const __iconNode$1l = [
   ["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$1j);
-const __iconNode$1i = [
+const ArrowDownToLine = createLucideIcon("arrow-down-to-line", __iconNode$1l);
+const __iconNode$1k = [
   ["path", { d: "M12 5v14", key: "s699le" }],
   ["path", { d: "m19 12-7 7-7-7", key: "1idqje" }]
 ];
-const ArrowDown = createLucideIcon("arrow-down", __iconNode$1i);
-const __iconNode$1h = [
+const ArrowDown = createLucideIcon("arrow-down", __iconNode$1k);
+const __iconNode$1j = [
   ["path", { d: "m12 19-7-7 7-7", key: "1l729n" }],
   ["path", { d: "M19 12H5", key: "x3x0zl" }]
 ];
-const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1h);
-const __iconNode$1g = [
+const ArrowLeft = createLucideIcon("arrow-left", __iconNode$1j);
+const __iconNode$1i = [
   ["path", { d: "M5 12h14", key: "1ays0h" }],
   ["path", { d: "m12 5 7 7-7 7", key: "xquz4c" }]
 ];
-const ArrowRight = createLucideIcon("arrow-right", __iconNode$1g);
-const __iconNode$1f = [
+const ArrowRight = createLucideIcon("arrow-right", __iconNode$1i);
+const __iconNode$1h = [
   ["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$1f);
-const __iconNode$1e = [
+const ArrowUpFromLine = createLucideIcon("arrow-up-from-line", __iconNode$1h);
+const __iconNode$1g = [
   ["path", { d: "m5 12 7-7 7 7", key: "hav0vg" }],
   ["path", { d: "M12 19V5", key: "x0mq9r" }]
 ];
-const ArrowUp = createLucideIcon("arrow-up", __iconNode$1e);
-const __iconNode$1d = [
+const ArrowUp = createLucideIcon("arrow-up", __iconNode$1g);
+const __iconNode$1f = [
   ["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$1d);
-const __iconNode$1c = [
+const Ban = createLucideIcon("ban", __iconNode$1f);
+const __iconNode$1e = [
   ["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$1c = [
   ["path", { d: "M15 13v2", key: "1xurst" }],
   ["path", { d: "M9 13v2", key: "rq6x2g" }]
 ];
-const Bot = createLucideIcon("bot", __iconNode$1c);
-const __iconNode$1b = [
+const Bot = createLucideIcon("bot", __iconNode$1e);
+const __iconNode$1d = [
   [
     "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,54 @@ const __iconNode$1b = [
     }
   ]
 ];
-const Braces = createLucideIcon("braces", __iconNode$1b);
-const __iconNode$1a = [
+const Braces = createLucideIcon("braces", __iconNode$1d);
+const __iconNode$1c = [
   ["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$1a);
-const __iconNode$19 = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
-const Check = createLucideIcon("check", __iconNode$19);
-const __iconNode$18 = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
-const ChevronDown = createLucideIcon("chevron-down", __iconNode$18);
-const __iconNode$17 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
-const ChevronLeft = createLucideIcon("chevron-left", __iconNode$17);
-const __iconNode$16 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
-const ChevronRight = createLucideIcon("chevron-right", __iconNode$16);
-const __iconNode$15 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
-const ChevronUp = createLucideIcon("chevron-up", __iconNode$15);
-const __iconNode$14 = [
+const CaseSensitive = createLucideIcon("case-sensitive", __iconNode$1c);
+const __iconNode$1b = [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]];
+const Check = createLucideIcon("check", __iconNode$1b);
+const __iconNode$1a = [["path", { d: "m6 9 6 6 6-6", key: "qrunsl" }]];
+const ChevronDown = createLucideIcon("chevron-down", __iconNode$1a);
+const __iconNode$19 = [["path", { d: "m15 18-6-6 6-6", key: "1wnfg3" }]];
+const ChevronLeft = createLucideIcon("chevron-left", __iconNode$19);
+const __iconNode$18 = [["path", { d: "m9 18 6-6-6-6", key: "mthhwq" }]];
+const ChevronRight = createLucideIcon("chevron-right", __iconNode$18);
+const __iconNode$17 = [["path", { d: "m18 15-6-6-6 6", key: "153udz" }]];
+const ChevronUp = createLucideIcon("chevron-up", __iconNode$17);
+const __iconNode$16 = [
   ["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$14);
-const __iconNode$13 = [
+const ChevronsDownUp = createLucideIcon("chevrons-down-up", __iconNode$16);
+const __iconNode$15 = [
   ["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$13);
-const __iconNode$12 = [
+const ChevronsUpDown = createLucideIcon("chevrons-up-down", __iconNode$15);
+const __iconNode$14 = [
   ["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$12);
-const __iconNode$11 = [
+const CircleAlert = createLucideIcon("circle-alert", __iconNode$14);
+const __iconNode$13 = [
   ["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$11);
-const __iconNode$10 = [
+const CircleCheck = createLucideIcon("circle-check", __iconNode$13);
+const __iconNode$12 = [
   ["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$10);
-const __iconNode$$ = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
-const Circle = createLucideIcon("circle", __iconNode$$);
-const __iconNode$_ = [
+const CircleX = createLucideIcon("circle-x", __iconNode$12);
+const __iconNode$11 = [["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }]];
+const Circle = createLucideIcon("circle", __iconNode$11);
+const __iconNode$10 = [
   ["rect", { width: "8", height: "4", x: "8", y: "2", rx: "1", ry: "1", key: "tgr4d6" }],
   [
     "path",
@@ -1209,53 +1209,59 @@ const __iconNode$_ = [
     }
   ]
 ];
-const Clipboard = createLucideIcon("clipboard", __iconNode$_);
-const __iconNode$Z = [
+const Clipboard = createLucideIcon("clipboard", __iconNode$10);
+const __iconNode$$ = [
   ["circle", { cx: "12", cy: "12", r: "10", key: "1mglay" }],
   ["path", { d: "M12 6v6l4 2", key: "mmk7yg" }]
 ];
-const Clock = createLucideIcon("clock", __iconNode$Z);
-const __iconNode$Y = [
+const Clock = createLucideIcon("clock", __iconNode$$);
+const __iconNode$_ = [
   ["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$Y);
-const __iconNode$X = [
+const CodeXml = createLucideIcon("code-xml", __iconNode$_);
+const __iconNode$Z = [
   ["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$X);
-const __iconNode$W = [
+const Code = createLucideIcon("code", __iconNode$Z);
+const __iconNode$Y = [
   ["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$W);
-const __iconNode$V = [
+const Columns2 = createLucideIcon("columns-2", __iconNode$Y);
+const __iconNode$X = [
   [
     "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$V);
-const __iconNode$U = [
+const Command$1 = createLucideIcon("command", __iconNode$X);
+const __iconNode$W = [
   ["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$U);
-const __iconNode$T = [
+const Copy = createLucideIcon("copy", __iconNode$W);
+const __iconNode$V = [
   ["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$T);
-const __iconNode$S = [
+const Database = createLucideIcon("database", __iconNode$V);
+const __iconNode$U = [
   ["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$S);
-const __iconNode$R = [
+const Download = createLucideIcon("download", __iconNode$U);
+const __iconNode$T = [
+  ["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$T);
+const __iconNode$S = [
   ["path", { d: "m15 15 6 6", key: "1s409w" }],
   ["path", { d: "m15 9 6-6", key: "ko1vev" }],
   ["path", { d: "M21 16v5h-5", key: "1ck2sf" }],
@@ -1265,14 +1271,14 @@ const __iconNode$R = [
   ["path", { d: "M3 8V3h5", key: "1ln10m" }],
   ["path", { d: "M9 9 3 3", key: "v551iv" }]
 ];
-const Expand = createLucideIcon("expand", __iconNode$R);
-const __iconNode$Q = [
+const Expand = createLucideIcon("expand", __iconNode$S);
+const __iconNode$R = [
   ["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$Q);
-const __iconNode$P = [
+const ExternalLink$1 = createLucideIcon("external-link", __iconNode$R);
+const __iconNode$Q = [
   [
     "path",
     {
@@ -1282,8 +1288,8 @@ const __iconNode$P = [
   ],
   ["circle", { cx: "12", cy: "12", r: "3", key: "1v7zrd" }]
 ];
-const Eye = createLucideIcon("eye", __iconNode$P);
-const __iconNode$O = [
+const Eye = createLucideIcon("eye", __iconNode$Q);
+const __iconNode$P = [
   [
     "path",
     {
@@ -1301,8 +1307,8 @@ const __iconNode$O = [
     { 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$O);
-const __iconNode$N = [
+const FileBraces = createLucideIcon("file-braces", __iconNode$P);
+const __iconNode$O = [
   [
     "path",
     {
@@ -1314,8 +1320,8 @@ const __iconNode$N = [
   ["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$N);
-const __iconNode$M = [
+const FileCodeCorner = createLucideIcon("file-code-corner", __iconNode$O);
+const __iconNode$N = [
   [
     "path",
     {
@@ -1326,8 +1332,8 @@ const __iconNode$M = [
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
 ];
-const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$M);
-const __iconNode$L = [
+const FileExclamationPoint = createLucideIcon("file-exclamation-point", __iconNode$N);
+const __iconNode$M = [
   [
     "path",
     {
@@ -1340,8 +1346,8 @@ const __iconNode$L = [
   ["path", { d: "M16 13H8", key: "t4e002" }],
   ["path", { d: "M16 17H8", key: "z1uh3a" }]
 ];
-const FileText = createLucideIcon("file-text", __iconNode$L);
-const __iconNode$K = [
+const FileText = createLucideIcon("file-text", __iconNode$M);
+const __iconNode$L = [
   [
     "path",
     {
@@ -1351,8 +1357,8 @@ const __iconNode$K = [
   ],
   ["path", { d: "M14 2v5a1 1 0 0 0 1 1h5", key: "wfsgrz" }]
 ];
-const File = createLucideIcon("file", __iconNode$K);
-const __iconNode$J = [
+const File = createLucideIcon("file", __iconNode$L);
+const __iconNode$K = [
   [
     "path",
     {
@@ -1361,8 +1367,8 @@ const __iconNode$J = [
     }
   ]
 ];
-const FolderOpen = createLucideIcon("folder-open", __iconNode$J);
-const __iconNode$I = [
+const FolderOpen = createLucideIcon("folder-open", __iconNode$K);
+const __iconNode$J = [
   ["path", { d: "M12 10v6", key: "1bos4e" }],
   ["path", { d: "M9 13h6", key: "1uhe8q" }],
   [
@@ -1373,8 +1379,8 @@ const __iconNode$I = [
     }
   ]
 ];
-const FolderPlus = createLucideIcon("folder-plus", __iconNode$I);
-const __iconNode$H = [
+const FolderPlus = createLucideIcon("folder-plus", __iconNode$J);
+const __iconNode$I = [
   [
     "path",
     {
@@ -1383,32 +1389,41 @@ const __iconNode$H = [
     }
   ]
 ];
-const Folder = createLucideIcon("folder", __iconNode$H);
-const __iconNode$G = [
+const Folder = createLucideIcon("folder", __iconNode$I);
+const __iconNode$H = [
   ["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$G);
-const __iconNode$F = [
+const GitBranch = createLucideIcon("git-branch", __iconNode$H);
+const __iconNode$G = [
   ["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$F);
-const __iconNode$E = [
+const GitCompare = createLucideIcon("git-compare", __iconNode$G);
+const __iconNode$F = [
   ["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$E);
-const __iconNode$D = [
+const GitMerge = createLucideIcon("git-merge", __iconNode$F);
+const __iconNode$E = [
   ["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$D);
+const Globe = createLucideIcon("globe", __iconNode$E);
+const __iconNode$D = [
+  ["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" }],
+  ["circle", { cx: "12", cy: "15", r: "1", key: "1e56xg" }],
+  ["circle", { cx: "19", cy: "15", r: "1", key: "1a92ep" }],
+  ["circle", { cx: "5", cy: "15", r: "1", key: "5r1jwy" }]
+];
+const GripHorizontal = createLucideIcon("grip-horizontal", __iconNode$D);
 const __iconNode$C = [
   ["circle", { cx: "9", cy: "12", r: "1", key: "1vctgf" }],
   ["circle", { cx: "9", cy: "5", r: "1", key: "hp0tcf" }],
@@ -14054,7 +14069,7 @@ const buttonVariants = cva(
       variant: {
         default: "bg-primary text-primary-foreground hover:bg-primary/90",
         destructive: "bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40",
-        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50",
+        outline: "border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/60 dark:hover:bg-input/80",
         secondary: "bg-secondary text-secondary-foreground hover:bg-secondary/80",
         ghost: "hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50",
         link: "text-primary underline-offset-4 hover:underline"
@@ -14119,7 +14134,7 @@ function Input({ className, type: type2, ...props }) {
       spellCheck: false,
       "data-slot": "input",
       className: cn$2(
-        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/30",
+        "h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1.5 text-sm shadow-xs transition-[color,box-shadow] outline-none selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:text-sm file:font-medium file:text-foreground placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 dark:bg-input/60",
         "focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50",
         "aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40",
         className
@@ -15047,7 +15062,7 @@ function SelectTrigger({
     {
       "data-slot": "select-trigger",
       className: cn$2(
-        "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:bg-input/30 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
+        "flex h-9 w-full items-center justify-between gap-2 rounded-md border border-input bg-transparent px-3 py-2 text-sm shadow-xs outline-none transition-[color,box-shadow] placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:cursor-not-allowed disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 dark:bg-input/60 *:data-[slot=select-value]:line-clamp-1 *:data-[slot=select-value]:flex *:data-[slot=select-value]:items-center *:data-[slot=select-value]:gap-2 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground",
         className
       ),
       ...props,
@@ -15069,7 +15084,10 @@ function SelectContent({
     {
       "data-slot": "select-content",
       className: cn$2(
-        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-hidden rounded-md border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
+        // Mirror DropdownMenuContent so dropdowns and selects render
+        // identically (popover surface, explicit border-border so the
+        // outline doesn't fall back to currentColor).
+        "relative z-50 max-h-(--radix-select-content-available-height) min-w-[8rem] origin-(--radix-select-content-transform-origin) overflow-hidden rounded-md border border-border bg-popover text-popover-foreground shadow-md data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[state=open]:animate-in data-[state=open]:fade-in-0 data-[state=open]:zoom-in-95",
         position2 === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
         className
       ),
@@ -15098,7 +15116,10 @@ function SelectItem({
     {
       "data-slot": "select-item",
       className: cn$2(
-        "relative flex w-full cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-none select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
+        // Mirror DropdownMenuItem padding/outline/icon styling so select
+        // items render identically to menu items. Extra right padding leaves
+        // room for the absolutely-positioned check indicator.
+        "relative flex cursor-pointer items-center gap-2 rounded-sm py-1.5 pr-8 pl-2 text-sm outline-hidden select-none focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground *:[span]:last:flex *:[span]:last:items-center *:[span]:last:gap-2",
         className
       ),
       ...props,
@@ -40434,53 +40455,53 @@ async function loadLanguage(lang) {
   try {
     switch (lang) {
       case "javascript":
-        return import("./index-BnaMl2Ta.js").then((m2) => m2.javascript());
+        return import("./index-C_g8VSbE.js").then((m2) => m2.javascript());
       case "jsx":
-        return import("./index-BnaMl2Ta.js").then((m2) => m2.javascript({ jsx: true }));
+        return import("./index-C_g8VSbE.js").then((m2) => m2.javascript({ jsx: true }));
       case "typescript":
-        return import("./index-BnaMl2Ta.js").then(
+        return import("./index-C_g8VSbE.js").then(
           (m2) => m2.javascript({ typescript: true })
         );
       case "tsx":
-        return import("./index-BnaMl2Ta.js").then(
+        return import("./index-C_g8VSbE.js").then(
           (m2) => m2.javascript({ jsx: true, typescript: true })
         );
       case "python":
-        return import("./index-DXlyuzHk.js").then((m2) => m2.python());
+        return import("./index-Bdg-nkIi.js").then((m2) => m2.python());
       case "html":
-        return import("./index-CZPx4FSZ.js").then((m2) => m2.html());
+        return import("./index-THiRUHDP.js").then((m2) => m2.html());
       case "css":
-        return import("./index-DZkn94Qw.js").then((m2) => m2.css());
+        return import("./index-DYKc3CTl.js").then((m2) => m2.css());
       case "scss":
       case "sass":
-        return import("./index-BgRkMr0S.js").then((m2) => m2.sass());
+        return import("./index-BEMoQBv1.js").then((m2) => m2.sass());
       case "less":
-        return import("./index-CFtz0N_G.js").then((m2) => m2.less());
+        return import("./index-CcXBjIgw.js").then((m2) => m2.less());
       case "json":
       case "jsonc":
-        return import("./index-CiQmjF-z.js").then((m2) => m2.json());
+        return import("./index-BewnJmdp.js").then((m2) => m2.json());
       case "markdown":
       case "mdx":
-        return import("./index-DbtmJMHb.js").then((m2) => m2.markdown());
+        return import("./index-CYDdV_jY.js").then((m2) => m2.markdown());
       case "xml":
-        return import("./index-C70O-HGl.js").then((m2) => m2.xml());
+        return import("./index-yeAPCrVk.js").then((m2) => m2.xml());
       case "yaml":
-        return import("./index-OT8s82kA.js").then((m2) => m2.yaml());
+        return import("./index-z5OKgRXY.js").then((m2) => m2.yaml());
       case "sql":
-        return import("./index-oSZ-5UB6.js").then((m2) => m2.sql());
+        return import("./index-BVBNSmFm.js").then((m2) => m2.sql());
       case "rust":
-        return import("./index-B07RUisL.js").then((m2) => m2.rust());
+        return import("./index-BEXzKtXX.js").then((m2) => m2.rust());
       case "go":
-        return import("./index-CGs_KUt6.js").then((m2) => m2.go());
+        return import("./index-j7NzRTu6.js").then((m2) => m2.go());
       case "java":
-        return import("./index-DgI6m9w2.js").then((m2) => m2.java());
+        return import("./index-B81vrGna.js").then((m2) => m2.java());
       case "kotlin":
-        return import("./index-DgI6m9w2.js").then((m2) => m2.java());
+        return import("./index-B81vrGna.js").then((m2) => m2.java());
       case "c":
       case "cpp":
-        return import("./index-Y-3cIxVF.js").then((m2) => m2.cpp());
+        return import("./index-BOB72PF1.js").then((m2) => m2.cpp());
       case "php":
-        return import("./index-C-_PyKI8.js").then((m2) => m2.php());
+        return import("./index-xhWv6ALB.js").then((m2) => m2.php());
       // Legacy modes via StreamLanguage
       case "bash":
       case "fish":
@@ -46297,7 +46318,7 @@ function DroppableLabelHeader({ labelId, label }) {
     "div",
     {
       ref: setNodeRef,
-      className: `flex items-center gap-2 px-3 py-1.5 mb-0.5 transition-colors ${isOver ? "bg-primary/20" : "bg-accent"}`,
+      className: `flex h-9 items-center gap-2 px-3 mb-0.5 transition-colors ${isOver ? "bg-primary/20" : "bg-accent"}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "size-2.5 rounded-full shrink-0", style: { backgroundColor: label.color } }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground/80", children: label.name })
@@ -46311,7 +46332,7 @@ function DroppableUnlabeledHeader() {
     "div",
     {
       ref: setNodeRef,
-      className: `flex items-center gap-2 px-3 py-1.5 mb-0.5 transition-colors ${isOver ? "bg-primary/20" : "bg-accent"}`,
+      className: `flex h-9 items-center gap-2 px-3 mb-0.5 transition-colors ${isOver ? "bg-primary/20" : "bg-accent"}`,
       children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground/80", children: "Unlabeled" })
     }
   );
@@ -46662,7 +46683,9 @@ function SettingsSection({
       {
         "data-slot": "settings-section-card",
         className: cn$2(
-          "overflow-hidden rounded-xl border border-border bg-card",
+          // Group rows share the page background; only the outer border and
+          // 1px row dividers separate them visually.
+          "overflow-hidden rounded-xl border border-border",
           // Auto-divider between direct children (rows). Skips border-bottom of last child.
           "[&>*+*]:border-t [&>*+*]:border-border"
         ),
@@ -50535,6 +50558,23 @@ function DiffView({
     setFocusedFile({ path: filePath, seq: focusSeqRef.current });
   }, []);
   const [activeFile, setActiveFile] = reactExports.useState(null);
+  const [scrollContainerHeight, setScrollContainerHeight] = reactExports.useState(0);
+  const [scrollContainerWidth, setScrollContainerWidth] = reactExports.useState(0);
+  reactExports.useLayoutEffect(() => {
+    const container = scrollContainerRef.current;
+    if (!container) return;
+    const update = () => {
+      setScrollContainerHeight(container.clientHeight);
+      setScrollContainerWidth(container.clientWidth);
+    };
+    update();
+    if (typeof ResizeObserver === "undefined") return;
+    const observer = new ResizeObserver(update);
+    observer.observe(container);
+    return () => observer.disconnect();
+  }, [summary]);
+  const SPLIT_VIEW_MIN_WIDTH = 640;
+  const effectiveViewMode = scrollContainerWidth > 0 && scrollContainerWidth < SPLIT_VIEW_MIN_WIDTH ? "unified" : viewMode;
   reactExports.useEffect(() => {
     const container = scrollContainerRef.current;
     if (!container) return;
@@ -50547,28 +50587,18 @@ function DiffView({
         const names = filenamesRef.current;
         if (names.length === 0) return;
         const rect2 = container.getBoundingClientRect();
-        const EDGE_BUFFER = 40;
-        if (container.scrollTop <= EDGE_BUFFER) {
-          setActiveFile((prev2) => prev2 === names[0] ? prev2 : names[0]);
-          return;
-        }
-        if (container.scrollHeight - container.scrollTop - container.clientHeight <= EDGE_BUFFER) {
-          const last = names[names.length - 1];
-          setActiveFile((prev2) => prev2 === last ? prev2 : last);
-          return;
-        }
-        const center = rect2.top + rect2.height / 2;
+        const top2 = rect2.top;
         let closest = null;
         let closestDist = Infinity;
         for (const name2 of names) {
           const el = document.getElementById(`diff-file-${encodeURIComponent(name2)}`);
           if (!el) continue;
           const elRect = el.getBoundingClientRect();
-          if (elRect.top <= center && elRect.bottom >= center) {
+          if (elRect.top <= top2 && elRect.bottom > top2) {
             closest = name2;
             break;
           }
-          const dist2 = Math.min(Math.abs(elRect.top - center), Math.abs(elRect.bottom - center));
+          const dist2 = Math.abs(elRect.top - top2);
           if (dist2 < closestDist) {
             closestDist = dist2;
             closest = name2;
@@ -50788,7 +50818,7 @@ function DiffView({
     }
   };
   const renderDiffSelect = () => /* @__PURE__ */ jsxRuntimeExports.jsxs(Select, { value: diffSelectValue, onValueChange: handleDiffSelectChange, children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-6 w-auto gap-1 rounded-md border-0 bg-transparent px-1.5 text-xs font-medium text-foreground shadow-none hover:bg-accent", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(SelectTrigger, { className: "h-6 w-auto max-w-[300px] gap-1 rounded-md border-0 bg-transparent px-1.5 text-xs font-medium text-foreground shadow-none hover:bg-accent [&>[data-slot=select-value]]:truncate [&>[data-slot=select-value]]:block", children: /* @__PURE__ */ jsxRuntimeExports.jsx(SelectValue, {}) }),
     /* @__PURE__ */ jsxRuntimeExports.jsxs(SelectContent, { children: [
       topSectionBranches.map((branch) => /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: branch, children: branch }, branch)),
       /* @__PURE__ */ jsxRuntimeExports.jsx(SelectItem, { value: UNCOMMITTED_VALUE, children: "Uncommitted" }),
@@ -50802,7 +50832,7 @@ function DiffView({
   if (error) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full items-center justify-center text-sm text-destructive", children: error });
   }
-  const ghostBtnClass = "hidden size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground md:inline-flex";
+  const ghostBtnClass = "hidden size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground @[40rem]/diff:inline-flex";
   const ghostBtnAlwaysClass = "inline-flex size-7 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-accent hover:text-foreground";
   const renderSidebarToggle = () => /* @__PURE__ */ jsxRuntimeExports.jsx(
     "button",
@@ -50816,32 +50846,31 @@ function DiffView({
       children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
     }
   );
-  const renderBranchIndicator = (headBranchLabel) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1.5 text-xs text-muted-foreground sm:flex", children: [
-    headBranchLabel && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+  const renderBranchIndicator = (headBranchLabel) => /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1.5 text-xs text-muted-foreground", children: [
+    headBranchLabel && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1.5 @[32rem]/diff:flex", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: headBranchLabel }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ArrowRight, { className: "size-3", "aria-hidden": true })
     ] }),
     renderDiffSelect()
   ] });
   if (!summary || summary.stats.filesChanged === 0) {
-    return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-full flex-col overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-8 shrink-0 items-center gap-3 border-b border-border pl-2 pr-3", children: [
-      renderSidebarToggle(),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: "No changes" }),
-      renderBranchIndicator(summary?.headBranch)
-    ] }) });
+    return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col overflow-hidden", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-9 shrink-0 items-center gap-3 border-b border-border pl-3 pr-3", children: renderBranchIndicator(summary?.headBranch) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex min-h-0 flex-1 items-center justify-center", children: /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm text-muted-foreground", children: "No changes" }) })
+    ] });
   }
   const fileStatuses = summary.fileStatuses || {};
   const filenames = flattenFileTreeOrder(buildFileTree(fileStatuses));
   filenamesRef.current = filenames;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full overflow-hidden", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "@container/diff flex h-full overflow-hidden", children: [
     sidebarOpen && /* @__PURE__ */ jsxRuntimeExports.jsxs(
       "div",
       {
         "data-diff-sidebar": true,
-        className: "hidden shrink-0 flex-col md:flex",
+        className: "hidden shrink-0 flex-col @[40rem]/diff:flex",
         style: { width: sidebarWidth },
         children: [
-          /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex h-8 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: "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(
             ChangesFileTree,
             {
@@ -50857,16 +50886,16 @@ function DiffView({
       "div",
       {
         onMouseDown: handleResizeStart,
-        className: "hidden w-[3px] shrink-0 cursor-col-resize bg-border/50 transition-colors hover:bg-accent-foreground/20 active:bg-accent-foreground/30 md:block"
+        className: "hidden w-[3px] shrink-0 cursor-col-resize bg-border/50 transition-colors hover:bg-accent-foreground/20 active:bg-accent-foreground/30 @[40rem]/diff:block"
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 flex-1 flex-col overflow-hidden", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-8 shrink-0 items-center justify-between gap-3 border-b border-border pl-2 pr-3", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-9 shrink-0 items-center justify-between gap-3 border-b border-border pl-2 pr-3", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 items-center gap-1.5", children: [
           renderSidebarToggle(),
           renderBranchIndicator(summary.headBranch)
         ] }),
-        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-1", children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center gap-1 @[32rem]/diff:flex", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(
             "button",
             {
@@ -50901,16 +50930,16 @@ function DiffView({
               children: expandAll ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsDownUp, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUpDown, { className: "size-3.5" })
             }
           ),
-          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center md:flex", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "hidden items-center @[40rem]/diff:flex", children: [
             /* @__PURE__ */ jsxRuntimeExports.jsx(
               "button",
               {
                 type: "button",
                 onClick: () => setViewMode("unified"),
-                className: `${ghostBtnAlwaysClass} ${viewMode === "unified" ? "bg-accent text-foreground" : ""}`,
+                className: `${ghostBtnAlwaysClass} ${effectiveViewMode === "unified" ? "bg-accent text-foreground" : ""}`,
                 title: "Unified view",
                 "aria-label": "Unified view",
-                "aria-pressed": viewMode === "unified",
+                "aria-pressed": effectiveViewMode === "unified",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(Rows2, { className: "size-3.5" })
               }
             ),
@@ -50919,15 +50948,52 @@ function DiffView({
               {
                 type: "button",
                 onClick: () => setViewMode("split"),
-                className: `${ghostBtnAlwaysClass} ${viewMode === "split" ? "bg-accent text-foreground" : ""}`,
+                className: `${ghostBtnAlwaysClass} ${effectiveViewMode === "split" ? "bg-accent text-foreground" : ""}`,
                 title: "Split view",
                 "aria-label": "Split view",
-                "aria-pressed": viewMode === "split",
+                "aria-pressed": effectiveViewMode === "split",
                 children: /* @__PURE__ */ jsxRuntimeExports.jsx(Columns2, { className: "size-3.5" })
               }
             )
           ] })
-        ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex items-center @[32rem]/diff:hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenu, { children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              className: ghostBtnAlwaysClass,
+              title: "More actions",
+              "aria-label": "More actions",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(EllipsisVertical, { className: "size-3.5" })
+            }
+          ) }),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuContent, { align: "end", children: [
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => fetchSummaryRef.current?.(true), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(RefreshCw, { className: "size-4" }),
+              "Reload changes"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: search2.handleOpenSearch, children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Search, { className: "size-4" }),
+              "Find in changes"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => setExpandAll(!expandAll), children: [
+              expandAll ? /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsDownUp, { className: "size-4" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronsUpDown, { className: "size-4" }),
+              expandAll ? "Collapse all files" : "Expand all files"
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuSeparator, {}),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => setViewMode("unified"), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Rows2, { className: "size-4" }),
+              "Unified view",
+              effectiveViewMode === "unified" && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-auto size-4" })
+            ] }),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs(DropdownMenuItem, { onSelect: () => setViewMode("split"), children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsx(Columns2, { className: "size-4" }),
+              "Split view",
+              effectiveViewMode === "split" && /* @__PURE__ */ jsxRuntimeExports.jsx(Check, { className: "ml-auto size-4" })
+            ] })
+          ] })
+        ] }) })
       ] }),
       search2.searchOpen && /* @__PURE__ */ jsxRuntimeExports.jsx(
         SearchBar,
@@ -50944,27 +51010,43 @@ function DiffView({
           onClose: search2.handleCloseSearch
         }
       ),
-      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollContainerRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3 p-3", children: filenames.map((filename) => /* @__PURE__ */ jsxRuntimeExports.jsx(
-        LazyFileRow,
-        {
-          filename,
-          status: fileStatuses[filename],
-          cacheEntry: diffCache.get(filename),
-          viewMode,
-          expandAll,
-          focusedFile,
-          isActive: activeFile === filename,
-          scrollContainerRef,
-          onToggleFile: handleToggleFile,
-          onLoadMoreContext: handleLoadMoreContext,
-          onShowFullFile: handleShowFullFile,
-          onOpenFile,
-          onRevertFile: adapter2.revertFile ? handleRevertFile : void 0,
-          onEditorViews: handleEditorViews
-        },
-        filename
-      )) }) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-8 shrink-0 items-center border-t border-border px-3 text-sm text-muted-foreground", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx("div", { ref: scrollContainerRef, className: "min-h-0 flex-1 overflow-y-auto", children: /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex flex-col gap-3 p-3", children: filenames.map((filename, index2) => {
+        const isLast = index2 === filenames.length - 1;
+        const row2 = /* @__PURE__ */ jsxRuntimeExports.jsx(
+          LazyFileRow,
+          {
+            filename,
+            status: fileStatuses[filename],
+            cacheEntry: diffCache.get(filename),
+            viewMode: effectiveViewMode,
+            expandAll,
+            focusedFile,
+            isActive: activeFile === filename,
+            scrollContainerRef,
+            onToggleFile: handleToggleFile,
+            onLoadMoreContext: handleLoadMoreContext,
+            onShowFullFile: handleShowFullFile,
+            onOpenFile,
+            onRevertFile: adapter2.revertFile ? handleRevertFile : void 0,
+            onEditorViews: handleEditorViews
+          },
+          filename
+        );
+        if (!isLast) return row2;
+        return /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
+          {
+            className: "flex flex-col",
+            style: scrollContainerHeight > 0 ? { minHeight: scrollContainerHeight } : void 0,
+            children: [
+              row2,
+              /* @__PURE__ */ jsxRuntimeExports.jsx("div", { "aria-hidden": true, className: "flex-1" })
+            ]
+          },
+          `${filename}-last-wrapper`
+        );
+      }) }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-9 shrink-0 items-center border-t border-border px-3 text-sm text-muted-foreground", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "font-medium text-foreground", children: summary.stats.filesChanged }),
         /* @__PURE__ */ jsxRuntimeExports.jsxs("span", { className: "ml-1", children: [
           summary.stats.filesChanged === 1 ? "file" : "files",
@@ -61026,7 +61108,11 @@ function DesktopTitleBar({
   onCopyPath,
   panelItems,
   hiddenPanels,
-  onTogglePanelVisibility
+  onTogglePanelVisibility,
+  onGoBack,
+  onGoForward,
+  canGoBack,
+  canGoForward
 }) {
   const [appTitle, setAppTitle] = reactExports.useState(title ?? "Band");
   reactExports.useEffect(() => {
@@ -61035,7 +61121,7 @@ function DesktopTitleBar({
     invoke("get_app_title").then(setAppTitle).catch(() => {
     });
   }, [title]);
-  const hasEditorPicker = workspaceName && workspacePath;
+  const hasEditorPicker = isDesktop && workspaceName && workspacePath;
   const hasPanels = workspaceName && panelItems && panelItems.length > 0 && onTogglePanelVisibility;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
@@ -61043,15 +61129,59 @@ function DesktopTitleBar({
       className: "h-[38px] shrink-0 flex items-center justify-center relative border-b border-border",
       style: DRAG_STYLE,
       children: [
-        onToggleSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "button",
+        (onToggleSidebar || onGoBack || onGoForward) && /* @__PURE__ */ jsxRuntimeExports.jsxs(
+          "div",
           {
-            type: "button",
-            onClick: onToggleSidebar,
+            className: `absolute ${isDesktop ? "left-[80px]" : "left-2"} top-1/2 -translate-y-1/2 flex items-center gap-0.5 pointer-events-auto`,
             style: NO_DRAG_STYLE,
-            className: "absolute left-[80px] top-1/2 -translate-y-1/2 flex items-center justify-center rounded p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors pointer-events-auto",
-            title: sidebarCollapsed ? "Show sidebar" : "Hide sidebar",
-            children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-5" })
+            children: [
+              onToggleSidebar && /* @__PURE__ */ jsxRuntimeExports.jsx(
+                "button",
+                {
+                  type: "button",
+                  onClick: onToggleSidebar,
+                  className: "flex items-center justify-center rounded p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors",
+                  title: sidebarCollapsed ? "Show sidebar" : "Hide sidebar",
+                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-5" })
+                }
+              ),
+              (onGoBack || onGoForward) && /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onGoBack,
+                      disabled: !canGoBack,
+                      className: "flex items-center justify-center rounded p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors disabled:opacity-30 disabled:hover:bg-transparent disabled:hover:text-muted-foreground",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronLeft, { className: "size-5" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
+                    "Back",
+                    " ",
+                    /* @__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: "⌘[" })
+                  ] })
+                ] }),
+                /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    "button",
+                    {
+                      type: "button",
+                      onClick: onGoForward,
+                      disabled: !canGoForward,
+                      className: "flex items-center justify-center rounded p-1 text-muted-foreground hover:text-foreground hover:bg-accent/50 transition-colors disabled:opacity-30 disabled:hover:bg-transparent disabled:hover:text-muted-foreground",
+                      children: /* @__PURE__ */ jsxRuntimeExports.jsx(ChevronRight, { className: "size-5" })
+                    }
+                  ) }),
+                  /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
+                    "Forward",
+                    " ",
+                    /* @__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: "⌘]" })
+                  ] })
+                ] })
+              ] })
+            ]
           }
         ),
         workspaceName ? /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-sm font-semibold text-foreground select-none pointer-events-none truncate max-w-[50%]", children: workspaceName }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "text-xs font-medium text-muted-foreground select-none pointer-events-none", children: appTitle }),
@@ -61076,15 +61206,12 @@ function DesktopTitleBar({
                 ] }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx(DropdownMenuContent, { align: "end", children: panelItems?.map((item) => {
                   const Icon2 = item.icon;
-                  const isChat = item.id === "chat";
-                  const isVisible = isChat || !hiddenPanels?.includes(item.id);
+                  const isVisible = !hiddenPanels?.includes(item.id);
                   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
                     DropdownMenuCheckboxItem,
                     {
                       checked: isVisible,
-                      disabled: isChat,
                       onCheckedChange: () => {
-                        if (isChat) return;
                         onTogglePanelVisibility?.(item.id);
                       },
                       children: [
@@ -132342,12 +132469,12 @@ var registerDefaultLayoutLoaders = /* @__PURE__ */ __name(() => {
   registerLayoutLoaders([
     {
       name: "dagre",
-      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-Cefu204F.js"), "loader")
+      loader: /* @__PURE__ */ __name(async () => await import("./dagre-6UL2VRFP-h35DYUhj.js"), "loader")
     },
     ...[
       {
         name: "cose-bilkent",
-        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-_7cffNle.js"), "loader")
+        loader: /* @__PURE__ */ __name(async () => await import("./cose-bilkent-S5V4N54A-CLRnyAoe.js"), "loader")
       }
     ]
   ]);
@@ -132786,7 +132913,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-D9aranD0.js");
+  const { diagram: diagram2 } = await import("./c4Diagram-YG6GDRKO-BPZ4vpZS.js");
   return { id, diagram: diagram2 };
 }, "loader");
 var plugin = {
@@ -132803,7 +132930,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-DkHr76XI.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FGtxEFhp.js");
   return { id: id2, diagram: diagram2 };
 }, "loader");
 var plugin2 = {
@@ -132826,7 +132953,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-DkHr76XI.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FGtxEFhp.js");
   return { id: id3, diagram: diagram2 };
 }, "loader");
 var plugin3 = {
@@ -132840,7 +132967,7 @@ var detector4 = /* @__PURE__ */ __name((txt) => {
   return /^\s*erDiagram/.test(txt);
 }, "detector");
 var loader4 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-9TUXBEEN.js");
+  const { diagram: diagram2 } = await import("./erDiagram-Q2GNP2WA-CK577Mto.js");
   return { id: id4, diagram: diagram2 };
 }, "loader");
 var plugin4 = {
@@ -132854,7 +132981,7 @@ var detector5 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gitGraph/.test(txt);
 }, "detector");
 var loader5 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-Cq6NrkS2.js");
+  const { diagram: diagram2 } = await import("./gitGraphDiagram-V2S2FVAM-BoBut3cj.js");
   return { id: id5, diagram: diagram2 };
 }, "loader");
 var plugin5 = {
@@ -132868,7 +132995,7 @@ var detector6 = /* @__PURE__ */ __name((txt) => {
   return /^\s*gantt/.test(txt);
 }, "detector");
 var loader6 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-D62VSFN-.js");
+  const { diagram: diagram2 } = await import("./ganttDiagram-JELNMOA3-DAUHIdRM.js");
   return { id: id6, diagram: diagram2 };
 }, "loader");
 var plugin6 = {
@@ -132882,7 +133009,7 @@ var detector7 = /* @__PURE__ */ __name((txt) => {
   return /^\s*info/.test(txt);
 }, "detector");
 var loader7 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-z48Ilxyy.js");
+  const { diagram: diagram2 } = await import("./infoDiagram-HS3SLOUP-BUHq7o0p.js");
   return { id: id7, diagram: diagram2 };
 }, "loader");
 var info = {
@@ -132895,7 +133022,7 @@ var detector8 = /* @__PURE__ */ __name((txt) => {
   return /^\s*pie/.test(txt);
 }, "detector");
 var loader8 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-BDcmTNeb.js");
+  const { diagram: diagram2 } = await import("./pieDiagram-ADFJNKIX-DbZhADgA.js");
   return { id: id8, diagram: diagram2 };
 }, "loader");
 var pie = {
@@ -132908,7 +133035,7 @@ var detector9 = /* @__PURE__ */ __name((txt) => {
   return /^\s*quadrantChart/.test(txt);
 }, "detector");
 var loader9 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-DVfUAm25.js");
+  const { diagram: diagram2 } = await import("./quadrantDiagram-AYHSOK5B-DKkuOf1X.js");
   return { id: id9, diagram: diagram2 };
 }, "loader");
 var plugin7 = {
@@ -132922,7 +133049,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-B8xp3EP5.js");
+  const { diagram: diagram2 } = await import("./xychartDiagram-PRI3JC2R-Di_FnHiX.js");
   return { id: id10, diagram: diagram2 };
 }, "loader");
 var plugin8 = {
@@ -132936,7 +133063,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-CQfWrrP_.js");
+  const { diagram: diagram2 } = await import("./requirementDiagram-UZGBJVZJ-l0bNxwXy.js");
   return { id: id11, diagram: diagram2 };
 }, "loader");
 var plugin9 = {
@@ -132950,7 +133077,7 @@ var detector12 = /* @__PURE__ */ __name((txt) => {
   return /^\s*sequenceDiagram/.test(txt);
 }, "detector");
 var loader12 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-_VMzymo9.js");
+  const { diagram: diagram2 } = await import("./sequenceDiagram-WL72ISMW-TIqdB3wK.js");
   return { id: id12, diagram: diagram2 };
 }, "loader");
 var plugin10 = {
@@ -132967,7 +133094,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-B7uMu4wG.js");
+  const { diagram: diagram2 } = await import("./classDiagram-2ON5EDUG-DCAJOcrY.js");
   return { id: id13, diagram: diagram2 };
 }, "loader");
 var plugin11 = {
@@ -132984,7 +133111,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-B7uMu4wG.js");
+  const { diagram: diagram2 } = await import("./classDiagram-v2-WZHVMYZB-DCAJOcrY.js");
   return { id: id14, diagram: diagram2 };
 }, "loader");
 var plugin12 = {
@@ -133001,7 +133128,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-P9tJlZ70.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-FKZM4ZOC-DJf6ARFZ.js");
   return { id: id15, diagram: diagram2 };
 }, "loader");
 var plugin13 = {
@@ -133021,7 +133148,7 @@ var detector16 = /* @__PURE__ */ __name((txt, config2) => {
   return false;
 }, "detector");
 var loader16 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-Cb6P-c6h.js");
+  const { diagram: diagram2 } = await import("./stateDiagram-v2-4FDKWEC3-BCWbXNlV.js");
   return { id: id16, diagram: diagram2 };
 }, "loader");
 var plugin14 = {
@@ -133035,7 +133162,7 @@ var detector17 = /* @__PURE__ */ __name((txt) => {
   return /^\s*journey/.test(txt);
 }, "detector");
 var loader17 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-2_BMX1ei.js");
+  const { diagram: diagram2 } = await import("./journeyDiagram-XKPGCS4Q-ueRNPiAY.js");
   return { id: id17, diagram: diagram2 };
 }, "loader");
 var plugin15 = {
@@ -133102,7 +133229,7 @@ var detector18 = /* @__PURE__ */ __name((txt, config2 = {}) => {
   return false;
 }, "detector");
 var loader18 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-DkHr76XI.js");
+  const { diagram: diagram2 } = await import("./flowDiagram-NV44I4VS-FGtxEFhp.js");
   return { id: id18, diagram: diagram2 };
 }, "loader");
 var plugin16 = {
@@ -133116,7 +133243,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-tuTHzmXv.js");
+  const { diagram: diagram2 } = await import("./timeline-definition-IT6M3QCI-Dsbsa9tI.js");
   return { id: id19, diagram: diagram2 };
 }, "loader");
 var plugin17 = {
@@ -133130,7 +133257,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-BbNEUTwc.js");
+  const { diagram: diagram2 } = await import("./mindmap-definition-VGOIOE7T-ARN2t0ze.js");
   return { id: id20, diagram: diagram2 };
 }, "loader");
 var plugin18 = {
@@ -133144,7 +133271,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-YMu0hChh.js");
+  const { diagram: diagram2 } = await import("./kanban-definition-3W4ZIXB7-BaoHjyB8.js");
   return { id: id21, diagram: diagram2 };
 }, "loader");
 var plugin19 = {
@@ -133158,7 +133285,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-BW9xc6Gi.js");
+  const { diagram: diagram2 } = await import("./sankeyDiagram-TZEHDZUN-Czmu-ri0.js");
   return { id: id22, diagram: diagram2 };
 }, "loader");
 var plugin20 = {
@@ -133172,7 +133299,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-CHWLN67z.js");
+  const { diagram: diagram2 } = await import("./diagram-S2PKOQOG-C-Wz6wgo.js");
   return { id: id23, diagram: diagram2 };
 }, "loader");
 var packet = {
@@ -133185,7 +133312,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-UNhxZG5g.js");
+  const { diagram: diagram2 } = await import("./diagram-QEK2KX5R-CT_9GKHb.js");
   return { id: id24, diagram: diagram2 };
 }, "loader");
 var radar = {
@@ -133198,7 +133325,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-CnVWNic_.js");
+  const { diagram: diagram2 } = await import("./blockDiagram-VD42YOAC-D4qioj7T.js");
   return { id: id25, diagram: diagram2 };
 }, "loader");
 var plugin21 = {
@@ -133212,7 +133339,7 @@ var detector26 = /* @__PURE__ */ __name((txt) => {
   return /^\s*architecture/.test(txt);
 }, "detector");
 var loader26 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-ClVOs7P1.js");
+  const { diagram: diagram2 } = await import("./architectureDiagram-VXUJARFQ-D9kGXK5k.js");
   return { id: id26, diagram: diagram2 };
 }, "loader");
 var architecture = {
@@ -133226,7 +133353,7 @@ var detector27 = /* @__PURE__ */ __name((txt) => {
   return /^\s*treemap/.test(txt);
 }, "detector");
 var loader27 = /* @__PURE__ */ __name(async () => {
-  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-BeMp8Xfu.js");
+  const { diagram: diagram2 } = await import("./diagram-PSM6KHXK-Dl-1wWBO.js");
   return { id: id27, diagram: diagram2 };
 }, "loader");
 var treemap = {
@@ -148904,7 +149031,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-f4qauOuN.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-CQiQABMj.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 }) })] }) });
@@ -149226,7 +149353,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-nj6kJNsf.js").then((e2) => ({ default: e2.Mermaid }))), Kn = /language-([^\s]+)/;
+var Jn = reactExports.lazy(() => import("./mermaid-3ZIDBTTL-Bocx3zr_.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;
@@ -149868,7 +149995,9 @@ function FileTabBar({
   canGoBack,
   canGoForward,
   isDirty: isDirtyFn,
-  actions
+  actions,
+  treeCollapsed,
+  onToggleTree
 }) {
   const activeRef = reactExports.useRef(null);
   const containerRef = reactExports.useRef(null);
@@ -149926,7 +150055,22 @@ function FileTabBar({
   }, []);
   if (tabs.length === 0) return null;
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-8 shrink-0 items-center border-b border-border/50 bg-background", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "@container flex h-9 shrink-0 items-center border-b border-border/50 bg-background", children: [
+      onToggleTree && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+          "button",
+          {
+            type: "button",
+            onClick: onToggleTree,
+            className: "ml-1 hidden size-7 shrink-0 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors @[16rem]:inline-flex",
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
+          }
+        ) }),
+        /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
+          treeCollapsed ? "Show" : "Hide",
+          " File Explorer"
+        ] })
+      ] }),
       (onGoBack || onGoForward) && /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex shrink-0 items-center gap-0.5 px-1", children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
           /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -150135,28 +150279,9 @@ function renderMarkdown(content2) {
     }
   );
 }
-function FileTreeToolbar({
-  onQuickOpen,
-  onSearchFiles,
-  treeCollapsed,
-  onToggleTree
-}) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-8 shrink-0 items-center gap-0.5 border-b border-border/50 px-1.5", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-        "button",
-        {
-          type: "button",
-          onClick: onToggleTree,
-          className: "inline-flex size-6 items-center justify-center rounded-md text-muted-foreground hover:bg-accent hover:text-foreground transition-colors",
-          children: treeCollapsed ? /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" }) : /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-3.5" })
-        }
-      ) }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(TooltipContent, { side: "bottom", className: "text-xs", children: [
-        treeCollapsed ? "Show" : "Hide",
-        " File Explorer"
-      ] })
-    ] }),
+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(
@@ -150718,15 +150843,7 @@ 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,
-                    treeCollapsed,
-                    onToggleTree: toggleTree
-                  }
-                ),
+                /* @__PURE__ */ jsxRuntimeExports.jsx(FileTreeToolbar, { onQuickOpen, onSearchFiles }),
                 /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
                   FileBrowser,
                   {
@@ -150749,19 +150866,7 @@ function CodeBrowserView({
             }
           ) }),
           /* @__PURE__ */ jsxRuntimeExports.jsx(Yt$1, { id: "file-viewer", minSize: "20%", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "relative flex h-full flex-col overflow-hidden", children: [
-            treeCollapsed && /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
-                "button",
-                {
-                  type: "button",
-                  onClick: toggleTree,
-                  className: "absolute left-1 top-0 z-10 inline-flex h-9 w-7 items-center justify-center text-muted-foreground hover:text-foreground transition-colors",
-                  children: /* @__PURE__ */ jsxRuntimeExports.jsx(PanelLeft, { className: "size-4" })
-                }
-              ) }),
-              /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipContent, { side: "bottom", className: "text-xs", children: "Show File Explorer" })
-            ] }),
-            /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: treeCollapsed ? "[&>div]:pl-7" : "", children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
               FileTabBar,
               {
                 workspacePath,
@@ -150774,6 +150879,8 @@ function CodeBrowserView({
                 canGoBack: editorHistory.canGoBack,
                 canGoForward: editorHistory.canGoForward,
                 isDirty: tabState.isDirty,
+                treeCollapsed,
+                onToggleTree: toggleTree,
                 actions: isMarkdown ? /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-0.5", children: [
                   /* @__PURE__ */ jsxRuntimeExports.jsxs(Tooltip, { children: [
                     /* @__PURE__ */ jsxRuntimeExports.jsx(TooltipTrigger, { asChild: true, children: /* @__PURE__ */ jsxRuntimeExports.jsx(
@@ -150801,7 +150908,7 @@ function CodeBrowserView({
                   ] })
                 ] }) : void 0
               }
-            ) }),
+            ),
             /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "min-h-0 flex-1", children: viewFilePath ? /* @__PURE__ */ jsxRuntimeExports.jsx(
               FileViewer,
               {
@@ -151346,7 +151453,7 @@ const closeTabRef$1 = {
 };
 const RightHeaderActions$1 = React$1.memo(function RightHeaderActions2(props) {
   const groupId = props.group.id;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -160146,7 +160253,8 @@ class TaskChatTransport {
       await trpc.queue.push.mutate({
         workspaceId: this.workspaceId,
         chatId: this.chatId,
-        text: userText
+        text: userText,
+        ...files.length > 0 && { files }
       });
       return new ReadableStream({
         start(controller2) {
@@ -162374,8 +162482,10 @@ function splitMessageAtQueueBoundaries(parts) {
   for (const part of parts) {
     if (part.type === "data-prompt") {
       segments.push(current);
+      const data = part.data;
       current = {
-        userPrompt: part.data.text,
+        userPrompt: data.text,
+        userFiles: data.files,
         parts: []
       };
       continue;
@@ -162882,9 +162992,34 @@ function ChatView({
     return () => window.removeEventListener("band:new-chat-session", onNewChat);
   }, [visible, wsActive, handleNewSession]);
   const queueMessage = reactExports.useCallback(
-    (text2) => {
-      setQueuedMessages((prev2) => [...prev2, text2]);
-      trpc.queue.push.mutate({ workspaceId, chatId, text: text2 }).catch(() => {
+    async (message) => {
+      const files = await Promise.all(
+        (message.files ?? []).map(
+          (file) => new Promise((resolve2, reject) => {
+            const reader = new FileReader();
+            reader.onload = () => {
+              resolve2({
+                mediaType: file.type,
+                url: reader.result,
+                filename: file.name
+              });
+            };
+            reader.onerror = () => reject(reader.error);
+            reader.readAsDataURL(file);
+          })
+        )
+      );
+      const tempId = `temp-${Date.now()}-${Math.random().toString(36).slice(2)}`;
+      setQueuedMessages((prev2) => [
+        ...prev2,
+        { id: tempId, text: message.text, files: files.length > 0 ? files : void 0 }
+      ]);
+      trpc.queue.push.mutate({
+        workspaceId,
+        chatId,
+        text: message.text,
+        ...files.length > 0 && { files }
+      }).catch(() => {
       });
     },
     [workspaceId, chatId]
@@ -162893,13 +163028,13 @@ function ChatView({
     async (message) => {
       if (!message.text.trim() && !message.files?.length) return;
       if (isStreaming) {
-        queueMessage(message.text);
+        await queueMessage(message);
         return;
       }
       try {
         const { task } = await trpc.tasks.get.query({ workspaceId, chatId });
         if (task && task.status === "running") {
-          queueMessage(message.text);
+          await queueMessage(message);
           return;
         }
       } catch {
@@ -162909,14 +163044,44 @@ function ChatView({
     [doSendMessage, isStreaming, workspaceId, chatId, queueMessage]
   );
   const handleCancelQueued = reactExports.useCallback(
-    (text2) => {
-      setQueuedMessages((prev2) => {
-        const idx = prev2.indexOf(text2);
-        if (idx === -1) return prev2;
-        const messages2 = [...prev2.slice(0, idx), ...prev2.slice(idx + 1)];
-        return messages2;
+    (id28) => {
+      setQueuedMessages((prev2) => prev2.filter((m2) => m2.id !== id28));
+      trpc.queue.remove.mutate({ workspaceId, chatId, id: id28 }).catch(() => {
+      });
+    },
+    [workspaceId, chatId]
+  );
+  const handleEditQueued = reactExports.useCallback(
+    (id28, text2) => {
+      setQueuedMessages((prev2) => prev2.map((m2) => m2.id === id28 ? { ...m2, text: text2 } : m2));
+      trpc.queue.update.mutate({ workspaceId, chatId, id: id28, text: text2 }).catch(() => {
       });
-      trpc.queue.remove.mutate({ workspaceId, chatId, text: text2 }).catch(() => {
+    },
+    [workspaceId, chatId]
+  );
+  const dndSensors = useSensors(
+    useSensor(PointerSensor, { activationConstraint: { distance: 4 } })
+  );
+  const handleReorderQueued = reactExports.useCallback(
+    (event) => {
+      const { active, over } = event;
+      if (!over || active.id === over.id) return;
+      setQueuedMessages((prev2) => {
+        const oldIdx = prev2.findIndex((m2) => m2.id === active.id);
+        const newIdx = prev2.findIndex((m2) => m2.id === over.id);
+        if (oldIdx === -1 || newIdx === -1) return prev2;
+        const reordered = arrayMove(prev2, oldIdx, newIdx);
+        trpc.queue.set.mutate({
+          workspaceId,
+          chatId,
+          messages: reordered.map((m2) => ({
+            id: m2.id,
+            text: m2.text,
+            ...m2.files && m2.files.length > 0 && { files: m2.files }
+          }))
+        }).catch(() => {
+        });
+        return reordered;
       });
     },
     [workspaceId, chatId]
@@ -163040,7 +163205,16 @@ function ChatView({
               const isLastSegment = segIdx === segments.length - 1;
               const segKey = segment.userPrompt ?? "initial";
               return /* @__PURE__ */ jsxRuntimeExports.jsxs(reactExports.Fragment, { children: [
-                segment.userPrompt && /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "user", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: segment.userPrompt }) }) }),
+                segment.userPrompt && /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "user", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
+                  segment.userFiles?.map((file, fileIdx) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                    MessageFilePart,
+                    {
+                      part: { type: "file", ...file }
+                    },
+                    `${message.id}-${segKey}-userfile-${fileIdx}`
+                  )),
+                  /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: segment.userPrompt })
+                ] }) }),
                 (visibleParts.length > 0 || isLastSegment && showThinking) && /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(MessageContent, { children: [
                   visibleParts.map((seg) => {
                     if (seg.type === "text") {
@@ -163082,7 +163256,32 @@ function ChatView({
           });
         })(),
         isStreaming && (!messages.length || messages[messages.length - 1].role === "user") && /* @__PURE__ */ jsxRuntimeExports.jsx(Message, { from: "assistant", children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageContent, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(ThinkingIndicator, {}) }) }),
-        queuedMessages.map((text2) => /* @__PURE__ */ jsxRuntimeExports.jsx(QueuedMessageBubble, { text: text2, onCancel: () => handleCancelQueued(text2) }, text2))
+        queuedMessages.length > 0 && /* @__PURE__ */ jsxRuntimeExports.jsx(
+          DndContext,
+          {
+            sensors: dndSensors,
+            collisionDetection: closestCenter,
+            onDragEnd: handleReorderQueued,
+            children: /* @__PURE__ */ jsxRuntimeExports.jsx(
+              SortableContext,
+              {
+                items: queuedMessages.map((m2) => m2.id),
+                strategy: verticalListSortingStrategy,
+                children: queuedMessages.map((m2) => /* @__PURE__ */ jsxRuntimeExports.jsx(
+                  QueuedMessageBubble,
+                  {
+                    id: m2.id,
+                    text: m2.text,
+                    files: m2.files,
+                    onCancel: () => handleCancelQueued(m2.id),
+                    onEdit: (newText) => handleEditQueued(m2.id, newText)
+                  },
+                  m2.id
+                ))
+              }
+            )
+          }
+        )
       ] }),
       /* @__PURE__ */ jsxRuntimeExports.jsx(ConversationScrollButton, {})
     ] }),
@@ -163529,28 +163728,109 @@ function SessionHistoryMenu({
     ] })
   ] });
 }
-function QueuedMessageBubble({ text: text2, onCancel }) {
-  return /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "group is-user flex w-full max-w-[90%] flex-col gap-2 ml-auto justify-end opacity-60", children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 max-w-full flex-col gap-2 break-words text-base ml-auto w-fit rounded-md bg-secondary px-4 py-3 text-foreground", children: [
-    /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { children: text2 }),
-    /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2 mt-1", children: [
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "text-xs text-muted-foreground", children: [
-        /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
-        "Queued"
-      ] }),
-      /* @__PURE__ */ jsxRuntimeExports.jsxs(
-        "button",
+function QueuedMessageBubble({
+  id: id28,
+  text: text2,
+  files,
+  onCancel,
+  onEdit
+}) {
+  const [editing, setEditing] = reactExports.useState(false);
+  const [draft, setDraft] = reactExports.useState(text2);
+  const { attributes, listeners: listeners2, setNodeRef, transform: transform2, transition, isDragging } = useSortable({
+    id: id28
+  });
+  const sortableStyle = {
+    transform: CSS$1.Translate.toString(transform2),
+    transition,
+    opacity: isDragging ? 0.4 : void 0
+  };
+  const openEditor = reactExports.useCallback(() => {
+    setDraft(text2);
+    setEditing(true);
+  }, [text2]);
+  const handleSave = reactExports.useCallback(() => {
+    const next2 = draft.trim();
+    if (!next2) return;
+    if (next2 !== text2) onEdit(next2);
+    setEditing(false);
+  }, [draft, text2, onEdit]);
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs(jsxRuntimeExports.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
+      "div",
+      {
+        ref: setNodeRef,
+        style: sortableStyle,
+        className: "group is-user flex w-full max-w-[90%] flex-col items-end ml-auto justify-end opacity-60",
+        children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex min-w-0 max-w-full w-fit flex-col overflow-hidden rounded-md bg-secondary text-foreground", children: [
+          /* @__PURE__ */ jsxRuntimeExports.jsx(
+            "button",
+            {
+              type: "button",
+              ...attributes,
+              ...listeners2,
+              "aria-label": "Reorder queued message",
+              className: "flex w-full items-center justify-center border-b border-border/30 bg-muted/30 py-0.5 text-muted-foreground/60 cursor-grab touch-none transition-colors hover:bg-muted/50 hover:text-muted-foreground active:cursor-grabbing",
+              children: /* @__PURE__ */ jsxRuntimeExports.jsx(GripHorizontal, { className: "size-3.5" })
+            }
+          ),
+          /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 break-words text-sm px-3 py-2", children: [
+            files?.map((file, idx) => /* @__PURE__ */ jsxRuntimeExports.jsx(MessageFilePart, { part: { type: "file", ...file } }, `queued-file-${idx}`)),
+            /* @__PURE__ */ jsxRuntimeExports.jsx(
+              "button",
+              {
+                type: "button",
+                onClick: openEditor,
+                className: "-mx-1 cursor-pointer rounded px-1 text-left transition-colors hover:bg-foreground/5",
+                title: "Click to edit",
+                children: /* @__PURE__ */ jsxRuntimeExports.jsx(MessageResponse, { className: "text-sm", children: text2 })
+              }
+            ),
+            /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center justify-end gap-2 mt-1", children: [
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(Badge, { variant: "outline", className: "text-xs text-muted-foreground", children: [
+                /* @__PURE__ */ jsxRuntimeExports.jsx(Clock, { className: "size-3" }),
+                "Queued"
+              ] }),
+              /* @__PURE__ */ jsxRuntimeExports.jsxs(
+                "button",
+                {
+                  type: "button",
+                  onClick: onCancel,
+                  className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
+                  children: [
+                    /* @__PURE__ */ jsxRuntimeExports.jsx(X$7, { className: "size-3" }),
+                    "Cancel"
+                  ]
+                }
+              )
+            ] })
+          ] })
+        ] })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntimeExports.jsx(Dialog, { open: editing, onOpenChange: setEditing, children: /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogContent, { className: "sm:max-w-[480px]", children: [
+      /* @__PURE__ */ jsxRuntimeExports.jsx(DialogHeader, { children: /* @__PURE__ */ jsxRuntimeExports.jsx(DialogTitle, { children: "Edit queued message" }) }),
+      /* @__PURE__ */ jsxRuntimeExports.jsx(
+        Textarea,
         {
-          type: "button",
-          onClick: onCancel,
-          className: "inline-flex items-center gap-1 rounded px-1.5 py-0.5 text-xs text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive",
-          children: [
-            /* @__PURE__ */ jsxRuntimeExports.jsx(X$7, { className: "size-3" }),
-            "Cancel"
-          ]
+          value: draft,
+          onChange: (e2) => setDraft(e2.target.value),
+          className: "min-h-[120px] text-sm",
+          autoFocus: true,
+          onKeyDown: (e2) => {
+            if (e2.key === "Enter" && (e2.metaKey || e2.ctrlKey)) {
+              e2.preventDefault();
+              handleSave();
+            }
+          }
         }
-      )
-    ] })
-  ] }) });
+      ),
+      /* @__PURE__ */ jsxRuntimeExports.jsxs(DialogFooter, { children: [
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { variant: "outline", onClick: () => setEditing(false), children: "Cancel" }),
+        /* @__PURE__ */ jsxRuntimeExports.jsx(Button, { onClick: handleSave, disabled: !draft.trim(), children: "Save" })
+      ] })
+    ] }) })
+  ] });
 }
 const settingsKey = () => ["settings.get"];
 const chatKey = (chatId) => ["chats.get", chatId];
@@ -163932,7 +164212,7 @@ const closeTabRef = {
 const RightHeaderActions = React$1.memo(function RightHeaderActions22(props) {
   const { onAdd: onAdd2, onSplit } = addTabRef.current;
   const groupId = props.group.id;
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full items-center", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx(
       "button",
       {
@@ -164266,7 +164546,7 @@ const PANEL_SHORTCUTS = {
   browser: "⌘B"
 };
 const DockviewTerminalContainer = reactExports.lazy(
-  () => import("./DockviewTerminalContainer-B7m50Lcc.js").then((m2) => ({
+  () => import("./DockviewTerminalContainer-Db_wkLqm.js").then((m2) => ({
     default: m2.DockviewTerminalContainer
   }))
 );
@@ -164382,17 +164662,7 @@ function BadgeTab(props) {
       children: [
         Icon2 ? /* @__PURE__ */ jsxRuntimeExports.jsx(Icon2, { className: "size-4 shrink-0" }) : /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-block size-4 shrink-0", "aria-hidden": true }),
         /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "truncate", children: title }),
-        /* @__PURE__ */ jsxRuntimeExports.jsx(
-          "span",
-          {
-            "aria-hidden": !hasBadge,
-            className: cn$2(
-              "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-blue-500/20 px-1.5 text-xs font-medium text-blue-600 dark:text-blue-400 transition-opacity",
-              hasBadge ? "opacity-100" : "opacity-0"
-            ),
-            children: hasBadge ? badge : 0
-          }
-        )
+        hasBadge && /* @__PURE__ */ jsxRuntimeExports.jsx("span", { className: "inline-flex h-5 min-w-5 items-center justify-center rounded-full bg-blue-500/20 px-1.5 text-xs font-medium text-blue-600 dark:text-blue-400", children: badge })
       ]
     }
   ) });
@@ -165432,7 +165702,7 @@ function CronjobCard({
   return /* @__PURE__ */ jsxRuntimeExports.jsxs(
     "div",
     {
-      className: `flex flex-col gap-2 rounded-lg border border-border/50 bg-card p-4 transition-colors hover:border-border ${!job.enabled ? "opacity-60" : ""}`,
+      className: `flex flex-col gap-2 rounded-lg border-2 border-border/50 p-4 transition-colors hover:border-border ${!job.enabled ? "opacity-60" : ""}`,
       children: [
         /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
           /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "min-w-0 flex-1", children: [
@@ -165978,7 +166248,7 @@ function TaskCard({
       setActing(false);
     }
   }, [task.id, onAction]);
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 rounded-lg border border-border/50 bg-card p-4 transition-colors hover:border-border", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col gap-2 rounded-lg border-2 border-border/50 p-4 transition-colors hover:border-border", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-start justify-between gap-3", children: [
       /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "line-clamp-2 min-w-0 flex-1 text-sm font-medium text-foreground", children: task.prompt }),
       /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex items-center gap-2", children: [
@@ -167524,10 +167794,10 @@ function extractWorkspaceId(pathname) {
   if (!encoded) return null;
   return decodeURIComponent(encoded);
 }
+const INITIAL_HISTORY = { stack: [], cursor: -1 };
 function useNavigationHistory(routerNavigate, capabilities2) {
   const pathname = useRouterState({ select: (s2) => s2.location.pathname });
-  const stackRef = reactExports.useRef([]);
-  const cursorRef = reactExports.useRef(-1);
+  const [history2, setHistory] = reactExports.useState(INITIAL_HISTORY);
   const navigatingRef = reactExports.useRef(false);
   reactExports.useEffect(() => {
     const wsId = extractWorkspaceId(pathname);
@@ -167536,27 +167806,43 @@ function useNavigationHistory(routerNavigate, capabilities2) {
       navigatingRef.current = false;
       return;
     }
-    const stack = stackRef.current;
-    const cursor = cursorRef.current;
-    if (cursor >= 0 && stack[cursor] === wsId) return;
-    stackRef.current = [...stack.slice(0, cursor + 1), wsId];
-    cursorRef.current = stackRef.current.length - 1;
+    setHistory((prev2) => {
+      if (prev2.cursor >= 0 && prev2.stack[prev2.cursor] === wsId) return prev2;
+      const stack = [...prev2.stack.slice(0, prev2.cursor + 1), wsId];
+      return { stack, cursor: stack.length - 1 };
+    });
   }, [pathname]);
   const goBack = reactExports.useCallback(() => {
-    if (cursorRef.current <= 0) return;
-    cursorRef.current -= 1;
-    navigatingRef.current = true;
-    const wsId = stackRef.current[cursorRef.current];
-    const href = capabilities2.getWorkspaceHref?.(wsId);
-    if (href) routerNavigate(href);
+    let didMove = false;
+    let targetWsId;
+    setHistory((prev2) => {
+      if (prev2.cursor <= 0) return prev2;
+      didMove = true;
+      const cursor = prev2.cursor - 1;
+      targetWsId = prev2.stack[cursor];
+      return { stack: prev2.stack, cursor };
+    });
+    if (didMove && targetWsId) {
+      navigatingRef.current = true;
+      const href = capabilities2.getWorkspaceHref?.(targetWsId);
+      if (href) routerNavigate(href);
+    }
   }, [routerNavigate, capabilities2]);
   const goForward = reactExports.useCallback(() => {
-    if (cursorRef.current >= stackRef.current.length - 1) return;
-    cursorRef.current += 1;
-    navigatingRef.current = true;
-    const wsId = stackRef.current[cursorRef.current];
-    const href = capabilities2.getWorkspaceHref?.(wsId);
-    if (href) routerNavigate(href);
+    let didMove = false;
+    let targetWsId;
+    setHistory((prev2) => {
+      if (prev2.cursor >= prev2.stack.length - 1) return prev2;
+      didMove = true;
+      const cursor = prev2.cursor + 1;
+      targetWsId = prev2.stack[cursor];
+      return { stack: prev2.stack, cursor };
+    });
+    if (didMove && targetWsId) {
+      navigatingRef.current = true;
+      const href = capabilities2.getWorkspaceHref?.(targetWsId);
+      if (href) routerNavigate(href);
+    }
   }, [routerNavigate, capabilities2]);
   reactExports.useEffect(() => {
     const handler = (e2) => {
@@ -167570,6 +167856,12 @@ function useNavigationHistory(routerNavigate, capabilities2) {
     window.addEventListener("keydown", handler, true);
     return () => window.removeEventListener("keydown", handler, true);
   }, [goBack, goForward]);
+  return {
+    goBack,
+    goForward,
+    canGoBack: history2.cursor > 0,
+    canGoForward: history2.cursor >= 0 && history2.cursor < history2.stack.length - 1
+  };
 }
 const ZOOM_LEVEL_KEY = "band:zoom-level";
 const DEFAULT_ZOOM = 1;
@@ -167674,14 +167966,14 @@ const Route$8 = createRootRoute({
       { title: "Band" },
       { name: "apple-mobile-web-app-capable", content: "yes" },
       { name: "apple-mobile-web-app-status-bar-style", content: "black-translucent" },
-      { name: "theme-color", content: "#181818" }
+      { name: "theme-color", content: "#1e1e1e" }
     ]
   }),
   component: RootLayout,
   notFoundComponent: NotFound
 });
 function NotFound() {
-  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-dvh flex-col items-center justify-center gap-4 p-8 text-center", children: [
+  return /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex h-full flex-col items-center justify-center gap-4 p-8 text-center", children: [
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-4xl font-bold", children: "404" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx("p", { className: "text-sm text-muted-foreground", children: "Page not found" }),
     /* @__PURE__ */ jsxRuntimeExports.jsx(Link, { to: "/", className: "text-sm text-primary underline", children: "Back to dashboard" })
@@ -167772,7 +168064,7 @@ function AppShell() {
     };
   }, [router2]);
   const routerNavigate = reactExports.useCallback((href) => router2.navigate({ to: href }), [router2]);
-  useNavigationHistory(routerNavigate, capabilities);
+  const navigationHistory = useNavigationHistory(routerNavigate, capabilities);
   useZoom();
   const savedWidth = loadSidebarWidth();
   const defaultLayout = savedWidth ? { sidebar: savedWidth, main: 100 - savedWidth } : void 0;
@@ -167838,8 +168130,8 @@ function AppShell() {
   if (!useDesktopLayout) {
     return /* @__PURE__ */ jsxRuntimeExports.jsx(Outlet, {});
   }
-  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-dvh w-full overflow-hidden bg-background text-foreground", children: [
-    isDesktop && /* @__PURE__ */ jsxRuntimeExports.jsx(
+  return /* @__PURE__ */ jsxRuntimeExports.jsx(ToolbarOverflowProvider, { children: /* @__PURE__ */ jsxRuntimeExports.jsxs("div", { className: "flex flex-col h-full w-full overflow-hidden bg-background text-foreground", children: [
+    /* @__PURE__ */ jsxRuntimeExports.jsx(
       DesktopTitleBar,
       {
         onToggleSidebar: toggleSidebar,
@@ -167849,7 +168141,11 @@ function AppShell() {
         onCopyPath: activeWorkspaceId ? handleCopyPath : void 0,
         panelItems: activeWorkspaceId ? panelItems : void 0,
         hiddenPanels: activeWorkspaceId ? hiddenPanels : void 0,
-        onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0
+        onTogglePanelVisibility: activeWorkspaceId ? handleTogglePanelVisibility : void 0,
+        onGoBack: navigationHistory.goBack,
+        onGoForward: navigationHistory.goForward,
+        canGoBack: navigationHistory.canGoBack,
+        canGoForward: navigationHistory.canGoForward
       }
     ),
     /* @__PURE__ */ jsxRuntimeExports.jsx("div", { className: "flex-1 min-h-0 overflow-hidden", children: /* @__PURE__ */ jsxRuntimeExports.jsxs(
@@ -167909,11 +168205,11 @@ function RootLayout() {
     ] })
   ] });
 }
-const $$splitComponentImporter$7 = () => import("./index-ClnAaUnc.js");
+const $$splitComponentImporter$7 = () => import("./index-CXKXKZfF.js");
 const Route$7 = createFileRoute("/")({
   component: lazyRouteComponent($$splitComponentImporter$7, "component")
 });
-const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-Ca5XltsV.js");
+const $$splitComponentImporter$6 = () => import("./workspace._workspaceId-BzntZkG8.js");
 const Route$6 = createFileRoute("/workspace/$workspaceId")({
   component: lazyRouteComponent($$splitComponentImporter$6, "component")
 });
@@ -167932,11 +168228,11 @@ const FindInFileContext = reactExports.createContext({
 function useFindInFileContext() {
   return reactExports.useContext(FindInFileContext);
 }
-const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-C2U_2sVz.js");
+const $$splitComponentImporter$5 = () => import("./workspace._workspaceId.index-BZTlk3td.js");
 const Route$5 = createFileRoute("/workspace/$workspaceId/")({
   component: lazyRouteComponent($$splitComponentImporter$5, "component")
 });
-const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-i2FfY7JG.js");
+const $$splitComponentImporter$4 = () => import("./workspace._workspaceId.terminal-DrOsp1dy.js");
 const Route$4 = createFileRoute("/workspace/$workspaceId/terminal")({
   component: lazyRouteComponent($$splitComponentImporter$4, "component")
 });
@@ -167944,15 +168240,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-z2xCX4Ct.js");
+const $$splitComponentImporter$2 = () => import("./workspace._workspaceId.changes-DlHr6JjN.js");
 const Route$2 = createFileRoute("/workspace/$workspaceId/changes")({
   component: lazyRouteComponent($$splitComponentImporter$2, "component")
 });
-const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-DTziHng0.js");
+const $$splitComponentImporter$1 = () => import("./workspace._workspaceId.code.index-BEOcVHwT.js");
 const Route$1 = createFileRoute("/workspace/$workspaceId/code/")({
   component: lazyRouteComponent($$splitComponentImporter$1, "component")
 });
-const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-DQTK_1av.js");
+const $$splitComponentImporter = () => import("./workspace._workspaceId.code._-C0plkbYn.js");
 const Route2 = createFileRoute("/workspace/$workspaceId/code/$")({
   component: lazyRouteComponent($$splitComponentImporter, "component")
 });