@kite-copilot/chat-panel 0.1.0 → 0.1.1

package/README.md

@@ -1,4 +1,4 @@
-# @kite/chat-panel
+# @kite-copilot/chat-panel
 
 An AI-powered chat panel component for React applications. This package provides a floating chat interface that can integrate with any AI backend agent to provide intelligent assistance to users.
 
@@ -14,11 +14,11 @@ An AI-powered chat panel component for React applications. This package provides
 ## Installation
 
 ```bash
-npm install @kite/chat-panel
+npm install @kite-copilot/chat-panel
 # or
-yarn add @kite/chat-panel
+yarn add @kite-copilot/chat-panel
 # or
-pnpm add @kite/chat-panel
+pnpm add @kite-copilot/chat-panel
 ```
 
 ### Peer Dependencies
@@ -34,8 +34,8 @@ npm install react react-dom lucide-react
 ### Basic Usage
 
 ```tsx
-import { ChatPanel, ChatPanelProvider } from '@kite/chat-panel'
-import '@kite/chat-panel/styles.css'
+import { ChatPanel, ChatPanelProvider } from '@kite-copilot/chat-panel'
+import '@kite-copilot/chat-panel/styles.css'
 
 function App() {
   // Get the current user from your authentication system
@@ -53,8 +53,8 @@ function App() {
 ### With Navigation Integration
 
 ```tsx
-import { ChatPanel, ChatPanelProvider } from '@kite/chat-panel'
-import '@kite/chat-panel/styles.css'
+import { ChatPanel, ChatPanelProvider } from '@kite-copilot/chat-panel'
+import '@kite-copilot/chat-panel/styles.css'
 import { useRouter } from 'next/navigation'
 
 function App() {
@@ -235,7 +235,7 @@ const customFolders = [
 Import the CSS file in your app:
 
 ```tsx
-import '@kite/chat-panel/styles.css'
+import '@kite-copilot/chat-panel/styles.css'
 ```
 
 ### With Tailwind CSS
@@ -247,7 +247,7 @@ If you're using Tailwind, extend your config with our preset:
 module.exports = {
   content: [
     // ... your paths
-    './node_modules/@kite/chat-panel/dist/**/*.{js,mjs}'
+    './node_modules/@kite-copilot/chat-panel/dist/**/*.{js,mjs}'
   ],
   theme: {
     extend: {
@@ -294,7 +294,7 @@ import type {
   Message,
   GuideWithSteps,
   Folder,
-} from '@kite/chat-panel'
+} from '@kite-copilot/chat-panel'
 ```
 
 ## Events
@@ -318,7 +318,7 @@ window.addEventListener('agentActionComplete', (e) => {
 // app/providers.tsx
 'use client'
 
-import { ChatPanelProvider } from '@kite/chat-panel'
+import { ChatPanelProvider } from '@kite-copilot/chat-panel'
 import { useAuth } from './auth' // Your auth provider
 
 export function Providers({ children }) {
@@ -338,7 +338,7 @@ export function Providers({ children }) {
 
 // app/layout.tsx
 import { Providers } from './providers'
-import '@kite/chat-panel/styles.css'
+import '@kite-copilot/chat-panel/styles.css'
 
 export default function RootLayout({ children }) {
   return (
@@ -353,7 +353,7 @@ export default function RootLayout({ children }) {
 // app/page.tsx
 'use client'
 
-import { ChatPanel } from '@kite/chat-panel'
+import { ChatPanel } from '@kite-copilot/chat-panel'
 
 export default function Page() {
   return (
@@ -369,8 +369,8 @@ export default function Page() {
 
 ```tsx
 import { BrowserRouter, useLocation, useNavigate } from 'react-router-dom'
-import { ChatPanel, ChatPanelProvider } from '@kite/chat-panel'
-import '@kite/chat-panel/styles.css'
+import { ChatPanel, ChatPanelProvider } from '@kite-copilot/chat-panel'
+import '@kite-copilot/chat-panel/styles.css'
 import { useAuth } from './auth' // Your auth provider
 
 function ChatPanelWithRouter() {