From 0ade2dd19fcc563d605a06a44682e32d4816a579 Mon Sep 17 00:00:00 2001
From: Your Name <you@example.com>
Date: Thu, 25 Jun 2026 14:41:52 +0800
Subject: [PATCH] =?UTF-8?q?fix(governance):=20=E4=BF=AE=E6=AD=A3=20Agent?=
 =?UTF-8?q?=20=E5=B8=82=E5=A0=B4=E6=89=8B=E6=A9=9F=20chip=20=E6=BA=A2?=
 =?UTF-8?q?=E5=87=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../[locale]/governance/tabs/agent-market-tab.tsx    | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx b/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
index e2044537..37c23aa4 100644
--- a/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
+++ b/apps/web/src/app/[locale]/governance/tabs/agent-market-tab.tsx
@@ -94,11 +94,13 @@ function CandidatePill({ value, muted = false }: { value: string; muted?: boolea
       fontFamily: "'DM Mono', monospace",
       fontSize: 10,
       lineHeight: 1.3,
+      minWidth: 0,
       maxWidth: '100%',
-      overflowX: 'auto',
+      overflowX: 'hidden',
       overflowY: 'hidden',
-      overflowWrap: 'normal',
-      whiteSpace: 'nowrap',
+      overflowWrap: 'anywhere',
+      wordBreak: 'break-word',
+      whiteSpace: 'normal',
     }}>
       {value}
     </span>
@@ -594,7 +596,7 @@ export function AgentMarketTab() {
                 {t('technologyRadar.title')}
               </span>
             </div>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
+            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end', minWidth: 0, maxWidth: '100%' }}>
               <CandidatePill value={technologyRadar.report_contract.schedule_workflow} />
               <CandidatePill value={technologyRadar.report_contract.schedule_cron_utc} muted />
             </div>
@@ -643,7 +645,7 @@ export function AgentMarketTab() {
                 {t('technologyReports.title')}
               </span>
             </div>
-            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end' }}>
+            <div style={{ display: 'flex', flexWrap: 'wrap', gap: 6, justifyContent: 'flex-end', minWidth: 0, maxWidth: '100%' }}>
               <CandidatePill value={technologyReportCadence.report_contract.api_endpoint} />
               <CandidatePill value={technologyReportCadence.telegram_report_bridge.integration_status} muted />
             </div>