@burdenoff/microfe-planmagnet 2026.924.2 → 2026.924.3

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsReleasesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { GitBranch, Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst LIST_RELEASES = gql`\n  query ListReleases(\n    $workspaceId: ID!\n    $filter: PlanmagnetReleaseFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetReleases(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        projectId\n        name\n        description\n        version\n        status\n        plannedDate\n        releasedAt\n        releaseNotes\n        ownerId\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  description: string | null;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n  releasedAt: string | null;\n  releaseNotes: string | null;\n  ownerId: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'RELEASED',\n  'CANCELLED',\n] as const;\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleasesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [activeTab, setActiveTab] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: {\n        workspaceId,\n        filter: activeTab !== 'all' ? { status: activeTab } : undefined,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load releases: {error.message}</div>;\n  }\n\n  const releases: ReleaseNode[] = data?.planmagnetReleases?.items ?? [];\n  const totalCount = data?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Releases</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} releases across all products</p>\n        </div>\n        <Button size=\"sm\">\n          <GitBranch className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\n      </div>\n\n      <div className=\"flex gap-1 border-b pb-1\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab}\n            onClick={() => setActiveTab(tab)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${activeTab === tab ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {tab === 'all' ? 'All' : tab.toLowerCase().replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {releases.map((release) => (\n          <Card\n            key={release.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/release-detail-page', release.id)),\n              release.name\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-lg font-semibold\">{release.version}</span>\n                </div>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n                >\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </span>\n              </div>\n              <CardTitle className=\"text-sm font-medium\">{release.name}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {release.description ?? 'No description'}\n              </p>\n\n              <div className=\"flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Package className=\"h-3.5 w-3.5\" />\n                  Owner: {release.ownerId}\n                </div>\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'No date'}\n                </div>\n              </div>\n\n              {release.tags.length > 0 && (\n                <div className=\"flex gap-1 flex-wrap\">\n                  {release.tags.map((tag) => (\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                      {tag}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n\n              {release.releaseNotes && (\n                <div className=\"border-t pt-2\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n                    Release Notes Preview\n                  </p>\n                  <p className=\"text-xs text-muted-foreground line-clamp-3\">\n                    {release.releaseNotes}\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {releases.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No releases match this filter.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAUA,IAAM,IAAgB,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CnB,IAAa;CACjB;CACA;CACA;CACA;CACA;CACA;CACA;CACD,EACK,IAAsC;CAC1C,OAAO;CACP,UAAU;CACV,aAAa;CACb,OAAO;CACP,UAAU;CACV,WAAW;CACX,aAAa;CACd;AAED,SAAgB,IAA2B;CACzC,IAAM,EAAE,mBAAgB,GAAe,EACjC,IAAW,GAAuB,EAClC,CAAC,GAAW,KAAgB,EAAiB,MAAM,EAEnD,EACJ,SACA,YACA,aAGA,EAA8B,GAAe;EAC3C,WAAW;GACT;GACA,QAAQ,MAAc,QAAgC,KAAA,IAAxB,EAAE,QAAQ,GAAW;GACnD,YAAY,EAAE,OAAO,IAAI;GAC1B;EACD,MAAM,CAAC;EACR,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,6BAA0B,EAAM,QAAc;;CAG7F,IAAM,IAA0B,GAAM,oBAAoB,SAAS,EAAE,EAC/D,IAAa,GAAM,oBAAoB,cAAc;AAE3D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAa,CAAA,EACpD,kBAAC,KAAD;KAAG,WAAU;eAAb,CAA8C,GAAW,gCAAiC;OACtF,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;eAAb,CACE,kBAAC,GAAD,EAAW,WAAU,gBAAiB,CAAA,EAAA,cAE/B;OACL;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAW,KAAK,MACf,kBAAC,UAAD;KAEE,eAAe,EAAa,EAAI;KAChC,WAAW,6CAA6C,MAAc,IAAM,uCAAuC;eAElH,MAAQ,QAAQ,QAAQ,EAAI,aAAa,CAAC,QAAQ,KAAK,IAAI;KACrD,EALF,EAKE,CACT;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAS,KAAK,MACb,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,iCAAiC,EAAQ,GAAG,CAAC,EACvE,EAAQ,KACT;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBAAtB,CACE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBACb,kBAAC,QAAD;SAAM,WAAU;mBAAyB,EAAQ;SAAe,CAAA;QAC5D,CAAA,EACN,kBAAC,QAAD;QACE,WAAW,+CAA+C,EAAY,EAAQ,WAAW;kBAExF,EAAQ,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;QAC1C,CAAA,CACH;UACN,kBAAC,GAAD;OAAW,WAAU;iBAAuB,EAAQ;OAAiB,CAAA,CAC1D;SACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAQ,eAAe;QACtB,CAAA;OAEJ,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD,EAAS,WAAU,eAAgB,CAAA;;UAC3B,EAAQ;UACZ;YACN,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,GAAD,EAAU,WAAU,eAAgB,CAAA,EACnC,EAAQ,cACL,IAAI,KAAK,EAAQ,YAAY,CAAC,oBAAoB,GAClD,UACA;WACF;;OAEL,EAAQ,KAAK,SAAS,KACrB,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAQ,KAAK,KAAK,MACjB,kBAAC,GAAD;SAAiB,SAAQ;SAAU,WAAU;mBAC1C;SACK,EAFI,EAEJ,CACR;QACE,CAAA;OAGP,EAAQ,gBACP,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,KAAD;SAAG,WAAU;mBAAiD;SAE1D,CAAA,EACJ,kBAAC,KAAD;SAAG,WAAU;mBACV,EAAQ;SACP,CAAA,CACA;;OAEI;QACT;OA1DA,EAAQ,GA0DR,CACP;IACE,CAAA;GACL,EAAS,WAAW,KACnB,kBAAC,KAAD;IAAG,WAAU;cAAyC;IAAkC,CAAA;GAEtF"}
+{"version":3,"file":"ProductsReleasesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsReleasesPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { GitBranch, Calendar, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\n\nconst LIST_RELEASES = gql`\n  query ListReleases(\n    $workspaceId: ID!\n    $filter: PlanmagnetReleaseFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetReleases(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        workspaceId\n        projectId\n        name\n        description\n        version\n        status\n        plannedDate\n        releasedAt\n        releaseNotes\n        ownerId\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  description: string | null;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n  releasedAt: string | null;\n  releaseNotes: string | null;\n  ownerId: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst statusTabs = [\n  'all',\n  'DRAFT',\n  'PLANNING',\n  'IN_PROGRESS',\n  'READY',\n  'RELEASED',\n  'CANCELLED',\n] as const;\nconst statusColor: Record<string, string> = {\n  DRAFT: 'bg-gray-100 text-gray-800',\n  PLANNING: 'bg-yellow-100 text-yellow-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  READY: 'bg-orange-100 text-orange-800',\n  RELEASED: 'bg-green-100 text-green-800',\n  CANCELLED: 'bg-red-100 text-red-800',\n  ROLLED_BACK: 'bg-red-100 text-red-800',\n};\n\nexport function ProductsReleasesPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const [activeTab, setActiveTab] = useState<string>('all');\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(LIST_RELEASES, {\n      variables: {\n        workspaceId,\n        filter: activeTab !== 'all' ? { status: activeTab } : undefined,\n        pagination: { first: 50 },\n      },\n      skip: !workspaceId,\n    });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load releases: {error.message}</div>;\n  }\n\n  const releases: ReleaseNode[] = data?.planmagnetReleases?.items ?? [];\n  const totalCount = data?.planmagnetReleases?.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Releases</h1>\n          <p className=\"text-sm text-muted-foreground\">{totalCount} releases across all products</p>\n        </div>\n        <Button size=\"sm\">\n          <GitBranch className=\"mr-1 h-4 w-4\" />\n          New Release\n        </Button>\n      </div>\n\n      <div className=\"flex gap-1 border-b pb-1\">\n        {statusTabs.map((tab) => (\n          <button\n            key={tab}\n            onClick={() => setActiveTab(tab)}\n            className={`px-3 py-1.5 text-sm rounded-md capitalize ${activeTab === tab ? 'bg-primary text-primary-foreground' : 'text-muted-foreground hover:bg-muted'}`}\n          >\n            {tab === 'all' ? 'All' : tab.toLowerCase().replace('_', ' ')}\n          </button>\n        ))}\n      </div>\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {releases.map((release) => (\n          <Card\n            key={release.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/release-detail-page', release.id)),\n              release.name\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <div className=\"flex items-center justify-between\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-lg font-semibold\">{release.version}</span>\n                </div>\n                <span\n                  className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[release.status] ?? 'bg-gray-100'}`}\n                >\n                  {release.status.toLowerCase().replace('_', ' ')}\n                </span>\n              </div>\n              <CardTitle className=\"text-sm font-medium\">{release.name}</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {release.description ?? 'No description'}\n              </p>\n\n              <div className=\"flex items-center gap-4 text-sm\">\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Package className=\"h-3.5 w-3.5\" />\n                  Owner: <PersonName id={release.ownerId} />\n                </div>\n                <div className=\"flex items-center gap-1 text-muted-foreground\">\n                  <Calendar className=\"h-3.5 w-3.5\" />\n                  {release.plannedDate\n                    ? new Date(release.plannedDate).toLocaleDateString()\n                    : 'No date'}\n                </div>\n              </div>\n\n              {release.tags.length > 0 && (\n                <div className=\"flex gap-1 flex-wrap\">\n                  {release.tags.map((tag) => (\n                    <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                      {tag}\n                    </Badge>\n                  ))}\n                </div>\n              )}\n\n              {release.releaseNotes && (\n                <div className=\"border-t pt-2\">\n                  <p className=\"text-xs font-medium text-muted-foreground mb-1\">\n                    Release Notes Preview\n                  </p>\n                  <p className=\"text-xs text-muted-foreground line-clamp-3\">\n                    {release.releaseNotes}\n                  </p>\n                </div>\n              )}\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {releases.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">No releases match this filter.</p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"names":[],"mappings":"AA6DA,wBAAgB,6BAA6B,4CAuL5C"}
+{"version":3,"file":"ProductsRoadmapDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,6BAA6B,4CAyL5C"}

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.js

@@ -1,12 +1,13 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
-import { Calendar as t, Loader2 as n, Map as r } from "lucide-react";
-import { useParams as i } from "react-router";
-import { gql as a } from "@apollo/client";
-import { useQuery as o } from "@apollo/client/react";
-import { jsx as s, jsxs as c } from "react/jsx-runtime";
-import { Badge as l, Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+import { PersonName as t } from "../people/People.js";
+import { Calendar as n, Loader2 as r, Map as i } from "lucide-react";
+import { useParams as a } from "react-router";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx
-var m = a`
+var h = o`
   query GetRoadmapDetailPage($id: ID!) {
     planmagnetRoadmap(id: $id) {
       id
@@ -33,7 +34,7 @@ var m = a`
       }
     }
   }
-`, h = {
+`, g = {
 	TODO: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	DONE: "bg-green-100 text-green-800",
@@ -41,184 +42,184 @@ var m = a`
 	BLOCKED: "bg-red-100 text-red-800",
 	PLANNED: "bg-yellow-100 text-yellow-800"
 };
-function g() {
-	let { workspaceId: a } = e(), g = i().id ?? "", { data: _, loading: v, error: y } = o(m, {
-		variables: { id: g },
-		skip: !g
+function _() {
+	let { workspaceId: o } = e(), _ = a().id ?? "", { data: v, loading: y, error: b } = s(h, {
+		variables: { id: _ },
+		skip: !_
 	});
-	if (v) return /* @__PURE__ */ s("div", {
+	if (y) return /* @__PURE__ */ c("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ s(n, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ c(r, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (y) return /* @__PURE__ */ c("div", {
+	if (b) return /* @__PURE__ */ l("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load roadmap: ", y.message]
+		children: ["Failed to load roadmap: ", b.message]
 	});
-	let b = _?.planmagnetRoadmap;
-	if (!b) return /* @__PURE__ */ s("div", {
+	let x = v?.planmagnetRoadmap;
+	if (!x) return /* @__PURE__ */ c("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Roadmap not found."
 	});
-	let x = (b.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), S = x.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), C = x.length > 0 ? Math.round(S.length / x.length * 100) : 0, w = {};
-	for (let e of x) {
+	let S = (x.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), C = S.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), w = S.length > 0 ? Math.round(C.length / S.length * 100) : 0, T = {};
+	for (let e of S) {
 		let t = e.swimlane ?? "Uncategorized";
-		w[t] || (w[t] = []), w[t].push(e);
+		T[t] || (T[t] = []), T[t].push(e);
 	}
-	return /* @__PURE__ */ c("div", {
+	return /* @__PURE__ */ l("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ c("div", { children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ s(r, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ s("h1", {
+					children: [/* @__PURE__ */ c(i, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h1", {
 						className: "text-2xl font-semibold",
-						children: b.name
+						children: x.name
 					})]
-				}), /* @__PURE__ */ s("p", {
+				}), /* @__PURE__ */ c("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: b.description ?? "No description"
-				})] }), /* @__PURE__ */ c("div", {
+					children: x.description ?? "No description"
+				})] }), /* @__PURE__ */ l("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ s(l, {
-						variant: b.isPublic ? "default" : "secondary",
+					children: [/* @__PURE__ */ c(u, {
+						variant: x.isPublic ? "default" : "secondary",
 						className: "capitalize",
-						children: b.isPublic ? "public" : "private"
-					}), /* @__PURE__ */ s(l, {
+						children: x.isPublic ? "public" : "private"
+					}), /* @__PURE__ */ c(u, {
 						variant: "outline",
 						className: "capitalize",
-						children: b.type.toLowerCase()
+						children: x.type.toLowerCase()
 					})]
 				})]
 			}),
-			/* @__PURE__ */ s("div", {
+			/* @__PURE__ */ c("div", {
 				className: "grid grid-cols-2 md:grid-cols-5 gap-4",
 				children: [
 					{
 						label: "Progress",
-						value: `${C}%`
+						value: `${w}%`
 					},
 					{
 						label: "Total Items",
-						value: x.length
+						value: S.length
 					},
 					{
 						label: "Completed",
-						value: S.length
+						value: C.length
 					},
 					{
 						label: "Type",
-						value: b.type.toLowerCase()
+						value: x.type.toLowerCase()
 					},
 					{
 						label: "Visibility",
-						value: b.isPublic ? "Public" : "Private"
+						value: x.isPublic ? "Public" : "Private"
 					}
-				].map((e) => /* @__PURE__ */ s(u, { children: /* @__PURE__ */ c(d, {
+				].map((e) => /* @__PURE__ */ c(d, { children: /* @__PURE__ */ l(f, {
 					className: "pt-4 text-center",
-					children: [/* @__PURE__ */ s("p", {
+					children: [/* @__PURE__ */ c("p", {
 						className: "text-xs text-muted-foreground",
 						children: e.label
-					}), /* @__PURE__ */ s("p", {
+					}), /* @__PURE__ */ c("p", {
 						className: "text-lg font-semibold capitalize",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ c("div", {
+			/* @__PURE__ */ l("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ c("div", {
+				children: [/* @__PURE__ */ l("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Progress Overview" }) }), /* @__PURE__ */ c(d, { children: [/* @__PURE__ */ c("div", {
+					children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Progress Overview" }) }), /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l("div", {
 						className: "flex justify-between text-sm mb-2",
-						children: [/* @__PURE__ */ s("span", {
+						children: [/* @__PURE__ */ c("span", {
 							className: "text-muted-foreground",
 							children: "Overall Completion"
-						}), /* @__PURE__ */ c("span", {
+						}), /* @__PURE__ */ l("span", {
 							className: "font-medium",
-							children: [C, "%"]
+							children: [w, "%"]
 						})]
-					}), /* @__PURE__ */ s("div", {
+					}), /* @__PURE__ */ c("div", {
 						className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-						children: /* @__PURE__ */ s("div", {
+						children: /* @__PURE__ */ c("div", {
 							className: "h-full bg-primary rounded-full transition-all",
-							style: { width: `${C}%` }
+							style: { width: `${w}%` }
 						})
-					})] })] }), Object.entries(w).map(([e, n]) => /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ c(p, { children: [
+					})] })] }), Object.entries(T).map(([e, t]) => /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, { children: [
 						e,
 						" (",
-						n.length,
+						t.length,
 						")"
-					] }) }), /* @__PURE__ */ s(d, {
+					] }) }), /* @__PURE__ */ c(f, {
 						className: "space-y-3",
-						children: n.map((e) => /* @__PURE__ */ c("div", {
+						children: t.map((e) => /* @__PURE__ */ l("div", {
 							className: "flex items-center justify-between border rounded-md p-3",
-							children: [/* @__PURE__ */ c("div", { children: [
-								/* @__PURE__ */ s("p", {
+							children: [/* @__PURE__ */ l("div", { children: [
+								/* @__PURE__ */ c("p", {
 									className: "text-sm font-medium",
 									children: e.title
 								}),
-								e.description && /* @__PURE__ */ c("p", {
+								e.description && /* @__PURE__ */ l("p", {
 									className: "text-xs text-muted-foreground",
 									children: [e.description.slice(0, 60), "..."]
 								}),
-								(e.startDate || e.endDate) && /* @__PURE__ */ c("div", {
+								(e.startDate || e.endDate) && /* @__PURE__ */ l("div", {
 									className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
 									children: [
-										/* @__PURE__ */ s(t, { className: "h-3 w-3" }),
+										/* @__PURE__ */ c(n, { className: "h-3 w-3" }),
 										e.startDate ? new Date(e.startDate).toLocaleDateString() : "?",
 										" - ",
 										e.endDate ? new Date(e.endDate).toLocaleDateString() : "?"
 									]
 								})
-							] }), /* @__PURE__ */ c("div", {
+							] }), /* @__PURE__ */ l("div", {
 								className: "flex items-center gap-2",
-								children: [e.color && /* @__PURE__ */ s("div", {
+								children: [e.color && /* @__PURE__ */ c("div", {
 									className: "h-3 w-3 rounded-full",
 									style: { backgroundColor: e.color }
-								}), /* @__PURE__ */ s("span", {
-									className: `text-xs px-2 py-0.5 rounded-full capitalize ${h[e.status] ?? "bg-gray-100"}`,
+								}), /* @__PURE__ */ c("span", {
+									className: `text-xs px-2 py-0.5 rounded-full capitalize ${g[e.status] ?? "bg-gray-100"}`,
 									children: e.status.toLowerCase().replace("_", " ")
 								})]
 							})]
 						}, e.id))
 					})] }, e))]
-				}), /* @__PURE__ */ s("div", {
+				}), /* @__PURE__ */ c("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ c(u, { children: [/* @__PURE__ */ s(f, { children: /* @__PURE__ */ s(p, { children: "Details" }) }), /* @__PURE__ */ c(d, {
+					children: /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Details" }) }), /* @__PURE__ */ l(f, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ s("span", {
+								children: [/* @__PURE__ */ c("span", {
 									className: "text-muted-foreground",
 									children: "Type"
-								}), /* @__PURE__ */ s(l, {
+								}), /* @__PURE__ */ c(u, {
 									variant: "outline",
 									className: "text-xs capitalize",
-									children: b.type.toLowerCase()
+									children: x.type.toLowerCase()
 								})]
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ s("span", {
+								children: [/* @__PURE__ */ c("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ s("span", { children: b.ownerId })]
+								}), /* @__PURE__ */ c("span", { children: /* @__PURE__ */ c(t, { id: x.ownerId }) })]
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ s("span", {
+								children: [/* @__PURE__ */ c("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ s("span", { children: new Date(b.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ c("span", { children: new Date(x.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ c("div", {
+							/* @__PURE__ */ l("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ s("span", {
+								children: [/* @__PURE__ */ c("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ s("span", { children: new Date(b.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ c("span", { children: new Date(x.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] })
@@ -228,6 +229,6 @@ function g() {
 	});
 }
 //#endregion
-export { g as ProductsRoadmapDetailPagePage };
+export { _ as ProductsRoadmapDetailPagePage };
 
 //# sourceMappingURL=ProductsRoadmapDetailPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.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 { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n}\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\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_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmap: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = (roadmap.items ?? [])\n    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\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            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n            {roadmap.isPublic ? 'public' : 'private'}\n          </Badge>\n          <Badge variant=\"outline\" className=\"capitalize\">\n            {roadmap.type.toLowerCase()}\n          </Badge>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Type', value: roadmap.type.toLowerCase() },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\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>Progress Overview</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Overall Completion</span>\n                <span className=\"font-medium\">{progress}%</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 transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </CardContent>\n          </Card>\n\n          {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n            <Card key={lane}>\n              <CardHeader>\n                <CardTitle>\n                  {lane} ({laneItems.length})\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {laneItems.map((item) => (\n                  <div\n                    key={item.id}\n                    className=\"flex items-center justify-between border rounded-md p-3\"\n                  >\n                    <div>\n                      <p className=\"text-sm font-medium\">{item.title}</p>\n                      {item.description && (\n                        <p className=\"text-xs text-muted-foreground\">\n                          {item.description.slice(0, 60)}...\n                        </p>\n                      )}\n                      {(item.startDate || item.endDate) && (\n                        <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                          <Calendar className=\"h-3 w-3\" />\n                          {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                          {' - '}\n                          {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      {item.color && (\n                        <div\n                          className=\"h-3 w-3 rounded-full\"\n                          style={{ backgroundColor: item.color }}\n                        />\n                      )}\n                      <span\n                        className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                      >\n                        {item.status.toLowerCase().replace('_', ' ')}\n                      </span>\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        <div className=\"space-y-6\">\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\">Type</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {roadmap.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>{roadmap.ownerId}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;AASA,IAAM,IAAc,CAAG;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2CjB,IAAsC;CAC1C,MAAM;CACN,aAAa;CACb,MAAM;CACN,WAAW;CACX,SAAS;CACT,SAAS;CACV;AAED,SAAgB,IAAgC;CAC9C,IAAM,EAAE,mBAAgB,GAAe,EAEjC,IADS,GAA2B,CACjB,MAAM,IAEzB,EACJ,SACA,YACA,aAGA,EAA8B,GAAa;EACzC,WAAW,EAAE,IAAI,GAAW;EAC5B,MAAM,CAAC;EACR,CAAC;AAEJ,KAAI,EACF,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,4BAAyB,EAAM,QAAc;;CAG5F,IAAM,IAAU,GAAM;AACtB,KAAI,CAAC,EAAS,QAAO,kBAAC,OAAD;EAAK,WAAU;YAA4B;EAAwB,CAAA;CAExF,IAAM,KAA4B,EAAQ,SAAS,EAAE,EAClD,OAAO,CACP,MAAM,GAAoB,MAAuB,EAAE,YAAY,EAAE,UAAU,EACxE,IAAiB,EAAM,QAAQ,MAAM,EAAE,WAAW,eAAe,EAAE,WAAW,OAAO,EACrF,IAAW,EAAM,SAAS,IAAI,KAAK,MAAO,EAAe,SAAS,EAAM,SAAU,IAAI,GAAG,GAGzF,IAAoD,EAAE;AAC5D,MAAK,IAAM,KAAQ,GAAO;EACxB,IAAM,IAAO,EAAK,YAAY;AAE9B,EADK,EAAe,OAAO,EAAe,KAAQ,EAAE,GACpD,EAAe,GAAM,KAAK,EAAK;;AAGjC,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAK,WAAU,wBAAyB,CAAA,EACxC,kBAAC,MAAD;MAAI,WAAU;gBAA0B,EAAQ;MAAU,CAAA,CACtD;QACN,kBAAC,KAAD;KAAG,WAAU;eACV,EAAQ,eAAe;KACtB,CAAA,CACA,EAAA,CAAA,EACN,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD;MAAO,SAAS,EAAQ,WAAW,YAAY;MAAa,WAAU;gBACnE,EAAQ,WAAW,WAAW;MACzB,CAAA,EACR,kBAAC,GAAD;MAAO,SAAQ;MAAU,WAAU;gBAChC,EAAQ,KAAK,aAAa;MACrB,CAAA,CACJ;OACF;;GAEN,kBAAC,OAAD;IAAK,WAAU;cACZ;KACC;MAAE,OAAO;MAAY,OAAO,GAAG,EAAS;MAAI;KAC5C;MAAE,OAAO;MAAe,OAAO,EAAM;MAAQ;KAC7C;MAAE,OAAO;MAAa,OAAO,EAAe;MAAQ;KACpD;MAAE,OAAO;MAAQ,OAAO,EAAQ,KAAK,aAAa;MAAE;KACpD;MAAE,OAAO;MAAc,OAAO,EAAQ,WAAW,WAAW;MAAW;KACxE,CAAC,KAAK,MACL,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;KAAa,WAAU;eAAvB,CACE,kBAAC,KAAD;MAAG,WAAU;gBAAiC,EAAE;MAAU,CAAA,EAC1D,kBAAC,KAAD;MAAG,WAAU;gBAAoC,EAAE;MAAU,CAAA,CACjD;QACT,EALI,EAAE,MAKN,CACP;IACE,CAAA;GAEN,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,qBAA6B,CAAA,EAC7B,CAAA,EACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAwB;OAAyB,CAAA,EACjE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CAA+B,GAAS,IAAQ;SAC5C;SACN,kBAAC,OAAD;MAAK,WAAU;gBACb,kBAAC,OAAD;OACE,WAAU;OACV,OAAO,EAAE,OAAO,GAAG,EAAS,IAAI;OAChC,CAAA;MACE,CAAA,CACM,EAAA,CAAA,CACT,EAAA,CAAA,EAEN,OAAO,QAAQ,EAAe,CAAC,KAAK,CAAC,GAAM,OAC1C,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAA;MACG;MAAK;MAAG,EAAU;MAAO;MAChB,EAAA,CAAA,EACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBACpB,EAAU,KAAK,MACd,kBAAC,OAAD;OAEE,WAAU;iBAFZ,CAIE,kBAAC,OAAD,EAAA,UAAA;QACE,kBAAC,KAAD;SAAG,WAAU;mBAAuB,EAAK;SAAU,CAAA;QAClD,EAAK,eACJ,kBAAC,KAAD;SAAG,WAAU;mBAAb,CACG,EAAK,YAAY,MAAM,GAAG,GAAG,EAAC,MAC7B;;SAEJ,EAAK,aAAa,EAAK,YACvB,kBAAC,OAAD;SAAK,WAAU;mBAAf;UACE,kBAAC,GAAD,EAAU,WAAU,WAAY,CAAA;UAC/B,EAAK,YAAY,IAAI,KAAK,EAAK,UAAU,CAAC,oBAAoB,GAAG;UACjE;UACA,EAAK,UAAU,IAAI,KAAK,EAAK,QAAQ,CAAC,oBAAoB,GAAG;UAC1D;;QAEJ,EAAA,CAAA,EACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACG,EAAK,SACJ,kBAAC,OAAD;SACE,WAAU;SACV,OAAO,EAAE,iBAAiB,EAAK,OAAO;SACtC,CAAA,EAEJ,kBAAC,QAAD;SACE,WAAW,+CAA+C,EAAY,EAAK,WAAW;mBAErF,EAAK,OAAO,aAAa,CAAC,QAAQ,KAAK,IAAI;SACvC,CAAA,CACH;UACF;SAhCC,EAAK,GAgCN,CACN;MACU,CAAA,CACT,EAAA,EA5CI,EA4CJ,CACP,CACE;QAEN,kBAAC,OAAD;KAAK,WAAU;eACb,kBAAC,GAAD,EAAA,UAAA,CACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD,EAAA,UAAW,WAAmB,CAAA,EACnB,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAW,CAAA,EACnD,kBAAC,GAAD;SAAO,SAAQ;SAAU,WAAU;mBAChC,EAAQ,KAAK,aAAa;SACrB,CAAA,CACJ;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAY,CAAA,EACpD,kBAAC,QAAD,EAAA,UAAO,EAAQ,SAAe,CAAA,CAC1B;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACN,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD;SAAM,WAAU;mBAAwB;SAAc,CAAA,EACtD,kBAAC,QAAD,EAAA,UAAO,IAAI,KAAK,EAAQ,UAAU,CAAC,oBAAoB,EAAQ,CAAA,CAC3D;;OACM;QACT,EAAA,CAAA;KACH,CAAA,CACF;;GACF"}
+{"version":3,"file":"ProductsRoadmapDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsRoadmapDetailPagePage.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 { Map, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetailPage($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        title\n        description\n        status\n        startDate\n        endDate\n        color\n        swimlane\n        sortOrder\n        projectId\n        milestoneId\n      }\n    }\n  }\n`;\n\ninterface RoadmapItemNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  startDate: string | null;\n  endDate: string | null;\n  color: string | null;\n  swimlane: string | null;\n  sortOrder: number;\n  projectId: string | null;\n  milestoneId: string | null;\n}\n\nconst statusColor: Record<string, string> = {\n  TODO: 'bg-gray-100 text-gray-800',\n  IN_PROGRESS: 'bg-blue-100 text-blue-800',\n  DONE: 'bg-green-100 text-green-800',\n  COMPLETED: 'bg-green-100 text-green-800',\n  BLOCKED: 'bg-red-100 text-red-800',\n  PLANNED: 'bg-yellow-100 text-yellow-800',\n};\n\nexport function ProductsRoadmapDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const roadmapId = params.id ?? '';\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_ROADMAP, {\n      variables: { id: roadmapId },\n      skip: !roadmapId,\n    });\n\n  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load roadmap: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Roadmap not found.</div>;\n\n  const items: RoadmapItemNode[] = (roadmap.items ?? [])\n    .slice()\n    .sort((a: RoadmapItemNode, b: RoadmapItemNode) => a.sortOrder - b.sortOrder);\n  const completedItems = items.filter((i) => i.status === 'COMPLETED' || i.status === 'DONE');\n  const progress = items.length > 0 ? Math.round((completedItems.length / items.length) * 100) : 0;\n\n  // Group items by swimlane\n  const swimlaneGroups: Record<string, RoadmapItemNode[]> = {};\n  for (const item of items) {\n    const lane = item.swimlane ?? 'Uncategorized';\n    if (!swimlaneGroups[lane]) swimlaneGroups[lane] = [];\n    swimlaneGroups[lane].push(item);\n  }\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            <Map className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n          </div>\n          <p className=\"text-sm text-muted-foreground mt-1\">\n            {roadmap.description ?? 'No description'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n            {roadmap.isPublic ? 'public' : 'private'}\n          </Badge>\n          <Badge variant=\"outline\" className=\"capitalize\">\n            {roadmap.type.toLowerCase()}\n          </Badge>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-5 gap-4\">\n        {[\n          { label: 'Progress', value: `${progress}%` },\n          { label: 'Total Items', value: items.length },\n          { label: 'Completed', value: completedItems.length },\n          { label: 'Type', value: roadmap.type.toLowerCase() },\n          { label: 'Visibility', value: roadmap.isPublic ? 'Public' : 'Private' },\n        ].map((s) => (\n          <Card key={s.label}>\n            <CardContent className=\"pt-4 text-center\">\n              <p className=\"text-xs text-muted-foreground\">{s.label}</p>\n              <p className=\"text-lg font-semibold capitalize\">{s.value}</p>\n            </CardContent>\n          </Card>\n        ))}\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>Progress Overview</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex justify-between text-sm mb-2\">\n                <span className=\"text-muted-foreground\">Overall Completion</span>\n                <span className=\"font-medium\">{progress}%</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 transition-all\"\n                  style={{ width: `${progress}%` }}\n                />\n              </div>\n            </CardContent>\n          </Card>\n\n          {Object.entries(swimlaneGroups).map(([lane, laneItems]) => (\n            <Card key={lane}>\n              <CardHeader>\n                <CardTitle>\n                  {lane} ({laneItems.length})\n                </CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {laneItems.map((item) => (\n                  <div\n                    key={item.id}\n                    className=\"flex items-center justify-between border rounded-md p-3\"\n                  >\n                    <div>\n                      <p className=\"text-sm font-medium\">{item.title}</p>\n                      {item.description && (\n                        <p className=\"text-xs text-muted-foreground\">\n                          {item.description.slice(0, 60)}...\n                        </p>\n                      )}\n                      {(item.startDate || item.endDate) && (\n                        <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                          <Calendar className=\"h-3 w-3\" />\n                          {item.startDate ? new Date(item.startDate).toLocaleDateString() : '?'}\n                          {' - '}\n                          {item.endDate ? new Date(item.endDate).toLocaleDateString() : '?'}\n                        </div>\n                      )}\n                    </div>\n                    <div className=\"flex items-center gap-2\">\n                      {item.color && (\n                        <div\n                          className=\"h-3 w-3 rounded-full\"\n                          style={{ backgroundColor: item.color }}\n                        />\n                      )}\n                      <span\n                        className={`text-xs px-2 py-0.5 rounded-full capitalize ${statusColor[item.status] ?? 'bg-gray-100'}`}\n                      >\n                        {item.status.toLowerCase().replace('_', ' ')}\n                      </span>\n                    </div>\n                  </div>\n                ))}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n\n        <div className=\"space-y-6\">\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\">Type</span>\n                <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                  {roadmap.type.toLowerCase()}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span>\n                  <PersonName id={roadmap.ownerId} />\n                </span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(roadmap.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(roadmap.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAmEA,wBAAgB,wBAAwB,4CAwKvC"}
+{"version":3,"file":"ProductsRoadmapsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsRoadmapsPagePage.tsx"],"names":[],"mappings":"AAoEA,wBAAgB,wBAAwB,4CA0KvC"}