Skip to content

Commit 6325f31

Browse files
committed
ui: shorten button labels to "Chat" and "Metrics", restore Chat-first order
- "Swiss AI Chat" → "Chat" and "Metrics Dashboard" → "Metrics". The expanded card sits below the model title that already says "swiss-ai/..." — repeating "Swiss AI" in the button label is noise, and "Dashboard" doesn't carry meaning past the icon. - Restore Chat-first order so Metrics ends up at the right edge, where it lived before the brief mid-iteration swap.
1 parent d1c3703 commit 6325f31

1 file changed

Lines changed: 15 additions & 16 deletions

File tree

frontend/src/components/ui/ModelCard.svelte

Lines changed: 15 additions & 16 deletions
Original file line numberDiff line numberDiff line change
@@ -187,9 +187,21 @@
187187
on:keydown|stopPropagation
188188
role="region"
189189
>
190-
<!-- Action buttons: Metrics (secondary, left) then Swiss AI Chat
191-
(primary, right). Right-aligned as a group. -->
190+
<!-- Action buttons: Chat (primary) + Metrics, right-aligned. -->
192191
<div class="flex flex-wrap justify-end gap-2">
192+
<a
193+
href={chatUrl}
194+
target="_blank"
195+
rel="noopener noreferrer"
196+
class="inline-flex items-center gap-2 px-4 py-2 rounded-md bg-black hover:bg-neutral-800 text-white text-sm font-medium transition-colors"
197+
>
198+
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
199+
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
200+
<polyline points="15 3 21 3 21 9"></polyline>
201+
<line x1="10" y1="14" x2="21" y2="3"></line>
202+
</svg>
203+
Chat
204+
</a>
193205
{#if metricsUrl}
194206
<a
195207
href={metricsUrl}
@@ -201,22 +213,9 @@
201213
<path d="M3 3v18h18"></path>
202214
<path d="M7 15l4-4 4 4 5-5"></path>
203215
</svg>
204-
Metrics Dashboard
216+
Metrics
205217
</a>
206218
{/if}
207-
<a
208-
href={chatUrl}
209-
target="_blank"
210-
rel="noopener noreferrer"
211-
class="inline-flex items-center gap-2 px-4 py-2 rounded-md bg-black hover:bg-neutral-800 text-white text-sm font-medium transition-colors"
212-
>
213-
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
214-
<path d="M18 13v6a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h6"></path>
215-
<polyline points="15 3 21 3 21 9"></polyline>
216-
<line x1="10" y1="14" x2="21" y2="3"></line>
217-
</svg>
218-
Swiss AI Chat
219-
</a>
220219
</div>
221220

222221
<!-- Per-replica detail blocks -->

0 commit comments

Comments
 (0)