@burdenoff/microfe-planmagnet 2026.928.2 → 2026.928.4

package/dist/planmagnet/pages/CompetitorsCompetitorDetailPagePage.js

@@ -0,0 +1,127 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { detailPath as t } from "../utils/rowNavigation.js";
+import { CompetitorHeaderActions as n } from "../controls/CompetitorControls.js";
+import { Loader2 as r, Swords as i } from "lucide-react";
+import { useParams as a } from "react-router";
+import { gql as o } from "@apollo/client";
+import { useQuery as s } from "@apollo/client/react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Badge as u, Card as d, CardContent as f, CardHeader as p, CardTitle as m } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/CompetitorsCompetitorDetailPagePage.tsx
+var h = o`
+  query GetCompetitor($id: ID!) {
+    planmagnetCompetitor(id: $id) {
+      id
+      workspaceId
+      name
+      website
+      description
+      tags
+      createdBy
+      createdAt
+      updatedAt
+      featureRequests {
+        id
+        title
+        status
+      }
+    }
+  }
+`;
+function g() {
+	let o = e(), g = a().id ?? "", { data: _, loading: v, error: y } = s(h, {
+		variables: { id: g },
+		skip: !g
+	});
+	if (v && !_) return /* @__PURE__ */ c("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ c(r, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (y) return /* @__PURE__ */ l("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load competitor: ", y.message]
+	});
+	let b = _?.planmagnetCompetitor;
+	return b ? /* @__PURE__ */ l("div", {
+		className: "space-y-6 p-6",
+		children: [/* @__PURE__ */ l("div", {
+			className: "flex items-center justify-between",
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ l("div", {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ c(i, { className: "h-5 w-5 text-primary" }), /* @__PURE__ */ c("h1", {
+					className: "text-2xl font-semibold",
+					children: b.name
+				})]
+			}), b.website && /* @__PURE__ */ c("p", {
+				className: "text-sm text-primary mt-1",
+				children: b.website
+			})] }), /* @__PURE__ */ c(n, {
+				competitorId: b.id,
+				name: b.name
+			})]
+		}), /* @__PURE__ */ l("div", {
+			className: "grid grid-cols-1 lg:grid-cols-3 gap-6",
+			children: [/* @__PURE__ */ l("div", {
+				className: "lg:col-span-2 space-y-6",
+				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Notes" }) }), /* @__PURE__ */ c(f, { children: /* @__PURE__ */ c("p", {
+					className: "text-sm",
+					children: b.description ?? "No notes yet."
+				}) })] }), /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ l(m, { children: [
+					"Linked Feature Requests (",
+					b.featureRequests.length,
+					")"
+				] }) }), /* @__PURE__ */ l(f, {
+					className: "space-y-2",
+					children: [b.featureRequests.length === 0 && /* @__PURE__ */ c("p", {
+						className: "text-sm text-muted-foreground",
+						children: "Not linked to any feature request yet. Add it from a feature request’s detail page."
+					}), b.featureRequests.map((e) => /* @__PURE__ */ l("button", {
+						type: "button",
+						className: "flex w-full items-center justify-between rounded-md border p-3 text-left hover:bg-muted",
+						onClick: () => o(t("/products/feature-detail-page", e.id)),
+						children: [/* @__PURE__ */ c("span", {
+							className: "text-sm font-medium",
+							children: e.title
+						}), /* @__PURE__ */ c(u, {
+							variant: "outline",
+							className: "text-xs capitalize",
+							children: e.status.toLowerCase().replace("_", " ")
+						})]
+					}, e.id))]
+				})] })]
+			}), /* @__PURE__ */ l("div", {
+				className: "space-y-6",
+				children: [/* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Details" }) }), /* @__PURE__ */ l(f, {
+					className: "space-y-2 text-sm",
+					children: [/* @__PURE__ */ l("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ c("span", {
+							className: "text-muted-foreground",
+							children: "Created"
+						}), /* @__PURE__ */ c("span", { children: new Date(b.createdAt).toLocaleDateString() })]
+					}), /* @__PURE__ */ l("div", {
+						className: "flex justify-between",
+						children: [/* @__PURE__ */ c("span", {
+							className: "text-muted-foreground",
+							children: "Updated"
+						}), /* @__PURE__ */ c("span", { children: new Date(b.updatedAt).toLocaleDateString() })]
+					})]
+				})] }), b.tags.length > 0 && /* @__PURE__ */ l(d, { children: [/* @__PURE__ */ c(p, { children: /* @__PURE__ */ c(m, { children: "Tags" }) }), /* @__PURE__ */ c(f, {
+					className: "flex flex-wrap gap-1",
+					children: b.tags.map((e) => /* @__PURE__ */ c(u, {
+						variant: "outline",
+						className: "text-xs",
+						children: e
+					}, e))
+				})] })]
+			})]
+		})]
+	}) : /* @__PURE__ */ c("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Competitor not found."
+	});
+}
+//#endregion
+export { g as CompetitorsCompetitorDetailPagePage };
+
+//# sourceMappingURL=CompetitorsCompetitorDetailPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCompetitorDetailPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsCompetitorDetailPagePage.tsx"],"sourcesContent":["import { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge } from '@burdenoff/fe-libs/ui';\nimport { Swords, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { CompetitorHeaderActions } from '../controls/CompetitorControls';\n\nconst GET_COMPETITOR = gql`\n  query GetCompetitor($id: ID!) {\n    planmagnetCompetitor(id: $id) {\n      id\n      workspaceId\n      name\n      website\n      description\n      tags\n      createdBy\n      createdAt\n      updatedAt\n      featureRequests {\n        id\n        title\n        status\n      }\n    }\n  }\n`;\n\ninterface FeatureRequestNode {\n  id: string;\n  title: string;\n  status: string;\n}\n\nexport function CompetitorsCompetitorDetailPagePage() {\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      createdAt: string;\n      updatedAt: string;\n      featureRequests: FeatureRequestNode[];\n    } | null;\n  }>(GET_COMPETITOR, { variables: { id: competitorId }, skip: !competitorId });\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  const competitor = data?.planmagnetCompetitor;\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\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <div className=\"flex items-center gap-2\">\n            <Swords className=\"h-5 w-5 text-primary\" />\n            <h1 className=\"text-2xl font-semibold\">{competitor.name}</h1>\n          </div>\n          {competitor.website && <p className=\"text-sm text-primary mt-1\">{competitor.website}</p>}\n        </div>\n        <CompetitorHeaderActions competitorId={competitor.id} name={competitor.name} />\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-3 gap-6\">\n        <div className=\"lg:col-span-2 space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Notes</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <p className=\"text-sm\">{competitor.description ?? 'No notes yet.'}</p>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle>Linked Feature Requests ({competitor.featureRequests.length})</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              {competitor.featureRequests.length === 0 && (\n                <p className=\"text-sm text-muted-foreground\">\n                  Not linked to any feature request yet. Add it from a feature request&rsquo;s\n                  detail page.\n                </p>\n              )}\n              {competitor.featureRequests.map((fr) => (\n                <button\n                  key={fr.id}\n                  type=\"button\"\n                  className=\"flex w-full items-center justify-between rounded-md border p-3 text-left hover:bg-muted\"\n                  onClick={() => navigate(detailPath('/products/feature-detail-page', fr.id))}\n                >\n                  <span className=\"text-sm font-medium\">{fr.title}</span>\n                  <Badge variant=\"outline\" className=\"text-xs capitalize\">\n                    {fr.status.toLowerCase().replace('_', ' ')}\n                  </Badge>\n                </button>\n              ))}\n            </CardContent>\n          </Card>\n        </div>\n\n        <div className=\"space-y-6\">\n          <Card>\n            <CardHeader>\n              <CardTitle>Details</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2 text-sm\">\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Created</span>\n                <span>{new Date(competitor.createdAt).toLocaleDateString()}</span>\n              </div>\n              <div className=\"flex justify-between\">\n                <span className=\"text-muted-foreground\">Updated</span>\n                <span>{new Date(competitor.updatedAt).toLocaleDateString()}</span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {competitor.tags.length > 0 && (\n            <Card>\n              <CardHeader>\n                <CardTitle>Tags</CardTitle>\n              </CardHeader>\n              <CardContent className=\"flex flex-wrap gap-1\">\n                {competitor.tags.map((tag) => (\n                  <Badge key={tag} variant=\"outline\" className=\"text-xs\">\n                    {tag}\n                  </Badge>\n                ))}\n              </CardContent>\n            </Card>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCompetitorsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CompetitorsCompetitorsPagePage.tsx"],"names":[],"mappings":"AAgDA,wBAAgB,8BAA8B,4CAyG7C"}

package/dist/planmagnet/pages/CompetitorsCompetitorsPagePage.js

@@ -0,0 +1,129 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { detailPath as n, rowLinkProps as r } from "../utils/rowNavigation.js";
+import { useDeferredValue as i, useState as a } from "react";
+import { Loader2 as o, Plus as s, Swords as c } from "lucide-react";
+import { gql as l } from "@apollo/client";
+import { useQuery as u } from "@apollo/client/react";
+import { jsx as d, jsxs as f } from "react/jsx-runtime";
+import { Badge as p, 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/CompetitorsCompetitorsPagePage.tsx
+var b = l`
+  query ListCompetitors(
+    $workspaceId: ID!
+    $filter: PlanmagnetCompetitorFilter
+    $pagination: PlanmagnetPaginationInput
+  ) {
+    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {
+      items {
+        id
+        name
+        website
+        description
+        tags
+        updatedAt
+        featureRequests {
+          id
+        }
+      }
+      totalCount
+    }
+  }
+`;
+function x() {
+	let l = t(), { workspaceId: x } = e(), [S, C] = a(""), w = i(S.trim()), { data: T, loading: E, error: D } = u(b, {
+		variables: {
+			workspaceId: x,
+			pagination: { first: 50 },
+			filter: w ? { search: w } : void 0
+		},
+		skip: !x
+	});
+	if (E && !T) return /* @__PURE__ */ d("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ d(o, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (D) return /* @__PURE__ */ f("div", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load competitors: ", D.message]
+	});
+	let O = T?.planmagnetCompetitors.items ?? [], k = T?.planmagnetCompetitors.totalCount ?? 0;
+	return /* @__PURE__ */ f("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ f("div", {
+				className: "flex items-center justify-between",
+				children: [/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
+					className: "text-2xl font-semibold",
+					children: "Competitors"
+				}), /* @__PURE__ */ f("p", {
+					className: "text-sm text-muted-foreground",
+					children: [
+						k,
+						" competitor",
+						k === 1 ? "" : "s",
+						" tracked across feature requests"
+					]
+				})] }), /* @__PURE__ */ f(m, {
+					size: "sm",
+					onClick: () => l("/products/create-competitor-page"),
+					children: [/* @__PURE__ */ d(s, { className: "mr-1 h-4 w-4" }), "New Competitor"]
+				})]
+			}),
+			/* @__PURE__ */ d(y, {
+				"aria-label": "Search competitors",
+				placeholder: "Search by name…",
+				value: S,
+				onChange: (e) => C(e.target.value),
+				className: "max-w-xs"
+			}),
+			/* @__PURE__ */ d("div", {
+				className: "grid grid-cols-1 md:grid-cols-2 gap-4",
+				children: O.map((e) => /* @__PURE__ */ f(h, {
+					...r(() => l(n("/products/competitor-detail-page", e.id)), e.name),
+					children: [/* @__PURE__ */ d(_, {
+						className: "pb-2",
+						children: /* @__PURE__ */ f(v, {
+							className: "text-base flex items-center gap-2",
+							children: [/* @__PURE__ */ d(c, { className: "h-4 w-4 text-primary" }), e.name]
+						})
+					}), /* @__PURE__ */ f(g, {
+						className: "space-y-3",
+						children: [
+							/* @__PURE__ */ d("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description ?? "No description"
+							}),
+							e.website && /* @__PURE__ */ d("p", {
+								className: "text-xs text-primary",
+								children: e.website
+							}),
+							/* @__PURE__ */ f("div", {
+								className: "flex items-center justify-between text-xs text-muted-foreground border-t pt-2",
+								children: [/* @__PURE__ */ f("span", { children: [
+									e.featureRequests.length,
+									" linked feature",
+									e.featureRequests.length === 1 ? "" : "s"
+								] }), e.tags.length > 0 && /* @__PURE__ */ d("div", {
+									className: "flex gap-1",
+									children: e.tags.slice(0, 3).map((e) => /* @__PURE__ */ d(p, {
+										variant: "outline",
+										className: "text-[10px]",
+										children: e
+									}, e))
+								})]
+							})
+						]
+					})]
+				}, e.id))
+			}),
+			O.length === 0 && /* @__PURE__ */ d("p", {
+				className: "text-center text-muted-foreground py-8",
+				children: S ? "No competitors match your search." : "No competitors yet. Add one to start tracking it against your feature requests."
+			})
+		]
+	});
+}
+//#endregion
+export { x as CompetitorsCompetitorsPagePage };
+
+//# sourceMappingURL=CompetitorsCompetitorsPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCompetitorsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsCompetitorsPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport {\n  Card,\n  CardContent,\n  CardHeader,\n  CardTitle,\n  Badge,\n  Button,\n  Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Swords, Plus, Loader2 } from 'lucide-react';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { rowLinkProps, detailPath } from '../utils/rowNavigation';\n\nconst LIST_COMPETITORS = gql`\n  query ListCompetitors(\n    $workspaceId: ID!\n    $filter: PlanmagnetCompetitorFilter\n    $pagination: PlanmagnetPaginationInput\n  ) {\n    planmagnetCompetitors(workspaceId: $workspaceId, filter: $filter, pagination: $pagination) {\n      items {\n        id\n        name\n        website\n        description\n        tags\n        updatedAt\n        featureRequests {\n          id\n        }\n      }\n      totalCount\n    }\n  }\n`;\n\ninterface CompetitorNode {\n  id: string;\n  name: string;\n  website: string | null;\n  description: string | null;\n  tags: string[];\n  featureRequests: { id: string }[];\n}\n\nexport function CompetitorsCompetitorsPagePage() {\n  const navigate = usePlanMagnetNavigate();\n  const { workspaceId } = usePlanMagnet();\n  const [search, setSearch] = useState('');\n  const deferred = useDeferredValue(search.trim());\n\n  const { data, loading, error } = useQuery<{\n    planmagnetCompetitors: { items: CompetitorNode[]; totalCount: number };\n  }>(LIST_COMPETITORS, {\n    variables: {\n      workspaceId,\n      pagination: { first: 50 },\n      filter: deferred ? { search: deferred } : undefined,\n    },\n    skip: !workspaceId,\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 competitors: {error.message}</div>;\n  }\n\n  const competitors = data?.planmagnetCompetitors.items ?? [];\n  const totalCount = data?.planmagnetCompetitors.totalCount ?? 0;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Competitors</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            {totalCount} competitor{totalCount === 1 ? '' : 's'} tracked across feature requests\n          </p>\n        </div>\n        <Button size=\"sm\" onClick={() => navigate('/products/create-competitor-page')}>\n          <Plus className=\"mr-1 h-4 w-4\" />\n          New Competitor\n        </Button>\n      </div>\n\n      <Input\n        aria-label=\"Search competitors\"\n        placeholder=\"Search by name…\"\n        value={search}\n        onChange={(e) => setSearch(e.target.value)}\n        className=\"max-w-xs\"\n      />\n\n      <div className=\"grid grid-cols-1 md:grid-cols-2 gap-4\">\n        {competitors.map((comp) => (\n          <Card\n            key={comp.id}\n            {...rowLinkProps(\n              () => navigate(detailPath('/products/competitor-detail-page', comp.id)),\n              comp.name\n            )}\n          >\n            <CardHeader className=\"pb-2\">\n              <CardTitle className=\"text-base flex items-center gap-2\">\n                <Swords className=\"h-4 w-4 text-primary\" />\n                {comp.name}\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <p className=\"text-sm text-muted-foreground\">\n                {comp.description ?? 'No description'}\n              </p>\n              {comp.website && <p className=\"text-xs text-primary\">{comp.website}</p>}\n              <div className=\"flex items-center justify-between text-xs text-muted-foreground border-t pt-2\">\n                <span>\n                  {comp.featureRequests.length} linked feature\n                  {comp.featureRequests.length === 1 ? '' : 's'}\n                </span>\n                {comp.tags.length > 0 && (\n                  <div className=\"flex gap-1\">\n                    {comp.tags.slice(0, 3).map((tag) => (\n                      <Badge key={tag} variant=\"outline\" className=\"text-[10px]\">\n                        {tag}\n                      </Badge>\n                    ))}\n                  </div>\n                )}\n              </div>\n            </CardContent>\n          </Card>\n        ))}\n      </div>\n      {competitors.length === 0 && (\n        <p className=\"text-center text-muted-foreground py-8\">\n          {search\n            ? 'No competitors match your search.'\n            : 'No competitors yet. Add one to start tracking it against your feature requests.'}\n        </p>\n      )}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;AAgBA,IAAM,IAAmB,CAAG;;;;;;;;;;;;;;;;;;;;;;AAgC5B,SAAgB,IAAiC;CAC/C,IAAM,IAAW,GAAuB,EAClC,EAAE,mBAAgB,GAAe,EACjC,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,IAAW,EAAiB,EAAO,MAAM,CAAC,EAE1C,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAkB;EACnB,WAAW;GACT;GACA,YAAY,EAAE,OAAO,IAAI;GACzB,QAAQ,IAAW,EAAE,QAAQ,GAAU,GAAG,KAAA;GAC3C;EACD,MAAM,CAAC;EACR,CAAC;AAIF,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACb,kBAAC,GAAD,EAAS,WAAU,8CAA+C,CAAA;EAC9D,CAAA;AAIV,KAAI,EACF,QAAO,kBAAC,OAAD;EAAK,WAAU;YAAf,CAAsC,gCAA6B,EAAM,QAAc;;CAGhG,IAAM,IAAc,GAAM,sBAAsB,SAAS,EAAE,EACrD,IAAa,GAAM,sBAAsB,cAAc;AAE7D,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD,EAAA,UAAA,CACE,kBAAC,MAAD;KAAI,WAAU;eAAyB;KAAgB,CAAA,EACvD,kBAAC,KAAD;KAAG,WAAU;eAAb;MACG;MAAW;MAAY,MAAe,IAAI,KAAK;MAAI;MAClD;OACA,EAAA,CAAA,EACN,kBAAC,GAAD;KAAQ,MAAK;KAAK,eAAe,EAAS,mCAAmC;eAA7E,CACE,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAAA,iBAE1B;OACL;;GAEN,kBAAC,GAAD;IACE,cAAW;IACX,aAAY;IACZ,OAAO;IACP,WAAW,MAAM,EAAU,EAAE,OAAO,MAAM;IAC1C,WAAU;IACV,CAAA;GAEF,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAY,KAAK,MAChB,kBAAC,GAAD;KAEE,GAAI,QACI,EAAS,EAAW,oCAAoC,EAAK,GAAG,CAAC,EACvE,EAAK,KACN;eALH,CAOE,kBAAC,GAAD;MAAY,WAAU;gBACpB,kBAAC,GAAD;OAAW,WAAU;iBAArB,CACE,kBAAC,GAAD,EAAQ,WAAU,wBAAyB,CAAA,EAC1C,EAAK,KACI;;MACD,CAAA,EACb,kBAAC,GAAD;MAAa,WAAU;gBAAvB;OACE,kBAAC,KAAD;QAAG,WAAU;kBACV,EAAK,eAAe;QACnB,CAAA;OACH,EAAK,WAAW,kBAAC,KAAD;QAAG,WAAU;kBAAwB,EAAK;QAAY,CAAA;OACvE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,QAAD,EAAA,UAAA;SACG,EAAK,gBAAgB;SAAO;SAC5B,EAAK,gBAAgB,WAAW,IAAI,KAAK;SACrC,EAAA,CAAA,EACN,EAAK,KAAK,SAAS,KAClB,kBAAC,OAAD;SAAK,WAAU;mBACZ,EAAK,KAAK,MAAM,GAAG,EAAE,CAAC,KAAK,MAC1B,kBAAC,GAAD;UAAiB,SAAQ;UAAU,WAAU;oBAC1C;UACK,EAFI,EAEJ,CACR;SACE,CAAA,CAEJ;;OACM;QACT;OAjCA,EAAK,GAiCL,CACP;IACE,CAAA;GACL,EAAY,WAAW,KACtB,kBAAC,KAAD;IAAG,WAAU;cACV,IACG,sCACA;IACF,CAAA;GAEF"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCreateCompetitorPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CompetitorsCreateCompetitorPagePage.tsx"],"names":[],"mappings":"AAiBA,wBAAgB,mCAAmC,4CA0HlD"}

package/dist/planmagnet/pages/CompetitorsCreateCompetitorPagePage.js

@@ -0,0 +1,132 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { throwOnError as t } from "../utils/mutationResult.js";
+import { useState as n } from "react";
+import { Loader2 as r, Save as i, Swords 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/CompetitorsCreateCompetitorPagePage.tsx
+var _ = s`
+  mutation CreateCompetitor($input: PlanmagnetCreateCompetitorInput!) {
+    planmagnetCreateCompetitor(input: $input) {
+      id
+      name
+    }
+  }
+`;
+function v() {
+	let s = e(), [v, y] = n({
+		name: "",
+		website: "",
+		description: "",
+		tags: ""
+	}), [b, x] = n(null), [S, { loading: C }] = c(_, { refetchQueries: ["ListCompetitors", "PickerCompetitors"] });
+	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: "Add Competitor"
+				}), /* @__PURE__ */ l("p", {
+					className: "text-sm text-muted-foreground",
+					children: "Track a competitor so you can link it to feature requests it offers."
+				})] }), /* @__PURE__ */ u("div", {
+					className: "flex gap-2",
+					children: [/* @__PURE__ */ u(d, {
+						variant: "outline",
+						size: "sm",
+						onClick: () => s("/products/competitors-page"),
+						children: [/* @__PURE__ */ l(o, { className: "mr-1 h-4 w-4" }), "Cancel"]
+					}), /* @__PURE__ */ u(d, {
+						size: "sm",
+						onClick: async () => {
+							if (v.name.trim()) {
+								x(null);
+								try {
+									await t(S({ variables: { input: {
+										name: v.name.trim(),
+										website: v.website.trim() || void 0,
+										description: v.description.trim() || void 0,
+										tags: v.tags.split(",").map((e) => e.trim()).filter(Boolean)
+									} } })), s("/products/competitors-page");
+								} catch (e) {
+									x(e instanceof Error ? e.message : "The competitor could not be created.");
+								}
+							}
+						},
+						disabled: C || !v.name.trim(),
+						children: [C ? /* @__PURE__ */ l(r, { className: "mr-1 h-4 w-4 animate-spin" }) : /* @__PURE__ */ l(i, { className: "mr-1 h-4 w-4" }), "Add Competitor"]
+					})]
+				})]
+			}),
+			b && /* @__PURE__ */ u("div", {
+				role: "alert",
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: ["Failed to add competitor: ", b]
+			}),
+			/* @__PURE__ */ u(f, { children: [/* @__PURE__ */ l(m, { children: /* @__PURE__ */ u(h, {
+				className: "flex items-center gap-2",
+				children: [/* @__PURE__ */ l(a, { className: "h-4 w-4" }), "Competitor 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: v.name,
+						onChange: (e) => y({
+							...v,
+							name: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. Linear"
+					})] }),
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: "text-sm font-medium",
+						children: "Website"
+					}), /* @__PURE__ */ l(g, {
+						value: v.website,
+						onChange: (e) => y({
+							...v,
+							website: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "https://…"
+					})] }),
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: "text-sm font-medium",
+						children: "Description / Notes"
+					}), /* @__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: v.description,
+						onChange: (e) => y({
+							...v,
+							description: e.target.value
+						}),
+						placeholder: "What they offer, how they compare…"
+					})] }),
+					/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ l(g, {
+						value: v.tags,
+						onChange: (e) => y({
+							...v,
+							tags: e.target.value
+						}),
+						className: "mt-1",
+						placeholder: "e.g. enterprise, pm-tool"
+					})] })
+				]
+			})] })
+		]
+	});
+}
+//#endregion
+export { v as CompetitorsCreateCompetitorPagePage };
+
+//# sourceMappingURL=CompetitorsCreateCompetitorPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsCreateCompetitorPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/CompetitorsCreateCompetitorPagePage.tsx"],"sourcesContent":["import { 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, Swords, Loader2 } from 'lucide-react';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { throwOnError } from '../utils/mutationResult';\n\nconst CREATE_COMPETITOR = gql`\n  mutation CreateCompetitor($input: PlanmagnetCreateCompetitorInput!) {\n    planmagnetCreateCompetitor(input: $input) {\n      id\n      name\n    }\n  }\n`;\n\nexport function CompetitorsCreateCompetitorPagePage() {\n  const navigate = usePlanMagnetNavigate();\n\n  const [form, setForm] = useState({\n    name: '',\n    website: '',\n    description: '',\n    tags: '',\n  });\n  const [saveError, setSaveError] = useState<string | null>(null);\n  const [createCompetitor, { loading: saving }] = useMutation(CREATE_COMPETITOR, {\n    refetchQueries: ['ListCompetitors', 'PickerCompetitors'],\n  });\n\n  const handleCreate = async () => {\n    if (!form.name.trim()) return;\n    setSaveError(null);\n    try {\n      await throwOnError(\n        createCompetitor({\n          variables: {\n            input: {\n              name: form.name.trim(),\n              website: form.website.trim() || undefined,\n              description: form.description.trim() || undefined,\n              tags: form.tags\n                .split(',')\n                .map((t) => t.trim())\n                .filter(Boolean),\n            },\n          },\n        })\n      );\n      navigate('/products/competitors-page');\n    } catch (e) {\n      setSaveError(e instanceof Error ? e.message : 'The competitor could not be created.');\n    }\n  };\n\n  return (\n    <div className=\"space-y-6 p-6 max-w-4xl\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold\">Add Competitor</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Track a competitor so you can link it to feature requests it offers.\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <Button\n            variant=\"outline\"\n            size=\"sm\"\n            onClick={() => navigate('/products/competitors-page')}\n          >\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            Add Competitor\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 add competitor: {saveError}\n        </div>\n      )}\n\n      <Card>\n        <CardHeader>\n          <CardTitle className=\"flex items-center gap-2\">\n            <Swords className=\"h-4 w-4\" />\n            Competitor 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. Linear\"\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              placeholder=\"https://…\"\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              placeholder=\"What they offer, how they compare…\"\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              placeholder=\"e.g. enterprise, pm-tool\"\n            />\n          </div>\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"CompetitorsEditCompetitorPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/CompetitorsEditCompetitorPagePage.tsx"],"names":[],"mappings":"AAmCA,wBAAgB,iCAAiC,4CA8KhD"}

package/dist/planmagnet/pages/CompetitorsEditCompetitorPagePage.js

@@ -0,0 +1,181 @@
+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";
+//#region src/planmagnet/pages/CompetitorsEditCompetitorPagePage.tsx
+var b = l`
+  query GetCompetitorForEdit($id: ID!) {
+    planmagnetCompetitor(id: $id) {
+      id
+      name
+      website
+      description
+      tags
+    }
+  }
+`, x = l`
+  mutation UpdateCompetitor($id: ID!, $input: PlanmagnetUpdateCompetitorInput!) {
+    planmagnetUpdateCompetitor(id: $id, input: $input) {
+      id
+      name
+      website
+      description
+      tags
+      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, {
+		refetchQueries: [
+			"ListCompetitors",
+			"GetCompetitorForEdit",
+			"GetCompetitor",
+			"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", {
+		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", {
+		className: "p-6 text-destructive",
+		children: ["Failed to load competitor: ", T.message]
+	}) : M ? /* @__PURE__ */ p("div", {
+		className: "space-y-6 p-6 max-w-4xl",
+		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",
+						"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", {
+						className: "text-2xl font-semibold",
+						children: "Edit Competitor"
+					}), /* @__PURE__ */ f("p", {
+						className: "text-sm text-muted-foreground",
+						children: M.name
+					})] })]
+				}), /* @__PURE__ */ p(m, {
+					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(),
+							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);
+							return;
+						}
+						try {
+							await t(E({ variables: {
+								id: S,
+								input: i
+							} })), j(!0);
+						} catch (e) {
+							k(e instanceof Error ? e.message : "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"]
+				})]
+			}),
+			A && /* @__PURE__ */ f("div", {
+				role: "status",
+				className: "p-3 bg-muted text-status-success-text rounded-md text-sm",
+				children: "Changes saved."
+			}),
+			O && /* @__PURE__ */ f("div", {
+				role: "alert",
+				className: "p-3 rounded-md bg-destructive/10 text-destructive text-sm",
+				children: O
+			}),
+			/* @__PURE__ */ p(h, { children: [/* @__PURE__ */ f(_, { children: /* @__PURE__ */ f(v, { children: "Competitor Details" }) }), /* @__PURE__ */ p(g, {
+				className: "space-y-4",
+				children: [
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						className: "text-sm font-medium",
+						children: "Name"
+					}), /* @__PURE__ */ f(y, {
+						value: I.name,
+						onChange: (e) => L({
+							...I,
+							name: e.target.value
+						}),
+						className: "mt-1"
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						className: "text-sm font-medium",
+						children: "Website"
+					}), /* @__PURE__ */ f(y, {
+						value: I.website,
+						onChange: (e) => L({
+							...I,
+							website: e.target.value
+						}),
+						className: "mt-1"
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						className: "text-sm font-medium",
+						children: "Description / Notes"
+					}), /* @__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: I.description,
+						onChange: (e) => L({
+							...I,
+							description: e.target.value
+						})
+					})] }),
+					/* @__PURE__ */ p("div", { children: [/* @__PURE__ */ f("label", {
+						className: "text-sm font-medium",
+						children: "Tags (comma-separated)"
+					}), /* @__PURE__ */ f(y, {
+						value: I.tags,
+						onChange: (e) => L({
+							...I,
+							tags: e.target.value
+						}),
+						className: "mt-1"
+					})] })
+				]
+			})] })
+		]
+	}) : /* @__PURE__ */ f("div", {
+		className: "p-6 text-muted-foreground",
+		children: "Competitor not found."
+	});
+}
+//#endregion
+export { S as CompetitorsEditCompetitorPagePage };
+
+//# sourceMappingURL=CompetitorsEditCompetitorPagePage.js.map