From 4ea7d53c23b7f1d27121ff1c863656a2310d6bf8 Mon Sep 17 00:00:00 2001
From: Johnny Amancio <johnnyeric@gmail.com>
Date: Mon, 29 Jun 2026 11:40:51 +0200
Subject: [PATCH] fix(vscode): use models sparkle icon for auto model instead
 of branch

The branch icon read as a git merge glyph for the auto model entry.
Swap to the models sparkle icon, which conveys automatic/AI selection.
---
 .changeset/model-selector-auto-icon.md                       | 5 +++++
 .../webview-ui/src/components/shared/ModelPreview.tsx        | 2 +-
 .../webview-ui/src/components/shared/ModelSelector.tsx       | 2 +-
 3 files changed, 7 insertions(+), 2 deletions(-)
 create mode 100644 .changeset/model-selector-auto-icon.md

diff --git a/.changeset/model-selector-auto-icon.md b/.changeset/model-selector-auto-icon.md
new file mode 100644
index 00000000000..a156218670b
--- /dev/null
+++ b/.changeset/model-selector-auto-icon.md
@@ -0,0 +1,5 @@
+---
+"kilo-code": patch
+---
+
+Use the models sparkle icon for Auto models in the model selector.
diff --git a/packages/kilo-vscode/webview-ui/src/components/shared/ModelPreview.tsx b/packages/kilo-vscode/webview-ui/src/components/shared/ModelPreview.tsx
index b8146eda0e3..a88bc752668 100644
--- a/packages/kilo-vscode/webview-ui/src/components/shared/ModelPreview.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/shared/ModelPreview.tsx
@@ -108,7 +108,7 @@ export const ModelPreview: Component<Props> = (props) => {
                       <Show when={isAuto(model())}>
                         <Tooltip value={autoLabel()} placement="top">
                           <span class="model-preview-auto-icon" aria-label={autoLabel()}>
-                            <Icon name="branch" size="small" />
+                            <Icon name="models" size="small" />
                           </span>
                         </Tooltip>
                       </Show>
diff --git a/packages/kilo-vscode/webview-ui/src/components/shared/ModelSelector.tsx b/packages/kilo-vscode/webview-ui/src/components/shared/ModelSelector.tsx
index 73e1b684bcd..d08274bc501 100644
--- a/packages/kilo-vscode/webview-ui/src/components/shared/ModelSelector.tsx
+++ b/packages/kilo-vscode/webview-ui/src/components/shared/ModelSelector.tsx
@@ -965,7 +965,7 @@ export const ModelSelectorBase: Component<ModelSelectorBaseProps> = (props) => {
                                 <Show when={isAuto(model)}>
                                   <Tooltip value={autoLabel(model)} placement="top">
                                     <span class="model-selector-auto-icon" aria-label={autoLabel(model)}>
-                                      <Icon name="branch" size="small" />
+                                      <Icon name="models" size="small" />
                                     </span>
                                   </Tooltip>
                                 </Show>