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 20, 2026 1:22am 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 current PR appears safe to merge; no actionable correctness, security, or repository-rule issue remains in the reviewed changes.

Summary

The PR consolidates document tags, filter rules, knowledge-tag filters, and sort rules onto the shared EMCN CollapsibleCard. It extends the shared component with an action slot and native root-attribute forwarding while retaining controlled collapse behavior, search hooks, read-only restrictions, and overflow-title handling.

• Moves row actions outside the collapse trigger so add/delete controls operate independently.
• Forwards native div attributes and workflow-search data attributes to the card root.
• Adds coverage for mouse and keyboard toggling, root attributes, action isolation, disabled actions, and event propagation.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Consumer[Workflow field-card consumer] -->|title and collapsed state| Card[CollapsibleCard]
  Consumer -->|add/delete controls| Actions[Header actions]
  Consumer -->|data attributes and ARIA| Root[Card root]
  Card --> Trigger[Keyboard/click collapse trigger]
  Card --> Body[Expanded field controls]
  Actions -. outside collapse target .-> Trigger

Loading

_{Reviews (2) · 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.