codebay 0.0.1 → 0.2.1

package/.mochi/svelte-compile/App-f0q5n4rk.server.js

@@ -0,0 +1,1168 @@
+// @bun
+import {
+  StatusBadge,
+  apiDelete,
+  apiFetch,
+  apiPost,
+  forwardedPortUrl,
+  ideUrl
+} from "./chunk-btmcxhqy.js";
+import {
+  Plus
+} from "./chunk-9bjk7yx6.js";
+import {
+  X
+} from "./chunk-4kwy539a.js";
+import {
+  AppBar,
+  Avatar,
+  Button,
+  Toaster,
+  dist_default
+} from "./chunk-sxqys3nw.js";
+import {
+  HydratableBoundary,
+  Icon,
+  emitIslandProps,
+  isDev
+} from "./chunk-v6796ga4.js";
+import"./chunk-we0ggtws.js";
+
+// src/pages/App.svelte
+import"svelte/internal/flags/async";
+import * as $23 from "svelte/internal/server";
+
+// src/components/AppShell.svelte
+import"svelte/internal/flags/async";
+import * as $22 from "svelte/internal/server";
+import { SvelteSet } from "svelte/reactivity";
+
+// src/components/DashboardView.svelte
+import"svelte/internal/flags/async";
+import * as $19 from "svelte/internal/server";
+
+// src/components/FolderBrowser.svelte
+import"svelte/internal/flags/async";
+import * as $6 from "svelte/internal/server";
+import { tick } from "svelte";
+
+// src/lib/repo-url.ts
+var SEGMENT = /^[A-Za-z0-9._-]+$/;
+function parseRepoUrl(input) {
+  const raw = input.trim();
+  if (!raw)
+    return null;
+  let host;
+  let path;
+  const scp = raw.match(/^[A-Za-z0-9._-]+@([A-Za-z0-9.-]+):(.+)$/);
+  if (scp) {
+    host = scp[1];
+    path = scp[2];
+  } else if (/^[a-z][a-z0-9+.-]*:\/\//i.test(raw)) {
+    let url;
+    try {
+      url = new URL(raw);
+    } catch {
+      return null;
+    }
+    if (url.protocol !== "http:" && url.protocol !== "https:" && url.protocol !== "ssh:") {
+      return null;
+    }
+    host = url.hostname;
+    path = url.pathname;
+  } else {
+    const m = raw.match(/^([A-Za-z0-9-]+\.[A-Za-z0-9.-]+)\/(.+)$/);
+    if (!m)
+      return null;
+    host = m[1];
+    path = m[2];
+  }
+  if (!host || !path)
+    return null;
+  const segments = path.replace(/\.git$/i, "").split("/").filter(Boolean);
+  const [owner, repo] = segments;
+  if (!owner || !repo || !SEGMENT.test(owner) || !SEGMENT.test(repo))
+    return null;
+  return { host, owner, repo, cloneUrl: `https://${host}/${owner}/${repo}.git` };
+}
+function isRepoUrl(input) {
+  return parseRepoUrl(input) !== null;
+}
+
+// node_modules/@lucide/svelte/dist/icons/folder-clock.svelte
+import"svelte/internal/flags/async";
+import * as $ from "svelte/internal/server";
+function Folder_clock($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M16 14v2.2l1.6 1" }],
+    [
+      "path",
+      {
+        d: "M7 20H4a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h3.9a2 2 0 0 1 1.69.9l.81 1.2a2 2 0 0 0 1.67.9H20a2 2 0 0 1 2 2"
+      }
+    ],
+    ["circle", { cx: "16", cy: "16", r: "6" }]
+  ];
+  Icon($$renderer, $.spread_props([{ name: "folder-clock" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/git-branch.svelte
+import"svelte/internal/flags/async";
+import * as $2 from "svelte/internal/server";
+function Git_branch($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "M15 6a9 9 0 0 0-9 9V3" }],
+    ["circle", { cx: "18", cy: "6", r: "3" }],
+    ["circle", { cx: "6", cy: "18", r: "3" }]
+  ];
+  Icon($$renderer, $2.spread_props([{ name: "git-branch" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/arrow-up.svelte
+import"svelte/internal/flags/async";
+import * as $3 from "svelte/internal/server";
+function Arrow_up($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    ["path", { d: "m5 12 7-7 7 7" }],
+    ["path", { d: "M12 19V5" }]
+  ];
+  Icon($$renderer, $3.spread_props([{ name: "arrow-up" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/folder.svelte
+import"svelte/internal/flags/async";
+import * as $4 from "svelte/internal/server";
+function Folder($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "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, $4.spread_props([{ name: "folder" }, props, { iconNode }]));
+}
+// node_modules/@lucide/svelte/dist/icons/triangle-alert.svelte
+import"svelte/internal/flags/async";
+import * as $5 from "svelte/internal/server";
+function Triangle_alert($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3"
+      }
+    ],
+    ["path", { d: "M12 9v4" }],
+    ["path", { d: "M12 17h.01" }]
+  ];
+  Icon($$renderer, $5.spread_props([{ name: "triangle-alert" }, props, { iconNode }]));
+}
+// src/components/FolderBrowser.svelte
+function FolderBrowser($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { onpick, onclose } = $$props;
+    let result = null;
+    let loading = true;
+    let errorMsg = null;
+    let query = "";
+    let searchInput = null;
+    let history2 = [];
+    let showAll = false;
+    let repoUrl = "";
+    let repoBranch = "";
+    const repoValid = $6.derived(() => isRepoUrl(repoUrl));
+    function cloneRepoUrl() {
+      if (!repoValid())
+        return;
+      onpick(repoUrl.trim(), { branch: repoBranch.trim() || undefined });
+    }
+    const filtered = $6.derived(() => result ? result.entries.filter((e) => e.name.toLowerCase().includes(query.trim().toLowerCase())) : []);
+    const shownHistory = $6.derived(() => showAll ? history2 : history2.slice(0, 5));
+    async function loadHistory() {
+      try {
+        const data = await apiFetch("/api/history");
+        history2 = data.history ?? [];
+      } catch {}
+    }
+    async function removeHistory(path) {
+      const prev = history2;
+      history2 = history2.filter((h) => h.source_path !== path);
+      try {
+        await apiDelete("/api/history", { sourcePath: path });
+      } catch {
+        history2 = prev;
+      }
+    }
+    async function load(path = null) {
+      loading = true;
+      errorMsg = null;
+      query = "";
+      try {
+        const url = path ? `/api/browse?path=${encodeURIComponent(path)}` : "/api/browse";
+        result = await apiFetch(url, undefined, "Could not list folder");
+      } catch (err) {
+        errorMsg = err.message;
+      } finally {
+        loading = false;
+      }
+      await tick();
+      searchInput?.focus();
+    }
+    $$renderer2.push(`<div class="overlay svelte-oq97c4" role="button" tabindex="0"><div class="modal panel svelte-oq97c4" role="dialog" aria-modal="true" aria-label="Pick a project folder" tabindex="-1"><div class="head svelte-oq97c4"><h2 class="svelte-oq97c4">Pick a project folder</h2> <button class="x svelte-oq97c4" aria-label="Close">`);
+    X($$renderer2, { size: 16 });
+    $$renderer2.push(`<!----></button></div> <div class="clone svelte-oq97c4"><div class="clone-label svelte-oq97c4">Clone a Git repository</div> <div class="clone-row svelte-oq97c4"><input class="clone-url svelte-oq97c4" type="text" placeholder="https://github.com/owner/repo"${$6.attr("value", repoUrl)} spellcheck="false" autocomplete="off"/> <input class="clone-branch svelte-oq97c4" type="text" placeholder="branch (optional)"${$6.attr("value", repoBranch)} spellcheck="false" autocomplete="off"/> <button class="clone-btn svelte-oq97c4"${$6.attr("disabled", !repoValid(), true)}>Clone</button></div></div> <div class="crumbs svelte-oq97c4"><code class="svelte-oq97c4">${$6.escape(result?.path ?? "\u2026")}</code></div> `);
+    if (history2.length > 0) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="recent svelte-oq97c4"><div class="recent-label svelte-oq97c4">Recent</div> <!--[-->`);
+      const each_array = $6.ensure_array_like(shownHistory());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let entry = each_array[$$index];
+        $$renderer2.push(`<div class="recent-row svelte-oq97c4"><button class="recent-pick svelte-oq97c4"><span class="icon svelte-oq97c4">`);
+        if (isRepoUrl(entry.source_path)) {
+          $$renderer2.push("<!--[0-->");
+          Git_branch($$renderer2, { size: 16 });
+        } else {
+          $$renderer2.push("<!--[-1-->");
+          Folder_clock($$renderer2, { size: 16 });
+        }
+        $$renderer2.push(`<!--]--></span> <span class="recent-text svelte-oq97c4"><span class="recent-name svelte-oq97c4">${$6.escape(entry.name)}</span> <span class="recent-path svelte-oq97c4">${$6.escape(entry.source_path)}</span></span></button> <button class="recent-x svelte-oq97c4"${$6.attr("aria-label", `Remove ${$6.stringify(entry.name)} from history`)} title="Remove from history">`);
+        X($$renderer2, { size: 14 });
+        $$renderer2.push(`<!----></button></div>`);
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (history2.length > 5) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button class="recent-toggle svelte-oq97c4">${$6.escape(showAll ? "Show fewer" : `Show all (${history2.length})`)}</button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="search svelte-oq97c4"><input type="text" placeholder="Filter folders\u2026"${$6.attr("value", query)} spellcheck="false" autocomplete="off" class="svelte-oq97c4"/></div> <div class="list svelte-oq97c4">`);
+    if (loading) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="muted svelte-oq97c4">Loading\u2026</div>`);
+    } else if (errorMsg) {
+      $$renderer2.push("<!--[1-->");
+      $$renderer2.push(`<div class="muted err svelte-oq97c4">${$6.escape(errorMsg)}</div>`);
+    } else if (result) {
+      $$renderer2.push("<!--[2-->");
+      if (result.parent && !query) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="row svelte-oq97c4"><button class="nav svelte-oq97c4"><span class="icon svelte-oq97c4">`);
+        Arrow_up($$renderer2, { size: 16 });
+        $$renderer2.push(`<!----></span> <span class="ename svelte-oq97c4">..</span></button></div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> `);
+      if (filtered().length === 0) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<div class="muted svelte-oq97c4">${$6.escape(query ? "No folders match." : "No subfolders here.")}</div>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--> <!--[-->`);
+      const each_array_1 = $6.ensure_array_like(filtered());
+      for (let i = 0, $$length = each_array_1.length;i < $$length; i++) {
+        let entry = each_array_1[i];
+        $$renderer2.push(`<div${$6.attr_class("row svelte-oq97c4", undefined, { "first-match": query.trim() && i === 0 })}><button class="nav svelte-oq97c4"><span class="icon svelte-oq97c4">`);
+        Folder($$renderer2, { size: 16 });
+        $$renderer2.push(`<!----></span> <span class="ename svelte-oq97c4">${$6.escape(entry.name)}</span> `);
+        if (entry.hasDevcontainer) {
+          $$renderer2.push("<!--[0-->");
+          $$renderer2.push(`<span class="badge svelte-oq97c4">devcontainer</span>`);
+        } else {
+          $$renderer2.push("<!--[-1-->");
+        }
+        $$renderer2.push(`<!--]--></button> <button class="pick-inline svelte-oq97c4">Select</button></div>`);
+      }
+      $$renderer2.push(`<!--]-->`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> `);
+    if (result && !result.hasDevcontainer) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="warn svelte-oq97c4">`);
+      Triangle_alert($$renderer2, { size: 15 });
+      $$renderer2.push(`<!----> <span>No <code class="svelte-oq97c4">devcontainer.json</code> in this folder \u2014 a default image will be used if you select
+					it.</span></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="foot svelte-oq97c4"><span class="hint svelte-oq97c4">Browse to a folder, then select this folder or any subfolder.</span> <button class="primary svelte-oq97c4"${$6.attr("disabled", !result, true)}>Select this folder</button></div></div></div>`);
+  });
+}
+
+// src/components/InstanceCard.svelte
+import"svelte/internal/flags/async";
+import * as $10 from "svelte/internal/server";
+
+// src/components/BranchBox.svelte
+import"svelte/internal/flags/async";
+import * as $7 from "svelte/internal/server";
+function BranchBox($$renderer, $$props) {
+  let { branch } = $$props;
+  $$renderer.push(`<div class="branch svelte-jv8lut" title="Branch checked out in the container">`);
+  Git_branch($$renderer, { size: 12 });
+  $$renderer.push(`<!----><span class="svelte-jv8lut">${$7.escape(branch)}</span></div>`);
+}
+
+// src/components/PortsBox.svelte
+import"svelte/internal/flags/async";
+import * as $9 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/cable.svelte
+import"svelte/internal/flags/async";
+import * as $8 from "svelte/internal/server";
+function Cable($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M17 19a1 1 0 0 1-1-1v-2a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v2a1 1 0 0 1-1 1z"
+      }
+    ],
+    ["path", { d: "M17 21v-2" }],
+    [
+      "path",
+      { d: "M19 14V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V10" }
+    ],
+    ["path", { d: "M21 21v-2" }],
+    ["path", { d: "M3 5V3" }],
+    [
+      "path",
+      {
+        d: "M4 10a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v2a2 2 0 0 1-2 2z"
+      }
+    ],
+    ["path", { d: "M7 5V3" }]
+  ];
+  Icon($$renderer, $8.spread_props([{ name: "cable" }, props, { iconNode }]));
+}
+// src/components/PortsBox.svelte
+function PortsBox($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { ports } = $$props;
+    if (ports.length) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="fports svelte-1uaz383" title="Forwarded ports \u2014 click to open">`);
+      Cable($$renderer2, { size: 12 });
+      $$renderer2.push(`<!----> <span class="list svelte-1uaz383"><!--[-->`);
+      const each_array = $9.ensure_array_like(ports);
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let f = each_array[$$index];
+        $$renderer2.push(`<a${$9.attr_class("fport svelte-1uaz383", undefined, { open: f.open })}${$9.attr("href", forwardedPortUrl(f.host_port))} target="_blank" rel="noopener"${$9.attr("title", `container :${f.container_port} \u2192 ${forwardedPortUrl(f.host_port)} ${f.open ? "(open)" : "(not published yet)"}`)}>${$9.escape(f.container_port)}</a>`);
+      }
+      $$renderer2.push(`<!--]--></span></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+
+// src/components/InstanceCard.svelte
+function InstanceCard($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      instance,
+      editing,
+      editingName = undefined,
+      onact,
+      onstartrename,
+      oncommitrename,
+      oncancelrename
+    } = $$props;
+    const canRebuild = $10.derived(() => instance.status === "running" || instance.status === "stopped" || instance.status === "error" && !!instance.container_id);
+    $$renderer2.push(`<li class="card panel svelte-13338y7"><div class="card-head svelte-13338y7">`);
+    Avatar($$renderer2, { id: instance.id, name: instance.name, interactive: true });
+    $$renderer2.push(`<!----> `);
+    if (editing) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<input class="name-edit svelte-13338y7"${$10.attr("value", editingName)} autofocus=""/>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<button class="name svelte-13338y7" title="Click to rename">${$10.escape(instance.name)}</button>`);
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (instance.attention) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<span${$10.attr_class("attn svelte-13338y7", undefined, {
+        "attn-done": instance.attention === "done",
+        "attn-waiting": instance.attention === "waiting"
+      })}${$10.attr("title", instance.attention === "waiting" ? "Claude is waiting for input" : "Claude finished")}${$10.attr("aria-label", instance.attention === "waiting" ? "Claude is waiting for input" : "Claude finished")}></span>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    StatusBadge($$renderer2, { status: instance.status });
+    $$renderer2.push(`<!----></div> <div class="path svelte-13338y7"${$10.attr("title", instance.source_path)}>${$10.escape(instance.source_path)}</div> `);
+    if (instance.status === "running") {
+      $$renderer2.push("<!--[0-->");
+      PortsBox($$renderer2, { ports: instance.forwarded_ports });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (instance.git_branch) {
+      $$renderer2.push("<!--[0-->");
+      BranchBox($$renderer2, { branch: instance.git_branch });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (instance.status === "error" && instance.error) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="card-error svelte-13338y7">${$10.escape(instance.error)}</div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <div class="actions svelte-13338y7">`);
+    if (instance.status === "running") {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        variant: "primary",
+        size: "sm",
+        href: `/ide/${instance.id}`,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Open IDE`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!----> `);
+      Button($$renderer2, {
+        size: "sm",
+        onclick: () => onact("stop"),
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Stop`);
+        },
+        $$slots: { default: true }
+      });
+      $$renderer2.push(`<!---->`);
+    } else if (instance.status === "stopped" || instance.status === "error" && instance.container_id) {
+      $$renderer2.push("<!--[1-->");
+      Button($$renderer2, {
+        size: "sm",
+        onclick: () => onact("start"),
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Start`);
+        },
+        $$slots: { default: true }
+      });
+    } else if (instance.status === "creating") {
+      $$renderer2.push("<!--[2-->");
+      Button($$renderer2, {
+        size: "sm",
+        href: `/instances/${instance.id}`,
+        target: "_blank",
+        rel: "noopener noreferrer",
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->View logs`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (canRebuild()) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        size: "sm",
+        title: "Recreate the container and re-run setup (credentials, hooks, port forwards)",
+        onclick: () => onact("rebuild"),
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Rebuild`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    Button($$renderer2, {
+      size: "sm",
+      ghost: true,
+      href: `/instances/${instance.id}`,
+      target: "_blank",
+      rel: "noopener noreferrer",
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Details`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      variant: "danger",
+      size: "sm",
+      onclick: () => onact("delete"),
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Delete`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----></div></li>`);
+    $10.bind_props($$props, { editingName });
+  });
+}
+
+// src/components/TopBar.svelte
+import"svelte/internal/flags/async";
+import * as $18 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/component.svelte
+import"svelte/internal/flags/async";
+import * as $11 from "svelte/internal/server";
+function Component($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M15.536 11.293a1 1 0 0 0 0 1.414l2.376 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M2.297 11.293a1 1 0 0 0 0 1.414l2.377 2.377a1 1 0 0 0 1.414 0l2.377-2.377a1 1 0 0 0 0-1.414L6.088 8.916a1 1 0 0 0-1.414 0z"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M8.916 17.912a1 1 0 0 0 0 1.415l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.415l-2.377-2.376a1 1 0 0 0-1.414 0z"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M8.916 4.674a1 1 0 0 0 0 1.414l2.377 2.376a1 1 0 0 0 1.414 0l2.377-2.376a1 1 0 0 0 0-1.414l-2.377-2.377a1 1 0 0 0-1.414 0z"
+      }
+    ]
+  ];
+  Icon($$renderer, $11.spread_props([{ name: "component" }, props, { iconNode }]));
+}
+// src/components/Brand.svelte
+import"svelte/internal/flags/async";
+import * as $13 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/package.svelte
+import"svelte/internal/flags/async";
+import * as $12 from "svelte/internal/server";
+function Package($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M11 21.73a2 2 0 0 0 2 0l7-4A2 2 0 0 0 21 16V8a2 2 0 0 0-1-1.73l-7-4a2 2 0 0 0-2 0l-7 4A2 2 0 0 0 3 8v8a2 2 0 0 0 1 1.73z"
+      }
+    ],
+    ["path", { d: "M12 22V12" }],
+    ["polyline", { points: "3.29 7 12 12 20.71 7" }],
+    ["path", { d: "m7.5 4.27 9 5.15" }]
+  ];
+  Icon($$renderer, $12.spread_props([{ name: "package" }, props, { iconNode }]));
+}
+// src/components/Brand.svelte
+function Brand($$renderer) {
+  $$renderer.push(`<a class="brand svelte-94cd8h" href="/"><span class="logo svelte-94cd8h">`);
+  Package($$renderer, { size: 22 });
+  $$renderer.push(`<!----></span><span>Codebay</span><span class="tagline svelte-94cd8h">devcontainer manager</span></a>`);
+}
+
+// src/components/SettingsCog.svelte
+import"svelte/internal/flags/async";
+import * as $15 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/settings.svelte
+import"svelte/internal/flags/async";
+import * as $14 from "svelte/internal/server";
+function Settings($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M9.671 4.136a2.34 2.34 0 0 1 4.659 0 2.34 2.34 0 0 0 3.319 1.915 2.34 2.34 0 0 1 2.33 4.033 2.34 2.34 0 0 0 0 3.831 2.34 2.34 0 0 1-2.33 4.033 2.34 2.34 0 0 0-3.319 1.915 2.34 2.34 0 0 1-4.659 0 2.34 2.34 0 0 0-3.32-1.915 2.34 2.34 0 0 1-2.33-4.033 2.34 2.34 0 0 0 0-3.831A2.34 2.34 0 0 1 6.35 6.051a2.34 2.34 0 0 0 3.319-1.915"
+      }
+    ],
+    ["circle", { cx: "12", cy: "12", r: "3" }]
+  ];
+  Icon($$renderer, $14.spread_props([{ name: "settings" }, props, { iconNode }]));
+}
+// src/components/SettingsCog.svelte
+function SettingsCog($$renderer) {
+  $$renderer.push(`<a class="cog svelte-1e745g8" href="/settings" aria-label="Settings" title="Settings">`);
+  Settings($$renderer, { size: 16 });
+  $$renderer.push(`<!----></a>`);
+}
+
+// src/components/CredMenu.svelte
+import"svelte/internal/flags/async";
+import * as $17 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/link.svelte
+import"svelte/internal/flags/async";
+import * as $16 from "svelte/internal/server";
+function Link($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"
+      }
+    ],
+    [
+      "path",
+      {
+        d: "M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"
+      }
+    ]
+  ];
+  Icon($$renderer, $16.spread_props([{ name: "link" }, props, { iconNode }]));
+}
+// src/components/CredMenu.svelte
+function CredMenu($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { auth } = $$props;
+    let credOpen = false;
+    const authedCount = $17.derived(() => auth.filter((a) => a.available).length);
+    const credState = $17.derived(() => authedCount() === auth.length ? "ok" : authedCount() === 0 ? "error" : "warn");
+    const credIcon = { ok: Link, warn: Triangle_alert, error: X };
+    const CredIcon = $17.derived(() => credIcon[credState()]);
+    function explainProvider(provider) {
+      if (provider.available) {
+        dist_default.success(`${provider.label} credentials come from ${provider.source}.`);
+      } else {
+        const hint = provider.hint ? ` \u2014 ${provider.hint}` : "";
+        dist_default.error(`No ${provider.label} credentials found${hint}.`);
+      }
+    }
+    $$renderer2.push(`<div class="cred-menu svelte-vongf9"><button${$17.attr_class(`cred ${credState()}`, "svelte-vongf9")}${$17.attr("aria-expanded", credOpen)} aria-haspopup="menu" aria-label="Credentials" title="Credentials">`);
+    if (CredIcon()) {
+      $$renderer2.push("<!--[-->");
+      CredIcon()($$renderer2, { size: 16 });
+      $$renderer2.push("<!--]-->");
+    } else {
+      $$renderer2.push("<!--[!-->");
+      $$renderer2.push("<!--]-->");
+    }
+    $$renderer2.push(`</button> `);
+    if (credOpen) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="cred-dropdown panel svelte-vongf9" role="menu"><!--[-->`);
+      const each_array = $17.ensure_array_like(auth);
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let provider = each_array[$$index];
+        $$renderer2.push(`<button type="button" class="cred-row svelte-vongf9" role="menuitem"${$17.attr("title", provider.available ? `Credentials from ${provider.source}, copied into each new instance.` : `No credentials found on this computer${provider.hint ? ` \u2014 ${provider.hint}` : ""}.`)}><span${$17.attr_class(`dot ${provider.available ? "on" : "off"}`, "svelte-vongf9")}></span> <span class="cred-label">${$17.escape(provider.label)}</span> <span class="cred-state svelte-vongf9">${$17.escape(provider.available ? "Authorized" : "Not found")}</span></button>`);
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/TopBar.svelte
+function TopBar($$renderer, $$props) {
+  let {
+    auth,
+    canDelete = false,
+    ready = true,
+    creating = false,
+    onNew,
+    onDeleteAll
+  } = $$props;
+  $$renderer.push(`<header class="topbar svelte-1h259us">`);
+  Brand($$renderer, {});
+  $$renderer.push(`<!----> <div class="topbar-actions svelte-1h259us">`);
+  if (isDev) {
+    $$renderer.push("<!--[0-->");
+    Button($$renderer, {
+      variant: "default",
+      size: "sm",
+      icon: Component,
+      href: "/debug",
+      children: ($$renderer2) => {
+        $$renderer2.push(`<!---->Debug`);
+      },
+      $$slots: { default: true }
+    });
+  } else {
+    $$renderer.push("<!--[-1-->");
+  }
+  $$renderer.push(`<!--]--> `);
+  SettingsCog($$renderer, {});
+  $$renderer.push(`<!----> `);
+  CredMenu($$renderer, { auth });
+  $$renderer.push(`<!----> `);
+  Button($$renderer, {
+    variant: "danger",
+    size: "sm",
+    onclick: onDeleteAll,
+    disabled: !canDelete,
+    children: ($$renderer2) => {
+      $$renderer2.push(`<!---->Delete all`);
+    },
+    $$slots: { default: true }
+  });
+  $$renderer.push(`<!----> `);
+  Button($$renderer, {
+    variant: "primary",
+    icon: creating ? undefined : Plus,
+    onclick: onNew,
+    disabled: !ready || creating,
+    children: ($$renderer2) => {
+      $$renderer2.push(`<!---->${$18.escape(creating ? "Creating\u2026" : "New instance")}`);
+    },
+    $$slots: { default: true }
+  });
+  $$renderer.push(`<!----></div></header>`);
+}
+
+// src/components/DashboardView.svelte
+function DashboardView($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { preflight, instances, loaded } = $$props;
+    let browserOpen = false;
+    let creating = false;
+    let actionError = null;
+    let editingId = null;
+    let editingName = "";
+    const ready = $19.derived(() => preflight.docker && preflight.cli);
+    async function createFrom(sourcePath, opts) {
+      browserOpen = false;
+      creating = true;
+      actionError = null;
+      try {
+        await apiPost("/api/instances", { sourcePath, branch: opts?.branch }, "Failed to create instance");
+      } catch (err) {
+        actionError = err.message;
+      } finally {
+        creating = false;
+      }
+    }
+    async function act(id, action) {
+      actionError = null;
+      if (action === "delete" && !confirm("Delete this instance and its copied files?"))
+        return;
+      if (action === "rebuild" && !confirm("Recreate this container and re-run setup? The workspace is kept."))
+        return;
+      try {
+        await apiPost(`/api/instances/${id}/${action}`, undefined, `Failed to ${action}`);
+      } catch (err) {
+        actionError = err.message;
+      }
+    }
+    function startRename(instance) {
+      editingId = instance.id;
+      editingName = instance.name;
+    }
+    function cancelRename() {
+      editingId = null;
+      editingName = "";
+    }
+    async function commitRename(id) {
+      const name = editingName.trim();
+      const original = instances.find((i) => i.id === id)?.name;
+      if (!name || name === original) {
+        cancelRename();
+        return;
+      }
+      cancelRename();
+      actionError = null;
+      try {
+        await apiPost(`/api/instances/${id}/rename`, { name }, "Failed to rename");
+      } catch (err) {
+        actionError = err.message;
+      }
+    }
+    async function deleteAll() {
+      actionError = null;
+      if (!confirm(`Delete all ${instances.length} instances and their copied files?`))
+        return;
+      try {
+        await apiPost("/api/instances/delete-all", undefined, "Failed to delete all");
+      } catch (err) {
+        actionError = err.message;
+      }
+    }
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      TopBar($$renderer3, {
+        auth: preflight.auth,
+        canDelete: instances.length > 0,
+        ready: ready(),
+        creating,
+        onNew: () => browserOpen = true,
+        onDeleteAll: deleteAll
+      });
+      $$renderer3.push(`<!----> <main class="stage svelte-146pixd">`);
+      if (!ready()) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="banner error svelte-146pixd"><strong>Setup needed.</strong> `);
+        if (!preflight.docker) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span>Docker daemon is not reachable.</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> `);
+        if (!preflight.cli) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<span>The devcontainer CLI is not available.</span>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (actionError) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="banner error svelte-146pixd"><strong>Error.</strong> <span>${$19.escape(actionError)}</span></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (!loaded) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="empty svelte-146pixd"><p class="empty-sub svelte-146pixd">Loading\u2026</p></div>`);
+      } else if (instances.length === 0) {
+        $$renderer3.push("<!--[1-->");
+        $$renderer3.push(`<div class="empty svelte-146pixd"><p class="empty-title svelte-146pixd">No instances yet</p> <p class="empty-sub svelte-146pixd">Pick a project folder to spin up an isolated devcontainer.</p> `);
+        Button($$renderer3, {
+          variant: "primary",
+          icon: Plus,
+          onclick: () => browserOpen = true,
+          disabled: !ready(),
+          children: ($$renderer4) => {
+            $$renderer4.push(`<!---->New instance`);
+          },
+          $$slots: { default: true }
+        });
+        $$renderer3.push(`<!----></div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        $$renderer3.push(`<ul class="grid svelte-146pixd"><!--[-->`);
+        const each_array = $19.ensure_array_like(instances);
+        for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+          let instance = each_array[$$index];
+          InstanceCard($$renderer3, {
+            instance,
+            editing: editingId === instance.id,
+            onact: (action) => act(instance.id, action),
+            onstartrename: () => startRename(instance),
+            oncommitrename: () => commitRename(instance.id),
+            oncancelrename: cancelRename,
+            get editingName() {
+              return editingName;
+            },
+            set editingName($$value) {
+              editingName = $$value;
+              $$settled = false;
+            }
+          });
+        }
+        $$renderer3.push(`<!--]--></ul>`);
+      }
+      $$renderer3.push(`<!--]--></main> `);
+      if (browserOpen) {
+        $$renderer3.push("<!--[0-->");
+        FolderBrowser($$renderer3, { onpick: createFrom, onclose: () => browserOpen = false });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]-->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+// src/components/IdeBar.svelte
+import"svelte/internal/flags/async";
+import * as $20 from "svelte/internal/server";
+function IdeBar($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let {
+      running,
+      active,
+      attention,
+      editingId,
+      editingName = undefined,
+      onselect,
+      onstartrename,
+      oncommitrename,
+      oncancelrename
+    } = $$props;
+    AppBar($$renderer2, {
+      children: ($$renderer3) => {
+        if (running.length > 0) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<nav class="tabs svelte-r39acv"><!--[-->`);
+          const each_array = $20.ensure_array_like(running);
+          for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+            let inst = each_array[$$index];
+            $$renderer3.push(`<div${$20.attr_class("tab svelte-r39acv", undefined, {
+              active: inst.id === active,
+              "attn-done": inst.id !== active && attention[inst.id] === "done",
+              "attn-waiting": inst.id !== active && attention[inst.id] === "waiting"
+            })}>`);
+            if (editingId === inst.id) {
+              $$renderer3.push("<!--[0-->");
+              $$renderer3.push(`<div class="tab-label editing svelte-r39acv">`);
+              Avatar($$renderer3, { id: inst.id, name: inst.name, scale: 4 });
+              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$20.attr("value", editingName)} autofocus=""/></div>`);
+            } else {
+              $$renderer3.push("<!--[-1-->");
+              $$renderer3.push(`<button type="button" class="tab-label svelte-r39acv"${$20.attr("title", inst.name)}>`);
+              Avatar($$renderer3, { id: inst.id, name: inst.name, scale: 4 });
+              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$20.escape(inst.name)}</span></button>`);
+            }
+            $$renderer3.push(`<!--]--></div>`);
+          }
+          $$renderer3.push(`<!--]--></nav>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv" href="/settings" title="Settings" aria-label="Settings">`);
+        Settings($$renderer3, { size: 18 });
+        $$renderer3.push(`<!----></a>`);
+      },
+      $$slots: { default: true }
+    });
+    $20.bind_props($$props, { editingName });
+  });
+}
+
+// src/components/IdeLoader.svelte
+import"svelte/internal/flags/async";
+import * as $21 from "svelte/internal/server";
+function IdeLoader($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { speed = 1, stalledAfterMs, onoverride } = $$props;
+    let stalled = false;
+    const ROWS = 3;
+    const COLS = 22;
+    const BASE_TICK_MS = 140;
+    const FLIPS_PER_TICK = 7;
+    const tickMs = $21.derived(() => Math.max(20, BASE_TICK_MS / speed));
+    const seed = () => Array.from({ length: ROWS }, () => Array.from({ length: COLS }, () => Math.random() < 0.5 ? 0 : 1));
+    let grid = seed();
+    $$renderer2.push(`<div class="loader svelte-w5e143"><div class="grid svelte-w5e143" aria-hidden="true"><!--[-->`);
+    const each_array = $21.ensure_array_like(grid);
+    for (let i = 0, $$length = each_array.length;i < $$length; i++) {
+      let row = each_array[i];
+      $$renderer2.push(`<div class="row svelte-w5e143">${$21.escape(row.join(""))}</div>`);
+    }
+    $$renderer2.push(`<!--]--></div> <div class="label svelte-w5e143">Loading editor<span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span><span class="dot svelte-w5e143">.</span></div> `);
+    if (stalled) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="stalled svelte-w5e143"><p class="svelte-w5e143">Waiting for code-server to answer inside the container.</p> `);
+      if (onoverride) {
+        $$renderer2.push("<!--[0-->");
+        Button($$renderer2, {
+          size: "sm",
+          onclick: onoverride,
+          children: ($$renderer3) => {
+            $$renderer3.push(`<!---->Open anyway`);
+          },
+          $$slots: { default: true }
+        });
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div>`);
+  });
+}
+
+// src/components/AppShell.svelte
+function AppShell($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { preflight, initialPath, snapshot } = $$props;
+    let instances = snapshot;
+    let livePreflight = preflight;
+    let loaded = snapshot.length > 0;
+    const running = $22.derived(() => instances.filter((i) => i.status === "running"));
+    let attention = Object.fromEntries(snapshot.map((i) => [i.id, i.attention]));
+    let editingId = null;
+    let editingName = "";
+    function startRename(instance) {
+      editingId = instance.id;
+      editingName = instance.name;
+    }
+    function cancelRename() {
+      editingId = null;
+      editingName = "";
+    }
+    async function commitRename(id) {
+      const name = editingName.trim();
+      const original = instances.find((i) => i.id === id)?.name;
+      if (!name || name === original) {
+        cancelRename();
+        return;
+      }
+      cancelRename();
+      try {
+        await apiPost(`/api/instances/${id}/rename`, { name }, "Failed to rename");
+      } catch (err) {
+        dist_default.error(err.message);
+      }
+    }
+    let path = initialPath;
+    const onIde = $22.derived(() => path.startsWith("/ide"));
+    const requestedId = $22.derived(() => path.startsWith("/ide/") ? path.slice("/ide/".length) : "");
+    const active = $22.derived(() => onIde() ? running().some((i) => i.id === requestedId()) ? requestedId() : running()[0]?.id ?? "" : "");
+    function navigate(to) {
+      if (to === path)
+        return;
+      history.pushState({}, "", to);
+      path = to;
+    }
+    const visited = new SvelteSet;
+    const loadedFrames = new SvelteSet;
+    const everReady = new SvelteSet;
+    const forced = new SvelteSet;
+    const mountable = (id) => everReady.has(id) || forced.has(id);
+    const STALLED_AFTER_MS = 1e4;
+    let $$settled = true;
+    let $$inner_renderer;
+    function $$render_inner($$renderer3) {
+      $$renderer3.push(`<div${$22.attr_class("app svelte-1duc7gd", undefined, { ide: onIde() })}>`);
+      if (onIde()) {
+        $$renderer3.push("<!--[0-->");
+        IdeBar($$renderer3, {
+          running: running(),
+          active: active(),
+          attention,
+          editingId,
+          onselect: (id) => navigate(`/ide/${id}`),
+          onstartrename: startRename,
+          oncommitrename: commitRename,
+          oncancelrename: cancelRename,
+          get editingName() {
+            return editingName;
+          },
+          set editingName($$value) {
+            editingName = $$value;
+            $$settled = false;
+          }
+        });
+      } else {
+        $$renderer3.push("<!--[-1-->");
+        DashboardView($$renderer3, { preflight: livePreflight, instances, loaded });
+      }
+      $$renderer3.push(`<!--]--> <div${$22.attr_class("panes svelte-1duc7gd", undefined, { hidden: !onIde() })}><!--[-->`);
+      const each_array = $22.ensure_array_like(running());
+      for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
+        let inst = each_array[$$index];
+        if (visited.has(inst.id)) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<div${$22.attr_class("pane svelte-1duc7gd", undefined, { active: inst.id === active() })}>`);
+          if (mountable(inst.id)) {
+            $$renderer3.push("<!--[0-->");
+            $$renderer3.push(`<iframe${$22.attr("src", ideUrl(inst))}${$22.attr("title", inst.name)} class="svelte-1duc7gd" onload="this.__e=event"></iframe>`);
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--> `);
+          if (!mountable(inst.id)) {
+            $$renderer3.push("<!--[0-->");
+            IdeLoader($$renderer3, {
+              stalledAfterMs: STALLED_AFTER_MS,
+              onoverride: () => forced.add(inst.id)
+            });
+          } else if (!loadedFrames.has(inst.id)) {
+            $$renderer3.push("<!--[1-->");
+            IdeLoader($$renderer3, {});
+          } else {
+            $$renderer3.push("<!--[-1-->");
+          }
+          $$renderer3.push(`<!--]--></div>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]-->`);
+      }
+      $$renderer3.push(`<!--]--> `);
+      if (onIde() && running().length === 0) {
+        $$renderer3.push("<!--[0-->");
+        $$renderer3.push(`<div class="empty svelte-1duc7gd">No running instances.</div>`);
+      } else {
+        $$renderer3.push("<!--[-1-->");
+      }
+      $$renderer3.push(`<!--]--></div></div> `);
+      Toaster($$renderer3, {
+        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;"
+        }
+      });
+      $$renderer3.push(`<!---->`);
+    }
+    do {
+      $$settled = true;
+      $$inner_renderer = $$renderer2.copy();
+      $$render_inner($$inner_renderer);
+    } while (!$$settled);
+    $$renderer2.subsume($$inner_renderer);
+  });
+}
+
+// src/pages/App.svelte
+function App($$renderer, $$props) {
+  $$renderer.component(($$renderer2) => {
+    let { preflight, initialPath, snapshot } = $$props;
+    if (true) {
+      let failed = function($$renderer3, error) {
+        $$renderer3.push(`<mochi-island-failure data-component="AppShell"${$23.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="AppShell_2rtnxn6pgp2rh" component-url="__MOCHI_COMPONENT_URL__AppShell_2rtnxn6pgp2rh__"${$23.attr("props-ref", emitIslandProps({ preflight, initialPath, snapshot }))}>`);
+              $$renderer4.push(`<!--[-->`);
+              {
+                AppShell($$renderer4, { preflight, initialPath, snapshot });
+              }
+              $$renderer4.push(`<!--]-->`);
+              $$renderer4.push(`</mochi-hydratable-island>`);
+            },
+            $$slots: { default: true }
+          });
+        }
+        $$renderer3.push(`<!--]-->`);
+      });
+    }
+    $$renderer2.push(`<!--]-->`);
+  });
+}
+export {
+  App as default
+};