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

package/README.md

@@ -2,6 +2,14 @@
 
 A powerful AI Agent SDK that supports multiple AI model switching, wallet connection, permission management, and more.
 
+## 🚀 What's New in v1.2.4
+
+- **🎯 AI Model Switching**: Real-time switching between multiple AI models during conversations
+- **🤖 Multi-Model Support**: Support for Nova, Claude, ChatGPT, Llama, and Gemini
+- **🎨 Enhanced UI**: Model selector dropdown and model badges for messages
+- **💾 Persistent Preferences**: Model selection saved in localStorage
+- **🔧 Improved API**: Enhanced API client with dynamic model endpoints
+
 ## Features
 
 - 🤖 **Multiple AI Models Support**: Supports Nova, Claude, ChatGPT, Llama, Gemini, and other AI models
@@ -10,21 +18,39 @@ A powerful AI Agent SDK that supports multiple AI model switching, wallet connec
 - 🔐 **Permission Management**: AIT (AI Identity Token) based permission control system
 - 💬 **Real-time Chat**: Context-aware conversation functionality
 - 🎨 **Customizable UI**: Complete UI components and style customization options
+- 📱 **Responsive Design**: Works seamlessly across different screen sizes
+- 🔒 **Type Safety**: Full TypeScript support with comprehensive type definitions
 
 ## Installation
 
 ```bash
-npm install nxtlinq-ai-agent-sdk
+npm install @bytexbyte/nxtlinq-ai-agent-sdk
 # or
-yarn add nxtlinq-ai-agent-sdk
+yarn add @bytexbyte/nxtlinq-ai-agent-sdk
 ```
 
-## Basic Usage
+## Quick Start
+
+### Basic Configuration
+
+```tsx
+import { ChatBot } from '@bytexbyte/nxtlinq-ai-agent-sdk';
+
+function App() {
+  return (
+    <ChatBot
+      serviceId="your-service-id"
+      apiKey="your-api-key"
+      apiSecret="your-api-secret"
+    />
+  );
+}
+```
 
-### 1. Basic Configuration
+### AI Model Switching
 
 ```tsx
-import { ChatBot } from 'nxtlinq-ai-agent-sdk';
+import { ChatBot, DEFAULT_AI_MODELS } from '@bytexbyte/nxtlinq-ai-agent-sdk';
 
 function App() {
   return (
@@ -32,15 +58,23 @@ function App() {
       serviceId="your-service-id"
       apiKey="your-api-key"
       apiSecret="your-api-secret"
+      // Enable AI model switching
+      showModelSelector={true}
+      defaultModelIndex={0} // Start with Nova
+      onModelChange={(model) => {
+        console.log('Switched to:', model.label);
+        // Track model usage
+        analytics.track('model_changed', { model: model.value });
+      }}
     />
   );
 }
 ```
 
-### 2. Custom AI Models
+### Custom Model Configuration
 
 ```tsx
-import { ChatBot, DEFAULT_AI_MODELS } from 'nxtlinq-ai-agent-sdk';
+import { ChatBot } from '@bytexbyte/nxtlinq-ai-agent-sdk';
 
 function App() {
   // Custom available AI models
@@ -48,7 +82,7 @@ function App() {
     { label: 'Nova', value: 'nova' },
     { label: 'Claude', value: 'claude' },
     { label: 'ChatGPT', value: 'open-ai' },
-    // Add more models...
+    // Add more models as needed
   ];
 
   return (
@@ -60,17 +94,17 @@ function App() {
       defaultModelIndex={1} // Default to Claude
       showModelSelector={true}
       onModelChange={(model) => {
-        console.log('Switched to:', model.label);
+        console.log('Model changed to:', model.label);
       }}
     />
   );
 }
 ```
 
-### 3. Advanced Configuration
+### Advanced Configuration
 
 ```tsx
-import { ChatBot } from 'nxtlinq-ai-agent-sdk';
+import { ChatBot, DEFAULT_AI_MODELS } from '@bytexbyte/nxtlinq-ai-agent-sdk';
 
 function App() {
   return (
@@ -84,18 +118,28 @@ function App() {
       showModelSelector={true}
       onModelChange={(model) => {
         console.log('Model changed to:', model.label);
+        // Update user preferences
+        localStorage.setItem('preferred-model', model.value);
       }}
       // Preset messages
       presetMessages={[
         { text: 'Hello, how can you help me?', autoSend: true },
-        { text: 'I want to know about your services.', autoSend: false }
+        { text: 'I want to switch to a different AI model.', autoSend: false },
+        { text: 'What are the differences between the available models?', autoSend: false }
       ]}
       // Callback functions
       onMessage={(message) => {
-        console.log('New message:', message);
+        console.log('New message:', {
+          content: message.content,
+          role: message.role,
+          model: message.metadata?.model,
+          timestamp: message.timestamp
+        });
       }}
       onError={(error) => {
-        console.error('Error:', error);
+        console.error('ChatBot error:', error);
+        // Add error reporting
+        errorReporting.captureException(error);
       }}
       onToolUse={async (toolUse) => {
         console.log('Tool used:', toolUse);
@@ -128,32 +172,32 @@ function App() {
 
 ### ChatBot Props
 
-| Property | Type | Default | Description |
-|----------|------|---------|-------------|
-| `serviceId` | `string` | - | Service ID (required) |
-| `apiKey` | `string` | - | API Key (required) |
-| `apiSecret` | `string` | - | API Secret (required) |
-| `availableModels` | `AIModel[]` | `DEFAULT_AI_MODELS` | Available AI models list |
-| `defaultModelIndex` | `number` | `0` | Default selected model index |
-| `showModelSelector` | `boolean` | `true` | Whether to show model selector |
-| `onModelChange` | `(model: AIModel) => void` | - | Model change callback |
-| `presetMessages` | `PresetMessage[]` | `[]` | Preset messages list |
-| `placeholder` | `string` | `'Type a message...'` | Input placeholder |
-| `className` | `string` | `''` | Custom CSS class name |
-| `maxRetries` | `number` | `3` | Maximum retry attempts |
-| `retryDelay` | `number` | `1000` | Retry delay (milliseconds) |
-| `onMessage` | `(message: Message) => void` | - | Message callback |
-| `onError` | `(error: Error) => void` | - | Error callback |
-| `onToolUse` | `(toolUse: ToolUse) => Promise<Message \| void>` | - | Tool use callback |
-| `onVerifyWallet` | `() => Promise<{token: string} \| undefined>` | - | Wallet verification callback |
-| `permissionGroup` | `string` | - | Permission group name |
+| Property | Type | Default | Required | Description |
+|----------|------|---------|----------|-------------|
+| `serviceId` | `string` | - | ✅ | Service ID |
+| `apiKey` | `string` | - | ✅ | API Key |
+| `apiSecret` | `string` | - | ✅ | API Secret |
+| `availableModels` | `AIModel[]` | `DEFAULT_AI_MODELS` | ❌ | Available AI models list |
+| `defaultModelIndex` | `number` | `0` | ❌ | Default selected model index |
+| `showModelSelector` | `boolean` | `true` | ❌ | Whether to show model selector |
+| `onModelChange` | `(model: AIModel) => void` | - | ❌ | Model change callback |
+| `presetMessages` | `PresetMessage[]` | `[]` | ❌ | Preset messages list |
+| `placeholder` | `string` | `'Type a message...'` | ❌ | Input placeholder |
+| `className` | `string` | `''` | ❌ | Custom CSS class name |
+| `maxRetries` | `number` | `3` | ❌ | Maximum retry attempts |
+| `retryDelay` | `number` | `1000` | ❌ | Retry delay (milliseconds) |
+| `onMessage` | `(message: Message) => void` | - | ❌ | Message callback |
+| `onError` | `(error: Error) => void` | - | ❌ | Error callback |
+| `onToolUse` | `(toolUse: ToolUse) => Promise<Message \| void>` | - | ❌ | Tool use callback |
+| `onVerifyWallet` | `() => Promise<{token: string} \| undefined>` | - | ❌ | Wallet verification callback |
+| `permissionGroup` | `string` | - | ❌ | Permission group name |
 
 ### AIModel Type
 
 ```typescript
 interface AIModel {
-  label: string;  // Display name
-  value: string;  // Model identifier
+  label: string;  // Display name (e.g., "Nova", "Claude")
+  value: string;  // Model identifier (e.g., "nova", "claude")
 }
 ```
 
@@ -169,6 +213,26 @@ const DEFAULT_AI_MODELS = [
 ];
 ```
 
+### Message Type with Model Metadata
+
+```typescript
+interface Message {
+  id: string;
+  content: string;
+  role: 'user' | 'assistant';
+  timestamp: string;
+  metadata?: {
+    model?: string;           // AI model used
+    permissions?: string[];   // User permissions
+    issuedBy?: string;        // Wallet address
+    toolUse?: {              // Tool call information
+      name: string;
+      input: Record<string, any>;
+    };
+  };
+}
+```
+
 ## Component Usage
 
 ### Using Components Individually
@@ -180,7 +244,7 @@ import {
   ModelSelector,
   MessageList,
   MessageInput 
-} from 'nxtlinq-ai-agent-sdk';
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
 
 function CustomChatBot() {
   return (
@@ -197,7 +261,7 @@ function CustomChatBot() {
 }
 ```
 
-### Custom Layout
+### Custom Layout with Model Selector
 
 ```tsx
 import { 
@@ -206,7 +270,7 @@ import {
   ModelSelector,
   MessageList,
   MessageInput 
-} from 'nxtlinq-ai-agent-sdk';
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
 
 function CustomLayout() {
   const { isOpen, setIsOpen } = useChatBot();
@@ -214,7 +278,7 @@ function CustomLayout() {
   if (!isOpen) {
     return (
       <button onClick={() => setIsOpen(true)}>
-        Open Chat
+        Open AI Agent
       </button>
     );
   }
@@ -274,6 +338,11 @@ function App() {
 .nxtlinq-model-selector {
   /* Custom styles */
 }
+
+/* Model badge */
+.nxtlinq-model-badge {
+  /* Custom styles */
+}
 ```
 
 ### Inline Style Override
@@ -287,7 +356,9 @@ function App() {
   style={{
     '--primary-color': '#007bff',
     '--secondary-color': '#6c757d',
-    '--border-radius': '10px'
+    '--border-radius': '10px',
+    '--model-badge-bg': '#e3f2fd',
+    '--model-badge-color': '#1976d2'
   }}
 />
 ```
@@ -303,16 +374,17 @@ function App() {
   apiSecret="your-api-secret"
   onModelChange={(model) => {
     console.log('Model changed to:', model.label);
-    // You can add analytics tracking here
+    // Add analytics tracking
     analytics.track('model_changed', {
       model: model.value,
-      label: model.label
+      label: model.label,
+      timestamp: new Date().toISOString()
     });
   }}
 />
 ```
 
-### Message Events
+### Message Events with Model Information
 
 ```tsx
 <ChatBot
@@ -321,11 +393,18 @@ function App() {
   apiSecret="your-api-secret"
   onMessage={(message) => {
     console.log('New message:', message);
-    // You can add message storage or analytics here
+    // Track message with model info
     if (message.role === 'user') {
       analytics.track('user_message', {
         content: message.content,
-        model: message.metadata?.model
+        model: message.metadata?.model,
+        timestamp: message.timestamp
+      });
+    } else if (message.role === 'assistant') {
+      analytics.track('ai_response', {
+        model: message.metadata?.model,
+        hasToolUse: !!message.metadata?.toolUse,
+        timestamp: message.timestamp
       });
     }
   }}
@@ -341,24 +420,94 @@ function App() {
   apiSecret="your-api-secret"
   onError={(error) => {
     console.error('ChatBot error:', error);
-    // You can add error reporting here
+    // Add error reporting
     errorReporting.captureException(error);
+    
+    // Track error with context
+    analytics.track('chatbot_error', {
+      error: error.message,
+      stack: error.stack,
+      timestamp: new Date().toISOString()
+    });
   }}
 />
 ```
 
 ## Best Practices
 
-1. **Model Selection**: Choose appropriate AI models based on use cases
-2. **Error Handling**: Always provide `onError` callback to handle errors
-3. **User Experience**: Use preset messages to guide users
-4. **Performance Optimization**: Set reasonable retry counts and delays
-5. **Security**: Keep API keys secure and use environment variables
+### 1. Model Selection
+- Choose appropriate AI models based on use cases
+- Consider user preferences and requirements
+- Monitor model performance and usage
+
+### 2. Error Handling
+- Always provide `onError` callback to handle errors
+- Implement proper error reporting and monitoring
+- Provide fallback mechanisms for failed requests
+
+### 3. User Experience
+- Use preset messages to guide users
+- Provide clear model switching feedback
+- Maintain conversation context across model switches
+
+### 4. Performance Optimization
+- Set reasonable retry counts and delays
+- Implement proper loading states
+- Optimize for different network conditions
+
+### 5. Security
+- Keep API keys secure and use environment variables
+- Validate user permissions before tool calls
+- Implement proper wallet verification
+
+## Migration Guide
+
+### From v1.2.3 to v1.2.4
+
+1. **Update package version**:
+   ```bash
+   npm install @bytexbyte/nxtlinq-ai-agent-sdk@1.2.4
+   ```
+
+2. **Add model switching props** (optional):
+   ```tsx
+   <ChatBot
+     // ... existing props
+     showModelSelector={true}
+     onModelChange={(model) => console.log('Model:', model.label)}
+   />
+   ```
+
+3. **Update message handling** (if needed):
+   ```tsx
+   onMessage={(message) => {
+     // Now includes model information
+     console.log('Model used:', message.metadata?.model);
+   }}
+   ```
+
+## Changelog
+
+### v1.2.4 (Latest)
+- ✨ **NEW**: AI model switching functionality
+- ✨ **NEW**: Support for 5 AI models (Nova, Claude, ChatGPT, Llama, Gemini)
+- ✨ **NEW**: ModelSelector dropdown component
+- ✨ **NEW**: Model badges in messages
+- ✨ **NEW**: Persistent model preferences
+- 🔧 **IMPROVED**: Enhanced API client with dynamic endpoints
+- 🔧 **IMPROVED**: Better TypeScript types and interfaces
+- 📚 **UPDATED**: Comprehensive documentation and examples
+
+### v1.2.3
+- Initial release with basic functionality
 
-## License
+## Support
 
-MIT License
+For questions, issues, or feature requests:
+- 📧 Email: support@nxtlinq.ai
+- 📖 Documentation: https://docs.nxtlinq.ai
+- 🐛 Issues: https://github.com/bytexbyte/nxtlinq-ai-agent-sdk/issues
 
-## Support
+## License
 
-For questions or suggestions, please submit an Issue or contact our support team. 
+MIT License - see [LICENSE](LICENSE) file for details. 

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,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,CAg6BlD,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

@@ -322,6 +322,15 @@ availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector =
             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(),
@@ -391,6 +400,10 @@ availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector =
                 // Handle tool calls
                 const toolUse = response.toolCall.toolUse;
                 if (onToolUse) {
+                    const isToolAllowed = await hasPermission(toolUse.name);
+                    if (!isToolAllowed) {
+                        return;
+                    }
                     const toolResult = await onToolUse(toolUse);
                     if (toolResult) {
                         // Ensure the tool result has model information
@@ -574,7 +587,7 @@ availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector =
         }
     };
     // Generate and register AIT
-    const generateAndRegisterAIT = async () => {
+    const generateAndRegisterAIT = async (newPermissions) => {
         if (!signer || !hitAddress) {
             throw new Error('Missing signer or wallet address');
         }
@@ -582,7 +595,7 @@ availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector =
         const aitId = `did:polygon:ike-dashboard:${hitAddress}:${timestamp}`;
         const metadata = {
             model: 'gpt-4',
-            permissions,
+            permissions: newPermissions || permissions,
             issuedBy: hitAddress,
         };
         const metadataStr = stringify(metadata);
@@ -613,10 +626,10 @@ availableModels = DEFAULT_AI_MODELS, defaultModelIndex = 0, showModelSelector =
         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);

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

@@ -93,7 +93,7 @@ export interface ChatBotContextType {
     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;
@@ -102,7 +102,7 @@ export interface ChatBotContextType {
     refreshAIT: (forceUpdatePermissions?: boolean) => Promise<void>;
     handleModelChange: (modelIndex: number) => void;
     getCurrentModel: () => AIModel;
-    onSave: () => Promise<void>;
+    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":"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"}

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;AAS/B,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAsP7B,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,12 +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
@@ -58,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',
@@ -141,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;AAI/B,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAyI/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"}

package/dist/components/ui/MessageList.js

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { useChatBot } from '../context/ChatBotContext';
 import { AI_MODEL_MAP } from '../types/ChatBotTypes';
 export const MessageList = () => {
-    const { messages, isLoading, connectWallet, signInWallet, hitAddress, ait, setShowPermissionForm, isWalletLoading } = useChatBot();
+    const { messages, isLoading, connectWallet, signInWallet, hitAddress, ait, setShowPermissionForm, isWalletLoading, isNeedSignInWithWallet } = useChatBot();
     const messagesEndRef = React.useRef(null);
     const scrollToBottom = () => {
         messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });
@@ -42,16 +42,22 @@ export const MessageList = () => {
                             borderRadius: '15px',
                             wordWrap: 'break-word',
                             position: 'relative'
-                        }, children: [message.content, message.button && (_jsx("div", { style: { marginTop: '10px' }, children: _jsx("button", { onClick: () => handleButtonClick(message.button), style: {
+                        }, children: [message.content, message.button && (_jsx("div", { style: { marginTop: '10px' }, children: _jsx("button", { onClick: () => handleButtonClick(message.button), disabled: (message.button === 'connect' && Boolean(hitAddress)) ||
+                                        (message.button === 'signIn' && !isNeedSignInWithWallet), style: {
                                         padding: '8px 16px',
-                                        backgroundColor: message.role === 'user' ? 'rgba(255, 255, 255, 0.2)' : '#007bff',
+                                        backgroundColor: message.role === 'user' ? 'rgba(255, 255, 255, 0.2)' :
+                                            (message.button === 'connect' && Boolean(hitAddress)) ? '#28a745' :
+                                                (message.button === 'signIn' && !isNeedSignInWithWallet) ? '#28a745' : '#007bff',
                                         color: message.role === 'user' ? 'white' : 'white',
                                         border: 'none',
                                         borderRadius: '5px',
-                                        cursor: 'pointer',
-                                        fontSize: '14px'
-                                    }, children: message.button === 'connect' ? 'Connect Wallet' :
-                                        message.button === 'signIn' ? 'Sign In' : message.button }) }))] }), message.role === 'assistant' && message.metadata?.model && (_jsx("div", { style: {
+                                        cursor: ((message.button === 'connect' && Boolean(hitAddress)) ||
+                                            (message.button === 'signIn' && !isNeedSignInWithWallet)) ? 'not-allowed' : 'pointer',
+                                        fontSize: '14px',
+                                        opacity: ((message.button === 'connect' && Boolean(hitAddress)) ||
+                                            (message.button === 'signIn' && !isNeedSignInWithWallet)) ? 0.8 : 1
+                                    }, children: message.button === 'connect' ? (Boolean(hitAddress) ? 'Connected' : 'Connect Wallet') :
+                                        message.button === 'signIn' ? (!isNeedSignInWithWallet ? 'Signed In' : 'Sign In') : message.button }) }))] }), message.role === 'assistant' && message.metadata?.model && (_jsx("div", { style: {
                             display: 'flex',
                             alignItems: 'center',
                             marginTop: '4px',

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

@@ -1 +1 @@
-{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAwcxD,CAAC"}
+{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAifxD,CAAC"}

package/dist/components/ui/PermissionForm.js

@@ -5,6 +5,11 @@ export const PermissionForm = ({ onClose, onOpen }) => {
     const { hitAddress, permissions, setPermissions, setIsDisabled, onSave, onConnectWallet, onSignIn, isNeedSignInWithWallet, walletInfo, onVerifyWallet, serviceId, nxtlinqApi, permissionGroup, isAITLoading, isWalletLoading = false } = useChatBot();
     const [availablePermissions, setAvailablePermissions] = React.useState([]);
     const [isSaving, setIsSaving] = React.useState(false);
+    const [tempPermissions, setTempPermissions] = React.useState(permissions);
+    // Update temp permissions when permissions change
+    React.useEffect(() => {
+        setTempPermissions(permissions);
+    }, [permissions]);
     const fetchAvailablePermissions = async () => {
         if (!serviceId)
             return;
@@ -30,12 +35,26 @@ export const PermissionForm = ({ onClose, onOpen }) => {
     const handleSave = async () => {
         setIsSaving(true);
         try {
-            await onSave();
+            // Update the actual permissions with temp permissions
+            setPermissions(tempPermissions);
+            await onSave(tempPermissions);
         }
         finally {
             setIsSaving(false);
         }
     };
+    const handleCancel = () => {
+        // Reset temp permissions to original permissions
+        setTempPermissions(permissions);
+        onClose();
+    };
+    // Check if permissions have changed
+    const hasPermissionChanges = () => {
+        if (tempPermissions.length !== permissions.length)
+            return true;
+        return tempPermissions.some(p => !permissions.includes(p)) ||
+            permissions.some(p => !tempPermissions.includes(p));
+    };
     // Show loading state while checking wallet status
     if (isWalletLoading) {
         return (_jsxs("div", { style: {
@@ -132,17 +151,26 @@ export const PermissionForm = ({ onClose, onOpen }) => {
                             marginBottom: '24px',
                             fontSize: '16px',
                             color: '#666'
-                        }, children: "Please connect your wallet first" }), _jsx("button", { onClick: onConnectWallet, style: {
+                        }, children: "Please connect your wallet first" }), _jsx("button", { onClick: onConnectWallet, disabled: Boolean(hitAddress), style: {
                             padding: '12px 24px',
-                            backgroundColor: '#007bff',
+                            backgroundColor: Boolean(hitAddress) ? '#28a745' : '#007bff',
                             color: 'white',
                             border: 'none',
                             borderRadius: '8px',
-                            cursor: 'pointer',
+                            cursor: Boolean(hitAddress) ? 'not-allowed' : 'pointer',
                             fontSize: '16px',
                             fontWeight: '500',
-                            transition: 'background-color 0.2s'
-                        }, onMouseOver: (e) => e.currentTarget.style.backgroundColor = '#0056b3', onMouseOut: (e) => e.currentTarget.style.backgroundColor = '#007bff', children: "Connect Wallet" })] })) : isNeedSignInWithWallet ? (_jsxs("div", { style: { textAlign: 'center', padding: '32px 0' }, children: [_jsxs("div", { style: { marginBottom: '24px' }, children: [_jsx("h4", { style: {
+                            transition: 'background-color 0.2s',
+                            opacity: Boolean(hitAddress) ? 0.8 : 1
+                        }, onMouseOver: (e) => {
+                            if (!Boolean(hitAddress)) {
+                                e.currentTarget.style.backgroundColor = '#0056b3';
+                            }
+                        }, onMouseOut: (e) => {
+                            if (!Boolean(hitAddress)) {
+                                e.currentTarget.style.backgroundColor = '#007bff';
+                            }
+                        }, children: Boolean(hitAddress) ? 'Connected' : 'Connect Wallet' })] })) : isNeedSignInWithWallet ? (_jsxs("div", { style: { textAlign: 'center', padding: '32px 0' }, children: [_jsxs("div", { style: { marginBottom: '24px' }, children: [_jsx("h4", { style: {
                                     marginBottom: '12px',
                                     fontSize: '16px',
                                     color: '#666'
@@ -158,17 +186,26 @@ export const PermissionForm = ({ onClose, onOpen }) => {
                             marginBottom: '24px',
                             fontSize: '16px',
                             color: '#666'
-                        }, children: "Please sign in to continue" }), _jsx("button", { onClick: onSignIn, style: {
+                        }, children: "Please sign in to continue" }), _jsx("button", { onClick: onSignIn, disabled: !isNeedSignInWithWallet, style: {
                             padding: '12px 24px',
-                            backgroundColor: '#007bff',
+                            backgroundColor: !isNeedSignInWithWallet ? '#28a745' : '#007bff',
                             color: 'white',
                             border: 'none',
                             borderRadius: '8px',
-                            cursor: 'pointer',
+                            cursor: !isNeedSignInWithWallet ? 'not-allowed' : 'pointer',
                             fontSize: '16px',
                             fontWeight: '500',
-                            transition: 'background-color 0.2s'
-                        }, onMouseOver: (e) => e.currentTarget.style.backgroundColor = '#0056b3', onMouseOut: (e) => e.currentTarget.style.backgroundColor = '#007bff', children: "Sign In" })] })) : !isWalletVerified ? (_jsxs("div", { style: { textAlign: 'center', padding: '32px 0' }, children: [_jsxs("div", { style: { marginBottom: '24px' }, children: [_jsx("h4", { style: {
+                            transition: 'background-color 0.2s',
+                            opacity: !isNeedSignInWithWallet ? 0.8 : 1
+                        }, onMouseOver: (e) => {
+                            if (isNeedSignInWithWallet) {
+                                e.currentTarget.style.backgroundColor = '#0056b3';
+                            }
+                        }, onMouseOut: (e) => {
+                            if (isNeedSignInWithWallet) {
+                                e.currentTarget.style.backgroundColor = '#007bff';
+                            }
+                        }, children: !isNeedSignInWithWallet ? 'Signed In' : 'Sign In' })] })) : !isWalletVerified ? (_jsxs("div", { style: { textAlign: 'center', padding: '32px 0' }, children: [_jsxs("div", { style: { marginBottom: '24px' }, children: [_jsx("h4", { style: {
                                     marginBottom: '12px',
                                     fontSize: '16px',
                                     color: '#666'
@@ -239,12 +276,12 @@ export const PermissionForm = ({ onClose, onOpen }) => {
                                             if (!isAITLoading) {
                                                 e.currentTarget.style.backgroundColor = 'transparent';
                                             }
-                                        }, children: [_jsx("input", { type: "checkbox", checked: permissions.includes(permission.label), onChange: () => {
+                                        }, children: [_jsx("input", { type: "checkbox", checked: tempPermissions.includes(permission.label), onChange: () => {
                                                     if (!isAITLoading) {
-                                                        const newPermissions = permissions.includes(permission.label)
-                                                            ? permissions.filter(p => p !== permission.label)
-                                                            : [...permissions, permission.label].sort();
-                                                        setPermissions(newPermissions);
+                                                        const newPermissions = tempPermissions.includes(permission.label)
+                                                            ? tempPermissions.filter(p => p !== permission.label)
+                                                            : [...tempPermissions, permission.label].sort();
+                                                        setTempPermissions(newPermissions);
                                                         setIsDisabled(false);
                                                     }
                                                 }, disabled: isAITLoading, style: {
@@ -261,7 +298,7 @@ export const PermissionForm = ({ onClose, onOpen }) => {
                             gap: '12px',
                             borderTop: '1px solid #e9ecef',
                             paddingTop: '24px'
-                        }, children: [_jsx("button", { onClick: onClose, style: {
+                        }, children: [_jsx("button", { onClick: handleCancel, style: {
                                     padding: '10px 20px',
                                     backgroundColor: '#f8f9fa',
                                     color: '#666',
@@ -277,22 +314,22 @@ export const PermissionForm = ({ onClose, onOpen }) => {
                                 }, onMouseOut: (e) => {
                                     e.currentTarget.style.backgroundColor = '#f8f9fa';
                                     e.currentTarget.style.borderColor = '#dee2e6';
-                                }, children: "Cancel" }), _jsx("button", { onClick: handleSave, disabled: permissions.length === 0 || isSaving || isAITLoading, style: {
+                                }, children: "Cancel" }), _jsx("button", { onClick: handleSave, disabled: !hasPermissionChanges() || isSaving || isAITLoading, style: {
                                     padding: '10px 20px',
-                                    backgroundColor: permissions.length === 0 || isSaving || isAITLoading ? '#e9ecef' : '#007bff',
-                                    color: permissions.length === 0 || isSaving || isAITLoading ? '#6c757d' : 'white',
+                                    backgroundColor: !hasPermissionChanges() || isSaving || isAITLoading ? '#e9ecef' : '#007bff',
+                                    color: !hasPermissionChanges() || isSaving || isAITLoading ? '#6c757d' : 'white',
                                     border: 'none',
                                     borderRadius: '8px',
-                                    cursor: permissions.length === 0 || isSaving || isAITLoading ? 'not-allowed' : 'pointer',
+                                    cursor: !hasPermissionChanges() || isSaving || isAITLoading ? 'not-allowed' : 'pointer',
                                     fontSize: '14px',
                                     fontWeight: '500',
                                     transition: 'background-color 0.2s'
                                 }, onMouseOver: (e) => {
-                                    if (permissions.length > 0 && !isSaving && !isAITLoading) {
+                                    if (hasPermissionChanges() && !isSaving && !isAITLoading) {
                                         e.currentTarget.style.backgroundColor = '#0056b3';
                                     }
                                 }, onMouseOut: (e) => {
-                                    if (permissions.length > 0 && !isSaving && !isAITLoading) {
+                                    if (hasPermissionChanges() && !isSaving && !isAITLoading) {
                                         e.currentTarget.style.backgroundColor = '#007bff';
                                     }
                                 }, children: isSaving ? 'Saving...' : 'Save' })] })] }))] }));

package/dist/index.d.ts

@@ -7,7 +7,8 @@ export { PresetMessages } from './components/ui/PresetMessages';
 export { PermissionForm } from './components/ui/PermissionForm';
 export { NotificationModal } from './components/ui/NotificationModal';
 export { ModelSelector } from './components/ui/ModelSelector';
-export type { ChatBotProps, ChatBotContextType, PresetMessage, ToolUse, ToolCall, NovaResponse, NovaError, AITMetadata, AIModel, DEFAULT_AI_MODELS, AI_MODEL_MAP } from './components/types/ChatBotTypes';
+export type { ChatBotProps, ChatBotContextType, PresetMessage, ToolUse, ToolCall, NovaResponse, NovaError, AITMetadata, AIModel } from './components/types/ChatBotTypes';
+export { DEFAULT_AI_MODELS, AI_MODEL_MAP } from './components/types/ChatBotTypes';
 export { connectWallet, disconnectWallet, validateToken } from './core/utils/walletUtils';
 export { generateAITId, createAITMetadata, prepareAITCreation } from './core/utils/aitUtils';
 export { createNotification, getNotificationIcon } from './core/utils/notificationUtils';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGlF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,WAAW,EAEX,OAAO,EACP,iBAAiB,EACjB,YAAY,EACb,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,YAAY,EACV,OAAO,EACP,GAAG,EACH,iBAAiB,EACjB,MAAM,EACP,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAC;AAG/C,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,qCAAqC,CAAC;AAGlF,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AACtD,OAAO,EAAE,WAAW,EAAE,MAAM,6BAA6B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;AAChE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;AAG9D,YAAY,EACV,YAAY,EACZ,kBAAkB,EAClB,aAAa,EACb,OAAO,EACP,QAAQ,EACR,YAAY,EACZ,SAAS,EACT,WAAW,EAEX,OAAO,EACR,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,iBAAiB,EACjB,YAAY,EACb,MAAM,iCAAiC,CAAC;AAGzC,OAAO,EACL,aAAa,EACb,gBAAgB,EAChB,aAAa,EACd,MAAM,0BAA0B,CAAC;AAElC,OAAO,EACL,aAAa,EACb,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,uBAAuB,CAAC;AAE/B,OAAO,EACL,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,gCAAgC,CAAC;AAGxC,OAAO,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC;AAGrD,YAAY,EACV,OAAO,EACP,GAAG,EACH,iBAAiB,EACjB,MAAM,EACP,MAAM,iBAAiB,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,eAAe,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/index.js

@@ -10,6 +10,8 @@ export { PresetMessages } from './components/ui/PresetMessages';
 export { PermissionForm } from './components/ui/PermissionForm';
 export { NotificationModal } from './components/ui/NotificationModal';
 export { ModelSelector } from './components/ui/ModelSelector';
+// AI Model constants
+export { DEFAULT_AI_MODELS, AI_MODEL_MAP } from './components/types/ChatBotTypes';
 // Utility functions
 export { connectWallet, disconnectWallet, validateToken } from './core/utils/walletUtils';
 export { generateAITId, createAITMetadata, prepareAITCreation } from './core/utils/aitUtils';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/nxtlinq-ai-agent-sdk",
-  "version": "1.2.4",
+  "version": "1.2.5",
   "description": "Nxtlinq AI Agent SDK - Proprietary Software with enhanced async operation handling",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",