@bendyline/squisq-editor-react 2.3.4 → 2.4.0

package/dist/chunk-V4NBQF5C.js

@@ -0,0 +1,62 @@
+// src/monacoLanguageDetection.ts
+var LANGUAGE_ALIASES = {
+  bash: "shell",
+  c: "cpp",
+  "c++": "cpp",
+  "c#": "csharp",
+  cs: "csharp",
+  cxx: "cpp",
+  docker: "dockerfile",
+  htm: "html",
+  js: "javascript",
+  jsx: "javascript",
+  md: "markdown",
+  mdown: "markdown",
+  py: "python",
+  rb: "ruby",
+  sh: "shell",
+  text: "plaintext",
+  txt: "plaintext",
+  ts: "typescript",
+  tsx: "typescript",
+  yml: "yaml",
+  zsh: "shell"
+};
+function normalizeMonacoLanguage(language) {
+  const normalized = language.trim().toLowerCase();
+  return LANGUAGE_ALIASES[normalized] ?? normalized;
+}
+function normalizedMonacoLanguageRequests(requested) {
+  const values = typeof requested === "string" ? [requested] : requested ?? [];
+  return [...new Set(values.map(normalizeMonacoLanguage).filter(Boolean))].sort();
+}
+function monacoLanguageRequestKey(requested, options = {}) {
+  return `${options.languageServices ? "services" : "syntax"}:${normalizedMonacoLanguageRequests(requested).join(",")}`;
+}
+function monacoLanguagesForDocument(primaryLanguage, source) {
+  const primary = normalizeMonacoLanguage(primaryLanguage);
+  const requested = new Set(primary ? [primary] : []);
+  if (primary !== "markdown") return [...requested];
+  let openFence = null;
+  for (const line of source.split(/\r?\n/)) {
+    const match = line.match(/^ {0,3}(`{3,}|~{3,})[ \t]*([^\s`~]+)?/);
+    if (!match) continue;
+    const fence = match[1];
+    const marker = fence[0];
+    if (openFence) {
+      if (marker === openFence.marker && fence.length >= openFence.length) openFence = null;
+      continue;
+    }
+    openFence = { marker, length: fence.length };
+    const language = match[2];
+    if (language) requested.add(normalizeMonacoLanguage(language));
+  }
+  return [...requested];
+}
+
+export {
+  normalizeMonacoLanguage,
+  normalizedMonacoLanguageRequests,
+  monacoLanguageRequestKey,
+  monacoLanguagesForDocument
+};

package/dist/{chunk-6VDYKI3L.js → chunk-VNUGP7NG.js}

@@ -1,6 +1,6 @@
 import {
   RecorderModal
-} from "./chunk-MJJK7YQB.js";
+} from "./chunk-F4NBECWR.js";
 
 // src/recorder/RecorderButton.tsx
 import { useCallback, useState } from "react";

package/dist/index.d.ts

@@ -1,13 +1,16 @@
-import { C as CodeContext, S as SceneTextChannel } from './shell-C-KkTBz7.js';
-export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, E as EditorActions, c as EditorColorScheme, d as EditorContextValue, e as EditorMode, f as EditorProvider, g as EditorProviderProps, h as EditorShell, i as EditorShellProps, j as EditorState, k as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, l as MentionProvider, P as PreviewPanel, m as PreviewPanelProps, R as RawEditor, n as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, o as WysiwygEditor, p as WysiwygEditorProps, u as useEditorContext } from './shell-C-KkTBz7.js';
+import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel } from './shell-9Kxzxjbn.js';
+export { B as BlockTagVisibility, a as CodeContextSection, D as DocumentLinkCandidate, b as DocumentLinkProvider, c as EditorActions, d as EditorColorScheme, e as EditorContextValue, f as EditorMode, g as EditorProvider, h as EditorProviderProps, i as EditorShell, j as EditorShellProps, k as EditorState, l as EditorView, I as ImageDisplayMode, L as LayoutMode, M as MentionCandidate, m as MentionProvider, P as PreviewPanel, n as PreviewPanelProps, R as RawEditor, o as RawEditorProps, T as ThemeInheritance, V as ViewPreferences, W as WriteCanvasSettings, p as WysiwygEditor, q as WysiwygEditorProps, u as useEditorContext } from './shell-9Kxzxjbn.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
+import { ScheduledClip, Doc, 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 { MediaProvider, Theme, CustomTemplateDefinition, ThemeSeedColors, ViewportPreset, ViewportConfig, Doc, Block, MediaEntry, DiagramEdgeAnchor } from '@bendyline/squisq/schemas';
 import { IconFamily } from '@bendyline/squisq/icons';
-import { DisplayMode, CaptionStyle } from '@bendyline/squisq-react';
+import { DisplayMode, CaptionStyle, VideoPresentation, PipShape, PipPosition } from '@bendyline/squisq-react';
+import { MarkdownWrapState } from '@bendyline/squisq/markdown';
 import * as monaco_editor from 'monaco-editor';
+import { M as MonacoLanguageRequest, a as MonacoLanguageLoadOptions } from './monacoLanguageDetection-DEyUW-BS.js';
 export { MonacoWorkerConstructor, MonacoWorkerConstructors, configureMonacoWorkers } from './monaco-workers/index.js';
 import { ConnectorRouting, AsciiDiagram, Tree, AsciiTimeline, AsciiTimelineSide, AsciiTimelineMarker } from '@bendyline/squisq/doc';
 import * as _tiptap_core from '@tiptap/core';
@@ -21,8 +24,6 @@ import { RenderResult } from 'mermaid';
 export { JsonEditor, JsonEditorProps } from './json-editor/index.js';
 export { CameraStreamOptions, CaptureKind, RecordedBookmark, RecorderButton, RecorderButtonProps, RecorderColorScheme, RecorderModal, RecorderModalProps, RecorderPanel, RecorderPanelProps, RecorderSaveResult, RecorderSource, RecorderState, ResolvedFormat, ScreenStreamHandle, ScreenStreamOptions, TimingJson, UseMediaRecorderOptions, UseMediaRecorderResult, buildFilename, buildTimingJson, encodeTimingJson, getCaptureKind, requestCameraStream, requestMicStream, requestScreenStream, resolveFormat, supportsDisplayMedia, supportsMediaRecorder, supportsUserMedia, timingPathFor, useMediaRecorder, useStreamPreview } from './recorder/index.js';
 export { CanvasSink, DEFAULT_TELEPROMPTER_PREFS, EYE_LINE_FRACTION, FloatOpenOptions, FloatTier, FloatingWindowHandle, FloatingWindowManager, MicAnalysisHandle, MicAnalysisStatus, NarrationRecorderController, NarrationRecorderState, NarrationSavePlan, NarrationSaveResult, NarrationTake, PCM_WORKLET_NAME, PCM_WORKLET_SOURCE, PrompterTransport, TELEPROMPTER_CSS, TeleprompterController, TeleprompterControls, TeleprompterControlsProps, TeleprompterPrefs, TeleprompterRecordingDeps, TeleprompterSurface, TeleprompterSurfaceProps, TeleprompterView, TeleprompterViewProps, TokenLineMap, buildNarrationSavePlan, cameraVideoLine, createFloatingWindowManager, detectFloatTiers, ensureTeleprompterStyles, executeNarrationSave, insertNarrationPreamble, measureTokenLines, narrationAnnotationLine, prompterVarsFromTheme, registerPcmWorklet, stepScroll, targetOffsetFor, useFloatingWindow, useMicAnalysis, useNarrationRecorder, useTeleprompter, vadConfigForSensitivity } from './teleprompter/index.js';
-import '@bendyline/squisq/markdown';
-import '@bendyline/squisq/storage';
 import '@bendyline/squisq/versions';
 import '@bendyline/squisq/imageEdit';
 import '@bendyline/squisq/jsonForm';
@@ -138,6 +139,12 @@ interface UseBlockNavigatorOptions {
 declare function useBlockNavigator(source: string, setSource: (s: string) => void, opts?: UseBlockNavigatorOptions): BlockNavigator;
 
 interface BlockCardViewProps {
+    /**
+     * Whether to show the block-card chrome. Defaults to true. When false the
+     * stable frame remains mounted around `children`, allowing hosts to switch
+     * between document and card layouts without remounting the editor surface.
+     */
+    active?: boolean;
     /** Total number of navigable blocks. */
     blockCount: number;
     /** Index of the block currently shown (0-based). */
@@ -153,7 +160,7 @@ interface BlockCardViewProps {
     /** Optional extra class for the outer container. */
     className?: string;
 }
-declare function BlockCardView({ blockCount, activeBlockKey, onPrev, onNext, onAdd, children, className, }: BlockCardViewProps): react_jsx_runtime.JSX.Element;
+declare function BlockCardView({ active, blockCount, activeBlockKey, onPrev, onNext, onAdd, children, className, }: BlockCardViewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * blockRange
@@ -206,21 +213,65 @@ declare function offsetToLine(source: string, offset: number): number;
 declare function sliceIndexAtOffset(slices: BlockSlice[], offset: number): number;
 
 /**
- * TimelineTrack
+ * useTimelineClock
  *
- * Horizontal timeline strip for the Timeline view. Shows every block as a bar
- * (width ∝ duration, x ∝ startTime) with its media clips as sub-bars below.
- * Clicking a block selects it (the editor above follows). Dragging a block's
- * right edge changes its duration; dragging its left edge changes the previous
- * block's duration (the boundary, since startTime is derived). Dragging a media
- * clip moves its `startAt`; dragging the clip's right edge changes its length;
- * double-clicking a clip toggles `spillover`. All edits are written back to the
- * markdown source via {@link timelineSource}.
+ * A minimal real-time playback clock for the timeline view — a
+ * `requestAnimationFrame` loop that advances `currentTime` at wall-clock speed
+ * between `play()` and `pause()`, clamped to `[0, total]`. No audio element;
+ * media playback is driven separately (the timeline feeds `currentTime` to
+ * `MediaClipLayer`). Mirrors the fallback timer in `useAudioSync`.
  */
+interface TimelineClock {
+    /** Seconds from the start of the timeline. */
+    currentTime: number;
+    isPlaying: boolean;
+    /** Start playing; restarts from 0 when already at the end. */
+    play: () => void;
+    pause: () => void;
+    toggle: () => void;
+    /** Jump to a time (clamped to `[0, total]`). */
+    seek: (t: number) => void;
+}
+
 interface TimelineTrackProps {
     height?: number;
+    /** Optional shared clock used by docked timeline companions. */
+    clock?: TimelineClock;
+    /** Reuse an already-resolved schedule instead of deriving it from the doc. */
+    schedule?: ScheduledClip[];
+    /** Whether the docked video monitor is currently visible. */
+    videoVisible?: boolean;
+}
+declare function TimelineTrack({ height, clock, schedule, videoVisible, }: TimelineTrackProps): react_jsx_runtime.JSX.Element | null;
+
+interface TimelineVideoPanelProps {
+    schedule: ScheduledClip[];
+    currentTime: number;
+    isPlaying: boolean;
+    basePath?: string;
+    onClose?: () => void;
+}
+declare function TimelineVideoPanel({ schedule, currentTime, isPlaying, basePath, onClose, }: TimelineVideoPanelProps): react_jsx_runtime.JSX.Element;
+
+interface TimelineCompositionPanelProps {
+    doc: Doc | null;
+    clock: TimelineClock;
+    basePath?: string;
+    workspaceContainer?: ContentContainer | null;
+    onClose?: () => void;
+}
+declare function TimelineCompositionPanel({ doc, clock, basePath, workspaceContainer, onClose, }: TimelineCompositionPanelProps): react_jsx_runtime.JSX.Element;
+
+/** Horizontal controls for Timeline-only companion panes. */
+interface TimelineToolbarProps {
+    literalVideoVisible: boolean;
+    compositionVisible: boolean;
+    videoAvailable: boolean;
+    compositionAvailable: boolean;
+    onToggleLiteralVideo: () => void;
+    onToggleComposition: () => void;
 }
-declare function TimelineTrack({ height }: TimelineTrackProps): react_jsx_runtime.JSX.Element | null;
+declare function TimelineToolbar({ literalVideoVisible, compositionVisible, videoAvailable, compositionAvailable, onToggleLiteralVideo, onToggleComposition, }: TimelineToolbarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * timelineSource
@@ -670,10 +721,22 @@ interface PreviewSettings {
      *  that style. The single entry point so the toggle buttons persist in one
      *  frontmatter write. */
     setCaptionMode: (mode: CaptionMode) => void;
+    /** Whether the current document schedules any video media. */
+    hasVideoMedia: boolean;
+    activeVideoPresentation: VideoPresentation;
+    setVideoPresentation: (presentation: VideoPresentation) => void;
+    activePipShape: PipShape;
+    setPipShape: (shape: PipShape) => void;
+    activePipPosition: PipPosition;
+    setPipPosition: (position: PipPosition) => void;
     /** Whether Squisq should synthesize and show its managed cover slide. */
     activeCoverSlide: boolean;
     /** Enable/disable the managed cover slide. */
     setCoverSlideEnabled: (enabled: boolean) => void;
+    /** Whether Video mode restarts automatically when playback ends. */
+    activeVideoLoop: boolean;
+    /** Enable/disable automatic Video-mode playback restart. */
+    setVideoLoopEnabled: (enabled: boolean) => void;
     /** User-authored themes (doc + browser library) for the picker's "Custom" group. */
     customThemes: Theme[];
     /** Open the custom-theme designer for a theme (or null to create a new one). */
@@ -702,6 +765,12 @@ declare function usePreviewSettings(): PreviewSettings;
 interface PreviewSettingsProviderProps {
     doc: Doc | null;
     children: ReactNode;
+    /**
+     * Viewport preset to use when the document does not declare
+     * `document-render-as` and the user has not selected a format. Hosts can
+     * make this responsive to their available surface. Defaults to landscape.
+     */
+    defaultViewportPreset?: ViewportPreset;
     /**
      * Optional Theme to use for the preview, regardless of `Doc.themeId` or
      * the user's theme dropdown selection. Used by the theme customizer to
@@ -710,7 +779,7 @@ interface PreviewSettingsProviderProps {
      */
     themeOverride?: Theme | null;
 }
-declare function PreviewSettingsProvider({ doc, children, themeOverride, }: PreviewSettingsProviderProps): react_jsx_runtime.JSX.Element;
+declare function PreviewSettingsProvider({ doc, children, defaultViewportPreset, themeOverride, }: PreviewSettingsProviderProps): react_jsx_runtime.JSX.Element;
 /**
  * Inline preview controls rendered in the main toolbar row.
  *
@@ -786,13 +855,19 @@ interface ToolbarProps {
      * editing free-form prompts — can pass false to suppress it.
      */
     showPlayTab?: boolean;
+    /**
+     * Semantic embedding mode inherited from EditorShell. Chat mode exposes
+     * only the Write surface, which suppresses the view tabs and their
+     * keyboard-switch targets. Defaults to `'document'`.
+     */
+    hostMode?: EditorHostMode;
 }
 /**
  * Formatting toolbar.
  * - 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, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+declare function Toolbar({ className, showFiles, fileCount, onToggleFiles, slotLeft, slotAfterTabs, slotAfterActions, slotRight, showPlayTab, hostMode, }: ToolbarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * VersionHistoryPanel
@@ -821,6 +896,63 @@ declare function VersionHistoryPanel(): react_jsx_runtime.JSX.Element | null;
  */
 declare function ViewMenuPanel(): react_jsx_runtime.JSX.Element;
 
+/**
+ * TransformMenu
+ *
+ * Toolbar popover applying one-time, undoable markdown source transforms
+ * (unwrap / wrap-at-width / cleanup) from core's
+ * `MARKDOWN_SOURCE_TRANSFORMS` registry, plus a readout of the document's
+ * detected wrap convention (`detectMarkdownWrapState`).
+ *
+ * Apply paths keep the operation a single undo step:
+ * - Source view: minimal per-paragraph `executeEdits` on the Monaco model
+ *   between undo stops — native byte-exact undo, cursor/scroll stay put.
+ * - Write view: one `setMarkdownSource` write; the WYSIWYG external-sync
+ *   `setContent` lands as one Tiptap history entry.
+ * - Use view has no editing surface (no undo), so rows are disabled there.
+ */
+declare function TransformMenu(): react_jsx_runtime.JSX.Element | null;
+
+/**
+ * Write-view wrap policy — "unwrap in Write view, persist with wrapping".
+ *
+ * The Tiptap bridge maps each physical source line to its own paragraph, so
+ * a hard-wrapped document renders as choppy one-line paragraphs in Write
+ * view — and the first edit serializes that chopped structure back into the
+ * source. These helpers make the wrap convention transparent instead:
+ * detect the document's prevailing wrap state, hand Tiptap the UNWRAPPED
+ * body (prose flows naturally), and re-apply the detected convention when
+ * serializing back to markdown. The exact same shape as WysiwygEditor's
+ * frontmatter strip/reattach dance, applied to wrapping.
+ *
+ * Pure string logic (no Tiptap, no DOM) so it stays Node-testable.
+ */
+
+interface WrapPolicyIngest {
+    /** Body to hand to the Write view (unwrapped when the doc is wrapped). */
+    displayBody: string;
+    /**
+     * The detected wrap state to persist with, or null when the document has
+     * no confident wrap convention (unwrapped / mixed / no prose) — persist
+     * is then a pass-through.
+     */
+    state: MarkdownWrapState | null;
+}
+/**
+ * Prepare a markdown body (frontmatter already stripped) for Write-view
+ * editing. Only a confident `wrapped` detection unwraps; `mixed`,
+ * `unwrapped`, and `no-prose` documents pass through untouched, so docs
+ * without a convention behave exactly as before.
+ */
+declare function ingestForWrite(body: string): WrapPolicyIngest;
+/**
+ * Re-apply the detected wrap convention to a body serialized from the
+ * Write view. Pass-through when there is no wrapped state; on a degraded
+ * wrap (safety guard) the unwrapped body is persisted instead — a valid
+ * document that merely loses the convention for that save.
+ */
+declare function persistFromWrite(bodyMd: string, state: MarkdownWrapState | null): string;
+
 interface OutlinePanelProps {
     /**
      * Fixed width of the pane in pixels. When omitted, the pane sizes
@@ -1139,8 +1271,15 @@ interface MediaBinProps {
     onMediaRemoved?: (relativePath: string, entry: MediaEntry) => void | Promise<void>;
     /** Fired whenever the panel scans media and knows the current entry count. */
     onCountChange?: (count: number) => void;
+    /**
+     * Opens the host's media recorder. When provided, the Files header shows a
+     * compact Record button beside Upload.
+     */
+    onRecord?: () => void;
+    /** Whether the recorder dialog opened by `onRecord` is currently visible. */
+    isRecorderOpen?: boolean;
 }
-declare function MediaBin({ mediaProvider, isDark, refreshKey, usedMediaPaths, onMediaUploaded, onMediaRemoved, onCountChange, }: MediaBinProps): react_jsx_runtime.JSX.Element;
+declare function MediaBin({ mediaProvider, isDark, refreshKey, usedMediaPaths, onMediaUploaded, onMediaRemoved, onCountChange, onRecord, isRecorderOpen, }: MediaBinProps): react_jsx_runtime.JSX.Element;
 
 interface StatusBarProps {
     /** Additional class name */
@@ -1271,38 +1410,18 @@ declare function processTextFile(file: File): Promise<string>;
  */
 declare function processTextFiles(files: File[]): Promise<string>;
 
-/**
- * useMonacoLoader
- *
- * Idempotently dynamic-imports `monaco-editor` and points the
- * `@monaco-editor/react` singleton loader at the bundled copy. Replaces
- * the historical top-of-module `import * as monaco from 'monaco-editor';
- * loader.config({ monaco })` pattern, which forced every consumer of
- * `@bendyline/squisq-editor-react` — including ones that only import
- * `JsonEditor` or a type — to drag in monaco's ~9MB worth of language
- * services and workers at module evaluation time.
- *
- * Hosts that want the smallest possible bundle can keep aliasing
- * `monaco-editor` to a slim entry as before; the behavior is identical
- * once the dynamic import settles.
- *
- * The promise is cached at module scope so the first subscriber
- * anywhere in the app pays the import cost and every later subscriber
- * reuses the same settled value.
- */
 interface UseMonacoLoaderResult {
-    /** The monaco namespace once loaded, or `null` while the import is in flight. */
+    /** The Monaco namespace once loaded, or `null` while the core is in flight. */
     monaco: typeof monaco_editor | null;
-    /** Flips to `true` after the import settles. Gate `<Editor>` / `<DiffEditor>` renders on this. */
+    /** True after the compact core and this caller's language profile are ready. */
     ready: boolean;
 }
-/**
- * Subscribe to the lazy-loaded monaco namespace. The first caller
- * triggers `import('monaco-editor')` and configures the
- * `@monaco-editor/react` loader; subsequent callers receive the same
- * cached value.
- */
-declare function useMonacoLoader(): UseMonacoLoaderResult;
+/** Start Monaco and the requested language profile before a React editor mounts. */
+declare function preloadMonaco(requestedLanguages?: MonacoLanguageRequest, options?: MonacoLanguageLoadOptions): Promise<typeof monaco_editor>;
+/** Load completion and snippet UI after the compact editor is already usable. */
+declare function preloadMonacoSuggestions(): Promise<void>;
+/** Subscribe to the shared Monaco namespace and a demand-loaded language profile. */
+declare function useMonacoLoader(requestedLanguages?: MonacoLanguageRequest, options?: MonacoLanguageLoadOptions): UseMonacoLoaderResult;
 
 interface CustomTemplateContextValue {
     /** Templates inlined into the current doc's frontmatter. */
@@ -2654,4 +2773,4 @@ declare function applyTimelineCommand(editor: Editor, blockId: string, command:
 /** Paste gate for bare, high-confidence Unicode timeline art. */
 declare function shouldPasteAsTimelineFence(text: string): boolean;
 
-export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EmojiPicker, type EmojiPickerProps, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, type HeadingTransitionAttrs, HeadingWithTemplate, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineTrack, type TimelineTrackProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildPreviewDoc, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };
+export { ALL_PICKER_ENTRIES, type AddTimelineEventOptions, type AddTimelineEventResult, type ApplyAsciiDiagramCommandOptions, type AsciiDiagramBlockEntry, AsciiDiagramExtension, type AsciiDiagramExtensionOptions, type AsciiDiagramPluginState, type AsciiDiagramView, AsciiDiagramWidget, BlockCardView, type BlockCardViewProps, type BlockNavigator, BlockPropertiesPopover, type BlockPropertiesPopoverProps, type BlockRange, type BlockSlice, CODE_SNIPPET_KEY, CODE_SNIPPET_LANGUAGES, CodeContext, CodeContextZones, type CodeSnippetBlockEntry, type CodeSnippetData, CodeSnippetExtension, type CodeSnippetExtensionOptions, type CodeSnippetLanguage, type CodeSnippetPluginState, CodeSnippetWidget, type CodeSnippetWidgetProps, type CustomTemplateContextValue, CustomTemplateProvider, type CustomTemplateProviderProps, type CustomThemeContextValue, CustomThemeProvider, type CustomThemeProviderProps, DEFAULT_MERMAID_DIAGRAM_TYPE, DiagramCanvas, type DiagramCommand, type DiagramData, type DiagramEdge, type DiagramNode, type DirectionModel, type DocCustomTemplates, type DocCustomThemes, DocumentSettingsDialog, type DocumentSettingsDialogProps, type DragContentType, type DropTarget, DropZoneOverlay, type DropZoneOverlayProps, EMPTY_TRANSITION, EditorHostMode, EmojiPicker, type EmojiPickerProps, type FileCategory, type FileKind, type FolderEntry, FolderView, type FolderViewProps, type HeadingTransitionAttrs, HeadingWithTemplate, ImportThemeSection, type ImportThemeSectionProps, type ImportedThemeResult, InlinePreviewGutter, type InlinePreviewGutterProps, MERMAID_DIAGRAM_KEY, MERMAID_DIAGRAM_TYPES, MERMAID_FLOWCHART_SHAPES, MediaBin, type MediaBinProps, type MediaClipPatch, type MermaidDiagramBlockEntry, MermaidDiagramCanvas, type MermaidDiagramCanvasProps, type MermaidDiagramCategory, type MermaidDiagramData, MermaidDiagramExtension, type MermaidDiagramExtensionOptions, type MermaidDiagramPluginState, type MermaidDiagramPreview, type MermaidDiagramProperty, type MermaidDiagramType, MermaidDiagramTypeThumbnail, MermaidDiagramWidget, type MermaidDiagramWidgetProps, type MermaidEditCapabilities, type MermaidEditableDiagramKind, type MermaidEditableEdge, type MermaidEditableModel, type MermaidEditableNode, type MermaidEditableText, type MermaidEditableTextTarget, type MermaidFlowchartDirection, type MermaidFlowchartModel, type MermaidFlowchartShape, type MermaidFlowchartShapeId, type MermaidNodeCanvasAction, type MermaidRenderResult, type MermaidSelection, MermaidShapePalette, type MermaidShapePaletteProps, type MermaidSourceEditableModel, MonacoLanguageLoadOptions, MonacoLanguageRequest, OutlinePanel, type OutlinePanelProps, PICKER_CATEGORIES, type PickerCategory, type PickerEntry, PlainHtmlPreview, type PlainHtmlPreviewProps, PreviewFormatSwitch, PreviewModeMenu, PreviewModeSwitch, type PreviewSettings, PreviewSettingsProvider, PreviewToolbarControls, REPAIRABLE_KEY, type RepairableBlockEntry, RepairableDiagramExtension, type RepairableDiagramExtensionOptions, type RepairablePluginState, StatusBar, type StatusBarProps, TIMELINE_VIEW_KEY, TRANSITION_ENTRIES, TRANSITION_GROUPS, TemplatePicker, ThemeCustomizerPanel, type ThemeCustomizerPanelProps, ThemePicker, type ThemePickerProps, type ThemeSaveExtras, type TimelineBlockEntry, type TimelineCommand, type TimelineCommandResult, TimelineCompositionPanel, type TimelineCompositionPanelProps, TimelineEditorWidget, type TimelineEditorWidgetProps, type TimelineEventPatch, TimelineToolbar, type TimelineToolbarProps, TimelineTrack, type TimelineTrackProps, TimelineVideoPanel, type TimelineVideoPanelProps, type TimelineViewData, TimelineViewExtension, type TimelineViewExtensionOptions, type TimelineViewPluginState, Toolbar, type ToolbarProps, TooltipLayer, TransformMenu, type TransitionCatalogEntry, type TransitionFields, type TransitionGroup, TransitionPicker, type TransitionPickerProps, type TreeBlockEntry, type TreeCommand, TreeOutlineWidget, type TreeViewData, TreeViewExtension, type TreeViewExtensionOptions, type TreeViewPluginState, type UseBlockNavigatorOptions, type UseFileDropOptions, type UseFileDropResult, type UseMonacoLoaderResult, VersionHistoryPanel, ViewMenuPanel, ViewSwitcher, type ViewSwitcherProps, type WrapPolicyIngest, addEdgeOp, addItemOp, addNodeOp, addTimelineEventOp, applyAsciiDiagramCommand, applyRepairCommand, applyTimelineCommand, applyTreeCommand, asciiDiagramToCanvas, buildPreviewDoc, classifyFile, codeSnippetFenceLanguageToken, codeSnippetLanguageLabel, codeSnippetMarkdown, detectLanguageFromFileName, draftPatchFromImportedTheme, findAsciiDiagramBlockPos, findCodeSnippetBlockPos, findMermaidDiagramBlockPos, findRepairableBlockPos, findTimelineBlockPos, findTransitionEntry, findTreeBlockPos, formatSeconds, getBlockSlices, getTimelineForNode, indentItemOp, ingestForWrite, inspectMermaidSource, isAsciiSourceVisible, isCodeSnippetFenceLanguage, isCodeSnippetNode, isMermaidDiagramNode, isMermaidFlowchartShapeId, isMermaidSourceVisible, isRepairableFence, isTimelineSourceSafeForSemanticEdit, lineToOffset, markdownToTiptap, mermaidDiagramMarkdown, mermaidDiagramProperties, mermaidEditCapabilities, mermaidEditableTexts, mermaidErrorMessage, monacoLanguageForFence, moveItemDownOp, moveItemUpOp, moveNodeOp, nextTimelineEventId, normalizeMermaidFlowchartShape, offsetToLine, outdentItemOp, parseTimelineForNode, partitionFiles, persistFromWrite, preloadMonaco, preloadMonacoSuggestions, processMediaFiles, processTextFile, processTextFiles, readBlockAttrsParams, readBlockAttrsTransition, readBlockAttrsValue, readHeadingLineTransition, removeEdgeOp, removeItemOp, removeNodeOp, removeTimelineEventOp, renameItemOp, renameNodeOp, renderMermaidDiagram, replaceAsciiFenceText, replaceCodeSnippetText, replaceAsciiFenceText as replaceTreeFenceText, resizeNodeOp, resolveFileKind, sanitizeAsciiLabel, sanitizeTimelineText, sanitizeTreeLabel, searchPickerEntries, setBlockAttrsValue, setBlockDurationInSource, setHeadingAttrsTransition, setHeadingLineTransition, setMediaClipInSource, shouldPasteAsAsciiFence, shouldPasteAsTimelineFence, shouldPasteAsTreeFence, sliceIndexAtOffset, spliceBlock, summarizeBlockProps, templateLabel, tiptapToMarkdown, toggleAsciiSource, toggleDirOp, toggleMermaidSource, transitionLabel, translateDiagramOp, updateTimelineEventOp, useAsciiDiagramData, useBlockNavigator, useCodeSnippetData, useCustomTemplates, useCustomThemes, useDocCustomTemplates, useDocCustomThemes, useFileDrop, useMermaidDiagramData, useMonacoLoader, usePreviewSettings, useTimelineData, useTreeViewData };

package/dist/index.js

@@ -62,11 +62,15 @@ import {
   TRANSITION_GROUPS,
   TemplatePicker,
   ThemePicker,
+  TimelineCompositionPanel,
   TimelineEditorWidget,
+  TimelineToolbar,
   TimelineTrack,
+  TimelineVideoPanel,
   TimelineViewExtension,
   Toolbar,
   TooltipLayer,
+  TransformMenu,
   TransitionPicker,
   TreeOutlineWidget,
   TreeViewExtension,
@@ -101,6 +105,7 @@ import {
   getBlockSlices,
   getTimelineForNode,
   indentItemOp,
+  ingestForWrite,
   inspectMermaidSource,
   isAsciiSourceVisible,
   isCodeSnippetFenceLanguage,
@@ -126,7 +131,10 @@ import {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  persistFromWrite,
   platformShortcut,
+  preloadMonaco,
+  preloadMonacoSuggestions,
   processMediaFiles,
   processTextFile,
   processTextFiles,
@@ -176,20 +184,22 @@ import {
   useDocCustomTemplates,
   useDocCustomThemes,
   useEditorContext,
+  useEscapeDismissal,
   useFileDrop,
   useMermaidDiagramData,
   useMonacoLoader,
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-GNIVYDZH.js";
+} from "./chunk-UPEGQYF4.js";
+import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
-} from "./chunk-54UGTQBO.js";
+} from "./chunk-IIWECJ26.js";
 import {
   markdownToTiptap,
   tiptapToMarkdown
-} from "./chunk-NITZVAXL.js";
+} from "./chunk-MM3M2KUV.js";
 import {
   ImageEditor,
   ImageViewer,
@@ -199,14 +209,14 @@ import {
 } from "./chunk-V44VP242.js";
 import {
   RecorderButton
-} from "./chunk-6VDYKI3L.js";
+} from "./chunk-VNUGP7NG.js";
 import {
   RecorderModal,
   RecorderPanel,
   getCaptureKind,
   requestScreenStream,
   useMediaRecorder
-} from "./chunk-MJJK7YQB.js";
+} from "./chunk-F4NBECWR.js";
 import "./chunk-GS7QWYFT.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
@@ -386,6 +396,9 @@ function ThemeCustomizerPanel({
   const [draft, setDraft] = useState(() => themeToDraft(value));
   const [popoverPosition, setPopoverPosition] = useState(null);
   const containerRef = useRef(null);
+  const triggerRef = useRef(null);
+  const close = useCallback(() => setOpen(false), []);
+  useEscapeDismissal(open, close, triggerRef);
   const externalIdRef = useRef(value?.id ?? null);
   useEffect(() => {
     const incomingId = value?.id ?? null;
@@ -476,6 +489,7 @@ function ThemeCustomizerPanel({
     /* @__PURE__ */ jsx3(
       "button",
       {
+        ref: triggerRef,
         type: "button",
         className: `squisq-toolbar-button squisq-theme-customizer-trigger${triggerLabel ? " squisq-theme-customizer-trigger--label" : ""}${open ? " squisq-toolbar-button--active" : ""}`,
         "data-tooltip": "Customize theme",
@@ -734,11 +748,15 @@ export {
   TemplatePicker,
   ThemeCustomizerPanel,
   ThemePicker,
+  TimelineCompositionPanel,
   TimelineEditorWidget,
+  TimelineToolbar,
   TimelineTrack,
+  TimelineVideoPanel,
   TimelineViewExtension,
   Toolbar,
   TooltipLayer,
+  TransformMenu,
   TransitionPicker,
   TreeOutlineWidget,
   TreeViewExtension,
@@ -785,6 +803,7 @@ export {
   getTimelineForNode,
   imageEditorReducer,
   indentItemOp,
+  ingestForWrite,
   initialImageEditorState,
   insertNarrationPreamble,
   inspectMermaidSource,
@@ -815,6 +834,9 @@ export {
   outdentItemOp,
   parseTimelineForNode,
   partitionFiles,
+  persistFromWrite,
+  preloadMonaco,
+  preloadMonacoSuggestions,
   processMediaFiles,
   processTextFile,
   processTextFiles,

package/dist/json-editor/index.js

@@ -1,7 +1,7 @@
 import {
   JsonEditor
-} from "../chunk-54UGTQBO.js";
-import "../chunk-NITZVAXL.js";
+} from "../chunk-IIWECJ26.js";
+import "../chunk-MM3M2KUV.js";
 export {
   JsonEditor
 };

package/dist/monaco.d.ts

@@ -1 +1,27 @@
 export * from 'monaco-editor/esm/vs/editor/editor.api.js';
+import { M as MonacoLanguageRequest, a as MonacoLanguageLoadOptions } from './monacoLanguageDetection-DEyUW-BS.js';
+export { m as monacoLanguageRequestKey, b as monacoLanguagesForDocument, n as normalizeMonacoLanguage } from './monacoLanguageDetection-DEyUW-BS.js';
+
+/** Demand-driven Monaco language registration for Squisq editor surfaces. */
+
+/** Load only the requested grammar registrations and, when opted in, services. */
+declare function loadMonacoLanguages(requested: MonacoLanguageRequest, options?: MonacoLanguageLoadOptions): Promise<void>;
+
+/**
+ * Canonical Monaco entry for Squisq and downstream hosts.
+ *
+ * This entry deliberately avoids Monaco's `editor.main.js` and
+ * `editor.all.js` barrels. It registers the compact editing feature profile
+ * used by every Squisq editor. Language grammars and worker-backed services
+ * are loaded on demand through `loadMonacoLanguages`, so a Markdown source
+ * view does not initialize an IDE's worth of unrelated features and languages.
+ *
+ * Rich CSS/HTML/JSON/JavaScript/TypeScript services still need workers wired
+ * through `configureMonacoWorkers`. Syntax highlighting, editing, and Squisq's
+ * custom completion providers do not start those workers.
+ */
+
+/** Load Monaco's completion/snippet UI without placing it in the editor core. */
+declare function loadMonacoSuggestions(): Promise<void>;
+
+export { MonacoLanguageLoadOptions, MonacoLanguageRequest, loadMonacoLanguages, loadMonacoSuggestions };