From c6f9e74477d7ce43c8f456894ba212ec7ecf08f6 Mon Sep 17 00:00:00 2001
From: "Timothy J. Baek" <timothyjrbeck@gmail.com>
Date: Sun, 24 Mar 2024 23:26:00 -0700
Subject: [PATCH] feat: external model icon

---
 src/lib/components/chat/ModelSelector.svelte  |  3 ++-
 .../chat/ModelSelector/Selector.svelte        | 21 ++++++++++++++++++-
 2 files changed, 22 insertions(+), 2 deletions(-)

diff --git a/src/lib/components/chat/ModelSelector.svelte b/src/lib/components/chat/ModelSelector.svelte
index bccfd22c0..b0bb5e870 100644
--- a/src/lib/components/chat/ModelSelector.svelte
+++ b/src/lib/components/chat/ModelSelector.svelte
@@ -45,7 +45,8 @@
 							.map((model) => ({
 								value: model.id,
 								label:
-									model.name + `${model.size ? ` (${(model.size / 1024 ** 3).toFixed(1)}GB)` : ''}`
+									model.name + `${model.size ? ` (${(model.size / 1024 ** 3).toFixed(1)}GB)` : ''}`,
+								info: model
 							}))}
 						bind:value={selectedModel}
 					/>
diff --git a/src/lib/components/chat/ModelSelector/Selector.svelte b/src/lib/components/chat/ModelSelector/Selector.svelte
index c32201de3..a84b920cc 100644
--- a/src/lib/components/chat/ModelSelector/Selector.svelte
+++ b/src/lib/components/chat/ModelSelector/Selector.svelte
@@ -219,7 +219,26 @@
 						value={item.value}
 						label={item.label}
 					>
-						{item.label}
+						<div class="flex items-center gap-2">
+							<div class="line-clamp-1">
+								{item.label}
+							</div>
+
+							{#if item.info.external}
+								<div class=" mr-2">
+									<svg
+										xmlns="http://www.w3.org/2000/svg"
+										viewBox="0 0 16 16"
+										fill="currentColor"
+										class="w-4 h-4"
+									>
+										<path
+											d="M1 9.5A3.5 3.5 0 0 0 4.5 13H12a3 3 0 0 0 .917-5.857 2.503 2.503 0 0 0-3.198-3.019 3.5 3.5 0 0 0-6.628 2.171A3.5 3.5 0 0 0 1 9.5Z"
+										/>
+									</svg>
+								</div>
+							{/if}
+						</div>
 
 						{#if value === item.value}
 							<div class="ml-auto">