@dxos/plugin-transcription 0.8.1-main.ba2dec9 → 0.8.1-staging.391c573

package/dist/lib/node/{chunk-ANSWGFMS.cjs → chunk-SHYOIEFT.cjs}

@@ -26,13 +26,14 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-var chunk_ANSWGFMS_exports = {};
-__export(chunk_ANSWGFMS_exports, {
+var chunk_SHYOIEFT_exports = {};
+__export(chunk_SHYOIEFT_exports, {
   Transcript: () => Transcript,
   TranscriptContainer_default: () => TranscriptContainer_default,
-  TranscriptionContainer: () => TranscriptionContainer
+  TranscriptionContainer: () => TranscriptionContainer,
+  formatElapsed: () => formatElapsed
 });
-module.exports = __toCommonJS(chunk_ANSWGFMS_exports);
+module.exports = __toCommonJS(chunk_SHYOIEFT_exports);
 var import_chunk_UIHEGU6Q = require("./chunk-UIHEGU6Q.cjs");
 var import_effect = require("effect");
 var import_react = __toESM(require("react"));
@@ -50,65 +51,217 @@ var import_types2 = require("@dxos/plugin-space/types");
 var import_react_client = require("@dxos/react-client");
 var import_react_edge_client = require("@dxos/react-edge-client");
 var import_react_ui = require("@dxos/react-ui");
-var import_react_ui_components = require("@dxos/react-ui-components");
 var import_react_ui_stack = require("@dxos/react-ui-stack");
 var import_schema = require("@dxos/schema");
-var import_formatDistanceToNow = require("date-fns/formatDistanceToNow");
+var import_intervalToDuration = require("date-fns/intervalToDuration");
 var import_react2 = __toESM(require("react"));
-var import_react_ui2 = require("@dxos/react-ui");
-var Transcript = ({ blocks }) => {
-  const { t } = (0, import_react_ui2.useTranslation)(import_chunk_UIHEGU6Q.TRANSCRIPTION_PLUGIN);
-  const hoverButton = "p-1 min-bs-1 transition-opacity duration-250 opacity-10 group-hover:opacity-100";
+var import_react_resize_detector = require("react-resize-detector");
+var import_log2 = require("@dxos/log");
+var import_react_ui_attention = require("@dxos/react-ui-attention");
+var import_react_ui_grid = require("@dxos/react-ui-grid");
+var import_react_ui_theme = require("@dxos/react-ui-theme");
+var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-transcription/src/components/Transcript/Transcript.tsx";
+var timeWidth = 70;
+var lineHeight = 24;
+var cellSpacing = 12;
+var authorClasses = "text-[16px] leading-[24px] dx-tag";
+var segmentTextClasses = "text-[16px] leading-[24px] whitespace-pre-wrap break-words hyphens-none";
+var Transcript = ({ attendableId, ignoreAttention, blocks }) => {
+  const { hasAttention } = (0, import_react_ui_attention.useAttention)(attendableId);
+  const { ref, width } = (0, import_react_resize_detector.useResizeDetector)();
+  const measureRef = (0, import_react2.useRef)(null);
+  const textWidth = width ? width - timeWidth : 0;
+  const transcriptColumns = width ? {
+    grid: {
+      0: {
+        size: timeWidth
+      },
+      1: {
+        size: textWidth
+      }
+    }
+  } : void 0;
+  const transcriptRows = {
+    grid: {
+      size: lineHeight
+    }
+  };
+  const [queueMap, setQueueMap] = (0, import_react2.useState)([]);
+  (0, import_react2.useEffect)(() => {
+    if (measureRef.current) {
+      void mapTranscriptQueue(measureRef.current, blocks, true).then((queueMap2) => {
+        setQueueMap(queueMap2);
+        if (measureRef.current) {
+          void mapTranscriptQueue(measureRef.current, blocks, false).then(setQueueMap);
+        }
+      });
+    }
+  }, [
+    blocks,
+    measureRef.current
+  ]);
+  const rows = (0, import_react2.useMemo)(() => ({
+    grid: queueMap.reduce((acc, row, rowIndex) => {
+      acc[rowIndex] = {
+        size: row[2]
+      };
+      return acc;
+    }, {})
+  }), [
+    queueMap
+  ]);
+  const [dxGrid, setDxGrid] = (0, import_react2.useState)(null);
+  (0, import_react2.useEffect)(() => {
+    if (dxGrid && Array.isArray(blocks)) {
+      const start = blocks[0]?.segments[0]?.started ?? 0;
+      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];
+              const { author, segments } = blocks[blockIndex] ?? {
+                author: "",
+                segments: []
+              };
+              const { started: end, text } = segments[segmentIndex] ?? {
+                started: 0,
+                text: ""
+              };
+              cells[(0, import_react_ui_grid.toPlaneCellIndex)({
+                col: 0,
+                row
+              })] = segmentIndex === 0 ? {
+                readonly: true,
+                accessoryHtml: `<span class="pbs-1 text-xs text-neutral-500">${formatElapsed(start, end)}</span>`
+              } : {};
+              cells[(0, import_react_ui_grid.toPlaneCellIndex)({
+                col: 1,
+                row
+              })] = segmentIndex < 0 ? {
+                value: author,
+                readonly: true,
+                // TODO(burdon): Color based on username.
+                className: authorClasses
+              } : {
+                readonly: true,
+                accessoryHtml: `<div class="${segmentTextClasses}">${text.trim()}</div>`
+              };
+            }
+            return cells;
+          }
+          default:
+            return {};
+        }
+      };
+    }
+  }, [
+    dxGrid,
+    queueMap,
+    blocks
+  ]);
+  const handleWheel = (0, import_react2.useCallback)((event) => {
+    if (!ignoreAttention && !hasAttention) {
+      event.stopPropagation();
+    }
+  }, [
+    hasAttention,
+    ignoreAttention
+  ]);
   return /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "list",
-    className: "flex flex-col grow gap-2 m-1"
-  }, blocks?.map((block) => /* @__PURE__ */ import_react2.default.createElement("div", {
-    role: "listitem",
-    key: block.id,
-    className: "flex flex-col py-1 border border-transparent hover:border-separator rounded"
-  }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "group flex items-center px-2"
-  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.Icon, {
-    icon: "ph--user--regular"
-  }), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "px-2 text-sm text-subdued"
-  }, block.author), /* @__PURE__ */ import_react2.default.createElement("div", {
+    role: "none",
+    ref,
     className: "grow"
-  }), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.IconButton, {
-    disabled: true,
-    icon: "ph--x--regular",
-    label: t("delete button"),
-    iconOnly: true,
-    size: 4,
-    classNames: hoverButton
-  })), block.segments.map((segment, i) => /* @__PURE__ */ import_react2.default.createElement("div", {
-    key: i,
-    className: "group flex flex-col"
+  }, transcriptColumns && /* @__PURE__ */ import_react2.default.createElement(import_react2.default.Fragment, null, /* @__PURE__ */ import_react2.default.createElement("div", {
+    className: "relative"
   }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "px-2"
-  }, segment.text), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "flex gap-1 items-center justify-between px-2"
+    className: "absolute top-0 z-10 p-1 border invisible",
+    style: {
+      left: timeWidth,
+      width: transcriptColumns.grid["1"].size
+    }
   }, /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ import_react2.default.createElement("div", {
-    className: "truncate text-xs text-subdued"
-  }, (0, import_formatDistanceToNow.formatDistanceToNow)(segment.started, {
-    addSuffix: true
-  })), /* @__PURE__ */ import_react2.default.createElement(import_react_ui2.IconButton, {
-    disabled: true,
-    icon: "ph--bookmark-simple--regular",
-    label: t("bookmark button"),
-    iconOnly: true,
-    size: 4,
-    classNames: hoverButton
-  })))))));
+    ref: measureRef,
+    className: (0, import_react_ui_theme.mx)(segmentTextClasses)
+  }))), /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Root, {
+    id: `${attendableId}--transcript`
+  }, /* @__PURE__ */ import_react2.default.createElement(import_react_ui_grid.Grid.Content, {
+    ref: setDxGrid,
+    className: "[--dx-grid-base:var(--dx-baseSurface)] [--dx-grid-lines:var(--dx-baseSurface)] [&_.dx-grid]:min-bs-0 [&_.dx-grid]:select-auto",
+    columns: transcriptColumns,
+    rowDefault: transcriptRows,
+    rows,
+    limitColumns: 2,
+    limitRows: queueMap.length,
+    onWheel: handleWheel
+  }))));
+};
+var mapTranscriptQueue = async (div, blocks, estimate = false) => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
+    return [];
+  } else {
+    const ts = Date.now();
+    await document.fonts.ready;
+    const rows = [];
+    let blockIndex = 0;
+    for (const block of blocks) {
+      rows.push([
+        blockIndex,
+        -1,
+        lineHeight + cellSpacing
+      ]);
+      let segmentIndex = 0;
+      for (const segment of block.segments) {
+        const height = await measureSegment(div, segment.text, estimate);
+        rows.push([
+          blockIndex,
+          segmentIndex,
+          height + cellSpacing
+        ]);
+        segmentIndex++;
+      }
+      blockIndex++;
+    }
+    (0, import_log2.log)("render", {
+      duration: Date.now() - ts
+    }, {
+      F: __dxlog_file,
+      L: 196,
+      S: void 0,
+      C: (f, a) => f(...a)
+    });
+    return rows;
+  }
 };
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx";
+var measureSegment = async (div, text, estimate = false) => {
+  return new Promise((resolve) => {
+    div.innerHTML = text;
+    if (estimate) {
+      const { height } = div.getBoundingClientRect();
+      resolve(height);
+    } else {
+      requestAnimationFrame(() => {
+        const { height } = div.getBoundingClientRect();
+        resolve(height);
+      });
+    }
+  });
+};
+var formatElapsed = (start, end) => {
+  const { hours, minutes, seconds } = (0, import_intervalToDuration.intervalToDuration)({
+    start,
+    end
+  });
+  const pad = (n = 0) => String(n).padStart(2, "0");
+  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+};
+var __dxlog_file2 = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx";
 var TranscriptionContainer = ({ transcript }) => {
   const { t } = (0, import_react_ui.useTranslation)(import_chunk_UIHEGU6Q.TRANSCRIPTION_PLUGIN);
   const edge = (0, import_react_edge_client.useEdgeClient)();
   const ai = useAiServiceClient();
   const { dispatchPromise: dispatch } = (0, import_app_framework.useIntentDispatcher)();
+  const attendableId = (0, import_echo.fullyQualifiedId)(transcript);
   const queue = (0, import_react_edge_client.useQueue)(edge, transcript.queue ? import_keys.DXN.parse(transcript.queue) : void 0, {
     pollInterval: 1e3
   });
@@ -116,11 +269,11 @@ var TranscriptionContainer = ({ transcript }) => {
   const handleSummarize = (0, import_react.useCallback)(async () => {
     setIsSummarizing(true);
     try {
-      const document = await summarizeTranscript(edge, ai, transcript);
+      const document2 = await summarizeTranscript(edge, ai, transcript);
       const space = (0, import_echo.getSpace)(transcript);
       const target = space?.properties[import_types2.CollectionType.typename]?.target;
       await dispatch((0, import_effect.pipe)((0, import_app_framework.createIntent)(import_types2.SpaceAction.AddObject, {
-        object: document,
+        object: document2,
         target
       }), (0, import_app_framework.chain)(import_app_framework.LayoutAction.Open, {
         part: "main"
@@ -133,27 +286,26 @@ var TranscriptionContainer = ({ transcript }) => {
     edge
   ]);
   return /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui_stack.StackItem.Heading, null, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Root, {
-    classNames: "flex gap-2"
+    toolbar: false,
+    classNames: "relative"
+  }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.Toolbar.Root, {
+    classNames: "absolute block-start-1 inline-end-1 z-[1] is-min"
   }, /* @__PURE__ */ import_react.default.createElement(import_react_ui.IconButton, {
-    icon: "ph--subtitles--regular",
-    iconOnly: true,
+    icon: "ph--pen--regular",
     size: 5,
     disabled: isSummarizing,
     onClick: handleSummarize,
-    label: t("summary button")
-  }), isSummarizing && /* @__PURE__ */ import_react.default.createElement("div", {
-    className: "text-sm"
-  }, t("summarizing label")))), /* @__PURE__ */ import_react.default.createElement(import_react_ui_components.ScrollContainer, null, /* @__PURE__ */ import_react.default.createElement(Transcript, {
-    blocks: queue?.items
-  })));
+    label: t(isSummarizing ? "summarizing label" : "summary button")
+  })), /* @__PURE__ */ import_react.default.createElement(Transcript, {
+    blocks: queue?.items,
+    attendableId
+  }));
 };
 var TranscriptContainer_default = TranscriptionContainer;
 var summarizeTranscript = async (edge, ai, transcript) => {
   (0, import_invariant.invariant)(transcript.queue, "No queue found for transcript", {
-    F: __dxlog_file,
-    L: 86,
+    F: __dxlog_file2,
+    L: 80,
     S: void 0,
     A: [
       "transcript.queue",
@@ -167,8 +319,8 @@ var summarizeTranscript = async (edge, ai, transcript) => {
   import_log.log.info("summarizing transcript", {
     blockCount: queue.items.length
   }, {
-    F: __dxlog_file,
-    L: 97,
+    F: __dxlog_file2,
+    L: 91,
     S: void 0,
     C: (f, a) => f(...a)
   });
@@ -190,14 +342,14 @@ var summarizeTranscript = async (edge, ai, transcript) => {
   import_log.log.info("transcript summary", {
     output
   }, {
-    F: __dxlog_file,
-    L: 106,
+    F: __dxlog_file2,
+    L: 100,
     S: void 0,
     C: (f, a) => f(...a)
   });
   (0, import_invariant.invariant)(output[0].content[0].type === "text", "Expected text content", {
-    F: __dxlog_file,
-    L: 107,
+    F: __dxlog_file2,
+    L: 101,
     S: void 0,
     A: [
       "output[0].content[0].type === 'text'",
@@ -262,6 +414,7 @@ var useAiServiceClient = () => {
 0 && (module.exports = {
   Transcript,
   TranscriptContainer_default,
-  TranscriptionContainer
+  TranscriptionContainer,
+  formatElapsed
 });
-//# sourceMappingURL=chunk-ANSWGFMS.cjs.map
+//# sourceMappingURL=chunk-SHYOIEFT.cjs.map

package/dist/lib/node/chunk-SHYOIEFT.cjs.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 { pipe } from 'effect';\nimport React, { useCallback, useMemo, useState, type FC } from 'react';\n\nimport { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';\nimport { Message } from '@dxos/artifact';\nimport { AIServiceEdgeClient, DEFAULT_LLM_MODEL, MixedStreamParser, type AIServiceClient } from '@dxos/assistant';\nimport { create, fullyQualifiedId, getSpace, makeRef } from '@dxos/client/echo';\nimport { QueueImpl } from '@dxos/echo-db';\nimport { createStatic, isInstanceOf } from '@dxos/echo-schema';\nimport { invariant } from '@dxos/invariant';\nimport { DXN } from '@dxos/keys';\nimport { log } from '@dxos/log';\nimport { DocumentType } from '@dxos/plugin-markdown/types';\nimport { CollectionType, SpaceAction } from '@dxos/plugin-space/types';\nimport { useConfig } from '@dxos/react-client';\nimport { useEdgeClient, useQueue, type EdgeHttpClient } from '@dxos/react-edge-client';\nimport { IconButton, Toolbar, useTranslation } from '@dxos/react-ui';\nimport { StackItem } from '@dxos/react-ui-stack';\nimport { TextType } from '@dxos/schema';\n\nimport { Transcript } from './Transcript';\nimport { TRANSCRIPTION_PLUGIN } from '../meta';\nimport { TranscriptBlock, type TranscriptType } from '../types';\n\nexport const TranscriptionContainer: FC<{ transcript: TranscriptType }> = ({ transcript }) => {\n  const { t } = useTranslation(TRANSCRIPTION_PLUGIN);\n  const edge = useEdgeClient();\n  const ai = useAiServiceClient();\n  const { dispatchPromise: dispatch } = useIntentDispatcher();\n  const attendableId = fullyQualifiedId(transcript);\n\n  const queue = useQueue<TranscriptBlock>(edge, transcript.queue ? DXN.parse(transcript.queue) : undefined, {\n    pollInterval: 1_000,\n  });\n\n  // TODO(dmaretskyi): Pending state and errors should be handled by the framework!!!\n  const [isSummarizing, setIsSummarizing] = useState(false);\n  const handleSummarize = useCallback(async () => {\n    setIsSummarizing(true);\n    try {\n      const document = await summarizeTranscript(edge, ai, transcript);\n      const space = getSpace(transcript);\n      const target = space?.properties[CollectionType.typename]?.target;\n      await dispatch(\n        pipe(\n          createIntent(SpaceAction.AddObject, { object: document, target }),\n          chain(LayoutAction.Open, { part: 'main' }),\n        ),\n      );\n    } finally {\n      setIsSummarizing(false);\n    }\n  }, [transcript, edge]);\n\n  // TODO(dmaretskyi): Move action to menu.\n  return (\n    <StackItem.Content toolbar={false} classNames='relative'>\n      <Toolbar.Root classNames='absolute block-start-1 inline-end-1 z-[1] is-min'>\n        <IconButton\n          icon='ph--pen--regular'\n          size={5}\n          disabled={isSummarizing}\n          onClick={handleSummarize}\n          label={t(isSummarizing ? 'summarizing label' : 'summary button')}\n        />\n      </Toolbar.Root>\n      <Transcript blocks={queue?.items} attendableId={attendableId} />\n    </StackItem.Content>\n  );\n};\n\nexport default TranscriptionContainer;\n\n// TODO(dmaretskyi): Extract to the new file once transcript refactoring has settled.\nconst summarizeTranscript = async (edge: EdgeHttpClient, ai: AIServiceClient, transcript: TranscriptType) => {\n  invariant(transcript.queue, 'No queue found for transcript');\n\n  const queue = new QueueImpl(edge, DXN.parse(transcript.queue));\n  await queue.refresh();\n  const content = queue.items\n    .filter((block) => isInstanceOf(TranscriptBlock, block))\n    .map((block) => `${block.author}: ${block.segments.map((segment) => segment.text).join('\\n')}`)\n    .join('\\n\\n');\n\n  const parser = new MixedStreamParser();\n\n  log.info('summarizing transcript', { blockCount: queue.items.length });\n  const output = await parser.parse(\n    await ai.exec({\n      model: DEFAULT_LLM_MODEL,\n      systemPrompt: SUMMARIZE_PROMPT,\n      history: [createStatic(Message, { role: 'user', content: [{ type: 'text', text: content }] })],\n    }),\n  );\n\n  log.info('transcript summary', { output });\n  invariant(output[0].content[0].type === 'text', 'Expected text content');\n  const summary = output[0].content[0].text;\n\n  // TODO(dmaretskyi): .started is missing.\n  const name = `Summary ${(transcript.started ?? new Date()).toLocaleString('en-US', {\n    year: 'numeric',\n    month: 'long',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n  })}`;\n\n  return create(DocumentType, {\n    name,\n    content: makeRef(create(TextType, { content: summary })),\n    threads: [],\n  });\n};\n\n// TODO(dmaretskyi): Add example to set consistent structure for the summary.\nconst SUMMARIZE_PROMPT = `\n  # Goal\n  Create a markdown summary of the transcript provided.\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// TODO(dmaretskyi): Extract?\n//  Also this conflicts with plugin automation providing the ai client via a capability. Need to reconcile.\nconst useAiServiceClient = (): AIServiceClient => {\n  const config = useConfig();\n  const endpoint = config.values.runtime?.services?.ai?.server ?? 'http://localhost:8788'; // TOOD(burdon): Standardize consts.\n  return useMemo(() => new AIServiceEdgeClient({ endpoint }), [endpoint]);\n};\n", "//\n// Copyright 2023 DXOS.org\n//\n\nimport { intervalToDuration } from 'date-fns/intervalToDuration';\nimport React, { type FC, useCallback, useEffect, useMemo, useRef, useState, type WheelEvent } from 'react';\nimport { useResizeDetector } from 'react-resize-detector';\n\nimport { log } from '@dxos/log';\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 { type TranscriptBlock } from '../../types';\n\n// TODO(burdon): Actions (e.g., mark, summarize, translate, label, delete).\n\nconst timeWidth = 70;\nconst lineHeight = 24;\nconst cellSpacing = 12;\n\nconst authorClasses = 'text-[16px] leading-[24px] dx-tag';\n\n// NOTE: These classes are required for synchronous measurement.\nconst segmentTextClasses = 'text-[16px] leading-[24px] whitespace-pre-wrap break-words hyphens-none';\n\ntype QueueRows = [number, number, number][];\n\nexport type TranscriptProps = {\n  attendableId?: string;\n  ignoreAttention?: boolean;\n  blocks?: TranscriptBlock[];\n};\n\nexport const Transcript: FC<TranscriptProps> = ({ attendableId, ignoreAttention, blocks }) => {\n  const { hasAttention } = useAttention(attendableId);\n  const { ref, width } = useResizeDetector();\n  const measureRef = useRef<HTMLDivElement>(null);\n\n  const textWidth = width ? width - timeWidth : 0;\n  const transcriptColumns = width\n    ? {\n        grid: {\n          0: { size: timeWidth },\n          1: { size: textWidth },\n        },\n      }\n    : undefined;\n\n  const transcriptRows = {\n    grid: { size: lineHeight },\n  };\n\n  const [queueMap, setQueueMap] = useState<QueueRows>([]);\n  useEffect(() => {\n    if (measureRef.current) {\n      // TODO(burdon): Only measure rows that have changed. Cache other values.\n      // TODO(burdon): Build into grid with estimated height and correct on the fly.\n      void mapTranscriptQueue(measureRef.current, blocks, true).then((queueMap) => {\n        setQueueMap(queueMap);\n        if (measureRef.current) {\n          void mapTranscriptQueue(measureRef.current, blocks, false).then(setQueueMap);\n        }\n      });\n    }\n  }, [blocks, measureRef.current]);\n\n  const rows = useMemo(\n    () =>\n      ({\n        grid: queueMap.reduce((acc: DxGridAxisMeta['grid'], row, rowIndex) => {\n          acc[rowIndex] = { size: row[2] };\n          return acc;\n        }, {}),\n      }) satisfies DxGridAxisMeta,\n    [queueMap],\n  );\n\n  const [dxGrid, setDxGrid] = useState<DxGridElement | null>(null);\n  useEffect(() => {\n    if (dxGrid && Array.isArray(blocks)) {\n      const start = blocks[0]?.segments[0]?.started ?? 0;\n\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              const { author, segments } = blocks[blockIndex] ?? { author: '', segments: [] };\n              const { started: end, text } = segments[segmentIndex] ?? { started: 0, text: '' };\n\n              cells[toPlaneCellIndex({ col: 0, row })] = (\n                segmentIndex === 0\n                  ? {\n                      readonly: true,\n                      accessoryHtml: `<span class=\"pbs-1 text-xs text-neutral-500\">${formatElapsed(start, end)}</span>`,\n                    }\n                  : {}\n              ) satisfies DxGridCellValue;\n\n              cells[toPlaneCellIndex({ col: 1, row })] = (\n                segmentIndex < 0\n                  ? {\n                      value: author,\n                      readonly: true,\n                      // TODO(burdon): Color based on username.\n                      className: authorClasses,\n                    }\n                  : {\n                      readonly: true,\n                      accessoryHtml: `<div class=\"${segmentTextClasses}\">${text.trim()}</div>`,\n                    }\n              ) satisfies DxGridCellValue;\n            }\n\n            return cells;\n          }\n          default:\n            return {};\n        }\n      };\n    }\n  }, [dxGrid, queueMap, blocks]);\n\n  const handleWheel = useCallback(\n    (event: WheelEvent) => {\n      if (!ignoreAttention && !hasAttention) {\n        event.stopPropagation();\n      }\n    },\n    [hasAttention, ignoreAttention],\n  );\n\n  return (\n    <div role='none' ref={ref} className='grow'>\n      {transcriptColumns && (\n        <>\n          <div className='relative'>\n            <div\n              className='absolute top-0 z-10 p-1 border invisible'\n              style={{ left: timeWidth, width: transcriptColumns.grid['1'].size }}\n            >\n              <div ref={measureRef} className={mx(segmentTextClasses)} />\n            </div>\n          </div>\n          <Grid.Root id={`${attendableId}--transcript`}>\n            <Grid.Content\n              ref={setDxGrid}\n              className='[--dx-grid-base:var(--dx-baseSurface)] [--dx-grid-lines:var(--dx-baseSurface)] [&_.dx-grid]:min-bs-0 [&_.dx-grid]:select-auto'\n              columns={transcriptColumns}\n              rowDefault={transcriptRows}\n              rows={rows}\n              limitColumns={2}\n              limitRows={queueMap.length}\n              onWheel={handleWheel}\n            />\n          </Grid.Root>\n        </>\n      )}\n    </div>\n  );\n};\n\nconst mapTranscriptQueue = async (\n  div: HTMLDivElement,\n  blocks?: TranscriptBlock[],\n  estimate = false,\n): Promise<QueueRows> => {\n  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {\n    return [];\n  } else {\n    const ts = Date.now();\n    await document.fonts.ready;\n\n    const rows: QueueRows = [];\n    let blockIndex = 0;\n    for (const block of blocks) {\n      rows.push([blockIndex, -1, lineHeight + cellSpacing]);\n      let segmentIndex = 0;\n      for (const segment of block.segments) {\n        const height = await measureSegment(div, segment.text, estimate);\n        rows.push([blockIndex, segmentIndex, height + cellSpacing]);\n        segmentIndex++;\n      }\n      blockIndex++;\n    }\n\n    log('render', { duration: Date.now() - ts });\n    return rows;\n\n    // return blocks.flatMap((block, blockIndex) => {\n    //   return [\n    //     [blockIndex, -1, lineHeight + cellSpacing],\n    //     ...block.segments.map((segment, segmentIndex) => {\n    //       div.innerHTML = segment.text;\n    //       const height = measureSegmentSync(div, segment.text) + cellSpacing;\n    //       return [blockIndex, segmentIndex, height] as [number, number, number];\n    //     }),\n    //   ];\n    // });\n  }\n};\n\n// TODO(burdon): Occasional random measurement error (-1 actual lines).\n// const measureSegmentSync = (div: HTMLDivElement, text: string): number => {\n//   div.innerHTML = text;\n//   void div.offsetHeight;\n//   return div.offsetHeight;\n// };\n\nconst measureSegment = async (div: HTMLDivElement, text: string, estimate = false): Promise<number> => {\n  return new Promise((resolve) => {\n    div.innerHTML = text;\n    if (estimate) {\n      const { height } = div.getBoundingClientRect();\n      resolve(height);\n    } else {\n      requestAnimationFrame(() => {\n        const { height } = div.getBoundingClientRect();\n        resolve(height);\n      });\n    }\n  });\n};\n\nexport const formatElapsed = (start: Date, end: Date) => {\n  const { hours, minutes, seconds } = intervalToDuration({ start, end });\n  const pad = (n = 0) => String(n).padStart(2, '0');\n  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;\n};\n"],
+  "mappings": "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",
+  "names": ["import_types", "import_react", "import_log", "timeWidth", "lineHeight", "cellSpacing", "authorClasses", "segmentTextClasses", "Transcript", "attendableId", "ignoreAttention", "blocks", "hasAttention", "useAttention", "ref", "width", "useResizeDetector", "measureRef", "useRef", "textWidth", "transcriptColumns", "grid", "size", "undefined", "transcriptRows", "queueMap", "setQueueMap", "useState", "useEffect", "current", "mapTranscriptQueue", "then", "rows", "useMemo", "reduce", "acc", "row", "rowIndex", "dxGrid", "setDxGrid", "Array", "isArray", "start", "segments", "started", "getCells", "range", "plane", "cells", "end", "length", "blockIndex", "segmentIndex", "author", "text", "toPlaneCellIndex", "col", "readonly", "accessoryHtml", "formatElapsed", "value", "className", "trim", "handleWheel", "useCallback", "event", "stopPropagation", "React", "div", "role", "style", "left", "mx", "Grid", "Root", "id", "Content", "columns", "rowDefault", "limitColumns", "limitRows", "onWheel", "estimate", "ts", "Date", "now", "document", "fonts", "ready", "block", "push", "segment", "height", "measureSegment", "log", "duration", "Promise", "resolve", "innerHTML", "getBoundingClientRect", "requestAnimationFrame", "hours", "minutes", "seconds", "intervalToDuration", "pad", "n", "String", "padStart", "TranscriptionContainer", "transcript", "t", "useTranslation", "TRANSCRIPTION_PLUGIN", "edge", "useEdgeClient", "ai", "useAiServiceClient", "dispatchPromise", "dispatch", "useIntentDispatcher", "fullyQualifiedId", "queue", "useQueue", "DXN", "parse", "pollInterval", "isSummarizing", "setIsSummarizing", "handleSummarize", "summarizeTranscript", "space", "getSpace", "target", "properties", "CollectionType", "typename", "pipe", "createIntent", "SpaceAction", "AddObject", "object", "chain", "LayoutAction", "Open", "part", "StackItem", "toolbar", "classNames", "Toolbar", "IconButton", "icon", "disabled", "onClick", "label", "items", "invariant", "QueueImpl", "refresh", "content", "filter", "isInstanceOf", "TranscriptBlock", "map", "join", "parser", "MixedStreamParser", "info", "blockCount", "output", "exec", "model", "DEFAULT_LLM_MODEL", "systemPrompt", "SUMMARIZE_PROMPT", "history", "createStatic", "Message", "type", "summary", "name", "toLocaleString", "year", "month", "day", "hour", "minute", "create", "DocumentType", "makeRef", "TextType", "threads", "config", "useConfig", "endpoint", "values", "runtime", "services", "server", "AIServiceEdgeClient"]
+}

package/dist/lib/node/index.cjs

@@ -34,12 +34,13 @@ __export(node_exports, {
   ReactSurface: () => ReactSurface,
   TRANSCRIPTION_PLUGIN: () => import_chunk_UIHEGU6Q.TRANSCRIPTION_PLUGIN,
   Transcriber: () => Transcriber,
-  Transcript: () => import_chunk_ANSWGFMS.Transcript,
-  TranscriptContainer: () => import_chunk_I35KHI2G.TranscriptContainer,
+  Transcript: () => import_chunk_SHYOIEFT.Transcript,
+  TranscriptContainer: () => import_chunk_5SKPVCFI.TranscriptContainer,
   TranscriptionCapabilities: () => TranscriptionCapabilities,
-  TranscriptionContainer: () => import_chunk_ANSWGFMS.TranscriptionContainer,
+  TranscriptionContainer: () => import_chunk_SHYOIEFT.TranscriptionContainer,
   TranscriptionManager: () => TranscriptionManager,
   TranscriptionPlugin: () => TranscriptionPlugin,
+  formatElapsed: () => import_chunk_SHYOIEFT.formatElapsed,
   meta: () => import_chunk_UIHEGU6Q.meta,
   useAudioFile: () => useAudioFile,
   useAudioTrack: () => useAudioTrack,
@@ -48,8 +49,8 @@ __export(node_exports, {
 });
 module.exports = __toCommonJS(node_exports);
 var import_chunk_HDRXDMK2 = require("./chunk-HDRXDMK2.cjs");
-var import_chunk_I35KHI2G = require("./chunk-I35KHI2G.cjs");
-var import_chunk_ANSWGFMS = require("./chunk-ANSWGFMS.cjs");
+var import_chunk_5SKPVCFI = require("./chunk-5SKPVCFI.cjs");
+var import_chunk_SHYOIEFT = require("./chunk-SHYOIEFT.cjs");
 var import_chunk_UIHEGU6Q = require("./chunk-UIHEGU6Q.cjs");
 var import_app_framework = require("@dxos/app-framework");
 var import_app_framework2 = require("@dxos/app-framework");
@@ -87,7 +88,7 @@ var TranscriptionCapabilities;
 })(TranscriptionCapabilities || (TranscriptionCapabilities = {}));
 var AppGraphBuilder = (0, import_app_framework.lazy)(() => import("./app-graph-builder-YFBX3OTP.cjs"));
 var IntentResolver = (0, import_app_framework.lazy)(() => import("./intent-resolver-KLBZ25XJ.cjs"));
-var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-NCKXB7EQ.cjs"));
+var ReactSurface = (0, import_app_framework.lazy)(() => import("./react-surface-GDE6AIDT.cjs"));
 var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-transcription/src/hooks/useAudioFile.ts";
 var useAudioFile = (audioUrl) => {
   const [{ audio, stream, track }, setStream] = (0, import_react.useState)({});
@@ -688,7 +689,7 @@ var translations_default = [
         "delete calls label": "Delete",
         "delete button": "Delete",
         "bookmark button": "Bookmark",
-        "summary button": "Create summary",
+        "summary button": "Summarize",
         "summarizing label": "Summarizing..."
       }
     }
@@ -760,6 +761,7 @@ var TranscriptionPlugin = () => (0, import_app_framework3.definePlugin)(import_c
   TranscriptionContainer,
   TranscriptionManager,
   TranscriptionPlugin,
+  formatElapsed,
   meta,
   useAudioFile,
   useAudioTrack,