@unctad-ai/voice-agent-ui 5.4.3 → 5.4.5

package/dist/{VoiceSettingsView-5KC4U5MD.js → VoiceSettingsView-LWZKDZHT.js}

@@ -5,7 +5,7 @@ import {
   SliderSetting,
   ToggleSetting,
   VoiceSettingsView
-} from "./chunk-HCWPPDLW.js";
+} from "./chunk-KYZTZ7FR.js";
 export {
   Divider,
   SelectSetting,
@@ -14,4 +14,4 @@ export {
   ToggleSetting,
   VoiceSettingsView as default
 };
-//# sourceMappingURL=VoiceSettingsView-5KC4U5MD.js.map
+//# sourceMappingURL=VoiceSettingsView-LWZKDZHT.js.map

package/dist/{chunk-HCWPPDLW.js → chunk-KYZTZ7FR.js}

@@ -1949,7 +1949,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
           ) : /* @__PURE__ */ jsx3("span", {}),
           /* @__PURE__ */ jsxs2("span", { children: [
             "Kit v",
-            /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.4.3" })
+            /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.4.5" })
           ] })
         ] }) })
       ]
@@ -2041,4 +2041,4 @@ export {
   SettingsSection,
   Divider
 };
-//# sourceMappingURL=chunk-HCWPPDLW.js.map
+//# sourceMappingURL=chunk-KYZTZ7FR.js.map

package/dist/index.d.ts

@@ -123,12 +123,13 @@ declare class VoiceErrorBoundary extends Component<Props, State> {
     render(): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | react.ReactPortal | react.ReactElement<unknown, string | react.JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | react_jsx_runtime.JSX.Element | null | undefined;
 }
 
-type VoiceErrorType = 'mic_denied' | 'mic_unavailable' | 'vad_load_failed' | 'stt_failed' | 'tts_failed' | 'network_error' | 'llm_failed' | 'speech_too_short' | 'not_addressed' | 'processing' | null;
+type VoiceErrorType = 'mic_denied' | 'mic_unavailable' | 'mic_busy' | 'vad_load_failed' | 'stt_failed' | 'tts_failed' | 'network_error' | 'llm_failed' | 'speech_too_short' | 'not_addressed' | 'processing' | null;
 interface VoiceErrorDisplayProps {
     error: VoiceErrorType;
     onDismiss: () => void;
+    onRetry?: () => void;
 }
-declare function VoiceErrorDisplay({ error, onDismiss }: VoiceErrorDisplayProps): react_jsx_runtime.JSX.Element;
+declare function VoiceErrorDisplay({ error, onDismiss, onRetry }: VoiceErrorDisplayProps): react_jsx_runtime.JSX.Element;
 
 interface VoiceOnboardingProps {
     onTryNow: () => void;

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   VoiceSettingsProvider,
   VoiceSettingsView,
   useVoiceSettings
-} from "./chunk-HCWPPDLW.js";
+} from "./chunk-KYZTZ7FR.js";
 
 // src/VoiceAgentProvider.tsx
 import { SiteConfigProvider } from "@unctad-ai/voice-agent-core";
@@ -1099,7 +1099,7 @@ function VoiceTranscript({
                               color: "#1a1a1a"
                             }
                           }
-                        ) : /* @__PURE__ */ jsx4(
+                        ) : isAI && isLast && voiceState === "PROCESSING" ? null : /* @__PURE__ */ jsx4(
                           FormattedText,
                           {
                             text: displayText,
@@ -1560,7 +1560,7 @@ var VoiceErrorBoundary = class extends Component {
 
 // src/components/VoiceErrorDisplay.tsx
 import { motion as motion3, AnimatePresence as AnimatePresence3 } from "motion/react";
-import { AlertTriangle as AlertTriangle2, Hourglass, Mic as Mic2, MicOff, VolumeX, Wifi, WifiOff } from "lucide-react";
+import { AlertTriangle as AlertTriangle2, Hourglass, Mic as Mic2, MicOff, RefreshCw as RefreshCw2, VolumeX, Wifi, WifiOff } from "lucide-react";
 import { jsx as jsx7, jsxs as jsxs6 } from "react/jsx-runtime";
 var SEVERITY_STYLES = {
   error: {
@@ -1596,6 +1596,12 @@ var ERROR_CONFIG = {
     title: "No microphone found",
     severity: "error"
   },
+  mic_busy: {
+    icon: Mic2,
+    title: "Could not access your microphone. Close video call apps (Teams, Zoom) and retry.",
+    severity: "warning",
+    retryable: true
+  },
   vad_load_failed: {
     icon: AlertTriangle2,
     title: "Voice detection unavailable",
@@ -1637,7 +1643,7 @@ var ERROR_CONFIG = {
     severity: "info"
   }
 };
-function VoiceErrorDisplay({ error, onDismiss }) {
+function VoiceErrorDisplay({ error, onDismiss, onRetry }) {
   return /* @__PURE__ */ jsx7(AnimatePresence3, { children: error && /* @__PURE__ */ jsx7(
     motion3.div,
     {
@@ -1660,6 +1666,17 @@ function VoiceErrorDisplay({ error, onDismiss }) {
         return /* @__PURE__ */ jsxs6("div", { className: "flex items-center gap-2", children: [
           /* @__PURE__ */ jsx7(Icon, { className: cn("h-4 w-4 shrink-0", styles.icon) }),
           /* @__PURE__ */ jsx7("span", { className: cn("text-xs flex-1", styles.text), children: config.title }),
+          config.retryable && onRetry && /* @__PURE__ */ jsxs6(
+            "button",
+            {
+              onClick: onRetry,
+              className: cn("text-xs font-medium transition-colors cursor-pointer", styles.text, "hover:underline flex items-center gap-1"),
+              children: [
+                /* @__PURE__ */ jsx7(RefreshCw2, { className: "h-3 w-3" }),
+                "Retry"
+              ]
+            }
+          ),
           /* @__PURE__ */ jsx7(
             "button",
             {
@@ -1761,7 +1778,7 @@ function PipelineMetricsBar({
 
 // src/components/GlassCopilotPanel.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var VoiceSettingsView2 = lazy(() => import("./VoiceSettingsView-5KC4U5MD.js"));
+var VoiceSettingsView2 = lazy(() => import("./VoiceSettingsView-LWZKDZHT.js"));
 var RETRY_INITIAL_MS = 3e3;
 var RETRY_MAX_MS = 3e4;
 var STATE_LABELS = {
@@ -2672,7 +2689,11 @@ function ExpandedContent({
               /* @__PURE__ */ jsx9(motion5.span, { animate: isRetrying ? { rotate: 360 } : { rotate: 0 }, transition: isRetrying ? { duration: 0.8, repeat: Infinity, ease: "linear" } : { duration: 0.3 }, style: { display: "flex", alignItems: "center", justifyContent: "center" }, children: /* @__PURE__ */ jsx9(RotateCw, { style: { width: 14, height: 14 } }) }),
               isRetrying ? "Checking..." : retryCountdown ? `Retrying in ${retryCountdown}s...` : "Retry connection"
             ] }) }),
-            voiceError !== "network_error" && /* @__PURE__ */ jsx9("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx9(VoiceErrorDisplay, { error: voiceError, onDismiss: dismissError }) }),
+            voiceError !== "network_error" && /* @__PURE__ */ jsx9("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx9(VoiceErrorDisplay, { error: voiceError, onDismiss: dismissError, onRetry: voiceError === "mic_busy" ? () => {
+              dismissError();
+              onMicToggle();
+              setTimeout(onMicToggle, 200);
+            } : void 0 }) }),
             /* @__PURE__ */ jsx9("div", { style: { padding: "0 16px 8px" }, children: /* @__PURE__ */ jsx9(VoiceToolCard, { result: toolResult, onDismiss: onToolDismiss, variant: "capsule" }) })
           ] })
         ] }),
@@ -2977,7 +2998,7 @@ function WiredPanelInner({
           timings: lastTimings ?? void 0,
           route: window.location.pathname,
           copilotName: config.copilotName,
-          kitVersion: "5.4.3"
+          kitVersion: "5.4.5"
         })
       });
       const body = await res.json().catch(() => ({ ticketId: void 0 }));
@@ -3855,7 +3876,11 @@ function WiredOverlayContent({
             children: /* @__PURE__ */ jsx16(VoiceTranscript, { messages, isTyping: state === "AI_SPEAKING" || isLLMLoading })
           }
         ),
-        /* @__PURE__ */ jsx16("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx16(VoiceErrorDisplay, { error: voiceError, onDismiss: dismissError }) }),
+        /* @__PURE__ */ jsx16("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx16(VoiceErrorDisplay, { error: voiceError, onDismiss: dismissError, onRetry: voiceError === "mic_busy" ? () => {
+          dismissError();
+          stop();
+          setTimeout(start, 200);
+        } : void 0 }) }),
         /* @__PURE__ */ jsx16("div", { style: { pointerEvents: "auto" }, children: /* @__PURE__ */ jsx16(VoiceToolCard, { result: toolResult, onDismiss: () => setToolResult(null) }) }),
         /* @__PURE__ */ jsx16(
           motion9.div,