61:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 62:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/1bpgyrs5qflhu.js","/_next/static/immutable/chunks/0-6vu2ul1h6ld.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 63:T7343,'use client' import * as React from 'react' import { AlertTriangle, CheckCircle2, FileCheck2, FileDown, FlaskConical, MapPin, Printer, Search, Share2, ShieldCheck, Stethoscope, TrendingDown, TrendingUp, } from 'lucide-react' import { cn } from '@/lib/utils' import { Badge } from '@/components/ui/badge' import { Button } from '@/components/ui/button' import { Card, CardContent, CardDescription, CardHeader, CardTitle } from '@/components/ui/card' import { Separator } from '@/components/ui/separator' import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@/components/ui/table' import { Tabs, TabsList, TabsTrigger } from '@/components/ui/tabs' export interface LabResultsViewerProps { className?: string } export type TestStatus = 'Normal' | 'High' | 'Low' export interface LabTest { id: string name: string panel: 'lipid' | 'metabolic' | 'renal' panelLabel: string loinc: string value: number unit: string referenceRangeText: string status: TestStatus scaleMin: number scaleMax: number normalMin: number normalMax: number markerPercent: number rangeZoneLeft: number rangeZoneWidth: number trendDelta: string trendDirection: 'up' | 'down' | 'flat' trendStatus: 'warning' | 'success' | 'neutral' priorValue: string clinicalNote: string } const patientInfo = { name: 'Sarah Jenkins', mrn: 'MRN-9482104', dob: 'Apr 12, 1984 (Age 42)', sex: 'Female', fasting: 'Fasting (12 hours)', accession: 'Q-94827104', orderedBy: 'Dr. Marcus Thorne, MD, FACP', facility: 'Quest Diagnostics Central Lab #842', facilityAddress: '100 Clifton Blvd, Clifton, NJ 07012 (CLIA: 31D0691234)', collectedDate: 'Aug 18, 2026 · 08:30 AM EDT', reportedDate: 'Aug 18, 2026 · 02:45 PM EDT', specimen: 'Serum & Plasma (Gold SST / Lavender EDTA)', } const labTests: LabTest[] = [ { id: 'chol-total', name: 'Total Cholesterol', panel: 'lipid', panelLabel: 'Lipid Panel (Cardiovascular Risk)', loinc: '2093-3', value: 215, unit: 'mg/dL', referenceRangeText: '< 200 mg/dL', status: 'High', scaleMin: 100, scaleMax: 300, normalMin: 100, normalMax: 200, markerPercent: 57.5, rangeZoneLeft: 0, rangeZoneWidth: 50, trendDelta: '+12 mg/dL vs 6 mos ago', trendDirection: 'up', trendStatus: 'warning', priorValue: '203 mg/dL (Feb 2026)', clinicalNote: 'Mild elevation. Suggests elevated total circulating atherogenic lipoprotein particles.', }, { id: 'chol-ldl', name: 'LDL Cholesterol (Calculated)', panel: 'lipid', panelLabel: 'Lipid Panel (Cardiovascular Risk)', loinc: '13457-7', value: 138, unit: 'mg/dL', referenceRangeText: '< 100 mg/dL', status: 'High', scaleMin: 50, scaleMax: 200, normalMin: 50, normalMax: 100, markerPercent: 58.7, rangeZoneLeft: 0, rangeZoneWidth: 33.3, trendDelta: '+18 mg/dL vs 6 mos ago', trendDirection: 'up', trendStatus: 'warning', priorValue: '120 mg/dL (Feb 2026)', clinicalNote: 'Above primary prevention target (< 100 mg/dL). Lifestyle modifications indicated.', }, { id: 'chol-hdl', name: 'HDL Cholesterol', panel: 'lipid', panelLabel: 'Lipid Panel (Cardiovascular Risk)', loinc: '2085-9', value: 58, unit: 'mg/dL', referenceRangeText: '≥ 50 mg/dL', status: 'Normal', scaleMin: 20, scaleMax: 100, normalMin: 50, normalMax: 100, markerPercent: 47.5, rangeZoneLeft: 37.5, rangeZoneWidth: 62.5, trendDelta: '+2 mg/dL vs 6 mos ago', trendDirection: 'up', trendStatus: 'success', priorValue: '56 mg/dL (Feb 2026)', clinicalNote: 'Desirable cardio-protective level for adult female population.', }, { id: 'triglycerides', name: 'Triglycerides', panel: 'lipid', panelLabel: 'Lipid Panel (Cardiovascular Risk)', loinc: '2571-8', value: 142, unit: 'mg/dL', referenceRangeText: '< 150 mg/dL', status: 'Normal', scaleMin: 50, scaleMax: 250, normalMin: 50, normalMax: 150, markerPercent: 46.0, rangeZoneLeft: 0, rangeZoneWidth: 50, trendDelta: '-15 mg/dL vs 6 mos ago', trendDirection: 'down', trendStatus: 'success', priorValue: '157 mg/dL (Feb 2026)', clinicalNote: 'Improved from borderline threshold into normal reference zone.', }, { id: 'glucose-fasting', name: 'Fasting Glucose', panel: 'metabolic', panelLabel: 'Glucose Metabolism & Glycemic Control', loinc: '1558-6', value: 92, unit: 'mg/dL', referenceRangeText: '70 – 99 mg/dL', status: 'Normal', scaleMin: 50, scaleMax: 150, normalMin: 70, normalMax: 99, markerPercent: 42.0, rangeZoneLeft: 20, rangeZoneWidth: 29, trendDelta: '-3 mg/dL vs 6 mos ago', trendDirection: 'down', trendStatus: 'success', priorValue: '95 mg/dL (Feb 2026)', clinicalNote: 'Normal euglycemic fasting state. No prediabetes indicators.', }, { id: 'egfr-renal', name: 'eGFR (Kidney Function)', panel: 'renal', panelLabel: 'Renal Function & Filtration', loinc: '33914-3', value: 104, unit: 'mL/min/1.73m²', referenceRangeText: '≥ 60 mL/min/1.73m²', status: 'Normal', scaleMin: 30, scaleMax: 130, normalMin: 60, normalMax: 130, markerPercent: 74.0, rangeZoneLeft: 30, rangeZoneWidth: 70, trendDelta: '+1 mL/min vs 6 mos ago', trendDirection: 'up', trendStatus: 'success', priorValue: '103 mL/min (Feb 2026)', clinicalNote: 'Calculated using CKD-EPI 2021 equation. Robust renal clearance performance.', }, ] export function LabResultsViewer({ className }: LabResultsViewerProps) { const [activeTab, setActiveTab] = React.useState('all') const [searchQuery, setSearchQuery] = React.useState('') const [isCopiedShare, setIsCopiedShare] = React.useState(false) const [isDownloadingPdf, setIsDownloadingPdf] = React.useState(false) const filteredTests = React.useMemo(() => { return labTests.filter((test) => { // Tab filter if (activeTab === 'out-of-range' && test.status === 'Normal') return false if (activeTab === 'lipid' && test.panel !== 'lipid') return false if (activeTab === 'metabolic-renal' && test.panel !== 'metabolic' && test.panel !== 'renal') return false // Search query filter if (searchQuery.trim()) { const q = searchQuery.toLowerCase().trim() return ( test.name.toLowerCase().includes(q) || test.loinc.toLowerCase().includes(q) || test.panelLabel.toLowerCase().includes(q) ) } return true }) }, [activeTab, searchQuery]) const totalNormalCount = labTests.filter((t) => t.status === 'Normal').length const totalOutOfRangeCount = labTests.filter((t) => t.status !== 'Normal').length const handleShare = React.useCallback(() => { if (typeof navigator !== 'undefined' && navigator.clipboard) { navigator.clipboard.writeText( `Lab Results for ${patientInfo.name} (${patientInfo.accession}) - ${patientInfo.collectedDate}`, ) setIsCopiedShare(true) setTimeout(() => { setIsCopiedShare(false) }, 2000) } }, []) const handleDownloadPdf = React.useCallback(() => { setIsDownloadingPdf(true) setTimeout(() => { setIsDownloadingPdf(false) }, 1500) }, []) const handlePrint = React.useCallback(() => { if (typeof window !== 'undefined') { window.print() } }, []) return (

{/* Header: Diagnostic Pathology Report */}

{patientInfo.accession} Final Diagnostic Report

Comprehensive Metabolic Panel & Lipid Panel Clinical chemistry and lipid risk profiling conducted by {patientInfo.facility}

{/* Quick Action Buttons */}

{/* Patient & Order Metadata Grid */}

Patient Details: {patientInfo.name}
Ordering Physician: {patientInfo.orderedBy}
Collection & Fasting: {patientInfo.collectedDate}
Testing Facility: {patientInfo.facility}

{/* Overall Summary Banner */}

14 tests normal · 2 tests out of reference range

Clinical Review Advised

Total Cholesterol and LDL Cholesterol exceed recommended reference thresholds. Fasting glucose metabolism and renal function (eGFR) remain optimal.

{/* Quick Statistical Count Badges */}

In Range: 14

Out of Range: 2

{/* Interactive Filtering & Search Header */}

All ({labTests.length}) Out of Range ({totalOutOfRangeCount}) Lipid (4) Metabolic & Renal (2) {/* Test Search Filter Input */}

setSearchQuery(e.target.value)} type="text" placeholder="Filter tests or LOINC..." className="border-border bg-background text-foreground placeholder:text-muted-foreground focus-visible:border-ring focus-visible:ring-ring/50 h-8.5 w-full rounded-lg border pr-3 pl-9 text-xs transition-colors focus-visible:ring-[3px] focus-visible:outline-none" />

{/* Diagnostic Panels & Test Results Table */}

Laboratory Test Panels Quantitative measurements, standard LOINC reference intervals, and 6-month historical trend comparison.

Showing {filteredTests.length} of {labTests.length} tests

Test Name & Code Measured Value Flag Reference Range Visual Scale Historical 6-Mo Delta {filteredTests.map((test) => ( {/* Test Name & LOINC */}

{test.name}

LOINC: {test.loinc} {test.panelLabel}

{/* Measured Result */}

{test.value} {test.unit}

{/* Status Flag Badge */} {test.status} {/* Reference Range */} {test.referenceRangeText} {/* Visual Reference Range Bar with Patient Needle Marker */}

{/* Normal Safe Zone (Green Region) */}

{/* Patient Value Marker Pin */}

{/* Min, Target, and Max Scale Labels */}

{test.scaleMin} Normal {test.scaleMax}

{/* Historical 6-Mo Trend Delta */}

{test.trendDirection === 'up' ? ( ) : ( )} {test.trendDelta}

Prior: {test.priorValue}

))} {filteredTests.length === 0 && (

No laboratory test records matched your filter criteria.

)}

{/* Doctor's Clinical Impression Card */}

Doctor's Clinical Impression & Action Plan Physician interpretation provided by {patientInfo.orderedBy}

Verified Electronic Signature

{/* Physician Qualitative Commentary */}

“Lipid panel shows mild elevation in LDL Cholesterol (138 mg/dL) and Total Cholesterol (215 mg/dL). Fasting blood glucose (92 mg/dL) and renal filtration markers (eGFR 104 mL/min/1.73m²) demonstrate outstanding stability. Recommend continuing Mediterranean dietary pattern with emphasis on soluble fiber and healthy monounsaturated fats, 150 minutes of moderate aerobic exercise weekly, and repeat lipid panel in 3 months. Statin therapy is not warranted at the patient's current 10-year ASCVD risk threshold.”

{/* Clinical Action Checklist */}

Recommended Clinical Action Items

Repeat Lipid Panel

Schedule re-test in 90 days (Nov 2026)

Mediterranean Diet

Maintain high fiber and plant sterols intake

Cardiovascular Wellness

150 mins weekly moderate aerobic activity

{/* Physician Signature Footer Strip */}

{patientInfo.orderedBy}

NPI #1849204812 · Medical License #20MD084721

Digitally signed on Aug 18, 2026 · 15:45 EDT

{/* Lab Facility Certification Footer */}

{patientInfo.facilityAddress}

Specimen: {patientInfo.specimen} · CLIA Certified

) } 60:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[["$","ul",null,{"className":"flex min-w-0 flex-wrap gap-2","aria-label":"Package dependencies","children":[["$","li","lucide-react",{"className":"min-w-0 max-w-full","children":["$","a",null,{"href":"https://www.npmjs.com/package/lucide-react","target":"_blank","rel":"noopener noreferrer","className":"flex max-w-full min-w-0 items-center gap-1.5 rounded-md border px-2 py-1.5 text-xs","children":[["$","svg",null,{"viewBox":"0 0 24 24","className":"size-3 shrink-0","children":["$","path",null,{"d":"M1.763 0C.786 0 0 .786 0 1.763v20.474C0 23.214.786 24 1.763 24h20.474c.977 0 1.763-.786 1.763-1.763V1.763C24 .786 23.214 0 22.237 0zM5.13 5.323l13.837.019-.009 13.836h-3.464l.01-10.382h-3.456L12.04 19.17H5.113z","fill":"currentColor"}]}],["$","span",null,{"className":"min-w-0 break-all text-xs font-medium","children":"lucide-react"}]]}]}]]}],["$","$L61",null,{"namespace":"@registrydirectory","registryDependencies":["https://uipkge.dev/r/react/badge.json","https://uipkge.dev/r/react/button.json","https://uipkge.dev/r/react/card.json","https://uipkge.dev/r/react/separator.json","https://uipkge.dev/r/react/table.json","https://uipkge.dev/r/react/tabs.json"]}]]}],null]}],["$","$L62",null,{"files":[{"path":"packages/registry-react/blocks/lab-results-viewer/LabResultsViewer.tsx","content":"$63","type":"registry:block","target":"~/components/blocks/LabResultsViewer.tsx"}],"className":"h-[70svh] min-h-80"}]]}]