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(
+ ,
+ )
+
+ 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()
+ 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 = {
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',