Simplify component search result cards

[Mbeaulne]

Description

Refreshes the component search result UI in both the Flow sidebar and the Dashboard components view for a cleaner, more compact presentation.

Flow sidebar (ComponentItem):

• Replaces the File/FileBadge icon with Package and updates icon colors: violet for subgraphs, orange for owned components, blue for others.
• Removes the published_by author line and the digest fallback line from each row.
• Strips the leading "Matched " prefix and trailing period from match explanations via a new formatComponentItemMatchSummary helper.
• Tightens hover/active background tokens and adjusts padding.
• Action buttons now fade in on hover via a group-hover opacity transition.

Dashboard components view (DashboardComponentsV2View):

• Adds an isDetailOpen prop to ComponentCard that switches the card into a compact single-column row when the detail pane is open, and expands to a responsive multi-column grid otherwise.
• Strips trailing Annotations: … noise from component descriptions via cleanComponentCardDescription.
• Replaces the "matched: field" badge list with a single inline "Why: …" summary line using the new formatComponentCardMatchSummary helper (same prefix/suffix trimming as the sidebar).
• Hides published_by, lifecycle badges, and relevance score badges in compact mode.
• Widens the detail-open sidebar column from 360 px to 420 px.
• Converts the "Generate AI description" button to a smaller outline style with a Sparkles icon and an "Optional" label.
• Wraps browse and search result lists in a CSS grid for the responsive two-column layout.

Internals:

• COMPONENT_SEARCH_MATCH_FIELD_LABEL is now module-private (no longer exported).
• Adds a test asserting that search result cards in compact mode do not render the full input/output detail pane content.

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 Flow sidebar and search for a component — confirm the row shows the "Why: …" explanation without "Matched " prefix, no author line, and no digest fallback.
2. Open the Dashboard components view and search — confirm results render in a two-column grid when the detail pane is closed and a single column when it is open.
3. Select a result with the detail pane open and confirm the card switches to compact mode (no description, no badges, smaller padding).
4. Verify the "Generate AI description" button renders as a small outline button with a Sparkles icon.

Additional Comments

The COMPONENT_SEARCH_MATCH_FIELD_LABEL export removal is a non-breaking internal change; the constant is only consumed within componentSearchExplanations.ts.

[github-actions]

🎩 Preview

A preview build has been created at: 06-23-simplify_component_search_result_cards/ce6e6ab

[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 👈 (View in Graphite)
• 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
• 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.