feat: add Notetaker UI and recording status lifecycle

Add complete Notetaker feature for viewing and managing desktop
meeting recordings with proper status lifecycle tracking.

Changes:
- Add recording status updates (recording → uploading → processing)
- Create Notetaker zustand store for state management
- Add PostHog API methods (delete, update recording)
- Create NotetakerView component with recording list UI
- Add Notetaker to sidebar navigation and tab types
- Register IPC handlers for notetaker CRUD operations
- Update recording status on upload completion and errors

Status flow: recording → uploading (on end) → processing (on upload
complete). Errors update status to "error" state.

Users can now view all recordings with status, platform, duration,
and timestamps. Includes delete functionality and auto-refresh.

Author: lucasheriques

src/api/posthogClient.ts

@@ -339,4 +339,49 @@ export class PostHogAPIClient {
     const data = await response.json();
     return data.results ?? data ?? [];
   }
+
+  async deleteDesktopRecording(recordingId: string) {
+    const teamId = await this.getTeamId();
+    const url = new URL(
+      `${this.api.baseUrl}/api/environments/${teamId}/desktop_recordings/${recordingId}/`,
+    );
+    const response = await this.api.fetcher.fetch({
+      method: "delete",
+      url,
+      path: `/api/environments/${teamId}/desktop_recordings/${recordingId}/`,
+    });
+
+    if (!response.ok) {
+      throw new Error(`Failed to delete recording: ${response.statusText}`);
+    }
+  }
+
+  async updateDesktopRecording(
+    recordingId: string,
+    updates: {
+      status?: string;
+      title?: string;
+      duration?: number;
+      video_url?: string;
+    },
+  ) {
+    const teamId = await this.getTeamId();
+    const url = new URL(
+      `${this.api.baseUrl}/api/environments/${teamId}/desktop_recordings/${recordingId}/`,
+    );
+    const response = await this.api.fetcher.fetch({
+      method: "patch",
+      url,
+      path: `/api/environments/${teamId}/desktop_recordings/${recordingId}/`,
+      parameters: {
+        body: updates,
+      },
+    });
+
+    if (!response.ok) {
+      throw new Error(`Failed to update recording: ${response.statusText}`);
+    }
+
+    return await response.json();
+  }
 }

src/main/preload.ts

@@ -186,6 +186,13 @@ contextBridge.exposeInMainWorld("electronAPI", {
   ): Promise<void> =>
     ipcRenderer.invoke("recall:request-permission", permission),
   recallShutdown: (): Promise<void> => ipcRenderer.invoke("recall:shutdown"),
+  // Notetaker API
+  notetakerGetRecordings: (): Promise<unknown[]> =>
+    ipcRenderer.invoke("notetaker:get-recordings"),
+  notetakerGetRecording: (recordingId: string): Promise<unknown> =>
+    ipcRenderer.invoke("notetaker:get-recording", recordingId),
+  notetakerDeleteRecording: (recordingId: string): Promise<void> =>
+    ipcRenderer.invoke("notetaker:delete-recording", recordingId),
   // Shell API
   shellCreate: (sessionId: string, cwd?: string): Promise<void> =>
     ipcRenderer.invoke("shell:create", sessionId, cwd),

src/main/services/recallRecording.ts

@@ -96,17 +96,65 @@ export function initializeRecallSDK(
     try {
       console.log("[Recall SDK] Recording ended, uploading...");
 
+      const session = activeSessions.get(evt.window.id);
+      if (session && posthogClient) {
+        try {
+          await posthogClient.updateDesktopRecording(session.recordingId, {
+            status: "uploading",
+          });
+          console.log(
+            `[Recall SDK] Updated recording ${session.recordingId} status to uploading`,
+          );
+        } catch (error) {
+          console.error(
+            "[Recall SDK] Failed to update recording status:",
+            error,
+          );
+        }
+      }
+
       await RecallAiSdk.uploadRecording({
         windowId: evt.window.id,
       });
     } catch (error) {
       console.error("[Recall SDK] Error uploading recording:", error);
+
+      const session = activeSessions.get(evt.window.id);
+      if (session && posthogClient) {
+        try {
+          await posthogClient.updateDesktopRecording(session.recordingId, {
+            status: "error",
+          });
+        } catch (updateError) {
+          console.error(
+            "[Recall SDK] Failed to update error status:",
+            updateError,
+          );
+        }
+      }
     }
   });
 
   RecallAiSdk.addEventListener("upload-progress", async (evt) => {
     if (evt.progress === 100) {
       console.log("[Recall SDK] Upload complete");
+
+      const session = activeSessions.get(evt.window.id);
+      if (session && posthogClient) {
+        try {
+          await posthogClient.updateDesktopRecording(session.recordingId, {
+            status: "processing",
+          });
+          console.log(
+            `[Recall SDK] Updated recording ${session.recordingId} status to processing`,
+          );
+        } catch (error) {
+          console.error(
+            "[Recall SDK] Failed to update recording status:",
+            error,
+          );
+        }
+      }
     }
   });
 
@@ -193,4 +241,25 @@ export function registerRecallIPCHandlers() {
   ipcMain.handle("recall:shutdown", async () => {
     shutdownRecallSDK();
   });
+
+  ipcMain.handle("notetaker:get-recordings", async () => {
+    if (!posthogClient) {
+      throw new Error("PostHog client not initialized");
+    }
+    return await posthogClient.listDesktopRecordings();
+  });
+
+  ipcMain.handle("notetaker:get-recording", async (_event, recordingId) => {
+    if (!posthogClient) {
+      throw new Error("PostHog client not initialized");
+    }
+    return await posthogClient.getDesktopRecording(recordingId);
+  });
+
+  ipcMain.handle("notetaker:delete-recording", async (_event, recordingId) => {
+    if (!posthogClient) {
+      throw new Error("PostHog client not initialized");
+    }
+    return await posthogClient.deleteDesktopRecording(recordingId);
+  });
 }

src/renderer/components/MainLayout.tsx

@@ -2,6 +2,7 @@ import { Box, Flex } from "@radix-ui/themes";
 import type { Task } from "@shared/types";
 import { useCallback, useEffect, useState } from "react";
 import { useHotkeys } from "react-hotkeys-hook";
+import { NotetakerView } from "@/renderer/features/notetaker/components/NotetakerView";
 import { RecordingsView } from "@/renderer/features/recordings";
 import { useIntegrations } from "../hooks/useIntegrations";
 import { useLayoutStore } from "../stores/layoutStore";
@@ -116,6 +117,8 @@ export function MainLayout() {
           {activeTab?.type === "settings" && <SettingsView />}
 
           {activeTab?.type === "recordings" && <RecordingsView />}
+
+          {activeTab?.type === "notetaker" && <NotetakerView />}
         </Box>
       </Flex>
 

src/renderer/components/ui/sidebar/SidebarContent.tsx

@@ -50,7 +50,7 @@ export const SidebarContent: React.FC = () => {
   }, [client]);
 
   const handleNavigate = (
-    type: "task-list" | "recordings" | "settings",
+    type: "task-list" | "recordings" | "notetaker" | "settings",
     title: string,
   ) => {
     const existingTab = tabs.find((tab) => tab.type === type);

src/renderer/components/ui/sidebar/UseSidebarMenuData.tsx

@@ -7,6 +7,7 @@ import {
   PlusIcon,
   SquareIcon,
   SquaresFourIcon,
+  VideoIcon,
   WaveformIcon,
   XCircleIcon,
 } from "@phosphor-icons/react";
@@ -26,7 +27,7 @@ interface UseSidebarMenuDataProps {
   userName: string;
   activeTab: TabState | undefined;
   onNavigate: (
-    type: "task-list" | "recordings" | "settings",
+    type: "task-list" | "recordings" | "notetaker" | "settings",
     title: string,
   ) => void;
   onTaskClick: (task: Task) => void;
@@ -99,6 +100,17 @@ export function useSidebarMenuData({
           hoverAction: onCreateTask,
           hoverIcon: <PlusIcon size={12} />,
         },
+        {
+          label: "Notetaker",
+          icon: (
+            <VideoIcon
+              size={12}
+              weight={activeTab?.type === "notetaker" ? "fill" : "regular"}
+            />
+          ),
+          action: () => onNavigate("notetaker", "Notetaker"),
+          isActive: activeTab?.type === "notetaker",
+        },
         {
           label: isRecording
             ? `Recordings ${formatDuration(recordingDuration)}`