926df2cfaf
- Complete architectural overhaul of useUnifiedCompletion hook - Unified state management: 8 separate states → single CompletionState interface - Simplified core logic: getWordAtCursor 194 lines → 42 lines (78% reduction) - Fixed infinite React update loops with ref-based input tracking - Smart triggering mechanism replacing aggressive auto-completion - Integrated @agent and @file mention system with system reminders - Added comprehensive agent loading and mention processing - Enhanced Tab/Arrow/Enter key handling with clean event management - Maintained 100% functional compatibility across all completion types Key improvements: • File path completion (relative, absolute, ~expansion, @references) • Slash command completion (/help, /model, etc.) • Agent completion (@agent-xxx with intelligent descriptions) • System command completion (PATH scanning with fallback) • Terminal-style Tab cycling, Enter confirmation, Escape cancellation • Preview mode with boundary calculation • History navigation compatibility • Empty directory handling with user feedback Architecture: Event-driven @mention detection → system reminder injection → LLM tool usage Performance: Eliminated 7-layer nested conditionals, reduced state synchronization issues Reliability: Fixed maximum update depth exceeded warnings, stable state management
134 lines
3.2 KiB
TypeScript
134 lines
3.2 KiB
TypeScript
import { getGlobalConfig } from './config'
|
|
|
|
export interface Theme {
|
|
bashBorder: string
|
|
claude: string
|
|
koding: string
|
|
permission: string
|
|
secondaryBorder: string
|
|
text: string
|
|
secondaryText: string
|
|
suggestion: string
|
|
// Semantic colors
|
|
success: string
|
|
error: string
|
|
warning: string
|
|
// UI colors
|
|
primary: string
|
|
secondary: string
|
|
diff: {
|
|
added: string
|
|
removed: string
|
|
addedDimmed: string
|
|
removedDimmed: string
|
|
}
|
|
}
|
|
|
|
const lightTheme: Theme = {
|
|
bashBorder: '#ff0087',
|
|
claude: '#7aff59ff',
|
|
koding: '#9dff00ff',
|
|
permission: '#e9c61aff',
|
|
secondaryBorder: '#999',
|
|
text: '#000',
|
|
secondaryText: '#666',
|
|
suggestion: '#32e98aff',
|
|
success: '#2c7a39',
|
|
error: '#ab2b3f',
|
|
warning: '#966c1e',
|
|
primary: '#000',
|
|
secondary: '#666',
|
|
diff: {
|
|
added: '#69db7c',
|
|
removed: '#ffa8b4',
|
|
addedDimmed: '#c7e1cb',
|
|
removedDimmed: '#fdd2d8',
|
|
},
|
|
}
|
|
|
|
const lightDaltonizedTheme: Theme = {
|
|
bashBorder: '#0066cc', // Blue instead of pink for better contrast
|
|
claude: '#5f97cd', // Orange adjusted for deuteranopia
|
|
koding: '#0000ff',
|
|
permission: '#3366ff', // Brighter blue for better visibility
|
|
secondaryBorder: '#999',
|
|
text: '#000',
|
|
secondaryText: '#666',
|
|
suggestion: '#3366ff',
|
|
success: '#006699', // Blue instead of green
|
|
error: '#cc0000', // Pure red for better distinction
|
|
warning: '#ff9900', // Orange adjusted for deuteranopia
|
|
primary: '#000',
|
|
secondary: '#666',
|
|
diff: {
|
|
added: '#99ccff', // Light blue instead of green
|
|
removed: '#ffcccc', // Light red for better contrast
|
|
addedDimmed: '#d1e7fd',
|
|
removedDimmed: '#ffe9e9',
|
|
},
|
|
}
|
|
|
|
const darkTheme: Theme = {
|
|
bashBorder: '#fd5db1',
|
|
claude: '#5f97cd',
|
|
koding: '#0000ff',
|
|
permission: '#b1b9f9',
|
|
secondaryBorder: '#888',
|
|
text: '#fff',
|
|
secondaryText: '#999',
|
|
suggestion: '#b1b9f9',
|
|
success: '#4eba65',
|
|
error: '#ff6b80',
|
|
warning: '#ffc107',
|
|
primary: '#fff',
|
|
secondary: '#999',
|
|
diff: {
|
|
added: '#225c2b',
|
|
removed: '#7a2936',
|
|
addedDimmed: '#47584a',
|
|
removedDimmed: '#69484d',
|
|
},
|
|
}
|
|
|
|
const darkDaltonizedTheme: Theme = {
|
|
bashBorder: '#3399ff', // Bright blue instead of pink
|
|
claude: '#5f97cd', // Orange adjusted for deuteranopia
|
|
koding: '#0000ff',
|
|
permission: '#99ccff', // Light blue for better contrast
|
|
secondaryBorder: '#888',
|
|
text: '#fff',
|
|
secondaryText: '#999',
|
|
suggestion: '#99ccff',
|
|
success: '#3399ff', // Bright blue instead of green
|
|
error: '#ff6666', // Bright red for better visibility
|
|
warning: '#ffcc00', // Yellow-orange for deuteranopia
|
|
primary: '#fff',
|
|
secondary: '#999',
|
|
diff: {
|
|
added: '#004466', // Dark blue instead of green
|
|
removed: '#660000', // Dark red for better contrast
|
|
addedDimmed: '#3e515b',
|
|
removedDimmed: '#3e2c2c',
|
|
},
|
|
}
|
|
|
|
export type ThemeNames =
|
|
| 'dark'
|
|
| 'light'
|
|
| 'light-daltonized'
|
|
| 'dark-daltonized'
|
|
|
|
export function getTheme(overrideTheme?: ThemeNames): Theme {
|
|
const config = getGlobalConfig()
|
|
switch (overrideTheme ?? config.theme) {
|
|
case 'light':
|
|
return lightTheme
|
|
case 'light-daltonized':
|
|
return lightDaltonizedTheme
|
|
case 'dark-daltonized':
|
|
return darkDaltonizedTheme
|
|
default:
|
|
return darkTheme
|
|
}
|
|
}
|