fix: make Studio a focused chat preview workspace

[svg8bit]

Emergency production hotfix: open Studio in Director chat, add a draggable persistent chat/preview split, remove release-gate clutter from the primary UI, force initial builds through the deterministic install-to-preview pipeline, expire stale auto-build leases, and reconcile Project V2 revision conflicts.\n\nValidated with npm run typecheck and npm run build:vercel.

Summary by CodeRabbit

• New Features

  • Added a resizable, collapsible Project Studio side panel with saved width and keyboard controls.
  • Added responsive layouts for tablet and mobile screens.
  • Added fullscreen access for previews.
  • Simplified Studio navigation and improved conversation display.

• Bug Fixes

  • Improved automatic build reliability and handling of concurrent cloud-save changes.
  • Added safeguards to prevent duplicate automatic builds and preserve local work.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
drops-studio	Building	Preview	Jul 31, 2026 9:13pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: 170858e9-7057-4aa5-9507-8c3fc9201427

📥 Commits

Reviewing files that changed from the base of the PR and between d9b9cfa and 8e02f05.

📒 Files selected for processing (4)

• app/api/builder/agent/route.ts
• app/styles/project-studio.accessibility.css
• components/project-studio.tsx
• components/project-v2-studio-surface.tsx

---

📝 Walkthrough

Walkthrough

Project Studio now has responsive panel controls, simplified navigation, user-facing conversation text, build-specific provider routing, automatic-build leases, and revision-aware snapshot conflict handling.

Changes

Project Studio

Layer / File(s)	Summary
Build routing and automatic-build leases app/api/builder/agent/route.ts, components/project-v2-studio-surface.tsx	Build requests use the free provider without credentials. Automatic-build markers use six-minute timestamped leases and are cleared after execution.
Revision-aware snapshot synchronization components/project-v2-studio-surface.tsx	Snapshot saves retry newer local revisions with the server revision and adopt remote data for older or equal revisions.
Responsive workspace and panel interaction components/project-studio.tsx, app/styles/project-studio.accessibility.css	The studio adds a persisted collapsible side panel, accessible resizing, simplified navigation, normalized conversation text, and responsive desktop, tablet, and mobile layouts.

Estimated code review effort: 4 (Complex) | ~45 minutes

Sequence Diagram(s)

sequenceDiagram
  participant ProjectV2StudioSurface
  participant CloudStorage
  participant LocalProjectState
  ProjectV2StudioSurface->>CloudStorage: save snapshot with local revision
  CloudStorage-->>ProjectV2StudioSurface: return conflict and remote revision
  ProjectV2StudioSurface->>LocalProjectState: compare local and remote revisions
  ProjectV2StudioSurface->>CloudStorage: retry with server revision when local revision is newer
  ProjectV2StudioSurface->>LocalProjectState: adopt remote project when local revision is older or equal

Loading

Possibly related PRs

• svg8bit/drops-studio#23: Shares builder agent route and Project Studio provider and execution changes.
• svg8bit/drops-studio#3: Introduced the Project V2 builder extended by these surface and snapshot changes.
• svg8bit/drops-studio#2: Shares the Project Studio rail, side-panel, canvas, and responsive layout work.

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch codex/drops-production-state-hotfix

---

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