Add component lifecycle badges

[Mbeaulne]

Description

Adds visual indicators for deprecated and superseded components throughout the component browser. A new ComponentLifecycleBadges component renders "Deprecated" or "Superseded" badges next to component names, and a warning message is shown in the component detail pane advising users to prefer active replacements. When a replacement digest is available, it is shown inline within the badge.

Lifecycle state is resolved via a new getComponentLifecycleInfo service that reads from multiple sources: top-level deprecated and superseded_by fields on the component reference, as well as lifecycle.state, superseded_by, supersededBy, and their tangleml.com/-prefixed annotation equivalents. Superseded state takes priority over deprecated state when a replacement digest is present.

Badges appear both on component cards in the list view and in the component detail header.

Related Issue and Pull requests

Type of Change

• Bug fix
• New feature
• Improvement
• Cleanup/Refactor
• Breaking change
• Documentation update

Checklist

• I have tested this does not break current pipelines / runs functionality
• I have tested the changes on staging

Screenshots (if applicable)

Test Instructions

1. Open the component browser and select a component that has deprecated: true set on its reference — confirm a "Deprecated" badge appears next to the component name in both the card and the detail pane, along with a warning message.
2. Set superseded_by to a digest on a component reference — confirm a "Superseded" badge and a "Replaced by <digest>" badge appear, and the detail pane shows the superseded warning.
3. Confirm components with no lifecycle metadata show no badges or warnings.
4. Run the unit tests in src/services/componentLifecycle.test.ts to verify all annotation and field resolution paths.

Additional Comments

The annotation keys checked are lifecycle.state, tangleml.com/lifecycle-state, superseded_by, supersededBy, and tangleml.com/superseded-by, providing flexibility across different annotation conventions.

[github-actions]

🎩 Preview

A preview build has been created at: 06-23-add_component_lifecycle_badges/30633b0

[Mbeaulne]

Warning

This pull request is not mergeable via GitHub because a downstack PR is open. Once all requirements are satisfied, merge this PR as a stack on Graphite.
Learn more

• Simplify component search result cards #2459
• Add context-aware component search suggestions #2458
• Add component discovery docs #2457
• Add component search analytics baseline #2456
• Limit dashboard component browse rendering #2454
• Add component search empty state suggestions #2453
• Decouple editor component search input #2452
• Polish component search explanations #2451
• Add compatible component suggestions #2450
• Add component collection search results #2449
• Add component lifecycle badges #2448 👈 (View in Graphite)
• Add component search URL state #2447
• Disable AI search when literal search finds no matches #2444
• Debounce component search input #2433
• add client-side embeddings cached in IndexedDB #2432
• Add search quality expectation tests for lexical search #2431
• Add deep AI search to rerank all components in selected sources #2430
• Add source-diverse AI rerank candidate pool #2429
• Add negative constraint parsing to lexical search #2428
• Add fuzzy/typo-tolerant matching for component name and I/O fields #2427
• Improve component search scoring relevance #2426
• Add synonym expansion to component lexical search #2425
• Normalize component search tokens for better matching #2424
• Expand component search indexing fields #2423
• master

This stack of pull requests is managed by Graphite. Learn more about stacking.