@ai-matrx/chat 0.3.5 → 0.3.9

package/dist/voice-agent/relay/VoiceRelayBar.d.ts

@@ -16,7 +16,13 @@ export interface VoiceRelayBarProps {
     /**
      * `bar` draws the standalone section chrome. `toolbar` embeds the same
      * controls in an existing toolbar without adding another layout row.
+     * `composer` is the Smart Agent Input's "Live audio": idle it is ONE icon
+     * button beside the mic (no word, no extra width); pressed, the same live
+     * controls as `toolbar` (Arman, 2026-10-07: one voice control per surface).
      */
-    variant?: "bar" | "toolbar";
+    variant?: "bar" | "toolbar" | "composer";
+    /** Controlled on/off (the composer's + menu turns it on when the row is folded). */
+    enabled?: boolean;
+    onEnabledChange?: (enabled: boolean) => void;
 }
 export declare function VoiceRelayBar(props: VoiceRelayBarProps): import("react").JSX.Element;

package/dist/voice-agent/relay/VoiceRelayBar.js

@@ -1,6 +1,9 @@
 "use client";
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
+import { useEffect, useRef, useState } from "react";
+import { useAppSelector } from "../../store/hooks.js";
+import { cn } from "@ai-matrx/design-system";
+import { selectVoiceInstructions } from "../state/selectors.js";
 import { Mic, Square, AudioLines } from "lucide-react";
 import { Button } from "@ai-matrx/design-system/controls";
 import { useMandate } from "../../mandates/useMandate.js";
@@ -16,7 +19,10 @@ function ActiveVoiceRelay({
   conversationId,
   surfaceKey,
   sourceFeature,
-  questionPacing
+  questionPacing,
+  onEnd,
+  autoStart,
+  variant
 }) {
   const relay = useVoiceRelaySession({
     communicatorAgentId,
@@ -27,19 +33,26 @@ function ActiveVoiceRelay({
     questionPacing
   });
   const live = relay.status !== "idle" && relay.status !== "error";
+  const instructionsReady = useAppSelector(
+    (state) => (selectVoiceInstructions(state, relay.instanceId) ?? "").trim().length > 0
+  );
+  const started = useRef(false);
+  useEffect(() => {
+    if (!autoStart || !instructionsReady || started.current) return;
+    started.current = true;
+    relay.toggle();
+  }, [autoStart, instructionsReady, relay]);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
       Button,
       {
         variant: live ? "danger" : "primary",
-        onClick: relay.toggle,
-        children: live ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Square, { className: "mr-1.5 h-3.5 w-3.5" }),
-          " End voice"
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          /* @__PURE__ */ jsx(Mic, { className: "mr-1.5 h-3.5 w-3.5" }),
-          " Talk"
-        ] })
+        icon: live ? /* @__PURE__ */ jsx(Square, {}) : /* @__PURE__ */ jsx(Mic, {}),
+        onClick: () => {
+          relay.toggle();
+          if (live) onEnd?.();
+        },
+        children: live ? "End voice" : "Talk"
       }
     ),
     live ? (
@@ -53,33 +66,86 @@ function ActiveVoiceRelay({
         }
       )
     ) : null,
-    /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: relay.error ? relay.error.message : relay.brainBusy ? "thinking\u2026" : relay.status })
+    relay.error || relay.brainBusy || relay.status !== "idle" ? (
+      // In the composer's row it is ONE line: the full sentence on hover.
+      /* @__PURE__ */ jsx(
+        "span",
+        {
+          className: cn(
+            "text-xs",
+            relay.error ? "text-destructive" : "text-muted-foreground",
+            variant === "composer" && "min-w-0 max-w-[14rem] truncate"
+          ),
+          title: relay.error?.message,
+          children: relay.error ? variant === "composer" ? "Voice did not start" : relay.error.message : relay.brainBusy ? "thinking\u2026" : relay.status
+        }
+      )
+    ) : null
   ] });
 }
 function VoiceRelayBar(props) {
-  const [enabled, setEnabled] = useState(false);
-  const communicator = useMandate(VOICE_COMMUNICATOR_MANDATE_KEY);
+  const [ownEnabled, setOwnEnabled] = useState(false);
+  const enabled = props.enabled ?? ownEnabled;
+  const setEnabled = (next) => {
+    if (props.enabled === void 0) setOwnEnabled(next);
+    props.onEnabledChange?.(next);
+  };
+  if (!enabled && props.variant === "composer") {
+    return /* @__PURE__ */ jsx(
+      Button,
+      {
+        variant: "quiet",
+        icon: /* @__PURE__ */ jsx(AudioLines, {}),
+        "aria-label": "Live audio",
+        title: "Live audio \u2014 talk and hear the answer",
+        onClick: () => setEnabled(true)
+      }
+    );
+  }
   return /* @__PURE__ */ jsx(
     "div",
     {
-      className: props.variant === "toolbar" ? "flex items-center gap-1" : "flex items-center gap-2 border-b border-border px-3 py-1.5",
-      children: !enabled ? /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(AudioLines, {}), variant: "quiet", onClick: () => setEnabled(true), children: " Voice" }) : communicator.loading ? /* @__PURE__ */ jsx("span", { className: "text-xs text-muted-foreground", children: "Connecting the voice layer\u2026" }) : communicator.error || !communicator.mandate ? (
-        // An unresolvable mandate REFUSES loudly — no fallback persona, ever.
-        /* @__PURE__ */ jsxs("span", { className: "text-xs text-destructive", children: [
-          "Voice is unavailable: ",
-          communicator.error ?? "no Communicator bound",
-          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: communicator.error })
-        ] })
-      ) : /* @__PURE__ */ jsx(
-        ActiveVoiceRelay,
+      className: props.variant === "toolbar" || props.variant === "composer" ? "flex items-center gap-1" : "flex items-center gap-2 border-b border-border px-3 py-1.5",
+      children: !enabled ? /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(AudioLines, {}), variant: "quiet", onClick: () => setEnabled(true), children: " Voice" }) : /* @__PURE__ */ jsx(
+        EnabledVoiceRelay,
         {
           ...props,
-          communicatorAgentId: communicator.mandate.agentId
+          onEnd: props.variant === "composer" ? () => setEnabled(false) : void 0
         }
       )
     }
   );
 }
+function EnabledVoiceRelay(props) {
+  const communicator = useMandate(VOICE_COMMUNICATOR_MANDATE_KEY);
+  if (communicator.loading) {
+    return /* @__PURE__ */ jsx("span", { className: "truncate text-xs text-muted-foreground", children: "Connecting the voice layer\u2026" });
+  }
+  if (communicator.error || !communicator.mandate) {
+    return /* @__PURE__ */ jsxs(
+      "span",
+      {
+        className: cn(
+          "flex min-w-0 items-center gap-1 text-xs text-destructive",
+          props.variant === "composer" && "max-w-[14rem]"
+        ),
+        title: `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}`,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: props.variant === "composer" ? "Voice is unavailable" : `Voice is unavailable: ${communicator.error ?? "no Communicator bound"}` }),
+          /* @__PURE__ */ jsx(ErrorAlchemyMenu, { error: communicator.error })
+        ]
+      }
+    );
+  }
+  return /* @__PURE__ */ jsx(
+    ActiveVoiceRelay,
+    {
+      ...props,
+      communicatorAgentId: communicator.mandate.agentId,
+      autoStart: props.variant === "composer"
+    }
+  );
+}
 export {
   VoiceRelayBar
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ai-matrx/chat",
-  "version": "0.3.5",
+  "version": "0.3.9",
   "description": "THE one AI Matrx person-to-agent chat system: the full chat (running agents, conversations, tool calls, streaming, context, surfaces, voice) as per-module subpaths @ai-matrx/chat/<domain>/<module> over a host contract (/host, /host/react) whose only required value is a db; plus the kernel compatibility entries (., /external-store, /matrx, /react, /tools, styles.css, tokens.css) until P28.",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -204,21 +204,21 @@
     "@ai-matrx/agents": "latest",
     "@ai-matrx/alchemy": "latest",
     "@ai-matrx/associations": "latest",
-    "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/canvas": "latest",
-    "@ai-matrx/content-ir": "latest",
+    "@ai-matrx/browser-audio": "latest",
     "@ai-matrx/content-ir-react": "latest",
+    "@ai-matrx/content-ir": "latest",
     "@ai-matrx/data": "latest",
     "@ai-matrx/design-system": "latest",
     "@ai-matrx/diff": "latest",
     "@ai-matrx/icons": "latest",
     "@ai-matrx/kit": "latest",
     "@ai-matrx/media": "latest",
-    "@ai-matrx/print": "latest",
     "@ai-matrx/realtime": "latest",
     "@ai-matrx/records": "latest",
     "@ai-matrx/records-ui": "latest",
-    "@ai-matrx/tap-target": "latest"
+    "@ai-matrx/tap-target": "latest",
+    "@ai-matrx/print": "latest"
   },
   "devDependencies": {
     "@arethetypeswrong/cli": "^0.18.5",