refactor(ui): reuse shared cards for workflow inputs and variables

[BillLeoutsakosvl346]

Variable assignments, Start/Response fields, and the Variables panel now reuse EMCN's CollapsibleCard instead of maintaining separate header/body markup. Header actions remain separate from the collapse trigger. The shared card supports the existing animated expansion and body attributes, preserving Start's Radix animation, Variables' tighter spacing, and its trigger/content association.

Colors, padding, fields, and handlers are retained. Start header corners consolidate from 3px to 4px; long titles use the existing fade/full-title tooltip treatment instead of ellipsis.

Validation: 346 EMCN tests, 67 relevant consumer tests, all workspace type and lint checks, import resolution, and mandatory API validation passed. An external AST comparison confirms all 20 affected field-control subtrees are unchanged. The scoped six radius findings are removed. Browser comparisons cover both themes, disabled/long-title cases, existing shared-card rendering, action isolation and animated keyboard collapse/reopen. Visual coverage uses isolated components with fixture fields, not live workflow execution.

[vercel]

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

1 Skipped Deployment

Project	Deployment	Actions	Updated
docs	Skipped		Sep 23, 2026 1:15am UTC

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge; the only change since the previous review is a behavior-neutral replacement of an inline document SVG with the shared FileText icon.

Summary

This PR consolidates workflow input, variable-assignment, and workflow-variable panels onto the shared EMCN CollapsibleCard.

• Adds optional animated expansion and body attribute forwarding to the shared card.
• Preserves independent header actions, controlled collapse behavior, and trigger/content accessibility linkage.
• Reuses OverflowText for long titles and replaces the variable-assignment preview’s inline document SVG with the shared FileText icon.
• Extends shared-card tests across animated and non-animated modes.

Diagram

%%{init: {'theme': 'neutral'}}%%
flowchart LR
  Consumers[Start fields and variable editors] --> Card[Shared CollapsibleCard]
  Card --> Trigger[Keyboard and pointer collapse trigger]
  Card --> Actions[Independent header actions]
  Card --> Body[Configurable card body]
  Body --> Static[Conditional static content]
  Body --> Animated[Expandable height transition]

Loading

_{Reviews (3) · Last reviewed commit: "refactor(ui): reuse shared cards for wor..."}

[cubic-dev-ai]

No issues found across 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}

[BillLeoutsakosvl346]

@greptileai @cubic-dev-ai Please review the latest head after the base update. The card changes are unchanged; validation passes on the updated stack.

[cubic-dev-ai]

@greptileai @cubic-dev-ai Please review the latest head after the base update. The card changes are unchanged; validation passes on the updated stack.

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

[cubic-dev-ai]

No issues found across 5 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

Assignment, Start/Response and variable-card shells reuse CollapsibleCard; field contents stay caller-owned. Long titles use the common fade.

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: 2d698aef9e.

[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 5 files

Confidence score: 5/5

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

_{Re-trigger cubic}