@dxos/plugin-transcription 0.8.1-main.ba2dec9 → 0.8.1-staging.5be625a

package/dist/lib/browser/{TranscriptContainer-N4KQHMY4.mjs → TranscriptContainer-TJXP6ICP.mjs}

@@ -1,10 +1,10 @@
 import {
   TranscriptContainer_default,
   TranscriptionContainer
-} from "./chunk-YX447BJ4.mjs";
-import "./chunk-QIHUPVQD.mjs";
+} from "./chunk-MD4NQO6W.mjs";
+import "./chunk-YEVVZZTC.mjs";
 export {
   TranscriptionContainer,
   TranscriptContainer_default as default
 };
-//# sourceMappingURL=TranscriptContainer-N4KQHMY4.mjs.map
+//# sourceMappingURL=TranscriptContainer-TJXP6ICP.mjs.map

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

@@ -0,0 +1,39 @@
+import {
+  TranscriptType,
+  TranscriptionAction
+} from "./chunk-YRW4MNRE.mjs";
+import {
+  TRANSCRIPTION_PLUGIN
+} from "./chunk-YEVVZZTC.mjs";
+
+// packages/plugins/experimental/plugin-transcription/src/capabilities/app-graph-builder.ts
+import { Capabilities, contributes, createIntent } from "@dxos/app-framework";
+import { createExtension } from "@dxos/plugin-graph";
+var app_graph_builder_default = (context) => contributes(Capabilities.AppGraphBuilder, [
+  createExtension({
+    id: `${TRANSCRIPTION_PLUGIN}/transcription`,
+    filter: (node) => node.data instanceof TranscriptType,
+    actions: () => [
+      {
+        id: `${TRANSCRIPTION_PLUGIN}/transcription`,
+        data: async () => {
+          const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);
+          await dispatch(createIntent(TranscriptionAction.Summarize));
+        },
+        properties: {
+          label: [
+            "summarize label",
+            {
+              ns: TRANSCRIPTION_PLUGIN
+            }
+          ],
+          icon: "ph--book-open-text--regular"
+        }
+      }
+    ]
+  })
+]);
+export {
+  app_graph_builder_default as default
+};
+//# sourceMappingURL=app-graph-builder-ZIIDYMHP.mjs.map

package/dist/lib/browser/app-graph-builder-ZIIDYMHP.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 { createExtension, type Node } from '@dxos/plugin-graph';\n\nimport { TRANSCRIPTION_PLUGIN } from '../meta';\nimport { TranscriptionAction, TranscriptType } from '../types';\n\nexport default (context: PluginsContext) =>\n  contributes(Capabilities.AppGraphBuilder, [\n    createExtension({\n      id: `${TRANSCRIPTION_PLUGIN}/transcription`,\n      filter: (node): node is Node<TranscriptType> => node.data instanceof TranscriptType,\n      actions: () => [\n        {\n          id: `${TRANSCRIPTION_PLUGIN}/transcription`,\n          data: async () => {\n            const { dispatchPromise: dispatch } = context.requestCapability(Capabilities.IntentDispatcher);\n            await dispatch(createIntent(TranscriptionAction.Summarize));\n          },\n          properties: {\n            label: ['summarize label', { ns: TRANSCRIPTION_PLUGIN }],\n            icon: 'ph--book-open-text--regular',\n          },\n        },\n      ],\n    }),\n  ]);\n"],
+  "mappings": ";;;;;;;;;AAIA,SAASA,cAAcC,aAAaC,oBAAyC;AAC7E,SAASC,uBAAkC;AAK3C,IAAA,4BAAe,CAACC,YACdC,YAAYC,aAAaC,iBAAiB;EACxCC,gBAAgB;IACdC,IAAI,GAAGC,oBAAAA;IACPC,QAAQ,CAACC,SAAuCA,KAAKC,gBAAgBC;IACrEC,SAAS,MAAM;MACb;QACEN,IAAI,GAAGC,oBAAAA;QACPG,MAAM,YAAA;AACJ,gBAAM,EAAEG,iBAAiBC,SAAQ,IAAKb,QAAQc,kBAAkBZ,aAAaa,gBAAgB;AAC7F,gBAAMF,SAASG,aAAaC,oBAAoBC,SAAS,CAAA;QAC3D;QACAC,YAAY;UACVC,OAAO;YAAC;YAAmB;cAAEC,IAAIf;YAAqB;;UACtDgB,MAAM;QACR;MACF;;EAEJ,CAAA;CACD;",
+  "names": ["Capabilities", "contributes", "createIntent", "createExtension", "context", "contributes", "Capabilities", "AppGraphBuilder", "createExtension", "id", "TRANSCRIPTION_PLUGIN", "filter", "node", "data", "TranscriptType", "actions", "dispatchPromise", "dispatch", "requestCapability", "IntentDispatcher", "createIntent", "TranscriptionAction", "Summarize", "properties", "label", "ns", "icon"]
+}

package/dist/lib/browser/{chunk-BDVUIRBP.mjs → chunk-3NWYXRZS.mjs}

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

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

@@ -0,0 +1,252 @@
+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 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(React.Fragment, null, /* @__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/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-MD4NQO6W.mjs.map

package/dist/lib/browser/chunk-MD4NQO6W.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',\n  '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 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    <>\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    </>\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", "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", "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"]
+}