codebay 0.15.0 → 0.16.1

package/.mochi/svelte-compile/{Instance-yfw7s5mp.server.js → Instance-3sbzyp0g.server.js}

@@ -1,28 +1,34 @@
 // @bun
 import {
   Chevron_right,
+  DropZone,
   StatusBadge,
-  forwardedPortUrl
-} from "./chunk-2qzc07gt.js";
+  filesFrom,
+  forwardedPortUrl,
+  uploadFile
+} from "./chunk-878xcmp4.js";
 import {
   Bot
-} from "./chunk-f9td8ej2.js";
+} from "./chunk-d2z3qxxe.js";
 import {
   Message_square
-} from "./chunk-ef3hvegw.js";
+} from "./chunk-7zaw9t5a.js";
 import {
   Terminal,
   apiDelete,
   apiFetch,
   apiPost,
   ideUrl
-} from "./chunk-0y3wrae9.js";
+} from "./chunk-jq7jj8jd.js";
 import {
   HydratableBoundary,
   Icon,
+  TOAST_OPTIONS,
+  Toaster,
   X,
+  dist_default,
   emitIslandProps
-} from "./chunk-60mpagr9.js";
+} from "./chunk-gnf5cnct.js";
 import"./chunk-xpt1a7jm.js";
 
 // src/pages/Instance.svelte
@@ -38,19 +44,27 @@ import"svelte/internal/flags/async";
 import * as $ from "svelte/internal/server";
 function Arrow_left($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["path", { d: "m12 19-7-7 7-7" }],
-    ["path", { d: "M19 12H5" }]
-  ];
-  Icon($$renderer, $.spread_props([{ name: "arrow-left" }, props, { iconNode }]));
+  const iconData = {
+    name: "arrow-left",
+    size: 24,
+    node: [
+      ["path", { d: "m12 19-7-7 7-7" }],
+      ["path", { d: "M19 12H5" }]
+    ]
+  };
+  Icon($$renderer, $.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/arrow-up-right.svelte
 import"svelte/internal/flags/async";
 import * as $2 from "svelte/internal/server";
 function Arrow_up_right($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [["path", { d: "M7 7h10v10" }], ["path", { d: "M7 17 17 7" }]];
-  Icon($$renderer, $2.spread_props([{ name: "arrow-up-right" }, props, { iconNode }]));
+  const iconData = {
+    name: "arrow-up-right",
+    size: 24,
+    node: [["path", { d: "M7 7h10v10" }], ["path", { d: "M7 17 17 7" }]]
+  };
+  Icon($$renderer, $2.spread_props([props, { icon: iconData }]));
 }
 // src/components/HealthBox.svelte
 import"svelte/internal/flags/async";
@@ -61,8 +75,12 @@ import"svelte/internal/flags/async";
 import * as $3 from "svelte/internal/server";
 function Check($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [["path", { d: "M20 6 9 17l-5-5" }]];
-  Icon($$renderer, $3.spread_props([{ name: "check" }, props, { iconNode }]));
+  const iconData = {
+    name: "check",
+    size: 24,
+    node: [["path", { d: "M20 6 9 17l-5-5" }]]
+  };
+  Icon($$renderer, $3.spread_props([props, { icon: iconData }]));
 }
 // src/components/Skeleton.svelte
 import"svelte/internal/flags/async";
@@ -91,9 +109,17 @@ function HealthBox($$renderer, $$props) {
         return [];
       const v = (ok) => ({ ok, value: ok ? "OK" : "\u2014" });
       return [
-        { label: FIXED_CHECKS()[0], ...v(health.containerRunning) },
-        { label: FIXED_CHECKS()[1], ...v(health.codeServerAccessible) },
-        ...health.injections.map((i) => ({ label: i.label, ...v(i.ok) }))
+        {
+          key: "container",
+          label: FIXED_CHECKS()[0],
+          ...v(health.containerRunning)
+        },
+        {
+          key: "surface",
+          label: FIXED_CHECKS()[1],
+          ...v(health.codeServerAccessible)
+        },
+        ...health.injections.map((i) => ({ key: i.id, label: i.label, ...v(i.ok) }))
       ];
     });
     function getNumberOfChecks() {
@@ -110,8 +136,7 @@ function HealthBox($$renderer, $$props) {
     });
     $$renderer2.push(`<div${$5.attr_class("healthwrap panel svelte-1hnopyv", undefined, { dim: !active && !health })}><div class="panel-bar">Health</div> <div class="health svelte-1hnopyv">`);
     if (health) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<!--[-->`);
+      $$renderer2.push(`<!--[0--><!--[-->`);
       const each_array = $5.ensure_array_like(checks());
       for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
         let check = each_array[$$index];
@@ -127,8 +152,7 @@ function HealthBox($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]-->`);
     } else if (active) {
-      $$renderer2.push("<!--[1-->");
-      $$renderer2.push(`<!--[-->`);
+      $$renderer2.push(`<!--[1--><!--[-->`);
       const each_array_1 = $5.ensure_array_like(Array(getNumberOfChecks()));
       for (let i = 0, $$length = each_array_1.length;i < $$length; i++) {
         let _ = each_array_1[i];
@@ -140,8 +164,7 @@ function HealthBox($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]-->`);
     } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<!--[-->`);
+      $$renderer2.push(`<!--[-1--><!--[-->`);
       const each_array_2 = $5.ensure_array_like(FIXED_CHECKS());
       for (let $$index_2 = 0, $$length = each_array_2.length;$$index_2 < $$length; $$index_2++) {
         let label = each_array_2[$$index_2];
@@ -162,42 +185,56 @@ import"svelte/internal/flags/async";
 import * as $6 from "svelte/internal/server";
 function Refresh_cw($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }
-    ],
-    ["path", { d: "M21 3v5h-5" }],
-    [
-      "path",
-      { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }
-    ],
-    ["path", { d: "M8 16H3v5" }]
-  ];
-  Icon($$renderer, $6.spread_props([{ name: "refresh-cw" }, props, { iconNode }]));
+  const iconData = {
+    name: "refresh-cw",
+    size: 24,
+    node: [
+      [
+        "path",
+        { d: "M3 12a9 9 0 0 1 9-9 9.75 9.75 0 0 1 6.74 2.74L21 8" }
+      ],
+      ["path", { d: "M21 3v5h-5" }],
+      [
+        "path",
+        { d: "M21 12a9 9 0 0 1-9 9 9.75 9.75 0 0 1-6.74-2.74L3 16" }
+      ],
+      ["path", { d: "M8 16H3v5" }]
+    ]
+  };
+  Icon($$renderer, $6.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/circle-check.svelte
 import"svelte/internal/flags/async";
 import * as $7 from "svelte/internal/server";
 function Circle_check($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["circle", { cx: "12", cy: "12", r: "10" }],
-    ["path", { d: "m9 12 2 2 4-4" }]
-  ];
-  Icon($$renderer, $7.spread_props([{ name: "circle-check" }, props, { iconNode }]));
+  const iconData = {
+    name: "circle-check",
+    size: 24,
+    node: [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["path", { d: "m16 9-5.5 5.5L8 12" }]
+    ],
+    aliases: ["check-circle-2"]
+  };
+  Icon($$renderer, $7.spread_props([props, { icon: iconData }]));
 }
 // node_modules/@lucide/svelte/dist/icons/circle-x.svelte
 import"svelte/internal/flags/async";
 import * as $8 from "svelte/internal/server";
 function Circle_x($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    ["circle", { cx: "12", cy: "12", r: "10" }],
-    ["path", { d: "m15 9-6 6" }],
-    ["path", { d: "m9 9 6 6" }]
-  ];
-  Icon($$renderer, $8.spread_props([{ name: "circle-x" }, props, { iconNode }]));
+  const iconData = {
+    name: "circle-x",
+    size: 24,
+    node: [
+      ["circle", { cx: "12", cy: "12", r: "10" }],
+      ["path", { d: "m15 9-6 6" }],
+      ["path", { d: "m9 9 6 6" }]
+    ],
+    aliases: ["x-circle"]
+  };
+  Icon($$renderer, $8.spread_props([props, { icon: iconData }]));
 }
 // src/components/AgentLogBox.svelte
 import { untrack } from "svelte";
@@ -281,8 +318,7 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
       return (run.error ?? run.result ?? run.prompt).replace(/\s+/g, " ").trim();
     }
     if (loaded && runs.length > 0) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<section class="agentwrap panel svelte-rfwj7e"><div class="agent-bar panel-bar svelte-rfwj7e"><span class="svelte-rfwj7e">`);
+      $$renderer2.push(`<!--[0--><section class="agentwrap panel svelte-rfwj7e"><div class="agent-bar panel-bar svelte-rfwj7e"><span class="svelte-rfwj7e">`);
       Bot($$renderer2, { size: 14 });
       $$renderer2.push(`<!----> Agent log</span> <span class="count svelte-rfwj7e">${$9.escape(runs.length)} run${$9.escape(runs.length === 1 ? "" : "s")}</span></div> <!--[-->`);
       const each_array = $9.ensure_array_like(runs);
@@ -293,15 +329,13 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
         Chevron_right($$renderer2, { size: 14 });
         $$renderer2.push(`<!----></span> <span class="when svelte-rfwj7e">${$9.escape(when(run))}</span> <span${$9.attr_class("status svelte-rfwj7e", undefined, { bad: run.is_error, live: isLive(run) })}>`);
         if (isLive(run)) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<span class="pulse svelte-rfwj7e"></span>`);
+          $$renderer2.push(`<!--[0--><span class="pulse svelte-rfwj7e"></span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
         }
         $$renderer2.push(`<!--]--> ${$9.escape(run.status)}</span> `);
         if (modelOf(run)) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<span class="model svelte-rfwj7e"${$9.attr("title", modelTitle(run))}>${$9.escape(modelOf(run))}</span>`);
+          $$renderer2.push(`<!--[0--><span class="model svelte-rfwj7e"${$9.attr("title", modelTitle(run))}>${$9.escape(modelOf(run))}</span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
         }
@@ -316,21 +350,17 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
         }
         $$renderer2.push(`<!--]--> `);
         if (!expanded) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<span class="peek svelte-rfwj7e">${$9.escape(peek(run))}</span>`);
+          $$renderer2.push(`<!--[0--><span class="peek svelte-rfwj7e">${$9.escape(peek(run))}</span>`);
         } else {
           $$renderer2.push("<!--[-1-->");
         }
         $$renderer2.push(`<!--]--> <span class="run-meta svelte-rfwj7e">${$9.escape(meta(run))}</span></button> `);
         if (expanded) {
-          $$renderer2.push("<!--[0-->");
-          $$renderer2.push(`<div class="prompt svelte-rfwj7e"><div class="ptitle svelte-rfwj7e">Initial prompt</div> <div class="ptext svelte-rfwj7e">${$9.escape(run.prompt)}</div></div> <ol class="steps svelte-rfwj7e">`);
+          $$renderer2.push(`<!--[0--><div class="prompt svelte-rfwj7e"><div class="ptitle svelte-rfwj7e">Initial prompt</div> <div class="ptext svelte-rfwj7e">${$9.escape(run.prompt)}</div></div> <ol class="steps svelte-rfwj7e">`);
           if (isLive(run)) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<li class="step svelte-rfwj7e"><span class="ico svelte-rfwj7e"><span class="pulse svelte-rfwj7e"></span></span> <span class="body svelte-rfwj7e"><span class="text svelte-rfwj7e">${$9.escape(run.status === "queued" ? "Queued \u2014 waiting for the sandbox" : "Working\u2026")}</span></span></li>`);
+            $$renderer2.push(`<!--[0--><li class="step svelte-rfwj7e"><span class="ico svelte-rfwj7e"><span class="pulse svelte-rfwj7e"></span></span> <span class="body svelte-rfwj7e"><span class="text svelte-rfwj7e">${$9.escape(run.status === "queued" ? "Queued \u2014 waiting for the sandbox" : "Working\u2026")}</span></span></li>`);
           } else if ((timelines[run.id] ?? []).length === 0) {
-            $$renderer2.push("<!--[1-->");
-            $$renderer2.push(`<li class="step svelte-rfwj7e"><span class="body svelte-rfwj7e"><span class="text svelte-rfwj7e">No steps recorded.</span></span></li>`);
+            $$renderer2.push(`<!--[1--><li class="step svelte-rfwj7e"><span class="body svelte-rfwj7e"><span class="text svelte-rfwj7e">No steps recorded.</span></span></li>`);
           } else {
             $$renderer2.push("<!--[-1-->");
           }
@@ -356,8 +386,7 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
             }
             $$renderer2.push(`<!--]--></span> <span class="body svelte-rfwj7e">`);
             if (entry.name) {
-              $$renderer2.push("<!--[0-->");
-              $$renderer2.push(`<span class="tool svelte-rfwj7e">${$9.escape(entry.name)}</span>`);
+              $$renderer2.push(`<!--[0--><span class="tool svelte-rfwj7e">${$9.escape(entry.name)}</span>`);
             } else {
               $$renderer2.push("<!--[-1-->");
             }
@@ -365,8 +394,7 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
           }
           $$renderer2.push(`<!--]--></ol> `);
           if (run.error && !isLive(run)) {
-            $$renderer2.push("<!--[0-->");
-            $$renderer2.push(`<div class="err svelte-rfwj7e">${$9.escape(run.error)}</div>`);
+            $$renderer2.push(`<!--[0--><div class="err svelte-rfwj7e">${$9.escape(run.error)}</div>`);
           } else {
             $$renderer2.push("<!--[-1-->");
           }
@@ -378,8 +406,7 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
       }
       $$renderer2.push(`<!--]--> `);
       if (error) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<div class="err svelte-rfwj7e">${$9.escape(error)}</div>`);
+        $$renderer2.push(`<!--[0--><div class="err svelte-rfwj7e">${$9.escape(error)}</div>`);
       } else {
         $$renderer2.push("<!--[-1-->");
       }
@@ -395,7 +422,8 @@ Session ${sid}${run.session_id ? "" : " (requested; not started yet)"}`;
 import { tick } from "svelte";
 function InstanceView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { id, injectionChecks = 0 } = $$props;
+    let { id, injectionChecks = 0, uploadEnabled = false } = $$props;
+    let uploadArmed = uploadEnabled;
     let instance = null;
     let health = null;
     let lastFetchedAt = null;
@@ -474,7 +502,51 @@ function InstanceView($$renderer, $$props) {
       clearTimeout(copyTimer);
       copyTimer = setTimeout(() => copied = false, 2000);
     }
-    $$renderer2.push(`<header class="topbar svelte-15fxkvm"><a class="back svelte-15fxkvm" href="/">`);
+    async function handleUpload(files) {
+      for (const file of files) {
+        try {
+          const saved = await uploadFile(id, file);
+          dist_default.success(`Saved ${saved.containerPath}`);
+          navigator.clipboard.writeText(saved.containerPath).catch(() => {});
+        } catch (err) {
+          dist_default.error(err.message);
+        }
+      }
+    }
+    let dropping = false;
+    function onDragEnter(e) {
+      if (!uploadArmed || !e.dataTransfer?.types.includes("Files"))
+        return;
+      e.preventDefault();
+      dropping = true;
+    }
+    function onDragOver(e) {
+      if (dropping)
+        e.preventDefault();
+    }
+    function onDragLeave(e) {
+      if (e.relatedTarget === null)
+        dropping = false;
+    }
+    function onDrop(e) {
+      if (!dropping)
+        return;
+      e.preventDefault();
+      dropping = false;
+      if (uploadArmed)
+        handleUpload(filesFrom(e.dataTransfer));
+    }
+    function onPaste(e) {
+      if (!uploadArmed)
+        return;
+      const files = filesFrom(e.clipboardData);
+      if (!files.length)
+        return;
+      e.preventDefault();
+      handleUpload(files);
+    }
+    Toaster($$renderer2, { toastOptions: TOAST_OPTIONS });
+    $$renderer2.push(`<!----> <header class="topbar svelte-15fxkvm"><a class="back svelte-15fxkvm" href="/">`);
     Arrow_left($$renderer2, { size: 15 });
     $$renderer2.push(`<!----> All instances</a> <div class="title svelte-15fxkvm"><span class="name svelte-15fxkvm">${$10.escape(instance?.name ?? "Instance")}</span> `);
     if (instance) {
@@ -486,8 +558,7 @@ function InstanceView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></div> `);
     if (instance?.status === "running") {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<form method="POST" action="?/restart" class="svelte-15fxkvm"><button class="restart svelte-15fxkvm" type="submit"${$10.attr("disabled", restarting || building(), true)}>${$10.escape(restarting || building() ? "Restarting\u2026" : "Restart container")}</button></form> <a class="open svelte-15fxkvm"${$10.attr("href", url())} target="_blank" rel="noopener">Open in new tab `);
+      $$renderer2.push(`<!--[0--><form method="POST" action="?/restart" class="svelte-15fxkvm"><button class="restart svelte-15fxkvm" type="submit"${$10.attr("disabled", restarting || building(), true)}>${$10.escape(restarting || building() ? "Restarting\u2026" : "Restart container")}</button></form> <a class="open svelte-15fxkvm"${$10.attr("href", url())} target="_blank" rel="noopener">Open in new tab `);
       Arrow_up_right($$renderer2, { size: 15 });
       $$renderer2.push(`<!----></a>`);
     } else {
@@ -495,15 +566,20 @@ function InstanceView($$renderer, $$props) {
     }
     $$renderer2.push(`<!--]--></header> `);
     if (restartError) {
+      $$renderer2.push(`<!--[0--><p class="restart-err svelte-15fxkvm">${$10.escape(restartError)}</p>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <main class="stage svelte-15fxkvm">`);
+    if (dropping) {
       $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p class="restart-err svelte-15fxkvm">${$10.escape(restartError)}</p>`);
+      DropZone($$renderer2, {});
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--> <main class="stage svelte-15fxkvm"><div class="meta svelte-15fxkvm"><span class="k svelte-15fxkvm">Source</span> `);
+    $$renderer2.push(`<!--]--> <div class="meta svelte-15fxkvm"><span class="k svelte-15fxkvm">Source</span> `);
     if (instance) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<code class="svelte-15fxkvm">${$10.escape(instance.source_path)}</code>`);
+      $$renderer2.push(`<!--[0--><code class="svelte-15fxkvm">${$10.escape(instance.source_path)}</code>`);
     } else {
       $$renderer2.push("<!--[-1-->");
       Skeleton($$renderer2, { variant: "wide" });
@@ -512,14 +588,11 @@ function InstanceView($$renderer, $$props) {
     if (instance) {
       $$renderer2.push("<!--[0-->");
       if (instance.image_source === "local") {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`<code class="svelte-15fxkvm">local (project devcontainer.json)</code>`);
+        $$renderer2.push(`<!--[0--><code class="svelte-15fxkvm">local (project devcontainer.json)</code>`);
       } else if (instance.image_source) {
-        $$renderer2.push("<!--[1-->");
-        $$renderer2.push(`<code class="svelte-15fxkvm">${$10.escape(instance.image_source)}</code>`);
+        $$renderer2.push(`<!--[1--><code class="svelte-15fxkvm">${$10.escape(instance.image_source)}</code>`);
       } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`<code class="muted svelte-15fxkvm">\u2014</code>`);
+        $$renderer2.push(`<!--[-1--><code class="muted svelte-15fxkvm">\u2014</code>`);
       }
       $$renderer2.push(`<!--]-->`);
     } else {
@@ -536,15 +609,13 @@ function InstanceView($$renderer, $$props) {
     });
     $$renderer2.push(`<!----></div> <section class="ports panel svelte-15fxkvm"><div class="ports-bar panel-bar svelte-15fxkvm"><span class="svelte-15fxkvm">Forwarded ports</span> `);
     if (pendingRebuild) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<button class="rebuild svelte-15fxkvm"${$10.attr("disabled", building(), true)}>${$10.escape(building() ? "Restarting\u2026" : "Restart to apply")}</button>`);
+      $$renderer2.push(`<!--[0--><button class="rebuild svelte-15fxkvm"${$10.attr("disabled", building(), true)}>${$10.escape(building() ? "Restarting\u2026" : "Restart to apply")}</button>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--></div> <div class="ports-body svelte-15fxkvm">`);
     if (forwards().length) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<ul class="port-list svelte-15fxkvm"><!--[-->`);
+      $$renderer2.push(`<!--[0--><ul class="port-list svelte-15fxkvm"><!--[-->`);
       const each_array = $10.ensure_array_like(forwards());
       for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
         let f = each_array[$$index];
@@ -554,20 +625,17 @@ function InstanceView($$renderer, $$props) {
       }
       $$renderer2.push(`<!--]--></ul>`);
     } else {
-      $$renderer2.push("<!--[-1-->");
-      $$renderer2.push(`<p class="empty svelte-15fxkvm">No ports forwarded yet.</p>`);
+      $$renderer2.push(`<!--[-1--><p class="empty svelte-15fxkvm">No ports forwarded yet.</p>`);
     }
     $$renderer2.push(`<!--]--> <form class="add svelte-15fxkvm"><input type="number" min="1" max="65535" placeholder="container port (e.g. 3000)"${$10.attr("value", newPort)} spellcheck="false" class="svelte-15fxkvm"/> <button type="submit" class="svelte-15fxkvm">Add</button></form> `);
     if (portError) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p class="port-err svelte-15fxkvm">${$10.escape(portError)}</p>`);
+      $$renderer2.push(`<!--[0--><p class="port-err svelte-15fxkvm">${$10.escape(portError)}</p>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> `);
     if (pendingRebuild) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<p class="hint pending svelte-15fxkvm">Port changes apply when you <strong class="svelte-15fxkvm">Restart</strong> (recreates the container).</p>`);
+      $$renderer2.push(`<!--[0--><p class="hint pending svelte-15fxkvm">Port changes apply when you <strong class="svelte-15fxkvm">Restart</strong> (recreates the container).</p>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -575,15 +643,13 @@ function InstanceView($$renderer, $$props) {
     AgentLogBox($$renderer2, { id, bump: runBump });
     $$renderer2.push(`<!----> <div class="logwrap panel svelte-15fxkvm"><div class="log-bar panel-bar svelte-15fxkvm"><span class="svelte-15fxkvm">Boot log</span> <div class="log-actions svelte-15fxkvm"><button${$10.attr_class("copy svelte-15fxkvm", undefined, { active: following })}${$10.attr("aria-pressed", following)}${$10.attr("title", following ? "Following \u2014 click to pause" : "Paused \u2014 click to follow new output")}>`);
     if (following) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<span class="dot svelte-15fxkvm"></span>`);
+      $$renderer2.push(`<!--[0--><span class="dot svelte-15fxkvm"></span>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> ${$10.escape(following ? "Following" : "Follow log")}</button> <button class="copy svelte-15fxkvm"${$10.attr("disabled", !logs, true)}>${$10.escape(copied ? "Copied!" : "Copy logs")}</button></div></div> <div class="logs svelte-15fxkvm"><pre class="svelte-15fxkvm">${$10.escape(logs || "Waiting for output\u2026")}<span class="caret svelte-15fxkvm"></span></pre></div> `);
     if (instance?.status === "error" && instance.error) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div class="err svelte-15fxkvm">${$10.escape(instance.error)}</div>`);
+      $$renderer2.push(`<!--[0--><div class="err svelte-15fxkvm">${$10.escape(instance.error)}</div>`);
     } else {
       $$renderer2.push("<!--[-1-->");
     }
@@ -594,30 +660,32 @@ function InstanceView($$renderer, $$props) {
 // src/pages/Instance.svelte
 function Instance($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { id, injectionChecks } = $$props;
+    let { id, injectionChecks, uploadEnabled } = $$props;
     if (true) {
-      let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="InstanceView"${$11.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="InstanceView_2ma45l9bybfhl" component-url="__MOCHI_COMPONENT_URL__InstanceView_2ma45l9bybfhl__"${$11.attr("props-ref", emitIslandProps({ id, injectionChecks }))}>`);
-              $$renderer4.push(`<!--[-->`);
-              {
-                InstanceView($$renderer4, { id, injectionChecks });
-              }
-              $$renderer4.push(`<!--]-->`);
-              $$renderer4.push(`</mochi-hydratable-island>`);
-            },
-            $$slots: { default: true }
-          });
-        }
-        $$renderer3.push(`<!--]-->`);
-      });
+      {
+        let failed = function($$renderer3, error) {
+          $$renderer3.push(`<mochi-island-failure data-component="InstanceView"${$11.attr("data-message", error.message)}></mochi-island-failure>`);
+        };
+        $$renderer2.boundary({ failed }, ($$renderer3) => {
+          $$renderer3.push(`<!--[-->`);
+          {
+            HydratableBoundary($$renderer3, {
+              children: ($$renderer4) => {
+                $$renderer4.push(`<mochi-hydratable-island component-name="InstanceView_2ma45l9bybfhl" component-url="__MOCHI_COMPONENT_URL__InstanceView_2ma45l9bybfhl__"${$11.attr("props-ref", emitIslandProps({ id, injectionChecks, uploadEnabled }))}>`);
+                $$renderer4.push(`<!--[-->`);
+                {
+                  InstanceView($$renderer4, { id, injectionChecks, uploadEnabled });
+                }
+                $$renderer4.push(`<!--]-->`);
+                $$renderer4.push(`</mochi-hydratable-island>`);
+              },
+              $$slots: { default: true }
+            });
+          }
+          $$renderer3.push(`<!--]-->`);
+        });
+      }
     }
     $$renderer2.push(`<!--]-->`);
   });