wizards 0.2.0 → 0.2.1

package/apps/runtime/dist/mcp/tools.js

@@ -8,9 +8,10 @@ import { ServiceError } from "../services/errors.js";
 import { deleteFile, listFiles, readFileText, writeFile } from "../services/files.js";
 import { marketplaceWizard, searchMarketplace } from "../services/marketplace.js";
 import { defaultProject, listProjects, ownedProject } from "../services/projects.js";
-import { startTestRun, testRunReport } from "../services/runs.js";
+import { answerRunAsk, answerRunPage, controlRun, reviewRun, runReport, startRun, startTestRun, testRunReport, } from "../services/runs.js";
 import { checkDraftWidget } from "../services/widgets.js";
 import { createWizard, editWizard, listWizards, ownedWizard, parseDraft, publishWizard, shareUrl, studioUrl, updateWizardSettings, wizardState, writeDraft, } from "../services/wizards.js";
+import { FLOW_VIEW_KEY, flowAppMeta, flowView } from "./flow-app.js";
 const definition = z
     .record(z.string(), z.unknown())
     .describe("The complete wizard JSON as described by get_authoring_guide.");
@@ -68,6 +69,31 @@ export function registerTools(server, who) {
             }
         }));
     };
+    /** A tool whose result also opens the flow widget, in hosts that render MCP Apps. */
+    const appTool = (name, scope, config, run) => {
+        if (!who.scopes.includes(scope)) {
+            return;
+        }
+        server.registerTool(name, {
+            title: config.title,
+            description: config.description,
+            inputSchema: config.input,
+            annotations: { readOnlyHint: config.readOnly ?? false, openWorldHint: false },
+            _meta: flowAppMeta,
+        }, (async (args) => {
+            try {
+                const { result, view } = await run(args);
+                return {
+                    ...ok(result),
+                    structuredContent: result,
+                    _meta: { [FLOW_VIEW_KEY]: view },
+                };
+            }
+            catch (err) {
+                return failure(err);
+            }
+        }));
+    };
     // --- read ------------------------------------------------------------------
     tool("get_authoring_guide", "wizards:read", {
         title: "Authoring guide",
@@ -275,9 +301,9 @@ Returns the new revision and the issues.`,
         };
     });
     // --- test runs ---------------------------------------------------------------
-    tool("start_test_run", "runs:test", {
+    appTool("start_test_run", "runs:test", {
         title: "Start test run",
-        description: "Run the draft once with your answers. SPENDS THE ADMIN'S CREDITS (short copy + image ~15, research ~150, video ~250). Pages are filled from `answers`, reviews accepted when acceptReviews is true. Follow it with get_test_run.",
+        description: "Run the draft once with your answers. SPENDS THE ADMIN'S CREDITS (short copy + image ~15, research ~150, video ~250). Pages are filled from `answers`, reviews accepted when acceptReviews is true. Follow it with get_test_run. Shows the flow with the run on it.",
         input: z.object({
             wizardId: z.string(),
             answers: z
@@ -286,7 +312,14 @@ Returns the new revision and the issues.`,
                 .describe("Field id → value, for every page (field ids are unique in a wizard). Items fields take an array of row objects."),
             acceptReviews: z.boolean().default(true),
         }),
-    }, async ({ wizardId, answers, acceptReviews }) => startTestRun(who.userId, wizardId, { answers, acceptReviews }));
+    }, async ({ wizardId, answers, acceptReviews }) => {
+        const { runId } = await startTestRun(who.userId, wizardId, { answers, acceptReviews });
+        const report = await runReport(who.userId, runId, 2, "test");
+        return {
+            result: report,
+            view: await flowView(who.userId, wizardId, { shows: "draft", run: report }),
+        };
+    });
     tool("get_test_run", "runs:test", {
         title: "Get test run",
         description: "Status, recent events, outputs (text clipped) with signed download links valid one hour, credits spent, and what the run waits for.",
@@ -302,6 +335,125 @@ Returns the new revision and the issues.`,
         }),
         readOnly: true,
     }, async ({ runId, waitSeconds }) => testRunReport(who.userId, runId, waitSeconds));
+    // --- using wizards: the flow, and runs of the published version -------------
+    appTool("show_wizard", "wizards:read", {
+        title: "Show wizard",
+        description: "Show a wizard as its flow diagram: its pages, AI steps, reviews and branches. The published version when there is one, else the draft. Also returns the steps as text.",
+        input: z.object({
+            wizardId: z.string(),
+            version: z.enum(["published", "draft"]).optional().describe("Default: published, if any."),
+        }),
+        readOnly: true,
+    }, async ({ wizardId, version }) => {
+        const view = await flowView(who.userId, wizardId, { shows: version });
+        return {
+            result: {
+                wizardId,
+                title: view.wizard.title,
+                shows: view.wizard.shows,
+                published: view.wizard.published,
+                steps: view.definition.steps.map((s) => ({
+                    id: s.id,
+                    type: s.type,
+                    title: s.title,
+                    ...(s.type === "page"
+                        ? { fields: s.fields.map((f) => ({ id: f.id, label: f.label, kind: f.kind })) }
+                        : {}),
+                })),
+            },
+            view,
+        };
+    });
+    appTool("run_wizard", "runs:test", {
+        title: "Run wizard",
+        description: `Start a run of a published wizard for the person, here in the chat. Spends credits like any run.
+Start it right away — no show_wizard first: the widget shows the wizard's pages and the person can answer there. What the person already said goes to the first page with answer_page, using the field ids in waitingFor. Then follow waitingFor:
+- page: ask the person for the fields with inChat=true, answer_page; fields with inChat=false (files, recordings, signatures) need the run page at browserUrl
+- review: show the outputs, then review_step
+- ask: answer_ask (allow/skip a change in a connected account) or the run page for a sign-in
+While status is running, get_run with waitSeconds. Hosts with MCP Apps also show the run as a widget the person can answer in.`,
+        input: z.object({
+            wizardId: z.string(),
+            answers: z.record(z.string(), z.unknown()).default({}),
+        }),
+    }, async ({ wizardId, answers }) => {
+        const { runId, refused } = await startRun(who.userId, wizardId, answers);
+        const report = await runReport(who.userId, runId, 2);
+        return {
+            result: { ...report, ...(refused ? { refusedAnswers: refused } : {}) },
+            view: await flowView(who.userId, wizardId, { run: report }),
+        };
+    });
+    const waitSeconds = z
+        .number()
+        .int()
+        .min(0)
+        .max(45)
+        .default(0)
+        .describe("Wait up to this long while the run is still working.");
+    tool("get_run", "runs:test", {
+        title: "Get run",
+        description: "A run's status, what it waits for, its outputs (text clipped) with signed download links valid one hour, and the credits it spent.",
+        input: z.object({ runId: z.string(), waitSeconds }),
+        readOnly: true,
+    }, async ({ runId, waitSeconds }) => runReport(who.userId, runId, waitSeconds));
+    tool("answer_page", "runs:test", {
+        title: "Answer page",
+        description: "Fill the page a run waits for: field id → value (items: an array of row objects; toggle: true/false; multiselect: an array). Returns the run, after waitSeconds.",
+        input: z.object({
+            runId: z.string(),
+            stepId: z.string().describe("waitingFor.page"),
+            values: z.record(z.string(), z.unknown()),
+            waitSeconds,
+        }),
+    }, async ({ runId, stepId, values, waitSeconds }) => {
+        await answerRunPage(who.userId, runId, stepId, values);
+        return runReport(who.userId, runId, waitSeconds);
+    });
+    tool("review_step", "runs:test", {
+        title: "Review step",
+        description: "Answer the review a run waits for: accept (optionally with edited texts, step id → text, when the review is editable) or regenerate one step it shows, with a note what to change.",
+        input: z.object({
+            runId: z.string(),
+            stepId: z.string().describe("waitingFor.review"),
+            action: z.discriminatedUnion("type", [
+                z.object({
+                    type: z.literal("accept"),
+                    edits: z.record(z.string(), z.string()).optional(),
+                }),
+                z.object({
+                    type: z.literal("regenerate"),
+                    target: z.string().describe("One of waitingFor.show."),
+                    note: z.string().max(2000),
+                }),
+            ]),
+            waitSeconds,
+        }),
+    }, async ({ runId, stepId, action, waitSeconds }) => {
+        await reviewRun(who.userId, runId, stepId, action);
+        return runReport(who.userId, runId, waitSeconds);
+    });
+    tool("answer_ask", "runs:test", {
+        title: "Answer ask",
+        description: "A running step asks before it changes something in a connected account (waitingFor.ask, kind confirm): allow it once, or skip it. Ask the person first.",
+        input: z.object({
+            runId: z.string(),
+            askId: z.string(),
+            answer: z.enum(["allow", "skip"]),
+            waitSeconds,
+        }),
+    }, async ({ runId, askId, answer, waitSeconds }) => {
+        await answerRunAsk(who.userId, runId, askId, answer);
+        return runReport(who.userId, runId, waitSeconds);
+    });
+    tool("control_run", "runs:test", {
+        title: "Control run",
+        description: "back: to the previous page or review. retry: a failed step again. cancel: stop the run.",
+        input: z.object({ runId: z.string(), action: z.enum(["back", "retry", "cancel"]) }),
+    }, async ({ runId, action }) => {
+        await controlRun(who.userId, runId, action);
+        return runReport(who.userId, runId);
+    });
     // --- workspace (widget code, libraries, reference data) --------------------
     tool("list_files", "wizards:read", {
         title: "List workspace files",

package/apps/runtime/dist/routes/runs.js

@@ -21,7 +21,7 @@ import { hashIp, verifyTurnstile, wizardUnavailable } from "../limits.js";
 import { ModelUnavailableError } from "../model-errors.js";
 import { listDownload, renderDownload, stepHtml } from "../render/downloads.js";
 import { HTML_RESPONSE_CSP } from "../render/guard.js";
-import { verifySignedUrl } from "../secrets/signing.js";
+import { runTicketValid, verifySignedUrl } from "../secrets/signing.js";
 import { brandView } from "../services/brand.js";
 import { ServiceError } from "../services/errors.js";
 import { sharedRun, shareImage, shareRun, shareView, unshareRun } from "../services/shares.js";
@@ -62,8 +62,9 @@ function visitorId(c, create, embedded = false) {
     return vid;
 }
 /**
- * The run, if the caller may see it: its visitor, the admin who owns the wizard, or — on the
- * read-only file routes — a signed link handed out to the owner's MCP client.
+ * The run, if the caller may see it: its visitor, the admin who owns the wizard, the widget of
+ * the owner's AI app with its run ticket, or — on the read-only file routes — a signed link
+ * handed out to the owner's MCP client.
  */
 async function accessibleRun(c, runId, opts = {}) {
     const run = await db.query.run.findFirst({ where: eq(schema.run.id, runId) });
@@ -73,6 +74,9 @@ async function accessibleRun(c, runId, opts = {}) {
     if (opts.signed && verifySignedUrl(c.req.url)) {
         return run;
     }
+    if (runTicketValid(run.id, c.req.query("rt"))) {
+        return run;
+    }
     const vid = visitorId(c, false);
     if (vid && run.visitorId === vid) {
         return run;

package/apps/runtime/dist/routes/studio.js

@@ -10,6 +10,8 @@ import { runProjectAssistant } from "../agents/project-assistant.js";
 import { chatEngine, setChatEngine, subscriptionClients } from "../agents/subscription.js";
 import { accountOverview, linkedAccount, startLink, unlink } from "../auth/account.js";
 import { createLocalKey, deleteLocalKey, listLocalKeys } from "../auth/keys.js";
+import { appStates, connectApps } from "../cli/connect.js";
+import { layout } from "../cli/home.js";
 import { connectorImportSchema, importConnector, listConnectors, previewSource, refreshConnector, registryService, removeConnector, searchRegistry, } from "../connectors/external.js";
 import { balanceCredits, canSpend } from "../credits/credits.js";
 import { estimateRun } from "../credits/estimate.js";
@@ -19,6 +21,7 @@ import { freshAuth, loginEnv } from "../harness/env.js";
 import { detectHarness, detectHarnesses, HARNESS_IDS, harness, installSpec, } from "../harness/index.js";
 import { closeTerminal, openTerminal, resizeTerminal, subscribeTerminal, writeTerminal, } from "../harness/terminal.js";
 import { managed } from "../manage.js";
+import { seenApps } from "../mcp/seen.js";
 import { transcribeAudio } from "../media/transcribe.js";
 import { embeddingModel, hasTextModel, LOCAL_KEYS, localModelSettings, ModelUnavailableError, saveLocalModels, textModel, } from "../models.js";
 import { HTML_RESPONSE_CSP } from "../render/guard.js";
@@ -530,6 +533,23 @@ export const studio = new Hono()
     await deleteLocalKey(c.req.param("id"));
     return c.json({ ok: true });
 })
+    // The person's AI apps on this machine (Claude Desktop, Cursor, Codex …) and whether they
+    // have this install's MCP server: the same as `wizards connect`.
+    .get("/local/apps", async (c) => (managed ? c.notFound() : c.json(await appStates(layout()))))
+    .post("/local/apps/:id", async (c) => {
+    if (managed) {
+        return c.notFound();
+    }
+    const { connect } = z.object({ connect: z.boolean() }).parse(await c.req.json());
+    const [done] = await connectApps(layout(), [c.req.param("id")], !connect);
+    if (!done) {
+        return c.json({ error: "Unknown app" }, 404);
+    }
+    // Not done is an answer too: the app's file is no plain JSON, here is what to paste.
+    return c.json(done.outcome);
+})
+    // What each AI client did with the MCP server since the start: the test on "Integrate".
+    .get("/integrations/seen", (c) => c.json(seenApps(c.get("user").tenantId)))
     .get("/local/models", (c) => (managed ? c.notFound() : c.json(localModelSettings())))
     .put("/local/models", async (c) => {
     if (managed) {

package/apps/runtime/dist/secrets/signing.js

@@ -21,6 +21,11 @@ export function signedUrl(path, ttlSeconds = 3600) {
     url.searchParams.set("sig", sign(payload(url, exp)));
     return url.toString();
 }
+function sameSignature(data, sig) {
+    const expected = Buffer.from(sign(data));
+    const given = Buffer.from(sig);
+    return expected.length === given.length && timingSafeEqual(expected, given);
+}
 export function verifySignedUrl(href) {
     const url = new URL(href, env.appUrl);
     const exp = url.searchParams.get("exp");
@@ -28,7 +33,20 @@ export function verifySignedUrl(href) {
     if (!exp || !sig || Number(exp) * 1000 < Date.now()) {
         return false;
     }
-    const expected = Buffer.from(sign(payload(url, exp)));
-    const given = Buffer.from(sig);
-    return expected.length === given.length && timingSafeEqual(expected, given);
+    return sameSignature(payload(url, exp), sig);
+}
+/**
+ * A ticket to one run's routes without a session: the widget an AI app shows runs on the host's
+ * origin and reaches the run with it. Sent as `?rt=`, since an EventSource sends no headers.
+ */
+export function runTicket(runId, ttlSeconds = 12 * 3600) {
+    const exp = String(Math.floor(Date.now() / 1000) + ttlSeconds);
+    return `${exp}.${sign(`run:${runId}|${exp}`)}`;
+}
+export function runTicketValid(runId, ticket) {
+    const [exp, sig] = (ticket ?? "").split(".");
+    if (!exp || !sig || Number(exp) * 1000 < Date.now()) {
+        return false;
+    }
+    return sameSignature(`run:${runId}|${exp}`, sig);
 }

package/apps/runtime/dist/services/runs.js

@@ -1,15 +1,15 @@
 import { formatsFor } from "@engenty-wizards/shared/definition";
-import { and, count, desc, eq, inArray } from "drizzle-orm";
+import { and, count, desc, eq, inArray, or } from "drizzle-orm";
 import { canSpend, MICROS_PER_CREDIT } from "../credits/credits.js";
 import { db, schema } from "../db/client.js";
-import { unattended } from "../engine/asks.js";
+import { answerAsk, unattended } from "../engine/asks.js";
 import { emitEvent, recentEvents, subscribe } from "../engine/events.js";
-import { createRun, RunInputError, reviewStep, submitPage } from "../engine/runner.js";
+import { cancel, createRun, goBack, NoCreditsError, RunConflict, RunInputError, retry, reviewStep, submitPage, } from "../engine/runner.js";
 import { ModelUnavailableError } from "../model-errors.js";
 import { signedUrl } from "../secrets/signing.js";
 import { currentTenant } from "../tenants/tenant.js";
 import { notFound, ServiceError } from "./errors.js";
-import { ownedWizard, requireClean, studioUrl } from "./wizards.js";
+import { ownedWizard, requireClean, shareUrl, studioUrl } from "./wizards.js";
 /** Test runs an MCP client started with answers: pages are filled and reviews accepted for it. */
 const autopilots = new Set();
 export async function startTestRun(userId, wizardId, autopilot) {
@@ -95,9 +95,15 @@ function fly(runId, answers, acceptReviews) {
     const timeout = setTimeout(land, 30 * 60_000);
     void step();
 }
-async function ownedTestRun(_userId, runId) {
+/**
+ * A run the caller may see: any test run of their tenant, or a run they started themselves
+ * from an MCP client (run_wizard). `test` narrows it to test runs.
+ */
+async function ownedRun(userId, runId, only) {
     const run = await db.query.run.findFirst({
-        where: and(eq(schema.run.id, runId), eq(schema.run.tenantId, currentTenant()), eq(schema.run.mode, "test")),
+        where: and(eq(schema.run.id, runId), eq(schema.run.tenantId, currentTenant()), only === "test"
+            ? eq(schema.run.mode, "test")
+            : or(eq(schema.run.mode, "test"), eq(schema.run.userId, userId))),
     });
     if (!run) {
         throw notFound();
@@ -108,9 +114,9 @@ async function ownedTestRun(_userId, runId) {
 function moving(run) {
     return run.status === "running" || (run.status === "waiting_input" && autopilots.has(run.id));
 }
-async function waitWhileMoving(userId, runId, seconds) {
+async function waitWhileMoving(userId, runId, seconds, only) {
     const deadline = Date.now() + seconds * 1000;
-    let run = await ownedTestRun(userId, runId);
+    let run = await ownedRun(userId, runId, only);
     while (moving(run) && Date.now() < deadline) {
         await new Promise((resolve) => {
             const unsubscribe = subscribe(runId, () => {
@@ -123,7 +129,7 @@ async function waitWhileMoving(userId, runId, seconds) {
                 resolve();
             }, deadline - Date.now());
         });
-        run = await ownedTestRun(userId, runId);
+        run = await ownedRun(userId, runId, only);
     }
     return run;
 }
@@ -139,9 +145,88 @@ function deliverableFormats(run, step) {
         .find((d) => d.from === step.id);
     return listed ? listed.formats.filter((f) => possible.includes(f)) : [];
 }
-/** What a test run did so far, for a client without the studio: outputs, links, cost, errors. */
-export async function testRunReport(userId, runId, waitSeconds = 0) {
-    const run = await waitWhileMoving(userId, runId, waitSeconds);
+/** Field kinds an MCP client can answer with plain values; the others need the run page. */
+const CHAT_KINDS = new Set([
+    "text",
+    "textarea",
+    "number",
+    "select",
+    "multiselect",
+    "date",
+    "email",
+    "url",
+    "toggle",
+    "color",
+    "items",
+    "location",
+]);
+/** Where the person can go on in a browser: the run page of a live run, the studio for a test. */
+/** The live run's page — the wizard itself, never the studio. A test run has none. */
+async function browserUrl(run) {
+    if (run.mode === "test") {
+        return null;
+    }
+    const w = await db.query.wizard.findFirst({ where: eq(schema.wizard.id, run.wizardId) });
+    return w ? `${shareUrl(w.shareToken)}/${run.id}` : null;
+}
+function waitingFor(run, current) {
+    if (run.status === "running" && run.ask) {
+        const ask = run.ask;
+        return ask.kind === "confirm"
+            ? {
+                ask: ask.id,
+                kind: ask.kind,
+                reason: ask.reason,
+                service: ask.service,
+                action: ask.action.summary,
+                input: clip(ask.input, 1500),
+                hint: "Ask the person, then answer_ask with allow or skip.",
+            }
+            : {
+                ask: ask.id,
+                kind: ask.kind,
+                reason: ask.reason,
+                site: ask.site.host,
+                hint: "A sign-in: the person types it on the run page (browserUrl).",
+            };
+    }
+    if (run.status !== "waiting_input" || !current) {
+        return undefined;
+    }
+    if (current.type === "page") {
+        return {
+            page: current.id,
+            title: current.title,
+            fields: current.fields.map((f) => ({
+                id: f.id,
+                label: f.label,
+                kind: f.kind,
+                required: Boolean(f.required),
+                options: f.options,
+                placeholder: f.placeholder,
+                help: f.help,
+                default: f.default,
+                value: run.state.values[f.id],
+                columns: f.columns,
+                // A file, a recording or a signature comes from the person's device: the run page.
+                inChat: CHAT_KINDS.has(f.kind),
+            })),
+        };
+    }
+    if (current.type === "review") {
+        return {
+            review: current.id,
+            title: current.title,
+            show: current.show,
+            editable: Boolean(current.edit),
+            hint: "Show the person the outputs, then review_step: accept, or regenerate one with a note.",
+        };
+    }
+    return undefined;
+}
+/** What a run did so far, for a client without the run page: outputs, links, cost, errors. */
+export async function runReport(userId, runId, waitSeconds = 0, only) {
+    const run = await waitWhileMoving(userId, runId, waitSeconds, only);
     const current = run.definition.steps.find((s) => s.id === run.cursor) ?? null;
     const base = `/api/runs/${run.id}`;
     const outputs = run.definition.steps.flatMap((step) => {
@@ -167,25 +252,19 @@ export async function testRunReport(userId, runId, waitSeconds = 0) {
             },
         ];
     });
-    const waitingFor = run.status === "waiting_input" && current?.type === "page"
-        ? {
-            page: current.id,
-            fields: current.fields.map((f) => ({
-                id: f.id,
-                label: f.label,
-                kind: f.kind,
-                required: Boolean(f.required),
-                options: f.options,
-            })),
-        }
-        : run.status === "waiting_input" && current?.type === "review"
-            ? { review: current.id, hint: "Accept or regenerate in the studio." }
-            : undefined;
     return {
         runId: run.id,
+        wizardId: run.wizardId,
+        mode: run.mode,
         status: moving(run) ? "running" : run.status,
         step: current ? { id: current.id, type: current.type, title: current.title } : null,
-        waitingFor,
+        /** Steps behind the run: answered pages and reviews, every step with a result, the end. */
+        passed: run.definition.steps
+            .filter((s) => run.state.history.includes(s.id) ||
+            run.state.outputs[s.id] ||
+            (run.status === "done" && s.id === run.cursor))
+            .map((s) => s.id),
+        waitingFor: waitingFor(run, current),
         error: run.error,
         credits: Math.ceil(run.costMicros / MICROS_PER_CREDIT),
         events: (await recentEvents(run.id, 0, 15)).map((e) => ({
@@ -194,9 +273,92 @@ export async function testRunReport(userId, runId, waitSeconds = 0) {
             message: e.message,
         })),
         outputs,
-        studioUrl: studioUrl(run.wizardId),
+        browserUrl: await browserUrl(run),
+        ...(run.mode === "test" ? { studioUrl: studioUrl(run.wizardId) } : {}),
     };
 }
+export const testRunReport = (userId, runId, waitSeconds = 0) => runReport(userId, runId, waitSeconds, "test");
+/** A command the run refused, as a tool error the client can act on. */
+function refusedInput(err) {
+    if (err instanceof RunInputError) {
+        throw new ServiceError("invalid", err.message, { fields: err.errors });
+    }
+    if (err instanceof RunConflict) {
+        throw new ServiceError("refused", err.message);
+    }
+    throw err;
+}
+/**
+ * Runs the published version of a wizard for the admin, from their own AI client: a live run
+ * that is theirs — no visitor, no share link needed. With answers the first page is filled.
+ */
+export async function startRun(userId, wizardId, answers = {}) {
+    const w = await ownedWizard(userId, wizardId);
+    if (w.publishedVersion === null) {
+        throw new ServiceError("refused", "This wizard is not published yet. Publish it, or try the draft with start_test_run.");
+    }
+    const version = await db.query.wizardVersion.findFirst({
+        where: and(eq(schema.wizardVersion.wizardId, w.id), eq(schema.wizardVersion.version, w.publishedVersion)),
+    });
+    if (!version) {
+        throw notFound();
+    }
+    if (!(await canSpend())) {
+        throw new ServiceError("no_credits", "Dein Guthaben ist aufgebraucht.");
+    }
+    const runId = await createRun({
+        wizardId: w.id,
+        definition: version.definition,
+        files: version.files,
+        version: w.publishedVersion,
+        mode: "live",
+        userId,
+    }).catch((err) => {
+        if (err instanceof ModelUnavailableError) {
+            throw new ServiceError("refused", err.message);
+        }
+        if (err instanceof NoCreditsError) {
+            throw new ServiceError("no_credits", "Dein Guthaben ist aufgebraucht.");
+        }
+        throw err;
+    });
+    const first = version.definition.steps[0];
+    if (first?.type !== "page" || !Object.keys(answers).length) {
+        return { runId, refused: null };
+    }
+    const values = Object.fromEntries(first.fields.filter((f) => f.id in answers).map((f) => [f.id, answers[f.id]]));
+    // The run is there either way; what did not fit is answered again with answer_page.
+    try {
+        await submitPage(runId, first.id, values);
+        return { runId, refused: null };
+    }
+    catch (err) {
+        if (err instanceof RunInputError) {
+            return { runId, refused: err.errors };
+        }
+        throw err;
+    }
+}
+export async function answerRunPage(userId, runId, stepId, values) {
+    await ownedRun(userId, runId);
+    await submitPage(runId, stepId, values).catch(refusedInput);
+}
+export async function reviewRun(userId, runId, stepId, action) {
+    await ownedRun(userId, runId);
+    await reviewStep(runId, stepId, action).catch(refusedInput);
+}
+export async function controlRun(userId, runId, action) {
+    await ownedRun(userId, runId);
+    const command = { back: goBack, retry, cancel }[action];
+    await command(runId).catch(refusedInput);
+}
+/** Answers what a running step asks: allow a change in a connected account, or skip it. */
+export async function answerRunAsk(userId, runId, askId, answer) {
+    await ownedRun(userId, runId);
+    if (!answerAsk(runId, askId, answer === "allow" ? { type: "done" } : { type: "skip" })) {
+        throw new ServiceError("refused", "This question is no longer open.");
+    }
+}
 export async function listRuns(userId, wizardId) {
     const w = await ownedWizard(userId, wizardId);
     const rows = await db.query.run.findMany({

package/apps/runtime/dist/services/wizards.js

@@ -65,7 +65,7 @@ export async function listWizards(_userId, projectId) {
     });
     return rows.map(wizardSummary);
 }
-async function publishedVersion(w) {
+export async function publishedVersion(w) {
     if (w.publishedVersion === null) {
         return null;
     }

package/apps/web/dist/assets/{ChangelogDialog-COqPzrKT.js → ChangelogDialog-Co_9fs61.js}

@@ -1 +1 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{t as r}from"./preload-helper-CNEI7N0N.js";import{a as i,d as a,h as o,i as s,s as c,y as l}from"./ui-DKc92qJ1.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/,``):l(`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}function _({open:e,onClose:t}){let[n,_]=(0,u.useState)(null),[v,y]=(0,u.useState)(``);(0,u.useEffect)(()=>{if(!e||n)return;let t=!1;return r(()=>import(`./changelog-sa4SXBrg.js`).then(e=>{t||_(e.default)}),[]),()=>{t=!0}},[e,n]),(0,u.useEffect)(()=>{e||y(``)},[e]);let b=n?g(n,v):[];return(0,d.jsxs)(s,{open:e,onClose:t,title:l(`about.changelog`),wide:!0,children:[(0,d.jsx)(`p`,{className:`-mt-3 mb-4 text-[14px] text-ink-3`,children:l(`about.changelogHint`)}),n===null?(0,d.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,d.jsx)(a,{})}):n.length===0?(0,d.jsx)(i,{children:l(`about.changelogEmpty`)}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c,{type:`search`,value:v,placeholder:l(`about.search`),onChange:e=>y(e.target.value)}),b.length===0?(0,d.jsx)(i,{children:l(`about.noMatches`)}):null,b.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-[16px]`,children:[p(e),(0,d.jsx)(`span`,{className:`font-normal font-sans text-[13px] text-ink-3 tabular-nums`,children:m(e)})]}),(0,d.jsx)(`ul`,{className:`mt-3 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-[14px]`,children:[(0,d.jsx)(`span`,{className:o(`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-[12px] 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-[12px] text-rose`,children:l(`about.breaking`)}):null]})]},e.id)})})]},e.version??`unreleased`))]})]})}export{_ as ChangelogDialog};
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{t as r}from"./preload-helper-CNEI7N0N.js";import{a as i,d as a,h as o,i as s,s as c,y as l}from"./ui-Cs6lpsmj.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/,``):l(`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}function _({open:e,onClose:t}){let[n,_]=(0,u.useState)(null),[v,y]=(0,u.useState)(``);(0,u.useEffect)(()=>{if(!e||n)return;let t=!1;return r(()=>import(`./changelog-03JgixQA.js`).then(e=>{t||_(e.default)}),[]),()=>{t=!0}},[e,n]),(0,u.useEffect)(()=>{e||y(``)},[e]);let b=n?g(n,v):[];return(0,d.jsxs)(s,{open:e,onClose:t,title:l(`about.changelog`),wide:!0,children:[(0,d.jsx)(`p`,{className:`-mt-3 mb-4 text-[14px] text-ink-3`,children:l(`about.changelogHint`)}),n===null?(0,d.jsx)(`div`,{className:`flex justify-center py-10 text-ink-3`,children:(0,d.jsx)(a,{})}):n.length===0?(0,d.jsx)(i,{children:l(`about.changelogEmpty`)}):(0,d.jsxs)(d.Fragment,{children:[(0,d.jsx)(c,{type:`search`,value:v,placeholder:l(`about.search`),onChange:e=>y(e.target.value)}),b.length===0?(0,d.jsx)(i,{children:l(`about.noMatches`)}):null,b.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-[16px]`,children:[p(e),(0,d.jsx)(`span`,{className:`font-normal font-sans text-[13px] text-ink-3 tabular-nums`,children:m(e)})]}),(0,d.jsx)(`ul`,{className:`mt-3 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-[14px]`,children:[(0,d.jsx)(`span`,{className:o(`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-[12px] 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-[12px] text-rose`,children:l(`about.breaking`)}):null]})]},e.id)})})]},e.version??`unreleased`))]})]})}export{_ as ChangelogDialog};

package/apps/web/dist/assets/ChatPanel-Br3nYkUc.js

@@ -0,0 +1 @@
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{c as r,d as i,i as a,n as o,nt as s}from"./api-KMi35npD.js";import{t as c}from"./createLucideIcon-q3MZMmnf.js";import{t as l}from"./plug-CLjyCoHB.js";import{S as u,g as d,h as f,r as p,v as m}from"./outputs-COE_nvAw.js";import{r as h}from"./wand-sparkles-CKxArWPY.js";import{t as g}from"./plus-Du-Jx8aI.js";import{t as _}from"./mic-Bvz4mA2j.js";import{_ as v,d as y,h as b,o as x,y as S}from"./ui-Cs6lpsmj.js";import{l as C}from"./index-BmpnE7IO.js";var w={name:`chevron-up`,size:24,node:[[`path`,{d:`m18 15-6-6-6 6`,key:`153udz`}]]};w.node;var T=c(w),E=e(t(),1),D=!1;function O(){if(!(typeof window>`u`||D))return window.SpeechRecognition??window.webkitSpeechRecognition}var k=typeof navigator<`u`&&!!navigator.mediaDevices?.getUserMedia&&typeof MediaRecorder<`u`;function A(e,t){let n=e.trimEnd(),r=t.trim();return n&&r?`${n} ${r}`:n||r}function j(e,t){let[n,r]=(0,E.useState)(!1),[i,a]=(0,E.useState)(!1),[s,c]=(0,E.useState)(null),l=(0,E.useRef)(e);l.current=e;let u=(0,E.useRef)(t);u.current=t;let d=(0,E.useRef)(null);(0,E.useEffect)(()=>()=>d.current?.stop(),[]);let f=async()=>{let e=l.current,t;try{t=await navigator.mediaDevices.getUserMedia({audio:!0})}catch{c(`denied`);return}let n=[],i=new MediaRecorder(t);i.ondataavailable=e=>e.data.size&&n.push(e.data),i.onstop=async()=>{for(let e of t.getTracks())e.stop();d.current=null,r(!1);let s=(i.mimeType||`audio/webm`).split(`;`)[0],l=new File(n,`dictation`,{type:s});if(l.size){a(!0);try{let{text:t}=await o.upload(`/api/studio/transcribe`,l);t.trim()&&u.current(A(e,t))}catch(e){c(e.message)}finally{a(!1)}}},d.current={stop:()=>i.state!==`inactive`&&i.stop()},i.start(),r(!0)},p=e=>{let t=l.current,n=``,i=new e;i.continuous=!0,i.interimResults=!0,i.lang=v===`de`?`de-DE`:`en-US`,i.onresult=e=>{let r=``;for(let t=Math.max(0,e.resultIndex);t<e.results.length;t++){let i=e.results[t],a=i[0]?.transcript??``;i.isFinal?n=A(n,a):r+=a}u.current(A(t,A(n,r)))},i.onerror=e=>{if(e.error!==`aborted`&&e.error!==`no-speech`){if(e.error===`not-allowed`){c(`denied`);return}D=!0,k&&!n?(i.onend=null,d.current=null,f()):c(e.error)}},i.onend=()=>{d.current=null,r(!1)},d.current={stop:()=>i.stop()},i.start(),r(!0)};return{supported:!!O()||k,listening:n,processing:i,error:s,toggle:()=>{if(i)return;if(d.current){d.current.stop();return}c(null);let e=O();e?p(e):f()}}}var M=e(n(),1),N=/\.(png|jpe?g|gif|webp|avif|svg)$/i;function P(e){let t=e.filter(e=>e.type.startsWith(`image/`));return t.length?Object.fromEntries(t.map(e=>[e.name,URL.createObjectURL(e)])):void 0}function F(e){let t=e.match(/(?:^|\n\n)(?:Angehängt|Attached): ([^\n]+)$/);return t?{text:e.slice(0,t.index).trim(),names:t[1].split(`, `).filter(Boolean)}:{text:e,names:[]}}function I(e,t){if(e.name&&e.name!==`image.png`)return e;let n=e.type.split(`/`)[1]?.replace(`jpeg`,`jpg`)||`png`,r=new Date().toISOString().slice(0,19).replace(/[-:]/g,``).replace(`T`,`-`);return new File([e],`paste-${r}${t?`-${t+1}`:``}.${n}`,{type:e.type})}function L({url:e,label:t,children:n}){return(0,M.jsxs)(`div`,{className:`group relative`,title:t,children:[(0,M.jsx)(`img`,{src:e,alt:t,width:64,height:64,className:`size-16 rounded-lg bg-paper-2 object-cover ring-1 ring-border`}),n]})}function R({names:e,previews:t,fileUrl:n}){let r=e.filter(e=>t?.[e]||n&&N.test(e)),i=e.filter(e=>!r.includes(e));return(0,M.jsxs)(`div`,{className:`flex flex-col items-end gap-1.5`,children:[r.map(e=>{let r=t?.[e]??n?.(e)??``;return(0,M.jsx)(`a`,{href:r,target:`_blank`,rel:`noreferrer`,title:e,children:(0,M.jsx)(`img`,{src:r,alt:e,className:`max-h-60 w-auto max-w-full rounded-xl bg-paper-2 object-contain ring-1 ring-border`})},e)}),i.length?(0,M.jsx)(`div`,{className:`flex flex-wrap justify-end gap-1.5`,children:i.map(e=>(0,M.jsxs)(`span`,{className:`inline-flex max-w-full items-center gap-1.5 rounded-full bg-paper-2 px-2.5 py-1 text-[12px] text-ink-2`,children:[(0,M.jsx)(m,{className:`size-3 shrink-0 text-ink-4`}),(0,M.jsx)(`span`,{className:`truncate`,children:e})]},e))}):null]})}function z(e,t){let n=s(),[i,o]=(0,E.useState)([]),[c,l]=(0,E.useState)(`idle`),[u,d]=(0,E.useState)(null),[f,p]=(0,E.useState)(null),[m,h]=(0,E.useState)(null),[g,_]=(0,E.useState)(null),v=(0,E.useRef)(null);return(0,E.useEffect)(()=>{if(e){if(v.current!==e.id){v.current=e.id,o(e.messages);return}c===`idle`&&o(t=>e.messages.length>=t.length?e.messages:t)}},[e,c]),{messages:i,phase:c,activity:f,thought:m,startedAt:g,error:u,send:async(i,s=[])=>{if(!e||!(i.trim()||s.length)||c!==`idle`)return!1;if(d(null),_(Date.now()),h(null),s.length){l(`thinking`);try{for(let t of s){let n=await fetch(r(`/api/studio/wizards/${e.id}/files/${encodeURIComponent(t.name)}`),{method:`PUT`,credentials:`include`,headers:{"content-type":t.type||`application/octet-stream`},body:t});if(!n.ok){let e=await n.json().catch(()=>({}));throw Error(e.error??n.statusText)}}}catch(t){return d(t.message),l(`idle`),_(null),await n.invalidateQueries({queryKey:[`wizard`,e.id]}),!1}let t=`${S(`editor.attached`)}: ${s.map(e=>e.name).join(`, `)}`;i=i.trim()?`${i}\n\n${t}`:t}let u=`p-${Date.now()}`;o(e=>[...e,{id:`u-${Date.now()}`,role:`user`,content:i,previews:P(s)},{id:u,role:`assistant`,content:``,pending:!0}]),l(`thinking`),p(null);let f=!1;try{await a(`/api/studio/wizards/${e.id}/chat`,{message:i},(e,n)=>{if(e===`text`){let e=JSON.parse(n);o(t=>t.map(t=>t.id===u?{...t,content:t.content+e}:t))}else if(e===`activity`)p(JSON.parse(n));else if(e===`thought`)h(JSON.parse(n));else if(e===`building`)l(`building`);else if(e===`done`){f=!0;let e=JSON.parse(n);o(t=>t.map(t=>t.id===u?{...t,content:e.reply,changed:e.changed,pending:!1}:t)),e.changed&&t(e.draft,e.revision)}else e===`error`&&(f=!0,d(JSON.parse(n).message))}),f||d(S(`editor.chatBroken`))}catch(e){d(e.message)}finally{p(null),h(null),_(null),o(e=>e.filter(e=>!(e.id===u&&!e.content)).map(e=>({...e,pending:!1}))),l(`idle`),await n.invalidateQueries({queryKey:[`wizard`,e.id]}),await n.invalidateQueries({queryKey:[`me`]})}return!0},fileUrl:t=>r(`/api/studio/wizards/${e?.id}/files/${encodeURIComponent(t)}`)}}function B(e){let[t,n]=(0,E.useState)(()=>Date.now());return(0,E.useEffect)(()=>{if(e===null)return;n(Date.now());let t=setInterval(()=>n(Date.now()),1e3);return()=>clearInterval(t)},[e]),e===null?null:Math.max(0,Math.floor((t-e)/1e3))}function V(e){return e<60?`${e} s`:`${Math.floor(e/60)}:${String(e%60).padStart(2,`0`)} min`}function H({chat:e,thought:t,className:n,spinner:r=`size-3.5`}){let i=B(e.startedAt);return(0,M.jsxs)(`div`,{className:b(`min-w-0`,n),children:[(0,M.jsxs)(`div`,{className:`flex min-w-0 items-center gap-2`,children:[(0,M.jsx)(y,{className:b(`shrink-0`,r)}),(0,M.jsx)(`span`,{className:`min-w-0 truncate`,children:e.activity??(e.phase===`building`?S(`editor.building`):S(`editor.thinking`))}),i===null?null:(0,M.jsx)(`span`,{className:`shrink-0 text-ink-4 tabular-nums`,children:V(i)})]}),t&&e.thought?(0,M.jsx)(`p`,{className:`mt-0.5 truncate pl-5.5 text-[12px] text-ink-4`,children:e.thought}):null]})}function U({message:e,fileUrl:t}){let{text:n,names:r}=F(e.content);return(0,M.jsxs)(`div`,{className:`ml-8 flex flex-col items-end gap-1.5 self-end`,children:[r.length?(0,M.jsx)(R,{names:r,previews:e.previews,fileUrl:t}):null,n?(0,M.jsx)(`div`,{className:`rounded-xl rounded-br-md bg-paper-2 px-4 py-2.5 text-[14px] leading-relaxed`,children:(0,M.jsx)(`span`,{className:`whitespace-pre-wrap`,children:n})}):null]})}function W({chat:e,avatar:t,hello:n=S(`editor.chatHello`),placeholder:r=S(`editor.composer`),changedLabel:a=`Ablauf aktualisiert`,compact:o,intro:s}){let[c,v]=(0,E.useState)(!1),[w,D]=(0,E.useState)(``),[O,k]=(0,E.useState)([]),A=(0,E.useRef)(null),N=(0,E.useRef)(null),P=(0,E.useRef)(null),F=j(w,D);(0,E.useEffect)(()=>{A.current?.scrollTo({top:A.current.scrollHeight,behavior:`smooth`})},[e.messages,e.phase]),(0,E.useEffect)(()=>{let e=N.current;e&&(e.style.height=`auto`,e.style.height=`${Math.min(e.scrollHeight,200)}px`)},[w]);let R=(w.trim()||O.length>0)&&e.phase===`idle`,z=e=>k(t=>[...t.filter(t=>!e.some(e=>e.name===t.name)),...e]),[B,V]=(0,E.useState)(new Map);(0,E.useEffect)(()=>{let e=new Map(O.filter(e=>e.type.startsWith(`image/`)).map(e=>[e,URL.createObjectURL(e)]));return V(e),()=>{for(let t of e.values())URL.revokeObjectURL(t)}},[O]);let W=async()=>{if(!R)return;F.listening&&F.toggle();let t={text:w,files:O};D(``),k([]),await e.send(t.text.trim(),t.files)||(D(t.text),k(t.files))},G=!o||c,K=e.messages.at(-1);return(0,M.jsxs)(`div`,{className:`flex h-full min-h-0 flex-col`,children:[o&&(K||e.error)?(0,M.jsxs)(`button`,{type:`button`,"aria-expanded":c,"aria-label":S(`editor.thread`),onClick:()=>v(e=>!e),className:`flex items-center gap-2 px-4 pt-2.5 pb-0.5 text-left text-[13px] text-ink-3 transition hover:text-ink`,children:[!(e.error||c)&&K?.pending?(0,M.jsx)(H,{chat:e,className:`flex-1`}):(0,M.jsx)(`span`,{className:b(`min-w-0 flex-1 truncate`,e.error&&`text-rose`),children:e.error??(c?S(`editor.thread`):K?.content)}),c?(0,M.jsx)(h,{className:`size-4 shrink-0`}):(0,M.jsx)(T,{className:`size-4 shrink-0`})]}):null,(0,M.jsxs)(`div`,{ref:A,className:b(`min-h-0 flex-1 overflow-y-auto px-5 py-5`,!G&&`hidden`),children:[e.messages.length===0?s??(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(i,{kind:t,size:32,interactive:!1}),(0,M.jsx)(`p`,{className:`pt-1 text-[14px] text-ink-2 leading-relaxed`,children:n})]}):null,(0,M.jsx)(`div`,{className:`flex flex-col gap-4`,children:e.messages.map(n=>n.role===`user`?(0,M.jsx)(U,{message:n,fileUrl:e.fileUrl},n.id):(0,M.jsxs)(`div`,{className:`flex items-start gap-3`,children:[(0,M.jsx)(`div`,{className:`shrink-0`,children:(0,M.jsx)(i,{kind:t,size:28,interactive:!1})}),(0,M.jsxs)(`div`,{className:`min-w-0 pt-0.5 text-[14px]`,children:[n.source===`mcp`?(0,M.jsxs)(`div`,{className:`mb-1 inline-flex items-center gap-1.5 text-[12px] text-ink-3`,children:[(0,M.jsx)(l,{className:`size-3`}),` `,S(`editor.viaClient`,{client:n.client??`MCP`})]}):null,n.content?(0,M.jsx)(p,{text:n.content,className:`text-[14px]`}):null,n.pending?(0,M.jsx)(H,{chat:e,thought:!0,className:`mt-1 text-[13px] text-ink-3`}):null,n.changed?(0,M.jsxs)(`div`,{className:`mt-2 inline-flex items-center gap-1.5 rounded-full bg-ember-tint px-2.5 py-0.5 text-[12px] text-ember-strong`,children:[(0,M.jsx)(d,{className:`size-3`}),` `,a]}):null]})]},n.id))}),e.error?(0,M.jsx)(`div`,{className:`mt-4 rounded-lg bg-rose-tint px-3 py-2 text-[13px] text-rose`,children:e.error}):null]}),(0,M.jsxs)(`div`,{className:o?`p-2`:`p-3`,children:[(0,M.jsxs)(`div`,{className:`rounded-xl bg-card p-1.5 shadow-soft ring-1 ring-border focus-within:ring-focus`,children:[B.size?(0,M.jsx)(`div`,{className:`flex flex-wrap gap-2 px-1 pt-1 pb-1.5`,children:O.map((e,t)=>{let n=B.get(e);return n?(0,M.jsx)(L,{url:n,label:e.name,children:(0,M.jsx)(`button`,{type:`button`,"aria-label":S(`editor.detach`),onClick:()=>k(e=>e.filter((e,n)=>n!==t)),className:`-top-1.5 -right-1.5 absolute flex size-5 items-center justify-center rounded-full bg-ink text-paper opacity-0 shadow-soft transition focus-visible:opacity-100 group-hover:opacity-100`,children:(0,M.jsx)(C,{className:`size-3`})})},`${e.name}-${t}`):null})}):null,O.some(e=>!B.has(e))?(0,M.jsx)(`ul`,{className:`flex flex-wrap gap-1.5 px-1 pt-1 pb-1.5`,children:O.map((e,t)=>B.has(e)?null:(0,M.jsxs)(`li`,{className:`inline-flex max-w-full items-center gap-1.5 rounded-full bg-paper-2 py-1 pr-1 pl-2.5 text-[12px] text-ink-2`,children:[(0,M.jsx)(m,{className:`size-3 shrink-0 text-ink-4`}),(0,M.jsx)(`span`,{className:`truncate`,children:e.name}),(0,M.jsx)(`button`,{type:`button`,"aria-label":S(`editor.detach`),onClick:()=>k(e=>e.filter((e,n)=>n!==t)),className:`inline-flex size-5 shrink-0 items-center justify-center rounded-full text-ink-3 hover:bg-paper-3 hover:text-ink`,children:(0,M.jsx)(C,{className:`size-3`})})]},`${e.name}-${t}`))}):null,(0,M.jsxs)(`div`,{className:`flex items-end gap-1`,children:[(0,M.jsx)(x,{label:S(`editor.attach`),onClick:()=>P.current?.click(),children:(0,M.jsx)(g,{className:`size-4`})}),(0,M.jsx)(`input`,{ref:P,type:`file`,multiple:!0,hidden:!0,onChange:e=>{let t=Array.from(e.target.files??[]);e.target.value=``,z(t)}}),(0,M.jsx)(`textarea`,{ref:N,rows:1,value:w,onChange:e=>D(e.target.value),onPaste:e=>{let t=Array.from(e.clipboardData.files);t.length&&(e.preventDefault(),z(t.map(I)))},onKeyDown:e=>{e.key===`Enter`&&!e.shiftKey&&(e.preventDefault(),W())},placeholder:F.listening?S(`editor.listening`):r,className:`max-h-[200px] min-h-[40px] flex-1 resize-none bg-transparent px-1.5 py-2 text-[14px] outline-none placeholder:text-ink-4`}),F.supported?(0,M.jsx)(x,{label:F.processing?S(`editor.transcribing`):F.listening?S(`editor.voiceStop`):S(`editor.voice`),"aria-pressed":F.listening,disabled:F.processing,onClick:F.toggle,className:b(F.listening&&`bg-rose-tint text-rose hover:bg-rose-tint hover:text-rose`),children:F.processing?(0,M.jsx)(y,{className:`size-4`}):F.listening?(0,M.jsx)(f,{className:`size-3.5 animate-pulse-dot fill-current`}):(0,M.jsx)(_,{className:`size-4`})}):null,(0,M.jsx)(`button`,{type:`button`,onClick:()=>void W(),disabled:!R,className:b(`inline-flex size-9 shrink-0 items-center justify-center rounded-full transition`,R?`bg-primary text-primary-foreground`:`bg-paper-2 text-ink-4`),"aria-label":`Send`,children:(0,M.jsx)(u,{className:`size-4`})})]})]}),F.error?(0,M.jsx)(`p`,{className:`mt-2 px-1 text-[12px] text-rose`,children:F.error===`denied`?S(`editor.micDenied`):F.error}):null]})]})}export{z as i,H as n,P as r,W as t};