agentgui 1.0.336 → 1.0.337

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/static/index.html +49 -44
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "agentgui",
3
- "version": "1.0.336",
3
+ "version": "1.0.337",
4
4
  "description": "Multi-agent ACP client with real-time communication",
5
5
  "type": "module",
6
6
  "main": "server.js",
package/static/index.html CHANGED
@@ -834,6 +834,9 @@
834
834
  font-size: 0.8rem;
835
835
  cursor: pointer;
836
836
  flex-shrink: 0;
837
+ width: auto;
838
+ min-width: 80px;
839
+ max-width: 200px;
837
840
  }
838
841
 
839
842
  .agent-selector:disabled, .model-selector:disabled {
@@ -851,7 +854,9 @@
851
854
  font-size: 0.8rem;
852
855
  cursor: pointer;
853
856
  flex-shrink: 0;
854
- max-width: 160px;
857
+ width: auto;
858
+ min-width: 80px;
859
+ max-width: 220px;
855
860
  }
856
861
 
857
862
  .model-selector:empty, .model-selector[data-empty="true"] {
@@ -2050,24 +2055,24 @@
2050
2055
  .tool-color-default > .folded-tool-body { border-top-color: #a5f3fc; }
2051
2056
  html.dark .tool-color-default > .folded-tool-body { border-top-color: #164e63; }
2052
2057
 
2053
- .block-type-tool_result { background: #f0fdf4; }
2054
- html.dark .block-type-tool_result { background: #0a1f0f; }
2055
- .block-type-tool_result .tool-result-status { background: #dcfce7; }
2056
- html.dark .block-type-tool_result .tool-result-status { background: #0f2b1a; }
2058
+ .block-type-tool_result { background: #f3f4f6; }
2059
+ html.dark .block-type-tool_result { background: #1f2937; }
2060
+ .block-type-tool_result .tool-result-status { background: #e5e7eb; }
2061
+ html.dark .block-type-tool_result .tool-result-status { background: #374151; }
2057
2062
  .block-type-tool_result .folded-tool-icon { color: #16a34a; }
2058
2063
  html.dark .block-type-tool_result .folded-tool-icon { color: #4ade80; }
2059
- .block-type-tool_result .folded-tool-name { color: #166534; }
2060
- html.dark .block-type-tool_result .folded-tool-name { color: #86efac; }
2061
- .block-type-tool_result > .folded-tool-body { border-top-color: #bbf7d0; }
2062
- html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #166534; }
2063
- .block-type-tool_result.tool-result-error { background: #fef2f2; }
2064
- html.dark .block-type-tool_result.tool-result-error { background: #1c0f0f; }
2065
- .block-type-tool_result.tool-result-error .tool-result-status { background: #fee2e2; }
2066
- html.dark .block-type-tool_result.tool-result-error .tool-result-status { background: #2c1010; }
2064
+ .block-type-tool_result .folded-tool-name { color: #374151; }
2065
+ html.dark .block-type-tool_result .folded-tool-name { color: #d1d5db; }
2066
+ .block-type-tool_result > .folded-tool-body { border-top-color: #d1d5db; }
2067
+ html.dark .block-type-tool_result > .folded-tool-body { border-top-color: #4b5563; }
2068
+ .block-type-tool_result.tool-result-error { background: #f3f4f6; }
2069
+ html.dark .block-type-tool_result.tool-result-error { background: #1f2937; }
2070
+ .block-type-tool_result.tool-result-error .tool-result-status { background: #e5e7eb; }
2071
+ html.dark .block-type-tool_result.tool-result-error .tool-result-status { background: #374151; }
2067
2072
  .block-type-tool_result.tool-result-error .folded-tool-icon { color: #dc2626; }
2068
2073
  html.dark .block-type-tool_result.tool-result-error .folded-tool-icon { color: #f87171; }
2069
- .block-type-tool_result.tool-result-error .folded-tool-name { color: #991b1b; }
2070
- html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #fca5a5; }
2074
+ .block-type-tool_result.tool-result-error .folded-tool-name { color: #374151; }
2075
+ html.dark .block-type-tool_result.tool-result-error .folded-tool-name { color: #d1d5db; }
2071
2076
 
2072
2077
  .block-type-code { background: #1e293b; }
2073
2078
  html.dark .block-type-code { background: #0f172a; }
@@ -2175,51 +2180,51 @@
2175
2180
 
2176
2181
  /* --- Tool result success styling in body --- */
2177
2182
  .tool-result-success .tool-result-status {
2178
- background: #dcfce7;
2183
+ background: #e5e7eb;
2179
2184
  padding: 0.4rem 0.75rem;
2180
2185
  }
2181
2186
  html.dark .tool-result-success .tool-result-status {
2182
- background: #0f2b1a;
2187
+ background: #374151;
2183
2188
  }
2184
2189
  .tool-result-success .folded-tool-icon { color: #16a34a; }
2185
2190
  html.dark .tool-result-success .folded-tool-icon { color: #4ade80; }
2186
- .tool-result-success .folded-tool-name { color: #166534; font-weight: 600; }
2187
- html.dark .tool-result-success .folded-tool-name { color: #86efac; }
2191
+ .tool-result-success .folded-tool-name { color: #374151; font-weight: 600; }
2192
+ html.dark .tool-result-success .folded-tool-name { color: #d1d5db; }
2188
2193
 
2189
2194
  /* --- Tool_use parent: has-success / has-error indicators on header --- */
2190
- .folded-tool.has-success { background: #f0fdf4; }
2191
- html.dark .folded-tool.has-success { background: #0a1f0f; }
2192
- .folded-tool.has-success > .folded-tool-bar { background: #dcfce7; }
2193
- html.dark .folded-tool.has-success > .folded-tool-bar { background: #0f2b1a; }
2194
- .folded-tool.has-success > .folded-tool-bar:hover { background: #bbf7d0; }
2195
- html.dark .folded-tool.has-success > .folded-tool-bar:hover { background: #14532d; }
2195
+ .folded-tool.has-success { background: #f3f4f6; }
2196
+ html.dark .folded-tool.has-success { background: #1f2937; }
2197
+ .folded-tool.has-success > .folded-tool-bar { background: #e5e7eb; }
2198
+ html.dark .folded-tool.has-success > .folded-tool-bar { background: #374151; }
2199
+ .folded-tool.has-success > .folded-tool-bar:hover { background: #d1d5db; }
2200
+ html.dark .folded-tool.has-success > .folded-tool-bar:hover { background: #4b5563; }
2196
2201
  .folded-tool.has-success > .folded-tool-bar::before { color: #16a34a; }
2197
2202
  html.dark .folded-tool.has-success > .folded-tool-bar::before { color: #4ade80; }
2198
2203
  .folded-tool.has-success .folded-tool-icon { color: #16a34a; }
2199
2204
  html.dark .folded-tool.has-success .folded-tool-icon { color: #4ade80; }
2200
- .folded-tool.has-success .folded-tool-name { color: #166534; }
2201
- html.dark .folded-tool.has-success .folded-tool-name { color: #86efac; }
2202
- .folded-tool.has-success .folded-tool-desc { color: #15803d; }
2203
- html.dark .folded-tool.has-success .folded-tool-desc { color: #4ade80; }
2204
- .folded-tool.has-success > .folded-tool-body { border-top-color: #bbf7d0; }
2205
- html.dark .folded-tool.has-success > .folded-tool-body { border-top-color: #166534; }
2206
-
2207
- .folded-tool.has-error { background: #fef2f2; }
2208
- html.dark .folded-tool.has-error { background: #1c0f0f; }
2209
- .folded-tool.has-error > .folded-tool-bar { background: #fee2e2; }
2210
- html.dark .folded-tool.has-error > .folded-tool-bar { background: #2c1010; }
2211
- .folded-tool.has-error > .folded-tool-bar:hover { background: #fecaca; }
2212
- html.dark .folded-tool.has-error > .folded-tool-bar:hover { background: #451a1a; }
2205
+ .folded-tool.has-success .folded-tool-name { color: #374151; }
2206
+ html.dark .folded-tool.has-success .folded-tool-name { color: #d1d5db; }
2207
+ .folded-tool.has-success .folded-tool-desc { color: #6b7280; }
2208
+ html.dark .folded-tool.has-success .folded-tool-desc { color: #9ca3af; }
2209
+ .folded-tool.has-success > .folded-tool-body { border-top-color: #d1d5db; }
2210
+ html.dark .folded-tool.has-success > .folded-tool-body { border-top-color: #4b5563; }
2211
+
2212
+ .folded-tool.has-error { background: #f3f4f6; }
2213
+ html.dark .folded-tool.has-error { background: #1f2937; }
2214
+ .folded-tool.has-error > .folded-tool-bar { background: #e5e7eb; }
2215
+ html.dark .folded-tool.has-error > .folded-tool-bar { background: #374151; }
2216
+ .folded-tool.has-error > .folded-tool-bar:hover { background: #d1d5db; }
2217
+ html.dark .folded-tool.has-error > .folded-tool-bar:hover { background: #4b5563; }
2213
2218
  .folded-tool.has-error > .folded-tool-bar::before { color: #ef4444; }
2214
2219
  html.dark .folded-tool.has-error > .folded-tool-bar::before { color: #f87171; }
2215
2220
  .folded-tool.has-error .folded-tool-icon { color: #ef4444; }
2216
2221
  html.dark .folded-tool.has-error .folded-tool-icon { color: #f87171; }
2217
- .folded-tool.has-error .folded-tool-name { color: #991b1b; }
2218
- html.dark .folded-tool.has-error .folded-tool-name { color: #fca5a5; }
2219
- .folded-tool.has-error .folded-tool-desc { color: #b91c1c; }
2220
- html.dark .folded-tool.has-error .folded-tool-desc { color: #f87171; }
2221
- .folded-tool.has-error > .folded-tool-body { border-top-color: #fecaca; }
2222
- html.dark .folded-tool.has-error > .folded-tool-body { border-top-color: #7f1d1d; }
2222
+ .folded-tool.has-error .folded-tool-name { color: #374151; }
2223
+ html.dark .folded-tool.has-error .folded-tool-name { color: #d1d5db; }
2224
+ .folded-tool.has-error .folded-tool-desc { color: #6b7280; }
2225
+ html.dark .folded-tool.has-error .folded-tool-desc { color: #9ca3af; }
2226
+ .folded-tool.has-error > .folded-tool-body { border-top-color: #d1d5db; }
2227
+ html.dark .folded-tool.has-error > .folded-tool-body { border-top-color: #4b5563; }
2223
2228
 
2224
2229
  /* --- Success/Error status icons in header --- */
2225
2230
  .folded-tool.has-success > .folded-tool-bar .folded-tool-icon::after,