@burdenoff/microfe-planmagnet 2026.925.13 → 2026.925.15

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AAmSA,wBAAgB,0BAA0B,4CAydzC"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx"],"names":[],"mappings":"AAmSA,wBAAgB,0BAA0B,4CA6dzC"}

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.js

@@ -189,7 +189,7 @@ function A() {
 		},
 		skip: !h || !B
 	});
-	if (N) return /* @__PURE__ */ _("div", {
+	if (N && !M) return /* @__PURE__ */ _("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ _("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TrendingUp, Zap, FolderKanban, BarChart3, Target } from 'lucide-react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { BudgetPerformanceCard, CycleTimeCard } from './analytics/DeliveryHealthCards';\n\n// Server-side totals (QA H2). The work-item list returns at most 100 rows per\n// page, so every figure computed from the loaded page undercounted past 100\n// items — and \"Project Health\" did not filter by project at all.\nconst GET_ANALYTICS_COUNTS = gql`\n  query GetAnalyticsWorkItemCounts($workspaceId: ID!) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId) {\n      total\n      points\n      byStatus {\n        status\n        count\n        points\n      }\n      byProject {\n        projectId\n        status\n        count\n      }\n    }\n  }\n`;\n\ninterface WorkItemCounts {\n  total: number;\n  points: number;\n  byStatus: Array<{ status: string; count: number; points: number }>;\n  byProject: Array<{ projectId: string; status: string; count: number }>;\n}\n\nconst GET_ANALYTICS_DATA = gql`\n  query GetAnalyticsData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n    $sprintPagination: PlanmagnetPaginationInput\n    $milestonePagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        startDate\n        endDate\n        tags\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        priority\n        storyPoints\n        assigneeId\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {\n      items {\n        id\n        name\n        status\n        velocity\n        capacity\n        projectId\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: $milestonePagination) {\n      items {\n        id\n        name\n        status\n        dueDate\n      }\n      totalCount\n    }\n  }\n`;\n\n// BOFF-4447: real server-computed sprint delivery analytics — burndown,\n// velocity, and cumulative flow are all aggregated in wspace-planmagnet-svc\n// (src/modules/analytics) from the Sprint/WorkItem data model plus the\n// WorkItemStatusTransition audit trail, not derived client-side from raw\n// lists like the summary cards above.\nconst GET_SPRINT_BURNDOWN = gql`\n  query GetSprintBurndown($workspaceId: ID!, $sprintId: ID!) {\n    planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {\n      sprintId\n      startDate\n      endDate\n      totalPoints\n      totalCount\n      points {\n        date\n        remainingPoints\n        remainingCount\n        completedPoints\n        completedCount\n      }\n    }\n  }\n`;\n\nconst GET_VELOCITY = gql`\n  query GetVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {\n    planmagnetVelocity(\n      workspaceId: $workspaceId\n      projectId: $projectId\n      trailingSprintCount: $trailingSprintCount\n    ) {\n      projectId\n      averageVelocity\n      forecastNextSprintPoints\n      sprints {\n        sprintId\n        sprintName\n        sequenceNumber\n        completedPoints\n        completedCount\n        plannedPoints\n      }\n    }\n  }\n`;\n\nconst GET_CUMULATIVE_FLOW = gql`\n  query GetCumulativeFlow($workspaceId: ID!, $projectId: ID!) {\n    planmagnetCumulativeFlow(workspaceId: $workspaceId, projectId: $projectId) {\n      projectId\n      startDate\n      endDate\n      points {\n        date\n        statuses {\n          status\n          count\n        }\n      }\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  tags: string[];\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n}\n\ninterface SprintNode {\n  id: string;\n  name: string;\n  status: string;\n  velocity: number | null;\n  capacity: number | null;\n  projectId: string;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface MilestoneNode {\n  id: string;\n  name: string;\n  status: string;\n  dueDate: string | null;\n}\n\ninterface AnalyticsData {\n  planmagnetProjects: { items: ProjectNode[]; totalCount: number };\n  planmagnetWorkItems: { items: WorkItemNode[]; totalCount: number };\n  planmagnetSprints: { items: SprintNode[]; totalCount: number };\n  planmagnetMilestones: { items: MilestoneNode[]; totalCount: number };\n}\n\ninterface BurndownData {\n  planmagnetSprintBurndown: {\n    sprintId: string;\n    startDate: string | null;\n    endDate: string | null;\n    totalPoints: number;\n    totalCount: number;\n    points: {\n      date: string;\n      remainingPoints: number;\n      remainingCount: number;\n      completedPoints: number;\n      completedCount: number;\n    }[];\n  } | null;\n}\n\ninterface VelocityData {\n  planmagnetVelocity: {\n    projectId: string;\n    averageVelocity: number;\n    forecastNextSprintPoints: number;\n    sprints: {\n      sprintId: string;\n      sprintName: string;\n      sequenceNumber: number;\n      completedPoints: number;\n      completedCount: number;\n      plannedPoints: number | null;\n    }[];\n  };\n}\n\ninterface CumulativeFlowData {\n  planmagnetCumulativeFlow: {\n    projectId: string;\n    startDate: string;\n    endDate: string;\n    points: {\n      date: string;\n      statuses: { status: string; count: number }[];\n    }[];\n  };\n}\n\n// recharts' `stroke`/`fill` props render as literal SVG paint attributes, not\n// Tailwind classNames — they cannot consume the semantic `bg-*`/`text-*`\n// utility tokens the lint rule expects everywhere else on this page. This is\n// the one place on the page raw color values are load-bearing rather than\n// stylistic, matching the same constraint every other MFE chart primitive in\n// the fleet (e.g. microfe-assethandler's `ChartCard`/`DonutChart`) hits.\nconst CFD_STATUS_COLORS: Record<string, string> = {\n  BACKLOG: '#9ca3af',\n  TODO: '#60a5fa',\n  IN_PROGRESS: '#fbbf24',\n  IN_REVIEW: '#a78bfa',\n  TESTING: '#f472b6',\n  DONE: '#4ade80',\n  CANCELLED: '#f87171',\n};\n\nfunction formatDay(iso: string): string {\n  const d = new Date(iso);\n  return `${d.getUTCMonth() + 1}/${d.getUTCDate()}`;\n}\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\n  const [selectedProjectId, setSelectedProjectId] = useState<string>('');\n  const [selectedSprintId, setSelectedSprintId] = useState<string>('');\n\n  const { data, loading, error } = useQuery<AnalyticsData>(GET_ANALYTICS_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n      sprintPagination: { first: 100 },\n      milestonePagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const { data: countsData } = useQuery<{ planmagnetWorkItemCounts: WorkItemCounts }>(\n    GET_ANALYTICS_COUNTS,\n    { variables: { workspaceId }, skip: !workspaceId }\n  );\n  const counts = countsData?.planmagnetWorkItemCounts;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n\n  // Default the project/sprint selectors to the first available option once\n  // the summary data loads, so the delivery-analytics charts render without\n  // requiring a manual pick every time the page opens. Filtering a list of\n  // at most a few hundred sprints is cheap enough to redo on every render —\n  // memoizing it would only need its own dependency-array workaround since\n  // the `?? []` fallback above hands back a fresh array identity per render\n  // whenever the query hasn't resolved yet.\n  const effectiveProjectId = selectedProjectId || projects[0]?.id || '';\n  const sprintsForProject = sprints.filter((s) => s.projectId === effectiveProjectId);\n  const effectiveSprintId = selectedSprintId || sprintsForProject[0]?.id || '';\n\n  const { data: burndownData, loading: burndownLoading } = useQuery<BurndownData>(\n    GET_SPRINT_BURNDOWN,\n    {\n      variables: { workspaceId, sprintId: effectiveSprintId },\n      skip: !workspaceId || !effectiveSprintId,\n    }\n  );\n\n  const { data: velocityData, loading: velocityLoading } = useQuery<VelocityData>(GET_VELOCITY, {\n    variables: { workspaceId, projectId: effectiveProjectId, trailingSprintCount: 6 },\n    skip: !workspaceId || !effectiveProjectId,\n  });\n\n  const { data: cfdData, loading: cfdLoading } = useQuery<CumulativeFlowData>(GET_CUMULATIVE_FLOW, {\n    variables: { workspaceId, projectId: effectiveProjectId },\n    skip: !workspaceId || !effectiveProjectId,\n  });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.analytics.errorLoading', 'Error loading analytics')}: {error.message}\n      </div>\n    );\n  }\n\n  const statusCount = (status: string) => counts?.byStatus.find((c) => c.status === status);\n  const totalTasks = counts?.total ?? tasks.length;\n  const doneTasks = statusCount('DONE')?.count ?? tasks.filter((t) => t.status === 'DONE').length;\n  // BLOCKED exists in storage but not in the API enum, so only the server-side\n  // counts can see it; the loaded page never contains one.\n  const blockedTasks = statusCount('BLOCKED')?.count ?? 0;\n  const totalPoints = counts?.points ?? tasks.reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n  const completedPoints =\n    statusCount('DONE')?.points ??\n    tasks.filter((t) => t.status === 'DONE').reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n  const projectProgress = (projectId: string) => {\n    const rows = counts?.byProject.filter((r) => r.projectId === projectId) ?? [];\n    const total = rows.reduce((sum, r) => sum + r.count, 0);\n    const done = rows.filter((r) => r.status === 'DONE').reduce((sum, r) => sum + r.count, 0);\n    return total > 0 ? Math.round((done / total) * 100) : 0;\n  };\n\n  const activeSprints = sprints.filter((s) => s.status === 'ACTIVE').length;\n  // MilestoneStatus has no AT_RISK/OVERDUE (the old check could never match):\n  // at risk = MISSED, or still open past its due date.\n  const now = new Date();\n  const atRiskMs = milestones.filter(\n    (m) =>\n      m.status === 'MISSED' ||\n      ((m.status === 'PENDING' || m.status === 'IN_PROGRESS') &&\n        m.dueDate != null &&\n        new Date(m.dueDate) < now)\n  ).length;\n  const activeProjects = projects.filter((p) => p.status === 'ACTIVE').length;\n  const completionRate = totalTasks > 0 ? Math.round((doneTasks / totalTasks) * 100) : 0;\n\n  const burndown = burndownData?.planmagnetSprintBurndown;\n  const burndownChartData =\n    burndown?.points.map((p) => ({\n      day: formatDay(p.date),\n      remaining: p.remainingPoints,\n      completed: p.completedPoints,\n    })) ?? [];\n\n  const velocity = velocityData?.planmagnetVelocity;\n  const velocityChartData =\n    velocity?.sprints.map((s) => ({\n      name: s.sprintName,\n      completed: s.completedPoints,\n      planned: s.plannedPoints ?? undefined,\n    })) ?? [];\n  const avgVelocity = velocity ? Math.round(velocity.averageVelocity) : 0;\n  const forecastNextSprint = velocity ? Math.round(velocity.forecastNextSprintPoints) : 0;\n\n  const cfd = cfdData?.planmagnetCumulativeFlow;\n  const cfdStatusKeys = Array.from(\n    new Set(cfd?.points.flatMap((p) => p.statuses.map((s) => s.status)) ?? [])\n  );\n  const cfdChartData =\n    cfd?.points.map((p) => {\n      const row: Record<string, string | number> = { day: formatDay(p.date) };\n      for (const s of p.statuses) row[s.status] = s.count;\n      return row;\n    }) ?? [];\n\n  const metrics = [\n    {\n      label: t('planmagnet.analytics.metrics.totalWorkItems.label', 'Total Work Items'),\n      value: String(totalTasks),\n      trend: `${completionRate}% ${t('planmagnet.analytics.metrics.totalWorkItems.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.storyPoints.label', 'Story Points'),\n      value: String(totalPoints),\n      trend: `${completedPoints} ${t('planmagnet.analytics.metrics.storyPoints.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.activeProjects.label', 'Active Projects'),\n      value: String(activeProjects),\n      trend: `${data?.planmagnetProjects?.totalCount ?? projects.length} ${t('planmagnet.analytics.metrics.activeProjects.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.blockedItems.label', 'Blocked Items'),\n      value: String(blockedTasks),\n      trend:\n        blockedTasks > 0\n          ? t('planmagnet.analytics.metrics.blockedItems.attention', 'Needs attention')\n          : t('planmagnet.analytics.metrics.blockedItems.clear', 'All clear'),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          {t('planmagnet.analytics.title', 'Analytics Dashboard')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('planmagnet.analytics.subtitle', 'Overview of project health and team performance')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardContent className=\"pt-4\">\n              <p className=\"text-xs text-muted-foreground\">{m.label}</p>\n              <p className=\"text-xl font-bold mt-1\">{m.value}</p>\n              <p className=\"text-xs text-green-600 mt-1\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <FolderKanban className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeProjects', 'Active Projects')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeProjects}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Zap className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeSprints', 'Active Sprints')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeSprints}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.avgVelocity', 'Avg Velocity')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {avgVelocity} {t('planmagnet.analytics.summary.pointsShort', 'pts')}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.atRisk', 'At Risk')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {atRiskMs} {t('planmagnet.analytics.summary.milestones', 'milestones')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex flex-col sm:flex-row gap-3 items-start sm:items-center\">\n        <h2 className=\"text-lg font-semibold\">\n          {t('planmagnet.analytics.delivery.title', 'Sprint Delivery Analytics')}\n        </h2>\n        <div className=\"flex gap-2 sm:ml-auto\">\n          <Select\n            value={effectiveProjectId}\n            onValueChange={(v) => {\n              setSelectedProjectId(v);\n              setSelectedSprintId('');\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-48\">\n              <SelectValue\n                placeholder={t(\n                  'planmagnet.analytics.delivery.projectPlaceholder',\n                  'Select project'\n                )}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {projects.map((p) => (\n                <SelectItem key={p.id} value={p.id}>\n                  {p.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Select value={effectiveSprintId} onValueChange={setSelectedSprintId}>\n            <SelectTrigger className=\"h-8 w-48\">\n              <SelectValue\n                placeholder={t('planmagnet.analytics.delivery.sprintPlaceholder', 'Select sprint')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {sprintsForProject.map((s) => (\n                <SelectItem key={s.id} value={s.id}>\n                  {s.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.burndown.title', 'Sprint Burndown')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {burndownLoading ? (\n              <div className=\"flex justify-center py-12\">\n                <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n              </div>\n            ) : burndownChartData.length > 0 ? (\n              <ResponsiveContainer width=\"100%\" height={220}>\n                <LineChart data={burndownChartData}>\n                  <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                  <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n                  <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                  <Tooltip />\n                  <Legend wrapperStyle={{ fontSize: 12 }} />\n                  <Line\n                    type=\"monotone\"\n                    dataKey=\"remaining\"\n                    name={t('planmagnet.analytics.burndown.remaining', 'Remaining points')}\n                    stroke=\"#f59e0b\"\n                    strokeWidth={2}\n                    dot={{ r: 2 }}\n                  />\n                  <Line\n                    type=\"monotone\"\n                    dataKey=\"completed\"\n                    name={t('planmagnet.analytics.burndown.completed', 'Completed points')}\n                    stroke=\"#22c55e\"\n                    strokeWidth={2}\n                    dot={{ r: 2 }}\n                  />\n                </LineChart>\n              </ResponsiveContainer>\n            ) : (\n              <p className=\"text-sm text-muted-foreground py-8 text-center\">\n                {t(\n                  'planmagnet.analytics.burndown.empty',\n                  'No sprint selected, or the sprint has no work items yet'\n                )}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <TrendingUp className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.velocity.title', 'Sprint Velocity')} (\n              {velocityChartData.length} {t('planmagnet.analytics.velocity.sprints', 'Sprints')})\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityLoading ? (\n              <div className=\"flex justify-center py-12\">\n                <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n              </div>\n            ) : velocityChartData.length > 0 ? (\n              <>\n                <ResponsiveContainer width=\"100%\" height={190}>\n                  <BarChart data={velocityChartData}>\n                    <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                    <XAxis dataKey=\"name\" tick={{ fontSize: 11 }} />\n                    <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                    <Tooltip />\n                    <Legend wrapperStyle={{ fontSize: 12 }} />\n                    <Bar\n                      dataKey=\"planned\"\n                      name={t('planmagnet.analytics.velocity.planned', 'Planned')}\n                      fill=\"#cbd5e1\"\n                    />\n                    <Bar\n                      dataKey=\"completed\"\n                      name={t('planmagnet.analytics.velocity.completed', 'Completed')}\n                      fill=\"#6366f1\"\n                    />\n                    <ReferenceLine\n                      y={avgVelocity}\n                      stroke=\"#22c55e\"\n                      strokeDasharray=\"4 4\"\n                      label={{\n                        value: t('planmagnet.analytics.velocity.avgLabel', 'avg'),\n                        fontSize: 10,\n                        position: 'right',\n                      }}\n                    />\n                  </BarChart>\n                </ResponsiveContainer>\n                <p className=\"text-xs text-muted-foreground text-center mt-2\">\n                  {t(\n                    'planmagnet.analytics.velocity.forecast',\n                    'Forecast for next sprint: {{points}} pts (trailing average)',\n                    { points: forecastNextSprint }\n                  )}\n                </p>\n              </>\n            ) : (\n              <p className=\"text-sm text-muted-foreground py-8 text-center\">\n                {t(\n                  'planmagnet.analytics.velocity.empty',\n                  'No completed sprints yet for this project'\n                )}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <BarChart3 className=\"h-4 w-4\" />\n            {t('planmagnet.analytics.cfd.title', 'Cumulative Flow Diagram')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          {cfdLoading ? (\n            <div className=\"flex justify-center py-12\">\n              <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n            </div>\n          ) : cfdChartData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={260}>\n              <AreaChart data={cfdChartData}>\n                <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n                <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 12 }} />\n                {cfdStatusKeys.map((status) => (\n                  <Area\n                    key={status}\n                    type=\"monotone\"\n                    dataKey={status}\n                    name={status.toLowerCase().replace('_', ' ')}\n                    stackId=\"cfd\"\n                    stroke={CFD_STATUS_COLORS[status] ?? '#a3a3a3'}\n                    fill={CFD_STATUS_COLORS[status] ?? '#a3a3a3'}\n                    fillOpacity={0.7}\n                  />\n                ))}\n              </AreaChart>\n            </ResponsiveContainer>\n          ) : (\n            <p className=\"text-sm text-muted-foreground py-8 text-center\">\n              {t('planmagnet.analytics.cfd.empty', 'No work items found for this project')}\n            </p>\n          )}\n        </CardContent>\n      </Card>\n      {/* Cycle time follows the delivery selector above; budgets are workspace-wide. */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <CycleTimeCard workspaceId={workspaceId} projectId={effectiveProjectId} />\n        <BudgetPerformanceCard workspaceId={workspaceId} />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('planmagnet.analytics.projectHealth.title', 'Project Health')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {projects\n              .filter((p) => p.status === 'ACTIVE')\n              .map((p) => {\n                // Per project, from the server. This used every ASSIGNED item in\n                // the workspace for every project, so all bars were identical.\n                const progress = projectProgress(p.id);\n                const hasOverdue = p.endDate && new Date(p.endDate) < new Date() && progress < 100;\n                const health = hasOverdue ? 'at_risk' : progress >= 75 ? 'on_track' : 'in_progress';\n                return (\n                  <div key={p.id} className=\"flex items-center gap-4\">\n                    <span className=\"text-sm font-medium w-40 truncate\">{p.name}</span>\n                    <div className=\"flex-1\">\n                      <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                        <div\n                          className={`h-full rounded-full ${health === 'at_risk' ? 'bg-orange-400' : health === 'on_track' ? 'bg-green-400' : 'bg-blue-400'}`}\n                          style={{ width: `${progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <span className=\"text-sm w-12 text-right\">{progress}%</span>\n                    <Badge variant=\"outline\" className=\"capitalize text-xs w-20 justify-center\">\n                      {health.replace('_', ' ')}\n                    </Badge>\n                  </div>\n                );\n              })}\n            {projects.filter((p) => p.status === 'ACTIVE').length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.analytics.projectHealth.empty', 'No active projects found')}\n              </p>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n} from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TrendingUp, Zap, FolderKanban, BarChart3, Target } from 'lucide-react';\nimport {\n  Area,\n  AreaChart,\n  Bar,\n  BarChart,\n  CartesianGrid,\n  Legend,\n  Line,\n  LineChart,\n  ReferenceLine,\n  ResponsiveContainer,\n  Tooltip,\n  XAxis,\n  YAxis,\n} from 'recharts';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { BudgetPerformanceCard, CycleTimeCard } from './analytics/DeliveryHealthCards';\n\n// Server-side totals (QA H2). The work-item list returns at most 100 rows per\n// page, so every figure computed from the loaded page undercounted past 100\n// items — and \"Project Health\" did not filter by project at all.\nconst GET_ANALYTICS_COUNTS = gql`\n  query GetAnalyticsWorkItemCounts($workspaceId: ID!) {\n    planmagnetWorkItemCounts(workspaceId: $workspaceId) {\n      total\n      points\n      byStatus {\n        status\n        count\n        points\n      }\n      byProject {\n        projectId\n        status\n        count\n      }\n    }\n  }\n`;\n\ninterface WorkItemCounts {\n  total: number;\n  points: number;\n  byStatus: Array<{ status: string; count: number; points: number }>;\n  byProject: Array<{ projectId: string; status: string; count: number }>;\n}\n\nconst GET_ANALYTICS_DATA = gql`\n  query GetAnalyticsData(\n    $workspaceId: ID!\n    $projectPagination: PlanmagnetPaginationInput\n    $workItemPagination: PlanmagnetPaginationInput\n    $sprintPagination: PlanmagnetPaginationInput\n    $milestonePagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        startDate\n        endDate\n        tags\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        priority\n        storyPoints\n        assigneeId\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {\n      items {\n        id\n        name\n        status\n        velocity\n        capacity\n        projectId\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: $milestonePagination) {\n      items {\n        id\n        name\n        status\n        dueDate\n      }\n      totalCount\n    }\n  }\n`;\n\n// BOFF-4447: real server-computed sprint delivery analytics — burndown,\n// velocity, and cumulative flow are all aggregated in wspace-planmagnet-svc\n// (src/modules/analytics) from the Sprint/WorkItem data model plus the\n// WorkItemStatusTransition audit trail, not derived client-side from raw\n// lists like the summary cards above.\nconst GET_SPRINT_BURNDOWN = gql`\n  query GetSprintBurndown($workspaceId: ID!, $sprintId: ID!) {\n    planmagnetSprintBurndown(workspaceId: $workspaceId, sprintId: $sprintId) {\n      sprintId\n      startDate\n      endDate\n      totalPoints\n      totalCount\n      points {\n        date\n        remainingPoints\n        remainingCount\n        completedPoints\n        completedCount\n      }\n    }\n  }\n`;\n\nconst GET_VELOCITY = gql`\n  query GetVelocity($workspaceId: ID!, $projectId: ID!, $trailingSprintCount: Int) {\n    planmagnetVelocity(\n      workspaceId: $workspaceId\n      projectId: $projectId\n      trailingSprintCount: $trailingSprintCount\n    ) {\n      projectId\n      averageVelocity\n      forecastNextSprintPoints\n      sprints {\n        sprintId\n        sprintName\n        sequenceNumber\n        completedPoints\n        completedCount\n        plannedPoints\n      }\n    }\n  }\n`;\n\nconst GET_CUMULATIVE_FLOW = gql`\n  query GetCumulativeFlow($workspaceId: ID!, $projectId: ID!) {\n    planmagnetCumulativeFlow(workspaceId: $workspaceId, projectId: $projectId) {\n      projectId\n      startDate\n      endDate\n      points {\n        date\n        statuses {\n          status\n          count\n        }\n      }\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  tags: string[];\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n}\n\ninterface SprintNode {\n  id: string;\n  name: string;\n  status: string;\n  velocity: number | null;\n  capacity: number | null;\n  projectId: string;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface MilestoneNode {\n  id: string;\n  name: string;\n  status: string;\n  dueDate: string | null;\n}\n\ninterface AnalyticsData {\n  planmagnetProjects: { items: ProjectNode[]; totalCount: number };\n  planmagnetWorkItems: { items: WorkItemNode[]; totalCount: number };\n  planmagnetSprints: { items: SprintNode[]; totalCount: number };\n  planmagnetMilestones: { items: MilestoneNode[]; totalCount: number };\n}\n\ninterface BurndownData {\n  planmagnetSprintBurndown: {\n    sprintId: string;\n    startDate: string | null;\n    endDate: string | null;\n    totalPoints: number;\n    totalCount: number;\n    points: {\n      date: string;\n      remainingPoints: number;\n      remainingCount: number;\n      completedPoints: number;\n      completedCount: number;\n    }[];\n  } | null;\n}\n\ninterface VelocityData {\n  planmagnetVelocity: {\n    projectId: string;\n    averageVelocity: number;\n    forecastNextSprintPoints: number;\n    sprints: {\n      sprintId: string;\n      sprintName: string;\n      sequenceNumber: number;\n      completedPoints: number;\n      completedCount: number;\n      plannedPoints: number | null;\n    }[];\n  };\n}\n\ninterface CumulativeFlowData {\n  planmagnetCumulativeFlow: {\n    projectId: string;\n    startDate: string;\n    endDate: string;\n    points: {\n      date: string;\n      statuses: { status: string; count: number }[];\n    }[];\n  };\n}\n\n// recharts' `stroke`/`fill` props render as literal SVG paint attributes, not\n// Tailwind classNames — they cannot consume the semantic `bg-*`/`text-*`\n// utility tokens the lint rule expects everywhere else on this page. This is\n// the one place on the page raw color values are load-bearing rather than\n// stylistic, matching the same constraint every other MFE chart primitive in\n// the fleet (e.g. microfe-assethandler's `ChartCard`/`DonutChart`) hits.\nconst CFD_STATUS_COLORS: Record<string, string> = {\n  BACKLOG: '#9ca3af',\n  TODO: '#60a5fa',\n  IN_PROGRESS: '#fbbf24',\n  IN_REVIEW: '#a78bfa',\n  TESTING: '#f472b6',\n  DONE: '#4ade80',\n  CANCELLED: '#f87171',\n};\n\nfunction formatDay(iso: string): string {\n  const d = new Date(iso);\n  return `${d.getUTCMonth() + 1}/${d.getUTCDate()}`;\n}\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\n  const [selectedProjectId, setSelectedProjectId] = useState<string>('');\n  const [selectedSprintId, setSelectedSprintId] = useState<string>('');\n\n  const { data, loading, error } = useQuery<AnalyticsData>(GET_ANALYTICS_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n      sprintPagination: { first: 100 },\n      milestonePagination: { first: 100 },\n    },\n    skip: !workspaceId,\n  });\n\n  const { data: countsData } = useQuery<{ planmagnetWorkItemCounts: WorkItemCounts }>(\n    GET_ANALYTICS_COUNTS,\n    { variables: { workspaceId }, skip: !workspaceId }\n  );\n  const counts = countsData?.planmagnetWorkItemCounts;\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n\n  // Default the project/sprint selectors to the first available option once\n  // the summary data loads, so the delivery-analytics charts render without\n  // requiring a manual pick every time the page opens. Filtering a list of\n  // at most a few hundred sprints is cheap enough to redo on every render —\n  // memoizing it would only need its own dependency-array workaround since\n  // the `?? []` fallback above hands back a fresh array identity per render\n  // whenever the query hasn't resolved yet.\n  const effectiveProjectId = selectedProjectId || projects[0]?.id || '';\n  const sprintsForProject = sprints.filter((s) => s.projectId === effectiveProjectId);\n  const effectiveSprintId = selectedSprintId || sprintsForProject[0]?.id || '';\n\n  const { data: burndownData, loading: burndownLoading } = useQuery<BurndownData>(\n    GET_SPRINT_BURNDOWN,\n    {\n      variables: { workspaceId, sprintId: effectiveSprintId },\n      skip: !workspaceId || !effectiveSprintId,\n    }\n  );\n\n  const { data: velocityData, loading: velocityLoading } = useQuery<VelocityData>(GET_VELOCITY, {\n    variables: { workspaceId, projectId: effectiveProjectId, trailingSprintCount: 6 },\n    skip: !workspaceId || !effectiveProjectId,\n  });\n\n  const { data: cfdData, loading: cfdLoading } = useQuery<CumulativeFlowData>(GET_CUMULATIVE_FLOW, {\n    variables: { workspaceId, projectId: effectiveProjectId },\n    skip: !workspaceId || !effectiveProjectId,\n  });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.analytics.errorLoading', 'Error loading analytics')}: {error.message}\n      </div>\n    );\n  }\n\n  const statusCount = (status: string) => counts?.byStatus.find((c) => c.status === status);\n  const totalTasks = counts?.total ?? tasks.length;\n  const doneTasks = statusCount('DONE')?.count ?? tasks.filter((t) => t.status === 'DONE').length;\n  // BLOCKED exists in storage but not in the API enum, so only the server-side\n  // counts can see it; the loaded page never contains one.\n  const blockedTasks = statusCount('BLOCKED')?.count ?? 0;\n  const totalPoints = counts?.points ?? tasks.reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n  const completedPoints =\n    statusCount('DONE')?.points ??\n    tasks.filter((t) => t.status === 'DONE').reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n  const projectProgress = (projectId: string) => {\n    const rows = counts?.byProject.filter((r) => r.projectId === projectId) ?? [];\n    const total = rows.reduce((sum, r) => sum + r.count, 0);\n    const done = rows.filter((r) => r.status === 'DONE').reduce((sum, r) => sum + r.count, 0);\n    return total > 0 ? Math.round((done / total) * 100) : 0;\n  };\n\n  const activeSprints = sprints.filter((s) => s.status === 'ACTIVE').length;\n  // MilestoneStatus has no AT_RISK/OVERDUE (the old check could never match):\n  // at risk = MISSED, or still open past its due date.\n  const now = new Date();\n  const atRiskMs = milestones.filter(\n    (m) =>\n      m.status === 'MISSED' ||\n      ((m.status === 'PENDING' || m.status === 'IN_PROGRESS') &&\n        m.dueDate != null &&\n        new Date(m.dueDate) < now)\n  ).length;\n  const activeProjects = projects.filter((p) => p.status === 'ACTIVE').length;\n  const completionRate = totalTasks > 0 ? Math.round((doneTasks / totalTasks) * 100) : 0;\n\n  const burndown = burndownData?.planmagnetSprintBurndown;\n  const burndownChartData =\n    burndown?.points.map((p) => ({\n      day: formatDay(p.date),\n      remaining: p.remainingPoints,\n      completed: p.completedPoints,\n    })) ?? [];\n\n  const velocity = velocityData?.planmagnetVelocity;\n  const velocityChartData =\n    velocity?.sprints.map((s) => ({\n      name: s.sprintName,\n      completed: s.completedPoints,\n      planned: s.plannedPoints ?? undefined,\n    })) ?? [];\n  const avgVelocity = velocity ? Math.round(velocity.averageVelocity) : 0;\n  const forecastNextSprint = velocity ? Math.round(velocity.forecastNextSprintPoints) : 0;\n\n  const cfd = cfdData?.planmagnetCumulativeFlow;\n  const cfdStatusKeys = Array.from(\n    new Set(cfd?.points.flatMap((p) => p.statuses.map((s) => s.status)) ?? [])\n  );\n  const cfdChartData =\n    cfd?.points.map((p) => {\n      const row: Record<string, string | number> = { day: formatDay(p.date) };\n      for (const s of p.statuses) row[s.status] = s.count;\n      return row;\n    }) ?? [];\n\n  const metrics = [\n    {\n      label: t('planmagnet.analytics.metrics.totalWorkItems.label', 'Total Work Items'),\n      value: String(totalTasks),\n      trend: `${completionRate}% ${t('planmagnet.analytics.metrics.totalWorkItems.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.storyPoints.label', 'Story Points'),\n      value: String(totalPoints),\n      trend: `${completedPoints} ${t('planmagnet.analytics.metrics.storyPoints.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.activeProjects.label', 'Active Projects'),\n      value: String(activeProjects),\n      trend: `${data?.planmagnetProjects?.totalCount ?? projects.length} ${t('planmagnet.analytics.metrics.activeProjects.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.blockedItems.label', 'Blocked Items'),\n      value: String(blockedTasks),\n      trend:\n        blockedTasks > 0\n          ? t('planmagnet.analytics.metrics.blockedItems.attention', 'Needs attention')\n          : t('planmagnet.analytics.metrics.blockedItems.clear', 'All clear'),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          {t('planmagnet.analytics.title', 'Analytics Dashboard')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('planmagnet.analytics.subtitle', 'Overview of project health and team performance')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardContent className=\"pt-4\">\n              <p className=\"text-xs text-muted-foreground\">{m.label}</p>\n              <p className=\"text-xl font-bold mt-1\">{m.value}</p>\n              <p className=\"text-xs text-green-600 mt-1\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <FolderKanban className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeProjects', 'Active Projects')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeProjects}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Zap className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeSprints', 'Active Sprints')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeSprints}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.avgVelocity', 'Avg Velocity')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {avgVelocity} {t('planmagnet.analytics.summary.pointsShort', 'pts')}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.atRisk', 'At Risk')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {atRiskMs} {t('planmagnet.analytics.summary.milestones', 'milestones')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex flex-col sm:flex-row gap-3 items-start sm:items-center\">\n        <h2 className=\"text-lg font-semibold\">\n          {t('planmagnet.analytics.delivery.title', 'Sprint Delivery Analytics')}\n        </h2>\n        <div className=\"flex gap-2 sm:ml-auto\">\n          <Select\n            value={effectiveProjectId}\n            onValueChange={(v) => {\n              setSelectedProjectId(v);\n              setSelectedSprintId('');\n            }}\n          >\n            <SelectTrigger className=\"h-8 w-48\">\n              <SelectValue\n                placeholder={t(\n                  'planmagnet.analytics.delivery.projectPlaceholder',\n                  'Select project'\n                )}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {projects.map((p) => (\n                <SelectItem key={p.id} value={p.id}>\n                  {p.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n          <Select value={effectiveSprintId} onValueChange={setSelectedSprintId}>\n            <SelectTrigger className=\"h-8 w-48\">\n              <SelectValue\n                placeholder={t('planmagnet.analytics.delivery.sprintPlaceholder', 'Select sprint')}\n              />\n            </SelectTrigger>\n            <SelectContent>\n              {sprintsForProject.map((s) => (\n                <SelectItem key={s.id} value={s.id}>\n                  {s.name}\n                </SelectItem>\n              ))}\n            </SelectContent>\n          </Select>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.burndown.title', 'Sprint Burndown')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {burndownLoading ? (\n              <div className=\"flex justify-center py-12\">\n                <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n              </div>\n            ) : burndownChartData.length > 0 ? (\n              <ResponsiveContainer width=\"100%\" height={220}>\n                <LineChart data={burndownChartData}>\n                  <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                  <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n                  <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                  <Tooltip />\n                  <Legend wrapperStyle={{ fontSize: 12 }} />\n                  <Line\n                    type=\"monotone\"\n                    dataKey=\"remaining\"\n                    name={t('planmagnet.analytics.burndown.remaining', 'Remaining points')}\n                    stroke=\"#f59e0b\"\n                    strokeWidth={2}\n                    dot={{ r: 2 }}\n                  />\n                  <Line\n                    type=\"monotone\"\n                    dataKey=\"completed\"\n                    name={t('planmagnet.analytics.burndown.completed', 'Completed points')}\n                    stroke=\"#22c55e\"\n                    strokeWidth={2}\n                    dot={{ r: 2 }}\n                  />\n                </LineChart>\n              </ResponsiveContainer>\n            ) : (\n              <p className=\"text-sm text-muted-foreground py-8 text-center\">\n                {t(\n                  'planmagnet.analytics.burndown.empty',\n                  'No sprint selected, or the sprint has no work items yet'\n                )}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <TrendingUp className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.velocity.title', 'Sprint Velocity')} (\n              {velocityChartData.length} {t('planmagnet.analytics.velocity.sprints', 'Sprints')})\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityLoading ? (\n              <div className=\"flex justify-center py-12\">\n                <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n              </div>\n            ) : velocityChartData.length > 0 ? (\n              <>\n                <ResponsiveContainer width=\"100%\" height={190}>\n                  <BarChart data={velocityChartData}>\n                    <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                    <XAxis dataKey=\"name\" tick={{ fontSize: 11 }} />\n                    <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                    <Tooltip />\n                    <Legend wrapperStyle={{ fontSize: 12 }} />\n                    <Bar\n                      dataKey=\"planned\"\n                      name={t('planmagnet.analytics.velocity.planned', 'Planned')}\n                      fill=\"#cbd5e1\"\n                    />\n                    <Bar\n                      dataKey=\"completed\"\n                      name={t('planmagnet.analytics.velocity.completed', 'Completed')}\n                      fill=\"#6366f1\"\n                    />\n                    <ReferenceLine\n                      y={avgVelocity}\n                      stroke=\"#22c55e\"\n                      strokeDasharray=\"4 4\"\n                      label={{\n                        value: t('planmagnet.analytics.velocity.avgLabel', 'avg'),\n                        fontSize: 10,\n                        position: 'right',\n                      }}\n                    />\n                  </BarChart>\n                </ResponsiveContainer>\n                <p className=\"text-xs text-muted-foreground text-center mt-2\">\n                  {t(\n                    'planmagnet.analytics.velocity.forecast',\n                    'Forecast for next sprint: {{points}} pts (trailing average)',\n                    { points: forecastNextSprint }\n                  )}\n                </p>\n              </>\n            ) : (\n              <p className=\"text-sm text-muted-foreground py-8 text-center\">\n                {t(\n                  'planmagnet.analytics.velocity.empty',\n                  'No completed sprints yet for this project'\n                )}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <BarChart3 className=\"h-4 w-4\" />\n            {t('planmagnet.analytics.cfd.title', 'Cumulative Flow Diagram')}\n          </CardTitle>\n        </CardHeader>\n        <CardContent>\n          {cfdLoading ? (\n            <div className=\"flex justify-center py-12\">\n              <div className=\"animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full\" />\n            </div>\n          ) : cfdChartData.length > 0 ? (\n            <ResponsiveContainer width=\"100%\" height={260}>\n              <AreaChart data={cfdChartData}>\n                <CartesianGrid strokeDasharray=\"3 3\" opacity={0.2} />\n                <XAxis dataKey=\"day\" tick={{ fontSize: 11 }} />\n                <YAxis tick={{ fontSize: 11 }} allowDecimals={false} />\n                <Tooltip />\n                <Legend wrapperStyle={{ fontSize: 12 }} />\n                {cfdStatusKeys.map((status) => (\n                  <Area\n                    key={status}\n                    type=\"monotone\"\n                    dataKey={status}\n                    name={status.toLowerCase().replace('_', ' ')}\n                    stackId=\"cfd\"\n                    stroke={CFD_STATUS_COLORS[status] ?? '#a3a3a3'}\n                    fill={CFD_STATUS_COLORS[status] ?? '#a3a3a3'}\n                    fillOpacity={0.7}\n                  />\n                ))}\n              </AreaChart>\n            </ResponsiveContainer>\n          ) : (\n            <p className=\"text-sm text-muted-foreground py-8 text-center\">\n              {t('planmagnet.analytics.cfd.empty', 'No work items found for this project')}\n            </p>\n          )}\n        </CardContent>\n      </Card>\n      {/* Cycle time follows the delivery selector above; budgets are workspace-wide. */}\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <CycleTimeCard workspaceId={workspaceId} projectId={effectiveProjectId} />\n        <BudgetPerformanceCard workspaceId={workspaceId} />\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('planmagnet.analytics.projectHealth.title', 'Project Health')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {projects\n              .filter((p) => p.status === 'ACTIVE')\n              .map((p) => {\n                // Per project, from the server. This used every ASSIGNED item in\n                // the workspace for every project, so all bars were identical.\n                const progress = projectProgress(p.id);\n                const hasOverdue = p.endDate && new Date(p.endDate) < new Date() && progress < 100;\n                const health = hasOverdue ? 'at_risk' : progress >= 75 ? 'on_track' : 'in_progress';\n                return (\n                  <div key={p.id} className=\"flex items-center gap-4\">\n                    <span className=\"text-sm font-medium w-40 truncate\">{p.name}</span>\n                    <div className=\"flex-1\">\n                      <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                        <div\n                          className={`h-full rounded-full ${health === 'at_risk' ? 'bg-orange-400' : health === 'on_track' ? 'bg-green-400' : 'bg-blue-400'}`}\n                          style={{ width: `${progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <span className=\"text-sm w-12 text-right\">{progress}%</span>\n                    <Badge variant=\"outline\" className=\"capitalize text-xs w-20 justify-center\">\n                      {health.replace('_', ' ')}\n                    </Badge>\n                  </div>\n                );\n              })}\n            {projects.filter((p) => p.status === 'ACTIVE').length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.analytics.projectHealth.empty', 'No active projects found')}\n              </p>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAsCA,IAAM,KAAuB,CAAG;;;;;;;;;;;;;;;;;GA0B1B,KAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA4DxB,KAAsB,CAAG;;;;;;;;;;;;;;;;;GAmBzB,KAAe,CAAG;;;;;;;;;;;;;;;;;;;;GAsBlB,KAAsB,CAAG;;;;;;;;;;;;;;;GA+GzB,IAA4C;CAChD,SAAS;CACT,MAAM;CACN,aAAa;CACb,WAAW;CACX,SAAS;CACT,MAAM;CACN,WAAW;CACZ;AAED,SAAS,EAAU,GAAqB;CACtC,IAAM,IAAI,IAAI,KAAK,EAAI;AACvB,QAAO,GAAG,EAAE,aAAa,GAAG,EAAE,GAAG,EAAE,YAAY;;AAGjD,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,IAAS,EACjB,CAAC,IAAmB,MAAwB,EAAiB,GAAG,EAChE,CAAC,IAAkB,KAAuB,EAAiB,GAAG,EAE9D,EAAE,SAAM,YAAS,aAAU,EAAwB,IAAoB;EAC3E,WAAW;GACT;GACA,mBAAmB,EAAE,OAAO,KAAK;GACjC,oBAAoB,EAAE,OAAO,KAAK;GAClC,kBAAkB,EAAE,OAAO,KAAK;GAChC,qBAAqB,EAAE,OAAO,KAAK;GACpC;EACD,MAAM,CAAC;EACR,CAAC,EAEI,EAAE,MAAM,MAAe,EAC3B,IACA;EAAE,WAAW,EAAE,gBAAa;EAAE,MAAM,CAAC;EAAa,CACnD,EACK,IAAS,GAAY,0BAErB,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAChD,IAAQ,GAAM,qBAAqB,SAAS,EAAE,EAC9C,IAAU,GAAM,mBAAmB,SAAS,EAAE,EAC9C,KAAa,GAAM,sBAAsB,SAAS,EAAE,EASpD,IAAqB,MAAqB,EAAS,IAAI,MAAM,IAC7D,IAAoB,EAAQ,QAAQ,MAAM,EAAE,cAAc,EAAmB,EAC7E,IAAoB,MAAoB,EAAkB,IAAI,MAAM,IAEpE,EAAE,MAAM,IAAc,SAAS,OAAoB,EACvD,IACA;EACE,WAAW;GAAE;GAAa,UAAU;GAAmB;EACvD,MAAM,CAAC,KAAe,CAAC;EACxB,CACF,EAEK,EAAE,MAAM,IAAc,SAAS,OAAoB,EAAuB,IAAc;EAC5F,WAAW;GAAE;GAAa,WAAW;GAAoB,qBAAqB;GAAG;EACjF,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EAEI,EAAE,MAAM,IAAS,SAAS,OAAe,EAA6B,IAAqB;EAC/F,WAAW;GAAE;GAAa,WAAW;GAAoB;EACzD,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC;AAMF,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAIV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,qCAAqC,0BAA0B;GAAC;GAAG,EAAM;GACxE;;CAIV,IAAM,KAAe,MAAmB,GAAQ,SAAS,MAAM,MAAM,EAAE,WAAW,EAAO,EACnF,IAAa,GAAQ,SAAS,EAAM,QACpC,KAAY,EAAY,OAAO,EAAE,SAAS,EAAM,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAGnF,IAAe,EAAY,UAAU,EAAE,SAAS,GAChD,KAAc,GAAQ,UAAU,EAAM,QAAQ,GAAG,MAAM,KAAK,EAAE,eAAe,IAAI,EAAE,EACnF,KACJ,EAAY,OAAO,EAAE,UACrB,EAAM,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAAQ,GAAG,MAAM,KAAK,EAAE,eAAe,IAAI,EAAE,EAClF,MAAmB,MAAsB;EAC7C,IAAM,IAAO,GAAQ,UAAU,QAAQ,MAAM,EAAE,cAAc,EAAU,IAAI,EAAE,EACvE,IAAQ,EAAK,QAAQ,GAAK,MAAM,IAAM,EAAE,OAAO,EAAE,EACjD,IAAO,EAAK,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAAQ,GAAK,MAAM,IAAM,EAAE,OAAO,EAAE;AACzF,SAAO,IAAQ,IAAI,KAAK,MAAO,IAAO,IAAS,IAAI,GAAG;IAGlD,KAAgB,EAAQ,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAG7D,qBAAM,IAAI,MAAM,EAChB,KAAW,GAAW,QACzB,MACC,EAAE,WAAW,aACX,EAAE,WAAW,aAAa,EAAE,WAAW,kBACvC,EAAE,WAAW,QACb,IAAI,KAAK,EAAE,QAAQ,GAAG,GAC3B,CAAC,QACI,IAAiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC/D,KAAiB,IAAa,IAAI,KAAK,MAAO,KAAY,IAAc,IAAI,GAAG,GAG/E,KADW,IAAc,2BAEnB,OAAO,KAAK,OAAO;EAC3B,KAAK,EAAU,EAAE,KAAK;EACtB,WAAW,EAAE;EACb,WAAW,EAAE;EACd,EAAE,IAAI,EAAE,EAEL,IAAW,IAAc,oBACzB,IACJ,GAAU,QAAQ,KAAK,OAAO;EAC5B,MAAM,EAAE;EACR,WAAW,EAAE;EACb,SAAS,EAAE,iBAAiB,KAAA;EAC7B,EAAE,IAAI,EAAE,EACL,IAAc,IAAW,KAAK,MAAM,EAAS,gBAAgB,GAAG,GAChE,IAAqB,IAAW,KAAK,MAAM,EAAS,yBAAyB,GAAG,GAEhF,IAAM,IAAS,0BACf,KAAgB,MAAM,KAC1B,IAAI,IAAI,GAAK,OAAO,SAAS,MAAM,EAAE,SAAS,KAAK,MAAM,EAAE,OAAO,CAAC,IAAI,EAAE,CAAC,CAC3E,EACK,IACJ,GAAK,OAAO,KAAK,MAAM;EACrB,IAAM,IAAuC,EAAE,KAAK,EAAU,EAAE,KAAK,EAAE;AACvE,OAAK,IAAM,KAAK,EAAE,SAAU,GAAI,EAAE,UAAU,EAAE;AAC9C,SAAO;GACP,IAAI,EAAE,EAEJ,KAAU;EACd;GACE,OAAO,EAAE,qDAAqD,mBAAmB;GACjF,OAAO,OAAO,EAAW;GACzB,OAAO,GAAG,GAAe,IAAI,EAAE,qDAAqD,YAAY;GACjG;EACD;GACE,OAAO,EAAE,kDAAkD,eAAe;GAC1E,OAAO,OAAO,GAAY;GAC1B,OAAO,GAAG,GAAgB,GAAG,EAAE,kDAAkD,YAAY;GAC9F;EACD;GACE,OAAO,EAAE,qDAAqD,kBAAkB;GAChF,OAAO,OAAO,EAAe;GAC7B,OAAO,GAAG,GAAM,oBAAoB,cAAc,EAAS,OAAO,GAAG,EAAE,qDAAqD,QAAQ;GACrI;EACD;GACE,OAAO,EAAE,mDAAmD,gBAAgB;GAC5E,OAAO,OAAO,EAAa;GAC3B,OACE,IAAe,IACX,EAAE,uDAAuD,kBAAkB,GAC3E,EAAE,mDAAmD,YAAY;GACxE;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,8BAA8B,sBAAsB;IACpD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,iCAAiC,kDAAkD;IACpF,CAAA,CACA,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,GAAQ,KAAK,MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAE;OAAU,CAAA;MAC1D,kBAAC,KAAD;OAAG,WAAU;iBAA0B,EAAE;OAAU,CAAA;MACnD,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAE;OAAU,CAAA;MAC5C;QACT,EANI,EAAE,MAMN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,+CAA+C,kBAAkB,CAChE;UACN,kBAAC,KAAD;OAAG,WAAU;iBAA0B;OAAmB,CAAA,CAC9C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD,EAAK,WAAU,WAAY,CAAA,EAC1B,EAAE,8CAA8C,iBAAiB,CAC9D;UACN,kBAAC,KAAD;OAAG,WAAU;iBAA0B;OAAkB,CAAA,CAC7C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EACjC,EAAE,4CAA4C,eAAe,CAC1D;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAY;QAAE,EAAE,4CAA4C,MAAM;QACjE;SACQ;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,IAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAE,uCAAuC,UAAU,CAChD;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAS;QAAE,EAAE,2CAA2C,aAAa;QACpE;SACQ;SACT,CAAA;KACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,MAAD;KAAI,WAAU;eACX,EAAE,uCAAuC,4BAA4B;KACnE,CAAA,EACL,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MACE,OAAO;MACP,gBAAgB,MAAM;AAEpB,OADA,GAAqB,EAAE,EACvB,EAAoB,GAAG;;gBAJ3B,CAOE,kBAAC,GAAD;OAAe,WAAU;iBACvB,kBAAC,GAAD,EACE,aAAa,EACX,oDACA,iBACD,EACD,CAAA;OACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,EAAS,KAAK,MACb,kBAAC,GAAD;OAAuB,OAAO,EAAE;iBAC7B,EAAE;OACQ,EAFI,EAAE,GAEN,CACb,EACY,CAAA,CACT;SACT,kBAAC,GAAD;MAAQ,OAAO;MAAmB,eAAe;gBAAjD,CACE,kBAAC,GAAD;OAAe,WAAU;iBACvB,kBAAC,GAAD,EACE,aAAa,EAAE,mDAAmD,gBAAgB,EAClF,CAAA;OACY,CAAA,EAChB,kBAAC,GAAD,EAAA,UACG,EAAkB,KAAK,MACtB,kBAAC,GAAD;OAAuB,OAAO,EAAE;iBAC7B,EAAE;OACQ,EAFI,EAAE,GAEN,CACb,EACY,CAAA,CACT;QACL;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAE,uCAAuC,kBAAkB,CAClD;QACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;KAC9F,CAAA,GACJ,EAAkB,SAAS,IAC7B,kBAAC,GAAD;KAAqB,OAAM;KAAO,QAAQ;eACxC,kBAAC,IAAD;MAAW,MAAM;gBAAjB;OACE,kBAAC,GAAD;QAAe,iBAAgB;QAAM,SAAS;QAAO,CAAA;OACrD,kBAAC,GAAD;QAAO,SAAQ;QAAM,MAAM,EAAE,UAAU,IAAI;QAAI,CAAA;OAC/C,kBAAC,GAAD;QAAO,MAAM,EAAE,UAAU,IAAI;QAAE,eAAe;QAAS,CAAA;OACvD,kBAAC,GAAD,EAAW,CAAA;OACX,kBAAC,GAAD,EAAQ,cAAc,EAAE,UAAU,IAAI,EAAI,CAAA;OAC1C,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAM,EAAE,2CAA2C,mBAAmB;QACtE,QAAO;QACP,aAAa;QACb,KAAK,EAAE,GAAG,GAAG;QACb,CAAA;OACF,kBAAC,GAAD;QACE,MAAK;QACL,SAAQ;QACR,MAAM,EAAE,2CAA2C,mBAAmB;QACtE,QAAO;QACP,aAAa;QACb,KAAK,EAAE,GAAG,GAAG;QACb,CAAA;OACQ;;KACQ,CAAA,GAEtB,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,uCACA,0DACD;KACC,CAAA,EAEM,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB;MACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA;MACjC,EAAE,uCAAuC,kBAAkB;MAAC;MAC5D,EAAkB;MAAO;MAAE,EAAE,yCAAyC,UAAU;MAAC;MACxE;QACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;KAC9F,CAAA,GACJ,EAAkB,SAAS,IAC7B,kBAAA,IAAA,EAAA,UAAA,CACE,kBAAC,GAAD;KAAqB,OAAM;KAAO,QAAQ;eACxC,kBAAC,IAAD;MAAU,MAAM;gBAAhB;OACE,kBAAC,GAAD;QAAe,iBAAgB;QAAM,SAAS;QAAO,CAAA;OACrD,kBAAC,GAAD;QAAO,SAAQ;QAAO,MAAM,EAAE,UAAU,IAAI;QAAI,CAAA;OAChD,kBAAC,GAAD;QAAO,MAAM,EAAE,UAAU,IAAI;QAAE,eAAe;QAAS,CAAA;OACvD,kBAAC,GAAD,EAAW,CAAA;OACX,kBAAC,GAAD,EAAQ,cAAc,EAAE,UAAU,IAAI,EAAI,CAAA;OAC1C,kBAAC,GAAD;QACE,SAAQ;QACR,MAAM,EAAE,yCAAyC,UAAU;QAC3D,MAAK;QACL,CAAA;OACF,kBAAC,GAAD;QACE,SAAQ;QACR,MAAM,EAAE,2CAA2C,YAAY;QAC/D,MAAK;QACL,CAAA;OACF,kBAAC,GAAD;QACE,GAAG;QACH,QAAO;QACP,iBAAgB;QAChB,OAAO;SACL,OAAO,EAAE,0CAA0C,MAAM;SACzD,UAAU;SACV,UAAU;SACX;QACD,CAAA;OACO;;KACS,CAAA,EACtB,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,0CACA,+DACA,EAAE,QAAQ,GAAoB,CAC/B;KACC,CAAA,CACH,EAAA,CAAA,GAEH,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,uCACA,4CACD;KACC,CAAA,EAEM,CAAA,CACT,EAAA,CAAA,CACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAW,WAAU;cAArB,CACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA,EAChC,EAAE,kCAAkC,0BAA0B,CACrD;OACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,KACC,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;IAC9F,CAAA,GACJ,EAAa,SAAS,IACxB,kBAAC,GAAD;IAAqB,OAAM;IAAO,QAAQ;cACxC,kBAAC,IAAD;KAAW,MAAM;eAAjB;MACE,kBAAC,GAAD;OAAe,iBAAgB;OAAM,SAAS;OAAO,CAAA;MACrD,kBAAC,GAAD;OAAO,SAAQ;OAAM,MAAM,EAAE,UAAU,IAAI;OAAI,CAAA;MAC/C,kBAAC,GAAD;OAAO,MAAM,EAAE,UAAU,IAAI;OAAE,eAAe;OAAS,CAAA;MACvD,kBAAC,GAAD,EAAW,CAAA;MACX,kBAAC,GAAD,EAAQ,cAAc,EAAE,UAAU,IAAI,EAAI,CAAA;MACzC,GAAc,KAAK,MAClB,kBAAC,GAAD;OAEE,MAAK;OACL,SAAS;OACT,MAAM,EAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;OAC5C,SAAQ;OACR,QAAQ,EAAkB,MAAW;OACrC,MAAM,EAAkB,MAAW;OACnC,aAAa;OACb,EARK,EAQL,CACF;MACQ;;IACQ,CAAA,GAEtB,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,kCAAkC,uCAAuC;IAC1E,CAAA,EAEM,CAAA,CACT,EAAA,CAAA;GAEP,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,IAAD;KAA4B;KAAa,WAAW;KAAsB,CAAA,EAC1E,kBAAC,IAAD,EAAoC,gBAAe,CAAA,CAC/C;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAY,EAAE,4CAA4C,iBAAiB,EAAa,CAAA,EAC7E,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EACE,QAAQ,MAAM,EAAE,WAAW,SAAS,CACpC,KAAK,MAAM;KAGV,IAAM,IAAW,GAAgB,EAAE,GAAG,EAEhC,IADa,EAAE,WAAW,IAAI,KAAK,EAAE,QAAQ,mBAAG,IAAI,MAAM,IAAI,IAAW,MACnD,YAAY,KAAY,KAAK,aAAa;AACtE,YACE,kBAAC,OAAD;MAAgB,WAAU;gBAA1B;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAqC,EAAE;QAAY,CAAA;OACnE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAW,uBAAuB,MAAW,YAAY,kBAAkB,MAAW,aAAa,iBAAiB;UACpH,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;UAChC,CAAA;SACE,CAAA;QACF,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA2C,GAAS,IAAQ;;OAC5D,kBAAC,IAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAO,QAAQ,KAAK,IAAI;QACnB,CAAA;OACJ;QAdI,EAAE,GAcN;MAER,EACH,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,WAAW,KACxD,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,4CAA4C,2BAA2B;KACxE,CAAA,CAEF;OACM,CAAA,CACT,EAAA,CAAA;GACH"}

package/dist/planmagnet/pages/DashboardDashboardPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,0BAA0B,4CA6VzC"}
+{"version":3,"file":"DashboardDashboardPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DashboardDashboardPagePage.tsx"],"names":[],"mappings":"AAwFA,wBAAgB,0BAA0B,4CAiWzC"}

package/dist/planmagnet/pages/DashboardDashboardPagePage.js

@@ -76,7 +76,7 @@ var S = d`
 `;
 function C() {
 	let { workspaceId: d } = e(), { t: C } = g(), { data: w, loading: T, error: E } = f(S, { variables: { workspaceId: d ?? "default" } });
-	if (T) return /* @__PURE__ */ m("div", {
+	if (T && !w) return /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});

package/dist/planmagnet/pages/DashboardDashboardPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DashboardDashboardPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  LayoutDashboard,\n  FolderKanban,\n  CheckSquare,\n  Zap,\n  Users,\n  Calendar,\n  TrendingUp,\n  AlertTriangle,\n  ArrowUpRight,\n} from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\nconst GET_DASHBOARD_DATA = gql`\n  query GetDashboardData($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        key\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        projectId\n        status\n        dueDate\n        ownerId\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        description\n        status\n        priority\n        storyPoints\n        assigneeId\n        projectId\n        labels\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nexport function DashboardDashboardPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_DASHBOARD_DATA, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.dashboard.errorLoading', 'Error loading dashboard')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const activeProjects = projects.filter((p: { status: string }) => p.status === 'ACTIVE');\n  const completedProjects = projects.filter((p: { status: string }) => p.status === 'COMPLETED');\n  const activeSprints = sprints.filter((s: { status: string }) => s.status === 'ACTIVE');\n  const openMilestones = milestones.filter(\n    (m: { status: string }) => m.status === 'PENDING' || m.status === 'IN_PROGRESS'\n  );\n  // The list shows four; the \"upcoming\" count is all of them (it was the\n  // sliced list's length, so it could never exceed 4).\n  const upcomingMilestones = openMilestones.slice(0, 4);\n  const recentWorkItems = workItems.slice(0, 5);\n  // Work items carry only a projectId; the page already holds the projects, so\n  // show the name instead of the raw id (P1.1). A project outside the first 50\n  // falls back to a short id rather than the full UUID. Deliberately NOT a\n  // useMemo: this line runs after the loading/error early returns, and a hook\n  // here would change the hook count between renders and crash the page.\n  const projectNameById = new Map<string, string>(\n    projects.map((p: { id: string; name: string }) => [p.id, p.name])\n  );\n\n  const metrics = [\n    {\n      label: t('planmagnet.dashboard.metrics.totalProjects.label', 'Total Projects'),\n      // Totals are the server's totalCount: the lists here hold one page (50).\n      value: String(data?.planmagnetProjects?.totalCount ?? projects.length),\n      trend: `${activeProjects.length} ${t('planmagnet.dashboard.metrics.totalProjects.trend', 'active')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.activeSprints.label', 'Active Sprints'),\n      value: String(activeSprints.length),\n      trend: `${data?.planmagnetSprints?.totalCount ?? sprints.length} ${t('planmagnet.dashboard.metrics.activeSprints.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.workItems.label', 'Work Items'),\n      value: String(data?.planmagnetWorkItems?.totalCount ?? 0),\n      trend: t('planmagnet.dashboard.metrics.workItems.trend', 'across all projects'),\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.milestones.label', 'Milestones'),\n      value: String(data?.planmagnetMilestones?.totalCount ?? milestones.length),\n      trend: `${openMilestones.length} ${t('planmagnet.dashboard.metrics.milestones.trend', 'upcoming')}`,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <LayoutDashboard className=\"h-6 w-6\" />\n            {t('planmagnet.dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t('planmagnet.dashboard.subtitle', 'Welcome back! Here is your project overview.')}\n          </p>\n        </div>\n      </div>\n\n      {/* KPI Metrics */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n              <CardTitle className=\"text-sm font-medium\">{m.label}</CardTitle>\n              <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{m.value}</div>\n              <p className=\"text-xs text-muted-foreground\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-12\">\n        {/* Active Sprints */}\n        <Card className=\"lg:col-span-8\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Zap className=\"h-5 w-5 text-blue-500\" />\n              {t('planmagnet.dashboard.activeSprints.title', 'Active Sprints')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {activeSprints.map(\n              (sprint: {\n                id: string;\n                name: string;\n                projectId: string;\n                capacity: number | null;\n                velocity: number | null;\n                startDate: string | null;\n                endDate: string | null;\n                workItems: { id: string; status: string; storyPoints: number | null }[];\n              }) => {\n                const totalPoints = sprint.workItems.reduce(\n                  (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n                  0\n                );\n                const completedPoints = sprint.workItems\n                  .filter((wi: { status: string }) => wi.status === 'DONE')\n                  .reduce(\n                    (sum: number, wi: { storyPoints: number | null }) =>\n                      sum + (wi.storyPoints ?? 0),\n                    0\n                  );\n                const totalTasks = sprint.workItems.length;\n                const completedTasks = sprint.workItems.filter(\n                  (wi: { status: string }) => wi.status === 'DONE'\n                ).length;\n                const pct = totalPoints > 0 ? Math.round((completedPoints / totalPoints) * 100) : 0;\n                return (\n                  <div key={sprint.id} className=\"rounded-lg border p-4\">\n                    <div className=\"flex items-center justify-between mb-2\">\n                      <div>\n                        <p className=\"font-medium\">{sprint.name}</p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('planmagnet.dashboard.shared.project', 'Project')}: {sprint.projectId}\n                        </p>\n                      </div>\n                      <Badge variant=\"secondary\">\n                        {completedPoints}/{totalPoints}{' '}\n                        {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                      </Badge>\n                    </div>\n                    <div className=\"w-full h-2 bg-muted rounded-full overflow-hidden\">\n                      <div\n                        className=\"h-full bg-primary rounded-full transition-all\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <div className=\"flex items-center justify-between mt-2 text-xs text-muted-foreground\">\n                      <span>\n                        {completedTasks}/{totalTasks}{' '}\n                        {t('planmagnet.dashboard.shared.tasks', 'tasks')}\n                      </span>\n                      <span>\n                        {sprint.startDate ? new Date(sprint.startDate).toLocaleDateString() : '—'} -{' '}\n                        {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n                      </span>\n                    </div>\n                  </div>\n                );\n              }\n            )}\n            {activeSprints.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.activeSprints.empty', 'No active sprints.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Sidebar */}\n        <div className=\"lg:col-span-4 space-y-6\">\n          {/* On-Hold Projects */}\n          {projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <AlertTriangle className=\"h-5 w-5 text-orange-500\" />\n                  {t('planmagnet.dashboard.onHoldProjects.title', 'On-Hold Projects')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {projects\n                  .filter((p: { status: string }) => p.status === 'ON_HOLD')\n                  .map((p: { id: string; name: string; status: string }) => (\n                    <div\n                      key={p.id}\n                      className=\"flex items-center justify-between rounded border p-2\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{p.name}</p>\n                      </div>\n                      <Badge variant=\"destructive\">\n                        {p.status.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                    </div>\n                  ))}\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Upcoming Milestones */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-5 w-5 text-green-500\" />\n                {t('planmagnet.dashboard.upcomingMilestones.title', 'Upcoming Milestones')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingMilestones.map(\n                (ms: {\n                  id: string;\n                  name: string;\n                  projectId: string;\n                  dueDate: string | null;\n                  status: string;\n                }) => (\n                  <div key={ms.id} className=\"flex items-start gap-3 rounded border p-2\">\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{ms.name}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.project', 'Project')}: {ms.projectId}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.due', 'Due')}{' '}\n                        {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                      </p>\n                    </div>\n                    <Badge variant=\"secondary\" className=\"text-xs flex-shrink-0 capitalize\">\n                      {ms.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                )\n              )}\n              {upcomingMilestones.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-2\">\n                  {t('planmagnet.dashboard.upcomingMilestones.empty', 'No upcoming milestones.')}\n                </p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      {/* Recent Work Items & Project Status */}\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <CheckSquare className=\"h-5 w-5 text-purple-500\" />\n              {t('planmagnet.dashboard.recentWorkItems.title', 'Recent Work Items')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {recentWorkItems.map(\n              (item: {\n                id: string;\n                key: string;\n                description: string | null;\n                status: string;\n                storyPoints: number | null;\n                assigneeId: string | null;\n                projectId: string;\n              }) => (\n                <div key={item.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{item.key}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {projectNameById.get(item.projectId) ??\n                        `Project ${item.projectId.slice(0, 6)}`}\n                      {item.assigneeId ? (\n                        <>\n                          {' \\u00b7 '}\n                          <PersonName id={item.assigneeId} />\n                        </>\n                      ) : null}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 flex-shrink-0\">\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      {item.storyPoints ?? 0} {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-xs capitalize\">\n                      {item.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              )\n            )}\n            {recentWorkItems.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.recentWorkItems.empty', 'No work items yet.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <FolderKanban className=\"h-5 w-5 text-cyan-500\" />\n              {t('planmagnet.dashboard.projectStatus.title', 'Project Status')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activeProjects.map(\n              (p: { id: string; name: string; status: string; ownerId: string }) => (\n                <div key={p.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{p.name}</p>\n                    <p className=\"text-xs text-muted-foreground capitalize\">\n                      {p.status.toLowerCase().replace('_', ' ')}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 ml-3 flex-shrink-0\">\n                    <Users className=\"h-3 w-3 text-muted-foreground\" />\n                    <span className=\"text-xs text-muted-foreground\">\n                      <PersonName id={p.ownerId} />\n                    </span>\n                    <ArrowUpRight className=\"h-3 w-3 text-muted-foreground\" />\n                  </div>\n                </div>\n              )\n            )}\n            {activeProjects.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.projectStatus.empty', 'No active projects.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,IAAM,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoE9B,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,GAAS,EAEjB,EACJ,SACA,YACA,aAGA,EAA8B,GAAoB,EAChD,WAAW,EAAE,aAAa,KAAe,WAAW,EACrD,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,qCAAqC,0BAA0B;GAAC;GAAG,EAAM;GACxE;;CAGV,IAAM,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAChD,IAAU,GAAM,mBAAmB,SAAS,EAAE,EAC9C,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAY,GAAM,qBAAqB,SAAS,EAAE,EAElD,IAAiB,EAAS,QAAQ,MAA0B,EAAE,WAAW,SAAS;AAC9D,GAAS,QAAQ,MAA0B,EAAE,WAAW,YAAY;CAC9F,IAAM,IAAgB,EAAQ,QAAQ,MAA0B,EAAE,WAAW,SAAS,EAChF,IAAiB,EAAW,QAC/B,MAA0B,EAAE,WAAW,aAAa,EAAE,WAAW,cACnE,EAGK,IAAqB,EAAe,MAAM,GAAG,EAAE,EAC/C,IAAkB,EAAU,MAAM,GAAG,EAAE,EAMvC,IAAkB,IAAI,IAC1B,EAAS,KAAK,MAAoC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAClE,EAEK,IAAU;EACd;GACE,OAAO,EAAE,oDAAoD,iBAAiB;GAE9E,OAAO,OAAO,GAAM,oBAAoB,cAAc,EAAS,OAAO;GACtE,OAAO,GAAG,EAAe,OAAO,GAAG,EAAE,oDAAoD,SAAS;GACnG;EACD;GACE,OAAO,EAAE,oDAAoD,iBAAiB;GAC9E,OAAO,OAAO,EAAc,OAAO;GACnC,OAAO,GAAG,GAAM,mBAAmB,cAAc,EAAQ,OAAO,GAAG,EAAE,oDAAoD,QAAQ;GAClI;EACD;GACE,OAAO,EAAE,gDAAgD,aAAa;GACtE,OAAO,OAAO,GAAM,qBAAqB,cAAc,EAAE;GACzD,OAAO,EAAE,gDAAgD,sBAAsB;GAChF;EACD;GACE,OAAO,EAAE,iDAAiD,aAAa;GACvE,OAAO,OAAO,GAAM,sBAAsB,cAAc,EAAW,OAAO;GAC1E,OAAO,GAAG,EAAe,OAAO,GAAG,EAAE,iDAAiD,WAAW;GAClG;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA,EACtC,EAAE,8BAA8B,YAAY,CAC1C;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,iCAAiC,+CAA+C;KACjF,CAAA,CACA,EAAA,CAAA;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,WAAU;eAAtB,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAuB,EAAE;MAAkB,CAAA,EAChE,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,CAC7C;QACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAsB,EAAE;KAAY,CAAA,EACnD,kBAAC,KAAD;KAAG,WAAU;eAAiC,EAAE;KAAU,CAAA,CAC9C,EAAA,CAAA,CACT,EAAA,EATI,EAAE,MASN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAK,WAAU,yBAA0B,CAAA,EACxC,EAAE,4CAA4C,iBAAiB,CACtD;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAc,KACZ,MASK;OACJ,IAAM,IAAc,EAAO,UAAU,QAClC,GAAa,MAAuC,KAAO,EAAG,eAAe,IAC9E,EACD,EACK,IAAkB,EAAO,UAC5B,QAAQ,MAA2B,EAAG,WAAW,OAAO,CACxD,QACE,GAAa,MACZ,KAAO,EAAG,eAAe,IAC3B,EACD,EACG,IAAa,EAAO,UAAU,QAC9B,IAAiB,EAAO,UAAU,QACrC,MAA2B,EAAG,WAAW,OAC3C,CAAC,QACI,IAAM,IAAc,IAAI,KAAK,MAAO,IAAkB,IAAe,IAAI,GAAG;AAClF,cACE,kBAAC,OAAD;QAAqB,WAAU;kBAA/B;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAe,EAAO;WAAS,CAAA,EAC5C,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAE,uCAAuC,UAAU;YAAC;YAAG,EAAO;YAC7D;aACA,EAAA,CAAA,EACN,kBAAC,GAAD;WAAO,SAAQ;qBAAf;YACG;YAAgB;YAAE;YAAa;YAC/B,EAAE,2CAA2C,MAAM;YAC9C;aACJ;;SACN,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WACE,WAAU;WACV,OAAO,EAAE,OAAO,GAAG,EAAI,IAAI;WAC3B,CAAA;UACE,CAAA;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;WACG;WAAe;WAAE;WAAY;WAC7B,EAAE,qCAAqC,QAAQ;WAC3C,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;WACG,EAAO,YAAY,IAAI,KAAK,EAAO,UAAU,CAAC,oBAAoB,GAAG;WAAI;WAAG;WAC5E,EAAO,UAAU,IAAI,KAAK,EAAO,QAAQ,CAAC,oBAAoB,GAAG;WAC7D,EAAA,CAAA,CACH;;SACF;UA7BI,EAAO,GA6BX;QAGX,EACA,EAAc,WAAW,KACxB,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,4CAA4C,qBAAqB;OAClE,CAAA,CAEM;QACT;QAGP,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEG,EAAS,QAAQ,MAA0B,EAAE,WAAW,UAAU,CAAC,SAAS,KAC3E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAe,WAAU,2BAA4B,CAAA,EACpD,EAAE,6CAA6C,mBAAmB,CACzD;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EACE,QAAQ,MAA0B,EAAE,WAAW,UAAU,CACzD,KAAK,MACJ,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAE;QAAS,CAAA,EAC3C,CAAA,EACN,kBAAC,GAAD;QAAO,SAAQ;kBACZ,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACnC,CAAA,CACJ;SATC,EAAE,GASH,CACN;MACQ,CAAA,CACT,EAAA,CAAA,EAIT,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA,EAC9C,EAAE,iDAAiD,sBAAsB,CAChE;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAmB,KACjB,MAOC,kBAAC,OAAD;OAAiB,WAAU;iBAA3B,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC,EAAG;UAAS,CAAA;SACzD,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAE,uCAAuC,UAAU;WAAC;WAAG,EAAG;WACzD;;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAE,mCAAmC,MAAM;WAAE;WAC7C,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG;WACxD;;SACA;WACN,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAClC,EAAG,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACpC,CAAA,CACJ;SAdI,EAAG,GAcP,CAET,EACA,EAAmB,WAAW,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,iDAAiD,0BAA0B;OAC5E,CAAA,CAEM;QACT,EAAA,CAAA,CACH;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAa,WAAU,2BAA4B,CAAA,EAClD,EAAE,8CAA8C,oBAAoB,CAC3D;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACG,EAAgB,KACd,MASC,kBAAC,OAAD;MAAmB,WAAU;gBAA7B,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC,EAAK;QAAQ,CAAA,EAC1D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACG,EAAgB,IAAI,EAAK,UAAU,IAClC,WAAW,EAAK,UAAU,MAAM,GAAG,EAAE,IACtC,EAAK,aACJ,kBAAA,GAAA,EAAA,UAAA,CACG,OACD,kBAAC,GAAD,EAAY,IAAI,EAAK,YAAc,CAAA,CAClC,EAAA,CAAA,GACD,KACF;UACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAAnC;SACG,EAAK,eAAe;SAAE;SAAE,EAAE,2CAA2C,MAAM;SACtE;WACR,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAClC,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACtC,CAAA,CACJ;SACF;QAtBI,EAAK,GAsBT,CAET,EACA,EAAgB,WAAW,KAC1B,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,8CAA8C,qBAAqB;MACpE,CAAA,CAEM;OACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAc,WAAU,yBAA0B,CAAA,EACjD,EAAE,4CAA4C,iBAAiB,CACtD;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACG,EAAe,KACb,MACC,kBAAC,OAAD;MAAgB,WAAU;gBAA1B,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC,EAAE;QAAS,CAAA,EACxD,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACvC,CAAA,CACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAO,WAAU,iCAAkC,CAAA;QACnD,kBAAC,QAAD;SAAM,WAAU;mBACd,kBAAC,GAAD,EAAY,IAAI,EAAE,SAAW,CAAA;SACxB,CAAA;QACP,kBAAC,GAAD,EAAc,WAAU,iCAAkC,CAAA;QACtD;SACF;QAdI,EAAE,GAcN,CAET,EACA,EAAe,WAAW,KACzB,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,4CAA4C,sBAAsB;MACnE,CAAA,CAEM;OACT,EAAA,CAAA,CACH;;GACF"}
+{"version":3,"file":"DashboardDashboardPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/DashboardDashboardPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  LayoutDashboard,\n  FolderKanban,\n  CheckSquare,\n  Zap,\n  Users,\n  Calendar,\n  TrendingUp,\n  AlertTriangle,\n  ArrowUpRight,\n} from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\nconst GET_DASHBOARD_DATA = gql`\n  query GetDashboardData($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        key\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        description\n        projectId\n        status\n        dueDate\n        ownerId\n        createdAt\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 20 }) {\n      items {\n        id\n        key\n        description\n        status\n        priority\n        storyPoints\n        assigneeId\n        projectId\n        labels\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nexport function DashboardDashboardPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_DASHBOARD_DATA, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.dashboard.errorLoading', 'Error loading dashboard')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n  const workItems = data?.planmagnetWorkItems?.items ?? [];\n\n  const activeProjects = projects.filter((p: { status: string }) => p.status === 'ACTIVE');\n  const completedProjects = projects.filter((p: { status: string }) => p.status === 'COMPLETED');\n  const activeSprints = sprints.filter((s: { status: string }) => s.status === 'ACTIVE');\n  const openMilestones = milestones.filter(\n    (m: { status: string }) => m.status === 'PENDING' || m.status === 'IN_PROGRESS'\n  );\n  // The list shows four; the \"upcoming\" count is all of them (it was the\n  // sliced list's length, so it could never exceed 4).\n  const upcomingMilestones = openMilestones.slice(0, 4);\n  const recentWorkItems = workItems.slice(0, 5);\n  // Work items carry only a projectId; the page already holds the projects, so\n  // show the name instead of the raw id (P1.1). A project outside the first 50\n  // falls back to a short id rather than the full UUID. Deliberately NOT a\n  // useMemo: this line runs after the loading/error early returns, and a hook\n  // here would change the hook count between renders and crash the page.\n  const projectNameById = new Map<string, string>(\n    projects.map((p: { id: string; name: string }) => [p.id, p.name])\n  );\n\n  const metrics = [\n    {\n      label: t('planmagnet.dashboard.metrics.totalProjects.label', 'Total Projects'),\n      // Totals are the server's totalCount: the lists here hold one page (50).\n      value: String(data?.planmagnetProjects?.totalCount ?? projects.length),\n      trend: `${activeProjects.length} ${t('planmagnet.dashboard.metrics.totalProjects.trend', 'active')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.activeSprints.label', 'Active Sprints'),\n      value: String(activeSprints.length),\n      trend: `${data?.planmagnetSprints?.totalCount ?? sprints.length} ${t('planmagnet.dashboard.metrics.activeSprints.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.workItems.label', 'Work Items'),\n      value: String(data?.planmagnetWorkItems?.totalCount ?? 0),\n      trend: t('planmagnet.dashboard.metrics.workItems.trend', 'across all projects'),\n    },\n    {\n      label: t('planmagnet.dashboard.metrics.milestones.label', 'Milestones'),\n      value: String(data?.planmagnetMilestones?.totalCount ?? milestones.length),\n      trend: `${openMilestones.length} ${t('planmagnet.dashboard.metrics.milestones.trend', 'upcoming')}`,\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <LayoutDashboard className=\"h-6 w-6\" />\n            {t('planmagnet.dashboard.title', 'Dashboard')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {t('planmagnet.dashboard.subtitle', 'Welcome back! Here is your project overview.')}\n          </p>\n        </div>\n      </div>\n\n      {/* KPI Metrics */}\n      <div className=\"grid gap-4 md:grid-cols-2 lg:grid-cols-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0 pb-2\">\n              <CardTitle className=\"text-sm font-medium\">{m.label}</CardTitle>\n              <TrendingUp className=\"h-4 w-4 text-muted-foreground\" />\n            </CardHeader>\n            <CardContent>\n              <div className=\"text-2xl font-bold\">{m.value}</div>\n              <p className=\"text-xs text-muted-foreground\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-12\">\n        {/* Active Sprints */}\n        <Card className=\"lg:col-span-8\">\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <Zap className=\"h-5 w-5 text-blue-500\" />\n              {t('planmagnet.dashboard.activeSprints.title', 'Active Sprints')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {activeSprints.map(\n              (sprint: {\n                id: string;\n                name: string;\n                projectId: string;\n                capacity: number | null;\n                velocity: number | null;\n                startDate: string | null;\n                endDate: string | null;\n                workItems: { id: string; status: string; storyPoints: number | null }[];\n              }) => {\n                const totalPoints = sprint.workItems.reduce(\n                  (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n                  0\n                );\n                const completedPoints = sprint.workItems\n                  .filter((wi: { status: string }) => wi.status === 'DONE')\n                  .reduce(\n                    (sum: number, wi: { storyPoints: number | null }) =>\n                      sum + (wi.storyPoints ?? 0),\n                    0\n                  );\n                const totalTasks = sprint.workItems.length;\n                const completedTasks = sprint.workItems.filter(\n                  (wi: { status: string }) => wi.status === 'DONE'\n                ).length;\n                const pct = totalPoints > 0 ? Math.round((completedPoints / totalPoints) * 100) : 0;\n                return (\n                  <div key={sprint.id} className=\"rounded-lg border p-4\">\n                    <div className=\"flex items-center justify-between mb-2\">\n                      <div>\n                        <p className=\"font-medium\">{sprint.name}</p>\n                        <p className=\"text-xs text-muted-foreground\">\n                          {t('planmagnet.dashboard.shared.project', 'Project')}: {sprint.projectId}\n                        </p>\n                      </div>\n                      <Badge variant=\"secondary\">\n                        {completedPoints}/{totalPoints}{' '}\n                        {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                      </Badge>\n                    </div>\n                    <div className=\"w-full h-2 bg-muted rounded-full overflow-hidden\">\n                      <div\n                        className=\"h-full bg-primary rounded-full transition-all\"\n                        style={{ width: `${pct}%` }}\n                      />\n                    </div>\n                    <div className=\"flex items-center justify-between mt-2 text-xs text-muted-foreground\">\n                      <span>\n                        {completedTasks}/{totalTasks}{' '}\n                        {t('planmagnet.dashboard.shared.tasks', 'tasks')}\n                      </span>\n                      <span>\n                        {sprint.startDate ? new Date(sprint.startDate).toLocaleDateString() : '—'} -{' '}\n                        {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n                      </span>\n                    </div>\n                  </div>\n                );\n              }\n            )}\n            {activeSprints.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.activeSprints.empty', 'No active sprints.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        {/* Sidebar */}\n        <div className=\"lg:col-span-4 space-y-6\">\n          {/* On-Hold Projects */}\n          {projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2 text-base\">\n                  <AlertTriangle className=\"h-5 w-5 text-orange-500\" />\n                  {t('planmagnet.dashboard.onHoldProjects.title', 'On-Hold Projects')}\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {projects\n                  .filter((p: { status: string }) => p.status === 'ON_HOLD')\n                  .map((p: { id: string; name: string; status: string }) => (\n                    <div\n                      key={p.id}\n                      className=\"flex items-center justify-between rounded border p-2\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{p.name}</p>\n                      </div>\n                      <Badge variant=\"destructive\">\n                        {p.status.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                    </div>\n                  ))}\n              </CardContent>\n            </Card>\n          )}\n\n          {/* Upcoming Milestones */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Calendar className=\"h-5 w-5 text-green-500\" />\n                {t('planmagnet.dashboard.upcomingMilestones.title', 'Upcoming Milestones')}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {upcomingMilestones.map(\n                (ms: {\n                  id: string;\n                  name: string;\n                  projectId: string;\n                  dueDate: string | null;\n                  status: string;\n                }) => (\n                  <div key={ms.id} className=\"flex items-start gap-3 rounded border p-2\">\n                    <div className=\"flex-1 min-w-0\">\n                      <p className=\"text-sm font-medium truncate\">{ms.name}</p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.project', 'Project')}: {ms.projectId}\n                      </p>\n                      <p className=\"text-xs text-muted-foreground\">\n                        {t('planmagnet.dashboard.shared.due', 'Due')}{' '}\n                        {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                      </p>\n                    </div>\n                    <Badge variant=\"secondary\" className=\"text-xs flex-shrink-0 capitalize\">\n                      {ms.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                )\n              )}\n              {upcomingMilestones.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-2\">\n                  {t('planmagnet.dashboard.upcomingMilestones.empty', 'No upcoming milestones.')}\n                </p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n\n      {/* Recent Work Items & Project Status */}\n      <div className=\"grid gap-6 lg:grid-cols-2\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <CheckSquare className=\"h-5 w-5 text-purple-500\" />\n              {t('planmagnet.dashboard.recentWorkItems.title', 'Recent Work Items')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {recentWorkItems.map(\n              (item: {\n                id: string;\n                key: string;\n                description: string | null;\n                status: string;\n                storyPoints: number | null;\n                assigneeId: string | null;\n                projectId: string;\n              }) => (\n                <div key={item.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{item.key}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {projectNameById.get(item.projectId) ??\n                        `Project ${item.projectId.slice(0, 6)}`}\n                      {item.assigneeId ? (\n                        <>\n                          {' \\u00b7 '}\n                          <PersonName id={item.assigneeId} />\n                        </>\n                      ) : null}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 flex-shrink-0\">\n                    <Badge variant=\"outline\" className=\"text-xs\">\n                      {item.storyPoints ?? 0} {t('planmagnet.dashboard.shared.pointsShort', 'pts')}\n                    </Badge>\n                    <Badge variant=\"secondary\" className=\"text-xs capitalize\">\n                      {item.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              )\n            )}\n            {recentWorkItems.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.recentWorkItems.empty', 'No work items yet.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2 text-base\">\n              <FolderKanban className=\"h-5 w-5 text-cyan-500\" />\n              {t('planmagnet.dashboard.projectStatus.title', 'Project Status')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {activeProjects.map(\n              (p: { id: string; name: string; status: string; ownerId: string }) => (\n                <div key={p.id} className=\"flex items-center justify-between rounded border p-2\">\n                  <div className=\"min-w-0 flex-1\">\n                    <p className=\"text-sm font-medium truncate\">{p.name}</p>\n                    <p className=\"text-xs text-muted-foreground capitalize\">\n                      {p.status.toLowerCase().replace('_', ' ')}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2 ml-3 flex-shrink-0\">\n                    <Users className=\"h-3 w-3 text-muted-foreground\" />\n                    <span className=\"text-xs text-muted-foreground\">\n                      <PersonName id={p.ownerId} />\n                    </span>\n                    <ArrowUpRight className=\"h-3 w-3 text-muted-foreground\" />\n                  </div>\n                </div>\n              )\n            )}\n            {activeProjects.length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.dashboard.projectStatus.empty', 'No active projects.')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAoBA,IAAM,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAoE9B,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,GAAS,EAEjB,EACJ,SACA,YACA,aAGA,EAA8B,GAAoB,EAChD,WAAW,EAAE,aAAa,KAAe,WAAW,EACrD,CAAC;AAMJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,qCAAqC,0BAA0B;GAAC;GAAG,EAAM;GACxE;;CAGV,IAAM,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAChD,IAAU,GAAM,mBAAmB,SAAS,EAAE,EAC9C,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAY,GAAM,qBAAqB,SAAS,EAAE,EAElD,IAAiB,EAAS,QAAQ,MAA0B,EAAE,WAAW,SAAS;AAC9D,GAAS,QAAQ,MAA0B,EAAE,WAAW,YAAY;CAC9F,IAAM,IAAgB,EAAQ,QAAQ,MAA0B,EAAE,WAAW,SAAS,EAChF,IAAiB,EAAW,QAC/B,MAA0B,EAAE,WAAW,aAAa,EAAE,WAAW,cACnE,EAGK,IAAqB,EAAe,MAAM,GAAG,EAAE,EAC/C,IAAkB,EAAU,MAAM,GAAG,EAAE,EAMvC,IAAkB,IAAI,IAC1B,EAAS,KAAK,MAAoC,CAAC,EAAE,IAAI,EAAE,KAAK,CAAC,CAClE,EAEK,IAAU;EACd;GACE,OAAO,EAAE,oDAAoD,iBAAiB;GAE9E,OAAO,OAAO,GAAM,oBAAoB,cAAc,EAAS,OAAO;GACtE,OAAO,GAAG,EAAe,OAAO,GAAG,EAAE,oDAAoD,SAAS;GACnG;EACD;GACE,OAAO,EAAE,oDAAoD,iBAAiB;GAC9E,OAAO,OAAO,EAAc,OAAO;GACnC,OAAO,GAAG,GAAM,mBAAmB,cAAc,EAAQ,OAAO,GAAG,EAAE,oDAAoD,QAAQ;GAClI;EACD;GACE,OAAO,EAAE,gDAAgD,aAAa;GACtE,OAAO,OAAO,GAAM,qBAAqB,cAAc,EAAE;GACzD,OAAO,EAAE,gDAAgD,sBAAsB;GAChF;EACD;GACE,OAAO,EAAE,iDAAiD,aAAa;GACvE,OAAO,OAAO,GAAM,sBAAsB,cAAc,EAAW,OAAO;GAC1E,OAAO,GAAG,EAAe,OAAO,GAAG,EAAE,iDAAiD,WAAW;GAClG;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAiB,WAAU,WAAY,CAAA,EACtC,EAAE,8BAA8B,YAAY,CAC1C;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,iCAAiC,+CAA+C;KACjF,CAAA,CACA,EAAA,CAAA;IACF,CAAA;GAGN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD;KAAY,WAAU;eAAtB,CACE,kBAAC,GAAD;MAAW,WAAU;gBAAuB,EAAE;MAAkB,CAAA,EAChE,kBAAC,GAAD,EAAY,WAAU,iCAAkC,CAAA,CAC7C;QACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAsB,EAAE;KAAY,CAAA,EACnD,kBAAC,KAAD;KAAG,WAAU;eAAiC,EAAE;KAAU,CAAA,CAC9C,EAAA,CAAA,CACT,EAAA,EATI,EAAE,MASN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CAEE,kBAAC,GAAD;KAAM,WAAU;eAAhB,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAK,WAAU,yBAA0B,CAAA,EACxC,EAAE,4CAA4C,iBAAiB,CACtD;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAc,KACZ,MASK;OACJ,IAAM,IAAc,EAAO,UAAU,QAClC,GAAa,MAAuC,KAAO,EAAG,eAAe,IAC9E,EACD,EACK,IAAkB,EAAO,UAC5B,QAAQ,MAA2B,EAAG,WAAW,OAAO,CACxD,QACE,GAAa,MACZ,KAAO,EAAG,eAAe,IAC3B,EACD,EACG,IAAa,EAAO,UAAU,QAC9B,IAAiB,EAAO,UAAU,QACrC,MAA2B,EAAG,WAAW,OAC3C,CAAC,QACI,IAAM,IAAc,IAAI,KAAK,MAAO,IAAkB,IAAe,IAAI,GAAG;AAClF,cACE,kBAAC,OAAD;QAAqB,WAAU;kBAA/B;SACE,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,KAAD;WAAG,WAAU;qBAAe,EAAO;WAAS,CAAA,EAC5C,kBAAC,KAAD;WAAG,WAAU;qBAAb;YACG,EAAE,uCAAuC,UAAU;YAAC;YAAG,EAAO;YAC7D;aACA,EAAA,CAAA,EACN,kBAAC,GAAD;WAAO,SAAQ;qBAAf;YACG;YAAgB;YAAE;YAAa;YAC/B,EAAE,2CAA2C,MAAM;YAC9C;aACJ;;SACN,kBAAC,OAAD;UAAK,WAAU;oBACb,kBAAC,OAAD;WACE,WAAU;WACV,OAAO,EAAE,OAAO,GAAG,EAAI,IAAI;WAC3B,CAAA;UACE,CAAA;SACN,kBAAC,OAAD;UAAK,WAAU;oBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;WACG;WAAe;WAAE;WAAY;WAC7B,EAAE,qCAAqC,QAAQ;WAC3C,EAAA,CAAA,EACP,kBAAC,QAAD,EAAA,UAAA;WACG,EAAO,YAAY,IAAI,KAAK,EAAO,UAAU,CAAC,oBAAoB,GAAG;WAAI;WAAG;WAC5E,EAAO,UAAU,IAAI,KAAK,EAAO,QAAQ,CAAC,oBAAoB,GAAG;WAC7D,EAAA,CAAA,CACH;;SACF;UA7BI,EAAO,GA6BX;QAGX,EACA,EAAc,WAAW,KACxB,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,4CAA4C,qBAAqB;OAClE,CAAA,CAEM;QACT;QAGP,kBAAC,OAAD;KAAK,WAAU;eAAf,CAEG,EAAS,QAAQ,MAA0B,EAAE,WAAW,UAAU,CAAC,SAAS,KAC3E,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAe,WAAU,2BAA4B,CAAA,EACpD,EAAE,6CAA6C,mBAAmB,CACzD;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EACE,QAAQ,MAA0B,EAAE,WAAW,UAAU,CACzD,KAAK,MACJ,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UACE,kBAAC,KAAD;QAAG,WAAU;kBAAuB,EAAE;QAAS,CAAA,EAC3C,CAAA,EACN,kBAAC,GAAD;QAAO,SAAQ;kBACZ,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACnC,CAAA,CACJ;SATC,EAAE,GASH,CACN;MACQ,CAAA,CACT,EAAA,CAAA,EAIT,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAW,WAAU;gBAArB,CACE,kBAAC,GAAD,EAAU,WAAU,0BAA2B,CAAA,EAC9C,EAAE,iDAAiD,sBAAsB,CAChE;SACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACG,EAAmB,KACjB,MAOC,kBAAC,OAAD;OAAiB,WAAU;iBAA3B,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,KAAD;UAAG,WAAU;oBAAgC,EAAG;UAAS,CAAA;SACzD,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAE,uCAAuC,UAAU;WAAC;WAAG,EAAG;WACzD;;SACJ,kBAAC,KAAD;UAAG,WAAU;oBAAb;WACG,EAAE,mCAAmC,MAAM;WAAE;WAC7C,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG;WACxD;;SACA;WACN,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAClC,EAAG,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACpC,CAAA,CACJ;SAdI,EAAG,GAcP,CAET,EACA,EAAmB,WAAW,KAC7B,kBAAC,KAAD;OAAG,WAAU;iBACV,EAAE,iDAAiD,0BAA0B;OAC5E,CAAA,CAEM;QACT,EAAA,CAAA,CACH;OACF;;GAGN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAa,WAAU,2BAA4B,CAAA,EAClD,EAAE,8CAA8C,oBAAoB,CAC3D;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACG,EAAgB,KACd,MASC,kBAAC,OAAD;MAAmB,WAAU;gBAA7B,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC,EAAK;QAAQ,CAAA,EAC1D,kBAAC,KAAD;QAAG,WAAU;kBAAb,CACG,EAAgB,IAAI,EAAK,UAAU,IAClC,WAAW,EAAK,UAAU,MAAM,GAAG,EAAE,IACtC,EAAK,aACJ,kBAAA,GAAA,EAAA,UAAA,CACG,OACD,kBAAC,GAAD,EAAY,IAAI,EAAK,YAAc,CAAA,CAClC,EAAA,CAAA,GACD,KACF;UACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAAnC;SACG,EAAK,eAAe;SAAE;SAAE,EAAE,2CAA2C,MAAM;SACtE;WACR,kBAAC,GAAD;QAAO,SAAQ;QAAY,WAAU;kBAClC,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACtC,CAAA,CACJ;SACF;QAtBI,EAAK,GAsBT,CAET,EACA,EAAgB,WAAW,KAC1B,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,8CAA8C,qBAAqB;MACpE,CAAA,CAEM;OACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB,CACE,kBAAC,GAAD,EAAc,WAAU,yBAA0B,CAAA,EACjD,EAAE,4CAA4C,iBAAiB,CACtD;QACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACG,EAAe,KACb,MACC,kBAAC,OAAD;MAAgB,WAAU;gBAA1B,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,KAAD;QAAG,WAAU;kBAAgC,EAAE;QAAS,CAAA,EACxD,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAE,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACvC,CAAA,CACA;UACN,kBAAC,OAAD;OAAK,WAAU;iBAAf;QACE,kBAAC,GAAD,EAAO,WAAU,iCAAkC,CAAA;QACnD,kBAAC,QAAD;SAAM,WAAU;mBACd,kBAAC,GAAD,EAAY,IAAI,EAAE,SAAW,CAAA;SACxB,CAAA;QACP,kBAAC,GAAD,EAAc,WAAU,iCAAkC,CAAA;QACtD;SACF;QAdI,EAAE,GAcN,CAET,EACA,EAAe,WAAW,KACzB,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,4CAA4C,sBAAsB;MACnE,CAAA,CAEM;OACT,EAAA,CAAA,CACH;;GACF"}

package/dist/planmagnet/pages/GoalsGoalsPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsGoalsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/GoalsGoalsPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,kBAAkB,4CAoHjC"}
+{"version":3,"file":"GoalsGoalsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/GoalsGoalsPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,kBAAkB,4CAwHjC"}

package/dist/planmagnet/pages/GoalsGoalsPagePage.js

@@ -62,7 +62,7 @@ function x() {
 		},
 		skip: !c
 	});
-	if (T) return /* @__PURE__ */ u("div", {
+	if (T && !w) return /* @__PURE__ */ u("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});

package/dist/planmagnet/pages/GoalsGoalsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsGoalsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsGoalsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button } from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n// BOFF-4441: OKR / goal tracking bounded core — real Objective + KeyResult\n// data. `progress` on both types is computed live by the backend from\n// current/target values, never fabricated on the client.\nconst GET_OBJECTIVES = gql`\n  query GetObjectives($workspaceId: ID!, $filter: PlanmagnetObjectiveFilter) {\n    planmagnetObjectives(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        title\n        description\n        ownerId\n        periodLabel\n        status\n        progress\n        endDate\n        keyResults {\n          id\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst objectiveStatuses = ['all', 'DRAFT', 'ACTIVE', 'COMPLETED', 'CANCELLED'] as const;\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"flex justify-between text-xs text-muted-foreground\">\n        <span>Progress</span>\n        <span>{pct}%</span>\n      </div>\n      <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n        <div\n          className=\"h-full rounded-full bg-primary transition-all\"\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsGoalsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [filter, setFilter] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_OBJECTIVES, {\n      variables: {\n        workspaceId: workspaceId ?? 'default',\n        filter: filter !== 'all' ? { status: filter } : undefined,\n      },\n      skip: !workspaceId,\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading objectives: {error.message}</div>;\n\n  const objectives = data?.planmagnetObjectives?.items ?? [];\n  const totalCount = data?.planmagnetObjectives?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Objectives &amp; Key Results</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalCount} objective{totalCount === 1 ? '' : 's'} in this workspace\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/goals/create-objective-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Objective\n        </Button>\n      </div>\n      <div className=\"flex gap-1\">\n        {objectiveStatuses.map((s) => (\n          <button\n            key={s}\n            onClick={() => setFilter(s)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${filter === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {s === 'all' ? 'All' : s.toLowerCase()}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {objectives.map(\n          (obj: {\n            id: string;\n            title: string;\n            description: string | null;\n            ownerId: string;\n            periodLabel: string;\n            status: string;\n            progress: number;\n            endDate: string | null;\n            keyResults: { id: string }[];\n          }) => (\n            <Card\n              key={obj.id}\n              className=\"cursor-pointer hover:border-primary transition-colors\"\n              onClick={() => navigate(`/goals/objective-detail-page?objectiveId=${obj.id}`)}\n            >\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base flex items-center gap-2\">\n                    <Flag className=\"h-4 w-4 text-primary\" />\n                    {obj.title}\n                  </CardTitle>\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[obj.status] ?? 'bg-gray-100'}`}\n                  >\n                    {obj.status.toLowerCase()}\n                  </span>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {obj.description ?? 'No description'}\n                </p>\n                <ProgressBar progress={obj.progress} />\n                <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {obj.periodLabel}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <User className=\"h-3 w-3\" />\n                    <PersonName id={obj.ownerId} />\n                  </span>\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {obj.keyResults.length} key result{obj.keyResults.length === 1 ? '' : 's'}\n                </div>\n              </CardContent>\n            </Card>\n          )\n        )}\n      </div>\n      {objectives.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No objectives found. Create one to start tracking a goal.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GoalsGoalsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsGoalsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button } from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n// BOFF-4441: OKR / goal tracking bounded core — real Objective + KeyResult\n// data. `progress` on both types is computed live by the backend from\n// current/target values, never fabricated on the client.\nconst GET_OBJECTIVES = gql`\n  query GetObjectives($workspaceId: ID!, $filter: PlanmagnetObjectiveFilter) {\n    planmagnetObjectives(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        title\n        description\n        ownerId\n        periodLabel\n        status\n        progress\n        endDate\n        keyResults {\n          id\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst objectiveStatuses = ['all', 'DRAFT', 'ACTIVE', 'COMPLETED', 'CANCELLED'] as const;\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"space-y-1\">\n      <div className=\"flex justify-between text-xs text-muted-foreground\">\n        <span>Progress</span>\n        <span>{pct}%</span>\n      </div>\n      <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n        <div\n          className=\"h-full rounded-full bg-primary transition-all\"\n          style={{ width: `${pct}%` }}\n        />\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsGoalsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [filter, setFilter] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_OBJECTIVES, {\n      variables: {\n        workspaceId: workspaceId ?? 'default',\n        filter: filter !== 'all' ? { status: filter } : undefined,\n      },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading objectives: {error.message}</div>;\n\n  const objectives = data?.planmagnetObjectives?.items ?? [];\n  const totalCount = data?.planmagnetObjectives?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Objectives &amp; Key Results</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalCount} objective{totalCount === 1 ? '' : 's'} in this workspace\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/goals/create-objective-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Objective\n        </Button>\n      </div>\n      <div className=\"flex gap-1\">\n        {objectiveStatuses.map((s) => (\n          <button\n            key={s}\n            onClick={() => setFilter(s)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${filter === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {s === 'all' ? 'All' : s.toLowerCase()}\n          </button>\n        ))}\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {objectives.map(\n          (obj: {\n            id: string;\n            title: string;\n            description: string | null;\n            ownerId: string;\n            periodLabel: string;\n            status: string;\n            progress: number;\n            endDate: string | null;\n            keyResults: { id: string }[];\n          }) => (\n            <Card\n              key={obj.id}\n              className=\"cursor-pointer hover:border-primary transition-colors\"\n              onClick={() => navigate(`/goals/objective-detail-page?objectiveId=${obj.id}`)}\n            >\n              <CardHeader className=\"pb-2\">\n                <div className=\"flex items-center justify-between\">\n                  <CardTitle className=\"text-base flex items-center gap-2\">\n                    <Flag className=\"h-4 w-4 text-primary\" />\n                    {obj.title}\n                  </CardTitle>\n                  <span\n                    className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[obj.status] ?? 'bg-gray-100'}`}\n                  >\n                    {obj.status.toLowerCase()}\n                  </span>\n                </div>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <p className=\"text-sm text-muted-foreground\">\n                  {obj.description ?? 'No description'}\n                </p>\n                <ProgressBar progress={obj.progress} />\n                <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {obj.periodLabel}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <User className=\"h-3 w-3\" />\n                    <PersonName id={obj.ownerId} />\n                  </span>\n                </div>\n                <div className=\"text-xs text-muted-foreground\">\n                  {obj.keyResults.length} key result{obj.keyResults.length === 1 ? '' : 's'}\n                </div>\n              </CardContent>\n            </Card>\n          )\n        )}\n      </div>\n      {objectives.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No objectives found. Create one to start tracking a goal.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsObjectiveDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.tsx"],"names":[],"mappings":"AAqPA,wBAAgB,4BAA4B,4CAqQ3C"}
+{"version":3,"file":"GoalsObjectiveDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.tsx"],"names":[],"mappings":"AAqPA,wBAAgB,4BAA4B,4CAyQ3C"}

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.js

@@ -195,7 +195,7 @@ function M() {
 		variables: { id: E },
 		skip: !d || !E
 	}), [z, { loading: B }] = f(w), [V, { loading: H }] = f(D), [U, W] = i(null);
-	if (I) return /* @__PURE__ */ m("div", {
+	if (I && !F) return /* @__PURE__ */ m("div", {
 		className: "flex items-center justify-center p-12",
 		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});

package/dist/planmagnet/pages/GoalsObjectiveDetailPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"GoalsObjectiveDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { throwOnError } from '../utils/mutationResult';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus, Trash2, ArrowLeft } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n// BOFF-4441: OKR detail — real Objective + KeyResult data via GraphQL.\n// `progress` (on both the objective and each key result) is computed live\n// server-side from current/target values; this page only ever reads it,\n// never derives it client-side. `linkedWorkItemRollup` surfaces a real,\n// live-computed completion ratio over WorkItems linked to a key result --\n// informational only, it does not drive `currentValue` (see the backend\n// module header for the explicit deferral of that automation).\nconst GET_OBJECTIVE = gql`\n  query GetObjectiveDetail($id: ID!) {\n    planmagnetObjective(id: $id) {\n      id\n      workspaceId\n      title\n      description\n      ownerId\n      periodLabel\n      startDate\n      endDate\n      status\n      progress\n      createdAt\n      keyResults {\n        id\n        title\n        description\n        metricType\n        startValue\n        targetValue\n        currentValue\n        unit\n        status\n        ownerId\n        progress\n        linkedWorkItemRollup {\n          totalLinked\n          doneCount\n          completionRatio\n        }\n      }\n    }\n  }\n`;\n\nconst CREATE_KEY_RESULT = gql`\n  mutation CreateKeyResult($input: PlanmagnetCreateKeyResultInput!) {\n    planmagnetCreateKeyResult(input: $input) {\n      id\n    }\n  }\n`;\n\nconst UPDATE_KEY_RESULT = gql`\n  mutation UpdateKeyResult($id: ID!, $input: PlanmagnetUpdateKeyResultInput!) {\n    planmagnetUpdateKeyResult(id: $id, input: $input) {\n      id\n      currentValue\n      status\n    }\n  }\n`;\n\nconst DELETE_KEY_RESULT = gql`\n  mutation DeleteKeyResult($id: ID!) {\n    planmagnetDeleteKeyResult(id: $id)\n  }\n`;\n\nconst DELETE_OBJECTIVE = gql`\n  mutation DeleteObjective($id: ID!) {\n    planmagnetDeleteObjective(id: $id)\n  }\n`;\n\nconst objectiveStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst krStatusColor: Record<string, string> = {\n  NOT_STARTED: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  AT_RISK: 'bg-orange-100 text-orange-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n};\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n      <div className=\"h-full rounded-full bg-primary transition-all\" style={{ width: `${pct}%` }} />\n    </div>\n  );\n}\n\ninterface KeyResultNode {\n  id: string;\n  title: string;\n  description: string | null;\n  metricType: 'NUMERIC' | 'PERCENTAGE' | 'BOOLEAN';\n  startValue: number;\n  targetValue: number;\n  currentValue: number;\n  unit: string | null;\n  status: string;\n  ownerId: string | null;\n  progress: number;\n  linkedWorkItemRollup: { totalLinked: number; doneCount: number; completionRatio: number };\n}\n\nfunction KeyResultRow({\n  kr,\n  onUpdated,\n  onDeleted,\n}: {\n  kr: KeyResultNode;\n  onUpdated: () => void;\n  onDeleted: () => void;\n}) {\n  const [draftValue, setDraftValue] = useState(String(kr.currentValue));\n  const [updateKeyResult, { loading: updating }] = useMutation(UPDATE_KEY_RESULT);\n  const [deleteKeyResult, { loading: deleting }] = useMutation(DELETE_KEY_RESULT);\n  // fe-libs sets mutate errorPolicy 'all': a refused mutation RESOLVES with\n  // { error }. These handlers used to carry on as if it had worked.\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const handleSaveProgress = async () => {\n    const parsed = kr.metricType === 'BOOLEAN' ? (draftValue === '1' ? 1 : 0) : Number(draftValue);\n    if (Number.isNaN(parsed)) return;\n    setActionError(null);\n    try {\n      await throwOnError(\n        updateKeyResult({ variables: { id: kr.id, input: { currentValue: parsed } } })\n      );\n      onUpdated();\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The progress could not be saved.');\n    }\n  };\n\n  const handleDelete = async () => {\n    setActionError(null);\n    try {\n      await throwOnError(deleteKeyResult({ variables: { id: kr.id } }));\n      onDeleted();\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The key result could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"rounded-md border border-input p-4 space-y-3\">\n      {actionError && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {actionError}\n        </p>\n      )}\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium\">{kr.title}</p>\n          {kr.description && (\n            <p className=\"text-xs text-muted-foreground mt-0.5\">{kr.description}</p>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <span\n            className={`text-xs px-2 py-0.5 rounded-full capitalize ${krStatusColor[kr.status] ?? ''}`}\n          >\n            {kr.status.toLowerCase().replace('_', ' ')}\n          </span>\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            disabled={deleting}\n            onClick={handleDelete}\n            aria-label={`Delete ${kr.title}`}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <ProgressBar progress={kr.progress} />\n      <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          {kr.metricType === 'BOOLEAN'\n            ? kr.currentValue > 0\n              ? 'Done'\n              : 'Not done'\n            : `${kr.currentValue}${kr.unit ? ` ${kr.unit}` : ''} of ${kr.targetValue}${kr.unit ? ` ${kr.unit}` : ''}`}\n        </span>\n        <span>{Math.round(kr.progress)}%</span>\n      </div>\n      {kr.linkedWorkItemRollup.totalLinked > 0 && (\n        <p className=\"text-xs text-muted-foreground\">\n          {kr.linkedWorkItemRollup.doneCount}/{kr.linkedWorkItemRollup.totalLinked} linked work\n          items done ({Math.round(kr.linkedWorkItemRollup.completionRatio * 100)}%) &mdash;\n          informational, update progress above manually\n        </p>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {kr.metricType === 'BOOLEAN' ? (\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n          >\n            <option value=\"0\">Not done</option>\n            <option value=\"1\">Done</option>\n          </select>\n        ) : (\n          <Input\n            type=\"number\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n            className=\"w-32\"\n          />\n        )}\n        <Button size=\"sm\" variant=\"outline\" disabled={updating} onClick={handleSaveProgress}>\n          {updating ? 'Saving...' : 'Update progress'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsObjectiveDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const objectiveId = new URLSearchParams(window.location.search).get('objectiveId') ?? '';\n\n  const [isAddingKr, setIsAddingKr] = useState(false);\n  const [krForm, setKrForm] = useState({\n    title: '',\n    metricType: 'NUMERIC',\n    targetValue: '100',\n    unit: '',\n  });\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetObjective: {\n      id: string;\n      title: string;\n      description: string | null;\n      ownerId: string;\n      periodLabel: string;\n      startDate: string | null;\n      endDate: string | null;\n      status: string;\n      progress: number;\n      createdAt: string;\n      keyResults: KeyResultNode[];\n    } | null;\n  }>(GET_OBJECTIVE, {\n    variables: { id: objectiveId },\n    skip: !workspaceId || !objectiveId,\n  });\n\n  const [createKeyResult, { loading: creatingKr }] = useMutation(CREATE_KEY_RESULT);\n  const [deleteObjective, { loading: deletingObjective }] = useMutation(DELETE_OBJECTIVE);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n  if (error) return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n\n  const objective = data?.planmagnetObjective;\n  if (!objective) return <div className=\"p-6 text-muted-foreground\">Objective not found.</div>;\n\n  const handleAddKeyResult = async () => {\n    if (!krForm.title.trim() || !objectiveId) return;\n    const target = Number(krForm.metricType === 'BOOLEAN' ? 1 : krForm.targetValue);\n    if (Number.isNaN(target)) return;\n    setActionError(null);\n    try {\n      await throwOnError(\n        createKeyResult({\n          variables: {\n            input: {\n              objectiveId,\n              title: krForm.title.trim(),\n              metricType: krForm.metricType,\n              targetValue: target,\n              unit: krForm.unit.trim() || undefined,\n            },\n          },\n        })\n      );\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The key result could not be added.');\n      return;\n    }\n    setKrForm({ title: '', metricType: 'NUMERIC', targetValue: '100', unit: '' });\n    setIsAddingKr(false);\n    void refetch();\n  };\n\n  const handleDeleteObjective = async () => {\n    setActionError(null);\n    try {\n      await throwOnError(deleteObjective({ variables: { id: objectiveId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The objective could not be deleted.');\n      return;\n    }\n    navigate('/goals/goals-page');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {actionError && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {actionError}\n        </p>\n      )}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/goals/goals-page')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <Flag className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{objective.title}</h1>\n            <p className=\"text-sm text-muted-foreground\">{objective.periodLabel}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`text-xs px-3 py-1 rounded-full capitalize ${objectiveStatusColor[objective.status] ?? 'bg-gray-100'}`}\n          >\n            {objective.status.toLowerCase()}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={deletingObjective}\n            onClick={handleDeleteObjective}\n          >\n            <Trash2 className=\"mr-1 h-4 w-4\" />\n            Delete\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Overview</CardTitle>\n              <Badge variant=\"outline\">{Math.round(objective.progress)}% complete</Badge>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{objective.description ?? 'No description provided.'}</p>\n              <ProgressBar progress={objective.progress} />\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Key Results</CardTitle>\n              {!isAddingKr && (\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setIsAddingKr(true)}>\n                  <Plus className=\"mr-1 h-4 w-4\" />\n                  Add Key Result\n                </Button>\n              )}\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {isAddingKr && (\n                <div className=\"space-y-3 rounded-md border border-input p-3\">\n                  <Input\n                    placeholder=\"Key result title, e.g. Sign 10 new enterprise customers\"\n                    value={krForm.title}\n                    onChange={(e) => setKrForm({ ...krForm, title: e.target.value })}\n                  />\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    <select\n                      className=\"rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                      value={krForm.metricType}\n                      onChange={(e) => setKrForm({ ...krForm, metricType: e.target.value })}\n                    >\n                      <option value=\"NUMERIC\">Numeric</option>\n                      <option value=\"PERCENTAGE\">Percentage</option>\n                      <option value=\"BOOLEAN\">Yes / No</option>\n                    </select>\n                    {krForm.metricType !== 'BOOLEAN' && (\n                      <Input\n                        type=\"number\"\n                        placeholder=\"Target value\"\n                        value={krForm.targetValue}\n                        onChange={(e) => setKrForm({ ...krForm, targetValue: e.target.value })}\n                      />\n                    )}\n                    {krForm.metricType === 'NUMERIC' && (\n                      <Input\n                        placeholder=\"Unit (optional)\"\n                        value={krForm.unit}\n                        onChange={(e) => setKrForm({ ...krForm, unit: e.target.value })}\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex gap-2 justify-end\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => {\n                        setIsAddingKr(false);\n                        setKrForm({\n                          title: '',\n                          metricType: 'NUMERIC',\n                          targetValue: '100',\n                          unit: '',\n                        });\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      disabled={creatingKr || !krForm.title.trim()}\n                      onClick={handleAddKeyResult}\n                    >\n                      {creatingKr ? 'Adding...' : 'Add Key Result'}\n                    </Button>\n                  </div>\n                </div>\n              )}\n              {objective.keyResults.length === 0 && !isAddingKr && (\n                <p className=\"text-sm text-muted-foreground\">\n                  No key results yet. Add one to make this objective measurable.\n                </p>\n              )}\n              {objective.keyResults.map((kr) => (\n                <KeyResultRow\n                  key={kr.id}\n                  kr={kr}\n                  onUpdated={() => void refetch()}\n                  onDeleted={() => void refetch()}\n                />\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <User className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Owner:</span>\n              <span className=\"font-medium\">\n                <PersonName id={objective.ownerId} />\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Period:</span>\n              <span className=\"font-medium\">{objective.periodLabel}</span>\n            </div>\n            {objective.endDate && (\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Target end:</span>\n                <span className=\"font-medium\">\n                  {new Date(objective.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {objective.createdAt ? new Date(objective.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"GoalsObjectiveDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/GoalsObjectiveDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { throwOnError } from '../utils/mutationResult';\nimport { gql } from '@apollo/client';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Flag, Calendar, User, Plus, Trash2, ArrowLeft } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\n\n// BOFF-4441: OKR detail — real Objective + KeyResult data via GraphQL.\n// `progress` (on both the objective and each key result) is computed live\n// server-side from current/target values; this page only ever reads it,\n// never derives it client-side. `linkedWorkItemRollup` surfaces a real,\n// live-computed completion ratio over WorkItems linked to a key result --\n// informational only, it does not drive `currentValue` (see the backend\n// module header for the explicit deferral of that automation).\nconst GET_OBJECTIVE = gql`\n  query GetObjectiveDetail($id: ID!) {\n    planmagnetObjective(id: $id) {\n      id\n      workspaceId\n      title\n      description\n      ownerId\n      periodLabel\n      startDate\n      endDate\n      status\n      progress\n      createdAt\n      keyResults {\n        id\n        title\n        description\n        metricType\n        startValue\n        targetValue\n        currentValue\n        unit\n        status\n        ownerId\n        progress\n        linkedWorkItemRollup {\n          totalLinked\n          doneCount\n          completionRatio\n        }\n      }\n    }\n  }\n`;\n\nconst CREATE_KEY_RESULT = gql`\n  mutation CreateKeyResult($input: PlanmagnetCreateKeyResultInput!) {\n    planmagnetCreateKeyResult(input: $input) {\n      id\n    }\n  }\n`;\n\nconst UPDATE_KEY_RESULT = gql`\n  mutation UpdateKeyResult($id: ID!, $input: PlanmagnetUpdateKeyResultInput!) {\n    planmagnetUpdateKeyResult(id: $id, input: $input) {\n      id\n      currentValue\n      status\n    }\n  }\n`;\n\nconst DELETE_KEY_RESULT = gql`\n  mutation DeleteKeyResult($id: ID!) {\n    planmagnetDeleteKeyResult(id: $id)\n  }\n`;\n\nconst DELETE_OBJECTIVE = gql`\n  mutation DeleteObjective($id: ID!) {\n    planmagnetDeleteObjective(id: $id)\n  }\n`;\n\nconst objectiveStatusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  ACTIVE: 'bg-blue-100 text-blue-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst krStatusColor: Record<string, string> = {\n  NOT_STARTED: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  AT_RISK: 'bg-orange-100 text-orange-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n};\n\nfunction ProgressBar({ progress }: { progress: number }) {\n  const pct = Math.max(0, Math.min(100, Math.round(progress)));\n  return (\n    <div className=\"h-2 w-full rounded-full bg-muted overflow-hidden\">\n      <div className=\"h-full rounded-full bg-primary transition-all\" style={{ width: `${pct}%` }} />\n    </div>\n  );\n}\n\ninterface KeyResultNode {\n  id: string;\n  title: string;\n  description: string | null;\n  metricType: 'NUMERIC' | 'PERCENTAGE' | 'BOOLEAN';\n  startValue: number;\n  targetValue: number;\n  currentValue: number;\n  unit: string | null;\n  status: string;\n  ownerId: string | null;\n  progress: number;\n  linkedWorkItemRollup: { totalLinked: number; doneCount: number; completionRatio: number };\n}\n\nfunction KeyResultRow({\n  kr,\n  onUpdated,\n  onDeleted,\n}: {\n  kr: KeyResultNode;\n  onUpdated: () => void;\n  onDeleted: () => void;\n}) {\n  const [draftValue, setDraftValue] = useState(String(kr.currentValue));\n  const [updateKeyResult, { loading: updating }] = useMutation(UPDATE_KEY_RESULT);\n  const [deleteKeyResult, { loading: deleting }] = useMutation(DELETE_KEY_RESULT);\n  // fe-libs sets mutate errorPolicy 'all': a refused mutation RESOLVES with\n  // { error }. These handlers used to carry on as if it had worked.\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const handleSaveProgress = async () => {\n    const parsed = kr.metricType === 'BOOLEAN' ? (draftValue === '1' ? 1 : 0) : Number(draftValue);\n    if (Number.isNaN(parsed)) return;\n    setActionError(null);\n    try {\n      await throwOnError(\n        updateKeyResult({ variables: { id: kr.id, input: { currentValue: parsed } } })\n      );\n      onUpdated();\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The progress could not be saved.');\n    }\n  };\n\n  const handleDelete = async () => {\n    setActionError(null);\n    try {\n      await throwOnError(deleteKeyResult({ variables: { id: kr.id } }));\n      onDeleted();\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The key result could not be deleted.');\n    }\n  };\n\n  return (\n    <div className=\"rounded-md border border-input p-4 space-y-3\">\n      {actionError && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {actionError}\n        </p>\n      )}\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <p className=\"text-sm font-medium\">{kr.title}</p>\n          {kr.description && (\n            <p className=\"text-xs text-muted-foreground mt-0.5\">{kr.description}</p>\n          )}\n        </div>\n        <div className=\"flex items-center gap-2 shrink-0\">\n          <span\n            className={`text-xs px-2 py-0.5 rounded-full capitalize ${krStatusColor[kr.status] ?? ''}`}\n          >\n            {kr.status.toLowerCase().replace('_', ' ')}\n          </span>\n          <Button\n            size=\"icon\"\n            variant=\"ghost\"\n            disabled={deleting}\n            onClick={handleDelete}\n            aria-label={`Delete ${kr.title}`}\n          >\n            <Trash2 className=\"h-4 w-4\" />\n          </Button>\n        </div>\n      </div>\n      <ProgressBar progress={kr.progress} />\n      <div className=\"flex items-center justify-between text-xs text-muted-foreground\">\n        <span>\n          {kr.metricType === 'BOOLEAN'\n            ? kr.currentValue > 0\n              ? 'Done'\n              : 'Not done'\n            : `${kr.currentValue}${kr.unit ? ` ${kr.unit}` : ''} of ${kr.targetValue}${kr.unit ? ` ${kr.unit}` : ''}`}\n        </span>\n        <span>{Math.round(kr.progress)}%</span>\n      </div>\n      {kr.linkedWorkItemRollup.totalLinked > 0 && (\n        <p className=\"text-xs text-muted-foreground\">\n          {kr.linkedWorkItemRollup.doneCount}/{kr.linkedWorkItemRollup.totalLinked} linked work\n          items done ({Math.round(kr.linkedWorkItemRollup.completionRatio * 100)}%) &mdash;\n          informational, update progress above manually\n        </p>\n      )}\n      <div className=\"flex items-center gap-2\">\n        {kr.metricType === 'BOOLEAN' ? (\n          <select\n            className=\"rounded-md border border-input bg-background px-3 py-1.5 text-sm\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n          >\n            <option value=\"0\">Not done</option>\n            <option value=\"1\">Done</option>\n          </select>\n        ) : (\n          <Input\n            type=\"number\"\n            value={draftValue}\n            onChange={(e) => setDraftValue(e.target.value)}\n            className=\"w-32\"\n          />\n        )}\n        <Button size=\"sm\" variant=\"outline\" disabled={updating} onClick={handleSaveProgress}>\n          {updating ? 'Saving...' : 'Update progress'}\n        </Button>\n      </div>\n    </div>\n  );\n}\n\nexport function GoalsObjectiveDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const objectiveId = new URLSearchParams(window.location.search).get('objectiveId') ?? '';\n\n  const [isAddingKr, setIsAddingKr] = useState(false);\n  const [krForm, setKrForm] = useState({\n    title: '',\n    metricType: 'NUMERIC',\n    targetValue: '100',\n    unit: '',\n  });\n\n  const { data, loading, error, refetch } = useQuery<{\n    planmagnetObjective: {\n      id: string;\n      title: string;\n      description: string | null;\n      ownerId: string;\n      periodLabel: string;\n      startDate: string | null;\n      endDate: string | null;\n      status: string;\n      progress: number;\n      createdAt: string;\n      keyResults: KeyResultNode[];\n    } | null;\n  }>(GET_OBJECTIVE, {\n    variables: { id: objectiveId },\n    skip: !workspaceId || !objectiveId,\n  });\n\n  const [createKeyResult, { loading: creatingKr }] = useMutation(CREATE_KEY_RESULT);\n  const [deleteObjective, { loading: deletingObjective }] = useMutation(DELETE_OBJECTIVE);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  }\n  if (error) return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n\n  const objective = data?.planmagnetObjective;\n  if (!objective) return <div className=\"p-6 text-muted-foreground\">Objective not found.</div>;\n\n  const handleAddKeyResult = async () => {\n    if (!krForm.title.trim() || !objectiveId) return;\n    const target = Number(krForm.metricType === 'BOOLEAN' ? 1 : krForm.targetValue);\n    if (Number.isNaN(target)) return;\n    setActionError(null);\n    try {\n      await throwOnError(\n        createKeyResult({\n          variables: {\n            input: {\n              objectiveId,\n              title: krForm.title.trim(),\n              metricType: krForm.metricType,\n              targetValue: target,\n              unit: krForm.unit.trim() || undefined,\n            },\n          },\n        })\n      );\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The key result could not be added.');\n      return;\n    }\n    setKrForm({ title: '', metricType: 'NUMERIC', targetValue: '100', unit: '' });\n    setIsAddingKr(false);\n    void refetch();\n  };\n\n  const handleDeleteObjective = async () => {\n    setActionError(null);\n    try {\n      await throwOnError(deleteObjective({ variables: { id: objectiveId } }));\n    } catch (e) {\n      setActionError(e instanceof Error ? e.message : 'The objective could not be deleted.');\n      return;\n    }\n    navigate('/goals/goals-page');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      {actionError && (\n        <p role=\"alert\" className=\"text-sm text-destructive\">\n          {actionError}\n        </p>\n      )}\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"icon\" onClick={() => navigate('/goals/goals-page')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <Flag className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{objective.title}</h1>\n            <p className=\"text-sm text-muted-foreground\">{objective.periodLabel}</p>\n          </div>\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <span\n            className={`text-xs px-3 py-1 rounded-full capitalize ${objectiveStatusColor[objective.status] ?? 'bg-gray-100'}`}\n          >\n            {objective.status.toLowerCase()}\n          </span>\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            disabled={deletingObjective}\n            onClick={handleDeleteObjective}\n          >\n            <Trash2 className=\"mr-1 h-4 w-4\" />\n            Delete\n          </Button>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Overview</CardTitle>\n              <Badge variant=\"outline\">{Math.round(objective.progress)}% complete</Badge>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{objective.description ?? 'No description provided.'}</p>\n              <ProgressBar progress={objective.progress} />\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader className=\"flex flex-row items-center justify-between space-y-0\">\n              <CardTitle>Key Results</CardTitle>\n              {!isAddingKr && (\n                <Button size=\"sm\" variant=\"outline\" onClick={() => setIsAddingKr(true)}>\n                  <Plus className=\"mr-1 h-4 w-4\" />\n                  Add Key Result\n                </Button>\n              )}\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              {isAddingKr && (\n                <div className=\"space-y-3 rounded-md border border-input p-3\">\n                  <Input\n                    placeholder=\"Key result title, e.g. Sign 10 new enterprise customers\"\n                    value={krForm.title}\n                    onChange={(e) => setKrForm({ ...krForm, title: e.target.value })}\n                  />\n                  <div className=\"grid grid-cols-3 gap-3\">\n                    <select\n                      className=\"rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                      value={krForm.metricType}\n                      onChange={(e) => setKrForm({ ...krForm, metricType: e.target.value })}\n                    >\n                      <option value=\"NUMERIC\">Numeric</option>\n                      <option value=\"PERCENTAGE\">Percentage</option>\n                      <option value=\"BOOLEAN\">Yes / No</option>\n                    </select>\n                    {krForm.metricType !== 'BOOLEAN' && (\n                      <Input\n                        type=\"number\"\n                        placeholder=\"Target value\"\n                        value={krForm.targetValue}\n                        onChange={(e) => setKrForm({ ...krForm, targetValue: e.target.value })}\n                      />\n                    )}\n                    {krForm.metricType === 'NUMERIC' && (\n                      <Input\n                        placeholder=\"Unit (optional)\"\n                        value={krForm.unit}\n                        onChange={(e) => setKrForm({ ...krForm, unit: e.target.value })}\n                      />\n                    )}\n                  </div>\n                  <div className=\"flex gap-2 justify-end\">\n                    <Button\n                      size=\"sm\"\n                      variant=\"ghost\"\n                      onClick={() => {\n                        setIsAddingKr(false);\n                        setKrForm({\n                          title: '',\n                          metricType: 'NUMERIC',\n                          targetValue: '100',\n                          unit: '',\n                        });\n                      }}\n                    >\n                      Cancel\n                    </Button>\n                    <Button\n                      size=\"sm\"\n                      disabled={creatingKr || !krForm.title.trim()}\n                      onClick={handleAddKeyResult}\n                    >\n                      {creatingKr ? 'Adding...' : 'Add Key Result'}\n                    </Button>\n                  </div>\n                </div>\n              )}\n              {objective.keyResults.length === 0 && !isAddingKr && (\n                <p className=\"text-sm text-muted-foreground\">\n                  No key results yet. Add one to make this objective measurable.\n                </p>\n              )}\n              {objective.keyResults.map((kr) => (\n                <KeyResultRow\n                  key={kr.id}\n                  kr={kr}\n                  onUpdated={() => void refetch()}\n                  onDeleted={() => void refetch()}\n                />\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <User className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Owner:</span>\n              <span className=\"font-medium\">\n                <PersonName id={objective.ownerId} />\n              </span>\n            </div>\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Period:</span>\n              <span className=\"font-medium\">{objective.periodLabel}</span>\n            </div>\n            {objective.endDate && (\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Target end:</span>\n                <span className=\"font-medium\">\n                  {new Date(objective.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {objective.createdAt ? new Date(objective.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsEditProductPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProductsEditProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,2BAA2B,4CA8N1C"}
+{"version":3,"file":"ProductsEditProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,2BAA2B,4CAkO1C"}