agentgui 1.0.172 → 1.0.174

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "agentgui",
-  "version": "1.0.172",
+  "version": "1.0.174",
   "description": "Multi-agent ACP client with real-time communication",
   "type": "module",
   "main": "server.js",

package/static/index.html

@@ -398,7 +398,7 @@
     #output {
       display: flex;
       flex-direction: column;
-      gap: 0.25rem;
+      gap: 0;
       flex: 1;
     }
 
@@ -415,7 +415,7 @@
 
     /* --- Messages --- */
     .message {
-      margin-bottom: 0.5rem;
+      margin-bottom: 0;
       padding: 0.5rem 0.75rem;
       border-radius: 0.75rem;
       max-width: 85%;
@@ -466,7 +466,7 @@
     .message-blocks {
       display: flex;
       flex-direction: column;
-      gap: 0.375rem;
+      gap: 0.125rem;
     }
 
     .message-text {
@@ -503,7 +503,7 @@
     /* --- Streaming block types --- */
     .streaming-block-system {
       padding: 0.375rem 0.75rem;
-      margin: 0.125rem 0;
+      margin: 0;
       background: rgba(59,130,246,0.08);
       border-radius: 0.375rem;
       font-size: 0.8rem;
@@ -558,7 +558,7 @@
     html.dark .tool-input-pre { background: rgba(255,255,255,0.03); }
 
     .streaming-block-tool-result {
-      margin: 0.125rem 0 0.25rem 0;
+      margin: 0;
       border-radius: 0.375rem;
       background: var(--color-bg-code);
       overflow: hidden;
@@ -601,7 +601,7 @@
 
     .streaming-block-result {
       padding: 0.375rem 0.75rem;
-      margin: 0.125rem 0;
+      margin: 0;
       border-radius: 0.375rem;
       background: rgba(16,185,129,0.08);
       font-size: 0.8rem;
@@ -1149,7 +1149,7 @@
 
     /* ===== STREAMING BLOCK STYLES ===== */
     .block-text {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       padding: 0.5rem 0.75rem;
       background: var(--color-bg-primary);
       border-radius: 0.5rem;
@@ -1171,7 +1171,7 @@
     }
 
     .block-code {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       overflow: hidden;
     }
@@ -1218,7 +1218,7 @@
     }
 
     .block-thinking {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       background: #f5f3ff;
       overflow: hidden;
@@ -1255,7 +1255,7 @@
 
     /* --- Tool Use Block --- */
     .block-tool-use {
-      margin-bottom: 0.125rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       background: #ecfeff;
       overflow: hidden;
@@ -1497,15 +1497,13 @@
 
     /* --- Folded Tool Use (compact success-style bar) --- */
     .folded-tool {
-      margin: 0.125rem 0;
+      margin: 0;
       border-radius: 0.375rem;
       overflow: hidden;
       background: #f0fdf4;
-      border: 1px solid #bbf7d0;
     }
     html.dark .folded-tool {
       background: #0a1f0f;
-      border-color: #166534;
     }
     .folded-tool-bar {
       display: flex;
@@ -1583,11 +1581,9 @@
     /* --- Error variant of folded-tool --- */
     .folded-tool.folded-tool-error {
       background: #fef2f2;
-      border-color: #fecaca;
     }
     html.dark .folded-tool.folded-tool-error {
       background: #1c0f0f;
-      border-color: #7f1d1d;
     }
     .folded-tool-error > .folded-tool-bar {
       background: #fee2e2;
@@ -1611,11 +1607,9 @@
     /* --- Info variant of folded-tool (system blocks) --- */
     .folded-tool.folded-tool-info {
       background: #eef2ff;
-      border-color: #c7d2fe;
     }
     html.dark .folded-tool.folded-tool-info {
       background: #15103a;
-      border-color: #3730a3;
     }
     .folded-tool-info > .folded-tool-bar {
       background: #e0e7ff;
@@ -1687,11 +1681,10 @@
 
     /* --- Collapsible Code Summary --- */
     .collapsible-code {
-      margin: 0.125rem 0;
+      margin: 0;
       border-radius: 0.375rem;
       overflow: hidden;
       background: #1e293b;
-      border: 1px solid #334155;
     }
     .collapsible-code-summary {
       display: flex;
@@ -1743,7 +1736,7 @@
 
     /* --- Tool Result Block --- */
     .block-tool-result {
-      margin-bottom: 0.125rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       overflow: hidden;
     }
@@ -1829,7 +1822,7 @@
 
     /* --- Result Summary Block --- */
     .block-result {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       overflow: hidden;
     }
@@ -1889,7 +1882,7 @@
 
     /* --- System Block --- */
     .block-system {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       background: #eef2ff;
       overflow: hidden;
@@ -1946,7 +1939,7 @@
 
     /* --- Bash Block --- */
     .block-bash {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       overflow: hidden;
       background: #111827;
@@ -1980,7 +1973,7 @@
 
     /* --- Generic Block --- */
     .block-generic {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       padding: 0.5rem 0.75rem;
       border-radius: 0.5rem;
       background: var(--color-bg-secondary);
@@ -2023,7 +2016,7 @@
 
     /* --- Error Block --- */
     .block-error {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       padding: 0.5rem 0.75rem;
       border-radius: 0.5rem;
       background: #fef2f2;
@@ -2033,7 +2026,7 @@
 
     /* --- Image Block --- */
     .block-image {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       border-radius: 0.5rem;
       overflow: hidden;
     }
@@ -2043,7 +2036,7 @@
 
     /* ===== STREAMING EVENTS ===== */
     .event-streaming-start {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       padding: 0.375rem 0.75rem;
       background: #eff6ff;
       border-radius: 0.5rem;
@@ -2055,7 +2048,7 @@
     html.dark .event-streaming-start { background: #0c1a2e; }
 
     .event-streaming-complete {
-      margin-bottom: 0.25rem;
+      margin-bottom: 0;
       padding: 0.375rem 0.75rem;
       background: linear-gradient(135deg, #ecfdf5, #f0fdf4);
       border-radius: 0.5rem;