Skip to content

feat(ui): Sprint 0.5 — StatusMatrix, TimeSeriesChart, ComparisonBar, RankList (v0.2.0)#2

Merged
konjoinfinity merged 1 commit into
mainfrom
claude/build-konjo-ui-GbA18
May 19, 2026
Merged

feat(ui): Sprint 0.5 — StatusMatrix, TimeSeriesChart, ComparisonBar, RankList (v0.2.0)#2
konjoinfinity merged 1 commit into
mainfrom
claude/build-konjo-ui-GbA18

Conversation

@konjoinfinity
Copy link
Copy Markdown
Contributor

$(cat <<'EOF'

Summary

Sprint 0.5 — Design System Completion. Four new shared components that clear the ≥2-consumer rule and unblock the full portfolio sprint sequence before any consumer wires a frontend.

  • StatusMatrix — pass/fail/warn grid for compliance and quality dashboards. ARIA table semantics, staggered row entrance. Consumers: squash (EU AI Act article checks), toki (attack vs. defence matrix).
  • TimeSeriesChart — rolling sparkline with SVG pathLength draw-in, gradient area fill, y-axis guides, latest-value dot. Consumers: kairu (tok/s), squish (throughput), toki (loss curves).
  • ComparisonBar — horizontal benchmark bars with scaleX fill animation and optional baseline ghost marker. Auto-severity from value vs. baseline ratio. Consumers: vectro (recall@k vs. fp32), kairu, squash.
  • RankList — scored ranked list with rank badge, score readout, and score bar. Consumers: kyro (NDCG/MRR retrieval), miru (reasoning steps by attention).

All four components: useReducedMotion, full ARIA semantics, JSDoc on every export, Vitest tests.

Test suite: 51 tests passing (was 25). Typecheck clean. Build green.

Bumps @konjoai/ui from v0.1.0 → v0.2.0. Adds CHANGELOG.md.

Test plan

  • npm run typecheck — clean
  • npm run build — green (both packages/ui and apps/web)
  • npm test — 51/51 passing
  • Showcase visible at pnpm dev:ui — four new sections render with motion

https://claude.ai/code/session_013Uv873eoEfYRG6Q6ihzT8R
EOF
)


Generated by Claude Code

…RankList (v0.2.0)

Four new shared components that clear the ≥2-consumer rule and unblock
the portfolio sprint sequence before any consumer wires up a frontend.

- StatusMatrix: pass/fail/warn grid for compliance dashboards (squash, toki)
- TimeSeriesChart: rolling sparkline with SVG pathLength draw-in (kairu, squish, toki)
- ComparisonBar: horizontal benchmark bars with baseline ghost marker (vectro, kairu, squash)
- RankList: scored ranked list with relevance score bars (kyro, miru, toki)

All four: useReducedMotion, ARIA semantics, JSDoc, Vitest tests (51 passing).
Bumps @konjoai/ui to v0.2.0. Adds CHANGELOG.md.

https://claude.ai/code/session_013Uv873eoEfYRG6Q6ihzT8R
@konjoinfinity konjoinfinity marked this pull request as ready for review May 19, 2026 19:33
@konjoinfinity konjoinfinity merged commit 092bbf5 into main May 19, 2026
4 checks passed
@konjoinfinity konjoinfinity deleted the claude/build-konjo-ui-GbA18 branch May 19, 2026 19:34
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.

2 participants