@burdenoff/microfe-planmagnet 2026.927.3 → 2026.927.5

package/dist/planmagnet/pages/ProductsNewFeaturePagePage.js

@@ -1,23 +1,15 @@
 import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
 import { throwOnError as n } from "../utils/mutationResult.js";
-import { parseIntField as r } from "../utils/formValidation.js";
-import { useState as i } from "react";
-import { Loader2 as a, Save as o, Star as s, X as c } from "lucide-react";
-import { gql as l } from "@apollo/client";
-import { useMutation as u, useQuery as d } from "@apollo/client/react";
-import { jsx as f, jsxs as p } from "react/jsx-runtime";
-import { Button as m, Card as h, CardContent as g, CardHeader as _, CardTitle as v, Input as y } from "@burdenoff/fe-libs/ui";
+import { ProjectSelect as r, WorkItemSearchSelect as i } from "../controls/Pickers.js";
+import { parseIntField as a } from "../utils/formValidation.js";
+import { useState as o } from "react";
+import { Loader2 as s, Save as c, Star as l, X as u } from "lucide-react";
+import { gql as d } from "@apollo/client";
+import { useMutation as f } from "@apollo/client/react";
+import { jsx as p, jsxs as m } from "react/jsx-runtime";
+import { Button as h, Card as g, CardContent as _, CardHeader as v, CardTitle as y, Input as b } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/ProductsNewFeaturePagePage.tsx
-var b = l`
-  query ListRoadmapsForFeatureSelect($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {
-    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {
-      items {
-        id
-        name
-      }
-    }
-  }
-`, x = l`
+var x = d`
   mutation CreateFeatureRequest($input: PlanmagnetCreateFeatureRequestInput!) {
     planmagnetCreateFeatureRequest(input: $input) {
       id
@@ -30,107 +22,105 @@ var b = l`
   }
 `;
 function S() {
-	let { workspaceId: l } = e(), S = t(), { data: C } = d(b, {
-		variables: {
-			workspaceId: l,
-			pagination: { first: 100 }
-		},
-		skip: !l
-	}), [w, T] = i({
+	let { workspaceId: d } = e(), S = t(), [C, w] = o({
 		title: "",
 		description: "",
 		status: "SUBMITTED",
 		businessValue: "50",
 		effortEstimate: "medium",
-		tags: ""
-	}), [E, { loading: D }] = u(x, { refetchQueries: ["ListFeatureRequests"] }), [O, k] = i(null), A = r(w.businessValue, {
+		tags: "",
+		projectId: "",
+		workItemId: ""
+	}), [T, { loading: E }] = f(x, { refetchQueries: ["ListFeatureRequests"] }), [D, O] = o(null), k = a(C.businessValue, {
 		min: 0,
 		max: 100
 	});
-	return C?.planmagnetRoadmaps?.items, /* @__PURE__ */ p("div", {
+	return /* @__PURE__ */ m("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ m("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+				children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("h1", {
 					className: "text-2xl font-semibold",
 					children: "New Feature"
-				}), /* @__PURE__ */ f("p", {
+				}), /* @__PURE__ */ p("p", {
 					className: "text-sm text-muted-foreground",
 					children: "Define a new feature request with business value metrics."
-				})] }), /* @__PURE__ */ p("div", {
+				})] }), /* @__PURE__ */ m("div", {
 					className: "flex gap-2",
-					children: [/* @__PURE__ */ p(m, {
+					children: [/* @__PURE__ */ m(h, {
 						variant: "outline",
 						size: "sm",
 						onClick: () => S("/products/features-page"),
-						children: [/* @__PURE__ */ f(c, { className: "mr-1 h-4 w-4" }), "Cancel"]
-					}), /* @__PURE__ */ p(m, {
+						children: [/* @__PURE__ */ p(u, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ m(h, {
 						size: "sm",
 						onClick: async () => {
-							if (!(!w.title.trim() || A.invalid)) {
-								k(null);
+							if (!(!C.title.trim() || k.invalid)) {
+								O(null);
 								try {
-									await n(E({ variables: { input: {
-										title: w.title,
-										description: w.description || void 0,
-										status: w.status,
-										businessValue: A.value,
-										effortEstimate: w.effortEstimate,
-										tags: w.tags ? w.tags.split(",").map((e) => e.trim()).filter(Boolean) : void 0
+									await n(T({ variables: { input: {
+										title: C.title,
+										description: C.description || void 0,
+										status: C.status,
+										businessValue: k.value,
+										effortEstimate: C.effortEstimate,
+										projectId: C.projectId || void 0,
+										workItemId: C.workItemId || void 0,
+										tags: C.tags ? C.tags.split(",").map((e) => e.trim()).filter(Boolean) : void 0
 									} } })), S("/products/features-page");
 								} catch (e) {
-									k(e instanceof Error ? e.message : "The feature could not be created.");
+									O(e instanceof Error ? e.message : "The feature could not be created.");
 								}
 							}
 						},
-						disabled: D || !w.title.trim() || A.invalid,
-						children: [D ? /* @__PURE__ */ f(a, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(o, { className: "mr-1 h-4 w-4" }), "Create Feature"]
+						disabled: E || !C.title.trim() || k.invalid,
+						children: [E ? /* @__PURE__ */ p(s, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ p(c, { className: "mr-1 h-4 w-4" }), "Create Feature"]
 					})]
 				})]
 			}),
-			O && /* @__PURE__ */ p("div", {
+			D && /* @__PURE__ */ m("div", {
 				role: "alert",
 				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
-				children: ["Failed to create feature: ", O]
+				children: ["Failed to create feature: ", D]
 			}),
-			/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Feature Details" }) }), /* @__PURE__ */ p(g, {
+			/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Feature Details" }) }), /* @__PURE__ */ m(_, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 						className: "text-sm font-medium",
 						children: "Title"
-					}), /* @__PURE__ */ f(y, {
-						value: w.title,
-						onChange: (e) => T({
-							...w,
+					}), /* @__PURE__ */ p(b, {
+						value: C.title,
+						onChange: (e) => w({
+							...C,
 							title: e.target.value
 						}),
 						className: "mt-1",
 						placeholder: "e.g. Advanced Search Filters"
 					})] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 						className: "text-sm font-medium",
 						children: "Description"
-					}), /* @__PURE__ */ f("textarea", {
+					}), /* @__PURE__ */ p("textarea", {
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[100px]",
-						value: w.description,
-						onChange: (e) => T({
-							...w,
+						value: C.description,
+						onChange: (e) => w({
+							...C,
 							description: e.target.value
 						}),
 						placeholder: "Describe the feature and its user value..."
 					})] }),
-					/* @__PURE__ */ p("div", {
+					/* @__PURE__ */ m("div", {
 						className: "grid grid-cols-2 gap-4",
-						children: [/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "text-sm font-medium",
 							children: "Status"
-						}), /* @__PURE__ */ f("select", {
+						}), /* @__PURE__ */ p("select", {
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
-							value: w.status,
-							onChange: (e) => T({
-								...w,
+							value: C.status,
+							onChange: (e) => w({
+								...C,
 								status: e.target.value
 							}),
 							children: [
@@ -139,18 +129,18 @@ function S() {
 								"PLANNED",
 								"IN_PROGRESS",
 								"COMPLETED"
-							].map((e) => /* @__PURE__ */ f("option", {
+							].map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: e.toLowerCase().replace("_", " ")
 							}, e))
-						})] }), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 							className: "text-sm font-medium",
 							children: "Effort Estimate"
-						}), /* @__PURE__ */ f("select", {
+						}), /* @__PURE__ */ p("select", {
 							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize",
-							value: w.effortEstimate,
-							onChange: (e) => T({
-								...w,
+							value: C.effortEstimate,
+							onChange: (e) => w({
+								...C,
 								effortEstimate: e.target.value
 							}),
 							children: [
@@ -158,19 +148,54 @@ function S() {
 								"medium",
 								"large",
 								"epic"
-							].map((e) => /* @__PURE__ */ f("option", {
+							].map((e) => /* @__PURE__ */ p("option", {
 								value: e,
 								children: e
 							}, e))
 						})] })]
 					}),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ m("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "feature-project",
+							className: "text-sm font-medium",
+							children: "Project"
+						}), /* @__PURE__ */ p("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ p(r, {
+								id: "feature-project",
+								value: C.projectId,
+								noneLabel: "No project",
+								onChange: (e) => w({
+									...C,
+									projectId: e,
+									workItemId: ""
+								})
+							})
+						})] }), /* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
+							htmlFor: "feature-work-item",
+							className: "text-sm font-medium",
+							children: "Delivered by work item"
+						}), /* @__PURE__ */ p("div", {
+							className: "mt-1",
+							children: /* @__PURE__ */ p(i, {
+								id: "feature-work-item",
+								projectId: C.projectId || void 0,
+								value: C.workItemId,
+								onChange: (e) => w({
+									...C,
+									workItemId: e
+								})
+							})
+						})] })]
+					}),
+					/* @__PURE__ */ m("div", { children: [/* @__PURE__ */ p("label", {
 						className: "text-sm font-medium",
 						children: "Tags (comma-separated)"
-					}), /* @__PURE__ */ f(y, {
-						value: w.tags,
-						onChange: (e) => T({
-							...w,
+					}), /* @__PURE__ */ p(b, {
+						value: C.tags,
+						onChange: (e) => w({
+							...C,
 							tags: e.target.value
 						}),
 						className: "mt-1",
@@ -178,51 +203,51 @@ function S() {
 					})] })
 				]
 			})] }),
-			/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ p(v, {
+			/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, {
 				className: "flex items-center gap-2",
-				children: [/* @__PURE__ */ f(s, { className: "h-4 w-4" }), "Business Value"]
-			}) }), /* @__PURE__ */ p(g, {
+				children: [/* @__PURE__ */ p(l, { className: "h-4 w-4" }), "Business Value"]
+			}) }), /* @__PURE__ */ m(_, {
 				className: "space-y-4",
-				children: [/* @__PURE__ */ p("div", { children: [
-					/* @__PURE__ */ f("label", {
+				children: [/* @__PURE__ */ m("div", { children: [
+					/* @__PURE__ */ p("label", {
 						htmlFor: "feature-business-value",
 						className: "text-sm font-medium",
 						children: "Business Value (0-100)"
 					}),
-					/* @__PURE__ */ f(y, {
+					/* @__PURE__ */ p(b, {
 						id: "feature-business-value",
 						type: "number",
 						min: 0,
 						max: 100,
 						step: 1,
-						value: w.businessValue,
-						onChange: (e) => T({
-							...w,
+						value: C.businessValue,
+						onChange: (e) => w({
+							...C,
 							businessValue: e.target.value
 						}),
-						"aria-invalid": A.invalid,
+						"aria-invalid": k.invalid,
 						className: "mt-1"
 					}),
-					A.invalid ? /* @__PURE__ */ f("p", {
+					k.invalid ? /* @__PURE__ */ p("p", {
 						role: "alert",
 						className: "text-xs text-destructive mt-1",
 						children: "Business value must be a whole number from 0 to 100."
-					}) : /* @__PURE__ */ f("p", {
+					}) : /* @__PURE__ */ p("p", {
 						className: "text-xs text-muted-foreground mt-1",
 						children: "How much business value does this feature deliver?"
 					})
-				] }), /* @__PURE__ */ p("div", {
+				] }), /* @__PURE__ */ m("div", {
 					className: "p-4 bg-muted rounded-md text-center",
 					children: [
-						/* @__PURE__ */ f("p", {
+						/* @__PURE__ */ p("p", {
 							className: "text-xs text-muted-foreground",
 							children: "Business Value Score"
 						}),
-						/* @__PURE__ */ f("p", {
+						/* @__PURE__ */ p("p", {
 							className: "text-3xl font-bold text-primary mt-2",
-							children: A.invalid || A.value === void 0 ? "—" : A.value
+							children: k.invalid || k.value === void 0 ? "—" : k.value
 						}),
-						/* @__PURE__ */ f("p", {
+						/* @__PURE__ */ p("p", {
 							className: "text-xs text-muted-foreground",
 							children: "out of 100"
 						})

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsNewFeaturePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsNewFeaturePagePage.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, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Star, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\n\nconst LIST_ROADMAPS_FOR_SELECT = gql`\n  query ListRoadmapsForFeatureSelect($workspaceId: ID!, $pagination: PlanmagnetPaginationInput) {\n    planmagnetRoadmaps(workspaceId: $workspaceId, pagination: $pagination) {\n      items {\n        id\n        name\n      }\n    }\n  }\n`;\n\nconst CREATE_FEATURE_REQUEST = gql`\n  mutation CreateFeatureRequest($input: PlanmagnetCreateFeatureRequestInput!) {\n    planmagnetCreateFeatureRequest(input: $input) {\n      id\n      title\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n    }\n  }\n`;\n\nexport function ProductsNewFeaturePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const {\n    data: roadmapsData,\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_ROADMAPS_FOR_SELECT, {\n      variables: { workspaceId, pagination: { first: 100 } },\n      skip: !workspaceId,\n    });\n\n  const [form, setForm] = useState({\n    title: '',\n    description: '',\n    status: 'SUBMITTED' as string,\n    businessValue: '50',\n    effortEstimate: 'medium',\n    tags: '',\n  });\n\n  // Navigate only once the service has accepted the feature: with fe-libs' errorPolicy 'all' a refused\n  // mutation resolves, so the old onCompleted navigation could leave the form as if it had saved.\n  const [createFeature, { loading: saving }] = useMutation(CREATE_FEATURE_REQUEST, {\n    refetchQueries: ['ListFeatureRequests'],\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  // Business value is a whole number from 0 to 100 (BOFF-7833: prod had stored 150).\n  const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n\n  const statusOptions = [\n    'SUBMITTED',\n    'UNDER_REVIEW',\n    'PLANNED',\n    'IN_PROGRESS',\n    'COMPLETED',\n  ] as const;\n  const efforts = ['small', 'medium', 'large', 'epic'] as const;\n\n  const handleCreate = async () => {\n    if (!form.title.trim() || businessValue.invalid) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createFeature({\n          variables: {\n            input: {\n              title: form.title,\n              description: form.description || undefined,\n              status: form.status,\n              businessValue: businessValue.value,\n              effortEstimate: form.effortEstimate,\n              tags: form.tags\n                ? form.tags\n                    .split(',')\n                    .map((t) => t.trim())\n                    .filter(Boolean)\n                : undefined,\n            },\n          },\n        })\n      );\n      navigate('/products/features-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The feature could not be created.');\n    }\n  };\n\n  const roadmaps = roadmapsData?.planmagnetRoadmaps?.items ?? [];\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">New Feature</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new feature request with business value metrics.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/features-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={handleCreate}\n            disabled={saving || !form.title.trim() || businessValue.invalid}\n          >\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            Create Feature\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create feature: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Feature Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Title</label>\n            <Input\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Advanced Search Filters\"\n            />\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-[100px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the feature and its user 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 capitalize\"\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n              >\n                {statusOptions.map((s) => (\n                  <option key={s} value={s}>\n                    {s.toLowerCase().replace('_', ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Effort Estimate</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              >\n                {efforts.map((e) => (\n                  <option key={e} value={e}>\n                    {e}\n                  </option>\n                ))}\n              </select>\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. search, ux, performance\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Star className=\"h-4 w-4\" />\n            Business Value\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"feature-business-value\" className=\"text-sm font-medium\">\n              Business Value (0-100)\n            </label>\n            <Input\n              id=\"feature-business-value\"\n              type=\"number\"\n              min={0}\n              max={100}\n              step={1}\n              value={form.businessValue}\n              onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n              aria-invalid={businessValue.invalid}\n              className=\"mt-1\"\n            />\n            {businessValue.invalid ? (\n              <p role=\"alert\" className=\"text-xs text-destructive mt-1\">\n                Business value must be a whole number from 0 to 100.\n              </p>\n            ) : (\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                How much business value does this feature deliver?\n              </p>\n            )}\n          </div>\n\n          <div className=\"p-4 bg-muted rounded-md text-center\">\n            <p className=\"text-xs text-muted-foreground\">Business Value Score</p>\n            <p className=\"text-3xl font-bold text-primary mt-2\">\n              {businessValue.invalid || businessValue.value === undefined\n                ? '—'\n                : businessValue.value}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">out of 100</p>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsNewFeaturePagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsNewFeaturePagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, X, Star, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\nimport { parseIntField } from '../utils/formValidation';\nimport { ProjectSelect, WorkItemSearchSelect } from '../controls/Pickers';\n\nconst CREATE_FEATURE_REQUEST = gql`\n  mutation CreateFeatureRequest($input: PlanmagnetCreateFeatureRequestInput!) {\n    planmagnetCreateFeatureRequest(input: $input) {\n      id\n      title\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n    }\n  }\n`;\n\nexport function ProductsNewFeaturePagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    title: '',\n    description: '',\n    status: 'SUBMITTED' as string,\n    businessValue: '50',\n    effortEstimate: 'medium',\n    tags: '',\n    projectId: '',\n    workItemId: '',\n  });\n\n  // Navigate only once the service has accepted the feature: with fe-libs' errorPolicy 'all' a refused\n  // mutation resolves, so the old onCompleted navigation could leave the form as if it had saved.\n  const [createFeature, { loading: saving }] = useMutation(CREATE_FEATURE_REQUEST, {\n    refetchQueries: ['ListFeatureRequests'],\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  // Business value is a whole number from 0 to 100 (BOFF-7833: prod had stored 150).\n  const businessValue = parseIntField(form.businessValue, { min: 0, max: 100 });\n\n  const statusOptions = [\n    'SUBMITTED',\n    'UNDER_REVIEW',\n    'PLANNED',\n    'IN_PROGRESS',\n    'COMPLETED',\n  ] as const;\n  const efforts = ['small', 'medium', 'large', 'epic'] as const;\n\n  const handleCreate = async () => {\n    if (!form.title.trim() || businessValue.invalid) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createFeature({\n          variables: {\n            input: {\n              title: form.title,\n              description: form.description || undefined,\n              status: form.status,\n              businessValue: businessValue.value,\n              effortEstimate: form.effortEstimate,\n              projectId: form.projectId || undefined,\n              workItemId: form.workItemId || undefined,\n              tags: form.tags\n                ? form.tags\n                    .split(',')\n                    .map((t) => t.trim())\n                    .filter(Boolean)\n                : undefined,\n            },\n          },\n        })\n      );\n      navigate('/products/features-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The feature could not be created.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">New Feature</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new feature request with business value metrics.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/features-page')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button\n            size=\"sm\"\n            onClick={handleCreate}\n            disabled={saving || !form.title.trim() || businessValue.invalid}\n          >\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            Create Feature\n          </Button>\n        </div>\n      </div>\n\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create feature: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Feature Details</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label className=\"text-sm font-medium\">Title</label>\n            <Input\n              value={form.title}\n              onChange={(e) => setForm({ ...form, title: e.target.value })}\n              className=\"mt-1\"\n              placeholder=\"e.g. Advanced Search Filters\"\n            />\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-[100px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the feature and its user 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 capitalize\"\n                value={form.status}\n                onChange={(e) => setForm({ ...form, status: e.target.value })}\n              >\n                {statusOptions.map((s) => (\n                  <option key={s} value={s}>\n                    {s.toLowerCase().replace('_', ' ')}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Effort Estimate</label>\n              <select\n                className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm capitalize\"\n                value={form.effortEstimate}\n                onChange={(e) => setForm({ ...form, effortEstimate: e.target.value })}\n              >\n                {efforts.map((e) => (\n                  <option key={e} value={e}>\n                    {e}\n                  </option>\n                ))}\n              </select>\n            </div>\n          </div>\n          {/* BOFF-7966: a request could not be tied to a project or to the work item that delivers it, so the\n              release readiness card's \"customer requests riding on unfinished work\" could never fill. */}\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label htmlFor=\"feature-project\" className=\"text-sm font-medium\">\n                Project\n              </label>\n              <div className=\"mt-1\">\n                <ProjectSelect\n                  id=\"feature-project\"\n                  value={form.projectId}\n                  noneLabel=\"No project\"\n                  onChange={(projectId) => setForm({ ...form, projectId, workItemId: '' })}\n                />\n              </div>\n            </div>\n            <div>\n              <label htmlFor=\"feature-work-item\" className=\"text-sm font-medium\">\n                Delivered by work item\n              </label>\n              <div className=\"mt-1\">\n                <WorkItemSearchSelect\n                  id=\"feature-work-item\"\n                  projectId={form.projectId || undefined}\n                  value={form.workItemId}\n                  onChange={(workItemId) => setForm({ ...form, workItemId })}\n                />\n              </div>\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. search, ux, performance\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Star className=\"h-4 w-4\" />\n            Business Value\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <div>\n            <label htmlFor=\"feature-business-value\" className=\"text-sm font-medium\">\n              Business Value (0-100)\n            </label>\n            <Input\n              id=\"feature-business-value\"\n              type=\"number\"\n              min={0}\n              max={100}\n              step={1}\n              value={form.businessValue}\n              onChange={(e) => setForm({ ...form, businessValue: e.target.value })}\n              aria-invalid={businessValue.invalid}\n              className=\"mt-1\"\n            />\n            {businessValue.invalid ? (\n              <p role=\"alert\" className=\"text-xs text-destructive mt-1\">\n                Business value must be a whole number from 0 to 100.\n              </p>\n            ) : (\n              <p className=\"text-xs text-muted-foreground mt-1\">\n                How much business value does this feature deliver?\n              </p>\n            )}\n          </div>\n\n          <div className=\"p-4 bg-muted rounded-md text-center\">\n            <p className=\"text-xs text-muted-foreground\">Business Value Score</p>\n            <p className=\"text-3xl font-bold text-primary mt-2\">\n              {businessValue.invalid || businessValue.value === undefined\n                ? '—'\n                : businessValue.value}\n            </p>\n            <p className=\"text-xs text-muted-foreground\">out of 100</p>\n          </div>\n        </CardContent>\n      </Card>\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":"AAoGA,wBAAgB,6BAA6B,4CA8N5C"}
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAoGA,wBAAgB,6BAA6B,4CAmO5C"}

package/dist/planmagnet/pages/ProductsProductDetailPagePage.js

@@ -127,12 +127,12 @@ function C() {
 						icon: c
 					},
 					{
-						label: "Releases",
+						label: "Releases in workspace",
 						value: P,
 						icon: a
 					},
 					{
-						label: "Features",
+						label: "Feature requests in workspace",
 						value: N,
 						icon: s
 					},
@@ -156,11 +156,7 @@ function C() {
 				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
 				children: [/* @__PURE__ */ m("div", {
 					className: "lg:col-span-2 space-y-6",
-					children: [/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, { children: [
-						"Feature Requests (",
-						j.length,
-						")"
-					] }) }), /* @__PURE__ */ m(_, {
+					children: [/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ m(y, { children: ["Latest feature requests in the workspace", N > j.length ? ` (${j.length} of ${N})` : ""] }) }), /* @__PURE__ */ m(_, {
 						className: "space-y-3",
 						children: [j.length === 0 && /* @__PURE__ */ p("p", {
 							className: "text-sm text-muted-foreground",
@@ -217,7 +213,7 @@ function C() {
 					})] })]
 				}), /* @__PURE__ */ m("div", {
 					className: "space-y-6",
-					children: [/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Recent Releases" }) }), /* @__PURE__ */ m(_, {
+					children: [/* @__PURE__ */ m(g, { children: [/* @__PURE__ */ p(v, { children: /* @__PURE__ */ p(y, { children: "Latest releases in the workspace" }) }), /* @__PURE__ */ m(_, {
 						className: "space-y-3",
 						children: [M.length === 0 && /* @__PURE__ */ p("p", {
 							className: "text-sm text-muted-foreground",

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsProductsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"names":[],"mappings":"AAqEA,wBAAgB,wBAAwB,4CAkLvC"}
+{"version":3,"file":"ProductsProductsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"names":[],"mappings":"AAsEA,wBAAgB,wBAAwB,4CA+KvC"}