Feat/frontend redesign#23
Merged
Merged
Conversation
Redesigned PromptComposer with terminal-like interface, template chips, multiline textarea, and floating action button matching Stitch mockups. - Added TopAppBar, context header, and horizontal scrolling template chips - Implemented terminal header with colored dots and character counter - Created FAB with gradient background and scale animation - Added keyboard handling, haptic feedback, and draft persistence - Fixed TypeScript errors for icon name types
- Success/error feedback cards with icons - Asymmetrical detail grid (3-col + 2-col) - AI response snippet with terminal header - Code preview with syntax highlighting - Processing status and troubleshooting hints - Applied design system tokens and tonal layering Signed-off-by: Gagan Ahlawat <gagan.devvv@gmail.com>
Add Settings screen with connectivity bento cards, Infrastructure section (relay URL input with validation), Appearance section (Dark Mode/High Contrast toggles), Communication section (notifications/sound toggles), and About section. Includes AsyncStorage persistence, real-time connection metrics, keyboard handling, and haptic feedback. Signed-off-by: Gagan Ahlawat <gagan.devvv@gmail.com>
Animations and Polish for Obsidian UI redesign Animations: - Add navigation item selection animations with elevation and background transitions (200ms) - Verify button press animations with scale transform (0.95 on press) - Verify connection status pulse animation (scale 1.0-1.5, opacity 1.0-0.5) - Verify screen transition animations (300ms, ease-in-out) - Verify FAB press animations with gradient background Loading & Feedback: - Create Skeleton component with shimmer animation for loading states - Add skeleton placeholders to DiffViewer (file header, diff lines, summary) - Implement Toast notification system with success/error/info variants - Add auto-dismiss (3000ms), manual dismissal, and toast queuing - Position toasts above bottom navigation bar Performance: - Add React.memo to Card component with custom comparison function - Verify useMemo usage in ThemeProvider for theme object creation - Verify useMemo usage in DiffViewer for diff line computation Code Quality: - Fix all ESLint errors by replacing 'any' types with proper TypeScript types - Add DimensionValue type for Skeleton width/height props - Add global type declaration for Toast showToast function - Use ReturnType utility for theme type in BottomNavBar Signed-off-by: Gagan Ahlawat <gagan.devvv@gmail.com>
- Add accessibility labels, hints, and roles to all interactive elements - Implement high contrast mode with 7:1 contrast ratios - Fix touch target sizes to 44x44pt minimum (Button, Chip) - Add screen reader announcements for navigation, toasts, loading states - Implement dynamic text sizing with system font scale support - Update ErrorBoundary with design system components - Add comprehensive error logging throughout app - Add connection error banner with retry to Dashboard - Add empty state to Dashboard activity feed - Verify loading indicators for all async operations Signed-off-by: Gagan Ahlawat <gagan.devvv@gmail.com>
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.
No description provided.