Add a persistent chat overlay accessible from any authenticated view. The overlay wraps the existing Chat component and adds state management, keyboard shortcuts, and responsive design. Features: - Three states: Closed (floating button), Open (full panel), Minimized (header) - Keyboard shortcuts: - Cmd/Ctrl + K: Open chat (when closed) - Escape: Minimize chat (when open) - Cmd/Ctrl + Shift + J: Toggle chat panel - State persistence via localStorage - Responsive design (full-width mobile, sidebar desktop) - PDA-friendly design with calm colors - 32 comprehensive tests (14 hook tests + 18 component tests) Files added: - apps/web/src/hooks/useChatOverlay.ts - apps/web/src/hooks/useChatOverlay.test.ts - apps/web/src/components/chat/ChatOverlay.tsx - apps/web/src/components/chat/ChatOverlay.test.tsx Files modified: - apps/web/src/components/chat/index.ts (added export) - apps/web/src/app/(authenticated)/layout.tsx (integrated overlay) All tests passing (490 tests, 50 test files) All lint checks passing Build succeeds Co-Authored-By: Claude Sonnet 4.5 <[email protected]>
20 lines
649 B
TypeScript
20 lines
649 B
TypeScript
/**
|
|
* Chat Components
|
|
*
|
|
* Migrated from jarvis-fe. These components provide the chat interface
|
|
* for interacting with the AI brain service.
|
|
*
|
|
* Usage:
|
|
* ```tsx
|
|
* import { Chat, MessageList, ChatInput } from '@/components/chat';
|
|
* ```
|
|
*/
|
|
|
|
export { Chat, type ChatRef, type NewConversationData } from "./Chat";
|
|
export { ChatInput } from "./ChatInput";
|
|
export { MessageList } from "./MessageList";
|
|
export { ConversationSidebar, type ConversationSidebarRef } from "./ConversationSidebar";
|
|
export { BackendStatusBanner } from "./BackendStatusBanner";
|
|
export { ChatOverlay } from "./ChatOverlay";
|
|
export type { Message } from "@/hooks/useChat";
|