review: add weekly insights (avg mood/energy, trend, suggestions)

Author: Jathow

app/review/page.tsx

@@ -2,6 +2,7 @@
 
 import { useMemo, useState } from 'react';
 import { useAppStore } from '../../src/state/store';
+import { computeWeeklyInsights } from '../../src/engine/insights';
 
 const LOCAL_USER_ID = 'local-user';
 
@@ -25,6 +26,7 @@ export default function ReviewPage() {
   };
 
   const recent = useMemo(() => moods.filter((m) => m.userId === LOCAL_USER_ID).slice(-7).reverse(), [moods]);
+  const insights = useMemo(() => computeWeeklyInsights(moods.filter((m) => m.userId === LOCAL_USER_ID)), [moods]);
 
   return (
     <main>
@@ -67,6 +69,23 @@ export default function ReviewPage() {
           )}
         </div>
       </section>
+
+      <section style={{ marginTop: 24 }}>
+        <h2>Insights</h2>
+        <div style={{ display: 'grid', gap: 8 }}>
+          {insights.length === 0 ? (
+            <p style={{ color: 'var(--muted)' }}>No insights yet.</p>
+          ) : (
+            insights.map((i, idx) => (
+              <div key={idx} style={{ border: '1px solid rgba(255,255,255,0.12)', borderRadius: 8, padding: 8 }}>
+                <strong style={{ textTransform: 'capitalize' }}>{i.metric.replace('_', ' ')}</strong>
+                <span style={{ marginLeft: 8 }}>{i.value}</span>
+                {i.note && <div style={{ color: 'var(--muted)' }}>{i.note}</div>}
+              </div>
+            ))
+          )}
+        </div>
+      </section>
     </main>
   );
 }

src/engine/insights.ts

@@ -0,0 +1,44 @@
+import type { MoodLog } from '../models/mood';
+
+export type WeeklyInsight = {
+  metric: 'avg_mood' | 'avg_energy' | 'mood_trend' | 'suggestion';
+  value: number;
+  note?: string;
+};
+
+function average(values: number[]): number {
+  if (values.length === 0) return 0;
+  return values.reduce((s, n) => s + n, 0) / values.length;
+}
+
+export function computeWeeklyInsights(moods: MoodLog[], windowDays = 7): WeeklyInsight[] {
+  if (!moods || moods.length === 0) return [];
+  const byDate = [...moods].sort((a, b) => a.date.localeCompare(b.date));
+  const recent = byDate.slice(-windowDays);
+  const avgMood = average(recent.map((m) => m.mood));
+  const avgEnergy = average(recent.map((m) => m.energy));
+  const trend = (recent.at(-1)?.mood ?? 0) - (recent[0]?.mood ?? 0);
+
+  const insights: WeeklyInsight[] = [
+    { metric: 'avg_mood', value: Number(avgMood.toFixed(2)) },
+    { metric: 'avg_energy', value: Number(avgEnergy.toFixed(2)) },
+    { metric: 'mood_trend', value: Number(trend.toFixed(2)) }
+  ];
+
+  // Gentle suggestions
+  if (avgMood <= 4) {
+    insights.push({ metric: 'suggestion', value: 1, note: 'Consider reducing planned load and adding more recovery time this week.' });
+  }
+  if (trend <= -2) {
+    insights.push({ metric: 'suggestion', value: 1, note: 'Mood trend is down. Try shorter deep blocks or fewer per day.' });
+  }
+  if (avgEnergy <= 4.5) {
+    insights.push({ metric: 'suggestion', value: 1, note: 'Energy is low. Schedule movement breaks and lighter tasks after lunch.' });
+  }
+  if (insights.filter((i) => i.metric === 'suggestion').length === 0) {
+    insights.push({ metric: 'suggestion', value: 1, note: 'You seem stable. Maintain buffers and keep protecting sleep and breaks.' });
+  }
+  return insights;
+}
+
+