feat: add CapabilityStatus component (0.9.0)

[herbie-bot]

Summary

Adds a generic, presentational CapabilityStatus component: a status row that reports whether a runtime capability is available. Green check + text when available; red warning + text when not, with an optional hint surfaced as a tooltip (intended for the unavailable case — e.g. a remediation pointer). Mirrors the look of HealthStatus and reuses the existing Card + Tooltip primitives.

This is the ui half of the cross-repo HEIC-support-status feature (open-crm spec 112-heic-support-status). The consumer (@open-elements/nextjs-app-layer) will render one row per configured capability on the /admin/status page.

API

interface CapabilityStatusProps {
  readonly available: boolean;
  readonly label: string;           // e.g. "HEIC image decoding"
  readonly availableText: string;   // e.g. "Available"
  readonly unavailableText: string; // e.g. "Not available"
  readonly hint?: string;           // shown as a tooltip
}

The component is fully app-agnostic — all display strings are passed in by the consumer, keeping it reusable for future capabilities (WebP, PDF rendering, …).

Changes

• New src/components/capability-status.tsx ("use client", brand colors --color-oe-green / --color-oe-red).
• Exported CapabilityStatus + CapabilityStatusProps from src/index.ts.
• Unit tests: available→green, unavailable→red, hint→tooltip (focus-driven), hint optional→no tooltip.
• Version bump 0.8.0 → 0.9.0.

Test coverage

• 4 new component tests; full suite (91 tests) green, typecheck / lint / format:check / build all pass locally.

Follow-up

Once merged and published to npm as @open-elements/ui@0.9.0, the paired nextjs-app-layer PR (capabilities option on createServerStatusPage) can bump to it and go green.

Part of OpenElementsLabs/nextjs-app-layer#6

🤖 Generated with Claude Code