From 4f17693da34f39fbcd30abb7f387f89791d5bebd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=A8=8B=E5=BA=8F=E5=91=98=E9=98=BF=E6=B1=9F=28Relakkes?=
 =?UTF-8?q?=29?= <relakkes@gmail.com>
Date: Mon, 13 Jul 2026 12:54:03 +0800
Subject: [PATCH] fix(desktop): refine Auto mode icon #978

---
 .../controls/PermissionModeSelector.test.tsx      | 15 +++++++++++++++
 .../controls/PermissionModeSelector.tsx           |  6 +++---
 2 files changed, 18 insertions(+), 3 deletions(-)

diff --git a/desktop/src/components/controls/PermissionModeSelector.test.tsx b/desktop/src/components/controls/PermissionModeSelector.test.tsx
index 69652316..f1561696 100644
--- a/desktop/src/components/controls/PermissionModeSelector.test.tsx
+++ b/desktop/src/components/controls/PermissionModeSelector.test.tsx
@@ -435,6 +435,21 @@ describe('PermissionModeSelector', () => {
     expect(screen.getByRole('menuitem', { name: /Auto mode/ })).toBeInTheDocument()
   })
 
+  it('uses the automatic-execution glyph for Auto mode', () => {
+    const { rerender } = render(
+      <PermissionModeSelector value="default" onChange={vi.fn()} />,
+    )
+
+    fireEvent.click(screen.getByRole('button', { name: 'Ask permissions' }))
+    const autoItem = screen.getByRole('menuitem', { name: /Auto mode/ })
+    expect(autoItem.querySelector('.material-symbols-outlined')).toHaveTextContent('autoplay')
+    expect(autoItem.querySelector('.material-symbols-outlined')).not.toHaveTextContent('auto_awesome')
+
+    rerender(<PermissionModeSelector value="auto" onChange={vi.fn()} />)
+    expect(screen.getByRole('button', { name: 'Auto mode' }))
+      .toHaveTextContent('autoplay')
+  })
+
   it('does not change mode when first-use Auto confirmation is cancelled', () => {
     const onChange = vi.fn()
     useSettingsStore.setState({ autoModeOptInAccepted: false } as never)
diff --git a/desktop/src/components/controls/PermissionModeSelector.tsx b/desktop/src/components/controls/PermissionModeSelector.tsx
index cb069607..0cacfb82 100644
--- a/desktop/src/components/controls/PermissionModeSelector.tsx
+++ b/desktop/src/components/controls/PermissionModeSelector.tsx
@@ -16,7 +16,7 @@ import { AutoModeOptInDialog } from './AutoModeOptInDialog'
 const MODE_ICONS: Record<PermissionMode, string> = {
   default: 'verified_user',
   acceptEdits: 'bolt',
-  auto: 'auto_awesome',
+  auto: 'autoplay',
   plan: 'architecture',
   bypassPermissions: 'gavel',
   dontAsk: 'gavel',
@@ -83,8 +83,8 @@ export function PermissionModeSelector({ workDir: workDirProp, compact = false,
       value: 'auto',
       label: t('permMode.autoMode'),
       description: t('permMode.autoModeDesc'),
-      icon: 'auto_awesome',
-      color: 'text-[var(--color-warning)]',
+      icon: 'autoplay',
+      color: 'text-[var(--color-brand)]',
     },
     {
       value: 'plan',