From cf27f8dd21eaeeaf97614b4f6cbcb194b933efef Mon Sep 17 00:00:00 2001
From: shrimbly <falloon.willie@gmail.com>
Date: Fri, 16 Jan 2026 20:59:29 +1300
Subject: [PATCH] feat(25-02): integrate TemplateExplorerView into WelcomeModal

- Replace QuickstartTemplatesView with TemplateExplorerView
- Widen modal from max-w-3xl to max-w-4xl for sidebar layout
- Add max-h-[80vh] constraint for overflow handling
---
 src/components/quickstart/WelcomeModal.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/quickstart/WelcomeModal.tsx b/src/components/quickstart/WelcomeModal.tsx
index 9e244a4d..5785ea34 100644
--- a/src/components/quickstart/WelcomeModal.tsx
+++ b/src/components/quickstart/WelcomeModal.tsx
@@ -4,7 +4,7 @@ import { useState, useCallback, useRef } from "react";
 import { WorkflowFile } from "@/store/workflowStore";
 import { QuickstartView } from "@/types/quickstart";
 import { QuickstartInitialView } from "./QuickstartInitialView";
-import { QuickstartTemplatesView } from "./QuickstartTemplatesView";
+import { TemplateExplorerView } from "./TemplateExplorerView";
 import { PromptWorkflowView } from "./PromptWorkflowView";
 
 interface WelcomeModalProps {
@@ -76,7 +76,7 @@ export function WelcomeModal({
 
   return (
     <div className="fixed inset-0 z-[100] flex items-center justify-center bg-black/50 backdrop-blur-sm">
-      <div className="w-full max-w-3xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-hidden">
+      <div className="w-full max-w-4xl mx-4 bg-neutral-800 rounded-xl border border-neutral-700 shadow-2xl overflow-hidden max-h-[80vh]">
         {currentView === "initial" && (
           <QuickstartInitialView
             onSelectBlankCanvas={handleSelectBlankCanvas}
@@ -86,7 +86,7 @@ export function WelcomeModal({
           />
         )}
         {currentView === "templates" && (
-          <QuickstartTemplatesView
+          <TemplateExplorerView
             onBack={handleBack}
             onWorkflowSelected={handleWorkflowSelected}
           />