Skip to content

style(studio): kit - card header centred on its action, button icons honour an explicit size, value-missing utility - #794

Merged
LinuxDevil merged 7 commits into
mainfrom
redesign/p10b-sweep
Oct 29, 2026
Merged

LinuxDevil merged 7 commits into
mainfrom
redesign/p10b-sweep

Conversation

@LinuxDevil

Copy link
Copy Markdown
Owner

Global polish sweep: legible canvas fit + small minimap, trace detail dashes/duplicate Playground link/tool info tone, kit card header + icon sizing, designed ? sheet, ErrorBoundary and daemon-down states

Ticket: P10b (Agent Forge Studio redesign, audit/forge-redesign/PLAN.md)

Changes

  • style(studio): P10b fix round 1 - outlined agent kind, motion-free running bars, one first-fit owner, aligned daemon-down card
  • feat(studio): docShots - tool step selected, ? sheet and error boundary review shots
  • feat(studio): designed shortcut sheet, error boundary card and daemon-down state
  • style(studio): sweep - faint em dash for missing table values, skeleton-only eval detail loading, hub TTL separator
  • feat(studio): trace detail - no dash chips, faint em dash in grids, one Playground link per place, tool steps in the info tone
  • style(studio): Agents canvas - legible auto-fit, 160x100 minimap, visible dark dot grid
  • style(studio): kit - card header centred on its action, button icons honour an explicit size, value-missing utility

Verification: focused vitest, tsc --noEmit, eslint, affected Playwright specs, light + dark screenshots reviewed; full suite and fallow run in CI.

🤖 Generated with Claude Code

LinuxDevil and others added 7 commits October 29, 2026 14:14
…honour an explicit size, value-missing utility

.card-header aligns items center with a 20px title line box; .btn svg sizes only lucide-default (24) or unsized icons (16px, 14px in .btn-sm) so an explicit size wins; .value-missing is the faint em dash for absent values.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ible dark dot grid

Load/resize/auto-layout fits stop at zoom 0.75 (max 1) and pin an oversized graph to its top-left so the trigger stays in view; the toolbar Fit view still fits the whole graph. The dot grid lifts toward --text-faint in dark only.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ne Playground link per place, tool steps in the info tone

Header chips with no value are left out (trace tokens/cost/model, thread span); inspector usage cells and null scores show a faint em dash; the trace screen drops the inspector Open in Playground (header button and tree icon link stay); tool kind is info in tree and waterfall, the agent root takes the accent.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…on-only eval detail loading, hub TTL separator

Fleet p95/dropped, scores mean, eval checks mean, drawer History cells, dataset expected and evaluator comment use .value-missing; the eval detail loading line is screen-reader only beside its skeletons; hub TTL reads "6h · expires in"; dead .ds-faint removed.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…-down state

The ? sheet gets an icon header with a hint, an icon close button (aria-label Close) and description/kbd rows; the ErrorBoundary is a centred card with an AlertTriangle tile, the message in mono and Reload/Try again; ObserveDaemonDown is the kit EmptyState in a card and ObserveError gets an alert icon; observe.css on tokens only.

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…ry review shots

x-trace-tool-selected(-waterfall), x-shortcut-sheet(-375), x-error-boundary(-375).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
…nning bars, one first-fit owner, aligned daemon-down card

Agent kind: hollow waterfall bar (accent-soft fill, 1px accent border) and an accent hairline on its tile, so it differs from the violet generation by shape. Running bars keep their kind colour with a square, fading right end (shimmer only when motion is allowed). The canvas drops the ReactFlow fitView prop; useFitViewOnLoad owns the first fit and hides the viewport until it lands. The daemon-down card sits 60px under the header on every screen. Remaining "-" values (drawer run cost, eval pass rate and failure value, hub writer) are the faint em dash. docShots: x-trace-running-waterfall(-reduced).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@LinuxDevil
LinuxDevil merged commit 339cdb8 into main Oct 29, 2026
2 checks passed
@LinuxDevil
LinuxDevil deleted the redesign/p10b-sweep branch October 29, 2026 11:28
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant