From ce43e40fb7eb93e18e87a6c89ed2e86b858a5bfd Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 16 Jan 2026 23:24:43 +1300
Subject: [PATCH] fix(26-01): make dialog width conditional on current view

- Template explorer: max-w-6xl, max-h-[85vh]
- Initial and vibe views: max-w-4xl, max-h-[80vh] (original size)

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
---
 src/components/quickstart/WelcomeModal.tsx | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/components/quickstart/WelcomeModal.tsx b/src/components/quickstart/WelcomeModal.tsx
index a28efbf8..757f8e31 100644
--- a/src/components/quickstart/WelcomeModal.tsx
+++ b/src/components/quickstart/WelcomeModal.tsx
@@ -74,12 +74,16 @@ export function WelcomeModal({
     [onWorkflowGenerated]
   );
 
+  // Template explorer needs more width for two-column layout
+  const dialogWidth = currentView === "templates" ? "max-w-6xl" : "max-w-4xl";
+  const dialogHeight = currentView === "templates" ? "max-h-[85vh]" : "max-h-[80vh]";
+
   return (
     <div
       className="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 backdrop-blur-sm"
       onWheelCapture={(e) => e.stopPropagation()}
     >
-      <div className="w-full max-w-6xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-clip max-h-[85vh] flex flex-col">
+      <div className={`w-full ${dialogWidth} mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-clip ${dialogHeight} flex flex-col`}>
         {currentView === "initial" && (
           <QuickstartInitialView
             onSelectBlankCanvas={handleSelectBlankCanvas}