@burdenoff/microfe-planmagnet 2026.928.3 → 2026.928.5

package/dist/planmagnet/pages/RisksRiskDetailPagePage.js

@@ -0,0 +1,278 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { PersonName as t } from "../people/People.js";
+import { useEntityId as n } from "../hooks/useEntityId.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { RiskHeaderActions as a } from "../controls/RiskControls.js";
+import { Calendar as o, FolderKanban as s, Gauge as c, ShieldAlert 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";
+//#region src/planmagnet/pages/RisksRiskDetailPagePage.tsx
+var b = d`
+  query GetRiskDetail($id: ID!) {
+    planmagnetRisk(id: $id) {
+      id
+      projectId
+      project {
+        id
+        name
+      }
+      title
+      description
+      severity
+      status
+      likelihood
+      impact
+      riskScore
+      category
+      mitigationPlan
+      contingencyPlan
+      ownerId
+      dueDate
+      resolvedAt
+      tags
+      createdAt
+      updatedAt
+    }
+  }
+`, x = {
+	CRITICAL: "bg-red-100 text-red-800",
+	HIGH: "bg-orange-100 text-orange-800",
+	MEDIUM: "bg-yellow-100 text-yellow-800",
+	LOW: "bg-blue-100 text-blue-800",
+	NEGLIGIBLE: "bg-gray-100 text-gray-800"
+}, S = 12;
+function C() {
+	let d = n(), C = e(), { data: w, loading: T, error: E } = f(b, {
+		variables: { id: d },
+		skip: !d
+	});
+	if (!d) return /* @__PURE__ */ p("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No risk selected. Open one from the register."
+	});
+	if (T && !w) return /* @__PURE__ */ p("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" })
+	});
+	if (E) return /* @__PURE__ */ m("div", {
+		className: "p-6 text-red-500",
+		children: ["Error loading risk: ", E.message]
+	});
+	let D = w?.planmagnetRisk;
+	return D ? /* @__PURE__ */ m("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ m("div", {
+			className: "flex items-center justify-between gap-4",
+			children: [/* @__PURE__ */ m("div", {
+				className: "flex items-center gap-3",
+				children: [/* @__PURE__ */ p(l, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ p("h1", {
+						className: "text-2xl font-semibold",
+						children: D.title
+					}), /* @__PURE__ */ p("span", {
+						className: `text-xs px-2 py-0.5 rounded-full shrink-0 ${x[D.severity] ?? "bg-gray-100"}`,
+						children: r(D.severity)
+					})]
+				}), /* @__PURE__ */ m("p", {
+					className: "text-sm text-muted-foreground",
+					children: ["Project: ", D.project?.name ?? "not available"]
+				})] })]
+			}), /* @__PURE__ */ p(a, { risk: D })]
+		}), /* @__PURE__ */ m("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ m("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [
+					/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Overview" }) }), /* @__PURE__ */ m(_, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ p("p", {
+								className: "text-sm",
+								children: D.description ?? "No description provided."
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ p(h, {
+									variant: D.status === "RESOLVED" || D.status === "CLOSED" ? "default" : "secondary",
+									className: "capitalize",
+									children: r(D.status)
+								})]
+							}),
+							D.category && /* @__PURE__ */ m("div", {
+								className: "flex justify-between text-sm",
+								children: [/* @__PURE__ */ p("span", {
+									className: "text-muted-foreground",
+									children: "Category"
+								}), /* @__PURE__ */ p("span", {
+									className: "font-medium",
+									children: D.category
+								})]
+							})
+						]
+					})] }),
+					/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ p(c, { className: "h-4 w-4 text-primary" }), "Risk score"]
+					}) }), /* @__PURE__ */ p(_, { children: /* @__PURE__ */ m("div", {
+						className: "grid grid-cols-3 gap-4 text-center",
+						children: [
+							/* @__PURE__ */ m("div", {
+								className: "p-4 bg-muted rounded-md",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-xl font-bold",
+									children: D.likelihood
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Likelihood (1-5)"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: "p-4 bg-muted rounded-md",
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-xl font-bold",
+									children: D.impact
+								}), /* @__PURE__ */ p("p", {
+									className: "text-xs text-muted-foreground",
+									children: "Impact (1-5)"
+								})]
+							}),
+							/* @__PURE__ */ m("div", {
+								className: `p-4 rounded-md ${D.riskScore >= S ? "bg-destructive/10" : "bg-muted"}`,
+								children: [/* @__PURE__ */ p("p", {
+									className: "text-xl font-bold",
+									children: D.riskScore
+								}), /* @__PURE__ */ m("p", {
+									className: "text-xs text-muted-foreground",
+									children: ["Score", D.riskScore >= S ? " — needs attention" : ""]
+								})]
+							})
+						]
+					}) })] }),
+					(D.mitigationPlan || D.contingencyPlan) && /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Response plan" }) }), /* @__PURE__ */ m(_, {
+						className: "space-y-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "text-xs font-medium text-muted-foreground uppercase",
+							children: "Mitigation"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm mt-1",
+							children: D.mitigationPlan ?? "Not set."
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("p", {
+							className: "text-xs font-medium text-muted-foreground uppercase",
+							children: "Contingency"
+						}), /* @__PURE__ */ p("p", {
+							className: "text-sm mt-1",
+							children: D.contingencyPlan ?? "Not set."
+						})] })]
+					})] })
+				]
+			}), /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Details" }) }), /* @__PURE__ */ m(_, {
+				className: "space-y-3 text-sm",
+				children: [
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ p(s, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "Project:"
+							}),
+							D.project ? /* @__PURE__ */ p("button", {
+								type: "button",
+								className: "font-medium text-primary hover:underline",
+								onClick: () => C(i("/projects/project-detail-page", D.project?.id)),
+								children: D.project.name
+							}) : /* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "not available"
+							})
+						]
+					}),
+					D.ownerId && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ p(u, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "Owner:"
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "font-medium",
+								children: /* @__PURE__ */ p(t, { id: D.ownerId })
+							})
+						]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ p(o, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "Due:"
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "font-medium",
+								children: D.dueDate ? new Date(D.dueDate).toLocaleDateString() : "Not set"
+							})
+						]
+					}),
+					D.resolvedAt && /* @__PURE__ */ m("div", {
+						className: "flex items-center gap-2",
+						children: [
+							/* @__PURE__ */ p(o, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "Resolved:"
+							}),
+							/* @__PURE__ */ p("span", {
+								className: "font-medium",
+								children: new Date(D.resolvedAt).toLocaleDateString()
+							})
+						]
+					}),
+					D.tags.length > 0 && /* @__PURE__ */ m("div", {
+						className: "flex justify-between items-start",
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-muted-foreground",
+							children: "Tags"
+						}), /* @__PURE__ */ p("div", {
+							className: "flex gap-1 flex-wrap justify-end",
+							children: D.tags.map((e) => /* @__PURE__ */ p(h, {
+								variant: "outline",
+								className: "text-xs",
+								children: e
+							}, e))
+						})]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-muted-foreground",
+							children: "Created"
+						}), /* @__PURE__ */ p("span", { children: new Date(D.createdAt).toLocaleDateString() })]
+					}),
+					/* @__PURE__ */ m("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ p("span", {
+							className: "text-muted-foreground",
+							children: "Updated"
+						}), /* @__PURE__ */ p("span", { children: new Date(D.updatedAt).toLocaleDateString() })]
+					})
+				]
+			})] })]
+		})]
+	}) : /* @__PURE__ */ p("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Risk not found."
+	});
+}
+//#endregion
+export { C as RisksRiskDetailPagePage };
+
+//# sourceMappingURL=RisksRiskDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RisksRiskDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/RisksRiskDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { ShieldAlert, Calendar, FolderKanban, User, Gauge } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { PersonName } from '../people/People';\nimport { RiskHeaderActions } from '../controls/RiskControls';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\n\nconst GET_RISK_DETAIL = gql`\n  query GetRiskDetail($id: ID!) {\n    planmagnetRisk(id: $id) {\n      id\n      projectId\n      project {\n        id\n        name\n      }\n      title\n      description\n      severity\n      status\n      likelihood\n      impact\n      riskScore\n      category\n      mitigationPlan\n      contingencyPlan\n      ownerId\n      dueDate\n      resolvedAt\n      tags\n      createdAt\n      updatedAt\n    }\n  }\n`;\n\nconst severityColor: Record<string, string> = {\n  CRITICAL: 'bg-red-100 text-red-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  MEDIUM: 'bg-yellow-100 text-yellow-800',\n  LOW: 'bg-blue-100 text-blue-800',\n  NEGLIGIBLE: 'bg-gray-100 text-gray-800',\n};\n\n/** likelihood/impact are each 1-5; anything at or above this product is called out as needing attention. */\nconst HIGH_SCORE_THRESHOLD = 12;\n\nexport function RisksRiskDetailPagePage() {\n  const riskId = useEntityId();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<{\n    planmagnetRisk: {\n      id: string;\n      projectId: string;\n      project: { id: string; name: string } | null;\n      title: string;\n      description: string | null;\n      severity: string;\n      status: string;\n      likelihood: number;\n      impact: number;\n      riskScore: number;\n      category: string | null;\n      mitigationPlan: string | null;\n      contingencyPlan: string | null;\n      ownerId: string | null;\n      dueDate: string | null;\n      resolvedAt: string | null;\n      tags: string[];\n      createdAt: string;\n      updatedAt: string;\n    } | null;\n  }>(GET_RISK_DETAIL, {\n    variables: { id: riskId },\n    skip: !riskId,\n  });\n\n  if (!riskId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No risk selected. Open one from the register.</div>\n    );\n  // Only before the first load: a refetch must not blank the page (it unmounts every component and loses state).\n  if (loading && !data)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error) return <div className=\"p-6 text-red-500\">Error loading risk: {error.message}</div>;\n\n  const risk = data?.planmagnetRisk;\n  if (!risk) return <div className=\"p-6 text-muted-foreground\">Risk not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between gap-4\">\n        <div className=\"flex items-center gap-3\">\n          <ShieldAlert className=\"h-6 w-6 text-primary\" />\n          <div>\n            <div className=\"flex items-center gap-2\">\n              <h1 className=\"text-2xl font-semibold\">{risk.title}</h1>\n              <span\n                className={`text-xs px-2 py-0.5 rounded-full shrink-0 ${severityColor[risk.severity] ?? 'bg-gray-100'}`}\n              >\n                {enumLabel(risk.severity)}\n              </span>\n            </div>\n            <p className=\"text-sm text-muted-foreground\">\n              Project: {risk.project?.name ?? 'not available'}\n            </p>\n          </div>\n        </div>\n        <RiskHeaderActions risk={risk} />\n      </div>\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Overview</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <p className=\"text-sm\">{risk.description ?? 'No description provided.'}</p>\n              <div className=\"flex justify-between text-sm\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge\n                  variant={\n                    risk.status === 'RESOLVED' || risk.status === 'CLOSED' ? 'default' : 'secondary'\n                  }\n                  className=\"capitalize\"\n                >\n                  {enumLabel(risk.status)}\n                </Badge>\n              </div>\n              {risk.category && (\n                <div className=\"flex justify-between text-sm\">\n                  <span className=\"text-muted-foreground\">Category</span>\n                  <span className=\"font-medium\">{risk.category}</span>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2\">\n                <Gauge className=\"h-4 w-4 text-primary\" />\n                Risk score\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-3 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-xl font-bold\">{risk.likelihood}</p>\n                  <p className=\"text-xs text-muted-foreground\">Likelihood (1-5)</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-xl font-bold\">{risk.impact}</p>\n                  <p className=\"text-xs text-muted-foreground\">Impact (1-5)</p>\n                </div>\n                <div\n                  className={`p-4 rounded-md ${risk.riskScore >= HIGH_SCORE_THRESHOLD ? 'bg-destructive/10' : 'bg-muted'}`}\n                >\n                  <p className=\"text-xl font-bold\">{risk.riskScore}</p>\n                  <p className=\"text-xs text-muted-foreground\">\n                    Score{risk.riskScore >= HIGH_SCORE_THRESHOLD ? ' — needs attention' : ''}\n                  </p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          {(risk.mitigationPlan || risk.contingencyPlan) && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Response plan</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-4\">\n                <div>\n                  <p className=\"text-xs font-medium text-muted-foreground uppercase\">Mitigation</p>\n                  <p className=\"text-sm mt-1\">{risk.mitigationPlan ?? 'Not set.'}</p>\n                </div>\n                <div>\n                  <p className=\"text-xs font-medium text-muted-foreground uppercase\">Contingency</p>\n                  <p className=\"text-sm mt-1\">{risk.contingencyPlan ?? 'Not set.'}</p>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n        </div>\n        <Card>\n          <CardHeader>\n            <CardTitle>Details</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3 text-sm\">\n            <div className=\"flex items-center gap-2\">\n              <FolderKanban className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Project:</span>\n              {risk.project ? (\n                <button\n                  type=\"button\"\n                  className=\"font-medium text-primary hover:underline\"\n                  onClick={() =>\n                    navigate(detailPath('/projects/project-detail-page', risk.project?.id))\n                  }\n                >\n                  {risk.project.name}\n                </button>\n              ) : (\n                <span className=\"text-muted-foreground\">not available</span>\n              )}\n            </div>\n            {risk.ownerId && (\n              <div className=\"flex items-center gap-2\">\n                <User className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Owner:</span>\n                <span className=\"font-medium\">\n                  <PersonName id={risk.ownerId} />\n                </span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {risk.dueDate ? new Date(risk.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\n            {risk.resolvedAt && (\n              <div className=\"flex items-center gap-2\">\n                <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n                <span className=\"text-muted-foreground\">Resolved:</span>\n                <span className=\"font-medium\">\n                  {new Date(risk.resolvedAt).toLocaleDateString()}\n                </span>\n              </div>\n            )}\n            {risk.tags.length > 0 && (\n              <div className=\"flex justify-between items-start\">\n                <span className=\"text-muted-foreground\">Tags</span>\n                <div className=\"flex gap-1 flex-wrap justify-end\">\n                  {risk.tags.map((tag) => (\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                      {tag}\n                    </Badge>\n                  ))}\n                </div>\n              </div>\n            )}\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">Created</span>\n              <span>{new Date(risk.createdAt).toLocaleDateString()}</span>\n            </div>\n            <div className=\"flex justify-between\">\n              <span className=\"text-muted-foreground\">Updated</span>\n              <span>{new Date(risk.updatedAt).toLocaleDateString()}</span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/RisksRiskRegisterPagePage.d.ts

@@ -0,0 +1,2 @@
+export declare function RisksRiskRegisterPagePage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=RisksRiskRegisterPagePage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RisksRiskRegisterPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/RisksRiskRegisterPagePage.tsx"],"names":[],"mappings":"AAyFA,wBAAgB,yBAAyB,4CAwJxC"}

package/dist/planmagnet/pages/RisksRiskRegisterPagePage.js

@@ -0,0 +1,191 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { enumLabel as r } from "../controls/WorkItemControls.js";
+import { detailPath as i, rowLinkProps as a } from "../utils/rowNavigation.js";
+import { RISK_SEVERITIES as o, RISK_STATUSES as s } from "../controls/RiskControls.js";
+import { NewRiskDialog as c } from "../create/CreateDialogs.js";
+import { useState as l } from "react";
+import { Calendar as u, ShieldAlert as d, User as f } from "lucide-react";
+import { useSearchParams as p } from "react-router";
+import { gql as m } from "@apollo/client";
+import { useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/RisksRiskRegisterPagePage.tsx
+var S = m`
+  query GetRiskRegisterProject($id: ID!) {
+    planmagnetProject(id: $id) {
+      id
+      name
+    }
+  }
+`, C = m`
+  query GetRisks($workspaceId: ID!, $filter: PlanmagnetRiskFilter) {
+    planmagnetRisks(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
+      items {
+        id
+        title
+        description
+        projectId
+        project {
+          id
+          name
+        }
+        severity
+        status
+        likelihood
+        impact
+        riskScore
+        ownerId
+        dueDate
+        category
+      }
+      totalCount
+    }
+  }
+`, w = {
+	CRITICAL: "bg-red-100 text-red-800",
+	HIGH: "bg-orange-100 text-orange-800",
+	MEDIUM: "bg-yellow-100 text-yellow-800",
+	LOW: "bg-blue-100 text-blue-800",
+	NEGLIGIBLE: "bg-gray-100 text-gray-800"
+}, T = {
+	IDENTIFIED: "bg-gray-100 text-gray-800",
+	ANALYZING: "bg-blue-100 text-blue-800",
+	MITIGATING: "bg-yellow-100 text-yellow-800",
+	ACCEPTED: "bg-purple-100 text-purple-800",
+	RESOLVED: "bg-green-100 text-green-800",
+	CLOSED: "bg-gray-100 text-gray-500"
+}, E = ["all", ...o];
+function D() {
+	let { workspaceId: o } = e(), m = t(), [D] = p(), O = D.get("projectId") ?? void 0, [k, A] = l("all"), [j, M] = l("all"), N = {};
+	O && (N.projectId = O), k !== "all" && (N.severity = k), j !== "all" && (N.status = j);
+	let { data: P, loading: F, error: I } = h(C, {
+		variables: {
+			workspaceId: o ?? "default",
+			filter: N
+		},
+		skip: !o
+	}), { data: L } = h(S, {
+		variables: { id: O },
+		skip: !O
+	});
+	if (F && !P) return /* @__PURE__ */ g("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ g("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	let R = P?.planmagnetRisks?.items ?? [], z = P?.planmagnetRisks?.totalCount ?? 0, B = L?.planmagnetProject?.name;
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex items-center justify-between",
+				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" }), "Risk Register"]
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					children: O ? `${z} risk${z === 1 ? "" : "s"} for ${B ?? "this project"}` : `${z} risk${z === 1 ? "" : "s"} across all projects`
+				})] }), /* @__PURE__ */ g(c, {
+					projectId: O,
+					onCreated: (e) => m(i("/risks/risk-detail-page", e))
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap gap-4",
+				children: [/* @__PURE__ */ g("div", {
+					className: "flex gap-1",
+					children: E.map((e) => /* @__PURE__ */ g("button", {
+						onClick: () => A(e),
+						className: `px-3 py-1.5 text-sm rounded-md capitalize ${k === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e === "all" ? "All severities" : r(e)
+					}, e))
+				}), /* @__PURE__ */ _("select", {
+					"aria-label": "Status",
+					className: "rounded-md border border-input bg-background px-2 py-1 text-sm",
+					value: j,
+					onChange: (e) => M(e.target.value),
+					children: [/* @__PURE__ */ g("option", {
+						value: "all",
+						children: "All statuses"
+					}), s.map((e) => /* @__PURE__ */ g("option", {
+						value: e,
+						children: r(e)
+					}, e))]
+				})]
+			}),
+			I && /* @__PURE__ */ _("div", {
+				role: "alert",
+				className: "rounded-md border border-destructive/40 p-4 text-sm text-destructive",
+				children: ["Risks could not be loaded: ", I.message]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: R.map((e) => /* @__PURE__ */ _(v, {
+					...a(() => m(i("/risks/risk-detail-page", e.id)), e.title),
+					children: [/* @__PURE__ */ g(b, {
+						className: "pb-2",
+						children: /* @__PURE__ */ _("div", {
+							className: "flex items-center justify-between gap-2",
+							children: [/* @__PURE__ */ g(x, {
+								className: "text-base",
+								children: e.title
+							}), /* @__PURE__ */ g("span", {
+								className: `text-xs px-2 py-0.5 rounded-full shrink-0 ${w[e.severity] ?? "bg-gray-100"}`,
+								children: r(e.severity)
+							})]
+						})
+					}), /* @__PURE__ */ _(y, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ g("p", {
+								className: "text-sm text-muted-foreground line-clamp-2",
+								children: e.description ?? "No description"
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "flex items-center justify-between text-xs",
+								children: [/* @__PURE__ */ g("span", {
+									className: `px-2 py-0.5 rounded-full capitalize ${T[e.status] ?? "bg-gray-100"}`,
+									children: r(e.status)
+								}), /* @__PURE__ */ _("span", {
+									className: "text-muted-foreground",
+									children: [
+										"Score ",
+										e.riskScore,
+										" (",
+										e.likelihood,
+										"×",
+										e.impact,
+										")"
+									]
+								})]
+							}),
+							/* @__PURE__ */ _("div", {
+								className: "flex gap-3 text-xs text-muted-foreground",
+								children: [e.dueDate && /* @__PURE__ */ _("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ g(u, { className: "h-3 w-3" }), new Date(e.dueDate).toLocaleDateString()]
+								}), e.ownerId && /* @__PURE__ */ _("span", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ g(f, { className: "h-3 w-3" }), /* @__PURE__ */ g(n, { id: e.ownerId })]
+								})]
+							}),
+							!O && /* @__PURE__ */ _("div", {
+								className: "text-xs text-muted-foreground",
+								children: ["Project: ", e.project?.name ?? "not available"]
+							})
+						]
+					})]
+				}, e.id))
+			}),
+			!I && R.length === 0 && /* @__PURE__ */ g("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: "No risks found."
+			})
+		]
+	});
+}
+//#endregion
+export { D as RisksRiskRegisterPagePage };
+
+//# sourceMappingURL=RisksRiskRegisterPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"RisksRiskRegisterPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/RisksRiskRegisterPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { useSearchParams } from 'react-router';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { ShieldAlert, Calendar, User } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\nimport { NewRiskDialog } from '../create/CreateDialogs';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { RISK_STATUSES, RISK_SEVERITIES } from '../controls/RiskControls';\n\n/**\n * Risk register (BOFF-8047). The register was `api-only` — planmagnetRisks/planmagnetCreateRisk/\n * planmagnetRiskMatrix are served and prod-verified, but no page read or wrote them. Entry points: the sidebar\n * (Projects > Risk Register), and a per-project link from the project detail page's Risks card.\n */\n\nconst GET_RISK_REGISTER_PROJECT = gql`\n  query GetRiskRegisterProject($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n    }\n  }\n`;\n\nconst GET_RISKS = gql`\n  query GetRisks($workspaceId: ID!, $filter: PlanmagnetRiskFilter) {\n    planmagnetRisks(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {\n      items {\n        id\n        title\n        description\n        projectId\n        project {\n          id\n          name\n        }\n        severity\n        status\n        likelihood\n        impact\n        riskScore\n        ownerId\n        dueDate\n        category\n      }\n      totalCount\n    }\n  }\n`;\n\nconst severityColor: Record<string, string> = {\n  CRITICAL: 'bg-red-100 text-red-800',\n  HIGH: 'bg-orange-100 text-orange-800',\n  MEDIUM: 'bg-yellow-100 text-yellow-800',\n  LOW: 'bg-blue-100 text-blue-800',\n  NEGLIGIBLE: 'bg-gray-100 text-gray-800',\n};\n\nconst statusColor: Record<string, string> = {\n  IDENTIFIED: 'bg-gray-100 text-gray-800',\n  ANALYZING: 'bg-blue-100 text-blue-800',\n  MITIGATING: 'bg-yellow-100 text-yellow-800',\n  ACCEPTED: 'bg-purple-100 text-purple-800',\n  RESOLVED: 'bg-green-100 text-green-800',\n  CLOSED: 'bg-gray-100 text-gray-500',\n};\n\nconst severityFilters = ['all', ...RISK_SEVERITIES] as const;\n\ninterface RiskRow {\n  id: string;\n  title: string;\n  description: string | null;\n  projectId: string;\n  project: { id: string; name: string } | null;\n  severity: string;\n  status: string;\n  likelihood: number;\n  impact: number;\n  riskScore: number;\n  ownerId: string | null;\n  dueDate: string | null;\n  category: string | null;\n}\n\nexport function RisksRiskRegisterPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [params] = useSearchParams();\n  const projectId = params.get('projectId') ?? undefined;\n  const [severity, setSeverity] = useState<string>('all');\n  const [status, setStatus] = useState<string>('all');\n\n  const filter: Record<string, unknown> = {};\n  if (projectId) filter.projectId = projectId;\n  if (severity !== 'all') filter.severity = severity;\n  if (status !== 'all') filter.status = status;\n\n  const { data, loading, error } = useQuery<{\n    planmagnetRisks: { items: RiskRow[]; totalCount: number };\n  }>(GET_RISKS, {\n    variables: { workspaceId: workspaceId ?? 'default', filter },\n    skip: !workspaceId,\n  });\n  const { data: projectData } = useQuery<{\n    planmagnetProject: { id: string; name: string } | null;\n  }>(GET_RISK_REGISTER_PROJECT, { variables: { id: projectId }, skip: !projectId });\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\n  const risks = data?.planmagnetRisks?.items ?? [];\n  const totalCount = data?.planmagnetRisks?.totalCount ?? 0;\n  const projectName = projectData?.planmagnetProject?.name;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold flex items-center gap-2\">\n            <ShieldAlert className=\"h-5 w-5 text-primary\" />\n            Risk Register\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {projectId\n              ? `${totalCount} risk${totalCount === 1 ? '' : 's'} for ${projectName ?? 'this project'}`\n              : `${totalCount} risk${totalCount === 1 ? '' : 's'} across all projects`}\n          </p>\n        </div>\n        <NewRiskDialog\n          projectId={projectId}\n          onCreated={(id) => navigate(detailPath('/risks/risk-detail-page', id))}\n        />\n      </div>\n\n      <div className=\"flex flex-wrap gap-4\">\n        <div className=\"flex gap-1\">\n          {severityFilters.map((s) => (\n            <button\n              key={s}\n              onClick={() => setSeverity(s)}\n              className={`px-3 py-1.5 text-sm rounded-md capitalize ${severity === s ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n            >\n              {s === 'all' ? 'All severities' : enumLabel(s)}\n            </button>\n          ))}\n        </div>\n        <select\n          aria-label=\"Status\"\n          className=\"rounded-md border border-input bg-background px-2 py-1 text-sm\"\n          value={status}\n          onChange={(e) => setStatus(e.target.value)}\n        >\n          <option value=\"all\">All statuses</option>\n          {RISK_STATUSES.map((s) => (\n            <option key={s} value={s}>\n              {enumLabel(s)}\n            </option>\n          ))}\n        </select>\n      </div>\n\n      {error && (\n        <div\n          role=\"alert\"\n          className=\"rounded-md border border-destructive/40 p-4 text-sm text-destructive\"\n        >\n          Risks could not be loaded: {error.message}\n        </div>\n      )}\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {risks.map((risk) => (\n          <Card\n            key={risk.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/risks/risk-detail-page', risk.id)),\n              risk.title\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between gap-2\">\n                <CardTitle className=\"text-base\">{risk.title}</CardTitle>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full shrink-0 ${severityColor[risk.severity] ?? 'bg-gray-100'}`}\n                >\n                  {enumLabel(risk.severity)}\n                </span>\n              </div>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground line-clamp-2\">\n                {risk.description ?? 'No description'}\n              </p>\n              <div className=\"flex items-center justify-between text-xs\">\n                <span\n                  className={`px-2 py-0.5 rounded-full capitalize ${statusColor[risk.status] ?? 'bg-gray-100'}`}\n                >\n                  {enumLabel(risk.status)}\n                </span>\n                <span className=\"text-muted-foreground\">\n                  Score {risk.riskScore} ({risk.likelihood}×{risk.impact})\n                </span>\n              </div>\n              <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                {risk.dueDate && (\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {new Date(risk.dueDate).toLocaleDateString()}\n                  </span>\n                )}\n                {risk.ownerId && (\n                  <span className=\"flex items-center gap-1\">\n                    <User className=\"h-3 w-3\" />\n                    <PersonName id={risk.ownerId} />\n                  </span>\n                )}\n              </div>\n              {!projectId && (\n                <div className=\"text-xs text-muted-foreground\">\n                  Project: {risk.project?.name ?? 'not available'}\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {!error && risks.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No risks found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/TasksCreateTaskPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as n } from "../utils/mutationResult.js";
-import { parseIntField as r } from "../utils/formValidation.js";
-import { AssigneeSelect as i, WORK_ITEM_PRIORITIES as a } from "../controls/WorkItemControls.js";
+import { AssigneeSelect as r, WORK_ITEM_PRIORITIES as i } from "../controls/WorkItemControls.js";
+import { parseIntField as a } from "../utils/formValidation.js";
 import { useState as o } from "react";
 import { CheckSquare as s, Save as c, X as l } from "lucide-react";
 import { gql as u } from "@apollo/client";
@@ -75,7 +75,7 @@ function T() {
 			projectId: M
 		},
 		skip: !u || !M
-	}), F = (N?.planmagnetSprints?.items ?? []).filter((e) => w.has(e.status)), I = t(), [L, { loading: R }] = d(x, { refetchQueries: ["GetWorkItems"] }), [z, B] = o(null), V = r(T.storyPoints, { min: 0 });
+	}), F = (N?.planmagnetSprints?.items ?? []).filter((e) => w.has(e.status)), I = t(), [L, { loading: R }] = d(x, { refetchQueries: ["GetWorkItems"] }), [z, B] = o(null), V = a(T.storyPoints, { min: 0 });
 	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
@@ -216,7 +216,7 @@ function T() {
 									...T,
 									priority: e.target.value
 								}),
-								children: a.map((e) => /* @__PURE__ */ p("option", {
+								children: i.map((e) => /* @__PURE__ */ p("option", {
 									value: e,
 									children: e.toLowerCase()
 								}, e))
@@ -317,7 +317,7 @@ function T() {
 						children: "Assignee"
 					}), /* @__PURE__ */ p("div", {
 						className: "mt-1",
-						children: /* @__PURE__ */ p(i, {
+						children: /* @__PURE__ */ p(r, {
 							id: "task-assignee",
 							value: T.assigneeId,
 							onChange: (e) => E({

package/dist/planmagnet/pages/TasksEditTaskPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as n } from "../utils/mutationResult.js";
-import { parseIntField as r } from "../utils/formValidation.js";
-import { WORK_ITEM_PRIORITIES as i } from "../controls/WorkItemControls.js";
+import { WORK_ITEM_PRIORITIES as r } from "../controls/WorkItemControls.js";
+import { parseIntField as i } from "../utils/formValidation.js";
 import { useMemo as a, useState as o } from "react";
 import { ArrowLeft as s, Save as c } from "lucide-react";
 import { gql as l } from "@apollo/client";
@@ -66,7 +66,7 @@ function S() {
 	}), [N]), [F, I] = o({}), L = {
 		...P,
 		...F
-	}, R = (e) => I(e), z = r(L.storyPoints, { min: 0 }), B = async () => {
+	}, R = (e) => I(e), z = i(L.storyPoints, { min: 0 }), B = async () => {
 		if (!l || !S || z.invalid) return;
 		if (!L.title.trim()) {
 			A("A task needs a title.");
@@ -190,7 +190,7 @@ function S() {
 									...L,
 									priority: e.target.value
 								}),
-								children: i.map((e) => /* @__PURE__ */ f("option", {
+								children: r.map((e) => /* @__PURE__ */ f("option", {
 									value: e,
 									children: e.toLowerCase()
 								}, e))

package/dist/planmagnet/pages/TasksImportPagePage.js

@@ -1,7 +1,7 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as t } from "../utils/mutationResult.js";
-import { ProjectSelect as n } from "../controls/Pickers.js";
-import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { ErrorLine as n } from "../controls/ConfirmButton.js";
+import { ProjectSelect as r } from "../controls/Pickers.js";
 import { IMPORT_FIELDS as i, exportColumns as a, formatOf as o } from "../import/exportColumns.js";
 import { useState as s } from "react";
 import { ArrowLeft as c, ExternalLink as l, FileUp as u, Loader2 as d } from "lucide-react";
@@ -101,7 +101,7 @@ function T() {
 						children: "Import into project"
 					}), /* @__PURE__ */ m("div", {
 						className: "mt-1",
-						children: /* @__PURE__ */ m(n, {
+						children: /* @__PURE__ */ m(r, {
 							id: "import-project",
 							value: T,
 							noneLabel: "Choose a project",
@@ -135,7 +135,7 @@ function T() {
 							k.length === 1 ? "" : "s"
 						]
 					}),
-					N && /* @__PURE__ */ m(r, { message: N })
+					N && /* @__PURE__ */ m(n, { message: N })
 				] })]
 			})] }),
 			D && /* @__PURE__ */ h(_, { children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: "2. Columns" }) }), /* @__PURE__ */ h(v, {
@@ -198,7 +198,7 @@ function T() {
 					})
 				]
 			}),
-			F && /* @__PURE__ */ m(r, { message: F }),
+			F && /* @__PURE__ */ m(n, { message: F }),
 			(L || z) && /* @__PURE__ */ h(_, {
 				"data-testid": "import-report",
 				children: [/* @__PURE__ */ m(y, { children: /* @__PURE__ */ m(b, { children: z ? "Imported" : "Preview — nothing has been written" }) }), /* @__PURE__ */ h(v, {

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

@@ -1 +1 @@
-{"version":3,"file":"TasksTaskDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"names":[],"mappings":"AAgVA,wBAAgB,uBAAuB,4CAqItC"}
+{"version":3,"file":"TasksTaskDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/TasksTaskDetailPagePage.tsx"],"names":[],"mappings":"AAyVA,wBAAgB,uBAAuB,4CAqJtC"}