Particles Update

src/lib/components/tui/TuiBody.svelte

@@ -70,6 +70,7 @@
 					{@const line = displayed.parsed.line}
 					{@const idx = group.indices[j]}
 					{@const visibleSegments = getSegmentsUpToChar(displayed.parsed.segments, displayed.charIndex)}
+					{@const showImage = displayed.showImage}
 					{#if line.type === 'button'}
 						<TuiButton {line} index={idx} selected={selectedIndex === idx} onClick={onButtonClick} onHover={onHoverButton} inline={true} />
 					{:else if line.type === 'link'}
@@ -84,7 +85,14 @@
 						<TuiCheckbox {line} inline={true} />
 					{:else if line.type === 'toggle'}
 						<TuiToggle {line} inline={true} />
-					{:else}
+					{: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" />
+							{#if line.content}
+								<span class="image-caption">{line.content}</span>
+							{/if}
+						</div>
+					{:else if line.type !== 'image'}
 						<span class="inline-content {line.type}">
 							{getLinePrefix(line.type)}{#each visibleSegments as segment}{#if segment.icon}<Icon icon={segment.icon} width="14" class="inline-icon" />{:else if getSegmentStyle(segment)}<span style={getSegmentStyle(segment)}>{segment.text}</span>{:else}{segment.text}{/if}{/each}
 						</span>