1 files changed, 28 insertions, 2 deletions

diff --git a/renderer/src/App.tsx b/renderer/src/App.tsx
index 719faac..7c5c969 100644
--- a/renderer/src/App.tsx
+++ b/renderer/src/App.tsx
@@ -5,6 +5,7 @@ import { DocumentPane } from "./components/DocumentPane";
 import { ChatPane } from "./components/ChatPane";
 import { ActionBar } from "./components/ActionBar";
 import { SettingsPage } from "./components/SettingsPage";
+import { NewSessionModal } from "./components/NewSessionModal";
 import type { Project, Session, Message, Phase, TokenUsage } from "./types";
 import "./styles/globals.css";
 
@@ -66,6 +67,8 @@ export function App() {
   });
   const [error, setError] = useState<string | null>(null);
   const [showSettings, setShowSettings] = useState(false);
+  const [showNewSessionModal, setShowNewSessionModal] = useState(false);
+  const [newSessionProjectId, setNewSessionProjectId] = useState<string | null>(null);
   const [activeModel, setActiveModel] = useState<string | null>(null);
 
   const [theme, setTheme] = useState<Theme>(
@@ -451,12 +454,25 @@ export function App() {
     setSelectedProject(project);
   };
 
-  const handleCreateSession = async (projectId: string) => {
+  // Called by Sidebar when user clicks "+" — opens the phase-selection modal
+  const handleCreateSession = (projectId: string) => {
+    setNewSessionProjectId(projectId);
+    setShowNewSessionModal(true);
+  };
+
+  // Called by NewSessionModal when user clicks "Create"
+  const handleConfirmNewSession = async (phase: Phase) => {
+    setShowNewSessionModal(false);
+    const projectId = newSessionProjectId;
+    setNewSessionProjectId(null);
+    if (!projectId) return;
+
     const project = projects.find((p) => p.id === projectId);
     if (!project) return;
+
     const projectSessions = sessions.filter((s) => s.project_id === projectId);
     const name = `Session ${projectSessions.length + 1}`;
-    const session = await api.createSession(projectId, name);
+    const session = await api.createSession(projectId, name, phase);
     setSessions((prev) => [session, ...prev]);
     setSelectedProject(project);
     setSelectedSession(session);
@@ -623,6 +639,16 @@ export function App() {
       {showSettings && (
         <SettingsPage onClose={() => setShowSettings(false)} />
       )}
+
+      {showNewSessionModal && (
+        <NewSessionModal
+          onConfirm={handleConfirmNewSession}
+          onCancel={() => {
+            setShowNewSessionModal(false);
+            setNewSessionProjectId(null);
+          }}
+        />
+      )}
     </div>
   );
 }