@bendyline/squisq-editor-react 2.13.23 → 2.13.24

package/dist/{chunk-CBFPGSYR.js → chunk-5NA2IDXP.js}

@@ -23457,6 +23457,7 @@ function Toolbar({
   slotAfterActions,
   slotRight,
   showPlayTab = true,
+  showViewTabs = true,
   showFormattingControls = true,
   showInsertControls = true,
   hostMode = "document",
@@ -24819,7 +24820,7 @@ ${TASK_LIST_MARKDOWN}
           }
         ),
         !findMode && slotLeft,
-        /* @__PURE__ */ jsx55(EditorViewTabs, { showPlayTab, hostMode }),
+        showViewTabs && /* @__PURE__ */ jsx55(EditorViewTabs, { showPlayTab, hostMode }),
         findMode ? /* @__PURE__ */ jsx55(
           FindToolbar,
           {
@@ -35803,7 +35804,7 @@ function persistFromWrite(bodyMd, state) {
 import { useCallback as useCallback45, useEffect as useEffect57, useMemo as useMemo45, useRef as useRef54, useState as useState68 } from "react";
 import { useEditor as useEditor2, EditorContent as EditorContent2 } from "@tiptap/react";
 import { Selection as Selection2 } from "@tiptap/pm/state";
-import { Extension as Extension20 } from "@tiptap/core";
+import { Extension as Extension21 } from "@tiptap/core";
 import StarterKit2 from "@tiptap/starter-kit";
 import Table from "@tiptap/extension-table";
 import TableRow from "@tiptap/extension-table-row";
@@ -37847,6 +37848,94 @@ function safeFontFamily(value) {
   return trimmed;
 }
 
+// src/footnotes/FootnoteSyntaxExtension.ts
+import { Extension as Extension20 } from "@tiptap/core";
+import { Plugin as Plugin21, PluginKey as PluginKey21 } from "@tiptap/pm/state";
+import { Decoration as Decoration16, DecorationSet as DecorationSet16 } from "@tiptap/pm/view";
+var REFERENCE = /\[\^([^\]\s]+)\]/g;
+var DEFINITION = /^\[\^([^\]\s]+)\]:[ \t]*/;
+function isCodeText(node2) {
+  return node2.marks.some((mark) => mark.type.name === "code");
+}
+function scanFootnoteSyntax(doc) {
+  const ranges = [];
+  const definitions = [];
+  const texts = /* @__PURE__ */ new Map();
+  doc.descendants((node2, pos) => {
+    if (node2.type.spec.code) return false;
+    if (!node2.isTextblock) return true;
+    const content = pos + 1;
+    let skipUntil = -1;
+    if (node2.type.name === "paragraph") {
+      const definition = DEFINITION.exec(node2.textContent);
+      if (definition) {
+        const label = definition[1];
+        definitions.push({ from: pos, to: pos + node2.nodeSize });
+        ranges.push({
+          kind: "definition-label",
+          from: content,
+          to: content + label.length + 4,
+          label
+        });
+        skipUntil = content + definition[0].length;
+        if (!texts.has(label)) {
+          const text = node2.textContent.slice(definition[0].length).trim();
+          if (text) texts.set(label, text);
+        }
+      }
+    }
+    node2.forEach((child, offset) => {
+      if (!child.isText || !child.text || isCodeText(child)) return;
+      const start = content + offset;
+      for (const match of child.text.matchAll(REFERENCE)) {
+        const from = start + match.index;
+        if (from < skipUntil) continue;
+        ranges.push({ kind: "reference", from, to: from + match[0].length, label: match[1] });
+      }
+    });
+    return false;
+  });
+  return { ranges, definitions, texts };
+}
+function buildDecorations13(doc) {
+  const { ranges, definitions, texts } = scanFootnoteSyntax(doc);
+  if (ranges.length === 0) return DecorationSet16.empty;
+  const decorations = [
+    ...definitions.map(
+      ({ from, to }) => Decoration16.node(from, to, { class: "squisq-footnote-definition" })
+    ),
+    ...ranges.map(({ kind, from, to, label }) => {
+      if (kind === "definition-label") {
+        return Decoration16.inline(from, to, { class: "squisq-footnote-label" });
+      }
+      const text = texts.get(label);
+      return Decoration16.inline(from, to, {
+        class: text ? "squisq-footnote-ref" : "squisq-footnote-ref squisq-footnote-ref--missing",
+        title: text ? `Footnote: ${text}` : `Footnote "${label}" has no text yet`
+      });
+    })
+  ];
+  return DecorationSet16.create(doc, decorations);
+}
+var FOOTNOTE_SYNTAX_KEY = new PluginKey21("squisq-footnote-syntax");
+var FootnoteSyntaxExtension = Extension20.create({
+  name: "squisqFootnoteSyntax",
+  addProseMirrorPlugins() {
+    return [
+      new Plugin21({
+        key: FOOTNOTE_SYNTAX_KEY,
+        state: {
+          init: (_2, state) => buildDecorations13(state.doc),
+          apply: (transaction, previous, _oldState, newState) => transaction.docChanged ? buildDecorations13(newState.doc) : previous
+        },
+        props: {
+          decorations: (state) => FOOTNOTE_SYNTAX_KEY.getState(state) ?? null
+        }
+      })
+    ];
+  }
+});
+
 // src/accessoryFileLinks.ts
 var ACCESSORY_FILE_LINK_CLASS = "squisq-attachment-link";
 function syncAccessoryFileLinkPlaceholders(root, accessoryPaths) {
@@ -37858,17 +37947,27 @@ function syncAccessoryFileLinkPlaceholders(root, accessoryPaths) {
 
 // src/wysiwygMinimalSync.ts
 import { createDocument } from "@tiptap/core";
+import { Fragment as Fragment26 } from "@tiptap/pm/model";
 import { closeHistory } from "@tiptap/pm/history";
+function keepTrailingParagraph(current, next) {
+  const trailing = current.lastChild;
+  if (!trailing || withoutTrailingParagraph(current) === current) return next;
+  if (!needsTrailingParagraph(next)) return next;
+  return next.copy(next.content.append(Fragment26.from(trailing)));
+}
 function replaceDocumentMinimal(editor, content, frontmatter) {
   const { state } = editor;
   try {
-    const next = createDocument(
-      content,
-      editor.schema,
-      {},
-      {
-        errorOnInvalidContent: editor.options.enableContentCheck
-      }
+    const next = keepTrailingParagraph(
+      state.doc,
+      createDocument(
+        content,
+        editor.schema,
+        {},
+        {
+          errorOnInvalidContent: editor.options.enableContentCheck
+        }
+      )
     );
     const start = state.doc.content.findDiffStart(next.content);
     const metadataChanged = frontmatter !== void 0 && state.doc.attrs.sourceFrontmatter !== frontmatter;
@@ -37938,7 +38037,7 @@ var BLOCK_TAG_DATA_VALUES = {
 function pickEmptyPrompt() {
   return EMPTY_PROMPTS[Math.floor(Math.random() * EMPTY_PROMPTS.length)];
 }
-var SourceFrontmatter = Extension20.create({
+var SourceFrontmatter = Extension21.create({
   name: "sourceFrontmatter",
   addOptions() {
     return { initial: "" };
@@ -38184,6 +38283,8 @@ function WysiwygEditor({
       buildMentionExtension(() => mentionProviderRef.current),
       InlineIcon,
       WikiLink.configure({ getSupport: () => wikiLinksRef.current }),
+      // `[^note]` and `[^note]: …` read as footnotes; the Markdown is unchanged.
+      FootnoteSyntaxExtension,
       FindHighlightExtension,
       ProofingExtension,
       ReviewExtension,
@@ -39132,7 +39233,7 @@ function useBlockPreviewItems(viewport, visibleIds) {
 }
 
 // src/InlinePreviewGutter.tsx
-import { Fragment as Fragment26, jsx as jsx77, jsxs as jsxs59 } from "react/jsx-runtime";
+import { Fragment as Fragment27, jsx as jsx77, jsxs as jsxs59 } from "react/jsx-runtime";
 var BAR_RIGHT_OFFSET = 14;
 var CARD_LABEL_OFFSET = 16;
 var EXTENT_TOP_PAD = CARD_LABEL_OFFSET;
@@ -39345,7 +39446,7 @@ function InlinePreviewGutter({
                 children: [
                   /* @__PURE__ */ jsxs59("div", { className: "squisq-inline-preview-card-label", children: [
                     /* @__PURE__ */ jsx77("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
-                    item.headingText && /* @__PURE__ */ jsxs59(Fragment26, { children: [
+                    item.headingText && /* @__PURE__ */ jsxs59(Fragment27, { children: [
                       /* @__PURE__ */ jsx77("span", { className: "squisq-inline-preview-card-sep", children: "\u2014" }),
                       /* @__PURE__ */ jsx77("span", { className: "squisq-inline-preview-card-title", children: item.headingText })
                     ] })
@@ -40194,7 +40295,7 @@ function CodeContextSectionView({
 }
 
 // src/codeContext/CodeContextZones.tsx
-import { Fragment as Fragment27, jsx as jsx80 } from "react/jsx-runtime";
+import { Fragment as Fragment28, jsx as jsx80 } from "react/jsx-runtime";
 function CodeContextZones({ options }) {
   const { monacoEditor } = useEditorContext();
   const [manager, setManager] = useState73(null);
@@ -40263,7 +40364,7 @@ function CodeContextZones({ options }) {
     [monacoEditor]
   );
   if (!manager) return null;
-  return /* @__PURE__ */ jsx80(Fragment27, { children: resolved.map(({ section }) => {
+  return /* @__PURE__ */ jsx80(Fragment28, { children: resolved.map(({ section }) => {
     const domNode = manager.getDomNode(section.id);
     if (!domNode) return null;
     return createPortal15(
@@ -40861,7 +40962,7 @@ function timelineBars(clips) {
 // src/TimelineItemMenu.tsx
 import { useEffect as useEffect65, useLayoutEffect as useLayoutEffect16, useRef as useRef60, useState as useState75 } from "react";
 import { createPortal as createPortal16 } from "react-dom";
-import { Fragment as Fragment28, jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
+import { Fragment as Fragment29, jsx as jsx83, jsxs as jsxs63 } from "react/jsx-runtime";
 function TimelineItemMenu({
   anchor,
   target,
@@ -40936,7 +41037,7 @@ function TimelineItemMenu({
               onClearTiming: onBlockClearTiming,
               onTransition: onBlockTransition
             }
-          ) : /* @__PURE__ */ jsxs63(Fragment28, { children: [
+          ) : /* @__PURE__ */ jsxs63(Fragment29, { children: [
             /* @__PURE__ */ jsx83(VideoMenu, { target, onPatch: onVideoPatch }),
             onEditMedia && /* @__PURE__ */ jsx83(
               "button",
@@ -40984,7 +41085,7 @@ function BlockMenu({
   };
   const pinned = explicitDuration || startTime !== "";
   return /* @__PURE__ */ jsxs63("div", { className: "squisq-timeline-item-menu-body", children: [
-    target.timingLocked ? /* @__PURE__ */ jsxs63(Fragment28, { children: [
+    target.timingLocked ? /* @__PURE__ */ jsxs63(Fragment29, { children: [
       /* @__PURE__ */ jsxs63("p", { className: "squisq-timeline-item-menu-hint", children: [
         "Dynamic slides time each slide from the narration or reading pace, so this section's length and start can't be pinned.",
         pinned && " A pinned time here stops a narrated deck from playing."
@@ -41002,7 +41103,7 @@ function BlockMenu({
           children: "Clear pinned timing"
         }
       )
-    ] }) : /* @__PURE__ */ jsxs63(Fragment28, { children: [
+    ] }) : /* @__PURE__ */ jsxs63(Fragment29, { children: [
       /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-check", children: [
         /* @__PURE__ */ jsx83(
           "input",
@@ -41104,7 +41205,7 @@ function VideoMenu({
         }
       )
     ] }),
-    placed && /* @__PURE__ */ jsxs63(Fragment28, { children: [
+    placed && /* @__PURE__ */ jsxs63(Fragment29, { children: [
       /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-check", children: [
         /* @__PURE__ */ jsx83(
           "input",
@@ -41122,7 +41223,7 @@ function VideoMenu({
         ),
         /* @__PURE__ */ jsx83("span", { children: "Lock to block" })
       ] }),
-      placement === "picture-in-picture" && /* @__PURE__ */ jsxs63(Fragment28, { children: [
+      placement === "picture-in-picture" && /* @__PURE__ */ jsxs63(Fragment29, { children: [
         /* @__PURE__ */ jsxs63("label", { className: "squisq-timeline-item-menu-field", children: [
           /* @__PURE__ */ jsx83("span", { className: "squisq-timeline-item-menu-label", children: "PIP size" }),
           /* @__PURE__ */ jsxs63(
@@ -44031,7 +44132,7 @@ function collectSlideshowDataSources(doc) {
 }
 
 // src/slideshow/SlideshowDataGrid.tsx
-import { Fragment as Fragment29, jsx as jsx92 } from "react/jsx-runtime";
+import { Fragment as Fragment30, jsx as jsx92 } from "react/jsx-runtime";
 var EMPTY_CONTEXT = {
   container: null,
   mediaRevision: 0,
@@ -44161,7 +44262,7 @@ function SlideshowDataGridRenderer({
   const initialView = ready?.initialView ?? EMPTY_VIEW;
   const [view, setView] = useState80(initialView);
   useEffect71(() => setView(initialView), [initialView, provider]);
-  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx92(Fragment29, { children: fallback });
+  if (!provider || !ingest || !gridModule) return /* @__PURE__ */ jsx92(Fragment30, { children: fallback });
   const { style } = layer.content;
   const rowHeight = Math.max(32, style.fontSize * 2.1);
   const footerHeight = Math.max(28, style.fontSize * 1.5);
@@ -44694,7 +44795,7 @@ function MediaPreviewDialog({
 }
 
 // src/MediaBin.tsx
-import { Fragment as Fragment30, jsx as jsx95, jsxs as jsxs73 } from "react/jsx-runtime";
+import { Fragment as Fragment31, jsx as jsx95, jsxs as jsxs73 } from "react/jsx-runtime";
 function formatSize(bytes) {
   if (bytes < 1024) return `${bytes} B`;
   if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`;
@@ -45025,7 +45126,7 @@ function MediaBin({
     [openContextMenu, openPreview]
   );
   const previewKind = preview ? squisqMediaKind(preview.entry.mimeType) : "file";
-  return /* @__PURE__ */ jsxs73(Fragment30, { children: [
+  return /* @__PURE__ */ jsxs73(Fragment31, { children: [
     /* @__PURE__ */ jsxs73(
       "div",
       {
@@ -45220,7 +45321,7 @@ ${formatSize(entry.size)}`,
 
 // src/DropZoneOverlay.tsx
 import { useState as useState84 } from "react";
-import { Fragment as Fragment31, jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
+import { Fragment as Fragment32, jsx as jsx96, jsxs as jsxs74 } from "react/jsx-runtime";
 function DropZoneOverlay({
   dragContentType,
   zoneProps,
@@ -45241,7 +45342,7 @@ function DropZoneOverlay({
         variant: "media"
       }
     ),
-    showText && /* @__PURE__ */ jsxs74(Fragment31, { children: [
+    showText && /* @__PURE__ */ jsxs74(Fragment32, { children: [
       /* @__PURE__ */ jsx96(
         DropZone,
         {
@@ -45507,7 +45608,7 @@ import { useCallback as useCallback58, useRef as useRef70 } from "react";
 import { VIEWPORT_PRESETS as VIEWPORT_PRESETS9 } from "@bendyline/squisq/schemas";
 import { flattenBlocks as flattenBlocks8 } from "@bendyline/squisq/doc";
 import { BlockRenderer as BlockRenderer6, MediaContext as MediaContext7 } from "@bendyline/squisq-react";
-import { Fragment as Fragment32, jsx as jsx99, jsxs as jsxs75 } from "react/jsx-runtime";
+import { Fragment as Fragment33, jsx as jsx99, jsxs as jsxs75 } from "react/jsx-runtime";
 function BlockPreviewList({
   basePath = "/",
   viewport = VIEWPORT_PRESETS9.landscape,
@@ -45555,7 +45656,7 @@ function BlockPreviewList({
       children: [
         /* @__PURE__ */ jsxs75("span", { className: "squisq-inline-preview-card-label", children: [
           /* @__PURE__ */ jsx99("span", { className: "squisq-inline-preview-card-template", children: templateLabel(item.template) }),
-          item.headingText && /* @__PURE__ */ jsxs75(Fragment32, { children: [
+          item.headingText && /* @__PURE__ */ jsxs75(Fragment33, { children: [
             /* @__PURE__ */ jsx99("span", { className: "squisq-inline-preview-card-sep", "aria-hidden": "true", children: "\u2014" }),
             /* @__PURE__ */ jsx99("span", { className: "squisq-inline-preview-card-title", children: item.headingText })
           ] })
@@ -45707,7 +45808,7 @@ function useNavigationSheetSwipe({
 }
 
 // src/NavigationSheet.tsx
-import { Fragment as Fragment33, jsx as jsx100, jsxs as jsxs76 } from "react/jsx-runtime";
+import { Fragment as Fragment34, jsx as jsx100, jsxs as jsxs76 } from "react/jsx-runtime";
 var PANEL_LABELS = {
   outline: "Outline",
   previews: "Block previews"
@@ -45797,7 +45898,7 @@ function NavigationSheet({
             role: "dialog",
             "aria-label": content ? PANEL_LABELS[content] : "Document navigation",
             tabIndex: -1,
-            children: content && /* @__PURE__ */ jsxs76(Fragment33, { children: [
+            children: content && /* @__PURE__ */ jsxs76(Fragment34, { children: [
               /* @__PURE__ */ jsxs76("div", { className: "squisq-navigation-sheet-header", children: [
                 /* @__PURE__ */ jsx100("div", { className: "squisq-navigation-sheet-tabs", role: "tablist", children: PANELS.map((option) => /* @__PURE__ */ jsx100(
                   "button",
@@ -46275,7 +46376,7 @@ function StopIcon() {
 }
 
 // src/mediaEdit/MediaEditAudioSection.tsx
-import { Fragment as Fragment34, jsx as jsx104, jsxs as jsxs80 } from "react/jsx-runtime";
+import { Fragment as Fragment35, jsx as jsx104, jsxs as jsxs80 } from "react/jsx-runtime";
 var STAGES = [
   {
     id: "highpass",
@@ -46558,7 +46659,7 @@ function MediaEditAudioSection({
           children: previewing ? "Rendering preview\u2026" : preview ? "Update preview" : "Create preview"
         }
       ) }),
-      preview != null && player.duration > 0 && /* @__PURE__ */ jsxs80(Fragment34, { children: [
+      preview != null && player.duration > 0 && /* @__PURE__ */ jsxs80(Fragment35, { children: [
         /* @__PURE__ */ jsxs80("div", { className: "squisq-media-edit-playback", "data-playing": player.playing ?? void 0, children: [
           /* @__PURE__ */ jsx104("span", { className: "squisq-media-edit-playback__label", children: player.playing ? `${player.playing === "original" ? "Original" : "Processed"} from ${Math.round(preview.startSec)} s` : "Stopped" }),
           /* @__PURE__ */ jsx104(
@@ -47854,7 +47955,7 @@ function useSaveEditedCopy(manager, saveOutput) {
 }
 
 // src/mediaEdit/MediaEditModal.tsx
-import { Fragment as Fragment35, jsx as jsx109, jsxs as jsxs85 } from "react/jsx-runtime";
+import { Fragment as Fragment36, jsx as jsx109, jsxs as jsxs85 } from "react/jsx-runtime";
 var TABS = [
   { id: "audio", label: "Audio cleanup" },
   { id: "cuts", label: "Cuts" },
@@ -47892,16 +47993,16 @@ function RenderStatusText({
 }) {
   switch (status.state) {
     case "ready":
-      return /* @__PURE__ */ jsx109(Fragment35, { children: "Processed audio is in use." });
+      return /* @__PURE__ */ jsx109(Fragment36, { children: "Processed audio is in use." });
     case "queued":
-      return /* @__PURE__ */ jsx109(Fragment35, { children: "Waiting to process\u2026" });
+      return /* @__PURE__ */ jsx109(Fragment36, { children: "Waiting to process\u2026" });
     case "rendering":
-      return /* @__PURE__ */ jsxs85(Fragment35, { children: [
+      return /* @__PURE__ */ jsxs85(Fragment36, { children: [
         "Processing\u2026 ",
         percent(status)
       ] });
     case "failed":
-      return /* @__PURE__ */ jsxs85(Fragment35, { children: [
+      return /* @__PURE__ */ jsxs85(Fragment36, { children: [
         "Processing failed: ",
         status.error,
         " ",
@@ -47998,7 +48099,7 @@ function MediaEditModal({ target, onClose }) {
                 }
               )
             ] }),
-            !item ? /* @__PURE__ */ jsx109("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx109("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs85(Fragment35, { children: [
+            !item ? /* @__PURE__ */ jsx109("p", { className: "squisq-media-edit-modal__empty", children: "This clip is no longer in the document." }) : !mediaEditRenders ? /* @__PURE__ */ jsx109("p", { className: "squisq-media-edit-modal__empty", children: "Media editing needs a media folder for this document." }) : /* @__PURE__ */ jsxs85(Fragment36, { children: [
               /* @__PURE__ */ jsx109("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);
@@ -48105,11 +48206,11 @@ function MediaEditModal({ target, onClose }) {
                   className: "squisq-media-edit-status",
                   role: "status",
                   "data-state": copy.state.status === "failed" ? "failed" : renderStatus?.state,
-                  children: copy.state.status === "saved" ? /* @__PURE__ */ jsxs85(Fragment35, { children: [
+                  children: copy.state.status === "saved" ? /* @__PURE__ */ jsxs85(Fragment36, { children: [
                     "Saved ",
                     copy.state.filename,
                     "."
-                  ] }) : copy.state.status === "failed" ? /* @__PURE__ */ jsxs85(Fragment35, { children: [
+                  ] }) : copy.state.status === "failed" ? /* @__PURE__ */ jsxs85(Fragment36, { children: [
                     "The copy could not be made: ",
                     copy.state.error
                   ] }) : renderStatus && item && mediaEditRenders && /* @__PURE__ */ jsx109(
@@ -48399,7 +48500,7 @@ import {
   createMediaEditRenderManager,
   useProcessedAudio as useProcessedAudio4
 } from "@bendyline/squisq-video-react/media-edit";
-import { Fragment as Fragment36, jsx as jsx110, jsxs as jsxs86 } from "react/jsx-runtime";
+import { Fragment as Fragment37, jsx as jsx110, jsxs as jsxs86 } from "react/jsx-runtime";
 function EditorShell({
   ariaLabel,
   initialMarkdown = "",
@@ -48433,11 +48534,13 @@ function EditorShell({
   toolbarSlotLeft,
   toolbarSlotAfterActions,
   toolbarSlotRight,
+  toolbarPosition = "top",
   summarizationDesigner,
   statusBarSlotRight,
   sidePanelSlot,
   reviewProviders,
   showPlayTab = true,
+  showViewTabs = true,
   allowPresentationWindow = true,
   allowPresentationFullscreen = true,
   allowPrint = true,
@@ -48583,10 +48686,12 @@ function EditorShell({
           toolbarSlotLeft,
           toolbarSlotAfterActions,
           toolbarSlotRight,
+          toolbarPosition,
           summarizationDesigner,
           statusBarSlotRight,
           sidePanelSlot,
           showPlayTab,
+          showViewTabs,
           hostMode,
           allowPresentationWindow,
           allowPresentationFullscreen,
@@ -48625,7 +48730,7 @@ function UseModeToolbarControls({
 }) {
   const printMode = usePrintMode();
   if (printMode.active) return /* @__PURE__ */ jsx110(PrintPreviewToolbar, {});
-  return /* @__PURE__ */ jsxs86(Fragment36, { children: [
+  return /* @__PURE__ */ jsxs86(Fragment37, { children: [
     /* @__PURE__ */ jsx110(PreviewToolbarControls, { summarizationDesigner }),
     /* @__PURE__ */ jsx110(PresentationModeControl, {}),
     allowPrint && /* @__PURE__ */ jsx110(PrintModeControl, {})
@@ -48670,10 +48775,12 @@ function EditorShellInner({
   toolbarSlotLeft,
   toolbarSlotAfterActions,
   toolbarSlotRight,
+  toolbarPosition,
   summarizationDesigner,
   statusBarSlotRight,
   sidePanelSlot,
   showPlayTab,
+  showViewTabs,
   hostMode,
   allowPresentationWindow,
   allowPresentationFullscreen,
@@ -48997,6 +49104,35 @@ function EditorShellInner({
     clearLinkHoverTitle(anchor);
   }, []);
   const autoGrow = minHeight !== void 0 || maxHeight !== void 0;
+  const header = isImageMode ? (toolbarSlotLeft || toolbarSlotRight) && /* @__PURE__ */ jsxs86("div", { className: "squisq-editor-header squisq-editor-header--image", children: [
+    toolbarSlotLeft,
+    /* @__PURE__ */ jsx110("div", { style: { flex: 1 } }),
+    toolbarSlotRight
+  ] }) : /* @__PURE__ */ jsx110("div", { className: "squisq-editor-header", children: /* @__PURE__ */ jsx110(
+    Toolbar,
+    {
+      showFiles,
+      fileCount: mediaCount,
+      onToggleFiles: !isCodeMode && filesToggleEnabled ? handleToggleFiles : void 0,
+      slotLeft: toolbarSlotLeft,
+      slotAfterTabs: !isCodeMode && isPreview && /* @__PURE__ */ jsx110(
+        UseModeToolbarControls,
+        {
+          allowPrint,
+          summarizationDesigner
+        }
+      ),
+      slotAfterActions: toolbarSlotAfterActions,
+      slotRight: toolbarSlotRight,
+      showPlayTab,
+      showViewTabs,
+      showFormattingControls,
+      showInsertControls,
+      hostMode,
+      readOnly,
+      findShortcut
+    }
+  ) });
   const shell = /* @__PURE__ */ jsxs86(
     "div",
     {
@@ -49009,6 +49145,7 @@ function EditorShellInner({
       className: `squisq-editor-shell ${className || ""}`,
       "data-theme": colorScheme,
       "data-host-mode": hostMode,
+      "data-toolbar-position": toolbarPosition === "bottom" ? "bottom" : void 0,
       "data-link-handler": onLinkClick ? "true" : void 0,
       "data-full-width": fullWidth ? "true" : void 0,
       "data-thin-margins": thinMargins ? "true" : void 0,
@@ -49052,34 +49189,7 @@ function EditorShellInner({
                 allowPresentationWindow,
                 allowPresentationFullscreen,
                 children: [
-                  isImageMode ? (toolbarSlotLeft || toolbarSlotRight) && /* @__PURE__ */ jsxs86("div", { className: "squisq-editor-header squisq-editor-header--image", children: [
-                    toolbarSlotLeft,
-                    /* @__PURE__ */ jsx110("div", { style: { flex: 1 } }),
-                    toolbarSlotRight
-                  ] }) : /* @__PURE__ */ jsx110("div", { className: "squisq-editor-header", children: /* @__PURE__ */ jsx110(
-                    Toolbar,
-                    {
-                      showFiles,
-                      fileCount: mediaCount,
-                      onToggleFiles: !isCodeMode && filesToggleEnabled ? handleToggleFiles : void 0,
-                      slotLeft: toolbarSlotLeft,
-                      slotAfterTabs: !isCodeMode && isPreview && /* @__PURE__ */ jsx110(
-                        UseModeToolbarControls,
-                        {
-                          allowPrint,
-                          summarizationDesigner
-                        }
-                      ),
-                      slotAfterActions: toolbarSlotAfterActions,
-                      slotRight: toolbarSlotRight,
-                      showPlayTab,
-                      showFormattingControls,
-                      showInsertControls,
-                      hostMode,
-                      readOnly,
-                      findShortcut
-                    }
-                  ) }),
+                  toolbarPosition === "top" && header,
                   /* @__PURE__ */ jsxs86(
                     "div",
                     {
@@ -49315,6 +49425,7 @@ function EditorShellInner({
                       basePath
                     }
                   ),
+                  toolbarPosition === "bottom" && header,
                   statusBarVisible && !isImageMode && /* @__PURE__ */ jsx110(StatusBar, { slotRight: statusBarSlotRight }),
                   isMarkdownMode && allowRecording && mediaProvider && /* @__PURE__ */ jsx110(
                     RecorderEntry,

package/dist/index.d.ts

@@ -1,5 +1,5 @@
-import { C as CodeContext, P as PageTemplateSettings, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-CKXPqADV.js';
-export { A as ApplySourceEditsOptions, B as BlockInsertionBuilder, d as BlockInsertionContext, e as BlockPlacement, f as BlockRange, g as BlockSlice, h as BlockTagVisibility, i as CodeContextSection, j as CoverImageSaveOutput, D as DashboardImageSaveOutput, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, y as EditorSelectionInfo, z as EditorShell, G as EditorShellProps, H as EditorState, I as FindOptions, J as FindRequest, K as FormulaSessionOptions, L as ImageDisplayMode, M as IngestedSidecar, N as InsertBlockOptions, O as LayoutMode, Q as MediaEditSaveOutput, R as MentionCandidate, T as MentionProvider, U as NavigationSheetPanel, V as OutlineBlock, W as OutlineInsertion, Y as PageTemplateChoice, Z as PreviewPanel, _ as PreviewPanelProps, $ as RawEditor, a0 as RawEditorProps, a1 as ThemeInheritance, a2 as ViewPreferences, a3 as WriteCanvasSettings, a4 as WysiwygEditor, a5 as WysiwygEditorProps, a6 as XLSX_LOCKED_REASON, a7 as XlsxFormulaSession, a8 as applySourceEditsToText, a9 as blockInsertionPoint, aa as createXlsxFormulaSession, ab as getBlockSlices, ac as headingDepthForInsertion, ad as ingestSidecarBytes, ae as joinBlockAt, af as lineToOffset, ag as minimalReplaceEdit, ah as normalizeSourceEdits, ai as offsetToLine, aj as resolveOutlineInsertion, ak as sliceIndexAtOffset, al as sourceOutline, am as spliceBlock, an as useEditorContext, ao as useEditorContextMenuItems, ap as useEditorInsertMenuItems } from './shell-CKXPqADV.js';
+import { C as CodeContext, P as PageTemplateSettings, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-DOxTnb9f.js';
+export { A as ApplySourceEditsOptions, B as BlockInsertionBuilder, d as BlockInsertionContext, e as BlockPlacement, f as BlockRange, g as BlockSlice, h as BlockTagVisibility, i as CodeContextSection, j as CoverImageSaveOutput, D as DashboardImageSaveOutput, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, y as EditorSelectionInfo, z as EditorShell, G as EditorShellProps, H as EditorState, I as EditorToolbarPosition, J as FindOptions, K as FindRequest, L as FormulaSessionOptions, M as ImageDisplayMode, N as IngestedSidecar, O as InsertBlockOptions, Q as LayoutMode, R as MediaEditSaveOutput, T as MentionCandidate, U as MentionProvider, V as NavigationSheetPanel, W as OutlineBlock, Y as OutlineInsertion, Z as PageTemplateChoice, _ as PreviewPanel, $ as PreviewPanelProps, a0 as RawEditor, a1 as RawEditorProps, a2 as ThemeInheritance, a3 as ViewPreferences, a4 as WriteCanvasSettings, a5 as WysiwygEditor, a6 as WysiwygEditorProps, a7 as XLSX_LOCKED_REASON, a8 as XlsxFormulaSession, a9 as applySourceEditsToText, aa as blockInsertionPoint, ab as createXlsxFormulaSession, ac as getBlockSlices, ad as headingDepthForInsertion, ae as ingestSidecarBytes, af as joinBlockAt, ag as lineToOffset, ah as minimalReplaceEdit, ai as normalizeSourceEdits, aj as offsetToLine, ak as resolveOutlineInsertion, al as sliceIndexAtOffset, am as sourceOutline, an as spliceBlock, ao as useEditorContext, ap as useEditorContextMenuItems, aq as useEditorInsertMenuItems } from './shell-DOxTnb9f.js';
 import * as react from 'react';
 import { ReactNode, CSSProperties, RefObject, ReactElement } from 'react';
 import { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, MediaEdits, MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';
@@ -1072,6 +1072,11 @@ interface ToolbarProps {
      * editing free-form prompts — can pass false to suppress it.
      */
     showPlayTab?: boolean;
+    /**
+     * Whether to render the view tabs and their mode menus at all. Defaults to
+     * true. See `EditorShellProps.showViewTabs`.
+     */
+    showViewTabs?: boolean;
     /**
      * Whether to render Squisq's built-in text, block, and contextual
      * formatting controls. The toolbar, Insert menu, view tabs, and host slots
@@ -1099,7 +1104,7 @@ interface ToolbarProps {
  * - WYSIWYG: calls Tiptap chain commands (toggleBold, etc.)
  * - Raw: appends markdown syntax to the source
  */
-declare function Toolbar({ className, showFiles, fileCount, onToggleFiles, slotLeft, slotAfterTabs, slotAfterActions, slotRight, showPlayTab, showFormattingControls, showInsertControls, hostMode, readOnly, findShortcut, }: ToolbarProps): react.JSX.Element;
+declare function Toolbar({ className, showFiles, fileCount, onToggleFiles, slotLeft, slotAfterTabs, slotAfterActions, slotRight, showPlayTab, showViewTabs, showFormattingControls, showInsertControls, hostMode, readOnly, findShortcut, }: ToolbarProps): react.JSX.Element;
 
 /**
  * VersionHistoryPanel

package/dist/index.js

@@ -248,7 +248,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-CBFPGSYR.js";
+} from "./chunk-5NA2IDXP.js";
 import {
   EditorProvider,
   applySourceEditsToText,

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { h as BlockTagVisibility, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, L as ImageDisplayMode, O as LayoutMode, R as MentionCandidate, T as MentionProvider, Z as PreviewPanel, _ as PreviewPanelProps, $ as RawEditor, a0 as RawEditorProps, a1 as ThemeInheritance, a2 as ViewPreferences, a4 as WysiwygEditor, a5 as WysiwygEditorProps, an as useEditorContext, ao as useEditorContextMenuItems, ap as useEditorInsertMenuItems } from '../shell-CKXPqADV.js';
+export { h as BlockTagVisibility, k as DocumentLinkCandidate, l as DocumentLinkProvider, m as EditorActions, n as EditorColorScheme, o as EditorContextMenuContext, p as EditorContextMenuItem, q as EditorContextMenuItemVisibility, r as EditorContextMenuProvider, s as EditorContextMenuProviderProps, t as EditorContextValue, E as EditorHostMode, u as EditorInsertMenuItem, v as EditorMode, w as EditorProvider, x as EditorProviderProps, z as EditorShell, G as EditorShellProps, H as EditorState, b as EditorView, M as ImageDisplayMode, Q as LayoutMode, T as MentionCandidate, U as MentionProvider, _ as PreviewPanel, $ as PreviewPanelProps, a0 as RawEditor, a1 as RawEditorProps, a2 as ThemeInheritance, a3 as ViewPreferences, a5 as WysiwygEditor, a6 as WysiwygEditorProps, ao as useEditorContext, ap as useEditorContextMenuItems, aq as useEditorInsertMenuItems } from '../shell-DOxTnb9f.js';
 import 'react';
 import '@bendyline/squisq/table';
 import '@bendyline/squisq-calc';

package/dist/shell/index.js

@@ -5,7 +5,7 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-CBFPGSYR.js";
+} from "../chunk-5NA2IDXP.js";
 import {
   EditorProvider,
   useEditorContext,

package/dist/{shell-CKXPqADV.d.ts → shell-DOxTnb9f.d.ts}

@@ -1245,6 +1245,11 @@ interface WriteCanvasSettings {
  * authoring controls that do not belong in a message composer.
  */
 type EditorHostMode = 'document' | 'chat';
+/**
+ * Where the editor shell places its toolbar: above the editing surface (the
+ * document default) or below it (a chat composer's attach and send row).
+ */
+type EditorToolbarPosition = 'top' | 'bottom';
 
 interface EditorShellProps {
     /** Accessible name for the editing surface, separate from its empty placeholder. */
@@ -1398,6 +1403,14 @@ interface EditorShellProps {
     toolbarSlotAfterActions?: ReactNode;
     /** Content rendered at the rightmost end of the toolbar, after all other elements. */
     toolbarSlotRight?: ReactNode;
+    /**
+     * Where the toolbar sits relative to the editing surface (default: `'top'`).
+     * `'bottom'` renders it after the content, above the status bar, the way a
+     * chat composer carries its attach and send keys under the draft. The
+     * toolbar follows the content in DOM order too, so keyboard focus moves
+     * from the draft to the keys in the order they are seen.
+     */
+    toolbarPosition?: EditorToolbarPosition;
     /** Optional designer opened beside Summarize in the preview toolbar. */
     summarizationDesigner?: (onClose: () => void) => ReactNode;
     /** Host-supplied content rendered at the right edge of the bottom status bar. */
@@ -1432,6 +1445,15 @@ interface EditorShellProps {
      * sense (e.g. editing free-form prompt documents). Defaults to true.
      */
     showPlayTab?: boolean;
+    /**
+     * Whether to show the view tabs (Write, Source, Use) and their mode menus.
+     * Defaults to true. When false the editor stays in `initialView` — the
+     * Ctrl/Cmd+Shift+1/2/3 view shortcuts act through the tabs, so they do
+     * nothing either — while the formatting and Insert controls remain. Use it
+     * for a small field inside a form, where switching views is not a choice
+     * the person should face. `hostMode="chat"` already hides the tabs.
+     */
+    showViewTabs?: boolean;
     /**
      * Whether Use mode may open its audience view in a separate browser window.
      * Defaults to true. Disable this in embedded hosts that block popups.
@@ -1846,7 +1868,7 @@ interface EditorShellProps {
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, saveMediaEditOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, navigationSheet, onNavigationSheetChange, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, pageTemplates, }: EditorShellProps): react.JSX.Element;
+declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, toolbarPosition, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, showViewTabs, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, saveMediaEditOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, navigationSheet, onNavigationSheetChange, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, pageTemplates, }: EditorShellProps): react.JSX.Element;
 
 /**
  * MediaClipboard — copy, cut and paste of one image, video or audio clip in
@@ -2044,4 +2066,4 @@ interface EditorInsertMenuItem {
 /** Call from a toolbar slot; callbacks retain access to the editor context. */
 declare function useEditorInsertMenuItems(items: readonly EditorInsertMenuItem[]): void;
 
-export { RawEditor as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type FindOptions as I, type FindRequest as J, type FormulaSessionOptions as K, type ImageDisplayMode as L, type IngestedSidecar as M, type InsertBlockOptions as N, type LayoutMode as O, type PageTemplateSettings as P, type MediaEditSaveOutput as Q, type MentionCandidate as R, type SceneTextChannel as S, type MentionProvider as T, type NavigationSheetPanel as U, type OutlineBlock as V, type OutlineInsertion as W, type XlsxSourceMeta as X, type PageTemplateChoice as Y, PreviewPanel as Z, type PreviewPanelProps as _, type CalcEngineFactory as a, type RawEditorProps as a0, type ThemeInheritance as a1, type ViewPreferences as a2, type WriteCanvasSettings as a3, WysiwygEditor as a4, type WysiwygEditorProps as a5, XLSX_LOCKED_REASON as a6, type XlsxFormulaSession as a7, applySourceEditsToText as a8, blockInsertionPoint as a9, createXlsxFormulaSession as aa, getBlockSlices as ab, headingDepthForInsertion as ac, ingestSidecarBytes as ad, joinBlockAt as ae, lineToOffset as af, minimalReplaceEdit as ag, normalizeSourceEdits as ah, offsetToLine as ai, resolveOutlineInsertion as aj, sliceIndexAtOffset as ak, sourceOutline as al, spliceBlock as am, useEditorContext as an, useEditorContextMenuItems as ao, useEditorInsertMenuItems as ap, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };
+export { type PreviewPanelProps as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type EditorToolbarPosition as I, type FindOptions as J, type FindRequest as K, type FormulaSessionOptions as L, type ImageDisplayMode as M, type IngestedSidecar as N, type InsertBlockOptions as O, type PageTemplateSettings as P, type LayoutMode as Q, type MediaEditSaveOutput as R, type SceneTextChannel as S, type MentionCandidate as T, type MentionProvider as U, type NavigationSheetPanel as V, type OutlineBlock as W, type XlsxSourceMeta as X, type OutlineInsertion as Y, type PageTemplateChoice as Z, PreviewPanel as _, type CalcEngineFactory as a, RawEditor as a0, type RawEditorProps as a1, type ThemeInheritance as a2, type ViewPreferences as a3, type WriteCanvasSettings as a4, WysiwygEditor as a5, type WysiwygEditorProps as a6, XLSX_LOCKED_REASON as a7, type XlsxFormulaSession as a8, applySourceEditsToText as a9, blockInsertionPoint as aa, createXlsxFormulaSession as ab, getBlockSlices as ac, headingDepthForInsertion as ad, ingestSidecarBytes as ae, joinBlockAt as af, lineToOffset as ag, minimalReplaceEdit as ah, normalizeSourceEdits as ai, offsetToLine as aj, resolveOutlineInsertion as ak, sliceIndexAtOffset as al, sourceOutline as am, spliceBlock as an, useEditorContext as ao, useEditorContextMenuItems as ap, useEditorInsertMenuItems as aq, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };

package/dist/styles/index.css

@@ -9632,6 +9632,10 @@
   background: var(--squisq-surface-subtle);
   flex-shrink: 0;
 }
+.squisq-editor-shell[data-toolbar-position=bottom] > .squisq-editor-header {
+  border-bottom: 0;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
 .squisq-editor-header--image {
   display: flex;
   align-items: center;
@@ -15438,6 +15442,35 @@ button.squisq-view-menu-radio-row:focus-visible {
   font-weight: 600;
 }
 
+/* src/styles/footnotes.css */
+.squisq-footnote-ref {
+  font-size: 0.72em;
+  vertical-align: super;
+  line-height: 0;
+  padding: 0 0.2em;
+  border-radius: 3px;
+  color: var(--squisq-accent);
+  background: var(--squisq-accent-subtle);
+  white-space: nowrap;
+}
+.squisq-footnote-ref--missing {
+  color: var(--squisq-text-muted);
+  background: transparent;
+}
+.squisq-footnote-definition {
+  font-size: 0.875em;
+  color: var(--squisq-text-muted);
+}
+.squisq-footnote-definition:not(.squisq-footnote-definition + .squisq-footnote-definition) {
+  margin-top: 1.25em;
+  padding-top: 0.5em;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-footnote-label {
+  color: var(--squisq-accent);
+  font-weight: 600;
+}
+
 /* src/styles/document-tray.css */
 .squisq-wysiwyg-editor .squisq-document-tray-source {
   display: none !important;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.23",
+  "version": "2.13.24",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.16",
+    "@bendyline/squisq": "2.13.17",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.18",
-    "@bendyline/squisq-grid-react": "2.11.45",
-    "@bendyline/squisq-react": "2.12.28",
-    "@bendyline/squisq-video-react": "2.5.29",
+    "@bendyline/squisq-formats": "2.8.19",
+    "@bendyline/squisq-grid-react": "2.11.46",
+    "@bendyline/squisq-react": "2.12.29",
+    "@bendyline/squisq-video-react": "2.5.30",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",