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

package/dist/pages/core-org-performance.mjs

@@ -0,0 +1,1398 @@
+import { Badge } from "../badge.mjs";
+import { Card, CardContent, CardHeader, CardTitle } from "../card.mjs";
+import { ScrollArea } from "../scroll-area.mjs";
+import { ChartRenderer } from "../chat/core-chart-renderer.mjs";
+import { Progress } from "../progress.mjs";
+import { MetricCard } from "../metric-card.mjs";
+import { TrendChart } from "../trend-chart.mjs";
+import { CoreFilterStrip } from "../navigation/core-filter-strip.mjs";
+import { Activity, CheckCircle2, Clock, DollarSign, FileWarning, Shield, Target, TrendingDown, TrendingUp, Users, Zap } from "lucide-react";
+import { useMemo } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+import ReactECharts from "echarts-for-react";
+//#region src/pages/core-org-performance.tsx
+const CHART_COLORS = {
+	chart1: "#f5d4a8",
+	chart2: "#e8b573",
+	chart3: "#d99447",
+	chart4: "#c97a24",
+	chart5: "#b86010"
+};
+const portfolioMetrics = {
+	totalWorkforce: 6140,
+	activeZones: 47,
+	totalZones: 52,
+	equipmentOnline: 234,
+	equipmentTotal: 245,
+	tasksCompleted: 1847,
+	tasksTarget: 1640,
+	spi: .94,
+	cpi: .91,
+	safetyScore: 96.4,
+	productivityIndex: 108,
+	ltiFreeDay: 127,
+	openNCRs: 14,
+	daysToCompletion: 167,
+	forecastSAR: 2.8
+};
+const projectStatusData = [
+	{
+		name: "Six Flags",
+		progress: 78,
+		spi: 1.02,
+		cpi: 1.05,
+		status: "on-track"
+	},
+	{
+		name: "Aquarabia",
+		progress: 65,
+		spi: .98,
+		cpi: .94,
+		status: "at-risk"
+	},
+	{
+		name: "Gaming District",
+		progress: 42,
+		spi: .85,
+		cpi: .78,
+		status: "critical"
+	},
+	{
+		name: "Speed Park",
+		progress: 89,
+		spi: 1.08,
+		cpi: 1.12,
+		status: "on-track"
+	},
+	{
+		name: "Stadium",
+		progress: 72,
+		spi: 1.01,
+		cpi: .92,
+		status: "at-risk"
+	},
+	{
+		name: "Golf Course",
+		progress: 35,
+		spi: .72,
+		cpi: .65,
+		status: "critical"
+	},
+	{
+		name: "Mercedes-AMG",
+		progress: 58,
+		spi: .89,
+		cpi: .91,
+		status: "at-risk"
+	},
+	{
+		name: "Arts Centre",
+		progress: 81,
+		spi: 1.04,
+		cpi: 1.08,
+		status: "on-track"
+	},
+	{
+		name: "Studios",
+		progress: 52,
+		spi: 1,
+		cpi: 1.03,
+		status: "on-track"
+	}
+];
+const costBurnData = [
+	{
+		month: "Aug",
+		baseline: 145,
+		actual: 142,
+		forecast: null
+	},
+	{
+		month: "Sep",
+		baseline: 170,
+		actual: 178,
+		forecast: null
+	},
+	{
+		month: "Oct",
+		baseline: 195,
+		actual: 210,
+		forecast: null
+	},
+	{
+		month: "Nov",
+		baseline: 220,
+		actual: 245,
+		forecast: null
+	},
+	{
+		month: "Dec",
+		baseline: 250,
+		actual: 285,
+		forecast: null
+	},
+	{
+		month: "Jan",
+		baseline: 280,
+		actual: 320,
+		forecast: 320
+	},
+	{
+		month: "Feb",
+		baseline: 310,
+		actual: null,
+		forecast: 358
+	},
+	{
+		month: "Mar",
+		baseline: 340,
+		actual: null,
+		forecast: 395
+	}
+];
+const workforceByTrade = [
+	{
+		name: "Civil",
+		value: 1850
+	},
+	{
+		name: "Structural",
+		value: 1420
+	},
+	{
+		name: "MEP",
+		value: 1180
+	},
+	{
+		name: "Finishing",
+		value: 980
+	},
+	{
+		name: "Other",
+		value: 710
+	}
+];
+const safetyWeeklyData = [
+	{
+		week: "W1",
+		incidents: 3,
+		nearMiss: 8
+	},
+	{
+		week: "W2",
+		incidents: 2,
+		nearMiss: 12
+	},
+	{
+		week: "W3",
+		incidents: 4,
+		nearMiss: 6
+	},
+	{
+		week: "W4",
+		incidents: 1,
+		nearMiss: 9
+	},
+	{
+		week: "W5",
+		incidents: 2,
+		nearMiss: 7
+	},
+	{
+		week: "W6",
+		incidents: 0,
+		nearMiss: 5
+	}
+];
+const headcountData = [
+	{
+		month: "Jan 25",
+		expected: 506,
+		actual: 259
+	},
+	{
+		month: "Feb 25",
+		expected: 532,
+		actual: 382
+	},
+	{
+		month: "Mar 25",
+		expected: 466,
+		actual: 342
+	},
+	{
+		month: "Apr 25",
+		expected: 462,
+		actual: 324
+	},
+	{
+		month: "May 25",
+		expected: 453,
+		actual: 315
+	},
+	{
+		month: "Jun 25",
+		expected: 677,
+		actual: 367
+	},
+	{
+		month: "Jul 25",
+		expected: 749,
+		actual: 494
+	},
+	{
+		month: "Aug 25",
+		expected: 721,
+		actual: 496
+	},
+	{
+		month: "Sep 25",
+		expected: 828,
+		actual: 529
+	},
+	{
+		month: "Oct 25",
+		expected: 655,
+		actual: 553
+	},
+	{
+		month: "Nov 25",
+		expected: 642,
+		actual: 521
+	},
+	{
+		month: "Dec 25",
+		expected: 603,
+		actual: 473
+	},
+	{
+		month: "Jan 26",
+		expected: 585,
+		actual: 421
+	}
+];
+const undeliveredHoursData = [
+	{
+		month: "Jan 25",
+		expected: 80,
+		active: 31,
+		undeliveredPct: 32
+	},
+	{
+		month: "Feb 25",
+		expected: 92,
+		active: 21,
+		undeliveredPct: 25
+	},
+	{
+		month: "Mar 25",
+		expected: 69,
+		active: 37,
+		undeliveredPct: 38
+	},
+	{
+		month: "Apr 25",
+		expected: 84,
+		active: 56,
+		undeliveredPct: 34
+	},
+	{
+		month: "May 25",
+		expected: 82,
+		active: 55,
+		undeliveredPct: 33
+	},
+	{
+		month: "Jun 25",
+		expected: 95,
+		active: 58,
+		undeliveredPct: 40
+	},
+	{
+		month: "Jul 25",
+		expected: 133,
+		active: 74,
+		undeliveredPct: 45
+	},
+	{
+		month: "Aug 25",
+		expected: 129,
+		active: 69,
+		undeliveredPct: 47
+	},
+	{
+		month: "Sep 25",
+		expected: 138,
+		active: 73,
+		undeliveredPct: 47
+	},
+	{
+		month: "Oct 25",
+		expected: 144,
+		active: 72,
+		undeliveredPct: 50
+	},
+	{
+		month: "Nov 25",
+		expected: 135,
+		active: 64,
+		undeliveredPct: 53
+	},
+	{
+		month: "Dec 25",
+		expected: 127,
+		active: 56,
+		undeliveredPct: 56
+	},
+	{
+		month: "Jan 26",
+		expected: 127,
+		active: 59,
+		undeliveredPct: 50
+	}
+];
+const workforceActivityData = [
+	{
+		month: "Jan 25",
+		active: 87.39,
+		inactive: 12.61
+	},
+	{
+		month: "Feb 25",
+		active: 83.89,
+		inactive: 16.11
+	},
+	{
+		month: "Mar 25",
+		active: 83.58,
+		inactive: 16.42
+	},
+	{
+		month: "Apr 25",
+		active: 77.66,
+		inactive: 22.34
+	},
+	{
+		month: "May 25",
+		active: 76.04,
+		inactive: 23.96
+	},
+	{
+		month: "Jun 25",
+		active: 72.43,
+		inactive: 27.57
+	},
+	{
+		month: "Jul 25",
+		active: 72.87,
+		inactive: 27.13
+	},
+	{
+		month: "Aug 25",
+		active: 73.58,
+		inactive: 26.42
+	},
+	{
+		month: "Sep 25",
+		active: 72.99,
+		inactive: 27.01
+	},
+	{
+		month: "Oct 25",
+		active: 76.88,
+		inactive: 23.12
+	},
+	{
+		month: "Nov 25",
+		active: 77.92,
+		inactive: 22.08
+	},
+	{
+		month: "Dec 25",
+		active: 73.02,
+		inactive: 26.98
+	},
+	{
+		month: "Jan 26",
+		active: 79.53,
+		inactive: 20.47
+	}
+];
+function formatToK(value) {
+	if (value >= 1e3) return `${Math.round(value / 1e3)}K`;
+	return value.toString();
+}
+function getStatusColor(status) {
+	switch (status) {
+		case "on-track": return "wwc:text-green-600";
+		case "at-risk": return "wwc:text-amber-600";
+		case "critical": return "wwc:text-red-600";
+		default: return "wwc:text-muted-foreground";
+	}
+}
+function GaugeDisplay({ value, target, label, color }) {
+	const percentage = Math.min(value / target * 100, 100);
+	const isHealthy = value >= target * .95;
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:flex-col wwc:items-center",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative wwc:h-24 wwc:w-24",
+				children: [/* @__PURE__ */ jsxs("svg", {
+					className: "wwc:h-full wwc:w-full wwc:-rotate-90",
+					viewBox: "0 0 36 36",
+					children: [/* @__PURE__ */ jsx("path", {
+						d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",
+						fill: "none",
+						stroke: "currentColor",
+						strokeWidth: "3",
+						className: "text-muted"
+					}), /* @__PURE__ */ jsx("path", {
+						d: "M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831",
+						fill: "none",
+						stroke: color,
+						strokeWidth: "3",
+						strokeDasharray: `${percentage}, 100`,
+						strokeLinecap: "round"
+					})]
+				}), /* @__PURE__ */ jsx("div", {
+					className: "wwc:absolute wwc:inset-0 wwc:flex wwc:flex-col wwc:items-center wwc:justify-center",
+					children: /* @__PURE__ */ jsx("span", {
+						className: `wwc:text-xl wwc:font-bold ${isHealthy ? "wwc:text-foreground" : "wwc:text-amber-600"}`,
+						children: value.toFixed(2)
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:mt-1 wwc:text-xs wwc:text-muted-foreground",
+				children: label
+			}),
+			/* @__PURE__ */ jsxs("span", {
+				className: "wwc:text-[10px] wwc:text-muted-foreground",
+				children: ["Target: ", target.toFixed(2)]
+			})
+		]
+	});
+}
+/** Organization-level performance metrics with SPI/CPI trends and progress charts. */
+function OrgPerformance({ selectedOrg, addedWidgets = [] }) {
+	const summaryStats = useMemo(() => {
+		return {
+			onTrack: projectStatusData.filter((p) => p.status === "on-track").length,
+			atRisk: projectStatusData.filter((p) => p.status === "at-risk").length,
+			critical: projectStatusData.filter((p) => p.status === "critical").length,
+			total: projectStatusData.length
+		};
+	}, []);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex-1 wwc:overflow-auto wwc:bg-background",
+		children: [/* @__PURE__ */ jsx(CoreFilterStrip, { variant: "performance" }), /* @__PURE__ */ jsxs("div", {
+			className: "wwc:p-6 wwc:space-y-6",
+			children: [
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-between",
+					children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+						className: "wwc:text-xl wwc:font-semibold wwc:text-foreground",
+						children: "Performance Command Center"
+					}), /* @__PURE__ */ jsxs("p", {
+						className: "wwc:text-sm wwc:text-muted-foreground",
+						children: ["Portfolio monitoring for ", selectedOrg.name]
+					})] }), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:gap-3",
+						children: [/* @__PURE__ */ jsxs(Badge, {
+							variant: "outline",
+							className: "wwc:gap-1.5",
+							children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-green-500 wwc:animate-pulse" }), "Live"]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "wwc:text-xs wwc:text-muted-foreground",
+							children: "Last updated: Just now"
+						})]
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-2 wwc:md:grid-cols-3 wwc:lg:grid-cols-6 wwc:gap-4",
+					children: [
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Total Workforce",
+							value: portfolioMetrics.totalWorkforce.toLocaleString(),
+							trend: "up",
+							trendLabel: "+142 today",
+							icon: Users
+						}),
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Active Zones",
+							value: portfolioMetrics.activeZones,
+							unit: `/ ${portfolioMetrics.totalZones}`,
+							icon: Target
+						}),
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Equipment Online",
+							value: portfolioMetrics.equipmentOnline,
+							unit: `/ ${portfolioMetrics.equipmentTotal}`,
+							subtitle: "98.2% availability",
+							icon: Zap
+						}),
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Tasks Completed",
+							value: portfolioMetrics.tasksCompleted.toLocaleString(),
+							trend: "up",
+							trendLabel: "+12.3% vs target",
+							icon: CheckCircle2,
+							status: "success"
+						}),
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Safety Score",
+							value: portfolioMetrics.safetyScore,
+							unit: "%",
+							trend: "up",
+							trendLabel: "+0.4%",
+							icon: Shield,
+							status: "success"
+						}),
+						/* @__PURE__ */ jsx(MetricCard, {
+							title: "Productivity",
+							value: portfolioMetrics.productivityIndex,
+							unit: "%",
+							trend: "up",
+							trendLabel: "+8% vs baseline",
+							icon: Activity,
+							status: "success"
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4",
+					children: [/* @__PURE__ */ jsx(TrendChart, {
+						title: "Headcount",
+						height: 240,
+						header: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-start wwc:gap-4 wwc:text-xs",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:items-center wwc:gap-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+									style: { backgroundColor: CHART_COLORS.chart1 }
+								}), "Average Expected Headcount"]
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:items-center wwc:gap-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+									style: { backgroundColor: CHART_COLORS.chart3 }
+								}), "Average Headcount"]
+							})]
+						}),
+						option: {
+							tooltip: {
+								trigger: "axis",
+								axisPointer: { type: "shadow" }
+							},
+							grid: {
+								top: 20,
+								right: 20,
+								bottom: 50,
+								left: 40
+							},
+							xAxis: {
+								type: "category",
+								data: headcountData.map((d) => d.month),
+								axisLabel: {
+									fontSize: 10,
+									rotate: 45
+								},
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							yAxis: {
+								type: "value",
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							},
+							series: [
+								{
+									name: "Expected",
+									type: "bar",
+									data: headcountData.map((d) => d.expected),
+									itemStyle: {
+										color: CHART_COLORS.chart1,
+										borderRadius: [
+											2,
+											2,
+											0,
+											0
+										]
+									},
+									barWidth: 16
+								},
+								{
+									name: "Actual",
+									type: "bar",
+									data: headcountData.map((d) => d.actual),
+									itemStyle: {
+										color: CHART_COLORS.chart3,
+										borderRadius: [
+											2,
+											2,
+											0,
+											0
+										]
+									},
+									barWidth: 16
+								},
+								{
+									name: "Actual Trend",
+									type: "line",
+									data: headcountData.map((d) => d.actual),
+									smooth: true,
+									lineStyle: {
+										width: 2,
+										color: CHART_COLORS.chart5
+									},
+									itemStyle: { color: CHART_COLORS.chart5 },
+									symbol: "circle",
+									symbolSize: 6
+								}
+							]
+						}
+					}), /* @__PURE__ */ jsx(TrendChart, {
+						title: "Undelivered Hours",
+						height: 280,
+						header: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-start wwc:gap-4 wwc:text-xs",
+							children: [
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1.5",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+										style: { backgroundColor: CHART_COLORS.chart1 }
+									}), "Expected Hours"]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1.5",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+										style: { backgroundColor: CHART_COLORS.chart3 }
+									}), "Hours Active"]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1.5",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+										style: { backgroundColor: CHART_COLORS.chart5 }
+									}), "Undelivered Hours %"]
+								})
+							]
+						}),
+						option: {
+							tooltip: {
+								trigger: "axis",
+								axisPointer: { type: "shadow" },
+								formatter: (params) => {
+									let result = `${params[0].axisValue}<br/>`;
+									for (const p of params) if (p.seriesName === "Undelivered %") result += `${p.marker} ${p.seriesName}: ${p.value}%<br/>`;
+									else result += `${p.marker} ${p.seriesName}: ${formatToK(Number(p.value) * 1e3)}<br/>`;
+									return result;
+								}
+							},
+							grid: {
+								top: 30,
+								right: 60,
+								bottom: 50,
+								left: 60
+							},
+							xAxis: {
+								type: "category",
+								data: undeliveredHoursData.map((d) => d.month),
+								axisLabel: {
+									fontSize: 10,
+									rotate: 45
+								},
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							yAxis: [{
+								type: "value",
+								name: "Hours",
+								nameTextStyle: { fontSize: 11 },
+								axisLabel: {
+									fontSize: 10,
+									formatter: (v) => formatToK(v * 1e3)
+								},
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							}, {
+								type: "value",
+								name: "Undelivered Hours %",
+								nameTextStyle: { fontSize: 11 },
+								min: 20,
+								max: 60,
+								axisLabel: {
+									fontSize: 10,
+									formatter: "{value}%"
+								},
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { show: false }
+							}],
+							series: [
+								{
+									name: "Expected",
+									type: "bar",
+									yAxisIndex: 0,
+									data: undeliveredHoursData.map((d) => d.expected),
+									itemStyle: {
+										color: CHART_COLORS.chart1,
+										borderRadius: [
+											2,
+											2,
+											0,
+											0
+										]
+									},
+									barWidth: 20,
+									label: {
+										show: true,
+										position: "top",
+										fontSize: 9,
+										formatter: (p) => formatToK(Number(p.value) * 1e3)
+									}
+								},
+								{
+									name: "Active",
+									type: "bar",
+									yAxisIndex: 0,
+									data: undeliveredHoursData.map((d) => d.active),
+									itemStyle: {
+										color: CHART_COLORS.chart3,
+										borderRadius: [
+											2,
+											2,
+											0,
+											0
+										]
+									},
+									barWidth: 20,
+									label: {
+										show: true,
+										position: "top",
+										fontSize: 9,
+										formatter: (p) => formatToK(Number(p.value) * 1e3)
+									}
+								},
+								{
+									name: "Undelivered %",
+									type: "line",
+									yAxisIndex: 1,
+									data: undeliveredHoursData.map((d) => d.undeliveredPct),
+									smooth: true,
+									lineStyle: {
+										width: 2,
+										color: CHART_COLORS.chart5
+									},
+									itemStyle: { color: CHART_COLORS.chart5 },
+									symbol: "circle",
+									symbolSize: 6,
+									label: {
+										show: true,
+										position: "top",
+										fontSize: 9,
+										color: "#dc2626",
+										formatter: "{c}%"
+									}
+								}
+							]
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4",
+					children: [/* @__PURE__ */ jsx(TrendChart, {
+						title: "Present Workforce Activity (% of Total)",
+						height: 280,
+						header: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-start wwc:gap-4 wwc:text-xs",
+							children: [/* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:items-center wwc:gap-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+									style: { backgroundColor: CHART_COLORS.chart3 }
+								}), "Hours Active"]
+							}), /* @__PURE__ */ jsxs("span", {
+								className: "wwc:flex wwc:items-center wwc:gap-1.5",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:h-2.5 wwc:w-2.5 wwc:rounded-full",
+									style: { backgroundColor: CHART_COLORS.chart1 }
+								}), "Hours Inactive"]
+							})]
+						}),
+						option: {
+							tooltip: {
+								trigger: "axis",
+								axisPointer: { type: "shadow" },
+								formatter: (params) => {
+									let result = `${params[0].axisValue}<br/>`;
+									for (const p of params) result += `${p.marker} ${p.seriesName}: ${Number(p.value).toFixed(2)}%<br/>`;
+									return result;
+								}
+							},
+							grid: {
+								top: 20,
+								right: 20,
+								bottom: 50,
+								left: 60
+							},
+							xAxis: {
+								type: "category",
+								data: workforceActivityData.map((d) => d.month),
+								axisLabel: {
+									fontSize: 10,
+									rotate: 45
+								},
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							yAxis: {
+								type: "value",
+								name: "Hours",
+								nameTextStyle: { fontSize: 11 },
+								min: 0,
+								max: 100,
+								axisLabel: {
+									fontSize: 10,
+									formatter: "{value}%"
+								},
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							},
+							series: [{
+								name: "Active",
+								type: "bar",
+								stack: "total",
+								data: workforceActivityData.map((d) => d.active),
+								itemStyle: { color: CHART_COLORS.chart3 },
+								label: {
+									show: true,
+									position: "inside",
+									fontSize: 9,
+									formatter: (p) => `${Number(p.value).toFixed(2)}%`
+								}
+							}, {
+								name: "Inactive",
+								type: "bar",
+								stack: "total",
+								data: workforceActivityData.map((d) => d.inactive),
+								itemStyle: {
+									color: CHART_COLORS.chart1,
+									borderRadius: [
+										2,
+										2,
+										0,
+										0
+									]
+								},
+								label: {
+									show: true,
+									position: "inside",
+									fontSize: 9,
+									formatter: (p) => `${Number(p.value).toFixed(2)}%`
+								},
+								markLine: {
+									silent: true,
+									symbol: "none",
+									lineStyle: {
+										type: "dashed",
+										color: "hsl(var(--muted-foreground))"
+									},
+									data: [{ yAxis: 100 }],
+									label: { show: false }
+								}
+							}]
+						}
+					}), /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+						className: "wwc:pb-2",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx(CardTitle, {
+								className: "wwc:text-sm wwc:font-medium",
+								children: "Cost Burn vs Baseline"
+							}), /* @__PURE__ */ jsx("span", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "SAR Millions"
+							})]
+						})
+					}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(ReactECharts, {
+						option: {
+							tooltip: { trigger: "axis" },
+							grid: {
+								top: 10,
+								right: 10,
+								bottom: 25,
+								left: 40
+							},
+							xAxis: {
+								type: "category",
+								data: costBurnData.map((d) => d.month),
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							yAxis: {
+								type: "value",
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							},
+							series: [
+								{
+									name: "Baseline",
+									type: "line",
+									data: costBurnData.map((d) => d.baseline),
+									smooth: true,
+									lineStyle: {
+										width: 2,
+										type: "dashed",
+										color: "var(--muted-foreground)"
+									},
+									itemStyle: { color: "var(--muted-foreground)" },
+									showSymbol: false
+								},
+								{
+									name: "Actual",
+									type: "line",
+									data: costBurnData.map((d) => d.actual),
+									smooth: true,
+									lineStyle: {
+										width: 2,
+										color: CHART_COLORS.chart2
+									},
+									itemStyle: { color: CHART_COLORS.chart2 },
+									areaStyle: { color: {
+										type: "linear",
+										x: 0,
+										y: 0,
+										x2: 0,
+										y2: 1,
+										colorStops: [{
+											offset: 0,
+											color: `${CHART_COLORS.chart2}4D`
+										}, {
+											offset: 1,
+											color: `${CHART_COLORS.chart2}00`
+										}]
+									} }
+								},
+								{
+									name: "Forecast",
+									type: "line",
+									data: costBurnData.map((d) => d.forecast),
+									smooth: true,
+									lineStyle: {
+										width: 2,
+										type: "dashed",
+										color: CHART_COLORS.chart5
+									},
+									itemStyle: { color: CHART_COLORS.chart5 },
+									areaStyle: { color: {
+										type: "linear",
+										x: 0,
+										y: 0,
+										x2: 0,
+										y2: 1,
+										colorStops: [{
+											offset: 0,
+											color: `${CHART_COLORS.chart5}4D`
+										}, {
+											offset: 1,
+											color: `${CHART_COLORS.chart5}00`
+										}]
+									} }
+								}
+							]
+						},
+						style: { height: 200 }
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:justify-between wwc:mt-2 wwc:pt-2 wwc:border-t",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:gap-4 wwc:text-xs",
+							children: [
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1",
+									children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-muted-foreground" }), "Baseline"]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:h-2 wwc:w-2 wwc:rounded-full",
+										style: { backgroundColor: CHART_COLORS.chart2 }
+									}), "Actual"]
+								}),
+								/* @__PURE__ */ jsxs("span", {
+									className: "wwc:flex wwc:items-center wwc:gap-1",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:h-2 wwc:w-2 wwc:rounded-full",
+										style: { backgroundColor: CHART_COLORS.chart5 }
+									}), "Forecast"]
+								})
+							]
+						}), /* @__PURE__ */ jsx("span", {
+							className: "wwc:text-sm wwc:font-semibold wwc:text-red-600",
+							children: "+SAR 40M (14.3%)"
+						})]
+					})] })] })]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4",
+					children: [/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+						className: "wwc:pb-2",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx(CardTitle, {
+								className: "wwc:text-sm wwc:font-medium",
+								children: "Safety Incidents"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "Last 6 weeks"
+							})] }), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:text-right",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:text-2xl wwc:font-bold wwc:text-green-600",
+									children: "0"
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "This week"
+								})]
+							})]
+						})
+					}), /* @__PURE__ */ jsxs(CardContent, { children: [/* @__PURE__ */ jsx(ReactECharts, {
+						option: {
+							tooltip: {
+								trigger: "axis",
+								axisPointer: { type: "shadow" }
+							},
+							grid: {
+								top: 10,
+								right: 10,
+								bottom: 25,
+								left: 30
+							},
+							xAxis: {
+								type: "category",
+								data: safetyWeeklyData.map((d) => d.week),
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							yAxis: {
+								type: "value",
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							},
+							series: [{
+								name: "Incidents",
+								type: "bar",
+								data: safetyWeeklyData.map((d) => d.incidents),
+								itemStyle: {
+									color: CHART_COLORS.chart5,
+									borderRadius: [
+										2,
+										2,
+										0,
+										0
+									]
+								}
+							}, {
+								name: "Near Miss",
+								type: "bar",
+								data: safetyWeeklyData.map((d) => d.nearMiss),
+								itemStyle: {
+									color: CHART_COLORS.chart2,
+									borderRadius: [
+										2,
+										2,
+										0,
+										0
+									]
+								}
+							}]
+						},
+						style: { height: 200 }
+					}), /* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-center wwc:justify-center wwc:gap-4 wwc:mt-2 wwc:text-xs",
+						children: [/* @__PURE__ */ jsxs("span", {
+							className: "wwc:flex wwc:items-center wwc:gap-1",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:h-2 wwc:w-2 wwc:rounded-full",
+								style: { backgroundColor: CHART_COLORS.chart5 }
+							}), "Incidents"]
+						}), /* @__PURE__ */ jsxs("span", {
+							className: "wwc:flex wwc:items-center wwc:gap-1",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:h-2 wwc:w-2 wwc:rounded-full",
+								style: { backgroundColor: CHART_COLORS.chart2 }
+							}), "Near Miss"]
+						})]
+					})] })] }), /* @__PURE__ */ jsx(TrendChart, {
+						title: "Workforce by Trade",
+						height: 200,
+						header: /* @__PURE__ */ jsx("p", {
+							className: "wwc:text-xs wwc:text-muted-foreground",
+							children: "Current distribution"
+						}),
+						option: {
+							tooltip: {
+								trigger: "axis",
+								axisPointer: { type: "shadow" }
+							},
+							grid: {
+								top: 5,
+								right: 15,
+								bottom: 5,
+								left: 70
+							},
+							xAxis: {
+								type: "value",
+								axisLabel: { fontSize: 10 },
+								axisLine: { show: false },
+								axisTick: { show: false },
+								splitLine: { lineStyle: { type: "dashed" } }
+							},
+							yAxis: {
+								type: "category",
+								data: workforceByTrade.map((d) => d.name),
+								axisLabel: { fontSize: 11 },
+								axisLine: { show: false },
+								axisTick: { show: false }
+							},
+							series: [{
+								type: "bar",
+								data: workforceByTrade.map((d, i) => ({
+									value: d.value,
+									itemStyle: {
+										color: Object.values(CHART_COLORS)[i],
+										borderRadius: [
+											0,
+											4,
+											4,
+											0
+										]
+									}
+								}))
+							}]
+						}
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-1 wwc:md:grid-cols-2 wwc:lg:grid-cols-4 wwc:gap-4",
+					children: [
+						/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+							className: "wwc:pb-2",
+							children: /* @__PURE__ */ jsx(CardTitle, {
+								className: "wwc:text-sm wwc:font-medium",
+								children: "Performance Indices"
+							})
+						}), /* @__PURE__ */ jsxs(CardContent, {
+							className: "wwc:space-y-4",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:justify-around",
+								children: [/* @__PURE__ */ jsx(GaugeDisplay, {
+									value: portfolioMetrics.spi,
+									target: 1,
+									label: "SPI",
+									color: CHART_COLORS.chart2
+								}), /* @__PURE__ */ jsx(GaugeDisplay, {
+									value: portfolioMetrics.cpi,
+									target: 1,
+									label: "CPI",
+									color: CHART_COLORS.chart4
+								})]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:space-y-2 wwc:pt-2 wwc:border-t",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:text-xs",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:text-muted-foreground",
+										children: "Schedule Variance"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "wwc:font-medium wwc:text-amber-600",
+										children: "-6%"
+									})]
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:justify-between wwc:text-xs",
+									children: [/* @__PURE__ */ jsx("span", {
+										className: "wwc:text-muted-foreground",
+										children: "Cost Variance"
+									}), /* @__PURE__ */ jsx("span", {
+										className: "wwc:font-medium wwc:text-red-600",
+										children: "-9%"
+									})]
+								})]
+							})]
+						})] }),
+						/* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+							className: "wwc:pb-2",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-center wwc:justify-between",
+								children: [/* @__PURE__ */ jsx(CardTitle, {
+									className: "wwc:text-sm wwc:font-medium",
+									children: "Project Progress"
+								}), /* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:gap-2 wwc:text-xs",
+									children: [
+										/* @__PURE__ */ jsxs("span", {
+											className: "wwc:flex wwc:items-center wwc:gap-1",
+											children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-green-500" }), summaryStats.onTrack]
+										}),
+										/* @__PURE__ */ jsxs("span", {
+											className: "wwc:flex wwc:items-center wwc:gap-1",
+											children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-amber-500" }), summaryStats.atRisk]
+										}),
+										/* @__PURE__ */ jsxs("span", {
+											className: "wwc:flex wwc:items-center wwc:gap-1",
+											children: [/* @__PURE__ */ jsx("span", { className: "wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-red-500" }), summaryStats.critical]
+										})
+									]
+								})]
+							})
+						}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(ScrollArea, {
+							className: "wwc:h-[200px] wwc:pr-4",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "wwc:space-y-3",
+								children: projectStatusData.map((project) => /* @__PURE__ */ jsxs("div", {
+									className: "wwc:space-y-1",
+									children: [/* @__PURE__ */ jsxs("div", {
+										className: "wwc:flex wwc:items-center wwc:justify-between wwc:text-xs",
+										children: [/* @__PURE__ */ jsx("span", {
+											className: "wwc:text-foreground wwc:truncate wwc:max-w-[120px]",
+											children: project.name
+										}), /* @__PURE__ */ jsxs("span", {
+											className: `wwc:font-medium ${getStatusColor(project.status)}`,
+											children: [project.progress, "%"]
+										})]
+									}), /* @__PURE__ */ jsx(Progress, {
+										value: project.progress,
+										className: `wwc:h-1.5 ${project.status === "on-track" ? "wwc:[&>div]:bg-green-500" : project.status === "at-risk" ? "wwc:[&>div]:bg-amber-500" : "wwc:[&>div]:bg-red-500"}`
+									})]
+								}, project.name))
+							})
+						}) })] }),
+						/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+							className: "wwc:p-4",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-center wwc:justify-between",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "wwc:rounded-lg wwc:bg-muted wwc:p-2",
+									children: /* @__PURE__ */ jsx(Clock, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" })
+								}), /* @__PURE__ */ jsx(TrendingUp, { className: "wwc:h-4 wwc:w-4 wwc:text-green-600" })]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:mt-2",
+								children: [/* @__PURE__ */ jsx("span", {
+									className: "wwc:text-2xl wwc:font-bold wwc:text-foreground",
+									children: portfolioMetrics.daysToCompletion
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "Days to Completion"
+								})]
+							})]
+						}) }),
+						/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+							className: "wwc:p-4",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-center wwc:justify-between",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "wwc:rounded-lg wwc:bg-muted wwc:p-2",
+									children: /* @__PURE__ */ jsx(DollarSign, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" })
+								}), /* @__PURE__ */ jsx(TrendingDown, { className: "wwc:h-4 wwc:w-4 wwc:text-red-600" })]
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:mt-2",
+								children: [/* @__PURE__ */ jsxs("span", {
+									className: "wwc:text-2xl wwc:font-bold wwc:text-foreground",
+									children: [portfolioMetrics.forecastSAR, "B"]
+								}), /* @__PURE__ */ jsx("p", {
+									className: "wwc:text-xs wwc:text-muted-foreground",
+									children: "SAR Forecast"
+								})]
+							})]
+						}) })
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:grid wwc:grid-cols-2 wwc:md:grid-cols-4 wwc:gap-4",
+					children: [/* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "wwc:p-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "wwc:rounded-lg wwc:bg-muted wwc:p-2",
+								children: /* @__PURE__ */ jsx(FileWarning, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" })
+							}), /* @__PURE__ */ jsx("span", {
+								className: "wwc:text-xs wwc:text-red-600",
+								children: "+2"
+							})]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:mt-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-2xl wwc:font-bold wwc:text-red-600",
+								children: portfolioMetrics.openNCRs
+							}), /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "Open NCRs"
+							})]
+						})]
+					}) }), /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs(CardContent, {
+						className: "wwc:p-4",
+						children: [/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "wwc:rounded-lg wwc:bg-muted wwc:p-2",
+								children: /* @__PURE__ */ jsx(Shield, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground" })
+							}), /* @__PURE__ */ jsx(TrendingUp, { className: "wwc:h-4 wwc:w-4 wwc:text-green-600" })]
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:mt-2",
+							children: [/* @__PURE__ */ jsx("span", {
+								className: "wwc:text-2xl wwc:font-bold wwc:text-green-600",
+								children: portfolioMetrics.ltiFreeDay
+							}), /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "LTI-Free Days"
+							})]
+						})]
+					}) })]
+				}),
+				addedWidgets.length > 0 && /* @__PURE__ */ jsx("div", {
+					className: "wwc:grid wwc:grid-cols-1 wwc:lg:grid-cols-2 wwc:gap-4",
+					children: addedWidgets.map((widget) => /* @__PURE__ */ jsxs(Card, { children: [/* @__PURE__ */ jsx(CardHeader, {
+						className: "wwc:pb-2",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-center wwc:justify-between",
+							children: [/* @__PURE__ */ jsx(CardTitle, {
+								className: "wwc:text-sm wwc:font-medium",
+								children: widget.title
+							}), /* @__PURE__ */ jsx(Badge, {
+								variant: "secondary",
+								className: "wwc:text-xs",
+								children: "AI Generated"
+							})]
+						})
+					}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(ChartRenderer, {
+						chartData: widget.chartData,
+						height: 240
+					}) })] }, widget.id))
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-between wwc:text-xs wwc:text-muted-foreground wwc:pt-4 wwc:border-t",
+					children: [/* @__PURE__ */ jsx("span", { children: "Data sources: P6 (Schedule) • Unifier (Cost) • Core (Safety & Workforce)" }), /* @__PURE__ */ jsx("span", { children: "Auto-refresh: 30s" })]
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { OrgPerformance };
+
+//# sourceMappingURL=core-org-performance.mjs.map