codebay 0.11.1 → 0.12.0

package/.mochi/svelte-compile/{Settings-tvc5yp08.server.js → Settings-j3aygrjb.server.js}

@@ -5,9 +5,11 @@ import {
   Terminal,
   playChime,
   setSoundEnabled,
+  setTabShortcutsEnabled,
   soundEnabled,
+  tabShortcutsEnabled,
   unlockAudio
-} from "./chunk-bpqwf1nw.js";
+} from "./chunk-pqb403fh.js";
 import {
   CLAUDE_EFFORT_LEVELS,
   CLAUDE_PERMISSION_MODES,
@@ -38,11 +40,11 @@ import"./chunk-xpt1a7jm.js";
 
 // src/pages/Settings.svelte
 import"svelte/internal/flags/async";
-import * as $27 from "svelte/internal/server";
+import * as $28 from "svelte/internal/server";
 
 // src/components/SettingsView.svelte
 import"svelte/internal/flags/async";
-import * as $26 from "svelte/internal/server";
+import * as $27 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/container.svelte
 import"svelte/internal/flags/async";
@@ -91,9 +93,30 @@ function Volume_2($$renderer, $$props) {
   ];
   Icon($$renderer, $3.spread_props([{ name: "volume-2" }, props, { iconNode }]));
 }
-// node_modules/@lucide/svelte/dist/icons/paw-print.svelte
+// node_modules/@lucide/svelte/dist/icons/keyboard.svelte
 import"svelte/internal/flags/async";
 import * as $4 from "svelte/internal/server";
+function Keyboard($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M10 8h.01" }],
+    ["path", { d: "M12 12h.01" }],
+    ["path", { d: "M14 8h.01" }],
+    ["path", { d: "M16 12h.01" }],
+    ["path", { d: "M18 8h.01" }],
+    ["path", { d: "M6 8h.01" }],
+    ["path", { d: "M7 16h10" }],
+    ["path", { d: "M8 12h.01" }],
+    [
+      "rect",
+      { width: "20", height: "16", x: "2", y: "4", rx: "2" }
+    ]
+  ];
+  Icon($$renderer, $4.spread_props([{ name: "keyboard" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/paw-print.svelte
+import"svelte/internal/flags/async";
+import * as $5 from "svelte/internal/server";
 function Paw_print($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -107,11 +130,11 @@ function Paw_print($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $4.spread_props([{ name: "paw-print" }, props, { iconNode }]));
+  Icon($$renderer, $5.spread_props([{ name: "paw-print" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/sun-moon.svelte
 import"svelte/internal/flags/async";
-import * as $5 from "svelte/internal/server";
+import * as $6 from "svelte/internal/server";
 function Sun_moon($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -126,15 +149,15 @@ function Sun_moon($$renderer, $$props) {
     ["path", { d: "m19 5-1.256 1.256" }],
     ["path", { d: "M20 12h2" }]
   ];
-  Icon($$renderer, $5.spread_props([{ name: "sun-moon" }, props, { iconNode }]));
+  Icon($$renderer, $6.spread_props([{ name: "sun-moon" }, props, { iconNode }]));
 }
 // src/components/ThemePicker.svelte
 import"svelte/internal/flags/async";
-import * as $9 from "svelte/internal/server";
+import * as $10 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/sun.svelte
 import"svelte/internal/flags/async";
-import * as $6 from "svelte/internal/server";
+import * as $7 from "svelte/internal/server";
 function Sun($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -148,11 +171,11 @@ function Sun($$renderer, $$props) {
     ["path", { d: "m6.34 17.66-1.41 1.41" }],
     ["path", { d: "m19.07 4.93-1.41 1.41" }]
   ];
-  Icon($$renderer, $6.spread_props([{ name: "sun" }, props, { iconNode }]));
+  Icon($$renderer, $7.spread_props([{ name: "sun" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/moon.svelte
 import"svelte/internal/flags/async";
-import * as $7 from "svelte/internal/server";
+import * as $8 from "svelte/internal/server";
 function Moon($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -163,11 +186,11 @@ function Moon($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $7.spread_props([{ name: "moon" }, props, { iconNode }]));
+  Icon($$renderer, $8.spread_props([{ name: "moon" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/monitor.svelte
 import"svelte/internal/flags/async";
-import * as $8 from "svelte/internal/server";
+import * as $9 from "svelte/internal/server";
 function Monitor($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -178,7 +201,7 @@ function Monitor($$renderer, $$props) {
     ["line", { x1: "8", x2: "16", y1: "21", y2: "21" }],
     ["line", { x1: "12", x2: "12", y1: "17", y2: "21" }]
   ];
-  Icon($$renderer, $8.spread_props([{ name: "monitor" }, props, { iconNode }]));
+  Icon($$renderer, $9.spread_props([{ name: "monitor" }, props, { iconNode }]));
 }
 // src/components/ThemePicker.svelte
 function ThemePicker($$renderer, $$props) {
@@ -212,10 +235,10 @@ function ThemePicker($$renderer, $$props) {
       phase = null;
     }
     $$renderer2.push(`<div class="picker svelte-3gcwuj" role="radiogroup" aria-label="Theme"><!--[-->`);
-    const each_array = $9.ensure_array_like(options);
+    const each_array = $10.ensure_array_like(options);
     for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
       let { value, label, icon: Icon2 } = each_array[$$index];
-      $$renderer2.push(`<button type="button"${$9.attr_class("segment svelte-3gcwuj", undefined, { active: theme === value })} role="radio"${$9.attr("aria-checked", theme === value)}>`);
+      $$renderer2.push(`<button type="button"${$10.attr_class("segment svelte-3gcwuj", undefined, { active: theme === value })} role="radio"${$10.attr("aria-checked", theme === value)}>`);
       if (Icon2) {
         $$renderer2.push("<!--[-->");
         Icon2($$renderer2, { size: 13 });
@@ -224,12 +247,12 @@ function ThemePicker($$renderer, $$props) {
         $$renderer2.push("<!--[!-->");
         $$renderer2.push("<!--]-->");
       }
-      $$renderer2.push(` ${$9.escape(label)}</button>`);
+      $$renderer2.push(` ${$10.escape(label)}</button>`);
     }
     $$renderer2.push(`<!--]--></div> `);
     if (phase) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$9.attr_class("crt svelte-3gcwuj", undefined, {
+      $$renderer2.push(`<div${$10.attr_class("crt svelte-3gcwuj", undefined, {
         collapse: phase === "collapse",
         restore: phase === "restore"
       })}><span class="bar top svelte-3gcwuj"></span> <span class="bar bottom svelte-3gcwuj"></span> <span class="line svelte-3gcwuj"></span></div>`);
@@ -242,7 +265,7 @@ function ThemePicker($$renderer, $$props) {
 
 // node_modules/@lucide/svelte/dist/icons/layers.svelte
 import"svelte/internal/flags/async";
-import * as $10 from "svelte/internal/server";
+import * as $11 from "svelte/internal/server";
 function Layers($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -265,11 +288,11 @@ function Layers($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $10.spread_props([{ name: "layers" }, props, { iconNode }]));
+  Icon($$renderer, $11.spread_props([{ name: "layers" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/folder-minus.svelte
 import"svelte/internal/flags/async";
-import * as $11 from "svelte/internal/server";
+import * as $12 from "svelte/internal/server";
 function Folder_minus($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -281,11 +304,11 @@ function Folder_minus($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $11.spread_props([{ name: "folder-minus" }, props, { iconNode }]));
+  Icon($$renderer, $12.spread_props([{ name: "folder-minus" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/trash-2.svelte
 import"svelte/internal/flags/async";
-import * as $12 from "svelte/internal/server";
+import * as $13 from "svelte/internal/server";
 function Trash_2($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -295,11 +318,11 @@ function Trash_2($$renderer, $$props) {
     ["path", { d: "M3 6h18" }],
     ["path", { d: "M8 6V4a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2" }]
   ];
-  Icon($$renderer, $12.spread_props([{ name: "trash-2" }, props, { iconNode }]));
+  Icon($$renderer, $13.spread_props([{ name: "trash-2" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/hammer.svelte
 import"svelte/internal/flags/async";
-import * as $13 from "svelte/internal/server";
+import * as $14 from "svelte/internal/server";
 function Hammer($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -312,11 +335,11 @@ function Hammer($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $13.spread_props([{ name: "hammer" }, props, { iconNode }]));
+  Icon($$renderer, $14.spread_props([{ name: "hammer" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/key-round.svelte
 import"svelte/internal/flags/async";
-import * as $14 from "svelte/internal/server";
+import * as $15 from "svelte/internal/server";
 function Key_round($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -331,11 +354,11 @@ function Key_round($$renderer, $$props) {
       { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" }
     ]
   ];
-  Icon($$renderer, $14.spread_props([{ name: "key-round" }, props, { iconNode }]));
+  Icon($$renderer, $15.spread_props([{ name: "key-round" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/user-cog.svelte
 import"svelte/internal/flags/async";
-import * as $15 from "svelte/internal/server";
+import * as $16 from "svelte/internal/server";
 function User_cog($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -351,11 +374,11 @@ function User_cog($$renderer, $$props) {
     ["circle", { cx: "18", cy: "15", r: "3" }],
     ["circle", { cx: "9", cy: "7", r: "4" }]
   ];
-  Icon($$renderer, $15.spread_props([{ name: "user-cog" }, props, { iconNode }]));
+  Icon($$renderer, $16.spread_props([{ name: "user-cog" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/cpu.svelte
 import"svelte/internal/flags/async";
-import * as $16 from "svelte/internal/server";
+import * as $17 from "svelte/internal/server";
 function Cpu($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -377,11 +400,11 @@ function Cpu($$renderer, $$props) {
     ],
     ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1" }]
   ];
-  Icon($$renderer, $16.spread_props([{ name: "cpu" }, props, { iconNode }]));
+  Icon($$renderer, $17.spread_props([{ name: "cpu" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/variable.svelte
 import"svelte/internal/flags/async";
-import * as $17 from "svelte/internal/server";
+import * as $18 from "svelte/internal/server";
 function Variable($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -390,11 +413,11 @@ function Variable($$renderer, $$props) {
     ["line", { x1: "15", x2: "9", y1: "9", y2: "15" }],
     ["line", { x1: "9", x2: "15", y1: "9", y2: "15" }]
   ];
-  Icon($$renderer, $17.spread_props([{ name: "variable" }, props, { iconNode }]));
+  Icon($$renderer, $18.spread_props([{ name: "variable" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/key-square.svelte
 import"svelte/internal/flags/async";
-import * as $18 from "svelte/internal/server";
+import * as $19 from "svelte/internal/server";
 function Key_square($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -412,11 +435,11 @@ function Key_square($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $18.spread_props([{ name: "key-square" }, props, { iconNode }]));
+  Icon($$renderer, $19.spread_props([{ name: "key-square" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/sliders-horizontal.svelte
 import"svelte/internal/flags/async";
-import * as $19 from "svelte/internal/server";
+import * as $20 from "svelte/internal/server";
 function Sliders_horizontal($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -430,11 +453,11 @@ function Sliders_horizontal($$renderer, $$props) {
     ["path", { d: "M8 10v4" }],
     ["path", { d: "M8 12H3" }]
   ];
-  Icon($$renderer, $19.spread_props([{ name: "sliders-horizontal" }, props, { iconNode }]));
+  Icon($$renderer, $20.spread_props([{ name: "sliders-horizontal" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/list-ordered.svelte
 import"svelte/internal/flags/async";
-import * as $20 from "svelte/internal/server";
+import * as $21 from "svelte/internal/server";
 function List_ordered($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -450,11 +473,11 @@ function List_ordered($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $20.spread_props([{ name: "list-ordered" }, props, { iconNode }]));
+  Icon($$renderer, $21.spread_props([{ name: "list-ordered" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/boxes.svelte
 import"svelte/internal/flags/async";
-import * as $21 from "svelte/internal/server";
+import * as $22 from "svelte/internal/server";
 function Boxes($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -486,11 +509,11 @@ function Boxes($$renderer, $$props) {
     ["path", { d: "m12 8 4.74-2.85" }],
     ["path", { d: "M12 13.5V8" }]
   ];
-  Icon($$renderer, $21.spread_props([{ name: "boxes" }, props, { iconNode }]));
+  Icon($$renderer, $22.spread_props([{ name: "boxes" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/puzzle.svelte
 import"svelte/internal/flags/async";
-import * as $22 from "svelte/internal/server";
+import * as $23 from "svelte/internal/server";
 function Puzzle($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -501,14 +524,14 @@ function Puzzle($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $22.spread_props([{ name: "puzzle" }, props, { iconNode }]));
+  Icon($$renderer, $23.spread_props([{ name: "puzzle" }, props, { iconNode }]));
 }
 // src/components/SettingsView.svelte
 import { flushSync } from "svelte";
 
 // src/components/CoinButton.svelte
 import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
+import * as $24 from "svelte/internal/server";
 function CoinButton($$renderer, $$props) {
   let { href = "/avatars" } = $$props;
   const coinArt = {
@@ -524,14 +547,14 @@ function CoinButton($$renderer, $$props) {
       "..####.."
     ]
   };
-  $$renderer.push(`<div class="coin-row svelte-1ioj7vz"><span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span> <a class="coin-btn svelte-1ioj7vz"${$23.attr("href", href)} aria-label="Draw your own avatar" title="Draw your own avatar"><span class="new svelte-1ioj7vz" aria-hidden="true">New</span> <span class="coin svelte-1ioj7vz" aria-hidden="true">`);
+  $$renderer.push(`<div class="coin-row svelte-1ioj7vz"><span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span> <a class="coin-btn svelte-1ioj7vz"${$24.attr("href", href)} aria-label="Draw your own avatar" title="Draw your own avatar"><span class="new svelte-1ioj7vz" aria-hidden="true">New</span> <span class="coin svelte-1ioj7vz" aria-hidden="true">`);
   Avatar($$renderer, { art: coinArt, name: "coin", scale: 3 });
   $$renderer.push(`<!----></span></a> <span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span></div>`);
 }
 
 // node_modules/@lucide/svelte/dist/icons/shield-check.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $25 from "svelte/internal/server";
 function Shield_check($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -543,18 +566,18 @@ function Shield_check($$renderer, $$props) {
     ],
     ["path", { d: "m9 12 2 2 4-4" }]
   ];
-  Icon($$renderer, $24.spread_props([{ name: "shield-check" }, props, { iconNode }]));
+  Icon($$renderer, $25.spread_props([{ name: "shield-check" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/gauge.svelte
 import"svelte/internal/flags/async";
-import * as $25 from "svelte/internal/server";
+import * as $26 from "svelte/internal/server";
 function Gauge($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
     ["path", { d: "m12 14 4-4" }],
     ["path", { d: "M3.34 19a10 10 0 1 1 17.32 0" }]
   ];
-  Icon($$renderer, $25.spread_props([{ name: "gauge" }, props, { iconNode }]));
+  Icon($$renderer, $26.spread_props([{ name: "gauge" }, props, { iconNode }]));
 }
 // src/components/SettingsView.svelte
 function SettingsView($$renderer, $$props) {
@@ -601,6 +624,7 @@ function SettingsView($$renderer, $$props) {
       version
     } = $$props;
     let sound = soundEnabled();
+    let tabShortcuts = tabShortcutsEnabled();
     let petArt = pet;
     let savingPet = false;
     let petError = null;
@@ -968,7 +992,7 @@ function SettingsView($$renderer, $$props) {
         manualModelsMsg = "Saved.";
       }
     });
-    let litellmBlocker = $26.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
+    let litellmBlocker = $27.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
     let hostEnvVars = hostEnvVarsEnabled;
     let savingHostEnvToggle = false;
     let hostEnvToggleError = null;
@@ -1099,6 +1123,10 @@ function SettingsView($$renderer, $$props) {
       if (on)
         playChime("done");
     }
+    function toggleTabShortcuts(on) {
+      tabShortcuts = on;
+      setTabShortcutsEnabled(on);
+    }
     const petToggleOpts = {
       onPending: (v) => savingPet = v,
       submit: () => {
@@ -1140,30 +1168,30 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <main class="content svelte-1n6ht58"><section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/defaultMode"><div class="label svelte-1n6ht58">`);
     Terminal($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Default editor</div> <div class="desc svelte-1n6ht58">What new instances start in. <strong>Full IDE</strong> serves browser VS Code; <strong>Terminal</strong> is lighter \u2014 just Claude Code in a terminal, no code-server. You
-							can override this per instance when creating one.</div></div></div> <input type="hidden" name="mode"${$26.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$26.attr("aria-pressed", modeChoice === "ide")}${$26.attr("disabled", savingMode, true)}>`);
+							can override this per instance when creating one.</div></div></div> <input type="hidden" name="mode"${$27.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$27.attr("aria-pressed", modeChoice === "ide")}${$27.attr("disabled", savingMode, true)}>`);
     Layout_template($$renderer2, { size: 15 });
-    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$26.attr("aria-pressed", modeChoice === "terminal")}${$26.attr("disabled", savingMode, true)}>`);
+    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$27.attr("aria-pressed", modeChoice === "terminal")}${$27.attr("disabled", savingMode, true)}>`);
     Terminal($$renderer2, { size: 15 });
     $$renderer2.push(`<!----> Terminal</button></div></form> `);
     if (modeError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(modeError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(modeError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/claudePermissionMode"><div class="label svelte-1n6ht58">`);
     Shield_check($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude permission mode</div> <div class="desc svelte-1n6ht58">The mode Claude Code starts in inside new instances. <strong>Default</strong> runs <code class="svelte-1n6ht58">--dangerously-skip-permissions</code>, which never prompts; the other three pass <code class="svelte-1n6ht58">--permission-mode</code> instead, because the skip flag overrides them. Applies on
-							create and rebuild, not to already-running instances.</div></div></div> <input type="hidden" name="mode"${$26.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
-    const each_array = $26.ensure_array_like(CLAUDE_PERMISSION_MODES);
+							create and rebuild, not to already-running instances.</div></div></div> <input type="hidden" name="mode"${$27.attr("value", permissionChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude permission mode"><!--[-->`);
+    const each_array = $27.ensure_array_like(CLAUDE_PERMISSION_MODES);
     for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
       let option = each_array[$$index];
-      $$renderer2.push(`<button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$26.attr("aria-pressed", permissionChoice === option)}${$26.attr("disabled", savingPermission, true)}>${$26.escape(PERMISSION_LABELS[option])}</button>`);
+      $$renderer2.push(`<button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: permissionChoice === option })}${$27.attr("aria-pressed", permissionChoice === option)}${$27.attr("disabled", savingPermission, true)}>${$27.escape(PERMISSION_LABELS[option])}</button>`);
     }
     $$renderer2.push(`<!--]--></div></form> `);
     if (permissionError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(permissionError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(permissionError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1171,16 +1199,16 @@ function SettingsView($$renderer, $$props) {
     Gauge($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude effort level</div> <div class="desc svelte-1n6ht58">The default reasoning effort Claude Code starts new sessions at inside instances,
 							written to <code class="svelte-1n6ht58">~/.claude/settings.json</code>. Applies on create and rebuild, not to
-							already-running instances.</div></div></div> <input type="hidden" name="level"${$26.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
-    const each_array_1 = $26.ensure_array_like(CLAUDE_EFFORT_LEVELS);
+							already-running instances.</div></div></div> <input type="hidden" name="level"${$27.attr("value", effortChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Claude effort level"><!--[-->`);
+    const each_array_1 = $27.ensure_array_like(CLAUDE_EFFORT_LEVELS);
     for (let $$index_1 = 0, $$length = each_array_1.length;$$index_1 < $$length; $$index_1++) {
       let option = each_array_1[$$index_1];
-      $$renderer2.push(`<button type="button"${$26.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$26.attr("aria-pressed", effortChoice === option)}${$26.attr("disabled", savingEffort, true)}>${$26.escape(EFFORT_LABELS[option])}</button>`);
+      $$renderer2.push(`<button type="button"${$27.attr_class("mode-btn svelte-1n6ht58", undefined, { active: effortChoice === option })}${$27.attr("aria-pressed", effortChoice === option)}${$27.attr("disabled", savingEffort, true)}>${$27.escape(EFFORT_LABELS[option])}</button>`);
     }
     $$renderer2.push(`<!--]--></div></form> `);
     if (effortError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(effortError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(effortError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1189,12 +1217,12 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Default container image `);
     if (dockerArch) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$26.escape(dockerArch)}</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$27.escape(dockerArch)}</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">Used only when a project folder ships no devcontainer.json. Takes effect for instances
-							created from now on.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="image" class="image-input svelte-1n6ht58"${$26.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
+							created from now on.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="image" class="image-input svelte-1n6ht58"${$27.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingImage,
@@ -1209,14 +1237,14 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingImage,
       onclick: resetImage,
-      title: `Reset to default (${$26.stringify(builtinImage)})`,
+      title: `Reset to default (${$27.stringify(builtinImage)})`,
       "aria-label": "Reset to default image"
     });
     $$renderer2.push(`<!----></div> <div class="desc tip svelte-1n6ht58">`);
     if (dockerArch) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`Your Docker daemon runs on <strong>${$26.escape(dockerArch)}</strong> \u2014 pick an image that publishes
-						an <strong>${$26.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
+      $$renderer2.push(`Your Docker daemon runs on <strong>${$27.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$27.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
     } else {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`Pick an image whose manifest covers your Docker daemon's architecture, or the pull will
@@ -1225,7 +1253,7 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div> `);
     if (imageError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(imageError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(imageError)}</div>`);
     } else if (imageSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1236,7 +1264,7 @@ function SettingsView($$renderer, $$props) {
     Folder_minus($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Skip when copying a local folder</div> <div class="desc svelte-1n6ht58">Comma-separated folder/file names excluded when copying a local source folder into a
 							new instance's workspace. Leave blank to copy everything. Only applies to local
-							folders \u2014 cloning a Git repo URL is unaffected.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="patterns" class="image-input svelte-1n6ht58"${$26.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
+							folders \u2014 cloning a Git repo URL is unaffected.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="patterns" class="image-input svelte-1n6ht58"${$27.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingCopyIgnore,
@@ -1251,13 +1279,13 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingCopyIgnore,
       onclick: resetCopyIgnore,
-      title: `Reset to default (${$26.stringify(builtinCopyIgnore)})`,
+      title: `Reset to default (${$27.stringify(builtinCopyIgnore)})`,
       "aria-label": "Reset to default copy-ignore patterns"
     });
     $$renderer2.push(`<!----></div> `);
     if (copyIgnoreError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(copyIgnoreError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(copyIgnoreError)}</div>`);
     } else if (copyIgnoreSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1268,10 +1296,10 @@ function SettingsView($$renderer, $$props) {
     User_cog($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Override git identity</div> <div class="desc svelte-1n6ht58">Inject a name and email as <code class="svelte-1n6ht58">git config --global user.name/user.email</code> in every
 							new container, taking precedence over the host's own git config. When off, each container
-							falls back to the host's identity.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", gitIdentity, true)}${$26.attr("disabled", savingGitToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							falls back to the host's identity.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", gitIdentity, true)}${$27.attr("disabled", savingGitToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (gitToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(gitToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(gitToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1279,7 +1307,7 @@ function SettingsView($$renderer, $$props) {
     if (gitIdentity) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/gitIdentityOverride"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Identity</div> <div class="desc svelte-1n6ht58">Both fields are required \u2014 leave either blank and the container falls back to the
-								host's identity.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Name</span> <input type="text" name="name" class="image-input svelte-1n6ht58"${$26.attr("value", gitName)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="Jane Doe"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Email</span> <input type="text" name="email" class="image-input svelte-1n6ht58"${$26.attr("value", gitEmail)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="jane@example.com"/></label> <div class="model-save-row svelte-1n6ht58">`);
+								host's identity.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Name</span> <input type="text" name="name" class="image-input svelte-1n6ht58"${$27.attr("value", gitName)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="Jane Doe"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Email</span> <input type="text" name="email" class="image-input svelte-1n6ht58"${$27.attr("value", gitEmail)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="jane@example.com"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGitIdentity,
@@ -1291,7 +1319,7 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (gitIdentityError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(gitIdentityError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(gitIdentityError)}</div>`);
       } else if (gitIdentitySaved) {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -1305,10 +1333,10 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/disableBuildCache"><div class="label svelte-1n6ht58">`);
     Layers($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Disable build cache</div> <div class="desc svelte-1n6ht58">Build every new container with <code class="svelte-1n6ht58">--build-no-cache</code>. Applies to first boot
-							and rebuilds \u2014 slower, but always picks up upstream image/layer changes.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", noCache, true)}${$26.attr("disabled", savingCache, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							and rebuilds \u2014 slower, but always picks up upstream image/layer changes.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", noCache, true)}${$27.attr("disabled", savingCache, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (cacheError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(cacheError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(cacheError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1318,10 +1346,10 @@ function SettingsView($$renderer, $$props) {
 							remove pulled images.</div> `);
     if (clearError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(clearError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(clearError)}</div>`);
     } else if (clearMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(clearMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(clearMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1331,7 +1359,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearing,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$26.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$27.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1341,10 +1369,10 @@ function SettingsView($$renderer, $$props) {
 							layers. In-container edits are kept; stopped instances are left alone.</div> `);
     if (rebuildError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(rebuildError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(rebuildError)}</div>`);
     } else if (rebuildMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(rebuildMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(rebuildMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1354,11 +1382,11 @@ function SettingsView($$renderer, $$props) {
       icon: Hammer,
       disabled: rebuilding,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$26.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+        $$renderer3.push(`<!---->${$27.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----></form></section> <section${$26.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualTokensToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!----></form></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualTokensToggle"><div class="label svelte-1n6ht58">`);
     Key_round($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Set tokens manually `);
     if (customEndpoint) {
@@ -1379,10 +1407,10 @@ function SettingsView($$renderer, $$props) {
 								token set here is injected into every new container and overrides host credential
 								discovery.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", manualTokens, true)}${$26.attr("disabled", savingManualToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", manualTokens, true)}${$27.attr("disabled", savingManualToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (manualToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(manualToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(manualToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1390,7 +1418,7 @@ function SettingsView($$renderer, $$props) {
     if (manualTokens && !customEndpoint) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/githubToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">GitHub token</div> <div class="desc svelte-1n6ht58">macOS / Linux: run <code class="svelte-1n6ht58">gh auth token</code> to print your GitHub CLI token, or
-								create a Personal Access Token at <code class="svelte-1n6ht58">github.com/settings/tokens</code> (scopes: <code class="svelte-1n6ht58">repo</code>, <code class="svelte-1n6ht58">read:org</code>). Leave blank and Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="githubToken" class="image-input svelte-1n6ht58"${$26.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
+								create a Personal Access Token at <code class="svelte-1n6ht58">github.com/settings/tokens</code> (scopes: <code class="svelte-1n6ht58">repo</code>, <code class="svelte-1n6ht58">read:org</code>). Leave blank and Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="githubToken" class="image-input svelte-1n6ht58"${$27.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGithub,
@@ -1402,17 +1430,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (githubError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(githubError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(githubError)}</div>`);
       } else if (githubMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(githubMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(githubMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/claudeToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Claude Code token</div> <div class="desc svelte-1n6ht58">macOS / Linux: run <code class="svelte-1n6ht58">claude setup-token</code> to mint a long-lived token and
 								paste it here. Copying a live login out of the keychain or <code class="svelte-1n6ht58">~/.claude/.credentials.json</code> works too, but that credential rotates \u2014
 								the first <code class="svelte-1n6ht58">claude</code> to refresh it signs the other one out. Leave blank and Save
-								to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="claudeToken" class="image-input svelte-1n6ht58"${$26.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
+								to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="claudeToken" class="image-input svelte-1n6ht58"${$27.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingClaude,
@@ -1424,10 +1452,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (claudeError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(claudeError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(claudeError)}</div>`);
       } else if (claudeMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(claudeMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(claudeMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1435,19 +1463,19 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$26.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": litellmBlocker() })}><form class="row svelte-1n6ht58" method="POST" action="?/customEndpointToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!--]--></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": litellmBlocker() })}><form class="row svelte-1n6ht58" method="POST" action="?/customEndpointToggle"><div class="label svelte-1n6ht58">`);
     Key_round($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">LiteLLM + Bedrock `);
     if (litellmBlocker()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$26.attr("title", `Disabled while ${$26.stringify(litellmBlocker())} is on`)}>disabled</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$27.attr("title", `Disabled while ${$27.stringify(litellmBlocker())} is on`)}>disabled</span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">`);
     if (litellmBlocker()) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`Not available while "${$26.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
+      $$renderer2.push(`Not available while "${$27.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
 								incompatible.`);
     } else {
       $$renderer2.push("<!--[-1-->");
@@ -1455,17 +1483,17 @@ function SettingsView($$renderer, $$props) {
 								default API. When enabled, the Bedrock endpoint variables are injected into every new
 								container, host OAuth credentials are not used, and "Set tokens manually" is disabled.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", customEndpoint, true)}${$26.attr("disabled", savingCustomToggle || !!litellmBlocker(), true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", customEndpoint, true)}${$27.attr("disabled", savingCustomToggle || !!litellmBlocker(), true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (customToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(customToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(customToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (customEndpoint) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customBaseUrl"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Base URL</div> <div class="desc svelte-1n6ht58">The LiteLLM proxy endpoint, e.g. <code class="svelte-1n6ht58">https://litellm.example.com/bedrock</code>. Passed as <code class="svelte-1n6ht58">ANTHROPIC_BEDROCK_BASE_URL</code>.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="baseUrl" class="image-input svelte-1n6ht58"${$26.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
+      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customBaseUrl"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Base URL</div> <div class="desc svelte-1n6ht58">The LiteLLM proxy endpoint, e.g. <code class="svelte-1n6ht58">https://litellm.example.com/bedrock</code>. Passed as <code class="svelte-1n6ht58">ANTHROPIC_BEDROCK_BASE_URL</code>.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="text" name="baseUrl" class="image-input svelte-1n6ht58"${$27.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomBaseUrl,
@@ -1477,15 +1505,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customBaseUrlError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customBaseUrlError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customBaseUrlError)}</div>`);
       } else if (customBaseUrlMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customBaseUrlMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customBaseUrlMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customToken"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Auth token</div> <div class="desc svelte-1n6ht58">Your LiteLLM API key. Passed as <code class="svelte-1n6ht58">ANTHROPIC_AUTH_TOKEN</code>. Leave blank and
-								Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="token" class="image-input svelte-1n6ht58"${$26.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$26.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
+								Save to clear.</div></div></div> <div class="image-controls svelte-1n6ht58"><input type="password" name="token" class="image-input svelte-1n6ht58"${$27.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$27.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomToken,
@@ -1497,15 +1525,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customTokenError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customTokenError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customTokenError)}</div>`);
       } else if (customTokenMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customTokenMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customTokenMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
       $$renderer2.push(`<!--]--></form> <form class="row divided token-row svelte-1n6ht58" method="POST" action="?/customModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">Model aliases to use for each tier. Prefilled with defaults from the reference
-								launcher script. Leave a field as-is to keep its current value.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$26.attr("value", customOpusModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$26.attr("value", customSonnetModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$26.attr("value", customHaikuModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$26.attr("value", customSmallFastModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$26.attr("value", customDefaultModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
+								launcher script. Leave a field as-is to keep its current value.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$27.attr("value", customOpusModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$27.attr("value", customSonnetModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$27.attr("value", customHaikuModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$27.attr("value", customSmallFastModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$27.attr("value", customDefaultModel)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomModels,
@@ -1517,10 +1545,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (customModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customModelsError)}</div>`);
       } else if (customModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1528,7 +1556,7 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$26.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualModelToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!--]--></section> <section${$27.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": customEndpoint })}><form class="row svelte-1n6ht58" method="POST" action="?/manualModelToggle"><div class="label svelte-1n6ht58">`);
     Cpu($$renderer2, { size: 18 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Override models manually `);
     if (customEndpoint) {
@@ -1547,17 +1575,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`Pin which model <code class="svelte-1n6ht58">claude</code> uses on the standard (subscription) path. Only
 								the fields you fill are injected into new containers as <code class="svelte-1n6ht58">ANTHROPIC_*_MODEL</code> variables; blanks fall through to Claude Code's own defaults.`);
     }
-    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", manualModelOverride, true)}${$26.attr("disabled", savingManualModelToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!--]--></div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", manualModelOverride, true)}${$27.attr("disabled", savingManualModelToggle || customEndpoint, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (manualModelToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(manualModelToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(manualModelToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (manualModelOverride) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/manualModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">A model name or alias per tier, e.g. <code class="svelte-1n6ht58">opusplan</code>, <code class="svelte-1n6ht58">opus</code>, <code class="svelte-1n6ht58">sonnet</code>, or a full <code class="svelte-1n6ht58">claude-\u2026</code> id. Leave a field blank to skip it.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$26.attr("value", manualOpus)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$26.attr("value", manualSonnet)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$26.attr("value", manualHaiku)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$26.attr("value", manualSmallFast)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$26.attr("value", manualDefault)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
+      $$renderer2.push(`<form class="row divided token-row svelte-1n6ht58" method="POST" action="?/manualModels"><div class="label svelte-1n6ht58"><div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Model IDs</div> <div class="desc svelte-1n6ht58">A model name or alias per tier, e.g. <code class="svelte-1n6ht58">opusplan</code>, <code class="svelte-1n6ht58">opus</code>, <code class="svelte-1n6ht58">sonnet</code>, or a full <code class="svelte-1n6ht58">claude-\u2026</code> id. Leave a field blank to skip it.</div></div></div> <div class="model-fields svelte-1n6ht58"><label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Opus</span> <input type="text" name="opusModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualOpus)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Sonnet</span> <input type="text" name="sonnetModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualSonnet)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Haiku</span> <input type="text" name="haikuModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualHaiku)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Small/fast</span> <input type="text" name="smallFastModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualSmallFast)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <label class="model-row svelte-1n6ht58"><span class="model-label svelte-1n6ht58">Default</span> <input type="text" name="defaultModel" class="image-input svelte-1n6ht58"${$27.attr("value", manualDefault)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"/></label> <div class="model-save-row svelte-1n6ht58">`);
       Button($$renderer2, {
         type: "submit",
         disabled: savingManualModels,
@@ -1569,10 +1597,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (manualModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(manualModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(manualModelsError)}</div>`);
       } else if (manualModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(manualModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(manualModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1584,10 +1612,10 @@ function SettingsView($$renderer, $$props) {
     Variable($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Host environment variables</div> <div class="desc svelte-1n6ht58">Forward selected environment variables from this machine into every new container's
 							interactive shells. Values are read from this process's own environment at container
-							start and are never shown here or stored \u2014 only the variable names are saved.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", hostEnvVars, true)}${$26.attr("disabled", savingHostEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							start and are never shown here or stored \u2014 only the variable names are saved.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", hostEnvVars, true)}${$27.attr("disabled", savingHostEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (hostEnvToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(hostEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(hostEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1595,18 +1623,18 @@ function SettingsView($$renderer, $$props) {
     if (hostEnvVars) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="row divided var-row svelte-1n6ht58"><div class="var-list svelte-1n6ht58">`);
-      const each_array_2 = $26.ensure_array_like(hostEnvNames);
+      const each_array_2 = $27.ensure_array_like(hostEnvNames);
       if (each_array_2.length !== 0) {
         $$renderer2.push("<!--[-->");
         for (let $$index_3 = 0, $$length = each_array_2.length;$$index_3 < $$length; $$index_3++) {
           let name = each_array_2[$$index_3];
           $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-          const each_array_3 = $26.ensure_array_like(hostEnvNames.filter((n) => n !== name));
+          const each_array_3 = $27.ensure_array_like(hostEnvNames.filter((n) => n !== name));
           for (let $$index_2 = 0, $$length2 = each_array_3.length;$$index_2 < $$length2; $$index_2++) {
             let other = each_array_3[$$index_2];
-            $$renderer2.push(`<input type="hidden" name="names"${$26.attr("value", other)}/>`);
+            $$renderer2.push(`<input type="hidden" name="names"${$27.attr("value", other)}/>`);
           }
-          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$26.escape(name)}</span> <span${$26.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$26.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$26.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$26.attr("disabled", savingHostEnvNames, true)}${$26.attr("aria-label", `Remove ${name}`)}>`);
+          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$27.escape(name)}</span> <span${$27.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$27.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$27.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$27.attr("disabled", savingHostEnvNames, true)}${$27.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1615,12 +1643,12 @@ function SettingsView($$renderer, $$props) {
         $$renderer2.push(`<div class="var-empty svelte-1n6ht58">No variables added yet.</div>`);
       }
       $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-      const each_array_4 = $26.ensure_array_like(hostEnvNames);
+      const each_array_4 = $27.ensure_array_like(hostEnvNames);
       for (let $$index_4 = 0, $$length = each_array_4.length;$$index_4 < $$length; $$index_4++) {
         let name = each_array_4[$$index_4];
-        $$renderer2.push(`<input type="hidden" name="names"${$26.attr("value", name)}/>`);
+        $$renderer2.push(`<input type="hidden" name="names"${$27.attr("value", name)}/>`);
       }
-      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$26.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
+      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$27.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1633,10 +1661,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (hostEnvNamesError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(hostEnvNamesError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(hostEnvNamesError)}</div>`);
       } else if (hostEnvNamesMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(hostEnvNamesMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(hostEnvNamesMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1648,10 +1676,10 @@ function SettingsView($$renderer, $$props) {
     Key_square($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Custom environment variables</div> <div class="desc svelte-1n6ht58">Inject your own <code class="svelte-1n6ht58">NAME=value</code> pairs into every new container as <code class="svelte-1n6ht58">containerEnv</code>, available to all processes. Values are secret \u2014 stored
 							locally, masked in the build log, and never shown here after saving. Re-add a name to
-							update its value.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", customEnvEnabled, true)}${$26.attr("disabled", savingCustomEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+							update its value.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", customEnvEnabled, true)}${$27.attr("disabled", savingCustomEnvToggle, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (customEnvToggleError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(customEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(customEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1659,12 +1687,12 @@ function SettingsView($$renderer, $$props) {
     if (customEnvEnabled) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="row divided var-row svelte-1n6ht58"><div class="var-list svelte-1n6ht58">`);
-      const each_array_5 = $26.ensure_array_like(customEnvNames);
+      const each_array_5 = $27.ensure_array_like(customEnvNames);
       if (each_array_5.length !== 0) {
         $$renderer2.push("<!--[-->");
         for (let $$index_5 = 0, $$length = each_array_5.length;$$index_5 < $$length; $$index_5++) {
           let name = each_array_5[$$index_5];
-          $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/removeCustomEnvVar"><input type="hidden" name="name"${$26.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$26.escape(name)}</span> <span class="var-status present svelte-1n6ht58" title="Set \u2014 injected into every new container">\u2022\u2022\u2022\u2022 saved</span> <button type="submit" class="var-remove svelte-1n6ht58"${$26.attr("disabled", savingCustomEnv, true)}${$26.attr("aria-label", `Remove ${name}`)}>`);
+          $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/removeCustomEnvVar"><input type="hidden" name="name"${$27.attr("value", name)}/> <span class="var-name svelte-1n6ht58">${$27.escape(name)}</span> <span class="var-status present svelte-1n6ht58" title="Set \u2014 injected into every new container">\u2022\u2022\u2022\u2022 saved</span> <button type="submit" class="var-remove svelte-1n6ht58"${$27.attr("disabled", savingCustomEnv, true)}${$27.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1672,7 +1700,7 @@ function SettingsView($$renderer, $$props) {
         $$renderer2.push("<!--[!-->");
         $$renderer2.push(`<div class="var-empty svelte-1n6ht58">No variables added yet.</div>`);
       }
-      $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/setCustomEnvVar"><input type="text" name="name" class="image-input svelte-1n6ht58"${$26.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$26.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
+      $$renderer2.push(`<!--]--></div> <form class="var-add svelte-1n6ht58" method="POST" action="?/setCustomEnvVar"><input type="text" name="name" class="image-input svelte-1n6ht58"${$27.attr("value", newCustomEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="MY_SECRET"/> <input type="password" name="value" class="image-input svelte-1n6ht58"${$27.attr("value", newCustomEnvValue)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="value"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1685,10 +1713,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (customEnvError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(customEnvError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(customEnvError)}</div>`);
       } else if (customEnvMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(customEnvMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(customEnvMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1702,12 +1730,15 @@ function SettingsView($$renderer, $$props) {
     ThemePicker($$renderer2, {});
     $$renderer2.push(`<!----></div></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
     Volume_2($$renderer2, { size: 20 });
-    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Attention sound</div> <div class="desc svelte-1n6ht58">Play a chime when an instance finishes a task or needs your input.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$26.attr("checked", sound, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/petToggle"><div class="label svelte-1n6ht58">`);
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Attention sound</div> <div class="desc svelte-1n6ht58">Play a chime when an instance finishes a task or needs your input.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$27.attr("checked", sound, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
+    Keyboard($$renderer2, { size: 20 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Tab keyboard shortcuts</div> <div class="desc svelte-1n6ht58">Jump between open instance tabs with <code class="svelte-1n6ht58">Alt</code>+<code class="svelte-1n6ht58">1</code>\u2013<code class="svelte-1n6ht58">9</code> (9 is
+							always the last tab). Turn off to leave those keystrokes to the editor.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox"${$27.attr("checked", tabShortcuts, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></div></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/petToggle"><div class="label svelte-1n6ht58">`);
     Paw_print($$renderer2, { size: 18 });
-    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Pet logo</div> <div class="desc svelte-1n6ht58">Swap the box in the header for a pixel pet.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", !!petArt, true)}${$26.attr("disabled", savingPet, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Pet logo</div> <div class="desc svelte-1n6ht58">Swap the box in the header for a pixel pet.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", !!petArt, true)}${$27.attr("disabled", savingPet, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (petError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(petError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(petError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1715,10 +1746,10 @@ function SettingsView($$renderer, $$props) {
     if (petArt) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="sub pets svelte-1n6ht58"><!--[-->`);
-      const each_array_6 = $26.ensure_array_like(avatars);
+      const each_array_6 = $27.ensure_array_like(avatars);
       for (let $$index_6 = 0, $$length = each_array_6.length;$$index_6 < $$length; $$index_6++) {
         let art = each_array_6[$$index_6];
-        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$26.attr("value", art.name)}/> <button type="submit"${$26.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$26.attr("disabled", savingPet, true)}${$26.attr("title", art.name)}${$26.attr("aria-label", art.name)}${$26.attr("aria-pressed", art.name === petArt.name)}>`);
+        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$27.attr("value", art.name)}/> <button type="submit"${$27.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$27.attr("disabled", savingPet, true)}${$27.attr("title", art.name)}${$27.attr("aria-label", art.name)}${$27.attr("aria-pressed", art.name === petArt.name)}>`);
         Avatar($$renderer2, { art, name: art.name, scale: 4 });
         $$renderer2.push(`<!----></button></form>`);
       }
@@ -1731,30 +1762,30 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!----> <span class="name svelte-1n6ht58">Advanced</span> <span class="hint svelte-1n6ht58">escape hatches \u2014 defaults are right for almost everyone</span></summary> <form class="row divided svelte-1n6ht58" method="POST" action="?/serialInjectionsToggle"><div class="label svelte-1n6ht58">`);
     List_ordered($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Serial boot injections</div> <div class="desc svelte-1n6ht58">Run boot injections one at a time instead of in parallel stages. Slower boot; useful
-								when diagnosing injection interference.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", serialInjections, true)}${$26.attr("disabled", savingSerial, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								when diagnosing injection interference.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", serialInjections, true)}${$27.attr("disabled", savingSerial, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (serialError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(serialError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(serialError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/noBuildkitToggle"><div class="label svelte-1n6ht58">`);
     Boxes($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Don't force BuildKit</div> <div class="desc svelte-1n6ht58">Skip setting <code class="svelte-1n6ht58">DOCKER_BUILDKIT=1</code> for container builds and let the daemon's
-								default builder decide. For daemons where forcing BuildKit breaks builds.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", noBuildkit, true)}${$26.attr("disabled", savingBuildkit, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								default builder decide. For daemons where forcing BuildKit breaks builds.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", noBuildkit, true)}${$27.attr("disabled", savingBuildkit, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (buildkitError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(buildkitError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(buildkitError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/blockingExtInstallToggle"><div class="label svelte-1n6ht58">`);
     Puzzle($$renderer2, { size: 20 });
     $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Blocking IDE extension install</div> <div class="desc svelte-1n6ht58">Install the Claude Code IDE extension before code-server starts, so the first window
-								always has it active. Slower first boot.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$26.attr("checked", blockingExtInstall, true)}${$26.attr("disabled", savingBlocking, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
+								always has it active. Slower first boot.</div></div></div> <label class="switch svelte-1n6ht58"><input type="checkbox" name="enabled"${$27.attr("checked", blockingExtInstall, true)}${$27.attr("disabled", savingBlocking, true)} class="svelte-1n6ht58"/> <span class="track svelte-1n6ht58"><span class="thumb svelte-1n6ht58"></span></span></label></form> `);
     if (blockingError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$26.escape(blockingError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$27.escape(blockingError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1764,10 +1795,10 @@ function SettingsView($$renderer, $$props) {
 								again.</div> `);
     if (verError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$26.escape(verError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$27.escape(verError)}</div>`);
     } else if (verMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$26.escape(verMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$27.escape(verMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1777,7 +1808,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearingVer,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$26.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$27.escape(clearingVer ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -1801,7 +1832,7 @@ function SettingsView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></form></section> `);
     CoinButton($$renderer2, {});
-    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$26.escape(version)}</div></main></div> `);
+    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$27.escape(version)}</div></main></div> `);
     Toaster($$renderer2, { toastOptions: TOAST_OPTIONS });
     $$renderer2.push(`<!---->`);
   });
@@ -1853,7 +1884,7 @@ function Settings($$renderer, $$props) {
     } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$27.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$28.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1861,7 +1892,7 @@ function Settings($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$27.attr("props-ref", emitIslandProps({
+              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$28.attr("props-ref", emitIslandProps({
                 pet,
                 defaultMode,
                 claudePermissionMode,