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

File diff suppressed because it is too large Load Diff

View File

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

View File

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