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

package/src/components/Transcript/Transcript.stories.tsx

@@ -8,7 +8,6 @@ import { type StoryObj, type Meta } from '@storybook/react';
 import React from 'react';
 
 import { faker } from '@dxos/random';
-import { ScrollContainer } from '@dxos/react-ui-components';
 import { withTheme, withLayout } from '@dxos/storybook-utils';
 
 import { Transcript } from './Transcript';
@@ -17,19 +16,19 @@ import translations from '../../translations';
 const meta: Meta<typeof Transcript> = {
   title: 'plugins/plugin-transcription/Transcript',
   component: Transcript,
-  render: (args) => (
-    <div className='flex w-[30rem] p-2'>
-      <ScrollContainer>
+  render: (args) => {
+    return (
+      <div className='flex w-[50rem] h-full'>
         <Transcript {...args} />
-      </ScrollContainer>
-    </div>
-  ),
+      </div>
+    );
+  },
   decorators: [
     withTheme,
     withLayout({
       tooltips: true,
       fullscreen: true,
-      classNames: 'justify-center',
+      classNames: 'flex justify-center',
     }),
   ],
   parameters: {
@@ -51,10 +50,12 @@ const names = Array.from({ length: 3 }, () => faker.person.fullName());
 
 export const Default: Story = {
   args: {
-    blocks: Array.from({ length: 6 + Math.floor(Math.random()) * 15 }, () => ({
+    ignoreAttention: true,
+    attendableId: 'story',
+    blocks: Array.from({ length: 200 }, () => ({
       id: faker.string.uuid(),
       author: faker.helpers.arrayElement(names),
-      segments: Array.from({ length: 1 + Math.floor(Math.random() * 3) }, () => ({
+      segments: Array.from({ length: 1 + Math.floor(Math.random() * 2) }, () => ({
         started: next(),
         text: faker.lorem.paragraph(),
       })),
@@ -62,4 +63,9 @@ export const Default: Story = {
   },
 };
 
-export const Empty: Story = {};
+export const Empty: Story = {
+  args: {
+    ignoreAttention: true,
+    attendableId: 'story',
+  },
+};

package/src/components/Transcript/Transcript.tsx

@@ -2,68 +2,237 @@
 // Copyright 2023 DXOS.org
 //
 
-import { formatDistanceToNow } from 'date-fns/formatDistanceToNow';
-import React, { type FC } from 'react';
+import { intervalToDuration } from 'date-fns/intervalToDuration';
+import React, { type FC, useCallback, useEffect, useMemo, useRef, useState, type WheelEvent } from 'react';
+import { useResizeDetector } from 'react-resize-detector';
 
-import { Icon, IconButton, useTranslation } from '@dxos/react-ui';
+import { log } from '@dxos/log';
+import { useAttention } from '@dxos/react-ui-attention';
+import {
+  type DxGridCellValue,
+  type DxGridElement,
+  type DxGridAxisMeta,
+  type DxGridPlaneCells,
+  Grid,
+  toPlaneCellIndex,
+} from '@dxos/react-ui-grid';
+import { mx } from '@dxos/react-ui-theme';
 
-import { TRANSCRIPTION_PLUGIN } from '../../meta';
 import { type TranscriptBlock } from '../../types';
 
-// TODO(burdon): react-ui-list.
 // TODO(burdon): Actions (e.g., mark, summarize, translate, label, delete).
 
+const timeWidth = 70;
+const lineHeight = 24;
+const cellSpacing = 12;
+
+const authorClasses = 'text-[16px] leading-[24px] dx-tag';
+
+// NOTE: These classes are required for synchronous measurement.
+const segmentTextClasses = 'text-[16px] leading-[24px] whitespace-pre-wrap break-words hyphens-none';
+
+type QueueRows = [number, number, number][];
+
 export type TranscriptProps = {
+  attendableId?: string;
+  ignoreAttention?: boolean;
   blocks?: TranscriptBlock[];
 };
 
-export const Transcript: FC<TranscriptProps> = ({ blocks }) => {
-  const { t } = useTranslation(TRANSCRIPTION_PLUGIN);
-  const hoverButton = 'p-1 min-bs-1 transition-opacity duration-250 opacity-10 group-hover:opacity-100';
+export const Transcript: FC<TranscriptProps> = ({ attendableId, ignoreAttention, blocks }) => {
+  const { hasAttention } = useAttention(attendableId);
+  const { ref, width } = useResizeDetector();
+  const measureRef = useRef<HTMLDivElement>(null);
 
-  return (
-    <div role='list' className='flex flex-col grow gap-2 m-1'>
-      {blocks?.map((block) => (
-        <div
-          role='listitem'
-          key={block.id}
-          className='flex flex-col py-1 border border-transparent hover:border-separator rounded'
-        >
-          <div className='group flex items-center px-2'>
-            <Icon icon='ph--user--regular' />
-            <div className='px-2 text-sm text-subdued'>{block.author}</div>
-            <div className='grow' />
-            <IconButton
-              disabled
-              icon='ph--x--regular'
-              label={t('delete button')}
-              iconOnly
-              size={4}
-              classNames={hoverButton}
-            />
-          </div>
+  const textWidth = width ? width - timeWidth : 0;
+  const transcriptColumns = width
+    ? {
+        grid: {
+          0: { size: timeWidth },
+          1: { size: textWidth },
+        },
+      }
+    : undefined;
+
+  const transcriptRows = {
+    grid: { size: lineHeight },
+  };
+
+  const [queueMap, setQueueMap] = useState<QueueRows>([]);
+  useEffect(() => {
+    if (measureRef.current) {
+      // TODO(burdon): Only measure rows that have changed. Cache other values.
+      // TODO(burdon): Build into grid with estimated height and correct on the fly.
+      void mapTranscriptQueue(measureRef.current, blocks, true).then((queueMap) => {
+        setQueueMap(queueMap);
+        if (measureRef.current) {
+          void mapTranscriptQueue(measureRef.current, blocks, false).then(setQueueMap);
+        }
+      });
+    }
+  }, [blocks, measureRef.current]);
+
+  const rows = useMemo(
+    () =>
+      ({
+        grid: queueMap.reduce((acc: DxGridAxisMeta['grid'], row, rowIndex) => {
+          acc[rowIndex] = { size: row[2] };
+          return acc;
+        }, {}),
+      }) satisfies DxGridAxisMeta,
+    [queueMap],
+  );
+
+  const [dxGrid, setDxGrid] = useState<DxGridElement | null>(null);
+  useEffect(() => {
+    if (dxGrid && Array.isArray(blocks)) {
+      const start = blocks[0]?.segments[0]?.started ?? 0;
+
+      dxGrid.getCells = (range, plane) => {
+        switch (plane) {
+          case 'grid': {
+            const cells: DxGridPlaneCells = {};
+            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[toPlaneCellIndex({ col: 0, row })] = (
+                segmentIndex === 0
+                  ? {
+                      readonly: true,
+                      accessoryHtml: `<span class="pbs-1 text-xs text-neutral-500">${formatElapsed(start, end)}</span>`,
+                    }
+                  : {}
+              ) satisfies DxGridCellValue;
+
+              cells[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>`,
+                    }
+              ) satisfies DxGridCellValue;
+            }
+
+            return cells;
+          }
+          default:
+            return {};
+        }
+      };
+    }
+  }, [dxGrid, queueMap, blocks]);
 
-          {block.segments.map((segment, i) => (
-            <div key={i} className='group flex flex-col'>
-              <div className='px-2'>{segment.text}</div>
-              <div className='flex gap-1 items-center justify-between px-2'>
-                <div className='grow' />
-                <div className='truncate text-xs text-subdued'>
-                  {formatDistanceToNow(segment.started, { addSuffix: true })}
-                </div>
-                <IconButton
-                  disabled
-                  icon='ph--bookmark-simple--regular'
-                  label={t('bookmark button')}
-                  iconOnly
-                  size={4}
-                  classNames={hoverButton}
-                />
-              </div>
+  const handleWheel = useCallback(
+    (event: WheelEvent) => {
+      if (!ignoreAttention && !hasAttention) {
+        event.stopPropagation();
+      }
+    },
+    [hasAttention, ignoreAttention],
+  );
+
+  return (
+    <div role='none' ref={ref} className='grow'>
+      {transcriptColumns && (
+        <>
+          <div className='relative'>
+            <div
+              className='absolute top-0 z-10 p-1 border invisible'
+              style={{ left: timeWidth, width: transcriptColumns.grid['1'].size }}
+            >
+              <div ref={measureRef} className={mx(segmentTextClasses)} />
             </div>
-          ))}
-        </div>
-      ))}
+          </div>
+          <Grid.Root id={`${attendableId}--transcript`}>
+            <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={rows}
+              limitColumns={2}
+              limitRows={queueMap.length}
+              onWheel={handleWheel}
+            />
+          </Grid.Root>
+        </>
+      )}
     </div>
   );
 };
+
+const mapTranscriptQueue = async (
+  div: HTMLDivElement,
+  blocks?: TranscriptBlock[],
+  estimate = false,
+): Promise<QueueRows> => {
+  if (!blocks || !Array.isArray(blocks) || blocks.length === 0) {
+    return [];
+  } else {
+    const ts = Date.now();
+    await document.fonts.ready;
+
+    const rows: QueueRows = [];
+    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++;
+    }
+
+    log('render', { duration: Date.now() - ts });
+    return rows;
+
+    // return blocks.flatMap((block, blockIndex) => {
+    //   return [
+    //     [blockIndex, -1, lineHeight + cellSpacing],
+    //     ...block.segments.map((segment, segmentIndex) => {
+    //       div.innerHTML = segment.text;
+    //       const height = measureSegmentSync(div, segment.text) + cellSpacing;
+    //       return [blockIndex, segmentIndex, height] as [number, number, number];
+    //     }),
+    //   ];
+    // });
+  }
+};
+
+// TODO(burdon): Occasional random measurement error (-1 actual lines).
+// const measureSegmentSync = (div: HTMLDivElement, text: string): number => {
+//   div.innerHTML = text;
+//   void div.offsetHeight;
+//   return div.offsetHeight;
+// };
+
+const measureSegment = async (div: HTMLDivElement, text: string, estimate = false): Promise<number> => {
+  return new Promise((resolve) => {
+    div.innerHTML = text;
+    if (estimate) {
+      const { height } = div.getBoundingClientRect();
+      resolve(height);
+    } else {
+      requestAnimationFrame(() => {
+        const { height } = div.getBoundingClientRect();
+        resolve(height);
+      });
+    }
+  });
+};
+
+export const formatElapsed = (start: Date, end: Date) => {
+  const { hours, minutes, seconds } = intervalToDuration({ start, end });
+  const pad = (n = 0) => String(n).padStart(2, '0');
+  return `${pad(hours)}:${pad(minutes)}:${pad(seconds)}`;
+};

package/src/components/TranscriptContainer.tsx

@@ -8,7 +8,7 @@ import React, { useCallback, useMemo, useState, type FC } from 'react';
 import { chain, createIntent, LayoutAction, useIntentDispatcher } from '@dxos/app-framework';
 import { Message } from '@dxos/artifact';
 import { AIServiceEdgeClient, DEFAULT_LLM_MODEL, MixedStreamParser, type AIServiceClient } from '@dxos/assistant';
-import { create, getSpace, makeRef } from '@dxos/client/echo';
+import { create, fullyQualifiedId, getSpace, makeRef } from '@dxos/client/echo';
 import { QueueImpl } from '@dxos/echo-db';
 import { createStatic, isInstanceOf } from '@dxos/echo-schema';
 import { invariant } from '@dxos/invariant';
@@ -19,7 +19,6 @@ import { CollectionType, SpaceAction } from '@dxos/plugin-space/types';
 import { useConfig } from '@dxos/react-client';
 import { useEdgeClient, useQueue, type EdgeHttpClient } from '@dxos/react-edge-client';
 import { IconButton, Toolbar, useTranslation } from '@dxos/react-ui';
-import { ScrollContainer } from '@dxos/react-ui-components';
 import { StackItem } from '@dxos/react-ui-stack';
 import { TextType } from '@dxos/schema';
 
@@ -32,6 +31,7 @@ export const TranscriptionContainer: FC<{ transcript: TranscriptType }> = ({ tra
   const edge = useEdgeClient();
   const ai = useAiServiceClient();
   const { dispatchPromise: dispatch } = useIntentDispatcher();
+  const attendableId = fullyQualifiedId(transcript);
 
   const queue = useQueue<TranscriptBlock>(edge, transcript.queue ? DXN.parse(transcript.queue) : undefined, {
     pollInterval: 1_000,
@@ -58,23 +58,17 @@ export const TranscriptionContainer: FC<{ transcript: TranscriptType }> = ({ tra
 
   // TODO(dmaretskyi): Move action to menu.
   return (
-    <StackItem.Content toolbar={true}>
-      <StackItem.Heading>
-        <Toolbar.Root classNames='flex gap-2'>
-          <IconButton
-            icon='ph--subtitles--regular'
-            iconOnly
-            size={5}
-            disabled={isSummarizing}
-            onClick={handleSummarize}
-            label={t('summary button')}
-          />
-          {isSummarizing && <div className='text-sm'>{t('summarizing label')}</div>}
-        </Toolbar.Root>
-      </StackItem.Heading>
-      <ScrollContainer>
-        <Transcript blocks={queue?.items} />
-      </ScrollContainer>
+    <StackItem.Content toolbar={false} classNames='relative'>
+      <Toolbar.Root classNames='absolute block-start-1 inline-end-1 z-[1] is-min'>
+        <IconButton
+          icon='ph--pen--regular'
+          size={5}
+          disabled={isSummarizing}
+          onClick={handleSummarize}
+          label={t(isSummarizing ? 'summarizing label' : 'summary button')}
+        />
+      </Toolbar.Root>
+      <Transcript blocks={queue?.items} attendableId={attendableId} />
     </StackItem.Content>
   );
 };

package/src/components/transcription.stories.tsx

@@ -48,7 +48,7 @@ const UX: FC<{
         />
       </Toolbar.Root>
       <ScrollContainer>
-        <Transcript blocks={blocks} />
+        <Transcript blocks={blocks} attendableId='story' />
       </ScrollContainer>
     </div>
   );

package/src/translations.ts

@@ -20,7 +20,7 @@ export default [
 
         'delete button': 'Delete',
         'bookmark button': 'Bookmark',
-        'summary button': 'Create summary',
+        'summary button': 'Summarize',
         'summarizing label': 'Summarizing...',
       },
     },

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

@@ -1,241 +0,0 @@
-import {
-  TRANSCRIPTION_PLUGIN,
-  TranscriptBlock
-} from "./chunk-QIHUPVQD.mjs";
-
-// packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx
-import { pipe } from "effect";
-import React2, { useCallback, useMemo, useState } from "react";
-import { chain, createIntent, LayoutAction, useIntentDispatcher } from "@dxos/app-framework";
-import { Message } from "@dxos/artifact";
-import { AIServiceEdgeClient, DEFAULT_LLM_MODEL, MixedStreamParser } from "@dxos/assistant";
-import { create, getSpace, makeRef } from "@dxos/client/echo";
-import { QueueImpl } from "@dxos/echo-db";
-import { createStatic, isInstanceOf } from "@dxos/echo-schema";
-import { invariant } from "@dxos/invariant";
-import { DXN } from "@dxos/keys";
-import { log } from "@dxos/log";
-import { DocumentType } from "@dxos/plugin-markdown/types";
-import { CollectionType, SpaceAction } from "@dxos/plugin-space/types";
-import { useConfig } from "@dxos/react-client";
-import { useEdgeClient, useQueue } from "@dxos/react-edge-client";
-import { IconButton as IconButton2, Toolbar, useTranslation as useTranslation2 } from "@dxos/react-ui";
-import { ScrollContainer } from "@dxos/react-ui-components";
-import { StackItem } from "@dxos/react-ui-stack";
-import { TextType } from "@dxos/schema";
-
-// packages/plugins/experimental/plugin-transcription/src/components/Transcript/Transcript.tsx
-import { formatDistanceToNow } from "date-fns/formatDistanceToNow";
-import React from "react";
-import { Icon, IconButton, useTranslation } from "@dxos/react-ui";
-var Transcript = ({ blocks }) => {
-  const { t } = useTranslation(TRANSCRIPTION_PLUGIN);
-  const hoverButton = "p-1 min-bs-1 transition-opacity duration-250 opacity-10 group-hover:opacity-100";
-  return /* @__PURE__ */ React.createElement("div", {
-    role: "list",
-    className: "flex flex-col grow gap-2 m-1"
-  }, blocks?.map((block) => /* @__PURE__ */ React.createElement("div", {
-    role: "listitem",
-    key: block.id,
-    className: "flex flex-col py-1 border border-transparent hover:border-separator rounded"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "group flex items-center px-2"
-  }, /* @__PURE__ */ React.createElement(Icon, {
-    icon: "ph--user--regular"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "px-2 text-sm text-subdued"
-  }, block.author), /* @__PURE__ */ React.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ React.createElement(IconButton, {
-    disabled: true,
-    icon: "ph--x--regular",
-    label: t("delete button"),
-    iconOnly: true,
-    size: 4,
-    classNames: hoverButton
-  })), block.segments.map((segment, i) => /* @__PURE__ */ React.createElement("div", {
-    key: i,
-    className: "group flex flex-col"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "px-2"
-  }, segment.text), /* @__PURE__ */ React.createElement("div", {
-    className: "flex gap-1 items-center justify-between px-2"
-  }, /* @__PURE__ */ React.createElement("div", {
-    className: "grow"
-  }), /* @__PURE__ */ React.createElement("div", {
-    className: "truncate text-xs text-subdued"
-  }, formatDistanceToNow(segment.started, {
-    addSuffix: true
-  })), /* @__PURE__ */ React.createElement(IconButton, {
-    disabled: true,
-    icon: "ph--bookmark-simple--regular",
-    label: t("bookmark button"),
-    iconOnly: true,
-    size: 4,
-    classNames: hoverButton
-  })))))));
-};
-
-// packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx
-var __dxlog_file = "/home/runner/work/dxos/dxos/packages/plugins/experimental/plugin-transcription/src/components/TranscriptContainer.tsx";
-var TranscriptionContainer = ({ transcript }) => {
-  const { t } = useTranslation2(TRANSCRIPTION_PLUGIN);
-  const edge = useEdgeClient();
-  const ai = useAiServiceClient();
-  const { dispatchPromise: dispatch } = useIntentDispatcher();
-  const queue = useQueue(edge, transcript.queue ? DXN.parse(transcript.queue) : void 0, {
-    pollInterval: 1e3
-  });
-  const [isSummarizing, setIsSummarizing] = useState(false);
-  const handleSummarize = useCallback(async () => {
-    setIsSummarizing(true);
-    try {
-      const document = await summarizeTranscript(edge, ai, transcript);
-      const space = getSpace(transcript);
-      const target = space?.properties[CollectionType.typename]?.target;
-      await dispatch(pipe(createIntent(SpaceAction.AddObject, {
-        object: document,
-        target
-      }), chain(LayoutAction.Open, {
-        part: "main"
-      })));
-    } finally {
-      setIsSummarizing(false);
-    }
-  }, [
-    transcript,
-    edge
-  ]);
-  return /* @__PURE__ */ React2.createElement(StackItem.Content, {
-    toolbar: true
-  }, /* @__PURE__ */ React2.createElement(StackItem.Heading, null, /* @__PURE__ */ React2.createElement(Toolbar.Root, {
-    classNames: "flex gap-2"
-  }, /* @__PURE__ */ React2.createElement(IconButton2, {
-    icon: "ph--subtitles--regular",
-    iconOnly: true,
-    size: 5,
-    disabled: isSummarizing,
-    onClick: handleSummarize,
-    label: t("summary button")
-  }), isSummarizing && /* @__PURE__ */ React2.createElement("div", {
-    className: "text-sm"
-  }, t("summarizing label")))), /* @__PURE__ */ React2.createElement(ScrollContainer, null, /* @__PURE__ */ React2.createElement(Transcript, {
-    blocks: queue?.items
-  })));
-};
-var TranscriptContainer_default = TranscriptionContainer;
-var summarizeTranscript = async (edge, ai, transcript) => {
-  invariant(transcript.queue, "No queue found for transcript", {
-    F: __dxlog_file,
-    L: 86,
-    S: void 0,
-    A: [
-      "transcript.queue",
-      "'No queue found for transcript'"
-    ]
-  });
-  const queue = new QueueImpl(edge, DXN.parse(transcript.queue));
-  await queue.refresh();
-  const content = queue.items.filter((block) => isInstanceOf(TranscriptBlock, block)).map((block) => `${block.author}: ${block.segments.map((segment) => segment.text).join("\n")}`).join("\n\n");
-  const parser = new MixedStreamParser();
-  log.info("summarizing transcript", {
-    blockCount: queue.items.length
-  }, {
-    F: __dxlog_file,
-    L: 97,
-    S: void 0,
-    C: (f, a) => f(...a)
-  });
-  const output = await parser.parse(await ai.exec({
-    model: DEFAULT_LLM_MODEL,
-    systemPrompt: SUMMARIZE_PROMPT,
-    history: [
-      createStatic(Message, {
-        role: "user",
-        content: [
-          {
-            type: "text",
-            text: content
-          }
-        ]
-      })
-    ]
-  }));
-  log.info("transcript summary", {
-    output
-  }, {
-    F: __dxlog_file,
-    L: 106,
-    S: void 0,
-    C: (f, a) => f(...a)
-  });
-  invariant(output[0].content[0].type === "text", "Expected text content", {
-    F: __dxlog_file,
-    L: 107,
-    S: void 0,
-    A: [
-      "output[0].content[0].type === 'text'",
-      "'Expected text content'"
-    ]
-  });
-  const summary = output[0].content[0].text;
-  const name = `Summary ${(transcript.started ?? /* @__PURE__ */ new Date()).toLocaleString("en-US", {
-    year: "numeric",
-    month: "long",
-    day: "numeric",
-    hour: "2-digit",
-    minute: "2-digit"
-  })}`;
-  return create(DocumentType, {
-    name,
-    content: makeRef(create(TextType, {
-      content: summary
-    })),
-    threads: []
-  });
-};
-var SUMMARIZE_PROMPT = `
-  # Goal
-  Create a markdown summary of the transcript provided.
-
-  # Formatting
-  - Format the summary as a markdown document without extra comments like "Here is the summary of the transcript:".
-  - Use markdown formatting for headings and bullet points.
-  - Format the summary as a list of key points and takeaways.
-  - All names of people should be in bold.
-
-  # Note Taking
-  - Correlate items in the summary with the person of origin to build a coherent narrative.
-  - Include short quotes verbatim where appropriate. Especially when concerned with design decisions and problem descriptions.
-
-  # Tasks
-  At the end of the summary include tasks.
-  Extract only the tasks that are:
-  - Directly actionable.
-  - Clearly assigned to a person or team (or can easily be inferred).
-  - Strongly implied by the conversation and/or user note (no speculative tasks).
-  - Specific enough that someone reading them would know exactly what to do next.
-
-  Format all tasks as markdown checkboxes using the syntax:
-  - [ ] Task description
-
-  Additional information can be included (indented).
-
-  If no actionable tasks are found, omit this tasks section.
-`;
-var useAiServiceClient = () => {
-  const config = useConfig();
-  const endpoint = config.values.runtime?.services?.ai?.server ?? "http://localhost:8788";
-  return useMemo(() => new AIServiceEdgeClient({
-    endpoint
-  }), [
-    endpoint
-  ]);
-};
-
-export {
-  Transcript,
-  TranscriptionContainer,
-  TranscriptContainer_default
-};
-//# sourceMappingURL=chunk-YX447BJ4.mjs.map