fix(ui): soften status indicators on the agent configuration page

Remove colored sidebar dots and clarify configured status text.
Replace the Pi update dot with a neutral text label.
Update Chinese, English, and Japanese translations.

src/i18n/ja.ts

@@ -713,7 +713,7 @@ export const jaOverrides = {
   'agents.list.detecting': '検出中',
   'agents.list.unsupported': '現在のプラットフォームでは非対応',
   'agents.list.notInstalled': 'インストールを検出できません',
-  'agents.list.modified': '変更済み · {model}',
+  'agents.list.modified': '設定済み · {model}',
   'agents.list.installedVersion': 'インストール済み · {version}',
   'agents.list.installed': 'インストール済み · 元の設定を維持',
   'agents.list.pluginNotInstalled': 'Pi プロバイダーがインストールされていません',
@@ -981,6 +981,7 @@ export const jaOverrides = {
   'agents.pi.install': 'Pi プラグインをインストール',
   'agents.pi.update': 'Pi プラグインを更新',
   'agents.pi.updateAvailable': '新しいバージョン {version} が利用できます',
+  'agents.pi.updateAvailableShort': '更新あり',
   'agents.pi.updating': 'プラグインを更新中',
   'agents.pi.installing': 'プラグインをインストール中',
   'agents.pi.repair': '設定を適用',

src/i18n/locales/en.ts

@@ -713,7 +713,7 @@ export const en: Record<MessageKey, string> = {
   'agents.list.detecting': 'Detecting',
   'agents.list.unsupported': 'Unsupported on this platform',
   'agents.list.notInstalled': 'Installation not detected',
-  'agents.list.modified': 'Modified · {model}',
+  'agents.list.modified': 'Configured · {model}',
   'agents.list.installedVersion': 'Installed · {version}',
   'agents.list.installed': 'Installed · original configuration',
   'agents.list.pluginNotInstalled': 'Pi provider not installed',
@@ -981,6 +981,7 @@ export const en: Record<MessageKey, string> = {
   'agents.pi.install': 'Install Pi Plugin',
   'agents.pi.update': 'Update Pi Plugin',
   'agents.pi.updateAvailable': 'Version {version} is available',
+  'agents.pi.updateAvailableShort': 'Update available',
   'agents.pi.updating': 'Updating plugin',
   'agents.pi.installing': 'Installing plugin',
   'agents.pi.repair': 'Apply Configuration',

src/i18n/locales/zh-CN.ts

@@ -712,7 +712,7 @@ export const zhCN = {
   'agents.list.detecting': '正在检测',
   'agents.list.unsupported': '当前平台不支持',
   'agents.list.notInstalled': '未检测到安装',
-  'agents.list.modified': '已修改 · {model}',
+  'agents.list.modified': '已配置 · {model}',
   'agents.list.installedVersion': '已安装 · {version}',
   'agents.list.installed': '已安装 · 保持原配置',
   'agents.list.pluginNotInstalled': 'Pi 提供方插件未安装',
@@ -980,6 +980,7 @@ export const zhCN = {
   'agents.pi.install': '安装 Pi 插件',
   'agents.pi.update': '更新 Pi 插件',
   'agents.pi.updateAvailable': '发现新版本 {version}',
+  'agents.pi.updateAvailableShort': '有更新',
   'agents.pi.updating': '正在更新插件',
   'agents.pi.installing': '正在安装插件',
   'agents.pi.repair': '应用配置',

src/pages/AgentsPage.tsx

@@ -1649,12 +1649,6 @@ export function AgentsPage({ embedded = false, onConfigurationApplied }: AgentsP
                 >
                   <span className="agent-client-icon"><AgentMark definition={agent} /></span>
                   <span><strong>{agent.name}</strong><small>{listStatusText(status)}</small></span>
-                  <i
-                    className={status?.id === 'pi'
-                      ? status?.installed ? 'installed' : ''
-                      : status?.modificationEnabled ? 'configured' : status?.installed ? 'installed' : ''}
-                    aria-hidden="true"
-                  />
                 </button>
               );
             })}
@@ -1821,11 +1815,13 @@ export function AgentsPage({ embedded = false, onConfigurationApplied }: AgentsP
                         {t('agents.pluginVersion')}
                         {piPluginUpdateAvailable ? (
                           <span
-                            className="agent-version-update-dot"
+                            className="agent-version-update-label"
                             role="status"
                             aria-label={piPluginUpdateTitle}
                             title={piPluginUpdateTitle}
-                          />
+                          >
+                            {t('agents.pi.updateAvailableShort')}
+                          </span>
                         ) : null}
                       </span>
                       <strong title={piPluginUpdateTitle}>{activeStatus?.pluginVersion ?? t('agents.notFetched')}</strong>

src/styles.css

@@ -5529,7 +5529,7 @@ textarea:focus-visible {
 
 .agent-list-items button {
   display: grid;
-  grid-template-columns: 28px minmax(0, 1fr) 8px;
+  grid-template-columns: 28px minmax(0, 1fr);
   align-items: center;
   gap: 9px;
   width: 100%;
@@ -5568,21 +5568,6 @@ textarea:focus-visible {
   object-fit: contain;
 }
 
-.agent-list-items i {
-  width: 8px;
-  height: 8px;
-  border-radius: 999px;
-  background: var(--theme-c9c4ba);
-}
-
-.agent-list-items i.configured {
-  background: var(--theme-bf8a43);
-}
-
-.agent-list-items i.installed {
-  background: var(--theme-5d9a6c);
-}
-
 .agent-config-panel {
   display: grid;
   grid-template-rows: auto auto;
@@ -6463,14 +6448,16 @@ textarea:focus-visible {
   font-size: var(--font-size-meta);
 }
 
-.agent-status-grid .agent-version-update-dot {
-  display: inline-block;
-  width: 7px;
-  height: 7px;
+.agent-status-grid .agent-version-update-label {
+  display: inline-flex;
   flex: none;
-  border-radius: 999px;
-  background: var(--theme-c77b30);
-  box-shadow: 0 0 0 3px rgba(199, 123, 48, 0.14);
+  padding: 2px 6px;
+  border-radius: 4px;
+  background: var(--theme-f4f1ea);
+  color: var(--theme-5f5a53);
+  font-size: var(--font-size-caption);
+  line-height: 1.4;
+  white-space: nowrap;
 }
 
 .agent-status-grid strong {
@@ -10141,10 +10128,6 @@ body.table-col-resizing * {
     grid-template-columns: 26px minmax(0, 1fr);
   }
 
-  .agent-list-items i {
-    display: none;
-  }
-
   .auth-filter-grid {
     grid-template-columns: 1fr;
   }
@@ -12789,7 +12772,7 @@ body.table-col-resizing * {
 }
 
 .agents-page-embedded .agent-list-items button {
-  grid-template-columns: 30px minmax(0, 1fr) 8px;
+  grid-template-columns: 30px minmax(0, 1fr);
   gap: 11px;
   min-height: 66px;
   padding: 10px 11px;

tests/fixtures/agent-backups.tsx

@@ -30,7 +30,7 @@ mockIPC(async (cmd,args:any) => {
  if(cmd==='delete_agent_config_backup') {backups.splice(backups.findIndex(b=>b.id===args.id),1);return null;}
  if(cmd==='preview_agent_config_template') return {revision:'template1',files:['C:/test/.codex/config.toml','C:/test/.codex/auth.json','C:/test/.codex/models.json']};
  if(cmd==='apply_agent_config_template') {currentModel=args.model;return {outcome:'updated'};}
- if(cmd==='check_pi_provider_update') return {installedVersion:'1.0',latestVersion:'1.0',updateAvailable:false};
+ if(cmd==='check_pi_provider_update') return {installedVersion:'1.0',latestVersion:params.has('update')?'1.1':'1.0',updateAvailable:params.has('update')};
  if(cmd==='get_codex_model_catalog_editor') return {models:[],hiddenModels:[],customizations:{}};
  if(cmd==='check_codex_oauth_login')return null;
  throw new Error('Unhandled fixture command: '+cmd);