@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsFeatureDetailPagePage.js

@@ -0,0 +1,291 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { Loader2 as t, MessageSquare as n, Star as r, Target as i, ThumbsUp as a } from "lucide-react";
+import { useParams as o } from "react-router-dom";
+import { gql as s } from "@apollo/client";
+import { useQuery as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Badge as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx
+var g = s`
+  query GetFeatureRequest($id: ID!) {
+    planmagnetFeatureRequest(id: $id) {
+      id
+      workspaceId
+      projectId
+      title
+      description
+      status
+      businessValue
+      effortEstimate
+      priorityScore
+      voteCount
+      submittedBy
+      workItemId
+      tags
+      createdAt
+      updatedAt
+      votes {
+        id
+        voterId
+        weight
+        comment
+        createdAt
+      }
+      competitors {
+        id
+        name
+        description
+        website
+      }
+    }
+  }
+`;
+function _() {
+	let { workspaceId: s } = e(), _ = o().id ?? "", { data: v, loading: y, error: b } = c(g, {
+		variables: { id: _ },
+		skip: !_
+	});
+	if (y) return /* @__PURE__ */ l("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ l(t, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (b) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load feature: ", b.message]
+	});
+	let x = v?.planmagnetFeatureRequest;
+	if (!x) return /* @__PURE__ */ l("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Feature not found."
+	});
+	let S = x.votes ?? [], C = x.competitors ?? [];
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-semibold",
+					children: x.title
+				}), /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						"Submitted by: ",
+						x.submittedBy,
+						" · Effort: ",
+						x.effortEstimate ?? "N/A"
+					]
+				})] }), /* @__PURE__ */ l("div", {
+					className: "flex gap-2",
+					children: /* @__PURE__ */ l("span", {
+						className: `text-xs px-2 py-1 rounded-full capitalize ${{
+							SUBMITTED: "bg-gray-100 text-gray-800",
+							UNDER_REVIEW: "bg-yellow-100 text-yellow-800",
+							PLANNED: "bg-blue-100 text-blue-800",
+							IN_PROGRESS: "bg-purple-100 text-purple-800",
+							COMPLETED: "bg-green-100 text-green-800",
+							DECLINED: "bg-red-100 text-red-800"
+						}[x.status] ?? "bg-gray-100"}`,
+						children: x.status.toLowerCase().replace("_", " ")
+					})
+				})]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4 text-center",
+						children: [
+							/* @__PURE__ */ l(i, { className: "h-5 w-5 mx-auto text-primary" }),
+							/* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold mt-1",
+								children: x.priorityScore ?? 0
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Priority Score"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4 text-center",
+						children: [
+							/* @__PURE__ */ l(a, { className: "h-5 w-5 mx-auto text-green-500" }),
+							/* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold mt-1",
+								children: x.voteCount
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Votes"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4 text-center",
+						children: [
+							/* @__PURE__ */ l(r, { className: "h-5 w-5 mx-auto text-yellow-500" }),
+							/* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold mt-1",
+								children: x.businessValue ?? 0
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Business Value"
+							})
+						]
+					}) }),
+					/* @__PURE__ */ l(f, { children: /* @__PURE__ */ u(p, {
+						className: "pt-4 text-center",
+						children: [
+							/* @__PURE__ */ l(n, { className: "h-5 w-5 mx-auto text-blue-500" }),
+							/* @__PURE__ */ l("p", {
+								className: "text-2xl font-bold mt-1",
+								children: C.length
+							}),
+							/* @__PURE__ */ l("p", {
+								className: "text-xs text-muted-foreground",
+								children: "Competitors"
+							})
+						]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ u("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ u("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: [
+						/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Description" }) }), /* @__PURE__ */ l(p, { children: /* @__PURE__ */ l("p", {
+							className: "text-sm",
+							children: x.description ?? "No description provided."
+						}) })] }),
+						/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+							"Votes (",
+							S.length,
+							")"
+						] }) }), /* @__PURE__ */ u(p, {
+							className: "space-y-3",
+							children: [S.length === 0 && /* @__PURE__ */ l("p", {
+								className: "text-sm text-muted-foreground",
+								children: "No votes yet."
+							}), S.map((e) => /* @__PURE__ */ u("div", {
+								className: "flex items-start justify-between border rounded-md p-3",
+								children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ u("p", {
+									className: "text-sm font-medium",
+									children: ["Voter: ", e.voterId]
+								}), e.comment && /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: e.comment
+								})] }), /* @__PURE__ */ u("div", {
+									className: "flex items-center gap-1",
+									children: [/* @__PURE__ */ l(a, { className: "h-3 w-3 text-green-500" }), /* @__PURE__ */ l("span", {
+										className: "text-sm font-bold",
+										children: e.weight
+									})]
+								})]
+							}, e.id))]
+						})] }),
+						C.length > 0 && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, { children: [
+							"Competitor Analysis (",
+							C.length,
+							")"
+						] }) }), /* @__PURE__ */ l(p, {
+							className: "space-y-3",
+							children: C.map((e) => /* @__PURE__ */ u("div", {
+								className: "border rounded-md p-3",
+								children: [/* @__PURE__ */ u("div", {
+									className: "flex items-center justify-between",
+									children: [/* @__PURE__ */ l("p", {
+										className: "text-sm font-medium",
+										children: e.name
+									}), e.website && /* @__PURE__ */ l("span", {
+										className: "text-xs text-primary",
+										children: e.website
+									})]
+								}), e.description && /* @__PURE__ */ l("p", {
+									className: "text-xs text-muted-foreground mt-1",
+									children: e.description
+								})]
+							}, e.id))
+						})] })
+					]
+				}), /* @__PURE__ */ u("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Details" }) }), /* @__PURE__ */ u(p, {
+						className: "space-y-3 text-sm",
+						children: [
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Status"
+								}), /* @__PURE__ */ l(d, {
+									variant: "secondary",
+									className: "capitalize",
+									children: x.status.toLowerCase().replace("_", " ")
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Priority Score"
+								}), /* @__PURE__ */ l(d, {
+									variant: "outline",
+									children: x.priorityScore ?? "N/A"
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Effort"
+								}), /* @__PURE__ */ l(d, {
+									variant: "outline",
+									className: "capitalize",
+									children: x.effortEstimate ?? "N/A"
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Business Value"
+								}), /* @__PURE__ */ l("span", {
+									className: "font-medium",
+									children: x.businessValue ?? "N/A"
+								})]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Submitted By"
+								}), /* @__PURE__ */ l("span", { children: x.submittedBy })]
+							}),
+							/* @__PURE__ */ u("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ l("span", {
+									className: "text-muted-foreground",
+									children: "Updated"
+								}), /* @__PURE__ */ l("span", { children: new Date(x.updatedAt).toLocaleDateString() })]
+							})
+						]
+					})] }), x.tags?.length > 0 && /* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ l(h, { children: "Tags" }) }), /* @__PURE__ */ l(p, {
+						className: "flex flex-wrap gap-1",
+						children: x.tags.map((e) => /* @__PURE__ */ l(d, {
+							variant: "outline",
+							className: "text-xs",
+							children: e
+						}, e))
+					})] })]
+				})]
+			})
+		]
+	});
+}
+//#endregion
+export { _ as ProductsFeatureDetailPagePage };
+
+//# sourceMappingURL=ProductsFeatureDetailPagePage.js.map

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

@@ -0,0 +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-dom';\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  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load 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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"}

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

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

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

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

package/dist/planmagnet/pages/ProductsFeaturesPagePage.js

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

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

@@ -0,0 +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 } from '../providers/PlanMagnetProvider';\n\nconst LIST_FEATURE_REQUESTS = gql`\n  query ListFeatureRequests(\n    $workspaceId: ID!\n    $filter: FeatureRequestFilter\n    $pagination: PaginationInput\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 { 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  if (loading) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load 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\">\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 key={feature.id}>\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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"}

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

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

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

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