improvement(data-drains): move drains to the fullscreen list/detail pattern

[waleedlatif1]

Summary

• Data drains was the last settings surface still on a Table + create modal. It now matches Skills and Custom Tools.
• List is SettingsResourceRow rows in a clickable button — source, destination, cadence, and last run on the row, plus a Disabled tag when a drain is paused.
• Clicking a row opens a detail sub-view with the drain's actions (Run now / Test connection / Delete), its enabled toggle, resolved destination config, and recent run history — replacing the expanding table row.
• Creating a drain is a fullscreen view instead of a ChipModal, reusing DESTINATION_FORM_REGISTRY so the two never fork.
• A drain is deep-linkable via data-drain-id (push to open, replace to close), matching custom-tool-id / custom-block-id.

The detail is read-only apart from the enabled toggle — destination credentials are never returned by the API, so changing one means recreating the drain.

Alignment work the migration surfaced:

• The destination registry rendered its 36 fields with ChipModalField, whose label is byte-identical to a SettingsSection header (text-small, --text-muted, pl-0.5) — on a page that made section titles and field labels indistinguishable. All of them, plus the create view's own fields, now use SettingRow like every other page-level detail view. The registry had exactly one consumer, so no modal was left behind.
• Shared source/destination/cadence label maps moved to labels.ts now that three files need them (verified byte-identical to the originals).
• Run status uses Badge with a dot instead of hand-coloured text, and byte counts use formatFileSize — the old /1024 math rendered a 5 GB export as 5242880.0 KB.
• Copy follows the sibling surfaces: Create drain (not New drain), Disabled (not Paused), Run queued, Connection test passed, No drains found matching ….
• Seed the list cache on create so landing on the new drain's detail doesn't depend on the invalidation refetch succeeding.

Tradeoff worth a look

Enable/disable and the per-row Run now / Test / Delete actions previously sat inline on each table row; they now live in the detail, so toggling several drains costs more clicks. That's inherent to the row pattern — a RowActionsMenu in the row's trailing slot would mean dropping the row-level <button> (a menu trigger nested in a button is invalid HTML). Flagging it as a deliberate choice rather than an oversight.

Type of Change

• Refactor / improvement

Testing

Typecheck, bun run lint:check (19/19 packages), check:react-query, check:api-validation, and 92 tests across ee/data-drains, lib/data-drains, and settings all pass. Reviewed by five parallel audit passes (emcn design, hooks, React Query + URL state, comments/copy, and an adversarial regression pass) — findings applied. Not yet clicked through in a browser, so the visual pass is worth doing on the preview.

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.

1 Skipped Deployment

Project	Deployment	Actions	Updated (UTC)
docs	Skipped		Jul 25, 2026 2:43am

[cursor]

PR Summary

Low Risk
UI-only refactor reusing existing APIs and hooks; no server or export-pipeline logic changes, with minor UX tradeoff (inline row actions moved into detail).

Overview
Data drains moves off the expandable table and create modal onto the same fullscreen list → detail → create flow used by Custom Tools and Skills.

The list is clickable SettingsResourceRow rows (source, destination, cadence, last run, disabled tag). Row selection is driven by a new data-drain-id URL param (push on open, replace on close) so individual drains are shareable; create stays local state only.

DataDrainCreate and DataDrainDetail are new full-page sub-views: create reuses DESTINATION_FORM_REGISTRY with unsaved-changes guarding; detail centralizes Run now / Test / Delete, an enabled toggle, read-only destination config, and recent runs (with placeholder-data guarding and formatFileSize / status badges).

The monolithic settings file shrinks accordingly; shared label maps live in labels.ts, and destination form fields switch from ChipModalField to SettingRow. useCreateDataDrain optimistically seeds the list cache so navigation to the new drain’s detail does not wait on refetch.

^{Reviewed by Cursor Bugbot for commit f51d0e1. Configure here.}

[greptile-apps]

Greptile Summary

The PR migrates Data Drains to the fullscreen settings list/detail pattern.

• Adds URL-backed deep links for existing drain details and a local fullscreen creation flow.
• Adds detail actions, status controls, destination configuration, and recent run history.
• Reuses the destination registry with page-level settings rows and accessible names or label-control associations.
• Extracts shared labels and updates React Query cache behavior after creation.

Confidence Score: 5/5

The PR appears safe to merge.

No blocking failure remains in the fixes associated with the previous accessibility threads.

Important Files Changed

Filename	Overview
apps/sim/ee/data-drains/components/data-drain-create.tsx	Adds the fullscreen drain creation flow with accessible controls, validation, and unsaved-change handling.
apps/sim/ee/data-drains/components/data-drain-detail.tsx	Adds the read-only drain detail surface, enabled toggle, actions, resolved configuration, and run history.
apps/sim/ee/data-drains/components/data-drains-settings.tsx	Replaces the table and modal with searchable resource rows, URL-selected details, and fullscreen creation.
apps/sim/ee/data-drains/destinations/registry.tsx	Migrates destination fields to SettingRow and correctly associates id-capable controls while naming ChipSelect directly.
apps/sim/ee/data-drains/hooks/data-drains.ts	Updates data-drain query and mutation behavior to support the new list/detail flow.
apps/sim/app/workspace/[workspaceId]/settings/[section]/search-params.ts	Adds URL state configuration for deep-linking to an existing data drain.
apps/sim/ee/data-drains/labels.ts	Centralizes source, destination, and cadence labels and select options.

_{Reviews (3): Last reviewed commit: "fix(data-drains): name the select fields..." | Re-trigger Greptile}

[waleedlatif1]

@greptile

[waleedlatif1]

@cursor review

[cursor]

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

^{Reviewed by Cursor Bugbot for commit 4848202. Configure here.}

[waleedlatif1]

@greptile

[waleedlatif1]

@cursor review

[cursor]

✅ Bugbot reviewed your changes and found no new issues!

Comment @cursor review or bugbot run to trigger another review on this PR

^{Reviewed by Cursor Bugbot for commit f51d0e1. Configure here.}