@bendyline/squisq-editor-react 2.11.22 → 2.11.23

package/dist/{chunk-SFSSWQR3.js → chunk-JGIETDY5.js}

@@ -18,7 +18,7 @@ import {
   useDictationState,
   useEditorContext,
   useEditorContextOptional
-} from "./chunk-UCYZBMCG.js";
+} from "./chunk-TRBNNRLK.js";
 import {
   monacoLanguageRequestKey,
   monacoLanguagesForDocument,
@@ -17938,14 +17938,27 @@ import { useCallback as useCallback30, useEffect as useEffect27, useId as useId1
 
 // src/find/FindHighlightExtension.ts
 import { Extension as Extension3 } from "@tiptap/core";
-import { Plugin as Plugin3, PluginKey as PluginKey3 } from "@tiptap/pm/state";
+import { Plugin as Plugin3, PluginKey as PluginKey3, TextSelection } from "@tiptap/pm/state";
 import { Decoration as Decoration3, DecorationSet as DecorationSet3 } from "@tiptap/pm/view";
 
 // src/find/findModel.ts
-function findTextMatches(text, query) {
-  const needle = query.trim();
-  if (!needle || !text) return [];
-  const matcher = new RegExp(escapeRegExp(needle), "giu");
+var WORD_CHARACTER = /^[\p{L}\p{N}\p{M}_]$/u;
+var WORD_BOUNDARY_BEFORE = "(?<![\\p{L}\\p{N}\\p{M}_])";
+var WORD_BOUNDARY_AFTER = "(?![\\p{L}\\p{N}\\p{M}_])";
+function createFindMatcher(query, options = {}) {
+  const needle = query.trim().normalize("NFC");
+  if (!needle) return null;
+  let source = escapeRegExp(needle);
+  if (options.wholeWord) {
+    const characters = [...needle];
+    if (WORD_CHARACTER.test(characters[0])) source = WORD_BOUNDARY_BEFORE + source;
+    if (WORD_CHARACTER.test(characters[characters.length - 1])) source += WORD_BOUNDARY_AFTER;
+  }
+  return new RegExp(source, options.matchCase ? "gu" : "giu");
+}
+function findTextMatches(text, query, options = {}) {
+  const matcher = text ? createFindMatcher(query, options) : null;
+  if (!matcher) return [];
   const matches = [];
   let match;
   while ((match = matcher.exec(text)) !== null) {
@@ -17958,7 +17971,11 @@ function normalizeFindIndex(index2, count) {
   if (count <= 0) return 0;
   return (index2 % count + count) % count;
 }
-function findProseMirrorMatches(doc, query) {
+function nextFindIndexAfter(matches, offset) {
+  const index2 = matches.findIndex((match) => match.from >= offset);
+  return index2 < 0 ? 0 : index2;
+}
+function findProseMirrorMatches(doc, query, options = {}) {
   const matches = [];
   doc.descendants((node2, blockPos) => {
     if (!node2.isTextblock) return true;
@@ -17974,7 +17991,7 @@ function findProseMirrorMatches(doc, query) {
       }
       return true;
     });
-    for (const match of findTextMatches(text, query)) {
+    for (const match of findTextMatches(text, query, options)) {
       const startSpan = spans.find((span) => match.from >= span.from && match.from < span.to);
       const endOffset = match.to - 1;
       const endSpan = spans.find((span) => endOffset >= span.from && endOffset < span.to);
@@ -17989,13 +18006,13 @@ function findProseMirrorMatches(doc, query) {
   return matches;
 }
 function escapeRegExp(value) {
-  return value.replace(/[.*+?^${}()|[\]\\]/g, "\\$&");
+  return value.replace(/[.*+?^${}()|[\]\\/]/g, "\\$&");
 }
 
 // src/find/FindHighlightExtension.ts
 var FIND_HIGHLIGHT_KEY = new PluginKey3("squisq-find-highlight");
-function buildState(doc, query, selectedIndex) {
-  const matches = findProseMirrorMatches(doc, query);
+function buildState(doc, query, options, selectedIndex) {
+  const matches = findProseMirrorMatches(doc, query, options);
   const selected = normalizeFindIndex(selectedIndex, matches.length);
   const decorations = matches.map(
     (match, index2) => Decoration3.inline(match.from, match.to, {
@@ -18004,6 +18021,7 @@ function buildState(doc, query, selectedIndex) {
   );
   return {
     query,
+    options,
     selectedIndex: selected,
     decorations: DecorationSet3.create(doc, decorations)
   };
@@ -18015,13 +18033,14 @@ var FindHighlightExtension = Extension3.create({
       new Plugin3({
         key: FIND_HIGHLIGHT_KEY,
         state: {
-          init: (_2, state) => buildState(state.doc, "", 0),
+          init: (_2, state) => buildState(state.doc, "", {}, 0),
           apply: (transaction, previous, _oldState, newState) => {
             const meta = transaction.getMeta(FIND_HIGHLIGHT_KEY);
             if (!meta && !transaction.docChanged) return previous;
             return buildState(
               newState.doc,
               meta?.query ?? previous.query,
+              meta?.options ?? previous.options,
               meta?.selectedIndex ?? previous.selectedIndex
             );
           }
@@ -18033,35 +18052,93 @@ var FindHighlightExtension = Extension3.create({
     ];
   }
 });
-function updateTiptapFindHighlights(editor, query, selectedIndex) {
-  const matches = findProseMirrorMatches(editor.state.doc, query);
-  editor.view.dispatch(
-    editor.state.tr.setMeta(FIND_HIGHLIGHT_KEY, {
-      query,
-      selectedIndex: normalizeFindIndex(selectedIndex, matches.length)
-    })
-  );
+function updateTiptapFindHighlights(editor, query, selectedIndex, options = {}, { select = false } = {}) {
+  const matches = findProseMirrorMatches(editor.state.doc, query, options);
+  const selected = normalizeFindIndex(selectedIndex, matches.length);
+  let transaction = editor.state.tr.setMeta(FIND_HIGHLIGHT_KEY, {
+    query,
+    options,
+    selectedIndex: selected
+  });
+  const match = select ? matches[selected] : void 0;
+  if (match) {
+    transaction = transaction.setSelection(
+      TextSelection.create(transaction.doc, match.from, match.to)
+    );
+  }
+  editor.view.dispatch(transaction);
+  return matches.length;
+}
+function replaceTiptapFindMatch(editor, query, selectedIndex, replacement, options = {}) {
+  const matches = findProseMirrorMatches(editor.state.doc, query, options);
+  const match = matches[normalizeFindIndex(selectedIndex, matches.length)];
+  if (!match) return null;
+  const transaction = editor.state.tr.insertText(replacement, match.from, match.to);
+  editor.view.dispatch(transaction);
+  const after = match.from + replacement.length;
+  return nextFindIndexAfter(findProseMirrorMatches(editor.state.doc, query, options), after);
+}
+function replaceAllTiptapFindMatches(editor, query, replacement, options = {}) {
+  const matches = findProseMirrorMatches(editor.state.doc, query, options);
+  if (matches.length === 0) return 0;
+  const transaction = editor.state.tr;
+  for (let index2 = matches.length - 1; index2 >= 0; index2 -= 1) {
+    transaction.insertText(replacement, matches[index2].from, matches[index2].to);
+  }
+  editor.view.dispatch(transaction);
   return matches.length;
 }
 
 // src/find/FindToolbar.tsx
-import { jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
-function FindToolbar({ onClose }) {
-  const { activeView, markdownSource, tiptapEditor, monacoEditor } = useEditorContext();
-  const [query, setQuery] = useState35("");
-  const [selectedIndex, setSelectedIndex] = useState35(0);
+import { Fragment as Fragment14, jsx as jsx45, jsxs as jsxs35 } from "react/jsx-runtime";
+var MAX_SEEDED_QUERY = 200;
+function FindToolbar({
+  onClose,
+  allowReplace = false,
+  replaceOpen = false,
+  onReplaceOpenChange,
+  focusRequest = 0
+}) {
+  const { activeView, markdownSource, tiptapEditor, monacoEditor, findRequest } = useEditorContext();
+  const [initial] = useState35(
+    () => initialFindState(findRequest, activeView, tiptapEditor, monacoEditor)
+  );
+  const [query, setQuery] = useState35(initial.query);
+  const [matchCase, setMatchCase] = useState35(initial.matchCase ?? false);
+  const [wholeWord, setWholeWord] = useState35(initial.wholeWord ?? false);
+  const [selectedIndex, setSelectedIndex] = useState35(initial.occurrence ?? 0);
   const [matchCount, setMatchCount] = useState35(0);
+  const [replacement, setReplacement] = useState35("");
   const inputRef = useRef32(null);
+  const replaceInputRef = useRef32(null);
   const reactId = useId12().replace(/[^a-zA-Z0-9_-]/g, "");
   const previewHighlightName = `squisq-find-${reactId}`;
   const previewSelectedName = `${previewHighlightName}-selected`;
+  const canReplace = allowReplace && activeView !== "preview";
+  const showReplace = canReplace && replaceOpen;
+  const options = { matchCase, wholeWord };
+  const lastNavigationRef = useRef32("");
+  const pendingRevealRef = useRef32(false);
   useEffect27(() => {
     inputRef.current?.focus();
-  }, []);
+    inputRef.current?.select();
+  }, [focusRequest]);
+  useEffect27(() => {
+    if (showReplace) replaceInputRef.current?.focus();
+  }, [showReplace, focusRequest]);
+  const appliedRequestRef = useRef32(findRequest);
+  useEffect27(() => {
+    if (!findRequest || findRequest === appliedRequestRef.current) return;
+    appliedRequestRef.current = findRequest;
+    setQuery(findRequest.query);
+    setMatchCase(findRequest.matchCase ?? false);
+    setWholeWord(findRequest.wholeWord ?? false);
+    setSelectedIndex(findRequest.occurrence ?? 0);
+  }, [findRequest]);
   useEffect27(() => {
     const style = document.createElement("style");
     style.dataset.squisqFindHighlight = reactId;
-    style.textContent = `::highlight(${previewHighlightName}) { background: #fde68a; color: inherit; } ::highlight(${previewSelectedName}) { background: #f59e0b; color: #111827; }`;
+    style.textContent = `::highlight(${previewHighlightName}) { background: var(--squisq-find-match, #fde68a); color: inherit; } ::highlight(${previewSelectedName}) { background: var(--squisq-find-match-current, #f59e0b); color: var(--squisq-find-match-text, #111827); }`;
     document.head.append(style);
     return () => style.remove();
   }, [previewHighlightName, previewSelectedName, reactId]);
@@ -18069,25 +18146,36 @@ function FindToolbar({ onClose }) {
     let cleanup = () => {
     };
     let count = 0;
+    const navigationKey = [activeView, query, matchCase, wholeWord, selectedIndex].join("\0");
+    if (navigationKey !== lastNavigationRef.current) {
+      lastNavigationRef.current = navigationKey;
+      pendingRevealRef.current = true;
+    }
+    const reveal = pendingRevealRef.current;
+    const findOptions = { matchCase, wholeWord };
     if (activeView === "raw" && monacoEditor) {
       const model2 = monacoEditor.getModel();
-      const matches = model2 ? model2.findMatches(query.trim(), false, false, false, null, false) : [];
-      count = query.trim() ? matches.length : 0;
+      const ranges = model2 ? findMonacoRanges(model2, query, findOptions) : [];
+      count = ranges.length;
       const selected = normalizeFindIndex(selectedIndex, count);
       const decorations = monacoEditor.createDecorationsCollection(
-        matches.slice(0, count).map((match, index2) => ({
-          range: match.range,
+        ranges.map((range, index2) => ({
+          range,
           options: monacoDecorationOptions(index2 === selected)
         }))
       );
-      if (count > 0) monacoEditor.revealRangeInCenter(matches[selected].range);
+      if (reveal && count > 0) {
+        monacoEditor.setSelection(ranges[selected]);
+        monacoEditor.revealRangeInCenter(ranges[selected]);
+      }
       cleanup = () => decorations.clear();
     } else if (activeView === "wysiwyg" && tiptapEditor && !tiptapEditor.isDestroyed) {
-      count = updateTiptapFindHighlights(tiptapEditor, query, selectedIndex);
-      const selected = tiptapEditor.view.dom.querySelector(
-        ".squisq-find-match--selected"
-      );
-      selected?.scrollIntoView?.({ block: "center", inline: "nearest" });
+      count = updateTiptapFindHighlights(tiptapEditor, query, selectedIndex, findOptions, {
+        select: reveal
+      });
+      if (reveal) {
+        tiptapEditor.view.dom.querySelector(".squisq-find-match--selected")?.scrollIntoView?.({ block: "center", inline: "nearest" });
+      }
       cleanup = () => {
         if (!tiptapEditor.isDestroyed) updateTiptapFindHighlights(tiptapEditor, "", 0);
       };
@@ -18097,26 +18185,31 @@ function FindToolbar({ onClose }) {
         const result = applyPreviewHighlights(
           root,
           query,
+          findOptions,
           selectedIndex,
           previewHighlightName,
-          previewSelectedName
+          previewSelectedName,
+          reveal
         );
         count = result.count;
         cleanup = result.cleanup;
       }
     }
+    if (count > 0) pendingRevealRef.current = false;
     setMatchCount(count);
-    setSelectedIndex((current) => normalizeFindIndex(current, count));
+    setSelectedIndex((current) => count === 0 ? current : normalizeFindIndex(current, count));
     return cleanup;
   }, [
     activeView,
     markdownSource,
+    matchCase,
     monacoEditor,
     previewHighlightName,
     previewSelectedName,
     query,
     selectedIndex,
-    tiptapEditor
+    tiptapEditor,
+    wholeWord
   ]);
   const moveSelection = useCallback30(
     (delta) => {
@@ -18125,8 +18218,48 @@ function FindToolbar({ onClose }) {
     },
     [matchCount]
   );
+  const replaceCurrent = () => {
+    if (!canReplace || matchCount === 0) return;
+    let next = null;
+    if (activeView === "raw" && monacoEditor) {
+      next = replaceMonacoMatch(monacoEditor, query, selectedIndex, replacement, options);
+    } else if (activeView === "wysiwyg" && tiptapEditor && !tiptapEditor.isDestroyed) {
+      next = replaceTiptapFindMatch(tiptapEditor, query, selectedIndex, replacement, options);
+    }
+    if (next === null) return;
+    pendingRevealRef.current = true;
+    setSelectedIndex(next);
+  };
+  const replaceAll = () => {
+    if (!canReplace || matchCount === 0) return;
+    if (activeView === "raw" && monacoEditor) {
+      replaceAllMonacoMatches(monacoEditor, query, replacement, options);
+    } else if (activeView === "wysiwyg" && tiptapEditor && !tiptapEditor.isDestroyed) {
+      replaceAllTiptapFindMatches(tiptapEditor, query, replacement, options);
+    }
+    setSelectedIndex(0);
+  };
+  const close = () => {
+    if (activeView === "raw") monacoEditor?.focus();
+    else if (activeView === "wysiwyg" && tiptapEditor && !tiptapEditor.isDestroyed) {
+      tiptapEditor.commands.focus();
+    }
+    onClose();
+  };
   const resultLabel = query.trim() === "" ? "0 of 0" : matchCount === 0 ? "No results" : `${normalizeFindIndex(selectedIndex, matchCount) + 1} of ${matchCount}`;
   return /* @__PURE__ */ jsxs35("div", { className: "squisq-find-toolbar", role: "search", "aria-label": "Find in document", children: [
+    canReplace && /* @__PURE__ */ jsx45(
+      "button",
+      {
+        type: "button",
+        className: "squisq-find-button squisq-find-replace-toggle",
+        "aria-label": "Toggle replace",
+        "aria-expanded": showReplace,
+        "data-tooltip": "Toggle replace",
+        onClick: () => onReplaceOpenChange?.(!replaceOpen),
+        children: /* @__PURE__ */ jsx45(Icon, { icon: showReplace ? "fa-solid fa-chevron-down" : "fa-solid fa-chevron-right" })
+      }
+    ),
     /* @__PURE__ */ jsxs35("div", { className: "squisq-find-field", children: [
       /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-magnifying-glass" }),
       /* @__PURE__ */ jsx45(
@@ -18150,13 +18283,43 @@ function FindToolbar({ onClose }) {
               moveSelection(event.shiftKey ? -1 : 1);
             } else if (event.key === "Escape") {
               event.preventDefault();
-              onClose();
+              close();
             }
           }
         }
       ),
       /* @__PURE__ */ jsx45("span", { className: "squisq-find-count", "aria-live": "polite", "aria-atomic": "true", children: resultLabel })
     ] }),
+    /* @__PURE__ */ jsx45(
+      "button",
+      {
+        type: "button",
+        className: "squisq-find-button squisq-find-option",
+        "aria-label": "Match case",
+        "aria-pressed": matchCase,
+        "data-tooltip": "Match case",
+        onClick: () => {
+          setMatchCase((value) => !value);
+          setSelectedIndex(0);
+        },
+        children: /* @__PURE__ */ jsx45("span", { "aria-hidden": "true", children: "Aa" })
+      }
+    ),
+    /* @__PURE__ */ jsx45(
+      "button",
+      {
+        type: "button",
+        className: "squisq-find-button squisq-find-option squisq-find-option--word",
+        "aria-label": "Match whole word",
+        "aria-pressed": wholeWord,
+        "data-tooltip": "Match whole word",
+        onClick: () => {
+          setWholeWord((value) => !value);
+          setSelectedIndex(0);
+        },
+        children: /* @__PURE__ */ jsx45("span", { "aria-hidden": "true", children: "ab" })
+      }
+    ),
     /* @__PURE__ */ jsx45(
       "button",
       {
@@ -18181,6 +18344,59 @@ function FindToolbar({ onClose }) {
         children: /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-chevron-down" })
       }
     ),
+    showReplace && /* @__PURE__ */ jsxs35(Fragment14, { children: [
+      /* @__PURE__ */ jsxs35("div", { className: "squisq-find-field squisq-replace-field", children: [
+        /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-right-left" }),
+        /* @__PURE__ */ jsx45(
+          "input",
+          {
+            ref: replaceInputRef,
+            type: "text",
+            value: replacement,
+            className: "squisq-find-input",
+            "aria-label": "Replace with",
+            placeholder: "Replace",
+            autoComplete: "off",
+            spellCheck: false,
+            onChange: (event) => setReplacement(event.target.value),
+            onKeyDown: (event) => {
+              if (event.key === "Enter") {
+                event.preventDefault();
+                if (event.ctrlKey || event.metaKey) replaceAll();
+                else replaceCurrent();
+              } else if (event.key === "Escape") {
+                event.preventDefault();
+                close();
+              }
+            }
+          }
+        )
+      ] }),
+      /* @__PURE__ */ jsx45(
+        "button",
+        {
+          type: "button",
+          className: "squisq-find-button",
+          "aria-label": "Replace",
+          "data-tooltip": "Replace (Enter)",
+          disabled: matchCount === 0,
+          onClick: replaceCurrent,
+          children: /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-arrow-right-long" })
+        }
+      ),
+      /* @__PURE__ */ jsx45(
+        "button",
+        {
+          type: "button",
+          className: "squisq-find-button",
+          "aria-label": "Replace all",
+          "data-tooltip": "Replace all (Ctrl+Enter)",
+          disabled: matchCount === 0,
+          onClick: replaceAll,
+          children: /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-angles-right" })
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsx45(
       "button",
       {
@@ -18188,19 +18404,81 @@ function FindToolbar({ onClose }) {
         className: "squisq-find-button squisq-find-close",
         "aria-label": "Close find",
         "data-tooltip": "Close find (Esc)",
-        onClick: onClose,
+        onClick: close,
         children: /* @__PURE__ */ jsx45(Icon, { icon: "fa-solid fa-xmark" })
       }
     )
   ] });
 }
+function initialFindState(request, activeView, tiptapEditor, monacoEditor) {
+  if (request) return request;
+  let text = "";
+  let index2 = 0;
+  if (activeView === "raw" && monacoEditor) {
+    const selection = monacoEditor.getSelection();
+    const model2 = monacoEditor.getModel();
+    if (selection && model2 && !selection.isEmpty()) {
+      text = model2.getValueInRange(selection);
+      const start = model2.getOffsetAt(selection.getStartPosition());
+      index2 = nextFindIndexAfter(findTextMatches(model2.getValue(), text), start);
+    }
+  } else if (activeView === "wysiwyg" && tiptapEditor && !tiptapEditor.isDestroyed) {
+    const { from, to } = tiptapEditor.state.selection;
+    if (from !== to) {
+      text = tiptapEditor.state.doc.textBetween(from, to, "\n");
+      index2 = nextFindIndexAfter(findProseMirrorMatches(tiptapEditor.state.doc, text), from);
+    }
+  }
+  if (!text.trim() || text.includes("\n") || text.length > MAX_SEEDED_QUERY) return { query: "" };
+  return { query: text, occurrence: index2 };
+}
+function findMonacoRanges(model2, query, options) {
+  return findTextMatches(model2.getValue(), query, options).map((match) => {
+    const start = model2.getPositionAt(match.from);
+    const end = model2.getPositionAt(match.to);
+    return {
+      startLineNumber: start.lineNumber,
+      startColumn: start.column,
+      endLineNumber: end.lineNumber,
+      endColumn: end.column
+    };
+  });
+}
+function replaceMonacoMatch(editor, query, selectedIndex, replacement, options) {
+  const model2 = editor.getModel();
+  if (!model2) return null;
+  const ranges = findMonacoRanges(model2, query, options);
+  const range = ranges[normalizeFindIndex(selectedIndex, ranges.length)];
+  if (!range) return null;
+  const start = model2.getOffsetAt({ lineNumber: range.startLineNumber, column: range.startColumn });
+  editor.pushUndoStop();
+  editor.executeEdits("squisq-find", [{ range, text: replacement }]);
+  editor.pushUndoStop();
+  return nextFindIndexAfter(
+    findTextMatches(model2.getValue(), query, options),
+    start + replacement.length
+  );
+}
+function replaceAllMonacoMatches(editor, query, replacement, options) {
+  const model2 = editor.getModel();
+  if (!model2) return 0;
+  const ranges = findMonacoRanges(model2, query, options);
+  if (ranges.length === 0) return 0;
+  editor.pushUndoStop();
+  editor.executeEdits(
+    "squisq-find",
+    ranges.map((range) => ({ range, text: replacement }))
+  );
+  editor.pushUndoStop();
+  return ranges.length;
+}
 function monacoDecorationOptions(selected) {
   return {
     inlineClassName: selected ? "squisq-find-match squisq-find-match--selected" : "squisq-find-match"
   };
 }
-function applyPreviewHighlights(root, query, selectedIndex, highlightName, selectedName) {
-  const ranges = collectTextRanges(root, query);
+function applyPreviewHighlights(root, query, options, selectedIndex, highlightName, selectedName, reveal) {
+  const ranges = collectTextRanges(root, query, options);
   const selected = normalizeFindIndex(selectedIndex, ranges.length);
   const css = globalThis.CSS;
   const HighlightConstructor = globalThis.Highlight;
@@ -18208,7 +18486,7 @@ function applyPreviewHighlights(root, query, selectedIndex, highlightName, selec
     css.highlights.set(highlightName, new HighlightConstructor(...ranges));
     if (ranges.length > 0) {
       css.highlights.set(selectedName, new HighlightConstructor(ranges[selected]));
-      scrollRangeIntoView(ranges[selected]);
+      if (reveal) scrollRangeIntoView(ranges[selected]);
     } else {
       css.highlights.delete(selectedName);
     }
@@ -18221,10 +18499,12 @@ function applyPreviewHighlights(root, query, selectedIndex, highlightName, selec
     };
   }
   const marks = markPreviewRanges(ranges, selected);
-  marks.find((mark) => mark.classList.contains("squisq-find-match--selected"))?.scrollIntoView?.({
-    block: "center",
-    inline: "nearest"
-  });
+  if (reveal) {
+    marks.find((mark) => mark.classList.contains("squisq-find-match--selected"))?.scrollIntoView?.({
+      block: "center",
+      inline: "nearest"
+    });
+  }
   return {
     count: ranges.length,
     cleanup: () => {
@@ -18239,7 +18519,7 @@ function applyPreviewHighlights(root, query, selectedIndex, highlightName, selec
     }
   };
 }
-function collectTextRanges(root, query) {
+function collectTextRanges(root, query, options) {
   if (!query.trim()) return [];
   const doc = root.ownerDocument;
   const showText = doc.defaultView?.NodeFilter.SHOW_TEXT ?? 4;
@@ -18252,7 +18532,7 @@ function collectTextRanges(root, query) {
     if (parent && !parent.closest(
       'button, input, textarea, select, script, style, [aria-hidden="true"], [data-squisq-find-ignore]'
     )) {
-      for (const match of findTextMatches(text.data, query)) {
+      for (const match of findTextMatches(text.data, query, options)) {
         const range = doc.createRange();
         range.setStart(text, match.from);
         range.setEnd(text, match.to);
@@ -18665,8 +18945,8 @@ function isTiptapActive(editor, id) {
 }
 
 // src/toolbar/sceneBlockInserts.ts
-import { Fragment as Fragment14 } from "@tiptap/pm/model";
-import { TextSelection } from "@tiptap/pm/state";
+import { Fragment as Fragment15 } from "@tiptap/pm/model";
+import { TextSelection as TextSelection2 } from "@tiptap/pm/state";
 
 // src/codeSnippet/codeSnippetFocus.ts
 var CODE_SNIPPET_FOCUS_INSERTED_META = "squisq-code-snippet-focus-inserted";
@@ -18750,16 +19030,16 @@ function insertChartBlock(editor, opts) {
       const cell = (type, text) => type.create(null, paragraph.create(null, text ? state.schema.text(text) : void 0));
       const headerRow = tableRow.create(
         null,
-        Fragment14.fromArray(opts.table.headers.map((h2) => cell(tableHeader, h2)))
+        Fragment15.fromArray(opts.table.headers.map((h2) => cell(tableHeader, h2)))
       );
       const bodyRows = opts.table.rows.map(
-        (row) => tableRow.create(null, Fragment14.fromArray(row.map((c) => cell(tableCell, c))))
+        (row) => tableRow.create(null, Fragment15.fromArray(row.map((c) => cell(tableCell, c))))
       );
-      nodes.push(table.create(null, Fragment14.fromArray([headerRow, ...bodyRows])));
+      nodes.push(table.create(null, Fragment15.fromArray([headerRow, ...bodyRows])));
     }
     if (dispatch) {
-      tr.insert(insertPos, Fragment14.fromArray(nodes));
-      tr.setSelection(TextSelection.create(tr.doc, insertPos + 1));
+      tr.insert(insertPos, Fragment15.fromArray(nodes));
+      tr.setSelection(TextSelection2.create(tr.doc, insertPos + 1));
     }
     return true;
   }).run();
@@ -18779,7 +19059,7 @@ function insertTemplateHeading(editor, opts) {
     );
     if (dispatch) {
       tr.insert(insertPos, heading);
-      tr.setSelection(TextSelection.create(tr.doc, insertPos + 1));
+      tr.setSelection(TextSelection2.create(tr.doc, insertPos + 1));
     }
     return true;
   }).run();
@@ -18803,8 +19083,8 @@ function insertLayoutBlock(editor) {
     });
     const body = paragraphType.create(null, state.schema.text("Layout"));
     if (dispatch) {
-      tr.insert(insertPos, Fragment14.fromArray([parent, child, body]));
-      tr.setSelection(TextSelection.create(tr.doc, insertPos + 1));
+      tr.insert(insertPos, Fragment15.fromArray([parent, child, body]));
+      tr.setSelection(TextSelection2.create(tr.doc, insertPos + 1));
     }
     return true;
   }).run();
@@ -18921,13 +19201,13 @@ ${chartTableMarkdown(entry.table)}
 }
 
 // src/chart/ChartTypeThumbnail.tsx
-import { Fragment as Fragment15, jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
+import { Fragment as Fragment16, jsx as jsx47, jsxs as jsxs36 } from "react/jsx-runtime";
 function ChartTypeThumbnail({ preview }) {
   const common = { fill: "none", stroke: "currentColor", strokeWidth: 2 };
   let art;
   switch (preview) {
     case "bar":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("path", { d: "M14 8v48" }),
         /* @__PURE__ */ jsx47("rect", { x: "14", y: "12", width: "80", height: "9", fill: "currentColor", opacity: ".55" }),
         /* @__PURE__ */ jsx47("rect", { x: "14", y: "27", width: "52", height: "9", fill: "currentColor", opacity: ".35" }),
@@ -18935,7 +19215,7 @@ function ChartTypeThumbnail({ preview }) {
       ] });
       break;
     case "column":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("path", { d: "M10 54h100" }),
         /* @__PURE__ */ jsx47("rect", { x: "22", y: "26", width: "14", height: "28", fill: "currentColor", opacity: ".45" }),
         /* @__PURE__ */ jsx47("rect", { x: "44", y: "14", width: "14", height: "40", fill: "currentColor", opacity: ".55" }),
@@ -18944,14 +19224,14 @@ function ChartTypeThumbnail({ preview }) {
       ] });
       break;
     case "pie":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("circle", { cx: "60", cy: "32", r: "24" }),
         /* @__PURE__ */ jsx47("path", { d: "M60 32V8a24 24 0 0 1 22.6 31.9Z", fill: "currentColor", opacity: ".45" }),
         /* @__PURE__ */ jsx47("path", { d: "M60 32 82.6 39.9A24 24 0 0 1 46 53.4Z", fill: "currentColor", opacity: ".25" })
       ] });
       break;
     case "donut":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("circle", { cx: "60", cy: "32", r: "24" }),
         /* @__PURE__ */ jsx47("circle", { cx: "60", cy: "32", r: "11" }),
         /* @__PURE__ */ jsx47(
@@ -18965,7 +19245,7 @@ function ChartTypeThumbnail({ preview }) {
       ] });
       break;
     case "line":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("path", { d: "M10 54h100M10 8v46", opacity: ".4" }),
         /* @__PURE__ */ jsx47("path", { d: "M16 46l24-16 24 8 24-20 20 6", strokeWidth: "3" }),
         /* @__PURE__ */ jsx47("circle", { cx: "40", cy: "30", r: "3", fill: "currentColor" }),
@@ -18974,7 +19254,7 @@ function ChartTypeThumbnail({ preview }) {
       ] });
       break;
     case "area":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("path", { d: "M10 54h100", opacity: ".4" }),
         /* @__PURE__ */ jsx47(
           "path",
@@ -18989,7 +19269,7 @@ function ChartTypeThumbnail({ preview }) {
       ] });
       break;
     case "scatter":
-      art = /* @__PURE__ */ jsxs36(Fragment15, { children: [
+      art = /* @__PURE__ */ jsxs36(Fragment16, { children: [
         /* @__PURE__ */ jsx47("path", { d: "M14 8v46h92", opacity: ".4" }),
         /* @__PURE__ */ jsx47("circle", { cx: "30", cy: "42", r: "3.5", fill: "currentColor", opacity: ".5" }),
         /* @__PURE__ */ jsx47("circle", { cx: "42", cy: "30", r: "3.5", fill: "currentColor" }),
@@ -19004,7 +19284,7 @@ function ChartTypeThumbnail({ preview }) {
 }
 
 // src/Toolbar.tsx
-import { Fragment as Fragment16, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
+import { Fragment as Fragment17, jsx as jsx48, jsxs as jsxs37 } from "react/jsx-runtime";
 var BLOCK_META_KEYS = new Set(Object.keys(KNOWN_BLOCK_META_KEYS));
 function findBlockBySourceLine(blocks, lineNumber) {
   for (const block of blocks) {
@@ -19039,6 +19319,9 @@ function keepBlockMetaParamString(inner) {
   const params = keepBlockMetaParamTokens(tokenizeAttrTokens2(inner));
   return params.length > 0 ? params.join(" ") : null;
 }
+function isApplePlatform() {
+  return typeof navigator !== "undefined" && /Mac|iPhone|iPad|iPod/u.test(navigator.platform);
+}
 function Toolbar({
   className,
   showFiles,
@@ -19051,7 +19334,9 @@ function Toolbar({
   showPlayTab = true,
   showFormattingControls = true,
   showInsertControls = true,
-  hostMode = "document"
+  hostMode = "document",
+  readOnly = false,
+  findShortcut = false
 }) {
   const {
     activeView,
@@ -19234,6 +19519,32 @@ function Toolbar({
     closeInsertMenu();
     closeEmojiPicker();
   }, [closeEmojiPicker, closeInsertMenu, findMode]);
+  const toolbarRootRef = useRef33(null);
+  const [replaceOpen, setReplaceOpen] = useState36(false);
+  const [findFocusRequest, setFindFocusRequest] = useState36(0);
+  useEffect28(() => {
+    if (!findMode) setReplaceOpen(false);
+  }, [findMode]);
+  useEffect28(() => {
+    if (!findShortcut || editorMode === "image") return;
+    const apple = isApplePlatform();
+    const onKeyDown = (event) => {
+      if (event.shiftKey) return;
+      const accel = event.ctrlKey || event.metaKey;
+      const find = accel && !event.altKey && event.code === "KeyF";
+      const replace = apple ? event.metaKey && event.altKey && event.code === "KeyF" : event.ctrlKey && !event.altKey && event.code === "KeyH";
+      if (!find && !replace) return;
+      const shell = toolbarRootRef.current?.closest(".squisq-editor-shell");
+      if (!shell || !(event.target instanceof Node) || !shell.contains(event.target)) return;
+      event.preventDefault();
+      event.stopPropagation();
+      if (replace && !readOnly) setReplaceOpen(true);
+      setFindMode(true);
+      setFindFocusRequest((request) => request + 1);
+    };
+    window.addEventListener("keydown", onKeyDown, true);
+    return () => window.removeEventListener("keydown", onKeyDown, true);
+  }, [editorMode, findShortcut, readOnly, setFindMode]);
   const actionsLaneShown = !findMode && activeView !== "preview" && !isCodeMode && (showFormattingControls || showInsertControls);
   const collapsed = new Set(actionsLaneShown && collapsedKey ? collapsedKey.split("|") : []);
   const clippedContextual = new Set(
@@ -20389,6 +20700,7 @@ ${TASK_LIST_MARKDOWN}
   return /* @__PURE__ */ jsxs37(
     "div",
     {
+      ref: toolbarRootRef,
       className: `squisq-toolbar${findMode ? " squisq-toolbar--find" : ""} ${className || ""}`,
       role: "toolbar",
       "aria-label": findMode ? "Find toolbar" : showFormattingControls ? "Formatting toolbar" : "Editor toolbar",
@@ -20422,7 +20734,16 @@ ${TASK_LIST_MARKDOWN}
         ),
         !findMode && slotLeft,
         /* @__PURE__ */ jsx48(EditorViewTabs, { showPlayTab, hostMode }),
-        findMode ? /* @__PURE__ */ jsx48(FindToolbar, { onClose: () => setFindMode(false) }) : slotAfterTabs,
+        findMode ? /* @__PURE__ */ jsx48(
+          FindToolbar,
+          {
+            onClose: () => setFindMode(false),
+            allowReplace: !readOnly,
+            replaceOpen: replaceOpen && !readOnly,
+            onReplaceOpenChange: setReplaceOpen,
+            focusRequest: findFocusRequest
+          }
+        ) : slotAfterTabs,
         actionsLaneShown && /* @__PURE__ */ jsxs37("div", { className: "squisq-toolbar-actions", ref: actionsRef, children: [
           showFormattingControls && groups.map((group) => /* @__PURE__ */ jsxs37(
             "div",
@@ -20831,7 +21152,7 @@ ${TASK_LIST_MARKDOWN}
                     ]
                   }
                 ),
-                showBlockSectionInOverflow && /* @__PURE__ */ jsxs37(Fragment16, { children: [
+                showBlockSectionInOverflow && /* @__PURE__ */ jsxs37(Fragment17, { children: [
                   /* @__PURE__ */ jsx48(
                     "div",
                     {
@@ -20866,7 +21187,7 @@ ${TASK_LIST_MARKDOWN}
                     accentColor: previewSettings?.activeTheme.colors.primary
                   }
                 ) }),
-                showFormattingControls && isInTable && clippedContextual.has("table") && /* @__PURE__ */ jsxs37(Fragment16, { children: [
+                showFormattingControls && isInTable && clippedContextual.has("table") && /* @__PURE__ */ jsxs37(Fragment17, { children: [
                   /* @__PURE__ */ jsx48(
                     "div",
                     {
@@ -20923,7 +21244,7 @@ ${TASK_LIST_MARKDOWN}
         !findMode && slotAfterActions,
         isCodeMode && !findMode && /* @__PURE__ */ jsx48("div", { style: { flex: 1 } }),
         versioning && !isCodeMode && /* @__PURE__ */ jsx48(VersionHistoryPanel, {}),
-        allowRecording && !isCodeMode && mediaProvider && /* @__PURE__ */ jsxs37(Fragment16, { children: [
+        allowRecording && !isCodeMode && mediaProvider && /* @__PURE__ */ jsxs37(Fragment17, { children: [
           /* @__PURE__ */ jsx48(RecorderEntry, { open: recorderOpen, onOpenChange: setRecorderOpen, showTrigger: false }),
           /* @__PURE__ */ jsx48(
             RecorderEntry,
@@ -21021,7 +21342,7 @@ ${TASK_LIST_MARKDOWN}
               },
               role: "menu",
               children: [
-                showConvertActions && /* @__PURE__ */ jsxs37(Fragment16, { children: [
+                showConvertActions && /* @__PURE__ */ jsxs37(Fragment17, { children: [
                   /* @__PURE__ */ jsx48("div", { className: "squisq-insert-menu-header", children: "Convert" }),
                   CONVERT_BUTTONS.map((btn) => {
                     const label = btn.id === "table" ? "Table" : "Task List";
@@ -26917,7 +27238,7 @@ function setMermaidFlowchartDirection(source, direction) {
 
 // src/mermaid/MermaidDiagramWidget.tsx
 import { DEFAULT_THEME as DEFAULT_THEME3 } from "@bendyline/squisq/doc";
-import { Fragment as Fragment17, jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
+import { Fragment as Fragment18, jsx as jsx56, jsxs as jsxs44 } from "react/jsx-runtime";
 var MIN_DIAGRAM_HEIGHT2 = 160;
 var DEFAULT_DIAGRAM_HEIGHT2 = 420;
 var DIRECTION_PICKER_WIDTH = 344;
@@ -27579,7 +27900,7 @@ function MermaidPropertiesPalette({
             }
           ),
           /* @__PURE__ */ jsx56("span", { children: property.label })
-        ] }) : /* @__PURE__ */ jsxs44(Fragment17, { children: [
+        ] }) : /* @__PURE__ */ jsxs44(Fragment18, { children: [
           /* @__PURE__ */ jsx56("span", { children: property.label }),
           property.type === "select" ? /* @__PURE__ */ jsx56(
             "select",
@@ -29836,7 +30157,7 @@ var VideoEmbedExtension = Extension11.create({
 });
 
 // src/videoEmbed/videoEmbedPaste.ts
-import { TextSelection as TextSelection2 } from "@tiptap/pm/state";
+import { TextSelection as TextSelection3 } from "@tiptap/pm/state";
 import { parseVideoEmbedInput as parseVideoEmbedInput3 } from "@bendyline/squisq/markdown";
 function looksLikeEmbedCode(text) {
   return /^<(?!https?:)/i.test(text) && /<iframe\b/i.test(text);
@@ -29858,7 +30179,7 @@ function insertTopLevelBlock(state, node2) {
       tr.insert(start, node2);
     }
   }
-  tr.setSelection(TextSelection2.near(tr.doc.resolve(start + node2.nodeSize - 1), -1));
+  tr.setSelection(TextSelection3.near(tr.doc.resolve(start + node2.nodeSize - 1), -1));
   return tr.scrollIntoView();
 }
 function pasteVideoEmbedCode(view, text) {
@@ -31102,7 +31423,7 @@ function applyTimelineCommand(editor, blockId, command) {
 }
 
 // src/timeline/TimelineEditorWidget.tsx
-import { Fragment as Fragment18, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
+import { Fragment as Fragment19, jsx as jsx61, jsxs as jsxs48 } from "react/jsx-runtime";
 var clamp01 = (value) => Math.max(0, Math.min(1, value));
 function TimelineEditorWidget({ editor, blockId }) {
   const view = useTimelineData(editor, blockId);
@@ -31323,7 +31644,7 @@ function TimelineEditorWidget({ editor, blockId }) {
                         onFinish: () => setEditingTrackId(null)
                       }
                     ),
-                    editable ? /* @__PURE__ */ jsxs48(Fragment18, { children: [
+                    editable ? /* @__PURE__ */ jsxs48(Fragment19, { children: [
                       /* @__PURE__ */ jsx61(
                         "button",
                         {
@@ -32289,7 +32610,7 @@ function normalizeMalformedAssetUrl(src) {
 }
 
 // src/ImageNodeView.tsx
-import { Fragment as Fragment19, jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
+import { Fragment as Fragment20, jsx as jsx63, jsxs as jsxs50 } from "react/jsx-runtime";
 function ImageComponent({ node: node2, selected, editor, updateAttributes }) {
   const { src, alt, title, width } = node2.attrs;
   const { mediaProvider, imageDisplayMode, openImageEdit, mediaRevision } = useEditorContext();
@@ -32416,11 +32737,11 @@ function ImageComponent({ node: node2, selected, editor, updateAttributes }) {
                   strokeLinecap: "round",
                   strokeLinejoin: "round",
                   "aria-hidden": "true",
-                  children: failed ? /* @__PURE__ */ jsxs50(Fragment19, { children: [
+                  children: failed ? /* @__PURE__ */ jsxs50(Fragment20, { children: [
                     /* @__PURE__ */ jsx63("rect", { x: "3", y: "3", width: "18", height: "18", rx: "3" }),
                     /* @__PURE__ */ jsx63("circle", { cx: "8", cy: "8", r: "1.5" }),
                     /* @__PURE__ */ jsx63("path", { d: "m4 17 5-5 4 4 3-3 4 4M3 3l18 18" })
-                  ] }) : /* @__PURE__ */ jsxs50(Fragment19, { children: [
+                  ] }) : /* @__PURE__ */ jsxs50(Fragment20, { children: [
                     /* @__PURE__ */ jsx63("path", { d: "M6 3h12M6 21h12M7 3v4c0 2 3 3 5 5-2 2-5 3-5 5v4M17 3v4c0 2-3 3-5 5 2 2 5 3 5 5v4" }),
                     /* @__PURE__ */ jsx63("path", { d: "M9 6h6M9 18h6" })
                   ] })
@@ -32471,7 +32792,7 @@ function ImageComponent({ node: node2, selected, editor, updateAttributes }) {
             ]
           }
         ),
-        showResize && /* @__PURE__ */ jsxs50(Fragment19, { children: [
+        showResize && /* @__PURE__ */ jsxs50(Fragment20, { children: [
           /* @__PURE__ */ jsx63(
             "span",
             {
@@ -32603,7 +32924,7 @@ function usePlaybackSrc(src, kind, fx) {
 }
 
 // src/mediaEdit/MediaEditButton.tsx
-import { Fragment as Fragment20, jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
+import { Fragment as Fragment21, jsx as jsx64, jsxs as jsxs51 } from "react/jsx-runtime";
 function MediaEditButton({ src, kind, fx, className }) {
   const editor = useEditorContextOptional();
   const manager = editor?.mediaEditRenders;
@@ -32624,7 +32945,7 @@ function MediaEditButton({ src, kind, fx, className }) {
       onClick: () => editor.openMediaEdit({ src, kind }),
       children: [
         kind === "video" ? "Edit clip" : "Edit audio",
-        progress && /* @__PURE__ */ jsxs51(Fragment20, { children: [
+        progress && /* @__PURE__ */ jsxs51(Fragment21, { children: [
           /* @__PURE__ */ jsx64("span", { className: "squisq-media-edit-button__spinner", "aria-hidden": "true" }),
           /* @__PURE__ */ jsxs51("span", { className: "squisq-media-edit-button__progress", children: [
             /* @__PURE__ */ jsx64("span", { className: "squisq-sr-only", children: ", processing " }),
@@ -34463,7 +34784,7 @@ function usePreviewProjection(doc, transformStyle, workspaceContainer, documentT
 }
 
 // src/InlinePreviewGutter.tsx
-import { Fragment as Fragment21, jsx as jsx68, jsxs as jsxs55 } from "react/jsx-runtime";
+import { Fragment as Fragment22, jsx as jsx68, jsxs as jsxs55 } from "react/jsx-runtime";
 function isAnnotated(block) {
   const annotation = block.sourceHeading?.templateAnnotation;
   if (!annotation) return false;
@@ -34849,7 +35170,7 @@ function InlinePreviewGutter({
               children: [
                 /* @__PURE__ */ jsxs55("div", { className: "squisq-inline-preview-card-label", children: [
                   /* @__PURE__ */ jsx68("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
-                  item.headingText && /* @__PURE__ */ jsxs55(Fragment21, { children: [
+                  item.headingText && /* @__PURE__ */ jsxs55(Fragment22, { children: [
                     /* @__PURE__ */ jsx68("span", { className: "squisq-inline-preview-card-sep", children: "\u2014" }),
                     /* @__PURE__ */ jsx68("span", { className: "squisq-inline-preview-card-title", children: item.headingText })
                   ] })
@@ -35671,7 +35992,7 @@ function CodeContextSectionView({
 }
 
 // src/codeContext/CodeContextZones.tsx
-import { Fragment as Fragment22, jsx as jsx71 } from "react/jsx-runtime";
+import { Fragment as Fragment23, jsx as jsx71 } from "react/jsx-runtime";
 function CodeContextZones({ options }) {
   const { monacoEditor } = useEditorContext();
   const [manager, setManager] = useState65(null);
@@ -35740,7 +36061,7 @@ function CodeContextZones({ options }) {
     [monacoEditor]
   );
   if (!manager) return null;
-  return /* @__PURE__ */ jsx71(Fragment22, { children: resolved.map(({ section }) => {
+  return /* @__PURE__ */ jsx71(Fragment23, { children: resolved.map(({ section }) => {
     const domNode = manager.getDomNode(section.id);
     if (!domNode) return null;
     return createPortal14(
@@ -36311,7 +36632,7 @@ function timelineBars(clips) {
 // src/TimelineItemMenu.tsx
 import { useEffect as useEffect56, useLayoutEffect as useLayoutEffect11, useRef as useRef54, useState as useState67 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
-import { Fragment as Fragment23, jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment24, jsx as jsx73, jsxs as jsxs59 } from "react/jsx-runtime";
 function TimelineItemMenu({
   anchor,
   target,
@@ -36384,7 +36705,7 @@ function TimelineItemMenu({
               onStartTime: onBlockStartTime,
               onTransition: onBlockTransition
             }
-          ) : /* @__PURE__ */ jsxs59(Fragment23, { children: [
+          ) : /* @__PURE__ */ jsxs59(Fragment24, { children: [
             /* @__PURE__ */ jsx73(VideoMenu, { target, onPatch: onVideoPatch }),
             onEditMedia && /* @__PURE__ */ jsx73(
               "button",
@@ -36530,7 +36851,7 @@ function VideoMenu({
         }
       )
     ] }),
-    placed && /* @__PURE__ */ jsxs59(Fragment23, { children: [
+    placed && /* @__PURE__ */ jsxs59(Fragment24, { children: [
       /* @__PURE__ */ jsxs59("label", { className: "squisq-timeline-item-menu-check", children: [
         /* @__PURE__ */ jsx73(
           "input",
@@ -36548,7 +36869,7 @@ function VideoMenu({
         ),
         /* @__PURE__ */ jsx73("span", { children: "Lock to block" })
       ] }),
-      placement === "picture-in-picture" && /* @__PURE__ */ jsxs59(Fragment23, { children: [
+      placement === "picture-in-picture" && /* @__PURE__ */ jsxs59(Fragment24, { children: [
         /* @__PURE__ */ jsxs59("label", { className: "squisq-timeline-item-menu-field", children: [
           /* @__PURE__ */ jsx73("span", { className: "squisq-timeline-item-menu-label", children: "PIP size" }),
           /* @__PURE__ */ jsxs59(
@@ -39306,7 +39627,7 @@ function collectSlideshowDataSources(doc) {
 }
 
 // src/slideshow/SlideshowDataGrid.tsx
-import { Fragment as Fragment24, jsx as jsx82 } from "react/jsx-runtime";
+import { Fragment as Fragment25, jsx as jsx82 } from "react/jsx-runtime";
 var EMPTY_CONTEXT = {
   container: null,
   mediaRevision: 0,
@@ -39436,7 +39757,7 @@ function SlideshowDataGridRenderer({
   const initialView = ready?.initialView ?? EMPTY_VIEW;
   const [view, setView] = useState72(initialView);
   useEffect62(() => setView(initialView), [initialView, provider]);
-  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx82(Fragment24, { children: fallback });
+  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx82(Fragment25, { children: fallback });
   const { style } = layer.content;
   const rowHeight = Math.max(32, style.fontSize * 2.1);
   const footerHeight = Math.max(28, style.fontSize * 1.5);
@@ -40319,7 +40640,7 @@ ${formatSize(entry.size)}`,
 
 // src/DropZoneOverlay.tsx
 import { useState as useState75 } from "react";
-import { Fragment as Fragment25, jsx as jsx85, jsxs as jsxs69 } from "react/jsx-runtime";
+import { Fragment as Fragment26, jsx as jsx85, jsxs as jsxs69 } from "react/jsx-runtime";
 function DropZoneOverlay({
   dragContentType,
   zoneProps,
@@ -40340,7 +40661,7 @@ function DropZoneOverlay({
         variant: "media"
       }
     ),
-    showText && /* @__PURE__ */ jsxs69(Fragment25, { children: [
+    showText && /* @__PURE__ */ jsxs69(Fragment26, { children: [
       /* @__PURE__ */ jsx85(
         DropZone,
         {
@@ -40835,7 +41156,7 @@ function centeredCrop(ratio, frameWidth, frameHeight) {
 }
 
 // src/mediaEdit/MediaEditAudioSection.tsx
-import { Fragment as Fragment26, jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx89, jsxs as jsxs71 } from "react/jsx-runtime";
 var STAGES = [
   {
     id: "highpass",
@@ -41142,7 +41463,7 @@ function MediaEditAudioSection({
           children: previewing ? "Rendering preview\u2026" : preview ? "Update preview" : "Create preview"
         }
       ) }),
-      preview != null && player.duration > 0 && /* @__PURE__ */ jsxs71(Fragment26, { children: [
+      preview != null && player.duration > 0 && /* @__PURE__ */ jsxs71(Fragment27, { children: [
         /* @__PURE__ */ jsxs71("div", { className: "squisq-media-edit-playback", "data-playing": player.playing ?? void 0, children: [
           /* @__PURE__ */ jsx89("span", { className: "squisq-media-edit-playback__label", children: player.playing ? `${player.playing === "original" ? "Original" : "Processed"} from ${Math.round(preview.startSec)} s` : "Stopped" }),
           /* @__PURE__ */ jsx89(
@@ -41488,7 +41809,7 @@ function MediaEditFrameSection({ item, draft, onChange }) {
 }
 
 // src/mediaEdit/MediaEditModal.tsx
-import { Fragment as Fragment27, jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx92, jsxs as jsxs74 } from "react/jsx-runtime";
 var TABS = [
   { id: "audio", label: "Audio cleanup" },
   { id: "timing", label: "Timing" },
@@ -41523,16 +41844,16 @@ function RenderStatusText({
 }) {
   switch (status.state) {
     case "ready":
-      return /* @__PURE__ */ jsx92(Fragment27, { children: "Processed audio is in use." });
+      return /* @__PURE__ */ jsx92(Fragment28, { children: "Processed audio is in use." });
     case "queued":
-      return /* @__PURE__ */ jsx92(Fragment27, { children: "Waiting to process\u2026" });
+      return /* @__PURE__ */ jsx92(Fragment28, { children: "Waiting to process\u2026" });
     case "rendering":
-      return /* @__PURE__ */ jsxs74(Fragment27, { children: [
+      return /* @__PURE__ */ jsxs74(Fragment28, { children: [
         "Processing\u2026 ",
         percent(status)
       ] });
     case "failed":
-      return /* @__PURE__ */ jsxs74(Fragment27, { children: [
+      return /* @__PURE__ */ jsxs74(Fragment28, { children: [
         "Processing failed: ",
         status.error,
         " ",
@@ -41620,7 +41941,7 @@ function MediaEditModal({ target, onClose }) {
                 }
               )
             ] }),
-            !item ? /* @__PURE__ */ jsx92("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx92("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs74(Fragment27, { children: [
+            !item ? /* @__PURE__ */ jsx92("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx92("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs74(Fragment28, { children: [
               /* @__PURE__ */ jsx92("div", { className: "squisq-media-edit-tabs", role: "tablist", "aria-label": "Edit sections", children: tabs.map((tab, index2) => {
                 const selected = tab.id === activeTab;
                 const edited = tabHasEdits(tab.id, draft);
@@ -41983,7 +42304,7 @@ import {
   createMediaEditRenderManager,
   useProcessedAudio as useProcessedAudio4
 } from "@bendyline/squisq-video-react/media-edit";
-import { Fragment as Fragment28, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx93, jsxs as jsxs75 } from "react/jsx-runtime";
 function EditorShell({
   initialMarkdown = "",
   initialView = "wysiwyg",
@@ -42039,6 +42360,8 @@ function EditorShell({
   language,
   findMode,
   onFindModeChange,
+  findRequest,
+  findShortcut = false,
   mentionProvider,
   proofing = null,
   proofingDefaultEnabled = true,
@@ -42122,6 +42445,7 @@ function EditorShell({
       language,
       findMode,
       onFindModeChange,
+      findRequest,
       inlinePreview,
       showStatusBar,
       outline,
@@ -42170,6 +42494,7 @@ function EditorShell({
           thinMargins,
           writeCanvasSettings,
           readOnly,
+          findShortcut,
           imageSrc,
           imageAlt,
           imageMode,
@@ -42193,7 +42518,7 @@ function UseModeToolbarControls({
 }) {
   const printMode = usePrintMode();
   if (printMode.active) return /* @__PURE__ */ jsx93(PrintPreviewToolbar, {});
-  return /* @__PURE__ */ jsxs75(Fragment28, { children: [
+  return /* @__PURE__ */ jsxs75(Fragment29, { children: [
     /* @__PURE__ */ jsx93(PreviewToolbarControls, { summarizationDesigner }),
     /* @__PURE__ */ jsx93(PresentationModeControl, {}),
     allowPrint && /* @__PURE__ */ jsx93(PrintModeControl, {})
@@ -42253,6 +42578,7 @@ function EditorShellInner({
   thinMargins,
   writeCanvasSettings,
   readOnly,
+  findShortcut,
   imageSrc,
   imageAlt,
   imageMode,
@@ -42630,7 +42956,9 @@ function EditorShellInner({
                       showPlayTab,
                       showFormattingControls,
                       showInsertControls,
-                      hostMode
+                      hostMode,
+                      readOnly,
+                      findShortcut
                     }
                   ) }),
                   /* @__PURE__ */ jsxs75(