@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.5

package/dist/planmagnet/pages/DashboardDashboardPagePage.js

@@ -1,208 +1,237 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { PersonName as t } from "../people/People.js";
-import { AlertTriangle as n, ArrowUpRight as r, Calendar as i, CheckSquare as a, FolderKanban as o, LayoutDashboard as s, TrendingUp as c, Users as l, Zap as u } from "lucide-react";
-import { gql as d } from "@apollo/client";
-import { useQuery as f } from "@apollo/client/react";
-import { Fragment as p, jsx as m, jsxs as h } from "react/jsx-runtime";
-import { useI18n as g } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as _, Card as v, CardContent as y, CardHeader as b, CardTitle as x } from "@burdenoff/fe-libs/ui";
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { countLabel as r, useProjectCounts as i, useSprintCounts as a, workProgress as o } from "../hooks/useCounts.js";
+import { ROW_LINK_CLASS as s, detailPath as c, rowLinkProps as l } from "../utils/rowNavigation.js";
+import { AlertTriangle as u, ArrowUpRight as d, Calendar as f, CheckSquare as p, FolderKanban as m, LayoutDashboard as h, TrendingUp as g, Users as _, Zap as v } from "lucide-react";
+import { gql as y } from "@apollo/client";
+import { useQuery as b } from "@apollo/client/react";
+import { Fragment as x, jsx as S, jsxs as C } from "react/jsx-runtime";
+import { useI18n as w } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as T, Card as E, CardContent as D, CardHeader as O, CardTitle as k } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/DashboardDashboardPagePage.tsx
-var S = d`
-  query GetDashboardData($workspaceId: ID!) {
-    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 50 }) {
+var A = y`
+  query GetDashboardData($workspaceId: ID!, $today: DateTime) {
+    activeProjects: planmagnetProjects(
+      workspaceId: $workspaceId
+      filter: { status: ACTIVE }
+      pagination: { first: 20 }
+    ) {
       items {
         id
         name
-        description
-        key
         status
-        methodology
         ownerId
-        startDate
-        endDate
-        tags
-        createdAt
       }
       totalCount
     }
-    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 50 }) {
+    onHoldProjects: planmagnetProjects(
+      workspaceId: $workspaceId
+      filter: { status: ON_HOLD }
+      pagination: { first: 20 }
+    ) {
       items {
         id
         name
-        projectId
-        project {
-          id
-          name
-        }
         status
-        startDate
-        endDate
-        goal
-        capacity
-        velocity
-        workItems {
-          id
-          status
-          storyPoints
-        }
       }
       totalCount
     }
-    planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 50 }) {
+    activeSprints: planmagnetSprints(
+      workspaceId: $workspaceId
+      filter: { status: ACTIVE }
+      pagination: { first: 20 }
+    ) {
+      items {
+        ...DashboardSprint
+      }
+    }
+    reviewSprints: planmagnetSprints(
+      workspaceId: $workspaceId
+      filter: { status: REVIEW }
+      pagination: { first: 20 }
+    ) {
+      items {
+        ...DashboardSprint
+      }
+    }
+    upcomingMilestones: planmagnetMilestones(
+      workspaceId: $workspaceId
+      filter: { open: true, dueFrom: $today }
+      orderBy: DUE_SOONEST
+      pagination: { first: 4 }
+    ) {
       items {
         id
         name
-        description
-        projectId
+        status
+        dueDate
         project {
           id
           name
         }
-        status
-        dueDate
-        ownerId
-        createdAt
       }
       totalCount
     }
-    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 20 }) {
+    allMilestones: planmagnetMilestones(workspaceId: $workspaceId, pagination: { first: 1 }) {
+      totalCount
+    }
+    planmagnetWorkItems(workspaceId: $workspaceId, pagination: { first: 5 }) {
       items {
         id
         key
-        description
+        title
         status
-        priority
         storyPoints
         assigneeId
-        projectId
-        labels
-        createdAt
+        project {
+          id
+          name
+        }
       }
       totalCount
     }
   }
+
+  fragment DashboardSprint on Sprint {
+    id
+    name
+    status
+    startDate
+    endDate
+    project {
+      id
+      name
+    }
+    workItems {
+      id
+      status
+      storyPoints
+    }
+  }
 `;
-function C() {
-	let { workspaceId: d } = e(), { t: C } = g(), { data: w, loading: T, error: E } = f(S, { variables: { workspaceId: d ?? "default" } });
-	if (T && !w) return /* @__PURE__ */ m("div", {
+function j() {
+	let { workspaceId: y } = e(), { t: j } = w(), { data: M, loading: N, error: P } = b(A, { variables: {
+		workspaceId: y ?? "default",
+		today: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
+	} }), F = i(), I = a(), L = t();
+	if (N && !M) return /* @__PURE__ */ S("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ m("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ S("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (E) return /* @__PURE__ */ h("div", {
+	if (P) return /* @__PURE__ */ C("div", {
 		className: "p-6 text-red-500",
 		children: [
-			C("planmagnet.dashboard.errorLoading", "Error loading dashboard"),
+			j("planmagnet.dashboard.errorLoading", "Error loading dashboard"),
 			": ",
-			E.message
+			P.message
 		]
 	});
-	let D = w?.planmagnetProjects?.items ?? [], O = w?.planmagnetSprints?.items ?? [], k = w?.planmagnetMilestones?.items ?? [], A = w?.planmagnetWorkItems?.items ?? [], j = D.filter((e) => e.status === "ACTIVE");
-	D.filter((e) => e.status === "COMPLETED");
-	let M = O.filter((e) => e.status === "ACTIVE"), N = k.filter((e) => e.status === "PENDING" || e.status === "IN_PROGRESS"), P = N.slice(0, 4), F = A.slice(0, 5), I = new Map(D.map((e) => [e.id, e.name])), L = [
+	let R = M?.activeProjects?.items ?? [], z = M?.onHoldProjects?.items ?? [], B = [...M?.activeSprints?.items ?? [], ...M?.reviewSprints?.items ?? []], V = M?.upcomingMilestones?.items ?? [], H = M?.planmagnetWorkItems?.items ?? [], U = [
 		{
-			label: C("planmagnet.dashboard.metrics.totalProjects.label", "Total Projects"),
-			value: String(w?.planmagnetProjects?.totalCount ?? D.length),
-			trend: `${j.length} ${C("planmagnet.dashboard.metrics.totalProjects.trend", "active")}`
+			label: j("planmagnet.dashboard.metrics.totalProjects.label", "Total Projects"),
+			value: r(F?.all),
+			trend: `${r(F?.active)} ${j("planmagnet.dashboard.metrics.totalProjects.trend", "active")}`
 		},
 		{
-			label: C("planmagnet.dashboard.metrics.activeSprints.label", "Active Sprints"),
-			value: String(M.length),
-			trend: `${w?.planmagnetSprints?.totalCount ?? O.length} ${C("planmagnet.dashboard.metrics.activeSprints.trend", "total")}`
+			label: j("planmagnet.dashboard.metrics.activeSprints.label", "Active Sprints"),
+			value: r(I?.running),
+			trend: `${r(I?.all)} ${j("planmagnet.dashboard.metrics.activeSprints.trend", "total")}`
 		},
 		{
-			label: C("planmagnet.dashboard.metrics.workItems.label", "Work Items"),
-			value: String(w?.planmagnetWorkItems?.totalCount ?? 0),
-			trend: C("planmagnet.dashboard.metrics.workItems.trend", "across all projects")
+			label: j("planmagnet.dashboard.metrics.workItems.label", "Work Items"),
+			value: r(M?.planmagnetWorkItems?.totalCount),
+			trend: j("planmagnet.dashboard.metrics.workItems.trend", "across all projects")
 		},
 		{
-			label: C("planmagnet.dashboard.metrics.milestones.label", "Milestones"),
-			value: String(w?.planmagnetMilestones?.totalCount ?? k.length),
-			trend: `${N.length} ${C("planmagnet.dashboard.metrics.milestones.trend", "upcoming")}`
+			label: j("planmagnet.dashboard.metrics.milestones.label", "Milestones"),
+			value: r(M?.allMilestones?.totalCount),
+			trend: `${r(M?.upcomingMilestones?.totalCount)} ${j("planmagnet.dashboard.metrics.milestones.trend", "upcoming")}`
 		}
 	];
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ C("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ S("div", {
 				className: "flex items-center justify-between",
-				children: /* @__PURE__ */ h("div", { children: [/* @__PURE__ */ h("h1", {
+				children: /* @__PURE__ */ C("div", { children: [/* @__PURE__ */ C("h1", {
 					className: "text-2xl font-semibold flex items-center gap-2",
-					children: [/* @__PURE__ */ m(s, { className: "h-6 w-6" }), C("planmagnet.dashboard.title", "Dashboard")]
-				}), /* @__PURE__ */ m("p", {
+					children: [/* @__PURE__ */ S(h, { className: "h-6 w-6" }), j("planmagnet.dashboard.title", "Dashboard")]
+				}), /* @__PURE__ */ S("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: C("planmagnet.dashboard.subtitle", "Welcome back! Here is your project overview.")
+					children: j("planmagnet.dashboard.subtitle", "Welcome back! Here is your project overview.")
 				})] })
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ S("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: L.map((e) => /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ h(b, {
+				children: U.map((e) => /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ C(O, {
 					className: "flex flex-row items-center justify-between space-y-0 pb-2",
-					children: [/* @__PURE__ */ m(x, {
+					children: [/* @__PURE__ */ S(k, {
 						className: "text-sm font-medium",
 						children: e.label
-					}), /* @__PURE__ */ m(c, { className: "h-4 w-4 text-muted-foreground" })]
-				}), /* @__PURE__ */ h(y, { children: [/* @__PURE__ */ m("div", {
+					}), /* @__PURE__ */ S(g, { className: "h-4 w-4 text-muted-foreground" })]
+				}), /* @__PURE__ */ C(D, { children: [/* @__PURE__ */ S("div", {
 					className: "text-2xl font-bold",
 					children: e.value
-				}), /* @__PURE__ */ m("p", {
+				}), /* @__PURE__ */ S("p", {
 					className: "text-xs text-muted-foreground",
 					children: e.trend
 				})] })] }, e.label))
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid gap-6 lg:grid-cols-12",
-				children: [/* @__PURE__ */ h(v, {
+				children: [/* @__PURE__ */ C(E, {
 					className: "lg:col-span-8",
-					children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+					children: [/* @__PURE__ */ S(O, { children: /* @__PURE__ */ C(k, {
 						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ m(u, { className: "h-5 w-5 text-blue-500" }), C("planmagnet.dashboard.activeSprints.title", "Active Sprints")]
-					}) }), /* @__PURE__ */ h(y, {
+						children: [/* @__PURE__ */ S(v, { className: "h-5 w-5 text-blue-500" }), j("planmagnet.dashboard.activeSprints.title", "Active Sprints")]
+					}) }), /* @__PURE__ */ C(D, {
 						className: "space-y-4",
-						children: [M.map((e) => {
-							let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.workItems.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), r = e.workItems.length, i = e.workItems.filter((e) => e.status === "DONE").length, a = t > 0 ? Math.round(n / t * 100) : 0;
-							return /* @__PURE__ */ h("div", {
-								className: "rounded-lg border p-4",
+						children: [B.map((e) => {
+							let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.workItems.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), r = e.workItems.length, i = e.workItems.filter((e) => e.status === "DONE").length, a = o(e.workItems) ?? 0;
+							return /* @__PURE__ */ C("div", {
+								...l(() => L(c("/projects/planning-detail-page", e.id)), e.name),
+								className: `rounded-lg border p-4 ${s}`,
 								children: [
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ C("div", {
 										className: "flex items-center justify-between mb-2",
-										children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("p", {
+										children: [/* @__PURE__ */ C("div", { children: [/* @__PURE__ */ S("p", {
 											className: "font-medium",
 											children: e.name
-										}), /* @__PURE__ */ h("p", {
+										}), /* @__PURE__ */ C("p", {
 											className: "text-xs text-muted-foreground",
 											children: [
-												C("planmagnet.dashboard.shared.project", "Project"),
+												j("planmagnet.dashboard.shared.project", "Project"),
 												":",
 												" ",
-												e.project?.name ?? C("planmagnet.dashboard.shared.projectUnavailable", "not available")
+												e.project?.name ?? j("planmagnet.dashboard.shared.projectUnavailable", "not available")
 											]
-										})] }), /* @__PURE__ */ h(_, {
+										})] }), /* @__PURE__ */ C(T, {
 											variant: "secondary",
 											children: [
 												n,
 												"/",
 												t,
 												" ",
-												C("planmagnet.dashboard.shared.pointsShort", "pts")
+												j("planmagnet.dashboard.shared.pointsShort", "pts")
 											]
 										})]
 									}),
-									/* @__PURE__ */ m("div", {
+									/* @__PURE__ */ S("div", {
 										className: "w-full h-2 bg-muted rounded-full overflow-hidden",
-										children: /* @__PURE__ */ m("div", {
+										children: /* @__PURE__ */ S("div", {
 											className: "h-full bg-primary rounded-full transition-all",
 											style: { width: `${a}%` }
 										})
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ C("div", {
 										className: "flex items-center justify-between mt-2 text-xs text-muted-foreground",
-										children: [/* @__PURE__ */ h("span", { children: [
+										children: [/* @__PURE__ */ C("span", { children: [
 											i,
 											"/",
 											r,
 											" ",
-											C("planmagnet.dashboard.shared.tasks", "tasks")
-										] }), /* @__PURE__ */ h("span", { children: [
+											j("planmagnet.dashboard.shared.tasks", "tasks")
+										] }), /* @__PURE__ */ C("span", { children: [
 											e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
 											" -",
 											" ",
@@ -211,140 +240,150 @@ function C() {
 									})
 								]
 							}, e.id);
-						}), M.length === 0 && /* @__PURE__ */ m("p", {
+						}), B.length === 0 && /* @__PURE__ */ S("p", {
 							className: "text-sm text-muted-foreground text-center py-4",
-							children: C("planmagnet.dashboard.activeSprints.empty", "No active sprints.")
+							children: j("planmagnet.dashboard.activeSprints.empty", "No active sprints.")
 						})]
 					})]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ C("div", {
 					className: "lg:col-span-4 space-y-6",
-					children: [D.filter((e) => e.status === "ON_HOLD").length > 0 && /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+					children: [z.length > 0 && /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ S(O, { children: /* @__PURE__ */ C(k, {
 						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ m(n, { className: "h-5 w-5 text-orange-500" }), C("planmagnet.dashboard.onHoldProjects.title", "On-Hold Projects")]
-					}) }), /* @__PURE__ */ m(y, {
+						children: [/* @__PURE__ */ S(u, { className: "h-5 w-5 text-orange-500" }), j("planmagnet.dashboard.onHoldProjects.title", "On-Hold Projects")]
+					}) }), /* @__PURE__ */ S(D, {
 						className: "space-y-3",
-						children: D.filter((e) => e.status === "ON_HOLD").map((e) => /* @__PURE__ */ h("div", {
+						children: z.map((e) => /* @__PURE__ */ C("div", {
 							className: "flex items-center justify-between rounded border p-2",
-							children: [/* @__PURE__ */ m("div", { children: /* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ S("div", { children: /* @__PURE__ */ S("p", {
 								className: "text-sm font-medium",
 								children: e.name
-							}) }), /* @__PURE__ */ m(_, {
+							}) }), /* @__PURE__ */ S(T, {
 								variant: "destructive",
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
 						}, e.id))
-					})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+					})] }), /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ S(O, { children: /* @__PURE__ */ C(k, {
 						className: "flex items-center gap-2 text-base",
-						children: [/* @__PURE__ */ m(i, { className: "h-5 w-5 text-green-500" }), C("planmagnet.dashboard.upcomingMilestones.title", "Upcoming Milestones")]
-					}) }), /* @__PURE__ */ h(y, {
+						children: [/* @__PURE__ */ S(f, { className: "h-5 w-5 text-green-500" }), j("planmagnet.dashboard.upcomingMilestones.title", "Upcoming Milestones")]
+					}) }), /* @__PURE__ */ C(D, {
 						className: "space-y-3",
-						children: [P.map((e) => /* @__PURE__ */ h("div", {
-							className: "flex items-start gap-3 rounded border p-2",
-							children: [/* @__PURE__ */ h("div", {
+						children: [V.map((e) => /* @__PURE__ */ C("div", {
+							...l(() => L(c("/projects/milestone-detail-page", e.id)), e.name),
+							className: `flex items-start gap-3 rounded border p-2 ${s}`,
+							children: [/* @__PURE__ */ C("div", {
 								className: "flex-1 min-w-0",
 								children: [
-									/* @__PURE__ */ m("p", {
+									/* @__PURE__ */ S("p", {
 										className: "text-sm font-medium truncate",
 										children: e.name
 									}),
-									/* @__PURE__ */ h("p", {
+									/* @__PURE__ */ C("p", {
 										className: "text-xs text-muted-foreground",
 										children: [
-											C("planmagnet.dashboard.shared.project", "Project"),
+											j("planmagnet.dashboard.shared.project", "Project"),
 											":",
 											" ",
-											e.project?.name ?? C("planmagnet.dashboard.shared.projectUnavailable", "not available")
+											e.project?.name ?? j("planmagnet.dashboard.shared.projectUnavailable", "not available")
 										]
 									}),
-									/* @__PURE__ */ h("p", {
+									/* @__PURE__ */ C("p", {
 										className: "text-xs text-muted-foreground",
 										children: [
-											C("planmagnet.dashboard.shared.due", "Due"),
+											j("planmagnet.dashboard.shared.due", "Due"),
 											" ",
 											e.dueDate ? new Date(e.dueDate).toLocaleDateString() : "—"
 										]
 									})
 								]
-							}), /* @__PURE__ */ m(_, {
+							}), /* @__PURE__ */ S(T, {
 								variant: "secondary",
 								className: "text-xs flex-shrink-0 capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
-						}, e.id)), P.length === 0 && /* @__PURE__ */ m("p", {
+						}, e.id)), V.length === 0 && /* @__PURE__ */ S("p", {
 							className: "text-sm text-muted-foreground text-center py-2",
-							children: C("planmagnet.dashboard.upcomingMilestones.empty", "No upcoming milestones.")
+							children: j("planmagnet.dashboard.upcomingMilestones.empty", "No upcoming milestones.")
 						})]
 					})] })]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ C("div", {
 				className: "grid gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+				children: [/* @__PURE__ */ C(E, { children: [/* @__PURE__ */ S(O, { children: /* @__PURE__ */ C(k, {
 					className: "flex items-center gap-2 text-base",
-					children: [/* @__PURE__ */ m(a, { className: "h-5 w-5 text-purple-500" }), C("planmagnet.dashboard.recentWorkItems.title", "Recent Work Items")]
-				}) }), /* @__PURE__ */ h(y, {
+					children: [/* @__PURE__ */ S(p, { className: "h-5 w-5 text-purple-500" }), j("planmagnet.dashboard.recentWorkItems.title", "Recent Work Items")]
+				}) }), /* @__PURE__ */ C(D, {
 					className: "space-y-3",
-					children: [F.map((e) => /* @__PURE__ */ h("div", {
-						className: "flex items-center justify-between rounded border p-2",
-						children: [/* @__PURE__ */ h("div", {
+					children: [H.map((e) => /* @__PURE__ */ C("div", {
+						...l(() => L(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), `${e.key} ${e.title}`),
+						className: `flex items-center justify-between rounded border p-2 ${s}`,
+						children: [/* @__PURE__ */ C("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ C("p", {
 								className: "text-sm font-medium truncate",
-								children: e.key
-							}), /* @__PURE__ */ h("p", {
+								children: [
+									e.key,
+									" ",
+									/* @__PURE__ */ S("span", {
+										className: "font-normal",
+										children: e.title
+									})
+								]
+							}), /* @__PURE__ */ C("p", {
 								className: "text-xs text-muted-foreground",
-								children: [I.get(e.projectId) ?? `Project ${e.projectId.slice(0, 6)}`, e.assigneeId ? /* @__PURE__ */ h(p, { children: [" · ", /* @__PURE__ */ m(t, { id: e.assigneeId })] }) : null]
+								children: [e.project?.name ?? j("planmagnet.dashboard.shared.projectUnavailable", "not available"), e.assigneeId ? /* @__PURE__ */ C(x, { children: [" · ", /* @__PURE__ */ S(n, { id: e.assigneeId })] }) : null]
 							})]
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 flex-shrink-0",
-							children: [/* @__PURE__ */ h(_, {
+							children: [/* @__PURE__ */ C(T, {
 								variant: "outline",
 								className: "text-xs",
 								children: [
 									e.storyPoints ?? 0,
 									" ",
-									C("planmagnet.dashboard.shared.pointsShort", "pts")
+									j("planmagnet.dashboard.shared.pointsShort", "pts")
 								]
-							}), /* @__PURE__ */ m(_, {
+							}), /* @__PURE__ */ S(T, {
 								variant: "secondary",
 								className: "text-xs capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
 						})]
-					}, e.id)), F.length === 0 && /* @__PURE__ */ m("p", {
+					}, e.id)), H.length === 0 && /* @__PURE__ */ S("p", {
 						className: "text-sm text-muted-foreground text-center py-4",
-						children: C("planmagnet.dashboard.recentWorkItems.empty", "No work items yet.")
+						children: j("planmagnet.dashboard.recentWorkItems.empty", "No work items yet.")
 					})]
-				})] }), /* @__PURE__ */ h(v, { children: [/* @__PURE__ */ m(b, { children: /* @__PURE__ */ h(x, {
+				})] }), /* @__PURE__ */ C(E, { children: [/* @__PURE__ */ S(O, { children: /* @__PURE__ */ C(k, {
 					className: "flex items-center gap-2 text-base",
-					children: [/* @__PURE__ */ m(o, { className: "h-5 w-5 text-cyan-500" }), C("planmagnet.dashboard.projectStatus.title", "Project Status")]
-				}) }), /* @__PURE__ */ h(y, {
+					children: [/* @__PURE__ */ S(m, { className: "h-5 w-5 text-cyan-500" }), j("planmagnet.dashboard.projectStatus.title", "Project Status")]
+				}) }), /* @__PURE__ */ C(D, {
 					className: "space-y-3",
-					children: [j.map((e) => /* @__PURE__ */ h("div", {
-						className: "flex items-center justify-between rounded border p-2",
-						children: [/* @__PURE__ */ h("div", {
+					children: [R.map((e) => /* @__PURE__ */ C("div", {
+						...l(() => L(c("/projects/project-detail-page", e.id)), e.name),
+						className: `flex items-center justify-between rounded border p-2 ${s}`,
+						children: [/* @__PURE__ */ C("div", {
 							className: "min-w-0 flex-1",
-							children: [/* @__PURE__ */ m("p", {
+							children: [/* @__PURE__ */ S("p", {
 								className: "text-sm font-medium truncate",
 								children: e.name
-							}), /* @__PURE__ */ m("p", {
+							}), /* @__PURE__ */ S("p", {
 								className: "text-xs text-muted-foreground capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
-						}), /* @__PURE__ */ h("div", {
+						}), /* @__PURE__ */ C("div", {
 							className: "flex items-center gap-2 ml-3 flex-shrink-0",
 							children: [
-								/* @__PURE__ */ m(l, { className: "h-3 w-3 text-muted-foreground" }),
-								/* @__PURE__ */ m("span", {
+								/* @__PURE__ */ S(_, { className: "h-3 w-3 text-muted-foreground" }),
+								/* @__PURE__ */ S("span", {
 									className: "text-xs text-muted-foreground",
-									children: /* @__PURE__ */ m(t, { id: e.ownerId })
+									children: /* @__PURE__ */ S(n, { id: e.ownerId })
 								}),
-								/* @__PURE__ */ m(r, { className: "h-3 w-3 text-muted-foreground" })
+								/* @__PURE__ */ S(d, { className: "h-3 w-3 text-muted-foreground" })
 							]
 						})]
-					}, e.id)), j.length === 0 && /* @__PURE__ */ m("p", {
+					}, e.id)), R.length === 0 && /* @__PURE__ */ S("p", {
 						className: "text-sm text-muted-foreground text-center py-4",
-						children: C("planmagnet.dashboard.projectStatus.empty", "No active projects.")
+						children: j("planmagnet.dashboard.projectStatus.empty", "No active projects.")
 					})]
 				})] })]
 			})
@@ -352,6 +391,6 @@ function C() {
 	});
 }
 //#endregion
-export { C as DashboardDashboardPagePage };
+export { j as DashboardDashboardPagePage };
 
 //# sourceMappingURL=DashboardDashboardPagePage.js.map