npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1001.2 → 2026.1001.4 - Mend

@burdenoff/microfe-planmagnet 2026.1001.2 → 2026.1001.4

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 (62) hide show

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":"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"}

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"}