@burdenoff/microfe-planmagnet 2026.1002.1 → 2026.1002.3

package/dist/planmagnet/pages/ProductsCustomerSatisfactionPagePage.js

@@ -0,0 +1,251 @@
+import { usePlanMagnet as e } from "../providers/PlanMagnetProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { isForbidden as n } from "../utils/graphqlErrors.js";
+import { ErrorLine as r } from "../controls/ConfirmButton.js";
+import { METRIC_TYPES as i, pageStateFromSearch as a, windowInput as o } from "../satisfaction/satisfaction.js";
+import { SatisfactionFigureCards as s } from "../satisfaction/SatisfactionFigures.js";
+import { CUSTOMER_SATISFACTION_SUMMARY as c, SATISFACTION_QUERIES as l } from "../satisfaction/satisfactionOperations.js";
+import { ProductSelect as ee, ProjectSelect as te } from "../controls/Pickers.js";
+import { writeUrlParam as u } from "../utils/urlParam.js";
+import { SatisfactionReleaseSelect as d, useSatisfactionReleaseOptions as f } from "../satisfaction/SatisfactionReleaseSelect.js";
+import { SatisfactionImportDialog as p } from "../satisfaction/SatisfactionImportDialog.js";
+import { SatisfactionResponseDialog as m } from "../satisfaction/SatisfactionResponseDialog.js";
+import { SatisfactionResponsesTable as h } from "../satisfaction/SatisfactionResponsesTable.js";
+import { SatisfactionWindowPicker as g } from "../satisfaction/SatisfactionWindowPicker.js";
+import { useSatisfactionAccess as _ } from "../satisfaction/useSatisfactionAccess.js";
+import { useEffect as v, useMemo as y, useState as b } from "react";
+import { Info as x, Loader2 as S, MessageSquareHeart as C, X as ne } from "lucide-react";
+import { useLocation as re } from "react-router";
+import { useApolloClient as ie, useQuery as w } from "@apollo/client/react";
+import { Fragment as T, jsx as E, jsxs as D } from "react/jsx-runtime";
+import { Button as O, Card as k, CardContent as A, CardHeader as j, CardTitle as M } from "@burdenoff/fe-libs/ui";
+import { clearGraphqlFetchResponseCache as N } from "@burdenoff/fe-libs/shared/graphql";
+//#region src/planmagnet/pages/ProductsCustomerSatisfactionPagePage.tsx
+function P() {
+	let P = t(), { workspaceId: F } = e(), I = _(), L = ie(), { releases: R } = f(), { search: ae } = re(), [z, B] = b(() => a(ae, /* @__PURE__ */ new Date())), [V, H] = b(() => o(z.window) ?? { preset: "LAST_90_DAYS" }), [U, W] = b(null), G = (e) => {
+		let t = {
+			...z,
+			...e
+		};
+		B(t);
+		let n = o(t.window);
+		n && H(n);
+	};
+	v(() => {
+		let e = V.preset;
+		u("window", e === "LAST_90_DAYS" ? null : e), u("from", e === "CUSTOM" ? V.from ?? null : null), u("to", e === "CUSTOM" ? V.to ?? null : null), u("product", z.productId || null), u("release", z.releaseId || null), u("project", z.projectId || null), u("metric", z.metricType || null);
+	}, [
+		V,
+		z.productId,
+		z.releaseId,
+		z.projectId,
+		z.metricType
+	]);
+	let K = y(() => ({
+		...z.productId ? { productId: z.productId } : {},
+		...z.releaseId ? { releaseId: z.releaseId } : {},
+		...z.projectId ? { projectId: z.projectId } : {}
+	}), [
+		z.productId,
+		z.releaseId,
+		z.projectId
+	]), q = y(() => ({
+		...K,
+		...z.metricType ? { metricType: z.metricType } : {},
+		window: V
+	}), [
+		K,
+		z.metricType,
+		V
+	]), J = {
+		productId: z.productId,
+		releaseId: z.releaseId,
+		projectId: z.projectId
+	}, Y = !!(z.productId || z.releaseId || z.projectId), { data: X, previousData: oe, loading: Z, error: Q } = w(c, {
+		variables: {
+			workspaceId: F ?? "",
+			filter: {
+				...K,
+				window: V
+			}
+		},
+		skip: !F
+	}), $ = (X ?? oe)?.planmagnetCustomerSatisfaction ?? null, se = Z && !X && !!$, ce = () => {
+		N(), L.refetchQueries({ include: l });
+	};
+	return F ? /* @__PURE__ */ D("div", {
+		className: "space-y-6 p-6",
+		"data-testid": "satisfaction-page",
+		children: [
+			/* @__PURE__ */ D("div", {
+				className: "flex flex-wrap items-start justify-between gap-4",
+				children: [/* @__PURE__ */ D("div", {
+					className: "max-w-3xl",
+					children: [/* @__PURE__ */ D("h1", {
+						className: "flex items-center gap-2 text-2xl font-semibold",
+						children: [/* @__PURE__ */ E(C, {
+							className: "h-6 w-6",
+							"aria-hidden": !0
+						}), P("planmagnet.satisfaction.title", "Customer satisfaction")]
+					}), /* @__PURE__ */ E("p", {
+						className: "mt-1 text-sm text-muted-foreground",
+						children: P("planmagnet.satisfaction.subtitle", "CSAT and NPS from what customers said about your products, releases and projects. Responses are entered by your team or imported from a CSV file.")
+					})]
+				}), I.canCreate && /* @__PURE__ */ D("div", {
+					className: "flex flex-wrap items-center gap-2",
+					children: [/* @__PURE__ */ E(p, {
+						links: J,
+						onImported: (e) => W({
+							tone: "status",
+							message: P("planmagnet.satisfaction.notice.imported", "Import done — new responses: {{created}}; already imported and skipped: {{skipped}}.", {
+								created: e.createdCount,
+								skipped: e.skippedCount
+							})
+						})
+					}), /* @__PURE__ */ E(m, {
+						links: J,
+						onSaved: () => W({
+							tone: "status",
+							message: P("planmagnet.satisfaction.notice.created", "The response was added.")
+						})
+					})]
+				})]
+			}),
+			I.readOnly && /* @__PURE__ */ D("p", {
+				className: "flex items-center gap-1.5 text-xs text-muted-foreground",
+				"data-testid": "satisfaction-read-only",
+				children: [/* @__PURE__ */ E(x, {
+					className: "h-3.5 w-3.5 shrink-0",
+					"aria-hidden": !0
+				}), P("planmagnet.satisfaction.readOnly", "You can read customer satisfaction. Adding, importing, editing and deleting responses is for product managers.")]
+			}),
+			/* @__PURE__ */ D("div", {
+				className: "space-y-3 rounded-lg border p-3",
+				"data-testid": "satisfaction-filters",
+				children: [/* @__PURE__ */ E(g, {
+					value: z.window,
+					onChange: (e) => G({ window: e }),
+					current: $?.window ?? null
+				}), /* @__PURE__ */ D("div", {
+					className: "flex flex-col gap-2 sm:flex-row sm:items-center",
+					children: [/* @__PURE__ */ D("div", {
+						className: "grid flex-1 gap-2 sm:grid-cols-3",
+						children: [
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+								htmlFor: "satisfaction-filter-product",
+								className: "sr-only",
+								children: P("planmagnet.satisfaction.filters.product", "Product")
+							}), /* @__PURE__ */ E(ee, {
+								id: "satisfaction-filter-product",
+								value: z.productId,
+								noneLabel: P("planmagnet.satisfaction.filters.allProducts", "All products"),
+								onChange: (e) => {
+									let t = R.find((e) => e.id === z.releaseId);
+									G({
+										productId: e,
+										releaseId: !t || !t.productId || !e || t.productId === e ? z.releaseId : ""
+									});
+								}
+							})] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+								htmlFor: "satisfaction-filter-release",
+								className: "sr-only",
+								children: P("planmagnet.satisfaction.filters.release", "Release")
+							}), /* @__PURE__ */ E(d, {
+								id: "satisfaction-filter-release",
+								value: z.releaseId,
+								productId: z.productId,
+								noneLabel: P("planmagnet.satisfaction.filters.allReleases", "All releases"),
+								onChange: (e) => G({ releaseId: e })
+							})] }),
+							/* @__PURE__ */ D("div", { children: [/* @__PURE__ */ E("label", {
+								htmlFor: "satisfaction-filter-project",
+								className: "sr-only",
+								children: P("planmagnet.satisfaction.filters.project", "Project")
+							}), /* @__PURE__ */ E(te, {
+								id: "satisfaction-filter-project",
+								value: z.projectId,
+								noneLabel: P("planmagnet.satisfaction.filters.allProjects", "All projects"),
+								onChange: (e) => G({ projectId: e })
+							})] })
+						]
+					}), Y && /* @__PURE__ */ D(O, {
+						size: "sm",
+						variant: "ghost",
+						onClick: () => G({
+							productId: "",
+							releaseId: "",
+							projectId: ""
+						}),
+						"data-testid": "satisfaction-filters-clear",
+						children: [/* @__PURE__ */ E(ne, { className: "mr-1 h-4 w-4" }), P("planmagnet.satisfaction.filters.clear", "Clear filters")]
+					})]
+				})]
+			}),
+			z.productId && /* @__PURE__ */ E("p", {
+				className: "-mt-3 text-xs text-muted-foreground",
+				children: P("planmagnet.satisfaction.filters.productNote", "A product counts its own responses and those about its releases that name no product of their own.")
+			}),
+			U && /* @__PURE__ */ D("div", {
+				role: U.tone,
+				className: `flex items-start justify-between gap-3 rounded-md p-3 text-sm ${U.tone === "alert" ? "bg-status-error-bg-subtle text-status-error-text" : "bg-muted"}`,
+				"data-testid": "satisfaction-notice",
+				children: [/* @__PURE__ */ E("span", { children: U.message }), /* @__PURE__ */ E("button", {
+					type: "button",
+					className: "shrink-0 text-xs text-muted-foreground hover:underline",
+					onClick: () => W(null),
+					children: P("planmagnet.satisfaction.dismiss", "Dismiss")
+				})]
+			}),
+			Z && !$ ? /* @__PURE__ */ D("div", {
+				className: "flex items-center gap-2 text-sm text-muted-foreground",
+				children: [/* @__PURE__ */ E(S, { className: "h-4 w-4 animate-spin" }), P("planmagnet.satisfaction.loading", "Loading…")]
+			}) : Q && !$ ? /* @__PURE__ */ E(r, { message: n(Q) ? P("planmagnet.satisfaction.errors.readForbidden", "Your role cannot see customer satisfaction in this workspace.") : P("planmagnet.satisfaction.errors.load", "Customer satisfaction could not be loaded: {{message}}", { message: Q.message }) }) : $ ? /* @__PURE__ */ D(T, { children: [
+				Q && /* @__PURE__ */ E(r, { message: P("planmagnet.satisfaction.errors.refresh", "The figures could not be refreshed: {{message}}", { message: Q.message }) }),
+				se && /* @__PURE__ */ D("p", {
+					className: "flex items-center gap-2 text-xs text-muted-foreground",
+					role: "status",
+					children: [/* @__PURE__ */ E(S, {
+						className: "h-3.5 w-3.5 animate-spin",
+						"aria-hidden": !0
+					}), P("planmagnet.satisfaction.updating", "Updating the figures…")]
+				}),
+				/* @__PURE__ */ E(s, { summary: $ })
+			] }) : null,
+			/* @__PURE__ */ D(k, { children: [/* @__PURE__ */ D(j, {
+				className: "flex flex-row flex-wrap items-center justify-between gap-2 space-y-0",
+				children: [/* @__PURE__ */ E(M, { children: P("planmagnet.satisfaction.list.title", "Responses") }), /* @__PURE__ */ E("div", {
+					className: "flex items-center gap-1 rounded-md border p-0.5",
+					role: "group",
+					"aria-label": P("planmagnet.satisfaction.list.metricFilter", "Metric"),
+					children: ["", ...i].map((e) => /* @__PURE__ */ E("button", {
+						type: "button",
+						"aria-pressed": z.metricType === e,
+						onClick: () => G({ metricType: e }),
+						"data-testid": `satisfaction-metric-${e || "ALL"}`,
+						className: `rounded px-2.5 py-1 text-xs ${z.metricType === e ? "bg-primary text-primary-foreground" : "text-muted-foreground hover:bg-muted"}`,
+						children: e || P("planmagnet.satisfaction.list.allMetrics", "All")
+					}, e || "all"))
+				})]
+			}), /* @__PURE__ */ E(A, { children: /* @__PURE__ */ E(h, {
+				workspaceId: F,
+				filter: q,
+				access: I,
+				links: J,
+				filtered: Y || !!z.metricType,
+				onNotice: (e, t) => W({
+					message: e,
+					tone: t
+				}),
+				onStale: ce
+			}, JSON.stringify(q)) })] })
+		]
+	}) : /* @__PURE__ */ E("div", {
+		className: "p-6 text-sm text-muted-foreground",
+		children: P("planmagnet.satisfaction.noWorkspace", "Choose a workspace to see customer satisfaction.")
+	});
+}
+//#endregion
+export { P as ProductsCustomerSatisfactionPagePage };
+
+//# sourceMappingURL=ProductsCustomerSatisfactionPagePage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProductsCustomerSatisfactionPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsCustomerSatisfactionPagePage.tsx"],"sourcesContent":["import { useEffect, useMemo, useState } from 'react';\nimport { useLocation } from 'react-router';\nimport { useApolloClient, useQuery } from '@apollo/client/react';\nimport { clearGraphqlFetchResponseCache } from '@burdenoff/fe-libs/shared/graphql';\nimport { Button, Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Info, Loader2, MessageSquareHeart, X } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnet } from '../providers/PlanMagnetProvider';\nimport { ErrorLine } from '../controls/ConfirmButton';\nimport { ProductSelect, ProjectSelect } from '../controls/Pickers';\nimport { isForbidden } from '../utils/graphqlErrors';\nimport { writeUrlParam } from '../utils/urlParam';\nimport { SatisfactionFigureCards } from '../satisfaction/SatisfactionFigures';\nimport { SatisfactionImportDialog } from '../satisfaction/SatisfactionImportDialog';\nimport {\n  SatisfactionReleaseSelect,\n  useSatisfactionReleaseOptions,\n} from '../satisfaction/SatisfactionReleaseSelect';\nimport { SatisfactionResponseDialog } from '../satisfaction/SatisfactionResponseDialog';\nimport {\n  SatisfactionResponsesTable,\n  type ResponsesFilter,\n} from '../satisfaction/SatisfactionResponsesTable';\nimport { SatisfactionWindowPicker } from '../satisfaction/SatisfactionWindowPicker';\nimport {\n  DEFAULT_WINDOW_PRESET,\n  METRIC_TYPES,\n  pageStateFromSearch,\n  windowInput,\n  type SatisfactionPageState,\n  type SatisfactionWindowInput,\n} from '../satisfaction/satisfaction';\nimport {\n  CUSTOMER_SATISFACTION_SUMMARY,\n  SATISFACTION_QUERIES,\n  type CustomerSatisfactionSummaryData,\n} from '../satisfaction/satisfactionOperations';\nimport { useSatisfactionAccess } from '../satisfaction/useSatisfactionAccess';\n\n/**\n * Customer satisfaction (ANR-21): CSAT — the default delivery KPI — and NPS from customers' answers about products,\n * releases and projects, with the responses behind them. Answers are entered one at a time by team members or\n * imported from a CSV file; product managers add, edit, delete and import, everyone else reads.\n *\n * Every figure shows its response count and its window, and a metric with fewer than five responses reads \"Not enough\n * responses\" — never 0. The window (trailing 30 / 90 / 180 / 365 days, 90 by default, or custom UTC days) and the\n * product / release / project filters apply to the figures and the list alike, and live in the URL so a view is\n * linkable and the product, release and delivery-KPI cards can open it filtered.\n */\n\ntype Notice = { message: string; tone: 'status' | 'alert' };\n\nexport function ProductsCustomerSatisfactionPagePage() {\n  const tr = useTr();\n  const { workspaceId } = usePlanMagnet();\n  const access = useSatisfactionAccess();\n  const client = useApolloClient();\n  const { releases } = useSatisfactionReleaseOptions();\n  // The router's location, not window.location: a link from a product, release or delivery card arrives through the\n  // host's navigate(). Later changes are written back with replaceState (utils/urlParam.ts), never as history entries.\n  const { search } = useLocation();\n  const [state, setState] = useState<SatisfactionPageState>(() =>\n    pageStateFromSearch(search, new Date())\n  );\n  // The last window the service can take: a custom pair being typed never reaches a query half-done.\n  const [lastWindow, setLastWindow] = useState<SatisfactionWindowInput>(\n    () => windowInput(state.window) ?? { preset: DEFAULT_WINDOW_PRESET }\n  );\n  // What the last write did — kept above the figures and the list, which a refetch redraws.\n  const [notice, setNotice] = useState<Notice | null>(null);\n\n  const change = (patch: Partial<SatisfactionPageState>) => {\n    const next = { ...state, ...patch };\n    setState(next);\n    const valid = windowInput(next.window);\n    if (valid) setLastWindow(valid);\n  };\n\n  // The URL carries the view (see pageStateFromSearch); the default window is left out.\n  useEffect(() => {\n    const preset = lastWindow.preset;\n    writeUrlParam('window', preset === DEFAULT_WINDOW_PRESET ? null : preset);\n    writeUrlParam('from', preset === 'CUSTOM' ? (lastWindow.from ?? null) : null);\n    writeUrlParam('to', preset === 'CUSTOM' ? (lastWindow.to ?? null) : null);\n    writeUrlParam('product', state.productId || null);\n    writeUrlParam('release', state.releaseId || null);\n    writeUrlParam('project', state.projectId || null);\n    writeUrlParam('metric', state.metricType || null);\n  }, [lastWindow, state.productId, state.releaseId, state.projectId, state.metricType]);\n\n  const scopeFilter = useMemo(\n    () => ({\n      ...(state.productId ? { productId: state.productId } : {}),\n      ...(state.releaseId ? { releaseId: state.releaseId } : {}),\n      ...(state.projectId ? { projectId: state.projectId } : {}),\n    }),\n    [state.productId, state.releaseId, state.projectId]\n  );\n  const responsesFilter: ResponsesFilter = useMemo(\n    () => ({\n      ...scopeFilter,\n      ...(state.metricType ? { metricType: state.metricType } : {}),\n      window: lastWindow,\n    }),\n    [scopeFilter, state.metricType, lastWindow]\n  );\n  const links = {\n    productId: state.productId,\n    releaseId: state.releaseId,\n    projectId: state.projectId,\n  };\n  const scoped = !!(state.productId || state.releaseId || state.projectId);\n\n  const { data, previousData, loading, error } = useQuery<CustomerSatisfactionSummaryData>(\n    CUSTOMER_SATISFACTION_SUMMARY,\n    {\n      variables: { workspaceId: workspaceId ?? '', filter: { ...scopeFilter, window: lastWindow } },\n      skip: !workspaceId,\n    }\n  );\n  // A new window or filter keeps the figures on screen (each states its own window) until the new ones arrive.\n  const summary = (data ?? previousData)?.planmagnetCustomerSatisfaction ?? null;\n  const updating = loading && !data && !!summary;\n\n  // A response deleted elsewhere: drop the 15 s fetch replay, then re-read what is on screen.\n  const refreshAfterStale = () => {\n    clearGraphqlFetchResponseCache();\n    void client.refetchQueries({ include: SATISFACTION_QUERIES });\n  };\n\n  const onProduct = (productId: string) => {\n    const release = releases.find((r) => r.id === state.releaseId);\n    // A release of another product cannot be about this one: the release filter goes with the old product.\n    const keepRelease =\n      !release || !release.productId || !productId || release.productId === productId;\n    change({ productId, releaseId: keepRelease ? state.releaseId : '' });\n  };\n\n  if (!workspaceId) {\n    return (\n      <div className=\"p-6 text-sm text-muted-foreground\">\n        {tr(\n          'planmagnet.satisfaction.noWorkspace',\n          'Choose a workspace to see customer satisfaction.'\n        )}\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"space-y-6 p-6\" data-testid=\"satisfaction-page\">\n      <div className=\"flex flex-wrap items-start justify-between gap-4\">\n        <div className=\"max-w-3xl\">\n          <h1 className=\"flex items-center gap-2 text-2xl font-semibold\">\n            <MessageSquareHeart className=\"h-6 w-6\" aria-hidden={true} />\n            {tr('planmagnet.satisfaction.title', 'Customer satisfaction')}\n          </h1>\n          <p className=\"mt-1 text-sm text-muted-foreground\">\n            {tr(\n              'planmagnet.satisfaction.subtitle',\n              'CSAT and NPS from what customers said about your products, releases and projects. Responses are entered by your team or imported from a CSV file.'\n            )}\n          </p>\n        </div>\n        {access.canCreate && (\n          <div className=\"flex flex-wrap items-center gap-2\">\n            <SatisfactionImportDialog\n              links={links}\n              onImported={(result) =>\n                setNotice({\n                  tone: 'status',\n                  message: tr(\n                    'planmagnet.satisfaction.notice.imported',\n                    'Import done — new responses: {{created}}; already imported and skipped: {{skipped}}.',\n                    { created: result.createdCount, skipped: result.skippedCount }\n                  ),\n                })\n              }\n            />\n            <SatisfactionResponseDialog\n              links={links}\n              onSaved={() =>\n                setNotice({\n                  tone: 'status',\n                  message: tr('planmagnet.satisfaction.notice.created', 'The response was added.'),\n                })\n              }\n            />\n          </div>\n        )}\n      </div>\n\n      {access.readOnly && (\n        <p\n          className=\"flex items-center gap-1.5 text-xs text-muted-foreground\"\n          data-testid=\"satisfaction-read-only\"\n        >\n          <Info className=\"h-3.5 w-3.5 shrink-0\" aria-hidden={true} />\n          {tr(\n            'planmagnet.satisfaction.readOnly',\n            'You can read customer satisfaction. Adding, importing, editing and deleting responses is for product managers.'\n          )}\n        </p>\n      )}\n\n      <div className=\"space-y-3 rounded-lg border p-3\" data-testid=\"satisfaction-filters\">\n        <SatisfactionWindowPicker\n          value={state.window}\n          onChange={(window) => change({ window })}\n          current={summary?.window ?? null}\n        />\n        <div className=\"flex flex-col gap-2 sm:flex-row sm:items-center\">\n          <div className=\"grid flex-1 gap-2 sm:grid-cols-3\">\n            <div>\n              <label htmlFor=\"satisfaction-filter-product\" className=\"sr-only\">\n                {tr('planmagnet.satisfaction.filters.product', 'Product')}\n              </label>\n              <ProductSelect\n                id=\"satisfaction-filter-product\"\n                value={state.productId}\n                noneLabel={tr('planmagnet.satisfaction.filters.allProducts', 'All products')}\n                onChange={onProduct}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"satisfaction-filter-release\" className=\"sr-only\">\n                {tr('planmagnet.satisfaction.filters.release', 'Release')}\n              </label>\n              <SatisfactionReleaseSelect\n                id=\"satisfaction-filter-release\"\n                value={state.releaseId}\n                productId={state.productId}\n                noneLabel={tr('planmagnet.satisfaction.filters.allReleases', 'All releases')}\n                onChange={(releaseId) => change({ releaseId })}\n              />\n            </div>\n            <div>\n              <label htmlFor=\"satisfaction-filter-project\" className=\"sr-only\">\n                {tr('planmagnet.satisfaction.filters.project', 'Project')}\n              </label>\n              <ProjectSelect\n                id=\"satisfaction-filter-project\"\n                value={state.projectId}\n                noneLabel={tr('planmagnet.satisfaction.filters.allProjects', 'All projects')}\n                onChange={(projectId) => change({ projectId })}\n              />\n            </div>\n          </div>\n          {scoped && (\n            <Button\n              size=\"sm\"\n              variant=\"ghost\"\n              onClick={() => change({ productId: '', releaseId: '', projectId: '' })}\n              data-testid=\"satisfaction-filters-clear\"\n            >\n              <X className=\"mr-1 h-4 w-4\" />\n              {tr('planmagnet.satisfaction.filters.clear', 'Clear filters')}\n            </Button>\n          )}\n        </div>\n      </div>\n      {state.productId && (\n        <p className=\"-mt-3 text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.filters.productNote',\n            'A product counts its own responses and those about its releases that name no product of their own.'\n          )}\n        </p>\n      )}\n\n      {notice && (\n        <div\n          role={notice.tone}\n          className={`flex items-start justify-between gap-3 rounded-md p-3 text-sm ${\n            notice.tone === 'alert'\n              ? 'bg-status-error-bg-subtle text-status-error-text'\n              : 'bg-muted'\n          }`}\n          data-testid=\"satisfaction-notice\"\n        >\n          <span>{notice.message}</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.satisfaction.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      )}\n\n      {loading && !summary ? (\n        <div className=\"flex items-center gap-2 text-sm text-muted-foreground\">\n          <Loader2 className=\"h-4 w-4 animate-spin\" />\n          {tr('planmagnet.satisfaction.loading', 'Loading…')}\n        </div>\n      ) : error && !summary ? (\n        <ErrorLine\n          message={\n            isForbidden(error)\n              ? tr(\n                  'planmagnet.satisfaction.errors.readForbidden',\n                  'Your role cannot see customer satisfaction in this workspace.'\n                )\n              : tr(\n                  'planmagnet.satisfaction.errors.load',\n                  'Customer satisfaction could not be loaded: {{message}}',\n                  { message: error.message }\n                )\n          }\n        />\n      ) : summary ? (\n        <>\n          {error && (\n            <ErrorLine\n              message={tr(\n                'planmagnet.satisfaction.errors.refresh',\n                'The figures could not be refreshed: {{message}}',\n                { message: error.message }\n              )}\n            />\n          )}\n          {updating && (\n            <p className=\"flex items-center gap-2 text-xs text-muted-foreground\" role=\"status\">\n              <Loader2 className=\"h-3.5 w-3.5 animate-spin\" aria-hidden={true} />\n              {tr('planmagnet.satisfaction.updating', 'Updating the figures…')}\n            </p>\n          )}\n          <SatisfactionFigureCards summary={summary} />\n        </>\n      ) : null}\n\n      <Card>\n        <CardHeader className=\"flex flex-row flex-wrap items-center justify-between gap-2 space-y-0\">\n          <CardTitle>{tr('planmagnet.satisfaction.list.title', 'Responses')}</CardTitle>\n          <div\n            className=\"flex items-center gap-1 rounded-md border p-0.5\"\n            role=\"group\"\n            aria-label={tr('planmagnet.satisfaction.list.metricFilter', 'Metric')}\n          >\n            {(['', ...METRIC_TYPES] as const).map((metric) => (\n              <button\n                key={metric || 'all'}\n                type=\"button\"\n                aria-pressed={state.metricType === metric}\n                onClick={() => change({ metricType: metric })}\n                data-testid={`satisfaction-metric-${metric || 'ALL'}`}\n                className={`rounded px-2.5 py-1 text-xs ${\n                  state.metricType === metric\n                    ? 'bg-primary text-primary-foreground'\n                    : 'text-muted-foreground hover:bg-muted'\n                }`}\n              >\n                {metric || tr('planmagnet.satisfaction.list.allMetrics', 'All')}\n              </button>\n            ))}\n          </div>\n        </CardHeader>\n        <CardContent>\n          <SatisfactionResponsesTable\n            key={JSON.stringify(responsesFilter)}\n            workspaceId={workspaceId}\n            filter={responsesFilter}\n            access={access}\n            links={links}\n            filtered={scoped || !!state.metricType}\n            onNotice={(message, tone) => setNotice({ message, tone })}\n            onStale={refreshAfterStale}\n          />\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/pages/ProductsFeatureAnalyticsPagePage.js

@@ -52,7 +52,7 @@ function v() {
 	let S = v?.planmagnetFeatureRequest;
 	if (!S) return /* @__PURE__ */ d("div", {
 		className: "p-6 text-muted-foreground",
-		children: "Feature not found."
+		children: "Feature request not found."
 	});
 	let C = S.votes ?? [], w = S.competitors?.length ?? 0, T = {};
 	for (let e of C) T[e.weight] = (T[e.weight] || 0) + 1;
@@ -72,7 +72,7 @@ function v() {
 		children: [
 			/* @__PURE__ */ f("div", { children: [/* @__PURE__ */ d("h1", {
 				className: "text-2xl font-semibold",
-				children: "Feature Analytics"
+				children: "Feature request analytics"
 			}), /* @__PURE__ */ f("p", {
 				className: "text-sm text-muted-foreground",
 				children: [
@@ -186,7 +186,7 @@ function v() {
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "grid grid-cols-1 lg:grid-cols-2 gap-6",
-				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "All Features - Status Distribution" }) }), /* @__PURE__ */ d(m, {
+				children: [/* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "All feature requests - status distribution" }) }), /* @__PURE__ */ d(m, {
 					className: "space-y-3",
 					children: Object.entries(A).map(([e, t]) => {
 						let n = x?.all ?? 0, r = n > 0 ? Math.round(t / n * 100) : 0;
@@ -220,7 +220,7 @@ function v() {
 							})
 						})] }, e);
 					})
-				})] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Feature Impact" }) }), /* @__PURE__ */ f(m, {
+				})] }), /* @__PURE__ */ f(p, { children: [/* @__PURE__ */ d(h, { children: /* @__PURE__ */ d(g, { children: "Request impact" }) }), /* @__PURE__ */ f(m, {
 					className: "space-y-3",
 					children: [/* @__PURE__ */ f("div", {
 						className: "text-center p-4 bg-muted rounded-md",

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, ThumbsUp, Users, BarChart3, Target, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { countLabel, useFeatureCounts } from '../hooks/useCounts';\n\nconst GET_FEATURE_REQUEST_ANALYTICS = gql`\n  query GetFeatureRequestAnalytics($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      voteRank\n      submittedBy\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface VoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\nexport function ProductsFeatureAnalyticsPagePage() {\n  const params = useParams<{ id: string }>();\n  const featureId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_FEATURE_REQUEST_ANALYTICS, {\n      variables: { id: featureId },\n      skip: !featureId,\n    });\n\n  // Rank and distribution cover EVERY request, from the server (BOFF-7995: both were computed over the 100\n  // newest in the browser, so a workspace with more read \"of 100\", and an older request had no rank).\n  const featureCounts = useFeatureCounts();\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load analytics: {error.message}</div>;\n  }\n\n  const feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature not found.</div>;\n\n  const votes: VoteNode[] = feature.votes ?? [];\n  const competitorCount = feature.competitors?.length ?? 0;\n\n  // Vote distribution by weight\n  const votesByWeight: Record<number, number> = {};\n  for (const v of votes) {\n    votesByWeight[v.weight] = (votesByWeight[v.weight] || 0) + 1;\n  }\n  const maxVoteWeight = Math.max(...Object.values(votesByWeight), 1);\n\n  // Vote timeline - group by creation date\n  const voteTimeline: { date: string; count: number }[] = [];\n  const voteDateMap: Record<string, number> = {};\n  for (const v of votes) {\n    const date = new Date(v.createdAt).toLocaleDateString();\n    voteDateMap[date] = (voteDateMap[date] || 0) + 1;\n  }\n  for (const [date, count] of Object.entries(voteDateMap)) {\n    voteTimeline.push({ date, count });\n  }\n  voteTimeline.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n  const maxTimelineCount = Math.max(...voteTimeline.map((d) => d.count), 1);\n\n  const statusDistribution: Record<string, number> = featureCounts\n    ? Object.fromEntries(Object.entries(featureCounts.byStatus).filter(([, n]) => n > 0))\n    : {};\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Feature Analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {feature.title} - {feature.status.toLowerCase().replace('_', ' ')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Priority Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <ThumbsUp className=\"h-4 w-4\" />\n              Total Votes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-green-600 mt-1\">\n              Rank #{feature.voteRank} of {countLabel(featureCounts?.all)}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Competitors\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{competitorCount}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Business Value\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Vote Timeline\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {voteTimeline.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No vote data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-1 h-48\">\n                {voteTimeline.map((d) => (\n                  <div key={d.date} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-5 bg-primary rounded-t transition-all\"\n                        style={{ height: `${(d.count / maxTimelineCount) * 160}px` }}\n                      />\n                    </div>\n                    <span className=\"text-[10px] text-muted-foreground truncate max-w-[40px]\">\n                      {d.date}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <p className=\"text-xs text-muted-foreground text-center mt-2\">Votes over time</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Vote Weight Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(votesByWeight).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">No votes recorded</p>\n            ) : (\n              Object.entries(votesByWeight)\n                .sort(([a], [b]) => Number(a) - Number(b))\n                .map(([weight, count]) => (\n                  <div key={weight}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>Weight {weight}</span>\n                      <span className=\"font-semibold\">{count} votes</span>\n                    </div>\n                    <div className=\"w-full h-3 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${(count / maxVoteWeight) * 100}%` }}\n                      />\n                    </div>\n                  </div>\n                ))\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>All Features - Status Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(statusDistribution).map(([status, count]) => {\n              const total = featureCounts?.all ?? 0;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                SUBMITTED: 'bg-gray-400',\n                UNDER_REVIEW: 'bg-yellow-400',\n                PLANNED: 'bg-blue-400',\n                IN_PROGRESS: 'bg-purple-400',\n                COMPLETED: 'bg-green-400',\n                DECLINED: 'bg-red-400',\n                DUPLICATE: 'bg-orange-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Feature Impact</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"text-center p-4 bg-muted rounded-md\">\n              <p className=\"text-3xl font-bold text-primary\">{feature.voteCount}</p>\n              <p className=\"text-sm text-muted-foreground\">total votes received</p>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-center\">\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.businessValue ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">business value</p>\n              </div>\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.priorityScore ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">priority score</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"ProductsFeatureAnalyticsPagePage.js","names":[],"sources":["../../../src/planmagnet/pages/ProductsFeatureAnalyticsPagePage.tsx"],"sourcesContent":["// eslint-disable-next-line @typescript-eslint/ban-ts-comment\n// @ts-nocheck\nimport { gql } from '@apollo/client';\nimport { useQuery } from '@apollo/client/react';\nimport { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { TrendingUp, ThumbsUp, Users, BarChart3, Target, Loader2 } from 'lucide-react';\nimport { useParams } from 'react-router';\nimport { countLabel, useFeatureCounts } from '../hooks/useCounts';\n\nconst GET_FEATURE_REQUEST_ANALYTICS = gql`\n  query GetFeatureRequestAnalytics($id: ID!) {\n    planmagnetFeatureRequest(id: $id) {\n      id\n      title\n      description\n      status\n      businessValue\n      effortEstimate\n      priorityScore\n      voteCount\n      voteRank\n      submittedBy\n      tags\n      createdAt\n      updatedAt\n      votes {\n        id\n        voterId\n        weight\n        comment\n        createdAt\n      }\n      competitors {\n        id\n        name\n      }\n    }\n  }\n`;\n\ninterface VoteNode {\n  id: string;\n  voterId: string;\n  weight: number;\n  comment: string | null;\n  createdAt: string;\n}\n\nexport function ProductsFeatureAnalyticsPagePage() {\n  const params = useParams<{ id: string }>();\n  const featureId = params.id ?? '';\n\n  const {\n    data,\n    loading,\n    error,\n  } = // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    useQuery<Record<string, any>>(GET_FEATURE_REQUEST_ANALYTICS, {\n      variables: { id: featureId },\n      skip: !featureId,\n    });\n\n  // Rank and distribution cover EVERY request, from the server (BOFF-7995: both were computed over the 100\n  // newest in the browser, so a workspace with more read \"of 100\", and an older request had no rank).\n  const featureCounts = useFeatureCounts();\n\n  // Only before the first load: a refetch must not blank the page (it\n\n  // unmounts every component on it and loses their state).\n\n  if (loading && !data) {\n    return (\n      <div className=\"flex items-center justify-center p-12\">\n        <Loader2 className=\"h-8 w-8 animate-spin text-muted-foreground\" />\n      </div>\n    );\n  }\n\n  if (error) {\n    return <div className=\"p-6 text-destructive\">Failed to load analytics: {error.message}</div>;\n  }\n\n  const feature = data?.planmagnetFeatureRequest;\n  if (!feature) return <div className=\"p-6 text-muted-foreground\">Feature request not found.</div>;\n\n  const votes: VoteNode[] = feature.votes ?? [];\n  const competitorCount = feature.competitors?.length ?? 0;\n\n  // Vote distribution by weight\n  const votesByWeight: Record<number, number> = {};\n  for (const v of votes) {\n    votesByWeight[v.weight] = (votesByWeight[v.weight] || 0) + 1;\n  }\n  const maxVoteWeight = Math.max(...Object.values(votesByWeight), 1);\n\n  // Vote timeline - group by creation date\n  const voteTimeline: { date: string; count: number }[] = [];\n  const voteDateMap: Record<string, number> = {};\n  for (const v of votes) {\n    const date = new Date(v.createdAt).toLocaleDateString();\n    voteDateMap[date] = (voteDateMap[date] || 0) + 1;\n  }\n  for (const [date, count] of Object.entries(voteDateMap)) {\n    voteTimeline.push({ date, count });\n  }\n  voteTimeline.sort((a, b) => new Date(a.date).getTime() - new Date(b.date).getTime());\n  const maxTimelineCount = Math.max(...voteTimeline.map((d) => d.count), 1);\n\n  const statusDistribution: Record<string, number> = featureCounts\n    ? Object.fromEntries(Object.entries(featureCounts.byStatus).filter(([, n]) => n > 0))\n    : {};\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div>\n        <h1 className=\"text-2xl font-semibold\">Feature request analytics</h1>\n        <p className=\"text-sm text-muted-foreground\">\n          {feature.title} - {feature.status.toLowerCase().replace('_', ' ')}\n        </p>\n      </div>\n\n      <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4\">\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Target className=\"h-4 w-4\" />\n              Priority Score\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.priorityScore ?? 0}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <ThumbsUp className=\"h-4 w-4\" />\n              Total Votes\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.voteCount}</p>\n            <p className=\"text-xs text-green-600 mt-1\">\n              Rank #{feature.voteRank} of {countLabel(featureCounts?.all)}\n            </p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <Users className=\"h-4 w-4\" />\n              Competitors\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{competitorCount}</p>\n          </CardContent>\n        </Card>\n        <Card>\n          <CardContent className=\"pt-4\">\n            <div className=\"flex items-center gap-2 text-muted-foreground text-xs\">\n              <TrendingUp className=\"h-4 w-4\" />\n              Business Value\n            </div>\n            <p className=\"text-2xl font-bold mt-1\">{feature.businessValue ?? 0}</p>\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle className=\"flex items-center gap-2\">\n              <BarChart3 className=\"h-4 w-4\" />\n              Vote Timeline\n            </CardTitle>\n          </CardHeader>\n          <CardContent>\n            {voteTimeline.length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">\n                No vote data available\n              </p>\n            ) : (\n              <div className=\"flex items-end gap-1 h-48\">\n                {voteTimeline.map((d) => (\n                  <div key={d.date} className=\"flex-1 flex flex-col items-center gap-1\">\n                    <div className=\"w-full flex justify-center\">\n                      <div\n                        className=\"w-5 bg-primary rounded-t transition-all\"\n                        style={{ height: `${(d.count / maxTimelineCount) * 160}px` }}\n                      />\n                    </div>\n                    <span className=\"text-[10px] text-muted-foreground truncate max-w-[40px]\">\n                      {d.date}\n                    </span>\n                  </div>\n                ))}\n              </div>\n            )}\n            <p className=\"text-xs text-muted-foreground text-center mt-2\">Votes over time</p>\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Vote Weight Distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-4\">\n            {Object.entries(votesByWeight).length === 0 ? (\n              <p className=\"text-sm text-muted-foreground text-center py-8\">No votes recorded</p>\n            ) : (\n              Object.entries(votesByWeight)\n                .sort(([a], [b]) => Number(a) - Number(b))\n                .map(([weight, count]) => (\n                  <div key={weight}>\n                    <div className=\"flex justify-between text-sm mb-1\">\n                      <span>Weight {weight}</span>\n                      <span className=\"font-semibold\">{count} votes</span>\n                    </div>\n                    <div className=\"w-full h-3 rounded-full bg-muted overflow-hidden\">\n                      <div\n                        className=\"h-full rounded-full bg-primary\"\n                        style={{ width: `${(count / maxVoteWeight) * 100}%` }}\n                      />\n                    </div>\n                  </div>\n                ))\n            )}\n          </CardContent>\n        </Card>\n      </div>\n\n      <div className=\"grid grid-cols-1 lg:grid-cols-2 gap-6\">\n        <Card>\n          <CardHeader>\n            <CardTitle>All feature requests - status distribution</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            {Object.entries(statusDistribution).map(([status, count]) => {\n              const total = featureCounts?.all ?? 0;\n              const pct = total > 0 ? Math.round((count / total) * 100) : 0;\n              const colors: Record<string, string> = {\n                SUBMITTED: 'bg-gray-400',\n                UNDER_REVIEW: 'bg-yellow-400',\n                PLANNED: 'bg-blue-400',\n                IN_PROGRESS: 'bg-purple-400',\n                COMPLETED: 'bg-green-400',\n                DECLINED: 'bg-red-400',\n                DUPLICATE: 'bg-orange-400',\n              };\n              return (\n                <div key={status}>\n                  <div className=\"flex justify-between text-sm mb-1\">\n                    <span className=\"capitalize\">{status.toLowerCase().replace('_', ' ')}</span>\n                    <span className=\"font-medium\">\n                      {count} ({pct}%)\n                    </span>\n                  </div>\n                  <div className=\"w-full h-2 rounded-full bg-muted overflow-hidden\">\n                    <div\n                      className={`h-full rounded-full ${colors[status] ?? 'bg-gray-300'}`}\n                      style={{ width: `${pct}%` }}\n                    />\n                  </div>\n                </div>\n              );\n            })}\n          </CardContent>\n        </Card>\n\n        <Card>\n          <CardHeader>\n            <CardTitle>Request impact</CardTitle>\n          </CardHeader>\n          <CardContent className=\"space-y-3\">\n            <div className=\"text-center p-4 bg-muted rounded-md\">\n              <p className=\"text-3xl font-bold text-primary\">{feature.voteCount}</p>\n              <p className=\"text-sm text-muted-foreground\">total votes received</p>\n            </div>\n            <div className=\"grid grid-cols-2 gap-2 text-center\">\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.businessValue ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">business value</p>\n              </div>\n              <div className=\"p-3 border rounded-md\">\n                <p className=\"text-lg font-semibold\">{feature.priorityScore ?? 0}</p>\n                <p className=\"text-xs text-muted-foreground\">priority score</p>\n              </div>\n            </div>\n          </CardContent>\n        </Card>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AAqGA,wBAAgB,6BAA6B,4CA0R5C"}
+{"version":3,"file":"ProductsFeatureDetailPagePage.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/pages/ProductsFeatureDetailPagePage.tsx"],"names":[],"mappings":"AAsGA,wBAAgB,6BAA6B,4CA8R5C"}