@dxos/plugin-transcription 0.8.4-main.5ea62a8 → 0.8.4-main.72ec0f3

package/dist/lib/browser/TranscriptContainer-EKSP5DQ6.mjs

@@ -0,0 +1,11 @@
+import {
+  TranscriptContainer_default,
+  TranscriptionContainer
+} from "./chunk-EHT3TE6U.mjs";
+import "./chunk-3MKZ2MNQ.mjs";
+import "./chunk-VBUIO677.mjs";
+export {
+  TranscriptionContainer,
+  TranscriptContainer_default as default
+};
+//# sourceMappingURL=TranscriptContainer-EKSP5DQ6.mjs.map

package/dist/lib/browser/{blueprint-definition-QQSGTX5F.mjs → blueprint-definition-WBWHO4OH.mjs}

@@ -1,12 +1,12 @@
-import "./chunk-26XDG6GQ.mjs";
+import "./chunk-OCI42DWB.mjs";
 import {
-  renderMarkdown
-} from "./chunk-5I4BMOGE.mjs";
-import "./chunk-TNEQFHIU.mjs";
+  renderByline
+} from "./chunk-EHT3TE6U.mjs";
+import "./chunk-3MKZ2MNQ.mjs";
 import {
   Transcript_exports
-} from "./chunk-HXVGV7T6.mjs";
-import "./chunk-3X7HP44M.mjs";
+} from "./chunk-W7WKZTM4.mjs";
+import "./chunk-VBUIO677.mjs";
 
 // src/capabilities/blueprint-definition.ts
 import { Capabilities, contributes } from "@dxos/app-framework";
@@ -14,13 +14,15 @@ import { Blueprint, Template } from "@dxos/blueprints";
 import { trim as trim2 } from "@dxos/util";
 
 // src/functions/open.ts
-import { Effect, Schema } from "effect";
+import * as Effect from "effect/Effect";
+import * as Schema from "effect/Schema";
 import { ArtifactId } from "@dxos/assistant";
 import { Obj } from "@dxos/echo";
 import { DatabaseService, QueueService, defineFunction } from "@dxos/functions";
-import { DataType } from "@dxos/schema";
+import { Message } from "@dxos/types";
 var open_default = defineFunction({
-  name: "dxos.org/function/transcription/open",
+  key: "dxos.org/function/transcription/open",
+  name: "Open",
   description: "Opens and reads the contents of a transcription object.",
   inputSchema: Schema.Struct({
     id: ArtifactId.annotations({
@@ -35,7 +37,7 @@ var open_default = defineFunction({
     const { dxn } = yield* Effect.promise(() => transcript.queue.load());
     const queue = yield* QueueService.getQueue(dxn);
     yield* Effect.promise(() => queue?.queryObjects());
-    const content = queue?.objects.filter((message) => Obj.instanceOf(DataType.Message, message)).flatMap((message, index) => renderMarkdown([])(message, index)).join("\n\n");
+    const content = queue?.objects.filter((message) => Obj.instanceOf(Message.Message, message)).flatMap((message, index) => renderByline([])(message, index)).join("\n\n");
     return {
       content
     };
@@ -43,13 +45,19 @@ var open_default = defineFunction({
 });
 
 // src/functions/summarize.ts
-import { Array, Effect as Effect2, Layer, Option, Schema as Schema2, pipe } from "effect";
+import * as Array from "effect/Array";
+import * as Effect2 from "effect/Effect";
+import * as Function from "effect/Function";
+import * as Layer from "effect/Layer";
+import * as Option from "effect/Option";
+import * as Schema2 from "effect/Schema";
 import { AiService, ConsolePrinter, ToolExecutionService, ToolResolverService } from "@dxos/ai";
 import { AiSession, GenerationObserver } from "@dxos/assistant";
 import { TracingService, defineFunction as defineFunction2 } from "@dxos/functions";
 import { trim } from "@dxos/util";
 var summarize_default = defineFunction2({
-  name: "dxos.org/function/transcription/summarize",
+  key: "dxos.org/function/transcription/summarize",
+  name: "Summarize",
   description: "Summarize a transcript of a meeting.",
   inputSchema: Schema2.Struct({
     transcript: Schema2.String.annotations({
@@ -75,7 +83,7 @@ Notes: ${notes}`,
         tag: "summarize"
       }))
     });
-    const summary = pipe(result, Array.findLast((msg) => msg.sender.role === "assistant" && msg.blocks.some((block) => block._tag === "text")), Option.flatMap((msg) => pipe(msg.blocks, Array.findLast((block) => block._tag === "text"), Option.map((block) => block.text))), Option.getOrThrowWith(() => new Error("No summary found")));
+    const summary = Function.pipe(result, Array.findLast((msg) => msg.sender.role === "assistant" && msg.blocks.some((block) => block._tag === "text")), Option.flatMap((msg) => Function.pipe(msg.blocks, Array.findLast((block) => block._tag === "text"), Option.map((block) => block.text))), Option.getOrThrowWith(() => new Error("No summary found")));
     return {
       summary
     };
@@ -119,7 +127,7 @@ var functions = [
   open_default,
   summarize_default
 ];
-var blueprint_definition_default = () => {
+var blueprint_definition_default = (() => {
   return [
     contributes(Capabilities.Functions, functions),
     contributes(Capabilities.BlueprintDefinition, Blueprint.make({
@@ -135,8 +143,8 @@ var blueprint_definition_default = () => {
       })
     }))
   ];
-};
+});
 export {
   blueprint_definition_default as default
 };
-//# sourceMappingURL=blueprint-definition-QQSGTX5F.mjs.map
+//# sourceMappingURL=blueprint-definition-WBWHO4OH.mjs.map

package/dist/lib/browser/blueprint-definition-WBWHO4OH.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/blueprint-definition.ts", "../../../src/functions/open.ts", "../../../src/functions/summarize.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes } from '@dxos/app-framework';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { type FunctionDefinition } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\nimport { open, summarize } from '../functions';\n\nconst functions: FunctionDefinition[] = [open, summarize];\n\nexport default () => {\n  return [\n    contributes(Capabilities.Functions, functions),\n    contributes(\n      Capabilities.BlueprintDefinition,\n      Blueprint.make({\n        key: 'dxos.org/blueprint/transcription',\n        name: 'Transcription',\n        tools: Blueprint.toolDefinitions({ functions }),\n        instructions: Template.make({\n          source: trim`\n            You can open and summarize a meeting transcript.\n          `,\n        }),\n      }),\n    ),\n  ];\n};\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { ArtifactId } from '@dxos/assistant';\nimport { Obj } from '@dxos/echo';\nimport { DatabaseService, QueueService, defineFunction } from '@dxos/functions';\nimport { Message } from '@dxos/types';\n\nimport { renderByline } from '../components';\nimport { Transcript } from '../types';\n\nexport default defineFunction({\n  key: 'dxos.org/function/transcription/open',\n  name: 'Open',\n  description: 'Opens and reads the contents of a transcription object.',\n  inputSchema: Schema.Struct({\n    id: ArtifactId.annotations({\n      description: 'The ID of the transcription object.',\n    }),\n  }),\n  outputSchema: Schema.Struct({\n    content: Schema.String,\n  }),\n  handler: Effect.fn(function* ({ data: { id } }) {\n    const transcript = yield* DatabaseService.resolve(ArtifactId.toDXN(id), Transcript.Transcript);\n    const { dxn } = yield* Effect.promise(() => transcript.queue.load());\n    const queue = yield* QueueService.getQueue(dxn);\n    yield* Effect.promise(() => queue?.queryObjects());\n    const content = queue?.objects\n      .filter((message) => Obj.instanceOf(Message.Message, message))\n      .flatMap((message, index) => renderByline([])(message, index))\n      .join('\\n\\n');\n    return { content };\n  }),\n});\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Array from 'effect/Array';\nimport * as Effect from 'effect/Effect';\nimport * as Function from 'effect/Function';\nimport * as Layer from 'effect/Layer';\nimport * as Option from 'effect/Option';\nimport * as Schema from 'effect/Schema';\n\nimport { AiService, ConsolePrinter, ToolExecutionService, ToolResolverService } from '@dxos/ai';\nimport { AiSession, GenerationObserver } from '@dxos/assistant';\nimport { TracingService, defineFunction } from '@dxos/functions';\nimport { trim } from '@dxos/util';\n\n/**\n * Summarize a transcript of a meeting.\n */\nexport default defineFunction({\n  key: 'dxos.org/function/transcription/summarize',\n  name: 'Summarize',\n  description: 'Summarize a transcript of a meeting.',\n  inputSchema: Schema.Struct({\n    transcript: Schema.String.annotations({\n      description: 'The transcript of the meeting.',\n    }),\n    notes: Schema.optional(Schema.String).annotations({\n      description: 'Additional notes from the participants.',\n    }),\n  }),\n  outputSchema: Schema.Struct({\n    summary: Schema.String.annotations({\n      description: 'The summary of the transcript.',\n    }),\n  }),\n  handler: Effect.fnUntraced(\n    function* ({ data: { transcript, notes } }) {\n      const result = yield* new AiSession().run({\n        prompt: `Transcript: ${transcript}\\n\\nNotes: ${notes}`,\n        history: [],\n        system: systemPrompt,\n        observer: GenerationObserver.fromPrinter(new ConsolePrinter({ tag: 'summarize' })),\n      });\n\n      const summary = Function.pipe(\n        result,\n        Array.findLast((msg) => msg.sender.role === 'assistant' && msg.blocks.some((block) => block._tag === 'text')),\n        Option.flatMap((msg) =>\n          Function.pipe(\n            msg.blocks,\n            Array.findLast((block) => block._tag === 'text'),\n            Option.map((block) => block.text),\n          ),\n        ),\n        Option.getOrThrowWith(() => new Error('No summary found')),\n      );\n\n      return { summary };\n    },\n    Effect.provide(\n      Layer.mergeAll(\n        AiService.model('@anthropic/claude-sonnet-4-0'),\n        ToolResolverService.layerEmpty,\n        ToolExecutionService.layerEmpty,\n        TracingService.layerNoop,\n      ),\n    ),\n  ),\n});\n\nconst systemPrompt = trim`\n  You are a helpful assistant that summarizes transcripts of meetings.\n\n  # Goal\n  Create a markdown summary of the meeting transcript with text notes provided.\n  Notes are very important so make sure to include them in the summary if they contain meaningful information.\n\n  # Formatting\n  - Format the summary as a markdown document without extra comments like \"Here is the summary of the transcript:\".\n  - Use markdown formatting for headings and bullet points.\n  - Format the summary as a list of key points and takeaways.\n  - All names of people should be in bold.\n\n  # Note Taking\n  - Correlate items in the summary with the person of origin to build a coherent narrative.\n  - Include short quotes verbatim where appropriate. Especially when concerned with design decisions and problem descriptions.\n\n  # Tasks\n  At the end of the summary include tasks.\n  Extract only the tasks that are:\n  - Directly actionable.\n  - Clearly assigned to a person or team (or can easily be inferred).\n  - Strongly implied by the conversation and/or user note (no speculative tasks).\n  - Specific enough that someone reading them would know exactly what to do next.\n\n  Format all tasks as markdown checkboxes using the syntax:\n  - [ ] Task description.\n\n  Additional information can be included (indented).\n\n  If no actionable tasks are found, omit this tasks section.\n`;\n"],
+  "mappings": "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",
+  "names": ["Capabilities", "contributes", "Blueprint", "Template", "trim", "Effect", "Schema", "ArtifactId", "Obj", "DatabaseService", "QueueService", "defineFunction", "Message", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "id", "ArtifactId", "annotations", "outputSchema", "content", "String", "handler", "fn", "data", "transcript", "DatabaseService", "resolve", "toDXN", "Transcript", "dxn", "promise", "queue", "load", "QueueService", "getQueue", "queryObjects", "objects", "filter", "message", "Obj", "instanceOf", "Message", "flatMap", "index", "renderByline", "join", "Array", "Effect", "Function", "Layer", "Option", "Schema", "AiService", "ConsolePrinter", "ToolExecutionService", "ToolResolverService", "AiSession", "GenerationObserver", "TracingService", "defineFunction", "trim", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "transcript", "String", "annotations", "notes", "optional", "outputSchema", "summary", "handler", "fnUntraced", "data", "result", "AiSession", "run", "prompt", "history", "system", "systemPrompt", "observer", "GenerationObserver", "fromPrinter", "ConsolePrinter", "tag", "pipe", "findLast", "msg", "sender", "role", "blocks", "some", "block", "_tag", "flatMap", "map", "text", "getOrThrowWith", "Error", "provide", "mergeAll", "AiService", "model", "ToolResolverService", "layerEmpty", "ToolExecutionService", "TracingService", "layerNoop", "trim", "functions", "open", "summarize", "contributes", "Capabilities", "Functions", "BlueprintDefinition", "Blueprint", "make", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim"]
+}

package/dist/lib/browser/{chunk-TNEQFHIU.mjs → chunk-3MKZ2MNQ.mjs}

@@ -1,16 +1,16 @@
 import {
-  TRANSCRIPTION_PLUGIN
-} from "./chunk-3X7HP44M.mjs";
+  meta
+} from "./chunk-VBUIO677.mjs";
 
 // src/capabilities/capabilities.ts
 import { defineCapability } from "@dxos/app-framework";
 (function(TranscriptionCapabilities2) {
-  TranscriptionCapabilities2.Transcriber = defineCapability(`${TRANSCRIPTION_PLUGIN}/capability/transcriber`);
-  TranscriptionCapabilities2.TranscriptionManager = defineCapability(`${TRANSCRIPTION_PLUGIN}/capability/transcription-manager`);
+  TranscriptionCapabilities2.Transcriber = defineCapability(`${meta.id}/capability/transcriber`);
+  TranscriptionCapabilities2.TranscriptionManager = defineCapability(`${meta.id}/capability/transcription-manager`);
 })(TranscriptionCapabilities || (TranscriptionCapabilities = {}));
 var TranscriptionCapabilities;
 
 export {
   TranscriptionCapabilities
 };
-//# sourceMappingURL=chunk-TNEQFHIU.mjs.map
+//# sourceMappingURL=chunk-3MKZ2MNQ.mjs.map

package/dist/lib/browser/chunk-3MKZ2MNQ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/capabilities.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { defineCapability } from '@dxos/app-framework';\n\nimport { meta } from '../meta';\nimport {\n  type MediaStreamRecorderParams,\n  type Transcriber,\n  type TranscriberParams,\n  type TranscriptMessageEnricher,\n  type TranscriptionManager,\n} from '../transcriber';\n\nexport namespace TranscriptionCapabilities {\n  export type GetTranscriberProps = {\n    audioStreamTrack: MediaStreamTrack;\n    recorderConfig?: Partial<MediaStreamRecorderParams['config']>;\n    transcriberConfig?: Partial<TranscriberParams['config']>;\n    onSegments: TranscriberParams['onSegments'];\n  };\n  export type GetTranscriber = (props: GetTranscriberProps) => Transcriber;\n  export const Transcriber = defineCapability<GetTranscriber>(`${meta.id}/capability/transcriber`);\n\n  export type GetTranscriptionManagerProps = {\n    messageEnricher?: TranscriptMessageEnricher;\n  };\n  export type GetTranscriptionManager = (props: GetTranscriptionManagerProps) => TranscriptionManager;\n  export const TranscriptionManager = defineCapability<GetTranscriptionManager>(\n    `${meta.id}/capability/transcription-manager`,\n  );\n}\n"],
+  "mappings": ";;;;;AAIA,SAASA,wBAAwB;UAWhBC,4BAAAA;6BAQFC,cAAcC,iBAAiC,GAAGC,KAAKC,EAAE,yBAAyB;6BAMlFC,uBAAuBH,iBAClC,GAAGC,KAAKC,EAAE,mCAAmC;AAEjD,GAjBiBJ,8BAAAA,4BAAAA,CAAAA,EAAAA;;",
+  "names": ["defineCapability", "TranscriptionCapabilities", "Transcriber", "defineCapability", "meta", "id", "TranscriptionManager"]
+}

package/dist/lib/browser/{chunk-5I4BMOGE.mjs → chunk-EHT3TE6U.mjs}

@@ -1,11 +1,12 @@
 import {
   TranscriptionCapabilities
-} from "./chunk-TNEQFHIU.mjs";
+} from "./chunk-3MKZ2MNQ.mjs";
 
 // src/components/TranscriptContainer.tsx
 import { useSignals as _useSignals2 } from "@preact-signals/safe-react/tracking";
 import React2 from "react";
-import { fullyQualifiedId, getSpace } from "@dxos/client/echo";
+import { getSpace } from "@dxos/client/echo";
+import { Obj } from "@dxos/echo";
 import { useMembers, useQueue } from "@dxos/react-client/echo";
 import { StackItem } from "@dxos/react-ui-stack";
 
@@ -23,57 +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
+      try {
+        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: 39,
+              S: void 0,
+              C: (f, a) => f(...a)
+            });
+            reject(err);
           }, {
+            once: true
+          });
+          audio2.addEventListener("canplay", async () => {
+            resolve();
+          }, {
+            once: true
+          });
+          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, {
             F: __dxlog_file,
-            L: 37,
+            L: 68,
             S: void 0,
             C: (f, a) => f(...a)
-          });
-          reject(err);
-        }, {
-          once: true
-        });
-        audio2.addEventListener("canplay", async () => {
-          resolve();
-        }, {
-          once: true
+          }));
+        }
+        setStream({
+          audio: audio2,
+          stream: destination.stream,
+          track: destination.stream.getAudioTracks()[0]
         });
-        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, {
+      } catch (err) {
+        log.catch(err, void 0, {
           F: __dxlog_file,
-          L: 66,
+          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();
@@ -125,21 +135,12 @@ 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;
@@ -171,12 +172,25 @@ 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 = /* @__PURE__ */ new Map();
+  /** Map of line numbers to chunk IDs. */
+  _lineToChunk = /* @__PURE__ */ new Map();
+  /** Track chunk changes since last sync. */
+  _changes = [];
+  /** Emits when the document is updated. */
+  update = new Event();
+  constructor(_renderer, initialChunks = []) {
+    this._renderer = _renderer;
+    initialChunks.forEach((chunk) => {
+      this.appendChunk(chunk);
+    });
+  }
   toJSON() {
     return {
       chunks: this._chunks.length,
@@ -314,23 +328,6 @@ 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
@@ -383,14 +380,14 @@ var useQueueModelAdapter = (renderer, queue, initialChunks = []) => {
 
 // src/hooks/useTranscriber.ts
 import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
-import { useCapabilities } from "@dxos/app-framework";
+import { useCapabilities } from "@dxos/app-framework/react";
 
 // src/capabilities/index.ts
 import { lazy } from "@dxos/app-framework";
-var BlueprintDefinition = lazy(() => import("./blueprint-definition-QQSGTX5F.mjs"));
-var IntentResolver = lazy(() => import("./intent-resolver-T3EGLS3L.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-QYX74JNG.mjs"));
-var Transcriber = lazy(() => import("./transcriber-JOOAQVYV.mjs"));
+var BlueprintDefinition = lazy(() => import("./blueprint-definition-WBWHO4OH.mjs"));
+var IntentResolver = lazy(() => import("./intent-resolver-ZTKTEAQX.mjs"));
+var ReactSurface = lazy(() => import("./react-surface-NARMYO2O.mjs"));
+var Transcriber = lazy(() => import("./transcriber-E2KAOXPS.mjs"));
 
 // src/hooks/useTranscriber.ts
 var useTranscriber = ({ audioStreamTrack, recorderConfig, transcriberConfig, onSegments }) => {
@@ -487,10 +484,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, editorSlots, 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";
@@ -498,20 +495,7 @@ 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";
-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, renderButton }) => {
+var transcript = ({ model, started }) => {
   return [
     // Show timestamps in the gutter.
     gutter({
@@ -539,23 +523,11 @@ var transcript = ({ model, started, renderButton }) => {
     }),
     // Listen for model updates.
     ViewPlugin.fromClass(class {
-      update(update) {
-        if (!this._initialized) {
-          this._initialized = true;
-          setTimeout(() => {
-            model.sync(this._adapter);
-          });
-        }
-      }
-      destroy() {
-        this._controls?.remove();
-        this._cleanup();
-      }
+      _controls;
+      _cleanup;
+      _adapter;
+      _initialized = false;
       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;
@@ -577,52 +549,39 @@ 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-gutters": {
+        backgroundColor: "var(--dx-baseSurface)"
       },
       ".cm-timestamp-gutter": {
         width: "6rem",
+        paddingLeft: "0.5rem",
         paddingRight: "1rem"
       },
       ".cm-timestamp-gutter > .cm-gutterElement > div": {
@@ -634,8 +593,14 @@ 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;
+    return this._timestamp === other._timestamp;
   }
   toDOM(view) {
     const el = document.createElement("div");
@@ -651,9 +616,6 @@ 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) {
@@ -678,7 +640,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 ?? "",
@@ -689,12 +651,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 TranscriptView = ({ classNames, transcript: object, space, model, attendableId, ignoreAttention }) => {
+var TranscriptView = ({ classNames, space, transcript: object, model }) => {
   var _effect = _useSignals();
   try {
     const { themeMode } = useThemeContext();
@@ -706,25 +669,19 @@ var TranscriptView = ({ classNames, transcript: object, space, model, attendable
             lineWrapping: true,
             search: true
           }),
-          createMarkdownExtensions({
-            themeMode
-          }),
+          createMarkdownExtensions(),
           createThemeExtensions({
-            themeMode
+            themeMode,
+            slots: editorSlots
           }),
           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,
@@ -732,7 +689,7 @@ var TranscriptView = ({ classNames, transcript: object, space, model, attendable
     ]);
     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 {
@@ -744,16 +701,14 @@ var TranscriptView = ({ classNames, transcript: object, space, model, attendable
 var TranscriptionContainer = ({ transcript: transcript2 }) => {
   var _effect = _useSignals2();
   try {
-    const attendableId = fullyQualifiedId(transcript2);
+    const attendableId = Obj.getDXN(transcript2).toString();
     const space = getSpace(transcript2);
     const members = useMembers(space?.key).map((member) => member.identity);
     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(TranscriptView, {
+    const model = useQueueModelAdapter(renderByline(members), queue);
+    return /* @__PURE__ */ React2.createElement(StackItem.Content, null, /* @__PURE__ */ React2.createElement(TranscriptView, {
       attendableId,
       space,
       model,
@@ -766,7 +721,7 @@ var TranscriptionContainer = ({ transcript: transcript2 }) => {
 var TranscriptContainer_default = TranscriptionContainer;
 
 export {
-  renderMarkdown,
+  renderByline,
   TranscriptView,
   useAudioFile,
   useAudioTrack,
@@ -780,4 +735,4 @@ export {
   ReactSurface,
   Transcriber
 };
-//# sourceMappingURL=chunk-5I4BMOGE.mjs.map
+//# sourceMappingURL=chunk-EHT3TE6U.mjs.map