@kite-copilot/chat-panel 0.2.48 → 0.2.50

package/README.md

@@ -52,6 +52,12 @@ const chat = createKiteChat({
   // Optional: Pass user info for session tracking in control center
   userName: 'John Doe',
   userEmail: 'john@example.com',
+  // Optional: Provide authentication headers for API requests
+  getAuthHeaders: async () => {
+    return {
+      Authorization: `Bearer ${await getCurrentToken()}`
+    };
+  },
   onNavigate: (page, subtab) => {
     router.push(`/${page}${subtab ? `?tab=${subtab}` : ''}`);
   },
@@ -320,6 +326,7 @@ Creates a new chat instance with explicit lifecycle control.
 | `theme` | `'light' \| 'dark' \| 'system'` | No | Theme preference |
 | `startingQuestions` | `StartingQuestion[]` | No | Custom starting questions |
 | `startingQuestionsEndpoint` | `string` | No | URL to fetch per-user questions |
+| `getAuthHeaders` | `() => Promise<Record<string, string>>` | No | Async function to provide auth headers |
 | `onNavigate` | `(page: string, subtab?: string) => void` | No | Navigation callback |
 | `onActionComplete` | `(actionType: string, data: any) => void` | No | Action completion callback |
 
@@ -360,6 +367,7 @@ import { ChatPanelWithToggle } from '@kite-copilot/chat-panel';
 | `onOpenChange` | `(isOpen: boolean) => void` | - | Called when open state changes |
 | `startingQuestions` | `StartingQuestion[]` | - | Custom starting questions |
 | `startingQuestionsEndpoint` | `string` | - | URL to fetch questions |
+| `getAuthHeaders` | `() => Promise<Record<string, string>>` | - | Async function to provide auth headers |
 | `onNavigate` | `(page, subtab?) => void` | - | Navigation callback |
 | `onActionComplete` | `(type, data) => void` | - | Action completion callback |
 
@@ -548,6 +556,36 @@ If upgrading from a previous version with overlay/floating panel:
 <ChatPanelWithToggle />
 ```
 
+## Local Development with Test Page
+
+To test the embed script locally using the included test page:
+
+1. **Install dependencies:**
+   ```bash
+   npm install
+   ```
+
+2. **Build the embed script:**
+   ```bash
+   npm run build
+   ```
+
+3. **Serve the test page:**
+   ```bash
+   npx serve .
+   ```
+
+4. **Open in browser:**
+   Navigate to `http://localhost:3000/test/test-embed.html`
+
+The test page (`test/test-embed.html`) provides:
+- Interactive controls to open/close/toggle the panel
+- Page context switching buttons
+- Backend URL toggle (localhost vs production)
+- Event logging for navigation and action callbacks
+
+**Note:** Make sure your backend agent is running on `http://localhost:5002` (or toggle to production in the test page).
+
 ## License
 
 MIT © Kite