@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/feedback-signals/_components/comments-panel.js

@@ -0,0 +1,72 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, EmptyNote, TranscriptPlayer } from "@withpotter/ui-kit";
+import { PickUp } from "./pick-up";
+function CommentsPanel({ rows }) {
+  return /* @__PURE__ */ jsxs(Card, { padding: "none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-[var(--border-subtle)] px-4 py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "What they said" }),
+      rows.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-[var(--text-tertiary)]", children: rows.length })
+    ] }),
+    !rows.length ? /* @__PURE__ */ jsx(EmptyNote, { className: "px-4 py-6 text-center", children: "Comments and voice notes merchants add to a score show here." }) : /* @__PURE__ */ jsx("ul", { className: "max-h-[var(--adm-panel-h)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain", children: rows.map((row) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-2 px-4 py-3", children: [
+      row.comment && /* @__PURE__ */ jsx("p", { className: "text-sm leading-relaxed text-[var(--text-primary)]", children: row.comment }),
+      row.audioUrl && /* @__PURE__ */ jsx(
+        TranscriptPlayer,
+        {
+          url: row.audioUrl,
+          seconds: row.audioSeconds ?? 0,
+          transcript: row.transcript,
+          className: "max-w-md"
+        }
+      ),
+      row.business && /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: row.business.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)]", children: row.business.slug }),
+        row.business.model.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)]", children: row.business.model.join(" \xB7 ") }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-tertiary)]", children: [
+          "since ",
+          new Date(row.business.since).toLocaleDateString()
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-tertiary)]", children: [
+        /* @__PURE__ */ jsx("span", { className: "tabular-nums text-[var(--text-secondary)]", children: row.kind === "thumb" ? row.score > 0 ? "Thumbs up" : "Thumbs down" : row.score }),
+        /* @__PURE__ */ jsx("span", { children: row.promptKey }),
+        row.audioSeconds != null && /* @__PURE__ */ jsxs("span", { children: [
+          row.audioSeconds,
+          "s clip"
+        ] }),
+        !row.business && row.context?.tenantSlug && /* @__PURE__ */ jsx("span", { children: row.context.tenantSlug }),
+        row.context?.userEmail && /* @__PURE__ */ jsx("span", { children: row.context.userEmail }),
+        /* @__PURE__ */ jsx("span", { children: new Date(row.createdAt).toLocaleDateString() }),
+        (row.context?.route || row.context?.pageUrl) && /* @__PURE__ */ jsx("span", { className: "truncate", children: row.context.route ?? stripOrigin(row.context.pageUrl) }),
+        row.context?.viewport && /* @__PURE__ */ jsx("span", { children: row.context.viewport }),
+        row.context?.theme && /* @__PURE__ */ jsx("span", { children: row.context.theme }),
+        row.context?.timeZone && /* @__PURE__ */ jsx("span", { children: row.context.timeZone }),
+        row.context?.posthogSessionId && /* @__PURE__ */ jsxs("span", { title: row.context.posthogSessionId, children: [
+          "session ",
+          row.context.posthogSessionId.slice(0, 8)
+        ] }),
+        /* @__PURE__ */ jsx(
+          PickUp,
+          {
+            id: row.id,
+            kind: "signal",
+            caseId: row.serviceCaseId,
+            canOpen: Boolean(row.business)
+          }
+        )
+      ] })
+    ] }, row.id)) })
+  ] });
+}
+function stripOrigin(url) {
+  try {
+    return new URL(url).pathname;
+  } catch {
+    return url;
+  }
+}
+export {
+  CommentsPanel
+};
+//# sourceMappingURL=comments-panel.js.map

package/dist/admin/feedback-signals/_components/comments-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/comments-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Card, EmptyNote, TranscriptPlayer } from '@withpotter/ui-kit';\nimport { PickUp } from './pick-up';\nimport type { FeedbackSignalComment } from '@withpotter/lib/api';\n\n/**\n * The sentences.\n *\n * THE MOST VALUABLE PANEL ON THE SCREEN, and the one that would have been left\n * out if this were built from the summary endpoint alone. An average tells you\n * something moved; only these tell you what to do about it, and nobody has\n * ever fixed anything from a mean.\n *\n * Each one carries the PAGE it was written on. \"The import mapping is the\n * fiddly bit\" is worth something on its own and worth much more attached to\n * the screen it was typed on — that pairing is the whole reason the signal\n * stores a pageUrl.\n *\n * AND EACH ONE CAN BE PICKED UP. Reading a complaint and doing nothing visible\n * about it is the version of this panel that teaches merchants not to bother:\n * the whole product already refuses to let a thumbs-down only tally, and this\n * end was the exception. \"Start a case\" opens one in that merchant's own\n * inbox, carrying their words and their score, so the answer becomes a\n * conversation in the place they already reply. The server remembers which\n * case a signal became, so the row then shows the case instead of the button.\n */\nexport function CommentsPanel({ rows }: { rows: FeedbackSignalComment[] }) {\n  return (\n    <Card padding=\"none\">\n      <div className=\"flex items-center gap-2 border-b border-[var(--border-subtle)] px-4 py-3\">\n        <p className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          What they said\n        </p>\n        {rows.length > 0 && (\n          <span className=\"text-xs tabular-nums text-[var(--text-tertiary)]\">\n            {rows.length}\n          </span>\n        )}\n      </div>\n\n      {!rows.length ? (\n        <EmptyNote className=\"px-4 py-6 text-center\">\n          Comments and voice notes merchants add to a score show here.\n        </EmptyNote>\n      ) : (\n        <ul className=\"max-h-[var(--adm-panel-h)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain\">\n          {rows.map((row) => (\n            <li key={row.id} className=\"flex flex-col gap-2 px-4 py-3\">\n              {row.comment && (\n                <p className=\"text-sm leading-relaxed text-[var(--text-primary)]\">\n                  {row.comment}\n                </p>\n              )}\n\n              {/* A SPOKEN ANSWER IS AN ANSWER, so it is played here rather than\n                  linked. Most of these will arrive from a phone, where typing a\n                  sentence between two other jobs is the thing that does not\n                  happen — so this panel would be reading a biased half of the\n                  feedback if a clip were anything less than first-class.\n\n                  `preload=\"none\"`: a hundred clips must not fetch a hundred\n                  files to draw a list nobody has pressed play on yet. */}\n              {row.audioUrl && (\n                <TranscriptPlayer\n                  url={row.audioUrl}\n                  seconds={row.audioSeconds ?? 0}\n                  transcript={row.transcript}\n                  className=\"max-w-md\"\n                />\n              )}\n              {/* WHO SAID IT, on its own line and first.\n                  This panel used to open each row with the score and put a\n                  tenant slug three items along — a string like\n                  `tura-bodywork` that nobody in the room reads as a business,\n                  with nothing to say whether it is a shop, a clinic or a hall.\n                  The business is resolved by the api now, so a rename cannot\n                  strand it. */}\n              {row.business && (\n                <div className=\"flex flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n                  <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    {row.business.name}\n                  </span>\n                  <span className=\"text-xs text-[var(--text-tertiary)]\">\n                    {row.business.slug}\n                  </span>\n                  {row.business.model.length > 0 && (\n                    <span className=\"text-xs text-[var(--text-tertiary)]\">\n                      {row.business.model.join(' · ')}\n                    </span>\n                  )}\n                  <span className=\"text-xs text-[var(--text-tertiary)]\">\n                    since {new Date(row.business.since).toLocaleDateString()}\n                  </span>\n                </div>\n              )}\n\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-tertiary)]\">\n                <span className=\"tabular-nums text-[var(--text-secondary)]\">\n                  {row.kind === 'thumb'\n                    ? row.score > 0\n                      ? 'Thumbs up'\n                      : 'Thumbs down'\n                    : row.score}\n                </span>\n                <span>{row.promptKey}</span>\n                {row.audioSeconds != null && (\n                  <span>{row.audioSeconds}s clip</span>\n                )}\n                {/* The slug only where the business could not be resolved —\n                    an answer left outside a workspace, or one whose business\n                    has since been deleted. */}\n                {!row.business && row.context?.tenantSlug && (\n                  <span>{row.context.tenantSlug}</span>\n                )}\n                {row.context?.userEmail && <span>{row.context.userEmail}</span>}\n                <span>{new Date(row.createdAt).toLocaleDateString()}</span>\n                {/* The route pattern where we have it: four hundred\n                    complaints about the order screen group under\n                    `/dashboard/orders/[id]`, where four hundred order ids\n                    group under nothing. */}\n                {(row.context?.route || row.context?.pageUrl) && (\n                  <span className=\"truncate\">\n                    {row.context.route ?? stripOrigin(row.context.pageUrl!)}\n                  </span>\n                )}\n                {row.context?.viewport && <span>{row.context.viewport}</span>}\n                {row.context?.theme && <span>{row.context.theme}</span>}\n                {row.context?.timeZone && <span>{row.context.timeZone}</span>}\n                {row.context?.posthogSessionId && (\n                  <span title={row.context.posthogSessionId}>\n                    session {row.context.posthogSessionId.slice(0, 8)}\n                  </span>\n                )}\n\n                {/* The action sits on the row's own footer rather than in a\n                    corner: it belongs to this sentence, and a panel-level\n                    button would have to ask which one. */}\n                <PickUp\n                  id={row.id}\n                  kind=\"signal\"\n                  caseId={row.serviceCaseId}\n                  canOpen={Boolean(row.business)}\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Card>\n  );\n}\n\n/** The host is the same on every row and only costs width. */\nfunction stripOrigin(url: string): string {\n  try {\n    return new URL(url).pathname;\n  } catch {\n    return url;\n  }\n}\n"],"mappings":";AA8BM,SACE,KADF;AA5BN,SAAS,MAAM,WAAW,wBAAwB;AAClD,SAAS,cAAc;AAwBhB,SAAS,cAAc,EAAE,KAAK,GAAsC;AACzE,SACE,qBAAC,QAAK,SAAQ,QACZ;AAAA,yBAAC,SAAI,WAAU,4EACb;AAAA,0BAAC,OAAE,WAAU,oDAAmD,4BAEhE;AAAA,MACC,KAAK,SAAS,KACb,oBAAC,UAAK,WAAU,oDACb,eAAK,QACR;AAAA,OAEJ;AAAA,IAEC,CAAC,KAAK,SACL,oBAAC,aAAU,WAAU,yBAAwB,0EAE7C,IAEA,oBAAC,QAAG,WAAU,wGACX,eAAK,IAAI,CAAC,QACT,qBAAC,QAAgB,WAAU,iCACxB;AAAA,UAAI,WACH,oBAAC,OAAE,WAAU,sDACV,cAAI,SACP;AAAA,MAWD,IAAI,YACH;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,IAAI;AAAA,UACT,SAAS,IAAI,gBAAgB;AAAA,UAC7B,YAAY,IAAI;AAAA,UAChB,WAAU;AAAA;AAAA,MACZ;AAAA,MASD,IAAI,YACH,qBAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,UAAK,WAAU,kDACb,cAAI,SAAS,MAChB;AAAA,QACA,oBAAC,UAAK,WAAU,uCACb,cAAI,SAAS,MAChB;AAAA,QACC,IAAI,SAAS,MAAM,SAAS,KAC3B,oBAAC,UAAK,WAAU,uCACb,cAAI,SAAS,MAAM,KAAK,QAAK,GAChC;AAAA,QAEF,qBAAC,UAAK,WAAU,uCAAsC;AAAA;AAAA,UAC7C,IAAI,KAAK,IAAI,SAAS,KAAK,EAAE,mBAAmB;AAAA,WACzD;AAAA,SACF;AAAA,MAGF,qBAAC,SAAI,WAAU,mFACb;AAAA,4BAAC,UAAK,WAAU,6CACb,cAAI,SAAS,UACV,IAAI,QAAQ,IACV,cACA,gBACF,IAAI,OACV;AAAA,QACA,oBAAC,UAAM,cAAI,WAAU;AAAA,QACpB,IAAI,gBAAgB,QACnB,qBAAC,UAAM;AAAA,cAAI;AAAA,UAAa;AAAA,WAAM;AAAA,QAK/B,CAAC,IAAI,YAAY,IAAI,SAAS,cAC7B,oBAAC,UAAM,cAAI,QAAQ,YAAW;AAAA,QAE/B,IAAI,SAAS,aAAa,oBAAC,UAAM,cAAI,QAAQ,WAAU;AAAA,QACxD,oBAAC,UAAM,cAAI,KAAK,IAAI,SAAS,EAAE,mBAAmB,GAAE;AAAA,SAKlD,IAAI,SAAS,SAAS,IAAI,SAAS,YACnC,oBAAC,UAAK,WAAU,YACb,cAAI,QAAQ,SAAS,YAAY,IAAI,QAAQ,OAAQ,GACxD;AAAA,QAED,IAAI,SAAS,YAAY,oBAAC,UAAM,cAAI,QAAQ,UAAS;AAAA,QACrD,IAAI,SAAS,SAAS,oBAAC,UAAM,cAAI,QAAQ,OAAM;AAAA,QAC/C,IAAI,SAAS,YAAY,oBAAC,UAAM,cAAI,QAAQ,UAAS;AAAA,QACrD,IAAI,SAAS,oBACZ,qBAAC,UAAK,OAAO,IAAI,QAAQ,kBAAkB;AAAA;AAAA,UAChC,IAAI,QAAQ,iBAAiB,MAAM,GAAG,CAAC;AAAA,WAClD;AAAA,QAMF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,MAAK;AAAA,YACL,QAAQ,IAAI;AAAA,YACZ,SAAS,QAAQ,IAAI,QAAQ;AAAA;AAAA,QAC/B;AAAA,SACF;AAAA,SAhGO,IAAI,EAiGb,CACD,GACH;AAAA,KAEJ;AAEJ;AAGA,SAAS,YAAY,KAAqB;AACxC,MAAI;AACF,WAAO,IAAI,IAAI,GAAG,EAAE;AAAA,EACtB,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/admin/feedback-signals/_components/health-panel.js

@@ -0,0 +1,46 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, Badge } from "@withpotter/ui-kit";
+function HealthPanel({ rows }) {
+  if (!rows.length) return null;
+  return /* @__PURE__ */ jsxs(Card, { padding: "none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2 border-b border-[var(--border-subtle)] px-4 py-3", children: [
+      /* @__PURE__ */ jsx("p", { className: "text-sm font-semibold text-[var(--text-primary)]", children: "Shown, and answered" }),
+      /* @__PURE__ */ jsx("span", { className: "text-xs tabular-nums text-[var(--text-tertiary)]", children: rows.length })
+    ] }),
+    /* @__PURE__ */ jsx("div", { className: "max-h-[var(--adm-panel-h)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain", children: rows.map((row) => {
+      const met = row.people || 1;
+      const rate = Math.round(row.answered / met * 100);
+      const neglected = row.people >= 5 && rate < 34;
+      return /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "flex flex-wrap items-center gap-x-4 gap-y-1 px-4 py-3",
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 flex-1 truncate text-sm text-[var(--text-primary)]", children: row.promptKey }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-[var(--text-secondary)]", children: [
+              row.answered,
+              " of ",
+              row.people,
+              " answered (",
+              rate,
+              "%)"
+            ] }),
+            /* @__PURE__ */ jsxs("span", { className: "text-xs tabular-nums text-[var(--text-tertiary)]", children: [
+              row.dismissed,
+              " closed \xB7 ",
+              row.waiting,
+              " waiting"
+            ] }),
+            neglected && /* @__PURE__ */ jsx(Badge, { variant: "primary", children: "Asked at a bad moment" })
+          ]
+        },
+        row.promptKey
+      );
+    }) })
+  ] });
+}
+export {
+  HealthPanel
+};
+//# sourceMappingURL=health-panel.js.map

package/dist/admin/feedback-signals/_components/health-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/health-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Card, Badge } from '@withpotter/ui-kit';\nimport type { FeedbackPromptHealth } from '@withpotter/lib/api';\n\n/**\n * Shown versus answered — which prompts are in the wrong place.\n *\n * THIS IS THE PANEL THE SCORES CANNOT REPLACE, and the reason `seen_count`\n * exists at all. A prompt with a lovely average that forty people closed\n * unread is not a lovely prompt; it is a prompt two people liked and thirty-\n * eight people swatted. In the scores those two look identical to a prompt\n * everybody answered, because the scores can only see the answers.\n *\n * A low answer rate is not a verdict on the question. It is nearly always a\n * verdict on WHERE it was asked — which is why the row says \"asked at a bad\n * moment\" rather than \"bad question\".\n */\nexport function HealthPanel({ rows }: { rows: FeedbackPromptHealth[] }) {\n  if (!rows.length) return null;\n\n  return (\n    <Card padding=\"none\">\n      <div className=\"flex items-center gap-2 border-b border-[var(--border-subtle)] px-4 py-3\">\n        <p className=\"text-sm font-semibold text-[var(--text-primary)]\">\n          Shown, and answered\n        </p>\n        <span className=\"text-xs tabular-nums text-[var(--text-tertiary)]\">\n          {rows.length}\n        </span>\n      </div>\n      <div className=\"max-h-[var(--adm-panel-h)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain\">\n        {rows.map((row) => {\n          const met = row.people || 1;\n          const rate = Math.round((row.answered / met) * 100);\n          // Below a third, and seen by enough people for that to mean\n          // anything rather than being two early testers.\n          const neglected = row.people >= 5 && rate < 34;\n          return (\n            <div\n              key={row.promptKey}\n              className=\"flex flex-wrap items-center gap-x-4 gap-y-1 px-4 py-3\"\n            >\n              <span className=\"min-w-0 flex-1 truncate text-sm text-[var(--text-primary)]\">\n                {row.promptKey}\n              </span>\n              <span className=\"text-xs tabular-nums text-[var(--text-secondary)]\">\n                {row.answered} of {row.people} answered ({rate}%)\n              </span>\n              <span className=\"text-xs tabular-nums text-[var(--text-tertiary)]\">\n                {row.dismissed} closed · {row.waiting} waiting\n              </span>\n              {/* `Badge`, not `StatusBadge`. This is not the state of a\n                  record — it is a reading WE take of a row, and the shared\n                  status map has no business learning a value that exists only\n                  on this screen. The adoption rule is about statuses that\n                  belong in the map; this one does not. */}\n              {neglected && (\n                <Badge variant=\"primary\">Asked at a bad moment</Badge>\n              )}\n            </div>\n          );\n        })}\n      </div>\n    </Card>\n  );\n}\n"],"mappings":";AAuBM,SACE,KADF;AArBN,SAAS,MAAM,aAAa;AAgBrB,SAAS,YAAY,EAAE,KAAK,GAAqC;AACtE,MAAI,CAAC,KAAK,OAAQ,QAAO;AAEzB,SACE,qBAAC,QAAK,SAAQ,QACZ;AAAA,yBAAC,SAAI,WAAU,4EACb;AAAA,0BAAC,OAAE,WAAU,oDAAmD,iCAEhE;AAAA,MACA,oBAAC,UAAK,WAAU,oDACb,eAAK,QACR;AAAA,OACF;AAAA,IACA,oBAAC,SAAI,WAAU,wGACZ,eAAK,IAAI,CAAC,QAAQ;AACjB,YAAM,MAAM,IAAI,UAAU;AAC1B,YAAM,OAAO,KAAK,MAAO,IAAI,WAAW,MAAO,GAAG;AAGlD,YAAM,YAAY,IAAI,UAAU,KAAK,OAAO;AAC5C,aACE;AAAA,QAAC;AAAA;AAAA,UAEC,WAAU;AAAA,UAEV;AAAA,gCAAC,UAAK,WAAU,8DACb,cAAI,WACP;AAAA,YACA,qBAAC,UAAK,WAAU,qDACb;AAAA,kBAAI;AAAA,cAAS;AAAA,cAAK,IAAI;AAAA,cAAO;AAAA,cAAY;AAAA,cAAK;AAAA,eACjD;AAAA,YACA,qBAAC,UAAK,WAAU,oDACb;AAAA,kBAAI;AAAA,cAAU;AAAA,cAAW,IAAI;AAAA,cAAQ;AAAA,eACxC;AAAA,YAMC,aACC,oBAAC,SAAM,SAAQ,WAAU,mCAAqB;AAAA;AAAA;AAAA,QAlB3C,IAAI;AAAA,MAoBX;AAAA,IAEJ,CAAC,GACH;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/feedback-signals/_components/messages-panel.js

@@ -0,0 +1,96 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, EmptyNote, TranscriptPlayer } from "@withpotter/ui-kit";
+import { PickUp } from "./pick-up";
+function MessagesPanel({
+  rows,
+  limit,
+  loading
+}) {
+  if (loading) return null;
+  return /* @__PURE__ */ jsxs(Card, { padding: "none", children: [
+    /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between gap-3 border-b border-[var(--border-subtle)] px-4 py-3", children: [
+      /* @__PURE__ */ jsxs("p", { className: "flex items-center gap-2 text-sm font-semibold text-[var(--text-primary)]", children: [
+        "What they sent",
+        rows.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs font-normal tabular-nums text-[var(--text-tertiary)]", children: rows.length })
+      ] }),
+      rows.length >= limit && // Said rather than paginated: this list is read, not worked through,
+      // and a page of controls under it would imply otherwise. It stops
+      // being honest at exactly the point it fills up, so it says so.
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)]", children: [
+        "Latest ",
+        limit,
+        ". Narrow the window to see further back."
+      ] })
+    ] }),
+    !rows.length ? /* @__PURE__ */ jsx(EmptyNote, { className: "px-4 py-6 text-center", children: "Bug reports, questions and voice notes from the help sheet land here." }) : /* @__PURE__ */ jsx("ul", { className: "max-h-[calc(var(--adm-panel-h)*1.5)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain", children: rows.map((row) => /* @__PURE__ */ jsxs("li", { className: "flex flex-col gap-2 px-4 py-3", children: [
+      row.business ? /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-baseline gap-x-2 gap-y-0.5", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--text-primary)]", children: row.business.name }),
+        /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)]", children: row.business.slug }),
+        row.business.model.length > 0 && /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--text-tertiary)]", children: row.business.model.join(" \xB7 ") })
+      ] }) : /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--text-tertiary)]", children: "Sent from outside a workspace" }),
+      /* @__PURE__ */ jsx("p", { className: "whitespace-pre-wrap text-sm text-[var(--text-primary)]", children: row.description?.trim() || (row.audioUrl ? "Spoken \u2014 see the clip below." : "\u2014") }),
+      row.audioUrl && /* @__PURE__ */ jsx(
+        TranscriptPlayer,
+        {
+          url: row.audioUrl,
+          seconds: row.audioSeconds ?? 0,
+          transcript: row.transcript,
+          className: "max-w-md"
+        }
+      ),
+      row.screenshotUrl && /* @__PURE__ */ jsx("a", { href: row.screenshotUrl, target: "_blank", rel: "noreferrer", children: /* @__PURE__ */ jsx(
+        "img",
+        {
+          src: row.screenshotUrl,
+          alt: "Screenshot they attached",
+          className: "max-h-40 rounded-lg border border-line"
+        }
+      ) }),
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-tertiary)]", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: row.category }),
+        row.area && /* @__PURE__ */ jsx("span", { className: "text-[var(--text-secondary)]", children: row.area }),
+        /* @__PURE__ */ jsx("span", { children: row.status }),
+        /* @__PURE__ */ jsx("span", { className: "truncate", children: row.route ?? stripOrigin(row.pageUrl) }),
+        row.browser?.platform && /* @__PURE__ */ jsx("span", { children: row.browser.platform }),
+        row.browser?.viewportWidth != null && /* @__PURE__ */ jsxs("span", { children: [
+          row.browser.viewportWidth,
+          "\xD7",
+          row.browser.viewportHeight
+        ] }),
+        /* @__PURE__ */ jsx("span", { children: new Date(row.createdAt).toLocaleDateString() }),
+        row.githubIssueUrl && /* @__PURE__ */ jsx(
+          "a",
+          {
+            href: row.githubIssueUrl,
+            target: "_blank",
+            rel: "noreferrer",
+            className: "text-[var(--accent-primary)] hover:underline",
+            children: "issue"
+          }
+        ),
+        /* @__PURE__ */ jsx(
+          PickUp,
+          {
+            id: row.id,
+            kind: "message",
+            caseId: row.serviceCaseId,
+            canOpen: Boolean(row.business)
+          }
+        )
+      ] })
+    ] }, row.id)) })
+  ] });
+}
+function stripOrigin(url) {
+  try {
+    const parsed = new URL(url);
+    return parsed.pathname + parsed.search;
+  } catch {
+    return url;
+  }
+}
+export {
+  MessagesPanel
+};
+//# sourceMappingURL=messages-panel.js.map

package/dist/admin/feedback-signals/_components/messages-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/messages-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Card, EmptyNote, TranscriptPlayer } from '@withpotter/ui-kit';\nimport { PickUp } from './pick-up';\nimport type { AdminFeedbackMessage } from '@withpotter/lib/api';\n\n/**\n * What merchants SENT us, as opposed to what they scored.\n *\n * THIS SCREEN HAD SCORES AND NOTHING ELSE, which made it a dashboard about\n * feedback rather than a place you read it. A message from the help sheet — the\n * sentence somebody typed at midnight, the screenshot of the thing that would\n * not work, the clip they recorded because typing it out was too much — went to\n * a GitHub issue and an email and never appeared here. John: *\"on the admin the\n * voice note doesnt play the recording\"*. It could not: there was nothing on\n * this side to play it.\n *\n * THE CLIP PLAYS, AND IT ALSO LINKS. An `<audio>` element that cannot fetch its\n * source renders as a dead grey bar with no explanation, and a voice note is\n * exactly the kind of file that lives behind a URL that can expire. The link\n * beside it is the fallback that always works, and it is why this does not\n * quietly become the second place a recording cannot be heard.\n *\n * EVERY ROW CAN BECOME A CONVERSATION, the same way a score can. Reading a\n * complaint and doing nothing visible about it is what teaches merchants that\n * writing to us is pointless.\n */\nexport function MessagesPanel({\n  rows,\n  limit,\n  loading,\n}: {\n  rows: AdminFeedbackMessage[];\n  /** What we asked for, so a full page can say it may not be all of it. */\n  limit: number;\n  loading?: boolean;\n}) {\n  if (loading) return null;\n\n  return (\n    <Card padding=\"none\">\n      <div className=\"flex items-center justify-between gap-3 border-b border-[var(--border-subtle)] px-4 py-3\">\n        <p className=\"flex items-center gap-2 text-sm font-semibold text-[var(--text-primary)]\">\n          What they sent\n          {rows.length > 0 && (\n            <span className=\"text-xs font-normal tabular-nums text-[var(--text-tertiary)]\">\n              {rows.length}\n            </span>\n          )}\n        </p>\n        {rows.length >= limit && (\n          // Said rather than paginated: this list is read, not worked through,\n          // and a page of controls under it would imply otherwise. It stops\n          // being honest at exactly the point it fills up, so it says so.\n          <p className=\"text-xs text-[var(--text-tertiary)]\">\n            Latest {limit}. Narrow the window to see further back.\n          </p>\n        )}\n      </div>\n\n      {!rows.length ? (\n        <EmptyNote className=\"px-4 py-6 text-center\">\n          Bug reports, questions and voice notes from the help sheet land here.\n        </EmptyNote>\n      ) : (\n        <ul className=\"max-h-[calc(var(--adm-panel-h)*1.5)] divide-y divide-[var(--border-subtle)] overflow-y-auto overscroll-contain\">\n          {rows.map((row) => (\n            <li key={row.id} className=\"flex flex-col gap-2 px-4 py-3\">\n              {row.business ? (\n                <div className=\"flex flex-wrap items-baseline gap-x-2 gap-y-0.5\">\n                  <span className=\"text-sm font-medium text-[var(--text-primary)]\">\n                    {row.business.name}\n                  </span>\n                  <span className=\"text-xs text-[var(--text-tertiary)]\">\n                    {row.business.slug}\n                  </span>\n                  {row.business.model.length > 0 && (\n                    <span className=\"text-xs text-[var(--text-tertiary)]\">\n                      {row.business.model.join(' · ')}\n                    </span>\n                  )}\n                </div>\n              ) : (\n                <p className=\"text-xs text-[var(--text-tertiary)]\">\n                  Sent from outside a workspace\n                </p>\n              )}\n\n              {/* The words, or an honest stand-in. A voice note with no text\n                    used to render as an empty row with a player under it. */}\n              <p className=\"whitespace-pre-wrap text-sm text-[var(--text-primary)]\">\n                {row.description?.trim() ||\n                  (row.audioUrl ? 'Spoken — see the clip below.' : '—')}\n              </p>\n\n              {/* The player the merchant recorded into, not the browser's\n                    grey bar — and it carries its own \"open\" link, so a clip\n                    behind an expired URL still has a way through. */}\n              {row.audioUrl && (\n                <TranscriptPlayer\n                  url={row.audioUrl}\n                  seconds={row.audioSeconds ?? 0}\n                  transcript={row.transcript}\n                  className=\"max-w-md\"\n                />\n              )}\n\n              {row.screenshotUrl && (\n                <a href={row.screenshotUrl} target=\"_blank\" rel=\"noreferrer\">\n                  {/* eslint-disable-next-line @next/next/no-img-element */}\n                  <img\n                    src={row.screenshotUrl}\n                    alt=\"Screenshot they attached\"\n                    className=\"max-h-40 rounded-lg border border-line\"\n                  />\n                </a>\n              )}\n\n              <div className=\"flex flex-wrap items-center gap-x-3 gap-y-1 text-xs text-[var(--text-tertiary)]\">\n                <span className=\"text-[var(--text-secondary)]\">\n                  {row.category}\n                </span>\n                {/* The part of the product, in the merchant's own word — the\n                      first thing anybody triaging wants and the one thing a\n                      URL cannot tell them, since our own nav renames screens\n                      per business. */}\n                {row.area && (\n                  <span className=\"text-[var(--text-secondary)]\">\n                    {row.area}\n                  </span>\n                )}\n                <span>{row.status}</span>\n                <span className=\"truncate\">\n                  {row.route ?? stripOrigin(row.pageUrl)}\n                </span>\n                {row.browser?.platform && <span>{row.browser.platform}</span>}\n                {row.browser?.viewportWidth != null && (\n                  <span>\n                    {row.browser.viewportWidth}×{row.browser.viewportHeight}\n                  </span>\n                )}\n                <span>{new Date(row.createdAt).toLocaleDateString()}</span>\n                {row.githubIssueUrl && (\n                  <a\n                    href={row.githubIssueUrl}\n                    target=\"_blank\"\n                    rel=\"noreferrer\"\n                    className=\"text-[var(--accent-primary)] hover:underline\"\n                  >\n                    issue\n                  </a>\n                )}\n\n                <PickUp\n                  id={row.id}\n                  kind=\"message\"\n                  caseId={row.serviceCaseId}\n                  canOpen={Boolean(row.business)}\n                />\n              </div>\n            </li>\n          ))}\n        </ul>\n      )}\n    </Card>\n  );\n}\n\n/** The host is the same on every row and only costs width. */\nfunction stripOrigin(url: string): string {\n  try {\n    const parsed = new URL(url);\n    return parsed.pathname + parsed.search;\n  } catch {\n    return url;\n  }\n}\n"],"mappings":";AA0CQ,SAGI,KAHJ;AAxCR,SAAS,MAAM,WAAW,wBAAwB;AAClD,SAAS,cAAc;AAwBhB,SAAS,cAAc;AAAA,EAC5B;AAAA,EACA;AAAA,EACA;AACF,GAKG;AACD,MAAI,QAAS,QAAO;AAEpB,SACE,qBAAC,QAAK,SAAQ,QACZ;AAAA,yBAAC,SAAI,WAAU,4FACb;AAAA,2BAAC,OAAE,WAAU,4EAA2E;AAAA;AAAA,QAErF,KAAK,SAAS,KACb,oBAAC,UAAK,WAAU,gEACb,eAAK,QACR;AAAA,SAEJ;AAAA,MACC,KAAK,UAAU;AAAA;AAAA;AAAA,MAId,qBAAC,OAAE,WAAU,uCAAsC;AAAA;AAAA,QACzC;AAAA,QAAM;AAAA,SAChB;AAAA,OAEJ;AAAA,IAEC,CAAC,KAAK,SACL,oBAAC,aAAU,WAAU,yBAAwB,mFAE7C,IAEA,oBAAC,QAAG,WAAU,kHACX,eAAK,IAAI,CAAC,QACT,qBAAC,QAAgB,WAAU,iCACxB;AAAA,UAAI,WACH,qBAAC,SAAI,WAAU,mDACb;AAAA,4BAAC,UAAK,WAAU,kDACb,cAAI,SAAS,MAChB;AAAA,QACA,oBAAC,UAAK,WAAU,uCACb,cAAI,SAAS,MAChB;AAAA,QACC,IAAI,SAAS,MAAM,SAAS,KAC3B,oBAAC,UAAK,WAAU,uCACb,cAAI,SAAS,MAAM,KAAK,QAAK,GAChC;AAAA,SAEJ,IAEA,oBAAC,OAAE,WAAU,uCAAsC,2CAEnD;AAAA,MAKF,oBAAC,OAAE,WAAU,0DACV,cAAI,aAAa,KAAK,MACpB,IAAI,WAAW,sCAAiC,WACrD;AAAA,MAKC,IAAI,YACH;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,IAAI;AAAA,UACT,SAAS,IAAI,gBAAgB;AAAA,UAC7B,YAAY,IAAI;AAAA,UAChB,WAAU;AAAA;AAAA,MACZ;AAAA,MAGD,IAAI,iBACH,oBAAC,OAAE,MAAM,IAAI,eAAe,QAAO,UAAS,KAAI,cAE9C;AAAA,QAAC;AAAA;AAAA,UACC,KAAK,IAAI;AAAA,UACT,KAAI;AAAA,UACJ,WAAU;AAAA;AAAA,MACZ,GACF;AAAA,MAGF,qBAAC,SAAI,WAAU,mFACb;AAAA,4BAAC,UAAK,WAAU,gCACb,cAAI,UACP;AAAA,QAKC,IAAI,QACH,oBAAC,UAAK,WAAU,gCACb,cAAI,MACP;AAAA,QAEF,oBAAC,UAAM,cAAI,QAAO;AAAA,QAClB,oBAAC,UAAK,WAAU,YACb,cAAI,SAAS,YAAY,IAAI,OAAO,GACvC;AAAA,QACC,IAAI,SAAS,YAAY,oBAAC,UAAM,cAAI,QAAQ,UAAS;AAAA,QACrD,IAAI,SAAS,iBAAiB,QAC7B,qBAAC,UACE;AAAA,cAAI,QAAQ;AAAA,UAAc;AAAA,UAAE,IAAI,QAAQ;AAAA,WAC3C;AAAA,QAEF,oBAAC,UAAM,cAAI,KAAK,IAAI,SAAS,EAAE,mBAAmB,GAAE;AAAA,QACnD,IAAI,kBACH;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,IAAI;AAAA,YACV,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAU;AAAA,YACX;AAAA;AAAA,QAED;AAAA,QAGF;AAAA,UAAC;AAAA;AAAA,YACC,IAAI,IAAI;AAAA,YACR,MAAK;AAAA,YACL,QAAQ,IAAI;AAAA,YACZ,SAAS,QAAQ,IAAI,QAAQ;AAAA;AAAA,QAC/B;AAAA,SACF;AAAA,SA5FO,IAAI,EA6Fb,CACD,GACH;AAAA,KAEJ;AAEJ;AAGA,SAAS,YAAY,KAAqB;AACxC,MAAI;AACF,UAAM,SAAS,IAAI,IAAI,GAAG;AAC1B,WAAO,OAAO,WAAW,OAAO;AAAA,EAClC,QAAQ;AACN,WAAO;AAAA,EACT;AACF;","names":[]}

package/dist/admin/feedback-signals/_components/movement.js

@@ -0,0 +1,27 @@
+function key(row) {
+  return `${row.promptKey}::${row.kind}`;
+}
+function headline(row) {
+  return row.nps ?? row.average;
+}
+function movements(current, wider) {
+  const wide = new Map(wider.map((row) => [key(row), row]));
+  const out = /* @__PURE__ */ new Map();
+  for (const row of current) {
+    const both = wide.get(key(row));
+    if (!both) continue;
+    const previousResponses = both.responses - row.responses;
+    if (previousResponses < 2) continue;
+    const previous = (headline(both) * both.responses - headline(row) * row.responses) / previousResponses;
+    out.set(key(row), {
+      delta: Math.round((headline(row) - previous) * 10) / 10,
+      previousResponses
+    });
+  }
+  return out;
+}
+export {
+  key as movementKey,
+  movements
+};
+//# sourceMappingURL=movement.js.map

package/dist/admin/feedback-signals/_components/movement.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/movement.ts"],"sourcesContent":["import type { FeedbackSignalSummaryRow } from '@withpotter/lib/api';\n\n/**\n * Whether a score MOVED, worked out from two windows rather than a new endpoint.\n *\n * A score with no previous period cannot answer the only question that\n * justifies collecting it: did the thing we changed change anything. Every\n * panel here was an all-time-within-the-window figure, so \"CES 4.2\" read the\n * same whether the import had got twice as easy or twice as hard.\n *\n * THE ARITHMETIC IS EXACT, WHICH IS WHY THIS NEEDS NO API WORK. The summary is\n * already windowed by `days`, and a mean carries its own count, so a window\n * twice as wide contains the current period plus the one before it and the\n * earlier half can be recovered:\n *\n *   previous answers = wide.responses - current.responses\n *   previous mean    = (wide.average × wide.responses\n *                       - current.average × current.responses) / previous\n *\n * NPS recombines the same way and this is not obvious: it is\n * (promoters - detractors) / n × 100, so `nps × n / 100` is a COUNT, and counts\n * subtract. Doing it any other way — averaging two NPS figures — would be\n * wrong, quietly, and only on the metric the whole thing is named after.\n *\n * What it cannot do is show a shape. Two points are a direction, not a trend,\n * and a real sparkline needs the api to bucket. This answers \"up or down since\n * last time\", which is the question being asked in the room.\n */\nexport interface Movement {\n  /** Change in the headline figure. Positive means the number went up. */\n  delta: number;\n  /** How many answers the earlier window rests on. */\n  previousResponses: number;\n}\n\n/** Keyed the way the panel is: one row per prompt AND kind. */\nfunction key(row: FeedbackSignalSummaryRow) {\n  return `${row.promptKey}::${row.kind}`;\n}\n\n/** The figure a card shows: NPS where there is one, otherwise the mean. */\nfunction headline(row: FeedbackSignalSummaryRow) {\n  return row.nps ?? row.average;\n}\n\nexport function movements(\n  current: FeedbackSignalSummaryRow[],\n  wider: FeedbackSignalSummaryRow[],\n): Map<string, Movement> {\n  const wide = new Map(wider.map((row) => [key(row), row]));\n  const out = new Map<string, Movement>();\n\n  for (const row of current) {\n    const both = wide.get(key(row));\n    if (!both) continue;\n    const previousResponses = both.responses - row.responses;\n    // One answer is not a period. A single earlier response would render a\n    // swing of several points that means nothing, and a card that shouts on\n    // one answer teaches everyone to ignore the arrow.\n    if (previousResponses < 2) continue;\n\n    const previous =\n      (headline(both) * both.responses - headline(row) * row.responses) /\n      previousResponses;\n\n    out.set(key(row), {\n      delta: Math.round((headline(row) - previous) * 10) / 10,\n      previousResponses,\n    });\n  }\n\n  return out;\n}\n\nexport { key as movementKey };\n"],"mappings":"AAoCA,SAAS,IAAI,KAA+B;AAC1C,SAAO,GAAG,IAAI,SAAS,KAAK,IAAI,IAAI;AACtC;AAGA,SAAS,SAAS,KAA+B;AAC/C,SAAO,IAAI,OAAO,IAAI;AACxB;AAEO,SAAS,UACd,SACA,OACuB;AACvB,QAAM,OAAO,IAAI,IAAI,MAAM,IAAI,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,GAAG,CAAC,CAAC;AACxD,QAAM,MAAM,oBAAI,IAAsB;AAEtC,aAAW,OAAO,SAAS;AACzB,UAAM,OAAO,KAAK,IAAI,IAAI,GAAG,CAAC;AAC9B,QAAI,CAAC,KAAM;AACX,UAAM,oBAAoB,KAAK,YAAY,IAAI;AAI/C,QAAI,oBAAoB,EAAG;AAE3B,UAAM,YACH,SAAS,IAAI,IAAI,KAAK,YAAY,SAAS,GAAG,IAAI,IAAI,aACvD;AAEF,QAAI,IAAI,IAAI,GAAG,GAAG;AAAA,MAChB,OAAO,KAAK,OAAO,SAAS,GAAG,IAAI,YAAY,EAAE,IAAI;AAAA,MACrD;AAAA,IACF,CAAC;AAAA,EACH;AAEA,SAAO;AACT;","names":[]}

package/dist/admin/feedback-signals/_components/pick-up.js

@@ -0,0 +1,67 @@
+"use client";
+import { jsx } from "react/jsx-runtime";
+import { useState } from "react";
+import Link from "next/link";
+import { AnimatePresence, motion } from "motion/react";
+import { Button } from "@withpotter/ui-kit";
+import { adminFeedbackApi } from "@withpotter/lib/api";
+import { SPRING } from "../../_fx";
+import { useModuleOn } from "../../_shell/modules-context";
+function PickUp(props) {
+  return useModuleOn("feedbackCases") ? /* @__PURE__ */ jsx(PickUpControl, { ...props }) : null;
+}
+function PickUpControl({ id, kind, caseId, canOpen }) {
+  const [opened, setOpened] = useState(caseId);
+  const [busy, setBusy] = useState(false);
+  const pickUp = async () => {
+    setBusy(true);
+    try {
+      const { caseId: made } = kind === "signal" ? await adminFeedbackApi.openCase(id) : await adminFeedbackApi.openCaseFromMessage(id);
+      setOpened(made);
+    } catch {
+    } finally {
+      setBusy(false);
+    }
+  };
+  return /* @__PURE__ */ jsx(AnimatePresence, { mode: "wait", initial: false, children: opened ? /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      initial: { opacity: 0, y: 4 },
+      animate: { opacity: 1, y: 0 },
+      exit: { opacity: 0, y: -4 },
+      transition: SPRING.fast,
+      children: /* @__PURE__ */ jsx(
+        Link,
+        {
+          href: `/admin/support?case=${opened}`,
+          className: "text-[var(--accent-primary)] hover:underline",
+          children: "Picked up"
+        }
+      )
+    },
+    "open"
+  ) : canOpen ? /* @__PURE__ */ jsx(
+    motion.span,
+    {
+      initial: { opacity: 0 },
+      animate: { opacity: 1 },
+      exit: { opacity: 0, y: -4 },
+      transition: SPRING.fast,
+      children: /* @__PURE__ */ jsx(
+        Button,
+        {
+          variant: "ghost",
+          size: "sm",
+          disabled: busy,
+          onClick: () => void pickUp(),
+          children: busy ? "Opening\u2026" : "Start a case"
+        }
+      )
+    },
+    "idle"
+  ) : /* @__PURE__ */ jsx("span", { children: "No workspace to open a case on" }, "none") });
+}
+export {
+  PickUp
+};
+//# sourceMappingURL=pick-up.js.map

package/dist/admin/feedback-signals/_components/pick-up.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/pick-up.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport Link from 'next/link';\nimport { AnimatePresence, motion } from 'motion/react';\nimport { Button } from '@withpotter/ui-kit';\nimport { adminFeedbackApi } from '@withpotter/lib/api';\nimport { SPRING } from '../../_fx';\nimport { useModuleOn } from '../../_shell/modules-context';\n\ntype PickUpProps = {\n  id: string;\n  /** Which list this came from — the two have different endpoints. */\n  kind: 'signal' | 'message';\n  /** Already picked up, from the server. */\n  caseId: string | null;\n  /** False where there is no workspace behind it: the server refuses those. */\n  canOpen: boolean;\n};\n\n/** Nothing where the engine cannot open a case (no support package). */\nexport function PickUp(props: PickUpProps) {\n  return useModuleOn('feedbackCases') ? <PickUpControl {...props} /> : null;\n}\n\n/**\n * Turning one piece of feedback into a conversation, written once.\n *\n * IT WAS WRITTEN TWICE — the same three states, the same busy flag, the same\n * swallowed error, once in the comments panel and once in the messages panel —\n * and the two had already begun to differ in what they said when there was no\n * workspace to open a case on. Two copies of a control that performs a\n * side-effect is how the console ends up doing the same thing differently\n * depending on which list you found the complaint in.\n *\n * AND IT MOVES. The old copies swapped \"Start a case\" for \"Picked up\" between\n * one frame and the next, which is the one thing the house rule about motion\n * exists to stop: a state change nobody saw happen reads as a page that\n * reloaded, not as an act that worked. It crossfades on a short spring now,\n * just long enough to notice that the thing you pressed did something.\n */\nfunction PickUpControl({ id, kind, caseId, canOpen }: PickUpProps) {\n  const [opened, setOpened] = useState<string | null>(caseId);\n  const [busy, setBusy] = useState(false);\n\n  const pickUp = async () => {\n    setBusy(true);\n    try {\n      const { caseId: made } =\n        kind === 'signal'\n          ? await adminFeedbackApi.openCase(id)\n          : await adminFeedbackApi.openCaseFromMessage(id);\n      setOpened(made);\n    } catch {\n      // The row is untouched and the button comes back. Nothing is lost by a\n      // failure here, so nothing needs to be said about it.\n    } finally {\n      setBusy(false);\n    }\n  };\n\n  return (\n    <AnimatePresence mode=\"wait\" initial={false}>\n      {opened ? (\n        <motion.span\n          key=\"open\"\n          initial={{ opacity: 0, y: 4 }}\n          animate={{ opacity: 1, y: 0 }}\n          exit={{ opacity: 0, y: -4 }}\n          transition={SPRING.fast}\n        >\n          <Link\n            href={`/admin/support?case=${opened}`}\n            className=\"text-[var(--accent-primary)] hover:underline\"\n          >\n            Picked up\n          </Link>\n        </motion.span>\n      ) : canOpen ? (\n        <motion.span\n          key=\"idle\"\n          initial={{ opacity: 0 }}\n          animate={{ opacity: 1 }}\n          exit={{ opacity: 0, y: -4 }}\n          transition={SPRING.fast}\n        >\n          <Button\n            variant=\"ghost\"\n            size=\"sm\"\n            disabled={busy}\n            onClick={() => void pickUp()}\n          >\n            {busy ? 'Opening…' : 'Start a case'}\n          </Button>\n        </motion.span>\n      ) : (\n        <span key=\"none\">No workspace to open a case on</span>\n      )}\n    </AnimatePresence>\n  );\n}\n"],"mappings":";AAsBwC;AApBxC,SAAS,gBAAgB;AACzB,OAAO,UAAU;AACjB,SAAS,iBAAiB,cAAc;AACxC,SAAS,cAAc;AACvB,SAAS,wBAAwB;AACjC,SAAS,cAAc;AACvB,SAAS,mBAAmB;AAarB,SAAS,OAAO,OAAoB;AACzC,SAAO,YAAY,eAAe,IAAI,oBAAC,iBAAe,GAAG,OAAO,IAAK;AACvE;AAkBA,SAAS,cAAc,EAAE,IAAI,MAAM,QAAQ,QAAQ,GAAgB;AACjE,QAAM,CAAC,QAAQ,SAAS,IAAI,SAAwB,MAAM;AAC1D,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,KAAK;AAEtC,QAAM,SAAS,YAAY;AACzB,YAAQ,IAAI;AACZ,QAAI;AACF,YAAM,EAAE,QAAQ,KAAK,IACnB,SAAS,WACL,MAAM,iBAAiB,SAAS,EAAE,IAClC,MAAM,iBAAiB,oBAAoB,EAAE;AACnD,gBAAU,IAAI;AAAA,IAChB,QAAQ;AAAA,IAGR,UAAE;AACA,cAAQ,KAAK;AAAA,IACf;AAAA,EACF;AAEA,SACE,oBAAC,mBAAgB,MAAK,QAAO,SAAS,OACnC,mBACC;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,SAAS,EAAE,SAAS,GAAG,GAAG,EAAE;AAAA,MAC5B,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC1B,YAAY,OAAO;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,uBAAuB,MAAM;AAAA,UACnC,WAAU;AAAA,UACX;AAAA;AAAA,MAED;AAAA;AAAA,IAXI;AAAA,EAYN,IACE,UACF;AAAA,IAAC,OAAO;AAAA,IAAP;AAAA,MAEC,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,SAAS,EAAE,SAAS,EAAE;AAAA,MACtB,MAAM,EAAE,SAAS,GAAG,GAAG,GAAG;AAAA,MAC1B,YAAY,OAAO;AAAA,MAEnB;AAAA,QAAC;AAAA;AAAA,UACC,SAAQ;AAAA,UACR,MAAK;AAAA,UACL,UAAU;AAAA,UACV,SAAS,MAAM,KAAK,OAAO;AAAA,UAE1B,iBAAO,kBAAa;AAAA;AAAA,MACvB;AAAA;AAAA,IAbI;AAAA,EAcN,IAEA,oBAAC,UAAgB,8CAAP,MAAqC,GAEnD;AAEJ;","names":[]}

package/dist/admin/feedback-signals/_components/scores-panel.js

@@ -0,0 +1,68 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { Card, EmptyNote } from "@withpotter/ui-kit";
+import { movementKey } from "./movement";
+const KIND_LABEL = {
+  nps: "NPS",
+  csat: "Satisfaction",
+  ces: "Effort",
+  thumb: "Thumbs",
+  star: "Stars"
+};
+function ScoresPanel({
+  rows,
+  moved,
+  days,
+  loading
+}) {
+  if (loading) return null;
+  if (!rows.length) {
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsx(EmptyNote, { className: "text-center", children: "Scores land here as merchants answer prompts across the product." }) });
+  }
+  return /* @__PURE__ */ jsx("div", { className: "grid gap-3 sm:grid-cols-2 lg:grid-cols-3", children: rows.map((row) => {
+    const isNps = row.nps !== null;
+    const inverted = row.kind === "ces";
+    return /* @__PURE__ */ jsx(Card, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-1", children: [
+      /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-[var(--text-tertiary)]", children: row.promptKey }),
+      /* @__PURE__ */ jsxs("div", { className: "flex items-baseline gap-2", children: [
+        /* @__PURE__ */ jsx("span", { className: "text-2xl font-medium tabular-nums text-[var(--text-primary)]", children: isNps ? row.nps : row.average }),
+        /* @__PURE__ */ jsxs("span", { className: "text-xs text-[var(--text-secondary)]", children: [
+          isNps ? "NPS" : KIND_LABEL[row.kind] ?? row.kind,
+          inverted ? " \xB7 lower is better" : ""
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--text-tertiary)]", children: [
+        row.responses,
+        " ",
+        row.responses === 1 ? "answer" : "answers",
+        row.commented > 0 && `, ${row.commented} with a comment`
+      ] }),
+      (() => {
+        const move = moved?.get(movementKey(row));
+        if (!move || move.delta === 0) return null;
+        const better = inverted ? move.delta < 0 : move.delta > 0;
+        return /* @__PURE__ */ jsxs(
+          "p",
+          {
+            className: `flex items-center gap-1 text-xs ${better ? "text-[var(--brand-600)]" : "text-[var(--error)]"}`,
+            children: [
+              move.delta > 0 ? "+" : "",
+              move.delta,
+              /* @__PURE__ */ jsxs("span", { className: "text-[var(--text-tertiary)]", children: [
+                "on the previous",
+                days ? ` ${days} days` : " period",
+                " (",
+                move.previousResponses,
+                ")"
+              ] })
+            ]
+          }
+        );
+      })()
+    ] }) }, `${row.promptKey}-${row.kind}`);
+  }) });
+}
+export {
+  ScoresPanel
+};
+//# sourceMappingURL=scores-panel.js.map

package/dist/admin/feedback-signals/_components/scores-panel.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/scores-panel.tsx"],"sourcesContent":["'use client';\n\nimport { Card, EmptyNote } from '@withpotter/ui-kit';\nimport type { FeedbackSignalSummaryRow } from '@withpotter/lib/api';\nimport { movementKey, type Movement } from './movement';\n\nconst KIND_LABEL: Record<string, string> = {\n  nps: 'NPS',\n  csat: 'Satisfaction',\n  ces: 'Effort',\n  thumb: 'Thumbs',\n  star: 'Stars',\n};\n\n/**\n * What each prompt scored.\n *\n * NPS GETS ITS OWN NUMBER AND NOTHING ELSE DOES. Promoters-minus-detractors is\n * a -100..100 reading of a 0..10 recommendation question and is meaningless\n * applied to a 1..5 satisfaction mean, so the server returns null for every\n * other kind and this shows the mean instead. One column that silently changed\n * meaning by row would be worse than two.\n *\n * EFFORT IS INVERTED and says so, because 2.1 out of 7 is a GOOD effort score\n * and reads as a terrible one next to a satisfaction 4.6. Nothing else on this\n * screen has to carry a caveat; this one does, so it wears it.\n */\nexport function ScoresPanel({\n  rows,\n  moved,\n  days,\n  loading,\n}: {\n  rows: FeedbackSignalSummaryRow[];\n  /** How each figure changed against the window before it. */\n  moved?: Map<string, Movement>;\n  /** The window being shown, so the movement line can name the one before. */\n  days?: number;\n  loading?: boolean;\n}) {\n  if (loading) return null;\n\n  if (!rows.length) {\n    return (\n      <Card>\n        <EmptyNote className=\"text-center\">\n          Scores land here as merchants answer prompts across the product.\n        </EmptyNote>\n      </Card>\n    );\n  }\n\n  return (\n    <div className=\"grid gap-3 sm:grid-cols-2 lg:grid-cols-3\">\n      {rows.map((row) => {\n        const isNps = row.nps !== null;\n        const inverted = row.kind === 'ces';\n        return (\n          <Card key={`${row.promptKey}-${row.kind}`}>\n            <div className=\"flex flex-col gap-1\">\n              <p className=\"truncate text-xs text-[var(--text-tertiary)]\">\n                {row.promptKey}\n              </p>\n              <div className=\"flex items-baseline gap-2\">\n                <span className=\"text-2xl font-medium tabular-nums text-[var(--text-primary)]\">\n                  {isNps ? row.nps : row.average}\n                </span>\n                <span className=\"text-xs text-[var(--text-secondary)]\">\n                  {isNps ? 'NPS' : (KIND_LABEL[row.kind] ?? row.kind)}\n                  {inverted ? ' · lower is better' : ''}\n                </span>\n              </div>\n              <p className=\"text-xs text-[var(--text-tertiary)]\">\n                {row.responses} {row.responses === 1 ? 'answer' : 'answers'}\n                {row.commented > 0 && `, ${row.commented} with a comment`}\n              </p>\n              {/* WHICH WAY IT WENT, coloured by whether it is good news.\n                  Effort is the one scale where down is the good news, so a\n                  plus on a CES card is coloured as the bad news it is. */}\n              {(() => {\n                const move = moved?.get(movementKey(row));\n                if (!move || move.delta === 0) return null;\n                const better = inverted ? move.delta < 0 : move.delta > 0;\n                return (\n                  <p\n                    className={`flex items-center gap-1 text-xs ${\n                      better ? 'text-[var(--brand-600)]' : 'text-[var(--error)]'\n                    }`}\n                  >\n                    {move.delta > 0 ? '+' : ''}\n                    {move.delta}\n                    <span className=\"text-[var(--text-tertiary)]\">\n                      on the previous{days ? ` ${days} days` : ' period'} (\n                      {move.previousResponses})\n                    </span>\n                  </p>\n                );\n              })()}\n            </div>\n          </Card>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AA6CQ,cAsBQ,YAtBR;AA3CR,SAAS,MAAM,iBAAiB;AAEhC,SAAS,mBAAkC;AAE3C,MAAM,aAAqC;AAAA,EACzC,KAAK;AAAA,EACL,MAAM;AAAA,EACN,KAAK;AAAA,EACL,OAAO;AAAA,EACP,MAAM;AACR;AAeO,SAAS,YAAY;AAAA,EAC1B;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAOG;AACD,MAAI,QAAS,QAAO;AAEpB,MAAI,CAAC,KAAK,QAAQ;AAChB,WACE,oBAAC,QACC,8BAAC,aAAU,WAAU,eAAc,8EAEnC,GACF;AAAA,EAEJ;AAEA,SACE,oBAAC,SAAI,WAAU,4CACZ,eAAK,IAAI,CAAC,QAAQ;AACjB,UAAM,QAAQ,IAAI,QAAQ;AAC1B,UAAM,WAAW,IAAI,SAAS;AAC9B,WACE,oBAAC,QACC,+BAAC,SAAI,WAAU,uBACb;AAAA,0BAAC,OAAE,WAAU,gDACV,cAAI,WACP;AAAA,MACA,qBAAC,SAAI,WAAU,6BACb;AAAA,4BAAC,UAAK,WAAU,gEACb,kBAAQ,IAAI,MAAM,IAAI,SACzB;AAAA,QACA,qBAAC,UAAK,WAAU,wCACb;AAAA,kBAAQ,QAAS,WAAW,IAAI,IAAI,KAAK,IAAI;AAAA,UAC7C,WAAW,0BAAuB;AAAA,WACrC;AAAA,SACF;AAAA,MACA,qBAAC,OAAE,WAAU,uCACV;AAAA,YAAI;AAAA,QAAU;AAAA,QAAE,IAAI,cAAc,IAAI,WAAW;AAAA,QACjD,IAAI,YAAY,KAAK,KAAK,IAAI,SAAS;AAAA,SAC1C;AAAA,OAIE,MAAM;AACN,cAAM,OAAO,OAAO,IAAI,YAAY,GAAG,CAAC;AACxC,YAAI,CAAC,QAAQ,KAAK,UAAU,EAAG,QAAO;AACtC,cAAM,SAAS,WAAW,KAAK,QAAQ,IAAI,KAAK,QAAQ;AACxD,eACE;AAAA,UAAC;AAAA;AAAA,YACC,WAAW,mCACT,SAAS,4BAA4B,qBACvC;AAAA,YAEC;AAAA,mBAAK,QAAQ,IAAI,MAAM;AAAA,cACvB,KAAK;AAAA,cACN,qBAAC,UAAK,WAAU,+BAA8B;AAAA;AAAA,gBAC5B,OAAO,IAAI,IAAI,UAAU;AAAA,gBAAU;AAAA,gBAClD,KAAK;AAAA,gBAAkB;AAAA,iBAC1B;AAAA;AAAA;AAAA,QACF;AAAA,MAEJ,GAAG;AAAA,OACL,KAxCS,GAAG,IAAI,SAAS,IAAI,IAAI,IAAI,EAyCvC;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/admin/feedback-signals/_components/signals-workspace.js

@@ -0,0 +1,84 @@
+"use client";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { Banner, Button } from "@withpotter/ui-kit";
+import { PageTabs, useTabParam } from "../../_ui";
+import { SectionHeader } from "../../audit/section-header";
+import { CommentsPanel } from "./comments-panel";
+import { HealthPanel } from "./health-panel";
+import { MessagesPanel } from "./messages-panel";
+import { movements } from "./movement";
+import { ScoresPanel } from "./scores-panel";
+import { MESSAGE_LIMIT, useFeedbackSignals } from "./use-feedback-signals";
+const TABS = [
+  { id: "scores", label: "Scores" },
+  { id: "messages", label: "What they sent" },
+  { id: "health", label: "Prompt health" }
+];
+const KEYS = TABS.map((t) => t.id);
+const WINDOWS = [30, 90, 365];
+function SignalsWorkspace() {
+  const [days, setDays] = useState(90);
+  const [tab, setTab] = useTabParam(KEYS);
+  const data = useFeedbackSignals(days);
+  return /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(
+      SectionHeader,
+      {
+        title: "Feedback",
+        description: "Every score and comment merchants have left.",
+        actions: /* @__PURE__ */ jsx("div", { role: "group", "aria-label": "Time period", className: "adm-segments", children: WINDOWS.map((n) => /* @__PURE__ */ jsx(
+          "button",
+          {
+            type: "button",
+            className: "adm-segment",
+            "aria-pressed": days === n,
+            onClick: () => setDays(n),
+            children: n === 365 ? "1 year" : `${n} days`
+          },
+          n
+        )) })
+      }
+    ),
+    /* @__PURE__ */ jsx(PageTabs, { tabs: TABS, active: tab, onChange: setTab }),
+    /* @__PURE__ */ jsxs("div", { className: "flex flex-col gap-4 pb-10", children: [
+      !data.loading && data.failed.length > 0 && /* @__PURE__ */ jsxs(
+        Banner,
+        {
+          tone: "error",
+          title: "Some of this did not load",
+          action: /* @__PURE__ */ jsx(Button, { size: "sm", variant: "secondary", onClick: data.reload, children: "Retry" }),
+          children: [
+            data.failed.join(", "),
+            " could not be read, so those panels are empty because we could not ask \u2014 not because nothing is there."
+          ]
+        }
+      ),
+      tab === "scores" && /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(
+          ScoresPanel,
+          {
+            rows: data.summary,
+            moved: movements(data.summary, data.wider),
+            days,
+            loading: data.loading
+          }
+        ),
+        /* @__PURE__ */ jsx(CommentsPanel, { rows: data.comments })
+      ] }),
+      tab === "health" && /* @__PURE__ */ jsx(HealthPanel, { rows: data.health }),
+      tab === "messages" && /* @__PURE__ */ jsx(
+        MessagesPanel,
+        {
+          rows: data.messages,
+          limit: MESSAGE_LIMIT,
+          loading: data.loading
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  SignalsWorkspace
+};
+//# sourceMappingURL=signals-workspace.js.map

package/dist/admin/feedback-signals/_components/signals-workspace.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/feedback-signals/_components/signals-workspace.tsx"],"sourcesContent":["'use client';\n\nimport { useState } from 'react';\nimport { Banner, Button } from '@withpotter/ui-kit';\nimport { PageTabs, useTabParam } from '../../_ui';\nimport { SectionHeader } from '../../audit/section-header';\nimport { CommentsPanel } from './comments-panel';\nimport { HealthPanel } from './health-panel';\nimport { MessagesPanel } from './messages-panel';\nimport { movements } from './movement';\nimport { ScoresPanel } from './scores-panel';\nimport { MESSAGE_LIMIT, useFeedbackSignals } from './use-feedback-signals';\n\n/*\n * FOUR PANELS WAS A SCROLL, NOT A SCREEN. Scores, health, comments and\n * messages stacked down one page is unusable at four hundred rows, so they\n * are tabs under the header (`?tab=`, linkable). Scores keeps its comments: a\n * number and the sentences behind it are one thought.\n */\nconst TABS = [\n  { id: 'scores', label: 'Scores' },\n  { id: 'messages', label: 'What they sent' },\n  { id: 'health', label: 'Prompt health' },\n] as const;\nconst KEYS = TABS.map((t) => t.id);\n\n/** The feedback API reads a trailing window in days, capped at a year. */\nconst WINDOWS = [30, 90, 365] as const;\n\nexport function SignalsWorkspace() {\n  const [days, setDays] = useState(90);\n  const [tab, setTab] = useTabParam(KEYS);\n  const data = useFeedbackSignals(days);\n\n  return (\n    <>\n      <SectionHeader\n        title=\"Feedback\"\n        description=\"Every score and comment merchants have left.\"\n        actions={\n          <div role=\"group\" aria-label=\"Time period\" className=\"adm-segments\">\n            {WINDOWS.map((n) => (\n              <button\n                key={n}\n                type=\"button\"\n                className=\"adm-segment\"\n                aria-pressed={days === n}\n                onClick={() => setDays(n)}\n              >\n                {n === 365 ? '1 year' : `${n} days`}\n              </button>\n            ))}\n          </div>\n        }\n      />\n      <PageTabs tabs={TABS} active={tab} onChange={setTab} />\n\n      <div className=\"flex flex-col gap-4 pb-10\">\n        {/* THE READ THAT DID NOT ANSWER, named, above whichever tab is open:\n            a failed read empties the panel you are not looking at as readily\n            as the one you are, and \"Nothing sent yet\" under a broken request\n            is the console telling a lie in the product's own voice. */}\n        {!data.loading && data.failed.length > 0 && (\n          <Banner\n            tone=\"error\"\n            title=\"Some of this did not load\"\n            action={\n              <Button size=\"sm\" variant=\"secondary\" onClick={data.reload}>\n                Retry\n              </Button>\n            }\n          >\n            {data.failed.join(', ')} could not be read, so those panels are\n            empty because we could not ask — not because nothing is there.\n          </Banner>\n        )}\n        {tab === 'scores' && (\n          <>\n            <ScoresPanel\n              rows={data.summary}\n              moved={movements(data.summary, data.wider)}\n              days={days}\n              loading={data.loading}\n            />\n            <CommentsPanel rows={data.comments} />\n          </>\n        )}\n        {tab === 'health' && <HealthPanel rows={data.health} />}\n        {tab === 'messages' && (\n          <MessagesPanel\n            rows={data.messages}\n            limit={MESSAGE_LIMIT}\n            loading={data.loading}\n          />\n        )}\n      </div>\n    </>\n  );\n}\n"],"mappings":";AA0Cc,SAmCJ,UAnCI,KAqBJ,YArBI;AAxCd,SAAS,gBAAgB;AACzB,SAAS,QAAQ,cAAc;AAC/B,SAAS,UAAU,mBAAmB;AACtC,SAAS,qBAAqB;AAC9B,SAAS,qBAAqB;AAC9B,SAAS,mBAAmB;AAC5B,SAAS,qBAAqB;AAC9B,SAAS,iBAAiB;AAC1B,SAAS,mBAAmB;AAC5B,SAAS,eAAe,0BAA0B;AAQlD,MAAM,OAAO;AAAA,EACX,EAAE,IAAI,UAAU,OAAO,SAAS;AAAA,EAChC,EAAE,IAAI,YAAY,OAAO,iBAAiB;AAAA,EAC1C,EAAE,IAAI,UAAU,OAAO,gBAAgB;AACzC;AACA,MAAM,OAAO,KAAK,IAAI,CAAC,MAAM,EAAE,EAAE;AAGjC,MAAM,UAAU,CAAC,IAAI,IAAI,GAAG;AAErB,SAAS,mBAAmB;AACjC,QAAM,CAAC,MAAM,OAAO,IAAI,SAAS,EAAE;AACnC,QAAM,CAAC,KAAK,MAAM,IAAI,YAAY,IAAI;AACtC,QAAM,OAAO,mBAAmB,IAAI;AAEpC,SACE,iCACE;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,OAAM;AAAA,QACN,aAAY;AAAA,QACZ,SACE,oBAAC,SAAI,MAAK,SAAQ,cAAW,eAAc,WAAU,gBAClD,kBAAQ,IAAI,CAAC,MACZ;AAAA,UAAC;AAAA;AAAA,YAEC,MAAK;AAAA,YACL,WAAU;AAAA,YACV,gBAAc,SAAS;AAAA,YACvB,SAAS,MAAM,QAAQ,CAAC;AAAA,YAEvB,gBAAM,MAAM,WAAW,GAAG,CAAC;AAAA;AAAA,UANvB;AAAA,QAOP,CACD,GACH;AAAA;AAAA,IAEJ;AAAA,IACA,oBAAC,YAAS,MAAM,MAAM,QAAQ,KAAK,UAAU,QAAQ;AAAA,IAErD,qBAAC,SAAI,WAAU,6BAKZ;AAAA,OAAC,KAAK,WAAW,KAAK,OAAO,SAAS,KACrC;AAAA,QAAC;AAAA;AAAA,UACC,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QACE,oBAAC,UAAO,MAAK,MAAK,SAAQ,aAAY,SAAS,KAAK,QAAQ,mBAE5D;AAAA,UAGD;AAAA,iBAAK,OAAO,KAAK,IAAI;AAAA,YAAE;AAAA;AAAA;AAAA,MAE1B;AAAA,MAED,QAAQ,YACP,iCACE;AAAA;AAAA,UAAC;AAAA;AAAA,YACC,MAAM,KAAK;AAAA,YACX,OAAO,UAAU,KAAK,SAAS,KAAK,KAAK;AAAA,YACzC;AAAA,YACA,SAAS,KAAK;AAAA;AAAA,QAChB;AAAA,QACA,oBAAC,iBAAc,MAAM,KAAK,UAAU;AAAA,SACtC;AAAA,MAED,QAAQ,YAAY,oBAAC,eAAY,MAAM,KAAK,QAAQ;AAAA,MACpD,QAAQ,cACP;AAAA,QAAC;AAAA;AAAA,UACC,MAAM,KAAK;AAAA,UACX,OAAO;AAAA,UACP,SAAS,KAAK;AAAA;AAAA,MAChB;AAAA,OAEJ;AAAA,KACF;AAEJ;","names":[]}

package/dist/admin/feedback-signals/_components/use-feedback-signals.js

@@ -0,0 +1,51 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { adminFeedbackApi } from "@withpotter/lib/api";
+const MESSAGE_LIMIT = 100;
+async function readAll(days) {
+  const [s, wide, c, h, m] = await Promise.allSettled([
+    adminFeedbackApi.summary(days),
+    adminFeedbackApi.summary(days * 2),
+    adminFeedbackApi.comments(days),
+    adminFeedbackApi.promptHealth(),
+    adminFeedbackApi.messages(days, MESSAGE_LIMIT)
+  ]);
+  const list = (r) => r.status === "fulfilled" && Array.isArray(r.value) ? r.value : [];
+  const failed = [
+    [s, "scores"],
+    [wide, "scores"],
+    [c, "comments"],
+    [h, "prompt health"],
+    [m, "messages"]
+  ].filter(([r]) => r.status === "rejected").map(([, name]) => name).filter((name, i, all) => all.indexOf(name) === i);
+  return {
+    summary: list(s),
+    wider: list(wide),
+    comments: list(c),
+    health: list(h),
+    messages: list(m),
+    failed
+  };
+}
+function useFeedbackSignals(days) {
+  const query = useQuery({
+    queryKey: ["platform-admin", "feedback-signals", days],
+    queryFn: () => readAll(days)
+  });
+  const data = query.data;
+  return {
+    summary: data?.summary ?? [],
+    wider: data?.wider ?? [],
+    comments: data?.comments ?? [],
+    messages: data?.messages ?? [],
+    health: data?.health ?? [],
+    failed: data?.failed ?? [],
+    loading: query.isLoading,
+    reload: () => void query.refetch()
+  };
+}
+export {
+  MESSAGE_LIMIT,
+  useFeedbackSignals
+};
+//# sourceMappingURL=use-feedback-signals.js.map