@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsEditReleasePagePage.js

@@ -0,0 +1,221 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useMemo as n, useState as r } from "react";
+import { ArrowLeft as i, Loader2 as a, Save as o } from "lucide-react";
+import { useParams as s } from "react-router-dom";
+import { gql as c } from "@apollo/client";
+import { useMutation as l, useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Button as p, Card as m, CardContent as h, CardHeader as g, CardTitle as _, Input as v } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsEditReleasePagePage.tsx
+var y = c`
+  query GetReleaseForEdit($id: ID!) {
+    planmagnetRelease(id: $id) {
+      id
+      name
+      description
+      version
+      status
+      plannedDate
+      releasedAt
+      releaseNotes
+      ownerId
+      tags
+    }
+  }
+`, b = c`
+  mutation UpdateRelease($id: ID!, $input: UpdateReleaseInput!) {
+    planmagnetUpdateRelease(id: $id, input: $input) {
+      id
+      name
+      description
+      version
+      status
+      plannedDate
+      releaseNotes
+      tags
+      updatedAt
+    }
+  }
+`;
+function x() {
+	let { workspaceId: c } = e(), x = t(), S = s().id ?? "", { data: C, loading: w, error: T } = u(y, {
+		variables: { id: S },
+		skip: !S
+	}), [E, { loading: D, error: O }] = l(b, { refetchQueries: ["ListReleases", "GetReleaseForEdit"] }), k = C?.planmagnetRelease, A = n(() => ({
+		version: k?.version ?? "",
+		name: k?.name ?? "",
+		description: k?.description ?? "",
+		status: k?.status ?? "DRAFT",
+		plannedDate: k?.plannedDate ? new Date(k.plannedDate).toISOString().split("T")[0] : "",
+		releaseNotes: k?.releaseNotes ?? "",
+		tags: k?.tags?.join(", ") ?? ""
+	}), [k]), [j, M] = r({}), N = {
+		...A,
+		...j
+	}, P = (e) => M(e);
+	return w ? /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ d(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : T ? /* @__PURE__ */ f("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load release: ", T.message]
+	}) : k ? /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ f("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ d(p, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => x("/products/releases"),
+						children: /* @__PURE__ */ d(i, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Release"
+					}), /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground",
+						children: [
+							k.version,
+							" - ",
+							k.name
+						]
+					})] })]
+				}), /* @__PURE__ */ f(p, {
+					size: "sm",
+					onClick: () => {
+						planmagnetUpdateRelease({ variables: {
+							id: S,
+							input: {
+								version: N.version || void 0,
+								name: N.name || void 0,
+								description: N.description || void 0,
+								status: N.status || void 0,
+								plannedDate: N.plannedDate || void 0,
+								releaseNotes: N.releaseNotes || void 0,
+								tags: N.tags ? N.tags.split(",").map((e) => e.trim()).filter(Boolean) : void 0
+							}
+						} });
+					},
+					disabled: D,
+					children: [D ? /* @__PURE__ */ d(a, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ d(o, { className: "mr-1 h-4 w-4" }), "Save Changes"]
+				})]
+			}),
+			O && /* @__PURE__ */ f("div", {
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to save: ", O.message]
+			}),
+			/* @__PURE__ */ f(m, { children: [/* @__PURE__ */ d(g, { children: /* @__PURE__ */ d(_, { children: "Release Details" }) }), /* @__PURE__ */ f(h, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ f("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							className: "text-sm font-medium",
+							children: "Version"
+						}), /* @__PURE__ */ d(v, {
+							value: N.version,
+							onChange: (e) => P({
+								...N,
+								version: e.target.value
+							}),
+							className: "mt-1",
+							placeholder: "v1.0.0"
+						})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							className: "text-sm font-medium",
+							children: "Name"
+						}), /* @__PURE__ */ d(v, {
+							value: N.name,
+							onChange: (e) => P({
+								...N,
+								name: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					}),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ d("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: N.description,
+						onChange: (e) => P({
+							...N,
+							description: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ f("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							className: "text-sm font-medium",
+							children: "Status"
+						}), /* @__PURE__ */ d("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: N.status,
+							onChange: (e) => P({
+								...N,
+								status: e.target.value
+							}),
+							children: [
+								"DRAFT",
+								"PLANNING",
+								"IN_PROGRESS",
+								"READY",
+								"RELEASED",
+								"CANCELLED",
+								"ROLLED_BACK"
+							].map((e) => /* @__PURE__ */ d("option", {
+								value: e,
+								className: "capitalize",
+								children: e.toLowerCase().replace("_", " ")
+							}, e))
+						})] }), /* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+							className: "text-sm font-medium",
+							children: "Planned Date"
+						}), /* @__PURE__ */ d(v, {
+							type: "date",
+							value: N.plannedDate,
+							onChange: (e) => P({
+								...N,
+								plannedDate: e.target.value
+							}),
+							className: "mt-1"
+						})] })]
+					}),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ d(v, {
+						value: N.tags,
+						onChange: (e) => P({
+							...N,
+							tags: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. critical, security, performance"
+					})] }),
+					/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("label", {
+						className: "text-sm font-medium",
+						children: "Release Notes"
+					}), /* @__PURE__ */ d("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[120px] font-mono",
+						value: N.releaseNotes,
+						onChange: (e) => P({
+							...N,
+							releaseNotes: e.target.value
+						}),
+						placeholder: "Describe what changed in this release..."
+					})] })
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ d("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Release not found."
+	});
+}
+//#endregion
+export { x as ProductsEditReleasePagePage };
+
+//# sourceMappingURL=ProductsEditReleasePagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsEditReleasePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsEditReleasePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router-dom';\n\nconst GET_RELEASE = gql`\n  query GetReleaseForEdit($id: ID!) {\n    planmagnetRelease(id: $id) {\n      id\n      name\n      description\n      version\n      status\n      plannedDate\n      releasedAt\n      releaseNotes\n      ownerId\n      tags\n    }\n  }\n`;\n\nconst UPDATE_RELEASE = gql`\n  mutation UpdateRelease($id: ID!, $input: UpdateReleaseInput!) {\n    planmagnetUpdateRelease(id: $id, input: $input) {\n      id\n      name\n      description\n      version\n      status\n      plannedDate\n      releaseNotes\n      tags\n      updatedAt\n    }\n  }\n`;\n\nexport function ProductsEditReleasePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const releaseId = 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_RELEASE, {\n      variables: { id: releaseId },\n      skip: !releaseId,\n    });\n\n  const [updateRelease, { loading: saving, error: saveError }] = useMutation(UPDATE_RELEASE, {\n    refetchQueries: ['ListReleases', 'GetReleaseForEdit'],\n  });\n\n  const release = data?.planmagnetRelease;\n\n  const defaultForm = useMemo(\n    () => ({\n      version: release?.version ?? '',\n      name: release?.name ?? '',\n      description: release?.description ?? '',\n      status: release?.status ?? 'DRAFT',\n      plannedDate: release?.plannedDate\n        ? new Date(release.plannedDate).toISOString().split('T')[0]\n        : '',\n      releaseNotes: release?.releaseNotes ?? '',\n      tags: release?.tags?.join(', ') ?? '',\n    }),\n    [release]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (val: Record<string, string>) => setFormOverrides(val);\n\n  const statuses = [\n    'DRAFT',\n    'PLANNING',\n    'IN_PROGRESS',\n    'READY',\n    'RELEASED',\n    'CANCELLED',\n    'ROLLED_BACK',\n  ] as const;\n\n  const handleSave = () => {\n    planmagnetUpdateRelease({\n      variables: {\n        id: releaseId,\n        input: {\n          version: form.version || undefined,\n          name: form.name || undefined,\n          description: form.description || undefined,\n          status: form.status || undefined,\n          plannedDate: form.plannedDate || undefined,\n          releaseNotes: form.releaseNotes || undefined,\n          tags: form.tags\n            ? form.tags\n                .split(',')\n                .map((t: string) => t.trim())\n                .filter(Boolean)\n            : undefined,\n        },\n      },\n    });\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 release: {error.message}</div>;\n  }\n\n  if (!release) return <div className=\"p-6 text-muted-foreground\">Release not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('/products/releases')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Release</h1>\n            <p className=\"text-sm text-muted-foreground\">\n              {release.version} - {release.name}\n            </p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} disabled={saving}>\n          {saving ? (\n            <Loader2 className=\"mr-1 h-4 w-4 animate-spin\" />\n          ) : (\n            <Save className=\"mr-1 h-4 w-4\" />\n          )}\n          Save Changes\n        </Button>\n      </div>\n\n      {saveError && (\n        <div className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to save: {saveError.message}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Release Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Version</label>\n              <Input\n                value={form.version}\n                onChange={(e) => setForm({ ...form, version: e.target.value })}\n                className=\"mt-1\"\n                placeholder=\"v1.0.0\"\n              />\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Name</label>\n              <Input\n                value={form.name}\n                onChange={(e) => setForm({ ...form, name: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Status</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm\"\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n              >\n                {statuses.map((s) => (\n                  <option key={s} value={s} className=\"capitalize\">\n                    {s.toLowerCase().replace('_', ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Planned Date</label>\n              <Input\n                type=\"date\"\n                value={form.plannedDate}\n                onChange={(e) => setForm({ ...form, plannedDate: e.target.value })}\n                className=\"mt-1\"\n              />\n            </div>\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. critical, security, performance\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Release Notes</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[120px] font-mono\"\n              value={form.releaseNotes}\n              onChange={(e) => setForm({ ...form, releaseNotes: e.target.value })}\n              placeholder=\"Describe what changed in this release...\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsFeatureAnalyticsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.tsx"],"names":[],"mappings":"AA8DA,wBAAgB,gCAAgC,4CA6P/C"}

package/dist/planmagnet/pages/ProductsFeatureAnalyticsPagePage.js

@@ -0,0 +1,284 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { BarChart3 as t, Loader2 as n, Target as r, ThumbsUp as i, TrendingUp as a, Users as o } from "lucide-react";
+import { useParams as s } from "react-router-dom";
+import { gql as c } from "@apollo/client";
+import { useQuery as l } from "@apollo/client/react";
+import { jsx as u, jsxs as d } from "react/jsx-runtime";
+import { Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.tsx
+var g = c`
+  query GetFeatureRequestAnalytics($id: ID!) {
+    planmagnetFeatureRequest(id: $id) {
+      id
+      title
+      description
+      status
+      businessValue
+      effortEstimate
+      priorityScore
+      voteCount
+      submittedBy
+      tags
+      createdAt
+      updatedAt
+      votes {
+        id
+        voterId
+        weight
+        comment
+        createdAt
+      }
+      competitors {
+        id
+        name
+      }
+    }
+  }
+`, _ = c`
+  query ListAllFeaturesAnalytics($workspaceId: ID!, $pagination: PaginationInput) {
+    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {
+      items {
+        id
+        status
+        voteCount
+        businessValue
+        priorityScore
+      }
+      totalCount
+    }
+  }
+`;
+function v() {
+	let { workspaceId: c } = e(), v = s().id ?? "", { data: y, loading: b, error: x } = l(g, {
+		variables: { id: v },
+		skip: !v
+	}), { data: S } = l(_, {
+		variables: {
+			workspaceId: c,
+			pagination: { first: 100 }
+		},
+		skip: !c
+	});
+	if (b) return /* @__PURE__ */ u("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ u(n, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (x) return /* @__PURE__ */ d("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load analytics: ", x.message]
+	});
+	let C = y?.planmagnetFeatureRequest;
+	if (!C) return /* @__PURE__ */ u("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Feature not found."
+	});
+	let w = C.votes ?? [], T = C.competitors?.length ?? 0, E = S?.featureRequests?.items ?? [], D = {};
+	for (let e of w) D[e.weight] = (D[e.weight] || 0) + 1;
+	let O = Math.max(...Object.values(D), 1), k = [], A = {};
+	for (let e of w) {
+		let t = new Date(e.createdAt).toLocaleDateString();
+		A[t] = (A[t] || 0) + 1;
+	}
+	for (let [e, t] of Object.entries(A)) k.push({
+		date: e,
+		count: t
+	});
+	k.sort((e, t) => new Date(e.date).getTime() - new Date(t.date).getTime());
+	let j = Math.max(...k.map((e) => e.count), 1), M = {};
+	for (let e of E) M[e.status] = (M[e.status] || 0) + 1;
+	let N = E.slice().sort((e, t) => t.voteCount - e.voteCount).findIndex((e) => e.id === C.id) + 1;
+	return /* @__PURE__ */ d("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ d("div", { children: [/* @__PURE__ */ u("h1", {
+				className: "text-2xl font-semibold",
+				children: "Feature Analytics"
+			}), /* @__PURE__ */ d("p", {
+				className: "text-sm text-muted-foreground",
+				children: [
+					C.title,
+					" - ",
+					C.status.toLowerCase().replace("_", " ")
+				]
+			})] }),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-2 md:grid-cols-4 gap-4",
+				children: [
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ u(r, { className: "h-4 w-4" }), "Priority Score"]
+						}), /* @__PURE__ */ u("p", {
+							className: "text-2xl font-bold mt-1",
+							children: C.priorityScore ?? 0
+						})]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [
+							/* @__PURE__ */ d("div", {
+								className: "flex items-center gap-2 text-muted-foreground text-xs",
+								children: [/* @__PURE__ */ u(i, { className: "h-4 w-4" }), "Total Votes"]
+							}),
+							/* @__PURE__ */ u("p", {
+								className: "text-2xl font-bold mt-1",
+								children: C.voteCount
+							}),
+							/* @__PURE__ */ d("p", {
+								className: "text-xs text-green-600 mt-1",
+								children: [
+									"Rank #",
+									N || "N/A",
+									" of ",
+									E.length
+								]
+							})
+						]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ u(o, { className: "h-4 w-4" }), "Competitors"]
+						}), /* @__PURE__ */ u("p", {
+							className: "text-2xl font-bold mt-1",
+							children: T
+						})]
+					}) }),
+					/* @__PURE__ */ u(f, { children: /* @__PURE__ */ d(p, {
+						className: "pt-4",
+						children: [/* @__PURE__ */ d("div", {
+							className: "flex items-center gap-2 text-muted-foreground text-xs",
+							children: [/* @__PURE__ */ u(a, { className: "h-4 w-4" }), "Business Value"]
+						}), /* @__PURE__ */ u("p", {
+							className: "text-2xl font-bold mt-1",
+							children: C.businessValue ?? 0
+						})]
+					}) })
+				]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ d(h, {
+					className: "flex items-center gap-2",
+					children: [/* @__PURE__ */ u(t, { className: "h-4 w-4" }), "Vote Timeline"]
+				}) }), /* @__PURE__ */ d(p, { children: [k.length === 0 ? /* @__PURE__ */ u("p", {
+					className: "text-sm text-muted-foreground text-center py-8",
+					children: "No vote data available"
+				}) : /* @__PURE__ */ u("div", {
+					className: "flex items-end gap-1 h-48",
+					children: k.map((e) => /* @__PURE__ */ d("div", {
+						className: "flex-1 flex flex-col items-center gap-1",
+						children: [/* @__PURE__ */ u("div", {
+							className: "w-full flex justify-center",
+							children: /* @__PURE__ */ u("div", {
+								className: "w-5 bg-primary rounded-t transition-all",
+								style: { height: `${e.count / j * 160}px` }
+							})
+						}), /* @__PURE__ */ u("span", {
+							className: "text-[10px] text-muted-foreground truncate max-w-[40px]",
+							children: e.date
+						})]
+					}, e.date))
+				}), /* @__PURE__ */ u("p", {
+					className: "text-xs text-muted-foreground text-center mt-2",
+					children: "Votes over time"
+				})] })] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Vote Weight Distribution" }) }), /* @__PURE__ */ u(p, {
+					className: "space-y-4",
+					children: Object.entries(D).length === 0 ? /* @__PURE__ */ u("p", {
+						className: "text-sm text-muted-foreground text-center py-8",
+						children: "No votes recorded"
+					}) : Object.entries(D).sort(([e], [t]) => Number(e) - Number(t)).map(([e, t]) => /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+						className: "flex justify-between text-sm mb-1",
+						children: [/* @__PURE__ */ d("span", { children: ["Weight ", e] }), /* @__PURE__ */ d("span", {
+							className: "font-semibold",
+							children: [t, " votes"]
+						})]
+					}), /* @__PURE__ */ u("div", {
+						className: "w-full h-3 rounded-full bg-muted overflow-hidden",
+						children: /* @__PURE__ */ u("div", {
+							className: "h-full rounded-full bg-primary",
+							style: { width: `${t / O * 100}%` }
+						})
+					})] }, e))
+				})] })]
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
+				children: [/* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "All Features - Status Distribution" }) }), /* @__PURE__ */ u(p, {
+					className: "space-y-3",
+					children: Object.entries(M).map(([e, t]) => {
+						let n = E.length, r = n > 0 ? Math.round(t / n * 100) : 0;
+						return /* @__PURE__ */ d("div", { children: [/* @__PURE__ */ d("div", {
+							className: "flex justify-between text-sm mb-1",
+							children: [/* @__PURE__ */ u("span", {
+								className: "capitalize",
+								children: e.toLowerCase().replace("_", " ")
+							}), /* @__PURE__ */ d("span", {
+								className: "font-medium",
+								children: [
+									t,
+									" (",
+									r,
+									"%)"
+								]
+							})]
+						}), /* @__PURE__ */ u("div", {
+							className: "w-full h-2 rounded-full bg-muted overflow-hidden",
+							children: /* @__PURE__ */ u("div", {
+								className: `h-full rounded-full ${{
+									SUBMITTED: "bg-gray-400",
+									UNDER_REVIEW: "bg-yellow-400",
+									PLANNED: "bg-blue-400",
+									IN_PROGRESS: "bg-purple-400",
+									COMPLETED: "bg-green-400",
+									DECLINED: "bg-red-400",
+									DUPLICATE: "bg-orange-400"
+								}[e] ?? "bg-gray-300"}`,
+								style: { width: `${r}%` }
+							})
+						})] }, e);
+					})
+				})] }), /* @__PURE__ */ d(f, { children: [/* @__PURE__ */ u(m, { children: /* @__PURE__ */ u(h, { children: "Feature Impact" }) }), /* @__PURE__ */ d(p, {
+					className: "space-y-3",
+					children: [/* @__PURE__ */ d("div", {
+						className: "text-center p-4 bg-muted rounded-md",
+						children: [/* @__PURE__ */ u("p", {
+							className: "text-3xl font-bold text-primary",
+							children: C.voteCount
+						}), /* @__PURE__ */ u("p", {
+							className: "text-sm text-muted-foreground",
+							children: "total votes received"
+						})]
+					}), /* @__PURE__ */ d("div", {
+						className: "grid grid-cols-2 gap-2 text-center",
+						children: [/* @__PURE__ */ d("div", {
+							className: "p-3 border rounded-md",
+							children: [/* @__PURE__ */ u("p", {
+								className: "text-lg font-semibold",
+								children: C.businessValue ?? 0
+							}), /* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground",
+								children: "business value"
+							})]
+						}), /* @__PURE__ */ d("div", {
+							className: "p-3 border rounded-md",
+							children: [/* @__PURE__ */ u("p", {
+								className: "text-lg font-semibold",
+								children: C.priorityScore ?? 0
+							}), /* @__PURE__ */ u("p", {
+								className: "text-xs text-muted-foreground",
+								children: "priority score"
+							})]
+						})]
+					})]
+				})] })]
+			})
+		]
+	});
+}
+//#endregion
+export { v as ProductsFeatureAnalyticsPagePage };
+
+//# sourceMappingURL=ProductsFeatureAnalyticsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsFeatureAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.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 } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, ThumbsUp, Users, BarChart3, Target, Loader2 } from 'lucide-react';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router-dom';\n\nconst GET_FEATURE_REQUEST_ANALYTICS = gql`\n  query GetFeatureRequestAnalytics($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\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      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst LIST_ALL_FEATURES_ANALYTICS = gql`\n  query ListAllFeaturesAnalytics($workspaceId: ID!, $pagination: PaginationInput) {\n    planmagnetFeatureRequests(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        status\n        voteCount\n        businessValue\n        priorityScore\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface VoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\nexport function ProductsFeatureAnalyticsPagePage() {\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_ANALYTICS, {\n      variables: { id: featureId },\n      skip: !featureId,\n    });\n\n  const {\n    data: allFeaturesData,\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_ALL_FEATURES_ANALYTICS, {\n      variables: { workspaceId, pagination: { first: 100 } },\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 analytics: {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: VoteNode[] = feature.votes ?? [];\n  const competitorCount = feature.competitors?.length ?? 0;\n  const allFeatures = allFeaturesData?.featureRequests?.items ?? [];\n\n  // Vote distribution by weight\n  const votesByWeight: Record<number, number> = {};\n  for (const v of votes) {\n    votesByWeight[v.weight] = (votesByWeight[v.weight] || 0) + 1;\n  }\n  const maxVoteWeight = Math.max(...Object.values(votesByWeight), 1);\n\n  // Vote timeline - group by creation date\n  const voteTimeline: { date: string; count: number }[] = [];\n  const voteDateMap: Record<string, number> = {};\n  for (const v of votes) {\n    const date = new Date(v.createdAt).toLocaleDateString();\n    voteDateMap[date] = (voteDateMap[date] || 0) + 1;\n  }\n  for (const [date, count] of Object.entries(voteDateMap)) {\n    voteTimeline.push({ date, count });\n  }\n  voteTimeline.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n  const maxTimelineCount = Math.max(...voteTimeline.map((d) => d.count), 1);\n\n  // Status distribution across all features\n  const statusDistribution: Record<string, number> = {};\n  for (const f of allFeatures) {\n    statusDistribution[f.status] = (statusDistribution[f.status] || 0) + 1;\n  }\n\n  // Rank this feature among all features by vote count\n  const rankByVotes =\n    allFeatures\n      .slice()\n      .sort((a: { voteCount: number }, b: { voteCount: number }) => b.voteCount - a.voteCount)\n      .findIndex((f: { id: string }) => f.id === feature.id) + 1;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Feature Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {feature.title} - {feature.status.toLowerCase().replace('_', ' ')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Priority Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <ThumbsUp className=\"h-4 w-4\" />\n              Total Votes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-green-600 mt-1\">\n              Rank #{rankByVotes || 'N/A'} of {allFeatures.length}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Competitors\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{competitorCount}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Business Value\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Vote Timeline\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {voteTimeline.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No vote data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-1 h-48\">\n                {voteTimeline.map((d) => (\n                  <div key={d.date} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-5 bg-primary rounded-t transition-all\"\n                        style={{ height: `${(d.count / maxTimelineCount) * 160}px` }}\n                      />\n                    </div>\n                    <span className=\"text-[10px] text-muted-foreground truncate max-w-[40px]\">\n                      {d.date}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <p className=\"text-xs text-muted-foreground text-center mt-2\">Votes over time</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Vote Weight Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(votesByWeight).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">No votes recorded</p>\n            ) : (\n              Object.entries(votesByWeight)\n                .sort(([a], [b]) => Number(a) - Number(b))\n                .map(([weight, count]) => (\n                  <div key={weight}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>Weight {weight}</span>\n                      <span className=\"font-semibold\">{count} votes</span>\n                    </div>\n                    <div className=\"w-full h-3 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${(count / maxVoteWeight) * 100}%` }}\n                      />\n                    </div>\n                  </div>\n                ))\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>All Features - Status Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(statusDistribution).map(([status, count]) => {\n              const total = allFeatures.length;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                SUBMITTED: 'bg-gray-400',\n                UNDER_REVIEW: 'bg-yellow-400',\n                PLANNED: 'bg-blue-400',\n                IN_PROGRESS: 'bg-purple-400',\n                COMPLETED: 'bg-green-400',\n                DECLINED: 'bg-red-400',\n                DUPLICATE: 'bg-orange-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Impact</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"text-center p-4 bg-muted rounded-md\">\n              <p className=\"text-3xl font-bold text-primary\">{feature.voteCount}</p>\n              <p className=\"text-sm text-muted-foreground\">total votes received</p>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-center\">\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.businessValue ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">business value</p>\n              </div>\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.priorityScore ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">priority score</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AA2DA,wBAAgB,6BAA6B,4CA8M5C"}