@athenaintel/react 0.42.1 → 0.42.2

package/dist/chat/chat-voice-controls.cjs

@@ -0,0 +1,128 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const jsxRuntime = require("react/jsx-runtime");
+const react = require("@assistant-ui/react");
+const lucideReact = require("lucide-react");
+const react$1 = require("react");
+const athenaDiagnostics = require("../diagnostics/athena-diagnostics.cjs");
+const voice_livekit = require("../voice/livekit.cjs");
+const useDeepAgentVoice = require("../agent-runtime/src/use-deep-agent-voice.cjs");
+const useChatVoiceEnabled = require("../voice/use-chat-voice-enabled.cjs");
+const tooltipIconButton = require("./tooltip-icon-button.cjs");
+const apiClient = require("../chat-ui/mentions/suggestions/data/api-client.cjs");
+const runtimeCatalog = require("../catalog/runtime-catalog.cjs");
+const voicePresentation = require("../agent-runtime/src/voice-presentation.cjs");
+function useComposerChatVoice({ options }) {
+  const aui = react.useAui();
+  const auth = apiClient.useMentionAuth();
+  const principal = runtimeCatalog.useCatalogPrincipal();
+  const enabled = useChatVoiceEnabled.useChatVoiceEnabled({ enabled: options !== false });
+  const audioRef = react$1.useRef(null);
+  const media = react$1.useMemo(
+    () => voice_livekit.createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),
+    []
+  );
+  const config = typeof options === "object" ? options : void 0;
+  const voice = useDeepAgentVoice.useDeepAgentVoice({
+    transport: "livekit",
+    livekit: (config == null ? void 0 : config.livekit) ?? media,
+    model: config == null ? void 0 : config.model,
+    onDiagnostic: (config == null ? void 0 : config.onDiagnostic) ?? ((entry) => athenaDiagnostics.athenaDiagnostics.emit("voice.chat", { data: { ...entry } }))
+  });
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  const { end, syncProfile } = voice;
+  const identity = JSON.stringify([
+    auth.backendUrl,
+    principal,
+    auth.apiKey ? runtimeCatalog.credentialFingerprint({ credential: auth.apiKey }) : null
+  ]);
+  const previousScope = react$1.useRef({ identity, workspaceId: auth.workspaceId });
+  react$1.useEffect(() => {
+    const previous = previousScope.current;
+    const changed = previous.identity !== identity || Boolean(
+      previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId
+    );
+    previousScope.current = {
+      identity,
+      workspaceId: previous.identity === identity ? auth.workspaceId ?? previous.workspaceId : auth.workspaceId
+    };
+    if (active && (changed || !enabled)) end();
+  }, [identity, auth.workspaceId, active, enabled, end]);
+  const live = voice.phase === "live";
+  react$1.useEffect(() => {
+    var _a, _b;
+    if (!live) return;
+    let timer;
+    const schedule = () => {
+      clearTimeout(timer);
+      timer = setTimeout(syncProfile, 800);
+    };
+    schedule();
+    const unsubscribe = (_b = (_a = aui.modelContext).subscribe) == null ? void 0 : _b.call(_a, schedule);
+    return () => {
+      clearTimeout(timer);
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, [aui, live, syncProfile]);
+  return { voice, enabled, active, audioRef };
+}
+function ChatVoiceButton({
+  voice,
+  disabled
+}) {
+  const live = voice.phase === "live";
+  const connecting = voice.phase === "connecting";
+  const label = connecting ? "Cancel voice connection" : live ? voice.micMuted ? "Unmute microphone" : "Mute microphone" : "Start voice session";
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    tooltipIconButton.TooltipIconButton,
+    {
+      type: "button",
+      tooltip: label,
+      "aria-label": label,
+      "aria-pressed": live && !voice.micMuted,
+      className: "aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30",
+      disabled: !live && !connecting && disabled,
+      onClick: () => {
+        if (connecting) voice.end();
+        else if (live) voice.setMicMuted(!voice.micMuted);
+        else void voice.start();
+      },
+      children: connecting ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Loader2Icon, { className: "size-4 animate-spin" }) : live ? voice.micMuted ? /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MicOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.MicIcon, { className: "size-4" }) : /* @__PURE__ */ jsxRuntime.jsx(lucideReact.HeadphonesIcon, { className: "size-4" })
+    }
+  );
+}
+function ChatVoiceStatus({ voice }) {
+  const elapsed = useDeepAgentVoice.useVoiceElapsed(voice.liveSince);
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  if (!active && !voice.error && !voice.handoffTask) return null;
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground", children: [
+    active && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center justify-between gap-2", role: "status", children: [
+      /* @__PURE__ */ jsxRuntime.jsx("span", { children: voice.phase === "connecting" ? "Connecting voice…" : `Voice ${voice.micMuted ? "muted" : "live"}${elapsed ? ` · ${elapsed}` : ""}` }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        tooltipIconButton.TooltipIconButton,
+        {
+          type: "button",
+          tooltip: "End voice session",
+          "aria-label": "End voice session",
+          onClick: voice.end,
+          children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.PhoneOffIcon, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    voice.phase === "live" && /* @__PURE__ */ jsxRuntime.jsx("span", { children: voicePresentation.VOICE_LIVE_TYPED_HINT }),
+    voice.activeTask && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Athena is working: ",
+      voice.activeTask.text
+    ] }),
+    voice.handoffTask && /* @__PURE__ */ jsxRuntime.jsxs("span", { children: [
+      "Voice ended. Athena is still working: ",
+      voice.handoffTask.text
+    ] }),
+    voice.notice && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "status", children: voice.notice }),
+    voice.error && /* @__PURE__ */ jsxRuntime.jsx("span", { role: "alert", className: "text-destructive", children: voice.error })
+  ] });
+}
+exports.ChatVoiceButton = ChatVoiceButton;
+exports.ChatVoiceStatus = ChatVoiceStatus;
+exports.useComposerChatVoice = useComposerChatVoice;
+//# sourceMappingURL=chat-voice-controls.cjs.map

package/dist/chat/chat-voice-controls.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-voice-controls.cjs","sources":["../../src/chat/chat-voice-controls.tsx"],"sourcesContent":["import { useAui } from '@assistant-ui/react';\nimport { useVoiceElapsed, VOICE_LIVE_TYPED_HINT } from '@athenaintel/agent-runtime';\nimport { HeadphonesIcon, Loader2Icon, MicIcon, MicOffIcon, PhoneOffIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { athenaDiagnostics } from '../diagnostics/athena-diagnostics';\nimport { createDeepAgentVoiceLiveKitAdapter } from '../voice/livekit';\nimport {\n  useAthenaChatVoice,\n  type UseAthenaChatVoiceOptions,\n  type UseAthenaChatVoiceReturn,\n} from '../voice/chat';\nimport { useChatVoiceEnabled } from '../voice/use-chat-voice-enabled';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { useMentionAuth } from '../chat-ui/mentions/suggestions/data/api-client';\nimport { credentialFingerprint, useCatalogPrincipal } from '../catalog/runtime-catalog';\n\nexport interface AthenaChatVoiceOptions\n  extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {}\n\n/** One controller for this composer's controls, text sends and audio sink. */\nexport function useComposerChatVoice({ options }: { options: boolean | AthenaChatVoiceOptions }) {\n  const aui = useAui();\n  const auth = useMentionAuth();\n  const principal = useCatalogPrincipal();\n  const enabled = useChatVoiceEnabled({ enabled: options !== false });\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const media = useMemo(\n    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),\n    []\n  );\n  const config = typeof options === 'object' ? options : undefined;\n  const voice = useAthenaChatVoice({\n    transport: 'livekit',\n    livekit: config?.livekit ?? media,\n    model: config?.model,\n    onDiagnostic:\n      config?.onDiagnostic ??\n      ((entry) => athenaDiagnostics.emit('voice.chat', { data: { ...entry } })),\n  });\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  const { end, syncProfile } = voice;\n  const identity = JSON.stringify([\n    auth.backendUrl,\n    principal,\n    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null,\n  ]);\n  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });\n  useEffect(() => {\n    const previous = previousScope.current;\n    const changed =\n      previous.identity !== identity ||\n      Boolean(\n        previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId\n      );\n    previousScope.current = {\n      identity,\n      workspaceId:\n        previous.identity === identity\n          ? auth.workspaceId ?? previous.workspaceId\n          : auth.workspaceId,\n    };\n    if (active && (changed || !enabled)) end();\n  }, [identity, auth.workspaceId, active, enabled, end]);\n\n  // Model/agent/toolkit/mode picks live in the ambient model context. Read it\n  // through the controller at send time, with the same debounce as other hosts.\n  const live = voice.phase === 'live';\n  useEffect(() => {\n    if (!live) return;\n    let timer: ReturnType<typeof setTimeout>;\n    const schedule = () => {\n      clearTimeout(timer);\n      timer = setTimeout(syncProfile, 800);\n    };\n    schedule();\n    const unsubscribe = aui.modelContext.subscribe?.(schedule);\n    return () => {\n      clearTimeout(timer);\n      unsubscribe?.();\n    };\n  }, [aui, live, syncProfile]);\n  return { voice, enabled, active, audioRef };\n}\n\nexport function ChatVoiceButton({\n  voice,\n  disabled,\n}: {\n  voice: UseAthenaChatVoiceReturn;\n  disabled: boolean;\n}) {\n  const live = voice.phase === 'live';\n  const connecting = voice.phase === 'connecting';\n  const label = connecting\n    ? 'Cancel voice connection'\n    : live\n    ? voice.micMuted\n      ? 'Unmute microphone'\n      : 'Mute microphone'\n    : 'Start voice session';\n  return (\n    <TooltipIconButton\n      type=\"button\"\n      tooltip={label}\n      aria-label={label}\n      aria-pressed={live && !voice.micMuted}\n      className=\"aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30\"\n      disabled={!live && !connecting && disabled}\n      onClick={() => {\n        if (connecting) voice.end();\n        else if (live) voice.setMicMuted(!voice.micMuted);\n        else void voice.start();\n      }}\n    >\n      {connecting ? (\n        <Loader2Icon className=\"size-4 animate-spin\" />\n      ) : live ? (\n        voice.micMuted ? (\n          <MicOffIcon className=\"size-4\" />\n        ) : (\n          <MicIcon className=\"size-4\" />\n        )\n      ) : (\n        <HeadphonesIcon className=\"size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n}\n\nexport function ChatVoiceStatus({ voice }: { voice: UseAthenaChatVoiceReturn }) {\n  const elapsed = useVoiceElapsed(voice.liveSince);\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  if (!active && !voice.error && !voice.handoffTask) return null;\n  return (\n    <div className=\"aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground\">\n      {active && (\n        <div className=\"flex items-center justify-between gap-2\" role=\"status\">\n          <span>\n            {voice.phase === 'connecting'\n              ? 'Connecting voice…'\n              : `Voice ${voice.micMuted ? 'muted' : 'live'}${elapsed ? ` · ${elapsed}` : ''}`}\n          </span>\n          <TooltipIconButton\n            type=\"button\"\n            tooltip=\"End voice session\"\n            aria-label=\"End voice session\"\n            onClick={voice.end}\n          >\n            <PhoneOffIcon className=\"size-3.5\" />\n          </TooltipIconButton>\n        </div>\n      )}\n      {voice.phase === 'live' && <span>{VOICE_LIVE_TYPED_HINT}</span>}\n      {voice.activeTask && <span>Athena is working: {voice.activeTask.text}</span>}\n      {voice.handoffTask && (\n        <span>Voice ended. Athena is still working: {voice.handoffTask.text}</span>\n      )}\n      {voice.notice && <span role=\"status\">{voice.notice}</span>}\n      {voice.error && (\n        <span role=\"alert\" className=\"text-destructive\">\n          {voice.error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["useAui","useMentionAuth","useCatalogPrincipal","useChatVoiceEnabled","useRef","useMemo","createDeepAgentVoiceLiveKitAdapter","useAthenaChatVoice","athenaDiagnostics","credentialFingerprint","useEffect","jsx","TooltipIconButton","Loader2Icon","MicOffIcon","MicIcon","HeadphonesIcon","useVoiceElapsed","jsxs","PhoneOffIcon","VOICE_LIVE_TYPED_HINT"],"mappings":"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"}

package/dist/chat/chat-voice-controls.d.ts

@@ -0,0 +1,19 @@
+import { type UseAthenaChatVoiceOptions, type UseAthenaChatVoiceReturn } from '../voice/chat';
+export interface AthenaChatVoiceOptions extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {
+}
+/** One controller for this composer's controls, text sends and audio sink. */
+export declare function useComposerChatVoice({ options }: {
+    options: boolean | AthenaChatVoiceOptions;
+}): {
+    voice: UseAthenaChatVoiceReturn;
+    enabled: boolean;
+    active: boolean;
+    audioRef: import("react").RefObject<HTMLAudioElement | null>;
+};
+export declare function ChatVoiceButton({ voice, disabled, }: {
+    voice: UseAthenaChatVoiceReturn;
+    disabled: boolean;
+}): import("react").JSX.Element;
+export declare function ChatVoiceStatus({ voice }: {
+    voice: UseAthenaChatVoiceReturn;
+}): import("react").JSX.Element | null;

package/dist/chat/chat-voice-controls.js

@@ -0,0 +1,128 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useAui } from "@assistant-ui/react";
+import { Loader2Icon, MicOffIcon, MicIcon, HeadphonesIcon, PhoneOffIcon } from "lucide-react";
+import { useRef, useMemo, useEffect } from "react";
+import { athenaDiagnostics } from "../diagnostics/athena-diagnostics.js";
+import { createDeepAgentVoiceLiveKitAdapter } from "../voice/livekit.js";
+import { useDeepAgentVoice, useVoiceElapsed } from "../agent-runtime/src/use-deep-agent-voice.js";
+import { useChatVoiceEnabled } from "../voice/use-chat-voice-enabled.js";
+import { TooltipIconButton } from "./tooltip-icon-button.js";
+import { useMentionAuth } from "../chat-ui/mentions/suggestions/data/api-client.js";
+import { useCatalogPrincipal, credentialFingerprint } from "../catalog/runtime-catalog.js";
+import { VOICE_LIVE_TYPED_HINT } from "../agent-runtime/src/voice-presentation.js";
+function useComposerChatVoice({ options }) {
+  const aui = useAui();
+  const auth = useMentionAuth();
+  const principal = useCatalogPrincipal();
+  const enabled = useChatVoiceEnabled({ enabled: options !== false });
+  const audioRef = useRef(null);
+  const media = useMemo(
+    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),
+    []
+  );
+  const config = typeof options === "object" ? options : void 0;
+  const voice = useDeepAgentVoice({
+    transport: "livekit",
+    livekit: (config == null ? void 0 : config.livekit) ?? media,
+    model: config == null ? void 0 : config.model,
+    onDiagnostic: (config == null ? void 0 : config.onDiagnostic) ?? ((entry) => athenaDiagnostics.emit("voice.chat", { data: { ...entry } }))
+  });
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  const { end, syncProfile } = voice;
+  const identity = JSON.stringify([
+    auth.backendUrl,
+    principal,
+    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null
+  ]);
+  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });
+  useEffect(() => {
+    const previous = previousScope.current;
+    const changed = previous.identity !== identity || Boolean(
+      previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId
+    );
+    previousScope.current = {
+      identity,
+      workspaceId: previous.identity === identity ? auth.workspaceId ?? previous.workspaceId : auth.workspaceId
+    };
+    if (active && (changed || !enabled)) end();
+  }, [identity, auth.workspaceId, active, enabled, end]);
+  const live = voice.phase === "live";
+  useEffect(() => {
+    var _a, _b;
+    if (!live) return;
+    let timer;
+    const schedule = () => {
+      clearTimeout(timer);
+      timer = setTimeout(syncProfile, 800);
+    };
+    schedule();
+    const unsubscribe = (_b = (_a = aui.modelContext).subscribe) == null ? void 0 : _b.call(_a, schedule);
+    return () => {
+      clearTimeout(timer);
+      unsubscribe == null ? void 0 : unsubscribe();
+    };
+  }, [aui, live, syncProfile]);
+  return { voice, enabled, active, audioRef };
+}
+function ChatVoiceButton({
+  voice,
+  disabled
+}) {
+  const live = voice.phase === "live";
+  const connecting = voice.phase === "connecting";
+  const label = connecting ? "Cancel voice connection" : live ? voice.micMuted ? "Unmute microphone" : "Mute microphone" : "Start voice session";
+  return /* @__PURE__ */ jsx(
+    TooltipIconButton,
+    {
+      type: "button",
+      tooltip: label,
+      "aria-label": label,
+      "aria-pressed": live && !voice.micMuted,
+      className: "aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30",
+      disabled: !live && !connecting && disabled,
+      onClick: () => {
+        if (connecting) voice.end();
+        else if (live) voice.setMicMuted(!voice.micMuted);
+        else void voice.start();
+      },
+      children: connecting ? /* @__PURE__ */ jsx(Loader2Icon, { className: "size-4 animate-spin" }) : live ? voice.micMuted ? /* @__PURE__ */ jsx(MicOffIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(MicIcon, { className: "size-4" }) : /* @__PURE__ */ jsx(HeadphonesIcon, { className: "size-4" })
+    }
+  );
+}
+function ChatVoiceStatus({ voice }) {
+  const elapsed = useVoiceElapsed(voice.liveSince);
+  const active = voice.phase === "connecting" || voice.phase === "live";
+  if (!active && !voice.error && !voice.handoffTask) return null;
+  return /* @__PURE__ */ jsxs("div", { className: "aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground", children: [
+    active && /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-2", role: "status", children: [
+      /* @__PURE__ */ jsx("span", { children: voice.phase === "connecting" ? "Connecting voice…" : `Voice ${voice.micMuted ? "muted" : "live"}${elapsed ? ` · ${elapsed}` : ""}` }),
+      /* @__PURE__ */ jsx(
+        TooltipIconButton,
+        {
+          type: "button",
+          tooltip: "End voice session",
+          "aria-label": "End voice session",
+          onClick: voice.end,
+          children: /* @__PURE__ */ jsx(PhoneOffIcon, { className: "size-3.5" })
+        }
+      )
+    ] }),
+    voice.phase === "live" && /* @__PURE__ */ jsx("span", { children: VOICE_LIVE_TYPED_HINT }),
+    voice.activeTask && /* @__PURE__ */ jsxs("span", { children: [
+      "Athena is working: ",
+      voice.activeTask.text
+    ] }),
+    voice.handoffTask && /* @__PURE__ */ jsxs("span", { children: [
+      "Voice ended. Athena is still working: ",
+      voice.handoffTask.text
+    ] }),
+    voice.notice && /* @__PURE__ */ jsx("span", { role: "status", children: voice.notice }),
+    voice.error && /* @__PURE__ */ jsx("span", { role: "alert", className: "text-destructive", children: voice.error })
+  ] });
+}
+export {
+  ChatVoiceButton,
+  ChatVoiceStatus,
+  useComposerChatVoice
+};
+//# sourceMappingURL=chat-voice-controls.js.map

package/dist/chat/chat-voice-controls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chat-voice-controls.js","sources":["../../src/chat/chat-voice-controls.tsx"],"sourcesContent":["import { useAui } from '@assistant-ui/react';\nimport { useVoiceElapsed, VOICE_LIVE_TYPED_HINT } from '@athenaintel/agent-runtime';\nimport { HeadphonesIcon, Loader2Icon, MicIcon, MicOffIcon, PhoneOffIcon } from 'lucide-react';\nimport { useEffect, useMemo, useRef } from 'react';\nimport { athenaDiagnostics } from '../diagnostics/athena-diagnostics';\nimport { createDeepAgentVoiceLiveKitAdapter } from '../voice/livekit';\nimport {\n  useAthenaChatVoice,\n  type UseAthenaChatVoiceOptions,\n  type UseAthenaChatVoiceReturn,\n} from '../voice/chat';\nimport { useChatVoiceEnabled } from '../voice/use-chat-voice-enabled';\nimport { TooltipIconButton } from './tooltip-icon-button';\nimport { useMentionAuth } from '../chat-ui/mentions/suggestions/data/api-client';\nimport { credentialFingerprint, useCatalogPrincipal } from '../catalog/runtime-catalog';\n\nexport interface AthenaChatVoiceOptions\n  extends Pick<UseAthenaChatVoiceOptions, 'model' | 'livekit' | 'onDiagnostic'> {}\n\n/** One controller for this composer's controls, text sends and audio sink. */\nexport function useComposerChatVoice({ options }: { options: boolean | AthenaChatVoiceOptions }) {\n  const aui = useAui();\n  const auth = useMentionAuth();\n  const principal = useCatalogPrincipal();\n  const enabled = useChatVoiceEnabled({ enabled: options !== false });\n  const audioRef = useRef<HTMLAudioElement | null>(null);\n  const media = useMemo(\n    () => createDeepAgentVoiceLiveKitAdapter({ audioElement: () => audioRef.current }),\n    []\n  );\n  const config = typeof options === 'object' ? options : undefined;\n  const voice = useAthenaChatVoice({\n    transport: 'livekit',\n    livekit: config?.livekit ?? media,\n    model: config?.model,\n    onDiagnostic:\n      config?.onDiagnostic ??\n      ((entry) => athenaDiagnostics.emit('voice.chat', { data: { ...entry } })),\n  });\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  const { end, syncProfile } = voice;\n  const identity = JSON.stringify([\n    auth.backendUrl,\n    principal,\n    auth.apiKey ? credentialFingerprint({ credential: auth.apiKey }) : null,\n  ]);\n  const previousScope = useRef({ identity, workspaceId: auth.workspaceId });\n  useEffect(() => {\n    const previous = previousScope.current;\n    const changed =\n      previous.identity !== identity ||\n      Boolean(\n        previous.workspaceId && auth.workspaceId && previous.workspaceId !== auth.workspaceId\n      );\n    previousScope.current = {\n      identity,\n      workspaceId:\n        previous.identity === identity\n          ? auth.workspaceId ?? previous.workspaceId\n          : auth.workspaceId,\n    };\n    if (active && (changed || !enabled)) end();\n  }, [identity, auth.workspaceId, active, enabled, end]);\n\n  // Model/agent/toolkit/mode picks live in the ambient model context. Read it\n  // through the controller at send time, with the same debounce as other hosts.\n  const live = voice.phase === 'live';\n  useEffect(() => {\n    if (!live) return;\n    let timer: ReturnType<typeof setTimeout>;\n    const schedule = () => {\n      clearTimeout(timer);\n      timer = setTimeout(syncProfile, 800);\n    };\n    schedule();\n    const unsubscribe = aui.modelContext.subscribe?.(schedule);\n    return () => {\n      clearTimeout(timer);\n      unsubscribe?.();\n    };\n  }, [aui, live, syncProfile]);\n  return { voice, enabled, active, audioRef };\n}\n\nexport function ChatVoiceButton({\n  voice,\n  disabled,\n}: {\n  voice: UseAthenaChatVoiceReturn;\n  disabled: boolean;\n}) {\n  const live = voice.phase === 'live';\n  const connecting = voice.phase === 'connecting';\n  const label = connecting\n    ? 'Cancel voice connection'\n    : live\n    ? voice.micMuted\n      ? 'Unmute microphone'\n      : 'Mute microphone'\n    : 'Start voice session';\n  return (\n    <TooltipIconButton\n      type=\"button\"\n      tooltip={label}\n      aria-label={label}\n      aria-pressed={live && !voice.micMuted}\n      className=\"aui-composer-voice size-8 rounded-full p-0 disabled:opacity-30\"\n      disabled={!live && !connecting && disabled}\n      onClick={() => {\n        if (connecting) voice.end();\n        else if (live) voice.setMicMuted(!voice.micMuted);\n        else void voice.start();\n      }}\n    >\n      {connecting ? (\n        <Loader2Icon className=\"size-4 animate-spin\" />\n      ) : live ? (\n        voice.micMuted ? (\n          <MicOffIcon className=\"size-4\" />\n        ) : (\n          <MicIcon className=\"size-4\" />\n        )\n      ) : (\n        <HeadphonesIcon className=\"size-4\" />\n      )}\n    </TooltipIconButton>\n  );\n}\n\nexport function ChatVoiceStatus({ voice }: { voice: UseAthenaChatVoiceReturn }) {\n  const elapsed = useVoiceElapsed(voice.liveSince);\n  const active = voice.phase === 'connecting' || voice.phase === 'live';\n  if (!active && !voice.error && !voice.handoffTask) return null;\n  return (\n    <div className=\"aui-chat-voice-status flex flex-col gap-1 px-2 pb-2 text-xs text-muted-foreground\">\n      {active && (\n        <div className=\"flex items-center justify-between gap-2\" role=\"status\">\n          <span>\n            {voice.phase === 'connecting'\n              ? 'Connecting voice…'\n              : `Voice ${voice.micMuted ? 'muted' : 'live'}${elapsed ? ` · ${elapsed}` : ''}`}\n          </span>\n          <TooltipIconButton\n            type=\"button\"\n            tooltip=\"End voice session\"\n            aria-label=\"End voice session\"\n            onClick={voice.end}\n          >\n            <PhoneOffIcon className=\"size-3.5\" />\n          </TooltipIconButton>\n        </div>\n      )}\n      {voice.phase === 'live' && <span>{VOICE_LIVE_TYPED_HINT}</span>}\n      {voice.activeTask && <span>Athena is working: {voice.activeTask.text}</span>}\n      {voice.handoffTask && (\n        <span>Voice ended. Athena is still working: {voice.handoffTask.text}</span>\n      )}\n      {voice.notice && <span role=\"status\">{voice.notice}</span>}\n      {voice.error && (\n        <span role=\"alert\" className=\"text-destructive\">\n          {voice.error}\n        </span>\n      )}\n    </div>\n  );\n}\n"],"names":["useAthenaChatVoice"],"mappings":"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"}

package/dist/chat/use-statewire-approval-request.js

@@ -1,5 +1,5 @@
 import { useStatewireSendCommand, useStatewireRuns, useStatewireState } from "@assistant-ui/react-statewire";
-import { useMemo, useRef, useSyncExternalStore, useEffect, useCallback, useContext, createElement, createContext } from "react";
+import { useMemo, useRef, useSyncExternalStore, useEffect, useCallback, useContext, createContext, createElement } from "react";
 import { useAthenaRunLive } from "./use-athena-run-live.js";
 import { isApprovalCardInterrupt, HITL_PENDING_RESUME_GRACE_MS, readAbandonedInputRequests, findAbandonedInterrupt, asHitlApproval, pendingActionRequests, readInterruptMirror, interruptMirrorPayload, readQueuedLaneDecisions, useApprovalResumeLock, toolCallIdsAwaitingApproval, laneInterruptIds } from "../agent-runtime/src/interrupts.js";
 const NO_QUEUED_LANE_DECISIONS = Object.freeze({});

package/dist/chat-ui/composer/tiptap-composer.cjs

@@ -211,6 +211,14 @@ const TiptapComposer = react.forwardRef(
     const listRef = react.useRef(null);
     const pendingUploadsRef = react.useRef(new pendingAttachmentUploads.PendingAttachmentUploads());
     const submitInFlightRef = react.useRef(false);
+    const interceptionPendingRef = react.useRef(false);
+    const disabledRef = react.useRef(disabled);
+    disabledRef.current = disabled;
+    const setEditorEditable = react.useCallback((ed) => {
+      ed.setEditable(!disabledRef.current && !interceptionPendingRef.current, false);
+      ed.view.dom.setAttribute("aria-busy", String(interceptionPendingRef.current));
+      ed.view.dom.setAttribute("aria-readonly", String(!ed.isEditable));
+    }, []);
     const sendBlockedRef = react.useRef(sendBlocked);
     sendBlockedRef.current = sendBlocked;
     const sessionLane = statewireSessionLane.useStatewireSessionLane();
@@ -287,6 +295,20 @@ const TiptapComposer = react.forwardRef(
         const ed = editorRef.current;
         if (!ed) return;
         const { text, draftMarkdown } = composerMessage.captureComposerSend(ed);
+        const submittedDocument = ed.state.doc;
+        const consumeSubmittedDraft = () => {
+          if (ed.state.doc.eq(submittedDocument)) {
+            composerHandoff.takeRestoredAttachments({ store: handoff, threadId, assetIdsInDraft: /* @__PURE__ */ new Set() });
+            ed.commands.clearContent(false);
+            lastEmittedMarkdownRef.current = "";
+            composerInput.setText("");
+            clearImagePreviews();
+            onDraftStateChange == null ? void 0 : onDraftStateChange(false);
+          } else {
+            composerInput.setText(serializeDraft(ed));
+          }
+          onSubmitted == null ? void 0 : onSubmitted();
+        };
         const waitingOutbox = outboxRef.current;
         const runtimeAttachments = (((_a = aui.composer.getState().attachments) == null ? void 0 : _a.length) ?? 0) > 0;
         const hostExtras = Boolean(hasPendingExtras == null ? void 0 : hasPendingExtras());
@@ -325,35 +347,34 @@ const TiptapComposer = react.forwardRef(
               ...attachments.length > 0 && { attachments }
             });
           }
-          ed.commands.clearContent(false);
-          lastEmittedMarkdownRef.current = "";
-          composerInput.setText("");
-          clearImagePreviews();
-          onDraftStateChange == null ? void 0 : onDraftStateChange(false);
-          onSubmitted == null ? void 0 : onSubmitted();
+          consumeSubmittedDraft();
           return;
         }
         if (interceptSubmit) {
           const hasAttachments = (((_b = aui.composer.getState().attachments) == null ? void 0 : _b.length) ?? 0) > 0;
-          if (!hasAttachments && await interceptSubmit(text, draftMarkdown)) {
-            composerHandoff.takeRestoredAttachments({ store: handoff, threadId, assetIdsInDraft: /* @__PURE__ */ new Set() });
-            ed.commands.clearContent(false);
-            clearImagePreviews();
-            onDraftStateChange == null ? void 0 : onDraftStateChange(false);
-            onSubmitted == null ? void 0 : onSubmitted();
-            return;
+          if (!hasAttachments) {
+            interceptionPendingRef.current = true;
+            setEditorEditable(ed);
+            let intercepted;
+            try {
+              intercepted = await interceptSubmit(text, draftMarkdown);
+            } finally {
+              interceptionPendingRef.current = false;
+              if (!ed.isDestroyed) setEditorEditable(ed);
+            }
+            if (ed.isDestroyed) return;
+            if (intercepted) {
+              consumeSubmittedDraft();
+              return;
+            }
           }
         }
         if (!text) return;
         if (!composerInput.canSend) return;
         composerMessage.prepareComposerSend({ threadId, text, draftMarkdown });
-        composerHandoff.takeRestoredAttachments({ store: handoff, threadId, assetIdsInDraft: /* @__PURE__ */ new Set() });
         composerInput.setText(text);
         composerInput.send({ steer: false });
-        ed.commands.clearContent(false);
-        clearImagePreviews();
-        onDraftStateChange == null ? void 0 : onDraftStateChange(false);
-        onSubmitted == null ? void 0 : onSubmitted();
+        consumeSubmittedDraft();
       } finally {
         submitInFlightRef.current = false;
       }
@@ -368,6 +389,7 @@ const TiptapComposer = react.forwardRef(
       onAttachmentError,
       onDraftStateChange,
       onSubmitted,
+      setEditorEditable,
       threadId,
       waitForHostUploads
     ]);
@@ -461,8 +483,6 @@ const TiptapComposer = react.forwardRef(
       },
       [addAttachment, attachAnyFile, fileIntake, onAttachmentError]
     );
-    const disabledRef = react.useRef(disabled);
-    disabledRef.current = disabled;
     const insertAssetMentionRef = react.useRef(
       () => {
       }
@@ -560,8 +580,8 @@ const TiptapComposer = react.forwardRef(
     });
     editorRef.current = editor;
     react.useEffect(() => {
-      editor == null ? void 0 : editor.setEditable(!disabled);
-    }, [disabled, editor]);
+      if (editor && !editor.isDestroyed) setEditorEditable(editor);
+    }, [disabled, editor, setEditorEditable]);
     react.useEffect(() => {
       if (!editor || editor.isDestroyed) return;
       editor.view.dispatch(editor.state.tr.setMeta("addToHistory", false));