From e18e93fa88fdba59fedfef581b7923d1c0b13d63 Mon Sep 17 00:00:00 2001
From: YUHAO-corn <godcorn001@outlook.com>
Date: Tue, 19 May 2026 23:58:09 +0800
Subject: [PATCH 1/2] fix(web): wrap local cli status paths

---
 apps/web/src/index.css | 13 ++++++++++++-
 1 file changed, 12 insertions(+), 1 deletion(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index 77fd282640..adfd4c7e81 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -12839,7 +12839,9 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
   display: inline-flex;
   align-self: flex-start;
   align-items: center;
+  flex-wrap: wrap;
   gap: 6px;
+  max-width: 100%;
   padding: 3px 12px;
   background: var(--bg-subtle);
   border: 1px solid var(--border);
@@ -12848,7 +12850,11 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
   color: var(--text-muted);
 }
 .status-label { letter-spacing: 0.02em; }
-.status-detail { color: var(--text); }
+.status-detail {
+  min-width: 0;
+  color: var(--text);
+  overflow-wrap: anywhere;
+}
 
 /* Grouped tool / action card — the collapsible pill from screenshot 9 */
 .action-card {
@@ -14344,6 +14350,7 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
   flex-wrap: wrap;
   align-items: center;
   gap: 8px;
+  max-width: 100%;
   padding: 8px 12px;
   border: 1px solid var(--border);
   border-radius: var(--radius);
@@ -14365,12 +14372,16 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
   color: var(--text);
 }
 .op-waiting-detail {
+  min-width: 0;
+  max-width: 100%;
   font-family: var(--mono);
   font-size: 11px;
   background: var(--bg-panel);
   padding: 1px 6px;
   border-radius: 4px;
   color: var(--text-muted);
+  overflow-wrap: anywhere;
+  white-space: normal;
 }
 .op-waiting-hint {
   flex-basis: 100%;

From ff21708fb9dbe17cb300eec655e583349034a140 Mon Sep 17 00:00:00 2001
From: YUHAO-corn <godcorn001@outlook.com>
Date: Wed, 20 May 2026 15:33:27 +0800
Subject: [PATCH 2/2] fix(web): top-align wrapped status details

---
 apps/web/src/index.css | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/apps/web/src/index.css b/apps/web/src/index.css
index adfd4c7e81..a491babb6c 100644
--- a/apps/web/src/index.css
+++ b/apps/web/src/index.css
@@ -12838,7 +12838,7 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
 .status-pill {
   display: inline-flex;
   align-self: flex-start;
-  align-items: center;
+  align-items: flex-start;
   flex-wrap: wrap;
   gap: 6px;
   max-width: 100%;
@@ -14348,7 +14348,7 @@ button.ghost.mcp-copy-btn:hover:not(:disabled) {
 .op-waiting {
   display: flex;
   flex-wrap: wrap;
-  align-items: center;
+  align-items: flex-start;
   gap: 8px;
   max-width: 100%;
   padding: 8px 12px;