babavoss 0.12.5 → 0.13.0

package/gui/gui.js

@@ -0,0 +1,2015 @@
+import {
+  require_client
+} from "./chunk-5hpp1ypv.js";
+import"./chunk-smz02qa6.js";
+import {
+  ApiError,
+  Button,
+  Desktop,
+  DesktopFrame,
+  FieldError,
+  Input,
+  Maker,
+  Row,
+  Rows,
+  ScopeProvider,
+  Select,
+  Table,
+  Textarea,
+  accept,
+  api,
+  apiHeaders,
+  canonicalPath,
+  collect,
+  describeType,
+  effect,
+  formatFailure,
+  isApps,
+  matchRoute,
+  plan,
+  resource,
+  s,
+  system,
+  tableOf,
+  useBaba,
+  useBabaState,
+  useResource,
+  useScope
+} from "./chunk-a20zfekq.js";
+import {
+  require_jsx_runtime
+} from "./chunk-pk09y98y.js";
+import {
+  require_react
+} from "./chunk-k3cm8j6r.js";
+import {
+  __toESM
+} from "./chunk-wwqypxre.js";
+
+// src/gui/gui.tsx
+var import_react6 = __toESM(require_react(), 1);
+var import_client = __toESM(require_client(), 1);
+
+// src/desktop/icons.ts
+var iconTags = ["path", "circle", "ellipse", "line", "polyline", "polygon", "rect"];
+var geometry = new Set(["d", "cx", "cy", "r", "rx", "ry", "x", "y", "x1", "y1", "x2", "y2", "width", "height", "points"]);
+var keep = (pairs) => Object.fromEntries([...pairs].filter((m) => geometry.has(m[1])).map((m) => [m[1], m[2]]));
+var isTag = (t) => iconTags.includes(t);
+var iconName = /^[a-z0-9]+(-[a-z0-9]+)*$/;
+function shapesOfSvg(text) {
+  const out = [];
+  for (const m of text.matchAll(/<([a-z]+)\b([^>]*?)\/?>/g))
+    if (isTag(m[1]))
+      out.push({ tag: m[1], attrs: keep(m[2].matchAll(/([a-z0-9-]+)="([^"]*)"/g)) });
+  return out;
+}
+function shapesOfModule(text) {
+  const out = [];
+  for (const m of text.matchAll(/\[\s*"([a-z]+)"\s*,\s*\{([^}]*)\}\s*\]/g))
+    if (isTag(m[1]))
+      out.push({ tag: m[1], attrs: keep(m[2].matchAll(/([a-z0-9]+)\s*:\s*"([^"]*)"/g)) });
+  return out;
+}
+var iconSources = (name) => [
+  { path: `.baba/node_modules/lucide-static/icons/${name}.svg`, parse: shapesOfSvg },
+  { path: `.baba/node_modules/lucide-react/dist/esm/icons/${name}.mjs`, parse: shapesOfModule }
+];
+async function readIcon(name, fs) {
+  if (!iconName.test(name))
+    return [];
+  for (const source of iconSources(name)) {
+    let text;
+    try {
+      text = await fs.read(source.path);
+    } catch {
+      continue;
+    }
+    const shapes = source.parse(text);
+    if (shapes.length)
+      return shapes;
+  }
+  return [];
+}
+
+// src/desktop/index.ts
+var themes = ["system", "light", "dark"];
+var SESSION_IDLE = 24 * 60 * 60 * 1000;
+var sessionNames = [
+  "oak",
+  "ash",
+  "elm",
+  "fir",
+  "yew",
+  "pine",
+  "birch",
+  "cedar",
+  "maple",
+  "willow",
+  "alder",
+  "aspen",
+  "beech",
+  "hazel",
+  "holly",
+  "larch",
+  "linden",
+  "rowan",
+  "spruce",
+  "poplar",
+  "olive",
+  "palm",
+  "plum",
+  "pear",
+  "fig",
+  "lime",
+  "teak",
+  "ebony",
+  "walnut",
+  "chestnut",
+  "cypress",
+  "juniper",
+  "laurel",
+  "magnolia",
+  "myrtle",
+  "sequoia",
+  "sycamore",
+  "acacia",
+  "baobab",
+  "ginkgo"
+];
+function desktop(options) {
+  const catalog = (options.apps ?? options.surfaces ?? []).map((v, order) => ({ key: v.key, title: v.title, group: v.group ?? "", icon: v.icon ?? "", many: v.many ?? false, order, routes: [...v.routes ?? []] }));
+  if (new Set(catalog.map((v) => v.key)).size !== catalog.length || catalog.some((v) => !/^[a-z][a-z0-9-]*$/.test(v.key)))
+    throw new Error("desktop app keys must be unique lowercase names");
+  const sessionArg = { session: s.optional(s.string()) };
+  const routeArg = { ...sessionArg, app: s.string(), path: s.optional(s.string()), fresh: s.optional(s.boolean()) };
+  const windowArg = { ...sessionArg, window: s.optional(s.entity("desktopWindow")) };
+  const appShape = { key: s.key(s.string()), title: s.string(), group: s.string(), icon: s.string(), many: s.boolean(), order: s.integer(), routes: s.optional(s.array(s.string())) };
+  const sessionShape = {
+    key: s.key(s.string()),
+    selected: s.nullable(s.entity()),
+    theme: s.enum(...themes),
+    touched: s.optional(s.integer())
+  };
+  const settingsShape = { theme: s.enum(...themes) };
+  const windowShape = { session: s.entity(), app: s.entity(), path: s.string(), title: s.string(), memory: s.object({}, { open: true }) };
+  return system({
+    name: "desktop",
+    model: {
+      desktopApp: appShape,
+      desktopSession: sessionShape,
+      desktopWindow: windowShape,
+      desktopAsk: accept(routeArg),
+      desktopAnswer: { session: s.nullable(s.entity()), error: s.nullable(s.string()) },
+      desktopIcon: { name: s.string(), shapes: s.array(s.object({ tag: s.enum(...iconTags), attrs: s.object({}, { open: true }) })) },
+      desktopSettings: resource(settingsShape, { theme: "system" })
+    },
+    effects: {
+      desktopIconRead: effect({
+        summary: "a Lucide icon's shapes, read from the baba's lucide-static or lucide-react; none when neither has it",
+        args: s.object({ name: s.string() }),
+        retry: 30000,
+        result: s.object({ name: s.string(), shapes: s.array(s.object({ tag: s.enum(...iconTags), attrs: s.object({}, { open: true }) })) }),
+        run: async ({ name }, ctx) => ({ name, shapes: await readIcon(name, ctx.fs) })
+      })
+    }
+  }, (desktop2, p) => {
+    const { desktopApp: app, desktopSession: session, desktopWindow: window, desktopAsk: ask, desktopAnswer: answer, desktopIcon: icon, desktopSettings: settings, desktopIconRead: iconReadEffect } = desktop2;
+    const touchedAt = (w, e) => w.get(e, session)?.touched ?? 0;
+    function current(w) {
+      let best;
+      for (const r of w.query(session))
+        if (best === undefined || touchedAt(w, r.entity) >= touchedAt(w, best))
+          best = r.entity;
+      return best;
+    }
+    function mint(w) {
+      const taken = new Set(w.query(session).map((r) => r.desktopSession.key));
+      let key = sessionNames.find((n) => !taken.has(n));
+      for (let i = 2;key === undefined; i++)
+        key = sessionNames.map((n) => `${n}-${i}`).find((n) => !taken.has(n));
+      return w.spawn(session, { key, selected: null, theme: "system", touched: w.now });
+    }
+    const touch = (w, e) => {
+      w.add(e, session, { ...w.get(e, session), touched: w.now });
+      return e;
+    };
+    function ensure(w, key) {
+      if (key === undefined)
+        return current(w) ?? mint(w);
+      if (!key.trim())
+        throw new Error("session must have a name");
+      return w.find(session, key) ?? w.spawn(session, { key, selected: null, theme: "system", touched: w.now });
+    }
+    const windowsOf = (w, ws) => w.query(window).filter((r) => r.desktopWindow.session === ws);
+    function sync(w) {
+      for (const item of catalog) {
+        const e = w.find(app, item.key);
+        if (e === undefined)
+          w.spawn(app, item);
+        else if (JSON.stringify(w.get(e, app)) !== JSON.stringify(item))
+          w.add(e, app, item);
+      }
+      for (const r of w.query(app))
+        if (!catalog.some((v) => v.key === r.desktopApp.key))
+          w.despawn(r.entity);
+      const seen = new Set;
+      for (const r of [...w.query(window)].reverse()) {
+        const at = `${r.desktopWindow.session}:${r.desktopWindow.app}`;
+        const many = w.get(r.desktopWindow.app, app)?.many ?? false;
+        if (!w.has(r.desktopWindow.app, app) || !w.has(r.desktopWindow.session, session) || !many && seen.has(at)) {
+          w.despawn(r.entity);
+          continue;
+        }
+        seen.add(at);
+        const routes = w.get(r.desktopWindow.app, app)?.routes ?? [];
+        if (routes.length && !matchRoute(routes, r.desktopWindow.path))
+          w.add(r.entity, window, { ...r.desktopWindow, path: "/" });
+      }
+      const now = current(w);
+      for (const r of w.query(session)) {
+        const v = r.desktopSession;
+        if (v.theme !== "system") {
+          if (w.get(settings).theme === "system")
+            w.set(settings, { theme: v.theme });
+          w.add(r.entity, session, { ...v, theme: "system" });
+        }
+        if (v.selected !== null && !w.has(v.selected, window))
+          w.add(r.entity, session, { ...w.get(r.entity, session), selected: null });
+        else if (v.selected === null && r.entity !== now && w.now - (v.touched ?? 0) > SESSION_IDLE && !windowsOf(w, r.entity).length)
+          w.despawn(r.entity);
+      }
+    }
+    function show(w, e, win) {
+      w.add(e, session, { ...w.get(e, session), selected: win, touched: w.now });
+    }
+    function open(w, asked) {
+      const item = catalog.find((v) => v.key === asked.app);
+      if (!item)
+        throw new Error(`unknown desktop app ${asked.app}`);
+      if (asked.path !== undefined && (!asked.path.startsWith("/") || asked.path.startsWith("//")))
+        throw new Error("an app path must start with one slash");
+      const a = asked.path === undefined ? asked : { ...asked, path: canonicalPath(asked.path) };
+      if (a.path !== undefined && item.routes.length && !matchRoute(item.routes, a.path))
+        throw new Error(`${a.path} is not a path of ${a.app}; its routes: ${item.routes.join(", ")}`);
+      sync(w);
+      const e = ensure(w, a.session), target = w.find(app, item.key);
+      const ws = w.get(e, session);
+      const wins = windowsOf(w, e).filter((r) => r.desktopWindow.app === target);
+      let win = a.path !== undefined ? wins.find((r) => r.desktopWindow.path === a.path) : undefined;
+      if (!win && !(a.fresh && item.many))
+        win = wins.find((r) => r.entity === ws.selected) ?? wins.at(-1);
+      if (win) {
+        if (a.path !== undefined && win.desktopWindow.path !== a.path)
+          w.add(win.entity, window, { ...win.desktopWindow, path: a.path });
+        show(w, e, win.entity);
+      } else {
+        show(w, e, w.spawn(window, { session: e, app: target, path: a.path ?? "/", title: "", memory: {} }));
+      }
+      return e;
+    }
+    function windowOf(w, e, id) {
+      const ws = w.get(e, session);
+      const target = id ?? ws.selected;
+      if (target === null || target === undefined)
+        throw new Error(`no window is selected in ${ws.key}`);
+      const v = w.get(target, window);
+      if (!v || v.session !== e)
+        throw new Error(`${target} is not a window of ${ws.key}`);
+      return { entity: target, desktopWindow: v };
+    }
+    return [
+      p.on(iconReadEffect, {
+        for: (w) => w.query(app).filter((r) => iconName.test(r.desktopApp.icon) && w.get(r.entity, icon)?.name !== r.desktopApp.icon).map((r) => [r.entity, { name: r.desktopApp.icon }]),
+        done: (w, e, r) => {
+          if (e !== null && w.has(e, app))
+            w.add(e, icon, { name: r.name, shapes: r.shapes });
+        }
+      }),
+      p.step("reconcile", (w) => {
+        if (w.query(session).length)
+          sync(w);
+      }),
+      p.step("requests", (w) => {
+        for (const r of w.query(ask)) {
+          try {
+            w.add(r.entity, answer, { session: open(w, r.desktopAsk), error: null });
+          } catch (error) {
+            w.add(r.entity, answer, { session: null, error: String(error) });
+          }
+          w.remove(r.entity, ask);
+        }
+      }),
+      p.action("desktop-open", {
+        summary: "open an app at a path: the window already there, else the app's current window, else a new one; `fresh` opens another where the app allows many",
+        args: routeArg,
+        result: s.entity(),
+        run: (w, a) => open(w, a)
+      }),
+      p.action("desktop-select", {
+        summary: "bring a window to the front",
+        args: { ...sessionArg, window: s.entity("desktopWindow") },
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          const e = ensure(w, a.session);
+          const win = windowOf(w, e, a.window);
+          show(w, e, win.entity);
+          return e;
+        }
+      }),
+      p.action("desktop-close", {
+        summary: "close a window, the selected one unless named; closing the one in front brings the window to its left forward, else the one to its right, else nothing, and the page shows its launcher",
+        args: windowArg,
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          const e = ensure(w, a.session);
+          const ws = w.get(e, session);
+          const win = windowOf(w, e, a.window);
+          const order = windowsOf(w, e), at = order.findIndex((r) => r.entity === win.entity);
+          const next = order[at - 1] ?? order[at + 1];
+          w.despawn(win.entity);
+          w.add(e, session, { ...ws, selected: ws.selected === win.entity ? next?.entity ?? null : ws.selected, touched: w.now });
+          return e;
+        }
+      }),
+      p.action("desktop-title", {
+        summary: "name a window after what its app shows, the selected one unless named",
+        args: { ...windowArg, title: s.string() },
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          const e = ensure(w, a.session);
+          const win = windowOf(w, e, a.window);
+          if (win.desktopWindow.title !== a.title)
+            w.add(win.entity, window, { ...win.desktopWindow, title: a.title });
+          return win.entity;
+        }
+      }),
+      p.action("desktop-remember", {
+        summary: "keep a value on a window for its app, the selected window unless named; null forgets the key",
+        args: { ...windowArg, key: s.string(), value: s.unknown() },
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          const e = ensure(w, a.session);
+          const win = windowOf(w, e, a.window);
+          const memory = { ...win.desktopWindow.memory };
+          if (a.value === null || a.value === undefined)
+            delete memory[a.key];
+          else
+            memory[a.key] = a.value;
+          w.add(win.entity, window, { ...win.desktopWindow, memory });
+          return win.entity;
+        }
+      }),
+      p.action("desktop-enter", {
+        summary: "enter a session: the session named, made if it is missing, else a new one with a name of its own; a tab enters on load and on focus, so the session it is on is the current one",
+        args: sessionArg,
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          return touch(w, a.session === undefined ? mint(w) : ensure(w, a.session));
+        }
+      }),
+      p.action("desktop-leave", {
+        summary: "end a session: its windows close and the session goes; the current one unless named",
+        args: sessionArg,
+        result: s.entity(),
+        run: (w, a) => {
+          sync(w);
+          const e = ensure(w, a.session);
+          for (const r of windowsOf(w, e))
+            w.despawn(r.entity);
+          w.despawn(e);
+          return e;
+        }
+      }),
+      p.action("desktop-settings", {
+        summary: "set the baba's theme, the same on every page",
+        args: { ...sessionArg, theme: s.optional(s.enum(...themes)) },
+        run: (w, a) => {
+          sync(w);
+          if (a.theme)
+            w.set(settings, { theme: a.theme });
+        }
+      }),
+      p.query("desktop-state", {
+        summary: "a session, the current one unless named: its record, apps and windows; every session beside it, last touched first; the theme",
+        args: sessionArg,
+        result: s.object({
+          entity: s.nullable(s.entity()),
+          session: s.nullable(s.object(sessionShape)),
+          apps: s.array(s.object({ entity: s.entity(), ...appShape })),
+          windows: s.array(s.object({ entity: s.entity(), ...windowShape })),
+          sessions: s.array(s.object({ entity: s.entity(), key: s.string(), touched: s.integer(), windows: s.integer(), front: s.nullable(s.string()) })),
+          theme: s.enum(...themes)
+        }),
+        read: (w, a) => {
+          const e = a.session === undefined ? current(w) : w.find(session, a.session);
+          const sessions = w.query(session).map((r) => {
+            const wins = windowsOf(w, r.entity), front = wins.find((o) => o.entity === r.desktopSession.selected);
+            const label = front ? front.desktopWindow.title || (front.desktopWindow.path === "/" ? w.get(front.desktopWindow.app, app)?.title ?? null : front.desktopWindow.path) : null;
+            return { entity: r.entity, key: r.desktopSession.key, touched: r.desktopSession.touched ?? 0, windows: wins.length, front: label };
+          }).sort((x, y) => y.touched - x.touched || y.entity - x.entity);
+          return { entity: e ?? null, session: e === undefined ? null : w.get(e, session), apps: w.query(app).map((r) => ({ entity: r.entity, ...r.desktopApp })), windows: e === undefined ? [] : windowsOf(w, e).map((r) => ({ entity: r.entity, ...r.desktopWindow })), sessions, theme: w.get(settings).theme };
+        }
+      })
+    ];
+  });
+}
+var shell = desktop({});
+
+// src/gui/inspector.tsx
+var import_react = __toESM(require_react(), 1);
+var jsx_runtime = __toESM(require_jsx_runtime(), 1);
+function Inspector({ manifest }) {
+  const { w, raw, ready, round } = useBabaState();
+  const [filter, setFilter] = import_react.useState("");
+  if (!ready)
+    return /* @__PURE__ */ jsx_runtime.jsx("p", {
+      className: "bv-muted",
+      children: "Reading the state…"
+    });
+  const names = Object.keys(manifest.components);
+  const wanted = filter.trim();
+  const entities = w.all().filter((e) => !wanted || (wanted in w.of(e)));
+  const resources = Object.entries(manifest.resources).map(([n, r]) => ({ name: n, system: r.owner, value: JSON.stringify(w.get({ kind: "resource", name: n })) }));
+  return /* @__PURE__ */ jsx_runtime.jsxs("div", {
+    children: [
+      /* @__PURE__ */ jsx_runtime.jsxs("p", {
+        className: "bv-muted",
+        children: [
+          "round ",
+          round,
+          " · ",
+          w.all().length,
+          " entities · ",
+          w.jobs.length,
+          " jobs"
+        ]
+      }),
+      resources.length > 0 && /* @__PURE__ */ jsx_runtime.jsxs("section", {
+        className: "gui-section",
+        children: [
+          /* @__PURE__ */ jsx_runtime.jsx("h2", {
+            children: "Resources"
+          }),
+          /* @__PURE__ */ jsx_runtime.jsx(Table, {
+            columns: ["name", "system", "value"],
+            rows: resources
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime.jsxs("section", {
+        className: "gui-section",
+        children: [
+          /* @__PURE__ */ jsx_runtime.jsx("h2", {
+            children: "Entities"
+          }),
+          /* @__PURE__ */ jsx_runtime.jsxs("div", {
+            className: "gui-filter",
+            children: [
+              /* @__PURE__ */ jsx_runtime.jsx(Input, {
+                list: "gui-components",
+                placeholder: "with component…",
+                value: filter,
+                onChange: (e) => setFilter(e.target.value)
+              }),
+              /* @__PURE__ */ jsx_runtime.jsx("datalist", {
+                id: "gui-components",
+                children: names.map((n) => /* @__PURE__ */ jsx_runtime.jsx("option", {
+                  value: n
+                }, n))
+              }),
+              wanted && /* @__PURE__ */ jsx_runtime.jsx(Button, {
+                variant: "quiet",
+                onClick: () => setFilter(""),
+                children: "clear"
+              })
+            ]
+          }),
+          entities.length === 0 && /* @__PURE__ */ jsx_runtime.jsxs("p", {
+            className: "bv-muted",
+            children: [
+              "No entity",
+              wanted ? ` with ${wanted}` : "",
+              "."
+            ]
+          }),
+          entities.map((e) => /* @__PURE__ */ jsx_runtime.jsxs("div", {
+            className: "gui-entity",
+            children: [
+              /* @__PURE__ */ jsx_runtime.jsxs("code", {
+                children: [
+                  "#",
+                  e
+                ]
+              }),
+              /* @__PURE__ */ jsx_runtime.jsxs("div", {
+                className: "gui-parts",
+                children: [
+                  Object.entries(w.of(e)).map(([n, v]) => /* @__PURE__ */ jsx_runtime.jsxs("span", {
+                    className: "gui-part",
+                    children: [
+                      /* @__PURE__ */ jsx_runtime.jsx("b", {
+                        children: n
+                      }),
+                      /* @__PURE__ */ jsx_runtime.jsx("pre", {
+                        children: v === true ? "" : JSON.stringify(v)
+                      })
+                    ]
+                  }, n)),
+                  w.jobs.filter((j) => j.entity === e).map((j) => /* @__PURE__ */ jsx_runtime.jsxs("span", {
+                    className: "gui-part bv-muted",
+                    children: [
+                      /* @__PURE__ */ jsx_runtime.jsx("b", {
+                        children: j.effect
+                      }),
+                      /* @__PURE__ */ jsx_runtime.jsx("pre", {
+                        children: j.status
+                      })
+                    ]
+                  }, j.effect))
+                ]
+              }),
+              /* @__PURE__ */ jsx_runtime.jsx(Button, {
+                variant: "quiet",
+                onClick: () => void raw({ op: "despawn", entity: e }),
+                children: "despawn"
+              })
+            ]
+          }, e))
+        ]
+      }),
+      w.jobs.length > 0 && /* @__PURE__ */ jsx_runtime.jsxs("section", {
+        className: "gui-section",
+        children: [
+          /* @__PURE__ */ jsx_runtime.jsx("h2", {
+            children: "Jobs"
+          }),
+          /* @__PURE__ */ jsx_runtime.jsx(Table, {
+            columns: ["effect", "entity", "args", "status"],
+            rows: w.jobs.map((j) => ({ effect: j.effect, entity: j.entity ?? "baba", args: JSON.stringify(j.args), status: j.status }))
+          })
+        ]
+      })
+    ]
+  });
+}
+
+// src/gui/runner.tsx
+var import_react2 = __toESM(require_react(), 1);
+var jsx_runtime2 = __toESM(require_jsx_runtime(), 1);
+function Runner({ manifest }) {
+  const [selected, setSelected] = import_react2.useState(null);
+  const calls = {};
+  for (const [n, d] of Object.entries(manifest.actions))
+    calls[n] = { kind: "fire", summary: d.summary, args: d.args, result: d.result };
+  for (const [n, q] of Object.entries(manifest.queries))
+    calls[n] = { kind: "read", summary: q.summary, args: q.args, result: q.result };
+  const names = Object.keys(calls);
+  if (!selected) {
+    return /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+      className: "bv-runner",
+      children: [
+        names.length === 0 && /* @__PURE__ */ jsx_runtime2.jsx("p", {
+          className: "bv-muted",
+          children: "The baba declares no actions or queries."
+        }),
+        /* @__PURE__ */ jsx_runtime2.jsx(Rows, {
+          children: names.map((n) => /* @__PURE__ */ jsx_runtime2.jsx(Row, {
+            hint: `${calls[n].kind === "fire" ? "action" : "query"} · ${calls[n].summary}`,
+            onClick: () => setSelected(n),
+            children: /* @__PURE__ */ jsx_runtime2.jsx("code", {
+              children: n
+            })
+          }, n))
+        })
+      ]
+    });
+  }
+  const def = calls[selected];
+  return /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+    className: "bv-runner",
+    children: [
+      /* @__PURE__ */ jsx_runtime2.jsx("div", {
+        className: "bv-runner-nav",
+        children: /* @__PURE__ */ jsx_runtime2.jsx(Button, {
+          variant: "quiet",
+          onClick: () => setSelected(null),
+          children: "← All"
+        })
+      }),
+      /* @__PURE__ */ jsx_runtime2.jsx(Form, {
+        name: selected,
+        def
+      }, selected)
+    ]
+  });
+}
+function Control({ id, f, value, set, invalid }) {
+  const text = typeof value === "string" ? value : "";
+  const common = { id, "aria-invalid": invalid || undefined, "aria-required": f.required || undefined };
+  switch (f.kind) {
+    case "boolean":
+      return /* @__PURE__ */ jsx_runtime2.jsx("input", {
+        type: "checkbox",
+        className: "bv-check",
+        ...common,
+        checked: value === true,
+        onChange: (e) => set(e.target.checked)
+      });
+    case "enum":
+      return /* @__PURE__ */ jsx_runtime2.jsxs(Select, {
+        ...common,
+        value: text,
+        onChange: (e) => set(e.target.value),
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx("option", {
+            value: "",
+            children: f.required ? "Choose…" : "(none)"
+          }),
+          f.options.map((o) => /* @__PURE__ */ jsx_runtime2.jsx("option", {
+            value: o,
+            children: o
+          }, o))
+        ]
+      });
+    case "number":
+    case "integer":
+      return /* @__PURE__ */ jsx_runtime2.jsx(Input, {
+        ...common,
+        type: "number",
+        step: f.kind === "integer" ? 1 : "any",
+        value: text,
+        onChange: (e) => set(e.target.value)
+      });
+    case "list":
+      return /* @__PURE__ */ jsx_runtime2.jsx(Textarea, {
+        ...common,
+        rows: 3,
+        placeholder: `one ${f.item} per line`,
+        value: text,
+        onChange: (e) => set(e.target.value)
+      });
+    case "json":
+      return /* @__PURE__ */ jsx_runtime2.jsx(Textarea, {
+        ...common,
+        rows: 4,
+        className: "bv-mono",
+        placeholder: "JSON",
+        value: text,
+        onChange: (e) => set(e.target.value)
+      });
+    default:
+      return /* @__PURE__ */ jsx_runtime2.jsx(Input, {
+        ...common,
+        value: text,
+        onChange: (e) => set(e.target.value)
+      });
+  }
+}
+function Form({ name, def }) {
+  const scope = useScope();
+  const uid = import_react2.useId();
+  const p = plan(def.args);
+  const [values, setValues] = import_react2.useState({});
+  const [outcome, setOutcome] = import_react2.useState({ state: "idle" });
+  const run = async (e) => {
+    e?.preventDefault();
+    let args;
+    try {
+      args = collect(p, values);
+    } catch (err) {
+      setOutcome({ state: "failed", error: err });
+      return;
+    }
+    setOutcome({ state: "running" });
+    const t = performance.now();
+    try {
+      const value = await api(def.kind, scope, name, args);
+      setOutcome({ state: "done", value, ms: Math.round(performance.now() - t) });
+    } catch (err) {
+      setOutcome({ state: "failed", error: err });
+    }
+  };
+  const bad = outcome.state === "failed" && outcome.error instanceof FieldError ? outcome.error.field : null;
+  return /* @__PURE__ */ jsx_runtime2.jsxs("form", {
+    className: "bv-form",
+    onSubmit: run,
+    children: [
+      /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+        className: "bv-form-head",
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx("code", {
+            className: "bv-form-name",
+            children: name
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsxs("span", {
+            className: "bv-muted",
+            children: [
+              def.kind === "fire" ? "action" : "query",
+              " · ",
+              def.summary
+            ]
+          })
+        ]
+      }),
+      p.fields.length === 0 && /* @__PURE__ */ jsx_runtime2.jsx("p", {
+        className: "bv-muted",
+        children: "No arguments."
+      }),
+      p.fields.map((f) => /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+        className: f.kind === "boolean" ? "bv-field bv-field-inline" : "bv-field",
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsxs("label", {
+            htmlFor: `${uid}-${f.name}`,
+            children: [
+              f.name,
+              f.required && /* @__PURE__ */ jsx_runtime2.jsx("span", {
+                className: "bv-required",
+                title: "required",
+                children: "*"
+              }),
+              /* @__PURE__ */ jsx_runtime2.jsx("span", {
+                className: "bv-type",
+                children: describeType(f)
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx_runtime2.jsx(Control, {
+            id: `${uid}-${f.name}`,
+            f,
+            value: values[f.name],
+            set: (v) => setValues((s2) => ({ ...s2, [f.name]: v })),
+            invalid: bad === f.name
+          }),
+          f.description && /* @__PURE__ */ jsx_runtime2.jsx("small", {
+            className: "bv-muted",
+            children: f.description
+          })
+        ]
+      }, f.name)),
+      /* @__PURE__ */ jsx_runtime2.jsxs("div", {
+        className: "bv-form-actions",
+        children: [
+          /* @__PURE__ */ jsx_runtime2.jsx(Button, {
+            type: "submit",
+            variant: "primary",
+            disabled: outcome.state === "running",
+            children: outcome.state === "running" ? "Running…" : def.kind === "fire" ? "Run" : "Read"
+          }),
+          outcome.state === "done" && /* @__PURE__ */ jsx_runtime2.jsxs("span", {
+            className: "bv-muted",
+            children: [
+              outcome.ms,
+              " ms"
+            ]
+          })
+        ]
+      }),
+      outcome.state === "failed" && /* @__PURE__ */ jsx_runtime2.jsx(ErrorText, {
+        error: outcome.error
+      }),
+      outcome.state === "done" && /* @__PURE__ */ jsx_runtime2.jsx(Output, {
+        value: outcome.value
+      })
+    ]
+  });
+}
+function ErrorText({ error }) {
+  if (error instanceof ApiError)
+    return /* @__PURE__ */ jsx_runtime2.jsxs("p", {
+      className: "bv-error",
+      role: "alert",
+      children: [
+        /* @__PURE__ */ jsx_runtime2.jsx("code", {
+          className: "bv-code",
+          children: error.code
+        }),
+        " ",
+        error.message
+      ]
+    });
+  if (error instanceof FieldError)
+    return /* @__PURE__ */ jsx_runtime2.jsx("p", {
+      className: "bv-error",
+      role: "alert",
+      children: error.message
+    });
+  return /* @__PURE__ */ jsx_runtime2.jsx("p", {
+    className: "bv-error",
+    role: "alert",
+    children: error instanceof Error ? error.message : String(error)
+  });
+}
+function Output({ value }) {
+  const t = tableOf(value);
+  if (t)
+    return /* @__PURE__ */ jsx_runtime2.jsx("div", {
+      className: "bv-output",
+      children: /* @__PURE__ */ jsx_runtime2.jsx(Table, {
+        columns: t.columns,
+        rows: t.rows
+      })
+    });
+  if (value === undefined || value === null)
+    return /* @__PURE__ */ jsx_runtime2.jsx("div", {
+      className: "bv-output bv-muted",
+      children: "Done; nothing came back."
+    });
+  return /* @__PURE__ */ jsx_runtime2.jsx("pre", {
+    className: "bv-output bv-json",
+    children: JSON.stringify(value, null, 2)
+  });
+}
+
+// src/gui/instructions.tsx
+var import_react3 = __toESM(require_react(), 1);
+var jsx_runtime3 = __toESM(require_jsx_runtime(), 1);
+function Instructions({ manifest }) {
+  const { fire, read, ready, round } = useBabaState();
+  const [plan2, setPlan] = import_react3.useState(null);
+  const [error, setError] = import_react3.useState(null);
+  import_react3.useEffect(() => {
+    if (ready)
+      read("agents-plan").then((p) => setPlan(p), setError);
+  }, [ready, round]);
+  if (!("pwStatus" in manifest.resources))
+    return /* @__PURE__ */ jsx_runtime3.jsx("p", {
+      className: "bv-muted",
+      children: "This baba has no agents system."
+    });
+  if (!ready)
+    return /* @__PURE__ */ jsx_runtime3.jsx("p", {
+      className: "bv-muted",
+      children: "Reading the state…"
+    });
+  const act = (name, args) => {
+    setError(null);
+    return fire(name, args).catch((e) => {
+      setError(e);
+      throw e;
+    });
+  };
+  return /* @__PURE__ */ jsx_runtime3.jsxs("div", {
+    children: [
+      error !== null && /* @__PURE__ */ jsx_runtime3.jsx(ErrorText, {
+        error
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsx(Declared, {
+        manifest
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsxs("section", {
+        className: "gui-section",
+        children: [
+          /* @__PURE__ */ jsx_runtime3.jsx("h2", {
+            children: "Outputs"
+          }),
+          /* @__PURE__ */ jsx_runtime3.jsxs("div", {
+            className: "bv-form-actions",
+            children: [
+              /* @__PURE__ */ jsx_runtime3.jsx(Button, {
+                variant: "primary",
+                onClick: () => void act("agents-sync", {}).catch(() => {}),
+                children: "Sync now"
+              }),
+              plan2 && /* @__PURE__ */ jsx_runtime3.jsxs("span", {
+                className: "bv-muted",
+                children: [
+                  plan2.pending ? `${plan2.pending} to write` : "up to date",
+                  " · ",
+                  plan2.auto ? "writes on every change" : "writes on sync",
+                  plan2.lastSync ? ` · synced ${new Date(plan2.lastSync).toLocaleTimeString()}` : ""
+                ]
+              })
+            ]
+          }),
+          plan2?.error && /* @__PURE__ */ jsx_runtime3.jsx("p", {
+            className: "bv-error",
+            children: plan2.error
+          }),
+          plan2 && plan2.outputs.length > 0 && /* @__PURE__ */ jsx_runtime3.jsx(Table, {
+            columns: ["path", "harness", "status", "action", "reason"],
+            rows: plan2.outputs.map((o) => ({ ...o, action: o.action ?? "" }))
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsx(Harness, {
+        manifest
+      })
+    ]
+  });
+}
+function Declared({ manifest }) {
+  const pw = manifest.instructions;
+  const skills = Object.entries(pw.skills);
+  return /* @__PURE__ */ jsx_runtime3.jsxs("section", {
+    className: "gui-section",
+    children: [
+      /* @__PURE__ */ jsx_runtime3.jsx("h2", {
+        children: "Instructions"
+      }),
+      !pw.context && skills.length === 0 && pw.hooks.length === 0 && /* @__PURE__ */ jsx_runtime3.jsx("p", {
+        className: "bv-muted",
+        children: "Nothing declared yet: give the baba a `context(...)`, a `skill(...)` or a `hook(...)` under `.baba/agents/`."
+      }),
+      pw.context && /* @__PURE__ */ jsx_runtime3.jsxs("p", {
+        className: "bv-muted",
+        children: [
+          pw.context.length,
+          " characters of context, ",
+          pw.hooks.length,
+          " hook",
+          pw.hooks.length === 1 ? "" : "s",
+          "."
+        ]
+      }),
+      pw.hooks.length > 0 && /* @__PURE__ */ jsx_runtime3.jsx(Rows, {
+        children: pw.hooks.map((h, i) => /* @__PURE__ */ jsx_runtime3.jsx(Row, {
+          hint: `${h.on}${h.match ? ` on ${h.match}` : ""}${h.strict ? " · strict" : ""}`,
+          children: /* @__PURE__ */ jsx_runtime3.jsx("code", {
+            children: h.action
+          })
+        }, i))
+      }),
+      skills.length > 0 && /* @__PURE__ */ jsx_runtime3.jsx(Rows, {
+        children: skills.map(([k, sk]) => /* @__PURE__ */ jsx_runtime3.jsx(Row, {
+          hint: sk.description,
+          children: /* @__PURE__ */ jsx_runtime3.jsx("code", {
+            children: k
+          })
+        }, k))
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsx("p", {
+        className: "bv-muted",
+        children: "The agentic instructions is the baba's code: edit it under .baba/agents/; the files below follow."
+      })
+    ]
+  });
+}
+function Harness({ manifest }) {
+  const h = manifest.harness;
+  return /* @__PURE__ */ jsx_runtime3.jsxs("section", {
+    className: "gui-section",
+    children: [
+      /* @__PURE__ */ jsx_runtime3.jsx("h2", {
+        children: "Harness"
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsxs(Rows, {
+        children: [
+          /* @__PURE__ */ jsx_runtime3.jsx(Row, {
+            hint: h.claude.enabled ? `permissions: ${h.claude.permissions.join(", ")}` : "off",
+            children: /* @__PURE__ */ jsx_runtime3.jsx("code", {
+              children: "claude"
+            })
+          }),
+          /* @__PURE__ */ jsx_runtime3.jsx(Row, {
+            hint: h.codex.enabled ? "on" : "off",
+            children: /* @__PURE__ */ jsx_runtime3.jsx("code", {
+              children: "codex"
+            })
+          }),
+          /* @__PURE__ */ jsx_runtime3.jsx(Row, {
+            hint: `${h.auto ? "writes on every change" : "writes on sync"}${h.table ? " · the contract as a table" : ""}`,
+            children: /* @__PURE__ */ jsx_runtime3.jsx("code", {
+              children: "files"
+            })
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime3.jsxs("p", {
+        className: "bv-muted",
+        children: [
+          "The .mdx files under .baba/agents/, each ",
+          /* @__PURE__ */ jsx_runtime3.jsx("code", {
+            children: 'export const prompt = { kind: "context" | "skill", … }'
+          }),
+          "; voss reads them on its own."
+        ]
+      })
+    ]
+  });
+}
+
+// src/gui/levels.tsx
+var import_react5 = __toESM(require_react(), 1);
+
+// src/gui/theme.ts
+var themeKey = "babavoss.theme";
+var early = `try{var t=localStorage.getItem(${JSON.stringify(themeKey)});if(t==="light"||t==="dark")document.documentElement.dataset.theme=t}catch(e){}`;
+function theme() {
+  try {
+    const v = localStorage.getItem(themeKey);
+    if (v === "light" || v === "dark")
+      return v;
+  } catch {}
+  return "system";
+}
+
+// src/gui/wizard.tsx
+var import_react4 = __toESM(require_react(), 1);
+var jsx_runtime4 = __toESM(require_jsx_runtime(), 1);
+var getJson = async (path) => {
+  const r = await fetch(path, { headers: apiHeaders() });
+  const j = await r.json();
+  if (!r.ok || j.error)
+    throw new Error(j.error?.message ?? r.statusText);
+  return j;
+};
+var postJson = async (path, body) => {
+  const r = await fetch(path, { method: "POST", headers: { "content-type": "application/json", ...apiHeaders() }, body: JSON.stringify(body) });
+  const j = await r.json();
+  if (!r.ok || j.error)
+    throw new Error(j.error?.message ?? r.statusText);
+  return j;
+};
+var tilde = (path, home) => home && (path === home || path.startsWith(home + "/")) ? "~" + path.slice(home.length) : path;
+var short = (path, home, max = 52) => {
+  const t = tilde(path, home);
+  if (t.length <= max)
+    return t;
+  const parts = t.split("/");
+  const head = parts[0] === "" ? "" : parts[0];
+  for (let keep2 = 3;keep2 >= 1; keep2--) {
+    const s2 = `${head}/…/${parts.slice(-keep2).join("/")}`;
+    if (s2.length <= max || keep2 === 1)
+      return s2;
+  }
+  return t;
+};
+var slug = (s2) => s2.toLowerCase().replace(/[^a-z0-9-]+/g, "-").replace(/^-+|-+$/g, "");
+var isTyping = (e) => e.target instanceof HTMLInputElement || e.target instanceof HTMLTextAreaElement || e.target instanceof HTMLSelectElement;
+var Svg = ({ children, size = 16 }) => /* @__PURE__ */ jsx_runtime4.jsx("svg", {
+  width: size,
+  height: size,
+  viewBox: "0 0 16 16",
+  fill: "none",
+  stroke: "currentColor",
+  strokeWidth: "1.4",
+  strokeLinecap: "round",
+  strokeLinejoin: "round",
+  "aria-hidden": "true",
+  children
+});
+var FolderGlyph = () => /* @__PURE__ */ jsx_runtime4.jsx(Svg, {
+  children: /* @__PURE__ */ jsx_runtime4.jsx("path", {
+    d: "M2 4.5c0-.6.4-1 1-1h3l1.5 1.5H13c.6 0 1 .4 1 1V12c0 .6-.4 1-1 1H3c-.6 0-1-.4-1-1z"
+  })
+});
+var BabaGlyph = () => /* @__PURE__ */ jsx_runtime4.jsxs(Svg, {
+  children: [
+    /* @__PURE__ */ jsx_runtime4.jsx("rect", {
+      x: "2.5",
+      y: "2.5",
+      width: "11",
+      height: "11",
+      rx: "3"
+    }),
+    /* @__PURE__ */ jsx_runtime4.jsx("circle", {
+      cx: "8",
+      cy: "8",
+      r: "2",
+      fill: "currentColor",
+      stroke: "none"
+    })
+  ]
+});
+var Up = () => /* @__PURE__ */ jsx_runtime4.jsx(Svg, {
+  children: /* @__PURE__ */ jsx_runtime4.jsx("path", {
+    d: "M8 13V3.5M4 7l4-4 4 4"
+  })
+});
+var Chevron = () => /* @__PURE__ */ jsx_runtime4.jsx(Svg, {
+  size: 14,
+  children: /* @__PURE__ */ jsx_runtime4.jsx("path", {
+    d: "M6 4l4 4-4 4"
+  })
+});
+var Home = () => /* @__PURE__ */ jsx_runtime4.jsx(Svg, {
+  size: 14,
+  children: /* @__PURE__ */ jsx_runtime4.jsx("path", {
+    d: "M2.5 7.5L8 3l5.5 4.5V13H10V9.5H6V13H2.5z"
+  })
+});
+var Search = () => /* @__PURE__ */ jsx_runtime4.jsxs(Svg, {
+  size: 14,
+  children: [
+    /* @__PURE__ */ jsx_runtime4.jsx("circle", {
+      cx: "7",
+      cy: "7",
+      r: "4"
+    }),
+    /* @__PURE__ */ jsx_runtime4.jsx("path", {
+      d: "M10 10l3 3"
+    })
+  ]
+});
+var Spinner = () => /* @__PURE__ */ jsx_runtime4.jsx("span", {
+  className: "pk-spin",
+  "aria-hidden": "true"
+});
+function useInView(list, active) {
+  import_react4.useLayoutEffect(() => {
+    list.current?.querySelector(`[data-i="${active}"]`)?.scrollIntoView({ block: "nearest" });
+  }, [list, active]);
+}
+function Folders({ home, start, onBack, onOpened, onVerb }) {
+  const [at, setAt] = import_react4.useState(null);
+  const [loading, setLoading] = import_react4.useState(true);
+  const [error, setError] = import_react4.useState(null);
+  const [busy, setBusy] = import_react4.useState(null);
+  const [filter, setFilter] = import_react4.useState("");
+  const [active, setActive] = import_react4.useState(0);
+  const [name, setName] = import_react4.useState("");
+  const [title, setTitle] = import_react4.useState("");
+  const list = import_react4.useRef(null);
+  const filterRef = import_react4.useRef(null);
+  const homeDir = at?.home || home;
+  const walk = (path) => {
+    setLoading(true);
+    getJson(`/api/dirs?path=${encodeURIComponent(path)}`).then((b) => {
+      const from = at?.path;
+      const back = from ? b.dirs.findIndex((d) => d.path === from) : -1;
+      setAt(b);
+      setError(null);
+      setFilter("");
+      setName("");
+      setTitle("");
+      onVerb?.(b.known ? "open" : b.baba ? "remember" : "make");
+      if (!(document.activeElement instanceof HTMLInputElement) || document.activeElement === filterRef.current)
+        filterRef.current?.focus();
+      setActive(back >= 0 ? back + (b.parent ? 1 : 0) : 0);
+    }, (e) => setError(String(e instanceof Error ? e.message : e))).finally(() => setLoading(false));
+  };
+  import_react4.useEffect(() => {
+    walk(start ?? "");
+    filterRef.current?.focus();
+  }, []);
+  const words = filter.toLowerCase().split(/\s+/).filter(Boolean);
+  const dirs = (at?.dirs ?? []).filter((d) => words.every((w) => d.name.toLowerCase().includes(w)));
+  const rows = [
+    ...at?.parent && !words.length ? [{ kind: "up", path: at.parent }] : [],
+    ...dirs.map((d) => ({ kind: "dir", d }))
+  ];
+  const cur = Math.min(active, Math.max(0, rows.length - 1));
+  useInView(list, cur);
+  const act = async () => {
+    if (!at || busy)
+      return;
+    if (at.known) {
+      const p = await getJson("/api/projects");
+      const own = p.projects.find((x) => x.dir === at.path);
+      if (own)
+        onOpened(own.name);
+      return;
+    }
+    const init = !at.baba;
+    setBusy(init ? "Making the baba and installing its packages…" : "Opening the baba…");
+    setError(null);
+    try {
+      const made = await postJson("/api/projects/add", { dir: at.path, init, ...name.trim() ? { name: name.trim() } : {}, ...title.trim() ? { title: title.trim() } : {} });
+      onOpened(made.name);
+    } catch (e) {
+      setError(String(e instanceof Error ? e.message : e));
+      setBusy(null);
+    }
+  };
+  const enter = (i) => {
+    const r = rows[i];
+    if (r)
+      walk(r.kind === "up" ? r.path : r.d.path);
+  };
+  import_react4.useEffect(() => {
+    const key = (e) => {
+      if (busy || document.querySelector(".desktop-launcher"))
+        return;
+      const inField = isTyping(e) && e.target !== filterRef.current;
+      if ((e.metaKey || e.ctrlKey) && e.key === "Enter") {
+        e.preventDefault();
+        act();
+        return;
+      }
+      if (e.key === "Escape") {
+        e.preventDefault();
+        if (inField)
+          e.target.blur();
+        else if (filter)
+          setFilter("");
+        else
+          onBack();
+        return;
+      }
+      if (inField)
+        return;
+      if (e.key === "ArrowDown") {
+        e.preventDefault();
+        setActive(Math.min(rows.length - 1, cur + 1));
+      } else if (e.key === "ArrowUp") {
+        e.preventDefault();
+        setActive(Math.max(0, cur - 1));
+      } else if (e.key === "Enter") {
+        e.preventDefault();
+        enter(cur);
+      } else if (e.key === "ArrowRight" && rows[cur]?.kind === "dir") {
+        e.preventDefault();
+        enter(cur);
+      } else if (e.key === "Backspace" && !filter || e.key === "ArrowLeft" && !filter) {
+        if (at?.parent) {
+          e.preventDefault();
+          walk(at.parent);
+        }
+      } else if (e.key.length === 1 && !e.metaKey && !e.ctrlKey && !e.altKey && document.activeElement !== filterRef.current)
+        filterRef.current?.focus();
+    };
+    addEventListener("keydown", key);
+    return () => removeEventListener("keydown", key);
+  });
+  const crumbs = import_react4.useMemo(() => {
+    if (!at)
+      return [];
+    const t = tilde(at.path, homeDir);
+    const parts = t.split("/").filter(Boolean);
+    const root = t.startsWith("~") ? homeDir : "";
+    return parts.map((part, i) => ({ label: part, path: part === "~" && i === 0 ? homeDir : t.startsWith("~") ? root + "/" + parts.slice(1, i + 1).join("/") : "/" + parts.slice(0, i + 1).join("/") }));
+  }, [at, homeDir]);
+  const shown = crumbs.length > 5 ? [crumbs[0], { label: "…", path: crumbs[crumbs.length - 4].path }, ...crumbs.slice(-3)] : crumbs;
+  const here = at ? short(at.path, homeDir, 44) : "";
+  const leaf = at ? at.path.split("/").filter(Boolean).pop() ?? "" : "";
+  return /* @__PURE__ */ jsx_runtime4.jsxs("div", {
+    className: "pk-pane pk-fade",
+    children: [
+      /* @__PURE__ */ jsx_runtime4.jsxs("header", {
+        className: "pk-strip",
+        children: [
+          /* @__PURE__ */ jsx_runtime4.jsx("span", {
+            className: "pk-strip-title",
+            children: "New baba"
+          }),
+          /* @__PURE__ */ jsx_runtime4.jsx("span", {
+            className: "pk-gap"
+          }),
+          loading && /* @__PURE__ */ jsx_runtime4.jsx(Spinner, {})
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime4.jsxs("div", {
+        className: "pk-path",
+        children: [
+          /* @__PURE__ */ jsx_runtime4.jsxs("nav", {
+            className: "pk-crumbs",
+            "aria-label": "Folder",
+            children: [
+              !crumbs.length && /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-crumb is-here",
+                children: "/"
+              }),
+              shown.map((c, i) => /* @__PURE__ */ jsx_runtime4.jsxs("span", {
+                className: "pk-crumb-wrap",
+                children: [
+                  i > 0 && /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                    className: "pk-crumb-sep",
+                    children: "/"
+                  }),
+                  c.label === "…" ? /* @__PURE__ */ jsx_runtime4.jsx("button", {
+                    type: "button",
+                    className: "pk-crumb",
+                    onClick: () => walk(c.path),
+                    title: tilde(c.path, homeDir),
+                    children: "…"
+                  }) : i === shown.length - 1 ? /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                    className: "pk-crumb is-here",
+                    children: c.label === "~" ? /* @__PURE__ */ jsx_runtime4.jsx(Home, {}) : c.label
+                  }) : /* @__PURE__ */ jsx_runtime4.jsx("button", {
+                    type: "button",
+                    className: "pk-crumb",
+                    onClick: () => walk(c.path),
+                    title: tilde(c.path, homeDir),
+                    children: c.label === "~" ? /* @__PURE__ */ jsx_runtime4.jsx(Home, {}) : c.label
+                  })
+                ]
+              }, c.path))
+            ]
+          }),
+          /* @__PURE__ */ jsx_runtime4.jsxs("label", {
+            className: "pk-filter",
+            children: [
+              /* @__PURE__ */ jsx_runtime4.jsx(Search, {}),
+              /* @__PURE__ */ jsx_runtime4.jsx("input", {
+                ref: filterRef,
+                value: filter,
+                placeholder: "Filter",
+                "aria-label": "Filter folders",
+                spellCheck: false,
+                onChange: (e) => {
+                  setFilter(e.target.value);
+                  setActive(0);
+                }
+              })
+            ]
+          })
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime4.jsxs("ol", {
+        ref: list,
+        className: loading && at ? "pk-list pk-folders is-loading" : "pk-list pk-folders",
+        role: "listbox",
+        "aria-label": "Folders",
+        children: [
+          !at && !error && [0, 1, 2, 3, 4].map((i) => /* @__PURE__ */ jsx_runtime4.jsxs("li", {
+            className: "pk-folder is-ghost",
+            children: [
+              /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-folder-icon",
+                children: /* @__PURE__ */ jsx_runtime4.jsx(FolderGlyph, {})
+              }),
+              /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-ghost-line",
+                style: { width: `${30 + i * 17 % 35}%` }
+              })
+            ]
+          }, i)),
+          rows.map((r, i) => r.kind === "up" ? /* @__PURE__ */ jsx_runtime4.jsx("li", {
+            "data-i": i,
+            role: "option",
+            "aria-selected": i === cur,
+            children: /* @__PURE__ */ jsx_runtime4.jsxs("button", {
+              type: "button",
+              className: i === cur ? "pk-folder is-active is-up" : "pk-folder is-up",
+              onClick: () => enter(i),
+              onMouseEnter: () => setActive(i),
+              children: [
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-folder-icon",
+                  children: /* @__PURE__ */ jsx_runtime4.jsx(Up, {})
+                }),
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-folder-name",
+                  children: tilde(r.path, homeDir) === "~" ? "Home" : r.path.split("/").filter(Boolean).pop() ?? "/"
+                }),
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-folder-note",
+                  children: "up"
+                })
+              ]
+            })
+          }, "..") : /* @__PURE__ */ jsx_runtime4.jsx("li", {
+            "data-i": i,
+            role: "option",
+            "aria-selected": i === cur,
+            children: /* @__PURE__ */ jsx_runtime4.jsxs("button", {
+              type: "button",
+              className: `pk-folder${i === cur ? " is-active" : ""}${r.d.baba ? " is-baba" : ""}`,
+              onClick: () => enter(i),
+              onMouseEnter: () => setActive(i),
+              children: [
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-folder-icon",
+                  children: r.d.baba ? /* @__PURE__ */ jsx_runtime4.jsx(BabaGlyph, {}) : /* @__PURE__ */ jsx_runtime4.jsx(FolderGlyph, {})
+                }),
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-folder-name",
+                  children: /* @__PURE__ */ jsx_runtime4.jsx(Marked, {
+                    text: r.d.name,
+                    words
+                  })
+                }),
+                r.d.known ? /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-pill is-known",
+                  children: "remembered"
+                }) : r.d.baba ? /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-pill",
+                  children: "baba"
+                }) : null,
+                /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                  className: "pk-go",
+                  children: /* @__PURE__ */ jsx_runtime4.jsx(Chevron, {})
+                })
+              ]
+            })
+          }, r.d.path)),
+          at && rows.length === 0 && /* @__PURE__ */ jsx_runtime4.jsx("li", {
+            className: "pk-none",
+            children: words.length ? /* @__PURE__ */ jsx_runtime4.jsxs(jsx_runtime4.Fragment, {
+              children: [
+                "No folder matches “",
+                filter,
+                "”."
+              ]
+            }) : /* @__PURE__ */ jsx_runtime4.jsx(jsx_runtime4.Fragment, {
+              children: "No folders in here. You can make the baba right here."
+            })
+          })
+        ]
+      }),
+      error && /* @__PURE__ */ jsx_runtime4.jsx("p", {
+        className: "pk-alert",
+        role: "alert",
+        children: error
+      }),
+      /* @__PURE__ */ jsx_runtime4.jsxs("footer", {
+        className: `pk-dock${at?.known ? " is-known" : at?.baba ? " is-baba" : ""}`,
+        children: [
+          /* @__PURE__ */ jsx_runtime4.jsxs("div", {
+            className: "pk-dock-line is-say",
+            children: [
+              /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-dock-icon",
+                children: at?.baba ? /* @__PURE__ */ jsx_runtime4.jsx(BabaGlyph, {}) : /* @__PURE__ */ jsx_runtime4.jsx(FolderGlyph, {})
+              }),
+              /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-dock-text",
+                children: !at ? "…" : at.known ? /* @__PURE__ */ jsx_runtime4.jsxs(jsx_runtime4.Fragment, {
+                  children: [
+                    "Voss already knows the baba in ",
+                    /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                      className: "pk-here",
+                      title: at?.path,
+                      children: here
+                    }),
+                    "."
+                  ]
+                }) : at.baba ? /* @__PURE__ */ jsx_runtime4.jsxs(jsx_runtime4.Fragment, {
+                  children: [
+                    "There is a baba in ",
+                    /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                      className: "pk-here",
+                      title: at?.path,
+                      children: here
+                    }),
+                    ". Remember it to open it here."
+                  ]
+                }) : /* @__PURE__ */ jsx_runtime4.jsxs(jsx_runtime4.Fragment, {
+                  children: [
+                    "A new baba goes in ",
+                    /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                      className: "pk-here",
+                      title: at?.path,
+                      children: here
+                    }),
+                    ", as ",
+                    /* @__PURE__ */ jsx_runtime4.jsx("code", {
+                      children: ".baba/"
+                    }),
+                    " beside what is there."
+                  ]
+                })
+              })
+            ]
+          }),
+          /* @__PURE__ */ jsx_runtime4.jsxs("div", {
+            className: "pk-dock-line",
+            children: [
+              at && !at.baba && /* @__PURE__ */ jsx_runtime4.jsxs(jsx_runtime4.Fragment, {
+                children: [
+                  /* @__PURE__ */ jsx_runtime4.jsxs("label", {
+                    className: "pk-field",
+                    children: [
+                      /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                        children: "Name"
+                      }),
+                      /* @__PURE__ */ jsx_runtime4.jsx("input", {
+                        value: name,
+                        placeholder: slug(leaf) || "baba",
+                        spellCheck: false,
+                        disabled: !!busy,
+                        onChange: (e) => setName(e.target.value),
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter") {
+                            e.preventDefault();
+                            act();
+                          }
+                        }
+                      })
+                    ]
+                  }),
+                  /* @__PURE__ */ jsx_runtime4.jsxs("label", {
+                    className: "pk-field is-wide",
+                    children: [
+                      /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                        children: "Title"
+                      }),
+                      /* @__PURE__ */ jsx_runtime4.jsx("input", {
+                        value: title,
+                        placeholder: name.trim() || slug(leaf) || "baba",
+                        disabled: !!busy,
+                        onChange: (e) => setTitle(e.target.value),
+                        onKeyDown: (e) => {
+                          if (e.key === "Enter") {
+                            e.preventDefault();
+                            act();
+                          }
+                        }
+                      })
+                    ]
+                  })
+                ]
+              }),
+              busy && /* @__PURE__ */ jsx_runtime4.jsxs("span", {
+                className: "pk-busy",
+                children: [
+                  /* @__PURE__ */ jsx_runtime4.jsx(Spinner, {}),
+                  busy
+                ]
+              }),
+              /* @__PURE__ */ jsx_runtime4.jsx("span", {
+                className: "pk-gap"
+              }),
+              /* @__PURE__ */ jsx_runtime4.jsxs("button", {
+                type: "button",
+                className: "pk-primary",
+                disabled: !at || !!busy || loading,
+                onClick: () => void act(),
+                children: [
+                  !at ? "Make a baba here" : at.known ? "Open it" : at.baba ? "Remember this baba" : "Make a baba here",
+                  /* @__PURE__ */ jsx_runtime4.jsx("kbd", {
+                    className: "pk-kbd is-on-primary",
+                    children: "⌘↵"
+                  })
+                ]
+              })
+            ]
+          })
+        ]
+      })
+    ]
+  });
+}
+function Marked({ text, words }) {
+  if (!words.length)
+    return /* @__PURE__ */ jsx_runtime4.jsx(jsx_runtime4.Fragment, {
+      children: text
+    });
+  const lower = text.toLowerCase();
+  const hit = new Array(text.length).fill(false);
+  for (const w of words) {
+    let i2 = lower.indexOf(w);
+    while (i2 >= 0) {
+      for (let k = i2;k < i2 + w.length; k++)
+        hit[k] = true;
+      i2 = lower.indexOf(w, i2 + w.length);
+    }
+  }
+  const out = [];
+  let i = 0;
+  while (i < text.length) {
+    const on = hit[i];
+    let j = i;
+    while (j < text.length && hit[j] === on)
+      j++;
+    out.push(on ? /* @__PURE__ */ jsx_runtime4.jsx("mark", {
+      children: text.slice(i, j)
+    }, i) : text.slice(i, j));
+    i = j;
+  }
+  return /* @__PURE__ */ jsx_runtime4.jsx(jsx_runtime4.Fragment, {
+    children: out
+  });
+}
+
+// src/gui/levels.tsx
+var jsx_runtime5 = __toESM(require_jsx_runtime(), 1);
+function useProjects() {
+  const [state, setState] = import_react5.useState({ projects: null, home: "" });
+  import_react5.useEffect(() => {
+    let live = true;
+    getJson("/api/projects").then((j) => {
+      if (live)
+        setState({ projects: j.projects, home: j.home ?? "" });
+    }, () => {
+      if (live)
+        setState({ projects: [], home: "" });
+    });
+    return () => {
+      live = false;
+    };
+  }, []);
+  return state;
+}
+var href = (name) => `/${encodeURIComponent(name)}/`;
+var plus = [{ tag: "path", attrs: { d: "M5 12h14" } }, { tag: "path", attrs: { d: "M12 5v14" } }];
+var eyes = [{ tag: "circle", attrs: { cx: "8.1", cy: "12", r: "4.3" } }, { tag: "circle", attrs: { cx: "17.2", cy: "12", r: "3" } }];
+var NEW = "new";
+var babaKey = (name) => `baba:${name}`;
+function pickerApps(projects) {
+  const byName = new Map(projects.map((p) => [p.name, p]));
+  const rows = projects.map((p, i) => {
+    const parent = p.parent ? byName.get(p.parent) : undefined;
+    return { entity: 10 + i, key: babaKey(p.name), title: p.title, group: parent ? `In ${parent.title}` : "Babas", icon: "", many: false, order: i, drawing: eyes };
+  });
+  rows.push({ entity: 2, key: NEW, title: "New baba", group: "Make", icon: "plus", many: false, order: projects.length, drawing: plus });
+  return rows;
+}
+var wizard = { entity: 3, session: 1, app: 2, path: "/", title: "", memory: {} };
+function Root() {
+  const { projects, home } = useProjects();
+  const [open, setOpen] = import_react5.useState(false);
+  const apps = import_react5.useMemo(() => pickerApps(projects ?? []), [projects]);
+  const picture = {
+    session: { entity: 1, key: "main", selected: open ? wizard.entity : null, theme: "system" },
+    theme: theme(),
+    apps,
+    windows: open ? [wizard] : []
+  };
+  const hand = { fire: (name, args) => {
+    const a = args ?? {};
+    if (name === "desktop-open") {
+      if (a.app === NEW)
+        setOpen(true);
+      else if (a.app?.startsWith("baba:"))
+        location.assign(href(a.app.slice(5)));
+    } else if (name === "desktop-select")
+      setOpen(a.window === wizard.entity);
+    else if (name === "desktop-close")
+      setOpen(false);
+  } };
+  return /* @__PURE__ */ jsx_runtime5.jsx("div", {
+    className: "gui-view",
+    children: /* @__PURE__ */ jsx_runtime5.jsx(DesktopFrame, {
+      picture,
+      title: "voss",
+      hand,
+      render: () => /* @__PURE__ */ jsx_runtime5.jsx(Folders, {
+        home,
+        onBack: () => setOpen(false),
+        onOpened: (name) => location.assign(href(name))
+      })
+    })
+  });
+}
+
+// src/kernel/names.ts
+var buildName = (b) => b.dev ? "source" : b.version || b.sha || "unstamped";
+function tellApart(a, b) {
+  const na = buildName(a), nb = buildName(b);
+  if (na !== nb)
+    return [na, nb];
+  const when = (x) => x.at ? `${buildName(x)} built ${x.at.slice(11, 19)}Z` : buildName(x);
+  return [when(a), when(b)];
+}
+
+// src/gui/gui.tsx
+var jsx_runtime6 = __toESM(require_jsx_runtime(), 1);
+var scope = document.querySelector('meta[name="voss-scope"]')?.getAttribute("content") ?? "";
+async function describe(name, since, signal) {
+  const r = await fetch(`/api/describe/${encodeURIComponent(name)}${since ? `?since=${since}` : ""}`, { signal, headers: apiHeaders() });
+  const d = await r.json();
+  if (!r.ok)
+    throw new Error(d.error?.message ?? r.statusText);
+  return d;
+}
+function useDescribed(name) {
+  const [d, setD] = import_react6.useState(null);
+  const [failed, setFailed] = import_react6.useState(null);
+  import_react6.useEffect(() => {
+    const ctl = new AbortController;
+    (async () => {
+      let since = 0;
+      while (!ctl.signal.aborted) {
+        try {
+          const next = await describe(name, since, ctl.signal);
+          since = next.gen;
+          setD(next);
+          setFailed(null);
+        } catch (e) {
+          if (ctl.signal.aborted)
+            return;
+          setFailed(e instanceof Error ? e.message : String(e));
+          since = 0;
+          await new Promise((r) => setTimeout(r, 2000));
+        }
+      }
+    })();
+    return () => ctl.abort();
+  }, [name]);
+  return { d, failed };
+}
+var sleep = (ms) => new Promise((r) => setTimeout(r, ms));
+function Stale() {
+  const [b, setB] = import_react6.useState(null);
+  const [restarting, setRestarting] = import_react6.useState(false);
+  import_react6.useEffect(() => {
+    let live = true;
+    const tick = async () => {
+      try {
+        const r = await fetch("/api/voss", { headers: apiHeaders() });
+        if (r.ok) {
+          const j = await r.json();
+          if (live)
+            setB(j);
+        }
+      } catch {}
+    };
+    tick();
+    const t = setInterval(() => void tick(), 1e4);
+    return () => {
+      live = false;
+      clearInterval(t);
+    };
+  }, []);
+  if (!b?.stale || !b.installed)
+    return null;
+  const [installed, running] = tellApart(b.installed, b);
+  const restart = async () => {
+    setRestarting(true);
+    try {
+      await fetch("/api/voss/restart", { method: "POST", headers: { "content-type": "application/json", ...apiHeaders() }, body: "{}" });
+    } catch {}
+    const until = Date.now() + 90000;
+    while (Date.now() < until) {
+      await sleep(1000);
+      try {
+        const r = await fetch("/api/voss", { headers: apiHeaders() });
+        if (r.status === 401) {
+          location.reload();
+          return;
+        }
+        if (r.ok && (await r.json()).pid !== b.pid) {
+          location.reload();
+          return;
+        }
+      } catch {}
+    }
+    setRestarting(false);
+  };
+  return /* @__PURE__ */ jsx_runtime6.jsx("div", {
+    className: "gui-stale",
+    role: "status",
+    children: restarting ? /* @__PURE__ */ jsx_runtime6.jsx("span", {
+      children: "Restarting voss…"
+    }) : /* @__PURE__ */ jsx_runtime6.jsxs(jsx_runtime6.Fragment, {
+      children: [
+        /* @__PURE__ */ jsx_runtime6.jsxs("span", {
+          children: [
+            "voss ",
+            /* @__PURE__ */ jsx_runtime6.jsx("b", {
+              children: installed
+            }),
+            " is installed; this page runs on ",
+            /* @__PURE__ */ jsx_runtime6.jsx("b", {
+              children: running
+            }),
+            ". Changes on disk wait for the restart."
+          ]
+        }),
+        /* @__PURE__ */ jsx_runtime6.jsx(Button, {
+          onClick: () => void restart(),
+          children: "Restart to update"
+        })
+      ]
+    })
+  });
+}
+var moved = { inspect: "state", world: "state", run: "contract", proofs: "maker" };
+function Host() {
+  const { d, failed } = useDescribed(scope);
+  const parts = location.pathname.split("/").filter(Boolean);
+  const to = d && parts.length === 2 && !(d.manifest?.apps ?? []).some((a) => a.key === parts[1]) ? moved[parts[1]] : undefined;
+  const [, moveOn] = import_react6.useState(0);
+  import_react6.useEffect(() => {
+    if (to) {
+      history.replaceState(null, "", `/${encodeURIComponent(scope)}/${to}${location.search}${location.hash}`);
+      moveOn((n) => n + 1);
+    }
+  }, [to]);
+  if (to)
+    return null;
+  if (!d)
+    return /* @__PURE__ */ jsx_runtime6.jsx("div", {
+      className: "gui-page",
+      children: /* @__PURE__ */ jsx_runtime6.jsx("p", {
+        className: "bv-muted",
+        children: failed ? `${scope} did not answer: ${failed}` : "…"
+      })
+    });
+  if (!d.manifest)
+    return /* @__PURE__ */ jsx_runtime6.jsx("div", {
+      className: "gui-page",
+      children: /* @__PURE__ */ jsx_runtime6.jsxs("p", {
+        className: "bv-error",
+        children: [
+          d.title,
+          " is not running.",
+          d.error ? ` ${d.error}` : ""
+        ]
+      })
+    });
+  return /* @__PURE__ */ jsx_runtime6.jsx(ShellPage, {
+    d
+  });
+}
+function Failure({ f }) {
+  return /* @__PURE__ */ jsx_runtime6.jsxs("div", {
+    className: "gui-notice",
+    role: "alert",
+    children: [
+      /* @__PURE__ */ jsx_runtime6.jsxs("strong", {
+        children: [
+          "The interface did not ",
+          f.stage === "build" ? "build" : f.stage === "load" ? "load" : "render",
+          "."
+        ]
+      }),
+      /* @__PURE__ */ jsx_runtime6.jsx("pre", {
+        className: "gui-failure",
+        children: formatFailure(f)
+      })
+    ]
+  });
+}
+var loaded = new Map;
+async function loadView(name, v) {
+  const have = loaded.get(v);
+  if (have)
+    return have;
+  const base = `/view/${encodeURIComponent(name)}/${v}/`;
+  const res = await fetch(base, { headers: apiHeaders() });
+  const index = await res.json();
+  if (!res.ok || !index.entry)
+    throw new Error(index.error?.message ?? res.statusText);
+  const mod = await import(base + index.entry);
+  const def = mod.default ?? mod.view;
+  if (!def || !isApps(def) && typeof def.shell !== "function")
+    throw new Error("interface.tsx has no default export made by compose()");
+  const css = (index.css ?? []).map((p) => base + p);
+  const l = isApps(def) ? { View: null, apps: def.apps, css } : { View: def.shell, apps: {}, css };
+  loaded.set(v, l);
+  return l;
+}
+function useInterface(d) {
+  const v = d.view && !d.view.error ? d.view.v : undefined;
+  const [view, setView] = import_react6.useState(() => v !== undefined ? loaded.get(v) ?? null : null);
+  const [failure, setFailure] = import_react6.useState(null);
+  import_react6.useEffect(() => {
+    if (v === undefined)
+      return;
+    let live = true;
+    loadView(d.name, v).then((l) => {
+      if (live) {
+        setView(l);
+        setFailure(null);
+      }
+    }, (e) => {
+      if (live)
+        setFailure({ stage: "load", message: e instanceof Error ? e.message : String(e) });
+    });
+    return () => {
+      live = false;
+    };
+  }, [d.name, v]);
+  import_react6.useEffect(() => {
+    if (!view)
+      return;
+    const links = view.css.map((href2) => {
+      const l = document.createElement("link");
+      l.rel = "stylesheet";
+      l.href = href2;
+      document.head.appendChild(l);
+      return l;
+    });
+    return () => {
+      for (const l of links)
+        l.remove();
+    };
+  }, [view]);
+  return { view, failure: d.view?.error ?? failure };
+}
+var useShellSystem = (apps) => {
+  const key = JSON.stringify(apps ?? []);
+  return import_react6.useMemo(() => desktop({ apps: apps ?? [] }), [key]);
+};
+function ShellPage({ d }) {
+  const { view, failure } = useInterface(d);
+  const system2 = useShellSystem(d.manifest?.apps);
+  const manifest = d.manifest;
+  const components = import_react6.useMemo(() => {
+    const pending = () => failure ? /* @__PURE__ */ jsx_runtime6.jsx(Failure, {
+      f: failure
+    }) : /* @__PURE__ */ jsx_runtime6.jsx("p", {
+      className: "desktop-empty bv-muted",
+      children: "…"
+    });
+    const out = {
+      maker: ({ path, navigate, setTitle }) => /* @__PURE__ */ jsx_runtime6.jsx(Maker, {
+        specs: [],
+        title: d.title,
+        path,
+        navigate,
+        setTitle
+      }),
+      state: () => /* @__PURE__ */ jsx_runtime6.jsxs("section", {
+        className: "gui-app",
+        children: [
+          d.error && /* @__PURE__ */ jsx_runtime6.jsxs("p", {
+            className: "bv-error",
+            children: [
+              "The code did not load; the last generation serves: ",
+              d.error
+            ]
+          }),
+          /* @__PURE__ */ jsx_runtime6.jsx(Inspector, {
+            manifest
+          })
+        ]
+      }),
+      contract: () => /* @__PURE__ */ jsx_runtime6.jsx("section", {
+        className: "gui-app",
+        children: /* @__PURE__ */ jsx_runtime6.jsx(Runner, {
+          manifest
+        })
+      }),
+      instructions: () => /* @__PURE__ */ jsx_runtime6.jsx("section", {
+        className: "gui-app",
+        children: /* @__PURE__ */ jsx_runtime6.jsx(Instructions, {
+          manifest
+        })
+      }),
+      settings: Settings
+    };
+    for (const sc of manifest.apps ?? []) {
+      if (sc.key in out)
+        continue;
+      out[sc.key] = sc.key === "view" && !view?.apps[sc.key] ? view?.View ? view.View : !d.view ? () => /* @__PURE__ */ jsx_runtime6.jsx("p", {
+        className: "desktop-empty bv-muted",
+        children: "This baba has no interface.tsx yet: its apps are voss's."
+      }) : pending : pending;
+    }
+    for (const [k, v] of Object.entries(view?.apps ?? {}))
+      out[k] = v;
+    return out;
+  }, [view, failure, system2, manifest, d.error, d.view, d.title]);
+  return /* @__PURE__ */ jsx_runtime6.jsx("div", {
+    className: "gui-view",
+    children: /* @__PURE__ */ jsx_runtime6.jsx(ViewBoundary, {
+      fallback: (f) => /* @__PURE__ */ jsx_runtime6.jsx("div", {
+        className: "gui-page",
+        children: /* @__PURE__ */ jsx_runtime6.jsx(Failure, {
+          f
+        })
+      }),
+      children: /* @__PURE__ */ jsx_runtime6.jsx(Desktop, {
+        system: system2,
+        apps: components,
+        title: d.title,
+        root: { label: "voss", href: "/" }
+      })
+    })
+  }, view ? "loaded" : "loading");
+}
+function Settings() {
+  const system2 = import_react6.useMemo(() => desktop({}), []);
+  const current = useResource(system2.desktopSettings)?.theme ?? "system";
+  const { fire } = useBaba();
+  return /* @__PURE__ */ jsx_runtime6.jsxs("section", {
+    className: "gui-app",
+    children: [
+      /* @__PURE__ */ jsx_runtime6.jsx("h2", {
+        children: "Theme"
+      }),
+      /* @__PURE__ */ jsx_runtime6.jsx("p", {
+        className: "bv-muted",
+        children: "The theme every page of this baba shows, kept in its state."
+      }),
+      /* @__PURE__ */ jsx_runtime6.jsx("div", {
+        className: "gui-choices",
+        role: "radiogroup",
+        "aria-label": "Theme",
+        children: themes.map((t) => /* @__PURE__ */ jsx_runtime6.jsx(Button, {
+          variant: t === current ? "default" : "quiet",
+          role: "radio",
+          "aria-checked": t === current,
+          onClick: () => void fire("desktop-settings", { theme: t }),
+          children: t
+        }, t))
+      }),
+      /* @__PURE__ */ jsx_runtime6.jsx("h2", {
+        children: "voss"
+      }),
+      /* @__PURE__ */ jsx_runtime6.jsx("p", {
+        children: /* @__PURE__ */ jsx_runtime6.jsx("a", {
+          href: "/",
+          children: "All babas"
+        })
+      })
+    ]
+  });
+}
+
+class ViewBoundary extends import_react6.Component {
+  state = { failure: null };
+  static getDerivedStateFromError(err) {
+    return { failure: { stage: "render", message: err instanceof Error ? err.message : String(err), detail: err instanceof Error ? err.stack : undefined } };
+  }
+  render() {
+    return this.state.failure ? this.props.fallback(this.state.failure) : this.props.children;
+  }
+}
+import_client.createRoot(document.getElementById("root")).render(/* @__PURE__ */ jsx_runtime6.jsxs(import_react6.StrictMode, {
+  children: [
+    scope ? /* @__PURE__ */ jsx_runtime6.jsx(ScopeProvider, {
+      value: scope,
+      children: /* @__PURE__ */ jsx_runtime6.jsx(Host, {})
+    }) : /* @__PURE__ */ jsx_runtime6.jsx(Root, {}),
+    /* @__PURE__ */ jsx_runtime6.jsx(Stale, {})
+  ]
+}));