@burdenoff/microfe-planmagnet 2026.830.1 → 2026.923.2

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsPlanningPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsPlanningPagePage.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 { CalendarClock, FolderKanban } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_SPRINTS = gql`\n  query GetSprints($workspaceId: ID!) {\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  PLANNING: 'bg-blue-100 text-blue-800',\n  ACTIVE: 'bg-green-100 text-green-800',\n  REVIEW: 'bg-purple-100 text-purple-800',\n  COMPLETED: 'bg-gray-100 text-gray-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsPlanningPagePage() {\n  const { workspaceId } = usePlanMagnet();\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_SPRINTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading planning sessions: {error.message}</div>;\n\n  const sprints = data?.planmagnetSprints?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Planning Sessions</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {sprints.length} sprints across all projects\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {sprints.map(\n          (sprint: {\n            id: string;\n            name: string;\n            projectId: string;\n            status: string;\n            startDate: string | null;\n            endDate: string | null;\n            goal: string | null;\n            capacity: number | null;\n            velocity: number | null;\n            workItems: { id: string; status: string; storyPoints: number | null }[];\n          }) => {\n            const totalPoints = sprint.workItems.reduce(\n              (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n              0\n            );\n            const allocatedCapacity = sprint.capacity ?? 0;\n            const capPct =\n              allocatedCapacity > 0 ? Math.round((totalPoints / allocatedCapacity) * 100) : 0;\n            return (\n              <Card key={sprint.id}>\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base flex items-center gap-2\">\n                      <CalendarClock className=\"h-4 w-4 text-primary\" />\n                      {sprint.name}\n                    </CardTitle>\n                    <Badge\n                      variant={sprint.status === 'COMPLETED' ? 'default' : 'secondary'}\n                      className=\"capitalize\"\n                    >\n                      {sprint.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <div className=\"flex gap-2\">\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[sprint.status] ?? 'bg-gray-100'}`}\n                    >\n                      {sprint.status.toLowerCase().replace('_', ' ')}\n                    </span>\n                    <span className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                      <FolderKanban className=\"h-3 w-3\" />\n                      {sprint.projectId}\n                    </span>\n                  </div>\n                  {sprint.goal && <p className=\"text-sm text-muted-foreground\">{sprint.goal}</p>}\n                  <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <CalendarClock className=\"h-3 w-3\" />\n                      {sprint.startDate\n                        ? new Date(sprint.startDate).toLocaleDateString()\n                        : '—'} -{' '}\n                      {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n                    </span>\n                    <span>{sprint.workItems.length} work items</span>\n                  </div>\n                  {allocatedCapacity > 0 && (\n                    <div>\n                      <div className=\"flex justify-between text-xs mb-1\">\n                        <span className=\"text-muted-foreground\">Capacity</span>\n                        <span className=\"font-medium\">\n                          {totalPoints}/{allocatedCapacity} pts ({capPct}%)\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 ${capPct > 90 ? 'bg-red-400' : 'bg-primary'}`}\n                          style={{ width: `${Math.min(capPct, 100)}%` }}\n                        />\n                      </div>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {sprints.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No planning sessions found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsPlanningPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsPlanningPagePage.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 { CalendarClock, FolderKanban } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst GET_SPRINTS = gql`\n  query GetSprints($workspaceId: ID!) {\n    planmagnetSprints(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        projectId\n        status\n        startDate\n        endDate\n        goal\n        capacity\n        velocity\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  PLANNING: 'bg-blue-100 text-blue-800',\n  ACTIVE: 'bg-green-100 text-green-800',\n  REVIEW: 'bg-purple-100 text-purple-800',\n  COMPLETED: 'bg-gray-100 text-gray-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n};\n\nexport function ProjectsPlanningPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\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_SPRINTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return <div className=\"p-6 text-red-500\">Error loading planning sessions: {error.message}</div>;\n\n  const sprints = data?.planmagnetSprints?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Planning Sessions</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {sprints.length} sprints across all projects\n        </p>\n      </div>\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {sprints.map(\n          (sprint: {\n            id: string;\n            name: string;\n            projectId: string;\n            status: string;\n            startDate: string | null;\n            endDate: string | null;\n            goal: string | null;\n            capacity: number | null;\n            velocity: number | null;\n            workItems: { id: string; status: string; storyPoints: number | null }[];\n          }) => {\n            const totalPoints = sprint.workItems.reduce(\n              (sum: number, wi: { storyPoints: number | null }) => sum + (wi.storyPoints ?? 0),\n              0\n            );\n            const allocatedCapacity = sprint.capacity ?? 0;\n            const capPct =\n              allocatedCapacity > 0 ? Math.round((totalPoints / allocatedCapacity) * 100) : 0;\n            return (\n              <Card\n                key={sprint.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/planning-detail-page', sprint.id)),\n                  sprint.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                      <CalendarClock className=\"h-4 w-4 text-primary\" />\n                      {sprint.name}\n                    </CardTitle>\n                    <Badge\n                      variant={sprint.status === 'COMPLETED' ? 'default' : 'secondary'}\n                      className=\"capitalize\"\n                    >\n                      {sprint.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <div className=\"flex gap-2\">\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[sprint.status] ?? 'bg-gray-100'}`}\n                    >\n                      {sprint.status.toLowerCase().replace('_', ' ')}\n                    </span>\n                    <span className=\"text-xs text-muted-foreground flex items-center gap-1\">\n                      <FolderKanban className=\"h-3 w-3\" />\n                      {sprint.projectId}\n                    </span>\n                  </div>\n                  {sprint.goal && <p className=\"text-sm text-muted-foreground\">{sprint.goal}</p>}\n                  <div className=\"flex gap-3 text-xs text-muted-foreground\">\n                    <span className=\"flex items-center gap-1\">\n                      <CalendarClock className=\"h-3 w-3\" />\n                      {sprint.startDate\n                        ? new Date(sprint.startDate).toLocaleDateString()\n                        : '—'} -{' '}\n                      {sprint.endDate ? new Date(sprint.endDate).toLocaleDateString() : '—'}\n                    </span>\n                    <span>{sprint.workItems.length} work items</span>\n                  </div>\n                  {allocatedCapacity > 0 && (\n                    <div>\n                      <div className=\"flex justify-between text-xs mb-1\">\n                        <span className=\"text-muted-foreground\">Capacity</span>\n                        <span className=\"font-medium\">\n                          {totalPoints}/{allocatedCapacity} pts ({capPct}%)\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 ${capPct > 90 ? 'bg-red-400' : 'bg-primary'}`}\n                          style={{ width: `${Math.min(capPct, 100)}%` }}\n                        />\n                      </div>\n                    </div>\n                  )}\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {sprints.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No planning sessions found.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,6BAA6B,4CAyS5C"}
+{"version":3,"file":"ProjectsProjectDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,6BAA6B,4CA8S5C"}

package/dist/planmagnet/pages/ProjectsProjectDetailPagePage.js

@@ -1,4 +1,4 @@
-import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useEntityId as e } from "../hooks/useEntityId.js";
 import { Calendar as t, CheckSquare as n, FolderKanban as r, Users as i, Zap as a } from "lucide-react";
 import { gql as o } from "@apollo/client";
 import { useQuery as s } from "@apollo/client/react";
@@ -6,55 +6,53 @@ import { jsx as c, jsxs as l } from "react/jsx-runtime";
 import { Badge as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsProjectDetailPagePage.tsx
 var h = o`
-  query GetProjectDetail($workspaceId: ID!) {
-    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 1 }) {
-      items {
+  query GetProjectDetail($id: ID!) {
+    planmagnetProject(id: $id) {
+      id
+      name
+      key
+      description
+      status
+      methodology
+      ownerId
+      startDate
+      endDate
+      tags
+      createdAt
+      sprints {
         id
         name
-        key
-        description
         status
-        methodology
-        ownerId
+        goal
+        capacity
+        velocity
         startDate
         endDate
-        tags
-        createdAt
-        sprints {
-          id
-          name
-          status
-          goal
-          capacity
-          velocity
-          startDate
-          endDate
-          workItems {
-            id
-            status
-            storyPoints
-          }
-        }
-        milestones {
-          id
-          name
-          description
-          status
-          dueDate
-          ownerId
-        }
         workItems {
           id
-          key
-          description
           status
-          priority
           storyPoints
-          assigneeId
-          labels
-          createdAt
         }
       }
+      milestones {
+        id
+        name
+        description
+        status
+        dueDate
+        ownerId
+      }
+      workItems {
+        id
+        key
+        description
+        status
+        priority
+        storyPoints
+        assigneeId
+        labels
+        createdAt
+      }
     }
   }
 `, g = {
@@ -66,7 +64,14 @@ var h = o`
 	ARCHIVED: "bg-gray-100 text-gray-800"
 };
 function _() {
-	let { workspaceId: o } = e(), { data: _, loading: v, error: y } = s(h, { variables: { workspaceId: o ?? "default" } });
+	let o = e("projectId"), { data: _, loading: v, error: y } = s(h, {
+		variables: { id: o },
+		skip: !o
+	});
+	if (!o) return /* @__PURE__ */ c("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No project selected. Open one from the list."
+	});
 	if (v) 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" })
@@ -75,7 +80,7 @@ function _() {
 		className: "p-6 text-red-500",
 		children: ["Error loading project: ", y.message]
 	});
-	let b = _?.planmagnetProjects?.items?.[0];
+	let b = _?.planmagnetProject;
 	if (!b) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Project not found."

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.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 { FolderKanban, CheckSquare, Users, Zap, Calendar } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECT_DETAIL = gql`\n  query GetProjectDetail($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 1 }) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n        sprints {\n          id\n          name\n          status\n          goal\n          capacity\n          velocity\n          startDate\n          endDate\n          workItems {\n            id\n            status\n            storyPoints\n          }\n        }\n        milestones {\n          id\n          name\n          description\n          status\n          dueDate\n          ownerId\n        }\n        workItems {\n          id\n          key\n          description\n          status\n          priority\n          storyPoints\n          assigneeId\n          labels\n          createdAt\n        }\n      }\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  ACTIVE: 'bg-green-100 text-green-800',\n  ON_HOLD: 'bg-orange-100 text-orange-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  COMPLETED: 'bg-blue-100 text-blue-800',\n  PLANNING: 'bg-gray-100 text-gray-800',\n  ARCHIVED: 'bg-gray-100 text-gray-800',\n};\n\nexport function ProjectsProjectDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\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_PROJECT_DETAIL, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error) return <div className=\"p-6 text-red-500\">Error loading project: {error.message}</div>;\n\n  const project = data?.planmagnetProjects?.items?.[0];\n  if (!project) return <div className=\"p-6 text-muted-foreground\">Project not found.</div>;\n\n  const projectWorkItems = project.workItems ?? [];\n  const projectSprints = project.sprints ?? [];\n  const projectMilestones = project.milestones ?? [];\n  const activeSprint = projectSprints.find((s: { status: string }) => s.status === 'ACTIVE');\n  const totalTasks = projectWorkItems.length;\n  const completedTasks = projectWorkItems.filter(\n    (wi: { status: string }) => wi.status === 'DONE'\n  ).length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{project.name}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[project.status] ?? 'bg-gray-100'}`}\n            >\n              {project.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {project.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge className=\"capitalize\">{project.status.toLowerCase().replace('_', ' ')}</Badge>\n          <Badge variant=\"outline\" className=\"capitalize\">\n            {project.methodology.toLowerCase()}\n          </Badge>\n        </div>\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              <CheckSquare className=\"h-4 w-4\" />\n              Work Items\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {completedTasks}/{totalTasks}\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              <Zap className=\"h-4 w-4\" />\n              Sprints\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{projectSprints.length}</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              <Calendar className=\"h-4 w-4\" />\n              Milestones\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{projectMilestones.length}</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              <Users className=\"h-4 w-4\" />\n              Owner\n            </div>\n            <p className=\"text-sm font-bold mt-1 truncate\">{project.ownerId}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Duration</span>\n                <span className=\"font-medium\">\n                  {totalTasks > 0\n                    ? `${Math.round((completedTasks / totalTasks) * 100)}% tasks done`\n                    : 'No tasks yet'}\n                </span>\n              </div>\n              <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary rounded-full\"\n                  style={{\n                    width: `${totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0}%`,\n                  }}\n                />\n              </div>\n              <div className=\"flex justify-between text-xs text-muted-foreground mt-2\">\n                <span>\n                  {project.startDate ? new Date(project.startDate).toLocaleDateString() : 'Not set'}\n                </span>\n                <span>\n                  {project.endDate ? new Date(project.endDate).toLocaleDateString() : 'Not set'}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {activeSprint && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Zap className=\"h-4 w-4 text-primary\" />\n                  Active Sprint\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex justify-between\">\n                  <span className=\"font-medium\">{activeSprint.name}</span>\n                  <Badge>Active</Badge>\n                </div>\n                {activeSprint.goal && (\n                  <p className=\"text-sm text-muted-foreground\">{activeSprint.goal}</p>\n                )}\n                <div className=\"grid grid-cols-3 gap-4 text-center\">\n                  <div>\n                    <p className=\"text-lg font-semibold\">\n                      {activeSprint.workItems\n                        ?.filter((wi: { status: string }) => wi.status === 'DONE')\n                        .reduce(\n                          (s: number, wi: { storyPoints: number | null }) =>\n                            s + (wi.storyPoints ?? 0),\n                          0\n                        )}\n                      /\n                      {activeSprint.workItems?.reduce(\n                        (s: number, wi: { storyPoints: number | null }) =>\n                          s + (wi.storyPoints ?? 0),\n                        0\n                      ) ?? 0}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">Points</p>\n                  </div>\n                  <div>\n                    <p className=\"text-lg font-semibold\">\n                      {activeSprint.workItems?.filter(\n                        (wi: { status: string }) => wi.status === 'DONE'\n                      ).length ?? 0}\n                      /{activeSprint.workItems?.length ?? 0}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">Tasks</p>\n                  </div>\n                  <div>\n                    <p className=\"text-lg font-semibold\">{activeSprint.velocity ?? 0}</p>\n                    <p className=\"text-xs text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Recent Work Items ({projectWorkItems.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {projectWorkItems\n                .slice(0, 5)\n                .map(\n                  (task: {\n                    id: string;\n                    key: string;\n                    description: string | null;\n                    status: string;\n                    storyPoints: number | null;\n                    labels: string[];\n                  }) => (\n                    <div\n                      key={task.id}\n                      className=\"flex items-center justify-between border rounded-md p-2.5\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{task.key}</p>\n                        <div className=\"flex gap-1 mt-1\">\n                          {task.labels.map((l: string) => (\n                            <span key={l} className=\"text-[10px] px-1.5 py-0.5 rounded bg-muted\">\n                              {l}\n                            </span>\n                          ))}\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-xs text-muted-foreground\">\n                          {task.storyPoints ?? 0} pts\n                        </span>\n                        <Badge variant=\"secondary\" className=\"capitalize text-xs\">\n                          {task.status.toLowerCase().replace('_', ' ')}\n                        </Badge>\n                      </div>\n                    </div>\n                  )\n                )}\n              {projectWorkItems.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-4\">No work items yet.</p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Milestones ({projectMilestones.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {projectMilestones.map(\n                (ms: { id: string; name: string; status: string; dueDate: string | null }) => (\n                  <div key={ms.id} className=\"border-b pb-2 last:border-0\">\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm font-medium\">{ms.name}</span>\n                      <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                        {ms.status.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                    </div>\n                    <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'No due date'}\n                    </div>\n                  </div>\n                )\n              )}\n              {projectMilestones.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-2\">No milestones.</p>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>{project.ownerId}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span className=\"font-mono\">{project.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Methodology</span>\n                <span className=\"capitalize\">{project.methodology.toLowerCase()}</span>\n              </div>\n              {project.tags.length > 0 && (\n                <div className=\"flex justify-between items-start\">\n                  <span className=\"text-muted-foreground\">Tags</span>\n                  <div className=\"flex gap-1 flex-wrap justify-end\">\n                    {project.tags.map((tag: string) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectDetailPagePage.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 { FolderKanban, CheckSquare, Users, Zap, Calendar } from 'lucide-react';\nimport { useEntityId } from '../hooks/useEntityId';\n\nconst GET_PROJECT_DETAIL = gql`\n  query GetProjectDetail($id: ID!) {\n    planmagnetProject(id: $id) {\n      id\n      name\n      key\n      description\n      status\n      methodology\n      ownerId\n      startDate\n      endDate\n      tags\n      createdAt\n      sprints {\n        id\n        name\n        status\n        goal\n        capacity\n        velocity\n        startDate\n        endDate\n        workItems {\n          id\n          status\n          storyPoints\n        }\n      }\n      milestones {\n        id\n        name\n        description\n        status\n        dueDate\n        ownerId\n      }\n      workItems {\n        id\n        key\n        description\n        status\n        priority\n        storyPoints\n        assigneeId\n        labels\n        createdAt\n      }\n    }\n  }\n`;\n\nconst statusColor: Record<string, string> = {\n  ACTIVE: 'bg-green-100 text-green-800',\n  ON_HOLD: 'bg-orange-100 text-orange-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  COMPLETED: 'bg-blue-100 text-blue-800',\n  PLANNING: 'bg-gray-100 text-gray-800',\n  ARCHIVED: 'bg-gray-100 text-gray-800',\n};\n\nexport function ProjectsProjectDetailPagePage() {\n  const projectId = useEntityId('projectId');\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_PROJECT_DETAIL, {\n      variables: { id: projectId },\n      skip: !projectId,\n    });\n\n  if (!projectId)\n    return (\n      <div className=\"p-6 text-muted-foreground\">No project selected. Open one from the list.</div>\n    );\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error) return <div className=\"p-6 text-red-500\">Error loading project: {error.message}</div>;\n\n  const project = data?.planmagnetProject;\n  if (!project) return <div className=\"p-6 text-muted-foreground\">Project not found.</div>;\n\n  const projectWorkItems = project.workItems ?? [];\n  const projectSprints = project.sprints ?? [];\n  const projectMilestones = project.milestones ?? [];\n  const activeSprint = projectSprints.find((s: { status: string }) => s.status === 'ACTIVE');\n  const totalTasks = projectWorkItems.length;\n  const completedTasks = projectWorkItems.filter(\n    (wi: { status: string }) => wi.status === 'DONE'\n  ).length;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <FolderKanban className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{project.name}</h1>\n            <span\n              className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[project.status] ?? 'bg-gray-100'}`}\n            >\n              {project.status.toLowerCase().replace('_', ' ')}\n            </span>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {project.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge className=\"capitalize\">{project.status.toLowerCase().replace('_', ' ')}</Badge>\n          <Badge variant=\"outline\" className=\"capitalize\">\n            {project.methodology.toLowerCase()}\n          </Badge>\n        </div>\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              <CheckSquare className=\"h-4 w-4\" />\n              Work Items\n            </div>\n            <p className=\"text-xl font-bold mt-1\">\n              {completedTasks}/{totalTasks}\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              <Zap className=\"h-4 w-4\" />\n              Sprints\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{projectSprints.length}</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              <Calendar className=\"h-4 w-4\" />\n              Milestones\n            </div>\n            <p className=\"text-xl font-bold mt-1\">{projectMilestones.length}</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              <Users className=\"h-4 w-4\" />\n              Owner\n            </div>\n            <p className=\"text-sm font-bold mt-1 truncate\">{project.ownerId}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Timeline</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Duration</span>\n                <span className=\"font-medium\">\n                  {totalTasks > 0\n                    ? `${Math.round((completedTasks / totalTasks) * 100)}% tasks done`\n                    : 'No tasks yet'}\n                </span>\n              </div>\n              <div className=\"w-full h-4 rounded-full bg-muted overflow-hidden\">\n                <div\n                  className=\"h-full bg-primary rounded-full\"\n                  style={{\n                    width: `${totalTasks > 0 ? Math.round((completedTasks / totalTasks) * 100) : 0}%`,\n                  }}\n                />\n              </div>\n              <div className=\"flex justify-between text-xs text-muted-foreground mt-2\">\n                <span>\n                  {project.startDate ? new Date(project.startDate).toLocaleDateString() : 'Not set'}\n                </span>\n                <span>\n                  {project.endDate ? new Date(project.endDate).toLocaleDateString() : 'Not set'}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {activeSprint && (\n            <Card>\n              <CardHeader>\n                <CardTitle className=\"flex items-center gap-2\">\n                  <Zap className=\"h-4 w-4 text-primary\" />\n                  Active Sprint\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex justify-between\">\n                  <span className=\"font-medium\">{activeSprint.name}</span>\n                  <Badge>Active</Badge>\n                </div>\n                {activeSprint.goal && (\n                  <p className=\"text-sm text-muted-foreground\">{activeSprint.goal}</p>\n                )}\n                <div className=\"grid grid-cols-3 gap-4 text-center\">\n                  <div>\n                    <p className=\"text-lg font-semibold\">\n                      {activeSprint.workItems\n                        ?.filter((wi: { status: string }) => wi.status === 'DONE')\n                        .reduce(\n                          (s: number, wi: { storyPoints: number | null }) =>\n                            s + (wi.storyPoints ?? 0),\n                          0\n                        )}\n                      /\n                      {activeSprint.workItems?.reduce(\n                        (s: number, wi: { storyPoints: number | null }) =>\n                          s + (wi.storyPoints ?? 0),\n                        0\n                      ) ?? 0}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">Points</p>\n                  </div>\n                  <div>\n                    <p className=\"text-lg font-semibold\">\n                      {activeSprint.workItems?.filter(\n                        (wi: { status: string }) => wi.status === 'DONE'\n                      ).length ?? 0}\n                      /{activeSprint.workItems?.length ?? 0}\n                    </p>\n                    <p className=\"text-xs text-muted-foreground\">Tasks</p>\n                  </div>\n                  <div>\n                    <p className=\"text-lg font-semibold\">{activeSprint.velocity ?? 0}</p>\n                    <p className=\"text-xs text-muted-foreground\">Velocity</p>\n                  </div>\n                </div>\n              </CardContent>\n            </Card>\n          )}\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Recent Work Items ({projectWorkItems.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {projectWorkItems\n                .slice(0, 5)\n                .map(\n                  (task: {\n                    id: string;\n                    key: string;\n                    description: string | null;\n                    status: string;\n                    storyPoints: number | null;\n                    labels: string[];\n                  }) => (\n                    <div\n                      key={task.id}\n                      className=\"flex items-center justify-between border rounded-md p-2.5\"\n                    >\n                      <div>\n                        <p className=\"text-sm font-medium\">{task.key}</p>\n                        <div className=\"flex gap-1 mt-1\">\n                          {task.labels.map((l: string) => (\n                            <span key={l} className=\"text-[10px] px-1.5 py-0.5 rounded bg-muted\">\n                              {l}\n                            </span>\n                          ))}\n                        </div>\n                      </div>\n                      <div className=\"flex items-center gap-2\">\n                        <span className=\"text-xs text-muted-foreground\">\n                          {task.storyPoints ?? 0} pts\n                        </span>\n                        <Badge variant=\"secondary\" className=\"capitalize text-xs\">\n                          {task.status.toLowerCase().replace('_', ' ')}\n                        </Badge>\n                      </div>\n                    </div>\n                  )\n                )}\n              {projectWorkItems.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-4\">No work items yet.</p>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Milestones ({projectMilestones.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {projectMilestones.map(\n                (ms: { id: string; name: string; status: string; dueDate: string | null }) => (\n                  <div key={ms.id} className=\"border-b pb-2 last:border-0\">\n                    <div className=\"flex justify-between\">\n                      <span className=\"text-sm font-medium\">{ms.name}</span>\n                      <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                        {ms.status.toLowerCase().replace('_', ' ')}\n                      </Badge>\n                    </div>\n                    <div className=\"flex items-center gap-1 text-xs text-muted-foreground mt-1\">\n                      <Calendar className=\"h-3 w-3\" />\n                      {ms.dueDate ? new Date(ms.dueDate).toLocaleDateString() : 'No due date'}\n                    </div>\n                  </div>\n                )\n              )}\n              {projectMilestones.length === 0 && (\n                <p className=\"text-sm text-muted-foreground text-center py-2\">No milestones.</p>\n              )}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>{project.ownerId}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Key</span>\n                <span className=\"font-mono\">{project.key}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Methodology</span>\n                <span className=\"capitalize\">{project.methodology.toLowerCase()}</span>\n              </div>\n              {project.tags.length > 0 && (\n                <div className=\"flex justify-between items-start\">\n                  <span className=\"text-muted-foreground\">Tags</span>\n                  <div className=\"flex gap-1 flex-wrap justify-end\">\n                    {project.tags.map((tag: string) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AAyCA,wBAAgB,wBAAwB,4CA8JvC"}
+{"version":3,"file":"ProjectsProjectsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.tsx"],"names":[],"mappings":"AA0CA,wBAAgB,wBAAwB,4CAoKvC"}

package/dist/planmagnet/pages/ProjectsProjectsPagePage.js

@@ -1,12 +1,13 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { CheckSquare as n, FolderKanban as r, Plus as i, TrendingUp as a, Users as o } from "lucide-react";
-import { gql as s } from "@apollo/client";
-import { useQuery as c } from "@apollo/client/react";
-import { jsx as l, jsxs as u } from "react/jsx-runtime";
-import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as f, Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _ } from "@burdenoff/fe-libs/ui";
+import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
+import { CheckSquare as i, FolderKanban as a, Plus as o, TrendingUp as s, Users as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { useI18n as p } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Badge as m, Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProjectsProjectsPagePage.tsx
-var v = s`
+var b = l`
   query GetProjects($workspaceId: ID!) {
     planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {
       items {
@@ -25,153 +26,156 @@ var v = s`
       totalCount
     }
   }
-`, y = {
+`, x = {
 	SCRUM: "bg-blue-100 text-blue-800",
 	KANBAN: "bg-purple-100 text-purple-800",
 	WATERFALL: "bg-gray-100 text-gray-800",
 	HYBRID: "bg-teal-100 text-teal-800",
 	AGILE: "bg-indigo-100 text-indigo-800",
 	CUSTOM: "bg-amber-100 text-amber-800"
-}, b = (e) => e === "ACTIVE" ? "default" : "secondary";
-function x() {
-	let s = t(), { workspaceId: x } = e(), { t: S } = d(), { data: C, loading: w, error: T } = c(v, { variables: { workspaceId: x ?? "default" } });
-	if (w) return /* @__PURE__ */ l("div", {
+}, S = (e) => e === "ACTIVE" ? "default" : "secondary";
+function C() {
+	let l = t(), { workspaceId: C } = e(), { t: w } = p(), { data: T, loading: E, error: D } = u(b, { variables: { workspaceId: C ?? "default" } });
+	if (E) return /* @__PURE__ */ d("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ l("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
+		children: /* @__PURE__ */ d("div", { className: "animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full" })
 	});
-	if (T) return /* @__PURE__ */ u("div", {
+	if (D) return /* @__PURE__ */ f("div", {
 		className: "p-6 text-red-500",
 		children: [
-			S("planmagnet.projects.errorLoading", "Error loading projects"),
+			w("planmagnet.projects.errorLoading", "Error loading projects"),
 			": ",
-			T.message
+			D.message
 		]
 	});
-	let E = C?.planmagnetProjects?.items ?? [], D = {
-		total: E.length,
-		active: E.filter((e) => e.status === "ACTIVE").length,
-		completed: E.filter((e) => e.status === "COMPLETED").length,
-		onHold: E.filter((e) => e.status === "ON_HOLD").length
+	let O = T?.planmagnetProjects?.items ?? [], k = {
+		total: O.length,
+		active: O.filter((e) => e.status === "ACTIVE").length,
+		completed: O.filter((e) => e.status === "COMPLETED").length,
+		onHold: O.filter((e) => e.status === "ON_HOLD").length
 	};
-	return /* @__PURE__ */ u("div", {
+	return /* @__PURE__ */ f("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ f("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 					className: "text-2xl font-semibold",
-					children: S("planmagnet.projects.title", "All Projects")
-				}), /* @__PURE__ */ l("p", {
+					children: w("planmagnet.projects.title", "All Projects")
+				}), /* @__PURE__ */ d("p", {
 					className: "text-sm text-muted-foreground",
-					children: S("planmagnet.projects.subtitle", "Manage and track all projects across teams")
-				})] }), /* @__PURE__ */ u(p, {
+					children: w("planmagnet.projects.subtitle", "Manage and track all projects across teams")
+				})] }), /* @__PURE__ */ f(h, {
 					size: "sm",
-					onClick: () => s("/projects/create-project-page"),
-					children: [/* @__PURE__ */ l(i, { className: "mr-1 h-4 w-4" }), S("planmagnet.projects.actions.newProject", "New Project")]
+					onClick: () => l("/projects/create-project-page"),
+					children: [/* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), w("planmagnet.projects.actions.newProject", "New Project")]
 				})]
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
 					{
-						label: S("planmagnet.projects.metrics.totalProjects", "Total Projects"),
-						value: D.total,
-						icon: r
+						label: w("planmagnet.projects.metrics.totalProjects", "Total Projects"),
+						value: k.total,
+						icon: a
 					},
 					{
-						label: S("planmagnet.projects.metrics.active", "Active"),
-						value: D.active,
-						icon: a
+						label: w("planmagnet.projects.metrics.active", "Active"),
+						value: k.active,
+						icon: s
 					},
 					{
-						label: S("planmagnet.projects.metrics.completed", "Completed"),
-						value: D.completed,
-						icon: n
+						label: w("planmagnet.projects.metrics.completed", "Completed"),
+						value: k.completed,
+						icon: i
 					},
 					{
-						label: S("planmagnet.projects.metrics.onHold", "On Hold"),
-						value: D.onHold,
-						icon: a
+						label: w("planmagnet.projects.metrics.onHold", "On Hold"),
+						value: k.onHold,
+						icon: s
 					}
-				].map((e) => /* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
+				].map((e) => /* @__PURE__ */ d(g, { children: /* @__PURE__ */ f(_, {
 					className: "pt-4",
-					children: [/* @__PURE__ */ u("div", {
+					children: [/* @__PURE__ */ f("div", {
 						className: "flex items-center gap-2 text-muted-foreground text-sm",
-						children: [/* @__PURE__ */ l(e.icon, { className: "h-4 w-4" }), e.label]
-					}), /* @__PURE__ */ l("p", {
+						children: [/* @__PURE__ */ d(e.icon, { className: "h-4 w-4" }), e.label]
+					}), /* @__PURE__ */ d("p", {
 						className: "text-xl font-semibold mt-1",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ l("div", {
+			/* @__PURE__ */ d("div", {
 				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
-				children: E.map((e) => /* @__PURE__ */ u(m, { children: [/* @__PURE__ */ l(g, {
-					className: "pb-2",
-					children: /* @__PURE__ */ u("div", {
-						className: "flex items-center justify-between",
-						children: [/* @__PURE__ */ l(_, {
-							className: "text-base",
-							children: e.name
-						}), /* @__PURE__ */ l("span", {
-							className: "text-xs text-muted-foreground font-mono",
-							children: e.key
-						})]
-					})
-				}), /* @__PURE__ */ u(h, {
-					className: "space-y-3",
-					children: [
-						/* @__PURE__ */ l("p", {
-							className: "text-sm text-muted-foreground",
-							children: e.description ?? S("planmagnet.projects.shared.noDescription", "No description")
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex gap-2",
-							children: [/* @__PURE__ */ l(f, {
-								variant: b(e.status),
-								className: "capitalize",
-								children: e.status.toLowerCase().replace("_", " ")
-							}), /* @__PURE__ */ l("span", {
-								className: `text-xs px-2 py-0.5 rounded-full capitalize ${y[e.methodology] ?? "bg-gray-100"}`,
-								children: e.methodology.toLowerCase()
+				children: O.map((e) => /* @__PURE__ */ f(g, {
+					...r(() => l(n("/projects/project-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ d(v, {
+						className: "pb-2",
+						children: /* @__PURE__ */ f("div", {
+							className: "flex items-center justify-between",
+							children: [/* @__PURE__ */ d(y, {
+								className: "text-base",
+								children: e.name
+							}), /* @__PURE__ */ d("span", {
+								className: "text-xs text-muted-foreground font-mono",
+								children: e.key
 							})]
-						}),
-						e.tags.length > 0 && /* @__PURE__ */ l("div", {
-							className: "flex gap-1 flex-wrap",
-							children: e.tags.map((e) => /* @__PURE__ */ l(f, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))
-						}),
-						/* @__PURE__ */ u("div", {
-							className: "flex justify-between text-xs text-muted-foreground border-t pt-2",
-							children: [/* @__PURE__ */ u("span", {
-								className: "flex items-center gap-1",
-								children: [
-									/* @__PURE__ */ l(o, { className: "h-3 w-3" }),
-									S("planmagnet.projects.shared.owner", "Owner"),
-									": ",
-									e.ownerId
-								]
-							}), /* @__PURE__ */ u("span", { children: [
-								e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
-								" -",
-								" ",
-								e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
-							] })]
 						})
-					]
-				})] }, e.id))
+					}), /* @__PURE__ */ f(_, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ d("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description ?? w("planmagnet.projects.shared.noDescription", "No description")
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex gap-2",
+								children: [/* @__PURE__ */ d(m, {
+									variant: S(e.status),
+									className: "capitalize",
+									children: e.status.toLowerCase().replace("_", " ")
+								}), /* @__PURE__ */ d("span", {
+									className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.methodology] ?? "bg-gray-100"}`,
+									children: e.methodology.toLowerCase()
+								})]
+							}),
+							e.tags.length > 0 && /* @__PURE__ */ d("div", {
+								className: "flex gap-1 flex-wrap",
+								children: e.tags.map((e) => /* @__PURE__ */ d(m, {
+									variant: "outline",
+									className: "text-xs",
+									children: e
+								}, e))
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex justify-between text-xs text-muted-foreground border-t pt-2",
+								children: [/* @__PURE__ */ f("span", {
+									className: "flex items-center gap-1",
+									children: [
+										/* @__PURE__ */ d(c, { className: "h-3 w-3" }),
+										w("planmagnet.projects.shared.owner", "Owner"),
+										": ",
+										e.ownerId
+									]
+								}), /* @__PURE__ */ f("span", { children: [
+									e.startDate ? new Date(e.startDate).toLocaleDateString() : "—",
+									" -",
+									" ",
+									e.endDate ? new Date(e.endDate).toLocaleDateString() : "—"
+								] })]
+							})
+						]
+					})]
+				}, e.id))
 			}),
-			E.length === 0 && /* @__PURE__ */ l("p", {
+			O.length === 0 && /* @__PURE__ */ d("p", {
 				className: "text-center text-muted-foreground py-8",
-				children: S("planmagnet.projects.empty", "No projects found.")
+				children: w("planmagnet.projects.empty", "No projects found.")
 			})
 		]
 	});
 }
 //#endregion
-export { x as ProjectsProjectsPagePage };
+export { C as ProjectsProjectsPagePage };
 
 //# sourceMappingURL=ProjectsProjectsPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FolderKanban, Plus, Users, CheckSquare, TrendingUp } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst GET_PROJECTS = gql`\n  query GetProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst methodColor: Record<string, string> = {\n  SCRUM: 'bg-blue-100 text-blue-800',\n  KANBAN: 'bg-purple-100 text-purple-800',\n  WATERFALL: 'bg-gray-100 text-gray-800',\n  HYBRID: 'bg-teal-100 text-teal-800',\n  AGILE: 'bg-indigo-100 text-indigo-800',\n  CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nconst statusVariant = (status: string) => (status === 'ACTIVE' ? 'default' : 'secondary');\n\nexport function ProjectsProjectsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\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_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.projects.errorLoading', 'Error loading projects')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const stats = {\n    total: projects.length,\n    active: projects.filter((p: { status: string }) => p.status === 'ACTIVE').length,\n    completed: projects.filter((p: { status: string }) => p.status === 'COMPLETED').length,\n    onHold: projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length,\n  };\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\">\n            {t('planmagnet.projects.title', 'All Projects')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.projects.subtitle', 'Manage and track all projects across teams')}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/projects/create-project-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          {t('planmagnet.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          {\n            label: t('planmagnet.projects.metrics.totalProjects', 'Total Projects'),\n            value: stats.total,\n            icon: FolderKanban,\n          },\n          {\n            label: t('planmagnet.projects.metrics.active', 'Active'),\n            value: stats.active,\n            icon: TrendingUp,\n          },\n          {\n            label: t('planmagnet.projects.metrics.completed', 'Completed'),\n            value: stats.completed,\n            icon: CheckSquare,\n          },\n          {\n            label: t('planmagnet.projects.metrics.onHold', 'On Hold'),\n            value: stats.onHold,\n            icon: TrendingUp,\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n                <s.icon className=\"h-4 w-4\" />\n                {s.label}\n              </div>\n              <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {projects.map(\n          (project: {\n            id: string;\n            name: string;\n            key: string;\n            description: string | null;\n            status: string;\n            methodology: string;\n            ownerId: string;\n            startDate: string | null;\n            endDate: string | null;\n            tags: string[];\n          }) => {\n            return (\n              <Card key={project.id}>\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                    <span className=\"text-xs text-muted-foreground font-mono\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ??\n                      t('planmagnet.projects.shared.noDescription', 'No description')}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant={statusVariant(project.status)} className=\"capitalize\">\n                      {project.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded-full capitalize ${methodColor[project.methodology] ?? 'bg-gray-100'}`}\n                    >\n                      {project.methodology.toLowerCase()}\n                    </span>\n                  </div>\n                  {project.tags.length > 0 && (\n                    <div className=\"flex gap-1 flex-wrap\">\n                      {project.tags.map((tag: string) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"flex justify-between text-xs text-muted-foreground border-t pt-2\">\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {t('planmagnet.projects.shared.owner', 'Owner')}: {project.ownerId}\n                    </span>\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {projects.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          {t('planmagnet.projects.empty', 'No projects found.')}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProjectsProjectsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProjectsProjectsPagePage.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, Button } from '@burdenoff/fe-libs/ui';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { FolderKanban, Plus, Users, CheckSquare, TrendingUp } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst GET_PROJECTS = gql`\n  query GetProjects($workspaceId: ID!) {\n    planmagnetProjects(workspaceId: $workspaceId, pagination: { first: 100 }) {\n      items {\n        id\n        name\n        key\n        description\n        status\n        methodology\n        ownerId\n        startDate\n        endDate\n        tags\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst methodColor: Record<string, string> = {\n  SCRUM: 'bg-blue-100 text-blue-800',\n  KANBAN: 'bg-purple-100 text-purple-800',\n  WATERFALL: 'bg-gray-100 text-gray-800',\n  HYBRID: 'bg-teal-100 text-teal-800',\n  AGILE: 'bg-indigo-100 text-indigo-800',\n  CUSTOM: 'bg-amber-100 text-amber-800',\n};\n\nconst statusVariant = (status: string) => (status === 'ACTIVE' ? 'default' : 'secondary');\n\nexport function ProjectsProjectsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const { t } = useI18n();\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_PROJECTS, {\n      variables: { workspaceId: workspaceId ?? 'default' },\n    });\n\n  if (loading)\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <div className=\"animate-spin h-8 w-8 border-2 border-primary border-t-transparent rounded-full\" />\n      </div>\n    );\n  if (error)\n    return (\n      <div className=\"p-6 text-red-500\">\n        {t('planmagnet.projects.errorLoading', 'Error loading projects')}: {error.message}\n      </div>\n    );\n\n  const projects = data?.planmagnetProjects?.items ?? [];\n\n  const stats = {\n    total: projects.length,\n    active: projects.filter((p: { status: string }) => p.status === 'ACTIVE').length,\n    completed: projects.filter((p: { status: string }) => p.status === 'COMPLETED').length,\n    onHold: projects.filter((p: { status: string }) => p.status === 'ON_HOLD').length,\n  };\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\">\n            {t('planmagnet.projects.title', 'All Projects')}\n          </h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {t('planmagnet.projects.subtitle', 'Manage and track all projects across teams')}\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/projects/create-project-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          {t('planmagnet.projects.actions.newProject', 'New Project')}\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          {\n            label: t('planmagnet.projects.metrics.totalProjects', 'Total Projects'),\n            value: stats.total,\n            icon: FolderKanban,\n          },\n          {\n            label: t('planmagnet.projects.metrics.active', 'Active'),\n            value: stats.active,\n            icon: TrendingUp,\n          },\n          {\n            label: t('planmagnet.projects.metrics.completed', 'Completed'),\n            value: stats.completed,\n            icon: CheckSquare,\n          },\n          {\n            label: t('planmagnet.projects.metrics.onHold', 'On Hold'),\n            value: stats.onHold,\n            icon: TrendingUp,\n          },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4\">\n              <div className=\"flex items-center gap-2 text-muted-foreground text-sm\">\n                <s.icon className=\"h-4 w-4\" />\n                {s.label}\n              </div>\n              <p className=\"text-xl font-semibold mt-1\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {projects.map(\n          (project: {\n            id: string;\n            name: string;\n            key: string;\n            description: string | null;\n            status: string;\n            methodology: string;\n            ownerId: string;\n            startDate: string | null;\n            endDate: string | null;\n            tags: string[];\n          }) => {\n            return (\n              <Card\n                key={project.id}\n                {...rowLinkProps(\n                  () => navigate(detailPath('/projects/project-detail-page', project.id)),\n                  project.name\n                )}\n              >\n                <CardHeader className=\"pb-2\">\n                  <div className=\"flex items-center justify-between\">\n                    <CardTitle className=\"text-base\">{project.name}</CardTitle>\n                    <span className=\"text-xs text-muted-foreground font-mono\">{project.key}</span>\n                  </div>\n                </CardHeader>\n                <CardContent className=\"space-y-3\">\n                  <p className=\"text-sm text-muted-foreground\">\n                    {project.description ??\n                      t('planmagnet.projects.shared.noDescription', 'No description')}\n                  </p>\n                  <div className=\"flex gap-2\">\n                    <Badge variant={statusVariant(project.status)} className=\"capitalize\">\n                      {project.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                    <span\n                      className={`text-xs px-2 py-0.5 rounded-full capitalize ${methodColor[project.methodology] ?? 'bg-gray-100'}`}\n                    >\n                      {project.methodology.toLowerCase()}\n                    </span>\n                  </div>\n                  {project.tags.length > 0 && (\n                    <div className=\"flex gap-1 flex-wrap\">\n                      {project.tags.map((tag: string) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                  <div className=\"flex justify-between text-xs text-muted-foreground border-t pt-2\">\n                    <span className=\"flex items-center gap-1\">\n                      <Users className=\"h-3 w-3\" />\n                      {t('planmagnet.projects.shared.owner', 'Owner')}: {project.ownerId}\n                    </span>\n                    <span>\n                      {project.startDate ? new Date(project.startDate).toLocaleDateString() : '—'} -{' '}\n                      {project.endDate ? new Date(project.endDate).toLocaleDateString() : '—'}\n                    </span>\n                  </div>\n                </CardContent>\n              </Card>\n            );\n          }\n        )}\n      </div>\n      {projects.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          {t('planmagnet.projects.empty', 'No projects found.')}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}