{s.emoji ?? '📌'} {s.name ?? 'Skill'} {s.xp ?? 0}%

); }; const renderDashboard = () => (

{/* Hero Aura Card */}

🌊

Current Aura

{aura.label}

Darsh Prajapati • Builder & Dreamer

{/* Stats Row */}

{[ { label: 'Subscribers', val: (stats.subs ?? 0).toLocaleString(), emoji: '📺', color: '#FF6B6B' }, { label: 'Hours Ground', val: stats.hoursWorked ?? 0, emoji: '⏰', color: '#7B68EE' }, { label: 'Gym Streak', val: `${stats.gymStreak ?? 0}d`, emoji: '💪', color: '#FFB5E8' }, { label: 'Podcast Eps', val: stats.podcastEps ?? 0, emoji: '🎙️', color: '#B5DEFF' } ].map((s, i) => (

{s.emoji}

{s.val}

{s.label}

))}

{/* Skill Tree */}

📊 Skill Tree

{(skills || []).map((s, i) => renderSkillBar(s, i))}

{/* Vibe Meters */}

🎚️ Vibe Check

{[ { key: 'hustle', label: '🔥 Hustle Level', color: '#FF6B6B' }, { key: 'softBoy', label: '💖 Soft Boy Energy', color: '#FFB5E8' }, { key: 'dataNerd', label: '🧠 Data Nerd Mode', color: '#7B68EE' } ].map((m, i) => (

{m.label} {vibeMeters[m.key] ?? 50}

handleVibeChange(m.key, parseInt(e.target.value))} style={{ width: '100%', height: 8, borderRadius: 4, appearance: 'none', WebkitAppearance: 'none', background: `linear-gradient(90deg, ${m.color} ${vibeMeters[m.key] ?? 50}%, rgba(255,255,255,0.08) ${vibeMeters[m.key] ?? 50}%)`, outline: 'none', cursor: 'pointer' }} />

))}

{/* Quote Rotator */}

💭 2AM Thoughts

{quotes[quoteIndex % (quotes || []).length] ?? ''}

{/* Reactions */}

{[ { key: 'grind', label: 'Respect the Grind', emoji: '💪' }, { key: 'felt', label: 'Felt This', emoji: '🥺' }, { key: 'mindset', label: 'Stealing This', emoji: '🧠' }, { key: 'dataApproved', label: 'Data Approved', emoji: '📊' } ].map(r => ( ))}

); const renderTimeline = () => (

📈 Growth Timeline

{(milestones || []).map((m, i) => { const ms = m ?? {}; const isExpanded = expandedMilestone === i; return (

); })}

); const renderPredict = () => (

🔮

Prediction Mirror

Will Darsh pull it off? Cast your vote.

{(predictions || []).map((p, i) => { const pred = p ?? {}; const prob = pred.prob ?? 50; const isPulsing = predictionPulse === i; return (

75 ? 'linear-gradient(90deg, #7B68EE, #B5DEFF)' : prob > 50 ? 'linear-gradient(90deg, #FFB5E8, #7B68EE)' : 'linear-gradient(90deg, #FF6B6B, #FFB5E8)', borderRadius: '0 4px 0 0', transition: 'width 0.8s cubic-bezier(0.4,0,0.2,1)' }} />

{pred.q ?? ''}

75 ? '#B5DEFF' : prob > 50 ? '#FFB5E8' : '#FF6B6B', transition: 'all 0.3s ease', transform: isPulsing ? 'scale(1.2)' : 'scale(1)' }}>{prob}%

{pred.votes ?? 0} votes

); })}

🤖 DarshBot Forecast Engine v2.0

); return (

{/* Ambient Orbs */}

{/* Header */}

VYBELOG

TRACK YOUR GRIND • SHARE YOUR VIBE

{aura.label}

{/* Content */}

{activeView === 'dashboard' && renderDashboard()} {activeView === 'timeline' && renderTimeline()} {activeView === 'predict' && renderPredict()}

{/* Bottom Nav */}

{(navItems || []).map(n => ( ))}

); }