@burdenoff/microfe-planmagnet 2026.925.18 → 2026.926.2

package/dist/planmagnet/pages/ProductsNewFeaturePagePage.js

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

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';\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  const [createFeature, { loading: saving, error: saveError }] = useMutation(\n    CREATE_FEATURE_REQUEST,\n    {\n      refetchQueries: ['ListFeatureRequests'],\n      onCompleted: () => {\n        navigate('/products/features-page');\n      },\n    }\n  );\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 = () => {\n    if (!form.title.trim()) return;\n    createFeature({\n      variables: {\n        input: {\n          title: form.title,\n          description: form.description || undefined,\n          status: form.status,\n          businessValue: form.businessValue,\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\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 size=\"sm\" onClick={handleCreate} disabled={saving || !form.title.trim()}>\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 className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          Failed to create feature: {saveError.message}\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 className=\"text-sm font-medium\">Business Value (0-100)</label>\n            <Input\n              type=\"number\"\n              min={0}\n              max={100}\n              value={form.businessValue}\n              onChange={(e) => setForm({ ...form, businessValue: Number(e.target.value) })}\n              className=\"mt-1\"\n            />\n            <p className=\"text-xs text-muted-foreground mt-1\">\n              How much business value does this feature deliver?\n            </p>\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\">{form.businessValue}</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 { 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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"}

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":"AAiGA,wBAAgB,6BAA6B,4CAiO5C"}
+{"version":3,"file":"ProductsProductDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductDetailPagePage.tsx"],"names":[],"mappings":"AAmGA,wBAAgB,6BAA6B,4CAyN5C"}