fix(desktop): clean up Agent Profiles settings UI

- Split single crowded Panel into two independent Panels (Runtime Inventory + Agent Profile)
- Remove 4 CapabilityCards showing dev status ("planned"/"in progress")
- Remove 2 SettingRows with internal implementation details
- Trim RuntimeInventoryCard meta from 4 to 1 item (remove redundant Ready/planned tags)
- Trim LocalAgentProfileCard meta from 7 to 5 items (remove reasoning effort and config source)

Author: XavierTrump

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

@@ -275,10 +275,8 @@ export default function LocalAgentProfileCard({
           <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>
         </div>
         <div className={styles.profileExpandArrow}>
           {expanded ? <ChevronUp size={15} /> : <ChevronDown size={15} />}

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/sections/AgentProfilesSection.tsx

@@ -3,9 +3,7 @@ import { Bot, Cpu } from 'lucide-react';
 import type { AgentInfo } from '@shared/types';
 import type { ResolvedRunModelSettings } from '@/stores/modelSettingsStore';
 import Panel from '../primitives/Panel';
-import SettingRow from '../primitives/SettingRow';
 import SummaryCard from '../primitives/SummaryCard';
-import CapabilityCard from '../primitives/CapabilityCard';
 import EmptyBlock from '../primitives/EmptyBlock';
 import RuntimeInventoryCard from '../cards/RuntimeInventoryCard';
 import LocalAgentProfileCard from '../cards/LocalAgentProfileCard';
@@ -21,25 +19,21 @@ export default function AgentProfilesSection({ agents, edgeOnline, runnerSummary
   const { t } = useTranslation();
   const availableRuntimes = agents.filter((agent) => agent.status === 'available').length;
   return (
-    <Panel title={t('settings.agentProfiles')} description={t('settings.agentProfilesDesc')}>
-      <div className="summaryGrid">
-        <SummaryCard
-          icon={<Bot size={18} />}
-          label={t('settings.profileAvailable')}
-          value={`${availableRuntimes}/${agents.length}`}
-          detail={edgeOnline ? t('settings.runtimeInventoryDesc') : t('settings.edgeOffline')}
-        />
-        <SummaryCard
-          icon={<Cpu size={18} />}
-          label={t('settings.profileRuntimeCoverage')}
-          value={runnerSummary}
-          detail={t('settings.profileRuntimeCoverageDesc')}
-        />
-      </div>
-      <div className="taskSection">
-        <div className="taskSectionHeader">
-          <strong>{t('settings.runtimeInventory')}</strong>
-          <span>{t('settings.runtimeInventoryDesc')}</span>
+    <>
+      <Panel title={t('settings.runtimeInventory')} description={t('settings.runtimeInventoryDesc')}>
+        <div className="summaryGrid">
+          <SummaryCard
+            icon={<Bot size={18} />}
+            label={t('settings.profileAvailable')}
+            value={`${availableRuntimes}/${agents.length}`}
+            detail={edgeOnline ? t('settings.runtimeInventoryDesc') : t('settings.edgeOffline')}
+          />
+          <SummaryCard
+            icon={<Cpu size={18} />}
+            label={t('settings.profileRuntimeCoverage')}
+            value={runnerSummary}
+            detail={t('settings.profileRuntimeCoverageDesc')}
+          />
         </div>
         {agents.length > 0 ? (
           <div className="profileGrid">
@@ -48,12 +42,9 @@ export default function AgentProfilesSection({ agents, edgeOnline, runnerSummary
         ) : (
           <EmptyBlock title={t('settings.noRuntimes')} description={t('settings.noRuntimesDesc')} />
         )}
-      </div>
-      <div className="taskSection">
-        <div className="taskSectionHeader">
-          <strong>{t('settings.profileComposition')}</strong>
-          <span>{t('settings.profileCompositionDesc')}</span>
-        </div>
+      </Panel>
+
+      <Panel title={t('settings.agentProfiles')} description={t('settings.profileCompositionDesc')}>
         {localAgentProfiles.length > 0 ? (
           <div className="profileGrid">
             {localAgentProfiles.map((profile) => (
@@ -69,31 +60,7 @@ export default function AgentProfilesSection({ agents, edgeOnline, runnerSummary
         ) : (
           <EmptyBlock title={t('settings.noProfiles')} description={t('settings.noProfilesDesc')} />
         )}
-        <div className="capabilityGrid">
-          <CapabilityCard
-            title={t('settings.profileRuntime')}
-            description={t('settings.profileRuntimeDesc')}
-            status={agents.length > 0 ? t('settings.statusReady') : t('settings.notConfigured')}
-          />
-          <CapabilityCard
-            title={t('settings.profileModel')}
-            description={t('settings.profileModelDesc')}
-            status={t('settings.statusInProgress')}
-          />
-          <CapabilityCard
-            title={t('settings.profileConfig')}
-            description={t('settings.profileConfigDesc')}
-            status={t('settings.statusInProgress')}
-          />
-          <CapabilityCard
-            title={t('settings.executionTargets')}
-            description={t('settings.profileExecutionTargetDesc')}
-            status={edgeOnline ? t('settings.statusReady') : t('settings.notConfigured')}
-          />
-        </div>
-      </div>
-      <SettingRow title={t('settings.profileConfigSource')} description={t('settings.profileConfigSourceDesc')} value="AGENTS.md / memory / skills" />
-      <SettingRow title={t('settings.profilePublish')} description={t('settings.profilePublishDesc')} value={t('settings.statusPlanned')} />
-    </Panel>
+      </Panel>
+    </>
   );
 }