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

package/dist/pages/core-analytics-overview.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-analytics-overview.mjs","names":["items","Table"],"sources":["../../src/pages/core-analytics-overview.tsx"],"sourcesContent":["import ReactECharts from \"echarts-for-react\";\nimport {AlertTriangle, ArrowDown, ArrowUp, CheckCircle2, Clock, Loader2, Minus, UserX} from \"lucide-react\";\nimport {useMemo, useState} from \"react\";\n\nimport {Badge} from \"../badge\";\nimport {Banner} from \"../banner\";\nimport {Button} from \"../button\";\nimport {Card, CardContent, CardHeader, CardTitle, CardDescription} from \"../card\";\nimport {Table, TableBody, TableCell, TableHead, TableHeader, TableRow} from \"../table\";\n\n// ── KPICard (same as in CardPage) ──\n\nfunction KPICard({\n\ttitle,\n\tvalue,\n\tunit,\n\tsubtitle,\n\ttrend,\n\ttrendLabel,\n\ticon: Icon,\n\tstatus,\n}: {\n\ttitle: string;\n\tvalue: string | number;\n\tunit?: string;\n\tsubtitle?: string;\n\ttrend?: \"up\" | \"down\" | \"stable\";\n\ttrendLabel?: string;\n\ticon?: React.ElementType;\n\tstatus?: \"success\" | \"warning\" | \"danger\";\n}) {\n\tconst statusColors = {\n\t\tsuccess: \"wwc:text-green-600\",\n\t\twarning: \"wwc:text-amber-600\",\n\t\tdanger: \"wwc:text-red-600\",\n\t};\n\n\treturn (\n\t\t<Card>\n\t\t\t<CardContent className=\"wwc:p-4\">\n\t\t\t\t<div className=\"wwc:flex wwc:items-start wwc:justify-between\">\n\t\t\t\t\t<div className=\"wwc:space-y-1\">\n\t\t\t\t\t\t<p className=\"wwc:text-xs wwc:text-muted-foreground\">{title}</p>\n\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-baseline wwc:gap-1\">\n\t\t\t\t\t\t\t<span className={`wwc:text-2xl wwc:font-bold ${status ? statusColors[status] : \"wwc:text-foreground\"}`}>\n\t\t\t\t\t\t\t\t{value}\n\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t{unit && <span className=\"wwc:text-sm wwc:text-muted-foreground\">{unit}</span>}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t\t{subtitle && <p className=\"wwc:text-xs wwc:text-muted-foreground\">{subtitle}</p>}\n\t\t\t\t\t\t{(trend || trendLabel) && (\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-1 wwc:pt-1\">\n\t\t\t\t\t\t\t\t{trend === \"up\" && <ArrowUp className=\"wwc:h-3 wwc:w-3 wwc:text-green-600\" />}\n\t\t\t\t\t\t\t\t{trend === \"down\" && <ArrowDown className=\"wwc:h-3 wwc:w-3 wwc:text-red-600\" />}\n\t\t\t\t\t\t\t\t{trend === \"stable\" && <Minus className=\"wwc:h-3 wwc:w-3 wwc:text-muted-foreground\" />}\n\t\t\t\t\t\t\t\t{trendLabel && (\n\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\tclassName={`wwc:text-xs ${\n\t\t\t\t\t\t\t\t\t\t\ttrend === \"up\"\n\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-green-600\"\n\t\t\t\t\t\t\t\t\t\t\t\t: trend === \"down\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t? \"wwc:text-red-600\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t: \"wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t}`}\n\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t{trendLabel}\n\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t)}\n\t\t\t\t\t</div>\n\t\t\t\t\t{Icon && (\n\t\t\t\t\t\t<div className=\"wwc:rounded-lg wwc:bg-muted wwc:p-2\">\n\t\t\t\t\t\t\t<Icon className=\"wwc:h-4 wwc:w-4 wwc:text-muted-foreground\" />\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</CardContent>\n\t\t</Card>\n\t);\n}\n\n// ── Contractor Data ──\n\ntype Contractor = {\n\tname: string;\n\tresolutionRate: number;\n\topen: number;\n\toverdue: number;\n\ttotal: number;\n\tavgResolutionHours: number;\n\tbreakdown: {category: string; count: number}[];\n};\n\nconst CONTRACTORS: Contractor[] = [\n\t{\n\t\tname: \"Sinohydro\",\n\t\tresolutionRate: 12,\n\t\topen: 12,\n\t\toverdue: 5,\n\t\ttotal: 14,\n\t\tavgResolutionHours: 96,\n\t\tbreakdown: [\n\t\t\t{category: \"Salary\", count: 9},\n\t\t\t{category: \"Safety\", count: 2},\n\t\t\t{category: \"Living Conditions\", count: 2},\n\t\t\t{category: \"Other\", count: 1},\n\t\t],\n\t},\n\t{\n\t\tname: \"Samsung C&T\",\n\t\tresolutionRate: 45,\n\t\topen: 6,\n\t\toverdue: 2,\n\t\ttotal: 11,\n\t\tavgResolutionHours: 48,\n\t\tbreakdown: [\n\t\t\t{category: \"Safety\", count: 4},\n\t\t\t{category: \"Salary\", count: 3},\n\t\t\t{category: \"Transport\", count: 2},\n\t\t\t{category: \"Other\", count: 2},\n\t\t],\n\t},\n\t{\n\t\tname: \"Al-Rashid\",\n\t\tresolutionRate: 78,\n\t\topen: 3,\n\t\toverdue: 1,\n\t\ttotal: 14,\n\t\tavgResolutionHours: 24,\n\t\tbreakdown: [\n\t\t\t{category: \"Living Conditions\", count: 5},\n\t\t\t{category: \"Salary\", count: 4},\n\t\t\t{category: \"Safety\", count: 3},\n\t\t\t{category: \"Other\", count: 2},\n\t\t],\n\t},\n\t{\n\t\tname: \"Nesma\",\n\t\tresolutionRate: 85,\n\t\topen: 2,\n\t\toverdue: 0,\n\t\ttotal: 13,\n\t\tavgResolutionHours: 18,\n\t\tbreakdown: [\n\t\t\t{category: \"Salary\", count: 5},\n\t\t\t{category: \"Transport\", count: 4},\n\t\t\t{category: \"Living Conditions\", count: 3},\n\t\t\t{category: \"Other\", count: 1},\n\t\t],\n\t},\n\t{\n\t\tname: \"Consolidated\",\n\t\tresolutionRate: 92,\n\t\topen: 1,\n\t\toverdue: 0,\n\t\ttotal: 12,\n\t\tavgResolutionHours: 12,\n\t\tbreakdown: [\n\t\t\t{category: \"Safety\", count: 4},\n\t\t\t{category: \"Salary\", count: 3},\n\t\t\t{category: \"Living Conditions\", count: 3},\n\t\t\t{category: \"Other\", count: 2},\n\t\t],\n\t},\n\t{\n\t\tname: \"El Seif\",\n\t\tresolutionRate: 95,\n\t\topen: 1,\n\t\toverdue: 0,\n\t\ttotal: 18,\n\t\tavgResolutionHours: 8,\n\t\tbreakdown: [\n\t\t\t{category: \"Living Conditions\", count: 6},\n\t\t\t{category: \"Safety\", count: 5},\n\t\t\t{category: \"Salary\", count: 4},\n\t\t\t{category: \"Other\", count: 3},\n\t\t],\n\t},\n];\n\n// Sort by worst (lowest resolution, highest overdue)\nconst SORTED_CONTRACTORS = [...CONTRACTORS].sort((a, b) => a.resolutionRate - b.resolutionRate);\n\n// Aggregate complaint types across all contractors\nconst CATEGORY_TOTALS = CONTRACTORS.reduce<Record<string, number>>((acc, c) => {\n\tfor (const b of c.breakdown) {\n\t\tacc[b.category] = (acc[b.category] || 0) + b.count;\n\t}\n\treturn acc;\n}, {});\nconst CATEGORY_DATA = Object.entries(CATEGORY_TOTALS).sort((a, b) => b[1] - a[1]);\n\n// ── Recent & Important Complaints (sorted by priority) ──\n\ntype RecentComplaint = {\n\tid: string;\n\tworker: string;\n\tcategory: string;\n\tseverity: \"high\" | \"medium\" | \"low\";\n\tstatus: \"New\" | \"Assigned\" | \"Investigating\" | \"Waiting\" | \"Resolved\";\n\tsla: \"overdue\" | \"due-soon\" | \"on-track\";\n\towner: string;\n\tpriority: number; // lower = more urgent\n};\n\nconst RECENT_COMPLAINTS: RecentComplaint[] = [\n\t{\n\t\tid: \"WC-000041\",\n\t\tworker: \"Md. Fazlul\",\n\t\tcategory: \"Salary\",\n\t\tseverity: \"high\",\n\t\tstatus: \"New\",\n\t\tsla: \"overdue\",\n\t\towner: \"Unassigned\",\n\t\tpriority: 1,\n\t},\n\t{\n\t\tid: \"WC-000038\",\n\t\tworker: \"Ahmed Raza\",\n\t\tcategory: \"Safety\",\n\t\tseverity: \"high\",\n\t\tstatus: \"Assigned\",\n\t\tsla: \"overdue\",\n\t\towner: \"Sinohydro\",\n\t\tpriority: 2,\n\t},\n\t{\n\t\tid: \"WC-000045\",\n\t\tworker: \"Ali Hussain\",\n\t\tcategory: \"Accommodation\",\n\t\tseverity: \"high\",\n\t\tstatus: \"New\",\n\t\tsla: \"due-soon\",\n\t\towner: \"Unassigned\",\n\t\tpriority: 3,\n\t},\n\t{\n\t\tid: \"WC-000032\",\n\t\tworker: \"Kamal Hossain\",\n\t\tcategory: \"Salary\",\n\t\tseverity: \"medium\",\n\t\tstatus: \"New\",\n\t\tsla: \"due-soon\",\n\t\towner: \"Unassigned\",\n\t\tpriority: 4,\n\t},\n\t{\n\t\tid: \"WC-000044\",\n\t\tworker: \"Raju Miah\",\n\t\tcategory: \"Food\",\n\t\tseverity: \"medium\",\n\t\tstatus: \"Investigating\",\n\t\tsla: \"on-track\",\n\t\towner: \"Samsung C&T\",\n\t\tpriority: 5,\n\t},\n\t{\n\t\tid: \"WC-000039\",\n\t\tworker: \"Noor Islam\",\n\t\tcategory: \"Transport\",\n\t\tseverity: \"low\",\n\t\tstatus: \"Assigned\",\n\t\tsla: \"on-track\",\n\t\towner: \"Nesma\",\n\t\tpriority: 6,\n\t},\n\t{\n\t\tid: \"WC-000047\",\n\t\tworker: \"Jamal Uddin\",\n\t\tcategory: \"Salary\",\n\t\tseverity: \"high\",\n\t\tstatus: \"Waiting\",\n\t\tsla: \"due-soon\",\n\t\towner: \"Al-Rashid\",\n\t\tpriority: 7,\n\t},\n];\n\nfunction getResolutionColor(rate: number) {\n\tif (rate >= 80) return \"#22c55e\";\n\tif (rate >= 40) return \"#eab308\";\n\treturn \"#ef4444\";\n}\n\n// ── Component ──\n\n/**\n * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a\n * supported production import: compose your page from the widgets this template uses, wired to your\n * own data (see the CoreAnalyticsOverview template docs in Storybook). Slated for removal from the public API in a\n * future major.\n */\nexport function AnalyticsOverview() {\n\tconst [bannerDismissed, setBannerDismissed] = useState(false);\n\tconst [selectedName, setSelectedName] = useState<string | null>(null);\n\n\tconst toggleFilter = (name: string) => {\n\t\tsetSelectedName((prev) => (prev === name ? null : name));\n\t};\n\n\tconst selectedContractor = selectedName ? (CONTRACTORS.find((c) => c.name === selectedName) ?? null) : null;\n\n\tconst dim = (name: string) => (selectedName && selectedName !== name ? 0.15 : 1);\n\n\tconst performanceOption = useMemo(\n\t\t() => ({\n\t\t\ttooltip: {\n\t\t\t\ttrigger: \"axis\",\n\t\t\t\taxisPointer: {type: \"shadow\"},\n\t\t\t\tformatter: (params: unknown) => {\n\t\t\t\t\tconst items = params as {dataIndex: number}[];\n\t\t\t\t\tconst c = CONTRACTORS[items[0].dataIndex];\n\t\t\t\t\treturn `<b>${c.name}</b><br/>Resolution: ${c.resolutionRate}%<br/>Open: ${c.open}<br/>Overdue: ${c.overdue}`;\n\t\t\t\t},\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tdata: [\n\t\t\t\t\t{name: \"Low (<40%)\", itemStyle: {color: \"#ef4444\"}},\n\t\t\t\t\t{name: \"Medium (40-80%)\", itemStyle: {color: \"#eab308\"}},\n\t\t\t\t\t{name: \"High (>80%)\", itemStyle: {color: \"#22c55e\"}},\n\t\t\t\t],\n\t\t\t\tbottom: 0,\n\t\t\t\tleft: \"center\",\n\t\t\t\titemWidth: 10,\n\t\t\t\titemHeight: 10,\n\t\t\t\ttextStyle: {fontSize: 11},\n\t\t\t},\n\t\t\tgrid: {left: \"3%\", right: \"4%\", bottom: \"14%\", top: \"4%\", containLabel: true},\n\t\t\txAxis: {\n\t\t\t\ttype: \"category\",\n\t\t\t\tdata: CONTRACTORS.map((c) => c.name),\n\t\t\t\taxisLabel: {rotate: 45, interval: 0},\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\ttype: \"value\",\n\t\t\t\tmax: 100,\n\t\t\t\tsplitLine: {lineStyle: {type: \"dashed\"}},\n\t\t\t},\n\t\t\tseries: [\n\t\t\t\t{\n\t\t\t\t\tname: \"Low (<40%)\",\n\t\t\t\t\ttype: \"bar\",\n\t\t\t\t\tstack: \"rate\",\n\t\t\t\t\tdata: CONTRACTORS.map((c) => ({\n\t\t\t\t\t\tvalue: c.resolutionRate < 40 ? c.resolutionRate : 0,\n\t\t\t\t\t\titemStyle: {color: \"#ef4444\", opacity: dim(c.name)},\n\t\t\t\t\t})),\n\t\t\t\t\tbarMaxWidth: 48,\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tposition: \"inside\",\n\t\t\t\t\t\tformatter: (params: {value: number}) => (params.value > 0 ? `${params.value}%` : \"\"),\n\t\t\t\t\t\tfontSize: 11,\n\t\t\t\t\t\tfontWeight: \"bold\",\n\t\t\t\t\t\tcolor: \"#fff\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"Medium (40-80%)\",\n\t\t\t\t\ttype: \"bar\",\n\t\t\t\t\tstack: \"rate\",\n\t\t\t\t\tdata: CONTRACTORS.map((c) => ({\n\t\t\t\t\t\tvalue: c.resolutionRate >= 40 && c.resolutionRate < 80 ? c.resolutionRate : 0,\n\t\t\t\t\t\titemStyle: {color: \"#eab308\", opacity: dim(c.name)},\n\t\t\t\t\t})),\n\t\t\t\t\tbarMaxWidth: 48,\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tposition: \"inside\",\n\t\t\t\t\t\tformatter: (params: {value: number}) => (params.value > 0 ? `${params.value}%` : \"\"),\n\t\t\t\t\t\tfontSize: 11,\n\t\t\t\t\t\tfontWeight: \"bold\",\n\t\t\t\t\t\tcolor: \"#fff\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"High (>80%)\",\n\t\t\t\t\ttype: \"bar\",\n\t\t\t\t\tstack: \"rate\",\n\t\t\t\t\tdata: CONTRACTORS.map((c) => ({\n\t\t\t\t\t\tvalue: c.resolutionRate >= 80 ? c.resolutionRate : 0,\n\t\t\t\t\t\titemStyle: {color: \"#22c55e\", opacity: dim(c.name)},\n\t\t\t\t\t})),\n\t\t\t\t\tbarMaxWidth: 48,\n\t\t\t\t\tlabel: {\n\t\t\t\t\t\tshow: true,\n\t\t\t\t\t\tposition: \"inside\",\n\t\t\t\t\t\tformatter: (params: {value: number}) => (params.value > 0 ? `${params.value}%` : \"\"),\n\t\t\t\t\t\tfontSize: 11,\n\t\t\t\t\t\tfontWeight: \"bold\",\n\t\t\t\t\t\tcolor: \"#fff\",\n\t\t\t\t\t},\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\t[selectedName],\n\t);\n\n\tconst workloadOption = useMemo(\n\t\t() => ({\n\t\t\ttooltip: {\n\t\t\t\ttrigger: \"axis\",\n\t\t\t\taxisPointer: {type: \"shadow\"},\n\t\t\t},\n\t\t\tlegend: {\n\t\t\t\tdata: [\"Open\", \"Overdue\"],\n\t\t\t\tbottom: 0,\n\t\t\t\tleft: \"center\",\n\t\t\t\titemWidth: 10,\n\t\t\t\titemHeight: 10,\n\t\t\t\ttextStyle: {fontSize: 11},\n\t\t\t},\n\t\t\tgrid: {left: \"3%\", right: \"4%\", bottom: \"14%\", top: \"4%\", containLabel: true},\n\t\t\txAxis: {\n\t\t\t\ttype: \"category\",\n\t\t\t\tdata: CONTRACTORS.map((c) => c.name),\n\t\t\t\taxisLabel: {rotate: 45, interval: 0},\n\t\t\t},\n\t\t\tyAxis: {\n\t\t\t\ttype: \"value\",\n\t\t\t\tsplitLine: {lineStyle: {type: \"dashed\"}},\n\t\t\t},\n\t\t\tseries: [\n\t\t\t\t{\n\t\t\t\t\tname: \"Open\",\n\t\t\t\t\ttype: \"bar\",\n\t\t\t\t\tstack: \"total\",\n\t\t\t\t\tdata: CONTRACTORS.map((c) => ({\n\t\t\t\t\t\tvalue: c.open - c.overdue,\n\t\t\t\t\t\titemStyle: {color: \"#3b82f6\", opacity: dim(c.name)},\n\t\t\t\t\t})),\n\t\t\t\t\tbarMaxWidth: 48,\n\t\t\t\t},\n\t\t\t\t{\n\t\t\t\t\tname: \"Overdue\",\n\t\t\t\t\ttype: \"bar\",\n\t\t\t\t\tstack: \"total\",\n\t\t\t\t\tdata: CONTRACTORS.map((c) => ({value: c.overdue, itemStyle: {color: \"#ef4444\", opacity: dim(c.name)}})),\n\t\t\t\t\tbarMaxWidth: 48,\n\t\t\t\t},\n\t\t\t],\n\t\t}),\n\t\t[selectedName],\n\t);\n\n\t// Add filter indicator + clear\n\tconst filterBadge = selectedName ? (\n\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t<span className=\"wwc:text-[13px] wwc:text-muted-foreground\">Filtered by:</span>\n\t\t\t<Badge variant=\"secondary\" className=\"wwc:gap-1\">\n\t\t\t\t{selectedName}\n\t\t\t\t<button type=\"button\" onClick={() => setSelectedName(null)} className=\"wwc:ml-0.5 wwc:hover:text-foreground\">\n\t\t\t\t\t×\n\t\t\t\t</button>\n\t\t\t</Badge>\n\t\t</div>\n\t) : null;\n\n\treturn (\n\t\t<div className=\"wwc:space-y-8\">\n\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t<div>\n\t\t\t\t\t<h1 className=\"wwc:text-3xl wwc:font-bold\">Overview</h1>\n\t\t\t\t\t<p className=\"wwc:text-muted-foreground wwc:mt-2\">\n\t\t\t\t\t\tOperations overview with KPI cards, smart insights, and contractor performance.\n\t\t\t\t\t</p>\n\t\t\t\t</div>\n\t\t\t</div>\n\n\t\t\t<div className=\"wwc:border wwc:border-border wwc:rounded-xl wwc:overflow-hidden wwc:bg-background\">\n\t\t\t\t<div className=\"wwc:p-6 wwc:space-y-4\">\n\t\t\t\t\t{!bannerDismissed && (\n\t\t\t\t\t\t<Banner\n\t\t\t\t\t\t\tvariant=\"danger\"\n\t\t\t\t\t\t\ttitle=\"System is at risk\"\n\t\t\t\t\t\t\titems={[\"12 complaints need action\", \"5 have breached SLA\", \"8 complaints are unassigned\"]}\n\t\t\t\t\t\t\taction={{label: \"Take Action\", onClick: () => {}}}\n\t\t\t\t\t\t\tonDismiss={() => setBannerDismissed(true)}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\n\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-6 wwc:gap-4\">\n\t\t\t\t\t\t<KPICard\n\t\t\t\t\t\t\ttitle=\"Needs Action\"\n\t\t\t\t\t\t\tvalue={12}\n\t\t\t\t\t\t\ttrend=\"down\"\n\t\t\t\t\t\t\ttrendLabel=\"+3 weekly\"\n\t\t\t\t\t\t\ticon={AlertTriangle}\n\t\t\t\t\t\t\tstatus=\"warning\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<KPICard title=\"Overdue\" value={5} trend=\"down\" trendLabel=\"+2 daily\" icon={Clock} status=\"danger\" />\n\t\t\t\t\t\t<KPICard\n\t\t\t\t\t\t\ttitle=\"High Severity\"\n\t\t\t\t\t\t\tvalue={3}\n\t\t\t\t\t\t\ttrend=\"up\"\n\t\t\t\t\t\t\ttrendLabel=\"-1 weekly\"\n\t\t\t\t\t\t\ticon={AlertTriangle}\n\t\t\t\t\t\t\tstatus=\"danger\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t\t<KPICard title=\"Unassigned\" value={8} trend=\"down\" trendLabel=\"+4 weekly\" icon={UserX} status=\"danger\" />\n\t\t\t\t\t\t<KPICard title=\"In Progress\" value={24} trend=\"up\" trendLabel=\"-3 weekly\" icon={Loader2} />\n\t\t\t\t\t\t<KPICard\n\t\t\t\t\t\t\ttitle=\"Resolved\"\n\t\t\t\t\t\t\tvalue={18}\n\t\t\t\t\t\t\ttrend=\"up\"\n\t\t\t\t\t\t\ttrendLabel=\"+5 weekly\"\n\t\t\t\t\t\t\ticon={CheckCircle2}\n\t\t\t\t\t\t\tstatus=\"success\"\n\t\t\t\t\t\t/>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{filterBadge}\n\n\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-2 wwc:gap-4\">\n\t\t\t\t\t\t<Card className=\"wwc:shadow-none\">\n\t\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-base\">Contractor Performance</CardTitle>\n\t\t\t\t\t\t\t\t<CardDescription>Resolution rate by contractor. Click a bar to see breakdown.</CardDescription>\n\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t\t<ReactECharts\n\t\t\t\t\t\t\t\t\toption={performanceOption}\n\t\t\t\t\t\t\t\t\tstyle={{height: 320}}\n\t\t\t\t\t\t\t\t\tonEvents={{\n\t\t\t\t\t\t\t\t\t\tclick: (params: {dataIndex?: number}) => {\n\t\t\t\t\t\t\t\t\t\t\tif (params.dataIndex !== undefined) {\n\t\t\t\t\t\t\t\t\t\t\t\ttoggleFilter(CONTRACTORS[params.dataIndex].name);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t</Card>\n\n\t\t\t\t\t\t<Card className=\"wwc:shadow-none\">\n\t\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-base\">Contractor Workload</CardTitle>\n\t\t\t\t\t\t\t\t<CardDescription>Open complaints with overdue portion highlighted.</CardDescription>\n\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t\t<ReactECharts\n\t\t\t\t\t\t\t\t\toption={workloadOption}\n\t\t\t\t\t\t\t\t\tstyle={{height: 320}}\n\t\t\t\t\t\t\t\t\tonEvents={{\n\t\t\t\t\t\t\t\t\t\tclick: (params: {dataIndex?: number}) => {\n\t\t\t\t\t\t\t\t\t\t\tif (params.dataIndex !== undefined) {\n\t\t\t\t\t\t\t\t\t\t\t\ttoggleFilter(CONTRACTORS[params.dataIndex].name);\n\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t</Card>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* ── Contractor Details + Complaint Types ── */}\n\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-2 wwc:gap-4\">\n\t\t\t\t\t\t{/* Contractor Details Table */}\n\t\t\t\t\t\t<Card className=\"wwc:shadow-none\">\n\t\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-base\">Contractor Details</CardTitle>\n\t\t\t\t\t\t\t\t<CardDescription>Sorted by worst performance. Click a row to expand.</CardDescription>\n\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t\t<table className=\"wwc:w-full wwc:text-[13px]\">\n\t\t\t\t\t\t\t\t\t<thead>\n\t\t\t\t\t\t\t\t\t\t<tr className=\"wwc:border-b wwc:border-border\">\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-left wwc:py-2 wwc:pr-3 wwc:font-semibold wwc:text-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\tContractor\n\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-center wwc:py-2 wwc:px-2 wwc:font-semibold wwc:text-foreground\">Total</th>\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-center wwc:py-2 wwc:px-2 wwc:font-semibold wwc:text-foreground\">Open</th>\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-center wwc:py-2 wwc:px-2 wwc:font-semibold wwc:text-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\tOverdue\n\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-center wwc:py-2 wwc:px-2 wwc:font-semibold wwc:text-foreground\">Rate</th>\n\t\t\t\t\t\t\t\t\t\t\t<th className=\"wwc:text-center wwc:py-2 wwc:px-2 wwc:font-semibold wwc:text-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\tAvg Time\n\t\t\t\t\t\t\t\t\t\t\t</th>\n\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t</thead>\n\t\t\t\t\t\t\t\t\t<tbody>\n\t\t\t\t\t\t\t\t\t\t{SORTED_CONTRACTORS.map((c) => {\n\t\t\t\t\t\t\t\t\t\t\tconst isExpanded = selectedName === c.name || (!selectedName && false);\n\t\t\t\t\t\t\t\t\t\t\tconst topCat = c.breakdown.reduce((a, b) => (a.count > b.count ? a : b));\n\t\t\t\t\t\t\t\t\t\t\tconst overduePercent = Math.round((c.overdue / c.total) * 100);\n\t\t\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t\t\t<tr\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={c.name}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:border-b wwc:border-border wwc:cursor-pointer wwc:hover:bg-muted/50 wwc:transition-colors ${selectedName && selectedName !== c.name ? \"wwc:opacity-30\" : \"\"}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tonClick={() => toggleFilter(c.name)}\n\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:py-2.5 wwc:pr-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:h-2 wwc:w-2 wwc:rounded-full ${c.resolutionRate < 40 ? \"wwc:bg-red-500\" : c.resolutionRate < 80 ? \"wwc:bg-yellow-500\" : \"wwc:bg-green-500\"}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium\">{c.name}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:text-center wwc:py-2.5 wwc:px-2\">{c.total}</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:text-center wwc:py-2.5 wwc:px-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className={c.open > 5 ? \"wwc:text-red-600 wwc:font-semibold\" : \"\"}>{c.open}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:text-center wwc:py-2.5 wwc:px-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tc.overdue > 0 ? \"wwc:text-red-600 wwc:font-semibold\" : \"wwc:text-muted-foreground\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.overdue}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:text-center wwc:py-2.5 wwc:px-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName={`wwc:font-semibold ${c.resolutionRate < 40 ? \"wwc:text-red-600\" : c.resolutionRate < 80 ? \"wwc:text-amber-600\" : \"wwc:text-green-600\"}`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.resolutionRate}%\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td className=\"wwc:text-center wwc:py-2.5 wwc:px-2 wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.avgResolutionHours}h\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{isExpanded && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<tr key={`${c.name}-detail`}>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<td colSpan={6} className=\"wwc:p-3 wwc:bg-muted/30\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:space-y-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<Banner\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={c.resolutionRate < 40 ? \"danger\" : \"warning\"}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttitle={`${topCat.category} accounts for ${Math.round((topCat.count / c.total) * 100)}% of complaints`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdescription={`${c.open} open, ${c.overdue} overdue (${overduePercent}%). Avg resolution: ${c.avgResolutionHours}h.`}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:grid wwc:grid-cols-2 wwc:gap-3\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t{c.breakdown.map((b) => (\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tkey={b.category}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:flex wwc:items-center wwc:justify-between wwc:text-xs\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-muted-foreground\">{b.category}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:gap-2\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div className=\"wwc:w-20 wwc:h-1.5 wwc:bg-muted wwc:rounded-full wwc:overflow-hidden\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<div\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:h-full wwc:rounded-full\"\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\twidth: `${(b.count / c.total) * 100}%`,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tbackgroundColor: getResolutionColor(c.resolutionRate),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:font-medium wwc:w-4 wwc:text-right\">{b.count}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t</td>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t</tr>\n\t\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t\t\t})}\n\t\t\t\t\t\t\t\t\t</tbody>\n\t\t\t\t\t\t\t\t</table>\n\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t</Card>\n\n\t\t\t\t\t\t{/* Complaint Types Distribution */}\n\t\t\t\t\t\t<Card className=\"wwc:shadow-none\">\n\t\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-base\">\n\t\t\t\t\t\t\t\t\t{selectedContractor ? `${selectedContractor.name} — Complaint Types` : \"Complaint Types\"}\n\t\t\t\t\t\t\t\t</CardTitle>\n\t\t\t\t\t\t\t\t<CardDescription>\n\t\t\t\t\t\t\t\t\t{selectedContractor\n\t\t\t\t\t\t\t\t\t\t? `Category breakdown for ${selectedContractor.name}.`\n\t\t\t\t\t\t\t\t\t\t: \"Distribution across all contractors.\"}\n\t\t\t\t\t\t\t\t</CardDescription>\n\t\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t\t{(() => {\n\t\t\t\t\t\t\t\t\tconst pieData = selectedContractor\n\t\t\t\t\t\t\t\t\t\t? selectedContractor.breakdown.sort((a, b) => b.count - a.count)\n\t\t\t\t\t\t\t\t\t\t: CATEGORY_DATA.map(([name, value]) => ({category: name, count: value as number}));\n\t\t\t\t\t\t\t\t\tconst topCat = pieData[0];\n\t\t\t\t\t\t\t\t\tconst totalForPie = pieData.reduce((s, d) => s + d.count, 0);\n\t\t\t\t\t\t\t\t\tconst colors = [\"#ef4444\", \"#3b82f6\", \"#f59e0b\", \"#8b5cf6\", \"#22c55e\", \"#64748b\"];\n\t\t\t\t\t\t\t\t\treturn (\n\t\t\t\t\t\t\t\t\t\t<>\n\t\t\t\t\t\t\t\t\t\t\t<Banner\n\t\t\t\t\t\t\t\t\t\t\t\tvariant=\"warning\"\n\t\t\t\t\t\t\t\t\t\t\t\ttitle={`${\"category\" in topCat ? topCat.category : \"\"} is the #1 complaint type`}\n\t\t\t\t\t\t\t\t\t\t\t\tdescription={`${topCat.count} of ${totalForPie} complaints (${Math.round((topCat.count / totalForPie) * 100)}%).`}\n\t\t\t\t\t\t\t\t\t\t\t\tclassName=\"wwc:mb-4\"\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t\t<ReactECharts\n\t\t\t\t\t\t\t\t\t\t\t\toption={{\n\t\t\t\t\t\t\t\t\t\t\t\t\ttooltip: {trigger: \"item\", formatter: \"{b}: {c} ({d}%)\"},\n\t\t\t\t\t\t\t\t\t\t\t\t\tlegend: {\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tbottom: 0,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tleft: \"center\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titemWidth: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\titemHeight: 10,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\ttextStyle: {fontSize: 11},\n\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\tseries: [\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t{\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\ttype: \"pie\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tradius: [\"40%\", \"70%\"],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tcenter: [\"50%\", \"42%\"],\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tavoidLabelOverlap: true,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titemStyle: {borderRadius: 4, borderColor: \"#fff\", borderWidth: 2},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tlabel: {show: true, formatter: \"{b}\\n{c}\", fontSize: 11},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tdata: pieData.map((d, i) => ({\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tname: \"category\" in d ? d.category : \"\",\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\tvalue: d.count,\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\titemStyle: {color: colors[i % colors.length]},\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t})),\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t},\n\t\t\t\t\t\t\t\t\t\t\t\t\t],\n\t\t\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\t\t\tstyle={{height: 320}}\n\t\t\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t\t\t</>\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t})()}\n\t\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t\t</Card>\n\t\t\t\t\t</div>\n\n\t\t\t\t\t{/* ── Recent & Important ── */}\n\t\t\t\t\t<Card className=\"wwc:shadow-none\">\n\t\t\t\t\t\t<CardHeader className=\"wwc:pb-2\">\n\t\t\t\t\t\t\t<div className=\"wwc:flex wwc:items-center wwc:justify-between\">\n\t\t\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t\t\t<CardTitle className=\"wwc:text-base\">Recent & Important</CardTitle>\n\t\t\t\t\t\t\t\t\t<CardDescription>Top complaints prioritized by urgency.</CardDescription>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t\t<Button variant=\"secondary\" size=\"sm\">\n\t\t\t\t\t\t\t\t\tView All\n\t\t\t\t\t\t\t\t</Button>\n\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t</CardHeader>\n\t\t\t\t\t\t<CardContent>\n\t\t\t\t\t\t\t<Table>\n\t\t\t\t\t\t\t\t<TableHeader>\n\t\t\t\t\t\t\t\t\t<TableRow>\n\t\t\t\t\t\t\t\t\t\t<TableHead className=\"wwc:w-[100px]\">ID</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>Worker</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>Category</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>Severity</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>Status</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>SLA</TableHead>\n\t\t\t\t\t\t\t\t\t\t<TableHead>Owner</TableHead>\n\t\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t\t</TableHeader>\n\t\t\t\t\t\t\t\t<TableBody>\n\t\t\t\t\t\t\t\t\t{RECENT_COMPLAINTS.map((c) => (\n\t\t\t\t\t\t\t\t\t\t<TableRow key={c.id} className=\"wwc:cursor-pointer wwc:hover:bg-muted/50\">\n\t\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:font-mono wwc:text-xs wwc:text-muted-foreground\">#{c.id}</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell className=\"wwc:font-medium\">{c.worker}</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell>{c.category}</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t\t{c.severity === \"high\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:font-medium wwc:text-red-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-red-500\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tHigh\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{c.severity === \"medium\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:font-medium wwc:text-amber-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-amber-500\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tMedium\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{c.severity === \"low\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:font-medium wwc:text-muted-foreground\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:h-2 wwc:w-2 wwc:rounded-full wwc:bg-zinc-400\" />\n\t\t\t\t\t\t\t\t\t\t\t\t\t\tLow\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t\t<Badge\n\t\t\t\t\t\t\t\t\t\t\t\t\tvariant={c.status === \"New\" ? \"default\" : c.status === \"Resolved\" ? \"outline\" : \"secondary\"}\n\t\t\t\t\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t\t\t\t\t{c.status}\n\t\t\t\t\t\t\t\t\t\t\t\t</Badge>\n\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t\t{c.sla === \"overdue\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:font-semibold wwc:text-red-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t⏰ Overdue\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{c.sla === \"due-soon\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:font-medium wwc:text-amber-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t⚠️ Due Soon\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t\t{c.sla === \"on-track\" && (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:inline-flex wwc:items-center wwc:gap-1 wwc:text-xs wwc:text-green-600\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t✅ On Track\n\t\t\t\t\t\t\t\t\t\t\t\t\t</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t\t<TableCell>\n\t\t\t\t\t\t\t\t\t\t\t\t{c.owner === \"Unassigned\" ? (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-xs wwc:font-medium wwc:text-red-500\">Unassigned</span>\n\t\t\t\t\t\t\t\t\t\t\t\t) : (\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span className=\"wwc:text-xs\">{c.owner}</span>\n\t\t\t\t\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\t\t\t\t</TableCell>\n\t\t\t\t\t\t\t\t\t\t</TableRow>\n\t\t\t\t\t\t\t\t\t))}\n\t\t\t\t\t\t\t\t</TableBody>\n\t\t\t\t\t\t\t</Table>\n\t\t\t\t\t\t</CardContent>\n\t\t\t\t\t</Card>\n\t\t\t\t</div>\n\t\t\t</div>\n\t\t</div>\n\t);\n}\n"],"mappings":"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"}

package/dist/pages/core-app-installer.d.mts

@@ -0,0 +1,17 @@
+//#region src/pages/core-app-installer.d.ts
+/**
+ * App Installer template. Owns the shared app shell (CoreAppSidebar + CoreAppTopBar) with a single "Home"
+ * entry plus the shared Marketplace plus. Home is the landing surface — a welcome hero (with a Browse App
+ * Store CTA) while nothing is installed, an app launcher once apps exist. The App Store surface has two
+ * tabs (App Store / Installed Apps), scrollable category pills, search, and a grid of app cards.
+ *
+ * @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 AppInstaller template docs in Storybook). Slated for removal from the public API in a
+ * future major.
+ */
+export declare function AppInstaller({ userName }?: {
+  userName?: string;
+}): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-app-installer.d.mts.map

package/dist/pages/core-app-installer.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-installer.d.mts","names":[],"sources":["../../src/pages/core-app-installer.tsx"],"mappings":";;;;;;;;;;;;wBAyCgB,eAAc;EAAyB;gCAAuB,IAAA"}

package/dist/pages/core-app-installer.mjs

@@ -0,0 +1,94 @@
+import { Toaster } from "../sonner.mjs";
+import { CoreAppSidebar } from "../navigation/core-app-sidebar.mjs";
+import { CoreAppTopBar } from "../navigation/core-app-top-bar.mjs";
+import { APPS, AppDetailsDialog, AppWorkspace, HomeSurface, MarketplaceSurface, installedAppsGroup, useAppInstallation } from "./app-marketplace-shared.mjs";
+import { useState } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-app-installer.tsx
+/**
+* App Installer template. Owns the shared app shell (CoreAppSidebar + CoreAppTopBar) with a single "Home"
+* entry plus the shared Marketplace plus. Home is the landing surface — a welcome hero (with a Browse App
+* Store CTA) while nothing is installed, an app launcher once apps exist. The App Store surface has two
+* tabs (App Store / Installed Apps), scrollable category pills, search, and a grid of app cards.
+*
+* @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 AppInstaller template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function AppInstaller({ userName = "Abdullah" } = {}) {
+	const [navOpen, setNavOpen] = useState(false);
+	const [surface, setSurface] = useState("home");
+	const [activeAppId, setActiveAppId] = useState(null);
+	const install = useAppInstallation({ onUninstalled: (app) => {
+		if (activeAppId !== app.id) return;
+		setActiveAppId(null);
+		setSurface("home");
+	} });
+	const activeApp = APPS.find((a) => a.id === activeAppId) ?? null;
+	const openApp = (app) => {
+		install.markOpened(app);
+		setActiveAppId(app.id);
+		setSurface("app");
+	};
+	const sidebarGroups = installedAppsGroup(install.installedApps, install.newIds);
+	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: sidebarGroups,
+				activeItemId: surface === "app" && activeAppId ? `app-${activeAppId}` : void 0,
+				homeActive: surface === "home",
+				onHome: () => setSurface("home"),
+				onNavigate: (label) => {
+					const app = install.installedApps.find((a) => a.name === label);
+					if (app) openApp(app);
+				},
+				showSearch: false,
+				showNotifications: false,
+				marketplaceActive: surface === "marketplace",
+				marketplaceLabel: "App Store",
+				onMarketplace: () => setSurface("marketplace"),
+				mobileOpen: navOpen,
+				onMobileOpenChange: setNavOpen
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col",
+				children: [/* @__PURE__ */ jsx(CoreAppTopBar, {
+					activeLabel: `App Installer / ${surface === "home" ? "Home" : surface === "app" && activeApp ? activeApp.name : "App Store"}`,
+					showProjectSwitcher: false,
+					showNotifications: true,
+					onMenuClick: () => setNavOpen(true)
+				}), /* @__PURE__ */ jsx("main", {
+					className: "wwc:relative wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-hidden",
+					children: surface === "home" ? /* @__PURE__ */ jsx(HomeSurface, {
+						userName,
+						installed: install.installedApps,
+						newIds: install.newIds,
+						onBrowse: () => setSurface("marketplace"),
+						onOpenApp: openApp
+					}) : surface === "app" ? /* @__PURE__ */ jsx(AppWorkspace, { app: activeApp }) : /* @__PURE__ */ jsx(MarketplaceSurface, {
+						isInstalled: install.isInstalled,
+						installingIds: install.installingIds,
+						installedCount: install.installedIds.size,
+						onDetails: install.setDetailsApp,
+						onToggle: install.toggleInstall
+					})
+				})]
+			}),
+			/* @__PURE__ */ jsx(AppDetailsDialog, {
+				app: install.detailsApp,
+				installed: install.detailsApp ? install.isInstalled(install.detailsApp.id) : false,
+				installing: install.detailsApp ? install.installingIds.has(install.detailsApp.id) : false,
+				onOpenChange: (open) => !open && install.setDetailsApp(null),
+				onToggle: () => install.detailsApp && install.toggleInstall(install.detailsApp)
+			}),
+			/* @__PURE__ */ jsx(Toaster, { position: "top-right" })
+		]
+	});
+}
+//#endregion
+export { AppInstaller };
+
+//# sourceMappingURL=core-app-installer.mjs.map

package/dist/pages/core-app-installer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-app-installer.mjs","names":[],"sources":["../../src/pages/core-app-installer.tsx"],"sourcesContent":["import {useState} from \"react\";\n\nimport {CoreAppSidebar} from \"../navigation/core-app-sidebar\";\nimport {CoreAppTopBar} from \"../navigation/core-app-top-bar\";\nimport {Toaster} from \"../sonner\";\nimport {\n\tAppDetailsDialog,\n\tAPPS,\n\tAppWorkspace,\n\tHomeSurface,\n\tinstalledAppsGroup,\n\tMarketplaceSurface,\n\tuseAppInstallation,\n\ttype MarketApp,\n} from \"./app-marketplace-shared\";\n\n// App Installer — Core Connect V1's end-user portal: a marketplace template built on the shared app\n// shell (CoreAppSidebar + CoreAppTopBar). The sidebar's \"Home\" and \"App Store\" entries are shared\n// CoreAppSidebar affordances (present on every skeleton app); between them sit the installed apps (each\n// with a green status dot) under \"Your apps\". Everyone lands on Home: a welcome hero that nudges toward\n// the App Store while nothing is installed, an app launcher once apps exist. Installed apps open an\n// (empty for now) workspace. The App Store surface is a browsable, installable catalog with App Store /\n// Installed Apps tabs.\n//\n// The catalogue, the install lifecycle and the store surface all live in app-marketplace-shared.tsx,\n// shared with the V2 merged template (CoreConnect) so the two releases can never drift apart.\n\n// Surface: Home (landing), the App Store, or an installed app's (empty) workspace.\ntype Surface = \"home\" | \"marketplace\" | \"app\";\n\n/**\n * App Installer template. Owns the shared app shell (CoreAppSidebar + CoreAppTopBar) with a single \"Home\"\n * entry plus the shared Marketplace plus. Home is the landing surface — a welcome hero (with a Browse App\n * Store CTA) while nothing is installed, an app launcher once apps exist. The App Store surface has two\n * tabs (App Store / Installed Apps), scrollable category pills, search, and a grid of app cards.\n *\n * @deprecated Preview/demo prototype — renders built-in sample data and mock handlers. Not a\n * supported production import: compose your page from the widgets this template uses, wired to your\n * own data (see the AppInstaller template docs in Storybook). Slated for removal from the public API in a\n * future major.\n */\nexport function AppInstaller({userName = \"Abdullah\"}: {userName?: string} = {}) {\n\tconst [navOpen, setNavOpen] = useState(false);\n\t// Top-level surface: everyone lands on Home; the App Store plus (or Home's CTA) opens the store; installed\n\t// apps in the sidebar open their (empty) workspace.\n\tconst [surface, setSurface] = useState<Surface>(\"home\");\n\tconst [activeAppId, setActiveAppId] = useState<string | null>(null);\n\n\tconst install = useAppInstallation({\n\t\t// Uninstalling the app you are currently looking at drops you back on Home.\n\t\tonUninstalled: (app) => {\n\t\t\tif (activeAppId !== app.id) return;\n\t\t\tsetActiveAppId(null);\n\t\t\tsetSurface(\"home\");\n\t\t},\n\t});\n\n\tconst activeApp = APPS.find((a) => a.id === activeAppId) ?? null;\n\t// Opening an app marks it seen, so its green \"new\" dot disappears.\n\tconst openApp = (app: MarketApp) => {\n\t\tinstall.markOpened(app);\n\t\tsetActiveAppId(app.id);\n\t\tsetSurface(\"app\");\n\t};\n\n\t// Sidebar apps: the shared Home entry (from CoreAppSidebar) sits above; here we list installed apps.\n\tconst sidebarGroups = installedAppsGroup(install.installedApps, install.newIds);\n\n\treturn (\n\t\t<div className=\"wwc:flex wwc:h-full wwc:min-h-0 wwc:bg-background wwc:text-foreground\">\n\t\t\t<CoreAppSidebar\n\t\t\t\tviewLevel=\"org\"\n\t\t\t\torgGroups={sidebarGroups}\n\t\t\t\tactiveItemId={surface === \"app\" && activeAppId ? `app-${activeAppId}` : undefined}\n\t\t\t\thomeActive={surface === \"home\"}\n\t\t\t\tonHome={() => setSurface(\"home\")}\n\t\t\t\tonNavigate={(label) => {\n\t\t\t\t\tconst app = install.installedApps.find((a) => a.name === label);\n\t\t\t\t\tif (app) openApp(app);\n\t\t\t\t}}\n\t\t\t\tshowSearch={false}\n\t\t\t\tshowNotifications={false}\n\t\t\t\tmarketplaceActive={surface === \"marketplace\"}\n\t\t\t\tmarketplaceLabel=\"App Store\"\n\t\t\t\tonMarketplace={() => setSurface(\"marketplace\")}\n\t\t\t\tmobileOpen={navOpen}\n\t\t\t\tonMobileOpenChange={setNavOpen}\n\t\t\t/>\n\n\t\t\t<div className=\"wwc:relative wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col\">\n\t\t\t\t<CoreAppTopBar\n\t\t\t\t\tactiveLabel={`App Installer / ${surface === \"home\" ? \"Home\" : surface === \"app\" && activeApp ? activeApp.name : \"App Store\"}`}\n\t\t\t\t\tshowProjectSwitcher={false}\n\t\t\t\t\tshowNotifications\n\t\t\t\t\tonMenuClick={() => setNavOpen(true)}\n\t\t\t\t/>\n\n\t\t\t\t<main className=\"wwc:relative wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-hidden\">\n\t\t\t\t\t{surface === \"home\" ? (\n\t\t\t\t\t\t<HomeSurface\n\t\t\t\t\t\t\tuserName={userName}\n\t\t\t\t\t\t\tinstalled={install.installedApps}\n\t\t\t\t\t\t\tnewIds={install.newIds}\n\t\t\t\t\t\t\tonBrowse={() => setSurface(\"marketplace\")}\n\t\t\t\t\t\t\tonOpenApp={openApp}\n\t\t\t\t\t\t/>\n\t\t\t\t\t) : surface === \"app\" ? (\n\t\t\t\t\t\t<AppWorkspace app={activeApp} />\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<MarketplaceSurface\n\t\t\t\t\t\t\tisInstalled={install.isInstalled}\n\t\t\t\t\t\t\tinstallingIds={install.installingIds}\n\t\t\t\t\t\t\tinstalledCount={install.installedIds.size}\n\t\t\t\t\t\t\tonDetails={install.setDetailsApp}\n\t\t\t\t\t\t\tonToggle={install.toggleInstall}\n\t\t\t\t\t\t/>\n\t\t\t\t\t)}\n\t\t\t\t</main>\n\t\t\t</div>\n\n\t\t\t<AppDetailsDialog\n\t\t\t\tapp={install.detailsApp}\n\t\t\t\tinstalled={install.detailsApp ? install.isInstalled(install.detailsApp.id) : false}\n\t\t\t\tinstalling={install.detailsApp ? install.installingIds.has(install.detailsApp.id) : false}\n\t\t\t\tonOpenChange={(open) => !open && install.setDetailsApp(null)}\n\t\t\t\tonToggle={() => install.detailsApp && install.toggleInstall(install.detailsApp)}\n\t\t\t/>\n\t\t\t<Toaster position=\"top-right\" />\n\t\t</div>\n\t);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAyCA,SAAgB,aAAa,EAAC,WAAW,eAAmC,CAAC,GAAG;CAC/E,MAAM,CAAC,SAAS,cAAc,SAAS,KAAK;CAG5C,MAAM,CAAC,SAAS,cAAc,SAAkB,MAAM;CACtD,MAAM,CAAC,aAAa,kBAAkB,SAAwB,IAAI;CAElE,MAAM,UAAU,mBAAmB,EAElC,gBAAgB,QAAQ;EACvB,IAAI,gBAAgB,IAAI,IAAI;EAC5B,eAAe,IAAI;EACnB,WAAW,MAAM;CAClB,EACD,CAAC;CAED,MAAM,YAAY,KAAK,MAAM,MAAM,EAAE,OAAO,WAAW,KAAK;CAE5D,MAAM,WAAW,QAAmB;EACnC,QAAQ,WAAW,GAAG;EACtB,eAAe,IAAI,EAAE;EACrB,WAAW,KAAK;CACjB;CAGA,MAAM,gBAAgB,mBAAmB,QAAQ,eAAe,QAAQ,MAAM;CAE9E,OACC,qBAAC,OAAD;EAAK,WAAU;EAAf,UAAA;GACC,oBAAC,gBAAD;IACC,WAAU;IACV,WAAW;IACX,cAAc,YAAY,SAAS,cAAc,OAAO,gBAAgB,KAAA;IACxE,YAAY,YAAY;IACxB,cAAc,WAAW,MAAM;IAC/B,aAAa,UAAU;KACtB,MAAM,MAAM,QAAQ,cAAc,MAAM,MAAM,EAAE,SAAS,KAAK;KAC9D,IAAI,KAAK,QAAQ,GAAG;IACrB;IACA,YAAY;IACZ,mBAAmB;IACnB,mBAAmB,YAAY;IAC/B,kBAAiB;IACjB,qBAAqB,WAAW,aAAa;IAC7C,YAAY;IACZ,oBAAoB;GACpB,CAAA;GAED,qBAAC,OAAD;IAAK,WAAU;IAAf,UAAA,CACC,oBAAC,eAAD;KACC,aAAa,mBAAmB,YAAY,SAAS,SAAS,YAAY,SAAS,YAAY,UAAU,OAAO;KAChH,qBAAqB;KACrB,mBAAA;KACA,mBAAmB,WAAW,IAAI;IAClC,CAAA,GAED,oBAAC,QAAD;KAAM,WAAU;KACd,UAAA,YAAY,SACZ,oBAAC,aAAD;MACW;MACV,WAAW,QAAQ;MACnB,QAAQ,QAAQ;MAChB,gBAAgB,WAAW,aAAa;MACxC,WAAW;KACX,CAAA,IACE,YAAY,QACf,oBAAC,cAAD,EAAc,KAAK,UAAY,CAAA,IAE/B,oBAAC,oBAAD;MACC,aAAa,QAAQ;MACrB,eAAe,QAAQ;MACvB,gBAAgB,QAAQ,aAAa;MACrC,WAAW,QAAQ;MACnB,UAAU,QAAQ;KAClB,CAAA;IAEG,CAAA,CACF;;GAEL,oBAAC,kBAAD;IACC,KAAK,QAAQ;IACb,WAAW,QAAQ,aAAa,QAAQ,YAAY,QAAQ,WAAW,EAAE,IAAI;IAC7E,YAAY,QAAQ,aAAa,QAAQ,cAAc,IAAI,QAAQ,WAAW,EAAE,IAAI;IACpF,eAAe,SAAS,CAAC,QAAQ,QAAQ,cAAc,IAAI;IAC3D,gBAAgB,QAAQ,cAAc,QAAQ,cAAc,QAAQ,UAAU;GAC9E,CAAA;GACD,oBAAC,SAAD,EAAS,UAAS,YAAa,CAAA;EAC3B;;AAEP"}

package/dist/pages/core-blueprint-viewer-3.d.mts

@@ -0,0 +1,25 @@
+//#region src/pages/core-blueprint-viewer-3.d.ts
+/** A floor whose per-blueprint walk-through button was pressed. */
+export type BlueprintViewer3WalkthroughFloor = {
+  id: string;
+  label: string;
+  name: string;
+  value: number;
+};
+export interface BlueprintViewer3Props {
+  /** Fired when a blueprint segment's walk-through button is clicked (host opens its walk-through UI). */
+  onWalkthrough?: (floor: BlueprintViewer3WalkthroughFloor) => void;
+}
+/**
+ * v3 blueprint viewer: a fixed multi-floor split canvas (pan by drag) with a collapsed canvas navigator
+ * (top-left, drills zones → houses), and a scrollable full-height details panel — the active house's
+ * progress, milestones table, and a Building Progress floor list that highlights the selected floor.
+ *
+ * @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 BlueprintViewer3 template docs in Storybook). Slated for removal from the public API in a
+ * future major.
+ */
+export declare function BlueprintViewer3({ onWalkthrough }?: BlueprintViewer3Props): import("react/jsx-runtime").JSX.Element;
+//#endregion
+//# sourceMappingURL=core-blueprint-viewer-3.d.mts.map

package/dist/pages/core-blueprint-viewer-3.d.mts.map

@@ -0,0 +1 @@
+{"version":3,"file":"core-blueprint-viewer-3.d.mts","names":[],"sources":["../../src/pages/core-blueprint-viewer-3.tsx"],"mappings":";;YA8RY;EAAoC;EAAY;EAAe;EAAc;;iBAExE;;EAEhB,iBAAiB,OAAO;;;;;;;;;;;;wBAaT,mBAAkB,kBAAgB,oDAA0B,IAAA"}