Spaces:
Running
Running
File size: 1,320 Bytes
794cf6c db9635c 794cf6c bc7e9cd db9635c bc9b59d db9635c 794cf6c 3342a1d 794cf6c bc7e9cd db9635c bc7e9cd db9635c bc7e9cd db9635c |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 |
# Chat Context
AI chat interface with enhanced contrast dark theme and dopamine-driven micro-interactions.
## Components
- `ChatPanel.svelte` - Main container with auth handling
- `MessageList.svelte` - Message container with animated typing indicators
- `Message.svelte` - Message wrapper with coordinated entrance animations
- `MessageContent.svelte` - Content normalizer and router with segment-level filtering
- `TextRenderer.svelte` - Progressive text reveal with streaming-aware tool call filtering
- `MessageInput.svelte` - Input with charge-up animations and success feedback
- `ExampleMessages.svelte` - Model limitations warning when chat is empty
- `ExampleRow.svelte` - Responsive example prompts above input
- `segments/ToolBlock.svelte` - Tool execution with icons, colors, and progress bars
- `segments/TodoSegment.svelte` - Task tracker with progress bar and milestone celebrations
## Architecture
Clean MVC separation:
- **Model**: Chat store with state management
- **View**: Component hierarchy with GSAP animations
- **Controller**: WebSocket handling with agent communication
## Design
- Tool-specific icons and color coding for visual hierarchy
- Progress indicators with anticipation curves
- Success celebrations through subtle animations
- Consistent feedback loops for all interactions
|