@bendyline/squisq-editor-react 2.4.7 → 2.6.0

package/dist/{chunk-ZSQN6IO7.js → chunk-JUAQQTJE.js}

@@ -1521,6 +1521,13 @@ function recorderBitsPerSecond(value) {
   return Math.round(value * 1e3);
 }
 
+// src/recorder/recordedMediaKind.ts
+function recordedMediaKind(source, stream, mimeType) {
+  if (stream) return stream.getVideoTracks().length > 0 ? "video" : "audio";
+  if (mimeType?.toLowerCase().startsWith("audio/")) return "audio";
+  return source === "mic" ? "audio" : "video";
+}
+
 // src/recorder/RecorderModal.tsx
 import {
   Fragment as Fragment2,
@@ -2233,6 +2240,7 @@ function RecorderModal({
           relativePath: screenPath,
           filename: screenFilename,
           source,
+          mediaKind: "video",
           mimeType: recorder.mimeType,
           duration,
           hasTimingSidecar: false,
@@ -2257,13 +2265,10 @@ function RecorderModal({
     setIsSaving(true);
     setSaveError(null);
     try {
-      const filename = buildFilename(
-        source === "mic" ? "audio" : "video",
-        recorder.extension,
-        basename,
-        filenameSeed
-      );
-      const relativeName = `${recorder.directory}/${filename}`;
+      const mediaKind = recordedMediaKind(source, recorder.stream, recorder.mimeType);
+      const filename = buildFilename(mediaKind, recorder.extension, basename, filenameSeed);
+      const directory = mediaKind === "audio" ? "audio" : recorder.directory;
+      const relativeName = `${directory}/${filename}`;
       const relativePath = await mediaProvider.addMedia(
         relativeName,
         recorder.blob,
@@ -2291,6 +2296,7 @@ function RecorderModal({
         relativePath,
         filename,
         source,
+        mediaKind,
         mimeType: recorder.mimeType,
         duration: recorder.durationMs / 1e3,
         hasTimingSidecar
@@ -2331,7 +2337,7 @@ function RecorderModal({
     },
     [recorder.durationMs]
   );
-  const isAudioOnly = source === "mic";
+  const isAudioOnly = recordedMediaKind(source, recorder.stream, recorder.mimeType) === "audio";
   const showPreview = recorder.state !== "idle" && recorder.state !== "error";
   const canRecord = recorder.state === "ready";
   const canStop = recorder.state === "recording";
@@ -2839,6 +2845,7 @@ export {
   buildRecorderScreenConstraints,
   buildRecorderScreenAudioConstraints,
   recorderBitsPerSecond,
+  recordedMediaKind,
   useModalDialog,
   RecorderModal,
   RecorderPanel

package/dist/{chunk-4F7SN6WU.js → chunk-WH3DL6TG.js}

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

package/dist/index.d.ts

@@ -1,18 +1,18 @@
-import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel } from './shell-CU4GpGuq.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-CU4GpGuq.js';
+import { C as CodeContext, E as EditorHostMode, S as SceneTextChannel } from './shell-BXG_NlvR.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-BXG_NlvR.js';
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as react from 'react';
 import { ReactNode, CSSProperties } from 'react';
 import { Doc, ScheduledClip, VideoPlacement, VideoPipSize, VideoPipShape, VideoPipPosition, 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 { CodeBlockCopyHandler, DisplayMode, CaptionStyle, VideoPresentation, PipSize, PipShape, PipPosition } from '@bendyline/squisq-react';
 import { IconFamily } from '@bendyline/squisq/icons';
-import { DisplayMode, CaptionStyle, VideoPresentation, PipSize, PipShape, PipPosition } from '@bendyline/squisq-react';
+import { CoverSlideTemplate, CoverSlidePlayback, ConnectorRouting, AsciiDiagram, Tree, AsciiTimeline, AsciiTimelineSide, AsciiTimelineMarker } from '@bendyline/squisq/doc';
 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';
 import { Extension } from '@tiptap/core';
 import * as _tiptap_extension_heading from '@tiptap/extension-heading';
@@ -22,7 +22,7 @@ import { PluginKey } from '@tiptap/pm/state';
 import { Node } from '@tiptap/pm/model';
 import { RenderResult } from 'mermaid';
 export { JsonEditor, JsonEditorProps } from './json-editor/index.js';
-export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, R as RecordedBookmark, a as RecorderAudioDeviceSettings, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraDeviceSettings, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderConstraintMode, h as RecorderDeviceSettings, i as RecorderDeviceSettingsPanel, j as RecorderDeviceSettingsPanelProps, k as RecorderEncodingSettings, l as RecorderModal, m as RecorderModalProps, n as RecorderNarrationOptions, o as RecorderPanel, p as RecorderPanelProps, q as RecorderSaveResult, r as RecorderScreenAudioSettings, s as RecorderScreenDeviceSettings, S as ScreenStreamHandle, t as ScreenStreamOptions, T as TimingJson, u as buildRecorderAudioConstraints, v as buildRecorderCameraConstraints, w as buildRecorderScreenAudioConstraints, x as buildRecorderScreenConstraints, y as buildTimingJson, z as encodeTimingJson, A as recorderBitsPerSecond, B as requestCameraStream, E as requestMicStream, F as requestScreenStream, G as timingPathFor, H as useStreamPreview } from './recorder-CnOKlYY3.js';
+export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceSettings, j as RecorderDeviceSettingsPanel, k as RecorderDeviceSettingsPanelProps, l as RecorderEncodingSettings, m as RecorderModal, n as RecorderModalProps, o as RecorderNarrationOptions, p as RecorderPanel, q as RecorderPanelProps, r as RecorderSaveResult, s as RecorderScreenAudioSettings, t as RecorderScreenDeviceSettings, S as ScreenStreamHandle, u as ScreenStreamOptions, T as TimingJson, v as buildRecorderAudioConstraints, w as buildRecorderCameraConstraints, x as buildRecorderScreenAudioConstraints, y as buildRecorderScreenConstraints, z as buildTimingJson, A as encodeTimingJson, B as recordedMediaKind, E as recorderBitsPerSecond, F as requestCameraStream, G as requestMicStream, H as requestScreenStream, I as timingPathFor, J as useStreamPreview } from './recorder-xL-5Vfbu.js';
 export { C as CanvasSink, a as CaptureKind, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, c as FloatingWindowHandle, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, g as NarrationStageHandle, h as NarrationTake, P as PrompterTransport, R as RecorderAudioBitrateMode, i as RecorderCameraLane, j as RecorderExtendedMediaOptions, k as RecorderSource, l as RecorderState, m as ResolvedFormat, T as TeleprompterController, n as TeleprompterPrefs, o as TeleprompterRecordingDeps, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, q as UseNarrationStageOptions, r as buildFilename, s as createFloatingWindowManager, t as detectFloatTiers, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, z as useFloatingWindow, A as useMediaRecorder, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from './useNarrationStage-Bk3mdW75.js';
 export { EYE_LINE_FRACTION, NarrationSavePlan, NarrationSaveResult, NarrationStage, NarrationStageProps, PCM_WORKLET_NAME, PCM_WORKLET_SOURCE, TELEPROMPTER_CSS, TeleprompterControls, TeleprompterControlsProps, TeleprompterSurface, TeleprompterSurfaceProps, TeleprompterView, TeleprompterViewProps, TokenLineMap, buildNarrationSavePlan, cameraVideoLine, ensureTeleprompterStyles, executeNarrationSave, insertNarrationPreamble, measureTokenLines, narrationAnnotationLine, prompterVarsFromTheme, registerPcmWorklet, stepScroll, targetOffsetFor } from './teleprompter/index.js';
 import '@bendyline/squisq/versions';
@@ -471,8 +471,12 @@ interface PlainHtmlPreviewProps {
      * Return `false` to allow the iframe's default navigation.
      */
     onLinkClick?: (href: string) => boolean | undefined;
+    /** Show a Copy button on ordinary fenced code blocks (default: false). */
+    showCodeCopyButton?: boolean;
+    /** 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, }: PlainHtmlPreviewProps): react_jsx_runtime.JSX.Element;
+declare function PlainHtmlPreview({ markdown, title, images, mediaProvider, mediaRevision, theme, className, style, globalKeyboardShortcuts, onFrameChange, onLinkClick, showCodeCopyButton, onCopyCode, }: PlainHtmlPreviewProps): react_jsx_runtime.JSX.Element;
 
 /**
  * Emoji Dataset
@@ -826,6 +830,12 @@ interface PreviewSettings {
     activeCoverSlide: boolean;
     /** Enable/disable the managed cover slide. */
     setCoverSlideEnabled: (enabled: boolean) => void;
+    activeCoverSlideTemplate: CoverSlideTemplate;
+    setCoverSlideTemplate: (template: CoverSlideTemplate) => void;
+    activeCoverSlideDuration: number;
+    setCoverSlideDuration: (duration: number) => void;
+    activeCoverSlidePlayback: CoverSlidePlayback;
+    setCoverSlidePlayback: (playback: CoverSlidePlayback) => void;
     /** Whether Video mode restarts automatically when playback ends. */
     activeVideoLoop: boolean;
     /** Enable/disable automatic Video-mode playback restart. */
@@ -873,18 +883,6 @@ interface PreviewSettingsProviderProps {
     themeOverride?: Theme | null;
 }
 declare function PreviewSettingsProvider({ doc, children, defaultViewportPreset, themeOverride, }: PreviewSettingsProviderProps): react_jsx_runtime.JSX.Element;
-/**
- * Inline preview controls rendered in the main toolbar row.
- *
- * Collapse is *progressive* (a priority-plus pattern): rather than switch the
- * whole row in and out at a fixed window-width breakpoint, the controls
- * measure how many of them actually fit in the width the toolbar gives them
- * and keep that many inline, folding the rest — from the low-priority end of
- * {@link CONTROL_KEYS} — into a single ellipsis button's popover. As
- * the toolbar widens or narrows, controls migrate one at a time between the
- * inline row and the menu, so the available space is always well used and the
- * row never wraps onto a second line.
- */
 interface PreviewToolbarControlsProps {
     /**
      * Display mode whose applicable control set should be rendered. Defaults to
@@ -956,6 +954,17 @@ interface ToolbarProps {
      * editing free-form prompts — can pass false to suppress it.
      */
     showPlayTab?: boolean;
+    /**
+     * Whether to render Squisq's built-in text, block, and contextual
+     * formatting controls. The toolbar, Insert menu, view tabs, and host slots
+     * remain mounted when false. Defaults to true.
+     */
+    showFormattingControls?: boolean;
+    /**
+     * Whether to render Squisq's built-in Insert button and menu independently
+     * of the formatting controls. Defaults to true.
+     */
+    showInsertControls?: boolean;
     /**
      * Semantic embedding mode inherited from EditorShell. Chat mode exposes
      * only the Write surface, which suppresses the view tabs and their
@@ -968,7 +977,7 @@ interface ToolbarProps {
  * - WYSIWYG: calls Tiptap chain commands (toggleBold, etc.)
  * - Raw: appends markdown syntax to the source
  */
-declare function Toolbar({ className, showFiles, fileCount, onToggleFiles, slotLeft, slotAfterTabs, slotAfterActions, slotRight, showPlayTab, hostMode, }: ToolbarProps): react_jsx_runtime.JSX.Element;
+declare function Toolbar({ className, showFiles, fileCount, onToggleFiles, slotLeft, slotAfterTabs, slotAfterActions, slotRight, showPlayTab, showFormattingControls, showInsertControls, hostMode, }: ToolbarProps): react_jsx_runtime.JSX.Element;
 
 /**
  * VersionHistoryPanel

package/dist/index.js

@@ -194,7 +194,7 @@ import {
   usePreviewSettings,
   useTimelineData,
   useTreeViewData
-} from "./chunk-55DQFHK5.js";
+} from "./chunk-5FG3NAPH.js";
 import "./chunk-V4NBQF5C.js";
 import {
   JsonEditor
@@ -212,7 +212,7 @@ import {
 } from "./chunk-V44VP242.js";
 import {
   RecorderButton
-} from "./chunk-4F7SN6WU.js";
+} from "./chunk-WH3DL6TG.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   RecorderDeviceSettingsPanel,
@@ -223,10 +223,11 @@ import {
   buildRecorderScreenAudioConstraints,
   buildRecorderScreenConstraints,
   getCaptureKind,
+  recordedMediaKind,
   recorderBitsPerSecond,
   requestScreenStream,
   useMediaRecorder
-} from "./chunk-ZSQN6IO7.js";
+} from "./chunk-JUAQQTJE.js";
 import "./chunk-GS7QWYFT.js";
 import {
   TeleprompterView
@@ -865,6 +866,7 @@ export {
   readBlockAttrsTransition,
   readBlockAttrsValue,
   readHeadingLineTransition,
+  recordedMediaKind,
   recorderBitsPerSecond,
   registerPcmWorklet,
   removeEdgeOp,

package/dist/recorder/index.d.ts

@@ -1,4 +1,4 @@
-export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, R as RecordedBookmark, a as RecorderAudioDeviceSettings, b as RecorderButton, c as RecorderButtonProps, d as RecorderCameraDeviceSettings, e as RecorderCameraSaveResult, f as RecorderColorScheme, g as RecorderConstraintMode, h as RecorderDeviceSettings, i as RecorderDeviceSettingsPanel, j as RecorderDeviceSettingsPanelProps, k as RecorderEncodingSettings, l as RecorderModal, m as RecorderModalProps, o as RecorderPanel, p as RecorderPanelProps, q as RecorderSaveResult, r as RecorderScreenAudioSettings, s as RecorderScreenDeviceSettings, S as ScreenStreamHandle, t as ScreenStreamOptions, T as TimingJson, u as buildRecorderAudioConstraints, v as buildRecorderCameraConstraints, w as buildRecorderScreenAudioConstraints, x as buildRecorderScreenConstraints, y as buildTimingJson, z as encodeTimingJson, A as recorderBitsPerSecond, B as requestCameraStream, E as requestMicStream, F as requestScreenStream, G as timingPathFor, H as useStreamPreview } from '../recorder-CnOKlYY3.js';
+export { C as CameraStreamOptions, D as DEFAULT_RECORDER_DEVICE_SETTINGS, R as RecordedBookmark, a as RecordedMediaKind, b as RecorderAudioDeviceSettings, c as RecorderButton, d as RecorderButtonProps, e as RecorderCameraDeviceSettings, f as RecorderCameraSaveResult, g as RecorderColorScheme, h as RecorderConstraintMode, i as RecorderDeviceSettings, j as RecorderDeviceSettingsPanel, k as RecorderDeviceSettingsPanelProps, l as RecorderEncodingSettings, m as RecorderModal, n as RecorderModalProps, p as RecorderPanel, q as RecorderPanelProps, r as RecorderSaveResult, s as RecorderScreenAudioSettings, t as RecorderScreenDeviceSettings, S as ScreenStreamHandle, u as ScreenStreamOptions, T as TimingJson, v as buildRecorderAudioConstraints, w as buildRecorderCameraConstraints, x as buildRecorderScreenAudioConstraints, y as buildRecorderScreenConstraints, z as buildTimingJson, A as encodeTimingJson, B as recordedMediaKind, E as recorderBitsPerSecond, F as requestCameraStream, G as requestMicStream, H as requestScreenStream, I as timingPathFor, J as useStreamPreview } from '../recorder-xL-5Vfbu.js';
 export { a as CaptureKind, R as RecorderAudioBitrateMode, i as RecorderCameraLane, j as RecorderExtendedMediaOptions, k as RecorderSource, l as RecorderState, m as ResolvedFormat, U as UseMediaRecorderOptions, p as UseMediaRecorderResult, r as buildFilename, u as getCaptureKind, v as resolveFormat, w as supportsDisplayMedia, x as supportsMediaRecorder, y as supportsUserMedia, A as useMediaRecorder } from '../useNarrationStage-Bk3mdW75.js';
 import 'react/jsx-runtime';
 import '@bendyline/squisq/schemas';

package/dist/recorder/index.js

@@ -1,6 +1,6 @@
 import {
   RecorderButton
-} from "../chunk-4F7SN6WU.js";
+} from "../chunk-WH3DL6TG.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   RecorderDeviceSettingsPanel,
@@ -11,10 +11,11 @@ import {
   buildRecorderScreenAudioConstraints,
   buildRecorderScreenConstraints,
   getCaptureKind,
+  recordedMediaKind,
   recorderBitsPerSecond,
   requestScreenStream,
   useMediaRecorder
-} from "../chunk-ZSQN6IO7.js";
+} from "../chunk-JUAQQTJE.js";
 import "../chunk-GS7QWYFT.js";
 import {
   buildFilename,
@@ -43,6 +44,7 @@ export {
   buildTimingJson,
   encodeTimingJson,
   getCaptureKind,
+  recordedMediaKind,
   recorderBitsPerSecond,
   requestCameraStream,
   requestMicStream,

package/dist/{recorder-CnOKlYY3.d.ts → recorder-xL-5Vfbu.d.ts}

@@ -4,6 +4,17 @@ import { ContentContainer } from '@bendyline/squisq/storage';
 import { k as RecorderSource, o as TeleprompterRecordingDeps } from './useNarrationStage-Bk3mdW75.js';
 import { CSSProperties, RefObject } from 'react';
 
+type RecordedMediaKind = 'audio' | 'video';
+/**
+ * Classify the file that was actually recorded.
+ *
+ * The acquired stream is authoritative when it is still available: a browser
+ * can negotiate a `video/webm` container even when the stream contains only
+ * audio. MIME and requested source are retained as fallbacks for hosts that
+ * construct a save result without exposing the stream.
+ */
+declare function recordedMediaKind(source: RecorderSource, stream: Pick<MediaStream, 'getVideoTracks'> | null, mimeType: string | null | undefined): RecordedMediaKind;
+
 type RecorderColorScheme = 'light' | 'dark';
 /**
  * Everything narration mode needs beyond the base recorder props. Supplying
@@ -78,6 +89,8 @@ interface RecorderSaveResult {
     filename: string;
     /** Capture source the user picked. */
     source: RecorderSource;
+    /** Media kind detected from the tracks that were actually recorded. */
+    mediaKind: RecordedMediaKind;
     /** MIME type of the saved blob. */
     mimeType: string;
     /** Recording length in seconds. */
@@ -399,4 +412,4 @@ declare function encodeTimingJson(timing: TimingJson): Uint8Array;
  */
 declare function timingPathFor(audioRelativePath: string): string;
 
-export { recorderBitsPerSecond as A, requestCameraStream as B, type CameraStreamOptions as C, DEFAULT_RECORDER_DEVICE_SETTINGS as D, requestMicStream as E, requestScreenStream as F, timingPathFor as G, useStreamPreview as H, type RecordedBookmark as R, type ScreenStreamHandle as S, type TimingJson as T, type RecorderAudioDeviceSettings as a, RecorderButton as b, type RecorderButtonProps as c, type RecorderCameraDeviceSettings as d, type RecorderCameraSaveResult as e, type RecorderColorScheme as f, type RecorderConstraintMode as g, type RecorderDeviceSettings as h, RecorderDeviceSettingsPanel as i, type RecorderDeviceSettingsPanelProps as j, type RecorderEncodingSettings as k, RecorderModal as l, type RecorderModalProps as m, type RecorderNarrationOptions as n, RecorderPanel as o, type RecorderPanelProps as p, type RecorderSaveResult as q, type RecorderScreenAudioSettings as r, type RecorderScreenDeviceSettings as s, type ScreenStreamOptions as t, buildRecorderAudioConstraints as u, buildRecorderCameraConstraints as v, buildRecorderScreenAudioConstraints as w, buildRecorderScreenConstraints as x, buildTimingJson as y, encodeTimingJson as z };
+export { encodeTimingJson as A, recordedMediaKind as B, type CameraStreamOptions as C, DEFAULT_RECORDER_DEVICE_SETTINGS as D, recorderBitsPerSecond as E, requestCameraStream as F, requestMicStream as G, requestScreenStream as H, timingPathFor as I, useStreamPreview as J, type RecordedBookmark as R, type ScreenStreamHandle as S, type TimingJson as T, type RecordedMediaKind as a, type RecorderAudioDeviceSettings as b, RecorderButton as c, type RecorderButtonProps as d, type RecorderCameraDeviceSettings as e, type RecorderCameraSaveResult as f, type RecorderColorScheme as g, type RecorderConstraintMode as h, type RecorderDeviceSettings as i, RecorderDeviceSettingsPanel as j, type RecorderDeviceSettingsPanelProps as k, type RecorderEncodingSettings as l, RecorderModal as m, type RecorderModalProps as n, type RecorderNarrationOptions as o, RecorderPanel as p, type RecorderPanelProps as q, type RecorderSaveResult as r, type RecorderScreenAudioSettings as s, type RecorderScreenDeviceSettings as t, type ScreenStreamOptions as u, buildRecorderAudioConstraints as v, buildRecorderCameraConstraints as w, buildRecorderScreenAudioConstraints as x, buildRecorderScreenConstraints as y, buildTimingJson as z };

package/dist/shell/index.d.ts

@@ -1,4 +1,4 @@
-export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, c as EditorActions, d as EditorColorScheme, e as EditorContextValue, E as EditorHostMode, 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, p as WysiwygEditor, q as WysiwygEditorProps, u as useEditorContext } from '../shell-CU4GpGuq.js';
+export { B as BlockTagVisibility, D as DocumentLinkCandidate, b as DocumentLinkProvider, c as EditorActions, d as EditorColorScheme, e as EditorContextValue, E as EditorHostMode, 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, p as WysiwygEditor, q as WysiwygEditorProps, u as useEditorContext } from '../shell-BXG_NlvR.js';
 import 'react/jsx-runtime';
 import 'react';
 import '@bendyline/squisq/schemas';
@@ -7,3 +7,4 @@ import '@bendyline/squisq/storage';
 import '@bendyline/squisq/versions';
 import '@tiptap/core';
 import 'monaco-editor';
+import '@bendyline/squisq-react';

package/dist/shell/index.js

@@ -5,11 +5,11 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContext
-} from "../chunk-55DQFHK5.js";
+} from "../chunk-5FG3NAPH.js";
 import "../chunk-V4NBQF5C.js";
 import "../chunk-K2WJYVS4.js";
 import "../chunk-V44VP242.js";
-import "../chunk-ZSQN6IO7.js";
+import "../chunk-JUAQQTJE.js";
 import "../chunk-GS7QWYFT.js";
 import "../chunk-IQFPX2CE.js";
 import "../chunk-OWOKKZAU.js";

package/dist/{shell-CU4GpGuq.d.ts → shell-BXG_NlvR.d.ts}

@@ -6,6 +6,7 @@ import { ContentContainer } from '@bendyline/squisq/storage';
 import { DocumentVersionManager, SaveVersionOptions, SaveVersionResult, PrunePolicy } from '@bendyline/squisq/versions';
 import { Editor } from '@tiptap/core';
 import { editor } from 'monaco-editor';
+import { CodeBlockCopyHandler } from '@bendyline/squisq-react';
 
 /**
  * Configuration a Scene host (diagram / drawing / layout widget) supplies
@@ -671,7 +672,8 @@ interface EditorShellProps {
      * Semantic mode for the surface embedding the editor. `'document'`
      * (default) exposes the normal multi-view authoring shell. `'chat'`
      * starts and stays in Write view through the shell's own controls, hides
-     * the view tabs, and removes document-level layout, transform, view, and
+     * the view tabs, hides formatting controls by default while retaining the
+     * Insert menu, and removes document-level layout, transform, view, and
      * settings controls from the toolbar.
      */
     hostMode?: EditorHostMode;
@@ -693,6 +695,13 @@ interface EditorShellProps {
      * navigation; any other return (or void) marks the link as handled.
      */
     onLinkClick?: (href: string) => boolean | undefined;
+    /** Show a Copy button on ordinary fenced code blocks (default: false). */
+    showCodeCopyButton?: boolean;
+    /**
+     * Optional host clipboard adapter. When omitted, enabled controls use the
+     * browser Clipboard API. Electron/native hosts can bridge copying here.
+     */
+    onCopyCode?: CodeBlockCopyHandler;
     /**
      * Light/dark chrome color scheme for the editor shell — toolbar, tabs,
      * status bar, and side panes (default: `'light'`). This is the editor's
@@ -768,6 +777,18 @@ interface EditorShellProps {
     onSaveVersion?: (result: SaveVersionResult) => void;
     /** Show the Files toggle in the toolbar. Defaults to true when mediaProvider is passed. */
     showFilesToggle?: boolean;
+    /**
+     * Show the toolbar's built-in text, block, and contextual formatting
+     * controls. The toolbar, Insert menu, and host-provided slots remain
+     * visible when false. Defaults to true in document mode and false in chat
+     * mode.
+     */
+    showFormattingControls?: boolean;
+    /**
+     * Show the toolbar's built-in Insert button and menu independently of the
+     * formatting controls. Defaults to true.
+     */
+    showInsertControls?: boolean;
     /**
      * Whether the Files panel offers browser downloads for its binary entries.
      * Defaults to true. Pass false to remove the built-in download affordance.
@@ -1065,7 +1086,7 @@ interface EditorShellProps {
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
+declare function EditorShell({ initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, statusBarSlotRight, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, language, findMode, onFindModeChange, mentionProvider, documentLinkProvider, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, }: EditorShellProps): react_jsx_runtime.JSX.Element;
 
 /**
  * RawEditor
@@ -1143,12 +1164,16 @@ interface PreviewPanelProps {
     workspaceContainer?: ContentContainer | null;
     /** Delegate authored link activation to the embedding host. */
     onLinkClick?: (href: string) => boolean | undefined;
+    /** Show a Copy button on ordinary fenced code blocks (default: false). */
+    showCodeCopyButton?: boolean;
+    /** Optional host clipboard adapter; otherwise the browser Clipboard API is used. */
+    onCopyCode?: CodeBlockCopyHandler;
 }
 /**
  * Live preview panel that renders the current document as a slideshow
  * or document view. Controls (viewport, mode, theme, transform, captions)
  * are rendered in the main toolbar via PreviewToolbarControls.
  */
-declare function PreviewPanel({ basePath, className, workspaceContainer, onLinkClick, }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
+declare function PreviewPanel({ basePath, className, workspaceContainer, onLinkClick, showCodeCopyButton, onCopyCode, }: PreviewPanelProps): react_jsx_runtime.JSX.Element;
 
 export { type BlockTagVisibility as B, type CodeContext as C, type DocumentLinkCandidate as D, type EditorHostMode as E, type ImageDisplayMode as I, type LayoutMode as L, type MentionCandidate as M, PreviewPanel as P, RawEditor as R, type SceneTextChannel as S, type ThemeInheritance as T, type ViewPreferences as V, type WriteCanvasSettings as W, type CodeContextSection as a, type DocumentLinkProvider as b, type EditorActions as c, type EditorColorScheme as d, type EditorContextValue as e, type EditorMode as f, EditorProvider as g, type EditorProviderProps as h, EditorShell as i, type EditorShellProps as j, type EditorState as k, type EditorView as l, type MentionProvider as m, type PreviewPanelProps as n, type RawEditorProps as o, WysiwygEditor as p, type WysiwygEditorProps as q, useEditorContext as u };

package/dist/styles/index.css

@@ -7269,6 +7269,219 @@
 .squisq-use-mode-menu[data-theme=dark] .squisq-use-mode-menu-check {
   color: #93c5fd;
 }
+.squisq-cover-slide-trigger {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  padding: 3px 8px;
+  border: 1px solid var(--squisq-border, #d1d5db);
+  border-radius: 5px;
+  background: var(--squisq-input-bg, #fff);
+  color: var(--squisq-text, #1f2937);
+  font: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  white-space: nowrap;
+  cursor: pointer;
+}
+.squisq-cover-slide-trigger:hover,
+.squisq-cover-slide-trigger--open {
+  border-color: var(--squisq-accent, #2563eb);
+  background: var(--squisq-hover-bg, var(--squisq-bg, #f3f4f6));
+}
+.squisq-cover-slide-status {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  width: 15px;
+  height: 15px;
+  border-radius: 50%;
+  background: var(--squisq-border, #d1d5db);
+  color: var(--squisq-text-muted, #6b7280);
+  font-size: 8px;
+}
+.squisq-cover-slide-status--enabled {
+  background: var(--squisq-accent, #2563eb);
+  color: var(--squisq-text-on-accent, #fff);
+}
+.squisq-cover-slide-menu {
+  --cover-bg: #fff;
+  --cover-control: #fff;
+  --cover-border: #d1d5db;
+  --cover-text: #1f2937;
+  --cover-muted: #6b7280;
+  position: fixed;
+  z-index: 120;
+  box-sizing: border-box;
+  width: min(336px, calc(100vw - 16px));
+  padding: 14px;
+  border: 1px solid var(--cover-border);
+  border-radius: 8px;
+  background: var(--cover-bg);
+  color: var(--cover-text);
+  box-shadow: 0 12px 32px rgba(0, 0, 0, 0.2);
+  font-family:
+    system-ui,
+    -apple-system,
+    sans-serif;
+  color-scheme: light;
+}
+.squisq-cover-slide-menu[data-theme=dark] {
+  --cover-bg: #111827;
+  --cover-control: #0f172a;
+  --cover-border: #475569;
+  --cover-text: #f8fafc;
+  --cover-muted: #94a3b8;
+  color-scheme: dark;
+}
+.squisq-cover-slide-menu-heading,
+.squisq-cover-slide-field > span {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+}
+.squisq-cover-slide-menu-heading {
+  margin-bottom: 14px;
+  font-size: 14px;
+  font-weight: 700;
+}
+.squisq-cover-slide-switch {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  font-size: 12px;
+  font-weight: 500;
+  cursor: pointer;
+}
+.squisq-cover-slide-switch input,
+.squisq-cover-slide-timing input {
+  accent-color: var(--squisq-accent, #2563eb);
+}
+.squisq-cover-slide-preview {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-sizing: border-box;
+  margin: 0 0 12px;
+  overflow: hidden;
+  border: 1px solid var(--cover-border);
+  border-radius: 6px;
+  background: var(--cover-control);
+}
+.squisq-cover-slide-preview--disabled {
+  opacity: 0.45;
+}
+.squisq-cover-slide-preview-frame {
+  display: flex;
+  width: 100%;
+  height: 100%;
+}
+.squisq-cover-slide-preview-frame .block-svg {
+  display: block;
+  width: 100%;
+  height: 100%;
+}
+.squisq-cover-slide-preview-empty {
+  margin: 0;
+  padding: 10px 14px;
+  color: var(--cover-muted);
+  font-size: 11px;
+  line-height: 1.4;
+  text-align: center;
+}
+.squisq-cover-slide-field {
+  display: grid;
+  gap: 6px;
+  margin-bottom: 10px;
+  color: var(--cover-text);
+  font-size: 12px;
+  font-weight: 600;
+}
+.squisq-cover-slide-field select {
+  box-sizing: border-box;
+  width: 100%;
+  min-height: 34px;
+  padding: 5px 8px;
+  border: 1px solid var(--cover-border);
+  border-radius: 4px;
+  background: var(--cover-control);
+  color: var(--cover-text);
+  font: inherit;
+}
+.squisq-cover-slide-field output {
+  color: var(--cover-muted);
+  font-variant-numeric: tabular-nums;
+  font-weight: 500;
+}
+.squisq-cover-slide-field input[type=range] {
+  width: 100%;
+  margin: 3px 0;
+  accent-color: var(--squisq-accent, #2563eb);
+}
+.squisq-cover-slide-help {
+  min-height: 30px;
+  margin: -4px 0 12px;
+  color: var(--cover-muted);
+  font-size: 11px;
+  line-height: 1.35;
+}
+.squisq-cover-slide-timing {
+  display: grid;
+  gap: 7px;
+  margin: 0 0 14px;
+  padding: 10px;
+  border: 1px solid var(--cover-border);
+  border-radius: 5px;
+}
+.squisq-cover-slide-timing legend {
+  padding: 0 4px;
+  color: var(--cover-muted);
+  font-size: 11px;
+  font-weight: 700;
+}
+.squisq-cover-slide-timing label {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  align-items: start;
+  gap: 8px;
+  font-size: 12px;
+  cursor: pointer;
+}
+.squisq-cover-slide-timing label > span {
+  display: grid;
+  gap: 2px;
+  font-weight: 600;
+}
+.squisq-cover-slide-timing small {
+  color: var(--cover-muted);
+  font-size: 11px;
+  font-weight: 400;
+}
+.squisq-cover-slide-export {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  width: 100%;
+  min-height: 34px;
+  border: 1px solid var(--cover-border);
+  border-radius: 5px;
+  background: var(--cover-control);
+  color: var(--cover-text);
+  font: inherit;
+  font-size: 12px;
+  font-weight: 600;
+  cursor: pointer;
+}
+.squisq-cover-slide-export:hover:not(:disabled) {
+  border-color: var(--squisq-accent, #2563eb);
+}
+.squisq-cover-slide-export:disabled {
+  opacity: 0.55;
+  cursor: not-allowed;
+}
 .squisq-editor-shell[data-outline-visible=true] .squisq-toolbar-view-tabs {
   flex-shrink: 0;
   min-width: var(--squisq-outline-width, 240px);
@@ -7595,6 +7808,8 @@
   z-index: 100;
   min-width: 200px;
   padding: 4px 0;
+  overflow-y: auto;
+  overscroll-behavior: contain;
   font-family: var( --squisq-ux-font, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif );
   background: #fff;
   border: 1px solid #e5e7eb;
@@ -8953,6 +9168,15 @@
   margin: 0;
   border-radius: 0;
 }
+.squisq-wysiwyg-editor .squisq-video-node--audio-only {
+  width: min(100%, 360px);
+  max-width: 360px;
+  background: transparent;
+}
+.squisq-wysiwyg-editor .squisq-video-node--audio-only audio {
+  display: block;
+  width: 100%;
+}
 .squisq-editor-shell[data-theme=dark] .squisq-video-placement-toolbar {
   border-bottom-color: #374151;
   background: #111827;