@bendyline/squisq-editor-react 2.13.14 → 2.13.16

package/dist/{chunk-F4D3VBAS.js → chunk-RHH2PVCL.js}

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

package/dist/{chunk-D2QFSFG2.js → chunk-UQUYPT5P.js}

@@ -932,7 +932,7 @@ function useDictationController({
         }
         return;
       }
-      const { startDictationSession } = await import("./dictationSession-4JBKD5EU.js");
+      const { startDictationSession } = await import("./dictationSession-AVCXB3JR.js");
       if (!isCurrent()) return;
       const handle = await startDictationSession({
         provider: active,

package/dist/{dictationSession-4JBKD5EU.js → dictationSession-AVCXB3JR.js}

@@ -200,9 +200,10 @@ var ProgressiveSpeechToText = class {
       const type = recorder.mimeType || this.mimeType || "audio/webm";
       const blob = new Blob(this.chunks, { type });
       const capturedMs = Math.max(0, Date.now() - this.segmentStartedAt);
+      const heardSpeech = this.segmentHasSpeech;
       this.chunks = [];
       if (!this.finalSegmentRequested) this.startSegment();
-      if (blob.size > 0) this.enqueueTranscription(blob, type, capturedMs);
+      if (blob.size > 0) this.enqueueTranscription(blob, type, capturedMs, heardSpeech);
       if (this.finalSegmentRequested) void this.finish();
     };
     recorder.start();
@@ -255,18 +256,14 @@ var ProgressiveSpeechToText = class {
     this.pending = next;
     if (!this.disposed) this.onPendingChange?.(next);
   }
-  enqueueTranscription(blob, mimeType, capturedMs) {
+  enqueueTranscription(blob, mimeType, capturedMs, heardSpeech) {
     this.setPending(this.pending + 1);
     this.transcriptionQueue = this.transcriptionQueue.then(async () => {
       if (this.disposed) return;
       try {
+        const prompt = heardSpeech || !this.activityMonitorStarted ? this.recognitionPrompt : "";
         const text = normalizeSpeechTranscript(
-          await this.transcribe(
-            blob,
-            mimeType,
-            this.abortController.signal,
-            this.recognitionPrompt
-          )
+          await this.transcribe(blob, mimeType, this.abortController.signal, prompt)
         );
         if (this.disposed) return;
         if (text) {

package/dist/index.d.ts

@@ -1933,6 +1933,12 @@ interface ApplyAsciiDiagramCommandOptions {
         col: number;
         row: number;
     };
+    /**
+     * Called when the edit is refused because its redrawn art would not read
+     * back as the same diagram (a box or connection would be lost), as opposed
+     * to a no-op. Lets the canvas say why the edit didn't stick.
+     */
+    onRejected?: () => void;
 }
 /**
  * Replace the TEXT inside the codeBlock at `pos` and, when `ensureLanguage`
@@ -2035,6 +2041,11 @@ declare function removeEdgeOp(diagram: AsciiDiagram, source: string, target: str
  * Rename a node. The label drives the node's parse-derived id, so edges
  * and containment references are rewritten to the id the next parse will
  * produce. (Selection in the canvas drops after a rename — documented.)
+ *
+ * A longer label widens the box; when that would crowd a sibling on the
+ * same rows, everything to the right shifts over so the renderer never has
+ * to resolve the collision itself (it bumps the sibling down a row, and the
+ * rerouted edges can fail the command's re-parse check — a silent revert).
  */
 declare function renameNodeOp(diagram: AsciiDiagram, nodeId: string, label: string): AsciiDiagram;
 /** Add a node at (col, row). Inherits a container when placed inside one. */
@@ -3502,6 +3513,15 @@ declare function shouldPasteAsTimelineFence(text: string): boolean;
  * resolved into a renderable card plus the prose the presenter may want to
  * read from.
  *
+ * ## A designed presentation replaces the per-block cards
+ *
+ * When the doc has a presentation (summarized or dynamic slides), the deck is
+ * that presentation's slides, as playback will show them. A block can then
+ * span several slides; each slide still names its source block, whose full
+ * prose sits beneath it, and the block's first slide times the block. Each
+ * slide also carries where its passage begins, which is how a take's first
+ * showings become the presentation's own slide times.
+ *
  * ## Why the deck is anchored on blocks, not on preview slides
  *
  * Slide timings are recorded per DOC BLOCK, so the panel's list and the
@@ -3522,8 +3542,15 @@ declare function shouldPasteAsTimelineFence(text: string): boolean;
 
 /** One slide in the recorder's deck, keyed by the doc block it came from. */
 interface RecorderSlide {
+    /** Unique within the deck: the block id, or the presentation slide's id. */
+    id: string;
     /** Doc block id — the key the advance log and the timing sidecar both use. */
     blockId: string;
+    /**
+     * Where a presentation slide's passage begins in the narration script — the
+     * key its first showing is recorded under. Absent for per-block cards.
+     */
+    sourceCharOffset?: number;
     /** Heading text, or a positional fallback for a heading-less block. */
     heading: string;
     /** The block's body prose, shown beneath the card as presenter notes. */
@@ -3534,7 +3561,8 @@ interface RecorderSlide {
 /**
  * Build the deck for a doc. Never throws: a block whose card cannot be
  * materialized still appears, with `visual: null`, so the deck's indices
- * always line up with `flattenRenderableBlocks`.
+ * always line up with `flattenRenderableBlocks` (or, for a presentation,
+ * with its slides).
  */
 declare function buildRecorderSlideDeck(doc: Doc, theme: Theme, viewport: ViewportConfig): RecorderSlide[];
 

package/dist/index.js

@@ -3,7 +3,7 @@ import {
   PROOF_FRONTMATTER_KEYS,
   createHarperProofingProvider
 } from "./chunk-VRRT4WP4.js";
-import "./chunk-7MAL27C2.js";
+import "./chunk-7ADGH53Y.js";
 import {
   configureMonacoWorkers
 } from "./chunk-BWPFPHWY.js";
@@ -243,7 +243,7 @@ import {
   videoEmbedParagraphJson,
   viewStateFromBinding,
   writeHeadingViewState
-} from "./chunk-C5BXRPBX.js";
+} from "./chunk-54MN2HG7.js";
 import {
   EditorProvider,
   applySourceEditsToText,
@@ -264,7 +264,7 @@ import {
   useBlockNavigator,
   useEditorContext,
   useEditorInsertMenuItems
-} from "./chunk-D2QFSFG2.js";
+} from "./chunk-UQUYPT5P.js";
 import {
   SPEECH_INPUT_SAMPLE_RATE,
   isSpeechInputProviderFactory,
@@ -290,7 +290,7 @@ import {
 } from "./chunk-HLU6ZBS7.js";
 import {
   RecorderButton
-} from "./chunk-F4D3VBAS.js";
+} from "./chunk-RHH2PVCL.js";
 import {
   RecorderDeviceQuickPicks,
   RecorderDeviceSettingsPanel,
@@ -315,7 +315,7 @@ import {
   unshownSlidesWarning,
   useMediaDevices,
   useMediaRecorder
-} from "./chunk-FOKUOC7E.js";
+} from "./chunk-ECS2FFXA.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   buildRecorderAudioConstraints,

package/dist/{narrationTimingsFromAudio-ICMDSWPI.js → narrationTimingsFromAudio-O67QKISS.js}

@@ -143,7 +143,11 @@ async function updateNarrationTimingsFromAudio(input) {
   signal.throwIfAborted();
   await container.writeFile(
     sidecarPath,
-    encodeNarrationTimingJson(previous?.builds ? { ...payload, builds: previous.builds } : payload),
+    encodeNarrationTimingJson({
+      ...payload,
+      ...previous?.builds ? { builds: previous.builds } : {},
+      ...previous?.slides ? { slides: previous.slides } : {}
+    }),
     "application/json"
   );
   return {

package/dist/recorder/index.js

@@ -1,6 +1,6 @@
 import {
   RecorderButton
-} from "../chunk-F4D3VBAS.js";
+} from "../chunk-RHH2PVCL.js";
 import {
   RecorderDeviceQuickPicks,
   RecorderDeviceSettingsPanel,
@@ -14,7 +14,7 @@ import {
   requestScreenStream,
   useMediaDevices,
   useMediaRecorder
-} from "../chunk-FOKUOC7E.js";
+} from "../chunk-ECS2FFXA.js";
 import {
   DEFAULT_RECORDER_DEVICE_SETTINGS,
   buildRecorderAudioConstraints,

package/dist/review/index.js

@@ -19,7 +19,7 @@ import {
   updateReviewDecorations,
   useReview,
   useReviewState
-} from "../chunk-D2QFSFG2.js";
+} from "../chunk-UQUYPT5P.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-ZLKINE4Y.js";
 

package/dist/shell/index.js

@@ -5,18 +5,18 @@ import {
   RawEditor,
   WysiwygEditor,
   useEditorContextMenuItems
-} from "../chunk-C5BXRPBX.js";
+} from "../chunk-54MN2HG7.js";
 import {
   EditorProvider,
   useEditorContext,
   useEditorInsertMenuItems
-} from "../chunk-D2QFSFG2.js";
+} from "../chunk-UQUYPT5P.js";
 import "../chunk-DNEVUOBZ.js";
 import "../chunk-A2H3JOA5.js";
 import "../chunk-4MBH7MMU.js";
 import "../chunk-ZLKINE4Y.js";
 import "../chunk-HLU6ZBS7.js";
-import "../chunk-FOKUOC7E.js";
+import "../chunk-ECS2FFXA.js";
 import "../chunk-LRZJD5YD.js";
 import "../chunk-UYB5CPRE.js";
 import "../chunk-PQSFLC2R.js";

package/dist/speech/index.js

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

package/dist/styles/index.css

@@ -11679,6 +11679,119 @@
   background: var(--squisq-danger-soft);
   color: var(--squisq-danger-strong);
 }
+.squisq-media-bin-item--previewable {
+  cursor: pointer;
+}
+.squisq-media-preview {
+  position: fixed;
+  inset: 0;
+  z-index: 1000;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  padding: 24px;
+  background: var(--squisq-scrim);
+}
+.squisq-media-preview-surface {
+  display: flex;
+  flex-direction: column;
+  max-width: 100%;
+  max-height: 100%;
+  overflow: hidden;
+  border: 1px solid var(--squisq-border);
+  border-radius: 8px;
+  background: var(--squisq-surface-overlay);
+  color: var(--squisq-text);
+  box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);
+  font: 400 13px/1.4 var(--squisq-ux-font, system-ui, -apple-system, sans-serif);
+}
+.squisq-media-preview-surface--image {
+  width: min(1200px, 100%);
+  height: min(860px, 100%);
+}
+.squisq-media-preview-surface--image .squisq-media-preview-body {
+  align-items: stretch;
+}
+.squisq-media-preview-surface--video {
+  min-width: min(480px, 100%);
+}
+.squisq-media-preview-surface--audio {
+  width: min(480px, 100%);
+}
+.squisq-media-preview-header {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 8px 8px 8px 16px;
+  border-bottom: 1px solid var(--squisq-border-subtle);
+  background: var(--squisq-bg);
+}
+.squisq-media-preview-title {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  font-weight: 600;
+}
+.squisq-media-preview-detail {
+  flex: 1;
+  white-space: nowrap;
+  font-size: 12px;
+  color: var(--squisq-text-muted);
+}
+.squisq-media-preview-close {
+  width: 28px;
+  height: 28px;
+  flex: 0 0 auto;
+  padding: 0;
+  border: 1px solid transparent;
+  border-radius: 4px;
+  background: transparent;
+  color: var(--squisq-text-muted);
+  font-size: 22px;
+  line-height: 1;
+  cursor: pointer;
+}
+.squisq-media-preview-close:hover {
+  background: var(--squisq-surface-hover);
+  color: var(--squisq-text);
+}
+.squisq-media-preview-close:focus-visible {
+  outline: 2px solid var(--squisq-accent-border);
+  outline-offset: 1px;
+}
+.squisq-media-preview-body {
+  flex: 1;
+  min-height: 0;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+}
+.squisq-media-preview-video {
+  display: block;
+  max-width: 100%;
+  max-height: calc(100vh - 48px - 46px);
+  background: var(--squisq-media-well);
+}
+.squisq-media-preview-audio {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 16px;
+  width: 100%;
+  padding: 24px;
+}
+.squisq-media-preview-audio-icon {
+  font-size: 40px;
+  line-height: 1;
+}
+.squisq-media-preview-audio audio {
+  width: 100%;
+}
+.squisq-media-preview-message {
+  padding: 48px 24px;
+  color: var(--squisq-text-muted);
+}
 .squisq-drop-overlay {
   position: absolute;
   inset: 0;
@@ -13739,7 +13852,7 @@ button.squisq-view-menu-radio-row:focus-visible {
   padding: 1px 6px;
   font-size: 10px;
   font-weight: 600;
-  color: var(--squisq-outline-accent);
+  color: color-mix(in oklch, var(--squisq-outline-accent) 35%, var(--squisq-text-strong));
   background: color-mix(in oklch, var(--squisq-outline-accent) 12%, transparent);
   border: 1px solid color-mix(in oklch, var(--squisq-outline-accent) 35%, transparent);
   border-radius: 8px;
@@ -13747,7 +13860,7 @@ button.squisq-view-menu-radio-row:focus-visible {
 }
 .squisq-outline-row--current {
   background: color-mix(in oklch, var(--squisq-outline-accent) 14%, transparent);
-  color: var(--squisq-outline-accent);
+  color: color-mix(in oklch, var(--squisq-outline-accent) 35%, var(--squisq-text-strong));
 }
 .squisq-outline-row-wrap {
   position: relative;
@@ -13836,13 +13949,15 @@ button.squisq-view-menu-radio-row:focus-visible {
   color: var(--squisq-text-faint);
 }
 .squisq-editor-shell[data-theme=dark] .squisq-outline-template-chip {
-  color: color-mix(in oklch, var(--squisq-outline-accent) 55%, var(--squisq-text-strong));
   background: color-mix(in oklch, var(--squisq-outline-accent) 30%, transparent);
   border-color: color-mix(in oklch, var(--squisq-outline-accent) 55%, transparent);
 }
 .squisq-editor-shell[data-theme=dark] .squisq-outline-row--current {
   background: color-mix(in oklch, var(--squisq-outline-accent) 32%, transparent);
-  color: color-mix(in oklch, var(--squisq-outline-accent) 55%, var(--squisq-text-on-accent));
+  color: color-mix(in oklch, var(--squisq-outline-accent) 35%, var(--squisq-text-strong));
+}
+.squisq-editor-shell[data-theme=dark] .squisq-outline-row--current .squisq-outline-template-chip {
+  background: transparent;
 }
 .squisq-link-dialog-overlay {
   position: fixed;
@@ -17360,6 +17475,23 @@ button.squisq-view-menu-radio-row:focus-visible {
   margin: 4px 0 0;
   padding-left: 18px;
 }
+.squisq-ascii-diagram-notice:not(:empty) {
+  margin-top: 6px;
+  padding: 6px 10px;
+  border: 1px solid var(--squisq-border);
+  border-left: 3px solid var(--squisq-accent);
+  border-radius: 6px;
+  background: var(--squisq-input-bg);
+  color: var(--squisq-text);
+  font-size: 13px;
+}
+.squisq-scene-block-max > .squisq-ascii-diagram-notice {
+  position: absolute;
+  left: 24px;
+  bottom: 24px;
+  max-width: min(560px, calc(100% - 48px));
+  z-index: 30;
+}
 .squisq-repair-banner {
   display: flex;
   align-items: center;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bendyline/squisq-editor-react",
-  "version": "2.13.14",
+  "version": "2.13.16",
   "description": "React editor shell with raw/WYSIWYG/preview modes for Squisq documents",
   "license": "MIT",
   "author": "Bendyline",
@@ -102,12 +102,12 @@
     }
   },
   "dependencies": {
-    "@bendyline/squisq": "2.13.8",
+    "@bendyline/squisq": "2.13.10",
     "@bendyline/squisq-calc": "2.11.2",
-    "@bendyline/squisq-formats": "2.8.10",
-    "@bendyline/squisq-grid-react": "2.11.37",
-    "@bendyline/squisq-react": "2.12.20",
-    "@bendyline/squisq-video-react": "2.5.21",
+    "@bendyline/squisq-formats": "2.8.12",
+    "@bendyline/squisq-grid-react": "2.11.39",
+    "@bendyline/squisq-react": "2.12.22",
+    "@bendyline/squisq-video-react": "2.5.23",
     "@fortawesome/fontawesome-free": "7.3.1",
     "@tiptap/core": "2.27.3",
     "@tiptap/extension-heading": "2.27.3",