Add autogenerated meeting notes to recordings

- Add NOTES_PROMPT for structured meeting notes generation
- Generate notes during transcription using GPT-4o-mini
- Display notes section between Extracted Tasks and Transcript
- Notes include: Overview, Key Points, Action Items, Details
- Custom styling for readable, scannable note formatting

Author: fivestarspicy

src/main/services/recording.ts

@@ -8,29 +8,40 @@ import { z } from "zod";
 import type { Recording } from "../../shared/types.js";
 
 import {
+  NOTES_PROMPT,
   SUMMARY_PROMPT,
   TASK_EXTRACTION_PROMPT,
 } from "./transcription-prompts.js";
 
-let FileConstructor: typeof File;
-try {
-  const { File: NodeFile } = await import("node:buffer");
-  FileConstructor = NodeFile as typeof File;
-} catch {
-  FileConstructor = class File extends Blob {
-    name: string;
-    lastModified: number;
-
-    constructor(bits: BlobPart[], name: string, options?: FilePropertyBag) {
-      super(bits, options);
-      this.name = name;
-      this.lastModified = options?.lastModified ?? Date.now();
-    }
-  } as typeof File;
-}
+// Lazy initialization to avoid top-level await
+let fileConstructorInitialized = false;
+
+function initializeFileConstructor(): void {
+  if (fileConstructorInitialized || globalThis.File) {
+    return;
+  }
+
+  let FileConstructor: typeof File;
+  try {
+    // Use synchronous require for node:buffer to avoid top-level await
+    // eslint-disable-next-line @typescript-eslint/no-var-requires
+    const { File: NodeFile } = require("node:buffer");
+    FileConstructor = NodeFile as typeof File;
+  } catch {
+    FileConstructor = class File extends Blob {
+      name: string;
+      lastModified: number;
+
+      constructor(bits: BlobPart[], name: string, options?: FilePropertyBag) {
+        super(bits, options);
+        this.name = name;
+        this.lastModified = options?.lastModified ?? Date.now();
+      }
+    } as typeof File;
+  }
 
-if (!globalThis.File) {
   globalThis.File = FileConstructor;
+  fileConstructorInitialized = true;
 }
 
 interface RecordingSession {
@@ -130,6 +141,40 @@ async function extractTasksFromTranscript(
   }
 }
 
+async function generateNotesFromTranscript(
+  transcriptText: string,
+  openaiApiKey: string,
+): Promise<string | null> {
+  try {
+    const openai = createOpenAI({ apiKey: openaiApiKey });
+
+    const { object } = await generateObject({
+      model: openai("gpt-4o-mini"),
+      schema: z.object({
+        notes: z
+          .string()
+          .describe("Structured meeting notes in markdown format"),
+      }),
+      messages: [
+        {
+          role: "system",
+          content:
+            "You are a meeting notes generator that creates structured, scannable notes from transcripts. Follow the format exactly and be terse.",
+        },
+        {
+          role: "user",
+          content: `${NOTES_PROMPT}\n${transcriptText}`,
+        },
+      ],
+    });
+
+    return object.notes || null;
+  } catch (error) {
+    console.error("Failed to generate notes from transcription:", error);
+    return null;
+  }
+}
+
 function safeLog(...args: unknown[]): void {
   try {
     console.log(...args);
@@ -139,6 +184,9 @@ function safeLog(...args: unknown[]): void {
 }
 
 export function registerRecordingIpc(): void {
+  // Initialize File constructor polyfill
+  initializeFileConstructor();
+
   ipcMain.handle(
     "desktop-capturer:get-sources",
     async (_event, options: { types: ("screen" | "window")[] }) => {
@@ -369,6 +417,11 @@ export function registerRecordingIpc(): void {
           openaiApiKey,
         );
 
+        const notesContent = await generateNotesFromTranscript(
+          fullTranscriptText,
+          openaiApiKey,
+        );
+
         const extractedTasks = await extractTasksFromTranscript(
           fullTranscriptText,
           openaiApiKey,
@@ -382,6 +435,7 @@ export function registerRecordingIpc(): void {
           status: "completed",
           text: fullTranscriptText,
           summary: summaryTitle,
+          notes: notesContent,
           extracted_tasks: extractedTasks,
         };
         fs.writeFileSync(metadataPath, JSON.stringify(metadata, null, 2));
@@ -390,6 +444,7 @@ export function registerRecordingIpc(): void {
           status: "completed",
           text: fullTranscriptText,
           summary: summaryTitle,
+          notes: notesContent,
           extracted_tasks: extractedTasks,
         };
       } catch (error) {

src/main/services/transcription-prompts.ts

@@ -23,3 +23,31 @@ For each task, provide a clear title and a description with relevant context fro
 If there are no actionable tasks, return an empty tasks array.
 
 Transcript:`;
+
+export const NOTES_PROMPT = `You are a meeting notes generator. You receive raw transcripts and produce structured, scannable notes.
+
+Generate notes in the following markdown format:
+
+## Overview
+[2-3 sentence summary: what was this meeting about, what got decided/discussed]
+
+## Key Points
+- [main discussion topics, decisions, or conclusions]
+- [include specific details: numbers, names, commitments]
+- [capture disagreements or open questions]
+
+## Action Items
+- [who needs to do what, if clear from context]
+- [outstanding questions or follow-ups needed]
+
+## Details
+[anything substantive that doesn't fit above - technical specifics, context, tangents that mattered]
+
+Rules:
+- Be terse. No fluff.
+- Preserve specifics: numbers, quotes, technical terms
+- If you're uncertain about something, say "unclear from transcript: [thing]"
+- Don't invent structure that isn't there - if there were no action items, say "no explicit action items"
+- Prioritize what's ACTIONABLE or DECIDABLE over background chatter
+
+Transcript:`;

src/renderer/features/recordings/components/RecordingDetail.tsx

@@ -14,6 +14,7 @@ import {
 import type { Recording } from "@shared/types";
 import { format } from "date-fns";
 import { useHotkeys } from "react-hotkeys-hook";
+import { MarkdownRenderer } from "../../../components/MarkdownRenderer";
 import { useAuthStore } from "../../../stores/authStore";
 import { useRecordingStore } from "../stores/recordingStore";
 import { AudioPlayer } from "./AudioPlayer";
@@ -137,6 +138,45 @@ export function RecordingDetail({
               </>
             )}
 
+          {recording.transcription?.notes && (
+            <>
+              <Separator size="4" />
+              <Flex direction="column" gap="3">
+                <Heading size="4">Notes</Heading>
+                <Card>
+                  <Box
+                    p="3"
+                    style={{
+                      fontSize: "var(--font-size-2)",
+                      lineHeight: "1.6",
+                    }}
+                    className="notes-section"
+                  >
+                    <style>{`
+                      .notes-section h2 {
+                        font-size: var(--font-size-4) !important;
+                        font-weight: 600 !important;
+                        margin-top: 1rem !important;
+                        margin-bottom: 0.5rem !important;
+                        color: var(--gray-12) !important;
+                      }
+                      .notes-section h2:first-child {
+                        margin-top: 0 !important;
+                      }
+                      .notes-section ul {
+                        margin-bottom: 0.75rem !important;
+                      }
+                      .notes-section li {
+                        margin-bottom: 0.25rem !important;
+                      }
+                    `}</style>
+                    <MarkdownRenderer content={recording.transcription.notes} />
+                  </Box>
+                </Card>
+              </Flex>
+            </>
+          )}
+
           {recording.transcription?.text && (
             <>
               <Separator size="4" />

src/shared/types.ts

@@ -158,6 +158,7 @@ export interface Recording {
     status: "processing" | "completed" | "error";
     text: string;
     summary?: string;
+    notes?: string; // Structured meeting notes in markdown
     extracted_tasks?: Array<{
       title: string;
       description: string;