codebay 0.8.0 → 0.9.0

package/.mochi/svelte-compile/{Settings-sz5d6qj7.server.js → Settings-tav2asn7.server.js}

@@ -1,14 +1,16 @@
 // @bun
 import {
+  Layout_template,
   Plus,
+  Terminal,
   playChime,
   setSoundEnabled,
   soundEnabled,
   unlockAudio
-} from "./chunk-6ghzacpg.js";
+} from "./chunk-bpqwf1nw.js";
 import {
-  X
-} from "./chunk-bacb4b0r.js";
+  Rotate_ccw
+} from "./chunk-jx6h1xzp.js";
 import {
   AppBar,
   Avatar,
@@ -16,22 +18,23 @@ import {
   Toaster,
   avatars,
   findAvatar
-} from "./chunk-q8rbesaw.js";
+} from "./chunk-m8ygpyhr.js";
 import {
   HydratableBoundary,
   Icon,
+  X,
   cookies,
   emitIslandProps
-} from "./chunk-fpe16ywq.js";
-import"./chunk-we0ggtws.js";
+} from "./chunk-60mpagr9.js";
+import"./chunk-xpt1a7jm.js";
 
 // src/pages/Settings.svelte
 import"svelte/internal/flags/async";
-import * as $21 from "svelte/internal/server";
+import * as $20 from "svelte/internal/server";
 
 // src/components/SettingsView.svelte
 import"svelte/internal/flags/async";
-import * as $20 from "svelte/internal/server";
+import * as $19 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/container.svelte
 import"svelte/internal/flags/async";
@@ -63,23 +66,9 @@ function Power($$renderer, $$props) {
   ];
   Icon($$renderer, $2.spread_props([{ name: "power" }, props, { iconNode }]));
 }
-// node_modules/@lucide/svelte/dist/icons/rotate-ccw.svelte
-import"svelte/internal/flags/async";
-import * as $3 from "svelte/internal/server";
-function Rotate_ccw($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      { d: "M3 12a9 9 0 1 0 9-9 9.75 9.75 0 0 0-6.74 2.74L3 8" }
-    ],
-    ["path", { d: "M3 3v5h5" }]
-  ];
-  Icon($$renderer, $3.spread_props([{ name: "rotate-ccw" }, props, { iconNode }]));
-}
 // node_modules/@lucide/svelte/dist/icons/volume-2.svelte
 import"svelte/internal/flags/async";
-import * as $4 from "svelte/internal/server";
+import * as $3 from "svelte/internal/server";
 function Volume_2($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -92,11 +81,11 @@ function Volume_2($$renderer, $$props) {
     ["path", { d: "M16 9a5 5 0 0 1 0 6" }],
     ["path", { d: "M19.364 18.364a9 9 0 0 0 0-12.728" }]
   ];
-  Icon($$renderer, $4.spread_props([{ name: "volume-2" }, props, { iconNode }]));
+  Icon($$renderer, $3.spread_props([{ name: "volume-2" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/paw-print.svelte
 import"svelte/internal/flags/async";
-import * as $5 from "svelte/internal/server";
+import * as $4 from "svelte/internal/server";
 function Paw_print($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -110,11 +99,11 @@ function Paw_print($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $5.spread_props([{ name: "paw-print" }, props, { iconNode }]));
+  Icon($$renderer, $4.spread_props([{ name: "paw-print" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/sun-moon.svelte
 import"svelte/internal/flags/async";
-import * as $6 from "svelte/internal/server";
+import * as $5 from "svelte/internal/server";
 function Sun_moon($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -129,15 +118,15 @@ function Sun_moon($$renderer, $$props) {
     ["path", { d: "m19 5-1.256 1.256" }],
     ["path", { d: "M20 12h2" }]
   ];
-  Icon($$renderer, $6.spread_props([{ name: "sun-moon" }, props, { iconNode }]));
+  Icon($$renderer, $5.spread_props([{ name: "sun-moon" }, props, { iconNode }]));
 }
 // src/components/ThemePicker.svelte
 import"svelte/internal/flags/async";
-import * as $10 from "svelte/internal/server";
+import * as $9 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/sun.svelte
 import"svelte/internal/flags/async";
-import * as $7 from "svelte/internal/server";
+import * as $6 from "svelte/internal/server";
 function Sun($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -151,11 +140,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, $7.spread_props([{ name: "sun" }, props, { iconNode }]));
+  Icon($$renderer, $6.spread_props([{ name: "sun" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/moon.svelte
 import"svelte/internal/flags/async";
-import * as $8 from "svelte/internal/server";
+import * as $7 from "svelte/internal/server";
 function Moon($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -166,11 +155,11 @@ function Moon($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $8.spread_props([{ name: "moon" }, props, { iconNode }]));
+  Icon($$renderer, $7.spread_props([{ name: "moon" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/monitor.svelte
 import"svelte/internal/flags/async";
-import * as $9 from "svelte/internal/server";
+import * as $8 from "svelte/internal/server";
 function Monitor($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -181,7 +170,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, $9.spread_props([{ name: "monitor" }, props, { iconNode }]));
+  Icon($$renderer, $8.spread_props([{ name: "monitor" }, props, { iconNode }]));
 }
 // src/theme.ts
 var THEME_KEY = "theme";
@@ -214,10 +203,10 @@ function ThemePicker($$renderer, $$props) {
       applyTheme(value);
     }
     $$renderer2.push(`<div class="picker svelte-3gcwuj" role="radiogroup" aria-label="Theme"><!--[-->`);
-    const each_array = $10.ensure_array_like(options);
+    const each_array = $9.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"${$10.attr_class("segment svelte-3gcwuj", undefined, { active: theme === value })} role="radio"${$10.attr("aria-checked", theme === value)}>`);
+      $$renderer2.push(`<button type="button"${$9.attr_class("segment svelte-3gcwuj", undefined, { active: theme === value })} role="radio"${$9.attr("aria-checked", theme === value)}>`);
       if (Icon2) {
         $$renderer2.push("<!--[-->");
         Icon2($$renderer2, { size: 13 });
@@ -226,7 +215,7 @@ function ThemePicker($$renderer, $$props) {
         $$renderer2.push("<!--[!-->");
         $$renderer2.push("<!--]-->");
       }
-      $$renderer2.push(` ${$10.escape(label)}</button>`);
+      $$renderer2.push(` ${$9.escape(label)}</button>`);
     }
     $$renderer2.push(`<!--]--></div>`);
   });
@@ -234,7 +223,7 @@ function ThemePicker($$renderer, $$props) {
 
 // node_modules/@lucide/svelte/dist/icons/layers.svelte
 import"svelte/internal/flags/async";
-import * as $11 from "svelte/internal/server";
+import * as $10 from "svelte/internal/server";
 function Layers($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -257,11 +246,11 @@ function Layers($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $11.spread_props([{ name: "layers" }, props, { iconNode }]));
+  Icon($$renderer, $10.spread_props([{ name: "layers" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/folder-minus.svelte
 import"svelte/internal/flags/async";
-import * as $12 from "svelte/internal/server";
+import * as $11 from "svelte/internal/server";
 function Folder_minus($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -273,11 +262,11 @@ function Folder_minus($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $12.spread_props([{ name: "folder-minus" }, props, { iconNode }]));
+  Icon($$renderer, $11.spread_props([{ name: "folder-minus" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/trash-2.svelte
 import"svelte/internal/flags/async";
-import * as $13 from "svelte/internal/server";
+import * as $12 from "svelte/internal/server";
 function Trash_2($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -287,11 +276,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, $13.spread_props([{ name: "trash-2" }, props, { iconNode }]));
+  Icon($$renderer, $12.spread_props([{ name: "trash-2" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/hammer.svelte
 import"svelte/internal/flags/async";
-import * as $14 from "svelte/internal/server";
+import * as $13 from "svelte/internal/server";
 function Hammer($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -304,11 +293,11 @@ function Hammer($$renderer, $$props) {
       }
     ]
   ];
-  Icon($$renderer, $14.spread_props([{ name: "hammer" }, props, { iconNode }]));
+  Icon($$renderer, $13.spread_props([{ name: "hammer" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/key-round.svelte
 import"svelte/internal/flags/async";
-import * as $15 from "svelte/internal/server";
+import * as $14 from "svelte/internal/server";
 function Key_round($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -323,11 +312,11 @@ function Key_round($$renderer, $$props) {
       { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" }
     ]
   ];
-  Icon($$renderer, $15.spread_props([{ name: "key-round" }, props, { iconNode }]));
+  Icon($$renderer, $14.spread_props([{ name: "key-round" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/user-cog.svelte
 import"svelte/internal/flags/async";
-import * as $16 from "svelte/internal/server";
+import * as $15 from "svelte/internal/server";
 function User_cog($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -343,11 +332,11 @@ function User_cog($$renderer, $$props) {
     ["circle", { cx: "18", cy: "15", r: "3" }],
     ["circle", { cx: "9", cy: "7", r: "4" }]
   ];
-  Icon($$renderer, $16.spread_props([{ name: "user-cog" }, props, { iconNode }]));
+  Icon($$renderer, $15.spread_props([{ name: "user-cog" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/cpu.svelte
 import"svelte/internal/flags/async";
-import * as $17 from "svelte/internal/server";
+import * as $16 from "svelte/internal/server";
 function Cpu($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -369,11 +358,11 @@ function Cpu($$renderer, $$props) {
     ],
     ["rect", { x: "8", y: "8", width: "8", height: "8", rx: "1" }]
   ];
-  Icon($$renderer, $17.spread_props([{ name: "cpu" }, props, { iconNode }]));
+  Icon($$renderer, $16.spread_props([{ name: "cpu" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/variable.svelte
 import"svelte/internal/flags/async";
-import * as $18 from "svelte/internal/server";
+import * as $17 from "svelte/internal/server";
 function Variable($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -382,14 +371,14 @@ function Variable($$renderer, $$props) {
     ["line", { x1: "15", x2: "9", y1: "9", y2: "15" }],
     ["line", { x1: "9", x2: "15", y1: "9", y2: "15" }]
   ];
-  Icon($$renderer, $18.spread_props([{ name: "variable" }, props, { iconNode }]));
+  Icon($$renderer, $17.spread_props([{ name: "variable" }, props, { iconNode }]));
 }
 // src/components/SettingsView.svelte
 import { flushSync } from "svelte";
 
 // src/components/CoinButton.svelte
 import"svelte/internal/flags/async";
-import * as $19 from "svelte/internal/server";
+import * as $18 from "svelte/internal/server";
 function CoinButton($$renderer, $$props) {
   let { href = "/avatars" } = $$props;
   const coinArt = {
@@ -405,7 +394,7 @@ 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"${$19.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"${$18.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>`);
 }
@@ -415,6 +404,7 @@ function SettingsView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       pet,
+      defaultMode,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -490,6 +480,25 @@ function SettingsView($$renderer, $$props) {
         }
       };
     }
+    let modeChoice = defaultMode;
+    let savingMode = false;
+    let modeError = null;
+    let modeFormEl;
+    const defaultModeOpts = saveOpts({
+      setSaving: (v) => savingMode = v,
+      setError: (v) => modeError = v,
+      setMsg: () => {},
+      onSuccess: (data) => {
+        if (data?.mode)
+          modeChoice = data.mode;
+      }
+    });
+    function chooseMode(next) {
+      if (next === modeChoice)
+        return;
+      flushSync(() => modeChoice = next);
+      modeFormEl?.requestSubmit();
+    }
     let image = defaultImage;
     let savingImage = false;
     let imageError = null;
@@ -709,7 +718,7 @@ function SettingsView($$renderer, $$props) {
         manualModelsMsg = "Saved.";
       }
     });
-    let litellmBlocker = $20.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
+    let litellmBlocker = $19.derived(() => manualTokens ? "Set tokens manually" : manualModelOverride ? "Override models manually" : null);
     let hostEnvVars = hostEnvVarsEnabled;
     let savingHostEnvToggle = false;
     let hostEnvToggleError = null;
@@ -822,17 +831,31 @@ function SettingsView($$renderer, $$props) {
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----> <main class="content svelte-1n6ht58"><section class="card svelte-1n6ht58"><form class="row image-row svelte-1n6ht58" method="POST" action="?/defaultImage"><div class="label svelte-1n6ht58">`);
+    $$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"${$19.attr("value", modeChoice)}/> <div class="mode-toggle svelte-1n6ht58" role="group" aria-label="Default editor mode"><button type="button"${$19.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "ide" })}${$19.attr("aria-pressed", modeChoice === "ide")}${$19.attr("disabled", savingMode, true)}>`);
+    Layout_template($$renderer2, { size: 15 });
+    $$renderer2.push(`<!----> Full IDE</button> <button type="button"${$19.attr_class("mode-btn svelte-1n6ht58", undefined, { active: modeChoice === "terminal" })}${$19.attr("aria-pressed", modeChoice === "terminal")}${$19.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">${$19.escape(modeError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row image-row svelte-1n6ht58" method="POST" action="?/defaultImage"><div class="label svelte-1n6ht58">`);
     Container($$renderer2, { size: 20 });
     $$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">${$20.escape(dockerArch)}</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Docker daemon architecture">${$19.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"${$20.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"${$19.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingImage,
@@ -847,14 +870,14 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingImage,
       onclick: resetImage,
-      title: `Reset to default (${$20.stringify(builtinImage)})`,
+      title: `Reset to default (${$19.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>${$20.escape(dockerArch)}</strong> \u2014 pick an image that publishes
-						an <strong>${$20.escape(dockerArch)}</strong> manifest, or the pull will fail.`);
+      $$renderer2.push(`Your Docker daemon runs on <strong>${$19.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$19.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
@@ -863,7 +886,7 @@ function SettingsView($$renderer, $$props) {
     $$renderer2.push(`<!--]--></div> `);
     if (imageError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(imageError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(imageError)}</div>`);
     } else if (imageSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -874,7 +897,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"${$20.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"${$19.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
     Button($$renderer2, {
       type: "submit",
       disabled: savingCopyIgnore,
@@ -889,13 +912,13 @@ function SettingsView($$renderer, $$props) {
       icon: Rotate_ccw,
       disabled: savingCopyIgnore,
       onclick: resetCopyIgnore,
-      title: `Reset to default (${$20.stringify(builtinCopyIgnore)})`,
+      title: `Reset to default (${$19.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">${$20.escape(copyIgnoreError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(copyIgnoreError)}</div>`);
     } else if (copyIgnoreSaved) {
       $$renderer2.push("<!--[1-->");
       $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -906,10 +929,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"${$20.attr("checked", gitIdentity, true)}${$20.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"${$19.attr("checked", gitIdentity, true)}${$19.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">${$20.escape(gitToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.escape(gitToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -917,7 +940,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"${$20.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"${$20.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"${$19.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"${$19.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,
@@ -929,7 +952,7 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (gitIdentityError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(gitIdentityError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(gitIdentityError)}</div>`);
       } else if (gitIdentitySaved) {
         $$renderer2.push("<!--[1-->");
         $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
@@ -943,10 +966,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"${$20.attr("checked", noCache, true)}${$20.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"${$19.attr("checked", noCache, true)}${$19.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">${$20.escape(cacheError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.escape(cacheError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -956,10 +979,10 @@ function SettingsView($$renderer, $$props) {
 							remove pulled images.</div> `);
     if (clearError) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(clearError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(clearError)}</div>`);
     } else if (clearMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(clearMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(clearMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -969,7 +992,7 @@ function SettingsView($$renderer, $$props) {
       icon: Trash_2,
       disabled: clearing,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$20.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+        $$renderer3.push(`<!---->${$19.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
       },
       $$slots: { default: true }
     });
@@ -979,10 +1002,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">${$20.escape(rebuildError)}</div>`);
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(rebuildError)}</div>`);
     } else if (rebuildMsg) {
       $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(rebuildMsg)}</div>`);
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(rebuildMsg)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -992,11 +1015,11 @@ function SettingsView($$renderer, $$props) {
       icon: Hammer,
       disabled: rebuilding,
       children: ($$renderer3) => {
-        $$renderer3.push(`<!---->${$20.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+        $$renderer3.push(`<!---->${$19.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----></form></section> <section${$20.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${$19.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) {
@@ -1017,10 +1040,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"${$20.attr("checked", manualTokens, true)}${$20.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"${$19.attr("checked", manualTokens, true)}${$19.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">${$20.escape(manualToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.escape(manualToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1028,7 +1051,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"${$20.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$20.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"${$19.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingGithub,
@@ -1040,17 +1063,17 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (githubError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(githubError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(githubError)}</div>`);
       } else if (githubMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(githubMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.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"${$20.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$20.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"${$19.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingClaude,
@@ -1062,10 +1085,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (claudeError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(claudeError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(claudeError)}</div>`);
       } else if (claudeMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(claudeMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(claudeMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1073,19 +1096,19 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$20.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${$19.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"${$20.attr("title", `Disabled while ${$20.stringify(litellmBlocker())} is on`)}>disabled</span>`);
+      $$renderer2.push(`<span class="arch svelte-1n6ht58"${$19.attr("title", `Disabled while ${$19.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 "${$20.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
+      $$renderer2.push(`Not available while "${$19.escape(litellmBlocker())}" is enabled \u2014 these modes are mutually
 								incompatible.`);
     } else {
       $$renderer2.push("<!--[-1-->");
@@ -1093,17 +1116,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"${$20.attr("checked", customEndpoint, true)}${$20.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"${$19.attr("checked", customEndpoint, true)}${$19.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">${$20.escape(customToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.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"${$20.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"${$19.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomBaseUrl,
@@ -1115,15 +1138,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customBaseUrlError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(customBaseUrlError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customBaseUrlError)}</div>`);
       } else if (customBaseUrlMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(customBaseUrlMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.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"${$20.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$20.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"${$19.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$19.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
       Button($$renderer2, {
         type: "submit",
         disabled: savingCustomToken,
@@ -1135,15 +1158,15 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div> `);
       if (customTokenError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(customTokenError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customTokenError)}</div>`);
       } else if (customTokenMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(customTokenMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.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"${$20.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"${$20.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"${$20.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"${$20.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"${$20.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"${$19.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"${$19.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"${$19.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"${$19.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"${$19.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,
@@ -1155,10 +1178,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (customModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(customModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(customModelsError)}</div>`);
       } else if (customModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(customModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(customModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1166,7 +1189,7 @@ function SettingsView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--></section> <section${$20.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${$19.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) {
@@ -1185,17 +1208,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"${$20.attr("checked", manualModelOverride, true)}${$20.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"${$19.attr("checked", manualModelOverride, true)}${$19.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">${$20.escape(manualModelToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.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"${$20.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"${$20.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"${$20.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"${$20.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"${$20.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"${$19.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"${$19.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"${$19.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"${$19.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"${$19.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,
@@ -1207,10 +1230,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></div></div> `);
       if (manualModelsError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(manualModelsError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(manualModelsError)}</div>`);
       } else if (manualModelsMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(manualModelsMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(manualModelsMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1222,10 +1245,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"${$20.attr("checked", hostEnvVars, true)}${$20.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"${$19.attr("checked", hostEnvVars, true)}${$19.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">${$20.escape(hostEnvToggleError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.escape(hostEnvToggleError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1233,18 +1256,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 = $20.ensure_array_like(hostEnvNames);
+      const each_array = $19.ensure_array_like(hostEnvNames);
       if (each_array.length !== 0) {
         $$renderer2.push("<!--[-->");
         for (let $$index_1 = 0, $$length = each_array.length;$$index_1 < $$length; $$index_1++) {
           let name = each_array[$$index_1];
           $$renderer2.push(`<form class="var-item svelte-1n6ht58" method="POST" action="?/hostEnvVarNames"><!--[-->`);
-          const each_array_1 = $20.ensure_array_like(hostEnvNames.filter((n) => n !== name));
+          const each_array_1 = $19.ensure_array_like(hostEnvNames.filter((n) => n !== name));
           for (let $$index = 0, $$length2 = each_array_1.length;$$index < $$length2; $$index++) {
             let other = each_array_1[$$index];
-            $$renderer2.push(`<input type="hidden" name="names"${$20.attr("value", other)}/>`);
+            $$renderer2.push(`<input type="hidden" name="names"${$19.attr("value", other)}/>`);
           }
-          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$20.escape(name)}</span> <span${$20.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$20.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$20.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$20.attr("disabled", savingHostEnvNames, true)}${$20.attr("aria-label", `Remove ${name}`)}>`);
+          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$19.escape(name)}</span> <span${$19.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$19.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$19.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$19.attr("disabled", savingHostEnvNames, true)}${$19.attr("aria-label", `Remove ${name}`)}>`);
           X($$renderer2, { size: 13 });
           $$renderer2.push(`<!----></button></form>`);
         }
@@ -1253,12 +1276,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_2 = $20.ensure_array_like(hostEnvNames);
+      const each_array_2 = $19.ensure_array_like(hostEnvNames);
       for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
         let name = each_array_2[$$index_2];
-        $$renderer2.push(`<input type="hidden" name="names"${$20.attr("value", name)}/>`);
+        $$renderer2.push(`<input type="hidden" name="names"${$19.attr("value", name)}/>`);
       }
-      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$20.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"${$19.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
       Button($$renderer2, {
         type: "submit",
         icon: Plus,
@@ -1271,10 +1294,10 @@ function SettingsView($$renderer, $$props) {
       $$renderer2.push(`<!----></form> `);
       if (hostEnvNamesError) {
         $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$20.escape(hostEnvNamesError)}</div>`);
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$19.escape(hostEnvNamesError)}</div>`);
       } else if (hostEnvNamesMsg) {
         $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$20.escape(hostEnvNamesMsg)}</div>`);
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$19.escape(hostEnvNamesMsg)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -1288,12 +1311,12 @@ 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"${$20.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"${$19.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">`);
     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"${$20.attr("checked", !!petArt, true)}${$20.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"${$19.attr("checked", !!petArt, true)}${$19.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">${$20.escape(petError)}</div></div>`);
+      $$renderer2.push(`<div class="sub svelte-1n6ht58"><div class="msg error svelte-1n6ht58">${$19.escape(petError)}</div></div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -1301,10 +1324,10 @@ function SettingsView($$renderer, $$props) {
     if (petArt) {
       $$renderer2.push("<!--[0-->");
       $$renderer2.push(`<div class="sub pets svelte-1n6ht58"><!--[-->`);
-      const each_array_3 = $20.ensure_array_like(avatars);
+      const each_array_3 = $19.ensure_array_like(avatars);
       for (let $$index_3 = 0, $$length = each_array_3.length;$$index_3 < $$length; $$index_3++) {
         let art = each_array_3[$$index_3];
-        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$20.attr("value", art.name)}/> <button type="submit"${$20.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$20.attr("disabled", savingPet, true)}${$20.attr("title", art.name)}${$20.attr("aria-label", art.name)}${$20.attr("aria-pressed", art.name === petArt.name)}>`);
+        $$renderer2.push(`<form method="POST" action="?/petChoose" class="svelte-1n6ht58"><input type="hidden" name="name"${$19.attr("value", art.name)}/> <button type="submit"${$19.attr_class("pet svelte-1n6ht58", undefined, { selected: art.name === petArt.name })}${$19.attr("disabled", savingPet, true)}${$19.attr("title", art.name)}${$19.attr("aria-label", art.name)}${$19.attr("aria-pressed", art.name === petArt.name)}>`);
         Avatar($$renderer2, { art, name: art.name, scale: 4 });
         $$renderer2.push(`<!----></button></form>`);
       }
@@ -1332,7 +1355,7 @@ function SettingsView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></form></section> `);
     CoinButton($$renderer2, {});
-    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$20.escape(version)}</div></main></div> `);
+    $$renderer2.push(`<!----> <div class="version svelte-1n6ht58">Codebay v${$19.escape(version)}</div></main></div> `);
     Toaster($$renderer2, {
       toastOptions: {
         style: "border:1px solid var(--ink); background:var(--bg-card); color:var(--ink); box-shadow:4px 4px 0 var(--ink); font-family:var(--font-mono); font-size:13px;"
@@ -1347,6 +1370,7 @@ function Settings($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
       pet,
+      defaultMode,
       defaultImage,
       builtinImage,
       disableBuildCache,
@@ -1380,7 +1404,7 @@ function Settings($$renderer, $$props) {
     } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$21.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$20.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -1388,8 +1412,9 @@ function Settings($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$21.attr("props-ref", emitIslandProps({
+              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$20.attr("props-ref", emitIslandProps({
                 pet,
+                defaultMode,
                 defaultImage,
                 builtinImage,
                 disableBuildCache,
@@ -1425,6 +1450,7 @@ function Settings($$renderer, $$props) {
               {
                 SettingsView($$renderer4, {
                   pet,
+                  defaultMode,
                   defaultImage,
                   builtinImage,
                   disableBuildCache,