\n 👤\n

\n \n {userProfile && !isEditingProfile ? (\n

{userProfile.name}

{userProfile.email}

\n {userProfile.role.replace('_', ' ')}\n

\n {userProfile.specialization && (\n

{userProfile.specialization}

\n )}\n {userProfile.institution && (\n

{userProfile.institution}

\n )}\n \n setIsEditingProfile(true)}\n className=\"mt-3 px-4 py-2 text-sm bg-blue-600 text-white rounded-lg hover:bg-blue-700\"\n >\n Edit Profile\n \n

\n ) : (\n

\n {userProfile ? 'Edit Profile' : 'Create Profile'}\n

\n \n

\n setProfileForm({ ...profileForm, name: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n setProfileForm({ ...profileForm, email: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n setProfileForm({ ...profileForm, role: e.target.value as UserProfile['role'] })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n \n setProfileForm({ ...profileForm, specialization: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n \n setProfileForm({ ...profileForm, institution: e.target.value })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n />\n

\n \n

\n \n Save\n \n {userProfile && (\n setIsEditingProfile(false)}\n className=\"px-4 py-2 bg-gray-300 text-gray-700 rounded-lg hover:bg-gray-400\"\n >\n Cancel\n \n )}\n

\n )}\n

\n\n {/* Quick Stats */}\n

Usage Statistics

\n Questions Asked:\n 0\n

\n Sessions:\n 0\n

\n Last Active:\n Today\n

\n );\n\n const SettingsTab = () => (\n

Settings

\n \n {/* Theme */}\n

\n Theme\n onSettingsChange({ theme: e.target.value as AppSettings['theme'] })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

\n\n {/* Font Size */}\n

\n Font Size\n onSettingsChange({ fontSize: e.target.value as AppSettings['fontSize'] })}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500\"\n >\n \n \n \n \n

\n\n {/* Notifications */}\n

\n Notifications\n onSettingsChange({ notifications: !settings.notifications })}\n className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${\n settings.notifications ? 'bg-blue-600' : 'bg-gray-200'\n }`}\n >\n \n \n

\n\n {/* Offline Mode */}\n

\n Offline Mode\n onSettingsChange({ offlineMode: !settings.offlineMode })}\n className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${\n settings.offlineMode ? 'bg-blue-600' : 'bg-gray-200'\n }`}\n >\n \n \n

\n\n {/* Streaming Responses */}\n

\n Streaming Responses\n onSettingsChange({ streamingResponses: !settings.streamingResponses })}\n className={`relative inline-flex h-6 w-11 items-center rounded-full transition-colors ${\n settings.streamingResponses ? 'bg-blue-600' : 'bg-gray-200'\n }`}\n >\n \n \n

\n\n {/* PWA Install */}\n {isInstallable && (\n

Install App

\n Install Nelson-GPT for a better experience with offline support and push notifications.\n

\n \n Install Nelson-GPT\n \n

\n )}\n

\n );\n\n const HelpTab = () => (\n

Help & Support

\n \n {/* About */}\n

About Nelson-GPT

\n Nelson-GPT is an AI-powered medical assistant specializing in pediatric medicine, \n powered by the Nelson Textbook of Pediatrics.\n

\n Version 1.0.0\n

\n\n {/* Features */}\n

Features

\n \n Evidence-based medical responses\n
\n \n Real-time streaming responses\n
\n \n Offline functionality\n
\n \n Source citations from Nelson Textbook\n
\n \n Progressive Web App (PWA)\n

\n\n {/* Disclaimer */}\n

⚠️ Medical Disclaimer

\n This application is for educational and informational purposes only. \n It should not be used as a substitute for professional medical advice, \n diagnosis, or treatment. Always seek the advice of qualified healthcare \n providers with any questions regarding medical conditions.\n

\n\n {/* Contact */}\n

Support

\n 📧\n support@nelson-gpt.com\n

\n 🌐\n www.nelson-gpt.com\n

\n );\n\n return (\n \n {/* Header */}\n

Nelson-GPT

\n \n \n \n

\n\n {/* Tab Navigation */}\n

\n {[\n { id: 'profile', label: 'Profile', icon: '👤' },\n { id: 'settings', label: 'Settings', icon: '⚙️' },\n { id: 'help', label: 'Help', icon: '❓' }\n ].map((tab) => (\n setActiveTab(tab.id as any)}\n className={`flex-1 px-4 py-3 text-sm font-medium border-b-2 transition-colors ${\n activeTab === tab.id\n ? 'border-blue-500 text-blue-600'\n : 'border-transparent text-gray-500 hover:text-gray-700'\n }`}\n >\n {tab.icon}\n {tab.label}\n \n ))}\n

\n\n {/* Tab Content */}\n

\n {activeTab === 'profile' && }\n {activeTab === 'settings' && }\n {activeTab === 'help' && }\n

\n \n );\n};\n\nexport default Sidebar;","deleted","label",[167,168,149],"frontend","components","permalink","https://www.val.town/x/zee1205/nelsongpt/code/frontend/components/Sidebar.tsx","extension","actionData","errors"]