@bytexbyte/nxtlinq-ai-agent-sdk 1.6.9 → 1.6.11

package/README.md

@@ -1,16 +1,20 @@
 # nxtlinq AI Agent SDK
 
-A comprehensive SDK for integrating AI agents with wallet verification capabilities.
+A comprehensive SDK for integrating AI agents with wallet verification capabilities, speech-to-text functionality, and responsive mobile design.
 
 ## Features
 
-- 🤖 AI-powered chat interface
+- 🤖 AI-powered chat interface with multiple model support
 - 🔐 Built-in BerifyMe wallet verification
-- 🎨 Customizable UI components
+- 🎤 Speech-to-text voice input with Microsoft Cognitive Services
+- 🎨 Customizable UI components with responsive design
 - 🔧 Tool integration support
-- 📱 Responsive design
+- 📱 Mobile-optimized responsive design (65-70% viewport on mobile)
 - 👤 Custom user identity support
 - ⏰ Configurable banner dismiss duration
+- 🎯 Multiple AI model support
+- 💾 Flexible storage options (localStorage/sessionStorage)
+- 🔄 Semi-automatic mode for user activation
 
 ## Installation
 
@@ -40,7 +44,7 @@ function App() {
 
 ### With Built-in BerifyMe Support
 
-The SDK now includes built-in BerifyMe wallet verification, making integration extremely simple:
+The SDK includes built-in BerifyMe wallet verification for seamless integration:
 
 ```tsx
 import { ChatBot } from '@bytexbyte/nxtlinq-ai-agent-sdk';
@@ -57,35 +61,22 @@ function App() {
 }
 ```
 
-### Built-in Wallet Verification (Recommended)
+### With Speech-to-Text Support
 
-The SDK automatically handles wallet verification. No need to implement `onVerifyWallet` manually:
+Enable voice input with Microsoft Cognitive Services:
 
 ```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"
-      // Built-in wallet verification - no onVerifyWallet needed!
-    />
-  );
-}
+<ChatBot
+  serviceId="your-service-id"
+  apiKey="your-api-key"
+  apiSecret="your-api-secret"
+  isStopRecordingOnSend={true} // Stop recording automatically when sending message
+/>
 ```
 
-**What happens automatically:**
-1. ✅ Check for existing token in URL parameters
-2. ✅ Open BerifyMe modal when verification is needed
-3. ✅ Handle verification completion and token extraction
-4. ✅ Clean up modal and state management
-5. ✅ Return token to the system for wallet verification
-
 ### Skip Wallet Verification Check
 
-If you want to allow users to set AIT permissions without wallet verification, you can disable the verification check:
+Allow users to set AIT permissions without wallet verification:
 
 ```tsx
 <ChatBot
@@ -96,110 +87,163 @@ If you want to allow users to set AIT permissions without wallet verification, y
 />
 ```
 
-**Note**: When `requireWalletIDVVerification: false`, users can connect and sign in with their wallet, then directly set AIT permissions without going through the wallet IDV verification process.
-
-**Default Behavior**: `requireWalletIDVVerification` defaults to `true`, meaning wallet verification is required by default for security.
-
-## Benefits of Built-in BerifyMe Support
-
-✅ **Always Available**: Built-in BerifyMe support is always enabled - no configuration needed!
+## Mobile Responsive Design
 
-✅ **No onVerifyWallet Needed**: SDK automatically handles wallet verification - no callback implementation required
+The SDK is optimized for mobile devices with responsive breakpoints:
 
-✅ **Simplified Integration**: No need to manually handle DOM manipulation, React roots, or modal lifecycle
+- **Tablet (≤768px)**: Chat window sized to 70% viewport width/height
+- **Mobile (≤480px)**: Chat window sized to 65% viewport width/height
+- **PermissionForm**: Responsive sizing with 75% width on tablet, 70% on mobile
+- **Floating Button**: Optimized positioning and sizing for touch interfaces
+- **Browser Compatibility**: Accounts for mobile browser address bars and UI elements
 
-✅ **Automatic SDK Loading**: SDK automatically loads BerifyMe dependencies when needed
+## Configuration Options
 
-✅ **Built-in Error Handling**: Comprehensive error handling and fallback mechanisms
+### Core Configuration
 
-✅ **Consistent UI**: Unified modal experience across all implementations
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `serviceId` | `string` | - | **Required** - Your service ID |
+| `apiKey` | `string` | - | **Required** - Your API key |
+| `apiSecret` | `string` | - | **Required** - Your API secret |
 
-✅ **Easy Configuration**: Simple configuration object with sensible defaults
+### Wallet Verification Options
 
-✅ **Automatic Cleanup**: Modal cleanup and memory management handled automatically
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `requireWalletIDVVerification` | `boolean` | `true` | Whether to check wallet IDV verification status before AIT operations |
+| `customUsername` | `string` | - | Custom username for wallet verification when using custom method |
+| `idvBannerDismissSeconds` | `number` | `86400` | Seconds to hide IDV suggestion banner after user dismisses it (default: 24 hours) |
+| `berifymeMode` | `'built-in' \| 'external'` | `'built-in'` | BerifyMe integration mode |
 
-✅ **Flexible IDV Verification**: Control whether to require wallet IDV verification before AIT operations
+### AI Model Configuration
 
-✅ **Smart Suggestion Banner**: When verification is optional, shows helpful suggestion banner with 1-second delay to prevent flashing
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `availableModels` | `AIModel[]` | `DEFAULT_AI_MODELS` | Available AI models for selection |
+| `defaultModelIndex` | `number` | `0` | Default selected model index |
+| `showModelSelector` | `boolean` | `true` | Whether to show model selector in UI |
+| `onModelChange` | `(model: AIModel) => void` | - | Callback when model is changed |
 
-✅ **Custom User Identity**: Support for custom usernames and flexible user information objects
+### Storage Configuration
 
-✅ **Configurable Banner Duration**: Customize how long the IDV suggestion banner stays hidden after dismissal
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `useSessionStorage` | `boolean` | `false` | Use sessionStorage instead of localStorage for chat state |
 
-## Configuration Options
+### User Identity Options
 
-### Built-in BerifyMe Support
+| Property | Type | Default | Description |
+|----------|------|---------|-------------|
+| `customUserInfo` | `Record<string, any>` | - | Custom user identity information object for backend processing |
 
-The built-in BerifyMe support requires no configuration - it automatically redirects to the current page after verification.
+### Speech-to-Text Options
 
-**Wallet Verification Options:**
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
-| `requireWalletIDVVerification` | `boolean` | `true` | Whether to check wallet IDV verification status before AIT operations |
-| `customUsername` | `string` | - | Custom username for wallet verification when using custom method |
-| `idvBannerDismissSeconds` | `number` | `86400` | Seconds to hide IDV suggestion banner after user dismisses it (default: 24 hours) |
+| `isStopRecordingOnSend` | `boolean` | `false` | Stop recording automatically when sending message |
+
+### Advanced Options
 
-**User Identity Options:**
 | Property | Type | Default | Description |
 |----------|------|---------|-------------|
-| `customUserInfo` | `Record<string, any>` | - | Custom user identity information object for backend processing |
+| `isSemiAutomaticMode` | `boolean` | `false` | Enable semi-automatic mode for user activation |
+| `maxRetries` | `number` | `3` | Maximum retry attempts for failed requests |
+| `retryDelay` | `number` | `1000` | Delay between retry attempts (ms) |
 
-### Configuration Examples
+## Available AI Models
 
-#### Require Wallet Verification (Default)
-```tsx
-<ChatBot
-  serviceId="your-service-id"
-  apiKey="your-api-key"
-  apiSecret="your-api-secret"
-  // requireWalletIDVVerification defaults to true
-  // Users must complete wallet verification before using AIT
-/>
-```
+The SDK supports multiple AI models:
 
-#### Make Wallet Verification Optional
-```tsx
-<ChatBot
-  serviceId="your-service-id"
-  apiKey="your-api-key"
-  apiSecret="your-api-secret"
-  requireWalletIDVVerification={false}
-  // Users can use AIT without wallet verification
-  // Helpful suggestion banner will appear for unverified wallets
-/>
-```
+- **Claude** (`claude`)
+- **ChatGPT** (`open-ai`)
+- **Llama** (`llama`)
+- **Gemini** (`gemini`)
+- **Nova** (`nova`)
+
+## Configuration Examples
+
+### Complete Configuration Example
 
-#### Custom User Identity
 ```tsx
 <ChatBot
   serviceId="your-service-id"
   apiKey="your-api-key"
   apiSecret="your-api-secret"
+  
+  // Wallet verification
   requireWalletIDVVerification={false}
   customUsername="john.doe"
+  idvBannerDismissSeconds={3600}
+  berifymeMode="built-in"
+  
+  // AI models
+  availableModels={DEFAULT_AI_MODELS}
+  defaultModelIndex={0}
+  showModelSelector={true}
+  onModelChange={(model) => console.log('Model changed:', model)}
+  
+  // Storage
+  useSessionStorage={true}
+  
+  // User identity
   customUserInfo={{
     corpId: "CORP-001",
     department: "Engineering",
     role: "Developer"
   }}
-  // Custom user identity information for backend processing
+  
+  // Speech-to-text
+  isStopRecordingOnSend={true}
+  
+  // Advanced
+  isSemiAutomaticMode={false}
+  maxRetries={3}
+  retryDelay={1000}
+  
+  // Callbacks
+  onMessage={(message) => console.log('New message:', message)}
+  onError={(error) => console.error('Error:', error)}
+  onToolUse={async (toolUse) => {
+    // Handle tool use
+    return { text: 'Tool executed successfully' };
+  }}
 />
 ```
 
-#### Custom Banner Dismiss Duration
+### Custom AI Models
+
 ```tsx
+import { ChatBot, AIModel } from '@bytexbyte/nxtlinq-ai-agent-sdk';
+
+const customModels: AIModel[] = [
+  { label: 'Claude', value: 'claude' },
+  { label: 'ChatGPT', value: 'open-ai' },
+  { label: 'Llama', value: 'llama' },
+  { label: 'Gemini', value: 'gemini' }
+];
+
 <ChatBot
   serviceId="your-service-id"
   apiKey="your-api-key"
   apiSecret="your-api-secret"
-  requireWalletIDVVerification={false}
-  idvBannerDismissSeconds={3600} // Hide banner for 1 hour (3600 seconds)
-  // Customize how long the IDV suggestion banner stays hidden
+  availableModels={customModels}
+  defaultModelIndex={0}
 />
 ```
 
 ## Advanced Features
 
+### Speech-to-Text Integration
+
+The SDK includes built-in speech-to-text functionality using Microsoft Cognitive Services:
+
+- **Real-time transcription**: Live voice-to-text conversion
+- **Partial transcripts**: Shows real-time partial results while speaking
+- **Wake lock support**: Prevents screen from sleeping during recording
+- **Automatic cleanup**: Handles microphone permissions and cleanup
+- **Configurable behavior**: Control when recording stops
+
 ### IDV Suggestion Banner
 
 When `requireWalletIDVVerification: false`, the SDK shows a helpful suggestion banner for unverified wallets:
@@ -209,7 +253,6 @@ When `requireWalletIDVVerification: false`, the SDK shows a helpful suggestion b
 - **Persistent State**: Dismissal preference is saved in localStorage
 - **Responsive Design**: Banner adapts to different screen sizes
 - **User-Friendly Display**: Shows time in hours/minutes format (e.g., "24h" or "1h 30m")
-- **Flexible Configuration**: Set custom dismiss duration in seconds via `idvBannerDismissSeconds`
 
 ### Custom User Identity
 
@@ -220,32 +263,115 @@ The SDK supports flexible user identity information for enhanced backend process
 - **Backend Integration**: Custom identity information is sent to the AIT Service for processing
 - **Optional Parameters**: Both `customUsername` and `customUserInfo` are optional
 
-**Example Usage:**
+### Storage Modes
+
+Choose between different storage strategies:
+
+- **localStorage** (default): Persistent across browser sessions
+- **sessionStorage**: Data cleared when browser tab is closed
+
+### BerifyMe Integration Modes
+
+- **built-in** (default): SDK automatically loads and manages BerifyMe
+- **external**: Use your own BerifyMe integration with `onVerifyWallet` callback
+
+## Exported Components and Utilities
+
+### Components
 ```tsx
-<ChatBot
-  serviceId="your-service-id"
-  apiKey="your-api-key"
-  apiSecret="your-api-secret"
-  requireWalletIDVVerification={false}
-  customUsername="employee-123"
-  customUserInfo={{
-    corpId: "COMPANY-001",
-    department: "Sales",
-    region: "Asia-Pacific",
-    accessLevel: "premium"
-  }}
-  // Custom user identity information sent to backend for processing
-/>
+import {
+  ChatBot,
+  ChatBotUI,
+  MessageInput,
+  MessageList,
+  ModelSelector,
+  NotificationModal,
+  PermissionForm,
+  PresetMessages,
+  BerifyMeModal
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
+```
+
+### Hooks and Context
+```tsx
+import {
+  ChatBotProvider,
+  useChatBot,
+  useLocalStorage,
+  useSessionStorage
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
+```
+
+### Utilities
+```tsx
+import {
+  connectWallet,
+  disconnectWallet,
+  validateToken,
+  createAITMetadata,
+  generateAITId,
+  prepareAITCreation,
+  createNotification,
+  getNotificationIcon,
+  containsUrls,
+  convertUrlsToLinks,
+  convertUrlsToHtml,
+  createNxtlinqApi
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
+```
+
+### Types
+```tsx
+import type {
+  ChatBotProps,
+  ChatBotContextType,
+  AIModel,
+  AITMetadata,
+  NovaResponse,
+  NovaError,
+  PresetMessage,
+  ToolCall,
+  ToolUse,
+  AIT,
+  AITApi,
+  Message,
+  ServicePermission
+} from '@bytexbyte/nxtlinq-ai-agent-sdk';
 ```
 
-### Wallet Connection Flow
+## Benefits
+
+✅ **Always Available**: Built-in BerifyMe support is always enabled - no configuration needed!
+
+✅ **No onVerifyWallet Needed**: SDK automatically handles wallet verification - no callback implementation required
+
+✅ **Simplified Integration**: No need to manually handle DOM manipulation, React roots, or modal lifecycle
+
+✅ **Automatic SDK Loading**: SDK automatically loads BerifyMe dependencies when needed
+
+✅ **Built-in Error Handling**: Comprehensive error handling and fallback mechanisms
+
+✅ **Consistent UI**: Unified modal experience across all implementations
+
+✅ **Easy Configuration**: Simple configuration object with sensible defaults
+
+✅ **Automatic Cleanup**: Modal cleanup and memory management handled automatically
+
+✅ **Flexible IDV Verification**: Control whether to require wallet IDV verification before AIT operations
+
+✅ **Smart Suggestion Banner**: When verification is optional, shows helpful suggestion banner with 1-second delay to prevent flashing
+
+✅ **Custom User Identity**: Support for custom usernames and flexible user information objects
+
+✅ **Configurable Banner Duration**: Customize how long the IDV suggestion banner stays hidden after dismissal
+
+✅ **Mobile Optimized**: Responsive design that works perfectly on mobile devices with optimized dimensions
+
+✅ **Speech-to-Text**: Built-in voice input with Microsoft Cognitive Services integration
+
+✅ **Multiple AI Models**: Support for various AI models (Claude, ChatGPT, Llama, Gemini, Nova)
 
-1. **Connect Wallet**: User connects their wallet
-2. **Sign In**: User signs in with wallet (if required)
-3. **Verification Check**: SDK checks if wallet is verified
-4. **Custom Identity**: If `customUsername` is provided and `requireWalletIDVVerification: false`, create wallet with custom method
-5. **Conditional Banner**: If verification is optional and wallet is unverified, show suggestion banner
-6. **User Choice**: User can verify wallet or continue without verification
+✅ **Flexible Storage**: Choose between localStorage and sessionStorage for different use cases
 
 ## Support
 

package/dist/api/nxtlinq-api.js

@@ -1,5 +1,5 @@
 const AI_AGENT_API_HOST = 'https://ai-agent.nxtlinq.ai';
-const AIT_SERVICE_API_HOST = 'https://staging-ait-service.nxtlinq.ai';
+const AIT_SERVICE_API_HOST = 'https://ait-service.nxtlinq.ai';
 // Helper function to get auth header
 const getAuthHeader = () => {
     const token = localStorage.getItem('nxtlinqAITServiceAccessToken');

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,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA2iBxD,CAAC"}
+{"version":3,"file":"PermissionForm.d.ts","sourceRoot":"","sources":["../../../src/components/ui/PermissionForm.tsx"],"names":[],"mappings":"AAAA,sCAAsC;AACtC,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CA4jBxD,CAAC"}

package/dist/components/ui/PermissionForm.js

@@ -161,6 +161,23 @@ export const PermissionForm = ({ onClose }) => {
       display: flex !important;
       flex-direction: column !important;
       overflow: hidden !important;
+      
+      /* Mobile responsive adjustments */
+      @media (max-width: 768px) {
+        width: 75vw !important;
+        max-width: 75vw !important;
+        padding: 20px !important;
+        border-radius: 8px !important;
+        max-height: 65vh !important;
+      }
+      
+      @media (max-width: 480px) {
+        width: 70vw !important;
+        max-width: 70vw !important;
+        padding: 16px !important;
+        border-radius: 6px !important;
+        max-height: 60vh !important;
+      }
     `, children: [_jsxs("div", { css: css `
         display: flex !important;
         justify-content: space-between !important;

package/dist/components/ui/styles/isolatedStyles.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"isolatedStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles/isolatedStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,2CAwBpB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAmExB,CAAC;AAGF,eAAO,MAAM,cAAc,2CA0B1B,CAAC;AAGF,eAAO,MAAM,UAAU,2CActB,CAAC;AAGF,eAAO,MAAM,UAAU,2CAStB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAMvB,CAAC;AAGF,eAAO,MAAM,YAAY,2CA0BxB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAoBvB,CAAC;AAGF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAGF,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAKvB,CAAC;AAGF,eAAO,MAAM,cAAc,2CAQ1B,CAAC;AAGF,eAAO,MAAM,kBAAkB,2CAQ9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,2CAS/B,CAAC;AAGF,eAAO,MAAM,aAAa,2CAezB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAexB,CAAC;AAGF,eAAO,MAAM,eAAe,2CAc3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAQ5B,CAAC;AAGF,eAAO,MAAM,cAAc,2CAM1B,CAAC;AAGF,eAAO,MAAM,UAAU,2CAYtB,CAAC;AAGF,eAAO,MAAM,QAAQ,2CAMpB,CAAC;AAGF,eAAO,MAAM,iBAAiB,2CAc7B,CAAC;AAGF,eAAO,MAAM,YAAY,2CAIxB,CAAC;AAGF,eAAO,MAAM,UAAU,2CAItB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAIxB,CAAC;AAGF,eAAO,MAAM,SAAS,2CAIrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAiB5B,CAAC;AAGF,eAAO,MAAM,YAAY,2CAYxB,CAAC;AAGF,eAAO,MAAM,SAAS,2CAWrB,CAAC;AAGF,eAAO,MAAM,cAAc,2CAM1B,CAAC;AAGF,eAAO,MAAM,aAAa,2CAMzB,CAAC;AAGF,eAAO,MAAM,eAAe,2CAoB3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAmB5B,CAAC;AAGF,eAAO,MAAM,cAAc,2CAO1B,CAAC"}
+{"version":3,"file":"isolatedStyles.d.ts","sourceRoot":"","sources":["../../../../src/components/ui/styles/isolatedStyles.ts"],"names":[],"mappings":"AAGA,eAAO,MAAM,QAAQ,2CAwBpB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAmExB,CAAC;AAGF,eAAO,MAAM,cAAc,2CA6C1B,CAAC;AAGF,eAAO,MAAM,UAAU,2CAuCtB,CAAC;AAGF,eAAO,MAAM,UAAU,2CAStB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAMvB,CAAC;AAGF,eAAO,MAAM,YAAY,2CA0BxB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAoBvB,CAAC;AAGF,eAAO,MAAM,oBAAoB,2CAQhC,CAAC;AAGF,eAAO,MAAM,aAAa,2CAKzB,CAAC;AAGF,eAAO,MAAM,WAAW,2CAKvB,CAAC;AAGF,eAAO,MAAM,cAAc,2CAQ1B,CAAC;AAGF,eAAO,MAAM,kBAAkB,2CAQ9B,CAAC;AAGF,eAAO,MAAM,mBAAmB,2CAS/B,CAAC;AAGF,eAAO,MAAM,aAAa,2CAezB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAexB,CAAC;AAGF,eAAO,MAAM,eAAe,2CAc3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAQ5B,CAAC;AAGF,eAAO,MAAM,cAAc,2CAM1B,CAAC;AAGF,eAAO,MAAM,UAAU,2CAYtB,CAAC;AAGF,eAAO,MAAM,QAAQ,2CAMpB,CAAC;AAGF,eAAO,MAAM,iBAAiB,2CAc7B,CAAC;AAGF,eAAO,MAAM,YAAY,2CAIxB,CAAC;AAGF,eAAO,MAAM,UAAU,2CAItB,CAAC;AAGF,eAAO,MAAM,YAAY,2CAIxB,CAAC;AAGF,eAAO,MAAM,SAAS,2CAIrB,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAiB5B,CAAC;AAGF,eAAO,MAAM,YAAY,2CAyBxB,CAAC;AAGF,eAAO,MAAM,SAAS,2CAWrB,CAAC;AAGF,eAAO,MAAM,cAAc,2CAM1B,CAAC;AAGF,eAAO,MAAM,aAAa,2CAMzB,CAAC;AAGF,eAAO,MAAM,eAAe,2CAoB3B,CAAC;AAGF,eAAO,MAAM,gBAAgB,2CAmB5B,CAAC;AAGF,eAAO,MAAM,cAAc,2CAO1B,CAAC"}

package/dist/components/ui/styles/isolatedStyles.js

@@ -111,6 +111,7 @@ export const floatingButton = css `
   font-size: 14px !important;
   font-weight: 500 !important;
   font-family: inherit !important;
+  max-width: calc(100vw - 40px) !important;
   
   &:disabled {
     cursor: not-allowed !important;
@@ -121,6 +122,24 @@ export const floatingButton = css `
     background-color: #0056b3 !important;
     transform: translateY(-2px) !important;
   }
+  
+  /* Mobile responsive adjustments */
+  @media (max-width: 768px) {
+    bottom: 15px !important;
+    right: 15px !important;
+    max-width: calc(100vw - 30px) !important;
+    padding: 8px 16px !important;
+    font-size: 13px !important;
+  }
+  
+  @media (max-width: 480px) {
+    bottom: 10px !important;
+    right: 10px !important;
+    max-width: calc(100vw - 20px) !important;
+    padding: 6px 12px !important;
+    font-size: 12px !important;
+    border-radius: 16px !important;
+  }
 `;
 // Chat window container styles
 export const chatWindow = css `
@@ -128,7 +147,9 @@ export const chatWindow = css `
   bottom: 20px !important;
   right: 20px !important;
   width: 500px !important;
+  max-width: calc(100vw - 40px) !important;
   height: 600px !important;
+  max-height: calc(100vh - 40px) !important;
   background-color: white !important;
   border-radius: 10px !important;
   box-shadow: 0 5px 15px rgba(0,0,0,0.2) !important;
@@ -137,6 +158,29 @@ export const chatWindow = css `
   z-index: 1001 !important;
   overflow: hidden !important;
   font-family: inherit !important;
+  
+  /* Mobile responsive adjustments */
+  @media (max-width: 768px) {
+    width: 70vw !important;
+    max-width: 70vw !important;
+    height: 60vh !important;
+    max-height: 60vh !important;
+    bottom: 20px !important;
+    right: 20px !important;
+    left: auto !important;
+    border-radius: 8px !important;
+  }
+  
+  @media (max-width: 480px) {
+    width: 65vw !important;
+    max-width: 65vw !important;
+    height: 55vh !important;
+    max-height: 55vh !important;
+    bottom: 15px !important;
+    right: 15px !important;
+    left: auto !important;
+    border-radius: 6px !important;
+  }
 `;
 // Header styles
 export const chatHeader = css `
@@ -424,6 +468,19 @@ export const modalOverlay = css `
   justify-content: center !important;
   z-index: 1002 !important;
   padding: 20px !important;
+  
+  /* Mobile responsive adjustments */
+  @media (max-width: 768px) {
+    padding: 15px !important;
+    align-items: flex-start !important;
+    padding-top: 20px !important;
+  }
+  
+  @media (max-width: 480px) {
+    padding: 10px !important;
+    align-items: flex-start !important;
+    padding-top: 15px !important;
+  }
 `;
 // IDV banner styles
 export const idvBanner = css `

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bytexbyte/nxtlinq-ai-agent-sdk",
-  "version": "1.6.9",
+  "version": "1.6.11",
   "description": "Nxtlinq AI Agent SDK - Proprietary Software with enhanced async operation handling",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -59,4 +59,4 @@
     "universal-cookie": "^8.0.1",
     "uuid": "^11.1.0"
   }
-}
+}