fix: make Studio a focused chat preview workspace

app/api/builder/agent/route.ts

@@ -158,21 +158,30 @@ export async function handleBuilderAgentRequest(
     );
     const agentRequest = {
       ...parsed.data,
-      provider: remembered.selection,
+      provider:
+        parsed.data.mode === "build"
+          ? ({ provider: "free" } as const)
+          : remembered.selection,
       approvedTools: [...approvedTools],
     };
     const agentDependencies = {
       services: session,
       audit,
-      credentials: remembered.credentials,
+      credentials:
+        parsed.data.mode === "build" ? undefined : remembered.credentials,
       deterministicFallback:
         dependencies.deterministicFallback ??
         materializedProjectDeterministicFallback,
       modelResolver: dependencies.modelResolver,
       runnerFactory: dependencies.runnerFactory,
     };
     const flags = resolveAgentIntelligenceFlags();
-    const intelligence = flags.compositeModelRouting
+    // Initial builds are owned by the deterministic server release pipeline.
+    // Letting the composite model choose lifecycle tools allowed checks to run
+    // before dependency installation and left projects permanently pending.
+    const useCompositeIntelligence =
+      flags.compositeModelRouting && parsed.data.mode !== "build";
+    const intelligence = useCompositeIntelligence
       ? await (dependencies.intelligenceRunner ?? runIntelligentBuilderAgent)({
           request: agentRequest,
           dependencies: agentDependencies,

app/styles/project-studio.accessibility.css

@@ -89,3 +89,138 @@
 .project-statusbar [data-sync-status="error"] svg {
   color: var(--ps-danger) !important;
 }
+
+/* Production Studio is a focused chat + preview workspace. Advanced evidence
+ * remains available in Code, while the default surface stays human-readable. */
+.project-studio-shell {
+  padding-bottom: 0;
+}
+
+.project-studio-layout,
+.project-studio-layout.tab-connections {
+  grid-template-areas: "rail side canvas";
+  grid-template-columns: 68px var(--studio-side-width, 420px) minmax(0, 1fr);
+  height: calc(100vh - 64px);
+  min-height: 0;
+}
+
+.project-studio-layout.side-panel-collapsed :is(.studio-inspector, .assistant-panel) {
+  overflow: hidden;
+  padding-inline: 0;
+  visibility: hidden;
+}
+
+.studio-splitter {
+  align-items: center;
+  background: #f5f7fb;
+  border-inline: 1px solid #e4e9f1;
+  color: #9aa7b8;
+  cursor: col-resize;
+  display: flex;
+  grid-area: side;
+  justify-content: center;
+  justify-self: end;
+  min-height: 0;
+  outline: 0;
+  touch-action: none;
+  transform: translateX(50%);
+  user-select: none;
+  width: 12px;
+  z-index: 8;
+}
+
+.studio-splitter svg {
+  height: 22px;
+  width: 14px;
+}
+
+.studio-splitter:is(:hover, :focus-visible) {
+  background: #eaf1ff;
+  border-color: #9ab8f4;
+  color: var(--ps-blue);
+}
+
+.studio-rail > button.active {
+  background: transparent !important;
+  border-color: transparent !important;
+  box-shadow: none !important;
+  color: var(--ps-blue) !important;
+}
+
+.studio-rail > button.active:hover {
+  background: #f4f7fb !important;
+}
+
+.rail-foundation,
+.project-statusbar,
+.assistant-foot,
+.quick-prompts {
+  display: none !important;
+}
+
+.assistant-panel {
+  min-width: 0;
+}
+
+.assistant-panel > header {
+  min-height: 64px;
+}
+
+.conversation {
+  padding: 18px;
+}
+
+.assistant-guide {
+  padding: 16px;
+}
+
+.assistant-guide > p {
+  margin: 6px 0 0;
+}
+
+.chat-composer {
+  margin-bottom: 14px;
+}
+
+.project-studio-layout.v2-builder-active {
+  grid-template-areas: "rail builder";
+  grid-template-columns: 68px minmax(0, 1fr);
+}
+
+.project-studio-layout.v2-builder-active .studio-splitter {
+  display: none;
+}
+
+@media (max-width: 1280px) and (min-width: 921px) {
+  .project-studio-layout,
+  .project-studio-layout.tab-connections {
+    grid-template-areas: "rail side canvas";
+    grid-template-columns: 62px var(--studio-side-width, 380px) minmax(0, 1fr);
+    height: calc(100vh - 64px);
+  }
+
+  .project-studio-layout.v2-builder-active {
+    grid-template-columns: 62px minmax(0, 1fr);
+  }
+}
+
+@media (max-width: 920px) {
+  .project-studio-shell {
+    padding-bottom: 77px;
+  }
+
+  .project-studio-layout,
+  .project-studio-layout.tab-connections {
+    display: flex;
+    min-height: calc(100dvh - 118px);
+  }
+
+  .studio-splitter {
+    display: none;
+  }
+
+  .studio-inspector,
+  .assistant-panel {
+    min-height: calc(100dvh - 195px);
+  }
+}