npm - @burdenoff/microfe-crewfoundry - Versions diffs - 2026.1029.2 → 2026.1030.2 - Mend

@burdenoff/microfe-crewfoundry 2026.1029.2 → 2026.1030.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (47) hide show

package/dist/crewfoundry/pages/HrDepartmentsPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n GlassCard,\n GradientText,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Network, Pencil, Plus, Trash2, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Department, type Employee } from '../store/crewfoundryStore';\nimport { AvatarStack, OrgTree, StatCard, type OrgNode } from '../components/viz';\nimport {\n FormModal,\n useFormModal,\n type FieldConfig,\n type FormValues,\n} from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst fullName = (employee: Employee): string =>\n `${employee.firstName} ${employee.lastName}`.trim();\n\nconst DEPARTMENT_FIELDS: FieldConfig[] = [\n { name: 'name', label: 'Department name', type: 'text', required: true, colSpan: 2 },\n { name: 'headName', label: 'Department head', type: 'text', required: true },\n { name: 'location', label: 'Location', type: 'text', required: true },\n { name: 'budget', label: 'Annual budget', type: 'number', required: true },\n {\n name: 'status',\n label: 'Status',\n type: 'select',\n required: true,\n options: [\n { label: 'Active', value: 'active' },\n { label: 'Restructuring', value: 'restructuring' },\n ],\n },\n];\n\nconst toFormValues = (department: Department): FormValues => ({\n name: department.name,\n headName: department.headName,\n location: department.location,\n budget: department.budget,\n status: department.status,\n});\n\nexport function HrDepartmentsPagePage() {\n const { departments, employees, teams, addDepartment, updateDepartment, removeDepartment } =\n useCrewFoundryStore();\n const form = useFormModal<Department>();\n const [deleting, setDeleting] = useState<Department \| null>(null);\n\n const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\n\n const editing = form.context;\n\n // Resolve a department's head to a real employee (by id first, then by name) so\n // we can show a real avatar rather than a text-only name.\n const headOf = useCallback(\n (department: Department): Employee \| undefined =>\n employees.find((e) => e.id === department.headId) \|\|\n employees.find((e) => fullName(e) === department.headName),\n [employees]\n );\n\n // Org structure: a real hierarchy derived from the roster + departments + teams.\n // Root = a top-of-org employee (CEO / founder / chief with no manager) when one\n // exists, else a generic company node. Each department hangs off the root with\n // its head; each department's children are its real teams (or a sample of its\n // real employees when the department has no teams).\n const orgRoot = useMemo<OrgNode \| null>(() => {\n if (departments.length === 0) {\n return null;\n }\n const topLeader = employees.find(\n (e) => !e.managerId && /chief\|ceo\|founder\|president\|head of company/i.test(e.position)\n );\n\n const deptNodes: OrgNode[] = departments.map((department) => {\n const head = headOf(department);\n const deptTeams = teams.filter((team) => team.department === department.name);\n let children: OrgNode[];\n if (deptTeams.length > 0) {\n children = deptTeams.slice(0, 4).map((team) => ({\n id: team.id,\n name: team.name,\n role: `${team.memberCount} member${team.memberCount === 1 ? '' : 's'}`,\n }));\n } else {\n children = employees\n .filter((e) => e.department === department.name && e.id !== head?.id)\n .slice(0, 3)\n .map((e) => ({ id: e.id, name: fullName(e), role: e.position, avatarUrl: e.avatar }));\n }\n return {\n id: department.id,\n name: department.name,\n role: department.headName ? `${department.headName}, Head` : 'Department',\n avatarUrl: head?.avatar,\n children,\n };\n });\n\n return {\n id: topLeader?.id ?? 'org-root',\n name: topLeader ? fullName(topLeader) : 'Organization',\n role: topLeader?.position ?? 'Company',\n avatarUrl: topLeader?.avatar,\n children: deptNodes,\n };\n }, [departments, employees, teams, headOf]);\n\n const handleSubmit = async (values: FormValues) => {\n const payload: Department = {\n id: editing?.id ?? newClientId(),\n name: getText(values, 'name'),\n headId: editing?.headId ?? '',\n headName: getText(values, 'headName'),\n employeeCount: editing?.employeeCount ?? 0,\n budget: getNumber(values, 'budget'),\n location: getText(values, 'location'),\n status: getText(values, 'status') as Department['status'],\n };\n if (editing) {\n await updateDepartment(editing.id, payload);\n } else {\n await addDepartment(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>Departments</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Organizational structure and department management\n </p>\n <PagePurpose className=\"mt-1\">\n Organize your company into departments — set up structure, assign heads, and see how\n headcount is distributed across the org.\n </PagePurpose>\n </div>\n <Button size=\"sm\" onClick={() => form.openModal()}>\n <Plus className=\"h-4 w-4 mr-1\" />\n Add Department\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <StatCard\n label=\"Total Departments\"\n value={departments.length}\n icon={<Building2 className=\"h-4 w-4\" />}\n />\n <StatCard\n label=\"Total Headcount\"\n value={totalHeadcount}\n icon={<Users className=\"h-4 w-4\" />}\n />\n <StatCard\n label=\"Total Budget\"\n value={`$${(totalBudget / 1000000).toFixed(1)}M`}\n icon={<DollarSign className=\"h-4 w-4\" />}\n />\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n {departments.map((dept) => {\n const deptEmps = employees.filter((e) => e.department === dept.name);\n const headcount = dept.employeeCount \|\| deptEmps.length;\n const avgSalary =\n deptEmps.length > 0\n ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n : 0;\n const avgPerfValue =\n deptEmps.length > 0\n ? deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length\n : 0;\n // Progress bar = real average performance for the department, on a 0–100\n // scale (score out of 5). A clearly-labeled, computed metric — no fabrication.\n const perfPct = Math.round((avgPerfValue / 5) * 100);\n const head = headOf(dept);\n const perfTone =\n perfPct >= 80\n ? 'bg-status-success-text'\n : perfPct >= 60\n ? 'bg-status-warning-text'\n : 'bg-status-error-text';\n\n return (\n <GlassCard key={dept.id} treatment=\"glass\" className=\"border-border-seam\">\n <CardHeader>\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"min-w-0\">\n <CardTitle className=\"truncate text-lg\">{dept.name}</CardTitle>\n <div className=\"mt-2 flex items-center gap-2\">\n <AvatarStack\n people={[{ name: dept.headName \|\| 'Unassigned', avatarUrl: head?.avatar }]}\n size={28}\n />\n <span className=\"truncate text-sm text-text-secondary\">\n <span className=\"font-medium text-text-primary\">{dept.headName}</span>\n {dept.headName ? ', Head' : 'No head assigned'}\n </span>\n </div>\n </div>\n <div className=\"flex items-center gap-1\">\n <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n {formatEnumLabel(dept.status)}\n </Badge>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"h-8 w-8 p-0\"\n aria-label={`Edit ${dept.name}`}\n onClick={() => form.openModal(dept)}\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 ${dept.name}`}\n onClick={() => setDeleting(dept)}\n >\n <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n </Button>\n </div>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-end justify-between gap-3\">\n <div>\n <p className=\"text-3xl font-bold leading-none tabular-nums\">{headcount}</p>\n <p className=\"mt-1 text-xs text-text-secondary\">Employees</p>\n </div>\n <div className=\"text-right\">\n <p className=\"text-lg font-semibold tabular-nums\">\n ${(dept.budget / 1000000).toFixed(1)}M\n </p>\n <p className=\"text-xs text-text-secondary\">Annual budget</p>\n </div>\n </div>\n\n <div className=\"space-y-1\">\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span>Avg performance</span>\n <span className=\"font-medium text-text-primary tabular-nums\">{perfPct}%</span>\n </div>\n <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className={`h-2 rounded-full ${perfTone}`}\n style={{ width: `${perfPct}%` }}\n />\n </div>\n </div>\n\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1\">\n <MapPin className=\"h-3 w-3\" />\n {dept.location}\n </span>\n <span>\n Cost/Head:{' '}\n {headcount > 0 ? `$${Math.round(dept.budget / headcount / 1000)}K` : '—'}\n </span>\n </div>\n {avgSalary > 0 && (\n <p className=\"text-xs text-text-secondary\">\n Avg salary{' '}\n <span className=\"font-medium text-text-primary\">\n ${avgSalary.toLocaleString()}\n </span>\n </p>\n )}\n </CardContent>\n </GlassCard>\n );\n })}\n </div>\n\n {orgRoot && (\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-lg\">\n <Network className=\"h-4 w-4 text-text-secondary\" />\n Org structure\n </CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"overflow-x-auto pb-2\">\n <div className=\"min-w-fit\">\n <OrgTree root={orgRoot} />\n </div>\n </div>\n </CardContent>\n </Card>\n )}\n\n <FormModal\n open={form.open}\n onOpenChange={form.onOpenChange}\n title={editing ? 'Edit department' : 'Add department'}\n description={\n editing\n ? 'Update this department’s details.'\n : 'Create a new department in your organization.'\n }\n fields={DEPARTMENT_FIELDS}\n initialValues={editing ? toFormValues(editing) : undefined}\n submitLabel={editing ? 'Save changes' : 'Add department'}\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 department?\"\n description={\n deleting ? `${deleting.name} will be removed. This cannot be undone.` : undefined\n }\n confirmLabel=\"Delete\"\n destructive\n onConfirm={async () => {\n if (deleting) {\n await removeDepartment(deleting.id);\n setDeleting(null);\n }\n }}\n />\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"HrDepartmentsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/HrDepartmentsPagePage.tsx"],"sourcesContent":["import { useCallback, useMemo, useState } from 'react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n GlassCard,\n GradientText,\n PagePurpose,\n} from '@burdenoff/fe-libs/ui';\nimport { Building2, DollarSign, MapPin, Network, Pencil, Plus, Trash2, Users } from 'lucide-react';\nimport { useCrewFoundryStore, type Department, type Employee } from '../store/crewfoundryStore';\nimport { AvatarStack, OrgTree, StatCard, type OrgNode } from '../components/viz';\nimport {\n FormModal,\n useFormModal,\n type FieldConfig,\n type FormValues,\n} from '../components/forms/FormModal';\nimport { ConfirmDialog } from '../components/forms/ConfirmDialog';\nimport { getNumber, getText, newClientId } from '../components/forms/formValues';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { useFocusedRecordParam } from '../lib/useFocusedRecordParam';\n\nconst fullName = (employee: Employee): string =>\n `${employee.firstName} ${employee.lastName}`.trim();\n\nconst DEPARTMENT_FIELDS: FieldConfig[] = [\n { name: 'name', label: 'Department name', type: 'text', required: true, colSpan: 2 },\n { name: 'headName', label: 'Department head', type: 'text', required: true },\n { name: 'location', label: 'Location', type: 'text', required: true },\n { name: 'budget', label: 'Annual budget', type: 'number', required: true },\n {\n name: 'status',\n label: 'Status',\n type: 'select',\n required: true,\n options: [\n { label: 'Active', value: 'active' },\n { label: 'Restructuring', value: 'restructuring' },\n ],\n },\n];\n\nconst toFormValues = (department: Department): FormValues => ({\n name: department.name,\n headName: department.headName,\n location: department.location,\n budget: department.budget,\n status: department.status,\n});\n\nexport function HrDepartmentsPagePage() {\n const { departments, employees, teams, addDepartment, updateDepartment, removeDepartment } =\n useCrewFoundryStore();\n const form = useFormModal<Department>();\n // The department open in the edit dialog is \"this department\" for the assistant.\n useFocusedRecordParam({\n records: departments,\n activeId: form.open ? (form.context?.id ?? null) : null,\n onRestore: form.openModal,\n });\n const [deleting, setDeleting] = useState<Department \| null>(null);\n\n const totalBudget = departments.reduce((s, d) => s + d.budget, 0);\n const totalHeadcount = departments.reduce((s, d) => s + d.employeeCount, 0);\n\n const editing = form.context;\n\n // Resolve a department's head to a real employee (by id first, then by name) so\n // we can show a real avatar rather than a text-only name.\n const headOf = useCallback(\n (department: Department): Employee \| undefined =>\n employees.find((e) => e.id === department.headId) \|\|\n employees.find((e) => fullName(e) === department.headName),\n [employees]\n );\n\n // Org structure: a real hierarchy derived from the roster + departments + teams.\n // Root = a top-of-org employee (CEO / founder / chief with no manager) when one\n // exists, else a generic company node. Each department hangs off the root with\n // its head; each department's children are its real teams (or a sample of its\n // real employees when the department has no teams).\n const orgRoot = useMemo<OrgNode \| null>(() => {\n if (departments.length === 0) {\n return null;\n }\n const topLeader = employees.find(\n (e) => !e.managerId && /chief\|ceo\|founder\|president\|head of company/i.test(e.position)\n );\n\n const deptNodes: OrgNode[] = departments.map((department) => {\n const head = headOf(department);\n const deptTeams = teams.filter((team) => team.department === department.name);\n let children: OrgNode[];\n if (deptTeams.length > 0) {\n children = deptTeams.slice(0, 4).map((team) => ({\n id: team.id,\n name: team.name,\n role: `${team.memberCount} member${team.memberCount === 1 ? '' : 's'}`,\n }));\n } else {\n children = employees\n .filter((e) => e.department === department.name && e.id !== head?.id)\n .slice(0, 3)\n .map((e) => ({ id: e.id, name: fullName(e), role: e.position, avatarUrl: e.avatar }));\n }\n return {\n id: department.id,\n name: department.name,\n role: department.headName ? `${department.headName}, Head` : 'Department',\n avatarUrl: head?.avatar,\n children,\n };\n });\n\n return {\n id: topLeader?.id ?? 'org-root',\n name: topLeader ? fullName(topLeader) : 'Organization',\n role: topLeader?.position ?? 'Company',\n avatarUrl: topLeader?.avatar,\n children: deptNodes,\n };\n }, [departments, employees, teams, headOf]);\n\n const handleSubmit = async (values: FormValues) => {\n const payload: Department = {\n id: editing?.id ?? newClientId(),\n name: getText(values, 'name'),\n headId: editing?.headId ?? '',\n headName: getText(values, 'headName'),\n employeeCount: editing?.employeeCount ?? 0,\n budget: getNumber(values, 'budget'),\n location: getText(values, 'location'),\n status: getText(values, 'status') as Department['status'],\n };\n if (editing) {\n await updateDepartment(editing.id, payload);\n } else {\n await addDepartment(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>Departments</GradientText>\n </h1>\n <p className=\"text-sm text-text-secondary\">\n Organizational structure and department management\n </p>\n <PagePurpose className=\"mt-1\">\n Organize your company into departments — set up structure, assign heads, and see how\n headcount is distributed across the org.\n </PagePurpose>\n </div>\n <Button size=\"sm\" onClick={() => form.openModal()}>\n <Plus className=\"h-4 w-4 mr-1\" />\n Add Department\n </Button>\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-3\">\n <StatCard\n label=\"Total Departments\"\n value={departments.length}\n icon={<Building2 className=\"h-4 w-4\" />}\n />\n <StatCard\n label=\"Total Headcount\"\n value={totalHeadcount}\n icon={<Users className=\"h-4 w-4\" />}\n />\n <StatCard\n label=\"Total Budget\"\n value={`$${(totalBudget / 1000000).toFixed(1)}M`}\n icon={<DollarSign className=\"h-4 w-4\" />}\n />\n </div>\n\n <div className=\"grid gap-4 md:grid-cols-2 xl:grid-cols-3\">\n {departments.map((dept) => {\n const deptEmps = employees.filter((e) => e.department === dept.name);\n const headcount = dept.employeeCount \|\| deptEmps.length;\n const avgSalary =\n deptEmps.length > 0\n ? Math.round(deptEmps.reduce((s, e) => s + e.salary, 0) / deptEmps.length)\n : 0;\n const avgPerfValue =\n deptEmps.length > 0\n ? deptEmps.reduce((s, e) => s + e.performanceScore, 0) / deptEmps.length\n : 0;\n // Progress bar = real average performance for the department, on a 0–100\n // scale (score out of 5). A clearly-labeled, computed metric — no fabrication.\n const perfPct = Math.round((avgPerfValue / 5) * 100);\n const head = headOf(dept);\n const perfTone =\n perfPct >= 80\n ? 'bg-status-success-text'\n : perfPct >= 60\n ? 'bg-status-warning-text'\n : 'bg-status-error-text';\n\n return (\n <GlassCard key={dept.id} treatment=\"glass\" className=\"border-border-seam\">\n <CardHeader>\n <div className=\"flex items-start justify-between gap-2\">\n <div className=\"min-w-0\">\n <CardTitle className=\"truncate text-lg\">{dept.name}</CardTitle>\n <div className=\"mt-2 flex items-center gap-2\">\n <AvatarStack\n people={[{ name: dept.headName \|\| 'Unassigned', avatarUrl: head?.avatar }]}\n size={28}\n />\n <span className=\"truncate text-sm text-text-secondary\">\n <span className=\"font-medium text-text-primary\">{dept.headName}</span>\n {dept.headName ? ', Head' : 'No head assigned'}\n </span>\n </div>\n </div>\n <div className=\"flex items-center gap-1\">\n <Badge variant={dept.status === 'active' ? 'default' : 'secondary'}>\n {formatEnumLabel(dept.status)}\n </Badge>\n <Button\n variant=\"ghost\"\n size=\"sm\"\n className=\"h-8 w-8 p-0\"\n aria-label={`Edit ${dept.name}`}\n onClick={() => form.openModal(dept)}\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 ${dept.name}`}\n onClick={() => setDeleting(dept)}\n >\n <Trash2 className=\"h-4 w-4 text-status-error-text\" />\n </Button>\n </div>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <div className=\"flex items-end justify-between gap-3\">\n <div>\n <p className=\"text-3xl font-bold leading-none tabular-nums\">{headcount}</p>\n <p className=\"mt-1 text-xs text-text-secondary\">Employees</p>\n </div>\n <div className=\"text-right\">\n <p className=\"text-lg font-semibold tabular-nums\">\n ${(dept.budget / 1000000).toFixed(1)}M\n </p>\n <p className=\"text-xs text-text-secondary\">Annual budget</p>\n </div>\n </div>\n\n <div className=\"space-y-1\">\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span>Avg performance</span>\n <span className=\"font-medium text-text-primary tabular-nums\">{perfPct}%</span>\n </div>\n <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n <div\n className={`h-2 rounded-full ${perfTone}`}\n style={{ width: `${perfPct}%` }}\n />\n </div>\n </div>\n\n <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n <span className=\"flex items-center gap-1\">\n <MapPin className=\"h-3 w-3\" />\n {dept.location}\n </span>\n <span>\n Cost/Head:{' '}\n {headcount > 0 ? `$${Math.round(dept.budget / headcount / 1000)}K` : '—'}\n </span>\n </div>\n {avgSalary > 0 && (\n <p className=\"text-xs text-text-secondary\">\n Avg salary{' '}\n <span className=\"font-medium text-text-primary\">\n ${avgSalary.toLocaleString()}\n </span>\n </p>\n )}\n </CardContent>\n </GlassCard>\n );\n })}\n </div>\n\n {orgRoot && (\n <Card>\n <CardHeader>\n <CardTitle className=\"flex items-center gap-2 text-lg\">\n <Network className=\"h-4 w-4 text-text-secondary\" />\n Org structure\n </CardTitle>\n </CardHeader>\n <CardContent>\n <div className=\"overflow-x-auto pb-2\">\n <div className=\"min-w-fit\">\n <OrgTree root={orgRoot} />\n </div>\n </div>\n </CardContent>\n </Card>\n )}\n\n <FormModal\n open={form.open}\n onOpenChange={form.onOpenChange}\n title={editing ? 'Edit department' : 'Add department'}\n description={\n editing\n ? 'Update this department’s details.'\n : 'Create a new department in your organization.'\n }\n fields={DEPARTMENT_FIELDS}\n initialValues={editing ? toFormValues(editing) : undefined}\n submitLabel={editing ? 'Save changes' : 'Add department'}\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 department?\"\n description={\n deleting ? `${deleting.name} will be removed. This cannot be undone.` : undefined\n }\n confirmLabel=\"Delete\"\n destructive\n onConfirm={async () => {\n if (deleting) {\n await removeDepartment(deleting.id);\n setDeleting(null);\n }\n }}\n />\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/HrEmployeeProfilePagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HrEmployeeProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HrEmployeeProfilePagePage.tsx"],"names":[],"mappings":"~~AA+MA~~,wBAAgB,yBAAyB,~~gCAqVxC~~"}
1	+ {"version":3,"file":"HrEmployeeProfilePagePage.d.ts","sourceRoot":"","sources":["../../../src/crewfoundry/pages/HrEmployeeProfilePagePage.tsx"],"names":[],"mappings":"AAgNA,wBAAgB,yBAAyB,gCAqUxC"}

package/dist/crewfoundry/pages/HrEmployeeProfilePagePage.js CHANGED Viewed

@@ -7,14 +7,15 @@ import { SegmentedTabs as a } from "../components/viz/SegmentedTabs.js";
 import "../components/viz/index.js";
 import { ConfirmDialog as o } from "../components/forms/ConfirmDialog.js";
 import { AttachDocumentDialog as s } from "../components/forms/AttachDocumentDialog.js";
-import { useEffect as ee, useRef as te, useState as c } from "react";
-import { ArrowLeft as l, BadgeCheck as ne, CalendarDays as re, FileText as ie, Mail as ae, MapPin as u, Phone as oe, Plus as d, Trash2 as f } from "lucide-react";
-import { useNavigate as p, useSearchParams as se } from "react-router";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, GlassCard as S, GradientText as ce, IllustratedEmptyState as C, PagePurpose as w, Spinner as T } from "@burdenoff/fe-libs/ui";
-import { useGlobalUi as E } from "@burdenoff/fe-libs/shared/providers/shell";
+import { EmployeeSkillsPanel as c } from "../components/EmployeeSkillsPanel.js";
+import { useEffect as l, useRef as ee, useState as u } from "react";
+import { ArrowLeft as d, BadgeCheck as f, CalendarDays as p, FileText as te, Mail as ne, MapPin as re, Phone as ie, Plus as m, Trash2 as ae } from "lucide-react";
+import { useNavigate as h, useSearchParams as g } from "react-router";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { Badge as y, Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, GlassCard as oe, GradientText as se, IllustratedEmptyState as T, PagePurpose as ce, Spinner as le } from "@burdenoff/fe-libs/ui";
+import { useGlobalUi as ue } from "@burdenoff/fe-libs/shared/providers/shell";
 //#region src/crewfoundry/pages/HrEmployeeProfilePagePage.tsx
-var D = [
+var de = [
 	{
 		id: "overview",
 		label: "Overview"
@@ -35,7 +36,7 @@ var D = [
 		id: "activity",
 		label: "Activity"
 	}
-], O = [
+], E = [
 	{
 		min: 0,
 		max: 6e4
@@ -61,11 +62,11 @@ var D = [
 		max: Infinity
 	}
 ];
-function le(e) {
-	let t = O.findIndex((t) => e >= t.min && e < t.max), n = t === -1 ? O.length - 1 : t, r = O[n], i = `$${Math.round(r.min / 1e3)}k`, a = r.max === Infinity ? "+" : `–$${Math.round(r.max / 1e3)}k`;
+function fe(e) {
+	let t = E.findIndex((t) => e >= t.min && e < t.max), n = t === -1 ? E.length - 1 : t, r = E[n], i = `$${Math.round(r.min / 1e3)}k`, a = r.max === Infinity ? "+" : `–$${Math.round(r.max / 1e3)}k`;
 	return `Band ${n + 1} · ${i}${a}`;
 }
-function ue(e) {
+function D(e) {
 	let t = new Date(e);
 	if (Number.isNaN(t.getTime())) return "—";
 	let n = /* @__PURE__ */ new Date(), r = (n.getFullYear() - t.getFullYear()) * 12 + (n.getMonth() - t.getMonth());
@@ -73,37 +74,37 @@ function ue(e) {
 	let i = Math.floor(r / 12), a = r % 12, o = [];
 	return i > 0 && o.push(`${i} year${i === 1 ? "" : "s"}`), o.push(`${a} month${a === 1 ? "" : "s"}`), o.join(", ");
 }
-function k(e) {
+function O(e) {
 	return e >= 4.5 ? "Excellent" : e >= 3.5 ? "Strong" : e >= 2.5 ? "Meets expectations" : "Needs improvement";
 }
-function A(e) {
+function k(e) {
 	return e === "active" ? "default" : e === "on_leave" ? "secondary" : "destructive";
 }
-function j({ icon: e, children: t }) {
-	return /* @__PURE__ */ h("span", {
+function A({ icon: e, children: t }) {
+	return /* @__PURE__ */ v("span", {
 		className: "inline-flex items-center gap-1.5 rounded-full border border-border-subtle bg-bg-surface px-3 py-1 text-xs text-text-secondary",
-		children: [/* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "text-text-muted",
 			children: e
-		}), /* @__PURE__ */ m("span", {
+		}), /* @__PURE__ */ _("span", {
 			className: "truncate",
 			children: t
 		})]
 	});
 }
-function M({ label: e, children: t }) {
-	return /* @__PURE__ */ h("div", {
+function j({ label: e, children: t }) {
+	return /* @__PURE__ */ v("div", {
 		className: "flex items-start justify-between gap-4 py-2 text-sm",
-		children: [/* @__PURE__ */ m("span", {
+		children: [/* @__PURE__ */ _("span", {
 			className: "text-text-secondary",
 			children: e
-		}), /* @__PURE__ */ m("span", {
+		}), /* @__PURE__ */ _("span", {
 			className: "text-right font-medium text-text-primary",
 			children: t
 		})]
 	});
 }
-function N(e, n, r, i, a) {
+function M(e, n, r, i, a) {
 	let o = [], s = (e) => {
 		let t = new Date(e).getTime();
 		return Number.isNaN(t) ? 0 : t;
@@ -153,73 +154,73 @@ function N(e, n, r, i, a) {
 	});
 	return o.sort((e, t) => t.ts - e.ts).slice(0, 14).map((e) => e.item);
 }
-function P() {
-	let O = p(), [P] = se(), F = e((e) => e.employees), I = e((e) => e.timeEntries), L = e((e) => e.leaveRequests), R = e((e) => e.payrollRecords), z = e((e) => e.projects), B = e((e) => e.initialized), V = e((e) => e.employeeDocuments), H = e((e) => e.fetchEmployeeDocuments), de = e((e) => e.uploadEmployeeDocument), fe = e((e) => e.detachEmployeeDocument), { showToast: U } = E(), [W, pe] = c("overview"), [me, G] = c(!1), [K, q] = c(null), J = te(null), he = P.get("id"), Y = F.find((e) => e.id === he);
-	if (ee(() => {
-		W === "documents" && Y && J.current !== Y.id && (J.current = Y.id, H(Y.id).catch((e) => {
-			U(e instanceof Error ? e.message : "Unable to load documents", "error");
+function N() {
+	let E = h(), [N] = g(), P = e((e) => e.employees), F = e((e) => e.timeEntries), I = e((e) => e.leaveRequests), L = e((e) => e.payrollRecords), R = e((e) => e.projects), z = e((e) => e.initialized), B = e((e) => e.employeeDocuments), V = e((e) => e.fetchEmployeeDocuments), pe = e((e) => e.uploadEmployeeDocument), me = e((e) => e.detachEmployeeDocument), { showToast: H } = ue(), [U, he] = u("overview"), [W, G] = u(!1), [K, q] = u(null), J = ee(null), ge = N.get("id"), Y = P.find((e) => e.id === ge);
+	if (l(() => {
+		U === "documents" && Y && J.current !== Y.id && (J.current = Y.id, V(Y.id).catch((e) => {
+			H(e instanceof Error ? e.message : "Unable to load documents", "error");
 		}));
 	}, [
-		W,
+		U,
 		Y,
-		H,
-		U
-	]), !B && !Y) return /* @__PURE__ */ m("div", {
+		V,
+		H
+	]), !z && !Y) return /* @__PURE__ */ _("div", {
 		className: "flex min-h-[60vh] items-center justify-center p-6",
-		children: /* @__PURE__ */ m(T, { size: "lg" })
+		children: /* @__PURE__ */ _(le, { size: "lg" })
 	});
-	if (!Y) return /* @__PURE__ */ h("div", {
+	if (!Y) return /* @__PURE__ */ v("div", {
 		className: "space-y-4 p-6",
-		children: [/* @__PURE__ */ h(_, {
+		children: [/* @__PURE__ */ v(b, {
 			variant: "ghost",
 			size: "sm",
-			onClick: () => O("../hr/employees-page"),
-			children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "Back to directory"]
-		}), /* @__PURE__ */ m(C, {
+			onClick: () => E("../hr/employees-page"),
+			children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Back to directory"]
+		}), /* @__PURE__ */ _(T, {
 			illustration: "empty-search",
 			title: "Employee not found",
 			description: "This profile is no longer available or the link is out of date."
 		})]
 	});
-	let X = Y.managerId ? F.find((e) => e.id === Y.managerId) : void 0, Z = X ? `${X.firstName} ${X.lastName}` : Y.managerId ? "Assigned" : "No manager", Q = `${Y.firstName} ${Y.lastName}`, $ = N(Y, I, L, R, z);
-	return /* @__PURE__ */ h("div", {
+	let X = Y.managerId ? P.find((e) => e.id === Y.managerId) : void 0, Z = X ? `${X.firstName} ${X.lastName}` : Y.managerId ? "Assigned" : "No manager", Q = `${Y.firstName} ${Y.lastName}`, $ = M(Y, F, I, L, R);
+	return /* @__PURE__ */ v("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h(_, {
+			/* @__PURE__ */ v(b, {
 				variant: "ghost",
 				size: "sm",
-				onClick: () => O("../hr/employees-page"),
-				children: [/* @__PURE__ */ m(l, { className: "mr-1 h-4 w-4" }), "Back to directory"]
+				onClick: () => E("../hr/employees-page"),
+				children: [/* @__PURE__ */ _(d, { className: "mr-1 h-4 w-4" }), "Back to directory"]
 			}),
-			/* @__PURE__ */ m(S, {
+			/* @__PURE__ */ _(oe, {
 				treatment: "glass",
 				glow: !0,
 				className: "border-border-seam",
-				children: /* @__PURE__ */ m(y, {
+				children: /* @__PURE__ */ _(S, {
 					className: "p-6",
-					children: /* @__PURE__ */ h("div", {
+					children: /* @__PURE__ */ v("div", {
 						className: "flex flex-col gap-5 sm:flex-row sm:items-start",
-						children: [/* @__PURE__ */ m(i, {
+						children: [/* @__PURE__ */ _(i, {
 							people: [{
 								name: Q,
 								avatarUrl: Y.avatar
 							}],
 							max: 1,
 							size: 72
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ v("div", {
 							className: "flex-1 space-y-3",
 							children: [
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "flex flex-wrap items-center gap-3",
-									children: [/* @__PURE__ */ m("h1", {
+									children: [/* @__PURE__ */ _("h1", {
 										className: "text-2xl font-semibold",
-										children: /* @__PURE__ */ m(ce, { children: Q })
-									}), /* @__PURE__ */ m(g, {
-										variant: A(Y.status),
+										children: /* @__PURE__ */ _(se, { children: Q })
+									}), /* @__PURE__ */ _(y, {
+										variant: k(Y.status),
 										children: t(Y.status)
 									})]
 								}),
-								/* @__PURE__ */ h("p", {
+								/* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										Y.position,
@@ -227,23 +228,23 @@ function P() {
 										Y.department
 									]
 								}),
-								/* @__PURE__ */ h("div", {
+								/* @__PURE__ */ v("div", {
 									className: "flex flex-wrap gap-2",
 									children: [
-										/* @__PURE__ */ m(j, {
-											icon: /* @__PURE__ */ m(ae, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ _(A, {
+											icon: /* @__PURE__ */ _(ne, { className: "h-3.5 w-3.5" }),
 											children: Y.email
 										}),
-										/* @__PURE__ */ m(j, {
-											icon: /* @__PURE__ */ m(oe, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ _(A, {
+											icon: /* @__PURE__ */ _(ie, { className: "h-3.5 w-3.5" }),
 											children: Y.phone
 										}),
-										/* @__PURE__ */ m(j, {
-											icon: /* @__PURE__ */ m(u, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ _(A, {
+											icon: /* @__PURE__ */ _(re, { className: "h-3.5 w-3.5" }),
 											children: Y.location
 										}),
-										/* @__PURE__ */ h(j, {
-											icon: /* @__PURE__ */ m(re, { className: "h-3.5 w-3.5" }),
+										/* @__PURE__ */ v(A, {
+											icon: /* @__PURE__ */ _(p, { className: "h-3.5 w-3.5" }),
 											children: ["Joined ", Y.startDate]
 										})
 									]
@@ -253,26 +254,26 @@ function P() {
 					})
 				})
 			}),
-			/* @__PURE__ */ m(w, { children: "A single view of one team member — their role, tenure, performance, and recent activity — so managers and partners have the full context in one place." }),
-			/* @__PURE__ */ m(a, {
-				tabs: D,
-				value: W,
-				onChange: (e) => pe(e),
+			/* @__PURE__ */ _(ce, { children: "A single view of one team member — their role, tenure, performance, and recent activity — so managers and partners have the full context in one place." }),
+			/* @__PURE__ */ _(a, {
+				tabs: de,
+				value: U,
+				onChange: (e) => he(e),
 				"aria-label": "Employee profile sections"
 			}),
-			W === "overview" ? /* @__PURE__ */ h("div", {
+			U === "overview" ? /* @__PURE__ */ v("div", {
 				className: "grid gap-4 lg:grid-cols-2",
-				children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+				children: [/* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
 					className: "text-base",
 					children: "Details"
-				}) }), /* @__PURE__ */ h(y, {
+				}) }), /* @__PURE__ */ v(S, {
 					className: "divide-y divide-border-subtle pt-0",
 					children: [
-						/* @__PURE__ */ m(M, {
+						/* @__PURE__ */ _(j, {
 							label: "Manager",
-							children: /* @__PURE__ */ h("span", {
+							children: /* @__PURE__ */ v("span", {
 								className: "inline-flex items-center gap-2",
-								children: [X ? /* @__PURE__ */ m(i, {
+								children: [X ? /* @__PURE__ */ _(i, {
 									people: [{
 										name: Z,
 										avatarUrl: X.avatar
@@ -282,42 +283,42 @@ function P() {
 								}) : null, Z]
 							})
 						}),
-						/* @__PURE__ */ m(M, {
+						/* @__PURE__ */ _(j, {
 							label: "Employment type",
 							children: t(Y.type)
 						}),
-						/* @__PURE__ */ m(M, {
+						/* @__PURE__ */ _(j, {
 							label: "Salary band",
-							children: le(Y.salary)
+							children: fe(Y.salary)
 						}),
-						/* @__PURE__ */ m(M, {
+						/* @__PURE__ */ _(j, {
 							label: "Tenure",
-							children: ue(Y.startDate)
+							children: D(Y.startDate)
 						}),
-						/* @__PURE__ */ m(M, {
+						/* @__PURE__ */ _(j, {
 							label: "Employee ID",
-							children: /* @__PURE__ */ m("span", {
+							children: /* @__PURE__ */ _("span", {
 								className: "break-all font-mono text-xs",
 								children: Y.id
 							})
 						})
 					]
-				})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+				})] }), /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
 					className: "text-base",
 					children: "Performance"
-				}) }), /* @__PURE__ */ h(y, {
+				}) }), /* @__PURE__ */ v(S, {
 					className: "flex items-center gap-6 pt-0",
-					children: [/* @__PURE__ */ m(n, {
+					children: [/* @__PURE__ */ _(n, {
 						value: Y.performanceScore,
 						max: 5,
 						label: Y.performanceScore.toFixed(1),
 						caption: "/ 5"
-					}), /* @__PURE__ */ h("div", {
+					}), /* @__PURE__ */ v("div", {
 						className: "space-y-1",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ _("p", {
 							className: "text-lg font-semibold text-text-primary",
-							children: k(Y.performanceScore)
-						}), /* @__PURE__ */ h("p", {
+							children: O(Y.performanceScore)
+						}), /* @__PURE__ */ v("p", {
 							className: "text-sm text-text-secondary",
 							children: [
 								"Latest review score of ",
@@ -328,48 +329,37 @@ function P() {
 					})]
 				})] })]
 			}) : null,
-			W === "skills" ? /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+			U === "skills" ? /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
 				className: "text-base",
 				children: "Skills"
-			}) }), /* @__PURE__ */ m(y, {
+			}) }), /* @__PURE__ */ _(S, {
 				className: "pt-0",
-				children: Y.skills.length > 0 ? /* @__PURE__ */ m("div", {
-					className: "flex flex-wrap gap-2",
-					children: Y.skills.map((e) => /* @__PURE__ */ m(g, {
-						variant: "secondary",
-						className: "text-xs",
-						children: e
-					}, e))
-				}) : /* @__PURE__ */ m(C, {
-					illustration: "empty-data",
-					title: "No skills recorded",
-					description: "This team member has no skills captured yet. Add skills from the employee directory to surface them here."
-				})
+				children: /* @__PURE__ */ _(c, { employeeId: Y.id })
 			})] }) : null,
-			W === "documents" ? /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+			U === "documents" ? /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ v(C, {
 				className: "flex flex-row items-center justify-between",
-				children: [/* @__PURE__ */ m(x, {
+				children: [/* @__PURE__ */ _(w, {
 					className: "text-base",
 					children: "Documents"
-				}), /* @__PURE__ */ h(_, {
+				}), /* @__PURE__ */ v(b, {
 					size: "sm",
 					onClick: () => G(!0),
-					children: [/* @__PURE__ */ m(d, { className: "mr-1.5 h-3.5 w-3.5" }), "Attach document"]
+					children: [/* @__PURE__ */ _(m, { className: "mr-1.5 h-3.5 w-3.5" }), "Attach document"]
 				})]
-			}), /* @__PURE__ */ m(y, {
+			}), /* @__PURE__ */ _(S, {
 				className: "pt-0",
-				children: V.length > 0 ? /* @__PURE__ */ m("div", {
+				children: B.length > 0 ? /* @__PURE__ */ _("div", {
 					className: "space-y-2",
-					children: V.map((e) => /* @__PURE__ */ h("div", {
+					children: B.map((e) => /* @__PURE__ */ v("div", {
 						className: "flex items-center justify-between gap-3 rounded-input border border-border-subtle bg-bg-surface px-3 py-2.5",
-						children: [/* @__PURE__ */ h("div", {
+						children: [/* @__PURE__ */ v("div", {
 							className: "flex min-w-0 items-center gap-3",
-							children: [/* @__PURE__ */ m(ie, { className: "h-4 w-4 shrink-0 text-text-muted" }), /* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ _(te, { className: "h-4 w-4 shrink-0 text-text-muted" }), /* @__PURE__ */ v("div", {
 								className: "min-w-0",
-								children: [/* @__PURE__ */ m("p", {
+								children: [/* @__PURE__ */ _("p", {
 									className: "truncate text-sm font-medium text-text-primary",
 									children: e.title
-								}), /* @__PURE__ */ h("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "text-xs text-text-muted",
 									children: [
 										e.category ? `${e.category} · ` : "",
@@ -378,45 +368,45 @@ function P() {
 									]
 								})]
 							})]
-						}), /* @__PURE__ */ m("button", {
+						}), /* @__PURE__ */ _("button", {
 							type: "button",
 							"aria-label": `Remove document "${e.title}"`,
 							className: "shrink-0 text-text-muted hover:text-status-error-fg",
 							onClick: () => q(e.id),
-							children: /* @__PURE__ */ m(f, { className: "h-4 w-4" })
+							children: /* @__PURE__ */ _(ae, { className: "h-4 w-4" })
 						})]
 					}, e.id))
-				}) : /* @__PURE__ */ m(C, {
+				}) : /* @__PURE__ */ _(T, {
 					illustration: "empty-data",
 					title: "No documents attached",
 					description: "Offer letters, contracts, and compliance documents attached to this profile will appear here.",
-					action: /* @__PURE__ */ h(_, {
+					action: /* @__PURE__ */ v(b, {
 						size: "sm",
 						onClick: () => G(!0),
-						children: [/* @__PURE__ */ m(d, { className: "mr-1.5 h-3.5 w-3.5" }), "Attach document"]
+						children: [/* @__PURE__ */ _(m, { className: "mr-1.5 h-3.5 w-3.5" }), "Attach document"]
 					})
 				})
 			})] }) : null,
-			W === "performance" ? /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+			U === "performance" ? /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
 				className: "text-base",
 				children: "Performance"
-			}) }), /* @__PURE__ */ h(y, {
+			}) }), /* @__PURE__ */ v(S, {
 				className: "flex flex-col items-center gap-6 pt-0 sm:flex-row sm:items-center",
-				children: [/* @__PURE__ */ m(n, {
+				children: [/* @__PURE__ */ _(n, {
 					value: Y.performanceScore,
 					max: 5,
 					size: 160,
 					label: Y.performanceScore.toFixed(1),
 					caption: "/ 5"
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ v("div", {
 					className: "flex-1 space-y-2",
 					children: [
-						/* @__PURE__ */ h(g, {
+						/* @__PURE__ */ v(y, {
 							variant: "secondary",
 							className: "gap-1",
-							children: [/* @__PURE__ */ m(ne, { className: "h-3.5 w-3.5" }), k(Y.performanceScore)]
+							children: [/* @__PURE__ */ _(f, { className: "h-3.5 w-3.5" }), O(Y.performanceScore)]
 						}),
-						/* @__PURE__ */ h("p", {
+						/* @__PURE__ */ v("p", {
 							className: "text-sm text-text-secondary",
 							children: [
 								Q,
@@ -425,35 +415,35 @@ function P() {
 								" out of 5."
 							]
 						}),
-						/* @__PURE__ */ m("p", {
+						/* @__PURE__ */ _("p", {
 							className: "text-xs text-text-muted",
 							children: "Goal, peer, and manager sub-scores will appear here once captured on the review record."
 						})
 					]
 				})]
 			})] }) : null,
-			W === "activity" ? /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ m(x, {
+			U === "activity" ? /* @__PURE__ */ v(x, { children: [/* @__PURE__ */ _(C, { children: /* @__PURE__ */ _(w, {
 				className: "text-base",
 				children: "Recent activity"
-			}) }), /* @__PURE__ */ m(y, {
+			}) }), /* @__PURE__ */ _(S, {
 				className: "pt-0",
-				children: $.length > 0 ? /* @__PURE__ */ m(r, { items: $ }) : /* @__PURE__ */ m(C, {
+				children: $.length > 0 ? /* @__PURE__ */ _(r, { items: $ }) : /* @__PURE__ */ _(T, {
 					illustration: "empty-data",
 					title: "No activity yet",
 					description: "Time logs, leave, payroll, and project assignments for this employee will show up here."
 				})
 			})] }) : null,
-			/* @__PURE__ */ m(s, {
-				open: me,
+			/* @__PURE__ */ _(s, {
+				open: W,
 				onOpenChange: G,
-				onUpload: ({ file: e, title: t, category: n }) => de({
+				onUpload: ({ file: e, title: t, category: n }) => pe({
 					employeeId: Y.id,
 					file: e,
 					title: t,
 					category: n
 				})
 			}),
-			/* @__PURE__ */ m(o, {
+			/* @__PURE__ */ _(o, {
 				open: K !== null,
 				onOpenChange: (e) => {
 					e || q(null);
@@ -463,13 +453,13 @@ function P() {
 				confirmLabel: "Remove",
 				destructive: !0,
 				onConfirm: async () => {
-					K && (await fe(K), q(null));
+					K && (await me(K), q(null));
 				}
 			})
 		]
 	});
 }
 //#endregion
-export { P as HrEmployeeProfilePagePage };
+export { N as HrEmployeeProfilePagePage };
 //# sourceMappingURL=HrEmployeeProfilePagePage.js.map