\n );\n }\n\n if (!insights) {\n return (\n

Unable to load insights. Please try again.

\n );\n }\n\n const hasEnoughData = cycles.length >= 2;\n\n return (\n

\n {/* Overview Stats */}\n

📊 Cycle Overview

\n \n {!hasEnoughData ? (\n

📈

Not Enough Data Yet

\n Track at least 2 complete cycles to see detailed insights and predictions.\n

\n Current cycles logged: {cycles.length}\n

\n ) : (\n

\n {insights.average_cycle_length > 0 ? `${insights.average_cycle_length}` : '—'}\n

Average Cycle Length (days)

\n \n

\n {insights.average_period_length > 0 ? `${insights.average_period_length}` : '—'}\n

Average Period Length (days)

\n \n

\n {insights.cycle_regularity === 'regular' ? '✅' : \n insights.cycle_regularity === 'irregular' ? '⚠️' : '❓'}\n

\n Cycle Regularity\n

{insights.cycle_regularity}

\n \n

{cycles.length}

Total Cycles Tracked

\n )}\n

\n\n {/* Predictions */}\n {prediction && (\n

🔮 Predictions

Next Period

\n {new Date(prediction.next_period_start).toLocaleDateString()} - {' '}\n {new Date(prediction.next_period_end).toLocaleDateString()}\n

\n Expected in {Math.ceil((new Date(prediction.next_period_start).getTime() - new Date().getTime()) / (1000 * 60 * 60 * 24))} days\n

\n \n

Fertile Window

\n {new Date(prediction.fertile_window_start).toLocaleDateString()} - {' '}\n {new Date(prediction.fertile_window_end).toLocaleDateString()}\n

\n Ovulation: {new Date(prediction.ovulation_date).toLocaleDateString()}\n

\n )}\n\n {/* Symptom Insights */}\n {symptoms.length > 0 && (\n

💭 Symptom Patterns

\n \n {/* Most Common Symptoms */}\n {insights.most_common_symptoms.length > 0 && (\n

Most Common Symptoms

\n {insights.most_common_symptoms.map(symptom => (\n \n {symptom}\n \n ))}\n

\n )}\n\n {/* Mood Trends */}\n {insights.mood_trends.length > 0 && (\n

Recent Mood Trends

\n {insights.mood_trends.slice(-7).map(trend => (\n

\n \n {new Date(trend.date).toLocaleDateString()}\n \n

\n {[1, 2, 3, 4, 5].map(i => (\n \n ))}\n

\n ))}\n

\n )}\n\n {/* Pain Trends */}\n {insights.pain_trends.length > 0 && (\n

Recent Pain Levels

\n {insights.pain_trends.slice(-7).map(trend => (\n

\n \n {new Date(trend.date).toLocaleDateString()}\n \n

\n {[1, 2, 3, 4, 5].map(i => (\n \n ))}\n

\n ))}\n

\n )}\n

\n )}\n\n {/* Health Tips */}\n

💡 Health Tips

🏃‍♀️ Stay Active

\n Regular exercise can help reduce period pain and improve mood. Try gentle activities like walking or yoga.\n

\n \n

🥗 Nutrition Matters

\n Eating iron-rich foods and staying hydrated can help manage period symptoms and energy levels.\n

\n \n

😴 Prioritize Sleep

\n Good sleep hygiene can help regulate hormones and improve overall cycle health.\n

\n \n {insights.cycle_regularity === 'irregular' && (\n

⚠️ Irregular Cycles

\n Your cycles show some irregularity. Consider tracking for a few more months and consult with a healthcare provider if patterns persist.\n

\n )}\n

\n\n {/* Data Summary */}\n

📋 Data Summary

{cycles.length}

Cycles Logged

{symptoms.length}

Symptom Entries

\n {cycles.filter(c => c.end_date).length}\n

Completed Cycles

\n {symptoms.reduce((acc, s) => acc + (s.symptoms?.length || 0), 0)}\n

Total Symptoms

\n );\n}","deleted","label",[169,170,152],"frontend","components","permalink","https://www.val.town/x/MrsJD/public/code/frontend/components/Insights.tsx","extension","actionData","errors"]