@burdenoff/microfe-planmagnet 2026.927.1 → 2026.927.2

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.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 { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\n\nconst GET_FEATURE_REQUEST = gql`\n  query GetFeatureRequest($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      workspaceId\n      projectId\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      submittedBy\n      workItemId\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n        description\n        website\n      }\n    }\n  }\n`;\n\ninterface FeatureVoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  description: string | null;\n  website: string | null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const featureId = 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_FEATURE_REQUEST, {\n      variables: { id: featureId },\n      skip: !featureId,\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 feature: {error.message}</div>;\n  }\n\n  const feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n  const votes: FeatureVoteNode[] = feature.votes ?? [];\n  const competitors: CompetitorNode[] = feature.competitors ?? [];\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>\n          <h1 className=\"text-2xl font-semibold\">{feature.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Submitted by: {feature.submittedBy} &middot; Effort: {feature.effortEstimate ?? 'N/A'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <span\n            className={`text-xs px-2 py-1 rounded-full capitalize ${statusColor[feature.status] ?? 'bg-gray-100'}`}\n          >\n            {feature.status.toLowerCase().replace('_', ' ')}\n          </span>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-primary\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-muted-foreground\">Votes</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Business Value</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Competitors</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Votes ({votes.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n              {votes.map((vote) => (\n                <div\n                  key={vote.id}\n                  className=\"flex items-start justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">Voter: {vote.voterId}</p>\n                    {vote.comment && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n                    )}\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                    <span className=\"text-sm font-bold\">{vote.weight}</span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {competitors.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Competitor Analysis ({competitors.length})</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {competitors.map((comp) => (\n                  <div key={comp.id} className=\"border rounded-md p-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <p className=\"text-sm font-medium\">{comp.name}</p>\n                      {comp.website && <span className=\"text-xs text-primary\">{comp.website}</span>}\n                    </div>\n                    {comp.description && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{comp.description}</p>\n                    )}\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-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"secondary\" className=\"capitalize\">\n                  {feature.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority Score</span>\n                <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Effort</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {feature.effortEstimate ?? 'N/A'}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Business Value</span>\n                <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Submitted By</span>\n                <span>{feature.submittedBy}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {feature.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {feature.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsFeatureDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.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 { Star, ThumbsUp, MessageSquare, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router';\nimport { PersonName } from '../people/People';\n\nconst GET_FEATURE_REQUEST = gql`\n  query GetFeatureRequest($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      workspaceId\n      projectId\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      submittedBy\n      workItemId\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n        description\n        website\n      }\n    }\n  }\n`;\n\ninterface FeatureVoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  description: string | null;\n  website: string | null;\n}\n\nexport function ProductsFeatureDetailPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const params = useParams<{ id: string }>();\n  const featureId = 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_FEATURE_REQUEST, {\n      variables: { id: featureId },\n      skip: !featureId,\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 feature: {error.message}</div>;\n  }\n\n  const feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n  const votes: FeatureVoteNode[] = feature.votes ?? [];\n  const competitors: CompetitorNode[] = feature.competitors ?? [];\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>\n          <h1 className=\"text-2xl font-semibold\">{feature.title}</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Submitted by: <PersonName id={feature.submittedBy} /> &middot; Effort:{' '}\n            {feature.effortEstimate ?? 'N/A'}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <span\n            className={`text-xs px-2 py-1 rounded-full capitalize ${statusColor[feature.status] ?? 'bg-gray-100'}`}\n          >\n            {feature.status.toLowerCase().replace('_', ' ')}\n          </span>\n        </div>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Target className=\"h-5 w-5 mx-auto text-primary\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Priority Score</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <ThumbsUp className=\"h-5 w-5 mx-auto text-green-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-muted-foreground\">Votes</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <Star className=\"h-5 w-5 mx-auto text-yellow-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n            <p className=\"text-xs text-muted-foreground\">Business Value</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4 text-center\">\n            <MessageSquare className=\"h-5 w-5 mx-auto text-blue-500\" />\n            <p className=\"text-2xl font-bold mt-1\">{competitors.length}</p>\n            <p className=\"text-xs text-muted-foreground\">Competitors</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Description</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{feature.description ?? 'No description provided.'}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Votes ({votes.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              {votes.length === 0 && <p className=\"text-sm text-muted-foreground\">No votes yet.</p>}\n              {votes.map((vote) => (\n                <div\n                  key={vote.id}\n                  className=\"flex items-start justify-between border rounded-md p-3\"\n                >\n                  <div>\n                    <p className=\"text-sm font-medium\">\n                      Voter: <PersonName id={vote.voterId} />\n                    </p>\n                    {vote.comment && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{vote.comment}</p>\n                    )}\n                  </div>\n                  <div className=\"flex items-center gap-1\">\n                    <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                    <span className=\"text-sm font-bold\">{vote.weight}</span>\n                  </div>\n                </div>\n              ))}\n            </CardContent>\n          </Card>\n\n          {competitors.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Competitor Analysis ({competitors.length})</CardTitle>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                {competitors.map((comp) => (\n                  <div key={comp.id} className=\"border rounded-md p-3\">\n                    <div className=\"flex items-center justify-between\">\n                      <p className=\"text-sm font-medium\">{comp.name}</p>\n                      {comp.website && <span className=\"text-xs text-primary\">{comp.website}</span>}\n                    </div>\n                    {comp.description && (\n                      <p className=\"text-xs text-muted-foreground mt-1\">{comp.description}</p>\n                    )}\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-3 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Status</span>\n                <Badge variant=\"secondary\" className=\"capitalize\">\n                  {feature.status.toLowerCase().replace('_', ' ')}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Priority Score</span>\n                <Badge variant=\"outline\">{feature.priorityScore ?? 'N/A'}</Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Effort</span>\n                <Badge variant=\"outline\" className=\"capitalize\">\n                  {feature.effortEstimate ?? 'N/A'}\n                </Badge>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Business Value</span>\n                <span className=\"font-medium\">{feature.businessValue ?? 'N/A'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Submitted By</span>\n                <PersonName id={feature.submittedBy} />\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {feature.tags?.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {feature.tags.map((tag: string) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,wBAAwB,4CAiNvC"}
+{"version":3,"file":"ProductsFeaturesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.tsx"],"names":[],"mappings":"AAuEA,wBAAgB,wBAAwB,4CAoNvC"}

package/dist/planmagnet/pages/ProductsFeaturesPagePage.js

@@ -1,13 +1,14 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
-import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
-import { useState as i } from "react";
-import { ArrowUpDown as a, Filter as o, Loader2 as s, Plus as c, Star as l, Target as u, ThumbsUp as d } from "lucide-react";
-import { gql as f } from "@apollo/client";
-import { useQuery as p } from "@apollo/client/react";
-import { jsx as m, jsxs as h } from "react/jsx-runtime";
-import { Badge as g, Button as _, Card as v, CardContent as y } from "@burdenoff/fe-libs/ui";
+import { PersonName as n } from "../people/People.js";
+import { detailPath as r, rowLinkProps as i } from "../utils/rowNavigation.js";
+import { useState as a } from "react";
+import { ArrowUpDown as o, Filter as s, Loader2 as c, Plus as l, Star as u, Target as d, ThumbsUp as f } from "lucide-react";
+import { gql as p } from "@apollo/client";
+import { useQuery as m } from "@apollo/client/react";
+import { jsx as h, jsxs as g } from "react/jsx-runtime";
+import { Badge as _, Button as v, Card as y, CardContent as b } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsFeaturesPagePage.tsx
-var b = f`
+var x = p`
   query ListFeatureRequests(
     $workspaceId: ID!
     $filter: PlanmagnetFeatureRequestFilter
@@ -31,7 +32,7 @@ var b = f`
       totalCount
     }
   }
-`, x = {
+`, S = {
 	SUBMITTED: "bg-gray-100 text-gray-800",
 	UNDER_REVIEW: "bg-yellow-100 text-yellow-800",
 	PLANNED: "bg-blue-100 text-blue-800",
@@ -40,27 +41,27 @@ var b = f`
 	DECLINED: "bg-red-100 text-red-800",
 	DUPLICATE: "bg-orange-100 text-orange-800"
 };
-function S() {
-	let f = t(), { workspaceId: S } = e(), [C, w] = i("all"), [T, E] = i("priorityScore"), { data: D, loading: O, error: k } = p(b, {
+function C() {
+	let p = t(), { workspaceId: C } = e(), [w, T] = a("all"), [E, D] = a("priorityScore"), { data: O, loading: k, error: A } = m(x, {
 		variables: {
-			workspaceId: S,
-			filter: C === "all" ? void 0 : { status: C },
+			workspaceId: C,
+			filter: w === "all" ? void 0 : { status: w },
 			pagination: { first: 50 }
 		},
-		skip: !S
+		skip: !C
 	});
-	if (O && !D) return /* @__PURE__ */ m("div", {
+	if (k && !O) return /* @__PURE__ */ h("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ m(s, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+		children: /* @__PURE__ */ h(c, { className: "h-8 w-8 animate-spin text-muted-foreground" })
 	});
-	if (k) return /* @__PURE__ */ h("div", {
+	if (A) return /* @__PURE__ */ g("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load features: ", k.message]
+		children: ["Failed to load features: ", A.message]
 	});
-	let A = D?.planmagnetFeatureRequests?.items ?? [], j = D?.planmagnetFeatureRequests?.totalCount ?? 0, M = [...A].sort((e, t) => {
-		let n = e[T] ?? 0;
-		return (t[T] ?? 0) - n;
-	}), N = [
+	let j = O?.planmagnetFeatureRequests?.items ?? [], M = O?.planmagnetFeatureRequests?.totalCount ?? 0, N = [...j].sort((e, t) => {
+		let n = e[E] ?? 0;
+		return (t[E] ?? 0) - n;
+	}), P = [
 		"all",
 		"SUBMITTED",
 		"UNDER_REVIEW",
@@ -69,176 +70,176 @@ function S() {
 		"COMPLETED",
 		"DECLINED",
 		"DUPLICATE"
-	], P = {
-		total: j,
-		inProgress: A.filter((e) => e.status === "IN_PROGRESS").length,
-		completed: A.filter((e) => e.status === "COMPLETED").length,
-		avgPriority: A.length > 0 ? Math.round(A.reduce((e, t) => e + (t.priorityScore ?? 0), 0) / A.length) : 0
+	], F = {
+		total: M,
+		inProgress: j.filter((e) => e.status === "IN_PROGRESS").length,
+		completed: j.filter((e) => e.status === "COMPLETED").length,
+		avgPriority: j.length > 0 ? Math.round(j.reduce((e, t) => e + (t.priorityScore ?? 0), 0) / j.length) : 0
 	};
-	return /* @__PURE__ */ h("div", {
+	return /* @__PURE__ */ g("div", {
 		className: "space-y-6 p-6",
 		children: [
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ h("div", { children: [/* @__PURE__ */ m("h1", {
+				children: [/* @__PURE__ */ g("div", { children: [/* @__PURE__ */ h("h1", {
 					className: "text-2xl font-semibold",
 					children: "Features"
-				}), /* @__PURE__ */ h("p", {
+				}), /* @__PURE__ */ g("p", {
 					className: "text-sm text-muted-foreground",
-					children: [j, " feature requests across all products"]
-				})] }), /* @__PURE__ */ h(_, {
+					children: [M, " feature requests across all products"]
+				})] }), /* @__PURE__ */ g(v, {
 					size: "sm",
-					onClick: () => f("/products/new-feature-page"),
-					children: [/* @__PURE__ */ m(c, { className: "mr-1 h-4 w-4" }), "New Feature"]
+					onClick: () => p("/products/new-feature-page"),
+					children: [/* @__PURE__ */ h(l, { className: "mr-1 h-4 w-4" }), "New Feature"]
 				})]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
 				children: [
-					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Total Features"
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold",
-							children: P.total
+							children: F.total
 						})]
 					}) }),
-					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-muted-foreground",
 							children: "In Progress"
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold",
-							children: P.inProgress
+							children: F.inProgress
 						})]
 					}) }),
-					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Completed"
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold",
-							children: P.completed
+							children: F.completed
 						})]
 					}) }),
-					/* @__PURE__ */ m(v, { children: /* @__PURE__ */ h(y, {
+					/* @__PURE__ */ h(y, { children: /* @__PURE__ */ g(b, {
 						className: "pt-4",
-						children: [/* @__PURE__ */ m("p", {
+						children: [/* @__PURE__ */ h("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Avg Priority Score"
-						}), /* @__PURE__ */ m("p", {
+						}), /* @__PURE__ */ h("p", {
 							className: "text-xl font-bold",
-							children: P.avgPriority
+							children: F.avgPriority
 						})]
 					}) })
 				]
 			}),
-			/* @__PURE__ */ h("div", {
+			/* @__PURE__ */ g("div", {
 				className: "flex items-center justify-between flex-wrap gap-2",
-				children: [/* @__PURE__ */ h("div", {
+				children: [/* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m(o, { className: "h-4 w-4 text-muted-foreground" }), N.map((e) => /* @__PURE__ */ m("button", {
-						onClick: () => w(e),
-						className: `px-2 py-1 text-xs rounded-md capitalize ${C === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+					children: [/* @__PURE__ */ h(s, { className: "h-4 w-4 text-muted-foreground" }), P.map((e) => /* @__PURE__ */ h("button", {
+						onClick: () => T(e),
+						className: `px-2 py-1 text-xs rounded-md capitalize ${w === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 						children: e === "all" ? "All" : e.toLowerCase().replace("_", " ")
 					}, e))]
-				}), /* @__PURE__ */ h("div", {
+				}), /* @__PURE__ */ g("div", {
 					className: "flex items-center gap-2",
-					children: [/* @__PURE__ */ m(a, { className: "h-4 w-4 text-muted-foreground" }), [
+					children: [/* @__PURE__ */ h(o, { className: "h-4 w-4 text-muted-foreground" }), [
 						"priorityScore",
 						"voteCount",
 						"businessValue"
-					].map((e) => /* @__PURE__ */ m("button", {
-						onClick: () => E(e),
-						className: `px-2 py-1 text-xs rounded-md capitalize ${T === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+					].map((e) => /* @__PURE__ */ h("button", {
+						onClick: () => D(e),
+						className: `px-2 py-1 text-xs rounded-md capitalize ${E === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
 						children: e === "priorityScore" ? "Priority" : e === "voteCount" ? "Votes" : "Value"
 					}, e))]
 				})]
 			}),
-			/* @__PURE__ */ m("div", {
+			/* @__PURE__ */ h("div", {
 				className: "space-y-3",
-				children: M.map((e) => /* @__PURE__ */ m(v, {
-					...r(() => f(n("/products/feature-detail-page", e.id)), e.title),
-					children: /* @__PURE__ */ m(y, {
+				children: N.map((e) => /* @__PURE__ */ h(y, {
+					...i(() => p(r("/products/feature-detail-page", e.id)), e.title),
+					children: /* @__PURE__ */ h(b, {
 						className: "py-4",
-						children: /* @__PURE__ */ h("div", {
+						children: /* @__PURE__ */ g("div", {
 							className: "flex items-start justify-between gap-4",
-							children: [/* @__PURE__ */ h("div", {
+							children: [/* @__PURE__ */ g("div", {
 								className: "flex-1 space-y-2",
 								children: [
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-2",
-										children: [/* @__PURE__ */ m("span", {
+										children: [/* @__PURE__ */ h("span", {
 											className: "text-sm font-medium",
 											children: e.title
-										}), /* @__PURE__ */ m("span", {
-											className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${x[e.status] ?? "bg-gray-100"}`,
+										}), /* @__PURE__ */ h("span", {
+											className: `text-[10px] px-1.5 py-0.5 rounded-full capitalize ${S[e.status] ?? "bg-gray-100"}`,
 											children: e.status.toLowerCase().replace("_", " ")
 										})]
 									}),
-									/* @__PURE__ */ m("p", {
+									/* @__PURE__ */ h("p", {
 										className: "text-xs text-muted-foreground",
 										children: e.description
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ g("div", {
 										className: "flex items-center gap-4 text-xs text-muted-foreground",
 										children: [
-											/* @__PURE__ */ h("span", { children: ["Effort: ", e.effortEstimate ?? "N/A"] }),
-											/* @__PURE__ */ h("span", { children: ["Submitted by: ", e.submittedBy] }),
-											/* @__PURE__ */ m("span", { children: new Date(e.updatedAt).toLocaleDateString() })
+											/* @__PURE__ */ g("span", { children: ["Effort: ", e.effortEstimate ?? "N/A"] }),
+											/* @__PURE__ */ g("span", { children: ["Submitted by: ", /* @__PURE__ */ h(n, { id: e.submittedBy })] }),
+											/* @__PURE__ */ h("span", { children: new Date(e.updatedAt).toLocaleDateString() })
 										]
 									}),
-									e.tags.length > 0 && /* @__PURE__ */ m("div", {
+									e.tags.length > 0 && /* @__PURE__ */ h("div", {
 										className: "flex gap-1",
-										children: e.tags.map((e) => /* @__PURE__ */ m(g, {
+										children: e.tags.map((e) => /* @__PURE__ */ h(_, {
 											variant: "outline",
 											className: "text-[10px]",
 											children: e
 										}, e))
 									})
 								]
-							}), /* @__PURE__ */ h("div", {
+							}), /* @__PURE__ */ g("div", {
 								className: "flex items-center gap-4 shrink-0",
 								children: [
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ g("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ h("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ m(u, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ m("span", {
+											children: [/* @__PURE__ */ h(d, { className: "h-3 w-3 text-primary" }), /* @__PURE__ */ h("span", {
 												className: "text-sm font-bold",
 												children: e.priorityScore ?? 0
 											})]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Priority"
 										})]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ g("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ h("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ m(d, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ m("span", {
+											children: [/* @__PURE__ */ h(f, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ h("span", {
 												className: "text-sm font-bold",
 												children: e.voteCount
 											})]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Votes"
 										})]
 									}),
-									/* @__PURE__ */ h("div", {
+									/* @__PURE__ */ g("div", {
 										className: "text-center",
-										children: [/* @__PURE__ */ h("div", {
+										children: [/* @__PURE__ */ g("div", {
 											className: "flex items-center gap-1",
-											children: [/* @__PURE__ */ m(l, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ m("span", {
+											children: [/* @__PURE__ */ h(u, { className: "h-3 w-3 text-yellow-500" }), /* @__PURE__ */ h("span", {
 												className: "text-sm font-bold",
 												children: e.businessValue ?? 0
 											})]
-										}), /* @__PURE__ */ m("p", {
+										}), /* @__PURE__ */ h("p", {
 											className: "text-[10px] text-muted-foreground",
 											children: "Value"
 										})]
@@ -249,7 +250,7 @@ function S() {
 					})
 				}, e.id))
 			}),
-			M.length === 0 && /* @__PURE__ */ m("p", {
+			N.length === 0 && /* @__PURE__ */ h("p", {
 				className: "text-center text-muted-foreground py-8",
 				children: "No features match the selected filters."
 			})
@@ -257,6 +258,6 @@ function S() {
 	});
 }
 //#endregion
-export { S as ProductsFeaturesPagePage };
+export { C as ProductsFeaturesPagePage };
 
 //# sourceMappingURL=ProductsFeaturesPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeaturesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.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 {\n  Star,\n  Plus,\n  ThumbsUp,\n  MessageSquare,\n  Target,\n  Filter,\n  ArrowUpDown,\n  Loader2,\n} from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst LIST_FEATURE_REQUESTS = gql`\n  query ListFeatureRequests(\n    $workspaceId: ID!\n    $filter: PlanmagnetFeatureRequestFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        description\n        status\n        businessValue\n        effortEstimate\n        priorityScore\n        voteCount\n        submittedBy\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  businessValue: number | null;\n  effortEstimate: string | null;\n  priorityScore: number | null;\n  voteCount: number;\n  submittedBy: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst 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  DUPLICATE: 'bg-orange-100 text-orange-800',\n};\n\nexport function ProductsFeaturesPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n  const [sortBy, setSortBy] = useState<'priorityScore' | 'voteCount' | 'businessValue'>(\n    'priorityScore'\n  );\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_FEATURE_REQUESTS, {\n      variables: {\n        workspaceId,\n        filter: statusFilter !== 'all' ? { status: statusFilter } : undefined,\n        pagination: { first: 50 },\n      },\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 features: {error.message}</div>;\n  }\n\n  const features: FeatureRequestNode[] = data?.planmagnetFeatureRequests?.items ?? [];\n  const totalCount = data?.planmagnetFeatureRequests?.totalCount ?? 0;\n\n  const sorted = [...features].sort((a, b) => {\n    const aVal = a[sortBy] ?? 0;\n    const bVal = b[sortBy] ?? 0;\n    return (bVal as number) - (aVal as number);\n  });\n\n  const statuses = [\n    'all',\n    'SUBMITTED',\n    'UNDER_REVIEW',\n    'PLANNED',\n    'IN_PROGRESS',\n    'COMPLETED',\n    'DECLINED',\n    'DUPLICATE',\n  ];\n\n  const stats = {\n    total: totalCount,\n    inProgress: features.filter((f) => f.status === 'IN_PROGRESS').length,\n    completed: features.filter((f) => f.status === 'COMPLETED').length,\n    avgPriority:\n      features.length > 0\n        ? Math.round(features.reduce((s, f) => s + (f.priorityScore ?? 0), 0) / features.length)\n        : 0,\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Features</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalCount} feature requests across all products\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/new-feature-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Feature\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Total Features</p>\n            <p className=\"text-xl font-bold\">{stats.total}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">In Progress</p>\n            <p className=\"text-xl font-bold\">{stats.inProgress}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Completed</p>\n            <p className=\"text-xl font-bold\">{stats.completed}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Avg Priority Score</p>\n            <p className=\"text-xl font-bold\">{stats.avgPriority}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          {statuses.map((s) => (\n            <button\n              key={s}\n              onClick={() => setStatusFilter(s)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${statusFilter === s ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {s === 'all' ? 'All' : s.toLowerCase().replace('_', ' ')}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <ArrowUpDown className=\"h-4 w-4 text-muted-foreground\" />\n          {(['priorityScore', 'voteCount', 'businessValue'] as const).map((s) => (\n            <button\n              key={s}\n              onClick={() => setSortBy(s)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${sortBy === s ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {s === 'priorityScore' ? 'Priority' : s === 'voteCount' ? 'Votes' : 'Value'}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-3\">\n        {sorted.map((feature) => (\n          <Card\n            key={feature.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/feature-detail-page', feature.id)),\n              feature.title\n            )}\n          >\n            <CardContent className=\"py-4\">\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{feature.title}</span>\n                    <span\n                      className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${statusColor[feature.status] ?? 'bg-gray-100'}`}\n                    >\n                      {feature.status.toLowerCase().replace('_', ' ')}\n                    </span>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{feature.description}</p>\n                  <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                    <span>Effort: {feature.effortEstimate ?? 'N/A'}</span>\n                    <span>Submitted by: {feature.submittedBy}</span>\n                    <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n                  </div>\n                  {feature.tags.length > 0 && (\n                    <div className=\"flex gap-1\">\n                      {feature.tags.map((tag) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-[10px]\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-4 shrink-0\">\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <Target className=\"h-3 w-3 text-primary\" />\n                      <span className=\"text-sm font-bold\">{feature.priorityScore ?? 0}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Priority</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                      <span className=\"text-sm font-bold\">{feature.voteCount}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Votes</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 text-yellow-500\" />\n                      <span className=\"text-sm font-bold\">{feature.businessValue ?? 0}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Value</p>\n                  </div>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {sorted.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No features match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsFeaturesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeaturesPagePage.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 {\n  Star,\n  Plus,\n  ThumbsUp,\n  MessageSquare,\n  Target,\n  Filter,\n  ArrowUpDown,\n  Loader2,\n} from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\nimport { PersonName } from '../people/People';\n\nconst LIST_FEATURE_REQUESTS = gql`\n  query ListFeatureRequests(\n    $workspaceId: ID!\n    $filter: PlanmagnetFeatureRequestFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        title\n        description\n        status\n        businessValue\n        effortEstimate\n        priorityScore\n        voteCount\n        submittedBy\n        tags\n        createdAt\n        updatedAt\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  description: string | null;\n  status: string;\n  businessValue: number | null;\n  effortEstimate: string | null;\n  priorityScore: number | null;\n  voteCount: number;\n  submittedBy: string;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nconst 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  DUPLICATE: 'bg-orange-100 text-orange-800',\n};\n\nexport function ProductsFeaturesPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [statusFilter, setStatusFilter] = useState<string>('all');\n  const [sortBy, setSortBy] = useState<'priorityScore' | 'voteCount' | 'businessValue'>(\n    'priorityScore'\n  );\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_FEATURE_REQUESTS, {\n      variables: {\n        workspaceId,\n        filter: statusFilter !== 'all' ? { status: statusFilter } : undefined,\n        pagination: { first: 50 },\n      },\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 features: {error.message}</div>;\n  }\n\n  const features: FeatureRequestNode[] = data?.planmagnetFeatureRequests?.items ?? [];\n  const totalCount = data?.planmagnetFeatureRequests?.totalCount ?? 0;\n\n  const sorted = [...features].sort((a, b) => {\n    const aVal = a[sortBy] ?? 0;\n    const bVal = b[sortBy] ?? 0;\n    return (bVal as number) - (aVal as number);\n  });\n\n  const statuses = [\n    'all',\n    'SUBMITTED',\n    'UNDER_REVIEW',\n    'PLANNED',\n    'IN_PROGRESS',\n    'COMPLETED',\n    'DECLINED',\n    'DUPLICATE',\n  ];\n\n  const stats = {\n    total: totalCount,\n    inProgress: features.filter((f) => f.status === 'IN_PROGRESS').length,\n    completed: features.filter((f) => f.status === 'COMPLETED').length,\n    avgPriority:\n      features.length > 0\n        ? Math.round(features.reduce((s, f) => s + (f.priorityScore ?? 0), 0) / features.length)\n        : 0,\n  };\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Features</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalCount} feature requests across all products\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/new-feature-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Feature\n        </Button>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Total Features</p>\n            <p className=\"text-xl font-bold\">{stats.total}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">In Progress</p>\n            <p className=\"text-xl font-bold\">{stats.inProgress}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Completed</p>\n            <p className=\"text-xl font-bold\">{stats.completed}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <p className=\"text-xs text-muted-foreground\">Avg Priority Score</p>\n            <p className=\"text-xl font-bold\">{stats.avgPriority}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"flex items-center justify-between flex-wrap gap-2\">\n        <div className=\"flex items-center gap-2\">\n          <Filter className=\"h-4 w-4 text-muted-foreground\" />\n          {statuses.map((s) => (\n            <button\n              key={s}\n              onClick={() => setStatusFilter(s)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${statusFilter === s ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {s === 'all' ? 'All' : s.toLowerCase().replace('_', ' ')}\n            </button>\n          ))}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          <ArrowUpDown className=\"h-4 w-4 text-muted-foreground\" />\n          {(['priorityScore', 'voteCount', 'businessValue'] as const).map((s) => (\n            <button\n              key={s}\n              onClick={() => setSortBy(s)}\n              className={`px-2 py-1 text-xs rounded-md capitalize ${sortBy === s ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n            >\n              {s === 'priorityScore' ? 'Priority' : s === 'voteCount' ? 'Votes' : 'Value'}\n            </button>\n          ))}\n        </div>\n      </div>\n\n      <div className=\"space-y-3\">\n        {sorted.map((feature) => (\n          <Card\n            key={feature.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/feature-detail-page', feature.id)),\n              feature.title\n            )}\n          >\n            <CardContent className=\"py-4\">\n              <div className=\"flex items-start justify-between gap-4\">\n                <div className=\"flex-1 space-y-2\">\n                  <div className=\"flex items-center gap-2\">\n                    <span className=\"text-sm font-medium\">{feature.title}</span>\n                    <span\n                      className={`text-[10px] px-1.5 py-0.5 rounded-full capitalize ${statusColor[feature.status] ?? 'bg-gray-100'}`}\n                    >\n                      {feature.status.toLowerCase().replace('_', ' ')}\n                    </span>\n                  </div>\n                  <p className=\"text-xs text-muted-foreground\">{feature.description}</p>\n                  <div className=\"flex items-center gap-4 text-xs text-muted-foreground\">\n                    <span>Effort: {feature.effortEstimate ?? 'N/A'}</span>\n                    {/* By name, not user UUID (BOFF-7950). */}\n                    <span>\n                      Submitted by: <PersonName id={feature.submittedBy} />\n                    </span>\n                    <span>{new Date(feature.updatedAt).toLocaleDateString()}</span>\n                  </div>\n                  {feature.tags.length > 0 && (\n                    <div className=\"flex gap-1\">\n                      {feature.tags.map((tag) => (\n                        <Badge key={tag} variant=\"outline\" className=\"text-[10px]\">\n                          {tag}\n                        </Badge>\n                      ))}\n                    </div>\n                  )}\n                </div>\n                <div className=\"flex items-center gap-4 shrink-0\">\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <Target className=\"h-3 w-3 text-primary\" />\n                      <span className=\"text-sm font-bold\">{feature.priorityScore ?? 0}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Priority</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <ThumbsUp className=\"h-3 w-3 text-green-500\" />\n                      <span className=\"text-sm font-bold\">{feature.voteCount}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Votes</p>\n                  </div>\n                  <div className=\"text-center\">\n                    <div className=\"flex items-center gap-1\">\n                      <Star className=\"h-3 w-3 text-yellow-500\" />\n                      <span className=\"text-sm font-bold\">{feature.businessValue ?? 0}</span>\n                    </div>\n                    <p className=\"text-[10px] text-muted-foreground\">Value</p>\n                  </div>\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {sorted.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          No features match the selected filters.\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,6BAA6B,4CAyN5C"}
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,6BAA6B,4CA0N5C"}

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js

@@ -131,7 +131,7 @@ function S() {
 					},
 					{
 						label: "Owner",
-						value: O.ownerId,
+						value: /* @__PURE__ */ f(t, { id: O.ownerId }),
 						icon: c
 					}
 				].map((e) => /* @__PURE__ */ f(h, { children: /* @__PURE__ */ p(g, {

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          { label: 'Owner', value: 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';\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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"}

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":"AA6CA,wBAAgB,2BAA2B,4CA+L1C"}
+{"version":3,"file":"ProjectsEditProjectPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProjectsEditProjectPagePage.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,2BAA2B,4CAqM1C"}