@bytexbyte/nxtlinq-ai-agent-sdk 1.6.16 → 1.6.18

package/dist/components/context/ChatBotContext.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAEL,kBAAkB,EAClB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAohElD,CAAC"}
+{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/ChatBotContext.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAS/B,OAAO,EAEL,kBAAkB,EAClB,YAAY,EAEb,MAAM,uBAAuB,CAAC;AAM/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAwvElD,CAAC"}

package/dist/components/context/ChatBotContext.js

@@ -9,6 +9,7 @@ import useSessionStorage from '../../core/lib/useSessionStorage';
 import { useSpeechToTextFromMic } from '../../core/lib/useSpeechToTextFromMic';
 import metakeepClient from '../../core/metakeepClient';
 import { sleep } from '../../core/utils';
+const MIC_ENABLED_SESSION_KEY = 'chatbot-mic-enabled';
 const ChatBotContext = React.createContext(undefined);
 export const useChatBot = () => {
     const context = React.useContext(ChatBotContext);
@@ -36,7 +37,7 @@ isStopRecordingOnSend = false, }) => {
     setApiHosts(environment);
     const nxtlinqApi = React.useMemo(() => createNxtlinqApi(apiKey, apiSecret), [apiKey, apiSecret]);
     // Custom hook
-    const { isRecording, transcript, partialTranscript, start: startRecording, stop: stopRecording, clear: clearRecording } = useSpeechToTextFromMic({
+    const { isMicEnabled, transcript, partialTranscript, start: startRecording, stop: stopRecording, clear: clearRecording } = useSpeechToTextFromMic({
         apiKey,
         apiSecret
     });
@@ -69,6 +70,8 @@ isStopRecordingOnSend = false, }) => {
         ? useSessionStorage('chatbot-suggestions', presetMessages)
         : React.useState(presetMessages);
     const [isAITEnabling, setIsAITEnabling] = React.useState(false);
+    const [isAwaitingMicGesture, setIsAwaitingMicGesture] = React.useState(false);
+    const [autoSendEnabled, setAutoSendEnabled] = useLocalStorage('chatbot-auto-send-enabled', true);
     // Use refs to get latest state values in hasPermission function
     const hitAddressRef = React.useRef(hitAddress);
     const aitRef = React.useRef(ait);
@@ -76,9 +79,15 @@ isStopRecordingOnSend = false, }) => {
     const nxtlinqAITServiceAccessTokenRef = React.useRef(nxtlinqAITServiceAccessToken);
     const signerRef = React.useRef(signer);
     // Refs for input value and recording state
-    const isRecordingRef = React.useRef(false);
+    const isMicEnabledRef = React.useRef(false);
+    const isRestoringRecordingRef = React.useRef(false);
+    const hasSyncedMicStateRef = React.useRef(false);
+    const isReacquiringMicRef = React.useRef(false);
+    const pendingMicAutoStartRef = React.useRef(false);
+    const autoStartGestureCleanupRef = React.useRef(null);
     const textInputRef = React.useRef(null);
     const lastPartialRangeRef = React.useRef(null);
+    const lastAutoSentTranscriptRef = React.useRef('');
     function insertPartial(input, partial, caret) {
         let start = caret;
         let end = caret;
@@ -160,17 +169,214 @@ isStopRecordingOnSend = false, }) => {
         if (!textInputRef.current)
             return;
         const { next, caret } = finalizePartial(inputValue, transcript);
-        setInputValue(normalizeTranscript(next));
+        const normalizedText = normalizeTranscript(next);
+        setInputValue(normalizedText);
         setTimeout(() => {
             if (textInputRef.current) {
                 textInputRef.current.selectionStart = caret;
                 textInputRef.current.selectionEnd = caret;
             }
         }, 0);
-    }, [transcript]);
+        // Auto send on speech complete (if user enabled the toggle)
+        if (autoSendEnabled && isMicEnabled && normalizedText.trim()) {
+            // Avoid duplicate sends by checking if this transcript was already sent
+            if (lastAutoSentTranscriptRef.current !== normalizedText.trim()) {
+                lastAutoSentTranscriptRef.current = normalizedText.trim();
+                // Small delay to ensure input value is updated
+                setTimeout(() => {
+                    if (normalizedText.trim() && !isLoading) {
+                        sendMessage(normalizedText.trim()).catch(error => {
+                            console.error('Failed to auto-send message from speech:', error);
+                            // Reset the ref so user can try again
+                            lastAutoSentTranscriptRef.current = '';
+                        });
+                    }
+                }, 100);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [transcript, autoSendEnabled, isMicEnabled, isLoading]);
+    React.useEffect(() => {
+        isMicEnabledRef.current = isMicEnabled;
+        // Reset auto-sent transcript ref when starting new recording
+        if (isMicEnabled) {
+            lastAutoSentTranscriptRef.current = '';
+            // Hide gesture prompt once mic is actually enabled
+            setIsAwaitingMicGesture(false);
+            // Remove any pending gesture listeners
+            if (autoStartGestureCleanupRef.current) {
+                autoStartGestureCleanupRef.current();
+                autoStartGestureCleanupRef.current = null;
+            }
+        }
+    }, [isMicEnabled]);
+    React.useEffect(() => {
+        if (typeof window === 'undefined') {
+            return;
+        }
+        if (!useSessionStorageMode) {
+            sessionStorage.removeItem(MIC_ENABLED_SESSION_KEY);
+            hasSyncedMicStateRef.current = false;
+            return;
+        }
+        if (!hasSyncedMicStateRef.current) {
+            return;
+        }
+        try {
+            sessionStorage.setItem(MIC_ENABLED_SESSION_KEY, JSON.stringify(isMicEnabled));
+        }
+        catch (error) {
+            console.warn('Failed to persist recording state to sessionStorage:', error);
+        }
+    }, [isMicEnabled, useSessionStorageMode]);
     React.useEffect(() => {
-        isRecordingRef.current = isRecording;
-    }, [isRecording]);
+        if (typeof window === 'undefined') {
+            return;
+        }
+        const cleanupAutoStartListeners = () => {
+            if (autoStartGestureCleanupRef.current) {
+                autoStartGestureCleanupRef.current();
+                autoStartGestureCleanupRef.current = null;
+            }
+        };
+        if (!useSessionStorageMode) {
+            cleanupAutoStartListeners();
+            pendingMicAutoStartRef.current = false;
+            setIsAwaitingMicGesture(false);
+            return;
+        }
+        if (hasSyncedMicStateRef.current || isReacquiringMicRef.current) {
+            return;
+        }
+        const rawStoredValue = sessionStorage.getItem(MIC_ENABLED_SESSION_KEY);
+        const shouldRestore = rawStoredValue === 'true';
+        if (!shouldRestore || isMicEnabledRef.current || isRestoringRecordingRef.current) {
+            hasSyncedMicStateRef.current = true;
+            setIsAwaitingMicGesture(false);
+            return;
+        }
+        pendingMicAutoStartRef.current = true;
+        function scheduleRetryOnUserGesture() {
+            if (autoStartGestureCleanupRef.current)
+                return;
+            setIsAwaitingMicGesture(true);
+            const events = ['pointerdown', 'keydown', 'touchstart'];
+            const handler = async () => {
+                cleanupAutoStartListeners();
+                await attemptAutoStart('user-gesture');
+            };
+            events.forEach(event => window.addEventListener(event, handler, { once: true }));
+            autoStartGestureCleanupRef.current = () => {
+                events.forEach(event => window.removeEventListener(event, handler));
+                autoStartGestureCleanupRef.current = null;
+            };
+        }
+        async function attemptAutoStart(reason) {
+            isReacquiringMicRef.current = true;
+            // For initial restore, show gesture prompt immediately while checking
+            // This gives user early feedback and allows them to click anytime
+            if (reason === 'initial') {
+                scheduleRetryOnUserGesture();
+            }
+            if (typeof navigator !== 'undefined' && navigator.mediaDevices?.getUserMedia) {
+                try {
+                    const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
+                    stream.getTracks().forEach(track => track.stop());
+                }
+                catch (error) {
+                    console.error('Failed to reacquire microphone stream:', error);
+                    const errorName = error?.name || '';
+                    const errorMessage = error instanceof Error ? error.message : String(error);
+                    if (reason === 'initial') {
+                        const isPermissionPermanentlyDenied = errorName === 'NotAllowedError' &&
+                            /permission.*denied|blocked|not.*granted/i.test(errorMessage);
+                        if (isPermissionPermanentlyDenied) {
+                            // Permission permanently denied, hide the prompt
+                            pendingMicAutoStartRef.current = false;
+                            setIsAwaitingMicGesture(false);
+                            try {
+                                sessionStorage.setItem(MIC_ENABLED_SESSION_KEY, JSON.stringify(false));
+                            }
+                            catch (storageError) {
+                                console.warn('Failed to reset recording state in sessionStorage:', storageError);
+                            }
+                            cleanupAutoStartListeners();
+                        }
+                        // Otherwise, keep the prompt showing (already shown above)
+                        isReacquiringMicRef.current = false;
+                        return;
+                    }
+                    // For user-gesture retry, treat as error
+                    pendingMicAutoStartRef.current = false;
+                    setIsAwaitingMicGesture(false);
+                    try {
+                        sessionStorage.setItem(MIC_ENABLED_SESSION_KEY, JSON.stringify(false));
+                    }
+                    catch (storageError) {
+                        console.warn('Failed to reset recording state in sessionStorage:', storageError);
+                    }
+                    isReacquiringMicRef.current = false;
+                    hasSyncedMicStateRef.current = true;
+                    cleanupAutoStartListeners();
+                    return;
+                }
+            }
+            else if (reason === 'initial') {
+                // getUserMedia not available, prompt already shown above
+                isReacquiringMicRef.current = false;
+                return;
+            }
+            isRestoringRecordingRef.current = true;
+            // Intercept console.warn to detect AudioContext warnings
+            let audioContextWarningDetected = false;
+            const originalWarn = console.warn;
+            console.warn = (...args) => {
+                const message = args.join(' ');
+                if (message.includes('AudioContext was not allowed to start')) {
+                    audioContextWarningDetected = true;
+                }
+                originalWarn.apply(console, args);
+            };
+            try {
+                await startRecording();
+                console.warn = originalWarn;
+                // Check mic status after a short delay
+                await new Promise(resolve => setTimeout(resolve, 300));
+                // If mic started successfully, hide the prompt
+                if (isMicEnabledRef.current) {
+                    pendingMicAutoStartRef.current = false;
+                    setIsAwaitingMicGesture(false);
+                    cleanupAutoStartListeners();
+                }
+                else if (reason === 'initial') {
+                    // Mic didn't start, keep the prompt showing (already shown earlier)
+                    isRestoringRecordingRef.current = false;
+                    return;
+                }
+            }
+            catch (error) {
+                console.error('startRecording threw an error:', error);
+                try {
+                    sessionStorage.setItem(MIC_ENABLED_SESSION_KEY, JSON.stringify(false));
+                }
+                catch (storageError) {
+                    console.warn('Failed to reset recording state in sessionStorage:', storageError);
+                }
+            }
+            finally {
+                console.warn = originalWarn;
+                isRestoringRecordingRef.current = false;
+                isReacquiringMicRef.current = false;
+                hasSyncedMicStateRef.current = true;
+            }
+        }
+        attemptAutoStart('initial');
+        return () => {
+            cleanupAutoStartListeners();
+            pendingMicAutoStartRef.current = false;
+            setIsAwaitingMicGesture(false);
+        };
+    }, [useSessionStorageMode, startRecording]);
     const [notification, setNotification] = React.useState({
         show: false,
         type: 'info',
@@ -1282,15 +1488,17 @@ isStopRecordingOnSend = false, }) => {
     const handleSubmit = async (e) => {
         e.preventDefault();
         if (isStopRecordingOnSend) {
-            while (isRecordingRef.current) {
+            while (isMicEnabledRef.current) {
                 stopRecording();
                 await sleep(1000);
             }
         }
         else {
-            if (isRecordingRef.current) {
+            if (isMicEnabledRef.current) {
                 await sleep(1000);
                 clearRecording();
+                // Reset auto-sent transcript ref when clearing recording
+                lastAutoSentTranscriptRef.current = '';
             }
         }
         if (!textInputRef.current)
@@ -1816,9 +2024,11 @@ isStopRecordingOnSend = false, }) => {
         isWalletLoading,
         isAutoConnecting,
         notification,
-        isRecording,
+        isMicEnabled,
+        isAwaitingMicGesture,
         transcript,
         textInputRef,
+        autoSendEnabled,
         // AI Model related state
         availableModels: effectiveAvailableModels,
         selectedModelIndex,
@@ -1837,6 +2047,7 @@ isStopRecordingOnSend = false, }) => {
         // AI Model related actions
         setSelectedModelIndex,
         setSuggestions,
+        setAutoSendEnabled,
         // Functions
         connectWallet,
         signInWallet,

package/dist/components/types/ChatBotTypes.d.ts

@@ -81,9 +81,11 @@ export interface ChatBotContextType {
         autoHide?: boolean;
         duration?: number;
     };
-    isRecording: boolean;
+    isMicEnabled: boolean;
+    isAwaitingMicGesture: boolean;
     transcript: string;
     textInputRef: React.RefObject<HTMLInputElement>;
+    autoSendEnabled: boolean;
     availableModels: AIModel[];
     selectedModelIndex: number;
     showModelSelector: boolean;
@@ -98,6 +100,7 @@ export interface ChatBotContextType {
     setNotification: (notification: any) => void;
     setSelectedModelIndex: (index: number) => void;
     setSuggestions: (suggestions: PresetMessage[]) => void;
+    setAutoSendEnabled: (enabled: boolean) => void;
     connectWallet: (autoShowSignInMessage?: boolean) => Promise<string | false | undefined>;
     signInWallet: (autoShowSuccessMessage?: boolean) => Promise<void>;
     sendMessage: (content: string, retryCount?: number) => Promise<void>;

package/dist/components/types/ChatBotTypes.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ChatBotTypes.d.ts","sourceRoot":"","sources":["../../../src/components/types/ChatBotTypes.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"ChatBotTypes.d.ts","sourceRoot":"","sources":["../../../src/components/types/ChatBotTypes.ts"],"names":[],"mappings":"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"}

package/dist/components/ui/BerifyMeModal.d.ts

@@ -1,3 +1,4 @@
+/** @jsxImportSource @emotion/react */
 import React from 'react';
 interface BerifyMeModalProps {
     isOpen: boolean;
@@ -10,6 +11,10 @@ declare global {
     interface Window {
         BerifyMeSDK?: {
             modal: any;
+            environment: {
+                Staging: any;
+                Production: any;
+            };
         };
     }
 }

package/dist/components/ui/BerifyMeModal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BerifyMeModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/BerifyMeModal.tsx"],"names":[],"mappings":"AAEA,OAAO,KAA4B,MAAM,OAAO,CAAC;AAGjD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AASD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAoHtD,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,GAAG,CAAC;SACZ,CAAC;KACH;CACF"}
+{"version":3,"file":"BerifyMeModal.d.ts","sourceRoot":"","sources":["../../../src/components/ui/BerifyMeModal.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAA4B,MAAM,OAAO,CAAC;AAIjD,UAAU,kBAAkB;IAC1B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,sBAAsB,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAClD,IAAI,CAAC,EAAE,UAAU,GAAG,UAAU,CAAC;CAChC;AASD,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CAsHtD,CAAC;AAGF,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,MAAM;QACd,WAAW,CAAC,EAAE;YACZ,KAAK,EAAE,GAAG,CAAC;YACX,WAAW,EAAE;gBACX,OAAO,EAAE,GAAG,CAAC;gBACb,UAAU,EAAE,GAAG,CAAC;aACjB,CAAC;SACH,CAAC;KACH;CACF"}

package/dist/components/ui/BerifyMeModal.js

@@ -1,13 +1,13 @@
 import { jsx as _jsx } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
-import { css } from '@emotion/react';
 import React, { useEffect, useRef } from 'react';
+import { css } from '@emotion/react';
 import { modalOverlay } from './styles/isolatedStyles';
 // Built-in BerifyMe configuration
 const BUILT_IN_BERIFYME_CONFIG = {
-    apiKeyId: 'idv_XjN7vvuQVfHnaUkVQAEhdTuxAsQeKoa9',
-    secretKey: 'aaa444b1-087c-4b17-821a-9a6974286905',
-    environment: 'idv'
+    apiKeyId: 'staging_83dc824cb50b4e76747e352b4228f2ee',
+    secretKey: 'ee96158a-9ae2-42ad-8c30-f7b23edbf258',
+    environment: 'staging'
 };
 export const BerifyMeModal = ({ isOpen, onClose, onVerificationComplete, mode = 'built-in' }) => {
     const modalRef = useRef(null);
@@ -71,12 +71,14 @@ export const BerifyMeModal = ({ isOpen, onClose, onVerificationComplete, mode =
             const redirectUrl = `${window.location.origin}${window.location.pathname}?isAutoConnect=true&method=berifyme&returnUrl=${encodeURIComponent(currentUrl)}`;
             // Create BerifyMe modal using built-in config
             const berifyMeModal = window.BerifyMeSDK.modal;
+            // Always use staging environment for now
+            const environment = window.BerifyMeSDK.environment.Staging;
             // Use React 18's createRoot
             const { createRoot } = require('react-dom/client');
             const root = createRoot(modalRef.current);
             berifyMeModalRef.current = root;
             root.render(React.createElement(berifyMeModal, {
-                environment: BUILT_IN_BERIFYME_CONFIG.environment,
+                environment,
                 apiKeyId: BUILT_IN_BERIFYME_CONFIG.apiKeyId,
                 secretKey: BUILT_IN_BERIFYME_CONFIG.secretKey,
                 redirectUrl,

package/dist/components/ui/MessageInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MessageInput.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAoGhC,CAAC"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MessageInput.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAwKhC,CAAC"}

package/dist/components/ui/MessageInput.js

@@ -1,13 +1,14 @@
-import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
 /** @jsxImportSource @emotion/react */
 import { css } from '@emotion/react';
 import MicIcon from '@mui/icons-material/Mic';
 import MicOffIcon from '@mui/icons-material/MicOff';
-import { IconButton, InputBase } from '@mui/material';
+import SendIcon from '@mui/icons-material/Send';
+import { IconButton, InputBase, Tooltip } from '@mui/material';
 import { useChatBot } from '../context/ChatBotContext';
 import { actionButton } from './styles/isolatedStyles';
 export const MessageInput = () => {
-    const { inputValue, setInputValue, isLoading, isAITLoading, handleSubmit, isRecording, startRecording, stopRecording, textInputRef, props: { placeholder = 'Type a message...' } } = useChatBot();
+    const { inputValue, setInputValue, isLoading, isAITLoading, handleSubmit, isMicEnabled, isAwaitingMicGesture, startRecording, stopRecording, textInputRef, autoSendEnabled, setAutoSendEnabled, props: { placeholder = 'Type a message...' } } = useChatBot();
     const isDisabled = isLoading || isAITLoading;
     const inputPlaceholder = isAITLoading ? 'Loading wallet configuration...' : placeholder;
     const handleKeyPress = (e) => {
@@ -16,47 +17,68 @@ export const MessageInput = () => {
             handleSubmit(e);
         }
     };
-    return (_jsxs("div", { css: css `
-      padding: 15px !important;
-      display: flex !important;
-      align-items: center !important;
-      gap: 10px !important;
-      border-top: 1px solid #eee !important;
-    `, children: [_jsx(InputBase, { value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyPress: handleKeyPress, placeholder: inputPlaceholder, fullWidth: true, inputProps: {
-                    ref: textInputRef
-                }, endAdornment: _jsx(IconButton, { onClick: () => isRecording ? stopRecording() : startRecording(), children: isRecording ? _jsx(MicIcon, {}) : _jsx(MicOffIcon, {}) }), css: css `
-          flex: 1 !important;
-          padding: 10px !important;
-          border: 1px solid #ddd !important;
-          border-radius: 20px !important;
-          outline: none !important;
-          font-size: 14px !important;
-          background-color: #fff !important;
-          height: 40px !important;
-          box-sizing: border-box !important;
-        ` }), _jsxs("button", { onClick: (e) => handleSubmit(e), disabled: isDisabled || !inputValue.trim(), css: css `
-          ${actionButton}
-          padding: 10px 20px !important;
-          border-radius: 20px !important;
-          position: relative !important;
+    return (_jsxs(_Fragment, { children: [isAwaitingMicGesture && (_jsx("div", { role: "status", "aria-live": "polite", css: css `
+            margin: 12px 15px 0 !important;
+            padding: 10px 14px !important;
+            border-radius: 8px !important;
+            border: 1px solid #ffeeba !important;
+            background-color: #fff3cd !important;
+            color: #856404 !important;
+            font-size: 13px !important;
+            line-height: 1.4 !important;
+            z-index: 1000 !important;
+            position: relative !important;
+            display: block !important;
+            visibility: visible !important;
+            opacity: 1 !important;
+          `, children: "\u26A0\uFE0F The microphone needs a user interaction to re-enable. Please click on the page or press any key." })), _jsxs("div", { css: css `
+          padding: 15px !important;
           display: flex !important;
           align-items: center !important;
-          justify-content: center !important;
-          height: 40px !important;
-          box-sizing: border-box !important;
-          
-          &:disabled {
-            background-color: #e9ecef !important;
-            color: #6c757d !important;
-            cursor: not-allowed !important;
-          }
-          
-          &:hover:not(:disabled) {
-            background-color: #0056b3 !important;
-          }
-        `, children: ["Send", (isLoading || isAITLoading) && (_jsx("span", { css: css `
-            margin-left: 8px !important;
+          gap: 10px !important;
+          border-top: 1px solid #eee !important;
+        `, children: [_jsx(InputBase, { value: inputValue, onChange: (e) => setInputValue(e.target.value), onKeyPress: handleKeyPress, placeholder: inputPlaceholder, fullWidth: true, inputProps: {
+                            ref: textInputRef
+                        }, endAdornment: _jsxs(_Fragment, { children: [isMicEnabled && (_jsx(Tooltip, { title: autoSendEnabled ? 'Auto send enabled' : 'Auto send disabled', children: _jsx(IconButton, { size: "small", onClick: (e) => {
+                                            e.stopPropagation();
+                                            setAutoSendEnabled(!autoSendEnabled);
+                                        }, css: css `
+                      padding: 4px !important;
+                      margin-right: 4px !important;
+                      color: ${autoSendEnabled ? '#1976d2' : '#9e9e9e'} !important;
+                    `, children: _jsx(SendIcon, { fontSize: "small" }) }) })), _jsx(IconButton, { onClick: () => (isMicEnabled ? stopRecording() : startRecording()), children: isMicEnabled ? _jsx(MicIcon, {}) : _jsx(MicOffIcon, {}) })] }), css: css `
+            flex: 1 !important;
+            padding: 10px !important;
+            border: 1px solid #ddd !important;
+            border-radius: 20px !important;
+            outline: none !important;
+            font-size: 14px !important;
+            background-color: #fff !important;
+            height: 40px !important;
+            box-sizing: border-box !important;
+          ` }), _jsxs("button", { onClick: (e) => handleSubmit(e), disabled: isDisabled || !inputValue.trim(), css: css `
+            ${actionButton}
+            padding: 10px 20px !important;
+            border-radius: 20px !important;
+            position: relative !important;
             display: flex !important;
             align-items: center !important;
-          `, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 50 50", children: _jsx("circle", { cx: "25", cy: "25", r: "20", fill: "none", stroke: "#fff", strokeWidth: "4", strokeDasharray: "31.4 31.4", strokeLinecap: "round", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 25 25", to: "360 25 25", dur: "1s", repeatCount: "indefinite" }) }) }) }))] })] }));
+            justify-content: center !important;
+            height: 40px !important;
+            box-sizing: border-box !important;
+
+            &:disabled {
+              background-color: #e9ecef !important;
+              color: #6c757d !important;
+              cursor: not-allowed !important;
+            }
+
+            &:hover:not(:disabled) {
+              background-color: #0056b3 !important;
+            }
+          `, children: ["Send", (isLoading || isAITLoading) && (_jsx("span", { css: css `
+                margin-left: 8px !important;
+                display: flex !important;
+                align-items: center !important;
+              `, children: _jsx("svg", { width: "16", height: "16", viewBox: "0 0 50 50", children: _jsx("circle", { cx: "25", cy: "25", r: "20", fill: "none", stroke: "#fff", strokeWidth: "4", strokeDasharray: "31.4 31.4", strokeLinecap: "round", children: _jsx("animateTransform", { attributeName: "transform", type: "rotate", from: "0 25 25", to: "360 25 25", dur: "1s", repeatCount: "indefinite" }) }) }) }))] })] })] }));
 };

package/dist/core/lib/useSpeechToTextFromMic/helper.d.ts

@@ -2,10 +2,10 @@ import { SpeechRecognizer } from 'microsoft-cognitiveservices-speech-sdk';
 import { Dispatch, SetStateAction } from 'react';
 /**
  * Start speech recognition
- * - partialTranscript: 暫存逐字 (recognizing)
- * - setSpeechToTextArray: 完整句子陣列 (recognized)
+ * - partialTranscript: temporary partial transcription (recognizing)
+ * - setSpeechToTextArray: finalized sentence array (recognized)
  */
-export declare const startSpeechToTextFromMic: (setSpeechToTextArray: Dispatch<SetStateAction<string[]>>, // 完整句子
+export declare const startSpeechToTextFromMic: (setSpeechToTextArray: Dispatch<SetStateAction<string[]>>, // finalized sentences
 config: {
     apiKey: string;
     apiSecret: string;

package/dist/core/lib/useSpeechToTextFromMic/helper.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/core/lib/useSpeechToTextFromMic/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,gBAAgB,EACjB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIjD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,sBAAsB,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,EAAI,OAAO;AACnE,QAAQ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EAC7C,YAAY,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAC5C,UAAU,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EACxC,uBAAuB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KACtD,OAAO,CAAC,gBAAgB,GAAG,SAAS,CAsDtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,gBAAgB,GAAG,SAAS,SAIvE,CAAC;AAEF,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;;;;;;;;GAwBxE"}
+{"version":3,"file":"helper.d.ts","sourceRoot":"","sources":["../../../../src/core/lib/useSpeechToTextFromMic/helper.ts"],"names":[],"mappings":"AAAA,OAAO,EAML,gBAAgB,EACjB,MAAM,wCAAwC,CAAC;AAChD,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAIjD;;;;GAIG;AACH,eAAO,MAAM,wBAAwB,GACnC,sBAAsB,QAAQ,CAAC,cAAc,CAAC,MAAM,EAAE,CAAC,CAAC,EAAI,sBAAsB;AAClF,QAAQ;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,EAC7C,YAAY,KAAK,CAAC,gBAAgB,CAAC,MAAM,EAAE,CAAC,EAC5C,UAAU,KAAK,CAAC,gBAAgB,CAAC,MAAM,CAAC,EACxC,uBAAuB,QAAQ,CAAC,cAAc,CAAC,MAAM,CAAC,CAAC,KACtD,OAAO,CAAC,gBAAgB,GAAG,SAAS,CA2DtC,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,YAAY,gBAAgB,GAAG,SAAS,SAIvE,CAAC;AAEF,wBAAsB,iBAAiB,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM;;;;;;;;GAwBxE"}

package/dist/core/lib/useSpeechToTextFromMic/helper.js

@@ -3,11 +3,11 @@ import Cookie from 'universal-cookie';
 import { createNxtlinqApi } from '../../../api/nxtlinq-api';
 /**
  * Start speech recognition
- * - partialTranscript: 暫存逐字 (recognizing)
- * - setSpeechToTextArray: 完整句子陣列 (recognized)
+ * - partialTranscript: temporary partial transcription (recognizing)
+ * - setSpeechToTextArray: finalized sentence array (recognized)
  */
-export const startSpeechToTextFromMic = async (setSpeechToTextArray, // 完整句子
-config, historyRef, indexRef, setPartialTranscript // ✅ 新增：暫存逐字
+export const startSpeechToTextFromMic = async (setSpeechToTextArray, // finalized sentences
+config, historyRef, indexRef, setPartialTranscript // temporary partial transcription state updater
 ) => {
     const tokenRes = await getTokenOrRefresh(config.apiKey, config.apiSecret);
     if (!tokenRes.authToken || !tokenRes.region) {
@@ -16,25 +16,25 @@ config, historyRef, indexRef, setPartialTranscript // ✅ 新增：暫存逐字
     }
     const speechConfig = SpeechConfig.fromAuthorizationToken(tokenRes.authToken, tokenRes.region);
     speechConfig.speechRecognitionLanguage = 'en-US';
-    // 靜音判斷與 segmentation 設定
+    // silence detection and segmentation configuration
     speechConfig.setProperty(PropertyId.SpeechServiceConnection_InitialSilenceTimeoutMs, '10000');
     speechConfig.setProperty(PropertyId.SpeechServiceConnection_EndSilenceTimeoutMs, '86400000');
     speechConfig.setProperty(PropertyId.Speech_SegmentationSilenceTimeoutMs, '1000');
     const audioConfig = AudioConfig.fromDefaultMicrophoneInput();
     const recognizer = new SpeechRecognizer(speechConfig, audioConfig);
-    // 暫存逐字
+    // temporary partial transcription
     recognizer.recognizing = (_s, e) => {
         if (setPartialTranscript) {
             setPartialTranscript(e.result.text);
         }
     };
-    // 完整句子
+    // finalized sentences
     recognizer.recognized = (_s, e) => {
         if (e.result.reason === ResultReason.RecognizedSpeech) {
             const text = e.result.text;
             historyRef.current[indexRef.current] = text;
             indexRef.current += 1;
-            // ✅ 關鍵：只把「本次完整句子」回推給 UI
+            // return only the latest finalized sentence to the UI
             setSpeechToTextArray([text]);
             if (setPartialTranscript)
                 setPartialTranscript('');
@@ -47,10 +47,12 @@ config, historyRef, indexRef, setPartialTranscript // ✅ 新增：暫存逐字
             console.error(`Error details: ${e.errorDetails}`);
         }
     };
-    recognizer.sessionStopped = () => {
-        console.log('Speech recognition session stopped');
-    };
-    recognizer.startContinuousRecognitionAsync();
+    await new Promise((resolve, reject) => {
+        recognizer.startContinuousRecognitionAsync(() => resolve(), error => {
+            console.error('Failed to start continuous speech recognition:', error);
+            reject(error);
+        });
+    });
     return recognizer;
 };
 /**

package/dist/core/lib/useSpeechToTextFromMic/index.d.ts

@@ -7,7 +7,7 @@ type UseSpeechToTextFromMicResult = {
     start: () => Promise<void>;
     stop: () => void;
     clear: () => void;
-    isRecording: boolean;
+    isMicEnabled: boolean;
     transcript: string;
     partialTranscript: string;
 };

package/dist/core/lib/useSpeechToTextFromMic/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/lib/useSpeechToTextFromMic/index.ts"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,WAAW,EAAE,OAAO,CAAC;IACrB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,SAAS,EACT,mBAA0B,GAC3B,EAAE,KAAK,GAAG,4BAA4B,CAuEtC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/core/lib/useSpeechToTextFromMic/index.ts"],"names":[],"mappings":"AAIA,UAAU,KAAK;IACb,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,KAAK,4BAA4B,GAAG;IAClC,KAAK,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC3B,IAAI,EAAE,MAAM,IAAI,CAAC;IACjB,KAAK,EAAE,MAAM,IAAI,CAAC;IAClB,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,iBAAiB,EAAE,MAAM,CAAC;CAC3B,CAAC;AAEF,wBAAgB,sBAAsB,CAAC,EACrC,MAAM,EACN,SAAS,EACT,mBAA0B,GAC3B,EAAE,KAAK,GAAG,4BAA4B,CA4EtC"}