@engenty/wizards-runtime 0.7.8 → 0.7.10

package/plugin/hooks/pane.test.tsx

@@ -0,0 +1,177 @@
+import type { McpToolResult } from "claude-code";
+import { expect, test } from "claude-code/testing";
+
+const PANE_PROPS = {
+  title: "engenty.wizards",
+  isFocused: true,
+  bodyColumns: 80,
+  placement: "dock",
+  scroll: { offset: 0, bodyRows: 40 },
+  view: {},
+} as const;
+
+const answer = (value: unknown): McpToolResult => ({
+  content: [{ type: "text", text: JSON.stringify(value) }],
+  isError: false,
+});
+
+const BASE = "http://localhost:24368";
+
+const wizard = (id: string, title: string, published: boolean, shared = published) => ({
+  wizardId: id,
+  draft: {
+    title,
+    description: `${title} macht etwas.`,
+    avatar: "round",
+    steps: [
+      { id: "first", type: "page", title: "Thema" },
+      { id: "write", type: "result", title: "Fertig" },
+    ],
+  },
+  shareEnabled: shared,
+  shareUrl: `${BASE}/w/t-${id}`,
+  studioUrl: `${BASE}/studio/edit/${id}`,
+});
+
+const waiting = {
+  runId: "r1",
+  wizardId: "w2",
+  mode: "live",
+  status: "waiting_input",
+  waitingFor: { page: "first", title: "Thema", fields: [] },
+  browserUrl: `${BASE}/w/t-w2/r1`,
+};
+
+test("lists the wizards; Run opens the page beside the chat, Edit asks the chat", async ($, on) => {
+  const calls: string[] = [];
+  const opened: string[] = [];
+  const filled: string[] = [];
+  on("prompt.fill", async (_, e) => {
+    filled.push(e.text);
+    return { isFilled: true };
+  });
+  on("mcp.call", { server: "engenty-wizards" }, async (_, e) => {
+    calls.push(e.tool);
+    if (e.tool === "list_wizards") {
+      return {
+        value: answer([
+          { id: "w1", title: "Brot", published: true, studioUrl: `${BASE}/studio/edit/w1` },
+          { id: "w2", title: "Ohne Link", published: true, studioUrl: `${BASE}/studio/edit/w2` },
+          { id: "w0", title: "Entwurf", published: false, studioUrl: `${BASE}/studio/edit/w0` },
+        ]),
+      };
+    }
+    if (e.tool === "get_wizard") {
+      const id = String(e.args.wizardId);
+      if (id === "w1") return { value: answer(wizard("w1", "Brot", true)) };
+      if (id === "w2") return { value: answer(wizard("w2", "Ohne Link", true, false)) };
+      return { value: answer(wizard("w0", "Entwurf", false)) };
+    }
+    if (e.tool === "run_wizard") return { value: answer(waiting) };
+    return { deny: `unexpected ${e.tool}` };
+  });
+  on("mcp.call", { server: "Claude_Browser" }, async (_, e) => {
+    opened.push(String(e.args.url));
+    return { value: { content: [], isError: false } };
+  });
+
+  for (const surface of ["terminal", "desktop"] as const) {
+    calls.length = 0;
+    opened.length = 0;
+    const ui = await $.ui.mount({
+      plugin: "wizards",
+      surface,
+      component: "Pane",
+      requestId: "wizards",
+      props: PANE_PROPS,
+    });
+    await ui.press({ key: "Reload" });
+    // Details are fetched once per wizard; the second surface finds them in the session's state.
+    expect(calls).toEqual(
+      surface === "terminal"
+        ? ["list_wizards", "get_wizard", "get_wizard", "get_wizard"]
+        : ["list_wizards"],
+    );
+    expect(await ui.find({ type: "Text", text: "Brot" })).toBeDefined();
+    expect(await ui.find({ type: "Text", text: /Entwurf · draft/ })).toBeDefined();
+    expect(await ui.find({ key: "run:w1" })).toBeDefined();
+    expect(await ui.find({ key: "run:w0" })).toBeUndefined();
+    expect(await ui.find({ key: "edit:w0" })).toBeDefined();
+    expect(await ui.find({ type: "Text", text: "localhost:24368" })).toBeDefined();
+
+    // A wizard with a page of its own opens there.
+    await ui.press({ key: "run:w1" });
+    expect(opened).toEqual([`${BASE}/w/t-w1`]);
+    // One without is started here, and its run's page opens.
+    await ui.press({ key: "run:w2" });
+    expect(calls.at(-1)).toBe("run_wizard");
+    expect(opened.at(-1)).toBe(`${BASE}/w/t-w2/r1`);
+
+    await ui.press({ key: "edit:w0" });
+    expect(filled.at(-1)).toBe('For my engenty wizard "Entwurf" I need the following changes: ');
+    await ui.press({ key: "Studio" });
+    expect(opened.at(-1)).toBe(`${BASE}/studio`);
+    await ui.unmount();
+  }
+});
+
+test("a run the model drives opens beside the chat once", async ($, on) => {
+  const opened: string[] = [];
+  on("mcp.call", { server: "Claude_Browser" }, async (_, e) => {
+    opened.push(String(e.args.url));
+    return { value: { content: [], isError: false } };
+  });
+  on("mcp.call", { server: "engenty-wizards" }, () => ({ deny: "not in this test" }));
+  on("tool.call", { tool: "mcp__engenty-wizards__get_run" }, async () => ({
+    result: { content: [{ type: "text", text: JSON.stringify(waiting) }] },
+  }));
+
+  const ui = await $.ui.mount({
+    plugin: "wizards",
+    surface: "desktop",
+    component: "Pane",
+    requestId: "wizards",
+    props: PANE_PROPS,
+  });
+  await $.tool.call({ tool: "mcp__engenty-wizards__get_run", tool_use_id: "t1", runId: "r1" });
+  await $.tool.call({ tool: "mcp__engenty-wizards__get_run", tool_use_id: "t2", runId: "r1" });
+  expect(opened).toEqual([`${BASE}/w/t-w2/r1`]);
+  await ui.unmount();
+});
+
+test("offers a plain link when the browser pane refuses", async ($, on) => {
+  on("mcp.call", { server: "engenty-wizards" }, async (_, e) => {
+    if (e.tool === "list_wizards") {
+      return { value: answer([{ id: "w1", title: "Brot", published: true }]) };
+    }
+    if (e.tool === "get_wizard") return { value: answer(wizard("w1", "Brot", true)) };
+    return { deny: `unexpected ${e.tool}` };
+  });
+  on("mcp.call", { server: "Claude_Browser" }, () => ({ deny: "no verdict for navigate" }));
+  const ui = await $.ui.mount({
+    plugin: "wizards",
+    surface: "desktop",
+    component: "Pane",
+    requestId: "wizards",
+    props: PANE_PROPS,
+  });
+  await ui.press({ key: "Reload" });
+  await ui.press({ key: "run:w1" });
+  expect(await ui.find({ type: "Text", text: /did not open/ })).toBeDefined();
+  expect((await ui.find({ type: "Link" }))?.props.href).toBe(`${BASE}/w/t-w1`);
+  await ui.unmount();
+});
+
+test("says why when the runtime cannot be reached", async ($, on) => {
+  on("mcp.call", { server: "engenty-wizards" }, () => ({ deny: "ECONNREFUSED" }));
+  const ui = await $.ui.mount({
+    plugin: "wizards",
+    surface: "terminal",
+    component: "Pane",
+    requestId: "wizards",
+    props: PANE_PROPS,
+  });
+  await ui.press({ key: "Reload" });
+  expect(await ui.find({ type: "Text", text: /ECONNREFUSED/ })).toBeDefined();
+  await ui.unmount();
+});

package/plugin/hooks/register.tsx

@@ -0,0 +1,396 @@
+import type { EngineInterface, Register, RenderSurface } from "claude-code";
+import { atom, read, update } from "claude-code";
+
+import type { RunView, WizardDetails, WizardRow } from "../types";
+import { engentyColor, engentySvg } from "./engenty";
+
+const PANE = "wizards";
+
+const wizards = atom({ plugin: "wizards", key: "wizards" } as const, []);
+const details = atom({ plugin: "wizards", key: "details" } as const, {}, { shape: "v2" });
+const message = atom({ plugin: "wizards", key: "message" } as const, null);
+const shown = atom({ plugin: "wizards", key: "shown" } as const, null);
+const runtime = atom({ plugin: "wizards", key: "runtime" } as const, null);
+const fallback = atom({ plugin: "wizards", key: "fallback" } as const, null);
+
+/** The runtime's MCP tools whose answer is a run report: a run the model drives. */
+const RUN_TOOLS = new Set([
+  "run_wizard",
+  "get_run",
+  "answer_page",
+  "answer_ask",
+  "review_step",
+  "control_run",
+]);
+
+type Called = { ok: true; body: unknown } | { ok: false; error: string };
+
+/** What the hooks need beyond `$`: the two MCP servers the pane talks to. */
+type Servers = { server: string; browser: string };
+
+/** This plugin's name in its manifest: a server bundled with it is listed under it. */
+const PLUGIN = "wizards";
+
+/** A server's spelling inside a tool name: anything but letters, digits, `_` and `-` becomes `_`. */
+const slug = (name: string) => name.replace(/[^A-Za-z0-9_-]/g, "_");
+
+/** The tool-name prefixes under which the runtime's tools may appear. */
+const prefixesOf = (server: string) => [
+  `mcp__${slug(server)}__`,
+  `mcp__plugin_${PLUGIN}_${slug(server)}__`,
+];
+
+const isRecord = (v: unknown): v is Record<string, unknown> =>
+  typeof v === "object" && v !== null && !Array.isArray(v);
+
+const parse = (text: string): unknown => {
+  try {
+    return JSON.parse(text);
+  } catch {
+    return text;
+  }
+};
+
+/** The text of a tool result, whatever shape the engine hands it in. */
+const textOf = (result: unknown): string | undefined => {
+  if (typeof result === "string") return result;
+  const blocks = Array.isArray(result)
+    ? result
+    : isRecord(result) && Array.isArray(result.content)
+      ? result.content
+      : [];
+  const block = blocks.find((b) => isRecord(b) && b.type === "text" && typeof b.text === "string");
+  return isRecord(block) ? String(block.text) : undefined;
+};
+
+const isReport = (v: unknown): v is RunView =>
+  isRecord(v) && typeof v.runId === "string" && typeof v.status === "string";
+
+const isOver = (r: RunView) =>
+  r.status === "done" || r.status === "failed" || r.status === "cancelled";
+
+const originOf = (url: string | null | undefined): string | undefined => {
+  if (!url) return undefined;
+  try {
+    return new URL(url).origin;
+  } catch {
+    return undefined;
+  }
+};
+
+/** What get_wizard answers, kept to what the pane draws. */
+const detailsOf = (body: unknown): WizardDetails | undefined => {
+  if (!isRecord(body) || !isRecord(body.draft)) return undefined;
+  const d = body.draft;
+  const steps = Array.isArray(d.steps) ? d.steps.filter(isRecord) : [];
+  const shareUrl =
+    typeof body.shareUrl === "string" && body.shareEnabled !== false ? body.shareUrl : undefined;
+  return {
+    title: typeof d.title === "string" && d.title ? d.title : String(body.wizardId ?? ""),
+    ...(typeof d.description === "string" && d.description ? { description: d.description } : {}),
+    ...(typeof d.avatar === "string" ? { avatar: d.avatar } : {}),
+    ...(shareUrl ? { shareUrl } : {}),
+    steps: steps.map((s) => ({
+      id: String(s.id),
+      type: typeof s.type === "string" ? s.type : "step",
+      title: typeof s.title === "string" && s.title ? s.title : String(s.id),
+    })),
+  };
+};
+
+async function call(
+  $: EngineInterface,
+  server: string,
+  tool: string,
+  args: Record<string, unknown>,
+  isRetry = false,
+): Promise<Called> {
+  try {
+    const result = await $.mcp.call(server, tool, args);
+    const text = result.content.find((b) => b.type === "text")?.text ?? "";
+    const body = parse(text);
+    if (result.isError) {
+      const reason = isRecord(body) && typeof body.message === "string" ? body.message : text;
+      return { ok: false, error: reason || `${tool} failed.` };
+    }
+    return { ok: true, body };
+  } catch (err) {
+    const error = err instanceof Error ? err.message : String(err);
+    // The auto-mode classifier's "no verdict" asks for one more try, as-is.
+    if (!isRetry && /no verdict/i.test(error)) return call($, server, tool, args, true);
+    return { ok: false, error };
+  }
+}
+
+function say($: EngineInterface, text: string | null) {
+  return update($, message, () => text);
+}
+
+/** Opens a page in the app's browser pane, beside the transcript; refused, offers a link. */
+async function show($: EngineInterface, browser: string, url: string) {
+  const got = await call($, browser, "navigate", { url });
+  if (got.ok) {
+    await update($, fallback, () => null);
+    await say($, null);
+    return true;
+  }
+  await update($, fallback, () => url);
+  await say($, `The browser pane did not open it: ${got.error}`);
+  return false;
+}
+
+/** The run's own page, the wizard as it greets a person; a test run has the studio instead. */
+async function showRun($: EngineInterface, browser: string, current: RunView) {
+  const url = current.browserUrl ?? current.studioUrl;
+  if (!url) {
+    await say($, "This run has no page of its own.");
+    return false;
+  }
+  await update($, shown, () => current.runId);
+  return show($, browser, url);
+}
+
+/** A wizard's name, engenty, steps and page, fetched once per wizard. */
+async function ensureDetails($: EngineInterface, server: string, wizardId: string) {
+  const known = await read($, details);
+  if (known[wizardId]) return;
+  const got = await call($, server, "get_wizard", { wizardId });
+  if (!got.ok) {
+    await say($, `The wizard's details did not load: ${got.error}`);
+    return;
+  }
+  const found = detailsOf(got.body);
+  if (found) await update($, details, (d) => ({ ...d, [wizardId]: found }));
+}
+
+/** The list, then each wizard's details, so every row has its engenty and page. */
+async function loadWizards($: EngineInterface, server: string) {
+  const got = await call($, server, "list_wizards", {});
+  if (!got.ok) {
+    await say($, got.error);
+    return false;
+  }
+  const rows: WizardRow[] = (Array.isArray(got.body) ? got.body : []).filter(isRecord).map((w) => ({
+    id: String(w.id),
+    title: typeof w.title === "string" && w.title ? w.title : String(w.id),
+    published: Boolean(w.published),
+    ...(typeof w.studioUrl === "string" ? { studioUrl: w.studioUrl } : {}),
+  }));
+  await update($, wizards, () => rows);
+  await say($, null);
+  const origin = originOf(rows.find((r) => r.studioUrl)?.studioUrl);
+  if (origin) await update($, runtime, () => origin);
+  for (const row of rows) await ensureDetails($, server, row.id);
+  return true;
+}
+
+/** Runs a wizard: its own page where it has one, else a run started here and its page. */
+async function runWizard($: EngineInterface, at: Servers, wizard: WizardRow) {
+  if (!wizard.published) {
+    await say($, `"${wizard.title}" is not published yet.`);
+    return false;
+  }
+  const page = (await read($, details))[wizard.id]?.shareUrl;
+  if (page) return show($, at.browser, page);
+  const got = await call($, at.server, "run_wizard", { wizardId: wizard.id, answers: {} });
+  if (!got.ok) {
+    await say($, got.error);
+    return false;
+  }
+  if (!isReport(got.body)) return false;
+  return showRun($, at.browser, got.body);
+}
+
+/**
+ * Puts a change request for the wizard into the chat, for the person to finish; where no box
+ * takes it, the sentence goes to the clipboard instead.
+ */
+async function askForChanges($: EngineInterface, title: string, surface?: RenderSurface) {
+  const text = `For my engenty wizard "${title}" I need the following changes: `;
+  const filled = await $.prompt.fill({ text, mode: "replace" });
+  if (filled.isFilled) {
+    await say($, null);
+    return;
+  }
+  const copied = await $.ui.copy({ text, ...(surface ? { surface } : {}) });
+  const why =
+    filled.refusal === "dialog" ? "a dialog holds the keys" : "this surface has no prompt box";
+  await say(
+    $,
+    copied.isCopied
+      ? `The chat box did not take the text (${why}). It is on your clipboard: paste it into the chat.`
+      : `The chat box did not take the text (${why}), and the clipboard is not reachable either.`,
+  );
+}
+
+function openPane($: EngineInterface, focus?: true) {
+  return $.ui.open({ id: PANE, title: "engenty.wizards", ...(focus ? { focus } : {}) });
+}
+
+export const register: Register = (on, options) => {
+  const at: Servers = {
+    server:
+      typeof options.server === "string" && options.server ? options.server : "engenty-wizards",
+    browser:
+      typeof options.browser === "string" && options.browser ? options.browser : "Claude_Browser",
+  };
+  let prefixes = prefixesOf(at.server);
+
+  on("session.start", async ($, e, next) => {
+    // The plugin's own server (plugin/.mcp.json) answers under the name the engine gave it;
+    // a server configured elsewhere under the same name keeps it.
+    const own = await $.mcp.connect(at.server);
+    if (own.isConnected) {
+      at.server = own.server;
+      prefixes = prefixesOf(own.server);
+    }
+    await $.command.register({
+      name: "wizards",
+      description: "The engenty.wizards list in a pane; each runs beside the chat",
+      argumentHint: "[run <wizard> | reload | close]",
+    });
+    await say($, null);
+    // The list is a sidebar: it opens by itself where someone can see it.
+    if (e.isInteractive) await openPane($);
+    if ((await read($, wizards)).length === 0) await loadWizards($, at.server);
+    return next(e);
+  });
+
+  on("command.run", { command: "wizards" }, async ($, e) => {
+    const [verb = "", ...rest] = e.args.trim().split(/\s+/).filter(Boolean);
+    if (verb === "close") {
+      await $.ui.close({ id: PANE });
+      return { text: "Wizards pane closed." };
+    }
+    const opened = await openPane($, true);
+    const where = opened.isPlaced ? "" : ` It waits undrawn: ${opened.reason}`;
+    if (verb === "run" && rest.length) {
+      if (!(await loadWizards($, at.server))) return { text: `Wizards: ${await read($, message)}` };
+      const want = rest.join(" ").toLowerCase();
+      const list = await read($, wizards);
+      const found =
+        list.find((w) => w.id === want) ??
+        list.find((w) => w.title.toLowerCase() === want) ??
+        list.find((w) => w.title.toLowerCase().includes(want));
+      if (!found) return { text: `No wizard "${rest.join(" ")}".` };
+      const ran = await runWizard($, at, found);
+      return {
+        text: ran
+          ? `"${found.title}" is open beside the chat.${where}`
+          : `Wizards: ${await read($, message)}`,
+      };
+    }
+    if (verb === "reload" || (await read($, wizards)).length === 0) await loadWizards($, at.server);
+    return { text: `Wizards pane opened.${where}` };
+  });
+
+  // A run the model drives through the runtime's MCP tools opens beside the chat once it
+  // waits for the person, one time per run.
+  on("tool.call", async ($, e, next) => {
+    const ran = await next(e);
+    const prefix = prefixes.find((p) => e.tool.startsWith(p));
+    if (!prefix || ran.deny !== undefined || ran.result === undefined) return ran;
+    if (!RUN_TOOLS.has(e.tool.slice(prefix.length))) return ran;
+    const text = textOf(ran.result);
+    if (text === undefined) return ran;
+    const report = parse(text);
+    if (!isReport(report) || isOver(report) || !report.waitingFor) return ran;
+    if ((await read($, shown)) === report.runId) return ran;
+    const origin = originOf(report.browserUrl);
+    if (origin) await update($, runtime, () => origin);
+    await showRun($, at.browser, report);
+    return ran;
+  }).catch((_, e, next) => next(e));
+
+  on("ui.render", { component: "Pane", requestId: PANE }, async ($, e) => {
+    const table = $.ui.resolve(e);
+    const { Box, Text, Button, Link } = table;
+    const Svg = "Svg" in table ? table.Svg : undefined;
+    const width = e.props.bodyColumns;
+    const [list, known, note, origin, link] = await Promise.all([
+      read($, wizards),
+      read($, details),
+      read($, message),
+      read($, runtime),
+      read($, fallback),
+    ]);
+
+    /** The engenty of a wizard, as the studio draws it; a glyph where no surface draws SVG. */
+    const mascot = (kind: string | undefined, size: number) =>
+      Svg ? (
+        <Svg source={engentySvg(kind, size)} alt="engenty" width={size} height={size} />
+      ) : (
+        <Text color={engentyColor(kind)}>◉</Text>
+      );
+
+    /** One wizard: its engenty, name and description; Run opens its page, Edit asks the chat. */
+    const row = (w: WizardRow, i: number) => {
+      const about = known[w.id];
+      const title = about?.title ?? w.title;
+      return (
+        <Box key={`w:${w.id}`} gap={1} alignItems="center">
+          {mascot(about?.avatar, 36)}
+          <Box flexDirection="column" flexGrow={1}>
+            <Text bold={w.published} dimColor={!w.published}>
+              {title}
+              {w.published ? "" : " · draft"}
+            </Text>
+            {about?.description && (
+              <Text dimColor wrap="truncate">
+                {about.description}
+              </Text>
+            )}
+          </Box>
+          {w.published && (
+            <Button
+              key={`run:${w.id}`}
+              variant="primary"
+              {...(i < 9 ? { hotkey: String(i + 1) } : {})}
+              onPress={() => runWizard($, at, w)}
+            >
+              Run
+            </Button>
+          )}
+          <Button
+            key={`edit:${w.id}`}
+            plain
+            dimColor
+            onPress={(press) => askForChanges($, title, press.surface)}
+          >
+            Edit
+          </Button>
+        </Box>
+      );
+    };
+
+    return (
+      <Box flexDirection="column" width={width} gap={1}>
+        {note && <Text color="error">{note}</Text>}
+        {link && <Link href={link} label="Open it in your browser instead" />}
+        {list.length === 0 ? (
+          <Text dimColor>No wizards yet. Press Reload, or start the wizards runtime first.</Text>
+        ) : (
+          <Box flexDirection="column" gap={1}>
+            {list.map(row)}
+          </Box>
+        )}
+        <Box gap={1} alignItems="center">
+          {origin && <Text dimColor>{origin.replace(/^https?:\/\//, "")}</Text>}
+          {origin && (
+            <Button
+              plain
+              dimColor
+              hotkey="o"
+              onPress={() => show($, at.browser, `${origin}/studio`)}
+            >
+              Studio
+            </Button>
+          )}
+          <Button plain dimColor hotkey="l" onPress={() => loadWizards($, at.server)}>
+            Reload
+          </Button>
+        </Box>
+      </Box>
+    );
+  });
+};

package/plugin/types/index.d.ts

@@ -0,0 +1,44 @@
+export type WizardRow = {
+  id: string;
+  title: string;
+  published: boolean;
+  studioUrl?: string;
+};
+
+/** What the pane keeps of a wizard: its name, its engenty, its steps, its own page. */
+export type WizardDetails = {
+  title: string;
+  description?: string;
+  avatar?: string;
+  steps: { id: string; type: string; title: string }[];
+  /** The wizard's page behind its share link, where a person runs it. */
+  shareUrl?: string;
+};
+
+/** The run report the runtime's MCP tools answer (runReport in apps/runtime/src/services/runs.ts). */
+export type RunView = {
+  runId: string;
+  wizardId: string;
+  mode: string;
+  status: string;
+  waitingFor?: unknown;
+  browserUrl: string | null;
+  studioUrl?: string;
+};
+
+declare module "claude-code" {
+  interface PluginState {
+    wizards: {
+      wizards: WizardRow[];
+      /** Kept under a shape tag: a newer module reading another tag starts afresh. */
+      details: { shape: string; value: Record<string, WizardDetails> };
+      message: string | null;
+      /** The run whose page the browser pane was opened at, so a polled run opens once. */
+      shown: string | null;
+      /** The runtime's origin, read off its links: where the pane is connected. */
+      runtime: string | null;
+      /** A page the browser pane refused to open, offered as a plain link instead. */
+      fallback: string | null;
+    };
+  }
+}

package/apps/web/dist/assets/AboutDialog-ByZyHXDj.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$t as r,Ft as i,It as a,Kt as o,Nt as s,Pt as c,Vn as l,Vt as u,Wt as d,_r as f,dr as p}from"./ui-DQ4L2npj.js";import{t as m}from"./preload-helper-CNEI7N0N.js";import{Nt as h,nt as g,rt as _,tt as v}from"./index-DlDsr9Lc.js";import{c as y,f as b}from"./settings-menu-DXzZCIMx.js";import{ReleaseNotes as x,loadReleases as S,releaseDate as C,releaseLabel as w}from"./ChangelogDialog-QHYP0jAv.js";var T=e(t(),1),E=[{name:`engenty wizards`,description:`credit.engenty-wizards`,homepage:`https://github.com/engenty/wizards`,license:`FSL-1.1-MIT`},{name:`engenty`,description:`credit.engenty`,homepage:`https://github.com/engenty/engenty`,license:`FSL-1.1-MIT`}],D=[{name:`Mastra`,description:`credit.mastra`,homepage:`https://github.com/mastra-ai/mastra`,license:`Apache-2.0`},{name:`AI SDK`,description:`credit.ai-sdk`,homepage:`https://github.com/vercel/ai`,license:`Apache-2.0`},{name:`Model Context Protocol`,description:`credit.model-context-protocol`,homepage:`https://github.com/modelcontextprotocol/typescript-sdk`,license:`MIT`},{name:`Hono`,description:`credit.hono`,homepage:`https://github.com/honojs/hono`,license:`MIT`},{name:`Drizzle ORM`,description:`credit.drizzle-orm`,homepage:`https://github.com/drizzle-team/drizzle-orm`,license:`Apache-2.0`},{name:`libSQL`,description:`credit.libsql`,homepage:`https://github.com/tursodatabase/libsql`,license:`MIT`},{name:`Playwright`,description:`credit.playwright`,homepage:`https://github.com/microsoft/playwright`,license:`Apache-2.0`},{name:`React`,description:`credit.react`,homepage:`https://github.com/facebook/react`,license:`MIT`},{name:`Vite`,description:`credit.vite`,homepage:`https://github.com/vitejs/vite`,license:`MIT`},{name:`Tailwind CSS`,description:`credit.tailwind-css`,homepage:`https://github.com/tailwindlabs/tailwindcss`,license:`MIT`},{name:`React Flow`,description:`credit.react-flow`,homepage:`https://github.com/xyflow/xyflow`,license:`MIT`},{name:`TanStack Query`,description:`credit.tanstack-query`,homepage:`https://github.com/TanStack/query`,license:`MIT`},{name:`xterm.js`,description:`credit.xterm-js`,homepage:`https://github.com/xtermjs/xterm.js`,license:`MIT`},{name:`Lucide`,description:`credit.lucide`,homepage:`https://github.com/lucide-icons/lucide`,license:`ISC`},{name:`Geist & Geist Mono`,description:`credit.geist-geist-mono`,homepage:`https://github.com/vercel/geist-font`,license:`OFL-1.1`},{name:`Space Grotesk`,description:`credit.space-grotesk`,homepage:`https://github.com/floriankarsten/space-grotesk`,license:`OFL-1.1`},{name:`git-cliff`,description:`credit.git-cliff`,homepage:`https://github.com/orhun/git-cliff`,license:`MIT OR Apache-2.0`}],O=e(n(),1),k=(e,...t)=>t.some(t=>t?.toLowerCase().includes(e));function A({name:e,homepage:t,version:n,license:r,description:i}){return(0,O.jsxs)(`li`,{className:`py-2.5`,children:[(0,O.jsxs)(`div`,{className:`flex flex-wrap items-baseline gap-x-2.5 gap-y-0.5`,children:[t?(0,O.jsxs)(`a`,{href:t,target:`_blank`,rel:`noreferrer`,className:`inline-flex items-center gap-1 font-medium text-[0.875rem] text-ink underline-offset-4 hover:underline`,children:[e,(0,O.jsx)(p,{"aria-hidden":!0,className:`size-3 text-ink-4`})]}):(0,O.jsx)(`span`,{className:`font-medium text-[0.875rem] text-ink`,children:e}),n?(0,O.jsx)(`span`,{className:`text-[0.75rem] text-ink-3 tabular-nums`,children:n}):null,(0,O.jsx)(`span`,{className:`text-[0.75rem] text-ink-3`,children:r})]}),i?(0,O.jsx)(`p`,{className:`mt-0.5 text-[0.8125rem] text-ink-3`,children:i}):null]})}function j({title:e,hint:t,children:n}){return(0,O.jsxs)(`section`,{className:`mt-6`,children:[(0,O.jsx)(`h3`,{className:`border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:e}),t?(0,O.jsx)(`p`,{className:`mt-2 text-[0.8125rem] text-ink-3`,children:t}):null,n]})}function M({credits:e}){return(0,O.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:e.map(e=>(0,O.jsx)(A,{name:e.name,homepage:e.homepage,license:e.license,description:r(e.description)},e.name))})}function N({label:e,packages:t}){return(0,O.jsxs)(`div`,{className:`mt-4`,children:[(0,O.jsx)(`h4`,{className:`font-medium text-[0.75rem] text-ink-3 tracking-wide`,children:e}),(0,O.jsx)(`ul`,{className:`divide-y divide-border-soft`,children:t.map(e=>(0,O.jsx)(A,{...e},e.name))})]})}function P({active:e}){let[t,n]=(0,T.useState)(null),[i,o]=(0,T.useState)(``);(0,T.useEffect)(()=>{if(!e||t)return;let r=!1;return m(()=>import(`./oss-credits-X2JPiMOR.js`).then(e=>{r||n(e.default)}),[]),()=>{r=!0}},[e,t]),(0,T.useEffect)(()=>{e||o(``)},[e]);let s=i.trim().toLowerCase(),l=e=>s?e.filter(e=>k(s,e.name,e.license,r(e.description))):e,d=e=>s?e.filter(e=>k(s,e.name,e.license,e.version)):e,f=l(E),p=l(D),h=t?[{id:`shared`,label:r(`about.creditsShared`),packages:d(t.shared)},...t.groups.map(e=>({id:e.id,label:e.label,packages:d(e.packages)}))].filter(e=>e.packages.length>0):[],g=f.length===0&&p.length===0&&h.length===0;return(0,O.jsxs)(O.Fragment,{children:[(0,O.jsx)(`p`,{className:`mb-4 text-[0.875rem] text-ink-3`,children:r(`about.creditsHint`)}),(0,O.jsx)(a,{type:`search`,value:i,placeholder:r(`about.search`),onChange:e=>o(e.target.value)}),f.length>0?(0,O.jsx)(j,{title:r(`about.creditsProduct`),children:(0,O.jsx)(M,{credits:f})}):null,p.length>0?(0,O.jsx)(j,{title:r(`about.creditsBuiltWith`),children:(0,O.jsx)(M,{credits:p})}):null,t===null?(0,O.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,O.jsx)(u,{})}):h.length>0?(0,O.jsx)(j,{title:r(`about.creditsDeps`),hint:s?void 0:r(`about.creditsDepsHint`),children:h.map(e=>(0,O.jsx)(N,{label:e.label,packages:e.packages},e.id))}):null,t!==null&&g?(0,O.jsx)(c,{children:r(`about.noMatches`)}):null]})}var F=[`new`,`earlier`,`credits`],I=e=>r(e===`new`?`about.tab.new`:e===`earlier`?`about.tab.earlier`:`about.credits`),L=e=>e===1?r(`about.change`):r(`about.changes`,{n:e});function R({open:e,onClose:t,me:n}){let a=n?.mode===`local`,{data:c,latest:p}=_(a&&e),[m,E]=(0,T.useState)(null),[D,k]=(0,T.useState)(`new`),A=b(F.indexOf(D)),j=c?.newer&&p?p:g;(0,T.useEffect)(()=>{if(!e)return;let t=!1;return E(null),S(j===`0.7.8`?void 0:j).then(e=>{t||E(e)}),()=>{t=!0}},[e,j]);let M=m?.find(e=>e.version===`v${j}`)??m?.[0]??null,N=m?.filter(e=>e!==M)??[],R=a?c?.kind??null:`cloud`;return(0,O.jsxs)(s,{open:e,onClose:t,wide:!0,height:`tall`,children:[(0,O.jsx)(`div`,{className:`-mt-2 -mr-2 sticky top-0 z-10 flex h-0 justify-end`,children:(0,O.jsx)(i,{label:r(`common.close`),onClick:t,children:(0,O.jsx)(l,{className:`size-4`})})}),(0,O.jsxs)(`div`,{className:`flex flex-col items-center pt-4 text-center`,children:[(0,O.jsx)(h,{size:96}),(0,O.jsxs)(`div`,{className:`mt-4 font-display font-semibold text-[1.5rem] tracking-tight`,children:[`engenty`,(0,O.jsx)(`span`,{className:`text-ember`,children:`.`}),(0,O.jsx)(`span`,{className:`ml-1.5 font-normal text-ink-3`,children:`wizards`})]}),(0,O.jsxs)(`div`,{className:`mt-1 text-[0.9375rem] text-ink-3 tabular-nums`,children:[r(`about.version`,{v:g}),R?` · ${r(`about.kind.${R}`)}`:``]})]}),a?(0,O.jsx)(`div`,{className:`mt-5`,children:(0,O.jsx)(v,{enabled:e})}):null,(0,O.jsx)(`div`,{className:`mt-6 flex justify-center`,children:(0,O.jsx)(d,{value:D,onChange:k,options:F.map(e=>({id:e,label:I(e)})),label:r(`about.title`)})}),(0,O.jsxs)(`div`,{className:o(`mt-5`,y(A)),children:[D===`new`?m===null?(0,O.jsx)(`div`,{className:`flex justify-center py-6 text-ink-3`,children:(0,O.jsx)(u,{})}):M?(0,O.jsxs)(O.Fragment,{children:[(0,O.jsxs)(`h3`,{className:`flex items-baseline gap-3 border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:[w(M),(0,O.jsx)(`span`,{className:`font-normal font-sans text-[0.8125rem] text-ink-3 tabular-nums`,children:C(M)})]}),(0,O.jsx)(`div`,{className:`mt-3`,children:(0,O.jsx)(x,{release:M})})]}):(0,O.jsx)(`p`,{className:`text-[0.875rem] text-ink-3`,children:r(`about.changelogEmpty`)}):null,D===`earlier`?(0,O.jsx)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:N.map(e=>(0,O.jsxs)(`details`,{className:`group/r py-2`,children:[(0,O.jsxs)(`summary`,{className:`flex cursor-pointer list-none items-baseline gap-3 text-[0.875rem] [&::-webkit-details-marker]:hidden`,children:[(0,O.jsx)(f,{className:`size-3.5 shrink-0 self-center text-ink-4 transition group-open/r:rotate-90`}),(0,O.jsx)(`span`,{className:`font-medium text-ink tabular-nums`,children:w(e)}),(0,O.jsx)(`span`,{className:`text-[0.8125rem] text-ink-3 tabular-nums`,children:C(e)}),(0,O.jsx)(`span`,{className:`ml-auto text-[0.8125rem] text-ink-4`,children:L(e.commits.length)})]}),(0,O.jsx)(`div`,{className:`mt-2 pl-6`,children:(0,O.jsx)(x,{release:e})})]},e.version??`unreleased`))}):null,D===`credits`?(0,O.jsx)(P,{active:!0}):null]},D)]})}export{R as AboutDialog};

package/apps/web/dist/assets/ChangelogDialog-QHYP0jAv.js

@@ -1 +0,0 @@
-import{r as e}from"./rolldown-runtime-hePW80VL.js";import{n as t,t as n}from"./jsx-runtime-BNakU3Ej.js";import{$t as r,It as i,Kt as a,Nt as o,Pt as s,Vt as c}from"./ui-DQ4L2npj.js";import{t as l}from"./preload-helper-CNEI7N0N.js";var u=e(t(),1),d=e(n(),1);function f(e){switch(e.group){case`Added`:return{label:`NEW`,dot:`bg-moss`};case`Fixed`:return{label:`FIXED`,dot:`bg-amber`};case`Changed`:return{label:`CHANGED`,dot:`bg-cobalt`};case`Performance`:return{label:`PERFORMANCE`,dot:`bg-ember`};case`Deploy`:return{label:`DEPLOY`,dot:`bg-ink-4`};case`Docs`:return{label:`DOCS`,dot:`bg-ink-4`};default:return{label:`OTHER`,dot:`bg-ink-4`}}}var p=e=>e.version?e.version.replace(/^v/,``):r(`about.unreleased`),m=e=>e.timestamp?new Date(e.timestamp*1e3).toISOString().slice(0,10):``,h=e=>e.charAt(0).toUpperCase()+e.slice(1);function g(e,t){let n=t.trim().toLowerCase();if(!n)return e;let r=[];for(let t of e){if(`${p(t)} ${m(t)}`.toLowerCase().includes(n)){r.push(t);continue}let e=t.commits.filter(e=>`${f(e).label} ${e.scope??``} ${e.message}`.toLowerCase().includes(n));e.length>0&&r.push({...t,commits:e})}return r}async function _(e){if(e)try{let t=await fetch(`https://raw.githubusercontent.com/engenty/engenty-wizards/v${e}/apps/web/src/about/changelog.json`,{signal:AbortSignal.timeout(5e3)});if(t.ok)return await t.json()}catch{}return(await l(async()=>{let{default:e}=await import(`./changelog-CO9vKjV0.js`);return{default:e}},[])).default}function v({release:e}){return(0,d.jsx)(`ul`,{className:`flex flex-col gap-2`,children:e.commits.map(e=>{let t=f(e);return(0,d.jsxs)(`li`,{className:`flex items-start gap-2.5 text-[0.875rem]`,children:[(0,d.jsx)(`span`,{className:a(`mt-[7px] size-1.5 shrink-0 rounded-full`,t.dot)}),(0,d.jsxs)(`span`,{className:`min-w-0 text-ink-2`,children:[(0,d.jsxs)(`span`,{className:`font-semibold text-[0.75rem] text-ink tracking-wide`,children:[t.label,e.scope?` [${e.scope}]`:``]}),` `,h(e.message),e.breaking?(0,d.jsx)(`span`,{className:`ml-1.5 rounded-full bg-rose-tint px-1.5 py-0.5 font-medium text-[0.75rem] text-rose`,children:r(`about.breaking`)}):null]})]},e.id)})})}function y({open:e,onClose:t,version:n}){let[a,l]=(0,u.useState)(null),[f,h]=(0,u.useState)(``);(0,u.useEffect)(()=>{if(!e||a)return;let t=!1;return _(n).then(e=>{t||l(e)}),()=>{t=!0}},[e,a,n]),(0,u.useEffect)(()=>{e||h(``)},[e]);let y=a?g(a,f):[];return(0,d.jsxs)(o,{open:e,onClose:t,title:r(`about.changelog`),wide:!0,height:`tall`,children:[(0,d.jsx)(`p`,{className:`-mt-3 mb-4 text-[0.875rem] text-ink-3`,children:r(`about.changelogHint`)}),a===null?(0,d.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,d.jsx)(c,{})}):a.length===0?(0,d.jsx)(s,{children:r(`about.changelogEmpty`)}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(i,{type:`search`,value:f,placeholder:r(`about.search`),onChange:e=>h(e.target.value)}),y.length===0?(0,d.jsx)(s,{children:r(`about.noMatches`)}):null,y.map(e=>(0,d.jsxs)(`section`,{className:`mt-6`,children:[(0,d.jsxs)(`h3`,{className:`flex items-baseline gap-3 border-border-soft border-b pb-2 font-display font-semibold text-[1rem]`,children:[p(e),(0,d.jsx)(`span`,{className:`font-normal font-sans text-[0.8125rem] text-ink-3 tabular-nums`,children:m(e)})]}),(0,d.jsx)(`div`,{className:`mt-3`,children:(0,d.jsx)(v,{release:e})})]},e.version??`unreleased`))]})]})}export{y as ChangelogDialog,v as ReleaseNotes,_ as loadReleases,m as releaseDate,p as releaseLabel};