@unctad-ai/voice-agent-ui 5.2.0 → 5.2.1

package/dist/{VoiceSettingsView-OPMI5HCP.js → VoiceSettingsView-DANMPNO7.js}

@@ -5,7 +5,7 @@ import {
   SliderSetting,
   ToggleSetting,
   VoiceSettingsView
-} from "./chunk-IMDRPZ6B.js";
+} from "./chunk-7ZBULBW7.js";
 export {
   Divider,
   SelectSetting,
@@ -14,4 +14,4 @@ export {
   ToggleSetting,
   VoiceSettingsView as default
 };
-//# sourceMappingURL=VoiceSettingsView-OPMI5HCP.js.map
+//# sourceMappingURL=VoiceSettingsView-DANMPNO7.js.map

package/dist/{chunk-IMDRPZ6B.js → chunk-7ZBULBW7.js}

@@ -1902,7 +1902,7 @@ function VoiceSettingsView({ onBack, onVolumeChange }) {
           ) : /* @__PURE__ */ jsx3("span", {}),
           /* @__PURE__ */ jsxs2("span", { children: [
             "Kit v",
-            /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.2.0" })
+            /* @__PURE__ */ jsx3("span", { style: { fontWeight: 500, color: "#6b7280" }, children: "5.2.1" })
           ] })
         ] }) })
       ]
@@ -1994,4 +1994,4 @@ export {
   SettingsSection,
   Divider
 };
-//# sourceMappingURL=chunk-IMDRPZ6B.js.map
+//# sourceMappingURL=chunk-7ZBULBW7.js.map

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   VoiceSettingsProvider,
   VoiceSettingsView,
   useVoiceSettings
-} from "./chunk-IMDRPZ6B.js";
+} from "./chunk-7ZBULBW7.js";
 
 // src/VoiceAgentProvider.tsx
 import { SiteConfigProvider } from "@unctad-ai/voice-agent-core";
@@ -1764,7 +1764,7 @@ function PipelineMetricsBar({
 
 // src/components/GlassCopilotPanel.tsx
 import { jsx as jsx9, jsxs as jsxs8 } from "react/jsx-runtime";
-var VoiceSettingsView2 = lazy(() => import("./VoiceSettingsView-OPMI5HCP.js"));
+var VoiceSettingsView2 = lazy(() => import("./VoiceSettingsView-DANMPNO7.js"));
 var RETRY_INITIAL_MS = 3e3;
 var RETRY_MAX_MS = 3e4;
 var STATE_LABELS = {
@@ -2037,9 +2037,9 @@ function CollapsedBar({
           "div",
           {
             className: "relative shrink-0",
-            style: { width: 46, height: 46, opacity: isOffline ? 0.4 : 1 },
+            style: { width: 56, height: 56, opacity: isOffline ? 0.4 : 1 },
             children: [
-              /* @__PURE__ */ jsx9(AgentAvatar, { state: orbState, getAmplitude, size: 46, portraitSrc }),
+              /* @__PURE__ */ jsx9(AgentAvatar, { state: orbState, getAmplitude, size: 56, portraitSrc }),
               !ttsEnabled && /* @__PURE__ */ jsx9(
                 "div",
                 {
@@ -2261,31 +2261,26 @@ function ComposerBar({
           className: "flex items-center gap-3",
           style: { height: 56, padding: "10px 14px" },
           children: [
-            /* @__PURE__ */ jsxs8(
-              "button",
+            /* @__PURE__ */ jsx9(
+              motion5.button,
               {
                 onClick: onMicToggle,
-                className: "shrink-0 rounded-full flex items-center justify-center transition-all relative cursor-pointer",
+                whileHover: { scale: 1.08 },
+                whileTap: { scale: 0.93 },
+                animate: isListening ? { backgroundColor: [colors.primary, `${colors.primary}BB`, colors.primary] } : { backgroundColor: "rgba(0,0,0,0.06)" },
+                transition: isListening ? { backgroundColor: { duration: 1.8, repeat: Infinity, ease: "easeInOut" } } : { duration: 0.3 },
+                className: "shrink-0 rounded-full flex items-center justify-center relative cursor-pointer",
                 style: {
                   width: 44,
                   height: 44,
-                  backgroundColor: isListening ? colors.primary : "rgba(0,0,0,0.06)",
-                  color: isListening ? "white" : "rgba(0,0,0,0.5)"
+                  color: isListening ? "white" : "rgba(0,0,0,0.5)",
+                  border: "none",
+                  padding: 0,
+                  boxShadow: isListening ? `0 2px 8px ${colors.primary}40, 0 1px 3px rgba(0,0,0,0.12)` : "0 1px 4px rgba(0,0,0,0.10)"
                 },
                 "aria-label": isListening ? "Stop listening" : "Start listening",
                 "data-testid": "voice-agent-mic",
-                children: [
-                  isListening && /* @__PURE__ */ jsx9(
-                    motion5.span,
-                    {
-                      className: "absolute inset-0 rounded-full",
-                      animate: { scale: [1, 1.22, 1], opacity: [0.25, 0.08, 0.25] },
-                      transition: { duration: 1.8, repeat: Infinity, ease: "easeInOut" },
-                      style: { backgroundColor: `${colors.primary}33`, filter: "blur(4px)" }
-                    }
-                  ),
-                  /* @__PURE__ */ jsx9(Mic3, { style: { width: 18, height: 18, position: "relative", zIndex: 1 } })
-                ]
+                children: /* @__PURE__ */ jsx9(Mic3, { style: { width: 18, height: 18, position: "relative", zIndex: 1 } })
               }
             ),
             /* @__PURE__ */ jsx9("div", { className: "flex-1 min-w-0", children: /* @__PURE__ */ jsx9(AnimatePresence5, { mode: "wait", children: /* @__PURE__ */ jsx9(
@@ -2581,9 +2576,9 @@ function ExpandedContent({
                 {
                   animate: { opacity: isOffline ? 0.35 : 1 },
                   className: "relative shrink-0",
-                  style: { width: 46, height: 46, filter: isOffline ? "grayscale(0.8)" : "none" },
+                  style: { width: 56, height: 56, filter: isOffline ? "grayscale(0.8)" : "none" },
                   children: [
-                    /* @__PURE__ */ jsx9(AgentAvatar, { state: orbState, getAmplitude, size: 46, showRing: true, portraitSrc }),
+                    /* @__PURE__ */ jsx9(AgentAvatar, { state: orbState, getAmplitude, size: 56, showRing: true, portraitSrc }),
                     !ttsEnabled && /* @__PURE__ */ jsx9(
                       "div",
                       {
@@ -2902,7 +2897,7 @@ function WiredPanelInner({
           timings: lastTimings ?? void 0,
           route: window.location.pathname,
           copilotName: config.copilotName,
-          kitVersion: "5.2.0"
+          kitVersion: "5.2.1"
         })
       });
       const body = await res.json().catch(() => ({ ticketId: void 0 }));