Theme Rendering Fixes and Keybinds Update

src/lib/components/TerminalTUI.svelte

@@ -61,6 +61,31 @@
 	let terminalElement: HTMLDivElement;
 	let bodyElement = $state<HTMLDivElement>();
 
+	// Track colorMap identity to detect theme/mode changes
+	let lastColorMapId = $state('');
+	
+	// When colorMap changes (theme/mode toggle), update displayedLines with new parsed segments
+	$effect(() => {
+		// Create a simple identity string from a few colorMap values
+		const colorMapId = `${colorMap.red}-${colorMap.text}-${colorMap.primary}`;
+		
+		// Only update if colorMap actually changed and animation is complete
+		if (colorMapId !== lastColorMapId && isComplete && displayedLines.length > 0) {
+			// Store current showImage states before updating
+			const showImageStates = displayedLines.map(d => d.showImage);
+			
+			// Update with new parsed content
+			displayedLines = parsedLines.map((parsed, i) => ({
+				parsed,
+				charIndex: parsed.plainText.length,
+				complete: true,
+				showImage: showImageStates[i] ?? (parsed.line.type === 'image')
+			}));
+		}
+		
+		lastColorMapId = colorMapId;
+	});
+
 	// Autoscroll to bottom (respects autoscroll prop)
 	function scrollToBottom() {
 		if (!autoscroll || !bodyElement) return;
@@ -251,12 +276,6 @@
 	}
 
 	function handleKeydown(event: KeyboardEvent) {
-		// Toggle theme with T key
-		if (event.key === 't' || event.key === 'T') {
-			event.preventDefault();
-			toggleMode();
-			return;
-		}
 		if (isTyping && (event.key === 'y' || event.key === 'Y')) {
 			event.preventDefault();
 			skipAnimation();