refactor: Component hierarchy and code cleanup (#1319)

ui/desktop/src/components/settings/SettingsView.tsx

@@ -14,7 +14,7 @@ import { ConfigureBuiltInExtensionModal } from './extensions/ConfigureBuiltInExt
 import BackButton from '../ui/BackButton';
 import { RecentModelsRadio } from './models/RecentModels';
 import { ExtensionItem } from './extensions/ExtensionItem';
-import type { View } from '../../ChatWindow';
+import type { View } from '../../App';
 
 const EXTENSIONS_DESCRIPTION =
   'The Model Context Protocol (MCP) is a system that allows AI models to securely connect with local or remote resources using standard server setups. It works like a client-server setup and expands AI capabilities using three main components: Prompts, Resources, and Tools.';
@@ -46,10 +46,7 @@ const DEFAULT_SETTINGS: SettingsType = {
   extensions: BUILT_IN_EXTENSIONS,
 };
 
-// We'll accept two props:
-// onClose: to go back to chat
-// setView: to switch to moreModels, configureProviders, etc.
-export default function Settings({
+export default function SettingsView({
   onClose,
   setView,
 }: {

ui/desktop/src/components/settings/models/MoreModelsView.tsx

@@ -3,20 +3,17 @@ import { RecentModels } from './RecentModels';
 import { ProviderButtons } from './ProviderButtons';
 import BackButton from '../../ui/BackButton';
 import { SearchBar } from './Search';
-import { useModel } from './ModelContext';
 import { AddModelInline } from './AddModelInline';
 import { ScrollArea } from '../../ui/scroll-area';
-import type { View } from '../../../ChatWindow';
+import type { View } from '../../../App';
 
-export default function MoreModelsPage({
+export default function MoreModelsView({
   onClose,
   setView,
 }: {
   onClose: () => void;
   setView: (view: View) => void;
 }) {
-  const { currentModel } = useModel();
-
   return (
     <div className="h-screen w-full">
       <div className="relative flex items-center h-[36px] w-full bg-bgSubtle"></div>

ui/desktop/src/components/settings/providers/ConfigureProvidersView.tsx

@@ -2,15 +2,8 @@ import React from 'react';
 import { ScrollArea } from '../../ui/scroll-area';
 import BackButton from '../../ui/BackButton';
 import { ConfigureProvidersGrid } from './ConfigureProvidersGrid';
-import type { View } from '../../../ChatWindow';
 
-export default function ConfigureProviders({
-  onClose,
-  setView,
-}: {
-  onClose: () => void;
-  setView?: (view: View) => void;
-}) {
+export default function ConfigureProvidersView({ onClose }: { onClose: () => void }) {
   return (
     <div className="h-screen w-full">
       <div className="relative flex items-center h-[36px] w-full bg-bgSubtle"></div>