@bendyline/squisq-editor-react 2.12.8 → 2.12.10

package/dist/{chunk-ZA6VWQUQ.js → chunk-HXQQK2S2.js}

@@ -1,10 +1,10 @@
 import {
   MarkdownEscape
-} from "./chunk-LRUBYTKW.js";
+} from "./chunk-MJNLKPGH.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-MHG4KPMA.js";
+} from "./chunk-LTT6QQHJ.js";
 
 // src/jsonEditor/JsonEditorContext.tsx
 import { createContext, useContext, useEffect, useMemo } from "react";

package/dist/{chunk-MHG4KPMA.js → chunk-LTT6QQHJ.js}

@@ -1,6 +1,7 @@
 // src/tiptapBridge.ts
 import { resolveIcon } from "@bendyline/squisq/icons";
 import {
+  parseWikiLink,
   matchTrailingTemplateAnnotation,
   matchTrailingPandocAttr,
   tokenizeAttrTokens,
@@ -962,7 +963,21 @@ function parseTableCells(line) {
   let inner = line.trim();
   if (inner.startsWith("|")) inner = inner.slice(1);
   if (inner.endsWith("|")) inner = inner.slice(0, -1);
-  return inner.split("|").map((cell) => cell.trim());
+  const cells = [];
+  let cell = "";
+  let slashes = 0;
+  for (const char of inner) {
+    if (char === "|") {
+      if (slashes % 2) cell = cell.slice(0, -1) + "|";
+      else {
+        cells.push(cell.trim());
+        cell = "";
+      }
+    } else cell += char;
+    slashes = char === "\\" ? slashes + 1 : 0;
+  }
+  cells.push(cell.trim());
+  return cells;
 }
 function parseAlignments(separatorLine) {
   return parseTableCells(separatorLine).map((cell) => {
@@ -1049,8 +1064,16 @@ function inlineToHtml(text) {
     return token;
   };
   let staged = text.replace(
-    RE_INLINE_CODE,
-    (_m, code) => stash(`<code>${escapeHtml(code)}</code>`)
+    /`(.+?)`|\[\[([^\u005b\]\n]+)\]\]/g,
+    (full, code, value, offset) => {
+      if (code !== void 0) return stash(`<code>${escapeHtml(code)}</code>`);
+      const wiki = parseWikiLink((value ?? "").replace(/\\\|/g, "|"));
+      if (isEscapedMarkdownCharacter(text, offset) || !wiki) return full;
+      const labelAttr = wiki.label !== void 0 ? ` data-wiki-label="${escapeHtml(wiki.label)}"` : "";
+      return stash(
+        `<span data-wiki-link="${escapeHtml(wiki.target)}"${labelAttr}>${escapeHtml(wiki.label ?? wiki.target)}</span>`
+      );
+    }
   );
   staged = staged.replace(RE_VERT_ALIGN_TAG, (_m, tag, inner) => {
     const name = tag.toLowerCase();
@@ -1277,6 +1300,19 @@ var RawHtmlVault = class {
 function htmlToInline(html) {
   let result = html;
   const vault = new RawHtmlVault();
+  result = result.replace(
+    /<span\b((?:[^>"']|"[^"]*"|'[^']*')*)>[^<]*<\/span>/gi,
+    (full, attrs) => {
+      const values = new Map(
+        [...attrs.matchAll(/([-\w]+)="([^"]*)"/g)].map((match) => [match[1], match[2]])
+      );
+      const target = values.get("data-wiki-link");
+      if (target === void 0) return full;
+      const label = values.get("data-wiki-label");
+      const value = target + (label !== void 0 ? `|${label}` : "");
+      return parseWikiLink(unescapeHtml(value)) ? vault.protect(`[[${value}]]`) : full;
+    }
+  );
   result = result.replace(
     RE_ESCAPE_SPAN,
     (_span, inner) => inner.replace(
@@ -1329,7 +1365,7 @@ function htmlToTableCell(html) {
     return `<div data-squisq-table-cell="">${safe.replace(/\|/g, "&#124;").replace(/\r/g, "&#13;").replace(/\n/g, "&#10;")}</div>`;
   }
   const withParagraphBreaks = html.replace(/<\/p>\s*<p(?:\s[^>]*)?>/gi, "<br>").replace(/^\s*<p(?:\s[^>]*)?>/i, "").replace(/<\/p>\s*$/i, "");
-  return htmlToInline(withParagraphBreaks).replace(/ {2}\n/g, "<br>");
+  return htmlToInline(withParagraphBreaks).replace(/ {2}\n/g, "<br>").replace(/\\*\|/g, (match) => (match.length - 1) % 2 ? match : `${match.slice(0, -1)}\\|`);
 }
 function preserveLeadingSpaces(html) {
   return html.replace(/^ +/, (spaces) => "&nbsp;".repeat(spaces.length));

package/dist/{chunk-LRUBYTKW.js → chunk-MJNLKPGH.js}

@@ -1,6 +1,6 @@
 import {
   MARKDOWN_ESCAPE_ATTR
-} from "./chunk-MHG4KPMA.js";
+} from "./chunk-LTT6QQHJ.js";
 
 // src/MarkdownEscape.ts
 import { Mark, mergeAttributes } from "@tiptap/core";

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-B6DGISKE.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-XF2YCVZM.js";
+} from "./chunk-2DHVG55U.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -273,14 +273,14 @@ import {
 import "./chunk-A2H3JOA5.js";
 import {
   JsonEditor
-} from "./chunk-ZA6VWQUQ.js";
+} from "./chunk-HXQQK2S2.js";
 import {
   MarkdownEscape
-} from "./chunk-LRUBYTKW.js";
+} from "./chunk-MJNLKPGH.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-MHG4KPMA.js";
+} from "./chunk-LTT6QQHJ.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-HXQQK2S2.js";
+import "../chunk-MJNLKPGH.js";
+import "../chunk-LTT6QQHJ.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-2DHVG55U.js";
 import "../chunk-DNEVUOBZ.js";
-import "../chunk-MHG4KPMA.js";
+import "../chunk-LTT6QQHJ.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-B6DGISKE.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-XF2YCVZM.js";
+} from "../chunk-2DHVG55U.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
-import "../chunk-LRUBYTKW.js";
-import "../chunk-MHG4KPMA.js";
+import "../chunk-MJNLKPGH.js";
+import "../chunk-LTT6QQHJ.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.8",
+  "version": "2.12.10",
   "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.5",
-    "@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",