Website Status

src/lib/components/tui/TuiBody.svelte

@@ -16,6 +16,7 @@
 	import TuiRadio from './TuiRadio.svelte';
 	import TuiSelect from './TuiSelect.svelte';
 	import TuiToggle from './TuiToggle.svelte';
+	import TuiGroup from './TuiGroup.svelte';
 	import type { DisplayedLine } from './types';
 	import '$lib/assets/css/tui-body.css';
 
@@ -85,6 +86,8 @@
 						<TuiCheckbox {line} inline={true} />
 					{:else if line.type === 'toggle'}
 						<TuiToggle {line} inline={true} />
+					{:else if line.type === 'group'}
+						<TuiGroup {line} inline={true} {onButtonClick} {onHoverButton} {onLinkClick} />
 					{:else if line.type === 'image' && showImage}
 						<div class="tui-image inline-image">
 							<img src={line.image} alt={line.imageAlt || 'Image'} style="max-width: {line.imageWidth || 300}px" />
@@ -146,6 +149,8 @@
 				<TuiSelect {line} />
 			{:else if line.type === 'toggle'}
 				<TuiToggle {line} />
+			{:else if line.type === 'group'}
+				<TuiGroup {line} {onButtonClick} {onHoverButton} {onLinkClick} />
 			{:else}
 				<div class="tui-line {line.type}" class:complete id={line.id}>
 					{#if line.type === 'command' || line.type === 'prompt'}