fix(agents): show Codex CLI and App versions separately

src/i18n/ja.ts

@@ -556,6 +556,8 @@ export const jaOverrides = {
   'agents.clientDetected': 'クライアントを検出しました',
   'agents.clientNotDetected': 'クライアントを検出できません',
   'agents.clientVersion': 'クライアントバージョン',
+  'agents.cliVersion': 'CLI バージョン',
+  'agents.appVersion': 'App バージョン',
   'agents.notFetched': '未取得',
   'agents.useModel': '使用モデル',
   'agents.pending': '未適用',

src/i18n/resources.ts

@@ -559,6 +559,8 @@ export const zhCN = {
   'agents.clientDetected': '已检测到客户端',
   'agents.clientNotDetected': '未检测到客户端',
   'agents.clientVersion': '客户端版本',
+  'agents.cliVersion': 'CLI 版本',
+  'agents.appVersion': 'App 版本',
   'agents.notFetched': '未获取',
   'agents.useModel': '使用模型',
   'agents.pending': '尚未应用',
@@ -1510,6 +1512,8 @@ export const en: Record<MessageKey, string> = {
   'agents.clientDetected': 'Client detected',
   'agents.clientNotDetected': 'Client not detected',
   'agents.clientVersion': 'Client Version',
+  'agents.cliVersion': 'CLI Version',
+  'agents.appVersion': 'App Version',
   'agents.notFetched': 'Not available',
   'agents.useModel': 'Model',
   'agents.pending': 'Not Applied',

src/pages/AgentsPage.tsx

@@ -66,6 +66,8 @@ type AgentConfigStatus = {
   executablePath: string | null;
   launchTargets: AgentLaunchTarget[];
   version: string | null;
+  cliVersion: string | null;
+  appVersion: string | null;
   configValid: boolean;
   configured: boolean;
   currentModel: string | null;
@@ -1259,15 +1261,28 @@ export function AgentsPage() {
               role="tabpanel"
               aria-labelledby="agent-subpage-tab-core"
             >
-              <div className="agent-status-grid">
+              <div className={`agent-status-grid ${selected === 'codex' ? 'codex-status-grid' : ''}`}>
                 <div>
                   <span><BadgeCheck size={14} />{t('agents.installStatus')}</span>
                   <strong>{activeStatus?.installed ? t('agents.clientDetected') : t('agents.clientNotDetected')}</strong>
                 </div>
-                <div>
-                  <span>{t('agents.clientVersion')}</span>
-                  <strong title={activeStatus?.version ?? undefined}>{activeStatus?.version ?? t('agents.notFetched')}</strong>
-                </div>
+                {selected === 'codex' ? (
+                  <>
+                    <div>
+                      <span>{t('agents.cliVersion')}</span>
+                      <strong title={activeStatus?.cliVersion ?? undefined}>{activeStatus?.cliVersion ?? t('agents.notFetched')}</strong>
+                    </div>
+                    <div>
+                      <span>{t('agents.appVersion')}</span>
+                      <strong title={activeStatus?.appVersion ?? undefined}>{activeStatus?.appVersion ?? t('agents.notFetched')}</strong>
+                    </div>
+                  </>
+                ) : (
+                  <div>
+                    <span>{t('agents.clientVersion')}</span>
+                    <strong title={activeStatus?.version ?? undefined}>{activeStatus?.version ?? t('agents.notFetched')}</strong>
+                  </div>
+                )}
               </div>
 
               {activeStatus?.error || (!isPiClient && activeStatus?.warnings.length) ? (

src/styles.css

@@ -5305,6 +5305,10 @@ textarea:focus-visible {
   min-height: 76px;
 }
 
+.agent-status-grid.codex-status-grid {
+  grid-template-columns: repeat(3, minmax(0, 1fr));
+}
+
 .agent-status-grid > div {
   display: grid;
   min-width: 0;
@@ -7282,6 +7286,10 @@ textarea:focus-visible {
     min-height: 0;
   }
 
+  .agent-status-grid.codex-status-grid {
+    grid-template-columns: 1fr;
+  }
+
   .codex-session-metrics {
     grid-template-columns: repeat(2, minmax(0, 1fr));
   }