codebay 0.9.0 → 0.10.0

package/.mochi/svelte-compile/{App-7vjcp38v.server.js → App-59cdj86f.server.js}

@@ -4,21 +4,24 @@ import {
   apiDelete,
   apiFetch,
   apiPost,
-  forwardedPortUrl,
-  ideUrl
-} from "./chunk-brjv9pyd.js";
+  forwardedPortUrl
+} from "./chunk-3t7v4hk0.js";
 import {
   Layout_template,
   Plus,
   Terminal
 } from "./chunk-bpqwf1nw.js";
+import {
+  ideUrl
+} from "./chunk-gkjgybb2.js";
 import {
   AppBar,
   Avatar,
   Button,
   Toaster,
-  dist_default
-} from "./chunk-m8ygpyhr.js";
+  dist_default,
+  findAvatar
+} from "./chunk-th2dbqvc.js";
 import {
   HydratableBoundary,
   Icon,
@@ -167,8 +170,8 @@ function Triangle_alert($$renderer, $$props) {
 // src/components/FolderBrowser.svelte
 function FolderBrowser($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { onpick, onclose, defaultMode = "ide" } = $$props;
-    let modeOverride = null;
+    let { onpick, onclose, defaultMode = "ide", initialMode = null } = $$props;
+    let modeOverride = initialMode;
     const mode = $6.derived(() => modeOverride ?? defaultMode);
     let result = null;
     let loading = true;
@@ -407,7 +410,11 @@ function InstanceCard($$renderer, $$props) {
       $$renderer2.push("<!--[-1-->");
     }
     $$renderer2.push(`<!--]--> <div class="card-head svelte-13338y7">`);
-    Avatar($$renderer2, { id: instance.id, name: instance.name, interactive: true });
+    Avatar($$renderer2, {
+      name: instance.name,
+      art: findAvatar(instance.avatar ?? undefined) ?? null,
+      interactive: true
+    });
     $$renderer2.push(`<!----> `);
     if (editing) {
       $$renderer2.push("<!--[0-->");
@@ -733,69 +740,86 @@ function CredMenu($$renderer, $$props) {
 
 // src/components/TopBar.svelte
 function TopBar($$renderer, $$props) {
-  let {
-    auth,
-    pet,
-    canDelete = false,
-    ready = true,
-    creating = false,
-    filter,
-    onFilter,
-    onNew,
-    onDeleteAll
-  } = $$props;
-  $$renderer.push(`<header class="topbar svelte-1h259us">`);
-  Brand($$renderer, { pet });
-  $$renderer.push(`<!----> <div class="topbar-actions svelte-1h259us">`);
-  if (isDev) {
-    $$renderer.push("<!--[0-->");
-    Button($$renderer, {
-      variant: "default",
+  $$renderer.component(($$renderer2) => {
+    let {
+      auth,
+      pet,
+      canDelete = false,
+      ready = true,
+      creating = false,
+      filter,
+      defaultMode = "ide",
+      onFilter,
+      onNew,
+      onDeleteAll
+    } = $$props;
+    const altMode = $19.derived(() => defaultMode === "terminal" ? "ide" : "terminal");
+    $$renderer2.push(`<header class="topbar svelte-1h259us">`);
+    Brand($$renderer2, { pet });
+    $$renderer2.push(`<!----> <div class="topbar-actions svelte-1h259us">`);
+    if (isDev) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        variant: "default",
+        size: "sm",
+        icon: Component,
+        href: "/debug",
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Debug`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    if (filter && onFilter) {
+      $$renderer2.push("<!--[0-->");
+      InstanceFilter($$renderer2, { value: filter, onchange: onFilter });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
+    SettingsCog($$renderer2, {});
+    $$renderer2.push(`<!----> `);
+    CredMenu($$renderer2, { auth });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      variant: "danger",
       size: "sm",
-      icon: Component,
-      href: "/debug",
-      children: ($$renderer2) => {
-        $$renderer2.push(`<!---->Debug`);
+      onclick: onDeleteAll,
+      disabled: !canDelete,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->Delete all`);
       },
       $$slots: { default: true }
     });
-  } else {
-    $$renderer.push("<!--[-1-->");
-  }
-  $$renderer.push(`<!--]--> `);
-  if (filter && onFilter) {
-    $$renderer.push("<!--[0-->");
-    InstanceFilter($$renderer, { value: filter, onchange: onFilter });
-  } 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(`<!---->${$19.escape(creating ? "Creating\u2026" : "New instance")}`);
-    },
-    $$slots: { default: true }
+    $$renderer2.push(`<!----> <div class="new-group svelte-1h259us">`);
+    Button($$renderer2, {
+      variant: "primary",
+      size: "sm",
+      icon: creating ? undefined : Plus,
+      onclick: () => onNew?.(),
+      disabled: !ready || creating,
+      children: ($$renderer3) => {
+        $$renderer3.push(`<!---->${$19.escape(creating ? "Creating\u2026" : "New instance")}`);
+      },
+      $$slots: { default: true }
+    });
+    $$renderer2.push(`<!----> `);
+    Button($$renderer2, {
+      variant: "primary",
+      size: "sm",
+      square: true,
+      icon: altMode() === "terminal" ? Terminal : Layout_template,
+      iconSize: 15,
+      onclick: () => onNew?.(altMode()),
+      disabled: !ready || creating,
+      title: altMode() === "terminal" ? "New terminal instance" : "New full IDE instance",
+      "aria-label": altMode() === "terminal" ? "New terminal instance" : "New full IDE instance"
+    });
+    $$renderer2.push(`<!----></div></div></header>`);
   });
-  $$renderer.push(`<!----></div></header>`);
 }
 
 // src/components/DashboardView.svelte
@@ -803,6 +827,7 @@ function DashboardView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { preflight, instances, loaded, pet, filter, onFilter } = $$props;
     let browserOpen = false;
+    let browserMode = null;
     let creating = false;
     let actionError = null;
     let editingId = null;
@@ -892,7 +917,11 @@ function DashboardView($$renderer, $$props) {
         creating,
         filter,
         onFilter,
-        onNew: () => browserOpen = true,
+        defaultMode: preflight.defaultMode,
+        onNew: (mode) => {
+          browserMode = mode ?? null;
+          browserOpen = true;
+        },
         onDeleteAll: deleteAll
       });
       $$renderer3.push(`<!----> <main class="stage svelte-146pixd">`);
@@ -975,6 +1004,7 @@ function DashboardView($$renderer, $$props) {
         FolderBrowser($$renderer3, {
           onpick: createFrom,
           defaultMode: preflight.defaultMode,
+          initialMode: browserMode,
           onclose: () => browserOpen = false
         });
       } else {
@@ -993,7 +1023,23 @@ function DashboardView($$renderer, $$props) {
 
 // src/components/IdeBar.svelte
 import"svelte/internal/flags/async";
+import * as $22 from "svelte/internal/server";
+
+// node_modules/@lucide/svelte/dist/icons/rotate-cw.svelte
+import"svelte/internal/flags/async";
 import * as $21 from "svelte/internal/server";
+function Rotate_cw($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }
+    ],
+    ["path", { d: "M21 3v5h-5" }]
+  ];
+  Icon($$renderer, $21.spread_props([{ name: "rotate-cw" }, props, { iconNode }]));
+}
+// src/components/IdeBar.svelte
 function IdeBar($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let {
@@ -1002,6 +1048,7 @@ function IdeBar($$renderer, $$props) {
       attention,
       editingId,
       editingName = undefined,
+      onreload,
       onselect,
       onstartrename,
       oncommitrename,
@@ -1012,10 +1059,10 @@ function IdeBar($$renderer, $$props) {
         if (running.length > 0) {
           $$renderer3.push("<!--[0-->");
           $$renderer3.push(`<nav class="tabs svelte-r39acv"><!--[-->`);
-          const each_array = $21.ensure_array_like(running);
+          const each_array = $22.ensure_array_like(running);
           for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
             let inst = each_array[$$index];
-            $$renderer3.push(`<div${$21.attr_class("tab svelte-r39acv", undefined, {
+            $$renderer3.push(`<div${$22.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"
@@ -1023,13 +1070,21 @@ function IdeBar($$renderer, $$props) {
             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"${$21.attr("value", editingName)} autofocus=""/></div>`);
+              Avatar($$renderer3, {
+                name: inst.name,
+                art: findAvatar(inst.avatar ?? undefined) ?? null,
+                scale: 4
+              });
+              $$renderer3.push(`<!----> <input class="tab-name-edit svelte-r39acv"${$22.attr("value", editingName)} autofocus=""/></div>`);
             } else {
               $$renderer3.push("<!--[-1-->");
-              $$renderer3.push(`<button type="button" class="tab-label svelte-r39acv"${$21.attr("title", inst.name)}>`);
-              Avatar($$renderer3, { id: inst.id, name: inst.name, scale: 4 });
-              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$21.escape(inst.name)}</span> `);
+              $$renderer3.push(`<button type="button" class="tab-label svelte-r39acv"${$22.attr("title", inst.name)}>`);
+              Avatar($$renderer3, {
+                name: inst.name,
+                art: findAvatar(inst.avatar ?? undefined) ?? null,
+                scale: 4
+              });
+              $$renderer3.push(`<!----> <span class="tab-name svelte-r39acv">${$22.escape(inst.name)}</span> `);
               if (inst.mode === "terminal") {
                 $$renderer3.push("<!--[0-->");
                 $$renderer3.push(`<span class="tab-mode svelte-r39acv" title="Terminal-only instance">`);
@@ -1037,6 +1092,9 @@ function IdeBar($$renderer, $$props) {
                 $$renderer3.push(`<!----></span>`);
               } else {
                 $$renderer3.push("<!--[-1-->");
+                $$renderer3.push(`<span class="tab-mode svelte-r39acv" title="Full IDE instance">`);
+                Layout_template($$renderer3, { size: 13 });
+                $$renderer3.push(`<!----></span>`);
               }
               $$renderer3.push(`<!--]--></button>`);
             }
@@ -1046,40 +1104,50 @@ function IdeBar($$renderer, $$props) {
         } else {
           $$renderer3.push("<!--[-1-->");
         }
-        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$21.attr("href", withPopupMarker("/settings"))} target="_blank" rel="noopener noreferrer" title="Settings" aria-label="Settings">`);
+        $$renderer3.push(`<!--]--> <div class="right svelte-r39acv">`);
+        if (onreload) {
+          $$renderer3.push("<!--[0-->");
+          $$renderer3.push(`<button type="button" class="reload svelte-r39acv" title="Reload editor" aria-label="Reload editor">`);
+          Rotate_cw($$renderer3, { size: 18 });
+          $$renderer3.push(`<!----></button>`);
+        } else {
+          $$renderer3.push("<!--[-1-->");
+        }
+        $$renderer3.push(`<!--]--> <a class="cog svelte-r39acv"${$22.attr("href", withPopupMarker("/settings"))} target="_blank" rel="noopener noreferrer" title="Settings" aria-label="Settings">`);
         Settings($$renderer3, { size: 18 });
-        $$renderer3.push(`<!----></a>`);
+        $$renderer3.push(`<!----></a></div>`);
       },
       $$slots: { default: true }
     });
-    $21.bind_props($$props, { editingName });
+    $22.bind_props($$props, { editingName });
   });
 }
 
 // src/components/IdeLoader.svelte
 import"svelte/internal/flags/async";
-import * as $22 from "svelte/internal/server";
+import * as $23 from "svelte/internal/server";
 function IdeLoader($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { speed = 1, stalledAfterMs, onoverride } = $$props;
+    let { speed = 1, mode = "ide", stalledAfterMs, onoverride } = $$props;
+    const isTerminal = $23.derived(() => mode === "terminal");
     let stalled = false;
     const ROWS = 3;
     const COLS = 22;
     const BASE_TICK_MS = 140;
     const FLIPS_PER_TICK = 7;
-    const tickMs = $22.derived(() => Math.max(20, BASE_TICK_MS / speed));
+    const tickMs = $23.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 = $22.ensure_array_like(grid);
+    const each_array = $23.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">${$22.escape(row.join(""))}</div>`);
+      $$renderer2.push(`<div class="row svelte-w5e143">${$23.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> `);
+    $$renderer2.push(`<!--]--></div> <div class="label svelte-w5e143">Loading ${$23.escape(isTerminal() ? "terminal" : "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> `);
+      $$renderer2.push(`<div class="stalled svelte-w5e143"><p class="svelte-w5e143">Waiting for ${$23.escape(isTerminal() ? "the terminal" : "code-server")} to answer inside the container.</p> `);
       if (onoverride) {
         $$renderer2.push("<!--[0-->");
         Button($$renderer2, {
@@ -1107,7 +1175,7 @@ import * as $27 from "svelte/internal/server";
 
 // node_modules/@lucide/svelte/dist/icons/panel-right-open.svelte
 import"svelte/internal/flags/async";
-import * as $23 from "svelte/internal/server";
+import * as $24 from "svelte/internal/server";
 function Panel_right_open($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -1118,11 +1186,11 @@ function Panel_right_open($$renderer, $$props) {
     ["path", { d: "M15 3v18" }],
     ["path", { d: "m10 15-3-3 3-3" }]
   ];
-  Icon($$renderer, $23.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
+  Icon($$renderer, $24.spread_props([{ name: "panel-right-open" }, props, { iconNode }]));
 }
 // node_modules/@lucide/svelte/dist/icons/panel-right-close.svelte
 import"svelte/internal/flags/async";
-import * as $24 from "svelte/internal/server";
+import * as $25 from "svelte/internal/server";
 function Panel_right_close($$renderer, $$props) {
   let { $$slots, $$events, ...props } = $$props;
   const iconNode = [
@@ -1133,27 +1201,12 @@ function Panel_right_close($$renderer, $$props) {
     ["path", { d: "M15 3v18" }],
     ["path", { d: "m8 9 3 3-3 3" }]
   ];
-  Icon($$renderer, $24.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
+  Icon($$renderer, $25.spread_props([{ name: "panel-right-close" }, props, { iconNode }]));
 }
 // src/components/TerminalPane.svelte
 import"svelte/internal/flags/async";
 import * as $26 from "svelte/internal/server";
 import { onMount } from "svelte";
-// node_modules/@lucide/svelte/dist/icons/rotate-cw.svelte
-import"svelte/internal/flags/async";
-import * as $25 from "svelte/internal/server";
-function Rotate_cw($$renderer, $$props) {
-  let { $$slots, $$events, ...props } = $$props;
-  const iconNode = [
-    [
-      "path",
-      { d: "M21 12a9 9 0 1 1-9-9c2.52 0 4.93 1 6.74 2.74L21 8" }
-    ],
-    ["path", { d: "M21 3v5h-5" }]
-  ];
-  Icon($$renderer, $25.spread_props([{ name: "rotate-cw" }, props, { iconNode }]));
-}
-// src/components/TerminalPane.svelte
 function TerminalPane($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { id, active, arg, focus = true, actions } = $$props;
@@ -1444,6 +1497,15 @@ function AppShell($$renderer, $$props) {
     const forced = new SvelteSet;
     const mountable = (id) => everReady.has(id) || forced.has(id);
     const STALLED_AFTER_MS = 1e4;
+    const activeInstance = $28.derived(() => running().find((i) => i.id === active()));
+    const frames = {};
+    function reloadActive() {
+      const inst = activeInstance();
+      if (!inst || inst.mode === "terminal")
+        return;
+      loadedFrames.delete(inst.id);
+      frames[inst.id]?.contentWindow?.location.replace(ideUrl(inst));
+    }
     let $$settled = true;
     let $$inner_renderer;
     function $$render_inner($$renderer3) {
@@ -1455,6 +1517,7 @@ function AppShell($$renderer, $$props) {
           active: active(),
           attention,
           editingId,
+          onreload: activeInstance() && activeInstance().mode !== "terminal" && mountable(active()) ? reloadActive : undefined,
           onselect: (id) => navigate(`/ide/${id}`),
           onstartrename: startRename,
           oncommitrename: commitRename,
@@ -1506,6 +1569,7 @@ function AppShell($$renderer, $$props) {
           if (!mountable(inst.id)) {
             $$renderer3.push("<!--[0-->");
             IdeLoader($$renderer3, {
+              mode: inst.mode,
               stalledAfterMs: STALLED_AFTER_MS,
               onoverride: () => forced.add(inst.id)
             });

package/.mochi/svelte-compile/{Avatars-e2cfc95t.server.js → Avatars-fmagfyj2.server.js}

@@ -15,7 +15,7 @@ import {
   avatars,
   decode,
   dist_default
-} from "./chunk-m8ygpyhr.js";
+} from "./chunk-th2dbqvc.js";
 import {
   HydratableBoundary,
   Icon,

package/.mochi/svelte-compile/{Instance-h78n2dsv.server.js → Instance-s1gqwzmx.server.js}

@@ -3,9 +3,11 @@ import {
   StatusBadge,
   apiDelete,
   apiPost,
-  forwardedPortUrl,
+  forwardedPortUrl
+} from "./chunk-3t7v4hk0.js";
+import {
   ideUrl
-} from "./chunk-brjv9pyd.js";
+} from "./chunk-gkjgybb2.js";
 import {
   HydratableBoundary,
   Icon,
@@ -153,17 +155,14 @@ function InstanceView($$renderer, $$props) {
     let logs = "";
     let logEl = null;
     let following = true;
-    function onLogScroll() {
-      if (!logEl)
-        return;
-      const gap = logEl.scrollHeight - logEl.clientHeight - logEl.scrollTop;
-      if (gap > 40)
-        following = false;
+    async function scrollToBottom() {
+      await tick();
+      logEl?.scrollTo(0, logEl.scrollHeight);
     }
     function toggleFollow() {
       following = !following;
       if (following)
-        logEl?.scrollTo(0, logEl.scrollHeight);
+        scrollToBottom();
     }
     const url = $6.derived(() => instance ? ideUrl(instance) : "#");
     let newPort = "";
@@ -324,7 +323,14 @@ function InstanceView($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
     }
-    $$renderer2.push(`<!--]--> <p class="hint svelte-15fxkvm">Your app must bind to <code class="svelte-15fxkvm">0.0.0.0</code> inside the container to be reachable.</p></div></section> <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${$6.attr_class("copy svelte-15fxkvm", undefined, { active: following })}>${$6.escape(following ? "Following" : "Follow log")}</button> <button class="copy svelte-15fxkvm"${$6.attr("disabled", !logs, true)}>${$6.escape(copied ? "Copied!" : "Copy logs")}</button></div></div> <div class="logs svelte-15fxkvm"><pre class="svelte-15fxkvm">${$6.escape(logs || "Waiting for output\u2026")}<span class="caret svelte-15fxkvm"></span></pre></div> `);
+    $$renderer2.push(`<!--]--> <p class="hint svelte-15fxkvm">Your app must bind to <code class="svelte-15fxkvm">0.0.0.0</code> inside the container to be reachable.</p></div></section> <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${$6.attr_class("copy svelte-15fxkvm", undefined, { active: following })}${$6.attr("aria-pressed", following)}${$6.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>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> ${$6.escape(following ? "Following" : "Follow log")}</button> <button class="copy svelte-15fxkvm"${$6.attr("disabled", !logs, true)}>${$6.escape(copied ? "Copied!" : "Copy logs")}</button></div></div> <div class="logs svelte-15fxkvm"><pre class="svelte-15fxkvm">${$6.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">${$6.escape(instance.error)}</div>`);