@burdenoff/microfe-planmagnet 2026.924.2 → 2026.924.3

package/dist/planmagnet/pages/ProjectsMilestoneDetailPagePage.js

@@ -1,11 +1,12 @@
-import { useEntityId as e } from "../hooks/useEntityId.js";
-import { Calendar as t, FolderKanban as n, Target as r, User as i } from "lucide-react";
-import { gql as a } from "@apollo/client";
-import { useQuery as o } from "@apollo/client/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+import { PersonName as e } from "../people/People.js";
+import { useEntityId as t } from "../hooks/useEntityId.js";
+import { Calendar as n, FolderKanban as r, Target as i, User as a } from "lucide-react";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx
-var m = a`
+var h = o`
   query GetMilestonesForDetail($id: ID!) {
     planmagnetMilestone(id: $id) {
       id
@@ -19,151 +20,151 @@ var m = a`
       completedAt
     }
   }
-`, h = {
+`, g = {
 	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"
 };
-function g() {
-	let a = e("milestoneId"), { data: g, loading: _, error: v } = o(m, {
-		variables: { id: a },
-		skip: !a
+function _() {
+	let o = t("milestoneId"), { data: _, loading: v, error: y } = s(h, {
+		variables: { id: o },
+		skip: !o
 	});
-	if (!a) return /* @__PURE__ */ s("div", {
+	if (!o) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-muted-foreground",
 		children: "No milestone selected. Open one from the list."
 	});
-	if (_) return /* @__PURE__ */ s("div", {
+	if (v) return /* @__PURE__ */ c("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ s("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (v) return /* @__PURE__ */ c("div", {
+	if (y) return /* @__PURE__ */ l("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading milestone: ", v.message]
+		children: ["Error loading milestone: ", y.message]
 	});
-	let y = g?.planmagnetMilestone;
-	if (!y) return /* @__PURE__ */ s("div", {
+	let b = _?.planmagnetMilestone;
+	if (!b) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Milestone not found."
 	});
-	let b = y.status === "COMPLETED";
-	return /* @__PURE__ */ c("div", {
+	let x = b.status === "COMPLETED";
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
-		children: [/* @__PURE__ */ c("div", {
+		children: [/* @__PURE__ */ l("div", {
 			className: "flex items-center justify-between",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "flex items-center gap-3",
-				children: [/* @__PURE__ */ s(r, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ c("div", { children: [/* @__PURE__ */ s("h1", {
+				children: [/* @__PURE__ */ c(i, { className: "h-6 w-6 text-primary" }), /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
 					className: "text-2xl font-semibold",
-					children: y.name
-				}), /* @__PURE__ */ c("p", {
+					children: b.name
+				}), /* @__PURE__ */ l("p", {
 					className: "text-sm text-muted-foreground",
-					children: ["Project: ", y.projectId]
+					children: ["Project: ", b.projectId]
 				})] })]
-			}), /* @__PURE__ */ s("span", {
-				className: `text-xs px-3 py-1 rounded-full capitalize ${h[y.status] ?? "bg-gray-100"}`,
-				children: y.status.toLowerCase().replace("_", " ")
+			}), /* @__PURE__ */ c("span", {
+				className: `text-xs px-3 py-1 rounded-full capitalize ${g[b.status] ?? "bg-gray-100"}`,
+				children: b.status.toLowerCase().replace("_", " ")
 			})]
-		}), /* @__PURE__ */ c("div", {
+		}), /* @__PURE__ */ l("div", {
 			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-			children: [/* @__PURE__ */ c("div", {
+			children: [/* @__PURE__ */ l("div", {
 				className: "lg:col-span-2 space-y-6",
-				children: [/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Overview" }) }), /* @__PURE__ */ c(d, {
+				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Overview" }) }), /* @__PURE__ */ l(f, {
 					className: "space-y-4",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "text-sm",
-						children: y.description ?? "No description provided."
-					}), /* @__PURE__ */ s("div", { children: /* @__PURE__ */ c("div", {
+						children: b.description ?? "No description provided."
+					}), /* @__PURE__ */ c("div", { children: /* @__PURE__ */ l("div", {
 						className: "flex justify-between text-sm mb-2",
-						children: [/* @__PURE__ */ s("span", {
+						children: [/* @__PURE__ */ c("span", {
 							className: "text-muted-foreground",
 							children: "Status"
-						}), /* @__PURE__ */ s(l, {
-							variant: b ? "default" : "secondary",
+						}), /* @__PURE__ */ c(u, {
+							variant: x ? "default" : "secondary",
 							className: "capitalize",
-							children: y.status.toLowerCase().replace("_", " ")
+							children: b.status.toLowerCase().replace("_", " ")
 						})]
 					}) })]
-				})] }), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Timeline" }) }), /* @__PURE__ */ s(d, { children: /* @__PURE__ */ c("div", {
+				})] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Timeline" }) }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l("div", {
 					className: "grid grid-cols-2 gap-4 text-center",
-					children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l("div", {
 						className: "p-4 bg-muted rounded-md",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-sm font-bold",
-							children: y.dueDate ? new Date(y.dueDate).toLocaleDateString() : "—"
-						}), /* @__PURE__ */ s("p", {
+							children: b.dueDate ? new Date(b.dueDate).toLocaleDateString() : "—"
+						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Due Date"
 						})]
-					}), /* @__PURE__ */ c("div", {
+					}), /* @__PURE__ */ l("div", {
 						className: "p-4 bg-muted rounded-md",
-						children: [/* @__PURE__ */ s("p", {
+						children: [/* @__PURE__ */ c("p", {
 							className: "text-sm font-bold",
-							children: y.completedAt ? new Date(y.completedAt).toLocaleDateString() : "—"
-						}), /* @__PURE__ */ s("p", {
+							children: b.completedAt ? new Date(b.completedAt).toLocaleDateString() : "—"
+						}), /* @__PURE__ */ c("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Completed"
 						})]
 					})]
 				}) })] })]
-			}), /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Details" }) }), /* @__PURE__ */ c(d, {
+			}), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Details" }) }), /* @__PURE__ */ l(f, {
 				className: "space-y-3 text-sm",
 				children: [
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c(n, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ c("span", {
 								className: "text-muted-foreground",
 								children: "Due:"
 							}),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c("span", {
 								className: "font-medium",
-								children: y.dueDate ? new Date(y.dueDate).toLocaleDateString() : "Not set"
+								children: b.dueDate ? new Date(b.dueDate).toLocaleDateString() : "Not set"
 							})
 						]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(n, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c(r, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ c("span", {
 								className: "text-muted-foreground",
 								children: "Project:"
 							}),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c("span", {
 								className: "font-medium",
-								children: y.projectId
+								children: b.projectId
 							})
 						]
 					}),
-					y.ownerId && /* @__PURE__ */ c("div", {
+					b.ownerId && /* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(i, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c(a, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ c("span", {
 								className: "text-muted-foreground",
 								children: "Owner:"
 							}),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c("span", {
 								className: "font-medium",
-								children: y.ownerId
+								children: /* @__PURE__ */ c(e, { id: b.ownerId })
 							})
 						]
 					}),
-					/* @__PURE__ */ c("div", {
+					/* @__PURE__ */ l("div", {
 						className: "flex items-center gap-2",
 						children: [
-							/* @__PURE__ */ s(t, { className: "h-4 w-4 text-muted-foreground" }),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c(n, { className: "h-4 w-4 text-muted-foreground" }),
+							/* @__PURE__ */ c("span", {
 								className: "text-muted-foreground",
 								children: "Created:"
 							}),
-							/* @__PURE__ */ s("span", {
+							/* @__PURE__ */ c("span", {
 								className: "font-medium",
-								children: y.createdAt ? new Date(y.createdAt).toLocaleDateString() : "—"
+								children: b.createdAt ? new Date(b.createdAt).toLocaleDateString() : "—"
 							})
 						]
 					})
@@ -173,6 +174,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as ProjectsMilestoneDetailPagePage };
+export { _ as ProjectsMilestoneDetailPagePage };
 
 //# sourceMappingURL=ProjectsMilestoneDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsMilestoneDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, FolderKanban, User } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\n\nconst GET_MILESTONES_FOR_DETAIL = gql`\n  query GetMilestonesForDetail($id: ID!) {\n    planmagnetMilestone(id: $id) {\n      id\n      name\n      description\n      projectId\n      status\n      dueDate\n      ownerId\n      createdAt\n      completedAt\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\nexport function ProjectsMilestoneDetailPagePage() {\n  const milestoneId = useEntityId('milestoneId');\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_FOR_DETAIL, {\n      variables: { id: milestoneId },\n      skip: !milestoneId,\n    });\n\n  if (!milestoneId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">\n        No milestone selected. Open one from the list.\n      </div>\n    );\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading milestone: {error.message}</div>;\n\n  const ms = data?.planmagnetMilestone;\n  if (!ms) return <div className=\"p-6 text-muted-foreground\">Milestone not found.</div>;\n\n  const isCompleted = ms.status === 'COMPLETED';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Target className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{ms.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">Project: {ms.projectId}</p>\n          </div>\n        </div>\n        <span\n          className={`text-xs px-3 py-1 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n        >\n          {ms.status.toLowerCase().replace('_', ' ')}\n        </span>\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\">{ms.description ?? 'No description provided.'}</p>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Status</span>\n                  <Badge variant={isCompleted ? 'default' : 'secondary'} className=\"capitalize\">\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Due Date</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.completedAt ? new Date(ms.completedAt).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Completed</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\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              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\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              <span className=\"font-medium\">{ms.projectId}</span>\n            </div>\n            {ms.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\">{ms.ownerId}</span>\n              </div>\n            )}\n            <div className=\"flex items-center gap-2\">\n              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Created:</span>\n              <span className=\"font-medium\">\n                {ms.createdAt ? new Date(ms.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsMilestoneDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsMilestoneDetailPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Target, Calendar, FolderKanban, User } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\nimport { PersonName } from '../people/People';\n\nconst GET_MILESTONES_FOR_DETAIL = gql`\n  query GetMilestonesForDetail($id: ID!) {\n    planmagnetMilestone(id: $id) {\n      id\n      name\n      description\n      projectId\n      status\n      dueDate\n      ownerId\n      createdAt\n      completedAt\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\nexport function ProjectsMilestoneDetailPagePage() {\n  const milestoneId = useEntityId('milestoneId');\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_FOR_DETAIL, {\n      variables: { id: milestoneId },\n      skip: !milestoneId,\n    });\n\n  if (!milestoneId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">\n        No milestone selected. Open one from the list.\n      </div>\n    );\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading milestone: {error.message}</div>;\n\n  const ms = data?.planmagnetMilestone;\n  if (!ms) return <div className=\"p-6 text-muted-foreground\">Milestone not found.</div>;\n\n  const isCompleted = ms.status === 'COMPLETED';\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Target className=\"h-6 w-6 text-primary\" />\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{ms.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">Project: {ms.projectId}</p>\n          </div>\n        </div>\n        <span\n          className={`text-xs px-3 py-1 rounded-full capitalize ${statusColor[ms.status] ?? 'bg-gray-100'}`}\n        >\n          {ms.status.toLowerCase().replace('_', ' ')}\n        </span>\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\">{ms.description ?? 'No description provided.'}</p>\n              <div>\n                <div className=\"flex justify-between text-sm mb-2\">\n                  <span className=\"text-muted-foreground\">Status</span>\n                  <Badge variant={isCompleted ? 'default' : 'secondary'} className=\"capitalize\">\n                    {ms.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid grid-cols-2 gap-4 text-center\">\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Due Date</p>\n                </div>\n                <div className=\"p-4 bg-muted rounded-md\">\n                  <p className=\"text-sm font-bold\">\n                    {ms.completedAt ? new Date(ms.completedAt).toLocaleDateString() : '—'}\n                  </p>\n                  <p className=\"text-xs text-muted-foreground\">Completed</p>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\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              <Calendar className=\"h-4 w-4 text-muted-foreground\" />\n              <span className=\"text-muted-foreground\">Due:</span>\n              <span className=\"font-medium\">\n                {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'Not set'}\n              </span>\n            </div>\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              <span className=\"font-medium\">{ms.projectId}</span>\n            </div>\n            {ms.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={ms.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\">Created:</span>\n              <span className=\"font-medium\">\n                {ms.createdAt ? new Date(ms.createdAt).toLocaleDateString() : '—'}\n              </span>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsMilestonesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"names":[],"mappings":"AA6CA,wBAAgB,0BAA0B,4CAyGzC"}
+{"version":3,"file":"ProjectsMilestonesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsMilestonesPagePage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,0BAA0B,4CAyGzC"}

package/dist/planmagnet/pages/ProjectsMilestonesPagePage.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
-import { useState as i } from "react";
-import { Calendar as a, Target as o, User as s } from "lucide-react";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { PersonName as n } from "../people/People.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { useState as a } from "react";
+import { Calendar as o, Target as s, User as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsMilestonesPagePage.tsx
-var g = c`
+var _ = l`
   query GetMilestones($workspaceId: ID!, $filter: PlanmagnetMilestoneFilter) {
     planmagnetMilestones(workspaceId: $workspaceId, filter: $filter, pagination: { first: 100 }) {
       items {
@@ -23,13 +24,13 @@ var g = c`
       totalCount
     }
   }
-`, _ = {
+`, v = {
 	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"
-}, v = [
+}, y = [
 	"all",
 	"PENDING",
 	"IN_PROGRESS",
@@ -37,72 +38,72 @@ var g = c`
 	"MISSED",
 	"CANCELLED"
 ];
-function y() {
-	let { workspaceId: c } = e(), y = t(), [b, x] = i("all"), { data: S, loading: C, error: w } = l(g, { variables: {
-		workspaceId: c ?? "default",
-		filter: b === "all" ? void 0 : { status: b }
+function b() {
+	let { workspaceId: l } = e(), b = t(), [x, S] = a("all"), { data: C, loading: w, error: T } = u(_, { variables: {
+		workspaceId: l ?? "default",
+		filter: x === "all" ? void 0 : { status: x }
 	} });
-	if (C) return /* @__PURE__ */ u("div", {
+	if (w) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (w) return /* @__PURE__ */ d("div", {
+	if (T) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-red-500",
-		children: ["Error loading milestones: ", w.message]
+		children: ["Error loading milestones: ", T.message]
 	});
-	let T = S?.planmagnetMilestones?.items ?? [], E = S?.planmagnetMilestones?.totalCount ?? 0;
-	return /* @__PURE__ */ d("div", {
+	let E = C?.planmagnetMilestones?.items ?? [], D = C?.planmagnetMilestones?.totalCount ?? 0;
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 				className: "text-2xl font-semibold",
 				children: "Milestones"
-			}), /* @__PURE__ */ d("p", {
+			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
-				children: [E, " milestones across all projects"]
+				children: [D, " milestones across all projects"]
 			})] }),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "flex gap-1",
-				children: v.map((e) => /* @__PURE__ */ u("button", {
-					onClick: () => x(e),
-					className: `px-3 py-1.5 text-sm rounded-md capitalize ${b === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+				children: y.map((e) => /* @__PURE__ */ d("button", {
+					onClick: () => S(e),
+					className: `px-3 py-1.5 text-sm rounded-md capitalize ${x === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
 					children: e === "all" ? "All" : e.toLowerCase().replace("_", " ")
 				}, e))
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: T.map((e) => /* @__PURE__ */ d(f, {
-					...r(() => y(n("/projects/milestone-detail-page", e.id)), e.name),
-					children: [/* @__PURE__ */ u(m, {
+				children: E.map((e) => /* @__PURE__ */ f(p, {
+					...i(() => b(r("/projects/milestone-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ d(h, {
 						className: "pb-2",
-						children: /* @__PURE__ */ d("div", {
+						children: /* @__PURE__ */ f("div", {
 							className: "flex items-center justify-between",
-							children: [/* @__PURE__ */ d(h, {
+							children: [/* @__PURE__ */ f(g, {
 								className: "text-base flex items-center gap-2",
-								children: [/* @__PURE__ */ u(o, { className: "h-4 w-4 text-primary" }), e.name]
-							}), /* @__PURE__ */ u("span", {
-								className: `text-xs px-2 py-0.5 rounded-full capitalize ${_[e.status] ?? "bg-gray-100"}`,
+								children: [/* @__PURE__ */ d(s, { className: "h-4 w-4 text-primary" }), e.name]
+							}), /* @__PURE__ */ d("span", {
+								className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.status] ?? "bg-gray-100"}`,
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
 						})
-					}), /* @__PURE__ */ d(p, {
+					}), /* @__PURE__ */ f(m, {
 						className: "space-y-3",
 						children: [
-							/* @__PURE__ */ u("p", {
+							/* @__PURE__ */ d("p", {
 								className: "text-sm text-muted-foreground",
 								children: e.description ?? "No description"
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "flex gap-3 text-xs text-muted-foreground",
-								children: [/* @__PURE__ */ d("span", {
+								children: [/* @__PURE__ */ f("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(a, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
-								}), e.ownerId && /* @__PURE__ */ d("span", {
+									children: [/* @__PURE__ */ d(o, { className: "h-3 w-3" }), e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "No due date"]
+								}), e.ownerId && /* @__PURE__ */ f("span", {
 									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ u(s, { className: "h-3 w-3" }), e.ownerId]
+									children: [/* @__PURE__ */ d(c, { className: "h-3 w-3" }), /* @__PURE__ */ d(n, { id: e.ownerId })]
 								})]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ f("div", {
 								className: "text-xs text-muted-foreground",
 								children: ["Project: ", e.projectId]
 							})
@@ -110,7 +111,7 @@ function y() {
 					})]
 				}, e.id))
 			}),
-			T.length === 0 && /* @__PURE__ */ u("p", {
+			E.length === 0 && /* @__PURE__ */ d("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No milestones found."
 			})
@@ -118,6 +119,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as ProjectsMilestonesPagePage };
+export { b as ProjectsMilestonesPagePage };
 
 //# sourceMappingURL=ProjectsMilestonesPagePage.js.map

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

@@ -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';\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        status\n        dueDate\n        ownerId\n        createdAt\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  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading milestones: {error.message}</div>;\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>\n        <h1 className=\"text-2xl font-semibold\">Milestones</h1>\n        <p className=\"text-sm text-muted-foreground\">{totalCount} milestones across all projects</p>\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      <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            status: string;\n            dueDate: string | null;\n            ownerId: string | 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                <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.ownerId && (\n                    <span className=\"flex items-center gap-1\">\n                      <User className=\"h-3 w-3\" />\n                      {ms.ownerId}\n                    </span>\n                  )}\n                </div>\n                <div className=\"text-xs text-muted-foreground\">Project: {ms.projectId}</div>\n              </CardContent>\n            </Card>\n          )\n        )}\n      </div>\n      {milestones.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No milestones found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAiB,CAAG;;;;;;;;;;;;;;;;GAkBpB,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;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,8BAA2B,EAAM,QAAc;;CAE1F,IAAM,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAa,GAAM,sBAAsB,cAAc;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAe,CAAA,EACtD,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,GAAW,kCAAmC;MACxF,EAAA,CAAA;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;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KACT,MASC,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;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG,cACrD;YACN,EAAG,WACF,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC3B,EAAG,QACC;WAEL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAA+C,aAAU,EAAG,UAAgB;;OAChE;QACT;OArCA,EAAG,GAqCH,CAEV;IACG,CAAA;GACL,EAAW,WAAW,KACrB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAwB,CAAA;GAE5E"}
+{"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';\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        status\n        dueDate\n        ownerId\n        createdAt\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  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading milestones: {error.message}</div>;\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>\n        <h1 className=\"text-2xl font-semibold\">Milestones</h1>\n        <p className=\"text-sm text-muted-foreground\">{totalCount} milestones across all projects</p>\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      <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            status: string;\n            dueDate: string | null;\n            ownerId: string | 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                <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.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\">Project: {ms.projectId}</div>\n              </CardContent>\n            </Card>\n          )\n        )}\n      </div>\n      {milestones.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No milestones found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;AAWA,IAAM,IAAiB,CAAG;;;;;;;;;;;;;;;;GAkBpB,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;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAEV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,8BAA2B,EAAM,QAAc;;CAE1F,IAAM,IAAa,GAAM,sBAAsB,SAAS,EAAE,EACpD,IAAa,GAAM,sBAAsB,cAAc;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAe,CAAA,EACtD,kBAAC,KAAD;IAAG,WAAU;cAAb,CAA8C,GAAW,kCAAmC;MACxF,EAAA,CAAA;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;GACN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KACT,MASC,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;OACJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA,EAC/B,EAAG,UAAU,IAAI,KAAK,EAAG,QAAQ,CAAC,oBAAoB,GAAG,cACrD;YACN,EAAG,WACF,kBAAC,QAAD;SAAM,WAAU;mBAAhB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAC5B,kBAAC,GAAD,EAAY,IAAI,EAAG,SAAW,CAAA,CACzB;WAEL;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CAA+C,aAAU,EAAG,UAAgB;;OAChE;QACT;OArCA,EAAG,GAqCH,CAEV;IACG,CAAA;GACL,EAAW,WAAW,KACrB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAwB,CAAA;GAE5E"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AAwDA,wBAAgB,8BAA8B,4CA8O7C"}
+{"version":3,"file":"ProjectsPlanningDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsPlanningDetailPagePage.tsx"],"names":[],"mappings":"AAyDA,wBAAgB,8BAA8B,4CA8O7C"}