refactor(ui): share collapsible workflow field cards

[BillLeoutsakosvl346]

Filter rules, sort rules, document tags and knowledge tag filters repeat the same collapsible field-card styling. Migrate them to EMCN CollapsibleCard, add a header-actions slot outside the collapse target, and forward native root attributes so workflow search can still target each row.

Card colors, borders, corners, spacing and action positions are preserved. Long titles adopt the existing fade/full-title tooltip treatment. Field controls, search highlights, refs, read-only restrictions and add/remove behavior stay in the consumers. No new visual variants are introduced.

Validation: 345 EMCN tests and 118 existing fork-sync/search-highlight tests pass, as do workspace type checks/lint, import resolution and API validation. The external audit removes all eight scoped radius findings with zero new findings. Ten light/dark fixture comparisons confirm unchanged card/body geometry and action positions, including the existing shared-card preview layout. Browser checks cover keyboard toggling and independent action clicks; full product workflow and landing integrations were not exercised. Review tooling and screenshots are outside this PR.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated
docs	Ready	Preview	Sep 22, 2026 8:49pm UTC

[cubic-dev-ai]

No issues found across 6 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge, with no outstanding findings or newly introduced issues since the previous review.

Summary

Refactors four workflow field-card implementations to use the shared EMCN CollapsibleCard.

• Adds a header-actions slot outside the collapse trigger.
• Forwards native root attributes for workflow-search selectors and accessibility metadata.
• Preserves consumer-owned controls, highlights, read-only behavior, and add/remove actions.
• Adds coverage for root-attribute forwarding, controlled toggling, keyboard interaction, and independent actions.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Consumers["Workflow field-card consumers"] --> Card["EMCN CollapsibleCard"]
  Card --> Root["Root attributes and search selectors"]
  Card --> Header["Header layout"]
  Header --> Trigger["Keyboard/click collapse trigger"]
  Header --> Actions["Independent action buttons"]
  Card --> Body["Expanded field controls"]

Loading

_{Reviews (4) · Last reviewed commit: "refactor(ui): share collapsible workflow..."}

[BillLeoutsakosvl346]

@greptileai @cubic-dev-ai Please review the current head. The previous scored reviews predate the base update.

[cubic-dev-ai]

@greptileai @cubic-dev-ai Please review the current head. The previous scored reviews predate the base update.

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 6 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

Before / after visual comparison

Filter, sort and knowledge-tag cards reuse CollapsibleCard. The shared header uses a fade for long titles.

Each theme contains paired before/after cards, labeled in the image.

Rendered component fixtures with application CSS and local data, rather than authenticated product-page screenshots. These are representative visual examples, not end-to-end behavior coverage.

Current PR head checked at posting: 022eed8a8f.

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 6 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptile

[BillLeoutsakosvl346]

@cubic-dev-ai review this PR

[cubic-dev-ai]

@cubic-dev-ai review this PR

@BillLeoutsakosvl346 I have started the AI code review. It will take a few minutes to complete.

[cubic-dev-ai]

No issues found across 6 files

Confidence score: 5/5

• Automated review surfaced no issues in the provided summaries.
• No files require special attention.

_{Re-trigger cubic}