improvement(ui): share dashed add-row buttons

[BillLeoutsakosvl346]

Summary

• Share the identical dashed “Add filter condition” and “Add sort” actions through EMCN AddRowButton.
• Preserve their height, typography, icon, border, callbacks, and empty/read-only conditions without adding Button variants.

Type of Change

• Refactor

Testing

• Workspace type checks, lint, repository audits, import/API validation, and documentation checks pass.
• 346 EMCN tests and 99 query-builder tests pass. The new component test covers refs, activation, disabled state, and native form behavior.
• Light/dark browser fixtures match the original markup; click, Enter, Space, and disabled states were exercised.

Checklist

• Code follows project style guidelines
• Self-reviewed my changes
• Tests added/updated and passing
• No new warnings introduced
• I confirm that I have read and agree to the terms outlined in the Contributor License Agreement (CLA)

[vercel]

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

Project	Deployment	Actions	Updated
docs	Ready	Preview	Sep 19, 2026 8:48pm UTC

[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}

[greptile-apps]

Confidence Score: 5/5

The PR appears safe to merge because the extraction preserves the existing filter and sort behavior and introduces no actionable regressions.

Summary

This PR extracts the identical empty-state filter and sort actions into a shared EMCN AddRowButton.

• Preserves the existing dashed, full-width ghost-button presentation.
• Retains the filter and sort builders’ callbacks and read-only/empty-state conditions.
• Exports the component through the existing EMCN barrel.
• Adds coverage for refs, activation, disabled state, and native form submission behavior.

_{Reviews (1) · Last reviewed commit: "improvement(ui): share dashed add-row bu..."}

[BillLeoutsakosvl346]

Before / after visual comparison

Add-filter and Add-sort actions reuse AddRowButton with the same full-width layout. Normal and disabled states shown.

Left = before; right = after.

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: 913af877c4.

Additional theme/state comparisons

Representative code change

Filter and sort builders now call the same EMCN AddRowButton, which owns the existing dashed 28px button treatment and Plus icon.

Before

<Button
  variant='ghost'
  onClick={addRule}
  className='h-7 w-full justify-start gap-1.5 border border-[var(--border-1)] border-dashed text-[var(--text-muted)] text-small'
>
  <Plus className='size-[14px]' />
  Add filter condition
</Button>

After

<AddRowButton onClick={addRule}>Add filter condition</AddRowButton>