Refresh welcome screen and composer
Some checks are pending
Build And Publish Docker Images / plan (push) Waiting to run
Build And Publish Docker Images / build (push) Blocked by required conditions

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:
Alessandro 2026-06-22 15:12:20 +02:00
parent 6dcaab2f5c
commit 0e262f7b87
23 changed files with 1238 additions and 984 deletions

View file

@ -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>"
)