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

package/dist/pages/workforce-obs.mjs

@@ -0,0 +1,649 @@
+import { Badge } from "../badge.mjs";
+import { HoverTooltip } from "../tooltip.mjs";
+import { Button } from "../button.mjs";
+import { Dialog, DialogContent, DialogFooter, DialogHeader, DialogTitle } from "../dialog.mjs";
+import { MultiSelect, SearchableSelect } from "../select.mjs";
+import { Input } from "../input.mjs";
+import { ConfirmDialog } from "../confirm-dialog.mjs";
+import { Filter as Filter$1, FilterCategory, FilterContent, FilterOption, FilterTrigger } from "../filter.mjs";
+import { DataTable, DataTableColumnHeader, DataTableExpandButton } from "../data-table.mjs";
+import { Toaster, toast } from "../sonner.mjs";
+import { ArrowDownWideNarrow, Plus, Trash2, UserRoundCog } from "lucide-react";
+import { useEffect, useMemo, useState } from "react";
+import { Fragment as Fragment$1, jsx, jsxs } from "react/jsx-runtime";
+//#region src/pages/workforce-obs.tsx
+function descendantCount(node) {
+	return node.children.reduce((sum, child) => sum + 1 + descendantCount(child), 0);
+}
+function collectIds(node, into = /* @__PURE__ */ new Set()) {
+	into.add(node.id);
+	node.children.forEach((child) => collectIds(child, into));
+	return into;
+}
+function findNode(nodes, id) {
+	for (const node of nodes) {
+		if (node.id === id) return node;
+		const found = findNode(node.children, id);
+		if (found) return found;
+	}
+	return null;
+}
+function removeNode(nodes, id) {
+	return nodes.filter((node) => node.id !== id).map((node) => ({
+		...node,
+		children: removeNode(node.children, id)
+	}));
+}
+function addChild(nodes, parentId, child) {
+	return nodes.map((node) => node.id === parentId ? {
+		...node,
+		children: [...node.children, child]
+	} : {
+		...node,
+		children: addChild(node.children, parentId, child)
+	});
+}
+function flatten(nodes, into = []) {
+	for (const node of nodes) {
+		into.push(node);
+		flatten(node.children, into);
+	}
+	return into;
+}
+/** Keep a node if it matches, or if any descendant is kept — preserves the ancestry chain. */
+function pruneTree(nodes, keep) {
+	return nodes.reduce((acc, node) => {
+		const children = pruneTree(node.children, keep);
+		if (keep(node) || children.length > 0) acc.push({
+			...node,
+			children
+		});
+		return acc;
+	}, []);
+}
+function person(id, name, code, company, trade, extra) {
+	return {
+		id,
+		name,
+		code,
+		company,
+		trade,
+		title: extra?.title ?? null,
+		department: extra?.department ?? null,
+		children: extra?.children ?? []
+	};
+}
+const OBS_TREE = [
+	person("o-moayad", "Moayad Test", "12345666", "Core", "INDIRECT-LEAD SUPERVISOR", { children: [person("o-riyas", "Riyas Test", "321321", "DSCO", "INDIRECT-SOLUTION MANAGER")] }),
+	person("o-barak", "Barak Al Azmi", "SA-PKG5-002", "Aramco PMT PKG5", "Indirect-ARAMCO PMT", { children: [person("o-zakiah", "Zakiah Al Tehaini", "SA-PKG5-001", "Aramco PMT PKG5", "Indirect-PROJECT ENGINEER", {
+		title: "Engineer",
+		department: "ENGINEERING",
+		children: [person("o-wijdan", "Wijdan Hadadi", "1110843503", "Sinohydro", "Indirect-SCC Supervisor", {
+			department: "HSE",
+			children: [person("o-abomijna", "MOAYAD ABOMIJNA", "2158931325", "Core", "Indirect-Project manager", { children: [person("o-azhar", "Azhar Al Madih", "1089990046", "Sinohydro", "Indirect-Safety Supervisor", { children: [person("o-hazem", "hazem sabri", "1119209359", "Sinohydro", "INDIRECT-QHSE OFFICER", { children: [person("o-ameer", "AMEER Ali", "2588281937", "Sinohydro", "SCC OPERATOR", { children: [person("o-usama", "Muhammad Usama Malik", "2476020207", "Sinohydro", "Default resource pool trade")] })] })] })] })]
+		})]
+	})] }),
+	person("o-alfredo", "Alfredo Crespo Botia", "TR-SUB-001", "TR", "Indirect-Sub Contract Administrator", { children: [
+		person("o-asad", "Asad Ullah Awan", "TR963", "TR", "IT Engineer", { children: [person("o-miguelc", "MIGUEL BLASCO CASTANO", "PAX092964", "TR", "Indirect-Digital Twin Engineer"), person("o-pedroj", "PEDRO JOSE", "25741111270", "TR", "INDIRECT-PROJECT CONTROL")] }),
+		person("o-jonny", "JONNY ERCOLANI", "YB7820177", "TR", "Indirect-QC Manager", { children: [person("o-miguelb", "MIGUEL BLASCOO", "TR6458", "TR", "INDIRECT-FIELD ENGINEER"), person("o-pedro2", "Pedro Jose", "TR456", "TR", "INDIRECT-E&I ENGINEER")] }),
+		person("o-dileep", "DILEEP PRABHAKARAN", "2506893649", "TR", "Indirect-HSE Manager", { children: [
+			person("o-ali", "Ali Jaradeh", "Aramco236", "Saudi Aramco", "INDIRECT-Senior Project Manager"),
+			person("o-lina", "Lina Montoiro Cordoba", "TR589", "TR", "INDIRECT-Senior Project Manager"),
+			person("o-karim", "Karim Sabbah", "TR3541", "TR", "INDIRECT-Senior Project Manager"),
+			person("o-akhilesh", "Akhilesh Mau", "Aramco 0119", "Saudi Aramco", "INDIRECT-SENIOR PROJECT MANAGER"),
+			person("o-ozgur", "Ozgur Uy", "TR1271", "TR", "INDIRECT-PROJECT CONTROL")
+		] })
+	] })
+];
+const dash = (value) => value === null || value === void 0 || value === "" ? /* @__PURE__ */ jsx("span", {
+	className: "wwc:text-muted-foreground",
+	children: "—"
+}) : value;
+function ObsNameCell({ row }) {
+	const count = descendantCount(row.original);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:items-center wwc:gap-1.5",
+		style: { paddingLeft: `${row.depth * 1.5}rem` },
+		children: [
+			/* @__PURE__ */ jsx(DataTableExpandButton, { row }),
+			/* @__PURE__ */ jsx("span", {
+				className: "wwc:font-medium",
+				children: row.original.name
+			}),
+			count > 0 ? /* @__PURE__ */ jsxs(Badge, {
+				variant: "secondary",
+				className: "wwc:h-5 wwc:gap-1 wwc:px-1.5 wwc:text-[10px] wwc:tabular-nums",
+				children: [/* @__PURE__ */ jsx(ArrowDownWideNarrow, { className: "wwc:h-3 wwc:w-3" }), count]
+			}) : null
+		]
+	});
+}
+const EMPTY_OBS_DRAFT = {
+	name: "",
+	code: "",
+	company: "",
+	title: "",
+	department: "",
+	trade: ""
+};
+function ObsFormModal({ open, onOpenChange, title, onSubmit }) {
+	const [draft, setDraft] = useState(EMPTY_OBS_DRAFT);
+	const [attempted, setAttempted] = useState(false);
+	useEffect(() => {
+		if (open) {
+			setDraft(EMPTY_OBS_DRAFT);
+			setAttempted(false);
+		}
+	}, [open]);
+	const set = (key, value) => setDraft((d) => ({
+		...d,
+		[key]: value
+	}));
+	const nameError = attempted && !draft.name.trim();
+	const submit = () => {
+		if (!draft.name.trim()) {
+			setAttempted(true);
+			return;
+		}
+		onSubmit(draft);
+		onOpenChange(false);
+	};
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:flex wwc:max-h-[92vh] wwc:w-[calc(100vw-2rem)] wwc:max-w-md wwc:flex-col wwc:gap-0 wwc:overflow-hidden wwc:p-0",
+			children: [
+				/* @__PURE__ */ jsx(DialogHeader, { children: /* @__PURE__ */ jsx(DialogTitle, { children: title }) }),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:min-h-0 wwc:flex-1 wwc:space-y-4 wwc:overflow-y-auto wwc:px-6 wwc:py-5",
+					children: [
+						/* @__PURE__ */ jsx(ObsField, {
+							label: "Name",
+							required: true,
+							error: nameError,
+							children: /* @__PURE__ */ jsx(Input, {
+								placeholder: "Enter name",
+								value: draft.name,
+								"aria-invalid": nameError,
+								onChange: (e) => set("name", e.target.value)
+							})
+						}),
+						/* @__PURE__ */ jsxs("div", {
+							className: "wwc:grid wwc:grid-cols-2 wwc:gap-4",
+							children: [
+								/* @__PURE__ */ jsx(ObsField, {
+									label: "Code",
+									children: /* @__PURE__ */ jsx(Input, {
+										placeholder: "Enter code",
+										value: draft.code,
+										onChange: (e) => set("code", e.target.value)
+									})
+								}),
+								/* @__PURE__ */ jsx(ObsField, {
+									label: "Company",
+									children: /* @__PURE__ */ jsx(Input, {
+										placeholder: "Enter company",
+										value: draft.company,
+										onChange: (e) => set("company", e.target.value)
+									})
+								}),
+								/* @__PURE__ */ jsx(ObsField, {
+									label: "Title",
+									children: /* @__PURE__ */ jsx(Input, {
+										placeholder: "Enter title",
+										value: draft.title,
+										onChange: (e) => set("title", e.target.value)
+									})
+								}),
+								/* @__PURE__ */ jsx(ObsField, {
+									label: "Department",
+									children: /* @__PURE__ */ jsx(Input, {
+										placeholder: "Enter department",
+										value: draft.department,
+										onChange: (e) => set("department", e.target.value)
+									})
+								})
+							]
+						}),
+						/* @__PURE__ */ jsx(ObsField, {
+							label: "Trade",
+							children: /* @__PURE__ */ jsx(Input, {
+								placeholder: "Enter trade",
+								value: draft.trade,
+								onChange: (e) => set("trade", e.target.value)
+							})
+						})
+					]
+				}),
+				/* @__PURE__ */ jsxs(DialogFooter, { children: [/* @__PURE__ */ jsx(Button, {
+					variant: "outline",
+					onClick: () => onOpenChange(false),
+					children: "Cancel"
+				}), /* @__PURE__ */ jsx(Button, {
+					onClick: submit,
+					children: "Save"
+				})] })
+			]
+		})
+	});
+}
+function ObsField({ label, required, error, children }) {
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:space-y-1.5",
+		children: [
+			/* @__PURE__ */ jsxs("label", {
+				className: "wwc:flex wwc:items-center wwc:gap-0.5 wwc:text-sm wwc:font-semibold",
+				children: [label, required ? /* @__PURE__ */ jsx("span", {
+					className: "wwc:text-destructive",
+					children: "*"
+				}) : null]
+			}),
+			children,
+			error ? /* @__PURE__ */ jsxs("p", {
+				className: "wwc:text-xs wwc:text-destructive",
+				children: [label, " is required."]
+			}) : null
+		]
+	});
+}
+function ChangeSupervisorModal({ open, onOpenChange, node, candidates, onConfirm }) {
+	const [target, setTarget] = useState("");
+	useEffect(() => {
+		if (open) setTarget("");
+	}, [open]);
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:w-[calc(100vw-2rem)] wwc:max-w-md",
+			children: [
+				/* @__PURE__ */ jsx(DialogTitle, {
+					className: "wwc:text-lg wwc:font-semibold",
+					children: "Change supervisor"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "wwc:text-sm wwc:text-muted-foreground",
+					children: [
+						"Move ",
+						/* @__PURE__ */ jsx("span", {
+							className: "wwc:font-medium wwc:text-foreground",
+							children: node?.name
+						}),
+						" (and their subordinates) under a new supervisor."
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:space-y-1.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:font-semibold",
+						children: "New supervisor"
+					}), /* @__PURE__ */ jsx(SearchableSelect, {
+						options: candidates.map((c) => ({
+							value: c.id,
+							label: c.name
+						})),
+						value: target,
+						onValueChange: setTarget,
+						placeholder: "Select supervisor",
+						searchPlaceholder: "Search people…",
+						className: "wwc:w-full"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: () => onOpenChange(false),
+						children: "Cancel"
+					}), /* @__PURE__ */ jsx(Button, {
+						disabled: !target,
+						onClick: () => {
+							onConfirm(target);
+							onOpenChange(false);
+						},
+						children: "Move"
+					})]
+				})
+			]
+		})
+	});
+}
+function AddSubordinatesModal({ open, onOpenChange, node, candidates, onConfirm }) {
+	const [selected, setSelected] = useState([]);
+	useEffect(() => {
+		if (open) setSelected([]);
+	}, [open]);
+	return /* @__PURE__ */ jsx(Dialog, {
+		open,
+		onOpenChange,
+		children: /* @__PURE__ */ jsxs(DialogContent, {
+			className: "wwc:w-[calc(100vw-2rem)] wwc:max-w-md",
+			children: [
+				/* @__PURE__ */ jsx(DialogTitle, {
+					className: "wwc:text-lg wwc:font-semibold",
+					children: "Add subordinates"
+				}),
+				/* @__PURE__ */ jsxs("p", {
+					className: "wwc:text-sm wwc:text-muted-foreground",
+					children: [
+						"Move the selected people (and their subordinates) under",
+						" ",
+						/* @__PURE__ */ jsx("span", {
+							className: "wwc:font-medium wwc:text-foreground",
+							children: node?.name
+						}),
+						"."
+					]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:space-y-1.5",
+					children: [/* @__PURE__ */ jsx("span", {
+						className: "wwc:text-sm wwc:font-semibold",
+						children: "Subordinates"
+					}), /* @__PURE__ */ jsx(MultiSelect, {
+						options: candidates.map((c) => ({
+							value: c.id,
+							label: c.name
+						})),
+						value: selected,
+						onValueChange: setSelected,
+						placeholder: "Select people",
+						searchPlaceholder: "Search people…",
+						showTags: true,
+						className: "wwc:w-full"
+					})]
+				}),
+				/* @__PURE__ */ jsxs("div", {
+					className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-2",
+					children: [/* @__PURE__ */ jsx(Button, {
+						variant: "outline",
+						onClick: () => onOpenChange(false),
+						children: "Cancel"
+					}), /* @__PURE__ */ jsxs(Button, {
+						disabled: selected.length === 0,
+						onClick: () => {
+							onConfirm(selected);
+							onOpenChange(false);
+						},
+						children: ["Add ", selected.length > 0 ? `(${selected.length})` : ""]
+					})]
+				})
+			]
+		})
+	});
+}
+function makeObsColumns(onChangeSupervisor, onAddSubordinate, onDelete) {
+	return [
+		{
+			accessorKey: "name",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Name"
+			}),
+			meta: {
+				headerClassName: "wwc:w-[24rem]",
+				cellClassName: "wwc:whitespace-nowrap"
+			},
+			cell: ({ row }) => /* @__PURE__ */ jsx(ObsNameCell, { row })
+		},
+		{
+			accessorKey: "code",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Code"
+			}),
+			cell: ({ row }) => dash(row.original.code)
+		},
+		{
+			accessorKey: "company",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Company"
+			}),
+			cell: ({ row }) => dash(row.original.company)
+		},
+		{
+			accessorKey: "title",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Title"
+			}),
+			cell: ({ row }) => dash(row.original.title)
+		},
+		{
+			accessorKey: "department",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Department"
+			}),
+			cell: ({ row }) => dash(row.original.department)
+		},
+		{
+			accessorKey: "trade",
+			header: ({ column }) => /* @__PURE__ */ jsx(DataTableColumnHeader, {
+				column,
+				title: "Trade"
+			}),
+			cell: ({ row }) => dash(row.original.trade)
+		},
+		{
+			id: "actions",
+			enableSorting: false,
+			enableHiding: false,
+			meta: { cellClassName: "wwc:w-px wwc:max-w-none wwc:overflow-visible wwc:whitespace-nowrap wwc:text-right" },
+			cell: ({ row }) => /* @__PURE__ */ jsxs("div", {
+				className: "wwc:flex wwc:items-center wwc:justify-end wwc:gap-0.5",
+				children: [
+					/* @__PURE__ */ jsx(HoverTooltip, {
+						content: "Change supervisor",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": "Change supervisor",
+							className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+							onClick: () => onChangeSupervisor(row.original),
+							children: /* @__PURE__ */ jsx(UserRoundCog, { className: "wwc:h-4 wwc:w-4" })
+						})
+					}),
+					/* @__PURE__ */ jsx(HoverTooltip, {
+						content: "Add subordinate",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": "Add subordinate",
+							className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground",
+							onClick: () => onAddSubordinate(row.original),
+							children: /* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" })
+						})
+					}),
+					/* @__PURE__ */ jsx(HoverTooltip, {
+						content: "Delete",
+						children: /* @__PURE__ */ jsx(Button, {
+							variant: "ghost",
+							icon: true,
+							"aria-label": "Delete",
+							className: "wwc:h-7 wwc:w-7 wwc:text-muted-foreground wwc:hover:text-destructive",
+							onClick: () => onDelete(row.original),
+							children: /* @__PURE__ */ jsx(Trash2, { className: "wwc:h-4 wwc:w-4" })
+						})
+					})
+				]
+			})
+		}
+	];
+}
+/** The OBS tab — a nested, collapsible org tree table with per-row supervisor/subordinate/delete actions. */
+function ObsView() {
+	const [tree, setTree] = useState(OBS_TREE);
+	const [filters, setFilters] = useState({});
+	const [addRoot, setAddRoot] = useState(false);
+	const [addSubFor, setAddSubFor] = useState(null);
+	const [moveNode, setMoveNode] = useState(null);
+	const [pendingDelete, setPendingDelete] = useState(null);
+	const [ownToaster, setOwnToaster] = useState(false);
+	useEffect(() => {
+		const has = document.querySelector("[data-sonner-toaster], section[aria-live][aria-label*=\"Notification\"]");
+		setOwnToaster(!has);
+	}, []);
+	const columns = useMemo(() => makeObsColumns((node) => setMoveNode(node), (node) => setAddSubFor(node), (node) => setPendingDelete(node)), []);
+	const all = useMemo(() => flatten(tree), [tree]);
+	const companies = useMemo(() => Array.from(new Set(all.map((n) => n.company))).sort(), [all]);
+	const trades = useMemo(() => Array.from(new Set(all.map((n) => n.trade))).sort(), [all]);
+	const data = useMemo(() => {
+		const active = Object.entries(filters).map(([key, sel]) => [key, sel ?? []]).filter(([, sel]) => sel.length > 0);
+		if (active.length === 0) return tree;
+		return pruneTree(tree, (node) => active.every(([key, sel]) => sel.includes(String(node[key]))));
+	}, [tree, filters]);
+	const [seq, setSeq] = useState(0);
+	const nextId = () => {
+		const id = `o-new-${seq}`;
+		setSeq((s) => s + 1);
+		return id;
+	};
+	const makeNode = (draft) => ({
+		id: nextId(),
+		name: draft.name.trim(),
+		code: draft.code.trim(),
+		company: draft.company.trim(),
+		title: draft.title.trim() || null,
+		department: draft.department.trim() || null,
+		trade: draft.trade.trim() || "—",
+		children: []
+	});
+	const moveCandidates = useMemo(() => {
+		if (!moveNode) return [];
+		const banned = collectIds(moveNode);
+		return all.filter((n) => !banned.has(n.id)).map((n) => ({
+			id: n.id,
+			name: n.name
+		}));
+	}, [moveNode, all]);
+	const addSubCandidates = useMemo(() => {
+		if (!addSubFor) return [];
+		const banned = collectIds(addSubFor);
+		return all.filter((n) => !banned.has(n.id)).map((n) => ({
+			id: n.id,
+			name: n.name
+		}));
+	}, [addSubFor, all]);
+	return /* @__PURE__ */ jsxs("div", {
+		className: "wwc:flex wwc:min-h-0 wwc:flex-1 wwc:flex-col wwc:overflow-auto wwc:px-6 wwc:pb-6 wwc:pt-2",
+		children: [
+			/* @__PURE__ */ jsx(Filter$1, {
+				value: filters,
+				onChange: setFilters,
+				children: /* @__PURE__ */ jsx(DataTable, {
+					columns,
+					data,
+					searchKey: "name",
+					searchPlaceholder: "Search OBS…",
+					showColumnToggle: true,
+					showPagination: false,
+					recordLabel: "person",
+					getSubRows: (row) => row.children.length > 0 ? row.children : void 0,
+					getRowCanExpand: (row) => row.original.children.length > 0,
+					expandAllByDefault: true,
+					toolbarExtra: /* @__PURE__ */ jsxs(Fragment$1, { children: [
+						/* @__PURE__ */ jsx(FilterTrigger, {}),
+						/* @__PURE__ */ jsxs(FilterContent, { children: [/* @__PURE__ */ jsx(FilterCategory, {
+							value: "company",
+							label: "Company",
+							children: companies.map((company) => /* @__PURE__ */ jsx(FilterOption, {
+								value: company,
+								children: company
+							}, company))
+						}), /* @__PURE__ */ jsx(FilterCategory, {
+							value: "trade",
+							label: "Trade",
+							children: trades.map((trade) => /* @__PURE__ */ jsx(FilterOption, {
+								value: trade,
+								children: trade
+							}, trade))
+						})] }),
+						/* @__PURE__ */ jsxs(Button, {
+							onClick: () => setAddRoot(true),
+							children: [/* @__PURE__ */ jsx(Plus, { className: "wwc:h-4 wwc:w-4" }), "Add OBS"]
+						})
+					] })
+				})
+			}),
+			/* @__PURE__ */ jsx(ObsFormModal, {
+				open: addRoot,
+				onOpenChange: setAddRoot,
+				title: "Add OBS",
+				onSubmit: (draft) => {
+					const node = makeNode(draft);
+					setTree((prev) => [...prev, node]);
+					toast.success(`${node.name} added to the OBS`);
+				}
+			}),
+			/* @__PURE__ */ jsx(AddSubordinatesModal, {
+				open: addSubFor !== null,
+				onOpenChange: (o) => !o && setAddSubFor(null),
+				node: addSubFor,
+				candidates: addSubCandidates,
+				onConfirm: (ids) => {
+					if (!addSubFor) return;
+					const parent = addSubFor;
+					setTree((prev) => {
+						let next = prev;
+						for (const id of ids) {
+							const moving = findNode(next, id);
+							if (moving) next = addChild(removeNode(next, id), parent.id, moving);
+						}
+						return next;
+					});
+					toast.success(ids.length > 1 ? `${ids.length} people now report to ${parent.name}` : `Now reports to ${parent.name}`);
+				}
+			}),
+			/* @__PURE__ */ jsx(ChangeSupervisorModal, {
+				open: moveNode !== null,
+				onOpenChange: (o) => !o && setMoveNode(null),
+				node: moveNode,
+				candidates: moveCandidates,
+				onConfirm: (newParentId) => {
+					if (!moveNode) return;
+					const moving = findNode(tree, moveNode.id);
+					const parent = findNode(tree, newParentId);
+					if (!moving || !parent) return;
+					setTree((prev) => addChild(removeNode(prev, moving.id), newParentId, moving));
+					toast.success(`${moving.name} now reports to ${parent.name}`);
+				}
+			}),
+			/* @__PURE__ */ jsx(ConfirmDialog, {
+				open: pendingDelete !== null,
+				onOpenChange: (o) => !o && setPendingDelete(null),
+				destructive: true,
+				title: "Delete from OBS?",
+				description: pendingDelete ? descendantCount(pendingDelete) > 0 ? /* @__PURE__ */ jsxs(Fragment$1, { children: [
+					/* @__PURE__ */ jsx("span", {
+						className: "wwc:font-medium wwc:text-foreground",
+						children: pendingDelete.name
+					}),
+					" and their",
+					" ",
+					descendantCount(pendingDelete),
+					" subordinate",
+					descendantCount(pendingDelete) === 1 ? "" : "s",
+					" will be removed from the OBS. This can't be undone."
+				] }) : /* @__PURE__ */ jsxs(Fragment$1, { children: [/* @__PURE__ */ jsx("span", {
+					className: "wwc:font-medium wwc:text-foreground",
+					children: pendingDelete.name
+				}), " will be removed from the OBS. This can't be undone."] }) : null,
+				confirmLabel: "Delete",
+				onConfirm: () => {
+					if (!pendingDelete) return;
+					setTree((prev) => removeNode(prev, pendingDelete.id));
+					toast.success(`${pendingDelete.name} removed from the OBS`);
+					setPendingDelete(null);
+				}
+			}),
+			ownToaster ? /* @__PURE__ */ jsx(Toaster, { position: "top-right" }) : null
+		]
+	});
+}
+//#endregion
+export { ObsView };
+
+//# sourceMappingURL=workforce-obs.mjs.map