@dxos/plugin-transcription 0.8.2-main.fbd8ed0 → 0.8.2-staging.7ac8446

package/dist/lib/node/chunk-FCCJALOT.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/transcriber/media-stream-recorder.ts", "../../../src/transcriber/transcriber.ts", "../../../src/transcriber/transcription-manager.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type IBlobEvent, type IMediaRecorder, MediaRecorder, register } from 'extendable-media-recorder';\nimport { WaveFile } from 'wavefile';\n\nimport { synchronized } from '@dxos/async';\nimport { invariant } from '@dxos/invariant';\nimport { log } from '@dxos/log';\nimport { trace } from '@dxos/tracing';\n\nimport { type WavConfig, type AudioChunk, type AudioRecorder } from './audio-recorder';\n\nlet initializingPromise: Promise<void> | undefined;\n\nconst initializeExtendableMediaRecorder = async () => {\n  const { connect } = await import('extendable-media-recorder-wav-encoder');\n  await register(await connect());\n};\n\n/**\n * Recorder that uses the MediaContext API and AudioNode API to record audio.\n *\n * It records MediaStream using https://www.npmjs.com/package/extendable-media-recorder.\n */\n@trace.resource()\nexport class MediaStreamRecorder implements AudioRecorder {\n  private readonly _mediaStreamTrack: MediaStreamTrack;\n  /**\n   * Default MediaRecorder implementation do not support wav encoding.\n   */\n  private readonly _interval: number;\n  private _mediaRecorder?: IMediaRecorder = undefined;\n  private _header?: Uint8Array = undefined;\n  private _onChunk?: (chunk: AudioChunk) => void;\n\n  constructor({ mediaStreamTrack, interval }: { mediaStreamTrack: MediaStreamTrack; interval: number }) {\n    this._mediaStreamTrack = mediaStreamTrack;\n    this._interval = interval;\n  }\n\n  get wavConfig(): WavConfig {\n    const settings = this._mediaStreamTrack.getSettings();\n    return {\n      channels: settings.channelCount ?? 1,\n      sampleRate: settings.sampleRate ?? 16000,\n      bitDepthCode: settings.sampleSize ? String(settings.sampleSize) : '16',\n    };\n  }\n\n  get mediaStreamTrack() {\n    return this._mediaStreamTrack;\n  }\n\n  setOnChunk(onChunk: (chunk: AudioChunk) => void): void {\n    this._onChunk = onChunk;\n  }\n\n  async start() {\n    await (initializingPromise ??= initializeExtendableMediaRecorder()).catch((err) =>\n      log.info('initializeExtendableMediaRecorder', { err }),\n    );\n\n    if (!this._mediaRecorder) {\n      const stream = new MediaStream([this._mediaStreamTrack]);\n      this._mediaRecorder = new MediaRecorder(stream, { mimeType: 'audio/wav' });\n    }\n\n    if (this._mediaRecorder.state === 'recording') {\n      return;\n    }\n    invariant(this._onChunk, 'MediaStreamRecorder: onChunk is not set');\n    this._mediaRecorder.ondataavailable = (event) => this._ondataavailable(event);\n    this._mediaRecorder.start(this._interval);\n  }\n\n  async stop() {\n    if (this._mediaRecorder?.state !== 'recording') {\n      return;\n    }\n    this._mediaRecorder.stop();\n  }\n\n  @synchronized\n  private async _ondataavailable(event: IBlobEvent) {\n    const blob = event.data;\n    const uint8Array = new Uint8Array(await blob.arrayBuffer());\n\n    // First chunk from the MediaRecorder has a header.\n    const isHeader =\n      uint8Array[0] === 0x52 && // R\n      uint8Array[1] === 0x49 && // I\n      uint8Array[2] === 0x46 && // F\n      uint8Array[3] === 0x46; // F\n    let wav: WaveFile;\n\n    if (isHeader) {\n      wav = new WaveFile(uint8Array);\n      this._header = uint8Array.slice(0, 44);\n    } else if (this._header) {\n      wav = new WaveFile(new Uint8Array([...this._header, ...uint8Array]));\n    } else {\n      log.warn('MediaStreamRecorder: no header');\n      return;\n    }\n\n    this._onChunk!({\n      timestamp: Date.now(),\n      data: wav.getSamples(),\n    });\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { WaveFile } from 'wavefile';\n\nimport { DeferredTask, Trigger } from '@dxos/async';\nimport { type Context, LifecycleState, Resource } from '@dxos/context';\nimport { log } from '@dxos/log';\nimport { trace } from '@dxos/tracing';\n\nimport { type AudioRecorder, type AudioChunk } from './audio-recorder';\nimport { TRANSCRIPTION_URL, type TranscriptSegment } from '../types';\nimport { mergeFloat64Arrays } from '../util';\n\ntype WhisperWord = {\n  word: string;\n\n  /**\n   * Time in seconds from the start of the audio.\n   */\n  start: number;\n\n  /**\n   * Time in seconds from the start of the audio.\n   */\n  end: number;\n};\n\ntype WhisperSegment = {\n  text: string;\n\n  /**\n   * Time in seconds from the start of the audio.\n   */\n  start: number;\n\n  /**\n   * Time in seconds from the start of the audio.\n   */\n  end: number;\n\n  /**\n   * Probability of no speech in the segment.\n   */\n  no_speech_prob: number;\n\n  words: WhisperWord[];\n};\n\nexport type TranscribeConfig = {\n  /**\n   * Number of chunks to transcribe automatically after.\n   */\n  transcribeAfterChunksAmount: number;\n\n  /**\n   * Number of chunks to save before the user starts speaking.\n   * This is needed to catch the beginning of the user's speech.\n   */\n  prefixBufferChunksAmount: number;\n};\n\nexport type TranscriberParams = {\n  config: TranscribeConfig;\n  recorder: AudioRecorder;\n  onSegments: (segments: TranscriptSegment[]) => Promise<void>;\n};\n\n/**\n * Handles transcription of audio chunks.\n * If user is not speaking, the last `minChunksAmount` chunks are saved and transcribed.\n * If user is speaking, the chunks are added to the buffer until the user is done talking.\n */\nexport class Transcriber extends Resource {\n  private _audioChunks: AudioChunk[] = [];\n  private _lastUsedTimestamp = 0;\n\n  private readonly _openTrigger = new Trigger({ autoReset: true });\n\n  private readonly _config: TranscribeConfig;\n  private readonly _recorder: AudioRecorder;\n  private readonly _onSegments: TranscriberParams['onSegments'];\n\n  private _recording = false;\n  private _transcribeTask?: DeferredTask = undefined;\n\n  constructor({ config, recorder, onSegments }: TranscriberParams) {\n    super();\n    this._config = config;\n    this._recorder = recorder;\n    this._onSegments = onSegments;\n  }\n\n  protected override async _open(ctx: Context) {\n    this._recorder.setOnChunk((chunk) => this._saveAudioChunk(chunk));\n    await this._recorder.start();\n    this._transcribeTask = new DeferredTask(ctx, async () => this._transcribe());\n    this._openTrigger.wake();\n  }\n\n  protected override async _close() {\n    this._recording = false;\n    this._transcribeTask = undefined;\n    await this._recorder.stop();\n  }\n\n  startChunksRecording() {\n    if (this._lifecycleState !== LifecycleState.OPEN) {\n      return;\n    }\n    this._recording = true;\n  }\n\n  stopChunksRecording() {\n    if (this._lifecycleState !== LifecycleState.OPEN || !this._recording) {\n      return;\n    }\n    this._recording = false;\n    this._transcribeTask?.schedule();\n  }\n\n  private _saveAudioChunk(chunk: AudioChunk) {\n    log('saving audio chunk', { chunk });\n    this._audioChunks.push(chunk);\n\n    // Clean the buffer if the user is not speaking and the transcription task is not scheduled.\n    if (\n      !this._recording &&\n      (!this._transcribeTask || !this._transcribeTask.scheduled) &&\n      this._audioChunks.length >= this._config.prefixBufferChunksAmount\n    ) {\n      this._audioChunks = this._dropOldChunks();\n    } else if (this._audioChunks.length >= this._config.transcribeAfterChunksAmount && this._recording) {\n      this._transcribeTask?.schedule();\n    }\n  }\n\n  private async _transcribe() {\n    log('transcribing', { chunks: this._audioChunks.length });\n    const chunks = this._audioChunks;\n    this._audioChunks = this._dropOldChunks();\n    if (chunks.length === 0) {\n      return;\n    }\n\n    const audio = await this._mergeAudioChunks(chunks);\n    const segments = await this._fetchTranscription(audio);\n    if (!Array.isArray(segments) || segments.length === 0) {\n      return;\n    }\n\n    const alignedSegments = this._alignSegments(segments, chunks);\n    if (alignedSegments.length > 0) {\n      await this._onSegments(alignedSegments);\n    }\n  }\n\n  private _dropOldChunks() {\n    return this._config.prefixBufferChunksAmount > 0\n      ? this._audioChunks.slice(-this._config.prefixBufferChunksAmount)\n      : [];\n  }\n\n  @trace.span({ showInBrowserTimeline: true })\n  private async _mergeAudioChunks(chunks: AudioChunk[]) {\n    const file = new WaveFile();\n    const wavConfig = this._recorder.wavConfig;\n\n    file.fromScratch(\n      wavConfig.channels,\n      wavConfig.sampleRate,\n      wavConfig.bitDepthCode,\n      mergeFloat64Arrays(chunks.map(({ data }) => data)),\n    );\n\n    return file.toBase64();\n  }\n\n  @trace.span({ showInBrowserTimeline: true })\n  private async _fetchTranscription(audio: string) {\n    if (audio.length === 0) {\n      this._audioChunks = [];\n      throw new Error('No audio to send for transcribing');\n    }\n\n    const response = await fetch(`${TRANSCRIPTION_URL}/transcribe`, {\n      method: 'POST',\n      body: JSON.stringify({ audio }),\n      headers: {\n        'Content-Type': 'application/json',\n      },\n    });\n\n    if (!response.ok) {\n      this._audioChunks = [];\n      throw new Error('Failed to transcribe');\n    }\n\n    const {\n      segments,\n    }: {\n      segments: WhisperSegment[];\n    } = await response.json();\n\n    log.info('transcription response', {\n      segments,\n      string: segments.map((segments) => segments.text).join(' '),\n    });\n\n    return segments;\n  }\n\n  private _alignSegments(segments: WhisperSegment[], originalChunks: AudioChunk[]): TranscriptSegment[] {\n    // Absolute zero for all relative timestamps in the segments.\n    const zeroTimestamp = originalChunks.at(0)!.timestamp;\n\n    const filteredSegments = segments\n      // Use segments that end after the last used timestamp.\n      // Segments could overlap, so we need to filter words that starts after the last used timestamp.\n      .filter((segment) => zeroTimestamp + segment.end * 1_000 >= this._lastUsedTimestamp)\n      // Use words that starts after the last used timestamp.\n      .map((segment) => {\n        const words = segment.words.filter((word) => zeroTimestamp + word.start * 1_000 >= this._lastUsedTimestamp);\n        return {\n          ...segment,\n          words,\n          text: words.map((word) => word.word).join(''),\n          start: words.at(0)?.start ?? segment.end,\n        };\n      })\n      .filter((segment) => segment.words.length > 0);\n\n    if (filteredSegments.length === 0) {\n      return [];\n    }\n\n    // Update last timestamp.\n    this._lastUsedTimestamp = zeroTimestamp + filteredSegments.at(-1)!.end * 1_000;\n\n    // Add absolute timestamp to each segment.\n    return filteredSegments.map((segment) => ({\n      started: new Date(zeroTimestamp + segment.start * 1_000),\n      text: segment.text,\n    }));\n  }\n}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { synchronized } from '@dxos/async';\nimport { Resource } from '@dxos/context';\nimport { QueueImpl, type Queue } from '@dxos/echo-db';\nimport { createStatic } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { DXN } from '@dxos/keys';\nimport { type EdgeHttpClient } from '@dxos/react-edge-client';\nimport { type HuePalette } from '@dxos/react-ui-theme';\n\nimport { MediaStreamRecorder } from './media-stream-recorder';\nimport { Transcriber } from './transcriber';\nimport { TranscriptBlock, type TranscriptSegment } from '../types';\n\n/**\n * Length of the chunk in ms.\n */\nconst RECORD_INTERVAL = 200;\n\n/**\n * Number of chunks to save before the user starts speaking.\n */\nconst PREFIXED_CHUNKS_AMOUNT = 10;\n\n/**\n * Number of chunks to transcribe automatically after.\n * Combined should be mess than 25MB or whisper would fail.\n */\nconst TRANSCRIBE_AFTER_CHUNKS_AMOUNT = 50;\n\n/**\n * Manages transcription state for a meeting.\n */\n// TODO(mykola): Reconcile with transcriber capability.\nexport class TranscriptionManager extends Resource {\n  private readonly _edgeClient: EdgeHttpClient;\n  private _audioStreamTrack?: MediaStreamTrack = undefined;\n  private _name?: string = undefined;\n  private _hue?: HuePalette = undefined;\n  private _mediaRecorder?: MediaStreamRecorder = undefined;\n  private _transcriber?: Transcriber = undefined;\n  private _enabled = false;\n  private _queue?: Queue<TranscriptBlock> = undefined;\n\n  constructor(edgeClient: EdgeHttpClient) {\n    super();\n    this._edgeClient = edgeClient;\n  }\n\n  protected override async _open() {\n    await this._toggleTranscriber();\n  }\n\n  protected override async _close() {\n    void this._transcriber?.close();\n  }\n\n  @synchronized\n  setRecording(recording?: boolean) {\n    if (!this.isOpen || !this._enabled) {\n      return;\n    }\n\n    if (recording) {\n      this._transcriber?.startChunksRecording();\n    } else {\n      this._transcriber?.stopChunksRecording();\n    }\n  }\n\n  /**\n   * Enable or disable transcription.\n   * @param enabled - Whether to enable transcription.\n   */\n  @synchronized\n  async setEnabled(enabled?: boolean) {\n    if (this._enabled === enabled) {\n      return;\n    }\n    this._enabled = enabled ?? false;\n    this.isOpen && (await this._toggleTranscriber());\n  }\n\n  @synchronized\n  async setAudioTrack(track?: MediaStreamTrack) {\n    if (this._audioStreamTrack === track) {\n      return;\n    }\n    this._audioStreamTrack = track;\n    this.isOpen && (await this._toggleTranscriber());\n  }\n\n  /**\n   * Set the queue to save the transcription to.\n   * @param queue - The queue to save the transcription to or the DXN of the queue.\n   */\n  @synchronized\n  setQueue(queue?: Queue<TranscriptBlock> | string) {\n    switch (typeof queue) {\n      case 'string':\n        if (this._queue?.dxn.toString() === queue) {\n          return;\n        }\n        this._queue = new QueueImpl<TranscriptBlock>(this._edgeClient, DXN.parse(queue));\n        break;\n      case 'object':\n        if (this._queue === queue) {\n          return;\n        }\n        invariant(queue instanceof QueueImpl);\n        this._queue = queue;\n        break;\n      case 'undefined':\n        this._queue = undefined;\n        break;\n    }\n  }\n\n  @synchronized\n  setName(name: string) {\n    if (this._name === name) {\n      return;\n    }\n    this._name = name;\n  }\n\n  @synchronized\n  setHue(hue: HuePalette) {\n    if (this._hue === hue) {\n      return;\n    }\n    this._hue = hue;\n  }\n\n  private async _toggleTranscriber() {\n    await this._maybeReinitTranscriber();\n\n    // Open or close transcriber if transcription is enabled or disabled.\n    if (this._enabled) {\n      await this._transcriber?.open();\n    } else {\n      await this._transcriber?.close();\n    }\n  }\n\n  private async _maybeReinitTranscriber() {\n    if (!this._audioStreamTrack || !this._enabled) {\n      return;\n    }\n\n    // Reinitialize transcriber if queue or media stream track has changed.\n    let needReinit = false;\n    if (this._audioStreamTrack !== this._mediaRecorder?.mediaStreamTrack) {\n      this._mediaRecorder = new MediaStreamRecorder({\n        mediaStreamTrack: this._audioStreamTrack,\n        interval: RECORD_INTERVAL,\n      });\n      needReinit = true;\n    }\n    if (needReinit) {\n      await this._transcriber?.close();\n      this._transcriber = new Transcriber({\n        config: {\n          transcribeAfterChunksAmount: TRANSCRIBE_AFTER_CHUNKS_AMOUNT,\n          prefixBufferChunksAmount: PREFIXED_CHUNKS_AMOUNT,\n        },\n        recorder: this._mediaRecorder,\n        onSegments: (segments) => this._onSegments(segments),\n      });\n    }\n  }\n\n  private async _onSegments(segments: TranscriptSegment[]) {\n    if (!this.isOpen || !this._queue) {\n      return;\n    }\n\n    const block = createStatic(TranscriptBlock, { authorName: this._name, authorHue: this._hue, segments });\n    this._queue.append([block]);\n  }\n}\n"],
+  "mappings": "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",
+  "names": ["import_wavefile", "import_async", "import_log", "import_tracing", "import_context", "import_invariant", "initializingPromise", "initializeExtendableMediaRecorder", "connect", "register", "MediaStreamRecorder", "constructor", "mediaStreamTrack", "interval", "_mediaRecorder", "undefined", "_header", "_mediaStreamTrack", "_interval", "wavConfig", "settings", "getSettings", "channels", "channelCount", "sampleRate", "bitDepthCode", "sampleSize", "String", "setOnChunk", "onChunk", "_onChunk", "start", "catch", "err", "log", "info", "stream", "MediaStream", "MediaRecorder", "mimeType", "state", "invariant", "ondataavailable", "event", "_ondataavailable", "stop", "blob", "data", "uint8Array", "Uint8Array", "arrayBuffer", "isHeader", "wav", "WaveFile", "slice", "warn", "timestamp", "Date", "now", "getSamples", "synchronized", "trace", "resource", "Transcriber", "Resource", "config", "recorder", "onSegments", "_audioChunks", "_lastUsedTimestamp", "_openTrigger", "Trigger", "autoReset", "_recording", "_transcribeTask", "_config", "_recorder", "_onSegments", "_open", "ctx", "chunk", "_saveAudioChunk", "DeferredTask", "_transcribe", "wake", "_close", "startChunksRecording", "_lifecycleState", "LifecycleState", "OPEN", "stopChunksRecording", "schedule", "push", "scheduled", "length", "prefixBufferChunksAmount", "_dropOldChunks", "transcribeAfterChunksAmount", "chunks", "audio", "_mergeAudioChunks", "segments", "_fetchTranscription", "Array", "isArray", "alignedSegments", "_alignSegments", "file", "fromScratch", "mergeFloat64Arrays", "map", "toBase64", "Error", "response", "fetch", "TRANSCRIPTION_URL", "method", "body", "JSON", "stringify", "headers", "ok", "json", "string", "text", "join", "originalChunks", "zeroTimestamp", "at", "filteredSegments", "filter", "segment", "end", "words", "word", "started", "span", "showInBrowserTimeline", "RECORD_INTERVAL", "PREFIXED_CHUNKS_AMOUNT", "TRANSCRIBE_AFTER_CHUNKS_AMOUNT", "TranscriptionManager", "edgeClient", "_audioStreamTrack", "_name", "_hue", "_transcriber", "_enabled", "_queue", "_edgeClient", "_toggleTranscriber", "close", "setRecording", "recording", "isOpen", "setEnabled", "enabled", "setAudioTrack", "track", "setQueue", "queue", "dxn", "toString", "QueueImpl", "DXN", "parse", "setName", "name", "setHue", "hue", "_maybeReinitTranscriber", "open", "needReinit", "block", "createStatic", "TranscriptBlock", "authorName", "authorHue", "append"]
+}

package/dist/lib/node/{chunk-L27AK6FQ.cjs → chunk-LP4FG423.cjs}

@@ -26,30 +26,15 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_L27AK6FQ_exports = {};
-__export(chunk_L27AK6FQ_exports, {
-  TranscriptContainer: () => TranscriptContainer,
-  TranscriptionSettings: () => TranscriptionSettings
+var chunk_LP4FG423_exports = {};
+__export(chunk_LP4FG423_exports, {
+  TranscriptContainer: () => TranscriptContainer
 });
-module.exports = __toCommonJS(chunk_L27AK6FQ_exports);
-var import_chunk_NVZWGFJL = require("./chunk-NVZWGFJL.cjs");
-var import_react = __toESM(require("react"));
-var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_form = require("@dxos/react-ui-form");
-var import_react2 = require("react");
-var TranscriptionSettings = ({ settings }) => {
-  const { t } = (0, import_react_ui.useTranslation)(import_chunk_NVZWGFJL.TRANSCRIPTION_PLUGIN);
-  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormContainer, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui_form.DeprecatedFormInput, {
-    label: t("settings entity extraction label")
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Input.Switch, {
-    checked: !!settings.entityExtraction,
-    onCheckedChange: (checked) => settings.entityExtraction = checked
-  })));
-};
-var TranscriptContainer = (0, import_react2.lazy)(() => import("./TranscriptContainer-SSJVLRM6.cjs"));
+module.exports = __toCommonJS(chunk_LP4FG423_exports);
+var import_react = require("react");
+var TranscriptContainer = (0, import_react.lazy)(() => import("./TranscriptContainer-QEYTTT2V.cjs"));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
-  TranscriptContainer,
-  TranscriptionSettings
+  TranscriptContainer
 });
-//# sourceMappingURL=chunk-L27AK6FQ.cjs.map
+//# sourceMappingURL=chunk-LP4FG423.cjs.map

package/dist/lib/node/chunk-LP4FG423.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { lazy } from 'react';\n\nexport * from './Transcript';\nexport * from './TranscriptContainer';\n\nexport const TranscriptContainer = lazy(() => import('./TranscriptContainer'));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,mBAAqB;AAKd,IAAMA,0BAAsBC,mBAAK,MAAM,OAAO,oCAAA,CAAA;",
+  "names": ["TranscriptContainer", "lazy"]
+}

package/dist/lib/node/{chunk-EJWB53WK.cjs → chunk-P4VVD6ZO.cjs}

@@ -16,27 +16,25 @@ var __copyProps = (to, from, except, desc) => {
   return to;
 };
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_EJWB53WK_exports = {};
-__export(chunk_EJWB53WK_exports, {
+var chunk_P4VVD6ZO_exports = {};
+__export(chunk_P4VVD6ZO_exports, {
   TRANSCRIPTION_URL: () => TRANSCRIPTION_URL,
+  TranscriptBlock: () => TranscriptBlock,
   TranscriptSchema: () => TranscriptSchema,
   TranscriptType: () => TranscriptType,
   TranscriptionAction: () => TranscriptionAction,
-  TranscriptionSettingsSchema: () => TranscriptionSettingsSchema,
   isTranscript: () => isTranscript
 });
-module.exports = __toCommonJS(chunk_EJWB53WK_exports);
+module.exports = __toCommonJS(chunk_P4VVD6ZO_exports);
 var import_chunk_NVZWGFJL = require("./chunk-NVZWGFJL.cjs");
-var import_effect = require("effect");
 var import_echo_schema = require("@dxos/echo-schema");
-var import_effect2 = require("effect");
 var import_echo_schema2 = require("@dxos/echo-schema");
 var import_echo = require("@dxos/react-client/echo");
-var TranscriptSchema = import_effect.Schema.Struct({
-  name: import_effect.Schema.String,
-  // TODO(burdon): Use Date or string?
-  started: import_effect.Schema.optional(import_effect.Schema.String),
-  ended: import_effect.Schema.optional(import_effect.Schema.String),
+var TranscriptSchema = import_echo_schema.S.Struct({
+  name: import_echo_schema.S.String,
+  // TODO(burdon): Use string for dates?
+  started: import_echo_schema.S.optional(import_echo_schema.S.Date),
+  ended: import_echo_schema.S.optional(import_echo_schema.S.Date),
   /**
   * Queue containing TranscriptBlock objects.
   */
@@ -48,19 +46,34 @@ var TranscriptType = class extends (0, import_echo_schema.TypedObject)({
   version: "0.1.0"
 })(TranscriptSchema.fields) {
 };
-var TranscriptHeader = import_effect.Schema.Struct({
-  started: import_effect.Schema.optional(import_effect.Schema.String)
+var TranscriptHeader = import_echo_schema.S.Struct({
+  started: import_echo_schema.S.optional(import_echo_schema.S.Date)
 });
+var TranscriptSegment = import_echo_schema.S.Struct({
+  // TODO(burdon): TS from service is not Unix TS (x1000).
+  started: import_echo_schema.S.Date,
+  text: import_echo_schema.S.String
+});
+var TranscriptBlock = import_echo_schema.S.Struct({
+  id: import_echo_schema.S.String,
+  authorName: import_echo_schema.S.optional(import_echo_schema.S.String),
+  authorHue: import_echo_schema.S.optional(import_echo_schema.S.String),
+  segments: import_echo_schema.S.Array(TranscriptSegment)
+}).pipe((0, import_echo_schema.EchoObject)({
+  typename: "dxos.org/type/TranscriptBlock",
+  version: "0.1.0"
+}));
 var TRANSCRIPTION_URL = "https://calls-service.dxos.workers.dev";
 var TranscriptionAction;
 (function(TranscriptionAction2) {
   const TRANSCRIPTION_ACTION = `${import_chunk_NVZWGFJL.TRANSCRIPTION_PLUGIN}/action`;
-  class Create extends import_effect2.Schema.TaggedClass()(`${TRANSCRIPTION_ACTION}/create`, {
-    input: import_effect2.Schema.Struct({
-      name: import_effect2.Schema.optional(import_effect2.Schema.String),
-      spaceId: import_echo.SpaceId
+  class Create extends import_echo_schema2.S.TaggedClass()(`${TRANSCRIPTION_ACTION}/create`, {
+    input: import_echo_schema2.S.Struct({
+      name: import_echo_schema2.S.optional(import_echo_schema2.S.String),
+      // TODO(wittjosiah): SpaceId.
+      spaceId: import_echo_schema2.S.String
     }),
-    output: import_effect2.Schema.Struct({
+    output: import_echo_schema2.S.Struct({
       object: TranscriptType
     })
   }) {
@@ -68,18 +81,15 @@ var TranscriptionAction;
   TranscriptionAction2.Create = Create;
 })(TranscriptionAction || (TranscriptionAction = {}));
 var isTranscript = (object) => {
-  return (0, import_echo.isLiveObject)(object) && (0, import_echo_schema2.isInstanceOf)(TranscriptType, object);
+  return (0, import_echo.isReactiveObject)(object) && (0, import_echo_schema2.isInstanceOf)(TranscriptType, object);
 };
-var TranscriptionSettingsSchema = import_effect2.Schema.mutable(import_effect2.Schema.Struct({
-  entityExtraction: import_effect2.Schema.optional(import_effect2.Schema.Boolean).pipe(import_effect2.Schema.withConstructorDefault(() => true))
-}));
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   TRANSCRIPTION_URL,
+  TranscriptBlock,
   TranscriptSchema,
   TranscriptType,
   TranscriptionAction,
-  TranscriptionSettingsSchema,
   isTranscript
 });
-//# sourceMappingURL=chunk-EJWB53WK.cjs.map
+//# sourceMappingURL=chunk-P4VVD6ZO.cjs.map

package/dist/lib/node/chunk-P4VVD6ZO.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { EchoObject, Expando, Ref, S, TypedObject } from '@dxos/echo-schema';\n\n/**\n * Root transcript object created when the user starts a transcription.\n */\nexport const TranscriptSchema = S.Struct({\n  name: S.String,\n\n  // TODO(burdon): Use string for dates?\n  started: S.optional(S.Date),\n  ended: S.optional(S.Date),\n\n  /**\n   * Queue containing TranscriptBlock objects.\n   */\n  // TODO(wittjosiah): Should be a ref to a queue.\n  queue: Ref(Expando),\n});\n\nexport class TranscriptType extends TypedObject({\n  typename: 'dxos.org/type/Transcript',\n  version: '0.1.0',\n})(TranscriptSchema.fields) {}\n\n// TODO(burdon): Do these need to be kept in sync with EDGE?\n\n/**\n * First message in queue.\n * Contains metadata for the recording and transcript.\n */\nconst TranscriptHeader = S.Struct({\n  started: S.optional(S.Date),\n});\n\nexport type TranscriptHeader = S.Schema.Type<typeof TranscriptHeader>;\n\n/**\n * Transcription fragment.\n */\nconst TranscriptSegment = S.Struct({\n  // TODO(burdon): TS from service is not Unix TS (x1000).\n  started: S.Date,\n  text: S.String,\n});\n\nexport type TranscriptSegment = S.Schema.Type<typeof TranscriptSegment>;\n\n/**\n * Transcription block (from single speaker).\n */\nexport const TranscriptBlock = S.Struct({\n  id: S.String,\n  authorName: S.optional(S.String), // TODO(burdon): IdentityDid.\n  authorHue: S.optional(S.String),\n  segments: S.Array(TranscriptSegment),\n}).pipe(EchoObject({ typename: 'dxos.org/type/TranscriptBlock', version: '0.1.0' }));\n\nexport type TranscriptBlock = S.Schema.Type<typeof TranscriptBlock>;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { S, isInstanceOf } from '@dxos/echo-schema';\nimport { isReactiveObject } from '@dxos/react-client/echo';\n\nimport { TranscriptType } from './schema';\nimport { TRANSCRIPTION_PLUGIN } from '../meta';\n\n// TODO(burdon): Move to separate proto.\n\n/**\n * Endpoint to the calls service.\n */\n// TODO(burdon): Reconfigure/move.\nexport const TRANSCRIPTION_URL = 'https://calls-service.dxos.workers.dev';\n\nexport namespace TranscriptionAction {\n  const TRANSCRIPTION_ACTION = `${TRANSCRIPTION_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${TRANSCRIPTION_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n      // TODO(wittjosiah): SpaceId.\n      spaceId: S.String,\n    }),\n    output: S.Struct({\n      object: TranscriptType,\n    }),\n  }) {}\n}\n\nexport const isTranscript = (object: unknown): object is typeof TranscriptType => {\n  return isReactiveObject(object) && isInstanceOf(TranscriptType, object);\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAIA,yBAAyD;ACAzD,IAAAA,sBAAgC;AAChC,kBAAiC;ADI1B,IAAMC,mBAAmBC,qBAAEC,OAAO;EACvCC,MAAMF,qBAAEG;;EAGRC,SAASJ,qBAAEK,SAASL,qBAAEM,IAAI;EAC1BC,OAAOP,qBAAEK,SAASL,qBAAEM,IAAI;;;;;EAMxBE,WAAOC,wBAAIC,0BAAAA;AACb,CAAA;AAEO,IAAMC,iBAAN,kBAA6BC,gCAAY;EAC9CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAGf,iBAAiBgB,MAAM,EAAA;AAAG;AAQ7B,IAAMC,mBAAmBhB,qBAAEC,OAAO;EAChCG,SAASJ,qBAAEK,SAASL,qBAAEM,IAAI;AAC5B,CAAA;AAOA,IAAMW,oBAAoBjB,qBAAEC,OAAO;;EAEjCG,SAASJ,qBAAEM;EACXY,MAAMlB,qBAAEG;AACV,CAAA;AAOO,IAAMgB,kBAAkBnB,qBAAEC,OAAO;EACtCmB,IAAIpB,qBAAEG;EACNkB,YAAYrB,qBAAEK,SAASL,qBAAEG,MAAM;EAC/BmB,WAAWtB,qBAAEK,SAASL,qBAAEG,MAAM;EAC9BoB,UAAUvB,qBAAEwB,MAAMP,iBAAAA;AACpB,CAAA,EAAGQ,SAAKC,+BAAW;EAAEb,UAAU;EAAiCC,SAAS;AAAQ,CAAA,CAAA;AC3C1E,IAAMa,oBAAoB;;UAEhBC,sBAAAA;AACf,QAAMC,uBAAuB,GAAGC,0CAAAA;EAEzB,MAAMC,eAAe/B,oBAAAA,EAAEgC,YAAW,EAAW,GAAGH,oBAAAA,WAA+B;IACpFI,OAAOjC,oBAAAA,EAAEC,OAAO;MACdC,MAAMF,oBAAAA,EAAEK,SAASL,oBAAAA,EAAEG,MAAM;;MAEzB+B,SAASlC,oBAAAA,EAAEG;IACb,CAAA;IACAgC,QAAQnC,oBAAAA,EAAEC,OAAO;MACfmC,QAAQzB;IACV,CAAA;EACF,CAAA,EAAA;EAAI;uBATSoB,SAAAA;AAUf,GAbiBH,wBAAAA,sBAAAA,CAAAA,EAAAA;AAeV,IAAMS,eAAe,CAACD,WAAAA;AAC3B,aAAOE,8BAAiBF,MAAAA,SAAWG,kCAAa5B,gBAAgByB,MAAAA;AAClE;",
+  "names": ["import_echo_schema", "TranscriptSchema", "S", "Struct", "name", "String", "started", "optional", "Date", "ended", "queue", "Ref", "Expando", "TranscriptType", "TypedObject", "typename", "version", "fields", "TranscriptHeader", "TranscriptSegment", "text", "TranscriptBlock", "id", "authorName", "authorHue", "segments", "Array", "pipe", "EchoObject", "TRANSCRIPTION_URL", "TranscriptionAction", "TRANSCRIPTION_ACTION", "TRANSCRIPTION_PLUGIN", "Create", "TaggedClass", "input", "spaceId", "output", "object", "isTranscript", "isReactiveObject", "isInstanceOf"]
+}

package/dist/lib/node/chunk-UOFHT4GZ.cjs

@@ -0,0 +1,280 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var chunk_UOFHT4GZ_exports = {};
+__export(chunk_UOFHT4GZ_exports, {
+  Transcript: () => Transcript,
+  TranscriptContainer_default: () => TranscriptContainer_default,
+  TranscriptionContainer: () => TranscriptionContainer
+});
+module.exports = __toCommonJS(chunk_UOFHT4GZ_exports);
+var import_chunk_NVZWGFJL = require("./chunk-NVZWGFJL.cjs");
+var import_react = __toESM(require("react"));
+var import_echo = require("@dxos/client/echo");
+var import_echo2 = require("@dxos/react-client/echo");
+var import_react_ui_stack = require("@dxos/react-ui-stack");
+var import_intervalToDuration = require("date-fns/intervalToDuration");
+var import_main_thread_scheduling = require("main-thread-scheduling");
+var import_react2 = __toESM(require("react"));
+var import_react_resize_detector = require("react-resize-detector");
+var import_react_ui = require("@dxos/react-ui");
+var import_react_ui_attention = require("@dxos/react-ui-attention");
+var import_react_ui_grid = require("@dxos/react-ui-grid");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var lineHeight = 20;
+var cellSpacing = 8 + 2;
+var timestampColumnWidth = 68;
+var authorClasses = "font-medium text-base leading-[20px]";
+var timestampClasses = "text-xs leading-[20px] text-description pie-0 tabular-nums";
+var segmentTextClasses = "text-sm whitespace-normal hyphens-auto";
+var measureClasses = (0, import_react_ui_theme.mx)(
+  // NOTE(thure): The `inline-start` value must equal `timestampColumnWidth` plus grid’s gap (1px)
+  "absolute inline-start-[69px] inline-end-0 invisible z-[-1] border",
+  "pli-[--dx-grid-cell-padding-inline] plb-[--dx-grid-cell-padding-block] leading-[20px]",
+  segmentTextClasses
+);
+var rowDefault = {
+  grid: {
+    size: lineHeight + cellSpacing
+  }
+};
+var mapTranscriptQueue = (blocks) => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
+    return [];
+  } else {
+    return blocks.flatMap((block, blockIndex) => {
+      return [
+        [
+          blockIndex,
+          -1
+        ],
+        ...block.segments.map((segment, segmentIndex) => {
+          return [
+            blockIndex,
+            segmentIndex
+          ];
+        })
+      ];
+    });
+  }
+};
+var pad = (n = 0) => String(n).padStart(2, "0");
+var formatTimestamp = (start, end) => {
+  const { hours, minutes, seconds } = (0, import_intervalToDuration.intervalToDuration)({
+    start,
+    end
+  });
+  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+};
+var measureRows = async (host, blocks, queueMap, signal) => {
+  const result = {
+    grid: {}
+  };
+  for (let row = 0; row < queueMap.length; row++) {
+    await (0, import_main_thread_scheduling.yieldOrContinue)("smooth", signal);
+    const [blockIndex, segmentIndex] = queueMap[row];
+    if (segmentIndex < 0) {
+      result.grid[row] = {
+        size: lineHeight + cellSpacing
+      };
+    } else {
+      host.textContent = blocks[blockIndex].segments[segmentIndex].text;
+      result.grid[row] = {
+        size: host.offsetHeight
+      };
+    }
+  }
+  return result;
+};
+var Transcript = ({ classNames, blocks, attendableId, ignoreAttention }) => {
+  const { t } = (0, import_react_ui.useTranslation)(import_chunk_NVZWGFJL.TRANSCRIPTION_PLUGIN);
+  const { hasAttention } = (0, import_react_ui_attention.useAttention)(attendableId);
+  const [dxGrid, setDxGrid] = (0, import_react2.useState)(null);
+  const [rows, setRows] = (0, import_react2.useState)(void 0);
+  const [columns, setColumns] = (0, import_react2.useState)(void 0);
+  const [autoScroll, setAutoScroll] = (0, import_react2.useState)(true);
+  const queueMap = (0, import_react2.useMemo)(() => mapTranscriptQueue(blocks), [
+    blocks
+  ]);
+  const handleWheel = (0, import_react2.useCallback)((event) => {
+    setAutoScroll(false);
+    if (!ignoreAttention && !hasAttention) {
+      event.stopPropagation();
+    }
+  }, [
+    hasAttention,
+    ignoreAttention
+  ]);
+  const abortControllerRef = (0, import_react2.useRef)();
+  const handleResize = (0, import_react2.useCallback)(async ({ entry }) => {
+    if (entry?.target && Array.isArray(blocks) && blocks[0] && queueMap) {
+      abortControllerRef.current?.abort();
+      abortControllerRef.current = new AbortController();
+      setColumns({
+        grid: {
+          0: {
+            size: timestampColumnWidth
+          },
+          1: {
+            size: entry.target.offsetWidth
+          }
+        }
+      });
+      return measureRows(entry.target, blocks, queueMap, abortControllerRef.current.signal).then(setRows).catch(() => {
+      });
+    }
+  }, [
+    blocks,
+    queueMap
+  ]);
+  const { width, ref: measureRef } = (0, import_react_resize_detector.useResizeDetector)({
+    onResize: handleResize,
+    refreshOptions: {
+      leading: true
+    }
+  });
+  (0, import_react2.useEffect)(() => {
+    if (queueMap.length !== Object.keys(rows?.grid ?? {}).length) {
+      void handleResize({
+        entry: {
+          target: measureRef.current
+        }
+      }).then(() => {
+        if (autoScroll) {
+          setTimeout(() => dxGrid?.scrollToEndRow(), 50);
+        }
+      });
+    }
+  }, [
+    blocks,
+    queueMap,
+    width,
+    autoScroll
+  ]);
+  (0, import_react2.useEffect)(() => {
+    if (dxGrid && Array.isArray(blocks) && blocks[0]) {
+      const transcriptStart = blocks[0].segments[0].started;
+      dxGrid.getCells = (range, plane) => {
+        switch (plane) {
+          case "grid": {
+            const cells = {};
+            for (let row = range.start.row; row <= range.end.row && row < queueMap.length; row++) {
+              const [blockIndex, segmentIndex] = queueMap[row];
+              cells[(0, import_react_ui_grid.toPlaneCellIndex)({
+                col: 0,
+                row
+              })] = {
+                readonly: true,
+                value: segmentIndex < 0 ? formatTimestamp(transcriptStart, blocks[blockIndex].segments[Math.max(0, segmentIndex)].started) : "",
+                className: timestampClasses
+              };
+              cells[(0, import_react_ui_grid.toPlaneCellIndex)({
+                col: 1,
+                row
+              })] = segmentIndex < 0 ? {
+                readonly: true,
+                accessoryHtml: `<span data-hue="${blocks[blockIndex].authorHue}" class="dx-text-hue">${blocks[blockIndex].authorName}</span>`,
+                className: authorClasses
+              } : {
+                readonly: true,
+                value: blocks[blockIndex].segments[segmentIndex].text,
+                className: segmentTextClasses
+              };
+            }
+            return cells;
+          }
+          default:
+            return {};
+        }
+      };
+    }
+  }, [
+    dxGrid,
+    blocks
+  ]);
+  const handleScrollToEnd = (0, import_react2.useCallback)(() => {
+    setAutoScroll(true);
+    dxGrid?.scrollToEndRow();
+  }, [
+    dxGrid,
+    autoScroll
+  ]);
+  return /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    className: (0, import_react_ui_theme.mx)("relative min-bs-0", classNames)
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Root, {
+    id: `${attendableId}--transcript`
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Content, {
+    limitColumns: 2,
+    limitRows: queueMap.length,
+    columns,
+    rows,
+    rowDefault,
+    onWheel: handleWheel,
+    className: "[--dx-grid-base:var(--dx-baseSurface)] [--dx-grid-lines:var(--dx-baseSurface)] [&_.dx-grid]:min-bs-0 [&_.dx-grid]:min-is-0 [&_.dx-grid]:select-auto",
+    ref: setDxGrid
+  })), /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    inert: "",
+    "aria-hidden": true,
+    className: measureClasses,
+    ref: measureRef
+  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui.IconButton, {
+    icon: "ph--arrow-line-down--regular",
+    iconOnly: true,
+    label: t("scroll to end label"),
+    tooltipSide: "left",
+    "data-state": autoScroll ? "invisible" : "visible",
+    classNames: [
+      "absolute inline-end-2 block-end-2 opacity-0 pointer-events-none",
+      'data-[state="visible"]:pointer-events-auto data-[state="visible"]:opacity-100 transition-opacity'
+    ],
+    onClick: handleScrollToEnd
+  }));
+};
+var TranscriptionContainer = ({ role, transcript }) => {
+  const attendableId = (0, import_echo.fullyQualifiedId)(transcript);
+  const queue = (0, import_echo2.useQueue)(transcript.queue.dxn, {
+    pollInterval: 1e3
+  });
+  return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
+    role,
+    classNames: "container-max-width pli-2"
+  }, /* @__PURE__ */ import_react.default.createElement(Transcript, {
+    attendableId,
+    blocks: queue?.items
+  }));
+};
+var TranscriptContainer_default = TranscriptionContainer;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Transcript,
+  TranscriptContainer_default,
+  TranscriptionContainer
+});
+//# sourceMappingURL=chunk-UOFHT4GZ.cjs.map

package/dist/lib/node/chunk-UOFHT4GZ.cjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/components/TranscriptContainer.tsx", "../../../src/components/Transcript/Transcript.tsx"],
+  "sourcesContent": ["//\n// Copyright 2024 DXOS.org\n//\n\nimport React, { type FC } from 'react';\n\nimport { fullyQualifiedId } from '@dxos/client/echo';\nimport { useQueue } from '@dxos/react-client/echo';\nimport { StackItem } from '@dxos/react-ui-stack';\n\nimport { Transcript } from './Transcript';\nimport { type TranscriptBlock, type TranscriptType } from '../types';\n\nexport const TranscriptionContainer: FC<{ role: string; transcript: TranscriptType }> = ({ role, transcript }) => {\n  const attendableId = fullyQualifiedId(transcript);\n  const queue = useQueue<TranscriptBlock>(transcript.queue.dxn, { pollInterval: 1_000 });\n\n  return (\n    <StackItem.Content role={role} classNames='container-max-width pli-2'>\n      <Transcript attendableId={attendableId} blocks={queue?.items} />\n    </StackItem.Content>\n  );\n};\n\nexport default TranscriptionContainer;\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { intervalToDuration } from 'date-fns/intervalToDuration';\nimport { yieldOrContinue } from 'main-thread-scheduling';\nimport React, { type FC, useCallback, useEffect, useMemo, useRef, useState, type WheelEvent } from 'react';\nimport { type OnResizeCallback, useResizeDetector } from 'react-resize-detector';\n\nimport { IconButton, type ThemedClassName, useTranslation } from '@dxos/react-ui';\nimport { useAttention } from '@dxos/react-ui-attention';\nimport {\n  type DxGridCellValue,\n  type DxGridElement,\n  type DxGridAxisMeta,\n  type DxGridPlaneCells,\n  Grid,\n  toPlaneCellIndex,\n} from '@dxos/react-ui-grid';\nimport { mx } from '@dxos/react-ui-theme';\n\nimport { TRANSCRIPTION_PLUGIN } from '../../meta';\nimport { type TranscriptBlock } from '../../types';\n\n// TODO(burdon): Actions (e.g., mark, summarize, translate, label, delete).\n\nconst lineHeight = 20;\nconst cellSpacing = 8 + 2;\nconst timestampColumnWidth = 68;\n\nconst authorClasses = 'font-medium text-base leading-[20px]';\nconst timestampClasses = 'text-xs leading-[20px] text-description pie-0 tabular-nums';\nconst segmentTextClasses = 'text-sm whitespace-normal hyphens-auto';\nconst measureClasses = mx(\n  // NOTE(thure): The `inline-start` value must equal `timestampColumnWidth` plus grid’s gap (1px)\n  'absolute inline-start-[69px] inline-end-0 invisible z-[-1] border',\n  'pli-[--dx-grid-cell-padding-inline] plb-[--dx-grid-cell-padding-block] leading-[20px]',\n  segmentTextClasses,\n);\n\nconst rowDefault = {\n  grid: { size: lineHeight + cellSpacing },\n};\n\ntype QueueRows = [number, number][];\n\nconst mapTranscriptQueue = (blocks?: TranscriptBlock[]): QueueRows => {\n  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {\n    return [];\n  } else {\n    return blocks.flatMap((block, blockIndex) => {\n      return [\n        [blockIndex, -1],\n        ...block.segments.map((segment, segmentIndex) => {\n          return [blockIndex, segmentIndex] as [number, number];\n        }),\n      ];\n    });\n  }\n};\n\nconst pad = (n = 0) => String(n).padStart(2, '0');\n\nconst formatTimestamp = (start: Date, end: Date) => {\n  const { hours, minutes, seconds } = intervalToDuration({ start, end });\n  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;\n};\n\nconst measureRows = async (\n  host: HTMLDivElement,\n  blocks: TranscriptBlock[],\n  queueMap: QueueRows,\n  signal: AbortSignal,\n) => {\n  const result: DxGridAxisMeta = { grid: {} };\n  for (let row = 0; row < queueMap.length; row++) {\n    await yieldOrContinue('smooth', signal);\n    const [blockIndex, segmentIndex] = queueMap[row];\n    if (segmentIndex < 0) {\n      result.grid[row] = { size: lineHeight + cellSpacing };\n    } else {\n      host.textContent = blocks[blockIndex]!.segments[segmentIndex]!.text;\n      result.grid[row] = { size: host.offsetHeight };\n    }\n  }\n  return result;\n};\n\nexport type TranscriptProps = ThemedClassName<{\n  blocks?: TranscriptBlock[];\n  attendableId?: string;\n  ignoreAttention?: boolean;\n}>;\n\nexport const Transcript: FC<TranscriptProps> = ({ classNames, blocks, attendableId, ignoreAttention }) => {\n  const { t } = useTranslation(TRANSCRIPTION_PLUGIN);\n  const { hasAttention } = useAttention(attendableId);\n  const [dxGrid, setDxGrid] = useState<DxGridElement | null>(null);\n  const [rows, setRows] = useState<DxGridAxisMeta | undefined>(undefined);\n  const [columns, setColumns] = useState<DxGridAxisMeta | undefined>(undefined);\n  const [autoScroll, setAutoScroll] = useState(true);\n\n  const queueMap = useMemo(() => mapTranscriptQueue(blocks), [blocks]);\n\n  const handleWheel = useCallback(\n    (event: WheelEvent) => {\n      setAutoScroll(false);\n      if (!ignoreAttention && !hasAttention) {\n        event.stopPropagation();\n      }\n    },\n    [hasAttention, ignoreAttention],\n  );\n\n  const abortControllerRef = useRef<AbortController>();\n\n  const handleResize = useCallback(\n    async ({ entry }: { entry: { target: HTMLDivElement } | null }) => {\n      if (entry?.target && Array.isArray(blocks) && blocks[0] && queueMap) {\n        abortControllerRef.current?.abort();\n        abortControllerRef.current = new AbortController();\n        setColumns({ grid: { 0: { size: timestampColumnWidth }, 1: { size: entry.target.offsetWidth } } });\n        return measureRows(entry.target, blocks, queueMap, abortControllerRef.current.signal)\n          .then(setRows)\n          .catch(() => {\n            // Aborted mid-measurement by new size.\n          });\n      }\n    },\n    [blocks, queueMap],\n  );\n\n  const { width, ref: measureRef } = useResizeDetector({\n    onResize: handleResize as OnResizeCallback,\n    refreshOptions: { leading: true },\n  });\n\n  useEffect(() => {\n    if (queueMap.length !== Object.keys(rows?.grid ?? {}).length) {\n      void handleResize({ entry: { target: measureRef.current } }).then(() => {\n        if (autoScroll) {\n          // TODO(thure): Implement a deterministic way to do this when `rows` has fully settled and grid has a new `maxPosBlock`.\n          setTimeout(() => dxGrid?.scrollToEndRow(), 50);\n        }\n      });\n    }\n  }, [blocks, queueMap, width, autoScroll]);\n\n  useEffect(() => {\n    if (dxGrid && Array.isArray(blocks) && blocks[0]) {\n      const transcriptStart = blocks[0]!.segments[0]!.started;\n      dxGrid.getCells = (range, plane) => {\n        switch (plane) {\n          case 'grid': {\n            const cells: DxGridPlaneCells = {};\n            for (let row = range.start.row; row <= range.end.row && row < queueMap.length; row++) {\n              const [blockIndex, segmentIndex] = queueMap[row];\n\n              cells[toPlaneCellIndex({ col: 0, row })] = {\n                readonly: true,\n                value:\n                  segmentIndex < 0\n                    ? formatTimestamp(transcriptStart, blocks[blockIndex]!.segments[Math.max(0, segmentIndex)]!.started)\n                    : '',\n                className: timestampClasses,\n              } satisfies DxGridCellValue;\n\n              cells[toPlaneCellIndex({ col: 1, row })] = (\n                segmentIndex < 0\n                  ? {\n                      readonly: true,\n                      accessoryHtml: `<span data-hue=\"${blocks[blockIndex]!.authorHue}\" class=\"dx-text-hue\">${blocks[blockIndex]!.authorName}</span>`,\n                      className: authorClasses,\n                    }\n                  : {\n                      readonly: true,\n                      value: blocks[blockIndex]!.segments[segmentIndex]!.text,\n                      className: segmentTextClasses,\n                    }\n              ) satisfies DxGridCellValue;\n            }\n            return cells;\n          }\n          default:\n            return {};\n        }\n      };\n    }\n  }, [dxGrid, blocks]);\n\n  const handleScrollToEnd = useCallback(() => {\n    setAutoScroll(true);\n    dxGrid?.scrollToEndRow();\n  }, [dxGrid, autoScroll]);\n\n  return (\n    <div role='none' className={mx('relative min-bs-0', classNames)}>\n      <Grid.Root id={`${attendableId}--transcript`}>\n        <Grid.Content\n          limitColumns={2}\n          limitRows={queueMap.length}\n          columns={columns}\n          rows={rows}\n          rowDefault={rowDefault}\n          onWheel={handleWheel}\n          className='[--dx-grid-base:var(--dx-baseSurface)] [--dx-grid-lines:var(--dx-baseSurface)] [&_.dx-grid]:min-bs-0 [&_.dx-grid]:min-is-0 [&_.dx-grid]:select-auto'\n          ref={setDxGrid}\n        />\n      </Grid.Root>\n      <div role='none' {...{ inert: '' }} aria-hidden className={measureClasses} ref={measureRef} />\n      <IconButton\n        icon='ph--arrow-line-down--regular'\n        iconOnly\n        label={t('scroll to end label')}\n        tooltipSide='left'\n        data-state={autoScroll ? 'invisible' : 'visible'}\n        classNames={[\n          'absolute inline-end-2 block-end-2 opacity-0 pointer-events-none',\n          'data-[state=\"visible\"]:pointer-events-auto data-[state=\"visible\"]:opacity-100 transition-opacity',\n        ]}\n        onClick={handleScrollToEnd}\n      />\n    </div>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["import_echo", "import_react", "lineHeight", "cellSpacing", "timestampColumnWidth", "authorClasses", "timestampClasses", "segmentTextClasses", "measureClasses", "mx", "rowDefault", "grid", "size", "mapTranscriptQueue", "blocks", "Array", "isArray", "length", "flatMap", "block", "blockIndex", "segments", "map", "segment", "segmentIndex", "pad", "n", "String", "padStart", "formatTimestamp", "start", "end", "hours", "minutes", "seconds", "intervalToDuration", "measureRows", "host", "queueMap", "signal", "result", "row", "yieldOrContinue", "textContent", "text", "offsetHeight", "Transcript", "classNames", "attendableId", "ignoreAttention", "t", "useTranslation", "TRANSCRIPTION_PLUGIN", "hasAttention", "useAttention", "dxGrid", "setDxGrid", "useState", "rows", "setRows", "undefined", "columns", "setColumns", "autoScroll", "setAutoScroll", "useMemo", "handleWheel", "useCallback", "event", "stopPropagation", "abortControllerRef", "useRef", "handleResize", "entry", "target", "current", "abort", "AbortController", "offsetWidth", "then", "catch", "width", "ref", "measureRef", "useResizeDetector", "onResize", "refreshOptions", "leading", "useEffect", "Object", "keys", "setTimeout", "scrollToEndRow", "transcriptStart", "started", "getCells", "range", "plane", "cells", "toPlaneCellIndex", "col", "readonly", "value", "Math", "max", "className", "accessoryHtml", "authorHue", "authorName", "handleScrollToEnd", "React", "div", "role", "Grid", "Root", "id", "Content", "limitColumns", "limitRows", "onWheel", "inert", "aria-hidden", "IconButton", "icon", "iconOnly", "label", "tooltipSide", "data-state", "onClick", "TranscriptionContainer", "transcript", "fullyQualifiedId", "queue", "useQueue", "dxn", "pollInterval", "StackItem", "items"]
+}