\n {/* Header */}\n

\n 🌿 Sage of the City\n

\n Your Urban Wellness Guide\n

\n\n {/* Quote of the moment */}\n {currentQuote && (\n

\"{currentQuote}\"

\n )}\n\n {/* Quick Actions */}\n

\n sendMessage(\"\", \"challenge\")}\n className=\"glass-effect rounded-xl p-4 text-white hover:bg-white/20 transition-all duration-300 transform hover:scale-105\"\n disabled={isLoading}\n >\n

🌱

Daily Challenge

Get a wellness challenge

\n \n \n sendMessage(\"\", \"nature\")}\n className=\"glass-effect rounded-xl p-4 text-white hover:bg-white/20 transition-all duration-300 transform hover:scale-105\"\n disabled={isLoading}\n >\n

🌳

Find Nature

Discover urban oases

\n \n \n setShowPreferences(!showPreferences)}\n className=\"glass-effect rounded-xl p-4 text-white hover:bg-white/20 transition-all duration-300 transform hover:scale-105\"\n >\n

⚙️

Preferences

Customize your experience

\n \n

\n\n {/* Preferences Panel */}\n {showPreferences && (\n

Your Wellness Preferences

\n Current Stress Level\n setPreferences(prev => ({ ...prev, stressLevel: e.target.value as any }))}\n className=\"w-full p-2 rounded-lg bg-white/20 text-white border border-white/30\"\n >\n \n \n \n \n

\n \n

\n Available Time\n setPreferences(prev => ({ ...prev, availableTime: e.target.value as any }))}\n className=\"w-full p-2 rounded-lg bg-white/20 text-white border border-white/30\"\n >\n \n \n \n \n \n

\n \n

\n Work Environment\n setPreferences(prev => ({ ...prev, workEnvironment: e.target.value as any }))}\n className=\"w-full p-2 rounded-lg bg-white/20 text-white border border-white/30\"\n >\n \n \n \n \n \n

\n \n

\n Location (optional)\n setPreferences(prev => ({ ...prev, location: e.target.value }))}\n placeholder=\"e.g., New York, Downtown\"\n className=\"w-full p-2 rounded-lg bg-white/20 text-white border border-white/30 placeholder-white/60\"\n />\n

\n )}\n\n {/* Chat Messages */}\n

\n {messages.map((message, index) => (\n \n \n

{message.content}

\n {message.timestamp.toLocaleTimeString()}\n

\n ))}\n {isLoading && (\n

🌿

\n The Sage is reflecting...\n

\n )}\n

\n\n {/* Message Input */}\n \n\n {/* Ambient Sounds Suggestion */}\n

\n 💫 For deeper relaxation, try playing some forest sounds, rain on leaves, or gentle wind chimes while you explore\n

\n \n \n );\n}","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/James_AI/UrbanWellnessApp/code/frontend/components/App.tsx","extension","actionData","errors"]