@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.2

package/dist/planmagnet/product/ProductTeamsPanel.js

@@ -0,0 +1,129 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { throwOnError as n } from "../utils/mutationResult.js";
+import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { detailPath as i } from "../utils/rowNavigation.js";
+import { TeamSelect as a } from "../controls/Pickers.js";
+import { LINK_PRODUCT_TEAM as o, PRODUCT_TEAMS as s, UNLINK_PRODUCT_TEAM as c } from "./hierarchyOperations.js";
+import { refusalMessage as l } from "./refusal.js";
+import { useState as u } from "react";
+import { Plus as d, Users as f, X as p } from "lucide-react";
+import { useMutation as m, useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Button as v } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/product/ProductTeamsPanel.tsx
+function y({ productId: y }) {
+	let b = t(), x = e(), { data: S, loading: C, error: w } = h(s, {
+		variables: { productId: y },
+		skip: !y
+	}), T = {
+		refetchQueries: ["ProductTeams"],
+		awaitRefetchQueries: !0
+	}, [E, D] = m(o, T), [O, k] = m(c, T), [A, j] = u(""), [M, N] = u(null), [P, F] = u(null), I = S?.planmagnetProduct ?? null, L = I?.teams ?? [], R = !!I?.archivedAt, z = b("planmagnet.productTeams.errors.forbidden", "Your role cannot change which teams a product has."), B = async () => {
+		if (A) {
+			F(null);
+			try {
+				await n(E({ variables: {
+					productId: y,
+					teamId: A
+				} })), j("");
+			} catch (e) {
+				F(l(e, b("planmagnet.productTeams.errors.link", "The team could not be linked."), z));
+			}
+		}
+	}, V = async (e) => {
+		F(null), N(e);
+		try {
+			await n(O({ variables: {
+				productId: y,
+				teamId: e
+			} }));
+		} catch (e) {
+			F(l(e, b("planmagnet.productTeams.errors.unlink", "The team could not be unlinked."), z));
+		} finally {
+			N(null);
+		}
+	};
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-3",
+		"data-testid": "product-teams",
+		children: [
+			/* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				"data-testid": "product-teams-access-note",
+				children: b("planmagnet.productTeams.accessNote", "Teams that own, plan or report on this product. Linking or unlinking a team does not change anyone’s access — every member keeps exactly the access their own role gives them.")
+			}),
+			w && /* @__PURE__ */ g(r, { message: b("planmagnet.productTeams.errors.load", "Teams could not be loaded: {{message}}", { message: w.message }) }),
+			C && !S && /* @__PURE__ */ g("p", {
+				className: "text-sm text-muted-foreground",
+				children: b("planmagnet.productTeams.loading", "Loading teams…")
+			}),
+			I && L.length === 0 && /* @__PURE__ */ g("p", {
+				className: "py-2 text-center text-sm text-muted-foreground",
+				children: b("planmagnet.productTeams.empty", "No teams linked to this product yet.")
+			}),
+			L.length > 0 && /* @__PURE__ */ g("ul", {
+				className: "space-y-1",
+				children: L.map((e) => /* @__PURE__ */ _("li", {
+					className: "flex flex-wrap items-center justify-between gap-2 rounded-md border p-2 text-sm",
+					children: [/* @__PURE__ */ _("button", {
+						type: "button",
+						className: "flex min-w-0 items-center gap-2 text-left hover:underline",
+						onClick: () => x(i("/team/team-detail-page", e.id)),
+						children: [/* @__PURE__ */ g(f, { className: "h-4 w-4 shrink-0 text-muted-foreground" }), /* @__PURE__ */ g("span", {
+							className: "truncate",
+							children: e.name
+						})]
+					}), /* @__PURE__ */ _("div", {
+						className: "flex shrink-0 items-center gap-2",
+						children: [/* @__PURE__ */ g("span", {
+							className: "text-xs text-muted-foreground",
+							children: e.members.length === 1 ? b("planmagnet.productTeams.members.one", "1 member") : b("planmagnet.productTeams.members.count", "{{count}} members", { count: e.members.length })
+						}), /* @__PURE__ */ g(v, {
+							size: "sm",
+							variant: "ghost",
+							"aria-label": b("planmagnet.productTeams.unlinkNamed", "Unlink {{name}}", { name: e.name }),
+							disabled: k.loading,
+							onClick: () => void V(e.id),
+							"data-testid": "product-team-unlink",
+							children: M === e.id ? "…" : /* @__PURE__ */ g(p, { className: "h-4 w-4" })
+						})]
+					})]
+				}, e.id))
+			}),
+			I && /* @__PURE__ */ _("div", {
+				className: "flex items-start gap-2 border-t pt-2",
+				children: [/* @__PURE__ */ _("div", {
+					className: "flex-1",
+					children: [/* @__PURE__ */ g("label", {
+						htmlFor: `product-add-team-${y}`,
+						className: "sr-only",
+						children: b("planmagnet.productTeams.pickLabel", "Team to link")
+					}), /* @__PURE__ */ g(a, {
+						id: `product-add-team-${y}`,
+						value: A,
+						onChange: j,
+						noneLabel: b("planmagnet.productTeams.pick", "Choose a team"),
+						exclude: L.map((e) => e.id),
+						disabled: R
+					})]
+				}), /* @__PURE__ */ _(v, {
+					size: "sm",
+					disabled: !A || R || D.loading,
+					onClick: () => void B(),
+					"data-testid": "product-team-link",
+					children: [/* @__PURE__ */ g(d, { className: "mr-1 h-4 w-4" }), b("planmagnet.productTeams.link", "Link team")]
+				})]
+			}),
+			R && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: b("planmagnet.productTeams.archived", "This product is archived — unarchive it to link more teams.")
+			}),
+			P && /* @__PURE__ */ g(r, { message: P })
+		]
+	});
+}
+//#endregion
+export { y as ProductTeamsPanel };
+
+//# sourceMappingURL=ProductTeamsPanel.js.map

package/dist/planmagnet/product/ProductTeamsPanel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProductTeamsPanel.js","names":[],"sources":["../../../src/planmagnet/product/ProductTeamsPanel.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useMutation, useQuery } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { Plus, Users, X } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { TeamSelect } from '../controls/Pickers';\nimport { throwOnError } from '../utils/mutationResult';\nimport { detailPath } from '../utils/rowNavigation';\nimport { LINK_PRODUCT_TEAM, PRODUCT_TEAMS, UNLINK_PRODUCT_TEAM } from './hierarchyOperations';\nimport { refusalMessage } from './refusal';\n\n/**\n * The teams that own, plan or report on a product (PRM-01, Product ↔ Team many-to-many). The link is a record of\n * responsibility only: the service writes the join row and nothing else — no role, no team membership, no project\n * link — so linking or unlinking a team never changes what anyone can see or do. The panel says so where the\n * decision is made.\n */\n\ninterface LinkedTeam {\n  id: string;\n  name: string;\n  description: string | null;\n  members: { id: string }[];\n}\n\nexport function ProductTeamsPanel({ productId }: { productId: string }) {\n  const tr = useTr();\n  const navigate = usePlanMagnetNavigate();\n  const { data, loading, error } = useQuery<{\n    planmagnetProduct: { id: string; archivedAt: string | null; teams: LinkedTeam[] } | null;\n  }>(PRODUCT_TEAMS, { variables: { productId }, skip: !productId });\n  const options = { refetchQueries: ['ProductTeams'], awaitRefetchQueries: true };\n  const [link, linkState] = useMutation(LINK_PRODUCT_TEAM, options);\n  const [unlink, unlinkState] = useMutation(UNLINK_PRODUCT_TEAM, options);\n  const [teamId, setTeamId] = useState('');\n  const [removingId, setRemovingId] = useState<string | null>(null);\n  const [actionError, setActionError] = useState<string | null>(null);\n\n  const product = data?.planmagnetProduct ?? null;\n  const teams = product?.teams ?? [];\n  const archived = !!product?.archivedAt;\n  const forbidden = tr(\n    'planmagnet.productTeams.errors.forbidden',\n    'Your role cannot change which teams a product has.'\n  );\n\n  const onLink = async () => {\n    if (!teamId) return;\n    setActionError(null);\n    try {\n      await throwOnError(link({ variables: { productId, teamId } }));\n      setTeamId('');\n    } catch (e) {\n      setActionError(\n        refusalMessage(\n          e,\n          tr('planmagnet.productTeams.errors.link', 'The team could not be linked.'),\n          forbidden\n        )\n      );\n    }\n  };\n\n  const onUnlink = async (id: string) => {\n    setActionError(null);\n    setRemovingId(id);\n    try {\n      await throwOnError(unlink({ variables: { productId, teamId: id } }));\n    } catch (e) {\n      setActionError(\n        refusalMessage(\n          e,\n          tr('planmagnet.productTeams.errors.unlink', 'The team could not be unlinked.'),\n          forbidden\n        )\n      );\n    } finally {\n      setRemovingId(null);\n    }\n  };\n\n  return (\n    <div className=\"space-y-3\" data-testid=\"product-teams\">\n      <p className=\"text-sm text-muted-foreground\" data-testid=\"product-teams-access-note\">\n        {tr(\n          'planmagnet.productTeams.accessNote',\n          'Teams that own, plan or report on this product. Linking or unlinking a team does not change anyone’s access — every member keeps exactly the access their own role gives them.'\n        )}\n      </p>\n      {error && (\n        <ErrorLine\n          message={tr(\n            'planmagnet.productTeams.errors.load',\n            'Teams could not be loaded: {{message}}',\n            {\n              message: error.message,\n            }\n          )}\n        />\n      )}\n      {loading && !data && (\n        <p className=\"text-sm text-muted-foreground\">\n          {tr('planmagnet.productTeams.loading', 'Loading teams…')}\n        </p>\n      )}\n      {product && teams.length === 0 && (\n        <p className=\"py-2 text-center text-sm text-muted-foreground\">\n          {tr('planmagnet.productTeams.empty', 'No teams linked to this product yet.')}\n        </p>\n      )}\n      {teams.length > 0 && (\n        <ul className=\"space-y-1\">\n          {teams.map((team) => (\n            <li\n              key={team.id}\n              className=\"flex flex-wrap items-center justify-between gap-2 rounded-md border p-2 text-sm\"\n            >\n              <button\n                type=\"button\"\n                className=\"flex min-w-0 items-center gap-2 text-left hover:underline\"\n                onClick={() => navigate(detailPath('/team/team-detail-page', team.id))}\n              >\n                <Users className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n                <span className=\"truncate\">{team.name}</span>\n              </button>\n              <div className=\"flex shrink-0 items-center gap-2\">\n                <span className=\"text-xs text-muted-foreground\">\n                  {team.members.length === 1\n                    ? tr('planmagnet.productTeams.members.one', '1 member')\n                    : tr('planmagnet.productTeams.members.count', '{{count}} members', {\n                        count: team.members.length,\n                      })}\n                </span>\n                <Button\n                  size=\"sm\"\n                  variant=\"ghost\"\n                  aria-label={tr('planmagnet.productTeams.unlinkNamed', 'Unlink {{name}}', {\n                    name: team.name,\n                  })}\n                  disabled={unlinkState.loading}\n                  onClick={() => void onUnlink(team.id)}\n                  data-testid=\"product-team-unlink\"\n                >\n                  {removingId === team.id ? '…' : <X className=\"h-4 w-4\" />}\n                </Button>\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n      {product && (\n        <div className=\"flex items-start gap-2 border-t pt-2\">\n          <div className=\"flex-1\">\n            <label htmlFor={`product-add-team-${productId}`} className=\"sr-only\">\n              {tr('planmagnet.productTeams.pickLabel', 'Team to link')}\n            </label>\n            <TeamSelect\n              id={`product-add-team-${productId}`}\n              value={teamId}\n              onChange={setTeamId}\n              noneLabel={tr('planmagnet.productTeams.pick', 'Choose a team')}\n              exclude={teams.map((t) => t.id)}\n              disabled={archived}\n            />\n          </div>\n          <Button\n            size=\"sm\"\n            disabled={!teamId || archived || linkState.loading}\n            onClick={() => void onLink()}\n            data-testid=\"product-team-link\"\n          >\n            <Plus className=\"mr-1 h-4 w-4\" />\n            {tr('planmagnet.productTeams.link', 'Link team')}\n          </Button>\n        </div>\n      )}\n      {archived && (\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.productTeams.archived',\n            'This product is archived — unarchive it to link more teams.'\n          )}\n        </p>\n      )}\n      {actionError && <ErrorLine message={actionError} />}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;;;;AA2BA,SAAgB,EAAkB,EAAE,gBAAoC;CACtE,IAAM,IAAK,GAAO,EACZ,IAAW,GAAuB,EAClC,EAAE,SAAM,YAAS,aAAU,EAE9B,GAAe;EAAE,WAAW,EAAE,cAAW;EAAE,MAAM,CAAC;EAAW,CAAC,EAC3D,IAAU;EAAE,gBAAgB,CAAC,eAAe;EAAE,qBAAqB;EAAM,EACzE,CAAC,GAAM,KAAa,EAAY,GAAmB,EAAQ,EAC3D,CAAC,GAAQ,KAAe,EAAY,GAAqB,EAAQ,EACjE,CAAC,GAAQ,KAAa,EAAS,GAAG,EAClC,CAAC,GAAY,KAAiB,EAAwB,KAAK,EAC3D,CAAC,GAAa,KAAkB,EAAwB,KAAK,EAE7D,IAAU,GAAM,qBAAqB,MACrC,IAAQ,GAAS,SAAS,EAAE,EAC5B,IAAW,CAAC,CAAC,GAAS,YACtB,IAAY,EAChB,4CACA,qDACD,EAEK,IAAS,YAAY;AACpB,SACL;KAAe,KAAK;AACpB,OAAI;AAEF,IADA,MAAM,EAAa,EAAK,EAAE,WAAW;KAAE;KAAW;KAAQ,EAAE,CAAC,CAAC,EAC9D,EAAU,GAAG;YACN,GAAG;AACV,MACE,EACE,GACA,EAAG,uCAAuC,gCAAgC,EAC1E,EACD,CACF;;;IAIC,IAAW,OAAO,MAAe;AAErC,EADA,EAAe,KAAK,EACpB,EAAc,EAAG;AACjB,MAAI;AACF,SAAM,EAAa,EAAO,EAAE,WAAW;IAAE;IAAW,QAAQ;IAAI,EAAE,CAAC,CAAC;WAC7D,GAAG;AACV,KACE,EACE,GACA,EAAG,yCAAyC,kCAAkC,EAC9E,EACD,CACF;YACO;AACR,KAAc,KAAK;;;AAIvB,QACE,kBAAC,OAAD;EAAK,WAAU;EAAY,eAAY;YAAvC;GACE,kBAAC,KAAD;IAAG,WAAU;IAAgC,eAAY;cACtD,EACC,sCACA,iLACD;IACC,CAAA;GACH,KACC,kBAAC,GAAD,EACE,SAAS,EACP,uCACA,0CACA,EACE,SAAS,EAAM,SAChB,CACF,EACD,CAAA;GAEH,KAAW,CAAC,KACX,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,mCAAmC,iBAAiB;IACtD,CAAA;GAEL,KAAW,EAAM,WAAW,KAC3B,kBAAC,KAAD;IAAG,WAAU;cACV,EAAG,iCAAiC,uCAAuC;IAC1E,CAAA;GAEL,EAAM,SAAS,KACd,kBAAC,MAAD;IAAI,WAAU;cACX,EAAM,KAAK,MACV,kBAAC,MAAD;KAEE,WAAU;eAFZ,CAIE,kBAAC,UAAD;MACE,MAAK;MACL,WAAU;MACV,eAAe,EAAS,EAAW,0BAA0B,EAAK,GAAG,CAAC;gBAHxE,CAKE,kBAAC,GAAD,EAAO,WAAU,0CAA2C,CAAA,EAC5D,kBAAC,QAAD;OAAM,WAAU;iBAAY,EAAK;OAAY,CAAA,CACtC;SACT,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACE,kBAAC,QAAD;OAAM,WAAU;iBACb,EAAK,QAAQ,WAAW,IACrB,EAAG,uCAAuC,WAAW,GACrD,EAAG,yCAAyC,qBAAqB,EAC/D,OAAO,EAAK,QAAQ,QACrB,CAAC;OACD,CAAA,EACP,kBAAC,GAAD;OACE,MAAK;OACL,SAAQ;OACR,cAAY,EAAG,uCAAuC,mBAAmB,EACvE,MAAM,EAAK,MACZ,CAAC;OACF,UAAU,EAAY;OACtB,eAAe,KAAK,EAAS,EAAK,GAAG;OACrC,eAAY;iBAEX,MAAe,EAAK,KAAK,MAAM,kBAAC,GAAD,EAAG,WAAU,WAAY,CAAA;OAClD,CAAA,CACL;QACH;OAhCE,EAAK,GAgCP,CACL;IACC,CAAA;GAEN,KACC,kBAAC,OAAD;IAAK,WAAU;cAAf,CACE,kBAAC,OAAD;KAAK,WAAU;eAAf,CACE,kBAAC,SAAD;MAAO,SAAS,oBAAoB;MAAa,WAAU;gBACxD,EAAG,qCAAqC,eAAe;MAClD,CAAA,EACR,kBAAC,GAAD;MACE,IAAI,oBAAoB;MACxB,OAAO;MACP,UAAU;MACV,WAAW,EAAG,gCAAgC,gBAAgB;MAC9D,SAAS,EAAM,KAAK,MAAM,EAAE,GAAG;MAC/B,UAAU;MACV,CAAA,CACE;QACN,kBAAC,GAAD;KACE,MAAK;KACL,UAAU,CAAC,KAAU,KAAY,EAAU;KAC3C,eAAe,KAAK,GAAQ;KAC5B,eAAY;eAJd,CAME,kBAAC,GAAD,EAAM,WAAU,gBAAiB,CAAA,EAChC,EAAG,gCAAgC,YAAY,CACzC;OACL;;GAEP,KACC,kBAAC,KAAD;IAAG,WAAU;cACV,EACC,oCACA,8DACD;IACC,CAAA;GAEL,KAAe,kBAAC,GAAD,EAAW,SAAS,GAAe,CAAA;GAC/C"}

package/dist/planmagnet/product/WorkItemProductFeatureChip.d.ts

@@ -0,0 +1,4 @@
+export declare function WorkItemProductFeatureChip({ workItemId }: {
+    workItemId: string;
+}): import("react/jsx-runtime").JSX.Element | null;
+//# sourceMappingURL=WorkItemProductFeatureChip.d.ts.map

package/dist/planmagnet/product/WorkItemProductFeatureChip.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemProductFeatureChip.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/product/WorkItemProductFeatureChip.tsx"],"names":[],"mappings":"AAkBA,wBAAgB,0BAA0B,CAAC,EAAE,UAAU,EAAE,EAAE;IAAE,UAAU,EAAE,MAAM,CAAA;CAAE,kDAsChF"}

package/dist/planmagnet/product/WorkItemProductFeatureChip.js

@@ -0,0 +1,41 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { detailPath as n } from "../utils/rowNavigation.js";
+import { WORK_ITEM_PRODUCT_FEATURE as r } from "./hierarchyOperations.js";
+import { Puzzle as i } from "lucide-react";
+import { useQuery as a } from "@apollo/client/react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/planmagnet/product/WorkItemProductFeatureChip.tsx
+function c({ workItemId: c }) {
+	let l = t(), u = e(), { data: d } = a(r, {
+		variables: { id: c },
+		skip: !c
+	}), f = d?.planmagnetWorkItem;
+	if (!f) return null;
+	let p = f.productFeature, m = !p && f.parent?.type === "EPIC" ? f.parent.productFeature : null, h = p ?? m;
+	return h ? /* @__PURE__ */ s("button", {
+		type: "button",
+		className: "mt-2 inline-flex max-w-full items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs hover:bg-muted",
+		onClick: () => u(n("/products/product-feature-detail-page", h.id)),
+		"data-testid": "work-item-product-feature",
+		children: [
+			/* @__PURE__ */ o(i, { className: "h-3 w-3 shrink-0 text-primary" }),
+			/* @__PURE__ */ o("span", {
+				className: "text-muted-foreground",
+				children: l("planmagnet.productFeatures.chip.label", "Product feature")
+			}),
+			/* @__PURE__ */ o("span", {
+				className: "truncate font-medium",
+				children: h.name
+			}),
+			m && f.parent && /* @__PURE__ */ o("span", {
+				className: "shrink-0 text-muted-foreground",
+				children: l("planmagnet.productFeatures.chip.viaEpic", "via {{key}}", { key: f.parent.key })
+			})
+		]
+	}) : null;
+}
+//#endregion
+export { c as WorkItemProductFeatureChip };
+
+//# sourceMappingURL=WorkItemProductFeatureChip.js.map

package/dist/planmagnet/product/WorkItemProductFeatureChip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WorkItemProductFeatureChip.js","names":[],"sources":["../../../src/planmagnet/product/WorkItemProductFeatureChip.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { Puzzle } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { WORK_ITEM_PRODUCT_FEATURE } from './hierarchyOperations';\n\n/**\n * The read-only \"Product feature\" chip on a work item's page (PRM-01). An EPIC shows the feature it is linked to; a\n * story (or any item filed under an epic) shows its epic's feature, since stories reach a feature through their\n * epic. Links are made from the feature's page. Its own query: a failure here hides the chip, never the task page.\n */\n\ninterface FeatureRef {\n  id: string;\n  name: string;\n}\n\nexport function WorkItemProductFeatureChip({ workItemId }: { workItemId: string }) {\n  const tr = useTr();\n  const navigate = usePlanMagnetNavigate();\n  const { data } = useQuery<{\n    planmagnetWorkItem: {\n      id: string;\n      type: string;\n      productFeature: FeatureRef | null;\n      parent: { id: string; key: string; type: string; productFeature: FeatureRef | null } | null;\n    } | null;\n  }>(WORK_ITEM_PRODUCT_FEATURE, { variables: { id: workItemId }, skip: !workItemId });\n\n  const item = data?.planmagnetWorkItem;\n  if (!item) return null;\n  const own = item.productFeature;\n  const viaEpic = !own && item.parent?.type === 'EPIC' ? item.parent.productFeature : null;\n  const feature = own ?? viaEpic;\n  if (!feature) return null;\n\n  return (\n    <button\n      type=\"button\"\n      className=\"mt-2 inline-flex max-w-full items-center gap-1.5 rounded-full border px-2.5 py-0.5 text-xs hover:bg-muted\"\n      onClick={() => navigate(detailPath('/products/product-feature-detail-page', feature.id))}\n      data-testid=\"work-item-product-feature\"\n    >\n      <Puzzle className=\"h-3 w-3 shrink-0 text-primary\" />\n      <span className=\"text-muted-foreground\">\n        {tr('planmagnet.productFeatures.chip.label', 'Product feature')}\n      </span>\n      <span className=\"truncate font-medium\">{feature.name}</span>\n      {viaEpic && item.parent && (\n        <span className=\"shrink-0 text-muted-foreground\">\n          {tr('planmagnet.productFeatures.chip.viaEpic', 'via {{key}}', { key: item.parent.key })}\n        </span>\n      )}\n    </button>\n  );\n}\n"],"mappings":";;;;;;;;AAkBA,SAAgB,EAA2B,EAAE,iBAAsC;CACjF,IAAM,IAAK,GAAO,EACZ,IAAW,GAAuB,EAClC,EAAE,YAAS,EAOd,GAA2B;EAAE,WAAW,EAAE,IAAI,GAAY;EAAE,MAAM,CAAC;EAAY,CAAC,EAE7E,IAAO,GAAM;AACnB,KAAI,CAAC,EAAM,QAAO;CAClB,IAAM,IAAM,EAAK,gBACX,IAAU,CAAC,KAAO,EAAK,QAAQ,SAAS,SAAS,EAAK,OAAO,iBAAiB,MAC9E,IAAU,KAAO;AAGvB,QAFK,IAGH,kBAAC,UAAD;EACE,MAAK;EACL,WAAU;EACV,eAAe,EAAS,EAAW,yCAAyC,EAAQ,GAAG,CAAC;EACxF,eAAY;YAJd;GAME,kBAAC,GAAD,EAAQ,WAAU,iCAAkC,CAAA;GACpD,kBAAC,QAAD;IAAM,WAAU;cACb,EAAG,yCAAyC,kBAAkB;IAC1D,CAAA;GACP,kBAAC,QAAD;IAAM,WAAU;cAAwB,EAAQ;IAAY,CAAA;GAC3D,KAAW,EAAK,UACf,kBAAC,QAAD;IAAM,WAAU;cACb,EAAG,2CAA2C,eAAe,EAAE,KAAK,EAAK,OAAO,KAAK,CAAC;IAClF,CAAA;GAEF;MAnBU"}

package/dist/planmagnet/product/hierarchy.d.ts

@@ -0,0 +1,127 @@
+/**
+ * PRM-01 product hierarchy — the pure helpers behind the product line, product feature and hierarchy pages:
+ * Product line > Product > Feature > Epic > Story. No React and no GraphQL here, so every rule is unit-tested
+ * (tests/productHierarchy.test.ts).
+ *
+ * Vocabulary (owner decision, binding): a FEATURE REQUEST is customer/user feedback asking for something; a
+ * FEATURE (`PlanmagnetProductFeature`) is a product capability the team decided to build. A request may point at
+ * the feature that addresses it — it is never converted into one.
+ */
+/** `PlanmagnetProductFeatureStatus`, in lifecycle order (the SDL lists it alphabetically). */
+export declare const PRODUCT_FEATURE_STATUSES: readonly ["BACKLOG", "DISCOVERY", "PLANNING", "IN_DEVELOPMENT", "RELEASED"];
+export type ProductFeatureStatus = (typeof PRODUCT_FEATURE_STATUSES)[number];
+export declare function isProductFeatureStatus(value: string): value is ProductFeatureStatus;
+/** The fe-libs Badge variant for a feature status — semantic tokens only, never a raw colour. */
+export type FeatureStatusBadgeVariant = 'outline' | 'secondary' | 'info' | 'default' | 'success';
+/** A status the API returns that this list does not know yet still renders, as a plain outline badge. */
+export declare function productFeatureStatusVariant(status: string): FeatureStatusBadgeVariant;
+/** A text input's value as the API wants it: trimmed, and an emptied field is `null` (clears it). */
+export declare function normalizeText(value: string): string | null;
+/**
+ * The entries of `next` whose value differs from `initial` — what an edit form sends. Forms here send only the
+ * fields the person changed, so a save never rewrites a field someone else edited meanwhile. Values are compared
+ * with `===`, so callers normalize both sides first (see `normalizeText`).
+ */
+export declare function changedFields<T extends Record<string, unknown>>(initial: T, next: T): Partial<T>;
+/**
+ * A server date as a `Date`, or null when there is none or it cannot be read. `DateTime` fields arrive as ISO
+ * strings, but a date carried in a GraphQL `String` serializes as epoch milliseconds ("1727740800000"), so both
+ * forms are accepted rather than rendering "Invalid Date".
+ */
+export declare function parseServerDate(value: string | null | undefined): Date | null;
+export interface RequestProductRef {
+    id: string;
+    productId: string | null;
+}
+/**
+ * The service's rule (planmagnetLinkFeatureRequestToProductFeature): a request that has a product may only point
+ * at a feature of that same product; a request with no product may point at any feature. The UI offers only what
+ * the service accepts — and still shows the service's own reason if it refuses.
+ */
+export declare function canLinkRequestToFeature(request: {
+    productId: string | null;
+}, feature: {
+    productId: string;
+}): boolean;
+/**
+ * The requests a feature's "Link a request" picker offers: the feature's own product's requests first, then the
+ * requests with no product, each once, minus the ones already linked to this feature and any the service would
+ * refuse (another product's).
+ */
+export declare function linkableRequests<T extends RequestProductRef>(sameProduct: readonly T[], anyProduct: readonly T[], featureProductId: string, alreadyLinkedIds: readonly string[]): T[];
+export interface HierarchyWorkItem {
+    id: string;
+    key: string;
+    title: string;
+    type: string;
+    status: string;
+}
+export interface HierarchyEpic extends HierarchyWorkItem {
+    /** The epic's direct children (stories, and any task or bug filed straight under it). */
+    children: readonly HierarchyWorkItem[];
+}
+export interface HierarchyFeature {
+    id: string;
+    name: string;
+    status: string;
+    archivedAt: string | null;
+    epics: readonly HierarchyEpic[];
+}
+export interface HierarchyLineRef {
+    id: string;
+    name: string;
+    archivedAt: string | null;
+}
+export interface HierarchyProduct {
+    id: string;
+    name: string;
+    lifecycleStage: string;
+    archivedAt: string | null;
+    /** Null when the product is in no line. Still returned while its line is archived. */
+    productLine: HierarchyLineRef | null;
+    features: readonly HierarchyFeature[];
+}
+export interface HierarchyGroup {
+    /** Null for the "No product line" group. */
+    line: HierarchyLineRef | null;
+    products: HierarchyProduct[];
+}
+/**
+ * Groups products under their product lines: every loaded line appears (an empty one too, so a new line is
+ * visible), lines by name, then the products in no line under a final "No product line" group (`line: null`),
+ * present only when it has products. Grouping reads each product's own `productLine`, never the line list alone,
+ * so a product whose line was left out of `lines` (an archived line while archived ones are hidden, or one past
+ * the first page) still lands under its real line instead of being shown as unassigned. Lines, products and
+ * features are sorted by name and epics by key, naturally (PM-2 before PM-10); an epic's stories keep their
+ * backlog order. The input is never mutated.
+ */
+export declare function buildProductHierarchy(lines: readonly HierarchyLineRef[], products: readonly HierarchyProduct[]): HierarchyGroup[];
+/** Expand/collapse key of a tree node. The "No product line" group's key is `line:none`. */
+export declare function lineKey(line: HierarchyLineRef | null): string;
+export declare const productKey: (id: string) => string;
+export declare const featureKey: (id: string) => string;
+export declare const epicKey: (id: string) => string;
+/** Every expandable node's key — what "Expand all" opens. */
+export declare function allNodeKeys(groups: readonly HierarchyGroup[]): Set<string>;
+export interface HierarchyTotals {
+    lines: number;
+    products: number;
+    features: number;
+    epics: number;
+    children: number;
+}
+/** How many of each level the tree holds (the "No product line" group is not a line). */
+export declare function hierarchyTotals(groups: readonly HierarchyGroup[]): HierarchyTotals;
+export interface FilteredHierarchy {
+    groups: HierarchyGroup[];
+    /** Keys of the nodes to open so every match is visible — the ancestors of each match. */
+    expand: Set<string>;
+}
+/**
+ * Narrows the tree to what matches `query` (case-insensitive, anywhere in a line, product or feature name, or an
+ * epic's or child's key or title). A node that matches keeps its whole subtree — searching a product shows all of
+ * its features — and a node is kept with only its matching descendants when they match and it does not. A blank
+ * query returns the tree unchanged and opens nothing.
+ */
+export declare function filterProductHierarchy(groups: readonly HierarchyGroup[], query: string): FilteredHierarchy;
+//# sourceMappingURL=hierarchy.d.ts.map

package/dist/planmagnet/product/hierarchy.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/product/hierarchy.ts"],"names":[],"mappings":"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"}

package/dist/planmagnet/product/hierarchy.js

@@ -0,0 +1,173 @@
+//#region src/planmagnet/product/hierarchy.ts
+var e = [
+	"BACKLOG",
+	"DISCOVERY",
+	"PLANNING",
+	"IN_DEVELOPMENT",
+	"RELEASED"
+];
+function t(t) {
+	return e.includes(t);
+}
+var n = {
+	BACKLOG: "outline",
+	DISCOVERY: "secondary",
+	PLANNING: "info",
+	IN_DEVELOPMENT: "default",
+	RELEASED: "success"
+};
+function r(e) {
+	return t(e) ? n[e] : "outline";
+}
+function i(e) {
+	let t = e.trim();
+	return t === "" ? null : t;
+}
+function a(e, t) {
+	let n = {};
+	for (let r of Object.keys(t)) t[r] !== e[r] && (n[r] = t[r]);
+	return n;
+}
+function o(e) {
+	if (!e) return null;
+	let t = /^-?\d+$/.test(e.trim()) ? new Date(Number(e)) : new Date(e);
+	return Number.isNaN(t.getTime()) ? null : t;
+}
+function s(e, t) {
+	return e.productId === null || e.productId === t.productId;
+}
+function c(e, t, n, r) {
+	let i = new Set(r), a = [];
+	for (let r of [...e, ...t]) i.has(r.id) || s(r, { productId: n }) && (i.add(r.id), a.push(r));
+	return a;
+}
+var l = new Intl.Collator(void 0, {
+	numeric: !0,
+	sensitivity: "base"
+});
+function u(e, t) {
+	return [...e].sort((e, n) => l.compare(t(e), t(n)));
+}
+function d(e) {
+	return {
+		...e,
+		features: u(e.features, (e) => e.name).map((e) => ({
+			...e,
+			epics: u(e.epics, (e) => e.key)
+		}))
+	};
+}
+function f(e, t) {
+	let n = /* @__PURE__ */ new Map();
+	for (let t of e) n.set(t.id, {
+		line: t,
+		products: []
+	});
+	let r = [];
+	for (let e of t) {
+		let t = e.productLine;
+		if (!t) {
+			r.push(e);
+			continue;
+		}
+		let i = n.get(t.id) ?? {
+			line: t,
+			products: []
+		};
+		i.products.push(e), n.set(t.id, i);
+	}
+	let i = u([...n.values()], (e) => e.line?.name ?? "").map((e) => ({
+		line: e.line,
+		products: u(e.products, (e) => e.name).map(d)
+	}));
+	return r.length > 0 && i.push({
+		line: null,
+		products: u(r, (e) => e.name).map(d)
+	}), i;
+}
+function p(e) {
+	return e ? `line:${e.id}` : "line:none";
+}
+var m = (e) => `product:${e}`, h = (e) => `feature:${e}`, g = (e) => `epic:${e}`;
+function _(e) {
+	let t = /* @__PURE__ */ new Set();
+	for (let n of e) {
+		t.add(p(n.line));
+		for (let e of n.products) {
+			t.add(m(e.id));
+			for (let n of e.features) {
+				t.add(h(n.id));
+				for (let e of n.epics) t.add(g(e.id));
+			}
+		}
+	}
+	return t;
+}
+function v(e) {
+	let t = {
+		lines: 0,
+		products: 0,
+		features: 0,
+		epics: 0,
+		children: 0
+	};
+	for (let n of e) {
+		n.line && t.lines++;
+		for (let e of n.products) {
+			t.products++;
+			for (let n of e.features) {
+				t.features++;
+				for (let e of n.epics) t.epics++, t.children += e.children.length;
+			}
+		}
+	}
+	return t;
+}
+function y(e, t) {
+	let n = t.trim().toLocaleLowerCase(), r = /* @__PURE__ */ new Set();
+	if (!n) return {
+		groups: [...e],
+		expand: r
+	};
+	let i = (...e) => e.some((e) => e.toLocaleLowerCase().includes(n)), a = (e) => {
+		if (i(e.key, e.title)) return e;
+		let t = e.children.filter((e) => i(e.key, e.title));
+		return t.length === 0 ? null : (r.add(g(e.id)), {
+			...e,
+			children: t
+		});
+	}, o = (e) => {
+		if (i(e.name)) return e;
+		let t = e.epics.map(a).filter((e) => e !== null);
+		return t.length === 0 ? null : (r.add(h(e.id)), {
+			...e,
+			epics: t
+		});
+	}, s = (e) => {
+		if (i(e.name)) return e;
+		let t = e.features.map(o).filter((e) => e !== null);
+		return t.length === 0 ? null : (r.add(m(e.id)), {
+			...e,
+			features: t
+		});
+	}, c = [];
+	for (let t of e) {
+		if (t.line && i(t.line.name)) {
+			c.push(t);
+			continue;
+		}
+		let e = t.products.map(s).filter((e) => e !== null);
+		e.length !== 0 && (r.add(p(t.line)), c.push({
+			line: t.line,
+			products: e
+		}));
+	}
+	return {
+		groups: c,
+		expand: r
+	};
+}
+//#endregion
+export { e as PRODUCT_FEATURE_STATUSES, _ as allNodeKeys, f as buildProductHierarchy, a as changedFields, g as epicKey, h as featureKey, y as filterProductHierarchy, v as hierarchyTotals, p as lineKey, c as linkableRequests, i as normalizeText, o as parseServerDate, r as productFeatureStatusVariant, m as productKey };
+
+//# sourceMappingURL=hierarchy.js.map

package/dist/planmagnet/product/hierarchy.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchy.js","names":[],"sources":["../../../src/planmagnet/product/hierarchy.ts"],"sourcesContent":["/**\n * PRM-01 product hierarchy — the pure helpers behind the product line, product feature and hierarchy pages:\n * Product line > Product > Feature > Epic > Story. No React and no GraphQL here, so every rule is unit-tested\n * (tests/productHierarchy.test.ts).\n *\n * Vocabulary (owner decision, binding): a FEATURE REQUEST is customer/user feedback asking for something; a\n * FEATURE (`PlanmagnetProductFeature`) is a product capability the team decided to build. A request may point at\n * the feature that addresses it — it is never converted into one.\n */\n\n// ─── Feature status ─────────────────────────────────────────────────────────\n\n/** `PlanmagnetProductFeatureStatus`, in lifecycle order (the SDL lists it alphabetically). */\nexport const PRODUCT_FEATURE_STATUSES = [\n  'BACKLOG',\n  'DISCOVERY',\n  'PLANNING',\n  'IN_DEVELOPMENT',\n  'RELEASED',\n] as const;\nexport type ProductFeatureStatus = (typeof PRODUCT_FEATURE_STATUSES)[number];\n\nexport function isProductFeatureStatus(value: string): value is ProductFeatureStatus {\n  return (PRODUCT_FEATURE_STATUSES as readonly string[]).includes(value);\n}\n\n/** The fe-libs Badge variant for a feature status — semantic tokens only, never a raw colour. */\nexport type FeatureStatusBadgeVariant = 'outline' | 'secondary' | 'info' | 'default' | 'success';\n\nconst STATUS_VARIANTS: Record<ProductFeatureStatus, FeatureStatusBadgeVariant> = {\n  BACKLOG: 'outline',\n  DISCOVERY: 'secondary',\n  PLANNING: 'info',\n  IN_DEVELOPMENT: 'default',\n  RELEASED: 'success',\n};\n\n/** A status the API returns that this list does not know yet still renders, as a plain outline badge. */\nexport function productFeatureStatusVariant(status: string): FeatureStatusBadgeVariant {\n  return isProductFeatureStatus(status) ? STATUS_VARIANTS[status] : 'outline';\n}\n\n// ─── Forms ──────────────────────────────────────────────────────────────────\n\n/** A text input's value as the API wants it: trimmed, and an emptied field is `null` (clears it). */\nexport function normalizeText(value: string): string | null {\n  const trimmed = value.trim();\n  return trimmed === '' ? null : trimmed;\n}\n\n/**\n * The entries of `next` whose value differs from `initial` — what an edit form sends. Forms here send only the\n * fields the person changed, so a save never rewrites a field someone else edited meanwhile. Values are compared\n * with `===`, so callers normalize both sides first (see `normalizeText`).\n */\nexport function changedFields<T extends Record<string, unknown>>(initial: T, next: T): Partial<T> {\n  const out: Partial<T> = {};\n  for (const key of Object.keys(next) as (keyof T)[]) {\n    if (next[key] !== initial[key]) out[key] = next[key];\n  }\n  return out;\n}\n\n// ─── Dates ──────────────────────────────────────────────────────────────────\n\n/**\n * A server date as a `Date`, or null when there is none or it cannot be read. `DateTime` fields arrive as ISO\n * strings, but a date carried in a GraphQL `String` serializes as epoch milliseconds (\"1727740800000\"), so both\n * forms are accepted rather than rendering \"Invalid Date\".\n */\nexport function parseServerDate(value: string | null | undefined): Date | null {\n  if (!value) return null;\n  const date = /^-?\\d+$/.test(value.trim()) ? new Date(Number(value)) : new Date(value);\n  return Number.isNaN(date.getTime()) ? null : date;\n}\n\n// ─── Feature requests → features ────────────────────────────────────────────\n\nexport interface RequestProductRef {\n  id: string;\n  productId: string | null;\n}\n\n/**\n * The service's rule (planmagnetLinkFeatureRequestToProductFeature): a request that has a product may only point\n * at a feature of that same product; a request with no product may point at any feature. The UI offers only what\n * the service accepts — and still shows the service's own reason if it refuses.\n */\nexport function canLinkRequestToFeature(\n  request: { productId: string | null },\n  feature: { productId: string }\n): boolean {\n  return request.productId === null || request.productId === feature.productId;\n}\n\n/**\n * The requests a feature's \"Link a request\" picker offers: the feature's own product's requests first, then the\n * requests with no product, each once, minus the ones already linked to this feature and any the service would\n * refuse (another product's).\n */\nexport function linkableRequests<T extends RequestProductRef>(\n  sameProduct: readonly T[],\n  anyProduct: readonly T[],\n  featureProductId: string,\n  alreadyLinkedIds: readonly string[]\n): T[] {\n  const seen = new Set<string>(alreadyLinkedIds);\n  const out: T[] = [];\n  for (const request of [...sameProduct, ...anyProduct]) {\n    if (seen.has(request.id)) continue;\n    if (!canLinkRequestToFeature(request, { productId: featureProductId })) continue;\n    seen.add(request.id);\n    out.push(request);\n  }\n  return out;\n}\n\n// ─── The hierarchy tree ─────────────────────────────────────────────────────\n\nexport interface HierarchyWorkItem {\n  id: string;\n  key: string;\n  title: string;\n  type: string;\n  status: string;\n}\n\nexport interface HierarchyEpic extends HierarchyWorkItem {\n  /** The epic's direct children (stories, and any task or bug filed straight under it). */\n  children: readonly HierarchyWorkItem[];\n}\n\nexport interface HierarchyFeature {\n  id: string;\n  name: string;\n  status: string;\n  archivedAt: string | null;\n  epics: readonly HierarchyEpic[];\n}\n\nexport interface HierarchyLineRef {\n  id: string;\n  name: string;\n  archivedAt: string | null;\n}\n\nexport interface HierarchyProduct {\n  id: string;\n  name: string;\n  lifecycleStage: string;\n  archivedAt: string | null;\n  /** Null when the product is in no line. Still returned while its line is archived. */\n  productLine: HierarchyLineRef | null;\n  features: readonly HierarchyFeature[];\n}\n\nexport interface HierarchyGroup {\n  /** Null for the \"No product line\" group. */\n  line: HierarchyLineRef | null;\n  products: HierarchyProduct[];\n}\n\nconst collator = new Intl.Collator(undefined, { numeric: true, sensitivity: 'base' });\n\nfunction sortBy<T>(items: readonly T[], label: (item: T) => string): T[] {\n  // A copy: Apollo hands out frozen arrays, so sorting in place would throw.\n  return [...items].sort((a, b) => collator.compare(label(a), label(b)));\n}\n\nfunction sortProduct(product: HierarchyProduct): HierarchyProduct {\n  return {\n    ...product,\n    features: sortBy(product.features, (f) => f.name).map((feature) => ({\n      ...feature,\n      // An epic's children keep the service's order — their backlog rank (position), then age.\n      epics: sortBy(feature.epics, (e) => e.key),\n    })),\n  };\n}\n\n/**\n * Groups products under their product lines: every loaded line appears (an empty one too, so a new line is\n * visible), lines by name, then the products in no line under a final \"No product line\" group (`line: null`),\n * present only when it has products. Grouping reads each product's own `productLine`, never the line list alone,\n * so a product whose line was left out of `lines` (an archived line while archived ones are hidden, or one past\n * the first page) still lands under its real line instead of being shown as unassigned. Lines, products and\n * features are sorted by name and epics by key, naturally (PM-2 before PM-10); an epic's stories keep their\n * backlog order. The input is never mutated.\n */\nexport function buildProductHierarchy(\n  lines: readonly HierarchyLineRef[],\n  products: readonly HierarchyProduct[]\n): HierarchyGroup[] {\n  const byLine = new Map<string, HierarchyGroup>();\n  for (const line of lines) byLine.set(line.id, { line, products: [] });\n  const unassigned: HierarchyProduct[] = [];\n  for (const product of products) {\n    const line = product.productLine;\n    if (!line) {\n      unassigned.push(product);\n      continue;\n    }\n    const group = byLine.get(line.id) ?? { line, products: [] };\n    group.products.push(product);\n    byLine.set(line.id, group);\n  }\n  const groups = sortBy([...byLine.values()], (g) => g.line?.name ?? '').map((group) => ({\n    line: group.line,\n    products: sortBy(group.products, (p) => p.name).map(sortProduct),\n  }));\n  if (unassigned.length > 0) {\n    groups.push({ line: null, products: sortBy(unassigned, (p) => p.name).map(sortProduct) });\n  }\n  return groups;\n}\n\n/** Expand/collapse key of a tree node. The \"No product line\" group's key is `line:none`. */\nexport function lineKey(line: HierarchyLineRef | null): string {\n  return line ? `line:${line.id}` : 'line:none';\n}\nexport const productKey = (id: string) => `product:${id}`;\nexport const featureKey = (id: string) => `feature:${id}`;\nexport const epicKey = (id: string) => `epic:${id}`;\n\n/** Every expandable node's key — what \"Expand all\" opens. */\nexport function allNodeKeys(groups: readonly HierarchyGroup[]): Set<string> {\n  const keys = new Set<string>();\n  for (const group of groups) {\n    keys.add(lineKey(group.line));\n    for (const product of group.products) {\n      keys.add(productKey(product.id));\n      for (const feature of product.features) {\n        keys.add(featureKey(feature.id));\n        for (const epic of feature.epics) keys.add(epicKey(epic.id));\n      }\n    }\n  }\n  return keys;\n}\n\nexport interface HierarchyTotals {\n  lines: number;\n  products: number;\n  features: number;\n  epics: number;\n  children: number;\n}\n\n/** How many of each level the tree holds (the \"No product line\" group is not a line). */\nexport function hierarchyTotals(groups: readonly HierarchyGroup[]): HierarchyTotals {\n  const totals: HierarchyTotals = { lines: 0, products: 0, features: 0, epics: 0, children: 0 };\n  for (const group of groups) {\n    if (group.line) totals.lines++;\n    for (const product of group.products) {\n      totals.products++;\n      for (const feature of product.features) {\n        totals.features++;\n        for (const epic of feature.epics) {\n          totals.epics++;\n          totals.children += epic.children.length;\n        }\n      }\n    }\n  }\n  return totals;\n}\n\nexport interface FilteredHierarchy {\n  groups: HierarchyGroup[];\n  /** Keys of the nodes to open so every match is visible — the ancestors of each match. */\n  expand: Set<string>;\n}\n\n/**\n * Narrows the tree to what matches `query` (case-insensitive, anywhere in a line, product or feature name, or an\n * epic's or child's key or title). A node that matches keeps its whole subtree — searching a product shows all of\n * its features — and a node is kept with only its matching descendants when they match and it does not. A blank\n * query returns the tree unchanged and opens nothing.\n */\nexport function filterProductHierarchy(\n  groups: readonly HierarchyGroup[],\n  query: string\n): FilteredHierarchy {\n  const needle = query.trim().toLocaleLowerCase();\n  const expand = new Set<string>();\n  if (!needle) return { groups: [...groups], expand };\n  const hit = (...texts: string[]) => texts.some((t) => t.toLocaleLowerCase().includes(needle));\n\n  const filterEpic = (epic: HierarchyEpic): HierarchyEpic | null => {\n    if (hit(epic.key, epic.title)) return epic;\n    const children = epic.children.filter((child) => hit(child.key, child.title));\n    if (children.length === 0) return null;\n    expand.add(epicKey(epic.id));\n    return { ...epic, children };\n  };\n  const filterFeature = (feature: HierarchyFeature): HierarchyFeature | null => {\n    if (hit(feature.name)) return feature;\n    const epics = feature.epics.map(filterEpic).filter((e): e is HierarchyEpic => e !== null);\n    if (epics.length === 0) return null;\n    expand.add(featureKey(feature.id));\n    return { ...feature, epics };\n  };\n  const filterProduct = (product: HierarchyProduct): HierarchyProduct | null => {\n    if (hit(product.name)) return product;\n    const features = product.features\n      .map(filterFeature)\n      .filter((f): f is HierarchyFeature => f !== null);\n    if (features.length === 0) return null;\n    expand.add(productKey(product.id));\n    return { ...product, features };\n  };\n\n  const out: HierarchyGroup[] = [];\n  for (const group of groups) {\n    if (group.line && hit(group.line.name)) {\n      out.push(group);\n      continue;\n    }\n    const products = group.products\n      .map(filterProduct)\n      .filter((p): p is HierarchyProduct => p !== null);\n    if (products.length === 0) continue;\n    expand.add(lineKey(group.line));\n    out.push({ line: group.line, products });\n  }\n  return { groups: out, expand };\n}\n"],"mappings":"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"}

package/dist/planmagnet/product/hierarchyOperations.d.ts

@@ -0,0 +1,35 @@
+export declare const PRODUCT_LINES_PAGE: import('graphql').DocumentNode;
+export declare const PRODUCT_LINE_OPTIONS: import('graphql').DocumentNode;
+export declare const PRODUCT_LINE_ASSIGNMENT: import('graphql').DocumentNode;
+export declare const PRODUCT_LINE_CANDIDATE_PRODUCTS: import('graphql').DocumentNode;
+export declare const PRODUCT_TEAMS: import('graphql').DocumentNode;
+export declare const PRODUCT_FEATURES_LIST: import('graphql').DocumentNode;
+export declare const PRODUCT_FEATURE_DETAIL: import('graphql').DocumentNode;
+export declare const PRODUCT_FEATURE_EPIC_CANDIDATES: import('graphql').DocumentNode;
+export declare const PRODUCT_FEATURE_REQUEST_CANDIDATES: import('graphql').DocumentNode;
+export declare const PRODUCT_HIERARCHY: import('graphql').DocumentNode;
+export declare const FEATURE_REQUEST_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const FEATURE_REQUEST_FEATURE_OPTIONS: import('graphql').DocumentNode;
+export declare const WORK_ITEM_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const CREATE_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const UPDATE_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const ARCHIVE_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const UNARCHIVE_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const DELETE_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const ASSIGN_PRODUCT_LINE: import('graphql').DocumentNode;
+export declare const LINK_PRODUCT_TEAM: import('graphql').DocumentNode;
+export declare const UNLINK_PRODUCT_TEAM: import('graphql').DocumentNode;
+export declare const CREATE_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const UPDATE_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const ARCHIVE_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const UNARCHIVE_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const DELETE_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const LINK_FEATURE_REQUEST_TO_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const UNLINK_FEATURE_REQUEST_FROM_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const LINK_EPIC_TO_PRODUCT_FEATURE: import('graphql').DocumentNode;
+export declare const UNLINK_EPIC_FROM_PRODUCT_FEATURE: import('graphql').DocumentNode;
+/** Every query that shows a product line, or which line a product is in. */
+export declare const PRODUCT_LINE_QUERIES: string[];
+/** Every query that shows a product feature, its epics or its requests. */
+export declare const PRODUCT_FEATURE_QUERIES: string[];
+//# sourceMappingURL=hierarchyOperations.d.ts.map

package/dist/planmagnet/product/hierarchyOperations.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"hierarchyOperations.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/product/hierarchyOperations.ts"],"names":[],"mappings":"AAuCA,eAAO,MAAM,kBAAkB,gCAiB9B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gCAchC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gCAYnC,CAAC;AAEF,eAAO,MAAM,+BAA+B,gCAe3C,CAAC;AAEF,eAAO,MAAM,aAAa,gCAezB,CAAC;AAEF,eAAO,MAAM,qBAAqB,gCA2BjC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAoClC,CAAC;AAEF,eAAO,MAAM,+BAA+B,gCAgB3C,CAAC;AAEF,eAAO,MAAM,kCAAkC,gCAyC9C,CAAC;AAEF,eAAO,MAAM,iBAAiB,gCA0D7B,CAAC;AAEF,eAAO,MAAM,+BAA+B,gCAiB3C,CAAC;AAEF,eAAO,MAAM,+BAA+B,gCAgB3C,CAAC;AAEF,eAAO,MAAM,yBAAyB,gCAoBrC,CAAC;AAIF,eAAO,MAAM,mBAAmB,gCAM/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gCAM/B,CAAC;AAEF,eAAO,MAAM,oBAAoB,gCAOhC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAOlC,CAAC;AAEF,eAAO,MAAM,mBAAmB,gCAI/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gCAY/B,CAAC;AAEF,eAAO,MAAM,iBAAiB,gCAM7B,CAAC;AAEF,eAAO,MAAM,mBAAmB,gCAI/B,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAMlC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAMlC,CAAC;AAEF,eAAO,MAAM,uBAAuB,gCAOnC,CAAC;AAEF,eAAO,MAAM,yBAAyB,gCAOrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,gCAIlC,CAAC;AAEF,eAAO,MAAM,uCAAuC,gCASnD,CAAC;AAEF,eAAO,MAAM,2CAA2C,gCASvD,CAAC;AAEF,eAAO,MAAM,4BAA4B,gCASxC,CAAC;AAEF,eAAO,MAAM,gCAAgC,gCAO5C,CAAC;AAIF,4EAA4E;AAC5E,eAAO,MAAM,oBAAoB,UAMhC,CAAC;AAEF,2EAA2E;AAC3E,eAAO,MAAM,uBAAuB,UAOnC,CAAC"}