@burdenoff/microfe-proserviceworld 2026.624.1 → 2026.626.1

package/dist/proserviceworld/pages/ProjectsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ProjectsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Plus,\n  Calendar,\n  DollarSign,\n  Users,\n  CheckCircle2,\n  Clock,\n  AlertTriangle,\n  Target,\n  Tag,\n  ChevronRight,\n  BarChart3,\n  Flag,\n  Milestone as MilestoneIcon,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { ProjectStatus, Priority } from '../types';\n\ntype DetailTab = 'overview' | 'timeline' | 'milestones' | 'team';\n\nconst statusConfig: Record<ProjectStatus, { label: string; color: string; bgColor: string }> = {\n  planning: {\n    label: 'Planning',\n    color: 'text-yellow-600',\n    bgColor: 'bg-yellow-100 dark:bg-yellow-950',\n  },\n  active: { label: 'Active', color: 'text-blue-600', bgColor: 'bg-blue-100 dark:bg-blue-950' },\n  on_hold: {\n    label: 'On Hold',\n    color: 'text-orange-600',\n    bgColor: 'bg-orange-100 dark:bg-orange-950',\n  },\n  completed: {\n    label: 'Completed',\n    color: 'text-green-600',\n    bgColor: 'bg-green-100 dark:bg-green-950',\n  },\n  cancelled: { label: 'Cancelled', color: 'text-red-600', bgColor: 'bg-red-100 dark:bg-red-950' },\n};\n\nconst priorityConfig: Record<\n  Priority,\n  { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n  low: { label: 'Low', variant: 'outline' },\n  medium: { label: 'Medium', variant: 'secondary' },\n  high: { label: 'High', variant: 'default' },\n  critical: { label: 'Critical', variant: 'destructive' },\n};\n\nexport function ProjectsPage() {\n  const { projects } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<ProjectStatus | 'all'>('all');\n  const [selectedProjectId, setSelectedProjectId] = useState<string>(projects[0]?.id ?? '');\n  const [detailTab, setDetailTab] = useState<DetailTab>('overview');\n\n  const filteredProjects = useMemo(() => {\n    let result = [...projects];\n    if (statusFilter !== 'all') result = result.filter((p) => p.status === statusFilter);\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (p) => p.title.toLowerCase().includes(q) || p.category.toLowerCase().includes(q)\n      );\n    }\n    return result;\n  }, [projects, statusFilter, searchQuery]);\n\n  const selectedProject = projects.find((p) => p.id === selectedProjectId);\n\n  const detailTabs: { key: DetailTab; label: string }[] = [\n    { key: 'overview', label: 'Overview' },\n    { key: 'timeline', label: 'Timeline' },\n    { key: 'milestones', label: 'Milestones' },\n    { key: 'team', label: 'Team' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {/* Header */}\n      <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Projects</h1>\n          <p className=\"text-sm text-text-secondary\">\n            Track progress and manage your professional service projects.\n          </p>\n        </div>\n        <Button size=\"sm\">\n          <Plus className=\"mr-2 h-4 w-4\" /> New Project\n        </Button>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Project sidebar */}\n        <div className=\"space-y-4\">\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <Input\n              placeholder=\"Search projects...\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              className=\"pl-10\"\n            />\n          </div>\n\n          <div className=\"flex flex-wrap gap-1\">\n            {(['all', 'active', 'planning', 'completed', 'on_hold', 'cancelled'] as const).map(\n              (status) => (\n                <button\n                  key={status}\n                  onClick={() => setStatusFilter(status)}\n                  className={`rounded px-2 py-1 text-xs font-medium transition-colors ${\n                    statusFilter === status\n                      ? 'bg-action-primary-bg text-action-primary-text'\n                      : 'bg-bg-sunken text-text-secondary hover:bg-bg-sunken/80'\n                  }`}\n                >\n                  {status === 'all' ? 'All' : statusConfig[status].label}\n                </button>\n              )\n            )}\n          </div>\n\n          <div className=\"space-y-2\">\n            {filteredProjects.length === 0 ? (\n              <p className=\"py-8 text-center text-sm text-text-secondary\">No projects found.</p>\n            ) : (\n              filteredProjects.map((project) => {\n                const cfg = statusConfig[project.status];\n                return (\n                  <button\n                    key={project.id}\n                    onClick={() => {\n                      setSelectedProjectId(project.id);\n                      setDetailTab('overview');\n                    }}\n                    className={`w-full rounded-lg border p-3 text-left transition-colors ${\n                      selectedProjectId === project.id\n                        ? 'border-primary bg-action-primary-bg/5'\n                        : 'hover:bg-bg-sunken/50'\n                    }`}\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <h3 className=\"font-medium text-sm truncate pr-2\">{project.title}</h3>\n                      <ChevronRight className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                    </div>\n                    <div className=\"mt-2 flex items-center gap-2\">\n                      <Badge variant={priorityConfig[project.priority].variant} className=\"text-xs\">\n                        {project.priority}\n                      </Badge>\n                      <span className={`text-xs ${cfg.color}`}>{cfg.label}</span>\n                    </div>\n                    <div className=\"mt-2\">\n                      <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                        <span>Progress</span>\n                        <span>{project.progress}%</span>\n                      </div>\n                      <div className=\"mt-1 h-1.5 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-1.5 rounded-full bg-action-primary-bg transition-all\"\n                          style={{ width: `${project.progress}%` }}\n                        />\n                      </div>\n                    </div>\n                  </button>\n                );\n              })\n            )}\n          </div>\n        </div>\n\n        {/* Detail panel */}\n        <div className=\"space-y-4 lg:col-span-2\">\n          {selectedProject ? (\n            <>\n              {/* Project header card */}\n              <Card>\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex flex-wrap items-start justify-between gap-4\">\n                    <div className=\"space-y-2\">\n                      <div className=\"flex items-center gap-2\">\n                        <Badge variant={priorityConfig[selectedProject.priority].variant}>\n                          {selectedProject.priority} priority\n                        </Badge>\n                        <span\n                          className={`text-sm font-medium ${statusConfig[selectedProject.status].color}`}\n                        >\n                          {statusConfig[selectedProject.status].label}\n                        </span>\n                      </div>\n                      <h2 className=\"text-xl font-bold\">{selectedProject.title}</h2>\n                      <p className=\"text-sm text-text-secondary\">{selectedProject.description}</p>\n                    </div>\n                    <div className=\"text-right\">\n                      <p className=\"text-sm text-text-secondary\">Budget</p>\n                      <p className=\"text-xl font-bold\">\n                        ${selectedProject.budget.toLocaleString()}\n                      </p>\n                      <p className=\"text-xs text-text-secondary\">\n                        Spent: ${selectedProject.spent.toLocaleString()} (\n                        {Math.round((selectedProject.spent / selectedProject.budget) * 100)}%)\n                      </p>\n                    </div>\n                  </div>\n\n                  {/* Progress bar */}\n                  <div className=\"mt-4\">\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span className=\"text-text-secondary\">Overall Progress</span>\n                      <span className=\"font-medium\">{selectedProject.progress}%</span>\n                    </div>\n                    <div className=\"mt-1 h-3 overflow-hidden rounded-full bg-bg-sunken\">\n                      <div\n                        className=\"h-3 rounded-full bg-action-primary-bg transition-all\"\n                        style={{ width: `${selectedProject.progress}%` }}\n                      />\n                    </div>\n                  </div>\n\n                  {/* Quick stats */}\n                  <div className=\"mt-4 flex flex-wrap gap-4 text-sm\">\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Calendar className=\"h-4 w-4\" /> {selectedProject.startDate} -{' '}\n                      {selectedProject.endDate}\n                    </span>\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Users className=\"h-4 w-4\" /> {selectedProject.teamMembers.length} members\n                    </span>\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Target className=\"h-4 w-4\" /> {selectedProject.milestones.length} milestones\n                    </span>\n                  </div>\n\n                  {/* Tags */}\n                  {selectedProject.tags.length > 0 && (\n                    <div className=\"mt-3 flex items-center gap-2\">\n                      <Tag className=\"h-4 w-4 text-text-secondary\" />\n                      {selectedProject.tags.map((tag) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n\n              {/* Detail tabs */}\n              <div className=\"flex gap-1 border-b\">\n                {detailTabs.map(({ key, label }) => (\n                  <button\n                    key={key}\n                    onClick={() => setDetailTab(key)}\n                    className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors ${\n                      detailTab === key\n                        ? 'border-primary text-primary'\n                        : 'border-transparent text-text-secondary hover:text-text-primary'\n                    }`}\n                  >\n                    {label}\n                  </button>\n                ))}\n              </div>\n\n              {/* Overview tab */}\n              {detailTab === 'overview' && (\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <Card>\n                    <CardHeader>\n                      <CardTitle className=\"text-base flex items-center gap-2\">\n                        <DollarSign className=\"h-4 w-4\" /> Budget Overview\n                      </CardTitle>\n                    </CardHeader>\n                    <CardContent className=\"space-y-3\">\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Total Budget</span>\n                        <span className=\"font-medium\">\n                          ${selectedProject.budget.toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Spent</span>\n                        <span className=\"font-medium\">\n                          ${selectedProject.spent.toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Remaining</span>\n                        <span className=\"font-medium text-green-600\">\n                          ${(selectedProject.budget - selectedProject.spent).toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-action-primary-bg\"\n                          style={{\n                            width: `${Math.round((selectedProject.spent / selectedProject.budget) * 100)}%`,\n                          }}\n                        />\n                      </div>\n                    </CardContent>\n                  </Card>\n                  <Card>\n                    <CardHeader>\n                      <CardTitle className=\"text-base flex items-center gap-2\">\n                        <BarChart3 className=\"h-4 w-4\" /> Milestone Summary\n                      </CardTitle>\n                    </CardHeader>\n                    <CardContent className=\"space-y-3\">\n                      {['completed', 'in_progress', 'pending', 'overdue'].map((status) => {\n                        const count = selectedProject.milestones.filter(\n                          (m) => m.status === status\n                        ).length;\n                        return (\n                          <div key={status} className=\"flex items-center justify-between text-sm\">\n                            <span className=\"text-text-secondary capitalize\">\n                              {status.replace('_', ' ')}\n                            </span>\n                            <span className=\"font-medium\">{count}</span>\n                          </div>\n                        );\n                      })}\n                    </CardContent>\n                  </Card>\n                </div>\n              )}\n\n              {/* Timeline tab */}\n              {detailTab === 'timeline' && (\n                <Card>\n                  <CardContent className=\"pt-6\">\n                    <div className=\"relative space-y-0\">\n                      {selectedProject.milestones.map((milestone, idx) => {\n                        const isLast = idx === selectedProject.milestones.length - 1;\n                        const statusColors: Record<string, string> = {\n                          completed: 'bg-green-500',\n                          in_progress: 'bg-blue-500',\n                          pending: 'bg-gray-300',\n                          overdue: 'bg-red-500',\n                        };\n                        return (\n                          <div key={milestone.id} className=\"relative flex gap-4 pb-8\">\n                            {/* Timeline line */}\n                            {!isLast && (\n                              <div className=\"absolute left-[11px] top-6 h-full w-0.5 bg-bg-sunken\" />\n                            )}\n                            {/* Dot */}\n                            <div\n                              className={`relative z-10 mt-1 h-6 w-6 shrink-0 rounded-full ${statusColors[milestone.status]} flex items-center justify-center`}\n                            >\n                              {milestone.status === 'completed' && (\n                                <CheckCircle2 className=\"h-4 w-4 text-white\" />\n                              )}\n                              {milestone.status === 'in_progress' && (\n                                <Clock className=\"h-4 w-4 text-white\" />\n                              )}\n                            </div>\n                            {/* Content */}\n                            <div className=\"flex-1\">\n                              <div className=\"flex items-center gap-2\">\n                                <h4 className=\"font-medium\">{milestone.title}</h4>\n                                <Badge\n                                  variant={priorityConfig[milestone.priority].variant}\n                                  className=\"text-xs\"\n                                >\n                                  {milestone.priority}\n                                </Badge>\n                              </div>\n                              <p className=\"mt-1 text-sm text-text-secondary\">\n                                {milestone.description}\n                              </p>\n                              <div className=\"mt-2 flex flex-wrap gap-3 text-xs text-text-secondary\">\n                                <span className=\"flex items-center gap-1\">\n                                  <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n                                </span>\n                                {milestone.completedAt && (\n                                  <span className=\"flex items-center gap-1 text-green-600\">\n                                    <CheckCircle2 className=\"h-3 w-3\" /> Completed:{' '}\n                                    {milestone.completedAt}\n                                  </span>\n                                )}\n                              </div>\n                            </div>\n                          </div>\n                        );\n                      })}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Milestones tab */}\n              {detailTab === 'milestones' && (\n                <div className=\"space-y-3\">\n                  {selectedProject.milestones.map((milestone) => {\n                    const statusIcons: Record<string, typeof CheckCircle2> = {\n                      completed: CheckCircle2,\n                      in_progress: Clock,\n                      pending: Target,\n                      overdue: AlertTriangle,\n                    };\n                    const statusColors: Record<string, string> = {\n                      completed: 'text-green-600',\n                      in_progress: 'text-blue-600',\n                      pending: 'text-gray-400',\n                      overdue: 'text-red-600',\n                    };\n                    const Icon = statusIcons[milestone.status] ?? Target;\n                    return (\n                      <Card key={milestone.id}>\n                        <CardContent className=\"pt-4\">\n                          <div className=\"flex items-start gap-3\">\n                            <Icon className={`mt-0.5 h-5 w-5 ${statusColors[milestone.status]}`} />\n                            <div className=\"flex-1\">\n                              <div className=\"flex items-center gap-2\">\n                                <h4 className=\"font-medium\">{milestone.title}</h4>\n                                <Badge\n                                  variant={priorityConfig[milestone.priority].variant}\n                                  className=\"text-xs\"\n                                >\n                                  {milestone.priority}\n                                </Badge>\n                              </div>\n                              <p className=\"mt-1 text-sm text-text-secondary\">\n                                {milestone.description}\n                              </p>\n\n                              {/* Deliverables */}\n                              {milestone.deliverables.length > 0 && (\n                                <div className=\"mt-3\">\n                                  <p className=\"text-xs font-medium text-text-secondary\">\n                                    Deliverables\n                                  </p>\n                                  <div className=\"mt-1 flex flex-wrap gap-1\">\n                                    {milestone.deliverables.map((d) => (\n                                      <Badge key={d} variant=\"outline\" className=\"text-xs\">\n                                        {d}\n                                      </Badge>\n                                    ))}\n                                  </div>\n                                </div>\n                              )}\n\n                              <div className=\"mt-3 flex flex-wrap gap-4 text-xs text-text-secondary\">\n                                <span className=\"flex items-center gap-1\">\n                                  <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n                                </span>\n                                {milestone.completedAt && (\n                                  <span className=\"flex items-center gap-1 text-green-600\">\n                                    <CheckCircle2 className=\"h-3 w-3\" /> {milestone.completedAt}\n                                  </span>\n                                )}\n                                {milestone.dependencies.length > 0 && (\n                                  <span className=\"flex items-center gap-1\">\n                                    <Flag className=\"h-3 w-3\" /> {milestone.dependencies.length}{' '}\n                                    dependencies\n                                  </span>\n                                )}\n                              </div>\n\n                              {milestone.notes && (\n                                <p className=\"mt-2 rounded bg-bg-sunken/50 p-2 text-xs text-text-secondary italic\">\n                                  {milestone.notes}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    );\n                  })}\n                </div>\n              )}\n\n              {/* Team tab */}\n              {detailTab === 'team' && (\n                <Card>\n                  <CardHeader>\n                    <CardTitle className=\"text-base\">Team Members</CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      {selectedProject.teamMembers.map((member, idx) => (\n                        <div key={idx} className=\"flex items-center gap-3 rounded-lg border p-3\">\n                          <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-action-primary-bg/10 font-semibold text-primary\">\n                            {member.name.charAt(0)}\n                          </div>\n                          <div>\n                            <p className=\"font-medium\">{member.name}</p>\n                            <p className=\"text-sm text-text-secondary\">{member.role}</p>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n            </>\n          ) : (\n            <Card>\n              <CardContent className=\"py-12 text-center text-text-secondary\">\n                Select a project from the sidebar to view details.\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsPage.js","names":[],"sources":["../../../src/proserviceworld/pages/ProjectsPage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport {\n  Badge,\n  Button,\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Input,\n  GlassCard,\n  AuroraBackground,\n  GradientText,\n  IllustratedEmptyState,\n  PagePurpose,\n  NextSteps,\n} from '@burdenoff/fe-libs/ui';\nimport {\n  Search,\n  Plus,\n  Calendar,\n  DollarSign,\n  Users,\n  CheckCircle2,\n  Clock,\n  AlertTriangle,\n  Target,\n  Tag,\n  ChevronRight,\n  BarChart3,\n  Flag,\n} from 'lucide-react';\nimport { useProServiceWorldStore } from '../store/proserviceworldStore';\nimport type { ProjectStatus, Priority } from '../types';\n\ntype DetailTab = 'overview' | 'timeline' | 'milestones' | 'team';\n\nconst statusConfig: Record<ProjectStatus, { label: string; color: string; dot: string }> = {\n  planning: { label: 'Planning', color: 'text-status-warning-text', dot: 'bg-status-warning-text' },\n  active: { label: 'Active', color: 'text-accent-blue', dot: 'bg-accent-blue' },\n  on_hold: { label: 'On Hold', color: 'text-status-warning-text', dot: 'bg-status-warning-text' },\n  completed: {\n    label: 'Completed',\n    color: 'text-status-success-text',\n    dot: 'bg-status-success-text',\n  },\n  cancelled: { label: 'Cancelled', color: 'text-status-error-text', dot: 'bg-status-error-text' },\n};\n\nconst priorityConfig: Record<\n  Priority,\n  { label: string; variant: 'default' | 'secondary' | 'outline' | 'destructive' }\n> = {\n  low: { label: 'Low', variant: 'outline' },\n  medium: { label: 'Medium', variant: 'secondary' },\n  high: { label: 'High', variant: 'default' },\n  critical: { label: 'Critical', variant: 'destructive' },\n};\n\nconst milestoneStatusDot: Record<string, string> = {\n  completed: 'bg-status-success-text',\n  in_progress: 'bg-accent-blue',\n  pending: 'bg-bg-sunken',\n  overdue: 'bg-status-error-text',\n};\n\nconst milestoneStatusColor: Record<string, string> = {\n  completed: 'text-status-success-text',\n  in_progress: 'text-accent-blue',\n  pending: 'text-text-secondary',\n  overdue: 'text-status-error-text',\n};\n\nexport function ProjectsPage() {\n  const { projects } = useProServiceWorldStore();\n  const [searchQuery, setSearchQuery] = useState('');\n  const [statusFilter, setStatusFilter] = useState<ProjectStatus | 'all'>('all');\n  const [selectedProjectId, setSelectedProjectId] = useState<string>(projects[0]?.id ?? '');\n  const [detailTab, setDetailTab] = useState<DetailTab>('overview');\n\n  const filteredProjects = useMemo(() => {\n    let result = [...projects];\n    if (statusFilter !== 'all') result = result.filter((p) => p.status === statusFilter);\n    if (searchQuery.trim()) {\n      const q = searchQuery.toLowerCase();\n      result = result.filter(\n        (p) => p.title.toLowerCase().includes(q) || p.category.toLowerCase().includes(q)\n      );\n    }\n    return result;\n  }, [projects, statusFilter, searchQuery]);\n\n  const selectedProject = projects.find((p) => p.id === selectedProjectId);\n\n  const detailTabs: { key: DetailTab; label: string }[] = [\n    { key: 'overview', label: 'Overview' },\n    { key: 'timeline', label: 'Timeline' },\n    { key: 'milestones', label: 'Milestones' },\n    { key: 'team', label: 'Team' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6 bg-bg-canvas min-h-screen\">\n      {/* Hero header — the ONE aurora backdrop for this page. */}\n      <div className=\"relative overflow-hidden rounded-card -mx-2 px-2 pt-1\">\n        <AuroraBackground intensity=\"subtle\" />\n        <div className=\"flex flex-col gap-4 sm:flex-row sm:items-center sm:justify-between\">\n          <div>\n            <h1 className=\"text-2xl font-semibold tracking-tight\">\n              <GradientText>Projects</GradientText>\n            </h1>\n            <p className=\"text-sm text-text-secondary\">\n              Track progress and manage your professional service projects.\n            </p>\n          </div>\n          <Button size=\"sm\">\n            <Plus className=\"mr-2 h-4 w-4\" /> New Project\n          </Button>\n        </div>\n      </div>\n\n      <PagePurpose icon={<Target className=\"h-4 w-4\" />}>\n        Run your engagements from kickoff to delivery. Pick a project to see its budget, progress,\n        milestones, timeline, and team in one place — so you always know what is on track, what is\n        at risk, and what is due next.\n      </PagePurpose>\n\n      <NextSteps\n        storageKey=\"proserviceworld-projects\"\n        steps={[\n          {\n            id: 'timeline',\n            label: 'Walk the timeline',\n            description: 'See milestones in chronological order to gauge momentum.',\n            icon: <Calendar className=\"h-4 w-4\" />,\n            onClick: () => setDetailTab('timeline'),\n          },\n          {\n            id: 'milestones',\n            label: 'Drill into milestones',\n            description: 'Review deliverables, dependencies, and due dates.',\n            icon: <Flag className=\"h-4 w-4\" />,\n            onClick: () => setDetailTab('milestones'),\n          },\n          {\n            id: 'team',\n            label: 'Check the team',\n            description: 'See who is assigned and their roles.',\n            icon: <Users className=\"h-4 w-4\" />,\n            onClick: () => setDetailTab('team'),\n          },\n        ]}\n      />\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Project sidebar */}\n        <div className=\"space-y-4\">\n          <div className=\"relative\">\n            <Search className=\"absolute left-3 top-1/2 h-4 w-4 -translate-y-1/2 text-text-secondary\" />\n            <Input\n              placeholder=\"Search projects...\"\n              aria-label=\"Search projects\"\n              value={searchQuery}\n              onChange={(e) => setSearchQuery(e.target.value)}\n              className=\"pl-10\"\n            />\n          </div>\n\n          <div className=\"flex flex-wrap gap-1\">\n            {(['all', 'active', 'planning', 'completed', 'on_hold', 'cancelled'] as const).map(\n              (status) => (\n                <button\n                  key={status}\n                  onClick={() => setStatusFilter(status)}\n                  aria-pressed={statusFilter === status}\n                  className={`rounded px-2 py-1 text-xs font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                    statusFilter === status\n                      ? 'bg-accent-blue text-action-primary-text'\n                      : 'bg-bg-sunken text-text-secondary hover:text-text-primary'\n                  }`}\n                >\n                  {status === 'all' ? 'All' : statusConfig[status].label}\n                </button>\n              )\n            )}\n          </div>\n\n          <div className=\"space-y-2\">\n            {filteredProjects.length === 0 ? (\n              <IllustratedEmptyState\n                illustration={searchQuery || statusFilter !== 'all' ? 'empty-search' : 'empty-data'}\n                title=\"No projects found\"\n                description=\"Try adjusting your search or filters.\"\n              />\n            ) : (\n              filteredProjects.map((project) => {\n                const cfg = statusConfig[project.status];\n                return (\n                  <button\n                    key={project.id}\n                    onClick={() => {\n                      setSelectedProjectId(project.id);\n                      setDetailTab('overview');\n                    }}\n                    aria-pressed={selectedProjectId === project.id}\n                    className={`w-full rounded-lg border p-3 text-left transition-shadow focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                      selectedProjectId === project.id\n                        ? 'border-accent-blue bg-accent-blue-subtle'\n                        : 'border-border-seam hover:shadow-pop'\n                    }`}\n                  >\n                    <div className=\"flex items-center justify-between\">\n                      <h3 className=\"font-medium text-sm truncate pr-2\">{project.title}</h3>\n                      <ChevronRight className=\"h-4 w-4 shrink-0 text-text-secondary\" />\n                    </div>\n                    <div className=\"mt-2 flex items-center gap-2\">\n                      <Badge variant={priorityConfig[project.priority].variant} className=\"text-xs\">\n                        {project.priority}\n                      </Badge>\n                      <span className={`flex items-center gap-1 text-xs ${cfg.color}`}>\n                        <span\n                          className={`h-1.5 w-1.5 rounded-full ${cfg.dot} ${project.status === 'active' ? 'motion-safe:animate-vc-glow-pulse' : ''}`}\n                        />\n                        {cfg.label}\n                      </span>\n                    </div>\n                    <div className=\"mt-2\">\n                      <div className=\"flex items-center justify-between text-xs text-text-secondary\">\n                        <span>Progress</span>\n                        <span className=\"tabular-nums\">{project.progress}%</span>\n                      </div>\n                      <div className=\"mt-1 h-1.5 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-1.5 rounded-full bg-accent-blue transition-all\"\n                          style={{ width: `${project.progress}%` }}\n                        />\n                      </div>\n                    </div>\n                  </button>\n                );\n              })\n            )}\n          </div>\n        </div>\n\n        {/* Detail panel */}\n        <div className=\"space-y-4 lg:col-span-2\">\n          {selectedProject ? (\n            <>\n              {/* Project header card */}\n              <GlassCard treatment=\"insight\" className=\"border-border-seam\">\n                <CardContent className=\"pt-6\">\n                  <div className=\"flex flex-wrap items-start justify-between gap-4\">\n                    <div className=\"space-y-2\">\n                      <div className=\"flex items-center gap-2\">\n                        <Badge variant={priorityConfig[selectedProject.priority].variant}>\n                          {selectedProject.priority} priority\n                        </Badge>\n                        <span\n                          className={`text-sm font-medium ${statusConfig[selectedProject.status].color}`}\n                        >\n                          {statusConfig[selectedProject.status].label}\n                        </span>\n                      </div>\n                      <h2 className=\"text-xl font-bold tracking-tight\">{selectedProject.title}</h2>\n                      <p className=\"text-sm text-text-secondary\">{selectedProject.description}</p>\n                    </div>\n                    <div className=\"text-right\">\n                      <p className=\"text-sm text-text-secondary\">Budget</p>\n                      <p className=\"text-xl font-bold tabular-nums\">\n                        ${selectedProject.budget.toLocaleString()}\n                      </p>\n                      <p className=\"text-xs text-text-secondary tabular-nums\">\n                        Spent: ${selectedProject.spent.toLocaleString()} (\n                        {Math.round((selectedProject.spent / selectedProject.budget) * 100)}%)\n                      </p>\n                    </div>\n                  </div>\n\n                  {/* Progress bar */}\n                  <div className=\"mt-4\">\n                    <div className=\"flex items-center justify-between text-sm\">\n                      <span className=\"text-text-secondary\">Overall Progress</span>\n                      <span className=\"font-medium tabular-nums\">{selectedProject.progress}%</span>\n                    </div>\n                    <div className=\"mt-1 h-3 overflow-hidden rounded-full bg-bg-sunken\">\n                      <div\n                        className=\"h-3 rounded-full bg-accent-blue transition-all\"\n                        style={{ width: `${selectedProject.progress}%` }}\n                      />\n                    </div>\n                  </div>\n\n                  {/* Quick stats */}\n                  <div className=\"mt-4 flex flex-wrap gap-4 text-sm\">\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Calendar className=\"h-4 w-4\" /> {selectedProject.startDate} -{' '}\n                      {selectedProject.endDate}\n                    </span>\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Users className=\"h-4 w-4\" />\n                      <span className=\"tabular-nums\">{selectedProject.teamMembers.length}</span>{' '}\n                      members\n                    </span>\n                    <span className=\"flex items-center gap-1 text-text-secondary\">\n                      <Target className=\"h-4 w-4\" />\n                      <span className=\"tabular-nums\">{selectedProject.milestones.length}</span>{' '}\n                      milestones\n                    </span>\n                  </div>\n\n                  {/* Tags */}\n                  {selectedProject.tags.length > 0 && (\n                    <div className=\"mt-3 flex flex-wrap items-center gap-2\">\n                      <Tag className=\"h-4 w-4 text-text-secondary\" />\n                      {selectedProject.tags.map((tag) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                </CardContent>\n              </GlassCard>\n\n              {/* Detail tabs */}\n              <div className=\"flex gap-1 border-b border-border-seam\">\n                {detailTabs.map(({ key, label }) => (\n                  <button\n                    key={key}\n                    onClick={() => setDetailTab(key)}\n                    aria-pressed={detailTab === key}\n                    className={`border-b-2 px-4 py-2 text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus ${\n                      detailTab === key\n                        ? 'border-accent-blue text-accent-blue'\n                        : 'border-transparent text-text-secondary hover:text-text-primary'\n                    }`}\n                  >\n                    {label}\n                  </button>\n                ))}\n              </div>\n\n              {/* Overview tab */}\n              {detailTab === 'overview' && (\n                <div className=\"grid gap-4 sm:grid-cols-2\">\n                  <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n                    <CardHeader>\n                      <CardTitle className=\"text-base flex items-center gap-2\">\n                        <DollarSign className=\"h-4 w-4\" /> Budget Overview\n                      </CardTitle>\n                    </CardHeader>\n                    <CardContent className=\"space-y-3\">\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Total Budget</span>\n                        <span className=\"font-medium tabular-nums\">\n                          ${selectedProject.budget.toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Spent</span>\n                        <span className=\"font-medium tabular-nums\">\n                          ${selectedProject.spent.toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"flex justify-between text-sm\">\n                        <span className=\"text-text-secondary\">Remaining</span>\n                        <span className=\"font-medium text-status-success-text tabular-nums\">\n                          ${(selectedProject.budget - selectedProject.spent).toLocaleString()}\n                        </span>\n                      </div>\n                      <div className=\"h-2 overflow-hidden rounded-full bg-bg-sunken\">\n                        <div\n                          className=\"h-2 rounded-full bg-accent-blue\"\n                          style={{\n                            width: `${Math.round((selectedProject.spent / selectedProject.budget) * 100)}%`,\n                          }}\n                        />\n                      </div>\n                    </CardContent>\n                  </GlassCard>\n                  <GlassCard treatment=\"metric\" className=\"border-border-seam\">\n                    <CardHeader>\n                      <CardTitle className=\"text-base flex items-center gap-2\">\n                        <BarChart3 className=\"h-4 w-4\" /> Milestone Summary\n                      </CardTitle>\n                    </CardHeader>\n                    <CardContent className=\"space-y-3\">\n                      {['completed', 'in_progress', 'pending', 'overdue'].map((status) => {\n                        const count = selectedProject.milestones.filter(\n                          (m) => m.status === status\n                        ).length;\n                        return (\n                          <div key={status} className=\"flex items-center justify-between text-sm\">\n                            <span className=\"flex items-center gap-2 text-text-secondary capitalize\">\n                              <span\n                                className={`h-1.5 w-1.5 rounded-full ${milestoneStatusDot[status]}`}\n                              />\n                              {status.replace('_', ' ')}\n                            </span>\n                            <span className=\"font-medium tabular-nums\">{count}</span>\n                          </div>\n                        );\n                      })}\n                    </CardContent>\n                  </GlassCard>\n                </div>\n              )}\n\n              {/* Timeline tab */}\n              {detailTab === 'timeline' && (\n                <Card className=\"border-border-seam\">\n                  <CardContent className=\"pt-6\">\n                    <div className=\"relative space-y-0\">\n                      {selectedProject.milestones.map((milestone, idx) => {\n                        const isLast = idx === selectedProject.milestones.length - 1;\n                        return (\n                          <div key={milestone.id} className=\"relative flex gap-4 pb-8\">\n                            {/* Timeline line */}\n                            {!isLast && (\n                              <div className=\"absolute left-[11px] top-6 h-full w-0.5 bg-border-seam\" />\n                            )}\n                            {/* Dot */}\n                            <div\n                              className={`relative z-10 mt-1 h-6 w-6 shrink-0 rounded-full ${milestoneStatusDot[milestone.status]} flex items-center justify-center`}\n                            >\n                              {milestone.status === 'completed' && (\n                                <CheckCircle2 className=\"h-4 w-4 text-white\" />\n                              )}\n                              {milestone.status === 'in_progress' && (\n                                <Clock className=\"h-4 w-4 text-white\" />\n                              )}\n                            </div>\n                            {/* Content */}\n                            <div className=\"flex-1\">\n                              <div className=\"flex items-center gap-2\">\n                                <h4 className=\"font-medium\">{milestone.title}</h4>\n                                <Badge\n                                  variant={priorityConfig[milestone.priority].variant}\n                                  className=\"text-xs\"\n                                >\n                                  {milestone.priority}\n                                </Badge>\n                              </div>\n                              <p className=\"mt-1 text-sm text-text-secondary\">\n                                {milestone.description}\n                              </p>\n                              <div className=\"mt-2 flex flex-wrap gap-3 text-xs text-text-secondary\">\n                                <span className=\"flex items-center gap-1\">\n                                  <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n                                </span>\n                                {milestone.completedAt && (\n                                  <span className=\"flex items-center gap-1 text-status-success-text\">\n                                    <CheckCircle2 className=\"h-3 w-3\" /> Completed:{' '}\n                                    {milestone.completedAt}\n                                  </span>\n                                )}\n                              </div>\n                            </div>\n                          </div>\n                        );\n                      })}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n\n              {/* Milestones tab */}\n              {detailTab === 'milestones' && (\n                <div className=\"space-y-3\">\n                  {selectedProject.milestones.map((milestone) => {\n                    const statusIcons: Record<string, typeof CheckCircle2> = {\n                      completed: CheckCircle2,\n                      in_progress: Clock,\n                      pending: Target,\n                      overdue: AlertTriangle,\n                    };\n                    const Icon = statusIcons[milestone.status] ?? Target;\n                    return (\n                      <Card key={milestone.id} className=\"border-border-seam\">\n                        <CardContent className=\"pt-4\">\n                          <div className=\"flex items-start gap-3\">\n                            <Icon\n                              className={`mt-0.5 h-5 w-5 ${milestoneStatusColor[milestone.status]}`}\n                            />\n                            <div className=\"flex-1\">\n                              <div className=\"flex items-center gap-2\">\n                                <h4 className=\"font-medium\">{milestone.title}</h4>\n                                <Badge\n                                  variant={priorityConfig[milestone.priority].variant}\n                                  className=\"text-xs\"\n                                >\n                                  {milestone.priority}\n                                </Badge>\n                              </div>\n                              <p className=\"mt-1 text-sm text-text-secondary\">\n                                {milestone.description}\n                              </p>\n\n                              {/* Deliverables */}\n                              {milestone.deliverables.length > 0 && (\n                                <div className=\"mt-3\">\n                                  <p className=\"text-xs font-medium text-text-secondary\">\n                                    Deliverables\n                                  </p>\n                                  <div className=\"mt-1 flex flex-wrap gap-1\">\n                                    {milestone.deliverables.map((d) => (\n                                      <Badge key={d} variant=\"outline\" className=\"text-xs\">\n                                        {d}\n                                      </Badge>\n                                    ))}\n                                  </div>\n                                </div>\n                              )}\n\n                              <div className=\"mt-3 flex flex-wrap gap-4 text-xs text-text-secondary\">\n                                <span className=\"flex items-center gap-1\">\n                                  <Calendar className=\"h-3 w-3\" /> Due: {milestone.dueDate}\n                                </span>\n                                {milestone.completedAt && (\n                                  <span className=\"flex items-center gap-1 text-status-success-text\">\n                                    <CheckCircle2 className=\"h-3 w-3\" /> {milestone.completedAt}\n                                  </span>\n                                )}\n                                {milestone.dependencies.length > 0 && (\n                                  <span className=\"flex items-center gap-1\">\n                                    <Flag className=\"h-3 w-3\" />\n                                    <span className=\"tabular-nums\">\n                                      {milestone.dependencies.length}\n                                    </span>{' '}\n                                    dependencies\n                                  </span>\n                                )}\n                              </div>\n\n                              {milestone.notes && (\n                                <p className=\"mt-2 rounded bg-bg-sunken p-2 text-xs text-text-secondary italic\">\n                                  {milestone.notes}\n                                </p>\n                              )}\n                            </div>\n                          </div>\n                        </CardContent>\n                      </Card>\n                    );\n                  })}\n                </div>\n              )}\n\n              {/* Team tab */}\n              {detailTab === 'team' && (\n                <Card className=\"border-border-seam\">\n                  <CardHeader>\n                    <CardTitle className=\"text-base\">Team Members</CardTitle>\n                  </CardHeader>\n                  <CardContent>\n                    <div className=\"space-y-3\">\n                      {selectedProject.teamMembers.map((member, idx) => (\n                        <div\n                          key={idx}\n                          className=\"flex items-center gap-3 rounded-lg border border-border-seam p-3\"\n                        >\n                          <div className=\"flex h-10 w-10 items-center justify-center rounded-full bg-accent-soft font-semibold text-text-primary\">\n                            {member.name.charAt(0)}\n                          </div>\n                          <div>\n                            <p className=\"font-medium\">{member.name}</p>\n                            <p className=\"text-sm text-text-secondary\">{member.role}</p>\n                          </div>\n                        </div>\n                      ))}\n                    </div>\n                  </CardContent>\n                </Card>\n              )}\n            </>\n          ) : (\n            <Card className=\"border-border-seam\">\n              <CardContent className=\"py-6\">\n                <IllustratedEmptyState\n                  illustration=\"onboarding\"\n                  title=\"Select a project\"\n                  description=\"Pick a project from the sidebar to view its details.\"\n                />\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}