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

package/dist/lib/browser/{TranscriptContainer-D3EH2SLO.mjs → TranscriptContainer-JQ3HFHLQ.mjs}

@@ -1,11 +1,10 @@
 import {
   TranscriptContainer_default,
   TranscriptionContainer
-} from "./chunk-BSZSM6KA.mjs";
-import "./chunk-LTIQFX4W.mjs";
+} from "./chunk-G4B6CPC2.mjs";
 import "./chunk-6ZR5MDK3.mjs";
 export {
   TranscriptionContainer,
   TranscriptContainer_default as default
 };
-//# sourceMappingURL=TranscriptContainer-D3EH2SLO.mjs.map
+//# sourceMappingURL=TranscriptContainer-JQ3HFHLQ.mjs.map

package/dist/lib/browser/app-graph-builder-VDQOVX7P.mjs

@@ -0,0 +1,191 @@
+import {
+  TranscriptionManager
+} from "./chunk-YCZISX63.mjs";
+import "./chunk-GU2BNYKZ.mjs";
+import {
+  TranscriptionCapabilities
+} from "./chunk-YEPT334A.mjs";
+import {
+  TranscriptType,
+  TranscriptionAction
+} from "./chunk-OGNXNGJB.mjs";
+import {
+  TRANSCRIPTION_PLUGIN
+} from "./chunk-6ZR5MDK3.mjs";
+
+// packages/plugins/plugin-transcription/src/capabilities/app-graph-builder.ts
+import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
+import { fullyQualifiedId, getSpace, makeRef } from "@dxos/client/echo";
+import { generateName } from "@dxos/display-name";
+import { getSchemaTypename, isInstanceOf } from "@dxos/echo-schema";
+import { invariant } from "@dxos/invariant";
+import { ClientCapabilities } from "@dxos/plugin-client";
+import { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from "@dxos/plugin-deck/types";
+import { createExtension } from "@dxos/plugin-graph";
+import { MeetingCapabilities } from "@dxos/plugin-meeting";
+import { MeetingType } from "@dxos/plugin-meeting/types";
+import { buf } from "@dxos/protocols/buf";
+import { TranscriptionPayloadSchema } from "@dxos/protocols/buf/dxos/edge/calls_pb";
+import { keyToFallback } from "@dxos/util";
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/plugin-transcription/src/capabilities/app-graph-builder.ts";
+var codec = {
+  encode: (message) => {
+    return buf.toBinary(TranscriptionPayloadSchema, buf.create(TranscriptionPayloadSchema, message));
+  },
+  decode: (message) => {
+    return buf.fromBinary(TranscriptionPayloadSchema, message);
+  }
+};
+var getMeetingTranscript = async (context, meeting) => {
+  const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+  const typename = getSchemaTypename(TranscriptType);
+  const existing = await meeting.artifacts[typename]?.load();
+  if (existing instanceof TranscriptType) {
+    return existing;
+  }
+  const space = getSpace(meeting);
+  invariant(space, void 0, {
+    F: __dxlog_file,
+    L: 52,
+    S: void 0,
+    A: [
+      "space",
+      ""
+    ]
+  });
+  const { data } = await dispatch(createIntent(TranscriptionAction.Create, {
+    spaceId: space.id
+  }));
+  meeting.artifacts[typename] = makeRef(data.object);
+  return data?.object;
+};
+var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
+  createExtension({
+    id: `${TRANSCRIPTION_PLUGIN}/meeting-transcript`,
+    filter: (node) => isInstanceOf(MeetingType, node.data) && node.type !== PLANK_COMPANION_TYPE,
+    actions: ({ node }) => {
+      const meeting = node.data;
+      const state = context.requestCapability(TranscriptionCapabilities.MeetingTranscriptionState);
+      return [
+        {
+          id: `${fullyQualifiedId(meeting)}/action/start-stop-transcription`,
+          data: async () => {
+            const call = context.requestCapability(MeetingCapabilities.CallManager);
+            invariant(state.transcriptionManager, void 0, {
+              F: __dxlog_file,
+              L: 73,
+              S: void 0,
+              A: [
+                "state.transcriptionManager",
+                ""
+              ]
+            });
+            state.enabled = !state.enabled;
+            void state.transcriptionManager.setEnabled(state.enabled);
+            const transcript = await getMeetingTranscript(context, meeting);
+            invariant(transcript, "Failed to create transcript", {
+              F: __dxlog_file,
+              L: 77,
+              S: void 0,
+              A: [
+                "transcript",
+                "'Failed to create transcript'"
+              ]
+            });
+            call.setActivity(getSchemaTypename(TranscriptType), {
+              value: codec.encode({
+                enabled: state.enabled,
+                queueDxn: transcript.queue.dxn.toString()
+              })
+            });
+          },
+          properties: {
+            label: state.enabled ? [
+              "stop transcription label",
+              {
+                ns: TRANSCRIPTION_PLUGIN
+              }
+            ] : [
+              "start transcription label",
+              {
+                ns: TRANSCRIPTION_PLUGIN
+              }
+            ],
+            icon: "ph--record--regular",
+            disposition: "toolbar",
+            classNames: state.enabled ? "text-activeInCall" : ""
+          }
+        }
+      ];
+    },
+    connector: ({ node }) => {
+      const meeting = node.data;
+      const client = context.requestCapability(ClientCapabilities.Client);
+      const state = context.requestCapability(TranscriptionCapabilities.MeetingTranscriptionState);
+      return [
+        {
+          id: `${fullyQualifiedId(meeting)}${ATTENDABLE_PATH_SEPARATOR}${getSchemaTypename(TranscriptType)}`,
+          type: PLANK_COMPANION_TYPE,
+          data: meeting.artifacts[getSchemaTypename(TranscriptType)]?.target,
+          properties: {
+            label: [
+              "transcript companion label",
+              {
+                ns: TRANSCRIPTION_PLUGIN
+              }
+            ],
+            icon: "ph--subtitles--regular",
+            disposition: "hidden",
+            schema: TranscriptType,
+            getIntent: ({ space }) => createIntent(TranscriptionAction.Create, {
+              spaceId: space.id
+            }),
+            onJoin: () => {
+              const transcriptionManager = new TranscriptionManager(client.edge);
+              const identity = client.halo.identity.get();
+              invariant(identity, void 0, {
+                F: __dxlog_file,
+                L: 116,
+                S: void 0,
+                A: [
+                  "identity",
+                  ""
+                ]
+              });
+              transcriptionManager.setName(identity.profile?.displayName ?? generateName(identity.identityKey.toHex()));
+              const fallbackValue = keyToFallback(identity.identityKey);
+              const userHue = identity.profile?.data?.hue || fallbackValue.hue;
+              transcriptionManager.setHue(userHue);
+              void transcriptionManager.open();
+              state.transcriptionManager = transcriptionManager;
+            },
+            onLeave: () => {
+              void state.transcriptionManager?.close();
+              state.transcriptionManager = void 0;
+              state.enabled = false;
+            },
+            onCallStateUpdated: (callState) => {
+              const typename = getSchemaTypename(TranscriptType);
+              const transcription = typename ? callState.activities?.[typename] : void 0;
+              if (!transcription?.payload?.value) {
+                return;
+              }
+              const payload = codec.decode(transcription.payload.value);
+              state.enabled = payload.enabled;
+              void state.transcriptionManager?.setEnabled(payload.enabled);
+              void state.transcriptionManager?.setQueue(payload.queueDxn);
+            },
+            onMediaStateUpdated: ([mediaState, isSpeaking]) => {
+              void state.transcriptionManager?.setAudioTrack(mediaState.audioTrack);
+              void state.transcriptionManager?.setRecording(isSpeaking);
+            }
+          }
+        }
+      ];
+    }
+  })
+]);
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-VDQOVX7P.mjs.map

package/dist/lib/browser/app-graph-builder-VDQOVX7P.mjs.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/capabilities/app-graph-builder.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { Capabilities, contributes, createIntent, type PluginsContext } from '@dxos/app-framework';\nimport { fullyQualifiedId, getSpace, makeRef, type Space } from '@dxos/client/echo';\nimport { generateName } from '@dxos/display-name';\nimport { getSchemaTypename, isInstanceOf } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { ClientCapabilities } from '@dxos/plugin-client';\nimport { PLANK_COMPANION_TYPE, ATTENDABLE_PATH_SEPARATOR } from '@dxos/plugin-deck/types';\nimport { createExtension, type Node } from '@dxos/plugin-graph';\nimport { MeetingCapabilities, type CallState, type MediaState } from '@dxos/plugin-meeting';\nimport { MeetingType } from '@dxos/plugin-meeting/types';\nimport { buf } from '@dxos/protocols/buf';\nimport {\n  TranscriptionPayloadSchema,\n  type TranscriptionPayload as TranscriptionPayloadProto,\n} from '@dxos/protocols/buf/dxos/edge/calls_pb';\nimport { keyToFallback } from '@dxos/util';\n\nimport { TranscriptionCapabilities } from './capabilities';\nimport { TRANSCRIPTION_PLUGIN } from '../meta';\nimport { TranscriptionManager } from '../transcriber';\nimport { TranscriptionAction, TranscriptType } from '../types';\n\n// TODO(wittjosiah): Factor out.\n// TODO(wittjosiah): Can we stop using protobuf for this?\ntype TranscriptionPayload = buf.MessageInitShape<typeof TranscriptionPayloadSchema>;\nconst codec = {\n  encode: (message: TranscriptionPayload): Uint8Array => {\n    return buf.toBinary(TranscriptionPayloadSchema, buf.create(TranscriptionPayloadSchema, message));\n  },\n  decode: (message: Uint8Array): TranscriptionPayloadProto => {\n    return buf.fromBinary(TranscriptionPayloadSchema, message);\n  },\n};\n\nconst getMeetingTranscript = async (\n  context: PluginsContext,\n  meeting: MeetingType,\n): Promise<TranscriptType | undefined> => {\n  const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n\n  const typename = getSchemaTypename(TranscriptType)!;\n  const existing = await meeting.artifacts[typename]?.load();\n  if (existing instanceof TranscriptType) {\n    return existing;\n  }\n\n  const space = getSpace(meeting);\n  invariant(space);\n  const { data } = await dispatch(createIntent(TranscriptionAction.Create, { spaceId: space.id }));\n  meeting.artifacts[typename] = makeRef(data!.object);\n  return data?.object;\n};\n\n// TODO(wittjosiah): Introduce a sound that plays when transcription is activated/deactivated.\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${TRANSCRIPTION_PLUGIN}/meeting-transcript`,\n      filter: (node): node is Node<MeetingType> =>\n        isInstanceOf(MeetingType, node.data) && node.type !== PLANK_COMPANION_TYPE,\n      actions: ({ node }) => {\n        const meeting = node.data;\n        const state = context.requestCapability(TranscriptionCapabilities.MeetingTranscriptionState);\n        return [\n          {\n            id: `${fullyQualifiedId(meeting)}/action/start-stop-transcription`,\n            data: async () => {\n              const call = context.requestCapability(MeetingCapabilities.CallManager);\n              invariant(state.transcriptionManager);\n              state.enabled = !state.enabled;\n              void state.transcriptionManager.setEnabled(state.enabled);\n              const transcript = await getMeetingTranscript(context, meeting);\n              invariant(transcript, 'Failed to create transcript');\n              call.setActivity(getSchemaTypename(TranscriptType)!, {\n                value: codec.encode({\n                  enabled: state.enabled,\n                  queueDxn: transcript.queue.dxn.toString(),\n                }),\n              });\n            },\n            properties: {\n              label: state.enabled\n                ? ['stop transcription label', { ns: TRANSCRIPTION_PLUGIN }]\n                : ['start transcription label', { ns: TRANSCRIPTION_PLUGIN }],\n              icon: 'ph--record--regular',\n              disposition: 'toolbar',\n              classNames: state.enabled ? 'text-activeInCall' : '',\n            },\n          },\n        ];\n      },\n      connector: ({ node }) => {\n        const meeting = node.data;\n        const client = context.requestCapability(ClientCapabilities.Client);\n        const state = context.requestCapability(TranscriptionCapabilities.MeetingTranscriptionState);\n\n        return [\n          {\n            id: `${fullyQualifiedId(meeting)}${ATTENDABLE_PATH_SEPARATOR}${getSchemaTypename(TranscriptType)}`,\n            type: PLANK_COMPANION_TYPE,\n            data: meeting.artifacts[getSchemaTypename(TranscriptType)!]?.target,\n            properties: {\n              label: ['transcript companion label', { ns: TRANSCRIPTION_PLUGIN }],\n              icon: 'ph--subtitles--regular',\n              disposition: 'hidden',\n              schema: TranscriptType,\n              getIntent: ({ space }: { space: Space }) =>\n                createIntent(TranscriptionAction.Create, { spaceId: space.id }),\n              onJoin: () => {\n                const transcriptionManager = new TranscriptionManager(client.edge);\n                const identity = client.halo.identity.get();\n                invariant(identity);\n                transcriptionManager.setName(\n                  identity.profile?.displayName ?? generateName(identity.identityKey.toHex()),\n                );\n                const fallbackValue = keyToFallback(identity!.identityKey);\n                const userHue = identity!.profile?.data?.hue || fallbackValue.hue;\n                transcriptionManager.setHue(userHue);\n                void transcriptionManager.open();\n                state.transcriptionManager = transcriptionManager;\n              },\n              onLeave: () => {\n                void state.transcriptionManager?.close();\n                state.transcriptionManager = undefined;\n                state.enabled = false;\n              },\n              onCallStateUpdated: (callState: CallState) => {\n                const typename = getSchemaTypename(TranscriptType);\n                const transcription = typename ? callState.activities?.[typename] : undefined;\n                if (!transcription?.payload?.value) {\n                  return;\n                }\n\n                const payload = codec.decode(transcription.payload.value);\n                state.enabled = payload.enabled;\n                void state.transcriptionManager?.setEnabled(payload.enabled);\n                void state.transcriptionManager?.setQueue(payload.queueDxn);\n              },\n              onMediaStateUpdated: ([mediaState, isSpeaking]: [MediaState, boolean]) => {\n                void state.transcriptionManager?.setAudioTrack(mediaState.audioTrack);\n                void state.transcriptionManager?.setRecording(isSpeaking);\n              },\n            },\n          },\n        ];\n      },\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;AAIA,SAASA,cAAcC,aAAaC,oBAAyC;AAC7E,SAASC,kBAAkBC,UAAUC,eAA2B;AAChE,SAASC,oBAAoB;AAC7B,SAASC,mBAAmBC,oBAAoB;AAChD,SAASC,iBAAiB;AAC1B,SAASC,0BAA0B;AACnC,SAASC,sBAAsBC,iCAAiC;AAChE,SAASC,uBAAkC;AAC3C,SAASC,2BAA4D;AACrE,SAASC,mBAAmB;AAC5B,SAASC,WAAW;AACpB,SACEC,kCAEK;AACP,SAASC,qBAAqB;;AAU9B,IAAMC,QAAQ;EACZC,QAAQ,CAACC,YAAAA;AACP,WAAOC,IAAIC,SAASC,4BAA4BF,IAAIG,OAAOD,4BAA4BH,OAAAA,CAAAA;EACzF;EACAK,QAAQ,CAACL,YAAAA;AACP,WAAOC,IAAIK,WAAWH,4BAA4BH,OAAAA;EACpD;AACF;AAEA,IAAMO,uBAAuB,OAC3BC,SACAC,YAAAA;AAEA,QAAM,EAAEC,iBAAiBC,SAAQ,IAAKH,QAAQI,kBAAkBC,aAAaC,gBAAgB;AAE7F,QAAMC,WAAWC,kBAAkBC,cAAAA;AACnC,QAAMC,WAAW,MAAMT,QAAQU,UAAUJ,QAAAA,GAAWK,KAAAA;AACpD,MAAIF,oBAAoBD,gBAAgB;AACtC,WAAOC;EACT;AAEA,QAAMG,QAAQC,SAASb,OAAAA;AACvBc,YAAUF,OAAAA,QAAAA;;;;;;;;;AACV,QAAM,EAAEG,KAAI,IAAK,MAAMb,SAASc,aAAaC,oBAAoBC,QAAQ;IAAEC,SAASP,MAAMQ;EAAG,CAAA,CAAA;AAC7FpB,UAAQU,UAAUJ,QAAAA,IAAYe,QAAQN,KAAMO,MAAM;AAClD,SAAOP,MAAMO;AACf;AAGA,IAAA,4BAAe,CAACvB,YACdwB,YAAYnB,aAAaoB,iBAAiB;EACxCC,gBAAgB;IACdL,IAAI,GAAGM,oBAAAA;IACPC,QAAQ,CAACC,SACPC,aAAaC,aAAaF,KAAKb,IAAI,KAAKa,KAAKG,SAASC;IACxDC,SAAS,CAAC,EAAEL,KAAI,MAAE;AAChB,YAAM5B,UAAU4B,KAAKb;AACrB,YAAMmB,QAAQnC,QAAQI,kBAAkBgC,0BAA0BC,yBAAyB;AAC3F,aAAO;QACL;UACEhB,IAAI,GAAGiB,iBAAiBrC,OAAAA,CAAAA;UACxBe,MAAM,YAAA;AACJ,kBAAMuB,OAAOvC,QAAQI,kBAAkBoC,oBAAoBC,WAAW;AACtE1B,sBAAUoB,MAAMO,sBAAoB,QAAA;;;;;;;;;AACpCP,kBAAMQ,UAAU,CAACR,MAAMQ;AACvB,iBAAKR,MAAMO,qBAAqBE,WAAWT,MAAMQ,OAAO;AACxD,kBAAME,aAAa,MAAM9C,qBAAqBC,SAASC,OAAAA;AACvDc,sBAAU8B,YAAY,+BAAA;;;;;;;;;AACtBN,iBAAKO,YAAYtC,kBAAkBC,cAAAA,GAAkB;cACnDsC,OAAOzD,MAAMC,OAAO;gBAClBoD,SAASR,MAAMQ;gBACfK,UAAUH,WAAWI,MAAMC,IAAIC,SAAQ;cACzC,CAAA;YACF,CAAA;UACF;UACAC,YAAY;YACVC,OAAOlB,MAAMQ,UACT;cAAC;cAA4B;gBAAEW,IAAI3B;cAAqB;gBACxD;cAAC;cAA6B;gBAAE2B,IAAI3B;cAAqB;;YAC7D4B,MAAM;YACNC,aAAa;YACbC,YAAYtB,MAAMQ,UAAU,sBAAsB;UACpD;QACF;;IAEJ;IACAe,WAAW,CAAC,EAAE7B,KAAI,MAAE;AAClB,YAAM5B,UAAU4B,KAAKb;AACrB,YAAM2C,SAAS3D,QAAQI,kBAAkBwD,mBAAmBC,MAAM;AAClE,YAAM1B,QAAQnC,QAAQI,kBAAkBgC,0BAA0BC,yBAAyB;AAE3F,aAAO;QACL;UACEhB,IAAI,GAAGiB,iBAAiBrC,OAAAA,CAAAA,GAAW6D,yBAAAA,GAA4BtD,kBAAkBC,cAAAA,CAAAA;UACjFuB,MAAMC;UACNjB,MAAMf,QAAQU,UAAUH,kBAAkBC,cAAAA,CAAAA,GAAmBsD;UAC7DX,YAAY;YACVC,OAAO;cAAC;cAA8B;gBAAEC,IAAI3B;cAAqB;;YACjE4B,MAAM;YACNC,aAAa;YACbQ,QAAQvD;YACRwD,WAAW,CAAC,EAAEpD,MAAK,MACjBI,aAAaC,oBAAoBC,QAAQ;cAAEC,SAASP,MAAMQ;YAAG,CAAA;YAC/D6C,QAAQ,MAAA;AACN,oBAAMxB,uBAAuB,IAAIyB,qBAAqBR,OAAOS,IAAI;AACjE,oBAAMC,WAAWV,OAAOW,KAAKD,SAASE,IAAG;AACzCxD,wBAAUsD,UAAAA,QAAAA;;;;;;;;;AACV3B,mCAAqB8B,QACnBH,SAASI,SAASC,eAAeC,aAAaN,SAASO,YAAYC,MAAK,CAAA,CAAA;AAE1E,oBAAMC,gBAAgBC,cAAcV,SAAUO,WAAW;AACzD,oBAAMI,UAAUX,SAAUI,SAASzD,MAAMiE,OAAOH,cAAcG;AAC9DvC,mCAAqBwC,OAAOF,OAAAA;AAC5B,mBAAKtC,qBAAqByC,KAAI;AAC9BhD,oBAAMO,uBAAuBA;YAC/B;YACA0C,SAAS,MAAA;AACP,mBAAKjD,MAAMO,sBAAsB2C,MAAAA;AACjClD,oBAAMO,uBAAuB4C;AAC7BnD,oBAAMQ,UAAU;YAClB;YACA4C,oBAAoB,CAACC,cAAAA;AACnB,oBAAMjF,WAAWC,kBAAkBC,cAAAA;AACnC,oBAAMgF,gBAAgBlF,WAAWiF,UAAUE,aAAanF,QAAAA,IAAY+E;AACpE,kBAAI,CAACG,eAAeE,SAAS5C,OAAO;AAClC;cACF;AAEA,oBAAM4C,UAAUrG,MAAMO,OAAO4F,cAAcE,QAAQ5C,KAAK;AACxDZ,oBAAMQ,UAAUgD,QAAQhD;AACxB,mBAAKR,MAAMO,sBAAsBE,WAAW+C,QAAQhD,OAAO;AAC3D,mBAAKR,MAAMO,sBAAsBkD,SAASD,QAAQ3C,QAAQ;YAC5D;YACA6C,qBAAqB,CAAC,CAACC,YAAYC,UAAAA,MAAkC;AACnE,mBAAK5D,MAAMO,sBAAsBsD,cAAcF,WAAWG,UAAU;AACpE,mBAAK9D,MAAMO,sBAAsBwD,aAAaH,UAAAA;YAChD;UACF;QACF;;IAEJ;EACF,CAAA;CACD;",
+  "names": ["Capabilities", "contributes", "createIntent", "fullyQualifiedId", "getSpace", "makeRef", "generateName", "getSchemaTypename", "isInstanceOf", "invariant", "ClientCapabilities", "PLANK_COMPANION_TYPE", "ATTENDABLE_PATH_SEPARATOR", "createExtension", "MeetingCapabilities", "MeetingType", "buf", "TranscriptionPayloadSchema", "keyToFallback", "codec", "encode", "message", "buf", "toBinary", "TranscriptionPayloadSchema", "create", "decode", "fromBinary", "getMeetingTranscript", "context", "meeting", "dispatchPromise", "dispatch", "requestCapability", "Capabilities", "IntentDispatcher", "typename", "getSchemaTypename", "TranscriptType", "existing", "artifacts", "load", "space", "getSpace", "invariant", "data", "createIntent", "TranscriptionAction", "Create", "spaceId", "id", "makeRef", "object", "contributes", "AppGraphBuilder", "createExtension", "TRANSCRIPTION_PLUGIN", "filter", "node", "isInstanceOf", "MeetingType", "type", "PLANK_COMPANION_TYPE", "actions", "state", "TranscriptionCapabilities", "MeetingTranscriptionState", "fullyQualifiedId", "call", "MeetingCapabilities", "CallManager", "transcriptionManager", "enabled", "setEnabled", "transcript", "setActivity", "value", "queueDxn", "queue", "dxn", "toString", "properties", "label", "ns", "icon", "disposition", "classNames", "connector", "client", "ClientCapabilities", "Client", "ATTENDABLE_PATH_SEPARATOR", "target", "schema", "getIntent", "onJoin", "TranscriptionManager", "edge", "identity", "halo", "get", "setName", "profile", "displayName", "generateName", "identityKey", "toHex", "fallbackValue", "keyToFallback", "userHue", "hue", "setHue", "open", "onLeave", "close", "undefined", "onCallStateUpdated", "callState", "transcription", "activities", "payload", "setQueue", "onMediaStateUpdated", "mediaState", "isSpeaking", "setAudioTrack", "audioTrack", "setRecording"]
+}

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

@@ -0,0 +1,253 @@
+import {
+  TRANSCRIPTION_PLUGIN
+} from "./chunk-6ZR5MDK3.mjs";
+
+// packages/plugins/plugin-transcription/src/components/TranscriptContainer.tsx
+import React2 from "react";
+import { fullyQualifiedId } from "@dxos/client/echo";
+import { useQueue } from "@dxos/react-client/echo";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// packages/plugins/plugin-transcription/src/components/Transcript/Transcript.tsx
+import { intervalToDuration } from "date-fns/intervalToDuration";
+import { yieldOrContinue } from "main-thread-scheduling";
+import React, { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useResizeDetector } from "react-resize-detector";
+import { IconButton, useTranslation } from "@dxos/react-ui";
+import { useAttention } from "@dxos/react-ui-attention";
+import { Grid, toPlaneCellIndex } from "@dxos/react-ui-grid";
+import { mx } from "@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 = 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 } = 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 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 } = useTranslation(TRANSCRIPTION_PLUGIN);
+  const { hasAttention } = useAttention(attendableId);
+  const [dxGrid, setDxGrid] = useState(null);
+  const [rows, setRows] = useState(void 0);
+  const [columns, setColumns] = useState(void 0);
+  const [autoScroll, setAutoScroll] = useState(true);
+  const queueMap = useMemo(() => mapTranscriptQueue(blocks), [
+    blocks
+  ]);
+  const handleWheel = useCallback((event) => {
+    setAutoScroll(false);
+    if (!ignoreAttention && !hasAttention) {
+      event.stopPropagation();
+    }
+  }, [
+    hasAttention,
+    ignoreAttention
+  ]);
+  const abortControllerRef = useRef();
+  const handleResize = 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 } = useResizeDetector({
+    onResize: handleResize,
+    refreshOptions: {
+      leading: true
+    }
+  });
+  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
+  ]);
+  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[toPlaneCellIndex({
+                col: 0,
+                row
+              })] = {
+                readonly: true,
+                value: segmentIndex < 0 ? formatTimestamp(transcriptStart, blocks[blockIndex].segments[Math.max(0, segmentIndex)].started) : "",
+                className: timestampClasses
+              };
+              cells[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 = useCallback(() => {
+    setAutoScroll(true);
+    dxGrid?.scrollToEndRow();
+  }, [
+    dxGrid,
+    autoScroll
+  ]);
+  return /* @__PURE__ */ React.createElement("div", {
+    role: "none",
+    className: mx("relative min-bs-0", classNames)
+  }, /* @__PURE__ */ React.createElement(Grid.Root, {
+    id: `${attendableId}--transcript`
+  }, /* @__PURE__ */ React.createElement(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__ */ React.createElement("div", {
+    role: "none",
+    inert: "",
+    "aria-hidden": true,
+    className: measureClasses,
+    ref: measureRef
+  }), /* @__PURE__ */ React.createElement(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
+  }));
+};
+
+// packages/plugins/plugin-transcription/src/components/TranscriptContainer.tsx
+var TranscriptionContainer = ({ role, transcript }) => {
+  const attendableId = fullyQualifiedId(transcript);
+  const queue = useQueue(transcript.queue.dxn, {
+    pollInterval: 1e3
+  });
+  return /* @__PURE__ */ React2.createElement(StackItem.Content, {
+    role,
+    classNames: "container-max-width pli-2"
+  }, /* @__PURE__ */ React2.createElement(Transcript, {
+    attendableId,
+    blocks: queue?.items
+  }));
+};
+var TranscriptContainer_default = TranscriptionContainer;
+
+export {
+  Transcript,
+  TranscriptionContainer,
+  TranscriptContainer_default
+};
+//# sourceMappingURL=chunk-G4B6CPC2.mjs.map

package/dist/lib/browser/chunk-G4B6CPC2.mjs.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": ["React", "fullyQualifiedId", "useQueue", "StackItem", "intervalToDuration", "yieldOrContinue", "React", "useCallback", "useEffect", "useMemo", "useRef", "useState", "useResizeDetector", "IconButton", "useTranslation", "useAttention", "Grid", "toPlaneCellIndex", "mx", "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", "div", "role", "Grid", "Root", "id", "Content", "limitColumns", "limitRows", "onWheel", "inert", "aria-hidden", "IconButton", "icon", "iconOnly", "label", "tooltipSide", "data-state", "onClick", "TranscriptionContainer", "role", "transcript", "attendableId", "fullyQualifiedId", "queue", "useQueue", "dxn", "pollInterval", "React", "StackItem", "Content", "classNames", "Transcript", "blocks", "items"]
+}

package/dist/lib/browser/{chunk-KLD7O5GJ.mjs → chunk-GU2BNYKZ.mjs}

@@ -7,6 +7,15 @@ var getTimeStr = (timestamp) => new Date(timestamp ?? Date.now()).toLocaleTimeSt
   second: "2-digit"
 });
 
+// packages/plugins/plugin-transcription/src/util/random-queue-dxn.ts
+import { ObjectId } from "@dxos/echo-schema";
+import { DXN, QueueSubspaceTags, SpaceId } from "@dxos/keys";
+var randomQueueDxn = (spaceId) => new DXN(DXN.kind.QUEUE, [
+  QueueSubspaceTags.DATA,
+  spaceId ?? SpaceId.random(),
+  ObjectId.random()
+]);
+
 // packages/plugins/plugin-transcription/src/util/array.ts
 var mergeFloat64Arrays = (arrays) => {
   const newArray = new Float64Array(arrays.reduce((acc, array) => array.length + acc, 0));
@@ -20,6 +29,7 @@ var mergeFloat64Arrays = (arrays) => {
 
 export {
   mergeFloat64Arrays,
-  getTimeStr
+  getTimeStr,
+  randomQueueDxn
 };
-//# sourceMappingURL=chunk-KLD7O5GJ.mjs.map
+//# sourceMappingURL=chunk-GU2BNYKZ.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/util/get-time-str.ts", "../../../src/util/random-queue-dxn.ts", "../../../src/util/array.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nexport const getTimeStr = (timestamp?: number) =>\n  new Date(timestamp ?? Date.now()).toLocaleTimeString('en-US', {\n    timeZone: 'UTC',\n    hour12: true,\n    hour: 'numeric',\n    minute: '2-digit',\n    second: '2-digit',\n  });\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { ObjectId } from '@dxos/echo-schema';\nimport { DXN, QueueSubspaceTags, SpaceId } from '@dxos/keys';\n\nexport const randomQueueDxn = (spaceId?: SpaceId) =>\n  new DXN(DXN.kind.QUEUE, [QueueSubspaceTags.DATA, spaceId ?? SpaceId.random(), ObjectId.random()]);\n", "//\n// Copyright 2025 DXOS.org\n//\n\nexport const mergeFloat64Arrays = (arrays: Float64Array[]) => {\n  const newArray = new Float64Array(arrays.reduce((acc, array) => array.length + acc, 0));\n  let offset = 0;\n  for (const array of arrays) {\n    newArray.set(array, offset);\n    offset += array.length;\n  }\n\n  return newArray;\n};\n"],
+  "mappings": ";AAIO,IAAMA,aAAa,CAACC,cACzB,IAAIC,KAAKD,aAAaC,KAAKC,IAAG,CAAA,EAAIC,mBAAmB,SAAS;EAC5DC,UAAU;EACVC,QAAQ;EACRC,MAAM;EACNC,QAAQ;EACRC,QAAQ;AACV,CAAA;;;ACPF,SAASC,gBAAgB;AACzB,SAASC,KAAKC,mBAAmBC,eAAe;AAEzC,IAAMC,iBAAiB,CAACC,YAC7B,IAAIC,IAAIA,IAAIC,KAAKC,OAAO;EAACC,kBAAkBC;EAAML,WAAWM,QAAQC,OAAM;EAAIC,SAASD,OAAM;CAAG;;;ACJ3F,IAAME,qBAAqB,CAACC,WAAAA;AACjC,QAAMC,WAAW,IAAIC,aAAaF,OAAOG,OAAO,CAACC,KAAKC,UAAUA,MAAMC,SAASF,KAAK,CAAA,CAAA;AACpF,MAAIG,SAAS;AACb,aAAWF,SAASL,QAAQ;AAC1BC,aAASO,IAAIH,OAAOE,MAAAA;AACpBA,cAAUF,MAAMC;EAClB;AAEA,SAAOL;AACT;",
+  "names": ["getTimeStr", "timestamp", "Date", "now", "toLocaleTimeString", "timeZone", "hour12", "hour", "minute", "second", "ObjectId", "DXN", "QueueSubspaceTags", "SpaceId", "randomQueueDxn", "spaceId", "DXN", "kind", "QUEUE", "QueueSubspaceTags", "DATA", "SpaceId", "random", "ObjectId", "mergeFloat64Arrays", "arrays", "newArray", "Float64Array", "reduce", "acc", "array", "length", "offset", "set"]
+}

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

@@ -0,0 +1,8 @@
+// packages/plugins/plugin-transcription/src/components/index.ts
+import { lazy } from "react";
+var TranscriptContainer = lazy(() => import("./TranscriptContainer-JQ3HFHLQ.mjs"));
+
+export {
+  TranscriptContainer
+};
+//# sourceMappingURL=chunk-K7FOYAXO.mjs.map

package/dist/lib/browser/chunk-K7FOYAXO.mjs.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,SAASA,YAAY;AAKd,IAAMC,sBAAsBC,KAAK,MAAM,OAAO,oCAAA,CAAA;",
+  "names": ["lazy", "TranscriptContainer", "lazy"]
+}