@bendyline/squisq-editor-react 2.11.19 → 2.11.21

package/dist/{chunk-TZX7RKZV.js → chunk-UCYZBMCG.js}

@@ -3,9 +3,57 @@ import {
   resolveSpeechInputProvider
 } from "./chunk-DNEVUOBZ.js";
 import {
-  markdownToTiptap
+  markdownToTiptap,
+  tiptapToMarkdown
 } from "./chunk-HSWWEWT4.js";
 
+// src/InsertMenuItems.tsx
+import { createContext, useContext, useEffect, useMemo, useRef } from "react";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var Registry = createContext(null);
+function EditorInsertMenuProvider({ children }) {
+  const registry = useMemo(() => /* @__PURE__ */ new Set(), []);
+  return /* @__PURE__ */ jsx(Registry.Provider, { value: registry, children });
+}
+function useEditorInsertMenuItems(items) {
+  const registry = useContext(Registry);
+  const latest = useRef(items);
+  latest.current = items;
+  if (!registry) throw new Error("Insert actions require an EditorProvider.");
+  useEffect(() => {
+    const get = () => latest.current;
+    registry.add(get);
+    return () => {
+      registry.delete(get);
+    };
+  }, [registry]);
+}
+function EditorInsertMenuItems({ onClose }) {
+  const registry = useContext(Registry);
+  return /* @__PURE__ */ jsx(Fragment, { children: Array.from(registry ?? []).flatMap(
+    (get, group) => get().map((item) => /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: "squisq-toolbar-overflow-item",
+        role: "menuitem",
+        disabled: item.disabled,
+        onClick: () => {
+          const current = get().find((entry) => entry.id === item.id);
+          if (!current || current.disabled) return;
+          onClose();
+          current.onSelect();
+        },
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "squisq-toolbar-overflow-icon", "aria-hidden": "true", children: item.icon }),
+          /* @__PURE__ */ jsx("span", { children: item.label })
+        ]
+      },
+      `${group}:${item.id}`
+    ))
+  ) });
+}
+
 // src/blockRange.ts
 import { parseMarkdown } from "@bendyline/squisq/markdown";
 
@@ -362,11 +410,11 @@ function resolveFileKind(fileName, language) {
 }
 
 // src/useBlockNavigator.ts
-import { useCallback, useMemo, useState } from "react";
+import { useCallback, useMemo as useMemo2, useState } from "react";
 var NEW_BLOCK_MARKDOWN = "## New section\n\n";
 function useBlockNavigator(source, setSource, opts) {
   const enabled = opts?.enabled ?? false;
-  const slices = useMemo(() => getBlockSlices(source), [source]);
+  const slices = useMemo2(() => getBlockSlices(source), [source]);
   const blockCount = slices.length;
   const [rawKey, setRawKey] = useState(0);
   const activeBlockKey = blockCount === 0 ? 0 : Math.min(Math.max(rawKey, 0), blockCount - 1);
@@ -432,25 +480,25 @@ function useBlockNavigator(source, setSource, opts) {
 
 // src/EditorContext.tsx
 import {
-  createContext as createContext2,
-  useContext as useContext2,
+  createContext as createContext3,
+  useContext as useContext3,
   useState as useState3,
   useCallback as useCallback3,
-  useMemo as useMemo3,
-  useRef as useRef2,
-  useEffect as useEffect2
+  useMemo as useMemo4,
+  useRef as useRef3,
+  useEffect as useEffect3
 } from "react";
 import { parseMarkdown as parseMarkdown3, stringifyMarkdown } from "@bendyline/squisq/markdown";
 import { markdownToDoc } from "@bendyline/squisq/doc";
 
 // src/speech/useDictationController.ts
 import {
-  createContext,
+  createContext as createContext2,
   useCallback as useCallback2,
-  useContext,
-  useEffect,
-  useMemo as useMemo2,
-  useRef,
+  useContext as useContext2,
+  useEffect as useEffect2,
+  useMemo as useMemo3,
+  useRef as useRef2,
   useState as useState2
 } from "react";
 
@@ -742,9 +790,9 @@ function createLevelStore() {
     }
   };
 }
-var DictationStateContext = createContext(null);
+var DictationStateContext = createContext2(null);
 function useDictationState() {
-  return useContext(DictationStateContext);
+  return useContext2(DictationStateContext);
 }
 function dictationInterimText(status, pendingTakes) {
   switch (status) {
@@ -773,24 +821,24 @@ function useDictationController({
   const [status, setStatus] = useState2("idle");
   const [pendingTakes, setPendingTakes] = useState2(0);
   const [error, setError] = useState2(null);
-  const levelsRef = useRef(null);
+  const levelsRef = useRef2(null);
   if (!levelsRef.current) levelsRef.current = createLevelStore();
   const levels = levelsRef.current;
-  const providerRef = useRef(provider);
+  const providerRef = useRef2(provider);
   providerRef.current = provider;
-  const readinessRef = useRef(readiness);
+  const readinessRef = useRef2(readiness);
   readinessRef.current = readiness;
-  const activeViewRef = useRef(activeView);
+  const activeViewRef = useRef2(activeView);
   activeViewRef.current = activeView;
-  const tiptapRef = useRef(tiptapEditor);
+  const tiptapRef = useRef2(tiptapEditor);
   tiptapRef.current = tiptapEditor;
-  const monacoRef = useRef(monacoEditor);
+  const monacoRef = useRef2(monacoEditor);
   monacoRef.current = monacoEditor;
-  const sessionRef = useRef(null);
-  const heldPhrasesRef = useRef([]);
+  const sessionRef = useRef2(null);
+  const heldPhrasesRef = useRef2([]);
   const textViewActive = editorMode === "markdown" && isTextView(activeView);
   const available = provider !== null && readiness !== null && readiness.state !== "unavailable" && textViewActive;
-  const availableRef = useRef(available);
+  const availableRef = useRef2(available);
   availableRef.current = available;
   const restoreEditorFocus = useCallback2(() => {
     if (typeof document === "undefined") return;
@@ -876,7 +924,7 @@ function useDictationController({
         }
         return;
       }
-      const { startDictationSession } = await import("./dictationSession-PN3OT5LJ.js");
+      const { startDictationSession } = await import("./dictationSession-SLDNYIZ2.js");
       if (!isCurrent()) return;
       const handle = await startDictationSession({
         provider: active,
@@ -939,7 +987,7 @@ function useDictationController({
     void start();
   }, [start, stop]);
   const dismissError = useCallback2(() => setError(null), []);
-  useEffect(() => {
+  useEffect2(() => {
     if (!capability) {
       setProvider(null);
       setReadiness(null);
@@ -977,7 +1025,7 @@ function useDictationController({
       if (owned) instance.dispose?.();
     };
   }, [capability]);
-  useEffect(
+  useEffect2(
     () => () => {
       const session = sessionRef.current;
       if (!session) return;
@@ -987,11 +1035,11 @@ function useDictationController({
     },
     []
   );
-  useEffect(() => {
+  useEffect2(() => {
     if (!textViewActive && sessionRef.current) void stop();
   }, [textViewActive, stop]);
   const sessionActive = status !== "idle";
-  useEffect(() => {
+  useEffect2(() => {
     if (!sessionActive || typeof window === "undefined") return;
     const onKeyDown = (event) => {
       if (event.key !== "Escape" || event.defaultPrevented) return;
@@ -1000,7 +1048,7 @@ function useDictationController({
     window.addEventListener("keydown", onKeyDown);
     return () => window.removeEventListener("keydown", onKeyDown);
   }, [sessionActive, stop]);
-  useEffect(() => {
+  useEffect2(() => {
     if (heldPhrasesRef.current.length === 0) return;
     const held = heldPhrasesRef.current;
     heldPhrasesRef.current = [];
@@ -1013,23 +1061,23 @@ function useDictationController({
   }, [activeView, tiptapEditor, monacoEditor, insertPhrase]);
   const hasCapability = capability !== null;
   const interimLabel = hasCapability ? dictationInterimText(status, pendingTakes) : null;
-  useEffect(() => {
+  useEffect2(() => {
     if (!tiptapEditor || !hasCapability) return;
     setDictationInterim(tiptapEditor, activeView === "wysiwyg" ? interimLabel : null);
   }, [tiptapEditor, hasCapability, activeView, interimLabel]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!tiptapEditor || !hasCapability) return;
     return () => setDictationInterim(tiptapEditor, null);
   }, [tiptapEditor, hasCapability]);
-  const monacoInterimRef = useRef(null);
-  useEffect(() => {
+  const monacoInterimRef = useRef2(null);
+  useEffect2(() => {
     if (!monacoEditor) return;
     return () => {
       monacoInterimRef.current?.dispose();
       monacoInterimRef.current = null;
     };
   }, [monacoEditor]);
-  useEffect(() => {
+  useEffect2(() => {
     if (!monacoEditor) return;
     const label = activeView === "raw" ? interimLabel : null;
     if (!label && !monacoInterimRef.current) return;
@@ -1037,12 +1085,12 @@ function useDictationController({
       monacoInterimRef.current = createMonacoDictationInterim(monacoEditor);
     monacoInterimRef.current.update(label);
   }, [monacoEditor, activeView, interimLabel]);
-  const control = useMemo2(
+  const control = useMemo3(
     () => hasCapability ? { active: sessionActive, available, toggle } : null,
     [hasCapability, sessionActive, available, toggle]
   );
   const providerLabel = provider?.label ?? "";
-  const state = useMemo2(
+  const state = useMemo3(
     () => hasCapability ? {
       status,
       readiness,
@@ -1077,6 +1125,24 @@ import {
 import { createDocument } from "@tiptap/core";
 import { closeHistory as closeHistory2 } from "@tiptap/pm/history";
 
+// src/selectionMarkdown.ts
+import { DOMSerializer, Fragment as Fragment2 } from "@tiptap/pm/model";
+function selectionMarkdown(state) {
+  const { selection } = state;
+  if (selection.empty) return "";
+  const { $from, $to, from, to } = selection;
+  let fragment = selection.content().content;
+  let inline = false;
+  if ($from.sameParent($to) && $from.parent.isTextblock) {
+    inline = $from.parentOffset !== 0 || $to.parentOffset !== $from.parent.content.size;
+    fragment = !inline ? Fragment2.from($from.parent) : state.doc.slice(from, to).content;
+  }
+  const container = document.createElement("div");
+  const target = inline ? container.appendChild(document.createElement("p")) : container;
+  target.append(DOMSerializer.fromSchema(state.schema).serializeFragment(fragment));
+  return tiptapToMarkdown(container.innerHTML).trimEnd();
+}
+
 // src/blockInsertion.ts
 import { isContainerTemplate as isContainerTemplate2 } from "@bendyline/squisq/doc";
 function tiptapOutline(doc) {
@@ -1400,17 +1466,17 @@ function restoreWysiwygScrollRatio(editor, ratio) {
 }
 
 // src/EditorContext.tsx
-import { jsx } from "react/jsx-runtime";
-var EditorContext = createContext2(null);
+import { jsx as jsx2 } from "react/jsx-runtime";
+var EditorContext = createContext3(null);
 function useEditorContext() {
-  const ctx = useContext2(EditorContext);
+  const ctx = useContext3(EditorContext);
   if (!ctx) {
     throw new Error("useEditorContext must be used within an <EditorProvider>");
   }
   return ctx;
 }
 function useEditorContextOptional() {
-  return useContext2(EditorContext);
+  return useContext3(EditorContext);
 }
 var MEDIA_EDIT_GC_DELAY_MS = 5e3;
 var DEFAULT_PRUNE_POLICY = { type: "keep-last-n", n: 50 };
@@ -1473,13 +1539,13 @@ function EditorProvider({
   );
   const effectiveThemeInheritance = viewPreferences?.themeInheritance ?? themeInheritance;
   const effectiveLayoutMode = viewPreferences?.layoutMode ?? layoutMode;
-  const { mode: fileMode, language: resolvedLanguage } = useMemo3(
+  const { mode: fileMode, language: resolvedLanguage } = useMemo4(
     () => resolveFileKind(fileName, language),
     [fileName, language]
   );
   const editorMode = fileMode === "data" ? "code" : fileMode;
   const [markdownSource, setMarkdownSourceRaw] = useState3(initialMarkdown);
-  const markdownSourceRef = useRef2(markdownSource);
+  const markdownSourceRef = useRef3(markdownSource);
   markdownSourceRef.current = markdownSource;
   const [markdownDoc, setMarkdownDocState] = useState3(null);
   const [doc, setDoc] = useState3(null);
@@ -1496,11 +1562,11 @@ function EditorProvider({
     },
     [controlledFindMode, editorMode, onFindModeChange]
   );
-  const activeViewRef = useRef2(activeView);
+  const activeViewRef = useRef3(activeView);
   activeViewRef.current = activeView;
-  const tiptapEditorRef = useRef2(null);
-  const monacoEditorRef = useRef2(null);
-  const pendingEditorScrollRef = useRef2(null);
+  const tiptapEditorRef = useRef3(null);
+  const monacoEditorRef = useRef3(null);
+  const pendingEditorScrollRef = useRef3(null);
   const setActiveView = useCallback3(
     (view) => {
       if (editorMode === "code" && view !== "raw") return;
@@ -1525,34 +1591,34 @@ function EditorProvider({
   const [isParsing, setIsParsing] = useState3(false);
   const [colorScheme, setColorScheme] = useState3(initialColorScheme);
   const [inlinePreviewVisible, setInlinePreviewVisibleRaw] = useState3(effectiveInlinePreview);
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.inlinePreview === void 0) setInlinePreviewVisibleRaw(inlinePreview);
   }, [inlinePreview, viewPreferences?.inlinePreview]);
   const [statusBarVisible, setStatusBarVisibleRaw] = useState3(effectiveShowStatusBar);
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.showStatusBar === void 0) setStatusBarVisibleRaw(showStatusBar);
   }, [showStatusBar, viewPreferences?.showStatusBar]);
   const [outlineVisible, setOutlineVisibleRaw] = useState3(effectiveOutline);
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.outline === void 0) setOutlineVisibleRaw(outline);
   }, [outline, viewPreferences?.outline]);
   const [blockTagVisibilityState, setBlockTagVisibilityRaw] = useState3(
     effectiveBlockTagVisibility
   );
   const blockTagsVisible = blockTagVisibilityState !== "none";
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.blockTagVisibility === void 0 && viewPreferences?.blockTags === void 0) {
       setBlockTagVisibilityRaw(normalizeBlockTagVisibility(initialBlockTagVisibility ?? blockTags));
     }
   }, [blockTags, initialBlockTagVisibility, viewPreferences]);
   const [themeInheritanceState, setThemeInheritanceRaw] = useState3(effectiveThemeInheritance);
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.themeInheritance === void 0) {
       setThemeInheritanceRaw(themeInheritance);
     }
   }, [themeInheritance, viewPreferences?.themeInheritance]);
   const [layoutModeState, setLayoutModeRaw] = useState3(effectiveLayoutMode);
-  useEffect2(() => {
+  useEffect3(() => {
     if (viewPreferences?.layoutMode === void 0) setLayoutModeRaw(layoutMode);
   }, [layoutMode, viewPreferences?.layoutMode]);
   const [imageEditTarget, setImageEditTarget] = useState3(null);
@@ -1573,7 +1639,7 @@ function EditorProvider({
   const bumpMediaRevision = useCallback3(() => {
     setMediaRevision((n) => n + 1);
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     if (!viewPreferences) return;
     if (viewPreferences.inlinePreview !== void 0) {
       setInlinePreviewVisibleRaw(viewPreferences.inlinePreview);
@@ -1596,19 +1662,19 @@ function EditorProvider({
       setLayoutModeRaw(viewPreferences.layoutMode);
     }
   }, [viewPreferences]);
-  const onViewPreferencesChangeRef = useRef2(onViewPreferencesChange);
+  const onViewPreferencesChangeRef = useRef3(onViewPreferencesChange);
   onViewPreferencesChangeRef.current = onViewPreferencesChange;
-  const inlinePreviewRef = useRef2(inlinePreviewVisible);
+  const inlinePreviewRef = useRef3(inlinePreviewVisible);
   inlinePreviewRef.current = inlinePreviewVisible;
-  const statusBarRef = useRef2(statusBarVisible);
+  const statusBarRef = useRef3(statusBarVisible);
   statusBarRef.current = statusBarVisible;
-  const outlineRef = useRef2(outlineVisible);
+  const outlineRef = useRef3(outlineVisible);
   outlineRef.current = outlineVisible;
-  const blockTagVisibilityRef = useRef2(blockTagVisibilityState);
+  const blockTagVisibilityRef = useRef3(blockTagVisibilityState);
   blockTagVisibilityRef.current = blockTagVisibilityState;
-  const themeInheritanceRef = useRef2(themeInheritanceState);
+  const themeInheritanceRef = useRef3(themeInheritanceState);
   themeInheritanceRef.current = themeInheritanceState;
-  const layoutModeRef = useRef2(layoutModeState);
+  const layoutModeRef = useRef3(layoutModeState);
   layoutModeRef.current = layoutModeState;
   const setInlinePreviewVisible = useCallback3((visible) => {
     setInlinePreviewVisibleRaw(visible);
@@ -1696,7 +1762,7 @@ function EditorProvider({
     monacoEditorRef.current = editor;
     setMonacoEditorRaw(editor);
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     const pending = pendingEditorScrollRef.current;
     if (!pending || pending.view !== activeView) return;
     const restore = activeView === "raw" && monacoEditor ? () => restoreMonacoScrollRatio(monacoEditor, pending.ratio) : activeView === "wysiwyg" && tiptapEditor ? () => restoreWysiwygScrollRatio(tiptapEditor, pending.ratio) : null;
@@ -1721,17 +1787,17 @@ function EditorProvider({
     };
   }, [activeView, monacoEditor, tiptapEditor]);
   const [activeSceneText, setActiveSceneText] = useState3(null);
-  const sceneTextChannel = useMemo3(createSceneTextChannel, []);
-  useEffect2(() => sceneTextChannel.subscribe(setActiveSceneText), [sceneTextChannel]);
-  const articleIdRef = useRef2(articleId);
+  const sceneTextChannel = useMemo4(createSceneTextChannel, []);
+  useEffect3(() => sceneTextChannel.subscribe(setActiveSceneText), [sceneTextChannel]);
+  const articleIdRef = useRef3(articleId);
   articleIdRef.current = articleId;
-  const fileNameRef = useRef2(fileName);
+  const fileNameRef = useRef3(fileName);
   fileNameRef.current = fileName;
-  useEffect2(() => {
+  useEffect3(() => {
     setColorScheme(initialColorScheme);
   }, [initialColorScheme]);
-  const parseTimeoutRef = useRef2(null);
-  const skipInitialDebouncedParseRef = useRef2(Boolean(initialMarkdown));
+  const parseTimeoutRef = useRef3(null);
+  const skipInitialDebouncedParseRef = useRef3(Boolean(initialMarkdown));
   const doParse = useCallback3((source) => {
     setIsParsing(true);
     try {
@@ -1756,7 +1822,7 @@ function EditorProvider({
       setIsParsing(false);
     }
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     if (editorMode !== "markdown") return;
     if (skipInitialDebouncedParseRef.current) {
       skipInitialDebouncedParseRef.current = false;
@@ -1775,7 +1841,7 @@ function EditorProvider({
       }
     };
   }, [markdownSource, doParse, editorMode]);
-  useEffect2(() => {
+  useEffect3(() => {
     if (editorMode !== "markdown") return;
     if (initialMarkdown) {
       doParse(initialMarkdown);
@@ -1800,7 +1866,7 @@ function EditorProvider({
     addBlock
   } = blockNav;
   const [selectionVersion, setSelectionVersion] = useState3(0);
-  useEffect2(() => {
+  useEffect3(() => {
     const bump = () => setSelectionVersion((version) => version + 1);
     const disposers = [];
     if (typeof tiptapEditor?.on === "function" && typeof tiptapEditor.off === "function") {
@@ -1823,6 +1889,7 @@ function EditorProvider({
       return {
         view: "wysiwyg",
         text: empty ? "" : tiptapEditor.state.doc.textBetween(from, to, "\n", " "),
+        markdown: selectionMarkdown(tiptapEditor.state),
         empty
       };
     }
@@ -1893,7 +1960,7 @@ function EditorProvider({
   const applySourceEdits = useCallback3(
     (edits, options) => {
       if (editorMode !== "markdown" || layoutModeState !== "document") return false;
-      if (activeView === "raw" && monacoEditor) {
+      if ((activeView === "raw" || activeView === "preview") && monacoEditor) {
         const model = monacoEditor.getModel();
         if (!model) return false;
         const base = model.getValue();
@@ -1919,7 +1986,7 @@ function EditorProvider({
         monacoEditor.pushUndoStop();
         return true;
       }
-      if (activeView === "wysiwyg" && tiptapEditor) {
+      if ((activeView === "wysiwyg" || activeView === "preview") && tiptapEditor) {
         const base = markdownSourceRef.current;
         if (options?.baseSource !== void 0 && options.baseSource !== base) return false;
         const sorted = normalizeSourceEdits(base, edits);
@@ -2008,8 +2075,8 @@ function EditorProvider({
     },
     [activeView, editorMode, monacoEditor, tiptapEditor]
   );
-  const versioningWarnedRef = useRef2(false);
-  useEffect2(() => {
+  const versioningWarnedRef = useRef3(false);
+  useEffect3(() => {
     if (allowVersioning && !workspaceContainer && !versioningWarnedRef.current) {
       console.warn(
         "[squisq-editor] allowVersioning requires a `workspaceContainer` prop; versioning is disabled."
@@ -2017,13 +2084,13 @@ function EditorProvider({
       versioningWarnedRef.current = true;
     }
   }, [allowVersioning, workspaceContainer]);
-  const versioning = useMemo3(() => {
+  const versioning = useMemo4(() => {
     if (!allowVersioning || !workspaceContainer) return null;
     return new DocumentVersionManager(workspaceContainer, { basename: versionBasename });
   }, [allowVersioning, workspaceContainer, versionBasename]);
-  const onSaveVersionRef = useRef2(onSaveVersion);
+  const onSaveVersionRef = useRef3(onSaveVersion);
   onSaveVersionRef.current = onSaveVersion;
-  const prunePolicyRef = useRef2(versioningPrunePolicy);
+  const prunePolicyRef = useRef3(versioningPrunePolicy);
   prunePolicyRef.current = versioningPrunePolicy;
   const saveVersion = useCallback3(
     async (options) => {
@@ -2046,8 +2113,8 @@ function EditorProvider({
     },
     [versioning]
   );
-  const autoSaveSourceRef = useRef2(null);
-  useEffect2(() => {
+  const autoSaveSourceRef = useRef3(null);
+  useEffect3(() => {
     if (!versioning) return;
     if (versioningAutoSaveIdleMs <= 0) return;
     const previous = autoSaveSourceRef.current;
@@ -2083,12 +2150,12 @@ function EditorProvider({
       setParseError(err instanceof Error ? err.message : "Stringify error");
     }
   }, []);
-  useEffect2(() => {
+  useEffect3(() => {
     if (mediaEditRenders && doc) mediaEditRenders.sync(doc, embeddedMediaClips(doc));
   }, [mediaEditRenders, doc]);
-  const latestDocRef = useRef2(doc);
+  const latestDocRef = useRef3(doc);
   latestDocRef.current = doc;
-  useEffect2(() => {
+  useEffect3(() => {
     if (!mediaEditRenders) return;
     const timer = setTimeout(() => {
       const current = latestDocRef.current;
@@ -2105,7 +2172,7 @@ function EditorProvider({
     monacoEditor
   });
   const dictation = dictationController.control;
-  const value = useMemo3(
+  const value = useMemo4(
     () => ({
       markdownSource,
       markdownDoc,
@@ -2283,7 +2350,7 @@ function EditorProvider({
       bumpMediaRevision
     ]
   );
-  return /* @__PURE__ */ jsx(EditorContext.Provider, { value, children: /* @__PURE__ */ jsx(DictationStateContext.Provider, { value: dictationController.state, children }) });
+  return /* @__PURE__ */ jsx2(EditorContext.Provider, { value, children: /* @__PURE__ */ jsx2(DictationStateContext.Provider, { value: dictationController.state, children: /* @__PURE__ */ jsx2(EditorInsertMenuProvider, { children }) }) });
 }
 
 // src/review/decorations.ts
@@ -2651,7 +2718,7 @@ function messageOf(error) {
 }
 
 // src/review/useReview.ts
-import { useCallback as useCallback4, useEffect as useEffect3, useMemo as useMemo4, useRef as useRef3, useState as useState4 } from "react";
+import { useCallback as useCallback4, useEffect as useEffect4, useMemo as useMemo5, useRef as useRef4, useState as useState4 } from "react";
 var EMPTY = [];
 var EMPTY_FINDINGS = [];
 function useReview(capabilities = EMPTY) {
@@ -2664,23 +2731,23 @@ function useReview(capabilities = EMPTY) {
     articleId,
     goToBlockByLine
   } = useEditorContext();
-  const providers = useMemo4(
+  const providers = useMemo5(
     () => capabilities.map(resolveReviewProvider),
     [capabilities]
   );
   const [snapshot, setSnapshot] = useState4(null);
-  const sourceRef = useRef3(markdownSource);
-  const revisionRef = useRef3(0);
-  const blocksRef = useRef3([]);
-  const runnerRef = useRef3(null);
+  const sourceRef = useRef4(markdownSource);
+  const revisionRef = useRef4(0);
+  const blocksRef = useRef4([]);
+  const runnerRef = useRef4(null);
   sourceRef.current = markdownSource;
-  const hueFor = useMemo4(() => {
+  const hueFor = useMemo5(() => {
     const hues = new Map(
       providers.map((provider) => [provider.id, provider.hue ?? DEFAULT_REVIEW_HUE])
     );
     return (source) => hues.get(source) ?? DEFAULT_REVIEW_HUE;
   }, [providers]);
-  useEffect3(() => {
+  useEffect4(() => {
     if (providers.length === 0) {
       setSnapshot(null);
       return;
@@ -2707,12 +2774,12 @@ function useReview(capabilities = EMPTY) {
       runnerRef.current = null;
     };
   }, [providers, articleId, fileName]);
-  useEffect3(() => {
+  useEffect4(() => {
     revisionRef.current += 1;
     runnerRef.current?.schedule();
   }, [markdownSource]);
-  const findings = useMemo4(() => snapshot?.findings ?? EMPTY_FINDINGS, [snapshot]);
-  useEffect3(() => {
+  const findings = useMemo5(() => snapshot?.findings ?? EMPTY_FINDINGS, [snapshot]);
+  useEffect4(() => {
     if (!tiptapEditor || activeView !== "wysiwyg") return;
     if (findings.length === 0) {
       clearReviewDecorations(tiptapEditor);
@@ -2723,8 +2790,8 @@ function useReview(capabilities = EMPTY) {
       buildWriteViewDecorations(tiptapEditor.state.doc, findings, hueFor)
     );
   }, [tiptapEditor, activeView, findings, hueFor]);
-  const collectionRef = useRef3(null);
-  useEffect3(() => {
+  const collectionRef = useRef4(null);
+  useEffect4(() => {
     if (!monacoEditor || activeView !== "raw") return;
     const model = monacoEditor.getModel();
     if (!model) return;
@@ -2749,40 +2816,40 @@ function useReview(capabilities = EMPTY) {
   const dismissFinding = useCallback4((findingId) => {
     runnerRef.current?.removeFinding(findingId);
   }, []);
-  return useMemo4(
+  return useMemo5(
     () => snapshot ? { ...snapshot, reviewNow, dismissFinding, goToFinding } : null,
     [snapshot, reviewNow, dismissFinding, goToFinding]
   );
 }
 
 // src/review/ReviewContext.tsx
-import { createContext as createContext3, useContext as useContext3 } from "react";
-import { jsx as jsx2 } from "react/jsx-runtime";
-var ReviewStateContext = createContext3(null);
+import { createContext as createContext4, useContext as useContext4 } from "react";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var ReviewStateContext = createContext4(null);
 function useReviewState() {
-  return useContext3(ReviewStateContext);
+  return useContext4(ReviewStateContext);
 }
 function ReviewRoot({
   providers,
   children
 }) {
   const state = useReview(providers);
-  return /* @__PURE__ */ jsx2(ReviewStateContext.Provider, { value: state, children });
+  return /* @__PURE__ */ jsx3(ReviewStateContext.Provider, { value: state, children });
 }
 
 // src/review/ReviewPanel.tsx
-import { jsx as jsx3, jsxs } from "react/jsx-runtime";
+import { jsx as jsx4, jsxs as jsxs2 } from "react/jsx-runtime";
 function ReviewPanel() {
   const state = useReviewState();
   if (!state || state.providers.length === 0) return null;
   const total = state.findings.length;
-  return /* @__PURE__ */ jsxs("aside", { className: "squisq-review-panel", "aria-label": "Review findings", children: [
-    /* @__PURE__ */ jsxs("div", { className: "squisq-review-panel-header", children: [
-      /* @__PURE__ */ jsxs("span", { className: "squisq-review-panel-title", children: [
+  return /* @__PURE__ */ jsxs2("aside", { className: "squisq-review-panel", "aria-label": "Review findings", children: [
+    /* @__PURE__ */ jsxs2("div", { className: "squisq-review-panel-header", children: [
+      /* @__PURE__ */ jsxs2("span", { className: "squisq-review-panel-title", children: [
         "Review",
-        /* @__PURE__ */ jsx3("span", { className: "squisq-review-panel-count", children: total })
+        /* @__PURE__ */ jsx4("span", { className: "squisq-review-panel-count", children: total })
       ] }),
-      /* @__PURE__ */ jsx3(
+      /* @__PURE__ */ jsx4(
         "button",
         {
           type: "button",
@@ -2793,22 +2860,22 @@ function ReviewPanel() {
         }
       )
     ] }),
-    state.providers.map((provider) => /* @__PURE__ */ jsx3(ProviderGroup, { provider, state }, provider.id))
+    state.providers.map((provider) => /* @__PURE__ */ jsx4(ProviderGroup, { provider, state }, provider.id))
   ] });
 }
 function ProviderGroup({
   provider,
   state
 }) {
-  return /* @__PURE__ */ jsxs("section", { className: "squisq-review-panel-group", children: [
-    /* @__PURE__ */ jsx3("h3", { className: "squisq-review-panel-group-title", children: provider.label }),
-    provider.phase === "preparing" && /* @__PURE__ */ jsx3("div", { className: "squisq-review-panel-empty", children: "Preparing\u2026" }),
-    provider.phase === "running" && /* @__PURE__ */ jsx3("div", { className: "squisq-review-panel-empty", children: "Reviewing\u2026" }),
+  return /* @__PURE__ */ jsxs2("section", { className: "squisq-review-panel-group", children: [
+    /* @__PURE__ */ jsx4("h3", { className: "squisq-review-panel-group-title", children: provider.label }),
+    provider.phase === "preparing" && /* @__PURE__ */ jsx4("div", { className: "squisq-review-panel-empty", children: "Preparing\u2026" }),
+    provider.phase === "running" && /* @__PURE__ */ jsx4("div", { className: "squisq-review-panel-empty", children: "Reviewing\u2026" }),
     provider.phase === "error" && // The provider's own message, verbatim: a reviewer that cannot reach
     // its model and one whose engine is missing need different fixes.
-    /* @__PURE__ */ jsx3("div", { className: "squisq-review-panel-empty", role: "status", children: provider.error ?? "Review failed." }),
-    provider.phase === "ready" && provider.findings.length === 0 && /* @__PURE__ */ jsx3("div", { className: "squisq-review-panel-empty", children: "Nothing to report." }),
-    /* @__PURE__ */ jsx3("ul", { className: "squisq-review-panel-list", children: provider.findings.map((finding) => /* @__PURE__ */ jsx3("li", { children: /* @__PURE__ */ jsx3(Row, { finding, onGo: state.goToFinding, onDismiss: state.dismissFinding }) }, finding.id)) })
+    /* @__PURE__ */ jsx4("div", { className: "squisq-review-panel-empty", role: "status", children: provider.error ?? "Review failed." }),
+    provider.phase === "ready" && provider.findings.length === 0 && /* @__PURE__ */ jsx4("div", { className: "squisq-review-panel-empty", children: "Nothing to report." }),
+    /* @__PURE__ */ jsx4("ul", { className: "squisq-review-panel-list", children: provider.findings.map((finding) => /* @__PURE__ */ jsx4("li", { children: /* @__PURE__ */ jsx4(Row, { finding, onGo: state.goToFinding, onDismiss: state.dismissFinding }) }, finding.id)) })
   ] });
 }
 function Row({
@@ -2816,30 +2883,30 @@ function Row({
   onGo,
   onDismiss
 }) {
-  return /* @__PURE__ */ jsxs("div", { className: "squisq-review-panel-row", children: [
-    /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsxs2("div", { className: "squisq-review-panel-row", children: [
+    /* @__PURE__ */ jsxs2(
       "button",
       {
         type: "button",
         className: "squisq-review-panel-row-main",
         onClick: () => onGo(finding.id),
         children: [
-          /* @__PURE__ */ jsx3(
+          /* @__PURE__ */ jsx4(
             "span",
             {
               className: `squisq-review-dot squisq-review-dot--${finding.severity}`,
               "aria-hidden": true
             }
           ),
-          /* @__PURE__ */ jsxs("span", { className: "squisq-review-panel-row-body", children: [
-            /* @__PURE__ */ jsx3("span", { className: "squisq-review-panel-excerpt", children: finding.originalText }),
-            /* @__PURE__ */ jsx3("span", { className: "squisq-review-panel-message", children: finding.message }),
-            finding.rationale && /* @__PURE__ */ jsx3("span", { className: "squisq-review-panel-rationale", children: finding.rationale })
+          /* @__PURE__ */ jsxs2("span", { className: "squisq-review-panel-row-body", children: [
+            /* @__PURE__ */ jsx4("span", { className: "squisq-review-panel-excerpt", children: finding.originalText }),
+            /* @__PURE__ */ jsx4("span", { className: "squisq-review-panel-message", children: finding.message }),
+            finding.rationale && /* @__PURE__ */ jsx4("span", { className: "squisq-review-panel-rationale", children: finding.rationale })
           ] })
         ]
       }
     ),
-    /* @__PURE__ */ jsx3(
+    /* @__PURE__ */ jsx4(
       "button",
       {
         type: "button",
@@ -2854,6 +2921,8 @@ function Row({
 }
 
 export {
+  useEditorInsertMenuItems,
+  EditorInsertMenuItems,
   DictationExtension,
   useDictationState,
   stripFrontmatter,