diff --git a/frontend/src/pages/project-tasks.tsx b/frontend/src/pages/project-tasks.tsx
index 7cef04e0..564c08d9 100644
--- a/frontend/src/pages/project-tasks.tsx
+++ b/frontend/src/pages/project-tasks.tsx
@@ -152,17 +152,21 @@ export function ProjectTasks() {
   const handleCreateTask = useCallback(
     async (title: string, description: string) => {
       try {
-        await tasksApi.create(projectId!, {
+        const createdTask = await tasksApi.create(projectId!, {
           project_id: projectId!,
           title,
           description: description || null,
         });
         await fetchTasks();
+        // Open the newly created task in the details panel
+        navigate(`/projects/${projectId}/tasks/${createdTask.id}`, {
+          replace: true,
+        });
       } catch (err) {
         setError('Failed to create task');
       }
     },
-    [projectId, fetchTasks]
+    [projectId, fetchTasks, navigate]
   );
 
   const handleCreateAndStartTask = useCallback(