@mieweb/ui 0.6.1-dev.169 → 0.6.1-dev.170

package/dist/components/MediaEditor/index.d.cts

@@ -0,0 +1,151 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript, E as EditableWord, S as SpeedMarker, P as PlaybackSpeed } from '../../transcript-oaWqY3yr.cjs';
+import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.cjs';
+import { S as SilenceThresholdCount } from '../../useTranscriptEdits-BUylQFg0.cjs';
+
+interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
+    /** Media URL */
+    src: string;
+    /** Force the media kind; inferred from the src extension when omitted */
+    kind?: MediaKind;
+    /** The source transcript (canonical, immutable) */
+    transcript: Transcript;
+    /** Initial edited words (from saved edits) */
+    initialEditedWords?: EditableWord[];
+    /** Initial undo stack (from saved edits) */
+    initialUndoStack?: EditableWord[][];
+    /** Fired after every edit mutation (for persistence) */
+    onEditorStateChange?: (editedWords: EditableWord[], undoStack: EditableWord[][]) => void;
+    /** Fired when the hasEdits flag changes */
+    onHasEditsChange?: (hasEdits: boolean) => void;
+    /** Fired when the cursor moves (start time of the cursor word in ms, or null) */
+    onCursorTimestampChange?: (timestampMs: number | null) => void;
+    /** Fired whenever the edited words change — lets the host build raw-data views */
+    onEditedWordsRender?: (editedWords: EditableWord[]) => void;
+    /** Optional ref to the internal MediaPlayer (host escape hatch, e.g. thumbnail capture) */
+    playerRef?: React.Ref<MediaPlayerRef>;
+    /** Additional class name */
+    className?: string;
+    /**
+     * 'horizontal' (default): media stacked above the transcript.
+     * 'vertical': media and transcript side by side.
+     */
+    splitLayout?: 'horizontal' | 'vertical';
+}
+declare const mediaEditorVariants: (props?: ({
+    splitLayout?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Media editor: MediaPlayer on top, an editable word-mode transcript below,
+ * and a toolbar with speed control, filler removal, and edit statistics.
+ *
+ * Interactions (ported from pulseclip's TranscriptViewer):
+ * - Click a word: seek and play just that word
+ * - Double-click: set a range anchor; click another word to select the range
+ * - Mouse-down + drag: select a range; long-press (500ms) opens the editor
+ * - Right-click: speed marker menu
+ * - Keyboard: arrows (+Shift to select), Home/End, Backspace/Delete toggle
+ *   delete, Cmd/Ctrl+X/C/V cut/copy/paste, Cmd/Ctrl+Z undo, Space plays the
+ *   edited timeline from the cursor, Enter opens the word editor
+ */
+declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FillerWordsModal — select filler words (and long silences) to mark deleted.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Pure UI: match
+ * counts/durations come in via props (see useTranscriptEdits.fillerAnalysis);
+ * the selection is reported through onApply.
+ */
+
+interface FillerWordsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Apply removal: selected filler words + optional silence threshold (seconds) */
+    onApply: (fillerWords: string[], removeSilenceAboveSec: number | null) => void;
+    /** Occurrence count per normalized word */
+    matchingCounts: Map<string, number>;
+    /** Total duration (ms) per filler word */
+    fillerDurations: Map<string, number>;
+    /** Count and total duration of silences at each threshold */
+    silenceCounts: SilenceThresholdCount[];
+    /** Current total edited duration in ms */
+    currentDurationMs: number;
+}
+/** Modal for selecting filler words to remove from the edited transcript */
+declare const FillerWordsModal: React.FC<FillerWordsModalProps>;
+
+/**
+ * WordEditorModal — edit a word's text or split a silence into segments.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. For silences,
+ * space-separated durations (e.g. "1 1 4 1") split the silence; the
+ * remainder becomes the final segment.
+ */
+
+interface WordEditorModalProps {
+    isOpen: boolean;
+    editableWord: EditableWord | null;
+    onClose: () => void;
+    /** Save a new text for the word */
+    onSave: (newText: string) => void;
+    /** Split a silence into segments with the given durations (seconds) */
+    onSplitSilence: (durations: number[]) => void;
+    /** Toggle the word's deleted state */
+    onDelete: () => void;
+}
+/**
+ * Modal for editing a word or splitting a silence.
+ * For silences, enter space-separated durations (e.g., "1 1 4 1") to split.
+ */
+declare const WordEditorModal: React.FC<WordEditorModalProps>;
+
+/**
+ * SilenceSettingsModal — configure silence detection thresholds.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. The paragraph
+ * break threshold is clamped to be >= the minimum silence duration.
+ */
+
+interface SilenceSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Current minimum silence duration (ms) */
+    minSilenceMs: number;
+    /** Current paragraph break threshold (ms) */
+    nlSilenceMs: number;
+    /** Apply new thresholds (both in ms) */
+    onApply: (minSilenceMs: number, nlSilenceMs: number) => void;
+}
+/** Modal for configuring silence detection settings */
+declare const SilenceSettingsModal: React.FC<SilenceSettingsModalProps>;
+
+/**
+ * SpeedMarkerMenu — context-menu popup for setting per-word speed markers.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Hand-built (plain
+ * elements + tokens): a positioned context menu has no @mieweb/ui primitive.
+ */
+
+interface SpeedMarkerMenuProps {
+    isOpen: boolean;
+    /** Viewport coordinates for the menu (already clamped by the caller) */
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    /** The edited-word index the menu applies to */
+    wordIndex: number | null;
+    /** Existing marker at that word, if any */
+    currentMarker: SpeedMarker | undefined;
+    defaultSpeed: PlaybackSpeed;
+    onSetSpeed: (speed: PlaybackSpeed) => void;
+    onRemoveMarker: () => void;
+    onClose: () => void;
+}
+/** Popup menu for setting speed markers on a word */
+declare const SpeedMarkerMenu: React.FC<SpeedMarkerMenuProps>;
+
+export { FillerWordsModal, type FillerWordsModalProps, MediaEditor, type MediaEditorProps, SilenceSettingsModal, type SilenceSettingsModalProps, SpeedMarkerMenu, type SpeedMarkerMenuProps, WordEditorModal, type WordEditorModalProps };

package/dist/components/MediaEditor/index.d.ts

@@ -0,0 +1,151 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript, E as EditableWord, S as SpeedMarker, P as PlaybackSpeed } from '../../transcript-oaWqY3yr.js';
+import { MediaKind, MediaPlayerRef } from '../MediaPlayer/index.js';
+import { S as SilenceThresholdCount } from '../../useTranscriptEdits-CWYnjbGP.js';
+
+interface MediaEditorProps extends VariantProps<typeof mediaEditorVariants> {
+    /** Media URL */
+    src: string;
+    /** Force the media kind; inferred from the src extension when omitted */
+    kind?: MediaKind;
+    /** The source transcript (canonical, immutable) */
+    transcript: Transcript;
+    /** Initial edited words (from saved edits) */
+    initialEditedWords?: EditableWord[];
+    /** Initial undo stack (from saved edits) */
+    initialUndoStack?: EditableWord[][];
+    /** Fired after every edit mutation (for persistence) */
+    onEditorStateChange?: (editedWords: EditableWord[], undoStack: EditableWord[][]) => void;
+    /** Fired when the hasEdits flag changes */
+    onHasEditsChange?: (hasEdits: boolean) => void;
+    /** Fired when the cursor moves (start time of the cursor word in ms, or null) */
+    onCursorTimestampChange?: (timestampMs: number | null) => void;
+    /** Fired whenever the edited words change — lets the host build raw-data views */
+    onEditedWordsRender?: (editedWords: EditableWord[]) => void;
+    /** Optional ref to the internal MediaPlayer (host escape hatch, e.g. thumbnail capture) */
+    playerRef?: React.Ref<MediaPlayerRef>;
+    /** Additional class name */
+    className?: string;
+    /**
+     * 'horizontal' (default): media stacked above the transcript.
+     * 'vertical': media and transcript side by side.
+     */
+    splitLayout?: 'horizontal' | 'vertical';
+}
+declare const mediaEditorVariants: (props?: ({
+    splitLayout?: "horizontal" | "vertical" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/**
+ * Media editor: MediaPlayer on top, an editable word-mode transcript below,
+ * and a toolbar with speed control, filler removal, and edit statistics.
+ *
+ * Interactions (ported from pulseclip's TranscriptViewer):
+ * - Click a word: seek and play just that word
+ * - Double-click: set a range anchor; click another word to select the range
+ * - Mouse-down + drag: select a range; long-press (500ms) opens the editor
+ * - Right-click: speed marker menu
+ * - Keyboard: arrows (+Shift to select), Home/End, Backspace/Delete toggle
+ *   delete, Cmd/Ctrl+X/C/V cut/copy/paste, Cmd/Ctrl+Z undo, Space plays the
+ *   edited timeline from the cursor, Enter opens the word editor
+ */
+declare const MediaEditor: React.ForwardRefExoticComponent<MediaEditorProps & React.RefAttributes<HTMLDivElement>>;
+
+/**
+ * FillerWordsModal — select filler words (and long silences) to mark deleted.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Pure UI: match
+ * counts/durations come in via props (see useTranscriptEdits.fillerAnalysis);
+ * the selection is reported through onApply.
+ */
+
+interface FillerWordsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Apply removal: selected filler words + optional silence threshold (seconds) */
+    onApply: (fillerWords: string[], removeSilenceAboveSec: number | null) => void;
+    /** Occurrence count per normalized word */
+    matchingCounts: Map<string, number>;
+    /** Total duration (ms) per filler word */
+    fillerDurations: Map<string, number>;
+    /** Count and total duration of silences at each threshold */
+    silenceCounts: SilenceThresholdCount[];
+    /** Current total edited duration in ms */
+    currentDurationMs: number;
+}
+/** Modal for selecting filler words to remove from the edited transcript */
+declare const FillerWordsModal: React.FC<FillerWordsModalProps>;
+
+/**
+ * WordEditorModal — edit a word's text or split a silence into segments.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. For silences,
+ * space-separated durations (e.g. "1 1 4 1") split the silence; the
+ * remainder becomes the final segment.
+ */
+
+interface WordEditorModalProps {
+    isOpen: boolean;
+    editableWord: EditableWord | null;
+    onClose: () => void;
+    /** Save a new text for the word */
+    onSave: (newText: string) => void;
+    /** Split a silence into segments with the given durations (seconds) */
+    onSplitSilence: (durations: number[]) => void;
+    /** Toggle the word's deleted state */
+    onDelete: () => void;
+}
+/**
+ * Modal for editing a word or splitting a silence.
+ * For silences, enter space-separated durations (e.g., "1 1 4 1") to split.
+ */
+declare const WordEditorModal: React.FC<WordEditorModalProps>;
+
+/**
+ * SilenceSettingsModal — configure silence detection thresholds.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. The paragraph
+ * break threshold is clamped to be >= the minimum silence duration.
+ */
+
+interface SilenceSettingsModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    /** Current minimum silence duration (ms) */
+    minSilenceMs: number;
+    /** Current paragraph break threshold (ms) */
+    nlSilenceMs: number;
+    /** Apply new thresholds (both in ms) */
+    onApply: (minSilenceMs: number, nlSilenceMs: number) => void;
+}
+/** Modal for configuring silence detection settings */
+declare const SilenceSettingsModal: React.FC<SilenceSettingsModalProps>;
+
+/**
+ * SpeedMarkerMenu — context-menu popup for setting per-word speed markers.
+ *
+ * Ported from pulseclip's TranscriptViewer for @mieweb/ui. Hand-built (plain
+ * elements + tokens): a positioned context menu has no @mieweb/ui primitive.
+ */
+
+interface SpeedMarkerMenuProps {
+    isOpen: boolean;
+    /** Viewport coordinates for the menu (already clamped by the caller) */
+    position: {
+        x: number;
+        y: number;
+    } | null;
+    /** The edited-word index the menu applies to */
+    wordIndex: number | null;
+    /** Existing marker at that word, if any */
+    currentMarker: SpeedMarker | undefined;
+    defaultSpeed: PlaybackSpeed;
+    onSetSpeed: (speed: PlaybackSpeed) => void;
+    onRemoveMarker: () => void;
+    onClose: () => void;
+}
+/** Popup menu for setting speed markers on a word */
+declare const SpeedMarkerMenu: React.FC<SpeedMarkerMenuProps>;
+
+export { FillerWordsModal, type FillerWordsModalProps, MediaEditor, type MediaEditorProps, SilenceSettingsModal, type SilenceSettingsModalProps, SpeedMarkerMenu, type SpeedMarkerMenuProps, WordEditorModal, type WordEditorModalProps };

package/dist/components/MediaEditor/index.js

@@ -0,0 +1,17 @@
+export { FillerWordsModal, MediaEditor, SilenceSettingsModal, SpeedMarkerMenu, WordEditorModal } from '../../chunk-CH26CHPH.js';
+import '../../chunk-J7KWQJOB.js';
+import '../../chunk-JBB25LFB.js';
+import '../../chunk-FGP64Z24.js';
+import '../../chunk-XCLQZ4FV.js';
+import '../../chunk-R25H4N4Z.js';
+import '../../chunk-IUFDGB5O.js';
+import '../../chunk-PVUDXJAI.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-NTYGCBCL.js';
+import '../../chunk-SQHMGT4W.js';
+import '../../chunk-4SMSH4OY.js';
+import '../../chunk-T4ME7QCT.js';
+import '../../chunk-F3SOEIN2.js';
+import '../../chunk-VSQF22GL.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MediaEditor/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/MediaPlayer/index.cjs

@@ -0,0 +1,24 @@
+'use strict';
+
+require('../../chunk-GLXTVCHN.cjs');
+var chunkYD23ZGRU_cjs = require('../../chunk-YD23ZGRU.cjs');
+require('../../chunk-A2QVQF54.cjs');
+require('../../chunk-JYZW2PZS.cjs');
+require('../../chunk-OR5DRJCW.cjs');
+
+
+
+Object.defineProperty(exports, "MediaPlayer", {
+  enumerable: true,
+  get: function () { return chunkYD23ZGRU_cjs.MediaPlayer; }
+});
+Object.defineProperty(exports, "inferMediaKind", {
+  enumerable: true,
+  get: function () { return chunkYD23ZGRU_cjs.inferMediaKind; }
+});
+Object.defineProperty(exports, "mediaPlayerVariants", {
+  enumerable: true,
+  get: function () { return chunkYD23ZGRU_cjs.mediaPlayerVariants; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/MediaPlayer/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/MediaPlayer/index.d.cts

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type MediaPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+type MediaKind = 'video' | 'audio';
+/** Ref handle for controlling {@link MediaPlayer} programmatically. */
+interface MediaPlayerRef {
+    /** Seek to a specific time in milliseconds. */
+    seekToMs: (timeMs: number) => void;
+    /** Start playback. */
+    play: () => void;
+    /** Pause playback. */
+    pause: () => void;
+    /** Get current playback time in milliseconds. */
+    getCurrentTimeMs: () => number;
+    /** Get total duration in milliseconds. */
+    getDurationMs: () => number;
+    /** Whether playback is currently paused. */
+    isPaused: () => boolean;
+    /** Set playback speed multiplier. */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * The underlying media element.
+     * Escape hatch for host integrations (e.g. thumbnail capture); prefer the
+     * typed methods above for playback control.
+     */
+    mediaElement: HTMLVideoElement | HTMLAudioElement | null;
+}
+interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
+    /** Media source URL. */
+    src: string;
+    /** Force the media kind; when omitted it is inferred from the src extension. */
+    kind?: MediaKind;
+    /** Whether to show native controls (default `true`). */
+    controls?: boolean;
+    /** Callback when playback state changes. */
+    onStateChange?: (state: MediaPlayerState) => void;
+    /** Callback when playback ends. */
+    onEnded?: () => void;
+    /** Callback when an error occurs. */
+    onError?: (error: Error) => void;
+    /** Callback on time updates (milliseconds). */
+    onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
+    /** Additional class name. */
+    className?: string;
+    /** Accessible label for the media element. */
+    'aria-label'?: string;
+    /**
+     * Transitional: exposes the raw media element to legacy consumers.
+     * Prefer {@link MediaPlayerRef} for playback control.
+     */
+    mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+}
+declare const mediaPlayerVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Infer media kind from a URL's file extension; defaults to audio. */
+declare function inferMediaKind(src: string): MediaKind;
+/**
+ * Media playback surface for audio and video with a shared imperative handle.
+ *
+ * Renders a native `<video>` or `<audio>` element (kind inferred from the src
+ * extension unless forced) with themed error/retry handling. Playback state and
+ * controls come from the shared {@link useMediaTransport} hook and are exposed
+ * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should
+ * not reach into the DOM element directly.
+ */
+declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<MediaPlayerRef>>;
+
+export { type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };

package/dist/components/MediaPlayer/index.d.ts

@@ -0,0 +1,71 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+
+type MediaPlayerState = 'idle' | 'loading' | 'playing' | 'paused' | 'error';
+type MediaKind = 'video' | 'audio';
+/** Ref handle for controlling {@link MediaPlayer} programmatically. */
+interface MediaPlayerRef {
+    /** Seek to a specific time in milliseconds. */
+    seekToMs: (timeMs: number) => void;
+    /** Start playback. */
+    play: () => void;
+    /** Pause playback. */
+    pause: () => void;
+    /** Get current playback time in milliseconds. */
+    getCurrentTimeMs: () => number;
+    /** Get total duration in milliseconds. */
+    getDurationMs: () => number;
+    /** Whether playback is currently paused. */
+    isPaused: () => boolean;
+    /** Set playback speed multiplier. */
+    setPlaybackRate: (rate: number) => void;
+    /**
+     * The underlying media element.
+     * Escape hatch for host integrations (e.g. thumbnail capture); prefer the
+     * typed methods above for playback control.
+     */
+    mediaElement: HTMLVideoElement | HTMLAudioElement | null;
+}
+interface MediaPlayerProps extends VariantProps<typeof mediaPlayerVariants> {
+    /** Media source URL. */
+    src: string;
+    /** Force the media kind; when omitted it is inferred from the src extension. */
+    kind?: MediaKind;
+    /** Whether to show native controls (default `true`). */
+    controls?: boolean;
+    /** Callback when playback state changes. */
+    onStateChange?: (state: MediaPlayerState) => void;
+    /** Callback when playback ends. */
+    onEnded?: () => void;
+    /** Callback when an error occurs. */
+    onError?: (error: Error) => void;
+    /** Callback on time updates (milliseconds). */
+    onTimeUpdate?: (currentTimeMs: number, durationMs: number) => void;
+    /** Additional class name. */
+    className?: string;
+    /** Accessible label for the media element. */
+    'aria-label'?: string;
+    /**
+     * Transitional: exposes the raw media element to legacy consumers.
+     * Prefer {@link MediaPlayerRef} for playback control.
+     */
+    mediaElementRef?: React.RefObject<HTMLVideoElement | HTMLAudioElement | null>;
+}
+declare const mediaPlayerVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Infer media kind from a URL's file extension; defaults to audio. */
+declare function inferMediaKind(src: string): MediaKind;
+/**
+ * Media playback surface for audio and video with a shared imperative handle.
+ *
+ * Renders a native `<video>` or `<audio>` element (kind inferred from the src
+ * extension unless forced) with themed error/retry handling. Playback state and
+ * controls come from the shared {@link useMediaTransport} hook and are exposed
+ * through {@link MediaPlayerRef} (all times in milliseconds) — consumers should
+ * not reach into the DOM element directly.
+ */
+declare const MediaPlayer: React.ForwardRefExoticComponent<MediaPlayerProps & React.RefAttributes<MediaPlayerRef>>;
+
+export { type MediaKind, MediaPlayer, type MediaPlayerProps, type MediaPlayerRef, type MediaPlayerState, inferMediaKind, mediaPlayerVariants };

package/dist/components/MediaPlayer/index.js

@@ -0,0 +1,7 @@
+import '../../chunk-RISZWWEQ.js';
+export { MediaPlayer, inferMediaKind, mediaPlayerVariants } from '../../chunk-FGP64Z24.js';
+import '../../chunk-ZVSW2KS6.js';
+import '../../chunk-SQHMGT4W.js';
+import '../../chunk-F3SOEIN2.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/MediaPlayer/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}

package/dist/components/TranscriptView/index.cjs

@@ -0,0 +1,21 @@
+'use strict';
+
+var chunkUO3KEUYK_cjs = require('../../chunk-UO3KEUYK.cjs');
+var chunkS7JQ3FV5_cjs = require('../../chunk-S7JQ3FV5.cjs');
+
+
+
+Object.defineProperty(exports, "TranscriptView", {
+  enumerable: true,
+  get: function () { return chunkUO3KEUYK_cjs.TranscriptView; }
+});
+Object.defineProperty(exports, "formatTimestampMs", {
+  enumerable: true,
+  get: function () { return chunkUO3KEUYK_cjs.formatTimestampMs; }
+});
+Object.defineProperty(exports, "PLAYBACK_SPEEDS", {
+  enumerable: true,
+  get: function () { return chunkS7JQ3FV5_cjs.PLAYBACK_SPEEDS; }
+});
+//# sourceMappingURL=index.cjs.map
+//# sourceMappingURL=index.cjs.map

package/dist/components/TranscriptView/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.cjs"}

package/dist/components/TranscriptView/index.d.cts

@@ -0,0 +1,55 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript } from '../../transcript-oaWqY3yr.cjs';
+export { E as EditableWord, c as PLAYBACK_SPEEDS, a as PlaybackSegment, P as PlaybackSpeed, d as Speaker, S as SpeedMarker, e as TranscriptSegment, b as TranscriptWord, W as WordType } from '../../transcript-oaWqY3yr.cjs';
+
+type TranscriptGranularity = 'word' | 'segment';
+interface TranscriptViewProps extends VariantProps<typeof transcriptViewVariants> {
+    /** The transcript to render */
+    transcript: Transcript;
+    /**
+     * Rendering granularity. Defaults to 'segment' when the transcript has
+     * segments, otherwise 'word'.
+     */
+    granularity?: TranscriptGranularity;
+    /** Controlled playback position (ms); the matching word/segment is highlighted */
+    currentTimeMs?: number;
+    /** Called with the start time (ms) of a clicked word/segment; the host performs the seek/play */
+    onSeek?: (timeMs: number) => void;
+    /** Auto-scroll the active word/segment into view (default true) */
+    followPlayback?: boolean;
+    /**
+     * Maps Speaker.id to a display label (e.g. Clinician/Patient). Falls back to
+     * Speaker.name from transcript.speakers, then the raw id.
+     */
+    speakerLabels?: Record<string, string>;
+    /** Segment mode: merge consecutive same-speaker segments into one row (default false) */
+    mergeSameSpeaker?: boolean;
+    /** Segment mode: show mm:ss timestamps (default true) */
+    showTimestamps?: boolean;
+    /** Rendered in a header row (host supplies copy/re-transcribe/remove buttons) */
+    actions?: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label for the transcript container (default 'Transcript') */
+    'aria-label'?: string;
+}
+declare const transcriptViewVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Format milliseconds as m:ss (osheet timestamp style) */
+declare function formatTimestampMs(ms: number): string;
+/**
+ * Read-only transcript viewer with word-level and segment-level (diarized)
+ * rendering modes.
+ *
+ * Controlled and persistence-agnostic: the host owns playback and passes the
+ * position via `currentTimeMs`; clicking a word/segment reports the target
+ * time through `onSeek`. Segment mode matches the osheet artifact-viewer row
+ * UX (timestamp | speaker | text, click to seek + play). Editing lives in
+ * MediaEditor, not here.
+ */
+declare const TranscriptView: React.ForwardRefExoticComponent<TranscriptViewProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Transcript, type TranscriptGranularity, TranscriptView, type TranscriptViewProps, formatTimestampMs };

package/dist/components/TranscriptView/index.d.ts

@@ -0,0 +1,55 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+import * as React from 'react';
+import { VariantProps } from 'class-variance-authority';
+import { T as Transcript } from '../../transcript-oaWqY3yr.js';
+export { E as EditableWord, c as PLAYBACK_SPEEDS, a as PlaybackSegment, P as PlaybackSpeed, d as Speaker, S as SpeedMarker, e as TranscriptSegment, b as TranscriptWord, W as WordType } from '../../transcript-oaWqY3yr.js';
+
+type TranscriptGranularity = 'word' | 'segment';
+interface TranscriptViewProps extends VariantProps<typeof transcriptViewVariants> {
+    /** The transcript to render */
+    transcript: Transcript;
+    /**
+     * Rendering granularity. Defaults to 'segment' when the transcript has
+     * segments, otherwise 'word'.
+     */
+    granularity?: TranscriptGranularity;
+    /** Controlled playback position (ms); the matching word/segment is highlighted */
+    currentTimeMs?: number;
+    /** Called with the start time (ms) of a clicked word/segment; the host performs the seek/play */
+    onSeek?: (timeMs: number) => void;
+    /** Auto-scroll the active word/segment into view (default true) */
+    followPlayback?: boolean;
+    /**
+     * Maps Speaker.id to a display label (e.g. Clinician/Patient). Falls back to
+     * Speaker.name from transcript.speakers, then the raw id.
+     */
+    speakerLabels?: Record<string, string>;
+    /** Segment mode: merge consecutive same-speaker segments into one row (default false) */
+    mergeSameSpeaker?: boolean;
+    /** Segment mode: show mm:ss timestamps (default true) */
+    showTimestamps?: boolean;
+    /** Rendered in a header row (host supplies copy/re-transcribe/remove buttons) */
+    actions?: React.ReactNode;
+    /** Additional class name */
+    className?: string;
+    /** Accessible label for the transcript container (default 'Transcript') */
+    'aria-label'?: string;
+}
+declare const transcriptViewVariants: (props?: ({
+    variant?: "card" | "plain" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+/** Format milliseconds as m:ss (osheet timestamp style) */
+declare function formatTimestampMs(ms: number): string;
+/**
+ * Read-only transcript viewer with word-level and segment-level (diarized)
+ * rendering modes.
+ *
+ * Controlled and persistence-agnostic: the host owns playback and passes the
+ * position via `currentTimeMs`; clicking a word/segment reports the target
+ * time through `onSeek`. Segment mode matches the osheet artifact-viewer row
+ * UX (timestamp | speaker | text, click to seek + play). Editing lives in
+ * MediaEditor, not here.
+ */
+declare const TranscriptView: React.ForwardRefExoticComponent<TranscriptViewProps & React.RefAttributes<HTMLDivElement>>;
+
+export { Transcript, type TranscriptGranularity, TranscriptView, type TranscriptViewProps, formatTimestampMs };

package/dist/components/TranscriptView/index.js

@@ -0,0 +1,4 @@
+export { TranscriptView, formatTimestampMs } from '../../chunk-FIWKHLWY.js';
+export { PLAYBACK_SPEEDS } from '../../chunk-J7KWQJOB.js';
+//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/dist/components/TranscriptView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":"","file":"index.js"}