@bendyline/squisq-editor-react 2.11.0 → 2.11.1

package/dist/{chunk-FT5F2EGI.js → chunk-4KE4HP3W.js}

@@ -6,7 +6,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-TCLNRATG.js";
+} from "./chunk-A2W4GYPG.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -395,6 +395,7 @@ function EditorProvider({
   proofingIgnoreStore = null,
   documentLinkProvider = null,
   fenceRenderers = null,
+  onCopyCode,
   linkSchemes,
   allowRecording = true,
   allowNarrate = true,
@@ -892,6 +893,7 @@ function EditorProvider({
       articleId,
       documentLinkProvider,
       fenceRenderers,
+      onCopyCode,
       linkSchemes,
       fileName,
       saveCoverImageOutput,
@@ -962,6 +964,7 @@ function EditorProvider({
       articleId,
       documentLinkProvider,
       fenceRenderers,
+      onCopyCode,
       linkSchemes,
       fileName,
       saveCoverImageOutput,
@@ -5327,6 +5330,10 @@ function collectTextblockRuns(doc) {
     let text = "";
     node2.descendants((child, offset) => {
       if (child.isText && child.text) {
+        if (child.marks.some((mark) => mark.type.name === "code")) {
+          text += " ".repeat(child.text.length);
+          return true;
+        }
         const from = text.length;
         text += child.text;
         spans.push({ from, to: text.length, docFrom: pos + 1 + offset });
@@ -5603,7 +5610,9 @@ function useProofing() {
         if (!editor || !model2) return;
         const versionId = model2.getVersionId();
         const source = model2.getValue();
-        const { text: blankedText, blanked } = blankProtectedSpans(source);
+        const { text: blankedText, blanked } = blankProtectedSpans(source, {
+          markdownCode: true
+        });
         const results = await provider.lint(blankedText, { language: "markdown" });
         if (passId !== passIdRef.current) return;
         if (monacoRef.current !== editor || editor.getModel() !== model2) return;
@@ -11413,25 +11422,182 @@ var SPECIAL_FENCE_LANGUAGES = /* @__PURE__ */ new Set([
   "timeline",
   "mermaid"
 ]);
-var MONACO_LANGUAGE_ALIASES2 = {
-  c: "c",
-  "c++": "cpp",
-  "c#": "csharp",
+var FENCE_LANGUAGE_ALIASES = {
+  cc: "cpp",
+  cjs: "javascript",
+  console: "bash",
+  containerfile: "dockerfile",
   cs: "csharp",
+  cts: "typescript",
+  "c#": "csharp",
+  "c++": "cpp",
   cxx: "cpp",
   docker: "dockerfile",
+  golang: "go",
+  hh: "cpp",
+  hpp: "cpp",
   htm: "html",
   js: "javascript",
-  jsx: "javascript",
-  jsonc: "json",
+  ksh: "bash",
+  kt: "kotlin",
+  kts: "kotlin",
   md: "markdown",
+  mjs: "javascript",
+  mts: "typescript",
   py: "python",
+  python3: "python",
   rb: "ruby",
-  sh: "shell",
-  shell: "shell",
+  rs: "rust",
+  sh: "bash",
+  shell: "bash",
   ts: "typescript",
-  tsx: "typescript",
-  yml: "yaml"
+  yml: "yaml",
+  zsh: "bash"
+};
+var EXTRA_LANGUAGE_LABELS = {
+  apache: "Apache",
+  asm: "Assembly",
+  assembly: "Assembly",
+  astro: "Astro",
+  bat: "Batch",
+  batch: "Batch",
+  c: "C",
+  clj: "Clojure",
+  cljs: "ClojureScript",
+  clojure: "Clojure",
+  cmake: "CMake",
+  cmd: "Batch",
+  cobol: "COBOL",
+  crystal: "Crystal",
+  csv: "CSV",
+  dart: "Dart",
+  diff: "Diff",
+  dot: "Graphviz",
+  elisp: "Emacs Lisp",
+  elixir: "Elixir",
+  erl: "Erlang",
+  erlang: "Erlang",
+  ex: "Elixir",
+  exs: "Elixir",
+  fish: "Fish",
+  fortran: "Fortran",
+  fs: "F#",
+  fsharp: "F#",
+  "f#": "F#",
+  gql: "GraphQL",
+  gradle: "Gradle",
+  graphql: "GraphQL",
+  graphviz: "Graphviz",
+  groovy: "Groovy",
+  h: "C",
+  handlebars: "Handlebars",
+  haskell: "Haskell",
+  hbs: "Handlebars",
+  hcl: "HCL",
+  hs: "Haskell",
+  http: "HTTP",
+  ini: "INI",
+  jade: "Pug",
+  jl: "Julia",
+  jsonl: "JSON Lines",
+  julia: "Julia",
+  kql: "Kusto",
+  kusto: "Kusto",
+  latex: "LaTeX",
+  less: "Less",
+  lisp: "Lisp",
+  lua: "Lua",
+  make: "Makefile",
+  makefile: "Makefile",
+  matlab: "MATLAB",
+  mysql: "MySQL",
+  ndjson: "JSON Lines",
+  nginx: "nginx",
+  nim: "Nim",
+  objc: "Objective-C",
+  "objective-c": "Objective-C",
+  objectivec: "Objective-C",
+  ocaml: "OCaml",
+  pascal: "Pascal",
+  patch: "Diff",
+  perl: "Perl",
+  pgsql: "PostgreSQL",
+  pl: "Perl",
+  plsql: "PL/SQL",
+  postgres: "PostgreSQL",
+  postgresql: "PostgreSQL",
+  powershell: "PowerShell",
+  prisma: "Prisma",
+  prolog: "Prolog",
+  proto: "Protocol Buffers",
+  protobuf: "Protocol Buffers",
+  ps1: "PowerShell",
+  psql: "PostgreSQL",
+  pug: "Pug",
+  pwsh: "PowerShell",
+  r: "R",
+  racket: "Racket",
+  razor: "Razor",
+  regex: "Regex",
+  sass: "Sass",
+  scala: "Scala",
+  scheme: "Scheme",
+  scss: "SCSS",
+  sol: "Solidity",
+  solidity: "Solidity",
+  sqlite: "SQLite",
+  stylus: "Stylus",
+  svelte: "Svelte",
+  svg: "SVG",
+  tex: "LaTeX",
+  terraform: "Terraform",
+  tf: "Terraform",
+  toml: "TOML",
+  tsql: "T-SQL",
+  tsv: "TSV",
+  vb: "Visual Basic",
+  vbnet: "Visual Basic",
+  verilog: "Verilog",
+  vhdl: "VHDL",
+  "visual-basic": "Visual Basic",
+  vue: "Vue",
+  wasm: "WebAssembly",
+  wat: "WebAssembly",
+  xml: "XML",
+  zig: "Zig"
+};
+var MONACO_LANGUAGE_ALIASES2 = {
+  batch: "bat",
+  c: "c",
+  clj: "clojure",
+  cljs: "clojure",
+  cmd: "bat",
+  ex: "elixir",
+  exs: "elixir",
+  fs: "fsharp",
+  "f#": "fsharp",
+  gql: "graphql",
+  hbs: "handlebars",
+  jade: "pug",
+  jl: "julia",
+  jsonl: "json",
+  jsx: "javascript",
+  ndjson: "json",
+  objc: "objective-c",
+  objectivec: "objective-c",
+  pl: "perl",
+  postgres: "pgsql",
+  postgresql: "pgsql",
+  proto: "protobuf",
+  ps1: "powershell",
+  psql: "pgsql",
+  pwsh: "powershell",
+  sol: "solidity",
+  svg: "xml",
+  terraform: "hcl",
+  tf: "hcl",
+  vbnet: "vb",
+  "visual-basic": "vb"
 };
 function codeSnippetFenceLanguageToken(language) {
   if (typeof language !== "string") return "";
@@ -11441,16 +11607,25 @@ function isCodeSnippetFenceLanguage(language) {
   const token = codeSnippetFenceLanguageToken(language);
   return token.length > 0 && !SPECIAL_FENCE_LANGUAGES.has(token);
 }
+function catalogEntryForToken(token) {
+  const direct = BY_FENCE_LANGUAGE.get(token);
+  if (direct) return direct;
+  const canonical = FENCE_LANGUAGE_ALIASES[token];
+  return canonical ? BY_FENCE_LANGUAGE.get(canonical) : void 0;
+}
 function monacoLanguageForFence(language) {
   const token = codeSnippetFenceLanguageToken(language);
-  const catalogEntry = BY_FENCE_LANGUAGE.get(token);
+  const catalogEntry = catalogEntryForToken(token);
   return (catalogEntry?.monacoLanguage ?? MONACO_LANGUAGE_ALIASES2[token] ?? token) || "plaintext";
 }
 function codeSnippetLanguageLabel(language) {
   const token = codeSnippetFenceLanguageToken(language);
-  const catalogEntry = BY_FENCE_LANGUAGE.get(token);
+  const catalogEntry = catalogEntryForToken(token);
   if (catalogEntry) return catalogEntry.label;
-  return token ? token.replace(/(^|[-_])([a-z])/g, (_match, _prefix, letter) => letter.toUpperCase()) : "Code";
+  const friendlyName = EXTRA_LANGUAGE_LABELS[token];
+  if (friendlyName) return friendlyName;
+  if (!token) return "Code";
+  return token.split(/[-_.]+/).filter((word) => word.length > 0).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
 function codeSnippetMarkdown(language, source) {
   return `
@@ -12772,6 +12947,14 @@ function anchorOffsets(anchor, w, h2) {
 // src/scene/SceneViewport.tsx
 import { forwardRef, useId as useId7 } from "react";
 import { jsx as jsx25, jsxs as jsxs20 } from "react/jsx-runtime";
+var BASE_GRID_STEP = 24;
+var MIN_SCREEN_STEP = 18;
+var MAX_DOT_RADIUS = 2;
+function dotGrid(scale) {
+  let step = BASE_GRID_STEP * (Number.isFinite(scale) && scale > 0 ? scale : 1);
+  for (let i = 0; i < 8 && step < MIN_SCREEN_STEP; i++) step *= 2;
+  return { step, radius: Math.min(MAX_DOT_RADIUS, step / BASE_GRID_STEP) };
+}
 var SceneViewport = forwardRef(function SceneViewport2({
   width,
   height,
@@ -12789,6 +12972,7 @@ var SceneViewport = forwardRef(function SceneViewport2({
 }, ref) {
   const t = transform;
   const gridId = `squisq-scene-dot-grid-${useId7().replace(/:/g, "")}`;
+  const grid = dotGrid(t.scale);
   const groupTransform = `translate(${t.tx} ${t.ty}) scale(${t.scale})`;
   return /* @__PURE__ */ jsxs20(
     "svg",
@@ -12815,10 +12999,10 @@ var SceneViewport = forwardRef(function SceneViewport2({
             id: gridId,
             x: t.tx,
             y: t.ty,
-            width: 24 * t.scale,
-            height: 24 * t.scale,
+            width: grid.step,
+            height: grid.step,
             patternUnits: "userSpaceOnUse",
-            children: /* @__PURE__ */ jsx25("circle", { cx: 1, cy: 1, r: 1, className: "squisq-scene-dot" })
+            children: /* @__PURE__ */ jsx25("circle", { cx: grid.radius, cy: grid.radius, r: grid.radius, className: "squisq-scene-dot" })
           }
         ) }),
         /* @__PURE__ */ jsx25("rect", { width: "100%", height: "100%", fill: `url(#${gridId})` }),
@@ -21013,6 +21197,7 @@ import {
   useState as useState36
 } from "react";
 import { createPortal as createPortal11 } from "react-dom";
+import { CellSelection } from "@tiptap/pm/tables";
 import { jsx as jsx46, jsxs as jsxs36 } from "react/jsx-runtime";
 var EditorContextMenuRegistry = createContext6(null);
 var ownsContextMenuProps = { "data-editor-context-menu": "own" };
@@ -21088,6 +21273,88 @@ function shouldShowItem(item, context) {
 function resolveDisabled(item, context) {
   return typeof item.disabled === "function" ? item.disabled(context) : Boolean(item.disabled);
 }
+function tableActionScope(editor, context) {
+  if (context.view !== "wysiwyg" || !editor?.view.dom.contains(context.target)) return null;
+  const cell = context.target.closest("td, th");
+  if (!cell || !editor.view.dom.contains(cell)) return null;
+  const { selection } = editor.state;
+  if (!(selection instanceof CellSelection)) return { row: true, column: true };
+  const selectsRows = selection.isRowSelection();
+  const selectsColumns = selection.isColSelection();
+  return {
+    row: selectsRows || !selectsColumns,
+    column: selectsColumns || !selectsRows
+  };
+}
+function tableMenuItems(editor, context) {
+  const scope = tableActionScope(editor, context);
+  if (!scope || !editor) return [];
+  const disabled = !context.editable;
+  const items = [];
+  if (scope.row) {
+    items.push(
+      {
+        id: "squisq.table.insert-row-above",
+        label: "Insert row above",
+        group: "table-row",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().addRowBefore().run();
+        }
+      },
+      {
+        id: "squisq.table.insert-row-below",
+        label: "Insert row below",
+        group: "table-row",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().addRowAfter().run();
+        }
+      },
+      {
+        id: "squisq.table.delete-row",
+        label: "Delete this row",
+        group: "table-row",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().deleteRow().run();
+        }
+      }
+    );
+  }
+  if (scope.column) {
+    items.push(
+      {
+        id: "squisq.table.insert-column-left",
+        label: "Insert column to the left",
+        group: "table-column",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().addColumnBefore().run();
+        }
+      },
+      {
+        id: "squisq.table.insert-column-right",
+        label: "Insert column to the right",
+        group: "table-column",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().addColumnAfter().run();
+        }
+      },
+      {
+        id: "squisq.table.delete-column",
+        label: "Delete column",
+        group: "table-column",
+        disabled,
+        onSelect: () => {
+          editor.chain().focus().deleteColumn().run();
+        }
+      }
+    );
+  }
+  return items;
+}
 function shortcutModifier() {
   return /Mac|iPhone|iPad/.test(navigator.platform) ? "\u2318" : "Ctrl+";
 }
@@ -21260,15 +21527,16 @@ function EditorContextMenuProvider({
           onSelect: interaction.paste
         }
       ];
+      const tableItems = tableMenuItems(tiptapEditor, context);
       const hostItems = Array.from(itemGettersRef.current).flatMap((getItems) => getItems());
-      const items = [...baseItems, ...hostItems].filter((item) => shouldShowItem(item, context)).map((item) => ({ item, disabled: resolveDisabled(item, context) }));
+      const items = [...baseItems, ...tableItems, ...hostItems].filter((item) => shouldShowItem(item, context)).map((item) => ({ item, disabled: resolveDisabled(item, context) }));
       if (!items.some((item) => !item.disabled)) return false;
       const nextMenu = { context, items, x: clientX, y: clientY, error: null };
       setMenuStyle(computeMenuStyle(nextMenu));
       setMenu(nextMenu);
       return true;
     },
-    [buildInteraction]
+    [buildInteraction, tiptapEditor]
   );
   useEffect28(() => {
     const root = rootRef.current;
@@ -27414,7 +27682,7 @@ import { createElement as createElement10 } from "react";
 import { createRoot as createRoot4 } from "react-dom/client";
 
 // src/codeSnippet/CodeSnippetWidget.tsx
-import { useCallback as useCallback37, useEffect as useEffect37, useState as useState47 } from "react";
+import { useCallback as useCallback37, useEffect as useEffect37, useRef as useRef39, useState as useState47 } from "react";
 
 // src/codeSnippet/codeSnippetData.ts
 import { useEffect as useEffect36, useMemo as useMemo34, useState as useState46 } from "react";
@@ -27485,6 +27753,26 @@ function useHostColorScheme(host) {
   }, [host]);
   return scheme;
 }
+var COPY_LABELS = {
+  idle: "Copy",
+  copied: "Copied",
+  failed: "Copy failed"
+};
+var COPY_ICONS = {
+  idle: "fa-regular fa-copy",
+  copied: "fa-solid fa-check",
+  failed: "fa-solid fa-triangle-exclamation"
+};
+async function writeSnippetToClipboard(source, language, handler) {
+  if (handler) {
+    await handler(source, language ? { language } : {});
+    return;
+  }
+  if (typeof navigator === "undefined" || !navigator.clipboard?.writeText) {
+    throw new Error("Clipboard access is unavailable in this host");
+  }
+  await navigator.clipboard.writeText(source);
+}
 function useEditorEditable(editor) {
   const [editable, setEditable] = useState47(editor.isEditable);
   useEffect37(() => {
@@ -27502,13 +27790,36 @@ function CodeSnippetWidget({
   editor,
   blockId,
   host,
-  focusOnMount = false
+  focusOnMount = false,
+  onCopyCode
 }) {
   const data = useCodeSnippetData(editor, blockId);
   const { ready } = useMonacoLoader(data?.monacoLanguage);
   const colorScheme = useHostColorScheme(host);
   const editable = useEditorEditable(editor);
   const [modelInstanceId] = useState47(allocateCodeSnippetModelInstanceId);
+  const [copyStatus, setCopyStatus] = useState47("idle");
+  const copyResetTimer = useRef39();
+  const sourceRef = useRef39("");
+  sourceRef.current = data?.source ?? "";
+  const languageRef = useRef39("");
+  languageRef.current = data?.fenceLanguage ?? "";
+  useEffect37(
+    () => () => {
+      if (copyResetTimer.current !== void 0) clearTimeout(copyResetTimer.current);
+    },
+    []
+  );
+  const handleCopy = useCallback37(async () => {
+    try {
+      await writeSnippetToClipboard(sourceRef.current, languageRef.current, onCopyCode?.());
+      setCopyStatus("copied");
+    } catch {
+      setCopyStatus("failed");
+    }
+    if (copyResetTimer.current !== void 0) clearTimeout(copyResetTimer.current);
+    copyResetTimer.current = setTimeout(() => setCopyStatus("idle"), 1600);
+  }, [onCopyCode]);
   const handleChange = useCallback37(
     (value) => {
       if (!editable) return;
@@ -27534,10 +27845,28 @@ function CodeSnippetWidget({
       "data-language": data.fenceLanguage,
       style: { height: codeSnippetAutoHeight(data.source) },
       children: [
-        /* @__PURE__ */ jsx53("div", { className: "squisq-code-snippet-header", children: /* @__PURE__ */ jsxs42("span", { className: "squisq-code-snippet-title", children: [
-          /* @__PURE__ */ jsx53(Icon, { icon: "fa-solid fa-file-code" }),
-          /* @__PURE__ */ jsx53("span", { children: data.label })
-        ] }) }),
+        /* @__PURE__ */ jsxs42("div", { className: "squisq-code-snippet-header", children: [
+          /* @__PURE__ */ jsxs42("span", { className: "squisq-code-snippet-title", children: [
+            /* @__PURE__ */ jsx53(Icon, { icon: "fa-solid fa-file-code" }),
+            /* @__PURE__ */ jsx53("span", { children: data.label })
+          ] }),
+          /* @__PURE__ */ jsxs42(
+            "button",
+            {
+              type: "button",
+              className: "squisq-code-snippet-copy",
+              "data-copy-state": copyStatus,
+              onClick: () => void handleCopy(),
+              onMouseDown: (event) => event.preventDefault(),
+              title: COPY_LABELS[copyStatus],
+              "aria-label": "Copy " + data.label + " snippet to clipboard",
+              children: [
+                /* @__PURE__ */ jsx53(Icon, { icon: COPY_ICONS[copyStatus] }),
+                /* @__PURE__ */ jsx53("span", { children: COPY_LABELS[copyStatus] })
+              ]
+            }
+          )
+        ] }),
         /* @__PURE__ */ jsx53("div", { className: "squisq-code-snippet-editor", "aria-label": `${data.label} code editor`, children: ready && colorScheme !== null ? /* @__PURE__ */ jsx53(
           Ft,
           {
@@ -27581,7 +27910,7 @@ function findCodeSnippetBlockPos(editor, blockId) {
   const state = CODE_SNIPPET_KEY.getState(editor.state);
   return state?.entries.find((entry) => entry.id === blockId)?.pos ?? null;
 }
-function buildDecorations5(doc, entries, editor, focusBlockId = null, reserved) {
+function buildDecorations5(doc, entries, editor, focusBlockId = null, reserved, onCopyCode) {
   const decorations = [];
   for (const entry of entries) {
     const node2 = doc.nodeAt(entry.pos);
@@ -27607,7 +27936,8 @@ function buildDecorations5(doc, entries, editor, focusBlockId = null, reserved)
               editor,
               blockId,
               host: view.dom.parentElement ?? view.dom,
-              focusOnMount: entry.id === focusBlockId
+              focusOnMount: entry.id === focusBlockId,
+              onCopyCode
             })
           );
           container.__squisqCodeSnippetRoot = { root };
@@ -27656,7 +27986,7 @@ function remapEntries2(tr, previous, doc, reserved) {
   });
   return { entries, seq };
 }
-function applyState4(tr, previous, editor, doc, reserved) {
+function applyState4(tr, previous, editor, doc, reserved, onCopyCode) {
   if (!tr.docChanged) return previous;
   const { entries, seq } = remapEntries2(tr, previous, doc, reserved);
   const requestedFocusPos = tr.getMeta(CODE_SNIPPET_FOCUS_INSERTED_META);
@@ -27665,7 +27995,7 @@ function applyState4(tr, previous, editor, doc, reserved) {
     entries,
     seq,
     focusBlockId,
-    decorations: buildDecorations5(doc, entries, editor, focusBlockId, reserved)
+    decorations: buildDecorations5(doc, entries, editor, focusBlockId, reserved, onCopyCode)
   };
 }
 var CodeSnippetExtension = Extension7.create({
@@ -27677,6 +28007,7 @@ var CodeSnippetExtension = Extension7.create({
     if (this.options.enabled === false) return [];
     const editor = this.editor;
     const reserved = this.options.reservedLanguages && this.options.reservedLanguages.length > 0 ? new Set(this.options.reservedLanguages.map((lang) => codeSnippetFenceLanguageToken(lang))) : void 0;
+    const onCopyCode = this.options.onCopyCode;
     return [
       new Plugin7({
         key: CODE_SNIPPET_KEY,
@@ -27694,10 +28025,10 @@ var CodeSnippetExtension = Extension7.create({
               entries,
               seq,
               focusBlockId: null,
-              decorations: buildDecorations5(state.doc, entries, editor, null, reserved)
+              decorations: buildDecorations5(state.doc, entries, editor, null, reserved, onCopyCode)
             };
           },
-          apply: (tr, previous, _oldState, newState) => applyState4(tr, previous, editor, newState.doc, reserved)
+          apply: (tr, previous, _oldState, newState) => applyState4(tr, previous, editor, newState.doc, reserved, onCopyCode)
         },
         props: {
           decorations(state) {
@@ -28557,7 +28888,7 @@ async function createXlsxFormulaSession(meta, options = {}) {
 }
 
 // src/dataCard/DataCardWidget.tsx
-import { useCallback as useCallback38, useEffect as useEffect39, useMemo as useMemo36, useRef as useRef39, useState as useState49 } from "react";
+import { useCallback as useCallback38, useEffect as useEffect39, useMemo as useMemo36, useRef as useRef40, useState as useState49 } from "react";
 import { EMPTY_TABLE_VIEW_STATE } from "@bendyline/squisq/table";
 
 // src/dataCard/DataCardExtension.ts
@@ -28749,7 +29080,7 @@ function DataCardWidget({
   const [saving, setSaving] = useState49(false);
   const [saveNotice, setSaveNotice] = useState49(null);
   const [formulaDirty, setFormulaDirty] = useState49(0);
-  const gridRef = useRef39(null);
+  const gridRef = useRef40(null);
   const href = link?.href ?? null;
   const cardPos = link?.pos ?? null;
   useEffect39(() => {
@@ -29012,7 +29343,7 @@ import {
 } from "@bendyline/squisq/doc";
 
 // src/treeview/TreeOutlineWidget.tsx
-import { useCallback as useCallback39, useRef as useRef40, useState as useState50 } from "react";
+import { useCallback as useCallback39, useRef as useRef41, useState as useState50 } from "react";
 
 // src/treeview/treeViewCommands.ts
 import { parseTree, renderTree } from "@bendyline/squisq/doc";
@@ -29250,7 +29581,7 @@ function dropPositionForPointer(event) {
 function TreeOutlineWidget({ editor, blockId }) {
   const view = useTreeViewData(editor, blockId);
   const [collapsed, setCollapsed] = useState50(() => /* @__PURE__ */ new Set());
-  const activeDragRef = useRef40(null);
+  const activeDragRef = useRef41(null);
   const [draggedId, setDraggedId] = useState50(null);
   const [dropTarget, setDropTarget] = useState50(null);
   const dispatch = useCallback39(
@@ -29730,7 +30061,7 @@ function shouldPasteAsTreeFence(text) {
 }
 
 // src/timeline/timelineData.ts
-import { useEffect as useEffect42, useMemo as useMemo39, useRef as useRef42, useState as useState53 } from "react";
+import { useEffect as useEffect42, useMemo as useMemo39, useRef as useRef43, useState as useState53 } from "react";
 
 // src/timeline/TimelineViewExtension.ts
 import { Extension as Extension12 } from "@tiptap/core";
@@ -29745,7 +30076,7 @@ import {
 } from "@bendyline/squisq/doc";
 
 // src/timeline/TimelineEditorWidget.tsx
-import { useCallback as useCallback40, useEffect as useEffect41, useMemo as useMemo38, useRef as useRef41, useState as useState52 } from "react";
+import { useCallback as useCallback40, useEffect as useEffect41, useMemo as useMemo38, useRef as useRef42, useState as useState52 } from "react";
 import {
   asciiTimelineToTemplateData
 } from "@bendyline/squisq/doc";
@@ -30234,7 +30565,7 @@ function TimelineEditorWidget({ editor, blockId }) {
   const [editingTrackId, setEditingTrackId] = useState52(null);
   const [hover, setHover] = useState52(null);
   const [dragged, setDragged] = useState52(null);
-  const suppressClickEventId = useRef41(null);
+  const suppressClickEventId = useRef42(null);
   const [announcement, setAnnouncement] = useState52("");
   const dispatch = useCallback40(
     (command) => {
@@ -31085,7 +31416,7 @@ var TimelineViewExtension = Extension12.create({
 // src/timeline/timelineData.ts
 function useTimelineData(editor, blockId) {
   const [version, setVersion] = useState53(0);
-  const dataCache = useRef42(null);
+  const dataCache = useRef43(null);
   useEffect42(() => {
     const onEditorChange = () => setVersion((value) => value + 1);
     editor.on("transaction", onEditorChange);
@@ -31121,7 +31452,7 @@ function shouldPasteAsTimelineFence(text) {
 }
 
 // src/BlockPropertiesPopover.tsx
-import { useEffect as useEffect43, useId as useId13, useRef as useRef43, useState as useState54 } from "react";
+import { useEffect as useEffect43, useId as useId13, useRef as useRef44, useState as useState54 } from "react";
 import { createPortal as createPortal12 } from "react-dom";
 import { jsx as jsx58, jsxs as jsxs46 } from "react/jsx-runtime";
 var TRANSITION_FLYOUT = ".squisq-transition-flyout";
@@ -31135,7 +31466,7 @@ function BlockPropertiesPopover({
   accentColor,
   onClose
 }) {
-  const panelRef = useRef43(null);
+  const panelRef = useRef44(null);
   const panelId = `squisq-block-props-portal-${useId13().replace(/:/g, "")}`;
   const [inner, setInner] = useState54(blockAttrs);
   const [templateInner, setTemplateInner] = useState54(templateParams);
@@ -31305,7 +31636,7 @@ function persistFromWrite(bodyMd, state) {
 }
 
 // src/WysiwygEditor.tsx
-import { useCallback as useCallback41, useEffect as useEffect47, useMemo as useMemo40, useRef as useRef45, useState as useState58 } from "react";
+import { useCallback as useCallback41, useEffect as useEffect47, useMemo as useMemo40, useRef as useRef46, useState as useState58 } from "react";
 import { useEditor as useEditor2, EditorContent as EditorContent2 } from "@tiptap/react";
 import { Selection } from "@tiptap/pm/state";
 import StarterKit2 from "@tiptap/starter-kit";
@@ -31393,7 +31724,7 @@ var InlineIcon = Node2.create({
 });
 
 // src/ImageNodeView.tsx
-import { useEffect as useEffect44, useRef as useRef44, useState as useState55 } from "react";
+import { useEffect as useEffect44, useRef as useRef45, useState as useState55 } from "react";
 import { NodeViewWrapper, ReactNodeViewRenderer } from "@tiptap/react";
 import Image from "@tiptap/extension-image";
 
@@ -31415,7 +31746,7 @@ function ImageComponent({ node: node2, selected, editor, updateAttributes }) {
   const { mediaProvider, imageDisplayMode, openImageEdit, mediaRevision } = useEditorContext();
   const [resolvedSrc, setResolvedSrc] = useState55(src);
   const [hovered, setHovered] = useState55(false);
-  const imgRef = useRef44(null);
+  const imgRef = useRef45(null);
   const [previewWidth, setPreviewWidth] = useState55(null);
   const isThumbnail = imageDisplayMode === "thumbnail";
   const isEditable = editor?.isEditable ?? true;
@@ -32322,6 +32653,7 @@ function WysiwygEditor({
     mediaProvider,
     mentionProvider,
     fenceRenderers,
+    onCopyCode,
     blockTagVisibility,
     themeInheritance,
     colorScheme,
@@ -32334,10 +32666,10 @@ function WysiwygEditor({
   } = useEditorContext();
   const wrapPolicyEnabled = preserveSourceWrapping && layoutMode === "document";
   const previewSettings = usePreviewSettingsOptional();
-  const setEditorSourceRef = useRef45(setEditorSource);
+  const setEditorSourceRef = useRef46(setEditorSource);
   setEditorSourceRef.current = setEditorSource;
   const activeTheme = previewSettings?.activeTheme;
-  const mermaidThemeStoreRef = useRef45(null);
+  const mermaidThemeStoreRef = useRef46(null);
   if (mermaidThemeStoreRef.current === null) {
     mermaidThemeStoreRef.current = createMermaidThemeStore(activeTheme ?? DEFAULT_THEME4);
   }
@@ -32361,40 +32693,44 @@ function WysiwygEditor({
     },
     [docTemplates, onDocTemplatesChange]
   );
-  const mentionProviderRef = useRef45(mentionProvider);
+  const mentionProviderRef = useRef46(mentionProvider);
   useEffect47(() => {
     mentionProviderRef.current = mentionProvider;
   }, [mentionProvider]);
-  const fenceRenderersRef = useRef45(fenceRenderers);
+  const fenceRenderersRef = useRef46(fenceRenderers);
   useEffect47(() => {
     fenceRenderersRef.current = fenceRenderers;
   }, [fenceRenderers]);
-  const activeThemeRef = useRef45(activeTheme);
+  const onCopyCodeRef = useRef46(onCopyCode);
+  useEffect47(() => {
+    onCopyCodeRef.current = onCopyCode;
+  }, [onCopyCode]);
+  const activeThemeRef = useRef46(activeTheme);
   useEffect47(() => {
     activeThemeRef.current = activeTheme;
   }, [activeTheme]);
   const resolvedPlaceholder = useMemo40(() => placeholder ?? pickEmptyPrompt(), [placeholder]);
-  const isExternalUpdate = useRef45(false);
-  const lastSourceRef = useRef45(editorSource);
-  const pendingLocalSourcesRef = useRef45([]);
-  const mediaProviderRef = useRef45(mediaProvider);
-  const mediaRevisionRef = useRef45(mediaRevision);
+  const isExternalUpdate = useRef46(false);
+  const lastSourceRef = useRef46(editorSource);
+  const pendingLocalSourcesRef = useRef46([]);
+  const mediaProviderRef = useRef46(mediaProvider);
+  const mediaRevisionRef = useRef46(mediaRevision);
   useEffect47(() => {
     mediaRevisionRef.current = mediaRevision;
   }, [mediaRevision]);
-  const onOpenFilesPanelRef = useRef45(onOpenFilesPanel);
+  const onOpenFilesPanelRef = useRef46(onOpenFilesPanel);
   useEffect47(() => {
     onOpenFilesPanelRef.current = onOpenFilesPanel;
   }, [onOpenFilesPanel]);
-  const calcEngineFactoryRef = useRef45(calcEngineFactory);
+  const calcEngineFactoryRef = useRef46(calcEngineFactory);
   useEffect47(() => {
     calcEngineFactoryRef.current = calcEngineFactory;
   }, [calcEngineFactory]);
-  const workspaceContainerRef = useRef45(workspaceContainer);
+  const workspaceContainerRef = useRef46(workspaceContainer);
   useEffect47(() => {
     workspaceContainerRef.current = workspaceContainer;
   }, [workspaceContainer]);
-  const bumpMediaRevisionRef = useRef45(bumpMediaRevision);
+  const bumpMediaRevisionRef = useRef46(bumpMediaRevision);
   useEffect47(() => {
     bumpMediaRevisionRef.current = bumpMediaRevision;
   }, [bumpMediaRevision]);
@@ -32420,9 +32756,9 @@ function WysiwygEditor({
       cancelled = true;
     };
   }, [mediaProvider, mediaRevision]);
-  const frontmatterRef = useRef45(stripFrontmatter(editorSource).frontmatter);
-  const wrapStateRef = useRef45(null);
-  const initialDisplayBodyRef = useRef45(void 0);
+  const frontmatterRef = useRef46(stripFrontmatter(editorSource).frontmatter);
+  const wrapStateRef = useRef46(null);
+  const initialDisplayBodyRef = useRef46(void 0);
   if (initialDisplayBodyRef.current === void 0) {
     const body = stripFrontmatter(editorSource).body;
     if (wrapPolicyEnabled) {
@@ -32433,7 +32769,7 @@ function WysiwygEditor({
       initialDisplayBodyRef.current = body;
     }
   }
-  const submitOnEnterRef = useRef45(submitOnEnter);
+  const submitOnEnterRef = useRef46(submitOnEnter);
   useEffect47(() => {
     submitOnEnterRef.current = submitOnEnter;
   }, [submitOnEnter]);
@@ -32454,7 +32790,8 @@ function WysiwygEditor({
       AsciiDiagramExtension.configure({ textChannel: sceneTextChannel }),
       MermaidDiagramExtension.configure({ themeStore: mermaidThemeStore }),
       CodeSnippetExtension.configure({
-        reservedLanguages: fenceRendererLangs(fenceRenderers ?? void 0)
+        reservedLanguages: fenceRendererLangs(fenceRenderers ?? void 0),
+        onCopyCode: () => onCopyCodeRef.current
       }),
       HostFenceExtension.configure({
         renderers: () => fenceRenderersRef.current ?? void 0,
@@ -32653,7 +32990,7 @@ function WysiwygEditor({
   useEffect47(() => {
     if (editor) editor.setEditable(!readOnly);
   }, [editor, readOnly]);
-  const containerRef = useRef45(null);
+  const containerRef = useRef46(null);
   const [badgeMenu, setBadgeMenu] = useState58(null);
   const [propsMenu, setPropsMenu] = useState58(null);
   const closeBadgeMenu = useCallback41(() => {
@@ -32975,7 +33312,7 @@ function moveSelectionToDropPoint(view, event) {
 }
 
 // src/InlinePreviewGutter.tsx
-import { useLayoutEffect as useLayoutEffect9, useMemo as useMemo42, useRef as useRef46, useState as useState60 } from "react";
+import { useLayoutEffect as useLayoutEffect9, useMemo as useMemo42, useRef as useRef47, useState as useState60 } from "react";
 import { VIEWPORT_PRESETS as VIEWPORT_PRESETS5 } from "@bendyline/squisq/schemas";
 import {
   flattenBlocks as flattenBlocks4,
@@ -33351,7 +33688,7 @@ function InlinePreviewGutter({
   mediaProvider = null
 }) {
   const { doc } = useEditorContext();
-  const gutterRef = useRef46(null);
+  const gutterRef = useRef47(null);
   const { entries: headingEntries, scrollToBlock } = useHeadingLayout(gutterRef);
   const previewSettings = usePreviewSettingsOptional();
   const activeTheme = previewSettings?.activeTheme ?? DEFAULT_THEME5;
@@ -33604,7 +33941,7 @@ import {
   useCallback as useCallback43,
   useEffect as useEffect49,
   useMemo as useMemo43,
-  useRef as useRef47,
+  useRef as useRef48,
   useState as useState61
 } from "react";
 import { flattenBlocks as flattenBlocks5, hasTemplate as hasTemplate2 } from "@bendyline/squisq/doc";
@@ -33724,18 +34061,18 @@ function OutlinePanel({ width, className, readOnly = false }) {
     monacoEditor,
     tiptapEditor
   } = useEditorContext();
-  const paneRef = useRef47(null);
+  const paneRef = useRef48(null);
   const cursorActiveId = useActiveOutlineBlockId();
-  const activeDragRef = useRef47(null);
+  const activeDragRef = useRef48(null);
   const [draggedBlockId, setDraggedBlockId] = useState61(null);
   const [dropTarget, setDropTarget] = useState61(null);
   const nextOutlineBlocks = doc?.blocks ?? EMPTY_BLOCKS;
-  const outlineBlocksRef = useRef47(nextOutlineBlocks);
+  const outlineBlocksRef = useRef48(nextOutlineBlocks);
   if (!sameOutlineStructure(outlineBlocksRef.current, nextOutlineBlocks)) {
     outlineBlocksRef.current = nextOutlineBlocks;
   }
   const outlineBlocks = outlineBlocksRef.current;
-  const interactionRef = useRef47({
+  const interactionRef = useRef48({
     doc,
     markdownSource,
     setMarkdownSource,
@@ -34058,7 +34395,7 @@ function OutlineNode({
 function useActiveOutlineBlockId() {
   const { doc, activeView, tiptapEditor, monacoEditor } = useEditorContext();
   const flatBlocks = useMemo43(() => doc ? flattenBlocks5(doc.blocks) : [], [doc]);
-  const flatBlocksRef = useRef47(flatBlocks);
+  const flatBlocksRef = useRef48(flatBlocks);
   flatBlocksRef.current = flatBlocks;
   const headingLocations = flatBlocks.map((block) => `${block.id}:${block.sourceHeading?.position?.start.line ?? ""}`).join("\0");
   const [activeId, setActiveId] = useState61(null);
@@ -34174,7 +34511,7 @@ function bumpHeadingLevelInSource(source, line, delta) {
 }
 
 // src/codeContext/CodeContextZones.tsx
-import { useCallback as useCallback45, useEffect as useEffect51, useMemo as useMemo45, useRef as useRef49, useState as useState62 } from "react";
+import { useCallback as useCallback45, useEffect as useEffect51, useMemo as useMemo45, useRef as useRef50, useState as useState62 } from "react";
 import { createPortal as createPortal13 } from "react-dom";
 
 // src/codeContext/diffContextSections.ts
@@ -34298,7 +34635,7 @@ function setOrdinal(zone, ordinal) {
 // src/codeContext/CodeContextSectionView.tsx
 import { parseMarkdown as parseMarkdown8 } from "@bendyline/squisq/markdown";
 import { MarkdownRenderer } from "@bendyline/squisq-react";
-import { useCallback as useCallback44, useEffect as useEffect50, useMemo as useMemo44, useRef as useRef48 } from "react";
+import { useCallback as useCallback44, useEffect as useEffect50, useMemo as useMemo44, useRef as useRef49 } from "react";
 import { jsx as jsx65, jsxs as jsxs52 } from "react/jsx-runtime";
 function CodeContextSectionView({
   section,
@@ -34309,7 +34646,7 @@ function CodeContextSectionView({
   onRevealLine,
   onMeasure
 }) {
-  const rootRef = useRef48(null);
+  const rootRef = useRef49(null);
   const stripNodes = useMemo44(
     () => parseMarkdown8(section.summaryMarkdown).children,
     [section.summaryMarkdown]
@@ -34393,7 +34730,7 @@ function CodeContextZones({ options }) {
   const [manager, setManager] = useState62(null);
   const [, setZonesVersion] = useState62(0);
   const [expandedById, setExpandedById] = useState62({});
-  const seenIds = useRef49(/* @__PURE__ */ new Set());
+  const seenIds = useRef50(/* @__PURE__ */ new Set());
   useEffect51(() => {
     if (!monacoEditor) return;
     const mgr = new CodeContextZoneManager(monacoEditor);
@@ -34853,7 +35190,7 @@ function placeClipInBlock(source, fromLine, targetHeadingLine, spec, startAt) {
 }
 
 // src/TimelineTrack.tsx
-import { useCallback as useCallback47, useEffect as useEffect54, useMemo as useMemo46, useRef as useRef52, useState as useState65 } from "react";
+import { useCallback as useCallback47, useEffect as useEffect54, useMemo as useMemo46, useRef as useRef53, useState as useState65 } from "react";
 import {
   resolveMediaSchedule as resolveMediaSchedule2,
   getDocPlaybackDuration,
@@ -34978,7 +35315,7 @@ function collectTimelinePlaybackSchedule(doc, scheduled) {
 }
 
 // src/useTimelineClock.ts
-import { useCallback as useCallback46, useEffect as useEffect52, useRef as useRef50, useState as useState63 } from "react";
+import { useCallback as useCallback46, useEffect as useEffect52, useRef as useRef51, useState as useState63 } from "react";
 function advanceTime(prev, dt, total) {
   if (total <= 0) return 0;
   return Math.min(total, Math.max(0, prev + dt));
@@ -35000,11 +35337,11 @@ function playTimelineMediaAt(root, time) {
 function useTimelineClock(total) {
   const [currentTime, setCurrentTime] = useState63(0);
   const [isPlaying, setIsPlaying] = useState63(false);
-  const rafRef = useRef50(null);
-  const lastRef = useRef50(0);
-  const currentTimeRef = useRef50(0);
-  const isPlayingRef = useRef50(false);
-  const mediaHostRef = useRef50(null);
+  const rafRef = useRef51(null);
+  const lastRef = useRef51(0);
+  const currentTimeRef = useRef51(0);
+  const isPlayingRef = useRef51(false);
+  const mediaHostRef = useRef51(null);
   currentTimeRef.current = currentTime;
   isPlayingRef.current = isPlaying;
   useEffect52(() => {
@@ -35072,7 +35409,7 @@ function timelineMediaLabel(src, kind) {
 }
 
 // src/TimelineItemMenu.tsx
-import { useEffect as useEffect53, useLayoutEffect as useLayoutEffect10, useRef as useRef51, useState as useState64 } from "react";
+import { useEffect as useEffect53, useLayoutEffect as useLayoutEffect10, useRef as useRef52, useState as useState64 } from "react";
 import { createPortal as createPortal14 } from "react-dom";
 import { Fragment as Fragment20, jsx as jsx68, jsxs as jsxs54 } from "react/jsx-runtime";
 function TimelineItemMenu({
@@ -35086,7 +35423,7 @@ function TimelineItemMenu({
   onVideoPatch,
   onClose
 }) {
-  const panelRef = useRef51(null);
+  const panelRef = useRef52(null);
   const [style, setStyle] = useState64(() => menuStyle(anchor));
   useLayoutEffect10(() => {
     const panel = panelRef.current;
@@ -35515,7 +35852,7 @@ function TimelineTrack({
   const [drag, setDrag] = useState65(null);
   const [itemMenu, setItemMenu] = useState65(null);
   const [pxPerSecond, setPxPerSecond] = useState65(DEFAULT_PX_PER_SECOND);
-  const scrollRef = useRef52(null);
+  const scrollRef = useRef53(null);
   const blocks = useMemo46(() => doc ? flattenBlocks6(doc.blocks) : [], [doc]);
   const previewSettings = usePreviewSettingsOptional();
   const previewTheme = previewSettings?.activeTheme ?? DEFAULT_THEME6;
@@ -35585,7 +35922,7 @@ function TimelineTrack({
     },
     [blocks]
   );
-  const followedBlockRef = useRef52(null);
+  const followedBlockRef = useRef53(null);
   useEffect54(() => {
     if (!isPlaying) {
       followedBlockRef.current = null;
@@ -35655,9 +35992,9 @@ function TimelineTrack({
     ro.observe(el);
     return () => ro.disconnect();
   }, []);
-  const scaleRef = useRef52(pxPerSecond);
+  const scaleRef = useRef53(pxPerSecond);
   scaleRef.current = pxPerSecond;
-  const dragRef = useRef52(null);
+  const dragRef = useRef53(null);
   dragRef.current = drag;
   const isDragging = drag != null && !drag.committed;
   useEffect54(() => {
@@ -36613,7 +36950,7 @@ function TimelineToolbar({
 }
 
 // src/PlainHtmlPreview.tsx
-import { useCallback as useCallback48, useEffect as useEffect56, useMemo as useMemo49, useRef as useRef53, useState as useState67 } from "react";
+import { useCallback as useCallback48, useEffect as useEffect56, useMemo as useMemo49, useRef as useRef54, useState as useState67 } from "react";
 import { parseMarkdown as parseMarkdown9 } from "@bendyline/squisq/markdown";
 
 // src/utils/collectInlineFontAwesomeCss.ts
@@ -36683,9 +37020,9 @@ function PlainHtmlPreview({
   showCodeCopyButton = false,
   onCopyCode
 }) {
-  const iframeRef = useRef53(null);
-  const removeFrameLinkHandlerRef = useRef53(() => void 0);
-  const removeFrameCodeCopyControlsRef = useRef53(() => void 0);
+  const iframeRef = useRef54(null);
+  const removeFrameLinkHandlerRef = useRef54(() => void 0);
+  const removeFrameCodeCopyControlsRef = useRef54(() => void 0);
   const setIframeRef = useCallback48(
     (frame) => {
       iframeRef.current = frame;
@@ -36944,7 +37281,7 @@ function collectImageRefs(doc) {
 }
 
 // src/PreviewPanel.tsx
-import { useState as useState70, useEffect as useEffect60, useMemo as useMemo53, useCallback as useCallback52, useRef as useRef57 } from "react";
+import { useState as useState70, useEffect as useEffect60, useMemo as useMemo53, useCallback as useCallback52, useRef as useRef58 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
 import {
   DashboardView,
@@ -37093,7 +37430,7 @@ import {
   useId as useId14,
   useLayoutEffect as useLayoutEffect11,
   useMemo as useMemo50,
-  useRef as useRef54,
+  useRef as useRef55,
   useState as useState68
 } from "react";
 import { createPortal as createPortal15 } from "react-dom";
@@ -37201,12 +37538,12 @@ function PresentationModeProvider({
   const [popupRoot, setPopupRoot] = useState68(null);
   const [error, setError] = useState68(null);
   const [fullscreenExitStyle, setFullscreenExitStyle] = useState68(null);
-  const activeTargetRef = useRef54(activeTarget);
+  const activeTargetRef = useRef55(activeTarget);
   activeTargetRef.current = activeTarget;
-  const previousActiveTargetRef = useRef54(null);
-  const returnFocusRef = useRef54(null);
-  const popupRef = useRef54(null);
-  const popupCleanupRef = useRef54(null);
+  const previousActiveTargetRef = useRef55(null);
+  const returnFocusRef = useRef55(null);
+  const popupRef = useRef55(null);
+  const popupCleanupRef = useRef55(null);
   const fullscreenSupported = typeof document !== "undefined" && typeof document.documentElement.requestFullscreen === "function";
   const availableTargets = useMemo50(
     () => [
@@ -37533,8 +37870,8 @@ function PresentationModeControl() {
     stop
   } = usePresentationMode();
   const { colorScheme } = useEditorContext();
-  const triggerRef = useRef54(null);
-  const menuRef = useRef54(null);
+  const triggerRef = useRef55(null);
+  const menuRef = useRef55(null);
   const [open, setOpen] = useState68(false);
   const [anchor, setAnchor] = useState68(null);
   const options = PRESENTATION_OPTIONS.filter((option) => availableTargets.includes(option.target));
@@ -37706,7 +38043,7 @@ import {
   useContext as useContext8,
   useEffect as useEffect58,
   useMemo as useMemo51,
-  useRef as useRef55,
+  useRef as useRef56,
   useState as useState69
 } from "react";
 import { jsx as jsx75, jsxs as jsxs60 } from "react/jsx-runtime";
@@ -37724,8 +38061,8 @@ function PrintModeProvider({ rootRef, children }) {
   const { activeTarget: presentationTarget, stop: stopPresentation } = usePresentationMode();
   const [active, setActive] = useState69(false);
   const [slidesPerPage, setSlidesPerPage] = useState69(1);
-  const customPrintHandlerRef = useRef55(null);
-  const printAncestorsRef = useRef55([]);
+  const customPrintHandlerRef = useRef56(null);
+  const printAncestorsRef = useRef56([]);
   const unmarkPrinting = useCallback50(() => {
     const ownerDocument = rootRef.current?.ownerDocument;
     ownerDocument?.body.classList.remove("squisq-printing");
@@ -37877,7 +38214,7 @@ function PrintPreviewToolbar() {
 }
 
 // src/print/PrintPreview.tsx
-import { useCallback as useCallback51, useEffect as useEffect59, useMemo as useMemo52, useRef as useRef56 } from "react";
+import { useCallback as useCallback51, useEffect as useEffect59, useMemo as useMemo52, useRef as useRef57 } from "react";
 import {
   BlockRenderer as BlockRenderer4,
   FlashcardFaceView,
@@ -37912,7 +38249,7 @@ function PrintPreview({
 }) {
   const { slidesPerPage, registerPrintHandler } = usePrintMode();
   const mediaProvider = useMediaProvider();
-  const documentFrameRef = useRef56(null);
+  const documentFrameRef = useRef57(null);
   const setDocumentFrame = useCallback51((frame) => {
     documentFrameRef.current = frame;
   }, []);
@@ -38113,8 +38450,8 @@ function PreviewPanel({
     activeDashboardTitle,
     activeDashboardStyle
   } = usePreviewSettings();
-  const mainSurfaceRef = useRef57(null);
-  const popupSurfaceRef = useRef57(null);
+  const mainSurfaceRef = useRef58(null);
+  const popupSurfaceRef = useRef58(null);
   const [playbackState, setPlaybackState] = useState70(null);
   const handlePlaybackStateChange = useCallback52((next) => {
     setPlaybackState(next);
@@ -38424,7 +38761,7 @@ function PreviewPanel({
 }
 
 // src/MediaBin.tsx
-import { useState as useState71, useEffect as useEffect61, useRef as useRef58, useCallback as useCallback53 } from "react";
+import { useState as useState71, useEffect as useEffect61, useRef as useRef59, useCallback as useCallback53 } from "react";
 import { jsx as jsx78, jsxs as jsxs63 } from "react/jsx-runtime";
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
@@ -38494,7 +38831,7 @@ function MediaBin({
   highlightPath = null
 }) {
   const [entries, setEntries] = useState71([]);
-  const listRef = useRef58(null);
+  const listRef = useRef59(null);
   useEffect61(() => {
     if (!highlightPath || !listRef.current) return;
     const item = listRef.current.querySelector(`[data-media-path="${CSS.escape(highlightPath)}"]`);
@@ -38507,9 +38844,9 @@ function MediaBin({
   const [isDropActive, setIsDropActive] = useState71(false);
   const [downloadingPath, setDownloadingPath] = useState71(null);
   const [contextMenu, setContextMenu] = useState71(null);
-  const fileInputRef = useRef58(null);
-  const contextMenuRef = useRef58(null);
-  const dropDepthRef = useRef58(0);
+  const fileInputRef = useRef59(null);
+  const contextMenuRef = useRef59(null);
+  const dropDepthRef = useRef59(0);
   const updateEntries = useCallback53(
     async (provider) => {
       const list = sortMediaEntries(filterVisibleMediaEntries(await provider.listMedia()));
@@ -38994,7 +39331,7 @@ function DropZone({
 }
 
 // src/Tooltip.tsx
-import { useEffect as useEffect62, useLayoutEffect as useLayoutEffect12, useRef as useRef59, useState as useState73 } from "react";
+import { useEffect as useEffect62, useLayoutEffect as useLayoutEffect12, useRef as useRef60, useState as useState73 } from "react";
 import { createPortal as createPortal17 } from "react-dom";
 
 // src/tooltipPlacement.ts
@@ -39011,10 +39348,10 @@ import { jsx as jsx80 } from "react/jsx-runtime";
 var SHOW_DELAY_MS = 180;
 function TooltipLayer() {
   const [state, setState3] = useState73(null);
-  const tooltipRef = useRef59(null);
-  const timerRef = useRef59(null);
-  const currentTargetRef = useRef59(null);
-  const visibleRef = useRef59(false);
+  const tooltipRef = useRef60(null);
+  const timerRef = useRef60(null);
+  const currentTargetRef = useRef60(null);
+  const visibleRef = useRef60(false);
   useLayoutEffect12(() => {
     if (!state) return;
     const node2 = tooltipRef.current;
@@ -39112,7 +39449,7 @@ function TooltipLayer() {
 }
 
 // src/EditorShell.tsx
-import { useEffect as useEffect63, useRef as useRef60, useState as useState74, useCallback as useCallback54, useMemo as useMemo55 } from "react";
+import { useEffect as useEffect63, useRef as useRef61, useState as useState74, useCallback as useCallback54, useMemo as useMemo55 } from "react";
 
 // src/BlockPreviewPanel.tsx
 import { useMemo as useMemo54 } from "react";
@@ -39597,6 +39934,7 @@ function EditorShell({
       proofingIgnoreStore,
       documentLinkProvider,
       fenceRenderers,
+      onCopyCode,
       linkSchemes,
       allowRecording,
       allowNarrate,
@@ -39740,7 +40078,7 @@ function EditorShellInner({
   outlineWidth,
   themeOverride
 }) {
-  const shellRef = useRef60(null);
+  const shellRef = useRef61(null);
   const {
     activeView,
     markdownSource,
@@ -39823,7 +40161,7 @@ function EditorShellInner({
     () => collectMediaReferencesFromMarkdown(markdownSource),
     [markdownSource]
   );
-  const imageEditFallbackContainerRef = useRef60(null);
+  const imageEditFallbackContainerRef = useRef61(null);
   if (imageEditFallbackContainerRef.current === null) {
     imageEditFallbackContainerRef.current = new MemoryContentContainer();
   }
@@ -39897,7 +40235,7 @@ ${snippet}` : snippet);
     },
     [activeView, tiptapEditor, monacoEditor, insertAtCursor, markdownSource, setMarkdownSource]
   );
-  const docBasenameRef = useRef60("document");
+  const docBasenameRef = useRef61("document");
   useEffect63(() => {
     let cancelled = false;
     docBasenameRef.current = "document";
@@ -40377,8 +40715,8 @@ function ImageEditModal({
   versioningAutoSaveIdleMs,
   shellTheme
 }) {
-  const modalRef = useRef60(null);
-  const surfaceRef = useRef60(null);
+  const modalRef = useRef61(null);
+  const surfaceRef = useRef61(null);
   useModalDialog({ rootRef: modalRef, dialogRef: surfaceRef, onClose });
   const extension = relativePath.split(/[?#]/, 1)[0]?.split(".").pop()?.toLowerCase();
   const saveFormat = extension === "png" ? "png" : extension === "jpg" || extension === "jpeg" ? "jpeg" : extension === "webp" ? "webp" : null;