From c441bb491bca510f86fedb0f81bd5a8524e41139 Mon Sep 17 00:00:00 2001
From: Aleksander Grygier <aleksander.grygier@gmail.com>
Date: Wed, 16 Sep 2026 23:20:55 +0200
Subject: [PATCH] ui : brand the backend presets with provider logos

Assisted-by: pi:llama.cpp/DeepSeek-V4.1-Flash
---
 .../app/backends/BackendCard.svelte           |   9 ++-
 .../app/backends/BackendPresetIcon.svelte     |  34 ++++++++++
 .../app/backends/DialogBackendForm.svelte     |   3 +
 .../src/lib/components/app/backends/index.ts  |   1 +
 .../ModelsSelector/ModelsSelectorList.svelte  |   5 ++
 .../lib/components/app/navigation/utils.ts    |   4 ++
 .../ui/src/lib/constants/backend.constants.ts |  58 ++++++++----------
 .../lib/hooks/use-models-selector.svelte.ts   |   4 +-
 tools/ui/src/lib/types/backend.d.ts           |   6 ++
 tools/ui/src/lib/utils/backend.ts             |  32 +++++++++-
 tools/ui/src/lib/utils/index.ts               |   1 +
 tools/ui/static/backend-presets/deepseek.svg  |   1 +
 tools/ui/static/backend-presets/google.svg    |   1 +
 .../ui/static/backend-presets/huggingface.svg |   1 +
 tools/ui/static/backend-presets/kimi.png      | Bin 0 -> 1835 bytes
 .../backend-presets/openrouter-dark.svg       |   5 ++
 .../backend-presets/openrouter-light.svg      |   5 ++
 tools/ui/static/backend-presets/qwen.svg      |   1 +
 tools/ui/static/backend-presets/zai.png       | Bin 0 -> 1064 bytes
 19 files changed, 137 insertions(+), 34 deletions(-)
 create mode 100644 tools/ui/src/lib/components/app/backends/BackendPresetIcon.svelte
 create mode 100644 tools/ui/static/backend-presets/deepseek.svg
 create mode 100644 tools/ui/static/backend-presets/google.svg
 create mode 100644 tools/ui/static/backend-presets/huggingface.svg
 create mode 100644 tools/ui/static/backend-presets/kimi.png
 create mode 100644 tools/ui/static/backend-presets/openrouter-dark.svg
 create mode 100644 tools/ui/static/backend-presets/openrouter-light.svg
 create mode 100644 tools/ui/static/backend-presets/qwen.svg
 create mode 100644 tools/ui/static/backend-presets/zai.png

diff --git a/tools/ui/src/lib/components/app/backends/BackendCard.svelte b/tools/ui/src/lib/components/app/backends/BackendCard.svelte
index 55ee43891d..03a9196cfc 100644
--- a/tools/ui/src/lib/components/app/backends/BackendCard.svelte
+++ b/tools/ui/src/lib/components/app/backends/BackendCard.svelte
@@ -1,4 +1,5 @@
 <script lang="ts">
+	import BackendPresetIcon from './BackendPresetIcon.svelte';
 	import { Pencil, Server, Trash2 } from '@lucide/svelte';
 	import { DialogConfirmation } from '$lib/components/app/dialogs';
 	import { Button } from '$lib/components/ui/button';
@@ -6,6 +7,7 @@
 	import { Switch } from '$lib/components/ui/switch';
 	import { ICON_CLASS_DEFAULT } from '$lib/constants';
 	import type { Backend, BackendProtocol } from '$lib/types';
+	import { findBackendPreset } from '$lib/utils';
 
 	const PROTOCOL_LABELS: Record<BackendProtocol, string> = {
 		anthropic: 'Anthropic',
@@ -26,12 +28,17 @@
 	let showDelete = $state(false);
 	let protocolLabel = $derived(PROTOCOL_LABELS[backend.protocol]);
 	let displayUrl = $derived(backend.baseUrl || 'This server');
+	let preset = $derived(findBackendPreset(backend.baseUrl));
 </script>
 
 <Card.Root class="!gap-3 bg-muted/30 p-4">
 	<div class="flex items-start justify-between gap-3">
 		<div class="flex min-w-0 items-center gap-2">
-			<Server class={ICON_CLASS_DEFAULT} />
+			{#if preset}
+				<BackendPresetIcon class={ICON_CLASS_DEFAULT} {preset} />
+			{:else}
+				<Server class={ICON_CLASS_DEFAULT} />
+			{/if}
 
 			<div class="min-w-0">
 				<p class="truncate text-sm font-medium">{backend.name}</p>
diff --git a/tools/ui/src/lib/components/app/backends/BackendPresetIcon.svelte b/tools/ui/src/lib/components/app/backends/BackendPresetIcon.svelte
new file mode 100644
index 0000000000..dccb9ff583
--- /dev/null
+++ b/tools/ui/src/lib/components/app/backends/BackendPresetIcon.svelte
@@ -0,0 +1,34 @@
+<script lang="ts">
+	import { Plug } from '@lucide/svelte';
+	import type { BackendPreset } from '$lib/types';
+	import { mode } from 'mode-watcher';
+
+	interface Props {
+		class?: string;
+		preset?: BackendPreset;
+	}
+
+	let { class: className = 'h-4 w-4', preset }: Props = $props();
+
+	let iconUrl = $derived.by(() => {
+		if (!preset) return null;
+
+		return (
+			(mode.current === 'dark'
+				? (preset.iconUrlDark ?? preset.iconUrl)
+				: (preset.iconUrlLight ?? preset.iconUrl)) ?? null
+		);
+	});
+</script>
+
+{#if iconUrl}
+	<img
+		alt=""
+		class={['shrink-0 rounded-sm object-contain', className]}
+		decoding="async"
+		loading="lazy"
+		src={iconUrl}
+	/>
+{:else}
+	<Plug class={className} />
+{/if}
diff --git a/tools/ui/src/lib/components/app/backends/DialogBackendForm.svelte b/tools/ui/src/lib/components/app/backends/DialogBackendForm.svelte
index 1917b945bf..64700dabcc 100644
--- a/tools/ui/src/lib/components/app/backends/DialogBackendForm.svelte
+++ b/tools/ui/src/lib/components/app/backends/DialogBackendForm.svelte
@@ -1,5 +1,6 @@
 <script lang="ts">
 	import BackendForm from './BackendForm.svelte';
+	import BackendPresetIcon from './BackendPresetIcon.svelte';
 	import { CheckCircle2, Loader2, XCircle } from '@lucide/svelte';
 	import { Button } from '$lib/components/ui/button';
 	import * as Dialog from '$lib/components/ui/dialog';
@@ -143,6 +144,8 @@
 						size="sm"
 						variant={selectedPresetId === preset.id ? 'secondary' : 'outline'}
 					>
+						<BackendPresetIcon class="h-4 w-4" {preset} />
+
 						{preset.name}
 					</Button>
 				{/each}
diff --git a/tools/ui/src/lib/components/app/backends/index.ts b/tools/ui/src/lib/components/app/backends/index.ts
index 809cb6b3c5..c161149f81 100644
--- a/tools/ui/src/lib/components/app/backends/index.ts
+++ b/tools/ui/src/lib/components/app/backends/index.ts
@@ -1,4 +1,5 @@
 export { default as BackendCard } from './BackendCard.svelte';
 export { default as BackendForm } from './BackendForm.svelte';
+export { default as BackendPresetIcon } from './BackendPresetIcon.svelte';
 export { default as DialogBackendForm } from './DialogBackendForm.svelte';
 export { default as SettingsBackends } from './SettingsBackends.svelte';
diff --git a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorList.svelte b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorList.svelte
index b47ef970c3..3ada0362f1 100644
--- a/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorList.svelte
+++ b/tools/ui/src/lib/components/app/models/ModelsSelector/ModelsSelectorList.svelte
@@ -2,6 +2,7 @@
 	import ModelsSelectorDownloadItem from './ModelsSelectorDownloadItem.svelte';
 	import { ChevronLeft, CircleAlert, Loader2 } from '@lucide/svelte';
 	import { ModelsSelectorOption } from '$lib/components/app';
+	import { BackendPresetIcon } from '$lib/components/app/backends';
 	import { DialogConfirmDownload } from '$lib/components/app/dialogs';
 	import type { GroupedModelOptions, ModelItem } from '$lib/components/app/navigation/utils';
 	import { ModelDownloadConfirmAction } from '$lib/enums';
@@ -117,6 +118,10 @@
 			</button>
 		{/if}
 
+		{#if provider.preset}
+			<BackendPresetIcon class="h-3.5 w-3.5" preset={provider.preset} />
+		{/if}
+
 		{provider.name}
 
 		{#if provider.loading}
diff --git a/tools/ui/src/lib/components/app/navigation/utils.ts b/tools/ui/src/lib/components/app/navigation/utils.ts
index c7e37313c6..7240015dce 100644
--- a/tools/ui/src/lib/components/app/navigation/utils.ts
+++ b/tools/ui/src/lib/components/app/navigation/utils.ts
@@ -1,4 +1,5 @@
 import { ModelModality } from '$lib/enums';
+import type { BackendPreset } from '$lib/types';
 import type { ModelOption } from '$lib/types/models';
 import { SvelteMap } from 'svelte/reactivity';
 
@@ -24,6 +25,8 @@ export interface ProviderGroup {
 	/** Rows left after the search filter, before the cap. */
 	matched: number;
 	name: string;
+	/** Brand mark of the endpoint the backend was created from, when known. */
+	preset?: BackendPreset;
 }
 
 export interface GroupedModelOptions {
@@ -136,6 +139,7 @@ export function groupProviderOptions(
 		error: string | null;
 		loading: boolean;
 		name: string;
+		preset?: BackendPreset;
 	}[],
 	limit = Infinity
 ): ProviderGroup[] {
diff --git a/tools/ui/src/lib/constants/backend.constants.ts b/tools/ui/src/lib/constants/backend.constants.ts
index 2776fa58c5..f9e13b74f8 100644
--- a/tools/ui/src/lib/constants/backend.constants.ts
+++ b/tools/ui/src/lib/constants/backend.constants.ts
@@ -67,65 +67,61 @@ export const BACKEND_COMPAT: Record<BackendProtocol, BackendCompat> = {
  * carries no URL so the user starts from an empty form.
  */
 export const BACKEND_PRESETS: readonly BackendPreset[] = [
-	{
-		baseUrl: 'https://openrouter.ai/api',
-		id: 'openrouter',
-		name: 'OpenRouter',
-		protocol: 'openai'
-	},
-	{
-		baseUrl: 'https://api.together.xyz',
-		id: 'together',
-		name: 'Together',
-		protocol: 'openai'
-	},
 	{
 		baseUrl: 'https://router.huggingface.co',
+		iconUrl: '/backend-presets/huggingface.svg',
 		id: 'huggingface',
 		name: 'Hugging Face',
 		protocol: 'openai'
 	},
 	{
-		baseUrl: 'https://api.deepseek.com',
-		id: 'deepseek',
-		name: 'DeepSeek',
+		baseUrl: 'https://openrouter.ai/api',
+		// v2 brand: purple on light, lime on dark
+		iconUrlDark: '/backend-presets/openrouter-dark.svg',
+		iconUrlLight: '/backend-presets/openrouter-light.svg',
+		id: 'openrouter',
+		name: 'OpenRouter',
 		protocol: 'openai'
 	},
 	{
-		baseUrl: 'https://api.moonshot.ai',
-		id: 'kimi',
-		name: 'Kimi',
+		baseUrl: 'https://generativelanguage.googleapis.com/v1beta/openai',
+		chatPath: '/chat/completions',
+		iconUrl: '/backend-presets/google.svg',
+		id: 'google',
+		modelsPath: '/models',
+		name: 'Google',
 		protocol: 'openai'
 	},
 	{
 		baseUrl: 'https://api.z.ai/api/paas/v4',
 		chatPath: '/chat/completions',
+		iconUrl: '/backend-presets/zai.png',
 		id: 'zai',
 		modelsPath: '/models',
 		name: 'Z.ai',
 		protocol: 'openai'
 	},
 	{
-		baseUrl: 'https://api.openai.com',
-		// newer OpenAI models reject max_tokens
-		compat: { maxTokensField: 'max_completion_tokens' },
-		id: 'openai',
-		name: 'OpenAI',
+		baseUrl: 'https://api.deepseek.com',
+		iconUrl: '/backend-presets/deepseek.svg',
+		id: 'deepseek',
+		name: 'DeepSeek',
 		protocol: 'openai'
 	},
 	{
-		baseUrl: 'https://api.anthropic.com',
-		chatPath: '/v1/messages',
-		id: 'anthropic',
-		name: 'Anthropic',
-		protocol: 'anthropic'
+		baseUrl: 'https://api.moonshot.ai',
+		iconUrl: '/backend-presets/kimi.png',
+		id: 'kimi',
+		name: 'Kimi',
+		protocol: 'openai'
 	},
 	{
-		baseUrl: 'https://generativelanguage.googleapis.com/v1beta/openai',
+		baseUrl: 'https://dashscope-intl.aliyuncs.com/compatible-mode/v1',
 		chatPath: '/chat/completions',
-		id: 'google',
+		iconUrl: '/backend-presets/qwen.svg',
+		id: 'qwen',
 		modelsPath: '/models',
-		name: 'Google',
+		name: 'Qwen',
 		protocol: 'openai'
 	},
 	{
diff --git a/tools/ui/src/lib/hooks/use-models-selector.svelte.ts b/tools/ui/src/lib/hooks/use-models-selector.svelte.ts
index af1cfc69c8..f4c4b6b21e 100644
--- a/tools/ui/src/lib/hooks/use-models-selector.svelte.ts
+++ b/tools/ui/src/lib/hooks/use-models-selector.svelte.ts
@@ -15,6 +15,7 @@ import {
 } from '$lib/constants';
 import { backendsModelsStore, backendsStore, modelsStore, serverStore } from '$lib/stores';
 import type { ModelOption } from '$lib/types/models';
+import { findBackendPreset } from '$lib/utils/backend';
 import { rawModelId } from '$lib/utils/model-option-id';
 import { onMount } from 'svelte';
 
@@ -156,7 +157,8 @@ export function useModelsSelector(opts: UseModelsSelectorOptions): UseModelsSele
 					catalog: state.models.length,
 					error: state.error,
 					loading: state.loading,
-					name: backend.name
+					name: backend.name,
+					preset: findBackendPreset(backend.baseUrl)
 				};
 			})
 	);
diff --git a/tools/ui/src/lib/types/backend.d.ts b/tools/ui/src/lib/types/backend.d.ts
index 9fe150584d..8085d9b612 100644
--- a/tools/ui/src/lib/types/backend.d.ts
+++ b/tools/ui/src/lib/types/backend.d.ts
@@ -76,6 +76,12 @@ export interface BackendPreset {
 	apiKeyHelp?: string;
 	baseUrl: string;
 	chatPath?: string;
+	/** Brand mark used in both themes, for logos that carry their own background. */
+	iconUrl?: string;
+	/** Brand mark for the dark theme. Preferred over `iconUrl` when paired with `iconUrlLight`. */
+	iconUrlDark?: string;
+	/** Brand mark for the light theme. Preferred over `iconUrl` when paired with `iconUrlDark`. */
+	iconUrlLight?: string;
 	/** Wire quirks this preset needs on top of the protocol defaults. */
 	compat?: Partial<BackendCompat>;
 	id: string;
diff --git a/tools/ui/src/lib/utils/backend.ts b/tools/ui/src/lib/utils/backend.ts
index 2722d62f9a..d578648684 100644
--- a/tools/ui/src/lib/utils/backend.ts
+++ b/tools/ui/src/lib/utils/backend.ts
@@ -10,12 +10,19 @@ import {
 	BACKEND_CAPABILITIES,
 	BACKEND_COMPAT,
 	BACKEND_ID_PREFIX,
+	BACKEND_PRESETS,
 	BACKEND_PROTOCOLS,
 	DEFAULT_BACKEND_CHAT_PATH,
 	DEFAULT_BACKEND_MODELS_PATH,
 	LOCAL_BACKEND_ID
 } from '$lib/constants';
-import type { Backend, BackendCapabilities, BackendCompat, BackendProtocol } from '$lib/types';
+import type {
+	Backend,
+	BackendCapabilities,
+	BackendCompat,
+	BackendPreset,
+	BackendProtocol
+} from '$lib/types';
 
 /** Absolute chat completions URL for a backend. */
 export function backendChatUrl(backend: Backend): string {
@@ -27,6 +34,29 @@ export function backendModelsUrl(backend: Backend): string {
 	return joinBackendUrl(backend.baseUrl, backend.modelsPath ?? DEFAULT_BACKEND_MODELS_PATH);
 }
 
+/**
+ * Preset a backend was created from, matched on origin and path so a saved
+ * backend keeps its branding. Returns undefined for edited or custom URLs.
+ */
+export function findBackendPreset(baseUrl: string): BackendPreset | undefined {
+	const target = normalizeBaseUrl(baseUrl);
+
+	if (!target) return undefined;
+
+	return BACKEND_PRESETS.find((preset) => normalizeBaseUrl(preset.baseUrl) === target);
+}
+
+/** Origin and path of a URL, without a trailing slash; null when unparsable. */
+function normalizeBaseUrl(url: string): string | null {
+	try {
+		const parsed = new URL(url);
+
+		return `${parsed.origin}${parsed.pathname.replace(/\/+$/, '')}`.toLowerCase();
+	} catch {
+		return null;
+	}
+}
+
 /** Features a backend supports, derived from its protocol. */
 export function getBackendCapabilities(backend: Backend): BackendCapabilities {
 	return BACKEND_CAPABILITIES[backend.protocol] ?? BACKEND_CAPABILITIES.openai;
diff --git a/tools/ui/src/lib/utils/index.ts b/tools/ui/src/lib/utils/index.ts
index 31478440c3..15b33702a6 100644
--- a/tools/ui/src/lib/utils/index.ts
+++ b/tools/ui/src/lib/utils/index.ts
@@ -28,6 +28,7 @@ export {
 	backendChatUrl,
 	backendModelsUrl,
 	createLocalBackend,
+	findBackendPreset,
 	getBackendCapabilities,
 	parseBackendsSettings
 } from './backend';
diff --git a/tools/ui/static/backend-presets/deepseek.svg b/tools/ui/static/backend-presets/deepseek.svg
new file mode 100644
index 0000000000..185c108b45
--- /dev/null
+++ b/tools/ui/static/backend-presets/deepseek.svg
@@ -0,0 +1 @@
+<svg fill="#5786FE" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>DeepSeek</title><path d="M23.748 4.651c-.254-.124-.364.113-.512.233-.051.04-.094.09-.137.137-.372.397-.806.657-1.373.626-.829-.046-1.537.214-2.163.848-.133-.782-.575-1.248-1.247-1.548-.352-.155-.708-.311-.955-.65-.172-.24-.219-.509-.305-.774-.055-.16-.11-.323-.293-.35-.2-.031-.278.136-.356.276-.313.572-.434 1.202-.422 1.84.027 1.436.633 2.58 1.838 3.393.137.094.172.187.129.323-.082.28-.18.553-.266.833-.055.179-.137.218-.328.14a5.5 5.5 0 0 1-1.737-1.179c-.857-.828-1.631-1.743-2.597-2.46a12 12 0 0 0-.689-.47c-.985-.957.13-1.743.387-1.836.27-.098.094-.433-.778-.428-.872.003-1.67.295-2.687.685a3 3 0 0 1-.465.136 9.6 9.6 0 0 0-2.883-.101c-1.885.21-3.39 1.1-4.497 2.622C.082 8.776-.231 10.854.152 13.02c.403 2.284 1.568 4.175 3.36 5.653 1.857 1.533 3.997 2.284 6.438 2.14 1.482-.085 3.132-.284 4.994-1.86.47.234.962.328 1.78.398.629.058 1.235-.031 1.705-.129.735-.155.684-.836.418-.961-2.155-1.004-1.682-.595-2.112-.926 1.095-1.295 2.768-3.598 3.284-6.733.05-.346.115-.834.108-1.114-.004-.171.035-.238.23-.257a4.2 4.2 0 0 0 1.545-.475c1.397-.763 1.96-2.016 2.093-3.517.02-.23-.004-.467-.247-.588M11.58 18.168c-2.088-1.642-3.101-2.183-3.52-2.16-.39.024-.32.472-.234.763.09.288.207.487.371.74.114.167.192.416-.113.603-.673.416-1.842-.14-1.897-.168-1.361-.801-2.5-1.86-3.301-3.306-.775-1.393-1.225-2.888-1.299-4.482-.02-.385.094-.522.477-.592a4.7 4.7 0 0 1 1.53-.038c2.131.311 3.946 1.264 5.467 2.774.868.86 1.525 1.887 2.202 2.89.72 1.066 1.494 2.082 2.48 2.915.348.291.626.513.892.677-.802.09-2.14.109-3.055-.615zm1.001-6.44a.306.306 0 0 1 .415-.287.3.3 0 0 1 .113.074.3.3 0 0 1 .086.214c0 .17-.136.307-.308.307a.303.303 0 0 1-.306-.307m3.11 1.596c-.2.081-.4.151-.591.16a1.25 1.25 0 0 1-.798-.254c-.274-.23-.47-.358-.551-.758a1.7 1.7 0 0 1 .015-.588c.07-.327-.007-.537-.238-.727-.188-.156-.426-.199-.689-.199a.6.6 0 0 1-.254-.078.253.253 0 0 1-.114-.358 1 1 0 0 1 .192-.21c.356-.202.767-.136 1.146.016.352.144.618.408 1.001.782.392.451.462.576.685.915.176.264.336.536.446.848.066.194-.02.353-.25.45"/></svg>
\ No newline at end of file
diff --git a/tools/ui/static/backend-presets/google.svg b/tools/ui/static/backend-presets/google.svg
new file mode 100644
index 0000000000..e15e53ce01
--- /dev/null
+++ b/tools/ui/static/backend-presets/google.svg
@@ -0,0 +1 @@
+<svg fill="#8E75B2" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Google Gemini</title><path d="M11.04 19.32Q12 21.51 12 24q0-2.49.93-4.68.96-2.19 2.58-3.81t3.81-2.55Q21.51 12 24 12q-2.49 0-4.68-.93a12.3 12.3 0 0 1-3.81-2.58 12.3 12.3 0 0 1-2.58-3.81Q12 2.49 12 0q0 2.49-.96 4.68-.93 2.19-2.55 3.81a12.3 12.3 0 0 1-3.81 2.58Q2.49 12 0 12q2.49 0 4.68.96 2.19.93 3.81 2.55t2.55 3.81"/></svg>
\ No newline at end of file
diff --git a/tools/ui/static/backend-presets/huggingface.svg b/tools/ui/static/backend-presets/huggingface.svg
new file mode 100644
index 0000000000..a52cbe3ec4
--- /dev/null
+++ b/tools/ui/static/backend-presets/huggingface.svg
@@ -0,0 +1 @@
+<svg fill="#FFD21E" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Hugging Face</title><path d="M12.025 1.13c-5.77 0-10.449 4.647-10.449 10.378 0 1.112.178 2.181.503 3.185.064-.222.203-.444.416-.577a.96.96 0 0 1 .524-.15c.293 0 .584.124.84.284.278.173.48.408.71.694.226.282.458.611.684.951v-.014c.017-.324.106-.622.264-.874s.403-.487.762-.543c.3-.047.596.06.787.203s.31.313.4.467c.15.257.212.468.233.542.01.026.653 1.552 1.657 2.54.616.605 1.01 1.223 1.082 1.912.055.537-.096 1.059-.38 1.572.637.121 1.294.187 1.967.187.657 0 1.298-.063 1.921-.178-.287-.517-.44-1.041-.384-1.581.07-.69.465-1.307 1.081-1.913 1.004-.987 1.647-2.513 1.657-2.539.021-.074.083-.285.233-.542.09-.154.208-.323.4-.467a1.08 1.08 0 0 1 .787-.203c.359.056.604.29.762.543s.247.55.265.874v.015c.225-.34.457-.67.683-.952.23-.286.432-.52.71-.694.257-.16.547-.284.84-.285a.97.97 0 0 1 .524.151c.228.143.373.388.43.625l.006.04a10.3 10.3 0 0 0 .534-3.273c0-5.731-4.678-10.378-10.449-10.378M8.327 6.583a1.5 1.5 0 0 1 .713.174 1.487 1.487 0 0 1 .617 2.013c-.183.343-.762-.214-1.102-.094-.38.134-.532.914-.917.71a1.487 1.487 0 0 1 .69-2.803m7.486 0a1.487 1.487 0 0 1 .689 2.803c-.385.204-.536-.576-.916-.71-.34-.12-.92.437-1.103.094a1.487 1.487 0 0 1 .617-2.013 1.5 1.5 0 0 1 .713-.174m-10.68 1.55a.96.96 0 1 1 0 1.921.96.96 0 0 1 0-1.92m13.838 0a.96.96 0 1 1 0 1.92.96.96 0 0 1 0-1.92M8.489 11.458c.588.01 1.965 1.157 3.572 1.164 1.607-.007 2.984-1.155 3.572-1.164.196-.003.305.12.305.454 0 .886-.424 2.328-1.563 3.202-.22-.756-1.396-1.366-1.63-1.32q-.011.001-.02.006l-.044.026-.01.008-.03.024q-.018.017-.035.036l-.032.04a1 1 0 0 0-.058.09l-.014.025q-.049.088-.11.19a1 1 0 0 1-.083.116 1.2 1.2 0 0 1-.173.18q-.035.029-.075.058a1.3 1.3 0 0 1-.251-.243 1 1 0 0 1-.076-.107c-.124-.193-.177-.363-.337-.444-.034-.016-.104-.008-.2.022q-.094.03-.216.087-.06.028-.125.063l-.13.074q-.067.04-.136.086a3 3 0 0 0-.135.096 3 3 0 0 0-.26.219 2 2 0 0 0-.12.121 2 2 0 0 0-.106.128l-.002.002a2 2 0 0 0-.09.132l-.001.001a1.2 1.2 0 0 0-.105.212q-.013.036-.024.073c-1.139-.875-1.563-2.317-1.563-3.203 0-.334.109-.457.305-.454m.836 10.354c.824-1.19.766-2.082-.365-3.194-1.13-1.112-1.789-2.738-1.789-2.738s-.246-.945-.806-.858-.97 1.499.202 2.362c1.173.864-.233 1.45-.685.64-.45-.812-1.683-2.896-2.322-3.295s-1.089-.175-.938.647 2.822 2.813 2.562 3.244-1.176-.506-1.176-.506-2.866-2.567-3.49-1.898.473 1.23 2.037 2.16c1.564.932 1.686 1.178 1.464 1.53s-3.675-2.511-4-1.297c-.323 1.214 3.524 1.567 3.287 2.405-.238.839-2.71-1.587-3.216-.642-.506.946 3.49 2.056 3.522 2.064 1.29.33 4.568 1.028 5.713-.624m5.349 0c-.824-1.19-.766-2.082.365-3.194 1.13-1.112 1.789-2.738 1.789-2.738s.246-.945.806-.858.97 1.499-.202 2.362c-1.173.864.233 1.45.685.64.451-.812 1.683-2.896 2.322-3.295s1.089-.175.938.647-2.822 2.813-2.562 3.244 1.176-.506 1.176-.506 2.866-2.567 3.49-1.898-.473 1.23-2.037 2.16c-1.564.932-1.686 1.178-1.464 1.53s3.675-2.511 4-1.297c.323 1.214-3.524 1.567-3.287 2.405.238.839 2.71-1.587 3.216-.642.506.946-3.49 2.056-3.522 2.064-1.29.33-4.568 1.028-5.713-.624"/></svg>
\ No newline at end of file
diff --git a/tools/ui/static/backend-presets/kimi.png b/tools/ui/static/backend-presets/kimi.png
new file mode 100644
index 0000000000000000000000000000000000000000..213b9b83d6cd30fd57077aa18244dfc4e6fd0d14
GIT binary patch
literal 1835
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
Z&HtzDo%F}^fHVLA002ovPDHLkV1i=CR>uGU

literal 0
HcmV?d00001

diff --git a/tools/ui/static/backend-presets/openrouter-dark.svg b/tools/ui/static/backend-presets/openrouter-dark.svg
new file mode 100644
index 0000000000..5df05ac315
--- /dev/null
+++ b/tools/ui/static/backend-presets/openrouter-dark.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 401.4 293.7">
+  <defs><style>.st-glyph { fill: #C8FF00; }</style></defs>
+  <path class="st-glyph" d="M303.9475,17.19926c42.79734,0,77.48933,34.69327,77.48933,77.48933s-34.69199,77.48933-77.48933,77.48933l76.86166,76.86244c9.76367,9.76313,2.84903,26.45667-10.95697,26.45667h-220.88335c-71.32686,0-129.14889-57.82202-129.14889-129.14889S77.64197,17.19926,148.96884,17.19926h154.97866ZM148.96884,68.85881c-42.79607,0-77.48933,34.69327-77.48933,77.48933s34.69327,77.48933,77.48933,77.48933,77.48933-34.69327,77.48933-77.48933-34.69327-77.48933-77.48933-77.48933Z"/>
+</svg>
diff --git a/tools/ui/static/backend-presets/openrouter-light.svg b/tools/ui/static/backend-presets/openrouter-light.svg
new file mode 100644
index 0000000000..8fbbb87178
--- /dev/null
+++ b/tools/ui/static/backend-presets/openrouter-light.svg
@@ -0,0 +1,5 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 401.4 293.7">
+  <defs><style>.st-glyph { fill: #7624F4; }</style></defs>
+  <path class="st-glyph" d="M303.9475,17.19926c42.79734,0,77.48933,34.69327,77.48933,77.48933s-34.69199,77.48933-77.48933,77.48933l76.86166,76.86244c9.76367,9.76313,2.84903,26.45667-10.95697,26.45667h-220.88335c-71.32686,0-129.14889-57.82202-129.14889-129.14889S77.64197,17.19926,148.96884,17.19926h154.97866ZM148.96884,68.85881c-42.79607,0-77.48933,34.69327-77.48933,77.48933s34.69327,77.48933,77.48933,77.48933,77.48933-34.69327,77.48933-77.48933-34.69327-77.48933-77.48933-77.48933Z"/>
+</svg>
diff --git a/tools/ui/static/backend-presets/qwen.svg b/tools/ui/static/backend-presets/qwen.svg
new file mode 100644
index 0000000000..351c2d9315
--- /dev/null
+++ b/tools/ui/static/backend-presets/qwen.svg
@@ -0,0 +1 @@
+<svg fill="#6950EF" role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>QWen</title><path d="M23.919 14.545 20.817 9.17l1.47-2.544a.56.56 0 0 0 0-.566l-1.633-2.83a.57.57 0 0 0-.49-.283h-6.207L12.487.402a.57.57 0 0 0-.49-.284H8.732a.56.56 0 0 0-.49.284L5.139 5.775h-2.94a.56.56 0 0 0-.49.284L.077 8.887a.56.56 0 0 0 0 .567L3.18 14.83l-1.47 2.545a.56.56 0 0 0 0 .566l1.634 2.83a.57.57 0 0 0 .49.283h6.205l1.47 2.545a.57.57 0 0 0 .49.284h3.266a.57.57 0 0 0 .49-.284l3.104-5.375h2.94a.57.57 0 0 0 .49-.283l1.634-2.828a.55.55 0 0 0-.004-.568M8.733.686l1.634 2.828-1.634 2.828H21.8L20.164 9.17H7.425L5.63 6.06Zm1.306 19.801-6.205-.002 1.634-2.83h3.265L2.201 6.344h3.267q3.182 5.517 6.367 11.032zm10.124-5.66L18.53 12l-6.532 11.315-1.634-2.83c2.129-3.673 4.25-7.351 6.373-11.028h3.592l3.102 5.374z"/></svg>
\ No newline at end of file
diff --git a/tools/ui/static/backend-presets/zai.png b/tools/ui/static/backend-presets/zai.png
new file mode 100644
index 0000000000000000000000000000000000000000..70c33481a4ce590c29759226284b89542de6fdd3
GIT binary patch
literal 1064
zcmV+@1lRkCP)<h;3K|Lk000e1NJLTq004jh004jp0{{R3^x%>C0001HP)t-sEiEno
z|NjvY5!Tk$%*@Qw)6)$N4JRij;Naj}TU!7C03#zKDk>@)8yg-T9tH*m?(XiSq@)%W
z7GYsw`T6-&R8;8b=$e|Ee0+S1i;Hb-ZL6!Rw6wIpzrV)D#*&hfNJvOJIyy6c3kU!J
z1AR$EK~#90?VIazqc9AGX)cDCI}}20ZFv8eTxc@c#28DFh1t$>es(nID~|0WVS67l
z%Ub{zfCWJN*DP4GE69)lSze~8Sg}i_vdo7NDnQoA*!L!qAIoEH2FPVNRrZ@gxi<ln
zt7+5sDt6-lRWf~k&r7aj07obJJAzUVa1w6vd){iV1IVPS{GKOk4L~#T@BdlhaR}h@
z1$3_<8vvYQmjH1-04OJ0|8(-J0f5sH=*B<=$WpfeB2WO<&K7~2R$B#N>tGjn0oW`6
z3&1Y`h=ss-)7uj615xTuhX9DrL4a}Rm!2Rj&7r{|d>h~q0;uXXk*N4I2W9Hx`2hAs
z7c0MjsH?iwu>l1ACYCfn)c0VoX9H-XZUCSHb3NQ@xd58pNXr0-@}sE$HvPX=?13nq
z-RA-LOrmFVGop*mYVZJ*{p1$<viqUI3`7HL#~yiCz3X4CI0Ipo)@&jGqH1SUoAytB
za`<}Xg)Tp8FNl1jety|e2;>h&%r4h%D4}s`hcl29AU**34`byH4}jkS`8T801`mK#
z8$ODD)`<xLRwv*El;Z_A2SB(ROMKVaQ0y=Oz$V00ZZZJ8Z$fwhU=yNW0=WPvCWI9L
zG$GOG3}gWSO-KXu94!H8CWH|nC7BRD0HO(D1At8k{4g5;vI*e=Ae#^-0J;g`0kAM3
zJOH2xi4g-}0bpZ7H~>Hsg8l451OQD)jqQ080qjhOJ%FVNu?Da;A=UttP6#IesT0Bo
z;9tiQ-vycwO90S>y!FlHeE<d%Vg*3$gm3|{m=GHP787Ct0Gbe}46p<MXCTgm&;cwu
zAuIq~CWH!L)d^t$;4>ja06r5!17I{EBmhnmLIOZ`LNJYO5&*6f;-{^-wO<VgkN`Ln
zl2pJ#W%?dt20(p|0sA%GQcVOvnGkTDpabAKA@Ty|Cj#J12)Itr0Z=9cTqo!NxK4;%
zPX&PMgcRSH{3HN@F(KeOK?evAbzo9`>`h4gWej@gOgKLf3bSr|a12D<HSC-Hieo$r
zzyjbFVD=-Ovma`m{aEk(2b*U<+CBT>_Suj3JDmrAU%*UPJn|16!0eY?x;n$jOh{fT
zsaIEhbTA6ywcJr`{VARLs#mIXyj)*)Yt(XAcipd&s3X;HN(fmYuKV3o^W1TKmA=sU
iN3VP?01LqX1n>uIghvXreKlGD0000<MNUMnLSTZ;_PN^t

literal 0
HcmV?d00001