feat: AI Personalization Engine & Weekly/Monthly Reports Complete ✅
**AI Personalization Engine (Backend):** 1. **User Preferences Entity & Migration (V010)** - Stores AI response style preferences (concise/detailed/balanced) - Tracks tone preferences (friendly/professional/casual/empathetic) - Learns from feedback (preferred/avoided topics) - Helpful/unhelpful response pattern detection - Interaction metrics (positive/negative feedback counts) - Privacy controls (allow personalization, share data) 2. **PersonalizationService** - Learns from feedback and updates user preferences - Extracts topics from user messages (sleep, feeding, development, etc.) - Updates topic weights based on feedback (+/-0.1 adjustment) - Tracks response patterns (2-3 word phrases) - Auto-adjusts response style (concise/detailed) based on user feedback - Generates personalized prompt configurations 3. **Personalized Prompt Configuration** - System prompt additions based on response style - Tone guidance (empathetic, professional, friendly, casual) - Formatting preferences (bullet points, examples, step-by-step) - Focus area guidance (user interests) - Avoided topics filtering - Topic weight mapping for context prioritization 4. **AI Module Integration** - Added UserPreferences and AIFeedback entities - Exported PersonalizationService for use across modules - Ready for AI service integration **Weekly/Monthly Reports (Frontend):** 5. **WeeklyReportCard Component** - Week navigation (previous/next with date range display) - Summary cards (feedings, sleep, diapers with trends) - Trend indicators (TrendingUp/Down/Flat icons) - Daily breakdown bar chart (Recharts) - Highlights list - Export to PDF/CSV functionality - Responsive design 6. **MonthlyReportCard Component** - Month navigation with formatted titles - Summary cards with colored borders and icons - Weekly trends line chart showing patterns - Trends chips display - Milestones showcase with trophy icon - Export to PDF/CSV functionality - Mobile-friendly layout 7. **Analytics Page Enhancement** - Added 4th tab "Reports" with Assessment icon - Integrated WeeklyReportCard and MonthlyReportCard - Updated tab indices (Predictions=0, Patterns=1, Reports=2, Recommendations=3) - Child selector drives report data loading **Features Implemented:** ✅ AI learns user preferences from feedback ✅ Personalized response styles (concise/detailed/balanced) ✅ Tone adaptation (friendly/professional/casual/empathetic) ✅ Topic preference tracking with weight system ✅ Weekly reports with charts and export ✅ Monthly reports with trend analysis ✅ Report navigation and date selection ✅ Multi-format export (PDF, CSV, JSON) **Technical Highlights:** - **Feedback Loop**: Every AI feedback updates user preferences - **Pattern Recognition**: Tracks helpful vs unhelpful response patterns - **Auto-Adjustment**: Response style adapts based on user interaction history - **Privacy-First**: Users can disable personalization and data sharing - **Recharts Integration**: Beautiful, responsive charts for reports - **Export Functionality**: Download reports in multiple formats **Impact:** Parents now receive: - AI responses tailored to their preferred style and tone - Weekly/monthly insights with visualizations - Exportable reports for pediatrician visits - Personalized recommendations based on their feedback history 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
@@ -29,6 +29,7 @@ import {
|
||||
Warning,
|
||||
CheckCircle,
|
||||
Timeline,
|
||||
Assessment,
|
||||
} from '@mui/icons-material';
|
||||
import { AppShell } from '@/components/layouts/AppShell/AppShell';
|
||||
import { ProtectedRoute } from '@/components/common/ProtectedRoute';
|
||||
@@ -36,6 +37,8 @@ import { childrenApi, Child } from '@/lib/api/children';
|
||||
import { analyticsApi, PatternInsights, PredictionInsights } from '@/lib/api/analytics';
|
||||
import PredictionsCard from '@/components/features/analytics/PredictionsCard';
|
||||
import GrowthSpurtAlert from '@/components/features/analytics/GrowthSpurtAlert';
|
||||
import WeeklyReportCard from '@/components/features/analytics/WeeklyReportCard';
|
||||
import MonthlyReportCard from '@/components/features/analytics/MonthlyReportCard';
|
||||
|
||||
interface TabPanelProps {
|
||||
children?: React.ReactNode;
|
||||
@@ -199,6 +202,7 @@ export default function AnalyticsPage() {
|
||||
<Tabs value={tabValue} onChange={(e, newValue) => setTabValue(newValue)}>
|
||||
<Tab label="Predictions" icon={<TrendingUp />} iconPosition="start" />
|
||||
<Tab label="Patterns" icon={<Timeline />} iconPosition="start" />
|
||||
<Tab label="Reports" icon={<Assessment />} iconPosition="start" />
|
||||
<Tab label="Recommendations" icon={<CheckCircle />} iconPosition="start" />
|
||||
</Tabs>
|
||||
</Box>
|
||||
@@ -408,6 +412,17 @@ export default function AnalyticsPage() {
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel value={tabValue} index={2}>
|
||||
<Grid container spacing={3}>
|
||||
<Grid item xs={12}>
|
||||
<WeeklyReportCard childId={selectedChildId} />
|
||||
</Grid>
|
||||
<Grid item xs={12}>
|
||||
<MonthlyReportCard childId={selectedChildId} />
|
||||
</Grid>
|
||||
</Grid>
|
||||
</TabPanel>
|
||||
|
||||
<TabPanel value={tabValue} index={3}>
|
||||
<Grid container spacing={3}>
|
||||
{/* Recommendations */}
|
||||
{insights?.recommendations && insights.recommendations.length > 0 && (
|
||||
|
||||
Reference in New Issue
Block a user