@burdenoff/microfe-crewfoundry 2026.731.1 → 2026.801.1

package/dist/crewfoundry/pages/ProjectsProjectDetailsPagePage.js

@@ -3,7 +3,7 @@ import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
 import { useState as i } from "react";
 import { Calendar as a, DollarSign as o, FolderKanban as s, Pencil as c, Target as l, Trash2 as u, Users as d } from "lucide-react";
-import { useNavigate as f, useSearchParams as p } from "react-router-dom";
+import { useNavigate as f, useSearchParams as p } from "react-router";
 import { jsx as m, jsxs as h } from "react/jsx-runtime";
 import { Badge as g, Button as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x, EmphasisPanel as S, GradientText as C, IllustratedEmptyState as w, NextSteps as T, PagePurpose as E, ResponsiveDialog as D, ResponsiveDialogContent as O, ResponsiveDialogDescription as k, ResponsiveDialogFooter as A, ResponsiveDialogHeader as j, ResponsiveDialogTitle as M, Spinner as N } from "@burdenoff/fe-libs/ui";
 import { useGlobalUi as P } from "@burdenoff/fe-libs/shared/providers/shell";

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, DollarSign, FolderKanban, Pencil, Target, Trash2, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst PROJECT_EDIT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Project Name', type: 'text', required: true, colSpan: 2 },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Planning', value: 'planning' },\n      { label: 'Active', value: 'active' },\n      { label: 'On Hold', value: 'on_hold' },\n      { label: 'Completed', value: 'completed' },\n      { label: 'Cancelled', value: 'cancelled' },\n    ],\n  },\n  {\n    name: 'priority',\n    label: 'Priority',\n    type: 'select',\n    options: [\n      { label: 'Low', value: 'low' },\n      { label: 'Medium', value: 'medium' },\n      { label: 'High', value: 'high' },\n      { label: 'Critical', value: 'critical' },\n    ],\n  },\n  { name: 'budget', label: 'Budget ($)', type: 'number' },\n  { name: 'progress', label: 'Progress (%)', type: 'number' },\n];\n\nexport function ProjectsProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const projects = useCrewFoundryStore((state) => state.projects);\n  const updateProject = useCrewFoundryStore((state) => state.updateProject);\n  const removeProject = useCrewFoundryStore((state) => state.removeProject);\n  const initialized = useCrewFoundryStore((state) => state.initialized);\n  const editModal = useFormModal();\n  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n  const projectId = searchParams.get('id');\n  const project = projects.find((p) => p.id === projectId) ?? projects[0];\n  if (!initialized && !project) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  const budgetPct = project.budget > 0 ? Math.round((project.spent / project.budget) * 100) : 0;\n  const budgetOverrun = project.budget > 0 && project.spent / project.budget > 0.9;\n\n  const editInitialValues: FormValues = {\n    name: project.name,\n    description: project.description,\n    status: project.status,\n    priority: project.priority,\n    budget: project.budget,\n    progress: project.progress,\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    const updates: Partial<Project> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      status: String(values.status ?? project.status) as Project['status'],\n      priority: String(values.priority ?? project.priority) as Project['priority'],\n    };\n    if (typeof values.budget === 'number' && !Number.isNaN(values.budget)) {\n      updates.budget = values.budget;\n    }\n    if (typeof values.progress === 'number' && !Number.isNaN(values.progress)) {\n      updates.progress = values.progress;\n    }\n    await updateProject(project.id, updates);\n    showToast('Project updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (deleting) return;\n    setDeleting(true);\n    try {\n      await removeProject(project.id);\n      showToast('Project deleted', 'success');\n      setConfirmDeleteOpen(false);\n      navigate('../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to delete project', 'error');\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"hidden gap-1 sm:flex\">\n            <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n              {formatEnumLabel(project.priority)}\n            </Badge>\n            <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n              {formatEnumLabel(project.status)}\n            </Badge>\n          </div>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => editModal.openModal()}>\n            <Pencil className=\"h-4 w-4 mr-1\" />\n            Edit\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Delete project\"\n            className=\"h-9 w-9 p-0 text-text-secondary hover:text-status-error-text\"\n            onClick={() => setConfirmDeleteOpen(true)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <PagePurpose>\n        Track a single project end-to-end — progress, budget, team, and timeline in one place — so\n        you can spot risks early and keep delivery on schedule and on budget.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"crewfoundry-project-details\"\n        steps={[\n          {\n            id: 'all-projects',\n            label: 'View all projects',\n            description: 'See how this project compares across your portfolio.',\n            icon: <FolderKanban className=\"h-4 w-4\" />,\n            onClick: () => navigate('../projects/projects-page'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'Review who is working on this and their workload.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/teams-page'),\n          },\n          {\n            id: 'new-project',\n            label: 'Start a new project',\n            description: 'Kick off the next piece of work.',\n            icon: <Target className=\"h-4 w-4\" />,\n            onClick: () => navigate('../projects/create-project-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Task Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks completed\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">{budgetPct}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${budgetOverrun ? 'bg-status-error-text' : 'bg-status-success-text'}`}\n                style={{ width: `${budgetPct}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={editModal.open}\n        onOpenChange={editModal.onOpenChange}\n        title=\"Edit Project\"\n        description={`Update the details for ${project.name}.`}\n        fields={PROJECT_EDIT_FIELDS}\n        initialValues={editInitialValues}\n        submitLabel=\"Save Changes\"\n        onSubmit={handleEdit}\n      />\n\n      <ResponsiveDialog open={confirmDeleteOpen} onOpenChange={setConfirmDeleteOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Delete {project.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This permanently removes the project and its tracking data. This cannot be undone.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmDeleteOpen(false)}\n              disabled={deleting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={handleDelete} disabled={deleting}>\n              {deleting ? 'Deleting…' : 'Delete Project'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectDetailsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveDialog,\n  ResponsiveDialogContent,\n  ResponsiveDialogDescription,\n  ResponsiveDialogFooter,\n  ResponsiveDialogHeader,\n  ResponsiveDialogTitle,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { useGlobalUi } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { Calendar, DollarSign, FolderKanban, Pencil, Target, Trash2, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport {\n  FormModal,\n  useFormModal,\n  type FieldConfig,\n  type FormValues,\n} from '../components/forms/FormModal';\nimport { useCrewFoundryStore, type Project } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\n\nconst PROJECT_EDIT_FIELDS: FieldConfig[] = [\n  { name: 'name', label: 'Project Name', type: 'text', required: true, colSpan: 2 },\n  { name: 'description', label: 'Description', type: 'textarea', colSpan: 2 },\n  {\n    name: 'status',\n    label: 'Status',\n    type: 'select',\n    options: [\n      { label: 'Planning', value: 'planning' },\n      { label: 'Active', value: 'active' },\n      { label: 'On Hold', value: 'on_hold' },\n      { label: 'Completed', value: 'completed' },\n      { label: 'Cancelled', value: 'cancelled' },\n    ],\n  },\n  {\n    name: 'priority',\n    label: 'Priority',\n    type: 'select',\n    options: [\n      { label: 'Low', value: 'low' },\n      { label: 'Medium', value: 'medium' },\n      { label: 'High', value: 'high' },\n      { label: 'Critical', value: 'critical' },\n    ],\n  },\n  { name: 'budget', label: 'Budget ($)', type: 'number' },\n  { name: 'progress', label: 'Progress (%)', type: 'number' },\n];\n\nexport function ProjectsProjectDetailsPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { showToast } = useGlobalUi();\n  const projects = useCrewFoundryStore((state) => state.projects);\n  const updateProject = useCrewFoundryStore((state) => state.updateProject);\n  const removeProject = useCrewFoundryStore((state) => state.removeProject);\n  const initialized = useCrewFoundryStore((state) => state.initialized);\n  const editModal = useFormModal();\n  const [confirmDeleteOpen, setConfirmDeleteOpen] = useState(false);\n  const [deleting, setDeleting] = useState(false);\n  const projectId = searchParams.get('id');\n  const project = projects.find((p) => p.id === projectId) ?? projects[0];\n  if (!initialized && !project) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!project)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Project not found\"\n          description=\"This project is no longer available.\"\n        />\n      </div>\n    );\n\n  const budgetPct = project.budget > 0 ? Math.round((project.spent / project.budget) * 100) : 0;\n  const budgetOverrun = project.budget > 0 && project.spent / project.budget > 0.9;\n\n  const editInitialValues: FormValues = {\n    name: project.name,\n    description: project.description,\n    status: project.status,\n    priority: project.priority,\n    budget: project.budget,\n    progress: project.progress,\n  };\n\n  const handleEdit = async (values: FormValues) => {\n    const updates: Partial<Project> = {\n      name: String(values.name ?? '').trim(),\n      description: String(values.description ?? '').trim(),\n      status: String(values.status ?? project.status) as Project['status'],\n      priority: String(values.priority ?? project.priority) as Project['priority'],\n    };\n    if (typeof values.budget === 'number' && !Number.isNaN(values.budget)) {\n      updates.budget = values.budget;\n    }\n    if (typeof values.progress === 'number' && !Number.isNaN(values.progress)) {\n      updates.progress = values.progress;\n    }\n    await updateProject(project.id, updates);\n    showToast('Project updated', 'success');\n  };\n\n  const handleDelete = async () => {\n    if (deleting) return;\n    setDeleting(true);\n    try {\n      await removeProject(project.id);\n      showToast('Project deleted', 'success');\n      setConfirmDeleteOpen(false);\n      navigate('../projects/projects-page');\n    } catch (error) {\n      showToast(error instanceof Error ? error.message : 'Unable to delete project', 'error');\n    } finally {\n      setDeleting(false);\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{project.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{project.description}</p>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <div className=\"hidden gap-1 sm:flex\">\n            <Badge variant={project.priority === 'critical' ? 'destructive' : 'default'}>\n              {formatEnumLabel(project.priority)}\n            </Badge>\n            <Badge variant={project.status === 'active' ? 'default' : 'secondary'}>\n              {formatEnumLabel(project.status)}\n            </Badge>\n          </div>\n          <Button variant=\"outline\" size=\"sm\" onClick={() => editModal.openModal()}>\n            <Pencil className=\"h-4 w-4 mr-1\" />\n            Edit\n          </Button>\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Delete project\"\n            className=\"h-9 w-9 p-0 text-text-secondary hover:text-status-error-text\"\n            onClick={() => setConfirmDeleteOpen(true)}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <PagePurpose>\n        Track a single project end-to-end — progress, budget, team, and timeline in one place — so\n        you can spot risks early and keep delivery on schedule and on budget.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"crewfoundry-project-details\"\n        steps={[\n          {\n            id: 'all-projects',\n            label: 'View all projects',\n            description: 'See how this project compares across your portfolio.',\n            icon: <FolderKanban className=\"h-4 w-4\" />,\n            onClick: () => navigate('../projects/projects-page'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'Review who is working on this and their workload.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/teams-page'),\n          },\n          {\n            id: 'new-project',\n            label: 'Start a new project',\n            description: 'Kick off the next piece of work.',\n            icon: <Target className=\"h-4 w-4\" />,\n            onClick: () => navigate('../projects/create-project-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.progress}%</p>\n            <p className=\"text-xs text-text-secondary\">Progress</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <DollarSign className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">${(project.budget / 1000).toFixed(0)}K</p>\n            <p className=\"text-xs text-text-secondary\">Budget</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.teamName}</p>\n            <p className=\"text-xs text-text-secondary\">Team</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{project.endDate}</p>\n            <p className=\"text-xs text-text-secondary\">Deadline</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Task Progress</div>\n        <div className=\"space-y-2\">\n          <div className=\"flex justify-between text-sm\">\n            <span>\n              {project.completedTasks} of {project.tasks} tasks completed\n            </span>\n            <span className=\"font-medium\">{project.progress}%</span>\n          </div>\n          <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n            <div\n              className=\"h-3 bg-action-primary-bg rounded\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n        </div>\n      </EmphasisPanel>\n      <Card>\n        <CardHeader>\n          <CardTitle>Budget Tracking</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-2\">\n            <div className=\"flex justify-between text-sm\">\n              <span>\n                Spent ${(project.spent / 1000).toFixed(0)}K of ${(project.budget / 1000).toFixed(0)}\n                K\n              </span>\n              <span className=\"font-medium\">{budgetPct}%</span>\n            </div>\n            <div className=\"h-3 bg-bg-sunken rounded overflow-hidden\">\n              <div\n                className={`h-3 rounded ${budgetOverrun ? 'bg-status-error-text' : 'bg-status-success-text'}`}\n                style={{ width: `${budgetPct}%` }}\n              />\n            </div>\n          </div>\n          <div className=\"grid grid-cols-2 gap-4 mt-4 text-sm\">\n            <div>\n              <p className=\"text-xs text-text-secondary\">Manager</p>\n              <p className=\"font-medium\">{project.managerName}</p>\n            </div>\n            <div>\n              <p className=\"text-xs text-text-secondary\">Timeline</p>\n              <p>\n                {project.startDate} — {project.endDate}\n              </p>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n\n      <FormModal\n        open={editModal.open}\n        onOpenChange={editModal.onOpenChange}\n        title=\"Edit Project\"\n        description={`Update the details for ${project.name}.`}\n        fields={PROJECT_EDIT_FIELDS}\n        initialValues={editInitialValues}\n        submitLabel=\"Save Changes\"\n        onSubmit={handleEdit}\n      />\n\n      <ResponsiveDialog open={confirmDeleteOpen} onOpenChange={setConfirmDeleteOpen}>\n        <ResponsiveDialogContent className=\"sm:max-w-[440px]\">\n          <ResponsiveDialogHeader>\n            <ResponsiveDialogTitle>Delete {project.name}?</ResponsiveDialogTitle>\n            <ResponsiveDialogDescription>\n              This permanently removes the project and its tracking data. This cannot be undone.\n            </ResponsiveDialogDescription>\n          </ResponsiveDialogHeader>\n          <ResponsiveDialogFooter>\n            <Button\n              type=\"button\"\n              variant=\"outline\"\n              onClick={() => setConfirmDeleteOpen(false)}\n              disabled={deleting}\n            >\n              Cancel\n            </Button>\n            <Button type=\"button\" variant=\"destructive\" onClick={handleDelete} disabled={deleting}>\n              {deleting ? 'Deleting…' : 'Delete Project'}\n            </Button>\n          </ResponsiveDialogFooter>\n        </ResponsiveDialogContent>\n      </ResponsiveDialog>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAiCA,IAAM,IAAqC;CACzC;EAAE,MAAM;EAAQ,OAAO;EAAgB,MAAM;EAAQ,UAAU;EAAM,SAAS;EAAG;CACjF;EAAE,MAAM;EAAe,OAAO;EAAe,MAAM;EAAY,SAAS;EAAG;CAC3E;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAY,OAAO;IAAY;GACxC;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAW,OAAO;IAAW;GACtC;IAAE,OAAO;IAAa,OAAO;IAAa;GAC1C;IAAE,OAAO;IAAa,OAAO;IAAa;GAC3C;EACF;CACD;EACE,MAAM;EACN,OAAO;EACP,MAAM;EACN,SAAS;GACP;IAAE,OAAO;IAAO,OAAO;IAAO;GAC9B;IAAE,OAAO;IAAU,OAAO;IAAU;GACpC;IAAE,OAAO;IAAQ,OAAO;IAAQ;GAChC;IAAE,OAAO;IAAY,OAAO;IAAY;GACzC;EACF;CACD;EAAE,MAAM;EAAU,OAAO;EAAc,MAAM;EAAU;CACvD;EAAE,MAAM;EAAY,OAAO;EAAgB,MAAM;EAAU;CAC5D;AAED,SAAgB,IAAiC;CAC/C,IAAM,IAAW,GAAa,EACxB,CAAC,KAAgB,GAAiB,EAClC,EAAE,iBAAc,GAAa,EAC7B,IAAW,GAAqB,MAAU,EAAM,SAAS,EACzD,IAAgB,GAAqB,MAAU,EAAM,cAAc,EACnE,IAAgB,GAAqB,MAAU,EAAM,cAAc,EACnE,IAAc,GAAqB,MAAU,EAAM,YAAY,EAC/D,IAAY,GAAc,EAC1B,CAAC,GAAmB,KAAwB,EAAS,GAAM,EAC3D,CAAC,GAAU,KAAe,EAAS,GAAM,EACzC,IAAY,EAAa,IAAI,KAAK,EAClC,IAAU,EAAS,MAAM,MAAM,EAAE,OAAO,EAAU,IAAI,EAAS;AACrE,KAAI,CAAC,KAAe,CAAC,EACnB,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;EACjB,CAAA;AAIV,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD;GACE,cAAa;GACb,OAAM;GACN,aAAY;GACZ,CAAA;EACE,CAAA;CAGV,IAAM,IAAY,EAAQ,SAAS,IAAI,KAAK,MAAO,EAAQ,QAAQ,EAAQ,SAAU,IAAI,GAAG,GACtF,IAAgB,EAAQ,SAAS,KAAK,EAAQ,QAAQ,EAAQ,SAAS,IAEvE,IAAgC;EACpC,MAAM,EAAQ;EACd,aAAa,EAAQ;EACrB,QAAQ,EAAQ;EAChB,UAAU,EAAQ;EAClB,QAAQ,EAAQ;EAChB,UAAU,EAAQ;EACnB;AAkCD,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eACZ,kBAAC,GAAD,EAAA,UAAe,EAAQ,MAAoB,CAAA;KACxC,CAAA,EACL,kBAAC,KAAD;KAAG,WAAU;eAA+B,EAAQ;KAAgB,CAAA,CAChE,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAS,EAAQ,aAAa,aAAa,gBAAgB;kBAC/D,EAAgB,EAAQ,SAAS;QAC5B,CAAA,EACR,kBAAC,GAAD;QAAO,SAAS,EAAQ,WAAW,WAAW,YAAY;kBACvD,EAAgB,EAAQ,OAAO;QAC1B,CAAA,CACJ;;MACN,kBAAC,GAAD;OAAQ,SAAQ;OAAU,MAAK;OAAK,eAAe,EAAU,WAAW;iBAAxE,CACE,kBAAC,GAAD,EAAQ,WAAU,gBAAiB,CAAA,EAAA,OAE5B;;MACT,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,cAAW;OACX,WAAU;OACV,eAAe,EAAqB,GAAK;iBAEzC,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;OACvB,CAAA;MACL;OACF;;GACN,kBAAC,GAAD,EAAA,UAAa,oKAGC,CAAA;GAEd,kBAAC,GAAD;IACE,YAAW;IACX,OAAO;KACL;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA;MAC1C,eAAe,EAAS,4BAA4B;MACrD;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;MACnC,eAAe,EAAS,sBAAsB;MAC/C;KACD;MACE,IAAI;MACJ,OAAO;MACP,aAAa;MACb,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;MACpC,eAAe,EAAS,kCAAkC;MAC3D;KACF;IACD,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAQ,WAAU,4CAA6C,CAAA;OAC/D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CAAkC,EAAQ,UAAS,IAAK;;OACxD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAY,WAAU,4CAA6C,CAAA;OACnE,kBAAC,KAAD;QAAG,WAAU;kBAAb;SAAiC;UAAG,EAAQ,SAAS,KAAM,QAAQ,EAAE;SAAC;SAAK;;OAC3E,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAU,CAAA;OACzC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAO,WAAU,4CAA6C,CAAA;OAC9D,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAa,CAAA;OACvD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAQ,CAAA;OACvC;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,GAAD,EAAU,WAAU,4CAA6C,CAAA;OACjE,kBAAC,KAAD;QAAG,WAAU;kBAAqB,EAAQ;QAAY,CAAA;OACtD,kBAAC,KAAD;QAAG,WAAU;kBAA8B;QAAY,CAAA;OAC3C;SACT,CAAA;KACH;;GACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAA6B;IAAmB,CAAA,EAC/D,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MACG,EAAQ;MAAe;MAAK,EAAQ;MAAM;MACtC,EAAA,CAAA,EACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,EAAQ,UAAS,IAAQ;QACpD;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;MACxC,CAAA;KACE,CAAA,CACF;MACQ,EAAA,CAAA;GAChB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,mBAA2B,CAAA,EAC3B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,QAAD,EAAA,UAAA;MAAM;OACK,EAAQ,QAAQ,KAAM,QAAQ,EAAE;MAAC;OAAQ,EAAQ,SAAS,KAAM,QAAQ,EAAE;MAAC;MAE/E,EAAA,CAAA,EACP,kBAAC,QAAD;MAAM,WAAU;gBAAhB,CAA+B,GAAU,IAAQ;QAC7C;QACN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAW,eAAe,IAAgB,yBAAyB;MACnE,OAAO,EAAE,OAAO,GAAG,EAAU,IAAI;MACjC,CAAA;KACE,CAAA,CACF;OACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAW,CAAA,EACtD,kBAAC,KAAD;KAAG,WAAU;eAAe,EAAQ;KAAgB,CAAA,CAChD,EAAA,CAAA,EACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;KAAG,WAAU;eAA8B;KAAY,CAAA,EACvD,kBAAC,KAAD,EAAA,UAAA;KACG,EAAQ;KAAU;KAAI,EAAQ;KAC7B,EAAA,CAAA,CACA,EAAA,CAAA,CACF;MACM,EAAA,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,GAAD;IACE,MAAM,EAAU;IAChB,cAAc,EAAU;IACxB,OAAM;IACN,aAAa,0BAA0B,EAAQ,KAAK;IACpD,QAAQ;IACR,eAAe;IACf,aAAY;IACZ,UA3La,OAAO,MAAuB;KAC/C,IAAM,IAA4B;MAChC,MAAM,OAAO,EAAO,QAAQ,GAAG,CAAC,MAAM;MACtC,aAAa,OAAO,EAAO,eAAe,GAAG,CAAC,MAAM;MACpD,QAAQ,OAAO,EAAO,UAAU,EAAQ,OAAO;MAC/C,UAAU,OAAO,EAAO,YAAY,EAAQ,SAAS;MACtD;AAQD,KAPI,OAAO,EAAO,UAAW,YAAY,CAAC,OAAO,MAAM,EAAO,OAAO,KACnE,EAAQ,SAAS,EAAO,SAEtB,OAAO,EAAO,YAAa,YAAY,CAAC,OAAO,MAAM,EAAO,SAAS,KACvE,EAAQ,WAAW,EAAO,WAE5B,MAAM,EAAc,EAAQ,IAAI,EAAQ,EACxC,EAAU,mBAAmB,UAAU;;IA8KnC,CAAA;GAEF,kBAAC,GAAD;IAAkB,MAAM;IAAmB,cAAc;cACvD,kBAAC,GAAD;KAAyB,WAAU;eAAnC,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA;MAAuB;MAAQ,EAAQ;MAAK;MAAyB,EAAA,CAAA,EACrE,kBAAC,GAAD,EAAA,UAA6B,sFAEC,CAAA,CACP,EAAA,CAAA,EACzB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MACE,MAAK;MACL,SAAQ;MACR,eAAe,EAAqB,GAAM;MAC1C,UAAU;gBACX;MAEQ,CAAA,EACT,kBAAC,GAAD;MAAQ,MAAK;MAAS,SAAQ;MAAc,SA9LjC,YAAY;AAC3B,eACJ;UAAY,GAAK;AACjB,YAAI;AAIF,SAHA,MAAM,EAAc,EAAQ,GAAG,EAC/B,EAAU,mBAAmB,UAAU,EACvC,EAAqB,GAAM,EAC3B,EAAS,4BAA4B;iBAC9B,GAAO;AACd,WAAU,aAAiB,QAAQ,EAAM,UAAU,4BAA4B,QAAQ;kBAC/E;AACR,WAAY,GAAM;;;;MAmLuD,UAAU;gBAC1E,IAAW,cAAc;MACnB,CAAA,CACc,EAAA,CAAA,CACD;;IACT,CAAA;GACf"}

package/dist/crewfoundry/pages/ProjectsProjectsPagePage.js

@@ -7,7 +7,7 @@ import "../components/viz/index.js";
 import { allocationByPerson as a } from "../lib/analytics.js";
 import { useMemo as o, useState as s } from "react";
 import { ArrowRight as c, Gauge as l, LayoutGrid as u, Plus as d, Table2 as f } from "lucide-react";
-import { useNavigate as p } from "react-router-dom";
+import { useNavigate as p } from "react-router";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GlassCard as w, GradientText as T, IllustratedEmptyState as E, PagePurpose as D, Pagination as O, ResponsiveTable as k } from "@burdenoff/fe-libs/ui";
 import { usePagination as A } from "@burdenoff/fe-libs/shared/hooks";

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { ArrowRight, Gauge, LayoutGrid, Plus, Table2 } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useMemo, useState } from 'react';\nimport { useCrewFoundryStore, type Employee, type Project } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AllocationBar, AvatarStack, SegmentedTabs, type Person } from '../components/viz';\nimport { allocationByPerson } from '../lib/analytics';\n\nconst MAX_ALLOCATION_ROWS = 6;\n\nfunction statusVariant(status: Project['status']): 'default' | 'secondary' | 'outline' {\n  if (status === 'active') {\n    return 'default';\n  }\n  if (status === 'completed') {\n    return 'secondary';\n  }\n  return 'outline';\n}\n\nfunction priorityVariant(priority: Project['priority']): 'destructive' | 'default' | 'secondary' {\n  if (priority === 'critical') {\n    return 'destructive';\n  }\n  if (priority === 'high') {\n    return 'default';\n  }\n  return 'secondary';\n}\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects, teams, employees, timeEntries } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const [view, setView] = useState<'board' | 'table'>('board');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const teamById = useMemo(() => new Map(teams.map((team) => [team.id, team])), [teams]);\n\n  const teamPeople = (project: Project): Person[] => {\n    const team = teamById.get(project.teamId);\n    if (!team) {\n      return [];\n    }\n    return team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  };\n\n  const allocation = useMemo(\n    () => allocationByPerson(timeEntries, employees).slice(0, MAX_ALLOCATION_ROWS),\n    [timeEntries, employees]\n  );\n\n  const pageProjects = projects.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openProject = (project: Project) =>\n    navigate(`../projects/project-details-page?id=${encodeURIComponent(project.id)}`);\n\n  const columns: ResponsiveTableColumn<Project>[] = [\n    {\n      key: 'name',\n      header: t('crewfoundry.projects.table.project', 'Project'),\n      priority: 'primary',\n      cell: (project) => <span className=\"font-medium text-text-primary\">{project.name}</span>,\n    },\n    {\n      key: 'status',\n      header: t('crewfoundry.projects.table.status', 'Status'),\n      priority: 'primary',\n      cell: (project) => (\n        <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n          {formatEnumLabel(project.status)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'progress',\n      header: t('crewfoundry.projects.table.progress', 'Progress'),\n      priority: 'secondary',\n      cell: (project) => (\n        <div className=\"flex items-center gap-2 md:min-w-[160px]\">\n          <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-1.5 rounded-full bg-action-primary-bg\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n          <span className=\"w-9 shrink-0 text-right text-xs tabular-nums text-text-secondary\">\n            {project.progress}%\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'team',\n      header: t('crewfoundry.projects.table.team', 'Team'),\n      priority: 'secondary',\n      cell: (project) => {\n        const people = teamPeople(project);\n        return people.length > 0 ? (\n          <AvatarStack people={people} max={4} size={26} />\n        ) : (\n          <span className=\"text-xs text-text-secondary\">{project.teamName || '—'}</span>\n        );\n      },\n    },\n    {\n      key: 'timeline',\n      header: t('crewfoundry.projects.table.timeline', 'Timeline'),\n      priority: 'secondary',\n      cell: (project) => (\n        <span className=\"whitespace-nowrap text-xs text-text-secondary\">\n          {project.startDate} — {project.endDate}\n        </span>\n      ),\n    },\n    {\n      key: 'budget',\n      header: t('crewfoundry.projects.table.budget', 'Budget'),\n      priority: 'primary',\n      cell: (project) => (\n        <span className=\"tabular-nums md:text-right md:block\">\n          ${(project.budget / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{t('crewfoundry.projects.title', 'Projects')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n          <PagePurpose className=\"mt-1\">\n            All your projects in one view — track status, progress, and budgets so nothing stalls\n            and everything ships on time.\n          </PagePurpose>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <SegmentedTabs\n            aria-label=\"Projects view\"\n            value={view}\n            onChange={(id) => setView(id as 'board' | 'table')}\n            tabs={[\n              { id: 'board', label: 'Board', icon: <LayoutGrid className=\"h-4 w-4\" /> },\n              { id: 'table', label: 'Table', icon: <Table2 className=\"h-4 w-4\" /> },\n            ]}\n          />\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigate('../projects/resourcing-page')}\n          >\n            <Gauge className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.resourcing', 'Resourcing & Utilization')}\n          </Button>\n          <Button size=\"sm\" onClick={() => navigate('../projects/create-project-page')}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.newProject', 'New Project')}\n          </Button>\n        </div>\n      </div>\n\n      {projects.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No projects yet\"\n          description=\"Create your first project to start tracking work.\"\n        />\n      ) : view === 'table' ? (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardContent className=\"p-4\">\n            <ResponsiveTable\n              columns={columns}\n              data={pageProjects}\n              rowKey={(project) => project.id}\n              onRowClick={openProject}\n            />\n            {projects.length > pageSize && (\n              <div className=\"mt-4\">\n                <Pagination\n                  page={page}\n                  pageSize={pageSize}\n                  totalItems={projects.length}\n                  onPageChange={setPage}\n                />\n              </div>\n            )}\n          </CardContent>\n        </GlassCard>\n      ) : (\n        <>\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {pageProjects.map((project) => {\n              const people = teamPeople(project);\n              return (\n                <GlassCard\n                  key={project.id}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`Open ${project.name} project detail`}\n                  onClick={() => openProject(project)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      openProject(project);\n                    }\n                  }}\n                  className=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none\"\n                >\n                  <CardHeader className=\"pb-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                      <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n                        {formatEnumLabel(project.status)}\n                      </Badge>\n                    </div>\n                    <CardDescription>{project.description}</CardDescription>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-2 mb-3\">\n                      <div className=\"flex justify-between text-xs\">\n                        <span>\n                          {project.completedTasks}/{project.tasks}{' '}\n                          {t('crewfoundry.projects.card.tasks', 'tasks')}\n                        </span>\n                        <span className=\"tabular-nums\">{project.progress}%</span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded bg-action-primary-bg\"\n                          style={{ width: `${project.progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"mb-3 flex items-center justify-between gap-2\">\n                      {people.length > 0 ? (\n                        <AvatarStack people={people} max={4} size={26} />\n                      ) : (\n                        <span className=\"text-xs text-text-secondary\">\n                          {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                        </span>\n                      )}\n                      <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                        ${(project.spent / 1000).toFixed(0)}K / $\n                        {(project.budget / 1000).toFixed(0)}K\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1\">\n                      <Badge variant={priorityVariant(project.priority)} className=\"text-[10px]\">\n                        {formatEnumLabel(project.priority)}\n                      </Badge>\n                      <Badge variant=\"outline\" className=\"text-[10px]\">\n                        {project.startDate} — {project.endDate}\n                      </Badge>\n                    </div>\n                  </CardContent>\n                </GlassCard>\n              );\n            })}\n          </div>\n\n          {projects.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={projects.length}\n              onPageChange={setPage}\n            />\n          )}\n        </>\n      )}\n\n      {/* Resourcing — People allocation this week */}\n      {allocation.length > 0 && (\n        <Card>\n          <CardHeader>\n            <div className=\"flex flex-wrap items-center justify-between gap-2\">\n              <div>\n                <CardTitle className=\"text-base\">\n                  {t('crewfoundry.projects.resourcing.title', 'Resourcing')}\n                </CardTitle>\n                <CardDescription>\n                  {t(\n                    'crewfoundry.projects.resourcing.subtitle',\n                    'People allocation for the latest week with logged time'\n                  )}{' '}\n                  ({allocation[0].weekLabel})\n                </CardDescription>\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => navigate('../projects/resourcing-page')}\n              >\n                {t('crewfoundry.projects.resourcing.viewAll', 'View full resourcing')}\n                <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-5\">\n            {allocation.map((row) => (\n              <AllocationBar\n                key={row.employeeId}\n                segments={row.segments}\n                label={row.name}\n                rightLabel={`${row.utilization}% utilized`}\n              />\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsProjectsPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { ArrowRight, Gauge, LayoutGrid, Plus, Table2 } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useMemo, useState } from 'react';\nimport { useCrewFoundryStore, type Employee, type Project } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AllocationBar, AvatarStack, SegmentedTabs, type Person } from '../components/viz';\nimport { allocationByPerson } from '../lib/analytics';\n\nconst MAX_ALLOCATION_ROWS = 6;\n\nfunction statusVariant(status: Project['status']): 'default' | 'secondary' | 'outline' {\n  if (status === 'active') {\n    return 'default';\n  }\n  if (status === 'completed') {\n    return 'secondary';\n  }\n  return 'outline';\n}\n\nfunction priorityVariant(priority: Project['priority']): 'destructive' | 'default' | 'secondary' {\n  if (priority === 'critical') {\n    return 'destructive';\n  }\n  if (priority === 'high') {\n    return 'default';\n  }\n  return 'secondary';\n}\n\nexport function ProjectsProjectsPagePage() {\n  const { t: translate } = useI18n();\n  const navigate = useNavigate();\n  const { projects, teams, employees, timeEntries } = useCrewFoundryStore();\n  const activeProjects = projects.filter((p) => p.status === 'active');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 12 });\n  const [view, setView] = useState<'board' | 'table'>('board');\n  const t = (key: string, fallback: string) => {\n    const value = translate(key);\n    return value === key ? fallback : value;\n  };\n\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const teamById = useMemo(() => new Map(teams.map((team) => [team.id, team])), [teams]);\n\n  const teamPeople = (project: Project): Person[] => {\n    const team = teamById.get(project.teamId);\n    if (!team) {\n      return [];\n    }\n    return team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  };\n\n  const allocation = useMemo(\n    () => allocationByPerson(timeEntries, employees).slice(0, MAX_ALLOCATION_ROWS),\n    [timeEntries, employees]\n  );\n\n  const pageProjects = projects.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const openProject = (project: Project) =>\n    navigate(`../projects/project-details-page?id=${encodeURIComponent(project.id)}`);\n\n  const columns: ResponsiveTableColumn<Project>[] = [\n    {\n      key: 'name',\n      header: t('crewfoundry.projects.table.project', 'Project'),\n      priority: 'primary',\n      cell: (project) => <span className=\"font-medium text-text-primary\">{project.name}</span>,\n    },\n    {\n      key: 'status',\n      header: t('crewfoundry.projects.table.status', 'Status'),\n      priority: 'primary',\n      cell: (project) => (\n        <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n          {formatEnumLabel(project.status)}\n        </Badge>\n      ),\n    },\n    {\n      key: 'progress',\n      header: t('crewfoundry.projects.table.progress', 'Progress'),\n      priority: 'secondary',\n      cell: (project) => (\n        <div className=\"flex items-center gap-2 md:min-w-[160px]\">\n          <div className=\"h-1.5 flex-1 overflow-hidden rounded-full bg-bg-sunken\">\n            <div\n              className=\"h-1.5 rounded-full bg-action-primary-bg\"\n              style={{ width: `${project.progress}%` }}\n            />\n          </div>\n          <span className=\"w-9 shrink-0 text-right text-xs tabular-nums text-text-secondary\">\n            {project.progress}%\n          </span>\n        </div>\n      ),\n    },\n    {\n      key: 'team',\n      header: t('crewfoundry.projects.table.team', 'Team'),\n      priority: 'secondary',\n      cell: (project) => {\n        const people = teamPeople(project);\n        return people.length > 0 ? (\n          <AvatarStack people={people} max={4} size={26} />\n        ) : (\n          <span className=\"text-xs text-text-secondary\">{project.teamName || '—'}</span>\n        );\n      },\n    },\n    {\n      key: 'timeline',\n      header: t('crewfoundry.projects.table.timeline', 'Timeline'),\n      priority: 'secondary',\n      cell: (project) => (\n        <span className=\"whitespace-nowrap text-xs text-text-secondary\">\n          {project.startDate} — {project.endDate}\n        </span>\n      ),\n    },\n    {\n      key: 'budget',\n      header: t('crewfoundry.projects.table.budget', 'Budget'),\n      priority: 'primary',\n      cell: (project) => (\n        <span className=\"tabular-nums md:text-right md:block\">\n          ${(project.budget / 1000).toFixed(0)}K\n        </span>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-start lg:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{t('crewfoundry.projects.title', 'Projects')}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">\n            {activeProjects.length}{' '}\n            {t('crewfoundry.projects.summary.activeProjects', 'active projects')}\n          </p>\n          <PagePurpose className=\"mt-1\">\n            All your projects in one view — track status, progress, and budgets so nothing stalls\n            and everything ships on time.\n          </PagePurpose>\n        </div>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <SegmentedTabs\n            aria-label=\"Projects view\"\n            value={view}\n            onChange={(id) => setView(id as 'board' | 'table')}\n            tabs={[\n              { id: 'board', label: 'Board', icon: <LayoutGrid className=\"h-4 w-4\" /> },\n              { id: 'table', label: 'Table', icon: <Table2 className=\"h-4 w-4\" /> },\n            ]}\n          />\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigate('../projects/resourcing-page')}\n          >\n            <Gauge className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.resourcing', 'Resourcing & Utilization')}\n          </Button>\n          <Button size=\"sm\" onClick={() => navigate('../projects/create-project-page')}>\n            <Plus className=\"h-4 w-4 mr-1\" />\n            {t('crewfoundry.projects.actions.newProject', 'New Project')}\n          </Button>\n        </div>\n      </div>\n\n      {projects.length === 0 ? (\n        <IllustratedEmptyState\n          illustration=\"empty-data\"\n          title=\"No projects yet\"\n          description=\"Create your first project to start tracking work.\"\n        />\n      ) : view === 'table' ? (\n        <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n          <CardContent className=\"p-4\">\n            <ResponsiveTable\n              columns={columns}\n              data={pageProjects}\n              rowKey={(project) => project.id}\n              onRowClick={openProject}\n            />\n            {projects.length > pageSize && (\n              <div className=\"mt-4\">\n                <Pagination\n                  page={page}\n                  pageSize={pageSize}\n                  totalItems={projects.length}\n                  onPageChange={setPage}\n                />\n              </div>\n            )}\n          </CardContent>\n        </GlassCard>\n      ) : (\n        <>\n          <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-3\">\n            {pageProjects.map((project) => {\n              const people = teamPeople(project);\n              return (\n                <GlassCard\n                  key={project.id}\n                  role=\"button\"\n                  tabIndex={0}\n                  aria-label={`Open ${project.name} project detail`}\n                  onClick={() => openProject(project)}\n                  onKeyDown={(e) => {\n                    if (e.key === 'Enter' || e.key === ' ') {\n                      e.preventDefault();\n                      openProject(project);\n                    }\n                  }}\n                  className=\"cursor-pointer transition-shadow hover:shadow-md focus-visible:shadow-[var(--shadow-focus)] focus-visible:outline-none\"\n                >\n                  <CardHeader className=\"pb-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                      <Badge variant={statusVariant(project.status)} className=\"text-[10px]\">\n                        {formatEnumLabel(project.status)}\n                      </Badge>\n                    </div>\n                    <CardDescription>{project.description}</CardDescription>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-2 mb-3\">\n                      <div className=\"flex justify-between text-xs\">\n                        <span>\n                          {project.completedTasks}/{project.tasks}{' '}\n                          {t('crewfoundry.projects.card.tasks', 'tasks')}\n                        </span>\n                        <span className=\"tabular-nums\">{project.progress}%</span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded bg-action-primary-bg\"\n                          style={{ width: `${project.progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <div className=\"mb-3 flex items-center justify-between gap-2\">\n                      {people.length > 0 ? (\n                        <AvatarStack people={people} max={4} size={26} />\n                      ) : (\n                        <span className=\"text-xs text-text-secondary\">\n                          {t('crewfoundry.projects.card.team', 'Team')}: {project.teamName}\n                        </span>\n                      )}\n                      <span className=\"shrink-0 text-xs tabular-nums text-text-secondary\">\n                        ${(project.spent / 1000).toFixed(0)}K / $\n                        {(project.budget / 1000).toFixed(0)}K\n                      </span>\n                    </div>\n                    <div className=\"flex flex-wrap gap-1\">\n                      <Badge variant={priorityVariant(project.priority)} className=\"text-[10px]\">\n                        {formatEnumLabel(project.priority)}\n                      </Badge>\n                      <Badge variant=\"outline\" className=\"text-[10px]\">\n                        {project.startDate} — {project.endDate}\n                      </Badge>\n                    </div>\n                  </CardContent>\n                </GlassCard>\n              );\n            })}\n          </div>\n\n          {projects.length > pageSize && (\n            <Pagination\n              page={page}\n              pageSize={pageSize}\n              totalItems={projects.length}\n              onPageChange={setPage}\n            />\n          )}\n        </>\n      )}\n\n      {/* Resourcing — People allocation this week */}\n      {allocation.length > 0 && (\n        <Card>\n          <CardHeader>\n            <div className=\"flex flex-wrap items-center justify-between gap-2\">\n              <div>\n                <CardTitle className=\"text-base\">\n                  {t('crewfoundry.projects.resourcing.title', 'Resourcing')}\n                </CardTitle>\n                <CardDescription>\n                  {t(\n                    'crewfoundry.projects.resourcing.subtitle',\n                    'People allocation for the latest week with logged time'\n                  )}{' '}\n                  ({allocation[0].weekLabel})\n                </CardDescription>\n              </div>\n              <Button\n                variant=\"ghost\"\n                size=\"sm\"\n                onClick={() => navigate('../projects/resourcing-page')}\n              >\n                {t('crewfoundry.projects.resourcing.viewAll', 'View full resourcing')}\n                <ArrowRight className=\"ml-1 h-4 w-4\" />\n              </Button>\n            </div>\n          </CardHeader>\n          <CardContent className=\"space-y-5\">\n            {allocation.map((row) => (\n              <AllocationBar\n                key={row.employeeId}\n                segments={row.segments}\n                label={row.name}\n                rightLabel={`${row.utilization}% utilized`}\n              />\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA0BA,IAAM,IAAsB;AAE5B,SAAS,EAAc,GAAgE;AAOrF,QANI,MAAW,WACN,YAEL,MAAW,cACN,cAEF;;AAGT,SAAS,EAAgB,GAAwE;AAO/F,QANI,MAAa,aACR,gBAEL,MAAa,SACR,YAEF;;AAGT,SAAgB,IAA2B;CACzC,IAAM,EAAE,GAAG,MAAc,GAAS,EAC5B,IAAW,GAAa,EACxB,EAAE,aAAU,UAAO,cAAW,mBAAgB,GAAqB,EACnE,IAAiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,EAC9D,EAAE,SAAM,aAAU,eAAY,EAAc,EAAE,iBAAiB,IAAI,CAAC,EACpE,CAAC,GAAM,KAAW,EAA4B,QAAQ,EACtD,KAAK,GAAa,MAAqB;EAC3C,IAAM,IAAQ,EAAU,EAAI;AAC5B,SAAO,MAAU,IAAM,IAAW;IAG9B,IAAe,QACb,IAAI,IAAI,EAAU,KAAK,MAAa,CAAC,EAAS,IAAI,EAAS,CAAC,CAAC,EACnE,CAAC,EAAU,CACZ,EACK,IAAW,QAAc,IAAI,IAAI,EAAM,KAAK,MAAS,CAAC,EAAK,IAAI,EAAK,CAAC,CAAC,EAAE,CAAC,EAAM,CAAC,EAEhF,KAAc,MAA+B;EACjD,IAAM,IAAO,EAAS,IAAI,EAAQ,OAAO;AAIzC,SAHK,IAGE,EAAK,QACT,KAAK,MAAa,EAAa,IAAI,EAAS,CAAC,CAC7C,QAAQ,MAAmC,MAAa,KAAA,EAAU,CAClE,KAAK,OAAc;GAClB,MAAM,GAAG,EAAS,UAAU,GAAG,EAAS,WAAW,MAAM;GACzD,WAAW,EAAS;GACpB,MAAM,EAAS;GAChB,EAAE,GATI,EAAE;IAYP,IAAa,QACX,EAAmB,GAAa,EAAU,CAAC,MAAM,GAAG,EAAoB,EAC9E,CAAC,GAAa,EAAU,CACzB,EAEK,IAAe,EAAS,OAAO,IAAO,KAAK,IAAW,IAAO,KAAK,IAAW,EAAS,EAEtF,KAAe,MACnB,EAAS,uCAAuC,mBAAmB,EAAQ,GAAG,GAAG,EAE7E,KAA4C;EAChD;GACE,KAAK;GACL,QAAQ,EAAE,sCAAsC,UAAU;GAC1D,UAAU;GACV,OAAO,MAAY,kBAAC,QAAD;IAAM,WAAU;cAAiC,EAAQ;IAAY,CAAA;GACzF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,qCAAqC,SAAS;GACxD,UAAU;GACV,OAAO,MACL,kBAAC,GAAD;IAAO,SAAS,EAAc,EAAQ,OAAO;IAAE,WAAU;cACtD,EAAgB,EAAQ,OAAO;IAC1B,CAAA;GAEX;EACD;GACE,KAAK;GACL,QAAQ,EAAE,uCAAuC,WAAW;GAC5D,UAAU;GACV,OAAO,MACL,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD;MACE,WAAU;MACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;MACxC,CAAA;KACE,CAAA,EACN,kBAAC,QAAD;KAAM,WAAU;eAAhB,CACG,EAAQ,UAAS,IACb;OACH;;GAET;EACD;GACE,KAAK;GACL,QAAQ,EAAE,mCAAmC,OAAO;GACpD,UAAU;GACV,OAAO,MAAY;IACjB,IAAM,IAAS,EAAW,EAAQ;AAClC,WAAO,EAAO,SAAS,IACrB,kBAAC,GAAD;KAAqB;KAAQ,KAAK;KAAG,MAAM;KAAM,CAAA,GAEjD,kBAAC,QAAD;KAAM,WAAU;eAA+B,EAAQ,YAAY;KAAW,CAAA;;GAGnF;EACD;GACE,KAAK;GACL,QAAQ,EAAE,uCAAuC,WAAW;GAC5D,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAAhB;KACG,EAAQ;KAAU;KAAI,EAAQ;KAC1B;;GAEV;EACD;GACE,KAAK;GACL,QAAQ,EAAE,qCAAqC,SAAS;GACxD,UAAU;GACV,OAAO,MACL,kBAAC,QAAD;IAAM,WAAU;cAAhB;KAAsD;MACjD,EAAQ,SAAS,KAAM,QAAQ,EAAE;KAAC;KAChC;;GAEV;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAe,EAAE,8BAA8B,WAAW,EAAgB,CAAA;MACvE,CAAA;KACL,kBAAC,KAAD;MAAG,WAAU;gBAAb;OACG,EAAe;OAAQ;OACvB,EAAE,+CAA+C,kBAAkB;OAClE;;KACJ,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,cAAW;OACX,OAAO;OACP,WAAW,MAAO,EAAQ,EAAwB;OAClD,MAAM,CACJ;QAAE,IAAI;QAAS,OAAO;QAAS,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;QAAE,EACzE;QAAE,IAAI;QAAS,OAAO;QAAS,MAAM,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA;QAAE,CACtE;OACD,CAAA;MACF,kBAAC,GAAD;OACE,SAAQ;OACR,MAAK;OACL,eAAe,EAAS,8BAA8B;iBAHxD,CAKE,kBAAC,GAAD,EAAO,WAAU,gBAAiB,CAAA,EACjC,EAAE,2CAA2C,2BAA2B,CAClE;;MACT,kBAAC,GAAD;OAAQ,MAAK;OAAK,eAAe,EAAS,kCAAkC;iBAA5E,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAE,2CAA2C,cAAc,CACrD;;MACL;OACF;;GAEL,EAAS,WAAW,IACnB,kBAAC,GAAD;IACE,cAAa;IACb,OAAM;IACN,aAAY;IACZ,CAAA,GACA,MAAS,UACX,kBAAC,GAAD;IAAW,WAAU;IAAQ,MAAA;IAAK,WAAU;cAC1C,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,GAAD;MACW;MACT,MAAM;MACN,SAAS,MAAY,EAAQ;MAC7B,YAAY;MACZ,CAAA,EACD,EAAS,SAAS,KACjB,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,GAAD;OACQ;OACI;OACV,YAAY,EAAS;OACrB,cAAc;OACd,CAAA;MACE,CAAA,CAEI;;IACJ,CAAA,GAEZ,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MAAY;KAC7B,IAAM,IAAS,EAAW,EAAQ;AAClC,YACE,kBAAC,GAAD;MAEE,MAAK;MACL,UAAU;MACV,cAAY,QAAQ,EAAQ,KAAK;MACjC,eAAe,EAAY,EAAQ;MACnC,YAAY,MAAM;AAChB,QAAI,EAAE,QAAQ,WAAW,EAAE,QAAQ,SACjC,EAAE,gBAAgB,EAClB,EAAY,EAAQ;;MAGxB,WAAU;gBAZZ,CAcE,kBAAC,GAAD;OAAY,WAAU;iBAAtB,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAW,WAAU;mBAAa,EAAQ;SAAiB,CAAA,EAC3D,kBAAC,GAAD;SAAO,SAAS,EAAc,EAAQ,OAAO;SAAE,WAAU;mBACtD,EAAgB,EAAQ,OAAO;SAC1B,CAAA,CACJ;WACN,kBAAC,GAAD,EAAA,UAAkB,EAAQ,aAA8B,CAAA,CAC7C;UACb,kBAAC,GAAD,EAAA,UAAA;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;UACG,EAAQ;UAAe;UAAE,EAAQ;UAAO;UACxC,EAAE,mCAAmC,QAAQ;UACzC,EAAA,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAAgC,EAAQ,UAAS,IAAQ;YACrD;YACN,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAU;UACV,OAAO,EAAE,OAAO,GAAG,EAAQ,SAAS,IAAI;UACxC,CAAA;SACE,CAAA,CACF;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAO,SAAS,IACf,kBAAC,GAAD;SAAqB;SAAQ,KAAK;SAAG,MAAM;SAAM,CAAA,GAEjD,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UACG,EAAE,kCAAkC,OAAO;UAAC;UAAG,EAAQ;UACnD;YAET,kBAAC,QAAD;SAAM,WAAU;mBAAhB;UAAoE;WAC/D,EAAQ,QAAQ,KAAM,QAAQ,EAAE;UAAC;WAClC,EAAQ,SAAS,KAAM,QAAQ,EAAE;UAAC;UAC/B;WACH;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,GAAD;SAAO,SAAS,EAAgB,EAAQ,SAAS;SAAE,WAAU;mBAC1D,EAAgB,EAAQ,SAAS;SAC5B,CAAA,EACR,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAAnC;UACG,EAAQ;UAAU;UAAI,EAAQ;UACzB;WACJ;;OACM,EAAA,CAAA,CACJ;QA5DL,EAAQ,GA4DH;MAEd;IACE,CAAA,EAEL,EAAS,SAAS,KACjB,kBAAC,GAAD;IACQ;IACI;IACV,YAAY,EAAS;IACrB,cAAc;IACd,CAAA,CAEH,EAAA,CAAA;GAIJ,EAAW,SAAS,KACnB,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAW,WAAU;eAClB,EAAE,yCAAyC,aAAa;KAC/C,CAAA,EACZ,kBAAC,GAAD,EAAA,UAAA;KACG,EACC,4CACA,yDACD;KAAE;KAAI;KACL,EAAW,GAAG;KAAU;KACV,EAAA,CAAA,CACd,EAAA,CAAA,EACN,kBAAC,GAAD;KACE,SAAQ;KACR,MAAK;KACL,eAAe,EAAS,8BAA8B;eAHxD,CAKG,EAAE,2CAA2C,uBAAuB,EACrE,kBAAC,GAAD,EAAY,WAAU,gBAAiB,CAAA,CAChC;OACL;OACK,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAW,KAAK,MACf,kBAAC,GAAD;KAEE,UAAU,EAAI;KACd,OAAO,EAAI;KACX,YAAY,GAAG,EAAI,YAAY;KAC/B,EAJK,EAAI,WAIT,CACF;IACU,CAAA,CACT,EAAA,CAAA;GAEL"}

package/dist/crewfoundry/pages/ProjectsResourcingPagePage.js

@@ -6,7 +6,7 @@ import "../components/viz/index.js";
 import { allocationByPerson as i, benchAndOverallocated as a, skillMatch as o, utilizationByPersonWeek as s } from "../lib/analytics.js";
 import { useMemo as c } from "react";
 import { AlertTriangle as l, ArrowLeft as u, TrendingUp as d, Users as f } from "lucide-react";
-import { useNavigate as p } from "react-router-dom";
+import { useNavigate as p } from "react-router";
 import { Fragment as m, jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, GradientText as w, IllustratedEmptyState as T, PagePurpose as E, Spinner as D } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/ProjectsResourcingPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsResourcingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsResourcingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, ArrowLeft, TrendingUp, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { AllocationBar, Heatmap, StatCard } from '../components/viz';\nimport {\n  allocationByPerson,\n  benchAndOverallocated,\n  skillMatch,\n  utilizationByPersonWeek,\n} from '../lib/analytics';\n\nconst UTILIZATION_WEEKS = 8;\nconst MAX_ALLOCATION_ROWS = 12;\n\nexport function ProjectsResourcingPagePage() {\n  const navigate = useNavigate();\n  const timeEntries = useCrewFoundryStore((state) => state.timeEntries);\n  const employees = useCrewFoundryStore((state) => state.employees);\n  const jobPostings = useCrewFoundryStore((state) => state.jobPostings);\n  const candidates = useCrewFoundryStore((state) => state.candidates);\n  const initialized = useCrewFoundryStore((state) => state.initialized);\n\n  const matrix = useMemo(\n    () => utilizationByPersonWeek(timeEntries, employees, UTILIZATION_WEEKS),\n    [timeEntries, employees]\n  );\n  const kpis = useMemo(() => benchAndOverallocated(matrix, employees), [matrix, employees]);\n  const allocation = useMemo(\n    () => allocationByPerson(timeEntries, employees).slice(0, MAX_ALLOCATION_ROWS),\n    [timeEntries, employees]\n  );\n  const openJob = useMemo(() => jobPostings.find((job) => job.status === 'active'), [jobPostings]);\n  // Prefer real employee skills; skillMatch falls back to the candidate pool\n  // when no employee has skills recorded.\n  const skills = useMemo(\n    () => (openJob ? skillMatch(openJob, employees, candidates) : null),\n    [openJob, employees, candidates]\n  );\n\n  if (!initialized) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  const weekRangeCaption =\n    matrix.hasData && matrix.weekRanges.length > 0\n      ? `${matrix.weekRanges[0]} → ${matrix.weekRanges[matrix.weekRanges.length - 1]}`\n      : null;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../projects/projects-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        Back to projects\n      </Button>\n\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n        <div>\n          <p className=\"text-sm text-text-secondary\">Skills-based staffing &amp; utilization</p>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Resourcing &amp; Utilization</GradientText>\n          </h1>\n          <PagePurpose className=\"mt-1\">\n            See who is over- or under-utilized week by week, how people are allocated across\n            projects, and which candidates best match an open role — all from real logged time.\n          </PagePurpose>\n        </div>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3 lg:w-auto\">\n          <StatCard\n            label=\"Avg utilization\"\n            value={`${kpis.avgUtilization}%`}\n            icon={<TrendingUp className=\"h-4 w-4\" />}\n          />\n          <StatCard label=\"Bench\" value={kpis.bench} icon={<Users className=\"h-4 w-4\" />} />\n          <StatCard\n            label=\"Over-allocated\"\n            value={kpis.overAllocated}\n            icon={<AlertTriangle className=\"h-4 w-4\" />}\n          />\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 lg:grid-cols-3\">\n        {/* Utilization heatmap */}\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle className=\"text-base\">Utilization heatmap</CardTitle>\n            <CardDescription>\n              {weekRangeCaption\n                ? `Weekly utilization (Σ logged hours ÷ 40h capacity) · ${weekRangeCaption}`\n                : 'Weekly utilization from logged time'}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            {matrix.hasData ? (\n              <div className=\"space-y-3\">\n                <Heatmap\n                  rows={matrix.rows}\n                  colLabels={matrix.weekLabels}\n                  showValues\n                  valueFormatter={(value) => `${value}%`}\n                  title=\"Per-person weekly utilization\"\n                />\n                <ul className=\"flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-muted\">\n                  {matrix.weekLabels.map((label, index) => (\n                    <li key={label}>\n                      <span className=\"font-medium text-text-secondary\">{label}</span>{' '}\n                      {matrix.weekRanges[index]}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No time entries yet\"\n                description=\"Once your team logs time, per-person weekly utilization will appear here. Nothing is shown for weeks without real entries.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Skills match for open role */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Skills match for open role</CardTitle>\n            {skills ? (\n              <CardDescription>\n                {skills.roleTitle} ·{' '}\n                {skills.source === 'employee' ? 'internal team' : 'candidate pool'}\n              </CardDescription>\n            ) : null}\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {!openJob ? (\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No active roles\"\n                description=\"Publish a job posting to match candidates against its required skills.\"\n              />\n            ) : skills && skills.requiredSkills.length > 0 ? (\n              <>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {skills.requiredSkills.map((skill) => (\n                    <Badge key={skill} variant=\"outline\" className=\"text-[11px]\">\n                      {skill}\n                    </Badge>\n                  ))}\n                </div>\n                {skills.matches.length > 0 ? (\n                  <ol className=\"space-y-3\">\n                    {skills.matches.map((match, index) => (\n                      <li\n                        key={match.id}\n                        className=\"rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-3\"\n                      >\n                        <div className=\"flex items-baseline justify-between gap-2\">\n                          <span className=\"text-sm font-medium text-text-primary\">\n                            {index + 1}. {match.name}\n                          </span>\n                          <span className=\"text-sm font-semibold tabular-nums text-status-success-text\">\n                            {match.matchPercent}% match\n                          </span>\n                        </div>\n                        <div className=\"mt-2 flex flex-wrap gap-1\">\n                          {match.matchedSkills.map((skill) => (\n                            <Badge key={skill} variant=\"secondary\" className=\"text-[10px]\">\n                              {skill}\n                            </Badge>\n                          ))}\n                        </div>\n                        {match.detail ? (\n                          <p className=\"mt-2 text-xs text-text-muted\">{match.detail}</p>\n                        ) : null}\n                      </li>\n                    ))}\n                  </ol>\n                ) : (\n                  <IllustratedEmptyState\n                    illustration=\"empty-people\"\n                    title=\"No people match yet\"\n                    description=\"No recorded skills overlap this role’s required skills.\"\n                  />\n                )}\n              </>\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No skill tags on this role\"\n                description=\"Add recognised skill keywords to this role’s requirements to rank candidate matches.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* People allocation this week */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">People allocation</CardTitle>\n          <CardDescription>\n            {allocation.length > 0\n              ? `Project split for the latest week with logged time (${allocation[0].weekLabel})`\n              : 'Per-person project allocation from logged time'}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-5\">\n          {allocation.length > 0 ? (\n            allocation.map((row) => (\n              <AllocationBar\n                key={row.employeeId}\n                segments={row.segments}\n                label={row.name}\n                rightLabel={`${row.utilization}% utilized`}\n              />\n            ))\n          ) : (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No allocation to show\"\n              description=\"No time entries have been logged yet, so there is nothing to allocate across projects.\"\n            />\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsResourcingPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/ProjectsResourcingPagePage.tsx"],"sourcesContent":["import { useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardDescription,\n  CardHeader,\n  CardTitle,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  Spinner,\n} from '@burdenoff/fe-libs/ui';\nimport { AlertTriangle, ArrowLeft, TrendingUp, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore } from '../store/crewfoundryStore';\nimport { AllocationBar, Heatmap, StatCard } from '../components/viz';\nimport {\n  allocationByPerson,\n  benchAndOverallocated,\n  skillMatch,\n  utilizationByPersonWeek,\n} from '../lib/analytics';\n\nconst UTILIZATION_WEEKS = 8;\nconst MAX_ALLOCATION_ROWS = 12;\n\nexport function ProjectsResourcingPagePage() {\n  const navigate = useNavigate();\n  const timeEntries = useCrewFoundryStore((state) => state.timeEntries);\n  const employees = useCrewFoundryStore((state) => state.employees);\n  const jobPostings = useCrewFoundryStore((state) => state.jobPostings);\n  const candidates = useCrewFoundryStore((state) => state.candidates);\n  const initialized = useCrewFoundryStore((state) => state.initialized);\n\n  const matrix = useMemo(\n    () => utilizationByPersonWeek(timeEntries, employees, UTILIZATION_WEEKS),\n    [timeEntries, employees]\n  );\n  const kpis = useMemo(() => benchAndOverallocated(matrix, employees), [matrix, employees]);\n  const allocation = useMemo(\n    () => allocationByPerson(timeEntries, employees).slice(0, MAX_ALLOCATION_ROWS),\n    [timeEntries, employees]\n  );\n  const openJob = useMemo(() => jobPostings.find((job) => job.status === 'active'), [jobPostings]);\n  // Prefer real employee skills; skillMatch falls back to the candidate pool\n  // when no employee has skills recorded.\n  const skills = useMemo(\n    () => (openJob ? skillMatch(openJob, employees, candidates) : null),\n    [openJob, employees, candidates]\n  );\n\n  if (!initialized) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  const weekRangeCaption =\n    matrix.hasData && matrix.weekRanges.length > 0\n      ? `${matrix.weekRanges[0]} → ${matrix.weekRanges[matrix.weekRanges.length - 1]}`\n      : null;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('../projects/projects-page')}>\n        <ArrowLeft className=\"mr-1 h-4 w-4\" />\n        Back to projects\n      </Button>\n\n      <div className=\"flex flex-col gap-4 lg:flex-row lg:items-end lg:justify-between\">\n        <div>\n          <p className=\"text-sm text-text-secondary\">Skills-based staffing &amp; utilization</p>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>Resourcing &amp; Utilization</GradientText>\n          </h1>\n          <PagePurpose className=\"mt-1\">\n            See who is over- or under-utilized week by week, how people are allocated across\n            projects, and which candidates best match an open role — all from real logged time.\n          </PagePurpose>\n        </div>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3 lg:w-auto\">\n          <StatCard\n            label=\"Avg utilization\"\n            value={`${kpis.avgUtilization}%`}\n            icon={<TrendingUp className=\"h-4 w-4\" />}\n          />\n          <StatCard label=\"Bench\" value={kpis.bench} icon={<Users className=\"h-4 w-4\" />} />\n          <StatCard\n            label=\"Over-allocated\"\n            value={kpis.overAllocated}\n            icon={<AlertTriangle className=\"h-4 w-4\" />}\n          />\n        </div>\n      </div>\n\n      <div className=\"grid gap-4 lg:grid-cols-3\">\n        {/* Utilization heatmap */}\n        <Card className=\"lg:col-span-2\">\n          <CardHeader>\n            <CardTitle className=\"text-base\">Utilization heatmap</CardTitle>\n            <CardDescription>\n              {weekRangeCaption\n                ? `Weekly utilization (Σ logged hours ÷ 40h capacity) · ${weekRangeCaption}`\n                : 'Weekly utilization from logged time'}\n            </CardDescription>\n          </CardHeader>\n          <CardContent>\n            {matrix.hasData ? (\n              <div className=\"space-y-3\">\n                <Heatmap\n                  rows={matrix.rows}\n                  colLabels={matrix.weekLabels}\n                  showValues\n                  valueFormatter={(value) => `${value}%`}\n                  title=\"Per-person weekly utilization\"\n                />\n                <ul className=\"flex flex-wrap gap-x-3 gap-y-1 text-xs text-text-muted\">\n                  {matrix.weekLabels.map((label, index) => (\n                    <li key={label}>\n                      <span className=\"font-medium text-text-secondary\">{label}</span>{' '}\n                      {matrix.weekRanges[index]}\n                    </li>\n                  ))}\n                </ul>\n              </div>\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No time entries yet\"\n                description=\"Once your team logs time, per-person weekly utilization will appear here. Nothing is shown for weeks without real entries.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Skills match for open role */}\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"text-base\">Skills match for open role</CardTitle>\n            {skills ? (\n              <CardDescription>\n                {skills.roleTitle} ·{' '}\n                {skills.source === 'employee' ? 'internal team' : 'candidate pool'}\n              </CardDescription>\n            ) : null}\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {!openJob ? (\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No active roles\"\n                description=\"Publish a job posting to match candidates against its required skills.\"\n              />\n            ) : skills && skills.requiredSkills.length > 0 ? (\n              <>\n                <div className=\"flex flex-wrap gap-1.5\">\n                  {skills.requiredSkills.map((skill) => (\n                    <Badge key={skill} variant=\"outline\" className=\"text-[11px]\">\n                      {skill}\n                    </Badge>\n                  ))}\n                </div>\n                {skills.matches.length > 0 ? (\n                  <ol className=\"space-y-3\">\n                    {skills.matches.map((match, index) => (\n                      <li\n                        key={match.id}\n                        className=\"rounded-[var(--radius-card)] border border-border-subtle bg-bg-surface p-3\"\n                      >\n                        <div className=\"flex items-baseline justify-between gap-2\">\n                          <span className=\"text-sm font-medium text-text-primary\">\n                            {index + 1}. {match.name}\n                          </span>\n                          <span className=\"text-sm font-semibold tabular-nums text-status-success-text\">\n                            {match.matchPercent}% match\n                          </span>\n                        </div>\n                        <div className=\"mt-2 flex flex-wrap gap-1\">\n                          {match.matchedSkills.map((skill) => (\n                            <Badge key={skill} variant=\"secondary\" className=\"text-[10px]\">\n                              {skill}\n                            </Badge>\n                          ))}\n                        </div>\n                        {match.detail ? (\n                          <p className=\"mt-2 text-xs text-text-muted\">{match.detail}</p>\n                        ) : null}\n                      </li>\n                    ))}\n                  </ol>\n                ) : (\n                  <IllustratedEmptyState\n                    illustration=\"empty-people\"\n                    title=\"No people match yet\"\n                    description=\"No recorded skills overlap this role’s required skills.\"\n                  />\n                )}\n              </>\n            ) : (\n              <IllustratedEmptyState\n                illustration=\"empty-data\"\n                title=\"No skill tags on this role\"\n                description=\"Add recognised skill keywords to this role’s requirements to rank candidate matches.\"\n              />\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      {/* People allocation this week */}\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"text-base\">People allocation</CardTitle>\n          <CardDescription>\n            {allocation.length > 0\n              ? `Project split for the latest week with logged time (${allocation[0].weekLabel})`\n              : 'Per-person project allocation from logged time'}\n          </CardDescription>\n        </CardHeader>\n        <CardContent className=\"space-y-5\">\n          {allocation.length > 0 ? (\n            allocation.map((row) => (\n              <AllocationBar\n                key={row.employeeId}\n                segments={row.segments}\n                label={row.name}\n                rightLabel={`${row.utilization}% utilized`}\n              />\n            ))\n          ) : (\n            <IllustratedEmptyState\n              illustration=\"empty-data\"\n              title=\"No allocation to show\"\n              description=\"No time entries have been logged yet, so there is nothing to allocate across projects.\"\n            />\n          )}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;AAyBA,IAAM,IAAoB,GACpB,IAAsB;AAE5B,SAAgB,IAA6B;CAC3C,IAAM,IAAW,GAAa,EACxB,IAAc,GAAqB,MAAU,EAAM,YAAY,EAC/D,IAAY,GAAqB,MAAU,EAAM,UAAU,EAC3D,IAAc,GAAqB,MAAU,EAAM,YAAY,EAC/D,IAAa,GAAqB,MAAU,EAAM,WAAW,EAC7D,IAAc,GAAqB,MAAU,EAAM,YAAY,EAE/D,IAAS,QACP,EAAwB,GAAa,GAAW,EAAkB,EACxE,CAAC,GAAa,EAAU,CACzB,EACK,IAAO,QAAc,EAAsB,GAAQ,EAAU,EAAE,CAAC,GAAQ,EAAU,CAAC,EACnF,IAAa,QACX,EAAmB,GAAa,EAAU,CAAC,MAAM,GAAG,EAAoB,EAC9E,CAAC,GAAa,EAAU,CACzB,EACK,IAAU,QAAc,EAAY,MAAM,MAAQ,EAAI,WAAW,SAAS,EAAE,CAAC,EAAY,CAAC,EAG1F,IAAS,QACN,IAAU,EAAW,GAAS,GAAW,EAAW,GAAG,MAC9D;EAAC;EAAS;EAAW;EAAW,CACjC;AAED,KAAI,CAAC,EACH,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,MAAK,MAAO,CAAA;EACjB,CAAA;CAIV,IAAM,IACJ,EAAO,WAAW,EAAO,WAAW,SAAS,IACzC,GAAG,EAAO,WAAW,GAAG,KAAK,EAAO,WAAW,EAAO,WAAW,SAAS,OAC1E;AAEN,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IAAQ,SAAQ;IAAQ,MAAK;IAAK,eAAe,EAAS,4BAA4B;cAAtF,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,mBAE/B;;GAET,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,KAAD;MAAG,WAAU;gBAA8B;MAA2C,CAAA;KACtF,kBAAC,MAAD;MAAI,WAAU;gBACZ,kBAAC,GAAD,EAAA,UAAc,4BAA2C,CAAA;MACtD,CAAA;KACL,kBAAC,GAAD;MAAa,WAAU;gBAAO;MAGhB,CAAA;KACV,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf;MACE,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,GAAG,EAAK,eAAe;OAC9B,MAAM,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;OACxC,CAAA;MACF,kBAAC,GAAD;OAAU,OAAM;OAAQ,OAAO,EAAK;OAAO,MAAM,kBAAC,GAAD,EAAO,WAAU,WAAY,CAAA;OAAI,CAAA;MAClF,kBAAC,GAAD;OACE,OAAM;OACN,OAAO,EAAK;OACZ,MAAM,kBAAC,GAAD,EAAe,WAAU,WAAY,CAAA;OAC3C,CAAA;MACE;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAY;MAA+B,CAAA,EAChE,kBAAC,GAAD,EAAA,UACG,IACG,wDAAwD,MACxD,uCACY,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,EAAO,UACN,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD;OACE,MAAM,EAAO;OACb,WAAW,EAAO;OAClB,YAAA;OACA,iBAAiB,MAAU,GAAG,EAAM;OACpC,OAAM;OACN,CAAA,EACF,kBAAC,MAAD;OAAI,WAAU;iBACX,EAAO,WAAW,KAAK,GAAO,MAC7B,kBAAC,MAAD,EAAA,UAAA;QACE,kBAAC,QAAD;SAAM,WAAU;mBAAmC;SAAa,CAAA;QAAC;QAChE,EAAO,WAAW;QAChB,EAAA,EAHI,EAGJ,CACL;OACC,CAAA,CACD;UAEN,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,EAEQ,CAAA,CACT;QAGP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAW,WAAU;eAAY;KAAsC,CAAA,EACtE,IACC,kBAAC,GAAD,EAAA,UAAA;KACG,EAAO;KAAU;KAAG;KACpB,EAAO,WAAW,aAAa,kBAAkB;KAClC,EAAA,CAAA,GAChB,KACO,EAAA,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eACnB,IAME,KAAU,EAAO,eAAe,SAAS,IAC3C,kBAAA,GAAA,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAO,eAAe,KAAK,MAC1B,kBAAC,GAAD;OAAmB,SAAQ;OAAU,WAAU;iBAC5C;OACK,EAFI,EAEJ,CACR;MACE,CAAA,EACL,EAAO,QAAQ,SAAS,IACvB,kBAAC,MAAD;MAAI,WAAU;gBACX,EAAO,QAAQ,KAAK,GAAO,MAC1B,kBAAC,MAAD;OAEE,WAAU;iBAFZ;QAIE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBAAhB;WACG,IAAQ;WAAE;WAAG,EAAM;WACf;aACP,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACG,EAAM,cAAa,UACf;YACH;;QACN,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAM,cAAc,KAAK,MACxB,kBAAC,GAAD;UAAmB,SAAQ;UAAY,WAAU;oBAC9C;UACK,EAFI,EAEJ,CACR;SACE,CAAA;QACL,EAAM,SACL,kBAAC,KAAD;SAAG,WAAU;mBAAgC,EAAM;SAAW,CAAA,GAC5D;QACD;SArBE,EAAM,GAqBR,CACL;MACC,CAAA,GAEL,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,CAEH,EAAA,CAAA,GAEH,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA,GAvDF,kBAAC,GAAD;MACE,cAAa;MACb,OAAM;MACN,aAAY;MACZ,CAAA;KAqDQ,CAAA,CACT,EAAA,CAAA,CACH;;GAGN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;IAAW,WAAU;cAAY;IAA6B,CAAA,EAC9D,kBAAC,GAAD,EAAA,UACG,EAAW,SAAS,IACjB,uDAAuD,EAAW,GAAG,UAAU,KAC/E,kDACY,CAAA,CACP,EAAA,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAW,SAAS,IACnB,EAAW,KAAK,MACd,kBAAC,GAAD;KAEE,UAAU,EAAI;KACd,OAAO,EAAI;KACX,YAAY,GAAG,EAAI,YAAY;KAC/B,EAJK,EAAI,WAIT,CACF,GAEF,kBAAC,GAAD;KACE,cAAa;KACb,OAAM;KACN,aAAY;KACZ,CAAA;IAEQ,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/crewfoundry/pages/TeamsTeamDetailPagePage.js

@@ -4,7 +4,7 @@ import { getInitials as n } from "../components/viz/lib/format.js";
 import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
 import { BarChart3 as i, Calendar as a, FolderKanban as o, Settings as s, Star as c, Users as l } from "lucide-react";
-import { useNavigate as u, useSearchParams as d } from "react-router-dom";
+import { useNavigate as u, useSearchParams as d } from "react-router";
 import { jsx as f, jsxs as p } from "react/jsx-runtime";
 import { Badge as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, EmphasisPanel as y, GradientText as b, IllustratedEmptyState as x, NextSteps as S, PagePurpose as C, ResponsiveTable as w, Spinner as T } from "@burdenoff/fe-libs/ui";
 //#region src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx

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

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Calendar, FolderKanban, Settings, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 32 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDetailPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { teams, employees, projects, initialized } = useCrewFoundryStore();\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n  if (!initialized && !team) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!team)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Team not found\"\n          description=\"This team is no longer available.\"\n        />\n      </div>\n    );\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const teamProjects = projects.filter((p) => p.teamId === team.id);\n  const activeProjectCount = teamProjects.filter((p) => p.status === 'active').length;\n  const lead = employees.find((e) => e.id === team.leadId);\n  const memberPeople: Person[] = teamMembers.map((e) => ({\n    name: `${e.firstName} ${e.lastName}`.trim(),\n    avatarUrl: e.avatar,\n    role: e.position,\n  }));\n\n  const memberColumns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-2.5\">\n          <InitialsAvatar name={`${emp.firstName} ${emp.lastName}`} src={emp.avatar} size={30} />\n          <span className=\"font-medium text-text-primary\">\n            {emp.firstName} {emp.lastName}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      priority: 'secondary',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'performance',\n      header: 'Performance',\n      priority: 'secondary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-1 md:justify-center\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          {emp.performanceScore}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (emp) => (\n        <Badge variant={emp.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(emp.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{team.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{team.description}</p>\n          <PagePurpose className=\"mt-2\">\n            A complete view of one team — who&apos;s on it, what they&apos;re working on, and how\n            they&apos;re performing — so you can support the group and keep its projects on track.\n          </PagePurpose>\n          <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2\">\n            <span className=\"flex items-center gap-2 text-xs text-text-secondary\">\n              Led by\n              <InitialsAvatar\n                name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName}\n                src={lead?.avatar}\n                size={22}\n              />\n              <span className=\"font-medium text-text-primary\">\n                {lead ? `${lead.firstName} ${lead.lastName}` : team.leadName || '—'}\n              </span>\n            </span>\n            {memberPeople.length > 0 ? (\n              <AvatarStack people={memberPeople} max={6} size={26} />\n            ) : null}\n          </div>\n        </div>\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(team.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-team-details\"\n        steps={[\n          {\n            id: 'analytics',\n            label: 'View team analytics',\n            description: 'See productivity and workload trends for this team.',\n            icon: <BarChart3 className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-analytics-page'),\n          },\n          {\n            id: 'settings',\n            label: 'Adjust team settings',\n            description: 'Manage membership, permissions, and preferences.',\n            icon: <Settings className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../teams/team-settings-page?id=${encodeURIComponent(team.id)}`),\n          },\n          {\n            id: 'directory',\n            label: 'Browse all teams',\n            description: 'Explore how the rest of the organization is structured.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-directory-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.memberCount}</p>\n            <p className=\"text-xs text-text-secondary\">Members</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <FolderKanban className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">\n              {activeProjectCount}\n              <span className=\"text-sm font-normal text-text-secondary\">\n                /{teamProjects.length}\n              </span>\n            </p>\n            <p className=\"text-xs text-text-secondary\">Active Projects</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{team.leadName}</p>\n            <p className=\"text-xs text-text-secondary\">Lead</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.createdAt}</p>\n            <p className=\"text-xs text-text-secondary\">Created</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Team Members</div>\n        {teamMembers.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title=\"No members yet\"\n            description=\"Add people to this team to start collaborating.\"\n          />\n        ) : (\n          <ResponsiveTable columns={memberColumns} data={teamMembers} rowKey={(emp) => emp.id} />\n        )}\n      </EmphasisPanel>\n      {teamProjects.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Team Projects</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {teamProjects.map((p) => (\n              <div\n                key={p.id}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`Open ${p.name} project detail`}\n                onClick={() =>\n                  navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`);\n                  }\n                }}\n                className=\"flex items-center justify-between rounded border p-3 cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{p.name}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {p.startDate} — {p.endDate}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-24 h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${p.progress}%` }}\n                    />\n                  </div>\n                  <span className=\"text-xs\">{p.progress}%</span>\n                  <Badge\n                    variant={p.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(p.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamsTeamDetailPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDetailPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  EmphasisPanel,\n  GradientText,\n  IllustratedEmptyState,\n  NextSteps,\n  PagePurpose,\n  ResponsiveTable,\n  Spinner,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { BarChart3, Calendar, FolderKanban, Settings, Star, Users } from 'lucide-react';\nimport { useNavigate, useSearchParams } from 'react-router';\nimport { useCrewFoundryStore, type Employee } from '../store/crewfoundryStore';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 32 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDetailPagePage() {\n  const navigate = useNavigate();\n  const [searchParams] = useSearchParams();\n  const { teams, employees, projects, initialized } = useCrewFoundryStore();\n  const teamId = searchParams.get('id');\n  const team = teams.find((t) => t.id === teamId) ?? teams[0];\n  if (!initialized && !team) {\n    return (\n      <div className=\"flex min-h-[60vh] items-center justify-center p-6\">\n        <Spinner size=\"lg\" />\n      </div>\n    );\n  }\n\n  if (!team)\n    return (\n      <div className=\"p-6\">\n        <IllustratedEmptyState\n          illustration=\"empty-search\"\n          title=\"Team not found\"\n          description=\"This team is no longer available.\"\n        />\n      </div>\n    );\n  const teamMembers = employees.filter((e) => team.members.includes(e.id));\n  const teamProjects = projects.filter((p) => p.teamId === team.id);\n  const activeProjectCount = teamProjects.filter((p) => p.status === 'active').length;\n  const lead = employees.find((e) => e.id === team.leadId);\n  const memberPeople: Person[] = teamMembers.map((e) => ({\n    name: `${e.firstName} ${e.lastName}`.trim(),\n    avatarUrl: e.avatar,\n    role: e.position,\n  }));\n\n  const memberColumns: ResponsiveTableColumn<Employee>[] = [\n    {\n      key: 'name',\n      header: 'Name',\n      priority: 'primary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-2.5\">\n          <InitialsAvatar name={`${emp.firstName} ${emp.lastName}`} src={emp.avatar} size={30} />\n          <span className=\"font-medium text-text-primary\">\n            {emp.firstName} {emp.lastName}\n          </span>\n        </span>\n      ),\n    },\n    {\n      key: 'position',\n      header: 'Position',\n      priority: 'secondary',\n      cell: (emp) => <span className=\"text-text-secondary\">{emp.position}</span>,\n    },\n    {\n      key: 'performance',\n      header: 'Performance',\n      priority: 'secondary',\n      cell: (emp) => (\n        <span className=\"flex items-center gap-1 md:justify-center\">\n          <Star className=\"h-3 w-3 text-status-warning-text\" />\n          {emp.performanceScore}\n        </span>\n      ),\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (emp) => (\n        <Badge variant={emp.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(emp.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">\n            <GradientText>{team.name}</GradientText>\n          </h1>\n          <p className=\"text-sm text-text-secondary\">{team.description}</p>\n          <PagePurpose className=\"mt-2\">\n            A complete view of one team — who&apos;s on it, what they&apos;re working on, and how\n            they&apos;re performing — so you can support the group and keep its projects on track.\n          </PagePurpose>\n          <div className=\"mt-3 flex flex-wrap items-center gap-x-4 gap-y-2\">\n            <span className=\"flex items-center gap-2 text-xs text-text-secondary\">\n              Led by\n              <InitialsAvatar\n                name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName}\n                src={lead?.avatar}\n                size={22}\n              />\n              <span className=\"font-medium text-text-primary\">\n                {lead ? `${lead.firstName} ${lead.lastName}` : team.leadName || '—'}\n              </span>\n            </span>\n            {memberPeople.length > 0 ? (\n              <AvatarStack people={memberPeople} max={6} size={26} />\n            ) : null}\n          </div>\n        </div>\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'}>\n          {formatEnumLabel(team.status)}\n        </Badge>\n      </div>\n\n      <NextSteps\n        storageKey=\"crewfoundry-team-details\"\n        steps={[\n          {\n            id: 'analytics',\n            label: 'View team analytics',\n            description: 'See productivity and workload trends for this team.',\n            icon: <BarChart3 className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-analytics-page'),\n          },\n          {\n            id: 'settings',\n            label: 'Adjust team settings',\n            description: 'Manage membership, permissions, and preferences.',\n            icon: <Settings className=\"h-4 w-4\" />,\n            onClick: () =>\n              navigate(`../teams/team-settings-page?id=${encodeURIComponent(team.id)}`),\n          },\n          {\n            id: 'directory',\n            label: 'Browse all teams',\n            description: 'Explore how the rest of the organization is structured.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => navigate('../teams/team-directory-page'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-4 md:grid-cols-4\">\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Users className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.memberCount}</p>\n            <p className=\"text-xs text-text-secondary\">Members</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <FolderKanban className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">\n              {activeProjectCount}\n              <span className=\"text-sm font-normal text-text-secondary\">\n                /{teamProjects.length}\n              </span>\n            </p>\n            <p className=\"text-xs text-text-secondary\">Active Projects</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-status-warning-text mb-1\" />\n            <p className=\"text-lg font-bold\">{team.leadName}</p>\n            <p className=\"text-xs text-text-secondary\">Lead</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"p-4 text-center\">\n            <Calendar className=\"h-5 w-5 mx-auto text-text-secondary mb-1\" />\n            <p className=\"text-lg font-bold\">{team.createdAt}</p>\n            <p className=\"text-xs text-text-secondary\">Created</p>\n          </CardContent>\n        </Card>\n      </div>\n      <EmphasisPanel>\n        <div className=\"mb-2 text-lg font-semibold\">Team Members</div>\n        {teamMembers.length === 0 ? (\n          <IllustratedEmptyState\n            illustration=\"empty-people\"\n            title=\"No members yet\"\n            description=\"Add people to this team to start collaborating.\"\n          />\n        ) : (\n          <ResponsiveTable columns={memberColumns} data={teamMembers} rowKey={(emp) => emp.id} />\n        )}\n      </EmphasisPanel>\n      {teamProjects.length > 0 && (\n        <Card>\n          <CardHeader>\n            <CardTitle>Team Projects</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {teamProjects.map((p) => (\n              <div\n                key={p.id}\n                role=\"button\"\n                tabIndex={0}\n                aria-label={`Open ${p.name} project detail`}\n                onClick={() =>\n                  navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`)\n                }\n                onKeyDown={(e) => {\n                  if (e.key === 'Enter' || e.key === ' ') {\n                    e.preventDefault();\n                    navigate(`../projects/project-details-page?id=${encodeURIComponent(p.id)}`);\n                  }\n                }}\n                className=\"flex items-center justify-between rounded border p-3 cursor-pointer hover:bg-bg-sunken/50 focus-visible:outline-none focus-visible:shadow-[var(--shadow-focus)]\"\n              >\n                <div>\n                  <p className=\"text-sm font-medium\">{p.name}</p>\n                  <p className=\"text-xs text-text-secondary\">\n                    {p.startDate} — {p.endDate}\n                  </p>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <div className=\"w-24 h-2 bg-bg-sunken rounded overflow-hidden\">\n                    <div\n                      className=\"h-2 bg-action-primary-bg rounded\"\n                      style={{ width: `${p.progress}%` }}\n                    />\n                  </div>\n                  <span className=\"text-xs\">{p.progress}%</span>\n                  <Badge\n                    variant={p.status === 'active' ? 'default' : 'secondary'}\n                    className=\"text-[10px]\"\n                  >\n                    {formatEnumLabel(p.status)}\n                  </Badge>\n                </div>\n              </div>\n            ))}\n          </CardContent>\n        </Card>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/TeamsTeamDirectoryPagePage.js

@@ -5,7 +5,7 @@ import { AvatarStack as r } from "../components/viz/AvatarStack.js";
 import "../components/viz/index.js";
 import { useMemo as i, useState as a } from "react";
 import { Search as o, Users as s } from "lucide-react";
-import { useNavigate as c } from "react-router-dom";
+import { useNavigate as c } from "react-router";
 import { jsx as l, jsxs as u } from "react/jsx-runtime";
 import { Badge as d, CardContent as f, GlassCard as p, GradientText as m, IllustratedEmptyState as h, Input as g, PagePurpose as _, Pagination as v, ResponsiveTable as y } from "@burdenoff/fe-libs/ui";
 import { usePagination as b } from "@burdenoff/fe-libs/shared/hooks";

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

@@ -1 +1 @@
-{"version":3,"file":"TeamsTeamDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router-dom';\nimport { useCrewFoundryStore, type Employee, type Team } from '../store/crewfoundryStore';\nimport { useMemo, useState } from 'react';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 26 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDirectoryPagePage() {\n  const navigate = useNavigate();\n  const { teams, employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 25 });\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const membersOf = (team: Team): Person[] =>\n    team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const pageTeams = filtered.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const columns: ResponsiveTableColumn<Team>[] = [\n    {\n      key: 'name',\n      header: 'Team',\n      priority: 'primary',\n      cell: (team) => <span className=\"font-medium text-text-primary\">{team.name}</span>,\n    },\n    {\n      key: 'description',\n      header: 'Description',\n      priority: 'secondary',\n      cell: (team) => (\n        <span className=\"text-text-secondary line-clamp-2 md:truncate md:block\">\n          {team.description}\n        </span>\n      ),\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (team) => <span className=\"text-sm\">{team.department}</span>,\n    },\n    {\n      key: 'lead',\n      header: 'Lead',\n      priority: 'secondary',\n      cell: (team) => {\n        const lead = team.leadId ? employeeById.get(team.leadId) : undefined;\n        return (\n          <span className=\"flex items-center gap-2\">\n            <InitialsAvatar\n              name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName}\n              src={lead?.avatar}\n              size={24}\n            />\n            <span className=\"text-text-secondary\">{team.leadName}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'members',\n      header: 'Members',\n      priority: 'primary',\n      cell: (team) => {\n        const people = membersOf(team);\n        return (\n          <span className=\"flex items-center gap-2 md:justify-end\">\n            {people.length > 0 ? (\n              <AvatarStack people={people} max={4} size={24} />\n            ) : (\n              <Users className=\"h-3 w-3\" />\n            )}\n            <span className=\"tabular-nums text-text-secondary\">{team.memberCount}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (team) => (\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(team.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Browse all teams in the organization</p>\n        <PagePurpose className=\"mt-1\">\n          Browse every team in the company — find a team, see who&apos;s on it, and understand how\n          your organization is structured.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search teams...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={pageTeams}\n            rowKey={(team) => team.id}\n            onRowClick={(team) =>\n              navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`)\n            }\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No teams found\"\n                description=\"Try a different search term to find a team.\"\n              />\n            }\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"TeamsTeamDirectoryPagePage.js","names":[],"sources":["../../../src/crewfoundry/pages/TeamsTeamDirectoryPagePage.tsx"],"sourcesContent":["import {\n  Badge,\n  CardContent,\n  GlassCard,\n  GradientText,\n  IllustratedEmptyState,\n  Input,\n  PagePurpose,\n  Pagination,\n  ResponsiveTable,\n  type ResponsiveTableColumn,\n} from '@burdenoff/fe-libs/ui';\nimport { usePagination } from '@burdenoff/fe-libs/shared/hooks';\nimport { Search, Users } from 'lucide-react';\nimport { useNavigate } from 'react-router';\nimport { useCrewFoundryStore, type Employee, type Team } from '../store/crewfoundryStore';\nimport { useMemo, useState } from 'react';\nimport { formatEnumLabel } from '../utils/formatEnumLabel';\nimport { AvatarStack, getInitials, type Person } from '../components/viz';\n\nfunction InitialsAvatar({ name, src, size = 26 }: { name: string; src?: string; size?: number }) {\n  if (src) {\n    return (\n      <img\n        src={src}\n        alt={name}\n        width={size}\n        height={size}\n        loading=\"lazy\"\n        className=\"shrink-0 rounded-full object-cover\"\n        style={{ width: size, height: size }}\n      />\n    );\n  }\n  return (\n    <span\n      aria-hidden=\"true\"\n      className=\"inline-flex shrink-0 items-center justify-center rounded-full bg-bg-elevated font-medium text-text-secondary\"\n      style={{ width: size, height: size, fontSize: Math.round(size * 0.36) }}\n    >\n      {getInitials(name)}\n    </span>\n  );\n}\n\nexport function TeamsTeamDirectoryPagePage() {\n  const navigate = useNavigate();\n  const { teams, employees } = useCrewFoundryStore();\n  const [search, setSearch] = useState('');\n  const { page, pageSize, setPage } = usePagination({ initialPageSize: 25 });\n  const employeeById = useMemo(\n    () => new Map(employees.map((employee) => [employee.id, employee])),\n    [employees]\n  );\n  const membersOf = (team: Team): Person[] =>\n    team.members\n      .map((memberId) => employeeById.get(memberId))\n      .filter((employee): employee is Employee => employee !== undefined)\n      .map((employee) => ({\n        name: `${employee.firstName} ${employee.lastName}`.trim(),\n        avatarUrl: employee.avatar,\n        role: employee.position,\n      }));\n  const filtered = teams.filter((t) =>\n    `${t.name} ${t.department} ${t.leadName}`.toLowerCase().includes(search.toLowerCase())\n  );\n  const pageTeams = filtered.slice((page - 1) * pageSize, (page - 1) * pageSize + pageSize);\n\n  const columns: ResponsiveTableColumn<Team>[] = [\n    {\n      key: 'name',\n      header: 'Team',\n      priority: 'primary',\n      cell: (team) => <span className=\"font-medium text-text-primary\">{team.name}</span>,\n    },\n    {\n      key: 'description',\n      header: 'Description',\n      priority: 'secondary',\n      cell: (team) => (\n        <span className=\"text-text-secondary line-clamp-2 md:truncate md:block\">\n          {team.description}\n        </span>\n      ),\n    },\n    {\n      key: 'department',\n      header: 'Department',\n      priority: 'secondary',\n      cell: (team) => <span className=\"text-sm\">{team.department}</span>,\n    },\n    {\n      key: 'lead',\n      header: 'Lead',\n      priority: 'secondary',\n      cell: (team) => {\n        const lead = team.leadId ? employeeById.get(team.leadId) : undefined;\n        return (\n          <span className=\"flex items-center gap-2\">\n            <InitialsAvatar\n              name={lead ? `${lead.firstName} ${lead.lastName}` : team.leadName}\n              src={lead?.avatar}\n              size={24}\n            />\n            <span className=\"text-text-secondary\">{team.leadName}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'members',\n      header: 'Members',\n      priority: 'primary',\n      cell: (team) => {\n        const people = membersOf(team);\n        return (\n          <span className=\"flex items-center gap-2 md:justify-end\">\n            {people.length > 0 ? (\n              <AvatarStack people={people} max={4} size={24} />\n            ) : (\n              <Users className=\"h-3 w-3\" />\n            )}\n            <span className=\"tabular-nums text-text-secondary\">{team.memberCount}</span>\n          </span>\n        );\n      },\n    },\n    {\n      key: 'status',\n      header: 'Status',\n      priority: 'primary',\n      cell: (team) => (\n        <Badge variant={team.status === 'active' ? 'default' : 'secondary'} className=\"text-[10px]\">\n          {formatEnumLabel(team.status)}\n        </Badge>\n      ),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          <GradientText>Team Directory</GradientText>\n        </h1>\n        <p className=\"text-sm text-text-secondary\">Browse all teams in the organization</p>\n        <PagePurpose className=\"mt-1\">\n          Browse every team in the company — find a team, see who&apos;s on it, and understand how\n          your organization is structured.\n        </PagePurpose>\n      </div>\n      <div className=\"relative max-w-sm\">\n        <Search className=\"absolute left-3 top-1/2 -translate-y-1/2 h-4 w-4 text-text-secondary\" />\n        <Input\n          placeholder=\"Search teams...\"\n          className=\"pl-9\"\n          value={search}\n          onChange={(e) => setSearch(e.target.value)}\n        />\n      </div>\n      <GlassCard treatment=\"glass\" glow className=\"border-border-seam\">\n        <CardContent className=\"p-4\">\n          <ResponsiveTable\n            columns={columns}\n            data={pageTeams}\n            rowKey={(team) => team.id}\n            onRowClick={(team) =>\n              navigate(`../teams/team-detail-page?id=${encodeURIComponent(team.id)}`)\n            }\n            emptyState={\n              <IllustratedEmptyState\n                illustration=\"empty-search\"\n                title=\"No teams found\"\n                description=\"Try a different search term to find a team.\"\n              />\n            }\n          />\n          {filtered.length > pageSize && (\n            <div className=\"mt-4\">\n              <Pagination\n                page={page}\n                pageSize={pageSize}\n                totalItems={filtered.length}\n                onPageChange={setPage}\n              />\n            </div>\n          )}\n        </CardContent>\n      </GlassCard>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/crewfoundry/pages/TeamsTeamSettingsPagePage.js

@@ -3,7 +3,7 @@ import { formatEnumLabel as t } from "../utils/formatEnumLabel.js";
 import { FormModal as n, useFormModal as r } from "../components/forms/FormModal.js";
 import { useState as i } from "react";
 import { BarChart3 as a, Bell as o, Lock as s, Save as ee, Settings as c, Shield as l, Trash2 as u, UserMinus as d, UserPlus as te, Users as f } from "lucide-react";
-import { useNavigate as p, useSearchParams as m } from "react-router-dom";
+import { useNavigate as p, useSearchParams as m } from "react-router";
 import { jsx as h, jsxs as g } from "react/jsx-runtime";
 import { Badge as _, Button as v, Card as y, CardContent as b, CardDescription as x, CardHeader as S, CardTitle as C, EmphasisPanel as ne, GradientText as w, IllustratedEmptyState as T, Input as E, Label as D, NextSteps as re, PagePurpose as ie, ResponsiveDialog as ae, ResponsiveDialogContent as oe, ResponsiveDialogDescription as se, ResponsiveDialogFooter as ce, ResponsiveDialogHeader as O, ResponsiveDialogTitle as k, Separator as A, Switch as j, Textarea as M } from "@burdenoff/fe-libs/ui";
 import { useGlobalUi as N } from "@burdenoff/fe-libs/shared/providers/shell";