@burdenoff/microfe-planmagnet 2026.509.103

package/dist/planmagnet/pages/ProductsCreateRoadmapPagePage.js

@@ -0,0 +1,151 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useState as n } from "react";
+import { Loader2 as r, Map as i, Save as a, X as o } from "lucide-react";
+import { gql as s } from "@apollo/client";
+import { useMutation as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h, Input as g } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsCreateRoadmapPagePage.tsx
+var _ = s`
+  mutation CreateRoadmapPage($input: CreateRoadmapInput!) {
+    planmagnetCreateRoadmap(input: $input) {
+      id
+      name
+      description
+      type
+      isPublic
+      ownerId
+      createdAt
+    }
+  }
+`;
+function v() {
+	let { workspaceId: s, currentUser: v } = e(), y = t(), [b, x] = n({
+		name: "",
+		description: "",
+		type: "TIMELINE",
+		isPublic: !1
+	}), [S, { loading: C, error: w }] = c(_, {
+		refetchQueries: ["ListRoadmapsPage", "ListRoadmaps"],
+		onCompleted: () => {
+			y("/products/roadmaps");
+		}
+	});
+	return /* @__PURE__ */ u("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h1", {
+					className: "text-2xl font-semibold",
+					children: "Create Roadmap"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Define a new product roadmap with milestones and features."
+				})] }), /* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ u(d, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => y("/products/roadmaps"),
+						children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ u(d, {
+						size: "sm",
+						onClick: () => {
+							b.name.trim() && planmagnetCreateRoadmap({ variables: { input: {
+								name: b.name,
+								description: b.description || void 0,
+								type: b.type,
+								isPublic: b.isPublic,
+								ownerId: v?.id ?? ""
+							} } });
+						},
+						disabled: C || !b.name.trim(),
+						children: [C ? /* @__PURE__ */ l(r, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ l(a, { className: "mr-1 h-4 w-4" }), "Create Roadmap"]
+					})]
+				})]
+			}),
+			w && /* @__PURE__ */ u("div", {
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to create roadmap: ", w.message]
+			}),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(i, { className: "h-4 w-4" }), "Roadmap Details"]
+			}) }), /* @__PURE__ */ u(p, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ l(g, {
+						value: b.name,
+						onChange: (e) => x({
+							...b,
+							name: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. 2026 Platform Roadmap"
+					})] }),
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: "text-sm font-medium",
+						children: "Description"
+					}), /* @__PURE__ */ l("textarea", {
+						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+						value: b.description,
+						onChange: (e) => x({
+							...b,
+							description: e.target.value
+						}),
+						placeholder: "Describe the roadmap goals and scope..."
+					})] }),
+					/* @__PURE__ */ u("div", {
+						className: "grid grid-cols-2 gap-4",
+						children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: "text-sm font-medium",
+							children: "Type"
+						}), /* @__PURE__ */ l("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: b.type,
+							onChange: (e) => x({
+								...b,
+								type: e.target.value
+							}),
+							children: [
+								"TIMELINE",
+								"GANTT",
+								"SWIMLANE",
+								"CUSTOM"
+							].map((e) => /* @__PURE__ */ l("option", {
+								value: e,
+								className: "capitalize",
+								children: e.toLowerCase()
+							}, e))
+						})] }), /* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+							className: "text-sm font-medium",
+							children: "Visibility"
+						}), /* @__PURE__ */ u("select", {
+							className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm",
+							value: b.isPublic ? "public" : "private",
+							onChange: (e) => x({
+								...b,
+								isPublic: e.target.value === "public"
+							}),
+							children: [/* @__PURE__ */ l("option", {
+								value: "private",
+								children: "Private"
+							}), /* @__PURE__ */ l("option", {
+								value: "public",
+								children: "Public"
+							})]
+						})] })]
+					})
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { v as ProductsCreateRoadmapPagePage };
+
+//# sourceMappingURL=ProductsCreateRoadmapPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsCreateRoadmapPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsCreateRoadmapPagePage.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, Map, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\n\nconst CREATE_ROADMAP = gql`\n  mutation CreateRoadmapPage($input: CreateRoadmapInput!) {\n    planmagnetCreateRoadmap(input: $input) {\n      id\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n    }\n  }\n`;\n\nexport function ProductsCreateRoadmapPagePage() {\n  const { workspaceId, currentUser } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    description: '',\n    type: 'TIMELINE' as 'TIMELINE' | 'GANTT' | 'SWIMLANE' | 'CUSTOM',\n    isPublic: false,\n  });\n\n  const [createRoadmap, { loading: saving, error: saveError }] = useMutation(CREATE_ROADMAP, {\n    refetchQueries: ['ListRoadmapsPage', 'ListRoadmaps'],\n    onCompleted: () => {\n      navigate('/products/roadmaps');\n    },\n  });\n\n  const types = ['TIMELINE', 'GANTT', 'SWIMLANE', 'CUSTOM'] as const;\n\n  const handleCreate = () => {\n    if (!form.name.trim()) return;\n    planmagnetCreateRoadmap({\n      variables: {\n        input: {\n          name: form.name,\n          description: form.description || undefined,\n          type: form.type,\n          isPublic: form.isPublic,\n          ownerId: currentUser?.id ?? '',\n        },\n      },\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\">Create Roadmap</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Define a new product roadmap with milestones and features.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button variant=\"outline\" size=\"sm\" onClick={() => navigate('/products/roadmaps')}>\n            <X className=\"mr-1 h-4 w-4\" />\n            Cancel\n          </Button>\n          <Button size=\"sm\" onClick={handleCreate} disabled={saving || !form.name.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 Roadmap\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 roadmap: {saveError.message}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Map className=\"h-4 w-4\" />\n            Roadmap Details\n          </CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\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              placeholder=\"e.g. 2026 Platform Roadmap\"\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-[80px]\"\n              value={form.description}\n              onChange={(e) => setForm({ ...form, description: e.target.value })}\n              placeholder=\"Describe the roadmap goals and scope...\"\n            />\n          </div>\n          <div className=\"grid grid-cols-2 gap-4\">\n            <div>\n              <label className=\"text-sm font-medium\">Type</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.type}\n                onChange={(e) => setForm({ ...form, type: e.target.value as typeof form.type })}\n              >\n                {types.map((t) => (\n                  <option key={t} value={t} className=\"capitalize\">\n                    {t.toLowerCase()}\n                  </option>\n                ))}\n              </select>\n            </div>\n            <div>\n              <label className=\"text-sm font-medium\">Visibility</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.isPublic ? 'public' : 'private'}\n                onChange={(e) => setForm({ ...form, isPublic: e.target.value === 'public' })}\n              >\n                <option value=\"private\">Private</option>\n                <option value=\"public\">Public</option>\n              </select>\n            </div>\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsEditProductPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.tsx"],"names":[],"mappings":"AA0DA,wBAAgB,2BAA2B,4CA4N1C"}

package/dist/planmagnet/pages/ProductsEditProductPagePage.js

@@ -0,0 +1,257 @@
+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, Package as o, Save as s } from "lucide-react";
+import { useParams as c } from "react-router-dom";
+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/ProductsEditProductPagePage.tsx
+var b = l`
+  query GetRoadmapForEdit($id: ID!) {
+    planmagnetRoadmap(id: $id) {
+      id
+      workspaceId
+      name
+      description
+      type
+      isPublic
+      ownerId
+      createdAt
+      updatedAt
+      items {
+        id
+        status
+      }
+    }
+  }
+`, x = l`
+  mutation UpdateRoadmap($id: ID!, $input: UpdateRoadmapInput!) {
+    planmagnetUpdateRoadmap(id: $id, input: $input) {
+      id
+      name
+      description
+      type
+      isPublic
+      ownerId
+      updatedAt
+    }
+  }
+`, S = l`
+  mutation DeleteRoadmap($id: ID!) {
+    planmagnetDeleteRoadmap(id: $id)
+  }
+`;
+function C() {
+	let { workspaceId: l } = e(), C = t(), w = c().id ?? "", { data: T, loading: E, error: D } = d(b, {
+		variables: { id: w },
+		skip: !w
+	}), [O, { loading: k, error: A }] = u(x, { refetchQueries: ["ListRoadmaps", "GetRoadmapForEdit"] }), [j, { loading: M }] = u(S, {
+		refetchQueries: ["ListRoadmaps"],
+		onCompleted: () => C("/products")
+	}), N = T?.planmagnetRoadmap, P = n(() => ({
+		name: N?.name ?? "",
+		description: N?.description ?? "",
+		type: N?.type ?? "TIMELINE",
+		isPublic: N?.isPublic ?? !1
+	}), [N]), [F, I] = r({}), L = {
+		...P,
+		...F
+	}, R = (e) => I(e);
+	return E ? /* @__PURE__ */ f("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ f(a, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : D ? /* @__PURE__ */ p("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load product: ", D.message]
+	}) : N ? /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ p("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ p("div", {
+					className: "flex items-center gap-3",
+					children: [/* @__PURE__ */ f(m, {
+						variant: "ghost",
+						size: "sm",
+						onClick: () => C("/products"),
+						children: /* @__PURE__ */ f(i, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+						className: "text-2xl font-semibold",
+						children: "Edit Product"
+					}), /* @__PURE__ */ p("p", {
+						className: "text-sm text-muted-foreground",
+						children: ["Editing ", N.name]
+					})] })]
+				}), /* @__PURE__ */ p(m, {
+					size: "sm",
+					onClick: () => {
+						planmagnetUpdateRoadmap({ variables: {
+							id: w,
+							input: {
+								name: L.name,
+								description: L.description || void 0,
+								type: L.type,
+								isPublic: L.isPublic
+							}
+						} });
+					},
+					disabled: k,
+					children: [k ? /* @__PURE__ */ f(a, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(s, { className: "mr-1 h-4 w-4" }), "Save Changes"]
+				})]
+			}),
+			A && /* @__PURE__ */ p("div", {
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to save: ", A.message]
+			}),
+			/* @__PURE__ */ p("div", {
+				className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+				children: [/* @__PURE__ */ f("div", {
+					className: "lg:col-span-2 space-y-6",
+					children: /* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Basic Information" }) }), /* @__PURE__ */ p(g, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "text-sm font-medium",
+								children: "Product Name"
+							}), /* @__PURE__ */ f(y, {
+								value: L.name,
+								onChange: (e) => R({
+									...L,
+									name: e.target.value
+								}),
+								className: "mt-1"
+							})] }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "text-sm font-medium",
+								children: "Description"
+							}), /* @__PURE__ */ f("textarea", {
+								className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
+								value: L.description,
+								onChange: (e) => R({
+									...L,
+									description: e.target.value
+								})
+							})] }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "text-sm font-medium",
+								children: "Type"
+							}), /* @__PURE__ */ f("div", {
+								className: "mt-1 flex gap-2",
+								children: [
+									"TIMELINE",
+									"GANTT",
+									"SWIMLANE",
+									"CUSTOM"
+								].map((e) => /* @__PURE__ */ f("button", {
+									onClick: () => R({
+										...L,
+										type: e
+									}),
+									className: `rounded-md px-3 py-1.5 text-sm capitalize ${L.type === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+									children: e.toLowerCase()
+								}, e))
+							})] }),
+							/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+								className: "text-sm font-medium",
+								children: "Visibility"
+							}), /* @__PURE__ */ f("div", {
+								className: "mt-1 flex gap-2",
+								children: [!1, !0].map((e) => /* @__PURE__ */ f("button", {
+									onClick: () => R({
+										...L,
+										isPublic: e
+									}),
+									className: `rounded-md px-3 py-1.5 text-sm ${L.isPublic === e ? "bg-primary text-primary-foreground" : "bg-muted text-muted-foreground"}`,
+									children: e ? "Public" : "Private"
+								}, String(e)))
+							})] })
+						]
+					})] })
+				}), /* @__PURE__ */ p("div", {
+					className: "space-y-6",
+					children: [/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Product Info" }) }), /* @__PURE__ */ p(g, {
+						className: "space-y-3 text-sm",
+						children: [
+							/* @__PURE__ */ p("div", {
+								className: "flex items-center gap-2",
+								children: [/* @__PURE__ */ f(o, { className: "h-4 w-4 text-primary" }), /* @__PURE__ */ f("span", {
+									className: "font-medium",
+									children: N.name
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Items"
+								}), /* @__PURE__ */ f("span", {
+									className: "font-medium",
+									children: N.items?.length ?? 0
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Type"
+								}), /* @__PURE__ */ f("span", {
+									className: "font-medium capitalize",
+									children: N.type.toLowerCase()
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Visibility"
+								}), /* @__PURE__ */ f("span", {
+									className: "font-medium",
+									children: N.isPublic ? "Public" : "Private"
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Owner"
+								}), /* @__PURE__ */ f("span", {
+									className: "font-medium",
+									children: N.ownerId
+								})]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Created"
+								}), /* @__PURE__ */ f("span", { children: new Date(N.createdAt).toLocaleDateString() })]
+							}),
+							/* @__PURE__ */ p("div", {
+								className: "flex justify-between",
+								children: [/* @__PURE__ */ f("span", {
+									className: "text-muted-foreground",
+									children: "Updated"
+								}), /* @__PURE__ */ f("span", { children: new Date(N.updatedAt).toLocaleDateString() })]
+							})
+						]
+					})] }), /* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Danger Zone" }) }), /* @__PURE__ */ f(g, { children: /* @__PURE__ */ f(m, {
+						variant: "destructive",
+						size: "sm",
+						className: "w-full",
+						disabled: M,
+						onClick: () => j({ variables: { id: w } }),
+						children: M ? "Archiving..." : "Archive Product"
+					}) })] })]
+				})]
+			})
+		]
+	}) : /* @__PURE__ */ f("div", {
+		className: "p-6 text-muted-foreground",
+		children: "No product found."
+	});
+}
+//#endregion
+export { C as ProductsEditProductPagePage };
+
+//# sourceMappingURL=ProductsEditProductPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsEditProductPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsEditProductPagePage.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 {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Button,\n  Input,\n  Badge,\n} from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Package, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { useParams } from 'react-router-dom';\n\nconst GET_ROADMAP = gql`\n  query GetRoadmapForEdit($id: ID!) {\n    planmagnetRoadmap(id: $id) {\n      id\n      workspaceId\n      name\n      description\n      type\n      isPublic\n      ownerId\n      createdAt\n      updatedAt\n      items {\n        id\n        status\n      }\n    }\n  }\n`;\n\nconst UPDATE_ROADMAP = gql`\n  mutation UpdateRoadmap($id: ID!, $input: UpdateRoadmapInput!) {\n    planmagnetUpdateRoadmap(id: $id, input: $input) {\n      id\n      name\n      description\n      type\n      isPublic\n      ownerId\n      updatedAt\n    }\n  }\n`;\n\nconst DELETE_ROADMAP = gql`\n  mutation DeleteRoadmap($id: ID!) {\n    planmagnetDeleteRoadmap(id: $id)\n  }\n`;\n\nexport function ProductsEditProductPagePage() {\n  const { workspaceId } = usePlanMagnet();\n  const navigate = usePlanMagnetNavigate();\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 [updateRoadmap, { loading: saving, error: saveError }] = useMutation(UPDATE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps', 'GetRoadmapForEdit'],\n  });\n\n  const [deleteRoadmap, { loading: deleting }] = useMutation(DELETE_ROADMAP, {\n    refetchQueries: ['ListRoadmaps'],\n    onCompleted: () => navigate('/products'),\n  });\n\n  const roadmap = data?.planmagnetRoadmap;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: roadmap?.name ?? '',\n      description: roadmap?.description ?? '',\n      type: roadmap?.type ?? 'TIMELINE',\n      isPublic: roadmap?.isPublic ?? false,\n    }),\n    [roadmap]\n  );\n\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  const [formOverrides, setFormOverrides] = useState<Record<string, any>>({});\n  const form = { ...defaultForm, ...formOverrides } as {\n    name: string;\n    description: string;\n    type: string;\n    isPublic: boolean;\n  };\n  const setForm = (val: typeof form) => setFormOverrides(val);\n\n  const typeOptions = ['TIMELINE', 'GANTT', 'SWIMLANE', 'CUSTOM'] as const;\n\n  const handleSave = () => {\n    planmagnetUpdateRoadmap({\n      variables: {\n        id: roadmapId,\n        input: {\n          name: form.name,\n          description: form.description || undefined,\n          type: form.type,\n          isPublic: form.isPublic,\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 product: {error.message}</div>;\n  }\n\n  if (!roadmap) {\n    return <div className=\"p-6 text-muted-foreground\">No product found.</div>;\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          <Button variant=\"ghost\" size=\"sm\" onClick={() => navigate('/products')}>\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Product</h1>\n            <p className=\"text-sm text-muted-foreground\">Editing {roadmap.name}</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      <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>Basic Information</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-4\">\n              <div>\n                <label className=\"text-sm font-medium\">Product 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                <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>\n                <label className=\"text-sm font-medium\">Type</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {typeOptions.map((t) => (\n                    <button\n                      key={t}\n                      onClick={() => setForm({ ...form, type: t })}\n                      className={`rounded-md px-3 py-1.5 text-sm capitalize ${form.type === t ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {t.toLowerCase()}\n                    </button>\n                  ))}\n                </div>\n              </div>\n              <div>\n                <label className=\"text-sm font-medium\">Visibility</label>\n                <div className=\"mt-1 flex gap-2\">\n                  {[false, true].map((pub) => (\n                    <button\n                      key={String(pub)}\n                      onClick={() => setForm({ ...form, isPublic: pub })}\n                      className={`rounded-md px-3 py-1.5 text-sm ${form.isPublic === pub ? 'bg-primary text-primary-foreground' : 'bg-muted text-muted-foreground'}`}\n                    >\n                      {pub ? 'Public' : 'Private'}\n                    </button>\n                  ))}\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Product Info</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3 text-sm\">\n              <div className=\"flex items-center gap-2\">\n                <Package className=\"h-4 w-4 text-primary\" />\n                <span className=\"font-medium\">{roadmap.name}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Items</span>\n                <span className=\"font-medium\">{roadmap.items?.length ?? 0}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Type</span>\n                <span className=\"font-medium capitalize\">{roadmap.type.toLowerCase()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Visibility</span>\n                <span className=\"font-medium\">{roadmap.isPublic ? 'Public' : 'Private'}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Owner</span>\n                <span className=\"font-medium\">{roadmap.ownerId}</span>\n              </div>\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            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Danger Zone</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <Button\n                variant=\"destructive\"\n                size=\"sm\"\n                className=\"w-full\"\n                disabled={deleting}\n                onClick={() => deleteRoadmap({ variables: { id: roadmapId } })}\n              >\n                {deleting ? 'Archiving...' : 'Archive Product'}\n              </Button>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsEditReleasePagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsEditReleasePagePage.tsx"],"names":[],"mappings":"AA2CA,wBAAgB,2BAA2B,4CAqM1C"}