@burdenoff/microfe-planmagnet 2026.1002.2 → 2026.1008.1

package/dist/planmagnet/product/ProductTeamsPanel.js

@@ -4,8 +4,8 @@ import { throwOnError as n } from "../utils/mutationResult.js";
 import { ErrorLine as r } from "../controls/ConfirmButton.js";
 import { detailPath as i } from "../utils/rowNavigation.js";
 import { TeamSelect as a } from "../controls/Pickers.js";
-import { LINK_PRODUCT_TEAM as o, PRODUCT_TEAMS as s, UNLINK_PRODUCT_TEAM as c } from "./hierarchyOperations.js";
-import { refusalMessage as l } from "./refusal.js";
+import { refusalMessage as o } from "./refusal.js";
+import { LINK_PRODUCT_TEAM as s, PRODUCT_TEAMS as c, UNLINK_PRODUCT_TEAM as l } from "./hierarchyOperations.js";
 import { useState as u } from "react";
 import { Plus as d, Users as f, X as p } from "lucide-react";
 import { useMutation as m, useQuery as h } from "@apollo/client/react";
@@ -13,13 +13,13 @@ import { jsx as g, jsxs as _ } from "react/jsx-runtime";
 import { Button as v } from "@burdenoff/fe-libs/ui";
 //#region src/planmagnet/product/ProductTeamsPanel.tsx
 function y({ productId: y }) {
-	let b = t(), x = e(), { data: S, loading: C, error: w } = h(s, {
+	let b = t(), x = e(), { data: S, loading: C, error: w } = h(c, {
 		variables: { productId: y },
 		skip: !y
 	}), T = {
 		refetchQueries: ["ProductTeams"],
 		awaitRefetchQueries: !0
-	}, [E, D] = m(o, T), [O, k] = m(c, T), [A, j] = u(""), [M, N] = u(null), [P, F] = u(null), I = S?.planmagnetProduct ?? null, L = I?.teams ?? [], R = !!I?.archivedAt, z = b("planmagnet.productTeams.errors.forbidden", "Your role cannot change which teams a product has."), B = async () => {
+	}, [E, D] = m(s, T), [O, k] = m(l, T), [A, j] = u(""), [M, N] = u(null), [P, F] = u(null), I = S?.planmagnetProduct ?? null, L = I?.teams ?? [], R = !!I?.archivedAt, z = b("planmagnet.productTeams.errors.forbidden", "Your role cannot change which teams a product has."), B = async () => {
 		if (A) {
 			F(null);
 			try {
@@ -28,7 +28,7 @@ function y({ productId: y }) {
 					teamId: A
 				} })), j("");
 			} catch (e) {
-				F(l(e, b("planmagnet.productTeams.errors.link", "The team could not be linked."), z));
+				F(o(e, b("planmagnet.productTeams.errors.link", "The team could not be linked."), z));
 			}
 		}
 	}, V = async (e) => {
@@ -39,7 +39,7 @@ function y({ productId: y }) {
 				teamId: e
 			} }));
 		} catch (e) {
-			F(l(e, b("planmagnet.productTeams.errors.unlink", "The team could not be unlinked."), z));
+			F(o(e, b("planmagnet.productTeams.errors.unlink", "The team could not be unlinked."), z));
 		} finally {
 			N(null);
 		}

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

@@ -11,4 +11,10 @@ export declare const PRIORITIZATION_PATH = "products/prioritization-page";
 export declare const PRODUCT_LINES_PATH = "products/product-lines-page";
 /** Product hierarchy page (PRM-01): Product line > Product > Feature > Epic > Story. */
 export declare const PRODUCT_HIERARCHY_PATH = "products/product-hierarchy-page";
+/**
+ * Customer satisfaction page (ANR-21): CSAT and NPS with their responses, add / edit / delete and the CSV import. It
+ * takes `?window=&from=&to=&product=&release=&project=&metric=` so a product, release or delivery-KPI card can open it
+ * already filtered (see satisfaction/satisfaction.ts `satisfactionPageLink`).
+ */
+export declare const CUSTOMER_SATISFACTION_PATH = "products/customer-satisfaction-page";
 //# sourceMappingURL=routes.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/product/routes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,iHAAiH;AACjH,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,wFAAwF;AACxF,eAAO,MAAM,sBAAsB,oCAAoC,CAAC"}
+{"version":3,"file":"routes.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/product/routes.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AACH,eAAO,MAAM,mBAAmB,iCAAiC,CAAC;AAElE,iHAAiH;AACjH,eAAO,MAAM,kBAAkB,gCAAgC,CAAC;AAEhE,wFAAwF;AACxF,eAAO,MAAM,sBAAsB,oCAAoC,CAAC;AAExE;;;;GAIG;AACH,eAAO,MAAM,0BAA0B,wCAAwC,CAAC"}

package/dist/planmagnet/product/routes.js

@@ -1,6 +1,6 @@
 //#region src/planmagnet/product/routes.ts
-var e = "products/prioritization-page", t = "products/product-lines-page", n = "products/product-hierarchy-page";
+var e = "products/prioritization-page", t = "products/product-lines-page", n = "products/product-hierarchy-page", r = "products/customer-satisfaction-page";
 //#endregion
-export { e as PRIORITIZATION_PATH, n as PRODUCT_HIERARCHY_PATH, t as PRODUCT_LINES_PATH };
+export { r as CUSTOMER_SATISFACTION_PATH, e as PRIORITIZATION_PATH, n as PRODUCT_HIERARCHY_PATH, t as PRODUCT_LINES_PATH };
 
 //# sourceMappingURL=routes.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"routes.js","names":[],"sources":["../../../src/planmagnet/product/routes.ts"],"sourcesContent":["/**\n * Prioritization page route target (PRM-27), exported so the host shell can build a `NavItem` against the real,\n * routed path instead of a hand-typed string that can drift from `PlanMagnetRoutes.tsx` — same reasoning as\n * `integrations/routes.ts`. Relative, no leading slash — the same form `PlanMagnetRoot.tsx` passes through\n * `joinPath(basePath, ...)` for every other nav entry in this package, and the same form `path=\"…\"` carries in\n * `PlanMagnetRoutes.tsx`. This MFE also registers its own \"Products\" nav tree internally (PlanMagnetRoot.tsx),\n * so the export here is additionally consumed there.\n */\nexport const PRIORITIZATION_PATH = 'products/prioritization-page';\n\n/** Product lines page (PRM-01) — the top of the product hierarchy. Same relative form as PRIORITIZATION_PATH. */\nexport const PRODUCT_LINES_PATH = 'products/product-lines-page';\n\n/** Product hierarchy page (PRM-01): Product line > Product > Feature > Epic > Story. */\nexport const PRODUCT_HIERARCHY_PATH = 'products/product-hierarchy-page';\n"],"mappings":";AAQA,IAAa,IAAsB,gCAGtB,IAAqB,+BAGrB,IAAyB"}
+{"version":3,"file":"routes.js","names":[],"sources":["../../../src/planmagnet/product/routes.ts"],"sourcesContent":["/**\n * Prioritization page route target (PRM-27), exported so the host shell can build a `NavItem` against the real,\n * routed path instead of a hand-typed string that can drift from `PlanMagnetRoutes.tsx` — same reasoning as\n * `integrations/routes.ts`. Relative, no leading slash — the same form `PlanMagnetRoot.tsx` passes through\n * `joinPath(basePath, ...)` for every other nav entry in this package, and the same form `path=\"…\"` carries in\n * `PlanMagnetRoutes.tsx`. This MFE also registers its own \"Products\" nav tree internally (PlanMagnetRoot.tsx),\n * so the export here is additionally consumed there.\n */\nexport const PRIORITIZATION_PATH = 'products/prioritization-page';\n\n/** Product lines page (PRM-01) — the top of the product hierarchy. Same relative form as PRIORITIZATION_PATH. */\nexport const PRODUCT_LINES_PATH = 'products/product-lines-page';\n\n/** Product hierarchy page (PRM-01): Product line > Product > Feature > Epic > Story. */\nexport const PRODUCT_HIERARCHY_PATH = 'products/product-hierarchy-page';\n\n/**\n * Customer satisfaction page (ANR-21): CSAT and NPS with their responses, add / edit / delete and the CSV import. It\n * takes `?window=&from=&to=&product=&release=&project=&metric=` so a product, release or delivery-KPI card can open it\n * already filtered (see satisfaction/satisfaction.ts `satisfactionPageLink`).\n */\nexport const CUSTOMER_SATISFACTION_PATH = 'products/customer-satisfaction-page';\n"],"mappings":";AAQA,IAAa,IAAsB,gCAGtB,IAAqB,+BAGrB,IAAyB,mCAOzB,IAA6B"}

package/dist/planmagnet/satisfaction/DeliverySatisfactionSection.d.ts

@@ -0,0 +1,20 @@
+/**
+ * ANR-21 on the delivery KPIs card: CSAT — the default delivery KPI — and NPS next to the on-time rate and scope
+ * adherence, for the same scope (the workspace, or responses linked to the selected project) and the same UTC days as
+ * the rest of the card.
+ *
+ * It reads `planmagnetCustomerSatisfaction` with the card's own range as a CUSTOM window rather than selecting
+ * `planmagnetDeliveryKpis.customerSatisfaction` on the card's query. The figures are the same — the service resolves
+ * both from one summary over the same UTC days when dates are given — but a query of its own means a satisfaction
+ * failure (or a role that cannot read `planmagnet-product`) leaves the on-time and scope figures standing: a non-null
+ * field that fails nulls the whole `planmagnetDeliveryKpis`. A second `planmagnetDeliveryKpis` query just for this
+ * field would recompute every other KPI on the server.
+ */
+export declare function DeliverySatisfactionSection({ workspaceId, projectId, startDate, endDate, }: {
+    workspaceId: string;
+    projectId?: string;
+    /** ISO instants: the start of the range's first UTC day and the end of its last. */
+    startDate: string;
+    endDate: string;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeliverySatisfactionSection.d.ts.map

package/dist/planmagnet/satisfaction/DeliverySatisfactionSection.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliverySatisfactionSection.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/DeliverySatisfactionSection.tsx"],"names":[],"mappings":"AAaA;;;;;;;;;;;GAWG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,WAAW,EACX,SAAS,EACT,SAAS,EACT,OAAO,GACR,EAAE;IACD,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,oFAAoF;IACpF,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;CACjB,2CAiEA"}

package/dist/planmagnet/satisfaction/DeliverySatisfactionSection.js

@@ -0,0 +1,55 @@
+import { usePlanMagnetNavigate as e } from "../providers/PlanMagnetProvider.js";
+import { useTr as t } from "../../shared/hooks/useTr.js";
+import { isForbidden as n } from "../utils/graphqlErrors.js";
+import { satisfactionPageLink as r, utcDay as i } from "./satisfaction.js";
+import { CompactSatisfactionFigures as a } from "./SatisfactionFigures.js";
+import { CUSTOMER_SATISFACTION_SUMMARY as o } from "./satisfactionOperations.js";
+import { ArrowRight as s } from "lucide-react";
+import { useQuery as c } from "@apollo/client/react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+import { Button as d } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/satisfaction/DeliverySatisfactionSection.tsx
+function f({ workspaceId: f, projectId: p, startDate: m, endDate: h }) {
+	let g = t(), _ = e(), { data: v, loading: y, error: b } = c(o, { variables: {
+		workspaceId: f,
+		filter: {
+			...p ? { projectId: p } : {},
+			window: {
+				preset: "CUSTOM",
+				from: m,
+				to: h
+			}
+		}
+	} }), x = v?.planmagnetCustomerSatisfaction, S = i(m), C = i(h);
+	return /* @__PURE__ */ u("div", {
+		"data-testid": "delivery-satisfaction",
+		children: [/* @__PURE__ */ u("div", {
+			className: "mb-1 flex items-center justify-between gap-2",
+			children: [/* @__PURE__ */ l("h3", {
+				className: "text-sm font-medium",
+				children: g("planmagnet.analytics.delivery.satisfaction", "Customer satisfaction")
+			}), /* @__PURE__ */ u(d, {
+				size: "sm",
+				variant: "ghost",
+				className: "h-7 px-2 text-xs",
+				onClick: () => _(r({ projectId: p }, S && C ? {
+					preset: "CUSTOM",
+					from: S,
+					to: C
+				} : void 0)),
+				"data-testid": "delivery-satisfaction-open",
+				children: [g("planmagnet.analytics.delivery.satisfactionOpen", "Responses"), /* @__PURE__ */ l(s, { className: "ml-1 h-3.5 w-3.5" })]
+			})]
+		}), y && !x ? /* @__PURE__ */ l("p", {
+			className: "py-2 text-sm text-muted-foreground",
+			children: g("planmagnet.satisfaction.loading", "Loading…")
+		}) : b && !x ? /* @__PURE__ */ l("p", {
+			className: "py-2 text-sm text-status-error-text",
+			children: n(b) ? g("planmagnet.satisfaction.errors.readForbidden", "Your role cannot see customer satisfaction in this workspace.") : g("planmagnet.satisfaction.errors.load", "Customer satisfaction could not be loaded: {{message}}", { message: b.message })
+		}) : x ? /* @__PURE__ */ l(a, { summary: x }) : null]
+	});
+}
+//#endregion
+export { f as DeliverySatisfactionSection };
+
+//# sourceMappingURL=DeliverySatisfactionSection.js.map

package/dist/planmagnet/satisfaction/DeliverySatisfactionSection.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeliverySatisfactionSection.js","names":[],"sources":["../../../src/planmagnet/satisfaction/DeliverySatisfactionSection.tsx"],"sourcesContent":["import { useQuery } from '@apollo/client/react';\nimport { Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowRight } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { usePlanMagnetNavigate } from '../providers/PlanMagnetProvider';\nimport { isForbidden } from '../utils/graphqlErrors';\nimport { CompactSatisfactionFigures } from './SatisfactionFigures';\nimport { satisfactionPageLink, utcDay } from './satisfaction';\nimport {\n  CUSTOMER_SATISFACTION_SUMMARY,\n  type CustomerSatisfactionSummaryData,\n} from './satisfactionOperations';\n\n/**\n * ANR-21 on the delivery KPIs card: CSAT — the default delivery KPI — and NPS next to the on-time rate and scope\n * adherence, for the same scope (the workspace, or responses linked to the selected project) and the same UTC days as\n * the rest of the card.\n *\n * It reads `planmagnetCustomerSatisfaction` with the card's own range as a CUSTOM window rather than selecting\n * `planmagnetDeliveryKpis.customerSatisfaction` on the card's query. The figures are the same — the service resolves\n * both from one summary over the same UTC days when dates are given — but a query of its own means a satisfaction\n * failure (or a role that cannot read `planmagnet-product`) leaves the on-time and scope figures standing: a non-null\n * field that fails nulls the whole `planmagnetDeliveryKpis`. A second `planmagnetDeliveryKpis` query just for this\n * field would recompute every other KPI on the server.\n */\nexport function DeliverySatisfactionSection({\n  workspaceId,\n  projectId,\n  startDate,\n  endDate,\n}: {\n  workspaceId: string;\n  projectId?: string;\n  /** ISO instants: the start of the range's first UTC day and the end of its last. */\n  startDate: string;\n  endDate: string;\n}) {\n  const tr = useTr();\n  const navigate = usePlanMagnetNavigate();\n  const { data, loading, error } = useQuery<CustomerSatisfactionSummaryData>(\n    CUSTOMER_SATISFACTION_SUMMARY,\n    {\n      variables: {\n        workspaceId,\n        filter: {\n          ...(projectId ? { projectId } : {}),\n          window: { preset: 'CUSTOM', from: startDate, to: endDate },\n        },\n      },\n    }\n  );\n  const summary = data?.planmagnetCustomerSatisfaction;\n  const from = utcDay(startDate);\n  const to = utcDay(endDate);\n\n  return (\n    <div data-testid=\"delivery-satisfaction\">\n      <div className=\"mb-1 flex items-center justify-between gap-2\">\n        <h3 className=\"text-sm font-medium\">\n          {tr('planmagnet.analytics.delivery.satisfaction', 'Customer satisfaction')}\n        </h3>\n        <Button\n          size=\"sm\"\n          variant=\"ghost\"\n          className=\"h-7 px-2 text-xs\"\n          onClick={() =>\n            navigate(\n              satisfactionPageLink(\n                { projectId },\n                from && to ? { preset: 'CUSTOM', from, to } : undefined\n              )\n            )\n          }\n          data-testid=\"delivery-satisfaction-open\"\n        >\n          {tr('planmagnet.analytics.delivery.satisfactionOpen', 'Responses')}\n          <ArrowRight className=\"ml-1 h-3.5 w-3.5\" />\n        </Button>\n      </div>\n      {loading && !summary ? (\n        <p className=\"py-2 text-sm text-muted-foreground\">\n          {tr('planmagnet.satisfaction.loading', 'Loading…')}\n        </p>\n      ) : error && !summary ? (\n        <p className=\"py-2 text-sm text-status-error-text\">\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        </p>\n      ) : summary ? (\n        <CompactSatisfactionFigures summary={summary} />\n      ) : null}\n    </div>\n  );\n}\n"],"mappings":";;;;;;;;;;;AAyBA,SAAgB,EAA4B,EAC1C,gBACA,cACA,cACA,cAOC;CACD,IAAM,IAAK,GAAO,EACZ,IAAW,GAAuB,EAClC,EAAE,SAAM,YAAS,aAAU,EAC/B,GACA,EACE,WAAW;EACT;EACA,QAAQ;GACN,GAAI,IAAY,EAAE,cAAW,GAAG,EAAE;GAClC,QAAQ;IAAE,QAAQ;IAAU,MAAM;IAAW,IAAI;IAAS;GAC3D;EACF,EACF,CACF,EACK,IAAU,GAAM,gCAChB,IAAO,EAAO,EAAU,EACxB,IAAK,EAAO,EAAQ;AAE1B,QACE,kBAAC,OAAD;EAAK,eAAY;YAAjB,CACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,MAAD;IAAI,WAAU;cACX,EAAG,8CAA8C,wBAAwB;IACvE,CAAA,EACL,kBAAC,GAAD;IACE,MAAK;IACL,SAAQ;IACR,WAAU;IACV,eACE,EACE,EACE,EAAE,cAAW,EACb,KAAQ,IAAK;KAAE,QAAQ;KAAU;KAAM;KAAI,GAAG,KAAA,EAC/C,CACF;IAEH,eAAY;cAZd,CAcG,EAAG,kDAAkD,YAAY,EAClE,kBAAC,GAAD,EAAY,WAAU,oBAAqB,CAAA,CACpC;MACL;MACL,KAAW,CAAC,IACX,kBAAC,KAAD;GAAG,WAAU;aACV,EAAG,mCAAmC,WAAW;GAChD,CAAA,GACF,KAAS,CAAC,IACZ,kBAAC,KAAD;GAAG,WAAU;aACV,EAAY,EAAM,GACf,EACE,gDACA,gEACD,GACD,EACE,uCACA,0DACA,EAAE,SAAS,EAAM,SAAS,CAC3B;GACH,CAAA,GACF,IACF,kBAAC,GAAD,EAAqC,YAAW,CAAA,GAC9C,KACA"}

package/dist/planmagnet/satisfaction/SatisfactionFigures.d.ts

@@ -0,0 +1,30 @@
+import { useTr } from '../../shared/hooks/useTr';
+import { ScoreCategory } from './satisfaction';
+import { CustomerSatisfactionSummary, SatisfactionWindowEcho } from './satisfactionOperations';
+
+/**
+ * ANR-21 figures. Every figure carries its response count and the window it covers (owner decision 2026-10-02), and
+ * a metric below its minimum responses reads "Not enough responses" — never 0 and never a score computed from too few
+ * answers. CSAT and NPS are counted separately: twelve NPS answers never lend a score to four CSAT answers.
+ */
+type Tr = ReturnType<typeof useTr>;
+export declare function responseCountText(tr: Tr, count: number): string;
+export declare function windowText(tr: Tr, window: SatisfactionWindowEcho): string;
+export declare function windowPresetLabel(tr: Tr, preset: SatisfactionWindowEcho['preset']): string;
+/**
+ * Badge colours for one answer's category — semantic status tokens only, and only those the host shells' Tailwind
+ * theme maps (planmagnet-app styles.css @theme): `bg-status-*-bg`, `bg-status-*-bg-subtle`, `text-status-success-text`,
+ * `text-status-error-text`. A token missing there generates no CSS at all.
+ */
+export declare const CATEGORY_CLASS: Record<ScoreCategory, string>;
+export declare function categoryLabel(tr: Tr, category: ScoreCategory): string;
+/** The page's two figure cards, side by side. */
+export declare function SatisfactionFigureCards({ summary }: {
+    summary: CustomerSatisfactionSummary;
+}): import("react/jsx-runtime").JSX.Element;
+/** CSAT and NPS as two small tiles with their counts, and the window under them — for cards on other pages. */
+export declare function CompactSatisfactionFigures({ summary }: {
+    summary: CustomerSatisfactionSummary;
+}): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=SatisfactionFigures.d.ts.map

package/dist/planmagnet/satisfaction/SatisfactionFigures.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionFigures.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/SatisfactionFigures.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEjD,OAAO,EAAgD,KAAK,aAAa,EAAE,MAAM,gBAAgB,CAAC;AAClG,OAAO,KAAK,EAEV,2BAA2B,EAE3B,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAElC;;;;GAIG;AAEH,KAAK,EAAE,GAAG,UAAU,CAAC,OAAO,KAAK,CAAC,CAAC;AAEnC,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAK/D;AAED,wBAAgB,UAAU,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,sBAAsB,GAAG,MAAM,CAUzE;AAED,wBAAgB,iBAAiB,CAAC,EAAE,EAAE,EAAE,EAAE,MAAM,EAAE,sBAAsB,CAAC,QAAQ,CAAC,GAAG,MAAM,CAa1F;AAUD;;;;GAIG;AACH,eAAO,MAAM,cAAc,EAAE,MAAM,CAAC,aAAa,EAAE,MAAM,CAOxD,CAAC;AAEF,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,aAAa,GAAG,MAAM,CAarE;AA8JD,iDAAiD;AACjD,wBAAgB,uBAAuB,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,2BAA2B,CAAA;CAAE,2CAO5F;AA+BD,+GAA+G;AAC/G,wBAAgB,0BAA0B,CAAC,EAAE,OAAO,EAAE,EAAE;IAAE,OAAO,EAAE,2BAA2B,CAAA;CAAE,2CAuC/F"}

package/dist/planmagnet/satisfaction/SatisfactionFigures.js

@@ -0,0 +1,282 @@
+import { useTr as e } from "../../shared/hooks/useTr.js";
+import { cn as t } from "../utils/cn.js";
+import { formatCsat as n, formatNps as r, formatUtcDay as i, shareOf as a } from "./satisfaction.js";
+import { Gauge as o, Smile as s } from "lucide-react";
+import { jsx as c, jsxs as l } from "react/jsx-runtime";
+import { Card as u, CardContent as d, CardHeader as f, CardTitle as p } from "@burdenoff/fe-libs/ui";
+//#region src/planmagnet/satisfaction/SatisfactionFigures.tsx
+function m(e, t) {
+	return t === 0 ? e("planmagnet.satisfaction.responses.none", "No responses") : t === 1 ? e("planmagnet.satisfaction.responses.one", "1 response") : e("planmagnet.satisfaction.responses.many", "{{count}} responses", { count: t });
+}
+function h(e, t) {
+	let n = e("planmagnet.satisfaction.window.span", "{{from}} – {{to}}", {
+		from: i(t.from),
+		to: i(t.to)
+	});
+	return t.preset === "CUSTOM" ? n : e("planmagnet.satisfaction.window.presetWithSpan", "{{preset}} ({{span}})", {
+		preset: g(e, t.preset),
+		span: n
+	});
+}
+function g(e, t) {
+	switch (t) {
+		case "LAST_30_DAYS": return e("planmagnet.satisfaction.window.last30", "Last 30 days");
+		case "LAST_90_DAYS": return e("planmagnet.satisfaction.window.last90", "Last 90 days");
+		case "LAST_180_DAYS": return e("planmagnet.satisfaction.window.last180", "Last 180 days");
+		case "LAST_365_DAYS": return e("planmagnet.satisfaction.window.last365", "Last 365 days");
+		default: return e("planmagnet.satisfaction.window.custom", "Custom");
+	}
+}
+function _(e, t) {
+	return e("planmagnet.satisfaction.notEnoughDetail", "{{count}} so far — a score needs at least {{minimum}} responses.", {
+		count: t.responseCount,
+		minimum: t.minimumResponses
+	});
+}
+var v = {
+	satisfied: "bg-status-success-bg-subtle text-status-success-text",
+	promoter: "bg-status-success-bg-subtle text-status-success-text",
+	passive: "bg-status-warning-bg-subtle text-foreground",
+	notSatisfied: "bg-status-error-bg-subtle text-status-error-text",
+	detractor: "bg-status-error-bg-subtle text-status-error-text"
+};
+function y(e, t) {
+	switch (t) {
+		case "satisfied": return e("planmagnet.satisfaction.category.satisfied", "Satisfied");
+		case "notSatisfied": return e("planmagnet.satisfaction.category.notSatisfied", "Not satisfied");
+		case "promoter": return e("planmagnet.satisfaction.category.promoter", "Promoter");
+		case "passive": return e("planmagnet.satisfaction.category.passive", "Passive");
+		default: return e("planmagnet.satisfaction.category.detractor", "Detractor");
+	}
+}
+function b({ nps: n }) {
+	let r = e(), i = [
+		{
+			key: "promoters",
+			label: r("planmagnet.satisfaction.nps.promoters", "Promoters (9–10)"),
+			count: n.promoterCount,
+			bar: "bg-status-success-bg"
+		},
+		{
+			key: "passives",
+			label: r("planmagnet.satisfaction.nps.passives", "Passives (7–8)"),
+			count: n.passiveCount,
+			bar: "bg-status-warning-bg"
+		},
+		{
+			key: "detractors",
+			label: r("planmagnet.satisfaction.nps.detractors", "Detractors (0–6)"),
+			count: n.detractorCount,
+			bar: "bg-status-error-bg"
+		}
+	], o = !n.notEnoughResponses && n.responseCount > 0;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-2",
+		"data-testid": "satisfaction-nps-split",
+		children: [o && /* @__PURE__ */ c("div", {
+			className: "flex h-2 w-full overflow-hidden rounded-full bg-muted",
+			"aria-hidden": !0,
+			children: i.map((e) => /* @__PURE__ */ c("div", {
+				className: e.bar,
+				style: { width: `${e.count * 100 / n.responseCount}%` }
+			}, e.key))
+		}), /* @__PURE__ */ c("dl", {
+			className: "grid grid-cols-3 gap-2 text-xs",
+			children: i.map((e) => /* @__PURE__ */ l("div", {
+				className: "min-w-0",
+				children: [/* @__PURE__ */ l("dt", {
+					className: "flex items-center gap-1.5 text-muted-foreground",
+					children: [/* @__PURE__ */ c("span", {
+						className: t("h-2 w-2 shrink-0 rounded-full", e.bar),
+						"aria-hidden": !0
+					}), /* @__PURE__ */ c("span", {
+						className: "truncate",
+						children: e.label
+					})]
+				}), /* @__PURE__ */ c("dd", {
+					className: "mt-0.5 font-medium tabular-nums",
+					children: o ? r("planmagnet.satisfaction.nps.countWithShare", "{{count}} ({{share}}%)", {
+						count: e.count,
+						share: a(e.count, n.responseCount)
+					}) : e.count
+				})]
+			}, e.key))
+		})]
+	});
+}
+function x({ value: t, notEnough: n, testId: r }) {
+	let i = e();
+	return n || t === null ? /* @__PURE__ */ c("p", {
+		className: "text-lg font-semibold text-muted-foreground",
+		"data-testid": r,
+		children: i("planmagnet.satisfaction.notEnough", "Not enough responses")
+	}) : /* @__PURE__ */ c("p", {
+		className: "text-3xl font-semibold tabular-nums",
+		"data-testid": r,
+		children: t
+	});
+}
+function S({ csat: t, window: r }) {
+	let i = e();
+	return /* @__PURE__ */ l(u, {
+		"data-testid": "satisfaction-csat-card",
+		children: [/* @__PURE__ */ l(f, {
+			className: "pb-2",
+			children: [/* @__PURE__ */ l(p, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ c(s, {
+					className: "h-4 w-4",
+					"aria-hidden": !0
+				}), i("planmagnet.satisfaction.csat.title", "CSAT")]
+			}), /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.csat.subtitle", "Customer satisfaction: the share of answers that were a 4 or a 5 on a 1–5 scale. The default delivery KPI.")
+			})]
+		}), /* @__PURE__ */ l(d, {
+			className: "space-y-2",
+			children: [
+				/* @__PURE__ */ c(x, {
+					value: n(t.score),
+					notEnough: t.notEnoughResponses,
+					testId: "satisfaction-csat-value"
+				}),
+				/* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: t.notEnoughResponses ? _(i, t) : i("planmagnet.satisfaction.csat.satisfied", "{{satisfied}} of {{count}} answers were a 4 or a 5.", {
+						satisfied: t.satisfiedCount,
+						count: t.responseCount
+					})
+				}),
+				/* @__PURE__ */ l("p", {
+					className: "text-xs text-muted-foreground",
+					"data-testid": "satisfaction-csat-basis",
+					children: [
+						m(i, t.responseCount),
+						" · ",
+						h(i, r)
+					]
+				})
+			]
+		})]
+	});
+}
+function C({ nps: t, window: n }) {
+	let i = e();
+	return /* @__PURE__ */ l(u, {
+		"data-testid": "satisfaction-nps-card",
+		children: [/* @__PURE__ */ l(f, {
+			className: "pb-2",
+			children: [/* @__PURE__ */ l(p, {
+				className: "flex items-center gap-2 text-base",
+				children: [/* @__PURE__ */ c(o, {
+					className: "h-4 w-4",
+					"aria-hidden": !0
+				}), i("planmagnet.satisfaction.nps.title", "NPS")]
+			}), /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.nps.subtitle", "Net Promoter Score: % promoters (9–10) minus % detractors (0–6) on a 0–10 scale, from −100 to +100.")
+			})]
+		}), /* @__PURE__ */ l(d, {
+			className: "space-y-3",
+			children: [
+				/* @__PURE__ */ c(x, {
+					value: r(t.score),
+					notEnough: t.notEnoughResponses,
+					testId: "satisfaction-nps-value"
+				}),
+				t.notEnoughResponses && /* @__PURE__ */ c("p", {
+					className: "text-sm text-muted-foreground",
+					children: _(i, t)
+				}),
+				/* @__PURE__ */ c(b, { nps: t }),
+				/* @__PURE__ */ l("p", {
+					className: "text-xs text-muted-foreground",
+					"data-testid": "satisfaction-nps-basis",
+					children: [
+						m(i, t.responseCount),
+						" · ",
+						h(i, n)
+					]
+				})
+			]
+		})]
+	});
+}
+function w({ summary: e }) {
+	return /* @__PURE__ */ l("div", {
+		className: "grid gap-4 md:grid-cols-2",
+		"data-testid": "satisfaction-figures",
+		children: [/* @__PURE__ */ c(S, {
+			csat: e.csat,
+			window: e.window
+		}), /* @__PURE__ */ c(C, {
+			nps: e.nps,
+			window: e.window
+		})]
+	});
+}
+function T({ label: t, value: n, notEnough: r, responseCount: i, testId: a }) {
+	let o = e();
+	return /* @__PURE__ */ l("div", {
+		className: "rounded-md border p-3",
+		"data-testid": a,
+		children: [
+			/* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: t
+			}),
+			r || n === null ? /* @__PURE__ */ c("p", {
+				className: "mt-1 text-sm font-semibold text-muted-foreground",
+				children: o("planmagnet.satisfaction.notEnough", "Not enough responses")
+			}) : /* @__PURE__ */ c("p", {
+				className: "mt-1 text-2xl font-semibold tabular-nums",
+				children: n
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "mt-0.5 text-xs text-muted-foreground",
+				children: m(o, i)
+			})
+		]
+	});
+}
+function E({ summary: t }) {
+	let i = e(), { csat: a, nps: o } = t;
+	return /* @__PURE__ */ l("div", {
+		className: "space-y-2",
+		children: [
+			/* @__PURE__ */ l("div", {
+				className: "grid grid-cols-2 gap-3",
+				children: [/* @__PURE__ */ c(T, {
+					label: i("planmagnet.satisfaction.csat.compactLabel", "CSAT (% of answers 4–5)"),
+					value: n(a.score),
+					notEnough: a.notEnoughResponses,
+					responseCount: a.responseCount,
+					testId: "satisfaction-compact-csat"
+				}), /* @__PURE__ */ c(T, {
+					label: i("planmagnet.satisfaction.nps.compactLabel", "NPS"),
+					value: r(o.score),
+					notEnough: o.notEnoughResponses,
+					responseCount: o.responseCount,
+					testId: "satisfaction-compact-nps"
+				})]
+			}),
+			!o.notEnoughResponses && /* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				children: i("planmagnet.satisfaction.nps.compactSplit", "NPS: {{promoters}} promoters · {{passives}} passives · {{detractors}} detractors", {
+					promoters: o.promoterCount,
+					passives: o.passiveCount,
+					detractors: o.detractorCount
+				})
+			}),
+			/* @__PURE__ */ c("p", {
+				className: "text-xs text-muted-foreground",
+				"data-testid": "satisfaction-compact-window",
+				children: h(i, t.window)
+			})
+		]
+	});
+}
+//#endregion
+export { v as CATEGORY_CLASS, E as CompactSatisfactionFigures, w as SatisfactionFigureCards, y as categoryLabel, g as windowPresetLabel };
+
+//# sourceMappingURL=SatisfactionFigures.js.map

package/dist/planmagnet/satisfaction/SatisfactionFigures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionFigures.js","names":[],"sources":["../../../src/planmagnet/satisfaction/SatisfactionFigures.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle } from '@burdenoff/fe-libs/ui';\nimport { Gauge, Smile } from 'lucide-react';\nimport { useTr } from '../../shared/hooks/useTr';\nimport { cn } from '../utils/cn';\nimport { formatCsat, formatNps, formatUtcDay, shareOf, type ScoreCategory } from './satisfaction';\nimport type {\n  CsatFigure,\n  CustomerSatisfactionSummary,\n  NpsFigure,\n  SatisfactionWindowEcho,\n} from './satisfactionOperations';\n\n/**\n * ANR-21 figures. Every figure carries its response count and the window it covers (owner decision 2026-10-02), and\n * a metric below its minimum responses reads \"Not enough responses\" — never 0 and never a score computed from too few\n * answers. CSAT and NPS are counted separately: twelve NPS answers never lend a score to four CSAT answers.\n */\n\ntype Tr = ReturnType<typeof useTr>;\n\nexport function responseCountText(tr: Tr, count: number): string {\n  if (count === 0) return tr('planmagnet.satisfaction.responses.none', 'No responses');\n  return count === 1\n    ? tr('planmagnet.satisfaction.responses.one', '1 response')\n    : tr('planmagnet.satisfaction.responses.many', '{{count}} responses', { count });\n}\n\nexport function windowText(tr: Tr, window: SatisfactionWindowEcho): string {\n  const span = tr('planmagnet.satisfaction.window.span', '{{from}} – {{to}}', {\n    from: formatUtcDay(window.from),\n    to: formatUtcDay(window.to),\n  });\n  if (window.preset === 'CUSTOM') return span;\n  return tr('planmagnet.satisfaction.window.presetWithSpan', '{{preset}} ({{span}})', {\n    preset: windowPresetLabel(tr, window.preset),\n    span,\n  });\n}\n\nexport function windowPresetLabel(tr: Tr, preset: SatisfactionWindowEcho['preset']): string {\n  switch (preset) {\n    case 'LAST_30_DAYS':\n      return tr('planmagnet.satisfaction.window.last30', 'Last 30 days');\n    case 'LAST_90_DAYS':\n      return tr('planmagnet.satisfaction.window.last90', 'Last 90 days');\n    case 'LAST_180_DAYS':\n      return tr('planmagnet.satisfaction.window.last180', 'Last 180 days');\n    case 'LAST_365_DAYS':\n      return tr('planmagnet.satisfaction.window.last365', 'Last 365 days');\n    default:\n      return tr('planmagnet.satisfaction.window.custom', 'Custom');\n  }\n}\n\nfunction notEnoughText(tr: Tr, figure: { responseCount: number; minimumResponses: number }) {\n  return tr(\n    'planmagnet.satisfaction.notEnoughDetail',\n    '{{count}} so far — a score needs at least {{minimum}} responses.',\n    { count: figure.responseCount, minimum: figure.minimumResponses }\n  );\n}\n\n/**\n * Badge colours for one answer's category — semantic status tokens only, and only those the host shells' Tailwind\n * theme maps (planmagnet-app styles.css @theme): `bg-status-*-bg`, `bg-status-*-bg-subtle`, `text-status-success-text`,\n * `text-status-error-text`. A token missing there generates no CSS at all.\n */\nexport const CATEGORY_CLASS: Record<ScoreCategory, string> = {\n  satisfied: 'bg-status-success-bg-subtle text-status-success-text',\n  promoter: 'bg-status-success-bg-subtle text-status-success-text',\n  // The shells' Tailwind theme maps no warning TEXT colour (only its backgrounds), so a passive reads in the body colour.\n  passive: 'bg-status-warning-bg-subtle text-foreground',\n  notSatisfied: 'bg-status-error-bg-subtle text-status-error-text',\n  detractor: 'bg-status-error-bg-subtle text-status-error-text',\n};\n\nexport function categoryLabel(tr: Tr, category: ScoreCategory): string {\n  switch (category) {\n    case 'satisfied':\n      return tr('planmagnet.satisfaction.category.satisfied', 'Satisfied');\n    case 'notSatisfied':\n      return tr('planmagnet.satisfaction.category.notSatisfied', 'Not satisfied');\n    case 'promoter':\n      return tr('planmagnet.satisfaction.category.promoter', 'Promoter');\n    case 'passive':\n      return tr('planmagnet.satisfaction.category.passive', 'Passive');\n    default:\n      return tr('planmagnet.satisfaction.category.detractor', 'Detractor');\n  }\n}\n\n/** Promoters / passives / detractors as a bar (only once there is a score) and as counts (always). */\nfunction NpsSplit({ nps }: { nps: NpsFigure }) {\n  const tr = useTr();\n  const parts = [\n    {\n      key: 'promoters',\n      label: tr('planmagnet.satisfaction.nps.promoters', 'Promoters (9–10)'),\n      count: nps.promoterCount,\n      bar: 'bg-status-success-bg',\n    },\n    {\n      key: 'passives',\n      label: tr('planmagnet.satisfaction.nps.passives', 'Passives (7–8)'),\n      count: nps.passiveCount,\n      bar: 'bg-status-warning-bg',\n    },\n    {\n      key: 'detractors',\n      label: tr('planmagnet.satisfaction.nps.detractors', 'Detractors (0–6)'),\n      count: nps.detractorCount,\n      bar: 'bg-status-error-bg',\n    },\n  ];\n  const showShares = !nps.notEnoughResponses && nps.responseCount > 0;\n  return (\n    <div className=\"space-y-2\" data-testid=\"satisfaction-nps-split\">\n      {showShares && (\n        <div className=\"flex h-2 w-full overflow-hidden rounded-full bg-muted\" aria-hidden={true}>\n          {parts.map((part) => (\n            <div\n              key={part.key}\n              className={part.bar}\n              style={{ width: `${(part.count * 100) / nps.responseCount}%` }}\n            />\n          ))}\n        </div>\n      )}\n      <dl className=\"grid grid-cols-3 gap-2 text-xs\">\n        {parts.map((part) => (\n          <div key={part.key} className=\"min-w-0\">\n            <dt className=\"flex items-center gap-1.5 text-muted-foreground\">\n              <span className={cn('h-2 w-2 shrink-0 rounded-full', part.bar)} aria-hidden={true} />\n              <span className=\"truncate\">{part.label}</span>\n            </dt>\n            <dd className=\"mt-0.5 font-medium tabular-nums\">\n              {showShares\n                ? tr('planmagnet.satisfaction.nps.countWithShare', '{{count}} ({{share}}%)', {\n                    count: part.count,\n                    share: shareOf(part.count, nps.responseCount),\n                  })\n                : part.count}\n            </dd>\n          </div>\n        ))}\n      </dl>\n    </div>\n  );\n}\n\nfunction FigureValue({\n  value,\n  notEnough,\n  testId,\n}: {\n  value: string | null;\n  notEnough: boolean;\n  testId: string;\n}) {\n  const tr = useTr();\n  if (notEnough || value === null) {\n    return (\n      <p className=\"text-lg font-semibold text-muted-foreground\" data-testid={testId}>\n        {tr('planmagnet.satisfaction.notEnough', 'Not enough responses')}\n      </p>\n    );\n  }\n  return (\n    <p className=\"text-3xl font-semibold tabular-nums\" data-testid={testId}>\n      {value}\n    </p>\n  );\n}\n\nfunction CsatCard({ csat, window }: { csat: CsatFigure; window: SatisfactionWindowEcho }) {\n  const tr = useTr();\n  return (\n    <Card data-testid=\"satisfaction-csat-card\">\n      <CardHeader className=\"pb-2\">\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Smile className=\"h-4 w-4\" aria-hidden={true} />\n          {tr('planmagnet.satisfaction.csat.title', 'CSAT')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.csat.subtitle',\n            'Customer satisfaction: the share of answers that were a 4 or a 5 on a 1–5 scale. The default delivery KPI.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent className=\"space-y-2\">\n        <FigureValue\n          value={formatCsat(csat.score)}\n          notEnough={csat.notEnoughResponses}\n          testId=\"satisfaction-csat-value\"\n        />\n        <p className=\"text-sm text-muted-foreground\">\n          {csat.notEnoughResponses\n            ? notEnoughText(tr, csat)\n            : tr(\n                'planmagnet.satisfaction.csat.satisfied',\n                '{{satisfied}} of {{count}} answers were a 4 or a 5.',\n                { satisfied: csat.satisfiedCount, count: csat.responseCount }\n              )}\n        </p>\n        <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-csat-basis\">\n          {responseCountText(tr, csat.responseCount)} · {windowText(tr, window)}\n        </p>\n      </CardContent>\n    </Card>\n  );\n}\n\nfunction NpsCard({ nps, window }: { nps: NpsFigure; window: SatisfactionWindowEcho }) {\n  const tr = useTr();\n  return (\n    <Card data-testid=\"satisfaction-nps-card\">\n      <CardHeader className=\"pb-2\">\n        <CardTitle className=\"flex items-center gap-2 text-base\">\n          <Gauge className=\"h-4 w-4\" aria-hidden={true} />\n          {tr('planmagnet.satisfaction.nps.title', 'NPS')}\n        </CardTitle>\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.nps.subtitle',\n            'Net Promoter Score: % promoters (9–10) minus % detractors (0–6) on a 0–10 scale, from −100 to +100.'\n          )}\n        </p>\n      </CardHeader>\n      <CardContent className=\"space-y-3\">\n        <FigureValue\n          value={formatNps(nps.score)}\n          notEnough={nps.notEnoughResponses}\n          testId=\"satisfaction-nps-value\"\n        />\n        {nps.notEnoughResponses && (\n          <p className=\"text-sm text-muted-foreground\">{notEnoughText(tr, nps)}</p>\n        )}\n        <NpsSplit nps={nps} />\n        <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-nps-basis\">\n          {responseCountText(tr, nps.responseCount)} · {windowText(tr, window)}\n        </p>\n      </CardContent>\n    </Card>\n  );\n}\n\n/** The page's two figure cards, side by side. */\nexport function SatisfactionFigureCards({ summary }: { summary: CustomerSatisfactionSummary }) {\n  return (\n    <div className=\"grid gap-4 md:grid-cols-2\" data-testid=\"satisfaction-figures\">\n      <CsatCard csat={summary.csat} window={summary.window} />\n      <NpsCard nps={summary.nps} window={summary.window} />\n    </div>\n  );\n}\n\nfunction CompactTile({\n  label,\n  value,\n  notEnough,\n  responseCount,\n  testId,\n}: {\n  label: string;\n  value: string | null;\n  notEnough: boolean;\n  responseCount: number;\n  testId: string;\n}) {\n  const tr = useTr();\n  return (\n    <div className=\"rounded-md border p-3\" data-testid={testId}>\n      <p className=\"text-xs text-muted-foreground\">{label}</p>\n      {notEnough || value === null ? (\n        <p className=\"mt-1 text-sm font-semibold text-muted-foreground\">\n          {tr('planmagnet.satisfaction.notEnough', 'Not enough responses')}\n        </p>\n      ) : (\n        <p className=\"mt-1 text-2xl font-semibold tabular-nums\">{value}</p>\n      )}\n      <p className=\"mt-0.5 text-xs text-muted-foreground\">{responseCountText(tr, responseCount)}</p>\n    </div>\n  );\n}\n\n/** CSAT and NPS as two small tiles with their counts, and the window under them — for cards on other pages. */\nexport function CompactSatisfactionFigures({ summary }: { summary: CustomerSatisfactionSummary }) {\n  const tr = useTr();\n  const { csat, nps } = summary;\n  return (\n    <div className=\"space-y-2\">\n      <div className=\"grid grid-cols-2 gap-3\">\n        <CompactTile\n          label={tr('planmagnet.satisfaction.csat.compactLabel', 'CSAT (% of answers 4–5)')}\n          value={formatCsat(csat.score)}\n          notEnough={csat.notEnoughResponses}\n          responseCount={csat.responseCount}\n          testId=\"satisfaction-compact-csat\"\n        />\n        <CompactTile\n          label={tr('planmagnet.satisfaction.nps.compactLabel', 'NPS')}\n          value={formatNps(nps.score)}\n          notEnough={nps.notEnoughResponses}\n          responseCount={nps.responseCount}\n          testId=\"satisfaction-compact-nps\"\n        />\n      </div>\n      {!nps.notEnoughResponses && (\n        <p className=\"text-xs text-muted-foreground\">\n          {tr(\n            'planmagnet.satisfaction.nps.compactSplit',\n            'NPS: {{promoters}} promoters · {{passives}} passives · {{detractors}} detractors',\n            {\n              promoters: nps.promoterCount,\n              passives: nps.passiveCount,\n              detractors: nps.detractorCount,\n            }\n          )}\n        </p>\n      )}\n      <p className=\"text-xs text-muted-foreground\" data-testid=\"satisfaction-compact-window\">\n        {windowText(tr, summary.window)}\n      </p>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/planmagnet/satisfaction/SatisfactionImportDialog.d.ts

@@ -0,0 +1,9 @@
+import { DefaultLinks } from './satisfactionCsv';
+import { ImportCustomerSatisfactionResult } from './satisfactionOperations';
+
+export declare function SatisfactionImportDialog({ links, onImported, }: {
+    /** Starting links for rows that name none — the page's product / release / project filters. */
+    links: DefaultLinks;
+    onImported: (result: ImportCustomerSatisfactionResult) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SatisfactionImportDialog.d.ts.map

package/dist/planmagnet/satisfaction/SatisfactionImportDialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SatisfactionImportDialog.d.ts","sourceRoot":"","sources":["../../../src/planmagnet/satisfaction/SatisfactionImportDialog.tsx"],"names":[],"mappings":"AA+BA,OAAO,EAQL,KAAK,YAAY,EAOlB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAGL,KAAK,gCAAgC,EACtC,MAAM,0BAA0B,CAAC;AAkPlC,wBAAgB,wBAAwB,CAAC,EACvC,KAAK,EACL,UAAU,GACX,EAAE;IACD,+FAA+F;IAC/F,KAAK,EAAE,YAAY,CAAC;IACpB,UAAU,EAAE,CAAC,MAAM,EAAE,gCAAgC,KAAK,IAAI,CAAC;CAChE,2CA8aA"}