@copilotz/chat-ui 0.2.1 → 0.3.1
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 +3 -34
- package/dist/index.cjs +1063 -710
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +77 -43
- package/dist/index.d.ts +77 -43
- package/dist/index.js +958 -606
- package/dist/index.js.map +1 -1
- package/dist/styles.css +19 -0
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -31,7 +31,7 @@ Then you need to show tool calls — the library doesn't support that. Streaming
|
|
|
31
31
|
| Input | File upload (drag & drop), audio recording, attachment previews |
|
|
32
32
|
| Threads | Sidebar with search, archive, date grouping, rename, delete |
|
|
33
33
|
| User Profile | Dynamic fields, memories (CRUD), agent vs user distinction |
|
|
34
|
-
| Customization | 50+ labels (i18n-ready), feature toggles,
|
|
34
|
+
| Customization | 50+ labels (i18n-ready), feature toggles, theming |
|
|
35
35
|
|
|
36
36
|
**One package. Backend-agnostic. Production-ready.**
|
|
37
37
|
|
|
@@ -142,26 +142,6 @@ const agents = [
|
|
|
142
142
|
|
|
143
143
|
The configuration system lets you customize everything without touching the component internals.
|
|
144
144
|
|
|
145
|
-
### Presets
|
|
146
|
-
|
|
147
|
-
Start with a preset and override what you need:
|
|
148
|
-
|
|
149
|
-
```tsx
|
|
150
|
-
import { ChatUI, chatConfigPresets } from '@copilotz/chat-ui';
|
|
151
|
-
|
|
152
|
-
// Minimal: no threads, no file upload, compact mode
|
|
153
|
-
<ChatUI config={chatConfigPresets.minimal} />
|
|
154
|
-
|
|
155
|
-
// Full: all features enabled, timestamps, word count
|
|
156
|
-
<ChatUI config={chatConfigPresets.full} />
|
|
157
|
-
|
|
158
|
-
// Developer: tool calls visible, timestamps, file upload
|
|
159
|
-
<ChatUI config={chatConfigPresets.developer} />
|
|
160
|
-
|
|
161
|
-
// Customer Support: threads, file upload, no message editing
|
|
162
|
-
<ChatUI config={chatConfigPresets.customer_support} />
|
|
163
|
-
```
|
|
164
|
-
|
|
165
145
|
### Custom Configuration
|
|
166
146
|
|
|
167
147
|
```tsx
|
|
@@ -437,8 +417,7 @@ export { UserMenu } from './components/chat/UserMenu';
|
|
|
437
417
|
export { ChatUserContextProvider, useChatUserContext } from './components/chat/UserContext';
|
|
438
418
|
|
|
439
419
|
// Configuration
|
|
440
|
-
export { defaultChatConfig, mergeConfig
|
|
441
|
-
export { themeUtils, featureFlags, configUtils } from './config/chatConfig';
|
|
420
|
+
export { defaultChatConfig, mergeConfig } from './config/chatConfig';
|
|
442
421
|
|
|
443
422
|
// Types
|
|
444
423
|
export type { ChatMessage, ChatThread, ChatConfig, ChatCallbacks } from './types/chatTypes';
|
|
@@ -460,17 +439,7 @@ import '@copilotz/chat-ui/styles.css';
|
|
|
460
439
|
|
|
461
440
|
### Theming
|
|
462
441
|
|
|
463
|
-
The component respects the `dark` class on your document root. Set theme
|
|
464
|
-
|
|
465
|
-
```tsx
|
|
466
|
-
import { themeUtils } from '@copilotz/chat-ui';
|
|
467
|
-
|
|
468
|
-
// Apply theme
|
|
469
|
-
themeUtils.applyTheme('dark'); // or 'light' or 'auto'
|
|
470
|
-
|
|
471
|
-
// Get system preference
|
|
472
|
-
const systemTheme = themeUtils.getSystemTheme(); // 'light' | 'dark'
|
|
473
|
-
```
|
|
442
|
+
The component respects the `dark` class on your document root. Set `ui.theme` to `'light'`, `'dark'`, or `'auto'` (follows system preference).
|
|
474
443
|
|
|
475
444
|
### CSS Variables
|
|
476
445
|
|