@agimon-ai/doompi-voice 0.0.1-alpha.113 → 0.0.1-alpha.114

package/dist/extensions/web.mjs

@@ -585,10 +585,12 @@ function Meter({ tone }) {
 * it out, so listening, hearing, transcribing and narrating each read as
 * themselves rather than as a word tucked inside a chip.
 */
-function VoiceActivitySection({ sessionId, sendSessionFrame, statuses }) {
+function VoiceActivitySection({ sessionId, statuses }) {
 	const view = voiceActivityView(statuses["doom-voice"]);
 	const [liveStartPending, setLiveStartPending] = useState(false);
 	const [liveStartError, setLiveStartError] = useState(null);
+	const [microphonePending, setMicrophonePending] = useState(false);
+	const [microphoneError, setMicrophoneError] = useState(null);
 	const controlGlobalLive = async (action) => {
 		if (sessionId === null || liveStartPending) return;
 		setLiveStartPending(true);
@@ -677,13 +679,20 @@ function VoiceActivitySection({ sessionId, sendSessionFrame, statuses }) {
 	}
 	const mediaConflict = sessionId !== null && browserState?.sessionId === sessionId && browserState.phase === "conflict" && view.mode !== "off";
 	const tone = mediaConflict ? "attention" : view.tone;
-	const sendCommand = (message) => {
-		if (sessionId !== null) sendSessionFrame(sessionId, {
-			type: "prompt",
-			message
-		});
+	const toggleAutonomousMicrophone = async () => {
+		if (sessionId === null || microphonePending) return;
+		setMicrophonePending(true);
+		setMicrophoneError(null);
+		try {
+			const action = view.microphoneMuted ? "unmute" : "mute";
+			const result = await voice.session(sessionId).control({ body: { action } });
+			if (!result.ok) throw new Error(result.error || "Microphone control request failed.");
+		} catch (error) {
+			setMicrophoneError(error instanceof Error ? error.message : String(error));
+		} finally {
+			setMicrophonePending(false);
+		}
 	};
-	const toggleAutonomousMicrophone = () => sendCommand(`/voice-auto ${view.microphoneMuted ? "unmute" : "mute"}`);
 	const showAutonomousMicrophoneControl = !mediaConflict && view.mode === "auto" && view.phase !== "starting" && view.phase !== "draining";
 	return /* @__PURE__ */ jsxs("div", {
 		"data-testid": "voice-activity",
@@ -722,7 +731,8 @@ function VoiceActivitySection({ sessionId, sendSessionFrame, statuses }) {
 						"aria-label": `${view.microphoneMuted ? "unmute" : "mute"} autonomous voice microphone`,
 						"aria-pressed": view.microphoneMuted,
 						title: `${view.microphoneMuted ? "unmute" : "mute"} autonomous voice microphone`,
-						onClick: toggleAutonomousMicrophone,
+						disabled: sessionId === null || microphonePending,
+						onClick: () => void toggleAutonomousMicrophone(),
 						children: view.microphoneMuted ? "unmute" : "mute"
 					}) : null,
 					!mediaConflict && view.active ? /* @__PURE__ */ jsx(Meter, { tone: view.tone }) : null
@@ -733,6 +743,11 @@ function VoiceActivitySection({ sessionId, sendSessionFrame, statuses }) {
 				className: "text-2xs leading-relaxed text-doom-yellow",
 				children: ["Live control failed: ", liveStartError]
 			}) : null,
+			microphoneError !== null ? /* @__PURE__ */ jsxs("span", {
+				role: "alert",
+				className: "text-2xs leading-relaxed text-doom-yellow",
+				children: ["Microphone control failed: ", microphoneError]
+			}) : null,
 			mediaConflict || view.detail ? /* @__PURE__ */ jsx("span", {
 				"data-testid": "voice-detail",
 				className: "text-2xs leading-relaxed text-doom-faint",