@burdenoff/microfe-crewfoundry 2026.703.2 → 2026.704.1

package/dist/crewfoundry/pages/HrEmployeesPagePage.js

@@ -3,11 +3,12 @@ import { FormModal as t, useFormModal as n } from "../components/forms/FormModal
 import { ConfirmDialog as r } from "../components/forms/ConfirmDialog.js";
 import { getNumber as i, getText as a, newClientId as o } from "../components/forms/formValues.js";
 import { useState as s } from "react";
-import { MapPin as c, Pencil as l, Plus as u, Search as d, Star as f, Trash2 as p, UserCheck as m, Users as h } from "lucide-react";
-import { jsx as g, jsxs as _ } from "react/jsx-runtime";
-import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, Input as D, PagePurpose as O } from "@burdenoff/fe-libs/ui";
+import { MapPin as c, Pencil as l, Plus as u, Search as d, Star as f, Trash2 as ee, UserCheck as p, Users as m } from "lucide-react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as te, Input as ne, PagePurpose as E, Pagination as D, ResponsiveTable as O, Select as k, SelectContent as A, SelectItem as j, SelectTrigger as M, SelectValue as N } from "@burdenoff/fe-libs/ui";
+import { usePagination as P } from "@burdenoff/fe-libs/shared/hooks";
 //#region src/crewfoundry/pages/HrEmployeesPagePage.tsx
-var k = [
+var F = [
 	{
 		name: "firstName",
 		label: "First name",
@@ -116,7 +117,7 @@ var k = [
 		label: "Performance score (0-5)",
 		type: "number"
 	}
-], A = (e) => ({
+], I = (e) => ({
 	firstName: e.firstName,
 	lastName: e.lastName,
 	email: e.email,
@@ -130,11 +131,15 @@ var k = [
 	startDate: e.startDate.slice(0, 10),
 	performanceScore: e.performanceScore
 });
-function j() {
-	let { employees: j, addEmployee: M, updateEmployee: N, removeEmployee: P } = e(), [F, I] = s(""), [L, R] = s("all"), z = n(), [B, V] = s(null), H = [...new Set(j.map((e) => e.department))], U = j.filter((e) => {
-		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(F.toLowerCase()), n = L === "all" || e.department === L;
+function L() {
+	let { employees: L, addEmployee: R, updateEmployee: z, removeEmployee: B } = e(), [V, re] = s(""), [H, U] = s("all"), W = n(), [G, K] = s(null), { page: q, pageSize: J, offset: Y, setPage: X } = P({ initialPageSize: 25 }), Z = [...new Set(L.map((e) => e.department))], Q = L.filter((e) => {
+		let t = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`.toLowerCase().includes(V.toLowerCase()), n = H === "all" || e.department === H;
 		return t && n;
-	}), W = j.filter((e) => e.status === "active").length, G = j.filter((e) => e.status === "on_leave").length, K = j.length > 0 ? (j.reduce((e, t) => e + t.performanceScore, 0) / j.length).toFixed(1) : "0.0", q = z.context;
+	}), ie = Q.slice(Y, Y + J), ae = (e) => {
+		re(e), X(1);
+	}, oe = (e) => {
+		U(e), X(1);
+	}, se = L.filter((e) => e.status === "active").length, ce = L.filter((e) => e.status === "on_leave").length, le = L.length > 0 ? (L.reduce((e, t) => e + t.performanceScore, 0) / L.length).toFixed(1) : "0.0", $ = W.context;
 	return /* @__PURE__ */ _("div", {
 		className: "space-y-6 p-6",
 		children: [
@@ -148,19 +153,19 @@ function j() {
 					/* @__PURE__ */ _("p", {
 						className: "text-sm text-text-secondary",
 						children: [
-							j.length,
+							L.length,
 							" employees across ",
-							H.length,
+							Z.length,
 							" departments"
 						]
 					}),
-					/* @__PURE__ */ g(O, {
+					/* @__PURE__ */ g(E, {
 						className: "mt-1",
 						children: "Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status."
 					})
 				] }), /* @__PURE__ */ _(y, {
 					size: "sm",
-					onClick: () => z.openModal(),
+					onClick: () => W.openModal(),
 					children: [/* @__PURE__ */ g(u, { className: "h-4 w-4 mr-1" }), "Add Employee"]
 				})]
 			}),
@@ -176,10 +181,10 @@ function j() {
 							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Total"
-							}), /* @__PURE__ */ g(h, { className: "h-4 w-4 text-text-secondary" })]
+							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-text-secondary" })]
 						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: j.length
+							children: L.length
 						}) })]
 					}),
 					/* @__PURE__ */ _(w, {
@@ -190,10 +195,10 @@ function j() {
 							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "Active"
-							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-success-text" })]
+							}), /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-success-text" })]
 						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: W
+							children: se
 						}) })]
 					}),
 					/* @__PURE__ */ _(w, {
@@ -204,10 +209,10 @@ function j() {
 							children: [/* @__PURE__ */ g(C, {
 								className: "text-sm font-medium",
 								children: "On Leave"
-							}), /* @__PURE__ */ g(h, { className: "h-4 w-4 text-status-warning-text" })]
+							}), /* @__PURE__ */ g(m, { className: "h-4 w-4 text-status-warning-text" })]
 						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: G
+							children: ce
 						}) })]
 					}),
 					/* @__PURE__ */ _(w, {
@@ -221,68 +226,48 @@ function j() {
 							}), /* @__PURE__ */ g(f, { className: "h-4 w-4 text-status-warning-text" })]
 						}), /* @__PURE__ */ g(x, { children: /* @__PURE__ */ g("div", {
 							className: "text-2xl font-bold tabular-nums",
-							children: K
+							children: le
 						}) })]
 					})
 				]
 			}),
 			/* @__PURE__ */ _("div", {
-				className: "flex gap-3",
+				className: "flex flex-col gap-3 sm:flex-row",
 				children: [/* @__PURE__ */ _("div", {
-					className: "relative flex-1 max-w-sm",
-					children: [/* @__PURE__ */ g(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g(D, {
+					className: "relative flex-1 sm:max-w-sm",
+					children: [/* @__PURE__ */ g(d, { className: "absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary" }), /* @__PURE__ */ g(ne, {
 						placeholder: "Search employees...",
 						className: "pl-9",
-						value: F,
-						onChange: (e) => I(e.target.value)
+						value: V,
+						onChange: (e) => ae(e.target.value)
 					})]
-				}), /* @__PURE__ */ _("div", {
-					className: "flex gap-1",
-					children: [/* @__PURE__ */ g(y, {
-						variant: L === "all" ? "default" : "outline",
-						size: "sm",
-						onClick: () => R("all"),
-						children: "All"
-					}), H.slice(0, 5).map((e) => /* @__PURE__ */ g(y, {
-						variant: L === e ? "default" : "outline",
-						size: "sm",
-						onClick: () => R(e),
+				}), /* @__PURE__ */ _(k, {
+					value: H,
+					onValueChange: oe,
+					children: [/* @__PURE__ */ g(M, {
+						className: "w-full sm:w-56",
+						"aria-label": "Filter by department",
+						children: /* @__PURE__ */ g(N, { placeholder: "All departments" })
+					}), /* @__PURE__ */ _(A, { children: [/* @__PURE__ */ g(j, {
+						value: "all",
+						children: "All departments"
+					}), Z.map((e) => /* @__PURE__ */ g(j, {
+						value: e,
 						children: e
-					}, e))]
+					}, e))] })]
 				})]
 			}),
 			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
-				className: "p-0",
-				children: [
-					/* @__PURE__ */ _("div", {
-						className: "grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b p-4",
-						children: [
-							/* @__PURE__ */ g("span", { children: "Name" }),
-							/* @__PURE__ */ g("span", { children: "Position" }),
-							/* @__PURE__ */ g("span", { children: "Department" }),
-							/* @__PURE__ */ g("span", { children: "Location" }),
-							/* @__PURE__ */ g("span", {
-								className: "text-right",
-								children: "Salary"
-							}),
-							/* @__PURE__ */ g("span", {
-								className: "text-center",
-								children: "Rating"
-							}),
-							/* @__PURE__ */ g("span", {
-								className: "text-center",
-								children: "Status"
-							}),
-							/* @__PURE__ */ g("span", {
-								className: "text-right",
-								children: "Actions"
-							})
-						]
-					}),
-					U.map((e) => /* @__PURE__ */ _("div", {
-						className: "grid grid-cols-8 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50",
-						children: [
-							/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
+				className: "space-y-4 p-4",
+				children: [/* @__PURE__ */ g(O, {
+					data: ie,
+					rowKey: (e) => e.id,
+					columns: [
+						{
+							key: "name",
+							header: "Name",
+							priority: "primary",
+							cell: (e) => /* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("p", {
 								className: "font-medium",
 								children: [
 									e.firstName,
@@ -292,76 +277,98 @@ function j() {
 							}), /* @__PURE__ */ g("p", {
 								className: "text-xs text-text-secondary",
 								children: e.email
-							})] }),
-							/* @__PURE__ */ g("span", {
+							})] })
+						},
+						{
+							key: "position",
+							header: "Position",
+							cell: (e) => /* @__PURE__ */ g("span", {
 								className: "text-text-secondary",
 								children: e.position
-							}),
-							/* @__PURE__ */ g("span", { children: e.department }),
-							/* @__PURE__ */ _("div", {
+							})
+						},
+						{
+							key: "department",
+							header: "Department",
+							cell: (e) => /* @__PURE__ */ g("span", { children: e.department })
+						},
+						{
+							key: "location",
+							header: "Location",
+							cell: (e) => /* @__PURE__ */ _("div", {
 								className: "flex items-center gap-1 text-text-secondary",
 								children: [/* @__PURE__ */ g(c, { className: "h-3 w-3" }), /* @__PURE__ */ g("span", {
 									className: "truncate text-xs",
 									children: e.location
 								})]
-							}),
-							/* @__PURE__ */ _("span", {
-								className: "text-right",
-								children: ["$", e.salary.toLocaleString()]
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "flex items-center justify-center gap-1",
+							})
+						},
+						{
+							key: "salary",
+							header: "Salary",
+							headerClassName: "text-right",
+							cellClassName: "md:text-right",
+							cell: (e) => /* @__PURE__ */ _("span", { children: ["$", e.salary.toLocaleString()] })
+						},
+						{
+							key: "rating",
+							header: "Rating",
+							cell: (e) => /* @__PURE__ */ _("div", {
+								className: "flex items-center gap-1",
 								children: [/* @__PURE__ */ g(f, { className: "h-3 w-3 text-status-warning-text" }), /* @__PURE__ */ g("span", { children: e.performanceScore })]
-							}),
-							/* @__PURE__ */ g("div", {
-								className: "text-center",
-								children: /* @__PURE__ */ g(v, {
-									variant: e.status === "active" ? "default" : e.status === "on_leave" ? "secondary" : "destructive",
-									className: "text-[10px]",
-									children: e.status.replace("_", " ")
-								})
-							}),
-							/* @__PURE__ */ _("div", {
-								className: "flex items-center justify-end gap-1",
-								children: [/* @__PURE__ */ g(y, {
-									variant: "ghost",
-									size: "sm",
-									className: "h-8 w-8 p-0",
-									"aria-label": `Edit ${e.firstName} ${e.lastName}`,
-									onClick: () => z.openModal(e),
-									children: /* @__PURE__ */ g(l, { className: "h-4 w-4" })
-								}), /* @__PURE__ */ g(y, {
-									variant: "ghost",
-									size: "sm",
-									className: "h-8 w-8 p-0",
-									"aria-label": `Delete ${e.firstName} ${e.lastName}`,
-									onClick: () => V(e),
-									children: /* @__PURE__ */ g(p, { className: "h-4 w-4 text-status-error-text" })
-								})]
 							})
-						]
-					}, e.id)),
-					U.length === 0 && /* @__PURE__ */ g("div", {
+						},
+						{
+							key: "status",
+							header: "Status",
+							cell: (e) => /* @__PURE__ */ g(v, {
+								variant: e.status === "active" ? "default" : e.status === "on_leave" ? "secondary" : "destructive",
+								className: "text-[10px]",
+								children: e.status.replace("_", " ")
+							})
+						}
+					],
+					rowActions: (e) => /* @__PURE__ */ _(h, { children: [/* @__PURE__ */ g(y, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						"aria-label": `Edit ${e.firstName} ${e.lastName}`,
+						onClick: () => W.openModal(e),
+						children: /* @__PURE__ */ g(l, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ g(y, {
+						variant: "ghost",
+						size: "sm",
+						className: "h-8 w-8 p-0",
+						"aria-label": `Delete ${e.firstName} ${e.lastName}`,
+						onClick: () => K(e),
+						children: /* @__PURE__ */ g(ee, { className: "h-4 w-4 text-status-error-text" })
+					})] }),
+					emptyState: /* @__PURE__ */ g("div", {
 						className: "p-6",
-						children: /* @__PURE__ */ g(E, {
+						children: /* @__PURE__ */ g(te, {
 							illustration: "empty-people",
 							title: "No employees match",
 							description: "Try a different search term or department filter."
 						})
 					})
-				]
+				}), Q.length > J && /* @__PURE__ */ g(D, {
+					page: q,
+					pageSize: J,
+					totalItems: Q.length,
+					onPageChange: X
+				})]
 			}) }),
 			/* @__PURE__ */ g(t, {
-				open: z.open,
-				onOpenChange: z.onOpenChange,
-				title: q ? "Edit employee" : "Add employee",
-				description: q ? "Update this team member’s profile details." : "Add a new team member to your directory.",
-				fields: k,
-				initialValues: q ? A(q) : void 0,
-				submitLabel: q ? "Save changes" : "Add employee",
+				open: W.open,
+				onOpenChange: W.onOpenChange,
+				title: $ ? "Edit employee" : "Add employee",
+				description: $ ? "Update this team member’s profile details." : "Add a new team member to your directory.",
+				fields: F,
+				initialValues: $ ? I($) : void 0,
+				submitLabel: $ ? "Save changes" : "Add employee",
 				onSubmit: async (e) => {
 					let t = {
-						id: q?.id ?? o(),
+						id: $?.id ?? o(),
 						firstName: a(e, "firstName"),
 						lastName: a(e, "lastName"),
 						email: a(e, "email"),
@@ -374,29 +381,29 @@ function j() {
 						location: a(e, "location"),
 						phone: a(e, "phone"),
 						performanceScore: i(e, "performanceScore"),
-						managerId: q?.managerId,
-						avatar: q?.avatar
+						managerId: $?.managerId,
+						avatar: $?.avatar
 					};
-					q ? await N(q.id, t) : await M(t);
+					$ ? await z($.id, t) : await R(t);
 				}
 			}),
 			/* @__PURE__ */ g(r, {
-				open: B !== null,
+				open: G !== null,
 				onOpenChange: (e) => {
-					e || V(null);
+					e || K(null);
 				},
 				title: "Delete employee?",
-				description: B ? `${B.firstName} ${B.lastName} will be removed from the directory. This cannot be undone.` : void 0,
+				description: G ? `${G.firstName} ${G.lastName} will be removed from the directory. This cannot be undone.` : void 0,
 				confirmLabel: "Delete",
 				destructive: !0,
 				onConfirm: async () => {
-					B && (await P(B.id), V(null));
+					G && (await B(G.id), K(null));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { j as HrEmployeesPagePage };
+export { L as HrEmployeesPagePage };
 
 //# sourceMappingURL=HrEmployeesPagePage.js.map

package/dist/crewfoundry/pages/HrEmployeesPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  MapPin,\n  Pencil,\n  Plus,\n  Search,\n  Star,\n  Trash2,\n  UserCheck,\n  Users,\n} from 'lucide-react';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst EMPLOYEE_FIELDS: FieldConfig[] = [\n  { name: 'firstName', label: 'First name', type: 'text', required: true },\n  { name: 'lastName', label: 'Last name', type: 'text', required: true },\n  { name: 'email', label: 'Email', type: 'email', required: true, colSpan: 2 },\n  { name: 'position', label: 'Position', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  { name: 'phone', label: 'Phone', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n      { label: 'Intern', value: 'intern' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Inactive', value: 'inactive' },\n      { label: 'On leave', value: 'on_leave' },\n      { label: 'Terminated', value: 'terminated' },\n    ],\n  },\n  { name: 'salary', label: 'Annual salary', type: 'number', required: true },\n  { name: 'startDate', label: 'Start date', type: 'date', required: true },\n  { name: 'performanceScore', label: 'Performance score (0-5)', type: 'number' },\n];\n\nconst toFormValues = (employee: Employee): FormValues => ({\n  firstName: employee.firstName,\n  lastName: employee.lastName,\n  email: employee.email,\n  position: employee.position,\n  department: employee.department,\n  location: employee.location,\n  phone: employee.phone,\n  type: employee.type,\n  status: employee.status,\n  salary: employee.salary,\n  startDate: employee.startDate.slice(0, 10),\n  performanceScore: employee.performanceScore,\n});\n\nexport function HrEmployeesPagePage() {\n  const { employees, addEmployee, updateEmployee, removeEmployee } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n  const form = useFormModal<Employee>();\n  const [deleting, setDeleting] = useState<Employee | null>(null);\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n  const avgRating =\n    employees.length > 0\n      ? (employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(1)\n      : '0.0';\n\n  const editing = form.context;\n\n  const handleSubmit = async (values: FormValues) => {\n    const payload: Employee = {\n      id: editing?.id ?? newClientId(),\n      firstName: getText(values, 'firstName'),\n      lastName: getText(values, 'lastName'),\n      email: getText(values, 'email'),\n      department: getText(values, 'department'),\n      position: getText(values, 'position'),\n      status: getText(values, 'status') as Employee['status'],\n      type: getText(values, 'type') as Employee['type'],\n      salary: getNumber(values, 'salary'),\n      startDate: getText(values, 'startDate'),\n      location: getText(values, 'location'),\n      phone: getText(values, 'phone'),\n      performanceScore: getNumber(values, 'performanceScore'),\n      managerId: editing?.managerId,\n      avatar: editing?.avatar,\n    };\n    if (editing) {\n      await updateEmployee(editing.id, payload);\n    } else {\n      await addEmployee(payload);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Employee Directory</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n          <PagePurpose className=\"mt-1\">Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex gap-3\">\n        <div className=\"relative flex-1 max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => setSearch(e.target.value)}\n          />\n        </div>\n        <div className=\"flex gap-1\">\n          <Button\n            variant={filterDept === 'all' ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setFilterDept('all')}\n          >\n            All\n          </Button>\n          {departments.slice(0, 5).map((dept) => (\n            <Button\n              key={dept}\n              variant={filterDept === dept ? 'default' : 'outline'}\n              size=\"sm\"\n              onClick={() => setFilterDept(dept)}\n            >\n              {dept}\n            </Button>\n          ))}\n        </div>\n      </div>\n\n      <Card>\n        <CardContent className=\"p-0\">\n          <div className=\"grid grid-cols-8 gap-2 text-xs font-medium text-text-secondary border-b p-4\">\n            <span>Name</span>\n            <span>Position</span>\n            <span>Department</span>\n            <span>Location</span>\n            <span className=\"text-right\">Salary</span>\n            <span className=\"text-center\">Rating</span>\n            <span className=\"text-center\">Status</span>\n            <span className=\"text-right\">Actions</span>\n          </div>\n          {filtered.map((emp) => (\n            <div\n              key={emp.id}\n              className=\"grid grid-cols-8 gap-2 py-3 px-4 border-b last:border-0 text-sm hover:bg-bg-sunken/50\"\n            >\n              <div>\n                <p className=\"font-medium\">\n                  {emp.firstName} {emp.lastName}\n                </p>\n                <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n              </div>\n              <span className=\"text-text-secondary\">{emp.position}</span>\n              <span>{emp.department}</span>\n              <div className=\"flex items-center gap-1 text-text-secondary\">\n                <MapPin className=\"h-3 w-3\" />\n                <span className=\"truncate text-xs\">{emp.location}</span>\n              </div>\n              <span className=\"text-right\">${emp.salary.toLocaleString()}</span>\n              <div className=\"flex items-center justify-center gap-1\">\n                <Star className=\"h-3 w-3 text-status-warning-text\" />\n                <span>{emp.performanceScore}</span>\n              </div>\n              <div className=\"text-center\">\n                <Badge\n                  variant={\n                    emp.status === 'active'\n                      ? 'default'\n                      : emp.status === 'on_leave'\n                        ? 'secondary'\n                        : 'destructive'\n                  }\n                  className=\"text-[10px]\"\n                >\n                  {emp.status.replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex items-center justify-end gap-1\">\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Edit ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => form.openModal(emp)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Delete ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => setDeleting(emp)}\n                >\n                  <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                </Button>\n              </div>\n            </div>\n          ))}\n          {filtered.length === 0 && (\n            <div className=\"p-6\">\n              <IllustratedEmptyState\n                illustration=\"empty-people\"\n                title=\"No employees match\"\n                description=\"Try a different search term or department filter.\"\n              />\n            </div>\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title={editing ? 'Edit employee' : 'Add employee'}\n        description={\n          editing\n            ? 'Update this team member’s profile details.'\n            : 'Add a new team member to your directory.'\n        }\n        fields={EMPLOYEE_FIELDS}\n        initialValues={editing ? toFormValues(editing) : undefined}\n        submitLabel={editing ? 'Save changes' : 'Add employee'}\n        onSubmit={handleSubmit}\n      />\n\n      <ConfirmDialog\n        open={deleting !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleting(null);\n          }\n        }}\n        title=\"Delete employee?\"\n        description={\n          deleting\n            ? `${deleting.firstName} ${deleting.lastName} will be removed from the directory. This cannot be undone.`\n            : undefined\n        }\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={async () => {\n          if (deleting) {\n            await removeEmployee(deleting.id);\n            setDeleting(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HrEmployeesPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrEmployeesPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport {\n  MapPin,\n  Pencil,\n  Plus,\n  Search,\n  Star,\n  Trash2,\n  UserCheck,\n  Users,\n} from 'lucide-react';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { FormModal, useFormModal, type FieldConfig, type FormValues } from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\n\nconst EMPLOYEE_FIELDS: FieldConfig[] = [\n  { name: 'firstName', label: 'First name', type: 'text', required: true },\n  { name: 'lastName', label: 'Last name', type: 'text', required: true },\n  { name: 'email', label: 'Email', type: 'email', required: true, colSpan: 2 },\n  { name: 'position', label: 'Position', type: 'text', required: true },\n  { name: 'department', label: 'Department', type: 'text', required: true },\n  { name: 'location', label: 'Location', type: 'text', required: true },\n  { name: 'phone', label: 'Phone', type: 'text', required: true },\n  {\n    name: 'type',\n    label: 'Employment type',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Full time', value: 'full_time' },\n      { label: 'Part time', value: 'part_time' },\n      { label: 'Contract', value: 'contract' },\n      { label: 'Intern', value: 'intern' },\n    ],\n  },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    required: true,\n    options: [\n      { label: 'Active', value: 'active' },\n      { label: 'Inactive', value: 'inactive' },\n      { label: 'On leave', value: 'on_leave' },\n      { label: 'Terminated', value: 'terminated' },\n    ],\n  },\n  { name: 'salary', label: 'Annual salary', type: 'number', required: true },\n  { name: 'startDate', label: 'Start date', type: 'date', required: true },\n  { name: 'performanceScore', label: 'Performance score (0-5)', type: 'number' },\n];\n\nconst toFormValues = (employee: Employee): FormValues => ({\n  firstName: employee.firstName,\n  lastName: employee.lastName,\n  email: employee.email,\n  position: employee.position,\n  department: employee.department,\n  location: employee.location,\n  phone: employee.phone,\n  type: employee.type,\n  status: employee.status,\n  salary: employee.salary,\n  startDate: employee.startDate.slice(0, 10),\n  performanceScore: employee.performanceScore,\n});\n\nexport function HrEmployeesPagePage() {\n  const { employees, addEmployee, updateEmployee, removeEmployee } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const [filterDept, setFilterDept] = useState<string>('all');\n  const form = useFormModal<Employee>();\n  const [deleting, setDeleting] = useState<Employee | null>(null);\n  const { page, pageSize, offset, setPage } = usePagination({ initialPageSize: 25 });\n\n  const departments = [...new Set(employees.map((e) => e.department))];\n  const filtered = employees.filter((e) => {\n    const matchSearch = `${e.firstName} ${e.lastName} ${e.email} ${e.position}`\n      .toLowerCase()\n      .includes(search.toLowerCase());\n    const matchDept = filterDept === 'all' || e.department === filterDept;\n    return matchSearch && matchDept;\n  });\n  const pageItems = filtered.slice(offset, offset + pageSize);\n\n  const handleSearchChange = (value: string) => {\n    setSearch(value);\n    setPage(1);\n  };\n  const handleDeptChange = (value: string) => {\n    setFilterDept(value);\n    setPage(1);\n  };\n\n  const activeCount = employees.filter((e) => e.status === 'active').length;\n  const onLeaveCount = employees.filter((e) => e.status === 'on_leave').length;\n  const avgRating =\n    employees.length > 0\n      ? (employees.reduce((s, e) => s + e.performanceScore, 0) / employees.length).toFixed(1)\n      : '0.0';\n\n  const editing = form.context;\n\n  const handleSubmit = async (values: FormValues) => {\n    const payload: Employee = {\n      id: editing?.id ?? newClientId(),\n      firstName: getText(values, 'firstName'),\n      lastName: getText(values, 'lastName'),\n      email: getText(values, 'email'),\n      department: getText(values, 'department'),\n      position: getText(values, 'position'),\n      status: getText(values, 'status') as Employee['status'],\n      type: getText(values, 'type') as Employee['type'],\n      salary: getNumber(values, 'salary'),\n      startDate: getText(values, 'startDate'),\n      location: getText(values, 'location'),\n      phone: getText(values, 'phone'),\n      performanceScore: getNumber(values, 'performanceScore'),\n      managerId: editing?.managerId,\n      avatar: editing?.avatar,\n    };\n    if (editing) {\n      await updateEmployee(editing.id, payload);\n    } else {\n      await addEmployee(payload);\n    }\n  };\n\n  const columns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\n        <div>\n          <p className=\"font-medium\">\n            {emp.firstName} {emp.lastName}\n          </p>\n          <p className=\"text-xs text-text-secondary\">{emp.email}</p>\n        </div>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      cell: (emp) => <span>{emp.department}</span>,\n    },\n    {\n      key: 'location',\n      header: 'Location',\n      cell: (emp) => (\n        <div className=\"flex items-center gap-1 text-text-secondary\">\n          <MapPin className=\"h-3 w-3\" />\n          <span className=\"truncate text-xs\">{emp.location}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'salary',\n      header: 'Salary',\n      headerClassName: 'text-right',\n      cellClassName: 'md:text-right',\n      cell: (emp) => <span>${emp.salary.toLocaleString()}</span>,\n    },\n    {\n      key: 'rating',\n      header: 'Rating',\n      cell: (emp) => (\n        <div className=\"flex items-center gap-1\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          <span>{emp.performanceScore}</span>\n        </div>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      cell: (emp) => (\n        <Badge\n          variant={\n            emp.status === 'active'\n              ? 'default'\n              : emp.status === 'on_leave'\n                ? 'secondary'\n                : 'destructive'\n          }\n          className=\"text-[10px]\"\n        >\n          {emp.status.replace('_', ' ')}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Employee Directory</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {employees.length} employees across {departments.length} departments\n          </p>\n          <PagePurpose className=\"mt-1\">Your complete employee directory — search, filter, and review everyone on the team along with their role, department, and status.</PagePurpose>\n        </div>\n        <Button size=\"sm\" onClick={() => form.openModal()}>\n          <Plus className=\"h-4 w-4 mr-1\" />\n          Add Employee\n        </Button>\n      </div>\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Total</CardTitle>\n            <Users className=\"h-4 w-4 text-text-secondary\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{employees.length}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Active</CardTitle>\n            <UserCheck className=\"h-4 w-4 text-status-success-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{activeCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">On Leave</CardTitle>\n            <Users className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{onLeaveCount}</div>\n          </CardContent>\n        </GlassCard>\n        <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n          <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n            <CardTitle className=\"text-sm font-medium\">Avg Rating</CardTitle>\n            <Star className=\"h-4 w-4 text-status-warning-text\" />\n          </CardHeader>\n          <CardContent>\n            <div className=\"text-2xl font-bold tabular-nums\">{avgRating}</div>\n          </CardContent>\n        </GlassCard>\n      </div>\n\n      <div className=\"flex flex-col gap-3 sm:flex-row\">\n        <div className=\"relative flex-1 sm:max-w-sm\">\n          <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n          <Input\n            placeholder=\"Search employees...\"\n            className=\"pl-9\"\n            value={search}\n            onChange={(e) => handleSearchChange(e.target.value)}\n          />\n        </div>\n        <Select value={filterDept} onValueChange={handleDeptChange}>\n          <SelectTrigger className=\"w-full sm:w-56\" aria-label=\"Filter by department\">\n            <SelectValue placeholder=\"All departments\" />\n          </SelectTrigger>\n          <SelectContent>\n            <SelectItem value=\"all\">All departments</SelectItem>\n            {departments.map((dept) => (\n              <SelectItem key={dept} value={dept}>\n                {dept}\n              </SelectItem>\n            ))}\n          </SelectContent>\n        </Select>\n      </div>\n\n      <Card>\n        <CardContent className=\"space-y-4 p-4\">\n          <ResponsiveTable<Employee>\n            data={pageItems}\n            rowKey={(emp) => emp.id}\n            columns={columns}\n            rowActions={(emp) => (\n              <>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Edit ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => form.openModal(emp)}\n                >\n                  <Pencil className=\"h-4 w-4\" />\n                </Button>\n                <Button\n                  variant=\"ghost\"\n                  size=\"sm\"\n                  className=\"h-8 w-8 p-0\"\n                  aria-label={`Delete ${emp.firstName} ${emp.lastName}`}\n                  onClick={() => setDeleting(emp)}\n                >\n                  <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n                </Button>\n              </>\n            )}\n            emptyState={\n              <div className=\"p-6\">\n                <IllustratedEmptyState\n                  illustration=\"empty-people\"\n                  title=\"No employees match\"\n                  description=\"Try a different search term or department filter.\"\n                />\n              </div>\n            }\n          />\n          {filtered.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={filtered.length}\n              onPageChange={setPage}\n            />\n          )}\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={form.open}\n        onOpenChange={form.onOpenChange}\n        title={editing ? 'Edit employee' : 'Add employee'}\n        description={\n          editing\n            ? 'Update this team member’s profile details.'\n            : 'Add a new team member to your directory.'\n        }\n        fields={EMPLOYEE_FIELDS}\n        initialValues={editing ? toFormValues(editing) : undefined}\n        submitLabel={editing ? 'Save changes' : 'Add employee'}\n        onSubmit={handleSubmit}\n      />\n\n      <ConfirmDialog\n        open={deleting !== null}\n        onOpenChange={(open) => {\n          if (!open) {\n            setDeleting(null);\n          }\n        }}\n        title=\"Delete employee?\"\n        description={\n          deleting\n            ? `${deleting.firstName} ${deleting.lastName} will be removed from the directory. This cannot be undone.`\n            : undefined\n        }\n        confirmLabel=\"Delete\"\n        destructive\n        onConfirm={async () => {\n          if (deleting) {\n            await removeEmployee(deleting.id);\n            setDeleting(null);\n          }\n        }}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAsCA,IAAM,IAAiC;CACrC;EAAE,MAAM;EAAa,OAAO;EAAc,MAAM;EAAQ,UAAU;EAAM;CACxE;EAAE,MAAM;EAAY,OAAO;EAAa,MAAM;EAAQ,UAAU;EAAM;CACtE;EAAE,MAAM;EAAS,OAAO;EAAS,MAAM;EAAS,UAAU;EAAM,SAAS;EAAG;CAC5E;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAQ,UAAU;EAAM;CACrE;EAAE,MAAM;EAAc,OAAO;EAAc,MAAM;EAAQ,UAAU;EAAM;CACzE;EAAE,MAAM;EAAY,OAAO;EAAY,MAAM;EAAQ,UAAU;EAAM;CACrE;EAAE,MAAM;EAAS,OAAO;EAAS,MAAM;EAAQ,UAAU;EAAM;CAC/D;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,UAAU;EACV,SAAS;GACP;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAU,OAAO;IAAU;GACrC;EACF;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,UAAU;EACV,SAAS;GACP;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAc,OAAO;IAAc;GAC7C;EACF;CACD;EAAE,MAAM;EAAU,OAAO;EAAiB,MAAM;EAAU,UAAU;EAAM;CAC1E;EAAE,MAAM;EAAa,OAAO;EAAc,MAAM;EAAQ,UAAU;EAAM;CACxE;EAAE,MAAM;EAAoB,OAAO;EAA2B,MAAM;EAAU;CAC/E,EAEK,KAAgB,OAAoC;CACxD,WAAW,EAAS;CACpB,UAAU,EAAS;CACnB,OAAO,EAAS;CAChB,UAAU,EAAS;CACnB,YAAY,EAAS;CACrB,UAAU,EAAS;CACnB,OAAO,EAAS;CAChB,MAAM,EAAS;CACf,QAAQ,EAAS;CACjB,QAAQ,EAAS;CACjB,WAAW,EAAS,UAAU,MAAM,GAAG,GAAG;CAC1C,kBAAkB,EAAS;CAC5B;AAED,SAAgB,IAAsB;CACpC,IAAM,EAAE,cAAW,gBAAa,mBAAgB,sBAAmB,GAAqB,EAClF,CAAC,GAAQ,MAAa,EAAS,GAAG,EAClC,CAAC,GAAY,KAAiB,EAAiB,MAAM,EACrD,IAAO,GAAwB,EAC/B,CAAC,GAAU,KAAe,EAA0B,KAAK,EACzD,EAAE,SAAM,aAAU,WAAQ,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EAE5E,IAAc,CAAC,GAAG,IAAI,IAAI,EAAU,KAAK,MAAM,EAAE,WAAW,CAAC,CAAC,EAC9D,IAAW,EAAU,QAAQ,MAAM;EACvC,IAAM,IAAc,GAAG,EAAE,UAAU,GAAG,EAAE,SAAS,GAAG,EAAE,MAAM,GAAG,EAAE,WAC9D,aAAa,CACb,SAAS,EAAO,aAAa,CAAC,EAC3B,IAAY,MAAe,SAAS,EAAE,eAAe;AAC3D,SAAO,KAAe;GACtB,EACI,KAAY,EAAS,MAAM,GAAQ,IAAS,EAAS,EAErD,MAAsB,MAAkB;AAE5C,EADA,GAAU,EAAM,EAChB,EAAQ,EAAE;IAEN,MAAoB,MAAkB;AAE1C,EADA,EAAc,EAAM,EACpB,EAAQ,EAAE;IAGN,KAAc,EAAU,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC7D,KAAe,EAAU,QAAQ,MAAM,EAAE,WAAW,WAAW,CAAC,QAChE,KACJ,EAAU,SAAS,KACd,EAAU,QAAQ,GAAG,MAAM,IAAI,EAAE,kBAAkB,EAAE,GAAG,EAAU,QAAQ,QAAQ,EAAE,GACrF,OAEA,IAAU,EAAK;AAkGrB,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,sBAAiC,CAAA;MAC5C,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAU;OAAO;OAAmB,EAAY;OAAO;OACtD;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAA+I,CAAA;KACzK,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAK,WAAW;eAAjD,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,eAE1B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD;MAAW,WAAU;MAAQ,MAAA;MAAK,WAAU;gBAA5C,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAiB,CAAA,EAC5D,kBAAC,GAAD,EAAO,WAAU,+BAAgC,CAAA,CACtC;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC,EAAU;OAAa,CAAA,EAC7D,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAkB,CAAA,EAC7D,kBAAC,GAAD,EAAW,WAAU,oCAAqC,CAAA,CAC/C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAkB,CAAA,EACxD,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAoB,CAAA,EAC/D,kBAAC,GAAD,EAAO,WAAU,oCAAqC,CAAA,CAC3C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAmB,CAAA,EACzD,CAAA,CACJ;;KACZ,kBAAC,GAAD;MAAW,WAAU;MAAS,WAAU;gBAAxC,CACE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,GAAD;QAAW,WAAU;kBAAsB;QAAsB,CAAA,EACjE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,CAC1C;UACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;OAAK,WAAU;iBAAmC;OAAgB,CAAA,EACtD,CAAA,CACJ;;KACR;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,wEAAyE,CAAA,EAC3F,kBAAC,IAAD;MACE,aAAY;MACZ,WAAU;MACV,OAAO;MACP,WAAW,MAAM,GAAmB,EAAE,OAAO,MAAM;MACnD,CAAA,CACE;QACN,kBAAC,GAAD;KAAQ,OAAO;KAAY,eAAe;eAA1C,CACE,kBAAC,GAAD;MAAe,WAAU;MAAiB,cAAW;gBACnD,kBAAC,GAAD,EAAa,aAAY,mBAAoB,CAAA;MAC/B,CAAA,EAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAY,OAAM;gBAAM;MAA4B,CAAA,EACnD,EAAY,KAAK,MAChB,kBAAC,GAAD;MAAuB,OAAO;gBAC3B;MACU,EAFI,EAEJ,CACb,CACY,EAAA,CAAA,CACT;OACL;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,GAAD;KACE,MAAM;KACN,SAAS,MAAQ,EAAI;KACZ,SA9JgC;MACjD;OACE,KAAK;OACL,QAAQ;OACR,UAAU;OACV,OAAO,MACL,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SACG,EAAI;SAAU;SAAE,EAAI;SACnB;WACJ,kBAAC,KAAD;QAAG,WAAU;kBAA+B,EAAI;QAAU,CAAA,CACtD,EAAA,CAAA;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO,MAAQ,kBAAC,QAAD;QAAM,WAAU;kBAAuB,EAAI;QAAgB,CAAA;OAC3E;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO,MAAQ,kBAAC,QAAD,EAAA,UAAO,EAAI,YAAkB,CAAA;OAC7C;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO,MACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC9B,kBAAC,QAAD;SAAM,WAAU;mBAAoB,EAAI;SAAgB,CAAA,CACpD;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,iBAAiB;OACjB,eAAe;OACf,OAAO,MAAQ,kBAAC,QAAD,EAAA,UAAA,CAAM,KAAE,EAAI,OAAO,gBAAgB,CAAQ,EAAA,CAAA;OAC3D;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO,MACL,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,oCAAqC,CAAA,EACrD,kBAAC,QAAD,EAAA,UAAO,EAAI,kBAAwB,CAAA,CAC/B;;OAET;MACD;OACE,KAAK;OACL,QAAQ;OACR,OAAO,MACL,kBAAC,GAAD;QACE,SACE,EAAI,WAAW,WACX,YACA,EAAI,WAAW,aACb,cACA;QAER,WAAU;kBAET,EAAI,OAAO,QAAQ,KAAK,IAAI;QACvB,CAAA;OAEX;MACF;KA0FS,aAAa,MACX,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,WAAU;MACV,cAAY,QAAQ,EAAI,UAAU,GAAG,EAAI;MACzC,eAAe,EAAK,UAAU,EAAI;gBAElC,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACvB,CAAA,EACT,kBAAC,GAAD;MACE,SAAQ;MACR,MAAK;MACL,WAAU;MACV,cAAY,UAAU,EAAI,UAAU,GAAG,EAAI;MAC3C,eAAe,EAAY,EAAI;gBAE/B,kBAAC,IAAD,EAAQ,WAAU,kCAAmC,CAAA;MAC9C,CAAA,CACR,EAAA,CAAA;KAEL,YACE,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,IAAD;OACE,cAAa;OACb,OAAM;OACN,aAAY;OACZ,CAAA;MACE,CAAA;KAER,CAAA,EACD,EAAS,SAAS,KACjB,kBAAC,GAAD;KACQ;KACI;KACV,YAAY,EAAS;KACrB,cAAc;KACd,CAAA,CAEQ;OACT,CAAA;GAEP,kBAAC,GAAD;IACE,MAAM,EAAK;IACX,cAAc,EAAK;IACnB,OAAO,IAAU,kBAAkB;IACnC,aACE,IACI,+CACA;IAEN,QAAQ;IACR,eAAe,IAAU,EAAa,EAAQ,GAAG,KAAA;IACjD,aAAa,IAAU,iBAAiB;IACxC,UA/Oe,OAAO,MAAuB;KACjD,IAAM,IAAoB;MACxB,IAAI,GAAS,MAAM,GAAa;MAChC,WAAW,EAAQ,GAAQ,YAAY;MACvC,UAAU,EAAQ,GAAQ,WAAW;MACrC,OAAO,EAAQ,GAAQ,QAAQ;MAC/B,YAAY,EAAQ,GAAQ,aAAa;MACzC,UAAU,EAAQ,GAAQ,WAAW;MACrC,QAAQ,EAAQ,GAAQ,SAAS;MACjC,MAAM,EAAQ,GAAQ,OAAO;MAC7B,QAAQ,EAAU,GAAQ,SAAS;MACnC,WAAW,EAAQ,GAAQ,YAAY;MACvC,UAAU,EAAQ,GAAQ,WAAW;MACrC,OAAO,EAAQ,GAAQ,QAAQ;MAC/B,kBAAkB,EAAU,GAAQ,mBAAmB;MACvD,WAAW,GAAS;MACpB,QAAQ,GAAS;MAClB;AACD,KAAI,IACF,MAAM,EAAe,EAAQ,IAAI,EAAQ,GAEzC,MAAM,EAAY,EAAQ;;IA2NxB,CAAA;GAEF,kBAAC,GAAD;IACE,MAAM,MAAa;IACnB,eAAe,MAAS;AACtB,KAAK,KACH,EAAY,KAAK;;IAGrB,OAAM;IACN,aACE,IACI,GAAG,EAAS,UAAU,GAAG,EAAS,SAAS,+DAC3C,KAAA;IAEN,cAAa;IACb,aAAA;IACA,WAAW,YAAY;AACrB,KAAI,MACF,MAAM,EAAe,EAAS,GAAG,EACjC,EAAY,KAAK;;IAGrB,CAAA;GACE"}