From 56c7a1508d0b8ad0b9d0231bd231866b820192c9 Mon Sep 17 00:00:00 2001
From: Antigravity <bot@antigravity.ai>
Date: Fri, 15 May 2026 16:56:24 -0400
Subject: [PATCH] feat: integrate role-aware settings directly into dashboard

---
 curio/dashboard.html | 52 +++++++++++++++++++++++++++++++++++++++++++-
 curio/dashboard.js   | 14 +++++++++++-
 2 files changed, 64 insertions(+), 2 deletions(-)

diff --git a/curio/dashboard.html b/curio/dashboard.html
index 8f9fa5e..6c51b69 100644
--- a/curio/dashboard.html
+++ b/curio/dashboard.html
@@ -27,7 +27,7 @@
             <a href="#" data-section="lab"><span>🔬</span> Lab</a>
             <a href="billing.html" data-section="billing" data-external><span>💳</span> Billing & Accounts</a>
             <a href="staff.html" data-section="staff" data-external><span>👔</span> Staff & Payroll</a>
-            <a href="settings.html" data-section="settings" data-external><span>⚙️</span> Settings</a>
+            <a href="#" data-section="settings"><span>⚙️</span> Settings</a>
         </nav>
         <div class="user-profile">
             <div class="avatar">DS</div>
@@ -61,6 +61,56 @@
             <p id="sectionPageSubtitle"></p>
         </div>
 
+        <!-- Settings Section (Internal) -->
+        <div id="settings-section" class="section-container hidden">
+            <div class="settings-grid doctor-only">
+                <div class="section-card">
+                    <h2>Clinical Profile</h2>
+                    <div class="input-group">
+                        <label>Full Name</label>
+                        <input type="text" value="Dr. Sharma">
+                    </div>
+                    <div class="input-group">
+                        <label>Specialization</label>
+                        <input type="text" value="Cardiologist">
+                    </div>
+                </div>
+
+                <div class="section-card">
+                    <h2>Zen Scribe Preferences</h2>
+                    <div class="input-group">
+                        <label>Default Scribe Language</label>
+                        <select id="scribeLangPref">
+                            <option value="en-US">English (US)</option>
+                            <option value="hi-IN">Hindi</option>
+                            <option value="te-IN">Telugu</option>
+                        </select>
+                    </div>
+                    <div class="input-group">
+                        <label>Auto-Generate Clinical Summary</label>
+                        <select>
+                            <option>Enabled</option>
+                            <option>Disabled</option>
+                        </select>
+                    </div>
+                </div>
+            </div>
+
+            <div class="settings-grid admin-only hidden">
+                <div class="section-card">
+                    <h2>Hospital Configuration</h2>
+                    <div class="input-group">
+                        <label>Consultation Fee (₹)</label>
+                        <input type="number" value="500">
+                    </div>
+                </div>
+            </div>
+            
+            <div style="margin-top: 2rem;">
+                <button class="btn-primary" onclick="alert('Settings saved!')">Save Preferences</button>
+            </div>
+        </div>
+
         <!-- DOCTOR ZEN VIEW (Clinical Focus) -->
         <div id="doctor-zen-section" class="hidden">
             <div class="zen-layout">
diff --git a/curio/dashboard.js b/curio/dashboard.js
index 1046023..37f3d8f 100644
--- a/curio/dashboard.js
+++ b/curio/dashboard.js
@@ -56,6 +56,11 @@ const SECTION_META = {
         target: 'doctor-zen-section',
         title: 'Clinical Workspace',
         subtitle: 'Document visits, prescribe, and review vitals.'
+    },
+    settings: {
+        target: 'settings-section',
+        title: 'Preferences',
+        subtitle: 'Manage your profile and clinical tool settings.'
     }
 };
 
@@ -198,12 +203,19 @@ document.addEventListener("DOMContentLoaded", () => {
 
 // 3. Section Switching Logic
 window.showSection = (sectionId) => {
-    const sections = ['overview-section', 'patients-section', 'pharmacy-section', 'lab-section', 'doctor-zen-section'];
+    const sections = ['overview-section', 'patients-section', 'pharmacy-section', 'lab-section', 'doctor-zen-section', 'settings-section'];
     sections.forEach(id => {
         const el = document.getElementById(id);
         if (el) el.classList.add('hidden');
     });
 
+    const role = getUserRole();
+    if (sectionId === 'settings') {
+        const isDoctor = role === 'DOCTOR';
+        document.querySelector('#settings-section .doctor-only')?.classList.toggle('hidden', !isDoctor);
+        document.querySelector('#settings-section .admin-only')?.classList.toggle('hidden', isDoctor);
+    }
+
     const target = resolveSectionTarget(sectionId);
     const targetEl = document.getElementById(target);
     if (targetEl) targetEl.classList.remove('hidden');