@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/AnalyticsAnalyticsPagePage.js

@@ -0,0 +1,312 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { BarChart3 as t, FolderKanban as n, Target as r, TrendingUp as i, Zap 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 { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/AnalyticsAnalyticsPagePage.tsx
+var g = o`
+  query GetAnalyticsData(
+    $workspaceId: ID!
+    $projectPagination: PaginationInput
+    $workItemPagination: PaginationInput
+    $sprintPagination: PaginationInput
+    $milestonePagination: PaginationInput
+  ) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {
+      items {
+        id
+        name
+        key
+        status
+        startDate
+        endDate
+        tags
+      }
+      totalCount
+    }
+    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {
+      items {
+        id
+        status
+        priority
+        storyPoints
+        assigneeId
+      }
+      totalCount
+    }
+    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {
+      items {
+        id
+        name
+        status
+        velocity
+        capacity
+        startDate
+        endDate
+      }
+      totalCount
+    }
+    planmagnetMilestones(workspaceId: $workspaceId, pagination: $milestonePagination) {
+      items {
+        id
+        name
+        status
+        dueDate
+      }
+      totalCount
+    }
+  }
+`;
+function _() {
+	let { workspaceId: o } = e(), { t: _ } = u(), { data: v, loading: y, error: b } = s(g, {
+		variables: {
+			workspaceId: o,
+			projectPagination: { first: 100 },
+			workItemPagination: { first: 500 },
+			sprintPagination: { first: 100 },
+			milestonePagination: { first: 100 }
+		},
+		skip: !o
+	});
+	if (y) return /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (b) return /* @__PURE__ */ l("div", {
+		className: "p-6 text-red-500",
+		children: [
+			_("planmagnet.analytics.errorLoading", "Error loading analytics"),
+			": ",
+			b.message
+		]
+	});
+	let x = v?.planmagnetProjects?.items ?? [], S = v?.planmagnetWorkItems?.items ?? [], C = v?.planmagnetSprints?.items ?? [], w = v?.planmagnetMilestones?.items ?? [], T = S.length, E = S.filter((e) => e.status === "DONE").length, D = S.filter((e) => e.status === "BLOCKED").length, O = S.reduce((e, t) => e + (t.storyPoints ?? 0), 0), k = S.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), A = C.filter((e) => e.velocity != null && e.velocity > 0), j = A.length > 0 ? Math.round(A.reduce((e, t) => e + (t.velocity ?? 0), 0) / A.length) : 0, M = C.filter((e) => e.status === "ACTIVE").length, N = w.filter((e) => e.status === "AT_RISK" || e.status === "OVERDUE").length, P = x.filter((e) => e.status === "ACTIVE").length, F = T > 0 ? Math.round(E / T * 100) : 0, I = A.slice(-6).map((e) => ({
+		label: e.name,
+		pts: e.velocity ?? 0
+	})), L = I.length > 0 ? Math.max(...I.map((e) => e.pts)) : 1, R = S.reduce((e, t) => (e[t.status] = (e[t.status] || 0) + 1, e), {}), z = {
+		BACKLOG: "bg-gray-400",
+		TODO: "bg-blue-400",
+		IN_PROGRESS: "bg-yellow-400",
+		IN_REVIEW: "bg-purple-400",
+		DONE: "bg-green-400",
+		BLOCKED: "bg-red-400"
+	}, B = [
+		{
+			label: _("planmagnet.analytics.metrics.totalWorkItems.label", "Total Work Items"),
+			value: String(T),
+			trend: `${F}% ${_("planmagnet.analytics.metrics.totalWorkItems.trend", "completed")}`
+		},
+		{
+			label: _("planmagnet.analytics.metrics.storyPoints.label", "Story Points"),
+			value: String(O),
+			trend: `${k} ${_("planmagnet.analytics.metrics.storyPoints.trend", "completed")}`
+		},
+		{
+			label: _("planmagnet.analytics.metrics.activeProjects.label", "Active Projects"),
+			value: String(P),
+			trend: `${x.length} ${_("planmagnet.analytics.metrics.activeProjects.trend", "total")}`
+		},
+		{
+			label: _("planmagnet.analytics.metrics.blockedItems.label", "Blocked Items"),
+			value: String(D),
+			trend: D > 0 ? _("planmagnet.analytics.metrics.blockedItems.attention", "Needs attention") : _("planmagnet.analytics.metrics.blockedItems.clear", "All clear")
+		}
+	];
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
+				className: "text-2xl font-semibold",
+				children: _("planmagnet.analytics.title", "Analytics Dashboard")
+			}), /* @__PURE__ */ c("p", {
+				className: "text-sm text-muted-foreground",
+				children: _("planmagnet.analytics.subtitle", "Overview of project health and team performance")
+			})] }),
+			/* @__PURE__ */ c("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: B.map((e) => /* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+					className: "pt-4",
+					children: [
+						/* @__PURE__ */ c("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.label
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "text-xl font-bold mt-1",
+							children: e.value
+						}),
+						/* @__PURE__ */ c("p", {
+							className: "text-xs text-green-600 mt-1",
+							children: e.trend
+						})
+					]
+				}) }, e.label))
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ l(h, {
+					className: "flex items-center gap-2",
+					children: [
+						/* @__PURE__ */ c(t, { className: "h-4 w-4" }),
+						_("planmagnet.analytics.velocity.title", "Sprint Velocity"),
+						" (",
+						I.length,
+						" ",
+						_("planmagnet.analytics.velocity.sprints", "Sprints"),
+						")"
+					]
+				}) }), /* @__PURE__ */ c(p, { children: I.length > 0 ? /* @__PURE__ */ c("div", {
+					className: "flex items-end gap-2 h-40",
+					children: I.map((e) => /* @__PURE__ */ l("div", {
+						className: "flex-1 flex flex-col items-center gap-1",
+						children: [
+							/* @__PURE__ */ c("div", {
+								className: "w-full flex justify-center",
+								children: /* @__PURE__ */ c("div", {
+									className: "w-6 bg-primary rounded-t",
+									style: { height: `${e.pts / L * 130}px` }
+								})
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "text-xs text-muted-foreground truncate max-w-full",
+								children: e.label
+							}),
+							/* @__PURE__ */ c("span", {
+								className: "text-[10px] font-medium",
+								children: e.pts
+							})
+						]
+					}, e.label))
+				}) : /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground py-8 text-center",
+					children: _("planmagnet.analytics.velocity.empty", "No sprint velocity data available yet")
+				}) })] }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: _("planmagnet.analytics.taskDistribution.title", "Task Distribution") }) }), /* @__PURE__ */ l(p, {
+					className: "space-y-3",
+					children: [Object.entries(R).map(([e, t]) => {
+						let n = T > 0 ? Math.round(t / T * 100) : 0;
+						return /* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ c("span", {
+								className: "capitalize",
+								children: e.toLowerCase().replace("_", " ")
+							}), /* @__PURE__ */ l("span", {
+								className: "font-medium",
+								children: [
+									t,
+									" (",
+									n,
+									"%)"
+								]
+							})]
+						}), /* @__PURE__ */ c("div", {
+							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ c("div", {
+								className: `h-full rounded-full ${z[e] ?? "bg-gray-300"}`,
+								style: { width: `${n}%` }
+							})
+						})] }, e);
+					}), Object.keys(R).length === 0 && /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground py-4 text-center",
+						children: _("planmagnet.analytics.taskDistribution.empty", "No work items found")
+					})]
+				})] })]
+			}),
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ c(n, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.activeProjects", "Active Projects")]
+						}), /* @__PURE__ */ c("p", {
+							className: "text-xl font-bold mt-1",
+							children: P
+						})]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ c(a, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.activeSprints", "Active Sprints")]
+						}), /* @__PURE__ */ c("p", {
+							className: "text-xl font-bold mt-1",
+							children: M
+						})]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ c(i, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.avgVelocity", "Avg Velocity")]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xl font-bold mt-1",
+							children: [
+								j,
+								" ",
+								_("planmagnet.analytics.summary.pointsShort", "pts")
+							]
+						})]
+					}) }),
+					/* @__PURE__ */ c(f, { children: /* @__PURE__ */ l(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ l("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ c(r, { className: "h-4 w-4" }), _("planmagnet.analytics.summary.atRisk", "At Risk")]
+						}), /* @__PURE__ */ l("p", {
+							className: "text-xl font-bold mt-1",
+							children: [
+								N,
+								" ",
+								_("planmagnet.analytics.summary.milestones", "milestones")
+							]
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ l(f, { children: [/* @__PURE__ */ c(m, { children: /* @__PURE__ */ c(h, { children: _("planmagnet.analytics.projectHealth.title", "Project Health") }) }), /* @__PURE__ */ c(p, { children: /* @__PURE__ */ l("div", {
+				className: "space-y-3",
+				children: [x.filter((e) => e.status === "ACTIVE").map((e) => {
+					let t = S.filter((e) => e.assigneeId != null), n = t.filter((e) => e.status === "DONE").length, r = t.length > 0 ? Math.round(n / t.length * 100) : 0, i = e.endDate && new Date(e.endDate) < /* @__PURE__ */ new Date() && r < 100 ? "at_risk" : r >= 75 ? "on_track" : "in_progress";
+					return /* @__PURE__ */ l("div", {
+						className: "flex items-center gap-4",
+						children: [
+							/* @__PURE__ */ c("span", {
+								className: "text-sm font-medium w-40 truncate",
+								children: e.name
+							}),
+							/* @__PURE__ */ c("div", {
+								className: "flex-1",
+								children: /* @__PURE__ */ c("div", {
+									className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+									children: /* @__PURE__ */ c("div", {
+										className: `h-full rounded-full ${i === "at_risk" ? "bg-orange-400" : i === "on_track" ? "bg-green-400" : "bg-blue-400"}`,
+										style: { width: `${r}%` }
+									})
+								})
+							}),
+							/* @__PURE__ */ l("span", {
+								className: "text-sm w-12 text-right",
+								children: [r, "%"]
+							}),
+							/* @__PURE__ */ c(d, {
+								variant: "outline",
+								className: "capitalize text-xs w-20 justify-center",
+								children: i.replace("_", " ")
+							})
+						]
+					}, e.id);
+				}), x.filter((e) => e.status === "ACTIVE").length === 0 && /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground text-center py-4",
+					children: _("planmagnet.analytics.projectHealth.empty", "No active projects found")
+				})]
+			}) })] })
+		]
+	});
+}
+//#endregion
+export { _ as AnalyticsAnalyticsPagePage };
+
+//# sourceMappingURL=AnalyticsAnalyticsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AnalyticsAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/AnalyticsAnalyticsPagePage.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 { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { TrendingUp, Zap, FolderKanban, BarChart3, Target } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_ANALYTICS_DATA = gql`\n  query GetAnalyticsData(\n    $workspaceId: ID!\n    $projectPagination: PaginationInput\n    $workItemPagination: PaginationInput\n    $sprintPagination: PaginationInput\n    $milestonePagination: PaginationInput\n  ) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $projectPagination) {\n      items {\n        id\n        name\n        key\n        status\n        startDate\n        endDate\n        tags\n      }\n      totalCount\n    }\n    planmagnetWorkItems(workspaceId: $workspaceId, pagination: $workItemPagination) {\n      items {\n        id\n        status\n        priority\n        storyPoints\n        assigneeId\n      }\n      totalCount\n    }\n    planmagnetSprints(workspaceId: $workspaceId, pagination: $sprintPagination) {\n      items {\n        id\n        name\n        status\n        velocity\n        capacity\n        startDate\n        endDate\n      }\n      totalCount\n    }\n    planmagnetMilestones(workspaceId: $workspaceId, pagination: $milestonePagination) {\n      items {\n        id\n        name\n        status\n        dueDate\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  tags: string[];\n}\n\ninterface WorkItemNode {\n  id: string;\n  status: string;\n  priority: string;\n  storyPoints: number | null;\n  assigneeId: string | null;\n}\n\ninterface SprintNode {\n  id: string;\n  name: string;\n  status: string;\n  velocity: number | null;\n  capacity: number | null;\n  startDate: string | null;\n  endDate: string | null;\n}\n\ninterface MilestoneNode {\n  id: string;\n  name: string;\n  status: string;\n  dueDate: string | null;\n}\n\ninterface AnalyticsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n  workItems: { items: WorkItemNode[]; totalCount: number };\n  sprints: { items: SprintNode[]; totalCount: number };\n  milestones: { items: MilestoneNode[]; totalCount: number };\n}\n\nexport function AnalyticsAnalyticsPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\n\n  const { data, loading, error } = useQuery<AnalyticsData>(GET_ANALYTICS_DATA, {\n    variables: {\n      workspaceId,\n      projectPagination: { first: 100 },\n      workItemPagination: { first: 500 },\n      sprintPagination: { first: 100 },\n      milestonePagination: { first: 100 },\n    },\n    skip: !workspaceId,\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  }\n\n  if (error) {\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.analytics.errorLoading', 'Error loading analytics')}: {error.message}\n      </div>\n    );\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const tasks = data?.planmagnetWorkItems?.items ?? [];\n  const sprints = data?.planmagnetSprints?.items ?? [];\n  const milestones = data?.planmagnetMilestones?.items ?? [];\n\n  const totalTasks = tasks.length;\n  const doneTasks = tasks.filter((t) => t.status === 'DONE').length;\n  const blockedTasks = tasks.filter((t) => t.status === 'BLOCKED').length;\n  const totalPoints = tasks.reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n  const completedPoints = tasks\n    .filter((t) => t.status === 'DONE')\n    .reduce((s, t) => s + (t.storyPoints ?? 0), 0);\n\n  const sprintsWithVelocity = sprints.filter((s) => s.velocity != null && s.velocity > 0);\n  const avgVelocity =\n    sprintsWithVelocity.length > 0\n      ? Math.round(\n          sprintsWithVelocity.reduce((s, sp) => s + (sp.velocity ?? 0), 0) /\n            sprintsWithVelocity.length\n        )\n      : 0;\n  const activeSprints = sprints.filter((s) => s.status === 'ACTIVE').length;\n  const atRiskMs = milestones.filter(\n    (m) => m.status === 'AT_RISK' || m.status === 'OVERDUE'\n  ).length;\n  const activeProjects = projects.filter((p) => p.status === 'ACTIVE').length;\n\n  const completionRate = totalTasks > 0 ? Math.round((doneTasks / totalTasks) * 100) : 0;\n\n  const velocityBySprintData = sprintsWithVelocity.slice(-6).map((sp) => ({\n    label: sp.name,\n    pts: sp.velocity ?? 0,\n  }));\n  const maxPts =\n    velocityBySprintData.length > 0 ? Math.max(...velocityBySprintData.map((d) => d.pts)) : 1;\n\n  const tasksByStatus = tasks.reduce(\n    (acc, t) => {\n      acc[t.status] = (acc[t.status] || 0) + 1;\n      return acc;\n    },\n    {} as Record<string, number>\n  );\n  const statusColors: Record<string, string> = {\n    BACKLOG: 'bg-gray-400',\n    TODO: 'bg-blue-400',\n    IN_PROGRESS: 'bg-yellow-400',\n    IN_REVIEW: 'bg-purple-400',\n    DONE: 'bg-green-400',\n    BLOCKED: 'bg-red-400',\n  };\n\n  const metrics = [\n    {\n      label: t('planmagnet.analytics.metrics.totalWorkItems.label', 'Total Work Items'),\n      value: String(totalTasks),\n      trend: `${completionRate}% ${t('planmagnet.analytics.metrics.totalWorkItems.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.storyPoints.label', 'Story Points'),\n      value: String(totalPoints),\n      trend: `${completedPoints} ${t('planmagnet.analytics.metrics.storyPoints.trend', 'completed')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.activeProjects.label', 'Active Projects'),\n      value: String(activeProjects),\n      trend: `${projects.length} ${t('planmagnet.analytics.metrics.activeProjects.trend', 'total')}`,\n    },\n    {\n      label: t('planmagnet.analytics.metrics.blockedItems.label', 'Blocked Items'),\n      value: String(blockedTasks),\n      trend:\n        blockedTasks > 0\n          ? t('planmagnet.analytics.metrics.blockedItems.attention', 'Needs attention')\n          : t('planmagnet.analytics.metrics.blockedItems.clear', 'All clear'),\n    },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">\n          {t('planmagnet.analytics.title', 'Analytics Dashboard')}\n        </h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {t('planmagnet.analytics.subtitle', 'Overview of project health and team performance')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {metrics.map((m) => (\n          <Card key={m.label}>\n            <CardContent className=\"pt-4\">\n              <p className=\"text-xs text-muted-foreground\">{m.label}</p>\n              <p className=\"text-xl font-bold mt-1\">{m.value}</p>\n              <p className=\"text-xs text-green-600 mt-1\">{m.trend}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.velocity.title', 'Sprint Velocity')} (\n              {velocityBySprintData.length} {t('planmagnet.analytics.velocity.sprints', 'Sprints')})\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {velocityBySprintData.length > 0 ? (\n              <div className=\"flex items-end gap-2 h-40\">\n                {velocityBySprintData.map((d) => (\n                  <div key={d.label} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-6 bg-primary rounded-t\"\n                        style={{ height: `${(d.pts / maxPts) * 130}px` }}\n                      />\n                    </div>\n                    <span className=\"text-xs text-muted-foreground truncate max-w-full\">\n                      {d.label}\n                    </span>\n                    <span className=\"text-[10px] font-medium\">{d.pts}</span>\n                  </div>\n                ))}\n              </div>\n            ) : (\n              <p className=\"text-sm text-muted-foreground py-8 text-center\">\n                {t('planmagnet.analytics.velocity.empty', 'No sprint velocity data available yet')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>\n              {t('planmagnet.analytics.taskDistribution.title', 'Task Distribution')}\n            </CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(tasksByStatus).map(([status, count]) => {\n              const pct = totalTasks > 0 ? Math.round((count / totalTasks) * 100) : 0;\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${statusColors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n            {Object.keys(tasksByStatus).length === 0 && (\n              <p className=\"text-sm text-muted-foreground py-4 text-center\">\n                {t('planmagnet.analytics.taskDistribution.empty', 'No work items found')}\n              </p>\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <FolderKanban className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeProjects', 'Active Projects')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeProjects}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Zap className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.activeSprints', 'Active Sprints')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{activeSprints}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.avgVelocity', 'Avg Velocity')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {avgVelocity} {t('planmagnet.analytics.summary.pointsShort', 'pts')}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              {t('planmagnet.analytics.summary.atRisk', 'At Risk')}\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {atRiskMs} {t('planmagnet.analytics.summary.milestones', 'milestones')}\n            </p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>{t('planmagnet.analytics.projectHealth.title', 'Project Health')}</CardTitle>\n        </CardHeader>\n        <CardContent>\n          <div className=\"space-y-3\">\n            {projects\n              .filter((p) => p.status === 'ACTIVE')\n              .map((p) => {\n                const projectTasks = tasks.filter((t) => t.assigneeId != null);\n                const projectDone = projectTasks.filter((t) => t.status === 'DONE').length;\n                const progress =\n                  projectTasks.length > 0\n                    ? Math.round((projectDone / projectTasks.length) * 100)\n                    : 0;\n                const hasOverdue = p.endDate && new Date(p.endDate) < new Date() && progress < 100;\n                const health = hasOverdue ? 'at_risk' : progress >= 75 ? 'on_track' : 'in_progress';\n                return (\n                  <div key={p.id} className=\"flex items-center gap-4\">\n                    <span className=\"text-sm font-medium w-40 truncate\">{p.name}</span>\n                    <div className=\"flex-1\">\n                      <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                        <div\n                          className={`h-full rounded-full ${health === 'at_risk' ? 'bg-orange-400' : health === 'on_track' ? 'bg-green-400' : 'bg-blue-400'}`}\n                          style={{ width: `${progress}%` }}\n                        />\n                      </div>\n                    </div>\n                    <span className=\"text-sm w-12 text-right\">{progress}%</span>\n                    <Badge variant=\"outline\" className=\"capitalize text-xs w-20 justify-center\">\n                      {health.replace('_', ' ')}\n                    </Badge>\n                  </div>\n                );\n              })}\n            {projects.filter((p) => p.status === 'ACTIVE').length === 0 && (\n              <p className=\"text-sm text-muted-foreground text-center py-4\">\n                {t('planmagnet.analytics.projectHealth.empty', 'No active projects found')}\n              </p>\n            )}\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAAqB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAgG9B,SAAgB,IAA6B;CAC3C,IAAM,EAAE,mBAAgB,GAAe,EACjC,EAAE,SAAM,GAAS,EAEjB,EAAE,SAAM,YAAS,aAAU,EAAwB,GAAoB;EAC3E,WAAW;GACT;GACA,mBAAmB,EAAE,OAAO,KAAK;GACjC,oBAAoB,EAAE,OAAO,KAAK;GAClC,kBAAkB,EAAE,OAAO,KAAK;GAChC,qBAAqB,EAAE,OAAO,KAAK;GACpC;EACD,MAAM,CAAC;EACR,CAAC;AAEF,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAIV,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACG,EAAE,qCAAqC,0BAA0B;GAAC;GAAG,EAAM;GACxE;;CAIV,IAAM,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAChD,IAAQ,GAAM,qBAAqB,SAAS,EAAE,EAC9C,IAAU,GAAM,mBAAmB,SAAS,EAAE,EAC9C,IAAa,GAAM,sBAAsB,SAAS,EAAE,EAEpD,IAAa,EAAM,QACnB,IAAY,EAAM,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QACrD,IAAe,EAAM,QAAQ,MAAM,EAAE,WAAW,UAAU,CAAC,QAC3D,IAAc,EAAM,QAAQ,GAAG,MAAM,KAAK,EAAE,eAAe,IAAI,EAAE,EACjE,IAAkB,EACrB,QAAQ,MAAM,EAAE,WAAW,OAAO,CAClC,QAAQ,GAAG,MAAM,KAAK,EAAE,eAAe,IAAI,EAAE,EAE1C,IAAsB,EAAQ,QAAQ,MAAM,EAAE,YAAY,QAAQ,EAAE,WAAW,EAAE,EACjF,IACJ,EAAoB,SAAS,IACzB,KAAK,MACH,EAAoB,QAAQ,GAAG,MAAO,KAAK,EAAG,YAAY,IAAI,EAAE,GAC9D,EAAoB,OACvB,GACD,GACA,IAAgB,EAAQ,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAC7D,IAAW,EAAW,QACzB,MAAM,EAAE,WAAW,aAAa,EAAE,WAAW,UAC/C,CAAC,QACI,IAAiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,QAE/D,IAAiB,IAAa,IAAI,KAAK,MAAO,IAAY,IAAc,IAAI,GAAG,GAE/E,IAAuB,EAAoB,MAAM,GAAG,CAAC,KAAK,OAAQ;EACtE,OAAO,EAAG;EACV,KAAK,EAAG,YAAY;EACrB,EAAE,EACG,IACJ,EAAqB,SAAS,IAAI,KAAK,IAAI,GAAG,EAAqB,KAAK,MAAM,EAAE,IAAI,CAAC,GAAG,GAEpF,IAAgB,EAAM,QACzB,GAAK,OACJ,EAAI,EAAE,WAAW,EAAI,EAAE,WAAW,KAAK,GAChC,IAET,EAAE,CACH,EACK,IAAuC;EAC3C,SAAS;EACT,MAAM;EACN,aAAa;EACb,WAAW;EACX,MAAM;EACN,SAAS;EACV,EAEK,IAAU;EACd;GACE,OAAO,EAAE,qDAAqD,mBAAmB;GACjF,OAAO,OAAO,EAAW;GACzB,OAAO,GAAG,EAAe,IAAI,EAAE,qDAAqD,YAAY;GACjG;EACD;GACE,OAAO,EAAE,kDAAkD,eAAe;GAC1E,OAAO,OAAO,EAAY;GAC1B,OAAO,GAAG,EAAgB,GAAG,EAAE,kDAAkD,YAAY;GAC9F;EACD;GACE,OAAO,EAAE,qDAAqD,kBAAkB;GAChF,OAAO,OAAO,EAAe;GAC7B,OAAO,GAAG,EAAS,OAAO,GAAG,EAAE,qDAAqD,QAAQ;GAC7F;EACD;GACE,OAAO,EAAE,mDAAmD,gBAAgB;GAC5E,OAAO,OAAO,EAAa;GAC3B,OACE,IAAe,IACX,EAAE,uDAAuD,kBAAkB,GAC3E,EAAE,mDAAmD,YAAY;GACxE;EACF;AAED,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAE,8BAA8B,sBAAsB;IACpD,CAAA,EACL,kBAAC,KAAD;IAAG,WAAU;cACV,EAAE,iCAAiC,kDAAkD;IACpF,CAAA,CACA,EAAA,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAQ,KAAK,MACZ,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB;MACE,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAE;OAAU,CAAA;MAC1D,kBAAC,KAAD;OAAG,WAAU;iBAA0B,EAAE;OAAU,CAAA;MACnD,kBAAC,KAAD;OAAG,WAAU;iBAA+B,EAAE;OAAU,CAAA;MAC5C;QACT,EANI,EAAE,MAMN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAW,WAAU;eAArB;MACE,kBAAC,GAAD,EAAW,WAAU,WAAY,CAAA;MAChC,EAAE,uCAAuC,kBAAkB;MAAC;MAC5D,EAAqB;MAAO;MAAE,EAAE,yCAAyC,UAAU;MAAC;MAC3E;QACD,CAAA,EACb,kBAAC,GAAD,EAAA,UACG,EAAqB,SAAS,IAC7B,kBAAC,OAAD;KAAK,WAAU;eACZ,EAAqB,KAAK,MACzB,kBAAC,OAAD;MAAmB,WAAU;gBAA7B;OACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,QAAQ,GAAI,EAAE,MAAM,IAAU,IAAI,KAAK;SAChD,CAAA;QACE,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAE;QACE,CAAA;OACP,kBAAC,QAAD;QAAM,WAAU;kBAA2B,EAAE;QAAW,CAAA;OACpD;QAXI,EAAE,MAWN,CACN;KACE,CAAA,GAEN,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,uCAAuC,wCAAwC;KAChF,CAAA,EAEM,CAAA,CACT,EAAA,CAAA,EAEP,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UACG,EAAE,+CAA+C,oBAAoB,EAC5D,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACG,OAAO,QAAQ,EAAc,CAAC,KAAK,CAAC,GAAQ,OAAW;MACtD,IAAM,IAAM,IAAa,IAAI,KAAK,MAAO,IAAQ,IAAc,IAAI,GAAG;AACtE,aACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAc,EAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QAAQ,CAAA,EAC5E,kBAAC,QAAD;QAAM,WAAU;kBAAhB;SACG;SAAM;SAAG;SAAI;SACT;UACH;UACN,kBAAC,OAAD;OAAK,WAAU;iBACb,kBAAC,OAAD;QACE,WAAW,uBAAuB,EAAa,MAAW;QAC1D,OAAO,EAAE,OAAO,GAAG,EAAI,IAAI;QAC3B,CAAA;OACE,CAAA,CACF,EAAA,EAbI,EAaJ;OAER,EACD,OAAO,KAAK,EAAc,CAAC,WAAW,KACrC,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAE,+CAA+C,sBAAsB;MACtE,CAAA,CAEM;OACT,EAAA,CAAA,CACH;;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAc,WAAU,WAAY,CAAA,EACnC,EAAE,+CAA+C,kBAAkB,CAChE;UACN,kBAAC,KAAD;OAAG,WAAU;iBAA0B;OAAmB,CAAA,CAC9C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAK,WAAU,WAAY,CAAA,EAC1B,EAAE,8CAA8C,iBAAiB,CAC9D;UACN,kBAAC,KAAD;OAAG,WAAU;iBAA0B;OAAkB,CAAA,CAC7C;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAY,WAAU,WAAY,CAAA,EACjC,EAAE,4CAA4C,eAAe,CAC1D;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAY;QAAE,EAAE,4CAA4C,MAAM;QACjE;SACQ;SACT,CAAA;KACP,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;MAAa,WAAU;gBAAvB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,GAAD,EAAQ,WAAU,WAAY,CAAA,EAC7B,EAAE,uCAAuC,UAAU,CAChD;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAb;QACG;QAAS;QAAE,EAAE,2CAA2C,aAAa;QACpE;SACQ;SACT,CAAA;KACH;;GAEN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAY,EAAE,4CAA4C,iBAAiB,EAAa,CAAA,EAC7E,CAAA,EACb,kBAAC,GAAD,EAAA,UACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACG,EACE,QAAQ,MAAM,EAAE,WAAW,SAAS,CACpC,KAAK,MAAM;KACV,IAAM,IAAe,EAAM,QAAQ,MAAM,EAAE,cAAc,KAAK,EACxD,IAAc,EAAa,QAAQ,MAAM,EAAE,WAAW,OAAO,CAAC,QAC9D,IACJ,EAAa,SAAS,IAClB,KAAK,MAAO,IAAc,EAAa,SAAU,IAAI,GACrD,GAEA,IADa,EAAE,WAAW,IAAI,KAAK,EAAE,QAAQ,mBAAG,IAAI,MAAM,IAAI,IAAW,MACnD,YAAY,KAAY,KAAK,aAAa;AACtE,YACE,kBAAC,OAAD;MAAgB,WAAU;gBAA1B;OACE,kBAAC,QAAD;QAAM,WAAU;kBAAqC,EAAE;QAAY,CAAA;OACnE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,OAAD;SAAK,WAAU;mBACb,kBAAC,OAAD;UACE,WAAW,uBAAuB,MAAW,YAAY,kBAAkB,MAAW,aAAa,iBAAiB;UACpH,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;UAChC,CAAA;SACE,CAAA;QACF,CAAA;OACN,kBAAC,QAAD;QAAM,WAAU;kBAAhB,CAA2C,GAAS,IAAQ;;OAC5D,kBAAC,GAAD;QAAO,SAAQ;QAAU,WAAU;kBAChC,EAAO,QAAQ,KAAK,IAAI;QACnB,CAAA;OACJ;QAdI,EAAE,GAcN;MAER,EACH,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAAC,WAAW,KACxD,kBAAC,KAAD;KAAG,WAAU;eACV,EAAE,4CAA4C,2BAA2B;KACxE,CAAA,CAEF;OACM,CAAA,CACT,EAAA,CAAA;GACH"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationCollaborationPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CollaborationCollaborationPagePage.tsx"],"names":[],"mappings":"AAsCA,wBAAgB,kCAAkC,4CAsFjD"}

package/dist/planmagnet/pages/CollaborationCollaborationPagePage.js

@@ -0,0 +1,110 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { Hash as n, Plus as r } from "lucide-react";
+import { gql as i } from "@apollo/client";
+import { useQuery as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+import { Button as c, Card as l, CardContent as u } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/CollaborationCollaborationPagePage.tsx
+var d = i`
+  query GetProjectsForChannels($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        name
+        key
+        status
+        tags
+        startDate
+      }
+      totalCount
+    }
+  }
+`;
+function f() {
+	let { workspaceId: i } = e(), f = t(), { data: p, loading: m, error: h } = a(d, {
+		variables: {
+			workspaceId: i,
+			pagination: { first: 100 }
+		},
+		skip: !i
+	});
+	if (m) return /* @__PURE__ */ o("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ o("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+	});
+	if (h) return /* @__PURE__ */ s("div", {
+		className: "p-6 text-red-500",
+		children: ["Error: ", h.message]
+	});
+	let g = p?.planmagnetProjects?.items ?? [], _ = g.filter((e) => e.status === "ACTIVE").map((e) => ({
+		id: e.id,
+		name: e.name,
+		description: `Discussion channel for ${e.key}`,
+		type: "public",
+		membersCount: 0,
+		key: e.key,
+		status: e.status
+	})), v = _.length;
+	return /* @__PURE__ */ s("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ s("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ s("div", { children: [/* @__PURE__ */ o("h1", {
+				className: "text-2xl font-semibold",
+				children: "Collaboration"
+			}), /* @__PURE__ */ s("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					v,
+					" project channels · ",
+					g.length,
+					" total projects"
+				]
+			})] }), /* @__PURE__ */ s(c, {
+				size: "sm",
+				onClick: () => f("/collaboration/create-channel"),
+				children: [/* @__PURE__ */ o(r, { className: "mr-1 h-4 w-4" }), "New Channel"]
+			})]
+		}), /* @__PURE__ */ s("div", {
+			className: "space-y-3",
+			children: [_.map((e) => /* @__PURE__ */ o(l, {
+				className: "hover:bg-muted/30 cursor-pointer transition-colors",
+				children: /* @__PURE__ */ s(u, {
+					className: "py-3 flex items-center justify-between",
+					children: [/* @__PURE__ */ s("div", {
+						className: "flex items-center gap-3",
+						children: [/* @__PURE__ */ o(n, { className: "h-4 w-4 text-muted-foreground" }), /* @__PURE__ */ s("div", { children: [/* @__PURE__ */ s("div", {
+							className: "flex items-center gap-2",
+							children: [/* @__PURE__ */ o("span", {
+								className: "text-sm font-medium",
+								children: e.name
+							}), /* @__PURE__ */ o("span", {
+								className: "text-[10px] px-1.5 py-0.5 rounded-full bg-green-100 text-green-700",
+								children: e.key
+							})]
+						}), /* @__PURE__ */ o("p", {
+							className: "text-xs text-muted-foreground",
+							children: e.description
+						})] })]
+					}), /* @__PURE__ */ o("div", {
+						className: "flex items-center gap-4 text-xs text-muted-foreground",
+						children: /* @__PURE__ */ o("span", {
+							className: "capitalize",
+							children: e.status.toLowerCase()
+						})
+					})]
+				})
+			}, e.id)), _.length === 0 && /* @__PURE__ */ s("div", {
+				className: "text-center py-12",
+				children: [/* @__PURE__ */ o(n, { className: "h-12 w-12 text-muted-foreground mx-auto mb-3" }), /* @__PURE__ */ o("p", {
+					className: "text-sm text-muted-foreground",
+					children: "No active projects found. Create a project to start collaborating."
+				})]
+			})]
+		})]
+	});
+}
+//#endregion
+export { f as CollaborationCollaborationPagePage };
+
+//# sourceMappingURL=CollaborationCollaborationPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationCollaborationPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CollaborationCollaborationPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Hash, Lock, Users } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS_FOR_CHANNELS = gql`\n  query GetProjectsForChannels($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        key\n        status\n        tags\n        startDate\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ProjectNode {\n  id: string;\n  name: string;\n  key: string;\n  status: string;\n  tags: string[];\n  startDate: string | null;\n}\n\ninterface ProjectsData {\n  projects: { items: ProjectNode[]; totalCount: number };\n}\n\nexport function CollaborationCollaborationPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const { data, loading, error } = useQuery<ProjectsData>(GET_PROJECTS_FOR_CHANNELS, {\n    variables: {\n      workspaceId,\n      pagination: { first: 100 },\n    },\n    skip: !workspaceId,\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  }\n\n  if (error) {\n    return <div className=\"p-6 text-red-500\">Error: {error.message}</div>;\n  }\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n  const activeProjects = projects.filter((p) => p.status === 'ACTIVE');\n\n  const channels = activeProjects.map((project) => ({\n    id: project.id,\n    name: project.name,\n    description: `Discussion channel for ${project.key}`,\n    type: 'public' as const,\n    membersCount: 0,\n    key: project.key,\n    status: project.status,\n  }));\n\n  const totalChannels = channels.length;\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\">Collaboration</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalChannels} project channels &middot; {projects.length} total projects\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/collaboration/create-channel')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Channel\n        </Button>\n      </div>\n      <div className=\"space-y-3\">\n        {channels.map((ch) => (\n          <Card key={ch.id} className=\"hover:bg-muted/30 cursor-pointer transition-colors\">\n            <CardContent className=\"py-3 flex items-center justify-between\">\n              <div className=\"flex items-center gap-3\">\n                <Hash className=\"h-4 w-4 text-muted-foreground\" />\n                <div>\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{ch.name}</span>\n                    <span className=\"text-[10px] px-1.5 py-0.5 rounded-full bg-green-100 text-green-700\">\n                      {ch.key}\n                    </span>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{ch.description}</p>\n                </div>\n              </div>\n              <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                <span className=\"capitalize\">{ch.status.toLowerCase()}</span>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n        {channels.length === 0 && (\n          <div className=\"text-center py-12\">\n            <Hash className=\"h-12 w-12 text-muted-foreground mx-auto mb-3\" />\n            <p className=\"text-sm text-muted-foreground\">\n              No active projects found. Create a project to start collaborating.\n            </p>\n          </div>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;AASA,IAAM,IAA4B,CAAG;;;;;;;;;;;;;;;AA6BrC,SAAgB,IAAqC;CACnD,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAElC,EAAE,SAAM,YAAS,aAAU,EAAuB,GAA2B;EACjF,WAAW;GACT;GACA,YAAY,EAAE,OAAO,KAAK;GAC3B;EACD,MAAM,CAAC;EACR,CAAC;AAEF,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,OAAD,EAAK,WAAU,kFAAmF,CAAA;EAC9F,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAkC,WAAQ,EAAM,QAAc;;CAGvE,IAAM,IAAW,GAAM,oBAAoB,SAAS,EAAE,EAGhD,IAFiB,EAAS,QAAQ,MAAM,EAAE,WAAW,SAAS,CAEpC,KAAK,OAAa;EAChD,IAAI,EAAQ;EACZ,MAAM,EAAQ;EACd,aAAa,0BAA0B,EAAQ;EAC/C,MAAM;EACN,cAAc;EACd,KAAK,EAAQ;EACb,QAAQ,EAAQ;EACjB,EAAE,EAEG,IAAgB,EAAS;AAE/B,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAkB,CAAA,EACzD,kBAAC,KAAD;IAAG,WAAU;cAAb;KACG;KAAc;KAA4B,EAAS;KAAO;KACzD;MACA,EAAA,CAAA,EACN,kBAAC,GAAD;IAAQ,MAAK;IAAK,eAAe,EAAS,gCAAgC;cAA1E,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,cAE1B;MACL;MACN,kBAAC,OAAD;GAAK,WAAU;aAAf,CACG,EAAS,KAAK,MACb,kBAAC,GAAD;IAAkB,WAAU;cAC1B,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,GAAD,EAAM,WAAU,iCAAkC,CAAA,EAClD,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,QAAD;QAAM,WAAU;kBAAuB,EAAG;QAAY,CAAA,EACtD,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAG;QACC,CAAA,CACH;UACN,kBAAC,KAAD;OAAG,WAAU;iBAAiC,EAAG;OAAgB,CAAA,CAC7D,EAAA,CAAA,CACF;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,QAAD;OAAM,WAAU;iBAAc,EAAG,OAAO,aAAa;OAAQ,CAAA;MACzD,CAAA,CACM;;IACT,EAlBI,EAAG,GAkBP,CACP,EACD,EAAS,WAAW,KACnB,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD,EAAM,WAAU,gDAAiD,CAAA,EACjE,kBAAC,KAAD;KAAG,WAAU;eAAgC;KAEzC,CAAA,CACA;MAEJ;KACF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationCreateChannelPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CollaborationCreateChannelPagePage.tsx"],"names":[],"mappings":"AAOA,wBAAgB,kCAAkC,4CA8EjD"}

package/dist/planmagnet/pages/CollaborationCreateChannelPagePage.js

@@ -0,0 +1,96 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { useState as t } from "react";
+import { Hash as n, Save as r, X as i } from "lucide-react";
+import { jsx as a, jsxs as o } from "react/jsx-runtime";
+import { Button as s, Card as c, CardContent as l, CardHeader as u, CardTitle as d, Input as f } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/CollaborationCreateChannelPagePage.tsx
+function p() {
+	let [p, m] = t({
+		name: "",
+		description: "",
+		type: "public"
+	}), h = e();
+	return /* @__PURE__ */ o("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [/* @__PURE__ */ o("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("h1", {
+				className: "text-2xl font-semibold",
+				children: "Create Channel"
+			}), /* @__PURE__ */ a("p", {
+				className: "text-sm text-muted-foreground",
+				children: "Set up a new communication channel for your team."
+			})] }), /* @__PURE__ */ o("div", {
+				className: "flex gap-2",
+				children: [/* @__PURE__ */ o(s, {
+					variant: "outline",
+					size: "sm",
+					onClick: () => h("/collaboration"),
+					children: [/* @__PURE__ */ a(i, { className: "mr-1 h-4 w-4" }), "Cancel"]
+				}), /* @__PURE__ */ o(s, {
+					size: "sm",
+					onClick: () => {
+						p.name.trim() && h("/collaboration");
+					},
+					children: [/* @__PURE__ */ a(r, { className: "mr-1 h-4 w-4" }), "Create Channel"]
+				})]
+			})]
+		}), /* @__PURE__ */ o(c, { children: [/* @__PURE__ */ a(u, { children: /* @__PURE__ */ o(d, {
+			className: "flex items-center gap-2",
+			children: [/* @__PURE__ */ a(n, { className: "h-4 w-4" }), "Channel Details"]
+		}) }), /* @__PURE__ */ o(l, {
+			className: "space-y-4",
+			children: [
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: "text-sm font-medium",
+					children: "Channel Name"
+				}), /* @__PURE__ */ a(f, {
+					value: p.name,
+					onChange: (e) => m({
+						...p,
+						name: e.target.value
+					}),
+					className: "mt-1",
+					placeholder: "e.g. engineering-updates"
+				})] }),
+				/* @__PURE__ */ o("div", { children: [/* @__PURE__ */ a("label", {
+					className: "text-sm font-medium",
+					children: "Description"
+				}), /* @__PURE__ */ a("textarea", {
+					className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+					value: p.description,
+					onChange: (e) => m({
+						...p,
+						description: e.target.value
+					}),
+					placeholder: "What is this channel for?"
+				})] }),
+				/* @__PURE__ */ o("div", { children: [
+					/* @__PURE__ */ a("label", {
+						className: "text-sm font-medium",
+						children: "Type"
+					}),
+					/* @__PURE__ */ a("div", {
+						className: "mt-1 flex gap-2",
+						children: ["public", "private"].map((e) => /* @__PURE__ */ a("button", {
+							onClick: () => m({
+								...p,
+								type: e
+							}),
+							className: `px-4 py-2 rounded-md text-sm capitalize ${p.type === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+							children: e
+						}, e))
+					}),
+					/* @__PURE__ */ a("p", {
+						className: "text-xs text-muted-foreground mt-1",
+						children: p.type === "public" ? "Anyone in the workspace can join" : "Only invited members can access"
+					})
+				] })
+			]
+		})] })]
+	});
+}
+//#endregion
+export { p as CollaborationCreateChannelPagePage };
+
+//# sourceMappingURL=CollaborationCreateChannelPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CollaborationCreateChannelPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CollaborationCreateChannelPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Hash } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nexport function CollaborationCreateChannelPagePage() {\n  const [form, setForm] = useState({ name: '', description: '', type: 'public' });\n  const navigate = usePlanMagnetNavigate();\n\n  const handleCreate = () => {\n    if (!form.name.trim()) return;\n    navigate('/collaboration');\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Create Channel</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Set up a new communication channel for your team.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/collaboration')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate}>\n            <Save className=\"mr-1 h-4 w-4\" />\n            Create Channel\n          </Button>\n        </div>\n      </div>\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Hash className=\"h-4 w-4\" />\n            Channel Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Channel Name</label>\n            <Input\n              value={form.name}\n              onChange={(e) => setForm({ ...form, name: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. engineering-updates\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"What is this channel for?\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Type</label>\n            <div className=\"mt-1 flex gap-2\">\n              {['public', 'private'].map((t) => (\n                <button\n                  key={t}\n                  onClick={() => setForm({ ...form, type: t })}\n                  className={`px-4 py-2 rounded-md text-sm capitalize ${form.type === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                >\n                  {t}\n                </button>\n              ))}\n            </div>\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              {form.type === 'public'\n                ? 'Anyone in the workspace can join'\n                : 'Only invited members can access'}\n            </p>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAOA,SAAgB,IAAqC;CACnD,IAAM,CAAC,GAAM,KAAW,EAAS;EAAE,MAAM;EAAI,aAAa;EAAI,MAAM;EAAU,CAAC,EACzE,IAAW,GAAuB;AAOxC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;IAAI,WAAU;cAAyB;IAAmB,CAAA,EAC1D,kBAAC,KAAD;IAAG,WAAU;cAAgC;IAEzC,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,GAAD;KAAQ,SAAQ;KAAU,MAAK;KAAK,eAAe,EAAS,iBAAiB;eAA7E,CACE,kBAAC,GAAD,EAAG,WAAU,gBAAiB,CAAA,EAAA,SAEvB;QACT,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAnBC;AACpB,QAAK,KAAK,MAAM,IACrB,EAAS,iBAAiB;;eAiBpB,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;OACL;MACF;MACN,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GAAW,WAAU;aAArB,CACE,kBAAC,GAAD,EAAM,WAAU,WAAY,CAAA,EAAA,kBAElB;MACD,CAAA,EACb,kBAAC,GAAD;GAAa,WAAU;aAAvB;IACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAoB,CAAA,EAC3D,kBAAC,GAAD;KACE,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,MAAM,EAAE,OAAO;MAAO,CAAC;KAC3D,WAAU;KACV,aAAY;KACZ,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,SAAD;KAAO,WAAU;eAAsB;KAAmB,CAAA,EAC1D,kBAAC,YAAD;KACE,WAAU;KACV,OAAO,EAAK;KACZ,WAAW,MAAM,EAAQ;MAAE,GAAG;MAAM,aAAa,EAAE,OAAO;MAAO,CAAC;KAClE,aAAY;KACZ,CAAA,CACE,EAAA,CAAA;IACN,kBAAC,OAAD,EAAA,UAAA;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAsB;MAAY,CAAA;KACnD,kBAAC,OAAD;MAAK,WAAU;gBACZ,CAAC,UAAU,UAAU,CAAC,KAAK,MAC1B,kBAAC,UAAD;OAEE,eAAe,EAAQ;QAAE,GAAG;QAAM,MAAM;QAAG,CAAC;OAC5C,WAAW,2CAA2C,EAAK,SAAS,IAAI,uCAAuC;iBAE9G;OACM,EALF,EAKE,CACT;MACE,CAAA;KACN,kBAAC,KAAD;MAAG,WAAU;gBACV,EAAK,SAAS,WACX,qCACA;MACF,CAAA;KACA,EAAA,CAAA;IACM;KACT,EAAA,CAAA,CACH"}

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

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

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

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