From a445cdd824027fc40ff666ac53e1bddf8710cbb6 Mon Sep 17 00:00:00 2001
From: Peter Steinberger <steipete@gmail.com>
Date: Sat, 8 Aug 2026 12:37:58 -0700
Subject: [PATCH] fix(ui): remove model picker chevrons (#120673)

---
 ui/src/pages/chat/chat-responsive.browser.test.ts |  2 --
 .../pages/chat/components/chat-effort-picker.ts   |  3 ---
 ui/src/pages/chat/components/chat-model-picker.ts |  3 ---
 ui/src/styles/chat/layout.css                     | 15 ---------------
 4 files changed, 23 deletions(-)

diff --git a/ui/src/pages/chat/chat-responsive.browser.test.ts b/ui/src/pages/chat/chat-responsive.browser.test.ts
index 8e9148a82c2e..6ecafdd7de7a 100644
--- a/ui/src/pages/chat/chat-responsive.browser.test.ts
+++ b/ui/src/pages/chat/chat-responsive.browser.test.ts
@@ -285,7 +285,6 @@ function composerControlsHtml() {
           <details class="chat-controls__inline-select chat-controls__model-picker">
           <summary class="chat-controls__inline-select-trigger" data-chat-composer-model="true" aria-label="Chat model">
             <span class="chat-controls__inline-select-label">GPT-5.6</span>
-            <span class="chat-controls__inline-select-icon">${iconSvg()}</span>
           </summary>
           <div class="chat-controls__inline-select-menu chat-controls__model-menu">
             <div class="chat-controls__model-search-wrap"><input class="chat-controls__model-search" placeholder="Search models" /></div>
@@ -299,7 +298,6 @@ function composerControlsHtml() {
           <details class="chat-controls__inline-select chat-controls__effort-picker">
           <summary class="chat-controls__inline-select-trigger" data-chat-composer-effort="true" aria-label="Effort">
             <span class="chat-controls__inline-select-label">High</span>
-            <span class="chat-controls__inline-select-icon">${iconSvg()}</span>
           </summary>
           <div class="chat-controls__inline-select-menu chat-controls__effort-menu">
             <div class="chat-controls__reasoning-panel">Effort</div>
diff --git a/ui/src/pages/chat/components/chat-effort-picker.ts b/ui/src/pages/chat/components/chat-effort-picker.ts
index 5529f3efd76a..3f0f76dd954f 100644
--- a/ui/src/pages/chat/components/chat-effort-picker.ts
+++ b/ui/src/pages/chat/components/chat-effort-picker.ts
@@ -162,9 +162,6 @@ export function renderChatEffortPicker(params: ChatEffortPickerParams) {
           ? html`<span class="chat-controls__effort-zap" aria-hidden="true">${icons.zap}</span>`
           : nothing}
         <span class="chat-controls__inline-select-label">${triggerLabel}</span>
-        <span class="chat-controls__inline-select-icon" aria-hidden="true">
-          ${icons.chevronDown}
-        </span>
       </summary>
       <div
         class="chat-controls__inline-select-menu chat-controls__effort-menu"
diff --git a/ui/src/pages/chat/components/chat-model-picker.ts b/ui/src/pages/chat/components/chat-model-picker.ts
index 5d738ba97a7d..ec00eabff4a9 100644
--- a/ui/src/pages/chat/components/chat-model-picker.ts
+++ b/ui/src/pages/chat/components/chat-model-picker.ts
@@ -406,9 +406,6 @@ export function renderChatModelPicker(params: ChatModelPickerParams) {
         ${params.triggerStatusLabel || !triggerMeta
           ? nothing
           : html`<span class="chat-controls__trigger-meta">${triggerMeta}</span>`}
-        <span class="chat-controls__inline-select-icon" aria-hidden="true">
-          ${icons.chevronDown}
-        </span>
       </summary>
       <div
         class="chat-controls__inline-select-menu chat-controls__model-menu"
diff --git a/ui/src/styles/chat/layout.css b/ui/src/styles/chat/layout.css
index 200aa42aef88..56661303820d 100644
--- a/ui/src/styles/chat/layout.css
+++ b/ui/src/styles/chat/layout.css
@@ -4347,17 +4347,6 @@ openclaw-chat-video-player {
   height: 12px;
 }
 
-/* Keep the chevron pinned right when the mobile trigger stretches. */
-.chat-controls__inline-select-icon {
-  display: inline-flex;
-  width: 14px;
-  height: 14px;
-  margin-left: auto;
-  color: var(--muted);
-  flex: 0 0 auto;
-}
-
-.chat-controls__inline-select-icon svg,
 .chat-controls__inline-select-check svg {
   width: 100%;
   height: 100%;
@@ -4365,10 +4354,6 @@ openclaw-chat-video-player {
   fill: none;
 }
 
-.chat-controls__inline-select[open] .chat-controls__inline-select-icon {
-  transform: rotate(180deg);
-}
-
 .chat-controls__inline-select-menu {
   position: absolute;
   left: 0;