ClaudeBot/llama.cpp
0
0
Fork 1
mirror of https://github.com/ggml-org/llama.cpp.git synced 2026-09-17 20:31:47 +02:00
Code Issues Packages Projects Releases Wiki Activity

ui : polish reasoning panel chevron layout

Browse Source 
Move the expand chevron to the right and swap it for ChevronUp when

open. Group the effort label next to the title.

Assisted-by: llama-ui:Qwen3.8-Flash-Next
This commit is contained in:
Aleksander Grygier
2026-09-04 20:07:37 +02:00
parent 3628213ea7
commit 407c28d968
1 changed files with 12 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
tools/ui/src/lib/components/app/models/ModelsSelectorReasoningPanel.svelte
+12 -10
View File
@@ -1,5 +1,5 @@
<script lang="ts">
import { Check, ChevronDown, ChevronRight, Info, Lightbulb, LightbulbOff } from '@lucide/svelte';
import { Check, ChevronDown, ChevronUp, Info, Lightbulb, LightbulbOff } from '@lucide/svelte';
import * as Collapsible from '$lib/components/ui/collapsible';
import * as DropdownMenu from '$lib/components/ui/dropdown-menu';
import * as Tooltip from '$lib/components/ui/tooltip';
@@ -28,12 +28,6 @@
spread props.class, and the button is the menu item itself (the `child`
snippet replaces Item's own div), so all styling must come from above. -->
<Collapsible.Trigger {...props}>
{#if expanded}
<ChevronDown class="{ICON_CLASS_DEFAULT} shrink-0 text-muted-foreground" />
{:else}
<ChevronRight class="{ICON_CLASS_DEFAULT} shrink-0 text-muted-foreground" />
{/if}
{#if reasoning.isReasoningActive}
<Lightbulb class="{ICON_CLASS_DEFAULT} shrink-0 text-amber-400" />
{:else if reasoning.isOff}
@@ -42,11 +36,19 @@
<Lightbulb class="{ICON_CLASS_DEFAULT} shrink-0 text-muted-foreground" />
{/if}
<span class="flex-1 truncate">Reasoning</span>
<span class="flex min-w-0 flex-1 items-center gap-1.5">
<span class="truncate">Reasoning</span>
<span class="shrink-0 text-xs capitalize text-muted-foreground">
{reasoning.currentEffort}
<span class="shrink-0 text-xs capitalize text-muted-foreground">
{reasoning.currentEffort}
</span>
</span>
{#if expanded}
<ChevronUp class="{ICON_CLASS_DEFAULT} shrink-0 text-muted-foreground" />
{:else}
<ChevronDown class="{ICON_CLASS_DEFAULT} shrink-0 text-muted-foreground" />
{/if}
</Collapsible.Trigger>
{/snippet}
</DropdownMenu.Item>