feat(storybook): show component status + DoD checklist on docs pages

[sauldom102]

Description

Surfaces each component's maturity status and Definition-of-Done checklist as a reusable, self-consistent UI. All display text (badge label, summary line, checklist labels and remediation hints) is now part of the component-status data, and a single exported ComponentStability component renders it — so the Storybook docs page and any consuming app (e.g. a factorial-composer page) show identical content. Reuses the API from #4719; renders nothing on non-component pages.

Screenshots (if applicable)

Rendered on every component docs page under the title: a "Status" heading, a maturity badge, a one-line summary, and the checklist with per-item detail for unmet requirements. (Verified in a live Storybook — Card, Alert, and a non-component page.)

Implementation details

• feat: export a ComponentStability component — <ComponentStability componentName="F0Card" /> — that looks up the status and renders the badge, summary, and checklist; renders nothing for unknown names. Accepts an optional components dataset override for testing
• feat: move all display text into the component-status data — label (badge), summary (top line), and showChecklist now come from evaluateComponentStatus, next to the existing per-requirement label/detail — so text lives in one place and stays consistent across Storybook and consumers
• feat: inject the panel into every component docs page via the docs container (thin wrapper that resolves the current component from the docs context and portals ComponentStability in under the title)
• refactor: make getComponentStatus name matching tiered (exact full-name → leaf-level → suffix) so fully-qualified titles (Data Collection/Visualizations/Card) and prefixed autodocs titles (Components/F0Card) resolve to the correct entry
• test: unit tests for the new presentation text (label/summary/showChecklist), the title-resolution tiers, and a render test for ComponentStability

Usage from another repo:

import { ComponentStability } from "@factorialco/f0-react/dist/component-status"

;<ComponentStability componentName="F0Card" />

[github-actions]

✅ No New Circular Dependencies

No new circular dependencies detected. Current count: 0

[github-actions]

📦 Alpha Package Version Published

Use pnpm i github:factorialco/f0#npm/alpha-pr-4724 to install the package

Use pnpm i github:factorialco/f0#bee4961564ddb91eebdb4f1b8e8e02381553192d to install this specific commit

[github-actions]

🔍 Visual review for your branch is published 🔍

Here are the links to:

• the Visual Review Page

• the latest build on chromatic

• the full storybook

[github-actions]

✅ No breaking public API changes

No public exports were removed, renamed, or had existing props/types changed in a breaking way compared to main.

Comparing f0, experimental and ai against main. Adding components, types, or optional props is safe. This check is non-blocking.

⚠️ Could not analyze component-status (no-base) — a build may have failed; results may be incomplete.

[github-actions]

Coverage Report for packages/react

Status	Category	Percentage	Covered / Total
🔵	Lines	59.34%	20795 / 35039
🔵	Statements	58.39%	21805 / 37341
🔵	Functions	51.52%	4834 / 9382
🔵	Branches	52.09%	15026 / 28841

File Coverage

File	Stmts	Branches	Functions	Lines	Uncovered Lines
Changed Files
packages/react/src/component-status/ComponentStability.tsx	100%	100%	100%	100%
packages/react/src/component-status/component-status.ts	98.57%	98.03%	96.42%	98.3%	410
packages/react/src/component-status/exports.ts	100%	100%	100%	100%

Generated in workflow #15747 for commit 3511db9 by the Vitest Coverage Report Action