Když agentní systém naroste na několik běžících agentů, misí a konfigurací, dashboard se snadno promění v přeplněnou nástěnku plnou tabulek, čísel a stavových badge. Přesně to se u Orce stalo — a přesně tohle teď řeší.
Proč měnit dashboard
Původní layout sbíral vše na jednu obrazovku: poslední úkoly, mise, tokeny podle modelu, výsledky, metriky. Výsledek byl přehledný, pokud jste měli jednoho agenta a pár úkolů. Jakmile jich bylo víc, začal být spíš rušivý než užitečný.
Cíl redesignu byl jasný: klidný přehled, ne datový dump. Místo „ukaž všechno” — „ukaž to důležité a zbytek nech na stránce s detailem.”
Aurora hero panel
Nový dashboard začíná glass panelem s jemným aurora glow v pozadí. Uvnitř je pozdrav, statusový řádek, aktuální čas a tlačítka pro nový úkol nebo misi. Žádná data — jen kontext a východisko.
@keyframes aurora-drift {
from { transform: translate3d(0, 0, 0) scale(1); opacity: 0.85; }
to { transform: translate3d(5%, 3%, 0) scale(1.1); opacity: 1; }
}Animace aurora je jemná, skoro nepostřehnutelná — ale dodává panelu živost bez toho, aby překážela. A díky prefers-reduced-motion ji lidé s touto preferencí vůbec neuvidí.
Velké stat karty
Místo mini metrik v řádku teď dashboard nabízí čtyři velké karty: projekty, modely, aktivní mise, běžící agenti. Velké číslo, malý popisek, ikona. Přehled systému na první pohled.
Místo „ kolik úkolů je rozdělaných” — „ jak velký systém zrovna běží.”
Živá stopa agentů
Sekce běžících agentů se zobrazí jen pokud nějací jsou. Každý agent má status puls, model icon, jméno a poslední aktivitu. Když nic neběží, sekce prostě zmizí — dashboard zůstane čistý.
Autopilot a konfigurace
Autopilot spotlight zůstal — je to klíčová sekce pro monitoring misí. Nová je ale konfigurační řádka: aktuální autonomie, maximální sessiony, engine, review — vše jako malý pill s ikonou. Člověk hned vidí, jak je systém nastavený, aniž by musel do settings.
CSS rozdělený na kousky
Spolu s redesignem přišla i architekturní změna: monolitický globals.css se rozpadl na čtyři moduly:
tokens.css— design tokeny (barvy, fonty, spacingy)base.css— globální styly, scrollování, focus ringycomponents.css— opakující se komponentyanimations.css— všechny keyframes a transition utility
Vše se sbírá přes postcss-import v jednom vstupním bodu. Žádný runtime overhead, jen čistší organizace.
Co se odstranilo
Nejdůležitější část redesignu je možná to, co zmizelo:
- Tabulka posledních úkolů — přesunuta na stránku Tasks
- Seznam misí s progress bary — dostupný v Tasks
- Token usage per model — dostupný v nastavení
- Seznam nedávných výsledků — dostupný v detailu úkolu
Dashboard tím ztratil spoustu dat. Ale získal něco důležitějšího: místo pro dýchání.
Proč to dává smysl
Agentní dashboard není analytický nástroj. Je to místo, kam se člověk podívá, aby věděl, jestli se něco děje a jestli je potřeba zasáhnout. Na to nepotřebuje tabulku s tokeny — potřebuje jasný signál.
Klidný dashboard pro rušný systém. To byl cíl.