@burdenoff/microfe-planmagnet 2026.928.4 → 2026.928.6

package/dist/planmagnet/pages/analytics/DeliveryHealthCards.js

@@ -1,4 +1,5 @@
-import { AlertOctagon as e, AlertTriangle as t, CheckCircle2 as n, CircleDashed as r, Timer as i, Wallet as a } from "lucide-react";
+import { BUDGET_STATE_STYLE as e, budgetState as t, budgetUsage as n, money as r } from "../../budgets/budgetMath.js";
+import { Timer as i, Wallet as a } from "lucide-react";
 import { gql as o } from "@apollo/client";
 import { useQuery as s } from "@apollo/client/react";
 import { jsx as c, jsxs as l } from "react/jsx-runtime";
@@ -153,81 +154,38 @@ function y({ workspaceId: e, projectId: t }) {
 		children: n("planmagnet.analytics.cycleTime.noProject", "Select a project to see its cycle time.")
 	}) })] });
 }
-function b(e, t) {
-	return !Number.isFinite(e) || e <= 0 ? null : t / e;
-}
-function x(e) {
-	return e === null ? "no-plan" : e <= .85 ? "on-track" : e <= 1 ? "near-limit" : "over-budget";
-}
-var S = {
-	"no-plan": {
-		track: "bg-muted",
-		fill: "bg-muted",
-		Icon: r,
-		text: "text-muted-foreground"
-	},
-	"on-track": {
-		track: "bg-primary/15",
-		fill: "bg-primary",
-		Icon: n,
-		text: "text-muted-foreground"
-	},
-	"near-limit": {
-		track: "bg-status-warning-subtle",
-		fill: "bg-status-warning",
-		Icon: t,
-		text: "text-status-warning-text"
-	},
-	"over-budget": {
-		track: "bg-status-error-subtle",
-		fill: "bg-status-error",
-		Icon: e,
-		text: "text-status-error-text"
-	}
-};
-function C(e, t) {
-	try {
-		return new Intl.NumberFormat(void 0, {
-			style: "currency",
-			currency: t,
-			maximumFractionDigits: 0
-		}).format(e);
-	} catch {
-		return `${Math.round(e).toLocaleString()} ${t}`;
-	}
-}
-function w({ workspaceId: e }) {
-	let { t } = u(), { data: n, loading: r, error: i } = s(g, {
-		variables: { workspaceId: e },
-		skip: !e
-	}), o = [...n?.planmagnetBudgets?.items ?? []].sort((e, t) => (b(t.plannedAmount, t.spentAmount) ?? -1) - (b(e.plannedAmount, e.spentAmount) ?? -1)), h = n?.planmagnetBudgets?.totalCount ?? o.length, _ = {
-		"no-plan": t("planmagnet.analytics.budget.noPlan", "No plan set"),
-		"on-track": t("planmagnet.analytics.budget.onTrack", "On track"),
-		"near-limit": t("planmagnet.analytics.budget.nearLimit", "Near limit"),
-		"over-budget": t("planmagnet.analytics.budget.over", "Over budget")
+function b({ workspaceId: i }) {
+	let { t: o } = u(), { data: h, loading: _, error: v } = s(g, {
+		variables: { workspaceId: i },
+		skip: !i
+	}), y = [...h?.planmagnetBudgets?.items ?? []].sort((e, t) => (n(t.plannedAmount, t.spentAmount) ?? -1) - (n(e.plannedAmount, e.spentAmount) ?? -1)), b = h?.planmagnetBudgets?.totalCount ?? y.length, x = {
+		"no-plan": o("planmagnet.analytics.budget.noPlan", "No plan set"),
+		"on-track": o("planmagnet.analytics.budget.onTrack", "On track"),
+		"near-limit": o("planmagnet.analytics.budget.nearLimit", "Near limit"),
+		"over-budget": o("planmagnet.analytics.budget.over", "Over budget")
 	};
 	return /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ l(p, { children: [/* @__PURE__ */ l(m, {
 		className: "flex items-center gap-2",
-		children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), t("planmagnet.analytics.budget.title", "Budget performance")]
+		children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), o("planmagnet.analytics.budget.title", "Budget performance")]
 	}), /* @__PURE__ */ c("p", {
 		className: "text-xs text-muted-foreground",
-		children: h > o.length ? t("planmagnet.analytics.budget.subtitlePartial", "Spent against plan, per budget — the newest {{shown}} of {{total}}, riskiest first.", {
-			shown: o.length,
-			total: h
-		}) : t("planmagnet.analytics.budget.subtitle", "Spent against plan, per budget, across the workspace.")
-	})] }), /* @__PURE__ */ c(f, { children: r ? /* @__PURE__ */ c("p", {
+		children: b > y.length ? o("planmagnet.analytics.budget.subtitlePartial", "Spent against plan, per budget — the newest {{shown}} of {{total}}, riskiest first.", {
+			shown: y.length,
+			total: b
+		}) : o("planmagnet.analytics.budget.subtitle", "Spent against plan, per budget, across the workspace.")
+	})] }), /* @__PURE__ */ c(f, { children: _ ? /* @__PURE__ */ c("p", {
 		className: "text-sm text-muted-foreground",
-		children: t("planmagnet.analytics.loading", "Loading…")
-	}) : i ? /* @__PURE__ */ l("p", {
+		children: o("planmagnet.analytics.loading", "Loading…")
+	}) : v ? /* @__PURE__ */ l("p", {
 		className: "text-sm text-status-error-text",
 		children: [
-			t("planmagnet.analytics.budget.error", "Budgets could not be loaded"),
+			o("planmagnet.analytics.budget.error", "Budgets could not be loaded"),
 			": ",
-			i.message
+			v.message
 		]
-	}) : o.length === 0 ? /* @__PURE__ */ c("p", {
+	}) : y.length === 0 ? /* @__PURE__ */ c("p", {
 		className: "text-sm text-muted-foreground",
-		children: t("planmagnet.analytics.budget.empty", "No budgets in this workspace yet.")
+		children: o("planmagnet.analytics.budget.empty", "No budgets in this workspace yet.")
 	}) : /* @__PURE__ */ l("table", {
 		className: "w-full text-sm",
 		children: [/* @__PURE__ */ c("thead", { children: /* @__PURE__ */ l("tr", {
@@ -235,23 +193,23 @@ function w({ workspaceId: e }) {
 			children: [
 				/* @__PURE__ */ c("th", {
 					className: "py-1 pr-2 font-normal",
-					children: t("planmagnet.analytics.budget.name", "Budget")
+					children: o("planmagnet.analytics.budget.name", "Budget")
 				}),
 				/* @__PURE__ */ c("th", {
 					className: "py-1 pr-2 text-right font-normal",
-					children: t("planmagnet.analytics.budget.spent", "Spent")
+					children: o("planmagnet.analytics.budget.spent", "Spent")
 				}),
 				/* @__PURE__ */ c("th", {
 					className: "py-1 pr-2 text-right font-normal",
-					children: t("planmagnet.analytics.budget.planned", "Planned")
+					children: o("planmagnet.analytics.budget.planned", "Planned")
 				}),
 				/* @__PURE__ */ c("th", {
 					className: "w-2/5 py-1 font-normal",
-					children: t("planmagnet.analytics.budget.usage", "Used")
+					children: o("planmagnet.analytics.budget.usage", "Used")
 				})
 			]
-		}) }), /* @__PURE__ */ c("tbody", { children: o.map((e) => {
-			let t = b(e.plannedAmount, e.spentAmount), n = x(t), r = S[n], i = t === null ? null : Math.round(t * 100);
+		}) }), /* @__PURE__ */ c("tbody", { children: y.map((i) => {
+			let a = n(i.plannedAmount, i.spentAmount), o = t(a), s = e[o], u = a === null ? null : Math.round(a * 100);
 			return /* @__PURE__ */ l("tr", {
 				className: "border-t align-middle",
 				children: [
@@ -259,48 +217,48 @@ function w({ workspaceId: e }) {
 						className: "py-2 pr-2",
 						children: [/* @__PURE__ */ c("span", {
 							className: "font-medium",
-							children: e.name
-						}), e.project ? /* @__PURE__ */ c("span", {
+							children: i.name
+						}), i.project ? /* @__PURE__ */ c("span", {
 							className: "block text-xs text-muted-foreground",
-							children: e.project.name
+							children: i.project.name
 						}) : null]
 					}),
 					/* @__PURE__ */ c("td", {
 						className: "py-2 pr-2 text-right tabular-nums",
-						children: C(e.spentAmount, e.currency)
+						children: r(i.spentAmount, i.currency)
 					}),
 					/* @__PURE__ */ c("td", {
 						className: "py-2 pr-2 text-right tabular-nums",
-						children: C(e.plannedAmount, e.currency)
+						children: r(i.plannedAmount, i.currency)
 					}),
 					/* @__PURE__ */ l("td", {
 						className: "py-2",
 						children: [/* @__PURE__ */ c("div", {
 							role: "meter",
 							"aria-valuemin": 0,
-							"aria-valuemax": Math.max(100, i ?? 0),
-							"aria-valuenow": i ?? 0,
-							"aria-label": `${e.name}: ${i === null ? "no plan" : `${i}%`} ${_[n]}`,
-							title: `${C(e.spentAmount, e.currency)} of ${C(e.plannedAmount, e.currency)}`,
-							className: `h-2 w-full overflow-hidden rounded-full ${r.track}`,
+							"aria-valuemax": Math.max(100, u ?? 0),
+							"aria-valuenow": u ?? 0,
+							"aria-label": `${i.name}: ${u === null ? "no plan" : `${u}%`} ${x[o]}`,
+							title: `${r(i.spentAmount, i.currency)} of ${r(i.plannedAmount, i.currency)}`,
+							className: `h-2 w-full overflow-hidden rounded-full ${s.track}`,
 							children: /* @__PURE__ */ c("div", {
-								className: `h-full rounded-full ${r.fill}`,
-								style: { width: `${Math.min(i ?? 0, 100)}%` }
+								className: `h-full rounded-full ${s.fill}`,
+								style: { width: `${Math.min(u ?? 0, 100)}%` }
 							})
 						}), /* @__PURE__ */ l("span", {
-							className: `mt-1 flex items-center gap-1 text-xs ${r.text}`,
-							children: [/* @__PURE__ */ c(r.Icon, {
+							className: `mt-1 flex items-center gap-1 text-xs ${s.text}`,
+							children: [/* @__PURE__ */ c(s.icon, {
 								className: "h-3 w-3",
-								"aria-hidden": "true"
-							}), i === null ? _[n] : `${i}% · ${_[n]}`]
+								"aria-hidden": !0
+							}), u === null ? x[o] : `${u}% · ${x[o]}`]
 						})]
 					})
 				]
-			}, e.id);
+			}, i.id);
 		}) })]
 	}) })] });
 }
 //#endregion
-export { w as BudgetPerformanceCard, y as CycleTimeCard };
+export { b as BudgetPerformanceCard, y as CycleTimeCard };
 
 //# sourceMappingURL=DeliveryHealthCards.js.map

package/dist/planmagnet/pages/analytics/DeliveryHealthCards.js.map

@@ -1 +1 @@
-{"version":3,"file":"DeliveryHealthCards.js","names":[],"sources":["../../../../src/planmagnet/pages/analytics/DeliveryHealthCards.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AlertOctagon,\n  AlertTriangle,\n  CheckCircle2,\n  CircleDashed,\n  Timer,\n  Wallet,\n} from 'lucide-react';\n\n/**\n * Two analytics the service already computed and no page showed (P1.1).\n *\n *   - Cycle time: `planmagnetCycleTime` returned average, median and per-item\n *     hours with zero UI consumers.\n *   - Budget performance: budgets carry planned / spent / remaining, but the\n *     analytics page never surfaced them.\n *\n * Forms follow the dataviz method: headline numbers are stat tiles, per-item\n * detail is a table, and \"spent against a limit\" is a meter whose fill carries\n * severity while its track is a lighter step of the same ramp. Over-budget is a\n * STATUS, so it always ships with an icon and a label — never colour alone.\n * Every colour is a semantic token.\n *\n * Each card owns its query at the top of the component, so neither can land a\n * hook after an early return in the host page.\n */\n\nconst GET_CYCLE_TIME = gql`\n  query GetProjectCycleTime($workspaceId: ID!, $projectId: ID!) {\n    planmagnetCycleTime(workspaceId: $workspaceId, projectId: $projectId) {\n      averageCycleTimeHours\n      medianCycleTimeHours\n      sampleSize\n      items {\n        workItemId\n        key\n        title\n        cycleTimeHours\n      }\n    }\n  }\n`;\n\nconst GET_BUDGET_PERFORMANCE = gql`\n  query GetBudgetPerformance($workspaceId: ID!) {\n    planmagnetBudgets(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        currency\n        plannedAmount\n        spentAmount\n        remainingAmount\n        project {\n          id\n          name\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface CycleTimeData {\n  planmagnetCycleTime: {\n    averageCycleTimeHours: number | null;\n    medianCycleTimeHours: number | null;\n    sampleSize: number;\n    items: Array<{ workItemId: string; key: string; title: string; cycleTimeHours: number }>;\n  };\n}\n\ninterface BudgetData {\n  planmagnetBudgets: {\n    items: Array<{\n      id: string;\n      name: string;\n      currency: string;\n      plannedAmount: number;\n      spentAmount: number;\n      remainingAmount: number;\n      project: { id: string; name: string } | null;\n    }>;\n    totalCount: number;\n  };\n}\n\n/** Hours read naturally up to two days; beyond that, days. */\nexport function formatDuration(hours: number | null | undefined): string {\n  if (hours === null || hours === undefined || !Number.isFinite(hours)) return '—';\n  if (hours < 48) return `${hours < 10 ? hours.toFixed(1) : Math.round(hours)} h`;\n  const days = hours / 24;\n  return `${days < 10 ? days.toFixed(1) : Math.round(days)} d`;\n}\n\nfunction StatTile({ label, value, hint }: { label: string; value: string; hint?: string }) {\n  return (\n    <div className=\"rounded-md border p-3\">\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      <p className=\"mt-1 text-2xl font-semibold\">{value}</p>\n      {hint ? <p className=\"mt-0.5 text-xs text-muted-foreground\">{hint}</p> : null}\n    </div>\n  );\n}\n\nexport function CycleTimeCard({\n  workspaceId,\n  projectId,\n}: {\n  workspaceId?: string | null;\n  projectId: string;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<CycleTimeData>(GET_CYCLE_TIME, {\n    variables: { workspaceId, projectId },\n    skip: !workspaceId || !projectId,\n  });\n  const cycle = data?.planmagnetCycleTime;\n  const slowest = [...(cycle?.items ?? [])]\n    .sort((a, b) => b.cycleTimeHours - a.cycleTimeHours)\n    .slice(0, 5);\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <Timer className=\"h-4 w-4\" />\n          {t('planmagnet.analytics.cycleTime.title', 'Cycle time')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.analytics.cycleTime.subtitle',\n            'From first moving to In Progress (or creation) to Done, for the selected project.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!projectId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.analytics.cycleTime.noProject',\n              'Select a project to see its cycle time.'\n            )}\n          </p>\n        ) : loading ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.analytics.cycleTime.error', 'Cycle time could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : !cycle || cycle.sampleSize === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.analytics.cycleTime.empty',\n              'No completed work items in this project yet — cycle time appears once items reach Done.'\n            )}\n          </p>\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-3 gap-3\">\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.median', 'Median')}\n                value={formatDuration(cycle.medianCycleTimeHours)}\n              />\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.average', 'Average')}\n                value={formatDuration(cycle.averageCycleTimeHours)}\n              />\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.sample', 'Items measured')}\n                value={String(cycle.sampleSize)}\n              />\n            </div>\n            <table className=\"w-full text-sm\">\n              <caption className=\"mb-2 text-left text-xs text-muted-foreground\">\n                {t('planmagnet.analytics.cycleTime.slowest', 'Slowest completed items')}\n              </caption>\n              <thead>\n                <tr className=\"text-left text-xs text-muted-foreground\">\n                  <th className=\"py-1 pr-2 font-normal\">\n                    {t('planmagnet.analytics.cycleTime.item', 'Item')}\n                  </th>\n                  <th className=\"py-1 text-right font-normal\">\n                    {t('planmagnet.analytics.cycleTime.duration', 'Cycle time')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {slowest.map((item) => (\n                  <tr key={item.workItemId} className=\"border-t\">\n                    <td className=\"py-1.5 pr-2\">\n                      <span className=\"font-medium\">{item.key}</span>{' '}\n                      <span className=\"text-muted-foreground\">{item.title}</span>\n                    </td>\n                    <td className=\"py-1.5 text-right tabular-nums\">\n                      {formatDuration(item.cycleTimeHours)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\ntype BudgetState = 'no-plan' | 'on-track' | 'near-limit' | 'over-budget';\n\n/** Share of the plan spent; `null` when there is no plan to measure against. */\nexport function budgetUsage(planned: number, spent: number): number | null {\n  if (!Number.isFinite(planned) || planned <= 0) return null;\n  return spent / planned;\n}\n\nexport function budgetState(usage: number | null): BudgetState {\n  // Without a plan there is nothing to be on track AGAINST — say so, rather\n  // than reporting a comforting \"On track\" the numbers cannot support.\n  if (usage === null) return 'no-plan';\n  if (usage <= 0.85) return 'on-track';\n  return usage <= 1 ? 'near-limit' : 'over-budget';\n}\n\nconst STATE_STYLE: Record<\n  BudgetState,\n  { track: string; fill: string; Icon: typeof CheckCircle2; text: string }\n> = {\n  'no-plan': {\n    track: 'bg-muted',\n    fill: 'bg-muted',\n    Icon: CircleDashed,\n    text: 'text-muted-foreground',\n  },\n  'on-track': {\n    track: 'bg-primary/15',\n    fill: 'bg-primary',\n    Icon: CheckCircle2,\n    text: 'text-muted-foreground',\n  },\n  'near-limit': {\n    track: 'bg-status-warning-subtle',\n    fill: 'bg-status-warning',\n    Icon: AlertTriangle,\n    text: 'text-status-warning-text',\n  },\n  'over-budget': {\n    track: 'bg-status-error-subtle',\n    fill: 'bg-status-error',\n    Icon: AlertOctagon,\n    text: 'text-status-error-text',\n  },\n};\n\nfunction money(amount: number, currency: string): string {\n  try {\n    return new Intl.NumberFormat(undefined, {\n      style: 'currency',\n      currency,\n      maximumFractionDigits: 0,\n    }).format(amount);\n  } catch {\n    // An unrecognised currency code must not blank the whole table.\n    return `${Math.round(amount).toLocaleString()} ${currency}`;\n  }\n}\n\nexport function BudgetPerformanceCard({ workspaceId }: { workspaceId?: string | null }) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<BudgetData>(GET_BUDGET_PERFORMANCE, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  // Riskiest first: over budget, then by share spent (BOFF-7996). The page holds the newest 50; when there are more,\n  // the subtitle says so instead of claiming the whole workspace.\n  const budgets = [...(data?.planmagnetBudgets?.items ?? [])].sort(\n    (a, b) =>\n      (budgetUsage(b.plannedAmount, b.spentAmount) ?? -1) -\n      (budgetUsage(a.plannedAmount, a.spentAmount) ?? -1)\n  );\n  const totalBudgets = data?.planmagnetBudgets?.totalCount ?? budgets.length;\n  const label: Record<BudgetState, string> = {\n    'no-plan': t('planmagnet.analytics.budget.noPlan', 'No plan set'),\n    'on-track': t('planmagnet.analytics.budget.onTrack', 'On track'),\n    'near-limit': t('planmagnet.analytics.budget.nearLimit', 'Near limit'),\n    'over-budget': t('planmagnet.analytics.budget.over', 'Over budget'),\n  };\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <Wallet className=\"h-4 w-4\" />\n          {t('planmagnet.analytics.budget.title', 'Budget performance')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {totalBudgets > budgets.length\n            ? t(\n                'planmagnet.analytics.budget.subtitlePartial',\n                'Spent against plan, per budget — the newest {{shown}} of {{total}}, riskiest first.',\n                { shown: budgets.length, total: totalBudgets }\n              )\n            : t(\n                'planmagnet.analytics.budget.subtitle',\n                'Spent against plan, per budget, across the workspace.'\n              )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.analytics.budget.error', 'Budgets could not be loaded')}: {error.message}\n          </p>\n        ) : budgets.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.budget.empty', 'No budgets in this workspace yet.')}\n          </p>\n        ) : (\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"text-left text-xs text-muted-foreground\">\n                <th className=\"py-1 pr-2 font-normal\">\n                  {t('planmagnet.analytics.budget.name', 'Budget')}\n                </th>\n                <th className=\"py-1 pr-2 text-right font-normal\">\n                  {t('planmagnet.analytics.budget.spent', 'Spent')}\n                </th>\n                <th className=\"py-1 pr-2 text-right font-normal\">\n                  {t('planmagnet.analytics.budget.planned', 'Planned')}\n                </th>\n                <th className=\"w-2/5 py-1 font-normal\">\n                  {t('planmagnet.analytics.budget.usage', 'Used')}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {budgets.map((budget) => {\n                const usage = budgetUsage(budget.plannedAmount, budget.spentAmount);\n                const state = budgetState(usage);\n                const style = STATE_STYLE[state];\n                const percent = usage === null ? null : Math.round(usage * 100);\n                return (\n                  <tr key={budget.id} className=\"border-t align-middle\">\n                    <td className=\"py-2 pr-2\">\n                      <span className=\"font-medium\">{budget.name}</span>\n                      {budget.project ? (\n                        <span className=\"block text-xs text-muted-foreground\">\n                          {budget.project.name}\n                        </span>\n                      ) : null}\n                    </td>\n                    <td className=\"py-2 pr-2 text-right tabular-nums\">\n                      {money(budget.spentAmount, budget.currency)}\n                    </td>\n                    <td className=\"py-2 pr-2 text-right tabular-nums\">\n                      {money(budget.plannedAmount, budget.currency)}\n                    </td>\n                    <td className=\"py-2\">\n                      <div\n                        role=\"meter\"\n                        aria-valuemin={0}\n                        // ARIA requires valuenow to sit inside [min, max]. An\n                        // over-budget 130% with a max of 100 is invalid, and\n                        // assistive tech may clamp it and announce \"100%\".\n                        aria-valuemax={Math.max(100, percent ?? 0)}\n                        aria-valuenow={percent ?? 0}\n                        aria-label={`${budget.name}: ${percent === null ? 'no plan' : `${percent}%`} ${label[state]}`}\n                        title={`${money(budget.spentAmount, budget.currency)} of ${money(budget.plannedAmount, budget.currency)}`}\n                        className={`h-2 w-full overflow-hidden rounded-full ${style.track}`}\n                      >\n                        <div\n                          className={`h-full rounded-full ${style.fill}`}\n                          style={{ width: `${Math.min(percent ?? 0, 100)}%` }}\n                        />\n                      </div>\n                      <span className={`mt-1 flex items-center gap-1 text-xs ${style.text}`}>\n                        <style.Icon className=\"h-3 w-3\" aria-hidden=\"true\" />\n                        {percent === null ? label[state] : `${percent}% · ${label[state]}`}\n                      </span>\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"DeliveryHealthCards.js","names":[],"sources":["../../../../src/planmagnet/pages/analytics/DeliveryHealthCards.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Timer, Wallet } from 'lucide-react';\nimport {\n  BUDGET_STATE_STYLE,\n  budgetState,\n  budgetUsage,\n  money,\n  type BudgetState,\n} from '../../budgets/budgetMath';\n\n/**\n * Two analytics the service already computed and no page showed (P1.1).\n *\n *   - Cycle time: `planmagnetCycleTime` returned average, median and per-item\n *     hours with zero UI consumers.\n *   - Budget performance: budgets carry planned / spent / remaining, but the\n *     analytics page never surfaced them.\n *\n * Forms follow the dataviz method: headline numbers are stat tiles, per-item\n * detail is a table, and \"spent against a limit\" is a meter whose fill carries\n * severity while its track is a lighter step of the same ramp. Over-budget is a\n * STATUS, so it always ships with an icon and a label — never colour alone.\n * Every colour is a semantic token.\n *\n * Each card owns its query at the top of the component, so neither can land a\n * hook after an early return in the host page.\n */\n\nconst GET_CYCLE_TIME = gql`\n  query GetProjectCycleTime($workspaceId: ID!, $projectId: ID!) {\n    planmagnetCycleTime(workspaceId: $workspaceId, projectId: $projectId) {\n      averageCycleTimeHours\n      medianCycleTimeHours\n      sampleSize\n      items {\n        workItemId\n        key\n        title\n        cycleTimeHours\n      }\n    }\n  }\n`;\n\nconst GET_BUDGET_PERFORMANCE = gql`\n  query GetBudgetPerformance($workspaceId: ID!) {\n    planmagnetBudgets(workspaceId: $workspaceId, pagination: { first: 50 }) {\n      items {\n        id\n        name\n        currency\n        plannedAmount\n        spentAmount\n        remainingAmount\n        project {\n          id\n          name\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface CycleTimeData {\n  planmagnetCycleTime: {\n    averageCycleTimeHours: number | null;\n    medianCycleTimeHours: number | null;\n    sampleSize: number;\n    items: Array<{ workItemId: string; key: string; title: string; cycleTimeHours: number }>;\n  };\n}\n\ninterface BudgetData {\n  planmagnetBudgets: {\n    items: Array<{\n      id: string;\n      name: string;\n      currency: string;\n      plannedAmount: number;\n      spentAmount: number;\n      remainingAmount: number;\n      project: { id: string; name: string } | null;\n    }>;\n    totalCount: number;\n  };\n}\n\n/** Hours read naturally up to two days; beyond that, days. */\nexport function formatDuration(hours: number | null | undefined): string {\n  if (hours === null || hours === undefined || !Number.isFinite(hours)) return '—';\n  if (hours < 48) return `${hours < 10 ? hours.toFixed(1) : Math.round(hours)} h`;\n  const days = hours / 24;\n  return `${days < 10 ? days.toFixed(1) : Math.round(days)} d`;\n}\n\nfunction StatTile({ label, value, hint }: { label: string; value: string; hint?: string }) {\n  return (\n    <div className=\"rounded-md border p-3\">\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      <p className=\"mt-1 text-2xl font-semibold\">{value}</p>\n      {hint ? <p className=\"mt-0.5 text-xs text-muted-foreground\">{hint}</p> : null}\n    </div>\n  );\n}\n\nexport function CycleTimeCard({\n  workspaceId,\n  projectId,\n}: {\n  workspaceId?: string | null;\n  projectId: string;\n}) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<CycleTimeData>(GET_CYCLE_TIME, {\n    variables: { workspaceId, projectId },\n    skip: !workspaceId || !projectId,\n  });\n  const cycle = data?.planmagnetCycleTime;\n  const slowest = [...(cycle?.items ?? [])]\n    .sort((a, b) => b.cycleTimeHours - a.cycleTimeHours)\n    .slice(0, 5);\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <Timer className=\"h-4 w-4\" />\n          {t('planmagnet.analytics.cycleTime.title', 'Cycle time')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {t(\n            'planmagnet.analytics.cycleTime.subtitle',\n            'From first moving to In Progress (or creation) to Done, for the selected project.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {!projectId ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.analytics.cycleTime.noProject',\n              'Select a project to see its cycle time.'\n            )}\n          </p>\n        ) : loading ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.analytics.cycleTime.error', 'Cycle time could not be loaded')}:{' '}\n            {error.message}\n          </p>\n        ) : !cycle || cycle.sampleSize === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t(\n              'planmagnet.analytics.cycleTime.empty',\n              'No completed work items in this project yet — cycle time appears once items reach Done.'\n            )}\n          </p>\n        ) : (\n          <div className=\"space-y-4\">\n            <div className=\"grid grid-cols-3 gap-3\">\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.median', 'Median')}\n                value={formatDuration(cycle.medianCycleTimeHours)}\n              />\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.average', 'Average')}\n                value={formatDuration(cycle.averageCycleTimeHours)}\n              />\n              <StatTile\n                label={t('planmagnet.analytics.cycleTime.sample', 'Items measured')}\n                value={String(cycle.sampleSize)}\n              />\n            </div>\n            <table className=\"w-full text-sm\">\n              <caption className=\"mb-2 text-left text-xs text-muted-foreground\">\n                {t('planmagnet.analytics.cycleTime.slowest', 'Slowest completed items')}\n              </caption>\n              <thead>\n                <tr className=\"text-left text-xs text-muted-foreground\">\n                  <th className=\"py-1 pr-2 font-normal\">\n                    {t('planmagnet.analytics.cycleTime.item', 'Item')}\n                  </th>\n                  <th className=\"py-1 text-right font-normal\">\n                    {t('planmagnet.analytics.cycleTime.duration', 'Cycle time')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {slowest.map((item) => (\n                  <tr key={item.workItemId} className=\"border-t\">\n                    <td className=\"py-1.5 pr-2\">\n                      <span className=\"font-medium\">{item.key}</span>{' '}\n                      <span className=\"text-muted-foreground\">{item.title}</span>\n                    </td>\n                    <td className=\"py-1.5 text-right tabular-nums\">\n                      {formatDuration(item.cycleTimeHours)}\n                    </td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n\nexport function BudgetPerformanceCard({ workspaceId }: { workspaceId?: string | null }) {\n  const { t } = useI18n();\n  const { data, loading, error } = useQuery<BudgetData>(GET_BUDGET_PERFORMANCE, {\n    variables: { workspaceId },\n    skip: !workspaceId,\n  });\n  // Riskiest first: over budget, then by share spent (BOFF-7996). The page holds the newest 50; when there are more,\n  // the subtitle says so instead of claiming the whole workspace.\n  const budgets = [...(data?.planmagnetBudgets?.items ?? [])].sort(\n    (a, b) =>\n      (budgetUsage(b.plannedAmount, b.spentAmount) ?? -1) -\n      (budgetUsage(a.plannedAmount, a.spentAmount) ?? -1)\n  );\n  const totalBudgets = data?.planmagnetBudgets?.totalCount ?? budgets.length;\n  const label: Record<BudgetState, string> = {\n    'no-plan': t('planmagnet.analytics.budget.noPlan', 'No plan set'),\n    'on-track': t('planmagnet.analytics.budget.onTrack', 'On track'),\n    'near-limit': t('planmagnet.analytics.budget.nearLimit', 'Near limit'),\n    'over-budget': t('planmagnet.analytics.budget.over', 'Over budget'),\n  };\n\n  return (\n    <Card>\n      <CardHeader>\n        <CardTitle className=\"flex items-center gap-2\">\n          <Wallet className=\"h-4 w-4\" />\n          {t('planmagnet.analytics.budget.title', 'Budget performance')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {totalBudgets > budgets.length\n            ? t(\n                'planmagnet.analytics.budget.subtitlePartial',\n                'Spent against plan, per budget — the newest {{shown}} of {{total}}, riskiest first.',\n                { shown: budgets.length, total: totalBudgets }\n              )\n            : t(\n                'planmagnet.analytics.budget.subtitle',\n                'Spent against plan, per budget, across the workspace.'\n              )}\n        </p>\n      </CardHeader>\n      <CardContent>\n        {loading ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.loading', 'Loading…')}\n          </p>\n        ) : error ? (\n          <p className=\"text-sm text-status-error-text\">\n            {t('planmagnet.analytics.budget.error', 'Budgets could not be loaded')}: {error.message}\n          </p>\n        ) : budgets.length === 0 ? (\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.analytics.budget.empty', 'No budgets in this workspace yet.')}\n          </p>\n        ) : (\n          <table className=\"w-full text-sm\">\n            <thead>\n              <tr className=\"text-left text-xs text-muted-foreground\">\n                <th className=\"py-1 pr-2 font-normal\">\n                  {t('planmagnet.analytics.budget.name', 'Budget')}\n                </th>\n                <th className=\"py-1 pr-2 text-right font-normal\">\n                  {t('planmagnet.analytics.budget.spent', 'Spent')}\n                </th>\n                <th className=\"py-1 pr-2 text-right font-normal\">\n                  {t('planmagnet.analytics.budget.planned', 'Planned')}\n                </th>\n                <th className=\"w-2/5 py-1 font-normal\">\n                  {t('planmagnet.analytics.budget.usage', 'Used')}\n                </th>\n              </tr>\n            </thead>\n            <tbody>\n              {budgets.map((budget) => {\n                const usage = budgetUsage(budget.plannedAmount, budget.spentAmount);\n                const state = budgetState(usage);\n                const style = BUDGET_STATE_STYLE[state];\n                const percent = usage === null ? null : Math.round(usage * 100);\n                return (\n                  <tr key={budget.id} className=\"border-t align-middle\">\n                    <td className=\"py-2 pr-2\">\n                      <span className=\"font-medium\">{budget.name}</span>\n                      {budget.project ? (\n                        <span className=\"block text-xs text-muted-foreground\">\n                          {budget.project.name}\n                        </span>\n                      ) : null}\n                    </td>\n                    <td className=\"py-2 pr-2 text-right tabular-nums\">\n                      {money(budget.spentAmount, budget.currency)}\n                    </td>\n                    <td className=\"py-2 pr-2 text-right tabular-nums\">\n                      {money(budget.plannedAmount, budget.currency)}\n                    </td>\n                    <td className=\"py-2\">\n                      <div\n                        role=\"meter\"\n                        aria-valuemin={0}\n                        // ARIA requires valuenow to sit inside [min, max]. An\n                        // over-budget 130% with a max of 100 is invalid, and\n                        // assistive tech may clamp it and announce \"100%\".\n                        aria-valuemax={Math.max(100, percent ?? 0)}\n                        aria-valuenow={percent ?? 0}\n                        aria-label={`${budget.name}: ${percent === null ? 'no plan' : `${percent}%`} ${label[state]}`}\n                        title={`${money(budget.spentAmount, budget.currency)} of ${money(budget.plannedAmount, budget.currency)}`}\n                        className={`h-2 w-full overflow-hidden rounded-full ${style.track}`}\n                      >\n                        <div\n                          className={`h-full rounded-full ${style.fill}`}\n                          style={{ width: `${Math.min(percent ?? 0, 100)}%` }}\n                        />\n                      </div>\n                      <span className={`mt-1 flex items-center gap-1 text-xs ${style.text}`}>\n                        <style.icon className=\"h-3 w-3\" aria-hidden={true} />\n                        {percent === null ? label[state] : `${percent}% · ${label[state]}`}\n                      </span>\n                    </td>\n                  </tr>\n                );\n              })}\n            </tbody>\n          </table>\n        )}\n      </CardContent>\n    </Card>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/roadmaps/RoadmapControls.js

@@ -1,9 +1,9 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { LEAVES_PAGE_CONTEXT as t, throwOnError as n } from "../utils/mutationResult.js";
-import { detailPath as r } from "../utils/rowNavigation.js";
-import { ConfirmButton as i, ErrorLine as a } from "../controls/ConfirmButton.js";
-import { endBeforeStart as o } from "../utils/formValidation.js";
-import { enumLabel as s } from "../controls/WorkItemControls.js";
+import { ConfirmButton as r, ErrorLine as i } from "../controls/ConfirmButton.js";
+import { enumLabel as a } from "../controls/WorkItemControls.js";
+import { detailPath as o } from "../utils/rowNavigation.js";
+import { endBeforeStart as s } from "../utils/formValidation.js";
 import { useState as c } from "react";
 import { BarChart3 as l, Pencil as u, Plus as d, Trash2 as f } from "lucide-react";
 import { gql as p } from "@apollo/client";
@@ -52,17 +52,17 @@ var E = [
   }
 `, M = (e) => e ? e.slice(0, 10) : "";
 function N({ roadmapId: e, item: t, lanes: r }) {
-	let i = {
+	let o = {
 		title: t?.title ?? "",
 		description: t?.description ?? "",
 		status: t?.status ?? "PLANNED",
 		swimlane: t?.swimlane ?? "",
 		startDate: M(t?.startDate),
 		endDate: M(t?.endDate)
-	}, [l, f] = c(!1), [p, A] = c(i), [j, N] = c(null), P = {
+	}, [l, f] = c(!1), [p, A] = c(o), [j, N] = c(null), P = {
 		refetchQueries: D,
 		awaitRefetchQueries: !0
-	}, [F, I] = m(O, P), [L, R] = m(k, P), z = I.loading || R.loading, B = o(p.startDate, p.endDate), V = p.title.trim() !== "" && !B && !z, H = E.includes(p.status) ? E : [p.status, ...E], U = t ? `roadmap-item-${t.id}` : "roadmap-item-new", W = async () => {
+	}, [F, I] = m(O, P), [L, R] = m(k, P), z = I.loading || R.loading, B = s(p.startDate, p.endDate), V = p.title.trim() !== "" && !B && !z, H = E.includes(p.status) ? E : [p.status, ...E], U = t ? `roadmap-item-${t.id}` : "roadmap-item-new", W = async () => {
 		N(null);
 		let r = {
 			title: p.title.trim(),
@@ -73,8 +73,8 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 		try {
 			if (t) {
 				let e = {
-					...p.startDate !== i.startDate && { startDate: p.startDate || null },
-					...p.endDate !== i.endDate && { endDate: p.endDate || null }
+					...p.startDate !== o.startDate && { startDate: p.startDate || null },
+					...p.endDate !== o.endDate && { endDate: p.endDate || null }
 				};
 				await n(L({ variables: {
 					id: t.id,
@@ -88,7 +88,7 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 				...r,
 				startDate: p.startDate || void 0,
 				endDate: p.endDate || void 0
-			} } })), A(i);
+			} } })), A(o);
 			f(!1);
 		} catch (e) {
 			N(e instanceof Error ? e.message : "The item could not be saved.");
@@ -97,7 +97,7 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 	return /* @__PURE__ */ g(y, {
 		open: l,
 		onOpenChange: (e) => {
-			f(e), e ? A(i) : N(null);
+			f(e), e ? A(o) : N(null);
 		},
 		children: [/* @__PURE__ */ h(T, {
 			asChild: !0,
@@ -168,7 +168,7 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 								}),
 								children: H.map((e) => /* @__PURE__ */ h("option", {
 									value: e,
-									children: s(e)
+									children: a(e)
 								}, e))
 							})] })]
 						}),
@@ -204,7 +204,7 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 								})
 							})] })]
 						}),
-						B && /* @__PURE__ */ h(a, { message: "The end date is before the start date." }),
+						B && /* @__PURE__ */ h(i, { message: "The end date is before the start date." }),
 						/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("label", {
 							htmlFor: `${U}-description`,
 							className: "text-sm font-medium",
@@ -218,7 +218,7 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 								description: e.target.value
 							})
 						})] }),
-						j && /* @__PURE__ */ h(a, { message: j })
+						j && /* @__PURE__ */ h(i, { message: j })
 					]
 				}),
 				/* @__PURE__ */ g(S, { children: [/* @__PURE__ */ h(_, {
@@ -235,20 +235,20 @@ function N({ roadmapId: e, item: t, lanes: r }) {
 	});
 }
 function P({ id: e, title: t }) {
-	let [r, o] = m(A, {
+	let [a, o] = m(A, {
 		refetchQueries: D,
 		awaitRefetchQueries: !0
 	}), [s, l] = c(null), u = async () => {
 		l(null);
 		try {
-			await n(r({ variables: { id: e } }));
+			await n(a({ variables: { id: e } }));
 		} catch (e) {
 			l(e instanceof Error ? e.message : "The item could not be removed.");
 		}
 	};
 	return /* @__PURE__ */ g("div", {
 		className: "flex flex-col items-end",
-		children: [/* @__PURE__ */ h(i, {
+		children: [/* @__PURE__ */ h(r, {
 			label: "",
 			ariaLabel: `Remove ${t}`,
 			variant: "outline",
@@ -259,17 +259,17 @@ function P({ id: e, title: t }) {
 			destructive: !0,
 			disabled: o.loading,
 			onConfirm: () => void u()
-		}), s && /* @__PURE__ */ h(a, { message: s })]
+		}), s && /* @__PURE__ */ h(i, { message: s })]
 	});
 }
-function F({ roadmapId: o, name: s }) {
+function F({ roadmapId: a, name: s }) {
 	let d = e(), [p, v] = m(j, {
 		refetchQueries: ["ListRoadmapsPage", "ListRoadmaps"],
 		context: t
 	}), [y, b] = c(null), x = async () => {
 		b(null);
 		try {
-			await n(p({ variables: { id: o } })), d("/products/roadmaps-page");
+			await n(p({ variables: { id: a } })), d("/products/roadmaps-page");
 		} catch (e) {
 			b(e instanceof Error ? e.message : "The roadmap could not be deleted.");
 		}
@@ -283,17 +283,17 @@ function F({ roadmapId: o, name: s }) {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "roadmap-edit",
-					onClick: () => d(r("/products/edit-product-page", o)),
+					onClick: () => d(o("/products/edit-product-page", a)),
 					children: [/* @__PURE__ */ h(u, { className: "mr-1 h-4 w-4" }), "Edit"]
 				}),
 				/* @__PURE__ */ g(_, {
 					size: "sm",
 					variant: "outline",
 					"data-testid": "roadmap-analytics",
-					onClick: () => d(r("/products/roadmap-analytics-page", o)),
+					onClick: () => d(o("/products/roadmap-analytics-page", a)),
 					children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "Analytics"]
 				}),
-				/* @__PURE__ */ h(i, {
+				/* @__PURE__ */ h(r, {
 					label: "Delete",
 					variant: "outline",
 					icon: /* @__PURE__ */ h(f, { className: "mr-1 h-4 w-4" }),
@@ -305,7 +305,7 @@ function F({ roadmapId: o, name: s }) {
 					onConfirm: () => void x()
 				})
 			]
-		}), y && /* @__PURE__ */ h(a, { message: y })]
+		}), y && /* @__PURE__ */ h(i, { message: y })]
 	});
 }
 //#endregion

package/dist/planmagnet/sprints/SprintControls.d.ts

@@ -27,13 +27,25 @@ export interface SprintWorkItem {
     status: string;
     storyPoints: number | null;
 }
-export declare function SprintWorkItemsPanel({ sprintId, projectId, status, items, }: {
+export declare function SprintWorkItemsPanel({ sprintId, eligibleProjectIds, projectNames, status, items, }: {
     sprintId: string;
-    projectId: string;
+    /**
+     * The project(s) this sprint may draw work items from (BOFF-8044). A project-scoped sprint
+     * always has exactly one; a team-scoped sprint has the team's own live member projects (which
+     * can be zero if the team currently has none, or more than one for a real cross-project team) —
+     * never the whole workspace. See AddWorkItemsDialog for how a length > 1 is queried.
+     */
+    eligibleProjectIds: string[];
+    /** Project id -> name, for labelling candidates when more than one project is eligible. */
+    projectNames?: Record<string, string>;
     status: string;
     items: SprintWorkItem[];
 }): import("react/jsx-runtime").JSX.Element;
-export declare function NewSprintDialog({ onCreated }: {
+export type SprintScope = 'project' | 'team';
+export declare function NewSprintDialog({ onCreated, initialScope, initialTeamId, }: {
     onCreated: (sprintId: string) => void;
+    /** BOFF-8044: preset for a caller that already knows the scope, e.g. the Team detail page. */
+    initialScope?: SprintScope;
+    initialTeamId?: string;
 }): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=SprintControls.d.ts.map

package/dist/planmagnet/sprints/SprintControls.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SprintControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/sprints/SprintControls.tsx"],"names":[],"mappings":"AAqBA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AACxF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAQ3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAI/D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AA8BD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,kDA2DA;AAkCD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AAQD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,SAAS,EACT,MAAM,EACN,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,2CAiFA;AAmLD,wBAAgB,eAAe,CAAC,EAAE,SAAS,EAAE,EAAE;IAAE,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CAwMvF"}
+{"version":3,"file":"SprintControls.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/sprints/SprintControls.tsx"],"names":[],"mappings":"AAsBA;;;;;;;;;;;;GAYG;AAEH,MAAM,MAAM,YAAY,GAAG,UAAU,GAAG,QAAQ,GAAG,QAAQ,GAAG,WAAW,GAAG,WAAW,CAAC;AACxF,MAAM,MAAM,YAAY,GAAG,OAAO,GAAG,UAAU,GAAG,QAAQ,CAAC;AAQ3D,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,YAAY,EAAE,CAI/D;AAED,wBAAgB,gBAAgB,CAAC,MAAM,EAAE,MAAM,GAAG,OAAO,CAExD;AA8BD,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,UAAU,EACV,MAAM,GACP,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB,UAAU,EAAE,MAAM,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB,kDA2DA;AAmCD,MAAM,WAAW,cAAc;IAC7B,EAAE,EAAE,MAAM,CAAC;IACX,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;CAC5B;AASD,wBAAgB,oBAAoB,CAAC,EACnC,QAAQ,EACR,kBAAkB,EAClB,YAAY,EACZ,MAAM,EACN,KAAK,GACN,EAAE;IACD,QAAQ,EAAE,MAAM,CAAC;IACjB;;;;;OAKG;IACH,kBAAkB,EAAE,MAAM,EAAE,CAAC;IAC7B,2FAA2F;IAC3F,YAAY,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACtC,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB,2CAuFA;AA0PD,MAAM,MAAM,WAAW,GAAG,SAAS,GAAG,MAAM,CAAC;AAE7C,wBAAgB,eAAe,CAAC,EAC9B,SAAS,EACT,YAAY,EACZ,aAAa,GACd,EAAE;IACD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAC;IACtC,8FAA8F;IAC9F,YAAY,CAAC,EAAE,WAAW,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,CAAC;CACxB,2CAqPA"}