mirror of
https://github.com/agent0ai/agent-zero.git
synced 2026-07-09 17:08:29 +00:00
Refresh welcome screen and composer
Rework the welcome screen around the shared new-chat composer, renewed quick actions, discovery cards, OAuth accounts, and dedicated system resources panel. Restore static button colors and neutral surfaces, move microphone state feedback onto the icon, and keep Rubik/code-font composer behavior. Add focused static regressions for the welcome composer, OAuth discovery panel, and speech button contract.
This commit is contained in:
parent
6dcaab2f5c
commit
0e262f7b87
23 changed files with 1238 additions and 984 deletions
|
|
@ -69,34 +69,37 @@ class SystemResourcesCheck(Extension):
|
|||
"priority": 10,
|
||||
"title": "System Resources",
|
||||
"html": (
|
||||
"<div style=\"display:flex;flex-direction:column;gap:14px;padding-top:6px;\">"
|
||||
"<div style=\"display:flex;flex-direction:column;gap:12px;\">"
|
||||
"<div style=\"display:flex;flex-wrap:wrap;column-gap:12px;row-gap:10px;align-items:center;\">"
|
||||
"<div style=\"flex:0 1 140px;min-width:110px;display:flex;flex-direction:column;gap:6px;\">"
|
||||
"<div style=\"font-size:12px;letter-spacing:.10em;text-transform:uppercase;opacity:.65;line-height:1.1\">CPU</div>"
|
||||
f"<div style=\"font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1\">{cpu_value}</div>"
|
||||
"<div class=\"system-resource-body\">"
|
||||
"<div class=\"system-resource-meter\">"
|
||||
"<div class=\"system-resource-label\">"
|
||||
"<div class=\"system-resource-name\">CPU</div>"
|
||||
f"<div class=\"system-resource-value\">{cpu_value}</div>"
|
||||
"</div>"
|
||||
f"{cpu_bar}"
|
||||
"</div>"
|
||||
"<div style=\"display:flex;flex-wrap:wrap;column-gap:12px;row-gap:10px;align-items:center;\">"
|
||||
"<div style=\"flex:0 1 140px;min-width:110px;display:flex;flex-direction:column;gap:6px;\">"
|
||||
"<div style=\"font-size:12px;letter-spacing:.10em;text-transform:uppercase;opacity:.65;line-height:1.1\">RAM</div>"
|
||||
f"<div style=\"font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1\">{ram_value}</div>"
|
||||
"<div class=\"system-resource-meter\">"
|
||||
"<div class=\"system-resource-label\">"
|
||||
"<div class=\"system-resource-name\">RAM</div>"
|
||||
f"<div class=\"system-resource-value\">{ram_value}</div>"
|
||||
"</div>"
|
||||
f"{ram_bar}"
|
||||
"</div>"
|
||||
"<div style=\"display:flex;flex-wrap:wrap;column-gap:12px;row-gap:10px;align-items:center;\">"
|
||||
"<div style=\"flex:0 1 140px;min-width:110px;display:flex;flex-direction:column;gap:6px;\">"
|
||||
"<div style=\"font-size:12px;letter-spacing:.10em;text-transform:uppercase;opacity:.65;line-height:1.1\">Disk</div>"
|
||||
f"<div style=\"font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.02em;line-height:1.1\">{disk_value}</div>"
|
||||
"<div class=\"system-resource-meter\">"
|
||||
"<div class=\"system-resource-label\">"
|
||||
"<div class=\"system-resource-name\">Disk</div>"
|
||||
f"<div class=\"system-resource-value\">{disk_value}</div>"
|
||||
"</div>"
|
||||
f"{disk_bar}"
|
||||
"</div>"
|
||||
"<div class=\"system-resource-footer\">"
|
||||
"<div class=\"system-resource-detail\">"
|
||||
"<div class=\"system-resource-detail-title\">Load (1/5/15)</div>"
|
||||
f"<div class=\"system-resource-detail-value\">{load_value}</div>"
|
||||
"</div>"
|
||||
"<div class=\"system-resource-detail\">"
|
||||
"<div class=\"system-resource-detail-title\">Net (since boot)</div>"
|
||||
f"<div class=\"system-resource-detail-value\">{net_sent} sent / {net_recv} recv</div>"
|
||||
"</div>"
|
||||
"<div style=\"height:1px;background:rgba(255,255,255,.08);\"></div>"
|
||||
"<div style=\"display:grid;grid-template-columns:1fr 1fr;gap:10px 14px;\">"
|
||||
f"<div><div style=\"font-size:12px;letter-spacing:.10em;text-transform:uppercase;opacity:.65;margin-bottom:6px;\">Load (1/5/15)</div><div style=\"font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;opacity:.85;font-variant-numeric:tabular-nums\">{load_value}</div></div>"
|
||||
f"<div><div style=\"font-size:12px;letter-spacing:.10em;text-transform:uppercase;opacity:.65;margin-bottom:6px;\">Net (since boot)</div><div style=\"font-family:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace;opacity:.85;font-variant-numeric:tabular-nums\">{net_sent} sent / {net_recv} recv</div></div>"
|
||||
"</div>"
|
||||
"</div>"
|
||||
),
|
||||
|
|
@ -117,9 +120,8 @@ class SystemResourcesCheck(Extension):
|
|||
color = "#22c55e"
|
||||
|
||||
return (
|
||||
"<div style=\"flex:1 1 220px;width:100%;max-width:260px;height:10px;border-radius:999px;"
|
||||
"background:rgba(255,255,255,.10);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08);\">"
|
||||
f"<div style=\"height:100%;width:{p:.0f}%;background:{color};border-radius:999px;\"></div>"
|
||||
"<div class=\"system-resource-track\">"
|
||||
f"<span class=\"system-resource-fill\" style=\"--resource-value:{p:.0f}%;--resource-color:{color};\"></span>"
|
||||
"</div>"
|
||||
)
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue