deepkoluguri
/
curaflow
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

style: world-class Zen 3.0 clinical UI rebirth (v15)
Build Curio HMS / build-and-deploy (push) Has been cancelled Details

This commit is contained in:
Deep Koluguri 2026-05-15 12:43:58 -04:00
parent e72a6d2072
commit ce4b3f39ee
3 changed files with 132 additions and 1053 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1132
dashboard.css
View File

File diff suppressed because it is too large Load Diff

43
dashboard.html
View File

@ -81,48 +81,51 @@
<!-- Center: The Workspace -->
<main class="zen-workspace">
<header class="workspace-header">
<div class="current-patient">
<span class="status-indicator">NOW SEEING</span>
<div class="patient-info-slab">
<div class="patient-identity">
<div class="meta-pills">
<span class="pill active">Now Seeing</span>
<span class="pill time">08:45 AM</span>
</div>
<h1>Rahul Verma <small>(28y, Male)</small></h1>
<div class="patient-meta">
<span>#012</span> • <span>Viral Fever Triage</span> • <span class="visit-timer">08:45</span>
<div class="meta-pills">
<span class="pill triage">#012</span>
<span class="pill time">Viral Fever Triage</span>
</div>
</div>
<div class="workspace-actions">
<div class="action-center">
<select id="scribeLang" class="lang-select">
<option value="en-US">English</option>
<option value="te-IN">తెలుగు (Telugu)</option>
<option value="te-IN">తెలుగు</option>
</select>
<button id="zenScribeBtn" class="btn-scribe" onclick="toggleZenScribe()">🎙️ Start AI Scribe</button>
<button class="btn-secondary" onclick="openHistory()">📂 History</button>
<button class="btn-primary" onclick="openConsultation()">✍️ Start Consultation</button>
<button id="zenScribeBtn" class="btn-zen scribe" onclick="toggleZenScribe()">🎙️ Scribe</button>
<button class="btn-zen history" onclick="openHistory()">📂 History</button>
<button class="btn-zen start" onclick="openConsultation()">✍️ Start</button>
</div>
</header>
</div>
<div id="scribeStatus" class="scribe-indicator hidden">
<span class="dot"></span> AI is listening and transcribing clinical insights...
<div id="scribeStatus" class="scribe-status-bar hidden">
<span class="pulse-dot"></span> AI Clinical Intelligence is Active...
</div>
<div class="zen-grid">
<div class="clinical-workspace-area">
<div class="clinical-notes-card">
<textarea id="consultationNotes" placeholder="Start typing or use Voice AI..." class="zen-textarea"></textarea>
</div>
<div class="note-canvas-container">
<textarea id="consultationNotes" placeholder="Begin clinical documentation or use AI Scribe..." class="zen-textarea"></textarea>
<div id="aiSummaryCard" class="summary-card hidden">
<div class="card-header">✨ AI Clinical Summary</div>
<div id="summaryText" class="summary-content"></div>
<div class="summary-actions">
<button class="btn-small secondary" onclick="shareSummary()">📤 Send to Patient</button>
<button class="btn-small secondary" onclick="printSummary()">🖨️ Print Summary</button>
<button class="btn-small secondary" onclick="shareSummary()">📤 Send</button>
<button class="btn-small secondary" onclick="printSummary()">🖨️ Print</button>
</div>
</div>
</div>
<div class="zen-sidebar">
<div class="insight-card">
<div class="card-header">🩺 Patient Insights</div>
<div class="card-header">🩺 Patient Vitals</div>
<div class="vitals-grid">
<div class="vital-item">
<span class="label">Temp</span>

10
dashboard.js
View File

@ -137,13 +137,17 @@ window.toggleZenScribe = async () => {
function updateScribeUI() {
const btn = document.getElementById("zenScribeBtn");
const status = document.getElementById("scribeStatus");
if (!btn || !status) return;
if (isScribing) {
btn.innerText = "🛑 Stop AI Scribe";
btn.innerHTML = "🛑 Stop Scribe";
btn.style.background = "#EF4444";
btn.style.color = "white";
status.classList.remove("hidden");
} else {
btn.innerText = "🎙️ Start AI Scribe";
btn.style.background = "";
btn.innerHTML = "🎙️ Scribe";
btn.style.background = ""; // Resets to CSS default
btn.style.color = "";
status.classList.add("hidden");
}
}