wizards 0.2.24 → 0.2.26

package/apps/runtime/dist/engine/steps.js

@@ -1,4 +1,6 @@
+import { pOf } from "@engenty-wizards/shared/decision";
 import { allFields, dataRef, isDecisionStep, LOCALES, templateRefs, wizardLang, } from "@engenty-wizards/shared/definition";
+import { SURFACE_GUIDE, validateSurface, } from "@engenty-wizards/shared/surface";
 import { Agent } from "@mastra/core/agent";
 import { generateText, Output } from "ai";
 import { z } from "zod";
@@ -12,7 +14,9 @@ import { buildStepTools } from "../tools/index.js";
 import { spaceContextOf } from "../tools/plugin.js";
 import { personUploads } from "../tools/store.js";
 import { runWidgetStep } from "../widgets/step.js";
+import { decide } from "./decide.js";
 import { prepareInputs } from "./prepare.js";
+import { runSurfaceStep } from "./surface.js";
 import { answersAsText, colorLine, factLines, renderTemplate, resolveRef, } from "./template.js";
 import { StepError } from "./types.js";
 /** Today's date as the wizard's people write it. */
@@ -51,7 +55,12 @@ async function previousResult(ctx, stepId) {
 async function revisionBlock(ctx, stepId) {
     const note = ctx.state.notes[stepId];
     if (!note) {
-        return "";
+        // A branch back to this step (a loop) runs it again: it builds on what it made last time.
+        const looped = Object.entries(ctx.state.loops ?? {}).some(([key, n]) => n > 0 && key.endsWith(`→${stepId}`));
+        const prev = looped ? await previousResult(ctx, stepId) : "";
+        return prev
+            ? `# EARLIER ATTEMPT\nA later step sent the run back to this step. What it made last time — improve on it with what is known now:\n"""\n${prev}\n"""`
+            : "";
     }
     const prev = await previousResult(ctx, stepId);
     return `# REVISION REQUEST\nThe person reviewed the previous result and asked for this change:\n"""${note}"""\n\n${prev ? `Previous result:\n"""\n${prev}\n"""` : ""}`;
@@ -88,6 +97,11 @@ function outputSchema(step) {
             case "choice":
                 shape[f.id] = z.enum(f.options).describe(d);
                 break;
+            case "score":
+                shape[f.id] = z
+                    .enum(f.options)
+                    .describe(`${d} (lowest to highest)`);
+                break;
             case "table":
                 shape[f.id] = f.columns?.length
                     ? z
@@ -148,7 +162,186 @@ async function seenPhotos(step, ctx, resolved, uploads) {
     }
     return out;
 }
+/**
+ * A decision step: its yes/no, choice and score fields are the questions, its prompt the state,
+ * answered in one call through decide() — with probabilities where a decision model answers.
+ */
+async function decideStep(step, prompt, ctx) {
+    const fields = step.output.fields ?? [];
+    const questions = {};
+    for (const f of fields) {
+        const instructions = f.description ?? f.id;
+        if (f.kind === "yesno") {
+            questions[f.id] = { type: "noul", instructions };
+        }
+        else if (f.kind === "choice") {
+            questions[f.id] = {
+                type: "choice",
+                instructions,
+                criteria: Object.fromEntries((f.options ?? []).map((o) => [o, null])),
+            };
+        }
+        else if (f.kind === "score") {
+            questions[f.id] = { type: "score", instructions, criteria: f.options ?? [] };
+        }
+    }
+    const decision = await decide({
+        state: prompt,
+        questions,
+        call: ctx.call,
+        signal: ctx.signal,
+        charge: ctx.chargeUsd,
+    });
+    const json = {};
+    const decided = {};
+    for (const [id, answer] of Object.entries(decision.answers)) {
+        json[id] =
+            answer.type === "noul"
+                ? answer.noul >= 0.5
+                : answer.type === "choice"
+                    ? answer.choice
+                    : answer.label;
+        decided[id] = Math.round(pOf(answer) * 1000) / 1000;
+    }
+    const text = fields
+        .map((f) => {
+        const value = json[f.id];
+        return `${f.description ?? f.id}: ${value === true ? "ja" : value === false ? "nein" : String(value)}`;
+    })
+        .join("\n");
+    return { text, json, decided, at: new Date().toISOString() };
+}
+/** The JSON array in a model's answer, fenced or not. */
+function jsonArrayIn(text) {
+    const fenced = text.match(/```(?:json)?\s*([\s\S]*?)```/)?.[1] ?? text;
+    const start = fenced.indexOf("[");
+    const end = fenced.lastIndexOf("]");
+    if (start < 0 || end <= start) {
+        return null;
+    }
+    try {
+        return JSON.parse(fenced.slice(start, end + 1));
+    }
+    catch {
+        return null;
+    }
+}
+/**
+ * The view an agent step composes of its result: the standard class writes components from the
+ * surface catalog bound to the step's fields, the catalog's validator checks them, and one try
+ * with the issues follows. Without a valid view the plain result shows: the step never fails
+ * for its view.
+ */
+async function composeSurface(step, json, ctx) {
+    const keys = Object.keys(json);
+    const fields = (step.output.fields ?? [])
+        .map((f) => `- /${f.id} (${f.kind}${f.columns ? `: ${f.columns.join(", ")}` : ""}): ${f.description ?? ""}`)
+        .join("\n");
+    const sample = JSON.stringify(json).slice(0, 4000);
+    try {
+        const writer = await textModel("standard", ctx.call);
+        let issues = [];
+        for (let attempt = 0; attempt < 2; attempt++) {
+            const result = await generateText({
+                model: writer.model,
+                abortSignal: ctx.signal,
+                prompt: [
+                    `Compose a view of this result for the person who ran "${ctx.def.title}". Answer with the JSON array of components only.`,
+                    SURFACE_GUIDE,
+                    `# THE DATA (bind by path, never copy values)\n${fields}\n\nSample: ${sample}`,
+                    issues.length
+                        ? `# YOUR LAST ANSWER HAD THESE PROBLEMS — fix them\n${issues.join("\n")}`
+                        : "",
+                ]
+                    .filter(Boolean)
+                    .join("\n\n"),
+            });
+            await ctx.chargeUsd(costOf(writer, result.usage));
+            const components = jsonArrayIn(result.text);
+            issues = validateSurface(components, keys).map((i) => i.message);
+            if (!issues.length) {
+                return { components: components, data: json };
+            }
+        }
+        console.warn(`[step ${step.id}] no valid view:`, issues.join("; "));
+    }
+    catch (err) {
+        if (ctx.signal.aborted) {
+            throw err;
+        }
+        console.warn(`[step ${step.id}] view not composed:`, err.message);
+    }
+    return undefined;
+}
+/** An agent step runs this many times at most with `each`; more entries are left out. */
+const MAX_AGENT_ENTRIES = 20;
+/** The entries an agent step with `each` runs for: rows of a table, entries of a list, list rows. */
+function agentEntries(step, ctx) {
+    const ref = dataRef(step.each ?? "");
+    const list = ref.match(/^lists\.([a-zA-Z][a-zA-Z0-9_]*)$/)?.[1];
+    const value = list
+        ? (ctx.scope.lists?.[list]?.rows ?? []).map((r) => r.cells)
+        : resolveRef(ref, ctx.scope);
+    return (Array.isArray(value) ? value : []).slice(0, MAX_AGENT_ENTRIES);
+}
+/**
+ * An agent step with `each`: the step once per entry, one after the other, each reading its
+ * entry as {{item}}. The results become one table — the entry's columns and the step's output
+ * fields — and one text with a heading per entry.
+ */
+async function runAgentEach(step, ctx) {
+    const entries = agentEntries(step, ctx);
+    if (!entries.length) {
+        throw new StepError("Es gibt keine Einträge, für die dieser Schritt arbeiten könnte.");
+    }
+    // The view, if any, is composed once over the table of all entries.
+    const single = {
+        ...step,
+        each: undefined,
+        output: { ...step.output, surface: false },
+    };
+    const rows = [];
+    const texts = [];
+    const assets = [];
+    for (const [index, item] of entries.entries()) {
+        await ctx.emit("info", { code: "entry", params: { n: index + 1, total: entries.length } });
+        const scope = { ...ctx.scope, entry: { item, index, count: entries.length } };
+        const out = await runAgentStep(single, { ...ctx, scope });
+        const own = item && typeof item === "object" ? item : { item };
+        const json = out.json && typeof out.json === "object" ? out.json : {};
+        rows.push({ ...own, ...json });
+        const title = Object.values(own).find((v) => typeof v === "string") ?? `${index + 1}`;
+        texts.push(`## ${String(title)}\n\n${out.text ?? ""}`.trim());
+        assets.push(...(out.assets ?? []));
+    }
+    const json = { rows };
+    const surface = step.output.surface
+        ? await composeSurface({
+            ...step,
+            output: {
+                ...step.output,
+                fields: [
+                    {
+                        id: "rows",
+                        kind: "table",
+                        description: "One row per entry: its columns and the step's fields",
+                    },
+                ],
+            },
+        }, json, ctx)
+        : undefined;
+    return {
+        text: texts.join("\n\n"),
+        json,
+        ...(surface ? { surface } : {}),
+        assets: assets.length ? assets : undefined,
+        at: new Date().toISOString(),
+    };
+}
 export async function runAgentStep(step, ctx) {
+    if (step.each) {
+        return runAgentEach(step, ctx);
+    }
     const resolved = await textModel(step.model ?? "high", { ...ctx.call, effort: step.effort });
     const uploads = await personUploads(ctx);
     const { tools, assets, close } = await buildStepTools(step, ctx, resolved, uploads);
@@ -192,22 +385,7 @@ export async function runAgentStep(step, ctx) {
             .join("\n\n");
         // A decision needs no agent: its questions go to the classifier class in one call.
         if (isDecisionStep(step) && uploads.length === 0) {
-            const { schema, fields } = outputSchema(step);
-            const decision = await generateText({
-                model: resolved.model,
-                abortSignal: ctx.signal,
-                output: Output.object({ schema }),
-                prompt,
-            });
-            await ctx.chargeUsd(costOf(resolved, decision.usage));
-            const json = decision.output;
-            const text = fields
-                .map((f) => {
-                const value = json[f.id];
-                return `${f.description ?? f.id}: ${value === true ? "ja" : value === false ? "nein" : String(value)}`;
-            })
-                .join("\n");
-            return { text, json, at: new Date().toISOString() };
+            return decideStep(step, prompt, ctx);
         }
         const agent = new Agent({
             id: `step-${step.id}`,
@@ -260,7 +438,14 @@ export async function runAgentStep(step, ctx) {
         });
         await ctx.chargeUsd(costOf(structurer, structured.usage));
         const json = tablesToRecords(structured.output, fields);
-        return { text, json, assets: assets.length ? assets : undefined, at: new Date().toISOString() };
+        const surface = step.output.surface ? await composeSurface(step, json, ctx) : undefined;
+        return {
+            text,
+            json,
+            ...(surface ? { surface } : {}),
+            assets: assets.length ? assets : undefined,
+            at: new Date().toISOString(),
+        };
     }
     finally {
         await close();
@@ -604,5 +789,8 @@ export async function runAutomaticStep(step, ctx) {
     if (step.type === "film") {
         return runFilmStep(step, ctx);
     }
+    if (step.type === "surface") {
+        return runSurfaceStep(step, ctx);
+    }
     throw new StepError(`Step ${step.id} is not automatic.`);
 }

package/apps/runtime/dist/engine/surface.js

@@ -0,0 +1,90 @@
+import { assembleSurface, dataRef, listRef, } from "@engenty-wizards/shared/definition";
+import { validateSurface } from "@engenty-wizards/shared/surface";
+import { decide } from "./decide.js";
+import { answersAsText, resolveRef } from "./template.js";
+import { StepError } from "./types.js";
+/**
+ * A surface step: its data read from the run (answers, outputs, stored lists; the pictures a
+ * step made as asset ids), its components written once — or, for a decided surface, the pieces
+ * one decision keeps. Checked against the catalog before it is shown.
+ */
+export async function runSurfaceStep(step, ctx) {
+    const data = surfaceData(step.data, ctx);
+    const components = step.components ?? (await decidedComponents(step, ctx));
+    const issues = validateSurface(components, Object.keys(data));
+    if (issues.length) {
+        throw new StepError(`Die Ansicht ist fehlerhaft: ${issues.map((i) => i.message).join(" ")}`);
+    }
+    return { surface: { components, data }, at: new Date().toISOString() };
+}
+/** What a surface reads: key → a field, a step's output or one of its fields, a stored list. */
+export function surfaceData(refs, ctx) {
+    const out = {};
+    for (const [key, raw] of Object.entries(refs)) {
+        const ref = dataRef(raw);
+        const list = listRef(ref);
+        if (list) {
+            out[key] = (ctx.scope.lists?.[list]?.rows ?? []).map((r) => r.cells);
+            continue;
+        }
+        const source = ctx.def.steps.find((s) => `steps.${s.id}` === ref);
+        if (source && (source.type === "generate" || source.type === "widget")) {
+            // Pictures and clips by asset id: the runner shows them from the run's files.
+            const ids = (ctx.state.outputs[source.id]?.assets ?? []).map((a) => a.id);
+            out[key] = source.type === "generate" && source.each ? ids : (ids[0] ?? null);
+            continue;
+        }
+        const output = source ? ctx.state.outputs[source.id] : undefined;
+        out[key] = output ? (output.json ?? output.text ?? null) : (resolveRef(ref, ctx.scope) ?? null);
+    }
+    return out;
+}
+/** The pieces of a decided surface one decision keeps: required ones always. */
+async function decidedComponents(step, ctx) {
+    const candidates = step.candidates ?? [];
+    const questions = {};
+    for (const c of candidates) {
+        if (!c.required && !c.group) {
+            questions[`p_${c.id}`] = {
+                type: "noul",
+                instructions: `Should the view show this: ${c.description}`,
+            };
+        }
+    }
+    for (const g of step.groups ?? []) {
+        const members = candidates.filter((c) => c.group === g.id && !c.required);
+        if (members.length) {
+            questions[`g_${g.id}`] = {
+                type: "choice",
+                instructions: g.instructions,
+                criteria: {
+                    ...Object.fromEntries(members.map((c) => [c.id, c.description])),
+                    ...(g.optional ? { none: "None of these." } : {}),
+                },
+            };
+        }
+    }
+    const kept = new Set(candidates.filter((c) => c.required).map((c) => c.id));
+    if (Object.keys(questions).length) {
+        const results = Object.fromEntries(ctx.def.steps
+            .map((s) => [s.title, ctx.state.outputs[s.id]?.text ?? ""])
+            .filter(([, text]) => text)
+            .map(([title, text]) => [title, text.slice(0, 6000)]));
+        const decision = await decide({
+            state: { answers: answersAsText(ctx.scope), results },
+            questions,
+            call: ctx.call,
+            signal: ctx.signal,
+            charge: ctx.chargeUsd,
+        });
+        for (const [name, answer] of Object.entries(decision.answers)) {
+            if (answer.type === "noul" && answer.noul >= 0.5) {
+                kept.add(name.slice(2));
+            }
+            else if (answer.type === "choice" && answer.choice !== "none") {
+                kept.add(answer.choice);
+            }
+        }
+    }
+    return assembleSurface(candidates, kept);
+}

package/apps/runtime/dist/render/downloads.js

@@ -69,6 +69,13 @@ export async function renderDownload(step, output, format, baseName) {
             ? { data: new Uint8Array(found.data), mime: found.row.mime, filename: file(format) }
             : null;
     }
+    if (step.type === "surface") {
+        return {
+            data: JSON.stringify(output.surface ?? {}, null, 2),
+            mime: MIME.json,
+            filename: file("json"),
+        };
+    }
     if (step.type === "widget") {
         const source = output.assets?.find((a) => a.mime === "text/html");
         if (format === "json") {

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

@@ -558,8 +558,16 @@ export const runRoutes = new Hono()
     if (!run || !connection) {
         return c.json({ error: "not found" }, 404);
     }
-    const url = await startOAuth(scopeOf(run), await projectIdOf(run), run.id, connection, c.req.param("connectorId"));
-    return c.json({ url });
+    try {
+        const url = await startOAuth(scopeOf(run), await projectIdOf(run), run.id, connection, c.req.param("connectorId"));
+        return c.json({ url });
+    }
+    catch (err) {
+        if (err instanceof ConnectError) {
+            return c.json({ error: err.message }, 422);
+        }
+        throw err;
+    }
 })
     .post("/:id/connections/:connectionId/credentials/:connectorId", async (c) => {
     const run = await accessibleRun(c, c.req.param("id"));
@@ -780,13 +788,18 @@ function sendDownload(c, download) {
  */
 export const connectCallback = new Hono().get("/callback", async (c) => {
     const code = c.req.query("code");
+    // Connected through the account's Manage-App: a ticket instead of a code.
+    const ticket = c.req.query("ticket");
     const state = c.req.query("state");
     let ok = false;
-    let message = "Verbinden wurde abgebrochen.";
+    let message = c.req.query("error") === "exchange_failed"
+        ? "Verbinden hat nicht geklappt. Bitte noch einmal versuchen."
+        : "Verbinden wurde abgebrochen.";
     const tenant = state ? await tenantOfRun(oauthStateRun(state) ?? "") : null;
-    if (code && state && tenant) {
+    const answer = ticket ? { ticket } : code ? { code } : null;
+    if (answer && state && tenant) {
         try {
-            const done = await withTenant(tenant, () => finishOAuth(code, state));
+            const done = await withTenant(tenant, () => finishOAuth(answer, state));
             signalChanged(done.runId);
             ok = true;
             message = "Verbunden. Du kannst dieses Fenster schließen.";

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

@@ -1,32 +1,27 @@
-import { systemOneAccess } from "../models.js";
+import { decide } from "../engine/decide.js";
 /**
  * The last step of a search of Wissen: does each candidate the index found help answer the
- * question? TypeSafe's Jev answers one yes/no question per candidate, all in one call and each
- * on its own, with P(yes) and no text. What falls under MIN_RELEVANCE goes; the rest is ranked
- * by it. As engenty-pro's knowledge base checks its hits.
+ * question? One yes/no question per candidate, all in one decision: a decision model (Jev)
+ * answers each on its own with P(yes); without one the classifier class's language model
+ * answers yes or no. What falls under MIN_RELEVANCE goes; the rest is ranked by it. As
+ * engenty-pro's knowledge base checks its hits.
  */
 export const MIN_RELEVANCE = 0.5;
 /** A search waits for a person: a classifier that cannot answer in this time is left out. */
 const TIMEOUT_MS = 4000;
-const ATTEMPTS = 2;
 const TEXT_CHARS = 1200;
 const clip = (value, max) => {
     const s = value.replace(/\s+/g, " ").trim();
     return s.length > max ? `${s.slice(0, max - 1)}…` : s;
 };
 /**
- * P(relevant) for each candidate, in their order; null for one the answer left out. Null for
- * all of them when no classifier is set up or it did not answer in time: the search then keeps
- * the order the index gave.
+ * P(relevant) for each candidate, in their order. Null for all of them when no way decided in
+ * time: the search then keeps the order the index gave.
  */
 export async function judgeRelevance(query, candidates, signal) {
     if (!candidates.length) {
         return [];
     }
-    const access = await systemOneAccess().catch(() => null);
-    if (!access) {
-        return null;
-    }
     const questions = {};
     const state = {
         query: clip(query, 600),
@@ -49,42 +44,15 @@ export async function judgeRelevance(query, candidates, signal) {
             };
         }),
     };
-    const body = JSON.stringify({
-        ...(access.model ? { model: access.model } : {}),
-        state,
-        questions,
-    });
-    for (let attempt = 1; attempt <= ATTEMPTS; attempt++) {
-        try {
-            const res = await fetch(access.url, {
-                method: "POST",
-                headers: { ...access.headers, "content-type": "application/json" },
-                body,
-                signal: signal
-                    ? AbortSignal.any([signal, AbortSignal.timeout(TIMEOUT_MS)])
-                    : AbortSignal.timeout(TIMEOUT_MS),
-            });
-            if (!res.ok) {
-                if ([429, 503, 529].includes(res.status) && attempt < ATTEMPTS) {
-                    continue;
-                }
-                console.warn(`[relevance] the classifier answered ${res.status}`);
-                return null;
-            }
-            const answer = (await res.json());
-            return candidates.map((_, index) => {
-                const a = answer.answers?.[`c${index}`];
-                return a?.type === "noul" && typeof a.noul === "number" && Number.isFinite(a.noul)
-                    ? Math.round(a.noul * 1000) / 1000
-                    : null;
-            });
-        }
-        catch (err) {
-            if (signal?.aborted || attempt >= ATTEMPTS) {
-                console.warn("[relevance] the classifier did not answer:", err.message);
-                return null;
-            }
-        }
+    try {
+        const decision = await decide({ state, questions, signal, deadlineMs: TIMEOUT_MS });
+        return candidates.map((_, index) => {
+            const a = decision.answers[`c${index}`];
+            return a?.type === "noul" ? Math.round(a.noul * 1000) / 1000 : null;
+        });
+    }
+    catch (err) {
+        console.warn("[relevance] no decision:", err.message);
+        return null;
     }
-    return null;
 }

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

@@ -5,12 +5,24 @@ import { pageReadInput, readKnowledgePage } from "./project.js";
 import { attempt, clip } from "./shared.js";
 /**
  * Pages for a step that lists "pages": Markdown its wizard keeps for every run — notes, a log, a
- * summary that grows — shown in the studio under Space → Daten. Its page_read also reads the
- * pages of Wissen, by path.
+ * summary that grows — its memory, shown in the studio's Memory tab and under Space → Daten. Its
+ * page_read also reads the pages of Wissen, by path. A test run reads the wizard's pages but
+ * writes into a copy of its own in the run's state, which goes with the run.
  */
 export function pageTools(ctx) {
     const projectId = ctx.project.id;
     const wizardId = ctx.store.wizardId;
+    /** The wizard's pages as this run sees them: a test run's own writes over the real ones. */
+    const pages = async () => {
+        const real = await runPages(projectId, wizardId);
+        const copy = ctx.test ? (ctx.state.memory ?? {}) : {};
+        const lower = (t) => t.toLowerCase();
+        const written = Object.entries(copy).map(([title, markdown]) => ({ title, markdown }));
+        return [
+            ...real.filter((p) => !written.some((w) => lower(w.title) === lower(p.title))),
+            ...written,
+        ].sort((a, b) => a.title.localeCompare(b.title));
+    };
     return {
         page_read: createTool({
             id: "page_read",
@@ -26,13 +38,13 @@ export function pageTools(ctx) {
                     return readKnowledgePage(ctx, { path, section, from });
                 }
                 return attempt(async () => {
-                    const pages = await runPages(projectId, wizardId);
+                    const all = await pages();
                     if (!title?.trim()) {
-                        return { pages: pages.map((p) => ({ title: p.title, chars: p.markdown.length })) };
+                        return { pages: all.map((p) => ({ title: p.title, chars: p.markdown.length })) };
                     }
-                    const page = pages.find((p) => p.title.toLowerCase() === title.trim().toLowerCase());
+                    const page = all.find((p) => p.title.toLowerCase() === title.trim().toLowerCase());
                     if (!page) {
-                        return { error: `No page "${title}".`, pages: pages.map((p) => p.title) };
+                        return { error: `No page "${title}".`, pages: all.map((p) => p.title) };
                     }
                     return { title: page.title, markdown: clip(page.markdown, 40_000) };
                 });
@@ -47,6 +59,19 @@ export function pageTools(ctx) {
                 append: z.boolean().optional(),
             }),
             execute: (input) => attempt(async () => {
+                if (ctx.test) {
+                    const title = input.title.trim();
+                    const before = (await pages()).find((p) => p.title.toLowerCase() === title.toLowerCase());
+                    const markdown = before && input.append
+                        ? `${before.markdown.trimEnd()}\n\n${input.markdown.trim()}`
+                        : input.markdown;
+                    ctx.state.memory = { ...ctx.state.memory, [before?.title ?? title]: markdown };
+                    await ctx.emit("tool", {
+                        code: "writesPage",
+                        params: { title: before?.title ?? title },
+                    });
+                    return { title: before?.title ?? title, chars: markdown.length, test: true };
+                }
                 const page = await writeRunPage(projectId, wizardId, input);
                 await ctx.emit("tool", { code: "writesPage", params: { title: page.title } });
                 return page;

package/apps/web/dist/assets/{Account-thPW7H4A.js → Account-Cnksw5Ea.js}

@@ -1 +1 @@
-import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{c as r,j as i,n as a,nt as o}from"./api-rJBQEu1G.js";import{t as s}from"./createLucideIcon-q3MZMmnf.js";import{t as c}from"./check-CUpby_J9.js";import{n as l,r as u}from"./upload-DNRENWzQ.js";import{t as d}from"./external-link-MAL7vJYj.js";import{c as f,f as p,g as m,h,n as g,o as ee,r as _,s as v,t as y,x as b,y as x}from"./ui-DJOZSSKo.js";import{F as te,K as S,V as C,f as w,o as T,p as E,u as D,x as O}from"./index-CoTWrikR.js";import{n as k}from"./LocalRuntime-CYhPXwAv.js";var A={name:`hard-drive`,size:24,node:[[`path`,{d:`M10 16h.01`,key:`1bzywj`}],[`path`,{d:`M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`18tbho`}],[`path`,{d:`M21.946 12.013H2.054`,key:`zqlbp7`}],[`path`,{d:`M6 16h.01`,key:`1pmjb7`}]]};A.node;var j=s(A),M={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};M.node;var N=s(M),P={name:`list`,size:24,node:[[`path`,{d:`M3 5h.01`,key:`18ugdj`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M3 19h.01`,key:`noohij`}],[`path`,{d:`M8 5h13`,key:`1pao27`}],[`path`,{d:`M8 12h13`,key:`1za7za`}],[`path`,{d:`M8 19h13`,key:`m83p4d`}]]};P.node;var F=s(P),I=e(t(),1),L=e=>[`project-files`,e];function R(e){return i({queryKey:L(e),queryFn:()=>a.get(`/api/studio/projects/${e}/files`),refetchInterval:e=>e.state.data?.files.some(e=>e.status===`pending`)?2e3:!1})}function z(e,t){return r(`/api/studio/projects/${e}/files/${t}/content`)}function B(e,t=!1){let n=o(),[r,i]=(0,I.useState)(!1),[s,c]=(0,I.useState)(null),l=()=>n.invalidateQueries({queryKey:L(e)}),u=async e=>{c(null);try{await e()}catch(e){c(e.message)}finally{await l()}};return{busy:r,error:s,readOnly:t,upload:async(t,n)=>{i(!0),await u(async()=>{for(let r of n)await a.upload(`/api/studio/projects/${e}/files?kind=${t}`,r),await l()}),i(!1)},describe:(t,n)=>u(()=>a.patch(`/api/studio/projects/${e}/files/${t}`,{description:n})),remove:t=>u(()=>a.del(`/api/studio/projects/${e}/files/${t}`)),reindex:t=>u(()=>a.post(`/api/studio/projects/${e}/files/${t}/reindex`)),order:(t,n)=>u(()=>a.put(`/api/studio/projects/${e}/files/order`,{kind:t,ids:n}))}}function V(e,t){let n=`wz.layout.${e}`,[r,i]=(0,I.useState)(()=>{try{let e=localStorage.getItem(n);return e===`list`||e===`cards`?e:t}catch{return t}});return[r,()=>i(e=>{let t=e===`list`?`cards`:`list`;try{localStorage.setItem(n,t)}catch{}return t})]}function H(e,t,n=700){let[r,i]=(0,I.useState)(`idle`),[a,o]=(0,I.useState)(null),s=JSON.stringify(e),c=(0,I.useRef)(s),l=(0,I.useRef)({value:e,json:s,save:t});l.current={value:e,json:s,save:t};let u=(0,I.useRef)(Promise.resolve()),d=(0,I.useCallback)(()=>{let e=l.current;e.json!==c.current&&(c.current=e.json,i(`saving`),u.current=u.current.then(async()=>{try{await e.save(e.value),o(null),i(`saved`)}catch(e){c.current=``,o(e.message),i(`error`)}}))},[]);return(0,I.useEffect)(()=>{if(s===c.current)return;let e=setTimeout(d,n);return()=>clearTimeout(e)},[s,n,d]),(0,I.useEffect)(()=>d,[d]),{state:r,error:a}}function U(e){return e<1e6?`${Math.max(1,Math.round(e/1e3))} KB`:`${(e/1e6).toFixed(1)} MB`}var W=e(n(),1);function G({id:e,children:t}){return(0,W.jsx)(`div`,{id:e,className:`scroll-mt-24 max-md:scroll-mt-36`,children:t})}function K({title:e,hint:t,save:n,action:r,locked:i,plain:a,children:o}){return(0,W.jsxs)(`section`,{className:`flex flex-col gap-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-1`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(`h2`,{className:`font-display font-semibold text-lg leading-tight`,children:e}),n?.state===`saving`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[(0,W.jsx)(p,{className:`size-3`}),` `,b(`project.saving`)]}):n?.state===`saved`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-moss`,children:[(0,W.jsx)(c,{className:`size-3.5`}),` `,b(`settings.saved`)]}):null]}),t?(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-snug`,children:t}):null]}),r?(0,W.jsx)(`div`,{className:`shrink-0`,children:r}):null]}),a?o:(0,W.jsxs)(g,{className:`p-3.5 sm:p-5`,children:[i?(0,W.jsx)(`fieldset`,{disabled:!0,className:`min-w-0`,children:o}):o,n?.state===`error`&&n.error?(0,W.jsx)(`p`,{className:`mt-4 text-[0.875rem] text-rose`,children:n.error}):null]})]})}function q({children:e,layout:t,onToggle:n}){return(0,W.jsxs)(`div`,{className:`mb-3 flex items-start gap-2`,children:[(0,W.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,W.jsx)(`div`,{className:`w-56 max-w-full transition-[width] duration-200 focus-within:w-full has-[input:not(:placeholder-shown)]:w-full`,children:e})}),(0,W.jsx)(ee,{label:b(t===`list`?`project.viewCards`:`project.viewList`),onClick:n,children:t===`list`?(0,W.jsx)(N,{className:`size-4`}):(0,W.jsx)(F,{className:`size-4`})})]})}function J({value:e,onChange:t,onEnter:n,placeholder:r,busy:i}){return(0,W.jsxs)(`div`,{className:`relative`,children:[(0,W.jsx)(l,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-4`}),(0,W.jsx)(`input`,{type:`search`,value:e,placeholder:r,onChange:e=>t(e.target.value),onKeyDown:e=>e.key===`Enter`&&n?.(),className:`h-9 w-full rounded-lg border border-input bg-card pr-3 pl-9 text-[0.875rem] text-ink outline-none transition placeholder:text-ink-4 focus:border-focus focus:ring-4 focus:ring-focus-glow`}),i?(0,W.jsx)(p,{className:`-translate-y-1/2 absolute top-1/2 right-3 size-4 text-ink-3`}):null]})}function Y({onFiles:e,accept:t,multiple:n=!0,className:r,children:i}){return(0,W.jsxs)(`label`,{onDragOver:e=>{e.preventDefault(),e.currentTarget.dataset.over=`1`},onDragLeave:e=>{delete e.currentTarget.dataset.over},onDrop:t=>{t.preventDefault(),delete t.currentTarget.dataset.over;let r=Array.from(t.dataTransfer.files);r.length&&e(n?r:r.slice(0,1))},className:m(`flex cursor-pointer items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition focus-within:border-focus focus-within:ring-4 focus-within:ring-focus-glow hover:border-ink-4 hover:text-ink data-[over]:border-focus data-[over]:bg-paper-2 data-[over]:text-ink`,r),children:[i,(0,W.jsx)(`input`,{className:`sr-only`,type:`file`,accept:t,multiple:n,onChange:t=>{let n=Array.from(t.target.files??[]);t.target.value=``,n.length&&e(n)}})]})}var X=`mt-1.5 text-[0.8125rem] text-ink-3`;function Z(e){let t=o(),[n,r]=(0,I.useState)(!1),i=S({mutationFn:e=>a.post(`/api/studio/account/link`,e),onSuccess:({url:e})=>{k(e),r(!0)}});return(0,I.useEffect)(()=>{if(!n)return;let e=setInterval(()=>void t.invalidateQueries({queryKey:[`me`]}),2e3),i=setTimeout(()=>r(!1),3e5);return()=>{clearInterval(e),clearTimeout(i)}},[n,t]),(0,I.useEffect)(()=>{e&&r(!1)},[e]),{link:i,waiting:n}}function Q({link:e,waiting:t}){return e.isError?(0,W.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:b(`local.accountFailed`)}):t?(0,W.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,W.jsx)(p,{className:`size-3.5`}),` `,b(`local.accountWaiting`)]}):null}function ne(){let e=Z(!1),{link:t}=e,[n,r]=(0,I.useState)(``);return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-start gap-4 py-5 first:pt-0 last:pb-0`,children:[(0,W.jsx)(`div`,{className:`flex size-11 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-2`,children:(0,W.jsx)(j,{className:`size-5`})}),(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.local`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:b(`account.localText`)})]})]}),E.account?(0,W.jsxs)(`div`,{className:`flex flex-col gap-4 py-5 last:pb-0`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.with`)}),(0,W.jsxs)(`ul`,{className:`mt-2 flex flex-col gap-2 text-[0.875rem] text-ink-2 leading-snug`,children:[(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(u,{className:`mt-0.5 size-4 shrink-0 text-amber`}),b(`account.withCredits`)]}),(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(C,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),b(`account.withCloud`)]})]})]}),(0,W.jsx)(`div`,{children:(0,W.jsx)(y,{busy:t.isPending&&!t.variables?.signup,onClick:()=>t.mutate({}),children:b(`account.signIn`)})})]}):null,E.account?(0,W.jsxs)(`form`,{className:`flex flex-col gap-3 py-5 last:pb-0`,onSubmit:e=>{e.preventDefault(),t.mutate({signup:!0,code:n.trim()||void 0})},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.new`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:b(`account.newHint`)})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,W.jsx)(v,{value:n,maxLength:64,autoComplete:`off`,spellCheck:!1,placeholder:b(`account.code`),"aria-label":b(`account.code`),onChange:e=>r(e.target.value),className:`w-56 font-mono text-[0.875rem]`}),(0,W.jsx)(y,{type:`submit`,variant:`secondary`,className:`h-11`,busy:t.isPending&&!!t.variables?.signup,children:b(`account.create`)})]}),(0,W.jsx)(Q,{...e})]}):null]})}var $={start:`account.kind.start`,monthly:`account.kind.monthly`,gift:`account.kind.gift`};function re({account:e}){let t=o(),n=Z(e.signedIn),r=S({mutationFn:()=>a.del(`/api/studio/account`),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})}),i=new Intl.DateTimeFormat(x,{dateStyle:`medium`});return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3 py-5 first:pt-0`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.name||e.email}),e.signedIn?(0,W.jsx)(_,{tone:`live`,children:b(`account.linked`)}):null]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.email})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(e.url),children:[b(`setup.openAccount`),` `,(0,W.jsx)(d,{className:`size-4`})]}),(0,W.jsxs)(y,{variant:`ghost`,busy:r.isPending,onClick:()=>r.mutate(),children:[(0,W.jsx)(te,{className:`size-4`}),` `,b(`nav.logout`)]})]})]}),e.signedIn?null:(0,W.jsxs)(`div`,{className:`flex flex-col gap-3 py-5`,children:[(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-2`,children:b(`local.accountExpired`)}),(0,W.jsx)(`div`,{children:(0,W.jsx)(y,{busy:n.link.isPending,onClick:()=>n.link.mutate({}),children:b(`account.signInAgain`)})}),(0,W.jsx)(Q,{...n})]}),e.credits===null?null:(0,W.jsxs)(`div`,{className:`py-5`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:b(`account.credits`)}),(0,W.jsx)(`div`,{className:`font-display font-semibold text-[1.375rem] tabular-nums leading-tight`,children:b(`nav.credits`,{n:Math.floor(e.credits).toLocaleString()})})]}),(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(`${e.url}/billing`),children:[b(`account.topUp`),` `,(0,W.jsx)(d,{className:`size-4`})]})]}),e.expiring.length?(0,W.jsx)(`ul`,{className:`mt-3 flex flex-col gap-1 text-[0.8125rem] text-ink-3 tabular-nums`,children:e.expiring.map(e=>(0,W.jsxs)(`li`,{children:[b(`account.expires`,{n:Math.floor(e.credits).toLocaleString(),date:i.format(new Date(e.expiresAt))}),$[e.kind]?(0,W.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,b($[e.kind])]}):null]},`${e.kind}:${e.expiresAt}`))}):null]}),(0,W.jsxs)(`div`,{className:`flex items-start gap-2.5 py-5 text-[0.875rem] text-ink-2 leading-snug last:pb-0`,children:[(0,W.jsx)(C,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),(0,W.jsx)(`p`,{children:b(`account.cloud`,{host:T(e.cloudUrl)})})]})]})}function ie({me:e,fromAccount:t}){let n=o(),[r,i]=(0,I.useState)(e.profile),s=e=>i(t=>({...t,...e})),c=H(r,async e=>{await a.put(`/api/studio/profile`,e),await n.invalidateQueries({queryKey:[`me`]})});return(0,W.jsx)(K,{title:b(`account.profile`),hint:b(`account.hint`),save:c,children:(0,W.jsxs)(`div`,{className:`flex flex-col gap-6 sm:flex-row sm:gap-8`,children:[(0,W.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center gap-2 sm:w-32`,children:[(0,W.jsx)(`div`,{className:`flex size-20 items-center justify-center overflow-hidden rounded-full bg-ember-tint font-semibold text-[1.75rem] text-ember-strong ring-1 ring-border-soft`,children:e.user.image?(0,W.jsx)(`img`,{src:e.user.image,alt:``,className:`size-full object-cover`}):O(r.name)||`?`}),(0,W.jsx)(`p`,{className:`text-center text-[0.75rem] text-ink-3 leading-snug`,children:b(`account.initials`)})]}),(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-5`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.name`)}),(0,W.jsx)(v,{value:r.name,maxLength:80,disabled:t,onChange:e=>s({name:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:b(t?`account.fromAccount`:`account.nameHint`)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.about`)}),(0,W.jsx)(h,{minRows:3,maxLength:2e3,value:r.about,onChange:e=>s({about:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:b(`account.aboutHint`)})]}),(0,W.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.email`)}),(0,W.jsx)(v,{type:`email`,value:r.email,maxLength:200,disabled:t,onChange:e=>s({email:e.target.value})})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.phone`)}),(0,W.jsx)(v,{type:`tel`,value:r.phone,maxLength:40,onChange:e=>s({phone:e.target.value})})]})]})]})]})})}function ae({me:e}){let t=e.mode===`managed`,n=t||!!e.account;return(0,W.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,W.jsx)(K,{title:b(`account.connection`),hint:b(`account.connectionHint`),children:t?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.user.name}),(0,W.jsx)(_,{tone:`live`,children:b(`account.linked`)})]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.user.email})]}),e.manageUrl?(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(`${e.manageUrl}/account`),children:[b(`setup.openAccount`),` `,(0,W.jsx)(d,{className:`size-4`})]}):null]}):e.account?(0,W.jsx)(re,{account:e.account}):(0,W.jsx)(ne,{})}),(0,W.jsx)(ie,{me:e,fromAccount:n},n?`account`:`own`),(0,W.jsx)(K,{title:b(`account.look`),hint:b(`account.lookHint`),children:(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pb-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:b(`nav.language`)}),(0,W.jsx)(w,{tone:`surface`})]}),(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pt-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:b(`nav.theme`)}),(0,W.jsx)(D,{})]})]})})]})}export{Y as a,K as c,H as d,B as f,N as h,G as i,U as l,R as m,Q as n,q as o,V as p,Z as r,J as s,ae as t,z as u};
+import{a as e,n as t,t as n}from"./jsx-runtime-D3jfb0Ew.js";import{c as r,j as i,n as a,nt as o}from"./api-C4M6cbpW.js";import{t as s}from"./createLucideIcon-q3MZMmnf.js";import{t as c}from"./check-CUpby_J9.js";import{n as l,r as u}from"./upload-DNRENWzQ.js";import{t as d}from"./external-link-MAL7vJYj.js";import{c as f,f as p,g as m,h,n as g,o as ee,r as _,s as v,t as y,x as b,y as x}from"./ui-BS348L4M.js";import{F as te,K as S,V as C,f as w,o as T,p as E,u as D,x as O}from"./index-DMKXnSf-.js";import{n as k}from"./LocalRuntime-Boi_zqQJ.js";var A={name:`hard-drive`,size:24,node:[[`path`,{d:`M10 16h.01`,key:`1bzywj`}],[`path`,{d:`M2.212 11.577a2 2 0 0 0-.212.896V18a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-5.527a2 2 0 0 0-.212-.896L18.55 5.11A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z`,key:`18tbho`}],[`path`,{d:`M21.946 12.013H2.054`,key:`zqlbp7`}],[`path`,{d:`M6 16h.01`,key:`1pmjb7`}]]};A.node;var j=s(A),M={name:`layout-grid`,size:24,node:[[`rect`,{width:`7`,height:`7`,x:`3`,y:`3`,rx:`1`,key:`1g98yp`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`3`,rx:`1`,key:`6d4xhi`}],[`rect`,{width:`7`,height:`7`,x:`14`,y:`14`,rx:`1`,key:`nxv5o0`}],[`rect`,{width:`7`,height:`7`,x:`3`,y:`14`,rx:`1`,key:`1bb6yr`}]]};M.node;var N=s(M),P={name:`list`,size:24,node:[[`path`,{d:`M3 5h.01`,key:`18ugdj`}],[`path`,{d:`M3 12h.01`,key:`nlz23k`}],[`path`,{d:`M3 19h.01`,key:`noohij`}],[`path`,{d:`M8 5h13`,key:`1pao27`}],[`path`,{d:`M8 12h13`,key:`1za7za`}],[`path`,{d:`M8 19h13`,key:`m83p4d`}]]};P.node;var F=s(P),I=e(t(),1),L=e=>[`project-files`,e];function R(e){return i({queryKey:L(e),queryFn:()=>a.get(`/api/studio/projects/${e}/files`),refetchInterval:e=>e.state.data?.files.some(e=>e.status===`pending`)?2e3:!1})}function z(e,t){return r(`/api/studio/projects/${e}/files/${t}/content`)}function B(e,t=!1){let n=o(),[r,i]=(0,I.useState)(!1),[s,c]=(0,I.useState)(null),l=()=>n.invalidateQueries({queryKey:L(e)}),u=async e=>{c(null);try{await e()}catch(e){c(e.message)}finally{await l()}};return{busy:r,error:s,readOnly:t,upload:async(t,n)=>{i(!0),await u(async()=>{for(let r of n)await a.upload(`/api/studio/projects/${e}/files?kind=${t}`,r),await l()}),i(!1)},describe:(t,n)=>u(()=>a.patch(`/api/studio/projects/${e}/files/${t}`,{description:n})),remove:t=>u(()=>a.del(`/api/studio/projects/${e}/files/${t}`)),reindex:t=>u(()=>a.post(`/api/studio/projects/${e}/files/${t}/reindex`)),order:(t,n)=>u(()=>a.put(`/api/studio/projects/${e}/files/order`,{kind:t,ids:n}))}}function V(e,t){let n=`wz.layout.${e}`,[r,i]=(0,I.useState)(()=>{try{let e=localStorage.getItem(n);return e===`list`||e===`cards`?e:t}catch{return t}});return[r,()=>i(e=>{let t=e===`list`?`cards`:`list`;try{localStorage.setItem(n,t)}catch{}return t})]}function H(e,t,n=700){let[r,i]=(0,I.useState)(`idle`),[a,o]=(0,I.useState)(null),s=JSON.stringify(e),c=(0,I.useRef)(s),l=(0,I.useRef)({value:e,json:s,save:t});l.current={value:e,json:s,save:t};let u=(0,I.useRef)(Promise.resolve()),d=(0,I.useCallback)(()=>{let e=l.current;e.json!==c.current&&(c.current=e.json,i(`saving`),u.current=u.current.then(async()=>{try{await e.save(e.value),o(null),i(`saved`)}catch(e){c.current=``,o(e.message),i(`error`)}}))},[]);return(0,I.useEffect)(()=>{if(s===c.current)return;let e=setTimeout(d,n);return()=>clearTimeout(e)},[s,n,d]),(0,I.useEffect)(()=>d,[d]),{state:r,error:a}}function U(e){return e<1e6?`${Math.max(1,Math.round(e/1e3))} KB`:`${(e/1e6).toFixed(1)} MB`}var W=e(n(),1);function G({id:e,children:t}){return(0,W.jsx)(`div`,{id:e,className:`scroll-mt-24 max-md:scroll-mt-36`,children:t})}function K({title:e,hint:t,save:n,action:r,locked:i,plain:a,children:o}){return(0,W.jsxs)(`section`,{className:`flex flex-col gap-2.5`,children:[(0,W.jsxs)(`div`,{className:`flex items-start justify-between gap-4 px-1`,children:[(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-3`,children:[(0,W.jsx)(`h2`,{className:`font-display font-semibold text-lg leading-tight`,children:e}),n?.state===`saving`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1.5 text-[0.75rem] text-ink-3`,children:[(0,W.jsx)(p,{className:`size-3`}),` `,b(`project.saving`)]}):n?.state===`saved`?(0,W.jsxs)(`span`,{className:`inline-flex items-center gap-1 text-[0.75rem] text-moss`,children:[(0,W.jsx)(c,{className:`size-3.5`}),` `,b(`settings.saved`)]}):null]}),t?(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-snug`,children:t}):null]}),r?(0,W.jsx)(`div`,{className:`shrink-0`,children:r}):null]}),a?o:(0,W.jsxs)(g,{className:`p-3.5 sm:p-5`,children:[i?(0,W.jsx)(`fieldset`,{disabled:!0,className:`min-w-0`,children:o}):o,n?.state===`error`&&n.error?(0,W.jsx)(`p`,{className:`mt-4 text-[0.875rem] text-rose`,children:n.error}):null]})]})}function q({children:e,layout:t,onToggle:n}){return(0,W.jsxs)(`div`,{className:`mb-3 flex items-start gap-2`,children:[(0,W.jsx)(`div`,{className:`min-w-0 flex-1`,children:(0,W.jsx)(`div`,{className:`w-56 max-w-full transition-[width] duration-200 focus-within:w-full has-[input:not(:placeholder-shown)]:w-full`,children:e})}),(0,W.jsx)(ee,{label:b(t===`list`?`project.viewCards`:`project.viewList`),onClick:n,children:t===`list`?(0,W.jsx)(N,{className:`size-4`}):(0,W.jsx)(F,{className:`size-4`})})]})}function J({value:e,onChange:t,onEnter:n,placeholder:r,busy:i}){return(0,W.jsxs)(`div`,{className:`relative`,children:[(0,W.jsx)(l,{className:`-translate-y-1/2 pointer-events-none absolute top-1/2 left-3 size-4 text-ink-4`}),(0,W.jsx)(`input`,{type:`search`,value:e,placeholder:r,onChange:e=>t(e.target.value),onKeyDown:e=>e.key===`Enter`&&n?.(),className:`h-9 w-full rounded-lg border border-input bg-card pr-3 pl-9 text-[0.875rem] text-ink outline-none transition placeholder:text-ink-4 focus:border-focus focus:ring-4 focus:ring-focus-glow`}),i?(0,W.jsx)(p,{className:`-translate-y-1/2 absolute top-1/2 right-3 size-4 text-ink-3`}):null]})}function Y({onFiles:e,accept:t,multiple:n=!0,className:r,children:i}){return(0,W.jsxs)(`label`,{onDragOver:e=>{e.preventDefault(),e.currentTarget.dataset.over=`1`},onDragLeave:e=>{delete e.currentTarget.dataset.over},onDrop:t=>{t.preventDefault(),delete t.currentTarget.dataset.over;let r=Array.from(t.dataTransfer.files);r.length&&e(n?r:r.slice(0,1))},className:m(`flex cursor-pointer items-center justify-center gap-2 rounded-lg border border-input border-dashed text-[0.875rem] text-ink-3 transition focus-within:border-focus focus-within:ring-4 focus-within:ring-focus-glow hover:border-ink-4 hover:text-ink data-[over]:border-focus data-[over]:bg-paper-2 data-[over]:text-ink`,r),children:[i,(0,W.jsx)(`input`,{className:`sr-only`,type:`file`,accept:t,multiple:n,onChange:t=>{let n=Array.from(t.target.files??[]);t.target.value=``,n.length&&e(n)}})]})}var X=`mt-1.5 text-[0.8125rem] text-ink-3`;function Z(e){let t=o(),[n,r]=(0,I.useState)(!1),i=S({mutationFn:e=>a.post(`/api/studio/account/link`,e),onSuccess:({url:e})=>{k(e),r(!0)}});return(0,I.useEffect)(()=>{if(!n)return;let e=setInterval(()=>void t.invalidateQueries({queryKey:[`me`]}),2e3),i=setTimeout(()=>r(!1),3e5);return()=>{clearInterval(e),clearTimeout(i)}},[n,t]),(0,I.useEffect)(()=>{e&&r(!1)},[e]),{link:i,waiting:n}}function Q({link:e,waiting:t}){return e.isError?(0,W.jsx)(`p`,{className:`text-[0.8125rem] text-rose`,children:b(`local.accountFailed`)}):t?(0,W.jsxs)(`p`,{className:`flex items-center gap-2 text-[0.8125rem] text-ink-3`,children:[(0,W.jsx)(p,{className:`size-3.5`}),` `,b(`local.accountWaiting`)]}):null}function ne(){let e=Z(!1),{link:t}=e,[n,r]=(0,I.useState)(``);return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-start gap-4 py-5 first:pt-0 last:pb-0`,children:[(0,W.jsx)(`div`,{className:`flex size-11 shrink-0 items-center justify-center rounded-full bg-paper-2 text-ink-2`,children:(0,W.jsx)(j,{className:`size-5`})}),(0,W.jsxs)(`div`,{className:`min-w-0`,children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.local`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:b(`account.localText`)})]})]}),E.account?(0,W.jsxs)(`div`,{className:`flex flex-col gap-4 py-5 last:pb-0`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.with`)}),(0,W.jsxs)(`ul`,{className:`mt-2 flex flex-col gap-2 text-[0.875rem] text-ink-2 leading-snug`,children:[(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(u,{className:`mt-0.5 size-4 shrink-0 text-amber`}),b(`account.withCredits`)]}),(0,W.jsxs)(`li`,{className:`flex items-start gap-2.5`,children:[(0,W.jsx)(C,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),b(`account.withCloud`)]})]})]}),(0,W.jsx)(`div`,{children:(0,W.jsx)(y,{busy:t.isPending&&!t.variables?.signup,onClick:()=>t.mutate({}),children:b(`account.signIn`)})})]}):null,E.account?(0,W.jsxs)(`form`,{className:`flex flex-col gap-3 py-5 last:pb-0`,onSubmit:e=>{e.preventDefault(),t.mutate({signup:!0,code:n.trim()||void 0})},children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(`div`,{className:`font-medium text-[0.9375rem]`,children:b(`account.new`)}),(0,W.jsx)(`p`,{className:`mt-1 text-[0.875rem] text-ink-3 leading-relaxed`,children:b(`account.newHint`)})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap gap-2`,children:[(0,W.jsx)(v,{value:n,maxLength:64,autoComplete:`off`,spellCheck:!1,placeholder:b(`account.code`),"aria-label":b(`account.code`),onChange:e=>r(e.target.value),className:`w-56 font-mono text-[0.875rem]`}),(0,W.jsx)(y,{type:`submit`,variant:`secondary`,className:`h-11`,busy:t.isPending&&!!t.variables?.signup,children:b(`account.create`)})]}),(0,W.jsx)(Q,{...e})]}):null]})}var $={start:`account.kind.start`,monthly:`account.kind.monthly`,gift:`account.kind.gift`};function re({account:e}){let t=o(),n=Z(e.signedIn),r=S({mutationFn:()=>a.del(`/api/studio/account`),onSuccess:()=>t.invalidateQueries({queryKey:[`me`]})}),i=new Intl.DateTimeFormat(x,{dateStyle:`medium`});return(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3 py-5 first:pt-0`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.name||e.email}),e.signedIn?(0,W.jsx)(_,{tone:`live`,children:b(`account.linked`)}):null]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.email})]}),(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-2`,children:[(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(e.url),children:[b(`setup.openAccount`),` `,(0,W.jsx)(d,{className:`size-4`})]}),(0,W.jsxs)(y,{variant:`ghost`,busy:r.isPending,onClick:()=>r.mutate(),children:[(0,W.jsx)(te,{className:`size-4`}),` `,b(`nav.logout`)]})]})]}),e.signedIn?null:(0,W.jsxs)(`div`,{className:`flex flex-col gap-3 py-5`,children:[(0,W.jsx)(`p`,{className:`text-[0.875rem] text-ink-2`,children:b(`local.accountExpired`)}),(0,W.jsx)(`div`,{children:(0,W.jsx)(y,{busy:n.link.isPending,onClick:()=>n.link.mutate({}),children:b(`account.signInAgain`)})}),(0,W.jsx)(Q,{...n})]}),e.credits===null?null:(0,W.jsxs)(`div`,{className:`py-5`,children:[(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-x-4 gap-y-3`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsx)(`div`,{className:`text-[0.8125rem] text-ink-3`,children:b(`account.credits`)}),(0,W.jsx)(`div`,{className:`font-display font-semibold text-[1.375rem] tabular-nums leading-tight`,children:b(`nav.credits`,{n:Math.floor(e.credits).toLocaleString()})})]}),(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(`${e.url}/billing`),children:[b(`account.topUp`),` `,(0,W.jsx)(d,{className:`size-4`})]})]}),e.expiring.length?(0,W.jsx)(`ul`,{className:`mt-3 flex flex-col gap-1 text-[0.8125rem] text-ink-3 tabular-nums`,children:e.expiring.map(e=>(0,W.jsxs)(`li`,{children:[b(`account.expires`,{n:Math.floor(e.credits).toLocaleString(),date:i.format(new Date(e.expiresAt))}),$[e.kind]?(0,W.jsxs)(`span`,{className:`text-ink-4`,children:[` · `,b($[e.kind])]}):null]},`${e.kind}:${e.expiresAt}`))}):null]}),(0,W.jsxs)(`div`,{className:`flex items-start gap-2.5 py-5 text-[0.875rem] text-ink-2 leading-snug last:pb-0`,children:[(0,W.jsx)(C,{className:`mt-0.5 size-4 shrink-0 text-cobalt`}),(0,W.jsx)(`p`,{children:b(`account.cloud`,{host:T(e.cloudUrl)})})]})]})}function ie({me:e,fromAccount:t}){let n=o(),[r,i]=(0,I.useState)(e.profile),s=e=>i(t=>({...t,...e})),c=H(r,async e=>{await a.put(`/api/studio/profile`,e),await n.invalidateQueries({queryKey:[`me`]})});return(0,W.jsx)(K,{title:b(`account.profile`),hint:b(`account.hint`),save:c,children:(0,W.jsxs)(`div`,{className:`flex flex-col gap-6 sm:flex-row sm:gap-8`,children:[(0,W.jsxs)(`div`,{className:`flex shrink-0 flex-col items-center gap-2 sm:w-32`,children:[(0,W.jsx)(`div`,{className:`flex size-20 items-center justify-center overflow-hidden rounded-full bg-ember-tint font-semibold text-[1.75rem] text-ember-strong ring-1 ring-border-soft`,children:e.user.image?(0,W.jsx)(`img`,{src:e.user.image,alt:``,className:`size-full object-cover`}):O(r.name)||`?`}),(0,W.jsx)(`p`,{className:`text-center text-[0.75rem] text-ink-3 leading-snug`,children:b(`account.initials`)})]}),(0,W.jsxs)(`div`,{className:`flex min-w-0 flex-1 flex-col gap-5`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.name`)}),(0,W.jsx)(v,{value:r.name,maxLength:80,disabled:t,onChange:e=>s({name:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:b(t?`account.fromAccount`:`account.nameHint`)})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.about`)}),(0,W.jsx)(h,{minRows:3,maxLength:2e3,value:r.about,onChange:e=>s({about:e.target.value})}),(0,W.jsx)(`p`,{className:X,children:b(`account.aboutHint`)})]}),(0,W.jsxs)(`div`,{className:`grid gap-5 sm:grid-cols-2`,children:[(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.email`)}),(0,W.jsx)(v,{type:`email`,value:r.email,maxLength:200,disabled:t,onChange:e=>s({email:e.target.value})})]}),(0,W.jsxs)(`div`,{children:[(0,W.jsx)(f,{children:b(`account.phone`)}),(0,W.jsx)(v,{type:`tel`,value:r.phone,maxLength:40,onChange:e=>s({phone:e.target.value})})]})]})]})]})})}function ae({me:e}){let t=e.mode===`managed`,n=t||!!e.account;return(0,W.jsxs)(`div`,{className:`flex flex-col gap-9`,children:[(0,W.jsx)(K,{title:b(`account.connection`),hint:b(`account.connectionHint`),children:t?(0,W.jsxs)(`div`,{className:`flex flex-wrap items-center gap-4`,children:[(0,W.jsxs)(`div`,{className:`min-w-0 flex-1`,children:[(0,W.jsxs)(`div`,{className:`flex items-center gap-2`,children:[(0,W.jsx)(`span`,{className:`truncate font-medium text-[0.9375rem]`,children:e.user.name}),(0,W.jsx)(_,{tone:`live`,children:b(`account.linked`)})]}),(0,W.jsx)(`div`,{className:`truncate text-[0.875rem] text-ink-3`,children:e.user.email})]}),e.manageUrl?(0,W.jsxs)(y,{variant:`secondary`,onClick:()=>k(`${e.manageUrl}/account`),children:[b(`setup.openAccount`),` `,(0,W.jsx)(d,{className:`size-4`})]}):null]}):e.account?(0,W.jsx)(re,{account:e.account}):(0,W.jsx)(ne,{})}),(0,W.jsx)(ie,{me:e,fromAccount:n},n?`account`:`own`),(0,W.jsx)(K,{title:b(`account.look`),hint:b(`account.lookHint`),children:(0,W.jsxs)(`div`,{className:`flex flex-col divide-y divide-border-soft`,children:[(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pb-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:b(`nav.language`)}),(0,W.jsx)(w,{tone:`surface`})]}),(0,W.jsxs)(`div`,{className:`flex items-center justify-between gap-4 pt-4`,children:[(0,W.jsx)(`span`,{className:`font-medium text-[0.875rem]`,children:b(`nav.theme`)}),(0,W.jsx)(D,{})]})]})})]})}export{Y as a,K as c,H as d,B as f,N as h,G as i,U as l,R as m,Q as n,q as o,V as p,Z as r,J as s,ae as t,z as u};