@neurobot/sdk-react 1.0.0

package/INTEGRATION.md

@@ -0,0 +1,140 @@
+# Integration Guide
+
+## React with Provider
+
+```jsx
+import { NeuroBotProvider, NeuroBot } from '@neurobot/sdk-react';
+
+export default function App() {
+  return (
+    <NeuroBotProvider
+      publicKey="pk_live_your_public_key"
+    >
+      <YourApp />
+      <NeuroBot pipelineId="your-pipeline-id" />
+    </NeuroBotProvider>
+  );
+}
+```
+
+### Provider Props
+
+| Prop | Type | Required | Description |
+|------|------|----------|-------------|
+| `publicKey` | string | ✅ | Public API key from NeuroBot Studio |
+| `timeout` | number | - | Request timeout in ms. Default: 30000 |
+| `children` | ReactNode | ✅ | Your app components |
+
+## Next.js (SSR Safe)
+
+```jsx
+import dynamic from 'next/dynamic';
+import { NeuroBotProvider } from '@neurobot/sdk-react';
+
+const NeuroBot = dynamic(() => import('@neurobot/sdk-react').then(m => m.NeuroBot), {
+  ssr: false,
+});
+
+export default function Home() {
+  return (
+    <NeuroBotProvider
+      publicKey="pk_live_your_public_key"
+    >
+      <NeuroBot pipelineId="your-pipeline-id" />
+    </NeuroBotProvider>
+  );
+}
+```
+
+## Full Customization Example
+
+```jsx
+import { NeuroBotProvider, NeuroBot } from '@neurobot/sdk-react';
+
+export default function App() {
+  return (
+    <NeuroBotProvider
+      publicKey="pk_live_your_public_key"
+      timeout={30000}
+    >
+      <NeuroBot 
+        pipelineId="your-pipeline-id"
+        title="Support Assistant"
+        position="bottom-right"
+        config={{
+          primaryColor: '#3b82f6',
+          accentColor: '#1e40af',
+          backgroundColor: '#ffffff',
+          textColor: '#1f2937',
+          borderRadius: '12px',
+          fontSize: '14px',
+        }}
+        onMessageSent={(message) => {
+          console.log('User sent:', message);
+          // Track analytics
+        }}
+        onMessageReceived={(message) => {
+          console.log('Bot responded:', message);
+          // Update UI or trigger actions
+        }}
+      />
+    </NeuroBotProvider>
+  );
+}
+```
+
+## How It Works
+
+**Simple flow:**
+```
+Consumer App
+    ↓ (publicKey + pipelineId + message)
+NeuroBot API (hardcoded in SDK)
+    ↓ (validates publicKey + secretKey)
+    ├─ Processes conversation
+    ├─ Calls LLM models
+    ├─ Applies pipeline customizations
+    └─ Returns AI-generated response
+    ↓
+Consumer App (receives response)
+```
+
+**What consumer provides:**
+- `publicKey`: Public API key (safe to expose)
+- `pipelineId`: Pipeline identifier
+- `message`: User message
+
+**What SDK handles:**
+- API URL is hardcoded (no need to pass)
+- Sends request to NeuroBot backend
+- Handles authentication headers
+
+**What NeuroBot backend does:**
+- Validates public key
+- Uses secret key for validation (never exposed to client)
+- Processes conversation using LLM models
+- Applies pipeline customizations
+- Returns AI-generated response
+
+**Security:**
+- ✅ Only public key exposed to frontend
+- ✅ Secret key stays on backend
+- ✅ API URL hardcoded in SDK
+- ✅ All conversation processing on backend
+- ✅ LLM calls handled securely
+
+## TypeScript Support
+
+```typescript
+import { NeuroBot, NeuroBotProps, ChatConfig } from '@neurobot/sdk-react';
+
+const config: ChatConfig = {
+  primaryColor: '#3b82f6',
+};
+
+const props: NeuroBotProps = {
+  pipelineId: 'my-pipeline',
+  title: 'Support',
+  config,
+};
+```

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 NeuroBot Team
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/MOCK_MODE.md

@@ -0,0 +1,245 @@
+# Mock Mode - Testing Without Backend
+
+Mock mode allows you to test the SDK without a real backend API. It provides realistic dummy responses with simulated network delays.
+
+## Quick Start
+
+### Enable Mock Mode
+
+```jsx
+import { NeuroBotProvider, NeuroBot } from '@neurobot/sdk-react';
+
+export default function App() {
+  return (
+    <NeuroBotProvider publicKey="pk_live_test">
+      <NeuroBot 
+        pipelineId="test-pipeline"
+        useMock={true}  // Enable mock mode
+      />
+    </NeuroBotProvider>
+  );
+}
+```
+
+## Features
+
+### Contextual Responses
+
+Mock mode provides intelligent responses based on keywords:
+
+```
+User: "hello"
+Bot: "Hello! How can I assist you today?"
+
+User: "what's your return policy?"
+Bot: "We offer 30-day returns on most items with original receipt..."
+
+User: "how do I reset my password?"
+Bot: "You can reset your password by clicking 'Forgot Password' on the login page..."
+```
+
+### Realistic Delays
+
+Responses include simulated network delays (500-1500ms) for realistic testing:
+
+```
+User sends message
+    ↓ (simulated delay)
+Bot responds
+```
+
+### Fallback Responses
+
+For unrecognized questions, mock mode returns random helpful responses:
+
+```
+User: "Tell me about your company"
+Bot: "That's a great question! I'd be happy to help you with that."
+```
+
+## Supported Keywords
+
+Mock mode recognizes these keywords and provides contextual responses:
+
+| Keyword | Response Category |
+|---------|-------------------|
+| hello, hi | Greeting |
+| how are you | Greeting |
+| thanks, thank you | Acknowledgment |
+| bye, goodbye | Farewell |
+| help | Assistance |
+| what can you do | Capabilities |
+| who are you | Identity |
+| return policy | Returns |
+| shipping | Shipping info |
+| refund | Refund info |
+| contact | Contact info |
+| hours | Business hours |
+| price | Pricing |
+| discount | Promotions |
+| warranty | Warranty info |
+
+## Usage Examples
+
+### Development Testing
+
+```jsx
+// During development, use mock mode
+<NeuroBot 
+  pipelineId="dev-pipeline"
+  useMock={true}
+  onMessageSent={(msg) => console.log('Sent:', msg)}
+  onMessageReceived={(msg) => console.log('Received:', msg)}
+/>
+```
+
+### Conditional Mock Mode
+
+```jsx
+const isDevelopment = process.env.NODE_ENV === 'development';
+
+<NeuroBot 
+  pipelineId="my-pipeline"
+  useMock={isDevelopment}  // Only mock in development
+/>
+```
+
+### Environment-Based
+
+```jsx
+const useMock = process.env.REACT_APP_USE_MOCK === 'true';
+
+<NeuroBot 
+  pipelineId="my-pipeline"
+  useMock={useMock}
+/>
+```
+
+**.env.development:**
+```
+REACT_APP_USE_MOCK=true
+```
+
+**.env.production:**
+```
+REACT_APP_USE_MOCK=false
+```
+
+## Mock Response Examples
+
+### Greeting
+```
+User: "Hi there"
+Bot: "Hi there! What can I help you with?"
+```
+
+### Return Policy
+```
+User: "What's your return policy?"
+Bot: "We offer 30-day returns on most items with original receipt. Items must be in original condition. You can return items in-store or by mail."
+```
+
+### Shipping
+```
+User: "How long does shipping take?"
+Bot: "We offer free shipping on orders over $50. Standard shipping takes 5-7 business days. Express shipping is available for an additional fee."
+```
+
+### Refunds
+```
+User: "When will I get my refund?"
+Bot: "Refunds are processed within 5-10 business days after we receive your return. You'll receive a confirmation email with tracking information."
+```
+
+### Contact
+```
+User: "How can I contact support?"
+Bot: "You can reach us via email at support@example.com or call 1-800-EXAMPLE. Our team is available Monday-Friday, 9am-5pm EST."
+```
+
+## Switching to Real Backend
+
+When you're ready to use the real backend, simply disable mock mode:
+
+```jsx
+// Before (development)
+<NeuroBot pipelineId="my-pipeline" useMock={true} />
+
+// After (production)
+<NeuroBot pipelineId="my-pipeline" useMock={false} />
+```
+
+Or remove the prop entirely (defaults to false):
+
+```jsx
+<NeuroBot pipelineId="my-pipeline" />
+```
+
+## Adding Custom Mock Responses
+
+To add more contextual responses, edit `src/utils/mock.ts`:
+
+```typescript
+const contextualResponses: { [key: string]: string } = {
+  'hello': 'Hello! How can I assist you today?',
+  'your-keyword': 'Your custom response here',
+  // Add more keywords and responses
+};
+```
+
+## Testing Checklist
+
+- [ ] Test basic message sending
+- [ ] Test greeting responses
+- [ ] Test contextual responses (return policy, shipping, etc.)
+- [ ] Test fallback responses (random responses)
+- [ ] Test callbacks (onMessageSent, onMessageReceived)
+- [ ] Test styling and configuration
+- [ ] Test minimize/maximize functionality
+- [ ] Test error handling
+
+## Disabling Mock Mode for Production
+
+**Important:** Always disable mock mode in production:
+
+```jsx
+// ❌ Don't do this in production
+<NeuroBot pipelineId="my-pipeline" useMock={true} />
+
+// ✅ Do this in production
+<NeuroBot pipelineId="my-pipeline" useMock={false} />
+// or simply omit useMock prop
+<NeuroBot pipelineId="my-pipeline" />
+```
+
+## Performance
+
+Mock responses are instant (with simulated delay):
+- Response time: 500-1500ms (simulated)
+- No network overhead
+- No backend required
+- Perfect for testing and demos
+
+## Limitations
+
+Mock mode does NOT:
+- ❌ Validate public keys
+- ❌ Validate signatures
+- ❌ Call real LLM models
+- ❌ Process real pipelines
+- ❌ Store conversations
+- ❌ Integrate with backend services
+
+Mock mode is for **testing and development only**.
+
+## Summary
+
+Mock mode enables:
+✅ Testing without backend
+✅ Development without API setup
+✅ Demo purposes
+✅ Realistic UI/UX testing
+✅ Callback testing
+✅ Error handling testing
+
+Use mock mode during development, disable for production.

package/README.md

@@ -0,0 +1,114 @@
+# NeuroBot SDK React
+
+Lightweight embeddable React chatbot widget for your applications.
+
+## Quick Start
+
+### Installation
+
+```bash
+npm install @neurobot/sdk-react
+```
+
+### Setup with Provider
+
+```jsx
+import { NeuroBotProvider, NeuroBot } from '@neurobot/sdk-react';
+
+export default function App() {
+  return (
+    <NeuroBotProvider
+      publicKey="pk_live_your_public_key"   // Only required prop
+    >
+      <YourApp />
+      <NeuroBot pipelineId="your-pipeline-id" />
+    </NeuroBotProvider>
+  );
+}
+```
+
+### How It Works
+
+**Client-side (Safe to expose):**
+- `publicKey`: Public API key from NeuroBot Studio
+- `pipelineId`: Pipeline identifier
+- API URL is hardcoded in SDK
+
+**Server-side (NeuroBot Backend - Keep secret):**
+- `secretKey`: Never expose to frontend
+- Validates requests using secret key
+- Processes conversations using LLM models
+- Applies pipeline customizations
+- Returns AI-generated responses
+
+### Get Your Credentials
+
+1. **Pipeline ID**: Created in NeuroBot Studio when you create a pipeline
+2. **Public Key**: Generated in Pipeline Settings → API Keys (safe for frontend)
+3. **Secret Key**: Generated in Pipeline Settings → API Keys (backend only, never in frontend)
+
+## Props
+
+| Prop | Type | Required | Default | Description |
+|------|------|----------|---------|-------------|
+| `pipelineId` | string | ✅ | - | Your NeuroBot pipeline ID |
+| `chatbotId` | string | - | - | Optional chatbot identifier |
+| `title` | string | - | `'NeuroBot Assistant'` | Chat window title |
+| `position` | string | - | `'bottom-right'` | Position: `'bottom-right'`, `'bottom-left'`, `'top-right'`, `'top-left'` |
+| `config` | object | - | - | Styling configuration |
+| `onMessageSent` | function | - | - | Callback when user sends message |
+| `onMessageReceived` | function | - | - | Callback when bot responds |
+| `useMock` | boolean | - | `false` | Use mock responses for testing without backend |
+
+### Config Options
+
+```jsx
+config={{
+  primaryColor: '#3b82f6',        // Main color
+  accentColor: '#1e40af',        // Accent color
+  backgroundColor: '#ffffff',    // Chat background
+  textColor: '#1f2937',          // Text color
+  borderRadius: '12px',          // Border radius
+  fontSize: '14px'               // Font size
+}}
+```
+
+## Backend Integration
+
+Implement `/api/chat` endpoint:
+
+```
+POST /api/chat
+{
+  "pipelineId": "string",
+  "message": "string",
+  "context": { "pageUrl": "string", "pageTitle": "string" }
+}
+
+Response:
+{ "response": "string" }
+```
+
+## Features
+
+- ✨ Lightweight (~15KB gzipped)
+- 🎨 Fully customizable
+- 📱 Responsive design
+- ♿ Accessible
+- 📦 TypeScript support
+- 🌙 Dark mode compatible
+
+## Requirements
+
+- **React** ^18.0.0
+- **React-DOM** ^18.0.0
+- **Tailwind CSS** - The SDK uses Tailwind CSS classes. Make sure your project has Tailwind CSS configured.
+
+## Documentation
+
+- [Integration Guide](./INTEGRATION.md) - Framework-specific examples
+- [Mock Mode Guide](./MOCK_MODE.md) - Testing without a backend
+
+## License
+
+MIT

package/dist/components/ChatWindow.d.ts

@@ -0,0 +1,25 @@
+import React, { FormEvent } from 'react';
+import { Message } from '../types';
+interface ChatWindowProps {
+    title: string;
+    messages: Message[];
+    inputValue: string;
+    isLoading: boolean;
+    isMinimized: boolean;
+    messagesEndRef: React.RefObject<HTMLDivElement | null>;
+    config: {
+        primaryColor: string;
+        accentColor: string;
+        backgroundColor: string;
+        textColor: string;
+        borderRadius: string;
+        fontSize: string;
+    };
+    onInputChange: (value: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    onMinimize: () => void;
+    onClose: () => void;
+}
+export declare const ChatWindow: React.FC<ChatWindowProps>;
+export {};
+//# sourceMappingURL=ChatWindow.d.ts.map

package/dist/components/ChatWindow.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.d.ts","sourceRoot":"","sources":["../../components/ChatWindow.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEzC,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAInC,UAAU,eAAe;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,WAAW,EAAE,OAAO,CAAC;IACrB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,MAAM,EAAE;QACN,YAAY,EAAE,MAAM,CAAC;QACrB,WAAW,EAAE,MAAM,CAAC;QACpB,eAAe,EAAE,MAAM,CAAC;QACxB,SAAS,EAAE,MAAM,CAAC;QAClB,YAAY,EAAE,MAAM,CAAC;QACrB,QAAQ,EAAE,MAAM,CAAC;KAClB,CAAC;IACF,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAClD,UAAU,EAAE,MAAM,IAAI,CAAC;IACvB,OAAO,EAAE,MAAM,IAAI,CAAC;CACrB;AAED,eAAO,MAAM,UAAU,EAAE,KAAK,CAAC,EAAE,CAAC,eAAe,CAuEhD,CAAC"}

package/dist/components/ChatWindow.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { X, Minimize2, Maximize2 } from 'lucide-react';
+import { MessageList } from './MessageList';
+import { InputForm } from './InputForm';
+export const ChatWindow = ({ title, messages, inputValue, isLoading, isMinimized, messagesEndRef, config, onInputChange, onSubmit, onMinimize, onClose, }) => {
+    return (_jsxs("div", { className: "w-96 flex flex-col overflow-hidden rounded-2xl border border-neutral-200/50 dark:border-neutral-700/50 shadow-2xl transition-all duration-300", style: {
+            height: isMinimized ? '56px' : '600px',
+            backgroundColor: config.backgroundColor,
+            fontSize: config.fontSize,
+        }, children: [_jsxs("div", { className: "text-white px-6 py-4 flex items-center justify-between flex-shrink-0 shadow-lg", style: {
+                    background: `linear-gradient(135deg, ${config.primaryColor} 0%, ${config.accentColor} 100%)`,
+                }, children: [_jsxs("div", { className: "flex flex-col", children: [_jsx("h3", { className: "font-bold text-base leading-tight", children: title }), _jsx("p", { className: "text-xs text-white/70 mt-0.5", children: "Always here to help" })] }), _jsxs("div", { className: "flex gap-1", children: [_jsx("button", { onClick: onMinimize, className: "p-2 hover:bg-white/20 rounded-lg transition-all duration-200 hover:scale-110", "aria-label": "Minimize chat", children: isMinimized ? _jsx(Maximize2, { size: 18 }) : _jsx(Minimize2, { size: 18 }) }), _jsx("button", { onClick: onClose, className: "p-2 hover:bg-white/20 rounded-lg transition-all duration-200 hover:scale-110", "aria-label": "Close chat", children: _jsx(X, { size: 18 }) })] })] }), !isMinimized && (_jsxs(_Fragment, { children: [_jsx(MessageList, { messages: messages, messagesEndRef: messagesEndRef, textColor: config.textColor, primaryColor: config.primaryColor }), _jsx(InputForm, { inputValue: inputValue, isLoading: isLoading, onInputChange: onInputChange, onSubmit: onSubmit, primaryColor: config.primaryColor })] }))] }));
+};
+//# sourceMappingURL=ChatWindow.js.map

package/dist/components/ChatWindow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChatWindow.js","sourceRoot":"","sources":["../../components/ChatWindow.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,CAAC,EAAE,SAAS,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEvD,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAC5C,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAuBxC,MAAM,CAAC,MAAM,UAAU,GAA8B,CAAC,EACpD,KAAK,EACL,QAAQ,EACR,UAAU,EACV,SAAS,EACT,WAAW,EACX,cAAc,EACd,MAAM,EACN,aAAa,EACb,QAAQ,EACR,UAAU,EACV,OAAO,GACR,EAAE,EAAE;IACH,OAAO,CACL,eACE,SAAS,EAAC,+IAA+I,EACzJ,KAAK,EAAE;YACL,MAAM,EAAE,WAAW,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO;YACtC,eAAe,EAAE,MAAM,CAAC,eAAe;YACvC,QAAQ,EAAE,MAAM,CAAC,QAAQ;SAC1B,aAGD,eACE,SAAS,EAAC,gFAAgF,EAC1F,KAAK,EAAE;oBACL,UAAU,EAAE,2BAA2B,MAAM,CAAC,YAAY,QAAQ,MAAM,CAAC,WAAW,QAAQ;iBAC7F,aAED,eAAK,SAAS,EAAC,eAAe,aAC5B,aAAI,SAAS,EAAC,mCAAmC,YAAE,KAAK,GAAM,EAC9D,YAAG,SAAS,EAAC,8BAA8B,oCAAwB,IAC/D,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,8EAA8E,gBAC7E,eAAe,YAEzB,WAAW,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,CAAC,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,EAAE,GAAI,GACzD,EACT,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,8EAA8E,gBAC7E,YAAY,YAEvB,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACR,IACL,IACF,EAGL,CAAC,WAAW,IAAI,CACf,8BACE,KAAC,WAAW,IACV,QAAQ,EAAE,QAAQ,EAClB,cAAc,EAAE,cAAc,EAC9B,SAAS,EAAE,MAAM,CAAC,SAAS,EAC3B,YAAY,EAAE,MAAM,CAAC,YAAY,GACjC,EACF,KAAC,SAAS,IACR,UAAU,EAAE,UAAU,EACtB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,aAAa,EAC5B,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,MAAM,CAAC,YAAY,GACjC,IACD,CACJ,IACG,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/FloatingButton.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface FloatingButtonProps {
+    onClick: () => void;
+    primaryColor: string;
+    accentColor: string;
+}
+export declare const FloatingButton: React.FC<FloatingButtonProps>;
+export {};
+//# sourceMappingURL=FloatingButton.d.ts.map

package/dist/components/FloatingButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.d.ts","sourceRoot":"","sources":["../../components/FloatingButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,UAAU,mBAAmB;IAC3B,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,YAAY,EAAE,MAAM,CAAC;IACrB,WAAW,EAAE,MAAM,CAAC;CACrB;AAED,eAAO,MAAM,cAAc,EAAE,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAiBxD,CAAC"}

package/dist/components/FloatingButton.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MessageCircle } from 'lucide-react';
+export const FloatingButton = ({ onClick, primaryColor, accentColor, }) => {
+    return (_jsx("button", { onClick: onClick, className: "w-14 h-14 text-white rounded-full shadow-lg hover:shadow-xl hover:scale-110 flex items-center justify-center transition-all mb-1", style: {
+            background: `linear-gradient(135deg, ${primaryColor}, ${accentColor})`,
+        }, "aria-label": "Open chat", children: _jsx(MessageCircle, { size: 28 }) }));
+};
+//# sourceMappingURL=FloatingButton.js.map

package/dist/components/FloatingButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FloatingButton.js","sourceRoot":"","sources":["../../components/FloatingButton.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,aAAa,EAAE,MAAM,cAAc,CAAC;AAQ7C,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,OAAO,EACP,YAAY,EACZ,WAAW,GACZ,EAAE,EAAE;IACH,OAAO,CACL,iBACE,OAAO,EAAE,OAAO,EAChB,SAAS,EAAC,kIAAkI,EAC5I,KAAK,EAAE;YACL,UAAU,EAAE,2BAA2B,YAAY,KAAK,WAAW,GAAG;SACvE,gBACU,WAAW,YAEtB,KAAC,aAAa,IAAC,IAAI,EAAE,EAAE,GAAI,GACpB,CACV,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/InputForm.d.ts

@@ -0,0 +1,11 @@
+import React, { FormEvent } from 'react';
+interface InputFormProps {
+    inputValue: string;
+    isLoading: boolean;
+    onInputChange: (value: string) => void;
+    onSubmit: (e: FormEvent<HTMLFormElement>) => void;
+    primaryColor: string;
+}
+export declare const InputForm: React.FC<InputFormProps>;
+export {};
+//# sourceMappingURL=InputForm.d.ts.map

package/dist/components/InputForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputForm.d.ts","sourceRoot":"","sources":["../../components/InputForm.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGzC,UAAU,cAAc;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,OAAO,CAAC;IACnB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,QAAQ,EAAE,CAAC,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,KAAK,IAAI,CAAC;IAClD,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CAqC9C,CAAC"}

package/dist/components/InputForm.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Send } from 'lucide-react';
+export const InputForm = ({ inputValue, isLoading, onInputChange, onSubmit, primaryColor, }) => {
+    return (_jsx("form", { onSubmit: onSubmit, className: "border-t border-neutral-200/50 dark:border-neutral-700/50 bg-gradient-to-r from-white to-neutral-50/50 dark:from-neutral-800 dark:to-neutral-800/50 p-4 flex-shrink-0", children: _jsxs("div", { className: "flex gap-2.5", children: [_jsx("input", { type: "text", value: inputValue, onChange: (e) => onInputChange(e.target.value), placeholder: "Type a message...", disabled: isLoading, className: "flex-1 px-4 py-2.5 border border-neutral-200 dark:border-neutral-600 rounded-xl focus:outline-none focus:ring-2 focus:border-transparent dark:bg-neutral-700 dark:text-white placeholder-neutral-400 dark:placeholder-neutral-500 transition-all", style: { '--tw-ring-color': primaryColor } }), _jsx("button", { type: "submit", disabled: isLoading || !inputValue.trim(), className: "px-4 py-2.5 text-white rounded-xl hover:shadow-lg disabled:opacity-50 transition-all duration-200 hover:scale-105 flex items-center justify-center", style: {
+                        backgroundColor: primaryColor,
+                        boxShadow: `0 2px 8px ${primaryColor}30`
+                    }, children: isLoading ? (_jsx("div", { className: "w-5 h-5 border-2 border-white/30 border-t-white rounded-full animate-spin" })) : (_jsx(Send, { size: 20 })) })] }) }));
+};
+//# sourceMappingURL=InputForm.js.map

package/dist/components/InputForm.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputForm.js","sourceRoot":"","sources":["../../components/InputForm.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAUpC,MAAM,CAAC,MAAM,SAAS,GAA6B,CAAC,EAClD,UAAU,EACV,SAAS,EACT,aAAa,EACb,QAAQ,EACR,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,eAAM,QAAQ,EAAE,QAAQ,EAAE,SAAS,EAAC,uKAAuK,YACzM,eAAK,SAAS,EAAC,cAAc,aAC3B,gBACE,IAAI,EAAC,MAAM,EACX,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,CAAC,CAAC,EAAE,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAC9C,WAAW,EAAC,mBAAmB,EAC/B,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAC,kPAAkP,EAC5P,KAAK,EAAE,EAAE,iBAAiB,EAAE,YAAY,EAAS,GACjD,EACF,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,SAAS,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,EACzC,SAAS,EAAC,oJAAoJ,EAC9J,KAAK,EAAE;wBACL,eAAe,EAAE,YAAY;wBAC7B,SAAS,EAAE,aAAa,YAAY,IAAI;qBACzC,YAEA,SAAS,CAAC,CAAC,CAAC,CACX,cAAK,SAAS,EAAC,2EAA2E,GAAG,CAC9F,CAAC,CAAC,CAAC,CACF,KAAC,IAAI,IAAC,IAAI,EAAE,EAAE,GAAI,CACnB,GACM,IACL,GACD,CACR,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/MessageList.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Message } from '../types';
+interface MessageListProps {
+    messages: Message[];
+    messagesEndRef: React.RefObject<HTMLDivElement | null>;
+    textColor: string;
+    primaryColor: string;
+}
+export declare const MessageList: React.FC<MessageListProps>;
+export {};
+//# sourceMappingURL=MessageList.d.ts.map

package/dist/components/MessageList.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.d.ts","sourceRoot":"","sources":["../../components/MessageList.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,OAAO,EAAE,MAAM,UAAU,CAAC;AAEnC,UAAU,gBAAgB;IACxB,QAAQ,EAAE,OAAO,EAAE,CAAC;IACpB,cAAc,EAAE,KAAK,CAAC,SAAS,CAAC,cAAc,GAAG,IAAI,CAAC,CAAC;IACvD,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAmClD,CAAC"}

package/dist/components/MessageList.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const MessageList = ({ messages, messagesEndRef, textColor, primaryColor, }) => {
+    return (_jsxs("div", { className: "flex-1 overflow-y-auto p-4 space-y-3 bg-gradient-to-b from-neutral-50/50 to-neutral-50 dark:from-neutral-800/50 dark:to-neutral-800", children: [messages.map((msg) => (_jsx("div", { className: `flex ${msg.type === 'user' ? 'justify-end' : 'justify-start'} animate-fadeIn`, children: _jsx("div", { className: `max-w-xs px-4 py-2.5 rounded-xl shadow-sm transition-all ${msg.type === 'user'
+                        ? 'text-white rounded-br-none'
+                        : 'bg-white dark:bg-neutral-700 text-neutral-900 dark:text-neutral-100 rounded-bl-none'}`, style: msg.type === 'user'
+                        ? {
+                            backgroundColor: primaryColor,
+                            boxShadow: `0 2px 8px ${primaryColor}20`
+                        }
+                        : {}, children: _jsx("p", { className: "text-sm leading-relaxed", children: msg.text }) }) }, msg.id))), _jsx("div", { ref: messagesEndRef })] }));
+};
+//# sourceMappingURL=MessageList.js.map

package/dist/components/MessageList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MessageList.js","sourceRoot":"","sources":["../../components/MessageList.tsx"],"names":[],"mappings":";AAUA,MAAM,CAAC,MAAM,WAAW,GAA+B,CAAC,EACtD,QAAQ,EACR,cAAc,EACd,SAAS,EACT,YAAY,GACb,EAAE,EAAE;IACH,OAAO,CACL,eAAK,SAAS,EAAC,qIAAqI,aACjJ,QAAQ,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACrB,cAEE,SAAS,EAAE,QAAQ,GAAG,CAAC,IAAI,KAAK,MAAM,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,eAAe,iBAAiB,YAEzF,cACE,SAAS,EAAE,4DACT,GAAG,CAAC,IAAI,KAAK,MAAM;wBACjB,CAAC,CAAC,4BAA4B;wBAC9B,CAAC,CAAC,qFACN,EAAE,EACF,KAAK,EACH,GAAG,CAAC,IAAI,KAAK,MAAM;wBACjB,CAAC,CAAC;4BACE,eAAe,EAAE,YAAY;4BAC7B,SAAS,EAAE,aAAa,YAAY,IAAI;yBACzC;wBACH,CAAC,CAAC,EAAE,YAGR,YAAG,SAAS,EAAC,yBAAyB,YAAE,GAAG,CAAC,IAAI,GAAK,GACjD,IAnBD,GAAG,CAAC,EAAE,CAoBP,CACP,CAAC,EACF,cAAK,GAAG,EAAE,cAAiD,GAAI,IAC3D,CACP,CAAC;AACJ,CAAC,CAAC"}

package/dist/components/NeuroBot.d.ts

@@ -0,0 +1,4 @@
+import { FC } from 'react';
+import { NeuroBotProps } from '../types';
+export declare const NeuroBot: FC<NeuroBotProps>;
+//# sourceMappingURL=NeuroBot.d.ts.map

package/dist/components/NeuroBot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NeuroBot.d.ts","sourceRoot":"","sources":["../../components/NeuroBot.tsx"],"names":[],"mappings":"AAAA,OAAc,EAA+B,EAAE,EAAa,MAAM,OAAO,CAAC;AAC1E,OAAO,EAAE,aAAa,EAAuB,MAAM,UAAU,CAAC;AAoB9D,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CAsItC,CAAC"}