Major UI refresh: sidebar redesign, theme expansion, and chat performance optimizations (#706)
## Summary Complete sidebar redesign and comprehensive UI polish pass with performance optimizations, theme system refinements, and desktop integration improvements. ## Key Changes **Sidebar & Navigation Redesign** - Redesigned sessions sidebar layout with unified button primitives - Added activity sections with project grouping and improved session organization - Refined sidebar corners, spacing, and visual hierarchy - Removed NavRail component in favor of streamlined sidebar - Stabilized sessions bar toggle position in fullscreen mode **Performance Optimizations** - Reduced chat streaming CPU usage and storage churn - Optimized task tool polling and live timers with debouncing - Prevented chat state races and reduced background request load - Debounced draft writes and coalesced session reloads - Optimized message store updates and turn tracking **Theme & Visual System** - Added theme-aware window corners (desktop) and border radius tokens - Introduced glassmorphism effects on desktop sidebar - Added backdrop blur to UI elements **Chat Experience** - Added session-based permission auto-accept toggle in chat input - Polished permission shield UX with improved icon sizing and spacing - Fixed chat scroll-to-bottom behavior and timeline tracking - Enhanced tool output display with better path label detection - Removed duplicate draft context details in chat header - Added text selection menu to chat messages **Git Improvements** - Refreshed git history visual design with cleaner dividers - Added remote removal action in sync selector - Stabilized git polling to prevent excessive requests - Improved tool output rendering for git operations **Settings & Panels** - Fixed mobile scrolling on settings pages - Made outside-click settings close instantly - Reduced settings load churn and CPU spikes - Improved services dropdown layout and spacing - Softened panel resize handles **Desktop Integration** - Synced macOS window theme with app theme - Restored window dragging in sidebar header zones - Fixed system window corners on macOS - Improved header session metadata and action controls **Button & Component Standardization** - Unified button primitives across all components - Standardized destructive action patterns - Removed unused button variants (button-large, button-small) - Aligned context tab close hit areas --------- Co-authored-by: Iuliia Ivashko <yulia.ivashko@gmail.com>
This commit is contained in:
Bohdan Triapitsyn
committed by
GitHub
GitHub
co-authored by
Iuliia Ivashko
Iuliia Ivashko
parent
359879153a
commit
321cc7252a
@@ -1,8 +1,8 @@
|
||||
import type { Theme } from '@/types/theme';
|
||||
import { withPrColors } from './prColors';
|
||||
|
||||
import amoled_dark_Raw from './amoled-dark.json';
|
||||
import amoled_light_Raw from './amoled-light.json';
|
||||
// import amoled_dark_Raw from './amoled-dark.json';
|
||||
// import amoled_light_Raw from './amoled-light.json';
|
||||
import aura_dark_Raw from './aura-dark.json';
|
||||
import aura_light_Raw from './aura-light.json';
|
||||
import ayu_dark_Raw from './ayu-dark.json';
|
||||
@@ -11,46 +11,46 @@ import carbonfox_dark_Raw from './carbonfox-dark.json';
|
||||
import carbonfox_light_Raw from './carbonfox-light.json';
|
||||
import catppuccin_dark_Raw from './catppuccin-dark.json';
|
||||
import catppuccin_light_Raw from './catppuccin-light.json';
|
||||
import cursor_dark_Raw from './cursor-dark.json';
|
||||
import cursor_light_Raw from './cursor-light.json';
|
||||
// import cursor_dark_Raw from './cursor-dark.json';
|
||||
// import cursor_light_Raw from './cursor-light.json';
|
||||
import dracula_dark_Raw from './dracula-dark.json';
|
||||
import dracula_light_Raw from './dracula-light.json';
|
||||
import github_dark_Raw from './github-dark.json';
|
||||
import github_light_Raw from './github-light.json';
|
||||
// import github_dark_Raw from './github-dark.json';
|
||||
// import github_light_Raw from './github-light.json';
|
||||
import gruvbox_dark_Raw from './gruvbox-dark.json';
|
||||
import gruvbox_light_Raw from './gruvbox-light.json';
|
||||
import kanagawa_dark_Raw from './kanagawa-dark.json';
|
||||
import kanagawa_light_Raw from './kanagawa-light.json';
|
||||
import lucent_orng_dark_Raw from './lucent-orng-dark.json';
|
||||
import lucent_orng_light_Raw from './lucent-orng-light.json';
|
||||
// import lucent_orng_dark_Raw from './lucent-orng-dark.json';
|
||||
// import lucent_orng_light_Raw from './lucent-orng-light.json';
|
||||
import monokai_dark_Raw from './monokai-dark.json';
|
||||
import monokai_light_Raw from './monokai-light.json';
|
||||
import nightowl_dark_Raw from './nightowl-dark.json';
|
||||
import nightowl_light_Raw from './nightowl-light.json';
|
||||
import nord_dark_Raw from './nord-dark.json';
|
||||
import nord_light_Raw from './nord-light.json';
|
||||
import oc_2_dark_Raw from './oc-2-dark.json';
|
||||
import oc_2_light_Raw from './oc-2-light.json';
|
||||
import openchamber_dark_Raw from './openchamber-dark.json';
|
||||
import openchamber_light_Raw from './openchamber-light.json';
|
||||
// import oc_2_dark_Raw from './oc-2-dark.json';
|
||||
// import oc_2_light_Raw from './oc-2-light.json';
|
||||
import openchamber_dark_Raw from './fields-of-the-shire-dark.json';
|
||||
import openchamber_light_Raw from './fields-of-the-shire-light.json';
|
||||
import onedarkpro_dark_Raw from './onedarkpro-dark.json';
|
||||
import onedarkpro_light_Raw from './onedarkpro-light.json';
|
||||
import orng_dark_Raw from './orng-dark.json';
|
||||
import orng_light_Raw from './orng-light.json';
|
||||
import rosepine_dark_Raw from './rosepine-dark.json';
|
||||
import rosepine_light_Raw from './rosepine-light.json';
|
||||
import shadesofpurple_dark_Raw from './shadesofpurple-dark.json';
|
||||
import shadesofpurple_light_Raw from './shadesofpurple-light.json';
|
||||
// import orng_dark_Raw from './orng-dark.json';
|
||||
// import orng_light_Raw from './orng-light.json';
|
||||
// import rosepine_dark_Raw from './rosepine-dark.json';
|
||||
// import rosepine_light_Raw from './rosepine-light.json';
|
||||
// import shadesofpurple_dark_Raw from './shadesofpurple-dark.json';
|
||||
// import shadesofpurple_light_Raw from './shadesofpurple-light.json';
|
||||
import solarized_dark_Raw from './solarized-dark.json';
|
||||
import solarized_light_Raw from './solarized-light.json';
|
||||
import tokyonight_dark_Raw from './tokyonight-dark.json';
|
||||
import tokyonight_light_Raw from './tokyonight-light.json';
|
||||
import vercel_dark_Raw from './vercel-dark.json';
|
||||
import vercel_light_Raw from './vercel-light.json';
|
||||
// import vercel_dark_Raw from './vercel-dark.json';
|
||||
// import vercel_light_Raw from './vercel-light.json';
|
||||
import vesper_dark_Raw from './vesper-dark.json';
|
||||
import vesper_light_Raw from './vesper-light.json';
|
||||
import zenburn_dark_Raw from './zenburn-dark.json';
|
||||
import zenburn_light_Raw from './zenburn-light.json';
|
||||
// import zenburn_dark_Raw from './zenburn-dark.json';
|
||||
// import zenburn_light_Raw from './zenburn-light.json';
|
||||
import mono_plus_dark_Raw from './mono-plus-dark.json';
|
||||
import mono_plus_light_Raw from './mono-plus-light.json';
|
||||
import mono_dark_Raw from './mono-dark.json';
|
||||
@@ -61,8 +61,8 @@ import vitesse_light_light_Raw from './vitesse-light-light.json';
|
||||
export const presetThemes: Theme[] = [
|
||||
openchamber_dark_Raw as Theme,
|
||||
openchamber_light_Raw as Theme,
|
||||
amoled_dark_Raw as Theme,
|
||||
amoled_light_Raw as Theme,
|
||||
// amoled_dark_Raw as Theme,
|
||||
// amoled_light_Raw as Theme,
|
||||
aura_dark_Raw as Theme,
|
||||
aura_light_Raw as Theme,
|
||||
ayu_dark_Raw as Theme,
|
||||
@@ -71,44 +71,44 @@ export const presetThemes: Theme[] = [
|
||||
carbonfox_light_Raw as Theme,
|
||||
catppuccin_dark_Raw as Theme,
|
||||
catppuccin_light_Raw as Theme,
|
||||
cursor_dark_Raw as Theme,
|
||||
cursor_light_Raw as Theme,
|
||||
// cursor_dark_Raw as Theme,
|
||||
// cursor_light_Raw as Theme,
|
||||
dracula_dark_Raw as Theme,
|
||||
dracula_light_Raw as Theme,
|
||||
github_dark_Raw as Theme,
|
||||
github_light_Raw as Theme,
|
||||
// github_dark_Raw as Theme,
|
||||
// github_light_Raw as Theme,
|
||||
gruvbox_dark_Raw as Theme,
|
||||
gruvbox_light_Raw as Theme,
|
||||
kanagawa_dark_Raw as Theme,
|
||||
kanagawa_light_Raw as Theme,
|
||||
lucent_orng_dark_Raw as Theme,
|
||||
lucent_orng_light_Raw as Theme,
|
||||
// lucent_orng_dark_Raw as Theme,
|
||||
// lucent_orng_light_Raw as Theme,
|
||||
monokai_dark_Raw as Theme,
|
||||
monokai_light_Raw as Theme,
|
||||
nightowl_dark_Raw as Theme,
|
||||
nightowl_light_Raw as Theme,
|
||||
nord_dark_Raw as Theme,
|
||||
nord_light_Raw as Theme,
|
||||
oc_2_dark_Raw as Theme,
|
||||
oc_2_light_Raw as Theme,
|
||||
// oc_2_dark_Raw as Theme,
|
||||
// oc_2_light_Raw as Theme,
|
||||
onedarkpro_dark_Raw as Theme,
|
||||
onedarkpro_light_Raw as Theme,
|
||||
orng_dark_Raw as Theme,
|
||||
orng_light_Raw as Theme,
|
||||
rosepine_dark_Raw as Theme,
|
||||
rosepine_light_Raw as Theme,
|
||||
shadesofpurple_dark_Raw as Theme,
|
||||
shadesofpurple_light_Raw as Theme,
|
||||
// orng_dark_Raw as Theme,
|
||||
// orng_light_Raw as Theme,
|
||||
// rosepine_dark_Raw as Theme,
|
||||
// rosepine_light_Raw as Theme,
|
||||
// shadesofpurple_dark_Raw as Theme,
|
||||
// shadesofpurple_light_Raw as Theme,
|
||||
solarized_dark_Raw as Theme,
|
||||
solarized_light_Raw as Theme,
|
||||
tokyonight_dark_Raw as Theme,
|
||||
tokyonight_light_Raw as Theme,
|
||||
vercel_dark_Raw as Theme,
|
||||
vercel_light_Raw as Theme,
|
||||
// vercel_dark_Raw as Theme,
|
||||
// vercel_light_Raw as Theme,
|
||||
vesper_dark_Raw as Theme,
|
||||
vesper_light_Raw as Theme,
|
||||
zenburn_dark_Raw as Theme,
|
||||
zenburn_light_Raw as Theme,
|
||||
// zenburn_dark_Raw as Theme,
|
||||
// zenburn_light_Raw as Theme,
|
||||
mono_plus_dark_Raw as Theme,
|
||||
mono_plus_light_Raw as Theme,
|
||||
mono_dark_Raw as Theme,
|
||||
|
||||
Reference in New Issue
Block a user