refactor(settings): move model aliases into advanced settings

src/App.tsx

@@ -8,7 +8,6 @@ import {
   ExternalLink,
   FileKey,
   Gauge,
-  GitFork,
   History,
   House,
   Languages,
@@ -29,7 +28,6 @@ import { KernelPage } from './pages/Kernel';
 import { OAuthLoginPage } from './pages/ManagementPages';
 import { QuotaPage } from './pages/QuotaPage';
 import { AgentsPage } from './pages/AgentsPage';
-import { ThinkingAliasesPage } from './pages/ThinkingAliasesPage';
 import { UsageRecordsPage } from './pages/UsageRecordsPage';
 import { languageOptions, useI18n } from './i18n';
 import { AppUpdateDialog, AppUpdateProvider, useAppUpdate } from './appUpdate';
@@ -58,12 +56,6 @@ const pages = [
     icon: Settings,
     component: ConfigPanelPage,
   },
-  {
-    id: 'thinking-aliases',
-    labelKey: 'app.nav.thinkingAliases',
-    icon: GitFork,
-    component: ThinkingAliasesPage,
-  },
   {
     id: 'oauth',
     labelKey: 'app.nav.oauth',

src/pages/ConfigPanel.tsx

@@ -22,6 +22,7 @@ import {
 } from 'lucide-react';
 import { useCoreRuntime, type CoreStatus } from '../coreRuntime';
 import { useI18n } from '../i18n';
+import { ThinkingAliasesPage } from './ThinkingAliasesPage';
 
 type CoreConfigSettings = {
   apiKeys: CoreApiKey[];
@@ -48,7 +49,7 @@ type ConfigAction =
   | 'network'
   | null;
 type NoticeTone = 'success' | 'error';
-type ConfigSubpage = 'general' | 'network';
+type ConfigSubpage = 'general' | 'network' | 'aliases';
 
 const ROUTING_OPTIONS = [
   { value: 'round-robin', labelKey: 'config.routing.roundRobin' },
@@ -378,6 +379,18 @@ export function ConfigPanelPage() {
         >
           {t('config.tabs.network')}
         </button>
+        <button
+          type="button"
+          id="config-subpage-tab-aliases"
+          role="tab"
+          className={activeSubpage === 'aliases' ? 'active' : ''}
+          aria-selected={activeSubpage === 'aliases'}
+          aria-controls="config-subpage-panel-aliases"
+          tabIndex={activeSubpage === 'aliases' ? 0 : -1}
+          onClick={() => setActiveSubpage('aliases')}
+        >
+          {t('app.nav.thinkingAliases')}
+        </button>
       </div>
 
       {activeSubpage === 'general' ? (
@@ -524,7 +537,7 @@ export function ConfigPanelPage() {
             </div>
           </div>
         </div>
-      ) : (
+      ) : activeSubpage === 'network' ? (
         <div
           className="config-subpage-panel config-network-subpage"
           id="config-subpage-panel-network"
@@ -702,6 +715,15 @@ export function ConfigPanelPage() {
         </div>
       </section>
         </div>
+      ) : (
+        <div
+          className="config-subpage-panel"
+          id="config-subpage-panel-aliases"
+          role="tabpanel"
+          aria-labelledby="config-subpage-tab-aliases"
+        >
+          <ThinkingAliasesPage />
+        </div>
       )}
 
       {addDialogOpen ? (