@arbidocs/blocks 0.4.27 → 0.4.28

package/dist/{chunk-NNH7N62N.cjs → chunk-VMCOH3AY.cjs}

@@ -4,8 +4,11 @@
 var chunk7UTB4PHM_cjs = require('./chunk-7UTB4PHM.cjs');
 var fflate = require('fflate');
 var React2 = require('react');
+var reactDom = require('react-dom');
 var react = require('@docx-editor.dev/pro/react');
+var ui = require('@arbidocs/react/ui');
 var jsxRuntime = require('react/jsx-runtime');
+var server = require('react-dom/server');
 var Y = require('yjs');
 var react$1 = require('@docx-editor.dev/react');
 var pro = require('@docx-editor.dev/pro');
@@ -115,14 +118,130 @@ function mentionCandidates(mentions) {
 function mentionedDocxRecipients(text, mentions) {
   return chunk7UTB4PHM_cjs.extractMentions(text, mentionCandidates(mentions)).map((person) => person.id);
 }
+var ActivityContext = React2.createContext({});
+function DocxCommentActivity() {
+  const item = react.useReviewItem();
+  const review = react.useReview();
+  const activity = React2.useContext(ActivityContext);
+  const [reading, setReading] = React2.useState(false);
+  if (!item || item.kind !== "comment") return null;
+  const commentId = item.parentId || item.item.id;
+  const thread = review.items.filter(
+    (entry) => entry.kind === "comment" && (entry.item.id === commentId || entry.parentId === commentId)
+  );
+  const statuses = Object.entries(activity).filter(([, run]) => run.commentId === commentId);
+  const labels = {
+    delivering: "Delivering mention\u2026",
+    queued: "Queued\u2026",
+    in_progress: "Working\u2026",
+    completed: "Finished",
+    failed: "Failed",
+    cancelled: "Stopped",
+    incomplete: "Incomplete",
+    unknown: "Status unavailable"
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-comment-extra", "data-review-selectable": "", children: [
+    statuses.map(([id, run]) => /* @__PURE__ */ jsxRuntime.jsxs(
+      "div",
+      {
+        role: "status",
+        "data-testid": "docx-comment-agent-status",
+        "data-status": run.status,
+        className: "native-docx-comment-activity",
+        children: [
+          ["delivering", "queued", "in_progress"].includes(run.status) && /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-agent-spinner", "aria-hidden": "true" }),
+          run.label,
+          ": ",
+          labels[run.status]
+        ]
+      },
+      id
+    )),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "data-testid": "docx-read-full-thread",
+        onClick: (event) => {
+          event.stopPropagation();
+          setReading(true);
+        },
+        children: "Read full thread"
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open: reading, onOpenChange: setReading, children: /* @__PURE__ */ jsxRuntime.jsxs(
+      ui.DialogContent,
+      {
+        className: "max-h-[85dvh] overflow-y-auto",
+        onClick: (event) => event.stopPropagation(),
+        children: [
+          /* @__PURE__ */ jsxRuntime.jsx(ui.DialogHeader, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.DialogTitle, { children: "Document comment" }) }),
+          thread.map((entry) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "space-y-1 border-b pb-4 last:border-0", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("p", { className: "text-sm font-medium", children: entry.author || "Reviewer" }),
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "p",
+              {
+                className: "whitespace-pre-wrap break-words text-sm",
+                "data-testid": "docx-full-comment-text",
+                children: entry.text
+              }
+            )
+          ] }, entry.key)),
+          statuses.map(([id, run]) => /* @__PURE__ */ jsxRuntime.jsxs("p", { role: "status", className: "text-sm", children: [
+            run.label,
+            ": ",
+            labels[run.status]
+          ] }, id))
+        ]
+      }
+    ) })
+  ] });
+}
 function DocxMentions({
   children,
   mentions = [],
   initialCommentId,
   requestAgent,
+  getAgentStatus,
   notify
 }) {
   const review = react.useReview();
+  const [activity, setActivity] = React2.useState({});
+  const root = React2.useRef(null);
+  const [composers, setComposers] = React2.useState([]);
+  React2.useEffect(() => {
+    const element = root.current;
+    if (!element || !requestAgent) return;
+    const discover = () => {
+      const fields = Array.from(
+        element.querySelectorAll(
+          '[data-testid="review-draft-input"], [data-testid="review-reply-input"]'
+        )
+      ).filter((field) => !field.readOnly && !!field.closest("form"));
+      setComposers(
+        (previous) => previous.length === fields.length && previous.every((field, index) => field === fields[index]) ? previous : fields
+      );
+    };
+    discover();
+    const observer = new MutationObserver(discover);
+    observer.observe(element, { childList: true, subtree: true });
+    return () => observer.disconnect();
+  }, [requestAgent]);
+  const prefixMention = (field, name = "ARBI") => {
+    const value = `@${name} ${field.value}`;
+    Object.getOwnPropertyDescriptor(HTMLInputElement.prototype, "value")?.set?.call(field, value);
+    field.dispatchEvent(new Event("input", { bubbles: true }));
+    field.focus();
+    field.setSelectionRange(value.length, value.length);
+    setSuggestions(null);
+  };
+  const alive = React2.useRef(true);
+  React2.useEffect(() => {
+    alive.current = true;
+    return () => {
+      alive.current = false;
+    };
+  }, []);
   const activated = React2.useRef(void 0);
   React2.useEffect(() => {
     if (!initialCommentId || activated.current === initialCommentId || !review.ready) return;
@@ -151,18 +270,50 @@ function DocxMentions({
     if (!created || created.kind !== "comment") return;
     pending.current = null;
     const commentId = created.parentId || created.item.id;
+    const label = submission.recipientIds.includes("arbi") ? "ARBI" : "Mentioned agent";
+    const update = (status) => {
+      if (alive.current)
+        setActivity((previous) => ({
+          ...previous,
+          [submission.requestId]: { commentId, label, status }
+        }));
+    };
+    const hasAgent = submission.recipientIds.some(
+      (id) => id === "arbi" || mentions.some((person) => person.id === id && person.kind === "agent")
+    );
+    if (hasAgent) update("delivering");
     void requestAgent({
       commentId,
       instruction: submission.text,
       requestId: submission.requestId,
       recipientIds: submission.recipientIds
+    }).then(async (delivery) => {
+      if (!delivery?.responseIds.length || !getAgentStatus) {
+        if (hasAgent) update("unknown");
+        return;
+      }
+      update("queued");
+      while (alive.current) {
+        try {
+          const states = await Promise.all(delivery.responseIds.map((id) => getAgentStatus(id)));
+          if (!alive.current) return;
+          const active = states.find((status2) => status2 === "in_progress") || states.find((status2) => status2 === "queued");
+          const status = active || states.find((status2) => status2 !== "completed") || "completed";
+          update(status);
+          if (!active) return;
+        } catch {
+          update("unknown");
+        }
+        await new Promise((resolve) => setTimeout(resolve, 2e3));
+      }
     }).catch((error) => {
+      if (hasAgent) update("failed");
       notify?.(
         error instanceof Error ? error.message : "Could not start the document agent.",
         "error"
       );
     });
-  }, [review.items, requestAgent, notify]);
+  }, [review.items, requestAgent, getAgentStatus, mentions, notify]);
   const choose = (name) => {
     const field = input.current;
     if (!field || !suggestions) return;
@@ -209,10 +360,31 @@ function DocxMentions({
     }
     return false;
   };
-  return /* @__PURE__ */ jsxRuntime.jsxs(
+  return /* @__PURE__ */ jsxRuntime.jsx(ActivityContext.Provider, { value: activity, children: /* @__PURE__ */ jsxRuntime.jsxs(
     "div",
     {
       className: "native-docx-mentions",
+      ref: root,
+      onFocusCapture: (event) => {
+        const field = event.target;
+        if (!(field instanceof HTMLInputElement) || field.dataset.testid !== "review-reply-input" || field.value || !requestAgent)
+          return;
+        const target = review.items.find(
+          (entry) => entry.key === review.activeKey && entry.kind === "comment"
+        );
+        if (!target || target.kind !== "comment") return;
+        const commentId = target.parentId || target.item.id;
+        const replies = review.items.filter(
+          (entry) => entry.kind === "comment" && entry.parentId === commentId
+        );
+        const author = replies.at(-1)?.author || target.author;
+        const agent = mentions.find((person) => person.kind === "agent" && person.name === author);
+        if (agent || author === "ARBI" || author === "Assistant")
+          prefixMention(
+            field,
+            author === "ARBI" || author === "Assistant" ? "ARBI" : agent?.name || "ARBI"
+          );
+      },
       onInputCapture: (event) => {
         const field = event.target;
         if (!(field instanceof HTMLInputElement) || !field.dataset.testid?.startsWith("review-"))
@@ -273,6 +445,28 @@ function DocxMentions({
       },
       children: [
         children,
+        composers.filter((field) => field.isConnected && field.closest("form")).map(
+          (field, index) => reactDom.createPortal(
+            /* @__PURE__ */ jsxRuntime.jsx(
+              "button",
+              {
+                type: "button",
+                className: "native-docx-include-arbi",
+                "data-testid": "docx-include-arbi",
+                onMouseDown: (event) => event.preventDefault(),
+                onClick: (event) => {
+                  event.stopPropagation();
+                  if (!mentionedDocxRecipients(field.value, mentions).includes("arbi"))
+                    prefixMention(field);
+                  else field.focus();
+                },
+                children: "Include ARBI"
+              }
+            ),
+            field.closest("form"),
+            `mention-${index}`
+          )
+        ),
         suggestions && candidates.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           "div",
           {
@@ -305,8 +499,95 @@ function DocxMentions({
         )
       ]
     }
-  );
+  ) });
+}
+function wordDraftHtml(markdown) {
+  const template = document.createElement("template");
+  template.innerHTML = server.renderToStaticMarkup(/* @__PURE__ */ jsxRuntime.jsx(ui.AiMarkdown, { children: markdown }));
+  template.content.querySelectorAll('button, svg, [data-testid="code-block-header"]').forEach((node) => node.remove());
+  template.content.querySelectorAll('[data-testid="markdown-code-block"]').forEach((node) => {
+    const pre = node.querySelector("pre");
+    if (pre) node.replaceWith(pre);
+  });
+  return template.innerHTML;
 }
+function requireEdit(result) {
+  if (!result.ok) throw new Error(result.reason);
+}
+var WordDraftStream = class {
+  constructor(editor) {
+    this.editor = editor;
+  }
+  editor;
+  committed = [];
+  pending;
+  resetAfterFailure = false;
+  update(content, complete) {
+    const blocks = ui.splitMarkdownBlocks(content);
+    const completeCount = complete ? blocks.length : Math.max(0, blocks.length - 1);
+    requireEdit(this.editor.setEditingMode("editing"));
+    try {
+      if (this.resetAfterFailure || this.committed.some((block, index) => blocks[index] !== block)) {
+        requireEdit(this.editor.exec({ type: "selectAll" }));
+        requireEdit(this.editor.exec({ type: "deleteText" }));
+        this.committed = [];
+        this.pending = void 0;
+        this.resetAfterFailure = false;
+      }
+      for (let index = this.committed.length; index < blocks.length; index++) {
+        const tail = this.editor.query({ type: "paragraphs" }).at(-1);
+        const start = this.pending?.start || tail?.paraId;
+        if (!start) throw new Error("The draft insertion paragraph is unavailable.");
+        requireEdit(
+          this.editor.exec(
+            this.pending ? {
+              type: "setSelection",
+              range: { from: { paraId: start }, to: { paraId: this.pending.end } }
+            } : { type: "setSelection", anchor: { paraId: start } }
+          )
+        );
+        const html = wordDraftHtml(blocks[index]) + "<p></p>";
+        const element = document.createElement("div");
+        element.innerHTML = html;
+        const startIndex = this.editor.query({ type: "paragraphs" }).findIndex((p) => p.paraId === start);
+        requireEdit(this.editor.exec({ type: "paste", html, text: element.textContent || "" }));
+        const inserted = this.editor.query({ type: "paragraphs" }).slice(startIndex);
+        let headingIndex = 0;
+        for (const heading of Array.from(element.querySelectorAll("h1,h2,h3,h4,h5,h6"))) {
+          const match = inserted.findIndex(
+            (p, i) => i >= headingIndex && p.text === heading.textContent
+          );
+          if (match >= 0 && inserted[match].paraId) {
+            requireEdit(
+              this.editor.exec({
+                type: "setSelection",
+                anchor: { paraId: inserted[match].paraId }
+              })
+            );
+            requireEdit(
+              this.editor.exec({
+                type: "setParagraphStyle",
+                styleId: `Heading${heading.tagName.slice(1)}`
+              })
+            );
+            headingIndex = match + 1;
+          }
+        }
+        const end = this.editor.query({ type: "paragraphs" }).at(-1)?.paraId;
+        if (!end) throw new Error("The draft continuation paragraph is unavailable.");
+        if (index < completeCount) {
+          this.committed.push(blocks[index]);
+          this.pending = void 0;
+        } else this.pending = { start, end };
+      }
+    } catch (error) {
+      this.resetAfterFailure = true;
+      throw error;
+    } finally {
+      requireEdit(this.editor.setEditingMode("viewing"));
+    }
+  }
+};
 var drafts = /* @__PURE__ */ new Map();
 var stateBytes = (room) => Y__namespace.encodeStateAsUpdate(room.ydoc);
 var encodeState = (room) => {
@@ -456,6 +737,7 @@ function NativeDocxEditor({
   initialCommentId,
   snapshot = false,
   onSaved,
+  stream,
   adapter
 }) {
   const [ready, setReady] = React2.useState(), [error, setError] = React2.useState(""), [retry, setRetry] = React2.useState(0);
@@ -464,6 +746,49 @@ function NativeDocxEditor({
   const stageRef = React2.useRef(null), fitCleanup = React2.useRef(void 0);
   const ref = React2.useRef(null), dirtyRef = React2.useRef(false), draftTimer = React2.useRef(void 0);
   const isDraft = draftContent !== void 0;
+  const streamRef = React2.useRef(stream);
+  streamRef.current = stream;
+  const streamWriter = React2.useRef(null);
+  const streamFinished = React2.useRef(false);
+  const streamTimer = React2.useRef(void 0);
+  const [streamAttempt, setStreamAttempt] = React2.useState(0);
+  function updateStream() {
+    const current = streamRef.current;
+    if (!current || !streamWriter.current || streamFinished.current) return;
+    try {
+      streamWriter.current.update(current.content, !current.busy);
+      setStatus(
+        current.busy ? "Generating \xB7 editing is locked" : current.error ? "Generation stopped \xB7 draft retained" : "Saving generated Word document\u2026"
+      );
+      if (!current.busy && !current.error && current.content.trim()) {
+        streamFinished.current = true;
+        void ref.current.save().then(current.onGenerated).catch((failure) => {
+          streamFinished.current = false;
+          setError(
+            failure instanceof Error ? failure.message : "Could not store the generated document."
+          );
+        });
+      }
+    } catch (failure) {
+      setError(
+        failure instanceof Error ? failure.message : "Could not import the generated document."
+      );
+    }
+  }
+  React2.useEffect(() => {
+    if (!streamRef.current) return;
+    if (!streamRef.current.busy) {
+      clearTimeout(streamTimer.current);
+      streamTimer.current = void 0;
+      updateStream();
+    } else if (!streamTimer.current) {
+      streamTimer.current = setTimeout(() => {
+        streamTimer.current = void 0;
+        updateStream();
+      }, 120);
+    }
+  }, [stream?.content, stream?.busy, stream?.error, streamAttempt]);
+  React2.useEffect(() => () => clearTimeout(streamTimer.current), []);
   React2.useEffect(() => {
     let cancelled = false;
     let room;
@@ -476,7 +801,7 @@ function NativeDocxEditor({
     async function start() {
       const fonts = await adapter.loadFonts();
       if (isDraft || snapshot) {
-        const data = isDraft ? drafts.get(documentId) || await (await adapter.request("/prepare", {
+        const data = isDraft ? !streamRef.current && drafts.get(documentId) || await (await adapter.request("/prepare", {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify({ content: draftContent })
@@ -624,7 +949,7 @@ function NativeDocxEditor({
     };
   }, [documentId, isDraft, ready]);
   async function saveVersion() {
-    if (!ready || saving) return;
+    if (!ready || saving || stream) return;
     setSaving(true);
     const atRevision = revision.current;
     try {
@@ -657,6 +982,10 @@ function NativeDocxEditor({
   }
   function editorReady(editor) {
     ref.current = editor;
+    if (streamRef.current) {
+      streamWriter.current = new WordDraftStream(editor);
+      updateStream();
+    }
     fitCleanup.current?.();
     const viewport = stageRef.current?.querySelector(".native-docx-viewport");
     if (!viewport) return;
@@ -695,112 +1024,122 @@ function NativeDocxEditor({
       }, 200);
     }
   }
-  return /* @__PURE__ */ jsxRuntime.jsxs("section", { className: "native-docx-viewer", "data-testid": "native-docx-editor", children: [
-    /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-actions", children: [
-      /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "native-docx-status", role: "status", children: [
-        offline ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { size: 14 }) : !dirty && ready ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 14 }) : null,
-        status
-      ] }),
-      /* @__PURE__ */ jsxRuntime.jsx(DocxParticipants, { session: ready?.room?.session }),
-      /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => void exportDocument(), disabled: !ready, "aria-label": "Download DOCX", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 14 }),
-        "DOCX"
-      ] }),
-      !snapshot && ready?.canEdit && /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          className: "native-docx-save",
-          onClick: () => void saveVersion(),
-          disabled: !ready || saving || offline,
-          "data-testid": "native-docx-save",
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { size: 14 }),
-            saving ? "Saving\u2026" : isDraft ? "Save note" : "Save version"
-          ]
-        }
-      )
-    ] }),
-    offline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-notice", children: "Changes are buffered in this browser. Keep this tab open until the connection returns, or download your DOCX." }),
-    error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-notice", "data-error": "true", role: "alert", children: [
-      error,
-      " ",
-      /* @__PURE__ */ jsxRuntime.jsxs(
-        "button",
-        {
-          disabled: dirty,
-          title: dirty ? "Download your unsaved DOCX before reopening the editor" : void 0,
-          onClick: () => setRetry((x) => x + 1),
-          children: [
-            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: 12 }),
-            "Retry"
-          ]
-        }
-      )
-    ] }),
-    !ready && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-error", role: "status", children: "Opening Word document\u2026" }),
-    ready && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-body docx-editor", children: /* @__PURE__ */ jsxRuntime.jsx(EditorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(
-      react$1.DocxEditor.Root,
-      {
-        document: ready.document,
-        modules: ready.modules,
-        fonts: ready.fonts,
-        mode: !ready.canEdit || snapshot ? "view" : "suggesting",
-        reviewDisplayMode: "all-markup",
-        zoomMode: fixedZoomMode,
-        author: ready.author,
-        onReady: editorReady,
-        onChange: (change) => {
-          if (change.source !== "load") changed();
-        },
-        onFontError: (e) => setError(e.message),
-        children: [
-          /* @__PURE__ */ jsxRuntime.jsx(
-            react$1.DocxEditor.RevisionMarkup,
+  return /* @__PURE__ */ jsxRuntime.jsxs(
+    "section",
+    {
+      className: "native-docx-viewer",
+      "data-testid": "native-docx-editor",
+      "aria-busy": !!stream?.busy,
+      "data-generation-state": stream ? stream.busy ? "generating" : stream.error ? "stopped" : "persisting" : "ready",
+      children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-actions", children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: "native-docx-status", role: "status", children: [
+            offline ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.WifiOff, { size: 14 }) : !dirty && ready ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Check, { size: 14 }) : null,
+            status
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(DocxParticipants, { session: ready?.room?.session }),
+          /* @__PURE__ */ jsxRuntime.jsxs("button", { onClick: () => void exportDocument(), disabled: !ready, "aria-label": "Download DOCX", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Download, { size: 14 }),
+            "DOCX"
+          ] }),
+          !snapshot && !stream && ready?.canEdit && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
             {
-              insertions: { mark: "underline", color: "blue" },
-              deletions: { mark: "strikethrough", color: "red" },
-              movedFrom: { mark: "doubleStrikethrough", color: "green" },
-              movedTo: { mark: "doubleUnderline", color: "green" },
-              trackMoves: true
+              className: "native-docx-save",
+              onClick: () => void saveVersion(),
+              disabled: !ready || saving || offline,
+              "data-testid": "native-docx-save",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Save, { size: 14 }),
+                saving ? "Saving\u2026" : isDraft ? "Save note" : "Save version"
+              ]
             }
-          ),
-          /* @__PURE__ */ jsxRuntime.jsx(DocxRibbon, { onSave: () => void saveVersion() }),
+          )
+        ] }),
+        offline && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-notice", children: "Changes are buffered in this browser. Keep this tab open until the connection returns, or download your DOCX." }),
+        error && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-notice", "data-error": "true", role: "alert", children: [
+          error,
+          " ",
           /* @__PURE__ */ jsxRuntime.jsxs(
-            "div",
+            "button",
             {
-              className: "native-docx-stage",
-              ref: stageRef,
-              onMouseDownCapture: (event) => {
-                if (event.button === 2 && ref.current?.getSelectionPlacement())
-                  event.preventDefault();
-              },
+              disabled: !stream && dirty,
+              title: dirty ? "Download your unsaved DOCX before reopening the editor" : void 0,
+              onClick: () => stream ? (setError(""), setStreamAttempt((x) => x + 1)) : setRetry((x) => x + 1),
               children: [
-                /* @__PURE__ */ jsxRuntime.jsxs(react$1.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Content, {}),
-                  /* @__PURE__ */ jsxRuntime.jsx(
-                    DocxMentions,
-                    {
-                      initialCommentId,
-                      mentions: adapter.mentions,
-                      notify: adapter.notify,
-                      requestAgent: adapter.requestAgent ? (request) => adapter.requestAgent(documentId, request) : void 0,
-                      children: /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditorReview, {})
-                    }
-                  ),
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HeaderFooterChrome, {}),
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.NotesChrome, {}),
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Equation, {}),
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HyperLink, {}),
-                  /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.ContextMenu, {})
-                ] }),
-                /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.PageNumber, {})
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.RefreshCw, { size: 12 }),
+                "Retry"
               ]
             }
           )
-        ]
-      }
-    ) }, retry) })
-  ] });
+        ] }),
+        !ready && !error && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-error", role: "status", children: "Opening Word document\u2026" }),
+        ready && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-body docx-editor", children: /* @__PURE__ */ jsxRuntime.jsx(EditorBoundary, { children: /* @__PURE__ */ jsxRuntime.jsxs(
+          react$1.DocxEditor.Root,
+          {
+            document: ready.document,
+            modules: ready.modules,
+            fonts: ready.fonts,
+            mode: stream ? "edit" : !ready.canEdit || snapshot ? "view" : "suggesting",
+            reviewDisplayMode: "all-markup",
+            zoomMode: fixedZoomMode,
+            author: ready.author,
+            onReady: editorReady,
+            onChange: (change) => {
+              if (change.source !== "load") changed();
+            },
+            onFontError: (e) => setError(e.message),
+            children: [
+              /* @__PURE__ */ jsxRuntime.jsx(
+                react$1.DocxEditor.RevisionMarkup,
+                {
+                  insertions: { mark: "underline", color: "blue" },
+                  deletions: { mark: "strikethrough", color: "red" },
+                  movedFrom: { mark: "doubleStrikethrough", color: "green" },
+                  movedTo: { mark: "doubleUnderline", color: "green" },
+                  trackMoves: true
+                }
+              ),
+              !stream && /* @__PURE__ */ jsxRuntime.jsx(DocxRibbon, { onSave: () => void saveVersion() }),
+              /* @__PURE__ */ jsxRuntime.jsxs(
+                "div",
+                {
+                  className: "native-docx-stage",
+                  ref: stageRef,
+                  onMouseDownCapture: (event) => {
+                    if (event.button === 2 && ref.current?.getSelectionPlacement())
+                      event.preventDefault();
+                  },
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsxs(react$1.DocxEditor.Viewport, { className: "native-docx-viewport", children: [
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Content, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(
+                        DocxMentions,
+                        {
+                          initialCommentId,
+                          mentions: adapter.mentions,
+                          notify: adapter.notify,
+                          getAgentStatus: adapter.getAgentStatus,
+                          requestAgent: adapter.requestAgent ? (request) => adapter.requestAgent(documentId, request) : void 0,
+                          children: /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditorReview, { children: () => /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditorReview.Card, { children: /* @__PURE__ */ jsxRuntime.jsx(DocxCommentActivity, {}) }) })
+                        }
+                      ),
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HeaderFooterChrome, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.NotesChrome, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.Equation, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.HyperLink, {}),
+                      /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.ContextMenu, {})
+                    ] }),
+                    /* @__PURE__ */ jsxRuntime.jsx(react$1.DocxEditor.PageNumber, {})
+                  ]
+                }
+              )
+            ]
+          }
+        ) }, retry) })
+      ]
+    }
+  );
 }
 var loaded = /* @__PURE__ */ new Map();
 function loadDocxFonts(baseUrl = "/native-docx/fonts") {
@@ -865,12 +1204,65 @@ async function loadFonts(baseUrl) {
     )
   };
 }
+function StreamedWordArtifact({
+  adapter,
+  content,
+  title,
+  busy,
+  error,
+  draftId,
+  sourceDocumentId,
+  onSaved
+}) {
+  const [documentId, setDocumentId] = React2.useState();
+  const saving = React2.useRef(null);
+  async function persist(bytes) {
+    if (saving.current) return saving.current;
+    saving.current = (async () => {
+      const query = new URLSearchParams({ title });
+      if (sourceDocumentId) query.set("parent_ext_id", sourceDocumentId);
+      const response = await adapter.request(`/notes?${query}`, {
+        method: "POST",
+        headers: {
+          "Content-Type": "application/vnd.openxmlformats-officedocument.wordprocessingml.document"
+        },
+        body: bytes
+      });
+      if (!response.ok) throw new Error("Could not store the generated Word document.");
+      const result = await response.json();
+      if (!result.document_ext_id) throw new Error("The generated document has no ID.");
+      await Promise.resolve(adapter.onVersionSaved?.(result.document_ext_id)).catch(() => {
+      });
+      setDocumentId(result.document_ext_id);
+      onSaved?.(result.document_ext_id);
+    })();
+    try {
+      await saving.current;
+    } finally {
+      saving.current = null;
+    }
+  }
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    NativeDocxEditor,
+    {
+      adapter,
+      documentId: documentId || draftId,
+      title,
+      draftContent: documentId ? void 0 : "",
+      stream: documentId ? void 0 : { content, busy, error, onGenerated: persist },
+      onSaved
+    },
+    documentId || draftId
+  );
+}
 
+exports.DocxCommentActivity = DocxCommentActivity;
 exports.DocxMentions = DocxMentions;
 exports.DocxParticipants = DocxParticipants;
 exports.DocxRibbon = DocxRibbon;
 exports.NativeDocxEditor = NativeDocxEditor;
+exports.StreamedWordArtifact = StreamedWordArtifact;
 exports.loadDocxFonts = loadDocxFonts;
 exports.normalizeDocxExport = normalizeDocxExport;
-//# sourceMappingURL=chunk-NNH7N62N.cjs.map
-//# sourceMappingURL=chunk-NNH7N62N.cjs.map
+//# sourceMappingURL=chunk-VMCOH3AY.cjs.map
+//# sourceMappingURL=chunk-VMCOH3AY.cjs.map