Skip to content

feat: Add a config drift page in Studio - #48906

Draft
ivasilov wants to merge 12 commits into
masterfrom
ivan/fe-4126-add-a-drift-page-in-studio
Draft

feat: Add a config drift page in Studio#48906
ivasilov wants to merge 12 commits into
masterfrom
ivan/fe-4126-add-a-drift-page-in-studio

Conversation

@ivasilov

Copy link
Copy Markdown
Member

No description provided.

MildTomato and others added 11 commits March 19, 2026 13:56
Add a full environment variables UI (add/edit/delete forms, table, filters, hooks, constants, and utils) and an EnvironmentVariables diff panel to show promotable config changes between branches. Integrate env var awareness into Auth provider forms (show linked env var name, scopes, and quick link to env var page). Add branch-dev utilities and layout changes to group and render CLI-created dev branches under their parent branches (show dev member badge and support orphaned dev branches). Improve Auth providers list with inactive providers empty state and add-provider dialog. Misc: update next-env references and small package.json/csp.js tweaks.
…toggle

- Use Table/TableRow/TableCell for aligned columns in env vars list
- Only mask secret values; non-secret values shown as plain text
- Eye toggle shown only for secret vars, positioned before value
- Debug badges with tooltips: "No env var" (destructive) and "No config" (muted)
- Add env var bindings toggle on env vars page (localStorage, temporary dev tool)
- useEnvVarBindings hook controls whether blue env var display shows in auth provider forms

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
# Conflicts:
#	apps/studio/components/interfaces/Auth/AuthProvidersForm/FormField.tsx
#	apps/studio/components/interfaces/Auth/AuthProvidersForm/ProviderForm.tsx
#	apps/studio/components/interfaces/Auth/AuthProvidersForm/index.tsx
#	apps/studio/components/interfaces/BranchManagement/BranchPanels.tsx
#	apps/studio/components/interfaces/BranchManagement/Overview.tsx
#	apps/studio/components/interfaces/Settings/General/General.tsx
#	apps/studio/components/layouts/AppLayout/BranchDropdown.tsx
#	apps/studio/components/layouts/Navigation/NavigationBar/NavigationBar.utils.tsx
#	apps/studio/package.json
#	apps/studio/pages/project/[ref]/merge.tsx
#	package.json
#	pnpm-lock.yaml
@vercel

vercel Bot commented Aug 10, 2026

Copy link
Copy Markdown

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

Project Deployment Actions Updated (UTC)
studio-self-hosted Ready Ready Preview Aug 10, 2026 8:17pm
studio-staging Ready Ready Preview Aug 10, 2026 8:17pm
5 Skipped Deployments
Project Deployment Actions Updated (UTC)
studio Ignored Ignored Aug 10, 2026 8:17pm
design-system Skipped Skipped Aug 10, 2026 8:17pm
docs Skipped Skipped Aug 10, 2026 8:17pm
ui-library Skipped Skipped Aug 10, 2026 8:17pm
zone-www-dot-com Skipped Skipped Aug 10, 2026 8:17pm

Request Review

@coderabbitai

coderabbitai Bot commented Aug 10, 2026

Copy link
Copy Markdown
Contributor

Important

Review skipped

Draft detected.

Please check the settings in the CodeRabbit UI or the .coderabbit.yaml file in this repository. To trigger a single review, invoke the @coderabbitai review command.

⚙️ Run configuration

Configuration used: Path: .coderabbit.yaml

Review profile: CHILL

Plan: Pro Plus

Run ID: a545e02b-2821-4db5-9925-e04fee816f06

You can disable this status message by setting the reviews.review_status to false in the CodeRabbit configuration file.

Use the checkbox below for a quick retry:

  • 🔍 Trigger review

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

@github-actions

github-actions Bot commented Aug 10, 2026

Copy link
Copy Markdown
Contributor

🎭 Playwright Test Results (next)

passed  152 passed
flaky  1 flaky
skipped  1 skipped

Details

stats  154 tests across 21 suites
duration  6 minutes, 51 seconds
commit  c52fb60

Flaky tests

Features › realtime-inspector.spec.ts › Realtime Inspector › Broadcast Messages › clicking broadcast message shows detail panel

Skipped tests

Features › auth-users.spec.ts › should show web3 users as enabled when the matching web3 provider is enabled

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants