Enhanced FEEL/NEED tools + proper square breathing

FEEL/NEED improvements:
- Expanded NVC vocabulary from Marshall Rosenberg's complete lists
- Added psychoeducation from Brené Brown, Tara Brach, Sarah Peyton
- Feelings reflection connects to needs and includes insights
- Needs reflection includes request suggestions

LOVE breathing fix:
- Proper square breathing: 5s in, 4s hold, 5s out, 4s hold
- Visual countdown during each phase
- Circle animates to match breath phase

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>

static/index.html

@@ -728,6 +728,16 @@
             50% { transform: scale(1.2); opacity: 1; }
         }
 
+        @keyframes breatheIn {
+            0% { transform: scale(0.6); opacity: 0.4; }
+            100% { transform: scale(1.3); opacity: 1; }
+        }
+
+        @keyframes breatheOut {
+            0% { transform: scale(1.3); opacity: 1; }
+            100% { transform: scale(0.6); opacity: 0.4; }
+        }
+
         .breath-text {
             font-size: 1.5rem;
             margin-bottom: 20px;
@@ -985,20 +995,44 @@
 
         let selectedTradition = null;
 
-        // NVC Feelings vocabulary
+        // NVC Feelings vocabulary (from Marshall Rosenberg)
         const FEELINGS_DATA = {
-            'When needs ARE met': ['Calm', 'Content', 'Grateful', 'Hopeful', 'Joyful', 'Peaceful', 'Relieved', 'Safe', 'Tender', 'Touched'],
-            'When needs are NOT met': ['Angry', 'Anxious', 'Confused', 'Disappointed', 'Frustrated', 'Helpless', 'Hurt', 'Lonely', 'Overwhelmed', 'Sad', 'Scared', 'Tense', 'Tired', 'Worried']
+            'When needs ARE met': [
+                'Alive', 'Amazed', 'Appreciative', 'Confident', 'Curious', 'Delighted',
+                'Eager', 'Energetic', 'Engaged', 'Excited', 'Fulfilled', 'Glad',
+                'Grateful', 'Hopeful', 'Inspired', 'Joyful', 'Loving', 'Moved',
+                'Optimistic', 'Peaceful', 'Pleased', 'Proud', 'Refreshed', 'Relaxed',
+                'Relieved', 'Satisfied', 'Secure', 'Tender', 'Thankful', 'Touched',
+                'Trusting', 'Warm'
+            ],
+            'When needs are NOT met': [
+                'Afraid', 'Angry', 'Annoyed', 'Anxious', 'Ashamed', 'Bewildered',
+                'Bitter', 'Confused', 'Dejected', 'Depressed', 'Disappointed',
+                'Discouraged', 'Disgusted', 'Distressed', 'Embarrassed', 'Exhausted',
+                'Fearful', 'Frustrated', 'Grief', 'Guilty', 'Helpless', 'Hopeless',
+                'Hurt', 'Impatient', 'Irritated', 'Jealous', 'Lonely', 'Nervous',
+                'Numb', 'Overwhelmed', 'Resentful', 'Sad', 'Scared', 'Shocked',
+                'Tired', 'Uncomfortable', 'Uneasy', 'Upset', 'Worried'
+            ]
         };
 
-        // NVC Needs vocabulary
+        // NVC Needs vocabulary (from Marshall Rosenberg)
         const NEEDS_DATA = {
-            'Connection': ['Acceptance', 'Belonging', 'Closeness', 'To be heard', 'To be seen', 'To be understood', 'Trust', 'Warmth'],
+            'Connection': [
+                'Acceptance', 'Affection', 'Appreciation', 'Belonging', 'Closeness',
+                'Communication', 'Companionship', 'Compassion', 'Empathy', 'Inclusion',
+                'Intimacy', 'Love', 'Respect', 'To be heard', 'To be seen',
+                'To be understood', 'Trust', 'Warmth'
+            ],
             'Autonomy': ['Choice', 'Freedom', 'Independence', 'Space', 'Spontaneity'],
-            'Meaning': ['Contribution', 'Growth', 'Purpose', 'To matter', 'Creativity'],
-            'Peace': ['Ease', 'Harmony', 'Order', 'Rest', 'Safety', 'Security'],
-            'Honesty': ['Authenticity', 'Integrity', 'To be known', 'Transparency'],
-            'Physical': ['Air', 'Food', 'Movement', 'Rest', 'Safety', 'Touch']
+            'Meaning': [
+                'Awareness', 'Contribution', 'Creativity', 'Growth', 'Hope',
+                'Learning', 'Purpose', 'Self-expression', 'Stimulation', 'Understanding'
+            ],
+            'Peace': ['Beauty', 'Ease', 'Equality', 'Harmony', 'Inspiration', 'Order', 'Space'],
+            'Honesty': ['Authenticity', 'Integrity', 'Presence', 'Self-connection'],
+            'Physical Well-being': ['Food', 'Movement', 'Rest', 'Safety', 'Shelter', 'Touch', 'Water'],
+            'Play': ['Fun', 'Humor', 'Joy', 'Rejuvenation']
         };
 
         let selectedFeelings = [];
@@ -1320,7 +1354,7 @@
                 const feelingsText = selectedFeelings.join(', ');
                 addToolMsg('user', `I'm feeling: ${feelingsText}`);
 
-                // Get reflection from API
+                // Get reflection from API with psychoeducation
                 addToolLoading();
                 const isVerbose = document.getElementById('toggle-verbose')?.checked || false;
                 try {
@@ -1331,7 +1365,18 @@
                             tool: 'feelings_needs',
                             partner_message: lastPartnerMessage,
                             user_draft: '',
-                            user_input: `The person has identified these feelings: ${feelingsText}. ${userInput ? 'They added: ' + userInput : ''} Reflect back what these feelings might be pointing to. Help them connect feelings to needs.`,
+                            user_input: `The person has identified these feelings: ${feelingsText}. ${userInput ? 'They added: ' + userInput : ''}
+
+TASK:
+1. Validate these feelings - they make sense
+2. Help connect feelings to underlying needs (NVC framework)
+3. Include brief psychoeducation about these specific feelings - draw from:
+   - Brené Brown (vulnerability, shame, connection)
+   - Tara Brach (RAIN, self-compassion, presence)
+   - Sarah Peyton (neuroscience of resonance, attachment)
+4. Keep it warm, brief, and actionable
+
+Format: Acknowledge → What the feelings might point to → Brief insight → Connection to needs`,
                             verbose: isVerbose
                         })
                     });
@@ -1353,7 +1398,7 @@
                 const needsText = selectedNeeds.join(', ');
                 addToolMsg('user', `I'm needing: ${needsText}`);
 
-                // Get reflection from API
+                // Get reflection from API with psychoeducation
                 addToolLoading();
                 const isVerbose = document.getElementById('toggle-verbose')?.checked || false;
                 try {
@@ -1364,7 +1409,19 @@
                             tool: 'feelings_needs',
                             partner_message: lastPartnerMessage,
                             user_draft: '',
-                            user_input: `The person has identified these needs: ${needsText}. ${userInput ? 'They added: ' + userInput : ''} Reflect back these needs. Help them think about what request might help meet these needs in the relationship.`,
+                            user_input: `The person has identified these needs: ${needsText}. ${userInput ? 'They added: ' + userInput : ''}
+
+TASK:
+1. Validate these needs - they are universal human needs
+2. Help them see how these needs connect to their feelings and the relationship
+3. Include brief psychoeducation about needs - draw from:
+   - Marshall Rosenberg (NVC, universal needs, requests vs demands)
+   - Brené Brown (connection, worthiness, vulnerability)
+   - Attachment theory (safety, closeness, autonomy)
+4. Suggest what a request might sound like to meet these needs
+5. Keep it warm, brief, and actionable
+
+Format: Validate → What these needs mean → Brief insight → Possible request`,
                             verbose: isVerbose
                         })
                     });
@@ -1437,27 +1494,76 @@ Based on the themes in this conversation (conflict, connection, fear, love, boun
         }
 
         // ============================================================================
-        // BREATH/LOVE TOOL
+        // BREATH/LOVE TOOL - Square Breathing (5 in, 4 hold, 5 out, 4 hold)
         // ============================================================================
         let breathInterval;
+        let breathTimeout;
 
         function openBreath() {
             document.getElementById('breath-overlay').classList.add('active');
-            let phase = 0;
-            const phases = ['Breathe in...', 'Hold...', 'Breathe out...', 'Hold...'];
-
-            function updateBreath() {
-                document.getElementById('breath-text').textContent = phases[phase % 4];
-                phase++;
-            }
-
-            updateBreath();
-            breathInterval = setInterval(updateBreath, 4000);
+            runBreathCycle();
+        }
+
+        function runBreathCycle() {
+            const breathText = document.getElementById('breath-text');
+            const circle = document.querySelector('.breath-circle');
+
+            // Phase 1: Breathe in (5 seconds)
+            breathText.textContent = 'Breathe in... 5';
+            circle.style.animation = 'breatheIn 5s ease-out forwards';
+            let count = 5;
+            breathInterval = setInterval(() => {
+                count--;
+                if (count > 0) breathText.textContent = `Breathe in... ${count}`;
+            }, 1000);
+
+            breathTimeout = setTimeout(() => {
+                clearInterval(breathInterval);
+                // Phase 2: Hold (4 seconds)
+                breathText.textContent = 'Hold... 4';
+                circle.style.animation = 'none';
+                count = 4;
+                breathInterval = setInterval(() => {
+                    count--;
+                    if (count > 0) breathText.textContent = `Hold... ${count}`;
+                }, 1000);
+
+                breathTimeout = setTimeout(() => {
+                    clearInterval(breathInterval);
+                    // Phase 3: Breathe out (5 seconds)
+                    breathText.textContent = 'Breathe out... 5';
+                    circle.style.animation = 'breatheOut 5s ease-in forwards';
+                    count = 5;
+                    breathInterval = setInterval(() => {
+                        count--;
+                        if (count > 0) breathText.textContent = `Breathe out... ${count}`;
+                    }, 1000);
+
+                    breathTimeout = setTimeout(() => {
+                        clearInterval(breathInterval);
+                        // Phase 4: Hold (4 seconds)
+                        breathText.textContent = 'Hold... 4';
+                        circle.style.animation = 'none';
+                        count = 4;
+                        breathInterval = setInterval(() => {
+                            count--;
+                            if (count > 0) breathText.textContent = `Hold... ${count}`;
+                        }, 1000);
+
+                        breathTimeout = setTimeout(() => {
+                            clearInterval(breathInterval);
+                            // Repeat cycle
+                            runBreathCycle();
+                        }, 4000);
+                    }, 5000);
+                }, 4000);
+            }, 5000);
         }
 
         function closeBreath() {
             document.getElementById('breath-overlay').classList.remove('active');
             clearInterval(breathInterval);
+            clearTimeout(breathTimeout);
         }
 
         // ============================================================================