Files
stack/apps/web/src/components/chat/index.ts
T
jason.woltjeandClaude Sonnet 4.5 0669c7cb77 feat(#42): Implement persistent Jarvis chat overlay
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]>
2026-02-03 20:24:41 -06:00

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";