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.
2026-09-11 16:25:14 +08:00
1 parent 6b5d88cf9b
commit 034a111c0b
@@ -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': '設定を適用',
@@ -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',
@@ -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': '应用配置',
@@ -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>
@@ -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;