@corensystem/coren-ui 1.0.0-next.20260924.75108.887a9c2

package/dist/pages/core-clinic.mjs

@@ -0,0 +1,2175 @@
+import { Badge } from "../badge.mjs";
+import { HoverTooltip } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { Card } from "../card.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../tabs.mjs";
+import { Field, FieldLabel } from "../field.mjs";
+import { Input } from "../input.mjs";
+import { AddClinicLocationDialog } from "../add-clinic-location-dialog.mjs";
+import { AddClinicVisitDialog } from "../add-clinic-visit-dialog.mjs";
+import { Checkbox } from "../checkbox.mjs";
+import { AssignDoctorDialog } from "../assign-doctor-dialog.mjs";
+import { AttentionList, AttentionListItem } from "../attention-list.mjs";
+import { Avatar, AvatarFallback } from "../avatar.mjs";
+import { Filter as Filter$1, FilterCategory, FilterContent, FilterOption, FilterTrigger } from "../filter.mjs";
+import { DataTable, DataTableColumnHeader, DataTableRowActions } from "../data-table.mjs";
+import { FormActionBar } from "../form-action-bar.mjs";
+import { MetricCard } from "../metric-card.mjs";
+import { Toaster } from "../sonner.mjs";
+import { PageContentHeader } from "../page-content-header.mjs";
+import { ProgressStat } from "../progress-stat.mjs";
+import { SideMenu } from "../side-menu.mjs";
+import { RuleList, RuleRow } from "../rule-row.mjs";
+import { ScoreGauge } from "../score-gauge.mjs";
+import { SectionHeader } from "../section-header.mjs";
+import { TrendChart } from "../trend-chart.mjs";
+import { CoreAppSidebar } from "../navigation/core-app-sidebar.mjs";
+import { CoreAppTopBar } from "../navigation/core-app-top-bar.mjs";
+import { ontologyScopeCounts } from "./wc3-ontology-scope.mjs";
+import { ONTOLOGY_VIEWS } from "./wc3-ontology-views.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Activity, Archive, ArrowRight, Box, Building2, CalendarClock, CalendarPlus, CircleCheck, CircleX, Clock, Dna, Download, Eye, Folder, HeartPulse, Link2, ListOrdered, Network, Pencil, Plus, Puzzle, Save, Settings, ShieldCheck, Stethoscope, Trash2, TriangleAlert, Upload, UserCog, Users, Zap } from "lucide-react";
+import { useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-clinic.tsx
+const CLINIC_GROUPS = [{ items: [{
+	id: "clinic",
+	label: "Clinic",
+	icon: Stethoscope
+}] }];
+const TABS = [{
+	id: "overview",
+	label: "Overview",
+	icon: Activity
+}, {
+	id: "worker-fitness",
+	label: "Worker Fitness",
+	icon: HeartPulse
+}];
+const CLINIC_ONTOLOGY_SCOPE = { objectTypeIds: [
+	"ot_worker",
+	"ot_cert",
+	"ot_zone",
+	"ot_site",
+	"ot_project"
+] };
+const ONTOLOGY_COUNTS = ontologyScopeCounts(CLINIC_ONTOLOGY_SCOPE);
+const SETTINGS_GROUPS = [{
+	label: "System",
+	items: [
+		{
+			id: "visit-frequency",
+			label: "Visit Frequency",
+			icon: CalendarClock
+		},
+		{
+			id: "age-rules",
+			label: "Age-Based Rules",
+			icon: ListOrdered
+		},
+		{
+			id: "clinics",
+			label: "Clinics",
+			icon: Building2
+		},
+		{
+			id: "doctors",
+			label: "Doctors",
+			icon: UserCog
+		}
+	]
+}, {
+	label: "Ontology",
+	items: [
+		{
+			id: "object-types",
+			label: "Object types",
+			icon: Box,
+			count: ONTOLOGY_COUNTS["object-types"]
+		},
+		{
+			id: "link-types",
+			label: "Link types",
+			icon: Link2,
+			count: ONTOLOGY_COUNTS["link-types"]
+		},
+		{
+			id: "action-types",
+			label: "Action types",
+			icon: Zap,
+			count: ONTOLOGY_COUNTS["action-types"]
+		},
+		{
+			id: "interfaces",
+			label: "Interfaces",
+			icon: Dna,
+			count: ONTOLOGY_COUNTS.interfaces
+		},
+		{
+			id: "shared-properties",
+			label: "Shared properties",
+			icon: Puzzle,
+			count: ONTOLOGY_COUNTS["shared-properties"]
+		},
+		{
+			id: "type-groups",
+			label: "Type groups",
+			icon: Folder,
+			count: ONTOLOGY_COUNTS["type-groups"]
+		},
+		{
+			id: "graph",
+			label: "Graph explorer",
+			icon: Network,
+			count: ONTOLOGY_COUNTS["link-types"]
+		}
+	]
+}];
+const ONTOLOGY_SETTING_VIEW_IDS = {
+	"object-types": "object-types",
+	"link-types": "link-types",
+	"action-types": "action-types",
+	interfaces: "interfaces",
+	"shared-properties": "shared-properties",
+	"type-groups": "groups",
+	graph: "graph"
+};
+const ONTOLOGY_DESCRIPTION = {
+	"object-types": "Define the object types this product works with.",
+	"link-types": "Define how those object types relate to one another.",
+	"action-types": "Configure the actions that can be run against them.",
+	interfaces: "Manage shared interfaces object types can implement.",
+	"shared-properties": "Manage properties reused across object types.",
+	"type-groups": "Group related types for navigation and permissions.",
+	graph: "Explore how this product's object types relate to one another."
+};
+const SETTINGS_ITEMS = SETTINGS_GROUPS.flatMap((group) => group.items);
+const settingLabel = (id) => SETTINGS_ITEMS.find((item) => item.id === id)?.label ?? "Settings";
+const tabLabel = (id) => TABS.find((tab) => tab.id === id)?.label ?? "";
+const FITNESS_LABEL = {
+	fit: "Fit",
+	unfit: "Unfit",
+	pending: "Pending re-eval",
+	overdue: "Overdue"
+};
+const FITNESS_DOT = {
+	fit: "wwc:bg-green-500",
+	unfit: "wwc:bg-red-500",
+	pending: "wwc:bg-amber-500",
+	overdue: "wwc:bg-red-500"
+};
+const FITNESS_WORKERS = [
+	{
+		id: "w-1",
+		name: "Chandra Bahadur Gurung",
+		code: "2500796962",
+		company: "TR-KAEFER",
+		trade: "DIRECT-SCAFFOLDER",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-2",
+		name: "Mohammad Gulshad",
+		code: "2563104617",
+		company: "TR-KAEFER",
+		trade: "DIRECT-SCAFFOLDING HELPER",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-3",
+		name: "SIKANDAR KHAN",
+		code: "2554629937",
+		company: "TR",
+		trade: "Indirect-HVAC SUPERVISOR",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-4",
+		name: "DILIP BISWAS MATILAL BISWAS",
+		code: "2272360658",
+		company: "TR-SFEC",
+		trade: "Direct-Carpenter",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-5",
+		name: "MD ASHRAF",
+		code: "W3309449",
+		company: "TR-AIC",
+		trade: "DIRECT-Pipe Fitter",
+		status: "fit",
+		lastSeen: "19 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "19 Jul 2026",
+		nextDue: "19 Jan 2027"
+	},
+	{
+		id: "w-6",
+		name: "MOHAMMED JAMIL",
+		code: "2533496325",
+		company: "TR-ELECO",
+		trade: "DIRECT-SCAFFOLDER",
+		status: "fit",
+		lastSeen: "18 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "18 Jul 2026",
+		nextDue: "18 Jan 2027"
+	},
+	{
+		id: "w-7",
+		name: "MD SAIFUL ISLAM MD",
+		code: "2469410498",
+		company: "TR-SFEC",
+		trade: "Direct-Steel Fixer",
+		status: "fit",
+		lastSeen: "18 Jul 2026",
+		totalVisits: 1,
+		lastVisit: "18 Jul 2026",
+		nextDue: "18 Jan 2027"
+	},
+	{
+		id: "w-8",
+		name: "NARAYAN DEEP CHAND",
+		code: "2327348492",
+		company: "TR-SFEC",
+		trade: "Direct-Carpenter",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 2,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-9",
+		name: "SHAMSHAD ALI MOHAMMAD KHALIL",
+		code: "2326588767",
+		company: "TR-SFEC",
+		trade: "Direct-Carpenter",
+		status: "fit",
+		lastSeen: "20 Jul 2026",
+		totalVisits: 2,
+		lastVisit: "20 Jul 2026",
+		nextDue: "20 Jan 2027"
+	},
+	{
+		id: "w-10",
+		name: "RAJESH KUMAR YADAV",
+		code: "2318874401",
+		company: "TR-KAEFER",
+		trade: "Direct-Welder",
+		status: "pending",
+		lastSeen: "02 Feb 2026",
+		totalVisits: 3,
+		lastVisit: "02 Feb 2026",
+		nextDue: "02 Aug 2026"
+	},
+	{
+		id: "w-11",
+		name: "ABDUL RAHMAN SIDDIQUI",
+		code: "2401553120",
+		company: "TR-AIC",
+		trade: "Indirect-Store Keeper",
+		status: "overdue",
+		lastSeen: "11 Sep 2025",
+		totalVisits: 2,
+		lastVisit: "11 Sep 2025",
+		nextDue: "11 Mar 2026"
+	},
+	{
+		id: "w-12",
+		name: "SURESH CHANDRA PATEL",
+		code: "2287410093",
+		company: "TR-ELECO",
+		trade: "Direct-Electrician",
+		status: "overdue",
+		lastSeen: "24 Jun 2025",
+		totalVisits: 1,
+		lastVisit: "24 Jun 2025",
+		nextDue: "24 Dec 2025"
+	}
+];
+const VISIT_LOGS = [
+	{
+		id: "v-1",
+		workerName: "NARAYAN DEEP CHAND",
+		workerRef: "2327348492",
+		dateTime: "20 Jul 2026, 16:25",
+		duration: "10m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-2",
+		workerName: "HASSAN SHEIKH",
+		workerRef: "2444509018",
+		dateTime: "20 Jul 2026, 16:20",
+		duration: "5m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-3",
+		workerName: "SHAMSHAD ALI MOHAMMAD KHALIL",
+		workerRef: "2326588767",
+		dateTime: "20 Jul 2026, 16:15",
+		duration: "5m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-4",
+		workerName: "IBRAHIM BAHAA",
+		workerRef: "AERAMCO",
+		isVisitor: true,
+		dateTime: "20 Jul 2026, 15:30",
+		duration: "10m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-5",
+		workerName: "THOMAS THOMAS",
+		workerRef: "W0892276",
+		dateTime: "20 Jul 2026, 15:05",
+		duration: "10m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-6",
+		workerName: "VIJAYANATHAN",
+		workerRef: "TR",
+		isVisitor: true,
+		dateTime: "20 Jul 2026, 12:30",
+		duration: "15m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-7",
+		workerName: "Chandra Bahadur Gurung",
+		workerRef: "2500796962",
+		dateTime: "20 Jul 2026, 09:40",
+		duration: "20m",
+		outcome: "fit",
+		reason: "Illness / Symptoms",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-8",
+		workerName: "Mohammad Gulshad",
+		workerRef: "2563104617",
+		dateTime: "20 Jul 2026, 09:30",
+		duration: "10m",
+		outcome: "fit",
+		reason: "Follow-up",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-9",
+		workerName: "MAHENDRA PUN MAGAR",
+		workerRef: "2477320739",
+		dateTime: "20 Jul 2026, 09:15",
+		duration: "10m",
+		outcome: "fit",
+		reason: "Follow-up",
+		clinic: "TR-TCF CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-10",
+		workerName: "RAJESH KUMAR YADAV",
+		workerRef: "2318874401",
+		dateTime: "19 Jul 2026, 14:50",
+		duration: "25m",
+		outcome: "pending",
+		reason: "Periodic Medical",
+		clinic: "TR-PKG2 CLINIC",
+		loggedBy: "RIYASCLINIC"
+	},
+	{
+		id: "v-11",
+		workerName: "SURESH CHANDRA PATEL",
+		workerRef: "2287410093",
+		dateTime: "19 Jul 2026, 11:05",
+		duration: "30m",
+		outcome: "unfit",
+		reason: "Injury / Incident",
+		clinic: "TR-PKG2 CLINIC",
+		loggedBy: "AHMEDCLINIC"
+	}
+];
+const VISIT_REASONS = Array.from(new Set(VISIT_LOGS.map((visit) => visit.reason))).sort();
+const VISIT_CLINICS = Array.from(new Set(VISIT_LOGS.map((visit) => visit.clinic))).sort();
+const VISIT_WORKER_OPTIONS = FITNESS_WORKERS.map((worker) => ({
+	value: worker.id,
+	label: `${worker.name} — ${worker.code}`
+}));
+const VISIT_CLINIC_OPTIONS = VISIT_CLINICS.map((clinic) => ({
+	value: clinic,
+	label: clinic
+}));
+const VISIT_REASON_OPTIONS = VISIT_REASONS.map((reason) => ({
+	value: reason,
+	label: reason
+}));
+const VISIT_OUTCOME_OPTIONS = Object.keys(FITNESS_LABEL).filter((status) => status !== "overdue").map((status) => ({
+	value: status,
+	label: FITNESS_LABEL[status]
+}));
+/** The New Visit dialog, shared by the Workers and Visit Logs toolbars. */
+function NewVisitDialog() {
+	return /* @__PURE__ */ jsx(AddClinicVisitDialog, {
+		workers: VISIT_WORKER_OPTIONS,
+		clinics: VISIT_CLINIC_OPTIONS,
+		reasons: VISIT_REASON_OPTIONS,
+		fitnessOutcomes: VISIT_OUTCOME_OPTIONS,
+		trigger: /* @__PURE__ */ jsxs(Button, { children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "New Visit"] })
+	});
+}
+function makeVisitColumns() {
+	return [
+		{
+			id: "select",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:pr-0" },
+			header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
+				onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
+				"aria-label": "Select all"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: row.getIsSelected(),
+				onCheckedChange: (v) => row.toggleSelected(!!v),
+				"aria-label": "Select row"
+			})
+		},
+		{
+			accessorKey: "workerName",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Worker"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:gap-3",
+				children: [/* @__PURE__ */ jsx(Avatar, {
+					className: "wwc:h-7 wwc:w-7",
+					children: /* @__PURE__ */ jsx(AvatarFallback, {
+						className: "wwc:text-[10px]",
+						children: initials(row.original.workerName)
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-w-0",
+					children: [/* @__PURE__ */ jsxs("span", {
+						className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+						children: [row.original.workerName, row.original.isVisitor && /* @__PURE__ */ jsx(Badge, {
+							variant: "infoSoft",
+							className: "wwc:h-5 wwc:px-1.5 wwc:text-[10px]",
+							children: "Visitor"
+						})]
+					}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: row.original.workerRef
+					})]
+				})]
+			})
+		},
+		{
+			accessorKey: "dateTime",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Date/Time"
+			})
+		},
+		{
+			accessorKey: "duration",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Duration"
+			})
+		},
+		{
+			accessorKey: "outcome",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Outcome"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+				className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+				children: [/* @__PURE__ */ jsx("span", { className: cn("wwc:h-2 wwc:w-2 wwc:shrink-0 wwc:rounded-full", FITNESS_DOT[row.original.outcome]) }), FITNESS_LABEL[row.original.outcome]]
+			})
+		},
+		{
+			accessorKey: "reason",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Reason"
+			})
+		},
+		{
+			accessorKey: "clinic",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Clinic"
+			})
+		},
+		{
+			accessorKey: "loggedBy",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Logged by"
+			})
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: () => /* @__PURE__ */ jsx(DataTableRowActions, { actions: [{
+				label: "View visit",
+				icon: /* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" })
+			}, {
+				label: "Schedule follow-up",
+				icon: /* @__PURE__ */ jsx(CalendarPlus, { className: "wwc:h-4 wwc:w-4" })
+			}] })
+		}
+	];
+}
+const FITNESS_KPIS = [
+	{
+		title: "Active Workers",
+		value: "973",
+		icon: Users
+	},
+	{
+		title: "Fit",
+		value: "955",
+		status: "success",
+		icon: ShieldCheck
+	},
+	{
+		title: "Unfit",
+		value: "0",
+		status: "warning",
+		icon: CircleX
+	},
+	{
+		title: "Pending re-eval",
+		value: "18",
+		status: "warning",
+		icon: Clock
+	},
+	{
+		title: "Overdue Workers",
+		value: "565",
+		status: "danger",
+		icon: TriangleAlert,
+		trend: "up",
+		trendLabel: "+10 vs last week"
+	}
+];
+const FITNESS_COMPANIES = Array.from(new Set(FITNESS_WORKERS.map((worker) => worker.company))).sort();
+const FITNESS_TRADES = Array.from(new Set(FITNESS_WORKERS.map((worker) => worker.trade))).sort();
+/** Initials for the avatar fallback, mirroring the workforce worker table. */
+function initials(name) {
+	return name.split(/\s+/).slice(0, 2).map((part) => part.charAt(0).toUpperCase()).join("");
+}
+/** Toolbar icon button with a tooltip standing in for the label. */
+function IconAction({ label, icon }) {
+	return /* @__PURE__ */ jsx(HoverTooltip, {
+		content: label,
+		children: /* @__PURE__ */ jsx(Button, {
+			variant: "outline",
+			icon: true,
+			"aria-label": label,
+			children: icon
+		})
+	});
+}
+function makeFitnessColumns(onView) {
+	return [
+		{
+			id: "select",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:pr-0" },
+			header: ({ table }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: table.getIsAllPageRowsSelected() ? true : table.getIsSomePageRowsSelected() ? "indeterminate" : false,
+				onCheckedChange: (v) => table.toggleAllPageRowsSelected(!!v),
+				"aria-label": "Select all"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx(Checkbox, {
+				checked: row.getIsSelected(),
+				onCheckedChange: (v) => row.toggleSelected(!!v),
+				"aria-label": "Select row"
+			})
+		},
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Worker"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:gap-3",
+				children: [/* @__PURE__ */ jsx(Avatar, {
+					className: "wwc:h-7 wwc:w-7",
+					children: /* @__PURE__ */ jsx(AvatarFallback, {
+						className: "wwc:text-[10px]",
+						children: initials(row.original.name)
+					})
+				}), /* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-w-0",
+					children: [/* @__PURE__ */ jsx("button", {
+						type: "button",
+						onClick: () => onView(row.original),
+						className: "wwc:block wwc:text-left wwc:font-medium wwc:transition-colors wwc:hover:text-primary",
+						children: row.original.name
+					}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-xs wwc:text-muted-foreground",
+						children: row.original.code
+					})]
+				})]
+			})
+		},
+		{
+			accessorKey: "company",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Company"
+			})
+		},
+		{
+			accessorKey: "trade",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Trade"
+			})
+		},
+		{
+			accessorKey: "status",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Current Status"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0",
+				children: [/* @__PURE__ */ jsxs("span", {
+					className: "wwc:flex wwc:items-center wwc:gap-2 wwc:font-medium",
+					children: [/* @__PURE__ */ jsx("span", { className: cn("wwc:h-2 wwc:w-2 wwc:shrink-0 wwc:rounded-full", FITNESS_DOT[row.original.status]) }), FITNESS_LABEL[row.original.status]]
+				}), /* @__PURE__ */ jsxs("span", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: ["last seen ", row.original.lastSeen]
+				})]
+			})
+		},
+		{
+			accessorKey: "totalVisits",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Total Visits"
+			})
+		},
+		{
+			accessorKey: "lastVisit",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Last Visit"
+			})
+		},
+		{
+			accessorKey: "nextDue",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Next Due"
+			})
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: ({ row }) => /* @__PURE__ */ jsx(DataTableRowActions, { actions: [{
+				label: "View worker",
+				icon: /* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" }),
+				onSelect: () => onView(row.original)
+			}, {
+				label: "Log a visit",
+				icon: /* @__PURE__ */ jsx(CalendarPlus, { className: "wwc:h-4 wwc:w-4" })
+			}] })
+		}
+	];
+}
+/** Worker Fitness — KPI row, Workers/Visit Logs tabs, and the reusable DataTable. */
+function WorkerFitnessView() {
+	const [listTab, setListTab] = useState("workers");
+	const [filters, setFilters] = useState({});
+	const [visitFilters, setVisitFilters] = useState({});
+	const columns = useMemo(() => makeFitnessColumns(() => {}), []);
+	const visitColumns = useMemo(() => makeVisitColumns(), []);
+	const data = useMemo(() => FITNESS_WORKERS.filter((worker) => Object.entries(filters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		return selected.includes(String(worker[key]));
+	})), [filters]);
+	const visits = useMemo(() => VISIT_LOGS.filter((visit) => Object.entries(visitFilters).every(([key, selected]) => {
+		if (!selected || selected.length === 0) return true;
+		return selected.includes(String(visit[key]));
+	})), [visitFilters]);
+	return /* @__PURE__ */ jsx("div", {
+		className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:w-full wwc:p-6",
+			children: [
+				/* @__PURE__ */ jsx("div", {
+					className: "wwc:mb-4 wwc:grid wwc:grid-cols-5 wwc:gap-4",
+					children: FITNESS_KPIS.map((kpi) => /* @__PURE__ */ jsx(MetricCard, {
+						title: kpi.title,
+						value: kpi.value,
+						status: kpi.status,
+						icon: kpi.icon,
+						trend: kpi.trend,
+						trendLabel: kpi.trendLabel
+					}, kpi.title))
+				}),
+				/* @__PURE__ */ jsx(Tabs, {
+					value: listTab,
+					onValueChange: (value) => setListTab(value),
+					children: /* @__PURE__ */ jsxs(TabsList, { children: [/* @__PURE__ */ jsxs(TabsTrigger, {
+						value: "workers",
+						children: ["Workers", /* @__PURE__ */ jsx(Badge, {
+							variant: "secondary",
+							className: "wwc:ml-2 wwc:h-5 wwc:px-1.5 wwc:text-[10px]",
+							children: "973"
+						})]
+					}), /* @__PURE__ */ jsxs(TabsTrigger, {
+						value: "visit-logs",
+						children: ["Visit Logs", /* @__PURE__ */ jsx(Badge, {
+							variant: "secondary",
+							className: "wwc:ml-2 wwc:h-5 wwc:px-1.5 wwc:text-[10px]",
+							children: "5478"
+						})]
+					})] })
+				}),
+				listTab === "workers" ? /* @__PURE__ */ jsx(Filter$1, {
+					value: filters,
+					onChange: setFilters,
+					children: /* @__PURE__ */ jsx(DataTable, {
+						columns,
+						data,
+						searchKey: "name",
+						searchPlaceholder: "Search by name, code, company…",
+						showColumnToggle: true,
+						recordLabel: "worker",
+						pageSize: 10,
+						getRowId: (row) => row.id,
+						bulkActions: [{
+							label: "Log visits",
+							icon: /* @__PURE__ */ jsx(CalendarPlus, { className: "wwc:h-4 wwc:w-4" }),
+							onClick: () => {}
+						}, {
+							label: "Export",
+							icon: /* @__PURE__ */ jsx(Download, { className: "wwc:h-4 wwc:w-4" }),
+							variant: "outline",
+							onClick: () => {}
+						}],
+						toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(FilterTrigger, {}),
+							/* @__PURE__ */ jsxs(FilterContent, { children: [
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "company",
+									label: "Company",
+									children: FITNESS_COMPANIES.map((company) => /* @__PURE__ */ jsx(FilterOption, {
+										value: company,
+										children: company
+									}, company))
+								}),
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "trade",
+									label: "Trade",
+									children: FITNESS_TRADES.map((trade) => /* @__PURE__ */ jsx(FilterOption, {
+										value: trade,
+										children: trade
+									}, trade))
+								}),
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "status",
+									label: "Current Status",
+									children: Object.keys(FITNESS_LABEL).map((status) => /* @__PURE__ */ jsx(FilterOption, {
+										value: status,
+										children: FITNESS_LABEL[status]
+									}, status))
+								})
+							] }),
+							/* @__PURE__ */ jsx(IconAction, {
+								label: "Bulk Upload",
+								icon: /* @__PURE__ */ jsx(Upload, { className: "wwc:h-4 wwc:w-4" })
+							}),
+							/* @__PURE__ */ jsx(IconAction, {
+								label: "Export (.xlsx)",
+								icon: /* @__PURE__ */ jsx(Download, { className: "wwc:h-4 wwc:w-4" })
+							}),
+							/* @__PURE__ */ jsx(NewVisitDialog, {})
+						] })
+					})
+				}) : /* @__PURE__ */ jsx(Filter$1, {
+					value: visitFilters,
+					onChange: setVisitFilters,
+					children: /* @__PURE__ */ jsx(DataTable, {
+						columns: visitColumns,
+						data: visits,
+						searchKey: "workerName",
+						searchPlaceholder: "Search by name, ID, company…",
+						showColumnToggle: true,
+						recordLabel: "visit",
+						pageSize: 10,
+						getRowId: (row) => row.id,
+						bulkActions: [{
+							label: "Export",
+							icon: /* @__PURE__ */ jsx(Download, { className: "wwc:h-4 wwc:w-4" }),
+							variant: "outline",
+							onClick: () => {}
+						}],
+						toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(FilterTrigger, {}),
+							/* @__PURE__ */ jsxs(FilterContent, { children: [
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "outcome",
+									label: "Outcome",
+									children: Object.keys(FITNESS_LABEL).map((status) => /* @__PURE__ */ jsx(FilterOption, {
+										value: status,
+										children: FITNESS_LABEL[status]
+									}, status))
+								}),
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "reason",
+									label: "Reason",
+									children: VISIT_REASONS.map((reason) => /* @__PURE__ */ jsx(FilterOption, {
+										value: reason,
+										children: reason
+									}, reason))
+								}),
+								/* @__PURE__ */ jsx(FilterCategory, {
+									value: "clinic",
+									label: "Clinic",
+									children: VISIT_CLINICS.map((clinic) => /* @__PURE__ */ jsx(FilterOption, {
+										value: clinic,
+										children: clinic
+									}, clinic))
+								})
+							] }),
+							/* @__PURE__ */ jsx(IconAction, {
+								label: "Bulk Upload",
+								icon: /* @__PURE__ */ jsx(Upload, { className: "wwc:h-4 wwc:w-4" })
+							}),
+							/* @__PURE__ */ jsx(IconAction, {
+								label: "Export (.xlsx)",
+								icon: /* @__PURE__ */ jsx(Download, { className: "wwc:h-4 wwc:w-4" })
+							}),
+							/* @__PURE__ */ jsx(NewVisitDialog, {})
+						] })
+					})
+				})
+			]
+		})
+	});
+}
+const PEOPLE_KPIS = [
+	{
+		title: "Active Workers",
+		value: "973",
+		icon: Users
+	},
+	{
+		title: "Currently Unfit",
+		value: "0",
+		icon: CircleX,
+		status: "warning"
+	},
+	{
+		title: "Pending Workers",
+		value: "18",
+		icon: Clock,
+		status: "warning"
+	},
+	{
+		title: "Overdue Workers",
+		value: "567",
+		icon: TriangleAlert,
+		status: "danger",
+		trend: "up",
+		trendLabel: "+10 vs last week"
+	}
+];
+const ACTIVITY_KPIS = [
+	{
+		title: "Visits Today",
+		value: "0",
+		icon: CalendarPlus,
+		trend: "down",
+		trendLabel: "-14 vs yesterday"
+	},
+	{
+		title: "Visits This Month",
+		value: "96",
+		icon: Stethoscope,
+		trend: "down",
+		trendLabel: "-85 vs last month"
+	},
+	{
+		title: "Fit Today",
+		value: "0",
+		icon: CircleCheck,
+		status: "success",
+		trend: "down",
+		trendLabel: "-14 vs yesterday"
+	}
+];
+const HEALTH_SCORE = 79;
+const HEALTH_METRICS = [
+	{
+		label: "Up to date",
+		percent: 42,
+		caption: "567 overdue",
+		tone: "danger"
+	},
+	{
+		label: "Due soon (30d)",
+		percent: 96,
+		caption: "36 due in 30d",
+		tone: "success"
+	},
+	{
+		label: "Fit for work",
+		percent: 98,
+		caption: "18 unfit/pending",
+		tone: "success"
+	},
+	{
+		label: "Screening coverage",
+		percent: 100,
+		caption: "all screened",
+		tone: "success"
+	}
+];
+function SiteHealthScore() {
+	return /* @__PURE__ */ jsxs(Card, {
+		className: "wwc:p-6",
+		children: [/* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:flex-wrap wwc:items-start wwc:gap-5",
+			children: [/* @__PURE__ */ jsx(ScoreGauge, {
+				value: HEALTH_SCORE,
+				tone: "warning",
+				size: 120
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0 wwc:flex-1",
+				children: [/* @__PURE__ */ jsx(SectionHeader, {
+					size: "sm",
+					className: "wwc:mb-0",
+					title: /* @__PURE__ */ jsxs("span", {
+						className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-2",
+						children: ["Site Health Score", /* @__PURE__ */ jsxs(Badge, {
+							variant: "warningSoft",
+							children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:h-3 wwc:w-3" }), "At risk"]
+						})]
+					}),
+					description: "Weighted medical readiness across 973 active workers."
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "wwc:mt-2 wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-sm wwc:text-amber-600",
+					children: [/* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0" }), /* @__PURE__ */ jsxs("span", { children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium",
+						children: "Biggest gap:"
+					}), " Up to date — 567 overdue"] })]
+				})]
+			})]
+		}), /* @__PURE__ */ jsx("div", {
+			className: "wwc:mt-5 wwc:grid wwc:grid-cols-2 wwc:gap-4 wwc:lg:grid-cols-4",
+			children: HEALTH_METRICS.map((metric) => /* @__PURE__ */ jsx(ProgressStat, {
+				title: metric.label,
+				value: metric.percent,
+				unit: "%",
+				caption: metric.caption,
+				percent: metric.percent,
+				tone: metric.tone
+			}, metric.label))
+		})]
+	});
+}
+const VISIT_VOLUME_DATES = [
+	"06-23",
+	"06-24",
+	"06-25",
+	"06-26",
+	"06-27",
+	"06-28",
+	"06-29",
+	"06-30",
+	"07-01",
+	"07-02",
+	"07-03",
+	"07-04",
+	"07-05",
+	"07-06",
+	"07-07",
+	"07-08",
+	"07-09",
+	"07-10",
+	"07-11",
+	"07-12",
+	"07-13",
+	"07-14",
+	"07-15",
+	"07-16",
+	"07-17",
+	"07-18",
+	"07-19",
+	"07-20",
+	"07-21"
+];
+const VISIT_VOLUME = [
+	15,
+	8,
+	19,
+	0,
+	33,
+	10,
+	15,
+	6,
+	1,
+	0,
+	0,
+	0,
+	3,
+	0,
+	0,
+	2,
+	0,
+	0,
+	2,
+	8,
+	12,
+	19,
+	6,
+	10,
+	15,
+	0,
+	16,
+	9,
+	14
+];
+const OVERDUE_TREND = [
+	540,
+	542,
+	543,
+	545,
+	546,
+	547,
+	549,
+	550,
+	551,
+	553,
+	554,
+	555,
+	556,
+	558,
+	559,
+	560,
+	561,
+	562,
+	563,
+	564,
+	565,
+	566,
+	567,
+	568,
+	569,
+	570,
+	571,
+	572,
+	573
+];
+const COMPLIANCE_TREND = [
+	45,
+	45,
+	45,
+	45,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	44,
+	43,
+	43,
+	43,
+	43,
+	43,
+	43,
+	42,
+	42,
+	42,
+	42,
+	42,
+	42,
+	42,
+	42
+];
+const areaChartOption = (dates, values, color, area) => ({
+	grid: {
+		left: 44,
+		right: 12,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: { trigger: "axis" },
+	xAxis: {
+		type: "category",
+		data: dates,
+		boundaryGap: false,
+		axisTick: { show: false }
+	},
+	yAxis: {
+		type: "value",
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	series: [{
+		type: "line",
+		data: values,
+		smooth: true,
+		showSymbol: false,
+		lineStyle: {
+			color,
+			width: 2
+		},
+		areaStyle: { color: area }
+	}]
+});
+const visitVolumeOption = areaChartOption(VISIT_VOLUME_DATES, VISIT_VOLUME, "#3b82f6", "rgba(59,130,246,0.25)");
+const fitnessDistributionOption = {
+	tooltip: { trigger: "item" },
+	legend: {
+		bottom: 0,
+		icon: "circle"
+	},
+	series: [{
+		type: "pie",
+		radius: ["55%", "78%"],
+		center: ["50%", "45%"],
+		label: { show: false },
+		labelLine: { show: false },
+		data: [
+			{
+				name: "Fit",
+				value: 955,
+				itemStyle: { color: "#16a34a" }
+			},
+			{
+				name: "Pending",
+				value: 18,
+				itemStyle: { color: "#f59e0b" }
+			},
+			{
+				name: "Unfit",
+				value: 0,
+				itemStyle: { color: "#dc2626" }
+			}
+		]
+	}]
+};
+const overdueTrendOption = {
+	grid: {
+		left: 44,
+		right: 12,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: { trigger: "axis" },
+	xAxis: {
+		type: "category",
+		data: VISIT_VOLUME_DATES,
+		axisTick: { show: false }
+	},
+	yAxis: {
+		type: "value",
+		min: 0,
+		max: 600,
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	series: [{
+		type: "line",
+		data: OVERDUE_TREND,
+		symbolSize: 6,
+		lineStyle: { color: "#dc2626" },
+		itemStyle: { color: "#dc2626" }
+	}]
+};
+const complianceRateOption = {
+	grid: {
+		left: 48,
+		right: 12,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: {
+		trigger: "axis",
+		valueFormatter: (value) => `${value}%`
+	},
+	xAxis: {
+		type: "category",
+		data: VISIT_VOLUME_DATES,
+		boundaryGap: false,
+		axisTick: { show: false }
+	},
+	yAxis: {
+		type: "value",
+		min: 0,
+		max: 100,
+		axisLabel: { formatter: "{value}%" },
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	series: [{
+		type: "line",
+		data: COMPLIANCE_TREND,
+		showSymbol: false,
+		lineStyle: {
+			color: "#16a34a",
+			width: 2
+		},
+		areaStyle: { color: "rgba(22,163,74,0.12)" }
+	}]
+};
+const visitsByClinicOption = {
+	grid: {
+		left: 120,
+		right: 24,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: {
+		trigger: "axis",
+		axisPointer: { type: "shadow" }
+	},
+	xAxis: {
+		type: "value",
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	yAxis: {
+		type: "category",
+		data: [
+			"NGMSA-TCF CLINIC",
+			"Default Clinic",
+			"ZOMCO-SAPMT Camp Clinic",
+			"SH-TCF Clinic",
+			"TR-TCF CLINIC"
+		],
+		axisTick: { show: false }
+	},
+	series: [{
+		type: "bar",
+		data: [
+			1,
+			2,
+			3,
+			9,
+			198
+		],
+		barWidth: 12,
+		itemStyle: {
+			color: "#3b82f6",
+			borderRadius: 3
+		}
+	}]
+};
+const peakVisitHoursOption = {
+	grid: {
+		left: 40,
+		right: 12,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: {
+		trigger: "axis",
+		axisPointer: { type: "shadow" }
+	},
+	xAxis: {
+		type: "category",
+		data: [
+			"00:00",
+			"01:00",
+			"02:00",
+			"03:00",
+			"04:00",
+			"05:00",
+			"06:00",
+			"07:00",
+			"08:00",
+			"09:00",
+			"10:00",
+			"11:00",
+			"12:00",
+			"13:00",
+			"14:00",
+			"15:00",
+			"16:00",
+			"17:00",
+			"18:00",
+			"19:00",
+			"20:00"
+		],
+		axisTick: { show: false }
+	},
+	yAxis: {
+		type: "value",
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	series: [{
+		type: "bar",
+		data: [
+			1,
+			4,
+			12,
+			18,
+			19,
+			19,
+			24,
+			17,
+			14,
+			14,
+			7,
+			13,
+			20,
+			12,
+			10,
+			7,
+			2,
+			1,
+			3,
+			0,
+			0
+		],
+		barWidth: "60%",
+		itemStyle: {
+			color: "#8b5cf6",
+			borderRadius: [
+				3,
+				3,
+				0,
+				0
+			]
+		}
+	}]
+};
+const visitReasonsOption = {
+	grid: {
+		left: 110,
+		right: 24,
+		top: 16,
+		bottom: 28
+	},
+	tooltip: {
+		trigger: "axis",
+		axisPointer: { type: "shadow" },
+		valueFormatter: (value) => `${value}%`
+	},
+	xAxis: {
+		type: "value",
+		max: 100,
+		splitLine: { lineStyle: { type: "dashed" } }
+	},
+	yAxis: {
+		type: "category",
+		data: [
+			"Other",
+			"FollowUp",
+			"Routine",
+			"IllnessSymptoms"
+		],
+		axisTick: { show: false }
+	},
+	series: [{
+		type: "bar",
+		data: [
+			2,
+			4,
+			10,
+			84
+		],
+		barWidth: 12,
+		itemStyle: {
+			color: "#0e7490",
+			borderRadius: 3
+		}
+	}]
+};
+const NEEDS_ATTENTION = [
+	{
+		id: "n-1",
+		name: "NURUZZAMAN LATE TAMIZUDDIN",
+		code: "2243476054",
+		company: "TR-SFEC",
+		daysOverdue: 548,
+		due: "19 Jan 2025"
+	},
+	{
+		id: "n-2",
+		name: "SHAHZAD AHMED MUHAMMAD ISHAQ",
+		code: "2464460803",
+		company: "TR-SFEC",
+		daysOverdue: 533,
+		due: "03 Feb 2025"
+	},
+	{
+		id: "n-3",
+		name: "NAVEED AHMAD MUHAMMAD BASHIR",
+		code: "2205134980",
+		company: "TR",
+		daysOverdue: 508,
+		due: "28 Feb 2025"
+	},
+	{
+		id: "n-4",
+		name: "SUJON MIA",
+		code: "2545882736",
+		company: "TR-ELECO",
+		daysOverdue: 496,
+		due: "12 Mar 2025"
+	},
+	{
+		id: "n-5",
+		name: "MARK FERNANDO AROMIN BAUTISTA",
+		code: "2472673504",
+		company: "TR",
+		daysOverdue: 493,
+		due: "15 Mar 2025"
+	}
+];
+function NeedsAttention() {
+	return /* @__PURE__ */ jsxs(Card, {
+		className: "wwc:p-6",
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title: "Needs attention today",
+			description: "567 overdue · sorted by urgency",
+			size: "sm",
+			actions: /* @__PURE__ */ jsxs(Button, {
+				variant: "link",
+				children: ["View all", /* @__PURE__ */ jsx(ArrowRight, { className: "wwc:h-4 wwc:w-4" })]
+			})
+		}), /* @__PURE__ */ jsx(AttentionList, { children: NEEDS_ATTENTION.map((worker) => /* @__PURE__ */ jsx(AttentionListItem, {
+			icon: /* @__PURE__ */ jsx(TriangleAlert, { className: "wwc:h-4 wwc:w-4" }),
+			title: worker.name,
+			subtitle: `${worker.code} · ${worker.company}`,
+			value: `${worker.daysOverdue} days overdue`,
+			valueCaption: `Due: ${worker.due}`,
+			action: /* @__PURE__ */ jsx(Button, {
+				variant: "link",
+				children: "History"
+			})
+		}, worker.id)) })]
+	});
+}
+/** Section heading above a band of tiles. */
+function OverviewSection({ title, children }) {
+	return /* @__PURE__ */ jsxs("section", { children: [/* @__PURE__ */ jsx(SectionHeader, {
+		title,
+		size: "sm",
+		className: "wwc:mb-3"
+	}), children] });
+}
+/** Overview — KPI bands, the site health score, visit analytics, and the overdue worklist. */
+function ClinicOverview() {
+	return /* @__PURE__ */ jsx("div", {
+		className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto",
+		children: /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:w-full wwc:flex-col wwc:gap-6 wwc:p-6",
+			children: [
+				/* @__PURE__ */ jsx(OverviewSection, {
+					title: "People right now",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "wwc:grid wwc:grid-cols-4 wwc:gap-4",
+						children: PEOPLE_KPIS.map((kpi) => /* @__PURE__ */ jsx(MetricCard, {
+							title: kpi.title,
+							value: kpi.value,
+							status: kpi.status,
+							icon: kpi.icon,
+							trend: kpi.trend,
+							trendLabel: kpi.trendLabel
+						}, kpi.title))
+					})
+				}),
+				/* @__PURE__ */ jsx(OverviewSection, {
+					title: "Activity",
+					children: /* @__PURE__ */ jsx("div", {
+						className: "wwc:grid wwc:grid-cols-3 wwc:gap-4",
+						children: ACTIVITY_KPIS.map((kpi) => /* @__PURE__ */ jsx(MetricCard, {
+							title: kpi.title,
+							value: kpi.value,
+							status: kpi.status,
+							icon: kpi.icon,
+							trend: kpi.trend,
+							trendLabel: kpi.trendLabel
+						}, kpi.title))
+					})
+				}),
+				/* @__PURE__ */ jsx(SiteHealthScore, {}),
+				/* @__PURE__ */ jsx(OverviewSection, {
+					title: "Visit Analytics",
+					children: /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:flex-col wwc:gap-4",
+						children: [
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:grid wwc:grid-cols-1 wwc:gap-4 wwc:lg:grid-cols-3",
+								children: [/* @__PURE__ */ jsx(TrendChart, {
+									className: "wwc:lg:col-span-2",
+									title: "Visit Volume",
+									header: /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-muted-foreground",
+										children: "Last 30 days"
+									}),
+									option: visitVolumeOption,
+									height: 260
+								}), /* @__PURE__ */ jsx(TrendChart, {
+									title: "Fitness Distribution",
+									header: /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-muted-foreground",
+										children: "Active workers by current status"
+									}),
+									option: fitnessDistributionOption,
+									height: 260
+								})]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:grid wwc:grid-cols-1 wwc:gap-4 wwc:lg:grid-cols-3",
+								children: [
+									/* @__PURE__ */ jsx(TrendChart, {
+										title: "Overdue Workers",
+										header: /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "30-day trend"
+										}),
+										option: overdueTrendOption
+									}),
+									/* @__PURE__ */ jsx(TrendChart, {
+										title: "Compliance Rate",
+										header: /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "30-day trend"
+										}),
+										option: complianceRateOption
+									}),
+									/* @__PURE__ */ jsx(TrendChart, {
+										title: "Visits by Clinic",
+										header: /* @__PURE__ */ jsx("p", {
+											className: "wwc:text-xs wwc:text-muted-foreground",
+											children: "Active clinics"
+										}),
+										option: visitsByClinicOption
+									})
+								]
+							}),
+							/* @__PURE__ */ jsxs("div", {
+								className: "wwc:grid wwc:grid-cols-1 wwc:gap-4 wwc:lg:grid-cols-2",
+								children: [/* @__PURE__ */ jsx(TrendChart, {
+									title: "Peak Visit Hours",
+									header: /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-muted-foreground",
+										children: "Distribution across working hours"
+									}),
+									option: peakVisitHoursOption
+								}), /* @__PURE__ */ jsx(TrendChart, {
+									title: "Visit Reasons",
+									header: /* @__PURE__ */ jsx("p", {
+										className: "wwc:text-xs wwc:text-muted-foreground",
+										children: "Share of visits (%)"
+									}),
+									option: visitReasonsOption
+								})]
+							})
+						]
+					})
+				}),
+				/* @__PURE__ */ jsx(NeedsAttention, {})
+			]
+		})
+	});
+}
+/**
+* The shared save/discard footer, shown only while a pane is dirty. Rendered as a sibling of the
+* padded content container — FormActionBar owns its own full-bleed background, so it must not sit
+* inside the padded div.
+*/
+function SettingsActionBar({ changeCount, onDiscard, onSave }) {
+	if (changeCount === 0) return null;
+	return /* @__PURE__ */ jsxs(FormActionBar, {
+		maxWidth: "1000px",
+		className: "wwc:mt-auto",
+		status: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:font-medium wwc:text-foreground",
+				children: changeCount
+			}),
+			" unsaved change",
+			changeCount === 1 ? "" : "s"
+		] }),
+		children: [/* @__PURE__ */ jsx(Button, {
+			variant: "ghost",
+			size: "sm",
+			onClick: onDiscard,
+			children: "Discard"
+		}), /* @__PURE__ */ jsxs(Button, {
+			size: "sm",
+			onClick: onSave,
+			children: [/* @__PURE__ */ jsx(Save, { className: "wwc:h-4 wwc:w-4" }), "Save changes"]
+		})]
+	});
+}
+const INTERVAL_OPTIONS = [
+	1,
+	2,
+	3,
+	6,
+	12
+];
+const intervalLabel = (months) => months === 1 ? "Every month" : `Every ${months} months`;
+/** Project default routine-check interval. Rules and per-worker overrides take priority over it. */
+function VisitFrequencySettings() {
+	const [saved, setSaved] = useState(6);
+	const [draft, setDraft] = useState(6);
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "wwc:mx-auto wwc:w-full wwc:max-w-[1000px] wwc:p-6",
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title: "Project Default Frequency",
+			description: "Workers without a matching rule or manual override follow this schedule. Rules and per-worker overrides take priority."
+		}), /* @__PURE__ */ jsx(Card, {
+			className: "wwc:p-6",
+			children: /* @__PURE__ */ jsxs(Field, {
+				className: "wwc:max-w-sm",
+				children: [/* @__PURE__ */ jsx(FieldLabel, {
+					htmlFor: "routine-check-interval",
+					children: "Routine Check Interval"
+				}), /* @__PURE__ */ jsxs(Select, {
+					value: String(draft),
+					onValueChange: (value) => setDraft(Number(value)),
+					children: [/* @__PURE__ */ jsx(SelectTrigger, {
+						id: "routine-check-interval",
+						children: /* @__PURE__ */ jsx(SelectValue, {})
+					}), /* @__PURE__ */ jsx(SelectContent, { children: INTERVAL_OPTIONS.map((months) => /* @__PURE__ */ jsx(SelectItem, {
+						value: String(months),
+						children: intervalLabel(months)
+					}, months)) })]
+				})]
+			})
+		})]
+	}), /* @__PURE__ */ jsx(SettingsActionBar, {
+		changeCount: draft === saved ? 0 : 1,
+		onDiscard: () => setDraft(saved),
+		onSave: () => setSaved(draft)
+	})] });
+}
+const AGE_OPERATORS = [{
+	value: "gte",
+	label: "Age ≥"
+}, {
+	value: "lte",
+	label: "Age ≤"
+}];
+const INITIAL_AGE_RULES = [{
+	id: "rule-1",
+	operator: "gte",
+	age: 40,
+	months: 3,
+	affected: 0
+}];
+const ruleKey = (rule) => `${rule.operator}:${rule.age}:${rule.months}`;
+/** Ordered age rules — priority is row order, so the first match wins. Manual overrides beat all. */
+function AgeRulesSettings() {
+	const [saved, setSaved] = useState(INITIAL_AGE_RULES);
+	const [draft, setDraft] = useState(INITIAL_AGE_RULES);
+	const [nextId, setNextId] = useState(INITIAL_AGE_RULES.length + 1);
+	const changeCount = useMemo(() => {
+		const savedKeys = saved.map(ruleKey);
+		const draftKeys = draft.map(ruleKey);
+		return draftKeys.filter((key, index) => savedKeys[index] !== key).length + Math.abs(savedKeys.length - draftKeys.length) - Math.max(0, draftKeys.length - savedKeys.length);
+	}, [saved, draft]);
+	const update = (id, patch) => setDraft((prev) => prev.map((rule) => rule.id === id ? {
+		...rule,
+		...patch
+	} : rule));
+	const move = (index, direction) => setDraft((prev) => {
+		const next = [...prev];
+		const target = index + direction;
+		if (target < 0 || target >= next.length) return prev;
+		[next[index], next[target]] = [next[target], next[index]];
+		return next;
+	});
+	const addRule = () => {
+		setDraft((prev) => [...prev, {
+			id: `rule-${nextId}`,
+			operator: "gte",
+			age: 50,
+			months: 6,
+			affected: 0
+		}]);
+		setNextId((n) => n + 1);
+	};
+	return /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs("div", {
+		className: "wwc:mx-auto wwc:w-full wwc:max-w-[1000px] wwc:p-6",
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title: "Age-Based Rules",
+			description: "Rule priority determines which rule wins when a worker matches multiple. Manual overrides always win."
+		}), /* @__PURE__ */ jsx(Card, {
+			className: "wwc:p-6",
+			children: /* @__PURE__ */ jsx(RuleList, {
+				onAdd: addRule,
+				addLabel: "Add Rule",
+				children: draft.map((rule, index) => /* @__PURE__ */ jsxs(RuleRow, {
+					meta: /* @__PURE__ */ jsxs(Badge, {
+						variant: "infoSoft",
+						children: [rule.affected, " affected"]
+					}),
+					disableMoveUp: index === 0,
+					disableMoveDown: index === draft.length - 1,
+					onMoveUp: () => move(index, -1),
+					onMoveDown: () => move(index, 1),
+					onDelete: () => setDraft((prev) => prev.filter((r) => r.id !== rule.id)),
+					children: [
+						/* @__PURE__ */ jsxs(Select, {
+							value: rule.operator,
+							onValueChange: (value) => update(rule.id, { operator: value }),
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								className: "wwc:w-32",
+								"aria-label": "Age comparison",
+								children: /* @__PURE__ */ jsx(SelectValue, {})
+							}), /* @__PURE__ */ jsx(SelectContent, { children: AGE_OPERATORS.map((option) => /* @__PURE__ */ jsx(SelectItem, {
+								value: option.value,
+								children: option.label
+							}, option.value)) })]
+						}),
+						/* @__PURE__ */ jsx(Input, {
+							type: "number",
+							"aria-label": "Age threshold",
+							value: rule.age,
+							onChange: (e) => update(rule.id, { age: Number(e.target.value) }),
+							className: "wwc:w-24"
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "wwc:shrink-0 wwc:text-sm wwc:text-muted-foreground",
+							children: "→ every"
+						}),
+						/* @__PURE__ */ jsxs(Select, {
+							value: String(rule.months),
+							onValueChange: (value) => update(rule.id, { months: Number(value) }),
+							children: [/* @__PURE__ */ jsx(SelectTrigger, {
+								className: "wwc:w-24",
+								"aria-label": "Interval in months",
+								children: /* @__PURE__ */ jsx(SelectValue, {})
+							}), /* @__PURE__ */ jsx(SelectContent, { children: INTERVAL_OPTIONS.map((months) => /* @__PURE__ */ jsx(SelectItem, {
+								value: String(months),
+								children: months
+							}, months)) })]
+						}),
+						/* @__PURE__ */ jsx("span", {
+							className: "wwc:shrink-0 wwc:text-sm",
+							children: "months"
+						})
+					]
+				}, rule.id))
+			})
+		})]
+	}), /* @__PURE__ */ jsx(SettingsActionBar, {
+		changeCount,
+		onDiscard: () => setDraft(saved),
+		onSave: () => setSaved(draft)
+	})] });
+}
+const SITE_CLINICS = [
+	{
+		id: "c-1",
+		name: "Default Clinic",
+		isDefault: true,
+		status: "active"
+	},
+	{
+		id: "c-2",
+		name: "DSCO-TCF CLINIC",
+		status: "active"
+	},
+	{
+		id: "c-3",
+		name: "MAH-Pioneer Camp",
+		status: "active"
+	},
+	{
+		id: "c-4",
+		name: "MAH-SP Clinic",
+		status: "active"
+	},
+	{
+		id: "c-5",
+		name: "NGMSA-TCF CLINIC",
+		status: "active"
+	},
+	{
+		id: "c-6",
+		name: "SH-TCF Clinic",
+		status: "active"
+	},
+	{
+		id: "c-7",
+		name: "TR-TCF CLINIC",
+		status: "active"
+	},
+	{
+		id: "c-8",
+		name: "ZOMCO-SAPMT Camp Clinic",
+		status: "active"
+	}
+];
+const CLINIC_COLUMNS = [
+	{
+		accessorKey: "name",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Name"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsxs("span", {
+			className: "wwc:flex wwc:items-center wwc:gap-2",
+			children: [/* @__PURE__ */ jsx("span", {
+				className: "wwc:font-medium",
+				children: row.original.name
+			}), row.original.isDefault && /* @__PURE__ */ jsx(Badge, {
+				variant: "outline",
+				className: "wwc:h-5 wwc:px-1.5 wwc:text-[10px]",
+				children: "Default"
+			})]
+		})
+	},
+	{
+		accessorKey: "status",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Status"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx(Badge, {
+			variant: row.original.status === "active" ? "successSoft" : "neutralSoft",
+			children: row.original.status === "active" ? "Active" : "Archived"
+		})
+	},
+	{
+		id: "actions",
+		enableSorting: false,
+		enableHiding: false,
+		meta: { cellClassName: "wwc:w-px wwc:whitespace-nowrap wwc:text-right" },
+		cell: () => /* @__PURE__ */ jsx(DataTableRowActions, { actions: [{
+			label: "Edit clinic",
+			icon: /* @__PURE__ */ jsx(Pencil, { className: "wwc:h-4 wwc:w-4" })
+		}, {
+			label: "Archive clinic",
+			icon: /* @__PURE__ */ jsx(Archive, { className: "wwc:h-4 wwc:w-4" })
+		}] })
+	}
+];
+/** Site clinic list. Rows act immediately — there is no draft state, so no save bar. */
+function ClinicsSettings() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:mx-auto wwc:w-full wwc:max-w-[1200px] wwc:p-6",
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title: "Site Clinics",
+			description: "Manage clinic locations available for this site."
+		}), /* @__PURE__ */ jsx(DataTable, {
+			columns: CLINIC_COLUMNS,
+			data: SITE_CLINICS,
+			searchKey: "name",
+			searchPlaceholder: "Search clinics…",
+			recordLabel: "clinic",
+			pageSize: 10,
+			toolbarExtra: /* @__PURE__ */ jsx(AddClinicLocationDialog, { trigger: /* @__PURE__ */ jsxs(Button, { children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Add Clinic"] }) })
+		})]
+	});
+}
+const DOCTOR_PERMISSIONS = [
+	{
+		id: "d-1",
+		name: "MALATESHA HARIJANA",
+		email: "Malatesha.Hari@sinohydro.sa",
+		companies: [
+			"SH-FAC",
+			"Sinohydr-Al Quadri",
+			"Sinohydro"
+		],
+		clinics: ["SH-TCF Clinic"],
+		updated: "12 Jul 2026"
+	},
+	{
+		id: "d-2",
+		name: "NGMSA CLINIC",
+		email: "Clinic.RNGL@ngmsa.com",
+		companies: ["NGMSA"],
+		clinics: ["NGMSA-TCF CLINIC"],
+		updated: "13 Jul 2026"
+	},
+	{
+		id: "d-3",
+		name: "RIYASCLINIC",
+		email: "riyasclinic@tecnicasreunidas.es",
+		companies: [
+			"TR",
+			"TR- IIT SAUDI",
+			"TR-ACTAVO",
+			...Array.from({ length: 37 }, (_, i) => `TR-EXTRA-${i + 1}`)
+		],
+		clinics: ["TR-TCF CLINIC"],
+		updated: "12 Jul 2026"
+	},
+	{
+		id: "d-4",
+		name: "Yves Uy",
+		email: "zriyas@twareat.com",
+		companies: [
+			"Aramco PMT PKG5",
+			"BQ",
+			"Moffareh Al Harbi and",
+			...Array.from({ length: 7 }, (_, i) => `PKG5-${i + 1}`)
+		],
+		clinics: ["ZOMCO-SAPMT Camp"],
+		updated: "12 Jul 2026"
+	}
+];
+/** Chip list that shows the first `visible` entries and rolls the rest into a "+N" chip. */
+function ChipList({ items, visible = 3 }) {
+	const overflow = items.length - visible;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:gap-1.5",
+		children: [items.slice(0, visible).map((item) => /* @__PURE__ */ jsx(Badge, {
+			variant: "outline",
+			className: "wwc:h-6 wwc:font-normal",
+			children: item
+		}, item)), overflow > 0 && /* @__PURE__ */ jsx(Badge, {
+			variant: "neutralSoft",
+			className: "wwc:h-6 wwc:font-normal",
+			children: `+${overflow}`
+		})]
+	});
+}
+const DOCTOR_OPTIONS = DOCTOR_PERMISSIONS.map((doctor) => ({
+	value: doctor.id,
+	label: `${doctor.name} — ${doctor.email}`
+}));
+const CLINIC_OPTIONS = SITE_CLINICS.map((clinic) => ({
+	value: clinic.id,
+	label: clinic.name
+}));
+const DOCTOR_COMPANY_OPTIONS = Array.from(new Set(DOCTOR_PERMISSIONS.flatMap((doctor) => doctor.companies))).sort((a, b) => a.localeCompare(b)).map((company) => ({
+	value: company,
+	label: company
+}));
+const DOCTOR_COLUMNS = [
+	{
+		accessorKey: "name",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Doctor"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+			className: "wwc:flex wwc:items-center wwc:gap-3",
+			children: [/* @__PURE__ */ jsx(Avatar, {
+				className: "wwc:h-7 wwc:w-7",
+				children: /* @__PURE__ */ jsx(AvatarFallback, {
+					className: "wwc:text-[10px]",
+					children: initials(row.original.name)
+				})
+			}), /* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0",
+				children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:block wwc:font-medium",
+					children: row.original.name
+				}), /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-xs wwc:text-muted-foreground",
+					children: row.original.email
+				})]
+			})]
+		})
+	},
+	{
+		id: "companies",
+		header: () => /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-xs wwc:font-medium",
+			children: "Companies"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx(ChipList, { items: row.original.companies })
+	},
+	{
+		id: "clinics",
+		header: () => /* @__PURE__ */ jsx("span", {
+			className: "wwc:text-xs wwc:font-medium",
+			children: "Clinics"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx(ChipList, {
+			items: row.original.clinics,
+			visible: 2
+		})
+	},
+	{
+		accessorKey: "updated",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Updated"
+		})
+	},
+	{
+		id: "actions",
+		enableSorting: false,
+		enableHiding: false,
+		meta: { cellClassName: "wwc:w-px wwc:whitespace-nowrap wwc:text-right" },
+		cell: () => /* @__PURE__ */ jsx(DataTableRowActions, { actions: [{
+			label: "Edit permissions",
+			icon: /* @__PURE__ */ jsx(Pencil, { className: "wwc:h-4 wwc:w-4" })
+		}, {
+			label: "Remove doctor",
+			icon: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" }),
+			destructive: true
+		}] })
+	}
+];
+/** Doctor permission list. Rows act immediately — there is no draft state, so no save bar. */
+function DoctorsSettings() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:mx-auto wwc:w-full wwc:max-w-[1200px] wwc:p-6",
+		children: [/* @__PURE__ */ jsx(SectionHeader, {
+			title: "Doctor Permissions",
+			description: "Control which companies' workers and which clinics' visitor-visits each doctor can see."
+		}), /* @__PURE__ */ jsx(DataTable, {
+			columns: DOCTOR_COLUMNS,
+			data: DOCTOR_PERMISSIONS,
+			searchKey: "name",
+			searchPlaceholder: "Search doctors, companies, clinics…",
+			recordLabel: "doctor",
+			pageSize: 10,
+			toolbarExtra: /* @__PURE__ */ jsx(AssignDoctorDialog, {
+				doctors: DOCTOR_OPTIONS,
+				companies: DOCTOR_COMPANY_OPTIONS,
+				clinics: CLINIC_OPTIONS,
+				trigger: /* @__PURE__ */ jsxs(Button, { children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Assign Doctor"] })
+			})
+		})]
+	});
+}
+/**
+* Clinic occupational-health template. Renders its own app shell and a content area that toggles
+* between the route header (Overview / Worker Fitness tabs + a Settings action) and a Settings
+* sub-surface (SideMenu + content).
+*
+* @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a
+* supported production import: compose your page from the widgets this template uses, wired to your
+* own data (see the CoreClinic template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function Clinic() {
+	const [mode, setMode] = useState("default");
+	const [activeTab, setActiveTab] = useState("overview");
+	const [activeSetting, setActiveSetting] = useState("visit-frequency");
+	const [detailLabel, setDetailLabel] = useState(null);
+	const activeSettingLabel = settingLabel(activeSetting);
+	const ontologyViewId = ONTOLOGY_SETTING_VIEW_IDS[activeSetting];
+	const OntologyView = ontologyViewId ? ONTOLOGY_VIEWS[ontologyViewId] : void 0;
+	const breadcrumb = mode === "settings" ? `Clinic / Settings / ${activeSettingLabel}${detailLabel ? ` / ${detailLabel}` : ""}` : `Clinic / ${tabLabel(activeTab)}`;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:h-full wwc:min-h-0 wwc:bg-background wwc:text-foreground",
+		children: [/* @__PURE__ */ jsx(CoreAppSidebar, {
+			viewLevel: "org",
+			orgGroups: CLINIC_GROUPS,
+			activeItemId: "clinic",
+			showSearch: false,
+			showNotifications: false
+		}), /* @__PURE__ */ jsxs("div", {
+			className: "wwc:relative wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col",
+			children: [/* @__PURE__ */ jsx(CoreAppTopBar, {
+				activeLabel: breadcrumb,
+				showProjectSwitcher: false,
+				showNotifications: true,
+				notificationCount: 2
+			}), /* @__PURE__ */ jsx("main", {
+				className: "wwc:relative wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-hidden",
+				children: mode === "default" ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PageContentHeader, {
+					variant: "navigation",
+					title: "Clinic",
+					tabs: TABS,
+					activeTab,
+					onTabChange: (tab) => setActiveTab(tab),
+					actions: [{
+						id: "settings",
+						label: "Settings",
+						icon: /* @__PURE__ */ jsx(Settings, { className: "wwc:h-4 wwc:w-4" }),
+						presentation: "icon",
+						onSelect: () => setMode("settings")
+					}]
+				}), activeTab === "worker-fitness" ? /* @__PURE__ */ jsx(WorkerFitnessView, {}) : /* @__PURE__ */ jsx(ClinicOverview, {})] }) : /* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:md:flex-row",
+					children: [/* @__PURE__ */ jsx(SideMenu, {
+						title: "Settings",
+						onBack: () => setMode("default"),
+						backLabel: "Back to Clinic",
+						showSearch: false,
+						groups: SETTINGS_GROUPS,
+						activeItemId: activeSetting,
+						onItemSelect: (id) => setActiveSetting(id)
+					}), /* @__PURE__ */ jsx("div", {
+						className: cn("wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col", OntologyView ? "wwc:overflow-hidden" : "wwc:overflow-auto"),
+						children: OntologyView ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+							/* @__PURE__ */ jsx(PageContentHeader, {
+								variant: "title-actions",
+								density: "compact",
+								title: activeSettingLabel,
+								description: ONTOLOGY_DESCRIPTION[activeSetting]
+							}),
+							/* @__PURE__ */ jsx(OntologyView, {
+								scope: CLINIC_ONTOLOGY_SCOPE,
+								onDetailChange: setDetailLabel
+							}),
+							/* @__PURE__ */ jsx(Toaster, { position: "top-right" })
+						] }) : activeSetting === "visit-frequency" ? /* @__PURE__ */ jsx(VisitFrequencySettings, {}) : activeSetting === "age-rules" ? /* @__PURE__ */ jsx(AgeRulesSettings, {}) : activeSetting === "clinics" ? /* @__PURE__ */ jsx(ClinicsSettings, {}) : /* @__PURE__ */ jsx(DoctorsSettings, {})
+					})]
+				})
+			})]
+		})]
+	});
+}
+//#endregion
+export { Clinic };
+
+//# sourceMappingURL=core-clinic.mjs.map