codebay 0.9.0 → 0.10.0

package/.mochi/svelte-compile/{chunk-brjv9pyd.js → chunk-3t7v4hk0.js}

@@ -1,10 +1,4 @@
 // @bun
-// src/types.ts
-function ideUrl(instance) {
-  const base = `/p/${instance.id}/`;
-  return instance.remote_workspace_folder ? `${base}?folder=${encodeURIComponent(instance.remote_workspace_folder)}` : base;
-}
-
 // src/api.ts
 var APP_REQUEST_HEADER = "X-Codebay-Request";
 async function apiFetch(url, init, fallbackMessage = "Request failed") {
@@ -55,4 +49,4 @@ function StatusBadge($$renderer, $$props) {
   $$renderer.push(`<span${$.attr_class(`status ${$.stringify(status)}`, "svelte-1hqr9xd")}>${$.escape(label[status])}</span>`);
 }
 
-export { ideUrl, apiFetch, apiPost, apiDelete, forwardedPortUrl, StatusBadge };
+export { apiFetch, apiPost, apiDelete, forwardedPortUrl, StatusBadge };

package/.mochi/svelte-compile/chunk-gkjgybb2.js

@@ -0,0 +1,15 @@
+// @bun
+// src/types.ts
+var CLAUDE_PERMISSION_MODES = [
+  "default",
+  "manual",
+  "auto",
+  "plan"
+];
+var CLAUDE_EFFORT_LEVELS = ["low", "medium", "high", "xhigh", "max"];
+function ideUrl(instance) {
+  const base = `/p/${instance.id}/`;
+  return instance.remote_workspace_folder ? `${base}?folder=${encodeURIComponent(instance.remote_workspace_folder)}` : base;
+}
+
+export { CLAUDE_PERMISSION_MODES, CLAUDE_EFFORT_LEVELS, ideUrl };

package/.mochi/svelte-compile/{chunk-m8ygpyhr.js → chunk-th2dbqvc.js}

@@ -285,15 +285,14 @@ var crown_default = art17;
 // src/avatars/diamond.ts
 var art18 = {
   name: "diamond",
-  robot: true,
   pixels: [
     ".######.",
-    "#.#..#.#",
+    "##.#.#.#",
+    "#.#.#.#.",
     "########",
-    "##.##.##",
-    ".#.##.#.",
-    ".##..##.",
-    "..####..",
+    "#.######",
+    ".#.####.",
+    "..#.##..",
     "...##..."
   ]
 };
@@ -963,16 +962,15 @@ var wasp_default = art58;
 // src/avatars/whale.ts
 var art59 = {
   name: "whale",
-  robot: true,
   pixels: [
-    "....#...",
-    "...###..",
-    "..####.#",
-    ".#.####.",
+    "#.#.#...",
+    ".#.#....",
+    "..#.....",
+    "..#.....",
+    ".####...",
     "######.#",
-    ".#####..",
-    "..####..",
-    "...##..."
+    "#.####.#",
+    "########"
   ]
 };
 var whale_default = art59;
@@ -1106,17 +1104,6 @@ var avatars = [
   windmill_default,
   yinyan_default
 ];
-function fnv1a(s) {
-  let h = 2166136261;
-  for (let i = 0;i < s.length; i++) {
-    h ^= s.charCodeAt(i);
-    h = Math.imul(h, 16777619);
-  }
-  return h >>> 0;
-}
-function pickAvatar(id) {
-  return avatars[fnv1a(id) % avatars.length];
-}
 function findAvatar(name) {
   return name ? avatars.find((a) => a.name === name) : undefined;
 }
@@ -1126,7 +1113,7 @@ import"svelte/internal/flags/async";
 import * as $ from "svelte/internal/server";
 function Avatar($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { id = "", name, scale = 6, art: art63, interactive = false } = $$props;
+    let { name, scale = 6, art: art63, interactive = false } = $$props;
     let pressed = false;
     let ghosting = false;
     let bx = "50%";
@@ -1166,19 +1153,19 @@ function Avatar($$renderer, $$props) {
     }
     const s = $.derived(() => Math.max(1, Math.round(scale)));
     const gap = $.derived(() => s() >= 2 ? 0.5 : 0);
-    const resolved = $.derived(() => art63 ?? pickAvatar(id));
-    const cells = $.derived(() => decode(resolved()));
+    const resolved = $.derived(() => art63 ?? null);
+    const cells = $.derived(() => resolved() ? decode(resolved()) : []);
     const grid = $.derived(() => Array.from({ length: 100 }, (_, i) => {
       const r = Math.floor(i / 10);
       const c = i % 10;
       const inner = r >= 1 && r <= 8 && c >= 1 && c <= 8;
-      return inner ? cells()[(r - 1) * 8 + (c - 1)] : 0;
+      return inner ? cells()[(r - 1) * 8 + (c - 1)] ?? 0 : 0;
     }));
     $$renderer2.push(`<span${$.attr_class("avatar svelte-1pre9qb", undefined, {
       interactive,
       pressed,
       ghosting
-    })} role="img"${$.attr("aria-label", name)}${$.attr("title", resolved().name)}${$.attr_style(`width:${$.stringify(10 * s())}px;height:${$.stringify(10 * s())}px;--gap:${$.stringify(gap())}px;--bx:${$.stringify(bx)};--by:${$.stringify(by)};--spin:${$.stringify(spin)}deg;--hue:${$.stringify(hue)}deg`)}><!--[-->`);
+    })} role="img"${$.attr("aria-label", name)}${$.attr("title", resolved()?.name)}${$.attr_style(`width:${$.stringify(10 * s())}px;height:${$.stringify(10 * s())}px;--gap:${$.stringify(gap())}px;--bx:${$.stringify(bx)};--by:${$.stringify(by)};--spin:${$.stringify(spin)}deg;--hue:${$.stringify(hue)}deg`)}><!--[-->`);
     const each_array = $.ensure_array_like(grid());
     for (let i = 0, $$length = each_array.length;i < $$length; i++) {
       let cell = each_array[i];
@@ -1203,6 +1190,7 @@ function Button($$renderer, $$props) {
     variant = "default",
     size = "md",
     ghost = false,
+    square = false,
     icon,
     iconSize,
     href,
@@ -1223,7 +1211,7 @@ function Button($$renderer, $$props) {
       "aria-disabled": disabled || undefined,
       tabindex: disabled ? -1 : undefined,
       ...rest
-    }, "svelte-1klcfz0", { ghost })}>`);
+    }, "svelte-1klcfz0", { ghost, square })}>`);
     if (Icon2()) {
       $$renderer.push("<!--[0-->");
       if (Icon2()) {
@@ -1246,7 +1234,7 @@ function Button($$renderer, $$props) {
       class: `btn ${$2.stringify(variant)} ${$2.stringify(size)}`,
       disabled,
       ...rest
-    }, "svelte-1klcfz0", { ghost })}>`);
+    }, "svelte-1klcfz0", { ghost, square })}>`);
     if (Icon2()) {
       $$renderer.push("<!--[0-->");
       if (Icon2()) {

package/.mochi/svelte-css/Button-oharop2xz6am.css

@@ -0,0 +1 @@
+.btn.svelte-1klcfz0{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);cursor:pointer;text-decoration:none;justify-content:center;align-items: center;gap:7px;font-weight:600}.btn.svelte-1klcfz0:disabled{opacity:.4;cursor:not-allowed}.btn[aria-disabled=true].svelte-1klcfz0{opacity:.4;cursor:not-allowed;pointer-events:none}.btn.sm.svelte-1klcfz0{padding:7px 12px;font-size:12px}.btn.md.svelte-1klcfz0{padding:9px 16px;font-size:13px}.btn.lg.svelte-1klcfz0{padding:12px 22px;font-size:15px}.btn.square.svelte-1klcfz0{padding:0}.btn.square.sm.svelte-1klcfz0{width:30px;height:30px}.btn.square.md.svelte-1klcfz0{width:35px;height:35px}.btn.square.lg.svelte-1klcfz0{width:44px;height:44px}.btn.default.svelte-1klcfz0:hover:not(:disabled){background:var(--ink);color:var(--bg)}.btn.primary.svelte-1klcfz0{background:var(--ink);color:var(--bg);font-weight:700}.btn.primary.svelte-1klcfz0:hover:not(:disabled){background:var(--bg-card);color:var(--ink)}.btn.ghost.svelte-1klcfz0{background:0 0;border-style:dashed}.btn.ghost.svelte-1klcfz0:hover:not(:disabled){background:var(--ink);color:var(--bg);border-style:solid}.btn.danger.svelte-1klcfz0{color:var(--danger);border-color:var(--danger)}.btn.danger.svelte-1klcfz0:hover:not(:disabled){color:var(--danger);background-color:var(--danger-soft);background-image:linear-gradient(90deg,var(--danger)50%,transparent 0),linear-gradient(90deg,var(--danger)50%,transparent 0),linear-gradient(0deg,var(--danger)50%,transparent 0),linear-gradient(0deg,var(--danger)50%,transparent 0);animation:svelte-1klcfz0-marching-ants 2s linear infinite;background-position:0 0,0 100%,0 0,100% 0;background-repeat:repeat-x,repeat-x,repeat-y,repeat-y;background-size:14px 2px,14px 2px,2px 14px,2px 14px;border-color:#0000}@keyframes svelte-1klcfz0-marching-ants{to{background-position:28px 0,-28px 100%,0 -28px,100% 28px}}

package/.mochi/svelte-css/IdeBar-3bgr3m5z0lpeg.css

@@ -0,0 +1 @@
+.right.svelte-r39acv{display:flex;align-items:stretch;margin-left:auto}.cog.svelte-r39acv,.reload.svelte-r39acv{display:inline-flex;color:var(--ink);border-left:1px solid var(--rule);flex:none;justify-content:center;align-items: center;width:48px}.reload.svelte-r39acv{appearance:none;cursor:pointer;background:0 0;border-top:0;border-bottom:0;border-right:0;padding:0}.cog.svelte-r39acv:hover,.reload.svelte-r39acv:hover{background:var(--ink);color:var(--bg)}.tabs.svelte-r39acv{display:flex;overflow-x:auto;align-items:stretch;min-width:0}.tab.svelte-r39acv{display:inline-flex;border-right:1px solid var(--rule-soft);align-items:stretch}.tab.active.svelte-r39acv{background:var(--ink)}.tab.attn-done.svelte-r39acv{animation:svelte-r39acv-attn-pulse-green 1.8s ease-in-out infinite}.tab.attn-waiting.svelte-r39acv{animation:svelte-r39acv-attn-pulse-amber 1.8s ease-in-out infinite}@keyframes svelte-r39acv-attn-pulse-green{0%,to{background:0 0;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--attn-done)40%,transparent)}50%{background:color-mix(in srgb,var(--attn-done)32%,transparent);box-shadow:inset 0 -2px 0 var(--attn-done)}}@keyframes svelte-r39acv-attn-pulse-amber{0%,to{background:0 0;box-shadow:inset 0 -2px 0 color-mix(in srgb,var(--attn-waiting)40%,transparent)}50%{background:color-mix(in srgb,var(--attn-waiting)32%,transparent);box-shadow:inset 0 -2px 0 var(--attn-waiting)}}@media (prefers-reduced-motion:reduce){.tab.attn-done.svelte-r39acv,.tab.attn-waiting.svelte-r39acv{animation-duration:0s;background:color-mix(in srgb,var(--attn-done)28%,transparent)}.tab.attn-waiting.svelte-r39acv{background:color-mix(in srgb,var(--attn-waiting)28%,transparent)}}.tab-label.svelte-r39acv{appearance:none;cursor:pointer;color:var(--ink-soft);font-family:var(--font-mono);display:inline-flex;text-transform:uppercase;letter-spacing:.06em;background:0 0;border:0;align-items: center;gap:10px;max-width:240px;padding:0 12px;font-size:12px}.tab-name.svelte-r39acv{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab-mode.svelte-r39acv{display:inline-flex;opacity:.75;flex:none;align-items: center}.tab.svelte-r39acv:not(.active) .tab-label:where(.svelte-r39acv):hover{color:var(--ink)}.tab.active.svelte-r39acv .tab-label:where(.svelte-r39acv){color:var(--bg)}.tab-label.editing.svelte-r39acv{cursor:default}.tab-name-edit.svelte-r39acv{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink-soft);background:var(--bg);color:var(--ink);outline:none;width:130px;margin:0;padding:2px 4px;font-size:12px}

package/.mochi/svelte-css/{InstanceView-3vzow3ttxzlh3.css → InstanceView-1pd7j16bd2b16.css}

@@ -1 +1 @@
-.topbar.svelte-15fxkvm{display:flex;border-bottom:1px solid var(--rule);align-items: center;gap:18px;padding:16px 24px}.back.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;align-items: center;gap:5px;font-size:12px}.back.svelte-15fxkvm:hover{color:var(--ink)}.title.svelte-15fxkvm{display:flex;flex:1;align-items: center;gap:12px}.name.svelte-15fxkvm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:20px;font-weight:700}.open.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;border:1px solid var(--ink);align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.open.svelte-15fxkvm:hover{background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--bg);border:1px solid var(--ink);cursor:pointer;align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.restart.svelte-15fxkvm:hover:not(:disabled){background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.restart-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:0;padding:8px 24px 0;font-size:12px}.stage.svelte-15fxkvm{max-width:1200px;margin:0 auto;padding:20px 24px 40px}.meta.svelte-15fxkvm{display:grid;grid-template-columns:max-content 1fr;align-items: center;gap:6px 14px;margin-bottom:18px}.meta.svelte-15fxkvm .k:where(.svelte-15fxkvm){font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.meta.svelte-15fxkvm code:where(.svelte-15fxkvm){font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.meta.svelte-15fxkvm code.muted:where(.svelte-15fxkvm){color:var(--ink-faint)}.healthslot.svelte-15fxkvm,.ports.svelte-15fxkvm{margin-bottom:18px}.ports-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.rebuild.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.rebuild.svelte-15fxkvm:hover:not(:disabled){color:var(--bg);background:0 0}.rebuild.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.ports-body.svelte-15fxkvm{background:var(--bg-card);padding:12px 14px 14px}.port-list.svelte-15fxkvm{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:0}.port-list.svelte-15fxkvm li:where(.svelte-15fxkvm){display:flex;font-family:var(--font-mono);align-items: center;gap:8px;font-size:13px}.port-list.svelte-15fxkvm .cp:where(.svelte-15fxkvm){color:var(--ink);font-weight:600}.port-list.svelte-15fxkvm .arr:where(.svelte-15fxkvm){color:var(--ink-faint)}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm){display:inline-flex;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-faint);align-items: center;gap:4px}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm):hover{border-bottom-color:var(--ink)}.rm.svelte-15fxkvm{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;background:0 0;width:20px;height:20px;margin-left:auto;font-size:15px;line-height:1}.rm.svelte-15fxkvm:hover{border-color:var(--danger);color:var(--danger)}.empty.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 12px;font-size:12px}.add.svelte-15fxkvm{display:flex;gap:8px}.add.svelte-15fxkvm input:where(.svelte-15fxkvm){font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);outline:none;flex:1;min-width:0;padding:6px 9px;font-size:13px}.add.svelte-15fxkvm button:where(.svelte-15fxkvm){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600}.add.svelte-15fxkvm button:where(.svelte-15fxkvm):hover{background:var(--ink);color:var(--bg)}.port-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:10px 0 0;font-size:12px}.hint.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:10px 0 0;font-size:11px}.hint.pending.svelte-15fxkvm{color:var(--ink-soft)}.hint.svelte-15fxkvm code:where(.svelte-15fxkvm){color:var(--ink)}.logwrap.svelte-15fxkvm{overflow:hidden}.log-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.log-actions.svelte-15fxkvm{display:flex;align-items: center;gap:6px}.copy.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.copy.svelte-15fxkvm:hover:not(:disabled),.copy.active.svelte-15fxkvm{color:var(--bg);background:0 0}.copy.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.logs.svelte-15fxkvm{position:relative;background:repeating-linear-gradient(0deg,var(--screen-line)0 1px,transparent 1px 3px),var(--screen-bg);color:var(--screen-ink);overflow:auto;height:calc(100vh - 320px);min-height:360px;padding:14px}.logs.svelte-15fxkvm pre:where(.svelte-15fxkvm){font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px;line-height:1.5}@keyframes svelte-15fxkvm-lcd-blink{50%{background:0 0}}.caret.svelte-15fxkvm{display:inline-block;background:var(--screen-ink);vertical-align:text-bottom;animation:svelte-15fxkvm-lcd-blink 1.05s steps(1)infinite;width:.6em;height:1.05em;margin-left:2px}.err.svelte-15fxkvm{background:var(--bg-card);color:var(--ink);border-top:2px solid var(--ink);font-family:var(--font-mono);padding:12px 14px;font-size:13px}
+.topbar.svelte-15fxkvm{display:flex;border-bottom:1px solid var(--rule);align-items: center;gap:18px;padding:16px 24px}.back.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink-soft);text-decoration:none;align-items: center;gap:5px;font-size:12px}.back.svelte-15fxkvm:hover{color:var(--ink)}.title.svelte-15fxkvm{display:flex;flex:1;align-items: center;gap:12px}.name.svelte-15fxkvm{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.03em;font-size:20px;font-weight:700}.open.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);text-decoration:none;border:1px solid var(--ink);align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.open.svelte-15fxkvm:hover{background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--ink);background:var(--bg);border:1px solid var(--ink);cursor:pointer;align-items: center;gap:6px;padding:7px 12px;font-size:12px;font-weight:600}.restart.svelte-15fxkvm:hover:not(:disabled){background:var(--ink);color:var(--bg)}.restart.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.restart-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:0;padding:8px 24px 0;font-size:12px}.stage.svelte-15fxkvm{max-width:1200px;margin:0 auto;padding:20px 24px 40px}.meta.svelte-15fxkvm{display:grid;grid-template-columns:max-content 1fr;align-items: center;gap:6px 14px;margin-bottom:18px}.meta.svelte-15fxkvm .k:where(.svelte-15fxkvm){font-family:var(--font-display);letter-spacing:.14em;text-transform:uppercase;color:var(--ink-faint);font-size:12px;font-weight:700}.meta.svelte-15fxkvm code:where(.svelte-15fxkvm){font-family:var(--font-mono);color:var(--ink-soft);font-size:13px}.meta.svelte-15fxkvm code.muted:where(.svelte-15fxkvm){color:var(--ink-faint)}.healthslot.svelte-15fxkvm,.ports.svelte-15fxkvm{margin-bottom:18px}.ports-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.rebuild.svelte-15fxkvm{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;padding:4px 9px;font-size:10px;font-weight:600}.rebuild.svelte-15fxkvm:hover:not(:disabled){color:var(--bg);background:0 0}.rebuild.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.ports-body.svelte-15fxkvm{background:var(--bg-card);padding:12px 14px 14px}.port-list.svelte-15fxkvm{list-style:none;display:flex;flex-direction:column;gap:6px;margin:0 0 12px;padding:0}.port-list.svelte-15fxkvm li:where(.svelte-15fxkvm){display:flex;font-family:var(--font-mono);align-items: center;gap:8px;font-size:13px}.port-list.svelte-15fxkvm .cp:where(.svelte-15fxkvm){color:var(--ink);font-weight:600}.port-list.svelte-15fxkvm .arr:where(.svelte-15fxkvm){color:var(--ink-faint)}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm){display:inline-flex;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink-faint);align-items: center;gap:4px}.port-list.svelte-15fxkvm a:where(.svelte-15fxkvm):hover{border-bottom-color:var(--ink)}.rm.svelte-15fxkvm{border:1px solid var(--ink-faint);color:var(--ink-soft);cursor:pointer;background:0 0;width:20px;height:20px;margin-left:auto;font-size:15px;line-height:1}.rm.svelte-15fxkvm:hover{border-color:var(--danger);color:var(--danger)}.empty.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:0 0 12px;font-size:12px}.add.svelte-15fxkvm{display:flex;gap:8px}.add.svelte-15fxkvm input:where(.svelte-15fxkvm){font-family:var(--font-mono);border:1px solid var(--ink);background:var(--bg);color:var(--ink);outline:none;flex:1;min-width:0;padding:6px 9px;font-size:13px}.add.svelte-15fxkvm button:where(.svelte-15fxkvm){font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;border:1px solid var(--ink);background:var(--bg-card);color:var(--ink);cursor:pointer;padding:6px 14px;font-size:12px;font-weight:600}.add.svelte-15fxkvm button:where(.svelte-15fxkvm):hover{background:var(--ink);color:var(--bg)}.port-err.svelte-15fxkvm{font-family:var(--font-mono);color:var(--danger);margin:10px 0 0;font-size:12px}.hint.svelte-15fxkvm{font-family:var(--font-mono);color:var(--ink-faint);margin:10px 0 0;font-size:11px}.hint.pending.svelte-15fxkvm{color:var(--ink-soft)}.hint.svelte-15fxkvm code:where(.svelte-15fxkvm){color:var(--ink)}.logwrap.svelte-15fxkvm{overflow:hidden}.log-bar.svelte-15fxkvm{display:flex;justify-content:space-between;align-items: center}.log-actions.svelte-15fxkvm{display:flex;align-items: center;gap:6px}.copy.svelte-15fxkvm{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;background:var(--bg);color:var(--ink);border:1px solid var(--bg);cursor:pointer;align-items: center;gap:5px;padding:4px 9px;font-size:10px;font-weight:600}.copy.svelte-15fxkvm:hover:not(:disabled),.copy.active.svelte-15fxkvm{color:var(--bg);background:0 0}.dot.svelte-15fxkvm{background:var(--attn-done);border-radius:50%;flex:none;width:6px;height:6px}.copy.svelte-15fxkvm:disabled{opacity:.5;cursor:not-allowed}.logs.svelte-15fxkvm{position:relative;background:repeating-linear-gradient(0deg,var(--screen-line)0 1px,transparent 1px 3px),var(--screen-bg);color:var(--screen-ink);overflow:auto;overflow-anchor:none;height:calc(100vh - 320px);min-height:360px;padding:14px}.logs.svelte-15fxkvm pre:where(.svelte-15fxkvm){font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin:0;font-size:12.5px;line-height:1.5}@keyframes svelte-15fxkvm-lcd-blink{50%{background:0 0}}.caret.svelte-15fxkvm{display:inline-block;background:var(--screen-ink);vertical-align:text-bottom;animation:svelte-15fxkvm-lcd-blink 1.05s steps(1)infinite;width:.6em;height:1.05em;margin-left:2px}.err.svelte-15fxkvm{background:var(--bg-card);color:var(--ink);border-top:2px solid var(--ink);font-family:var(--font-mono);padding:12px 14px;font-size:13px}

package/.mochi/svelte-css/SettingsView-n3oy75uonzp2.css

@@ -0,0 +1 @@
+.page.svelte-1n6ht58{display:flex;flex-direction:column;min-height:100vh}.title.svelte-1n6ht58{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--ink-soft);align-items: center;padding:0 14px;font-size:12px}.content.svelte-1n6ht58{display:flex;flex-direction:column;flex:1;align-items: center;gap:16px;padding:32px 20px}.card.svelte-1n6ht58{background:var(--bg-card);border:1px solid var(--rule);width:100%;max-width:560px;height:max-content}.danger-card.svelte-1n6ht58{border-color:var(--danger)}details.advanced.svelte-1n6ht58>summary:where(.svelte-1n6ht58){display:flex;cursor:pointer;list-style:none;font-family:var(--font-mono);align-items: center;gap:10px;padding:14px 16px}details.advanced.svelte-1n6ht58>summary:where(.svelte-1n6ht58)::-webkit-details-marker{display:none}details.advanced.svelte-1n6ht58>summary:where(.svelte-1n6ht58) .name:where(.svelte-1n6ht58){font-size:13px}details.advanced.svelte-1n6ht58>summary:where(.svelte-1n6ht58) .hint:where(.svelte-1n6ht58){color:var(--ink-soft);font-size:12px}details.advanced.svelte-1n6ht58>summary:where(.svelte-1n6ht58):after{content:"▸";color:var(--ink-soft);margin-left:auto}details.advanced[open].svelte-1n6ht58>summary:where(.svelte-1n6ht58):after{content:"▾"}.disabled-card.svelte-1n6ht58{opacity:.55;pointer-events:none}.danger-card.svelte-1n6ht58 .btn{white-space:nowrap;flex:none}.version.svelte-1n6ht58{font-family:var(--font-mono);letter-spacing:.08em;color:var(--ink-soft);font-size:11px}.shutting.svelte-1n6ht58{font-family:var(--font-mono);color:var(--danger);text-align:right;flex:none;max-width:200px;font-size:12px;line-height:1.4}.row.svelte-1n6ht58{display:flex;justify-content:space-between;align-items: center;gap:16px;padding:18px}.row.divided.svelte-1n6ht58{border-top:1px solid var(--rule);align-items: flex-start}.row.divided.svelte-1n6ht58 .btn{white-space:nowrap;flex:none}.sub.svelte-1n6ht58{padding:0 18px 14px}code.svelte-1n6ht58{font-family:var(--font-mono);background:var(--bg);border:1px solid var(--rule);border-radius:3px;padding:1px 4px;font-size:.92em}.label.svelte-1n6ht58{display:flex;color:var(--ink);align-items: flex-start;gap:12px;min-width:0}.label.svelte-1n6ht58>svg{flex:none}.text.svelte-1n6ht58{min-width:0}.name.svelte-1n6ht58{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;font-size:13px}.arch.svelte-1n6ht58{letter-spacing:.04em;color:var(--ink-soft);border:1px solid var(--rule);vertical-align:middle;border-radius:3px;margin-left:8px;padding:2px 6px;font-size:11px}.tip.svelte-1n6ht58{color:var(--ink-soft);background:color-mix(in srgb,var(--info)10%,transparent);border:1px solid color-mix(in srgb,var(--info)35%,transparent);border-radius:4px;width:100%;margin-top:4px;padding:8px 10px}.desc.svelte-1n6ht58{font-family:var(--font-mono);color:var(--ink-faint);margin-top:4px;font-size:12px;line-height:1.4}.image-row.svelte-1n6ht58,.token-row.svelte-1n6ht58{flex-wrap:wrap}.image-controls.svelte-1n6ht58{display:flex;flex:1;justify-content:flex-end;align-items: center;gap:8px;min-width:220px}.image-input.svelte-1n6ht58{font-family:var(--font-mono);color:var(--ink);background:var(--bg);border:1px solid var(--rule);flex:1;min-width:0;padding:8px 10px;font-size:12px}.image-input.svelte-1n6ht58:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.image-controls.svelte-1n6ht58 .btn{flex:none}.msg.svelte-1n6ht58{font-family:var(--font-mono);width:100%;margin-top:2px;font-size:12px;line-height:1.4}.msg.error.svelte-1n6ht58{color:var(--danger)}.msg.ok.svelte-1n6ht58{color:var(--ink-soft)}.pets.svelte-1n6ht58{display:grid;grid-template-columns:repeat(auto-fill,minmax(44px,1fr));gap:6px}.pets.svelte-1n6ht58 form:where(.svelte-1n6ht58){display:contents}.pet.svelte-1n6ht58:disabled{cursor:progress}.pet.svelte-1n6ht58{display:flex;appearance:none;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items: center;padding:4px}.pet.svelte-1n6ht58:hover{border-color:var(--rule)}.pet.selected.svelte-1n6ht58{border-color:var(--attn-done);background:var(--switch-on-bg)}.pet.svelte-1n6ht58:focus-visible{outline:2px solid var(--ink);outline-offset:1px}.mode-toggle.svelte-1n6ht58{display:flex;border:1px solid var(--ink);flex:none}.mode-btn.svelte-1n6ht58{display:inline-flex;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.05em;background:var(--bg);color:var(--ink);cursor:pointer;border:none;align-items: center;gap:6px;padding:7px 14px;font-size:12px;font-weight:700}.mode-btn.svelte-1n6ht58+.mode-btn:where(.svelte-1n6ht58){border-left:1px solid var(--ink)}.mode-btn.active.svelte-1n6ht58{background:var(--ink);color:var(--bg)}.mode-btn.svelte-1n6ht58:disabled{cursor:not-allowed}.switch.svelte-1n6ht58{position:relative;cursor:pointer;flex:none}.switch.svelte-1n6ht58 input:where(.svelte-1n6ht58){position:absolute;opacity:0;cursor:pointer;margin:0;inset:0}.track.svelte-1n6ht58{display:block;border:1px solid var(--rule);background:var(--bg);border-radius:999px;width:44px;height:24px;transition:background .15s}.thumb.svelte-1n6ht58{display:block;background:var(--ink-faint);border-radius:999px;width:18px;height:18px;margin:2px;transition:transform .15s,background .15s}.switch.svelte-1n6ht58 input:where(.svelte-1n6ht58):checked+.track:where(.svelte-1n6ht58){background:var(--switch-on-bg)}.switch.svelte-1n6ht58 input:where(.svelte-1n6ht58):checked+.track:where(.svelte-1n6ht58) .thumb:where(.svelte-1n6ht58){background:var(--ink);transform:translate(20px)}.switch.svelte-1n6ht58 input:where(.svelte-1n6ht58):focus-visible+.track:where(.svelte-1n6ht58){outline:2px solid var(--ink);outline-offset:2px}.model-fields.svelte-1n6ht58{display:flex;flex-direction:column;flex:1;gap:6px;min-width:220px}.model-row.svelte-1n6ht58{display:flex;align-items: center;gap:8px}.model-label.svelte-1n6ht58{font-family:var(--font-mono);color:var(--ink-soft);text-align:right;flex:none;width:72px;font-size:11px}.model-row.svelte-1n6ht58 .image-input:where(.svelte-1n6ht58){flex:1}.model-save-row.svelte-1n6ht58{display:flex;justify-content:flex-end;margin-top:4px}.var-row.svelte-1n6ht58{flex-direction:column;align-items:stretch;gap:10px}.var-list.svelte-1n6ht58{display:flex;flex-direction:column;gap:6px}.var-item.svelte-1n6ht58{display:flex;background:var(--bg);border:1px solid var(--rule);align-items: center;gap:8px;padding:6px 8px}.var-name.svelte-1n6ht58{font-family:var(--font-mono);color:var(--ink);word-break:break-all;flex:1;min-width:0;font-size:12px}.var-status.svelte-1n6ht58{font-family:var(--font-mono);letter-spacing:.04em;color:var(--danger);flex:none;font-size:11px}.var-status.present.svelte-1n6ht58{color:var(--ink-soft)}.var-remove.svelte-1n6ht58{display:inline-flex;color:var(--ink-soft);border:1px solid var(--rule);cursor:pointer;background:0 0;flex:none;justify-content:center;align-items: center;width:22px;height:22px;padding:0}.var-remove.svelte-1n6ht58:hover:not(:disabled){color:var(--danger);border-color:var(--danger)}.var-remove.svelte-1n6ht58:disabled{opacity:.4;cursor:not-allowed}.var-empty.svelte-1n6ht58{font-family:var(--font-mono);color:var(--ink-faint);font-size:12px}.var-add.svelte-1n6ht58{display:flex;gap:8px}.var-add.svelte-1n6ht58 .btn{flex:none}

package/.mochi/svelte-css/{TopBar-2q87li6yt8ids.css → TopBar-2y76zxwehrfos.css}

@@ -1 +1 @@
-.topbar.svelte-1h259us{display:flex;border-bottom:1px solid var(--rule);justify-content:space-between;align-items: center;padding:18px 28px}.topbar-actions.svelte-1h259us{display:inline-flex;align-items: center;gap:14px}
+.topbar.svelte-1h259us{display:flex;border-bottom:1px solid var(--rule);justify-content:space-between;align-items: center;padding:18px 28px}.topbar-actions.svelte-1h259us{display:inline-flex;align-items: center;gap:14px}.new-group.svelte-1h259us{display:inline-flex;align-items: center;gap:6px}

package/migrations/0007_instance_avatar.sql

@@ -0,0 +1 @@
+ALTER TABLE instances ADD COLUMN avatar TEXT;

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "codebay",
-	"version": "0.9.0",
+	"version": "0.10.0",
 	"description": "Web UI for spinning up isolated devcontainer instances from any local folder, each with a browser-based VS Code (code-server) — built for parallel Claude Code workflows.",
 	"type": "module",
 	"license": "MIT",
@@ -47,7 +47,7 @@
 		"build": "mochi-framework build",
 		"start": "bun src/index.ts",
 		"prod": "bun run build && bun run start",
-		"dev": "MODE=development DISABLE_OPEN_BROWSER=1 DATA_DIR=./.codebay bun src/index.ts",
+		"dev": "MODE=development DISABLE_OPEN_BROWSER=1 DATA_DIR=./.codebay HOST=0.0.0.0 bun src/index.ts",
 		"typecheck": "svelte-check --tsconfig ./tsconfig.json --compiler-warnings 'attribute_illegal_colon:ignore' && tsc -p tsconfig.json --noEmit",
 		"test": "bun test",
 		"lint": "prettier --check . && eslint .",

package/src/avatars/diamond.ts

@@ -2,15 +2,14 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'diamond',
-	robot: true,
 	pixels: [
 		'.######.',
-		'#.#..#.#',
+		'##.#.#.#',
+		'#.#.#.#.',
 		'########',
-		'##.##.##',
-		'.#.##.#.',
-		'.##..##.',
-		'..####..',
+		'#.######',
+		'.#.####.',
+		'..#.##..',
 		'...##...'
 	]
 };

package/src/avatars/index.ts

@@ -129,22 +129,7 @@ export const avatars: AvatarArt[] = [
 	yinyan
 ];
 
-// FNV-1a, chosen because it's pure and cheap — the mapping must hold across processes.
-function fnv1a(s: string): number {
-	let h = 2166136261;
-	for (let i = 0; i < s.length; i++) {
-		h ^= s.charCodeAt(i);
-		h = Math.imul(h, 16777619);
-	}
-	return h >>> 0;
-}
-
-// Duplicates are possible but rare, since the hash spreads ids evenly across the catalog.
-export function pickAvatar(id: string): AvatarArt {
-	return avatars[fnv1a(id) % avatars.length]!;
-}
-
-/** Lookup by name, for sprites chosen by hand rather than hashed from an id. */
+/** Lookup by name; the server (`pick.server.ts`) resolves an instance's stored sprite name to its art. */
 export function findAvatar(name: string | undefined): AvatarArt | undefined {
 	return name ? avatars.find((a) => a.name === name) : undefined;
 }

package/src/avatars/pick.server.ts

@@ -0,0 +1,25 @@
+import { avatars } from './index.ts';
+import type { AvatarArt } from './types.ts';
+
+// Server-only: uses Bun.hash (a native, non-crypto hash) so we don't hand-roll one. crc32 returns a
+// plain uint32 to bucket directly. Stable across processes/versions, so an id maps to the same sprite.
+function bucket(id: string): number {
+	return Bun.hash.crc32(id) % avatars.length;
+}
+
+/** A deterministic sprite for an id — the default before a unique one is chosen and persisted. */
+export function pickAvatar(id: string): AvatarArt {
+	return avatars[bucket(id)]!;
+}
+
+// Prefer the id's deterministic sprite; if it's taken, probe forward so only colliding instances
+// deviate from what `pickAvatar` would give. Falls back to the hashed pick once the catalog is full.
+export function pickUniqueAvatar(id: string, taken: Iterable<string>): AvatarArt {
+	const used = new Set(taken);
+	const base = bucket(id);
+	for (let k = 0; k < avatars.length; k++) {
+		const art = avatars[(base + k) % avatars.length]!;
+		if (!used.has(art.name)) return art;
+	}
+	return avatars[base]!;
+}

package/src/avatars/whale.ts

@@ -2,16 +2,15 @@ import type { AvatarArt } from './types.ts';
 
 const art: AvatarArt = {
 	name: 'whale',
-	robot: true,
 	pixels: [
-		'....#...',
-		'...###..',
-		'..####.#',
-		'.#.####.',
+		'#.#.#...',
+		'.#.#....',
+		'..#.....',
+		'..#.....',
+		'.####...',
 		'######.#',
-		'.#####..',
-		'..####..',
-		'...##...'
+		'#.####.#',
+		'########'
 	]
 };
 

package/src/components/AppShell.svelte

@@ -160,9 +160,23 @@
 
 	const STALLED_AFTER_MS = 10_000;
 
+	const activeInstance = $derived(running.find((i) => i.id === active));
+
+	// A pane opened with "Open anyway" before code-server was up is stuck on the proxy's 503
+	// forever, and a document reload would tear down every other tab's editor.
+	const frames: Record<string, HTMLIFrameElement | null> = {};
+
+	function reloadActive() {
+		const inst = activeInstance;
+		if (!inst || inst.mode === 'terminal') return;
+		loadedFrames.delete(inst.id);
+		// `location.replace`, not `src =`: assigning src pushes a parent session-history entry,
+		// which would break the shell's pushState back button.
+		frames[inst.id]?.contentWindow?.location.replace(ideUrl(inst));
+	}
+
 	$effect(() => {
-		const inst = running.find((i) => i.id === active);
-		document.title = onIde && inst ? `${inst.name} — Codebay` : 'Codebay';
+		document.title = onIde && activeInstance ? `${activeInstance.name} — Codebay` : 'Codebay';
 	});
 
 	// Browsers block audio until the page has been interacted with.
@@ -266,6 +280,9 @@
 			{attention}
 			{editingId}
 			bind:editingName
+			onreload={activeInstance && activeInstance.mode !== 'terminal' && mountable(active)
+				? reloadActive
+				: undefined}
 			onselect={(id) => navigate(`/ide/${id}`)}
 			onstartrename={startRename}
 			oncommitrename={commitRename}
@@ -295,7 +312,11 @@
 								initialOpen={inst.terminal_split === 1}
 							/>
 						{:else}
-							<iframe src={ideUrl(inst)} title={inst.name} onload={() => loadedFrames.add(inst.id)}
+							<iframe
+								bind:this={frames[inst.id]}
+								src={ideUrl(inst)}
+								title={inst.name}
+								onload={() => loadedFrames.add(inst.id)}
 							></iframe>
 						{/if}
 					{/if}
@@ -303,7 +324,11 @@
 					     iframe's own `load` is bounded and gets a plain loader. The terminal has no
 					     `load` event, so once it's mountable its own "connecting…" covers the gap. -->
 					{#if !mountable(inst.id)}
-						<IdeLoader stalledAfterMs={STALLED_AFTER_MS} onoverride={() => forced.add(inst.id)} />
+						<IdeLoader
+							mode={inst.mode}
+							stalledAfterMs={STALLED_AFTER_MS}
+							onoverride={() => forced.add(inst.id)}
+						/>
 					{:else if inst.mode !== 'terminal' && !loadedFrames.has(inst.id)}
 						<IdeLoader />
 					{/if}

package/src/components/Avatar.svelte

@@ -1,19 +1,17 @@
 <script lang="ts">
-	import { pickAvatar, decode, type AvatarArt } from '../avatars/index.ts';
+	import { decode, type AvatarArt } from '../avatars/index.ts';
 
 	// `scale` is device-pixels per LED cell; the panel is always an integer multiple
 	// of it (10 × scale px) so every pixel lands on a crisp boundary.
 	let {
-		id = '',
 		name,
 		scale = 6,
 		art,
 		interactive = false
 	}: {
-		id?: string;
 		name: string;
 		scale?: number;
-		art?: AvatarArt;
+		art?: AvatarArt | null;
 		interactive?: boolean;
 	} = $props();
 
@@ -67,15 +65,17 @@
 	// 0.5px is a crisp single device-pixel at 2×; at 1× the cells can't spare any gutter.
 	const gap = $derived(s >= 2 ? 0.5 : 0);
 
-	const resolved = $derived(art ?? pickAvatar(id));
-	const cells = $derived(decode(resolved));
+	// Instance sprites are resolved server-side and handed in as `art`; a missing or unknown one
+	// (null/unset) renders an empty panel rather than a colliding fallback.
+	const resolved = $derived(art ?? null);
+	const cells = $derived(resolved ? decode(resolved) : []);
 	// The 10×10 outer ring is unlit LED cells — a bezel of real dots, not blank padding.
 	const grid = $derived(
 		Array.from({ length: 100 }, (_, i) => {
 			const r = Math.floor(i / 10);
 			const c = i % 10;
 			const inner = r >= 1 && r <= 8 && c >= 1 && c <= 8;
-			return inner ? cells[(r - 1) * 8 + (c - 1)] : 0;
+			return inner ? (cells[(r - 1) * 8 + (c - 1)] ?? 0) : 0;
 		})
 	);
 </script>
@@ -87,7 +87,7 @@
 	class:ghosting
 	role="img"
 	aria-label={name}
-	title={resolved.name}
+	title={resolved?.name}
 	style="width:{10 * s}px;height:{10 *
 		s}px;--gap:{gap}px;--bx:{bx};--by:{by};--spin:{spin}deg;--hue:{hue}deg"
 	{onpointerdown}

package/src/components/Button.svelte

@@ -8,6 +8,7 @@
 		variant = 'default',
 		size = 'md',
 		ghost = false,
+		square = false,
 		icon,
 		iconSize,
 		href,
@@ -20,6 +21,8 @@
 		size?: Size;
 		/** Dashed-outline treatment that fills on hover — used for secondary links. */
 		ghost?: boolean;
+		/** Icon-only: drops the padding for a square that matches the row's button height. */
+		square?: boolean;
 		/** Optional leading icon component, e.g. a lucide icon like `Plus`. */
 		icon?: Component<{ size?: number }>;
 		/** Override the icon size; defaults to a size that scales with `size`. */
@@ -40,6 +43,7 @@
 	<a
 		class="btn {variant} {size}"
 		class:ghost
+		class:square
 		href={disabled ? undefined : href}
 		aria-disabled={disabled || undefined}
 		tabindex={disabled ? -1 : undefined}
@@ -49,7 +53,7 @@
 		{@render children?.()}
 	</a>
 {:else}
-	<button class="btn {variant} {size}" class:ghost {onclick} {disabled} {...rest}>
+	<button class="btn {variant} {size}" class:ghost class:square {onclick} {disabled} {...rest}>
 		{#if Icon}<Icon size={resolvedIconSize} />{/if}
 		{@render children?.()}
 	</button>
@@ -97,6 +101,23 @@
 		font-size: 15px;
 	}
 
+	/* Sized to match the text button of the same `size`, so the two sit flush in a row. */
+	.btn.square {
+		padding: 0;
+	}
+	.btn.square.sm {
+		width: 30px;
+		height: 30px;
+	}
+	.btn.square.md {
+		width: 35px;
+		height: 35px;
+	}
+	.btn.square.lg {
+		width: 44px;
+		height: 44px;
+	}
+
 	.btn.default:hover:not(:disabled) {
 		background: var(--ink);
 		color: var(--bg);

package/src/components/DashboardView.svelte

@@ -1,5 +1,10 @@
 <script lang="ts">
-	import { type Instance, type InstanceFilter, type Preflight } from '../types.ts';
+	import {
+		type Instance,
+		type InstanceFilter,
+		type InstanceMode,
+		type Preflight
+	} from '../types.ts';
 	import type { AvatarArt } from '../avatars/index.ts';
 	import FolderBrowser from './FolderBrowser.svelte';
 	import InstanceCard from './InstanceCard.svelte';
@@ -28,6 +33,8 @@
 	type Action = 'start' | 'stop' | 'delete' | 'rebuild';
 
 	let browserOpen = $state(false);
+	// Set only by the mode shortcut button; null lets the picker follow the global default.
+	let browserMode = $state<InstanceMode | null>(null);
 	let creating = $state(false);
 	let actionError = $state<string | null>(null);
 	let editingId = $state<string | null>(null);
@@ -148,7 +155,11 @@
 	{creating}
 	{filter}
 	{onFilter}
-	onNew={() => (browserOpen = true)}
+	defaultMode={preflight.defaultMode}
+	onNew={(mode) => {
+		browserMode = mode ?? null;
+		browserOpen = true;
+	}}
 	onDeleteAll={deleteAll}
 />
 
@@ -199,6 +210,7 @@
 	<FolderBrowser
 		onpick={createFrom}
 		defaultMode={preflight.defaultMode}
+		initialMode={browserMode}
 		onclose={() => (browserOpen = false)}
 	/>
 {/if}

package/src/components/FolderBrowser.svelte

@@ -15,16 +15,20 @@
 	let {
 		onpick,
 		onclose,
-		defaultMode = 'ide'
+		defaultMode = 'ide',
+		initialMode = null
 	}: {
 		onpick: (source: string, opts?: { branch?: string; mode?: InstanceMode }) => void;
 		onclose: () => void;
 		defaultMode?: InstanceMode;
+		/** Opens pinned to this mode — set by the dashboard's mode shortcut button. */
+		initialMode?: InstanceMode | null;
 	} = $props();
 
 	// Follows the global default live — settings opens in its own popup, so the toggle there can
 	// move while this picker is open. An explicit choice here wins and is never yanked back.
-	let modeOverride = $state<InstanceMode | null>(null);
+	// svelte-ignore state_referenced_locally
+	let modeOverride = $state<InstanceMode | null>(initialMode);
 	const mode = $derived(modeOverride ?? defaultMode);
 
 	let result = $state<BrowseResult | null>(null);