T TH Studio Pasted Text Source guide import React, { useState, useEffect, useMemo } from 'react'; import { Activity, Users, Bed, AlertCircle, TrendingUp, ShieldCheck, LayoutDashboard, Baby, Skull, FileSearch, UserCircle, Settings, Database, ClipboardList, BarChart3, LogOut, Plus, Trash2, Stethoscope, Heart, Sparkles, Loader2, BrainCircuit, Lock, Eye, EyeOff, Monitor, HardDrive, RefreshCcw } from 'lucide-react'; import { XAxis, YAxis, ResponsiveContainer, AreaChart, Area } from 'recharts'; const apiKey = ""; // Initial Static Data const INITIAL_DEPARTMENTS = [ { id: 'er', label: 'Emergency', icon: 'Activity', count: 12, color: 'text-rose-500' }, { id: 'opd', label: 'OPD', icon: 'Users', count: 71, color: 'text-blue-400' }, { id: 'indoor', label: 'Indoor', icon: 'Bed', count: 5, color: 'text-emerald-400' }, { id: 'labour', label: 'Labour Room', icon: 'Baby', count: 3, color: 'text-pink-400' }, { id: 'xray', label: 'X-Ray', icon: 'Skull', count: 9, color: 'text-amber-400' }, { id: 'lab', label: 'Laboratory', icon: 'FileSearch', count: 24, color: 'text-indigo-400' }, ]; const MOCK_TIME_SERIES = [ { time: '08:00', val: 15 }, { time: '10:00', val: 30 }, { time: '12:00', val: 45 }, { time: '14:00', val: 38 }, { time: '16:00', val: 22 }, { time: '18:00', val: 55 }, ]; const App = () => { const [activeTab, setActiveTab] = useState('TV'); const [time, setTime] = useState(new Date()); // Security State const [isAdminUnlocked, setIsAdminUnlocked] = useState(false); const [pinInput, setPinInput] = useState(""); const [showPin, setShowPin] = useState(false); const adminPin = "1122"; // Encrypted placeholder - in real usage would be hashed // Configuration State const [appConfig, setAppConfig] = useState({ hospitalName: "THQ Hospital Sillanwali", departmentName: "IT DEPARTMENT", tvRefreshRate: 30, welcomeMsg: "👋 Assalam-o-Alaikum. You have reached the official information service for THQ Hospital Sillanwali 🏥.", autoAiBriefing: true }); const [depts, setDepts] = useState(INITIAL_DEPARTMENTS); const [aiLoading, setAiLoading] = useState(false); const [aiInsights, setAiInsights] = useState(null); useEffect(() => { const timer = setInterval(() => setTime(new Date()), 1000); return () => clearInterval(timer); }, []); const iconMap = { Activity, Users, Bed, Baby, Skull, FileSearch }; const callGemini = async (prompt) => { setAiLoading(true); try { const response = await fetch(https://generativelanguage.googleapis.com/v1beta/models/gemini-2.5-flash-preview-09-2025:generateContent?key=${apiKey}, { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ contents: [{ parts: [{ text: prompt }] }] }) }); const data = await response.json(); setAiLoading(false); return data.candidates?.[0]?.content?.parts?.[0]?.text; } catch (e) { setAiLoading(false); return "AI Link Timeout. Check internet connection."; } }; const generateReportSummary = async () => { const summaryData = depts.map(d => ${d.label}: ${d.count}).join(', '); const res = await callGemini(Summarize this hospital reporting data for the IT Manager: ${summaryData}. One professional sentence only.); setAiInsights(res); }; const handlePinSubmit = (e) => { e.preventDefault(); if (pinInput === adminPin) { setIsAdminUnlocked(true); setPinInput(""); } else { setPinInput(""); alert("INVALID ACCESS CODE"); } }; const renderTV = () => (

{appConfig.departmentName} MONITOR

{appConfig.departmentName}
{appConfig.hospitalName}

{time.toLocaleTimeString([], { hour: '2-digit', minute: '2-digit', second: '2-digit', hour12: false })}

REFRESH: {appConfig.tvRefreshRate}S

{/* AI Health Briefing */}

Systems Analysis

{aiInsights || "Ready for daily systems audit..."}

Total Daily Traffic

{depts.reduce((acc, curr) => acc + curr.count, 0)}

Reporting Modules

{depts.length}

); const renderConfig = () => { if (!isAdminUnlocked) { return (

RESTRICTED AREA

ADMIN PIN REQUIRED

); } return (

GLOBAL CONFIGURATION

Hospital Name setAppConfig({...appConfig, hospitalName: e.target.value})} />

Department Name setAppConfig({...appConfig, departmentName: e.target.value})} />

TV Refresh Rate (Sec)

{appConfig.departmentName} {appConfig.hospitalName}

RESTRICTED AREA

GLOBAL CONFIGURATION

{appConfig.departmentName}
{appConfig.hospitalName}

PulseBoard HQ