fix: store extracted tasks per-recording in backend

- Update uploadDesktopRecordingTranscript to accept extracted_tasks
- Save extracted tasks to backend RecordingTranscript model
- Fetch tasks from backend transcript instead of mutation state
- Each recording now has its own tasks properly isolated

This fixes the bug where all recordings were showing the same tasks.

Author: lucasheriques

src/api/posthogClient.ts

@@ -413,6 +413,10 @@ export class PostHogAPIClient {
         text: string;
         confidence: number | null;
       }>;
+      extracted_tasks?: Array<{
+        title: string;
+        description: string;
+      }>;
     },
   ) {
     this.validateRecordingId(recordingId);

src/renderer/features/notetaker/components/LiveTranscriptView.tsx

@@ -13,7 +13,7 @@ import {
 import { useEffect, useRef, useState } from "react";
 import { useAuthStore } from "../../../stores/authStore";
 import { useExtractTasks } from "../hooks/useExtractTasks";
-import { useLiveTranscript } from "../hooks/useTranscript";
+import { useLiveTranscript, useTranscript } from "../hooks/useTranscript";
 
 interface LiveTranscriptViewProps {
   posthogRecordingId: string; // PostHog UUID
@@ -29,6 +29,7 @@ export function LiveTranscriptView({
   const { segments, addSegment, forceUpload, pendingCount } =
     useLiveTranscript(posthogRecordingId);
 
+  const { data: transcriptData } = useTranscript(posthogRecordingId);
   const extractTasksMutation = useExtractTasks();
 
   const handleExtractTasks = () => {
@@ -246,24 +247,18 @@ export function LiveTranscriptView({
               </Button>
             </Flex>
 
-            {!openaiApiKey && (
+            {!openaiApiKey && !transcriptData?.extracted_tasks && (
               <Card>
                 <Text size="2" color="gray">
                   Add OpenAI API key in settings to extract tasks
                 </Text>
               </Card>
             )}
 
-            {extractTasksMutation.isSuccess && extractTasksMutation.data && (
-              <Flex direction="column" gap="2">
-                {extractTasksMutation.data.tasks.length === 0 ? (
-                  <Card>
-                    <Text size="2" color="gray">
-                      No tasks found in transcript
-                    </Text>
-                  </Card>
-                ) : (
-                  extractTasksMutation.data.tasks.map((task, idx) => (
+            {transcriptData?.extracted_tasks &&
+              transcriptData.extracted_tasks.length > 0 && (
+                <Flex direction="column" gap="2">
+                  {transcriptData.extracted_tasks.map((task, idx) => (
                     <Card key={`${task.title}-${idx}`}>
                       <Flex direction="column" gap="1">
                         <Text size="2" weight="medium">
@@ -274,10 +269,18 @@ export function LiveTranscriptView({
                         </Text>
                       </Flex>
                     </Card>
-                  ))
-                )}
-              </Flex>
-            )}
+                  ))}
+                </Flex>
+              )}
+
+            {transcriptData?.extracted_tasks &&
+              transcriptData.extracted_tasks.length === 0 && (
+                <Card>
+                  <Text size="2" color="gray">
+                    No tasks found in transcript
+                  </Text>
+                </Card>
+              )}
 
             {extractTasksMutation.isError && (
               <Card>

src/renderer/features/notetaker/hooks/useExtractTasks.ts

@@ -8,6 +8,7 @@ export interface ExtractedTask {
 
 export function useExtractTasks() {
   const openaiApiKey = useAuthStore((state) => state.openaiApiKey);
+  const { client } = useAuthStore();
   const queryClient = useQueryClient();
 
   return useMutation({
@@ -22,15 +23,27 @@ export function useExtractTasks() {
         throw new Error("OpenAI API key not configured");
       }
 
+      if (!client) {
+        throw new Error("Not authenticated");
+      }
+
+      // Extract tasks using AI
       const tasks = await window.electronAPI.notetakerExtractTasks(
         transcriptText,
         openaiApiKey,
       );
 
+      // Upload tasks to backend
+      await client.uploadDesktopRecordingTranscript(recordingId, {
+        full_text: transcriptText,
+        segments: [], // Segments already uploaded
+        extracted_tasks: tasks,
+      });
+
       return { tasks, recordingId };
     },
     onSuccess: (data) => {
-      // Invalidate recording query to refetch with new tasks
+      // Invalidate queries to refetch with new tasks from backend
       queryClient.invalidateQueries({
         queryKey: ["notetaker-recording", data.recordingId],
       });

src/renderer/features/notetaker/hooks/useTranscript.ts

@@ -12,6 +12,10 @@ export interface TranscriptSegment {
 interface TranscriptData {
   full_text: string;
   segments: TranscriptSegment[];
+  extracted_tasks?: Array<{
+    title: string;
+    description: string;
+  }>;
 }
 
 export function useTranscript(recordingId: string | null) {