codebay 0.0.1 → 0.2.0

package/.mochi/svelte-compile/Settings-jwg3httb.server.js

@@ -0,0 +1,1169 @@
+// @bun
+import {
+  Plus,
+  playChime,
+  setSoundEnabled,
+  soundEnabled,
+  unlockAudio
+} from "./chunk-9bjk7yx6.js";
+import {
+  X
+} from "./chunk-4kwy539a.js";
+import {
+  AppBar,
+  Avatar,
+  Button,
+  Toaster
+} from "./chunk-sxqys3nw.js";
+import {
+  HydratableBoundary,
+  Icon,
+  cookies,
+  emitIslandProps
+} from "./chunk-v6796ga4.js";
+import"./chunk-we0ggtws.js";
+
+// src/pages/Settings.svelte
+import"svelte/internal/flags/async";
+import * as $18 from "svelte/internal/server";
+
+// src/components/SettingsView.svelte
+import"svelte/internal/flags/async";
+import * as $17 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/container.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+function Container($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M22 7.7c0-.6-.4-1.2-.8-1.5l-6.3-3.9a1.72 1.72 0 0 0-1.7 0l-10.3 6c-.5.2-.9.8-.9 1.4v6.6c0 .5.4 1.2.8 1.5l6.3 3.9a1.72 1.72 0 0 0 1.7 0l10.3-6c.5-.3.9-1 .9-1.5Z"
+      }
+    ],
+    ["path", { d: "M10 21.9V14L2.1 9.1" }],
+    ["path", { d: "m10 14 11.9-6.9" }],
+    ["path", { d: "M14 19.8v-8.1" }],
+    ["path", { d: "M18 17.5V9.4" }]
+  ];
+  Icon($$renderer, $.spread_props([{ name: "container" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/power.svelte
+import"svelte/internal/flags/async";
+import * as $2 from "svelte/internal/server";
+function Power($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M12 2v10" }],
+    ["path", { d: "M18.4 6.6a9 9 0 1 1-12.77.04" }]
+  ];
+  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";
+function Volume_2($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M11 4.702a.705.705 0 0 0-1.203-.498L6.413 7.587A1.4 1.4 0 0 1 5.416 8H3a1 1 0 0 0-1 1v6a1 1 0 0 0 1 1h2.416a1.4 1.4 0 0 1 .997.413l3.383 3.384A.705.705 0 0 0 11 19.298z"
+      }
+    ],
+    ["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 }]));
+}
+// node_modules/@lucide/svelte/dist/icons/sun-moon.svelte
+import"svelte/internal/flags/async";
+import * as $5 from "svelte/internal/server";
+function Sun_moon($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M12 2v2" }],
+    [
+      "path",
+      {
+        d: "M14.837 16.385a6 6 0 1 1-7.223-7.222c.624-.147.97.66.715 1.248a4 4 0 0 0 5.26 5.259c.589-.255 1.396.09 1.248.715"
+      }
+    ],
+    ["path", { d: "M16 12a4 4 0 0 0-4-4" }],
+    ["path", { d: "m19 5-1.256 1.256" }],
+    ["path", { d: "M20 12h2" }]
+  ];
+  Icon($$renderer, $5.spread_props([{ name: "sun-moon" }, props, { iconNode }]));
+}
+// src/components/ThemePicker.svelte
+import"svelte/internal/flags/async";
+import * as $9 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/sun.svelte
+import"svelte/internal/flags/async";
+import * as $6 from "svelte/internal/server";
+function Sun($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["circle", { cx: "12", cy: "12", r: "4" }],
+    ["path", { d: "M12 2v2" }],
+    ["path", { d: "M12 20v2" }],
+    ["path", { d: "m4.93 4.93 1.41 1.41" }],
+    ["path", { d: "m17.66 17.66 1.41 1.41" }],
+    ["path", { d: "M2 12h2" }],
+    ["path", { d: "M20 12h2" }],
+    ["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 }]));
+}
+// node_modules/@lucide/svelte/dist/icons/moon.svelte
+import"svelte/internal/flags/async";
+import * as $7 from "svelte/internal/server";
+function Moon($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M20.985 12.486a9 9 0 1 1-9.473-9.472c.405-.022.617.46.402.803a6 6 0 0 0 8.268 8.268c.344-.215.825-.004.803.401"
+      }
+    ]
+  ];
+  Icon($$renderer, $7.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";
+function Monitor($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "rect",
+      { width: "20", height: "14", x: "2", y: "3", rx: "2" }
+    ],
+    ["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 }]));
+}
+// src/theme.ts
+var THEME_KEY = "theme";
+function getTheme() {
+  const value = cookies.get(THEME_KEY);
+  return value === "dark" || value === "light" ? value : "auto";
+}
+function setTheme(theme) {
+  cookies.set(THEME_KEY, theme, { expires: 400, path: "/" });
+}
+function applyTheme(theme) {
+  if (theme === "auto")
+    delete document.documentElement.dataset.theme;
+  else
+    document.documentElement.dataset.theme = theme;
+}
+
+// src/components/ThemePicker.svelte
+function ThemePicker($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let theme = getTheme();
+    const options = [
+      { value: "auto", label: "Auto", icon: Monitor },
+      { value: "light", label: "Light", icon: Sun },
+      { value: "dark", label: "Dark", icon: Moon }
+    ];
+    function select(value) {
+      theme = value;
+      setTheme(value);
+      applyTheme(value);
+    }
+    $$renderer2.push(`<div class="picker svelte-3gcwuj" role="radiogroup" aria-label="Theme"><!--[-->`);
+    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"${$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 });
+        $$renderer2.push("<!--]-->");
+      } else {
+        $$renderer2.push("<!--[!-->");
+        $$renderer2.push("<!--]-->");
+      }
+      $$renderer2.push(` ${$9.escape(label)}</button>`);
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// node_modules/@lucide/svelte/dist/icons/layers.svelte
+import"svelte/internal/flags/async";
+import * as $10 from "svelte/internal/server";
+function Layers($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"
+      }
+    ]
+  ];
+  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 $11 from "svelte/internal/server";
+function Folder_minus($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M9 13h6" }],
+    [
+      "path",
+      {
+        d: "M20 20a2 2 0 0 0 2-2V8a2 2 0 0 0-2-2h-7.9a2 2 0 0 1-1.69-.9L9.6 3.9A2 2 0 0 0 7.93 3H4a2 2 0 0 0-2 2v13a2 2 0 0 0 2 2Z"
+      }
+    ]
+  ];
+  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 $12 from "svelte/internal/server";
+function Trash_2($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M10 11v6" }],
+    ["path", { d: "M14 11v6" }],
+    ["path", { d: "M19 6v14a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2V6" }],
+    ["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 }]));
+}
+// node_modules/@lucide/svelte/dist/icons/hammer.svelte
+import"svelte/internal/flags/async";
+import * as $13 from "svelte/internal/server";
+function Hammer($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "m15 12-9.373 9.373a1 1 0 0 1-3.001-3L12 9" }],
+    ["path", { d: "m18 15 4-4" }],
+    [
+      "path",
+      {
+        d: "m21.5 11.5-1.914-1.914A2 2 0 0 1 19 8.172v-.344a2 2 0 0 0-.586-1.414l-1.657-1.657A6 6 0 0 0 12.516 3H9l1.243 1.243A6 6 0 0 1 12 8.485V10l2 2h1.172a2 2 0 0 1 1.414.586L18.5 14.5"
+      }
+    ]
+  ];
+  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 $14 from "svelte/internal/server";
+function Key_round($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M2.586 17.414A2 2 0 0 0 2 18.828V21a1 1 0 0 0 1 1h3a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h1a1 1 0 0 0 1-1v-1a1 1 0 0 1 1-1h.172a2 2 0 0 0 1.414-.586l.814-.814a6.5 6.5 0 1 0-4-4z"
+      }
+    ],
+    [
+      "circle",
+      { cx: "16.5", cy: "7.5", r: ".5", fill: "currentColor" }
+    ]
+  ];
+  Icon($$renderer, $14.spread_props([{ name: "key-round" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/variable.svelte
+import"svelte/internal/flags/async";
+import * as $15 from "svelte/internal/server";
+function Variable($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M8 21s-4-3-4-9 4-9 4-9" }],
+    ["path", { d: "M16 3s4 3 4 9-4 9-4 9" }],
+    ["line", { x1: "15", x2: "9", y1: "9", y2: "15" }],
+    ["line", { x1: "9", x2: "15", y1: "9", y2: "15" }]
+  ];
+  Icon($$renderer, $15.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 $16 from "svelte/internal/server";
+function CoinButton($$renderer, $$props) {
+  let { href = "/avatars" } = $$props;
+  const coinArt = {
+    name: "coin",
+    pixels: [
+      "..####..",
+      ".#....#.",
+      "#..##..#",
+      "#.####.#",
+      "#.####.#",
+      "#..##..#",
+      ".#....#.",
+      "..####.."
+    ]
+  };
+  $$renderer.push(`<div class="coin-row svelte-1ioj7vz"><span class="pixel-line svelte-1ioj7vz" aria-hidden="true"></span> <a class="coin-btn svelte-1ioj7vz"${$16.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>`);
+}
+
+// src/components/SettingsView.svelte
+function SettingsView($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      defaultImage,
+      builtinImage,
+      disableBuildCache,
+      copyIgnorePatterns,
+      builtinCopyIgnore,
+      dockerArch,
+      manualTokensEnabled,
+      githubTokenSet,
+      claudeTokenSet,
+      customEndpointEnabled,
+      customEndpointBaseUrl,
+      customEndpointTokenSet,
+      customEndpointOpusModel,
+      customEndpointSonnetModel,
+      customEndpointHaikuModel,
+      customEndpointSmallFastModel,
+      customEndpointModel,
+      hostEnvVarsEnabled,
+      hostEnvVarNames,
+      hostEnvVarPresence
+    } = $$props;
+    let sound = soundEnabled();
+    let shuttingDown = false;
+    function saveOpts(handlers) {
+      return {
+        onPending: handlers.setSaving,
+        submit: ({ cancel }) => {
+          if (handlers.confirmMessage && !confirm(handlers.confirmMessage)) {
+            cancel();
+            return;
+          }
+          handlers.setError(null);
+          handlers.setMsg?.(null);
+          return ({ result }) => {
+            if (result.type === "success") {
+              handlers.onSuccess(result.data);
+            } else if (result.type === "failure") {
+              handlers.setError(result.data?.error ?? "Request failed");
+            } else if (result.type === "error") {
+              handlers.setError("Network error. Try again.");
+            }
+          };
+        }
+      };
+    }
+    function toggleOpts(handlers) {
+      return {
+        onPending: handlers.setSaving,
+        submit: ({ formData }) => {
+          const intended = formData.get("enabled") === "on";
+          handlers.setError(null);
+          return ({ result }) => {
+            if (result.type === "success") {
+              handlers.onSuccess?.(result.data);
+              return;
+            }
+            handlers.set(!intended);
+            handlers.setError(result.type === "failure" ? result.data?.error ?? "Request failed" : "Network error. Try again.");
+          };
+        }
+      };
+    }
+    let image = defaultImage;
+    let savingImage = false;
+    let imageError = null;
+    let imageSaved = false;
+    let imageFormEl;
+    const imageOpts = saveOpts({
+      setSaving: (v) => savingImage = v,
+      setError: (v) => imageError = v,
+      setMsg: (v) => imageSaved = !!v,
+      onSuccess: (data) => {
+        image = data?.image ?? image;
+        imageSaved = true;
+      }
+    });
+    function resetImage() {
+      flushSync(() => image = builtinImage);
+      imageFormEl?.requestSubmit();
+    }
+    let copyIgnore = copyIgnorePatterns;
+    let savingCopyIgnore = false;
+    let copyIgnoreError = null;
+    let copyIgnoreSaved = false;
+    let copyIgnoreFormEl;
+    const copyIgnoreOpts = saveOpts({
+      setSaving: (v) => savingCopyIgnore = v,
+      setError: (v) => copyIgnoreError = v,
+      setMsg: (v) => copyIgnoreSaved = !!v,
+      onSuccess: (data) => {
+        copyIgnore = data?.patterns ?? copyIgnore;
+        copyIgnoreSaved = true;
+      }
+    });
+    function resetCopyIgnore() {
+      flushSync(() => copyIgnore = builtinCopyIgnore);
+      copyIgnoreFormEl?.requestSubmit();
+    }
+    let noCache = disableBuildCache;
+    let savingCache = false;
+    let cacheError = null;
+    const buildCacheToggleOpts = toggleOpts({
+      set: (v) => noCache = v,
+      setSaving: (v) => savingCache = v,
+      setError: (v) => cacheError = v
+    });
+    let clearing = false;
+    let clearMsg = null;
+    let clearError = null;
+    function formatBytes(n) {
+      if (n <= 0)
+        return "0 B";
+      const units = ["B", "KB", "MB", "GB", "TB"];
+      const i = Math.min(Math.floor(Math.log(n) / Math.log(1024)), units.length - 1);
+      return `${(n / 1024 ** i).toFixed(i === 0 ? 0 : 1)} ${units[i]}`;
+    }
+    const clearCacheOpts = saveOpts({
+      setSaving: (v) => clearing = v,
+      setError: (v) => clearError = v,
+      setMsg: (v) => clearMsg = v,
+      onSuccess: (data) => {
+        clearMsg = `Cleared \u2014 freed ${formatBytes(data?.spaceReclaimed ?? 0)}.`;
+      }
+    });
+    let rebuilding = false;
+    let rebuildMsg = null;
+    let rebuildError = null;
+    const rebuildAllOpts = saveOpts({
+      setSaving: (v) => rebuilding = v,
+      setError: (v) => rebuildError = v,
+      setMsg: (v) => rebuildMsg = v,
+      confirmMessage: "Rebuild every running container from scratch (no build cache)? Each will restart and may take a while.",
+      onSuccess: (data) => {
+        const n = data?.count ?? 0;
+        rebuildMsg = n === 0 ? "No running containers to rebuild." : `Rebuilding ${n} container(s)\u2026`;
+      }
+    });
+    let manualTokens = manualTokensEnabled;
+    let savingManualToggle = false;
+    let manualToggleError = null;
+    const manualTokensToggleOpts = toggleOpts({
+      set: (v) => manualTokens = v,
+      setSaving: (v) => savingManualToggle = v,
+      setError: (v) => manualToggleError = v
+    });
+    let ghSaved = githubTokenSet;
+    let githubToken = "";
+    let savingGithub = false;
+    let githubMsg = null;
+    let githubError = null;
+    const githubTokenOpts = saveOpts({
+      setSaving: (v) => savingGithub = v,
+      setError: (v) => githubError = v,
+      setMsg: (v) => githubMsg = v,
+      onSuccess: (data) => {
+        ghSaved = data?.set ?? false;
+        githubToken = "";
+        githubMsg = ghSaved ? "Saved." : "Cleared.";
+      }
+    });
+    let claudeSaved = claudeTokenSet;
+    let claudeToken = "";
+    let savingClaude = false;
+    let claudeMsg = null;
+    let claudeError = null;
+    const claudeTokenOpts = saveOpts({
+      setSaving: (v) => savingClaude = v,
+      setError: (v) => claudeError = v,
+      setMsg: (v) => claudeMsg = v,
+      onSuccess: (data) => {
+        claudeSaved = data?.set ?? false;
+        claudeToken = "";
+        claudeMsg = claudeSaved ? "Saved." : "Cleared.";
+      }
+    });
+    let customEndpoint = customEndpointEnabled;
+    let savingCustomToggle = false;
+    let customToggleError = null;
+    const customEndpointToggleOpts = toggleOpts({
+      set: (v) => customEndpoint = v,
+      setSaving: (v) => savingCustomToggle = v,
+      setError: (v) => customToggleError = v
+    });
+    let customBaseUrl = customEndpointBaseUrl;
+    let savingCustomBaseUrl = false;
+    let customBaseUrlMsg = null;
+    let customBaseUrlError = null;
+    const customBaseUrlOpts = saveOpts({
+      setSaving: (v) => savingCustomBaseUrl = v,
+      setError: (v) => customBaseUrlError = v,
+      setMsg: (v) => customBaseUrlMsg = v,
+      onSuccess: (data) => {
+        customBaseUrlMsg = data?.set ? "Saved." : "Cleared.";
+      }
+    });
+    let customToken = "";
+    let customTokenSaved = customEndpointTokenSet;
+    let savingCustomToken = false;
+    let customTokenMsg = null;
+    let customTokenError = null;
+    const customTokenOpts = saveOpts({
+      setSaving: (v) => savingCustomToken = v,
+      setError: (v) => customTokenError = v,
+      setMsg: (v) => customTokenMsg = v,
+      onSuccess: (data) => {
+        customTokenSaved = data?.set ?? false;
+        customToken = "";
+        customTokenMsg = customTokenSaved ? "Saved." : "Cleared.";
+      }
+    });
+    let customOpusModel = customEndpointOpusModel;
+    let customSonnetModel = customEndpointSonnetModel;
+    let customHaikuModel = customEndpointHaikuModel;
+    let customSmallFastModel = customEndpointSmallFastModel;
+    let customDefaultModel = customEndpointModel;
+    let savingCustomModels = false;
+    let customModelsMsg = null;
+    let customModelsError = null;
+    const customModelsOpts = saveOpts({
+      setSaving: (v) => savingCustomModels = v,
+      setError: (v) => customModelsError = v,
+      setMsg: (v) => customModelsMsg = v,
+      onSuccess: () => {
+        customModelsMsg = "Saved.";
+      }
+    });
+    let hostEnvVars = hostEnvVarsEnabled;
+    let savingHostEnvToggle = false;
+    let hostEnvToggleError = null;
+    const hostEnvVarsToggleOpts = toggleOpts({
+      set: (v) => hostEnvVars = v,
+      setSaving: (v) => savingHostEnvToggle = v,
+      setError: (v) => hostEnvToggleError = v,
+      onSuccess: (data) => {
+        hostEnvPresence = data?.presence ?? {};
+      }
+    });
+    let hostEnvNames = [...hostEnvVarNames];
+    let hostEnvPresence = { ...hostEnvVarPresence };
+    let newHostEnvName = "";
+    let savingHostEnvNames = false;
+    let hostEnvNamesMsg = null;
+    let hostEnvNamesError = null;
+    const addHostEnvOpts = {
+      onPending: (v) => savingHostEnvNames = v,
+      submit: ({ formData, cancel }) => {
+        hostEnvNamesError = null;
+        hostEnvNamesMsg = null;
+        const existing = formData.getAll("names").map(String);
+        const typed = existing.pop() ?? "";
+        const name = typed.trim().toUpperCase();
+        if (!name) {
+          cancel();
+          return;
+        }
+        if (!/^[A-Za-z_][A-Za-z0-9_]*$/.test(name)) {
+          hostEnvNamesError = `Invalid variable name: ${name}`;
+          cancel();
+          return;
+        }
+        newHostEnvName = "";
+        if (existing.includes(name)) {
+          cancel();
+          return;
+        }
+        const names = [...existing, name];
+        formData.delete("names");
+        for (const n of names)
+          formData.append("names", n);
+        return ({ result }) => {
+          if (result.type === "success") {
+            hostEnvNames = names;
+            hostEnvPresence = result.data?.presence ?? {};
+            hostEnvNamesMsg = "Saved.";
+          } else if (result.type === "failure") {
+            hostEnvNamesError = result.data?.error ?? "Request failed";
+          } else if (result.type === "error") {
+            hostEnvNamesError = "Network error. Try again.";
+          }
+        };
+      }
+    };
+    function removeHostEnvOpts(name) {
+      return saveOpts({
+        setSaving: (v) => savingHostEnvNames = v,
+        setError: (v) => hostEnvNamesError = v,
+        setMsg: (v) => hostEnvNamesMsg = v,
+        onSuccess: (data) => {
+          hostEnvNames = hostEnvNames.filter((n) => n !== name);
+          hostEnvPresence = data?.presence ?? {};
+        }
+      });
+    }
+    function toggleSound(on) {
+      sound = on;
+      setSoundEnabled(on);
+      unlockAudio();
+      if (on)
+        playChime("done");
+    }
+    const shutdownOpts = {
+      submit: ({ cancel }) => {
+        if (!confirm("Delete the database, remove all instances and their containers, and shut down the server? This cannot be undone.")) {
+          cancel();
+          return;
+        }
+        shuttingDown = true;
+      }
+    };
+    $$renderer2.push(`<div class="page svelte-1n6ht58">`);
+    AppBar($$renderer2, {
+      children: ($$renderer3) => {
+        $$renderer3.push(`<span class="title svelte-1n6ht58">Settings</span>`);
+      },
+      $$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">`);
+    Container($$renderer2, { size: 18 });
+    $$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">${$17.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"${$17.attr("value", image)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="mcr.microsoft.com/devcontainers/base:ubuntu"/> `);
+    Button($$renderer2, {
+      type: "submit",
+      disabled: savingImage,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Save`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      type: "button",
+      icon: Rotate_ccw,
+      disabled: savingImage,
+      onclick: resetImage,
+      title: `Reset to default (${$17.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>${$17.escape(dockerArch)}</strong> \u2014 pick an image that publishes
+						an <strong>${$17.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
+						fail.`);
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (imageError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(imageError)}</div>`);
+    } else if (imageSaved) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></form></section> <section class="card svelte-1n6ht58"><form class="row image-row svelte-1n6ht58" method="POST" action="?/copyIgnorePatterns"><div class="label svelte-1n6ht58">`);
+    Folder_minus($$renderer2, { size: 18 });
+    $$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"${$17.attr("value", copyIgnore)} spellcheck="false" autocapitalize="off" autocorrect="off" placeholder="node_modules, .venv, dist"/> `);
+    Button($$renderer2, {
+      type: "submit",
+      disabled: savingCopyIgnore,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Save`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      type: "button",
+      icon: Rotate_ccw,
+      disabled: savingCopyIgnore,
+      onclick: resetCopyIgnore,
+      title: `Reset to default (${$17.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">${$17.escape(copyIgnoreError)}</div>`);
+    } else if (copyIgnoreSaved) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">Saved.</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></form></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/disableBuildCache"><div class="label svelte-1n6ht58">`);
+    Layers($$renderer2, { size: 18 });
+    $$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"${$17.attr("checked", noCache, true)}${$17.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">${$17.escape(cacheError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <form class="row divided svelte-1n6ht58" method="POST" action="?/clearBuildCache"><div class="label svelte-1n6ht58">`);
+    Trash_2($$renderer2, { size: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Clear build cache</div> <div class="desc svelte-1n6ht58">Purge Docker's BuildKit layer cache now, so the next build runs uncached. Doesn't
+							remove pulled images.</div> `);
+    if (clearError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(clearError)}</div>`);
+    } else if (clearMsg) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.escape(clearMsg)}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div> `);
+    Button($$renderer2, {
+      type: "submit",
+      icon: Trash_2,
+      disabled: clearing,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->${$17.escape(clearing ? "Clearing\u2026" : "Clear cache")}`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></form> <form class="row divided svelte-1n6ht58" method="POST" action="?/rebuildAllNoCache"><div class="label svelte-1n6ht58">`);
+    Hammer($$renderer2, { size: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Rebuild running containers (no cache)</div> <div class="desc svelte-1n6ht58">Re-run <code class="svelte-1n6ht58">devcontainer up --build-no-cache</code> for every currently-running instance.
+							In-container edits are kept; stopped instances are left alone.</div> `);
+    if (rebuildError) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(rebuildError)}</div>`);
+    } else if (rebuildMsg) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.escape(rebuildMsg)}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div></div> `);
+    Button($$renderer2, {
+      type: "submit",
+      icon: Hammer,
+      disabled: rebuilding,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->${$17.escape(rebuilding ? "Starting\u2026" : "Rebuild all")}`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></form></section> <section${$17.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: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Set tokens manually `);
+    if (customEndpoint) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Disabled while LiteLLM + Bedrock mode is on">disabled</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">`);
+    if (customEndpoint) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Not available while LiteLLM + Bedrock mode is enabled \u2014 Claude credentials are
+								provided by the LiteLLM endpoint instead.`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`Provide GitHub and Claude Code tokens yourself instead of discovering them from this
+								machine. Useful on a headless server or when signed in as a different identity. A
+								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"${$17.attr("checked", manualTokens, true)}${$17.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">${$17.escape(manualToggleError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    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"${$17.attr("value", githubToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$17.attr("placeholder", ghSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "ghp_\u2026 / gho_\u2026")}/> `);
+      Button($$renderer2, {
+        type: "submit",
+        disabled: savingGithub,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Save`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (githubError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(githubError)}</div>`);
+      } else if (githubMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.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"${$17.attr("value", claudeToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$17.attr("placeholder", claudeSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-ant-oat\u2026")}/> `);
+      Button($$renderer2, {
+        type: "submit",
+        disabled: savingClaude,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Save`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (claudeError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(claudeError)}</div>`);
+      } else if (claudeMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.escape(claudeMsg)}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></form>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section${$17.attr_class("card svelte-1n6ht58", undefined, { "disabled-card": manualTokens })}><form class="row svelte-1n6ht58" method="POST" action="?/customEndpointToggle"><div class="label svelte-1n6ht58">`);
+    Key_round($$renderer2, { size: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">LiteLLM + Bedrock `);
+    if (manualTokens) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="arch svelte-1n6ht58" title="Disabled while Set tokens manually is on">disabled</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="desc svelte-1n6ht58">`);
+    if (manualTokens) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`Not available while "Set tokens manually" is enabled \u2014 these modes are mutually
+								incompatible.`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`Route <code class="svelte-1n6ht58">claude</code> through a LiteLLM proxy fronting AWS Bedrock instead of Anthropic's
+								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"${$17.attr("checked", customEndpoint, true)}${$17.attr("disabled", savingCustomToggle || manualTokens, 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">${$17.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"${$17.attr("value", customBaseUrl)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="https://litellm.example.com/bedrock"/> `);
+      Button($$renderer2, {
+        type: "submit",
+        disabled: savingCustomBaseUrl,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Save`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (customBaseUrlError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(customBaseUrlError)}</div>`);
+      } else if (customBaseUrlMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.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"${$17.attr("value", customToken)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off"${$17.attr("placeholder", customTokenSaved ? "\u2022\u2022\u2022\u2022\u2022\u2022\u2022\u2022 (saved)" : "sk-\u2026")}/> `);
+      Button($$renderer2, {
+        type: "submit",
+        disabled: savingCustomToken,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Save`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div> `);
+      if (customTokenError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(customTokenError)}</div>`);
+      } else if (customTokenMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.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"${$17.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"${$17.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"${$17.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"${$17.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"${$17.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,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Save models`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></div></div> `);
+      if (customModelsError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(customModelsError)}</div>`);
+      } else if (customModelsMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.escape(customModelsMsg)}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></form>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/hostEnvVarsToggle"><div class="label svelte-1n6ht58">`);
+    Variable($$renderer2, { size: 18 });
+    $$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"${$17.attr("checked", hostEnvVars, true)}${$17.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">${$17.escape(hostEnvToggleError)}</div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (hostEnvVars) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="row divided var-row svelte-1n6ht58"><div class="var-list svelte-1n6ht58">`);
+      const each_array = $17.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 = $17.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"${$17.attr("value", other)}/>`);
+          }
+          $$renderer2.push(`<!--]--> <span class="var-name svelte-1n6ht58">${$17.escape(name)}</span> <span${$17.attr_class("var-status svelte-1n6ht58", undefined, { present: hostEnvPresence[name] })}${$17.attr("title", hostEnvPresence[name] ? "Set on this host \u2014 will be injected" : "Not set on this host \u2014 will be skipped")}>${$17.escape(hostEnvPresence[name] ? "set" : "missing")}</span> <button type="submit" class="var-remove svelte-1n6ht58"${$17.attr("disabled", savingHostEnvNames, true)}${$17.attr("aria-label", `Remove ${name}`)}>`);
+          X($$renderer2, { size: 13 });
+          $$renderer2.push(`<!----></button></form>`);
+        }
+      } else {
+        $$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="?/hostEnvVarNames"><!--[-->`);
+      const each_array_2 = $17.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"${$17.attr("value", name)}/>`);
+      }
+      $$renderer2.push(`<!--]--> <input type="text" name="names" class="image-input svelte-1n6ht58"${$17.attr("value", newHostEnvName)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" placeholder="AWS_ACCESS_KEY_ID"/> `);
+      Button($$renderer2, {
+        type: "submit",
+        icon: Plus,
+        disabled: savingHostEnvNames,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Add`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----></form> `);
+      if (hostEnvNamesError) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="msg error svelte-1n6ht58">${$17.escape(hostEnvNamesError)}</div>`);
+      } else if (hostEnvNamesMsg) {
+        $$renderer2.push("<!--[1-->");
+        $$renderer2.push(`<div class="msg ok svelte-1n6ht58">${$17.escape(hostEnvNamesMsg)}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></section> <section class="card svelte-1n6ht58"><div class="row svelte-1n6ht58"><div class="label svelte-1n6ht58">`);
+    Sun_moon($$renderer2, { size: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Theme</div> <div class="desc svelte-1n6ht58">Light, dark, or follow the browser preference automatically (auto).</div></div></div> `);
+    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: 18 });
+    $$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"${$17.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 danger-card svelte-1n6ht58"><form class="row svelte-1n6ht58" method="POST" action="?/shutdown"><div class="label svelte-1n6ht58">`);
+    Power($$renderer2, { size: 18 });
+    $$renderer2.push(`<!----> <div class="text svelte-1n6ht58"><div class="name svelte-1n6ht58">Delete database, containers, and shut down</div> <div class="desc svelte-1n6ht58">Stop and remove every instance and its container, delete all copied workspaces and the
+							database, then shut down the server. This cannot be undone.</div></div></div> `);
+    if (shuttingDown) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span class="shutting svelte-1n6ht58">Server is shutting down \u2014 you can close this tab.</span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      Button($$renderer2, {
+        type: "submit",
+        variant: "danger",
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Delete &amp; shut down`);
+        },
+        $$slots: { default: true }
+      });
+    }
+    $$renderer2.push(`<!--]--></form></section> `);
+    CoinButton($$renderer2, {});
+    $$renderer2.push(`<!----></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;"
+      }
+    });
+    $$renderer2.push(`<!---->`);
+  });
+}
+
+// src/pages/Settings.svelte
+function Settings($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      defaultImage,
+      builtinImage,
+      disableBuildCache,
+      copyIgnorePatterns,
+      builtinCopyIgnore,
+      dockerArch,
+      manualTokensEnabled,
+      githubTokenSet,
+      claudeTokenSet,
+      customEndpointEnabled,
+      customEndpointBaseUrl,
+      customEndpointTokenSet,
+      customEndpointOpusModel,
+      customEndpointSonnetModel,
+      customEndpointHaikuModel,
+      customEndpointSmallFastModel,
+      customEndpointModel,
+      hostEnvVarsEnabled,
+      hostEnvVarNames,
+      hostEnvVarPresence
+    } = $$props;
+    if (true) {
+      let failed = function($$renderer3, error) {
+        $$renderer3.push(`<mochi-island-failure data-component="SettingsView"${$18.attr("data-message", error.message)}></mochi-island-failure>`);
+      };
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.boundary({ failed }, ($$renderer3) => {
+        $$renderer3.push(`<!--[-->`);
+        {
+          HydratableBoundary($$renderer3, {
+            children: ($$renderer4) => {
+              $$renderer4.push(`<mochi-hydratable-island component-name="SettingsView_8hmarwmf8onq" component-url="__MOCHI_COMPONENT_URL__SettingsView_8hmarwmf8onq__"${$18.attr("props-ref", emitIslandProps({
+                defaultImage,
+                builtinImage,
+                disableBuildCache,
+                copyIgnorePatterns,
+                builtinCopyIgnore,
+                dockerArch,
+                manualTokensEnabled,
+                githubTokenSet,
+                claudeTokenSet,
+                customEndpointEnabled,
+                customEndpointBaseUrl,
+                customEndpointTokenSet,
+                customEndpointOpusModel,
+                customEndpointSonnetModel,
+                customEndpointHaikuModel,
+                customEndpointSmallFastModel,
+                customEndpointModel,
+                hostEnvVarsEnabled,
+                hostEnvVarNames,
+                hostEnvVarPresence
+              }))}>`);
+              $$renderer4.push(`<!--[-->`);
+              {
+                SettingsView($$renderer4, {
+                  defaultImage,
+                  builtinImage,
+                  disableBuildCache,
+                  copyIgnorePatterns,
+                  builtinCopyIgnore,
+                  dockerArch,
+                  manualTokensEnabled,
+                  githubTokenSet,
+                  claudeTokenSet,
+                  customEndpointEnabled,
+                  customEndpointBaseUrl,
+                  customEndpointTokenSet,
+                  customEndpointOpusModel,
+                  customEndpointSonnetModel,
+                  customEndpointHaikuModel,
+                  customEndpointSmallFastModel,
+                  customEndpointModel,
+                  hostEnvVarsEnabled,
+                  hostEnvVarNames,
+                  hostEnvVarPresence
+                });
+              }
+              $$renderer4.push(`<!--]-->`);
+              $$renderer4.push(`</mochi-hydratable-island>`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+export {
+  Settings as default
+};