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

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

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

package/dist/{chunk-IMDRPZ6B.js → chunk-ZOFSD63V.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.2" })
           ] })
         ] }) })
       ]
@@ -1994,4 +1994,4 @@ export {
   SettingsSection,
   Divider
 };
-//# sourceMappingURL=chunk-IMDRPZ6B.js.map
+//# sourceMappingURL=chunk-ZOFSD63V.js.map

package/dist/index.d.ts

@@ -57,7 +57,7 @@ interface GlassCopilotPanelProps {
     /** URL for the avatar portrait image */
     portraitSrc?: string;
 }
-declare function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, onStateChange, portraitSrc }: GlassCopilotPanelProps): react.ReactPortal;
+declare function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, onStateChange, portraitSrc }: GlassCopilotPanelProps): react.ReactPortal | null;
 
 interface AgentAvatarProps {
     state: OrbState;

package/dist/index.js

@@ -8,7 +8,7 @@ import {
   VoiceSettingsProvider,
   VoiceSettingsView,
   useVoiceSettings
-} from "./chunk-IMDRPZ6B.js";
+} from "./chunk-ZOFSD63V.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-NHTSA3OB.js"));
 var RETRY_INITIAL_MS = 3e3;
 var RETRY_MAX_MS = 3e4;
 var STATE_LABELS = {
@@ -1781,6 +1781,14 @@ var ARIA_LIVE_LABELS = {
   speaking: "Playing response",
   error: "An error occurred"
 };
+function isRouteExcluded(patterns) {
+  if (!patterns?.length || typeof window === "undefined") return false;
+  const path = window.location.pathname;
+  return patterns.some((p) => {
+    if (p.endsWith("/*")) return path.startsWith(p.slice(0, -1));
+    return path === p;
+  });
+}
 function CopilotFAB({ onClick, portraitSrc, isOffline = false }) {
   const { colors } = useSiteConfig4();
   return /* @__PURE__ */ jsx9(
@@ -1795,12 +1803,12 @@ function CopilotFAB({ onClick, portraitSrc, isOffline = false }) {
         border: "none",
         padding: 0,
         borderRadius: "50%",
-        width: 68,
-        height: 68
+        width: 80,
+        height: 80
       },
       "aria-label": "Open voice assistant",
       "data-testid": "voice-agent-fab",
-      children: /* @__PURE__ */ jsx9("div", { className: "agent-fab-border", style: { width: 68, height: 68, "--agent-primary": isOffline ? "#9ca3af" : colors.primary, animation: isOffline ? "none" : void 0 }, children: /* @__PURE__ */ jsx9("div", { className: "agent-fab-border-inner", children: portraitSrc ? /* @__PURE__ */ jsx9(
+      children: /* @__PURE__ */ jsx9("div", { className: "agent-fab-border", style: { width: 80, height: 80, "--agent-primary": isOffline ? "#9ca3af" : colors.primary, animation: isOffline ? "none" : void 0 }, children: /* @__PURE__ */ jsx9("div", { className: "agent-fab-border-inner", children: portraitSrc ? /* @__PURE__ */ jsx9(
         "img",
         {
           src: portraitSrc,
@@ -2037,9 +2045,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 +2269,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 +2584,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 +2905,7 @@ function WiredPanelInner({
           timings: lastTimings ?? void 0,
           route: window.location.pathname,
           copilotName: config.copilotName,
-          kitVersion: "5.2.0"
+          kitVersion: "5.2.2"
         })
       });
       const body = await res.json().catch(() => ({ ticketId: void 0 }));
@@ -2974,6 +2977,18 @@ function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: on
   injectAgentFabCSS();
   const config = useSiteConfig4();
   const resolvedPortrait = portraitSrc ?? config.avatarUrl;
+  const [routeHidden, setRouteHidden] = useState5(() => isRouteExcluded(config.excludeRoutes));
+  useEffect6(() => {
+    if (!config.excludeRoutes?.length) return;
+    const check = () => setRouteHidden(isRouteExcluded(config.excludeRoutes));
+    window.addEventListener("popstate", check);
+    const timer = setInterval(check, 500);
+    return () => {
+      window.removeEventListener("popstate", check);
+      clearInterval(timer);
+    };
+  }, [config.excludeRoutes]);
+  if (routeHidden) return null;
   const [internalOpen, setInternalOpen] = useState5(false);
   const isControlled = isOpenProp !== void 0;
   const isOpen = isControlled ? isOpenProp : internalOpen;
@@ -3053,9 +3068,9 @@ function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: on
             "aria-label": "Voice Assistant",
             "aria-modal": "false",
             "data-testid": "voice-agent-panel",
-            initial: { width: 68, height: 68, borderRadius: 34, opacity: 0, scale: 0.9 },
+            initial: { width: 80, height: 80, borderRadius: 40, opacity: 0, scale: 0.9 },
             animate: { width: PANEL_WIDTH, height: Math.min(targetHeight, window.innerHeight - 48), borderRadius: PANEL_BORDER_RADIUS, opacity: 1, scale: 1, transition: SPRING_PANEL },
-            exit: { width: 68, height: 68, borderRadius: 34, opacity: 0, scale: 0.95, transition: SPRING_PANEL_EXIT },
+            exit: { width: 80, height: 80, borderRadius: 40, opacity: 0, scale: 0.95, transition: SPRING_PANEL_EXIT },
             className: "fixed",
             style: { bottom: PANEL_BOTTOM, right: PANEL_RIGHT, zIndex: PANEL_Z_INDEX, transformOrigin: "bottom right", maxWidth: "calc(100vw - 32px)", outline: "none", fontFamily: config.fontFamily ?? DEFAULT_FONT_FAMILY2 },
             children: [