feat(self-care): pagina /self-care con micro-promemoria e segnali burnout (Wave 5 fase 3)

Author: AndreaPrestia

frontend/src/App.tsx

@@ -15,6 +15,7 @@ import InviteAcceptPage from './pages/InviteAcceptPage';
 import AccountPage from './pages/AccountPage';
 import AuditPage from './pages/AuditPage';
 import SupportPage from './pages/SupportPage';
+import SelfCarePage from './pages/SelfCarePage';
 
 export default function App() {
   return (
@@ -34,6 +35,7 @@ export default function App() {
         <Route path="/invite/:token" element={<InviteAcceptPage />} />
         <Route path="/account" element={<RequireAuth><AccountPage /></RequireAuth>} />
         <Route path="/support" element={<SupportPage />} />
+        <Route path="/self-care" element={<SelfCarePage />} />
         <Route path="*" element={<Navigate to="/" replace />} />
       </Route>
     </Routes>

frontend/src/components/WellbeingSection.tsx

@@ -133,6 +133,10 @@ export default function WellbeingSection() {
       <Trend items={items} t={t} />
 
       <p className="muted" style={{ marginTop: '1rem' }}>
+        <Link to="/self-care" className="text-accanto-700 underline">
+          {t('account.wellbeing.selfCareLink')} →
+        </Link>
+        {' · '}
         <Link to="/support" className="text-accanto-700 underline">
           {t('account.wellbeing.supportLink')} →
         </Link>

frontend/src/i18n/locales/en.json

@@ -138,9 +138,59 @@
       "trendEmpty": "At least two check-ins are needed to see a trend.",
       "history": "History ({{count}})",
       "confirmDelete": "Delete this check-in?",
-      "supportLink": "Need to talk to someone? Find support"
+      "supportLink": "Need to talk to someone? Find support",
+      "selfCareLink": "Caring for yourself"
     }
   },
+  "selfCare": {
+    "title": "Caring for yourself",
+    "intro": "People who care for someone they love often forget to look after themselves. It isn't selfishness — it's necessary maintenance, like the car that carries everyone home.",
+    "daily": {
+      "title": "A small gesture for today",
+      "tips": {
+        "0": "Drink a glass of water, now, before going back to anything else.",
+        "1": "Three slow breaths: in for 4, out for 6. Just that.",
+        "2": "For five minutes put your phone on silent and do one thing for yourself.",
+        "3": "Send a message to someone who loves you: even a plain 'hi' counts.",
+        "4": "Step outside your door, look around, feel the air.",
+        "5": "Eat something, even a little. Don't skip meals.",
+        "6": "Lie down for five minutes. You don't have to sleep, just stop.",
+        "7": "Write one sentence: what feels heaviest today.",
+        "8": "Think of one thing you did well today. Just one.",
+        "9": "Ask yourself: is there one thing I can hand off to someone today?"
+      }
+    },
+    "burnout": {
+      "title": "Signs not to ignore",
+      "intro": "Caregiver burnout is real. If you recognise several of these together, don't wait.",
+      "signs": [
+        "Tiredness that sleep doesn't fix",
+        "Irritability toward the person you care for",
+        "Insomnia or broken sleep",
+        "Frequent crying, sense of emptiness",
+        "Isolation from friends and family",
+        "Neglecting yourself: hygiene, meals, health",
+        "Thoughts of running away or not being able to go on"
+      ],
+      "outro": "If more than three of these feel familiar, talk to your doctor or a listening service. It isn't weakness — it's useful information."
+    },
+    "rest": {
+      "title": "The rule of rest",
+      "body": "Rest isn't a reward, it's fuel. Schedule rest the way you schedule medication: at fixed times, even when it 'doesn't feel necessary'. By the time the need hits, it's often too late."
+    },
+    "boundaries": {
+      "title": "Healthy limits",
+      "intro": "Saying 'no' to something means saying 'yes' to something else: to you, to your health, to care that lasts.",
+      "points": [
+        "You are not required to be available 24/7.",
+        "Asking for help isn't failure: it's strategy.",
+        "Sharing tasks with people around you (family, services) is an act of responsibility.",
+        "Mixed feelings are normal: love and exhaustion, gratitude and anger. They coexist."
+      ]
+    },
+    "supportLink": "Find contacts and support services",
+    "disclaimer": "These pages do not replace medical or psychological advice. If you are suffering, talk to a professional."
+  },
   "support": {
     "title": "Find support",
     "intro": "A small list of Italian organisations that listen and walk alongside people who care for someone else. No one should do this alone.",

frontend/src/i18n/locales/es.json

@@ -138,9 +138,59 @@
       "trendEmpty": "Hacen falta al menos dos check-in para ver una tendencia.",
       "history": "Historial ({{count}})",
       "confirmDelete": "¿Eliminar este check-in?",
-      "supportLink": "¿Necesitas hablar con alguien? Encuentra apoyo"
+      "supportLink": "¿Necesitas hablar con alguien? Encuentra apoyo",
+      "selfCareLink": "Cuidándote"
     }
   },
+  "selfCare": {
+    "title": "Cuidándote",
+    "intro": "Quien cuida a un ser querido a menudo se olvida de cuidarse. No es egoísmo: es mantenimiento necesario, como el coche que lleva a todos a casa.",
+    "daily": {
+      "title": "Un pequeño gesto para hoy",
+      "tips": {
+        "0": "Bebe un vaso de agua, ahora, antes de volver a cualquier otra cosa.",
+        "1": "Tres respiraciones lentas: inhala 4, exhala 6. Solo eso.",
+        "2": "Durante cinco minutos pon el móvil en silencio y haz algo para ti.",
+        "3": "Manda un mensaje a alguien que te quiere: un simple «hola» basta.",
+        "4": "Sal al umbral, mira fuera, siente el aire.",
+        "5": "Come algo, aunque sea poco. No te saltes las comidas.",
+        "6": "Túmbate cinco minutos. No tienes que dormir, solo parar.",
+        "7": "Escribe una frase: qué es lo que más pesa hoy.",
+        "8": "Piensa una cosa que hayas hecho bien hoy. Solo una.",
+        "9": "Pregúntate: ¿hay algo que pueda delegar hoy en alguien?"
+      }
+    },
+    "burnout": {
+      "title": "Señales que no hay que ignorar",
+      "intro": "El desgaste del cuidador es real. Si reconoces varias de estas señales juntas, no esperes.",
+      "signs": [
+        "Cansancio que no se cura con el sueño",
+        "Irritabilidad hacia la persona a la que cuidas",
+        "Insomnio o sueño fragmentado",
+        "Llanto frecuente, sensación de vacío",
+        "Aislamiento de amigos y familia",
+        "Descuido de ti: higiene, comidas, salud",
+        "Pensamientos de huir o de no poder más"
+      ],
+      "outro": "Si te reconoces en más de tres puntos, habla con tu médico o con un servicio de escucha. No es debilidad: es información útil."
+    },
+    "rest": {
+      "title": "La regla del descanso",
+      "body": "Descansar no es una recompensa, es combustible. Programa el descanso como programas los medicamentos: a horario fijo, incluso cuando «parece que no hace falta». Cuando la necesidad aprieta, ya suele ser tarde."
+    },
+    "boundaries": {
+      "title": "Límites sanos",
+      "intro": "Decir «no» a algo significa decir «sí» a otra cosa: a ti, a tu salud, a un cuidado que dure en el tiempo.",
+      "points": [
+        "No tienes que estar disponible 24 horas al día.",
+        "Pedir ayuda no es fracaso: es estrategia.",
+        "Repartir tareas con quien te rodea (familia, servicios) es un acto de responsabilidad.",
+        "Es normal sentir cosas contradictorias: amor y agotamiento, gratitud y rabia. Conviven."
+      ]
+    },
+    "supportLink": "Encuentra contactos y servicios de apoyo",
+    "disclaimer": "Estas páginas no sustituyen un consejo médico o psicológico. Si lo estás pasando mal, habla con un profesional."
+  },
   "support": {
     "title": "Encuentra apoyo",
     "intro": "Una peque\u00f1a lista de organizaciones italianas que escuchan y acompa\u00f1an a quien cuida de otra persona. Nadie deber\u00eda estar solo en esto.",

frontend/src/i18n/locales/it.json

@@ -138,9 +138,59 @@
       "trendEmpty": "Servono almeno due check-in per vedere un andamento.",
       "history": "Storico ({{count}})",
       "confirmDelete": "Eliminare questo check-in?",
-      "supportLink": "Hai bisogno di parlare con qualcuno? Trova supporto"
+      "supportLink": "Hai bisogno di parlare con qualcuno? Trova supporto",
+      "selfCareLink": "Cura di te"
     }
   },
+  "selfCare": {
+    "title": "Cura di te",
+    "intro": "Chi accudisce una persona cara spesso dimentica di accudire sé stesso. Non è egoismo: è manutenzione necessaria, come l’auto che porta tutti a destinazione.",
+    "daily": {
+      "title": "Un piccolo gesto per oggi",
+      "tips": {
+        "0": "Bevi un bicchiere d’acqua, adesso, prima di tornare a fare altro.",
+        "1": "Tre respiri lenti: dentro per 4, fuori per 6. Solo questo.",
+        "2": "Per cinque minuti metti il telefono in silenzioso e fai una cosa per te.",
+        "3": "Manda un messaggio a chi ti vuole bene: anche un «ciao» basta.",
+        "4": "Esci sulla soglia di casa, guarda fuori, senti l’aria.",
+        "5": "Mangia qualcosa, anche poco. Non saltare i pasti.",
+        "6": "Stenditi cinque minuti. Non devi addormentarti, basta fermarti.",
+        "7": "Scrivi una frase: cos’è che oggi pesa di più.",
+        "8": "Pensa una cosa che hai fatto bene oggi. Una basta.",
+        "9": "Chiediti: c’è una cosa che posso delegare oggi a qualcuno?"
+      }
+    },
+    "burnout": {
+      "title": "Segnali da non ignorare",
+      "intro": "Il logoramento del caregiver è reale. Se ne riconosci diversi insieme, non aspettare.",
+      "signs": [
+        "Stanchezza che non passa con il sonno",
+        "Irritabilità verso la persona di cui ti prendi cura",
+        "Insonnia o sonno frammentato",
+        "Pianto frequente, senso di vuoto",
+        "Isolamento dagli amici e dalla famiglia",
+        "Trascuratezza di sé: igiene, pasti, salute",
+        "Pensieri di fuga o di non farcela più"
+      ],
+      "outro": "Se ti riconosci in più di tre punti, parla con il tuo medico o con un servizio di ascolto. Non è debolezza: è informazione utile."
+    },
+    "rest": {
+      "title": "La regola del riposo",
+      "body": "Riposare non è ricompensa, è carburante. Programma il riposo come programmi le medicine: a orario fisso, anche quando «sembra che non ce ne sia bisogno». Quando il bisogno si fa sentire, è spesso troppo tardi."
+    },
+    "boundaries": {
+      "title": "Confini sani",
+      "intro": "Dire «no» a qualcosa significa dire «sì» a qualcos’altro: a te, alla tua salute, a una cura sostenibile nel tempo.",
+      "points": [
+        "Non sei tenuto a essere disponibile 24 ore su 24.",
+        "Chiedere aiuto non è fallimento: è strategia.",
+        "Dividere i compiti con chi ti sta intorno (famiglia, servizi) è un atto di responsabilità.",
+        "È normale provare sentimenti contrastanti: amore e stanchezza, gratitudine e rabbia. Convivono."
+      ]
+    },
+    "supportLink": "Trova contatti e servizi di supporto",
+    "disclaimer": "Queste pagine non sostituiscono un consulto medico o psicologico. Se stai male, parlane con un professionista."
+  },
   "support": {
     "title": "Trovi supporto",
     "intro": "Una piccola lista di realt\u00e0 italiane che ascoltano e accompagnano chi si prende cura di qualcuno. Nessuno deve fare tutto da solo.",

frontend/src/pages/SelfCarePage.tsx

@@ -0,0 +1,71 @@
+import { useMemo } from 'react';
+import { Link } from 'react-router-dom';
+import { useTranslation } from 'react-i18next';
+
+// Numero di micro-promemoria: deve coincidere con i18n key selfCare.daily.tips[0..N-1].
+const TIP_COUNT = 10;
+
+function dayOfYear(d: Date): number {
+  const start = new Date(d.getFullYear(), 0, 0);
+  const diff = d.getTime() - start.getTime();
+  return Math.floor(diff / 86_400_000);
+}
+
+export default function SelfCarePage() {
+  const { t } = useTranslation();
+
+  const tipIndex = useMemo(() => dayOfYear(new Date()) % TIP_COUNT, []);
+  const signs = t('selfCare.burnout.signs', { returnObjects: true }) as string[];
+  const boundaries = t('selfCare.boundaries.points', { returnObjects: true }) as string[];
+
+  return (
+    <div className="max-w-md mx-auto pt-2">
+      <div className="flex items-center justify-between mb-2">
+        <h1 className="text-2xl font-semibold">{t('selfCare.title')}</h1>
+        <Link to="/" className="text-sm text-accanto-500 hover:underline">
+          ← {t('nav.home', { defaultValue: 'Home' })}
+        </Link>
+      </div>
+      <p className="text-accanto-500 mb-6">{t('selfCare.intro')}</p>
+
+      <section className="card mb-4">
+        <h2 className="font-semibold mb-1">{t('selfCare.daily.title')}</h2>
+        <p>{t(`selfCare.daily.tips.${tipIndex}`)}</p>
+      </section>
+
+      <section className="mb-6">
+        <h2 className="text-lg font-semibold mb-2">{t('selfCare.burnout.title')}</h2>
+        <p className="text-sm text-accanto-700 mb-3">{t('selfCare.burnout.intro')}</p>
+        <ul className="space-y-2 list-disc list-inside text-sm">
+          {signs.map((s, i) => (
+            <li key={i}>{s}</li>
+          ))}
+        </ul>
+        <p className="text-sm text-accanto-500 mt-3">{t('selfCare.burnout.outro')}</p>
+      </section>
+
+      <section className="mb-6">
+        <h2 className="text-lg font-semibold mb-2">{t('selfCare.rest.title')}</h2>
+        <p className="text-sm text-accanto-700">{t('selfCare.rest.body')}</p>
+      </section>
+
+      <section className="mb-6">
+        <h2 className="text-lg font-semibold mb-2">{t('selfCare.boundaries.title')}</h2>
+        <p className="text-sm text-accanto-700 mb-2">{t('selfCare.boundaries.intro')}</p>
+        <ul className="space-y-2 list-disc list-inside text-sm">
+          {boundaries.map((s, i) => (
+            <li key={i}>{s}</li>
+          ))}
+        </ul>
+      </section>
+
+      <p className="text-sm text-accanto-500">
+        <Link to="/support" className="text-accanto-700 underline">
+          {t('selfCare.supportLink')} →
+        </Link>
+      </p>
+
+      <p className="mt-8 text-xs text-accanto-500">{t('selfCare.disclaimer')}</p>
+    </div>
+  );
+}