@inappai/react 0.1.0 → 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +241 -14
- package/dist/index.css +1 -1
- package/dist/index.css.map +1 -1
- package/dist/index.d.mts +207 -4
- package/dist/index.d.ts +207 -4
- package/dist/index.js +3 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +3 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +26 -12
package/README.md
CHANGED
|
@@ -1,6 +1,22 @@
|
|
|
1
1
|
# @inappai/react
|
|
2
2
|
|
|
3
|
-
|
|
3
|
+
[](https://www.npmjs.com/package/@inappai/react)
|
|
4
|
+
[](https://opensource.org/licenses/MIT)
|
|
5
|
+
|
|
6
|
+
Beautiful, customizable AI chat component for React applications. Built by [InAppAI](https://www.inappai.com).
|
|
7
|
+
|
|
8
|
+
## Features
|
|
9
|
+
|
|
10
|
+
- ✨ **Beautiful UI** - Polished interface out of the box
|
|
11
|
+
- 🎨 **Fully Customizable** - 7 built-in themes + custom styling support
|
|
12
|
+
- 📱 **Responsive Design** - Works seamlessly on desktop and mobile
|
|
13
|
+
- 🎯 **Multiple Display Modes** - Popup, sidebar, panel, or embedded
|
|
14
|
+
- 🎛️ **Controlled Mode** - External message management for multi-conversation support
|
|
15
|
+
- 🔧 **Tool Support** - Register custom tools for AI agent interactions
|
|
16
|
+
- ⚡ **Zero Config** - Works with sensible defaults
|
|
17
|
+
- 📦 **Lightweight** - Minimal bundle size (~60KB)
|
|
18
|
+
- 🔷 **TypeScript** - Full type safety included
|
|
19
|
+
- ⚛️ **React 18 & 19** - Supports both React 18 and 19
|
|
4
20
|
|
|
5
21
|
## Installation
|
|
6
22
|
|
|
@@ -8,7 +24,7 @@ Beautiful, customizable AI chat component for React applications.
|
|
|
8
24
|
npm install @inappai/react
|
|
9
25
|
```
|
|
10
26
|
|
|
11
|
-
##
|
|
27
|
+
## Quick Start
|
|
12
28
|
|
|
13
29
|
```tsx
|
|
14
30
|
import { InAppAI } from '@inappai/react';
|
|
@@ -17,7 +33,8 @@ import '@inappai/react/styles.css';
|
|
|
17
33
|
function App() {
|
|
18
34
|
return (
|
|
19
35
|
<InAppAI
|
|
20
|
-
endpoint="https://api.inappai.com/api
|
|
36
|
+
endpoint="https://api.inappai.com/api"
|
|
37
|
+
agentId="your-agent-id"
|
|
21
38
|
position="bottom-right"
|
|
22
39
|
theme="light"
|
|
23
40
|
/>
|
|
@@ -25,20 +42,230 @@ function App() {
|
|
|
25
42
|
}
|
|
26
43
|
```
|
|
27
44
|
|
|
28
|
-
##
|
|
45
|
+
## Display Modes
|
|
29
46
|
|
|
30
|
-
|
|
47
|
+
### Popup Mode (Default)
|
|
31
48
|
|
|
32
|
-
|
|
49
|
+
Chat appears as a floating bubble in the corner of your app:
|
|
50
|
+
|
|
51
|
+
```tsx
|
|
52
|
+
<InAppAI
|
|
53
|
+
endpoint="https://api.inappai.com/api"
|
|
54
|
+
agentId="your-agent-id"
|
|
55
|
+
position="bottom-right"
|
|
56
|
+
displayMode="popup"
|
|
57
|
+
/>
|
|
58
|
+
```
|
|
59
|
+
|
|
60
|
+
### Sidebar Mode
|
|
61
|
+
|
|
62
|
+
Chat slides in from the side:
|
|
63
|
+
|
|
64
|
+
```tsx
|
|
65
|
+
<InAppAI
|
|
66
|
+
endpoint="https://api.inappai.com/api"
|
|
67
|
+
agentId="your-agent-id"
|
|
68
|
+
position="right"
|
|
69
|
+
displayMode="sidebar"
|
|
70
|
+
/>
|
|
71
|
+
```
|
|
72
|
+
|
|
73
|
+
### Panel Mode
|
|
74
|
+
|
|
75
|
+
Overlay panel that covers the screen:
|
|
76
|
+
|
|
77
|
+
```tsx
|
|
78
|
+
<InAppAI
|
|
79
|
+
endpoint="https://api.inappai.com/api"
|
|
80
|
+
agentId="your-agent-id"
|
|
81
|
+
displayMode="panel"
|
|
82
|
+
/>
|
|
83
|
+
```
|
|
84
|
+
|
|
85
|
+
### Embedded Mode
|
|
86
|
+
|
|
87
|
+
Embed chat directly in your layout:
|
|
33
88
|
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
-
|
|
39
|
-
|
|
40
|
-
|
|
89
|
+
```tsx
|
|
90
|
+
<div style={{ height: '600px', width: '400px' }}>
|
|
91
|
+
<InAppAI
|
|
92
|
+
endpoint="https://api.inappai.com/api"
|
|
93
|
+
agentId="your-agent-id"
|
|
94
|
+
displayMode="embedded"
|
|
95
|
+
showHeader={false}
|
|
96
|
+
/>
|
|
97
|
+
</div>
|
|
98
|
+
```
|
|
99
|
+
|
|
100
|
+
## Themes
|
|
101
|
+
|
|
102
|
+
Choose from 7 built-in themes:
|
|
103
|
+
|
|
104
|
+
```tsx
|
|
105
|
+
<InAppAI
|
|
106
|
+
endpoint="https://api.inappai.com/api"
|
|
107
|
+
agentId="your-agent-id"
|
|
108
|
+
theme="dark" // light | dark | ocean | forest | sunset | midnight | rose
|
|
109
|
+
/>
|
|
110
|
+
```
|
|
111
|
+
|
|
112
|
+
## Custom Styling
|
|
113
|
+
|
|
114
|
+
Override styles with custom CSS:
|
|
115
|
+
|
|
116
|
+
```tsx
|
|
117
|
+
<InAppAI
|
|
118
|
+
endpoint="https://api.inappai.com/api"
|
|
119
|
+
agentId="your-agent-id"
|
|
120
|
+
customStyles={{
|
|
121
|
+
primaryColor: '#FF6B6B',
|
|
122
|
+
backgroundColor: '#FFFFFF',
|
|
123
|
+
textColor: '#333333',
|
|
124
|
+
bubbleBgColor: '#F0F0F0',
|
|
125
|
+
}}
|
|
126
|
+
/>
|
|
127
|
+
```
|
|
128
|
+
|
|
129
|
+
## Controlled Mode
|
|
130
|
+
|
|
131
|
+
Manage messages externally for multi-conversation support:
|
|
132
|
+
|
|
133
|
+
```tsx
|
|
134
|
+
import { InAppAI, Message } from '@inappai/react';
|
|
135
|
+
import { useState } from 'react';
|
|
136
|
+
|
|
137
|
+
function MultiChatApp() {
|
|
138
|
+
const [messages, setMessages] = useState<Message[]>([]);
|
|
139
|
+
const [conversationId, setConversationId] = useState('chat-1');
|
|
140
|
+
|
|
141
|
+
return (
|
|
142
|
+
<InAppAI
|
|
143
|
+
endpoint="https://api.inappai.com/api"
|
|
144
|
+
agentId="your-agent-id"
|
|
145
|
+
displayMode="embedded"
|
|
146
|
+
conversationId={conversationId}
|
|
147
|
+
messages={messages}
|
|
148
|
+
onMessagesChange={setMessages}
|
|
149
|
+
/>
|
|
150
|
+
);
|
|
151
|
+
}
|
|
152
|
+
```
|
|
153
|
+
|
|
154
|
+
## Tool Support
|
|
155
|
+
|
|
156
|
+
Register custom tools for AI agent interactions:
|
|
157
|
+
|
|
158
|
+
```tsx
|
|
159
|
+
import { InAppAI, useToolRegistry } from '@inappai/react';
|
|
160
|
+
|
|
161
|
+
function AppWithTools() {
|
|
162
|
+
const tools = [
|
|
163
|
+
{
|
|
164
|
+
name: 'get_weather',
|
|
165
|
+
description: 'Get current weather for a location',
|
|
166
|
+
parameters: {
|
|
167
|
+
type: 'object',
|
|
168
|
+
properties: {
|
|
169
|
+
location: { type: 'string', description: 'City name' },
|
|
170
|
+
},
|
|
171
|
+
required: ['location'],
|
|
172
|
+
},
|
|
173
|
+
handler: async ({ location }) => {
|
|
174
|
+
const weather = await fetchWeather(location);
|
|
175
|
+
return { temperature: weather.temp, condition: weather.condition };
|
|
176
|
+
},
|
|
177
|
+
},
|
|
178
|
+
];
|
|
179
|
+
|
|
180
|
+
return (
|
|
181
|
+
<InAppAI
|
|
182
|
+
endpoint="https://api.inappai.com/api"
|
|
183
|
+
agentId="your-agent-id"
|
|
184
|
+
tools={tools}
|
|
185
|
+
/>
|
|
186
|
+
);
|
|
187
|
+
}
|
|
188
|
+
```
|
|
189
|
+
|
|
190
|
+
## API Reference
|
|
191
|
+
|
|
192
|
+
### Props
|
|
193
|
+
|
|
194
|
+
| Prop | Type | Default | Description |
|
|
195
|
+
|------|------|---------|-------------|
|
|
196
|
+
| `endpoint` | `string` | **required** | Backend API endpoint |
|
|
197
|
+
| `agentId` | `string` | **required** | Your agent ID |
|
|
198
|
+
| `displayMode` | `'popup' \| 'sidebar' \| 'panel' \| 'embedded'` | `'popup'` | Display mode |
|
|
199
|
+
| `position` | `'bottom-right' \| 'bottom-left' \| 'top-right' \| 'top-left' \| 'left' \| 'right'` | `'bottom-right'` | Position for popup/sidebar |
|
|
200
|
+
| `theme` | `'light' \| 'dark' \| 'ocean' \| 'forest' \| 'sunset' \| 'midnight' \| 'rose'` | `'light'` | Color theme |
|
|
201
|
+
| `title` | `string` | `'AI Assistant'` | Chat header title |
|
|
202
|
+
| `placeholder` | `string` | `'Type a message...'` | Input placeholder |
|
|
203
|
+
| `showHeader` | `boolean` | `true` | Show/hide header |
|
|
204
|
+
| `initialOpen` | `boolean` | `false` | Initially open state |
|
|
205
|
+
| `customStyles` | `CustomStyles` | `{}` | Custom style overrides |
|
|
206
|
+
| `tools` | `Tool[]` | `[]` | Custom tools for AI agent |
|
|
207
|
+
| `conversationId` | `string` | - | Conversation ID for controlled mode |
|
|
208
|
+
| `messages` | `Message[]` | - | Messages for controlled mode |
|
|
209
|
+
| `onMessagesChange` | `(messages: Message[]) => void` | - | Message update callback |
|
|
210
|
+
|
|
211
|
+
### Types
|
|
212
|
+
|
|
213
|
+
```typescript
|
|
214
|
+
interface Message {
|
|
215
|
+
role: 'user' | 'assistant';
|
|
216
|
+
content: string;
|
|
217
|
+
timestamp?: number;
|
|
218
|
+
}
|
|
219
|
+
|
|
220
|
+
interface Tool {
|
|
221
|
+
name: string;
|
|
222
|
+
description: string;
|
|
223
|
+
parameters: object;
|
|
224
|
+
handler: (args: any) => Promise<any>;
|
|
225
|
+
}
|
|
226
|
+
|
|
227
|
+
interface CustomStyles {
|
|
228
|
+
primaryColor?: string;
|
|
229
|
+
backgroundColor?: string;
|
|
230
|
+
textColor?: string;
|
|
231
|
+
bubbleBgColor?: string;
|
|
232
|
+
borderRadius?: string;
|
|
233
|
+
fontFamily?: string;
|
|
234
|
+
}
|
|
235
|
+
```
|
|
236
|
+
|
|
237
|
+
## Resources
|
|
238
|
+
|
|
239
|
+
- [GitHub Repository](https://github.com/InAppAI/react)
|
|
240
|
+
- [InAppAI Platform](https://www.inappai.com)
|
|
241
|
+
- [Live Demo](https://inappai.github.io/react)
|
|
242
|
+
- [Full Documentation](https://github.com/InAppAI/react#readme)
|
|
243
|
+
|
|
244
|
+
## Requirements
|
|
245
|
+
|
|
246
|
+
- React 18.0.0 or higher (supports React 19)
|
|
247
|
+
- Modern browser with ES2020 support
|
|
248
|
+
|
|
249
|
+
## Browser Support
|
|
250
|
+
|
|
251
|
+
- Chrome/Edge (latest 2 versions)
|
|
252
|
+
- Firefox (latest 2 versions)
|
|
253
|
+
- Safari (latest 2 versions)
|
|
254
|
+
- Mobile browsers (iOS Safari, Chrome Mobile)
|
|
255
|
+
|
|
256
|
+
## Contributing
|
|
257
|
+
|
|
258
|
+
Contributions are welcome! Please see our [GitHub repository](https://github.com/InAppAI/react) for contribution guidelines.
|
|
259
|
+
|
|
260
|
+
## Support
|
|
261
|
+
|
|
262
|
+
- [GitHub Issues](https://github.com/InAppAI/react/issues)
|
|
263
|
+
- [Website](https://www.inappai.com)
|
|
41
264
|
|
|
42
265
|
## License
|
|
43
266
|
|
|
44
|
-
MIT © [InAppAI](https://
|
|
267
|
+
MIT © [InAppAI](https://www.inappai.com)
|
|
268
|
+
|
|
269
|
+
---
|
|
270
|
+
|
|
271
|
+
Built with ❤️ by the [InAppAI](https://www.inappai.com) team
|
package/dist/index.css
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
:root{--inapp-ai-primary: #667eea;--inapp-ai-primary-dark: #764ba2;--inapp-ai-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #f8f9fa;--inapp-ai-bg-tertiary: #e9ecef;--inapp-ai-text-primary: #333333;--inapp-ai-text-secondary: #666666;--inapp-ai-text-tertiary: #999999;--inapp-ai-text-inverse: #ffffff;--inapp-ai-border-light: #e0e0e0;--inapp-ai-border-medium: #cccccc;--inapp-ai-border-dark: #999999;--inapp-ai-user-bg: #667eea;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #f0f2f5;--inapp-ai-assistant-text: #333333;--inapp-ai-input-bg: #ffffff;--inapp-ai-input-border: #e0e0e0;--inapp-ai-input-text: #333333;--inapp-ai-input-placeholder: #999999;--inapp-ai-button-bg: var(--inapp-ai-primary-gradient);--inapp-ai-button-text: #ffffff;--inapp-ai-button-hover-scale: 1.1;--inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--inapp-ai-border-radius: 12px;--inapp-ai-border-radius-sm: 8px;--inapp-ai-border-radius-lg: 16px;--inapp-ai-transition: all .3s ease;--inapp-ai-transition-fast: all .15s ease}.inapp-ai-theme-dark{--inapp-ai-bg-primary: #1a1a1a;--inapp-ai-bg-secondary: #2d2d2d;--inapp-ai-bg-tertiary: #404040;--inapp-ai-text-primary: #ffffff;--inapp-ai-text-secondary: #cccccc;--inapp-ai-text-tertiary: #999999;--inapp-ai-border-light: #404040;--inapp-ai-border-medium: #555555;--inapp-ai-border-dark: #666666;--inapp-ai-user-bg: #667eea;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #2d2d2d;--inapp-ai-assistant-text: #ffffff;--inapp-ai-input-bg: #2d2d2d;--inapp-ai-input-border: #404040;--inapp-ai-input-text: #ffffff;--inapp-ai-input-placeholder: #999999;--inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.inapp-ai-theme-professional{--inapp-ai-primary: #0052cc;--inapp-ai-primary-dark: #003d99;--inapp-ai-primary-gradient: linear-gradient(135deg, #0052cc 0%, #003d99 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #f7f8f9;--inapp-ai-bg-tertiary: #ebecf0;--inapp-ai-text-primary: #172b4d;--inapp-ai-text-secondary: #5e6c84;--inapp-ai-text-tertiary: #8993a4;--inapp-ai-user-bg: #0052cc;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #f7f8f9;--inapp-ai-assistant-text: #172b4d;--inapp-ai-border-light: #dfe1e6;--inapp-ai-border-medium: #c1c7d0;--inapp-ai-border-radius: 8px}.inapp-ai-theme-playful{--inapp-ai-primary: #ff6b6b;--inapp-ai-primary-dark: #ee5a6f;--inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b6b 0%, #f06595 50%, #cc5de8 100%);--inapp-ai-bg-primary: #fff5f7;--inapp-ai-bg-secondary: #ffe3e3;--inapp-ai-bg-tertiary: #ffd4e5;--inapp-ai-text-primary: #2d0b3d;--inapp-ai-text-secondary: #5a1e72;--inapp-ai-text-tertiary: #8b4896;--inapp-ai-user-bg: linear-gradient(135deg, #ff6b6b 0%, #f06595 100%);--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #ffe3e3;--inapp-ai-assistant-text: #2d0b3d;--inapp-ai-border-radius: 20px;--inapp-ai-border-radius-lg: 24px;--inapp-ai-border-light: #ffc6d9}.inapp-ai-theme-minimal{--inapp-ai-primary: #000000;--inapp-ai-primary-dark: #1a1a1a;--inapp-ai-primary-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #fafafa;--inapp-ai-bg-tertiary: #f5f5f5;--inapp-ai-text-primary: #000000;--inapp-ai-text-secondary: #333333;--inapp-ai-text-tertiary: #666666;--inapp-ai-user-bg: #000000;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #fafafa;--inapp-ai-assistant-text: #000000;--inapp-ai-border-light: #e0e0e0;--inapp-ai-border-medium: #cccccc;--inapp-ai-border-radius: 4px;--inapp-ai-border-radius-sm: 2px;--inapp-ai-border-radius-lg: 6px;--inapp-ai-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--inapp-ai-shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--inapp-ai-shadow-lg: 0 4px 12px rgba(0, 0, 0, .12)}.inapp-ai-theme-ocean{--inapp-ai-primary: #0077be;--inapp-ai-primary-dark: #005a8d;--inapp-ai-primary-gradient: linear-gradient(135deg, #0077be 0%, #0096d6 100%);--inapp-ai-bg-primary: #f0f8ff;--inapp-ai-bg-secondary: #e6f3ff;--inapp-ai-bg-tertiary: #cce7ff;--inapp-ai-text-primary: #003d5c;--inapp-ai-text-secondary: #005a8d;--inapp-ai-text-tertiary: #0077be;--inapp-ai-user-bg: #0077be;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #e6f3ff;--inapp-ai-assistant-text: #003d5c}.inapp-ai-theme-sunset{--inapp-ai-primary: #ff6b35;--inapp-ai-primary-dark: #f7931e;--inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffc947 100%);--inapp-ai-bg-primary: #fff8f3;--inapp-ai-bg-secondary: #ffe8d6;--inapp-ai-bg-tertiary: #ffd4b8;--inapp-ai-text-primary: #5c2400;--inapp-ai-text-secondary: #8b3a00;--inapp-ai-text-tertiary: #b85000;--inapp-ai-user-bg: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #ffe8d6;--inapp-ai-assistant-text: #5c2400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.inapp-ai-button{position:fixed;width:60px;height:60px;border-radius:50%;border:none;background:var(--inapp-ai-button-bg);color:var(--inapp-ai-button-text);font-size:24px;cursor:pointer;box-shadow:var(--inapp-ai-shadow-md);transition:var(--inapp-ai-transition);z-index:10001;display:flex;align-items:center;justify-content:center}.inapp-ai-button:hover{transform:scale(var(--inapp-ai-button-hover-scale));box-shadow:var(--inapp-ai-shadow-lg)}.inapp-ai-button:active{transform:scale(.95)}.inapp-ai-offline-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#dc3545;border-radius:50%;border:2px solid white}.inapp-ai-bottom-right{bottom:20px;right:20px}.inapp-ai-bottom-left{bottom:20px;left:20px}.inapp-ai-top-right{top:20px;right:20px}.inapp-ai-top-left{top:20px;left:20px}.inapp-ai-window{position:fixed;background:var(--inapp-ai-bg-primary);box-shadow:var(--inapp-ai-shadow-lg);display:flex;flex-direction:column;z-index:10000;transition:var(--inapp-ai-transition)}.inapp-ai-popup{width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 100px);border-radius:var(--inapp-ai-border-radius-lg);animation:slideUp .3s ease-out}.inapp-ai-popup.inapp-ai-bottom-right{bottom:100px;right:20px}.inapp-ai-popup.inapp-ai-bottom-left{bottom:100px;left:20px}.inapp-ai-popup.inapp-ai-top-right{top:100px;right:20px}.inapp-ai-popup.inapp-ai-top-left{top:100px;left:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inapp-ai-sidebar{top:30px;height:calc(100vh - 60px);width:400px;max-width:100vw;border-radius:0;animation:slideIn .3s ease-out}.inapp-ai-sidebar-left{left:0;border-right:1px solid var(--inapp-ai-border-light);box-shadow:8px 0 32px #0000001f}.inapp-ai-sidebar-right{right:0;border-left:1px solid var(--inapp-ai-border-light);box-shadow:-8px 0 32px #0000001f}.inapp-ai-sidebar.inapp-ai-folded{width:60px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.inapp-ai-sidebar-right:not(.inapp-ai-folded){animation-name:slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inapp-ai-fold-toggle{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:64px;background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--inapp-ai-transition-fast);box-shadow:var(--inapp-ai-shadow-sm)}.inapp-ai-sidebar-left .inapp-ai-fold-toggle{right:-16px;border-radius:0 var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius-sm) 0}.inapp-ai-sidebar-right .inapp-ai-fold-toggle{left:-16px;border-radius:var(--inapp-ai-border-radius-sm) 0 0 var(--inapp-ai-border-radius-sm)}.inapp-ai-fold-toggle:hover{background:var(--inapp-ai-primary-dark);transform:translateY(-50%) scale(1.05)}.inapp-ai-fold-toggle:active{transform:translateY(-50%) scale(.95)}.inapp-ai-folded-content{display:flex;flex-direction:column;align-items:center;padding:20px 0;height:100%;gap:16px}.inapp-ai-folded-icon{font-size:32px;margin-top:20px;animation:pulse 2s infinite}.inapp-ai-folded-text{display:none}.inapp-ai-message-count{background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-top:8px;animation:bounce .5s ease-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.inapp-ai-panel{position:relative;top:0;height:100vh;min-height:100vh;max-height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.inapp-ai-panel-left{left:0;border-right:1px solid var(--inapp-ai-border-light)}.inapp-ai-panel-right{right:0;border-left:1px solid var(--inapp-ai-border-light)}.inapp-ai-resize-handle{position:absolute;top:0;width:6px;height:100%;background:transparent;cursor:col-resize;z-index:11;transition:background .2s}.inapp-ai-resize-handle:hover{background:#667eea4d}.inapp-ai-resize-handle:active{background:#667eea80}.inapp-ai-resize-handle-right{right:0;border-right:2px solid transparent}.inapp-ai-resize-handle-left{left:0;border-left:2px solid transparent}.inapp-ai-resize-handle-right:hover,.inapp-ai-resize-handle-right:active{border-right-color:var(--inapp-ai-primary)}.inapp-ai-resize-handle-left:hover,.inapp-ai-resize-handle-left:active{border-left-color:var(--inapp-ai-primary)}.inapp-ai-panel .inapp-ai-header{border-radius:0}.inapp-ai-panel.inapp-ai-folded{width:60px;min-width:60px;max-width:60px}.inapp-ai-window.inapp-ai-theme-dark{background:#1e1e1e;color:#fff}.inapp-ai-sidebar-left.inapp-ai-theme-dark{border-right-color:#2d2d2d}.inapp-ai-sidebar-right.inapp-ai-theme-dark{border-left-color:#2d2d2d}.inapp-ai-header{padding:20px;background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);border-radius:var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.inapp-ai-sidebar .inapp-ai-header{border-radius:0}.inapp-ai-header-title{display:flex;align-items:center;gap:12px}.inapp-ai-header-icon{font-size:32px}.inapp-ai-header h3{margin:0;font-size:18px;font-weight:600}.inapp-ai-header p{margin:4px 0 0;font-size:12px;opacity:.9}.inapp-ai-status-connected,.inapp-ai-status-disconnected{display:flex;align-items:center;gap:6px}.inapp-ai-status-dot{width:8px;height:8px;border-radius:50%;background:#28a745;animation:pulse 2s infinite}.inapp-ai-status-disconnected .inapp-ai-status-dot{background:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inapp-ai-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.inapp-ai-close-btn:hover{background:#ffffff4d}.inapp-ai-header-fold-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.inapp-ai-header-fold-btn:hover{background:#ffffff4d}.inapp-ai-error-banner{padding:12px 20px;background:#fff3cd;color:#856404;display:flex;align-items:center;gap:10px;font-size:14px;border-bottom:1px solid #ffeeba;flex-shrink:0}.inapp-ai-error-banner button{margin-left:auto;background:none;border:none;color:#856404;cursor:pointer;padding:4px 8px}.inapp-ai-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.inapp-ai-messages::-webkit-scrollbar{width:8px}.inapp-ai-messages::-webkit-scrollbar-track{background:#f1f1f1}.inapp-ai-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.inapp-ai-messages::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.inapp-ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6c757d;padding:40px}.inapp-ai-empty-icon{font-size:48px;margin-bottom:16px}.inapp-ai-empty-state h4{margin:0 0 8px;font-size:18px;color:#495057}.inapp-ai-empty-state p{margin:0;font-size:14px}.inapp-ai-message{display:flex;gap:12px;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inapp-ai-message-user{flex-direction:row-reverse}.inapp-ai-message-icon{width:36px;height:36px;border-radius:50%;background:var(--inapp-ai-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.inapp-ai-message-user .inapp-ai-message-icon,.inapp-ai-message-assistant .inapp-ai-message-icon{background:var(--inapp-ai-primary-gradient)}.inapp-ai-message-content{flex:1;min-width:0}.inapp-ai-message-text{background:var(--inapp-ai-assistant-bg);color:var(--inapp-ai-assistant-text);padding:12px 16px;border-radius:var(--inapp-ai-border-radius);line-height:1.5;font-size:14px;word-wrap:break-word}.inapp-ai-message-user .inapp-ai-message-text{background:var(--inapp-ai-user-bg);color:var(--inapp-ai-user-text);border-radius:var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius)}.inapp-ai-message-assistant .inapp-ai-message-text{border-radius:var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm)}.inapp-ai-message-text p{margin:0 0 8px}.inapp-ai-message-text p:last-child{margin-bottom:0}.inapp-ai-message-text h1,.inapp-ai-message-text h2,.inapp-ai-message-text h3,.inapp-ai-message-text h4{margin:12px 0 8px;font-weight:600}.inapp-ai-message-text h1:first-child,.inapp-ai-message-text h2:first-child,.inapp-ai-message-text h3:first-child,.inapp-ai-message-text h4:first-child{margin-top:0}.inapp-ai-message-text h1{font-size:18px}.inapp-ai-message-text h2{font-size:16px}.inapp-ai-message-text h3{font-size:15px}.inapp-ai-message-text h4{font-size:14px}.inapp-ai-message-text ul,.inapp-ai-message-text ol{margin:8px 0;padding-left:24px}.inapp-ai-message-text li{margin:4px 0}.inapp-ai-message-text code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.inapp-ai-message-text pre{background:#0000000d;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.inapp-ai-message-text pre code{background:none;padding:0}.inapp-ai-message-text blockquote{border-left:3px solid var(--inapp-ai-primary);padding-left:12px;margin:8px 0;color:var(--inapp-ai-text-secondary)}.inapp-ai-message-text a{color:var(--inapp-ai-primary);text-decoration:none}.inapp-ai-message-text a:hover{text-decoration:underline}.inapp-ai-message-text strong{font-weight:600}.inapp-ai-message-text em{font-style:italic}.inapp-ai-message-text hr{border:none;border-top:1px solid #dee2e6;margin:12px 0}.inapp-ai-message-text table{border-collapse:collapse;width:100%;margin:8px 0}.inapp-ai-message-text th,.inapp-ai-message-text td{border:1px solid #dee2e6;padding:6px 12px;text-align:left}.inapp-ai-message-text th{background:#00000008;font-weight:600}.inapp-ai-message-time{font-size:11px;color:#6c757d;margin-top:4px;padding:0 4px}.inapp-ai-message-tokens{opacity:.7}.inapp-ai-typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f8f9fa;border-radius:12px;width:fit-content}.inapp-ai-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#6c757d;animation:typing 1.4s infinite}.inapp-ai-typing-indicator span:nth-child(2){animation-delay:.2s}.inapp-ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.inapp-ai-input-area{padding:16px 20px;border-top:1px solid var(--inapp-ai-border-light);background:var(--inapp-ai-bg-primary);border-radius:0 0 var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg);flex-shrink:0}.inapp-ai-sidebar .inapp-ai-input-area{border-radius:0}.inapp-ai-panel .inapp-ai-input-area{border-radius:0;padding:12px 20px 8px}.inapp-ai-clear-btn{width:100%;padding:8px 12px;background:var(--inapp-ai-bg-secondary);border:none;border-radius:var(--inapp-ai-border-radius-sm);font-size:13px;color:var(--inapp-ai-text-secondary);cursor:pointer;margin-bottom:12px;transition:var(--inapp-ai-transition-fast)}.inapp-ai-clear-btn:hover:not(:disabled){background:var(--inapp-ai-bg-tertiary)}.inapp-ai-clear-btn:disabled{opacity:.5;cursor:not-allowed}.inapp-ai-input-wrapper{display:flex;gap:8px}.inapp-ai-input{flex:1;padding:12px 16px;border:2px solid var(--inapp-ai-input-border);background:var(--inapp-ai-input-bg);color:var(--inapp-ai-input-text);border-radius:var(--inapp-ai-border-radius);font-size:14px;font-family:inherit;outline:none;transition:var(--inapp-ai-transition-fast)}.inapp-ai-input::placeholder{color:var(--inapp-ai-input-placeholder)}.inapp-ai-input:focus{border-color:var(--inapp-ai-primary)}.inapp-ai-input:disabled{background:var(--inapp-ai-bg-secondary);cursor:not-allowed}.inapp-ai-send-btn{width:44px;height:44px;border:none;background:var(--inapp-ai-button-bg);color:var(--inapp-ai-button-text);border-radius:var(--inapp-ai-border-radius);font-size:18px;cursor:pointer;transition:var(--inapp-ai-transition-fast);display:flex;align-items:center;justify-content:center}.inapp-ai-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--inapp-ai-shadow-md)}.inapp-ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-track{background:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-thumb{background:#555}.inapp-ai-theme-dark .inapp-ai-message-text{background:#2d2d2d;color:#fff}.inapp-ai-theme-dark .inapp-ai-message-text code,.inapp-ai-theme-dark .inapp-ai-message-text pre{background:#ffffff1a}.inapp-ai-theme-dark .inapp-ai-message-text blockquote{color:#aaa}.inapp-ai-theme-dark .inapp-ai-message-text th,.inapp-ai-theme-dark .inapp-ai-message-text td{border-color:#3e3e3e}.inapp-ai-theme-dark .inapp-ai-message-text th{background:#ffffff0d}.inapp-ai-theme-dark .inapp-ai-message-text hr{border-top-color:#3e3e3e}.inapp-ai-theme-dark .inapp-ai-input-area{background:#1e1e1e;border-top-color:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-input{background:#2d2d2d;border-color:#3e3e3e;color:#fff}.inapp-ai-theme-dark .inapp-ai-clear-btn{background:#2d2d2d;color:#a0a0a0}.inapp-ai-theme-dark .inapp-ai-typing-indicator{background:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-folded-text{color:#667eea}@media(max-width:768px){.inapp-ai-sidebar{width:100vw}.inapp-ai-sidebar.inapp-ai-folded{width:50px}.inapp-ai-popup{width:calc(100vw - 40px);height:calc(100vh - 140px)}.inapp-ai-button{width:50px;height:50px;font-size:20px}}@media(min-width:769px)and (max-width:1024px){.inapp-ai-sidebar{width:350px}}
|
|
1
|
+
:root{--inapp-ai-primary: #667eea;--inapp-ai-primary-dark: #764ba2;--inapp-ai-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #f8f9fa;--inapp-ai-bg-tertiary: #e9ecef;--inapp-ai-text-primary: #333333;--inapp-ai-text-secondary: #666666;--inapp-ai-text-tertiary: #999999;--inapp-ai-text-inverse: #ffffff;--inapp-ai-border-light: #e0e0e0;--inapp-ai-border-medium: #cccccc;--inapp-ai-border-dark: #999999;--inapp-ai-user-bg: #667eea;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #f0f2f5;--inapp-ai-assistant-text: #333333;--inapp-ai-input-bg: #ffffff;--inapp-ai-input-border: #e0e0e0;--inapp-ai-input-text: #333333;--inapp-ai-input-placeholder: #999999;--inapp-ai-button-bg: var(--inapp-ai-primary-gradient);--inapp-ai-button-text: #ffffff;--inapp-ai-button-hover-scale: 1.1;--inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, .1);--inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, .15);--inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, .2);--inapp-ai-border-radius: 12px;--inapp-ai-border-radius-sm: 8px;--inapp-ai-border-radius-lg: 16px;--inapp-ai-transition: all .3s ease;--inapp-ai-transition-fast: all .15s ease}.inapp-ai-theme-dark{--inapp-ai-bg-primary: #1a1a1a;--inapp-ai-bg-secondary: #2d2d2d;--inapp-ai-bg-tertiary: #404040;--inapp-ai-text-primary: #ffffff;--inapp-ai-text-secondary: #cccccc;--inapp-ai-text-tertiary: #999999;--inapp-ai-border-light: #404040;--inapp-ai-border-medium: #555555;--inapp-ai-border-dark: #666666;--inapp-ai-user-bg: #667eea;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #2d2d2d;--inapp-ai-assistant-text: #ffffff;--inapp-ai-input-bg: #2d2d2d;--inapp-ai-input-border: #404040;--inapp-ai-input-text: #ffffff;--inapp-ai-input-placeholder: #999999;--inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, .3);--inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, .4);--inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, .5)}.inapp-ai-theme-professional{--inapp-ai-primary: #0052cc;--inapp-ai-primary-dark: #003d99;--inapp-ai-primary-gradient: linear-gradient(135deg, #0052cc 0%, #003d99 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #f7f8f9;--inapp-ai-bg-tertiary: #ebecf0;--inapp-ai-text-primary: #172b4d;--inapp-ai-text-secondary: #5e6c84;--inapp-ai-text-tertiary: #8993a4;--inapp-ai-user-bg: #0052cc;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #f7f8f9;--inapp-ai-assistant-text: #172b4d;--inapp-ai-border-light: #dfe1e6;--inapp-ai-border-medium: #c1c7d0;--inapp-ai-border-radius: 8px}.inapp-ai-theme-playful{--inapp-ai-primary: #ff6b6b;--inapp-ai-primary-dark: #ee5a6f;--inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b6b 0%, #f06595 50%, #cc5de8 100%);--inapp-ai-bg-primary: #fff5f7;--inapp-ai-bg-secondary: #ffe3e3;--inapp-ai-bg-tertiary: #ffd4e5;--inapp-ai-text-primary: #2d0b3d;--inapp-ai-text-secondary: #5a1e72;--inapp-ai-text-tertiary: #8b4896;--inapp-ai-user-bg: linear-gradient(135deg, #ff6b6b 0%, #f06595 100%);--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #ffe3e3;--inapp-ai-assistant-text: #2d0b3d;--inapp-ai-border-radius: 20px;--inapp-ai-border-radius-lg: 24px;--inapp-ai-border-light: #ffc6d9}.inapp-ai-theme-minimal{--inapp-ai-primary: #000000;--inapp-ai-primary-dark: #1a1a1a;--inapp-ai-primary-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);--inapp-ai-bg-primary: #ffffff;--inapp-ai-bg-secondary: #fafafa;--inapp-ai-bg-tertiary: #f5f5f5;--inapp-ai-text-primary: #000000;--inapp-ai-text-secondary: #333333;--inapp-ai-text-tertiary: #666666;--inapp-ai-user-bg: #000000;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #fafafa;--inapp-ai-assistant-text: #000000;--inapp-ai-border-light: #e0e0e0;--inapp-ai-border-medium: #cccccc;--inapp-ai-border-radius: 4px;--inapp-ai-border-radius-sm: 2px;--inapp-ai-border-radius-lg: 6px;--inapp-ai-shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--inapp-ai-shadow-md: 0 2px 6px rgba(0, 0, 0, .1);--inapp-ai-shadow-lg: 0 4px 12px rgba(0, 0, 0, .12)}.inapp-ai-theme-ocean{--inapp-ai-primary: #0077be;--inapp-ai-primary-dark: #005a8d;--inapp-ai-primary-gradient: linear-gradient(135deg, #0077be 0%, #0096d6 100%);--inapp-ai-bg-primary: #f0f8ff;--inapp-ai-bg-secondary: #e6f3ff;--inapp-ai-bg-tertiary: #cce7ff;--inapp-ai-text-primary: #003d5c;--inapp-ai-text-secondary: #005a8d;--inapp-ai-text-tertiary: #0077be;--inapp-ai-user-bg: #0077be;--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #e6f3ff;--inapp-ai-assistant-text: #003d5c}.inapp-ai-theme-sunset{--inapp-ai-primary: #ff6b35;--inapp-ai-primary-dark: #f7931e;--inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffc947 100%);--inapp-ai-bg-primary: #fff8f3;--inapp-ai-bg-secondary: #ffe8d6;--inapp-ai-bg-tertiary: #ffd4b8;--inapp-ai-text-primary: #5c2400;--inapp-ai-text-secondary: #8b3a00;--inapp-ai-text-tertiary: #b85000;--inapp-ai-user-bg: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);--inapp-ai-user-text: #ffffff;--inapp-ai-assistant-bg: #ffe8d6;--inapp-ai-assistant-text: #5c2400}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.inapp-ai-button{position:fixed;width:60px;height:60px;border-radius:50%;border:none;background:var(--inapp-ai-button-bg);color:var(--inapp-ai-button-text);font-size:24px;cursor:pointer;box-shadow:var(--inapp-ai-shadow-md);transition:var(--inapp-ai-transition);z-index:10001;display:flex;align-items:center;justify-content:center}.inapp-ai-button:hover{transform:scale(var(--inapp-ai-button-hover-scale));box-shadow:var(--inapp-ai-shadow-lg)}.inapp-ai-button:active{transform:scale(.95)}.inapp-ai-offline-indicator{position:absolute;top:8px;right:8px;width:12px;height:12px;background:#dc3545;border-radius:50%;border:2px solid white}.inapp-ai-bottom-right{bottom:20px;right:20px}.inapp-ai-bottom-left{bottom:20px;left:20px}.inapp-ai-top-right{top:20px;right:20px}.inapp-ai-top-left{top:20px;left:20px}.inapp-ai-window{position:fixed;background:var(--inapp-ai-bg-primary);box-shadow:var(--inapp-ai-shadow-lg);display:flex;flex-direction:column;z-index:10000;transition:var(--inapp-ai-transition)}.inapp-ai-popup{width:380px;max-width:calc(100vw - 40px);height:600px;max-height:calc(100vh - 100px);border-radius:var(--inapp-ai-border-radius-lg);animation:slideUp .3s ease-out}.inapp-ai-popup.inapp-ai-bottom-right{bottom:100px;right:20px}.inapp-ai-popup.inapp-ai-bottom-left{bottom:100px;left:20px}.inapp-ai-popup.inapp-ai-top-right{top:100px;right:20px}.inapp-ai-popup.inapp-ai-top-left{top:100px;left:20px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.inapp-ai-window.inapp-ai-embedded{position:relative;width:100%;height:100%;min-height:0;border-radius:var(--inapp-ai-border-radius);box-shadow:none;z-index:auto;display:flex;flex-direction:column;overflow:hidden}.inapp-ai-embedded .inapp-ai-messages{flex:1 1 0;min-height:0;overflow-y:auto}.inapp-ai-embedded .inapp-ai-input-area{flex:0 0 auto;border-top:1px solid var(--inapp-ai-border-color)}.inapp-ai-sidebar{top:30px;height:calc(100vh - 60px);width:400px;max-width:100vw;border-radius:0;animation:slideIn .3s ease-out}.inapp-ai-sidebar-left{left:0;border-right:1px solid var(--inapp-ai-border-light);box-shadow:8px 0 32px #0000001f}.inapp-ai-sidebar-right{right:0;border-left:1px solid var(--inapp-ai-border-light);box-shadow:-8px 0 32px #0000001f}.inapp-ai-sidebar.inapp-ai-folded{width:60px}@keyframes slideIn{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.inapp-ai-sidebar-right:not(.inapp-ai-folded){animation-name:slideInRight}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.inapp-ai-fold-toggle{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:64px;background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);border:none;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;z-index:10;transition:var(--inapp-ai-transition-fast);box-shadow:var(--inapp-ai-shadow-sm)}.inapp-ai-sidebar-left .inapp-ai-fold-toggle{right:-16px;border-radius:0 var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius-sm) 0}.inapp-ai-sidebar-right .inapp-ai-fold-toggle{left:-16px;border-radius:var(--inapp-ai-border-radius-sm) 0 0 var(--inapp-ai-border-radius-sm)}.inapp-ai-fold-toggle:hover{background:var(--inapp-ai-primary-dark);transform:translateY(-50%) scale(1.05)}.inapp-ai-fold-toggle:active{transform:translateY(-50%) scale(.95)}.inapp-ai-folded-content{display:flex;flex-direction:column;align-items:center;padding:20px 0;height:100%;gap:16px}.inapp-ai-folded-icon{font-size:32px;margin-top:20px;animation:pulse 2s infinite}.inapp-ai-folded-text{display:none}.inapp-ai-message-count{background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;margin-top:8px;animation:bounce .5s ease-out}@keyframes bounce{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.inapp-ai-panel{position:relative;top:0;height:100vh;min-height:100vh;max-height:100vh;border-radius:0;box-shadow:none;display:flex;flex-direction:column}.inapp-ai-panel-left{left:0;border-right:1px solid var(--inapp-ai-border-light)}.inapp-ai-panel-right{right:0;border-left:1px solid var(--inapp-ai-border-light)}.inapp-ai-resize-handle{position:absolute;top:0;width:6px;height:100%;background:transparent;cursor:col-resize;z-index:11;transition:background .2s}.inapp-ai-resize-handle:hover{background:#667eea4d}.inapp-ai-resize-handle:active{background:#667eea80}.inapp-ai-resize-handle-right{right:0;border-right:2px solid transparent}.inapp-ai-resize-handle-left{left:0;border-left:2px solid transparent}.inapp-ai-resize-handle-right:hover,.inapp-ai-resize-handle-right:active{border-right-color:var(--inapp-ai-primary)}.inapp-ai-resize-handle-left:hover,.inapp-ai-resize-handle-left:active{border-left-color:var(--inapp-ai-primary)}.inapp-ai-panel .inapp-ai-header{border-radius:0}.inapp-ai-panel.inapp-ai-folded{width:60px;min-width:60px;max-width:60px}.inapp-ai-window.inapp-ai-theme-dark{background:#1e1e1e;color:#fff}.inapp-ai-sidebar-left.inapp-ai-theme-dark{border-right-color:#2d2d2d}.inapp-ai-sidebar-right.inapp-ai-theme-dark{border-left-color:#2d2d2d}.inapp-ai-header{padding:20px;background:var(--inapp-ai-primary-gradient);color:var(--inapp-ai-text-inverse);border-radius:var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg) 0 0;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.inapp-ai-sidebar .inapp-ai-header{border-radius:0}.inapp-ai-header-title{display:flex;align-items:center;gap:12px}.inapp-ai-header-icon{font-size:32px}.inapp-ai-header h3{margin:0;font-size:18px;font-weight:600}.inapp-ai-header p{margin:4px 0 0;font-size:12px;opacity:.9}.inapp-ai-status-connected,.inapp-ai-status-disconnected{display:flex;align-items:center;gap:6px}.inapp-ai-status-dot{width:8px;height:8px;border-radius:50%;background:#28a745;animation:pulse 2s infinite}.inapp-ai-status-disconnected .inapp-ai-status-dot{background:#dc3545}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.inapp-ai-close-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:18px;display:flex;align-items:center;justify-content:center;transition:background .2s}.inapp-ai-close-btn:hover{background:#ffffff4d}.inapp-ai-header-fold-btn{background:#fff3;border:none;color:#fff;width:32px;height:32px;border-radius:8px;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:background .2s}.inapp-ai-header-fold-btn:hover{background:#ffffff4d}.inapp-ai-error-banner{padding:12px 20px;background:#fff3cd;color:#856404;display:flex;align-items:center;gap:10px;font-size:14px;border-bottom:1px solid #ffeeba;flex-shrink:0}.inapp-ai-error-banner button{margin-left:auto;background:none;border:none;color:#856404;cursor:pointer;padding:4px 8px}.inapp-ai-messages{flex:1;overflow-y:auto;padding:20px;display:flex;flex-direction:column;gap:16px;min-height:0}.inapp-ai-messages::-webkit-scrollbar{width:8px}.inapp-ai-messages::-webkit-scrollbar-track{background:#f1f1f1}.inapp-ai-messages::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:4px}.inapp-ai-messages::-webkit-scrollbar-thumb:hover{background:#a1a1a1}.inapp-ai-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;color:#6c757d;padding:40px}.inapp-ai-empty-icon{font-size:48px;margin-bottom:16px}.inapp-ai-empty-state h4{margin:0 0 8px;font-size:18px;color:#495057}.inapp-ai-empty-state p{margin:0;font-size:14px}.inapp-ai-message{display:flex;gap:12px;animation:messageSlideIn .3s ease-out}@keyframes messageSlideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.inapp-ai-message-user{flex-direction:row-reverse}.inapp-ai-message-icon{width:36px;height:36px;border-radius:50%;background:var(--inapp-ai-bg-secondary);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.inapp-ai-message-user .inapp-ai-message-icon,.inapp-ai-message-assistant .inapp-ai-message-icon{background:var(--inapp-ai-primary-gradient)}.inapp-ai-message-content{flex:1;min-width:0}.inapp-ai-message-text{background:var(--inapp-ai-assistant-bg);color:var(--inapp-ai-assistant-text);padding:12px 16px;border-radius:var(--inapp-ai-border-radius);line-height:1.5;font-size:14px;word-wrap:break-word}.inapp-ai-message-user .inapp-ai-message-text{background:var(--inapp-ai-user-bg);color:var(--inapp-ai-user-text);border-radius:var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius)}.inapp-ai-message-assistant .inapp-ai-message-text{border-radius:var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm)}.inapp-ai-message-text p{margin:0 0 8px}.inapp-ai-message-text p:last-child{margin-bottom:0}.inapp-ai-message-text h1,.inapp-ai-message-text h2,.inapp-ai-message-text h3,.inapp-ai-message-text h4{margin:12px 0 8px;font-weight:600}.inapp-ai-message-text h1:first-child,.inapp-ai-message-text h2:first-child,.inapp-ai-message-text h3:first-child,.inapp-ai-message-text h4:first-child{margin-top:0}.inapp-ai-message-text h1{font-size:18px}.inapp-ai-message-text h2{font-size:16px}.inapp-ai-message-text h3{font-size:15px}.inapp-ai-message-text h4{font-size:14px}.inapp-ai-message-text ul,.inapp-ai-message-text ol{margin:8px 0;padding-left:24px}.inapp-ai-message-text li{margin:4px 0}.inapp-ai-message-text code{background:#0000000d;padding:2px 6px;border-radius:4px;font-family:Monaco,Menlo,Courier New,monospace;font-size:13px}.inapp-ai-message-text pre{background:#0000000d;padding:12px;border-radius:8px;overflow-x:auto;margin:8px 0}.inapp-ai-message-text pre code{background:none;padding:0}.inapp-ai-message-text blockquote{border-left:3px solid var(--inapp-ai-primary);padding-left:12px;margin:8px 0;color:var(--inapp-ai-text-secondary)}.inapp-ai-message-text a{color:var(--inapp-ai-primary);text-decoration:none}.inapp-ai-message-text a:hover{text-decoration:underline}.inapp-ai-message-text strong{font-weight:600}.inapp-ai-message-text em{font-style:italic}.inapp-ai-message-text hr{border:none;border-top:1px solid #dee2e6;margin:12px 0}.inapp-ai-message-text table{border-collapse:collapse;width:100%;margin:8px 0}.inapp-ai-message-text th,.inapp-ai-message-text td{border:1px solid #dee2e6;padding:6px 12px;text-align:left}.inapp-ai-message-text th{background:#00000008;font-weight:600}.inapp-ai-message-time{font-size:11px;color:#6c757d;margin-top:4px;padding:0 4px}.inapp-ai-message-tokens{opacity:.7}.inapp-ai-typing-indicator{display:flex;gap:4px;padding:12px 16px;background:#f8f9fa;border-radius:12px;width:fit-content}.inapp-ai-typing-indicator span{width:8px;height:8px;border-radius:50%;background:#6c757d;animation:typing 1.4s infinite}.inapp-ai-typing-indicator span:nth-child(2){animation-delay:.2s}.inapp-ai-typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,60%,to{transform:translateY(0);opacity:.7}30%{transform:translateY(-10px);opacity:1}}.inapp-ai-input-area{padding:16px 20px;border-top:1px solid var(--inapp-ai-border-light);background:var(--inapp-ai-bg-primary);border-radius:0 0 var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg);flex-shrink:0}.inapp-ai-sidebar .inapp-ai-input-area{border-radius:0}.inapp-ai-panel .inapp-ai-input-area{border-radius:0;padding:12px 20px 8px}.inapp-ai-clear-btn{width:100%;padding:8px 12px;background:var(--inapp-ai-bg-secondary);border:none;border-radius:var(--inapp-ai-border-radius-sm);font-size:13px;color:var(--inapp-ai-text-secondary);cursor:pointer;margin-bottom:12px;transition:var(--inapp-ai-transition-fast)}.inapp-ai-clear-btn:hover:not(:disabled){background:var(--inapp-ai-bg-tertiary)}.inapp-ai-clear-btn:disabled{opacity:.5;cursor:not-allowed}.inapp-ai-input-wrapper{display:flex;gap:8px}.inapp-ai-input{flex:1;padding:12px 16px;border:2px solid var(--inapp-ai-input-border);background:var(--inapp-ai-input-bg);color:var(--inapp-ai-input-text);border-radius:var(--inapp-ai-border-radius);font-size:14px;font-family:inherit;outline:none;transition:var(--inapp-ai-transition-fast)}.inapp-ai-input::placeholder{color:var(--inapp-ai-input-placeholder)}.inapp-ai-input:focus{border-color:var(--inapp-ai-primary)}.inapp-ai-input:disabled{background:var(--inapp-ai-bg-secondary);cursor:not-allowed}.inapp-ai-send-btn{width:44px;height:44px;border:none;background:var(--inapp-ai-button-bg);color:var(--inapp-ai-button-text);border-radius:var(--inapp-ai-border-radius);font-size:18px;cursor:pointer;transition:var(--inapp-ai-transition-fast);display:flex;align-items:center;justify-content:center}.inapp-ai-send-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:var(--inapp-ai-shadow-md)}.inapp-ai-send-btn:disabled{opacity:.5;cursor:not-allowed}.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-track{background:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-thumb{background:#555}.inapp-ai-theme-dark .inapp-ai-message-text{background:#2d2d2d;color:#fff}.inapp-ai-theme-dark .inapp-ai-message-text code,.inapp-ai-theme-dark .inapp-ai-message-text pre{background:#ffffff1a}.inapp-ai-theme-dark .inapp-ai-message-text blockquote{color:#aaa}.inapp-ai-theme-dark .inapp-ai-message-text th,.inapp-ai-theme-dark .inapp-ai-message-text td{border-color:#3e3e3e}.inapp-ai-theme-dark .inapp-ai-message-text th{background:#ffffff0d}.inapp-ai-theme-dark .inapp-ai-message-text hr{border-top-color:#3e3e3e}.inapp-ai-theme-dark .inapp-ai-input-area{background:#1e1e1e;border-top-color:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-input{background:#2d2d2d;border-color:#3e3e3e;color:#fff}.inapp-ai-theme-dark .inapp-ai-clear-btn{background:#2d2d2d;color:#a0a0a0}.inapp-ai-theme-dark .inapp-ai-typing-indicator{background:#2d2d2d}.inapp-ai-theme-dark .inapp-ai-folded-text{color:#667eea}@media(max-width:768px){.inapp-ai-sidebar{width:100vw}.inapp-ai-sidebar.inapp-ai-folded{width:50px}.inapp-ai-popup{width:calc(100vw - 40px);height:calc(100vh - 140px)}.inapp-ai-button{width:50px;height:50px;font-size:20px}}@media(min-width:769px)and (max-width:1024px){.inapp-ai-sidebar{width:350px}}
|
|
2
2
|
/*# sourceMappingURL=index.css.map */
|
package/dist/index.css.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/themes.css","../src/components/InAppAI.css"],"sourcesContent":["/* InAppAI Theme System - CSS Custom Properties */\n\n/* =====================================================\n BASE THEME VARIABLES\n ===================================================== */\n\n:root {\n /* Primary Colors */\n --inapp-ai-primary: #667eea;\n --inapp-ai-primary-dark: #764ba2;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n\n /* Background Colors */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #f8f9fa;\n --inapp-ai-bg-tertiary: #e9ecef;\n\n /* Text Colors */\n --inapp-ai-text-primary: #333333;\n --inapp-ai-text-secondary: #666666;\n --inapp-ai-text-tertiary: #999999;\n --inapp-ai-text-inverse: #ffffff;\n\n /* Border Colors */\n --inapp-ai-border-light: #e0e0e0;\n --inapp-ai-border-medium: #cccccc;\n --inapp-ai-border-dark: #999999;\n\n /* Message Colors */\n --inapp-ai-user-bg: #667eea;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #f0f2f5;\n --inapp-ai-assistant-text: #333333;\n\n /* Input Colors */\n --inapp-ai-input-bg: #ffffff;\n --inapp-ai-input-border: #e0e0e0;\n --inapp-ai-input-text: #333333;\n --inapp-ai-input-placeholder: #999999;\n\n /* Button Colors */\n --inapp-ai-button-bg: var(--inapp-ai-primary-gradient);\n --inapp-ai-button-text: #ffffff;\n --inapp-ai-button-hover-scale: 1.1;\n\n /* Shadow */\n --inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);\n --inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);\n --inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);\n\n /* Borders & Radius */\n --inapp-ai-border-radius: 12px;\n --inapp-ai-border-radius-sm: 8px;\n --inapp-ai-border-radius-lg: 16px;\n\n /* Transitions */\n --inapp-ai-transition: all 0.3s ease;\n --inapp-ai-transition-fast: all 0.15s ease;\n}\n\n/* =====================================================\n DARK THEME\n ===================================================== */\n\n.inapp-ai-theme-dark {\n /* Background Colors */\n --inapp-ai-bg-primary: #1a1a1a;\n --inapp-ai-bg-secondary: #2d2d2d;\n --inapp-ai-bg-tertiary: #404040;\n\n /* Text Colors */\n --inapp-ai-text-primary: #ffffff;\n --inapp-ai-text-secondary: #cccccc;\n --inapp-ai-text-tertiary: #999999;\n\n /* Border Colors */\n --inapp-ai-border-light: #404040;\n --inapp-ai-border-medium: #555555;\n --inapp-ai-border-dark: #666666;\n\n /* Message Colors */\n --inapp-ai-user-bg: #667eea;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #2d2d2d;\n --inapp-ai-assistant-text: #ffffff;\n\n /* Input Colors */\n --inapp-ai-input-bg: #2d2d2d;\n --inapp-ai-input-border: #404040;\n --inapp-ai-input-text: #ffffff;\n --inapp-ai-input-placeholder: #999999;\n\n /* Shadow */\n --inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);\n --inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);\n --inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);\n}\n\n/* =====================================================\n PROFESSIONAL THEME\n ===================================================== */\n\n.inapp-ai-theme-professional {\n /* Primary Colors - Corporate Blue */\n --inapp-ai-primary: #0052cc;\n --inapp-ai-primary-dark: #003d99;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #0052cc 0%, #003d99 100%);\n\n /* Background Colors - Clean whites and grays */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #f7f8f9;\n --inapp-ai-bg-tertiary: #ebecf0;\n\n /* Text Colors - Professional gray tones */\n --inapp-ai-text-primary: #172b4d;\n --inapp-ai-text-secondary: #5e6c84;\n --inapp-ai-text-tertiary: #8993a4;\n\n /* Message Colors */\n --inapp-ai-user-bg: #0052cc;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #f7f8f9;\n --inapp-ai-assistant-text: #172b4d;\n\n /* Borders */\n --inapp-ai-border-light: #dfe1e6;\n --inapp-ai-border-medium: #c1c7d0;\n --inapp-ai-border-radius: 8px;\n}\n\n/* =====================================================\n PLAYFUL THEME\n ===================================================== */\n\n.inapp-ai-theme-playful {\n /* Primary Colors - Vibrant gradient */\n --inapp-ai-primary: #ff6b6b;\n --inapp-ai-primary-dark: #ee5a6f;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b6b 0%, #f06595 50%, #cc5de8 100%);\n\n /* Background Colors - Soft pastels */\n --inapp-ai-bg-primary: #fff5f7;\n --inapp-ai-bg-secondary: #ffe3e3;\n --inapp-ai-bg-tertiary: #ffd4e5;\n\n /* Text Colors - Warm tones */\n --inapp-ai-text-primary: #2d0b3d;\n --inapp-ai-text-secondary: #5a1e72;\n --inapp-ai-text-tertiary: #8b4896;\n\n /* Message Colors */\n --inapp-ai-user-bg: linear-gradient(135deg, #ff6b6b 0%, #f06595 100%);\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #ffe3e3;\n --inapp-ai-assistant-text: #2d0b3d;\n\n /* Borders - Softer, rounder */\n --inapp-ai-border-radius: 20px;\n --inapp-ai-border-radius-lg: 24px;\n --inapp-ai-border-light: #ffc6d9;\n}\n\n/* =====================================================\n MINIMAL THEME\n ===================================================== */\n\n.inapp-ai-theme-minimal {\n /* Primary Colors - Monochrome */\n --inapp-ai-primary: #000000;\n --inapp-ai-primary-dark: #1a1a1a;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);\n\n /* Background Colors - Pure whites and grays */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #fafafa;\n --inapp-ai-bg-tertiary: #f5f5f5;\n\n /* Text Colors - Black and grays */\n --inapp-ai-text-primary: #000000;\n --inapp-ai-text-secondary: #333333;\n --inapp-ai-text-tertiary: #666666;\n\n /* Message Colors */\n --inapp-ai-user-bg: #000000;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #fafafa;\n --inapp-ai-assistant-text: #000000;\n\n /* Borders - Sharp, clean */\n --inapp-ai-border-light: #e0e0e0;\n --inapp-ai-border-medium: #cccccc;\n --inapp-ai-border-radius: 4px;\n --inapp-ai-border-radius-sm: 2px;\n --inapp-ai-border-radius-lg: 6px;\n\n /* Shadows - Subtle */\n --inapp-ai-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);\n --inapp-ai-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.1);\n --inapp-ai-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n\n/* =====================================================\n OCEAN THEME\n ===================================================== */\n\n.inapp-ai-theme-ocean {\n /* Primary Colors - Deep ocean blues */\n --inapp-ai-primary: #0077be;\n --inapp-ai-primary-dark: #005a8d;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #0077be 0%, #0096d6 100%);\n\n /* Background Colors - Water-inspired */\n --inapp-ai-bg-primary: #f0f8ff;\n --inapp-ai-bg-secondary: #e6f3ff;\n --inapp-ai-bg-tertiary: #cce7ff;\n\n /* Text Colors */\n --inapp-ai-text-primary: #003d5c;\n --inapp-ai-text-secondary: #005a8d;\n --inapp-ai-text-tertiary: #0077be;\n\n /* Message Colors */\n --inapp-ai-user-bg: #0077be;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #e6f3ff;\n --inapp-ai-assistant-text: #003d5c;\n}\n\n/* =====================================================\n SUNSET THEME\n ===================================================== */\n\n.inapp-ai-theme-sunset {\n /* Primary Colors - Warm sunset colors */\n --inapp-ai-primary: #ff6b35;\n --inapp-ai-primary-dark: #f7931e;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffc947 100%);\n\n /* Background Colors - Warm tones */\n --inapp-ai-bg-primary: #fff8f3;\n --inapp-ai-bg-secondary: #ffe8d6;\n --inapp-ai-bg-tertiary: #ffd4b8;\n\n /* Text Colors */\n --inapp-ai-text-primary: #5c2400;\n --inapp-ai-text-secondary: #8b3a00;\n --inapp-ai-text-tertiary: #b85000;\n\n /* Message Colors */\n --inapp-ai-user-bg: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #ffe8d6;\n --inapp-ai-assistant-text: #5c2400;\n}\n","/* InAppAI Enhanced Component Styles - Popup + Sidebar Support */\n\n/* ===== ACCESSIBILITY ===== */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n/* ===== COMMON STYLES ===== */\n.inapp-ai-button {\n position: fixed;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n border: none;\n background: var(--inapp-ai-button-bg);\n color: var(--inapp-ai-button-text);\n font-size: 24px;\n cursor: pointer;\n box-shadow: var(--inapp-ai-shadow-md);\n transition: var(--inapp-ai-transition);\n z-index: 10001;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.inapp-ai-button:hover {\n transform: scale(var(--inapp-ai-button-hover-scale));\n box-shadow: var(--inapp-ai-shadow-lg);\n}\n\n.inapp-ai-button:active {\n transform: scale(0.95);\n}\n\n.inapp-ai-offline-indicator {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 12px;\n height: 12px;\n background: #dc3545;\n border-radius: 50%;\n border: 2px solid white;\n}\n\n/* ===== POSITION CLASSES FOR POPUP ===== */\n.inapp-ai-bottom-right {\n bottom: 20px;\n right: 20px;\n}\n\n.inapp-ai-bottom-left {\n bottom: 20px;\n left: 20px;\n}\n\n.inapp-ai-top-right {\n top: 20px;\n right: 20px;\n}\n\n.inapp-ai-top-left {\n top: 20px;\n left: 20px;\n}\n\n/* ===== CHAT WINDOW BASE ===== */\n.inapp-ai-window {\n position: fixed;\n background: var(--inapp-ai-bg-primary);\n box-shadow: var(--inapp-ai-shadow-lg);\n display: flex;\n flex-direction: column;\n z-index: 10000;\n transition: var(--inapp-ai-transition);\n}\n\n/* ===== POPUP MODE ===== */\n.inapp-ai-popup {\n width: 380px;\n max-width: calc(100vw - 40px);\n height: 600px;\n max-height: calc(100vh - 100px);\n border-radius: var(--inapp-ai-border-radius-lg);\n animation: slideUp 0.3s ease-out;\n}\n\n.inapp-ai-popup.inapp-ai-bottom-right {\n bottom: 100px;\n right: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-bottom-left {\n bottom: 100px;\n left: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-top-right {\n top: 100px;\n right: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-top-left {\n top: 100px;\n left: 20px;\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* ===== SIDEBAR MODE ===== */\n.inapp-ai-sidebar {\n top: 30px;\n height: calc(100vh - 60px);\n width: 400px;\n max-width: 100vw;\n border-radius: 0;\n animation: slideIn 0.3s ease-out;\n}\n\n.inapp-ai-sidebar-left {\n left: 0;\n border-right: 1px solid var(--inapp-ai-border-light);\n box-shadow: 8px 0 32px rgba(0, 0, 0, 0.12);\n}\n\n.inapp-ai-sidebar-right {\n right: 0;\n border-left: 1px solid var(--inapp-ai-border-light);\n box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);\n}\n\n/* Folded Sidebar */\n.inapp-ai-sidebar.inapp-ai-folded {\n width: 60px;\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.inapp-ai-sidebar-right:not(.inapp-ai-folded) {\n animation-name: slideInRight;\n}\n\n@keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* ===== FOLD/UNFOLD TOGGLE ===== */\n.inapp-ai-fold-toggle {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 64px;\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n border: none;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: var(--inapp-ai-transition-fast);\n box-shadow: var(--inapp-ai-shadow-sm);\n}\n\n.inapp-ai-sidebar-left .inapp-ai-fold-toggle {\n right: -16px;\n border-radius: 0 var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius-sm) 0;\n}\n\n.inapp-ai-sidebar-right .inapp-ai-fold-toggle {\n left: -16px;\n border-radius: var(--inapp-ai-border-radius-sm) 0 0 var(--inapp-ai-border-radius-sm);\n}\n\n.inapp-ai-fold-toggle:hover {\n background: var(--inapp-ai-primary-dark);\n transform: translateY(-50%) scale(1.05);\n}\n\n.inapp-ai-fold-toggle:active {\n transform: translateY(-50%) scale(0.95);\n}\n\n/* ===== FOLDED CONTENT ===== */\n.inapp-ai-folded-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px 0;\n height: 100%;\n gap: 16px;\n}\n\n.inapp-ai-folded-icon {\n font-size: 32px;\n margin-top: 20px;\n animation: pulse 2s infinite;\n}\n\n.inapp-ai-folded-text {\n display: none;\n}\n\n.inapp-ai-message-count {\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 600;\n margin-top: 8px;\n animation: bounce 0.5s ease-out;\n}\n\n@keyframes bounce {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n}\n\n/* ===== PANEL MODE ===== */\n.inapp-ai-panel {\n position: relative;\n top: 0;\n height: 100vh;\n min-height: 100vh;\n max-height: 100vh;\n border-radius: 0;\n box-shadow: none;\n display: flex;\n flex-direction: column;\n}\n\n.inapp-ai-panel-left {\n left: 0;\n border-right: 1px solid var(--inapp-ai-border-light);\n}\n\n.inapp-ai-panel-right {\n right: 0;\n border-left: 1px solid var(--inapp-ai-border-light);\n}\n\n/* Panel Resize Handle */\n.inapp-ai-resize-handle {\n position: absolute;\n top: 0;\n width: 6px;\n height: 100%;\n background: transparent;\n cursor: col-resize;\n z-index: 11;\n transition: background 0.2s;\n}\n\n.inapp-ai-resize-handle:hover {\n background: rgba(102, 126, 234, 0.3);\n}\n\n.inapp-ai-resize-handle:active {\n background: rgba(102, 126, 234, 0.5);\n}\n\n.inapp-ai-resize-handle-right {\n right: 0;\n border-right: 2px solid transparent;\n}\n\n.inapp-ai-resize-handle-left {\n left: 0;\n border-left: 2px solid transparent;\n}\n\n.inapp-ai-resize-handle-right:hover,\n.inapp-ai-resize-handle-right:active {\n border-right-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-resize-handle-left:hover,\n.inapp-ai-resize-handle-left:active {\n border-left-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-panel .inapp-ai-header {\n border-radius: 0;\n}\n\n/* Folded Panel */\n.inapp-ai-panel.inapp-ai-folded {\n width: 60px;\n min-width: 60px;\n max-width: 60px;\n}\n\n/* ===== THEME - DARK ===== */\n.inapp-ai-window.inapp-ai-theme-dark {\n background: #1e1e1e;\n color: #ffffff;\n}\n\n.inapp-ai-sidebar-left.inapp-ai-theme-dark {\n border-right-color: #2d2d2d;\n}\n\n.inapp-ai-sidebar-right.inapp-ai-theme-dark {\n border-left-color: #2d2d2d;\n}\n\n/* ===== HEADER ===== */\n.inapp-ai-header {\n padding: 20px;\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n border-radius: var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg) 0 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-shrink: 0;\n}\n\n.inapp-ai-sidebar .inapp-ai-header {\n border-radius: 0;\n}\n\n.inapp-ai-header-title {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.inapp-ai-header-icon {\n font-size: 32px;\n}\n\n.inapp-ai-header h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.inapp-ai-header p {\n margin: 4px 0 0 0;\n font-size: 12px;\n opacity: 0.9;\n}\n\n.inapp-ai-status-connected,\n.inapp-ai-status-disconnected {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.inapp-ai-status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #28a745;\n animation: pulse 2s infinite;\n}\n\n.inapp-ai-status-disconnected .inapp-ai-status-dot {\n background: #dc3545;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n.inapp-ai-close-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s;\n}\n\n.inapp-ai-close-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* Header Fold Button (for sidebars and panels) */\n.inapp-ai-header-fold-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s;\n}\n\n.inapp-ai-header-fold-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* ===== ERROR BANNER ===== */\n.inapp-ai-error-banner {\n padding: 12px 20px;\n background: #fff3cd;\n color: #856404;\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n border-bottom: 1px solid #ffeeba;\n flex-shrink: 0;\n}\n\n.inapp-ai-error-banner button {\n margin-left: auto;\n background: none;\n border: none;\n color: #856404;\n cursor: pointer;\n padding: 4px 8px;\n}\n\n/* ===== MESSAGES AREA ===== */\n.inapp-ai-messages {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-height: 0; /* Important for flex scrolling */\n}\n\n.inapp-ai-messages::-webkit-scrollbar {\n width: 8px;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 4px;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-thumb:hover {\n background: #a1a1a1;\n}\n\n/* Empty State */\n.inapp-ai-empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n text-align: center;\n color: #6c757d;\n padding: 40px;\n}\n\n.inapp-ai-empty-icon {\n font-size: 48px;\n margin-bottom: 16px;\n}\n\n.inapp-ai-empty-state h4 {\n margin: 0 0 8px 0;\n font-size: 18px;\n color: #495057;\n}\n\n.inapp-ai-empty-state p {\n margin: 0;\n font-size: 14px;\n}\n\n/* Message */\n.inapp-ai-message {\n display: flex;\n gap: 12px;\n animation: messageSlideIn 0.3s ease-out;\n}\n\n@keyframes messageSlideIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.inapp-ai-message-user {\n flex-direction: row-reverse;\n}\n\n.inapp-ai-message-icon {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--inapp-ai-bg-secondary);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.inapp-ai-message-user .inapp-ai-message-icon {\n background: var(--inapp-ai-primary-gradient);\n}\n\n.inapp-ai-message-assistant .inapp-ai-message-icon {\n background: var(--inapp-ai-primary-gradient);\n}\n\n.inapp-ai-message-content {\n flex: 1;\n min-width: 0;\n}\n\n.inapp-ai-message-text {\n background: var(--inapp-ai-assistant-bg);\n color: var(--inapp-ai-assistant-text);\n padding: 12px 16px;\n border-radius: var(--inapp-ai-border-radius);\n line-height: 1.5;\n font-size: 14px;\n word-wrap: break-word;\n}\n\n.inapp-ai-message-user .inapp-ai-message-text {\n background: var(--inapp-ai-user-bg);\n color: var(--inapp-ai-user-text);\n border-radius: var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius);\n}\n\n.inapp-ai-message-assistant .inapp-ai-message-text {\n border-radius: var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm);\n}\n\n/* Markdown Styling */\n.inapp-ai-message-text p {\n margin: 0 0 8px 0;\n}\n\n.inapp-ai-message-text p:last-child {\n margin-bottom: 0;\n}\n\n.inapp-ai-message-text h1,\n.inapp-ai-message-text h2,\n.inapp-ai-message-text h3,\n.inapp-ai-message-text h4 {\n margin: 12px 0 8px 0;\n font-weight: 600;\n}\n\n.inapp-ai-message-text h1:first-child,\n.inapp-ai-message-text h2:first-child,\n.inapp-ai-message-text h3:first-child,\n.inapp-ai-message-text h4:first-child {\n margin-top: 0;\n}\n\n.inapp-ai-message-text h1 { font-size: 18px; }\n.inapp-ai-message-text h2 { font-size: 16px; }\n.inapp-ai-message-text h3 { font-size: 15px; }\n.inapp-ai-message-text h4 { font-size: 14px; }\n\n.inapp-ai-message-text ul,\n.inapp-ai-message-text ol {\n margin: 8px 0;\n padding-left: 24px;\n}\n\n.inapp-ai-message-text li {\n margin: 4px 0;\n}\n\n.inapp-ai-message-text code {\n background: rgba(0, 0, 0, 0.05);\n padding: 2px 6px;\n border-radius: 4px;\n font-family: 'Monaco', 'Menlo', 'Courier New', monospace;\n font-size: 13px;\n}\n\n.inapp-ai-message-text pre {\n background: rgba(0, 0, 0, 0.05);\n padding: 12px;\n border-radius: 8px;\n overflow-x: auto;\n margin: 8px 0;\n}\n\n.inapp-ai-message-text pre code {\n background: none;\n padding: 0;\n}\n\n.inapp-ai-message-text blockquote {\n border-left: 3px solid var(--inapp-ai-primary);\n padding-left: 12px;\n margin: 8px 0;\n color: var(--inapp-ai-text-secondary);\n}\n\n.inapp-ai-message-text a {\n color: var(--inapp-ai-primary);\n text-decoration: none;\n}\n\n.inapp-ai-message-text a:hover {\n text-decoration: underline;\n}\n\n.inapp-ai-message-text strong { font-weight: 600; }\n.inapp-ai-message-text em { font-style: italic; }\n\n.inapp-ai-message-text hr {\n border: none;\n border-top: 1px solid #dee2e6;\n margin: 12px 0;\n}\n\n.inapp-ai-message-text table {\n border-collapse: collapse;\n width: 100%;\n margin: 8px 0;\n}\n\n.inapp-ai-message-text th,\n.inapp-ai-message-text td {\n border: 1px solid #dee2e6;\n padding: 6px 12px;\n text-align: left;\n}\n\n.inapp-ai-message-text th {\n background: rgba(0, 0, 0, 0.03);\n font-weight: 600;\n}\n\n.inapp-ai-message-time {\n font-size: 11px;\n color: #6c757d;\n margin-top: 4px;\n padding: 0 4px;\n}\n\n.inapp-ai-message-tokens {\n opacity: 0.7;\n}\n\n/* Typing Indicator */\n.inapp-ai-typing-indicator {\n display: flex;\n gap: 4px;\n padding: 12px 16px;\n background: #f8f9fa;\n border-radius: 12px;\n width: fit-content;\n}\n\n.inapp-ai-typing-indicator span {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #6c757d;\n animation: typing 1.4s infinite;\n}\n\n.inapp-ai-typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\n.inapp-ai-typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\n\n@keyframes typing {\n 0%, 60%, 100% {\n transform: translateY(0);\n opacity: 0.7;\n }\n 30% {\n transform: translateY(-10px);\n opacity: 1;\n }\n}\n\n/* ===== INPUT AREA ===== */\n.inapp-ai-input-area {\n padding: 16px 20px;\n border-top: 1px solid var(--inapp-ai-border-light);\n background: var(--inapp-ai-bg-primary);\n border-radius: 0 0 var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg);\n flex-shrink: 0;\n}\n\n.inapp-ai-sidebar .inapp-ai-input-area {\n border-radius: 0;\n}\n\n.inapp-ai-panel .inapp-ai-input-area {\n border-radius: 0;\n padding: 12px 20px 8px 20px;\n}\n\n.inapp-ai-clear-btn {\n width: 100%;\n padding: 8px 12px;\n background: var(--inapp-ai-bg-secondary);\n border: none;\n border-radius: var(--inapp-ai-border-radius-sm);\n font-size: 13px;\n color: var(--inapp-ai-text-secondary);\n cursor: pointer;\n margin-bottom: 12px;\n transition: var(--inapp-ai-transition-fast);\n}\n\n.inapp-ai-clear-btn:hover:not(:disabled) {\n background: var(--inapp-ai-bg-tertiary);\n}\n\n.inapp-ai-clear-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.inapp-ai-input-wrapper {\n display: flex;\n gap: 8px;\n}\n\n.inapp-ai-input {\n flex: 1;\n padding: 12px 16px;\n border: 2px solid var(--inapp-ai-input-border);\n background: var(--inapp-ai-input-bg);\n color: var(--inapp-ai-input-text);\n border-radius: var(--inapp-ai-border-radius);\n font-size: 14px;\n font-family: inherit;\n outline: none;\n transition: var(--inapp-ai-transition-fast);\n}\n\n.inapp-ai-input::placeholder {\n color: var(--inapp-ai-input-placeholder);\n}\n\n.inapp-ai-input:focus {\n border-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-input:disabled {\n background: var(--inapp-ai-bg-secondary);\n cursor: not-allowed;\n}\n\n.inapp-ai-send-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--inapp-ai-button-bg);\n color: var(--inapp-ai-button-text);\n border-radius: var(--inapp-ai-border-radius);\n font-size: 18px;\n cursor: pointer;\n transition: var(--inapp-ai-transition-fast);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.inapp-ai-send-btn:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: var(--inapp-ai-shadow-md);\n}\n\n.inapp-ai-send-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* ===== DARK THEME ADJUSTMENTS ===== */\n.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-track {\n background: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-thumb {\n background: #555;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text {\n background: #2d2d2d;\n color: #ffffff;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text code {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text pre {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text blockquote {\n color: #aaa;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text th,\n.inapp-ai-theme-dark .inapp-ai-message-text td {\n border-color: #3e3e3e;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text th {\n background: rgba(255, 255, 255, 0.05);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text hr {\n border-top-color: #3e3e3e;\n}\n\n.inapp-ai-theme-dark .inapp-ai-input-area {\n background: #1e1e1e;\n border-top-color: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-input {\n background: #2d2d2d;\n border-color: #3e3e3e;\n color: #ffffff;\n}\n\n.inapp-ai-theme-dark .inapp-ai-clear-btn {\n background: #2d2d2d;\n color: #a0a0a0;\n}\n\n.inapp-ai-theme-dark .inapp-ai-typing-indicator {\n background: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-folded-text {\n color: #667eea;\n}\n\n/* ===== RESPONSIVE ===== */\n@media (max-width: 768px) {\n .inapp-ai-sidebar {\n width: 100vw;\n }\n\n .inapp-ai-sidebar.inapp-ai-folded {\n width: 50px;\n }\n\n .inapp-ai-popup {\n width: calc(100vw - 40px);\n height: calc(100vh - 140px);\n }\n\n .inapp-ai-button {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n .inapp-ai-sidebar {\n width: 350px;\n }\n}\n"],"mappings":"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","names":[]}
|
|
1
|
+
{"version":3,"sources":["../src/components/themes.css","../src/components/InAppAI.css"],"sourcesContent":["/* InAppAI Theme System - CSS Custom Properties */\n\n/* =====================================================\n BASE THEME VARIABLES\n ===================================================== */\n\n:root {\n /* Primary Colors */\n --inapp-ai-primary: #667eea;\n --inapp-ai-primary-dark: #764ba2;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);\n\n /* Background Colors */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #f8f9fa;\n --inapp-ai-bg-tertiary: #e9ecef;\n\n /* Text Colors */\n --inapp-ai-text-primary: #333333;\n --inapp-ai-text-secondary: #666666;\n --inapp-ai-text-tertiary: #999999;\n --inapp-ai-text-inverse: #ffffff;\n\n /* Border Colors */\n --inapp-ai-border-light: #e0e0e0;\n --inapp-ai-border-medium: #cccccc;\n --inapp-ai-border-dark: #999999;\n\n /* Message Colors */\n --inapp-ai-user-bg: #667eea;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #f0f2f5;\n --inapp-ai-assistant-text: #333333;\n\n /* Input Colors */\n --inapp-ai-input-bg: #ffffff;\n --inapp-ai-input-border: #e0e0e0;\n --inapp-ai-input-text: #333333;\n --inapp-ai-input-placeholder: #999999;\n\n /* Button Colors */\n --inapp-ai-button-bg: var(--inapp-ai-primary-gradient);\n --inapp-ai-button-text: #ffffff;\n --inapp-ai-button-hover-scale: 1.1;\n\n /* Shadow */\n --inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.1);\n --inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);\n --inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.2);\n\n /* Borders & Radius */\n --inapp-ai-border-radius: 12px;\n --inapp-ai-border-radius-sm: 8px;\n --inapp-ai-border-radius-lg: 16px;\n\n /* Transitions */\n --inapp-ai-transition: all 0.3s ease;\n --inapp-ai-transition-fast: all 0.15s ease;\n}\n\n/* =====================================================\n DARK THEME\n ===================================================== */\n\n.inapp-ai-theme-dark {\n /* Background Colors */\n --inapp-ai-bg-primary: #1a1a1a;\n --inapp-ai-bg-secondary: #2d2d2d;\n --inapp-ai-bg-tertiary: #404040;\n\n /* Text Colors */\n --inapp-ai-text-primary: #ffffff;\n --inapp-ai-text-secondary: #cccccc;\n --inapp-ai-text-tertiary: #999999;\n\n /* Border Colors */\n --inapp-ai-border-light: #404040;\n --inapp-ai-border-medium: #555555;\n --inapp-ai-border-dark: #666666;\n\n /* Message Colors */\n --inapp-ai-user-bg: #667eea;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #2d2d2d;\n --inapp-ai-assistant-text: #ffffff;\n\n /* Input Colors */\n --inapp-ai-input-bg: #2d2d2d;\n --inapp-ai-input-border: #404040;\n --inapp-ai-input-text: #ffffff;\n --inapp-ai-input-placeholder: #999999;\n\n /* Shadow */\n --inapp-ai-shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);\n --inapp-ai-shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);\n --inapp-ai-shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);\n}\n\n/* =====================================================\n PROFESSIONAL THEME\n ===================================================== */\n\n.inapp-ai-theme-professional {\n /* Primary Colors - Corporate Blue */\n --inapp-ai-primary: #0052cc;\n --inapp-ai-primary-dark: #003d99;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #0052cc 0%, #003d99 100%);\n\n /* Background Colors - Clean whites and grays */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #f7f8f9;\n --inapp-ai-bg-tertiary: #ebecf0;\n\n /* Text Colors - Professional gray tones */\n --inapp-ai-text-primary: #172b4d;\n --inapp-ai-text-secondary: #5e6c84;\n --inapp-ai-text-tertiary: #8993a4;\n\n /* Message Colors */\n --inapp-ai-user-bg: #0052cc;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #f7f8f9;\n --inapp-ai-assistant-text: #172b4d;\n\n /* Borders */\n --inapp-ai-border-light: #dfe1e6;\n --inapp-ai-border-medium: #c1c7d0;\n --inapp-ai-border-radius: 8px;\n}\n\n/* =====================================================\n PLAYFUL THEME\n ===================================================== */\n\n.inapp-ai-theme-playful {\n /* Primary Colors - Vibrant gradient */\n --inapp-ai-primary: #ff6b6b;\n --inapp-ai-primary-dark: #ee5a6f;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b6b 0%, #f06595 50%, #cc5de8 100%);\n\n /* Background Colors - Soft pastels */\n --inapp-ai-bg-primary: #fff5f7;\n --inapp-ai-bg-secondary: #ffe3e3;\n --inapp-ai-bg-tertiary: #ffd4e5;\n\n /* Text Colors - Warm tones */\n --inapp-ai-text-primary: #2d0b3d;\n --inapp-ai-text-secondary: #5a1e72;\n --inapp-ai-text-tertiary: #8b4896;\n\n /* Message Colors */\n --inapp-ai-user-bg: linear-gradient(135deg, #ff6b6b 0%, #f06595 100%);\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #ffe3e3;\n --inapp-ai-assistant-text: #2d0b3d;\n\n /* Borders - Softer, rounder */\n --inapp-ai-border-radius: 20px;\n --inapp-ai-border-radius-lg: 24px;\n --inapp-ai-border-light: #ffc6d9;\n}\n\n/* =====================================================\n MINIMAL THEME\n ===================================================== */\n\n.inapp-ai-theme-minimal {\n /* Primary Colors - Monochrome */\n --inapp-ai-primary: #000000;\n --inapp-ai-primary-dark: #1a1a1a;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #000000 0%, #333333 100%);\n\n /* Background Colors - Pure whites and grays */\n --inapp-ai-bg-primary: #ffffff;\n --inapp-ai-bg-secondary: #fafafa;\n --inapp-ai-bg-tertiary: #f5f5f5;\n\n /* Text Colors - Black and grays */\n --inapp-ai-text-primary: #000000;\n --inapp-ai-text-secondary: #333333;\n --inapp-ai-text-tertiary: #666666;\n\n /* Message Colors */\n --inapp-ai-user-bg: #000000;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #fafafa;\n --inapp-ai-assistant-text: #000000;\n\n /* Borders - Sharp, clean */\n --inapp-ai-border-light: #e0e0e0;\n --inapp-ai-border-medium: #cccccc;\n --inapp-ai-border-radius: 4px;\n --inapp-ai-border-radius-sm: 2px;\n --inapp-ai-border-radius-lg: 6px;\n\n /* Shadows - Subtle */\n --inapp-ai-shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);\n --inapp-ai-shadow-md: 0 2px 6px rgba(0, 0, 0, 0.1);\n --inapp-ai-shadow-lg: 0 4px 12px rgba(0, 0, 0, 0.12);\n}\n\n/* =====================================================\n OCEAN THEME\n ===================================================== */\n\n.inapp-ai-theme-ocean {\n /* Primary Colors - Deep ocean blues */\n --inapp-ai-primary: #0077be;\n --inapp-ai-primary-dark: #005a8d;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #0077be 0%, #0096d6 100%);\n\n /* Background Colors - Water-inspired */\n --inapp-ai-bg-primary: #f0f8ff;\n --inapp-ai-bg-secondary: #e6f3ff;\n --inapp-ai-bg-tertiary: #cce7ff;\n\n /* Text Colors */\n --inapp-ai-text-primary: #003d5c;\n --inapp-ai-text-secondary: #005a8d;\n --inapp-ai-text-tertiary: #0077be;\n\n /* Message Colors */\n --inapp-ai-user-bg: #0077be;\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #e6f3ff;\n --inapp-ai-assistant-text: #003d5c;\n}\n\n/* =====================================================\n SUNSET THEME\n ===================================================== */\n\n.inapp-ai-theme-sunset {\n /* Primary Colors - Warm sunset colors */\n --inapp-ai-primary: #ff6b35;\n --inapp-ai-primary-dark: #f7931e;\n --inapp-ai-primary-gradient: linear-gradient(135deg, #ff6b35 0%, #f7931e 50%, #ffc947 100%);\n\n /* Background Colors - Warm tones */\n --inapp-ai-bg-primary: #fff8f3;\n --inapp-ai-bg-secondary: #ffe8d6;\n --inapp-ai-bg-tertiary: #ffd4b8;\n\n /* Text Colors */\n --inapp-ai-text-primary: #5c2400;\n --inapp-ai-text-secondary: #8b3a00;\n --inapp-ai-text-tertiary: #b85000;\n\n /* Message Colors */\n --inapp-ai-user-bg: linear-gradient(135deg, #ff6b35 0%, #f7931e 100%);\n --inapp-ai-user-text: #ffffff;\n --inapp-ai-assistant-bg: #ffe8d6;\n --inapp-ai-assistant-text: #5c2400;\n}\n","/* InAppAI Enhanced Component Styles - Popup + Sidebar Support */\n\n/* ===== ACCESSIBILITY ===== */\n.sr-only {\n position: absolute;\n width: 1px;\n height: 1px;\n padding: 0;\n margin: -1px;\n overflow: hidden;\n clip: rect(0, 0, 0, 0);\n white-space: nowrap;\n border-width: 0;\n}\n\n/* ===== COMMON STYLES ===== */\n.inapp-ai-button {\n position: fixed;\n width: 60px;\n height: 60px;\n border-radius: 50%;\n border: none;\n background: var(--inapp-ai-button-bg);\n color: var(--inapp-ai-button-text);\n font-size: 24px;\n cursor: pointer;\n box-shadow: var(--inapp-ai-shadow-md);\n transition: var(--inapp-ai-transition);\n z-index: 10001;\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.inapp-ai-button:hover {\n transform: scale(var(--inapp-ai-button-hover-scale));\n box-shadow: var(--inapp-ai-shadow-lg);\n}\n\n.inapp-ai-button:active {\n transform: scale(0.95);\n}\n\n.inapp-ai-offline-indicator {\n position: absolute;\n top: 8px;\n right: 8px;\n width: 12px;\n height: 12px;\n background: #dc3545;\n border-radius: 50%;\n border: 2px solid white;\n}\n\n/* ===== POSITION CLASSES FOR POPUP ===== */\n.inapp-ai-bottom-right {\n bottom: 20px;\n right: 20px;\n}\n\n.inapp-ai-bottom-left {\n bottom: 20px;\n left: 20px;\n}\n\n.inapp-ai-top-right {\n top: 20px;\n right: 20px;\n}\n\n.inapp-ai-top-left {\n top: 20px;\n left: 20px;\n}\n\n/* ===== CHAT WINDOW BASE ===== */\n.inapp-ai-window {\n position: fixed;\n background: var(--inapp-ai-bg-primary);\n box-shadow: var(--inapp-ai-shadow-lg);\n display: flex;\n flex-direction: column;\n z-index: 10000;\n transition: var(--inapp-ai-transition);\n}\n\n/* ===== POPUP MODE ===== */\n.inapp-ai-popup {\n width: 380px;\n max-width: calc(100vw - 40px);\n height: 600px;\n max-height: calc(100vh - 100px);\n border-radius: var(--inapp-ai-border-radius-lg);\n animation: slideUp 0.3s ease-out;\n}\n\n.inapp-ai-popup.inapp-ai-bottom-right {\n bottom: 100px;\n right: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-bottom-left {\n bottom: 100px;\n left: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-top-right {\n top: 100px;\n right: 20px;\n}\n\n.inapp-ai-popup.inapp-ai-top-left {\n top: 100px;\n left: 20px;\n}\n\n@keyframes slideUp {\n from {\n opacity: 0;\n transform: translateY(20px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n/* ===== EMBEDDED MODE ===== */\n.inapp-ai-window.inapp-ai-embedded {\n position: relative;\n width: 100%;\n height: 100%;\n min-height: 0; /* Important for flex container */\n border-radius: var(--inapp-ai-border-radius);\n box-shadow: none;\n z-index: auto;\n display: flex;\n flex-direction: column;\n overflow: hidden; /* Prevent content from escaping */\n}\n\n.inapp-ai-embedded .inapp-ai-messages {\n flex: 1 1 0; /* Explicit flex-basis 0 for proper sizing */\n min-height: 0; /* Important for flex scrolling */\n overflow-y: auto;\n}\n\n.inapp-ai-embedded .inapp-ai-input-area {\n flex: 0 0 auto; /* Never grow or shrink, use auto height */\n border-top: 1px solid var(--inapp-ai-border-color);\n}\n\n/* ===== SIDEBAR MODE ===== */\n.inapp-ai-sidebar {\n top: 30px;\n height: calc(100vh - 60px);\n width: 400px;\n max-width: 100vw;\n border-radius: 0;\n animation: slideIn 0.3s ease-out;\n}\n\n.inapp-ai-sidebar-left {\n left: 0;\n border-right: 1px solid var(--inapp-ai-border-light);\n box-shadow: 8px 0 32px rgba(0, 0, 0, 0.12);\n}\n\n.inapp-ai-sidebar-right {\n right: 0;\n border-left: 1px solid var(--inapp-ai-border-light);\n box-shadow: -8px 0 32px rgba(0, 0, 0, 0.12);\n}\n\n/* Folded Sidebar */\n.inapp-ai-sidebar.inapp-ai-folded {\n width: 60px;\n}\n\n@keyframes slideIn {\n from {\n opacity: 0;\n transform: translateX(-20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n.inapp-ai-sidebar-right:not(.inapp-ai-folded) {\n animation-name: slideInRight;\n}\n\n@keyframes slideInRight {\n from {\n opacity: 0;\n transform: translateX(20px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n}\n\n/* ===== FOLD/UNFOLD TOGGLE ===== */\n.inapp-ai-fold-toggle {\n position: absolute;\n top: 50%;\n transform: translateY(-50%);\n width: 32px;\n height: 64px;\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n border: none;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n z-index: 10;\n transition: var(--inapp-ai-transition-fast);\n box-shadow: var(--inapp-ai-shadow-sm);\n}\n\n.inapp-ai-sidebar-left .inapp-ai-fold-toggle {\n right: -16px;\n border-radius: 0 var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius-sm) 0;\n}\n\n.inapp-ai-sidebar-right .inapp-ai-fold-toggle {\n left: -16px;\n border-radius: var(--inapp-ai-border-radius-sm) 0 0 var(--inapp-ai-border-radius-sm);\n}\n\n.inapp-ai-fold-toggle:hover {\n background: var(--inapp-ai-primary-dark);\n transform: translateY(-50%) scale(1.05);\n}\n\n.inapp-ai-fold-toggle:active {\n transform: translateY(-50%) scale(0.95);\n}\n\n/* ===== FOLDED CONTENT ===== */\n.inapp-ai-folded-content {\n display: flex;\n flex-direction: column;\n align-items: center;\n padding: 20px 0;\n height: 100%;\n gap: 16px;\n}\n\n.inapp-ai-folded-icon {\n font-size: 32px;\n margin-top: 20px;\n animation: pulse 2s infinite;\n}\n\n.inapp-ai-folded-text {\n display: none;\n}\n\n.inapp-ai-message-count {\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n width: 24px;\n height: 24px;\n border-radius: 50%;\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 12px;\n font-weight: 600;\n margin-top: 8px;\n animation: bounce 0.5s ease-out;\n}\n\n@keyframes bounce {\n 0%, 100% { transform: scale(1); }\n 50% { transform: scale(1.2); }\n}\n\n/* ===== PANEL MODE ===== */\n.inapp-ai-panel {\n position: relative;\n top: 0;\n height: 100vh;\n min-height: 100vh;\n max-height: 100vh;\n border-radius: 0;\n box-shadow: none;\n display: flex;\n flex-direction: column;\n}\n\n.inapp-ai-panel-left {\n left: 0;\n border-right: 1px solid var(--inapp-ai-border-light);\n}\n\n.inapp-ai-panel-right {\n right: 0;\n border-left: 1px solid var(--inapp-ai-border-light);\n}\n\n/* Panel Resize Handle */\n.inapp-ai-resize-handle {\n position: absolute;\n top: 0;\n width: 6px;\n height: 100%;\n background: transparent;\n cursor: col-resize;\n z-index: 11;\n transition: background 0.2s;\n}\n\n.inapp-ai-resize-handle:hover {\n background: rgba(102, 126, 234, 0.3);\n}\n\n.inapp-ai-resize-handle:active {\n background: rgba(102, 126, 234, 0.5);\n}\n\n.inapp-ai-resize-handle-right {\n right: 0;\n border-right: 2px solid transparent;\n}\n\n.inapp-ai-resize-handle-left {\n left: 0;\n border-left: 2px solid transparent;\n}\n\n.inapp-ai-resize-handle-right:hover,\n.inapp-ai-resize-handle-right:active {\n border-right-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-resize-handle-left:hover,\n.inapp-ai-resize-handle-left:active {\n border-left-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-panel .inapp-ai-header {\n border-radius: 0;\n}\n\n/* Folded Panel */\n.inapp-ai-panel.inapp-ai-folded {\n width: 60px;\n min-width: 60px;\n max-width: 60px;\n}\n\n/* ===== THEME - DARK ===== */\n.inapp-ai-window.inapp-ai-theme-dark {\n background: #1e1e1e;\n color: #ffffff;\n}\n\n.inapp-ai-sidebar-left.inapp-ai-theme-dark {\n border-right-color: #2d2d2d;\n}\n\n.inapp-ai-sidebar-right.inapp-ai-theme-dark {\n border-left-color: #2d2d2d;\n}\n\n/* ===== HEADER ===== */\n.inapp-ai-header {\n padding: 20px;\n background: var(--inapp-ai-primary-gradient);\n color: var(--inapp-ai-text-inverse);\n border-radius: var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg) 0 0;\n display: flex;\n justify-content: space-between;\n align-items: center;\n flex-shrink: 0;\n}\n\n.inapp-ai-sidebar .inapp-ai-header {\n border-radius: 0;\n}\n\n.inapp-ai-header-title {\n display: flex;\n align-items: center;\n gap: 12px;\n}\n\n.inapp-ai-header-icon {\n font-size: 32px;\n}\n\n.inapp-ai-header h3 {\n margin: 0;\n font-size: 18px;\n font-weight: 600;\n}\n\n.inapp-ai-header p {\n margin: 4px 0 0 0;\n font-size: 12px;\n opacity: 0.9;\n}\n\n.inapp-ai-status-connected,\n.inapp-ai-status-disconnected {\n display: flex;\n align-items: center;\n gap: 6px;\n}\n\n.inapp-ai-status-dot {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #28a745;\n animation: pulse 2s infinite;\n}\n\n.inapp-ai-status-disconnected .inapp-ai-status-dot {\n background: #dc3545;\n}\n\n@keyframes pulse {\n 0%, 100% { opacity: 1; }\n 50% { opacity: 0.5; }\n}\n\n.inapp-ai-close-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 18px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s;\n}\n\n.inapp-ai-close-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* Header Fold Button (for sidebars and panels) */\n.inapp-ai-header-fold-btn {\n background: rgba(255, 255, 255, 0.2);\n border: none;\n color: white;\n width: 32px;\n height: 32px;\n border-radius: 8px;\n cursor: pointer;\n font-size: 16px;\n display: flex;\n align-items: center;\n justify-content: center;\n transition: background 0.2s;\n}\n\n.inapp-ai-header-fold-btn:hover {\n background: rgba(255, 255, 255, 0.3);\n}\n\n/* ===== ERROR BANNER ===== */\n.inapp-ai-error-banner {\n padding: 12px 20px;\n background: #fff3cd;\n color: #856404;\n display: flex;\n align-items: center;\n gap: 10px;\n font-size: 14px;\n border-bottom: 1px solid #ffeeba;\n flex-shrink: 0;\n}\n\n.inapp-ai-error-banner button {\n margin-left: auto;\n background: none;\n border: none;\n color: #856404;\n cursor: pointer;\n padding: 4px 8px;\n}\n\n/* ===== MESSAGES AREA ===== */\n.inapp-ai-messages {\n flex: 1;\n overflow-y: auto;\n padding: 20px;\n display: flex;\n flex-direction: column;\n gap: 16px;\n min-height: 0; /* Important for flex scrolling */\n}\n\n.inapp-ai-messages::-webkit-scrollbar {\n width: 8px;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-track {\n background: #f1f1f1;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-thumb {\n background: #c1c1c1;\n border-radius: 4px;\n}\n\n.inapp-ai-messages::-webkit-scrollbar-thumb:hover {\n background: #a1a1a1;\n}\n\n/* Empty State */\n.inapp-ai-empty-state {\n display: flex;\n flex-direction: column;\n align-items: center;\n justify-content: center;\n height: 100%;\n text-align: center;\n color: #6c757d;\n padding: 40px;\n}\n\n.inapp-ai-empty-icon {\n font-size: 48px;\n margin-bottom: 16px;\n}\n\n.inapp-ai-empty-state h4 {\n margin: 0 0 8px 0;\n font-size: 18px;\n color: #495057;\n}\n\n.inapp-ai-empty-state p {\n margin: 0;\n font-size: 14px;\n}\n\n/* Message */\n.inapp-ai-message {\n display: flex;\n gap: 12px;\n animation: messageSlideIn 0.3s ease-out;\n}\n\n@keyframes messageSlideIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n}\n\n.inapp-ai-message-user {\n flex-direction: row-reverse;\n}\n\n.inapp-ai-message-icon {\n width: 36px;\n height: 36px;\n border-radius: 50%;\n background: var(--inapp-ai-bg-secondary);\n display: flex;\n align-items: center;\n justify-content: center;\n font-size: 20px;\n flex-shrink: 0;\n}\n\n.inapp-ai-message-user .inapp-ai-message-icon {\n background: var(--inapp-ai-primary-gradient);\n}\n\n.inapp-ai-message-assistant .inapp-ai-message-icon {\n background: var(--inapp-ai-primary-gradient);\n}\n\n.inapp-ai-message-content {\n flex: 1;\n min-width: 0;\n}\n\n.inapp-ai-message-text {\n background: var(--inapp-ai-assistant-bg);\n color: var(--inapp-ai-assistant-text);\n padding: 12px 16px;\n border-radius: var(--inapp-ai-border-radius);\n line-height: 1.5;\n font-size: 14px;\n word-wrap: break-word;\n}\n\n.inapp-ai-message-user .inapp-ai-message-text {\n background: var(--inapp-ai-user-bg);\n color: var(--inapp-ai-user-text);\n border-radius: var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm) var(--inapp-ai-border-radius);\n}\n\n.inapp-ai-message-assistant .inapp-ai-message-text {\n border-radius: var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius) var(--inapp-ai-border-radius-sm);\n}\n\n/* Markdown Styling */\n.inapp-ai-message-text p {\n margin: 0 0 8px 0;\n}\n\n.inapp-ai-message-text p:last-child {\n margin-bottom: 0;\n}\n\n.inapp-ai-message-text h1,\n.inapp-ai-message-text h2,\n.inapp-ai-message-text h3,\n.inapp-ai-message-text h4 {\n margin: 12px 0 8px 0;\n font-weight: 600;\n}\n\n.inapp-ai-message-text h1:first-child,\n.inapp-ai-message-text h2:first-child,\n.inapp-ai-message-text h3:first-child,\n.inapp-ai-message-text h4:first-child {\n margin-top: 0;\n}\n\n.inapp-ai-message-text h1 { font-size: 18px; }\n.inapp-ai-message-text h2 { font-size: 16px; }\n.inapp-ai-message-text h3 { font-size: 15px; }\n.inapp-ai-message-text h4 { font-size: 14px; }\n\n.inapp-ai-message-text ul,\n.inapp-ai-message-text ol {\n margin: 8px 0;\n padding-left: 24px;\n}\n\n.inapp-ai-message-text li {\n margin: 4px 0;\n}\n\n.inapp-ai-message-text code {\n background: rgba(0, 0, 0, 0.05);\n padding: 2px 6px;\n border-radius: 4px;\n font-family: 'Monaco', 'Menlo', 'Courier New', monospace;\n font-size: 13px;\n}\n\n.inapp-ai-message-text pre {\n background: rgba(0, 0, 0, 0.05);\n padding: 12px;\n border-radius: 8px;\n overflow-x: auto;\n margin: 8px 0;\n}\n\n.inapp-ai-message-text pre code {\n background: none;\n padding: 0;\n}\n\n.inapp-ai-message-text blockquote {\n border-left: 3px solid var(--inapp-ai-primary);\n padding-left: 12px;\n margin: 8px 0;\n color: var(--inapp-ai-text-secondary);\n}\n\n.inapp-ai-message-text a {\n color: var(--inapp-ai-primary);\n text-decoration: none;\n}\n\n.inapp-ai-message-text a:hover {\n text-decoration: underline;\n}\n\n.inapp-ai-message-text strong { font-weight: 600; }\n.inapp-ai-message-text em { font-style: italic; }\n\n.inapp-ai-message-text hr {\n border: none;\n border-top: 1px solid #dee2e6;\n margin: 12px 0;\n}\n\n.inapp-ai-message-text table {\n border-collapse: collapse;\n width: 100%;\n margin: 8px 0;\n}\n\n.inapp-ai-message-text th,\n.inapp-ai-message-text td {\n border: 1px solid #dee2e6;\n padding: 6px 12px;\n text-align: left;\n}\n\n.inapp-ai-message-text th {\n background: rgba(0, 0, 0, 0.03);\n font-weight: 600;\n}\n\n.inapp-ai-message-time {\n font-size: 11px;\n color: #6c757d;\n margin-top: 4px;\n padding: 0 4px;\n}\n\n.inapp-ai-message-tokens {\n opacity: 0.7;\n}\n\n/* Typing Indicator */\n.inapp-ai-typing-indicator {\n display: flex;\n gap: 4px;\n padding: 12px 16px;\n background: #f8f9fa;\n border-radius: 12px;\n width: fit-content;\n}\n\n.inapp-ai-typing-indicator span {\n width: 8px;\n height: 8px;\n border-radius: 50%;\n background: #6c757d;\n animation: typing 1.4s infinite;\n}\n\n.inapp-ai-typing-indicator span:nth-child(2) { animation-delay: 0.2s; }\n.inapp-ai-typing-indicator span:nth-child(3) { animation-delay: 0.4s; }\n\n@keyframes typing {\n 0%, 60%, 100% {\n transform: translateY(0);\n opacity: 0.7;\n }\n 30% {\n transform: translateY(-10px);\n opacity: 1;\n }\n}\n\n/* ===== INPUT AREA ===== */\n.inapp-ai-input-area {\n padding: 16px 20px;\n border-top: 1px solid var(--inapp-ai-border-light);\n background: var(--inapp-ai-bg-primary);\n border-radius: 0 0 var(--inapp-ai-border-radius-lg) var(--inapp-ai-border-radius-lg);\n flex-shrink: 0;\n}\n\n.inapp-ai-sidebar .inapp-ai-input-area {\n border-radius: 0;\n}\n\n.inapp-ai-panel .inapp-ai-input-area {\n border-radius: 0;\n padding: 12px 20px 8px 20px;\n}\n\n.inapp-ai-clear-btn {\n width: 100%;\n padding: 8px 12px;\n background: var(--inapp-ai-bg-secondary);\n border: none;\n border-radius: var(--inapp-ai-border-radius-sm);\n font-size: 13px;\n color: var(--inapp-ai-text-secondary);\n cursor: pointer;\n margin-bottom: 12px;\n transition: var(--inapp-ai-transition-fast);\n}\n\n.inapp-ai-clear-btn:hover:not(:disabled) {\n background: var(--inapp-ai-bg-tertiary);\n}\n\n.inapp-ai-clear-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n.inapp-ai-input-wrapper {\n display: flex;\n gap: 8px;\n}\n\n.inapp-ai-input {\n flex: 1;\n padding: 12px 16px;\n border: 2px solid var(--inapp-ai-input-border);\n background: var(--inapp-ai-input-bg);\n color: var(--inapp-ai-input-text);\n border-radius: var(--inapp-ai-border-radius);\n font-size: 14px;\n font-family: inherit;\n outline: none;\n transition: var(--inapp-ai-transition-fast);\n}\n\n.inapp-ai-input::placeholder {\n color: var(--inapp-ai-input-placeholder);\n}\n\n.inapp-ai-input:focus {\n border-color: var(--inapp-ai-primary);\n}\n\n.inapp-ai-input:disabled {\n background: var(--inapp-ai-bg-secondary);\n cursor: not-allowed;\n}\n\n.inapp-ai-send-btn {\n width: 44px;\n height: 44px;\n border: none;\n background: var(--inapp-ai-button-bg);\n color: var(--inapp-ai-button-text);\n border-radius: var(--inapp-ai-border-radius);\n font-size: 18px;\n cursor: pointer;\n transition: var(--inapp-ai-transition-fast);\n display: flex;\n align-items: center;\n justify-content: center;\n}\n\n.inapp-ai-send-btn:hover:not(:disabled) {\n transform: translateY(-2px);\n box-shadow: var(--inapp-ai-shadow-md);\n}\n\n.inapp-ai-send-btn:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n}\n\n/* ===== DARK THEME ADJUSTMENTS ===== */\n.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-track {\n background: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-messages::-webkit-scrollbar-thumb {\n background: #555;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text {\n background: #2d2d2d;\n color: #ffffff;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text code {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text pre {\n background: rgba(255, 255, 255, 0.1);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text blockquote {\n color: #aaa;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text th,\n.inapp-ai-theme-dark .inapp-ai-message-text td {\n border-color: #3e3e3e;\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text th {\n background: rgba(255, 255, 255, 0.05);\n}\n\n.inapp-ai-theme-dark .inapp-ai-message-text hr {\n border-top-color: #3e3e3e;\n}\n\n.inapp-ai-theme-dark .inapp-ai-input-area {\n background: #1e1e1e;\n border-top-color: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-input {\n background: #2d2d2d;\n border-color: #3e3e3e;\n color: #ffffff;\n}\n\n.inapp-ai-theme-dark .inapp-ai-clear-btn {\n background: #2d2d2d;\n color: #a0a0a0;\n}\n\n.inapp-ai-theme-dark .inapp-ai-typing-indicator {\n background: #2d2d2d;\n}\n\n.inapp-ai-theme-dark .inapp-ai-folded-text {\n color: #667eea;\n}\n\n/* ===== RESPONSIVE ===== */\n@media (max-width: 768px) {\n .inapp-ai-sidebar {\n width: 100vw;\n }\n\n .inapp-ai-sidebar.inapp-ai-folded {\n width: 50px;\n }\n\n .inapp-ai-popup {\n width: calc(100vw - 40px);\n height: calc(100vh - 140px);\n }\n\n .inapp-ai-button {\n width: 50px;\n height: 50px;\n font-size: 20px;\n }\n}\n\n@media (min-width: 769px) and (max-width: 1024px) {\n .inapp-ai-sidebar {\n width: 350px;\n }\n}\n"],"mappings":"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","names":[]}
|