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

package/dist/pages/core-admin-panel.mjs

@@ -0,0 +1,3076 @@
+import { Badge } from "../badge.mjs";
+import { Button } from "../button.mjs";
+import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "../card.mjs";
+import { Empty } from "../empty.mjs";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "../dialog.mjs";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "../select.mjs";
+import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from "../dropdown-menu.mjs";
+import { Tabs, TabsList, TabsTrigger } from "../tabs.mjs";
+import { Label } from "../label.mjs";
+import { Input } from "../input.mjs";
+import { DatePicker } from "../date-picker.mjs";
+import { AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogTitle } from "../alert-dialog.mjs";
+import { Checkbox } from "../checkbox.mjs";
+import { Combobox } from "../combobox.mjs";
+import { Skeleton } from "../skeleton.mjs";
+import { DataTable, DataTableColumnHeader } from "../data-table.mjs";
+import { FormActionBar } from "../form-action-bar.mjs";
+import { MultiSelect } from "../multi-select.mjs";
+import { PropertyList, PropertyRow } from "../property-list.mjs";
+import { Toaster, toast } from "../sonner.mjs";
+import { SectionPanel } from "../section-panel.mjs";
+import { PermissionMatrix } from "../permission-matrix.mjs";
+import { CoreAppSidebar } from "../navigation/core-app-sidebar.mjs";
+import { CoreAppTopBar } from "../navigation/core-app-top-bar.mjs";
+import { ARAMCO_LOGO, DIRIYAH_LOGO, NEOM_LOGO, QIDDIYA_LOGO, RED_SEA_LOGO, ROSHN_LOGO } from "./org-logos.mjs";
+import { cn } from "@corensystem/coren-utils";
+import { Archive, ArchiveRestore, ArrowRight, Ban, Building2, ChevronLeft, Copy, ExternalLink, Eye, FolderKanban, Home, MapPin, MoreHorizontal, Pencil, Plus, Save, Search, ShieldCheck, Upload, UserCheck, Users } from "lucide-react";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/core-admin-panel.tsx
+const NAV_ITEMS = [
+	{
+		id: "home",
+		label: "Overview",
+		icon: Home
+	},
+	{
+		id: "projects",
+		label: "Projects",
+		icon: FolderKanban
+	},
+	{
+		id: "permissions",
+		label: "Roles",
+		icon: ShieldCheck
+	},
+	{
+		id: "users",
+		label: "Users",
+		icon: Users
+	}
+];
+const ADMIN_GROUPS = [{ items: NAV_ITEMS }];
+const ADD_LABEL = {
+	home: "",
+	projects: "New project",
+	permissions: "New role",
+	users: "Invite user"
+};
+const RIYADH_TZ = "Asia/Riyadh UTC +03:00";
+const KSA = "Saudi Arabia";
+const PROJECTS = [
+	{
+		id: "p1",
+		status: "Active",
+		name: "ISSD_BI-10-13202",
+		projectType: "-",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "12 Jan 2023",
+		createdBy: "Layla Nasser"
+	},
+	{
+		id: "p2",
+		status: "Active",
+		name: "Fadhili GIP PKG 1",
+		projectType: "-",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "03 Feb 2023",
+		createdBy: "Ahmed Raza"
+	},
+	{
+		id: "p3",
+		status: "Active",
+		name: "Jazan Refinery-Boiler Pkg.",
+		projectType: "Refinery",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "21 Feb 2023",
+		createdBy: "Maya Khan"
+	},
+	{
+		id: "p4",
+		status: "Active",
+		name: "Khurais",
+		projectType: "-",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "09 Mar 2023",
+		createdBy: "Sara Idris"
+	},
+	{
+		id: "p5",
+		status: "Active",
+		name: "Phase-3, Package-8",
+		projectType: "Pipelines",
+		contractType: "Remeasurable",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "28 Mar 2023",
+		createdBy: "Omar Farouk"
+	},
+	{
+		id: "p6",
+		status: "Archived",
+		name: "Jafurah-Phase 2",
+		projectType: "Infrastructure",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "14 Apr 2023",
+		createdBy: "Layla Nasser"
+	},
+	{
+		id: "p7",
+		status: "Active",
+		name: "SRU_Yanbu_Refinery",
+		projectType: "Refinery",
+		contractType: "Cost Plus",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "02 May 2023",
+		createdBy: "Ahmed Raza"
+	},
+	{
+		id: "p8",
+		status: "Active",
+		name: "Turaif",
+		projectType: "-",
+		contractType: "-",
+		contractDuration: "-",
+		startDate: "-",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "19 May 2023",
+		createdBy: "Rania Salem"
+	},
+	{
+		id: "p9",
+		status: "Active",
+		name: "Shaybah DPCU",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "01 Jun 2023",
+		createdBy: "Maya Khan"
+	},
+	{
+		id: "p10",
+		status: "Active",
+		name: "Sinopec",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "16 Jun 2023",
+		createdBy: "Omar Farouk"
+	},
+	{
+		id: "p11",
+		status: "Active",
+		name: "JC3C4",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "30 Jun 2023",
+		createdBy: "Sara Idris"
+	},
+	{
+		id: "p12",
+		status: "Archived",
+		name: "JTE-5250-300",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "12 Jul 2023",
+		createdBy: "Layla Nasser"
+	},
+	{
+		id: "p13",
+		status: "Archived",
+		name: "SITP",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "25 Jul 2023",
+		createdBy: "Rania Salem"
+	},
+	{
+		id: "p14",
+		status: "Archived",
+		name: "Riyas",
+		projectType: "Airports",
+		contractType: "Lump Sum",
+		contractDuration: "1000 Days",
+		startDate: "06/11/2023",
+		country: KSA,
+		timeZone: RIYADH_TZ,
+		createdAt: "08 Aug 2023",
+		createdBy: "Ahmed Raza"
+	}
+];
+const MODULES = [
+	{
+		id: "drone",
+		label: "Drone Deploy",
+		enabled: false
+	},
+	{
+		id: "pcc",
+		label: "PCC",
+		enabled: false
+	},
+	{
+		id: "clnc_visit",
+		label: "Clinic Visit",
+		enabled: true
+	},
+	{
+		id: "clnc_dashboard",
+		label: "Clinic Dashboard",
+		enabled: true
+	},
+	{
+		id: "clnc_settings",
+		label: "Clinic Settings",
+		enabled: true
+	},
+	{
+		id: "clnc_worker",
+		label: "Clinic Worker",
+		enabled: true
+	},
+	{
+		id: "clnc_doctor",
+		label: "Clinic Doctor",
+		enabled: true
+	},
+	{
+		id: "video_wall",
+		label: "Video Wall",
+		enabled: true
+	},
+	{
+		id: "playground",
+		label: "Playground",
+		enabled: false
+	},
+	{
+		id: "progress_capture",
+		label: "Progress Capture",
+		enabled: false
+	},
+	{
+		id: "siteguard",
+		label: "Siteguard",
+		enabled: true
+	},
+	{
+		id: "payment",
+		label: "Payment",
+		enabled: false
+	},
+	{
+		id: "weatherstation",
+		label: "Weather Station",
+		enabled: false
+	},
+	{
+		id: "equipments_tracker",
+		label: "Equipment Tracker",
+		enabled: false
+	},
+	{
+		id: "site_support",
+		label: "Site Support",
+		enabled: false
+	},
+	{
+		id: "equipments",
+		label: "Equipments",
+		enabled: false
+	},
+	{
+		id: "sitesup_issues",
+		label: "Site Issues",
+		enabled: true
+	},
+	{
+		id: "sitesup_teams",
+		label: "Site Teams",
+		enabled: true
+	},
+	{
+		id: "sitesup_reports",
+		label: "Site Reports",
+		enabled: true
+	},
+	{
+		id: "sitesup_playbooks",
+		label: "Site Playbooks",
+		enabled: true
+	},
+	{
+		id: "journeys",
+		label: "Journeys",
+		enabled: false
+	},
+	{
+		id: "sitesup_automation",
+		label: "Site Automation",
+		enabled: false
+	},
+	{
+		id: "ticket_manager",
+		label: "Ticket Manager",
+		enabled: false
+	},
+	{
+		id: "anchor_planner",
+		label: "Anchor Planner",
+		enabled: false
+	}
+];
+const muted = (v) => /* @__PURE__ */ jsx("span", {
+	className: v === "-" ? "wwc:text-muted-foreground/50" : "wwc:text-muted-foreground",
+	children: v
+});
+function makeProjectColumns(onOpen, onArchive, onRestore) {
+	return [
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onOpen(row.original),
+				className: "wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+				children: row.original.name
+			})
+		},
+		{
+			accessorKey: "projectType",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Project Type"
+			}),
+			cell: ({ row }) => muted(row.original.projectType)
+		},
+		{
+			accessorKey: "contractType",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Contract Type"
+			}),
+			cell: ({ row }) => muted(row.original.contractType)
+		},
+		{
+			accessorKey: "contractDuration",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Contract Duration"
+			}),
+			cell: ({ row }) => muted(row.original.contractDuration)
+		},
+		{
+			accessorKey: "startDate",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Start Date"
+			}),
+			cell: ({ row }) => muted(row.original.startDate)
+		},
+		{
+			accessorKey: "country",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Country"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.country })
+		},
+		{
+			accessorKey: "timeZone",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Time Zone"
+			}),
+			cell: ({ row }) => muted(row.original.timeZone)
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: ({ row }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+				asChild: true,
+				children: /* @__PURE__ */ jsx(Button, {
+					variant: "ghost",
+					icon: true,
+					"aria-label": "Row actions",
+					className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+					children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" })
+				})
+			}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+				align: "end",
+				className: "wwc:w-48",
+				children: [
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onOpen(row.original),
+						children: [/* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" }), "View details"]
+					}),
+					/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => window.open("https://core.com", "_blank", "noopener"),
+						children: [/* @__PURE__ */ jsx(ExternalLink, { className: "wwc:h-4 wwc:w-4" }), "Open project"]
+					}),
+					row.original.status === "Archived" ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onRestore(row.original),
+						children: [/* @__PURE__ */ jsx(ArchiveRestore, { className: "wwc:h-4 wwc:w-4" }), "Restore project"]
+					}) : /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onArchive(row.original),
+						className: "wwc:text-destructive focus:wwc:text-destructive",
+						children: [/* @__PURE__ */ jsx(Archive, { className: "wwc:h-4 wwc:w-4" }), "Archive project"]
+					})
+				]
+			})] })
+		}
+	];
+}
+const moduleDefaults = () => Object.fromEntries(MODULES.map((m) => [m.id, m.enabled]));
+const PROJECT_TYPES = [
+	"Buildings",
+	"Infrastructure",
+	"Refinery",
+	"Pipelines",
+	"Roads",
+	"Airports",
+	"Industrial"
+];
+const CONTRACT_TYPES = [
+	"Lump Sum",
+	"Cost Plus",
+	"Remeasurable",
+	"Unit Price",
+	"Turnkey (EPC)"
+];
+const COUNTRIES = [
+	"Saudi Arabia",
+	"United Arab Emirates",
+	"Qatar",
+	"Kuwait",
+	"Bahrain",
+	"Oman",
+	"Egypt"
+];
+const TIMEZONES = [
+	"Asia/Riyadh UTC +03:00",
+	"Asia/Dubai UTC +04:00",
+	"Asia/Qatar UTC +03:00",
+	"Asia/Kuwait UTC +03:00",
+	"Asia/Bahrain UTC +03:00",
+	"Asia/Muscat UTC +04:00",
+	"Africa/Cairo UTC +02:00"
+];
+const COUNTRY_TIMEZONE = {
+	"Saudi Arabia": "Asia/Riyadh UTC +03:00",
+	"United Arab Emirates": "Asia/Dubai UTC +04:00",
+	Qatar: "Asia/Qatar UTC +03:00",
+	Kuwait: "Asia/Kuwait UTC +03:00",
+	Bahrain: "Asia/Bahrain UTC +03:00",
+	Oman: "Asia/Muscat UTC +04:00",
+	Egypt: "Africa/Cairo UTC +02:00"
+};
+const EMPTY_FIELDS = {
+	name: "",
+	projectType: "",
+	contractType: "",
+	contractDuration: "",
+	startDate: "",
+	country: "",
+	timeZone: ""
+};
+const unDash = (v) => v === "-" ? "" : v;
+const fieldsFromProject = (p) => ({
+	name: p.name,
+	projectType: unDash(p.projectType),
+	contractType: unDash(p.contractType),
+	contractDuration: unDash(p.contractDuration).replace(/\s*Days$/i, ""),
+	startDate: unDash(p.startDate),
+	country: unDash(p.country),
+	timeZone: unDash(p.timeZone)
+});
+const pad2 = (n) => String(n).padStart(2, "0");
+const parseDMY = (s) => {
+	const m = /^(\d{1,2})\/(\d{1,2})\/(\d{4})$/.exec(s.trim());
+	if (!m) return void 0;
+	return new Date(Number(m[3]), Number(m[2]) - 1, Number(m[1]));
+};
+const formatDMY = (d) => `${pad2(d.getDate())}/${pad2(d.getMonth() + 1)}/${d.getFullYear()}`;
+function FieldSelect({ value, onChange, placeholder, options, triggerClassName = "wwc:ml-auto wwc:w-full wwc:max-w-sm" }) {
+	return /* @__PURE__ */ jsxs(Select, {
+		value: value || void 0,
+		onValueChange: onChange,
+		children: [/* @__PURE__ */ jsx(SelectTrigger, {
+			className: triggerClassName,
+			children: /* @__PURE__ */ jsx(SelectValue, { placeholder })
+		}), /* @__PURE__ */ jsx(SelectContent, { children: options.map((o) => /* @__PURE__ */ jsx(SelectItem, {
+			value: o,
+			children: o
+		}, o)) })]
+	});
+}
+function ProjectForm({ mode, project, draft, onField, errors, modules, onToggleModule, onBack }) {
+	const enabledCount = MODULES.filter((m) => modules[m.id]).length;
+	const [moduleSearch, setModuleSearch] = useState("");
+	const filteredModules = MODULES.filter((m) => m.label.toLowerCase().includes(moduleSearch.trim().toLowerCase()));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "sm",
+				onClick: onBack,
+				className: "wwc:-ml-2",
+				children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" }), "Back to projects"]
+			}),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+				children: mode === "create" ? "New project" : project?.name
+			}), /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: mode === "create" ? "Fill in the details below to create a project." : `Created ${project?.createdAt} by ${project?.createdBy}`
+			})] }),
+			/* @__PURE__ */ jsxs(Card, {
+				className: "wwc:shadow-none",
+				children: [/* @__PURE__ */ jsxs(CardHeader, {
+					className: "wwc:pb-2",
+					children: [/* @__PURE__ */ jsx(CardTitle, {
+						className: "wwc:text-base",
+						children: "Project details"
+					}), /* @__PURE__ */ jsx(CardDescription, { children: "Profile and metadata for this project." })]
+				}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(PropertyList, {
+					labelWidth: "12rem",
+					children: [
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Project name",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx(Input, {
+									value: draft.name,
+									onChange: (e) => onField("name", e.target.value),
+									placeholder: "Project name",
+									"aria-invalid": !!errors.name || !!errors.nameDup,
+									className: cn("wwc:w-full", (errors.name || errors.nameDup) && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+								}), errors.name ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Project name is required."
+								}) : errors.nameDup ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "A project with this name already exists."
+								}) : null]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Project type",
+							children: /* @__PURE__ */ jsx(FieldSelect, {
+								value: draft.projectType,
+								onChange: (v) => onField("projectType", v),
+								placeholder: "Choose type",
+								options: PROJECT_TYPES
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Contract type",
+							children: /* @__PURE__ */ jsx(FieldSelect, {
+								value: draft.contractType,
+								onChange: (v) => onField("contractType", v),
+								placeholder: "Select contract type",
+								options: CONTRACT_TYPES
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Contract duration",
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsxs("div", {
+									className: "wwc:flex wwc:items-center wwc:gap-2",
+									children: [/* @__PURE__ */ jsx(Input, {
+										type: "number",
+										min: 1,
+										step: 1,
+										value: draft.contractDuration,
+										onChange: (e) => onField("contractDuration", e.target.value),
+										placeholder: "Duration",
+										"aria-invalid": errors.duration,
+										className: cn(errors.duration && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+									}), /* @__PURE__ */ jsx("span", {
+										className: "wwc:shrink-0 wwc:text-sm wwc:text-muted-foreground",
+										children: "Days"
+									})]
+								}), errors.duration && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Duration must be a positive whole number of days."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Start date",
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: cn(errors.startDate && "wwc:rounded-md wwc:ring-1 wwc:ring-destructive"),
+									children: /* @__PURE__ */ jsx(DatePicker, {
+										date: draft.startDate ? parseDMY(draft.startDate) : void 0,
+										onDateChange: (d) => onField("startDate", d ? formatDMY(d) : ""),
+										placeholder: "Choose date",
+										className: "wwc:w-full"
+									})
+								}), errors.startDate && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Start date can't be in the future."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Country",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: cn(errors.country && "wwc:rounded-md wwc:ring-1 wwc:ring-destructive"),
+									children: /* @__PURE__ */ jsx(FieldSelect, {
+										value: draft.country,
+										onChange: (v) => {
+											onField("country", v);
+											onField("timeZone", COUNTRY_TIMEZONE[v] ?? "");
+										},
+										placeholder: "Select country",
+										options: COUNTRIES
+									})
+								}), errors.country && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Country is required."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Time zone",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: cn(errors.timeZone && "wwc:rounded-md wwc:ring-1 wwc:ring-destructive"),
+									children: /* @__PURE__ */ jsx(FieldSelect, {
+										value: draft.timeZone,
+										onChange: (v) => onField("timeZone", v),
+										placeholder: "Choose time zone",
+										options: TIMEZONES
+									})
+								}), errors.timeZone && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Time zone is required."
+								})]
+							})
+						}),
+						mode === "edit" && project ? /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Created at",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: project.createdAt
+							})
+						}), /* @__PURE__ */ jsx(PropertyRow, {
+							label: "Created by",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: project.createdBy
+							})
+						})] }) : null
+					]
+				}) })]
+			}),
+			/* @__PURE__ */ jsx(SectionPanel, {
+				title: "Project Integrations",
+				count: `${enabledCount}/${MODULES.length}`,
+				bodyClassName: "wwc:divide-y wwc:divide-border",
+				action: /* @__PURE__ */ jsxs("div", {
+					className: "wwc:relative wwc:w-56",
+					children: [/* @__PURE__ */ jsx(Search, { className: "wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+						value: moduleSearch,
+						onChange: (e) => setModuleSearch(e.target.value),
+						placeholder: "Search modules…",
+						className: "wwc:h-8 wwc:pl-8"
+					})]
+				}),
+				empty: /* @__PURE__ */ jsxs("div", {
+					className: "wwc:px-2 wwc:py-10 wwc:text-center wwc:text-sm wwc:text-muted-foreground",
+					children: [
+						"No modules match “",
+						moduleSearch,
+						"”."
+					]
+				}),
+				children: filteredModules.map((m) => /* @__PURE__ */ jsxs("label", {
+					className: "wwc:flex wwc:cursor-pointer wwc:items-center wwc:gap-3 wwc:px-2 wwc:py-2.5 wwc:transition-colors wwc:hover:bg-muted/50",
+					children: [/* @__PURE__ */ jsx(Checkbox, {
+						checked: modules[m.id],
+						onCheckedChange: (v) => onToggleModule(m.id, !!v)
+					}), /* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm",
+						children: m.label
+					})]
+				}, m.id))
+			})
+		]
+	});
+}
+const PROJECT_STATUS_TABS = ["Active", "Archived"];
+function ProjectsView({ onOpen }) {
+	const [statusTab, setStatusTab] = useState("Active");
+	const [pendingArchive, setPendingArchive] = useState(null);
+	const restore = (p) => toast.success(`Project “${p.name}” restored`);
+	const columns = useMemo(() => makeProjectColumns(onOpen, setPendingArchive, restore), [onOpen]);
+	const data = PROJECTS.filter((p) => p.status === statusTab);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			/* @__PURE__ */ jsx(Tabs, {
+				value: statusTab,
+				onValueChange: (v) => setStatusTab(v),
+				children: /* @__PURE__ */ jsx(TabsList, { children: PROJECT_STATUS_TABS.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: t,
+					children: [t, /* @__PURE__ */ jsx("span", {
+						className: "wwc:ml-1.5 wwc:text-muted-foreground",
+						children: PROJECTS.filter((p) => p.status === t).length
+					})]
+				}, t)) })
+			}),
+			/* @__PURE__ */ jsx(DataTable, {
+				columns,
+				data,
+				searchKey: "name",
+				searchPlaceholder: "Search projects…",
+				recordLabel: "project",
+				pageSize: 10
+			}, statusTab),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: !!pendingArchive,
+				title: "Archive project?",
+				description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					"This will archive ",
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: pendingArchive?.name
+					}),
+					". You can restore it later from the Archived tab."
+				] }),
+				confirmLabel: "Archive",
+				destructive: true,
+				onOpenChange: (o) => !o && setPendingArchive(null),
+				onConfirm: () => {
+					if (pendingArchive) toast.success(`Project “${pendingArchive.name}” archived`);
+					setPendingArchive(null);
+				}
+			})
+		]
+	});
+}
+const USERS = [
+	{
+		id: "u1",
+		status: "Active",
+		name: "NGMSA CLINIC",
+		email: "Clinic.RNGL@ngmsa.com",
+		role: "DIGITAL CLINIC",
+		linkedPeople: [],
+		lastLogin: "12 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234567",
+		projects: ["Khurais"]
+	},
+	{
+		id: "u2",
+		status: "Deactivated",
+		name: "MALATESHA HARIJANA",
+		email: "Malatesha.Hari@sinohydro.sa",
+		role: "DIGITAL CLINIC",
+		linkedPeople: [],
+		lastLogin: "13 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234568",
+		projects: ["Riyas"]
+	},
+	{
+		id: "u3",
+		status: "Active",
+		name: "RIYASCLINIC",
+		email: "riyasclinic@tecnicasreunidas.es",
+		role: "DIGITAL CLINIC",
+		linkedPeople: [],
+		lastLogin: "13 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234569",
+		projects: ["Riyas"]
+	},
+	{
+		id: "u4",
+		status: "Active",
+		name: "Arafzal",
+		email: "arafzal@tecnicasreunidas.es",
+		role: "Site Viewer",
+		linkedPeople: ["Omar Farouk"],
+		lastLogin: "12 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234570",
+		projects: ["SITP", "JC3C4"]
+	},
+	{
+		id: "u5",
+		status: "Invitation Sent",
+		name: "Yves Uy",
+		email: "zriyas@twareat.com",
+		role: "DIGITAL CLINIC",
+		linkedPeople: [],
+		lastLogin: "13 Jul 2026",
+		dialCode: "+971",
+		mobile: "551234571",
+		projects: ["Turaif"]
+	},
+	{
+		id: "u6",
+		status: "Active",
+		name: "Manikandan Lakshmanan",
+		email: "mlakshmanan@tecnicasreunidas.es",
+		role: "Site Viewer",
+		linkedPeople: [],
+		lastLogin: "07 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234572",
+		projects: ["JTE-5250-300"]
+	},
+	{
+		id: "u7",
+		status: "Deactivated",
+		name: "Abdullah Ahmed Aldhafeeri",
+		email: "dhafeerirngl@dsco.com.sa",
+		role: "Crew Lead",
+		linkedPeople: ["John Dawson"],
+		lastLogin: "07 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234573",
+		projects: ["Khurais", "Sinopec"]
+	},
+	{
+		id: "u8",
+		status: "Invitation Sent",
+		name: "Mubashir SCC Operator",
+		email: "mubshir.irfan+yanbu-scc@core.com",
+		role: "Crew Lead",
+		linkedPeople: [],
+		lastLogin: "07 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234574",
+		projects: ["SRU_Yanbu_Refinery"]
+	},
+	{
+		id: "u9",
+		status: "Active",
+		name: "Laura",
+		email: "lrivasg@tecnicasreunidas.es",
+		role: "Site Viewer",
+		linkedPeople: [],
+		lastLogin: "02 Jul 2026",
+		dialCode: "+34",
+		mobile: "612345678",
+		projects: ["SITP"]
+	},
+	{
+		id: "u10",
+		status: "Active",
+		name: "Layla Nasser",
+		email: "layla.n@core.com",
+		role: "WeCare Admin",
+		linkedPeople: ["Layla Nasser"],
+		lastLogin: "12 Jul 2026",
+		dialCode: "+971",
+		mobile: "551234575",
+		projects: ["Jafurah-Phase 2"]
+	},
+	{
+		id: "u11",
+		status: "Active",
+		name: "Omar Farouk",
+		email: "omar.f@core.com",
+		role: "Compliance Officer",
+		linkedPeople: [],
+		lastLogin: "10 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234576",
+		projects: ["Phase-3, Package-8"]
+	},
+	{
+		id: "u12",
+		status: "Active",
+		name: "Sara Idris",
+		email: "sara.i@core.com",
+		role: "Network Administrator",
+		linkedPeople: ["Sara Idris"],
+		lastLogin: "09 Jul 2026",
+		dialCode: "+966",
+		mobile: "551234577",
+		projects: ["Khurais"]
+	}
+];
+const DIAL_CODES = [
+	"+971",
+	"+966",
+	"+974",
+	"+965",
+	"+973",
+	"+968",
+	"+20",
+	"+34"
+];
+const PROJECT_NAMES = PROJECTS.map((p) => p.name);
+const PEOPLE = [
+	"Layla Nasser",
+	"Ahmed Raza",
+	"Maya Khan",
+	"Omar Farouk",
+	"Sara Idris",
+	"Rania Salem",
+	"Yusuf Malik",
+	"Nadia Hassan",
+	"Karim Adel",
+	"John Dawson",
+	"Abdullah Alzahrani",
+	"Fatima Noor",
+	"Hassan Ali",
+	"Mona Saleh",
+	"Tariq Aziz"
+];
+function makeUserColumns(onOpen, onDeactivate, onViewRole) {
+	return [
+		selectColumn(),
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "User Name"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onOpen(row.original),
+				className: "wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+				children: row.original.name
+			})
+		},
+		{
+			accessorKey: "email",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Email"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", {
+				className: "wwc:text-muted-foreground",
+				children: row.original.email
+			})
+		},
+		{
+			accessorKey: "role",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Role"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("button", {
+				type: "button",
+				onClick: () => onViewRole(row.original.role),
+				"aria-label": `View ${row.original.role} permissions`,
+				children: /* @__PURE__ */ jsx(Badge, {
+					variant: "neutralSoft",
+					className: "wwc:cursor-pointer wwc:hover:bg-muted/70",
+					children: row.original.role
+				})
+			})
+		},
+		{
+			accessorKey: "linkedPeople",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Linked Person"
+			}),
+			cell: ({ row }) => muted(row.original.linkedPeople[0] ?? "-")
+		},
+		{
+			accessorKey: "lastLogin",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Last Login"
+			}),
+			cell: ({ row }) => /* @__PURE__ */ jsx("span", { children: row.original.lastLogin })
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: ({ row }) => {
+				const u = row.original;
+				return /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Row actions",
+						className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+						children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" })
+					})
+				}), /* @__PURE__ */ jsxs(DropdownMenuContent, {
+					align: "end",
+					className: "wwc:w-48",
+					children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onOpen(u),
+						children: [/* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" }), "Edit user"]
+					}), u.status === "Invitation Sent" ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => {
+							navigator.clipboard?.writeText(`https://app.core.com/register-user/${u.id}`).catch(() => {});
+							toast.success("Invitation link copied");
+						},
+						children: [/* @__PURE__ */ jsx(Copy, { className: "wwc:mr-2 wwc:h-4 wwc:w-4" }), "Copy invitation link"]
+					}) : u.status === "Deactivated" ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => toast.success(`User “${u.name}” activated`),
+						children: [/* @__PURE__ */ jsx(UserCheck, { className: "wwc:h-4 wwc:w-4" }), "Activate"]
+					}) : /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: () => onDeactivate(u),
+						className: "wwc:text-destructive focus:wwc:text-destructive",
+						children: [/* @__PURE__ */ jsx(Ban, { className: "wwc:h-4 wwc:w-4" }), "Deactivate"]
+					})]
+				})] });
+			}
+		}
+	];
+}
+const EMPTY_USER = {
+	email: "",
+	role: "",
+	projects: [],
+	linkedPeople: [],
+	mobile: "",
+	dialCode: "+971"
+};
+const fieldsFromUser = (u) => ({
+	email: u.email,
+	role: u.role,
+	projects: [...u.projects],
+	linkedPeople: [...u.linkedPeople],
+	mobile: u.mobile,
+	dialCode: u.dialCode
+});
+function UserForm({ mode, user, draft, onField, errors, onBack }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "sm",
+				onClick: onBack,
+				className: "wwc:-ml-2",
+				children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" }), "Back to users"]
+			}),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+				children: mode === "create" ? "New user" : user?.name
+			}), /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: mode === "create" ? "Invite a user and assign their role and projects." : "Edit this user’s access."
+			})] }),
+			/* @__PURE__ */ jsxs(Card, {
+				className: "wwc:shadow-none",
+				children: [/* @__PURE__ */ jsxs(CardHeader, {
+					className: "wwc:pb-2",
+					children: [/* @__PURE__ */ jsx(CardTitle, {
+						className: "wwc:text-base",
+						children: "User details"
+					}), /* @__PURE__ */ jsx(CardDescription, { children: "Contact, role, and project access for this user." })]
+				}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsxs(PropertyList, {
+					labelWidth: "12rem",
+					children: [
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Email",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx(Input, {
+									type: "email",
+									value: draft.email,
+									onChange: (e) => onField("email", e.target.value),
+									placeholder: "Email",
+									disabled: mode === "edit",
+									"aria-invalid": !!(errors.email || errors.emailInvalid || errors.emailDup),
+									className: cn("wwc:w-full", (errors.email || errors.emailInvalid || errors.emailDup) && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+								}), errors.email ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Email is required."
+								}) : errors.emailInvalid ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Enter a valid email address."
+								}) : errors.emailDup ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "This email is already in use."
+								}) : mode === "edit" ? /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-muted-foreground",
+									children: "Email can't be changed after creation."
+								}) : null]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Role",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx(Combobox, {
+									options: ROLES.map((r) => ({
+										value: r.name,
+										label: r.name
+									})),
+									value: draft.role,
+									onValueChange: (v) => onField("role", v),
+									placeholder: "Select role",
+									searchPlaceholder: "Search roles…",
+									emptyMessage: "No role found.",
+									className: cn("wwc:w-full wwc:font-normal", errors.role && "wwc:border-destructive"),
+									popoverClassName: "wwc:min-w-[240px] wwc:w-[var(--radix-popover-trigger-width)] wwc:p-0"
+								}), errors.role && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Role is required."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Projects",
+							required: true,
+							align: "start",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx(MultiSelect, {
+									options: PROJECT_NAMES.map((p) => ({
+										value: p,
+										label: p
+									})),
+									value: draft.projects,
+									onValueChange: (v) => onField("projects", v),
+									placeholder: "Select project(s)",
+									searchPlaceholder: "Search projects…",
+									emptyMessage: "No projects found.",
+									invalid: errors.projects
+								}), errors.projects && /* @__PURE__ */ jsx("p", {
+									className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+									children: "Select at least one project."
+								})]
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Linked person",
+							align: "start",
+							children: /* @__PURE__ */ jsx("div", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: /* @__PURE__ */ jsx(Combobox, {
+									options: PEOPLE.map((pp) => ({
+										value: pp,
+										label: pp
+									})),
+									value: draft.linkedPeople[0] ?? "",
+									onValueChange: (v) => onField("linkedPeople", v ? [v] : []),
+									placeholder: "Link a person…",
+									searchPlaceholder: "Search people…",
+									emptyMessage: "No people found.",
+									className: "wwc:w-full wwc:font-normal",
+									popoverClassName: "wwc:min-w-[240px] wwc:w-[var(--radix-popover-trigger-width)] wwc:p-0"
+								})
+							})
+						}),
+						/* @__PURE__ */ jsx(PropertyRow, {
+							label: "Mobile",
+							children: /* @__PURE__ */ jsxs("div", {
+								className: "wwc:ml-auto wwc:flex wwc:w-full wwc:max-w-sm wwc:items-center wwc:gap-2",
+								children: [/* @__PURE__ */ jsx("div", {
+									className: "wwc:w-[110px]",
+									children: /* @__PURE__ */ jsx(FieldSelect, {
+										value: draft.dialCode,
+										onChange: (v) => onField("dialCode", v),
+										placeholder: "+000",
+										options: DIAL_CODES
+									})
+								}), /* @__PURE__ */ jsx(Input, {
+									type: "tel",
+									value: draft.mobile,
+									onChange: (e) => onField("mobile", e.target.value),
+									placeholder: "Phone number",
+									className: "wwc:flex-1"
+								})]
+							})
+						}),
+						mode === "edit" && user ? /* @__PURE__ */ jsx(PropertyRow, {
+							label: "Last login",
+							children: /* @__PURE__ */ jsx("span", {
+								className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+								children: user.lastLogin
+							})
+						}) : null
+					]
+				}) })]
+			})
+		]
+	});
+}
+const USER_STATUS_TABS = [
+	"Active",
+	"Deactivated",
+	"Invitation Sent"
+];
+function UsersView({ onOpen }) {
+	const [statusTab, setStatusTab] = useState("Active");
+	const [pendingDeactivate, setPendingDeactivate] = useState(null);
+	const [bulkDeactivate, setBulkDeactivate] = useState(0);
+	const [viewingRole, setViewingRole] = useState(null);
+	const columns = useMemo(() => makeUserColumns(onOpen, setPendingDeactivate, (roleName) => setViewingRole(ROLES.find((r) => r.name === roleName) ?? null)), [onOpen]);
+	const data = USERS.filter((u) => u.status === statusTab);
+	const bulkAction = statusTab === "Deactivated" ? {
+		label: "Activate",
+		verb: "activated"
+	} : statusTab === "Invitation Sent" ? {
+		label: "Copy invitation link",
+		verb: "copied"
+	} : {
+		label: "Deactivate",
+		verb: "deactivated"
+	};
+	const bulkIsDeactivate = statusTab === "Active";
+	const bulkIsCopy = statusTab === "Invitation Sent";
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-4",
+		children: [
+			/* @__PURE__ */ jsx(Tabs, {
+				value: statusTab,
+				onValueChange: (v) => setStatusTab(v),
+				children: /* @__PURE__ */ jsx(TabsList, { children: USER_STATUS_TABS.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, {
+					value: t,
+					children: [t, /* @__PURE__ */ jsx("span", {
+						className: "wwc:ml-1.5 wwc:text-muted-foreground",
+						children: USERS.filter((u) => u.status === t).length
+					})]
+				}, t)) })
+			}),
+			/* @__PURE__ */ jsx(DataTable, {
+				columns,
+				data,
+				searchKey: "name",
+				searchPlaceholder: "Search users…",
+				recordLabel: "user",
+				pageSize: 10,
+				bulkActions: [{
+					label: bulkAction.label,
+					variant: bulkIsDeactivate ? "destructive" : "outline",
+					onClick: (ids) => bulkIsDeactivate ? setBulkDeactivate(ids.length) : bulkIsCopy ? toast.success(`${ids.length} invitation link${ids.length === 1 ? "" : "s"} copied`) : toast.success(`${ids.length} user${ids.length === 1 ? "" : "s"} ${bulkAction.verb}`)
+				}]
+			}, statusTab),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: !!pendingDeactivate,
+				title: "Deactivate user?",
+				description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					"This will deactivate ",
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: pendingDeactivate?.name
+					}),
+					". They lose access until reactivated."
+				] }),
+				confirmLabel: "Deactivate",
+				destructive: true,
+				onOpenChange: (o) => !o && setPendingDeactivate(null),
+				onConfirm: () => {
+					toast.success(`User “${pendingDeactivate?.name}” deactivated`);
+					setPendingDeactivate(null);
+				}
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: bulkDeactivate > 0,
+				title: `Deactivate ${bulkDeactivate === 1 ? "user" : "users"}?`,
+				description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					"This will deactivate",
+					" ",
+					/* @__PURE__ */ jsxs("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: [
+							bulkDeactivate,
+							" ",
+							bulkDeactivate === 1 ? "user" : "users"
+						]
+					}),
+					". They lose access until reactivated."
+				] }),
+				confirmLabel: "Deactivate",
+				destructive: true,
+				onOpenChange: (o) => !o && setBulkDeactivate(0),
+				onConfirm: () => {
+					toast.success(`${bulkDeactivate} user${bulkDeactivate === 1 ? "" : "s"} deactivated`);
+					setBulkDeactivate(0);
+				}
+			}),
+			/* @__PURE__ */ jsx(RolePermissionsDialog, {
+				role: viewingRole,
+				onOpenChange: (o) => !o && setViewingRole(null)
+			})
+		]
+	});
+}
+const crud = (prefix, actions = [
+	"Create",
+	"Export",
+	"Manage",
+	"View"
+]) => actions.map((a) => ({
+	id: `${prefix}.${a.toLowerCase()}`,
+	label: a
+}));
+const PERMISSION_CATALOG = [
+	{
+		id: "complaints",
+		label: "Complaints",
+		groups: [{
+			id: "complaints.translation",
+			label: "translation.baseline",
+			permissions: [{
+				id: "complaints.translation.import",
+				label: "translation.baseline:import"
+			}, {
+				id: "complaints.translation.view",
+				label: "translation.baseline:view"
+			}]
+		}, {
+			id: "complaints.main",
+			label: "Complaints",
+			permissions: crud("complaints.main")
+		}]
+	},
+	{
+		id: "compliance",
+		label: "Compliance",
+		groups: [{
+			id: "compliance.main",
+			label: "Compliance",
+			permissions: crud("compliance")
+		}]
+	},
+	{
+		id: "crew",
+		label: "Crew Management",
+		groups: [{
+			id: "crew.main",
+			label: "Crew Management",
+			permissions: crud("crew")
+		}]
+	},
+	{
+		id: "devices",
+		label: "Devices",
+		groups: [{
+			id: "devices.main",
+			label: "Devices",
+			permissions: crud("devices")
+		}]
+	},
+	{
+		id: "digital_clinic",
+		label: "Digital Clinic",
+		groups: [{
+			id: "digital_clinic.main",
+			label: "Digital Clinic",
+			permissions: crud("digital_clinic")
+		}]
+	},
+	{
+		id: "equipments",
+		label: "Equipments",
+		groups: [{
+			id: "equipments.main",
+			label: "Equipments",
+			permissions: crud("equipments")
+		}]
+	},
+	{
+		id: "external",
+		label: "External Integrations",
+		groups: [{
+			id: "external.main",
+			label: "External Integrations",
+			permissions: crud("external")
+		}]
+	},
+	{
+		id: "hardware",
+		label: "Hardware Management",
+		groups: [{
+			id: "hardware.main",
+			label: "Hardware Management",
+			permissions: crud("hardware")
+		}]
+	},
+	{
+		id: "management_map",
+		label: "Management Map",
+		groups: [{
+			id: "management_map.main",
+			label: "Management Map",
+			permissions: crud("management_map", ["Manage", "View"])
+		}]
+	},
+	{
+		id: "map",
+		label: "Map",
+		groups: [{
+			id: "map.main",
+			label: "Map",
+			permissions: crud("map", ["Manage", "View"])
+		}]
+	},
+	{
+		id: "network_admin",
+		label: "Network Administration",
+		groups: [{
+			id: "network_admin.main",
+			label: "Network Administration",
+			permissions: crud("network_admin")
+		}]
+	},
+	{
+		id: "network_toolkit",
+		label: "Network Toolkit",
+		groups: [{
+			id: "network_toolkit.main",
+			label: "Network Toolkit",
+			permissions: crud("network_toolkit")
+		}]
+	},
+	{
+		id: "observation",
+		label: "Observation Manager",
+		groups: [{
+			id: "observation.main",
+			label: "Observation Manager",
+			permissions: crud("observation")
+		}]
+	},
+	{
+		id: "project_builder",
+		label: "Project Builder",
+		groups: [{
+			id: "project_builder.main",
+			label: "Project Builder",
+			permissions: crud("project_builder")
+		}]
+	}
+];
+const catPermIds = (c) => c.groups.flatMap((g) => g.permissions.map((p) => p.id));
+const ALL_PERM_IDS = PERMISSION_CATALOG.flatMap(catPermIds);
+const permDefaults = () => Object.fromEntries(ALL_PERM_IDS.map((id) => [id, false]));
+const roleWith = (ids) => {
+	const base = permDefaults();
+	for (const id of ids) if (id in base) base[id] = true;
+	return base;
+};
+const ROLES = [
+	{
+		id: "role1",
+		name: "SCC Khurais",
+		permissions: roleWith([
+			"complaints.main.view",
+			"compliance.view",
+			"crew.view",
+			"map.view"
+		])
+	},
+	{
+		id: "role2",
+		name: "Riyas Technician",
+		permissions: roleWith([
+			"devices.view",
+			"hardware.view",
+			"equipments.view"
+		])
+	},
+	{
+		id: "role3",
+		name: "DIGITAL CLINIC",
+		permissions: roleWith(catPermIds(PERMISSION_CATALOG[4]))
+	},
+	{
+		id: "role4",
+		name: "doctor clinic 1 test",
+		permissions: roleWith(["digital_clinic.view", "digital_clinic.manage"])
+	},
+	{
+		id: "role5",
+		name: "testing account",
+		permissions: roleWith(["map.view"])
+	},
+	{
+		id: "role6",
+		name: "AVL Permission",
+		permissions: roleWith([
+			"devices.view",
+			"devices.manage",
+			"map.view",
+			"map.manage"
+		])
+	},
+	{
+		id: "role7",
+		name: "WeCare Admin",
+		permissions: roleWith(ALL_PERM_IDS)
+	},
+	{
+		id: "role8",
+		name: "Aramco Executive",
+		permissions: roleWith([
+			"complaints.main.view",
+			"compliance.view",
+			"observation.view",
+			"map.view"
+		])
+	},
+	{
+		id: "role9",
+		name: "safety officers",
+		permissions: roleWith([
+			"observation.view",
+			"observation.create",
+			"compliance.view"
+		])
+	},
+	{
+		id: "role10",
+		name: "FGIP Super Technician",
+		permissions: roleWith([
+			"devices.view",
+			"devices.manage",
+			"hardware.view",
+			"hardware.manage",
+			"network_toolkit.view"
+		])
+	},
+	{
+		id: "role11",
+		name: "Network Administrator",
+		permissions: roleWith(catPermIds(PERMISSION_CATALOG[10]))
+	},
+	{
+		id: "role12",
+		name: "Crew Lead",
+		permissions: roleWith([
+			"crew.view",
+			"crew.create",
+			"crew.manage"
+		])
+	},
+	{
+		id: "role13",
+		name: "Compliance Officer",
+		permissions: roleWith([
+			"compliance.view",
+			"compliance.manage",
+			"compliance.export"
+		])
+	},
+	{
+		id: "role14",
+		name: "Site Viewer",
+		permissions: roleWith([
+			"map.view",
+			"management_map.view",
+			"observation.view"
+		])
+	}
+];
+function selectColumn() {
+	return {
+		id: "select",
+		enableSorting: 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"
+		})
+	};
+}
+function makeRoleColumns(onOpen) {
+	return [{
+		accessorKey: "name",
+		header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+			column,
+			title: "Name"
+		}),
+		cell: ({ row }) => /* @__PURE__ */ jsx("button", {
+			type: "button",
+			onClick: () => onOpen(row.original),
+			className: "wwc:text-left wwc:font-medium wwc:underline wwc:underline-offset-2 wwc:transition-colors wwc:hover:text-primary",
+			children: row.original.name
+		})
+	}, {
+		id: "actions",
+		enableSorting: false,
+		meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+		cell: ({ row }) => /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsx(Button, {
+				variant: "ghost",
+				icon: true,
+				"aria-label": "Row actions",
+				className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+				children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" })
+			})
+		}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+			align: "end",
+			className: "wwc:w-48",
+			children: /* @__PURE__ */ jsxs(DropdownMenuItem, {
+				onClick: () => onOpen(row.original),
+				children: [/* @__PURE__ */ jsx(Eye, { className: "wwc:h-4 wwc:w-4" }), "Edit role"]
+			})
+		})] })
+	}];
+}
+function RolePermissionsDialog({ role, onOpenChange }) {
+	return /* @__PURE__ */ jsx(Dialog, {
+		open: !!role,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:max-w-4xl",
+			children: [
+				/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsxs(DialogTitle, { children: [role?.name, " permissions"] }), /* @__PURE__ */ jsx(DialogDescription, { children: "Read-only view of what this role can access." })] }),
+				role && /* @__PURE__ */ jsx("div", {
+					className: "wwc:max-h-[60vh] wwc:overflow-auto wwc:px-4 wwc:py-4",
+					children: /* @__PURE__ */ jsx(PermissionMatrix, {
+						categories: PERMISSION_CATALOG,
+						value: role.permissions,
+						readOnly: true,
+						showHeader: false
+					})
+				}),
+				/* @__PURE__ */ jsx(DialogFooter, { children: /* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: () => onOpenChange(false),
+					children: "Close"
+				}) })
+			]
+		})
+	});
+}
+function RoleForm({ mode, role, name, onName, nameError, perms, onPermissionsChange, onBack }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs(Button, {
+				variant: "ghost",
+				size: "sm",
+				onClick: onBack,
+				className: "wwc:-ml-2",
+				children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" }), "Back to roles"]
+			}),
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+				className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+				children: mode === "create" ? "New role" : role?.name
+			}), /* @__PURE__ */ jsx("p", {
+				className: "wwc:text-sm wwc:text-muted-foreground",
+				children: mode === "create" ? "Name the role and choose its permissions." : "Edit this role’s name and permissions."
+			})] }),
+			/* @__PURE__ */ jsxs(Card, {
+				className: "wwc:shadow-none",
+				children: [/* @__PURE__ */ jsxs(CardHeader, {
+					className: "wwc:pb-2",
+					children: [/* @__PURE__ */ jsx(CardTitle, {
+						className: "wwc:text-base",
+						children: "Role details"
+					}), /* @__PURE__ */ jsx(CardDescription, { children: "Name and metadata for this role." })]
+				}), /* @__PURE__ */ jsx(CardContent, { children: /* @__PURE__ */ jsx(PropertyList, {
+					labelWidth: "12rem",
+					children: /* @__PURE__ */ jsx(PropertyRow, {
+						label: "Role name",
+						required: true,
+						align: "start",
+						children: /* @__PURE__ */ jsxs("div", {
+							className: "wwc:ml-auto wwc:w-full wwc:max-w-sm",
+							children: [/* @__PURE__ */ jsx(Input, {
+								value: name,
+								onChange: (e) => onName(e.target.value),
+								placeholder: "Role name",
+								"aria-invalid": nameError,
+								className: cn("wwc:w-full", nameError && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+							}), nameError && /* @__PURE__ */ jsx("p", {
+								className: "wwc:mt-1.5 wwc:text-xs wwc:text-destructive",
+								children: "Role name is required."
+							})]
+						})
+					})
+				}) })]
+			}),
+			/* @__PURE__ */ jsx(PermissionMatrix, {
+				categories: PERMISSION_CATALOG,
+				value: perms,
+				onValueChange: onPermissionsChange
+			})
+		]
+	});
+}
+function PermissionsView({ onOpen }) {
+	const columns = useMemo(() => makeRoleColumns(onOpen), [onOpen]);
+	return /* @__PURE__ */ jsx(DataTable, {
+		columns,
+		data: ROLES,
+		searchKey: "name",
+		searchPlaceholder: "Search roles…",
+		recordLabel: "role",
+		pageSize: 10
+	});
+}
+const INITIAL_ORGS = [
+	{
+		id: "o1",
+		name: "Saudi Aramco",
+		location: "Dhahran, Saudi Arabia",
+		logo: ARAMCO_LOGO,
+		country: "Saudi Arabia",
+		projects: 14,
+		status: "Active"
+	},
+	{
+		id: "o2",
+		name: "NEOM",
+		location: "Tabuk, Saudi Arabia",
+		logo: NEOM_LOGO,
+		country: "Saudi Arabia",
+		projects: 9,
+		status: "Active"
+	},
+	{
+		id: "o3",
+		name: "Roshn",
+		location: "Riyadh, Saudi Arabia",
+		logo: ROSHN_LOGO,
+		country: "Saudi Arabia",
+		projects: 6,
+		status: "Active"
+	},
+	{
+		id: "o4",
+		name: "Qiddiya",
+		location: "Riyadh, Saudi Arabia",
+		logo: QIDDIYA_LOGO,
+		country: "Saudi Arabia",
+		projects: 4,
+		status: "Active"
+	},
+	{
+		id: "o5",
+		name: "Diriyah Gate",
+		location: "Diriyah, Saudi Arabia",
+		logo: DIRIYAH_LOGO,
+		country: "Saudi Arabia",
+		projects: 7,
+		status: "Archived"
+	},
+	{
+		id: "o6",
+		name: "The Red Sea",
+		location: "Umluj, Saudi Arabia",
+		logo: RED_SEA_LOGO,
+		country: "Saudi Arabia",
+		projects: 5,
+		status: "Archived"
+	}
+];
+const orgInitials = (name) => name.split(/\s+/).filter(Boolean).slice(0, 2).map((w) => w[0]).join("").toUpperCase();
+function OrgLogo({ org, className }) {
+	if (org.logo) return /* @__PURE__ */ jsx("div", {
+		className: cn("wwc:flex wwc:shrink-0 wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded-xl wwc:border wwc:border-border wwc:bg-white wwc:p-2", className),
+		children: /* @__PURE__ */ jsx("img", {
+			src: org.logo,
+			alt: org.name,
+			className: "wwc:h-full wwc:w-full wwc:object-contain"
+		})
+	});
+	return /* @__PURE__ */ jsx("div", {
+		className: cn("wwc:flex wwc:shrink-0 wwc:items-center wwc:justify-center wwc:rounded-xl wwc:bg-primary/10 wwc:font-semibold wwc:text-primary", className),
+		children: orgInitials(org.name)
+	});
+}
+function EditOrgDialog({ org, onSave }) {
+	const [open, setOpen] = useState(false);
+	const [name, setName] = useState(org.name);
+	const [country, setCountry] = useState(org.country);
+	const [logo, setLogo] = useState(org.logo);
+	const [errors, setErrors] = useState({});
+	const fileRef = useRef(null);
+	const onFile = (e) => {
+		const file = e.target.files?.[0];
+		e.target.value = "";
+		if (!file) return;
+		if (!["image/png", "image/jpeg"].includes(file.type)) {
+			setErrors((p) => ({
+				...p,
+				logo: "Only PNG, JPG and JPEG are allowed."
+			}));
+			return;
+		}
+		if (file.size > 1048576) {
+			setErrors((p) => ({
+				...p,
+				logo: "Max size allowed is 1MB."
+			}));
+			return;
+		}
+		const reader = new FileReader();
+		reader.onload = () => {
+			setLogo(typeof reader.result === "string" ? reader.result : null);
+			setErrors((p) => ({
+				...p,
+				logo: void 0
+			}));
+		};
+		reader.readAsDataURL(file);
+	};
+	const submit = () => {
+		const errs = {};
+		if (!name.trim()) errs.name = "Organization name is required.";
+		if (!country) errs.country = "Country is required.";
+		if (errs.name || errs.country) {
+			setErrors((p) => ({
+				...p,
+				...errs
+			}));
+			return;
+		}
+		onSave({
+			name: name.trim(),
+			country,
+			logo
+		});
+		setOpen(false);
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange: (o) => {
+			if (o) {
+				setName(org.name);
+				setCountry(org.country);
+				setLogo(org.logo);
+				setErrors({});
+			}
+			setOpen(o);
+		},
+		children: [/* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				variant: "outline",
+				size: "sm",
+				children: [/* @__PURE__ */ jsx(Pencil, { className: "wwc:h-4 wwc:w-4" }), "Edit"]
+			})
+		}), /* @__PURE__ */ jsxs(DialogContent, { children: [
+			/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Edit organization" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Update the organization name, country and logo." })] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-5 wwc:px-4 wwc:py-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-start wwc:gap-4",
+						children: [/* @__PURE__ */ jsx(OrgLogo, {
+							org: {
+								...org,
+								name: name || org.name,
+								logo
+							},
+							className: "wwc:h-16 wwc:w-16 wwc:text-lg"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:flex-wrap wwc:gap-2",
+								children: [
+									/* @__PURE__ */ jsx("input", {
+										type: "file",
+										accept: "image/png,image/jpeg",
+										ref: fileRef,
+										onChange: onFile,
+										className: "wwc:hidden"
+									}),
+									/* @__PURE__ */ jsxs(Button, {
+										variant: "outline",
+										size: "sm",
+										onClick: () => fileRef.current?.click(),
+										children: [/* @__PURE__ */ jsx(Upload, { className: "wwc:h-4 wwc:w-4" }), "Upload logo"]
+									}),
+									logo && /* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										onClick: () => setLogo(null),
+										children: "Remove"
+									})
+								]
+							}), errors.logo ? /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.logo
+							}) : /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "PNG, JPG or JPEG · max 1MB."
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Label, {
+								required: true,
+								children: "Organization name"
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								value: name,
+								onChange: (e) => {
+									setName(e.target.value);
+									if (e.target.value.trim()) setErrors((p) => ({
+										...p,
+										name: void 0
+									}));
+								},
+								placeholder: "Organization name",
+								"aria-invalid": !!errors.name,
+								className: cn(errors.name && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+							}),
+							errors.name && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.name
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Label, {
+								required: true,
+								children: "Country"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: cn(errors.country && "wwc:rounded-md wwc:ring-1 wwc:ring-destructive"),
+								children: /* @__PURE__ */ jsx(FieldSelect, {
+									value: country,
+									onChange: (v) => {
+										setCountry(v);
+										if (v) setErrors((p) => ({
+											...p,
+											country: void 0
+										}));
+									},
+									placeholder: "Select country",
+									options: COUNTRIES,
+									triggerClassName: "wwc:w-full"
+								})
+							}),
+							errors.country && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.country
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => setOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: submit,
+				children: "Save changes"
+			})] })
+		] })]
+	});
+}
+function WakeMark({ className }) {
+	return /* @__PURE__ */ jsx("svg", {
+		viewBox: "0 0 278.78 176.15",
+		xmlns: "http://www.w3.org/2000/svg",
+		"aria-hidden": "true",
+		fill: "currentColor",
+		className,
+		children: /* @__PURE__ */ jsx("path", { d: "M65.58,4.66l21.91,30.92,20.8-31.16,62.09-.03,21.5,31.2s21.05-31.2,21.21-31.2h62.08v62.09s-52.28,105.07-52.28,105.07l-62.09-.05-21.48-30.97-21.05,31.02h-62.09S3.49,66.77,3.49,66.77V4.67h62.09Z" })
+	});
+}
+function AddOrgDialog({ onCreate }) {
+	const [open, setOpen] = useState(false);
+	const [name, setName] = useState("");
+	const [country, setCountry] = useState("");
+	const [adminEmail, setAdminEmail] = useState("");
+	const [logo, setLogo] = useState(null);
+	const [errors, setErrors] = useState({});
+	const fileRef = useRef(null);
+	const reset = () => {
+		setName("");
+		setCountry("");
+		setAdminEmail("");
+		setLogo(null);
+		setErrors({});
+	};
+	const onFile = (e) => {
+		const file = e.target.files?.[0];
+		e.target.value = "";
+		if (!file) return;
+		if (!["image/png", "image/jpeg"].includes(file.type)) {
+			setLogo(null);
+			setErrors((p) => ({
+				...p,
+				logo: "Only PNG, JPG and JPEG are allowed."
+			}));
+			return;
+		}
+		if (file.size > 1048576) {
+			setLogo(null);
+			setErrors((p) => ({
+				...p,
+				logo: "Max size allowed is 1MB."
+			}));
+			return;
+		}
+		const reader = new FileReader();
+		reader.onload = () => {
+			setLogo(typeof reader.result === "string" ? reader.result : null);
+			setErrors((p) => ({
+				...p,
+				logo: void 0
+			}));
+		};
+		reader.readAsDataURL(file);
+	};
+	const submit = () => {
+		const emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+		const errs = {};
+		if (!name.trim()) errs.name = "Organization name is required.";
+		if (!country) errs.country = "Country is required.";
+		if (!adminEmail.trim()) errs.email = "Admin email is required.";
+		else if (!emailRe.test(adminEmail.trim())) errs.email = "Enter a valid email address.";
+		if (errs.name || errs.country || errs.email) {
+			setErrors((p) => ({
+				...p,
+				...errs
+			}));
+			return;
+		}
+		onCreate({
+			name: name.trim(),
+			country,
+			adminEmail: adminEmail.trim(),
+			logo
+		});
+		setOpen(false);
+	};
+	return /* @__PURE__ */ jsxs(Dialog, {
+		open,
+		onOpenChange: (o) => {
+			if (o) reset();
+			setOpen(o);
+		},
+		children: [/* @__PURE__ */ jsx(DialogTrigger, {
+			asChild: true,
+			children: /* @__PURE__ */ jsxs(Button, {
+				size: "sm",
+				children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Add organization"]
+			})
+		}), /* @__PURE__ */ jsxs(DialogContent, { children: [
+			/* @__PURE__ */ jsxs(DialogHeader, { children: [/* @__PURE__ */ jsx(DialogTitle, { children: "Add organization" }), /* @__PURE__ */ jsx(DialogDescription, { children: "Create a new organization and invite its admin." })] }),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-5 wwc:px-4 wwc:py-4",
+				children: [
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:flex wwc:items-start wwc:gap-4",
+						children: [/* @__PURE__ */ jsx(OrgLogo, {
+							org: {
+								id: "",
+								name: name || "New",
+								location: "",
+								country: "",
+								logo,
+								projects: 0,
+								status: "Active"
+							},
+							className: "wwc:h-16 wwc:w-16 wwc:text-lg"
+						}), /* @__PURE__ */ jsxs("div", {
+							className: "wwc:space-y-1",
+							children: [/* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:flex-wrap wwc:gap-2",
+								children: [
+									/* @__PURE__ */ jsx("input", {
+										type: "file",
+										accept: "image/png,image/jpeg",
+										ref: fileRef,
+										onChange: onFile,
+										className: "wwc:hidden"
+									}),
+									/* @__PURE__ */ jsxs(Button, {
+										variant: "outline",
+										size: "sm",
+										onClick: () => fileRef.current?.click(),
+										children: [/* @__PURE__ */ jsx(Upload, { className: "wwc:h-4 wwc:w-4" }), "Upload logo"]
+									}),
+									logo && /* @__PURE__ */ jsx(Button, {
+										variant: "ghost",
+										size: "sm",
+										onClick: () => setLogo(null),
+										children: "Remove"
+									})
+								]
+							}), errors.logo ? /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.logo
+							}) : /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-muted-foreground",
+								children: "PNG, JPG or JPEG · max 1MB."
+							})]
+						})]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Label, {
+								required: true,
+								children: "Organization name"
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								value: name,
+								onChange: (e) => {
+									setName(e.target.value);
+									if (e.target.value.trim()) setErrors((p) => ({
+										...p,
+										name: void 0
+									}));
+								},
+								placeholder: "Organization name",
+								"aria-invalid": !!errors.name,
+								className: cn(errors.name && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+							}),
+							errors.name && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.name
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Label, {
+								required: true,
+								children: "Country"
+							}),
+							/* @__PURE__ */ jsx("div", {
+								className: cn(errors.country && "wwc:rounded-md wwc:ring-1 wwc:ring-destructive"),
+								children: /* @__PURE__ */ jsx(FieldSelect, {
+									value: country,
+									onChange: (v) => {
+										setCountry(v);
+										if (v) setErrors((p) => ({
+											...p,
+											country: void 0
+										}));
+									},
+									placeholder: "Select country",
+									options: COUNTRIES,
+									triggerClassName: "wwc:w-full"
+								})
+							}),
+							errors.country && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.country
+							})
+						]
+					}),
+					/* @__PURE__ */ jsxs("div", {
+						className: "wwc:space-y-1.5",
+						children: [
+							/* @__PURE__ */ jsx(Label, {
+								required: true,
+								children: "Admin email"
+							}),
+							/* @__PURE__ */ jsx(Input, {
+								type: "email",
+								value: adminEmail,
+								onChange: (e) => {
+									setAdminEmail(e.target.value);
+									if (e.target.value.trim()) setErrors((p) => ({
+										...p,
+										email: void 0
+									}));
+								},
+								placeholder: "admin@company.com",
+								"aria-invalid": !!errors.email,
+								className: cn(errors.email && "wwc:border-destructive wwc:focus-visible:ring-destructive")
+							}),
+							errors.email && /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-xs wwc:text-destructive",
+								children: errors.email
+							})
+						]
+					})
+				]
+			}),
+			/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+				variant: "outline",
+				onClick: () => setOpen(false),
+				children: "Cancel"
+			}), /* @__PURE__ */ jsx(Button, {
+				onClick: submit,
+				children: "Add organization"
+			})] })
+		] })]
+	});
+}
+function OrgCardSkeleton() {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:flex-col wwc:gap-4 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-5",
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-start wwc:justify-between",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-14 wwc:w-14 wwc:rounded-xl" }), /* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-7 wwc:w-7 wwc:rounded-md" })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:space-y-2",
+				children: [/* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-4 wwc:w-32" }), /* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-3 wwc:w-40" })]
+			}),
+			/* @__PURE__ */ jsx(Skeleton, { className: "wwc:h-5 wwc:w-24 wwc:rounded-full" })
+		]
+	});
+}
+function OrgCard({ org, onOpen, onArchive, onRestore }) {
+	const archived = org.status === "Archived";
+	return /* @__PURE__ */ jsxs("div", {
+		role: archived ? void 0 : "button",
+		tabIndex: archived ? void 0 : 0,
+		onClick: archived ? void 0 : onOpen,
+		onKeyDown: (e) => {
+			if (!archived && (e.key === "Enter" || e.key === " ")) {
+				e.preventDefault();
+				onOpen();
+			}
+		},
+		className: cn("wwc:group wwc:relative wwc:flex wwc:flex-col wwc:gap-4 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-5 wwc:text-left wwc:text-card-foreground wwc:transition-colors", archived ? "wwc:opacity-70" : "wwc:cursor-pointer wwc:hover:border-primary/40 wwc:hover:shadow-sm"),
+		children: [
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-start wwc:justify-between",
+				children: [/* @__PURE__ */ jsx(OrgLogo, {
+					org,
+					className: "wwc:h-14 wwc:w-14 wwc:text-base"
+				}), /* @__PURE__ */ jsxs(DropdownMenu, { children: [/* @__PURE__ */ jsx(DropdownMenuTrigger, {
+					asChild: true,
+					children: /* @__PURE__ */ jsx(Button, {
+						variant: "ghost",
+						icon: true,
+						"aria-label": "Organization actions",
+						onClick: (e) => e.stopPropagation(),
+						className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+						children: /* @__PURE__ */ jsx(MoreHorizontal, { className: "wwc:h-4 wwc:w-4" })
+					})
+				}), /* @__PURE__ */ jsx(DropdownMenuContent, {
+					align: "end",
+					className: "wwc:w-44",
+					onClick: (e) => e.stopPropagation(),
+					children: archived ? /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: onRestore,
+						children: [/* @__PURE__ */ jsx(ArchiveRestore, { className: "wwc:h-4 wwc:w-4" }), "Restore"]
+					}) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: onOpen,
+						children: [/* @__PURE__ */ jsx(ArrowRight, { className: "wwc:h-4 wwc:w-4" }), "Open"]
+					}), /* @__PURE__ */ jsxs(DropdownMenuItem, {
+						onClick: onArchive,
+						className: "wwc:text-destructive focus:wwc:text-destructive",
+						children: [/* @__PURE__ */ jsx(Archive, { className: "wwc:h-4 wwc:w-4" }), "Archive"]
+					})] })
+				})] })]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:min-w-0",
+				children: [/* @__PURE__ */ jsx("h3", {
+					className: "wwc:truncate wwc:text-base wwc:font-semibold",
+					children: org.name
+				}), /* @__PURE__ */ jsxs("p", {
+					className: "wwc:mt-1 wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-sm wwc:text-muted-foreground",
+					children: [/* @__PURE__ */ jsx(MapPin, { className: "wwc:h-3.5 wwc:w-3.5 wwc:shrink-0" }), /* @__PURE__ */ jsx("span", {
+						className: "wwc:truncate",
+						children: org.location
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:gap-2",
+				children: [/* @__PURE__ */ jsxs(Badge, {
+					variant: "neutralSoft",
+					children: [org.projects, " projects"]
+				}), archived && /* @__PURE__ */ jsx(Badge, {
+					variant: "warningSoft",
+					children: "Archived"
+				})]
+			})
+		]
+	});
+}
+const ORG_STATUS_TABS = ["Active", "Archived"];
+function AllOrganizationsView({ orgs, onSelectOrg, onBack, onCreateOrg, onArchiveOrg, onRestoreOrg }) {
+	const [statusTab, setStatusTab] = useState("Active");
+	const [query, setQuery] = useState("");
+	const [pendingArchive, setPendingArchive] = useState(null);
+	const [loading, setLoading] = useState(true);
+	useEffect(() => {
+		setLoading(true);
+		const t = setTimeout(() => setLoading(false), 700);
+		return () => clearTimeout(t);
+	}, [statusTab]);
+	const filtered = orgs.filter((o) => o.status === statusTab && o.name.toLowerCase().includes(query.trim().toLowerCase()));
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:h-full wwc:min-h-0 wwc:flex-col wwc:bg-background wwc:text-foreground",
+		children: [
+			/* @__PURE__ */ jsxs("header", {
+				className: "wwc:flex wwc:h-14 wwc:shrink-0 wwc:items-center wwc:gap-3 wwc:border-b wwc:border-border wwc:bg-card wwc:px-4 wwc:text-card-foreground",
+				children: [
+					/* @__PURE__ */ jsxs(Button, {
+						variant: "ghost",
+						size: "sm",
+						onClick: onBack,
+						className: "wwc:-ml-1",
+						children: [/* @__PURE__ */ jsx(ChevronLeft, { className: "wwc:h-4 wwc:w-4" }), "Back"]
+					}),
+					/* @__PURE__ */ jsx("div", { className: "wwc:h-5 wwc:w-px wwc:bg-border" }),
+					/* @__PURE__ */ jsx(WakeMark, { className: "wwc:h-5 wwc:w-auto wwc:text-foreground" }),
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:font-semibold",
+						children: "Core"
+					})
+				]
+			}),
+			/* @__PURE__ */ jsx("main", {
+				className: "wwc:min-h-0 wwc:flex-1 wwc:overflow-auto wwc:p-6",
+				children: /* @__PURE__ */ jsxs("div", {
+					className: "wwc:mx-auto wwc:max-w-[1200px] wwc:space-y-6",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-4",
+							children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+								className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+								children: "Organizations"
+							}), /* @__PURE__ */ jsx("p", {
+								className: "wwc:text-sm wwc:text-muted-foreground",
+								children: "Select an organization to manage, or create a new one."
+							})] }), /* @__PURE__ */ jsx(AddOrgDialog, { onCreate: onCreateOrg })]
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:flex-wrap wwc:items-center wwc:justify-between wwc:gap-3",
+							children: [/* @__PURE__ */ jsx(Tabs, {
+								value: statusTab,
+								onValueChange: (v) => setStatusTab(v),
+								children: /* @__PURE__ */ jsx(TabsList, { children: ORG_STATUS_TABS.map((t) => /* @__PURE__ */ jsxs(TabsTrigger, {
+									value: t,
+									children: [t, /* @__PURE__ */ jsx("span", {
+										className: "wwc:ml-1.5 wwc:text-muted-foreground",
+										children: orgs.filter((o) => o.status === t).length
+									})]
+								}, t)) })
+							}), /* @__PURE__ */ jsxs("div", {
+								className: "wwc:relative wwc:w-full wwc:max-w-sm",
+								children: [/* @__PURE__ */ jsx(Search, { className: "wwc:absolute wwc:left-2.5 wwc:top-1/2 wwc:h-3.5 wwc:w-3.5 wwc:-translate-y-1/2 wwc:text-muted-foreground" }), /* @__PURE__ */ jsx(Input, {
+									value: query,
+									onChange: (e) => setQuery(e.target.value),
+									placeholder: "Search organizations…",
+									className: "wwc:pl-8"
+								})]
+							})]
+						}),
+						loading ? /* @__PURE__ */ jsx("div", {
+							className: "wwc:grid wwc:gap-4 wwc:sm:grid-cols-2 wwc:lg:grid-cols-3",
+							children: Array.from({ length: 6 }).map((_, i) => /* @__PURE__ */ jsx(OrgCardSkeleton, {}, i))
+						}) : filtered.length === 0 ? /* @__PURE__ */ jsx(Empty, {
+							icon: /* @__PURE__ */ jsx(Building2, { className: "wwc:h-8 wwc:w-8" }),
+							title: query ? "No matches found" : `No ${statusTab.toLowerCase()} organizations`,
+							description: query ? `No ${statusTab.toLowerCase()} organizations match “${query}”. Try a different search.` : statusTab === "Active" ? "Create your first organization to get started." : "Archived organizations will appear here.",
+							action: !query && statusTab === "Active" ? /* @__PURE__ */ jsx(AddOrgDialog, { onCreate: onCreateOrg }) : void 0
+						}) : /* @__PURE__ */ jsx("div", {
+							className: "wwc:grid wwc:gap-4 wwc:sm:grid-cols-2 wwc:lg:grid-cols-3",
+							children: filtered.map((o) => /* @__PURE__ */ jsx(OrgCard, {
+								org: o,
+								onOpen: () => onSelectOrg(o.id),
+								onArchive: () => setPendingArchive(o),
+								onRestore: () => onRestoreOrg(o.id)
+							}, o.id))
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: !!pendingArchive,
+				title: "Archive organization?",
+				description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					"This will archive ",
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: pendingArchive?.name
+					}),
+					" and all its projects. You can restore it later from the Archived tab."
+				] }),
+				confirmLabel: "Archive",
+				destructive: true,
+				onOpenChange: (o) => !o && setPendingArchive(null),
+				onConfirm: () => {
+					if (pendingArchive) onArchiveOrg(pendingArchive.id);
+					setPendingArchive(null);
+				}
+			})
+		]
+	});
+}
+function HomeView({ org, onGoProjects, onGoUsers, onSaveOrg }) {
+	const stats = [{
+		label: "Projects",
+		count: PROJECTS.length,
+		icon: FolderKanban,
+		onClick: onGoProjects,
+		cta: "View projects"
+	}, {
+		label: "Users",
+		count: USERS.length,
+		icon: Users,
+		onClick: onGoUsers,
+		cta: "View users"
+	}];
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-6",
+		children: [
+			/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsxs("h1", {
+				className: "wwc:text-3xl wwc:font-bold wwc:leading-tight wwc:tracking-tight wwc:md:text-4xl",
+				children: [
+					"Welcome to",
+					/* @__PURE__ */ jsx("br", {}),
+					"Organization Admin"
+				]
+			}), /* @__PURE__ */ jsx("p", {
+				className: "wwc:mt-2 wwc:text-sm wwc:text-muted-foreground",
+				children: "Overview of the selected organization."
+			})] }),
+			/* @__PURE__ */ jsx(Card, {
+				className: "wwc:shadow-none",
+				children: /* @__PURE__ */ jsxs(CardContent, {
+					className: "wwc:flex wwc:items-center wwc:gap-5 wwc:pt-6",
+					children: [
+						/* @__PURE__ */ jsx(OrgLogo, {
+							org,
+							className: "wwc:h-20 wwc:w-20 wwc:text-2xl"
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:min-w-0 wwc:flex-1",
+							children: [/* @__PURE__ */ jsx("h2", {
+								className: "wwc:truncate wwc:text-xl wwc:font-semibold",
+								children: org.name
+							}), /* @__PURE__ */ jsxs("p", {
+								className: "wwc:mt-1 wwc:flex wwc:items-center wwc:gap-1.5 wwc:text-sm wwc:text-muted-foreground",
+								children: [/* @__PURE__ */ jsx(MapPin, { className: "wwc:h-4 wwc:w-4 wwc:shrink-0" }), org.location]
+							})]
+						}),
+						/* @__PURE__ */ jsx(EditOrgDialog, {
+							org,
+							onSave: onSaveOrg
+						})
+					]
+				})
+			}),
+			/* @__PURE__ */ jsx("div", {
+				className: "wwc:grid wwc:gap-4 wwc:sm:grid-cols-2",
+				children: stats.map((s) => /* @__PURE__ */ jsxs("button", {
+					type: "button",
+					onClick: s.onClick,
+					className: "wwc:group wwc:flex wwc:flex-col wwc:gap-4 wwc:rounded-lg wwc:border wwc:border-border wwc:bg-card wwc:p-5 wwc:text-left wwc:text-card-foreground wwc:transition-colors wwc:hover:border-primary/40 wwc:hover:bg-muted/40",
+					children: [
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:flex wwc:items-start wwc:justify-between",
+							children: [/* @__PURE__ */ jsx("div", {
+								className: "wwc:flex wwc:h-10 wwc:w-10 wwc:items-center wwc:justify-center wwc:rounded-lg wwc:bg-primary/10 wwc:text-primary",
+								children: /* @__PURE__ */ jsx(s.icon, { className: "wwc:h-5 wwc:w-5" })
+							}), /* @__PURE__ */ jsx(ArrowRight, { className: "wwc:h-4 wwc:w-4 wwc:text-muted-foreground wwc:transition-transform wwc:group-hover:translate-x-0.5" })]
+						}),
+						/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("p", {
+							className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+							children: s.count
+						}), /* @__PURE__ */ jsx("p", {
+							className: "wwc:text-sm wwc:text-muted-foreground",
+							children: s.label
+						})] }),
+						/* @__PURE__ */ jsxs("p", {
+							className: "wwc:text-sm wwc:font-medium wwc:text-primary",
+							children: [s.cta, " →"]
+						})
+					]
+				}, s.label))
+			})
+		]
+	});
+}
+function ConfirmDialog({ open, title, description, confirmLabel, destructive, onOpenChange, onConfirm }) {
+	return /* @__PURE__ */ jsx(AlertDialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(AlertDialogContent, { children: [/* @__PURE__ */ jsxs(AlertDialogHeader, { children: [/* @__PURE__ */ jsx(AlertDialogTitle, { children: title }), /* @__PURE__ */ jsx(AlertDialogDescription, { children: description })] }), /* @__PURE__ */ jsxs(AlertDialogFooter, { children: [/* @__PURE__ */ jsx(AlertDialogCancel, { children: "Cancel" }), /* @__PURE__ */ jsx(AlertDialogAction, {
+			onClick: onConfirm,
+			className: destructive ? "wwc:bg-destructive wwc:text-white wwc:hover:bg-destructive/90" : void 0,
+			children: confirmLabel
+		})] })] })
+	});
+}
+/**
+* @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 CoreAdminPanel template docs in Storybook). Slated for removal from the public API in a
+* future major.
+*/
+function AdminPanel() {
+	const [active, setActive] = useState("home");
+	const [orgs, setOrgs] = useState(INITIAL_ORGS);
+	const [activeOrgId, setActiveOrgId] = useState(INITIAL_ORGS[0].id);
+	const activeOrg = orgs.find((o) => o.id === activeOrgId) ?? orgs[0];
+	const [showOrgs, setShowOrgs] = useState(false);
+	const [editing, setEditing] = useState(null);
+	const [fields, setFields] = useState(EMPTY_FIELDS);
+	const [fieldsBaseline, setFieldsBaseline] = useState(EMPTY_FIELDS);
+	const [modules, setModules] = useState(moduleDefaults);
+	const [modulesBaseline, setModulesBaseline] = useState(moduleDefaults);
+	const [roleName, setRoleName] = useState("");
+	const [roleNameBaseline, setRoleNameBaseline] = useState("");
+	const [perms, setPerms] = useState(permDefaults);
+	const [permsBaseline, setPermsBaseline] = useState(permDefaults);
+	const [userFields, setUserFields] = useState(EMPTY_USER);
+	const [userFieldsBaseline, setUserFieldsBaseline] = useState(EMPTY_USER);
+	const [errors, setErrors] = useState({});
+	const [roleEditConfirm, setRoleEditConfirm] = useState(false);
+	const [userSaveConfirm, setUserSaveConfirm] = useState(false);
+	const [ownToaster, setOwnToaster] = useState(false);
+	useEffect(() => {
+		const hasHostToaster = document.querySelector("[data-sonner-toaster], section[aria-live][aria-label*=\"Notification\"]");
+		setOwnToaster(!hasHostToaster);
+	}, []);
+	const activeItem = NAV_ITEMS.find((i) => i.id === active) ?? NAV_ITEMS[0];
+	const openEditor = editing && editing.surface === active ? editing : null;
+	const entity = openEditor?.surface === "permissions" ? "role" : openEditor?.surface === "users" ? "user" : "project";
+	const projectChangeCount = Object.keys(fields).filter((k) => fields[k] !== fieldsBaseline[k]).length + MODULES.filter((m) => modules[m.id] !== modulesBaseline[m.id]).length;
+	const roleChangeCount = (roleName !== roleNameBaseline ? 1 : 0) + ALL_PERM_IDS.filter((id) => perms[id] !== permsBaseline[id]).length;
+	const userChangeCount = [
+		"email",
+		"role",
+		"mobile",
+		"dialCode"
+	].filter((k) => userFields[k] !== userFieldsBaseline[k]).length + (userFields.projects.join("|") !== userFieldsBaseline.projects.join("|") ? 1 : 0) + (userFields.linkedPeople.join("|") !== userFieldsBaseline.linkedPeople.join("|") ? 1 : 0);
+	const changeCount = openEditor?.surface === "permissions" ? roleChangeCount : openEditor?.surface === "users" ? userChangeCount : projectChangeCount;
+	const showSaveBar = !!openEditor && (openEditor.mode === "create" || changeCount > 0);
+	const showTabHeader = !openEditor && active !== "home";
+	const openEditProject = (p) => {
+		const f = fieldsFromProject(p);
+		const mods = moduleDefaults();
+		setFields(f);
+		setFieldsBaseline(f);
+		setModules(mods);
+		setModulesBaseline(mods);
+		setErrors({});
+		setEditing({
+			surface: "projects",
+			mode: "edit",
+			project: p
+		});
+	};
+	const openCreateProject = () => {
+		const mods = moduleDefaults();
+		setFields(EMPTY_FIELDS);
+		setFieldsBaseline(EMPTY_FIELDS);
+		setModules(mods);
+		setModulesBaseline(mods);
+		setErrors({});
+		setEditing({
+			surface: "projects",
+			mode: "create",
+			project: null
+		});
+	};
+	const openEditRole = (r) => {
+		setRoleName(r.name);
+		setRoleNameBaseline(r.name);
+		setPerms({ ...r.permissions });
+		setPermsBaseline({ ...r.permissions });
+		setErrors({});
+		setEditing({
+			surface: "permissions",
+			mode: "edit",
+			role: r
+		});
+	};
+	const openCreateRole = () => {
+		const d = permDefaults();
+		setRoleName("");
+		setRoleNameBaseline("");
+		setPerms(d);
+		setPermsBaseline({ ...d });
+		setErrors({});
+		setEditing({
+			surface: "permissions",
+			mode: "create",
+			role: null
+		});
+	};
+	const openEditUser = (u) => {
+		const f = fieldsFromUser(u);
+		setUserFields(f);
+		setUserFieldsBaseline({
+			...f,
+			projects: [...f.projects],
+			linkedPeople: [...f.linkedPeople]
+		});
+		setErrors({});
+		setEditing({
+			surface: "users",
+			mode: "edit",
+			user: u
+		});
+	};
+	const openCreateUser = () => {
+		setUserFields(EMPTY_USER);
+		setUserFieldsBaseline(EMPTY_USER);
+		setErrors({});
+		setEditing({
+			surface: "users",
+			mode: "create",
+			user: null
+		});
+	};
+	const closeEditor = () => {
+		setEditing(null);
+		setErrors({});
+	};
+	const clearError = (key) => setErrors((prev) => prev[key] ? {
+		...prev,
+		[key]: false
+	} : prev);
+	const setField = (key, value) => {
+		setFields((prev) => ({
+			...prev,
+			[key]: value
+		}));
+		setErrors((prev) => {
+			const next = { ...prev };
+			if (key === "name") {
+				next.name = false;
+				next.nameDup = false;
+			} else if (key === "country") next.country = false;
+			else if (key === "timeZone") next.timeZone = false;
+			else if (key === "contractDuration") next.duration = false;
+			else if (key === "startDate") next.startDate = false;
+			return next;
+		});
+	};
+	const onRoleName = (value) => {
+		setRoleName(value);
+		if (value.trim()) clearError("name");
+	};
+	const setUserField = (key, value) => {
+		setUserFields((prev) => ({
+			...prev,
+			[key]: value
+		}));
+		if (key === "email") setErrors((prev) => ({
+			...prev,
+			email: false,
+			emailInvalid: false,
+			emailDup: false
+		}));
+		else if (key === "projects" ? value.length > 0 : String(value).trim() !== "") clearError(key);
+	};
+	const toggleModule = (id, value) => setModules((prev) => ({
+		...prev,
+		[id]: value
+	}));
+	const updatePermissions = (next) => setPerms(next);
+	const draftName = () => openEditor?.surface === "permissions" ? roleName : openEditor?.surface === "users" ? userFields.email : fields.name;
+	const noun = entity === "role" ? "Role" : entity === "user" ? "User" : "Project";
+	const validate = () => {
+		if (!openEditor) return null;
+		const emailRe = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+		if (openEditor.surface === "users") {
+			const email = userFields.email.trim();
+			const e = {};
+			if (!email) e.email = true;
+			else if (!emailRe.test(email)) e.emailInvalid = true;
+			else if (openEditor.mode === "create" && USERS.some((u) => u.email.toLowerCase() === email.toLowerCase())) e.emailDup = true;
+			if (!userFields.role) e.role = true;
+			if (userFields.projects.length === 0) e.projects = true;
+			return Object.keys(e).length ? e : null;
+		}
+		if (openEditor.surface === "projects") {
+			const e = {};
+			const nm = fields.name.trim();
+			if (!nm) e.name = true;
+			else if (PROJECTS.some((pr) => pr.name.trim().toLowerCase() === nm.toLowerCase() && (openEditor.mode === "create" || pr.id !== openEditor.project?.id))) e.nameDup = true;
+			if (!fields.country) e.country = true;
+			if (!fields.timeZone) e.timeZone = true;
+			const dur = fields.contractDuration.trim();
+			if (dur && (!/^\d+$/.test(dur) || Number(dur) <= 0)) e.duration = true;
+			if (fields.startDate) {
+				const start = parseDMY(fields.startDate);
+				if (start) {
+					const today = /* @__PURE__ */ new Date();
+					today.setHours(0, 0, 0, 0);
+					start.setHours(0, 0, 0, 0);
+					if (start.getTime() > today.getTime()) e.startDate = true;
+				}
+			}
+			return Object.keys(e).length ? e : null;
+		}
+		return draftName().trim() ? null : { name: true };
+	};
+	const save = () => {
+		if (!openEditor) return;
+		const errs = validate();
+		if (errs) {
+			setErrors(errs);
+			return;
+		}
+		if (openEditor.mode === "create") {
+			const nm = draftName().trim();
+			toast.success(`${noun} “${nm}” created`);
+			setEditing(null);
+			setErrors({});
+			return;
+		}
+		if (openEditor.surface === "permissions") {
+			setRoleEditConfirm(true);
+			return;
+		}
+		if (openEditor.surface === "projects") {
+			setFieldsBaseline(fields);
+			setModulesBaseline(modules);
+			toast.success("Changes saved");
+			setErrors({});
+			return;
+		}
+		const removedProject = userFieldsBaseline.projects.some((pr) => !userFields.projects.includes(pr));
+		if (userFields.linkedPeople.length > 0 && removedProject) {
+			setUserSaveConfirm(true);
+			return;
+		}
+		commitUserEdit();
+	};
+	const commitUserEdit = () => {
+		setUserFieldsBaseline({
+			...userFields,
+			projects: [...userFields.projects],
+			linkedPeople: [...userFields.linkedPeople]
+		});
+		toast.success("Changes saved");
+		setErrors({});
+		setUserSaveConfirm(false);
+	};
+	const commitRoleEdit = () => {
+		setRoleNameBaseline(roleName);
+		setPermsBaseline({ ...perms });
+		toast.success("Changes saved");
+		setErrors({});
+		setRoleEditConfirm(false);
+	};
+	const saveDraft = () => {
+		const nm = draftName();
+		toast.success(nm ? `Draft “${nm}” saved` : "Draft saved");
+		setEditing(null);
+	};
+	const discard = () => {
+		if (!openEditor) return;
+		if (openEditor.mode === "create") {
+			setEditing(null);
+			return;
+		}
+		if (openEditor.surface === "projects") {
+			setFields(fieldsBaseline);
+			setModules(modulesBaseline);
+		} else if (openEditor.surface === "permissions") {
+			setRoleName(roleNameBaseline);
+			setPerms({ ...permsBaseline });
+		} else setUserFields({
+			...userFieldsBaseline,
+			projects: [...userFieldsBaseline.projects],
+			linkedPeople: [...userFieldsBaseline.linkedPeople]
+		});
+		setErrors({});
+	};
+	const goToTab = (id) => {
+		setEditing(null);
+		setErrors({});
+		setActive(id);
+	};
+	const addRecord = () => {
+		if (active === "projects") openCreateProject();
+		else if (active === "permissions") openCreateRole();
+		else if (active === "users") openCreateUser();
+	};
+	const saveOrg = (patch) => {
+		setOrgs((prev) => prev.map((o) => o.id === activeOrgId ? {
+			...o,
+			...patch,
+			location: patch.country
+		} : o));
+		toast.success("Organization updated");
+	};
+	const createOrg = (data) => {
+		const id = `o${orgs.length + 1}`;
+		const org = {
+			id,
+			name: data.name,
+			location: data.country || "—",
+			country: data.country,
+			logo: data.logo,
+			projects: 0,
+			status: "Active"
+		};
+		setOrgs((prev) => [org, ...prev]);
+		setActiveOrgId(id);
+		setShowOrgs(false);
+		setActive("home");
+		toast.success(`Organization “${data.name}” created`);
+	};
+	const archiveOrg = (id) => {
+		const next = orgs.map((o) => o.id === id ? {
+			...o,
+			status: "Archived"
+		} : o);
+		setOrgs(next);
+		if (id === activeOrgId) {
+			const firstActive = next.find((o) => o.status === "Active");
+			if (firstActive) setActiveOrgId(firstActive.id);
+		}
+		toast.success("Organization archived");
+	};
+	const restoreOrg = (id) => {
+		setOrgs((prev) => prev.map((o) => o.id === id ? {
+			...o,
+			status: "Active"
+		} : o));
+		toast.success("Organization restored");
+	};
+	if (showOrgs) return /* @__PURE__ */ jsx(AllOrganizationsView, {
+		orgs,
+		onSelectOrg: (id) => {
+			setActiveOrgId(id);
+			setShowOrgs(false);
+		},
+		onBack: () => setShowOrgs(false),
+		onCreateOrg: createOrg,
+		onArchiveOrg: archiveOrg,
+		onRestoreOrg: restoreOrg
+	});
+	const editorName = openEditor ? openEditor.mode === "create" ? `New ${entity}` : openEditor.surface === "projects" ? openEditor.project?.name : openEditor.surface === "permissions" ? openEditor.role?.name : openEditor.user?.name : null;
+	const topBarLabel = openEditor ? `${activeItem.label} / ${editorName}` : activeItem.label;
+	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: ADMIN_GROUPS,
+				activeItemId: active,
+				showSearch: false,
+				showNotifications: false,
+				orgs: orgs.filter((o) => o.status === "Active").map((o) => o.name),
+				activeOrg: activeOrg.name,
+				activeOrgLogo: activeOrg.logo ? /* @__PURE__ */ jsx("span", {
+					className: "wwc:flex wwc:h-5 wwc:w-5 wwc:items-center wwc:justify-center wwc:overflow-hidden wwc:rounded wwc:bg-white",
+					children: /* @__PURE__ */ jsx("img", {
+						src: activeOrg.logo,
+						alt: "",
+						className: "wwc:h-full wwc:w-full wwc:object-contain wwc:p-0.5"
+					})
+				}) : /* @__PURE__ */ jsx("span", {
+					className: "wwc:flex wwc:h-5 wwc:w-5 wwc:items-center wwc:justify-center wwc:rounded wwc:bg-primary/10 wwc:text-[9px] wwc:font-semibold wwc:text-primary",
+					children: orgInitials(activeOrg.name)
+				}),
+				onOrgChange: (name) => {
+					const next = orgs.find((o) => o.name === name);
+					if (next) setActiveOrgId(next.id);
+				},
+				onOrgViewAll: () => setShowOrgs(true),
+				onNavigate: (label) => {
+					const item = NAV_ITEMS.find((i) => i.label === label);
+					if (item) goToTab(item.id);
+				}
+			}),
+			/* @__PURE__ */ jsxs("div", {
+				className: "wwc:relative wwc:flex wwc:min-w-0 wwc:flex-1 wwc:flex-col",
+				children: [/* @__PURE__ */ jsx(CoreAppTopBar, {
+					activeLabel: topBarLabel,
+					showProjectSwitcher: false
+				}), /* @__PURE__ */ jsxs("main", {
+					className: "wwc:relative wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto",
+					children: [/* @__PURE__ */ jsxs("div", {
+						className: "wwc:mx-auto wwc:w-full wwc:max-w-[1200px] wwc:flex-1 wwc:space-y-4 wwc:p-6",
+						children: [
+							showTabHeader && /* @__PURE__ */ jsxs("div", {
+								className: "wwc:flex wwc:items-start wwc:justify-between wwc:gap-4",
+								children: [/* @__PURE__ */ jsxs("div", { children: [/* @__PURE__ */ jsx("h1", {
+									className: "wwc:text-2xl wwc:font-bold wwc:tracking-tight",
+									children: activeItem.label
+								}), /* @__PURE__ */ jsxs("p", {
+									className: "wwc:text-sm wwc:text-muted-foreground",
+									children: [
+										active === "projects" && "Every project in the organization and its status.",
+										active === "permissions" && "Roles and what each one is allowed to do.",
+										active === "users" && "People with access, their role, and status."
+									]
+								})] }), /* @__PURE__ */ jsxs(Button, {
+									size: "sm",
+									onClick: addRecord,
+									children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), ADD_LABEL[active]]
+								})]
+							}),
+							active === "home" && /* @__PURE__ */ jsx(HomeView, {
+								org: activeOrg,
+								onGoProjects: () => goToTab("projects"),
+								onGoUsers: () => goToTab("users"),
+								onSaveOrg: saveOrg
+							}),
+							active === "projects" && (openEditor?.surface === "projects" ? /* @__PURE__ */ jsx(ProjectForm, {
+								mode: openEditor.mode,
+								project: openEditor.project,
+								draft: fields,
+								onField: setField,
+								errors,
+								modules,
+								onToggleModule: toggleModule,
+								onBack: closeEditor
+							}) : /* @__PURE__ */ jsx(ProjectsView, { onOpen: openEditProject })),
+							active === "permissions" && (openEditor?.surface === "permissions" ? /* @__PURE__ */ jsx(RoleForm, {
+								mode: openEditor.mode,
+								role: openEditor.role,
+								name: roleName,
+								onName: onRoleName,
+								nameError: !!errors.name,
+								perms,
+								onPermissionsChange: updatePermissions,
+								onBack: closeEditor
+							}) : /* @__PURE__ */ jsx(PermissionsView, { onOpen: openEditRole })),
+							active === "users" && (openEditor?.surface === "users" ? /* @__PURE__ */ jsx(UserForm, {
+								mode: openEditor.mode,
+								user: openEditor.user,
+								draft: userFields,
+								onField: setUserField,
+								errors,
+								onBack: closeEditor
+							}) : /* @__PURE__ */ jsx(UsersView, { onOpen: openEditUser }))
+						]
+					}), showSaveBar && /* @__PURE__ */ jsxs(FormActionBar, {
+						status: openEditor.mode === "create" ? `New ${entity} — not saved yet` : /* @__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: discard,
+								children: "Discard"
+							}),
+							openEditor.mode === "create" && /* @__PURE__ */ jsx(Button, {
+								variant: "outline",
+								size: "sm",
+								onClick: saveDraft,
+								children: "Save as draft"
+							}),
+							/* @__PURE__ */ jsxs(Button, {
+								size: "sm",
+								onClick: save,
+								disabled: openEditor.mode === "edit" && changeCount === 0,
+								children: [/* @__PURE__ */ jsx(Save, { className: "wwc:h-4 wwc:w-4" }), openEditor.mode === "create" ? `Save ${entity}` : "Save changes"]
+							})
+						]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: roleEditConfirm,
+				title: "Save role changes?",
+				description: "Updating this role affects all users assigned to it. Do you want to proceed?",
+				confirmLabel: "Save changes",
+				onOpenChange: (o) => !o && setRoleEditConfirm(false),
+				onConfirm: commitRoleEdit
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: userSaveConfirm,
+				title: "Save changes?",
+				description: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					"Removing project access will unlink",
+					" ",
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: userFields.linkedPeople[0] ?? "the linked person"
+					}),
+					" ",
+					"from this user. Do you want to proceed?"
+				] }),
+				confirmLabel: "Save changes",
+				onOpenChange: (o) => !o && setUserSaveConfirm(false),
+				onConfirm: commitUserEdit
+			}),
+			ownToaster && /* @__PURE__ */ jsx(Toaster, { position: "top-right" })
+		]
+	});
+}
+//#endregion
+export { AdminPanel };
+
+//# sourceMappingURL=core-admin-panel.mjs.map