Group Header Rendering Fixes

src/lib/components/tui/TuiHeader.svelte

@@ -1,20 +1,13 @@
 <script lang="ts">
 	import Icon from '@iconify/svelte';
 	import { user } from '$lib/config';
-	import { colorTheme, type ColorTheme } from '$lib/stores/theme';
+	import { colorTheme, getThemeIcon, type ColorTheme } from '$lib/stores/theme';
 	import '$lib/assets/css/tui-header.css';
 
 	export let title = 'terminal';
 	export let interactive = true;
 	export let hasButtons = false;
 
-	function getThemeIcon(theme: ColorTheme): string {
-		switch (theme) {
-			case 'arch': return 'mdi:arch';
-			case 'catppuccin': return 'solar:cat-bold';
-			default: return 'mdi:palette';
-		}
-	}
 </script>
 
 <div class="tui-statusbar top">

src/lib/components/tui/TuiLine.svelte

@@ -110,7 +110,12 @@
 		{#if line.content}<span class="image-caption">{line.content}</span>{/if}
 	</div>
 {:else if !isImage}
-	{#if inline}
+	{#if inline && isHeader}
+		<span class="header-text inline-header">
+			<Icon icon="mdi:pound" width="20" class="header-icon" />
+			{#each segments as seg}{#if seg.icon}<Icon icon={seg.icon} width="20" class="inline-icon" />{:else if getSegmentStyle(seg)}<span style={getSegmentStyle(seg)}>{seg.text}</span>{:else}{seg.text}{/if}{/each}
+		</span>
+	{:else if inline}
 		<span class="inline-content {line.type}">
 			{getLinePrefix(line.type)}{#each segments as seg}{#if seg.icon}<Icon icon={seg.icon} width="14" class="inline-icon" />{:else if getSegmentStyle(seg)}<span style={getSegmentStyle(seg)}>{seg.text}</span>{:else}{seg.text}{/if}{/each}
 		</span>
@@ -124,8 +129,8 @@
 			{/if}
 			{#if isHeader}
 				<span class="content header-text">
-					<Icon icon="mdi:pound" width="14" class="header-icon" />
-					{#each segments as seg}{#if seg.icon}<Icon icon={seg.icon} width="16" class="inline-icon" />{:else if getSegmentStyle(seg)}<span style={getSegmentStyle(seg)}>{seg.text}</span>{:else}{seg.text}{/if}{/each}
+					<Icon icon="mdi:pound" width="25" class="header-icon" />
+					{#each segments as seg}{#if seg.icon}<Icon icon={seg.icon} width="25" class="inline-icon" />{:else if getSegmentStyle(seg)}<span style={getSegmentStyle(seg)}>{seg.text}</span>{:else}{seg.text}{/if}{/each}
 				</span>
 			{:else}
 				<span class="content">