fix(desktop): 同步 dev/trump 设置页修复

app/desktop/src/App.tsx

@@ -59,6 +59,11 @@
 import { useTopMenuConfig } from '@/hooks/useTopMenuConfig';
 import { ToastContainer } from '@/components/Toast';
 import type { SectionId as SettingsSectionId } from '@/components/SettingsPage';
+import { useStoredValueState } from '@/components/settings/utils';
+import {
+  DEFAULT_AGENT_AUTO,
+  resolveAvailableDefaultAgentId,
+} from '@/utils/defaultAgent';
 
 // Lazy-loaded non-critical components
 const AuthPage = lazy(() => import('@/components/AuthPage'));
@@ -178,7 +183,7 @@
   const activeThreadId = resolveThreadSelectionId(selectedThreadId as ThreadSelectionInput);
   const { messages, isConnected, currentRun, permissionRequests, decidePermission } = useChatMessages(online, activeThreadId);
   const { data: agentData } = useAgentList(online);
-  const agents = agentData?.items ?? [];
+  const agents = useMemo(() => agentData?.items ?? [], [agentData?.items]);
   const modelCatalogQuery = useModelCatalog(online);
   const modelsDevDisplayNamesQuery = useModelsDevDisplayNames(true);
   const agentTeamSummary = useMemo(
@@ -197,6 +202,7 @@
   const [workspaceExpanded, setWorkspaceExpanded] = useState(false);
   const [settingsOpen, setSettingsOpen] = useState(false);
   const [settingsInitialSection, setSettingsInitialSection] = useState<SettingsSectionId>('general');
+  const [defaultAgent, setDefaultAgent] = useStoredValueState<string>('defaultAgent', DEFAULT_AGENT_AUTO);
   const [pendingComposerDraft, setPendingComposerDraft] = useState('');
   const {
     leftSidebarCollapsed,
@@ -257,7 +263,7 @@
       }
     }
     prevThreadIdsRef.current = currentIds;
   }, [threads, online, addToast, t]);
 
   useEffect(() => {
     if (!threadData?.items) return;
@@ -268,12 +274,18 @@
       if (liveThreadIds.has(threadId)) pendingCreatedThreadIdsRef.current.delete(threadId);
     }
     useThreadStore.getState().pruneMissingThreads([...knownThreadIds]);
   }, [threadData?.items, threads]);
 
   const selectedThread = threads.find((th) => th.threadId === activeThreadId);
   const { data: threadItemData } = useThreadMessages(activeThreadId);
   const { data: allRunsData } = useRuns(undefined, undefined, { enabled: online });
-  const selectedAgent = agents.find((a) => a.id === selectedAgentId);
+  const validDefaultAgentId = useMemo(
+    () => resolveAvailableDefaultAgentId(defaultAgent, agents),
+    [agents, defaultAgent],
+  );
+  const effectiveSelectedAgentId = selectedAgentId ?? validDefaultAgentId;
+  const selectedAgent = agents.find((a) => a.id === effectiveSelectedAgentId);
+  const manuallySelectedAgent = selectedAgentId ? agents.find((a) => a.id === selectedAgentId) : undefined;
   const displayedRun = currentRun ?? optimisticRun;
   const runIsActive = isRunActiveStatus(displayedRun?.status);
   const runCardConstrained = workspaceWidth > 0 && workspaceWidth < RUN_CARD_MIN_WORKSPACE_WIDTH;
@@ -352,7 +364,7 @@
     activeThreadId,
     threads,
     agents,
-    selectedAgentId,
+    selectedAgentId: effectiveSelectedAgentId,
     optimisticRun,
     currentRun,
     allMessages,
@@ -395,7 +407,7 @@
     openGlobalSearch,
   } = useThreadNavigation({
     allMessages,
-    selectedAgentName: selectedAgent?.name,
+    selectedAgentName: manuallySelectedAgent?.name,
     selectedAgentId: selectedAgentId ?? null,
     selectedThreadId: selectedThread?.threadId,
     selectedThreadTitle: selectedThread?.title,
@@ -663,6 +675,8 @@
           initialSection={settingsInitialSection}
           onBack={() => setSettingsOpen(false)}
           onOpenAuth={handleOpenAuth}
+          defaultAgent={defaultAgent}
+          setDefaultAgent={setDefaultAgent}
         />
         </Suspense>
       ) : (
@@ -698,7 +712,7 @@
             <div className={styles.mobileNavPanel}>
               <div className={styles.sidebarSection}>
                 <div className={styles.sidebarScroll}>
-                  <Slot name="agent-list" agents={agents} online={online} selectedId={selectedAgentId} onSelect={handleSelectAgent} />
+                  <Slot name="agent-list" agents={agents} online={online} selectedId={effectiveSelectedAgentId} onSelect={handleSelectAgent} />
                 </div>
               </div>
               <div className={`${styles.sidebarSection} ${styles.threadSection}`}>
@@ -806,7 +820,7 @@
             {/* Agents section */}
             <div className={styles.sidebarSection}>
               <div className={styles.sidebarScroll}>
-                <Slot name="agent-list" agents={agents} online={online} selectedId={selectedAgentId} onSelect={handleSelectAgent} />
+                <Slot name="agent-list" agents={agents} online={online} selectedId={effectiveSelectedAgentId} onSelect={handleSelectAgent} />
               </div>
             </div>
 
@@ -918,7 +932,7 @@
                           const thread = await createThread(title ?? undefined);
                           addThreadToCache(thread);
                           handleSelectThread(thread.threadId);
-                          await handleSend(prompt, selectedAgentId ?? undefined, {
+                          await handleSend(prompt, effectiveSelectedAgentId ?? undefined, {
                             threadId: thread.threadId,
                             threadInfo: thread,
                             createdEmptyThread: true,
@@ -937,7 +951,7 @@
                       agentTeamsLoading={agentTeamsQuery.isLoading || agentTeamsQuery.isFetching}
                       agentTeamsSignedIn={hubInventoryEnabled}
                       agents={agents}
-                      selectedAgentId={selectedAgentId ?? undefined}
+                      selectedAgentId={effectiveSelectedAgentId ?? undefined}
                       onSelectAgent={handleSelectAgent}
                       onStartLocalOrchestration={handleStartLocalOrchestration}
                     />
@@ -955,7 +969,7 @@
                       isStreaming={composerLocked}
                       isConnected={isConnected}
                       agents={agents}
-                      selectedAgentId={selectedAgentId}
+                      selectedAgentId={effectiveSelectedAgentId ?? undefined}
                       onSelectAgent={handleSelectAgent}
                       onRetry={handleRetry}
                       onFork={handleForkThread}
@@ -968,7 +982,7 @@
                 {/* Input area — only for agent chat */}
                 {activeRailView === 'agents' && (
                   <div className={styles.inputArea}>
-                    <Slot name="prompt-input" agents={agents} threads={threads} executionTargets={executionTargetsQuery.data?.items ?? []} modelCatalog={modelCatalogQuery.data} modelDisplayNames={modelsDevDisplayNamesQuery.data} selectedAgentId={selectedAgentId ?? undefined} onSelectAgent={handleSelectAgent} onSend={handleSend} isStreaming={runIsActive} isStarting={runStartPending} onCancel={handleCancel} disabled={!online} threadId={activeThreadId ?? undefined} onRetryLast={handleRetry} onForkThread={handleForkThread} />
+                    <Slot name="prompt-input" agents={agents} threads={threads} executionTargets={executionTargetsQuery.data?.items ?? []} modelCatalog={modelCatalogQuery.data} modelDisplayNames={modelsDevDisplayNamesQuery.data} selectedAgentId={effectiveSelectedAgentId ?? undefined} onSelectAgent={handleSelectAgent} onSend={handleSend} isStreaming={runIsActive} isStarting={runStartPending} onCancel={handleCancel} disabled={!online} threadId={activeThreadId ?? undefined} onRetryLast={handleRetry} onForkThread={handleForkThread} />
                   </div>
                 )}
               </div>

app/desktop/src/components/SettingsPage.tsx

@@ -71,11 +71,12 @@ import { useHealth } from '@/hooks/useHealth';
 import { useAuth } from '@/hooks/useAuth';
 import { useTaskBridgeStore } from '@/stores/taskBridgeStore';
 import { preferredProfileAlias } from '@/utils/agentProfile';
-
+import { useModelSettingsStore } from '@/stores/modelSettingsStore';
 import {
-  useModelSettingsStore,
-  type ResolvedRunModelSettings,
-} from '@/stores/modelSettingsStore';
+  DEFAULT_AGENT_AUTO,
+  buildDefaultAgentOptions,
+  resolveAvailableDefaultAgentId,
+} from '@/utils/defaultAgent';
 import styles from './SettingsPage.module.css';
 import {
   useStoredBooleanState,
@@ -129,6 +130,8 @@ interface Props {
   onBack: () => void;
   onOpenAuth: () => void;
   initialSection?: SectionId;
+  defaultAgent: string;
+  setDefaultAgent: (value: string) => void;
 }
 
 interface NavItem {
@@ -138,7 +141,13 @@ interface NavItem {
   group: 'workspace' | 'automation' | 'system';
 }
 
-export default function SettingsPage({ onBack, onOpenAuth, initialSection = 'general' }: Props) {
+export default function SettingsPage({
+  onBack,
+  onOpenAuth,
+  initialSection = 'general',
+  defaultAgent,
+  setDefaultAgent,
+}: Props) {
   const { t } = useTranslation();
   const { themeMode, setThemeMode, themePreset, setThemePreset } = useTheme();
   const hubAuth = useAuth();
@@ -232,7 +241,16 @@ export default function SettingsPage({ onBack, onOpenAuth, initialSection = 'gen
   const updateCcSwitchProvider = useModelSettingsStore((s) => s.updateProvider);
   const resolveRunRequestOptions = useModelSettingsStore((s) => s.resolveRunRequestOptions);
 
-  const agents = agentData?.items ?? [];
+  const agents = useMemo(() => agentData?.items ?? [], [agentData?.items]);
+  const defaultAgentAutoLabel = t('settings.defaultAgent.auto');
+  const defaultAgentOptions = useMemo(
+    () => buildDefaultAgentOptions(agents, defaultAgentAutoLabel),
+    [agents, defaultAgentAutoLabel],
+  );
+  const defaultAgentValue = useMemo(
+    () => resolveAvailableDefaultAgentId(defaultAgent, agents) ?? DEFAULT_AGENT_AUTO,
+    [agents, defaultAgent],
+  );
   const localAgentProfiles = useMemo(
     () => agents.map((agent) => ({
       agent,
@@ -452,22 +470,20 @@ export default function SettingsPage({ onBack, onOpenAuth, initialSection = 'gen
             <AppearanceSection
               themeMode={themeMode}
               setThemeMode={setThemeMode}
-              compactMode={compactMode}
-              setCompactMode={setCompactMode}
               themePreset={themePreset}
               setThemePreset={setThemePreset}
             />
           )}
 
           {active === 'configuration' && (
             <ConfigurationSection
-              defaultAgent="Auto"
-              setDefaultAgent={NOOP}
-              routing={t('settings.routingAuto')}
+              defaultAgent={defaultAgentValue}
+              setDefaultAgent={setDefaultAgent}
+              routing="auto"
               setRouting={NOOP}
               approvalMode={approvalMode}
               setApprovalMode={setApprovalMode}
-              defaultAgentOptions={[['Auto', 'Auto']]}
+              defaultAgentOptions={defaultAgentOptions}
               routingOptions={[['auto', t('settings.routingAuto')]]}
             />
           )}
@@ -710,7 +726,7 @@ export default function SettingsPage({ onBack, onOpenAuth, initialSection = 'gen
           {active === 'data' && (
             <DataSection
               t={t}
-              addToast={(input) => { return ''; }}
+              addToast={(_input) => { return ''; }}
               resetModelSettings={() => {
                 setDefaultModel('auto');
                 setDefaultProvider('tokendance-gateway');

app/desktop/src/components/settings/cards/LocalAgentProfileCard.tsx

@@ -1,6 +1,6 @@
 import { useState, useMemo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
-import { Bot, ChevronDown, ChevronUp, Globe, Wrench  } from 'lucide-react';
+import { Bot, ChevronDown, ChevronUp } from 'lucide-react';
 import type { AgentInfo } from '@shared/types';
 import type { ResolvedRunModelSettings } from '@/stores/modelSettingsStore';
 import {
@@ -45,6 +45,8 @@ interface LocalAgentProfileCardProps {
   edgeOnline: boolean;
 }
 
+type SelectOption = readonly [string, string];
+
 // ── Tool catalog ────────────────────────────────────
 
 const TOOL_CATALOG: Array<{ name: string; descriptionKey: string }> = [
@@ -158,6 +160,21 @@ function estimateTokens(text: string): number {
   return Math.max(1, Math.round(cjk + ascii / 4));
 }
 
+function withCurrentOptions(options: readonly SelectOption[], currentValues: Array<string | undefined>): SelectOption[] {
+  const next = [...options];
+  for (const value of currentValues) {
+    const trimmed = value?.trim();
+    if (trimmed && !next.some(([optionValue]) => optionValue === trimmed)) {
+      next.unshift([trimmed, trimmed]);
+    }
+  }
+  return next;
+}
+
+function labelForOption(options: readonly SelectOption[], value: string): string {
+  return options.find(([optionValue]) => optionValue === value)?.[1] ?? value;
+}
+
 // ── Component ───────────────────────────────────────
 
 export default function LocalAgentProfileCard({
@@ -245,6 +262,24 @@ export default function LocalAgentProfileCard({
   }, []);
 
   const enabledToolCount = profile.tools.filter((t) => t.enabled).length;
+  const modelOptions = useMemo(
+    () => withCurrentOptions(MODEL_OPTIONS.filter(([value]) => value !== 'auto'), [profile.modelOverride, route.model]),
+    [profile.modelOverride, route.model],
+  );
+  const providerOptions = useMemo(
+    () => withCurrentOptions(PROVIDER_OPTIONS, [profile.providerOverride, route.provider]),
+    [profile.providerOverride, route.provider],
+  );
+  const reasoningOptions = useMemo(
+    () => withCurrentOptions(REASONING_OPTIONS, [profile.reasoningOverride, route.reasoningEffort]),
+    [profile.reasoningOverride, route.reasoningEffort],
+  );
+  const activeModel = profile.modelOverride || route.model || '';
+  const activeProvider = profile.providerOverride || route.provider || '';
+  const hasProfileModelChoice = Boolean(profile.modelOverride || profile.providerOverride || profile.reasoningOverride);
+  const autoLabel = t('prompt.routeAuto');
+  const modelLabel = activeModel ? labelForOption(modelOptions, activeModel) : autoLabel;
+  const providerLabel = activeProvider ? labelForOption(providerOptions, activeProvider) : autoLabel;
 
   return (
     <div className={styles.profileCard}>
@@ -272,13 +307,10 @@ export default function LocalAgentProfileCard({
           </em>
         </div>
         <div className={styles.profileMeta}>
-          <span>{t('settings.profileRuntime')}: {agent.id}</span>
-          <span>{t('settings.profileModel')}: {route.model ?? t('prompt.routeAuto')}</span>
-          <span>{t('settings.modelAliasProvider')}: {route.provider ?? t('prompt.routeAuto')}</span>
-          <span>{t('settings.modelAliasReasoning')}: {route.reasoningEffort ?? t('prompt.routeAuto')}</span>
-          {alias ? <span>{t('settings.profileAlias')}: {alias}</span> : null}
-          <span>{t('settings.executionTargets')}: {t('settings.targetLocalEdge')}</span>
-          <span>{t('settings.profileConfigSource')}: AGENTS.md / memory / skills</span>
+          <span>{t('settings.agentProfileSummaryModel', { model: modelLabel })}</span>
+          <span>{t('settings.agentProfileSummaryProvider', { provider: providerLabel })}</span>
+          <span>{hasProfileModelChoice ? t('settings.agentProfileSummaryCustom') : t('settings.agentProfileSummaryDefault')}</span>
+          <span>{t('settings.agentProfileSummaryTarget')}</span>
         </div>
         <div className={styles.profileExpandArrow}>
           {expanded ? <ChevronUp size={15} /> : <ChevronDown size={15} />}
@@ -374,33 +406,33 @@ export default function LocalAgentProfileCard({
                   onChange={(e) => setProfile((prev) => ({ ...prev, modelOverride: e.target.value }))}
                 >
                   <option value="">{t('settings.agentProfileUseDefault', { defaultValue: 'Use default' })}</option>
-                  {MODEL_OPTIONS.filter(([v]) => v !== 'auto').map(([value, label]) => (
+                  {modelOptions.map(([value, label]) => (
                     <option key={value} value={value}>{label}</option>
                   ))}
                 </select>
               </label>
               <label className={styles.profileEditorMiniLabel}>
-                <span>{t('settings.modelAliasProvider')}</span>
+                <span>{t('settings.agentProfileProvider')}</span>
                 <select
                   className={styles.select}
                   value={profile.providerOverride}
                   onChange={(e) => setProfile((prev) => ({ ...prev, providerOverride: e.target.value }))}
                 >
                   <option value="">{t('settings.agentProfileUseDefault', { defaultValue: 'Use default' })}</option>
-                  {PROVIDER_OPTIONS.map(([value, label]) => (
+                  {providerOptions.map(([value, label]) => (
                     <option key={value} value={value}>{label}</option>
                   ))}
                 </select>
               </label>
               <label className={styles.profileEditorMiniLabel}>
-                <span>{t('settings.modelAliasReasoning')}</span>
+                <span>{t('settings.agentProfileReasoning')}</span>
                 <select
                   className={styles.select}
                   value={profile.reasoningOverride}
                   onChange={(e) => setProfile((prev) => ({ ...prev, reasoningOverride: e.target.value }))}
                 >
                   <option value="">{t('settings.agentProfileUseDefault', { defaultValue: 'Use default' })}</option>
-                  {REASONING_OPTIONS.map(([value, label]) => (
+                  {reasoningOptions.map(([value, label]) => (
                     <option key={value} value={value}>{label}</option>
                   ))}
                 </select>
@@ -557,7 +589,7 @@ export default function LocalAgentProfileCard({
           <div className={styles.profileEditorActions}>
             <div className={styles.profileEditorActionsLeft}>
               <span className={styles.profileEditorSource}>
-                {t('settings.agentProfileStorage', { defaultValue: 'Saved to localStorage' })}: {agentProfileKey(agent.id)}
+                {t('settings.agentProfileStorage', { defaultValue: 'Saved on this device' })}
               </span>
               <button
                 type="button"

app/desktop/src/components/settings/cards/RuntimeInventoryCard.tsx

@@ -21,9 +21,6 @@ export default function RuntimeInventoryCard({ agent }: { agent: AgentInfo }) {
       </div>
       <div className={styles.profileMeta}>
         <span>{t('settings.runtimeAdapter')}: {agent.id}</span>
-        <span>{t('settings.profileRuntime')}: {t('settings.statusReady')}</span>
-        <span>{t('settings.profileModel')}: {t('settings.statusPlanned')}</span>
-        <span>{t('settings.profileConfig')}: {t('settings.statusPlanned')}</span>
       </div>
     </div>
   );

app/desktop/src/components/settings/primitives/Panel.tsx

@@ -4,15 +4,19 @@ import styles from './primitives.module.css';
 interface PanelProps {
   title: string;
   description?: string;
+  actions?: ReactNode;
   children: ReactNode;
 }
 
-export default function Panel({ title, description, children }: PanelProps) {
+export default function Panel({ title, description, actions, children }: PanelProps) {
   return (
     <section className={styles.panel}>
       <div className={styles.panelHeader}>
-        <h2>{title}</h2>
-        {description ? <p>{description}</p> : null}
+        <div className={styles.panelHeaderCopy}>
+          <h2>{title}</h2>
+          {description ? <p>{description}</p> : null}
+        </div>
+        {actions ? <div className={styles.panelHeaderActions}>{actions}</div> : null}
       </div>
       <div className={styles.panelBody}>{children}</div>
     </section>