@burdenoff/microfe-planmagnet 2026.1001.5 → 2026.1001.7

package/dist/planmagnet/pages/CompetitorsEditCompetitorPagePage.js

@@ -1,15 +1,17 @@
 import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
-import { throwOnError as t } from "../utils/mutationResult.js";
-import { detailPath as n } from "../utils/rowNavigation.js";
-import { useMemo as r, useState as i } from "react";
-import { ArrowLeft as a, Loader2 as o, Save as s } from "lucide-react";
-import { useParams as c } from "react-router";
-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 { mutationErrorMessage as t } from "../utils/graphqlErrors.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { detailPath as r } from "../utils/rowNavigation.js";
+import { JsonKeyValueEditor as i, StringListEditor as a, cleanStringList as o, competitorListValid as s, jsonRowsToObject as c, jsonRowsValid as l, jsonToRows as u } from "../controls/CompetitorControls.js";
+import { useMemo as d, useState as f } from "react";
+import { ArrowLeft as ee, Loader2 as p, Save as m } from "lucide-react";
+import { useParams as te } from "react-router";
+import { gql as h } from "@apollo/client";
+import { useMutation as g, useQuery as _ } from "@apollo/client/react";
+import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { Button as b, Card as x, CardContent as S, CardHeader as C, CardTitle as w, Input as T } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/pages/CompetitorsEditCompetitorPagePage.tsx
-var b = l`
+var ne = h`
   query GetCompetitorForEdit($id: ID!) {
     planmagnetCompetitor(id: $id) {
       id
@@ -17,9 +19,13 @@ var b = l`
       website
       description
       tags
+      strengths
+      weaknesses
+      pricing
+      features
     }
   }
-`, x = l`
+`, re = h`
   mutation UpdateCompetitor($id: ID!, $input: PlanmagnetUpdateCompetitorInput!) {
     planmagnetUpdateCompetitor(id: $id, input: $input) {
       id
@@ -27,15 +33,19 @@ var b = l`
       website
       description
       tags
+      strengths
+      weaknesses
+      pricing
+      features
       updatedAt
     }
   }
 `;
-function S() {
-	let l = e(), S = c().id ?? "", { data: C, loading: w, error: T } = d(b, {
-		variables: { id: S },
-		skip: !S
-	}), [E, { loading: D }] = u(x, {
+function E() {
+	let h = e(), E = te().id ?? "", { data: D, loading: O, error: k } = _(ne, {
+		variables: { id: E },
+		skip: !E
+	}), [A, { loading: j }] = g(re, {
 		refetchQueries: [
 			"ListCompetitors",
 			"GetCompetitorForEdit",
@@ -43,139 +53,171 @@ function S() {
 			"PickerCompetitors"
 		],
 		awaitRefetchQueries: !0
-	}), [O, k] = i(null), [A, j] = i(!1), M = C?.planmagnetCompetitor, N = r(() => ({
-		name: M?.name ?? "",
-		website: M?.website ?? "",
-		description: M?.description ?? "",
-		tags: M?.tags?.join(", ") ?? ""
-	}), [M]), [P, F] = i({}), I = {
-		...N,
-		...P
-	}, L = (e) => F(e);
-	return w && !C ? /* @__PURE__ */ f("div", {
+	}), [M, N] = f(null), [ie, P] = f(!1), F = D?.planmagnetCompetitor, I = d(() => ({
+		name: F?.name ?? "",
+		website: F?.website ?? "",
+		description: F?.description ?? "",
+		tags: F?.tags?.join(", ") ?? ""
+	}), [F]), [ae, oe] = f({}), L = {
+		...I,
+		...ae
+	}, R = (e) => oe(e), z = d(() => F?.strengths ?? [], [F]), B = d(() => F?.weaknesses ?? [], [F]), V = d(() => u(F?.pricing), [F]), H = d(() => u(F?.features), [F]), [U, W] = f(null), [G, K] = f(null), [q, se] = f(null), [J, ce] = f(null), Y = U ?? z, X = G ?? B, Z = q ?? V, Q = J ?? H, $ = s(Y) && s(X) && l(Z) && l(Q);
+	return O && !D ? /* @__PURE__ */ v("div", {
 		className: "flex items-center justify-center p-12",
-		children: /* @__PURE__ */ f(o, { className: "h-8 w-8 animate-spin text-muted-foreground" })
-	}) : T ? /* @__PURE__ */ p("div", {
+		children: /* @__PURE__ */ v(p, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	}) : k ? /* @__PURE__ */ y("div", {
 		className: "p-6 text-destructive",
-		children: ["Failed to load competitor: ", T.message]
-	}) : M ? /* @__PURE__ */ p("div", {
+		children: ["Failed to load competitor: ", k.message]
+	}) : F ? /* @__PURE__ */ y("div", {
 		className: "space-y-6 p-6 max-w-4xl",
 		children: [
-			/* @__PURE__ */ p("div", {
+			/* @__PURE__ */ y("div", {
 				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ p("div", {
+				children: [/* @__PURE__ */ y("div", {
 					className: "flex items-center gap-3",
-					children: [/* @__PURE__ */ f(m, {
+					children: [/* @__PURE__ */ v(b, {
 						variant: "ghost",
 						size: "sm",
 						"aria-label": "Back to the competitor",
-						onClick: () => l(n("/products/competitor-detail-page", S)),
-						children: /* @__PURE__ */ f(a, { className: "h-4 w-4" })
-					}), /* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("h1", {
+						onClick: () => h(r("/products/competitor-detail-page", E)),
+						children: /* @__PURE__ */ v(ee, { className: "h-4 w-4" })
+					}), /* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("h1", {
 						className: "text-2xl font-semibold",
 						children: "Edit Competitor"
-					}), /* @__PURE__ */ f("p", {
+					}), /* @__PURE__ */ v("p", {
 						className: "text-sm text-muted-foreground",
-						children: M.name
+						children: F.name
 					})] })]
-				}), /* @__PURE__ */ p(m, {
+				}), /* @__PURE__ */ y(b, {
 					size: "sm",
 					onClick: async () => {
-						if (!M || !I.name.trim()) return;
-						let e = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), n = {
-							name: I.name.trim(),
+						if (!F || !L.name.trim() || !$) return;
+						let e = (e) => e.split(",").map((e) => e.trim()).filter(Boolean), r = {
+							name: L.name.trim(),
+							website: L.website.trim() || null,
+							description: L.description.trim() || null,
+							tags: e(L.tags)
+						}, i = {
+							name: I.name,
 							website: I.website.trim() || null,
 							description: I.description.trim() || null,
 							tags: e(I.tags)
-						}, r = {
-							name: N.name,
-							website: N.website.trim() || null,
-							description: N.description.trim() || null,
-							tags: e(N.tags)
-						}, i = Object.fromEntries(Object.entries(n).filter(([e, t]) => JSON.stringify(t) !== JSON.stringify(r[e])));
-						if (k(null), j(!1), Object.keys(i).length === 0) {
-							j(!0);
+						};
+						U !== null && (r.strengths = o(Y), i.strengths = o(z)), G !== null && (r.weaknesses = o(X), i.weaknesses = o(B)), q !== null && (r.pricing = c(Z), i.pricing = F.pricing ?? null), J !== null && (r.features = c(Q), i.features = F.features ?? null);
+						let a = Object.fromEntries(Object.entries(r).filter(([e, t]) => JSON.stringify(t) !== JSON.stringify(i[e])));
+						if (N(null), P(!1), Object.keys(a).length === 0) {
+							P(!0);
 							return;
 						}
 						try {
-							await t(E({ variables: {
-								id: S,
-								input: i
-							} })), j(!0);
+							await n(A({ variables: {
+								id: E,
+								input: a
+							} })), P(!0);
 						} catch (e) {
-							k(e instanceof Error ? e.message : "The competitor could not be saved.");
+							N(t(e, "The competitor could not be saved."));
 						}
 					},
-					disabled: D || !I.name.trim(),
-					children: [D ? /* @__PURE__ */ f(o, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ f(s, { className: "mr-1 h-4 w-4" }), "Save Changes"]
+					disabled: j || !L.name.trim() || !$,
+					children: [j ? /* @__PURE__ */ v(p, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ v(m, { className: "mr-1 h-4 w-4" }), "Save Changes"]
 				})]
 			}),
-			A && /* @__PURE__ */ f("div", {
+			ie && /* @__PURE__ */ v("div", {
 				role: "status",
 				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
 				children: "Changes saved."
 			}),
-			O && /* @__PURE__ */ f("div", {
+			M && /* @__PURE__ */ v("div", {
 				role: "alert",
 				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
-				children: O
+				children: M
 			}),
-			/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Competitor Details" }) }), /* @__PURE__ */ p(g, {
+			/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(w, { children: "Competitor Details" }) }), /* @__PURE__ */ y(S, {
 				className: "space-y-4",
 				children: [
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 						className: "text-sm font-medium",
 						children: "Name"
-					}), /* @__PURE__ */ f(y, {
-						value: I.name,
-						onChange: (e) => L({
-							...I,
+					}), /* @__PURE__ */ v(T, {
+						value: L.name,
+						onChange: (e) => R({
+							...L,
 							name: e.target.value
 						}),
 						className: "mt-1"
 					})] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 						className: "text-sm font-medium",
 						children: "Website"
-					}), /* @__PURE__ */ f(y, {
-						value: I.website,
-						onChange: (e) => L({
-							...I,
+					}), /* @__PURE__ */ v(T, {
+						value: L.website,
+						onChange: (e) => R({
+							...L,
 							website: e.target.value
 						}),
 						className: "mt-1"
 					})] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 						className: "text-sm font-medium",
 						children: "Description / Notes"
-					}), /* @__PURE__ */ f("textarea", {
+					}), /* @__PURE__ */ v("textarea", {
 						className: "mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[80px]",
-						value: I.description,
-						onChange: (e) => L({
-							...I,
+						value: L.description,
+						onChange: (e) => R({
+							...L,
 							description: e.target.value
 						})
 					})] }),
-					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+					/* @__PURE__ */ y("div", { children: [/* @__PURE__ */ v("label", {
 						className: "text-sm font-medium",
 						children: "Tags (comma-separated)"
-					}), /* @__PURE__ */ f(y, {
-						value: I.tags,
-						onChange: (e) => L({
-							...I,
+					}), /* @__PURE__ */ v(T, {
+						value: L.tags,
+						onChange: (e) => R({
+							...L,
 							tags: e.target.value
 						}),
 						className: "mt-1"
 					})] })
 				]
+			})] }),
+			/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(w, { children: "Strengths & Weaknesses" }) }), /* @__PURE__ */ y(S, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ v(a, {
+					label: "Strengths",
+					values: Y,
+					onChange: W,
+					placeholder: "e.g. Strong enterprise SSO",
+					testId: "competitor-strengths"
+				}), /* @__PURE__ */ v(a, {
+					label: "Weaknesses",
+					values: X,
+					onChange: K,
+					placeholder: "e.g. No mobile app",
+					testId: "competitor-weaknesses"
+				})]
+			})] }),
+			/* @__PURE__ */ y(x, { children: [/* @__PURE__ */ v(C, { children: /* @__PURE__ */ v(w, { children: "Pricing & Feature Comparison" }) }), /* @__PURE__ */ y(S, {
+				className: "space-y-4",
+				children: [/* @__PURE__ */ v(i, {
+					label: "Pricing",
+					rows: Z,
+					onChange: se,
+					testId: "competitor-pricing"
+				}), /* @__PURE__ */ v(i, {
+					label: "Features",
+					rows: Q,
+					onChange: ce,
+					testId: "competitor-features"
+				})]
 			})] })
 		]
-	}) : /* @__PURE__ */ f("div", {
+	}) : /* @__PURE__ */ v("div", {
 		className: "p-6 text-muted-foreground",
 		children: "Competitor not found."
 	});
 }
 //#endregion
-export { S as CompetitorsEditCompetitorPagePage };
+export { E as CompetitorsEditCompetitorPagePage };
 
 //# sourceMappingURL=CompetitorsEditCompetitorPagePage.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CompetitorsEditCompetitorPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsEditCompetitorPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\n\nconst GET_COMPETITOR = gql`\n  query GetCompetitorForEdit($id: ID!) {\n    planmagnetCompetitor(id: $id) {\n      id\n      name\n      website\n      description\n      tags\n    }\n  }\n`;\n\nconst UPDATE_COMPETITOR = gql`\n  mutation UpdateCompetitor($id: ID!, $input: PlanmagnetUpdateCompetitorInput!) {\n    planmagnetUpdateCompetitor(id: $id, input: $input) {\n      id\n      name\n      website\n      description\n      tags\n      updatedAt\n    }\n  }\n`;\n\nexport function CompetitorsEditCompetitorPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const competitorId = params.id ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCompetitor: {\n      id: string;\n      name: string;\n      website: string | null;\n      description: string | null;\n      tags: string[];\n    } | null;\n  }>(GET_COMPETITOR, { variables: { id: competitorId }, skip: !competitorId });\n\n  const [updateCompetitor, { loading: saving }] = useMutation(UPDATE_COMPETITOR, {\n    refetchQueries: [\n      'ListCompetitors',\n      'GetCompetitorForEdit',\n      'GetCompetitor',\n      'PickerCompetitors',\n    ],\n    awaitRefetchQueries: true,\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const competitor = data?.planmagnetCompetitor;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: competitor?.name ?? '',\n      website: competitor?.website ?? '',\n      description: competitor?.description ?? '',\n      tags: competitor?.tags?.join(', ') ?? '',\n    }),\n    [competitor]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (val: Record<string, string>) => setFormOverrides(val);\n\n  const handleSave = async () => {\n    if (!competitor || !form.name.trim()) return;\n    const tagList = (v: string) =>\n      v\n        .split(',')\n        .map((t) => t.trim())\n        .filter(Boolean);\n    const next: Record<string, unknown> = {\n      name: form.name.trim(),\n      website: form.website.trim() || null,\n      description: form.description.trim() || null,\n      tags: tagList(form.tags),\n    };\n    const before: Record<string, unknown> = {\n      name: defaultForm.name,\n      website: defaultForm.website.trim() || null,\n      description: defaultForm.description.trim() || null,\n      tags: tagList(defaultForm.tags),\n    };\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => JSON.stringify(v) !== JSON.stringify(before[k]))\n    );\n    setSaveError(null);\n    setSaved(false);\n    if (Object.keys(input).length === 0) {\n      setSaved(true);\n      return;\n    }\n    try {\n      await throwOnError(updateCompetitor({ variables: { id: competitorId, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The competitor could not be saved.');\n    }\n  };\n\n  // Only before the first load: a refetch must not blank the page (it unmounts every component on it and\n  // loses their state).\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 competitor: {error.message}</div>;\n  }\n\n  if (!competitor) return <div className=\"p-6 text-muted-foreground\">Competitor not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the competitor\"\n            onClick={() => navigate(detailPath('/products/competitor-detail-page', competitorId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Competitor</h1>\n            <p className=\"text-sm text-muted-foreground\">{competitor.name}</p>\n          </div>\n        </div>\n        <Button size=\"sm\" onClick={handleSave} 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          Save Changes\n        </Button>\n      </div>\n\n      {saved && (\n        <div role=\"status\" className=\"p-3 bg-muted text-status-success-text rounded-md text-sm\">\n          Changes saved.\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Competitor Details</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            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Website</label>\n            <Input\n              value={form.website}\n              onChange={(e) => setForm({ ...form, website: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description / Notes</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[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\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"CompetitorsEditCompetitorPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsEditCompetitorPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery, useMutation } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Button, Input } from '@burdenoff/fe-libs/ui';\nimport { Save, ArrowLeft, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { throwOnError } from '../utils/mutationResult';\nimport { mutationErrorMessage } from '../utils/graphqlErrors';\nimport {\n  JsonKeyValueEditor,\n  StringListEditor,\n  cleanStringList,\n  competitorListValid,\n  jsonRowsToObject,\n  jsonRowsValid,\n  jsonToRows,\n  type JsonKeyValueRow,\n} from '../controls/CompetitorControls';\n\nconst GET_COMPETITOR = gql`\n  query GetCompetitorForEdit($id: ID!) {\n    planmagnetCompetitor(id: $id) {\n      id\n      name\n      website\n      description\n      tags\n      strengths\n      weaknesses\n      pricing\n      features\n    }\n  }\n`;\n\nconst UPDATE_COMPETITOR = gql`\n  mutation UpdateCompetitor($id: ID!, $input: PlanmagnetUpdateCompetitorInput!) {\n    planmagnetUpdateCompetitor(id: $id, input: $input) {\n      id\n      name\n      website\n      description\n      tags\n      strengths\n      weaknesses\n      pricing\n      features\n      updatedAt\n    }\n  }\n`;\n\nexport function CompetitorsEditCompetitorPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const params = useParams<{ id: string }>();\n  const competitorId = params.id ?? '';\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCompetitor: {\n      id: string;\n      name: string;\n      website: string | null;\n      description: string | null;\n      tags: string[];\n      strengths: string[];\n      weaknesses: string[];\n      pricing: unknown;\n      features: unknown;\n    } | null;\n  }>(GET_COMPETITOR, { variables: { id: competitorId }, skip: !competitorId });\n\n  const [updateCompetitor, { loading: saving }] = useMutation(UPDATE_COMPETITOR, {\n    refetchQueries: [\n      'ListCompetitors',\n      'GetCompetitorForEdit',\n      'GetCompetitor',\n      'PickerCompetitors',\n    ],\n    awaitRefetchQueries: true,\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [saved, setSaved] = useState(false);\n\n  const competitor = data?.planmagnetCompetitor;\n\n  const defaultForm = useMemo(\n    () => ({\n      name: competitor?.name ?? '',\n      website: competitor?.website ?? '',\n      description: competitor?.description ?? '',\n      tags: competitor?.tags?.join(', ') ?? '',\n    }),\n    [competitor]\n  );\n\n  const [formOverrides, setFormOverrides] = useState<Record<string, string>>({});\n  const form = { ...defaultForm, ...formOverrides };\n  const setForm = (val: Record<string, string>) => setFormOverrides(val);\n\n  // PRM-31 — array/object fields can't live in the plain string `form` above; same \"null override = still\n  // following the loaded record\" shape, just per-field instead of merged into one object.\n  const defaultStrengths = useMemo(() => competitor?.strengths ?? [], [competitor]);\n  const defaultWeaknesses = useMemo(() => competitor?.weaknesses ?? [], [competitor]);\n  const defaultPricingRows = useMemo(() => jsonToRows(competitor?.pricing), [competitor]);\n  const defaultFeaturesRows = useMemo(() => jsonToRows(competitor?.features), [competitor]);\n  const [strengthsOverride, setStrengthsOverride] = useState<string[] | null>(null);\n  const [weaknessesOverride, setWeaknessesOverride] = useState<string[] | null>(null);\n  const [pricingOverride, setPricingOverride] = useState<JsonKeyValueRow[] | null>(null);\n  const [featuresOverride, setFeaturesOverride] = useState<JsonKeyValueRow[] | null>(null);\n  const strengths = strengthsOverride ?? defaultStrengths;\n  const weaknesses = weaknessesOverride ?? defaultWeaknesses;\n  const pricingRows = pricingOverride ?? defaultPricingRows;\n  const featuresRows = featuresOverride ?? defaultFeaturesRows;\n\n  const fieldsValid =\n    competitorListValid(strengths) &&\n    competitorListValid(weaknesses) &&\n    jsonRowsValid(pricingRows) &&\n    jsonRowsValid(featuresRows);\n\n  const handleSave = async () => {\n    if (!competitor || !form.name.trim() || !fieldsValid) return;\n    const tagList = (v: string) =>\n      v\n        .split(',')\n        .map((t) => t.trim())\n        .filter(Boolean);\n    const next: Record<string, unknown> = {\n      name: form.name.trim(),\n      website: form.website.trim() || null,\n      description: form.description.trim() || null,\n      tags: tagList(form.tags),\n    };\n    const before: Record<string, unknown> = {\n      name: defaultForm.name,\n      website: defaultForm.website.trim() || null,\n      description: defaultForm.description.trim() || null,\n      tags: tagList(defaultForm.tags),\n    };\n    // PRM-31 — only even considered once the user actually opened that editor and changed something: a\n    // pricing/features value this editor cannot fully represent (a nested object/array — see jsonToRows) round-\n    // trips through its rows as a flattened string, which must never go out as an unrequested side effect of\n    // saving some other, unrelated field.\n    if (strengthsOverride !== null) {\n      next.strengths = cleanStringList(strengths);\n      before.strengths = cleanStringList(defaultStrengths);\n    }\n    if (weaknessesOverride !== null) {\n      next.weaknesses = cleanStringList(weaknesses);\n      before.weaknesses = cleanStringList(defaultWeaknesses);\n    }\n    if (pricingOverride !== null) {\n      next.pricing = jsonRowsToObject(pricingRows);\n      before.pricing = competitor.pricing ?? null;\n    }\n    if (featuresOverride !== null) {\n      next.features = jsonRowsToObject(featuresRows);\n      before.features = competitor.features ?? null;\n    }\n    const input = Object.fromEntries(\n      Object.entries(next).filter(([k, v]) => JSON.stringify(v) !== JSON.stringify(before[k]))\n    );\n    setSaveError(null);\n    setSaved(false);\n    if (Object.keys(input).length === 0) {\n      setSaved(true);\n      return;\n    }\n    try {\n      await throwOnError(updateCompetitor({ variables: { id: competitorId, input } }));\n      setSaved(true);\n    } catch (e) {\n      setSaveError(mutationErrorMessage(e, 'The competitor could not be saved.'));\n    }\n  };\n\n  // Only before the first load: a refetch must not blank the page (it unmounts every component on it and\n  // loses their state).\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 competitor: {error.message}</div>;\n  }\n\n  if (!competitor) return <div className=\"p-6 text-muted-foreground\">Competitor not found.</div>;\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"flex items-center gap-3\">\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            aria-label=\"Back to the competitor\"\n            onClick={() => navigate(detailPath('/products/competitor-detail-page', competitorId))}\n          >\n            <ArrowLeft className=\"h-4 w-4\" />\n          </Button>\n          <div>\n            <h1 className=\"text-2xl font-semibold\">Edit Competitor</h1>\n            <p className=\"text-sm text-muted-foreground\">{competitor.name}</p>\n          </div>\n        </div>\n        <Button\n          size=\"sm\"\n          onClick={handleSave}\n          disabled={saving || !form.name.trim() || !fieldsValid}\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          Save Changes\n        </Button>\n      </div>\n\n      {saved && (\n        <div role=\"status\" className=\"p-3 bg-muted text-status-success-text rounded-md text-sm\">\n          Changes saved.\n        </div>\n      )}\n      {saveError && (\n        <div role=\"alert\" className=\"p-3 rounded-md bg-destructive/10 text-destructive text-sm\">\n          {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Competitor Details</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            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Website</label>\n            <Input\n              value={form.website}\n              onChange={(e) => setForm({ ...form, website: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n          <div>\n            <label className=\"text-sm font-medium\">Description / Notes</label>\n            <textarea\n              className=\"mt-1 w-full rounded-md border border-input bg-background px-3 py-2 text-sm min-h-[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\">Tags (comma-separated)</label>\n            <Input\n              value={form.tags}\n              onChange={(e) => setForm({ ...form, tags: e.target.value })}\n              className=\"mt-1\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n\n      {/* PRM-31 */}\n      <Card>\n        <CardHeader>\n          <CardTitle>Strengths &amp; Weaknesses</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <StringListEditor\n            label=\"Strengths\"\n            values={strengths}\n            onChange={setStrengthsOverride}\n            placeholder=\"e.g. Strong enterprise SSO\"\n            testId=\"competitor-strengths\"\n          />\n          <StringListEditor\n            label=\"Weaknesses\"\n            values={weaknesses}\n            onChange={setWeaknessesOverride}\n            placeholder=\"e.g. No mobile app\"\n            testId=\"competitor-weaknesses\"\n          />\n        </CardContent>\n      </Card>\n\n      <Card>\n        <CardHeader>\n          <CardTitle>Pricing &amp; Feature Comparison</CardTitle>\n        </CardHeader>\n        <CardContent className=\"space-y-4\">\n          <JsonKeyValueEditor\n            label=\"Pricing\"\n            rows={pricingRows}\n            onChange={setPricingOverride}\n            testId=\"competitor-pricing\"\n          />\n          <JsonKeyValueEditor\n            label=\"Features\"\n            rows={featuresRows}\n            onChange={setFeaturesOverride}\n            testId=\"competitor-features\"\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/DashboardDashboardPagePage.js

@@ -9,8 +9,8 @@ import { AlertTriangle as m, ArrowUpRight as h, Calendar as g, CheckSquare as _,
 import { gql as C } from "@apollo/client";
 import { useQuery as w } from "@apollo/client/react";
 import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
-import { useI18n as O } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { Badge as k, Card as A, CardContent as j, CardHeader as M, CardTitle as N } from "@burdenoff/fe-libs/ui";
+import { Badge as O, Card as k, CardContent as A, CardHeader as j, CardTitle as M } from "@burdenoff/fe-libs/ui";
+import { useI18n as N } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 //#region src/planmagnet/pages/DashboardDashboardPagePage.tsx
 var P = [
 	"GetDashboardData",
@@ -121,7 +121,7 @@ var P = [
   }
 `;
 function I() {
-	let { workspaceId: C } = e(), { t: I } = O(), { data: L, loading: R, error: z } = w(F, { variables: {
+	let { workspaceId: C } = e(), { t: I } = N(), { data: L, loading: R, error: z } = w(F, { variables: {
 		workspaceId: C ?? "default",
 		today: (/* @__PURE__ */ new Date()).toISOString().slice(0, 10)
 	} }), B = i(), V = a(), H = t(), U = f({
@@ -181,16 +181,16 @@ function I() {
 			}),
 			/* @__PURE__ */ E("div", {
 				className: "grid gap-4 md:grid-cols-2 lg:grid-cols-4",
-				children: Y.map((e) => /* @__PURE__ */ D(A, {
+				children: Y.map((e) => /* @__PURE__ */ D(k, {
 					"data-testid": "dashboard-tile-link",
 					...l(() => H(`/analytics/analytics-page${u(d("30"))}`), `${e.label}: ${e.value}. ${I("planmagnet.dashboard.metrics.openAnalytics", "Open in Analytics")}`),
-					children: [/* @__PURE__ */ D(M, {
+					children: [/* @__PURE__ */ D(j, {
 						className: "flex flex-row items-center justify-between space-y-0 pb-2",
-						children: [/* @__PURE__ */ E(N, {
+						children: [/* @__PURE__ */ E(M, {
 							className: "text-sm font-medium",
 							children: e.label
 						}), /* @__PURE__ */ E(b, { className: "h-4 w-4 text-muted-foreground" })]
-					}), /* @__PURE__ */ D(j, { children: [/* @__PURE__ */ E("div", {
+					}), /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E("div", {
 						className: "text-2xl font-bold",
 						children: e.value
 					}), /* @__PURE__ */ E("p", {
@@ -201,12 +201,12 @@ function I() {
 			}),
 			/* @__PURE__ */ D("div", {
 				className: "grid gap-6 lg:grid-cols-12",
-				children: [/* @__PURE__ */ D(A, {
+				children: [/* @__PURE__ */ D(k, {
 					className: "lg:col-span-8",
-					children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ D(N, {
+					children: [/* @__PURE__ */ E(j, { children: /* @__PURE__ */ D(M, {
 						className: "flex items-center gap-2 text-base",
 						children: [/* @__PURE__ */ E(S, { className: "h-5 w-5 text-blue-500" }), I("planmagnet.dashboard.activeSprints.title", "Active Sprints")]
-					}) }), /* @__PURE__ */ D(j, {
+					}) }), /* @__PURE__ */ D(A, {
 						className: "space-y-4",
 						children: [K.map((e) => {
 							let t = e.workItems.reduce((e, t) => e + (t.storyPoints ?? 0), 0), n = e.workItems.filter((e) => e.status === "DONE").reduce((e, t) => e + (t.storyPoints ?? 0), 0), r = e.workItems.length, i = e.workItems.filter((e) => e.status === "DONE").length, a = o(e.workItems) ?? 0;
@@ -231,7 +231,7 @@ function I() {
 												" ",
 												e.project?.name ?? I("planmagnet.dashboard.shared.projectUnavailable", "not available")
 											] })
-										})] }), /* @__PURE__ */ D(k, {
+										})] }), /* @__PURE__ */ D(O, {
 											variant: "secondary",
 											children: [
 												n,
@@ -273,25 +273,25 @@ function I() {
 					})]
 				}), /* @__PURE__ */ D("div", {
 					className: "lg:col-span-4 space-y-6",
-					children: [G.length > 0 && /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ D(N, {
+					children: [G.length > 0 && /* @__PURE__ */ D(k, { children: [/* @__PURE__ */ E(j, { children: /* @__PURE__ */ D(M, {
 						className: "flex items-center gap-2 text-base",
 						children: [/* @__PURE__ */ E(m, { className: "h-5 w-5 text-orange-500" }), I("planmagnet.dashboard.onHoldProjects.title", "On-Hold Projects")]
-					}) }), /* @__PURE__ */ E(j, {
+					}) }), /* @__PURE__ */ E(A, {
 						className: "space-y-3",
 						children: G.map((e) => /* @__PURE__ */ D("div", {
 							className: "flex items-center justify-between rounded border p-2",
 							children: [/* @__PURE__ */ E("div", { children: /* @__PURE__ */ E("p", {
 								className: "text-sm font-medium",
 								children: e.name
-							}) }), /* @__PURE__ */ E(k, {
+							}) }), /* @__PURE__ */ E(O, {
 								variant: "destructive",
 								children: e.status.toLowerCase().replace("_", " ")
 							})]
 						}, e.id))
-					})] }), /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ D(N, {
+					})] }), /* @__PURE__ */ D(k, { children: [/* @__PURE__ */ E(j, { children: /* @__PURE__ */ D(M, {
 						className: "flex items-center gap-2 text-base",
 						children: [/* @__PURE__ */ E(g, { className: "h-5 w-5 text-green-500" }), I("planmagnet.dashboard.upcomingMilestones.title", "Upcoming Milestones")]
-					}) }), /* @__PURE__ */ D(j, {
+					}) }), /* @__PURE__ */ D(A, {
 						className: "space-y-3",
 						children: [q.map((e) => /* @__PURE__ */ D("div", {
 							...l(() => H(c("/projects/milestone-detail-page", e.id)), e.name),
@@ -321,7 +321,7 @@ function I() {
 										]
 									})
 								]
-							}), /* @__PURE__ */ E(k, {
+							}), /* @__PURE__ */ E(O, {
 								variant: "secondary",
 								className: "text-xs flex-shrink-0 capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
@@ -335,10 +335,10 @@ function I() {
 			}),
 			/* @__PURE__ */ D("div", {
 				className: "grid gap-6 lg:grid-cols-2",
-				children: [/* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ D(N, {
+				children: [/* @__PURE__ */ D(k, { children: [/* @__PURE__ */ E(j, { children: /* @__PURE__ */ D(M, {
 					className: "flex items-center gap-2 text-base",
 					children: [/* @__PURE__ */ E(_, { className: "h-5 w-5 text-purple-500" }), I("planmagnet.dashboard.recentWorkItems.title", "Recent Work Items")]
-				}) }), /* @__PURE__ */ D(j, {
+				}) }), /* @__PURE__ */ D(A, {
 					className: "space-y-3",
 					children: [J.map((e) => /* @__PURE__ */ D("div", {
 						...l(() => H(`/tasks/task-detail-page?taskId=${encodeURIComponent(e.id)}`), `${e.key} ${e.title}`),
@@ -361,7 +361,7 @@ function I() {
 							})]
 						}), /* @__PURE__ */ D("div", {
 							className: "flex items-center gap-2 flex-shrink-0",
-							children: [/* @__PURE__ */ D(k, {
+							children: [/* @__PURE__ */ D(O, {
 								variant: "outline",
 								className: "text-xs",
 								children: [
@@ -369,7 +369,7 @@ function I() {
 									" ",
 									I("planmagnet.dashboard.shared.pointsShort", "pts")
 								]
-							}), /* @__PURE__ */ E(k, {
+							}), /* @__PURE__ */ E(O, {
 								variant: "secondary",
 								className: "text-xs capitalize",
 								children: e.status.toLowerCase().replace("_", " ")
@@ -379,10 +379,10 @@ function I() {
 						className: "text-sm text-muted-foreground text-center py-4",
 						children: I("planmagnet.dashboard.recentWorkItems.empty", "No work items yet.")
 					})]
-				})] }), /* @__PURE__ */ D(A, { children: [/* @__PURE__ */ E(M, { children: /* @__PURE__ */ D(N, {
+				})] }), /* @__PURE__ */ D(k, { children: [/* @__PURE__ */ E(j, { children: /* @__PURE__ */ D(M, {
 					className: "flex items-center gap-2 text-base",
 					children: [/* @__PURE__ */ E(v, { className: "h-5 w-5 text-cyan-500" }), I("planmagnet.dashboard.projectStatus.title", "Project Status")]
-				}) }), /* @__PURE__ */ D(j, {
+				}) }), /* @__PURE__ */ D(A, {
 					className: "space-y-3",
 					children: [W.map((e) => /* @__PURE__ */ D("div", {
 						...l(() => H(c("/projects/project-detail-page", e.id)), e.name),

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

@@ -1 +1 @@
-{"version":3,"file":"DocsDocDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"names":[],"mappings":"AAiRA,wBAAgB,qBAAqB,4CAsrBpC"}
+{"version":3,"file":"DocsDocDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/DocsDocDetailPagePage.tsx"],"names":[],"mappings":"AAwTA,wBAAgB,qBAAqB,4CA+wBpC"}