@dxos/plugin-transcription 0.8.0 → 0.8.1-main.81238a8

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

@@ -0,0 +1,248 @@
+import {
+  TRANSCRIPTION_PLUGIN
+} from "./chunk-YEVVZZTC.mjs";
+
+// packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx
+import React2, { Fragment } from "react";
+import { fullyQualifiedId } from "@dxos/client/echo";
+import { DXN } from "@dxos/keys";
+import { useQueue } from "@dxos/react-client/echo";
+import { StackItem } from "@dxos/react-ui-stack";
+
+// packages/plugins/experimental/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 = ({ 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 handleWheel = useCallback((event) => {
+    setAutoScroll(false);
+    if (!ignoreAttention && !hasAttention) {
+      event.stopPropagation();
+    }
+  }, [
+    hasAttention,
+    ignoreAttention
+  ]);
+  const queueMap = useMemo(() => mapTranscriptQueue(blocks), [
+    blocks
+  ]);
+  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(React.Fragment, null, /* @__PURE__ */ React.createElement(Grid.Root, {
+    id: `${attendableId}--transcript`
+  }, /* @__PURE__ */ React.createElement(Grid.Content, {
+    limitColumns: 2,
+    columns,
+    limitRows: queueMap.length,
+    rowDefault,
+    rows,
+    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/experimental/plugin-transcription/src/components/TranscriptContainer.tsx
+var TranscriptionContainer = ({ transcript, role }) => {
+  const attendableId = fullyQualifiedId(transcript);
+  const queue = useQueue(transcript.queue ? DXN.parse(transcript.queue) : void 0, {
+    pollInterval: 1e3
+  });
+  const Root = role === "article" ? StackItem.Content : Fragment;
+  const rootProps = role === "article" ? {
+    toolbar: false
+  } : {};
+  return /* @__PURE__ */ React2.createElement(Root, rootProps, /* @__PURE__ */ React2.createElement(Transcript, {
+    blocks: queue?.items,
+    attendableId
+  }));
+};
+var TranscriptContainer_default = TranscriptionContainer;
+
+export {
+  Transcript,
+  TranscriptionContainer,
+  TranscriptContainer_default
+};
+//# sourceMappingURL=chunk-UHGQC3QN.mjs.map

package/dist/lib/browser/chunk-UHGQC3QN.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, Fragment } from 'react';\n\nimport { fullyQualifiedId } from '@dxos/client/echo';\nimport { DXN } from '@dxos/keys';\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<{ transcript: TranscriptType; role: string }> = ({ transcript, role }) => {\n  const attendableId = fullyQualifiedId(transcript);\n\n  const queue = useQueue<TranscriptBlock>(transcript.queue ? DXN.parse(transcript.queue) : undefined, {\n    pollInterval: 1_000,\n  });\n\n  const Root = role === 'article' ? StackItem.Content : Fragment;\n  const rootProps = role === 'article' ? { toolbar: false } : {};\n\n  return (\n    <Root {...(rootProps as any)}>\n      <Transcript blocks={queue?.items} attendableId={attendableId} />\n    </Root>\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, 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 pli-[--dx-grid-cell-padding-inline] plb-[--dx-grid-cell-padding-block] leading-[20px]',\n  segmentTextClasses,\n);\n\nexport type TranscriptProps = {\n  blocks?: TranscriptBlock[];\n  attendableId?: string;\n  ignoreAttention?: boolean;\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 const Transcript: FC<TranscriptProps> = ({ 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 handleWheel = useCallback(\n    (event: WheelEvent) => {\n      setAutoScroll(false);\n      if (!ignoreAttention && !hasAttention) {\n        event.stopPropagation();\n      }\n    },\n    [hasAttention, ignoreAttention],\n  );\n\n  const queueMap = useMemo(() => mapTranscriptQueue(blocks), [blocks]);\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\n          //  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              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              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    <>\n      <Grid.Root id={`${attendableId}--transcript`}>\n        <Grid.Content\n          limitColumns={2}\n          columns={columns}\n          limitRows={queueMap.length}\n          rowDefault={rowDefault}\n          rows={rows}\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='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'\n        onClick={handleScrollToEnd}\n      />\n    </>\n  );\n};\n"],
+  "mappings": "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",
+  "names": ["React", "Fragment", "fullyQualifiedId", "DXN", "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", "attendableId", "ignoreAttention", "t", "useTranslation", "TRANSCRIPTION_PLUGIN", "hasAttention", "useAttention", "dxGrid", "setDxGrid", "useState", "rows", "setRows", "undefined", "columns", "setColumns", "autoScroll", "setAutoScroll", "handleWheel", "useCallback", "event", "stopPropagation", "useMemo", "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", "Grid", "Root", "id", "Content", "limitColumns", "limitRows", "onWheel", "div", "role", "inert", "aria-hidden", "IconButton", "icon", "iconOnly", "label", "tooltipSide", "data-state", "classNames", "onClick", "TranscriptionContainer", "transcript", "role", "attendableId", "fullyQualifiedId", "queue", "useQueue", "DXN", "parse", "undefined", "pollInterval", "Root", "StackItem", "Content", "Fragment", "rootProps", "toolbar", "React", "Transcript", "blocks", "items"]
+}

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

@@ -0,0 +1,19 @@
+// packages/plugins/experimental/plugin-transcription/src/meta.ts
+var TRANSCRIPTION_PLUGIN = "dxos.org/plugin/transcription";
+var meta = {
+  id: TRANSCRIPTION_PLUGIN,
+  name: "Transcription",
+  description: "Voice transcription.",
+  icon: "ph--microphone--regular",
+  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-transcription",
+  tags: [
+    "experimental"
+  ],
+  screenshots: []
+};
+
+export {
+  TRANSCRIPTION_PLUGIN,
+  meta
+};
+//# sourceMappingURL=chunk-YEVVZZTC.mjs.map

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

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

package/dist/lib/browser/{chunk-QIHUPVQD.mjs → chunk-YRW4MNRE.mjs}

@@ -1,5 +1,9 @@
+import {
+  TRANSCRIPTION_PLUGIN
+} from "./chunk-YEVVZZTC.mjs";
+
 // packages/plugins/experimental/plugin-transcription/src/types/schema.ts
-import { EchoObject, ObjectId, S, TypedObject } from "@dxos/echo-schema";
+import { EchoObject, S, TypedObject } from "@dxos/echo-schema";
 var TranscriptSchema = S.Struct({
   name: S.String,
   // TODO(burdon): Use string for dates?
@@ -8,6 +12,7 @@ var TranscriptSchema = S.Struct({
   /**
   * Queue containing TranscriptBlock objects.
   */
+  // TODO(wittjosiah): Should be a ref to a queue.
   queue: S.optional(S.String)
 });
 var TranscriptType = class extends TypedObject({
@@ -24,52 +29,46 @@ var TranscriptSegment = S.Struct({
   text: S.String
 });
 var TranscriptBlock = S.Struct({
-  id: ObjectId,
-  author: S.optional(S.String),
+  id: S.String,
+  authorName: S.optional(S.String),
+  authorHue: S.optional(S.String),
   segments: S.Array(TranscriptSegment)
 }).pipe(EchoObject("dxos.org/type/TranscriptBlock", "0.1.0"));
 
 // packages/plugins/experimental/plugin-transcription/src/types/types.ts
 import { S as S2, isInstanceOf } from "@dxos/echo-schema";
 import { isReactiveObject } from "@dxos/react-client/echo";
-
-// packages/plugins/experimental/plugin-transcription/src/meta.ts
-var TRANSCRIPTION_PLUGIN = "dxos.org/plugin/transcription";
-var meta = {
-  id: TRANSCRIPTION_PLUGIN,
-  name: "Transcription",
-  description: "Voice transcription.",
-  icon: "ph--microphone--regular",
-  source: "https://github.com/dxos/dxos/tree/main/packages/plugins/experimental/plugin-transcription",
-  tags: [
-    "experimental"
-  ],
-  screenshots: []
-};
-
-// packages/plugins/experimental/plugin-transcription/src/types/types.ts
 var TRANSCRIPTION_URL = "https://calls-service.dxos.workers.dev";
 var TranscriptionAction;
 (function(TranscriptionAction2) {
   const TRANSCRIPTION_ACTION = `${TRANSCRIPTION_PLUGIN}/action`;
   class Create extends S2.TaggedClass()(`${TRANSCRIPTION_ACTION}/create`, {
     input: S2.Struct({
-      name: S2.optional(S2.String)
+      name: S2.optional(S2.String),
+      // TODO(wittjosiah): SpaceId.
+      spaceId: S2.String
     }),
     output: S2.Struct({
-      object: TranscriptSchema
+      object: TranscriptType
     })
   }) {
   }
   TranscriptionAction2.Create = Create;
+  class Summarize extends S2.TaggedClass()(`${TRANSCRIPTION_ACTION}/summarize`, {
+    input: S2.Struct({
+      transcript: TranscriptType,
+      context: S2.optional(S2.String)
+    }),
+    output: S2.String
+  }) {
+  }
+  TranscriptionAction2.Summarize = Summarize;
 })(TranscriptionAction || (TranscriptionAction = {}));
 var isTranscript = (object) => {
   return isReactiveObject(object) && isInstanceOf(TranscriptType, object);
 };
 
 export {
-  TRANSCRIPTION_PLUGIN,
-  meta,
   TranscriptSchema,
   TranscriptType,
   TranscriptBlock,
@@ -77,4 +76,4 @@ export {
   TranscriptionAction,
   isTranscript
 };
-//# sourceMappingURL=chunk-QIHUPVQD.mjs.map
+//# sourceMappingURL=chunk-YRW4MNRE.mjs.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/types/schema.ts", "../../../src/types/types.ts"],
+  "sourcesContent": ["//\n// Copyright 2025 DXOS.org\n//\n\nimport { EchoObject, S, TypedObject } from '@dxos/echo-schema';\n\n/**\n * Root transcript object created when the user starts a transcription.\n */\nexport const TranscriptSchema = S.Struct({\n  name: S.String,\n\n  // TODO(burdon): Use string for dates?\n  started: S.optional(S.Date),\n  ended: S.optional(S.Date),\n\n  /**\n   * Queue containing TranscriptBlock objects.\n   */\n  // TODO(wittjosiah): Should be a ref to a queue.\n  queue: S.optional(S.String),\n});\n\nexport class TranscriptType extends TypedObject({\n  typename: 'dxos.org/type/Transcript',\n  version: '0.1.0',\n})(TranscriptSchema.fields) {}\n\n// TODO(burdon): Do these need to be kept in sync with EDGE?\n\n/**\n * First message in queue.\n * Contains metadata for the recording and transcript.\n */\nconst TranscriptHeader = S.Struct({\n  started: S.optional(S.Date),\n});\n\nexport type TranscriptHeader = S.Schema.Type<typeof TranscriptHeader>;\n\n/**\n * Transcription fragment.\n */\nconst TranscriptSegment = S.Struct({\n  // TODO(burdon): TS from service is not Unix TS (x1000).\n  started: S.Date,\n  text: S.String,\n});\n\nexport type TranscriptSegment = S.Schema.Type<typeof TranscriptSegment>;\n\n/**\n * Transcription block (from single speaker).\n */\nexport const TranscriptBlock = S.Struct({\n  id: S.String,\n  authorName: S.optional(S.String), // TODO(burdon): IdentityDid.\n  authorHue: S.optional(S.String),\n  segments: S.Array(TranscriptSegment),\n}).pipe(EchoObject('dxos.org/type/TranscriptBlock', '0.1.0'));\n\nexport type TranscriptBlock = S.Schema.Type<typeof TranscriptBlock>;\n", "//\n// Copyright 2025 DXOS.org\n//\n\nimport { S, isInstanceOf } from '@dxos/echo-schema';\nimport { isReactiveObject } from '@dxos/react-client/echo';\n\nimport { TranscriptType } from './schema';\nimport { TRANSCRIPTION_PLUGIN } from '../meta';\n\n// TODO(burdon): Move to separate proto.\n\n/**\n * Endpoint to the calls service.\n */\n// TODO(burdon): Reconfigure/move.\nexport const TRANSCRIPTION_URL = 'https://calls-service.dxos.workers.dev';\n\nexport namespace TranscriptionAction {\n  const TRANSCRIPTION_ACTION = `${TRANSCRIPTION_PLUGIN}/action`;\n\n  export class Create extends S.TaggedClass<Create>()(`${TRANSCRIPTION_ACTION}/create`, {\n    input: S.Struct({\n      name: S.optional(S.String),\n      // TODO(wittjosiah): SpaceId.\n      spaceId: S.String,\n    }),\n    output: S.Struct({\n      object: TranscriptType,\n    }),\n  }) {}\n\n  export class Summarize extends S.TaggedClass<Summarize>()(`${TRANSCRIPTION_ACTION}/summarize`, {\n    input: S.Struct({\n      transcript: TranscriptType,\n      context: S.optional(S.String),\n    }),\n    output: S.String,\n  }) {}\n}\n\nexport const isTranscript = (object: unknown): object is typeof TranscriptType => {\n  return isReactiveObject(object) && isInstanceOf(TranscriptType, object);\n};\n"],
+  "mappings": ";;;;;AAIA,SAASA,YAAYC,GAAGC,mBAAmB;AAKpC,IAAMC,mBAAmBC,EAAEC,OAAO;EACvCC,MAAMF,EAAEG;;EAGRC,SAASJ,EAAEK,SAASL,EAAEM,IAAI;EAC1BC,OAAOP,EAAEK,SAASL,EAAEM,IAAI;;;;;EAMxBE,OAAOR,EAAEK,SAASL,EAAEG,MAAM;AAC5B,CAAA;AAEO,IAAMM,iBAAN,cAA6BC,YAAY;EAC9CC,UAAU;EACVC,SAAS;AACX,CAAA,EAAGb,iBAAiBc,MAAM,EAAA;AAAG;AAQ7B,IAAMC,mBAAmBd,EAAEC,OAAO;EAChCG,SAASJ,EAAEK,SAASL,EAAEM,IAAI;AAC5B,CAAA;AAOA,IAAMS,oBAAoBf,EAAEC,OAAO;;EAEjCG,SAASJ,EAAEM;EACXU,MAAMhB,EAAEG;AACV,CAAA;AAOO,IAAMc,kBAAkBjB,EAAEC,OAAO;EACtCiB,IAAIlB,EAAEG;EACNgB,YAAYnB,EAAEK,SAASL,EAAEG,MAAM;EAC/BiB,WAAWpB,EAAEK,SAASL,EAAEG,MAAM;EAC9BkB,UAAUrB,EAAEsB,MAAMP,iBAAAA;AACpB,CAAA,EAAGQ,KAAKC,WAAW,iCAAiC,OAAA,CAAA;;;ACvDpD,SAASC,KAAAA,IAAGC,oBAAoB;AAChC,SAASC,wBAAwB;AAW1B,IAAMC,oBAAoB;;UAEhBC,sBAAAA;AACf,QAAMC,uBAAuB,GAAGC,oBAAAA;EAEzB,MAAMC,eAAeC,GAAEC,YAAW,EAAW,GAAGJ,oBAAAA,WAA+B;IACpFK,OAAOF,GAAEG,OAAO;MACdC,MAAMJ,GAAEK,SAASL,GAAEM,MAAM;;MAEzBC,SAASP,GAAEM;IACb,CAAA;IACAE,QAAQR,GAAEG,OAAO;MACfM,QAAQC;IACV,CAAA;EACF,CAAA,EAAA;EAAI;uBATSX,SAAAA;EAWN,MAAMY,kBAAkBX,GAAEC,YAAW,EAAc,GAAGJ,oBAAAA,cAAkC;IAC7FK,OAAOF,GAAEG,OAAO;MACdS,YAAYF;MACZG,SAASb,GAAEK,SAASL,GAAEM,MAAM;IAC9B,CAAA;IACAE,QAAQR,GAAEM;EACZ,CAAA,EAAA;EAAI;uBANSK,YAAAA;AAOf,GArBiBf,wBAAAA,sBAAAA,CAAAA,EAAAA;AAuBV,IAAMkB,eAAe,CAACL,WAAAA;AAC3B,SAAOM,iBAAiBN,MAAAA,KAAWO,aAAaN,gBAAgBD,MAAAA;AAClE;",
+  "names": ["EchoObject", "S", "TypedObject", "TranscriptSchema", "S", "Struct", "name", "String", "started", "optional", "Date", "ended", "queue", "TranscriptType", "TypedObject", "typename", "version", "fields", "TranscriptHeader", "TranscriptSegment", "text", "TranscriptBlock", "id", "authorName", "authorHue", "segments", "Array", "pipe", "EchoObject", "S", "isInstanceOf", "isReactiveObject", "TRANSCRIPTION_URL", "TranscriptionAction", "TRANSCRIPTION_ACTION", "TRANSCRIPTION_PLUGIN", "Create", "S", "TaggedClass", "input", "Struct", "name", "optional", "String", "spaceId", "output", "object", "TranscriptType", "Summarize", "transcript", "context", "isTranscript", "isReactiveObject", "isInstanceOf"]
+}