@unctad-ai/voice-agent-ui 1.0.4 → 1.0.6

package/dist/index.d.ts

@@ -46,14 +46,15 @@ declare function VoiceSettingsProvider({ children }: {
 declare function useVoiceSettings(): VoiceSettingsContextType;
 
 interface GlassCopilotPanelProps {
-    isOpen: boolean;
+    /** Controlled open state. When omitted, the panel manages its own open/close state. */
+    isOpen?: boolean;
     onOpen?: () => void;
-    onClose: () => void;
+    onClose?: () => void;
     onStateChange?: (orbState: OrbState) => void;
     /** URL for the avatar portrait image */
     portraitSrc?: string;
 }
-declare function GlassCopilotPanel({ isOpen, onOpen, onClose, onStateChange, portraitSrc }: GlassCopilotPanelProps): react.ReactPortal;
+declare function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, onStateChange, portraitSrc }: GlassCopilotPanelProps): react.ReactPortal;
 
 interface AgentAvatarProps {
     state: OrbState;

package/dist/index.js

@@ -2524,15 +2524,23 @@ function WiredPanelInner({
     /* @__PURE__ */ jsx9(AnimatePresence5, { children: showSettings && /* @__PURE__ */ jsx9(Suspense, { fallback: null, children: /* @__PURE__ */ jsx9(VoiceSettingsView2, { onBack: toggleSettings, onVolumeChange: applyVolume }) }) })
   ] });
 }
-function GlassCopilotPanel({ isOpen, onOpen, onClose, onStateChange, portraitSrc }) {
+function GlassCopilotPanel({ isOpen: isOpenProp, onOpen: onOpenProp, onClose: onCloseProp, onStateChange, portraitSrc }) {
   injectAgentFabCSS();
   const config = useSiteConfig4();
   const resolvedPortrait = portraitSrc ?? config.avatarUrl;
+  const [internalOpen, setInternalOpen] = useState5(false);
+  const isControlled = isOpenProp !== void 0;
+  const isOpen = isControlled ? isOpenProp : internalOpen;
+  const handleOpen = useCallback3(() => {
+    onOpenProp?.();
+    if (!isControlled) setInternalOpen(true);
+  }, [onOpenProp, isControlled]);
   const [internalState, setInternalState] = useState5("collapsed");
   const panelState = isOpen ? internalState : "hidden";
   const handleClose = useCallback3(() => {
-    onClose();
-  }, [onClose]);
+    onCloseProp?.();
+    if (!isControlled) setInternalOpen(false);
+  }, [onCloseProp, isControlled]);
   const handleCollapse = useCallback3(() => {
     setInternalState("collapsed");
   }, []);
@@ -2570,7 +2578,7 @@ function GlassCopilotPanel({ isOpen, onOpen, onClose, onStateChange, portraitSrc
       ] }) }) }),
       /* @__PURE__ */ jsx9("span", { "aria-live": "polite", "aria-atomic": "true", style: { position: "absolute", width: 1, height: 1, padding: 0, margin: -1, overflow: "hidden", clip: "rect(0,0,0,0)", whiteSpace: "nowrap", borderWidth: 0 }, children: ariaAnnouncement }),
       /* @__PURE__ */ jsxs8(AnimatePresence5, { children: [
-        !isVisible && /* @__PURE__ */ jsx9(motion5.div, { ref: fabRef, initial: { scale: 0, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeOut" }, className: "fixed", style: { bottom: PANEL_BOTTOM, right: PANEL_RIGHT, zIndex: PANEL_Z_INDEX }, children: /* @__PURE__ */ jsx9(CopilotFAB, { onClick: () => onOpen?.(), portraitSrc: resolvedPortrait }) }, "copilot-fab"),
+        !isVisible && /* @__PURE__ */ jsx9(motion5.div, { ref: fabRef, initial: { scale: 0, opacity: 0 }, animate: { scale: 1, opacity: 1 }, exit: { scale: 0, opacity: 0 }, transition: { duration: 0.25, ease: "easeOut" }, className: "fixed", style: { bottom: PANEL_BOTTOM, right: PANEL_RIGHT, zIndex: PANEL_Z_INDEX }, children: /* @__PURE__ */ jsx9(CopilotFAB, { onClick: handleOpen, portraitSrc: resolvedPortrait }) }, "copilot-fab"),
         isVisible && /* @__PURE__ */ jsxs8(
           motion5.div,
           {