@bytexbyte/nxtlinq-ai-agent-sdk 1.2.3 → 1.2.5

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EAAE,kBAAkB,EAAE,YAAY,EAA0C,MAAM,uBAAuB,CAAC;AAIjH,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA4xBlD,CAAC"}
+{"version":3,"file":"ChatBotContext.d.ts","sourceRoot":"","sources":["../../../src/components/context/ChatBotContext.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,EACL,kBAAkB,EAClB,YAAY,EAOb,MAAM,uBAAuB,CAAC;AAI/B,eAAO,MAAM,UAAU,0BAMtB,CAAC;AAEF,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAg7BlD,CAAC"}

package/dist/components/context/ChatBotContext.js

@@ -5,6 +5,7 @@ import { createNxtlinqApi } from '../../api/nxtlinq-api';
 import stringify from 'fast-json-stable-stringify';
 import metakeepClient from '../../core/metakeepClient';
 import useLocalStorage from '../../core/lib/useLocalStorage';
+import { DEFAULT_AI_MODELS } from '../types/ChatBotTypes';
 const ChatBotContext = React.createContext(undefined);
 export const useChatBot = () => {
     const context = React.useContext(ChatBotContext);
@@ -13,7 +14,9 @@ export const useChatBot = () => {
     }
     return context;
 };
-export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages = [], placeholder = 'Type a message...', className = '', maxRetries = 3, retryDelay = 1000, serviceId, apiKey, apiSecret, onVerifyWallet, permissionGroup, children }) => {
+export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages = [], placeholder = 'Type a message...', className = '', maxRetries = 3, retryDelay = 1000, serviceId, apiKey, apiSecret, onVerifyWallet, permissionGroup, children, 
+// AI Model related attributes
+availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector = true, onModelChange }) => {
     // State
     const [messages, setMessages] = React.useState([]);
     const [inputValue, setInputValue] = React.useState('');
@@ -38,6 +41,9 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         autoHide: true,
         duration: 5000
     });
+    // AI Model related state
+    const [selectedModelIndex, setSelectedModelIndex] = useLocalStorage('selectedAIModelIndex', defaultModelIndex);
+    const [showModelSelectorState, setShowModelSelectorState] = React.useState(showModelSelector);
     const nxtlinqApi = React.useMemo(() => createNxtlinqApi(apiKey, apiSecret), [apiKey, apiSecret]);
     // Notification functions
     const showNotification = (type, message, duration = 5000) => {
@@ -316,6 +322,15 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
             return false;
         }
         const availablePermissionLabels = availablePermissions.map(p => p.label);
+        if (availablePermissions.length === 0) {
+            setMessages(prev => [...prev, {
+                    id: Date.now().toString(),
+                    content: `No permissions available for your current identity provider. Please check your service configuration or contact support. Service ID: ${serviceId}, Permission Group: ${permissionGroup || 'None'}`,
+                    role: 'assistant',
+                    timestamp: new Date().toISOString()
+                }]);
+            return false;
+        }
         if (!availablePermissionLabels.includes(toolName)) {
             setMessages(prev => [...prev, {
                     id: Date.now().toString(),
@@ -336,55 +351,159 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         }
         return true;
     };
-    // Send message
+    // AI Model related functions
+    const handleModelChange = React.useCallback((modelIndex) => {
+        setSelectedModelIndex(modelIndex);
+        const selectedModel = availableModels[modelIndex];
+        onModelChange?.(selectedModel);
+    }, [availableModels, onModelChange]);
+    const getCurrentModel = React.useCallback(() => {
+        return availableModels[selectedModelIndex];
+    }, [availableModels, selectedModelIndex]);
+    // Updated sendMessage function to support different AI models
     const sendMessage = async (content, retryCount = 0) => {
+        if (!content.trim() || isLoading)
+            return;
+        const currentModel = getCurrentModel();
+        const userMessage = {
+            id: Date.now().toString(),
+            content,
+            role: 'user',
+            timestamp: new Date().toISOString(),
+            metadata: {
+                model: currentModel.value,
+                permissions: permissions,
+                issuedBy: hitAddress || ''
+            }
+        };
+        setMessages(prev => [...prev, userMessage]);
+        setInputValue('');
+        setIsLoading(true);
         try {
-            setIsLoading(true);
+            // Build context messages
+            const contextMessages = messages.map(msg => ({
+                role: msg.role,
+                text: msg.content
+            }));
             const response = await nxtlinqApi.agent.sendMessage({
                 message: content,
                 apiKey,
                 apiSecret,
+                model: currentModel.value,
+                context: contextMessages
             });
             if ('error' in response) {
                 throw new Error(response.error);
             }
-            const novaResponse = response;
-            if (novaResponse.toolCall?.toolUse && novaResponse.result !== 'Authentication data retrieved') {
+            let botResponse;
+            if (response.toolCall?.toolUse) {
+                // Handle tool calls
+                const toolUse = response.toolCall.toolUse;
                 if (onToolUse) {
-                    const isToolAllowed = await hasPermission(novaResponse.toolCall.toolUse.name);
+                    const isToolAllowed = await hasPermission(toolUse.name);
                     if (!isToolAllowed) {
                         return;
                     }
-                    const toolUseResult = await onToolUse(novaResponse.toolCall.toolUse);
-                    if (toolUseResult) {
-                        setMessages(prev => [...prev, toolUseResult]);
-                        return;
+                    const toolResult = await onToolUse(toolUse);
+                    if (toolResult) {
+                        // Ensure the tool result has model information
+                        botResponse = {
+                            ...toolResult,
+                            metadata: {
+                                ...toolResult.metadata,
+                                model: currentModel.value,
+                                permissions: permissions,
+                                issuedBy: hitAddress || '',
+                                toolUse: toolUse
+                            }
+                        };
+                    }
+                    else {
+                        botResponse = {
+                            id: (Date.now() + 1).toString(),
+                            content: `Tool ${toolUse.name} executed successfully`,
+                            role: 'assistant',
+                            timestamp: new Date().toISOString(),
+                            metadata: {
+                                model: currentModel.value,
+                                permissions: permissions,
+                                issuedBy: hitAddress || '',
+                                toolUse: toolUse
+                            }
+                        };
                     }
                 }
-            }
-            if (!novaResponse.toolCall?.toolUse && novaResponse.reply) {
-                const replyText = novaResponse.reply
-                    .map(item => item.text.replace(/<thinking>/g, '').replace(/<\/thinking>/g, ''))
-                    .join(' ') || '';
-                if (replyText) {
-                    const message = {
-                        id: Date.now().toString(),
-                        content: replyText,
+                else {
+                    botResponse = {
+                        id: (Date.now() + 1).toString(),
+                        content: `Tool ${toolUse.name} executed successfully`,
                         role: 'assistant',
-                        timestamp: new Date().toISOString()
+                        timestamp: new Date().toISOString(),
+                        metadata: {
+                            model: currentModel.value,
+                            permissions: permissions,
+                            issuedBy: hitAddress || '',
+                            toolUse: toolUse
+                        }
                     };
-                    setMessages(prev => [...prev, message]);
-                    return;
                 }
             }
-            return;
+            else if (response.reply) {
+                const replyText = Array.isArray(response.reply)
+                    ? response.reply
+                        .map((item) => item.text.replace(/<thinking>/g, '').replace(/<\/thinking>/g, ''))
+                        .join(' ') || 'Sorry, I cannot understand your question'
+                    : response.reply.replace(/<thinking>/g, '').replace(/<\/thinking>/g, '') || 'Sorry, I cannot understand your question';
+                botResponse = {
+                    id: (Date.now() + 1).toString(),
+                    content: replyText,
+                    role: 'assistant',
+                    timestamp: new Date().toISOString(),
+                    metadata: {
+                        model: currentModel.value,
+                        permissions: permissions,
+                        issuedBy: hitAddress || ''
+                    }
+                };
+            }
+            else {
+                const replyText = response.fullResponse?.output?.message?.content
+                    ?.find((item) => item.text)?.text || 'Sorry, I cannot understand your question';
+                botResponse = {
+                    id: (Date.now() + 1).toString(),
+                    content: replyText,
+                    role: 'assistant',
+                    timestamp: new Date().toISOString(),
+                    metadata: {
+                        model: currentModel.value,
+                        permissions: permissions,
+                        issuedBy: hitAddress || ''
+                    }
+                };
+            }
+            setMessages(prev => [...prev, botResponse]);
         }
         catch (error) {
+            console.error('Failed to send message:', error);
             if (retryCount < maxRetries) {
-                await new Promise(resolve => setTimeout(resolve, retryDelay));
-                return sendMessage(content, retryCount + 1);
+                setTimeout(() => {
+                    sendMessage(content, retryCount + 1);
+                }, retryDelay);
+                return;
             }
-            throw error;
+            const errorMessage = {
+                id: (Date.now() + 1).toString(),
+                content: error instanceof Error ? error.message : 'An error occurred while sending the message',
+                role: 'assistant',
+                timestamp: new Date().toISOString(),
+                metadata: {
+                    model: currentModel.value,
+                    permissions: permissions,
+                    issuedBy: hitAddress || ''
+                }
+            };
+            setMessages(prev => [...prev, errorMessage]);
+            onError?.(error instanceof Error ? error : new Error('Unknown error'));
         }
         finally {
             setIsLoading(false);
@@ -401,20 +520,16 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
                 id: Date.now().toString(),
                 content: 'Loading your wallet configuration... Please wait a moment.',
                 role: 'assistant',
-                timestamp: new Date().toISOString()
+                timestamp: new Date().toISOString(),
+                metadata: {
+                    model: getCurrentModel().value,
+                    permissions: permissions,
+                    issuedBy: hitAddress || ''
+                }
             };
             setMessages(prev => [...prev, loadingMessage]);
             return;
         }
-        const userMessage = {
-            id: Date.now().toString(),
-            content: inputValue,
-            role: 'user',
-            timestamp: new Date().toISOString()
-        };
-        setMessages(prev => [...prev, userMessage]);
-        setInputValue('');
-        setIsLoading(true);
         try {
             await sendMessage(inputValue);
         }
@@ -425,13 +540,15 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
                 id: Date.now().toString(),
                 content: 'Sorry, there was an error processing your message. Please try again.',
                 role: 'assistant',
-                timestamp: new Date().toISOString()
+                timestamp: new Date().toISOString(),
+                metadata: {
+                    model: getCurrentModel().value,
+                    permissions: permissions,
+                    issuedBy: hitAddress || ''
+                }
             };
             setMessages(prev => [...prev, errorMessage]);
         }
-        finally {
-            setIsLoading(false);
-        }
     };
     // Handle preset message
     const handlePresetMessage = (message) => {
@@ -441,7 +558,12 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
                 id: Date.now().toString(),
                 content: 'Loading your wallet configuration... Please wait a moment.',
                 role: 'assistant',
-                timestamp: new Date().toISOString()
+                timestamp: new Date().toISOString(),
+                metadata: {
+                    model: getCurrentModel().value,
+                    permissions: permissions,
+                    issuedBy: hitAddress || ''
+                }
             };
             setMessages(prev => [...prev, loadingMessage]);
             return;
@@ -451,7 +573,12 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
                     id: Date.now().toString(),
                     content: message.text,
                     role: 'user',
-                    timestamp: new Date().toISOString()
+                    timestamp: new Date().toISOString(),
+                    metadata: {
+                        model: getCurrentModel().value,
+                        permissions: permissions,
+                        issuedBy: hitAddress || ''
+                    }
                 }]);
             sendMessage(message.text);
         }
@@ -460,7 +587,7 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         }
     };
     // Generate and register AIT
-    const generateAndRegisterAIT = async () => {
+    const generateAndRegisterAIT = async (newPermissions) => {
         if (!signer || !hitAddress) {
             throw new Error('Missing signer or wallet address');
         }
@@ -468,7 +595,7 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         const aitId = `did:polygon:ike-dashboard:${hitAddress}:${timestamp}`;
         const metadata = {
             model: 'gpt-4',
-            permissions,
+            permissions: newPermissions || permissions,
             issuedBy: hitAddress,
         };
         const metadataStr = stringify(metadata);
@@ -499,10 +626,10 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         setPermissions(permissions);
     };
     // Save permissions
-    const savePermissions = async () => {
+    const savePermissions = async (newPermissions) => {
         setIsDisabled(true);
         try {
-            await generateAndRegisterAIT();
+            await generateAndRegisterAIT(newPermissions);
             showSuccess('AIT permissions saved successfully! You can now use the AI agent with your configured permissions.');
             setShowPermissionForm(false);
             setIsPermissionFormOpen(false);
@@ -685,6 +812,10 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         walletInfo,
         isWalletLoading,
         notification,
+        // AI Model related state
+        availableModels,
+        selectedModelIndex,
+        showModelSelector: showModelSelectorState,
         // Actions
         setInputValue,
         setIsOpen,
@@ -694,6 +825,9 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         setIsDisabled,
         setIsWalletLoading,
         setNotification,
+        // AI Model related actions
+        setSelectedModelIndex,
+        setShowModelSelector: setShowModelSelectorState,
         // Functions
         connectWallet,
         signInWallet,
@@ -707,6 +841,9 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
         showWarning,
         showInfo,
         refreshAIT,
+        // AI Model related functions
+        handleModelChange,
+        getCurrentModel,
         // Additional properties for PermissionForm
         onSave: savePermissions,
         onConnectWallet: () => connectWallet(false),
@@ -729,7 +866,11 @@ export const ChatBotProvider = ({ onMessage, onError, onToolUse, presetMessages
             apiKey,
             apiSecret,
             onVerifyWallet,
-            permissionGroup
+            permissionGroup,
+            availableModels,
+            defaultModelIndex,
+            showModelSelector,
+            onModelChange
         },
         nxtlinqApi
     };

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

@@ -25,6 +25,12 @@ export interface AITMetadata {
     permissions: string[];
     issuedBy: string;
 }
+export interface AIModel {
+    label: string;
+    value: string;
+}
+export declare const DEFAULT_AI_MODELS: AIModel[];
+export declare const AI_MODEL_MAP: Record<string, string>;
 export interface ChatBotProps {
     onMessage?: (message: Message) => void;
     onError?: (error: Error) => void;
@@ -42,6 +48,10 @@ export interface ChatBotProps {
     } | undefined>;
     permissionGroup?: string;
     children?: React.ReactNode;
+    availableModels?: AIModel[];
+    defaultModelIndex?: number;
+    showModelSelector?: boolean;
+    onModelChange?: (model: AIModel) => void;
 }
 export interface ChatBotContextType {
     messages: Message[];
@@ -65,6 +75,9 @@ export interface ChatBotContextType {
         autoHide?: boolean;
         duration?: number;
     };
+    availableModels: AIModel[];
+    selectedModelIndex: number;
+    showModelSelector: boolean;
     setInputValue: (value: string) => void;
     setIsOpen: (open: boolean) => void;
     setShowPermissionForm: (show: boolean) => void;
@@ -73,19 +86,23 @@ export interface ChatBotContextType {
     setIsDisabled: (disabled: boolean) => void;
     setIsWalletLoading: (loading: boolean) => void;
     setNotification: (notification: any) => void;
+    setSelectedModelIndex: (index: number) => void;
+    setShowModelSelector: (show: boolean) => void;
     connectWallet: (autoShowSignInMessage?: boolean) => Promise<string | undefined>;
     signInWallet: (autoShowSuccessMessage?: boolean) => Promise<void>;
     sendMessage: (content: string, retryCount?: number) => Promise<void>;
     handleSubmit: (e: React.FormEvent) => Promise<void>;
     handlePresetMessage: (message: PresetMessage) => void;
-    savePermissions: () => Promise<void>;
+    savePermissions: (newPermissions?: string[]) => Promise<void>;
     handleVerifyWalletClick: () => Promise<void>;
     showSuccess: (message: string) => void;
     showError: (message: string) => void;
     showWarning: (message: string) => void;
     showInfo: (message: string) => void;
     refreshAIT: (forceUpdatePermissions?: boolean) => Promise<void>;
-    onSave: () => Promise<void>;
+    handleModelChange: (modelIndex: number) => void;
+    getCurrentModel: () => AIModel;
+    onSave: (newPermissions?: string[]) => Promise<void>;
     onConnectWallet: () => Promise<string | undefined>;
     onSignIn: () => Promise<void>;
     isNeedSignInWithWallet: boolean;

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":"AAAA,OAAO,EAAE,OAAO,EAAE,GAAG,EAAE,iBAAiB,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAE9E,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,OAAO;IACtB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;CAC5B;AAED,MAAM,WAAW,QAAQ;IACvB,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,MAAM,WAAW,YAAY;IAC3B,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,KAAK,CAAC;QAAE,IAAI,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC/B,QAAQ,CAAC,EAAE,QAAQ,CAAC;CACrB;AAED,MAAM,WAAW,SAAS;IACxB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,WAAW;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAGD,MAAM,WAAW,OAAO;IACtB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACf;AAED,eAAO,MAAM,iBAAiB,EAAE,OAAO,EAMtC,CAAC;AAEF,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAM/C,CAAC;AAEF,MAAM,WAAW,YAAY;IAC3B,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAC;IACjC,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC,CAAC;IAC1D,cAAc,CAAC,EAAE,aAAa,EAAE,CAAC;IACjC,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,OAAO,CAAC;QAC7B,KAAK,EAAE,MAAM,CAAC;KACf,GAAG,SAAS,CAAC,CAAC;IACf,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,eAAe,CAAC,EAAE,OAAO,EAAE,CAAC;IAC5B,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC1C;AAED,MAAM,WAAW,kBAAkB;IAEjC,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,OAAO,CAAC;IAChB,UAAU,EAAE,MAAM,GAAG,IAAI,CAAC;IAC1B,GAAG,EAAE,GAAG,GAAG,IAAI,CAAC;IAChB,WAAW,EAAE,MAAM,EAAE,CAAC;IACtB,oBAAoB,EAAE,iBAAiB,EAAE,CAAC;IAC1C,kBAAkB,EAAE,OAAO,CAAC;IAC5B,oBAAoB,EAAE,OAAO,CAAC;IAC9B,YAAY,EAAE,OAAO,CAAC;IACtB,UAAU,EAAE,OAAO,CAAC;IACpB,UAAU,EAAE,GAAG,CAAC;IAChB,eAAe,EAAE,OAAO,CAAC;IACzB,YAAY,EAAE;QACZ,IAAI,EAAE,OAAO,CAAC;QACd,IAAI,EAAE,SAAS,GAAG,OAAO,GAAG,SAAS,GAAG,MAAM,CAAC;QAC/C,OAAO,EAAE,MAAM,CAAC;QAChB,QAAQ,CAAC,EAAE,OAAO,CAAC;QACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;KACnB,CAAC;IAEF,eAAe,EAAE,OAAO,EAAE,CAAC;IAC3B,kBAAkB,EAAE,MAAM,CAAC;IAC3B,iBAAiB,EAAE,OAAO,CAAC;IAG3B,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACnC,qBAAqB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,uBAAuB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IACjD,cAAc,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAChD,aAAa,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,IAAI,CAAC;IAC3C,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,eAAe,EAAE,CAAC,YAAY,EAAE,GAAG,KAAK,IAAI,CAAC;IAE7C,qBAAqB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC/C,oBAAoB,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAG9C,aAAa,EAAE,CAAC,qBAAqB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IAChF,YAAY,EAAE,CAAC,sBAAsB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,UAAU,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrE,YAAY,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,SAAS,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACpD,mBAAmB,EAAE,CAAC,OAAO,EAAE,aAAa,KAAK,IAAI,CAAC;IACtD,eAAe,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9D,uBAAuB,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC7C,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,SAAS,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACpC,UAAU,EAAE,CAAC,sBAAsB,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IAEhE,iBAAiB,EAAE,CAAC,UAAU,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,eAAe,EAAE,MAAM,OAAO,CAAC;IAG/B,MAAM,EAAE,CAAC,cAAc,CAAC,EAAE,MAAM,EAAE,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACrD,eAAe,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACnD,QAAQ,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9B,sBAAsB,EAAE,OAAO,CAAC;IAChC,cAAc,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,CAAC;IACpC,SAAS,EAAE,MAAM,CAAC;IAClB,eAAe,CAAC,EAAE,MAAM,CAAC;IAGzB,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;CACpB"}

package/dist/components/types/ChatBotTypes.js

@@ -1 +1,14 @@
-export {};
+export const DEFAULT_AI_MODELS = [
+    { label: 'Nova', value: 'nova' },
+    { label: 'Claude', value: 'claude' },
+    { label: 'ChatGPT', value: 'open-ai' },
+    { label: 'Llama', value: 'llama' },
+    { label: 'Gemini', value: 'gemini' },
+];
+export const AI_MODEL_MAP = {
+    nova: 'Nova',
+    claude: 'Claude',
+    'open-ai': 'ChatGPT',
+    llama: 'Llama',
+    gemini: 'Gemini',
+};

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

@@ -1 +1 @@
-{"version":3,"file":"ChatBotUI.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ChatBotUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAkP7B,CAAC"}
+{"version":3,"file":"ChatBotUI.d.ts","sourceRoot":"","sources":["../../../src/components/ui/ChatBotUI.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAqG/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAmP7B,CAAC"}

package/dist/components/ui/ChatBotUI.js

@@ -1,11 +1,81 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { useChatBot } from '../context/ChatBotContext';
-import { NotificationModal } from './NotificationModal';
 import { PermissionForm } from './PermissionForm';
 import { MessageList } from './MessageList';
 import { MessageInput } from './MessageInput';
 import { PresetMessages } from './PresetMessages';
+import { ModelSelector } from './ModelSelector';
+// Toast Notification Component
+const ToastNotification = ({ type, message, onClose, isChatOpen = false }) => {
+    const getStyles = () => {
+        const baseStyles = {
+            position: 'fixed',
+            padding: '12px 24px',
+            borderRadius: 8,
+            zIndex: 2000,
+            fontWeight: 600,
+            boxShadow: '0 4px 12px rgba(0, 0, 0, 0.15)',
+            transition: 'all 0.3s ease',
+            display: 'flex',
+            alignItems: 'center',
+            gap: '12px',
+            minWidth: '300px',
+            maxWidth: '500px'
+        };
+        // Dynamically adjust position based on chat window state
+        if (isChatOpen) {
+            // When chat window is open, show notification above the chat window
+            Object.assign(baseStyles, {
+                top: 20,
+                right: 20, // Align with the right edge of chat window
+                maxWidth: '480px', // Slightly smaller than chat window width
+            });
+        }
+        else {
+            // When chat window is closed, show notification in bottom right corner
+            Object.assign(baseStyles, {
+                bottom: 20,
+                right: 20,
+            });
+        }
+        switch (type) {
+            case 'success':
+                return { ...baseStyles, background: '#4caf50', color: 'white' };
+            case 'error':
+                return { ...baseStyles, background: '#f44336', color: 'white' };
+            case 'warning':
+                return { ...baseStyles, background: '#ff9800', color: 'white' };
+            default:
+                return { ...baseStyles, background: '#2196f3', color: 'white' };
+        }
+    };
+    const getIcon = () => {
+        switch (type) {
+            case 'success':
+                return '✅';
+            case 'error':
+                return '❌';
+            case 'warning':
+                return '⚠️';
+            default:
+                return 'ℹ️';
+        }
+    };
+    return (_jsxs("div", { style: getStyles(), children: [_jsx("span", { style: { fontSize: '18px' }, children: getIcon() }), _jsx("span", { style: { flex: 1 }, children: message }), _jsx("button", { onClick: onClose, style: {
+                    background: 'none',
+                    border: 'none',
+                    color: 'white',
+                    fontSize: '18px',
+                    cursor: 'pointer',
+                    padding: '4px',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center',
+                    borderRadius: '4px',
+                    transition: 'background-color 0.2s'
+                }, onMouseOver: (e) => e.currentTarget.style.backgroundColor = 'rgba(255, 255, 255, 0.2)', onMouseOut: (e) => e.currentTarget.style.backgroundColor = 'transparent', children: "\u00D7" })] }));
+};
 export const ChatBotUI = () => {
     const { isOpen, setIsOpen, showPermissionForm, setShowPermissionForm, notification, setNotification, isAITLoading, props: { className = '' } } = useChatBot();
     // Add CSS animation for loading spinner
@@ -57,9 +127,7 @@ export const ChatBotUI = () => {
                     }, onMouseOut: (e) => {
                         e.currentTarget.style.backgroundColor = '#007bff';
                         e.currentTarget.style.transform = 'translateY(0)';
-                    }, title: "Open AI Agent Chat", children: "AI Agent" }), notification.show && (_jsx(NotificationModal, { type: notification.type, title: notification.type === 'success' ? 'Success' :
-                        notification.type === 'error' ? 'Error' :
-                            notification.type === 'warning' ? 'Warning' : 'Info', message: notification.message, onClose: handleCloseNotification }))] }));
+                    }, title: "Open AI Agent Chat", children: "AI Agent" }), notification.show && (_jsx(ToastNotification, { type: notification.type, message: notification.message, onClose: handleCloseNotification, isChatOpen: isOpen }))] }));
     }
     return (_jsxs(_Fragment, { children: [_jsxs("div", { style: {
                     position: 'fixed',
@@ -90,7 +158,7 @@ export const ChatBotUI = () => {
                                             margin: 0,
                                             fontSize: '16px',
                                             fontWeight: '600'
-                                        }, children: "AI Agent" }), isAITLoading && (_jsxs("div", { style: {
+                                        }, children: "AI Agent" }), _jsx("div", { style: { position: 'relative' }, children: _jsx(ModelSelector, {}) }), isAITLoading && (_jsxs("div", { style: {
                                             display: 'flex',
                                             alignItems: 'center',
                                             gap: '5px',
@@ -140,7 +208,5 @@ export const ChatBotUI = () => {
                     alignItems: 'center',
                     justifyContent: 'center',
                     zIndex: 1002
-                }, children: _jsx(PermissionForm, { onClose: () => setShowPermissionForm(false), onOpen: () => setShowPermissionForm(true) }) })), notification.show && (_jsx(NotificationModal, { type: notification.type, title: notification.type === 'success' ? 'Success' :
-                    notification.type === 'error' ? 'Error' :
-                        notification.type === 'warning' ? 'Warning' : 'Info', message: notification.message, onClose: handleCloseNotification }))] }));
+                }, children: _jsx(PermissionForm, { onClose: () => setShowPermissionForm(false), onOpen: () => setShowPermissionForm(true) }) })), notification.show && (_jsx(ToastNotification, { type: notification.type, message: notification.message, onClose: handleCloseNotification, isChatOpen: isOpen }))] }));
 };

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":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EA0EhC,CAAC"}
+{"version":3,"file":"MessageInput.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MessageInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAsFhC,CAAC"}

package/dist/components/ui/MessageInput.js

@@ -3,7 +3,6 @@ import { useChatBot } from '../context/ChatBotContext';
 export const MessageInput = () => {
     const { inputValue, setInputValue, isLoading, isAITLoading, handleSubmit, props: { placeholder = 'Type a message...' } } = useChatBot();
     const isDisabled = isLoading || isAITLoading;
-    const buttonText = isLoading ? 'Sending...' : isAITLoading ? 'Loading...' : 'Send';
     const inputPlaceholder = isAITLoading ? 'Loading wallet configuration...' : placeholder;
     const handleKeyPress = (e) => {
         if (e.key === 'Enter' && !e.shiftKey) {
@@ -24,7 +23,7 @@ export const MessageInput = () => {
                     outline: 'none',
                     fontSize: '14px',
                     backgroundColor: isDisabled ? '#f8f9fa' : '#fff'
-                } }), _jsx("button", { onClick: (e) => handleSubmit(e), disabled: isDisabled || !inputValue.trim(), style: {
+                } }), _jsxs("button", { onClick: (e) => handleSubmit(e), disabled: isDisabled || !inputValue.trim(), style: {
                     backgroundColor: isDisabled || !inputValue.trim() ? '#e9ecef' : '#007bff',
                     color: isDisabled || !inputValue.trim() ? '#6c757d' : 'white',
                     border: 'none',
@@ -33,7 +32,11 @@ export const MessageInput = () => {
                     cursor: isDisabled || !inputValue.trim() ? 'not-allowed' : 'pointer',
                     fontSize: '14px',
                     fontWeight: '500',
-                    transition: 'background-color 0.3s'
+                    transition: 'background-color 0.3s',
+                    position: 'relative',
+                    display: 'flex',
+                    alignItems: 'center',
+                    justifyContent: 'center'
                 }, onMouseOver: (e) => {
                     if (!isDisabled && inputValue.trim()) {
                         e.currentTarget.style.backgroundColor = '#0056b3';
@@ -42,5 +45,5 @@ export const MessageInput = () => {
                     if (!isDisabled && inputValue.trim()) {
                         e.currentTarget.style.backgroundColor = '#007bff';
                     }
-                }, children: buttonText })] }));
+                }, children: ["Send", (isLoading || isAITLoading) && (_jsx("span", { style: { marginLeft: 8, display: 'flex', alignItems: 'center' }, 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/components/ui/MessageList.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EA6F/B,CAAC"}
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../../src/components/ui/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAiJ/B,CAAC"}