Skip to content

Tab insides, step 3: Card, Tile, Callout, Stat; SLOs and the ArgoCD warning - #83

Merged
jfillman merged 1 commit into
mainfrom
tab-insides-3
Oct 12, 2026
Merged

jfillman merged 1 commit into
mainfrom
tab-insides-3

Conversation

@jfillman

Copy link
Copy Markdown
Owner

Step 3 of HANDOFF-tower-tab-insides.

  • Kit (own hook useBlocks): Card, Tile, Callout (info/warn/bad/ok/neutral, label, icon, actions), Stat; Chip tone="sky"; Panel forwards refs; kit buttons space an icon 5px from the label.
  • SLOs (approved): environment groups are a Section with the tier chip; the per-env violet/rose/teal/olive hues and 4px left borders are gone; kit Cards and Stats; the sky indicator chip stays.
  • Deployments: "Couldn't reach ArgoCD" once, as an amber Callout in the ArgoCD card (was an italic line plus a blue info banner). TroubleshootBanner is a Callout and returns nothing for that case (new test). "Sync unknown" / "Health unknown" instead of two bare "unknown" chips.
  • Releases command deck: tasks are Callouts, numbers are Stats in Tiles.
  • Cloud deploy cards and RBAC counts use Stat; PR repo/env chips are kit Chips (sky kept).
  • Every card radius 6, every tile radius 4 (was 5, 7, 8, 10).
  • Regressions from steps 1/2 fixed: Rollout DAG detail (borrowed the Pipeline DAG sheet) moved to the kit; break-glass shared hint/link styles restored. Found with a cross-file dangling-class check (step 4 adds it to CI).
  • docs/design-system.md: Cards and tiles, Callouts, Headline numbers, Environment groups.

Checked in a local Backstage: Deployments (Kubernetes and cloud), SLOs, Releases, Topology pods, Images, PRs, Overview.
Gates: tsc clean, eslint 0 errors, 727 tests pass, build ok.

🤖 Generated with Claude Code

…arning

Adds Card (a Panel with the kit padding and a head slot), Tile (an item inside a
card), Callout (a banner in a status tone, with label, icon and actions) and
Stat (a headline number), in their own style hook, plus a sky label Chip.

- SLOs: environment groups are a Section with the tier chip instead of the
  violet/rose/teal/olive hues and 4px left borders; cards are kit Cards; the
  numbers are Stats; the indicator type keeps its sky chip.
- Deployments: "Couldn't reach ArgoCD" is said once, as an amber Callout in the
  ArgoCD card; the troubleshoot banner stays out of it and is itself a Callout.
  The bare "unknown" chips say what is unknown. Operation, conditions and the
  force-sync confirm are Callouts; the detail facts are Tiles.
- Releases: the command deck's tasks are Callouts and its numbers are Stats.
- Cloud deploy cards and RBAC counts use Stat; PR repo/env chips are kit Chips.
- Every card is radius 6 and every tile radius 4 (there were 5, 7, 8 and 10).
- Kit buttons lay out an icon 5px from the label.
- Fixes two regressions from steps 1 and 2: the Rollout DAG detail borrowed the
  Pipeline DAG's sheet (now on the kit), and the break-glass views share the
  hint/link styles that were removed (restored).

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>
@jfillman
jfillman merged commit 6e48db9 into main Oct 12, 2026
1 check passed
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