Element Bug Fixes

src/lib/components/tui/utils.ts

@@ -169,7 +169,7 @@ export function getSegmentStyle(segment: TextSegment): string {
 	if (segment.bold) styles.push('font-weight: bold');
 	if (segment.dim) styles.push('opacity: 0.6');
 	if (segment.italic) styles.push('font-style: italic');
-	
+
 	// Combine text decorations
 	const decorations: string[] = [];
 	if (segment.underline) decorations.push('underline');
@@ -178,7 +178,7 @@ export function getSegmentStyle(segment: TextSegment): string {
 	if (decorations.length > 0) {
 		styles.push(`text-decoration: ${decorations.join(' ')}`);
 	}
-	
+
 	return styles.join('; ');
 }
 
@@ -211,3 +211,26 @@ export function getButtonStyle(style?: string): string {
 			return 'var(--terminal-text)';
 	}
 }
+
+export function parseDimension(value: string | number | undefined): string | undefined {
+	if (value === undefined) return undefined;
+	if (typeof value === 'number') {
+		// If it's a decimal between 0 and 1, treat as percentage
+		if (value > 0 && value <= 1) {
+			return `${value * 100}%`;
+		}
+		return `${value}px`;
+	}
+	if (typeof value === 'string') {
+		// Handle fractions like "1/2", "1/3"
+		if (value.includes('/')) {
+			const [num, den] = value.split('/').map(Number);
+			if (!isNaN(num) && !isNaN(den) && den !== 0) {
+				return `${(num / den) * 100}%`;
+			}
+		}
+		// Return as is if it already has a unit or is just a number string
+		return value;
+	}
+	return undefined;
+}