@arbidocs/blocks 0.4.96 → 0.4.97

package/dist/{chunk-CK6TU76J.cjs → chunk-EHB7J6SR.cjs}

@@ -2,7 +2,7 @@
 'use strict';
 
 var chunkMUMH3Z6K_cjs = require('./chunk-MUMH3Z6K.cjs');
-var chunk7RI3G5BO_cjs = require('./chunk-7RI3G5BO.cjs');
+var chunkHGJGALLN_cjs = require('./chunk-HGJGALLN.cjs');
 var react$1 = require('react');
 var reactQuery = require('@tanstack/react-query');
 var react = require('@arbidocs/react');
@@ -13,7 +13,7 @@ function ConnectedNativeDocxEditor({
   ...props
 }) {
   const adapter = useConnectedNativeDocxAdapter(fontBaseUrl);
-  return /* @__PURE__ */ jsxRuntime.jsx(chunk7RI3G5BO_cjs.NativeDocxEditor, { ...props, adapter });
+  return /* @__PURE__ */ jsxRuntime.jsx(chunkHGJGALLN_cjs.NativeDocxEditor, { ...props, adapter });
 }
 function useConnectedNativeDocxAdapter(fontBaseUrl = "/native-docx/fonts") {
   const arbi = react.useArbi();
@@ -42,7 +42,7 @@ function useConnectedNativeDocxAdapter(fontBaseUrl = "/native-docx/fonts") {
         headers: { "Content-Type": "application/json" },
         body: JSON.stringify({ state })
       })).json(),
-      loadFonts: () => chunk7RI3G5BO_cjs.loadDocxFonts(fontBaseUrl),
+      loadFonts: () => chunkHGJGALLN_cjs.loadDocxFonts(fontBaseUrl),
       baseUrl: apiUrl,
       author: user?.name || "You",
       onVersionSaved: async (id) => {
@@ -91,5 +91,5 @@ function useConnectedNativeDocxAdapter(fontBaseUrl = "/native-docx/fonts") {
 
 exports.ConnectedNativeDocxEditor = ConnectedNativeDocxEditor;
 exports.useConnectedNativeDocxAdapter = useConnectedNativeDocxAdapter;
-//# sourceMappingURL=chunk-CK6TU76J.cjs.map
-//# sourceMappingURL=chunk-CK6TU76J.cjs.map
+//# sourceMappingURL=chunk-EHB7J6SR.cjs.map
+//# sourceMappingURL=chunk-EHB7J6SR.cjs.map

package/dist/{chunk-CK6TU76J.cjs.map → chunk-EHB7J6SR.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/connection/ConnectedNativeDocxEditor.tsx"],"names":["jsx","NativeDocxEditor","useArbi","useConnection","useQueryClient","useQuery","useMemo","loadDocxFonts","arbiQueryKeys","notify"],"mappings":"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","file":"chunk-CK6TU76J.cjs","sourcesContent":["import { useMemo } from 'react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useArbi, notify, arbiQueryKeys } from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\nimport {\n  NativeDocxEditor,\n  type NativeDocxAdapter,\n  type NativeDocxEditorProps,\n} from '../docx/NativeDocxEditor'\nimport { loadDocxFonts } from '../docx/fonts'\n\n/** Native Word widget bound to the standard blocks connection and SDK session. */\nexport function ConnectedNativeDocxEditor({\n  fontBaseUrl = '/native-docx/fonts',\n  ...props\n}: Omit<NativeDocxEditorProps, 'adapter'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxEditor {...props} adapter={adapter} />\n}\n\nexport function useConnectedNativeDocxAdapter(fontBaseUrl = '/native-docx/fonts') {\n  const arbi = useArbi()\n  const { workspaceId, apiUrl, user, ensureWorkspaceOpen } = useConnection()\n  const queries = useQueryClient()\n  const { data: members } = useQuery({\n    queryKey: ['native-docx-members', apiUrl, user?.externalId, workspaceId],\n    enabled: arbi.isLoggedIn && !!workspaceId,\n    queryFn: async () => {\n      await ensureWorkspaceOpen()\n      return arbi.workspaces.listUsers()\n    },\n  })\n  const adapter = useMemo<NativeDocxAdapter>(\n    () => ({\n      request: async (path, options) => {\n        await ensureWorkspaceOpen()\n        return arbi.editor.request(path, options)\n      },\n      open: async (id) => {\n        await ensureWorkspaceOpen()\n        return (\n          await arbi.editor.request(`/${encodeURIComponent(id)}/session`, { method: 'POST' })\n        ).json()\n      },\n      save: async (id, state) =>\n        (\n          await arbi.editor.request(`/${encodeURIComponent(id)}/save`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ state }),\n          })\n        ).json(),\n      loadFonts: () => loadDocxFonts(fontBaseUrl),\n      baseUrl: apiUrl,\n      author: user?.name || 'You',\n      onVersionSaved: async (id) => {\n        if (!workspaceId) return\n        const key = arbiQueryKeys.documents(workspaceId)\n        try {\n          const documents = await arbi.documents.get([id])\n          if (!documents.length) throw new Error('The saved version is not available yet.')\n          queries.setQueryData<Awaited<ReturnType<typeof arbi.documents.list>>>(key, (previous) => [\n            ...documents,\n            ...(previous || []).filter(\n              (doc) => !documents.some((saved) => saved.external_id === doc.external_id)\n            ),\n          ])\n        } catch {\n          await queries.invalidateQueries({ queryKey: key })\n        }\n      },\n      notify: (message, kind) => notify[kind](message),\n      mentions: members?.map(({ user: member }) => ({\n        id: member.external_id,\n        name: [member.given_name, member.family_name].filter(Boolean).join(' '),\n        kind: member.external_id.startsWith('agt-') ? 'agent' : 'human',\n      })),\n      requestAgent: async (id, request) => {\n        const response = await arbi.editor.request(`/${encodeURIComponent(id)}/mentions`, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            comment_id: request.commentId,\n            instruction: request.instruction,\n            request_id: request.requestId,\n            recipient_ids: request.recipientIds,\n          }),\n        })\n        const delivery = (await response.json()) as { response_ids: string[] }\n        notify.success('Mention delivered.')\n        return { responseIds: delivery.response_ids || [] }\n      },\n      getAgentStatus: async (responseId) => (await arbi.assistant.getResponse(responseId)).status,\n    }),\n    [arbi, apiUrl, user?.name, members, ensureWorkspaceOpen, fontBaseUrl, queries, workspaceId]\n  )\n  return adapter\n}\n"]}
+{"version":3,"sources":["../src/connection/ConnectedNativeDocxEditor.tsx"],"names":["jsx","NativeDocxEditor","useArbi","useConnection","useQueryClient","useQuery","useMemo","loadDocxFonts","arbiQueryKeys","notify"],"mappings":"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","file":"chunk-EHB7J6SR.cjs","sourcesContent":["import { useMemo } from 'react'\nimport { useQuery, useQueryClient } from '@tanstack/react-query'\nimport { useArbi, notify, arbiQueryKeys } from '@arbidocs/react'\nimport { useConnection } from './ConnectionProvider'\nimport {\n  NativeDocxEditor,\n  type NativeDocxAdapter,\n  type NativeDocxEditorProps,\n} from '../docx/NativeDocxEditor'\nimport { loadDocxFonts } from '../docx/fonts'\n\n/** Native Word widget bound to the standard blocks connection and SDK session. */\nexport function ConnectedNativeDocxEditor({\n  fontBaseUrl = '/native-docx/fonts',\n  ...props\n}: Omit<NativeDocxEditorProps, 'adapter'> & { fontBaseUrl?: string }) {\n  const adapter = useConnectedNativeDocxAdapter(fontBaseUrl)\n  return <NativeDocxEditor {...props} adapter={adapter} />\n}\n\nexport function useConnectedNativeDocxAdapter(fontBaseUrl = '/native-docx/fonts') {\n  const arbi = useArbi()\n  const { workspaceId, apiUrl, user, ensureWorkspaceOpen } = useConnection()\n  const queries = useQueryClient()\n  const { data: members } = useQuery({\n    queryKey: ['native-docx-members', apiUrl, user?.externalId, workspaceId],\n    enabled: arbi.isLoggedIn && !!workspaceId,\n    queryFn: async () => {\n      await ensureWorkspaceOpen()\n      return arbi.workspaces.listUsers()\n    },\n  })\n  const adapter = useMemo<NativeDocxAdapter>(\n    () => ({\n      request: async (path, options) => {\n        await ensureWorkspaceOpen()\n        return arbi.editor.request(path, options)\n      },\n      open: async (id) => {\n        await ensureWorkspaceOpen()\n        return (\n          await arbi.editor.request(`/${encodeURIComponent(id)}/session`, { method: 'POST' })\n        ).json()\n      },\n      save: async (id, state) =>\n        (\n          await arbi.editor.request(`/${encodeURIComponent(id)}/save`, {\n            method: 'POST',\n            headers: { 'Content-Type': 'application/json' },\n            body: JSON.stringify({ state }),\n          })\n        ).json(),\n      loadFonts: () => loadDocxFonts(fontBaseUrl),\n      baseUrl: apiUrl,\n      author: user?.name || 'You',\n      onVersionSaved: async (id) => {\n        if (!workspaceId) return\n        const key = arbiQueryKeys.documents(workspaceId)\n        try {\n          const documents = await arbi.documents.get([id])\n          if (!documents.length) throw new Error('The saved version is not available yet.')\n          queries.setQueryData<Awaited<ReturnType<typeof arbi.documents.list>>>(key, (previous) => [\n            ...documents,\n            ...(previous || []).filter(\n              (doc) => !documents.some((saved) => saved.external_id === doc.external_id)\n            ),\n          ])\n        } catch {\n          await queries.invalidateQueries({ queryKey: key })\n        }\n      },\n      notify: (message, kind) => notify[kind](message),\n      mentions: members?.map(({ user: member }) => ({\n        id: member.external_id,\n        name: [member.given_name, member.family_name].filter(Boolean).join(' '),\n        kind: member.external_id.startsWith('agt-') ? 'agent' : 'human',\n      })),\n      requestAgent: async (id, request) => {\n        const response = await arbi.editor.request(`/${encodeURIComponent(id)}/mentions`, {\n          method: 'POST',\n          headers: { 'Content-Type': 'application/json' },\n          body: JSON.stringify({\n            comment_id: request.commentId,\n            instruction: request.instruction,\n            request_id: request.requestId,\n            recipient_ids: request.recipientIds,\n          }),\n        })\n        const delivery = (await response.json()) as { response_ids: string[] }\n        notify.success('Mention delivered.')\n        return { responseIds: delivery.response_ids || [] }\n      },\n      getAgentStatus: async (responseId) => (await arbi.assistant.getResponse(responseId)).status,\n    }),\n    [arbi, apiUrl, user?.name, members, ensureWorkspaceOpen, fontBaseUrl, queries, workspaceId]\n  )\n  return adapter\n}\n"]}

package/dist/{chunk-SC33PQTQ.cjs → chunk-GVOTXXZG.cjs}

@@ -1,7 +1,7 @@
 "use client";
 'use strict';
 
-var chunk7RI3G5BO_cjs = require('./chunk-7RI3G5BO.cjs');
+var chunkHGJGALLN_cjs = require('./chunk-HGJGALLN.cjs');
 var jsxRuntime = require('react/jsx-runtime');
 
 function StreamedWordArtifact({
@@ -15,7 +15,7 @@ function StreamedWordArtifact({
 }) {
   if (!busy && documentId) {
     return /* @__PURE__ */ jsxRuntime.jsx(
-      chunk7RI3G5BO_cjs.NativeDocxEditor,
+      chunkHGJGALLN_cjs.NativeDocxEditor,
       {
         adapter,
         documentId,
@@ -26,7 +26,7 @@ function StreamedWordArtifact({
     );
   }
   return /* @__PURE__ */ jsxRuntime.jsx(
-    chunk7RI3G5BO_cjs.NativeDocxEditor,
+    chunkHGJGALLN_cjs.NativeDocxEditor,
     {
       adapter,
       documentId: "stream-preview",
@@ -39,5 +39,5 @@ function StreamedWordArtifact({
 }
 
 exports.StreamedWordArtifact = StreamedWordArtifact;
-//# sourceMappingURL=chunk-SC33PQTQ.cjs.map
-//# sourceMappingURL=chunk-SC33PQTQ.cjs.map
+//# sourceMappingURL=chunk-GVOTXXZG.cjs.map
+//# sourceMappingURL=chunk-GVOTXXZG.cjs.map

package/dist/{chunk-SC33PQTQ.cjs.map → chunk-GVOTXXZG.cjs.map}

@@ -1 +1 @@
-{"version":3,"sources":["../src/docx/StreamedWordArtifact.tsx"],"names":["jsx","NativeDocxEditor"],"mappings":";;;;;AAmBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,IAAI,CAAC,QAAQ,UAAA,EAAY;AACvB,IAAA,uBACEA,cAAA;AAAA,MAACC,kCAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAJK;AAAA,KAKP;AAAA,EAEJ;AACA,EAAA,uBACED,cAAA;AAAA,IAACC,kCAAA;AAAA,IAAA;AAAA,MAEC,OAAA;AAAA,MACA,UAAA,EAAW,gBAAA;AAAA,MACX,KAAA;AAAA,MACA,YAAA,EAAa,EAAA;AAAA,MACb,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA;AAAM,KAAA;AAAA,IAL3B;AAAA,GAMN;AAEJ","file":"chunk-SC33PQTQ.cjs","sourcesContent":["import { NativeDocxEditor, type NativeDocxAdapter } from './NativeDocxEditor'\n\nexport interface StreamedWordArtifactProps {\n  adapter: NativeDocxAdapter\n  /** Streamed Markdown, shown as a read-only preview while the draft is generated. */\n  content: string\n  title: string\n  busy: boolean\n  error?: string | null\n  /** The DOCX draft the server stored for this generation (`doc-…`), once known. */\n  documentId?: string\n  onSaved?: (documentId: string) => void\n}\n\n/**\n * One drafting surface for an AI document draft. The server stores every draft as DOCX, so\n * this component never creates a document: it previews the streamed Markdown until generation\n * ends and the stored DOCX is known, then opens that DOCX in the live collaborative editor.\n */\nexport function StreamedWordArtifact({\n  adapter,\n  content,\n  title,\n  busy,\n  error,\n  documentId,\n  onSaved,\n}: StreamedWordArtifactProps) {\n  if (!busy && documentId) {\n    return (\n      <NativeDocxEditor\n        key={documentId}\n        adapter={adapter}\n        documentId={documentId}\n        title={title}\n        onSaved={onSaved}\n      />\n    )\n  }\n  return (\n    <NativeDocxEditor\n      key=\"stream-preview\"\n      adapter={adapter}\n      documentId=\"stream-preview\"\n      title={title}\n      draftContent=\"\"\n      stream={{ content, busy, error }}\n    />\n  )\n}\n"]}
+{"version":3,"sources":["../src/docx/StreamedWordArtifact.tsx"],"names":["jsx","NativeDocxEditor"],"mappings":";;;;;AAmBO,SAAS,oBAAA,CAAqB;AAAA,EACnC,OAAA;AAAA,EACA,OAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,KAAA;AAAA,EACA,UAAA;AAAA,EACA;AACF,CAAA,EAA8B;AAC5B,EAAA,IAAI,CAAC,QAAQ,UAAA,EAAY;AACvB,IAAA,uBACEA,cAAA;AAAA,MAACC,kCAAA;AAAA,MAAA;AAAA,QAEC,OAAA;AAAA,QACA,UAAA;AAAA,QACA,KAAA;AAAA,QACA;AAAA,OAAA;AAAA,MAJK;AAAA,KAKP;AAAA,EAEJ;AACA,EAAA,uBACED,cAAA;AAAA,IAACC,kCAAA;AAAA,IAAA;AAAA,MAEC,OAAA;AAAA,MACA,UAAA,EAAW,gBAAA;AAAA,MACX,KAAA;AAAA,MACA,YAAA,EAAa,EAAA;AAAA,MACb,MAAA,EAAQ,EAAE,OAAA,EAAS,IAAA,EAAM,KAAA;AAAM,KAAA;AAAA,IAL3B;AAAA,GAMN;AAEJ","file":"chunk-GVOTXXZG.cjs","sourcesContent":["import { NativeDocxEditor, type NativeDocxAdapter } from './NativeDocxEditor'\n\nexport interface StreamedWordArtifactProps {\n  adapter: NativeDocxAdapter\n  /** Streamed Markdown, shown as a read-only preview while the draft is generated. */\n  content: string\n  title: string\n  busy: boolean\n  error?: string | null\n  /** The DOCX draft the server stored for this generation (`doc-…`), once known. */\n  documentId?: string\n  onSaved?: (documentId: string) => void\n}\n\n/**\n * One drafting surface for an AI document draft. The server stores every draft as DOCX, so\n * this component never creates a document: it previews the streamed Markdown until generation\n * ends and the stored DOCX is known, then opens that DOCX in the live collaborative editor.\n */\nexport function StreamedWordArtifact({\n  adapter,\n  content,\n  title,\n  busy,\n  error,\n  documentId,\n  onSaved,\n}: StreamedWordArtifactProps) {\n  if (!busy && documentId) {\n    return (\n      <NativeDocxEditor\n        key={documentId}\n        adapter={adapter}\n        documentId={documentId}\n        title={title}\n        onSaved={onSaved}\n      />\n    )\n  }\n  return (\n    <NativeDocxEditor\n      key=\"stream-preview\"\n      adapter={adapter}\n      documentId=\"stream-preview\"\n      title={title}\n      draftContent=\"\"\n      stream={{ content, busy, error }}\n    />\n  )\n}\n"]}

package/dist/{chunk-7RI3G5BO.cjs → chunk-HGJGALLN.cjs}

@@ -2234,57 +2234,12 @@ var WordDraftStream = class {
     }
   }
 };
-function contentPath(documentId) {
-  const match = /^(doc-[A-Za-z0-9]+)@v([1-9][0-9]*)$/.exec(documentId);
-  return match ? `/${encodeURIComponent(match[1])}/content?version=${match[2]}` : `/${encodeURIComponent(documentId)}/content`;
-}
-var drafts = /* @__PURE__ */ new Map();
-var stateBytes = (room) => Y__namespace.encodeStateAsUpdate(room.ydoc);
-var encodeState = (room) => {
-  let binary = "";
-  for (const byte of stateBytes(room)) binary += String.fromCharCode(byte);
-  return btoa(binary);
-};
-function covered(room, vector, receipt) {
-  const decode = (value) => Uint8Array.from(atob(value), (c) => c.charCodeAt(0));
-  const server = Y__namespace.decodeStateVector(decode(vector)), local = Y__namespace.decodeStateVector(Y__namespace.encodeStateVector(room.ydoc));
-  for (const [client, clock] of local) if ((server.get(client) || 0) < clock) return false;
-  const deleted = Y__namespace.decodeUpdate(stateBytes(room)).ds.clients;
-  const saved = Y__namespace.decodeUpdate(decode(receipt)).ds.clients;
-  for (const [client, ranges] of deleted)
-    for (const range of ranges) {
-      if (!(saved.get(client) || []).some(
-        (s) => s.clock <= range.clock && s.clock + s.len >= range.clock + range.len
-      ))
-        return false;
-    }
-  return true;
-}
-var EditorBoundary = class extends React3__default.default.Component {
-  state = {};
-  static getDerivedStateFromError(error) {
-    return { error };
-  }
-  render() {
-    return this.state.error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "native-docx-error", children: [
-      "Could not render this Word document: ",
-      this.state.error.message
-    ] }) : this.props.children;
-  }
-};
-function DocxParticipants({ session }) {
-  const [people, setPeople] = React3.useState([]);
-  React3.useEffect(() => {
-    if (!session) return;
-    setPeople(session.participants());
-    return session.subscribeParticipants(setPeople);
-  }, [session]);
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-presence", "aria-label": "People viewing this document", children: people.map((p) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-avatar", title: p.name, children: p.name.split(" ").map((s) => s[0]).slice(0, 2).join("") }, p.actorId)) });
-}
 function RibbonMenu({
   label,
   icon,
-  children
+  children,
+  className,
+  testId
 }) {
   const [open, setOpen] = React3.useState(false);
   const element = React3.useRef(null);
@@ -2308,10 +2263,11 @@ function RibbonMenu({
       "button",
       {
         type: "button",
-        className: "native-docx-ribbon-trigger",
+        className: ["native-docx-ribbon-trigger", className].filter(Boolean).join(" "),
         "aria-label": label,
         title: label,
         "aria-expanded": open,
+        "data-testid": testId,
         onMouseDown: (event) => event.preventDefault(),
         onClick: () => setOpen((value) => !value),
         children: icon
@@ -2327,11 +2283,295 @@ function RibbonMenu({
           if (!(event.target instanceof HTMLInputElement || event.target instanceof HTMLSelectElement))
             event.preventDefault();
         },
-        children
+        children: typeof children === "function" ? children(() => setOpen(false)) : children
+      }
+    )
+  ] });
+}
+
+// src/docx/wordStyles.ts
+var QUICK_STYLES = ["Normal", "Title", "heading 1", "heading 2", "heading 3"];
+function findStyle(options, name) {
+  const wanted = name.toLowerCase();
+  const id = name.replace(/(^|\s)(\w)/g, (_, _s, c) => c.toUpperCase());
+  return options.find((o) => o.name.toLowerCase() === wanted) ?? options.find((o) => o.styleId.toLowerCase() === id.toLowerCase());
+}
+function styleLabel(name) {
+  return name === name.toLowerCase() ? name.replace(/(^|\s)(\w)/g, (m) => m.toUpperCase()) : name;
+}
+function wordShortcut(event) {
+  const mod = event.ctrlKey || event.metaKey;
+  if (!mod) return null;
+  if (event.altKey && !event.shiftKey) {
+    switch (event.code) {
+      case "KeyF":
+        return "footnote";
+      case "KeyD":
+        return "endnote";
+      case "Digit1":
+      case "Numpad1":
+        return "heading 1";
+      case "Digit2":
+      case "Numpad2":
+        return "heading 2";
+      case "Digit3":
+      case "Numpad3":
+        return "heading 3";
+    }
+  }
+  if (event.shiftKey && !event.altKey && event.code === "KeyN") return "Normal";
+  return null;
+}
+var FILTER_FROM = 8;
+function previewStyle(option) {
+  const { fontFamily, fontSizePt, bold, italic, color } = option.preview;
+  return {
+    fontFamily: fontFamily ? `"${fontFamily}", serif` : void 0,
+    // In the face of the style, but within a row: 9-18pt.
+    fontSize: fontSizePt ? `${Math.min(18, Math.max(9, fontSizePt))}pt` : void 0,
+    fontWeight: bold ? 700 : void 0,
+    fontStyle: italic ? "italic" : void 0,
+    color: color ? `#${color}` : void 0
+  };
+}
+function Gallery({ close }) {
+  const { value, setValue, options, isEnabled } = react.useParagraphStyle();
+  const editor = react.useDocxEditor();
+  const [query, setQuery] = React3.useState("");
+  const quick = React3.useMemo(
+    () => QUICK_STYLES.map((name) => findStyle(options, name)).filter(
+      (o) => !!o
+    ),
+    [options]
+  );
+  const shown = React3.useMemo(() => {
+    const q = query.trim().toLowerCase();
+    return q ? options.filter(
+      (o) => o.name.toLowerCase().includes(q) || o.styleId.toLowerCase().includes(q)
+    ) : options;
+  }, [options, query]);
+  const apply = (option) => {
+    setValue(option.styleId);
+    close();
+    editor?.surface?.focus();
+  };
+  const nav = chunk7UTB4PHM_cjs.useListKeyNav({
+    open: true,
+    items: shown,
+    onPick: apply,
+    onDismiss: close,
+    resetKey: query
+  });
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "native-docx-style-gallery", "data-testid": "docx-style-gallery", children: [
+    quick.length > 0 && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-style-quick", role: "group", "aria-label": "Quick styles", children: quick.map((option) => /* @__PURE__ */ jsxRuntime.jsx(
+      "button",
+      {
+        type: "button",
+        "aria-pressed": value === option.styleId,
+        disabled: !isEnabled,
+        "data-style-id": option.styleId,
+        title: styleLabel(option.name),
+        onClick: () => apply(option),
+        children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: previewStyle(option), children: styleLabel(option.name) })
+      },
+      option.styleId
+    )) }),
+    options.length > FILTER_FROM && /* @__PURE__ */ jsxRuntime.jsx(
+      "input",
+      {
+        className: "native-docx-style-filter",
+        placeholder: "Find a style",
+        "aria-label": "Find a style",
+        value: query,
+        autoFocus: true,
+        onChange: (event) => setQuery(event.target.value),
+        onKeyDown: (event) => {
+          nav.handleKeyDown(event);
+        },
+        ...nav.comboboxProps
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsxs(
+      "ul",
+      {
+        className: "native-docx-style-list",
+        role: "listbox",
+        id: nav.listboxId,
+        "aria-label": "Document styles",
+        children: [
+          shown.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(
+            "li",
+            {
+              id: chunk7UTB4PHM_cjs.listOptionId(nav.listboxId, index),
+              role: "option",
+              "aria-selected": value === option.styleId,
+              "aria-disabled": !isEnabled,
+              "data-active": index === nav.selectedIndex || void 0,
+              "data-style-id": option.styleId,
+              onMouseEnter: () => nav.setSelectedIndex(index),
+              onClick: () => isEnabled && apply(option),
+              children: /* @__PURE__ */ jsxRuntime.jsx("span", { style: previewStyle(option), children: styleLabel(option.name) })
+            },
+            option.styleId
+          )),
+          shown.length === 0 && /* @__PURE__ */ jsxRuntime.jsx("li", { className: "native-docx-style-empty", children: "No matching style" })
+        ]
+      }
+    )
+  ] });
+}
+function StyleGallery() {
+  const { value, options } = react.useParagraphStyle();
+  const current = options.find((o) => o.styleId === value);
+  const name = current ? styleLabel(current.name) : "Styles";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    RibbonMenu,
+    {
+      label: "Styles",
+      className: "native-docx-style-trigger",
+      testId: "docx-style-trigger",
+      icon: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-style-current", "data-testid": "docx-current-style", children: name }),
+        /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { size: 12, "aria-hidden": true })
+      ] }),
+      children: (close) => /* @__PURE__ */ jsxRuntime.jsx(Gallery, { close })
+    }
+  );
+}
+function useInsertNote(kind) {
+  const command = react.useEditorCommand(kind === "footnote" ? "insert.footnote" : "insert.endnote");
+  const { options } = react.useParagraphStyle();
+  const editor = react.useDocxEditor();
+  const insert = () => {
+    if (!command.execute()) return false;
+    const text = findStyle(options, `${kind} text`);
+    if (text && editor)
+      withDirectEditing(
+        editor,
+        () => editor.exec({ type: "setParagraphStyle", styleId: text.styleId })
+      );
+    return true;
+  };
+  return { insert, isEnabled: command.isEnabled, disabledReason: command.disabledReason };
+}
+function NoteAction({
+  kind,
+  label,
+  shortcut,
+  icon
+}) {
+  const note = useInsertNote(kind);
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    react.DocxEditor.Toolbar.Action,
+    {
+      label: `${label} (${shortcut})`,
+      icon,
+      disabled: !note.isEnabled,
+      disabledReason: note.disabledReason ?? void 0,
+      onSelect: () => void note.insert(),
+      className: `native-docx-insert-${kind}`
+    }
+  );
+}
+function NoteButtons() {
+  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NoteAction,
+      {
+        kind: "footnote",
+        label: "Insert footnote",
+        shortcut: "Ctrl+Alt+F",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Superscript, { size: 16 })
+      }
+    ),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      NoteAction,
+      {
+        kind: "endnote",
+        label: "Insert endnote",
+        shortcut: "Ctrl+Alt+D",
+        icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.NotebookText, { size: 16 })
       }
     )
   ] });
 }
+function WordShortcuts({ scope }) {
+  const footnote = useInsertNote("footnote");
+  const endnote = useInsertNote("endnote");
+  const styles = react.useParagraphStyle();
+  const editor = react.useDocxEditor();
+  const latest = React3.useRef({ footnote, endnote, styles, editor });
+  latest.current = { footnote, endnote, styles, editor };
+  React3.useEffect(() => {
+    const element = scope.current;
+    if (!element) return;
+    const onKeyDown = (event) => {
+      const action = wordShortcut(event);
+      if (!action) return;
+      const { footnote: footnote2, endnote: endnote2, styles: styles2, editor: editor2 } = latest.current;
+      if (action === "footnote" || action === "endnote") {
+        if (!(action === "footnote" ? footnote2 : endnote2).insert()) return;
+      } else {
+        const style = findStyle(styles2.options, action);
+        if (!style) return;
+        styles2.setValue(style.styleId);
+      }
+      event.preventDefault();
+      event.stopPropagation();
+      editor2?.surface?.focus();
+    };
+    element.addEventListener("keydown", onKeyDown, true);
+    return () => element.removeEventListener("keydown", onKeyDown, true);
+  }, [scope]);
+  return null;
+}
+function contentPath(documentId) {
+  const match = /^(doc-[A-Za-z0-9]+)@v([1-9][0-9]*)$/.exec(documentId);
+  return match ? `/${encodeURIComponent(match[1])}/content?version=${match[2]}` : `/${encodeURIComponent(documentId)}/content`;
+}
+var drafts = /* @__PURE__ */ new Map();
+var stateBytes = (room) => Y__namespace.encodeStateAsUpdate(room.ydoc);
+var encodeState = (room) => {
+  let binary = "";
+  for (const byte of stateBytes(room)) binary += String.fromCharCode(byte);
+  return btoa(binary);
+};
+function covered(room, vector, receipt) {
+  const decode = (value) => Uint8Array.from(atob(value), (c) => c.charCodeAt(0));
+  const server = Y__namespace.decodeStateVector(decode(vector)), local = Y__namespace.decodeStateVector(Y__namespace.encodeStateVector(room.ydoc));
+  for (const [client, clock] of local) if ((server.get(client) || 0) < clock) return false;
+  const deleted = Y__namespace.decodeUpdate(stateBytes(room)).ds.clients;
+  const saved = Y__namespace.decodeUpdate(decode(receipt)).ds.clients;
+  for (const [client, ranges] of deleted)
+    for (const range of ranges) {
+      if (!(saved.get(client) || []).some(
+        (s) => s.clock <= range.clock && s.clock + s.len >= range.clock + range.len
+      ))
+        return false;
+    }
+  return true;
+}
+var EditorBoundary = class extends React3__default.default.Component {
+  state = {};
+  static getDerivedStateFromError(error) {
+    return { error };
+  }
+  render() {
+    return this.state.error ? /* @__PURE__ */ jsxRuntime.jsxs("div", { role: "alert", className: "native-docx-error", children: [
+      "Could not render this Word document: ",
+      this.state.error.message
+    ] }) : this.props.children;
+  }
+};
+function DocxParticipants({ session }) {
+  const [people, setPeople] = React3.useState([]);
+  React3.useEffect(() => {
+    if (!session) return;
+    setPeople(session.participants());
+    return session.subscribeParticipants(setPeople);
+  }, [session]);
+  return /* @__PURE__ */ jsxRuntime.jsx("div", { className: "native-docx-presence", "aria-label": "People viewing this document", children: people.map((p) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: "native-docx-avatar", title: p.name, children: p.name.split(" ").map((s) => s[0]).slice(0, 2).join("") }, p.actorId)) });
+}
 function DefinedTermButtons() {
   const terms = useDefinedTerms();
   if (!terms) return null;
@@ -2374,6 +2614,7 @@ function DocxRibbon({
     /* @__PURE__ */ jsxRuntime.jsxs("select", { "aria-label": "Ribbon tab", value: tab, onChange: (event) => setTab(event.target.value), children: [
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Home" }),
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Insert" }),
+      /* @__PURE__ */ jsxRuntime.jsx("option", { children: "References" }),
       /* @__PURE__ */ jsxRuntime.jsx("option", { children: "Review" })
     ] }),
     /* @__PURE__ */ jsxRuntime.jsxs(react.DocxEditor.Toolbar, { t, preset: false, onSave, children: [
@@ -2381,6 +2622,7 @@ function DocxRibbon({
       /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Redo, {}),
       /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Save, {}),
       tab === "Home" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(StyleGallery, {}),
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Bold, {}),
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Italic, {}),
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Underline, {}),
@@ -2391,7 +2633,6 @@ function DocxRibbon({
           /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Highlight, {})
         ] }),
         /* @__PURE__ */ jsxRuntime.jsxs(RibbonMenu, { label: "More formatting", icon: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Ellipsis, { size: 16 }), children: [
-          /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.StylePicker, {}),
           /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Alignment, {}),
           /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.BulletList, {}),
           /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.NumberedList, {}),
@@ -2408,6 +2649,7 @@ function DocxRibbon({
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Link, {}),
         /* @__PURE__ */ jsxRuntime.jsx(DefinedTermButtons, {})
       ] }),
+      tab === "References" && /* @__PURE__ */ jsxRuntime.jsx(NoteButtons, {}),
       tab === "Review" && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.EditingMode, {}),
         /* @__PURE__ */ jsxRuntime.jsx(react.DocxEditor.Toolbar.Comments, {}),
@@ -2774,6 +3016,7 @@ function NativeDocxEditor({
                       )
                     }
                   ),
+                  !stream && /* @__PURE__ */ jsxRuntime.jsx(WordShortcuts, { scope: stageRef }),
                   /* @__PURE__ */ jsxRuntime.jsxs(
                     "div",
                     {
@@ -2924,5 +3167,5 @@ exports.useDefinedTerms = useDefinedTerms;
 exports.useReview = useReview;
 exports.useReviewItem = useReviewItem;
 exports.withDirectEditing = withDirectEditing;
-//# sourceMappingURL=chunk-7RI3G5BO.cjs.map
-//# sourceMappingURL=chunk-7RI3G5BO.cjs.map
+//# sourceMappingURL=chunk-HGJGALLN.cjs.map
+//# sourceMappingURL=chunk-HGJGALLN.cjs.map