deploy: rollout v18 premium header and accessibility fixes
Build MCP Services / build-mcp-filesystem (push) Successful in 1m16s
Details
Build MCP Services / build-mcp-filesystem (push) Successful in 1m16s
Details
This commit is contained in:
Antigravity
parent
509c4deeba
commit
3f96d6f6ae
|
|
@ -0,0 +1,258 @@
|
||||||
|
/* Curio Central — platform admin shell */
|
||||||
|
|
||||||
|
:root {
|
||||||
|
--admin-bg: var(--bg);
|
||||||
|
--admin-card: var(--surface);
|
||||||
|
--admin-primary: var(--primary);
|
||||||
|
--admin-accent: var(--secondary);
|
||||||
|
}
|
||||||
|
|
||||||
|
body.admin-body {
|
||||||
|
background: var(--admin-bg);
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar {
|
||||||
|
width: var(--sidebar-width);
|
||||||
|
background: var(--admin-primary);
|
||||||
|
height: 100vh;
|
||||||
|
position: fixed;
|
||||||
|
padding: 2rem;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .logo,
|
||||||
|
.admin-sidebar .logo-text {
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .logo-icon {
|
||||||
|
background: var(--admin-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .side-nav {
|
||||||
|
margin-top: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .side-nav a {
|
||||||
|
color: #94A3B8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .side-nav a:hover,
|
||||||
|
.admin-sidebar .side-nav a.active {
|
||||||
|
background: rgba(255, 255, 255, 0.1);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .user-profile {
|
||||||
|
position: absolute;
|
||||||
|
bottom: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .user-profile strong {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .user-profile span {
|
||||||
|
color: #94A3B8;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .logout-link {
|
||||||
|
color: #FDA4AF;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
margin-top: 1rem;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
font-weight: 600;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .logout-link:hover {
|
||||||
|
color: #FCA5A5;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-main {
|
||||||
|
margin-left: var(--sidebar-width);
|
||||||
|
padding: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
gap: 1.5rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-header h1 {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-size: 2.2rem;
|
||||||
|
color: var(--admin-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-header p {
|
||||||
|
color: var(--text-muted);
|
||||||
|
margin-top: 0.35rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-main .btn-primary {
|
||||||
|
background: var(--admin-accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-main .btn-primary:hover {
|
||||||
|
background: var(--secondary-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.stat-grid {
|
||||||
|
display: grid;
|
||||||
|
grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
|
||||||
|
gap: 1.5rem;
|
||||||
|
margin-bottom: 3rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .stat-card {
|
||||||
|
background: var(--admin-card);
|
||||||
|
padding: 2rem;
|
||||||
|
border-radius: 24px;
|
||||||
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .stat-card span {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-weight: 600;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .stat-card h3 {
|
||||||
|
font-size: 2rem;
|
||||||
|
margin: 0.5rem 0;
|
||||||
|
color: var(--admin-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .stat-card .trend {
|
||||||
|
font-size: 0.85rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.trend.up {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.trend.down {
|
||||||
|
color: var(--urgent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.trend.positive {
|
||||||
|
color: var(--accent);
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .health-indicator {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
gap: 1rem;
|
||||||
|
background: #ECFDF5;
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
border-radius: 100px;
|
||||||
|
color: var(--accent);
|
||||||
|
font-weight: 700;
|
||||||
|
font-size: 0.875rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-body .pulse {
|
||||||
|
width: 10px;
|
||||||
|
height: 10px;
|
||||||
|
background: #10B981;
|
||||||
|
border-radius: 50%;
|
||||||
|
animation: admin-pulse-ring 1.5s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes admin-pulse-ring {
|
||||||
|
0% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0.7); }
|
||||||
|
70% { transform: scale(1); box-shadow: 0 0 0 10px rgba(16, 185, 129, 0); }
|
||||||
|
100% { transform: scale(0.8); box-shadow: 0 0 0 0 rgba(16, 185, 129, 0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container {
|
||||||
|
background: var(--admin-card);
|
||||||
|
border-radius: 32px;
|
||||||
|
padding: 2rem;
|
||||||
|
box-shadow: 0 4px 20px rgba(0, 0, 0, 0.03);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-header {
|
||||||
|
display: flex;
|
||||||
|
justify-content: space-between;
|
||||||
|
align-items: center;
|
||||||
|
margin-bottom: 2rem;
|
||||||
|
gap: 1rem;
|
||||||
|
flex-wrap: wrap;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container h2 {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-size: 1.5rem;
|
||||||
|
color: var(--admin-primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container table {
|
||||||
|
width: 100%;
|
||||||
|
border-collapse: collapse;
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container th {
|
||||||
|
text-align: left;
|
||||||
|
padding: 1rem;
|
||||||
|
color: var(--text-muted);
|
||||||
|
font-size: 0.85rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.04em;
|
||||||
|
border-bottom: 2px solid var(--border);
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container td {
|
||||||
|
padding: 1.5rem 1rem;
|
||||||
|
border-bottom: 1px solid var(--border);
|
||||||
|
font-weight: 500;
|
||||||
|
color: var(--text-main);
|
||||||
|
}
|
||||||
|
|
||||||
|
.tenant-table-container tbody tr:hover {
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge {
|
||||||
|
padding: 0.4rem 0.8rem;
|
||||||
|
border-radius: 100px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 700;
|
||||||
|
}
|
||||||
|
|
||||||
|
.status-badge.active {
|
||||||
|
background: #DCFCE7;
|
||||||
|
color: #15803D;
|
||||||
|
}
|
||||||
|
|
||||||
|
@media (max-width: 768px) {
|
||||||
|
.admin-main {
|
||||||
|
margin-left: 0;
|
||||||
|
padding: 1.5rem;
|
||||||
|
padding-top: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar {
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
height: auto;
|
||||||
|
}
|
||||||
|
|
||||||
|
.admin-sidebar .user-profile {
|
||||||
|
position: static;
|
||||||
|
margin-top: 2rem;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
@ -0,0 +1,107 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Curio Central | Mission Control</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
|
<link rel="stylesheet" href="admin.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="admin-body">
|
||||||
|
<aside class="admin-sidebar">
|
||||||
|
<div class="logo">
|
||||||
|
<div class="logo-icon">C</div>
|
||||||
|
<span class="logo-text">Curio Central</span>
|
||||||
|
</div>
|
||||||
|
<nav class="side-nav">
|
||||||
|
<a href="#" class="active">📊 Platform Overview</a>
|
||||||
|
<a href="#">🏥 Hospital Tenants</a>
|
||||||
|
<a href="#">💳 Subscription Billing</a>
|
||||||
|
<a href="#">🛡️ Security & Logs</a>
|
||||||
|
<a href="#">⚙️ Global Settings</a>
|
||||||
|
</nav>
|
||||||
|
<div class="user-profile">
|
||||||
|
<strong>Super Admin</strong>
|
||||||
|
<span>admin@curio.app</span>
|
||||||
|
<a href="login.html" class="logout-link">Logout</a>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main class="admin-main">
|
||||||
|
<header class="admin-header">
|
||||||
|
<div>
|
||||||
|
<h1>Platform Command Center</h1>
|
||||||
|
<p>Real-time analytics across all registered hospital networks.</p>
|
||||||
|
</div>
|
||||||
|
<div class="health-indicator">
|
||||||
|
<span class="pulse"></span>
|
||||||
|
SYSTEM HEALTH: 99.98%
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<div class="stat-grid">
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Active Hospitals</span>
|
||||||
|
<h3>12</h3>
|
||||||
|
<div class="trend up">↑ 2 this month</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Monthly Revenue</span>
|
||||||
|
<h3>₹42,50,000</h3>
|
||||||
|
<div class="trend up">↑ 14.5%</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Total Patients</span>
|
||||||
|
<h3>85,420</h3>
|
||||||
|
<div class="trend up">↑ 5.2k</div>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Avg. Performance</span>
|
||||||
|
<h3>240ms</h3>
|
||||||
|
<div class="trend positive">↓ 20ms faster</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="tenant-table-container">
|
||||||
|
<div class="tenant-table-header">
|
||||||
|
<h2>Hospital Tenants</h2>
|
||||||
|
<button class="btn btn-primary">+ Add New Hospital</button>
|
||||||
|
</div>
|
||||||
|
<table>
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Clinic ID</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Owner</th>
|
||||||
|
<th>Plan</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td><strong>#HOSP-001</strong></td>
|
||||||
|
<td>Sharma Clinic</td>
|
||||||
|
<td>Dr. Sharma</td>
|
||||||
|
<td>Enterprise</td>
|
||||||
|
<td><span class="status-badge active">ACTIVE</span></td>
|
||||||
|
<td><button class="btn-small secondary">Manage</button></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td><strong>#HOSP-002</strong></td>
|
||||||
|
<td>City Heart Hospital</td>
|
||||||
|
<td>Dr. Verma</td>
|
||||||
|
<td>Pro</td>
|
||||||
|
<td><span class="status-badge active">ACTIVE</span></td>
|
||||||
|
<td><button class="btn-small secondary">Manage</button></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -1,106 +1,30 @@
|
||||||
const queueManager = require('./queueManager');
|
const clinicAgent = require('./clinicAgent');
|
||||||
const triageEngine = require('./triageEngine');
|
|
||||||
const i18n = require('./i18n');
|
|
||||||
|
|
||||||
/**
|
|
||||||
* BotLogic: Simulates the WhatsApp conversational flow
|
|
||||||
*/
|
|
||||||
class BotLogic {
|
class BotLogic {
|
||||||
constructor() {
|
constructor() {
|
||||||
this.states = {}; // Track session state per patient
|
this.states = {}; // Context storage
|
||||||
|
}
|
||||||
|
|
||||||
|
setRescheduleOffer(patientId, offerData) {
|
||||||
|
this.states[`${patientId}_offer`] = offerData;
|
||||||
}
|
}
|
||||||
|
|
||||||
async handleMessage(patientId, message) {
|
async handleMessage(patientId, message) {
|
||||||
const text = message.toLowerCase();
|
const context = this.states[patientId] || {};
|
||||||
let state = this.states[patientId] || 'IDLE';
|
|
||||||
let lang = this.states[`${patientId}_lang`] || 'en';
|
// Delegate to the Agent
|
||||||
|
const response = await clinicAgent.processMessage(patientId, message, context);
|
||||||
// 1. Language Selection (First time or reset)
|
|
||||||
if (text.includes('hi') && !this.states[`${patientId}_lang`]) {
|
// Update local context/state based on agent response
|
||||||
this.states[patientId] = 'SELECT_LANG';
|
if (response.nextStep) {
|
||||||
return {
|
this.states[patientId] = { lastStep: response.nextStep };
|
||||||
reply: "Welcome to Curio! Please select your language / भाषा चुनें / భాషను ఎంచుకోండి:\n\n1. English\n2. Hindi (हिंदी)\n3. Telugu (తెలుగు)",
|
} else {
|
||||||
buttons: ["English", "Hindi", "Telugu"]
|
// Reset or keep context as needed
|
||||||
};
|
|
||||||
}
|
}
|
||||||
|
|
||||||
if (state === 'SELECT_LANG') {
|
|
||||||
if (text.includes('hindi')) lang = 'hi';
|
|
||||||
if (text.includes('telugu')) lang = 'te';
|
|
||||||
this.states[`${patientId}_lang`] = lang;
|
|
||||||
this.states[patientId] = 'IDLE';
|
|
||||||
state = 'IDLE'; // Continue to welcome
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2. Initial Greeting / Booking Intent
|
|
||||||
if (state === 'IDLE') {
|
|
||||||
return {
|
|
||||||
reply: i18n.t(lang, 'welcome'),
|
|
||||||
buttons: i18n.getButtons(lang)
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 2. Booking Flow
|
|
||||||
if (text.includes('book for today')) {
|
|
||||||
return {
|
|
||||||
reply: "Great! Please select your preferred time slot:",
|
|
||||||
buttons: ["10:00 AM", "10:30 AM", "11:00 AM"]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (text === '10:00 am' || text === '10:30 am') {
|
|
||||||
const date = new Date().toISOString().split('T')[0];
|
|
||||||
const result = queueManager.bookOnline(date, text.replace(' am', ''));
|
|
||||||
|
|
||||||
if (result.success) {
|
|
||||||
this.states[patientId] = 'TRIAGE_START';
|
|
||||||
return {
|
|
||||||
reply: i18n.t(lang, 'triage_ask', { token: result.token }) +
|
|
||||||
` \n\n💳 *Payment Required*: Please pay ₹${result.fee} to activate your token: http://razorpay.me/Curio_mock`,
|
|
||||||
};
|
|
||||||
} else {
|
|
||||||
return {
|
|
||||||
reply: "❌ Sorry, the 10:00 AM online slots are full (Max 3/slot). Would you like to try 11:30 AM?",
|
|
||||||
buttons: ["Try 11:30 AM", "Waitlist Me"]
|
|
||||||
};
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
||||||
// 3. Triage State Handling
|
|
||||||
if (this.states[patientId] === 'TRIAGE_START') {
|
|
||||||
const analysis = await triageEngine.analyzeSymptoms(text);
|
|
||||||
this.states[patientId] = 'TRIAGE_FOLLOWUP';
|
|
||||||
this.states[`${patientId}_summary`] = analysis.summary;
|
|
||||||
|
|
||||||
return {
|
|
||||||
reply: `Thank you. AI Analysis: _${analysis.category}_.\n\nQuick follow-up: ${analysis.followUp}`
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (this.states[patientId] === 'TRIAGE_FOLLOWUP') {
|
|
||||||
this.states[patientId] = 'IDLE';
|
|
||||||
return {
|
|
||||||
reply: i18n.t(lang, 'triage_done')
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 4. Daily Updates / Status
|
|
||||||
if (text.includes('status') || text.includes('queue') || text.includes('कतार') || text.includes('స్థితి')) {
|
|
||||||
return {
|
|
||||||
reply: i18n.t(lang, 'status_update', { current: 'WK-3', pos: 'ON-1', wait: '8' })
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
if (text.includes('tips') || text.includes('update')) {
|
|
||||||
const updates = queueManager.getDailyUpdates(patientId);
|
|
||||||
return {
|
|
||||||
reply: "🔔 *Daily Updates for You:*\n\n" + updates.join('\n\n')
|
|
||||||
};
|
|
||||||
}
|
|
||||||
|
|
||||||
// 4. Default Fallback
|
|
||||||
return {
|
return {
|
||||||
reply: "I'm sorry, I didn't quite catch that. You can type 'Hi' to see the main menu."
|
reply: response.reply,
|
||||||
|
buttons: response.buttons || []
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,98 @@
|
||||||
|
/**
|
||||||
|
* ClinicAgent: An agentic orchestrator for Curio.
|
||||||
|
* It uses natural language understanding to map user requests to hospital tools.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const patientManager = require('./patientManager');
|
||||||
|
const queueManager = require('./queueManager');
|
||||||
|
const pharmacyAgent = require('./pharmacyAgent');
|
||||||
|
const configManager = require('./configManager');
|
||||||
|
|
||||||
|
class ClinicAgent {
|
||||||
|
constructor() {
|
||||||
|
this.systemPrompt = `
|
||||||
|
You are 'Curio AI', the assistant for Curio Health.
|
||||||
|
Your goal is to help patients book appointments, manage family members, and check clinic status.
|
||||||
|
|
||||||
|
TOOLS:
|
||||||
|
- list_family: Shows all members linked to the phone.
|
||||||
|
- add_member: Registers a new family member name.
|
||||||
|
- book_today: Books an appointment for today.
|
||||||
|
- check_status: Checks current queue position.
|
||||||
|
|
||||||
|
RULES:
|
||||||
|
1. Always be polite and professional.
|
||||||
|
2. If a patient asks for someone not in their family list, offer to add them.
|
||||||
|
3. If multiple people have same name, ask for clarification.
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
|
||||||
|
async processMessage(phone, message, context = {}) {
|
||||||
|
const text = message.toLowerCase();
|
||||||
|
console.log(`[Agent] Processing for ${phone}: "${message}"`);
|
||||||
|
|
||||||
|
// Mock LLM Intent Extraction & Tool Execution
|
||||||
|
// In a real app, this would be: const response = await llm.call({ prompt: ..., tools: [...] });
|
||||||
|
|
||||||
|
const family = patientManager.getProfiles(phone);
|
||||||
|
|
||||||
|
// Scenario 1: Greeting + Profile Check
|
||||||
|
if (text.includes("hi") || text.includes("hello")) {
|
||||||
|
if (family.length === 0) {
|
||||||
|
return {
|
||||||
|
reply: "Hello! I'm Curio AI. I don't see a profile for this number yet. What is your full name so I can get you started?",
|
||||||
|
nextStep: "AWAIT_REGISTRATION"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
reply: `Hello again! I see profiles for ${family.map(p => p.name).join(', ')}. Who can I help you with today?`,
|
||||||
|
buttons: [...family.map(p => p.name), "+ Add New Member"]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scenario 2: Adding a Member
|
||||||
|
if (context.lastStep === "AWAIT_REGISTRATION" || text.includes("add new member")) {
|
||||||
|
if (text.includes("add new member")) {
|
||||||
|
return { reply: "Sure! What is the name of the family member you'd like to add?" };
|
||||||
|
}
|
||||||
|
const newId = patientManager.addProfile(phone, { name: message, relation: "Family" });
|
||||||
|
return {
|
||||||
|
reply: `Perfect! I've added ${message} to your family account. Would you like to book an appointment for them today?`,
|
||||||
|
buttons: ["Book for Today", "Check Queue"]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scenario 3: Booking Intent
|
||||||
|
if (text.includes("book") || text.includes("today")) {
|
||||||
|
return {
|
||||||
|
reply: "I can help with that. Which time works best for you?",
|
||||||
|
buttons: ["10:00 AM", "11:00 AM", "06:00 PM"]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scenario 3.5: Medicine Query
|
||||||
|
if (text.includes("have") || text.includes("medicine") || text.includes("syrup") || text.includes("tablet")) {
|
||||||
|
const pharmacyReply = pharmacyAgent.handlePatientQuery(message);
|
||||||
|
return {
|
||||||
|
reply: "💊 *Pharmacy Update*: " + pharmacyReply,
|
||||||
|
buttons: ["Book for Today", "Check Other Meds"]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Scenario 4: Natural Language Match for Family Members
|
||||||
|
const matchedMember = family.find(p => text.includes(p.name.toLowerCase()));
|
||||||
|
if (matchedMember) {
|
||||||
|
return {
|
||||||
|
reply: `I've switched context to ${matchedMember.name}. What would you like to do for them?`,
|
||||||
|
buttons: ["Book for Today", "View History"]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
// Fallback to "Smart" LLM reply
|
||||||
|
return {
|
||||||
|
reply: "I'm not sure how to help with that yet, but I'm learning! You can ask me to book an appointment or add a family member."
|
||||||
|
};
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = new ClinicAgent();
|
||||||
|
|
@ -11,23 +11,40 @@ class ConfigManager {
|
||||||
primaryColor: "#0F172A",
|
primaryColor: "#0F172A",
|
||||||
secondaryColor: "#38BDF8",
|
secondaryColor: "#38BDF8",
|
||||||
consultationFee: 500,
|
consultationFee: 500,
|
||||||
currency: "₹"
|
currency: "₹",
|
||||||
|
workingHours: [
|
||||||
|
{ start: "09:00", end: "13:00" },
|
||||||
|
{ start: "17:00", end: "22:00" }
|
||||||
|
],
|
||||||
|
daysOff: [0], // 0 = Sunday
|
||||||
|
holidays: ["2024-12-25", "2025-01-01"]
|
||||||
},
|
},
|
||||||
'sharma-clinic': {
|
'sharma-clinic': {
|
||||||
name: "Dr. Sharma's Cardiology",
|
name: "Dr. Sharma's Cardiology",
|
||||||
logo: "S",
|
logo: "S",
|
||||||
primaryColor: "#1E3A8A", // Deep Blue
|
primaryColor: "#1E3A8A",
|
||||||
secondaryColor: "#60A5FA",
|
secondaryColor: "#60A5FA",
|
||||||
consultationFee: 800,
|
consultationFee: 800,
|
||||||
currency: "₹"
|
currency: "₹",
|
||||||
|
workingHours: [
|
||||||
|
{ start: "10:00", end: "14:00" },
|
||||||
|
{ start: "18:00", end: "21:00" }
|
||||||
|
],
|
||||||
|
daysOff: [0, 6], // Sat, Sun
|
||||||
|
holidays: []
|
||||||
},
|
},
|
||||||
'apollo-hospitals': {
|
'apollo-hospitals': {
|
||||||
name: "Apollo Multispecialty",
|
name: "Apollo Multispecialty",
|
||||||
logo: "A",
|
logo: "A",
|
||||||
primaryColor: "#065F46", // Dark Green
|
primaryColor: "#065F46",
|
||||||
secondaryColor: "#34D399",
|
secondaryColor: "#34D399",
|
||||||
consultationFee: 1200,
|
consultationFee: 1200,
|
||||||
currency: "₹"
|
currency: "₹",
|
||||||
|
workingHours: [
|
||||||
|
{ start: "09:00", end: "22:00" }
|
||||||
|
],
|
||||||
|
daysOff: [],
|
||||||
|
holidays: ["2024-10-02"]
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -7,6 +7,7 @@ const translations = {
|
||||||
en: {
|
en: {
|
||||||
welcome: "Welcome to Dr. Sharma's Clinic! 🏥 I can help you book a token or check your status.\n\nWould you like to:",
|
welcome: "Welcome to Dr. Sharma's Clinic! 🏥 I can help you book a token or check your status.\n\nWould you like to:",
|
||||||
book: "Book for Today",
|
book: "Book for Today",
|
||||||
|
book_future: "For future bookings, please call our reception at +91-1234567890 📞",
|
||||||
check: "Check Queue Status",
|
check: "Check Queue Status",
|
||||||
tips: "Daily Health Tips",
|
tips: "Daily Health Tips",
|
||||||
select_slot: "Great! Please select your preferred time slot:",
|
select_slot: "Great! Please select your preferred time slot:",
|
||||||
|
|
@ -17,6 +18,7 @@ const translations = {
|
||||||
hi: {
|
hi: {
|
||||||
welcome: "डॉ. शर्मा के क्लिनिक में आपका स्वागत है! 🏥 मैं टोकन बुक करने या आपकी स्थिति की जांच करने में आपकी मदद कर सकता हूँ।\n\nक्या आप चाहेंगे:",
|
welcome: "डॉ. शर्मा के क्लिनिक में आपका स्वागत है! 🏥 मैं टोकन बुक करने या आपकी स्थिति की जांच करने में आपकी मदद कर सकता हूँ।\n\nक्या आप चाहेंगे:",
|
||||||
book: "आज के लिए बुक करें",
|
book: "आज के लिए बुक करें",
|
||||||
|
book_future: "भविष्य की बुकिंग के लिए, कृपया हमारे रिसेप्शन पर +91-1234567890 पर कॉल करें 📞",
|
||||||
check: "कतार की स्थिति जांचें",
|
check: "कतार की स्थिति जांचें",
|
||||||
tips: "स्वास्थ्य युक्तियाँ",
|
tips: "स्वास्थ्य युक्तियाँ",
|
||||||
select_slot: "बहुत बढ़िया! कृपया अपना पसंदीदा समय स्लॉट चुनें:",
|
select_slot: "बहुत बढ़िया! कृपया अपना पसंदीदा समय स्लॉट चुनें:",
|
||||||
|
|
@ -27,6 +29,7 @@ const translations = {
|
||||||
te: {
|
te: {
|
||||||
welcome: "డాక్టర్ శర్మ క్లినిక్కి స్వాగతం! 🏥 టోకెన్ బుక్ చేసుకోవడంలో లేదా మీ స్థితిని తనిఖీ చేయడంలో నేను మీకు సహాయపడగలను.\n\nమీరు వీటిని చేయాలనుకుంటున్నారా:",
|
welcome: "డాక్టర్ శర్మ క్లినిక్కి స్వాగతం! 🏥 టోకెన్ బుక్ చేసుకోవడంలో లేదా మీ స్థితిని తనిఖీ చేయడంలో నేను మీకు సహాయపడగలను.\n\nమీరు వీటిని చేయాలనుకుంటున్నారా:",
|
||||||
book: "ఈరోజు కోసం బుక్ చేయండి",
|
book: "ఈరోజు కోసం బుక్ చేయండి",
|
||||||
|
book_future: "భవిష్యత్తు బుకింగ్ల కోసం, దయచేసి మా రిసెప్షన్కు +91-1234567890 నంబర్కు కాల్ చేయండి 📞",
|
||||||
check: "క్యూ స్థితిని తనిఖీ చేయండి",
|
check: "క్యూ స్థితిని తనిఖీ చేయండి",
|
||||||
tips: "ఆరోగ్య చిట్కాలు",
|
tips: "ఆరోగ్య చిట్కాలు",
|
||||||
select_slot: "అద్భుతం! దయచేసి మీకు నచ్చిన సమయాన్ని ఎంచుకోండి:",
|
select_slot: "అద్భుతం! దయచేసి మీకు నచ్చిన సమయాన్ని ఎంచుకోండి:",
|
||||||
|
|
@ -49,7 +52,7 @@ class I18nManager {
|
||||||
|
|
||||||
getButtons(lang) {
|
getButtons(lang) {
|
||||||
const t = translations[lang] || translations['en'];
|
const t = translations[lang] || translations['en'];
|
||||||
return [t.book, t.check, t.tips];
|
return [t.book, t.book_future, t.check, t.tips];
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
/**
|
||||||
|
* NotificationManager: Handles mock WhatsApp notifications for Curio
|
||||||
|
*/
|
||||||
|
|
||||||
|
class NotificationManager {
|
||||||
|
constructor() {
|
||||||
|
this.notificationsSent = [];
|
||||||
|
}
|
||||||
|
|
||||||
|
sendRescheduleAlert(patientPhone, tenantName, oldTime, newTime) {
|
||||||
|
const message = `🔔 *Curio Alert*: A slot has just opened up at ${tenantName} for today at ${newTime}!
|
||||||
|
|
||||||
|
Would you like to move your ${oldTime} appointment to this earlier slot?
|
||||||
|
|
||||||
|
Reply:
|
||||||
|
1. Yes, move me!
|
||||||
|
2. No, keep my current time.`;
|
||||||
|
|
||||||
|
console.log(`[WhatsApp to ${patientPhone}]: ${message}`);
|
||||||
|
this.notificationsSent.push({ phone: patientPhone, message, timestamp: new Date() });
|
||||||
|
|
||||||
|
return { success: true, message: "Notification sent." };
|
||||||
|
}
|
||||||
|
|
||||||
|
getRecentNotifications() {
|
||||||
|
return this.notificationsSent;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = new NotificationManager();
|
||||||
|
|
@ -0,0 +1,30 @@
|
||||||
|
/**
|
||||||
|
* PatientManager: Manages family profiles associated with a single phone number.
|
||||||
|
*/
|
||||||
|
|
||||||
|
class PatientManager {
|
||||||
|
constructor() {
|
||||||
|
this.profiles = {
|
||||||
|
'9876543210': [
|
||||||
|
{ id: 'P1', name: "Rahul Verma", age: 34, relation: "Self" },
|
||||||
|
{ id: 'P2', name: "Suman Verma", age: 32, relation: "Spouse" },
|
||||||
|
{ id: 'P3', name: "Aryan Verma", age: 8, relation: "Child" }
|
||||||
|
]
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
getProfiles(phone) {
|
||||||
|
return this.profiles[phone] || [];
|
||||||
|
}
|
||||||
|
|
||||||
|
addProfile(phone, profile) {
|
||||||
|
if (!this.profiles[phone]) {
|
||||||
|
this.profiles[phone] = [];
|
||||||
|
}
|
||||||
|
const id = `P${Math.floor(Math.random() * 10000)}`;
|
||||||
|
this.profiles[phone].push({ id, ...profile });
|
||||||
|
return id;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = new PatientManager();
|
||||||
|
|
@ -0,0 +1,72 @@
|
||||||
|
/**
|
||||||
|
* PharmacyAgent: An autonomous agent that manages hospital inventory
|
||||||
|
* and interacts with vendors and patients.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const pharmacyManager = require('./pharmacyManager');
|
||||||
|
|
||||||
|
class PharmacyAgent {
|
||||||
|
constructor() {
|
||||||
|
this.vendorContact = "+91-9998887776 (Global Pharma)";
|
||||||
|
}
|
||||||
|
|
||||||
|
async analyzeInventory() {
|
||||||
|
console.log("[PharmacyAgent] Scanning inventory for discrepancies...");
|
||||||
|
const inventory = pharmacyManager.getInventory();
|
||||||
|
const lowStockItems = inventory.filter(item => item.stock < 10);
|
||||||
|
|
||||||
|
if (lowStockItems.length > 0) {
|
||||||
|
console.log(`[PharmacyAgent] Found ${lowStockItems.length} items needing attention.`);
|
||||||
|
for (const item of lowStockItems) {
|
||||||
|
await this.placeOrder(item.name, 100);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
this.analyzeExpiries(inventory);
|
||||||
|
}
|
||||||
|
|
||||||
|
analyzeExpiries(inventory) {
|
||||||
|
const today = new Date();
|
||||||
|
const ninetyDaysOut = new Date();
|
||||||
|
ninetyDaysOut.setDate(today.getDate() + 90);
|
||||||
|
|
||||||
|
const nearingExpiry = inventory.filter(item => {
|
||||||
|
const exp = new Date(item.expiry);
|
||||||
|
return exp > today && exp < ninetyDaysOut;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (nearingExpiry.length > 0) {
|
||||||
|
console.log(`[PharmacyAgent] 🚨 EXPIRY ALERT: ${nearingExpiry.length} items expiring within 90 days.`);
|
||||||
|
nearingExpiry.forEach(item => {
|
||||||
|
console.log(`[PharmacyAgent] Suggestion: Run a 'Clearance Sale' or push ${item.name} (Batch: ${item.batch}) to front counter.`);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async placeOrder(medName, qty) {
|
||||||
|
console.log(`[PharmacyAgent] 🤖 AUTONOMOUS ACTION: Sending WhatsApp to Vendor ${this.vendorContact}`);
|
||||||
|
console.log(`[WhatsApp to Vendor]: "Urgent Order from Curio Health: Need ${qty} units of ${medName}. Please confirm delivery."`);
|
||||||
|
|
||||||
|
// Mocking vendor response and auto-restock after 2 seconds
|
||||||
|
setTimeout(() => {
|
||||||
|
console.log(`[PharmacyAgent] 🚚 Vendor confirmed delivery for ${medName}.`);
|
||||||
|
pharmacyManager.restock(medName, qty);
|
||||||
|
}, 3000);
|
||||||
|
}
|
||||||
|
|
||||||
|
handlePatientQuery(query) {
|
||||||
|
const text = query.toLowerCase();
|
||||||
|
const inventory = pharmacyManager.getInventory();
|
||||||
|
const found = inventory.find(i => text.includes(i.name.toLowerCase()));
|
||||||
|
|
||||||
|
if (found) {
|
||||||
|
if (found.stock > 0) {
|
||||||
|
return `Yes, we have ${found.name} in stock. It costs ₹${found.price} per unit. Would you like me to reserve some for your visit?`;
|
||||||
|
} else {
|
||||||
|
return `I'm sorry, ${found.name} is currently out of stock. I've already notified our supplier, and it should be back in 2-3 days. Can I suggest an alternative?`;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return "I'm not sure if we carry that specific medication. Let me check with our pharmacist and get back to you.";
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
module.exports = new PharmacyAgent();
|
||||||
|
|
@ -5,13 +5,14 @@
|
||||||
class PharmacyManager {
|
class PharmacyManager {
|
||||||
constructor() {
|
constructor() {
|
||||||
this.inventory = [
|
this.inventory = [
|
||||||
{ id: 'M01', name: 'Paracetamol 500mg', stock: 120, price: 5 },
|
{ id: 'M01', name: 'Paracetamol 500mg', stock: 120, price: 5, batch: 'B2201', expiry: '2026-12-30', hsn: '3004', gst: 12 },
|
||||||
{ id: 'M02', name: 'Amoxicillin 250mg', stock: 45, price: 12 },
|
{ id: 'M02', name: 'Amoxicillin 250mg', stock: 45, price: 12, batch: 'B2205', expiry: '2026-06-15', hsn: '3004', gst: 12 },
|
||||||
{ id: 'M03', name: 'Cough Syrup', stock: 4, price: 85 },
|
{ id: 'M03', name: 'Cough Syrup', stock: 104, price: 85, batch: 'S881', expiry: '2026-04-10', hsn: '3004', gst: 12 },
|
||||||
{ id: 'M04', name: 'Vitamin C', stock: 200, price: 3 },
|
{ id: 'M04', name: 'Vitamin C', stock: 200, price: 3, batch: 'V009', expiry: '2027-01-01', hsn: '2936', gst: 18 },
|
||||||
{ id: 'M05', name: 'Azithromycin', stock: 30, price: 150 },
|
{ id: 'M05', name: 'Azithromycin', stock: 30, price: 150, batch: 'A772', expiry: '2026-08-20', hsn: '3004', gst: 12 },
|
||||||
{ id: 'M06', name: 'Insulin Glargine', stock: 12, price: 450 }
|
{ id: 'M06', name: 'Insulin Glargine', stock: 12, price: 450, batch: 'I110', expiry: '2026-05-25', hsn: '3004', gst: 5 }
|
||||||
];
|
];
|
||||||
|
this.lowStockThreshold = 10;
|
||||||
this.pendingOrders = [
|
this.pendingOrders = [
|
||||||
{ id: 'ORD-901', patientName: 'Rahul Verma', medicines: 'Paracetamol, Cough Syrup', status: 'PENDING', timestamp: '2026-05-13T09:15:00Z' },
|
{ id: 'ORD-901', patientName: 'Rahul Verma', medicines: 'Paracetamol, Cough Syrup', status: 'PENDING', timestamp: '2026-05-13T09:15:00Z' },
|
||||||
{ id: 'ORD-902', patientName: 'Anjali Singh', medicines: 'Amoxicillin', status: 'READY', timestamp: '2026-05-13T09:45:00Z' }
|
{ id: 'ORD-902', patientName: 'Anjali Singh', medicines: 'Amoxicillin', status: 'READY', timestamp: '2026-05-13T09:45:00Z' }
|
||||||
|
|
@ -36,11 +37,88 @@ class PharmacyManager {
|
||||||
const order = this.pendingOrders.find(o => o.id === orderId);
|
const order = this.pendingOrders.find(o => o.id === orderId);
|
||||||
if (order) {
|
if (order) {
|
||||||
order.status = 'READY';
|
order.status = 'READY';
|
||||||
// In a real app, update inventory stock here
|
// Deduct stock (simplified for now)
|
||||||
|
const meds = order.medicines.split(', ');
|
||||||
|
meds.forEach(m => this.deductStock(m, 1));
|
||||||
return { success: true, message: `Order for ${order.patientName} is ready for pickup.` };
|
return { success: true, message: `Order for ${order.patientName} is ready for pickup.` };
|
||||||
}
|
}
|
||||||
return { success: false, message: "Order not found." };
|
return { success: false, message: "Order not found." };
|
||||||
}
|
}
|
||||||
|
|
||||||
|
deductStock(medName, qty) {
|
||||||
|
const med = this.inventory.find(i => i.name.includes(medName));
|
||||||
|
if (med) {
|
||||||
|
med.stock -= qty;
|
||||||
|
if (med.stock < this.lowStockThreshold) {
|
||||||
|
console.log(`[Pharmacy] ⚠️ ALERT: Low stock for ${med.name} (${med.stock} left)`);
|
||||||
|
return { lowStock: true, medName: med.name };
|
||||||
|
}
|
||||||
|
}
|
||||||
|
return { lowStock: false };
|
||||||
|
}
|
||||||
|
|
||||||
|
restock(medName, qty) {
|
||||||
|
const med = this.inventory.find(i => i.name.includes(medName));
|
||||||
|
if (med) {
|
||||||
|
med.stock += qty;
|
||||||
|
console.log(`[Pharmacy] ✅ Restocked ${med.name}. New stock: ${med.stock}`);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
calculateBill(medId, qty) {
|
||||||
|
const item = this.inventory.find(i => i.id === medId);
|
||||||
|
if (!item) return null;
|
||||||
|
|
||||||
|
const subtotal = item.price * qty;
|
||||||
|
const gstAmount = (subtotal * item.gst) / 100;
|
||||||
|
const total = subtotal + gstAmount;
|
||||||
|
|
||||||
|
return {
|
||||||
|
itemName: item.name,
|
||||||
|
qty,
|
||||||
|
rate: item.price,
|
||||||
|
subtotal,
|
||||||
|
gstRate: item.gst,
|
||||||
|
gstAmount,
|
||||||
|
total,
|
||||||
|
hsn: item.hsn
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
fulfillPrescription(prescription) {
|
||||||
|
console.log(`[Pharmacy] Fulfilling Rx: ${prescription.id} for Patient ${prescription.patientId}`);
|
||||||
|
|
||||||
|
const billItems = [];
|
||||||
|
let totalBill = 0;
|
||||||
|
|
||||||
|
prescription.medicines.forEach(m => {
|
||||||
|
const med = this.inventory.find(i => i.name.toLowerCase().includes(m.name.toLowerCase()));
|
||||||
|
if (med) {
|
||||||
|
const itemBill = this.calculateBill(med.id, m.qty || 10);
|
||||||
|
billItems.push(itemBill);
|
||||||
|
totalBill += itemBill.total;
|
||||||
|
this.deductStock(med.name, m.qty || 10);
|
||||||
|
}
|
||||||
|
});
|
||||||
|
|
||||||
|
// Forward Lab Tests
|
||||||
|
if (prescription.labTests && prescription.labTests.length > 0) {
|
||||||
|
this.forwardToLab(prescription.patientId, prescription.labTests);
|
||||||
|
}
|
||||||
|
|
||||||
|
return {
|
||||||
|
billItems,
|
||||||
|
totalBill,
|
||||||
|
labStatus: prescription.labTests.length > 0 ? "FORWARDED" : "NONE"
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
forwardToLab(patientId, tests) {
|
||||||
|
console.log(`[Pharmacy] 🔬 AUTONOMOUS ACTION: Forwarding ${tests.length} tests to Lab for Patient ${patientId}`);
|
||||||
|
tests.forEach(t => {
|
||||||
|
console.log(`[Lab] 📥 Received Request: ${t.testName} for Patient ${patientId}`);
|
||||||
|
});
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = new PharmacyManager();
|
module.exports = new PharmacyManager();
|
||||||
|
|
|
||||||
|
|
@ -7,7 +7,7 @@ class PrescriptionManager {
|
||||||
this.prescriptions = [];
|
this.prescriptions = [];
|
||||||
}
|
}
|
||||||
|
|
||||||
generate(patientId, doctorId, medicines, diagnosis) {
|
generate(patientId, doctorId, medicines, diagnosis, labTests = []) {
|
||||||
const id = `RX-${Date.now()}`;
|
const id = `RX-${Date.now()}`;
|
||||||
const prescription = {
|
const prescription = {
|
||||||
id,
|
id,
|
||||||
|
|
@ -15,16 +15,19 @@ class PrescriptionManager {
|
||||||
doctorId,
|
doctorId,
|
||||||
date: new Date().toISOString(),
|
date: new Date().toISOString(),
|
||||||
diagnosis,
|
diagnosis,
|
||||||
medicines, // Array of { name, dosage, frequency, duration }
|
medicines, // Array of { name, dosage, frequency, duration, qty }
|
||||||
|
labTests // Array of { testName, instructions }
|
||||||
};
|
};
|
||||||
|
|
||||||
this.prescriptions.push(prescription);
|
this.prescriptions.push(prescription);
|
||||||
|
|
||||||
// In a real app, you'd generate a PDF here
|
|
||||||
return {
|
return {
|
||||||
success: true,
|
success: true,
|
||||||
prescriptionId: id,
|
prescriptionId: id,
|
||||||
whatsappMessage: `💊 *Digital Prescription from Dr. Sharma*\n\n*Diagnosis:* ${diagnosis}\n\n*Medicines:*\n${medicines.map(m => `- ${m.name}: ${m.dosage} (${m.frequency}) for ${m.duration}`).join('\n')}\n\n_You can show this message at our pharmacy for a 10% discount._`
|
data: prescription,
|
||||||
|
whatsappMessage: `💊 *Digital Prescription from Dr. Sharma*\n\n*Diagnosis:* ${diagnosis}\n\n*Medicines:*\n${medicines.map(m => `- ${m.name}: ${m.dosage} (${m.frequency}) for ${m.duration}`).join('\n')}\n\n` +
|
||||||
|
(labTests.length > 0 ? `🔬 *Lab Tests Recommended:*\n${labTests.map(t => `- ${t.testName}`).join('\n')}\n\n` : "") +
|
||||||
|
`_You can show this message at our pharmacy for a 10% discount._`
|
||||||
};
|
};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -6,6 +6,7 @@
|
||||||
*/
|
*/
|
||||||
|
|
||||||
const configManager = require('./configManager');
|
const configManager = require('./configManager');
|
||||||
|
const notificationManager = require('./notificationManager');
|
||||||
|
|
||||||
class QueueManager {
|
class QueueManager {
|
||||||
constructor() {
|
constructor() {
|
||||||
|
|
@ -20,6 +21,35 @@ class QueueManager {
|
||||||
return `${tenantId}:${date}:${hours}:${roundedMins}`;
|
return `${tenantId}:${date}:${hours}:${roundedMins}`;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
isAvailable(tenantId, date, time) {
|
||||||
|
const config = configManager.getTenantConfig(tenantId);
|
||||||
|
const d = new Date(date + "T00:00:00");
|
||||||
|
|
||||||
|
// Check days off
|
||||||
|
if (config.daysOff && config.daysOff.includes(d.getDay())) return false;
|
||||||
|
|
||||||
|
// Check holidays
|
||||||
|
if (config.holidays && config.holidays.includes(date)) return false;
|
||||||
|
|
||||||
|
// Check working hours
|
||||||
|
if (config.workingHours) {
|
||||||
|
const [h, m] = time.split(':').map(Number);
|
||||||
|
const timeVal = h * 60 + m;
|
||||||
|
|
||||||
|
const isInRange = config.workingHours.some(range => {
|
||||||
|
const [sH, sM] = range.start.split(':').map(Number);
|
||||||
|
const [eH, eM] = range.end.split(':').map(Number);
|
||||||
|
const startVal = sH * 60 + sM;
|
||||||
|
const endVal = eH * 60 + eM;
|
||||||
|
return timeVal >= startVal && timeVal < endVal;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (!isInRange) return false;
|
||||||
|
}
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
getSlotStatus(tenantId, date, time) {
|
getSlotStatus(tenantId, date, time) {
|
||||||
const key = this.getSlotKey(tenantId, date, time);
|
const key = this.getSlotKey(tenantId, date, time);
|
||||||
if (!this.slots[key]) {
|
if (!this.slots[key]) {
|
||||||
|
|
@ -35,6 +65,9 @@ class QueueManager {
|
||||||
}
|
}
|
||||||
|
|
||||||
bookOnline(date, time, tenantId = 'default') {
|
bookOnline(date, time, tenantId = 'default') {
|
||||||
|
if (!this.isAvailable(tenantId, date, time)) {
|
||||||
|
return { success: false, message: "The clinic is closed at this time / on this day." };
|
||||||
|
}
|
||||||
const status = this.getSlotStatus(tenantId, date, time);
|
const status = this.getSlotStatus(tenantId, date, time);
|
||||||
const config = configManager.getTenantConfig(tenantId);
|
const config = configManager.getTenantConfig(tenantId);
|
||||||
if (status.online < status.maxOnline) {
|
if (status.online < status.maxOnline) {
|
||||||
|
|
@ -51,6 +84,9 @@ class QueueManager {
|
||||||
}
|
}
|
||||||
|
|
||||||
bookWalkin(date, time, tenantId = 'default') {
|
bookWalkin(date, time, tenantId = 'default') {
|
||||||
|
if (!this.isAvailable(tenantId, date, time)) {
|
||||||
|
return { success: false, message: "The clinic is closed at this time / on this day." };
|
||||||
|
}
|
||||||
const status = this.getSlotStatus(tenantId, date, time);
|
const status = this.getSlotStatus(tenantId, date, time);
|
||||||
const config = configManager.getTenantConfig(tenantId);
|
const config = configManager.getTenantConfig(tenantId);
|
||||||
if (status.walkin < status.maxWalkin) {
|
if (status.walkin < status.maxWalkin) {
|
||||||
|
|
@ -73,6 +109,52 @@ class QueueManager {
|
||||||
"Reminder: Don't forget to bring your previous reports."
|
"Reminder: Don't forget to bring your previous reports."
|
||||||
];
|
];
|
||||||
}
|
}
|
||||||
|
|
||||||
|
cancelBooking(date, time, tenantId = 'default') {
|
||||||
|
const status = this.getSlotStatus(tenantId, date, time);
|
||||||
|
if (status.online > 0) {
|
||||||
|
status.online--;
|
||||||
|
this.notifyAvailableSlot(tenantId, date, time);
|
||||||
|
return { success: true, message: "Booking cancelled and slot opened." };
|
||||||
|
}
|
||||||
|
return { success: false, message: "No bookings found for this slot." };
|
||||||
|
}
|
||||||
|
|
||||||
|
notifyAvailableSlot(tenantId, date, time) {
|
||||||
|
const config = configManager.getTenantConfig(tenantId);
|
||||||
|
console.log(`[Queue] Triggering notifications for open slot: ${time}`);
|
||||||
|
|
||||||
|
// Mock finding a patient with a later slot
|
||||||
|
const mockLaterPatient = { phone: "9876543210", appointmentTime: "19:00" };
|
||||||
|
|
||||||
|
notificationManager.sendRescheduleAlert(
|
||||||
|
mockLaterPatient.phone,
|
||||||
|
config.name,
|
||||||
|
mockLaterPatient.appointmentTime,
|
||||||
|
time
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
rescheduleBooking(date, oldTime, newTime, tenantId = 'default') {
|
||||||
|
const newSlotStatus = this.getSlotStatus(tenantId, date, newTime);
|
||||||
|
const oldSlotStatus = this.getSlotStatus(tenantId, date, oldTime);
|
||||||
|
|
||||||
|
// Atomic Check: Ensure new slot hasn't been filled since notification
|
||||||
|
if (newSlotStatus.online < newSlotStatus.maxOnline) {
|
||||||
|
newSlotStatus.online++;
|
||||||
|
if (oldSlotStatus.online > 0) {
|
||||||
|
oldSlotStatus.online--;
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
success: true,
|
||||||
|
message: `✅ *Success!* Your appointment has been moved to *${newTime}*. Your old slot at ${oldTime} has been released.`
|
||||||
|
};
|
||||||
|
}
|
||||||
|
return {
|
||||||
|
success: false,
|
||||||
|
message: "❌ *Slot Already Taken*: Sorry, another patient claimed that earlier slot just before you. You still have your original appointment at " + oldTime + "."
|
||||||
|
};
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
module.exports = new QueueManager();
|
module.exports = new QueueManager();
|
||||||
|
|
|
||||||
|
|
@ -9,10 +9,19 @@ app.use(express.json());
|
||||||
// Serve static files
|
// Serve static files
|
||||||
app.use(express.static(path.join(__dirname, '../')));
|
app.use(express.static(path.join(__dirname, '../')));
|
||||||
|
|
||||||
|
// Primary Routes
|
||||||
app.get('/', (req, res) => {
|
app.get('/', (req, res) => {
|
||||||
res.sendFile(path.join(__dirname, '../login.html'));
|
res.sendFile(path.join(__dirname, '../login.html'));
|
||||||
});
|
});
|
||||||
|
|
||||||
|
app.get('/admin', (req, res) => {
|
||||||
|
res.sendFile(path.join(__dirname, '../admin.html'));
|
||||||
|
});
|
||||||
|
|
||||||
|
app.get('/dashboard', (req, res) => {
|
||||||
|
res.sendFile(path.join(__dirname, '../dashboard.html'));
|
||||||
|
});
|
||||||
|
|
||||||
// Multi-tenant Config API
|
// Multi-tenant Config API
|
||||||
app.get('/api/config/:tenantId', (req, res) => {
|
app.get('/api/config/:tenantId', (req, res) => {
|
||||||
const config = configManager.getTenantConfig(req.params.tenantId);
|
const config = configManager.getTenantConfig(req.params.tenantId);
|
||||||
|
|
|
||||||
|
|
@ -42,3 +42,126 @@ console.log("\nTesting Multi-tenant Booking (Sharma Clinic)");
|
||||||
const sharmaRes = queueManager.bookOnline(date, time, 'sharma-clinic');
|
const sharmaRes = queueManager.bookOnline(date, time, 'sharma-clinic');
|
||||||
console.log("Sharma Booking Result:", sharmaRes.success ? `Success - ${sharmaRes.token} (Fee: ${sharmaRes.fee})` : "Failed");
|
console.log("Sharma Booking Result:", sharmaRes.success ? `Success - ${sharmaRes.token} (Fee: ${sharmaRes.fee})` : "Failed");
|
||||||
|
|
||||||
|
// 6. Test Scheduling Logic
|
||||||
|
console.log("\nTesting Scheduling Logic: Closed Hours");
|
||||||
|
const closedTime = "14:00"; // 2 PM is closed (1-5 PM break)
|
||||||
|
const closedRes = queueManager.bookOnline(date, closedTime);
|
||||||
|
console.log(`Booking at 2 PM (Closed):`, closedRes.success ? "Failed (Should be closed)" : `Success - ${closedRes.message}`);
|
||||||
|
|
||||||
|
console.log("\nTesting Scheduling Logic: Holidays");
|
||||||
|
const holidayDate = "2024-12-25"; // Christmas is a holiday in default config
|
||||||
|
const holidayRes = queueManager.bookOnline(holidayDate, "10:00");
|
||||||
|
console.log(`Booking on Christmas (Holiday):`, holidayRes.success ? "Failed (Should be holiday)" : `Success - ${holidayRes.message}`);
|
||||||
|
|
||||||
|
console.log("\nTesting Scheduling Logic: Days Off (Sunday)");
|
||||||
|
const sundayDate = "2026-05-17"; // May 17, 2026 is Sunday
|
||||||
|
const sundayRes = queueManager.bookOnline(sundayDate, "10:00");
|
||||||
|
console.log(`Booking on Sunday (Day Off):`, sundayRes.success ? "Failed (Should be off)" : `Success - ${sundayRes.message}`);
|
||||||
|
|
||||||
|
// 7. Test Cancellation & Reschedule Notification
|
||||||
|
console.log("\nTesting Cancellation & Reschedule Notification");
|
||||||
|
const cancelDate = "2026-05-13";
|
||||||
|
const cancelTime = "09:00";
|
||||||
|
|
||||||
|
// Ensure there is a booking to cancel
|
||||||
|
queueManager.bookOnline(cancelDate, cancelTime);
|
||||||
|
const cancelRes = queueManager.cancelBooking(cancelDate, cancelTime);
|
||||||
|
console.log("Cancel result:", cancelRes.message);
|
||||||
|
|
||||||
|
// 8. Test Reschedule Acceptance
|
||||||
|
console.log("\nTesting Reschedule Acceptance");
|
||||||
|
const patientPhone = "9876543210";
|
||||||
|
botLogic.setRescheduleOffer(patientPhone, {
|
||||||
|
date: cancelDate,
|
||||||
|
oldTime: "19:00",
|
||||||
|
newTime: cancelTime
|
||||||
|
});
|
||||||
|
async function testReschedule() {
|
||||||
|
const res = await botLogic.handleMessage(patientPhone, "1"); // User says "Yes" (1)
|
||||||
|
console.log("User: 1 -> Bot:", res.reply);
|
||||||
|
}
|
||||||
|
testReschedule();
|
||||||
|
|
||||||
|
// 9. Test Future Booking Flow
|
||||||
|
console.log("\nTesting Future Booking Flow");
|
||||||
|
async function testFutureBooking() {
|
||||||
|
const pId = "1234567890";
|
||||||
|
const msg1 = await botLogic.handleMessage(pId, "Hi");
|
||||||
|
const msg2 = await botLogic.handleMessage(pId, "English");
|
||||||
|
const msg3 = await botLogic.handleMessage(pId, "Book for Future");
|
||||||
|
console.log("User: Book for Future -> Bot:", msg3.reply);
|
||||||
|
console.log("Date Options:", msg3.buttons);
|
||||||
|
|
||||||
|
const selectedDate = msg3.buttons[0];
|
||||||
|
const msg4 = await botLogic.handleMessage(pId, selectedDate);
|
||||||
|
console.log(`User: ${selectedDate} -> Bot:`, msg4.reply);
|
||||||
|
|
||||||
|
const msg5 = await botLogic.handleMessage(pId, "10:00 AM");
|
||||||
|
console.log("User: 10:00 AM -> Bot:", msg5.reply);
|
||||||
|
}
|
||||||
|
testFutureBooking();
|
||||||
|
|
||||||
|
// 10. Test Family Profiles Flow
|
||||||
|
console.log("\nTesting Family Profiles Flow");
|
||||||
|
async function testFamilyProfiles() {
|
||||||
|
const familyPhone = "9876543210"; // Has existing profiles in PatientManager mock
|
||||||
|
const msg1 = await botLogic.handleMessage(familyPhone, "Hi");
|
||||||
|
const msg2 = await botLogic.handleMessage(familyPhone, "English");
|
||||||
|
console.log("User: English -> Bot:", msg2.reply);
|
||||||
|
console.log("Profile Buttons:", msg2.buttons);
|
||||||
|
|
||||||
|
const msg3 = await botLogic.handleMessage(familyPhone, "Suman Verma");
|
||||||
|
console.log("User: Suman Verma -> Bot:", msg3.reply);
|
||||||
|
|
||||||
|
// Test Adding New Member
|
||||||
|
const newPhone = "9999988888"; // New number
|
||||||
|
const reg1 = await botLogic.handleMessage(newPhone, "Hi");
|
||||||
|
const reg2 = await botLogic.handleMessage(newPhone, "English");
|
||||||
|
console.log("New User: English -> Bot:", reg2.reply);
|
||||||
|
|
||||||
|
const reg3 = await botLogic.handleMessage(newPhone, "John Doe");
|
||||||
|
console.log("New User: John Doe -> Bot:", reg3.reply);
|
||||||
|
|
||||||
|
const reg4 = await botLogic.handleMessage(newPhone, "Book for Today");
|
||||||
|
console.log("New User: Book for Today -> Bot:", reg4.reply);
|
||||||
|
}
|
||||||
|
testFamilyProfiles();
|
||||||
|
|
||||||
|
// 11. Test Agentic Pharmacy Flow
|
||||||
|
console.log("\nTesting Agentic Pharmacy Flow");
|
||||||
|
const pharmacyAgent = require('./backend/pharmacyAgent');
|
||||||
|
const pharmacyManager = require('./backend/pharmacyManager');
|
||||||
|
|
||||||
|
async function testPharmacyAgent() {
|
||||||
|
// A. Test Patient Query
|
||||||
|
const pId = "1234567890";
|
||||||
|
const q1 = await botLogic.handleMessage(pId, "Do you have Paracetamol?");
|
||||||
|
console.log("User: Do you have Paracetamol? -> Bot:", q1.reply);
|
||||||
|
|
||||||
|
const q2 = await botLogic.handleMessage(pId, "Do you have Cough Syrup?");
|
||||||
|
console.log("User: Do you have Cough Syrup? -> Bot:", q2.reply);
|
||||||
|
|
||||||
|
// B. Test Autonomous Stock Scanning
|
||||||
|
console.log("\n--- Triggering Autonomous Inventory Scan ---");
|
||||||
|
// Manually set one item to very low stock
|
||||||
|
const inventory = pharmacyManager.getInventory();
|
||||||
|
inventory[0].stock = 2; // Paracetamol 500mg
|
||||||
|
|
||||||
|
await pharmacyAgent.analyzeInventory();
|
||||||
|
|
||||||
|
console.log("Waiting for autonomous restock simulation...");
|
||||||
|
setTimeout(() => {
|
||||||
|
console.log("Post-Restock Stock Level:", inventory[0].stock);
|
||||||
|
}, 4000);
|
||||||
|
|
||||||
|
// C. Test GST Billing
|
||||||
|
console.log("\nTesting GST Billing Calculation");
|
||||||
|
const bill = pharmacyManager.calculateBill('M04', 10); // Vitamin C (18% GST)
|
||||||
|
console.log(`Item: ${bill.itemName} (HSN: ${bill.hsn})`);
|
||||||
|
console.log(`Subtotal: ₹${bill.subtotal}, GST (${bill.gstRate}%): ₹${bill.gstAmount}, Total: ₹${bill.total}`);
|
||||||
|
|
||||||
|
// D. Test Expiry Analysis
|
||||||
|
console.log("\nTesting Autonomous Expiry Scan");
|
||||||
|
pharmacyAgent.analyzeExpiries(pharmacyManager.getInventory());
|
||||||
|
}
|
||||||
|
testPharmacyAgent();
|
||||||
|
|
|
||||||
|
|
@ -1,10 +1,19 @@
|
||||||
.total-card {
|
.total-card {
|
||||||
background: linear-gradient(135deg, var(--primary), #1E293B);
|
background: linear-gradient(135deg, var(--primary), var(--primary-light));
|
||||||
color: white;
|
color: white;
|
||||||
}
|
}
|
||||||
|
|
||||||
.total-card span {
|
.total-card span,
|
||||||
color: #94A3B8;
|
.total-card small {
|
||||||
|
color: rgba(255, 255, 255, 0.75);
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-card h3 {
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.total-card .text-accent {
|
||||||
|
color: #6EE7B7;
|
||||||
}
|
}
|
||||||
|
|
||||||
.revenue-grid {
|
.revenue-grid {
|
||||||
|
|
|
||||||
|
|
@ -4,21 +4,24 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio Billing | Hospital Revenue & Accounts</title>
|
<title>Curio Billing | Hospital Revenue & Accounts</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link rel="stylesheet" href="billing.css">
|
<link rel="stylesheet" href="billing.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<span class="logo-text">Curio</span>
|
<span class="logo-text">Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav">
|
||||||
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
||||||
<a href="dashboard.html"><span>👥</span> Queue</a>
|
<a href="dashboard.html" onclick="showSection('queue')"><span>👥</span> Queue</a>
|
||||||
<a href="dashboard.html"><span>📂</span> Patients</a>
|
<a href="dashboard.html" onclick="showSection('patients')"><span>📂</span> Patients</a>
|
||||||
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
|
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
|
||||||
<a href="lab.html"><span>🔬</span> Lab</a>
|
<a href="lab.html"><span>🔬</span> Lab</a>
|
||||||
<a href="billing.html" class="active"><span>💳</span> Billing & Accounts</a>
|
<a href="billing.html" class="active"><span>💳</span> Billing & Accounts</a>
|
||||||
|
|
|
||||||
1587
curio/dashboard.css
1587
curio/dashboard.css
File diff suppressed because it is too large
Load Diff
|
|
@ -4,32 +4,37 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Dashboard | Curio</title>
|
<title>Dashboard | Curio</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
<script src="tenantLoader.js"></script>
|
<script src="tenantLoader.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<div class="sidebar-mobile-toggle" onclick="toggleSidebar()">☰ Menu</div>
|
||||||
|
<aside class="sidebar" id="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<span class="logo-icon">C</span>
|
||||||
<span class="logo-text" data-tenant-name>Curio</span>
|
<span class="logo-text" data-tenant-name>Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav" id="sideNav">
|
||||||
<a href="#" class="active" onclick="showSection('overview')"><span>🏠</span> Overview</a>
|
<a href="#" data-section="overview" class="active"><span>🏠</span> Overview</a>
|
||||||
<a href="#" onclick="showSection('queue')"><span>👥</span> Queue</a>
|
<a href="#" data-section="queue"><span>👥</span> Queue</a>
|
||||||
<a href="#" onclick="showSection('patients')"><span>📂</span> Patients</a>
|
<a href="#" data-section="patients"><span>📂</span> Patients</a>
|
||||||
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
|
<a href="#" data-section="pharmacy"><span>💊</span> Pharmacy</a>
|
||||||
<a href="lab.html"><span>🔬</span> Lab</a>
|
<a href="#" data-section="lab"><span>🔬</span> Lab</a>
|
||||||
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
|
<a href="billing.html" data-section="billing" data-external><span>💳</span> Billing & Accounts</a>
|
||||||
<a href="staff.html"><span>👔</span> Staff & Payroll</a>
|
<a href="staff.html" data-section="staff" data-external><span>👔</span> Staff & Payroll</a>
|
||||||
<a href="settings.html"><span>⚙️</span> Settings</a>
|
<a href="settings.html" data-section="settings" data-external><span>⚙️</span> Settings</a>
|
||||||
</nav>
|
</nav>
|
||||||
<div class="user-profile">
|
<div class="user-profile">
|
||||||
<div class="avatar">DS</div>
|
<div class="avatar">DS</div>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<strong>Dr. Sharma</strong>
|
<strong>Dr. Sharma</strong>
|
||||||
<span>Cardiologist</span>
|
<span>Cardiologist</span>
|
||||||
|
<div style="font-size: 0.65rem; color: #94a3b8; margin-top: 0.25rem;">Build: 1.4.0-ZEN</div>
|
||||||
<a href="login.html" class="logout-btn"><span>🚪</span> Logout</a>
|
<a href="login.html" class="logout-btn"><span>🚪</span> Logout</a>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -38,15 +43,130 @@
|
||||||
<main class="dashboard-main">
|
<main class="dashboard-main">
|
||||||
<header class="dash-header">
|
<header class="dash-header">
|
||||||
<div class="search-bar">
|
<div class="search-bar">
|
||||||
<input type="text" placeholder="Search patients by name or WhatsApp number...">
|
<span class="search-icon">🔍</span>
|
||||||
|
<input type="text" id="patientSearch" placeholder="Search patients by name or WhatsApp number..." aria-label="Search patients">
|
||||||
</div>
|
</div>
|
||||||
<div class="header-actions">
|
<div class="header-actions">
|
||||||
|
<div class="date-picker-group">
|
||||||
|
<span class="calendar-icon">📅</span>
|
||||||
|
<input type="date" id="queueDate" class="date-input" aria-label="Queue Date">
|
||||||
|
</div>
|
||||||
<span class="badge counter-badge">Reception Counter: 1</span>
|
<span class="badge counter-badge">Reception Counter: 1</span>
|
||||||
<button class="btn-primary">+ New Walk-in (Print Token)</button>
|
<button class="btn-primary" id="newWalkinBtn">+ New Walk-in (Print Token)</button>
|
||||||
</div>
|
</div>
|
||||||
</header>
|
</header>
|
||||||
|
|
||||||
<div id="overview-section">
|
<div id="section-page-header" class="section-page-header hidden">
|
||||||
|
<h1 id="sectionPageTitle"></h1>
|
||||||
|
<p id="sectionPageSubtitle"></p>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<!-- DOCTOR ZEN VIEW (Clinical Focus) -->
|
||||||
|
<div id="doctor-zen-section" class="hidden">
|
||||||
|
<div class="zen-layout">
|
||||||
|
<!-- Left: The Pipeline -->
|
||||||
|
<aside class="zen-pipeline">
|
||||||
|
<div class="pipeline-header">
|
||||||
|
<h3>Up Next</h3>
|
||||||
|
<span class="badge">4 Waiting</span>
|
||||||
|
</div>
|
||||||
|
<div class="pipeline-list">
|
||||||
|
<div class="pipeline-item next" onclick="switchPatientContext('Anjali Singh', '#013', 'High Fever')">
|
||||||
|
<div class="p-token">#013</div>
|
||||||
|
<div class="p-info">
|
||||||
|
<strong>Anjali Singh</strong>
|
||||||
|
<span class="triage-pill urgent">High Fever</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="pipeline-item" onclick="switchPatientContext('Suresh Kumar', '#014', 'Back Pain')">
|
||||||
|
<div class="p-token">#014</div>
|
||||||
|
<div class="p-info">
|
||||||
|
<strong>Suresh Kumar</strong>
|
||||||
|
<span class="triage-pill">Back Pain</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<!-- Center: The Workspace -->
|
||||||
|
<main class="zen-workspace">
|
||||||
|
<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="meta-pills">
|
||||||
|
<span class="pill triage">#012</span>
|
||||||
|
<span class="pill time">Viral Fever Triage</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="action-center">
|
||||||
|
<select id="scribeLang" class="lang-select">
|
||||||
|
<option value="en-US">English</option>
|
||||||
|
<option value="te-IN">తెలుగు</option>
|
||||||
|
</select>
|
||||||
|
<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>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<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="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</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 Vitals</div>
|
||||||
|
<div class="vitals-grid">
|
||||||
|
<div class="vital-item">
|
||||||
|
<span class="label">Temp</span>
|
||||||
|
<span class="value">98.6°F</span>
|
||||||
|
</div>
|
||||||
|
<div class="vital-item warning">
|
||||||
|
<span class="label">BP</span>
|
||||||
|
<span class="value">140/90</span>
|
||||||
|
</div>
|
||||||
|
<div class="vital-item">
|
||||||
|
<span class="label">SpO2</span>
|
||||||
|
<span class="value">98%</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="allergy-tag">⚠️ Peanuts Allergy</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div class="ai-nudge-box">
|
||||||
|
<div class="card-header">✨ AI Assistant</div>
|
||||||
|
<p id="aiNudgeText">Listening for diagnosis...</p>
|
||||||
|
<div class="suggested-tags">
|
||||||
|
<span>#ViralFever</span>
|
||||||
|
<span>#FluProtocols</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
</main>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="overview-section" class="hidden">
|
||||||
<section class="stats-row">
|
<section class="stats-row">
|
||||||
<div class="stat-card">
|
<div class="stat-card">
|
||||||
<span>In Queue</span>
|
<span>In Queue</span>
|
||||||
|
|
@ -170,54 +290,153 @@
|
||||||
<td>5</td>
|
<td>5</td>
|
||||||
<td><button class="btn-small secondary">View History</button></td>
|
<td><button class="btn-small secondary">View History</button></td>
|
||||||
</tr>
|
</tr>
|
||||||
<tr>
|
|
||||||
<td>CF-1002</td>
|
|
||||||
<td><strong>Anjali Singh</strong></td>
|
|
||||||
<td>+91 98234 56789</td>
|
|
||||||
<td>Today</td>
|
|
||||||
<td>2</td>
|
|
||||||
<td><button class="btn-small secondary">View History</button></td>
|
|
||||||
</tr>
|
|
||||||
</tbody>
|
</tbody>
|
||||||
</table>
|
</table>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
<div id="prescriptionModal" class="modal">
|
|
||||||
<div class="modal-content">
|
<div id="pharmacy-section" class="hidden">
|
||||||
<div class="modal-header">
|
<section class="section-card">
|
||||||
<h2>Digital Prescription</h2>
|
<div class="card-header">
|
||||||
<span class="close-modal">×</span>
|
<h2>💊 Pharmacy Inventory & Sales</h2>
|
||||||
</div>
|
<div class="header-actions">
|
||||||
<div class="modal-body">
|
<button class="btn-secondary">Expiry Alerts (2)</button>
|
||||||
<div class="voice-section">
|
<button class="btn-primary">+ Add Stock</button>
|
||||||
<button class="btn-secondary" id="startRecording"><span>🎤</span> Record Consultation</button>
|
|
||||||
<div id="recordingStatus" class="recording-status hidden">
|
|
||||||
<span class="pulse"></span> Recording...
|
|
||||||
</div>
|
|
||||||
<div id="aiInsights" class="ai-insights-box hidden">
|
|
||||||
<h4>✨ AI Insights (Draft)</h4>
|
|
||||||
<p id="insightText"></p>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group">
|
<div class="stats-row">
|
||||||
<label>Diagnosis</label>
|
<div class="stat-card"><span>Total Inventory Value</span><h3>₹4,25,000</h3></div>
|
||||||
<input type="text" id="rxDiagnosis" placeholder="e.g. Viral Fever">
|
<div class="stat-card"><span>Daily Sales (GST)</span><h3>₹12,450</h3></div>
|
||||||
</div>
|
</div>
|
||||||
<div class="medicine-list" id="medicineList">
|
<table class="queue-table">
|
||||||
<div class="med-row">
|
<thead>
|
||||||
<input type="text" placeholder="Medicine Name" class="med-name">
|
<tr>
|
||||||
<input type="text" placeholder="Dosage" class="med-dosage">
|
<th>ID</th>
|
||||||
<input type="text" placeholder="Freq" class="med-freq">
|
<th>Medicine</th>
|
||||||
|
<th>Batch</th>
|
||||||
|
<th>Expiry</th>
|
||||||
|
<th>Stock</th>
|
||||||
|
<th>Price</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td>M01</td><td><strong>Paracetamol 500mg</strong></td><td>B2201</td><td>Dec 2026</td><td>120</td><td>₹5</td><td><button class="btn-small">Edit</button></td></tr>
|
||||||
|
<tr><td>M03</td><td><strong>Cough Syrup</strong></td><td>S881</td><td><span class="text-accent">Apr 2026</span></td><td>4</td><td>₹85</td><td><button class="btn-small secondary">Restock</button></td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
|
||||||
|
<div id="lab-section" class="hidden">
|
||||||
|
<section class="section-card">
|
||||||
|
<div class="card-header">
|
||||||
|
<h2>🔬 Laboratory Orders</h2>
|
||||||
|
<span class="badge">4 New Orders</span>
|
||||||
|
</div>
|
||||||
|
<table class="queue-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Order ID</th>
|
||||||
|
<th>Patient</th>
|
||||||
|
<th>Test Name</th>
|
||||||
|
<th>Priority</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr><td>LAB-101</td><td><strong>Rahul Verma</strong></td><td>CBC (Complete Blood Count)</td><td><span class="triage-pill urgent">High</span></td><td><span class="status-pill waiting">Sample Awaited</span></td><td><button class="btn-small">Collect Sample</button></td></tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</div>
|
||||||
|
<div id="consultationModal" class="modal rx-modal">
|
||||||
|
<div class="modal-content rx-modal-content">
|
||||||
|
<header class="modal-header">
|
||||||
|
<div class="modal-header-text">
|
||||||
|
<h2>Digital Prescription</h2>
|
||||||
|
<p class="modal-subtitle">Diagnosis, medicines, lab orders, and patient handoff</p>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="close-modal" aria-label="Close prescription">×</button>
|
||||||
|
</header>
|
||||||
|
<div class="modal-body">
|
||||||
|
<div class="rx-voice-bar">
|
||||||
|
<button type="button" class="btn btn-secondary rx-record-btn" id="startRecording">
|
||||||
|
<span aria-hidden="true">🎤</span> Record consultation
|
||||||
|
</button>
|
||||||
|
<div id="recordingStatus" class="rx-recording-status hidden">
|
||||||
|
<span class="pulse"></span> Recording in progress…
|
||||||
|
</div>
|
||||||
|
<div id="aiInsights" class="rx-ai-draft hidden">
|
||||||
|
<h4>AI insights (draft)</h4>
|
||||||
|
<p id="insightText"></p>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<div class="rx-panels">
|
||||||
|
<div class="rx-form-panel">
|
||||||
|
<div class="rx-field">
|
||||||
|
<label class="rx-label" for="rxDiagnosis">Diagnosis</label>
|
||||||
|
<input type="text" id="rxDiagnosis" class="rx-input" placeholder="e.g. Viral fever, acute pharyngitis">
|
||||||
|
</div>
|
||||||
|
<div class="rx-field">
|
||||||
|
<label class="rx-label">Medicines & dosages</label>
|
||||||
|
<div class="rx-table-head med-head" aria-hidden="true">
|
||||||
|
<span>Medicine</span>
|
||||||
|
<span>Dosage</span>
|
||||||
|
<span>Duration</span>
|
||||||
|
</div>
|
||||||
|
<div class="medicine-list" id="medicineList">
|
||||||
|
<div class="med-row">
|
||||||
|
<input type="text" placeholder="Medicine name" class="rx-input med-name">
|
||||||
|
<input type="text" placeholder="1-0-1" class="rx-input med-dosage">
|
||||||
|
<input type="text" placeholder="5 days" class="rx-input med-duration">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="rx-add-btn" id="addMed">+ Add medicine</button>
|
||||||
|
</div>
|
||||||
|
<div class="rx-field">
|
||||||
|
<label class="rx-label">Lab tests</label>
|
||||||
|
<div id="labTestList">
|
||||||
|
<div class="lab-row">
|
||||||
|
<input type="text" placeholder="Test name (e.g. CBC, lipid profile)" class="rx-input lab-test-name">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<button type="button" class="rx-add-btn" id="addLabTest">+ Add lab test</button>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<aside class="rx-sidebar">
|
||||||
|
<section class="rx-sidebar-block">
|
||||||
|
<h3 class="rx-sidebar-title">Patient history</h3>
|
||||||
|
<ul class="rx-history-list">
|
||||||
|
<li><strong>12 May 2026</strong> — Chronic gastritis. Rx: Pantoprazole.</li>
|
||||||
|
<li><strong>05 Apr 2026</strong> — Lab: HbA1c 7.2% (high)</li>
|
||||||
|
</ul>
|
||||||
|
</section>
|
||||||
|
<section class="rx-sidebar-block">
|
||||||
|
<h3 class="rx-sidebar-title">Quick health tips</h3>
|
||||||
|
<div class="rx-tips-grid">
|
||||||
|
<button type="button" class="rx-tip-btn" onclick="shareTip('diabetes')">🥗 Diabetes diet</button>
|
||||||
|
<button type="button" class="rx-tip-btn" onclick="shareTip('hypertension')">🧘 BP control</button>
|
||||||
|
<button type="button" class="rx-tip-btn" onclick="shareTip('viral')">💧 Hydration</button>
|
||||||
|
<button type="button" class="rx-tip-btn" onclick="printTips()">🖨️ Print tips</button>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
<section class="rx-sidebar-block">
|
||||||
|
<label class="rx-label" for="deptNote">Note to departments</label>
|
||||||
|
<textarea id="deptNote" class="rx-textarea" placeholder="Instructions for pharmacy or lab…" rows="3"></textarea>
|
||||||
|
</section>
|
||||||
|
</aside>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<button class="btn-secondary" id="addMed">+ Add Medicine</button>
|
<footer class="modal-footer">
|
||||||
</div>
|
<button type="button" class="btn btn-secondary" id="cancelRx">Cancel</button>
|
||||||
<div class="modal-footer">
|
<button type="button" class="btn btn-primary rx-send-btn" id="sendRx">Send to WhatsApp</button>
|
||||||
<button class="btn-primary" id="sendRx">Send to WhatsApp</button>
|
</footer>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
|
||||||
|
|
||||||
<script src="dashboard.js"></script>
|
</main>
|
||||||
|
<script src="dashboard.js?v=20"></script>
|
||||||
</body>
|
</body>
|
||||||
</html>
|
</html>
|
||||||
|
|
|
||||||
|
|
@ -1,120 +1,390 @@
|
||||||
const modal = document.getElementById("prescriptionModal");
|
// Core UI & Modal Elements
|
||||||
|
const modal = document.getElementById("consultationModal");
|
||||||
const addMedBtn = document.getElementById("addMed");
|
const addMedBtn = document.getElementById("addMed");
|
||||||
const medList = document.getElementById("medicineList");
|
const medList = document.getElementById("medicineList");
|
||||||
const sendRxBtn = document.getElementById("sendRx");
|
const sendRxBtn = document.getElementById("sendRx");
|
||||||
const closeModal = document.querySelector(".close-modal");
|
const closeModal = document.querySelector(".rx-modal .close-modal");
|
||||||
|
const cancelRxBtn = document.getElementById("cancelRx");
|
||||||
const startRecordBtn = document.getElementById("startRecording");
|
const startRecordBtn = document.getElementById("startRecording");
|
||||||
const recordingStatus = document.getElementById("recordingStatus");
|
const recordingStatus = document.getElementById("recordingStatus");
|
||||||
const aiInsightsBox = document.getElementById("aiInsights");
|
const aiInsightsBox = document.getElementById("aiInsights");
|
||||||
const insightText = document.getElementById("insightText");
|
const insightText = document.getElementById("insightText");
|
||||||
|
const queueDateInput = document.getElementById("queueDate");
|
||||||
|
const newWalkinBtn = document.getElementById("newWalkinBtn");
|
||||||
|
const labList = document.getElementById("labTestList");
|
||||||
|
const addLabBtn = document.getElementById("addLabTest");
|
||||||
|
|
||||||
// Open modal when clicking 'Prescribe'
|
// 1. App State & Stores
|
||||||
document.querySelectorAll(".btn-small").forEach(btn => {
|
let isScribing = false;
|
||||||
if (btn.innerText === "Prescribe") {
|
let currentPatientId = "#012";
|
||||||
btn.addEventListener("click", () => {
|
let recognition;
|
||||||
modal.style.display = "block";
|
let mediaRecorder;
|
||||||
|
let audioChunks = [];
|
||||||
|
const patientDataStore = {
|
||||||
|
"#012": { notes: "", summary: "" },
|
||||||
|
"#013": { notes: "", summary: "" },
|
||||||
|
"#014": { notes: "", summary: "" }
|
||||||
|
};
|
||||||
|
|
||||||
|
const SECTION_META = {
|
||||||
|
overview: {
|
||||||
|
target: 'overview-section',
|
||||||
|
title: 'Clinic Overview',
|
||||||
|
subtitle: 'Live queue, stats, and AI insights for today.'
|
||||||
|
},
|
||||||
|
queue: {
|
||||||
|
target: 'overview-section',
|
||||||
|
title: 'Live Queue',
|
||||||
|
subtitle: 'Patients waiting and in consultation.'
|
||||||
|
},
|
||||||
|
patients: {
|
||||||
|
target: 'patients-section',
|
||||||
|
title: 'Patient Records',
|
||||||
|
subtitle: 'Search history, visits, and contact details.'
|
||||||
|
},
|
||||||
|
pharmacy: {
|
||||||
|
target: 'pharmacy-section',
|
||||||
|
title: 'Pharmacy',
|
||||||
|
subtitle: 'Inventory, prescriptions, and stock alerts.'
|
||||||
|
},
|
||||||
|
lab: {
|
||||||
|
target: 'lab-section',
|
||||||
|
title: 'Laboratory',
|
||||||
|
subtitle: 'Orders, sample collection, and results.'
|
||||||
|
},
|
||||||
|
zen: {
|
||||||
|
target: 'doctor-zen-section',
|
||||||
|
title: 'Clinical Workspace',
|
||||||
|
subtitle: 'Document visits, prescribe, and review vitals.'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
const ROLE_CONFIG = {
|
||||||
|
DOCTOR: {
|
||||||
|
hideSections: ['overview', 'billing', 'staff'],
|
||||||
|
defaultSection: 'zen',
|
||||||
|
displayName: 'Dr. Sharma'
|
||||||
|
},
|
||||||
|
OWNER: {
|
||||||
|
hideSections: [],
|
||||||
|
defaultSection: 'overview',
|
||||||
|
displayName: null
|
||||||
|
},
|
||||||
|
RECEPTIONIST: {
|
||||||
|
hideSections: ['pharmacy', 'lab'],
|
||||||
|
defaultSection: 'queue',
|
||||||
|
displayName: 'Reception'
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function getUserRole() {
|
||||||
|
return localStorage.getItem('userRole') || 'OWNER';
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolveSectionTarget(sectionId) {
|
||||||
|
const role = getUserRole();
|
||||||
|
const config = ROLE_CONFIG[role] || ROLE_CONFIG.OWNER;
|
||||||
|
|
||||||
|
if (sectionId === 'queue' && role === 'DOCTOR') return 'doctor-zen-section';
|
||||||
|
if (sectionId === 'zen') return 'doctor-zen-section';
|
||||||
|
|
||||||
|
const meta = SECTION_META[sectionId];
|
||||||
|
return meta ? meta.target : 'overview-section';
|
||||||
|
}
|
||||||
|
|
||||||
|
function updateSectionPageHeader(sectionId) {
|
||||||
|
const header = document.getElementById('section-page-header');
|
||||||
|
const titleEl = document.getElementById('sectionPageTitle');
|
||||||
|
const subtitleEl = document.getElementById('sectionPageSubtitle');
|
||||||
|
if (!header || !titleEl || !subtitleEl) return;
|
||||||
|
|
||||||
|
const isDoctor = getUserRole() === 'DOCTOR';
|
||||||
|
const isClinicalView = sectionId === 'zen' || sectionId === 'queue';
|
||||||
|
const meta = SECTION_META[sectionId];
|
||||||
|
|
||||||
|
if (isDoctor && !isClinicalView && meta) {
|
||||||
|
titleEl.textContent = meta.title;
|
||||||
|
subtitleEl.textContent = meta.subtitle;
|
||||||
|
header.classList.remove('hidden');
|
||||||
|
} else {
|
||||||
|
header.classList.add('hidden');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function setActiveNavLink(sectionId) {
|
||||||
|
const isDoctor = getUserRole() === 'DOCTOR';
|
||||||
|
const activeKey = (sectionId === 'zen' || (sectionId === 'queue' && isDoctor)) ? 'queue' : sectionId;
|
||||||
|
|
||||||
|
document.querySelectorAll('.side-nav a[data-section]').forEach(link => {
|
||||||
|
link.classList.toggle('active', link.dataset.section === activeKey);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function applyRoleNav() {
|
||||||
|
const role = getUserRole();
|
||||||
|
const config = ROLE_CONFIG[role] || ROLE_CONFIG.OWNER;
|
||||||
|
|
||||||
|
document.querySelectorAll('.side-nav a[data-section]').forEach(link => {
|
||||||
|
const hidden = config.hideSections.includes(link.dataset.section);
|
||||||
|
link.style.display = hidden ? 'none' : '';
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
// 2. Initialization & Speech Recognition Setup
|
||||||
|
document.addEventListener("DOMContentLoaded", () => {
|
||||||
|
const userRole = getUserRole();
|
||||||
|
const userEmail = localStorage.getItem('userEmail') || 'admin@curio.app';
|
||||||
|
const config = ROLE_CONFIG[userRole] || ROLE_CONFIG.OWNER;
|
||||||
|
|
||||||
|
const roleDisplay = document.querySelector(".user-profile .info strong");
|
||||||
|
const emailDisplay = document.querySelector(".user-profile .info span");
|
||||||
|
|
||||||
|
if (roleDisplay) {
|
||||||
|
roleDisplay.innerText = config.displayName || (userRole.charAt(0) + userRole.slice(1).toLowerCase());
|
||||||
|
}
|
||||||
|
if (emailDisplay) emailDisplay.innerText = userEmail;
|
||||||
|
|
||||||
|
if (userRole === 'DOCTOR') {
|
||||||
|
document.body.classList.add('role-doctor');
|
||||||
|
}
|
||||||
|
|
||||||
|
applyRoleNav();
|
||||||
|
|
||||||
|
document.getElementById('sideNav')?.addEventListener('click', (e) => {
|
||||||
|
const link = e.target.closest('a[data-section]');
|
||||||
|
if (!link || link.hasAttribute('data-external')) return;
|
||||||
|
e.preventDefault();
|
||||||
|
showSection(link.dataset.section);
|
||||||
|
});
|
||||||
|
|
||||||
|
showSection(config.defaultSection === 'zen' ? 'zen' : config.defaultSection);
|
||||||
|
|
||||||
|
// AI Nudge Simulation Logic
|
||||||
|
const notesArea = document.getElementById("consultationNotes");
|
||||||
|
const nudgeText = document.getElementById("aiNudgeText");
|
||||||
|
const tagsContainer = document.querySelector(".suggested-tags");
|
||||||
|
|
||||||
|
if (notesArea) {
|
||||||
|
notesArea.addEventListener("input", (e) => {
|
||||||
|
const val = e.target.value.toLowerCase();
|
||||||
|
if (val.includes("fever") || val.includes("temperature")) {
|
||||||
|
nudgeText.innerText = "✨ AI suggests: Patient has elevated temp. Consider prescribing Paracetamol and checking for throat infection.";
|
||||||
|
tagsContainer.innerHTML = '<span>#ViralFever</span><span>#InfectionCheck</span>';
|
||||||
|
} else if (val.includes("cough") || val.includes("breath")) {
|
||||||
|
nudgeText.innerText = "✨ AI suggests: Respiratory symptoms detected. Check SpO2 and listen for chest congestion.";
|
||||||
|
tagsContainer.innerHTML = '<span>#AsthmaProtocol</span><span>#Bronchitis</span>';
|
||||||
|
}
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
|
|
||||||
|
// Initialize Recognition
|
||||||
|
if ('webkitSpeechRecognition' in window) {
|
||||||
|
recognition = new webkitSpeechRecognition();
|
||||||
|
recognition.continuous = true;
|
||||||
|
recognition.interimResults = true;
|
||||||
|
recognition.maxAlternatives = 3;
|
||||||
|
|
||||||
|
recognition.onresult = (event) => {
|
||||||
|
for (let i = event.resultIndex; i < event.results.length; ++i) {
|
||||||
|
if (event.results[i].isFinal) {
|
||||||
|
const transcript = event.results[i][0].transcript;
|
||||||
|
document.getElementById("consultationNotes").value += transcript + '. ';
|
||||||
|
}
|
||||||
|
}
|
||||||
|
};
|
||||||
|
recognition.onerror = () => { isScribing = false; updateScribeUI(); };
|
||||||
|
}
|
||||||
});
|
});
|
||||||
|
|
||||||
closeModal.onclick = () => modal.style.display = "none";
|
// 3. Section Switching Logic
|
||||||
window.onclick = (event) => {
|
|
||||||
if (event.target == modal) modal.style.display = "none";
|
|
||||||
};
|
|
||||||
|
|
||||||
// Add new medicine row
|
|
||||||
addMedBtn.onclick = () => {
|
|
||||||
const row = document.createElement("div");
|
|
||||||
row.className = "med-row";
|
|
||||||
row.innerHTML = `
|
|
||||||
<input type="text" placeholder="Medicine Name" class="med-name">
|
|
||||||
<input type="text" placeholder="Dosage" class="med-dosage">
|
|
||||||
<input type="text" placeholder="Freq" class="med-freq">
|
|
||||||
`;
|
|
||||||
medList.appendChild(row);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Handle sending prescription
|
|
||||||
sendRxBtn.onclick = () => {
|
|
||||||
const diagnosis = document.getElementById("rxDiagnosis").value;
|
|
||||||
const meds = [];
|
|
||||||
document.querySelectorAll(".med-row").forEach(row => {
|
|
||||||
const name = row.querySelector(".med-name").value;
|
|
||||||
if (name) {
|
|
||||||
meds.push({
|
|
||||||
name,
|
|
||||||
dosage: row.querySelector(".med-dosage").value,
|
|
||||||
frequency: row.querySelector(".med-freq").value
|
|
||||||
});
|
|
||||||
}
|
|
||||||
});
|
|
||||||
|
|
||||||
if (!diagnosis || meds.length === 0) {
|
|
||||||
alert("Please enter diagnosis and at least one medicine.");
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
// Simulate sending to backend
|
|
||||||
console.log("Sending Rx:", { diagnosis, meds });
|
|
||||||
|
|
||||||
// UI Feedback
|
|
||||||
sendRxBtn.innerText = "Sent! ✅";
|
|
||||||
sendRxBtn.style.background = "#10B981";
|
|
||||||
|
|
||||||
setTimeout(() => {
|
|
||||||
modal.style.display = "none";
|
|
||||||
sendRxBtn.innerText = "Send to WhatsApp";
|
|
||||||
sendRxBtn.style.background = "";
|
|
||||||
alert("Prescription has been sent to the patient's WhatsApp.");
|
|
||||||
}, 1500);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Voice AI Logic
|
|
||||||
startRecordBtn.onclick = () => {
|
|
||||||
startRecordBtn.classList.add("hidden");
|
|
||||||
recordingStatus.classList.remove("hidden");
|
|
||||||
|
|
||||||
// Simulate recording for 3 seconds
|
|
||||||
setTimeout(() => {
|
|
||||||
recordingStatus.classList.add("hidden");
|
|
||||||
aiInsightsBox.classList.remove("hidden");
|
|
||||||
|
|
||||||
// Mock data filtering simulation
|
|
||||||
const mockTranscript = "Hello Rahul, how is your family? The weather is very hot today. Regarding your cough, it seems like a viral infection. You should avoid cold drinks for 3 days. Take the paracetamol after meals. I'll see you in a week.";
|
|
||||||
|
|
||||||
// Filter out small talk (AI simulation)
|
|
||||||
const insights = "Viral infection detected. Avoid cold drinks for 3 days. Take paracetamol after meals. Follow-up in 1 week.";
|
|
||||||
|
|
||||||
insightText.innerText = insights;
|
|
||||||
|
|
||||||
// Auto-fill diagnosis if empty
|
|
||||||
if (!document.getElementById("rxDiagnosis").value) {
|
|
||||||
document.getElementById("rxDiagnosis").value = "Viral Infection";
|
|
||||||
}
|
|
||||||
}, 3000);
|
|
||||||
};
|
|
||||||
|
|
||||||
// Section Switching Logic
|
|
||||||
window.showSection = (sectionId) => {
|
window.showSection = (sectionId) => {
|
||||||
// Hide all sections
|
const sections = ['overview-section', 'patients-section', 'pharmacy-section', 'lab-section', 'doctor-zen-section'];
|
||||||
document.getElementById('overview-section').classList.add('hidden');
|
sections.forEach(id => {
|
||||||
document.getElementById('patients-section').classList.add('hidden');
|
const el = document.getElementById(id);
|
||||||
|
if (el) el.classList.add('hidden');
|
||||||
// Show target section
|
});
|
||||||
if (sectionId === 'overview') {
|
|
||||||
document.getElementById('overview-section').classList.remove('hidden');
|
const target = resolveSectionTarget(sectionId);
|
||||||
} else if (sectionId === 'queue') {
|
const targetEl = document.getElementById(target);
|
||||||
document.getElementById('overview-section').classList.remove('hidden');
|
if (targetEl) targetEl.classList.remove('hidden');
|
||||||
document.getElementById('queue-section').scrollIntoView({ behavior: 'smooth' });
|
|
||||||
} else if (sectionId === 'patients') {
|
if (sectionId === 'queue' && target === 'overview-section') {
|
||||||
document.getElementById('patients-section').classList.remove('hidden');
|
document.getElementById('queue-section')?.scrollIntoView({ behavior: 'smooth', block: 'start' });
|
||||||
}
|
}
|
||||||
|
|
||||||
// Update active state in nav
|
const headerSection = (sectionId === 'queue' && getUserRole() === 'DOCTOR') ? 'zen' : sectionId;
|
||||||
document.querySelectorAll('.side-nav a').forEach(link => {
|
updateSectionPageHeader(headerSection);
|
||||||
link.classList.remove('active');
|
setActiveNavLink(sectionId);
|
||||||
if (link.innerText.toLowerCase().includes(sectionId)) {
|
|
||||||
link.classList.add('active');
|
if (window.innerWidth <= 768) {
|
||||||
|
document.getElementById('sidebar')?.classList.remove('open');
|
||||||
|
}
|
||||||
|
|
||||||
|
return false;
|
||||||
|
};
|
||||||
|
|
||||||
|
// 4. Clinical Context & Scribe Logic
|
||||||
|
window.toggleZenScribe = async () => {
|
||||||
|
if (!recognition) { alert("Speech Recognition not supported."); return; }
|
||||||
|
|
||||||
|
isScribing = !isScribing;
|
||||||
|
updateScribeUI();
|
||||||
|
|
||||||
|
if (isScribing) {
|
||||||
|
recognition.lang = document.getElementById("scribeLang")?.value || 'en-US';
|
||||||
|
recognition.start();
|
||||||
|
startDeepCapture();
|
||||||
|
} else {
|
||||||
|
recognition.stop();
|
||||||
|
if (mediaRecorder) mediaRecorder.stop();
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
function updateScribeUI() {
|
||||||
|
const btn = document.getElementById("zenScribeBtn");
|
||||||
|
const status = document.getElementById("scribeStatus");
|
||||||
|
if (!btn || !status) return;
|
||||||
|
|
||||||
|
if (isScribing) {
|
||||||
|
btn.innerHTML = "🛑 Stop Scribe";
|
||||||
|
btn.style.background = "#EF4444";
|
||||||
|
btn.style.color = "white";
|
||||||
|
status.classList.remove("hidden");
|
||||||
|
} else {
|
||||||
|
btn.innerHTML = "🎙️ Scribe";
|
||||||
|
btn.style.background = ""; // Resets to CSS default
|
||||||
|
btn.style.color = "";
|
||||||
|
status.classList.add("hidden");
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
async function startDeepCapture() {
|
||||||
|
try {
|
||||||
|
const stream = await navigator.mediaDevices.getUserMedia({ audio: true });
|
||||||
|
mediaRecorder = new MediaRecorder(stream);
|
||||||
|
audioChunks = [];
|
||||||
|
mediaRecorder.ondataavailable = (e) => audioChunks.push(e.data);
|
||||||
|
mediaRecorder.onstop = () => {
|
||||||
|
const blob = new Blob(audioChunks, { type: 'audio/wav' });
|
||||||
|
processWithWhisper(blob);
|
||||||
|
};
|
||||||
|
mediaRecorder.start();
|
||||||
|
} catch (err) { console.warn("Mic access denied for Deep Scribe"); }
|
||||||
|
}
|
||||||
|
|
||||||
|
async function processWithWhisper(blob) {
|
||||||
|
const formData = new FormData();
|
||||||
|
formData.append("file", blob, "audio.wav");
|
||||||
|
formData.append("model", "tiny"); // Explicitly tell the server which model to use
|
||||||
|
|
||||||
|
try {
|
||||||
|
const res = await fetch("https://curio.applaude.net/api/whisper/v1/audio/transcriptions", {
|
||||||
|
method: "POST",
|
||||||
|
body: formData
|
||||||
|
});
|
||||||
|
const data = await res.json();
|
||||||
|
if (data.text) {
|
||||||
|
document.getElementById("consultationNotes").value += "\n[DEEP SCRIBE]: " + data.text;
|
||||||
|
generateSummary(true);
|
||||||
|
}
|
||||||
|
} catch (e) {
|
||||||
|
console.warn("Deep Scribe error, using fallback summary.", e);
|
||||||
|
generateSummary(document.getElementById("scribeLang")?.value === 'te-IN');
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
|
||||||
|
function generateSummary(isTelugu = false) {
|
||||||
|
const notes = document.getElementById("consultationNotes").value;
|
||||||
|
if (!notes) return;
|
||||||
|
const summary = isTelugu
|
||||||
|
? "📝 [TRANSLATED] CLINICAL SUMMARY: Patient presents in Telugu. Dry cough and fatigue noted. Recommended fluids and rest."
|
||||||
|
: "📋 CLINICAL SUMMARY: Patient presents with persistent dry cough. Recommended hydration and follow-up.";
|
||||||
|
|
||||||
|
document.getElementById("summaryText").innerText = summary;
|
||||||
|
document.getElementById("aiSummaryCard").classList.remove("hidden");
|
||||||
|
patientDataStore[currentPatientId] = { notes, summary };
|
||||||
|
}
|
||||||
|
|
||||||
|
window.switchPatientContext = (name, token, triage) => {
|
||||||
|
if (currentPatientId) patientDataStore[currentPatientId].notes = document.getElementById("consultationNotes").value;
|
||||||
|
isScribing = false; updateScribeUI();
|
||||||
|
currentPatientId = token;
|
||||||
|
|
||||||
|
const data = patientDataStore[token] || { notes: "", summary: "" };
|
||||||
|
document.getElementById("consultationNotes").value = data.notes;
|
||||||
|
document.getElementById("summaryText").innerText = data.summary;
|
||||||
|
if (data.summary) document.getElementById("aiSummaryCard").classList.remove("hidden");
|
||||||
|
else document.getElementById("aiSummaryCard").classList.add("hidden");
|
||||||
|
|
||||||
|
const patientHeading = document.querySelector(".patient-identity h1");
|
||||||
|
if (patientHeading) patientHeading.innerHTML = `${name} <small>(32y, Female)</small>`;
|
||||||
|
|
||||||
|
const metaPills = document.querySelectorAll(".patient-identity .meta-pills");
|
||||||
|
if (metaPills[1]) {
|
||||||
|
metaPills[1].innerHTML = `
|
||||||
|
<span class="pill triage">${token}</span>
|
||||||
|
<span class="pill time">${triage}</span>
|
||||||
|
`;
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
||||||
|
// 5. Global Helpers & Modal Handlers
|
||||||
|
window.openHistory = () => {
|
||||||
|
const heading = document.querySelector(".patient-identity h1");
|
||||||
|
const name = heading ? heading.innerText.split(' (')[0] : 'Patient';
|
||||||
|
alert(`📂 Loading History for ${name}...\n\n- Visit (05/12/26): Chronic Gastritis`);
|
||||||
|
};
|
||||||
|
|
||||||
|
window.openConsultation = () => {
|
||||||
|
const triagePills = document.querySelectorAll(".patient-identity .meta-pills .pill.time");
|
||||||
|
const triage = triagePills[triagePills.length - 1];
|
||||||
|
const rxField = document.getElementById("rxDiagnosis");
|
||||||
|
if (rxField && triage) rxField.value = triage.innerText;
|
||||||
|
if (modal) modal.classList.add('open');
|
||||||
|
};
|
||||||
|
|
||||||
|
window.shareSummary = () => alert("📤 Summary sent to Patient's WhatsApp.");
|
||||||
|
window.printSummary = () => alert("🖨️ Printing Handover Note...");
|
||||||
|
window.toggleSidebar = () => {
|
||||||
|
document.getElementById('sidebar')?.classList.toggle('open');
|
||||||
|
};
|
||||||
|
|
||||||
|
function closeRxModal() {
|
||||||
|
if (modal) modal.classList.remove('open');
|
||||||
|
}
|
||||||
|
|
||||||
|
if (addMedBtn && medList) {
|
||||||
|
addMedBtn.addEventListener('click', () => {
|
||||||
|
const row = medList.querySelector('.med-row');
|
||||||
|
if (row) medList.appendChild(row.cloneNode(true));
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
if (addLabBtn && labList) {
|
||||||
|
addLabBtn.addEventListener('click', () => {
|
||||||
|
const row = labList.querySelector('.lab-row');
|
||||||
|
if (row) {
|
||||||
|
const clone = row.cloneNode(true);
|
||||||
|
const input = clone.querySelector('input');
|
||||||
|
if (input) input.value = '';
|
||||||
|
labList.appendChild(clone);
|
||||||
}
|
}
|
||||||
});
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
window.shareTip = (type) => {
|
||||||
|
const tips = {
|
||||||
|
diabetes: 'Maintain a balanced diet low in refined sugars.',
|
||||||
|
hypertension: 'Reduce salt intake and practice daily breathing exercises.',
|
||||||
|
viral: 'Stay hydrated and get adequate rest.'
|
||||||
|
};
|
||||||
|
alert(`📤 Health tip sent: ${tips[type] || 'General wellness advice.'}`);
|
||||||
};
|
};
|
||||||
|
|
||||||
|
window.printTips = () => alert('🖨️ Printing patient education handout…');
|
||||||
|
|
||||||
|
// Global Listeners
|
||||||
|
if (closeModal) closeModal.onclick = closeRxModal;
|
||||||
|
if (cancelRxBtn) cancelRxBtn.onclick = closeRxModal;
|
||||||
|
window.onclick = (e) => { if (e.target === modal) closeRxModal(); };
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,203 @@
|
||||||
|
:root {
|
||||||
|
/* Core Palette - Premium Healthcare Aesthetic */
|
||||||
|
--primary: #0F172A;
|
||||||
|
--primary-light: #1E293B;
|
||||||
|
--secondary: #2563EB; /* Darker blue for better contrast */
|
||||||
|
--secondary-hover: #1D4ED8;
|
||||||
|
--accent: #059669; /* Darker green for accessibility */
|
||||||
|
--accent-hover: #047857;
|
||||||
|
--urgent: #EF4444;
|
||||||
|
--warning: #F59E0B;
|
||||||
|
|
||||||
|
/* Backgrounds & Surfaces */
|
||||||
|
--bg: #F8FAFC;
|
||||||
|
--surface: #FFFFFF;
|
||||||
|
--sidebar-bg: #0F172A;
|
||||||
|
--sidebar-active: rgba(255, 255, 255, 0.1);
|
||||||
|
|
||||||
|
/* Typography */
|
||||||
|
--text-main: #0F172A;
|
||||||
|
--text-muted: #475569; /* Darker grey for better contrast */
|
||||||
|
--text-white: #FFFFFF;
|
||||||
|
|
||||||
|
/* Effects */
|
||||||
|
--glass: rgba(255, 255, 255, 0.7);
|
||||||
|
--glass-border: rgba(255, 255, 255, 0.3);
|
||||||
|
--border: #E2E8F0;
|
||||||
|
--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
|
||||||
|
--shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
||||||
|
--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
||||||
|
--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
|
||||||
|
|
||||||
|
/* Transitions */
|
||||||
|
--transition: all 0.2s cubic-bezier(0.4, 0, 0.2, 1);
|
||||||
|
|
||||||
|
/* Layout */
|
||||||
|
--radius-sm: 8px;
|
||||||
|
--radius-md: 12px;
|
||||||
|
--radius-lg: 20px;
|
||||||
|
--radius-xl: 32px;
|
||||||
|
--sidebar-width: 280px;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Base Resets & Typography */
|
||||||
|
* {
|
||||||
|
margin: 0;
|
||||||
|
padding: 0;
|
||||||
|
box-sizing: border-box;
|
||||||
|
-webkit-tap-highlight-color: transparent;
|
||||||
|
}
|
||||||
|
|
||||||
|
body {
|
||||||
|
font-family: 'Inter', sans-serif;
|
||||||
|
background-color: var(--bg);
|
||||||
|
color: var(--text-main);
|
||||||
|
line-height: 1.6;
|
||||||
|
overflow-x: hidden;
|
||||||
|
}
|
||||||
|
|
||||||
|
h1, h2, h3, h4, .logo-text {
|
||||||
|
font-family: 'Outfit', sans-serif;
|
||||||
|
font-weight: 700;
|
||||||
|
color: var(--primary);
|
||||||
|
}
|
||||||
|
|
||||||
|
a {
|
||||||
|
text-decoration: none;
|
||||||
|
color: inherit;
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Common UI Components */
|
||||||
|
.btn {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
padding: 0.75rem 1.5rem;
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
font-weight: 600;
|
||||||
|
cursor: pointer;
|
||||||
|
transition: var(--transition);
|
||||||
|
border: none;
|
||||||
|
gap: 0.5rem;
|
||||||
|
font-size: 0.95rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn:active {
|
||||||
|
transform: scale(0.98);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary {
|
||||||
|
background: var(--secondary);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-primary:hover {
|
||||||
|
background: var(--secondary-hover);
|
||||||
|
transform: translateY(-1px);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary {
|
||||||
|
background: white;
|
||||||
|
color: var(--text-main);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-secondary:hover {
|
||||||
|
background: var(--bg);
|
||||||
|
border-color: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-accent {
|
||||||
|
background: var(--accent);
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.btn-accent:hover {
|
||||||
|
background: var(--accent-hover);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card {
|
||||||
|
background: var(--surface);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
border: 1px solid var(--border);
|
||||||
|
padding: 1.5rem;
|
||||||
|
box-shadow: var(--shadow-sm);
|
||||||
|
transition: var(--transition);
|
||||||
|
}
|
||||||
|
|
||||||
|
.card:hover {
|
||||||
|
box-shadow: var(--shadow);
|
||||||
|
}
|
||||||
|
|
||||||
|
.glass-panel {
|
||||||
|
background: var(--glass);
|
||||||
|
backdrop-filter: blur(12px);
|
||||||
|
border: 1px solid var(--glass-border);
|
||||||
|
border-radius: var(--radius-lg);
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge {
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
padding: 0.25rem 0.75rem;
|
||||||
|
border-radius: 99px;
|
||||||
|
font-size: 0.75rem;
|
||||||
|
font-weight: 600;
|
||||||
|
}
|
||||||
|
|
||||||
|
.badge-success { background: rgba(16, 185, 129, 0.1); color: var(--accent); }
|
||||||
|
.badge-urgent { background: rgba(239, 68, 68, 0.1); color: var(--urgent); }
|
||||||
|
.badge-warning { background: rgba(245, 158, 11, 0.1); color: var(--warning); }
|
||||||
|
.badge-info { background: rgba(59, 130, 246, 0.1); color: var(--secondary); }
|
||||||
|
.badge.muted { background: var(--bg); color: var(--text-muted); }
|
||||||
|
|
||||||
|
/* Text utilities */
|
||||||
|
.text-muted { color: var(--text-muted); }
|
||||||
|
.text-accent { color: var(--accent); }
|
||||||
|
.text-urgent { color: var(--urgent); }
|
||||||
|
|
||||||
|
/* Animations */
|
||||||
|
@keyframes fadeIn {
|
||||||
|
from { opacity: 0; transform: translateY(10px); }
|
||||||
|
to { opacity: 1; transform: translateY(0); }
|
||||||
|
}
|
||||||
|
|
||||||
|
.animate-fade {
|
||||||
|
animation: fadeIn 0.4s ease-out forwards;
|
||||||
|
}
|
||||||
|
|
||||||
|
@keyframes pulse-soft {
|
||||||
|
0% { transform: scale(1); opacity: 1; }
|
||||||
|
50% { transform: scale(1.05); opacity: 0.8; }
|
||||||
|
100% { transform: scale(1); opacity: 1; }
|
||||||
|
}
|
||||||
|
|
||||||
|
.pulse-dot {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
background: var(--accent);
|
||||||
|
border-radius: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
animation: pulse-soft 2s infinite;
|
||||||
|
}
|
||||||
|
|
||||||
|
/* Scrollbar */
|
||||||
|
::-webkit-scrollbar {
|
||||||
|
width: 8px;
|
||||||
|
height: 8px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-track {
|
||||||
|
background: var(--bg);
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb {
|
||||||
|
background: var(--border);
|
||||||
|
border-radius: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
::-webkit-scrollbar-thumb:hover {
|
||||||
|
background: var(--text-muted);
|
||||||
|
}
|
||||||
|
|
@ -1,33 +1,7 @@
|
||||||
|
/* index.css - Landing Page Specific Styles */
|
||||||
|
|
||||||
:root {
|
:root {
|
||||||
--primary: #0F172A;
|
/* Local overrides if any, otherwise uses globals.css */
|
||||||
--secondary: #38BDF8;
|
|
||||||
--accent: #10B981;
|
|
||||||
--bg: #F8FAFC;
|
|
||||||
--surface: #FFFFFF;
|
|
||||||
--text-main: #1E293B;
|
|
||||||
--text-muted: #64748B;
|
|
||||||
--glass: rgba(255, 255, 255, 0.7);
|
|
||||||
--border: rgba(226, 232, 240, 0.8);
|
|
||||||
--shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
|
|
||||||
}
|
|
||||||
|
|
||||||
* {
|
|
||||||
margin: 0;
|
|
||||||
padding: 0;
|
|
||||||
box-sizing: border-box;
|
|
||||||
}
|
|
||||||
|
|
||||||
body {
|
|
||||||
font-family: 'Inter', sans-serif;
|
|
||||||
background-color: var(--bg);
|
|
||||||
color: var(--text-main);
|
|
||||||
line-height: 1.6;
|
|
||||||
overflow-x: hidden;
|
|
||||||
}
|
|
||||||
|
|
||||||
h1, h2, h3 {
|
|
||||||
font-family: 'Outfit', sans-serif;
|
|
||||||
font-weight: 700;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.container {
|
.container {
|
||||||
|
|
@ -57,7 +31,7 @@ h1, h2, h3 {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
}
|
}
|
||||||
|
|
||||||
.logo {
|
.glass-nav .logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
gap: 0.75rem;
|
gap: 0.75rem;
|
||||||
|
|
@ -89,7 +63,6 @@ h1, h2, h3 {
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
font-weight: 500;
|
font-weight: 500;
|
||||||
transition: color 0.3s;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.nav-links a:hover {
|
.nav-links a:hover {
|
||||||
|
|
@ -109,7 +82,7 @@ h1, h2, h3 {
|
||||||
align-items: center;
|
align-items: center;
|
||||||
}
|
}
|
||||||
|
|
||||||
.badge {
|
.landing-page .hero .badge {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding: 0.5rem 1rem;
|
padding: 0.5rem 1rem;
|
||||||
background: rgba(16, 185, 129, 0.1);
|
background: rgba(16, 185, 129, 0.1);
|
||||||
|
|
@ -120,7 +93,7 @@ h1, h2, h3 {
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
h1 {
|
.landing-page h1 {
|
||||||
font-size: 4rem;
|
font-size: 4rem;
|
||||||
line-height: 1.1;
|
line-height: 1.1;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
|
|
@ -146,7 +119,7 @@ h1 {
|
||||||
margin-bottom: 3rem;
|
margin-bottom: 3rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary {
|
.landing-page .btn-primary {
|
||||||
background: var(--primary);
|
background: var(--primary);
|
||||||
color: white;
|
color: white;
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
|
|
@ -155,15 +128,21 @@ h1 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: transform 0.2s, background 0.3s;
|
transition: var(--transition);
|
||||||
|
user-select: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 48px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-primary:hover {
|
.landing-page .btn-primary:hover {
|
||||||
background: #1e293b;
|
background: var(--primary-light);
|
||||||
transform: translateY(-2px);
|
transform: translateY(-2px);
|
||||||
|
box-shadow: var(--shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary {
|
.landing-page .btn-secondary {
|
||||||
background: white;
|
background: white;
|
||||||
color: var(--primary);
|
color: var(--primary);
|
||||||
padding: 1rem 2rem;
|
padding: 1rem 2rem;
|
||||||
|
|
@ -172,15 +151,21 @@ h1 {
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
font-size: 1rem;
|
font-size: 1rem;
|
||||||
cursor: pointer;
|
cursor: pointer;
|
||||||
transition: all 0.3s;
|
transition: var(--transition);
|
||||||
|
user-select: none;
|
||||||
|
display: inline-flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
min-height: 48px;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-secondary:hover {
|
.landing-page .btn-secondary:hover {
|
||||||
background: var(--bg);
|
background: var(--bg);
|
||||||
border-color: var(--text-muted);
|
border-color: var(--text-muted);
|
||||||
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-lg {
|
.landing-page .btn-lg {
|
||||||
padding: 1.25rem 2.5rem;
|
padding: 1.25rem 2.5rem;
|
||||||
font-size: 1.1rem;
|
font-size: 1.1rem;
|
||||||
}
|
}
|
||||||
|
|
@ -426,7 +411,7 @@ footer {
|
||||||
grid-template-columns: 1fr;
|
grid-template-columns: 1fr;
|
||||||
text-align: center;
|
text-align: center;
|
||||||
}
|
}
|
||||||
.hero h1 { font-size: 3rem; }
|
.landing-page .hero h1 { font-size: 3rem; }
|
||||||
.hero-btns { justify-content: center; }
|
.hero-btns { justify-content: center; }
|
||||||
.hero-stats { justify-content: center; }
|
.hero-stats { justify-content: center; }
|
||||||
.chat-container { grid-template-columns: 1fr; }
|
.chat-container { grid-template-columns: 1fr; }
|
||||||
|
|
@ -516,27 +501,3 @@ footer {
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Logout & Shared Nav Utilities */
|
|
||||||
.logout-btn {
|
|
||||||
margin-top: auto;
|
|
||||||
padding: 0.75rem 1rem;
|
|
||||||
color: #F87171;
|
|
||||||
text-decoration: none;
|
|
||||||
font-size: 0.875rem;
|
|
||||||
font-weight: 600;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
gap: 0.5rem;
|
|
||||||
border-radius: 8px;
|
|
||||||
transition: background 0.3s;
|
|
||||||
}
|
|
||||||
|
|
||||||
.logout-btn:hover {
|
|
||||||
background: rgba(239, 68, 68, 0.1);
|
|
||||||
}
|
|
||||||
|
|
||||||
.user-actions {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
gap: 0.5rem;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -5,13 +5,14 @@
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio | WhatsApp-First Clinic Management</title>
|
<title>Curio | WhatsApp-First Clinic Management</title>
|
||||||
<meta name="description" content="Revolutionizing Indian OPDs with WhatsApp-native queue management, AI triage, and digital patient records.">
|
<meta name="description" content="Revolutionizing Indian OPDs with WhatsApp-native queue management, AI triage, and digital patient records.">
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Outfit:wght@400;500;600;700&display=swap" rel="stylesheet">
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
<script src="tenantLoader.js"></script>
|
<script src="tenantLoader.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body>
|
<body class="landing-page">
|
||||||
<nav class="glass-nav">
|
<nav class="glass-nav">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
|
|
|
||||||
|
|
@ -13,7 +13,7 @@ spec:
|
||||||
labels:
|
labels:
|
||||||
app: curio-app
|
app: curio-app
|
||||||
annotations:
|
annotations:
|
||||||
redeploy-timestamp: "2026-05-15T14:45:40"
|
redeploy-timestamp: "2026-05-14T19:04:30"
|
||||||
spec:
|
spec:
|
||||||
containers:
|
containers:
|
||||||
- name: curio
|
- name: curio
|
||||||
|
|
@ -24,6 +24,18 @@ spec:
|
||||||
env:
|
env:
|
||||||
- name: DATABASE_URL
|
- name: DATABASE_URL
|
||||||
value: "postgres://postgres:curio_secret@curio-db:5432/curio"
|
value: "postgres://postgres:curio_secret@curio-db:5432/curio"
|
||||||
|
livenessProbe:
|
||||||
|
httpGet:
|
||||||
|
path: /
|
||||||
|
port: 3000
|
||||||
|
initialDelaySeconds: 5
|
||||||
|
periodSeconds: 10
|
||||||
|
readinessProbe:
|
||||||
|
httpGet:
|
||||||
|
path: /
|
||||||
|
port: 3000
|
||||||
|
initialDelaySeconds: 2
|
||||||
|
periodSeconds: 5
|
||||||
---
|
---
|
||||||
apiVersion: v1
|
apiVersion: v1
|
||||||
kind: Service
|
kind: Service
|
||||||
|
|
|
||||||
|
|
@ -5,10 +5,6 @@ metadata:
|
||||||
namespace: curio
|
namespace: curio
|
||||||
annotations:
|
annotations:
|
||||||
k8s.apisix.apache.org/enable-websocket: "true"
|
k8s.apisix.apache.org/enable-websocket: "true"
|
||||||
k8s.apisix.apache.org/proxy-rewrite: '{"uri": "/$1", "regex_uri": ["^/api/whisper/(.*)", "/$1"]}'
|
|
||||||
k8s.apisix.apache.org/upstream-read-timeout: "120s"
|
|
||||||
k8s.apisix.apache.org/upstream-send-timeout: "120s"
|
|
||||||
k8s.apisix.apache.org/client-max-body-size: "50m"
|
|
||||||
spec:
|
spec:
|
||||||
ingressClassName: apisix
|
ingressClassName: apisix
|
||||||
rules:
|
rules:
|
||||||
|
|
@ -22,13 +18,6 @@ spec:
|
||||||
name: curio-app
|
name: curio-app
|
||||||
port:
|
port:
|
||||||
number: 80
|
number: 80
|
||||||
- path: /api/whisper
|
|
||||||
pathType: Prefix
|
|
||||||
backend:
|
|
||||||
service:
|
|
||||||
name: whisper-api
|
|
||||||
port:
|
|
||||||
number: 80
|
|
||||||
- host: curaflow.applaude.net
|
- host: curaflow.applaude.net
|
||||||
http:
|
http:
|
||||||
paths:
|
paths:
|
||||||
|
|
|
||||||
|
|
@ -1,19 +1,27 @@
|
||||||
.ai-report-card {
|
.ai-report-card {
|
||||||
background: linear-gradient(135deg, #6366F1, #4F46E5);
|
background: linear-gradient(135deg, var(--secondary), #4F46E5);
|
||||||
color: white;
|
color: white;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.ai-report-card h3 {
|
.ai-report-card h3 {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
color: white !important;
|
||||||
|
}
|
||||||
|
|
||||||
|
.ai-report-card small {
|
||||||
|
color: rgba(255, 255, 255, 0.8);
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-block {
|
.btn-block {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
background: white;
|
background: white;
|
||||||
color: #4F46E5;
|
color: var(--secondary);
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.btn-block:hover {
|
.btn-block:hover {
|
||||||
background: #F1F5F9;
|
background: var(--bg);
|
||||||
|
transform: translateY(-2px);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,21 +4,24 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio Lab | Diagnostics & Reports</title>
|
<title>Curio Lab | Diagnostics & Reports</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link rel="stylesheet" href="lab.css">
|
<link rel="stylesheet" href="lab.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<span class="logo-text">Curio</span>
|
<span class="logo-text">Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav">
|
||||||
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
||||||
<a href="dashboard.html"><span>👥</span> Queue</a>
|
<a href="dashboard.html" onclick="showSection('queue')"><span>👥</span> Queue</a>
|
||||||
<a href="dashboard.html"><span>📂</span> Patients</a>
|
<a href="dashboard.html" onclick="showSection('patients')"><span>📂</span> Patients</a>
|
||||||
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
|
<a href="pharmacy.html"><span>💊</span> Pharmacy</a>
|
||||||
<a href="lab.html" class="active"><span>🔬</span> Lab</a>
|
<a href="lab.html" class="active"><span>🔬</span> Lab</a>
|
||||||
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
|
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
|
||||||
|
|
|
||||||
|
|
@ -1,5 +1,7 @@
|
||||||
.auth-body {
|
.auth-body {
|
||||||
background: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);
|
background: radial-gradient(circle at top right, rgba(59, 130, 246, 0.05), transparent),
|
||||||
|
radial-gradient(circle at bottom left, rgba(16, 185, 129, 0.05), transparent),
|
||||||
|
var(--bg);
|
||||||
display: flex;
|
display: flex;
|
||||||
justify-content: center;
|
justify-content: center;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
|
|
@ -9,34 +11,43 @@
|
||||||
|
|
||||||
.auth-container {
|
.auth-container {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
max-width: 500px;
|
max-width: 480px;
|
||||||
|
animation: fadeIn 0.6s ease-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-card {
|
.auth-card {
|
||||||
background: white;
|
background: var(--surface);
|
||||||
padding: 3rem;
|
padding: 3.5rem;
|
||||||
border-radius: 32px;
|
border-radius: var(--radius-xl);
|
||||||
box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.1);
|
box-shadow: var(--shadow-xl);
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
border: 1px solid var(--border);
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-logo {
|
.auth-logo {
|
||||||
display: flex;
|
display: flex;
|
||||||
flex-direction: column;
|
flex-direction: column;
|
||||||
align-items: center;
|
align-items: center;
|
||||||
margin-bottom: 2rem;
|
margin-bottom: 2.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-logo h1 {
|
.logo-icon {
|
||||||
font-family: 'Outfit', sans-serif;
|
width: 48px;
|
||||||
|
height: 48px;
|
||||||
|
background: linear-gradient(135deg, var(--secondary), var(--accent));
|
||||||
|
color: white;
|
||||||
|
border-radius: var(--radius-md);
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
font-size: 1.5rem;
|
font-size: 1.5rem;
|
||||||
color: var(--primary);
|
font-weight: 800;
|
||||||
margin-top: 0.5rem;
|
margin-bottom: 0.75rem;
|
||||||
|
box-shadow: 0 4px 12px rgba(59, 130, 246, 0.3);
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-card h2 {
|
.auth-card h2 {
|
||||||
font-family: 'Outfit', sans-serif;
|
font-size: 2rem;
|
||||||
font-size: 1.75rem;
|
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -55,44 +66,44 @@
|
||||||
font-size: 0.875rem;
|
font-size: 0.875rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
margin-bottom: 0.5rem;
|
margin-bottom: 0.5rem;
|
||||||
|
color: var(--text-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group input {
|
.input-group input {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.875rem;
|
padding: 1rem;
|
||||||
border-radius: 12px;
|
border-radius: var(--radius-md);
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
background: #F8FAFC;
|
background: var(--bg);
|
||||||
transition: all 0.3s;
|
transition: var(--transition);
|
||||||
|
font-size: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.input-group input:focus {
|
.input-group input:focus {
|
||||||
outline: none;
|
outline: none;
|
||||||
border-color: var(--primary);
|
border-color: var(--secondary);
|
||||||
background: white;
|
background: white;
|
||||||
box-shadow: 0 0 0 4px rgba(15, 23, 42, 0.05);
|
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
|
||||||
}
|
|
||||||
|
|
||||||
.input-row {
|
|
||||||
display: grid;
|
|
||||||
grid-template-columns: 1fr 1fr;
|
|
||||||
gap: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-btn {
|
.auth-btn {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 1rem;
|
padding: 1rem;
|
||||||
font-size: 1rem;
|
font-size: 1.1rem;
|
||||||
margin-top: 1rem;
|
margin-top: 1rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-footer {
|
.auth-footer {
|
||||||
margin-top: 2rem;
|
margin-top: 2rem;
|
||||||
font-size: 0.9rem;
|
font-size: 0.95rem;
|
||||||
|
color: var(--text-muted);
|
||||||
}
|
}
|
||||||
|
|
||||||
.auth-footer a {
|
.auth-footer a {
|
||||||
color: var(--primary);
|
color: var(--secondary);
|
||||||
font-weight: 600;
|
font-weight: 700;
|
||||||
text-decoration: none;
|
}
|
||||||
|
|
||||||
|
.auth-footer a:hover {
|
||||||
|
text-decoration: underline;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,16 +4,19 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Login | Curio HMS</title>
|
<title>Login | Curio HMS</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="login.css">
|
<link rel="stylesheet" href="login.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
<script src="tenantLoader.js"></script>
|
<script src="tenantLoader.js"></script>
|
||||||
</head>
|
</head>
|
||||||
<body class="auth-body">
|
<body class="auth-body">
|
||||||
<div class="auth-container">
|
<div class="auth-container">
|
||||||
<div class="auth-card">
|
<div class="auth-card">
|
||||||
<div class="auth-logo">
|
<div class="auth-logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<h1>Curio</h1>
|
<h1>Curio</h1>
|
||||||
</div>
|
</div>
|
||||||
<h2>Welcome Back</h2>
|
<h2>Welcome Back</h2>
|
||||||
|
|
@ -21,12 +24,12 @@
|
||||||
|
|
||||||
<form id="loginForm">
|
<form id="loginForm">
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<label>Clinic ID / Email</label>
|
<label for="clinicId">Clinic ID / Email</label>
|
||||||
<input type="text" placeholder="e.g. SHARMA-CLINIC-01" required>
|
<input type="text" id="clinicId" placeholder="e.g. SHARMA-CLINIC-01" required>
|
||||||
</div>
|
</div>
|
||||||
<div class="input-group">
|
<div class="input-group">
|
||||||
<label>Password</label>
|
<label for="password">Password</label>
|
||||||
<input type="password" placeholder="••••••••" required>
|
<input type="password" id="password" placeholder="••••••••" required>
|
||||||
</div>
|
</div>
|
||||||
<button type="submit" class="btn-primary auth-btn">Login to Dashboard</button>
|
<button type="submit" class="btn-primary auth-btn">Login to Dashboard</button>
|
||||||
</form>
|
</form>
|
||||||
|
|
@ -41,10 +44,30 @@
|
||||||
const email = e.target.querySelector('input[type="text"]').value;
|
const email = e.target.querySelector('input[type="text"]').value;
|
||||||
const password = e.target.querySelector('input[type="password"]').value;
|
const password = e.target.querySelector('input[type="password"]').value;
|
||||||
|
|
||||||
if (email === 'deepkoluguri@gmail.com' && password === 'password123') {
|
console.log("Attempting login for:", email);
|
||||||
|
|
||||||
|
// System Admin
|
||||||
|
if (email === 'admin@curio.app' && password === 'superadmin') {
|
||||||
|
localStorage.setItem('userRole', 'SUPER_ADMIN');
|
||||||
|
localStorage.setItem('userEmail', email);
|
||||||
|
window.location.href = 'super-admin.html';
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Mock Hospital Users
|
||||||
|
const users = {
|
||||||
|
'owner@sharma.clinic': { role: 'OWNER', pass: 'owner123' },
|
||||||
|
'doctor@sharma.clinic': { role: 'DOCTOR', pass: 'doc123' },
|
||||||
|
'rec@sharma.clinic': { role: 'RECEPTIONIST', pass: 'rec123' }
|
||||||
|
};
|
||||||
|
|
||||||
|
const user = users[email];
|
||||||
|
if (user && user.pass === password) {
|
||||||
|
localStorage.setItem('userRole', user.role);
|
||||||
|
localStorage.setItem('userEmail', email);
|
||||||
window.location.href = 'dashboard.html';
|
window.location.href = 'dashboard.html';
|
||||||
} else {
|
} else {
|
||||||
alert('Invalid credentials. Hint: deepkoluguri@gmail.com / password123');
|
alert('Invalid credentials.\n\nTry:\n- admin@curio.app / superadmin\n- doctor@sharma.clinic / doc123');
|
||||||
}
|
}
|
||||||
};
|
};
|
||||||
</script>
|
</script>
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,58 @@
|
||||||
|
/**
|
||||||
|
* Patient Journey Simulation:
|
||||||
|
* 1. OPD Payment
|
||||||
|
* 2. Doctor Consultation (Prescription + Lab Request)
|
||||||
|
* 3. Pharmacy Dispensing (Stock + GST Bill)
|
||||||
|
* 4. Lab Forwarding
|
||||||
|
*/
|
||||||
|
|
||||||
|
const queueManager = require('./backend/queueManager');
|
||||||
|
const prescriptionManager = require('./backend/prescriptionManager');
|
||||||
|
const pharmacyManager = require('./backend/pharmacyManager');
|
||||||
|
const billingManager = require('./backend/billingManager');
|
||||||
|
|
||||||
|
async function startJourney() {
|
||||||
|
console.log("=== 🏥 CURIO PATIENT JOURNEY START ===\n");
|
||||||
|
const patientId = "P-8899";
|
||||||
|
const patientName = "Rahul Verma";
|
||||||
|
|
||||||
|
// 1. OPD Registration & Payment
|
||||||
|
console.log("Step 1: Patient arrives at OPD and pays consultation fee.");
|
||||||
|
const opdToken = queueManager.bookOnline("2026-05-14", "10:00");
|
||||||
|
console.log(`[Billing] OPD Invoice Generated: ₹${opdToken.fee}. Status: PAID ✅`);
|
||||||
|
console.log(`[Queue] Token Issued: ${opdToken.token}. Patient is in queue.\n`);
|
||||||
|
|
||||||
|
// 2. Doctor Consultation
|
||||||
|
console.log("Step 2: Doctor sees patient and writes prescription + lab tests.");
|
||||||
|
const medicines = [
|
||||||
|
{ name: "Paracetamol", dosage: "500mg", frequency: "1-0-1", duration: "5 Days", qty: 10 },
|
||||||
|
{ name: "Cough Syrup", dosage: "10ml", frequency: "0-0-1", duration: "3 Days", qty: 1 }
|
||||||
|
];
|
||||||
|
const labTests = [
|
||||||
|
{ testName: "Complete Blood Count (CBC)", instructions: "Fasting not required" }
|
||||||
|
];
|
||||||
|
const rx = prescriptionManager.generate(patientId, "DR-SHARMA", medicines, "Viral Fever", labTests);
|
||||||
|
console.log("[Doctor] Prescription Generated. Sent to patient via WhatsApp.");
|
||||||
|
console.log(rx.whatsappMessage + "\n");
|
||||||
|
|
||||||
|
// 3. Pharmacy Fulfillment
|
||||||
|
console.log("Step 3: Patient goes to Pharmacy.");
|
||||||
|
const fulfillment = pharmacyManager.fulfillPrescription(rx.data);
|
||||||
|
|
||||||
|
console.log("\n--- 💳 Pharmacy GST Bill ---");
|
||||||
|
fulfillment.billItems.forEach(item => {
|
||||||
|
console.log(`${item.itemName} | HSN: ${item.hsn} | Qty: ${item.qty} | GST: ${item.gstRate}% | Total: ₹${item.total.toFixed(2)}`);
|
||||||
|
});
|
||||||
|
console.log(`GRAND TOTAL: ₹${fulfillment.totalBill.toFixed(2)}`);
|
||||||
|
console.log("Status: PAID ✅\n");
|
||||||
|
|
||||||
|
// 4. Lab Integration
|
||||||
|
console.log("Step 4: Checking Lab Status...");
|
||||||
|
if (fulfillment.labStatus === "FORWARDED") {
|
||||||
|
console.log("✅ SUCCESS: Lab tests have been automatically synced with the Lab department.");
|
||||||
|
}
|
||||||
|
|
||||||
|
console.log("\n=== 🏁 PATIENT JOURNEY COMPLETE ===");
|
||||||
|
}
|
||||||
|
|
||||||
|
startJourney();
|
||||||
|
|
@ -4,32 +4,33 @@
|
||||||
}
|
}
|
||||||
|
|
||||||
.inventory-item {
|
.inventory-item {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1.25rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inventory-item span {
|
.inventory-item span {
|
||||||
display: block;
|
display: block;
|
||||||
font-size: 0.875rem;
|
font-size: 0.9rem;
|
||||||
font-weight: 600;
|
font-weight: 600;
|
||||||
|
color: var(--text-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
.inventory-item small {
|
.inventory-item small {
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
|
font-size: 0.8rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inventory-item .bar {
|
.inventory-item .bar {
|
||||||
height: 8px;
|
height: 8px;
|
||||||
background: #F1F5F9;
|
background: var(--bg);
|
||||||
border-radius: 99px;
|
border-radius: 99px;
|
||||||
margin-top: 0.25rem;
|
margin-top: 0.5rem;
|
||||||
overflow: hidden;
|
overflow: hidden;
|
||||||
}
|
}
|
||||||
|
|
||||||
.inventory-item .fill {
|
.inventory-item .fill {
|
||||||
height: 100%;
|
height: 100%;
|
||||||
background: #10B981;
|
background: var(--accent);
|
||||||
|
border-radius: 99px;
|
||||||
|
transition: width 1s ease-in-out;
|
||||||
}
|
}
|
||||||
|
|
||||||
.text-urgent {
|
|
||||||
color: #EF4444;
|
|
||||||
}
|
|
||||||
|
|
|
||||||
|
|
@ -4,21 +4,24 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio Pharmacy | Inventory & Billing</title>
|
<title>Curio Pharmacy | Inventory & Billing</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link rel="stylesheet" href="pharmacy.css">
|
<link rel="stylesheet" href="pharmacy.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<span class="logo-text">Curio</span>
|
<span class="logo-text">Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav">
|
||||||
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
<a href="dashboard.html"><span>🏠</span> Overview</a>
|
||||||
<a href="dashboard.html"><span>👥</span> Queue</a>
|
<a href="dashboard.html" onclick="showSection('queue')"><span>👥</span> Queue</a>
|
||||||
<a href="dashboard.html"><span>📂</span> Patients</a>
|
<a href="dashboard.html" onclick="showSection('patients')"><span>📂</span> Patients</a>
|
||||||
<a href="pharmacy.html" class="active"><span>💊</span> Pharmacy</a>
|
<a href="pharmacy.html" class="active"><span>💊</span> Pharmacy</a>
|
||||||
<a href="lab.html"><span>🔬</span> Lab</a>
|
<a href="lab.html"><span>🔬</span> Lab</a>
|
||||||
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
|
<a href="billing.html"><span>💳</span> Billing & Accounts</a>
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,18 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Clinic Registration | Curio HMS</title>
|
<title>Clinic Registration | Curio HMS</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="login.css">
|
<link rel="stylesheet" href="login.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="auth-body">
|
<body class="auth-body">
|
||||||
<div class="auth-container">
|
<div class="auth-container">
|
||||||
<div class="auth-card">
|
<div class="auth-card">
|
||||||
<div class="auth-logo">
|
<div class="auth-logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<h1>Curio</h1>
|
<h1>Curio</h1>
|
||||||
</div>
|
</div>
|
||||||
<h2>Register Your Clinic</h2>
|
<h2>Register Your Clinic</h2>
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,46 @@
|
||||||
.settings-grid {
|
.settings-grid {
|
||||||
display: grid;
|
display: grid;
|
||||||
grid-template-columns: repeat(2, 1fr);
|
grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
|
||||||
gap: 1.5rem;
|
gap: 2rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings-grid .section-card h2,
|
||||||
|
.settings-grid .section-card h3 {
|
||||||
|
color: var(--text-main);
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-grid .section-card h2 {
|
.settings-grid .section-card h2 {
|
||||||
font-size: 1.1rem;
|
font-size: 1.25rem;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 2rem;
|
||||||
padding-bottom: 0.5rem;
|
padding-bottom: 0.75rem;
|
||||||
border-bottom: 1px solid var(--border);
|
border-bottom: 2px solid var(--bg);
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-grid .input-group {
|
.settings-grid .input-group {
|
||||||
margin-bottom: 1.25rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-grid label {
|
.settings-grid label {
|
||||||
font-size: 0.85rem;
|
font-size: 0.875rem;
|
||||||
color: var(--text-muted);
|
color: var(--text-muted);
|
||||||
font-weight: 500;
|
font-weight: 600;
|
||||||
|
display: block;
|
||||||
|
margin-bottom: 0.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.settings-grid input, .settings-grid select {
|
.settings-grid input, .settings-grid select {
|
||||||
width: 100%;
|
width: 100%;
|
||||||
padding: 0.75rem;
|
padding: 0.875rem;
|
||||||
border-radius: 10px;
|
border-radius: var(--radius-md);
|
||||||
border: 1px solid var(--border);
|
border: 1px solid var(--border);
|
||||||
margin-top: 0.4rem;
|
background: var(--bg);
|
||||||
|
transition: var(--transition);
|
||||||
|
font-size: 1rem;
|
||||||
|
}
|
||||||
|
|
||||||
|
.settings-grid input:focus, .settings-grid select:focus {
|
||||||
|
outline: none;
|
||||||
|
border-color: var(--secondary);
|
||||||
|
background: white;
|
||||||
|
box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.05);
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,18 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio Settings | Hospital Configuration</title>
|
<title>Curio Settings | Hospital Configuration</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link rel="stylesheet" href="settings.css">
|
<link rel="stylesheet" href="settings.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<span class="logo-text">Curio</span>
|
<span class="logo-text">Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav">
|
||||||
|
|
|
||||||
|
|
@ -1,30 +1,43 @@
|
||||||
.payroll-card {
|
.payroll-card {
|
||||||
background: linear-gradient(135deg, #10B981, #059669);
|
background: linear-gradient(135deg, var(--accent), var(--accent-hover));
|
||||||
color: white;
|
color: white;
|
||||||
|
border: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
.payroll-card h3 {
|
.payroll-card h3 {
|
||||||
margin-bottom: 1rem;
|
margin-bottom: 1rem;
|
||||||
|
color: white !important;
|
||||||
}
|
}
|
||||||
|
|
||||||
.payroll-card p {
|
.payroll-card p {
|
||||||
font-size: 0.85rem;
|
font-size: 0.875rem;
|
||||||
opacity: 0.9;
|
opacity: 0.9;
|
||||||
margin-bottom: 1.5rem;
|
margin-bottom: 1.5rem;
|
||||||
}
|
}
|
||||||
|
|
||||||
.incentive-item {
|
.incentive-item {
|
||||||
background: rgba(255, 255, 255, 0.1);
|
background: rgba(255, 255, 255, 0.15);
|
||||||
padding: 1rem;
|
padding: 1.25rem;
|
||||||
border-radius: 12px;
|
border-radius: var(--radius-md);
|
||||||
|
backdrop-filter: blur(4px);
|
||||||
|
border: 1px solid rgba(255, 255, 255, 0.2);
|
||||||
}
|
}
|
||||||
|
|
||||||
.incentive-item span {
|
.incentive-item span {
|
||||||
font-size: 0.75rem;
|
font-size: 0.75rem;
|
||||||
|
text-transform: uppercase;
|
||||||
|
letter-spacing: 0.05em;
|
||||||
opacity: 0.8;
|
opacity: 0.8;
|
||||||
}
|
}
|
||||||
|
|
||||||
.incentive-item h4 {
|
.incentive-item h4 {
|
||||||
font-size: 1.5rem;
|
font-size: 1.75rem;
|
||||||
margin: 0.25rem 0;
|
margin: 0.25rem 0;
|
||||||
|
color: white;
|
||||||
|
}
|
||||||
|
|
||||||
|
.incentive-item small {
|
||||||
|
display: block;
|
||||||
|
margin-top: 0.25rem;
|
||||||
|
opacity: 0.7;
|
||||||
}
|
}
|
||||||
|
|
|
||||||
|
|
@ -4,15 +4,18 @@
|
||||||
<meta charset="UTF-8">
|
<meta charset="UTF-8">
|
||||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
<title>Curio Staff | Personnel & Payroll</title>
|
<title>Curio Staff | Personnel & Payroll</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
<link rel="stylesheet" href="index.css">
|
<link rel="stylesheet" href="index.css">
|
||||||
<link rel="stylesheet" href="dashboard.css">
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
<link rel="stylesheet" href="staff.css">
|
<link rel="stylesheet" href="staff.css">
|
||||||
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@600;700&display=swap" rel="stylesheet">
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
</head>
|
</head>
|
||||||
<body class="dashboard-body">
|
<body class="dashboard-body">
|
||||||
<aside class="sidebar">
|
<aside class="sidebar">
|
||||||
<div class="logo">
|
<div class="logo">
|
||||||
<span class="logo-icon">C</span>
|
<div class="logo-icon">C</div>
|
||||||
<span class="logo-text">Curio</span>
|
<span class="logo-text">Curio</span>
|
||||||
</div>
|
</div>
|
||||||
<nav class="side-nav">
|
<nav class="side-nav">
|
||||||
|
|
|
||||||
|
|
@ -0,0 +1,119 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>Super Admin | Curio Platform</title>
|
||||||
|
<link rel="stylesheet" href="globals.css">
|
||||||
|
<link rel="stylesheet" href="index.css">
|
||||||
|
<link rel="stylesheet" href="dashboard.css">
|
||||||
|
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||||
|
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||||
|
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@500;600;700&display=swap" rel="stylesheet">
|
||||||
|
</head>
|
||||||
|
<body class="dashboard-body">
|
||||||
|
<aside class="sidebar">
|
||||||
|
<div class="logo">
|
||||||
|
<div class="logo-icon">C</div>
|
||||||
|
<span class="logo-text">Curio Central</span>
|
||||||
|
</div>
|
||||||
|
<nav class="side-nav">
|
||||||
|
<a href="#" class="active"><span>📊</span> Platform Overview</a>
|
||||||
|
<a href="#"><span>🏥</span> Hospital Tenants</a>
|
||||||
|
<a href="#"><span>💳</span> Subscription Billing</a>
|
||||||
|
<a href="#"><span>🛡️</span> Security & Logs</a>
|
||||||
|
<a href="#"><span>⚙️</span> Global Settings</a>
|
||||||
|
</nav>
|
||||||
|
<div class="user-profile">
|
||||||
|
<div class="avatar">SA</div>
|
||||||
|
<div class="info">
|
||||||
|
<strong>Super Admin</strong>
|
||||||
|
<span>admin@curio.app</span>
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<a href="login.html" class="logout-btn">🚪 Logout</a>
|
||||||
|
</aside>
|
||||||
|
|
||||||
|
<main class="dashboard-main">
|
||||||
|
<header class="dash-header">
|
||||||
|
<div class="welcome">
|
||||||
|
<h1>Platform Command Center</h1>
|
||||||
|
<p>Real-time analytics across all 12 registered hospital networks.</p>
|
||||||
|
</div>
|
||||||
|
<div class="header-actions">
|
||||||
|
<button class="btn-primary">+ Add New Hospital</button>
|
||||||
|
</div>
|
||||||
|
</header>
|
||||||
|
|
||||||
|
<section class="stats-row">
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Total Active Hospitals</span>
|
||||||
|
<h3>12</h3>
|
||||||
|
<small class="text-accent">↑ 2 this month</small>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Total Monthly Revenue</span>
|
||||||
|
<h3>₹42,50,000</h3>
|
||||||
|
<small class="text-accent">↑ 14.5% vs Last Mo</small>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>Active Patient Profiles</span>
|
||||||
|
<h3>85,420</h3>
|
||||||
|
<small>Across all tenants</small>
|
||||||
|
</div>
|
||||||
|
<div class="stat-card">
|
||||||
|
<span>System Health</span>
|
||||||
|
<h3>99.98%</h3>
|
||||||
|
<small class="text-accent">All Regions Healthy</small>
|
||||||
|
</div>
|
||||||
|
</section>
|
||||||
|
|
||||||
|
<section class="section-card" style="margin-top: 2rem;">
|
||||||
|
<div class="card-header">
|
||||||
|
<h2>Hospital Tenants</h2>
|
||||||
|
<div class="search-bar">
|
||||||
|
<input type="text" placeholder="Search by Clinic ID or Owner..." style="width: 300px; padding: 0.6rem; border-radius: 8px; border: 1px solid var(--border);">
|
||||||
|
</div>
|
||||||
|
</div>
|
||||||
|
<table class="queue-table">
|
||||||
|
<thead>
|
||||||
|
<tr>
|
||||||
|
<th>Clinic ID</th>
|
||||||
|
<th>Name</th>
|
||||||
|
<th>Owner</th>
|
||||||
|
<th>Plan</th>
|
||||||
|
<th>Status</th>
|
||||||
|
<th>Actions</th>
|
||||||
|
</tr>
|
||||||
|
</thead>
|
||||||
|
<tbody>
|
||||||
|
<tr>
|
||||||
|
<td>SHARMA-01</td>
|
||||||
|
<td><strong>Dr. Sharma's Clinic</strong></td>
|
||||||
|
<td>Dr. Rahul Sharma</td>
|
||||||
|
<td><span class="badge">Premium</span></td>
|
||||||
|
<td><span class="status-pill in-room">Active</span></td>
|
||||||
|
<td><button class="btn-small">Manage</button></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>APOLLO-X</td>
|
||||||
|
<td><strong>Apollo Life Center</strong></td>
|
||||||
|
<td>M.K. Rao</td>
|
||||||
|
<td><span class="badge">Enterprise</span></td>
|
||||||
|
<td><span class="status-pill in-room">Active</span></td>
|
||||||
|
<td><button class="btn-small">Manage</button></td>
|
||||||
|
</tr>
|
||||||
|
<tr>
|
||||||
|
<td>LIFE-CARE</td>
|
||||||
|
<td><strong>LifeCare Hospital</strong></td>
|
||||||
|
<td>Sanjay Verma</td>
|
||||||
|
<td><span class="badge">Basic</span></td>
|
||||||
|
<td><span class="status-pill waiting">Suspended</span></td>
|
||||||
|
<td><button class="btn-small secondary">Resume</button></td>
|
||||||
|
</tr>
|
||||||
|
</tbody>
|
||||||
|
</table>
|
||||||
|
</section>
|
||||||
|
</main>
|
||||||
|
</body>
|
||||||
|
</html>
|
||||||
|
|
@ -0,0 +1,62 @@
|
||||||
|
/**
|
||||||
|
* Final Integration Test: Curio HMS Ecosystem
|
||||||
|
* Validates: Family Profiles, Agentic Bot, Pharmacy Autonomy, GST Billing, and Lab Handover.
|
||||||
|
*/
|
||||||
|
|
||||||
|
const botLogic = require('./backend/botLogic');
|
||||||
|
const pharmacyAgent = require('./backend/pharmacyAgent');
|
||||||
|
const pharmacyManager = require('./backend/pharmacyManager');
|
||||||
|
const patientManager = require('./backend/patientManager');
|
||||||
|
const queueManager = require('./backend/queueManager');
|
||||||
|
|
||||||
|
async function runAudit() {
|
||||||
|
console.log("=== 🛡️ CURIO FULL SYSTEM AUDIT START ===\n");
|
||||||
|
|
||||||
|
const phone = "+91-9876543210";
|
||||||
|
|
||||||
|
// 1. TEST: AGENTIC FAMILY MANAGEMENT
|
||||||
|
console.log("Scenario 1: Family Member Management");
|
||||||
|
const r1 = await botLogic.handleMessage(phone, "Hi");
|
||||||
|
console.log("Input: 'Hi' -> Bot:", r1.reply);
|
||||||
|
|
||||||
|
const r2 = await botLogic.handleMessage(phone, "Add new member: Arya Verma");
|
||||||
|
console.log("Input: 'Add member: Arya Verma' -> Bot:", r2.reply);
|
||||||
|
|
||||||
|
// 2. TEST: CLINICAL WORKFLOW (Prescription to Lab)
|
||||||
|
console.log("\nScenario 2: Clinical Workflow & GST Billing");
|
||||||
|
const medicines = [
|
||||||
|
{ name: "Amoxicillin", qty: 15, dosage: "250mg", duration: "5 Days" },
|
||||||
|
{ name: "Insulin", qty: 2, dosage: "10 units", duration: "Monthly" }
|
||||||
|
];
|
||||||
|
const labTests = [{ testName: "HbA1c" }];
|
||||||
|
|
||||||
|
// Simulate pharmacy fulfillment of this Rx
|
||||||
|
const mockRx = { id: "RX-AUDIT-001", patientId: "Arya-1", medicines, labTests };
|
||||||
|
const fulfillment = pharmacyManager.fulfillPrescription(mockRx);
|
||||||
|
|
||||||
|
console.log(`[Pharmacy] Bill Generated: ₹${fulfillment.totalBill.toFixed(2)} (GST Included)`);
|
||||||
|
console.log(`[Lab] Verification: Lab Status is ${fulfillment.labStatus}`);
|
||||||
|
|
||||||
|
// 3. TEST: AUTONOMOUS PHARMACY (The "Agentic" Part)
|
||||||
|
console.log("\nScenario 3: Autonomous Inventory Management");
|
||||||
|
// Force low stock for Azithromycin
|
||||||
|
const inventory = pharmacyManager.getInventory();
|
||||||
|
const azithro = inventory.find(i => i.name.includes("Azithromycin"));
|
||||||
|
azithro.stock = 5;
|
||||||
|
console.log(`[System] Manually dropped ${azithro.name} stock to 5.`);
|
||||||
|
|
||||||
|
await pharmacyAgent.analyzeInventory();
|
||||||
|
|
||||||
|
// 4. TEST: EXPIRY SENTINEL
|
||||||
|
console.log("\nScenario 4: Proactive Expiry Detection");
|
||||||
|
pharmacyAgent.analyzeExpiries(inventory);
|
||||||
|
|
||||||
|
// 5. TEST: AGENTIC NATURAL LANGUAGE QUERY
|
||||||
|
console.log("\nScenario 5: Natural Language Medicine Inquiry");
|
||||||
|
const r3 = await botLogic.handleMessage(phone, "Do you have Paracetamol?");
|
||||||
|
console.log("Input: 'Do you have Paracetamol?' -> Bot:", r3.reply);
|
||||||
|
|
||||||
|
console.log("\n=== 🏁 AUDIT COMPLETE: ALL MODULES FUNCTIONAL ===");
|
||||||
|
}
|
||||||
|
|
||||||
|
runAudit();
|
||||||
Loading…
Reference in New Issue