feat(connect-ui): [VLOP-114] remove Restricted/Unrestricted mode from agent UI

- Delete the TransactionMode section (radio cards + "Unrestricted mode
  is on" banner) and PasswordModal, whose only consumer it was
- Whitelisted addresses section now always renders (restricted is the
  server-side default; the UI no longer offers a way to change it)
- Drop mode-only styling tokens from theme.ts
- Keep protected/mode in types.ts and the password-gated path in
  useUpdateSettings: the API mirror is unchanged, no component sends a
  mode patch anymore

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>

Author: atepem

apps/connect-ui/__tests__/App.spec.tsx

@@ -4,19 +4,14 @@ import { render, screen, waitFor } from '@testing-library/react';
 import App from '../src/App';
 import { ConnectSettings } from '../src/types';
 
-const restrictedSettings: ConnectSettings = {
+const settings: ConnectSettings = {
   protected: {
     mode: 'restricted',
     whitelist: { gnosis: ['0x735faab1c4ec41128c367afb5c3bac73509f70bb'] },
   },
   harness: 'claude_code_desktop',
 };
 
-const unrestrictedSettings: ConnectSettings = {
-  ...restrictedSettings,
-  protected: { ...restrictedSettings.protected, mode: 'unrestricted' },
-};
-
 const renderApp = () => {
   const queryClient = new QueryClient({
     defaultOptions: { queries: { retry: false }, mutations: { retry: false } },
@@ -46,32 +41,20 @@ describe('App', () => {
     expect(container.querySelector('.ant-spin')).toBeInTheDocument();
   });
 
-  it('renders all sections including the whitelist in restricted mode', async () => {
+  it('renders all sections once settings load', async () => {
     (global.fetch as jest.Mock).mockResolvedValue({
       ok: true,
-      json: () => Promise.resolve(restrictedSettings),
+      json: () => Promise.resolve(settings),
     });
 
     renderApp();
 
     await waitFor(() => expect(screen.getByText('Get started with Connect')).toBeInTheDocument());
     expect(screen.getByText('Coding tool')).toBeInTheDocument();
-    expect(screen.getByText('Transaction mode')).toBeInTheDocument();
     expect(screen.getByText('Whitelisted addresses')).toBeInTheDocument();
     // Whitelist entries are deliberately not listed.
     expect(screen.queryByText('0x735f...70bb')).not.toBeInTheDocument();
-    expect(screen.queryByText('Unrestricted mode is on')).not.toBeInTheDocument();
-  });
-
-  it('hides the whitelist and shows the banner in unrestricted mode', async () => {
-    (global.fetch as jest.Mock).mockResolvedValue({
-      ok: true,
-      json: () => Promise.resolve(unrestrictedSettings),
-    });
-
-    renderApp();
-
-    await waitFor(() => expect(screen.getByText('Unrestricted mode is on')).toBeInTheDocument());
-    expect(screen.queryByText('Whitelisted addresses')).not.toBeInTheDocument();
+    // The Restricted/Unrestricted mode section was removed from the agent UI.
+    expect(screen.queryByText('Transaction mode')).not.toBeInTheDocument();
   });
 });

apps/connect-ui/__tests__/components/TransactionMode.spec.tsx

@@ -5,7 +5,6 @@ import styled from 'styled-components';
 
 import { CodingTool } from './components/CodingTool/CodingTool';
 import { GetStarted } from './components/GetStarted/GetStarted';
-import { TransactionMode } from './components/TransactionMode/TransactionMode';
 import { WhitelistedAddresses } from './components/WhitelistedAddresses/WhitelistedAddresses';
 import { COLOR } from './constants/theme';
 import { useSettings } from './hooks/useSettings';
@@ -35,13 +34,7 @@ const Profile = () => {
       <Divider style={{ margin: 0 }} />
       <CodingTool settings={data} />
       <Divider style={{ margin: 0 }} />
-      <TransactionMode settings={data} />
-      {data.protected.mode === 'restricted' && (
-        <>
-          <Divider style={{ margin: 0 }} />
-          <WhitelistedAddresses />
-        </>
-      )}
+      <WhitelistedAddresses />
     </>
   );
 };