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',