@withpotter/pages-admin 0.13.0-next.101

package/dist/admin/support/support-trend.js

@@ -0,0 +1,59 @@
+const DAY = 864e5;
+const dayIndex = (iso, today, days) => {
+  const time = new Date(iso).getTime();
+  if (!Number.isFinite(time)) return -1;
+  const index = days - 1 - Math.floor((today - time) / DAY);
+  return index >= 0 && index < days ? index : -1;
+};
+function dailyVolume(rows, days = 14, now = Date.now()) {
+  const counts = Array.from({ length: days }, () => 0);
+  const today = new Date(now).setHours(23, 59, 59, 999);
+  for (const row of rows ?? []) {
+    const index = dayIndex(row.createdAt, today, days);
+    if (index >= 0) counts[index] += 1;
+  }
+  return counts;
+}
+function firstResponseMs(row) {
+  if (!row.firstRespondedAt) return null;
+  const ms = new Date(row.firstRespondedAt).getTime() - new Date(row.createdAt).getTime();
+  return Number.isFinite(ms) && ms >= 0 ? ms : null;
+}
+function dailyFirstResponse(rows, days = 14, now = Date.now()) {
+  const sums = Array.from({ length: days }, () => ({ total: 0, count: 0 }));
+  const today = new Date(now).setHours(23, 59, 59, 999);
+  for (const row of rows ?? []) {
+    const ms = firstResponseMs(row);
+    const index = dayIndex(row.createdAt, today, days);
+    if (ms === null || index < 0) continue;
+    sums[index].total += ms;
+    sums[index].count += 1;
+  }
+  let carry = 0;
+  return sums.map(({ total, count }) => {
+    if (count) carry = total / count / 36e5;
+    return carry;
+  });
+}
+function averageFirstResponse(rows) {
+  const waits = (rows ?? []).map(firstResponseMs).filter((ms) => ms !== null);
+  return waits.length ? waits.reduce((sum, ms) => sum + ms, 0) / waits.length : null;
+}
+function age(iso, now = Date.now()) {
+  const ms = now - new Date(iso).getTime();
+  if (!Number.isFinite(ms)) return "\u2013";
+  const minutes = Math.max(0, Math.round(ms / 6e4));
+  if (minutes < 60) return `${Math.max(1, minutes)}m`;
+  const hours = Math.round(minutes / 60);
+  if (hours < 48) return `${hours}h`;
+  const daysOld = Math.round(hours / 24);
+  return daysOld < 60 ? `${daysOld}d` : `${Math.round(daysOld / 30)}mo`;
+}
+export {
+  age,
+  averageFirstResponse,
+  dailyFirstResponse,
+  dailyVolume,
+  firstResponseMs
+};
+//# sourceMappingURL=support-trend.js.map

package/dist/admin/support/support-trend.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/support-trend.ts"],"sourcesContent":["import type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\n\nconst DAY = 86_400_000;\n\nconst dayIndex = (iso: string, today: number, days: number) => {\n  const time = new Date(iso).getTime();\n  if (!Number.isFinite(time)) return -1;\n  const index = days - 1 - Math.floor((today - time) / DAY);\n  return index >= 0 && index < days ? index : -1;\n};\n\n/** Cases opened per day, oldest first, ending today. */\nexport function dailyVolume(\n  rows: PlatformServiceCase[] | undefined,\n  days = 14,\n  now = Date.now(),\n) {\n  const counts = Array.from({ length: days }, () => 0);\n  const today = new Date(now).setHours(23, 59, 59, 999);\n  for (const row of rows ?? []) {\n    const index = dayIndex(row.createdAt, today, days);\n    if (index >= 0) counts[index] += 1;\n  }\n  return counts;\n}\n\n/** Wait from opening to our first reply, in ms; null when not answered. */\nexport function firstResponseMs(row: PlatformServiceCase) {\n  if (!row.firstRespondedAt) return null;\n  const ms =\n    new Date(row.firstRespondedAt).getTime() -\n    new Date(row.createdAt).getTime();\n  return Number.isFinite(ms) && ms >= 0 ? ms : null;\n}\n\n/** Average first response per day (hours), carrying the last value over gaps. */\nexport function dailyFirstResponse(\n  rows: PlatformServiceCase[] | undefined,\n  days = 14,\n  now = Date.now(),\n) {\n  const sums = Array.from({ length: days }, () => ({ total: 0, count: 0 }));\n  const today = new Date(now).setHours(23, 59, 59, 999);\n  for (const row of rows ?? []) {\n    const ms = firstResponseMs(row);\n    const index = dayIndex(row.createdAt, today, days);\n    if (ms === null || index < 0) continue;\n    sums[index].total += ms;\n    sums[index].count += 1;\n  }\n  let carry = 0;\n  return sums.map(({ total, count }) => {\n    if (count) carry = total / count / 3_600_000;\n    return carry;\n  });\n}\n\n/** Mean first response across rows, or null when none were answered. */\nexport function averageFirstResponse(rows: PlatformServiceCase[] | undefined) {\n  const waits = (rows ?? [])\n    .map(firstResponseMs)\n    .filter((ms): ms is number => ms !== null);\n  return waits.length\n    ? waits.reduce((sum, ms) => sum + ms, 0) / waits.length\n    : null;\n}\n\n/** \"4m\", \"3h\", \"2d\": how long a case has been open, in one short word. */\nexport function age(iso: string, now = Date.now()) {\n  const ms = now - new Date(iso).getTime();\n  if (!Number.isFinite(ms)) return '–';\n  const minutes = Math.max(0, Math.round(ms / 60_000));\n  if (minutes < 60) return `${Math.max(1, minutes)}m`;\n  const hours = Math.round(minutes / 60);\n  if (hours < 48) return `${hours}h`;\n  const daysOld = Math.round(hours / 24);\n  return daysOld < 60 ? `${daysOld}d` : `${Math.round(daysOld / 30)}mo`;\n}\n"],"mappings":"AAEA,MAAM,MAAM;AAEZ,MAAM,WAAW,CAAC,KAAa,OAAe,SAAiB;AAC7D,QAAM,OAAO,IAAI,KAAK,GAAG,EAAE,QAAQ;AACnC,MAAI,CAAC,OAAO,SAAS,IAAI,EAAG,QAAO;AACnC,QAAM,QAAQ,OAAO,IAAI,KAAK,OAAO,QAAQ,QAAQ,GAAG;AACxD,SAAO,SAAS,KAAK,QAAQ,OAAO,QAAQ;AAC9C;AAGO,SAAS,YACd,MACA,OAAO,IACP,MAAM,KAAK,IAAI,GACf;AACA,QAAM,SAAS,MAAM,KAAK,EAAE,QAAQ,KAAK,GAAG,MAAM,CAAC;AACnD,QAAM,QAAQ,IAAI,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AACpD,aAAW,OAAO,QAAQ,CAAC,GAAG;AAC5B,UAAM,QAAQ,SAAS,IAAI,WAAW,OAAO,IAAI;AACjD,QAAI,SAAS,EAAG,QAAO,KAAK,KAAK;AAAA,EACnC;AACA,SAAO;AACT;AAGO,SAAS,gBAAgB,KAA0B;AACxD,MAAI,CAAC,IAAI,iBAAkB,QAAO;AAClC,QAAM,KACJ,IAAI,KAAK,IAAI,gBAAgB,EAAE,QAAQ,IACvC,IAAI,KAAK,IAAI,SAAS,EAAE,QAAQ;AAClC,SAAO,OAAO,SAAS,EAAE,KAAK,MAAM,IAAI,KAAK;AAC/C;AAGO,SAAS,mBACd,MACA,OAAO,IACP,MAAM,KAAK,IAAI,GACf;AACA,QAAM,OAAO,MAAM,KAAK,EAAE,QAAQ,KAAK,GAAG,OAAO,EAAE,OAAO,GAAG,OAAO,EAAE,EAAE;AACxE,QAAM,QAAQ,IAAI,KAAK,GAAG,EAAE,SAAS,IAAI,IAAI,IAAI,GAAG;AACpD,aAAW,OAAO,QAAQ,CAAC,GAAG;AAC5B,UAAM,KAAK,gBAAgB,GAAG;AAC9B,UAAM,QAAQ,SAAS,IAAI,WAAW,OAAO,IAAI;AACjD,QAAI,OAAO,QAAQ,QAAQ,EAAG;AAC9B,SAAK,KAAK,EAAE,SAAS;AACrB,SAAK,KAAK,EAAE,SAAS;AAAA,EACvB;AACA,MAAI,QAAQ;AACZ,SAAO,KAAK,IAAI,CAAC,EAAE,OAAO,MAAM,MAAM;AACpC,QAAI,MAAO,SAAQ,QAAQ,QAAQ;AACnC,WAAO;AAAA,EACT,CAAC;AACH;AAGO,SAAS,qBAAqB,MAAyC;AAC5E,QAAM,SAAS,QAAQ,CAAC,GACrB,IAAI,eAAe,EACnB,OAAO,CAAC,OAAqB,OAAO,IAAI;AAC3C,SAAO,MAAM,SACT,MAAM,OAAO,CAAC,KAAK,OAAO,MAAM,IAAI,CAAC,IAAI,MAAM,SAC/C;AACN;AAGO,SAAS,IAAI,KAAa,MAAM,KAAK,IAAI,GAAG;AACjD,QAAM,KAAK,MAAM,IAAI,KAAK,GAAG,EAAE,QAAQ;AACvC,MAAI,CAAC,OAAO,SAAS,EAAE,EAAG,QAAO;AACjC,QAAM,UAAU,KAAK,IAAI,GAAG,KAAK,MAAM,KAAK,GAAM,CAAC;AACnD,MAAI,UAAU,GAAI,QAAO,GAAG,KAAK,IAAI,GAAG,OAAO,CAAC;AAChD,QAAM,QAAQ,KAAK,MAAM,UAAU,EAAE;AACrC,MAAI,QAAQ,GAAI,QAAO,GAAG,KAAK;AAC/B,QAAM,UAAU,KAAK,MAAM,QAAQ,EAAE;AACrC,SAAO,UAAU,KAAK,GAAG,OAAO,MAAM,GAAG,KAAK,MAAM,UAAU,EAAE,CAAC;AACnE;","names":[]}

package/dist/admin/support/support-views.js

@@ -0,0 +1,79 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef } from "react";
+import { motion } from "motion/react";
+import { SPRING } from "../_fx";
+import styles from "./support-views.module.css";
+const SUPPORT_VIEWS = [
+  { value: "ours", label: "Waiting on us", status: "waiting_on_potter" },
+  { value: "unassigned", label: "Unassigned" },
+  { value: "urgent", label: "Urgent", priority: "urgent" },
+  { value: "mine", label: "My cases" },
+  {
+    value: "theirs",
+    label: "Waiting on merchant",
+    status: "waiting_on_tenant"
+  },
+  { value: "resolved", label: "Resolved", status: "resolved" },
+  { value: "all", label: "All" }
+];
+const viewOf = (value) => SUPPORT_VIEWS.find((view) => view.value === value);
+const PANEL_ID = "support-queue-panel";
+function SupportViews({
+  view,
+  counts,
+  onChange
+}) {
+  const refs = useRef([]);
+  const move = (event, index) => {
+    const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];
+    if (!step) return;
+    event.preventDefault();
+    const next = (index + step + SUPPORT_VIEWS.length) % SUPPORT_VIEWS.length;
+    onChange(SUPPORT_VIEWS[next].value);
+    refs.current[next]?.focus();
+  };
+  return /* @__PURE__ */ jsx("div", { role: "tablist", "aria-label": "Saved views", className: styles.tabs, children: SUPPORT_VIEWS.map((tab, index) => {
+    const selected = tab.value === view;
+    const count = counts[tab.value];
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        ref: (node) => {
+          refs.current[index] = node;
+        },
+        type: "button",
+        role: "tab",
+        id: `support-view-${tab.value}`,
+        "aria-selected": selected,
+        "aria-controls": PANEL_ID,
+        tabIndex: selected ? 0 : -1,
+        className: styles.tab,
+        "data-active": selected,
+        onClick: () => onChange(tab.value),
+        onKeyDown: (event) => move(event, index),
+        children: [
+          selected && /* @__PURE__ */ jsx(
+            motion.span,
+            {
+              layoutId: "support-view-indicator",
+              className: styles.indicator,
+              transition: SPRING.moderate,
+              "aria-hidden": true
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: styles.tabLabel, children: tab.label }),
+          count !== void 0 && /* @__PURE__ */ jsx("span", { className: styles.tabCount, children: count.toLocaleString() })
+        ]
+      },
+      tab.value
+    );
+  }) });
+}
+export {
+  PANEL_ID,
+  SUPPORT_VIEWS,
+  SupportViews,
+  viewOf
+};
+//# sourceMappingURL=support-views.js.map

package/dist/admin/support/support-views.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/support-views.tsx"],"sourcesContent":["'use client';\n\nimport { useRef, type KeyboardEvent } from 'react';\nimport { motion } from 'motion/react';\nimport type {\n  ServiceCasePriority,\n  ServiceCaseStatus,\n} from '@withpotter/lib/admin-service-operations-api';\nimport { SPRING } from '../_fx';\nimport styles from './support-views.module.css';\n\n/**\n * Saved views of the queue, most pressing first. Each is a case query the\n * API understands, except Unassigned: the list cannot filter on \"nobody\", so\n * that view reads the latest hundred and keeps the unassigned ones.\n */\nexport const SUPPORT_VIEWS = [\n  { value: 'ours', label: 'Waiting on us', status: 'waiting_on_potter' },\n  { value: 'unassigned', label: 'Unassigned' },\n  { value: 'urgent', label: 'Urgent', priority: 'urgent' },\n  { value: 'mine', label: 'My cases' },\n  {\n    value: 'theirs',\n    label: 'Waiting on merchant',\n    status: 'waiting_on_tenant',\n  },\n  { value: 'resolved', label: 'Resolved', status: 'resolved' },\n  { value: 'all', label: 'All' },\n] as const satisfies ReadonlyArray<{\n  value: string;\n  label: string;\n  status?: ServiceCaseStatus;\n  priority?: ServiceCasePriority;\n}>;\n\nexport type SupportView = (typeof SUPPORT_VIEWS)[number]['value'];\n\nexport const viewOf = (value: SupportView) =>\n  SUPPORT_VIEWS.find((view) => view.value === value) as {\n    value: SupportView;\n    label: string;\n    status?: ServiceCaseStatus;\n    priority?: ServiceCasePriority;\n  };\n\nexport const PANEL_ID = 'support-queue-panel';\n\n/** Saved views of the queue as tabs; arrow keys move between them. */\nexport function SupportViews({\n  view,\n  counts,\n  onChange,\n}: {\n  view: SupportView;\n  counts: Partial<Record<SupportView, number>>;\n  onChange: (view: SupportView) => void;\n}) {\n  const refs = useRef<Array<HTMLButtonElement | null>>([]);\n  const move = (event: KeyboardEvent, index: number) => {\n    const step = { ArrowRight: 1, ArrowLeft: -1 }[event.key];\n    if (!step) return;\n    event.preventDefault();\n    const next = (index + step + SUPPORT_VIEWS.length) % SUPPORT_VIEWS.length;\n    onChange(SUPPORT_VIEWS[next].value);\n    refs.current[next]?.focus();\n  };\n\n  return (\n    <div role=\"tablist\" aria-label=\"Saved views\" className={styles.tabs}>\n      {SUPPORT_VIEWS.map((tab, index) => {\n        const selected = tab.value === view;\n        const count = counts[tab.value];\n        return (\n          <button\n            key={tab.value}\n            ref={(node) => {\n              refs.current[index] = node;\n            }}\n            type=\"button\"\n            role=\"tab\"\n            id={`support-view-${tab.value}`}\n            aria-selected={selected}\n            aria-controls={PANEL_ID}\n            tabIndex={selected ? 0 : -1}\n            className={styles.tab}\n            data-active={selected}\n            onClick={() => onChange(tab.value)}\n            onKeyDown={(event) => move(event, index)}\n          >\n            {selected && (\n              <motion.span\n                layoutId=\"support-view-indicator\"\n                className={styles.indicator}\n                transition={SPRING.moderate}\n                aria-hidden\n              />\n            )}\n            <span className={styles.tabLabel}>{tab.label}</span>\n            {count !== undefined && (\n              <span className={styles.tabCount}>{count.toLocaleString()}</span>\n            )}\n          </button>\n        );\n      })}\n    </div>\n  );\n}\n"],"mappings":";AAyEU,SAiBI,KAjBJ;AAvEV,SAAS,cAAkC;AAC3C,SAAS,cAAc;AAKvB,SAAS,cAAc;AACvB,OAAO,YAAY;AAOZ,MAAM,gBAAgB;AAAA,EAC3B,EAAE,OAAO,QAAQ,OAAO,iBAAiB,QAAQ,oBAAoB;AAAA,EACrE,EAAE,OAAO,cAAc,OAAO,aAAa;AAAA,EAC3C,EAAE,OAAO,UAAU,OAAO,UAAU,UAAU,SAAS;AAAA,EACvD,EAAE,OAAO,QAAQ,OAAO,WAAW;AAAA,EACnC;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,EAAE,OAAO,YAAY,OAAO,YAAY,QAAQ,WAAW;AAAA,EAC3D,EAAE,OAAO,OAAO,OAAO,MAAM;AAC/B;AASO,MAAM,SAAS,CAAC,UACrB,cAAc,KAAK,CAAC,SAAS,KAAK,UAAU,KAAK;AAO5C,MAAM,WAAW;AAGjB,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA;AACF,GAIG;AACD,QAAM,OAAO,OAAwC,CAAC,CAAC;AACvD,QAAM,OAAO,CAAC,OAAsB,UAAkB;AACpD,UAAM,OAAO,EAAE,YAAY,GAAG,WAAW,GAAG,EAAE,MAAM,GAAG;AACvD,QAAI,CAAC,KAAM;AACX,UAAM,eAAe;AACrB,UAAM,QAAQ,QAAQ,OAAO,cAAc,UAAU,cAAc;AACnE,aAAS,cAAc,IAAI,EAAE,KAAK;AAClC,SAAK,QAAQ,IAAI,GAAG,MAAM;AAAA,EAC5B;AAEA,SACE,oBAAC,SAAI,MAAK,WAAU,cAAW,eAAc,WAAW,OAAO,MAC5D,wBAAc,IAAI,CAAC,KAAK,UAAU;AACjC,UAAM,WAAW,IAAI,UAAU;AAC/B,UAAM,QAAQ,OAAO,IAAI,KAAK;AAC9B,WACE;AAAA,MAAC;AAAA;AAAA,QAEC,KAAK,CAAC,SAAS;AACb,eAAK,QAAQ,KAAK,IAAI;AAAA,QACxB;AAAA,QACA,MAAK;AAAA,QACL,MAAK;AAAA,QACL,IAAI,gBAAgB,IAAI,KAAK;AAAA,QAC7B,iBAAe;AAAA,QACf,iBAAe;AAAA,QACf,UAAU,WAAW,IAAI;AAAA,QACzB,WAAW,OAAO;AAAA,QAClB,eAAa;AAAA,QACb,SAAS,MAAM,SAAS,IAAI,KAAK;AAAA,QACjC,WAAW,CAAC,UAAU,KAAK,OAAO,KAAK;AAAA,QAEtC;AAAA,sBACC;AAAA,YAAC,OAAO;AAAA,YAAP;AAAA,cACC,UAAS;AAAA,cACT,WAAW,OAAO;AAAA,cAClB,YAAY,OAAO;AAAA,cACnB,eAAW;AAAA;AAAA,UACb;AAAA,UAEF,oBAAC,UAAK,WAAW,OAAO,UAAW,cAAI,OAAM;AAAA,UAC5C,UAAU,UACT,oBAAC,UAAK,WAAW,OAAO,UAAW,gBAAM,eAAe,GAAE;AAAA;AAAA;AAAA,MAzBvD,IAAI;AAAA,IA2BX;AAAA,EAEJ,CAAC,GACH;AAEJ;","names":[]}

package/dist/admin/support/support-views.module.css

@@ -0,0 +1,80 @@
+/* Saved views: the console's segmented strip (28px, outlined), the chosen
+   view tinted, the tint sliding between tabs. */
+
+.tabs {
+  display: flex;
+  gap: 2px;
+  height: var(--adm-control-h);
+  max-width: 100%;
+  padding: 2px;
+  overflow-x: auto;
+  border: 1px solid var(--border-default);
+  border-radius: 10px;
+  background: var(--bg-base);
+  scrollbar-width: none;
+}
+
+.tab {
+  position: relative;
+  display: inline-flex;
+  flex-shrink: 0;
+  align-items: center;
+  gap: 4px;
+  height: 100%;
+  padding: 0 8px;
+  border: 0;
+  border-radius: 8px;
+  background: transparent;
+  color: var(--text-secondary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition:
+    background var(--adm-fast),
+    color var(--adm-fast);
+}
+
+.tab:hover {
+  background: var(--adm-hover);
+  color: var(--text-primary);
+}
+
+.tab[data-active='true'] {
+  background: transparent;
+  color: var(--adm-tint-ink);
+}
+
+.tab:focus {
+  outline: none;
+}
+
+.tab:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: 1px;
+}
+
+.indicator {
+  position: absolute;
+  inset: 0;
+  border-radius: 8px;
+  background: var(--adm-tint);
+}
+
+.tabLabel,
+.tabCount {
+  position: relative;
+}
+
+.tabCount {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  font-weight: 400;
+  font-variant-numeric: tabular-nums;
+  line-height: 20px;
+}
+
+.tab[data-active='true'] .tabCount {
+  color: var(--adm-tint-ink);
+}

package/dist/admin/support/support.module.css

@@ -0,0 +1,98 @@
+/* The case composer, docked in the drawer footer: compact and sticky. */
+
+.composer {
+  display: grid;
+  gap: 8px;
+  width: 100%;
+  padding: 8px;
+  border-radius: 10px;
+  background: var(--bg-subtle);
+  transition: background var(--adm-moderate);
+}
+
+/* An internal note carries a faint warm tint, so it is never mistaken for
+   a reply the merchant will read; quiet, no border. */
+.composer[data-mode='note'] {
+  background: color-mix(in srgb, var(--adm-wait) 6%, var(--bg-subtle));
+}
+
+.topline,
+.bottomline {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  justify-content: space-between;
+  gap: 8px;
+}
+
+/* OptionButton carries its own ground, hairline and travelling selection. */
+.modePicker {
+  display: flex;
+  gap: 4px;
+}
+
+.tools {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* Size only; Textarea brings its own border, radius, fill and focus ring. */
+.replyField {
+  min-height: 80px;
+  max-height: 200px;
+  resize: vertical;
+}
+
+.audience {
+  color: var(--text-tertiary);
+  font-size: 12px;
+  font-variant-numeric: tabular-nums;
+  line-height: 16px;
+}
+
+.notice {
+  margin: 0;
+  color: var(--adm-wait-ink);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.error {
+  margin: 0;
+  color: var(--error);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.send {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+}
+
+/* The composer's own title row: who it goes to, Esc and close. */
+.header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  min-width: 0;
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+}
+
+.header strong {
+  overflow: hidden;
+  color: var(--text-primary);
+  font-weight: 600;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.headerEnd {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  margin-left: auto;
+}

package/dist/admin/support/thread-attachment.js

@@ -0,0 +1,54 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import styles from "./support-thread.module.css";
+function ThreadAttachment({
+  file
+}) {
+  if (file.mimeType.startsWith("audio/")) {
+    return /* @__PURE__ */ jsxs("div", { className: styles.media, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.fileName, children: file.name || "Voice note" }),
+      /* @__PURE__ */ jsx("audio", { controls: true, preload: "metadata", src: file.url })
+    ] });
+  }
+  if (file.mimeType.startsWith("image/")) {
+    return /* @__PURE__ */ jsx(
+      "a",
+      {
+        className: styles.image,
+        href: file.url,
+        target: "_blank",
+        rel: "noreferrer",
+        children: /* @__PURE__ */ jsx(
+          "img",
+          {
+            src: file.url,
+            alt: file.name || "Support attachment",
+            loading: "lazy"
+          }
+        )
+      }
+    );
+  }
+  if (file.mimeType.startsWith("video/")) {
+    return /* @__PURE__ */ jsxs("div", { className: styles.media, children: [
+      /* @__PURE__ */ jsx("span", { className: styles.fileName, children: file.name || "Video attachment" }),
+      /* @__PURE__ */ jsxs("video", { controls: true, preload: "metadata", children: [
+        /* @__PURE__ */ jsx("source", { src: file.url, type: file.mimeType }),
+        /* @__PURE__ */ jsx("a", { href: file.url, children: "Open video" })
+      ] })
+    ] });
+  }
+  return /* @__PURE__ */ jsx(
+    "a",
+    {
+      className: styles.fileLink,
+      href: file.url,
+      target: "_blank",
+      rel: "noreferrer",
+      children: file.name || "Open attachment"
+    }
+  );
+}
+export {
+  ThreadAttachment
+};
+//# sourceMappingURL=thread-attachment.js.map

package/dist/admin/support/thread-attachment.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/thread-attachment.tsx"],"sourcesContent":["import type { PlatformServiceCaseAttachment } from '@withpotter/lib/admin-service-operations-api';\nimport styles from './support-thread.module.css';\n\n/** A file in a message: played, shown or linked, by what it is. */\nexport function ThreadAttachment({\n  file,\n}: {\n  file: PlatformServiceCaseAttachment;\n}) {\n  if (file.mimeType.startsWith('audio/')) {\n    return (\n      <div className={styles.media}>\n        <span className={styles.fileName}>{file.name || 'Voice note'}</span>\n        <audio controls preload=\"metadata\" src={file.url} />\n      </div>\n    );\n  }\n  if (file.mimeType.startsWith('image/')) {\n    return (\n      <a\n        className={styles.image}\n        href={file.url}\n        target=\"_blank\"\n        rel=\"noreferrer\"\n      >\n        {/* Runtime URL; Next Image's build-time host allowlist cannot cover it. */}\n        {/* eslint-disable-next-line @next/next/no-img-element */}\n        <img\n          src={file.url}\n          alt={file.name || 'Support attachment'}\n          loading=\"lazy\"\n        />\n      </a>\n    );\n  }\n  if (file.mimeType.startsWith('video/')) {\n    return (\n      <div className={styles.media}>\n        <span className={styles.fileName}>\n          {file.name || 'Video attachment'}\n        </span>\n        <video controls preload=\"metadata\">\n          <source src={file.url} type={file.mimeType} />\n          <a href={file.url}>Open video</a>\n        </video>\n      </div>\n    );\n  }\n  return (\n    <a\n      className={styles.fileLink}\n      href={file.url}\n      target=\"_blank\"\n      rel=\"noreferrer\"\n    >\n      {file.name || 'Open attachment'}\n    </a>\n  );\n}\n"],"mappings":"AAWM,SACE,KADF;AAVN,OAAO,YAAY;AAGZ,SAAS,iBAAiB;AAAA,EAC/B;AACF,GAEG;AACD,MAAI,KAAK,SAAS,WAAW,QAAQ,GAAG;AACtC,WACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,UAAK,WAAW,OAAO,UAAW,eAAK,QAAQ,cAAa;AAAA,MAC7D,oBAAC,WAAM,UAAQ,MAAC,SAAQ,YAAW,KAAK,KAAK,KAAK;AAAA,OACpD;AAAA,EAEJ;AACA,MAAI,KAAK,SAAS,WAAW,QAAQ,GAAG;AACtC,WACE;AAAA,MAAC;AAAA;AAAA,QACC,WAAW,OAAO;AAAA,QAClB,MAAM,KAAK;AAAA,QACX,QAAO;AAAA,QACP,KAAI;AAAA,QAIJ;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,KAAK;AAAA,YACV,KAAK,KAAK,QAAQ;AAAA,YAClB,SAAQ;AAAA;AAAA,QACV;AAAA;AAAA,IACF;AAAA,EAEJ;AACA,MAAI,KAAK,SAAS,WAAW,QAAQ,GAAG;AACtC,WACE,qBAAC,SAAI,WAAW,OAAO,OACrB;AAAA,0BAAC,UAAK,WAAW,OAAO,UACrB,eAAK,QAAQ,oBAChB;AAAA,MACA,qBAAC,WAAM,UAAQ,MAAC,SAAQ,YACtB;AAAA,4BAAC,YAAO,KAAK,KAAK,KAAK,MAAM,KAAK,UAAU;AAAA,QAC5C,oBAAC,OAAE,MAAM,KAAK,KAAK,wBAAU;AAAA,SAC/B;AAAA,OACF;AAAA,EAEJ;AACA,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,MAAM,KAAK;AAAA,MACX,QAAO;AAAA,MACP,KAAI;AAAA,MAEH,eAAK,QAAQ;AAAA;AAAA,EAChB;AAEJ;","names":[]}

package/dist/admin/support/thread-bubble.js

@@ -0,0 +1,46 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { ADMIN_NAME } from "../_shell/admin-brand";
+import { dateTime, humanize } from "./support-options";
+import { ThreadAttachment } from "./thread-attachment";
+import styles from "./support-thread.module.css";
+const sideOf = (message) => message.authorType === "platform_admin" ? "us" : message.authorType === "system" ? "system" : "them";
+const time = (iso) => new Intl.DateTimeFormat(void 0, { timeStyle: "short" }).format(
+  new Date(iso)
+);
+function ThreadBubble({
+  message,
+  them,
+  mine = false
+}) {
+  const side = sideOf(message);
+  const internal = message.visibility === "internal";
+  const author = side === "us" ? mine ? "You" : `${ADMIN_NAME} team` : side === "them" ? message.authorType === "customer" ? "Customer" : them : humanize(message.authorType);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      className: styles.row,
+      "data-side": side,
+      "data-internal": internal || void 0,
+      children: /* @__PURE__ */ jsxs("div", { className: styles.bubble, children: [
+        /* @__PURE__ */ jsxs("div", { className: styles.meta, children: [
+          /* @__PURE__ */ jsx("strong", { className: styles.author, children: internal ? "Internal note" : author }),
+          /* @__PURE__ */ jsx(
+            "time",
+            {
+              className: styles.time,
+              dateTime: message.createdAt,
+              title: dateTime(message.createdAt),
+              children: time(message.createdAt)
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx("p", { className: styles.body, children: message.body }),
+        message.attachments?.length ? /* @__PURE__ */ jsx("div", { className: styles.attachments, children: message.attachments.map((file) => /* @__PURE__ */ jsx(ThreadAttachment, { file }, file.url)) }) : null
+      ] })
+    }
+  );
+}
+export {
+  ThreadBubble
+};
+//# sourceMappingURL=thread-bubble.js.map

package/dist/admin/support/thread-bubble.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/thread-bubble.tsx"],"sourcesContent":["import type { PlatformServiceCaseMessage } from '@withpotter/lib/admin-service-operations-api';\nimport { ADMIN_NAME } from '../_shell/admin-brand';\nimport { dateTime, humanize } from './support-options';\nimport { ThreadAttachment } from './thread-attachment';\nimport styles from './support-thread.module.css';\n\ntype Side = 'them' | 'us' | 'system';\n\nconst sideOf = (message: PlatformServiceCaseMessage): Side =>\n  message.authorType === 'platform_admin'\n    ? 'us'\n    : message.authorType === 'system'\n      ? 'system'\n      : 'them';\n\nconst time = (iso: string) =>\n  new Intl.DateTimeFormat(undefined, { timeStyle: 'short' }).format(\n    new Date(iso),\n  );\n\n/** One message: the merchant on the left, us on the right, notes faintly warm. */\nexport function ThreadBubble({\n  message,\n  them,\n  mine = false,\n}: {\n  message: PlatformServiceCaseMessage;\n  them: string;\n  /** Written by whoever is reading, so it says \"You\". */\n  mine?: boolean;\n}) {\n  const side = sideOf(message);\n  const internal = message.visibility === 'internal';\n  const author =\n    side === 'us'\n      ? mine\n        ? 'You'\n        : `${ADMIN_NAME} team`\n      : side === 'them'\n        ? message.authorType === 'customer'\n          ? 'Customer'\n          : them\n        : humanize(message.authorType);\n\n  return (\n    <div\n      className={styles.row}\n      data-side={side}\n      data-internal={internal || undefined}\n    >\n      <div className={styles.bubble}>\n        <div className={styles.meta}>\n          <strong className={styles.author}>\n            {internal ? 'Internal note' : author}\n          </strong>\n          <time\n            className={styles.time}\n            dateTime={message.createdAt}\n            title={dateTime(message.createdAt)}\n          >\n            {time(message.createdAt)}\n          </time>\n        </div>\n        <p className={styles.body}>{message.body}</p>\n        {message.attachments?.length ? (\n          <div className={styles.attachments}>\n            {message.attachments.map((file) => (\n              <ThreadAttachment key={file.url} file={file} />\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </div>\n  );\n}\n"],"mappings":"AAmDQ,SACE,KADF;AAlDR,SAAS,kBAAkB;AAC3B,SAAS,UAAU,gBAAgB;AACnC,SAAS,wBAAwB;AACjC,OAAO,YAAY;AAInB,MAAM,SAAS,CAAC,YACd,QAAQ,eAAe,mBACnB,OACA,QAAQ,eAAe,WACrB,WACA;AAER,MAAM,OAAO,CAAC,QACZ,IAAI,KAAK,eAAe,QAAW,EAAE,WAAW,QAAQ,CAAC,EAAE;AAAA,EACzD,IAAI,KAAK,GAAG;AACd;AAGK,SAAS,aAAa;AAAA,EAC3B;AAAA,EACA;AAAA,EACA,OAAO;AACT,GAKG;AACD,QAAM,OAAO,OAAO,OAAO;AAC3B,QAAM,WAAW,QAAQ,eAAe;AACxC,QAAM,SACJ,SAAS,OACL,OACE,QACA,GAAG,UAAU,UACf,SAAS,SACP,QAAQ,eAAe,aACrB,aACA,OACF,SAAS,QAAQ,UAAU;AAEnC,SACE;AAAA,IAAC;AAAA;AAAA,MACC,WAAW,OAAO;AAAA,MAClB,aAAW;AAAA,MACX,iBAAe,YAAY;AAAA,MAE3B,+BAAC,SAAI,WAAW,OAAO,QACrB;AAAA,6BAAC,SAAI,WAAW,OAAO,MACrB;AAAA,8BAAC,YAAO,WAAW,OAAO,QACvB,qBAAW,kBAAkB,QAChC;AAAA,UACA;AAAA,YAAC;AAAA;AAAA,cACC,WAAW,OAAO;AAAA,cAClB,UAAU,QAAQ;AAAA,cAClB,OAAO,SAAS,QAAQ,SAAS;AAAA,cAEhC,eAAK,QAAQ,SAAS;AAAA;AAAA,UACzB;AAAA,WACF;AAAA,QACA,oBAAC,OAAE,WAAW,OAAO,MAAO,kBAAQ,MAAK;AAAA,QACxC,QAAQ,aAAa,SACpB,oBAAC,SAAI,WAAW,OAAO,aACpB,kBAAQ,YAAY,IAAI,CAAC,SACxB,oBAAC,oBAAgC,QAAV,KAAK,GAAiB,CAC9C,GACH,IACE;AAAA,SACN;AAAA;AAAA,EACF;AAEJ;","names":[]}

package/dist/admin/support/thread-event.module.css

@@ -0,0 +1,35 @@
+/* What happened to the case, between the messages: a quiet row, a dot in
+   the event's colour, the words and when. */
+.event {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  justify-content: center;
+  gap: 4px 8px;
+  min-width: 0;
+  margin: 0;
+  text-align: center;
+  overflow-wrap: anywhere;
+  color: var(--text-secondary);
+  font-size: 12px;
+  line-height: 16px;
+}
+
+.dot {
+  flex-shrink: 0;
+  width: 6px;
+  height: 6px;
+  border-radius: 999px;
+  background: var(--event);
+}
+
+.eventTime {
+  color: var(--text-tertiary);
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+}
+
+.eventTime::before {
+  margin-right: 8px;
+  content: '·';
+}

package/dist/admin/support/use-admin-support.js

@@ -0,0 +1,90 @@
+"use client";
+import { useMutation, useQuery, useQueryClient } from "@tanstack/react-query";
+import {
+  adminServiceOperationsApi
+} from "@withpotter/lib/admin-service-operations-api";
+import { useToast } from "@withpotter/ui-kit";
+import { useRecordChange } from "./use-case-activity";
+import { useAdminDirectory, useSupportViewer } from "./use-support-insights";
+function useAdminSupportCases(query) {
+  return useQuery({
+    queryKey: ["platform-admin", "support", "cases", query],
+    queryFn: () => adminServiceOperationsApi.listCases(query)
+  });
+}
+function useAdminSupportCase(caseId) {
+  return useQuery({
+    queryKey: ["platform-admin", "support", "case", caseId],
+    queryFn: () => adminServiceOperationsApi.caseDetail(caseId),
+    enabled: Boolean(caseId)
+  });
+}
+function useAdminSupportMutations(caseId) {
+  const queryClient = useQueryClient();
+  const refresh = async () => {
+    await Promise.all([
+      queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "support", "cases"]
+      }),
+      queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "support", "case", caseId]
+      }),
+      queryClient.invalidateQueries({
+        queryKey: ["platform-admin", "support", "analytics"]
+      })
+    ]);
+  };
+  const update = useMutation({
+    mutationFn: (input) => adminServiceOperationsApi.updateCase(caseId, input),
+    onSuccess: refresh
+  });
+  const reply = useMutation({
+    mutationFn: (input) => adminServiceOperationsApi.reply(caseId, input),
+    onSuccess: refresh
+  });
+  return { update, reply };
+}
+function useCaseActions() {
+  const queryClient = useQueryClient();
+  const { toast } = useToast();
+  const record = useRecordChange();
+  const names = useAdminDirectory();
+  const { me } = useSupportViewer();
+  const nameOf = (id) => id === me ? "you" : names.get(id) ?? "a colleague";
+  return useMutation({
+    mutationFn: ({
+      id,
+      input
+    }) => adminServiceOperationsApi.updateCase(id, input),
+    onSuccess: async (saved, { done, input }) => {
+      record(saved, input, nameOf);
+      toast({
+        title: done,
+        description: `${saved.reference} \xB7 ${saved.subject}`
+      });
+      await Promise.all([
+        queryClient.invalidateQueries({
+          queryKey: ["platform-admin", "support", "cases"]
+        }),
+        queryClient.invalidateQueries({
+          queryKey: ["platform-admin", "support", "case", saved.id]
+        }),
+        queryClient.invalidateQueries({
+          queryKey: ["platform-admin", "support", "analytics"]
+        })
+      ]);
+    },
+    onError: (cause) => toast({
+      title: "The case was not changed",
+      description: cause instanceof Error ? cause.message : void 0,
+      variant: "destructive"
+    })
+  });
+}
+export {
+  useAdminSupportCase,
+  useAdminSupportCases,
+  useAdminSupportMutations,
+  useCaseActions
+};
+//# sourceMappingURL=use-admin-support.js.map

package/dist/admin/support/use-admin-support.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-admin-support.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';\nimport {\n  adminServiceOperationsApi,\n  type PlatformServiceCase,\n  type SupportCaseQuery,\n  type SupportReplyInput,\n} from '@withpotter/lib/admin-service-operations-api';\nimport { useToast } from '@withpotter/ui-kit';\nimport { useRecordChange } from './use-case-activity';\nimport { useAdminDirectory, useSupportViewer } from './use-support-insights';\n\nexport function useAdminSupportCases(query: SupportCaseQuery) {\n  return useQuery({\n    queryKey: ['platform-admin', 'support', 'cases', query],\n    queryFn: () => adminServiceOperationsApi.listCases(query),\n  });\n}\n\nexport function useAdminSupportCase(caseId: string | null) {\n  return useQuery({\n    queryKey: ['platform-admin', 'support', 'case', caseId],\n    queryFn: () => adminServiceOperationsApi.caseDetail(caseId!),\n    enabled: Boolean(caseId),\n  });\n}\n\nexport function useAdminSupportMutations(caseId: string | null) {\n  const queryClient = useQueryClient();\n  const refresh = async () => {\n    await Promise.all([\n      queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'support', 'cases'],\n      }),\n      queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'support', 'case', caseId],\n      }),\n      queryClient.invalidateQueries({\n        queryKey: ['platform-admin', 'support', 'analytics'],\n      }),\n    ]);\n  };\n\n  const update = useMutation({\n    mutationFn: (\n      input: Partial<\n        Pick<PlatformServiceCase, 'assignedAdminUserId' | 'priority' | 'status'>\n      >,\n    ) => adminServiceOperationsApi.updateCase(caseId!, input),\n    onSuccess: refresh,\n  });\n  const reply = useMutation({\n    mutationFn: (input: SupportReplyInput) =>\n      adminServiceOperationsApi.reply(caseId!, input),\n    onSuccess: refresh,\n  });\n\n  return { update, reply };\n}\n\nexport type CaseUpdate = Partial<\n  Pick<PlatformServiceCase, 'assignedAdminUserId' | 'priority' | 'status'>\n>;\n\n/**\n * Change any case from the queue (assign, status, priority) without opening\n * it. The outcome is a toast, so a row action never leaves the reader unsure.\n */\nexport function useCaseActions() {\n  const queryClient = useQueryClient();\n  const { toast } = useToast();\n  const record = useRecordChange();\n  const names = useAdminDirectory();\n  const { me } = useSupportViewer();\n  const nameOf = (id: string) =>\n    id === me ? 'you' : (names.get(id) ?? 'a colleague');\n\n  return useMutation({\n    mutationFn: ({\n      id,\n      input,\n    }: {\n      id: string;\n      input: CaseUpdate;\n      done: string;\n    }) => adminServiceOperationsApi.updateCase(id, input),\n    onSuccess: async (saved, { done, input }) => {\n      record(saved, input, nameOf);\n      toast({\n        title: done,\n        description: `${saved.reference} · ${saved.subject}`,\n      });\n      await Promise.all([\n        queryClient.invalidateQueries({\n          queryKey: ['platform-admin', 'support', 'cases'],\n        }),\n        queryClient.invalidateQueries({\n          queryKey: ['platform-admin', 'support', 'case', saved.id],\n        }),\n        queryClient.invalidateQueries({\n          queryKey: ['platform-admin', 'support', 'analytics'],\n        }),\n      ]);\n    },\n    onError: (cause) =>\n      toast({\n        title: 'The case was not changed',\n        description: cause instanceof Error ? cause.message : undefined,\n        variant: 'destructive',\n      }),\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,UAAU,sBAAsB;AACtD;AAAA,EACE;AAAA,OAIK;AACP,SAAS,gBAAgB;AACzB,SAAS,uBAAuB;AAChC,SAAS,mBAAmB,wBAAwB;AAE7C,SAAS,qBAAqB,OAAyB;AAC5D,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,SAAS,KAAK;AAAA,IACtD,SAAS,MAAM,0BAA0B,UAAU,KAAK;AAAA,EAC1D,CAAC;AACH;AAEO,SAAS,oBAAoB,QAAuB;AACzD,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,QAAQ,MAAM;AAAA,IACtD,SAAS,MAAM,0BAA0B,WAAW,MAAO;AAAA,IAC3D,SAAS,QAAQ,MAAM;AAAA,EACzB,CAAC;AACH;AAEO,SAAS,yBAAyB,QAAuB;AAC9D,QAAM,cAAc,eAAe;AACnC,QAAM,UAAU,YAAY;AAC1B,UAAM,QAAQ,IAAI;AAAA,MAChB,YAAY,kBAAkB;AAAA,QAC5B,UAAU,CAAC,kBAAkB,WAAW,OAAO;AAAA,MACjD,CAAC;AAAA,MACD,YAAY,kBAAkB;AAAA,QAC5B,UAAU,CAAC,kBAAkB,WAAW,QAAQ,MAAM;AAAA,MACxD,CAAC;AAAA,MACD,YAAY,kBAAkB;AAAA,QAC5B,UAAU,CAAC,kBAAkB,WAAW,WAAW;AAAA,MACrD,CAAC;AAAA,IACH,CAAC;AAAA,EACH;AAEA,QAAM,SAAS,YAAY;AAAA,IACzB,YAAY,CACV,UAGG,0BAA0B,WAAW,QAAS,KAAK;AAAA,IACxD,WAAW;AAAA,EACb,CAAC;AACD,QAAM,QAAQ,YAAY;AAAA,IACxB,YAAY,CAAC,UACX,0BAA0B,MAAM,QAAS,KAAK;AAAA,IAChD,WAAW;AAAA,EACb,CAAC;AAED,SAAO,EAAE,QAAQ,MAAM;AACzB;AAUO,SAAS,iBAAiB;AAC/B,QAAM,cAAc,eAAe;AACnC,QAAM,EAAE,MAAM,IAAI,SAAS;AAC3B,QAAM,SAAS,gBAAgB;AAC/B,QAAM,QAAQ,kBAAkB;AAChC,QAAM,EAAE,GAAG,IAAI,iBAAiB;AAChC,QAAM,SAAS,CAAC,OACd,OAAO,KAAK,QAAS,MAAM,IAAI,EAAE,KAAK;AAExC,SAAO,YAAY;AAAA,IACjB,YAAY,CAAC;AAAA,MACX;AAAA,MACA;AAAA,IACF,MAIM,0BAA0B,WAAW,IAAI,KAAK;AAAA,IACpD,WAAW,OAAO,OAAO,EAAE,MAAM,MAAM,MAAM;AAC3C,aAAO,OAAO,OAAO,MAAM;AAC3B,YAAM;AAAA,QACJ,OAAO;AAAA,QACP,aAAa,GAAG,MAAM,SAAS,SAAM,MAAM,OAAO;AAAA,MACpD,CAAC;AACD,YAAM,QAAQ,IAAI;AAAA,QAChB,YAAY,kBAAkB;AAAA,UAC5B,UAAU,CAAC,kBAAkB,WAAW,OAAO;AAAA,QACjD,CAAC;AAAA,QACD,YAAY,kBAAkB;AAAA,UAC5B,UAAU,CAAC,kBAAkB,WAAW,QAAQ,MAAM,EAAE;AAAA,QAC1D,CAAC;AAAA,QACD,YAAY,kBAAkB;AAAA,UAC5B,UAAU,CAAC,kBAAkB,WAAW,WAAW;AAAA,QACrD,CAAC;AAAA,MACH,CAAC;AAAA,IACH;AAAA,IACA,SAAS,CAAC,UACR,MAAM;AAAA,MACJ,OAAO;AAAA,MACP,aAAa,iBAAiB,QAAQ,MAAM,UAAU;AAAA,MACtD,SAAS;AAAA,IACX,CAAC;AAAA,EACL,CAAC;AACH;","names":[]}

package/dist/admin/support/use-case-activity.js

@@ -0,0 +1,68 @@
+"use client";
+import { useQuery, useQueryClient } from "@tanstack/react-query";
+import { PRIORITY_LABEL, STATUS_LABEL } from "./support-options";
+const activityKey = (caseId) => [
+  "platform-admin",
+  "support",
+  "activity",
+  caseId
+];
+const CASES_KEY = ["platform-admin", "support", "cases"];
+function useCaseActivity(caseId) {
+  return useQuery({
+    queryKey: activityKey(caseId),
+    queryFn: () => [],
+    enabled: false,
+    staleTime: Infinity,
+    gcTime: Infinity
+  }).data ?? [];
+}
+function describeChange(input, names) {
+  const out = [];
+  if (input.status)
+    out.push({
+      label: `You marked it ${STATUS_LABEL[input.status].toLowerCase()}`,
+      tone: input.status === "resolved" ? "success" : "brand"
+    });
+  if (input.priority)
+    out.push({
+      label: `You set priority to ${PRIORITY_LABEL[input.priority].toLowerCase()}`,
+      tone: input.priority === "urgent" ? "error" : "warning"
+    });
+  if (input.assignedAdminUserId !== void 0)
+    out.push({
+      label: input.assignedAdminUserId ? `Assigned to ${names(input.assignedAdminUserId)}` : "You unassigned it",
+      tone: "neutral"
+    });
+  return out;
+}
+function useRecordChange() {
+  const queryClient = useQueryClient();
+  return (saved, input, names) => {
+    const at = (/* @__PURE__ */ new Date()).toISOString();
+    const entries = describeChange(input, names).map((entry, index) => ({
+      ...entry,
+      id: `activity-${at}-${index}`,
+      at
+    }));
+    queryClient.setQueryData(
+      activityKey(saved.id),
+      (current = []) => [...current, ...entries]
+    );
+    queryClient.setQueriesData(
+      { queryKey: CASES_KEY },
+      (page) => page?.rows ? {
+        ...page,
+        rows: page.rows.map(
+          (row) => row.id === saved.id ? { ...row, ...saved, messages: row.messages } : row
+        )
+      } : page
+    );
+  };
+}
+export {
+  describeChange,
+  useCaseActivity,
+  useRecordChange
+};
+//# sourceMappingURL=use-case-activity.js.map