Bug Fixes and Formatting Update

src/lib/components/tui/utils.ts

@@ -18,9 +18,11 @@ export interface TextSegment {
 	action?: () => void;
 }
 
-// Color map for text and background colors
-export const colorMap: Record<string, string> = {
-	// Basic colors
+// Color maps for each theme
+export type ThemeColorMap = Record<string, string>;
+
+// Default color map (fallback)
+export const defaultColorMap: ThemeColorMap = {
 	'red': '#f38ba8',
 	'green': '#a6e3a1',
 	'yellow': '#f9e2af',
@@ -33,7 +35,6 @@ export const colorMap: Record<string, string> = {
 	'pink': '#f5c2e7',
 	'black': '#1e1e2e',
 	'surface': '#313244',
-	// Semantic colors
 	'primary': 'var(--terminal-primary)',
 	'accent': 'var(--terminal-accent)',
 	'muted': 'var(--terminal-muted)',
@@ -43,10 +44,13 @@ export const colorMap: Record<string, string> = {
 	'info': '#89b4fa',
 };
 
+// Legacy alias for backwards compatibility
+export const colorMap = defaultColorMap;
+
 // Text style keywords
 const textStyles = ['bold', 'dim', 'italic', 'underline', 'strikethrough', 'overline'];
 
-export function parseColorText(text: string): TextSegment[] {
+export function parseColorText(text: string, colors: ThemeColorMap = colorMap): TextSegment[] {
 	const segments: TextSegment[] = [];
 	// Match both (&specs)content(&) and (&icon, iconName) patterns
 	const regex = /\(&([^)]+)\)(.*?)\(&\)|\(&icon,\s*([^)]+)\)/g;
@@ -81,15 +85,15 @@ export function parseColorText(text: string): TextSegment[] {
 			// Background color (bg-colorname or bg-#hex)
 			else if (spec.startsWith('bg-')) {
 				const bgColor = spec.slice(3);
-				if (colorMap[bgColor]) {
-					segment.background = colorMap[bgColor];
+				if (colors[bgColor]) {
+					segment.background = colors[bgColor];
 				} else if (bgColor.startsWith('#')) {
 					segment.background = bgColor;
 				}
 			}
 			// Foreground color
-			else if (colorMap[spec] && !textStyles.includes(spec)) {
-				segment.color = colorMap[spec];
+			else if (colors[spec] && !textStyles.includes(spec)) {
+				segment.color = colors[spec];
 			} else if (spec.startsWith('#')) {
 				segment.color = spec;
 			}