Omar SobhandClaude Fable 5
6e061515b8
Shell (main-chat-shell-spec): rail rebuilt around a 48px squircle claw avatar stack with a 2px coral active ring + name beneath + online dot, dashed 'New claw' tile, lucide-icon nav pills with the live credits balance shown inline (coral when negative, aria-hidden so the nav link name stays 'Credits'); 80px transparent chat header with 36px round sessions/new-session icon buttons and the 42px coral-glow Computer launcher; 768px centered content rail. RosterList computes the active claw from the pathname so AgentRosterItem stays presentational. Chat (chat-message-components): asymmetric layout — user pill #1A1A1A radius 24/24/4 with inset white ring + dual shadow, capped 75%, vs the bubble-less assistant message (50px squircle avatar, 15px gap, plain 14px/1.7 text); messageSlideIn entrance; 126px welcome avatar with the 24px/600/-0.6px heading (claw name in coral) and lucide-led suggestion chips; floating 24px-radius neutral-800 composer card with the cream Send pill; StepTrace rows restyled to the system. Brand marks (Chrome, Slack) vendored to public/services from the bundle. 83 unit tests, full 29-journey functional E2E green. Co-Authored-By: Claude Fable 5 <[email protected]>
7 lines
1019 B
XML
7 lines
1019 B
XML
<svg width="127" height="127" xmlns="http://www.w3.org/2000/svg">
|
|
<path d="M27.2 80c0 7.3-5.9 13.2-13.2 13.2C6.7 93.2.8 87.3.8 80c0-7.3 5.9-13.2 13.2-13.2h13.2V80zm6.6 0c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2v33c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V80z" fill="#E01E5A"/>
|
|
<path d="M47 27c-7.3 0-13.2-5.9-13.2-13.2C33.8 6.5 39.7.6 47 .6c7.3 0 13.2 5.9 13.2 13.2V27H47zm0 6.7c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H13.9C6.6 60.1.7 54.2.7 46.9c0-7.3 5.9-13.2 13.2-13.2H47z" fill="#36C5F0"/>
|
|
<path d="M99.9 46.9c0-7.3 5.9-13.2 13.2-13.2 7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H99.9V46.9zm-6.6 0c0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V13.8C66.9 6.5 72.8.6 80.1.6c7.3 0 13.2 5.9 13.2 13.2v33.1z" fill="#2EB67D"/>
|
|
<path d="M80.1 99.8c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2-7.3 0-13.2-5.9-13.2-13.2V99.8h13.2zm0-6.6c-7.3 0-13.2-5.9-13.2-13.2 0-7.3 5.9-13.2 13.2-13.2h33.1c7.3 0 13.2 5.9 13.2 13.2 0 7.3-5.9 13.2-13.2 13.2H80.1z" fill="#ECB22E"/>
|
|
</svg>
|