Show task title as page title on task details page, truncate prompt (#158)

Co-authored-by: Chris Tate <ctate@users.noreply.github.com>

Author: ctate

app/tasks/[taskId]/page.tsx

@@ -31,9 +31,40 @@ export default async function TaskPage({ params }: TaskPageProps) {
 
 export async function generateMetadata({ params }: TaskPageProps) {
   const { taskId } = await params
+  const session = await getServerSession()
+
+  // Try to fetch the task to get its title
+  let pageTitle = `Task ${taskId}`
+
+  if (session?.user?.id) {
+    try {
+      const { db } = await import('@/lib/db/client')
+      const { tasks } = await import('@/lib/db/schema')
+      const { eq, and, isNull } = await import('drizzle-orm')
+
+      const task = await db
+        .select()
+        .from(tasks)
+        .where(and(eq(tasks.id, taskId), eq(tasks.userId, session.user.id), isNull(tasks.deletedAt)))
+        .limit(1)
+
+      if (task[0]) {
+        // Use title if available, otherwise use truncated prompt
+        if (task[0].title) {
+          pageTitle = task[0].title
+        } else if (task[0].prompt) {
+          // Truncate prompt to 60 characters
+          pageTitle = task[0].prompt.length > 60 ? task[0].prompt.slice(0, 60) + '...' : task[0].prompt
+        }
+      }
+    } catch (error) {
+      // If fetching fails, fall back to task ID
+      console.error('Failed to fetch task for metadata:', error)
+    }
+  }
 
   return {
-    title: `Task ${taskId} - Coding Agent Platform`,
+    title: `${pageTitle} - Coding Agent Platform`,
     description: 'View task details and execution logs',
   }
 }