@bendyline/squisq-editor-react 2.12.7 → 2.12.9

package/dist/{chunk-XF2YCVZM.js → chunk-VYHPGIXU.js}

@@ -5,7 +5,7 @@ import {
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-MHG4KPMA.js";
+} from "./chunk-G4INWIOX.js";
 
 // src/InsertMenuItems.tsx
 import { createContext, useContext, useEffect, useMemo, useRef } from "react";
@@ -492,7 +492,11 @@ import {
   useRef as useRef3,
   useEffect as useEffect3
 } from "react";
-import { parseMarkdown as parseMarkdown3, stringifyMarkdown } from "@bendyline/squisq/markdown";
+import {
+  parseMarkdown as parseMarkdown3,
+  stringifyMarkdown,
+  resolveWikiLinks
+} from "@bendyline/squisq/markdown";
 import { markdownToDoc } from "@bendyline/squisq/doc";
 
 // src/speech/useDictationController.ts
@@ -1512,6 +1516,7 @@ function EditorProvider({
   proofingIgnoreStore = null,
   speechInput = null,
   documentLinkProvider = null,
+  wikiLinks = null,
   fenceRenderers = null,
   onCopyCode,
   linkSchemes,
@@ -1827,6 +1832,33 @@ function EditorProvider({
       setIsParsing(false);
     }
   }, []);
+  const [wikiProjection, setWikiProjection] = useState3(null);
+  const presentationDoc = wikiProjection?.source === markdownDoc && wikiProjection?.support === wikiLinks ? wikiProjection.doc : doc;
+  useEffect3(() => {
+    if (!markdownDoc || !wikiLinks) return;
+    let cancelled = false;
+    void resolveWikiLinks(
+      markdownDoc,
+      (target) => wikiLinks.resolve ? wikiLinks.resolve(target) : wikiLinks.exists(target)
+    ).then(
+      (resolved) => {
+        if (!cancelled && resolved !== markdownDoc)
+          setWikiProjection({
+            source: markdownDoc,
+            support: wikiLinks,
+            doc: markdownToDoc(resolved, {
+              articleId: articleIdRef.current,
+              fileName: fileNameRef.current
+            })
+          });
+      },
+      () => {
+      }
+    );
+    return () => {
+      cancelled = true;
+    };
+  }, [markdownDoc, wikiLinks]);
   useEffect3(() => {
     if (editorMode !== "markdown") return;
     if (skipInitialDebouncedParseRef.current) {
@@ -2181,7 +2213,7 @@ function EditorProvider({
     () => ({
       markdownSource,
       markdownDoc,
-      doc,
+      doc: presentationDoc,
       activeView,
       parseError,
       isParsing,
@@ -2228,6 +2260,7 @@ function EditorProvider({
       dictation,
       articleId,
       documentLinkProvider,
+      wikiLinks,
       fenceRenderers,
       onCopyCode,
       linkSchemes,
@@ -2270,7 +2303,7 @@ function EditorProvider({
     [
       markdownSource,
       markdownDoc,
-      doc,
+      presentationDoc,
       activeView,
       parseError,
       isParsing,
@@ -2311,6 +2344,7 @@ function EditorProvider({
       dictation,
       articleId,
       documentLinkProvider,
+      wikiLinks,
       fenceRenderers,
       onCopyCode,
       linkSchemes,

package/dist/index.d.ts

@@ -1,16 +1,16 @@
-import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-DXhttvsO.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, P as MentionCandidate, Q as MentionProvider, R as OutlineBlock, T as OutlineInsertion, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, $ as WriteCanvasSettings, a0 as WysiwygEditor, a1 as WysiwygEditorProps, a2 as XLSX_LOCKED_REASON, a3 as XlsxFormulaSession, a4 as applySourceEditsToText, a5 as blockInsertionPoint, a6 as createXlsxFormulaSession, a7 as getBlockSlices, a8 as headingDepthForInsertion, a9 as ingestSidecarBytes, aa as joinBlockAt, ab as lineToOffset, ac as minimalReplaceEdit, ad as normalizeSourceEdits, ae as offsetToLine, af as resolveOutlineInsertion, ag as sliceIndexAtOffset, ah as sourceOutline, ai as spliceBlock, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from './shell-DXhttvsO.js';
+import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel, a as CalcEngineFactory, b as EditorView$1, c as CsvSourceMeta, X as XlsxSourceMeta, F as FormulaEditRecord } from './shell-D0XgDAZj.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, P as MentionCandidate, Q as MentionProvider, R as OutlineBlock, T as OutlineInsertion, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, $ as WriteCanvasSettings, a0 as WysiwygEditor, a1 as WysiwygEditorProps, a2 as XLSX_LOCKED_REASON, a3 as XlsxFormulaSession, a4 as applySourceEditsToText, a5 as blockInsertionPoint, a6 as createXlsxFormulaSession, a7 as getBlockSlices, a8 as headingDepthForInsertion, a9 as ingestSidecarBytes, aa as joinBlockAt, ab as lineToOffset, ac as minimalReplaceEdit, ad as normalizeSourceEdits, ae as offsetToLine, af as resolveOutlineInsertion, ag as sliceIndexAtOffset, ah as sourceOutline, ai as spliceBlock, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from './shell-D0XgDAZj.js';
 import * as react from 'react';
 import { ReactNode, CSSProperties, ReactElement } from 'react';
 import { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, MediaEdits, MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
 export { CanvasRect, ImageEditor, ImageEditorAction, ImageEditorProps, ImageEditorState, ImageEditorTool, ImageViewer, ImageViewerProps, UseImageEditorOptions, UseImageEditorReturn, imageEditorReducer, initialImageEditorState, useImageEditor } from './image-editor/index.js';
+import { WikiLinkSupport, MarkdownWrapState, SvgIslandDiagnostic, BlockVideoEmbed, VideoEmbed } from '@bendyline/squisq/markdown';
+export { MarkdownSourceEdit } from '@bendyline/squisq/markdown';
 import { CodeBlockCopyHandler, DisplayMode, CaptionStyle, VideoPresentation, PipSize, PipShape, PipPosition } from '@bendyline/squisq-react';
 import { IconFamily } from '@bendyline/squisq/icons';
 import { CoverSlideTemplate, CoverSlidePlayback, DashboardStyleId, DashboardLayoutSummary, ConnectorRouting, AsciiDiagram, Tree, AsciiTimeline, AsciiTimelineSide, AsciiTimelineMarker } from '@bendyline/squisq/doc';
 export { BuildPreviewDocOptions, buildPreviewDoc, documentTitleFromFileName } from '@bendyline/squisq/doc';
-import { MarkdownWrapState, SvgIslandDiagnostic, BlockVideoEmbed, VideoEmbed } from '@bendyline/squisq/markdown';
-export { MarkdownSourceEdit } from '@bendyline/squisq/markdown';
 import * as monaco_editor from 'monaco-editor';
 import { editor } from 'monaco-editor';
 import { M as MonacoLanguageRequest, a as MonacoLanguageLoadOptions } from './monacoLanguageDetection-DEyUW-BS.js';
@@ -415,6 +415,8 @@ declare function resolveFileKind(fileName?: string, language?: string): FileKind
 interface PlainHtmlPreviewProps {
     /** Raw markdown source. */
     markdown: string;
+    /** Optional article resolver for a connected document workspace. */
+    wikiLinks?: WikiLinkSupport | null;
     /** Document title — populates the iframe's `<title>`. */
     title?: string;
     /**
@@ -454,7 +456,7 @@ interface PlainHtmlPreviewProps {
     /** Optional host clipboard adapter; otherwise the browser Clipboard API is used. */
     onCopyCode?: CodeBlockCopyHandler;
 }
-declare function PlainHtmlPreview({ markdown, title, images, mediaProvider, mediaRevision, theme, className, style, globalKeyboardShortcuts, onFrameChange, onLinkClick, showCodeCopyButton, onCopyCode, }: PlainHtmlPreviewProps): react.JSX.Element;
+declare function PlainHtmlPreview({ markdown, wikiLinks, title, images, mediaProvider, mediaRevision, theme, className, style, globalKeyboardShortcuts, onFrameChange, onLinkClick, showCodeCopyButton, onCopyCode, }: PlainHtmlPreviewProps): react.JSX.Element;
 
 /**
  * Emoji Dataset

package/dist/index.js

@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-W63WEDBC.js";
+} from "./chunk-T7HO6JUS.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-XF2YCVZM.js";
+} from "./chunk-VYHPGIXU.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +273,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-ZA6VWQUQ.js";
+} from "./chunk-RWNS7R5S.js";
 import {
   MarkdownEscape
-} from "./chunk-LRUBYTKW.js";
+} from "./chunk-6KS5IDN3.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-MHG4KPMA.js";
+} from "./chunk-G4INWIOX.js";
 import {
   ImageEditor,
   ImageViewer,

package/dist/json-editor/index.js

@@ -1,8 +1,8 @@
 import {
   JsonEditor
-} from "../chunk-ZA6VWQUQ.js";
-import "../chunk-LRUBYTKW.js";
-import "../chunk-MHG4KPMA.js";
+} from "../chunk-RWNS7R5S.js";
+import "../chunk-6KS5IDN3.js";
+import "../chunk-G4INWIOX.js";
 export {
   JsonEditor
 };

package/dist/monaco.js

@@ -41,6 +41,9 @@ import "monaco-editor/esm/vs/editor/standalone/browser/iPadShowKeyboard/iPadShow
 // src/monaco.ts
 export * from "monaco-editor/esm/vs/editor/editor.api.js";
 
+// src/monacoLanguages.ts
+import * as monaco from "monaco-editor/esm/vs/editor/editor.api.js";
+
 // src/monacoJsonc.ts
 var JSON_LANGUAGE = {
   defaultToken: "",
@@ -90,27 +93,27 @@ var JSONC_CONFIGURATION = {
     { open: '"', close: '"' }
   ]
 };
-function registerJsoncLanguage(monaco) {
-  if (monaco.languages.getLanguages().some(({ id }) => id === "jsonc")) return;
-  monaco.languages.register({
+function registerJsoncLanguage(monaco2) {
+  if (monaco2.languages.getLanguages().some(({ id }) => id === "jsonc")) return;
+  monaco2.languages.register({
     id: "jsonc",
     aliases: ["JSONC", "JSON with Comments", "jsonc"],
     extensions: [".jsonc"],
     mimetypes: ["application/jsonc"]
   });
-  monaco.languages.setLanguageConfiguration("jsonc", JSONC_CONFIGURATION);
-  monaco.languages.setMonarchTokensProvider("jsonc", JSON_LANGUAGE);
+  monaco2.languages.setLanguageConfiguration("jsonc", JSONC_CONFIGURATION);
+  monaco2.languages.setMonarchTokensProvider("jsonc", JSON_LANGUAGE);
 }
-function registerJsonLanguage(monaco) {
-  if (monaco.languages.getLanguages().some(({ id }) => id === "json")) return;
-  monaco.languages.register({
+function registerJsonLanguage(monaco2) {
+  if (monaco2.languages.getLanguages().some(({ id }) => id === "json")) return;
+  monaco2.languages.register({
     id: "json",
     aliases: ["JSON", "json"],
     extensions: [".json"],
     mimetypes: ["application/json"]
   });
-  monaco.languages.setLanguageConfiguration("json", JSONC_CONFIGURATION);
-  monaco.languages.setMonarchTokensProvider("json", JSON_LANGUAGE);
+  monaco2.languages.setLanguageConfiguration("json", JSONC_CONFIGURATION);
+  monaco2.languages.setMonarchTokensProvider("json", JSON_LANGUAGE);
 }
 
 // src/monacoLanguages.ts
@@ -153,7 +156,6 @@ var SERVICE_LOADERS = {
 };
 var languagePromises = /* @__PURE__ */ new Map();
 async function registerLightweightJson(language) {
-  const monaco = await import("monaco-editor/esm/vs/editor/editor.api.js");
   if (language === "json") registerJsonLanguage(monaco);
   else registerJsoncLanguage(monaco);
 }

package/dist/review/index.js

@@ -19,9 +19,9 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-XF2YCVZM.js";
+} from "../chunk-VYHPGIXU.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-MHG4KPMA.js";
+import "../chunk-G4INWIOX.js";
 
 // src/review/proofingAdapter.ts
 import {

package/dist/shell/index.d.ts

@@ -1,13 +1,13 @@
-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, P as MentionCandidate, Q as MentionProvider, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, a0 as WysiwygEditor, a1 as WysiwygEditorProps, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from '../shell-DXhttvsO.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, L as ImageDisplayMode, O as LayoutMode, P as MentionCandidate, Q as MentionProvider, U as PreviewPanel, V as PreviewPanelProps, W as RawEditor, Y as RawEditorProps, Z as ThemeInheritance, _ as ViewPreferences, a0 as WysiwygEditor, a1 as WysiwygEditorProps, aj as useEditorContext, ak as useEditorContextMenuItems, al as useEditorInsertMenuItems } from '../shell-D0XgDAZj.js';
 import 'react';
 import '@bendyline/squisq/table';
 import '@bendyline/squisq-calc';
 import '@bendyline/squisq-grid-react';
 import '@bendyline/squisq-formats/xlsx';
+import '@bendyline/squisq/markdown';
 import '@bendyline/squisq/schemas';
 import '@bendyline/squisq/fence';
 import '@bendyline/squisq-react';
-import '@bendyline/squisq/markdown';
 import '@bendyline/squisq/storage';
 import '../types-qxwhho3e.js';
 import '@bendyline/squisq/proof';

package/dist/shell/index.js

@@ -5,16 +5,16 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-W63WEDBC.js";
+} from "../chunk-T7HO6JUS.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-XF2YCVZM.js";
+} from "../chunk-VYHPGIXU.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-LRUBYTKW.js";
-import "../chunk-MHG4KPMA.js";
+import "../chunk-6KS5IDN3.js";
+import "../chunk-G4INWIOX.js";
 import "../chunk-HLU6ZBS7.js";
 import "../chunk-LXGQA2SY.js";
 import "../chunk-LRZJD5YD.js";

package/dist/{shell-DXhttvsO.d.ts → shell-D0XgDAZj.d.ts}

@@ -4,10 +4,10 @@ import { TableCellValue, TableCellEdit } from '@bendyline/squisq/table';
 import { CalcEngineConfig, CalcEngine } from '@bendyline/squisq-calc';
 import { IngestTable } from '@bendyline/squisq-grid-react';
 import { XlsxWorkbookGrids } from '@bendyline/squisq-formats/xlsx';
+import { MarkdownSourceEdit, MarkdownDocument, WikiLinkSupport } from '@bendyline/squisq/markdown';
 import { Doc, MediaProvider, ViewportPreset, Theme } from '@bendyline/squisq/schemas';
 import { FenceRendererMap } from '@bendyline/squisq/fence';
 import { CodeBlockCopyHandler } from '@bendyline/squisq-react';
-import { MarkdownSourceEdit, MarkdownDocument } from '@bendyline/squisq/markdown';
 import { ContentContainer } from '@bendyline/squisq/storage';
 import { a as ProofingCapability, c as ProofingIgnoreStore } from './types-qxwhho3e.js';
 import { D as DictationControl, b as SpeechInputCapability } from './types-Bi4ZVKvN.js';
@@ -832,6 +832,7 @@ interface EditorContextValue extends EditorState, EditorActions {
      * path link. When unset, the dialog falls back to URL-only.
      */
     documentLinkProvider: DocumentLinkProvider | null;
+    wikiLinks: WikiLinkSupport | null;
     /**
      * Extra link schemes the host intercepts itself (e.g. an app-internal
      * navigation protocol). The link dialog validates against core's
@@ -948,6 +949,7 @@ interface EditorProviderProps {
      * Omit to fall back to URL-only link insertion.
      */
     documentLinkProvider?: DocumentLinkProvider | null;
+    wikiLinks?: WikiLinkSupport | null;
     /**
      * Host fence-renderer registry (`@bendyline/squisq/fence`). Omit to
      * leave every explicit-language fence to the built-in families.
@@ -1082,7 +1084,7 @@ interface ViewPreferences {
     /** Document vs. block-at-a-time layout. */
     layoutMode?: LayoutMode;
 }
-declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, mediaEditRenders, imageDisplayMode, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, fenceRenderers, onCopyCode, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode: controlledFindMode, onFindModeChange, findRequest, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react.JSX.Element;
+declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, mediaEditRenders, imageDisplayMode, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, onCopyCode, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode: controlledFindMode, onFindModeChange, findRequest, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react.JSX.Element;
 
 /**
  * Host-supplied context sections rendered INSIDE the Monaco (raw/code)
@@ -1572,6 +1574,9 @@ interface EditorShellProps {
      * remote API, …) implement this; the editor stays agnostic.
      */
     documentLinkProvider?: DocumentLinkProvider | null;
+    /** Optional workspace article access. Separate from the media/history container.
+     * Hosts must validate paths, exclusively create files, and flush before opening. */
+    wikiLinks?: WikiLinkSupport | null;
     /**
      * Host fence-renderer registry (`@bendyline/squisq/fence`). Claimed
      * fence languages mount as interactive host widgets in the WYSIWYG
@@ -1759,7 +1764,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, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, }: 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, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, 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, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, }: EditorShellProps): react.JSX.Element;
 
 /**
  * Shared editor context menu.

package/dist/styles/index.css

@@ -8550,10 +8550,7 @@
 .squisq-toolbar-button:active {
   background: var(--squisq-surface-raised);
 }
-.squisq-toolbar-button--active {
-  background: var(--squisq-accent-soft);
-  color: var(--squisq-accent);
-}
+.squisq-toolbar-button--active,
 .squisq-toolbar-button--active:hover {
   background: var(--squisq-accent-soft);
   color: var(--squisq-accent-strong);
@@ -10962,12 +10959,9 @@
 .squisq-editor-shell[data-theme=dark] .squisq-toolbar-button:active {
   background: var(--squisq-surface-raised);
 }
-.squisq-editor-shell[data-theme=dark] .squisq-toolbar-button--active {
-  background: var(--squisq-accent-soft);
-  color: var(--squisq-accent);
-}
+.squisq-editor-shell[data-theme=dark] .squisq-toolbar-button--active,
 .squisq-editor-shell[data-theme=dark] .squisq-toolbar-button--active:hover {
-  background: var(--squisq-accent-hover);
+  background: var(--squisq-accent-soft);
   color: var(--squisq-accent-strong);
 }
 .squisq-editor-shell[data-theme=dark] .squisq-toolbar-files-badge {
@@ -11367,24 +11361,36 @@
   letter-spacing: 0.05em;
 }
 .squisq-media-bin-actions {
-  display: flex;
-  align-items: center;
+  display: grid;
+  grid-auto-flow: column;
+  grid-auto-columns: 1fr;
   gap: 5px;
 }
 .squisq-media-bin-record,
 .squisq-media-bin-upload {
   display: inline-flex;
+  flex-direction: column;
   align-items: center;
   justify-content: center;
-  gap: 4px;
+  gap: 2px;
+  min-width: 50px;
   font-size: 11px;
-  padding: 2px 8px;
+  line-height: 14px;
+  padding: 2px 6px;
   cursor: pointer;
   background: var(--squisq-surface-raised);
   color: var(--squisq-text-soft);
   border: 1px solid var(--squisq-border);
   border-radius: 4px;
 }
+.squisq-media-bin-action-icon {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 14px;
+  height: 14px;
+  flex: 0 0 auto;
+}
 .squisq-media-bin-record-dot {
   width: 7px;
   height: 7px;
@@ -14951,6 +14957,67 @@ button.squisq-view-menu-radio-row:focus-visible {
   color: var(--squisq-text-soft);
 }
 
+/* src/styles/wiki-links.css */
+.squisq-wiki-link button {
+  font: inherit;
+  color: var(--squisq-accent);
+  background: transparent;
+  border: 0;
+  padding: 0;
+  text-decoration: underline;
+  cursor: pointer;
+}
+.squisq-wiki-link button[data-wiki-missing] {
+  text-decoration-style: dashed;
+}
+.squisq-wiki-link button:disabled {
+  color: inherit;
+  cursor: default;
+  text-decoration: none;
+}
+.squisq-wiki-link button:focus-visible {
+  outline: 2px solid var(--squisq-accent);
+  outline-offset: 2px;
+}
+.squisq-wiki-error {
+  color: var(--squisq-danger);
+  font-size: 0.85em;
+}
+.squisq-wiki-suggestions {
+  position: fixed;
+  z-index: 10000;
+  min-width: 200px;
+  max-width: min(360px, calc(100vw - 16px));
+  max-height: 240px;
+  overflow-y: auto;
+  padding: 4px;
+  border: 1px solid var(--squisq-border);
+  border-radius: 6px;
+  background: var(--squisq-surface);
+  color: var(--squisq-text);
+  font-family: var(--squisq-ux-font);
+  box-shadow: var(--squisq-shadow-md);
+}
+.squisq-wiki-suggestions button {
+  display: block;
+  width: 100%;
+  border: 0;
+  padding: 8px 12px;
+  text-align: left;
+  background: transparent;
+  color: inherit;
+  font: inherit;
+  cursor: pointer;
+  overflow-wrap: anywhere;
+}
+.squisq-wiki-suggestions button[aria-selected=true],
+.squisq-wiki-suggestions button:hover {
+  background: var(--squisq-row-hover);
+}
+.squisq-wiki-suggestions button[data-kind=folder] {
+  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.12.7",
+  "version": "2.12.9",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.12.4",
+    "@bendyline/squisq": "2.12.5",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.7.4",
-    "@bendyline/squisq-grid-react": "2.11.27",
-    "@bendyline/squisq-react": "2.12.5",
-    "@bendyline/squisq-video-react": "2.5.6",
+    "@bendyline/squisq-formats": "2.7.6",
+    "@bendyline/squisq-grid-react": "2.11.28",
+    "@bendyline/squisq-react": "2.12.6",
+    "@bendyline/squisq-video-react": "2.5.7",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",