@dxos/plugin-transcription 0.8.4-main.28f8d3d → 0.8.4-main.406dc2a

package/dist/lib/node-esm/chunk-FTTZ4YSX.mjs

@@ -0,0 +1,64 @@
+import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+import {
+  __export,
+  meta
+} from "./chunk-KLTPFUKN.mjs";
+
+// src/types/TranscriptAction.ts
+var TranscriptAction_exports = {};
+__export(TranscriptAction_exports, {
+  Create: () => Create
+});
+import * as Schema2 from "effect/Schema";
+import { SpaceSchema } from "@dxos/client/echo";
+
+// src/types/Transcript.ts
+var Transcript_exports = {};
+__export(Transcript_exports, {
+  Transcript: () => Transcript,
+  makeTranscript: () => makeTranscript
+});
+import * as Schema from "effect/Schema";
+import { Queue } from "@dxos/client/echo";
+import { Obj, Ref, Type } from "@dxos/echo";
+var Transcript = Schema.Struct({
+  // TODO(wittjosiah): Remove?
+  // TODO(burdon): Use Date or string?
+  started: Schema.optional(Schema.String),
+  ended: Schema.optional(Schema.String),
+  /**
+  * Queue containing TranscriptBlock objects.
+  */
+  queue: Type.Ref(Queue)
+}).pipe(Type.Obj({
+  typename: "dxos.org/type/Transcript",
+  version: "0.1.0"
+}));
+var TranscriptHeader = Schema.Struct({
+  started: Schema.optional(Schema.String)
+});
+var makeTranscript = (queueDxn) => Obj.make(Transcript, {
+  queue: Ref.fromDXN(queueDxn)
+});
+
+// src/types/TranscriptAction.ts
+var Create = class extends Schema2.TaggedClass()(`${meta.id}/action/create`, {
+  input: Schema2.Struct({
+    name: Schema2.optional(Schema2.String),
+    space: SpaceSchema
+  }),
+  output: Schema2.Struct({
+    object: Transcript
+  })
+}) {
+};
+
+// src/types/types.ts
+var TRANSCRIPTION_URL = "https://calls-service.dxos.workers.dev";
+
+export {
+  Transcript_exports,
+  TranscriptAction_exports,
+  TRANSCRIPTION_URL
+};
+//# sourceMappingURL=chunk-FTTZ4YSX.mjs.map

package/dist/lib/node-esm/chunk-FTTZ4YSX.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/TranscriptAction.ts", "../../../src/types/Transcript.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { SpaceSchema } from '@dxos/client/echo';\n\nimport { meta } from '../meta';\n\nimport { Transcript } from './Transcript';\n\n/**\n * Endpoint to the calls service.\n */\nexport class Create extends Schema.TaggedClass<Create>()(`${meta.id}/action/create`, {\n  input: Schema.Struct({\n    name: Schema.optional(Schema.String),\n    space: SpaceSchema,\n  }),\n  output: Schema.Struct({\n    object: Transcript,\n  }),\n}) {}\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Schema from 'effect/Schema';\n\nimport { Queue } from '@dxos/client/echo';\nimport { type DXN, Obj, Ref, Type } from '@dxos/echo';\n\n/**\n * Root transcript object created when the user starts a transcription.\n */\nexport const Transcript = Schema.Struct({\n  // TODO(wittjosiah): Remove?\n  // TODO(burdon): Use Date or string?\n  started: Schema.optional(Schema.String),\n  ended: Schema.optional(Schema.String),\n\n  /**\n   * Queue containing TranscriptBlock objects.\n   */\n  queue: Type.Ref(Queue),\n}).pipe(\n  Type.Obj({\n    typename: 'dxos.org/type/Transcript',\n    version: '0.1.0',\n  }),\n);\n\nexport type Transcript = Schema.Schema.Type<typeof Transcript>;\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 = Schema.Struct({\n  started: Schema.optional(Schema.String),\n});\n\nexport type TranscriptHeader = Schema.Schema.Type<typeof TranscriptHeader>;\n\nexport const makeTranscript = (queueDxn: DXN) => Obj.make(Transcript, { queue: Ref.fromDXN(queueDxn) });\n", "//\n// Copyright 2025 DXOS.org\n//\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"],
+  "mappings": ";;;;;;;AAAA;;;;AAIA,YAAYA,aAAY;AAExB,SAASC,mBAAmB;;;ACN5B;;;;;AAIA,YAAYC,YAAY;AAExB,SAASC,aAAa;AACtB,SAAmBC,KAAKC,KAAKC,YAAY;AAKlC,IAAMC,aAAoBC,cAAO;;;EAGtCC,SAAgBC,gBAAgBC,aAAM;EACtCC,OAAcF,gBAAgBC,aAAM;;;;EAKpCE,OAAOC,KAAKC,IAAIC,KAAAA;AAClB,CAAA,EAAGC,KACDH,KAAKI,IAAI;EACPC,UAAU;EACVC,SAAS;AACX,CAAA,CAAA;AAWF,IAAMC,mBAA0Bb,cAAO;EACrCC,SAAgBC,gBAAgBC,aAAM;AACxC,CAAA;AAIO,IAAMW,iBAAiB,CAACC,aAAkBL,IAAIM,KAAKjB,YAAY;EAAEM,OAAOE,IAAIU,QAAQF,QAAAA;AAAU,CAAA;;;AD5B9F,IAAMG,SAAN,cAA4BC,oBAAW,EAAW,GAAGC,KAAKC,EAAE,kBAAkB;EACnFC,OAAcC,eAAO;IACnBC,MAAaC,iBAAgBC,cAAM;IACnCC,OAAOC;EACT,CAAA;EACAC,QAAeN,eAAO;IACpBO,QAAQC;EACV,CAAA;AACF,CAAA,EAAA;AAAI;;;AEfG,IAAMC,oBAAoB;",
+  "names": ["Schema", "SpaceSchema", "Schema", "Queue", "Obj", "Ref", "Type", "Transcript", "Struct", "started", "optional", "String", "ended", "queue", "Type", "Ref", "Queue", "pipe", "Obj", "typename", "version", "TranscriptHeader", "makeTranscript", "queueDxn", "make", "fromDXN", "Create", "TaggedClass", "meta", "id", "input", "Struct", "name", "optional", "String", "space", "SpaceSchema", "output", "object", "Transcript", "TRANSCRIPTION_URL"]
+}

package/dist/lib/node-esm/{chunk-XMUCZBP3.mjs → chunk-KLTPFUKN.mjs}

@@ -1,9 +1,13 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
+var __defProp = Object.defineProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
 
 // src/meta.ts
-var TRANSCRIPTION_PLUGIN = "dxos.org/plugin/transcription";
 var meta = {
-  id: TRANSCRIPTION_PLUGIN,
+  id: "dxos.org/plugin/transcription",
   name: "Transcription",
   description: "Voice transcription.",
   icon: "ph--microphone--regular",
@@ -15,7 +19,7 @@ var meta = {
 };
 
 export {
-  TRANSCRIPTION_PLUGIN,
+  __export,
   meta
 };
-//# sourceMappingURL=chunk-XMUCZBP3.mjs.map
+//# sourceMappingURL=chunk-KLTPFUKN.mjs.map

package/dist/lib/node-esm/chunk-KLTPFUKN.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/meta.ts"],
+  "sourcesContent": ["//\n// Copyright 2023 DXOS.org\n//\n\nimport { type PluginMeta } from '@dxos/app-framework';\n\nexport const meta: PluginMeta = {\n  id: 'dxos.org/plugin/transcription',\n  name: 'Transcription',\n  description: 'Voice transcription.',\n  icon: 'ph--microphone--regular',\n  source: 'https://github.com/dxos/dxos/tree/main/packages/plugins/plugin-transcription',\n  tags: ['labs'],\n  screenshots: [],\n};\n"],
+  "mappings": ";;;;;;;;AAMO,IAAMA,OAAmB;EAC9BC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,MAAM;EACNC,QAAQ;EACRC,MAAM;IAAC;;EACPC,aAAa,CAAA;AACf;",
+  "names": ["meta", "id", "name", "description", "icon", "source", "tags", "screenshots"]
+}

package/dist/lib/node-esm/{chunk-PHP7MCAY.mjs → chunk-N5Z4SKPH.mjs}

@@ -2,9 +2,9 @@ import { createRequire } from 'node:module';const require = createRequire(import
 
 // src/components/index.ts
 import { lazy } from "react";
-var TranscriptContainer = lazy(() => import("./TranscriptContainer-GEUOOYHX.mjs"));
+var TranscriptContainer = lazy(() => import("./TranscriptContainer-WCUWVVSD.mjs"));
 
 export {
   TranscriptContainer
 };
-//# sourceMappingURL=chunk-PHP7MCAY.mjs.map
+//# sourceMappingURL=chunk-N5Z4SKPH.mjs.map

package/dist/lib/node-esm/{chunk-Y7PCJ34K.mjs → chunk-PEZRQYKO.mjs}

@@ -1,7 +1,7 @@
 import { createRequire } from 'node:module';const require = createRequire(import.meta.url);
 import {
   TranscriptionCapabilities
-} from "./chunk-TM2ASOZA.mjs";
+} from "./chunk-RWRG3S2O.mjs";
 
 // src/components/TranscriptContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
@@ -24,76 +24,66 @@ var useAudioFile = (audioUrl, constraints) => {
       L: 20
     });
     scheduleTask(ctx, async () => {
-      const response = await fetch(audioUrl);
-      const blob = await response.blob();
-      const objectUrl = URL.createObjectURL(blob);
-      ctx.onDispose(() => {
-        URL.revokeObjectURL(objectUrl);
-      });
-      const audio2 = new Audio();
-      audio2.src = objectUrl;
-      await new Promise((resolve, reject) => {
-        audio2.addEventListener("error", (err) => {
-          log.error("error", {
-            err
-          }, {
-            F: __dxlog_file,
-            L: 37,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-          reject(err);
-        }, {
-          once: true
+      try {
+        const response = await fetch(audioUrl);
+        const blob = await response.blob();
+        const objectUrl = URL.createObjectURL(blob);
+        ctx.onDispose(() => {
+          URL.revokeObjectURL(objectUrl);
         });
-        audio2.addEventListener("canplay", async () => {
-          log.info("starting...", void 0, {
-            F: __dxlog_file,
-            L: 45,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-          try {
-            await audio2.play();
-            resolve();
-          } catch (playError) {
-            log.error("Play failed", {
-              playError
+        const audio2 = new Audio();
+        audio2.src = objectUrl;
+        await new Promise((resolve, reject) => {
+          audio2.addEventListener("error", (err) => {
+            log.error("error", {
+              err
             }, {
               F: __dxlog_file,
-              L: 51,
+              L: 39,
               S: void 0,
               C: (f, a) => f(...a)
             });
+            reject(err);
+          }, {
+            once: true
+          });
+          audio2.addEventListener("canplay", async () => {
             resolve();
-          }
-        }, {
-          once: true
+          }, {
+            once: true
+          });
+          audio2.load();
         });
-        audio2.load();
-      });
-      const audioCtx = new AudioContext();
-      if (audioCtx.state === "suspended") {
-        await audioCtx.resume();
-      }
-      const destination = audioCtx.createMediaStreamDestination();
-      destination.channelCount = 1;
-      const source = audioCtx.createMediaElementSource(audio2);
-      source.connect(destination);
-      const track2 = destination.stream.getAudioTracks()[0];
-      if (constraints) {
-        await track2.applyConstraints(constraints).catch((err) => log.catch(err, void 0, {
+        const audioCtx = new AudioContext();
+        if (audioCtx.state === "suspended") {
+          await audioCtx.resume();
+        }
+        const destination = audioCtx.createMediaStreamDestination();
+        destination.channelCount = 1;
+        const source = audioCtx.createMediaElementSource(audio2);
+        source.connect(destination);
+        const track2 = destination.stream.getAudioTracks()[0];
+        if (constraints) {
+          await track2.applyConstraints(constraints).catch((err) => log.catch(err, void 0, {
+            F: __dxlog_file,
+            L: 68,
+            S: void 0,
+            C: (f, a) => f(...a)
+          }));
+        }
+        setStream({
+          audio: audio2,
+          stream: destination.stream,
+          track: destination.stream.getAudioTracks()[0]
+        });
+      } catch (err) {
+        log.catch(err, void 0, {
           F: __dxlog_file,
-          L: 75,
+          L: 78,
           S: void 0,
           C: (f, a) => f(...a)
-        }));
+        });
       }
-      setStream({
-        audio: audio2,
-        stream: destination.stream,
-        track: destination.stream.getAudioTracks()[0]
-      });
     });
     return () => {
       void ctx.dispose();
@@ -145,12 +135,21 @@ import { Text } from "@codemirror/state";
 import { Event } from "@dxos/async";
 import { invariant } from "@dxos/invariant";
 import { log as log2 } from "@dxos/log";
+function _define_property(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
 var __dxlog_file2 = "/__w/dxos/dxos/packages/plugins/plugin-transcription/src/model/model.ts";
 var DocumentAdapter = class {
-  _view;
-  constructor(_view) {
-    this._view = _view;
-  }
   /** The document must always have at least one line. */
   lineCount() {
     return this._view.state.doc.lines - 1;
@@ -182,30 +181,12 @@ var DocumentAdapter = class {
       }
     });
   }
+  constructor(_view) {
+    _define_property(this, "_view", void 0);
+    this._view = _view;
+  }
 };
 var SerializationModel = class {
-  _renderer;
-  /** Ordered set of chunks. */
-  _chunks;
-  /** Map of chunk IDs to their current line counts. */
-  _chunkLineCounts;
-  /** Map of line numbers to chunk IDs. */
-  _lineToChunk;
-  /** Track chunk changes since last sync. */
-  _changes;
-  /** Emits when the document is updated. */
-  update;
-  constructor(_renderer, initialChunks = []) {
-    this._renderer = _renderer;
-    this._chunks = [];
-    this._chunkLineCounts = /* @__PURE__ */ new Map();
-    this._lineToChunk = /* @__PURE__ */ new Map();
-    this._changes = [];
-    this.update = new Event();
-    initialChunks.forEach((chunk) => {
-      this.appendChunk(chunk);
-    });
-  }
   toJSON() {
     return {
       chunks: this._chunks.length,
@@ -343,6 +324,23 @@ var SerializationModel = class {
     this._changes.length = 0;
     return this;
   }
+  constructor(_renderer, initialChunks = []) {
+    _define_property(this, "_renderer", void 0);
+    _define_property(this, "_chunks", void 0);
+    _define_property(this, "_chunkLineCounts", void 0);
+    _define_property(this, "_lineToChunk", void 0);
+    _define_property(this, "_changes", void 0);
+    _define_property(this, "update", void 0);
+    this._renderer = _renderer;
+    this._chunks = [];
+    this._chunkLineCounts = /* @__PURE__ */ new Map();
+    this._lineToChunk = /* @__PURE__ */ new Map();
+    this._changes = [];
+    this.update = new Event();
+    initialChunks.forEach((chunk) => {
+      this.appendChunk(chunk);
+    });
+  }
 };
 
 // src/hooks/useQueueModelAdapter.ts
@@ -399,9 +397,10 @@ import { useCapabilities } from "@dxos/app-framework";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var IntentResolver = lazy(() => import("./intent-resolver-P4XPIKQF.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-EZUPNHUC.mjs"));
-var Transcriber = lazy(() => import("./transcriber-3SX3DNLV.mjs"));
+var BlueprintDefinition = lazy(() => import("./blueprint-definition-6SU7GLBR.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-DZBQQRHN.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-7UC2YXX2.mjs"));
+var Transcriber = lazy(() => import("./transcriber-SMU7HD6F.mjs"));
 
 // src/hooks/useTranscriber.ts
 var useTranscriber = ({ audioStreamTrack, recorderConfig, transcriberConfig, onSegments }) => {
@@ -498,10 +497,10 @@ var useVoiceInput = ({ active, onUpdate }) => {
 // src/components/Transcript/Transcript.tsx
 import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
 import React from "react";
-import { IconButton, useThemeContext } from "@dxos/react-ui";
-import { createBasicExtensions, createMarkdownExtensions, createRenderer, createThemeExtensions, decorateMarkdown, editorWidth, preview, useTextEditor } from "@dxos/react-ui-editor";
+import { useThemeContext } from "@dxos/react-ui";
+import { autoScroll, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown, preview, useTextEditor } from "@dxos/react-ui-editor";
 import { mx } from "@dxos/react-ui-theme";
-import { isNotFalsy } from "@dxos/util";
+import { isTruthy } from "@dxos/util";
 
 // src/components/Transcript/transcript-extension.ts
 import { RangeSetBuilder } from "@codemirror/state";
@@ -509,7 +508,20 @@ import { EditorView, GutterMarker, ViewPlugin, gutter } from "@codemirror/view";
 import { format } from "date-fns/format";
 import { intervalToDuration } from "date-fns/intervalToDuration";
 import { addEventListener, combine } from "@dxos/async";
-var transcript = ({ model, started, renderButton }) => {
+function _define_property2(obj, key, value) {
+  if (key in obj) {
+    Object.defineProperty(obj, key, {
+      value,
+      enumerable: true,
+      configurable: true,
+      writable: true
+    });
+  } else {
+    obj[key] = value;
+  }
+  return obj;
+}
+var transcript = ({ model, started }) => {
   return [
     // Show timestamps in the gutter.
     gutter({
@@ -537,11 +549,23 @@ var transcript = ({ model, started, renderButton }) => {
     }),
     // Listen for model updates.
     ViewPlugin.fromClass(class {
-      _controls;
-      _cleanup;
-      _adapter;
-      _initialized = false;
+      update(_update) {
+        if (!this._initialized) {
+          this._initialized = true;
+          setTimeout(() => {
+            model.sync(this._adapter);
+          });
+        }
+      }
+      destroy() {
+        this._controls?.remove();
+        this._cleanup();
+      }
       constructor(view) {
+        _define_property2(this, "_controls", void 0);
+        _define_property2(this, "_cleanup", void 0);
+        _define_property2(this, "_adapter", void 0);
+        _define_property2(this, "_initialized", false);
         this._adapter = new DocumentAdapter(view);
         const scroller = view.scrollDOM;
         let isAutoScrolling = false;
@@ -563,62 +587,21 @@ var transcript = ({ model, started, renderButton }) => {
             })
           });
         };
-        if (renderButton) {
-          this._controls = document.createElement("div");
-          this._controls.classList.add("cm-controls", "transition-opacity", "duration-300", "opacity-0");
-          view.dom.appendChild(this._controls);
-          renderButton(this._controls, {
-            onClick: () => {
-              scrollToBottom(false);
-            }
-          }, view);
-        }
         this._cleanup = combine(addEventListener(view.scrollDOM, "scroll", () => {
           if (!isAutoScrolling) {
             hasScrolled = true;
             this._controls?.classList.remove("opacity-0");
           }
         }), model.update.on(() => {
-          const autoScroll = scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight === 0 || !hasScrolled;
+          const autoScroll2 = scroller.scrollHeight - scroller.scrollTop - scroller.clientHeight === 0 || !hasScrolled;
           model.sync(this._adapter);
-          if (autoScroll) {
+          if (autoScroll2) {
             scrollToBottom(true);
           }
         }));
       }
-      update(update) {
-        if (!this._initialized) {
-          this._initialized = true;
-          setTimeout(() => {
-            model.sync(this._adapter);
-          });
-        }
-      }
-      destroy() {
-        this._controls?.remove();
-        this._cleanup();
-      }
     }),
     EditorView.theme({
-      ".cm-scroller": {
-        overflowY: "scroll"
-      },
-      ".cm-hide-scrollbar": {
-        scrollbarWidth: "none",
-        "-ms-overflow-style": "none"
-      },
-      ".cm-hide-scrollbar::-webkit-scrollbar": {
-        display: "none"
-      },
-      ".cm-controls": {
-        position: "absolute",
-        bottom: "0.5rem",
-        right: "0.5rem",
-        zIndex: 1e3
-      },
-      ".cm-line": {
-        paddingRight: "1rem"
-      },
       ".cm-timestamp-gutter": {
         width: "6rem",
         paddingRight: "1rem"
@@ -632,12 +615,6 @@ var transcript = ({ model, started, renderButton }) => {
   ];
 };
 var TimestampMarker = class extends GutterMarker {
-  _line;
-  _timestamp;
-  _started;
-  constructor(_line, _timestamp, _started) {
-    super(), this._line = _line, this._timestamp = _timestamp, this._started = _started;
-  }
   eq(other) {
     return other._timestamp === this._timestamp;
   }
@@ -655,6 +632,9 @@ var TimestampMarker = class extends GutterMarker {
     };
     return el;
   }
+  constructor(_line, _timestamp, _started) {
+    super(), _define_property2(this, "_line", void 0), _define_property2(this, "_timestamp", void 0), _define_property2(this, "_started", void 0), this._line = _line, this._timestamp = _timestamp, this._started = _started;
+  }
 };
 var getStartTime = (started, message) => {
   if (started) {
@@ -679,7 +659,7 @@ var formatTimestamp = (timestamp, relative) => {
 };
 
 // src/components/Transcript/Transcript.tsx
-var renderMarkdown = (identities) => (message, index, debug = false) => {
+var renderByline = (identities) => (message, index, debug = false) => {
   if (message.sender.role === "assistant") {
     return [
       message.blocks.find((block) => block._tag === "transcript")?.text ?? "",
@@ -690,12 +670,13 @@ var renderMarkdown = (identities) => (message, index, debug = false) => {
   const name = identity?.profile?.displayName ?? message.sender.contact?.target?.fullName ?? message.sender.name ?? message.sender.email ?? message.sender.identityDid;
   const blocks = message.blocks.filter((block) => block._tag === "transcript");
   return [
+    // TODO(thure): Use an XML tag with the bits needed here.
     `###### ${name}` + (debug ? ` [${index}]:${message.id}` : ""),
     blocks.map((block) => block.text.trim()).join(" "),
     ""
   ];
 };
-var Transcript = ({ classNames, transcript: object, space, model, attendableId, ignoreAttention }) => {
+var TranscriptView = ({ classNames, space, transcript: object, model }) => {
   var _effect = _useSignals();
   try {
     const { themeMode } = useThemeContext();
@@ -707,25 +688,18 @@ var Transcript = ({ classNames, transcript: object, space, model, attendableId,
             lineWrapping: true,
             search: true
           }),
-          createMarkdownExtensions({
-            themeMode
-          }),
+          createMarkdownExtensions(),
           createThemeExtensions({
             themeMode
           }),
           decorateMarkdown(),
-          space && preview(),
+          preview(),
           transcript({
             model,
-            started: object?.started ? new Date(object.started) : void 0,
-            renderButton: createRenderer(({ onClick }) => /* @__PURE__ */ React.createElement(IconButton, {
-              icon: "ph--arrow-line-down--regular",
-              iconOnly: true,
-              label: "Scroll to bottom",
-              onClick
-            }))
-          })
-        ].filter(isNotFalsy)
+            started: object?.started ? new Date(object.started) : void 0
+          }),
+          autoScroll()
+        ].filter(isTruthy)
       };
     }, [
       space,
@@ -733,7 +707,7 @@ var Transcript = ({ classNames, transcript: object, space, model, attendableId,
     ]);
     return /* @__PURE__ */ React.createElement("div", {
       ref: parentRef,
-      className: mx("flex grow overflow-hidden", editorWidth, classNames),
+      className: mx("flex grow overflow-hidden container-max-width", classNames),
       "data-popover-collision-boundary": true
     });
   } finally {
@@ -751,10 +725,8 @@ var TranscriptionContainer = ({ transcript: transcript2 }) => {
     const queue = useQueue(transcript2.queue.dxn, {
       pollInterval: 1e3
     });
-    const model = useQueueModelAdapter(renderMarkdown(members), queue);
-    return /* @__PURE__ */ React2.createElement(StackItem.Content, {
-      classNames: "container-max-width pli-2"
-    }, /* @__PURE__ */ React2.createElement(Transcript, {
+    const model = useQueueModelAdapter(renderByline(members), queue);
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, null, /* @__PURE__ */ React2.createElement(TranscriptView, {
       attendableId,
       space,
       model,
@@ -767,8 +739,8 @@ var TranscriptionContainer = ({ transcript: transcript2 }) => {
 var TranscriptContainer_default = TranscriptionContainer;
 
 export {
-  renderMarkdown,
-  Transcript,
+  renderByline,
+  TranscriptView,
   useAudioFile,
   useAudioTrack,
   useQueueModelAdapter,
@@ -776,8 +748,9 @@ export {
   useVoiceInput,
   TranscriptionContainer,
   TranscriptContainer_default,
+  BlueprintDefinition,
   IntentResolver,
   ReactSurface,
   Transcriber
 };
-//# sourceMappingURL=chunk-Y7PCJ34K.mjs.map
+//# sourceMappingURL=chunk-PEZRQYKO.mjs.map