happyz
/
llama.cpp
mirror of https://github.com/ggerganov/llama.cpp.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

feat: render images below attachment markers in tool results

This commit is contained in:
Pascal 2026-02-01 04:56:21 +01:00
parent 5a4e4f4189
commit be96423ae9
1 changed files with 17 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
tools/server/webui/src/lib/components/app/chat/ChatMessages/ChatMessageAgenticContent.svelte
View File

@ -6,7 +6,7 @@
} from '$lib/components/app';
import { config } from '$lib/stores/settings.svelte';
import { Wrench, Loader2, AlertTriangle, Brain } from '@lucide/svelte';
import { AgenticSectionType } from '$lib/enums';
import { AgenticSectionType, AttachmentType } from '$lib/enums';
import { formatJsonPretty } from '$lib/utils';
import { parseAgenticContent, type AgenticSection } from '$lib/utils/agentic';
import type { DatabaseMessage } from '$lib/types/database';
@ -148,6 +148,22 @@
<!-- prettier-ignore -->
<pre class="m-0 overflow-x-auto whitespace-pre-wrap p-4 font-mono text-xs leading-relaxed"><code>{section.toolResult}</code></pre>
</div>
{#if message?.extra}
{@const images = message.extra.filter((e) => e.type === AttachmentType.IMAGE)}
{#if images.length > 0}
<div class="mt-3 flex flex-col gap-2">
{#each images as image (image.name)}
<img
src={image.base64Url}
alt={image.name}
class="h-auto max-w-full rounded-lg"
loading="lazy"
/>
{/each}
</div>
{/if}
{/if}
{:else if isPending}
<div class="rounded bg-muted/30 p-2 text-xs text-muted-foreground italic">
Waiting for result...