init

app/running/[id]/page.tsx

@@ -1,6 +1,7 @@
 import { notFound } from "next/navigation";
 import { AiAnalysisCard } from "@/components/ai-analysis-card";
 import { ElevationChart } from "@/components/elevation-chart";
+import { NotesEditor } from "@/components/notes-editor";
 import { RouteMapSection } from "@/components/route-map-section";
 import { GcbChart } from "@/components/gcb-chart";
 import { RunMetricChart } from "@/components/run-metric-chart";
@@ -12,6 +13,7 @@ import {
   type RunningActivity,
 } from "@/lib/models/running";
 import { getCurrentUserId } from "@/lib/session";
+import { saveRunningNotes } from "@/app/running/actions";
 
 export const dynamic = "force-dynamic";
 
@@ -198,6 +200,11 @@ export default async function RunningActivityPage({
         </div>
       )}
 
+      <NotesEditor
+        initialNotes={activity.notes ?? ""}
+        onSave={saveRunningNotes.bind(null, activity._id.toString())}
+      />
+
       <AiAnalysisCard
         targetType="running"
         targetId={activity._id.toString()}