feat: init UI implementation for tool permission control (#2194)

ui/desktop/src/App.tsx

@@ -35,6 +35,7 @@ import 'react-toastify/dist/ReactToastify.css';
 import { useConfig, MalformedConfigError } from './components/ConfigContext';
 import { addExtensionFromDeepLink as addExtensionFromDeepLinkV2 } from './components/settings_v2/extensions';
 import { initConfig } from './api/sdk.gen';
+import PermissionSettingsView from './components/settings_v2/permission/PermissionSetting';
 
 // Views and their options
 export type View =
@@ -49,7 +50,8 @@ export type View =
   | 'sessions'
   | 'sharedSession'
   | 'loading'
-  | 'recipeEditor';
+  | 'recipeEditor'
+  | 'permission';
 
 export type ViewOptions =
   | SettingsViewOptions
@@ -779,6 +781,7 @@ export default function App() {
               }}
             />
           )}
+          {view === 'permission' && <PermissionSettingsView onClose={() => setView('settings')} />}
         </div>
       </div>
       {isGoosehintsModalOpen && (