-
Notifications
You must be signed in to change notification settings - Fork 8.3k
Pr3 chat input #11310
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
base: pr2-bis-chat-messages
Are you sure you want to change the base?
Pr3 chat input #11310
Conversation
- Add chat input component - Add text area wrapper with auto-resize - Add input wrapper component - Add button send wrapper - Add no-input component - Add audio button component - Add file preview component - Add upload file button - Add auto-resize text area hook - Add audio recording hook - Add drag and drop hook - Update textarea UI component - Update IOModal input wrapper - Update constants for chat input
- Add file preview display component - Add file utilities - Add animated close component - Add simple sidebar component - Update sliding container with container queries support - Update FlowPage components - Update styles and Tailwind config - Add chat types - Add component types - Add utility store types - Add utility store - Update package dependencies
…hat optional with proper typing
…hinking timing, use optional chaining)
…hinking timing, use optional chaining)
… fix thinking timing, use optional chaining)
…evious scrollHeight
…evious scrollHeight
…px threshold" This reverts commit ec3ed63.
…px threshold" This reverts commit 93637ae.
- Extract streaming logic to useStreamingMessage hook matching IOModal behavior - Fix thinking/thought message display to use isBuilding directly from store - Remove typing animation logic from bot messages - Fix textarea resize to prevent growing on every keystroke with 10px threshold - Fix ContentBlockDisplay truncate styling for tool titles - Remove markdown bold syntax (**) from tool titles - Fix ContentDisplay type error
- Extract streaming logic to useStreamingMessage hook matching IOModal behavior - Fix thinking/thought message display to use isBuilding directly from store - Remove typing animation logic from bot messages - Fix textarea resize to prevent growing on every keystroke with 10px threshold - Fix ContentBlockDisplay truncate styling for tool titles - Remove markdown bold syntax (**) from tool titles - Fix ContentDisplay type error
- Extract duration tracking logic to use-message-duration hook - Consolidate format utilities (formatTime, formatSeconds, formatToolTitle, formatFileName) into single format.ts file - Merge content block utilities (getContentBlockState, getContentBlockLoadingState) into content-blocks.ts - Move component-specific logic (hasTools, shouldShowAvatar, shouldShowContentBlocks) back into components - Move errorMarkdownComponents into error-message.tsx component - Simplify error-message.tsx by extracting sub-components - Add Indicator icon for error messages - Update all imports to use consolidated utilities
- Copy refactored chat-messages components from pr4 - Add new hooks: use-message-duration, use-tool-durations - Add consolidated utilities: format.ts, content-blocks.ts, extract-error-message.ts - Add Indicator icon for error messages - Update ContentBlockDisplay to use new utilities - Remove format-file-name.tsx (merged into format.ts) - Update lazyIconImports to include Indicator icon
# Conflicts: # src/frontend/src/components/core/chatComponents/ContentDisplay.tsx
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the You can disable this status message by setting the ✨ Finishing touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Audio Recording
Uses Web Speech API (SpeechRecognition)
Supports continuous and interim results
Handles browser compatibility (Chrome, Edge, Safari)
Provides state management (idle, recording, processing)
File Handling
Supports image and document uploads
Validates file size and type
Shows preview before sending
Integrates with file upload API
Migration Notes
Chat input is now in chat-view/chat-input/ (separate from IOModal)
Textarea component updated with new classes for better control
New props required for file and audio handling
Integration with utility store for chat value management