codebay 0.8.0 → 0.9.0

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

@@ -1,4 +1,7 @@
 // @bun
+import {
+  Rotate_ccw
+} from "./chunk-jx6h1xzp.js";
 import {
   AppBar,
   Avatar,
@@ -10,22 +13,24 @@ import {
   ROWS,
   Toaster,
   avatars,
+  decode,
   dist_default
-} from "./chunk-q8rbesaw.js";
+} from "./chunk-m8ygpyhr.js";
 import {
   HydratableBoundary,
   Icon,
+  X,
   emitIslandProps
-} from "./chunk-fpe16ywq.js";
-import"./chunk-we0ggtws.js";
+} from "./chunk-60mpagr9.js";
+import"./chunk-xpt1a7jm.js";
 
 // src/pages/Avatars.svelte
 import"svelte/internal/flags/async";
-import * as $8 from "svelte/internal/server";
+import * as $9 from "svelte/internal/server";
 
 // src/components/AvatarsView.svelte
 import"svelte/internal/flags/async";
-import * as $7 from "svelte/internal/server";
+import * as $8 from "svelte/internal/server";
 
 // src/components/AvatarEditor.svelte
 import"svelte/internal/flags/async";
@@ -138,9 +143,14 @@ ${rows}
 export default art;
 `;
 }
-function toIssueUrl(art) {
-  const title = `Avatar contribution: ${art.name}`;
-  const body = [
+function toIssueUrl(art, mode = "create") {
+  const body = mode === "edit" ? editIssueBody(art) : createIssueBody(art);
+  const title = mode === "edit" ? `Avatar edit: ${art.name}` : `Avatar contribution: ${art.name}`;
+  const params = new URLSearchParams({ title, body });
+  return `${REPO_URL}/issues/new?${params}`;
+}
+function createIssueBody(art) {
+  return [
     "Hi! I drew this avatar in the editor easter egg and I'd love to see it in the official set.",
     "",
     "```",
@@ -156,17 +166,34 @@ function toIssueUrl(art) {
     "_It should satisfy `src/avatars/avatars.test.ts`: exactly 8\xD78, only `#`/`+`/`.` pixels, unique name._"
   ].join(`
 `);
-  const params = new URLSearchParams({ title, body });
-  return `${REPO_URL}/issues/new?${params}`;
+}
+function editIssueBody(art) {
+  return [
+    `Hi! I redrew the existing \`${art.name}\` sprite by hand in the editor easter egg \u2014 it started as an AI-generated placeholder and this replaces it.`,
+    "",
+    "```",
+    ...art.pixels,
+    "```",
+    "",
+    `Ready-to-paste replacement for \`src/avatars/${art.name}.ts\` (the \`robot\` flag is intentionally dropped \u2014 it's hand-drawn now):`,
+    "",
+    "```ts",
+    toModuleSource(art).trimEnd(),
+    "```",
+    "",
+    "_It should satisfy `src/avatars/avatars.test.ts`: exactly 8\xD78, only `#`/`+`/`.` pixels._"
+  ].join(`
+`);
 }
 
 // src/components/AvatarEditor.svelte
 function AvatarEditor($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    let { namePlaceholder } = $$props;
-    let cells = Array(ROWS * COLS).fill(OFF);
-    let avatarName = "";
-    const slug = $5.derived(() => normalizeName(avatarName));
+    let { namePlaceholder, editing = null, oncancelEdit } = $$props;
+    const isEdit = $5.derived(() => editing != null);
+    let cells = editing ? decode(editing) : Array(ROWS * COLS).fill(OFF);
+    let avatarName = editing?.name ?? "";
+    const slug = $5.derived(() => editing ? editing.name : normalizeName(avatarName));
     const art = $5.derived(() => ({ name: slug() || "my-avatar", pixels: cellsToPixels(cells) }));
     const canContribute = $5.derived(() => slug().length > 0 && cells.some((c) => c !== OFF));
     let mode = "cycle";
@@ -216,6 +243,10 @@ function AvatarEditor($$renderer, $$props) {
     function clear() {
       cells = Array(ROWS * COLS).fill(OFF);
     }
+    function reset() {
+      if (editing)
+        cells = decode(editing);
+    }
     function invert() {
       cells = cells.map((c) => c === ON ? OFF : c === OFF ? ON : c);
     }
@@ -227,7 +258,16 @@ function AvatarEditor($$renderer, $$props) {
         dist_default.error(`Copy failed: ${err.message}`);
       }
     }
-    $$renderer2.push(`<section class="editor svelte-qu6vp4"><div class="head svelte-qu6vp4"><h2 class="svelte-qu6vp4">Draw your own avatar</h2></div> <div class="body svelte-qu6vp4"><div class="grid-frame svelte-qu6vp4"><!--[-->`);
+    $$renderer2.push(`<section class="editor svelte-qu6vp4"><div class="head svelte-qu6vp4"><h2 class="svelte-qu6vp4">${$5.escape(isEdit() ? `Redraw \u201C${editing.name}\u201D` : "Draw your own avatar")}</h2> `);
+    if (isEdit()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<button type="button" class="head-cancel svelte-qu6vp4">`);
+      X($$renderer2, { size: 14 });
+      $$renderer2.push(`<!----> <span>New drawing</span></button>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--></div> <div class="body svelte-qu6vp4"><div class="grid-frame svelte-qu6vp4"><!--[-->`);
     const each_array = $5.ensure_array_like(RING_CELLS);
     for (let i = 0, $$length = each_array.length;i < $$length; i++) {
       let { r, c } = each_array[i];
@@ -243,13 +283,45 @@ function AvatarEditor($$renderer, $$props) {
     Avatar($$renderer2, { art: art(), name: art().name, scale: 6 });
     $$renderer2.push(`<!----> `);
     Avatar($$renderer2, { art: art(), name: art().name, scale: 3 });
-    $$renderer2.push(`<!----></div></div> <label class="name-field svelte-qu6vp4"><span class="preview-label svelte-qu6vp4">Name</span> <input type="text"${$5.attr("value", avatarName)}${$5.attr("placeholder", namePlaceholder)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="24" class="svelte-qu6vp4"/></label> <div class="mode-field svelte-qu6vp4"><span class="preview-label svelte-qu6vp4">Mode</span> <div class="modes svelte-qu6vp4" role="radiogroup" aria-label="Drawing mode"><!--[-->`);
+    $$renderer2.push(`<!----></div></div> `);
+    if (isEdit()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<div class="preview before"><div class="preview-label svelte-qu6vp4">Before</div> <div class="preview-row svelte-qu6vp4">`);
+      Avatar($$renderer2, { art: editing, name: editing.name, scale: 3 });
+      $$renderer2.push(`<!----></div></div>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> <label class="name-field svelte-qu6vp4"><span class="preview-label svelte-qu6vp4">Name</span> `);
+    if (isEdit()) {
+      $$renderer2.push("<!--[0-->");
+      $$renderer2.push(`<input type="text"${$5.attr("value", editing.name)} readonly="" aria-readonly="true" class="svelte-qu6vp4"/>`);
+    } else {
+      $$renderer2.push("<!--[-1-->");
+      $$renderer2.push(`<input type="text"${$5.attr("value", avatarName)}${$5.attr("placeholder", namePlaceholder)} spellcheck="false" autocapitalize="off" autocorrect="off" autocomplete="off" maxlength="24" class="svelte-qu6vp4"/>`);
+    }
+    $$renderer2.push(`<!--]--></label> <div class="mode-field svelte-qu6vp4"><span class="preview-label svelte-qu6vp4">Mode</span> <div class="modes svelte-qu6vp4" role="radiogroup" aria-label="Drawing mode"><!--[-->`);
     const each_array_2 = $5.ensure_array_like(MODES);
     for (let i = 0, $$length = each_array_2.length;i < $$length; i++) {
       let m = each_array_2[i];
       $$renderer2.push(`<button type="button"${$5.attr_class("mode svelte-qu6vp4", undefined, { active: mode === m.id })} role="radio"${$5.attr("aria-checked", mode === m.id)}${$5.attr("tabindex", mode === m.id ? 0 : -1)}>${$5.escape(m.label)}</button>`);
     }
     $$renderer2.push(`<!--]--></div></div> <div class="tools svelte-qu6vp4">`);
+    if (isEdit()) {
+      $$renderer2.push("<!--[0-->");
+      Button($$renderer2, {
+        size: "sm",
+        icon: Rotate_ccw,
+        onclick: reset,
+        children: ($$renderer3) => {
+          $$renderer3.push(`<!---->Reset`);
+        },
+        $$slots: { default: true }
+      });
+    } else {
+      $$renderer2.push("<!--[-1-->");
+    }
+    $$renderer2.push(`<!--]--> `);
     Button($$renderer2, {
       size: "sm",
       icon: Eraser,
@@ -269,7 +341,7 @@ function AvatarEditor($$renderer, $$props) {
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----></div></div></div> <div class="foot svelte-qu6vp4"><span class="hint svelte-qu6vp4">Draw something, then open an issue to get it into the official set.</span> <div class="actions svelte-qu6vp4">`);
+    $$renderer2.push(`<!----></div></div></div> <div class="foot svelte-qu6vp4"><span class="hint svelte-qu6vp4">${$5.escape(isEdit() ? "Redraw it, then open an issue to replace the AI-generated original." : "Draw something, then open an issue to get it into the official set.")}</span> <div class="actions svelte-qu6vp4">`);
     Button($$renderer2, {
       size: "sm",
       icon: Copy,
@@ -286,7 +358,7 @@ function AvatarEditor($$renderer, $$props) {
       variant: "primary",
       icon: External_link,
       disabled: !canContribute(),
-      href: toIssueUrl(art()),
+      href: toIssueUrl(art(), isEdit() ? "edit" : "create"),
       target: "_blank",
       rel: "noopener",
       children: ($$renderer3) => {
@@ -316,10 +388,32 @@ function Bot($$renderer, $$props) {
   ];
   Icon($$renderer, $6.spread_props([{ name: "bot" }, props, { iconNode }]));
 }
+// node_modules/@lucide/svelte/dist/icons/pencil.svelte
+import"svelte/internal/flags/async";
+import * as $7 from "svelte/internal/server";
+function Pencil($$renderer, $$props) {
+  let { $$slots, $$events, ...props } = $$props;
+  const iconNode = [
+    [
+      "path",
+      {
+        d: "M21.174 6.812a1 1 0 0 0-3.986-3.987L3.842 16.174a2 2 0 0 0-.5.83l-1.321 4.352a.5.5 0 0 0 .623.622l4.353-1.32a2 2 0 0 0 .83-.497z"
+      }
+    ],
+    ["path", { d: "m15 5 4 4" }]
+  ];
+  Icon($$renderer, $7.spread_props([{ name: "pencil" }, props, { iconNode }]));
+}
 // src/components/AvatarsView.svelte
 function AvatarsView($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
     let { namePlaceholder } = $$props;
+    let editing = null;
+    let editorEl = null;
+    function startEdit(art) {
+      editing = art;
+      editorEl?.scrollIntoView({ behavior: "smooth", block: "start" });
+    }
     $$renderer2.push(`<div class="page svelte-fkq7sr">`);
     AppBar($$renderer2, {
       children: ($$renderer3) => {
@@ -327,10 +421,12 @@ function AvatarsView($$renderer, $$props) {
       },
       $$slots: { default: true }
     });
-    $$renderer2.push(`<!----> <main class="content svelte-fkq7sr">`);
-    AvatarEditor($$renderer2, { namePlaceholder });
-    $$renderer2.push(`<!----> <section class="catalog svelte-fkq7sr"><header class="svelte-fkq7sr"><h2 class="svelte-fkq7sr">The set</h2> <p class="svelte-fkq7sr">${$7.escape(avatars.length)} hand-crafted 8\xD78 sprites</p></header> <ul class="svelte-fkq7sr"><!--[-->`);
-    const each_array = $7.ensure_array_like(avatars);
+    $$renderer2.push(`<!----> <main class="content svelte-fkq7sr"><div class="editor-slot svelte-fkq7sr"><!---->`);
+    {
+      AvatarEditor($$renderer2, { namePlaceholder, editing, oncancelEdit: () => editing = null });
+    }
+    $$renderer2.push(`<!----></div> <section class="catalog svelte-fkq7sr"><header class="svelte-fkq7sr"><h2 class="svelte-fkq7sr">The set</h2> <p class="svelte-fkq7sr">${$8.escape(avatars.length)} hand-crafted 8\xD78 sprites</p></header> <ul class="svelte-fkq7sr"><!--[-->`);
+    const each_array = $8.ensure_array_like(avatars);
     for (let $$index = 0, $$length = each_array.length;$$index < $$length; $$index++) {
       let art = each_array[$$index];
       $$renderer2.push(`<li class="svelte-fkq7sr">`);
@@ -344,7 +440,16 @@ function AvatarsView($$renderer, $$props) {
       } else {
         $$renderer2.push("<!--[-1-->");
       }
-      $$renderer2.push(`<!--]--> ${$7.escape(art.name)}</span></li>`);
+      $$renderer2.push(`<!--]--> ${$8.escape(art.name)}</span> `);
+      if (art.robot) {
+        $$renderer2.push("<!--[0-->");
+        $$renderer2.push(`<button type="button"${$8.attr_class("edit-btn svelte-fkq7sr", undefined, { active: editing?.name === art.name })}${$8.attr("disabled", editing?.name === art.name, true)}>`);
+        Pencil($$renderer2, { size: 11 });
+        $$renderer2.push(`<!----> <span>${$8.escape(editing?.name === art.name ? "Editing" : "Redraw")}</span></button>`);
+      } else {
+        $$renderer2.push("<!--[-1-->");
+      }
+      $$renderer2.push(`<!--]--></li>`);
     }
     $$renderer2.push(`<!--]--></ul></section></main></div> `);
     Toaster($$renderer2, {
@@ -362,7 +467,7 @@ function Avatars($$renderer, $$props) {
     let { namePlaceholder } = $$props;
     if (true) {
       let failed = function($$renderer3, error) {
-        $$renderer3.push(`<mochi-island-failure data-component="AvatarsView"${$8.attr("data-message", error.message)}></mochi-island-failure>`);
+        $$renderer3.push(`<mochi-island-failure data-component="AvatarsView"${$9.attr("data-message", error.message)}></mochi-island-failure>`);
       };
       $$renderer2.push("<!--[0-->");
       $$renderer2.boundary({ failed }, ($$renderer3) => {
@@ -370,7 +475,7 @@ function Avatars($$renderer, $$props) {
         {
           HydratableBoundary($$renderer3, {
             children: ($$renderer4) => {
-              $$renderer4.push(`<mochi-hydratable-island component-name="AvatarsView_257s9yq1wwr4f" component-url="__MOCHI_COMPONENT_URL__AvatarsView_257s9yq1wwr4f__"${$8.attr("props-ref", emitIslandProps({ namePlaceholder }))}>`);
+              $$renderer4.push(`<mochi-hydratable-island component-name="AvatarsView_257s9yq1wwr4f" component-url="__MOCHI_COMPONENT_URL__AvatarsView_257s9yq1wwr4f__"${$9.attr("props-ref", emitIslandProps({ namePlaceholder }))}>`);
               $$renderer4.push(`<!--[-->`);
               {
                 AvatarsView($$renderer4, { namePlaceholder });

package/.mochi/svelte-compile/{ClientStats-z3tn9ad6.server.js → ClientStats-4cphmrnp.server.js}

@@ -1,5 +1,5 @@
 // @bun
-import"./chunk-we0ggtws.js";
+import"./chunk-xpt1a7jm.js";
 
 // node_modules/mochi-framework/src/templates/ClientStats/ClientStats.svelte
 import"svelte/internal/flags/async";

package/.mochi/svelte-compile/{DefaultError-wh77vebf.server.js → DefaultError-je52k17d.server.js}

@@ -1,5 +1,5 @@
 // @bun
-import"./chunk-we0ggtws.js";
+import"./chunk-xpt1a7jm.js";
 
 // node_modules/mochi-framework/src/templates/DefaultError.svelte
 import"svelte/internal/flags/async";

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

@@ -5,16 +5,14 @@ import {
   apiPost,
   forwardedPortUrl,
   ideUrl
-} from "./chunk-btmcxhqy.js";
-import {
-  X
-} from "./chunk-bacb4b0r.js";
+} from "./chunk-brjv9pyd.js";
 import {
   HydratableBoundary,
   Icon,
+  X,
   emitIslandProps
-} from "./chunk-fpe16ywq.js";
-import"./chunk-we0ggtws.js";
+} from "./chunk-60mpagr9.js";
+import"./chunk-xpt1a7jm.js";
 
 // src/pages/Instance.svelte
 import"svelte/internal/flags/async";
@@ -66,25 +64,29 @@ function Skeleton($$renderer, $$props) {
 // src/components/HealthBox.svelte
 function HealthBox($$renderer, $$props) {
   $$renderer.component(($$renderer2) => {
-    const FIXED_CHECKS = ["Container running", "Code-server reachable"];
     let {
       health = null,
       lastFetchedAt = null,
       active = true,
-      injectionChecks = 0
+      injectionChecks = 0,
+      mode = "ide"
     } = $$props;
+    const FIXED_CHECKS = $5.derived(() => [
+      "Container running",
+      mode === "terminal" ? "Terminal reachable" : "Code-server reachable"
+    ]);
     const checks = $5.derived(() => {
       if (!health)
         return [];
       const v = (ok) => ({ ok, value: ok ? "OK" : "\u2014" });
       return [
-        { label: FIXED_CHECKS[0], ...v(health.containerRunning) },
-        { label: FIXED_CHECKS[1], ...v(health.codeServerAccessible) },
+        { label: FIXED_CHECKS()[0], ...v(health.containerRunning) },
+        { label: FIXED_CHECKS()[1], ...v(health.codeServerAccessible) },
         ...health.injections.map((i) => ({ label: i.label, ...v(i.ok) }))
       ];
     });
     function getNumberOfChecks() {
-      return health ? checks().length : FIXED_CHECKS.length + injectionChecks;
+      return health ? checks().length : FIXED_CHECKS().length + injectionChecks;
     }
     let now = Date.now();
     const agoLabel = $5.derived(() => {
@@ -129,7 +131,7 @@ function HealthBox($$renderer, $$props) {
     } else {
       $$renderer2.push("<!--[-1-->");
       $$renderer2.push(`<!--[-->`);
-      const each_array_2 = $5.ensure_array_like(FIXED_CHECKS);
+      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];
         $$renderer2.push(`<div class="hrow svelte-1hnopyv"><span class="box idle svelte-1hnopyv"></span> <span class="hlabel svelte-1hnopyv">${$5.escape(label)}</span> <span class="hvalue svelte-1hnopyv">\u2014</span></div>`);
@@ -282,7 +284,8 @@ function InstanceView($$renderer, $$props) {
       health,
       lastFetchedAt,
       injectionChecks,
-      active: !instance || instance.status === "running"
+      active: !instance || instance.status === "running",
+      mode: instance?.mode ?? "ide"
     });
     $$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) {