npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1001.1 → 2026.1001.3 - Mend

@burdenoff/microfe-planmagnet 2026.1001.1 → 2026.1001.3

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (122) hide show

package/dist/planmagnet/pages/ProjectsAtRiskPagePage.js ADDED Viewed

@@ -0,0 +1,234 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { isForbidden as n } from "../utils/graphqlErrors.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { ROW_LINK_CLASS as i, rowLinkProps as a } from "../utils/rowNavigation.js";
+import { ProjectSelect as o } from "../controls/Pickers.js";
+import { RISK_FLAG_KIND_ORDER as s, riskFlagKindIcon as c, riskFlagSeverityBadgeVariant as l } from "../forecast/riskFlags.js";
+import { useState as u } from "react";
+import { ShieldAlert as d } from "lucide-react";
+import { useSearchParams as f } from "react-router";
+import { gql as p } from "@apollo/client";
+import { useQuery as m } from "@apollo/client/react";
+import { Fragment as h, jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { useI18n as v } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProjectsAtRiskPagePage.tsx
+var w = 100, T = p`
+  query AtRiskProjectSprints($workspaceId: ID!, $projectId: String) {
+    planmagnetSprints(
+      workspaceId: $workspaceId
+      filter: { projectId: $projectId }
+      pagination: { first: 100 }
+    ) {
+      items {
+        id
+        name
+        status
+      }
+    }
+  }
+`, E = p`
+  query GetAtRiskWorkItems(
+    $workspaceId: ID!
+    $projectId: ID!
+    $sprintId: ID
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetAtRiskWorkItems(
+      workspaceId: $workspaceId
+      projectId: $projectId
+      sprintId: $sprintId
+      pagination: $pagination
+    ) {
+      items {
+        workItem {
+          id
+          key
+          title
+          status
+          priority
+          storyPoints
+        }
+        flags {
+          kind
+          severity
+          reason
+        }
+      }
+      totalCount
+    }
+  }
+`, D = "ALL";
+function O() {
+	let { workspaceId: p } = e(), O = t(), { t: k } = v(), [A, j] = f(), M = A.get("projectId") ?? "", N = A.get("sprintId") ?? "", [P, F] = u(D);
+	function I(e) {
+		let t = new URLSearchParams(A);
+		e ? t.set("projectId", e) : t.delete("projectId"), t.delete("sprintId"), j(t, { replace: !0 });
+	}
+	function L(e) {
+		let t = new URLSearchParams(A);
+		e ? t.set("sprintId", e) : t.delete("sprintId"), j(t, { replace: !0 });
+	}
+	let { data: R } = m(T, {
+		variables: {
+			workspaceId: p,
+			projectId: M
+		},
+		skip: !p || !M
+	}), z = R?.planmagnetSprints.items ?? [], { data: B, loading: V, error: H } = m(E, {
+		variables: {
+			workspaceId: p,
+			projectId: M,
+			sprintId: N || void 0,
+			pagination: { first: w }
+		},
+		skip: !p || !M
+	}), U = B?.planmagnetAtRiskWorkItems, W = U?.items ?? [], G = P === D ? W : W.filter((e) => e.flags.some((e) => e.kind === P)), K = /* @__PURE__ */ new Map();
+	for (let e of W) for (let t of e.flags) K.set(t.kind, (K.get(t.kind) ?? 0) + 1);
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "at-risk-page",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-start justify-between gap-2",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "text-2xl font-semibold flex items-center gap-2",
+					children: [/* @__PURE__ */ g(d, { className: "h-5 w-5 text-primary" }), k("planmagnet.forecast.atRisk.title", "At-risk work")]
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					children: k("planmagnet.forecast.atRisk.subtitle", "Open work items carrying one or more risk flags, each raised by an explicit threshold rule — never AI-generated.")
+				})] }), /* @__PURE__ */ g(y, {
+					variant: "outline",
+					children: k("planmagnet.forecast.atRisk.method", "Rule-based")
+				})]
+			}),
+			/* @__PURE__ */ g(b, { children: /* @__PURE__ */ _(x, {
+				className: "flex flex-wrap items-end gap-3 pt-4",
+				children: [/* @__PURE__ */ _("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ g("label", {
+						htmlFor: "at-risk-project",
+						className: "text-xs font-medium text-muted-foreground",
+						children: k("planmagnet.forecast.atRisk.project", "Project")
+					}), /* @__PURE__ */ g(o, {
+						id: "at-risk-project",
+						value: M,
+						onChange: I,
+						noneLabel: k("planmagnet.forecast.atRisk.choose", "Choose a project…")
+					})]
+				}), M && /* @__PURE__ */ _("div", {
+					className: "space-y-1",
+					children: [/* @__PURE__ */ g("label", {
+						htmlFor: "at-risk-sprint",
+						className: "text-xs font-medium text-muted-foreground",
+						children: k("planmagnet.forecast.atRisk.sprint", "Sprint (optional)")
+					}), /* @__PURE__ */ _("select", {
+						id: "at-risk-sprint",
+						className: "flex h-9 w-56 rounded-md border border-input bg-background px-3 py-1 text-sm",
+						value: N,
+						onChange: (e) => L(e.target.value),
+						children: [/* @__PURE__ */ g("option", {
+							value: "",
+							children: k("planmagnet.forecast.atRisk.allSprints", "Every open item (whole project)")
+						}), z.map((e) => /* @__PURE__ */ g("option", {
+							value: e.id,
+							children: e.name
+						}, e.id))]
+					})]
+				})]
+			}) }),
+			M ? /* @__PURE__ */ _(h, { children: [W.length > 0 && /* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-1 rounded-md border p-1",
+				role: "group",
+				"aria-label": k("planmagnet.forecast.atRisk.filterByKind", "Filter by flag kind"),
+				children: [/* @__PURE__ */ g("button", {
+					type: "button",
+					"aria-pressed": P === D,
+					onClick: () => F(D),
+					className: `px-2.5 py-1 text-xs rounded ${P === D ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: k("planmagnet.forecast.atRisk.all", "All ({{count}})", { count: W.length })
+				}), s.filter((e) => (K.get(e) ?? 0) > 0).map((e) => /* @__PURE__ */ _("button", {
+					type: "button",
+					"aria-pressed": P === e,
+					onClick: () => F(e),
+					className: `px-2.5 py-1 text-xs rounded ${P === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+					children: [
+						r(e),
+						" (",
+						K.get(e),
+						")"
+					]
+				}, e))]
+			}), /* @__PURE__ */ _(b, { children: [/* @__PURE__ */ g(S, { children: /* @__PURE__ */ g(C, { children: V && !B ? k("planmagnet.forecast.loading", "Loading…") : k("planmagnet.forecast.atRisk.count", "{{count}} flagged item(s)", { count: G.length }) }) }), /* @__PURE__ */ _(x, {
+				className: "space-y-3",
+				children: [V && !B ? /* @__PURE__ */ g("div", {
+					className: "flex justify-center py-12",
+					children: /* @__PURE__ */ g("div", { className: "animate-spin h-6 w-6 border-2 border-primary border-t-transparent rounded-full" })
+				}) : H ? /* @__PURE__ */ g("p", {
+					className: "text-sm text-status-error-text",
+					children: n(H) ? k("planmagnet.forecast.atRisk.forbidden", "You do not have access to at-risk work for this project.") : `${k("planmagnet.forecast.atRisk.error", "At-risk work could not be loaded")}: ${H.message}`
+				}) : G.length === 0 ? /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground py-8 text-center",
+					children: W.length === 0 ? k("planmagnet.forecast.atRisk.empty", "No flagged work items right now.") : k("planmagnet.forecast.atRisk.emptyFilter", "No items match this filter.")
+				}) : G.map((e) => /* @__PURE__ */ _("div", {
+					"data-testid": "at-risk-item",
+					...a(() => O(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.workItem.id)}`), e.workItem.title),
+					className: `rounded-md border p-3 ${i}`,
+					children: [/* @__PURE__ */ _("div", {
+						className: "flex flex-wrap items-center justify-between gap-2",
+						children: [/* @__PURE__ */ _("p", {
+							className: "text-sm font-medium",
+							children: [
+								e.workItem.key,
+								" ",
+								/* @__PURE__ */ g("span", {
+									className: "font-normal",
+									children: e.workItem.title
+								})
+							]
+						}), /* @__PURE__ */ _("span", {
+							className: "text-xs text-muted-foreground",
+							children: [r(e.workItem.status), e.workItem.storyPoints == null ? "" : ` · ${e.workItem.storyPoints} pts`]
+						})]
+					}), /* @__PURE__ */ g("div", {
+						className: "mt-2 space-y-1.5",
+						children: e.flags.map((e) => /* @__PURE__ */ _("div", {
+							"data-testid": "at-risk-flag",
+							className: "flex items-start gap-2 text-xs",
+							children: [
+								/* @__PURE__ */ g(c(e.kind), { className: "mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+								/* @__PURE__ */ g(y, {
+									variant: l(e.severity),
+									className: "shrink-0",
+									children: r(e.severity)
+								}),
+								/* @__PURE__ */ g(y, {
+									variant: "outline",
+									className: "shrink-0",
+									children: r(e.kind)
+								}),
+								/* @__PURE__ */ g("span", {
+									className: "text-muted-foreground",
+									children: e.reason
+								})
+							]
+						}, e.kind))
+					})]
+				}, e.workItem.id)), U && U.totalCount > G.length && P === D && /* @__PURE__ */ g("p", {
+					className: "text-xs text-muted-foreground text-center pt-2",
+					children: k("planmagnet.forecast.atRisk.moreNote", "Showing the first {{shown}} of {{total}} flagged items.", {
+						shown: G.length,
+						total: U.totalCount
+					})
+				})]
+			})] })] }) : /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+				className: "py-10 text-center text-sm text-muted-foreground",
+				children: k("planmagnet.forecast.atRisk.noProject", "Choose a project to see its at-risk work.")
+			}) })
+		]
+	});
+}
+//#endregion
+export { O as ProjectsAtRiskPagePage };
+//# sourceMappingURL=ProjectsAtRiskPagePage.js.map

package/dist/planmagnet/pages/ProjectsAtRiskPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProjectsAtRiskPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsAtRiskPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Badge, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { ShieldAlert } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ProjectSelect } from '../controls/Pickers';\nimport { ROW_LINK_CLASS, rowLinkProps } from '../utils/rowNavigation';\nimport { isForbidden } from '../utils/graphqlErrors';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport {\n RISK_FLAG_KIND_ORDER,\n riskFlagKindIcon,\n riskFlagSeverityBadgeVariant,\n type RiskFlagKindValue,\n type RiskFlagSeverityValue,\n} from '../forecast/riskFlags';\n\n/**\n * AI-10: every open work item of a project (optionally narrowed to one sprint) carrying one or\n * more at-risk flags — the full list `ProjectRiskSummaryCard`'s compact tile links through to.\n * Rule-based (threshold rules over real data), never AI/LLM — see graphql/wspace.graphql's\n * `PlanmagnetRiskFlagKind` for exactly which rule (and threshold) raises each flag kind.\n */\n\nconst AT_RISK_PAGE_SIZE = 100;\n\nconst GET_PROJECT_SPRINTS = gql`\n query AtRiskProjectSprints($workspaceId: ID!, $projectId: String) {\n planmagnetSprints(\n workspaceId: $workspaceId\n filter: { projectId: $projectId }\n pagination: { first: 100 }\n ) {\n items {\n id\n name\n status\n }\n }\n }\n`;\n\nconst GET_AT_RISK_WORK_ITEMS = gql`\n query GetAtRiskWorkItems(\n $workspaceId: ID!\n $projectId: ID!\n $sprintId: ID\n $pagination: PlanmagnetPaginationInput\n ) {\n planmagnetAtRiskWorkItems(\n workspaceId: $workspaceId\n projectId: $projectId\n sprintId: $sprintId\n pagination: $pagination\n ) {\n items {\n workItem {\n id\n key\n title\n status\n priority\n storyPoints\n }\n flags {\n kind\n severity\n reason\n }\n }\n totalCount\n }\n }\n`;\n\ninterface SprintOption {\n id: string;\n name: string;\n status: string;\n}\n\ninterface AtRiskFlag {\n kind: RiskFlagKindValue;\n severity: RiskFlagSeverityValue;\n reason: string;\n}\n\ninterface AtRiskItem {\n workItem: {\n id: string;\n key: string;\n title: string;\n status: string;\n priority: string;\n storyPoints: number | null;\n };\n flags: AtRiskFlag[];\n}\n\ninterface AtRiskWorkItemsData {\n planmagnetAtRiskWorkItems: { items: AtRiskItem[]; totalCount: number };\n}\n\nconst KIND_FILTER_ALL = 'ALL' as const;\n\nexport function ProjectsAtRiskPagePage() {\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n const { t } = useI18n();\n const [searchParams, setSearchParams] = useSearchParams();\n const projectId = searchParams.get('projectId') ?? '';\n const sprintId = searchParams.get('sprintId') ?? '';\n const [kindFilter, setKindFilter] = useState<RiskFlagKindValue | typeof KIND_FILTER_ALL>(\n KIND_FILTER_ALL\n );\n\n function setProjectId(next: string) {\n const params = new URLSearchParams(searchParams);\n if (next) params.set('projectId', next);\n else params.delete('projectId');\n // A sprint id from the old project would silently scope the new project's query to a\n // sprint it may not even have.\n params.delete('sprintId');\n setSearchParams(params, { replace: true });\n }\n\n function setSprintId(next: string) {\n const params = new URLSearchParams(searchParams);\n if (next) params.set('sprintId', next);\n else params.delete('sprintId');\n setSearchParams(params, { replace: true });\n }\n\n const { data: sprintData } = useQuery<{ planmagnetSprints: { items: SprintOption[] } }>(\n GET_PROJECT_SPRINTS,\n { variables: { workspaceId, projectId }, skip: !workspaceId || !projectId }\n );\n const sprints = sprintData?.planmagnetSprints.items ?? [];\n\n const { data, loading, error } = useQuery<AtRiskWorkItemsData>(GET_AT_RISK_WORK_ITEMS, {\n variables: {\n workspaceId,\n projectId,\n sprintId: sprintId || undefined,\n pagination: { first: AT_RISK_PAGE_SIZE },\n },\n skip: !workspaceId || !projectId,\n });\n const result = data?.planmagnetAtRiskWorkItems;\n const allItems = result?.items ?? [];\n const items =\n kindFilter === KIND_FILTER_ALL\n ? allItems\n : allItems.filter((item) => item.flags.some((f) => f.kind === kindFilter));\n const kindCounts = new Map<RiskFlagKindValue, number>();\n for (const item of allItems) {\n for (const flag of item.flags) {\n kindCounts.set(flag.kind, (kindCounts.get(flag.kind) ?? 0) + 1);\n }\n }\n\n return (\n <div className=\"space-y-6 p-6\" data-testid=\"at-risk-page\">\n <div className=\"flex flex-wrap items-start justify-between gap-2\">\n <div>\n <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n <ShieldAlert className=\"h-5 w-5 text-primary\" />\n {t('planmagnet.forecast.atRisk.title', 'At-risk work')}\n </h1>\n <p className=\"text-sm text-muted-foreground\">\n {t(\n 'planmagnet.forecast.atRisk.subtitle',\n 'Open work items carrying one or more risk flags, each raised by an explicit threshold rule — never AI-generated.'\n )}\n </p>\n </div>\n <Badge variant=\"outline\">{t('planmagnet.forecast.atRisk.method', 'Rule-based')}</Badge>\n </div>\n\n <Card>\n <CardContent className=\"flex flex-wrap items-end gap-3 pt-4\">\n <div className=\"space-y-1\">\n <label htmlFor=\"at-risk-project\" className=\"text-xs font-medium text-muted-foreground\">\n {t('planmagnet.forecast.atRisk.project', 'Project')}\n </label>\n <ProjectSelect\n id=\"at-risk-project\"\n value={projectId}\n onChange={setProjectId}\n noneLabel={t('planmagnet.forecast.atRisk.choose', 'Choose a project…')}\n />\n </div>\n {projectId && (\n <div className=\"space-y-1\">\n <label htmlFor=\"at-risk-sprint\" className=\"text-xs font-medium text-muted-foreground\">\n {t('planmagnet.forecast.atRisk.sprint', 'Sprint (optional)')}\n </label>\n <select\n id=\"at-risk-sprint\"\n className=\"flex h-9 w-56 rounded-md border border-input bg-background px-3 py-1 text-sm\"\n value={sprintId}\n onChange={(e) => setSprintId(e.target.value)}\n >\n <option value=\"\">\n {t('planmagnet.forecast.atRisk.allSprints', 'Every open item (whole project)')}\n </option>\n {sprints.map((s) => (\n <option key={s.id} value={s.id}>\n {s.name}\n </option>\n ))}\n </select>\n </div>\n )}\n </CardContent>\n </Card>\n\n {!projectId ? (\n <Card>\n <CardContent className=\"py-10 text-center text-sm text-muted-foreground\">\n {t('planmagnet.forecast.atRisk.noProject', 'Choose a project to see its at-risk work.')}\n </CardContent>\n </Card>\n ) : (\n <>\n {allItems.length > 0 && (\n <div\n className=\"flex flex-wrap items-center gap-1 rounded-md border p-1\"\n role=\"group\"\n aria-label={t('planmagnet.forecast.atRisk.filterByKind', 'Filter by flag kind')}\n >\n <button\n type=\"button\"\n aria-pressed={kindFilter === KIND_FILTER_ALL}\n onClick={() => setKindFilter(KIND_FILTER_ALL)}\n className={`px-2.5 py-1 text-xs rounded ${\n kindFilter === KIND_FILTER_ALL\n ? 'bg-primary text-primary-foreground'\n : 'text-muted-foreground hover:bg-muted'\n }`}\n >\n {t('planmagnet.forecast.atRisk.all', 'All ({{count}})', { count: allItems.length })}\n </button>\n {RISK_FLAG_KIND_ORDER.filter((k) => (kindCounts.get(k) ?? 0) > 0).map((k) => (\n <button\n key={k}\n type=\"button\"\n aria-pressed={kindFilter === k}\n onClick={() => setKindFilter(k)}\n className={`px-2.5 py-1 text-xs rounded ${\n kindFilter === k\n ? 'bg-primary text-primary-foreground'\n : 'text-muted-foreground hover:bg-muted'\n }`}\n >\n {enumLabel(k)} ({kindCounts.get(k)})\n </button>\n ))}\n </div>\n )}\n\n <Card>\n <CardHeader>\n <CardTitle>\n {loading && !data\n ? t('planmagnet.forecast.loading', 'Loading…')\n : t('planmagnet.forecast.atRisk.count', '{{count}} flagged item(s)', {\n count: items.length,\n })}\n </CardTitle>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n {loading && !data ? (\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 ) : error ? (\n <p className=\"text-sm text-status-error-text\">\n {isForbidden(error)\n ? t(\n 'planmagnet.forecast.atRisk.forbidden',\n 'You do not have access to at-risk work for this project.'\n )\n : `${t('planmagnet.forecast.atRisk.error', 'At-risk work could not be loaded')}: ${error.message}`}\n </p>\n ) : items.length === 0 ? (\n <p className=\"text-sm text-muted-foreground py-8 text-center\">\n {allItems.length === 0\n ? t('planmagnet.forecast.atRisk.empty', 'No flagged work items right now.')\n : t('planmagnet.forecast.atRisk.emptyFilter', 'No items match this filter.')}\n </p>\n ) : (\n items.map((item) => (\n <div\n key={item.workItem.id}\n data-testid=\"at-risk-item\"\n {...rowLinkProps(\n () =>\n navigate(\n `/tasks/task-detail-page?taskId=${encodeURIComponent(item.workItem.id)}`\n ),\n item.workItem.title\n )}\n className={`rounded-md border p-3 ${ROW_LINK_CLASS}`}\n >\n <div className=\"flex flex-wrap items-center justify-between gap-2\">\n <p className=\"text-sm font-medium\">\n {item.workItem.key}{' '}\n <span className=\"font-normal\">{item.workItem.title}</span>\n </p>\n <span className=\"text-xs text-muted-foreground\">\n {enumLabel(item.workItem.status)}\n {item.workItem.storyPoints != null\n ? ` · ${item.workItem.storyPoints} pts`\n : ''}\n </span>\n </div>\n <div className=\"mt-2 space-y-1.5\">\n {item.flags.map((flag) => {\n const Icon = riskFlagKindIcon(flag.kind);\n return (\n <div\n key={flag.kind}\n data-testid=\"at-risk-flag\"\n className=\"flex items-start gap-2 text-xs\"\n >\n <Icon className=\"mt-0.5 h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n <Badge\n variant={riskFlagSeverityBadgeVariant(flag.severity)}\n className=\"shrink-0\"\n >\n {enumLabel(flag.severity)}\n </Badge>\n <Badge variant=\"outline\" className=\"shrink-0\">\n {enumLabel(flag.kind)}\n </Badge>\n <span className=\"text-muted-foreground\">{flag.reason}</span>\n </div>\n );\n })}\n </div>\n </div>\n ))\n )}\n {result && result.totalCount > items.length && kindFilter === KIND_FILTER_ALL && (\n <p className=\"text-xs text-muted-foreground text-center pt-2\">\n {t(\n 'planmagnet.forecast.atRisk.moreNote',\n 'Showing the first {{shown}} of {{total}} flagged items.',\n { shown: items.length, total: result.totalCount }\n )}\n </p>\n )}\n </CardContent>\n </Card>\n </>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;;;AA2BA,IAAM,IAAoB,KAEpB,IAAsB,CAAG;;;;;;;;;;;;;;GAgBzB,IAAyB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA6D5B,IAAkB;AAExB,SAAgB,IAAyB;CACvC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,EAAE,SAAM,GAAS,EACjB,CAAC,GAAc,KAAmB,GAAiB,EACnD,IAAY,EAAa,IAAI,YAAY,IAAI,IAC7C,IAAW,EAAa,IAAI,WAAW,IAAI,IAC3C,CAAC,GAAY,KAAiB,EAClC,EACD;CAED,SAAS,EAAa,GAAc;EAClC,IAAM,IAAS,IAAI,gBAAgB,EAAa;AAMhD,EALI,IAAM,EAAO,IAAI,aAAa,EAAK,GAClC,EAAO,OAAO,YAAY,EAG/B,EAAO,OAAO,WAAW,EACzB,EAAgB,GAAQ,EAAE,SAAS,IAAM,CAAC;;CAG5C,SAAS,EAAY,GAAc;EACjC,IAAM,IAAS,IAAI,gBAAgB,EAAa;AAGhD,EAFI,IAAM,EAAO,IAAI,YAAY,EAAK,GACjC,EAAO,OAAO,WAAW,EAC9B,EAAgB,GAAQ,EAAE,SAAS,IAAM,CAAC;;CAG5C,IAAM,EAAE,MAAM,MAAe,EAC3B,GACA;EAAE,WAAW;GAAE;GAAa;GAAW;EAAE,MAAM,CAAC,KAAe,CAAC;EAAW,CAC5E,EACK,IAAU,GAAY,kBAAkB,SAAS,EAAE,EAEnD,EAAE,SAAM,YAAS,aAAU,EAA8B,GAAwB;EACrF,WAAW;GACT;GACA;GACA,UAAU,KAAY,KAAA;GACtB,YAAY,EAAE,OAAO,GAAmB;GACzC;EACD,MAAM,CAAC,KAAe,CAAC;EACxB,CAAC,EACI,IAAS,GAAM,2BACf,IAAW,GAAQ,SAAS,EAAE,EAC9B,IACJ,MAAe,IACX,IACA,EAAS,QAAQ,MAAS,EAAK,MAAM,MAAM,MAAM,EAAE,SAAS,EAAW,CAAC,EACxE,oBAAa,IAAI,KAAgC;AACvD,MAAK,IAAM,KAAQ,EACjB,MAAK,IAAM,KAAQ,EAAK,MACtB,GAAW,IAAI,EAAK,OAAO,EAAW,IAAI,EAAK,KAAK,IAAI,KAAK,EAAE;AAInE,QACE,kBAAC,OAAD;EAAK,WAAU;EAAgB,eAAY;YAA3C;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAd,CACE,kBAAC,GAAD,EAAa,WAAU,wBAAyB,CAAA,EAC/C,EAAE,oCAAoC,eAAe,CACnD;QACL,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,uCACA,mHACD;KACC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAO,SAAQ;eAAW,EAAE,qCAAqC,aAAa;KAAS,CAAA,CACnF;;GAEN,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,SAAQ;MAAkB,WAAU;gBACxC,EAAE,sCAAsC,UAAU;MAC7C,CAAA,EACR,kBAAC,GAAD;MACE,IAAG;MACH,OAAO;MACP,UAAU;MACV,WAAW,EAAE,qCAAqC,oBAAoB;MACtE,CAAA,CACE;QACL,KACC,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,SAAQ;MAAiB,WAAU;gBACvC,EAAE,qCAAqC,oBAAoB;MACtD,CAAA,EACR,kBAAC,UAAD;MACE,IAAG;MACH,WAAU;MACV,OAAO;MACP,WAAW,MAAM,EAAY,EAAE,OAAO,MAAM;gBAJ9C,CAME,kBAAC,UAAD;OAAQ,OAAM;iBACX,EAAE,yCAAyC,kCAAkC;OACvE,CAAA,EACR,EAAQ,KAAK,MACZ,kBAAC,UAAD;OAAmB,OAAO,EAAE;iBACzB,EAAE;OACI,EAFI,EAAE,GAEN,CACT,CACK;QACL;OAEI;OACT,CAAA;GAEL,IAOA,kBAAA,GAAA,EAAA,UAAA,CACG,EAAS,SAAS,KACjB,kBAAC,OAAD;IACE,WAAU;IACV,MAAK;IACL,cAAY,EAAE,2CAA2C,sBAAsB;cAHjF,CAKE,kBAAC,UAAD;KACE,MAAK;KACL,gBAAc,MAAe;KAC7B,eAAe,EAAc,EAAgB;KAC7C,WAAW,+BACT,MAAe,IACX,uCACA;eAGL,EAAE,kCAAkC,mBAAmB,EAAE,OAAO,EAAS,QAAQ,CAAC;KAC5E,CAAA,EACR,EAAqB,QAAQ,OAAO,EAAW,IAAI,EAAE,IAAI,KAAK,EAAE,CAAC,KAAK,MACrE,kBAAC,UAAD;KAEE,MAAK;KACL,gBAAc,MAAe;KAC7B,eAAe,EAAc,EAAE;KAC/B,WAAW,+BACT,MAAe,IACX,uCACA;eARR;MAWG,EAAU,EAAE;MAAC;MAAG,EAAW,IAAI,EAAE;MAAC;MAC5B;OAXF,EAWE,CACT,CACE;OAGR,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,KAAW,CAAC,IACT,EAAE,+BAA+B,WAAW,GAC5C,EAAE,oCAAoC,6BAA6B,EACjE,OAAO,EAAM,QACd,CAAC,EACI,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;IAAa,WAAU;cAAvB,CACG,KAAW,CAAC,IACX,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;KAC9F,CAAA,GACJ,IACF,kBAAC,KAAD;KAAG,WAAU;eACV,EAAY,EAAM,GACf,EACE,wCACA,2DACD,GACD,GAAG,EAAE,oCAAoC,mCAAmC,CAAC,IAAI,EAAM;KACzF,CAAA,GACF,EAAM,WAAW,IACnB,kBAAC,KAAD;KAAG,WAAU;eACV,EAAS,WAAW,IACjB,EAAE,oCAAoC,mCAAmC,GACzE,EAAE,0CAA0C,8BAA8B;KAC5E,CAAA,GAEJ,EAAM,KAAK,MACT,kBAAC,OAAD;KAEE,eAAY;KACZ,GAAI,QAEA,EACE,kCAAkC,mBAAmB,EAAK,SAAS,GAAG,GACvE,EACH,EAAK,SAAS,MACf;KACD,WAAW,yBAAyB;eAVtC,CAYE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG,EAAK,SAAS;QAAK;QACpB,kBAAC,QAAD;SAAM,WAAU;mBAAe,EAAK,SAAS;SAAa,CAAA;QACxD;UACJ,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACG,EAAU,EAAK,SAAS,OAAO,EAC/B,EAAK,SAAS,eAAe,OAE1B,KADA,MAAM,EAAK,SAAS,YAAY,MAE/B;SACH;SACN,kBAAC,OAAD;MAAK,WAAU;gBACZ,EAAK,MAAM,KAAK,MAGb,kBAAC,OAAD;OAEE,eAAY;OACZ,WAAU;iBAHZ;QAKE,kBAPS,EAAiB,EAAK,KAAK,EAOpC,EAAM,WAAU,qDAAsD,CAAA;QACtE,kBAAC,GAAD;SACE,SAAS,EAA6B,EAAK,SAAS;SACpD,WAAU;mBAET,EAAU,EAAK,SAAS;SACnB,CAAA;QACR,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAU,EAAK,KAAK;SACf,CAAA;QACR,kBAAC,QAAD;SAAM,WAAU;mBAAyB,EAAK;SAAc,CAAA;QACxD;SAfC,EAAK,KAeN,CAER;MACE,CAAA,CACF;OA/CC,EAAK,SAAS,GA+Cf,CACN,EAEH,KAAU,EAAO,aAAa,EAAM,UAAU,MAAe,KAC5D,kBAAC,KAAD;KAAG,WAAU;eACV,EACC,uCACA,2DACA;MAAE,OAAO,EAAM;MAAQ,OAAO,EAAO;MAAY,CAClD;KACC,CAAA,CAEM;MACT,EAAA,CAAA,CACN,EAAA,CAAA,GAzIH,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;IAAa,WAAU;cACpB,EAAE,wCAAwC,4CAA4C;IAC3E,CAAA,EACT,CAAA;GAuIL"}

package/dist/planmagnet/pages/ProjectsMilestonesPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectsMilestonesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"names":[],"mappings":"~~AA4DA~~,wBAAgB,0BAA0B,~~4CAuIzC~~"}
1	+ {"version":3,"file":"ProjectsMilestonesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,0BAA0B,4CA6JzC"}

package/dist/planmagnet/pages/ProjectsMilestonesPagePage.js CHANGED Viewed

@@ -1,16 +1,17 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { PersonName as n } from "../people/People.js";
-import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
-import { NewMilestoneDialog as a } from "../create/CreateDialogs.js";
-import { MilestoneProgressBar as o } from "../milestones/MilestoneControls.js";
-import { useState as s } from "react";
-import { Calendar as c, Target as l, User as u } from "lucide-react";
-import { gql as d } from "@apollo/client";
-import { useQuery as f } from "@apollo/client/react";
-import { jsx as p, jsxs as m } from "react/jsx-runtime";
-import { Badge as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
+import { detailPath as r, rowLinkProps as i, stopRowActivation as a } from "../utils/rowNavigation.js";
+import { ScheduleMeetingDialog as o } from "../meetings/ScheduleMeetingDialog.js";
+import { NewMilestoneDialog as s } from "../create/CreateDialogs.js";
+import { MilestoneProgressBar as c } from "../milestones/MilestoneControls.js";
+import { useState as l } from "react";
+import { Calendar as u, Target as d, User as f } from "lucide-react";
+import { gql as p } from "@apollo/client";
+import { useQuery as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsMilestonesPagePage.tsx
-var b = d`
+var S = p`
   query GetMilestones($workspaceId: ID!, $filter: PlanmagnetMilestoneFilter) {
     planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
       items {
@@ -38,13 +39,13 @@ var b = d`
       totalCount
     }
   }
-`, x = {
+`, C = {
 	PENDING: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	COMPLETED: "bg-green-100 text-green-800",
 	MISSED: "bg-red-100 text-red-800",
 	CANCELLED: "bg-red-100 text-red-800"
-}, S = [
+}, w = [
 	"all",
 	"PENDING",
 	"IN_PROGRESS",
@@ -52,93 +53,113 @@ var b = d`
 	"MISSED",
 	"CANCELLED"
 ];
-function C() {
-	let { workspaceId: d } = e(), C = t(), [w, T] = s("all"), { data: E, loading: D, error: O } = f(b, { variables: {
-		workspaceId: d ?? "default",
-		filter: w === "all" ? void 0 : { status: w }
+function T() {
+	let { workspaceId: p } = e(), T = t(), [E, D] = l("all"), { data: O, loading: k, error: A } = m(S, { variables: {
+		workspaceId: p ?? "default",
+		filter: E === "all" ? void 0 : { status: E }
 	} });
-	if (D && !E) return /* @__PURE__ */ p("div", {
+	if (k && !O) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ p("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ h("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	let k = E?.planmagnetMilestones?.items ?? [], A = E?.planmagnetMilestones?.totalCount ?? 0;
-	return /* @__PURE__ */ m("div", {
+	let j = O?.planmagnetMilestones?.items ?? [], M = O?.planmagnetMilestones?.totalCount ?? 0;
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-2xl font-semibold",
 					children: "Milestones"
-				}), /* @__PURE__ */ p("p", {
+				}), /* @__PURE__ */ h("p", {
 					className: "text-sm text-muted-foreground",
-					children: w === "all" ? `${A} milestones across all projects` : `${A} ${w.toLowerCase().replace("_", " ")} milestones`
-				})] }), /* @__PURE__ */ p(a, { onCreated: (e) => C(r("/projects/milestone-detail-page", e)) })]
+					children: E === "all" ? `${M} milestones across all projects` : `${M} ${E.toLowerCase().replace("_", " ")} milestones`
+				})] }), /* @__PURE__ */ h(s, { onCreated: (e) => T(r("/projects/milestone-detail-page", e)) })]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "flex gap-1",
-				children: S.map((e) => /* @__PURE__ */ p("button", {
-					onClick: () => T(e),
-					className: `px-3 py-1.5 text-sm rounded-md capitalize ${w === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+				children: w.map((e) => /* @__PURE__ */ h("button", {
+					onClick: () => D(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${E === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
 					children: e === "all" ? "All" : e.toLowerCase().replace("_", " ")
 				}, e))
 			}),
-			O && /* @__PURE__ */ m("div", {
+			A && /* @__PURE__ */ g("div", {
 				role: "alert",
 				className: "rounded-md border border-destructive/40 p-4 text-sm text-destructive",
-				children: ["Milestones could not be loaded: ", O.message]
+				children: ["Milestones could not be loaded: ", A.message]
 			}),
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ h("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: k.map((e) => /* @__PURE__ */ m(g, {
-					...i(() => C(r("/projects/milestone-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ p(v, {
+				children: j.map((e) => /* @__PURE__ */ g(v, {
+					...i(() => T(r("/projects/milestone-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ h(b, {
 						className: "pb-2",
-						children: /* @__PURE__ */ m("div", {
+						children: /* @__PURE__ */ g("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ m(y, {
+							children: [/* @__PURE__ */ g(x, {
 								className: "text-base flex items-center gap-2",
-								children: [/* @__PURE__ */ p(l, { className: "h-4 w-4 text-primary" }), e.name]
-							}), /* @__PURE__ */ p("span", {
-								className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.status] ?? "bg-gray-100"}`,
+								children: [/* @__PURE__ */ h(d, { className: "h-4 w-4 text-primary" }), e.name]
+							}), /* @__PURE__ */ h("span", {
+								className: `text-xs px-2 py-0.5 rounded-full capitalize ${C[e.status] ?? "bg-gray-100"}`,
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
 						})
-					}), /* @__PURE__ */ m(_, {
+					}), /* @__PURE__ */ g(y, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ p("p", {
+							/* @__PURE__ */ h("p", {
 								className: "text-sm text-muted-foreground",
 								children: e.description ?? "No description"
 							}),
-							e.workItemProgress && /* @__PURE__ */ p(o, { progress: e.workItemProgress }),
-							/* @__PURE__ */ m("div", {
+							e.workItemProgress && /* @__PURE__ */ h(c, { progress: e.workItemProgress }),
+							/* @__PURE__ */ g("div", {
 								className: "flex gap-3 text-xs text-muted-foreground",
 								children: [
-									/* @__PURE__ */ m("span", {
+									/* @__PURE__ */ g("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ p(c, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
+										children: [/* @__PURE__ */ h(u, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
 									}),
-									e.isOverdue && /* @__PURE__ */ p(h, {
+									e.isOverdue && /* @__PURE__ */ h(_, {
 										variant: "destructive",
 										"data-testid": "milestone-overdue",
 										children: "Overdue"
 									}),
-									e.ownerId && /* @__PURE__ */ m("span", {
+									e.ownerId && /* @__PURE__ */ g("span", {
 										className: "flex items-center gap-1",
-										children: [/* @__PURE__ */ p(u, { className: "h-3 w-3" }), /* @__PURE__ */ p(n, { id: e.ownerId })]
+										children: [/* @__PURE__ */ h(f, { className: "h-3 w-3" }), /* @__PURE__ */ h(n, { id: e.ownerId })]
 									})
 								]
 							}),
-							/* @__PURE__ */ m("div", {
+							/* @__PURE__ */ g("div", {
 								className: "text-xs text-muted-foreground",
 								children: ["Project: ", e.project?.name ?? "not available"]
+							}),
+							/* @__PURE__ */ g("div", {
+								className: "flex flex-wrap gap-2 border-t pt-2",
+								onClick: a,
+								"data-testid": "milestone-schedule-actions",
+								children: [/* @__PURE__ */ h(o, {
+									projectId: e.projectId,
+									milestoneId: e.id,
+									defaultKind: "MILESTONE_CELEBRATION",
+									lockKind: !0,
+									defaultTitle: `${e.name} celebration`,
+									triggerLabel: "Celebration"
+								}), /* @__PURE__ */ h(o, {
+									projectId: e.projectId,
+									milestoneId: e.id,
+									defaultKind: "DEMO",
+									lockKind: !0,
+									defaultTitle: `${e.name} demo`,
+									triggerLabel: "Demo"
+								})]
 							})
 						]
 					})]
 				}, e.id))
 			}),
-			!O && k.length === 0 && /* @__PURE__ */ p("p", {
+			!A && j.length === 0 && /* @__PURE__ */ h("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No milestones found."
 			})
@@ -146,6 +167,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as ProjectsMilestonesPagePage };
+export { T as ProjectsMilestonesPagePage };
 //# sourceMappingURL=ProjectsMilestonesPagePage.js.map

package/dist/planmagnet/pages/ProjectsMilestonesPagePage.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectsMilestonesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.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, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, User } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { NewMilestoneDialog } from '../create/CreateDialogs';\nimport { type MilestoneProgress, MilestoneProgressBar } from '../milestones/MilestoneControls';\n\nconst GET_MILESTONES = gql`\n query GetMilestones($workspaceId: ID!, $filter: PlanmagnetMilestoneFilter) {\n planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n items {\n id\n name\n description\n projectId\n project {\n id\n name\n }\n status\n dueDate\n isOverdue\n ownerId\n createdAt\n workItemProgress {\n total\n done\n cancelled\n open\n percentComplete\n }\n }\n totalCount\n }\n }\n`;\n\nconst statusColor: Record<string, string> = {\n PENDING: 'bg-gray-100 text-gray-800',\n IN_PROGRESS: 'bg-blue-100 text-blue-800',\n COMPLETED: 'bg-green-100 text-green-800',\n MISSED: 'bg-red-100 text-red-800',\n CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst milestoneStatuses = [\n 'all',\n 'PENDING',\n 'IN_PROGRESS',\n 'COMPLETED',\n 'MISSED',\n 'CANCELLED',\n] as const;\n\nexport function ProjectsMilestonesPagePage() {\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 // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(GET_MILESTONES, {\n variables: {\n workspaceId: workspaceId ?? 'default',\n filter: filter !== 'all' ? { status: filter } : undefined,\n },\n });\n\n // Only before the first load: a refetch after a create must not blank the page.\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 // A failed load is shown INSIDE the list area: an early return here replaced the whole page, so the status tabs\n // and New Milestone vanished and a failing tab could not be left (BOFF-7942).\n\n const milestones = data?.planmagnetMilestones?.items ?? [];\n const totalCount = data?.planmagnetMilestones?.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\">Milestones</h1>\n <p className=\"text-sm text-muted-foreground\">\n {/* The count follows the tab: it is the filtered total, so do not call it \"all\". */}\n {filter === 'all'\n ? `${totalCount} milestones across all projects`\n : `${totalCount} ${filter.toLowerCase().replace('_', ' ')} milestones`}\n </p>\n </div>\n <NewMilestoneDialog\n onCreated={(id) => navigate(detailPath('/projects/milestone-detail-page', id))}\n />\n </div>\n <div className=\"flex gap-1\">\n {milestoneStatuses.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().replace('_', ' ')}\n </button>\n ))}\n </div>\n {error && (\n <div\n role=\"alert\"\n className=\"rounded-md border border-destructive/40 p-4 text-sm text-destructive\"\n >\n Milestones could not be loaded: {error.message}\n </div>\n )}\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {milestones.map(\n (ms: {\n id: string;\n name: string;\n description: string \| null;\n projectId: string;\n project: { id: string; name: string } \| null;\n status: string;\n dueDate: string \| null;\n isOverdue: boolean;\n ownerId: string \| null;\n workItemProgress: MilestoneProgress \| null;\n }) => (\n <Card\n key={ms.id}\n {...rowLinkProps(\n () => navigate(detailPath('/projects/milestone-detail-page', ms.id)),\n ms.name\n )}\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 <Target className=\"h-4 w-4 text-primary\" />\n {ms.name}\n </CardTitle>\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n >\n {ms.status.toLowerCase().replace('_', ' ')}\n </span>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {ms.description ?? 'No description'}\n </p>\n {ms.workItemProgress && <MilestoneProgressBar progress={ms.workItemProgress} />}\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 {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'No due date'}\n </span>\n {ms.isOverdue && (\n <Badge variant=\"destructive\" data-testid=\"milestone-overdue\">\n Overdue\n </Badge>\n )}\n {ms.ownerId && (\n <span className=\"flex items-center gap-1\">\n <User className=\"h-3 w-3\" />\n <PersonName id={ms.ownerId} />\n </span>\n )}\n </div>\n <div className=\"text-xs text-muted-foreground\">\n Project: {ms.project?.name ?? 'not available'}\n </div>\n </CardContent>\n </Card>\n )\n )}\n </div>\n {!error && milestones.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">No milestones found.</p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}
1	+ {"version":3,"file":"ProjectsMilestonesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.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, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, User } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath, stopRowActivation } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { NewMilestoneDialog } from '../create/CreateDialogs';\nimport { type MilestoneProgress, MilestoneProgressBar } from '../milestones/MilestoneControls';\nimport { ScheduleMeetingDialog } from '../meetings/ScheduleMeetingDialog';\n\nconst GET_MILESTONES = gql`\n query GetMilestones($workspaceId: ID!, $filter: PlanmagnetMilestoneFilter) {\n planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n items {\n id\n name\n description\n projectId\n project {\n id\n name\n }\n status\n dueDate\n isOverdue\n ownerId\n createdAt\n workItemProgress {\n total\n done\n cancelled\n open\n percentComplete\n }\n }\n totalCount\n }\n }\n`;\n\nconst statusColor: Record<string, string> = {\n PENDING: 'bg-gray-100 text-gray-800',\n IN_PROGRESS: 'bg-blue-100 text-blue-800',\n COMPLETED: 'bg-green-100 text-green-800',\n MISSED: 'bg-red-100 text-red-800',\n CANCELLED: 'bg-red-100 text-red-800',\n};\n\nconst milestoneStatuses = [\n 'all',\n 'PENDING',\n 'IN_PROGRESS',\n 'COMPLETED',\n 'MISSED',\n 'CANCELLED',\n] as const;\n\nexport function ProjectsMilestonesPagePage() {\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 // eslint-disable-next-line @typescript-eslint/no-explicit-any\n useQuery<Record<string, any>>(GET_MILESTONES, {\n variables: {\n workspaceId: workspaceId ?? 'default',\n filter: filter !== 'all' ? { status: filter } : undefined,\n },\n });\n\n // Only before the first load: a refetch after a create must not blank the page.\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 // A failed load is shown INSIDE the list area: an early return here replaced the whole page, so the status tabs\n // and New Milestone vanished and a failing tab could not be left (BOFF-7942).\n\n const milestones = data?.planmagnetMilestones?.items ?? [];\n const totalCount = data?.planmagnetMilestones?.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\">Milestones</h1>\n <p className=\"text-sm text-muted-foreground\">\n {/* The count follows the tab: it is the filtered total, so do not call it \"all\". */}\n {filter === 'all'\n ? `${totalCount} milestones across all projects`\n : `${totalCount} ${filter.toLowerCase().replace('_', ' ')} milestones`}\n </p>\n </div>\n <NewMilestoneDialog\n onCreated={(id) => navigate(detailPath('/projects/milestone-detail-page', id))}\n />\n </div>\n <div className=\"flex gap-1\">\n {milestoneStatuses.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().replace('_', ' ')}\n </button>\n ))}\n </div>\n {error && (\n <div\n role=\"alert\"\n className=\"rounded-md border border-destructive/40 p-4 text-sm text-destructive\"\n >\n Milestones could not be loaded: {error.message}\n </div>\n )}\n <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n {milestones.map(\n (ms: {\n id: string;\n name: string;\n description: string \| null;\n projectId: string;\n project: { id: string; name: string } \| null;\n status: string;\n dueDate: string \| null;\n isOverdue: boolean;\n ownerId: string \| null;\n workItemProgress: MilestoneProgress \| null;\n }) => (\n <Card\n key={ms.id}\n {...rowLinkProps(\n () => navigate(detailPath('/projects/milestone-detail-page', ms.id)),\n ms.name\n )}\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 <Target className=\"h-4 w-4 text-primary\" />\n {ms.name}\n </CardTitle>\n <span\n className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n >\n {ms.status.toLowerCase().replace('_', ' ')}\n </span>\n </div>\n </CardHeader>\n <CardContent className=\"space-y-3\">\n <p className=\"text-sm text-muted-foreground\">\n {ms.description ?? 'No description'}\n </p>\n {ms.workItemProgress && <MilestoneProgressBar progress={ms.workItemProgress} />}\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 {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'No due date'}\n </span>\n {ms.isOverdue && (\n <Badge variant=\"destructive\" data-testid=\"milestone-overdue\">\n Overdue\n </Badge>\n )}\n {ms.ownerId && (\n <span className=\"flex items-center gap-1\">\n <User className=\"h-3 w-3\" />\n <PersonName id={ms.ownerId} />\n </span>\n )}\n </div>\n <div className=\"text-xs text-muted-foreground\">\n Project: {ms.project?.name ?? 'not available'}\n </div>\n <div\n className=\"flex flex-wrap gap-2 border-t pt-2\"\n onClick={stopRowActivation}\n data-testid=\"milestone-schedule-actions\"\n >\n <ScheduleMeetingDialog\n projectId={ms.projectId}\n milestoneId={ms.id}\n defaultKind=\"MILESTONE_CELEBRATION\"\n lockKind\n defaultTitle={`${ms.name} celebration`}\n triggerLabel=\"Celebration\"\n />\n <ScheduleMeetingDialog\n projectId={ms.projectId}\n milestoneId={ms.id}\n defaultKind=\"DEMO\"\n lockKind\n defaultTitle={`${ms.name} demo`}\n triggerLabel=\"Demo\"\n />\n </div>\n </CardContent>\n </Card>\n )\n )}\n </div>\n {!error && milestones.length === 0 && (\n <p className=\"text-center text-muted-foreground py-8\">No milestones found.</p>\n )}\n </div>\n );\n}\n"],"mappings":";;;;;;;;;;;;;AAcA,IAAM,IAAiB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BpB,IAAsC;CAC1C,SAAS;CACT,aAAa;CACb,WAAW;CACX,QAAQ;CACR,WAAW;CACZ,EAEK,IAAoB;CACxB;CACA;CACA;CACA;CACA;CACA;CACD;AAED,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAQ,KAAa,EAAiB,MAAM,EAE7C,EACJ,SACA,YACA,aAGA,EAA8B,GAAgB,EAC5C,WAAW;EACT,aAAa,KAAe;EAC5B,QAAQ,MAAW,QAA6B,KAAA,IAArB,EAAE,QAAQ,GAAQ;EAC9C,EACF,CAAC;AAGJ,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;CAKV,IAAM,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAa,GAAM,sBAAsB,cAAc;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAe,CAAA,EACtD,kBAAC,KAAD;KAAG,WAAU;eAEV,MAAW,QACR,GAAG,EAAW,mCACd,GAAG,EAAW,GAAG,EAAO,aAAa,CAAC,QAAQ,KAAK,IAAI,CAAC;KAC1D,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,GAAD,EACE,YAAY,MAAO,EAAS,EAAW,mCAAmC,EAAG,CAAC,EAC9E,CAAA,CACE;;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAkB,KAAK,MACtB,kBAAC,UAAD;KAEE,eAAe,EAAU,EAAE;KAC3B,WAAW,6CAA6C,MAAW,IAAI,uCAAuC;eAE7G,MAAM,QAAQ,QAAQ,EAAE,aAAa,CAAC,QAAQ,KAAK,IAAI;KACjD,EALF,EAKE,CACT;IACE,CAAA;GACL,KACC,kBAAC,OAAD;IACE,MAAK;IACL,WAAU;cAFZ,CAGC,oCACkC,EAAM,QACnC;;GAER,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KACT,MAYC,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,mCAAmC,EAAG,GAAG,CAAC,EACpE,EAAG,KACJ;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD;QAAW,WAAU;kBAArB,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC1C,EAAG,KACM;WACZ,kBAAC,QAAD;QACE,WAAW,+CAA+C,EAAY,EAAG,WAAW;kBAEnF,EAAG,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QACrC,CAAA,CACH;;MACK,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAG,eAAe;QACjB,CAAA;OACH,EAAG,oBAAoB,kBAAC,GAAD,EAAsB,UAAU,EAAG,kBAAoB,CAAA;OAC/E,kBAAC,OAAD;QAAK,WAAU;kBAAf;SACE,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG,cACrD;;SACN,EAAG,aACF,kBAAC,GAAD;UAAO,SAAQ;UAAc,eAAY;oBAAoB;UAErD,CAAA;SAET,EAAG,WACF,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,GAAD,EAAY,IAAI,EAAG,SAAW,CAAA,CACzB;;SAEL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAA+C,aACnC,EAAG,SAAS,QAAQ,gBAC1B;;OACN,kBAAC,OAAD;QACE,WAAU;QACV,SAAS;QACT,eAAY;kBAHd,CAKE,kBAAC,GAAD;SACE,WAAW,EAAG;SACd,aAAa,EAAG;SAChB,aAAY;SACZ,UAAA;SACA,cAAc,GAAG,EAAG,KAAK;SACzB,cAAa;SACb,CAAA,EACF,kBAAC,GAAD;SACE,WAAW,EAAG;SACd,aAAa,EAAG;SAChB,aAAY;SACZ,UAAA;SACA,cAAc,GAAG,EAAG,KAAK;SACzB,cAAa;SACb,CAAA,CACE;;OACM;QACT;OAnEA,EAAG,GAmEH,CAEV;IACG,CAAA;GACL,CAAC,KAAS,EAAW,WAAW,KAC/B,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAwB,CAAA;GAE5E"}

package/dist/planmagnet/pages/ProjectsPlanningDetailPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"~~AA4FA~~,wBAAgB,8BAA8B,~~4CAwU7C~~"}
1	+ {"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AA8FA,wBAAgB,8BAA8B,4CA+V7C"}