@dxos/plugin-transcription 0.8.4-main.c1de068 → 0.8.4-main.c85a9c8dae

package/dist/lib/browser/chunk-O7ILGNBZ.mjs

@@ -0,0 +1,148 @@
+import {
+  renderByline
+} from "./chunk-HOOPZ7EM.mjs";
+
+// src/blueprints/transcription-blueprint.ts
+import { Blueprint, Template } from "@dxos/blueprints";
+import { trim as trim2 } from "@dxos/util";
+
+// src/functions/open.ts
+import * as Effect from "effect/Effect";
+import * as Schema from "effect/Schema";
+import { Database, Obj, Ref } from "@dxos/echo";
+import { QueueService, defineFunction } from "@dxos/functions";
+import { Message, Transcript } from "@dxos/types";
+var open_default = defineFunction({
+  key: "dxos.org/function/transcription/open",
+  name: "Open",
+  description: "Opens and reads the contents of a transcription object.",
+  inputSchema: Schema.Struct({
+    transcript: Ref.Ref(Transcript.Transcript).annotations({
+      description: "The ID of the transcription object."
+    })
+  }),
+  outputSchema: Schema.Struct({
+    content: Schema.String
+  }),
+  handler: Effect.fn(function* ({ data: { transcript } }) {
+    const transcriptObj = yield* Database.load(transcript);
+    const { dxn } = yield* Effect.promise(() => transcriptObj.queue.load());
+    const queue = yield* QueueService.getQueue(dxn);
+    yield* Effect.promise(() => queue?.queryObjects());
+    const content = queue?.objects.filter((message) => Obj.instanceOf(Message.Message, message)).flatMap((message, index) => renderByline([])(message, index)).join("\n\n");
+    return {
+      content
+    };
+  })
+});
+
+// src/functions/summarize.ts
+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({
+  key: "dxos.org/function/transcription/summarize",
+  name: "Summarize",
+  description: "Summarize a transcript of a meeting.",
+  inputSchema: Schema2.Struct({
+    transcript: Schema2.String.annotations({
+      description: "The transcript of the meeting."
+    }),
+    notes: Schema2.optional(Schema2.String).annotations({
+      description: "Additional notes from the participants."
+    })
+  }),
+  outputSchema: Schema2.Struct({
+    summary: Schema2.String.annotations({
+      description: "The summary of the transcript."
+    })
+  }),
+  handler: Effect2.fnUntraced(function* ({ data: { transcript, notes } }) {
+    const result = yield* new AiSession().run({
+      prompt: `Transcript: ${transcript}
+
+Notes: ${notes}`,
+      history: [],
+      system: systemPrompt,
+      observer: GenerationObserver.fromPrinter(new ConsolePrinter({
+        tag: "summarize"
+      }))
+    });
+    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
+    };
+  }, Effect2.provide(Layer.mergeAll(AiService.model("@anthropic/claude-sonnet-4-0"), ToolResolverService.layerEmpty, ToolExecutionService.layerEmpty, TracingService.layerNoop)))
+});
+var systemPrompt = trim`
+  You are a helpful assistant that summarizes transcripts of meetings.
+
+  # Goal
+  Create a markdown summary of the meeting transcript with text notes provided.
+  Notes are very important so make sure to include them in the summary if they contain meaningful information.
+
+  # Formatting
+  - Format the summary as a markdown document without extra comments like "Here is the summary of the transcript:".
+  - Use markdown formatting for headings and bullet points.
+  - Format the summary as a list of key points and takeaways.
+  - All names of people should be in bold.
+
+  # Note Taking
+  - Correlate items in the summary with the person of origin to build a coherent narrative.
+  - Include short quotes verbatim where appropriate. Especially when concerned with design decisions and problem descriptions.
+
+  # Tasks
+  At the end of the summary include tasks.
+  Extract only the tasks that are:
+  - Directly actionable.
+  - Clearly assigned to a person or team (or can easily be inferred).
+  - Strongly implied by the conversation and/or user note (no speculative tasks).
+  - Specific enough that someone reading them would know exactly what to do next.
+
+  Format all tasks as markdown checkboxes using the syntax:
+  - [ ] Task description.
+
+  Additional information can be included (indented).
+
+  If no actionable tasks are found, omit this tasks section.
+`;
+
+// src/functions/index.ts
+var TranscriptionFunctions = {
+  Open: open_default,
+  Summarize: summarize_default
+};
+
+// src/blueprints/transcription-blueprint.ts
+var BLUEPRINT_KEY = "dxos.org/blueprint/transcription";
+var functions = Object.values(TranscriptionFunctions);
+var make = () => Blueprint.make({
+  key: BLUEPRINT_KEY,
+  name: "Transcription",
+  tools: Blueprint.toolDefinitions({
+    functions
+  }),
+  instructions: Template.make({
+    source: trim2`
+        You can open and summarize a meeting transcript.
+      `
+  })
+});
+var blueprint = {
+  key: BLUEPRINT_KEY,
+  functions,
+  make
+};
+var transcription_blueprint_default = blueprint;
+
+export {
+  transcription_blueprint_default
+};
+//# sourceMappingURL=chunk-O7ILGNBZ.mjs.map

package/dist/lib/browser/chunk-O7ILGNBZ.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/blueprints/transcription-blueprint.ts", "../../../src/functions/open.ts", "../../../src/functions/summarize.ts", "../../../src/functions/index.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { type AppCapabilities } from '@dxos/app-toolkit';\nimport { Blueprint, Template } from '@dxos/blueprints';\nimport { trim } from '@dxos/util';\n\nimport { TranscriptionFunctions } from '../functions';\n\nconst BLUEPRINT_KEY = 'dxos.org/blueprint/transcription';\n\nconst functions = Object.values(TranscriptionFunctions);\n\nconst make = () =>\n  Blueprint.make({\n    key: BLUEPRINT_KEY,\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\nconst blueprint: AppCapabilities.BlueprintDefinition = {\n  key: BLUEPRINT_KEY,\n  functions,\n  make,\n};\n\nexport default blueprint;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport * as Effect from 'effect/Effect';\nimport * as Schema from 'effect/Schema';\n\nimport { Database, Obj, Ref } from '@dxos/echo';\nimport { QueueService, defineFunction } from '@dxos/functions';\nimport { Message, Transcript } from '@dxos/types';\n\nimport { renderByline } from '../util';\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    transcript: Ref.Ref(Transcript.Transcript).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: { transcript } }) {\n    const transcriptObj = yield* Database.load(transcript);\n    const { dxn } = yield* Effect.promise(() => transcriptObj.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", "//\n// Copyright 2024 DXOS.org\n//\n\nimport Open from './open';\nimport Summarize from './summarize';\n\nexport const TranscriptionFunctions = {\n  Open,\n  Summarize,\n};\n"],
+  "mappings": "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",
+  "names": ["Blueprint", "Template", "trim", "Effect", "Schema", "Database", "Obj", "Ref", "QueueService", "defineFunction", "Message", "Transcript", "defineFunction", "key", "name", "description", "inputSchema", "Struct", "transcript", "Ref", "Transcript", "annotations", "outputSchema", "content", "String", "handler", "fn", "data", "transcriptObj", "Database", "load", "dxn", "promise", "queue", "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", "TranscriptionFunctions", "Open", "Summarize", "BLUEPRINT_KEY", "functions", "Object", "values", "TranscriptionFunctions", "make", "Blueprint", "key", "name", "tools", "toolDefinitions", "instructions", "Template", "source", "trim", "blueprint"]
+}

package/dist/lib/browser/{chunk-5KPYIC3N.mjs → chunk-XLMRCOQN.mjs}

@@ -1,23 +1,16 @@
 import {
   TranscriptionCapabilities
-} from "./chunk-U6QBOGTN.mjs";
+} from "./chunk-GH4IIQ6C.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 { useMembers, useQueue } from "@dxos/react-client/echo";
-import { StackItem } from "@dxos/react-ui-stack";
-
-// src/components/Transcript/Transcript.tsx
-import { useSignals as _useSignals } from "@preact-signals/safe-react/tracking";
+// src/components/Transcription/Transcription.tsx
 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 { mx } from "@dxos/react-ui-theme";
-import { isNotFalsy } from "@dxos/util";
+import { useThemeContext } from "@dxos/react-ui";
+import { useTextEditor } from "@dxos/react-ui-editor";
+import { autoScroll, createBasicExtensions, createMarkdownExtensions, createThemeExtensions, decorateMarkdown, editorSlots, preview } from "@dxos/ui-editor";
+import { mx } from "@dxos/ui-theme";
+import { isTruthy } from "@dxos/util";
 
-// src/components/Transcript/transcript-extension.ts
+// src/components/Transcription/transcription-extension.ts
 import { RangeSetBuilder } from "@codemirror/state";
 import { EditorView, GutterMarker, ViewPlugin, gutter } from "@codemirror/view";
 import { format } from "date-fns/format";
@@ -31,6 +24,7 @@ import { invariant } from "@dxos/invariant";
 import { log } from "@dxos/log";
 var __dxlog_file = "/__w/dxos/dxos/packages/plugins/plugin-transcription/src/model/model.ts";
 var DocumentAdapter = class {
+  _view;
   constructor(_view) {
     this._view = _view;
   }
@@ -67,13 +61,19 @@ var DocumentAdapter = class {
   }
 };
 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;
-    this._chunks = [];
-    this._chunkLineCounts = /* @__PURE__ */ new Map();
-    this._lineToChunk = /* @__PURE__ */ new Map();
-    this._changes = [];
-    this.update = new Event();
     initialChunks.forEach((chunk) => {
       this.appendChunk(chunk);
     });
@@ -217,8 +217,8 @@ var SerializationModel = class {
   }
 };
 
-// src/components/Transcript/transcript-extension.ts
-var transcript = ({ model, started, renderButton }) => {
+// src/components/Transcription/transcription-extension.ts
+var transcription = ({ model, started }) => {
   return [
     // Show timestamps in the gutter.
     gutter({
@@ -246,8 +246,11 @@ var transcript = ({ model, started, renderButton }) => {
     }),
     // Listen for model updates.
     ViewPlugin.fromClass(class {
+      _controls;
+      _cleanup;
+      _adapter;
+      _initialized = false;
       constructor(view) {
-        this._initialized = false;
         this._adapter = new DocumentAdapter(view);
         const scroller = view.scrollDOM;
         let isAutoScrolling = false;
@@ -269,30 +272,20 @@ 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) {
+      update(_update) {
         if (!this._initialized) {
           this._initialized = true;
           setTimeout(() => {
@@ -306,27 +299,12 @@ var transcript = ({ model, started, renderButton }) => {
       }
     }),
     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(--color-base-surface)"
       },
       ".cm-timestamp-gutter": {
         width: "6rem",
+        paddingLeft: "0.5rem",
         paddingRight: "1rem"
       },
       ".cm-timestamp-gutter > .cm-gutterElement > div": {
@@ -338,15 +316,18 @@ 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");
-    el.className = "text-sm text-subdued hover:bg-hoverSurface cursor-pointer";
+    el.className = "text-sm text-subdued hover:bg-hover-surface cursor-pointer";
     el.textContent = formatTimestamp(this._timestamp, this._started);
     el.onclick = () => {
       const pos = view.state.doc.line(this._line).from;
@@ -381,66 +362,39 @@ var formatTimestamp = (timestamp, relative) => {
   }
 };
 
-// src/components/Transcript/Transcript.tsx
-var renderMarkdown = (identities) => (message, index, debug = false) => {
-  if (message.sender.role === "assistant") {
-    return [
-      message.blocks.find((block) => block._tag === "transcript")?.text ?? "",
-      ""
-    ];
-  }
-  const identity = identities.find((identity2) => identity2.did === message.sender.identityDid);
-  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 [
-    `###### ${name}` + (debug ? ` [${index}]:${message.id}` : ""),
-    blocks.map((block) => block.text.trim()).join(" "),
-    ""
-  ];
-};
-var Transcript = ({ classNames, transcript: object, space, model, attendableId, ignoreAttention }) => {
-  var _effect = _useSignals();
-  try {
-    const { themeMode } = useThemeContext();
-    const { parentRef } = useTextEditor(() => {
-      return {
-        extensions: [
-          createBasicExtensions({
-            readOnly: true,
-            lineWrapping: true
-          }),
-          createMarkdownExtensions({
-            themeMode
-          }),
-          createThemeExtensions({
-            themeMode
-          }),
-          decorateMarkdown(),
-          space && 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)
-      };
-    }, [
-      space,
-      model
-    ]);
-    return /* @__PURE__ */ React.createElement("div", {
-      ref: parentRef,
-      className: mx("flex grow overflow-hidden", editorWidth, classNames),
-      "data-popover-collision-boundary": true
-    });
-  } finally {
-    _effect.f();
-  }
+// src/components/Transcription/Transcription.tsx
+var Transcription = ({ classNames, transcript: object, model }) => {
+  const { themeMode } = useThemeContext();
+  const { parentRef } = useTextEditor(() => {
+    return {
+      extensions: [
+        createBasicExtensions({
+          readOnly: true,
+          lineWrapping: true,
+          search: true
+        }),
+        createMarkdownExtensions(),
+        createThemeExtensions({
+          themeMode,
+          slots: editorSlots
+        }),
+        decorateMarkdown(),
+        preview(),
+        transcription({
+          model,
+          started: object?.started ? new Date(object.started) : void 0
+        }),
+        autoScroll()
+      ].filter(isTruthy)
+    };
+  }, [
+    model
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    ref: parentRef,
+    className: mx("dx-container", classNames),
+    "data-popover-collision-boundary": true
+  });
 };
 
 // src/hooks/useAudioFile.ts
@@ -457,76 +411,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) => {
-          log2.error("error", {
-            err
-          }, {
-            F: __dxlog_file2,
-            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 () => {
-          log2.info("starting...", void 0, {
-            F: __dxlog_file2,
-            L: 45,
-            S: void 0,
-            C: (f, a) => f(...a)
-          });
-          try {
-            await audio2.play();
-            resolve();
-          } catch (playError) {
-            log2.error("Play failed", {
-              playError
+        const audio2 = new Audio();
+        audio2.src = objectUrl;
+        await new Promise((resolve, reject) => {
+          audio2.addEventListener("error", (err) => {
+            log2.error("error", {
+              err
             }, {
               F: __dxlog_file2,
-              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) => log2.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) => log2.catch(err, void 0, {
+            F: __dxlog_file2,
+            L: 68,
+            S: void 0,
+            C: (f, a) => f(...a)
+          }));
+        }
+        setStream({
+          audio: audio2,
+          stream: destination.stream,
+          track: destination.stream.getAudioTracks()[0]
+        });
+      } catch (err) {
+        log2.catch(err, void 0, {
           F: __dxlog_file2,
-          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();
@@ -621,15 +565,7 @@ var useQueueModelAdapter = (renderer, queue, initialChunks = []) => {
 
 // src/hooks/useTranscriber.ts
 import { useEffect as useEffect4, useMemo as useMemo2 } from "react";
-import { useCapabilities } from "@dxos/app-framework";
-
-// src/capabilities/index.ts
-import { lazy } from "@dxos/app-framework";
-var IntentResolver = lazy(() => import("./intent-resolver-3O33MMP5.mjs"));
-var ReactSurface = lazy(() => import("./react-surface-E5D5AE3F.mjs"));
-var Transcriber = lazy(() => import("./transcriber-PXT4QBFY.mjs"));
-
-// src/hooks/useTranscriber.ts
+import { useCapabilities } from "@dxos/app-framework/ui";
 var useTranscriber = ({ audioStreamTrack, recorderConfig, transcriberConfig, onSegments }) => {
   const [getTranscriber] = useCapabilities(TranscriptionCapabilities.Transcriber);
   const transcriber = useMemo2(() => {
@@ -660,7 +596,7 @@ var useTranscriber = ({ audioStreamTrack, recorderConfig, transcriberConfig, onS
 };
 
 // src/hooks/useVoiceInput.ts
-import { useState as useState4, useEffect as useEffect5, useCallback } from "react";
+import { useCallback, useEffect as useEffect5, useState as useState4 } from "react";
 import { scheduleMicroTask } from "@dxos/async";
 import { Context as Context2 } from "@dxos/context";
 import { log as log3 } from "@dxos/log";
@@ -682,14 +618,14 @@ var useVoiceInput = ({ active, onUpdate }) => {
   useEffect5(() => {
     const ctx = new Context2(void 0, {
       F: __dxlog_file3,
-      L: 43
+      L: 44
     });
     scheduleMicroTask(ctx, async () => {
       if (active && transcriber) {
         await transcriber.open();
         log3.info("starting...", void 0, {
           F: __dxlog_file3,
-          L: 47,
+          L: 48,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -701,7 +637,7 @@ var useVoiceInput = ({ active, onUpdate }) => {
         await transcriber?.close();
         log3.info("stopped", void 0, {
           F: __dxlog_file3,
-          L: 54,
+          L: 55,
           S: void 0,
           C: (f, a) => f(...a)
         });
@@ -721,43 +657,12 @@ var useVoiceInput = ({ active, onUpdate }) => {
   };
 };
 
-// src/components/TranscriptContainer.tsx
-var TranscriptionContainer = ({ transcript: transcript2 }) => {
-  var _effect = _useSignals2();
-  try {
-    const attendableId = fullyQualifiedId(transcript2);
-    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(Transcript, {
-      attendableId,
-      space,
-      model,
-      transcript: transcript2
-    }));
-  } finally {
-    _effect.f();
-  }
-};
-var TranscriptContainer_default = TranscriptionContainer;
-
 export {
-  renderMarkdown,
-  Transcript,
+  Transcription,
   useAudioFile,
   useAudioTrack,
   useQueueModelAdapter,
   useTranscriber,
-  useVoiceInput,
-  TranscriptionContainer,
-  TranscriptContainer_default,
-  IntentResolver,
-  ReactSurface,
-  Transcriber
+  useVoiceInput
 };
-//# sourceMappingURL=chunk-5KPYIC3N.mjs.map
+//# sourceMappingURL=chunk-XLMRCOQN.mjs.map