npm - @burdenoff/microfe-planmagnet - Versions diffs - 2026.1002.1 → 2026.1002.2 - Mend

@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (95) hide show

package/dist/planmagnet/pages/ProductsProductHierarchyPagePage.js ADDED Viewed

@@ -0,0 +1,350 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { useTr as n } from "../../shared/hooks/useTr.js";
+import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { enumLabel as i } from "../controls/WorkItemControls.js";
+import { detailPath as a } from "../utils/rowNavigation.js";
+import { PRODUCT_HIERARCHY as o } from "../product/hierarchyOperations.js";
+import { allNodeKeys as s, buildProductHierarchy as c, epicKey as l, featureKey as u, filterProductHierarchy as d, hierarchyTotals as f, lineKey as p, productKey as m } from "../product/hierarchy.js";
+import { ProductFeatureStatusBadge as h } from "../product/ProductFeatureControls.js";
+import { useDeferredValue as g, useMemo as _, useState as v } from "react";
+import { Archive as y, ChevronDown as b, ChevronRight as x, ChevronsDownUp as S, ChevronsUpDown as C, CircleDot as w, Layers as T, ListTree as E, Loader2 as D, Milestone as O, Package as k, Puzzle as A } from "lucide-react";
+import { useQuery as j } from "@apollo/client/react";
+import { jsx as M, jsxs as N } from "react/jsx-runtime";
+import { Badge as P, Button as F, Card as I, CardContent as L, Input as R } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsProductHierarchyPagePage.tsx
+function z(e) {
+	return `/tasks/task-detail-page?taskId=${encodeURIComponent(e)}`;
+}
+function B(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));
+	}
+	return t;
+}
+function V() {
+	let i = n(), { workspaceId: l } = e(), u = t(), [m, h] = v(!1), [b, x] = v(""), w = g(b), [O, k] = v(null), { data: A, previousData: P, loading: V, error: H } = j(o, {
+		variables: {
+			workspaceId: l ?? "",
+			lineFilter: m ? void 0 : { isActive: !0 },
+			productFilter: m ? void 0 : { isActive: !0 },
+			includeArchivedFeatures: m
+		},
+		skip: !l
+	}), U = A ?? P, G = _(() => U ? c(U.planmagnetProductLines.items, U.planmagnetProducts.items) : [], [U]), K = _(() => d(G, w), [G, w]), q = O ?? B(G), J = (e) => q.has(e), Y = (e) => k((t) => {
+		let n = new Set(t ?? B(G));
+		return n.has(e) ? n.delete(e) : n.add(e), n;
+	}), X = (e) => {
+		x(e);
+		let { expand: t } = d(G, e);
+		t.size > 0 && k((e) => new Set([...e ?? B(G), ...t]));
+	};
+	if (V && !U) return /* @__PURE__ */ M("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ M(D, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (H && !U) return /* @__PURE__ */ M("div", {
+		className: "p-6 text-destructive",
+		children: i("planmagnet.productHierarchy.errors.load", "Failed to load the product hierarchy: {{message}}", { message: H.message })
+	});
+	let Z = f(K.groups), Q = !!U && U.planmagnetProductLines.totalCount > U.planmagnetProductLines.items.length, $ = !!U && U.planmagnetProducts.totalCount > U.planmagnetProducts.items.length;
+	return /* @__PURE__ */ N("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ N("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ N("div", { children: [/* @__PURE__ */ N("h1", {
+					className: "flex items-center gap-2 text-2xl font-semibold",
+					children: [/* @__PURE__ */ M(E, { className: "h-6 w-6" }), i("planmagnet.productHierarchy.title", "Product hierarchy")]
+				}), /* @__PURE__ */ M("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: i("planmagnet.productHierarchy.subtitle", "Product lines › products › features › epics › stories, as linked on each record’s page. Nothing here is inferred.")
+				})] }), /* @__PURE__ */ N("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ N(F, {
+						size: "sm",
+						variant: "outline",
+						onClick: () => u("/products/product-lines-page"),
+						"data-testid": "product-hierarchy-manage-lines",
+						children: [/* @__PURE__ */ M(T, { className: "mr-1 h-4 w-4" }), i("planmagnet.productHierarchy.manageLines", "Product lines")]
+					}), /* @__PURE__ */ N(F, {
+						size: "sm",
+						variant: m ? "default" : "outline",
+						"aria-pressed": m,
+						onClick: () => h((e) => !e),
+						"data-testid": "product-hierarchy-toggle-archived",
+						children: [/* @__PURE__ */ M(y, { className: "mr-1 h-4 w-4" }), i("planmagnet.productHierarchy.showArchived", "Show archived")]
+					})]
+				})]
+			}),
+			/* @__PURE__ */ N("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ M(R, {
+						"aria-label": i("planmagnet.productHierarchy.search", "Search the hierarchy"),
+						placeholder: i("planmagnet.productHierarchy.searchPlaceholder", "Search lines, products, features, epics, stories…"),
+						value: b,
+						onChange: (e) => X(e.target.value),
+						className: "max-w-sm",
+						"data-testid": "product-hierarchy-search"
+					}),
+					/* @__PURE__ */ N(F, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => k(s(G)),
+						"data-testid": "product-hierarchy-expand-all",
+						children: [/* @__PURE__ */ M(C, { className: "mr-1 h-4 w-4" }), i("planmagnet.productHierarchy.expandAll", "Expand all")]
+					}),
+					/* @__PURE__ */ N(F, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => k(/* @__PURE__ */ new Set()),
+						"data-testid": "product-hierarchy-collapse-all",
+						children: [/* @__PURE__ */ M(S, { className: "mr-1 h-4 w-4" }), i("planmagnet.productHierarchy.collapseAll", "Collapse all")]
+					})
+				]
+			}),
+			/* @__PURE__ */ M("p", {
+				className: "text-xs text-muted-foreground",
+				"data-testid": "product-hierarchy-totals",
+				children: i("planmagnet.productHierarchy.totals", "{{lines}} line(s) · {{products}} product(s) · {{features}} feature(s) · {{epics}} epic(s) · {{stories}} story/item(s)", {
+					lines: Z.lines,
+					products: Z.products,
+					features: Z.features,
+					epics: Z.epics,
+					stories: Z.children
+				})
+			}),
+			H && /* @__PURE__ */ M(r, { message: i("planmagnet.productHierarchy.errors.refresh", "The hierarchy could not be refreshed: {{message}}", { message: H.message }) }),
+			(Q || $) && /* @__PURE__ */ M("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.productHierarchy.truncated", "Only the first 100 product lines and 100 products are shown.")
+			}),
+			K.groups.length === 0 ? /* @__PURE__ */ M(I, { children: /* @__PURE__ */ M(L, {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: w.trim() ? i("planmagnet.productHierarchy.emptySearch", "Nothing in the hierarchy matches.") : i("planmagnet.productHierarchy.empty", "No product lines or products yet. Create a product line, then put products in it from each product’s page.")
+			}) }) : /* @__PURE__ */ M(I, { children: /* @__PURE__ */ M(L, {
+				className: "pt-4",
+				children: /* @__PURE__ */ M("ul", {
+					className: "space-y-1",
+					"data-testid": "product-hierarchy-tree",
+					children: K.groups.map((e) => /* @__PURE__ */ M(W, {
+						group: e,
+						isOpen: J,
+						toggle: Y,
+						onOpenProduct: (e) => u(a("/products/product-detail-page", e)),
+						onOpenFeature: (e) => u(a("/products/product-feature-detail-page", e)),
+						onOpenWorkItem: (e) => u(z(e))
+					}, p(e.line)))
+				})
+			}) })
+		]
+	});
+}
+function H({ nodeKey: e, label: t, expandable: r, isOpen: i, toggle: a, children: o }) {
+	let s = n(), c = i(e);
+	return /* @__PURE__ */ N("div", {
+		className: "flex min-w-0 items-start gap-2 py-1 text-sm",
+		children: [r ? /* @__PURE__ */ M("button", {
+			type: "button",
+			className: "shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted",
+			"aria-expanded": c,
+			"aria-label": c ? s("planmagnet.productHierarchy.collapseNamed", "Collapse {{name}}", { name: t }) : s("planmagnet.productHierarchy.expandNamed", "Expand {{name}}", { name: t }),
+			onClick: () => a(e),
+			children: M(c ? b : x, { className: "h-4 w-4" })
+		}) : /* @__PURE__ */ M("span", {
+			className: "w-5 shrink-0",
+			"aria-hidden": "true"
+		}), /* @__PURE__ */ M("div", {
+			className: "flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-0.5",
+			children: o
+		})]
+	});
+}
+var U = "ml-3 space-y-1 border-l pl-3";
+function W({ group: e, ...t }) {
+	let r = n(), i = p(e.line), a = e.line?.name ?? r("planmagnet.productHierarchy.noLine", "No product line");
+	return /* @__PURE__ */ N("li", {
+		"data-testid": "hierarchy-line",
+		children: [/* @__PURE__ */ N(H, {
+			nodeKey: i,
+			label: a,
+			expandable: e.products.length > 0,
+			isOpen: t.isOpen,
+			toggle: t.toggle,
+			children: [
+				e.line ? /* @__PURE__ */ M(T, { className: "h-4 w-4 shrink-0 text-primary" }) : /* @__PURE__ */ M(k, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+				/* @__PURE__ */ M("span", {
+					className: e.line ? "truncate font-semibold" : "truncate font-semibold text-muted-foreground",
+					children: a
+				}),
+				e.line?.archivedAt && /* @__PURE__ */ M(P, {
+					variant: "outline",
+					className: "text-xs",
+					children: r("planmagnet.productHierarchy.archived", "Archived")
+				}),
+				/* @__PURE__ */ M("span", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: r("planmagnet.productHierarchy.productCount", "{{count}} product(s)", { count: e.products.length })
+				})
+			]
+		}), t.isOpen(i) && e.products.length > 0 && /* @__PURE__ */ M("ul", {
+			className: U,
+			children: e.products.map((e) => /* @__PURE__ */ M(G, {
+				product: e,
+				...t
+			}, e.id))
+		})]
+	});
+}
+function G({ product: e, ...t }) {
+	let r = n(), a = m(e.id);
+	return /* @__PURE__ */ N("li", {
+		"data-testid": "hierarchy-product",
+		children: [/* @__PURE__ */ N(H, {
+			nodeKey: a,
+			label: e.name,
+			expandable: e.features.length > 0,
+			isOpen: t.isOpen,
+			toggle: t.toggle,
+			children: [
+				/* @__PURE__ */ M(k, { className: "h-4 w-4 shrink-0 text-primary" }),
+				/* @__PURE__ */ M("button", {
+					type: "button",
+					className: "min-w-0 truncate text-left font-medium hover:underline",
+					onClick: () => t.onOpenProduct(e.id),
+					children: e.name
+				}),
+				/* @__PURE__ */ M(P, {
+					variant: "secondary",
+					className: "text-xs",
+					children: i(e.lifecycleStage)
+				}),
+				e.archivedAt && /* @__PURE__ */ M(P, {
+					variant: "outline",
+					className: "text-xs",
+					children: r("planmagnet.productHierarchy.archived", "Archived")
+				}),
+				/* @__PURE__ */ M("span", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: r("planmagnet.productHierarchy.featureCount", "{{count}} feature(s)", { count: e.features.length })
+				})
+			]
+		}), t.isOpen(a) && e.features.length > 0 && /* @__PURE__ */ M("ul", {
+			className: U,
+			children: e.features.map((e) => /* @__PURE__ */ M(K, {
+				feature: e,
+				...t
+			}, e.id))
+		})]
+	});
+}
+function K({ feature: e, ...t }) {
+	let r = n(), i = u(e.id);
+	return /* @__PURE__ */ N("li", {
+		"data-testid": "hierarchy-feature",
+		children: [/* @__PURE__ */ N(H, {
+			nodeKey: i,
+			label: e.name,
+			expandable: e.epics.length > 0,
+			isOpen: t.isOpen,
+			toggle: t.toggle,
+			children: [
+				/* @__PURE__ */ M(A, { className: "h-4 w-4 shrink-0 text-primary" }),
+				/* @__PURE__ */ M("button", {
+					type: "button",
+					className: "min-w-0 truncate text-left hover:underline",
+					onClick: () => t.onOpenFeature(e.id),
+					children: e.name
+				}),
+				/* @__PURE__ */ M(h, { status: e.status }),
+				e.archivedAt && /* @__PURE__ */ M(P, {
+					variant: "outline",
+					className: "text-xs",
+					children: r("planmagnet.productHierarchy.archived", "Archived")
+				}),
+				/* @__PURE__ */ M("span", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: r("planmagnet.productHierarchy.epicCount", "{{count}} epic(s)", { count: e.epics.length })
+				})
+			]
+		}), t.isOpen(i) && e.epics.length > 0 && /* @__PURE__ */ M("ul", {
+			className: U,
+			children: e.epics.map((e) => /* @__PURE__ */ M(q, {
+				epic: e,
+				...t
+			}, e.id))
+		})]
+	});
+}
+function q({ epic: e, ...t }) {
+	let r = n(), a = l(e.id);
+	return /* @__PURE__ */ N("li", {
+		"data-testid": "hierarchy-epic",
+		children: [/* @__PURE__ */ N(H, {
+			nodeKey: a,
+			label: `${e.key} ${e.title}`,
+			expandable: e.children.length > 0,
+			isOpen: t.isOpen,
+			toggle: t.toggle,
+			children: [
+				/* @__PURE__ */ M(O, { className: "h-4 w-4 shrink-0 text-muted-foreground" }),
+				/* @__PURE__ */ N("button", {
+					type: "button",
+					className: "min-w-0 truncate text-left hover:underline",
+					onClick: () => t.onOpenWorkItem(e.id),
+					children: [/* @__PURE__ */ M("span", {
+						className: "mr-2 text-muted-foreground",
+						children: e.key
+					}), e.title]
+				}),
+				/* @__PURE__ */ N("span", {
+					className: "shrink-0 text-xs text-muted-foreground",
+					children: [
+						i(e.status),
+						" ·",
+						" ",
+						r("planmagnet.productHierarchy.storyCount", "{{count}} story/item(s)", { count: e.children.length })
+					]
+				})
+			]
+		}), t.isOpen(a) && e.children.length > 0 && /* @__PURE__ */ M("ul", {
+			className: U,
+			children: e.children.map((e) => /* @__PURE__ */ M("li", {
+				"data-testid": "hierarchy-story",
+				children: /* @__PURE__ */ N(H, {
+					nodeKey: `item:${e.id}`,
+					label: e.title,
+					expandable: !1,
+					isOpen: t.isOpen,
+					toggle: t.toggle,
+					children: [
+						/* @__PURE__ */ M(w, { className: "h-3.5 w-3.5 shrink-0 text-muted-foreground" }),
+						/* @__PURE__ */ N("button", {
+							type: "button",
+							className: "min-w-0 truncate text-left hover:underline",
+							onClick: () => t.onOpenWorkItem(e.id),
+							children: [/* @__PURE__ */ M("span", {
+								className: "mr-2 text-muted-foreground",
+								children: e.key
+							}), e.title]
+						}),
+						/* @__PURE__ */ N("span", {
+							className: "shrink-0 text-xs text-muted-foreground",
+							children: [
+								i(e.type),
+								" · ",
+								i(e.status)
+							]
+						})
+					]
+				})
+			}, e.id))
+		})]
+	});
+}
+//#endregion
+export { V as ProductsProductHierarchyPagePage };
+//# sourceMappingURL=ProductsProductHierarchyPagePage.js.map

package/dist/planmagnet/pages/ProductsProductHierarchyPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProductsProductHierarchyPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductHierarchyPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useMemo, useState, type ReactNode } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport { Badge, Button, Card, CardContent, Input } from '@burdenoff/fe-libs/ui';\nimport {\n Archive,\n ChevronDown,\n ChevronRight,\n ChevronsDownUp,\n ChevronsUpDown,\n CircleDot,\n Layers,\n ListTree,\n Loader2,\n Milestone,\n Package,\n Puzzle,\n} from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { detailPath } from '../utils/rowNavigation';\nimport { enumLabel } from '../controls/WorkItemControls';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { PRODUCT_HIERARCHY } from '../product/hierarchyOperations';\nimport { ProductFeatureStatusBadge } from '../product/ProductFeatureControls';\nimport {\n allNodeKeys,\n buildProductHierarchy,\n epicKey,\n featureKey,\n filterProductHierarchy,\n hierarchyTotals,\n lineKey,\n productKey,\n type HierarchyEpic,\n type HierarchyFeature,\n type HierarchyGroup,\n type HierarchyLineRef,\n type HierarchyProduct,\n} from '../product/hierarchy';\n\n/**\n * Product hierarchy (PRM-01): Product line > Product > Feature > Epic > Story, end to end, read from what people\n * linked — nothing is inferred. Products in no line sit under \"No product line\". Every level collapses; search\n * narrows the tree to what matches and opens the path to each match; \"Show archived\" brings back archived lines,\n * products and features. Each name opens that record's own page, where the links are managed.\n */\n\ninterface HierarchyData {\n planmagnetProductLines: { items: HierarchyLineRef[]; totalCount: number };\n planmagnetProducts: { items: HierarchyProduct[]; totalCount: number };\n}\n\nfunction taskPath(id: string) {\n return `/tasks/task-detail-page?taskId=${encodeURIComponent(id)}`;\n}\n\n/** Lines and products open by default; features (their epics) and epics (their stories) on demand. */\nfunction defaultOpenKeys(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) keys.add(productKey(product.id));\n }\n return keys;\n}\n\nexport function ProductsProductHierarchyPagePage() {\n const tr = useTr();\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n const [showArchived, setShowArchived] = useState(false);\n const [search, setSearch] = useState('');\n const deferredSearch = useDeferredValue(search);\n // null until the person expands or collapses something: the default view follows the data as it loads.\n const [openKeys, setOpenKeys] = useState<Set<string> | null>(null);\n\n const { data, previousData, loading, error } = useQuery<HierarchyData>(PRODUCT_HIERARCHY, {\n variables: {\n workspaceId: workspaceId ?? '',\n // Omitted filters list active and archived records alike.\n lineFilter: showArchived ? undefined : { isActive: true },\n productFilter: showArchived ? undefined : { isActive: true },\n includeArchivedFeatures: showArchived,\n },\n skip: !workspaceId,\n });\n const source = data ?? previousData;\n\n const groups = useMemo(\n () =>\n source\n ? buildProductHierarchy(\n source.planmagnetProductLines.items,\n source.planmagnetProducts.items\n )\n : [],\n [source]\n );\n const filtered = useMemo(\n () => filterProductHierarchy(groups, deferredSearch),\n [groups, deferredSearch]\n );\n const open = openKeys ?? defaultOpenKeys(groups);\n const isOpen = (key: string) => open.has(key);\n const toggle = (key: string) =>\n setOpenKeys((prev) => {\n const next = new Set(prev ?? defaultOpenKeys(groups));\n if (next.has(key)) next.delete(key);\n else next.add(key);\n return next;\n });\n\n const onSearch = (value: string) => {\n setSearch(value);\n // Open the path to every match as the person types, keeping whatever they opened themselves.\n const { expand } = filterProductHierarchy(groups, value);\n if (expand.size > 0) {\n setOpenKeys((prev) => new Set([...(prev ?? defaultOpenKeys(groups)), ...expand]));\n }\n };\n\n // Only before the first load: a refetch must not blank the page (it unmounts every component on it).\n if (loading && !source) {\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 && !source) {\n return (\n <div className=\"p-6 text-destructive\">\n {tr(\n 'planmagnet.productHierarchy.errors.load',\n 'Failed to load the product hierarchy: {{message}}',\n { message: error.message }\n )}\n </div>\n );\n }\n\n const totals = hierarchyTotals(filtered.groups);\n const linesTruncated =\n !!source &&\n source.planmagnetProductLines.totalCount > source.planmagnetProductLines.items.length;\n const productsTruncated =\n !!source && source.planmagnetProducts.totalCount > source.planmagnetProducts.items.length;\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div>\n <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n <ListTree className=\"h-6 w-6\" />\n {tr('planmagnet.productHierarchy.title', 'Product hierarchy')}\n </h1>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {tr(\n 'planmagnet.productHierarchy.subtitle',\n 'Product lines › products › features › epics › stories, as linked on each record’s page. Nothing here is inferred.'\n )}\n </p>\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => navigate('/products/product-lines-page')}\n data-testid=\"product-hierarchy-manage-lines\"\n >\n <Layers className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productHierarchy.manageLines', 'Product lines')}\n </Button>\n <Button\n size=\"sm\"\n variant={showArchived ? 'default' : 'outline'}\n aria-pressed={showArchived}\n onClick={() => setShowArchived((v) => !v)}\n data-testid=\"product-hierarchy-toggle-archived\"\n >\n <Archive className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productHierarchy.showArchived', 'Show archived')}\n </Button>\n </div>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-2\">\n <Input\n aria-label={tr('planmagnet.productHierarchy.search', 'Search the hierarchy')}\n placeholder={tr(\n 'planmagnet.productHierarchy.searchPlaceholder',\n 'Search lines, products, features, epics, stories…'\n )}\n value={search}\n onChange={(e) => onSearch(e.target.value)}\n className=\"max-w-sm\"\n data-testid=\"product-hierarchy-search\"\n />\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => setOpenKeys(allNodeKeys(groups))}\n data-testid=\"product-hierarchy-expand-all\"\n >\n <ChevronsUpDown className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productHierarchy.expandAll', 'Expand all')}\n </Button>\n <Button\n size=\"sm\"\n variant=\"ghost\"\n onClick={() => setOpenKeys(new Set())}\n data-testid=\"product-hierarchy-collapse-all\"\n >\n <ChevronsDownUp className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productHierarchy.collapseAll', 'Collapse all')}\n </Button>\n </div>\n\n <p className=\"text-xs text-muted-foreground\" data-testid=\"product-hierarchy-totals\">\n {tr(\n 'planmagnet.productHierarchy.totals',\n '{{lines}} line(s) · {{products}} product(s) · {{features}} feature(s) · {{epics}} epic(s) · {{stories}} story/item(s)',\n {\n lines: totals.lines,\n products: totals.products,\n features: totals.features,\n epics: totals.epics,\n stories: totals.children,\n }\n )}\n </p>\n\n {error && (\n <ErrorLine\n message={tr(\n 'planmagnet.productHierarchy.errors.refresh',\n 'The hierarchy could not be refreshed: {{message}}',\n { message: error.message }\n )}\n />\n )}\n {(linesTruncated || productsTruncated) && (\n <p className=\"text-xs text-muted-foreground\">\n {tr(\n 'planmagnet.productHierarchy.truncated',\n 'Only the first 100 product lines and 100 products are shown.'\n )}\n </p>\n )}\n\n {filtered.groups.length === 0 ? (\n <Card>\n <CardContent className=\"py-12 text-center text-sm text-muted-foreground\">\n {deferredSearch.trim()\n ? tr('planmagnet.productHierarchy.emptySearch', 'Nothing in the hierarchy matches.')\n : tr(\n 'planmagnet.productHierarchy.empty',\n 'No product lines or products yet. Create a product line, then put products in it from each product’s page.'\n )}\n </CardContent>\n </Card>\n ) : (\n <Card>\n <CardContent className=\"pt-4\">\n <ul className=\"space-y-1\" data-testid=\"product-hierarchy-tree\">\n {filtered.groups.map((group) => (\n <LineNode\n key={lineKey(group.line)}\n group={group}\n isOpen={isOpen}\n toggle={toggle}\n onOpenProduct={(id) => navigate(detailPath('/products/product-detail-page', id))}\n onOpenFeature={(id) =>\n navigate(detailPath('/products/product-feature-detail-page', id))\n }\n onOpenWorkItem={(id) => navigate(taskPath(id))}\n />\n ))}\n </ul>\n </CardContent>\n </Card>\n )}\n </div>\n );\n}\n\n// ─── Tree nodes ─────────────────────────────────────────────────────────────\n\ninterface TreeProps {\n isOpen: (key: string) => boolean;\n toggle: (key: string) => void;\n onOpenProduct: (id: string) => void;\n onOpenFeature: (id: string) => void;\n onOpenWorkItem: (id: string) => void;\n}\n\n/**\n * One row: an expand toggle (or a spacer for a leaf), then the row's own content. The content wraps rather than\n * squeezing: on a narrow screen the badges and counts move under the name instead of truncating it to a letter.\n */\nfunction TreeRow({\n nodeKey,\n label,\n expandable,\n isOpen,\n toggle,\n children,\n}: {\n nodeKey: string;\n label: string;\n expandable: boolean;\n isOpen: (key: string) => boolean;\n toggle: (key: string) => void;\n children: ReactNode;\n}) {\n const tr = useTr();\n const open = isOpen(nodeKey);\n return (\n <div className=\"flex min-w-0 items-start gap-2 py-1 text-sm\">\n {expandable ? (\n <button\n type=\"button\"\n className=\"shrink-0 rounded p-0.5 text-muted-foreground hover:bg-muted\"\n aria-expanded={open}\n aria-label={\n open\n ? tr('planmagnet.productHierarchy.collapseNamed', 'Collapse {{name}}', {\n name: label,\n })\n : tr('planmagnet.productHierarchy.expandNamed', 'Expand {{name}}', { name: label })\n }\n onClick={() => toggle(nodeKey)}\n >\n {open ? <ChevronDown className=\"h-4 w-4\" /> : <ChevronRight className=\"h-4 w-4\" />}\n </button>\n ) : (\n <span className=\"w-5 shrink-0\" aria-hidden=\"true\" />\n )}\n <div className=\"flex min-w-0 flex-1 flex-wrap items-center gap-x-2 gap-y-0.5\">{children}</div>\n </div>\n );\n}\n\nconst childListClass = 'ml-3 space-y-1 border-l pl-3';\n\nfunction LineNode({ group, ...tree }: TreeProps & { group: HierarchyGroup }) {\n const tr = useTr();\n const key = lineKey(group.line);\n const name = group.line?.name ?? tr('planmagnet.productHierarchy.noLine', 'No product line');\n return (\n <li data-testid=\"hierarchy-line\">\n <TreeRow\n nodeKey={key}\n label={name}\n expandable={group.products.length > 0}\n isOpen={tree.isOpen}\n toggle={tree.toggle}\n >\n {group.line ? (\n <Layers className=\"h-4 w-4 shrink-0 text-primary\" />\n ) : (\n <Package className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n )}\n <span\n className={\n group.line ? 'truncate font-semibold' : 'truncate font-semibold text-muted-foreground'\n }\n >\n {name}\n </span>\n {group.line?.archivedAt && (\n <Badge variant=\"outline\" className=\"text-xs\">\n {tr('planmagnet.productHierarchy.archived', 'Archived')}\n </Badge>\n )}\n <span className=\"shrink-0 text-xs text-muted-foreground\">\n {tr('planmagnet.productHierarchy.productCount', '{{count}} product(s)', {\n count: group.products.length,\n })}\n </span>\n </TreeRow>\n {tree.isOpen(key) && group.products.length > 0 && (\n <ul className={childListClass}>\n {group.products.map((product) => (\n <ProductNode key={product.id} product={product} {...tree} />\n ))}\n </ul>\n )}\n </li>\n );\n}\n\nfunction ProductNode({ product, ...tree }: TreeProps & { product: HierarchyProduct }) {\n const tr = useTr();\n const key = productKey(product.id);\n return (\n <li data-testid=\"hierarchy-product\">\n <TreeRow\n nodeKey={key}\n label={product.name}\n expandable={product.features.length > 0}\n isOpen={tree.isOpen}\n toggle={tree.toggle}\n >\n <Package className=\"h-4 w-4 shrink-0 text-primary\" />\n <button\n type=\"button\"\n className=\"min-w-0 truncate text-left font-medium hover:underline\"\n onClick={() => tree.onOpenProduct(product.id)}\n >\n {product.name}\n </button>\n <Badge variant=\"secondary\" className=\"text-xs\">\n {enumLabel(product.lifecycleStage)}\n </Badge>\n {product.archivedAt && (\n <Badge variant=\"outline\" className=\"text-xs\">\n {tr('planmagnet.productHierarchy.archived', 'Archived')}\n </Badge>\n )}\n <span className=\"shrink-0 text-xs text-muted-foreground\">\n {tr('planmagnet.productHierarchy.featureCount', '{{count}} feature(s)', {\n count: product.features.length,\n })}\n </span>\n </TreeRow>\n {tree.isOpen(key) && product.features.length > 0 && (\n <ul className={childListClass}>\n {product.features.map((feature) => (\n <FeatureNode key={feature.id} feature={feature} {...tree} />\n ))}\n </ul>\n )}\n </li>\n );\n}\n\nfunction FeatureNode({ feature, ...tree }: TreeProps & { feature: HierarchyFeature }) {\n const tr = useTr();\n const key = featureKey(feature.id);\n return (\n <li data-testid=\"hierarchy-feature\">\n <TreeRow\n nodeKey={key}\n label={feature.name}\n expandable={feature.epics.length > 0}\n isOpen={tree.isOpen}\n toggle={tree.toggle}\n >\n <Puzzle className=\"h-4 w-4 shrink-0 text-primary\" />\n <button\n type=\"button\"\n className=\"min-w-0 truncate text-left hover:underline\"\n onClick={() => tree.onOpenFeature(feature.id)}\n >\n {feature.name}\n </button>\n <ProductFeatureStatusBadge status={feature.status} />\n {feature.archivedAt && (\n <Badge variant=\"outline\" className=\"text-xs\">\n {tr('planmagnet.productHierarchy.archived', 'Archived')}\n </Badge>\n )}\n <span className=\"shrink-0 text-xs text-muted-foreground\">\n {tr('planmagnet.productHierarchy.epicCount', '{{count}} epic(s)', {\n count: feature.epics.length,\n })}\n </span>\n </TreeRow>\n {tree.isOpen(key) && feature.epics.length > 0 && (\n <ul className={childListClass}>\n {feature.epics.map((epic) => (\n <EpicNode key={epic.id} epic={epic} {...tree} />\n ))}\n </ul>\n )}\n </li>\n );\n}\n\nfunction EpicNode({ epic, ...tree }: TreeProps & { epic: HierarchyEpic }) {\n const tr = useTr();\n const key = epicKey(epic.id);\n return (\n <li data-testid=\"hierarchy-epic\">\n <TreeRow\n nodeKey={key}\n label={`${epic.key} ${epic.title}`}\n expandable={epic.children.length > 0}\n isOpen={tree.isOpen}\n toggle={tree.toggle}\n >\n <Milestone className=\"h-4 w-4 shrink-0 text-muted-foreground\" />\n <button\n type=\"button\"\n className=\"min-w-0 truncate text-left hover:underline\"\n onClick={() => tree.onOpenWorkItem(epic.id)}\n >\n <span className=\"mr-2 text-muted-foreground\">{epic.key}</span>\n {epic.title}\n </button>\n <span className=\"shrink-0 text-xs text-muted-foreground\">\n {enumLabel(epic.status)} ·{' '}\n {tr('planmagnet.productHierarchy.storyCount', '{{count}} story/item(s)', {\n count: epic.children.length,\n })}\n </span>\n </TreeRow>\n {tree.isOpen(key) && epic.children.length > 0 && (\n <ul className={childListClass}>\n {epic.children.map((child) => (\n <li key={child.id} data-testid=\"hierarchy-story\">\n <TreeRow\n nodeKey={`item:${child.id}`}\n label={child.title}\n expandable={false}\n isOpen={tree.isOpen}\n toggle={tree.toggle}\n >\n <CircleDot className=\"h-3.5 w-3.5 shrink-0 text-muted-foreground\" />\n <button\n type=\"button\"\n className=\"min-w-0 truncate text-left hover:underline\"\n onClick={() => tree.onOpenWorkItem(child.id)}\n >\n <span className=\"mr-2 text-muted-foreground\">{child.key}</span>\n {child.title}\n </button>\n <span className=\"shrink-0 text-xs text-muted-foreground\">\n {enumLabel(child.type)} · {enumLabel(child.status)}\n </span>\n </TreeRow>\n </li>\n ))}\n </ul>\n )}\n </li>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsProductLinesPagePage.d.ts ADDED Viewed

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

package/dist/planmagnet/pages/ProductsProductLinesPagePage.d.ts.map ADDED Viewed

	@@ -0,0 +1 @@
1	+ {"version":3,"file":"ProductsProductLinesPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductLinesPagePage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,4BAA4B,4CAiP3C"}

package/dist/planmagnet/pages/ProductsProductLinesPagePage.js ADDED Viewed

@@ -0,0 +1,168 @@
+import { usePlanMagnet as e, usePlanMagnetNavigate as t } from "../providers/PlanMagnetProvider.js";
+import { PersonName as n } from "../people/People.js";
+import { useTr as r } from "../../shared/hooks/useTr.js";
+import { ErrorLine as i } from "../controls/ConfirmButton.js";
+import { PRODUCT_LINES_PAGE as a } from "../product/hierarchyOperations.js";
+import { ProductLineActions as o, ProductLineFormDialog as s, ProductLineProducts as c } from "../product/ProductLineControls.js";
+import { useDeferredValue as l, useState as u } from "react";
+import { Archive as d, Layers as f, ListTree as p, Loader2 as m } from "lucide-react";
+import { useQuery as h } from "@apollo/client/react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, Button as y, Card as b, CardContent as x, CardHeader as S, CardTitle as C, Input as w } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/pages/ProductsProductLinesPagePage.tsx
+function T() {
+	let T = r(), { workspaceId: E } = e(), D = t(), [O, k] = u(!1), [A, j] = u(""), M = l(A.trim()), [N, P] = u(null), { data: F, previousData: I, loading: L, error: R } = h(a, {
+		variables: {
+			workspaceId: E ?? "",
+			filter: {
+				...O ? {} : { isActive: !0 },
+				...M ? { search: M } : {}
+			}
+		},
+		skip: !E
+	}), z = (F ?? I)?.planmagnetProductLines;
+	if (L && !z) return /* @__PURE__ */ g("div", {
+		className: "flex items-center justify-center p-12",
+		children: /* @__PURE__ */ g(m, { className: "h-8 w-8 animate-spin text-muted-foreground" })
+	});
+	if (R && !z) return /* @__PURE__ */ g("div", {
+		className: "p-6 text-destructive",
+		children: T("planmagnet.productLines.errors.loadPage", "Failed to load product lines: {{message}}", { message: R.message })
+	});
+	let B = z?.items ?? [], V = z?.totalCount ?? 0;
+	return /* @__PURE__ */ _("div", {
+		className: "space-y-6 p-6",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ _("div", { children: [/* @__PURE__ */ _("h1", {
+					className: "flex items-center gap-2 text-2xl font-semibold",
+					children: [/* @__PURE__ */ g(f, { className: "h-6 w-6" }), T("planmagnet.productLines.title", "Product lines")]
+				}), /* @__PURE__ */ g("p", {
+					className: "mt-1 text-sm text-muted-foreground",
+					children: T("planmagnet.productLines.subtitle", "Group related products into lines. A product belongs to at most one line; the line never owns it.")
+				})] }), /* @__PURE__ */ _("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [
+						/* @__PURE__ */ _(y, {
+							size: "sm",
+							variant: "outline",
+							onClick: () => D("/products/product-hierarchy-page"),
+							"data-testid": "product-lines-view-hierarchy",
+							children: [/* @__PURE__ */ g(p, { className: "mr-1 h-4 w-4" }), T("planmagnet.productLines.actions.viewHierarchy", "View hierarchy")]
+						}),
+						/* @__PURE__ */ _(y, {
+							size: "sm",
+							variant: O ? "default" : "outline",
+							"aria-pressed": O,
+							onClick: () => k((e) => !e),
+							"data-testid": "product-lines-toggle-archived",
+							children: [/* @__PURE__ */ g(d, { className: "mr-1 h-4 w-4" }), T("planmagnet.productLines.actions.showArchived", "Show archived")]
+						}),
+						/* @__PURE__ */ g(s, {})
+					]
+				})]
+			}),
+			/* @__PURE__ */ _("div", {
+				className: "flex flex-wrap items-center gap-3",
+				children: [/* @__PURE__ */ g(w, {
+					"aria-label": T("planmagnet.productLines.search", "Search product lines"),
+					placeholder: T("planmagnet.productLines.searchPlaceholder", "Search by name or description…"),
+					value: A,
+					onChange: (e) => j(e.target.value),
+					className: "max-w-xs",
+					"data-testid": "product-lines-search"
+				}), /* @__PURE__ */ g("p", {
+					className: "text-sm text-muted-foreground",
+					"data-testid": "product-lines-count",
+					children: V === 1 ? T("planmagnet.productLines.countOne", "1 product line") : T("planmagnet.productLines.count", "{{count}} product lines", { count: V })
+				})]
+			}),
+			N && /* @__PURE__ */ _("div", {
+				role: "status",
+				className: "flex items-start justify-between gap-3 rounded-md bg-muted p-3 text-sm",
+				"data-testid": "product-lines-notice",
+				children: [/* @__PURE__ */ g("span", { children: N }), /* @__PURE__ */ g("button", {
+					type: "button",
+					className: "shrink-0 text-xs text-muted-foreground hover:underline",
+					onClick: () => P(null),
+					children: T("planmagnet.productLines.dismiss", "Dismiss")
+				})]
+			}),
+			R && /* @__PURE__ */ g(i, { message: T("planmagnet.productLines.errors.refresh", "The list could not be refreshed: {{message}}", { message: R.message }) }),
+			B.length === 0 ? /* @__PURE__ */ g(b, { children: /* @__PURE__ */ g(x, {
+				className: "py-12 text-center text-sm text-muted-foreground",
+				children: M ? T("planmagnet.productLines.emptySearch", "No product line matches your search.") : O ? T("planmagnet.productLines.emptyAll", "No product lines yet. Create one to group related products.") : T("planmagnet.productLines.empty", "No active product lines. Create one to group related products, or show archived lines.")
+			}) }) : /* @__PURE__ */ g("div", {
+				className: "grid gap-4 lg:grid-cols-2",
+				children: B.map((e) => /* @__PURE__ */ _(b, {
+					"data-testid": "product-line-card",
+					children: [/* @__PURE__ */ g(S, {
+						className: "space-y-3",
+						children: /* @__PURE__ */ _("div", {
+							className: "flex flex-wrap items-start justify-between gap-3",
+							children: [/* @__PURE__ */ _("div", {
+								className: "min-w-0",
+								children: [/* @__PURE__ */ _(C, {
+									className: "flex items-center gap-2 text-base",
+									children: [
+										/* @__PURE__ */ g(f, { className: "h-4 w-4 shrink-0 text-primary" }),
+										/* @__PURE__ */ g("span", {
+											className: "truncate",
+											children: e.name
+										}),
+										e.archivedAt && /* @__PURE__ */ g(v, {
+											variant: "outline",
+											className: "text-xs",
+											children: T("planmagnet.productLines.archived", "Archived")
+										})
+									]
+								}), /* @__PURE__ */ _("p", {
+									className: "mt-1 text-xs text-muted-foreground",
+									children: [
+										T("planmagnet.productLines.owner", "Owner"),
+										":",
+										" ",
+										e.ownerId ? /* @__PURE__ */ g(n, { id: e.ownerId }) : T("planmagnet.productLines.fields.noOwner", "No owner")
+									]
+								})]
+							}), /* @__PURE__ */ g(o, {
+								line: e,
+								productCount: e.products.length,
+								onArchived: (e) => P(O ? T("planmagnet.productLines.notice.archived", "“{{name}}” is archived.", { name: e }) : T("planmagnet.productLines.notice.archivedHidden", "“{{name}}” is archived and hidden from this list — turn on “Show archived” to see it. Its products stay in it.", { name: e })),
+								onDeleted: (e) => P(T("planmagnet.productLines.notice.deleted", "“{{name}}” was deleted. Its products are kept and now show under “No product line”.", { name: e }))
+							})]
+						})
+					}), /* @__PURE__ */ _(x, {
+						className: "space-y-4",
+						children: [
+							/* @__PURE__ */ g("p", {
+								className: "text-sm text-muted-foreground",
+								children: e.description || T("planmagnet.productLines.noDescription", "No description.")
+							}),
+							e.archivedAt && /* @__PURE__ */ g("p", {
+								className: "text-xs text-muted-foreground",
+								children: T("planmagnet.productLines.archivedNote", "Archived: its products stay in it, but it takes no new ones.")
+							}),
+							/* @__PURE__ */ g(c, {
+								line: e,
+								products: e.products
+							})
+						]
+					})]
+				}, e.id))
+			}),
+			z?.pageInfo.hasNextPage && /* @__PURE__ */ g("p", {
+				className: "text-xs text-muted-foreground",
+				children: T("planmagnet.productLines.truncated", "Showing the first {{shown}} of {{total}} product lines — search to narrow the list.", {
+					shown: B.length,
+					total: V
+				})
+			})
+		]
+	});
+}
+//#endregion
+export { T as ProductsProductLinesPagePage };
+//# sourceMappingURL=ProductsProductLinesPagePage.js.map

package/dist/planmagnet/pages/ProductsProductLinesPagePage.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"ProductsProductLinesPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsProductLinesPagePage.tsx"],"sourcesContent":["import { useDeferredValue, useState } from 'react';\nimport { useQuery } from '@apollo/client/react';\nimport {\n Badge,\n Button,\n Card,\n CardContent,\n CardHeader,\n CardTitle,\n Input,\n} from '@burdenoff/fe-libs/ui';\nimport { Archive, Layers, ListTree, Loader2 } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnet, usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { PersonName } from '../people/People';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport {\n ProductLineActions,\n ProductLineFormDialog,\n ProductLineProducts,\n type ProductLineProductRef,\n type ProductLineValues,\n} from '../product/ProductLineControls';\nimport { PRODUCT_LINES_PAGE } from '../product/hierarchyOperations';\n\n/**\n * Product lines (PRM-01): the top of the product hierarchy — Product line > Product > Feature > Epic > Story. Lists\n * lines with their products (search and \"show archived\" run on the server), and creates, edits, archives and\n * deletes them. A line never owns its products: archiving keeps them in it, deleting only takes them out of it.\n * Nothing is inferred — every product starts in no line until someone puts it in one.\n */\n\ninterface ProductLineNode extends ProductLineValues {\n createdAt: string;\n updatedAt: string;\n products: ProductLineProductRef[];\n}\n\ninterface ProductLinesData {\n planmagnetProductLines: {\n items: ProductLineNode[];\n pageInfo: { hasNextPage: boolean };\n totalCount: number;\n };\n}\n\nexport function ProductsProductLinesPagePage() {\n const tr = useTr();\n const { workspaceId } = usePlanMagnet();\n const navigate = usePlanMagnetNavigate();\n const [showArchived, setShowArchived] = useState(false);\n const [search, setSearch] = useState('');\n const deferred = useDeferredValue(search.trim());\n // What the last archive/delete did — its card may already be gone from the list.\n const [notice, setNotice] = useState<string | null>(null);\n\n const { data, previousData, loading, error } = useQuery<ProductLinesData>(PRODUCT_LINES_PAGE, {\n variables: {\n workspaceId: workspaceId ?? '',\n filter: {\n // isActive omitted lists active and archived lines alike.\n ...(showArchived ? {} : { isActive: true }),\n ...(deferred ? { search: deferred } : {}),\n },\n },\n skip: !workspaceId,\n });\n // A new search or the archived toggle keeps the current rows (and the search box) on screen meanwhile.\n const list = (data ?? previousData)?.planmagnetProductLines;\n\n // Only before the first load: a refetch must not blank the page (it unmounts every component on it).\n if (loading && !list) {\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 && !list) {\n return (\n <div className=\"p-6 text-destructive\">\n {tr(\n 'planmagnet.productLines.errors.loadPage',\n 'Failed to load product lines: {{message}}',\n {\n message: error.message,\n }\n )}\n </div>\n );\n }\n\n const lines = list?.items ?? [];\n const totalCount = list?.totalCount ?? 0;\n\n return (\n <div className=\"space-y-6 p-6\">\n <div className=\"flex flex-wrap items-start justify-between gap-4\">\n <div>\n <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n <Layers className=\"h-6 w-6\" />\n {tr('planmagnet.productLines.title', 'Product lines')}\n </h1>\n <p className=\"mt-1 text-sm text-muted-foreground\">\n {tr(\n 'planmagnet.productLines.subtitle',\n 'Group related products into lines. A product belongs to at most one line; the line never owns it.'\n )}\n </p>\n </div>\n <div className=\"flex flex-wrap items-center gap-2\">\n <Button\n size=\"sm\"\n variant=\"outline\"\n onClick={() => navigate('/products/product-hierarchy-page')}\n data-testid=\"product-lines-view-hierarchy\"\n >\n <ListTree className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productLines.actions.viewHierarchy', 'View hierarchy')}\n </Button>\n <Button\n size=\"sm\"\n variant={showArchived ? 'default' : 'outline'}\n aria-pressed={showArchived}\n onClick={() => setShowArchived((v) => !v)}\n data-testid=\"product-lines-toggle-archived\"\n >\n <Archive className=\"mr-1 h-4 w-4\" />\n {tr('planmagnet.productLines.actions.showArchived', 'Show archived')}\n </Button>\n <ProductLineFormDialog />\n </div>\n </div>\n\n <div className=\"flex flex-wrap items-center gap-3\">\n <Input\n aria-label={tr('planmagnet.productLines.search', 'Search product lines')}\n placeholder={tr(\n 'planmagnet.productLines.searchPlaceholder',\n 'Search by name or description…'\n )}\n value={search}\n onChange={(e) => setSearch(e.target.value)}\n className=\"max-w-xs\"\n data-testid=\"product-lines-search\"\n />\n <p className=\"text-sm text-muted-foreground\" data-testid=\"product-lines-count\">\n {totalCount === 1\n ? tr('planmagnet.productLines.countOne', '1 product line')\n : tr('planmagnet.productLines.count', '{{count}} product lines', { count: totalCount })}\n </p>\n </div>\n\n {notice && (\n <div\n role=\"status\"\n className=\"flex items-start justify-between gap-3 rounded-md bg-muted p-3 text-sm\"\n data-testid=\"product-lines-notice\"\n >\n <span>{notice}</span>\n <button\n type=\"button\"\n className=\"shrink-0 text-xs text-muted-foreground hover:underline\"\n onClick={() => setNotice(null)}\n >\n {tr('planmagnet.productLines.dismiss', 'Dismiss')}\n </button>\n </div>\n )}\n\n {error && (\n <ErrorLine\n message={tr(\n 'planmagnet.productLines.errors.refresh',\n 'The list could not be refreshed: {{message}}',\n {\n message: error.message,\n }\n )}\n />\n )}\n\n {lines.length === 0 ? (\n <Card>\n <CardContent className=\"py-12 text-center text-sm text-muted-foreground\">\n {deferred\n ? tr('planmagnet.productLines.emptySearch', 'No product line matches your search.')\n : showArchived\n ? tr(\n 'planmagnet.productLines.emptyAll',\n 'No product lines yet. Create one to group related products.'\n )\n : tr(\n 'planmagnet.productLines.empty',\n 'No active product lines. Create one to group related products, or show archived lines.'\n )}\n </CardContent>\n </Card>\n ) : (\n <div className=\"grid gap-4 lg:grid-cols-2\">\n {lines.map((line) => (\n <Card key={line.id} data-testid=\"product-line-card\">\n <CardHeader className=\"space-y-3\">\n <div className=\"flex flex-wrap items-start justify-between gap-3\">\n <div className=\"min-w-0\">\n <CardTitle className=\"flex items-center gap-2 text-base\">\n <Layers className=\"h-4 w-4 shrink-0 text-primary\" />\n <span className=\"truncate\">{line.name}</span>\n {line.archivedAt && (\n <Badge variant=\"outline\" className=\"text-xs\">\n {tr('planmagnet.productLines.archived', 'Archived')}\n </Badge>\n )}\n </CardTitle>\n <p className=\"mt-1 text-xs text-muted-foreground\">\n {tr('planmagnet.productLines.owner', 'Owner')}:{' '}\n {line.ownerId ? (\n <PersonName id={line.ownerId} />\n ) : (\n tr('planmagnet.productLines.fields.noOwner', 'No owner')\n )}\n </p>\n </div>\n <ProductLineActions\n line={line}\n productCount={line.products.length}\n onArchived={(name) =>\n setNotice(\n showArchived\n ? tr(\n 'planmagnet.productLines.notice.archived',\n '“{{name}}” is archived.',\n {\n name,\n }\n )\n : tr(\n 'planmagnet.productLines.notice.archivedHidden',\n '“{{name}}” is archived and hidden from this list — turn on “Show archived” to see it. Its products stay in it.',\n { name }\n )\n )\n }\n onDeleted={(name) =>\n setNotice(\n tr(\n 'planmagnet.productLines.notice.deleted',\n '“{{name}}” was deleted. Its products are kept and now show under “No product line”.',\n { name }\n )\n )\n }\n />\n </div>\n </CardHeader>\n <CardContent className=\"space-y-4\">\n <p className=\"text-sm text-muted-foreground\">\n {line.description ||\n tr('planmagnet.productLines.noDescription', 'No description.')}\n </p>\n {line.archivedAt && (\n <p className=\"text-xs text-muted-foreground\">\n {tr(\n 'planmagnet.productLines.archivedNote',\n 'Archived: its products stay in it, but it takes no new ones.'\n )}\n </p>\n )}\n <ProductLineProducts line={line} products={line.products} />\n </CardContent>\n </Card>\n ))}\n </div>\n )}\n\n {list?.pageInfo.hasNextPage && (\n <p className=\"text-xs text-muted-foreground\">\n {tr(\n 'planmagnet.productLines.truncated',\n 'Showing the first {{shown}} of {{total}} product lines — search to narrow the list.',\n { shown: lines.length, total: totalCount }\n )}\n </p>\n )}\n </div>\n );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsProductsPagePage.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ProductsProductsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,wBAAwB,~~4CAgMvC~~"}
1	+ {"version":3,"file":"ProductsProductsPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsProductsPagePage.tsx"],"names":[],"mappings":"AA+EA,wBAAgB,wBAAwB,4CAmMvC"}

package/dist/planmagnet/pages/ProductsProductsPagePage.js CHANGED Viewed

@@ -195,7 +195,7 @@ function E() {
 											children: e.featureRequests.length
 										}), /* @__PURE__ */ _("p", {
 											className: "text-xs text-muted-foreground",
-											children: [/* @__PURE__ */ g(p, { className: "inline h-3 w-3 mr-0.5" }), D("planmagnet.products.shared.features", "Features")]
+											children: [/* @__PURE__ */ g(p, { className: "inline h-3 w-3 mr-0.5" }), D("planmagnet.products.shared.featureRequests", "Feature requests")]
 										})]
 									})
 								]