@withpotter/pages-admin 0.13.0-next.101

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-case-activity.ts"],"sourcesContent":["'use client';\n\nimport { useQuery, useQueryClient } from '@tanstack/react-query';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport type { EventTone } from './case-timeline';\nimport { PRIORITY_LABEL, STATUS_LABEL } from './support-options';\nimport type { CaseUpdate } from './use-admin-support';\n\nexport interface CaseActivity {\n  id: string;\n  at: string;\n  label: string;\n  tone: EventTone;\n}\n\nconst activityKey = (caseId: string) => [\n  'platform-admin',\n  'support',\n  'activity',\n  caseId,\n];\nconst CASES_KEY = ['platform-admin', 'support', 'cases'];\n\n/**\n * Changes made to a case in this session (status, priority, assignee). The\n * API keeps no history of them, so the timeline shows what we know: what\n * you did here, until the page reloads.\n */\nexport function useCaseActivity(caseId: string) {\n  return (\n    useQuery<CaseActivity[]>({\n      queryKey: activityKey(caseId),\n      queryFn: () => [],\n      enabled: false,\n      staleTime: Infinity,\n      gcTime: Infinity,\n    }).data ?? []\n  );\n}\n\n/** Words for one change, as the timeline says it. */\nexport function describeChange(\n  input: CaseUpdate,\n  names: (id: string) => string,\n): Array<Omit<CaseActivity, 'id' | 'at'>> {\n  const out: Array<Omit<CaseActivity, 'id' | 'at'>> = [];\n  if (input.status)\n    out.push({\n      label: `You marked it ${STATUS_LABEL[input.status].toLowerCase()}`,\n      tone: input.status === 'resolved' ? 'success' : 'brand',\n    });\n  if (input.priority)\n    out.push({\n      label: `You set priority to ${PRIORITY_LABEL[input.priority].toLowerCase()}`,\n      tone: input.priority === 'urgent' ? 'error' : 'warning',\n    });\n  if (input.assignedAdminUserId !== undefined)\n    out.push({\n      label: input.assignedAdminUserId\n        ? `Assigned to ${names(input.assignedAdminUserId)}`\n        : 'You unassigned it',\n      tone: 'neutral',\n    });\n  return out;\n}\n\n/**\n * Record a change on the case's timeline and show the saved case in every\n * loaded list at once, so its card updates in place before the refetch.\n */\nexport function useRecordChange() {\n  const queryClient = useQueryClient();\n  return (\n    saved: PlatformServiceCase,\n    input: CaseUpdate,\n    names: (id: string) => string,\n  ) => {\n    const at = new Date().toISOString();\n    const entries = describeChange(input, names).map((entry, index) => ({\n      ...entry,\n      id: `activity-${at}-${index}`,\n      at,\n    }));\n    queryClient.setQueryData<CaseActivity[]>(\n      activityKey(saved.id),\n      (current = []) => [...current, ...entries],\n    );\n    queryClient.setQueriesData<{ rows?: PlatformServiceCase[] }>(\n      { queryKey: CASES_KEY },\n      (page) =>\n        page?.rows\n          ? {\n              ...page,\n              rows: page.rows.map((row) =>\n                row.id === saved.id\n                  ? { ...row, ...saved, messages: row.messages }\n                  : row,\n              ),\n            }\n          : page,\n    );\n  };\n}\n"],"mappings":";AAEA,SAAS,UAAU,sBAAsB;AAGzC,SAAS,gBAAgB,oBAAoB;AAU7C,MAAM,cAAc,CAAC,WAAmB;AAAA,EACtC;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF;AACA,MAAM,YAAY,CAAC,kBAAkB,WAAW,OAAO;AAOhD,SAAS,gBAAgB,QAAgB;AAC9C,SACE,SAAyB;AAAA,IACvB,UAAU,YAAY,MAAM;AAAA,IAC5B,SAAS,MAAM,CAAC;AAAA,IAChB,SAAS;AAAA,IACT,WAAW;AAAA,IACX,QAAQ;AAAA,EACV,CAAC,EAAE,QAAQ,CAAC;AAEhB;AAGO,SAAS,eACd,OACA,OACwC;AACxC,QAAM,MAA8C,CAAC;AACrD,MAAI,MAAM;AACR,QAAI,KAAK;AAAA,MACP,OAAO,iBAAiB,aAAa,MAAM,MAAM,EAAE,YAAY,CAAC;AAAA,MAChE,MAAM,MAAM,WAAW,aAAa,YAAY;AAAA,IAClD,CAAC;AACH,MAAI,MAAM;AACR,QAAI,KAAK;AAAA,MACP,OAAO,uBAAuB,eAAe,MAAM,QAAQ,EAAE,YAAY,CAAC;AAAA,MAC1E,MAAM,MAAM,aAAa,WAAW,UAAU;AAAA,IAChD,CAAC;AACH,MAAI,MAAM,wBAAwB;AAChC,QAAI,KAAK;AAAA,MACP,OAAO,MAAM,sBACT,eAAe,MAAM,MAAM,mBAAmB,CAAC,KAC/C;AAAA,MACJ,MAAM;AAAA,IACR,CAAC;AACH,SAAO;AACT;AAMO,SAAS,kBAAkB;AAChC,QAAM,cAAc,eAAe;AACnC,SAAO,CACL,OACA,OACA,UACG;AACH,UAAM,MAAK,oBAAI,KAAK,GAAE,YAAY;AAClC,UAAM,UAAU,eAAe,OAAO,KAAK,EAAE,IAAI,CAAC,OAAO,WAAW;AAAA,MAClE,GAAG;AAAA,MACH,IAAI,YAAY,EAAE,IAAI,KAAK;AAAA,MAC3B;AAAA,IACF,EAAE;AACF,gBAAY;AAAA,MACV,YAAY,MAAM,EAAE;AAAA,MACpB,CAAC,UAAU,CAAC,MAAM,CAAC,GAAG,SAAS,GAAG,OAAO;AAAA,IAC3C;AACA,gBAAY;AAAA,MACV,EAAE,UAAU,UAAU;AAAA,MACtB,CAAC,SACC,MAAM,OACF;AAAA,QACE,GAAG;AAAA,QACH,MAAM,KAAK,KAAK;AAAA,UAAI,CAAC,QACnB,IAAI,OAAO,MAAM,KACb,EAAE,GAAG,KAAK,GAAG,OAAO,UAAU,IAAI,SAAS,IAC3C;AAAA,QACN;AAAA,MACF,IACA;AAAA,IACR;AAAA,EACF;AACF;","names":[]}

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

@@ -0,0 +1,26 @@
+"use client";
+import { useConfirm } from "@withpotter/ui-kit";
+import { useCaseActions } from "./use-admin-support";
+function useCloseCase() {
+  const confirm = useConfirm();
+  const actions = useCaseActions();
+  const close = async (item) => {
+    const ok = await confirm({
+      title: `Close ${item.reference}?`,
+      description: `This marks the conversation with ${item.reporterName} as finished and takes it off the queue. Choose Resolved instead if you expect them to follow up.`,
+      confirmLabel: "Close case",
+      tone: "danger"
+    });
+    if (ok)
+      actions.mutate({
+        id: item.id,
+        input: { status: "closed" },
+        done: "Case closed"
+      });
+  };
+  return { close, isPending: actions.isPending };
+}
+export {
+  useCloseCase
+};
+//# sourceMappingURL=use-close-case.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-close-case.ts"],"sourcesContent":["'use client';\n\nimport { useConfirm } from '@withpotter/ui-kit';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport { useCaseActions } from './use-admin-support';\n\n/**\n * Cases cannot be deleted; closing is the end of the line. It names what the\n * merchant loses (the open conversation) and asks before doing it.\n */\nexport function useCloseCase() {\n  const confirm = useConfirm();\n  const actions = useCaseActions();\n\n  const close = async (\n    item: Pick<PlatformServiceCase, 'id' | 'reference' | 'reporterName'>,\n  ) => {\n    const ok = await confirm({\n      title: `Close ${item.reference}?`,\n      description: `This marks the conversation with ${item.reporterName} as finished and takes it off the queue. Choose Resolved instead if you expect them to follow up.`,\n      confirmLabel: 'Close case',\n      tone: 'danger',\n    });\n    if (ok)\n      actions.mutate({\n        id: item.id,\n        input: { status: 'closed' },\n        done: 'Case closed',\n      });\n  };\n\n  return { close, isPending: actions.isPending };\n}\n"],"mappings":";AAEA,SAAS,kBAAkB;AAE3B,SAAS,sBAAsB;AAMxB,SAAS,eAAe;AAC7B,QAAM,UAAU,WAAW;AAC3B,QAAM,UAAU,eAAe;AAE/B,QAAM,QAAQ,OACZ,SACG;AACH,UAAM,KAAK,MAAM,QAAQ;AAAA,MACvB,OAAO,SAAS,KAAK,SAAS;AAAA,MAC9B,aAAa,oCAAoC,KAAK,YAAY;AAAA,MAClE,cAAc;AAAA,MACd,MAAM;AAAA,IACR,CAAC;AACD,QAAI;AACF,cAAQ,OAAO;AAAA,QACb,IAAI,KAAK;AAAA,QACT,OAAO,EAAE,QAAQ,SAAS;AAAA,QAC1B,MAAM;AAAA,MACR,CAAC;AAAA,EACL;AAEA,SAAO,EAAE,OAAO,WAAW,QAAQ,UAAU;AAC/C;","names":[]}

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

@@ -0,0 +1,114 @@
+"use client";
+import { useState } from "react";
+import { ApiRequestError } from "@withpotter/lib/api";
+import {
+  fillPlaceholders,
+  placeholderValues
+} from "./saved-replies/placeholders";
+import {
+  useDraftReply,
+  useSavedReplies
+} from "./saved-replies/use-saved-replies";
+function draftErrorMessage(cause) {
+  const off = cause instanceof ApiRequestError && cause.status === 503 || /not configured/i.test(cause.message);
+  if (off) return "Suggested replies aren\u2019t switched on yet.";
+  return cause.message || "No reply was suggested. Try again.";
+}
+const listPlaceholders = (keys) => keys.map((key) => `{{${key}}}`).join(", ");
+function useComposerAssist(item, bodyRef) {
+  const draftReply = useDraftReply(item.id);
+  const [body, setBodyState] = useState("");
+  const [pickerOpen, setPickerOpen] = useState(false);
+  const [savedReplyId, setSavedReplyId] = useState(null);
+  const [draft, setDraft] = useState(null);
+  const [suggestion, setSuggestion] = useState(null);
+  const [beforeDraft, setBeforeDraft] = useState(null);
+  const [notice, setNotice] = useState("");
+  const savedReplies = useSavedReplies();
+  const setBody = (value) => {
+    setBodyState(value);
+    if (!value) setSavedReplyId(null);
+    if (draftReply.isError) draftReply.reset();
+  };
+  const reset = () => {
+    draftReply.reset();
+    setBodyState("");
+    setSavedReplyId(null);
+    setDraft(null);
+    setSuggestion(null);
+    setBeforeDraft(null);
+    setNotice("");
+  };
+  const insertSavedReply = (saved) => {
+    const { text, missing } = fillPlaceholders(
+      saved.body,
+      placeholderValues(item)
+    );
+    const field = bodyRef.current;
+    const start = field?.selectionStart ?? body.length;
+    const end = field?.selectionEnd ?? start;
+    setBodyState(body ? body.slice(0, start) + text + body.slice(end) : text);
+    setSavedReplyId(saved.id);
+    setDraft(null);
+    setPickerOpen(false);
+    setNotice(
+      missing.length ? `Fill in ${listPlaceholders(missing)}: this case does not have ${missing.length === 1 ? "that value" : "those values"}.` : ""
+    );
+    requestAnimationFrame(() => field?.focus());
+  };
+  const requestDraft = () => {
+    setPickerOpen(false);
+    draftReply.mutate(void 0, { onSuccess: setSuggestion });
+  };
+  const acceptSuggestion = () => {
+    if (!suggestion) return;
+    setBeforeDraft(body);
+    setBodyState(suggestion.body);
+    setSavedReplyId(suggestion.savedReplyId);
+    setDraft(suggestion);
+    setSuggestion(null);
+    setNotice("");
+    requestAnimationFrame(() => bodyRef.current?.focus());
+  };
+  const undoDraft = () => {
+    setBodyState(beforeDraft ?? "");
+    setBeforeDraft(null);
+    setDraft(null);
+    setSavedReplyId(null);
+  };
+  return {
+    body,
+    setBody,
+    reset,
+    notice,
+    setNotice,
+    savedReplyId,
+    draftId: draft?.draftId ?? null,
+    picker: {
+      open: pickerOpen,
+      toggle: () => setPickerOpen((open) => !open),
+      setOpen: setPickerOpen,
+      replies: savedReplies.data,
+      isLoading: savedReplies.isLoading,
+      insert: insertSavedReply
+    },
+    suggestion: {
+      current: suggestion,
+      accept: acceptSuggestion,
+      dismiss: () => setSuggestion(null)
+    },
+    draft: {
+      current: draft,
+      request: requestDraft,
+      isPending: draftReply.isPending,
+      error: draftReply.isError ? draftErrorMessage(draftReply.error) : null,
+      undo: beforeDraft !== null ? undoDraft : null
+    }
+  };
+}
+export {
+  draftErrorMessage,
+  listPlaceholders,
+  useComposerAssist
+};
+//# sourceMappingURL=use-composer-assist.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-composer-assist.ts"],"sourcesContent":["'use client';\n\nimport { useState, type RefObject } from 'react';\nimport { ApiRequestError } from '@withpotter/lib/api';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport type {\n  SavedReply,\n  SupportReplyDraft,\n} from '@withpotter/lib/admin-saved-replies-api';\nimport {\n  fillPlaceholders,\n  placeholderValues,\n} from './saved-replies/placeholders';\nimport {\n  useDraftReply,\n  useSavedReplies,\n} from './saved-replies/use-saved-replies';\n\n/** Why no draft came back; \"not configured\" is a setup gap, not a fault. */\nexport function draftErrorMessage(cause: Error) {\n  const off =\n    (cause instanceof ApiRequestError && cause.status === 503) ||\n    /not configured/i.test(cause.message);\n  if (off) return 'Suggested replies aren’t switched on yet.';\n  return cause.message || 'No reply was suggested. Try again.';\n}\n\nexport const listPlaceholders = (keys: string[]) =>\n  keys.map((key) => `{{${key}}}`).join(', ');\n\n/**\n * The reply box's text, plus the two ways of filling it that are not typing:\n * inserting a saved reply, and asking the assistant for a draft. Keeps track\n * of which saved reply the text came from so sending can count its use.\n */\nexport function useComposerAssist(\n  item: PlatformServiceCase,\n  bodyRef: RefObject<HTMLTextAreaElement | null>,\n) {\n  const draftReply = useDraftReply(item.id);\n  const [body, setBodyState] = useState('');\n  const [pickerOpen, setPickerOpen] = useState(false);\n  const [savedReplyId, setSavedReplyId] = useState<string | null>(null);\n  const [draft, setDraft] = useState<SupportReplyDraft | null>(null);\n  /** A suggestion waits in its own card until someone adds it. */\n  const [suggestion, setSuggestion] = useState<SupportReplyDraft | null>(null);\n  const [beforeDraft, setBeforeDraft] = useState<string | null>(null);\n  const [notice, setNotice] = useState('');\n  const savedReplies = useSavedReplies();\n\n  const setBody = (value: string) => {\n    setBodyState(value);\n    if (!value) setSavedReplyId(null);\n    // A failed suggestion is about the text that was there; typing moves on.\n    if (draftReply.isError) draftReply.reset();\n  };\n\n  const reset = () => {\n    draftReply.reset();\n    setBodyState('');\n    setSavedReplyId(null);\n    setDraft(null);\n    setSuggestion(null);\n    setBeforeDraft(null);\n    setNotice('');\n  };\n\n  const insertSavedReply = (saved: SavedReply) => {\n    const { text, missing } = fillPlaceholders(\n      saved.body,\n      placeholderValues(item),\n    );\n    const field = bodyRef.current;\n    const start = field?.selectionStart ?? body.length;\n    const end = field?.selectionEnd ?? start;\n\n    setBodyState(body ? body.slice(0, start) + text + body.slice(end) : text);\n    setSavedReplyId(saved.id);\n    setDraft(null);\n    setPickerOpen(false);\n    setNotice(\n      missing.length\n        ? `Fill in ${listPlaceholders(missing)}: this case does not have ${missing.length === 1 ? 'that value' : 'those values'}.`\n        : '',\n    );\n    requestAnimationFrame(() => field?.focus());\n  };\n\n  const requestDraft = () => {\n    setPickerOpen(false);\n    draftReply.mutate(undefined, { onSuccess: setSuggestion });\n  };\n\n  /** Put the suggestion in the box; Undo brings back what was there. */\n  const acceptSuggestion = () => {\n    if (!suggestion) return;\n    setBeforeDraft(body);\n    setBodyState(suggestion.body);\n    setSavedReplyId(suggestion.savedReplyId);\n    setDraft(suggestion);\n    setSuggestion(null);\n    setNotice('');\n    requestAnimationFrame(() => bodyRef.current?.focus());\n  };\n\n  const undoDraft = () => {\n    setBodyState(beforeDraft ?? '');\n    setBeforeDraft(null);\n    setDraft(null);\n    setSavedReplyId(null);\n  };\n\n  return {\n    body,\n    setBody,\n    reset,\n    notice,\n    setNotice,\n    savedReplyId,\n    draftId: draft?.draftId ?? null,\n    picker: {\n      open: pickerOpen,\n      toggle: () => setPickerOpen((open) => !open),\n      setOpen: setPickerOpen,\n      replies: savedReplies.data,\n      isLoading: savedReplies.isLoading,\n      insert: insertSavedReply,\n    },\n    suggestion: {\n      current: suggestion,\n      accept: acceptSuggestion,\n      dismiss: () => setSuggestion(null),\n    },\n    draft: {\n      current: draft,\n      request: requestDraft,\n      isPending: draftReply.isPending,\n      error: draftReply.isError ? draftErrorMessage(draftReply.error) : null,\n      undo: beforeDraft !== null ? undoDraft : null,\n    },\n  };\n}\n"],"mappings":"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","names":[]}

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

@@ -0,0 +1,17 @@
+"use client";
+import { useMemo } from "react";
+import { useAdminSupportCases } from "./use-admin-support";
+function useQueueCases(filters) {
+  const cases = useAdminSupportCases(filters.query);
+  const { unassignedOnly } = filters;
+  const data = useMemo(() => {
+    if (!cases.data || !unassignedOnly) return cases.data;
+    const rows = cases.data.rows.filter((row) => !row.assignedAdminUserId);
+    return { ...cases.data, rows, total: rows.length, pageSize: rows.length };
+  }, [cases.data, unassignedOnly]);
+  return { ...cases, data };
+}
+export {
+  useQueueCases
+};
+//# sourceMappingURL=use-queue-cases.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-queue-cases.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport type { useQueueFilters } from './queue-filters';\nimport { useAdminSupportCases } from './use-admin-support';\n\n/**\n * The queue's cases for the current filters. The Unassigned view keeps only\n * cases nobody holds, from the window its query read.\n */\nexport function useQueueCases(filters: ReturnType<typeof useQueueFilters>) {\n  const cases = useAdminSupportCases(filters.query);\n  const { unassignedOnly } = filters;\n  const data = useMemo(() => {\n    if (!cases.data || !unassignedOnly) return cases.data;\n    const rows = cases.data.rows.filter((row) => !row.assignedAdminUserId);\n    return { ...cases.data, rows, total: rows.length, pageSize: rows.length };\n  }, [cases.data, unassignedOnly]);\n  return { ...cases, data };\n}\n"],"mappings":";AAEA,SAAS,eAAe;AAExB,SAAS,4BAA4B;AAM9B,SAAS,cAAc,SAA6C;AACzE,QAAM,QAAQ,qBAAqB,QAAQ,KAAK;AAChD,QAAM,EAAE,eAAe,IAAI;AAC3B,QAAM,OAAO,QAAQ,MAAM;AACzB,QAAI,CAAC,MAAM,QAAQ,CAAC,eAAgB,QAAO,MAAM;AACjD,UAAM,OAAO,MAAM,KAAK,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,mBAAmB;AACrE,WAAO,EAAE,GAAG,MAAM,MAAM,MAAM,OAAO,KAAK,QAAQ,UAAU,KAAK,OAAO;AAAA,EAC1E,GAAG,CAAC,MAAM,MAAM,cAAc,CAAC;AAC/B,SAAO,EAAE,GAAG,OAAO,KAAK;AAC1B;","names":[]}

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

@@ -0,0 +1,73 @@
+"use client";
+import { useMutation, useQueryClient } from "@tanstack/react-query";
+import {
+  adminServiceOperationsApi
+} from "@withpotter/lib/admin-service-operations-api";
+import { useRecordChange } from "./use-case-activity";
+import { useAdminDirectory, useSupportViewer } from "./use-support-insights";
+const SEND_OPTIONS = {
+  wait: {
+    label: "Send & wait on merchant",
+    done: "Reply sent \xB7 waiting on the merchant",
+    status: "waiting_on_tenant"
+  },
+  resolve: {
+    label: "Send & resolve",
+    done: "Reply sent \xB7 case resolved",
+    status: "resolved"
+  },
+  open: {
+    label: "Send & keep open",
+    done: "Reply sent \xB7 still waiting on us",
+    status: "waiting_on_potter"
+  },
+  none: { label: "Send only", done: "Reply sent" }
+};
+const KEYS = ["cases", "case", "analytics"].map((part) => [
+  "platform-admin",
+  "support",
+  part
+]);
+function useSendReply(item) {
+  const queryClient = useQueryClient();
+  const record = useRecordChange();
+  const names = useAdminDirectory();
+  const { me } = useSupportViewer();
+  const nameOf = (id) => id === me ? "you" : names.get(id) ?? "a colleague";
+  return useMutation({
+    mutationFn: async ({
+      input,
+      then
+    }) => {
+      await adminServiceOperationsApi.reply(item.id, input);
+      const patch = {};
+      if (input.visibility === "participants") {
+        const status = SEND_OPTIONS[then].status;
+        if (status && status !== item.status) patch.status = status;
+        if (!item.assignedAdminUserId && me) patch.assignedAdminUserId = me;
+      }
+      if (!Object.keys(patch).length) return { warning: null };
+      try {
+        const saved = await adminServiceOperationsApi.updateCase(
+          item.id,
+          patch
+        );
+        record(saved, patch, nameOf);
+        return { warning: null };
+      } catch (cause) {
+        const reason = cause instanceof Error ? cause.message : "";
+        return {
+          warning: `Your message was sent, but the case was not updated. ${reason}`.trim()
+        };
+      }
+    },
+    onSuccess: () => Promise.all(
+      KEYS.map((queryKey) => queryClient.invalidateQueries({ queryKey }))
+    )
+  });
+}
+export {
+  SEND_OPTIONS,
+  useSendReply
+};
+//# sourceMappingURL=use-send-reply.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-send-reply.ts"],"sourcesContent":["'use client';\n\nimport { useMutation, useQueryClient } from '@tanstack/react-query';\nimport {\n  adminServiceOperationsApi,\n  type PlatformServiceCase,\n  type ServiceCaseStatus,\n  type SupportReplyInput,\n} from '@withpotter/lib/admin-service-operations-api';\nimport type { CaseUpdate } from './use-admin-support';\nimport { useRecordChange } from './use-case-activity';\nimport { useAdminDirectory, useSupportViewer } from './use-support-insights';\n\nexport type SendThen = 'wait' | 'resolve' | 'open' | 'none';\n\n/** What happens to the case once the reply is out. Notes change nothing. */\nexport const SEND_OPTIONS: Record<\n  SendThen,\n  { label: string; done: string; status?: ServiceCaseStatus }\n> = {\n  wait: {\n    label: 'Send & wait on merchant',\n    done: 'Reply sent · waiting on the merchant',\n    status: 'waiting_on_tenant',\n  },\n  resolve: {\n    label: 'Send & resolve',\n    done: 'Reply sent · case resolved',\n    status: 'resolved',\n  },\n  open: {\n    label: 'Send & keep open',\n    done: 'Reply sent · still waiting on us',\n    status: 'waiting_on_potter',\n  },\n  none: { label: 'Send only', done: 'Reply sent' },\n};\n\nconst KEYS = ['cases', 'case', 'analytics'].map((part) => [\n  'platform-admin',\n  'support',\n  part,\n]);\n\n/**\n * Send a reply or a note, then move the case on: a reply sets the chosen\n * status and, when nobody holds the case, assigns it to whoever answered.\n * The message is already out if that second step fails, so it comes back as\n * a warning, never as an error that would invite sending twice.\n */\nexport function useSendReply(item: PlatformServiceCase) {\n  const queryClient = useQueryClient();\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: async ({\n      input,\n      then,\n    }: {\n      input: SupportReplyInput;\n      then: SendThen;\n    }) => {\n      await adminServiceOperationsApi.reply(item.id, input);\n      const patch: CaseUpdate = {};\n      if (input.visibility === 'participants') {\n        const status = SEND_OPTIONS[then].status;\n        if (status && status !== item.status) patch.status = status;\n        if (!item.assignedAdminUserId && me) patch.assignedAdminUserId = me;\n      }\n      if (!Object.keys(patch).length) return { warning: null };\n      try {\n        const saved = await adminServiceOperationsApi.updateCase(\n          item.id,\n          patch,\n        );\n        record(saved, patch, nameOf);\n        return { warning: null };\n      } catch (cause) {\n        const reason = cause instanceof Error ? cause.message : '';\n        return {\n          warning:\n            `Your message was sent, but the case was not updated. ${reason}`.trim(),\n        };\n      }\n    },\n    onSuccess: () =>\n      Promise.all(\n        KEYS.map((queryKey) => queryClient.invalidateQueries({ queryKey })),\n      ),\n  });\n}\n"],"mappings":";AAEA,SAAS,aAAa,sBAAsB;AAC5C;AAAA,EACE;AAAA,OAIK;AAEP,SAAS,uBAAuB;AAChC,SAAS,mBAAmB,wBAAwB;AAK7C,MAAM,eAGT;AAAA,EACF,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,SAAS;AAAA,IACP,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,MAAM;AAAA,IACJ,OAAO;AAAA,IACP,MAAM;AAAA,IACN,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,EAAE,OAAO,aAAa,MAAM,aAAa;AACjD;AAEA,MAAM,OAAO,CAAC,SAAS,QAAQ,WAAW,EAAE,IAAI,CAAC,SAAS;AAAA,EACxD;AAAA,EACA;AAAA,EACA;AACF,CAAC;AAQM,SAAS,aAAa,MAA2B;AACtD,QAAM,cAAc,eAAe;AACnC,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,OAAO;AAAA,MACjB;AAAA,MACA;AAAA,IACF,MAGM;AACJ,YAAM,0BAA0B,MAAM,KAAK,IAAI,KAAK;AACpD,YAAM,QAAoB,CAAC;AAC3B,UAAI,MAAM,eAAe,gBAAgB;AACvC,cAAM,SAAS,aAAa,IAAI,EAAE;AAClC,YAAI,UAAU,WAAW,KAAK,OAAQ,OAAM,SAAS;AACrD,YAAI,CAAC,KAAK,uBAAuB,GAAI,OAAM,sBAAsB;AAAA,MACnE;AACA,UAAI,CAAC,OAAO,KAAK,KAAK,EAAE,OAAQ,QAAO,EAAE,SAAS,KAAK;AACvD,UAAI;AACF,cAAM,QAAQ,MAAM,0BAA0B;AAAA,UAC5C,KAAK;AAAA,UACL;AAAA,QACF;AACA,eAAO,OAAO,OAAO,MAAM;AAC3B,eAAO,EAAE,SAAS,KAAK;AAAA,MACzB,SAAS,OAAO;AACd,cAAM,SAAS,iBAAiB,QAAQ,MAAM,UAAU;AACxD,eAAO;AAAA,UACL,SACE,wDAAwD,MAAM,GAAG,KAAK;AAAA,QAC1E;AAAA,MACF;AAAA,IACF;AAAA,IACA,WAAW,MACT,QAAQ;AAAA,MACN,KAAK,IAAI,CAAC,aAAa,YAAY,kBAAkB,EAAE,SAAS,CAAC,CAAC;AAAA,IACpE;AAAA,EACJ,CAAC;AACH;","names":[]}

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

@@ -0,0 +1,53 @@
+"use client";
+import { useMemo } from "react";
+import { useQuery } from "@tanstack/react-query";
+import { platformAdminApi } from "@withpotter/lib/admin-api";
+import { adminSupportAnalyticsApi } from "@withpotter/lib/admin-support-analytics-api";
+import { useAdminSession } from "../hooks";
+function useSupportAnalytics(query = {}) {
+  return useQuery({
+    queryKey: ["platform-admin", "support", "analytics", query],
+    queryFn: () => adminSupportAnalyticsApi.get(query),
+    retry: false
+  });
+}
+function useRecentCases(days = 14) {
+  const startDate = useMemo(() => {
+    const start = /* @__PURE__ */ new Date();
+    start.setHours(0, 0, 0, 0);
+    start.setDate(start.getDate() - (days - 1));
+    return start.toISOString();
+  }, [days]);
+  return useQuery({
+    queryKey: ["platform-admin", "support", "cases", "recent", startDate],
+    queryFn: () => adminSupportAnalyticsApi.casesSince(startDate)
+  });
+}
+function useAdminDirectory() {
+  const admins = useQuery({
+    queryKey: ["platform-admin", "admins"],
+    queryFn: () => platformAdminApi.admins(),
+    retry: false,
+    staleTime: 5 * 6e4
+  });
+  return useMemo(() => {
+    const names = /* @__PURE__ */ new Map();
+    for (const admin of admins.data ?? [])
+      names.set(admin.id, admin.name || admin.email);
+    return names;
+  }, [admins.data]);
+}
+function useSupportViewer() {
+  const session = useAdminSession();
+  return {
+    me: session.data?.id,
+    canManage: session.data?.role === "superadmin" || session.data?.permissions.includes("support.manage") || false
+  };
+}
+export {
+  useAdminDirectory,
+  useRecentCases,
+  useSupportAnalytics,
+  useSupportViewer
+};
+//# sourceMappingURL=use-support-insights.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-support-insights.ts"],"sourcesContent":["'use client';\n\nimport { useMemo } from 'react';\nimport { useQuery } from '@tanstack/react-query';\nimport { platformAdminApi } from '@withpotter/lib/admin-api';\nimport type { SupportCaseQuery } from '@withpotter/lib/admin-service-operations-api';\nimport { adminSupportAnalyticsApi } from '@withpotter/lib/admin-support-analytics-api';\nimport { useAdminSession } from '../hooks';\n\n/** Queue analytics for the same filters as the case list. */\nexport function useSupportAnalytics(query: SupportCaseQuery = {}) {\n  return useQuery({\n    queryKey: ['platform-admin', 'support', 'analytics', query],\n    queryFn: () => adminSupportAnalyticsApi.get(query),\n    retry: false,\n  });\n}\n\n/**\n * Cases opened in the last `days` days, filtered by the API on their opening\n * date, so the trend is not capped by whichever hundred moved most recently.\n */\nexport function useRecentCases(days = 14) {\n  const startDate = useMemo(() => {\n    const start = new Date();\n    start.setHours(0, 0, 0, 0);\n    start.setDate(start.getDate() - (days - 1));\n    return start.toISOString();\n  }, [days]);\n  return useQuery({\n    queryKey: ['platform-admin', 'support', 'cases', 'recent', startDate],\n    queryFn: () => adminSupportAnalyticsApi.casesSince(startDate),\n  });\n}\n\n/**\n * Admin names by id, so an assignee reads as a person. Admins without the\n * permission to list colleagues get an empty map and see \"Assigned\".\n */\nexport function useAdminDirectory() {\n  const admins = useQuery({\n    queryKey: ['platform-admin', 'admins'],\n    queryFn: () => platformAdminApi.admins(),\n    retry: false,\n    staleTime: 5 * 60_000,\n  });\n  return useMemo(() => {\n    const names = new Map<string, string>();\n    for (const admin of admins.data ?? [])\n      names.set(admin.id, admin.name || admin.email);\n    return names;\n  }, [admins.data]);\n}\n\n/** Who is looking: their admin id, and whether they may change cases. */\nexport function useSupportViewer() {\n  const session = useAdminSession();\n  return {\n    me: session.data?.id,\n    canManage:\n      session.data?.role === 'superadmin' ||\n      session.data?.permissions.includes('support.manage') ||\n      false,\n  };\n}\n"],"mappings":";AAEA,SAAS,eAAe;AACxB,SAAS,gBAAgB;AACzB,SAAS,wBAAwB;AAEjC,SAAS,gCAAgC;AACzC,SAAS,uBAAuB;AAGzB,SAAS,oBAAoB,QAA0B,CAAC,GAAG;AAChE,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,aAAa,KAAK;AAAA,IAC1D,SAAS,MAAM,yBAAyB,IAAI,KAAK;AAAA,IACjD,OAAO;AAAA,EACT,CAAC;AACH;AAMO,SAAS,eAAe,OAAO,IAAI;AACxC,QAAM,YAAY,QAAQ,MAAM;AAC9B,UAAM,QAAQ,oBAAI,KAAK;AACvB,UAAM,SAAS,GAAG,GAAG,GAAG,CAAC;AACzB,UAAM,QAAQ,MAAM,QAAQ,KAAK,OAAO,EAAE;AAC1C,WAAO,MAAM,YAAY;AAAA,EAC3B,GAAG,CAAC,IAAI,CAAC;AACT,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,kBAAkB,WAAW,SAAS,UAAU,SAAS;AAAA,IACpE,SAAS,MAAM,yBAAyB,WAAW,SAAS;AAAA,EAC9D,CAAC;AACH;AAMO,SAAS,oBAAoB;AAClC,QAAM,SAAS,SAAS;AAAA,IACtB,UAAU,CAAC,kBAAkB,QAAQ;AAAA,IACrC,SAAS,MAAM,iBAAiB,OAAO;AAAA,IACvC,OAAO;AAAA,IACP,WAAW,IAAI;AAAA,EACjB,CAAC;AACD,SAAO,QAAQ,MAAM;AACnB,UAAM,QAAQ,oBAAI,IAAoB;AACtC,eAAW,SAAS,OAAO,QAAQ,CAAC;AAClC,YAAM,IAAI,MAAM,IAAI,MAAM,QAAQ,MAAM,KAAK;AAC/C,WAAO;AAAA,EACT,GAAG,CAAC,OAAO,IAAI,CAAC;AAClB;AAGO,SAAS,mBAAmB;AACjC,QAAM,UAAU,gBAAgB;AAChC,SAAO;AAAA,IACL,IAAI,QAAQ,MAAM;AAAA,IAClB,WACE,QAAQ,MAAM,SAAS,gBACvB,QAAQ,MAAM,YAAY,SAAS,gBAAgB,KACnD;AAAA,EACJ;AACF;","names":[]}

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

@@ -0,0 +1,36 @@
+"use client";
+import { useQuery } from "@tanstack/react-query";
+import { adminServiceOperationsApi } from "@withpotter/lib/admin-service-operations-api";
+import { useSupportAnalytics } from "./use-support-insights";
+const KEY = ["platform-admin", "support", "cases"];
+function useTotal(query, enabled = true) {
+  return useQuery({
+    queryKey: [...KEY, { ...query, page: 1, pageSize: 1 }],
+    queryFn: () => adminServiceOperationsApi.listCases({ ...query, page: 1, pageSize: 1 }),
+    enabled,
+    select: (page) => page.total
+  });
+}
+function useViewCounts(me) {
+  const by = useSupportAnalytics().data;
+  const urgent = useTotal({ priority: "urgent" });
+  const mine = useTotal({ assignedAdminUserId: me }, Boolean(me));
+  const latest = useQuery({
+    queryKey: [...KEY, { page: 1, pageSize: 100 }],
+    queryFn: () => adminServiceOperationsApi.listCases({ page: 1, pageSize: 100 })
+  });
+  const status = (value) => by?.byStatus ? value ?? 0 : void 0;
+  return {
+    all: by?.total ?? void 0,
+    ours: status(by?.byStatus?.waiting_on_potter),
+    theirs: status(by?.byStatus?.waiting_on_tenant),
+    resolved: status(by?.byStatus?.resolved),
+    urgent: urgent.data,
+    mine: me ? mine.data : void 0,
+    unassigned: latest.data?.rows.filter((row) => !row.assignedAdminUserId).length
+  };
+}
+export {
+  useViewCounts
+};
+//# sourceMappingURL=use-view-counts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/admin/support/use-view-counts.ts"],"sourcesContent":["'use client';\n\nimport { useQuery } from '@tanstack/react-query';\nimport { adminServiceOperationsApi } from '@withpotter/lib/admin-service-operations-api';\nimport type { SupportCaseQuery } from '@withpotter/lib/admin-service-operations-api';\nimport type { SupportView } from './support-views';\nimport { useSupportAnalytics } from './use-support-insights';\n\nconst KEY = ['platform-admin', 'support', 'cases'];\n\n/** A view's size: one row of the case list, and its total. */\nfunction useTotal(query: SupportCaseQuery, enabled = true) {\n  return useQuery({\n    queryKey: [...KEY, { ...query, page: 1, pageSize: 1 }],\n    queryFn: () =>\n      adminServiceOperationsApi.listCases({ ...query, page: 1, pageSize: 1 }),\n    enabled,\n    select: (page) => page.total,\n  });\n}\n\n/**\n * A count beside every saved view. Status views come from analytics; the\n * rest ask the list for one row and read its total. Unassigned counts the\n * latest hundred, the same window its view shows.\n */\nexport function useViewCounts(\n  me: string | undefined,\n): Partial<Record<SupportView, number>> {\n  const by = useSupportAnalytics().data;\n  const urgent = useTotal({ priority: 'urgent' });\n  const mine = useTotal({ assignedAdminUserId: me }, Boolean(me));\n  const latest = useQuery({\n    queryKey: [...KEY, { page: 1, pageSize: 100 }],\n    queryFn: () =>\n      adminServiceOperationsApi.listCases({ page: 1, pageSize: 100 }),\n  });\n  const status = (value: number | undefined) =>\n    by?.byStatus ? (value ?? 0) : undefined;\n\n  return {\n    all: by?.total ?? undefined,\n    ours: status(by?.byStatus?.waiting_on_potter),\n    theirs: status(by?.byStatus?.waiting_on_tenant),\n    resolved: status(by?.byStatus?.resolved),\n    urgent: urgent.data,\n    mine: me ? mine.data : undefined,\n    unassigned: latest.data?.rows.filter((row) => !row.assignedAdminUserId)\n      .length,\n  };\n}\n"],"mappings":";AAEA,SAAS,gBAAgB;AACzB,SAAS,iCAAiC;AAG1C,SAAS,2BAA2B;AAEpC,MAAM,MAAM,CAAC,kBAAkB,WAAW,OAAO;AAGjD,SAAS,SAAS,OAAyB,UAAU,MAAM;AACzD,SAAO,SAAS;AAAA,IACd,UAAU,CAAC,GAAG,KAAK,EAAE,GAAG,OAAO,MAAM,GAAG,UAAU,EAAE,CAAC;AAAA,IACrD,SAAS,MACP,0BAA0B,UAAU,EAAE,GAAG,OAAO,MAAM,GAAG,UAAU,EAAE,CAAC;AAAA,IACxE;AAAA,IACA,QAAQ,CAAC,SAAS,KAAK;AAAA,EACzB,CAAC;AACH;AAOO,SAAS,cACd,IACsC;AACtC,QAAM,KAAK,oBAAoB,EAAE;AACjC,QAAM,SAAS,SAAS,EAAE,UAAU,SAAS,CAAC;AAC9C,QAAM,OAAO,SAAS,EAAE,qBAAqB,GAAG,GAAG,QAAQ,EAAE,CAAC;AAC9D,QAAM,SAAS,SAAS;AAAA,IACtB,UAAU,CAAC,GAAG,KAAK,EAAE,MAAM,GAAG,UAAU,IAAI,CAAC;AAAA,IAC7C,SAAS,MACP,0BAA0B,UAAU,EAAE,MAAM,GAAG,UAAU,IAAI,CAAC;AAAA,EAClE,CAAC;AACD,QAAM,SAAS,CAAC,UACd,IAAI,WAAY,SAAS,IAAK;AAEhC,SAAO;AAAA,IACL,KAAK,IAAI,SAAS;AAAA,IAClB,MAAM,OAAO,IAAI,UAAU,iBAAiB;AAAA,IAC5C,QAAQ,OAAO,IAAI,UAAU,iBAAiB;AAAA,IAC9C,UAAU,OAAO,IAAI,UAAU,QAAQ;AAAA,IACvC,QAAQ,OAAO;AAAA,IACf,MAAM,KAAK,KAAK,OAAO;AAAA,IACvB,YAAY,OAAO,MAAM,KAAK,OAAO,CAAC,QAAQ,CAAC,IAAI,mBAAmB,EACnE;AAAA,EACL;AACF;","names":[]}

package/dist/admin/support/workspace/action-bar.js

@@ -0,0 +1,69 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useModuleOn } from "../../_shell/modules-context";
+import { Kbd } from "../kbd";
+import styles from "./action-bar.module.css";
+function ActionBar({
+  onOpen,
+  disabledReason
+}) {
+  const canSuggest = useModuleOn("supportDrafts");
+  if (disabledReason)
+    return /* @__PURE__ */ jsx("p", { className: styles.locked, role: "note", children: disabledReason });
+  return /* @__PURE__ */ jsxs("div", { className: styles.bar, role: "toolbar", "aria-label": "Write to this case", children: [
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.action,
+        "aria-keyshortcuts": "R",
+        onClick: () => onOpen("reply"),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles.label, children: "Reply" }),
+          /* @__PURE__ */ jsx(Kbd, { children: "R" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.action,
+        "data-tone": "note",
+        "aria-keyshortcuts": "N",
+        onClick: () => onOpen("note"),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles.label, children: "Internal note" }),
+          /* @__PURE__ */ jsx(Kbd, { children: "N" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx("span", { className: styles.divider, "aria-hidden": true }),
+    /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        className: styles.action,
+        onClick: () => onOpen("reply", "picker"),
+        children: [
+          /* @__PURE__ */ jsx("span", { className: styles.label, children: "Saved replies" }),
+          /* @__PURE__ */ jsx(Kbd, { children: "#" })
+        ]
+      }
+    ),
+    canSuggest && /* @__PURE__ */ jsx(
+      "button",
+      {
+        type: "button",
+        className: styles.action,
+        "data-tone": "ai",
+        onClick: () => onOpen("reply", "suggest"),
+        children: /* @__PURE__ */ jsx("span", { className: styles.label, children: "Suggest reply" })
+      }
+    )
+  ] });
+}
+export {
+  ActionBar
+};
+//# sourceMappingURL=action-bar.js.map

package/dist/admin/support/workspace/action-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/workspace/action-bar.tsx"],"sourcesContent":["'use client';\n\nimport { useModuleOn } from '../../_shell/modules-context';\nimport { Kbd } from '../kbd';\nimport type { ComposerIntent } from '../support-composer';\nimport styles from './action-bar.module.css';\n\nexport type ComposerOpen = (\n  mode: 'reply' | 'note',\n  intent?: ComposerIntent,\n) => void;\n\n/**\n * The floating pill under the thread: Reply (R), Internal note (N), Saved\n * replies (#) and, where the host serves drafts, Suggest reply. Each opens\n * the composer, already doing it.\n */\nexport function ActionBar({\n  onOpen,\n  disabledReason,\n}: {\n  onOpen: ComposerOpen;\n  /** Why nothing can be written here, when nothing can. */\n  disabledReason: string | null;\n}) {\n  const canSuggest = useModuleOn('supportDrafts');\n  if (disabledReason)\n    return (\n      <p className={styles.locked} role=\"note\">\n        {disabledReason}\n      </p>\n    );\n  return (\n    <div className={styles.bar} role=\"toolbar\" aria-label=\"Write to this case\">\n      <button\n        type=\"button\"\n        className={styles.action}\n        aria-keyshortcuts=\"R\"\n        onClick={() => onOpen('reply')}\n      >\n        <span className={styles.label}>Reply</span>\n        <Kbd>R</Kbd>\n      </button>\n      <button\n        type=\"button\"\n        className={styles.action}\n        data-tone=\"note\"\n        aria-keyshortcuts=\"N\"\n        onClick={() => onOpen('note')}\n      >\n        <span className={styles.label}>Internal note</span>\n        <Kbd>N</Kbd>\n      </button>\n      <span className={styles.divider} aria-hidden />\n      <button\n        type=\"button\"\n        className={styles.action}\n        onClick={() => onOpen('reply', 'picker')}\n      >\n        <span className={styles.label}>Saved replies</span>\n        <Kbd>#</Kbd>\n      </button>\n      {canSuggest && (\n        <button\n          type=\"button\"\n          className={styles.action}\n          data-tone=\"ai\"\n          onClick={() => onOpen('reply', 'suggest')}\n        >\n          <span className={styles.label}>Suggest reply</span>\n        </button>\n      )}\n    </div>\n  );\n}\n"],"mappings":";AA4BM,cAMA,YANA;AA1BN,SAAS,mBAAmB;AAC5B,SAAS,WAAW;AAEpB,OAAO,YAAY;AAYZ,SAAS,UAAU;AAAA,EACxB;AAAA,EACA;AACF,GAIG;AACD,QAAM,aAAa,YAAY,eAAe;AAC9C,MAAI;AACF,WACE,oBAAC,OAAE,WAAW,OAAO,QAAQ,MAAK,QAC/B,0BACH;AAEJ,SACE,qBAAC,SAAI,WAAW,OAAO,KAAK,MAAK,WAAU,cAAW,sBACpD;AAAA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,qBAAkB;AAAA,QAClB,SAAS,MAAM,OAAO,OAAO;AAAA,QAE7B;AAAA,8BAAC,UAAK,WAAW,OAAO,OAAO,mBAAK;AAAA,UACpC,oBAAC,OAAI,eAAC;AAAA;AAAA;AAAA,IACR;AAAA,IACA;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,aAAU;AAAA,QACV,qBAAkB;AAAA,QAClB,SAAS,MAAM,OAAO,MAAM;AAAA,QAE5B;AAAA,8BAAC,UAAK,WAAW,OAAO,OAAO,2BAAa;AAAA,UAC5C,oBAAC,OAAI,eAAC;AAAA;AAAA;AAAA,IACR;AAAA,IACA,oBAAC,UAAK,WAAW,OAAO,SAAS,eAAW,MAAC;AAAA,IAC7C;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,SAAS,MAAM,OAAO,SAAS,QAAQ;AAAA,QAEvC;AAAA,8BAAC,UAAK,WAAW,OAAO,OAAO,2BAAa;AAAA,UAC5C,oBAAC,OAAI,eAAC;AAAA;AAAA;AAAA,IACR;AAAA,IACC,cACC;AAAA,MAAC;AAAA;AAAA,QACC,MAAK;AAAA,QACL,WAAW,OAAO;AAAA,QAClB,aAAU;AAAA,QACV,SAAS,MAAM,OAAO,SAAS,SAAS;AAAA,QAExC,8BAAC,UAAK,WAAW,OAAO,OAAO,2BAAa;AAAA;AAAA,IAC9C;AAAA,KAEJ;AAEJ;","names":[]}

package/dist/admin/support/workspace/action-bar.module.css

@@ -0,0 +1,85 @@
+/* The floating pill: our actions on the case, each with its keycap. */
+
+.bar {
+  display: inline-flex;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: center;
+  gap: 4px;
+  max-width: 100%;
+  padding: 4px;
+  border: 1px solid var(--border-subtle);
+  border-radius: 10px;
+  background: var(--bg-base);
+  animation: rise var(--adm-fast);
+}
+
+.action {
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  height: 32px;
+  padding: 0 12px;
+  border: 0;
+  border-radius: 10px;
+  background: transparent;
+  color: var(--text-primary);
+  font-size: 13px;
+  font-weight: 500;
+  line-height: 20px;
+  white-space: nowrap;
+  cursor: pointer;
+  transition: background var(--adm-fast);
+}
+
+.action:hover {
+  background: var(--adm-hover);
+}
+
+.action:focus-visible {
+  outline: 2px solid var(--focus-ring);
+  outline-offset: -2px;
+}
+
+.divider {
+  width: 1px;
+  height: 20px;
+  background: var(--border-subtle);
+}
+
+.locked {
+  margin: 0;
+  padding: 8px 16px;
+  border-radius: 10px;
+  background: var(--adm-hover);
+  color: var(--text-secondary);
+  font-size: 13px;
+  line-height: 20px;
+  text-align: center;
+}
+
+/* In a slim conversation pane the pill keeps its icons and keycaps, so it
+   stays one row and the thread's bottom padding always clears it. */
+@container conversation (max-width: 640px) {
+  .label {
+    position: absolute;
+    width: 1px;
+    height: 1px;
+    overflow: hidden;
+    clip-path: inset(50%);
+    white-space: nowrap;
+  }
+}
+
+@keyframes rise {
+  from {
+    opacity: 0;
+    transform: translateY(8px);
+  }
+}
+
+@media (prefers-reduced-motion: reduce) {
+  .bar {
+    animation: none;
+  }
+}

package/dist/admin/support/workspace/case-card.js

@@ -0,0 +1,58 @@
+"use client";
+import { jsx, jsxs } from "react/jsx-runtime";
+import { previewOf } from "../case-origin";
+import { forwardRef } from "react";
+import { EntityAvatar } from "../../_fx";
+import { CountryLabel } from "../../_ui/country-label";
+import { PriorityFlag, StatusDot } from "../case-pills";
+import { dateTime } from "../support-options";
+import { age } from "../support-trend";
+import { channelLabel, channelOf, countryOf, workspaceOf } from "./case-facts";
+import styles from "./list.module.css";
+const CaseCard = forwardRef(function CaseCard2({ row, selected, assignee, onOpen }, ref) {
+  const workspace = workspaceOf(row);
+  const preview = previewOf(row);
+  return /* @__PURE__ */ jsxs(
+    "button",
+    {
+      ref,
+      type: "button",
+      className: styles.card,
+      "data-selected": selected || void 0,
+      "aria-current": selected ? "true" : void 0,
+      onClick: onOpen,
+      children: [
+        /* @__PURE__ */ jsxs("span", { className: styles.line, children: [
+          /* @__PURE__ */ jsx(EntityAvatar, { name: workspace, size: 20 }),
+          /* @__PURE__ */ jsx("span", { className: styles.who, title: workspace, children: workspace }),
+          /* @__PURE__ */ jsx(CountryLabel, { ...countryOf(row), muted: true, className: styles.country }),
+          /* @__PURE__ */ jsx(StatusDot, { status: row.status })
+        ] }),
+        /* @__PURE__ */ jsxs("span", { className: styles.line, children: [
+          /* @__PURE__ */ jsx("span", { className: styles.ref, children: row.reference }),
+          /* @__PURE__ */ jsx("strong", { className: styles.subject, title: row.subject, children: row.subject })
+        ] }),
+        preview && /* @__PURE__ */ jsx("span", { className: styles.preview, title: preview, children: preview }),
+        /* @__PURE__ */ jsxs("span", { className: styles.signals, children: [
+          /* @__PURE__ */ jsx(PriorityFlag, { priority: row.priority }),
+          /* @__PURE__ */ jsxs("span", { className: styles.signalsEnd, children: [
+            /* @__PURE__ */ jsx("span", { title: channelLabel(row), children: channelOf(row) }),
+            /* @__PURE__ */ jsx("span", { title: `Opened ${dateTime(row.createdAt)}`, children: age(row.createdAt) }),
+            /* @__PURE__ */ jsx(
+              "span",
+              {
+                className: styles.holder,
+                title: assignee ? `Assigned to ${assignee}` : "Unassigned",
+                children: assignee ?? "Unassigned"
+              }
+            )
+          ] })
+        ] })
+      ]
+    }
+  );
+});
+export {
+  CaseCard
+};
+//# sourceMappingURL=case-card.js.map

package/dist/admin/support/workspace/case-card.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../src/admin/support/workspace/case-card.tsx"],"sourcesContent":["'use client';\n\nimport { previewOf } from '../case-origin';\nimport { forwardRef } from 'react';\nimport type { PlatformServiceCase } from '@withpotter/lib/admin-service-operations-api';\nimport { EntityAvatar } from '../../_fx';\nimport { CountryLabel } from '../../_ui/country-label';\nimport { PriorityFlag, StatusDot } from '../case-pills';\nimport { dateTime } from '../support-options';\nimport { age } from '../support-trend';\nimport { channelLabel, channelOf, countryOf, workspaceOf } from './case-facts';\nimport styles from './list.module.css';\n\n/**\n * One case in the workspace list, in four lines: who, what, the latest words,\n * and the signals (priority; channel, age and assignee). The selected card\n * carries a brand tint and a bar on its leading edge.\n */\nexport const CaseCard = forwardRef<\n  HTMLButtonElement,\n  {\n    row: PlatformServiceCase;\n    selected: boolean;\n    assignee: string | null;\n    onOpen: () => void;\n  }\n>(function CaseCard({ row, selected, assignee, onOpen }, ref) {\n  const workspace = workspaceOf(row);\n  const preview = previewOf(row);\n\n  return (\n    <button\n      ref={ref}\n      type=\"button\"\n      className={styles.card}\n      data-selected={selected || undefined}\n      aria-current={selected ? 'true' : undefined}\n      onClick={onOpen}\n    >\n      <span className={styles.line}>\n        <EntityAvatar name={workspace} size={20} />\n        <span className={styles.who} title={workspace}>\n          {workspace}\n        </span>\n        <CountryLabel {...countryOf(row)} muted className={styles.country} />\n        <StatusDot status={row.status} />\n      </span>\n      <span className={styles.line}>\n        <span className={styles.ref}>{row.reference}</span>\n        <strong className={styles.subject} title={row.subject}>\n          {row.subject}\n        </strong>\n      </span>\n      {preview && (\n        <span className={styles.preview} title={preview}>\n          {preview}\n        </span>\n      )}\n      <span className={styles.signals}>\n        <PriorityFlag priority={row.priority} />\n        <span className={styles.signalsEnd}>\n          <span title={channelLabel(row)}>{channelOf(row)}</span>\n          <span title={`Opened ${dateTime(row.createdAt)}`}>\n            {age(row.createdAt)}\n          </span>\n          <span\n            className={styles.holder}\n            title={assignee ? `Assigned to ${assignee}` : 'Unassigned'}\n          >\n            {assignee ?? 'Unassigned'}\n          </span>\n        </span>\n      </span>\n    </button>\n  );\n});\n"],"mappings":";AAuCM,SACE,KADF;AArCN,SAAS,iBAAiB;AAC1B,SAAS,kBAAkB;AAE3B,SAAS,oBAAoB;AAC7B,SAAS,oBAAoB;AAC7B,SAAS,cAAc,iBAAiB;AACxC,SAAS,gBAAgB;AACzB,SAAS,WAAW;AACpB,SAAS,cAAc,WAAW,WAAW,mBAAmB;AAChE,OAAO,YAAY;AAOZ,MAAM,WAAW,WAQtB,SAASA,UAAS,EAAE,KAAK,UAAU,UAAU,OAAO,GAAG,KAAK;AAC5D,QAAM,YAAY,YAAY,GAAG;AACjC,QAAM,UAAU,UAAU,GAAG;AAE7B,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,MAAK;AAAA,MACL,WAAW,OAAO;AAAA,MAClB,iBAAe,YAAY;AAAA,MAC3B,gBAAc,WAAW,SAAS;AAAA,MAClC,SAAS;AAAA,MAET;AAAA,6BAAC,UAAK,WAAW,OAAO,MACtB;AAAA,8BAAC,gBAAa,MAAM,WAAW,MAAM,IAAI;AAAA,UACzC,oBAAC,UAAK,WAAW,OAAO,KAAK,OAAO,WACjC,qBACH;AAAA,UACA,oBAAC,gBAAc,GAAG,UAAU,GAAG,GAAG,OAAK,MAAC,WAAW,OAAO,SAAS;AAAA,UACnE,oBAAC,aAAU,QAAQ,IAAI,QAAQ;AAAA,WACjC;AAAA,QACA,qBAAC,UAAK,WAAW,OAAO,MACtB;AAAA,8BAAC,UAAK,WAAW,OAAO,KAAM,cAAI,WAAU;AAAA,UAC5C,oBAAC,YAAO,WAAW,OAAO,SAAS,OAAO,IAAI,SAC3C,cAAI,SACP;AAAA,WACF;AAAA,QACC,WACC,oBAAC,UAAK,WAAW,OAAO,SAAS,OAAO,SACrC,mBACH;AAAA,QAEF,qBAAC,UAAK,WAAW,OAAO,SACtB;AAAA,8BAAC,gBAAa,UAAU,IAAI,UAAU;AAAA,UACtC,qBAAC,UAAK,WAAW,OAAO,YACtB;AAAA,gCAAC,UAAK,OAAO,aAAa,GAAG,GAAI,oBAAU,GAAG,GAAE;AAAA,YAChD,oBAAC,UAAK,OAAO,UAAU,SAAS,IAAI,SAAS,CAAC,IAC3C,cAAI,IAAI,SAAS,GACpB;AAAA,YACA;AAAA,cAAC;AAAA;AAAA,gBACC,WAAW,OAAO;AAAA,gBAClB,OAAO,WAAW,eAAe,QAAQ,KAAK;AAAA,gBAE7C,sBAAY;AAAA;AAAA,YACf;AAAA,aACF;AAAA,WACF;AAAA;AAAA;AAAA,EACF;AAEJ,CAAC;","names":["CaseCard"]}