feat(replication): Significantly improve the replication UI behavior #38237

iambriccardo · 2025-08-27T08:17:56Z

This PR improves the replication UI with the following improvements:

Leverages auto-defaults on the backend side, now the frontend doesn't need anymore to provide defaults as these will be automatically applied by the backend when the field is not sent by the frontend.
Improved the feeling for enabling and disabling a pipeline, now we optimistically give feedback about starting to enable and disable a pipeline immediately after the button is pressed.
The deletion dialog user experience has been improved, now when you press delete, you have immediate feedback about the deletion in progress.
In case a pipeline is running and there are one or more failures in the tables, this is shown in the View Status button.
When creating/editing a destination the confusing enable has been removed. Now the system has Cancel, Apply and Apply and Restart/Apply and Start buttons for a much cleaner UX.
The system that manages state transitions has been redesigned to be simpler and more reliable.
Now the system asks you to Start or Stop a pipeline which is clearer.

Screenshots

New Replication Status Warning

New Buttons in the Panel

Restarting State

Delete Destination Dialog

supabase · 2025-08-27T08:18:03Z

This pull request has been ignored for the connected project xguihxuzqibwxjnimxev because there are no changes detected in supabase directory. You can change this behaviour in Project Integrations Settings ↗︎.

Preview Branches by Supabase.
Learn more about Supabase Branching ↗︎.

vercel · 2025-08-27T08:19:24Z

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

Project	Deployment	Preview	Comments	Updated (UTC)
studio-self-hosted	Ready	Preview	Comment	Aug 29, 2025 9:30am
studio-staging	Ready	Preview	Comment	Aug 29, 2025 9:30am
supabase-studio-nimbus	Ready	Preview	Comment	Aug 29, 2025 9:30am

6 Skipped Deployments

Project	Deployment	Updated (UTC)
cms	Ignored	Aug 29, 2025 9:30am
studio	Ignored	Aug 29, 2025 9:30am
design-system	Skipped	Aug 29, 2025 9:30am
docs	Skipped	Aug 29, 2025 9:30am
ui-library	Skipped	Aug 29, 2025 9:30am
zone-www-dot-com	Skipped	Aug 29, 2025 9:30am

coveralls · 2025-08-27T08:21:09Z

coverage: 70.808%. remained the same
when pulling c8f3c80 on riccardobusetti/feat/rework-defaults
into 7aaaa84 on master.

joshenlim · 2025-08-29T07:45:17Z

apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx

+  const { data: replicationStatusData } = useReplicationPipelineReplicationStatusQuery(
+    { projectRef, pipelineId: pipeline?.id },
+    {
+      enabled: !!pipeline?.id,


shouldn't be needed - cause the RQ hook itself checks for if pipelineId is undefined or not

joshenlim · 2025-08-29T07:46:04Z

apps/studio/components/interfaces/Database/Replication/DestinationRow.tsx

+    }
+  )
+  const errorCount = (replicationStatusData?.table_statuses || []).filter(
+    (t: any) => t.state?.name === 'error'


avoid any as much as possible - this one seems unnecessary since table_statuses is typed correctly

I'll push up the fixes btw so no worries - just leaving comments as I review along

joshenlim · 2025-08-29T08:25:05Z

apps/studio/components/interfaces/Database/Replication/DestinationPanel.tsx

    defaultValues,
  })
+
  const onSubmit = async (data: z.infer<typeof FormSchema>) => {


There's quite a bit of duplicated logic between this and apply and run - if we can consolidate a bit

joshenlim · 2025-08-29T08:27:22Z

apps/studio/components/interfaces/Database/Replication/DestinationPanel.tsx

    }
  }
+
+  const onApplyAndRun = () => {


can't we just call onSubmit from form.handleSubmit? with success handlers

joshenlim

LGTM! Tested on staging preview

Creating a new pipeline
Updating an existing pipeline
Deleting a pipeline

Also tested deleting SQL snippets due to the change in API types for content delete mutation

iambriccardo added 5 commits August 26, 2025 13:29

Fix

238c716

Fix

8aea977

Fix

4b545c9

Fix

82e936c

Fix

dd6cca7

iambriccardo had a problem deploying to Studio E2E Tests August 27, 2025 08:18 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 27, 2025 08:26 View deployment

Fix

e46e09d

iambriccardo had a problem deploying to Studio E2E Tests August 27, 2025 08:27 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 27, 2025 08:35 View deployment

iambriccardo added 4 commits August 27, 2025 11:08

Fix

cc2af45

Fix

8627c14

Fix

518eb25

Fix

577868e

iambriccardo had a problem deploying to Studio E2E Tests August 27, 2025 09:53 — with GitHub Actions Error

Fix

1fa3bb9

vercel bot deployed to Preview – supabase-studio-nimbus August 27, 2025 10:04 View deployment

iambriccardo added 3 commits August 27, 2025 13:04

Fix

7bf5ae7

Fix

7fd6bb5

Fix

b3db70b

iambriccardo changed the title ~~riccardobusetti/feat/rework defaults~~ feat(replication): Significantly improve the replication UI behavior Aug 27, 2025

iambriccardo added 2 commits August 27, 2025 13:24

Fix

b8d2fbf

Fix

6f8d078

iambriccardo had a problem deploying to Studio E2E Tests August 27, 2025 11:29 — with GitHub Actions Error

Fix

bed7501

iambriccardo had a problem deploying to Studio E2E Tests August 27, 2025 11:48 — with GitHub Actions Error

Fix

d31ca95

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 06:45 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 06:54 View deployment

Refactor DestinationPanel

7f4b9a8

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 07:17 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 07:23 View deployment

fix

2b54702

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 07:32 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 07:38 View deployment

joshenlim reviewed Aug 29, 2025

View reviewed changes

more nits and refactors

3975ff8

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 07:55 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 08:01 View deployment

joshenlim reviewed Aug 29, 2025

View reviewed changes

REmove create CTA

fa51f41

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 08:36 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 08:42 View deployment

Add logs

5f7da57

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 09:02 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 09:08 View deployment

Fix

144e4b8

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 09:11 — with GitHub Actions Error

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 09:18 View deployment

Final final v3

c8f3c80

joshenlim had a problem deploying to Studio E2E Tests August 29, 2025 09:25 — with GitHub Actions Failure

joshenlim approved these changes Aug 29, 2025

View reviewed changes

vercel bot deployed to Preview – supabase-studio-nimbus August 29, 2025 09:30 View deployment

iambriccardo merged commit 77356bf into master Aug 29, 2025
20 of 21 checks passed

iambriccardo deleted the riccardobusetti/feat/rework-defaults branch August 29, 2025 10:20

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Uh oh!

Uh oh!

feat(replication): Significantly improve the replication UI behavior #38237

feat(replication): Significantly improve the replication UI behavior #38237

Uh oh!

iambriccardo commented Aug 27, 2025 •

edited

Loading

Uh oh!

supabase bot commented Aug 27, 2025

Uh oh!

vercel bot commented Aug 27, 2025 •

edited

Loading

Uh oh!

coveralls commented Aug 27, 2025 •

edited

Loading

Uh oh!

joshenlim Aug 29, 2025

Uh oh!

joshenlim Aug 29, 2025 •

edited

Loading

Uh oh!

joshenlim Aug 29, 2025

Uh oh!

joshenlim Aug 29, 2025

Uh oh!

joshenlim left a comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

Uh oh!

Uh oh!

feat(replication): Significantly improve the replication UI behavior #38237

feat(replication): Significantly improve the replication UI behavior #38237

Uh oh!

Conversation

iambriccardo commented Aug 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Screenshots

New Replication Status Warning

New Buttons in the Panel

Restarting State

Delete Destination Dialog

Uh oh!

supabase bot commented Aug 27, 2025

Uh oh!

vercel bot commented Aug 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

coveralls commented Aug 27, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Uh oh!

joshenlim Aug 29, 2025

Choose a reason for hiding this comment

Uh oh!

joshenlim Aug 29, 2025 • edited Loading Uh oh! There was an error while loading. Please reload this page.

Uh oh!

Choose a reason for hiding this comment

Uh oh!

joshenlim Aug 29, 2025

Choose a reason for hiding this comment

Uh oh!

joshenlim Aug 29, 2025

Choose a reason for hiding this comment

Uh oh!

joshenlim left a comment

Choose a reason for hiding this comment

Uh oh!

Uh oh!

Reviewers

Assignees

Labels

Projects

Milestone

Development

Uh oh!

3 participants

iambriccardo commented Aug 27, 2025 •

edited

Loading

vercel bot commented Aug 27, 2025 •

edited

Loading

coveralls commented Aug 27, 2025 •

edited

Loading

joshenlim Aug 29, 2025 •

edited

Loading