@burdenoff/microfe-timecampus 2026.703.4 → 2026.703.6

package/dist/timecampus/pages/resource-planning/ResourcePlanningPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ResourcePlanningPage.js","names":[],"sources":["../../../../src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  CalendarRange,\n  Users,\n  TrendingUp,\n  Plus,\n  Pencil,\n  Trash2,\n  UserPlus,\n} from \"lucide-react\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport { getStatusColor, getInitials } from \"../../utils/helpers\";\nimport {\n  useListResourcePlansQuery,\n  useGetCapacityOverviewQuery,\n  useCreateResourcePlanMutation,\n  useUpdateResourcePlanMutation,\n  useDeleteResourcePlanMutation,\n  useCreateAllocationMutation,\n  useUpdateAllocationMutation,\n  useDeleteAllocationMutation,\n  useBulkCreateAllocationsMutation,\n  type ResourcePlanFieldsFragment,\n  type ResourceAllocationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst inputClass =\n  \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\nconst toDateInput = (iso: string) => iso.slice(0, 10);\nconst toIso = (dateStr: string) => new Date(dateStr).toISOString();\n\ninterface PlanFormState {\n  name: string;\n  description: string;\n  startDate: string;\n  endDate: string;\n  status: string;\n}\n\ninterface AllocationRow {\n  userId: string;\n  allocatedHours: string;\n  startDate: string;\n  endDate: string;\n  notes: string;\n}\n\ninterface AllocationEditState {\n  userId: string;\n  allocatedHours: string;\n  actualHours: string;\n  startDate: string;\n  endDate: string;\n  notes: string;\n}\n\nconst emptyPlanForm = (): PlanFormState => {\n  const now = new Date();\n  const start = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const end = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 7);\n  return {\n    name: \"\",\n    description: \"\",\n    startDate: toDateInput(start.toISOString()),\n    endDate: toDateInput(end.toISOString()),\n    status: \"active\",\n  };\n};\n\nconst emptyAllocationRow = (\n  plan?: ResourcePlanFieldsFragment,\n): AllocationRow => ({\n  userId: \"\",\n  allocatedHours: \"\",\n  startDate: plan ? toDateInput(plan.startDate) : \"\",\n  endDate: plan ? toDateInput(plan.endDate) : \"\",\n  notes: \"\",\n});\n\nexport function ResourcePlanningPage() {\n  const now = new Date();\n  const startDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  ).toISOString();\n  const endDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate() + 7,\n  ).toISOString();\n\n  const {\n    data: plansData,\n    loading: plansLoading,\n    error: plansError,\n    refetch: refetchPlans,\n    fetchMore,\n  } = useListResourcePlansQuery({ variables: { limit: PAGE_SIZE, offset: 0 } });\n  const { data: capacityData, refetch: refetchCapacity } =\n    useGetCapacityOverviewQuery({ variables: { startDate, endDate } });\n\n  const [createPlan, { loading: creatingPlan, error: createPlanError }] =\n    useCreateResourcePlanMutation();\n  const [updatePlan, { loading: updatingPlan, error: updatePlanError }] =\n    useUpdateResourcePlanMutation();\n  const [deletePlan, { loading: deletingPlan }] =\n    useDeleteResourcePlanMutation();\n  const [createAllocation, { loading: creatingAlloc }] =\n    useCreateAllocationMutation();\n  const [bulkCreateAllocations, { loading: bulkCreating }] =\n    useBulkCreateAllocationsMutation();\n  const [\n    updateAllocation,\n    { loading: updatingAlloc, error: updateAllocError },\n  ] = useUpdateAllocationMutation();\n  const [deleteAllocation, { loading: deletingAlloc }] =\n    useDeleteAllocationMutation();\n\n  const [planModalOpen, setPlanModalOpen] = useState(false);\n  const [editingPlan, setEditingPlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n  const [planForm, setPlanForm] = useState<PlanFormState>(emptyPlanForm());\n  const [confirmDeletePlan, setConfirmDeletePlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n\n  const [allocModalPlan, setAllocModalPlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n  const [allocRows, setAllocRows] = useState<AllocationRow[]>([]);\n  const [allocError, setAllocError] = useState(false);\n\n  const [editingAlloc, setEditingAlloc] =\n    useState<ResourceAllocationFieldsFragment | null>(null);\n  const [allocEditForm, setAllocEditForm] =\n    useState<AllocationEditState | null>(null);\n  const [confirmDeleteAlloc, setConfirmDeleteAlloc] =\n    useState<ResourceAllocationFieldsFragment | null>(null);\n\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const plans = plansData?.resourcePlans?.items ?? [];\n  const hasMore = plansData?.resourcePlans?.hasMore ?? false;\n  const capacity = capacityData?.capacityOverview;\n\n  const refetchAll = async () => {\n    await Promise.all([refetchPlans(), refetchCapacity()]);\n  };\n\n  // -- Plan handlers --------------------------------------------------------\n  const openCreatePlan = () => {\n    setEditingPlan(null);\n    setPlanForm(emptyPlanForm());\n    setPlanModalOpen(true);\n  };\n\n  const openEditPlan = (plan: ResourcePlanFieldsFragment) => {\n    setEditingPlan(plan);\n    setPlanForm({\n      name: plan.name,\n      description: plan.description ?? \"\",\n      startDate: toDateInput(plan.startDate),\n      endDate: toDateInput(plan.endDate),\n      status: plan.status,\n    });\n    setPlanModalOpen(true);\n  };\n\n  const handleSubmitPlan = async () => {\n    if (!planForm.name.trim()) return;\n    if (editingPlan) {\n      await updatePlan({\n        variables: {\n          id: editingPlan.id,\n          input: {\n            name: planForm.name.trim(),\n            description: planForm.description.trim() || undefined,\n            startDate: toIso(planForm.startDate),\n            endDate: toIso(planForm.endDate),\n            status: planForm.status,\n          },\n        },\n      });\n    } else {\n      await createPlan({\n        variables: {\n          input: {\n            name: planForm.name.trim(),\n            description: planForm.description.trim() || undefined,\n            startDate: toIso(planForm.startDate),\n            endDate: toIso(planForm.endDate),\n          },\n        },\n      });\n    }\n    setPlanModalOpen(false);\n    await refetchAll();\n  };\n\n  const handleDeletePlan = async () => {\n    if (!confirmDeletePlan) return;\n    await deletePlan({ variables: { id: confirmDeletePlan.id } });\n    setConfirmDeletePlan(null);\n    await refetchAll();\n  };\n\n  // -- Allocation handlers --------------------------------------------------\n  const openAddAllocation = (plan: ResourcePlanFieldsFragment) => {\n    setAllocModalPlan(plan);\n    setAllocRows([emptyAllocationRow(plan)]);\n    setAllocError(false);\n  };\n\n  const updateAllocRow = (index: number, patch: Partial<AllocationRow>) => {\n    setAllocRows((rows) =>\n      rows.map((r, i) => (i === index ? { ...r, ...patch } : r)),\n    );\n  };\n\n  const addAllocRow = () => {\n    setAllocRows((rows) => [\n      ...rows,\n      emptyAllocationRow(allocModalPlan ?? undefined),\n    ]);\n  };\n\n  const removeAllocRow = (index: number) => {\n    setAllocRows((rows) => rows.filter((_, i) => i !== index));\n  };\n\n  const allocRowsValid = allocRows.every(\n    (r) =>\n      r.userId.trim() !== \"\" &&\n      r.allocatedHours.trim() !== \"\" &&\n      r.startDate !== \"\" &&\n      r.endDate !== \"\",\n  );\n\n  const handleSubmitAllocations = async () => {\n    if (!allocModalPlan || !allocRowsValid || allocRows.length === 0) return;\n    setAllocError(false);\n    try {\n      if (allocRows.length === 1) {\n        const r = allocRows[0];\n        await createAllocation({\n          variables: {\n            input: {\n              resourcePlanId: allocModalPlan.id,\n              userId: r.userId.trim(),\n              allocatedHours: Number(r.allocatedHours),\n              startDate: toIso(r.startDate),\n              endDate: toIso(r.endDate),\n              notes: r.notes.trim() || undefined,\n            },\n          },\n        });\n      } else {\n        await bulkCreateAllocations({\n          variables: {\n            planId: allocModalPlan.id,\n            allocations: allocRows.map((r) => ({\n              userId: r.userId.trim(),\n              allocatedHours: Number(r.allocatedHours),\n              startDate: toIso(r.startDate),\n              endDate: toIso(r.endDate),\n              notes: r.notes.trim() || undefined,\n            })),\n          },\n        });\n      }\n      setAllocModalPlan(null);\n      await refetchAll();\n    } catch {\n      setAllocError(true);\n    }\n  };\n\n  const openEditAllocation = (alloc: ResourceAllocationFieldsFragment) => {\n    setEditingAlloc(alloc);\n    setAllocEditForm({\n      userId: alloc.userId,\n      allocatedHours: String(alloc.allocatedHours),\n      actualHours: String(alloc.actualHours),\n      startDate: toDateInput(alloc.startDate),\n      endDate: toDateInput(alloc.endDate),\n      notes: alloc.notes ?? \"\",\n    });\n  };\n\n  const handleSubmitAllocEdit = async () => {\n    if (!editingAlloc || !allocEditForm) return;\n    await updateAllocation({\n      variables: {\n        id: editingAlloc.id,\n        input: {\n          userId: allocEditForm.userId.trim(),\n          allocatedHours: Number(allocEditForm.allocatedHours),\n          actualHours: Number(allocEditForm.actualHours),\n          startDate: toIso(allocEditForm.startDate),\n          endDate: toIso(allocEditForm.endDate),\n          notes: allocEditForm.notes.trim() || undefined,\n        },\n      },\n    });\n    setEditingAlloc(null);\n    setAllocEditForm(null);\n    await refetchAll();\n  };\n\n  const handleDeleteAllocation = async () => {\n    if (!confirmDeleteAlloc) return;\n    await deleteAllocation({ variables: { id: confirmDeleteAlloc.id } });\n    setConfirmDeleteAlloc(null);\n    await refetchAll();\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: plans.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            resourcePlans: {\n              ...fetchMoreResult.resourcePlans,\n              items: [\n                ...prev.resourcePlans.items,\n                ...fetchMoreResult.resourcePlans.items,\n              ],\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const newPlanButton = (\n    <button\n      onClick={openCreatePlan}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      New Resource Plan\n    </button>\n  );\n\n  if (plansLoading) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (plansError) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load resource planning data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const utilizationRate = capacity?.utilizationRate ?? 0;\n  const overallocatedCount = capacity?.overallocatedUsers?.length ?? 0;\n  const availableHours = capacity?.availableCapacity ?? 0;\n\n  return (\n    <PageLayout\n      title=\"Resource Planning\"\n      description=\"Plan and optimize team resource allocation\"\n      purpose=\"Match the work ahead to the people you have — see who's over- or under-booked and how much capacity is free this week — so you can commit to deadlines you can actually hit without burning anyone out.\"\n      actions={newPlanButton}\n    >\n      <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n        <StatCard\n          featured\n          title=\"Team Utilization\"\n          value={`${Math.round(utilizationRate)}%`}\n          icon={<TrendingUp className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Over-allocated\"\n          value={String(overallocatedCount)}\n          icon={<Users className=\"h-5 w-5\" />}\n          iconBgColor=\"bg-status-error-bg text-status-error-text\"\n        />\n        <StatCard\n          title=\"Active Plans\"\n          value={String(plans.length)}\n          icon={<Users className=\"h-5 w-5\" />}\n        />\n        <StatCard\n          title=\"Available Capacity\"\n          value={`${Math.round(availableHours)}h`}\n          icon={<CalendarRange className=\"h-5 w-5\" />}\n          description=\"This week\"\n        />\n      </div>\n\n      {plans.length === 0 ? (\n        <EmptyState\n          illustration=\"empty-people\"\n          title=\"No resource plans yet\"\n          description=\"Create a resource plan to start allocating team members and balancing workload across the week.\"\n          action={newPlanButton}\n        />\n      ) : (\n        <div className=\"space-y-6\">\n          {plans.map((plan: ResourcePlanFieldsFragment) => (\n            <div\n              key={plan.id}\n              className=\"rounded-xl border border-border-seam bg-gloss-card shadow-pop\"\n            >\n              <div className=\"flex flex-col gap-3 border-b border-border-seam p-5 sm:flex-row sm:items-center sm:justify-between\">\n                <div>\n                  <div className=\"flex items-center gap-2\">\n                    <p className=\"text-sm font-semibold text-text-primary\">\n                      {plan.name}\n                    </p>\n                    <span\n                      className={`inline-flex rounded-full px-2 py-0.5 text-xs font-medium ${getStatusColor(plan.status)}`}\n                    >\n                      {plan.status}\n                    </span>\n                  </div>\n                  <p className=\"mt-0.5 text-xs text-text-secondary\">\n                    {plan.startDate.slice(0, 10)} to {plan.endDate.slice(0, 10)}{\" \"}\n                    &middot; {plan.totalAllocatedHours}h allocated &middot;{\" \"}\n                    {plan.allocations.length} people\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <button\n                    onClick={() => openAddAllocation(plan)}\n                    className=\"inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-2.5 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                  >\n                    <UserPlus className=\"h-3.5 w-3.5\" />\n                    Add Allocation\n                  </button>\n                  <button\n                    onClick={() => openEditPlan(plan)}\n                    className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken/50\"\n                  >\n                    <Pencil className=\"h-3.5 w-3.5\" />\n                    Edit\n                  </button>\n                  <button\n                    onClick={() => setConfirmDeletePlan(plan)}\n                    className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg\"\n                  >\n                    <Trash2 className=\"h-3.5 w-3.5\" />\n                    Delete\n                  </button>\n                </div>\n              </div>\n\n              {plan.allocations.length === 0 ? (\n                <div className=\"p-5 text-sm text-text-secondary\">\n                  No allocations yet. Use &ldquo;Add Allocation&rdquo; to assign\n                  team members.\n                </div>\n              ) : (\n                <div className=\"divide-y divide-border\">\n                  {plan.allocations.map(\n                    (alloc: ResourceAllocationFieldsFragment) => {\n                      const utilization =\n                        alloc.utilizationRate ??\n                        (alloc.allocatedHours > 0\n                          ? Math.round(\n                              (alloc.actualHours / alloc.allocatedHours) * 100,\n                            )\n                          : 0);\n                      return (\n                        <div\n                          key={alloc.id}\n                          className=\"flex items-center justify-between p-4 hover:bg-bg-sunken/50 transition-colors\"\n                        >\n                          <div className=\"flex items-center gap-3\">\n                            <div className=\"flex h-9 w-9 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n                              {getInitials(alloc.userId)}\n                            </div>\n                            <div>\n                              <p className=\"text-sm font-medium text-text-primary\">\n                                {alloc.userId}\n                              </p>\n                              <p className=\"text-xs text-text-secondary\">\n                                {alloc.startDate.slice(0, 10)} to{\" \"}\n                                {alloc.endDate.slice(0, 10)}\n                              </p>\n                            </div>\n                          </div>\n                          <div className=\"flex items-center gap-4\">\n                            <div className=\"text-right\">\n                              <p className=\"text-sm font-medium text-text-primary\">\n                                {alloc.allocatedHours}h allocated\n                              </p>\n                            </div>\n                            <div className=\"w-24\">\n                              <div className=\"flex items-center justify-between text-xs mb-0.5\">\n                                <span\n                                  className={`font-medium ${utilization > 100 ? \"text-status-error-text\" : utilization < 70 ? \"text-status-warning-text\" : \"text-status-success-text\"}`}\n                                >\n                                  {utilization}%\n                                </span>\n                              </div>\n                              <div className=\"h-2 rounded-full bg-bg-sunken\">\n                                <div\n                                  className={`h-2 rounded-full ${utilization > 100 ? \"bg-status-error-text\" : utilization < 70 ? \"bg-status-warning-text\" : \"bg-status-success-text\"}`}\n                                  style={{\n                                    width: `${Math.min(utilization, 100)}%`,\n                                  }}\n                                />\n                              </div>\n                            </div>\n                            <div className=\"flex items-center gap-1\">\n                              <button\n                                onClick={() => openEditAllocation(alloc)}\n                                aria-label=\"Edit allocation\"\n                                className=\"rounded-md border border-border-subtle p-1.5 text-text-primary hover:bg-bg-sunken/50\"\n                              >\n                                <Pencil className=\"h-4 w-4\" />\n                              </button>\n                              <button\n                                onClick={() => setConfirmDeleteAlloc(alloc)}\n                                aria-label=\"Delete allocation\"\n                                className=\"rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                              >\n                                <Trash2 className=\"h-4 w-4\" />\n                              </button>\n                            </div>\n                          </div>\n                        </div>\n                      );\n                    },\n                  )}\n                </div>\n              )}\n            </div>\n          ))}\n          {hasMore && (\n            <div className=\"flex justify-center\">\n              <button\n                onClick={handleLoadMore}\n                disabled={loadingMore}\n                className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n              >\n                {loadingMore ? \"Loading...\" : \"Load more\"}\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n\n      {/* Plan create/edit modal */}\n      <Modal\n        open={planModalOpen}\n        onClose={() => setPlanModalOpen(false)}\n        title={editingPlan ? \"Edit Resource Plan\" : \"New Resource Plan\"}\n        description=\"Set the window this plan covers, then allocate people to it.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setPlanModalOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitPlan}\n              disabled={creatingPlan || updatingPlan || !planForm.name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creatingPlan || updatingPlan\n                ? \"Saving...\"\n                : editingPlan\n                  ? \"Save Changes\"\n                  : \"Create Plan\"}\n            </button>\n          </>\n        }\n      >\n        {(createPlanError || updatePlanError) && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to save resource plan. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Plan Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Q3 Delivery\"\n              value={planForm.name}\n              onChange={(e) =>\n                setPlanForm({ ...planForm, name: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description (optional)\n            </label>\n            <textarea\n              rows={2}\n              placeholder=\"What this plan covers\"\n              value={planForm.description}\n              onChange={(e) =>\n                setPlanForm({ ...planForm, description: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Start Date\n              </label>\n              <input\n                type=\"date\"\n                value={planForm.startDate}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, startDate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                End Date\n              </label>\n              <input\n                type=\"date\"\n                value={planForm.endDate}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, endDate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n          {editingPlan && (\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Status\n              </label>\n              <select\n                value={planForm.status}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, status: e.target.value })\n                }\n                className={inputClass}\n              >\n                <option value=\"active\">Active</option>\n                <option value=\"draft\">Draft</option>\n                <option value=\"completed\">Completed</option>\n                <option value=\"archived\">Archived</option>\n              </select>\n            </div>\n          )}\n        </div>\n      </Modal>\n\n      {/* Add allocation(s) modal */}\n      <Modal\n        open={allocModalPlan !== null}\n        onClose={() => setAllocModalPlan(null)}\n        title=\"Add Allocation\"\n        description={\n          allocModalPlan\n            ? `Assign team members to \"${allocModalPlan.name}\".`\n            : undefined\n        }\n        size=\"xl\"\n        footer={\n          <>\n            <button\n              onClick={() => setAllocModalPlan(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitAllocations}\n              disabled={creatingAlloc || bulkCreating || !allocRowsValid}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creatingAlloc || bulkCreating\n                ? \"Saving...\"\n                : allocRows.length > 1\n                  ? `Add ${allocRows.length} Allocations`\n                  : \"Add Allocation\"}\n            </button>\n          </>\n        }\n      >\n        {allocError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to add allocations. Please check the values and try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          {allocRows.map((row, index) => (\n            <div\n              key={index}\n              className=\"rounded-lg border border-border-subtle p-3\"\n            >\n              <div className=\"mb-2 flex items-center justify-between\">\n                <span className=\"text-xs font-medium text-text-secondary\">\n                  Allocation {index + 1}\n                </span>\n                {allocRows.length > 1 && (\n                  <button\n                    onClick={() => removeAllocRow(index)}\n                    className=\"text-xs font-medium text-status-error-text hover:underline\"\n                  >\n                    Remove\n                  </button>\n                )}\n              </div>\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    User ID\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"User identifier\"\n                    value={row.userId}\n                    onChange={(e) =>\n                      updateAllocRow(index, { userId: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Allocated Hours\n                  </label>\n                  <input\n                    type=\"number\"\n                    placeholder=\"0\"\n                    value={row.allocatedHours}\n                    onChange={(e) =>\n                      updateAllocRow(index, {\n                        allocatedHours: e.target.value,\n                      })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Start Date\n                  </label>\n                  <input\n                    type=\"date\"\n                    value={row.startDate}\n                    onChange={(e) =>\n                      updateAllocRow(index, { startDate: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    End Date\n                  </label>\n                  <input\n                    type=\"date\"\n                    value={row.endDate}\n                    onChange={(e) =>\n                      updateAllocRow(index, { endDate: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div className=\"sm:col-span-2\">\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Notes (optional)\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"Context for this allocation\"\n                    value={row.notes}\n                    onChange={(e) =>\n                      updateAllocRow(index, { notes: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n              </div>\n            </div>\n          ))}\n          <button\n            onClick={addAllocRow}\n            className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n          >\n            <Plus className=\"h-4 w-4\" />\n            Add another person\n          </button>\n        </div>\n      </Modal>\n\n      {/* Edit allocation modal */}\n      <Modal\n        open={editingAlloc !== null && allocEditForm !== null}\n        onClose={() => {\n          setEditingAlloc(null);\n          setAllocEditForm(null);\n        }}\n        title=\"Edit Allocation\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => {\n                setEditingAlloc(null);\n                setAllocEditForm(null);\n              }}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitAllocEdit}\n              disabled={updatingAlloc}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {updatingAlloc ? \"Saving...\" : \"Save Changes\"}\n            </button>\n          </>\n        }\n      >\n        {updateAllocError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to update allocation. Please try again.\n          </div>\n        )}\n        {allocEditForm && (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                User ID\n              </label>\n              <input\n                type=\"text\"\n                value={allocEditForm.userId}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    userId: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Allocated Hours\n              </label>\n              <input\n                type=\"number\"\n                value={allocEditForm.allocatedHours}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    allocatedHours: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Actual Hours\n              </label>\n              <input\n                type=\"number\"\n                value={allocEditForm.actualHours}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    actualHours: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div />\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Start Date\n              </label>\n              <input\n                type=\"date\"\n                value={allocEditForm.startDate}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    startDate: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                End Date\n              </label>\n              <input\n                type=\"date\"\n                value={allocEditForm.endDate}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    endDate: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Notes (optional)\n              </label>\n              <input\n                type=\"text\"\n                value={allocEditForm.notes}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    notes: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        )}\n      </Modal>\n\n      {/* Delete plan confirm */}\n      <Modal\n        open={confirmDeletePlan !== null}\n        onClose={() => setConfirmDeletePlan(null)}\n        title=\"Delete Resource Plan\"\n        description=\"This action cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setConfirmDeletePlan(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDeletePlan}\n              disabled={deletingPlan}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deletingPlan ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {confirmDeletePlan?.name}\n          </span>\n          ? All its allocations will be removed.\n        </p>\n      </Modal>\n\n      {/* Delete allocation confirm */}\n      <Modal\n        open={confirmDeleteAlloc !== null}\n        onClose={() => setConfirmDeleteAlloc(null)}\n        title=\"Delete Allocation\"\n        description=\"This action cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setConfirmDeleteAlloc(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDeleteAllocation}\n              disabled={deletingAlloc}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deletingAlloc ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Remove the allocation for{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {confirmDeleteAlloc?.userId}\n          </span>\n          ?\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ResourcePlanningPage.js","names":[],"sources":["../../../../src/timecampus/pages/resource-planning/ResourcePlanningPage.tsx"],"sourcesContent":["import { useState } from \"react\";\nimport {\n  CalendarRange,\n  Users,\n  TrendingUp,\n  Plus,\n  Pencil,\n  Trash2,\n  UserPlus,\n  AlertTriangle,\n} from \"lucide-react\";\nimport { GlassCard } from \"@burdenoff/fe-libs/ui\";\nimport { PageLayout } from \"../../components/PageLayout\";\nimport { StatCard } from \"../../components/StatCard\";\nimport { EmptyState } from \"../../components/EmptyState\";\nimport { LoadingSkeleton } from \"../../components/LoadingSkeleton\";\nimport { Modal } from \"../../components/Modal\";\nimport {\n  ChartCard,\n  DonutChart,\n  RadialGauge,\n  ProgressMeter,\n  StatusBadge,\n  type MeterTone,\n} from \"../../components\";\nimport { getInitials, formatHours } from \"../../utils/helpers\";\nimport {\n  useListResourcePlansQuery,\n  useGetCapacityOverviewQuery,\n  useCreateResourcePlanMutation,\n  useUpdateResourcePlanMutation,\n  useDeleteResourcePlanMutation,\n  useCreateAllocationMutation,\n  useUpdateAllocationMutation,\n  useDeleteAllocationMutation,\n  useBulkCreateAllocationsMutation,\n  type ResourcePlanFieldsFragment,\n  type ResourceAllocationFieldsFragment,\n} from \"@/generated/wspace-operations\";\n\nconst PAGE_SIZE = 25;\n\nconst inputClass =\n  \"mt-1 w-full rounded-md border border-border-subtle bg-bg-surface px-3 py-2 text-sm text-text-primary placeholder:text-text-secondary\";\n\nconst toDateInput = (iso: string) => iso.slice(0, 10);\nconst toIso = (dateStr: string) => new Date(dateStr).toISOString();\n\ninterface PlanFormState {\n  name: string;\n  description: string;\n  startDate: string;\n  endDate: string;\n  status: string;\n}\n\ninterface AllocationRow {\n  userId: string;\n  allocatedHours: string;\n  startDate: string;\n  endDate: string;\n  notes: string;\n}\n\ninterface AllocationEditState {\n  userId: string;\n  allocatedHours: string;\n  actualHours: string;\n  startDate: string;\n  endDate: string;\n  notes: string;\n}\n\nconst emptyPlanForm = (): PlanFormState => {\n  const now = new Date();\n  const start = new Date(now.getFullYear(), now.getMonth(), now.getDate());\n  const end = new Date(now.getFullYear(), now.getMonth(), now.getDate() + 7);\n  return {\n    name: \"\",\n    description: \"\",\n    startDate: toDateInput(start.toISOString()),\n    endDate: toDateInput(end.toISOString()),\n    status: \"active\",\n  };\n};\n\nconst emptyAllocationRow = (\n  plan?: ResourcePlanFieldsFragment,\n): AllocationRow => ({\n  userId: \"\",\n  allocatedHours: \"\",\n  startDate: plan ? toDateInput(plan.startDate) : \"\",\n  endDate: plan ? toDateInput(plan.endDate) : \"\",\n  notes: \"\",\n});\n\nexport function ResourcePlanningPage() {\n  const now = new Date();\n  const startDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate(),\n  ).toISOString();\n  const endDate = new Date(\n    now.getFullYear(),\n    now.getMonth(),\n    now.getDate() + 7,\n  ).toISOString();\n\n  const {\n    data: plansData,\n    loading: plansLoading,\n    error: plansError,\n    refetch: refetchPlans,\n    fetchMore,\n  } = useListResourcePlansQuery({ variables: { limit: PAGE_SIZE, offset: 0 } });\n  const { data: capacityData, refetch: refetchCapacity } =\n    useGetCapacityOverviewQuery({ variables: { startDate, endDate } });\n\n  const [createPlan, { loading: creatingPlan, error: createPlanError }] =\n    useCreateResourcePlanMutation();\n  const [updatePlan, { loading: updatingPlan, error: updatePlanError }] =\n    useUpdateResourcePlanMutation();\n  const [deletePlan, { loading: deletingPlan }] =\n    useDeleteResourcePlanMutation();\n  const [createAllocation, { loading: creatingAlloc }] =\n    useCreateAllocationMutation();\n  const [bulkCreateAllocations, { loading: bulkCreating }] =\n    useBulkCreateAllocationsMutation();\n  const [\n    updateAllocation,\n    { loading: updatingAlloc, error: updateAllocError },\n  ] = useUpdateAllocationMutation();\n  const [deleteAllocation, { loading: deletingAlloc }] =\n    useDeleteAllocationMutation();\n\n  const [planModalOpen, setPlanModalOpen] = useState(false);\n  const [editingPlan, setEditingPlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n  const [planForm, setPlanForm] = useState<PlanFormState>(emptyPlanForm());\n  const [confirmDeletePlan, setConfirmDeletePlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n\n  const [allocModalPlan, setAllocModalPlan] =\n    useState<ResourcePlanFieldsFragment | null>(null);\n  const [allocRows, setAllocRows] = useState<AllocationRow[]>([]);\n  const [allocError, setAllocError] = useState(false);\n\n  const [editingAlloc, setEditingAlloc] =\n    useState<ResourceAllocationFieldsFragment | null>(null);\n  const [allocEditForm, setAllocEditForm] =\n    useState<AllocationEditState | null>(null);\n  const [confirmDeleteAlloc, setConfirmDeleteAlloc] =\n    useState<ResourceAllocationFieldsFragment | null>(null);\n\n  const [loadingMore, setLoadingMore] = useState(false);\n\n  const plans = plansData?.resourcePlans?.items ?? [];\n  const hasMore = plansData?.resourcePlans?.hasMore ?? false;\n  const capacity = capacityData?.capacityOverview;\n\n  const refetchAll = async () => {\n    await Promise.all([refetchPlans(), refetchCapacity()]);\n  };\n\n  // -- Plan handlers --------------------------------------------------------\n  const openCreatePlan = () => {\n    setEditingPlan(null);\n    setPlanForm(emptyPlanForm());\n    setPlanModalOpen(true);\n  };\n\n  const openEditPlan = (plan: ResourcePlanFieldsFragment) => {\n    setEditingPlan(plan);\n    setPlanForm({\n      name: plan.name,\n      description: plan.description ?? \"\",\n      startDate: toDateInput(plan.startDate),\n      endDate: toDateInput(plan.endDate),\n      status: plan.status,\n    });\n    setPlanModalOpen(true);\n  };\n\n  const handleSubmitPlan = async () => {\n    if (!planForm.name.trim()) return;\n    if (editingPlan) {\n      await updatePlan({\n        variables: {\n          id: editingPlan.id,\n          input: {\n            name: planForm.name.trim(),\n            description: planForm.description.trim() || undefined,\n            startDate: toIso(planForm.startDate),\n            endDate: toIso(planForm.endDate),\n            status: planForm.status,\n          },\n        },\n      });\n    } else {\n      await createPlan({\n        variables: {\n          input: {\n            name: planForm.name.trim(),\n            description: planForm.description.trim() || undefined,\n            startDate: toIso(planForm.startDate),\n            endDate: toIso(planForm.endDate),\n          },\n        },\n      });\n    }\n    setPlanModalOpen(false);\n    await refetchAll();\n  };\n\n  const handleDeletePlan = async () => {\n    if (!confirmDeletePlan) return;\n    await deletePlan({ variables: { id: confirmDeletePlan.id } });\n    setConfirmDeletePlan(null);\n    await refetchAll();\n  };\n\n  // -- Allocation handlers --------------------------------------------------\n  const openAddAllocation = (plan: ResourcePlanFieldsFragment) => {\n    setAllocModalPlan(plan);\n    setAllocRows([emptyAllocationRow(plan)]);\n    setAllocError(false);\n  };\n\n  const updateAllocRow = (index: number, patch: Partial<AllocationRow>) => {\n    setAllocRows((rows) =>\n      rows.map((r, i) => (i === index ? { ...r, ...patch } : r)),\n    );\n  };\n\n  const addAllocRow = () => {\n    setAllocRows((rows) => [\n      ...rows,\n      emptyAllocationRow(allocModalPlan ?? undefined),\n    ]);\n  };\n\n  const removeAllocRow = (index: number) => {\n    setAllocRows((rows) => rows.filter((_, i) => i !== index));\n  };\n\n  const allocRowsValid = allocRows.every(\n    (r) =>\n      r.userId.trim() !== \"\" &&\n      r.allocatedHours.trim() !== \"\" &&\n      r.startDate !== \"\" &&\n      r.endDate !== \"\",\n  );\n\n  const handleSubmitAllocations = async () => {\n    if (!allocModalPlan || !allocRowsValid || allocRows.length === 0) return;\n    setAllocError(false);\n    try {\n      if (allocRows.length === 1) {\n        const r = allocRows[0];\n        await createAllocation({\n          variables: {\n            input: {\n              resourcePlanId: allocModalPlan.id,\n              userId: r.userId.trim(),\n              allocatedHours: Number(r.allocatedHours),\n              startDate: toIso(r.startDate),\n              endDate: toIso(r.endDate),\n              notes: r.notes.trim() || undefined,\n            },\n          },\n        });\n      } else {\n        await bulkCreateAllocations({\n          variables: {\n            planId: allocModalPlan.id,\n            allocations: allocRows.map((r) => ({\n              userId: r.userId.trim(),\n              allocatedHours: Number(r.allocatedHours),\n              startDate: toIso(r.startDate),\n              endDate: toIso(r.endDate),\n              notes: r.notes.trim() || undefined,\n            })),\n          },\n        });\n      }\n      setAllocModalPlan(null);\n      await refetchAll();\n    } catch {\n      setAllocError(true);\n    }\n  };\n\n  const openEditAllocation = (alloc: ResourceAllocationFieldsFragment) => {\n    setEditingAlloc(alloc);\n    setAllocEditForm({\n      userId: alloc.userId,\n      allocatedHours: String(alloc.allocatedHours),\n      actualHours: String(alloc.actualHours),\n      startDate: toDateInput(alloc.startDate),\n      endDate: toDateInput(alloc.endDate),\n      notes: alloc.notes ?? \"\",\n    });\n  };\n\n  const handleSubmitAllocEdit = async () => {\n    if (!editingAlloc || !allocEditForm) return;\n    await updateAllocation({\n      variables: {\n        id: editingAlloc.id,\n        input: {\n          userId: allocEditForm.userId.trim(),\n          allocatedHours: Number(allocEditForm.allocatedHours),\n          actualHours: Number(allocEditForm.actualHours),\n          startDate: toIso(allocEditForm.startDate),\n          endDate: toIso(allocEditForm.endDate),\n          notes: allocEditForm.notes.trim() || undefined,\n        },\n      },\n    });\n    setEditingAlloc(null);\n    setAllocEditForm(null);\n    await refetchAll();\n  };\n\n  const handleDeleteAllocation = async () => {\n    if (!confirmDeleteAlloc) return;\n    await deleteAllocation({ variables: { id: confirmDeleteAlloc.id } });\n    setConfirmDeleteAlloc(null);\n    await refetchAll();\n  };\n\n  const handleLoadMore = async () => {\n    setLoadingMore(true);\n    try {\n      await fetchMore({\n        variables: { limit: PAGE_SIZE, offset: plans.length },\n        updateQuery: (prev, { fetchMoreResult }) => {\n          if (!fetchMoreResult) return prev;\n          return {\n            resourcePlans: {\n              ...fetchMoreResult.resourcePlans,\n              items: [\n                ...prev.resourcePlans.items,\n                ...fetchMoreResult.resourcePlans.items,\n              ],\n            },\n          };\n        },\n      });\n    } finally {\n      setLoadingMore(false);\n    }\n  };\n\n  const newPlanButton = (\n    <button\n      onClick={openCreatePlan}\n      className=\"inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n    >\n      <Plus className=\"h-4 w-4\" />\n      New Resource Plan\n    </button>\n  );\n\n  if (plansLoading) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <LoadingSkeleton variant=\"list\" count={5} />\n      </PageLayout>\n    );\n  }\n\n  if (plansError) {\n    return (\n      <PageLayout\n        title=\"Resource Planning\"\n        description=\"Plan and optimize team resource allocation\"\n      >\n        <div className=\"rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text\">\n          Failed to load resource planning data. Please try again later.\n        </div>\n      </PageLayout>\n    );\n  }\n\n  const utilizationRate = capacity?.utilizationRate ?? 0;\n  const overallocatedUsers = capacity?.overallocatedUsers ?? [];\n  const overallocatedCount = overallocatedUsers.length;\n  const availableHours = capacity?.availableCapacity ?? 0;\n  const allocatedHours = capacity?.allocatedCapacity ?? 0;\n  const totalHours = capacity?.totalCapacity ?? 0;\n  const hasCapacity =\n    !!capacity &&\n    (totalHours > 0 || allocatedHours > 0 || overallocatedCount > 0);\n\n  return (\n    <PageLayout\n      title=\"Resource Planning\"\n      description=\"Plan and optimize team resource allocation\"\n      purpose=\"Match the work ahead to the people you have — see who's over- or under-booked and how much capacity is free this week — so you can commit to deadlines you can actually hit without burning anyone out.\"\n      actions={newPlanButton}\n    >\n      <div className=\"space-y-6\">\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n          <StatCard\n            featured\n            title=\"Team Utilization\"\n            value={`${Math.round(utilizationRate)}%`}\n            icon={<TrendingUp className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Over-allocated\"\n            value={String(overallocatedCount)}\n            icon={<Users className=\"h-5 w-5\" />}\n            iconBgColor=\"bg-status-error-bg text-status-error-text\"\n          />\n          <StatCard\n            title=\"Active Plans\"\n            value={String(plans.length)}\n            icon={<Users className=\"h-5 w-5\" />}\n          />\n          <StatCard\n            title=\"Available Capacity\"\n            value={`${Math.round(availableHours)}h`}\n            icon={<CalendarRange className=\"h-5 w-5\" />}\n            description=\"This week\"\n          />\n        </div>\n\n        {hasCapacity && (\n          <div className=\"grid grid-cols-1 gap-6 lg:grid-cols-2\">\n            <ChartCard\n              title=\"Capacity split\"\n              description=\"Allocated vs available hours this week\"\n            >\n              <DonutChart\n                data={[\n                  { name: \"Allocated\", value: allocatedHours },\n                  { name: \"Available\", value: availableHours },\n                ]}\n                centerLabel=\"Total\"\n                centerValue={`${Math.round(totalHours)}h`}\n                valueFormat={(v) => `${Math.round(v)}h`}\n                emptyLabel=\"No capacity data yet\"\n              />\n            </ChartCard>\n            <ChartCard\n              title=\"Utilization & over-allocation\"\n              description=\"Team utilization and who is over-booked this week\"\n            >\n              <RadialGauge\n                value={Math.round(utilizationRate)}\n                max={100}\n                label=\"Utilization\"\n                sublabel=\"this week\"\n                format={(v) => `${Math.round(v)}%`}\n              />\n              <div className=\"mt-4\">\n                <p className=\"mb-2 text-xs font-medium text-text-secondary\">\n                  Over-allocated ({overallocatedCount})\n                </p>\n                {overallocatedCount === 0 ? (\n                  <p className=\"text-sm text-text-secondary\">\n                    No one is over-allocated this week.\n                  </p>\n                ) : (\n                  <div className=\"flex flex-wrap gap-2\">\n                    {overallocatedUsers.map((userId: string) => (\n                      <span\n                        key={userId}\n                        className=\"inline-flex items-center gap-1 rounded-full bg-status-warning-bg px-2.5 py-0.5 text-xs font-medium text-status-warning-text\"\n                      >\n                        <AlertTriangle className=\"h-3.5 w-3.5\" />\n                        {userId}\n                      </span>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </ChartCard>\n          </div>\n        )}\n\n        {plans.length === 0 ? (\n          <EmptyState\n            illustration=\"empty-people\"\n            title=\"No resource plans yet\"\n            description=\"Create a resource plan to start allocating team members and balancing workload across the week.\"\n            action={newPlanButton}\n          />\n        ) : (\n          <div className=\"space-y-6\">\n            {plans.map((plan: ResourcePlanFieldsFragment) => (\n              <GlassCard\n                key={plan.id}\n                treatment=\"glass\"\n                className=\"overflow-hidden\"\n              >\n                <div className=\"flex flex-col gap-3 border-b border-border-seam p-5 sm:flex-row sm:items-start sm:justify-between\">\n                  <div className=\"min-w-0\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <p className=\"text-sm font-semibold text-text-primary\">\n                        {plan.name}\n                      </p>\n                      <StatusBadge label={plan.status} status={plan.status} />\n                    </div>\n                    <p className=\"mt-0.5 text-xs text-text-secondary\">\n                      {plan.startDate.slice(0, 10)} to{\" \"}\n                      {plan.endDate.slice(0, 10)} &middot;{\" \"}\n                      {plan.allocations.length}{\" \"}\n                      {plan.allocations.length === 1 ? \"person\" : \"people\"}\n                    </p>\n                    <div className=\"mt-3 max-w-sm\">\n                      <ProgressMeter\n                        size=\"sm\"\n                        label=\"Logged vs allocated\"\n                        value={plan.totalActualHours}\n                        max={\n                          plan.totalAllocatedHours > 0\n                            ? plan.totalAllocatedHours\n                            : Math.max(plan.totalActualHours, 1)\n                        }\n                        format={(v) => formatHours(v)}\n                      />\n                    </div>\n                  </div>\n                  <div className=\"flex flex-wrap items-center gap-2\">\n                    <button\n                      onClick={() => openAddAllocation(plan)}\n                      className=\"inline-flex items-center gap-1 rounded-md bg-action-primary-bg px-2.5 py-1.5 text-xs font-medium text-action-primary-text hover:bg-action-primary-bg/90\"\n                    >\n                      <UserPlus className=\"h-3.5 w-3.5\" />\n                      Add Allocation\n                    </button>\n                    <button\n                      onClick={() => openEditPlan(plan)}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-text-primary hover:bg-bg-sunken/50\"\n                    >\n                      <Pencil className=\"h-3.5 w-3.5\" />\n                      Edit\n                    </button>\n                    <button\n                      onClick={() => setConfirmDeletePlan(plan)}\n                      className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-2.5 py-1.5 text-xs font-medium text-status-error-text hover:bg-status-error-bg\"\n                    >\n                      <Trash2 className=\"h-3.5 w-3.5\" />\n                      Delete\n                    </button>\n                  </div>\n                </div>\n\n                {plan.allocations.length === 0 ? (\n                  <div className=\"p-5 text-sm text-text-secondary\">\n                    No allocations yet. Use &ldquo;Add Allocation&rdquo; to\n                    assign team members.\n                  </div>\n                ) : (\n                  <div className=\"overflow-x-auto\">\n                    <table className=\"w-full text-sm\">\n                      <thead>\n                        <tr className=\"border-b border-border-seam text-left text-xs text-text-secondary\">\n                          <th className=\"whitespace-nowrap px-5 py-2.5 font-medium\">\n                            Member\n                          </th>\n                          <th className=\"whitespace-nowrap px-4 py-2.5 font-medium\">\n                            Window\n                          </th>\n                          <th className=\"whitespace-nowrap px-4 py-2.5 text-right font-medium\">\n                            Allocated\n                          </th>\n                          <th className=\"whitespace-nowrap px-4 py-2.5 text-right font-medium\">\n                            Actual\n                          </th>\n                          <th className=\"whitespace-nowrap px-4 py-2.5 font-medium\">\n                            Utilization\n                          </th>\n                          <th className=\"whitespace-nowrap px-5 py-2.5 text-right font-medium\">\n                            Actions\n                          </th>\n                        </tr>\n                      </thead>\n                      <tbody className=\"divide-y divide-border-seam\">\n                        {plan.allocations.map(\n                          (alloc: ResourceAllocationFieldsFragment) => {\n                            const utilization =\n                              alloc.utilizationRate ??\n                              (alloc.allocatedHours > 0\n                                ? Math.round(\n                                    (alloc.actualHours / alloc.allocatedHours) *\n                                      100,\n                                  )\n                                : 0);\n                            const tone: MeterTone =\n                              utilization > 100\n                                ? \"danger\"\n                                : utilization < 70\n                                  ? \"warning\"\n                                  : \"success\";\n                            const toneText =\n                              tone === \"danger\"\n                                ? \"text-status-error-text\"\n                                : tone === \"warning\"\n                                  ? \"text-status-warning-text\"\n                                  : \"text-status-success-text\";\n                            return (\n                              <tr\n                                key={alloc.id}\n                                className=\"transition-colors hover:bg-bg-sunken/50\"\n                              >\n                                <td className=\"whitespace-nowrap px-5 py-3\">\n                                  <div className=\"flex items-center gap-3\">\n                                    <div className=\"flex h-9 w-9 shrink-0 items-center justify-center rounded-full bg-action-primary-bg/10 text-sm font-medium text-primary\">\n                                      {getInitials(alloc.userId)}\n                                    </div>\n                                    <span className=\"font-medium text-text-primary\">\n                                      {alloc.userId}\n                                    </span>\n                                  </div>\n                                </td>\n                                <td className=\"whitespace-nowrap px-4 py-3 text-text-secondary\">\n                                  {alloc.startDate.slice(0, 10)} to{\" \"}\n                                  {alloc.endDate.slice(0, 10)}\n                                </td>\n                                <td className=\"whitespace-nowrap px-4 py-3 text-right font-medium text-text-primary\">\n                                  {formatHours(alloc.allocatedHours)}\n                                </td>\n                                <td className=\"whitespace-nowrap px-4 py-3 text-right text-text-secondary\">\n                                  {formatHours(alloc.actualHours)}\n                                </td>\n                                <td className=\"px-4 py-3\">\n                                  <div className=\"flex w-40 items-center gap-2\">\n                                    <ProgressMeter\n                                      size=\"sm\"\n                                      value={utilization}\n                                      max={100}\n                                      tone={tone}\n                                      showValue={false}\n                                      className=\"flex-1\"\n                                    />\n                                    <span\n                                      className={`shrink-0 text-xs font-medium tabular-nums ${toneText}`}\n                                    >\n                                      {utilization}%\n                                    </span>\n                                  </div>\n                                </td>\n                                <td className=\"whitespace-nowrap px-5 py-3\">\n                                  <div className=\"flex items-center justify-end gap-1\">\n                                    <button\n                                      onClick={() => openEditAllocation(alloc)}\n                                      aria-label=\"Edit allocation\"\n                                      className=\"rounded-md border border-border-subtle p-1.5 text-text-primary hover:bg-bg-sunken/50\"\n                                    >\n                                      <Pencil className=\"h-4 w-4\" />\n                                    </button>\n                                    <button\n                                      onClick={() =>\n                                        setConfirmDeleteAlloc(alloc)\n                                      }\n                                      aria-label=\"Delete allocation\"\n                                      className=\"rounded-md border border-border-subtle p-1.5 text-status-error-text hover:bg-status-error-bg\"\n                                    >\n                                      <Trash2 className=\"h-4 w-4\" />\n                                    </button>\n                                  </div>\n                                </td>\n                              </tr>\n                            );\n                          },\n                        )}\n                      </tbody>\n                    </table>\n                  </div>\n                )}\n              </GlassCard>\n            ))}\n            {hasMore && (\n              <div className=\"flex justify-center\">\n                <button\n                  onClick={handleLoadMore}\n                  disabled={loadingMore}\n                  className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50 disabled:opacity-50\"\n                >\n                  {loadingMore ? \"Loading...\" : \"Load more\"}\n                </button>\n              </div>\n            )}\n          </div>\n        )}\n      </div>\n\n      {/* Plan create/edit modal */}\n      <Modal\n        open={planModalOpen}\n        onClose={() => setPlanModalOpen(false)}\n        title={editingPlan ? \"Edit Resource Plan\" : \"New Resource Plan\"}\n        description=\"Set the window this plan covers, then allocate people to it.\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => setPlanModalOpen(false)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitPlan}\n              disabled={creatingPlan || updatingPlan || !planForm.name.trim()}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creatingPlan || updatingPlan\n                ? \"Saving...\"\n                : editingPlan\n                  ? \"Save Changes\"\n                  : \"Create Plan\"}\n            </button>\n          </>\n        }\n      >\n        {(createPlanError || updatePlanError) && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to save resource plan. Please try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Plan Name\n            </label>\n            <input\n              type=\"text\"\n              placeholder=\"e.g. Q3 Delivery\"\n              value={planForm.name}\n              onChange={(e) =>\n                setPlanForm({ ...planForm, name: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div>\n            <label className=\"block text-sm font-medium text-text-primary\">\n              Description (optional)\n            </label>\n            <textarea\n              rows={2}\n              placeholder=\"What this plan covers\"\n              value={planForm.description}\n              onChange={(e) =>\n                setPlanForm({ ...planForm, description: e.target.value })\n              }\n              className={inputClass}\n            />\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Start Date\n              </label>\n              <input\n                type=\"date\"\n                value={planForm.startDate}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, startDate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                End Date\n              </label>\n              <input\n                type=\"date\"\n                value={planForm.endDate}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, endDate: e.target.value })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n          {editingPlan && (\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Status\n              </label>\n              <select\n                value={planForm.status}\n                onChange={(e) =>\n                  setPlanForm({ ...planForm, status: e.target.value })\n                }\n                className={inputClass}\n              >\n                <option value=\"active\">Active</option>\n                <option value=\"draft\">Draft</option>\n                <option value=\"completed\">Completed</option>\n                <option value=\"archived\">Archived</option>\n              </select>\n            </div>\n          )}\n        </div>\n      </Modal>\n\n      {/* Add allocation(s) modal */}\n      <Modal\n        open={allocModalPlan !== null}\n        onClose={() => setAllocModalPlan(null)}\n        title=\"Add Allocation\"\n        description={\n          allocModalPlan\n            ? `Assign team members to \"${allocModalPlan.name}\".`\n            : undefined\n        }\n        size=\"xl\"\n        footer={\n          <>\n            <button\n              onClick={() => setAllocModalPlan(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitAllocations}\n              disabled={creatingAlloc || bulkCreating || !allocRowsValid}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {creatingAlloc || bulkCreating\n                ? \"Saving...\"\n                : allocRows.length > 1\n                  ? `Add ${allocRows.length} Allocations`\n                  : \"Add Allocation\"}\n            </button>\n          </>\n        }\n      >\n        {allocError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to add allocations. Please check the values and try again.\n          </div>\n        )}\n        <div className=\"space-y-4\">\n          {allocRows.map((row, index) => (\n            <div\n              key={index}\n              className=\"rounded-lg border border-border-subtle p-3\"\n            >\n              <div className=\"mb-2 flex items-center justify-between\">\n                <span className=\"text-xs font-medium text-text-secondary\">\n                  Allocation {index + 1}\n                </span>\n                {allocRows.length > 1 && (\n                  <button\n                    onClick={() => removeAllocRow(index)}\n                    className=\"text-xs font-medium text-status-error-text hover:underline\"\n                  >\n                    Remove\n                  </button>\n                )}\n              </div>\n              <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-2\">\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    User ID\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"User identifier\"\n                    value={row.userId}\n                    onChange={(e) =>\n                      updateAllocRow(index, { userId: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Allocated Hours\n                  </label>\n                  <input\n                    type=\"number\"\n                    placeholder=\"0\"\n                    value={row.allocatedHours}\n                    onChange={(e) =>\n                      updateAllocRow(index, {\n                        allocatedHours: e.target.value,\n                      })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Start Date\n                  </label>\n                  <input\n                    type=\"date\"\n                    value={row.startDate}\n                    onChange={(e) =>\n                      updateAllocRow(index, { startDate: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div>\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    End Date\n                  </label>\n                  <input\n                    type=\"date\"\n                    value={row.endDate}\n                    onChange={(e) =>\n                      updateAllocRow(index, { endDate: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n                <div className=\"sm:col-span-2\">\n                  <label className=\"block text-xs font-medium text-text-primary\">\n                    Notes (optional)\n                  </label>\n                  <input\n                    type=\"text\"\n                    placeholder=\"Context for this allocation\"\n                    value={row.notes}\n                    onChange={(e) =>\n                      updateAllocRow(index, { notes: e.target.value })\n                    }\n                    className={inputClass}\n                  />\n                </div>\n              </div>\n            </div>\n          ))}\n          <button\n            onClick={addAllocRow}\n            className=\"inline-flex items-center gap-1 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n          >\n            <Plus className=\"h-4 w-4\" />\n            Add another person\n          </button>\n        </div>\n      </Modal>\n\n      {/* Edit allocation modal */}\n      <Modal\n        open={editingAlloc !== null && allocEditForm !== null}\n        onClose={() => {\n          setEditingAlloc(null);\n          setAllocEditForm(null);\n        }}\n        title=\"Edit Allocation\"\n        size=\"lg\"\n        footer={\n          <>\n            <button\n              onClick={() => {\n                setEditingAlloc(null);\n                setAllocEditForm(null);\n              }}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleSubmitAllocEdit}\n              disabled={updatingAlloc}\n              className=\"rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50\"\n            >\n              {updatingAlloc ? \"Saving...\" : \"Save Changes\"}\n            </button>\n          </>\n        }\n      >\n        {updateAllocError && (\n          <div className=\"mb-4 rounded-lg border border-status-error-bg/40 bg-status-error-bg p-3 text-sm text-status-error-text\">\n            Failed to update allocation. Please try again.\n          </div>\n        )}\n        {allocEditForm && (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                User ID\n              </label>\n              <input\n                type=\"text\"\n                value={allocEditForm.userId}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    userId: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Allocated Hours\n              </label>\n              <input\n                type=\"number\"\n                value={allocEditForm.allocatedHours}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    allocatedHours: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Actual Hours\n              </label>\n              <input\n                type=\"number\"\n                value={allocEditForm.actualHours}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    actualHours: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div />\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Start Date\n              </label>\n              <input\n                type=\"date\"\n                value={allocEditForm.startDate}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    startDate: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div>\n              <label className=\"block text-sm font-medium text-text-primary\">\n                End Date\n              </label>\n              <input\n                type=\"date\"\n                value={allocEditForm.endDate}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    endDate: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"block text-sm font-medium text-text-primary\">\n                Notes (optional)\n              </label>\n              <input\n                type=\"text\"\n                value={allocEditForm.notes}\n                onChange={(e) =>\n                  setAllocEditForm({\n                    ...allocEditForm,\n                    notes: e.target.value,\n                  })\n                }\n                className={inputClass}\n              />\n            </div>\n          </div>\n        )}\n      </Modal>\n\n      {/* Delete plan confirm */}\n      <Modal\n        open={confirmDeletePlan !== null}\n        onClose={() => setConfirmDeletePlan(null)}\n        title=\"Delete Resource Plan\"\n        description=\"This action cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setConfirmDeletePlan(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDeletePlan}\n              disabled={deletingPlan}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deletingPlan ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Are you sure you want to delete{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {confirmDeletePlan?.name}\n          </span>\n          ? All its allocations will be removed.\n        </p>\n      </Modal>\n\n      {/* Delete allocation confirm */}\n      <Modal\n        open={confirmDeleteAlloc !== null}\n        onClose={() => setConfirmDeleteAlloc(null)}\n        title=\"Delete Allocation\"\n        description=\"This action cannot be undone.\"\n        footer={\n          <>\n            <button\n              onClick={() => setConfirmDeleteAlloc(null)}\n              className=\"rounded-md border border-border-subtle px-4 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50\"\n            >\n              Cancel\n            </button>\n            <button\n              onClick={handleDeleteAllocation}\n              disabled={deletingAlloc}\n              className=\"rounded-md bg-status-error-bg px-4 py-2 text-sm font-medium text-status-error-text hover:bg-status-error-bg/80 disabled:opacity-50\"\n            >\n              {deletingAlloc ? \"Deleting...\" : \"Delete\"}\n            </button>\n          </>\n        }\n      >\n        <p className=\"text-sm text-text-secondary\">\n          Remove the allocation for{\" \"}\n          <span className=\"font-medium text-text-primary\">\n            {confirmDeleteAlloc?.userId}\n          </span>\n          ?\n        </p>\n      </Modal>\n    </PageLayout>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;AAwCA,IAAM,IAAY,IAEZ,IACJ,wIAEI,KAAe,MAAgB,EAAI,MAAM,GAAG,GAAG,EAC/C,KAAS,MAAoB,IAAI,KAAK,EAAQ,CAAC,aAAa,EA2B5D,UAAqC;CACzC,IAAM,oBAAM,IAAI,MAAM,EAChB,IAAQ,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,CAAC,EAClE,IAAM,IAAI,KAAK,EAAI,aAAa,EAAE,EAAI,UAAU,EAAE,EAAI,SAAS,GAAG,EAAE;AAC1E,QAAO;EACL,MAAM;EACN,aAAa;EACb,WAAW,EAAY,EAAM,aAAa,CAAC;EAC3C,SAAS,EAAY,EAAI,aAAa,CAAC;EACvC,QAAQ;EACT;GAGG,KACJ,OACmB;CACnB,QAAQ;CACR,gBAAgB;CAChB,WAAW,IAAO,EAAY,EAAK,UAAU,GAAG;CAChD,SAAS,IAAO,EAAY,EAAK,QAAQ,GAAG;CAC5C,OAAO;CACR;AAED,SAAgB,IAAuB;CACrC,IAAM,oBAAM,IAAI,MAAM,EAChB,KAAY,IAAI,KACpB,EAAI,aAAa,EACjB,EAAI,UAAU,EACd,EAAI,SAAS,CACd,CAAC,aAAa,EACT,KAAU,IAAI,KAClB,EAAI,aAAa,EACjB,EAAI,UAAU,EACd,EAAI,SAAS,GAAG,EACjB,CAAC,aAAa,EAET,EACJ,MAAM,IACN,SAAS,IACT,OAAO,IACP,SAAS,IACT,kBACE,GAA0B,EAAE,WAAW;EAAE,OAAO;EAAW,QAAQ;EAAG,EAAE,CAAC,EACvE,EAAE,MAAM,IAAc,SAAS,OACnC,GAA4B,EAAE,WAAW;EAAE;EAAW;EAAS,EAAE,CAAC,EAE9D,CAAC,IAAY,EAAE,SAAS,GAAc,OAAO,QACjD,IAA+B,EAC3B,CAAC,IAAY,EAAE,SAAS,GAAc,OAAO,QACjD,IAA+B,EAC3B,CAAC,IAAY,EAAE,SAAS,OAC5B,IAA+B,EAC3B,CAAC,IAAkB,EAAE,SAAS,OAClC,GAA6B,EACzB,CAAC,IAAuB,EAAE,SAAS,OACvC,GAAkC,EAC9B,CACJ,IACA,EAAE,SAAS,GAAe,OAAO,QAC/B,IAA6B,EAC3B,CAAC,IAAkB,EAAE,SAAS,OAClC,IAA6B,EAEzB,CAAC,IAAe,KAAoB,EAAS,GAAM,EACnD,CAAC,GAAa,KAClB,EAA4C,KAAK,EAC7C,CAAC,GAAU,KAAe,EAAwB,GAAe,CAAC,EAClE,CAAC,GAAmB,KACxB,EAA4C,KAAK,EAE7C,CAAC,GAAgB,KACrB,EAA4C,KAAK,EAC7C,CAAC,GAAW,KAAgB,EAA0B,EAAE,CAAC,EACzD,CAAC,IAAY,KAAiB,EAAS,GAAM,EAE7C,CAAC,GAAc,KACnB,EAAkD,KAAK,EACnD,CAAC,GAAe,KACpB,EAAqC,KAAK,EACtC,CAAC,GAAoB,KACzB,EAAkD,KAAK,EAEnD,CAAC,GAAa,KAAkB,EAAS,GAAM,EAE/C,IAAQ,IAAW,eAAe,SAAS,EAAE,EAC7C,KAAU,IAAW,eAAe,WAAW,IAC/C,IAAW,IAAc,kBAEzB,IAAa,YAAY;AAC7B,QAAM,QAAQ,IAAI,CAAC,IAAc,EAAE,IAAiB,CAAC,CAAC;IAIlD,WAAuB;AAG3B,EAFA,EAAe,KAAK,EACpB,EAAY,GAAe,CAAC,EAC5B,EAAiB,GAAK;IAGlB,MAAgB,MAAqC;AASzD,EARA,EAAe,EAAK,EACpB,EAAY;GACV,MAAM,EAAK;GACX,aAAa,EAAK,eAAe;GACjC,WAAW,EAAY,EAAK,UAAU;GACtC,SAAS,EAAY,EAAK,QAAQ;GAClC,QAAQ,EAAK;GACd,CAAC,EACF,EAAiB,GAAK;IAGlB,KAAmB,YAAY;AAC9B,IAAS,KAAK,MAAM,KACrB,IACF,MAAM,GAAW,EACf,WAAW;GACT,IAAI,EAAY;GAChB,OAAO;IACL,MAAM,EAAS,KAAK,MAAM;IAC1B,aAAa,EAAS,YAAY,MAAM,IAAI,KAAA;IAC5C,WAAW,EAAM,EAAS,UAAU;IACpC,SAAS,EAAM,EAAS,QAAQ;IAChC,QAAQ,EAAS;IAClB;GACF,EACF,CAAC,GAEF,MAAM,GAAW,EACf,WAAW,EACT,OAAO;GACL,MAAM,EAAS,KAAK,MAAM;GAC1B,aAAa,EAAS,YAAY,MAAM,IAAI,KAAA;GAC5C,WAAW,EAAM,EAAS,UAAU;GACpC,SAAS,EAAM,EAAS,QAAQ;GACjC,EACF,EACF,CAAC,EAEJ,EAAiB,GAAM,EACvB,MAAM,GAAY;IAGd,KAAmB,YAAY;AAC9B,QACL,MAAM,GAAW,EAAE,WAAW,EAAE,IAAI,EAAkB,IAAI,EAAE,CAAC,EAC7D,EAAqB,KAAK,EAC1B,MAAM,GAAY;IAId,MAAqB,MAAqC;AAG9D,EAFA,EAAkB,EAAK,EACvB,EAAa,CAAC,EAAmB,EAAK,CAAC,CAAC,EACxC,EAAc,GAAM;IAGhB,KAAkB,GAAe,MAAkC;AACvE,KAAc,MACZ,EAAK,KAAK,GAAG,MAAO,MAAM,IAAQ;GAAE,GAAG;GAAG,GAAG;GAAO,GAAG,EAAG,CAC3D;IAGG,WAAoB;AACxB,KAAc,MAAS,CACrB,GAAG,GACH,EAAmB,KAAkB,KAAA,EAAU,CAChD,CAAC;IAGE,MAAkB,MAAkB;AACxC,KAAc,MAAS,EAAK,QAAQ,GAAG,MAAM,MAAM,EAAM,CAAC;IAGtD,KAAiB,EAAU,OAC9B,MACC,EAAE,OAAO,MAAM,KAAK,MACpB,EAAE,eAAe,MAAM,KAAK,MAC5B,EAAE,cAAc,MAChB,EAAE,YAAY,GACjB,EAEK,KAA0B,YAAY;AACtC,SAAC,KAAkB,CAAC,MAAkB,EAAU,WAAW,IAC/D;KAAc,GAAM;AACpB,OAAI;AACF,QAAI,EAAU,WAAW,GAAG;KAC1B,IAAM,IAAI,EAAU;AACpB,WAAM,GAAiB,EACrB,WAAW,EACT,OAAO;MACL,gBAAgB,EAAe;MAC/B,QAAQ,EAAE,OAAO,MAAM;MACvB,gBAAgB,OAAO,EAAE,eAAe;MACxC,WAAW,EAAM,EAAE,UAAU;MAC7B,SAAS,EAAM,EAAE,QAAQ;MACzB,OAAO,EAAE,MAAM,MAAM,IAAI,KAAA;MAC1B,EACF,EACF,CAAC;UAEF,OAAM,GAAsB,EAC1B,WAAW;KACT,QAAQ,EAAe;KACvB,aAAa,EAAU,KAAK,OAAO;MACjC,QAAQ,EAAE,OAAO,MAAM;MACvB,gBAAgB,OAAO,EAAE,eAAe;MACxC,WAAW,EAAM,EAAE,UAAU;MAC7B,SAAS,EAAM,EAAE,QAAQ;MACzB,OAAO,EAAE,MAAM,MAAM,IAAI,KAAA;MAC1B,EAAE;KACJ,EACF,CAAC;AAGJ,IADA,EAAkB,KAAK,EACvB,MAAM,GAAY;WACZ;AACN,MAAc,GAAK;;;IAIjB,MAAsB,MAA4C;AAEtE,EADA,EAAgB,EAAM,EACtB,EAAiB;GACf,QAAQ,EAAM;GACd,gBAAgB,OAAO,EAAM,eAAe;GAC5C,aAAa,OAAO,EAAM,YAAY;GACtC,WAAW,EAAY,EAAM,UAAU;GACvC,SAAS,EAAY,EAAM,QAAQ;GACnC,OAAO,EAAM,SAAS;GACvB,CAAC;IAGE,KAAwB,YAAY;AACpC,GAAC,KAAgB,CAAC,MACtB,MAAM,GAAiB,EACrB,WAAW;GACT,IAAI,EAAa;GACjB,OAAO;IACL,QAAQ,EAAc,OAAO,MAAM;IACnC,gBAAgB,OAAO,EAAc,eAAe;IACpD,aAAa,OAAO,EAAc,YAAY;IAC9C,WAAW,EAAM,EAAc,UAAU;IACzC,SAAS,EAAM,EAAc,QAAQ;IACrC,OAAO,EAAc,MAAM,MAAM,IAAI,KAAA;IACtC;GACF,EACF,CAAC,EACF,EAAgB,KAAK,EACrB,EAAiB,KAAK,EACtB,MAAM,GAAY;IAGd,KAAyB,YAAY;AACpC,QACL,MAAM,GAAiB,EAAE,WAAW,EAAE,IAAI,EAAmB,IAAI,EAAE,CAAC,EACpE,EAAsB,KAAK,EAC3B,MAAM,GAAY;IAGd,KAAiB,YAAY;AACjC,IAAe,GAAK;AACpB,MAAI;AACF,SAAM,GAAU;IACd,WAAW;KAAE,OAAO;KAAW,QAAQ,EAAM;KAAQ;IACrD,cAAc,GAAM,EAAE,yBACf,IACE,EACL,eAAe;KACb,GAAG,EAAgB;KACnB,OAAO,CACL,GAAG,EAAK,cAAc,OACtB,GAAG,EAAgB,cAAc,MAClC;KACF,EACF,GAT4B;IAWhC,CAAC;YACM;AACR,KAAe,GAAM;;IAInB,KACJ,kBAAC,UAAD;EACE,SAAS;EACT,WAAU;YAFZ,CAIE,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA,EAAA,oBAErB;;AAGX,KAAI,GACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,GAAD;GAAiB,SAAQ;GAAO,OAAO;GAAK,CAAA;EACjC,CAAA;AAIjB,KAAI,GACF,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;YAEZ,kBAAC,OAAD;GAAK,WAAU;aAAoG;GAE7G,CAAA;EACK,CAAA;CAIjB,IAAM,KAAkB,GAAU,mBAAmB,GAC/C,KAAqB,GAAU,sBAAsB,EAAE,EACvD,IAAqB,GAAmB,QACxC,KAAiB,GAAU,qBAAqB,GAChD,KAAiB,GAAU,qBAAqB,GAChD,KAAa,GAAU,iBAAiB,GACxC,KACJ,CAAC,CAAC,MACD,KAAa,KAAK,KAAiB,KAAK,IAAqB;AAEhE,QACE,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,SAAQ;EACR,SAAS;YAJX;GAME,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,OAAD;MAAK,WAAU;gBAAf;OACE,kBAAC,GAAD;QACE,UAAA;QACA,OAAM;QACN,OAAO,GAAG,KAAK,MAAM,GAAgB,CAAC;QACtC,MAAM,kBAAC,IAAD,EAAY,WAAU,WAAY,CAAA;QACxC,CAAA;OACF,kBAAC,GAAD;QACE,OAAM;QACN,OAAO,OAAO,EAAmB;QACjC,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;QACnC,aAAY;QACZ,CAAA;OACF,kBAAC,GAAD;QACE,OAAM;QACN,OAAO,OAAO,EAAM,OAAO;QAC3B,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;QACnC,CAAA;OACF,kBAAC,GAAD;QACE,OAAM;QACN,OAAO,GAAG,KAAK,MAAM,GAAe,CAAC;QACrC,MAAM,kBAAC,IAAD,EAAe,WAAU,WAAY,CAAA;QAC3C,aAAY;QACZ,CAAA;OACE;;KAEL,MACC,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;iBAEZ,kBAAC,IAAD;QACE,MAAM,CACJ;SAAE,MAAM;SAAa,OAAO;SAAgB,EAC5C;SAAE,MAAM;SAAa,OAAO;SAAgB,CAC7C;QACD,aAAY;QACZ,aAAa,GAAG,KAAK,MAAM,GAAW,CAAC;QACvC,cAAc,MAAM,GAAG,KAAK,MAAM,EAAE,CAAC;QACrC,YAAW;QACX,CAAA;OACQ,CAAA,EACZ,kBAAC,GAAD;OACE,OAAM;OACN,aAAY;iBAFd,CAIE,kBAAC,IAAD;QACE,OAAO,KAAK,MAAM,GAAgB;QAClC,KAAK;QACL,OAAM;QACN,UAAS;QACT,SAAS,MAAM,GAAG,KAAK,MAAM,EAAE,CAAC;QAChC,CAAA,EACF,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAb;UAA4D;UACzC;UAAmB;UAClC;YACH,MAAuB,IACtB,kBAAC,KAAD;SAAG,WAAU;mBAA8B;SAEvC,CAAA,GAEJ,kBAAC,OAAD;SAAK,WAAU;mBACZ,GAAmB,KAAK,MACvB,kBAAC,QAAD;UAEE,WAAU;oBAFZ,CAIE,kBAAC,IAAD,EAAe,WAAU,eAAgB,CAAA,EACxC,EACI;YALA,EAKA,CACP;SACE,CAAA,CAEJ;UACI;SACR;;KAGP,EAAM,WAAW,IAChB,kBAAC,IAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,QAAQ;MACR,CAAA,GAEF,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,EAAM,KAAK,MACV,kBAAC,IAAD;OAEE,WAAU;OACV,WAAU;iBAHZ,CAKE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,OAAD;WAAK,WAAU;qBAAf,CACE,kBAAC,KAAD;YAAG,WAAU;sBACV,EAAK;YACJ,CAAA,EACJ,kBAAC,IAAD;YAAa,OAAO,EAAK;YAAQ,QAAQ,EAAK;YAAU,CAAA,CACpD;;UACN,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAK,UAAU,MAAM,GAAG,GAAG;YAAC;YAAI;YAChC,EAAK,QAAQ,MAAM,GAAG,GAAG;YAAC;YAAU;YACpC,EAAK,YAAY;YAAQ;YACzB,EAAK,YAAY,WAAW,IAAI,WAAW;YAC1C;;UACJ,kBAAC,OAAD;WAAK,WAAU;qBACb,kBAAC,GAAD;YACE,MAAK;YACL,OAAM;YACN,OAAO,EAAK;YACZ,KACE,EAAK,sBAAsB,IACvB,EAAK,sBACL,KAAK,IAAI,EAAK,kBAAkB,EAAE;YAExC,SAAS,MAAM,EAAY,EAAE;YAC7B,CAAA;WACE,CAAA;UACF;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,UAAD;WACE,eAAe,GAAkB,EAAK;WACtC,WAAU;qBAFZ,CAIE,kBAAC,IAAD,EAAU,WAAU,eAAgB,CAAA,EAAA,iBAE7B;;UACT,kBAAC,UAAD;WACE,eAAe,GAAa,EAAK;WACjC,WAAU;qBAFZ,CAIE,kBAAC,IAAD,EAAQ,WAAU,eAAgB,CAAA,EAAA,OAE3B;;UACT,kBAAC,UAAD;WACE,eAAe,EAAqB,EAAK;WACzC,WAAU;qBAFZ,CAIE,kBAAC,IAAD,EAAQ,WAAU,eAAgB,CAAA,EAAA,SAE3B;;UACL;WACF;WAEL,EAAK,YAAY,WAAW,IAC3B,kBAAC,OAAD;QAAK,WAAU;kBAAkC;QAG3C,CAAA,GAEN,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,SAAD;SAAO,WAAU;mBAAjB,CACE,kBAAC,SAAD,EAAA,UACE,kBAAC,MAAD;UAAI,WAAU;oBAAd;WACE,kBAAC,MAAD;YAAI,WAAU;sBAA4C;YAErD,CAAA;WACL,kBAAC,MAAD;YAAI,WAAU;sBAA4C;YAErD,CAAA;WACL,kBAAC,MAAD;YAAI,WAAU;sBAAuD;YAEhE,CAAA;WACL,kBAAC,MAAD;YAAI,WAAU;sBAAuD;YAEhE,CAAA;WACL,kBAAC,MAAD;YAAI,WAAU;sBAA4C;YAErD,CAAA;WACL,kBAAC,MAAD;YAAI,WAAU;sBAAuD;YAEhE,CAAA;WACF;aACC,CAAA,EACR,kBAAC,SAAD;UAAO,WAAU;oBACd,EAAK,YAAY,KACf,MAA4C;WAC3C,IAAM,IACJ,EAAM,oBACL,EAAM,iBAAiB,IACpB,KAAK,MACF,EAAM,cAAc,EAAM,iBACzB,IACH,GACD,IACA,IACJ,IAAc,MACV,WACA,IAAc,KACZ,YACA,WACF,IACJ,MAAS,WACL,2BACA,MAAS,YACP,6BACA;AACR,kBACE,kBAAC,MAAD;YAEE,WAAU;sBAFZ;aAIE,kBAAC,MAAD;cAAI,WAAU;wBACZ,kBAAC,OAAD;eAAK,WAAU;yBAAf,CACE,kBAAC,OAAD;gBAAK,WAAU;0BACZ,EAAY,EAAM,OAAO;gBACtB,CAAA,EACN,kBAAC,QAAD;gBAAM,WAAU;0BACb,EAAM;gBACF,CAAA,CACH;;cACH,CAAA;aACL,kBAAC,MAAD;cAAI,WAAU;wBAAd;eACG,EAAM,UAAU,MAAM,GAAG,GAAG;eAAC;eAAI;eACjC,EAAM,QAAQ,MAAM,GAAG,GAAG;eACxB;;aACL,kBAAC,MAAD;cAAI,WAAU;wBACX,EAAY,EAAM,eAAe;cAC/B,CAAA;aACL,kBAAC,MAAD;cAAI,WAAU;wBACX,EAAY,EAAM,YAAY;cAC5B,CAAA;aACL,kBAAC,MAAD;cAAI,WAAU;wBACZ,kBAAC,OAAD;eAAK,WAAU;yBAAf,CACE,kBAAC,GAAD;gBACE,MAAK;gBACL,OAAO;gBACP,KAAK;gBACC;gBACN,WAAW;gBACX,WAAU;gBACV,CAAA,EACF,kBAAC,QAAD;gBACE,WAAW,6CAA6C;0BAD1D,CAGG,GAAY,IACR;kBACH;;cACH,CAAA;aACL,kBAAC,MAAD;cAAI,WAAU;wBACZ,kBAAC,OAAD;eAAK,WAAU;yBAAf,CACE,kBAAC,UAAD;gBACE,eAAe,GAAmB,EAAM;gBACxC,cAAW;gBACX,WAAU;0BAEV,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;gBACvB,CAAA,EACT,kBAAC,UAAD;gBACE,eACE,EAAsB,EAAM;gBAE9B,cAAW;gBACX,WAAU;0BAEV,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA;gBACvB,CAAA,CACL;;cACH,CAAA;aACF;cA5DE,EAAM,GA4DR;YAGV;UACK,CAAA,CACF;;QACJ,CAAA,CAEE;SApLL,EAAK,GAoLA,CACZ,EACD,MACC,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,UAAD;QACE,SAAS;QACT,UAAU;QACV,WAAU;kBAET,IAAc,eAAe;QACvB,CAAA;OACL,CAAA,CAEJ;;KAEJ;;GAGN,kBAAC,GAAD;IACE,MAAM;IACN,eAAe,EAAiB,GAAM;IACtC,OAAO,IAAc,uBAAuB;IAC5C,aAAY;IACZ,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAiB,GAAM;KACtC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU,KAAgB,KAAgB,CAAC,EAAS,KAAK,MAAM;KAC/D,WAAU;eAET,KAAgB,IACb,cACA,IACE,iBACA;KACC,CAAA,CACR,EAAA,CAAA;cAzBP,EA4BI,MAAmB,OACnB,kBAAC,OAAD;KAAK,WAAU;eAAyG;KAElH,CAAA,EAER,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,aAAY;OACZ,OAAO,EAAS;OAChB,WAAW,MACT,EAAY;QAAE,GAAG;QAAU,MAAM,EAAE,OAAO;QAAO,CAAC;OAEpD,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,YAAD;OACE,MAAM;OACN,aAAY;OACZ,OAAO,EAAS;OAChB,WAAW,MACT,EAAY;QAAE,GAAG;QAAU,aAAa,EAAE,OAAO;QAAO,CAAC;OAE3D,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,WAAU;kBAA8C;QAEvD,CAAA,EACR,kBAAC,SAAD;QACE,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MACT,EAAY;SAAE,GAAG;SAAU,WAAW,EAAE,OAAO;SAAO,CAAC;QAEzD,WAAW;QACX,CAAA,CACE,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;QAAO,WAAU;kBAA8C;QAEvD,CAAA,EACR,kBAAC,SAAD;QACE,MAAK;QACL,OAAO,EAAS;QAChB,WAAW,MACT,EAAY;SAAE,GAAG;SAAU,SAAS,EAAE,OAAO;SAAO,CAAC;QAEvD,WAAW;QACX,CAAA,CACE,EAAA,CAAA,CACF;;MACL,KACC,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,UAAD;OACE,OAAO,EAAS;OAChB,WAAW,MACT,EAAY;QAAE,GAAG;QAAU,QAAQ,EAAE,OAAO;QAAO,CAAC;OAEtD,WAAW;iBALb;QAOE,kBAAC,UAAD;SAAQ,OAAM;mBAAS;SAAe,CAAA;QACtC,kBAAC,UAAD;SAAQ,OAAM;mBAAQ;SAAc,CAAA;QACpC,kBAAC,UAAD;SAAQ,OAAM;mBAAY;SAAkB,CAAA;QAC5C,kBAAC,UAAD;SAAQ,OAAM;mBAAW;SAAiB,CAAA;QACnC;SACL,EAAA,CAAA;MAEJ;OACA;;GAGR,kBAAC,GAAD;IACE,MAAM,MAAmB;IACzB,eAAe,EAAkB,KAAK;IACtC,OAAM;IACN,aACE,IACI,2BAA2B,EAAe,KAAK,MAC/C,KAAA;IAEN,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAkB,KAAK;KACtC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU,KAAiB,KAAgB,CAAC;KAC5C,WAAU;eAET,KAAiB,IACd,cACA,EAAU,SAAS,IACjB,OAAO,EAAU,OAAO,gBACxB;KACC,CAAA,CACR,EAAA,CAAA;cA7BP,CAgCG,MACC,kBAAC,OAAD;KAAK,WAAU;eAAyG;KAElH,CAAA,EAER,kBAAC,OAAD;KAAK,WAAU;eAAf,CACG,EAAU,KAAK,GAAK,MACnB,kBAAC,OAAD;MAEE,WAAU;gBAFZ,CAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA0D,eAC5C,IAAQ,EACf;WACN,EAAU,SAAS,KAClB,kBAAC,UAAD;QACE,eAAe,GAAe,EAAM;QACpC,WAAU;kBACX;QAEQ,CAAA,CAEP;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAA8C;SAEvD,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO,EAAI;SACX,WAAW,MACT,EAAe,GAAO,EAAE,QAAQ,EAAE,OAAO,OAAO,CAAC;SAEnD,WAAW;SACX,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAA8C;SAEvD,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,aAAY;SACZ,OAAO,EAAI;SACX,WAAW,MACT,EAAe,GAAO,EACpB,gBAAgB,EAAE,OAAO,OAC1B,CAAC;SAEJ,WAAW;SACX,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAA8C;SAEvD,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,OAAO,EAAI;SACX,WAAW,MACT,EAAe,GAAO,EAAE,WAAW,EAAE,OAAO,OAAO,CAAC;SAEtD,WAAW;SACX,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;SAAO,WAAU;mBAA8C;SAEvD,CAAA,EACR,kBAAC,SAAD;SACE,MAAK;SACL,OAAO,EAAI;SACX,WAAW,MACT,EAAe,GAAO,EAAE,SAAS,EAAE,OAAO,OAAO,CAAC;SAEpD,WAAW;SACX,CAAA,CACE,EAAA,CAAA;QACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,SAAD;UAAO,WAAU;oBAA8C;UAEvD,CAAA,EACR,kBAAC,SAAD;UACE,MAAK;UACL,aAAY;UACZ,OAAO,EAAI;UACX,WAAW,MACT,EAAe,GAAO,EAAE,OAAO,EAAE,OAAO,OAAO,CAAC;UAElD,WAAW;UACX,CAAA,CACE;;QACF;SACF;QAxFC,EAwFD,CACN,EACF,kBAAC,UAAD;MACE,SAAS;MACT,WAAU;gBAFZ,CAIE,kBAAC,IAAD,EAAM,WAAU,WAAY,CAAA,EAAA,qBAErB;QACL;OACA;;GAGR,kBAAC,GAAD;IACE,MAAM,MAAiB,QAAQ,MAAkB;IACjD,eAAe;AAEb,KADA,EAAgB,KAAK,EACrB,EAAiB,KAAK;;IAExB,OAAM;IACN,MAAK;IACL,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe;AAEb,MADA,EAAgB,KAAK,EACrB,EAAiB,KAAK;;KAExB,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAgB,cAAc;KACxB,CAAA,CACR,EAAA,CAAA;cA1BP,CA6BG,MACC,kBAAC,OAAD;KAAK,WAAU;eAAyG;KAElH,CAAA,EAEP,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAc;OACrB,WAAW,MACT,EAAiB;QACf,GAAG;QACH,QAAQ,EAAE,OAAO;QAClB,CAAC;OAEJ,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAc;OACrB,WAAW,MACT,EAAiB;QACf,GAAG;QACH,gBAAgB,EAAE,OAAO;QAC1B,CAAC;OAEJ,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAc;OACrB,WAAW,MACT,EAAiB;QACf,GAAG;QACH,aAAa,EAAE,OAAO;QACvB,CAAC;OAEJ,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAO,CAAA;MACP,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAc;OACrB,WAAW,MACT,EAAiB;QACf,GAAG;QACH,WAAW,EAAE,OAAO;QACrB,CAAC;OAEJ,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;OAAO,WAAU;iBAA8C;OAEvD,CAAA,EACR,kBAAC,SAAD;OACE,MAAK;OACL,OAAO,EAAc;OACrB,WAAW,MACT,EAAiB;QACf,GAAG;QACH,SAAS,EAAE,OAAO;QACnB,CAAC;OAEJ,WAAW;OACX,CAAA,CACE,EAAA,CAAA;MACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,SAAD;QAAO,WAAU;kBAA8C;QAEvD,CAAA,EACR,kBAAC,SAAD;QACE,MAAK;QACL,OAAO,EAAc;QACrB,WAAW,MACT,EAAiB;SACf,GAAG;SACH,OAAO,EAAE,OAAO;SACjB,CAAC;QAEJ,WAAW;QACX,CAAA,CACE;;MACF;OAEF;;GAGR,kBAAC,GAAD;IACE,MAAM,MAAsB;IAC5B,eAAe,EAAqB,KAAK;IACzC,OAAM;IACN,aAAY;IACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAqB,KAAK;KACzC,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAe,gBAAgB;KACzB,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MACT;MAChC,kBAAC,QAAD;OAAM,WAAU;iBACb,GAAmB;OACf,CAAA;;MAEL;;IACE,CAAA;GAGR,kBAAC,GAAD;IACE,MAAM,MAAuB;IAC7B,eAAe,EAAsB,KAAK;IAC1C,OAAM;IACN,aAAY;IACZ,QACE,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,UAAD;KACE,eAAe,EAAsB,KAAK;KAC1C,WAAU;eACX;KAEQ,CAAA,EACT,kBAAC,UAAD;KACE,SAAS;KACT,UAAU;KACV,WAAU;eAET,IAAgB,gBAAgB;KAC1B,CAAA,CACR,EAAA,CAAA;cAGL,kBAAC,KAAD;KAAG,WAAU;eAAb;MAA2C;MACf;MAC1B,kBAAC,QAAD;OAAM,WAAU;iBACb,GAAoB;OAChB,CAAA;;MAEL;;IACE,CAAA;GACG"}

package/dist/timecampus/pages/team/TeamAnalyticsPage.js

@@ -1,94 +1,217 @@
 import { useTimeCampus as e, useTimeCampusNavigate as t } from "../../providers/TimeCampusProvider.js";
-import { LoadingSkeleton as n } from "../../components/LoadingSkeleton.js";
-import { useGetTimeEntryStatsQuery as r, useGetWorkPatternSummaryQuery as i } from "../../../generated/wspace-operations.js";
-import { PageLayout as a } from "../../components/PageLayout.js";
-import { BarChart3 as o, Users as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { GlassCard as u } from "@burdenoff/fe-libs/ui";
+import { StatCard as n } from "../../components/StatCard.js";
+import { LoadingSkeleton as r } from "../../components/LoadingSkeleton.js";
+import { useGetTimeEntryStatsQuery as i, useGetWorkPatternSummaryQuery as a } from "../../../generated/wspace-operations.js";
+import { PageLayout as o } from "../../components/PageLayout.js";
+import { StatusBadge as s } from "../../components/StatusBadge.js";
+import { ChartCard as c } from "../../components/ChartCard.js";
+import { BarsChart as l } from "../../components/charts/BarsChart.js";
+import { DonutChart as u } from "../../components/charts/DonutChart.js";
+import { RadialGauge as d } from "../../components/charts/RadialGauge.js";
+import "../../components/index.js";
+import { BarChart3 as f, Clock as p, Lightbulb as m, TrendingUp as h, Users as g } from "lucide-react";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
+import { GlassCard as y } from "@burdenoff/fe-libs/ui";
 //#region src/timecampus/pages/team/TeamAnalyticsPage.tsx
-function d() {
-	let { workspaceId: d = "" } = e(), f = t(), p = /* @__PURE__ */ l("div", {
+var b = (e) => `${Number.isInteger(e) ? e : e.toFixed(1)}h`, x = (e) => {
+	let t = (e ?? "").toLowerCase();
+	return t.includes("high") || t.includes("critical") ? "warning" : t.includes("low") ? "muted" : t.includes("positive") || t.includes("good") ? "success" : "info";
+};
+function S() {
+	let { workspaceId: S = "" } = e(), C = t(), w = /* @__PURE__ */ v("div", {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ c("button", {
-			onClick: () => f("/team"),
+		children: [/* @__PURE__ */ _("button", {
+			onClick: () => C("/team"),
 			className: "inline-flex items-center gap-1.5 rounded-md border border-border-subtle px-3 py-2 text-sm font-medium text-text-primary hover:bg-bg-sunken/50",
 			children: "Team Overview"
-		}), /* @__PURE__ */ l("button", {
-			onClick: () => f("/team/members"),
+		}), /* @__PURE__ */ v("button", {
+			onClick: () => C("/team/members"),
 			className: "inline-flex items-center gap-1.5 rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-			children: [/* @__PURE__ */ c(s, { className: "h-4 w-4" }), "View Members"]
+			children: [/* @__PURE__ */ _(g, { className: "h-4 w-4" }), "View Members"]
 		})]
-	}), { data: m, loading: h, error: g } = r({ skip: !d }), { data: _, loading: v } = i({ skip: !d }), y = m?.timeEntryStats, b = _?.workPatternSummary;
-	return h || v ? /* @__PURE__ */ c(a, {
+	}), { data: T, loading: E, error: D } = i({ skip: !S }), { data: O, loading: k } = a({ skip: !S }), A = T?.timeEntryStats, j = O?.workPatternSummary;
+	if (E || k) return /* @__PURE__ */ _(o, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
-		children: /* @__PURE__ */ c(n, {
+		children: /* @__PURE__ */ _(r, {
 			variant: "card",
 			count: 4
 		})
-	}) : g ? /* @__PURE__ */ c(a, {
+	});
+	if (D) return /* @__PURE__ */ _(o, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
-		children: /* @__PURE__ */ c("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "rounded-lg border border-status-error-bg/40 bg-status-error-bg p-4 text-sm text-status-error-text",
 			children: "Failed to load team analytics. Please try again later."
 		})
-	}) : /* @__PURE__ */ c(a, {
+	});
+	let M = A?.totalHours ?? 0, N = A?.billableHours ?? 0, P = Math.max(0, M - N), F = M > 0 ? Math.round(N / M * 100) : 0, I = j?.averageFocusHours ?? 0, L = j?.averageMeetingHours ?? 0, R = j?.averageProductivity ?? 0, z = j?.insights ?? [], B = [{
+		label: "Logged",
+		billable: Math.round(N * 10) / 10,
+		nonBillable: Math.round(P * 10) / 10
+	}], V = [{
+		name: "Deep Work / Focus",
+		value: Math.round(I * 10) / 10
+	}, {
+		name: "Meetings",
+		value: Math.round(L * 10) / 10
+	}];
+	return /* @__PURE__ */ _(o, {
 		title: "Team Analytics",
 		description: "Team performance insights and metrics",
 		purpose: "Compare how your team works — hours by member, productive days, focus versus meeting time — so you can rebalance workload, recognise top contributors, and fix the patterns that slow everyone down.",
-		actions: p,
-		children: /* @__PURE__ */ l("div", {
-			className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
-			children: [/* @__PURE__ */ l(u, {
-				treatment: "glass",
-				glow: !0,
-				className: "p-6",
-				children: [/* @__PURE__ */ l("div", {
-					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ c(s, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-text-primary",
-						children: "Hours by Member"
-					})]
-				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ l("div", {
-						className: "text-center",
-						children: [/* @__PURE__ */ c("p", {
-							className: "text-sm text-text-secondary",
-							children: y ? `${Math.round(y.totalHours)}h total · ${Math.round(y.billableHours)}h billable` : "No data available"
-						}), b?.mostProductiveDay && /* @__PURE__ */ l("p", {
-							className: "mt-1 text-xs text-text-secondary",
-							children: ["Most productive: ", b.mostProductiveDay]
+		actions: w,
+		children: /* @__PURE__ */ v("div", {
+			className: "space-y-6",
+			children: [
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-4",
+					children: [
+						/* @__PURE__ */ _(n, {
+							featured: !0,
+							title: "Total Team Hours",
+							value: b(Math.round(M)),
+							icon: /* @__PURE__ */ _(p, { className: "h-5 w-5" })
+						}),
+						/* @__PURE__ */ _(n, {
+							title: "Billable Hours",
+							value: b(Math.round(N)),
+							icon: /* @__PURE__ */ _(h, { className: "h-5 w-5" }),
+							trend: {
+								value: F,
+								label: "billable rate"
+							}
+						}),
+						/* @__PURE__ */ _(n, {
+							title: "Avg Productivity",
+							value: `${Math.round(R)}%`,
+							icon: /* @__PURE__ */ _(f, { className: "h-5 w-5" }),
+							iconBgColor: "bg-status-success-bg text-status-success-text"
+						}),
+						/* @__PURE__ */ _(n, {
+							title: "Meeting Load",
+							value: b(L),
+							icon: /* @__PURE__ */ _(g, { className: "h-5 w-5" }),
+							description: "Avg / person — the true cost of meetings"
+						})
+					]
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ v(c, {
+						title: "Team Time Distribution",
+						description: "All data aggregate, not individual.",
+						children: [/* @__PURE__ */ _(l, {
+							data: B,
+							xKey: "label",
+							orientation: "horizontal",
+							stacked: !0,
+							height: 150,
+							categoryWidth: 72,
+							valueFormat: b,
+							series: [{
+								key: "billable",
+								label: "Billable"
+							}, {
+								key: "nonBillable",
+								label: "Non-billable"
+							}],
+							emptyLabel: "No logged hours yet"
+						}), /* @__PURE__ */ v("p", {
+							className: "mt-2 text-xs text-text-secondary",
+							children: [
+								F,
+								"% of ",
+								b(Math.round(M)),
+								" logged is billable."
+							]
 						})]
-					})
-				})]
-			}), /* @__PURE__ */ l("div", {
-				className: "rounded-xl border border-border-seam bg-bg-surface shadow-elevation-1 p-6",
-				children: [/* @__PURE__ */ l("div", {
-					className: "mb-4 flex items-center gap-2",
-					children: [/* @__PURE__ */ c(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h3", {
-						className: "text-sm font-semibold text-text-primary",
-						children: "Productivity Trends"
+					}), /* @__PURE__ */ _(c, {
+						title: "Focus vs Meeting Balance",
+						description: "Average deep-work versus meeting time per person.",
+						children: /* @__PURE__ */ _(u, {
+							data: V,
+							centerValue: Math.round((I + L) * 10) / 10,
+							centerLabel: "Avg / person",
+							valueFormat: b,
+							height: 220,
+							emptyLabel: "No work-pattern data yet"
+						})
 					})]
-				}), /* @__PURE__ */ c("div", {
-					className: "flex h-48 items-center justify-center rounded-lg border border-dashed border-border-subtle",
-					children: /* @__PURE__ */ l("div", {
-						className: "text-center",
-						children: [/* @__PURE__ */ c("p", {
-							className: "text-sm text-text-secondary",
-							children: b ? `${Math.round(b.averageProductivity)}% avg productivity · ${b.averageFocusHours.toFixed(1)}h avg focus` : "No data available"
-						}), b?.insights && b.insights.length > 0 && /* @__PURE__ */ c("p", {
-							className: "mt-1 text-xs text-text-secondary",
-							children: b.insights[0].title
+				}),
+				/* @__PURE__ */ v("div", {
+					className: "grid grid-cols-1 gap-6 lg:grid-cols-2",
+					children: [/* @__PURE__ */ v(c, {
+						title: "Team Productivity",
+						description: "Aggregate productivity score across the team.",
+						children: [/* @__PURE__ */ _(d, {
+							value: Math.round(R),
+							min: 0,
+							max: 100,
+							label: "Productivity",
+							sublabel: j?.mostProductiveDay ? `Peak day: ${j.mostProductiveDay}` : void 0,
+							format: (e) => `${Math.round(e)}%`,
+							height: 220
+						}), /* @__PURE__ */ v("div", {
+							className: "mt-4 flex flex-wrap items-center justify-center gap-2",
+							children: [j?.mostProductiveDay && /* @__PURE__ */ _(s, {
+								variant: "success",
+								label: `Most productive: ${j.mostProductiveDay}`
+							}), j?.leastProductiveDay && /* @__PURE__ */ _(s, {
+								variant: "muted",
+								label: `Quietest: ${j.leastProductiveDay}`
+							})]
 						})]
-					})
-				})]
-			})]
+					}), /* @__PURE__ */ v(y, {
+						treatment: "glass",
+						glow: !0,
+						className: "p-4 sm:p-6",
+						children: [/* @__PURE__ */ v("div", {
+							className: "mb-4 flex items-center gap-2",
+							children: [/* @__PURE__ */ _(m, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ _("h3", {
+								className: "text-sm font-semibold text-text-primary",
+								children: "Team Insights"
+							})]
+						}), z.length === 0 ? /* @__PURE__ */ _("div", {
+							className: "flex h-40 items-center justify-center rounded-lg border border-border-subtle bg-bg-sunken/30 text-center",
+							children: /* @__PURE__ */ _("p", {
+								className: "max-w-xs text-sm text-text-secondary",
+								children: "Insights appear here as your team logs more work patterns."
+							})
+						}) : /* @__PURE__ */ _("ul", {
+							className: "space-y-3",
+							children: z.map((e, t) => /* @__PURE__ */ v("li", {
+								className: "rounded-lg border border-border-subtle bg-bg-surface/40 p-3",
+								children: [
+									/* @__PURE__ */ v("div", {
+										className: "flex items-start justify-between gap-3",
+										children: [/* @__PURE__ */ _("p", {
+											className: "text-sm font-medium text-text-primary",
+											children: e.title
+										}), e.impact && /* @__PURE__ */ _(s, {
+											variant: x(e.impact),
+											label: e.impact
+										})]
+									}),
+									/* @__PURE__ */ _("p", {
+										className: "mt-1 text-xs text-text-secondary",
+										children: e.description
+									}),
+									e.recommendation && /* @__PURE__ */ _("p", {
+										className: "mt-2 text-xs text-primary",
+										children: e.recommendation
+									})
+								]
+							}, `${e.type}-${t}`))
+						})]
+					})]
+				})
+			]
 		})
 	});
 }
 //#endregion
-export { d as TeamAnalyticsPage };
+export { S as TeamAnalyticsPage };
 
 //# sourceMappingURL=TeamAnalyticsPage.js.map