@tekki-forge/runtime-admin 0.1.0

package/dist/schema-editor.js

@@ -0,0 +1,571 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Check, ChevronDown, ChevronUp, Database, GripVertical, Pencil, Plus, SlidersHorizontal, Trash2, Undo2, X } from "lucide-react";
+import { useCallback, useEffect, useMemo, useState } from "react";
+import { useForge, useMe } from "./context.js";
+import { SchemaDiagram } from "./schema-editor-diagram.js";
+import { useToast } from "./toast.js";
+import { Alert, Badge, Button, Card, Dialog, EmptyState, Input, Label, PageHeader, Select, Spinner, cn } from "./ui.js";
+/** Nav entry for the schema editor (development only); the shell links it under Administration for admins. */
+export const SCHEMA_EDITOR_NAV = { label: "schema.nav", path: "admin/schema" };
+const BASE = "/forge-dev/schema";
+const EXIT_MARKER = "__FORGE_EXIT__";
+const NAME = /^[A-Za-z][A-Za-z0-9]*$/;
+const ENUM_VALUE = /^[A-Za-z][A-Za-z0-9_]*$/;
+const ENTITY_NAME = /^[A-Z][A-Za-z0-9]*$/;
+/** Mirrors RESERVED_ENTITY_NAMES in @tekki-forge/compiler (the server checks again). */
+const RESERVED_ENTITIES = ["User", "Session", "Account", "Verification", "Organization", "Member", "Invitation", "TwoFactor", "Passkey", "AuditLog"];
+export const SCHEMA_FIELD_TYPES = [
+    "string", "text", "richtext", "integer", "decimal", "money", "percentage", "boolean", "date", "datetime", "enum",
+    "email", "url", "phone", "color", "json", "location", "file", "image", "computed", "relation",
+];
+const COMPUTED_TYPES = ["string", "integer", "decimal", "money", "percentage", "boolean", "date", "datetime"];
+const NUMERIC = ["integer", "decimal", "money", "percentage"];
+const ICONS = ["folder", "users", "user", "briefcase", "building", "file-text", "box", "tag", "layers", "star", "calendar", "credit-card", "mail", "map-pin", "package", "shopping-cart", "ticket", "check-square"];
+class DevError extends Error {
+    status;
+    body;
+    constructor(status, body) {
+        super(body?.error ?? `Request failed (${status})`);
+        this.status = status;
+        this.body = body;
+    }
+}
+async function dev(path, body) {
+    const res = await fetch(`${BASE}${path}`, {
+        method: body === undefined ? "GET" : "POST",
+        credentials: "same-origin",
+        cache: "no-store",
+        headers: body === undefined ? { accept: "application/json" } : { accept: "application/json", "content-type": "application/json" },
+        ...(body === undefined ? {} : { body: JSON.stringify(body) }),
+    });
+    const data = res.headers.get("content-type")?.includes("json") ? await res.json().catch(() => null) : null;
+    if (!res.ok)
+        throw new DevError(res.status, data);
+    return data;
+}
+// ---------------------------------------------------------------------------------------------
+// Model
+let seq = 0;
+const uid = () => `k${++seq}`;
+const titleCase = (s) => s
+    .replace(/([a-z0-9])([A-Z])/g, "$1 $2")
+    .split(/[\s_-]+/)
+    .filter(Boolean)
+    .map((w, i) => (i === 0 ? w[0].toUpperCase() + w.slice(1) : w.toLowerCase()))
+    .join(" ");
+function formatSize(bytes) {
+    for (const [unit, n] of [["GB", 1024 ** 3], ["MB", 1024 ** 2], ["KB", 1024]])
+        if (bytes % n === 0)
+            return `${bytes / n}${unit}`;
+    return String(bytes);
+}
+/** The editable view of a compiled field (mirrors draftFromField in tekki-forge/schema-api). */
+function draftFromField(f) {
+    const d = { name: f.name, type: (f.computed ? "computed" : f.kind) };
+    if (f.computed) {
+        d.computedType = f.kind;
+        d.expression = f.computed.expression;
+    }
+    if (f.required && !f.computed)
+        d.required = true;
+    if (f.unique)
+        d.unique = true;
+    if (f.searchable)
+        d.searchable = true;
+    if (f.enumValues) {
+        d.values = f.enumValues.map((v) => v.value);
+        if (f.enumValues.some((v) => v.label !== titleCase(v.value)))
+            d.labels = Object.fromEntries(f.enumValues.map((v) => [v.value, v.label]));
+    }
+    if (f.relation) {
+        d.entity = f.relation.entity;
+        if (f.relation.type === "many-to-many")
+            d.many = true;
+        if (f.relation.owner)
+            d.owner = true;
+    }
+    if (f.currency && f.kind === "money" && !f.computed)
+        d.currency = f.currency;
+    if (f.file) {
+        if (f.file.accept.length)
+            d.accept = f.file.accept;
+        d.maxSize = formatSize(f.file.maxSize);
+    }
+    if (f.default?.kind === "now")
+        d.default = "now";
+    else if (f.default?.kind === "value" && f.default.value !== null && typeof f.default.value !== "object")
+        d.default = f.default.value;
+    return d;
+}
+function entityFromIR(e, editable) {
+    return {
+        key: uid(),
+        name: e.name,
+        origName: e.name,
+        editable,
+        removed: false,
+        fields: e.fields.map((f) => ({ key: uid(), origName: f.name, draft: draftFromField(f) })),
+        options: { label: e.label, pluralLabel: e.pluralLabel, icon: e.icon, display: e.display, nav: e.nav },
+    };
+}
+function modelFrom(state) {
+    return (state.ir?.entities ?? []).map((e) => entityFromIR(e, !!state.entities?.[e.name]));
+}
+/** Drop empty/false values so two drafts compare by meaning. */
+function clean(d) {
+    const out = {};
+    for (const [k, v] of Object.entries(d)) {
+        if (v === undefined || v === false || v === "" || (Array.isArray(v) && !v.length))
+            continue;
+        out[k] = v;
+    }
+    // Options that do not apply to the chosen type.
+    const t = d.type;
+    if (t !== "enum")
+        delete out.values, delete out.labels;
+    if (t !== "relation")
+        delete out.entity, delete out.many, delete out.owner;
+    if (t !== "money")
+        delete out.currency;
+    if (t !== "file" && t !== "image")
+        delete out.accept, delete out.maxSize;
+    if (t !== "computed")
+        delete out.computedType, delete out.expression;
+    else
+        delete out.required, delete out.unique, delete out.default;
+    if (out.labels && Array.isArray(out.values))
+        out.labels = Object.fromEntries(out.values.map((v) => [v, out.labels[v] ?? titleCase(v)]));
+    return out;
+}
+const same = (a, b) => JSON.stringify(clean(a)) === JSON.stringify(clean(b));
+/** Turn the difference between the loaded schema and the edited one into server operations. */
+export function computeOperations(original, working) {
+    const ops = [];
+    // Renames first: the server rewrites every reference, and later operations use the new names.
+    const renames = new Map();
+    for (const w of working) {
+        if (w.origName && !w.removed && w.editable && w.name !== w.origName) {
+            renames.set(w.origName, w.name);
+            ops.push({ op: "renameEntity", from: w.origName, to: w.name });
+        }
+    }
+    const renamed = (d) => (d.entity && renames.has(d.entity) ? { ...d, entity: renames.get(d.entity) } : d);
+    for (const w of working) {
+        if (w.removed) {
+            if (w.origName)
+                ops.push({ op: "removeEntity", name: w.origName });
+            continue;
+        }
+        if (!w.origName) {
+            ops.push({ op: "addEntity", name: w.name, fields: w.fields.map((f) => clean(f.draft)), ...(w.features && (w.features.audit || w.features.softDelete) ? { features: w.features } : {}) });
+            for (const key of ["label", "pluralLabel", "icon", "display"])
+                if (w.options[key])
+                    ops.push({ op: "setEntityOption", entity: w.name, key, value: w.options[key] });
+            if (!w.options.nav)
+                ops.push({ op: "setEntityOption", entity: w.name, key: "nav", value: false });
+            continue;
+        }
+        const o = original.find((x) => x.origName === w.origName);
+        if (!o || !w.editable)
+            continue;
+        for (const key of ["label", "pluralLabel", "icon", "display", "nav"]) {
+            if (w.options[key] !== o.options[key])
+                ops.push({ op: "setEntityOption", entity: w.name, key, value: w.options[key] === "" ? null : w.options[key] });
+        }
+        for (const of of o.fields)
+            if (!w.fields.some((f) => f.origName === of.origName))
+                ops.push({ op: "removeField", entity: w.name, name: of.origName });
+        for (const f of w.fields) {
+            const of = f.origName ? o.fields.find((x) => x.origName === f.origName) : undefined;
+            if (of && !same(renamed(of.draft), f.draft))
+                ops.push({ op: "updateField", entity: w.name, name: f.origName, field: clean(f.draft) });
+        }
+        for (const f of w.fields)
+            if (!f.origName)
+                ops.push({ op: "addField", entity: w.name, field: clean(f.draft) });
+        // Order after the edits above: original order (renamed in place) then added fields at the end.
+        const current = [
+            ...o.fields.flatMap((of) => {
+                const f = w.fields.find((x) => x.origName === of.origName);
+                return f ? [f.draft.name] : [];
+            }),
+            ...w.fields.filter((f) => !f.origName).map((f) => f.draft.name),
+        ];
+        const target = w.fields.map((f) => f.draft.name);
+        for (let i = 0; i < target.length; i++) {
+            if (current[i] === target[i])
+                continue;
+            const j = current.indexOf(target[i]);
+            if (j < 0)
+                continue;
+            current.splice(j, 1);
+            current.splice(i, 0, target[i]);
+            ops.push({ op: "moveField", entity: w.name, name: target[i], to: i });
+        }
+    }
+    return ops;
+}
+function fieldProblem(f, siblings, t) {
+    if (!NAME.test(f.name))
+        return t("schema.error.name");
+    if (siblings.filter((s) => s.draft.name === f.name).length > 1)
+        return t("schema.error.duplicate");
+    if (f.type === "enum" && (!f.values?.length || f.values.some((v) => !ENUM_VALUE.test(v))))
+        return t("schema.error.enumValues");
+    if (f.type === "relation" && !f.entity)
+        return t("schema.error.target");
+    if (f.type === "computed" && !f.expression?.trim())
+        return t("schema.error.expression");
+    return undefined;
+}
+export function SchemaEditorPage(_props) {
+    const { t } = useForge();
+    const me = useMe();
+    const [load, setLoad] = useState({ status: "loading" });
+    const [original, setOriginal] = useState([]);
+    const [working, setWorking] = useState([]);
+    const [selected, setSelected] = useState(null);
+    const [tab, setTab] = useState("editor");
+    const [reviewing, setReviewing] = useState(false);
+    const [appliedAt, setAppliedAt] = useState(0);
+    const accept = useCallback((state) => {
+        const model = modelFrom(state);
+        setOriginal(model);
+        setWorking(structuredClone(model));
+        setSelected((s) => (s && model.some((e) => e.name === s) ? s : (model[0]?.name ?? null)));
+        setLoad({ status: "ready", state });
+    }, []);
+    const reload = useCallback(() => {
+        setLoad({ status: "loading" });
+        dev("")
+            .then(accept)
+            .catch((e) => {
+            if (e instanceof DevError && e.status === 404)
+                setLoad({ status: "unavailable" });
+            else if (e instanceof DevError && e.status === 403)
+                setLoad({ status: "forbidden" });
+            else
+                setLoad({ status: "error", message: e instanceof Error ? e.message : String(e) });
+        });
+    }, [accept]);
+    useEffect(reload, [reload]);
+    const operations = useMemo(() => computeOperations(original, working), [original, working]);
+    const problems = useMemo(() => working.filter((e) => !e.removed).flatMap((e) => [...(entityNameProblem(e, working, t) ? [e.name] : []), ...(e.fields.length ? [] : [e.name]), ...e.fields.filter((f) => fieldProblem(f.draft, e.fields, t)).map((f) => `${e.name}.${f.draft.name}`)]), [working, t]);
+    if (load.status === "loading" || me.isLoading)
+        return _jsx(Spinner, {});
+    if (load.status === "unavailable")
+        return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("schema.title") }), _jsx(Card, { className: "p-6", children: _jsxs("div", { className: "flex items-start gap-3", children: [_jsx(Database, { className: "mt-0.5 size-5 text-ink-muted", "aria-hidden": true }), _jsxs("div", { children: [_jsx("p", { className: "text-sm font-medium text-ink", children: t("schema.unavailable.title") }), _jsx("p", { className: "mt-1 text-sm text-ink-muted", children: t("schema.unavailable.body") })] })] }) })] }));
+    if (load.status === "forbidden" || (me.data && !me.isAdmin))
+        return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("schema.title") }), _jsx(Alert, { children: t("schema.forbidden") })] }));
+    if (load.status === "error")
+        return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("schema.title") }), _jsx(Alert, { children: t("schema.loadError", { message: load.message }) }), _jsx("div", { className: "mt-4", children: _jsx(Button, { onClick: reload, children: t("schema.reload") }) })] }));
+    const state = load.state;
+    if (!state.ir)
+        return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("schema.title"), actions: _jsx(Button, { onClick: reload, children: t("schema.reload") }) }), _jsxs(Alert, { children: [_jsx("p", { children: t("schema.invalidConfig") }), _jsx(IssueList, { issues: state.issues ?? [] })] })] }));
+    const current = working.find((e) => e.name === selected) ?? null;
+    const update = (key, fn) => setWorking((all) => all.map((e) => (e.key === key ? fn(e) : e)));
+    const targets = [...working.filter((e) => !e.removed).map((e) => e.name), "User", ...(state.ir.tenancy.enabled ? ["Organization"] : [])];
+    const addEntity = () => {
+        let name = "NewEntity";
+        for (let i = 2; working.some((e) => e.name === name); i++)
+            name = `NewEntity${i}`;
+        const e = {
+            key: uid(),
+            name,
+            editable: true,
+            removed: false,
+            fields: [{ key: uid(), draft: { name: "name", type: "string", required: true, searchable: true } }],
+            options: { label: "", pluralLabel: "", icon: "", display: "", nav: true },
+        };
+        setWorking((all) => [...all, e]);
+        setSelected(name);
+        setTab("editor");
+    };
+    return (_jsxs(_Fragment, { children: [_jsx(PageHeader, { title: t("schema.title"), description: t("schema.description"), actions: _jsxs(_Fragment, { children: [_jsx("div", { role: "tablist", "aria-label": t("schema.title"), className: "forge-input flex h-9 items-center gap-0.5 p-0.5", children: ["editor", "diagram"].map((k) => (_jsx("button", { type: "button", role: "tab", "aria-selected": tab === k, onClick: () => setTab(k), className: cn("flex h-full items-center rounded px-3 text-sm", tab === k ? "bg-selected text-ink" : "text-ink-muted hover:text-ink"), children: k === "editor" ? t("schema.tab.editor") : t("schema.tab.diagram") }, k))) }), _jsxs(Button, { variant: "primary", disabled: !operations.length || problems.length > 0, onClick: () => setReviewing(true), children: [t("schema.review"), operations.length > 0 && _jsx(Badge, { children: operations.length })] })] }) }), appliedAt > 0 && _jsx(AppliedPanel, { onClose: () => setAppliedAt(0) }, appliedAt), tab === "diagram" ? (_jsx(SchemaDiagram, { entities: working
+                    .filter((e) => !e.removed)
+                    .map((e) => ({ name: e.name, fields: e.fields.map((f) => ({ name: f.draft.name, type: f.draft.type === "computed" ? `= ${f.draft.computedType ?? "string"}` : f.draft.type, entity: f.draft.type === "relation" ? f.draft.entity : undefined, many: f.draft.many, required: f.draft.required })) })) })) : (_jsxs("div", { className: "grid gap-4 lg:grid-cols-[220px_minmax(0,1fr)_260px]", children: [_jsxs(Card, { className: "h-fit p-2", children: [_jsx("p", { className: "px-2 pt-1 pb-2 text-xs font-semibold tracking-wide text-ink-muted uppercase", children: t("schema.entities") }), _jsx("ul", { className: "space-y-0.5", children: working.map((e) => (_jsx("li", { children: _jsxs("button", { type: "button", onClick: () => setSelected(e.name), className: cn("flex w-full items-center justify-between gap-2 rounded px-2 py-1.5 text-left text-sm", selected === e.name ? "bg-selected text-ink" : "text-ink hover:bg-hover", e.removed && "line-through opacity-60"), children: [_jsx("span", { className: "truncate", children: e.name }), _jsx("span", { className: "shrink-0 text-xs text-ink-muted", children: t("schema.fieldCount", { count: e.fields.length }) })] }) }, e.key))) }), _jsxs(Button, { size: "sm", className: "mt-2 w-full", onClick: addEntity, children: [_jsx(Plus, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.newEntity")] })] }), _jsx("div", { className: "min-w-0", children: current ? (_jsx(EntityEditor, { entity: current, targets: targets, otherNames: working.filter((e) => e.key !== current.key).map((e) => e.name), onChange: (fn) => {
+                                const next = fn(current);
+                                update(current.key, () => next);
+                                if (next.name !== current.name)
+                                    setSelected(next.name);
+                            }, onRename: (to) => {
+                                const from = current.name;
+                                // Relations pointing at the entity follow it (the server rewrites them in forge.config.ts too).
+                                setWorking((all) => all.map((e) => ({
+                                    ...(e.key === current.key ? { ...e, name: to } : e),
+                                    fields: e.fields.map((f) => (f.draft.type === "relation" && f.draft.entity === from ? { ...f, draft: { ...f.draft, entity: to } } : f)),
+                                })));
+                                setSelected(to);
+                            } }, current.key)) : (_jsx(Card, { children: _jsx(EmptyState, { title: t("schema.noEntity") }) })) }), _jsxs(Card, { className: "h-fit p-3", children: [_jsxs("div", { className: "mb-2 flex items-center justify-between", children: [_jsx("p", { className: "text-sm font-semibold text-ink", children: t("schema.pending") }), operations.length > 0 && (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => setWorking(structuredClone(original)), children: [_jsx(Undo2, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.discard")] }))] }), operations.length ? (_jsx("ol", { className: "space-y-1 text-sm text-ink", children: operations.map((op, i) => (_jsx("li", { className: "rounded bg-surface-muted px-2 py-1 text-xs", children: _jsx(OperationLabel, { op: op }) }, i))) })) : (_jsx("p", { className: "text-sm text-ink-muted", children: t("schema.pendingEmpty") })), problems.length > 0 && (_jsxs("p", { className: "mt-2 text-xs text-danger", children: [t("schema.fixProblems"), " ", problems.join(", ")] }))] })] })), reviewing && (_jsx(ReviewDialog, { operations: operations, expectedSource: state.source, onClose: () => setReviewing(false), onConflict: () => {
+                    setReviewing(false);
+                    reload();
+                }, onApplied: (next) => {
+                    setReviewing(false);
+                    accept(next);
+                    setAppliedAt(Date.now());
+                } }))] }));
+}
+function OperationLabel({ op }) {
+    const { t } = useForge();
+    switch (op.op) {
+        case "addEntity":
+            return _jsx(_Fragment, { children: t("schema.op.addEntity", { entity: op.name }) });
+        case "removeEntity":
+            return _jsx(_Fragment, { children: t("schema.op.removeEntity", { entity: op.name }) });
+        case "renameEntity":
+            return _jsx(_Fragment, { children: t("schema.op.renameEntity", { from: op.from, to: op.to }) });
+        case "addField":
+            return _jsx(_Fragment, { children: t("schema.op.addField", { entity: op.entity, field: op.field.name }) });
+        case "updateField":
+            return _jsx(_Fragment, { children: t("schema.op.updateField", { entity: op.entity, field: op.name }) });
+        case "removeField":
+            return _jsx(_Fragment, { children: t("schema.op.removeField", { entity: op.entity, field: op.name }) });
+        case "moveField":
+            return _jsx(_Fragment, { children: t("schema.op.moveField", { entity: op.entity, field: op.name, position: op.to + 1 }) });
+        case "setEntityOption":
+            return _jsx(_Fragment, { children: t("schema.op.setEntityOption", { entity: op.entity, option: op.key }) });
+    }
+}
+function IssueList({ issues }) {
+    return (_jsx("ul", { className: "mt-1 list-disc space-y-0.5 pl-5", children: issues.map((i, k) => (_jsxs("li", { children: [_jsx("code", { className: "font-mono text-xs", children: i.path }), " ", i.message] }, k))) }));
+}
+// ---------------------------------------------------------------------------------------------
+// Entity editor
+/** Problem with an entity's (new) name, if any. Existing entities keep their name unless renamed. */
+function entityNameProblem(e, all, t) {
+    if (e.origName && e.name === e.origName)
+        return undefined;
+    if (!(e.origName ? ENTITY_NAME : NAME).test(e.name))
+        return e.origName ? t("schema.error.entityName") : t("schema.error.name");
+    if (RESERVED_ENTITIES.includes(e.name))
+        return t("schema.error.reserved");
+    if (all.some((x) => x.key !== e.key && (x.name === e.name || x.origName === e.name)))
+        return t("schema.error.duplicate");
+    return undefined;
+}
+/** Name of an existing entity, with an inline rename. */
+function EntityTitle({ entity, otherNames, onRename }) {
+    const { t } = useForge();
+    const [editing, setEditing] = useState(false);
+    const [value, setValue] = useState(entity.name);
+    const canRename = entity.editable && !entity.removed;
+    const problem = !ENTITY_NAME.test(value)
+        ? t("schema.error.entityName")
+        : RESERVED_ENTITIES.includes(value)
+            ? t("schema.error.reserved")
+            : value !== entity.name && otherNames.includes(value)
+                ? t("schema.error.duplicate")
+                : undefined;
+    const commit = () => {
+        if (problem)
+            return;
+        if (value !== entity.name)
+            onRename(value);
+        setEditing(false);
+    };
+    const cancel = () => {
+        setValue(entity.name);
+        setEditing(false);
+    };
+    if (editing)
+        return (_jsxs("form", { className: "min-w-56", onSubmit: (e) => {
+                e.preventDefault();
+                commit();
+            }, children: [_jsx(Label, { htmlFor: "schema-entity-rename", children: t("schema.renameEntity.label") }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx(Input, { id: "schema-entity-rename", value: value, autoFocus: true, "aria-invalid": !!problem, "aria-describedby": "schema-entity-rename-hint", onChange: (e) => setValue(e.target.value.replace(/\s+/g, "")), onKeyDown: (e) => {
+                                if (e.key === "Escape") {
+                                    e.preventDefault();
+                                    cancel();
+                                }
+                            } }), _jsx(Button, { size: "sm", type: "submit", variant: "primary", disabled: !!problem, "aria-label": t("schema.renameEntity.save"), children: _jsx(Check, { className: "size-3.5", "aria-hidden": true }) }), _jsx(Button, { size: "sm", type: "button", variant: "ghost", onClick: cancel, "aria-label": t("schema.renameEntity.cancel"), children: _jsx(X, { className: "size-3.5", "aria-hidden": true }) })] }), _jsx("p", { id: "schema-entity-rename-hint", className: cn("mt-1 text-xs", problem ? "text-danger" : "text-ink-muted"), children: problem ?? t("schema.renameEntity.hint") })] }));
+    return (_jsxs("div", { className: "flex min-w-0 items-center gap-2", children: [_jsx("h2", { className: cn("text-base font-semibold text-ink", entity.removed && "line-through"), children: entity.name }), entity.origName && entity.name !== entity.origName && (_jsx("span", { className: "text-xs text-ink-muted", children: t("schema.renameEntity.was", { name: entity.origName }) })), canRename && (_jsxs(Button, { size: "sm", variant: "ghost", onClick: () => {
+                    setValue(entity.name);
+                    setEditing(true);
+                }, children: [_jsx(Pencil, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.renameEntity.action")] }))] }));
+}
+function EntityEditor({ entity, targets, otherNames, onChange, onRename, }) {
+    const { t } = useForge();
+    const [dragging, setDragging] = useState(null);
+    const [open, setOpen] = useState(null);
+    const readOnly = !entity.editable || entity.removed;
+    const setFields = (fn) => onChange((e) => ({ ...e, fields: fn(e.fields) }));
+    const move = (from, to) => setFields((fields) => {
+        if (to < 0 || to >= fields.length || from === to)
+            return fields;
+        const next = [...fields];
+        const [f] = next.splice(from, 1);
+        next.splice(to, 0, f);
+        return next;
+    });
+    const setOption = (key, value) => onChange((e) => ({ ...e, options: { ...e.options, [key]: value } }));
+    const addField = () => {
+        let name = "newField";
+        for (let i = 2; entity.fields.some((f) => f.draft.name === name); i++)
+            name = `newField${i}`;
+        const key = uid();
+        setFields((fields) => [...fields, { key, draft: { name, type: "string" } }]);
+        setOpen(key);
+    };
+    const nameTaken = !entity.origName && otherNames.includes(entity.name);
+    const scalarFields = entity.fields.filter((f) => !["relation", "json", "location", "file", "image"].includes(f.draft.type)).map((f) => f.draft.name);
+    const icons = entity.options.icon && !ICONS.includes(entity.options.icon) ? [entity.options.icon, ...ICONS] : ICONS;
+    return (_jsxs("div", { className: "space-y-4", children: [_jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [entity.origName ? (_jsx(EntityTitle, { entity: entity, otherNames: otherNames, onRename: onRename })) : (_jsxs("div", { className: "min-w-56", children: [_jsx(Label, { htmlFor: "schema-entity-name", children: t("schema.newEntityName") }), _jsx(Input, { id: "schema-entity-name", value: entity.name, "aria-invalid": !NAME.test(entity.name) || nameTaken, onChange: (e) => onChange((x) => ({ ...x, name: e.target.value.replace(/\s+/g, "") })) }), _jsx("p", { className: cn("mt-1 text-xs", !NAME.test(entity.name) || nameTaken ? "text-danger" : "text-ink-muted"), children: nameTaken ? t("schema.error.duplicate") : !NAME.test(entity.name) ? t("schema.error.name") : t("schema.newEntityHint") })] })), entity.editable &&
+                                (entity.removed ? (_jsxs(Button, { size: "sm", onClick: () => onChange((e) => ({ ...e, removed: false })), children: [_jsx(Undo2, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.restoreEntity")] })) : (_jsxs(Button, { size: "sm", variant: "danger-ghost", onClick: () => onChange((e) => ({ ...e, removed: true })), children: [_jsx(Trash2, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.removeEntity")] })))] }), !entity.editable && _jsx("p", { className: "mt-2 text-sm text-ink-muted", children: t("schema.readOnlyEntity") }), entity.removed && _jsx("p", { className: "mt-2 text-sm text-danger", children: t("schema.entityRemoved") })] }), _jsxs(Card, { className: "p-4", children: [_jsxs("div", { className: "mb-3 flex items-center justify-between", children: [_jsx("h3", { className: "text-sm font-semibold text-ink", children: t("schema.fields") }), !readOnly && (_jsxs(Button, { size: "sm", onClick: addField, children: [_jsx(Plus, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.addField")] }))] }), !entity.fields.length && _jsx("p", { className: "text-sm text-danger", children: t("schema.error.noFields") }), _jsx("ul", { className: "space-y-2", children: entity.fields.map((f, i) => (_jsx("li", { draggable: !readOnly, onDragStart: (e) => {
+                                setDragging(i);
+                                e.dataTransfer.effectAllowed = "move";
+                            }, onDragOver: (e) => {
+                                if (dragging !== null)
+                                    e.preventDefault();
+                            }, onDrop: (e) => {
+                                e.preventDefault();
+                                if (dragging !== null)
+                                    move(dragging, i);
+                                setDragging(null);
+                            }, onDragEnd: () => setDragging(null), className: cn("rounded border border-line bg-surface", dragging === i && "opacity-50"), children: _jsx(FieldRow, { field: f, index: i, count: entity.fields.length, siblings: entity.fields, targets: targets, readOnly: readOnly, open: open === f.key, onToggle: () => setOpen((o) => (o === f.key ? null : f.key)), onMove: (to) => move(i, to), onRemove: () => setFields((fields) => fields.filter((x) => x.key !== f.key)), onChange: (draft) => setFields((fields) => fields.map((x) => (x.key === f.key ? { ...x, draft } : x))) }) }, f.key))) })] }), _jsxs(Card, { className: "p-4", children: [_jsx("h3", { className: "mb-3 text-sm font-semibold text-ink", children: t("schema.options") }), _jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsx(TextOption, { id: "label", label: t("schema.option.label"), value: entity.options.label, disabled: readOnly, onChange: (v) => setOption("label", v) }), _jsx(TextOption, { id: "pluralLabel", label: t("schema.option.pluralLabel"), value: entity.options.pluralLabel, disabled: readOnly, onChange: (v) => setOption("pluralLabel", v) }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "schema-opt-icon", children: t("schema.option.icon") }), _jsxs(Select, { id: "schema-opt-icon", value: entity.options.icon, disabled: readOnly, onChange: (e) => setOption("icon", e.target.value), children: [_jsx("option", { value: "", children: t("schema.option.default") }), icons.map((i) => (_jsx("option", { value: i, children: i }, i)))] })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: "schema-opt-display", children: t("schema.option.display") }), _jsxs(Select, { id: "schema-opt-display", value: entity.options.display, disabled: readOnly, onChange: (e) => setOption("display", e.target.value), children: [_jsx("option", { value: "", children: t("schema.option.default") }), [...new Set([entity.options.display, ...scalarFields].filter(Boolean))].map((n) => (_jsx("option", { value: n, children: n }, n)))] })] }), _jsx(Toggle, { label: t("schema.option.nav"), checked: entity.options.nav, disabled: readOnly, onChange: (v) => setOption("nav", v) }), !entity.origName && (_jsxs(_Fragment, { children: [_jsx(Toggle, { label: t("schema.feature.audit"), checked: !!entity.features?.audit, onChange: (v) => onChange((e) => ({ ...e, features: { ...e.features, audit: v } })) }), _jsx(Toggle, { label: t("schema.feature.softDelete"), checked: !!entity.features?.softDelete, onChange: (v) => onChange((e) => ({ ...e, features: { ...e.features, softDelete: v } })) })] }))] })] })] }));
+}
+function TextOption({ id, label, value, disabled, onChange }) {
+    const { t } = useForge();
+    return (_jsxs("div", { children: [_jsx(Label, { htmlFor: `schema-opt-${id}`, children: label }), _jsx(Input, { id: `schema-opt-${id}`, value: value, maxLength: 80, disabled: disabled, placeholder: t("schema.option.default"), onChange: (e) => onChange(e.target.value) })] }));
+}
+function Toggle({ label, checked, disabled, onChange }) {
+    return (_jsxs("label", { className: cn("flex items-center gap-2 text-sm text-ink", disabled && "opacity-60"), children: [_jsx("input", { type: "checkbox", className: "forge-check", checked: checked, disabled: disabled, onChange: (e) => onChange(e.target.checked) }), label] }));
+}
+/** Comma-separated list input that only commits on blur, so typing "a, b" is not reformatted mid-word. */
+function ListInput({ id, value, disabled, placeholder, onCommit }) {
+    const joined = value.join(", ");
+    const [text, setText] = useState(joined);
+    useEffect(() => setText(joined), [joined]);
+    return (_jsx(Input, { id: id, value: text, disabled: disabled, placeholder: placeholder, onChange: (e) => setText(e.target.value), onBlur: () => onCommit(text.split(",").map((s) => s.trim()).filter(Boolean)) }));
+}
+function FieldRow({ field, index, count, siblings, targets, readOnly, open, onToggle, onMove, onRemove, onChange, }) {
+    const { t } = useForge();
+    const d = field.draft;
+    const set = (patch) => onChange({ ...d, ...patch });
+    const problem = fieldProblem(d, siblings, t);
+    const id = `schema-f-${field.key}`;
+    const isText = ["string", "text", "richtext", "email", "url", "phone"].includes(d.type) || (d.type === "computed" && d.computedType === "string");
+    const canUnique = !["json", "relation", "file", "image", "location", "computed"].includes(d.type);
+    const parseDefault = (raw) => {
+        if (raw === "")
+            return undefined;
+        if (d.type === "boolean")
+            return raw === "true";
+        if (NUMERIC.includes(d.type) && raw.trim() !== "" && !Number.isNaN(Number(raw)))
+            return Number(raw);
+        return raw;
+    };
+    return (_jsxs("div", { className: "p-2", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [!readOnly && _jsx(GripVertical, { className: "size-4 shrink-0 cursor-grab text-ink-subtle", "aria-label": t("schema.field.drag") }), _jsx(Input, { "aria-label": t("schema.field.name"), "aria-invalid": !!problem, value: d.name, disabled: readOnly, className: cn("w-40 font-mono", problem && "border-danger"), onChange: (e) => set({ name: e.target.value.replace(/\s+/g, "") }) }), _jsx(Select, { "aria-label": t("schema.field.type"), value: d.type, disabled: readOnly, className: "w-36", onChange: (e) => set({ type: e.target.value }), children: SCHEMA_FIELD_TYPES.map((k) => (_jsx("option", { value: k, children: t(`schema.type.${k}`) }, k))) }), d.type === "relation" && (_jsxs(Select, { "aria-label": t("schema.field.target"), value: d.entity ?? "", disabled: readOnly, className: "w-36", onChange: (e) => set({ entity: e.target.value || undefined }), children: [_jsxs("option", { value: "", children: [t("schema.field.target"), "\u2026"] }), [...new Set([...(d.entity ? [d.entity] : []), ...targets])].map((n) => (_jsx("option", { value: n, children: n }, n)))] })), d.type !== "computed" && _jsx(Toggle, { label: t("schema.field.required"), checked: !!d.required, disabled: readOnly, onChange: (v) => set({ required: v }) }), canUnique && _jsx(Toggle, { label: t("schema.field.unique"), checked: !!d.unique, disabled: readOnly, onChange: (v) => set({ unique: v }) }), isText && _jsx(Toggle, { label: t("schema.field.searchable"), checked: !!d.searchable, disabled: readOnly, onChange: (v) => set({ searchable: v }) }), _jsxs("div", { className: "ml-auto flex items-center gap-0.5", children: [!field.origName && _jsx(Badge, { tone: 1, children: t("schema.field.new") }), _jsx("button", { type: "button", className: "forge-btn forge-btn-ghost p-1", "aria-label": t("schema.field.details"), "aria-expanded": open, title: t("schema.field.details"), onClick: onToggle, children: _jsx(SlidersHorizontal, { className: "size-4" }) }), !readOnly && (_jsxs(_Fragment, { children: [_jsx("button", { type: "button", className: "forge-btn forge-btn-ghost p-1", "aria-label": t("schema.field.moveUp"), title: t("schema.field.moveUp"), disabled: index === 0, onClick: () => onMove(index - 1), children: _jsx(ChevronUp, { className: "size-4" }) }), _jsx("button", { type: "button", className: "forge-btn forge-btn-ghost p-1", "aria-label": t("schema.field.moveDown"), title: t("schema.field.moveDown"), disabled: index === count - 1, onClick: () => onMove(index + 1), children: _jsx(ChevronDown, { className: "size-4" }) }), _jsx("button", { type: "button", className: "forge-btn forge-btn-danger-ghost p-1", "aria-label": t("schema.field.remove"), title: t("schema.field.remove"), disabled: count === 1, onClick: onRemove, children: _jsx(Trash2, { className: "size-4" }) })] }))] })] }), problem && _jsx("p", { className: "mt-1 text-xs text-danger", children: problem }), open && (_jsxs("div", { className: "mt-3 grid gap-3 border-t border-line pt-3 sm:grid-cols-2", children: [d.type === "enum" && (_jsxs("div", { className: "sm:col-span-2", children: [_jsx(Label, { htmlFor: `${id}-values`, children: t("schema.field.values") }), _jsx(ListInput, { id: `${id}-values`, value: d.values ?? [], disabled: readOnly, placeholder: t("schema.field.valuesHint"), onCommit: (values) => set({ values, ...(d.labels ? { labels: Object.fromEntries(values.map((v) => [v, d.labels[v] ?? titleCase(v)])) } : {}) }) }), _jsx("p", { className: "mt-1 text-xs text-ink-muted", children: t("schema.field.valuesHint") })] })), d.type === "relation" && (_jsxs(_Fragment, { children: [_jsx(Toggle, { label: t("schema.field.many"), checked: !!d.many, disabled: readOnly, onChange: (v) => set({ many: v, ...(v ? { owner: false } : {}) }) }), !d.many && _jsx(Toggle, { label: t("schema.field.owner"), checked: !!d.owner, disabled: readOnly, onChange: (v) => set({ owner: v }) })] })), d.type === "money" && (_jsxs("div", { children: [_jsx(Label, { htmlFor: `${id}-currency`, children: t("schema.field.currency") }), _jsx(Input, { id: `${id}-currency`, value: d.currency ?? "", maxLength: 3, placeholder: "USD", disabled: readOnly, onChange: (e) => set({ currency: e.target.value.toUpperCase() || undefined }) })] })), (d.type === "file" || d.type === "image") && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: `${id}-accept`, children: t("schema.field.accept") }), _jsx(ListInput, { id: `${id}-accept`, value: d.accept ?? [], disabled: readOnly, placeholder: t("schema.field.acceptHint"), onCommit: (accept) => set({ accept: accept.length ? accept : undefined }) })] }), _jsxs("div", { children: [_jsx(Label, { htmlFor: `${id}-max`, children: t("schema.field.maxSize") }), _jsx(Input, { id: `${id}-max`, value: d.maxSize ?? "", placeholder: "10MB", disabled: readOnly, onChange: (e) => set({ maxSize: e.target.value.trim() || undefined }) })] })] })), d.type === "computed" && (_jsxs(_Fragment, { children: [_jsxs("div", { children: [_jsx(Label, { htmlFor: `${id}-ctype`, children: t("schema.field.computedType") }), _jsx(Select, { id: `${id}-ctype`, value: d.computedType ?? "string", disabled: readOnly, onChange: (e) => set({ computedType: e.target.value }), children: COMPUTED_TYPES.map((k) => (_jsx("option", { value: k, children: t(`schema.type.${k}`) }, k))) })] }), _jsxs("div", { className: "sm:col-span-2", children: [_jsx(Label, { htmlFor: `${id}-expr`, children: t("schema.field.expression") }), _jsx(Input, { id: `${id}-expr`, className: "font-mono", value: d.expression ?? "", disabled: readOnly, placeholder: "quantity * unitPrice", onChange: (e) => set({ expression: e.target.value }) })] })] })), !["computed", "relation", "file", "image", "json", "location"].includes(d.type) && (_jsxs("div", { children: [_jsx(Label, { htmlFor: `${id}-default`, children: t("schema.field.default") }), d.type === "boolean" ? (_jsxs(Select, { id: `${id}-default`, value: d.default === undefined ? "" : String(d.default), disabled: readOnly, onChange: (e) => set({ default: parseDefault(e.target.value) }), children: [_jsx("option", { value: "", children: "\u2014" }), _jsx("option", { value: "true", children: t("common.yes") }), _jsx("option", { value: "false", children: t("common.no") })] })) : d.type === "enum" ? (_jsxs(Select, { id: `${id}-default`, value: d.default === undefined ? "" : String(d.default), disabled: readOnly, onChange: (e) => set({ default: parseDefault(e.target.value) }), children: [_jsx("option", { value: "", children: "\u2014" }), (d.values ?? []).map((v) => (_jsx("option", { value: v, children: d.labels?.[v] ?? v }, v)))] })) : (_jsx(Input, { id: `${id}-default`, value: d.default === undefined ? "" : String(d.default), disabled: readOnly, onChange: (e) => set({ default: parseDefault(e.target.value) }) }))] }))] }))] }));
+}
+// ---------------------------------------------------------------------------------------------
+// Review + apply + migrate
+function WarningText({ w }) {
+    const { t } = useForge();
+    const vars = { entity: w.entity, field: w.field ?? "", detail: w.detail ?? "", table: w.table ?? "", path: w.path ?? "" };
+    switch (w.kind) {
+        case "entityRemoved":
+            return _jsx(_Fragment, { children: t("schema.warning.entityRemoved", vars) });
+        case "entityRenamed":
+            return _jsx(_Fragment, { children: w.table ? t("schema.warning.entityRenamed", vars) : w.message });
+        case "fieldRemoved":
+            return _jsx(_Fragment, { children: t("schema.warning.fieldRemoved", vars) });
+        case "typeChange":
+            return _jsx(_Fragment, { children: t("schema.warning.typeChange", vars) });
+        case "requiredNoDefault":
+            return _jsx(_Fragment, { children: t("schema.warning.requiredNoDefault", vars) });
+        case "uniqueAdded":
+            return _jsx(_Fragment, { children: t("schema.warning.uniqueAdded", vars) });
+        case "optionsDropped":
+            return _jsx(_Fragment, { children: t("schema.warning.optionsDropped", vars) });
+        default:
+            return _jsx(_Fragment, { children: w.message });
+    }
+}
+function DiffView({ diff }) {
+    const { t } = useForge();
+    if (!diff)
+        return _jsx("p", { className: "text-sm text-ink-muted", children: t("schema.noDiff") });
+    return (_jsx("pre", { className: "max-h-96 overflow-auto rounded border border-line bg-surface-muted py-2 font-mono text-xs leading-5", children: diff
+            .replace(/\n$/, "")
+            .split("\n")
+            .map((line, i) => (_jsx("div", { className: cn("px-3 whitespace-pre", line.startsWith("+++") || line.startsWith("---") ? "font-semibold text-ink-muted" : line.startsWith("@@") ? "text-link" : line.startsWith("+") ? "bg-emerald-500/15 text-emerald-700 dark:text-emerald-300" : line.startsWith("-") ? "bg-danger/10 text-danger" : "text-ink"), children: line || " " }, i))) }));
+}
+function ReviewDialog({ operations, expectedSource, onClose, onConflict, onApplied, }) {
+    const { t } = useForge();
+    const toast = useToast();
+    const [preview, setPreview] = useState(null);
+    const [error, setError] = useState(null);
+    const [ack, setAck] = useState(false);
+    const [applying, setApplying] = useState(false);
+    const [conflict, setConflict] = useState(false);
+    useEffect(() => {
+        let live = true;
+        dev("/preview", { operations })
+            .then((p) => live && setPreview(p))
+            .catch((e) => live && setError(e instanceof Error ? e.message : String(e)));
+        return () => {
+            live = false;
+        };
+    }, [operations]);
+    const blocked = !preview || preview.issues.length > 0 || (preview.warnings.length > 0 && !ack);
+    const apply = async () => {
+        setApplying(true);
+        setError(null);
+        try {
+            const next = await dev("/apply", { operations, expectedSource, acknowledgeWarnings: ack });
+            toast.success(t("schema.appliedTitle"), t("schema.applied"));
+            onApplied(next);
+        }
+        catch (e) {
+            if (e instanceof DevError && e.status === 409)
+                setConflict(true);
+            else if (e instanceof DevError && e.body?.issues?.length)
+                setError(_jsx(IssueList, { issues: e.body.issues }));
+            else
+                setError(e instanceof Error ? e.message : String(e));
+        }
+        finally {
+            setApplying(false);
+        }
+    };
+    return (_jsx(Dialog, { open: true, size: "xl", onClose: onClose, title: t("schema.reviewTitle"), footer: _jsxs(_Fragment, { children: [_jsx(Button, { onClick: onClose, children: t("common.cancel") }), conflict ? (_jsx(Button, { variant: "primary", onClick: onConflict, children: t("schema.reload") })) : (_jsx(Button, { variant: "primary", disabled: blocked, loading: applying, onClick: apply, children: t("schema.apply") }))] }), children: _jsxs("div", { className: "space-y-4", children: [conflict && _jsx(Alert, { children: t("schema.conflict") }), error && _jsx(Alert, { children: error }), !preview && !error && _jsx(Spinner, { label: t("schema.previewing") }), preview && (_jsxs(_Fragment, { children: [preview.issues.length > 0 && (_jsxs(Alert, { children: [_jsx("p", { children: t("schema.issues") }), _jsx(IssueList, { issues: preview.issues })] })), preview.warnings.length > 0 && (_jsxs("div", { role: "alert", "data-forge-alert": "info", className: "forge-alert px-3 py-2 text-sm", children: [_jsx("p", { className: "font-medium", children: t("schema.warnings") }), _jsx("ul", { className: "mt-1 list-disc space-y-0.5 pl-5", children: preview.warnings.map((w, i) => (_jsx("li", { children: _jsx(WarningText, { w: w }) }, i))) }), _jsxs("label", { className: "mt-2 flex items-center gap-2 font-medium", children: [_jsx("input", { type: "checkbox", className: "forge-check", checked: ack, onChange: (e) => setAck(e.target.checked) }), t("schema.acknowledge")] })] })), _jsxs("div", { children: [_jsx("p", { className: "mb-1.5 text-sm font-medium text-ink", children: t("schema.diff") }), _jsx(DiffView, { diff: preview.diff })] })] }))] }) }));
+}
+function AppliedPanel({ onClose }) {
+    const { t } = useForge();
+    const [name, setName] = useState("schema-update");
+    const [output, setOutput] = useState("");
+    const [running, setRunning] = useState(false);
+    const [exit, setExit] = useState(null);
+    const [error, setError] = useState(null);
+    const run = async () => {
+        setRunning(true);
+        setOutput("");
+        setExit(null);
+        setError(null);
+        try {
+            const res = await fetch(`${BASE}/migrate`, { method: "POST", credentials: "same-origin", headers: { "content-type": "application/json" }, body: JSON.stringify({ name }) });
+            if (!res.ok || !res.body) {
+                const body = await res.json().catch(() => null);
+                throw new Error(body?.error ?? `Request failed (${res.status})`);
+            }
+            const reader = res.body.pipeThrough(new TextDecoderStream()).getReader();
+            let text = "";
+            for (;;) {
+                const { done, value } = await reader.read();
+                if (done)
+                    break;
+                text += value;
+                setOutput(text.replace(new RegExp(`\\n?${EXIT_MARKER} -?\\d+\\n?$`), ""));
+            }
+            const m = new RegExp(`${EXIT_MARKER} (-?\\d+)`).exec(text);
+            setExit(m ? Number(m[1]) : 1);
+        }
+        catch (e) {
+            setError(e instanceof Error ? e.message : String(e));
+        }
+        finally {
+            setRunning(false);
+        }
+    };
+    return (_jsxs(Card, { className: "mb-4 p-4", children: [_jsxs("div", { className: "flex items-start justify-between gap-3", children: [_jsx(Alert, { tone: "success", children: t("schema.applied") }), _jsx(Button, { size: "sm", variant: "ghost", onClick: onClose, children: t("common.close") })] }), _jsxs("div", { className: "mt-3", children: [_jsx("p", { className: "text-sm font-medium text-ink", children: t("schema.migration.title") }), _jsx("p", { className: "mt-0.5 text-sm text-ink-muted", children: t("schema.migration.hint") }), _jsxs("div", { className: "mt-2 flex flex-wrap items-end gap-2", children: [_jsxs("div", { className: "min-w-56", children: [_jsx(Label, { htmlFor: "schema-migration-name", children: t("schema.migration.name") }), _jsx(Input, { id: "schema-migration-name", value: name, maxLength: 60, onChange: (e) => setName(e.target.value.replace(/[^A-Za-z0-9_-]/g, "-")) })] }), _jsxs(Button, { variant: "primary", loading: running, disabled: !name, onClick: run, children: [_jsx(Database, { className: "size-3.5", "aria-hidden": true }), " ", t("schema.migration.run")] })] }), running && _jsx("p", { className: "mt-2 text-sm text-ink-muted", children: t("schema.migration.running") }), error && (_jsx("div", { className: "mt-2", children: _jsx(Alert, { children: error }) })), exit !== null && (_jsx("div", { className: "mt-2", children: _jsx(Alert, { tone: exit === 0 ? "success" : "error", children: exit === 0 ? t("schema.migration.done") : t("schema.migration.failed", { code: exit }) }) })), output && _jsx("pre", { className: "mt-2 max-h-72 overflow-auto rounded border border-line bg-surface-muted p-3 font-mono text-xs whitespace-pre-wrap text-ink", children: output })] })] }));
+}
+//# sourceMappingURL=schema-editor.js.map