@bendyline/squisq-editor-react 2.1.0 → 2.2.0

package/src/__tests__/linkDialogDocPicker.test.tsx

@@ -1,137 +0,0 @@
-/**
- * Covers the LinkDialog's "Browse documents" picker added behind the
- * `documentLinkProvider` prop. The picker is purely additive — when
- * the prop is absent the dialog renders its original URL-only layout.
- */
-
-import { describe, expect, it, vi } from 'vitest';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import { LinkDialog } from '../LinkDialog';
-import type { DocumentLinkProvider } from '../EditorContext';
-
-const NEIGHBORS = [
-  { path: 'resume.md', label: 'Resume', description: 'My CV' },
-  { path: 'projects.md', label: 'Projects' },
-  { path: 'misc/notes.md', label: 'Notes', description: 'Scratchpad' },
-];
-
-const provider: DocumentLinkProvider = async (q) => {
-  const query = q.trim().toLowerCase();
-  if (!query) return NEIGHBORS;
-  return NEIGHBORS.filter(
-    (n) => n.label.toLowerCase().includes(query) || n.path.toLowerCase().includes(query),
-  );
-};
-
-describe('LinkDialog — document picker', () => {
-  it('hides the documents tab when no provider is supplied', () => {
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText=""
-        initialUrl=""
-        onConfirm={() => {}}
-        onClose={() => {}}
-      />,
-    );
-    expect(screen.queryByRole('tab', { name: /browse documents/i })).toBeNull();
-  });
-
-  it('shows both tabs when the provider is supplied', () => {
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText=""
-        initialUrl=""
-        onConfirm={() => {}}
-        onClose={() => {}}
-        documentLinkProvider={provider}
-      />,
-    );
-    expect(screen.getByRole('tab', { name: 'URL' })).toBeTruthy();
-    expect(screen.getByRole('tab', { name: 'Browse documents' })).toBeTruthy();
-  });
-
-  it('lists initial candidates when the documents tab opens', async () => {
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText=""
-        initialUrl=""
-        onConfirm={() => {}}
-        onClose={() => {}}
-        documentLinkProvider={provider}
-      />,
-    );
-    fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
-    await waitFor(() => {
-      expect(screen.getByText('Resume')).toBeTruthy();
-      expect(screen.getByText('Projects')).toBeTruthy();
-      expect(screen.getByText('Notes')).toBeTruthy();
-    });
-  });
-
-  it('filters candidates as the user types', async () => {
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText=""
-        initialUrl=""
-        onConfirm={() => {}}
-        onClose={() => {}}
-        documentLinkProvider={provider}
-      />,
-    );
-    fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
-    await waitFor(() => screen.getByText('Resume'));
-    const search = screen.getByLabelText('Search') as HTMLInputElement;
-    fireEvent.change(search, { target: { value: 'proj' } });
-    await waitFor(() => {
-      expect(screen.getByText('Projects')).toBeTruthy();
-      expect(screen.queryByText('Resume')).toBeNull();
-    });
-  });
-
-  it('picking a document fills the URL and auto-fills the caption when empty', async () => {
-    const onConfirm = vi.fn();
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText=""
-        initialUrl=""
-        onConfirm={onConfirm}
-        onClose={() => {}}
-        documentLinkProvider={provider}
-      />,
-    );
-    fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
-    await waitFor(() => screen.getByText('Resume'));
-    fireEvent.click(screen.getByRole('option', { name: /Resume/i }));
-    // After picking, the dialog jumps back to the URL tab so Enter submits.
-    const urlInput = screen.getByLabelText('URL') as HTMLInputElement;
-    expect(urlInput.value).toBe('resume.md');
-    const textInput = screen.getByLabelText('Text') as HTMLInputElement;
-    expect(textInput.value).toBe('Resume');
-    // Submit
-    fireEvent.submit(urlInput.closest('form')!);
-    expect(onConfirm).toHaveBeenCalledWith('Resume', 'resume.md');
-  });
-
-  it('preserves a caption the user already typed when picking a document', async () => {
-    render(
-      <LinkDialog
-        mode="insert"
-        initialText="Read my work"
-        initialUrl=""
-        onConfirm={() => {}}
-        onClose={() => {}}
-        documentLinkProvider={provider}
-      />,
-    );
-    fireEvent.click(screen.getByRole('tab', { name: 'Browse documents' }));
-    await waitFor(() => screen.getByText('Resume'));
-    fireEvent.click(screen.getByRole('option', { name: /Resume/i }));
-    const textInput = screen.getByLabelText('Text') as HTMLInputElement;
-    expect(textInput.value).toBe('Read my work');
-  });
-});

package/src/__tests__/majorApiTypes.test.ts

@@ -1,26 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import type { DiagramEdge, DiagramNode, EditorShellProps } from '../index';
-
-// @ts-expect-error React Flow-prefixed types were removed in the major API cleanup.
-import type { DiagramRFNode } from '../index';
-
-describe('major-version editor API types', () => {
-  it('uses implementation-neutral diagram names', () => {
-    const node: DiagramNode = { id: 'a', position: { x: 0, y: 0 }, data: { label: 'A' } };
-    const edge: DiagramEdge = { id: 'a-b', source: 'a', target: 'b' };
-    expect([node.id, edge.id]).toEqual(['a', 'a-b']);
-  });
-
-  it('does not accept the removed EditorShell container prop', () => {
-    const props: EditorShellProps = {
-      // @ts-expect-error Use workspaceContainer; container was removed.
-      container: null,
-    };
-    expect(props).toHaveProperty('container');
-  });
-
-  it('keeps the old type import absent', () => {
-    const legacy: DiagramRFNode | null = null;
-    expect(legacy).toBeNull();
-  });
-});

package/src/__tests__/markdownCodeFence.test.ts

@@ -1,45 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  isMarkdownFencedCodeLine,
-  markdownFencedCodeLineMask,
-  maskMarkdownFencedCode,
-} from '../markdownCodeFence';
-
-describe('markdown fenced-code detection', () => {
-  it('marks opening, body, and closing lines without masking surrounding prose', () => {
-    const source = [
-      'Before {[github]}',
-      '```md',
-      '## Example {[sectionHeader]}',
-      '```',
-      'After',
-    ].join('\n');
-
-    expect(markdownFencedCodeLineMask(source)).toEqual([false, true, true, true, false]);
-    expect(isMarkdownFencedCodeLine(source, 3)).toBe(true);
-    expect(isMarkdownFencedCodeLine(source, 5)).toBe(false);
-  });
-
-  it('supports tilde fences, longer closers, indentation, and unclosed fences', () => {
-    const source = [
-      '  ~~~~ts',
-      '{[audio src=inside.mp3]}',
-      '  ~~~~~',
-      'text',
-      '```',
-      '{[quote]}',
-    ].join('\r\n');
-
-    expect(markdownFencedCodeLineMask(source)).toEqual([true, true, true, false, true, true]);
-  });
-
-  it('masks fenced contents while preserving offsets and line endings', () => {
-    const source = 'Outside\r\n```md\r\n{[image src=inside.png]}\r\n```\r\nAfter';
-    const masked = maskMarkdownFencedCode(source);
-
-    expect(masked).toHaveLength(source.length);
-    expect(masked).toContain('Outside\r\n');
-    expect(masked).not.toContain('inside.png');
-    expect(masked.endsWith('\r\nAfter')).toBe(true);
-  });
-});

package/src/__tests__/mediaAttachmentFlow.test.ts

@@ -1,110 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import type { MediaProvider } from '@bendyline/squisq/schemas';
-import { markdownToTiptap, tiptapToMarkdown } from '../tiptapBridge';
-
-/**
- * Attachment-flow regression: earlier versions of MediaBin dropped
- * uploaded files into the bin without inserting a markdown ref into
- * the editor body. A user would upload an image, hit Send in the
- * downstream chat composer, and the outgoing markdown would have no
- * image reference — the downstream consumer would reply "nothing came through."
- *
- * The fix: after `mediaProvider.addMedia(...)` succeeds, MediaBin
- * fires `onMediaUploaded(relativePath, name, mimeType)`. The
- * EditorShell wires this to an `insertAtCursor` that emits
- * `![alt](attachments/<filename>)` so the file actually participates
- * in the outgoing markdown.
- *
- * These tests exercise the contract directly: the markdown snippet
- * produced by the upload callback, once round-tripped through the
- * editor's markdown↔HTML bridge, must round-trip back to a form
- * the downstream service's image-extraction regex can see.
- */
-
-function fakeMediaProvider(records: string[]): MediaProvider {
-  let counter = 0;
-  return {
-    async addMedia(name: string, _data: ArrayBuffer | Blob | Uint8Array, _mime: string) {
-      counter += 1;
-      const relative = `attachments/${counter}-${name}`;
-      records.push(relative);
-      return relative;
-    },
-    async resolveUrl(relPath: string) {
-      return relPath;
-    },
-    async listMedia() {
-      return [];
-    },
-    async removeMedia(_relPath: string) {
-      /* no-op */
-    },
-    dispose() {
-      /* no-op */
-    },
-  };
-}
-
-/**
- * Re-implements the exact snippet EditorShell's `insertMediaRef`
- * builds. Keeping this aligned with the real impl would ordinarily
- * rely on directly importing the helper; since it's currently inline
- * in EditorShell, mirror the logic here and lean on the test to
- * alert us if we drift apart.
- */
-function buildAttachmentSnippet(relativePath: string, name: string, mimeType: string): string {
-  const alt = name.replace(/\.[^.]+$/, '').replace(/[-_]/g, ' ');
-  return mimeType.startsWith('image/') ? `![${alt}](${relativePath})` : `[${alt}](${relativePath})`;
-}
-
-describe('media attachment flow', () => {
-  it('addMedia → buildAttachmentSnippet → markdown round-trip keeps the ref', async () => {
-    const records: string[] = [];
-    const provider = fakeMediaProvider(records);
-
-    // Simulate MediaBin.handleFileChange for a single PNG drop.
-    const pngBytes = new Uint8Array([0x89, 0x50, 0x4e, 0x47]);
-    const relative = await provider.addMedia('my_screenshot.png', pngBytes, 'image/png');
-
-    expect(records).toEqual([relative]);
-    const snippet = buildAttachmentSnippet(relative, 'my_screenshot.png', 'image/png');
-    expect(snippet).toBe(`![my screenshot](${relative})`);
-
-    // Insert snippet into the editor: markdown → HTML → markdown.
-    // This is the path a real insertAtCursor + tiptap onUpdate goes
-    // through. The outbound markdown must still contain the ref.
-    const html = markdownToTiptap(snippet);
-    expect(html).toMatch(/<img\b/);
-    expect(html).toContain(`src="${relative}"`);
-
-    const back = tiptapToMarkdown(html);
-    expect(back).toContain(`![my screenshot](${relative})`);
-  });
-
-  it('handles empty-alt (most common pasted-image shape)', async () => {
-    const records: string[] = [];
-    const provider = fakeMediaProvider(records);
-    const relative = await provider.addMedia('pasted.png', new Uint8Array([0]), 'image/png');
-
-    // Simulate what happens when alt is empty — common for bare pastes
-    // where the user hasn't typed a caption.
-    const snippet = `![](${relative})`;
-    const html = markdownToTiptap(snippet);
-    expect(html).toMatch(/<img\b/);
-    expect(html).toContain(`src="${relative}"`);
-    const back = tiptapToMarkdown(html);
-    expect(back).toContain(`![](${relative})`);
-  });
-
-  it('non-image files fall back to a plain link, still preserving the ref', async () => {
-    const records: string[] = [];
-    const provider = fakeMediaProvider(records);
-    const relative = await provider.addMedia('design.pdf', new Uint8Array([0]), 'application/pdf');
-    const snippet = buildAttachmentSnippet(relative, 'design.pdf', 'application/pdf');
-    expect(snippet).toBe(`[design](${relative})`);
-    // Non-images don't go through the `<img>` regex — they stay as
-    // plain markdown links, which the service-side extractor ignores
-    // but the UI renders as normal hyperlinks.
-    expect(snippet).not.toContain('!');
-  });
-});

package/src/__tests__/mediaBinDrop.test.tsx

@@ -1,90 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { describe, expect, it, vi } from 'vitest';
-import { fireEvent, render, screen, waitFor } from '@testing-library/react';
-import type { MediaEntry, MediaProvider } from '@bendyline/squisq/schemas';
-import { MediaBin } from '../MediaBin.js';
-
-function createProvider(): { provider: MediaProvider; added: string[] } {
-  const entries: MediaEntry[] = [];
-  const added: string[] = [];
-  return {
-    added,
-    provider: {
-      async addMedia(name, data, mimeType) {
-        const relativePath = `attachments/${name}`;
-        added.push(relativePath);
-        entries.push({
-          name: relativePath,
-          mimeType,
-          size: data instanceof Blob ? data.size : data.byteLength,
-        });
-        return relativePath;
-      },
-      async resolveUrl(path) {
-        return `blob:${path}`;
-      },
-      async listMedia() {
-        return [...entries];
-      },
-      async removeMedia() {},
-      dispose() {},
-    },
-  };
-}
-
-function dataTransfer(files: File[], itemTypes: string[]) {
-  return {
-    files,
-    items: itemTypes.map((type) => ({ kind: 'file', type })),
-    types: ['Files'],
-    dropEffect: 'none',
-  };
-}
-
-describe('MediaBin image drop target', () => {
-  it('shows a drop affordance and uploads a dropped image through the normal callback', async () => {
-    const { provider, added } = createProvider();
-    const onMediaUploaded = vi.fn();
-    const image = new File([new Uint8Array([1, 2, 3])], 'photo.png', { type: 'image/png' });
-    Object.defineProperty(image, 'arrayBuffer', {
-      configurable: true,
-      value: async () => new Uint8Array([1, 2, 3]).buffer,
-    });
-
-    const { container } = render(
-      <MediaBin mediaProvider={provider} isDark onMediaUploaded={onMediaUploaded} />,
-    );
-    const bin = container.querySelector('.squisq-media-bin') as HTMLElement;
-    const transfer = dataTransfer([image], ['image/png']);
-    await screen.findByText('No files yet.');
-
-    fireEvent.dragEnter(bin, { dataTransfer: transfer });
-    expect(bin.classList.contains('squisq-media-bin--drop-active')).toBe(true);
-    expect(screen.getByText('Drop images here')).toBeTruthy();
-
-    fireEvent.drop(bin, { dataTransfer: transfer });
-
-    await waitFor(() => expect(added).toEqual(['attachments/photo.png']));
-    expect(onMediaUploaded).toHaveBeenCalledWith('attachments/photo.png', 'photo.png', 'image/png');
-    expect(await screen.findByText('photo.png')).toBeTruthy();
-    expect(screen.queryByText('Drop images here')).toBeNull();
-  });
-
-  it('does not activate or upload for a non-image file', async () => {
-    const { provider, added } = createProvider();
-    const text = new File(['notes'], 'notes.txt', { type: 'text/plain' });
-    const { container } = render(<MediaBin mediaProvider={provider} isDark={false} />);
-    const bin = container.querySelector('.squisq-media-bin') as HTMLElement;
-    const transfer = dataTransfer([text], ['text/plain']);
-    await screen.findByText('No files yet.');
-
-    fireEvent.dragEnter(bin, { dataTransfer: transfer });
-    fireEvent.drop(bin, { dataTransfer: transfer });
-
-    expect(bin.classList.contains('squisq-media-bin--drop-active')).toBe(false);
-    expect(screen.queryByText('Drop images here')).toBeNull();
-    await waitFor(() => expect(added).toEqual([]));
-  });
-});

package/src/__tests__/mediaReferences.test.ts

@@ -1,97 +0,0 @@
-import { describe, expect, it } from 'vitest';
-import {
-  collectMediaReferencesFromMarkdown,
-  removeMediaReferencesFromMarkdown,
-} from '../mediaReferences';
-
-describe('collectMediaReferencesFromMarkdown', () => {
-  it('collects markdown image/link and html media references', () => {
-    const refs = collectMediaReferencesFromMarkdown(
-      [
-        '![One](attachments/one.png)',
-        '[Two](attachments/two.pdf)',
-        '<video src="video/clip.webm" poster="video/poster.png"></video>',
-        '<a href="attachments/three.txt">Three</a>',
-      ].join('\n'),
-    );
-
-    expect([...refs].sort()).toEqual([
-      'attachments/one.png',
-      'attachments/three.txt',
-      'attachments/two.pdf',
-      'video/clip.webm',
-      'video/poster.png',
-    ]);
-  });
-
-  it('collects media references from squiggly annotations', () => {
-    const refs = collectMediaReferencesFromMarkdown(
-      [
-        '## Intro {[audio=audio/take.mp3]}',
-        '{[video src="video/clip with spaces.webm"]}',
-        '### Image {#hero} {[image src=images/hero.png alt="Hero"]}',
-      ].join('\n'),
-    );
-
-    expect([...refs].sort()).toEqual([
-      'audio/take.mp3',
-      'images/hero.png',
-      'video/clip with spaces.webm',
-    ]);
-  });
-
-  it('ignores annotations and other reference-shaped text inside code fences', () => {
-    const refs = collectMediaReferencesFromMarkdown(
-      [
-        '## Real {[image src=images/outside.png]}',
-        '```markdown',
-        '{[audio src=audio/inside.mp3]}',
-        '![Example](images/inside.png)',
-        '<video src="video/inside.webm"></video>',
-        '```',
-      ].join('\n'),
-    );
-
-    expect([...refs]).toEqual(['images/outside.png']);
-  });
-});
-
-describe('removeMediaReferencesFromMarkdown', () => {
-  it('removes standalone image references to the media path', () => {
-    const source = ['Before', '', '![Screenshot](attachments/pasted.png)', '', 'After'].join('\n');
-
-    expect(removeMediaReferencesFromMarkdown(source, 'attachments/pasted.png')).toBe(
-      ['Before', '', '', 'After'].join('\n'),
-    );
-  });
-
-  it('removes inline image and link references without touching similar paths', () => {
-    const source = [
-      'Keep ![Other](attachments/pasted.png.backup).',
-      'Drop ![Screenshot](attachments/pasted.png) and [file](attachments/pasted.png).',
-    ].join('\n');
-
-    expect(removeMediaReferencesFromMarkdown(source, 'attachments/pasted.png')).toBe(
-      ['Keep ![Other](attachments/pasted.png.backup).', 'Drop  and .'].join('\n'),
-    );
-  });
-
-  it('supports angle-wrapped destinations and markdown titles', () => {
-    const source =
-      'Drop ![A](<attachments/my pasted image.png>) and [A](attachments/simple.png "title").';
-
-    expect(removeMediaReferencesFromMarkdown(source, 'attachments/my pasted image.png')).toBe(
-      'Drop  and [A](attachments/simple.png "title").',
-    );
-    expect(removeMediaReferencesFromMarkdown(source, 'attachments/simple.png')).toBe(
-      'Drop ![A](<attachments/my pasted image.png>) and .',
-    );
-  });
-
-  it('removes resized raw HTML image tags and raw HTML anchors', () => {
-    const source =
-      '<img alt="Screenshot" src="attachments/pasted.png" width="320">\n<a href="attachments/pasted.png">Screenshot</a>';
-
-    expect(removeMediaReferencesFromMarkdown(source, 'attachments/pasted.png')).toBe('\n');
-  });
-});

package/src/__tests__/narrationSave.test.ts

@@ -1,148 +0,0 @@
-/**
- * @vitest-environment jsdom
- */
-import { describe, expect, it } from 'vitest';
-import { parseMarkdown } from '@bendyline/squisq/markdown';
-import { markdownToDoc } from '@bendyline/squisq/doc';
-import {
-  buildNarrationScript,
-  parseNarrationTimingJson,
-  type NarrationAlignment,
-} from '@bendyline/squisq/narration';
-import {
-  insertNarrationPreamble,
-  narrationAnnotationLine,
-} from '../teleprompter/recording/insertPreamble';
-import { buildNarrationSavePlan } from '../teleprompter/recording/narrationSave';
-
-describe('insertNarrationPreamble', () => {
-  it('inserts at the top of a plain document', () => {
-    const next = insertNarrationPreamble('# Title\n\nBody.\n', 'audio/narration-1.webm', null);
-    expect(next.startsWith('{[audio src=audio/narration-1.webm anchor=document]}\n\n# Title')).toBe(
-      true,
-    );
-  });
-
-  it('inserts after the frontmatter fence', () => {
-    const source = '---\ntitle: Doc\n---\n\n# Title\n\nBody.\n';
-    const next = insertNarrationPreamble(source, 'audio/narration-1.webm', null);
-    const lines = next.split('\n');
-    expect(lines[2]).toBe('---');
-    expect(next).toContain(
-      '---\n\n{[audio src=audio/narration-1.webm anchor=document]}\n\n# Title',
-    );
-  });
-
-  it('replaces a previous take (and its camera line) on retake', () => {
-    const withTake = insertNarrationPreamble(
-      '# Title\n\nBody.\n',
-      'audio/narration-old.webm',
-      'video/narration-cam-old.webm',
-    );
-    expect(withTake).toContain('narration-old');
-    expect(withTake).toContain('<video src="video/narration-cam-old.webm"');
-
-    const retaken = insertNarrationPreamble(withTake, 'audio/narration-new.webm', null);
-    expect(retaken).not.toContain('narration-old');
-    expect(retaken).not.toContain('narration-cam-old');
-    expect(retaken).toContain('{[audio src=audio/narration-new.webm anchor=document]}');
-    // No duplicate annotations.
-    expect(retaken.match(/\{\[audio /g)?.length).toBe(1);
-  });
-
-  it('adds the camera companion as an inline video line', () => {
-    const next = insertNarrationPreamble(
-      '# Title\n\nBody.\n',
-      'audio/narration-1.webm',
-      'video/narration-cam-1.webm',
-    );
-    expect(next).toContain('{[audio src=audio/narration-1.webm anchor=document]}');
-    expect(next).toContain('<video src="video/narration-cam-1.webm" controls width="240"></video>');
-  });
-
-  it('quotes srcs with spaces', () => {
-    expect(narrationAnnotationLine('audio/my take.webm')).toBe(
-      '{[audio src="audio/my take.webm" anchor=document]}',
-    );
-  });
-
-  it('round-trips through markdownToDoc as documentMedia', () => {
-    const next = insertNarrationPreamble(
-      '---\ntitle: Doc\n---\n\n# Title\n\nBody.\n',
-      'audio/narration-1.webm',
-      null,
-    );
-    const doc = markdownToDoc(parseMarkdown(next));
-    expect(doc.documentMedia?.length).toBe(1);
-    expect(doc.documentMedia![0].src).toBe('audio/narration-1.webm');
-    expect(doc.documentMedia![0].anchor).toBe('document');
-  });
-});
-
-describe('buildNarrationSavePlan', () => {
-  const script = buildNarrationScript(
-    markdownToDoc(parseMarkdown('# One\n\nAlpha beta.\n\n# Two\n\nGamma delta.\n')),
-  );
-  const alignment: NarrationAlignment = {
-    words: script.tokens.map((_, i) => ({ tokenIndex: i, tSec: i * 0.4, interpolated: false })),
-    blocks: script.blocks.map((range, i) => ({
-      blockId: range.blockId,
-      blockIndex: i,
-      charStart: range.charStart,
-      charEnd: range.charEnd,
-      startSec: i * 5,
-      endSec: (i + 1) * 5,
-    })),
-    detectedSyllables: script.totalSyllables,
-    cost: 0,
-  };
-
-  it('produces recorder-convention paths and a v3 sidecar the parser accepts', () => {
-    const plan = buildNarrationSavePlan({
-      script,
-      alignment,
-      durationSec: 10,
-      audioExt: '.webm',
-      cameraExt: '.webm',
-      baseWpm: 150,
-      cameraOffsetSec: 0.02,
-    });
-    expect(plan.audioRelativeName).toMatch(/^audio\/narration-.*\.webm$/);
-    expect(plan.cameraRelativeName).toMatch(/^video\/narration-cam.*\.webm$/);
-    expect(plan.sidecarPathFor('audio/renamed.webm')).toBe('audio/renamed.webm.timing.json');
-
-    const parsed = parseNarrationTimingJson(JSON.stringify(plan.sidecarPayload));
-    expect(parsed).not.toBeNull();
-    expect(parsed!.blocks.length).toBe(script.blocks.length);
-    expect(parsed!.bookmarks.length).toBe(script.tokens.length);
-    expect(parsed!.cameraOffsetSec).toBeCloseTo(0.02, 6);
-  });
-
-  it('degrades to an empty-timing sidecar when alignment failed', () => {
-    const plan = buildNarrationSavePlan({
-      script,
-      alignment: null,
-      durationSec: 10,
-      audioExt: '.webm',
-      cameraExt: null,
-      baseWpm: 150,
-    });
-    expect(plan.cameraRelativeName).toBeNull();
-    expect(plan.sidecarPayload.blocks).toEqual([]);
-    expect(plan.sidecarPayload.bookmarks).toEqual([]);
-    expect(plan.sidecarPayload.sourceText).toBe(script.sourceText);
-  });
-
-  it('nextMarkdown composes the preamble from one snapshot', () => {
-    const plan = buildNarrationSavePlan({
-      script,
-      alignment,
-      durationSec: 10,
-      audioExt: '.webm',
-      cameraExt: null,
-      baseWpm: 150,
-    });
-    const next = plan.nextMarkdown('# One\n\nAlpha beta.\n', 'audio/narration-x.webm', null);
-    expect(next).toContain('{[audio src=audio/narration-x.webm anchor=document]}');
-  });
-});