@burdenoff/microfe-planmagnet 2026.927.2 → 2026.927.3

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.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 { Package, GitBranch, Map, Star, Users, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge } from '../roadmaps/planningFocus';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetail($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      planningFocus\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      }\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS_FOR_PRODUCT = gql`\n  query ListFeatureRequestsForProduct($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        title\n        description\n        status\n        priorityScore\n        voteCount\n        businessValue\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst LIST_RELEASES_FOR_PRODUCT = gql`\n  query ListReleasesForProduct($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        version\n        status\n        plannedDate\n      }\n      totalCount\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}\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  priorityScore: number | null;\n  voteCount: number;\n  businessValue: number | null;\n}\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n}\n\nexport function ProductsProductDetailPagePage() {\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  const {\n    data: featuresData,\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_FEATURE_REQUESTS_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  const {\n    data: releasesData,\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_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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 product: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Product not found.</div>;\n\n  const roadmapItems: RoadmapItemNode[] = roadmap.items ?? [];\n  const features: FeatureRequestNode[] = featuresData?.planmagnetFeatureRequests?.items ?? [];\n  const releases: ReleaseNode[] = releasesData?.planmagnetReleases?.items ?? [];\n  const totalFeatures = featuresData?.planmagnetFeatureRequests?.totalCount ?? 0;\n  const totalReleases = releasesData?.planmagnetReleases?.totalCount ?? 0;\n\n  const statusColor: Record<string, string> = {\n    SUBMITTED: 'bg-gray-100 text-gray-800',\n    UNDER_REVIEW: 'bg-yellow-100 text-yellow-800',\n    PLANNED: 'bg-blue-100 text-blue-800',\n    IN_PROGRESS: 'bg-purple-100 text-purple-800',\n    COMPLETED: 'bg-green-100 text-green-800',\n    DECLINED: 'bg-red-100 text-red-800',\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              {roadmap.description ?? 'No description'}\n            </p>\n          </div>\n        </div>\n        <PlanningFocusBadge focus={roadmap.planningFocus} />\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          { label: 'Roadmap Items', value: roadmapItems.length, icon: Star },\n          { label: 'Releases', value: totalReleases, icon: GitBranch },\n          { label: 'Features', value: totalFeatures, icon: Map },\n          // The name, as the Details card below shows it — not the owner's UUID in large type (BOFF-7976).\n          { label: 'Owner', value: <PersonName id={roadmap.ownerId} />, icon: Users },\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 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Feature Requests ({features.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {features.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No feature requests yet.</p>\n              )}\n              {features.map((f) => (\n                <div key={f.id} className=\"flex items-center justify-between rounded-md border p-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{f.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Votes: {f.voteCount} &middot; Business Value: {f.businessValue ?? 'N/A'}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"capitalize text-xs\">\n                      {f.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Roadmap Items ({roadmapItems.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {roadmapItems.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No roadmap items linked.</p>\n              )}\n              {roadmapItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between rounded-md border p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {item.startDate\n                        ? new Date(item.startDate).toLocaleDateString()\n                        : 'No start date'}\n                      {' - '}\n                      {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'No end date'}\n                    </p>\n                  </div>\n                  <Badge variant=\"outline\" className=\"capitalize text-xs\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Recent Releases</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {releases.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No releases yet.</p>\n              )}\n              {releases.map((r) => (\n                <div key={r.id} className=\"border-b pb-2 last:border-0 last:pb-0\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{r.version}</span>\n                    <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                      {r.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{r.name}</p>\n                  <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {r.plannedDate ? new Date(r.plannedDate).toLocaleDateString() : 'No date set'}\n                  </div>\n                </div>\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\">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              <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\">Visibility</span>\n                <span>{roadmap.isPublic ? 'Public' : 'Private'}</span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsProductDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.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 { Package, GitBranch, Map, Star, Users, Calendar, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge } from '../roadmaps/planningFocus';\nimport { RoadmapHeaderActions } from '../roadmaps/RoadmapControls';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapDetail($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      planningFocus\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      }\n    }\n  }\n`;\n\nconst LIST_FEATURE_REQUESTS_FOR_PRODUCT = gql`\n  query ListFeatureRequestsForProduct($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        title\n        description\n        status\n        priorityScore\n        voteCount\n        businessValue\n        createdAt\n      }\n      totalCount\n    }\n  }\n`;\n\nconst LIST_RELEASES_FOR_PRODUCT = gql`\n  query ListReleasesForProduct($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetReleases(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n        version\n        status\n        plannedDate\n      }\n      totalCount\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}\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  priorityScore: number | null;\n  voteCount: number;\n  businessValue: number | null;\n}\n\ninterface ReleaseNode {\n  id: string;\n  name: string;\n  version: string;\n  status: string;\n  plannedDate: string | null;\n}\n\nexport function ProductsProductDetailPagePage() {\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  const {\n    data: featuresData,\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_FEATURE_REQUESTS_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  const {\n    data: releasesData,\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_FOR_PRODUCT, {\n      variables: { workspaceId, pagination: { first: 20 } },\n      skip: !workspaceId,\n    });\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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 product: {error.message}</div>;\n  }\n\n  const roadmap = data?.planmagnetRoadmap;\n  if (!roadmap) return <div className=\"p-6 text-muted-foreground\">Product not found.</div>;\n\n  const roadmapItems: RoadmapItemNode[] = roadmap.items ?? [];\n  const features: FeatureRequestNode[] = featuresData?.planmagnetFeatureRequests?.items ?? [];\n  const releases: ReleaseNode[] = releasesData?.planmagnetReleases?.items ?? [];\n  const totalFeatures = featuresData?.planmagnetFeatureRequests?.totalCount ?? 0;\n  const totalReleases = releasesData?.planmagnetReleases?.totalCount ?? 0;\n\n  const statusColor: Record<string, string> = {\n    SUBMITTED: 'bg-gray-100 text-gray-800',\n    UNDER_REVIEW: 'bg-yellow-100 text-yellow-800',\n    PLANNED: 'bg-blue-100 text-blue-800',\n    IN_PROGRESS: 'bg-purple-100 text-purple-800',\n    COMPLETED: 'bg-green-100 text-green-800',\n    DECLINED: 'bg-red-100 text-red-800',\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <div>\n            <h1 className=\"text-2xl font-semibold\">{roadmap.name}</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              {roadmap.description ?? 'No description'}\n            </p>\n          </div>\n        </div>\n        {/* Edit and Delete (BOFF-7941): the Edit page existed and nothing linked to it. */}\n        <div className=\"flex flex-col items-end gap-2\">\n          <RoadmapHeaderActions roadmapId={roadmap.id} name={roadmap.name} />\n          <PlanningFocusBadge focus={roadmap.planningFocus} />\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        {[\n          { label: 'Roadmap Items', value: roadmapItems.length, icon: Star },\n          { label: 'Releases', value: totalReleases, icon: GitBranch },\n          { label: 'Features', value: totalFeatures, icon: Map },\n          // The name, as the Details card below shows it — not the owner's UUID in large type (BOFF-7976).\n          { label: 'Owner', value: <PersonName id={roadmap.ownerId} />, icon: Users },\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 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Feature Requests ({features.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {features.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No feature requests yet.</p>\n              )}\n              {features.map((f) => (\n                <div key={f.id} className=\"flex items-center justify-between rounded-md border p-3\">\n                  <div>\n                    <p className=\"text-sm font-medium\">{f.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      Votes: {f.voteCount} &middot; Business Value: {f.businessValue ?? 'N/A'}\n                    </p>\n                  </div>\n                  <div className=\"flex items-center gap-2\">\n                    <Badge variant=\"secondary\" className=\"capitalize text-xs\">\n                      {f.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Roadmap Items ({roadmapItems.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {roadmapItems.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No roadmap items linked.</p>\n              )}\n              {roadmapItems.map((item) => (\n                <div\n                  key={item.id}\n                  className=\"flex items-center justify-between rounded-md border p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">{item.title}</p>\n                    <p className=\"text-xs text-muted-foreground\">\n                      {item.startDate\n                        ? new Date(item.startDate).toLocaleDateString()\n                        : 'No start date'}\n                      {' - '}\n                      {item.endDate ? new Date(item.endDate).toLocaleDateString() : 'No end date'}\n                    </p>\n                  </div>\n                  <Badge variant=\"outline\" className=\"capitalize text-xs\">\n                    {item.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Recent Releases</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {releases.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">No releases yet.</p>\n              )}\n              {releases.map((r) => (\n                <div key={r.id} className=\"border-b pb-2 last:border-0 last:pb-0\">\n                  <div className=\"flex items-center justify-between\">\n                    <span className=\"text-sm font-medium\">{r.version}</span>\n                    <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                      {r.status.toLowerCase().replace('_', ' ')}\n                    </Badge>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{r.name}</p>\n                  <div className=\"flex items-center gap-1 mt-1 text-xs text-muted-foreground\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {r.plannedDate ? new Date(r.plannedDate).toLocaleDateString() : 'No date set'}\n                  </div>\n                </div>\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\">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              <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\">Visibility</span>\n                <span>{roadmap.isPublic ? 'Public' : 'Private'}</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/ProductsRoadmapDetailPagePage.d.ts.map

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

package/dist/planmagnet/pages/ProductsRoadmapDetailPagePage.js

@@ -1,14 +1,15 @@
 import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
 import { PersonName as t } from "../people/People.js";
 import { PlanningFocusBadge as n, planningFocusLabel as r } from "../roadmaps/planningFocus.js";
-import { Calendar as i, Loader2 as a, Map as o } from "lucide-react";
-import { useParams as s } from "react-router";
-import { gql as c } from "@apollo/client";
-import { useQuery as l } from "@apollo/client/react";
-import { jsx as u, jsxs as d } from "react/jsx-runtime";
-import { Badge as f, Card as p, CardContent as m, CardHeader as h, CardTitle as g } from "@burdenoff/fe-libs/ui";
+import { RemoveRoadmapItemButton as i, RoadmapHeaderActions as a, RoadmapItemDialog as o } from "../roadmaps/RoadmapControls.js";
+import { Calendar as s, Loader2 as c, Map as l } from "lucide-react";
+import { useParams as u } from "react-router";
+import { gql as d } from "@apollo/client";
+import { useQuery as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Badge as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsRoadmapDetailPagePage.tsx
-var _ = c`
+var b = d`
   query GetRoadmapDetailPage($id: ID!) {
     planmagnetRoadmap(id: $id) {
       id
@@ -36,7 +37,7 @@ var _ = c`
       }
     }
   }
-`, v = {
+`, x = {
 	TODO: "bg-gray-100 text-gray-800",
 	IN_PROGRESS: "bg-blue-100 text-blue-800",
 	DONE: "bg-green-100 text-green-800",
@@ -44,176 +45,214 @@ var _ = c`
 	BLOCKED: "bg-red-100 text-red-800",
 	PLANNED: "bg-yellow-100 text-yellow-800"
 };
-function y() {
-	let { workspaceId: c } = e(), y = s().id ?? "", { data: b, loading: x, error: S } = l(_, {
-		variables: { id: y },
-		skip: !y
+function S() {
+	let { workspaceId: d } = e(), S = u().id ?? "", { data: C, loading: w, error: T } = f(b, {
+		variables: { id: S },
+		skip: !S
 	});
-	if (x && !b) return /* @__PURE__ */ u("div", {
+	if (w && !C) return /* @__PURE__ */ p("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ u(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ p(c, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (S) return /* @__PURE__ */ d("div", {
+	if (T) return /* @__PURE__ */ m("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load roadmap: ", S.message]
+		children: ["Failed to load roadmap: ", T.message]
 	});
-	let C = b?.planmagnetRoadmap;
-	if (!C) return /* @__PURE__ */ u("div", {
+	let E = C?.planmagnetRoadmap;
+	if (!E) return /* @__PURE__ */ p("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Roadmap not found."
 	});
-	let w = (C.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), T = w.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), E = w.length > 0 ? Math.round(T.length / w.length * 100) : 0, D = {};
-	for (let e of w) {
+	let D = (E.items ?? []).slice().sort((e, t) => e.sortOrder - t.sortOrder), O = D.filter((e) => e.status === "COMPLETED" || e.status === "DONE"), k = D.length > 0 ? Math.round(O.length / D.length * 100) : 0, A = [...new Set(D.map((e) => e.swimlane).filter(Boolean))], j = {};
+	for (let e of D) {
 		let t = e.swimlane ?? "Uncategorized";
-		D[t] || (D[t] = []), D[t].push(e);
+		j[t] || (j[t] = []), j[t].push(e);
 	}
-	return /* @__PURE__ */ d("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ m("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ u(o, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ u("h1", {
+					children: [/* @__PURE__ */ p(l, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ p("h1", {
 						className: "text-2xl font-semibold",
-						children: C.name
+						children: E.name
 					})]
-				}), /* @__PURE__ */ u("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground mt-1",
-					children: C.description ?? "No description"
-				})] }), /* @__PURE__ */ d("div", {
-					className: "flex gap-2",
-					children: [/* @__PURE__ */ u(f, {
-						variant: C.isPublic ? "default" : "secondary",
-						className: "capitalize",
-						children: C.isPublic ? "public" : "private"
-					}), /* @__PURE__ */ u(n, { focus: C.planningFocus })]
+					children: E.description ?? "No description"
+				})] }), /* @__PURE__ */ m("div", {
+					className: "flex flex-col items-end gap-2",
+					children: [/* @__PURE__ */ p(a, {
+						roadmapId: E.id,
+						name: E.name
+					}), /* @__PURE__ */ m("div", {
+						className: "flex gap-2",
+						children: [/* @__PURE__ */ p(h, {
+							variant: E.isPublic ? "default" : "secondary",
+							className: "capitalize",
+							children: E.isPublic ? "public" : "private"
+						}), /* @__PURE__ */ p(n, { focus: E.planningFocus })]
+					})]
 				})]
 			}),
-			/* @__PURE__ */ u("div", {
+			/* @__PURE__ */ p("div", {
 				className: "grid grid-cols-2 md:grid-cols-5 gap-4",
 				children: [
 					{
 						label: "Progress",
-						value: `${E}%`
+						value: `${k}%`
 					},
 					{
 						label: "Total Items",
-						value: w.length
+						value: D.length
 					},
 					{
 						label: "Completed",
-						value: T.length
+						value: O.length
 					},
 					{
 						label: "Planning focus",
-						value: r(C.planningFocus)
+						value: r(E.planningFocus)
 					},
 					{
 						label: "Visibility",
-						value: C.isPublic ? "Public" : "Private"
+						value: E.isPublic ? "Public" : "Private"
 					}
-				].map((e) => /* @__PURE__ */ u(p, { children: /* @__PURE__ */ d(m, {
+				].map((e) => /* @__PURE__ */ p(g, { children: /* @__PURE__ */ m(_, {
 					className: "pt-4 text-center",
-					children: [/* @__PURE__ */ u("p", {
+					children: [/* @__PURE__ */ p("p", {
 						className: "text-xs text-muted-foreground",
 						children: e.label
-					}), /* @__PURE__ */ u("p", {
+					}), /* @__PURE__ */ p("p", {
 						className: "text-lg font-semibold capitalize",
 						children: e.value
 					})]
 				}) }, e.label))
 			}),
-			/* @__PURE__ */ d("div", {
+			/* @__PURE__ */ m("div", {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
-				children: [/* @__PURE__ */ d("div", {
+				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Progress Overview" }) }), /* @__PURE__ */ d(m, { children: [/* @__PURE__ */ d("div", {
-						className: "flex justify-between text-sm mb-2",
-						children: [/* @__PURE__ */ u("span", {
-							className: "text-muted-foreground",
-							children: "Overall Completion"
-						}), /* @__PURE__ */ d("span", {
-							className: "font-medium",
-							children: [E, "%"]
-						})]
-					}), /* @__PURE__ */ u("div", {
-						className: "w-full h-4 rounded-full bg-muted overflow-hidden",
-						children: /* @__PURE__ */ u("div", {
-							className: "h-full bg-primary rounded-full transition-all",
-							style: { width: `${E}%` }
-						})
-					})] })] }), Object.entries(D).map(([e, t]) => /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ d(g, { children: [
-						e,
-						" (",
-						t.length,
-						")"
-					] }) }), /* @__PURE__ */ u(m, {
-						className: "space-y-3",
-						children: t.map((e) => /* @__PURE__ */ d("div", {
-							className: "flex items-center justify-between border rounded-md p-3",
-							children: [/* @__PURE__ */ d("div", { children: [
-								/* @__PURE__ */ u("p", {
-									className: "text-sm font-medium",
-									children: e.title
-								}),
-								e.description && /* @__PURE__ */ d("p", {
-									className: "text-xs text-muted-foreground",
-									children: [e.description.slice(0, 60), "..."]
+					children: [
+						/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ m(v, {
+							className: "flex flex-row items-center justify-between gap-2",
+							children: [/* @__PURE__ */ p(y, { children: "Progress Overview" }), /* @__PURE__ */ p(o, {
+								roadmapId: E.id,
+								lanes: A
+							})]
+						}), /* @__PURE__ */ m(_, { children: [/* @__PURE__ */ m("div", {
+							className: "flex justify-between text-sm mb-2",
+							children: [/* @__PURE__ */ p("span", {
+								className: "text-muted-foreground",
+								children: "Overall Completion"
+							}), /* @__PURE__ */ m("span", {
+								className: "font-medium",
+								children: [k, "%"]
+							})]
+						}), /* @__PURE__ */ p("div", {
+							className: "w-full h-4 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ p("div", {
+								className: "h-full bg-primary rounded-full transition-all",
+								style: { width: `${k}%` }
+							})
+						})] })] }),
+						D.length === 0 && /* @__PURE__ */ m("p", {
+							className: "rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground",
+							children: [
+								"This roadmap has no items yet. Use ",
+								/* @__PURE__ */ p("span", {
+									className: "font-medium",
+									children: "Add item"
 								}),
-								(e.startDate || e.endDate) && /* @__PURE__ */ d("div", {
-									className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
+								" to plan the first one."
+							]
+						}),
+						Object.entries(j).map(([e, t]) => /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, { children: [
+							e,
+							" (",
+							t.length,
+							")"
+						] }) }), /* @__PURE__ */ p(_, {
+							className: "space-y-3",
+							children: t.map((e) => /* @__PURE__ */ m("div", {
+								className: "flex items-center justify-between border rounded-md p-3",
+								children: [/* @__PURE__ */ m("div", { children: [
+									/* @__PURE__ */ p("p", {
+										className: "text-sm font-medium",
+										children: e.title
+									}),
+									e.description && /* @__PURE__ */ p("p", {
+										className: "text-xs text-muted-foreground",
+										children: e.description.length > 60 ? `${e.description.slice(0, 60)}…` : e.description
+									}),
+									(e.startDate || e.endDate) && /* @__PURE__ */ m("div", {
+										className: "flex items-center gap-1 mt-1 text-xs text-muted-foreground",
+										children: [
+											/* @__PURE__ */ p(s, { className: "h-3 w-3" }),
+											e.startDate ? new Date(e.startDate).toLocaleDateString() : "?",
+											" - ",
+											e.endDate ? new Date(e.endDate).toLocaleDateString() : "?"
+										]
+									})
+								] }), /* @__PURE__ */ m("div", {
+									className: "flex items-center gap-2",
 									children: [
-										/* @__PURE__ */ u(i, { className: "h-3 w-3" }),
-										e.startDate ? new Date(e.startDate).toLocaleDateString() : "?",
-										" - ",
-										e.endDate ? new Date(e.endDate).toLocaleDateString() : "?"
+										e.color && /* @__PURE__ */ p("div", {
+											className: "h-3 w-3 rounded-full",
+											style: { backgroundColor: e.color }
+										}),
+										/* @__PURE__ */ p("span", {
+											className: `text-xs px-2 py-0.5 rounded-full capitalize ${x[e.status] ?? "bg-gray-100"}`,
+											children: e.status.toLowerCase().replace("_", " ")
+										}),
+										/* @__PURE__ */ p(o, {
+											roadmapId: E.id,
+											item: e,
+											lanes: A
+										}),
+										/* @__PURE__ */ p(i, {
+											id: e.id,
+											title: e.title
+										})
 									]
-								})
-							] }), /* @__PURE__ */ d("div", {
-								className: "flex items-center gap-2",
-								children: [e.color && /* @__PURE__ */ u("div", {
-									className: "h-3 w-3 rounded-full",
-									style: { backgroundColor: e.color }
-								}), /* @__PURE__ */ u("span", {
-									className: `text-xs px-2 py-0.5 rounded-full capitalize ${v[e.status] ?? "bg-gray-100"}`,
-									children: e.status.toLowerCase().replace("_", " ")
 								})]
-							})]
-						}, e.id))
-					})] }, e))]
-				}), /* @__PURE__ */ u("div", {
+							}, e.id))
+						})] }, e))
+					]
+				}), /* @__PURE__ */ p("div", {
 					className: "space-y-6",
-					children: /* @__PURE__ */ d(p, { children: [/* @__PURE__ */ u(h, { children: /* @__PURE__ */ u(g, { children: "Details" }) }), /* @__PURE__ */ d(m, {
+					children: /* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Details" }) }), /* @__PURE__ */ m(_, {
 						className: "space-y-2 text-sm",
 						children: [
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Planning focus"
-								}), /* @__PURE__ */ u(n, { focus: C.planningFocus })]
+								}), /* @__PURE__ */ p(n, { focus: E.planningFocus })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Owner"
-								}), /* @__PURE__ */ u("span", { children: /* @__PURE__ */ u(t, { id: C.ownerId }) })]
+								}), /* @__PURE__ */ p("span", { children: /* @__PURE__ */ p(t, { id: E.ownerId }) })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Created"
-								}), /* @__PURE__ */ u("span", { children: new Date(C.createdAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ p("span", { children: new Date(E.createdAt).toLocaleDateString() })]
 							}),
-							/* @__PURE__ */ d("div", {
+							/* @__PURE__ */ m("div", {
 								className: "flex justify-between",
-								children: [/* @__PURE__ */ u("span", {
+								children: [/* @__PURE__ */ p("span", {
 									className: "text-muted-foreground",
 									children: "Updated"
-								}), /* @__PURE__ */ u("span", { children: new Date(C.updatedAt).toLocaleDateString() })]
+								}), /* @__PURE__ */ p("span", { children: new Date(E.updatedAt).toLocaleDateString() })]
 							})
 						]
 					})] })
@@ -223,6 +262,6 @@ function y() {
 	});
 }
 //#endregion
-export { y as ProductsRoadmapDetailPagePage };
+export { S 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';\nimport { PersonName } from '../people/People';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\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      planningFocus\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  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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          <PlanningFocusBadge focus={roadmap.planningFocus} />\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: 'Planning focus', value: planningFocusLabel(roadmap.planningFocus) },\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\">Planning focus</span>\n                <PlanningFocusBadge focus={roadmap.planningFocus} />\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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"}
+{"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';\nimport { PlanningFocusBadge, planningFocusLabel } from '../roadmaps/planningFocus';\nimport {\n  RemoveRoadmapItemButton,\n  RoadmapHeaderActions,\n  RoadmapItemDialog,\n} from '../roadmaps/RoadmapControls';\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      planningFocus\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  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\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  const lanes = [...new Set(items.map((i) => i.swimlane).filter(Boolean))] as string[];\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 flex-col items-end gap-2\">\n          <RoadmapHeaderActions roadmapId={roadmap.id} name={roadmap.name} />\n          <div className=\"flex gap-2\">\n            <Badge variant={roadmap.isPublic ? 'default' : 'secondary'} className=\"capitalize\">\n              {roadmap.isPublic ? 'public' : 'private'}\n            </Badge>\n            <PlanningFocusBadge focus={roadmap.planningFocus} />\n          </div>\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: 'Planning focus', value: planningFocusLabel(roadmap.planningFocus) },\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 className=\"flex flex-row items-center justify-between gap-2\">\n              <CardTitle>Progress Overview</CardTitle>\n              <RoadmapItemDialog roadmapId={roadmap.id} lanes={lanes} />\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          {items.length === 0 && (\n            <p className=\"rounded-md border border-dashed p-6 text-center text-sm text-muted-foreground\">\n              This roadmap has no items yet. Use <span className=\"font-medium\">Add item</span> to\n              plan the first one.\n            </p>\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.length > 60\n                            ? `${item.description.slice(0, 60)}…`\n                            : item.description}\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                      <RoadmapItemDialog roadmapId={roadmap.id} item={item} lanes={lanes} />\n                      <RemoveRoadmapItemButton id={item.id} title={item.title} />\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\">Planning focus</span>\n                <PlanningFocusBadge focus={roadmap.planningFocus} />\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/ProjectsEditProjectPagePage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ProjectsEditProjectPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,2BAA2B,4CAqM1C"}
+{"version":3,"file":"ProjectsEditProjectPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,2BAA2B,4CAoO1C"}