@bendyline/squisq-editor-react 2.13.22 → 2.13.24

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

@@ -722,6 +722,12 @@ type CoverImageSaveOutput = (blob: Blob, filename: string) => boolean | void | P
  * as {@link CoverImageSaveOutput} (`false` keeps the export dialog open).
  */
 type DashboardImageSaveOutput = CoverImageSaveOutput;
+/**
+ * Host-owned persistence for an edited copy of a clip ("Save edited copy" in
+ * the media-edit dialog) — the same contract as {@link CoverImageSaveOutput}
+ * (`false` means the user cancelled). Without one the copy is downloaded.
+ */
+type MediaEditSaveOutput = CoverImageSaveOutput;
 /** Identifies the clip the media-edit panel is open on. */
 interface MediaEditTarget {
     /** 1-based source line of the clip's annotation or standalone media tag, when known. */
@@ -871,6 +877,8 @@ interface EditorContextValue extends EditorState, EditorActions {
     saveCoverImageOutput: CoverImageSaveOutput | undefined;
     /** Optional host save flow for dashboard image exports. */
     saveDashboardImageOutput: DashboardImageSaveOutput | undefined;
+    /** Optional host save flow for an edited copy of a clip. */
+    saveMediaEditOutput: MediaEditSaveOutput | undefined;
 }
 type ImageDisplayMode = 'inline' | 'thumbnail';
 /**
@@ -923,6 +931,12 @@ interface EditorProviderProps {
     onSaveVersion?: (result: SaveVersionResult) => void;
     /** MediaProvider for resolving image URLs */
     mediaProvider?: MediaProvider | null;
+    /**
+     * Base for relative media paths when there is no `mediaProvider` (the
+     * player's `basePath`). Used to measure the videos that hold a block open
+     * for their length. Default `/`.
+     */
+    mediaBasePath?: string;
     /** Processed-audio render manager for media-edit recipes; null disables. */
     mediaEditRenders?: MediaEditRenderManager | null;
     /** Display mode for images in the WYSIWYG view. Defaults to `'inline'`. */
@@ -1000,6 +1014,8 @@ interface EditorProviderProps {
     saveCoverImageOutput?: CoverImageSaveOutput;
     /** Optional host save flow for dashboard image exports. */
     saveDashboardImageOutput?: DashboardImageSaveOutput;
+    /** Optional host save flow for an edited copy of a clip; default is a download. */
+    saveMediaEditOutput?: MediaEditSaveOutput;
     /** Explicit Monaco language ID — wins over the fileName-derived one. */
     language?: string;
     /**
@@ -1090,7 +1106,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, 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;
+declare function EditorProvider({ initialMarkdown, initialView, articleId, colorScheme: initialColorScheme, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, mediaProvider, mediaBasePath, mediaEditRenders, imageDisplayMode, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, onCopyCode, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, fileName, saveCoverImageOutput, saveDashboardImageOutput, saveMediaEditOutput, language, findMode: controlledFindMode, onFindModeChange, findRequest, inlinePreview, showStatusBar, outline, blockTags, blockTagVisibility: initialBlockTagVisibility, themeInheritance, layoutMode, viewPreferences, onViewPreferencesChange, children, }: EditorProviderProps): react.JSX.Element;
 
 /** Which list the navigation sheet shows. */
 type NavigationSheetPanel = 'outline' | 'previews';
@@ -1229,6 +1245,11 @@ interface WriteCanvasSettings {
  * authoring controls that do not belong in a message composer.
  */
 type EditorHostMode = 'document' | 'chat';
+/**
+ * Where the editor shell places its toolbar: above the editing surface (the
+ * document default) or below it (a chat composer's attach and send row).
+ */
+type EditorToolbarPosition = 'top' | 'bottom';
 
 interface EditorShellProps {
     /** Accessible name for the editing surface, separate from its empty placeholder. */
@@ -1382,6 +1403,14 @@ interface EditorShellProps {
     toolbarSlotAfterActions?: ReactNode;
     /** Content rendered at the rightmost end of the toolbar, after all other elements. */
     toolbarSlotRight?: ReactNode;
+    /**
+     * Where the toolbar sits relative to the editing surface (default: `'top'`).
+     * `'bottom'` renders it after the content, above the status bar, the way a
+     * chat composer carries its attach and send keys under the draft. The
+     * toolbar follows the content in DOM order too, so keyboard focus moves
+     * from the draft to the keys in the order they are seen.
+     */
+    toolbarPosition?: EditorToolbarPosition;
     /** Optional designer opened beside Summarize in the preview toolbar. */
     summarizationDesigner?: (onClose: () => void) => ReactNode;
     /** Host-supplied content rendered at the right edge of the bottom status bar. */
@@ -1416,6 +1445,15 @@ interface EditorShellProps {
      * sense (e.g. editing free-form prompt documents). Defaults to true.
      */
     showPlayTab?: boolean;
+    /**
+     * Whether to show the view tabs (Write, Source, Use) and their mode menus.
+     * Defaults to true. When false the editor stays in `initialView` — the
+     * Ctrl/Cmd+Shift+1/2/3 view shortcuts act through the tabs, so they do
+     * nothing either — while the formatting and Insert controls remain. Use it
+     * for a small field inside a form, where switching views is not a choice
+     * the person should face. `hostMode="chat"` already hides the tabs.
+     */
+    showViewTabs?: boolean;
     /**
      * Whether Use mode may open its audience view in a separate browser window.
      * Defaults to true. Disable this in embedded hosts that block popups.
@@ -1519,6 +1557,11 @@ interface EditorShellProps {
      * editor uses the browser File System Access picker or download fallback.
      */
     saveDashboardImageOutput?: DashboardImageSaveOutput;
+    /**
+     * Host save flow for "Save edited copy" in the media-edit dialog (a clip
+     * with its edits baked into one file). Without one the copy is downloaded.
+     */
+    saveMediaEditOutput?: MediaEditSaveOutput;
     /**
      * Explicit Monaco language ID override (e.g. `'typescript'`,
      * `'python'`, `'json'`). Wins over the language derived from
@@ -1825,7 +1868,7 @@ interface EditorShellProps {
  * Complete markdown editor shell with toolbar, view switcher, and three
  * editing modes: Raw (Monaco), WYSIWYG (Tiptap), and Preview.
  */
-declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, navigationSheet, onNavigationSheetChange, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, pageTemplates, }: EditorShellProps): react.JSX.Element;
+declare function EditorShell({ ariaLabel, initialMarkdown, initialView, hostMode, defaultViewportPreset, articleId, basePath, onChange, onLinkClick, showCodeCopyButton, onCopyCode, colorScheme, className, height, minHeight, maxHeight, mediaProvider, mediaEditRenders, workspaceContainer, allowVersioning, versionBasename, versioningPrunePolicy, versioningAutoSaveIdleMs, onSaveVersion, showFilesToggle, showFilesWhenNotEmpty, showFormattingControls, showInsertControls, allowBinaryDownloads, toolbarSlotLeft, toolbarSlotAfterActions, toolbarSlotRight, toolbarPosition, summarizationDesigner, statusBarSlotRight, sidePanelSlot, reviewProviders, showPlayTab, showViewTabs, allowPresentationWindow, allowPresentationFullscreen, allowPrint, submitOnEnter, calcEngineFactory, codeContext, fullWidth, uxFont, thinMargins, writeCanvasSettings, showStatusBar, imageDisplayMode, fileName, saveCoverImageOutput, saveDashboardImageOutput, saveMediaEditOutput, language, findMode, onFindModeChange, findRequest, findShortcut, mentionProvider, proofing, proofingDefaultEnabled, proofingSpellingEnabled, proofingGrammarEnabled, proofingIgnoreStore, speechInput, documentLinkProvider, wikiLinks, fenceRenderers, linkSchemes, allowRecording, allowNarrate, preserveSourceWrapping, placeholder, readOnly, imageSrc, imageAlt, imageMode, imageEditorContainer, onImageExport, inlinePreview, inlinePreviewWidth, outline, outlineWidth, navigationSheet, onNavigationSheetChange, blockTags, blockTagVisibility, themeInheritance, viewPreferences, onViewPreferencesChange, themeOverride, defaultThemeId, defaultThemeLabel, pageTemplates, }: EditorShellProps): react.JSX.Element;
 
 /**
  * MediaClipboard — copy, cut and paste of one image, video or audio clip in
@@ -2023,4 +2066,4 @@ interface EditorInsertMenuItem {
 /** Call from a toolbar slot; callbacks retain access to the editor context. */
 declare function useEditorInsertMenuItems(items: readonly EditorInsertMenuItem[]): void;
 
-export { type RawEditorProps as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type FindOptions as I, type FindRequest as J, type FormulaSessionOptions as K, type ImageDisplayMode as L, type IngestedSidecar as M, type InsertBlockOptions as N, type LayoutMode as O, type PageTemplateSettings as P, type MentionCandidate as Q, type MentionProvider as R, type SceneTextChannel as S, type NavigationSheetPanel as T, type OutlineBlock as U, type OutlineInsertion as V, type PageTemplateChoice as W, type XlsxSourceMeta as X, PreviewPanel as Y, type PreviewPanelProps as Z, RawEditor as _, type CalcEngineFactory as a, type ThemeInheritance as a0, type ViewPreferences as a1, type WriteCanvasSettings as a2, WysiwygEditor as a3, type WysiwygEditorProps as a4, XLSX_LOCKED_REASON as a5, type XlsxFormulaSession as a6, applySourceEditsToText as a7, blockInsertionPoint as a8, createXlsxFormulaSession as a9, getBlockSlices as aa, headingDepthForInsertion as ab, ingestSidecarBytes as ac, joinBlockAt as ad, lineToOffset as ae, minimalReplaceEdit as af, normalizeSourceEdits as ag, offsetToLine as ah, resolveOutlineInsertion as ai, sliceIndexAtOffset as aj, sourceOutline as ak, spliceBlock as al, useEditorContext as am, useEditorContextMenuItems as an, useEditorInsertMenuItems as ao, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };
+export { type PreviewPanelProps as $, type ApplySourceEditsOptions as A, type BlockInsertionBuilder as B, type CodeContext as C, type DashboardImageSaveOutput as D, type EditorHostMode as E, type FormulaEditRecord as F, type EditorShellProps as G, type EditorState as H, type EditorToolbarPosition as I, type FindOptions as J, type FindRequest as K, type FormulaSessionOptions as L, type ImageDisplayMode as M, type IngestedSidecar as N, type InsertBlockOptions as O, type PageTemplateSettings as P, type LayoutMode as Q, type MediaEditSaveOutput as R, type SceneTextChannel as S, type MentionCandidate as T, type MentionProvider as U, type NavigationSheetPanel as V, type OutlineBlock as W, type XlsxSourceMeta as X, type OutlineInsertion as Y, type PageTemplateChoice as Z, PreviewPanel as _, type CalcEngineFactory as a, RawEditor as a0, type RawEditorProps as a1, type ThemeInheritance as a2, type ViewPreferences as a3, type WriteCanvasSettings as a4, WysiwygEditor as a5, type WysiwygEditorProps as a6, XLSX_LOCKED_REASON as a7, type XlsxFormulaSession as a8, applySourceEditsToText as a9, blockInsertionPoint as aa, createXlsxFormulaSession as ab, getBlockSlices as ac, headingDepthForInsertion as ad, ingestSidecarBytes as ae, joinBlockAt as af, lineToOffset as ag, minimalReplaceEdit as ah, normalizeSourceEdits as ai, offsetToLine as aj, resolveOutlineInsertion as ak, sliceIndexAtOffset as al, sourceOutline as am, spliceBlock as an, useEditorContext as ao, useEditorContextMenuItems as ap, useEditorInsertMenuItems as aq, type EditorView as b, type CsvSourceMeta as c, type BlockInsertionContext as d, type BlockPlacement as e, type BlockRange as f, type BlockSlice as g, type BlockTagVisibility as h, type CodeContextSection as i, type CoverImageSaveOutput as j, type DocumentLinkCandidate as k, type DocumentLinkProvider as l, type EditorActions as m, type EditorColorScheme as n, type EditorContextMenuContext as o, type EditorContextMenuItem as p, type EditorContextMenuItemVisibility as q, EditorContextMenuProvider as r, type EditorContextMenuProviderProps as s, type EditorContextValue as t, type EditorInsertMenuItem as u, type EditorMode as v, EditorProvider as w, type EditorProviderProps as x, type EditorSelectionInfo as y, EditorShell as z };

package/dist/speech/index.js

@@ -1,7 +1,7 @@
 import {
   encodeMonoPcm16Wav,
   startDictationSession
-} from "../chunk-7ADGH53Y.js";
+} from "../chunk-RVHUTOHG.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,

package/dist/styles/index.css

@@ -9129,6 +9129,10 @@
   outline: 2px solid rgba(99, 102, 241, 0.25);
   outline-offset: -1px;
 }
+.squisq-template-picker-trigger:disabled {
+  opacity: 0.6;
+  pointer-events: none;
+}
 .squisq-template-picker-trigger-label {
   color: var(--squisq-text-muted);
 }
@@ -9160,6 +9164,10 @@
   overflow: hidden;
   text-overflow: ellipsis;
 }
+.squisq-slide-block-type .squisq-template-picker-trigger-value {
+  width: 88px;
+  text-align: left;
+}
 .squisq-template-picker-trigger-caret {
   color: var(--squisq-text-faint);
   flex-shrink: 0;
@@ -9624,6 +9632,10 @@
   background: var(--squisq-surface-subtle);
   flex-shrink: 0;
 }
+.squisq-editor-shell[data-toolbar-position=bottom] > .squisq-editor-header {
+  border-bottom: 0;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
 .squisq-editor-header--image {
   display: flex;
   align-items: center;
@@ -15430,6 +15442,35 @@ button.squisq-view-menu-radio-row:focus-visible {
   font-weight: 600;
 }
 
+/* src/styles/footnotes.css */
+.squisq-footnote-ref {
+  font-size: 0.72em;
+  vertical-align: super;
+  line-height: 0;
+  padding: 0 0.2em;
+  border-radius: 3px;
+  color: var(--squisq-accent);
+  background: var(--squisq-accent-subtle);
+  white-space: nowrap;
+}
+.squisq-footnote-ref--missing {
+  color: var(--squisq-text-muted);
+  background: transparent;
+}
+.squisq-footnote-definition {
+  font-size: 0.875em;
+  color: var(--squisq-text-muted);
+}
+.squisq-footnote-definition:not(.squisq-footnote-definition + .squisq-footnote-definition) {
+  margin-top: 1.25em;
+  padding-top: 0.5em;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-footnote-label {
+  color: var(--squisq-accent);
+  font-weight: 600;
+}
+
 /* src/styles/document-tray.css */
 .squisq-wysiwyg-editor .squisq-document-tray-source {
   display: none !important;
@@ -17057,13 +17098,26 @@ button.squisq-view-menu-radio-row:focus-visible {
   background: var(--squisq-editor-control-bg-hover);
 }
 .squisq-media-edit-modal__surface--tabbed {
+  width: min(720px, 100%);
   height: min(640px, 100%);
 }
+.squisq-media-edit-modal__surface--large {
+  width: 100%;
+  height: 100%;
+}
 .squisq-media-edit-modal__body {
+  display: flex;
   flex: 1;
+  flex-direction: column;
+  min-height: 0;
   overflow: auto;
   padding: 12px 16px 16px;
 }
+.squisq-media-edit-panel--fill:not([hidden]) {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+}
 .squisq-media-edit-tabs {
   display: flex;
   gap: 4px;
@@ -17372,6 +17426,10 @@ button.squisq-view-menu-radio-row:focus-visible {
   border-radius: 4px;
   touch-action: none;
 }
+.squisq-media-edit-modal__surface--large .squisq-media-edit-crop {
+  max-width: min(100%, calc((100vh - 300px) * var(--squisq-media-edit-frame-ratio, 1.7778)));
+  margin-inline: auto;
+}
 .squisq-media-edit-crop video {
   display: block;
   width: 100%;
@@ -17417,6 +17475,318 @@ button.squisq-view-menu-radio-row:focus-visible {
   right: -7px;
   cursor: nwse-resize;
 }
+.squisq-media-edit-cuts {
+  display: flex;
+  flex: 1 0 auto;
+  flex-direction: column;
+}
+.squisq-media-edit-cuts__monitor {
+  position: relative;
+  flex: 1 1 180px;
+  min-height: 180px;
+  margin-bottom: 8px;
+  overflow: hidden;
+  background: var(--squisq-surface-sunken);
+  border-radius: 4px;
+}
+.squisq-media-edit-cuts__monitor video {
+  position: absolute;
+  inset: 0;
+  display: block;
+  width: 100%;
+  height: 100%;
+  object-fit: contain;
+}
+.squisq-media-edit-cuts__transport,
+.squisq-media-edit-cuts__actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 6px;
+}
+.squisq-media-edit-cuts__transport {
+  margin-bottom: 8px;
+}
+.squisq-media-edit-cuts__actions {
+  margin-top: 8px;
+}
+.squisq-media-edit-cuts__notes {
+  display: flex;
+  flex-wrap: wrap;
+  justify-content: space-between;
+  column-gap: 16px;
+}
+.squisq-media-edit-modal__surface--large .squisq-media-edit-cuts__lower {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) 380px;
+  column-gap: 20px;
+  align-items: start;
+}
+.squisq-media-edit-modal__surface--large .squisq-media-edit-cuts__pauses {
+  margin-top: 6px;
+  padding-top: 0;
+  border-top: 0;
+}
+.squisq-media-edit-cuts__transport .squisq-media-edit-chips {
+  margin: 0;
+}
+.squisq-media-edit-cuts__play {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 6px;
+  min-width: 78px;
+}
+.squisq-media-edit-cuts__time {
+  min-width: 9.5em;
+  color: var(--squisq-text-muted);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+.squisq-media-edit-cuts__zoom {
+  display: flex;
+  gap: 4px;
+  margin-left: auto;
+}
+.squisq-media-edit-cuts__selection {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+.squisq-media-edit-cuts__pauses {
+  margin-top: 12px;
+  padding-top: 8px;
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-media-edit-timeline {
+  position: relative;
+  overflow-x: auto;
+  overflow-y: hidden;
+  scrollbar-width: thin;
+  background: var(--squisq-surface-sunken);
+  border: 1px solid var(--squisq-editor-control-border);
+  border-radius: 4px;
+}
+.squisq-media-edit-timeline:focus-visible {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: 1px;
+}
+.squisq-media-edit-timeline--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  height: 122px;
+  padding: 0 16px;
+  overflow: hidden;
+  color: var(--squisq-text-muted);
+  font-variant-numeric: tabular-nums;
+}
+.squisq-media-edit-timeline__track {
+  position: relative;
+  box-sizing: border-box;
+  min-width: 100%;
+  height: 120px;
+  padding-top: 18px;
+  cursor: text;
+  touch-action: none;
+  user-select: none;
+}
+.squisq-media-edit-timeline__ruler {
+  position: absolute;
+  inset: 0 0 auto;
+  height: 18px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__tick {
+  position: absolute;
+  top: 0;
+  height: 18px;
+  padding-left: 4px;
+  border-left: 1px solid var(--squisq-editor-control-border);
+  color: var(--squisq-text-muted);
+  font-size: 10px;
+  font-variant-numeric: tabular-nums;
+  line-height: 18px;
+  white-space: nowrap;
+}
+.squisq-media-edit-timeline__wave {
+  position: sticky;
+  left: 0;
+  display: block;
+  height: 102px;
+  color: var(--squisq-accent);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut {
+  position: absolute;
+  top: 18px;
+  bottom: 0;
+  box-sizing: border-box;
+  min-width: 2px;
+  border-inline: 1px solid var(--squisq-danger);
+}
+.squisq-media-edit-timeline__cut::before,
+.squisq-media-edit-timeline__cut::after {
+  content: "";
+  position: absolute;
+  inset: 0;
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut::before {
+  background: var(--squisq-surface-sunken);
+  opacity: 0.84;
+}
+.squisq-media-edit-timeline__cut::after {
+  background:
+    repeating-linear-gradient(
+      135deg,
+      transparent 0 6px,
+      color-mix(in srgb, var(--squisq-danger) 38%, transparent) 6px 7px);
+}
+.squisq-media-edit-timeline__handle {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 1;
+  width: 11px;
+  cursor: ew-resize;
+  touch-action: none;
+}
+.squisq-media-edit-timeline__handle--start {
+  left: -6px;
+}
+.squisq-media-edit-timeline__handle--end {
+  right: -6px;
+}
+.squisq-media-edit-timeline__handle::after {
+  content: "";
+  position: absolute;
+  top: 50%;
+  left: 2px;
+  box-sizing: border-box;
+  width: 7px;
+  height: 30px;
+  border: 1px solid var(--squisq-surface-sunken);
+  border-radius: 4px;
+  background: var(--squisq-danger);
+  transform: translateY(-50%);
+}
+.squisq-media-edit-timeline__handle:focus-visible {
+  outline: 2px solid var(--squisq-focus-ring);
+  outline-offset: -2px;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__handle {
+  opacity: 0;
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__handle:focus-visible {
+  opacity: 1;
+}
+.squisq-media-edit-modal button.squisq-media-edit-timeline__restore {
+  position: absolute;
+  top: 4px;
+  left: 50%;
+  z-index: 2;
+  width: 18px;
+  min-height: 0;
+  height: 18px;
+  padding: 0;
+  border-radius: 50%;
+  font-size: 13px;
+  line-height: 1;
+  opacity: 0;
+  transform: translateX(-50%);
+}
+.squisq-media-edit-timeline__cut:hover .squisq-media-edit-timeline__restore,
+.squisq-media-edit-modal button.squisq-media-edit-timeline__restore:focus-visible {
+  opacity: 1;
+}
+.squisq-media-edit-timeline__cut[data-narrow=true] .squisq-media-edit-timeline__restore {
+  display: none;
+}
+.squisq-media-edit-timeline__selection {
+  position: absolute;
+  top: 18px;
+  bottom: 0;
+  box-sizing: content-box;
+  margin-left: -1px;
+  border-inline: 1px solid var(--squisq-accent);
+  background: color-mix(in srgb, var(--squisq-accent) 26%, transparent);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__playhead {
+  position: absolute;
+  top: 0;
+  bottom: 0;
+  z-index: 3;
+  width: 0;
+  margin-left: -1px;
+  border-left: 2px solid var(--squisq-text);
+  pointer-events: none;
+}
+.squisq-media-edit-timeline__playhead::before {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: -6px;
+  border: 5px solid transparent;
+  border-top: 7px solid var(--squisq-text);
+  border-bottom: 0;
+}
+.squisq-media-edit-cutlist {
+  flex: none;
+  box-sizing: border-box;
+  height: 100px;
+  margin: 6px 0 0;
+  padding: 0;
+  overflow-y: auto;
+  border: 1px solid var(--squisq-border-subtle);
+  border-radius: 4px;
+  list-style: none;
+}
+.squisq-media-edit-cutlist--empty {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+}
+.squisq-media-edit-cutlist li {
+  display: grid;
+  grid-template-columns: 1fr auto auto auto;
+  align-items: center;
+  column-gap: 8px;
+  padding: 3px 6px 3px 10px;
+  font-variant-numeric: tabular-nums;
+}
+.squisq-media-edit-cutlist li + li {
+  border-top: 1px solid var(--squisq-border-subtle);
+}
+.squisq-media-edit-cutlist__length {
+  min-width: 4.5em;
+  color: var(--squisq-text-muted);
+  text-align: right;
+}
+.squisq-media-edit-modal .squisq-media-edit-cutlist button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 24px;
+  padding: 2px 8px;
+}
+
+/* src/styles/fill-available.css */
+.squisq-block-fill-available[data-fill-height] {
+  display: flex;
+  flex-direction: column;
+  min-height: var(--squisq-fill-height);
+}
 
 /* src/styles/diagram.css */
 .squisq-diagram-widget-host {
@@ -18591,24 +18961,14 @@ button.squisq-view-menu-radio-row:focus-visible {
   border-radius: 0;
   border-top: 1px solid var(--squisq-border-subtle);
 }
-.squisq-block-card-body .squisq-wysiwyg-editor:has(> .squisq-block-fill-available:last-child) {
-  display: flex;
-  flex-direction: column;
-  box-sizing: border-box;
-}
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-block-fill-available:last-child {
-  display: flex;
-  flex: 1 0 auto;
-  flex-direction: column;
-}
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child > .squisq-data-card,
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child > .squisq-data-card > .squisq-data-card-grid {
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills],
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills] > .squisq-data-card-grid {
   display: flex;
   flex: 1 1 auto;
   flex-direction: column;
   min-height: 0;
 }
-.squisq-block-card-body .squisq-wysiwyg-editor > .squisq-data-card-host:last-child .squisq-grid-scroller {
+.squisq-data-card-host[data-fill-height] > .squisq-data-card[data-fills] > .squisq-data-card-grid > .squisq-grid-scroller {
   flex: 1 1 420px;
   min-height: 0;
 }
@@ -19628,6 +19988,28 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   margin: 4px 6px;
   background: var(--squisq-border-subtle);
 }
+.squisq-editor-context-menu-proof {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+  padding: 6px 10px;
+  margin-bottom: 4px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+  color: var(--squisq-text-muted);
+  font-size: 12px;
+}
+.squisq-editor-context-menu-proof .squisq-proof-dot {
+  flex: 0 0 auto;
+  margin-top: 3px;
+}
+.squisq-editor-context-menu-proof-empty {
+  padding: 2px 10px 6px;
+  color: var(--squisq-text-faint);
+  font-style: italic;
+}
+.squisq-editor-context-menu-item--suggestion {
+  font-weight: 600;
+}
 .squisq-editor-context-menu-error {
   max-width: 300px;
   padding: 6px 10px;
@@ -20866,6 +21248,18 @@ button.squisq-ascii-timeline-track-name:focus-visible {
   overflow: hidden;
   background: var(--squisq-surface);
 }
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell {
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
+  min-height: 0;
+}
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell > .squisq-scene-inline,
+.squisq-block-fill-available[data-fill-height] > .squisq-scene-shell > .squisq-diagram-inline:not([data-height-pinned]) {
+  flex: 1 1 420px;
+  height: auto;
+  min-height: 0;
+}
 .squisq-scene-inline-placeholder {
   height: 420px;
   border: 1px dashed var(--squisq-border);

package/dist/teleprompter/index.d.ts

@@ -2,8 +2,8 @@ import * as react from 'react';
 import { ReactNode } from 'react';
 import { Doc, Theme, MediaProvider } from '@bendyline/squisq/schemas';
 import { ContentContainer } from '@bendyline/squisq/storage';
-import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-DlighI1z.js';
-export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-DlighI1z.js';
+import { o as TeleprompterRecordingDeps, g as NarrationStageHandle, T as TeleprompterController, c as FloatingWindowHandle } from '../useNarrationStage-BsSUp9Zr.js';
+export { C as CanvasSink, D as DEFAULT_TELEPROMPTER_PREFS, F as FloatOpenOptions, b as FloatTier, d as FloatingWindowManager, M as MicAnalysisHandle, e as MicAnalysisStatus, N as NarrationRecorderController, f as NarrationRecorderState, h as NarrationTake, P as PrompterTransport, J as TELEPROMPTER_PREF_LIMITS, n as TeleprompterPrefs, q as UseNarrationStageOptions, s as createFloatingWindowManager, t as detectFloatTiers, K as normalizeTeleprompterPrefs, z as useFloatingWindow, B as useMicAnalysis, E as useNarrationRecorder, G as useNarrationStage, H as useTeleprompter, I as vadConfigForSensitivity } from '../useNarrationStage-BsSUp9Zr.js';
 import { NarrationTimingJsonV3, NarrationScript, NarrationAlignment, NarrationTimingGenerator } from '@bendyline/squisq/narration';
 import '../screenRegion-Ci_RsCzG.js';
 

package/dist/teleprompter/index.js

@@ -1,6 +1,6 @@
 import {
   TeleprompterView
-} from "../chunk-GI2D2XS5.js";
+} from "../chunk-IOG66XFC.js";
 import {
   DEFAULT_TELEPROMPTER_PREFS,
   EYE_LINE_FRACTION,
@@ -31,8 +31,8 @@ import {
   useNarrationStage,
   useTeleprompter,
   vadConfigForSensitivity
-} from "../chunk-JCIK2QU5.js";
-import "../chunk-DNJ6HOES.js";
+} from "../chunk-2KTMXJWB.js";
+import "../chunk-QXHX7N4V.js";
 import "../chunk-GG35EBRB.js";
 export {
   DEFAULT_TELEPROMPTER_PREFS,

package/dist/{useNarrationStage-DlighI1z.d.ts → useNarrationStage-BsSUp9Zr.d.ts}

@@ -13,6 +13,7 @@ import { S as ScreenCaptureRegion } from './screenRegion-Ci_RsCzG.js';
  * the best supported option, falling back to whatever the browser hands
  * back when no probe succeeds.
  */
+
 /** What the recorded stream is intended to capture. */
 type CaptureKind = 'audio' | 'video';
 /** A probed format choice — what to pass to `MediaRecorder` and where to write it. */