@datalayer/agent-runtimes 1.5.43 → 1.5.45

package/lib/portable/index.js

@@ -27,7 +27,7 @@ export { conversationEventsOf, sanitizeAssistantContent, snapshotOfMessages, } f
 export { PRESENCE_LINES, presenceOfConversation, presenceState, presenceToolOf, } from './presence';
 // One contract for every renderer of a conversation's components.
 export { ANSWER_BELOW, ANSWER_COMPLETE, composerOf, droppedWords, ENDED_WORDS, messageLabel, OPENING_WORDS, presenceLine, showsQuestion, stepLine, TOOL_STATUS_WORDS, toolLabel, } from './views';
-export { conversationFixture } from './fixtures';
+export { activityFixture, conversationFixture } from './fixtures';
 // The protocol displays a run's tool results carry (MOBILE M-037).
 export { DISPLAY_META_KEY, displayLine, displayOfToolResult, PAP_CONFIRM_TYPE, PAP_HANDOFF_TOOL, PAP_OUTCOME_TYPE, PAP_REPLIES_TYPE, PAP_SIGN_IN_TYPE, protocolDisplayOf, replyAuthor, 
 // A coding agent's diff and terminal (SHIELD §4.3, SH-16).
@@ -42,5 +42,11 @@ export { SIGN_IN_POLL_MS, SIGN_IN_STATUS_PATH, signInStandsOf, signInStatusClien
 export { emptyFields, fieldProblems, MAX_VALUE_LENGTH, PROTECTED_INPUT_WORDS, protectedInputClient, protectedRequestOf, ProtectedRequestGone, sentWords, submitBody, submitWords, ticketComplete, ticketOfPage, } from './protectedInput';
 // How a streamed turn went, measured without its words (MOBILE M-036).
 export { failureOf, otlpMetricsOf, RunMeter, } from './runMeasures';
+// What an application is doing, and its record's entries (LOOP R-15, MOBILE M-015b).
+export { ACTIVITY_WORDS, activityOf, entryOf, entrySaid, mergeActivityPages, runEndOf, scheduledSays, sessionSentence, wakesOn, } from './activity';
+// A deployment's pause, resume and reset, and its recorded events (LOOP R-17, MOBILE M-041b).
+export { deploymentEventLine, deploymentEventOf, notDeletedOf, resetBody, resetCountsOf, resetLines, stateChangeBody, stoppedWorkLine, stoppedWorkOf, } from './lifecycle';
+// A person's agent runtimes, and an agent's summary (MOBILE M-014b).
+export { agentRuntimesOf, agentSummaryOfRuntime, CREATING_STATUSES, isAgentRuntime, isCreatingAgent, runtimeOf, } from './runtimes';
 // The runtime's routes a native client drives.
 export { agentRunClient, agentRuntimesUrlOf, appSessionsClient, RuntimeRefusal, } from './sessions';

package/lib/portable/lifecycle.d.ts

@@ -0,0 +1,77 @@
+/**
+ * A deployment's lifecycle as its owner drives it (LOOP R-17, D-04): pause
+ * and resume one exact version, reset what it holds, and the events recorded
+ * with who did each. The requests' bodies, the answers read and the words
+ * said — the same in the Studio and Datalayer Mobile (MOBILE M-041b). Pure:
+ * each client sends them with its own authentication.
+ *
+ * @module portable/lifecycle
+ */
+/** Whether a deployment answers now. */
+export type DeploymentState = 'live' | 'paused';
+/** Pause or resume, for one exact version: `PATCH /apps/deployments/{uid}`'s body. */
+export declare const stateChangeBody: (version: number, state: DeploymentState) => {
+    version: number;
+    state: DeploymentState;
+};
+/** What pausing stopped, and what it could not, with why. */
+export type StoppedWork = {
+    stopped: {
+        what: string;
+        runtime: string;
+    }[];
+    notStopped: {
+        what: string;
+        runtime: string;
+        why: string;
+    }[];
+};
+export declare function stoppedWorkOf(raw: Record<string, unknown>): StoppedWork;
+/** What pausing did, in a sentence. */
+export declare function stoppedWorkLine(work: StoppedWork): string;
+/** What a Reset deletes, counted for its confirmation. */
+export type ResetCounts = {
+    conversations: number;
+    entries: number;
+    schedules: number;
+    /**
+     * Why its memories stay: they are its application's, not the
+     * deployment's (LOOP R-18) — forgotten under *What it remembers*.
+     */
+    memoriesNote: string;
+};
+export declare function resetCountsOf(raw: Record<string, unknown>): ResetCounts;
+/** The Reset confirmed against the counts the person was shown: `POST …/reset`'s body. */
+export declare const resetBody: (counts: Pick<ResetCounts, "conversations" | "schedules">) => {
+    conversations: number;
+    schedules: number;
+};
+/** What a Reset could not delete, with why: `POST …/reset`'s answer. */
+export declare function notDeletedOf(body: Record<string, unknown>): {
+    what: string;
+    why: string;
+}[];
+/**
+ * What goes, as the confirmation lists it — "12 conversations, 2
+ * schedules" — and what does not, said apart.
+ */
+export declare function resetLines(counts: ResetCounts): {
+    goes: string;
+    stays: string[];
+};
+/** What happened to a deployment, recorded with who did it (D-04, R-17). */
+export type DeploymentEventKind = 'promoted' | 'rolled_back' | 'paused' | 'resumed' | 'reset';
+/** Who promoted, rolled back, paused, resumed or reset a deployment, and when. */
+export type DeploymentEvent = {
+    uid: string;
+    kind: DeploymentEventKind;
+    actor: string;
+    at: string;
+    details: Record<string, unknown>;
+};
+export declare function deploymentEventOf(raw: Record<string, unknown>): DeploymentEvent;
+/**
+ * One event, in a line: "Paused by eric, 4 Oct 2026, 10:12", "Rolled back
+ * from version 3 to version 2 by eric, …".
+ */
+export declare function deploymentEventLine(event: DeploymentEvent, locale?: string): string;

package/lib/portable/lifecycle.js

@@ -0,0 +1,135 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+/** Pause or resume, for one exact version: `PATCH /apps/deployments/{uid}`'s body. */
+export const stateChangeBody = (version, state) => {
+    if (!Number.isInteger(version) || version < 1) {
+        throw new Error(`A deployment's state is changed for one exact version: ${String(version)} is none.`);
+    }
+    return { version, state };
+};
+const listOf = (raw) => Array.isArray(raw)
+    ? raw.filter(item => item && typeof item === 'object')
+    : [];
+const said = (value) => typeof value === 'string' ? value : value == null ? '' : String(value);
+const count = (value) => {
+    const n = Number(value);
+    return Number.isFinite(n) && n > 0 ? Math.trunc(n) : 0;
+};
+const plural = (n, word) => `${n} ${word}${n === 1 ? '' : 's'}`;
+export function stoppedWorkOf(raw) {
+    return {
+        stopped: listOf(raw.stopped).map(item => ({
+            what: said(item.what),
+            runtime: said(item.runtime),
+        })),
+        notStopped: listOf(raw.not_stopped).map(item => ({
+            what: said(item.what),
+            runtime: said(item.runtime),
+            why: said(item.why),
+        })),
+    };
+}
+/** What pausing did, in a sentence. */
+export function stoppedWorkLine(work) {
+    const stopped = work.stopped.length;
+    const first = stopped === 0
+        ? 'Paused: nothing was running.'
+        : `Paused: ${plural(stopped, 'session')} in progress stopped.`;
+    if (!work.notStopped.length) {
+        return first;
+    }
+    const missed = work.notStopped
+        .map(item => `${item.what}${item.runtime ? ` (${item.runtime})` : ''}: ${item.why}`)
+        .join(' ');
+    return `${first} Not stopped — ${missed}`;
+}
+export function resetCountsOf(raw) {
+    return {
+        conversations: count(raw.conversations),
+        entries: count(raw.entries),
+        schedules: count(raw.schedules),
+        memoriesNote: typeof raw.memories_note === 'string' ? raw.memories_note : '',
+    };
+}
+/** The Reset confirmed against the counts the person was shown: `POST …/reset`'s body. */
+export const resetBody = (counts) => ({
+    conversations: counts.conversations,
+    schedules: counts.schedules,
+});
+/** What a Reset could not delete, with why: `POST …/reset`'s answer. */
+export function notDeletedOf(body) {
+    return listOf(body.not_deleted).map(item => ({
+        what: said(item.what),
+        why: said(item.why),
+    }));
+}
+/**
+ * What goes, as the confirmation lists it — "12 conversations, 2
+ * schedules" — and what does not, said apart.
+ */
+export function resetLines(counts) {
+    return {
+        goes: [
+            plural(counts.conversations, 'conversation'),
+            plural(counts.schedules, 'schedule'),
+        ].join(', '),
+        stays: [
+            'The deployment, its address and the version it runs stay.',
+            ...(counts.memoriesNote ? [counts.memoriesNote] : []),
+        ],
+    };
+}
+const EVENT_KINDS = [
+    'promoted',
+    'rolled_back',
+    'paused',
+    'resumed',
+    'reset',
+];
+export function deploymentEventOf(raw) {
+    if (!EVENT_KINDS.includes(raw.kind)) {
+        throw new Error(`A deployment's event of no known kind: ${String(raw.kind)}.`);
+    }
+    return {
+        uid: said(raw.uid),
+        kind: raw.kind,
+        actor: said(raw.actor_handle || raw.actor_uid || ''),
+        at: typeof raw.at === 'string' ? raw.at : '',
+        details: raw.details && typeof raw.details === 'object'
+            ? raw.details
+            : {},
+    };
+}
+/**
+ * One event, in a line: "Paused by eric, 4 Oct 2026, 10:12", "Rolled back
+ * from version 3 to version 2 by eric, …".
+ */
+export function deploymentEventLine(event, locale) {
+    const from = count(event.details.from);
+    const to = count(event.details.to);
+    const moved = from && to ? ` from version ${from} to version ${to}` : '';
+    const verb = {
+        promoted: `Promoted${moved}`,
+        rolled_back: `Rolled back${moved}`,
+        paused: 'Paused',
+        resumed: 'Resumed',
+        reset: 'Reset',
+    }[event.kind];
+    const when = event.at
+        ? new Date(event.at).toLocaleString(locale, {
+            dateStyle: 'medium',
+            timeStyle: 'short',
+        })
+        : '';
+    const deleted = event.details.deleted;
+    const what = event.kind === 'reset' && deleted
+        ? ` — ${plural(count(deleted.conversations), 'conversation')} and ${plural(count(deleted.schedules), 'schedule')} deleted`
+        : '';
+    // Paused by an owner of its owner's organization (I-09): said as such.
+    const forOrganization = event.kind === 'paused' && event.details.by === 'organization_owner'
+        ? ', an owner of your organization'
+        : '';
+    return `${verb}${event.actor ? ` by ${event.actor}${forOrganization}` : ''}${when ? `, ${when}` : ''}${what}`;
+}

package/lib/portable/runtimes.d.ts

@@ -0,0 +1,68 @@
+/**
+ * A person's agent runtimes as the runtimes service lists them
+ * (`GET /api/runtimes/v1/runtimes`), and an agent's summary and status as
+ * every client says them — the web's `AgentSummary` badge and Datalayer
+ * Mobile's Agents (MOBILE M-014b). A raw runtime carries no application
+ * capabilities: no Rules, Protocols or Activity are read from it.
+ *
+ * @module portable/runtimes
+ */
+/** One agent runtime, as a client lists it. */
+export type AgentRuntime = {
+    uid: string;
+    runtimeName: string;
+    givenName: string;
+    environment: string;
+    /** The agentspec it runs, when the runtime says. */
+    agentSpecId: string;
+    type: string;
+    state: string;
+    startedAt: string;
+    expiredAt: string;
+    /** Its Jupyter address, from which its agents' is read (`agentRuntimesUrlOf`). */
+    ingress: string;
+};
+/** A runtime of the runtimes service's answer. */
+export declare function runtimeOf(raw: Record<string, unknown>): AgentRuntime;
+/** The runtimes service's list, agent runtimes only: notebooks and terminals belong to the web workspace. */
+export declare function agentRuntimesOf(body: Record<string, unknown>): AgentRuntime[];
+/** An agent runtime, not a notebook's or a terminal's. */
+export declare const isAgentRuntime: (runtime: AgentRuntime) => boolean;
+/** What a summary of an agent says of it. */
+export interface AgentSummaryData {
+    agentName: string;
+    location: string;
+    specId?: string;
+    /**
+     * The framework turning this agent's loop, as its spec declares it —
+     * `pydantic-ai` server-side, `vercel-ai` in the page.
+     */
+    harness?: string;
+    /**
+     * The runtime variant the host chose: `<location>-<harness>`.
+     *
+     * Shown next to the harness rather than instead of it, because they answer
+     * different questions and can disagree: the harness is what the spec asked
+     * for, the variant is what it actually got.
+     */
+    variant?: string;
+    status?: string;
+    baseUrl?: string;
+    sandboxBaseUrl?: string;
+    agentId?: string;
+    isReady?: boolean;
+    error?: string;
+}
+/**
+ * Statuses that represent an agent actively being created/started. The spinner
+ * only shows for these; app-navigation states ("selected", "switching") and
+ * settled states ("ready", "running", ...) never spin.
+ */
+export declare const CREATING_STATUSES: ReadonlySet<string>;
+/**
+ * An agent genuinely being created: it is not ready, has no id yet, and its
+ * status is one of creation or startup.
+ */
+export declare function isCreatingAgent(summary: AgentSummaryData): boolean;
+/** The summary of an agent the runtimes service lists: named as given, at Datalayer. */
+export declare function agentSummaryOfRuntime(runtime: AgentRuntime): AgentSummaryData;

package/lib/portable/runtimes.js

@@ -0,0 +1,69 @@
+/*
+ * Copyright (c) 2025-2026 Datalayer, Inc.
+ * Distributed under the terms of the Modified BSD License.
+ */
+const isRecord = (value) => Boolean(value) && typeof value === 'object' && !Array.isArray(value);
+const text = (value) => typeof value === 'string' ? value : '';
+/** A runtime of the runtimes service's answer. */
+export function runtimeOf(raw) {
+    const environment = isRecord(raw.environment) ? raw.environment : {};
+    return {
+        uid: text(raw.uid),
+        runtimeName: text(raw.runtime_name) || text(raw.pod_name),
+        givenName: text(raw.given_name),
+        environment: text(environment.title) ||
+            text(environment.name) ||
+            text(raw.environment_title) ||
+            text(raw.environment_name),
+        agentSpecId: text(raw.agent_spec_id) || text(raw.attached_agent_spec_id_s),
+        type: text(raw.type),
+        state: text(raw.state) || text(raw.status) || 'running',
+        startedAt: text(raw.started_at),
+        expiredAt: text(raw.expired_at),
+        ingress: text(raw.ingress),
+    };
+}
+/** The runtimes service's list, agent runtimes only: notebooks and terminals belong to the web workspace. */
+export function agentRuntimesOf(body) {
+    const listed = Array.isArray(body.runtimes) ? body.runtimes : [];
+    return listed
+        .filter(isRecord)
+        .map(runtimeOf)
+        .filter(runtime => runtime.runtimeName && isAgentRuntime(runtime));
+}
+/** An agent runtime, not a notebook's or a terminal's. */
+export const isAgentRuntime = (runtime) => runtime.type === 'agent' ||
+    Boolean(runtime.agentSpecId) ||
+    /agent/i.test(runtime.environment);
+/**
+ * Statuses that represent an agent actively being created/started. The spinner
+ * only shows for these; app-navigation states ("selected", "switching") and
+ * settled states ("ready", "running", ...) never spin.
+ */
+export const CREATING_STATUSES = new Set([
+    'creating',
+    'starting',
+    'launching',
+    'connecting',
+    'pending',
+    'resuming',
+]);
+/**
+ * An agent genuinely being created: it is not ready, has no id yet, and its
+ * status is one of creation or startup.
+ */
+export function isCreatingAgent(summary) {
+    return (!summary.isReady &&
+        !summary.agentId &&
+        CREATING_STATUSES.has((summary.status || '').toLowerCase()));
+}
+/** The summary of an agent the runtimes service lists: named as given, at Datalayer. */
+export function agentSummaryOfRuntime(runtime) {
+    return {
+        agentName: runtime.givenName || runtime.runtimeName,
+        location: 'datalayer',
+        specId: runtime.agentSpecId || undefined,
+        status: runtime.state,
+        isReady: !CREATING_STATUSES.has(runtime.state.toLowerCase()),
+    };
+}

package/lib/protocols/VercelAIAdapter.js

@@ -627,6 +627,17 @@ export class VercelAIAdapter extends BaseProtocolAdapter {
                                     });
                                 }
                             }
+                            else if (typeof event.type === 'string' &&
+                                event.type.startsWith('data-')) {
+                                // What the server says besides the conversation's text, as
+                                // AG-UI's custom events say it: `data-voice.say`, a line the
+                                // agent says aloud, and `data-voice.settings` (VOICE.md VO-36).
+                                this.emit({
+                                    type: 'activity',
+                                    activity: { type: event.type, data: event.data },
+                                    timestamp: new Date(),
+                                });
+                            }
                         }
                         catch (parseError) {
                             console.error('[VercelAIAdapter] Failed to parse SSE data:', parseError);

package/lib/specs/voices.js

@@ -100,6 +100,68 @@ export const SPEECH_MODEL_CATALOGUE = {
             },
         ],
     },
+    'moonshine-base-en-server': {
+        id: 'moonshine-base-en-server',
+        version: '0.0.1',
+        name: 'Moonshine Base (English, server)',
+        description: "Speech to text on Datalayer's servers, in English: Useful Sensors' Moonshine Base (61M parameters), the same 8-bit ONNX export the browser runs, run by onnxruntime on the CPU with a greedy decoder. Its encoder is as long as the speech, with no 30-second window: measured beside Whisper small for short spoken turns (decision 18).",
+        provider: 'usefulsensors',
+        task: 'stt',
+        engine: 'onnxruntime',
+        dtype: 'q8',
+        languages: ['en'],
+        where: ['server'],
+        streaming: false,
+        licence: {
+            weights: 'MIT',
+            code: 'MIT',
+        },
+        attribution: '',
+        upstream: 'https://huggingface.co/UsefulSensors/moonshine-base',
+        revision: 'b1e9b6aae3c3c7298f10c3798393fdf38e8fbbad',
+        files: [
+            {
+                path: 'config.json',
+                sha256: 'fab7241d1e9fc6c2370c4c6dfb5da79bb54d67ed9ab6b507ac51d29d2abe01d1',
+                size: 922,
+            },
+            {
+                path: 'generation_config.json',
+                sha256: 'f9b3f711b57be7def2e50a8942f64f36ee0a55fad5b84ff93a687b6c5bcc1d44',
+                size: 147,
+            },
+            {
+                path: 'preprocessor_config.json',
+                sha256: 'fa43a7017ef85cd1d0fba0d9aae77c8adb16990ae6f11115631f41ec5d8aa679',
+                size: 128,
+            },
+            {
+                path: 'special_tokens_map.json',
+                sha256: 'ca3d163bab055381827226140568f3bef7eaac187cebd76878e0b63e9e442356',
+                size: 3,
+            },
+            {
+                path: 'tokenizer.json',
+                sha256: '7b913404bdd039af4756783218af4440bc07fb7d6d8258d677e34f95b3ec416f',
+                size: 3761754,
+            },
+            {
+                path: 'tokenizer_config.json',
+                sha256: 'edaee394565d428ea98a663ae7209cdcfeefc5585c42d7a570ff7c986df2cd15',
+                size: 135735,
+            },
+            {
+                path: 'onnx/encoder_model_quantized.onnx',
+                sha256: '1dd9ab0a7f987113d30affcba5a068d11c8f90fa0223caa3e491ade431ad9751',
+                size: 20513063,
+            },
+            {
+                path: 'onnx/decoder_model_merged_quantized.onnx',
+                sha256: 'cc9f3cd6698a369c6008b41aa60aa3fb3322e7f03c9bdf19d8e6b7200afca4f3',
+                size: 42498870,
+            },
+        ],
+    },
     'moonshine-base-en': {
         id: 'moonshine-base-en',
         version: '0.0.1',

package/lib/types/chat.d.ts

@@ -689,6 +689,11 @@ export interface ChatBaseProps {
          * Absent while its answers are not heard.
          */
         stopSpeaking?: () => void;
+        /**
+         * Marks the answer the person spoke over *interrupted* (VOICE.md
+         * VO-13), for a host whose composer holds the microphone.
+         */
+        markInterrupted: () => void;
     } | null) => void;
     /**
      * Reports whether the agent's voice is speaking, for a host that draws the
@@ -1013,6 +1018,11 @@ export interface ChatBaseProps {
     voice?: ChatVoice;
     /** The agent is speaking: the composer offers *Stop speaking* (`Esc`). */
     voiceSpeaking?: boolean;
+    /**
+     * The sentence the host's speaker is saying, marked in the conversation
+     * (VOICE.md VO-65); a chat that speaks for itself marks its own.
+     */
+    voiceSentence?: string;
     /** Stops the agent's voice: the composer's *Stop speaking*, and the microphone opening (VO-13). */
     onStopSpeaking?: () => void;
     /**

package/lib/voice/ComposerVoice.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMemo, useRef } from 'react';
 import { DeviceHearing } from './hearing';
 import { HandsFree } from './HandsFree';
-import { ServerHearing, hearingPlace } from './serverHearing';
+import { AutoHearing, ServerHearing, hearingPlace } from './serverHearing';
 import { VoiceInput } from './VoiceInput';
 import { VoiceMenu } from './VoiceMenu';
 /** Whether something rides on a run as a spoken message's metadata (VO-27). */
@@ -24,13 +24,20 @@ export function ComposerVoice({ voice, input, setInput, onSpoken, send, disabled
             return undefined;
         }
         const device = new DeviceHearing(voice.modelsUrl, voice.engines);
-        return place === 'server' && voice.speechUrl
+        const server = voice.speechUrl
             ? new ServerHearing(device, {
                 speechUrl: voice.speechUrl,
                 token: voice.token,
                 detect: voice.detect,
             })
-            : device;
+            : undefined;
+        // `where: auto` (§5): the device when it hears the language and its model
+        // loads, the server otherwise — and back to the device when the server
+        // refuses (a visitor's day spent).
+        if (server && !voice.detect && (voice.where ?? 'auto') === 'auto') {
+            return new AutoHearing(device, server, voice.language);
+        }
+        return place === 'server' && server ? server : device;
     }, [
         voice.input,
         voice.modelsUrl,
@@ -39,6 +46,8 @@ export function ComposerVoice({ voice, input, setInput, onSpoken, send, disabled
         voice.speechUrl,
         voice.token,
         voice.detect,
+        voice.where,
+        voice.language,
     ]);
     // What the box held when the microphone opened: the words heard go after it.
     const base = useRef('');

package/lib/voice/VoiceMenu.d.ts

@@ -2,7 +2,8 @@
  * The composer's voice menu (VOICE.md VO-14, VO-21, VO-25, VO-30): beside
  * the microphone, what a person chooses for themselves — the language they
  * speak and hear, when answers are heard, the voice, its speed and loudness,
- * *Send what I say*, the microphone, and *Keep speech on this device*. Each
+ * how long they pause before they are done (VO-69), *Send what I say*, the
+ * microphone, and *Keep speech on this device*. Each
  * choice is kept in the person's settings and heard at once by every chat
  * on the page; *Use the application's* forgets them all.
  *

package/lib/voice/VoiceMenu.js

@@ -2,7 +2,7 @@ import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-run
 import { useState } from 'react';
 import { ActionList, ActionMenu, IconButton } from '@primer/react';
 import { GearIcon } from '@primer/octicons-react';
-import { OUTPUT_CHOICES, RATE_CHOICES, VOLUME_CHOICES, catalogueVoiceSpeaks, voiceLanguages, voicesSpeaking, } from './choices';
+import { OUTPUT_CHOICES, PAUSE_CHOICES, RATE_CHOICES, VOLUME_CHOICES, catalogueVoiceSpeaks, voiceLanguages, voicesSpeaking, } from './choices';
 import { withVoiceSetting } from './settings';
 import { useVoiceSettings } from './useVoiceSettings';
 /** The microphones the browser lists; named only once one was allowed. */
@@ -28,6 +28,6 @@ export function VoiceMenu({ voice, answers, disabled = false, }) {
                 void microphones().then(setDevices);
             }
         }, children: [_jsx(ActionMenu.Anchor, { children: _jsx(IconButton, { icon: GearIcon, size: "small", variant: "invisible", "aria-label": "Voice settings", "data-voice-menu": "", disabled: disabled }) }), _jsx(ActionMenu.Overlay, { width: "medium", children: _jsxs(ActionList, { children: [_jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Language" }), voiceLanguages().map(language => (_jsx(ActionList.Item, { selected: language.value === voice.language, onSelect: () => choose('language', language.value), "data-voice-language": language.value, children: language.label }, language.value)))] }), answers && !onDevice ? (_jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Answers heard" }), OUTPUT_CHOICES.map(output => (_jsx(ActionList.Item, { selected: output.value === voice.output, onSelect: () => choose('output', output.value), "data-voice-output": output.value, children: output.label }, output.value)))] }), voices.length > 0 ? (_jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Voice" }), voices.map(spoken => (_jsx(ActionList.Item, { selected: spoken.id === voice.voice, onSelect: () => choose('voice', spoken.id), "data-voice-voice": spoken.id, children: spoken.name }, spoken.id)))] })) : null, _jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Speed" }), RATE_CHOICES.map(rate => (_jsx(ActionList.Item, { selected: rate.value === (voice.rate ?? 1), onSelect: () => choose('rate', rate.value), "data-voice-rate": rate.value, children: rate.label }, rate.value)))] }), _jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Loudness" }), VOLUME_CHOICES.map(volume => (_jsx(ActionList.Item, { selected: volume.value === (voice.volume ?? 1), onSelect: () => choose('volume', volume.value), "data-voice-volume": volume.value, children: volume.label }, volume.value)))] })] })) : null, named.length > 1 ? (_jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Microphone" }), named.map(device => (_jsx(ActionList.Item, { selected: device.deviceId ===
-                                                (voice.microphoneId ?? named[0].deviceId), onSelect: () => choose('microphoneId', device.deviceId), "data-voice-microphone": device.deviceId, children: device.label }, device.deviceId)))] })] })) : null, _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { selectionVariant: "multiple", children: [_jsxs(ActionList.Item, { selected: Boolean(voice.sendWhatISay), onSelect: () => choose('sendWhatISay', !voice.sendWhatISay), "data-voice-send-what-i-say": "", children: ["Send what I say", _jsx(ActionList.Description, { variant: "block", children: "Sent as soon as it is heard, not left in the box." })] }), voice.speechUrl && !onDevice ? (_jsxs(ActionList.Item, { selected: detect, onSelect: () => choose('detectLanguage', !detect), "data-voice-detect": "", children: ["Detect the language I speak", _jsx(ActionList.Description, { variant: "block", children: "Heard on Datalayer\u2019s servers by Whisper, which finds the language; nothing is kept there." })] })) : null, _jsxs(ActionList.Item, { selected: onDevice, onSelect: () => choose('onDeviceOnly', !onDevice), "data-voice-on-device": "", children: ["Keep speech on this device", _jsx(ActionList.Description, { variant: "block", children: "Nothing is sent to Datalayer\u2019s speech service: you are heard in the browser, answers are not spoken." })] })] }), Object.keys(settings).length > 0 ? (_jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}), _jsx(ActionList.Item, { onSelect: () => keep({}), "data-voice-settings-reset": "", children: "Use the application\u2019s" })] })) : null] }) })] }));
+                                                (voice.microphoneId ?? named[0].deviceId), onSelect: () => choose('microphoneId', device.deviceId), "data-voice-microphone": device.deviceId, children: device.label }, device.deviceId)))] })] })) : null, _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { selectionVariant: "single", children: [_jsx(ActionList.GroupHeading, { children: "Pauses before I am done" }), PAUSE_CHOICES.map(pause => (_jsx(ActionList.Item, { selected: pause.value === (settings.pause ?? 1), onSelect: () => choose('pause', pause.value === 1 ? undefined : pause.value), "data-voice-pause": pause.value, children: pause.label }, pause.value)))] }), _jsx(ActionList.Divider, {}), _jsxs(ActionList.Group, { selectionVariant: "multiple", children: [_jsxs(ActionList.Item, { selected: Boolean(voice.sendWhatISay), onSelect: () => choose('sendWhatISay', !voice.sendWhatISay), "data-voice-send-what-i-say": "", children: ["Send what I say", _jsx(ActionList.Description, { variant: "block", children: "Sent as soon as it is heard, not left in the box." })] }), voice.speechUrl && !onDevice ? (_jsxs(ActionList.Item, { selected: detect, onSelect: () => choose('detectLanguage', !detect), "data-voice-detect": "", children: ["Detect the language I speak", _jsx(ActionList.Description, { variant: "block", children: "Heard on Datalayer\u2019s servers by Whisper, which finds the language; nothing is kept there." })] })) : null, _jsxs(ActionList.Item, { selected: onDevice, onSelect: () => choose('onDeviceOnly', !onDevice), "data-voice-on-device": "", children: ["Keep speech on this device", _jsx(ActionList.Description, { variant: "block", children: "Nothing is sent to Datalayer\u2019s speech service: you are heard in the browser, answers are not spoken." })] })] }), Object.keys(settings).length > 0 ? (_jsxs(_Fragment, { children: [_jsx(ActionList.Divider, {}), _jsx(ActionList.Item, { onSelect: () => keep({}), "data-voice-settings-reset": "", children: "Use the application\u2019s" })] })) : null] }) })] }));
 }
 export default VoiceMenu;

package/lib/voice/captions.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Captions always (VOICE.md VO-65): the sentence being said is marked in the
+ * open conversation, not by colour alone. The answer that holds it is marked
+ * `aria-current` and `data-voice-saying` with a bar beside it; the sentence
+ * itself is underlined in place through the CSS Custom Highlight API, which
+ * draws over the text without touching the DOM React owns. A browser without
+ * that API keeps the answer's mark.
+ *
+ * @module voice/captions
+ */
+import { type RefObject } from 'react';
+/** The name the sentence's highlight is registered under. */
+export declare const SAID_HIGHLIGHT = "voice-said";
+/**
+ * The id of the answer a sentence is being said from: the newest answer of
+ * the agent whose words hold it, or none.
+ */
+export declare function saidMessageId(items: readonly unknown[], sentence: string | undefined): string | undefined;
+/**
+ * Where a sentence is in what an element shows, as a `Range` over its text
+ * — across the bold, the links and the line breaks it is drawn with — or
+ * none when the element does not show it as said (a code block said as *a
+ * code block*).
+ */
+export declare function sentenceRange(root: Node, sentence: string): Range | undefined;
+/**
+ * Underlines `sentence` in the answer marked `data-voice-saying` under
+ * `root`, for as long as it is said; the mark goes when it ends. Drawn
+ * again whenever `version` changes (the answer still being written).
+ */
+export declare function useSaidSentence(root: RefObject<HTMLElement | null>, sentence: string | undefined, version: unknown): void;