feat(ui-ux): Normalize chat UI/UX, upgrade dependencies, and version Edge Function source - #6
Merged
Merged
Conversation
- Extracted chat UI into reusable components: ChatBubble, ChatMessage, ChatList, and ChatComposer. - Updated MessageList to act as a thin pass-through to ChatList for backward compatibility. - Implemented markdown rendering for assistant messages in ChatBubble. - Added source citation handling in ChatMessage for assistant messages. - Introduced ChatComposer for message input handling, ensuring trimmed submissions. - Enhanced ConversationView to utilize ChatComposer alongside VoiceInput. - Updated AuthScreen to use toast notifications for error and success messages. - Added unit tests for new components and updated existing tests to ensure coverage. - Configured Vitest for coverage reporting with thresholds to maintain code quality.
…er experience - Updated App.tsx to enhance loading states and conversation selection prompts. - Refactored ConversationSidebar.tsx for consistent styling and added a new header for the DevVoice branding. - Enhanced ConversationView.tsx to display active model information and improved layout. - Modified ModelSelector.tsx to export DEFAULT_MODEL_ID for better accessibility. - Improved SourceCitation.tsx to include an index for citations and updated styles. - Updated MessageList.test.tsx to ensure proper rendering of messages and markdown content. - Enhanced SourceCitation.test.tsx to validate rendering of titles and index numbers. - Refactored ChatBubble.tsx to unify styles and ensure markdown rendering. - Updated ChatComposer.tsx to handle Enter and Shift+Enter for message submission and newlines. - Enhanced ChatList.tsx to improve loading and empty states with visual indicators. - Refactored ChatMessage.tsx to include timestamps and improved source citation rendering. - Updated CSS styles in index.css for new UI elements and animations. - Modified tailwind.config.js to extend color palette for better theme support.
…del handling and UI updates feat(chat): add copy functionality to ChatMessage and refine ChatComposer input behavior test: extend tests for ModelSelector and ChatMessage to cover new features and ensure accessibility
… add waveform branding
…and UI improvements
…t design and improve UI/UX
- Consolidate ModelSelector, ChatComposer, and VoiceInput into a single 44px composer bar. - Extract TranscriptionPreview and VoiceTranscriptEditor components to render above the composer row. - Implement collapsible sidebar with localStorage persistence and grouped navigation. - Enhance visual differentiation of header, footer, and message scroll zones. - Introduce model chip with pricing and categories in ModelSelector. - Add inline copy button beside user messages and align user messages to the right. - Increase test coverage with new tests for TranscriptionPreview, VoiceInput, and useVoiceComposer. - Exclude type-only files from coverage calculations. - Update package version to 0.4.2b.
…sign, and document Edge Function source
PostboxRetinal
added
documentation
PostboxRetinal
marked this pull request as ready for review
August 9, 2026 12:40
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Complete UI/UX normalization, dependency upgrades, and Edge Function source versioning. This branch brings the chat interface to production quality with a flat dark design, real-time voice input with editable transcripts, and comprehensive test coverage.
UI/UX
Voice / STT
Dependencies
Tailwind v4 revert: v4 attempted but broke all UI styles (changed config to @theme CSS, PostCSS plugin to @tailwindcss/postcss, imports to @import "tailwindcss"). Reverted to v3.4.19 stable.
Edge Function
Testing
Stats
Verification
bun run typecheck- 0 errorsbun run lint- 0 errors (1 pre-existing legacy warning in AuthScreen)bun run test- 122/122 passingbun run build- OK (CSS 33.28 kB)openspec validate --all- 9/9 specs validBreaking Changes
None. UI-only changes. No backend schema or API changes.
Migration Notes
Supersedes #4 (Dependabot @babel/core patch) and #5 (Dependabot vite patch). Both are subsumed by the dependency upgrades in this branch.
Closes #4
Closes #5