npm - @agent-factory-platform/docs-react - Versions diffs - 0.11.1 → 0.11.2 - Mend

@agent-factory-platform/docs-react 0.11.1 → 0.11.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (5) hide show

package/README.md CHANGED Viewed

@@ -12,9 +12,10 @@ Use the exact Agent Factory version across packages in one application.
 ## Scope
-Owns the rich-document editor, durable JSON serialization, and transient image
-projection. Storage, authentication, autosave/CAS and provider credentials belong
-to the consuming product; the editor does not upload directly to a cloud account.
+Owns the rich-document editor, durable JSON serialization, transient image
+projection, and the shared CAS autosave coordinator. Storage, authentication and
+provider credentials belong to the consuming product; the editor does not upload
+directly to a cloud account.
 Import the public styles before generating the application's Tailwind utilities,
 so component utility defaults cannot override application responsive variants:
@@ -69,6 +70,12 @@ queued across transient failures; explicit disconnect makes `flush` and `checkpo
 fail until that adapter reconnects. Use `disconnect` for a temporary React unmount and
 `destroy` only when the editor session is finished.
+`DocsAutosaveController` debounces a host-supplied CAS persist callback, serializes
+checkpoints, and immediately follows an in-flight save when newer edits exist. It
+retains dirty state across offline and failed saves, exposes retry and observable
+`dirty`/`saving`/`saved`/`offline`/`error`/`denied` states, and only carries a
+server-returned `updatedAt` value into the saved snapshot.
 One collaboration update is limited to 65,536 bytes. An oversized local Yjs update
 fails `flush`/`checkpoint` without sending partial state, keeps the local document,
 and can recover after the document is reduced below the limit. Invalid input and

package/dist/autosave.d.ts ADDED Viewed

@@ -0,0 +1,39 @@
+export type DocsAutosaveStatus = "clean" | "dirty" | "saving" | "saved" | "offline" | "error" | "denied";
+export type DocsAutosaveSnapshot<Revision> = {
+    status: DocsAutosaveStatus;
+    revision: Revision;
+    updatedAt?: number;
+    error?: unknown;
+};
+export type DocsAutosaveResult<Revision> = {
+    revision: Revision;
+    updatedAt?: number;
+};
+/** Debounces one CAS-backed Docs mutation while preserving edits made during a save. */
+export declare class DocsAutosaveController<Revision> {
+    private readonly persist;
+    private readonly delayMs;
+    private snapshot;
+    private generation;
+    private savedGeneration;
+    private online;
+    private writable;
+    private timer?;
+    private saving?;
+    private readonly listeners;
+    constructor(revision: Revision, persist: (expectedRevision: Revision) => Promise<DocsAutosaveResult<Revision>>, delayMs?: number);
+    getSnapshot: () => DocsAutosaveSnapshot<Revision>;
+    subscribe: (listener: () => void) => () => boolean;
+    markDirty(): void;
+    setOnline(online: boolean): void;
+    setWritable(writable: boolean): void;
+    retry(): Promise<void>;
+    flush(): Promise<void>;
+    destroy(): void;
+    private drain;
+    private hasPending;
+    private schedule;
+    private clearTimer;
+    private publish;
+    private emit;
+}

package/dist/index.d.ts CHANGED Viewed

@@ -1,3 +1,4 @@
 export { RICH_DOCUMENT_SCHEMA, RichDocument, RichDocument as RichDocumentEditor, applyDocumentAssistantOutput, commitDocumentAssistantRollback, documentAssistantConflict, durableRichDocumentContent, emptyRichDocument, looksLikeMarkdown, parseRichDocument, replaceAssistantMarkdown, rollbackAssistantRange, replaceDocumentContent, richDocumentExtensions, selectionInsideTable, type RichDocumentContent, type RichDocumentProps, type DocumentAssistantCommit, type DocumentAssistantConflict, type RichDocumentLabels, } from "./rich-document";
 export { DocsWorkbench, DocsWorkbenchController, PublishedDocs, PublishedDocsController, useDocsWorkbench, usePublishedDocs, type DocsWorkbenchList, type DocsWorkbenchState, type DocsWorkbenchTransport, type PublishedDocsState, type PublishedDocsTransport } from "./workbench";
 export { DocsCollaboration, DocsCollaborationController, YjsDocsCollaborationAdapter, useDocsCollaboration, type DocsCollaborationState, type DocsCollaborationTransport } from "./collaboration";
+export { DocsAutosaveController, type DocsAutosaveResult, type DocsAutosaveSnapshot, type DocsAutosaveStatus } from "./autosave";

package/dist/index.js CHANGED Viewed

@@ -1,7 +1,7 @@
 var Gt = Object.defineProperty;
 var Qt = (s, e, t) => e in s ? Gt(s, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : s[e] = t;
-var f = (s, e, t) => Qt(s, typeof e != "symbol" ? e + "" : e, t);
-import { jsx as r, jsxs as h, Fragment as Ee } from "react/jsx-runtime";
+var u = (s, e, t) => Qt(s, typeof e != "symbol" ? e + "" : e, t);
+import { jsx as r, jsxs as p, Fragment as Ee } from "react/jsx-runtime";
 import { Node as Zt, mergeAttributes as es, getSchema as ts } from "@tiptap/core";
 import ss from "@tiptap/extension-collaboration";
 import ns from "@tiptap/extension-collaboration-caret";
@@ -19,8 +19,8 @@ import { Slice as Ct } from "@tiptap/pm/model";
 import { useEditor as vs, EditorContent as bs } from "@tiptap/react";
 import { FloatingMenu as ws, BubbleMenu as Xe } from "@tiptap/react/menus";
 import ys from "@tiptap/starter-kit";
-import { Toolbar as xe, ToolbarSeparator as V, Input as Re, IconTip as Ue, Pressable as P, MenuChoiceGroup as oe, MenuCommandItem as M, Popover as We, ToolbarButton as ae, Button as z, Modal as ks, StateView as j, CardLabel as q, CardTitle as B, Card as Y, Tag as $, NativeSelect as Ss } from "@agent-factory-platform/ui-kit";
-import { Heading1 as Ye, Heading2 as Ge, Heading3 as Qe, List as Ze, ListOrdered as et, ListChecks as tt, Quote as st, SquareCode as nt, MessageSquareWarning as it, Table2 as De, Pilcrow as rt, Bold as ot, Italic as at, Underline as ct, Strikethrough as lt, Code2 as dt, Link2 as ut, Plus as xs, Sparkles as ht, ImagePlus as pt, Palette as ft, AlignLeft as mt, AlignCenter as Ds, AlignRight as Cs, Minus as Is, ChevronDown as Ns, WandSparkles as Ps, BetweenHorizontalStart as Ts, BetweenHorizontalEnd as As, Rows3 as Es, BetweenVerticalStart as zs, BetweenVerticalEnd as Rs, Columns3 as Us, TableCellsMerge as Ls, TableCellsSplit as Ms, Trash2 as It, BookOpen as Os, ShieldCheck as _s, RefreshCw as qs, Languages as Bs } from "lucide-react";
+import { Toolbar as xe, ToolbarSeparator as V, Input as Re, IconTip as Ue, Pressable as N, MenuChoiceGroup as oe, MenuCommandItem as M, Popover as We, ToolbarButton as ae, Button as z, Modal as ks, StateView as j, CardLabel as q, CardTitle as B, Card as Y, Tag as $, NativeSelect as Ss } from "@agent-factory-platform/ui-kit";
+import { Heading1 as Ye, Heading2 as Ge, Heading3 as Qe, List as Ze, ListOrdered as et, ListChecks as tt, Quote as st, SquareCode as nt, MessageSquareWarning as it, Table2 as De, Pilcrow as rt, Bold as ot, Italic as at, Underline as ct, Strikethrough as lt, Code2 as dt, Link2 as ut, Plus as xs, Sparkles as ht, ImagePlus as pt, Palette as ft, AlignLeft as mt, AlignCenter as Ds, AlignRight as Cs, Minus as Is, ChevronDown as Ps, WandSparkles as Ns, BetweenHorizontalStart as Ts, BetweenHorizontalEnd as As, Rows3 as Es, BetweenVerticalStart as zs, BetweenVerticalEnd as Rs, Columns3 as Us, TableCellsMerge as Ls, TableCellsSplit as Ms, Trash2 as It, BookOpen as Os, ShieldCheck as _s, RefreshCw as qs, Languages as Bs } from "lucide-react";
 import { useMemo as js, useState as T, useSyncExternalStore as pe, useRef as Ce, useEffect as Ie, useLayoutEffect as Hs, useCallback as Vs } from "react";
 import { docsV1 as G, isRetryableRpcError as Le } from "@agent-factory-platform/client";
 import { prosemirrorJSONToYXmlFragment as $s, yXmlFragmentToProsemirrorJSON as Fs } from "@tiptap/y-tiptap";
@@ -50,7 +50,7 @@ async function Ys(s, e, t) {
     return s.view.dispatch(s.state.tr.replaceRange(e.range.from, e.range.to, e.original)), { value: c, revision: d };
 }
 function Gs(s, e, t, n) {
-  if (!Nt(s, e, t))
+  if (!Pt(s, e, t))
     try {
       const i = Ct.fromJSON(s.schema, t.originalSlice), c = Xs(s, t.range, n);
       return { range: c, original: i, generated: s.state.doc.slice(c.from, c.to) };
@@ -58,7 +58,7 @@ function Gs(s, e, t, n) {
       return;
     }
 }
-function Nt(s, e, t) {
+function Pt(s, e, t) {
   if (e.documentId !== t.documentId || e.nodeId !== t.nodeId) return "identity";
   if (e.baseRevision !== t.baseRevision) return "revision";
   if (!t.originalSlice) return "missing_original";
@@ -82,16 +82,16 @@ const Qs = Zt.create({
     var s;
     return { ...(s = this.parent) == null ? void 0 : s.call(this), asset_id: { default: null, parseHTML: (e) => e.getAttribute("data-asset-id"), renderHTML: (e) => e.asset_id ? { "data-asset-id": e.asset_id } : {} } };
   }
-}), en = ["var(--color-ink)", "var(--color-graphite)", "var(--color-rust)", "var(--color-data-blue)", "var(--color-success)", "var(--color-warning)", "var(--color-danger)"], de = ["var(--color-surface-muted)", "var(--color-surface-warm)", "var(--color-surface-cool)", "var(--color-data-4)", "var(--color-data-5)"], Pt = () => ({
+}), en = ["var(--color-ink)", "var(--color-graphite)", "var(--color-rust)", "var(--color-data-blue)", "var(--color-success)", "var(--color-warning)", "var(--color-danger)"], de = ["var(--color-surface-muted)", "var(--color-surface-warm)", "var(--color-surface-cool)", "var(--color-data-4)", "var(--color-data-5)"], Nt = () => ({
   default: null,
   parseHTML: (s) => de.includes(s.style.backgroundColor) ? s.style.backgroundColor : null,
   renderHTML: ({ backgroundColor: s }) => s && de.includes(s) ? { style: `background-color: ${s}` } : {}
 }), tn = cs.extend({ addAttributes() {
   var s;
-  return { ...(s = this.parent) == null ? void 0 : s.call(this), backgroundColor: Pt() };
+  return { ...(s = this.parent) == null ? void 0 : s.call(this), backgroundColor: Nt() };
 } }), sn = ls.extend({ addAttributes() {
   var s;
-  return { ...(s = this.parent) == null ? void 0 : s.call(this), backgroundColor: Pt() };
+  return { ...(s = this.parent) == null ? void 0 : s.call(this), backgroundColor: Nt() };
 } }), vt = () => ({ schema: fe, doc: { type: "doc", content: [{ type: "paragraph" }] } });
 function Me(s) {
   const e = (t) => {
@@ -155,10 +155,10 @@ const rn = (s) => {
   ...e ? [ss.configure({ document: e.document, field: e.field ?? "prosemirror" })] : [],
   ...e != null && e.awareness ? [ns.configure({ provider: { awareness: e.awareness }, user: e.user ?? {} })] : []
 ];
-function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i = "Link address", saveLabel: c = "Save", surface: d = "panel", source: u, documentId: w = (u == null ? void 0 : u.id) ?? "", nodeId: I = (u == null ? void 0 : u.id) ?? "", baseRevision: v = "", collaboration: C, assistant: k, assistantInstructions: A = {}, onChange: m, onAssistantCommit: U, onImageUpload: E, resolveImage: me, labels: qt = {} }) {
+function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i = "Link address", saveLabel: c = "Save", surface: d = "panel", source: h, documentId: w = (h == null ? void 0 : h.id) ?? "", nodeId: I = (h == null ? void 0 : h.id) ?? "", baseRevision: v = "", collaboration: C, assistant: k, assistantInstructions: A = {}, onChange: m, onAssistantCommit: U, onImageUpload: E, resolveImage: me, labels: qt = {} }) {
   var Je;
   if (k && !U) throw new Error("RichDocument assistant requires onAssistantCommit");
-  const l = (a) => qt[a] ?? Js(a), Bt = js(() => Tt(t, C), [C, t]), [jt, _e] = T(!1), [qe, ge] = T(!1), [J, _] = T(null), [Be, ve] = T(!1), [Ht, se] = T(!1), [je, be] = T(""), [ne, R] = T(""), [Vt, H] = T(), [K, we] = T(), [He, ie] = T(!1), [$t, Ft] = T(0), x = pe((k == null ? void 0 : k.subscribe) ?? Ks, (k == null ? void 0 : k.getSnapshot) ?? (() => gt), (k == null ? void 0 : k.getSnapshot) ?? (() => gt)), ye = Ce(null), X = Ce(null), W = Ce(!1), ke = async (a, p) => {
+  const l = (a) => qt[a] ?? Js(a), Bt = js(() => Tt(t, C), [C, t]), [jt, _e] = T(!1), [qe, ge] = T(!1), [J, _] = T(null), [Be, ve] = T(!1), [Ht, se] = T(!1), [je, be] = T(""), [ne, R] = T(""), [Vt, H] = T(), [K, we] = T(), [He, ie] = T(!1), [$t, Ft] = T(0), x = pe((k == null ? void 0 : k.subscribe) ?? Ks, (k == null ? void 0 : k.getSnapshot) ?? (() => gt), (k == null ? void 0 : k.getSnapshot) ?? (() => gt)), ye = Ce(null), X = Ce(null), W = Ce(!1), ke = async (a, f) => {
     const g = X.current;
     if (!g || !E) return;
     let y;
@@ -168,7 +168,7 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
       return;
     }
     const D = { type: "image", attrs: { src: y.url, asset_id: y.assetId } };
-    p !== void 0 ? g.chain().focus().insertContentAt(p, D).run() : g.chain().focus().setImage(D.attrs).run();
+    f !== void 0 ? g.chain().focus().insertContentAt(f, D).run() : g.chain().focus().setImage(D.attrs).run();
   }, o = vs({
     extensions: Bt,
     content: C ? void 0 : (s ?? vt()).doc,
@@ -177,30 +177,30 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     immediatelyRender: !1,
     editorProps: {
       attributes: { class: d === "document" ? "docs-prose min-h-[520px] max-w-none px-0 pb-20 pt-5 outline-none" : "docs-prose min-h-[420px] max-w-none px-5 py-5 outline-none", "aria-label": n, role: e ? "textbox" : "document", "aria-multiline": e ? "true" : "false" },
-      handlePaste: (a, p) => {
-        var D, N, S;
-        const g = [...((D = p.clipboardData) == null ? void 0 : D.files) ?? []].find((L) => L.type.startsWith("image/"));
+      handlePaste: (a, f) => {
+        var D, P, S;
+        const g = [...((D = f.clipboardData) == null ? void 0 : D.files) ?? []].find((L) => L.type.startsWith("image/"));
         if (g && E)
           return ke(g), !0;
-        const y = ((N = p.clipboardData) == null ? void 0 : N.getData("text/plain")) ?? "";
+        const y = ((P = f.clipboardData) == null ? void 0 : P.getData("text/plain")) ?? "";
         return cn(y) ? ((S = X.current) == null || S.commands.insertContent(y, { contentType: "markdown" }), !0) : !1;
       },
-      handleDrop: (a, p) => {
-        var D, N;
-        const g = [...((D = p.dataTransfer) == null ? void 0 : D.files) ?? []].find((S) => S.type.startsWith("image/"));
+      handleDrop: (a, f) => {
+        var D, P;
+        const g = [...((D = f.dataTransfer) == null ? void 0 : D.files) ?? []].find((S) => S.type.startsWith("image/"));
         if (!g || !E) return !1;
-        const y = (N = a.posAtCoords({ left: p.clientX, top: p.clientY })) == null ? void 0 : N.pos;
+        const y = (P = a.posAtCoords({ left: f.clientX, top: f.clientY })) == null ? void 0 : P.pos;
         return ke(g, y), !0;
       },
-      handleKeyDown: (a, p) => {
-        if (!e || !(p.metaKey || p.ctrlKey) || p.key.toLowerCase() !== "k") return !1;
-        p.preventDefault(), p.stopPropagation();
+      handleKeyDown: (a, f) => {
+        if (!e || !(f.metaKey || f.ctrlKey) || f.key.toLowerCase() !== "k") return !1;
+        f.preventDefault(), f.stopPropagation();
         const g = X.current;
         return be(String((g == null ? void 0 : g.getAttributes("link").href) ?? "https://")), se(!0), !0;
       }
     },
-    onUpdate: ({ editor: a, transaction: p }) => {
-      _e(a.state.doc.textBetween(Math.max(0, a.state.doc.content.size - 2), a.state.doc.content.size, " ").endsWith("/")), !W.current && !p.getMeta("docsAssetProjection") && (m == null || m(Me(a.getJSON())));
+    onUpdate: ({ editor: a, transaction: f }) => {
+      _e(a.state.doc.textBetween(Math.max(0, a.state.doc.content.size - 2), a.state.doc.content.size, " ").endsWith("/")), !W.current && !f.getMeta("docsAssetProjection") && (m == null || m(Me(a.getJSON())));
     }
   });
   Ie(() => (X.current = o, () => {
@@ -220,25 +220,25 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     }
   }, [C, o, s]), Ie(() => {
     if (!o || !me) return;
-    let a = !1, p;
+    let a = !1, f;
     const g = [];
     return o.state.doc.descendants((y, D) => {
-      const N = y.type.name === "image" ? String(y.attrs.asset_id ?? "") : "";
-      N && g.push({ assetId: N, position: D });
+      const P = y.type.name === "image" ? String(y.attrs.asset_id ?? "") : "";
+      P && g.push({ assetId: P, position: D });
     }), Promise.allSettled(g.map(async (y) => ({ ...y, ...await me(y.assetId) }))).then((y) => {
       if (a) return;
-      let D = o.state.tr, N = Number.POSITIVE_INFINITY;
+      let D = o.state.tr, P = Number.POSITIVE_INFINITY;
       for (const S of y) {
         if (S.status !== "fulfilled" || !S.value.url) continue;
         const L = D.doc.nodeAt(S.value.position);
         if (!(!L || String(L.attrs.asset_id ?? "") !== S.value.assetId) && (D = D.setNodeMarkup(S.value.position, void 0, { ...L.attrs, src: S.value.url }), S.value.expiresAt !== void 0)) {
           const Ke = new Date(S.value.expiresAt).getTime();
-          Number.isFinite(Ke) && (N = Math.min(N, Ke));
+          Number.isFinite(Ke) && (P = Math.min(P, Ke));
         }
       }
-      D.docChanged && o.view.dispatch(D.setMeta("docsAssetProjection", !0).setMeta("addToHistory", !1)), Number.isFinite(N) && (p = setTimeout(() => Ft((S) => S + 1), Math.max(1e3, N - Date.now() - 3e4)));
+      D.docChanged && o.view.dispatch(D.setMeta("docsAssetProjection", !0).setMeta("addToHistory", !1)), Number.isFinite(P) && (f = setTimeout(() => Ft((S) => S + 1), Math.max(1e3, P - Date.now() - 3e4)));
     }), () => {
-      a = !0, p && clearTimeout(p);
+      a = !0, f && clearTimeout(f);
     };
   }, [o, $t, me, s]);
   const re = (a) => {
@@ -251,46 +251,46 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     a ? o.chain().focus().extendMarkRange("link").setLink({ href: a }).run() : o.chain().focus().unsetLink().run(), se(!1);
   }, Se = (a) => {
     if (!o || !k) return;
-    const { from: p, to: g } = o.state.selection, y = o.state.doc.textBetween(p, g, `
+    const { from: f, to: g } = o.state.selection, y = o.state.doc.textBetween(f, g, `
 `), D = [];
-    o.state.doc.nodesBetween(p, Math.max(p + 1, g), (S) => {
+    o.state.doc.nodesBetween(f, Math.max(f + 1, g), (S) => {
       if (S.type.name !== "image") return;
       const L = String(S.attrs.asset_id ?? "");
       L && D.push({ assetId: L });
     });
-    const N = A[a] ?? `${a === "explain" ? "Explain" : a === "rewrite" ? "Rewrite" : "Continue"} the selected document content.`;
+    const P = A[a] ?? `${a === "explain" ? "Explain" : a === "rewrite" ? "Rewrite" : "Continue"} the selected document content.`;
     R(""), H(void 0), we(void 0), k.submit({
       version: 2,
       operation: a,
       documentId: w,
       nodeId: I,
       baseRevision: String(v),
-      range: { from: p, to: g },
+      range: { from: f, to: g },
       selection: y,
-      instruction: N,
+      instruction: P,
       context: `${o.getText({ blockSeparator: `
 ` }).slice(-12e3)}${D.length ? `
 [Selected images: ${D.map((S) => S.assetId).join(", ")}]` : ""}`,
-      originalSlice: o.state.doc.slice(p, g).toJSON(),
+      originalSlice: o.state.doc.slice(f, g).toJSON(),
       images: D,
-      source: u
+      source: h
     }).catch((S) => R(S instanceof Error ? S.message : String(S)));
   }, Kt = async () => {
     if (!o || !x.operation || !x.output) return;
-    const a = Nt(o, { documentId: w, nodeId: I, baseRevision: String(v) }, x.operation);
+    const a = Pt(o, { documentId: w, nodeId: I, baseRevision: String(v) }, x.operation);
     if (a) {
       H(a), R(l("richDocument.aiConflict"));
       return;
     }
     W.current = !0;
-    let p;
+    let f;
     try {
-      p = Gs(o, { documentId: w, nodeId: I, baseRevision: String(v) }, x.operation, x.output);
+      f = Gs(o, { documentId: w, nodeId: I, baseRevision: String(v) }, x.operation, x.output);
     } finally {
       W.current = !1;
     }
-    if (!p) {
+    if (!f) {
       H("invalid_slice"), R(l("richDocument.aiConflict"));
       return;
     }
@@ -298,9 +298,9 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     ie(!0), o.setEditable(!1);
     try {
       const y = String(await U({ kind: "apply", value: g, nodeId: I, expectedRevision: String(v) }));
-      R(""), H(void 0), we({ ...p, revision: y }), m == null || m(g, y);
+      R(""), H(void 0), we({ ...f, revision: y }), m == null || m(g, y);
     } catch {
-      Ws(o, p.range, p.original, p.generated), R(l("richDocument.aiConflict"));
+      Ws(o, f.range, f.original, f.generated), R(l("richDocument.aiConflict"));
     } finally {
       o.setEditable(e), ie(!1);
     }
@@ -308,7 +308,7 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     if (!(!o || !K)) {
       ie(!0), o.setEditable(!1);
       try {
-        const a = await Ys(o, K, (p) => U({ kind: "rollback", value: p, nodeId: I, expectedRevision: K.revision }));
+        const a = await Ys(o, K, (f) => U({ kind: "rollback", value: f, nodeId: I, expectedRevision: K.revision }));
         if (!a) {
           H("selection"), R(l("richDocument.aiConflict"));
           return;
@@ -320,7 +320,7 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
         o.setEditable(e), ie(!1);
       }
     }
-  }, b = (a, p, g, y) => /* @__PURE__ */ r(ae, { title: a, "aria-label": a, "aria-pressed": g, className: "aria-pressed:bg-surface-raised aria-pressed:text-ink", onClick: y, children: p }), $e = (a, p, g) => /* @__PURE__ */ r(ae, { title: p, "aria-label": p, "aria-expanded": J === a, onMouseDown: (y) => y.preventDefault(), onClick: () => _((y) => y === a ? null : a), children: g }), Wt = (a) => {
+  }, b = (a, f, g, y) => /* @__PURE__ */ r(ae, { title: a, "aria-label": a, "aria-pressed": g, className: "aria-pressed:bg-surface-raised aria-pressed:text-ink", onClick: y, children: f }), $e = (a, f, g) => /* @__PURE__ */ r(ae, { title: f, "aria-label": f, "aria-expanded": J === a, onMouseDown: (y) => y.preventDefault(), onClick: () => _((y) => y === a ? null : a), children: g }), Wt = (a) => {
     a(), ge(!1), o == null || o.commands.focus();
   }, Fe = o ? [
     [l("richDocument.heading1"), /* @__PURE__ */ r(Ye, { size: 15, "aria-hidden": !0 }, "h1"), () => o.chain().focus().toggleHeading({ level: 1 }).run()],
@@ -337,8 +337,8 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     [l("richDocument.paragraph"), /* @__PURE__ */ r(rt, { size: 15, "aria-hidden": !0 }, "p"), () => o.chain().focus().setParagraph().run()],
     ...Fe.slice(0, 8)
   ] : [];
-  return /* @__PURE__ */ h("div", { className: d === "document" ? "relative min-w-0" : "relative min-w-0 overflow-hidden rounded-xl border border-border bg-pure-white", "data-rich-document": !0, "data-document-id": w || void 0, "data-node-id": I || void 0, "data-base-revision": String(v) || void 0, "data-editable": e || void 0, "data-surface": d, onDragOver: (a) => E && a.preventDefault(), children: [
-    e && o && /* @__PURE__ */ h(xe, { label: n, density: "compact", variant: d === "document" ? "bare" : "framed", className: d === "document" ? "sticky top-0 z-20 h-auto min-h-control-compact w-full flex-wrap border-b border-divider bg-pure-white py-1" : "h-auto min-h-control-compact flex-wrap rounded-none border-x-0 border-t-0", children: [
+  return /* @__PURE__ */ p("div", { className: d === "document" ? "relative min-w-0" : "relative min-w-0 overflow-hidden rounded-xl border border-border bg-pure-white", "data-rich-document": !0, "data-document-id": w || void 0, "data-node-id": I || void 0, "data-base-revision": String(v) || void 0, "data-editable": e || void 0, "data-surface": d, onDragOver: (a) => E && a.preventDefault(), children: [
+    e && o && /* @__PURE__ */ p(xe, { label: n, density: "compact", variant: d === "document" ? "bare" : "framed", className: d === "document" ? "sticky top-0 z-20 h-auto min-h-control-compact w-full flex-wrap border-b border-divider bg-pure-white py-1" : "h-auto min-h-control-compact flex-wrap rounded-none border-x-0 border-t-0", children: [
       b(l("richDocument.heading1"), /* @__PURE__ */ r(Ye, { size: 15, "aria-hidden": !0 }), o.isActive("heading", { level: 1 }), () => o.chain().focus().toggleHeading({ level: 1 }).run()),
       b(l("richDocument.heading2"), /* @__PURE__ */ r(Ge, { size: 15, "aria-hidden": !0 }), o.isActive("heading", { level: 2 }), () => o.chain().focus().toggleHeading({ level: 2 }).run()),
       b(l("richDocument.heading3"), /* @__PURE__ */ r(Qe, { size: 15, "aria-hidden": !0 }), o.isActive("heading", { level: 3 }), () => o.chain().focus().toggleHeading({ level: 3 }).run()),
@@ -365,18 +365,18 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     ] }),
     E && /* @__PURE__ */ r(Re, { ref: ye, type: "file", accept: "image/png,image/jpeg,image/webp,image/gif", className: "sr-only", tabIndex: -1, onChange: (a) => {
       var g;
-      const p = (g = a.target.files) == null ? void 0 : g[0];
-      p && ke(p), a.currentTarget.value = "";
+      const f = (g = a.target.files) == null ? void 0 : g[0];
+      f && ke(f), a.currentTarget.value = "";
     } }),
-    e && o && /* @__PURE__ */ r(ws, { editor: o, options: { placement: "left-start" }, className: "z-40", children: /* @__PURE__ */ h("div", { className: "relative flex items-start gap-1", children: [
-      /* @__PURE__ */ r(Ue, { label: l("richDocument.insertBlock"), children: /* @__PURE__ */ r(P, { type: "button", "aria-label": l("richDocument.insertBlock"), "aria-expanded": qe, onMouseDown: (a) => a.preventDefault(), onClick: () => ge((a) => !a), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-graphite shadow-soft hover:-translate-y-px hover:bg-surface-hover hover:text-ink", children: /* @__PURE__ */ r(xs, { size: 16, "aria-hidden": !0 }) }) }),
-      k && /* @__PURE__ */ r(Ue, { label: l("richDocument.aiContinue"), children: /* @__PURE__ */ r(P, { type: "button", "aria-label": l("richDocument.aiContinue"), onMouseDown: (a) => a.preventDefault(), onClick: () => Se("continue"), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-rust shadow-soft hover:-translate-y-px hover:bg-surface-hover", children: /* @__PURE__ */ r(ht, { size: 15, "aria-hidden": !0 }) }) }),
-      qe && /* @__PURE__ */ h(oe, { label: l("richDocument.insertBlock"), className: "absolute left-10 top-0 grid w-52 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
-        Fe.map(([a, p, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ h(P, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => Wt(g), className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
-          p,
+    e && o && /* @__PURE__ */ r(ws, { editor: o, options: { placement: "left-start" }, className: "z-40", children: /* @__PURE__ */ p("div", { className: "relative flex items-start gap-1", children: [
+      /* @__PURE__ */ r(Ue, { label: l("richDocument.insertBlock"), children: /* @__PURE__ */ r(N, { type: "button", "aria-label": l("richDocument.insertBlock"), "aria-expanded": qe, onMouseDown: (a) => a.preventDefault(), onClick: () => ge((a) => !a), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-graphite shadow-soft hover:-translate-y-px hover:bg-surface-hover hover:text-ink", children: /* @__PURE__ */ r(xs, { size: 16, "aria-hidden": !0 }) }) }),
+      k && /* @__PURE__ */ r(Ue, { label: l("richDocument.aiContinue"), children: /* @__PURE__ */ r(N, { type: "button", "aria-label": l("richDocument.aiContinue"), onMouseDown: (a) => a.preventDefault(), onClick: () => Se("continue"), className: "grid size-8 place-items-center rounded-control border border-border bg-pure-white text-rust shadow-soft hover:-translate-y-px hover:bg-surface-hover", children: /* @__PURE__ */ r(ht, { size: 15, "aria-hidden": !0 }) }) }),
+      qe && /* @__PURE__ */ p(oe, { label: l("richDocument.insertBlock"), className: "absolute left-10 top-0 grid w-52 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
+        Fe.map(([a, f, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ p(N, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => Wt(g), className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
+          f,
           /* @__PURE__ */ r("span", { children: a })
         ] }) }, a)),
-        E && /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ h(P, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
+        E && /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ p(N, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
           var a;
           ge(!1), (a = ye.current) == null || a.click();
         }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
@@ -385,11 +385,11 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
         ] }) })
       ] })
     ] }) }),
-    e && o && /* @__PURE__ */ r(Xe, { editor: o, pluginKey: "richTextSelectionMenu", shouldShow: ({ editor: a, from: p, to: g }) => p !== g && !(a.state.selection instanceof ze), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ h("div", { className: "relative", children: [
-      /* @__PURE__ */ h(xe, { label: l("richDocument.formatSelection"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
-        $e("block", l("richDocument.paragraphStyle"), /* @__PURE__ */ h(Ee, { children: [
+    e && o && /* @__PURE__ */ r(Xe, { editor: o, pluginKey: "richTextSelectionMenu", shouldShow: ({ editor: a, from: f, to: g }) => f !== g && !(a.state.selection instanceof ze), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ p("div", { className: "relative", children: [
+      /* @__PURE__ */ p(xe, { label: l("richDocument.formatSelection"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
+        $e("block", l("richDocument.paragraphStyle"), /* @__PURE__ */ p(Ee, { children: [
           /* @__PURE__ */ r(rt, { size: 15, "aria-hidden": !0 }),
-          /* @__PURE__ */ r(Ns, { size: 11, "aria-hidden": !0 })
+          /* @__PURE__ */ r(Ps, { size: 11, "aria-hidden": !0 })
         ] })),
         $e("align", l("richDocument.alignment"), /* @__PURE__ */ r(mt, { size: 15, "aria-hidden": !0 })),
         /* @__PURE__ */ r(V, {}),
@@ -398,38 +398,38 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
         b(l("richDocument.underline"), /* @__PURE__ */ r(ct, { size: 15, "aria-hidden": !0 }), o.isActive("underline"), () => o.chain().focus().toggleUnderline().run()),
         b(l("richDocument.strike"), /* @__PURE__ */ r(lt, { size: 15, "aria-hidden": !0 }), o.isActive("strike"), () => o.chain().focus().toggleStrike().run()),
         b(l("richDocument.code"), /* @__PURE__ */ r(dt, { size: 15, "aria-hidden": !0 }), o.isActive("code"), () => o.chain().focus().toggleCode().run()),
-        /* @__PURE__ */ h(We, { title: l("richDocument.colors"), open: J === "color", onOpenChange: (a) => _(a ? "color" : null), side: "bottom", align: "end", trigger: /* @__PURE__ */ r(ae, { title: l("richDocument.colors"), "aria-label": l("richDocument.colors"), "aria-expanded": J === "color", onMouseDown: (a) => a.preventDefault(), children: /* @__PURE__ */ r(ft, { size: 15, "aria-hidden": !0 }) }), children: [
-          /* @__PURE__ */ r(Ne, { label: l("richDocument.textColor"), values: en, onChoose: (a) => {
+        /* @__PURE__ */ p(We, { title: l("richDocument.colors"), open: J === "color", onOpenChange: (a) => _(a ? "color" : null), side: "bottom", align: "end", trigger: /* @__PURE__ */ r(ae, { title: l("richDocument.colors"), "aria-label": l("richDocument.colors"), "aria-expanded": J === "color", onMouseDown: (a) => a.preventDefault(), children: /* @__PURE__ */ r(ft, { size: 15, "aria-hidden": !0 }) }), children: [
+          /* @__PURE__ */ r(Pe, { label: l("richDocument.textColor"), values: en, onChoose: (a) => {
             o.chain().focus().setColor(a).run(), _(null);
           } }),
-          /* @__PURE__ */ r(Ne, { label: l("richDocument.backgroundColor"), values: de, onChoose: (a) => {
+          /* @__PURE__ */ r(Pe, { label: l("richDocument.backgroundColor"), values: de, onChoose: (a) => {
             o.chain().focus().setBackgroundColor(a).run(), _(null);
           } }),
-          /* @__PURE__ */ r(P, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
+          /* @__PURE__ */ r(N, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
             o.chain().focus().unsetColor().unsetBackgroundColor().run(), _(null);
           }, className: "mt-2 min-h-9 w-full rounded-control text-caption text-graphite hover:bg-surface-hover hover:text-ink", children: l("richDocument.resetColors") })
         ] }),
         b(l("richDocument.link"), /* @__PURE__ */ r(ut, { size: 15, "aria-hidden": !0 }), o.isActive("link"), Ve),
-        k && /* @__PURE__ */ h(Ee, { children: [
+        k && /* @__PURE__ */ p(Ee, { children: [
           /* @__PURE__ */ r(V, {}),
           b(l("richDocument.aiExplain"), /* @__PURE__ */ r(ht, { size: 15, "aria-hidden": !0 }), !1, () => Se("explain")),
-          b(l("richDocument.aiRewrite"), /* @__PURE__ */ r(Ps, { size: 15, "aria-hidden": !0 }), !1, () => Se("rewrite"))
+          b(l("richDocument.aiRewrite"), /* @__PURE__ */ r(Ns, { size: 15, "aria-hidden": !0 }), !1, () => Se("rewrite"))
         ] })
       ] }),
-      J === "block" && /* @__PURE__ */ r(oe, { label: l("richDocument.paragraphStyle"), className: "af-layer-overlay absolute left-0 top-full mt-1 grid w-48 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: Yt.map(([a, p, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ h(P, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => {
+      J === "block" && /* @__PURE__ */ r(oe, { label: l("richDocument.paragraphStyle"), className: "af-layer-overlay absolute left-0 top-full mt-1 grid w-48 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: Yt.map(([a, f, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ p(N, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => {
         g(), _(null);
       }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
-        p,
+        f,
         /* @__PURE__ */ r("span", { children: a })
       ] }) }, a)) }),
-      J === "align" && /* @__PURE__ */ r(oe, { label: l("richDocument.alignment"), className: "af-layer-overlay absolute left-9 top-full mt-1 grid w-40 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [["left", l("richDocument.alignLeft"), /* @__PURE__ */ r(mt, { size: 15, "aria-hidden": !0 }, "left")], ["center", l("richDocument.alignCenter"), /* @__PURE__ */ r(Ds, { size: 15, "aria-hidden": !0 }, "center")], ["right", l("richDocument.alignRight"), /* @__PURE__ */ r(Cs, { size: 15, "aria-hidden": !0 }, "right")]].map(([a, p, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ h(P, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => {
+      J === "align" && /* @__PURE__ */ r(oe, { label: l("richDocument.alignment"), className: "af-layer-overlay absolute left-9 top-full mt-1 grid w-40 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [["left", l("richDocument.alignLeft"), /* @__PURE__ */ r(mt, { size: 15, "aria-hidden": !0 }, "left")], ["center", l("richDocument.alignCenter"), /* @__PURE__ */ r(Ds, { size: 15, "aria-hidden": !0 }, "center")], ["right", l("richDocument.alignRight"), /* @__PURE__ */ r(Cs, { size: 15, "aria-hidden": !0 }, "right")]].map(([a, f, g]) => /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ p(N, { type: "button", onMouseDown: (y) => y.preventDefault(), onClick: () => {
         o.chain().focus().setTextAlign(String(a)).run(), _(null);
       }, className: "flex min-h-10 items-center gap-2 rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", children: [
         g,
-        /* @__PURE__ */ r("span", { children: p })
+        /* @__PURE__ */ r("span", { children: f })
       ] }) }, String(a))) })
     ] }) }),
-    e && o && /* @__PURE__ */ r(Xe, { editor: o, pluginKey: "richTableMenu", shouldShow: ({ editor: a, from: p, to: g }) => (p === g || a.state.selection instanceof ze) && rn(a), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ h(xe, { label: l("richDocument.tableActions"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
+    e && o && /* @__PURE__ */ r(Xe, { editor: o, pluginKey: "richTableMenu", shouldShow: ({ editor: a, from: f, to: g }) => (f === g || a.state.selection instanceof ze) && rn(a), options: { placement: "top" }, className: "z-40 shadow-pop", children: /* @__PURE__ */ r("div", { className: "relative", children: /* @__PURE__ */ p(xe, { label: l("richDocument.tableActions"), density: "compact", className: "max-w-[calc(100vw-2rem)] overflow-x-auto bg-surface-raised", children: [
       b(l("richDocument.addRowBefore"), /* @__PURE__ */ r(Ts, { size: 15, "aria-hidden": !0 }), !1, () => o.chain().focus().addRowBefore().run()),
       b(l("richDocument.addRowAfter"), /* @__PURE__ */ r(As, { size: 15, "aria-hidden": !0 }), !1, () => o.chain().focus().addRowAfter().run()),
       b(l("richDocument.deleteRow"), /* @__PURE__ */ r(Es, { size: 15, "aria-hidden": !0 }), !1, () => o.chain().focus().deleteRow().run()),
@@ -440,11 +440,11 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
       /* @__PURE__ */ r(V, {}),
       b(l("richDocument.mergeCells"), /* @__PURE__ */ r(Ls, { size: 15, "aria-hidden": !0 }), !1, () => o.chain().focus().mergeCells().run()),
       b(l("richDocument.splitCell"), /* @__PURE__ */ r(Ms, { size: 15, "aria-hidden": !0 }), !1, () => o.chain().focus().splitCell().run()),
-      /* @__PURE__ */ h(We, { title: l("richDocument.cellBackgroundColor"), open: Be, onOpenChange: ve, side: "bottom", align: "end", trigger: /* @__PURE__ */ r(ae, { title: l("richDocument.cellBackgroundColor"), "aria-label": l("richDocument.cellBackgroundColor"), "aria-expanded": Be, onMouseDown: (a) => a.preventDefault(), children: /* @__PURE__ */ r(ft, { size: 15, "aria-hidden": !0 }) }), children: [
-        /* @__PURE__ */ r(Ne, { label: l("richDocument.cellBackgroundColor"), values: de, onChoose: (a) => {
+      /* @__PURE__ */ p(We, { title: l("richDocument.cellBackgroundColor"), open: Be, onOpenChange: ve, side: "bottom", align: "end", trigger: /* @__PURE__ */ r(ae, { title: l("richDocument.cellBackgroundColor"), "aria-label": l("richDocument.cellBackgroundColor"), "aria-expanded": Be, onMouseDown: (a) => a.preventDefault(), children: /* @__PURE__ */ r(ft, { size: 15, "aria-hidden": !0 }) }), children: [
+        /* @__PURE__ */ r(Pe, { label: l("richDocument.cellBackgroundColor"), values: de, onChoose: (a) => {
           o.chain().focus().setCellAttribute("backgroundColor", a).run(), ve(!1);
         } }),
-        /* @__PURE__ */ r(P, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
+        /* @__PURE__ */ r(N, { type: "button", onMouseDown: (a) => a.preventDefault(), onClick: () => {
           o.chain().focus().setCellAttribute("backgroundColor", null).run(), ve(!1);
         }, className: "mt-2 min-h-9 w-full rounded-control text-caption text-graphite hover:bg-surface-hover hover:text-ink", children: l("richDocument.resetCellBackground") })
       ] }),
@@ -453,38 +453,38 @@ function an({ value: s, editable: e, placeholder: t, ariaLabel: n, linkLabel: i
     ] }) }) }),
     /* @__PURE__ */ r(bs, { editor: o }),
     k && !x.operation && ne && /* @__PURE__ */ r("div", { role: "alert", className: "m-4 text-caption text-danger", children: ne }),
-    k && x.operation && /* @__PURE__ */ h("aside", { "data-testid": "document-assistant-operation", "data-run-id": x.runId, "data-status": x.status, "data-document-id": x.operation.documentId, "data-node-id": x.operation.nodeId, "data-base-revision": x.operation.baseRevision, "data-error-code": Vt, className: "m-4 space-y-3 rounded-panel border border-border bg-surface-muted p-4", "aria-live": "polite", children: [
-      /* @__PURE__ */ h("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
+    k && x.operation && /* @__PURE__ */ p("aside", { "data-testid": "document-assistant-operation", "data-run-id": x.runId, "data-status": x.status, "data-document-id": x.operation.documentId, "data-node-id": x.operation.nodeId, "data-base-revision": x.operation.baseRevision, "data-error-code": Vt, className: "m-4 space-y-3 rounded-panel border border-border bg-surface-muted p-4", "aria-live": "polite", children: [
+      /* @__PURE__ */ p("div", { className: "flex flex-wrap items-center justify-between gap-2", children: [
         /* @__PURE__ */ r("strong", { className: "font-sohne text-body-sm text-ink", children: l(`richDocument.ai.${x.operation.operation}`) }),
         /* @__PURE__ */ r("span", { className: "text-caption text-graphite", children: x.status })
       ] }),
       x.output && /* @__PURE__ */ r("div", { "data-testid": "document-assistant-output", className: "whitespace-pre-wrap text-body-sm text-ink", children: x.output }),
-      /* @__PURE__ */ h("div", { className: "flex flex-wrap gap-2", children: [
+      /* @__PURE__ */ p("div", { className: "flex flex-wrap gap-2", children: [
         x.status === "waiting_for_input" && /* @__PURE__ */ r(z, { size: "compact", onClick: () => void k.resolvePending().catch((a) => R(a instanceof Error ? a.message : String(a))), children: l("richDocument.aiResume") }),
         x.status === "completed" && x.operation.operation !== "explain" && x.output && !K && /* @__PURE__ */ r(z, { size: "compact", disabled: He, onClick: () => void Kt(), children: l("richDocument.aiApply") }),
         K && /* @__PURE__ */ r(z, { size: "compact", variant: "secondary", disabled: He, onClick: () => void Xt(), children: l("richDocument.aiRollback") })
       ] }),
       (ne || x.error) && /* @__PURE__ */ r("div", { role: "alert", className: "text-caption text-danger", children: ne || ((Je = x.error) == null ? void 0 : Je.message) })
     ] }),
-    e && jt && o && /* @__PURE__ */ h(oe, { label: l("richDocument.slashCommands"), className: "absolute left-0 top-12 z-30 grid min-w-44 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
-      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(P, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).toggleHeading({ level: 2 }).run()), children: l("richDocument.heading") }) }),
-      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(P, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).toggleTaskList().run()), children: l("richDocument.taskList") }) }),
-      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(P, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).wrapIn("callout").run()), children: l("richDocument.callout") }) }),
-      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(P, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run()), children: l("richDocument.table") }) })
+    e && jt && o && /* @__PURE__ */ p(oe, { label: l("richDocument.slashCommands"), className: "absolute left-0 top-12 z-30 grid min-w-44 gap-1 rounded-panel border border-border bg-surface-raised p-1 shadow-pop", children: [
+      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(N, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).toggleHeading({ level: 2 }).run()), children: l("richDocument.heading") }) }),
+      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(N, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).toggleTaskList().run()), children: l("richDocument.taskList") }) }),
+      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(N, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).wrapIn("callout").run()), children: l("richDocument.callout") }) }),
+      /* @__PURE__ */ r(M, { asChild: !0, children: /* @__PURE__ */ r(N, { className: "h-row-default rounded-control px-3 text-left font-sohne text-body-sm text-ink hover:bg-surface-hover", onClick: () => re(() => o.chain().deleteRange({ from: o.state.selection.from - 1, to: o.state.selection.from }).insertTable({ rows: 3, cols: 3, withHeaderRow: !0 }).run()), children: l("richDocument.table") }) })
     ] }),
-    /* @__PURE__ */ r(ks, { open: Ht, onClose: () => se(!1), title: i, closeLabel: l("common.close"), children: /* @__PURE__ */ h("div", { className: "space-y-4", children: [
+    /* @__PURE__ */ r(ks, { open: Ht, onClose: () => se(!1), title: i, closeLabel: l("common.close"), children: /* @__PURE__ */ p("div", { className: "space-y-4", children: [
       /* @__PURE__ */ r(Re, { autoFocus: !0, type: "url", "aria-label": i, value: je, onChange: (a) => be(a.target.value), placeholder: "https://" }),
-      /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ r(P, { type: "button", onClick: Jt, className: "min-h-11 rounded-full bg-ink px-5 font-sohne text-caption text-pure-white", children: c }) })
+      /* @__PURE__ */ r("div", { className: "flex justify-end", children: /* @__PURE__ */ r(N, { type: "button", onClick: Jt, className: "min-h-11 rounded-full bg-ink px-5 font-sohne text-caption text-pure-white", children: c }) })
     ] }) })
   ] });
 }
 const cn = (s) => /(^|\n)(#{1,3} |[-*+] |\d+\. |> |```|---(?:\n|$)|- \[[ xX]\] )|\|.+\|\n\|(?:\s*:?-+:?\s*\|)+|\*\*[^*]+\*\*|~~[^~]+~~|`[^`]+`|\[[^\]]+\]\(https?:\/\/[^)]+\)/m.test(s);
-function Ne({ label: s, values: e, onChoose: t }) {
-  return /* @__PURE__ */ h("fieldset", { className: "mb-2", children: [
+function Pe({ label: s, values: e, onChoose: t }) {
+  return /* @__PURE__ */ p("fieldset", { className: "mb-2", children: [
     /* @__PURE__ */ r("legend", { className: "mb-1 font-sohne text-caption text-graphite", children: s }),
     /* @__PURE__ */ r("div", { className: "flex flex-wrap gap-1", children: e.map((n, i) => {
       const c = `${s} ${i + 1}`;
-      return /* @__PURE__ */ r(Ue, { label: c, children: /* @__PURE__ */ r(P, { type: "button", "aria-label": c, onMouseDown: (d) => d.preventDefault(), onClick: () => t(n), className: "size-8 rounded-control border border-border transition-transform hover:-translate-y-px hover:ring-2 hover:ring-rust/35", style: { backgroundColor: n } }) }, n);
+      return /* @__PURE__ */ r(Ue, { label: c, children: /* @__PURE__ */ r(N, { type: "button", "aria-label": c, onMouseDown: (d) => d.preventDefault(), onClick: () => t(n), className: "size-8 rounded-control border border-border transition-transform hover:-translate-y-px hover:ring-2 hover:ring-rust/35", style: { backgroundColor: n } }) }, n);
     }) })
   ] });
 }
@@ -504,61 +504,61 @@ const bt = (s, e) => {
 };
 class wi {
   constructor(e, t = "") {
-    f(this, "state");
-    f(this, "listeners", /* @__PURE__ */ new Set());
-    f(this, "generation", 0);
-    f(this, "getSnapshot", () => this.state);
-    f(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
-    f(this, "createSpace", (e) => this.run(async () => ({ spaces: [await this.transport.createSpace(e), ...this.state.spaces] })));
-    f(this, "updateSpace", (e) => this.run(async () => {
+    u(this, "state");
+    u(this, "listeners", /* @__PURE__ */ new Set());
+    u(this, "generation", 0);
+    u(this, "getSnapshot", () => this.state);
+    u(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
+    u(this, "createSpace", (e) => this.run(async () => ({ spaces: [await this.transport.createSpace(e), ...this.state.spaces] })));
+    u(this, "updateSpace", (e) => this.run(async () => {
       const t = await this.transport.updateSpace(e);
       return { spaces: this.state.spaces.map((n) => n.id === t.id ? t : n) };
     }));
-    f(this, "archiveSpace", (e) => this.run(async () => {
+    u(this, "archiveSpace", (e) => this.run(async () => {
       const t = await this.transport.archiveSpace(e);
       return { spacePermissions: void 0, nodePermissions: void 0, spaces: this.state.spaces.map((n) => n.id === t.id ? t : n) };
     }));
-    f(this, "leaveSpace", (e) => this.run(async () => (await this.transport.leaveSpace(e), { spacePermissions: void 0, nodePermissions: void 0, spaces: this.state.spaces.filter((t) => t.id !== e.spaceId) })));
-    f(this, "createNode", (e) => this.run(async () => {
+    u(this, "leaveSpace", (e) => this.run(async () => (await this.transport.leaveSpace(e), { spacePermissions: void 0, nodePermissions: void 0, spaces: this.state.spaces.filter((t) => t.id !== e.spaceId) })));
+    u(this, "createNode", (e) => this.run(async () => {
       const t = await this.transport.createNode(e);
       return { nodes: [...this.state.nodes, t], documents: t.kind === G.NodeKind.DOCUMENT ? [...this.state.documents, t] : this.state.documents };
     }));
-    f(this, "updateNode", (e) => this.run(async () => {
+    u(this, "updateNode", (e) => this.run(async () => {
       const t = await this.transport.updateNode(e);
       return this.replaceNode(t);
     }));
-    f(this, "moveNode", (e) => this.run(async () => {
+    u(this, "moveNode", (e) => this.run(async () => {
       const t = await this.transport.moveNode(e);
       return this.replaceNode(t);
     }));
-    f(this, "deleteNode", (e) => this.run(async () => {
+    u(this, "deleteNode", (e) => this.run(async () => {
       const t = this.state.documents.find((n) => n.id === e.nodeId) ?? this.state.nodes.find((n) => n.id === e.nodeId);
       return await this.transport.deleteNode(e), { nodes: this.state.nodes.filter((n) => n.id !== e.nodeId), documents: this.state.documents.filter((n) => n.id !== e.nodeId), trash: t ? [...this.state.trash, t] : this.state.trash };
     }));
-    f(this, "restoreNode", (e) => this.run(async () => {
+    u(this, "restoreNode", (e) => this.run(async () => {
       const t = await this.transport.restoreNode(e);
       return { nodes: [...this.state.nodes, t], documents: t.kind === G.NodeKind.DOCUMENT ? [...this.state.documents, t] : this.state.documents, trash: this.state.trash.filter((n) => n.id !== t.id) };
     }));
-    f(this, "restoreRevision", async (e) => {
+    u(this, "restoreRevision", async (e) => {
       const t = e.nodeId;
       if (!t) throw new Error("node ID is required");
       const n = this.generation, i = await this.transport.restoreRevision(e);
       return n === this.generation && await this.openNode(t), i;
     });
-    f(this, "setAcl", (e) => this.run(async () => {
+    u(this, "setAcl", (e) => this.run(async () => {
       const t = await this.transport.setAcl(e);
       return { spacePermissions: void 0, nodePermissions: void 0, acl: [...this.state.acl.filter((n) => n.id !== t.id), t] };
     }));
-    f(this, "revokeAcl", (e) => this.run(async () => {
+    u(this, "revokeAcl", (e) => this.run(async () => {
       await this.transport.revokeAcl(e);
       const t = bt(e.resource, e.spaceId ?? "");
       return { spacePermissions: void 0, nodePermissions: void 0, acl: this.state.acl.filter((n) => n.subjectId !== e.subjectId || bt(n.resource, n.spaceId) !== t) };
     }));
-    f(this, "createInvite", (e) => this.run(async () => {
+    u(this, "createInvite", (e) => this.run(async () => {
       const t = await this.transport.createInvite(e);
       return { invites: [...this.state.invites, t] };
     }));
-    f(this, "revokeInvite", (e) => this.run(async () => (await this.transport.revokeInvite(e), { invites: this.state.invites.filter((t) => t.id !== e.inviteId) })));
+    u(this, "revokeInvite", (e) => this.run(async () => (await this.transport.revokeInvite(e), { invites: this.state.invites.filter((t) => t.id !== e.inviteId) })));
     this.transport = e, this.state = { ...wt, scope: t };
   }
   setScope(e) {
@@ -595,7 +595,7 @@ class wi {
     }), await this.run(async () => {
       const i = await this.transport.getResourcePermissions({ spaceId: e });
       if (t !== this.generation) return {};
-      const [c, d, u] = await Promise.all([
+      const [c, d, h] = await Promise.all([
         this.transport.listChildren({ spaceId: e, pageSize: 50 }),
         this.transport.listDocuments({ spaceId: e, pageSize: 50 }),
         this.transport.listTrash({ spaceId: e, pageSize: 50 })
@@ -604,8 +604,8 @@ class wi {
         spacePermissions: i,
         nodes: c.nodes,
         documents: d.nodes,
-        trash: u.nodes,
-        nextPageTokens: { ...this.state.nextPageTokens, nodes: c.nextPageToken, documents: d.nextPageToken, trash: u.nextPageToken }
+        trash: h.nodes,
+        nextPageTokens: { ...this.state.nextPageTokens, nodes: c.nextPageToken, documents: d.nextPageToken, trash: h.nextPageToken }
       };
     }), t === this.generation && ((n = this.state.spacePermissions) != null && n.manage))
       try {
@@ -638,12 +638,12 @@ class wi {
         this.transport.getNode({ nodeId: e }),
         this.transport.listRevisions({ nodeId: e, pageSize: 50 }),
         this.transport.getResourcePermissions({ resource: { target: { case: "nodeId", value: e } } })
-      ]), d = i.revisions.find((w) => w.number === n.revision), u = d && t === this.generation ? await this.transport.getRevisionIndexStatus({ nodeId: e, revisionId: d.id }) : void 0;
+      ]), d = i.revisions.find((w) => w.number === n.revision), h = d && t === this.generation ? await this.transport.getRevisionIndexStatus({ nodeId: e, revisionId: d.id }) : void 0;
       return {
         selectedNode: n,
         nodePermissions: c,
         revisions: i.revisions,
-        index: u,
+        index: h,
         nextPageTokens: { ...this.state.nextPageTokens, revisions: i.nextPageToken }
       };
     });
@@ -655,47 +655,47 @@ class wi {
     const n = this.state.selectedSpaceId, i = (c = this.state.selectedNode) == null ? void 0 : c.id;
     return this.run(async () => {
       const d = { spaceId: n, nodeId: i, pageToken: t, pageSize: 50 };
-      let u, w;
+      let h, w;
       switch (e) {
         case "spaces": {
           const v = await this.transport.listSpaces(d);
-          u = v.spaces, w = v.nextPageToken;
+          h = v.spaces, w = v.nextPageToken;
           break;
         }
         case "nodes": {
           const v = await this.transport.listChildren(d);
-          u = v.nodes, w = v.nextPageToken;
+          h = v.nodes, w = v.nextPageToken;
           break;
         }
         case "documents": {
           const v = await this.transport.listDocuments(d);
-          u = v.nodes, w = v.nextPageToken;
+          h = v.nodes, w = v.nextPageToken;
           break;
         }
         case "trash": {
           const v = await this.transport.listTrash(d);
-          u = v.nodes, w = v.nextPageToken;
+          h = v.nodes, w = v.nextPageToken;
           break;
         }
         case "revisions": {
           const v = await this.transport.listRevisions(d);
-          u = v.revisions, w = v.nextPageToken;
+          h = v.revisions, w = v.nextPageToken;
           break;
         }
         case "acl": {
           const v = await this.transport.listAcl(d);
-          u = v.entries, w = v.nextPageToken;
+          h = v.entries, w = v.nextPageToken;
           break;
         }
         case "invites": {
           const v = await this.transport.listInvites(d);
-          u = v.invites, w = v.nextPageToken;
+          h = v.invites, w = v.nextPageToken;
           break;
         }
       }
       if (w === t) throw new Error("server repeated a page token");
       const I = new Map(this.state[e].map((v) => [v.id, v]));
-      for (const v of u) I.set(v.id, v);
+      for (const v of h) I.set(v.id, v);
       return { [e]: [...I.values()], nextPageTokens: { ...this.state.nextPageTokens, [e]: w } };
     });
   }
@@ -706,8 +706,8 @@ class wi {
       const d = await this.transport.saveRevision({ nodeId: i.id, expectedRevision: i.revision, schema: e, contentJson: t, name: n });
       return c === this.generation && await this.openNode(i.id), d;
     } catch (d) {
-      const u = d instanceof Error ? d : new Error(String(d));
-      throw c === this.generation && this.update({ loading: !1, conflict: u, error: void 0, spacePermissions: void 0, nodePermissions: void 0 }), u;
+      const h = d instanceof Error ? d : new Error(String(d));
+      throw c === this.generation && this.update({ loading: !1, conflict: h, error: void 0, spacePermissions: void 0, nodePermissions: void 0 }), h;
     }
   }
   async saveAsCopy(e) {
@@ -715,10 +715,10 @@ class wi {
     if (!t || !n) throw new Error("a selected space and local draft are required");
     const i = this.state.selectedNode, c = this.state.scope;
     return this.run(async () => {
-      var u;
+      var h;
       const d = await this.transport.createNode({
         node: { id: crypto.randomUUID(), spaceId: t, parentId: (i == null ? void 0 : i.parentId) ?? "", kind: G.NodeKind.DOCUMENT, title: e, slug: "", locale: (i == null ? void 0 : i.locale) ?? "" },
-        expectedTreeVersion: ((u = this.state.spaces.find((w) => w.id === t)) == null ? void 0 : u.treeVersion) ?? 0n,
+        expectedTreeVersion: ((h = this.state.spaces.find((w) => w.id === t)) == null ? void 0 : h.treeVersion) ?? 0n,
         commandId: crypto.randomUUID()
       });
       if (c !== this.state.scope) throw new Error("account scope changed during save");
@@ -768,58 +768,58 @@ function yi({ controller: s }) {
   const e = dn(s), [t, n] = T(""), [i, c] = T("1.0.0"), d = e.documents.filter((m) => {
     var U;
     return m.id !== ((U = e.selectedNode) == null ? void 0 : U.id);
-  }), u = d.find((m) => m.id === t) ?? d[0];
-  return e.error && !e.spaces.length ? /* @__PURE__ */ r(j, { title: "Docs unavailable", description: e.error.message, action: { label: "Retry", onClick: () => void s.refresh() } }) : /* @__PURE__ */ h("section", { className: "af-docs-workbench", "aria-label": "Docs workbench", children: [
-    /* @__PURE__ */ h("header", { children: [
-      /* @__PURE__ */ h("div", { children: [
-        /* @__PURE__ */ h(q, { children: [
+  }), h = d.find((m) => m.id === t) ?? d[0];
+  return e.error && !e.spaces.length ? /* @__PURE__ */ r(j, { title: "Docs unavailable", description: e.error.message, action: { label: "Retry", onClick: () => void s.refresh() } }) : /* @__PURE__ */ p("section", { className: "af-docs-workbench", "aria-label": "Docs workbench", children: [
+    /* @__PURE__ */ p("header", { children: [
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ p(q, { children: [
           /* @__PURE__ */ r(Os, { size: 14, "aria-hidden": !0 }),
           " Docs repository"
         ] }),
-        /* @__PURE__ */ h(B, { children: [
+        /* @__PURE__ */ p(B, { children: [
           e.spaces.length,
           " spaces"
         ] })
       ] }),
       /* @__PURE__ */ r(z, { size: "compact", variant: "secondary", disabled: e.loading, onClick: () => void s.refresh(), children: e.loading ? "Loading…" : "Refresh" })
     ] }),
-    e.spaces.length ? /* @__PURE__ */ r("div", { className: "af-docs-workbench__list", children: e.spaces.map((m) => /* @__PURE__ */ h(Y, { as: "article", children: [
-      /* @__PURE__ */ h("div", { children: [
+    e.spaces.length ? /* @__PURE__ */ r("div", { className: "af-docs-workbench__list", children: e.spaces.map((m) => /* @__PURE__ */ p(Y, { as: "article", children: [
+      /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ r(q, { children: m.locale || "default locale" }),
         /* @__PURE__ */ r(B, { children: m.name }),
         /* @__PURE__ */ r("p", { children: m.id })
       ] }),
       /* @__PURE__ */ r(z, { size: "compact", onClick: () => void s.openSpace(m.id), children: "Open" })
     ] }, m.id)) }) : /* @__PURE__ */ r(j, { size: "sm", title: "No document spaces", description: "Accessible spaces appear here." }),
-    e.selectedSpaceId && /* @__PURE__ */ h("div", { className: "af-docs-workbench__summary", children: [
-      /* @__PURE__ */ h($, { tone: "cool", children: [
+    e.selectedSpaceId && /* @__PURE__ */ p("div", { className: "af-docs-workbench__summary", children: [
+      /* @__PURE__ */ p($, { tone: "cool", children: [
         e.nodes.length,
         " root nodes · ",
         e.documents.length,
         " documents"
       ] }),
-      /* @__PURE__ */ h($, { tone: "neutral", children: [
+      /* @__PURE__ */ p($, { tone: "neutral", children: [
         /* @__PURE__ */ r(It, { size: 12, "aria-hidden": !0 }),
         " ",
         e.trash.length,
         " trash"
       ] }),
-      ((w = e.spacePermissions) == null ? void 0 : w.manage) && /* @__PURE__ */ h(Ee, { children: [
-        /* @__PURE__ */ h($, { tone: "neutral", children: [
+      ((w = e.spacePermissions) == null ? void 0 : w.manage) && /* @__PURE__ */ p(Ee, { children: [
+        /* @__PURE__ */ p($, { tone: "neutral", children: [
           /* @__PURE__ */ r(_s, { size: 12, "aria-hidden": !0 }),
           " ",
           e.acl.length,
           " grants"
         ] }),
-        /* @__PURE__ */ h($, { tone: "neutral", children: [
+        /* @__PURE__ */ p($, { tone: "neutral", children: [
           e.invites.length,
           " invites"
         ] })
       ] })
     ] }),
-    e.documents.length > 0 && /* @__PURE__ */ r("div", { className: "af-docs-workbench__list", children: e.documents.map((m) => /* @__PURE__ */ h(Y, { as: "article", children: [
-      /* @__PURE__ */ h("div", { children: [
-        /* @__PURE__ */ h(q, { children: [
+    e.documents.length > 0 && /* @__PURE__ */ r("div", { className: "af-docs-workbench__list", children: e.documents.map((m) => /* @__PURE__ */ p(Y, { as: "article", children: [
+      /* @__PURE__ */ p("div", { children: [
+        /* @__PURE__ */ p(q, { children: [
           "Revision ",
           m.revision.toString(),
           " · ",
@@ -830,41 +830,41 @@ function yi({ controller: s }) {
       ] }),
       /* @__PURE__ */ r(z, { size: "compact", variant: "secondary", onClick: () => void s.openNode(m.id), children: "Manage" })
     ] }, m.id)) }),
-    e.selectedNode && /* @__PURE__ */ h(Y, { as: "section", children: [
-      /* @__PURE__ */ h("header", { children: [
-        /* @__PURE__ */ h("div", { children: [
+    e.selectedNode && /* @__PURE__ */ p(Y, { as: "section", children: [
+      /* @__PURE__ */ p("header", { children: [
+        /* @__PURE__ */ p("div", { children: [
           /* @__PURE__ */ r(q, { children: "Selected document" }),
           /* @__PURE__ */ r(B, { children: e.selectedNode.title })
         ] }),
         /* @__PURE__ */ r($, { tone: ((I = e.index) == null ? void 0 : I.status) === G.RevisionIndexStatus.READY ? "success" : "warning", children: G.RevisionIndexStatus[((v = e.index) == null ? void 0 : v.status) ?? 0] })
       ] }),
-      /* @__PURE__ */ h("p", { children: [
+      /* @__PURE__ */ p("p", { children: [
         e.revisions.length,
         " immutable revisions"
       ] }),
-      /* @__PURE__ */ h("div", { className: "af-docs-workbench__actions", children: [
-        /* @__PURE__ */ h(z, { size: "compact", variant: "secondary", disabled: !((C = e.nodePermissions) != null && C.write), onClick: () => void s.retryIndex(), children: [
+      /* @__PURE__ */ p("div", { className: "af-docs-workbench__actions", children: [
+        /* @__PURE__ */ p(z, { size: "compact", variant: "secondary", disabled: !((C = e.nodePermissions) != null && C.write), onClick: () => void s.retryIndex(), children: [
           /* @__PURE__ */ r(qs, { size: 14, "aria-hidden": !0 }),
           " Retry index"
         ] }),
-        d.length > 0 && /* @__PURE__ */ r(Ss, { label: "Translation target", value: (u == null ? void 0 : u.id) ?? "", options: d.map((m) => ({ value: m.id, label: `${m.title} · ${m.locale}` })), onChange: n }),
-        /* @__PURE__ */ h(z, { size: "compact", variant: "ghost", disabled: !u || !((k = e.nodePermissions) != null && k.write), onClick: () => u && void s.requestTranslation(u.id, u.locale), children: [
+        d.length > 0 && /* @__PURE__ */ r(Ss, { label: "Translation target", value: (h == null ? void 0 : h.id) ?? "", options: d.map((m) => ({ value: m.id, label: `${m.title} · ${m.locale}` })), onChange: n }),
+        /* @__PURE__ */ p(z, { size: "compact", variant: "ghost", disabled: !h || !((k = e.nodePermissions) != null && k.write), onClick: () => h && void s.requestTranslation(h.id, h.locale), children: [
           /* @__PURE__ */ r(Bs, { size: 14, "aria-hidden": !0 }),
           " Translation workflow"
         ] })
       ] }),
-      /* @__PURE__ */ h("div", { className: "af-docs-workbench__actions", children: [
+      /* @__PURE__ */ p("div", { className: "af-docs-workbench__actions", children: [
         /* @__PURE__ */ r(Re, { "aria-label": "Release version", value: i, onChange: (m) => c(m.target.value) }),
-        /* @__PURE__ */ r(z, { size: "compact", disabled: !u || !i || !((A = e.spacePermissions) != null && A.writeTree), onClick: () => u && void s.publishBundle(i, e.selectedNode.locale, [{ locale: u.locale, nodes: [{ sourceNodeId: e.selectedNode.id, targetNodeId: u.id }] }]), children: "Publish locale bundle" })
+        /* @__PURE__ */ r(z, { size: "compact", disabled: !h || !i || !((A = e.spacePermissions) != null && A.writeTree), onClick: () => h && void s.publishBundle(i, e.selectedNode.locale, [{ locale: h.locale, nodes: [{ sourceNodeId: e.selectedNode.id, targetNodeId: h.id }] }]), children: "Publish locale bundle" })
       ] }),
-      e.conflict && /* @__PURE__ */ h("div", { role: "alert", children: [
+      e.conflict && /* @__PURE__ */ p("div", { role: "alert", children: [
         /* @__PURE__ */ r("strong", { children: "Concurrent save rejected." }),
         " Local draft retained for retry or Save as copy."
       ] })
     ] }),
     e.managementError && /* @__PURE__ */ r("p", { role: "status", children: "Management data unavailable. Refresh to check your current access." }),
     e.error && e.spaces.length > 0 && /* @__PURE__ */ r("p", { role: "alert", children: e.error.message }),
-    /* @__PURE__ */ r("div", { className: "af-docs-workbench__actions", children: Object.keys(e.nextPageTokens).filter((m) => e.nextPageTokens[m]).map((m) => /* @__PURE__ */ h(z, { size: "compact", variant: "secondary", disabled: e.loading, onClick: () => void s.loadMore(m), children: [
+    /* @__PURE__ */ r("div", { className: "af-docs-workbench__actions", children: Object.keys(e.nextPageTokens).filter((m) => e.nextPageTokens[m]).map((m) => /* @__PURE__ */ p(z, { size: "compact", variant: "secondary", disabled: e.loading, onClick: () => void s.loadMore(m), children: [
       "Load more ",
       m
     ] }, m)) })
@@ -872,13 +872,13 @@ function yi({ controller: s }) {
 }
 class ki {
   constructor(e) {
-    f(this, "state", { loading: !1 });
-    f(this, "listeners", /* @__PURE__ */ new Set());
-    f(this, "generation", 0);
-    f(this, "target", "");
-    f(this, "tenantId", "");
-    f(this, "getSnapshot", () => this.state);
-    f(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
+    u(this, "state", { loading: !1 });
+    u(this, "listeners", /* @__PURE__ */ new Set());
+    u(this, "generation", 0);
+    u(this, "target", "");
+    u(this, "tenantId", "");
+    u(this, "getSnapshot", () => this.state);
+    u(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
     this.transport = e;
   }
   async load(e, t, n) {
@@ -888,8 +888,8 @@ class ki {
       const d = await this.transport.getLatestPublishedRelease({ tenantId: e, spaceId: t, locale: n });
       i === this.generation && c === this.target && (this.tenantId = e, this.update({ release: d, loading: !1 }));
     } catch (d) {
-      const u = d instanceof Error ? d : new Error(String(d));
-      throw i === this.generation && c === this.target && this.update({ loading: !1, error: u }), u;
+      const h = d instanceof Error ? d : new Error(String(d));
+      throw i === this.generation && c === this.target && this.update({ loading: !1, error: h }), h;
     }
   }
   async resolveImage(e, t) {
@@ -906,16 +906,16 @@ class ki {
 const un = (s) => pe(s.subscribe, s.getSnapshot, s.getSnapshot);
 function Si({ controller: s }) {
   const e = un(s);
-  return e.loading ? /* @__PURE__ */ r(j, { title: "Loading published documentation" }) : e.error ? /* @__PURE__ */ r(j, { title: "Published documentation unavailable", description: e.error.message }) : e.release ? /* @__PURE__ */ h("main", { className: "af-docs-workbench", "aria-label": "Published documentation", children: [
-    /* @__PURE__ */ r("header", { children: /* @__PURE__ */ h("div", { children: [
-      /* @__PURE__ */ h(q, { children: [
+  return e.loading ? /* @__PURE__ */ r(j, { title: "Loading published documentation" }) : e.error ? /* @__PURE__ */ r(j, { title: "Published documentation unavailable", description: e.error.message }) : e.release ? /* @__PURE__ */ p("main", { className: "af-docs-workbench", "aria-label": "Published documentation", children: [
+    /* @__PURE__ */ r("header", { children: /* @__PURE__ */ p("div", { children: [
+      /* @__PURE__ */ p(q, { children: [
         e.release.locale,
         " · ",
         e.release.version
       ] }),
       /* @__PURE__ */ r(B, { children: "Published documentation" })
     ] }) }),
-    e.release.nodes.map((t) => /* @__PURE__ */ r(Y, { as: "article", children: /* @__PURE__ */ h("div", { children: [
+    e.release.nodes.map((t) => /* @__PURE__ */ r(Y, { as: "article", children: /* @__PURE__ */ p("div", { children: [
       /* @__PURE__ */ r(q, { children: t.slug }),
       /* @__PURE__ */ r(B, { children: t.title }),
       /* @__PURE__ */ r(hn, { node: t, controller: s })
@@ -975,7 +975,7 @@ const Sn = () => new kn(), xn = (s) => {
       ue(s, Oe[n]);
   } else
     An(s, yn(e));
-}, Nn = (s, e) => {
+}, Pn = (s, e) => {
   const t = unescape(encodeURIComponent(e)), n = t.length;
   F(s, n);
   for (let i = 0; i < n; i++)
@@ -984,8 +984,8 @@ const Sn = () => new kn(), xn = (s) => {
       /** @type {number} */
       t.codePointAt(i)
     );
-}, Pn = te && /** @type {any} */
-te.encodeInto ? In : Nn, Tn = (s, e) => {
+}, Nn = te && /** @type {any} */
+te.encodeInto ? In : Pn, Tn = (s, e) => {
   const t = s.cbuf.length, n = s.cpos, i = pn(t - n, e.length), c = e.length - i;
   s.cbuf.set(e.subarray(0, i), n), s.cpos += i, c > 0 && (s.bufs.push(s.cbuf), s.cbuf = new Uint8Array(fn(t * 2, c)), s.cbuf.set(e.subarray(i)), s.cpos = c);
 }, An = (s, e) => {
@@ -1036,13 +1036,13 @@ const Un = (s) => new Rn(s), Ln = (s, e) => {
 }, _n = (s) => (
   /** @type any */
   Q.decode(Mn(s))
-), qn = Q ? _n : On, he = Date.now, Pe = () => /* @__PURE__ */ new Map(), Bn = (s, e, t) => {
+), qn = Q ? _n : On, he = Date.now, Ne = () => /* @__PURE__ */ new Map(), Bn = (s, e, t) => {
   let n = s.get(e);
   return n === void 0 && s.set(e, n = t()), n;
 };
 class jn {
   constructor() {
-    this._observers = Pe();
+    this._observers = Ne();
   }
   /**
    * @param {N} name
@@ -1079,10 +1079,10 @@ class jn {
    * @param {Array<any>} args The arguments that are applied to the event listener.
    */
   emit(e, t) {
-    return vn((this._observers.get(e) || Pe()).values()).forEach((n) => n(...t));
+    return vn((this._observers.get(e) || Ne()).values()).forEach((n) => n(...t));
   }
   destroy() {
-    this._observers = Pe();
+    this._observers = Ne();
   }
 }
 const kt = Symbol("Equality"), Hn = Object.keys, St = (s) => Hn(s).length, Vn = (s, e) => Object.prototype.hasOwnProperty.call(s, e), ee = (s, e) => {
@@ -1176,8 +1176,8 @@ class Rt extends jn {
       clock: i,
       lastUpdated: he()
     });
-    const d = [], u = [], w = [], I = [];
-    e === null ? I.push(t) : c == null ? e != null && d.push(t) : (u.push(t), ee(c, e) || w.push(t)), (d.length > 0 || w.length > 0 || I.length > 0) && this.emit("change", [{ added: d, updated: w, removed: I }, "local"]), this.emit("update", [{ added: d, updated: u, removed: I }, "local"]);
+    const d = [], h = [], w = [], I = [];
+    e === null ? I.push(t) : c == null ? e != null && d.push(t) : (h.push(t), ee(c, e) || w.push(t)), (d.length > 0 || w.length > 0 || I.length > 0) && this.emit("change", [{ added: d, updated: w, removed: I }, "local"]), this.emit("update", [{ added: d, updated: h, removed: I }, "local"]);
   }
   /**
    * @param {string} field
@@ -1220,15 +1220,15 @@ const Ut = (s, e, t) => {
   const n = e.length, i = Sn();
   F(i, n);
   for (let c = 0; c < n; c++) {
-    const d = e[c], u = t.get(d) || null, w = (
+    const d = e[c], h = t.get(d) || null, w = (
       /** @type {MetaClientState} */
       s.meta.get(d).clock
     );
-    F(i, d), F(i, w), Pn(i, JSON.stringify(u));
+    F(i, d), F(i, w), Nn(i, JSON.stringify(h));
   }
   return Dn(i);
 }, Mt = (s, e, t) => {
-  const n = Un(e), i = he(), c = [], d = [], u = [], w = [], I = Z(n);
+  const n = Un(e), i = he(), c = [], d = [], h = [], w = [], I = Z(n);
   for (let v = 0; v < I; v++) {
     const C = Z(n);
     let k = Z(n);
@@ -1236,11 +1236,11 @@ const Ut = (s, e, t) => {
     (E < k || E === k && A === null && s.states.has(C)) && (A === null ? C === s.clientID && s.getLocalState() != null ? k++ : s.states.delete(C) : s.states.set(C, A), s.meta.set(C, {
       clock: k,
       lastUpdated: i
-    }), m === void 0 && A !== null ? c.push(C) : m !== void 0 && A === null ? w.push(C) : A !== null && (ee(A, U) || u.push(C), d.push(C)));
+    }), m === void 0 && A !== null ? c.push(C) : m !== void 0 && A === null ? w.push(C) : A !== null && (ee(A, U) || h.push(C), d.push(C)));
   }
-  (c.length > 0 || u.length > 0 || w.length > 0) && s.emit("change", [{
+  (c.length > 0 || h.length > 0 || w.length > 0) && s.emit("change", [{
     added: c,
-    updated: u,
+    updated: h,
     removed: w
   }, t]), (c.length > 0 || d.length > 0 || w.length > 0) && s.emit("update", [{
     added: c,
@@ -1257,14 +1257,14 @@ const Ut = (s, e, t) => {
 };
 class xi {
   constructor(e) {
-    f(this, "state", xt);
-    f(this, "listeners", /* @__PURE__ */ new Set());
-    f(this, "generation", 0);
-    f(this, "desired");
-    f(this, "pendingUpdates", /* @__PURE__ */ new Map());
-    f(this, "reconnecting");
-    f(this, "getSnapshot", () => this.state);
-    f(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
+    u(this, "state", xt);
+    u(this, "listeners", /* @__PURE__ */ new Set());
+    u(this, "generation", 0);
+    u(this, "desired");
+    u(this, "pendingUpdates", /* @__PURE__ */ new Map());
+    u(this, "reconnecting");
+    u(this, "getSnapshot", () => this.state);
+    u(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
     this.transport = e;
   }
   async connect(e, t, n = 0n) {
@@ -1434,22 +1434,22 @@ class xi {
 const Dt = Symbol("docs-collaboration-remote"), le = Symbol("docs-collaboration-presence"), Ae = 64 * 1024;
 class Di {
   constructor(e, t, n, i = "prosemirror") {
-    f(this, "document", new O.Doc());
-    f(this, "awareness", new Rt(this.document));
-    f(this, "user");
-    f(this, "editorCollaboration");
-    f(this, "unsubscribe");
-    f(this, "presenceClients", /* @__PURE__ */ new Map());
-    f(this, "appliedPresence", /* @__PURE__ */ new Map());
-    f(this, "clockClientId", crypto.randomUUID());
-    f(this, "clientClock", 0n);
-    f(this, "appliedSequence", 0n);
-    f(this, "queuedUpdates", []);
-    f(this, "pumping");
-    f(this, "presencePending", Promise.resolve());
-    f(this, "terminalUpdateError");
-    f(this, "oversizedUpdate", !1);
-    f(this, "applyRemoteUpdates", () => {
+    u(this, "document", new O.Doc());
+    u(this, "awareness", new Rt(this.document));
+    u(this, "user");
+    u(this, "editorCollaboration");
+    u(this, "unsubscribe");
+    u(this, "presenceClients", /* @__PURE__ */ new Map());
+    u(this, "appliedPresence", /* @__PURE__ */ new Map());
+    u(this, "clockClientId", crypto.randomUUID());
+    u(this, "clientClock", 0n);
+    u(this, "appliedSequence", 0n);
+    u(this, "queuedUpdates", []);
+    u(this, "pumping");
+    u(this, "presencePending", Promise.resolve());
+    u(this, "terminalUpdateError");
+    u(this, "oversizedUpdate", !1);
+    u(this, "applyRemoteUpdates", () => {
       for (const t of this.controller.getSnapshot().updates)
         t.serverSequence <= this.appliedSequence || (O.applyUpdate(this.document, t.update, Dt), this.appliedSequence = t.serverSequence);
       const e = this.controller.getSnapshot().cursors;
@@ -1457,8 +1457,8 @@ class Di {
         e[t] || (Ut(this.awareness, [...this.presenceClients.get(t) ?? []], le), this.presenceClients.delete(t), this.appliedPresence.delete(t));
       for (const [t, n] of Object.entries(e)) {
         if (n.cursor.length === 0 || $n(this.appliedPresence.get(t), n.cursor)) continue;
-        const i = /* @__PURE__ */ new Set(), c = ({ added: d, updated: u }) => {
-          for (const w of [...d, ...u]) i.add(w);
+        const i = /* @__PURE__ */ new Set(), c = ({ added: d, updated: h }) => {
+          for (const w of [...d, ...h]) i.add(w);
         };
         this.awareness.on("update", c);
         try {
@@ -1471,7 +1471,7 @@ class Di {
         i.size > 0 && this.presenceClients.set(t, i), this.appliedPresence.set(t, n.cursor);
       }
     });
-    f(this, "pushLocalUpdate", (e, t) => {
+    u(this, "pushLocalUpdate", (e, t) => {
       var d;
       if (t === Dt) return;
       const n = this.oversizedUpdate ? O.encodeStateAsUpdate(this.document) : e;
@@ -1481,9 +1481,9 @@ class Di {
       }
       this.oversizedUpdate = !1, this.terminalUpdateError = void 0;
       const i = this.queuedUpdates.at(-1), c = i && i.clock === void 0 ? O.mergeUpdates([i.bytes, n]) : n;
-      i && i.clock === void 0 && c.length <= Ae ? i.bytes = c : this.queuedUpdates.push({ bytes: n }), (d = this.ensurePump()) == null || d.catch((u) => this.controller.reportError(u));
+      i && i.clock === void 0 && c.length <= Ae ? i.bytes = c : this.queuedUpdates.push({ bytes: n }), (d = this.ensurePump()) == null || d.catch((h) => this.controller.reportError(h));
     });
-    f(this, "pushLocalPresence", (e, t) => {
+    u(this, "pushLocalPresence", (e, t) => {
       if (t === le || !this.controller.getSnapshot().connected) return;
       const n = Lt(this.awareness, [this.awareness.clientID]);
       this.presencePending = this.presencePending.catch(() => {
@@ -1581,15 +1581,15 @@ function Jn(s, e) {
 const Kn = (s) => new Promise((e) => setTimeout(e, s)), Xn = (s) => pe(s.subscribe, s.getSnapshot, s.getSnapshot);
 function Ci({ controller: s }) {
   const e = Xn(s);
-  return e.error ? /* @__PURE__ */ r(j, { size: "sm", title: "Live editing unavailable", description: e.error.message }) : /* @__PURE__ */ h(Y, { as: "section", children: [
-    /* @__PURE__ */ h("header", { children: [
-      /* @__PURE__ */ h("div", { children: [
+  return e.error ? /* @__PURE__ */ r(j, { size: "sm", title: "Live editing unavailable", description: e.error.message }) : /* @__PURE__ */ p(Y, { as: "section", children: [
+    /* @__PURE__ */ p("header", { children: [
+      /* @__PURE__ */ p("div", { children: [
         /* @__PURE__ */ r(q, { children: "Live document" }),
         /* @__PURE__ */ r(B, { children: e.nodeId ?? "No document selected" })
       ] }),
       /* @__PURE__ */ r($, { tone: e.connected ? "success" : "neutral", children: e.connecting ? "Connecting" : e.connected ? "Connected" : "Disconnected" })
     ] }),
-    /* @__PURE__ */ h("p", { children: [
+    /* @__PURE__ */ p("p", { children: [
       Object.keys(e.cursors).length,
       " remote editors · durable sequence ",
       e.serverSequence.toString()
@@ -1598,7 +1598,71 @@ function Ci({ controller: s }) {
     (e.connected || e.connecting) && /* @__PURE__ */ r(z, { size: "compact", variant: "secondary", onClick: () => s.disconnect(), children: "Disconnect" })
   ] });
 }
+class Ii {
+  constructor(e, t, n = 800) {
+    u(this, "snapshot");
+    u(this, "generation", 0);
+    u(this, "savedGeneration", 0);
+    u(this, "online", !0);
+    u(this, "writable", !0);
+    u(this, "timer");
+    u(this, "saving");
+    u(this, "listeners", /* @__PURE__ */ new Set());
+    u(this, "getSnapshot", () => this.snapshot);
+    u(this, "subscribe", (e) => (this.listeners.add(e), () => this.listeners.delete(e)));
+    this.persist = t, this.delayMs = n, this.snapshot = { status: "clean", revision: e };
+  }
+  markDirty() {
+    this.generation += 1, this.publish({ status: this.writable ? this.online ? "dirty" : "offline" : "denied" }), this.schedule();
+  }
+  setOnline(e) {
+    this.online = e, e ? this.hasPending() && (this.publish({ status: "dirty", error: void 0 }), this.schedule()) : (this.clearTimer(), this.hasPending() && this.publish({ status: "offline" }));
+  }
+  setWritable(e) {
+    this.writable = e, e ? this.hasPending() && (this.publish({ status: this.online ? "dirty" : "offline", error: void 0 }), this.schedule()) : (this.clearTimer(), this.publish({ status: "denied" }));
+  }
+  retry() {
+    return this.hasPending() ? (this.publish({ status: this.online ? "dirty" : "offline", error: void 0 }), this.flush()) : Promise.resolve();
+  }
+  flush() {
+    return this.clearTimer(), !this.online || !this.writable || !this.hasPending() ? this.saving ?? Promise.resolve() : (this.saving || (this.saving = this.drain().finally(() => {
+      this.saving = void 0;
+    })), this.saving);
+  }
+  destroy() {
+    this.clearTimer(), this.listeners.clear();
+  }
+  async drain() {
+    for (; this.online && this.writable && this.hasPending(); ) {
+      const e = this.generation;
+      this.publish({ status: "saving", error: void 0 });
+      try {
+        const t = await this.persist(this.snapshot.revision);
+        this.savedGeneration = e, this.snapshot = { status: this.hasPending() ? "dirty" : "saved", revision: t.revision, updatedAt: t.updatedAt }, this.emit();
+      } catch (t) {
+        this.publish({ status: "error", error: t });
+        return;
+      }
+    }
+  }
+  hasPending() {
+    return this.generation > this.savedGeneration;
+  }
+  schedule() {
+    this.clearTimer(), this.online && this.writable && this.hasPending() && (this.timer = setTimeout(() => void this.flush(), this.delayMs));
+  }
+  clearTimer() {
+    this.timer && clearTimeout(this.timer), this.timer = void 0;
+  }
+  publish(e) {
+    this.snapshot = { ...this.snapshot, ...e }, this.emit();
+  }
+  emit() {
+    for (const e of this.listeners) e();
+  }
+}
 export {
+  Ii as DocsAutosaveController,
   Ci as DocsCollaboration,
   xi as DocsCollaborationController,
   yi as DocsWorkbench,
@@ -1611,7 +1675,7 @@ export {
   Di as YjsDocsCollaborationAdapter,
   Gs as applyDocumentAssistantOutput,
   Ys as commitDocumentAssistantRollback,
-  Nt as documentAssistantConflict,
+  Pt as documentAssistantConflict,
   Me as durableRichDocumentContent,
   vt as emptyRichDocument,
   cn as looksLikeMarkdown,

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@agent-factory-platform/docs-react",
-  "version": "0.11.1",
+  "version": "0.11.2",
   "description": "Product-neutral rich document editor and repository bindings.",
   "license": "MIT OR Apache-2.0",
   "repository": {
@@ -30,8 +30,8 @@
     "react-dom": "^19.0.0"
   },
   "dependencies": {
-    "@agent-factory-platform/client": "0.11.1",
-    "@agent-factory-platform/ui-kit": "0.11.1",
+    "@agent-factory-platform/client": "0.11.2",
+    "@agent-factory-platform/ui-kit": "0.11.2",
     "@tiptap/core": "3.30.5",
     "@tiptap/extension-bubble-menu": "3.30.5",
     "@tiptap/extension-collaboration": "3.30.5",