@graph8/sdk 0.362.0 → 0.373.0

package/blocks/mailboxes/components/mailboxes-screen.tsx

@@ -0,0 +1,228 @@
+"use client";
+
+/**
+ * MailboxesScreen: the finished "Mailboxes" settings page. Everything about the inboxes you send from.
+ *
+ * Composes: MailboxList, MailboxDetail (every field, warmup, test, archive, restore, delete), DomainDetail, WarmupHealth (fleet verdict, per-mailbox warmup and
+ * placement test), ConnectMailbox (IMAP/SMTP, Google/Microsoft link-out, buy mailboxes), DomainPurchase
+ * (suggest, check, buy, connect, DNS).
+ *
+ * User flows:
+ *   - See fleet health at a glance (stat strip from the deliverability summary).
+ *   - Every record opens a complete detail (MailboxDetail, DomainDetail) beside the list or as a full page
+ *     (`?view=full`), deep-linked with `?id=`, `?tab=`, `?dtab=`.
+ *   - Mailboxes tab: browse mailboxes, show archived (an archived one can be restored, confirmed), test a connection, archive or delete (confirmed),
+ *     open one (deep link `?id=`) for warmup analytics, start/stop warmup and a confirmed placement test.
+ *   - "Add mailbox" opens a sheet: connect over IMAP/SMTP, open the graph8 app for Google/Microsoft, or buy
+ *     mailboxes on a connected domain (confirmed with a credit estimate).
+ *   - Deliverability tab: the safe-to-send verdict, fleet counts and degraded mailboxes.
+ *   - Domains tab: suggest, check availability, buy (confirmed), connect and check DNS propagation.
+ *
+ * SDK operations: none of its own, plus one read for the stat strip:
+ *   getFleetSummary  GET /deliverability/fleet-summary  (read)
+ * Billable and destructive calls live in the composed parts and open ConfirmSpendDialog there.
+ */
+
+import { useState } from "react";
+import type { ReactNode } from "react";
+import { Mail, Plus } from "lucide-react";
+import { Button } from "@graph8/sdk/ui";
+import { ScreenLayout } from "@/g8/components/screen/screen-layout";
+import { SplitView } from "@/g8/components/screen/split-view";
+import type { StatItem } from "@/g8/components/screen/stat-strip";
+import { FormSheet } from "@/g8/components/screen/form-sheet";
+import { StatusPill } from "@/g8/components/screen/status-pill";
+import { Skeleton } from "@graph8/sdk/ui";
+import { Toolbar } from "@/g8/components/screen/toolbar";
+import { useUrlState } from "@/g8/hooks/use-url-state";
+import { useG8Query } from "@/g8/hooks/use-g8-query";
+import { g8Get } from "@/g8/lib/g8-client";
+import { listOf, objectOf } from "../lib/mailboxes-utils";
+import { useProviderDomains } from "../lib/use-provider-domains";
+import type { DomainRow, MailboxRow } from "../lib/mailboxes-utils";
+import { FirstNotice } from "@/g8/components/paging-notices";
+import { ConnectMailbox } from "./connect-mailbox";
+import { DomainPurchase } from "./domain-purchase";
+import { DomainDetail } from "./domain-detail";
+import { MailboxDetail } from "./mailbox-detail";
+import { MailboxList } from "./mailbox-list";
+import { WarmupHealth } from "./warmup-health";
+
+export interface MailboxesScreenProps {
+  /** Where the person connects Google or Microsoft. Default: graph8 Settings > Purchase > Mailboxes. */
+  appUrl?: string;
+  /** Extra buttons in the toolbar. */
+  toolbarActions?: ReactNode;
+  /** Extra buttons in the open mailbox's header. */
+  renderDetailActions?: (mailbox: MailboxRow) => ReactNode;
+  /** Extra tabs in the open mailbox's panel. */
+  extraDetailTabs?: { id: string; label: string; render: (mailbox: MailboxRow) => ReactNode }[];
+  className?: string;
+}
+
+const TABS = [
+  { id: "mailboxes", label: "Mailboxes" },
+  { id: "deliverability", label: "Deliverability" },
+  { id: "domains", label: "Domains" },
+];
+
+const STAT_ORDER = ["total", "healthy", "watch", "paused", "inbox_rate"];
+
+function label(key: string): string {
+  const s = key.replace(/_/g, " ");
+  return s.charAt(0).toUpperCase() + s.slice(1);
+}
+
+/** Up to four numeric fleet fields; a 0..1 rate reads as a percent. Unknown shapes just show what is there. */
+export function fleetStats(summary: Record<string, unknown>): StatItem[] {
+  const nums = Object.entries(summary).filter(([, v]) => typeof v === "number") as Array<[string, number]>;
+  nums.sort((a, b) => (STAT_ORDER.indexOf(a[0]) + 1 || 99) - (STAT_ORDER.indexOf(b[0]) + 1 || 99));
+  return nums.slice(0, 4).map(([k, v]) => ({
+    label: label(k),
+    value: k.includes("rate") && v <= 1 ? `${Math.round(v * 100)}%` : v.toLocaleString(),
+    tone: k === "healthy" ? "positive" : k === "watch" ? "warning" : undefined,
+  }));
+}
+
+function DomainList({ version, selectedId, onOpen }: { version: number; selectedId: string; onOpen: (d: DomainRow) => void }) {
+  const q = useProviderDomains([version]);
+  const rows = q.items;
+  if (q.loading && !q.loaded) return <Skeleton className="h-24 w-full" />;
+  if (rows.length === 0) return null;
+  return (
+    <>
+    <ul aria-label="Your domains" className="divide-y rounded-md border">
+      {rows.map((d) => (
+        <li key={d.id} className={`flex items-center justify-between px-3 py-2 text-sm ${String(d.id) === selectedId ? "bg-muted" : ""}`}>
+          <button type="button" className="font-medium hover:underline" onClick={() => onOpen(d)}>{d.domain}</button>
+          <span className="flex items-center gap-2">
+            {d.mailbox_count != null ? <span className="text-xs text-muted-foreground">{d.mailbox_count} mailboxes</span> : null}
+            <StatusPill tone={d.provider_connected ? "positive" : "warning"} dot>{d.provider_connected ? "Connected" : "Not connected"}</StatusPill>
+          </span>
+        </li>
+      ))}
+    </ul>
+    <FirstNotice shown={rows.length} limit={rows.length} force={q.truncated} noun="domains" />
+    </>
+  );
+}
+
+export function MailboxesScreen({ appUrl, toolbarActions, renderDetailActions, extraDetailTabs, className }: MailboxesScreenProps) {
+  const [tab, setTab] = useUrlState("tab", "mailboxes");
+  const [selectedId, setSelectedId] = useUrlState("id", "");
+  const [detailTab, setDetailTab] = useUrlState("dtab", "");
+  const [view, setView] = useUrlState("view", "");
+  const [archived, setArchived] = useState(false);
+  const [adding, setAdding] = useState<{ domainId?: number | string } | null>(null);
+  const [version, setVersion] = useState(0);
+  const summary = useG8Query((signal) => g8Get("/deliverability/fleet-summary", undefined, { signal }), [version]);
+  const stats = fleetStats(objectOf(summary.data));
+  const bump = () => setVersion((v) => v + 1);
+
+  const go = (nextTab: string, id: string) => {
+    setTab(nextTab === "mailboxes" ? null : nextTab);
+    setSelectedId(id || null);
+    setDetailTab(null);
+    setView(null);
+  };
+  const close = () => { setSelectedId(null); setDetailTab(null); setView(null); };
+  const add = (
+    <Button onClick={() => setAdding({})}>
+      <Plus className="mr-1 h-4 w-4" aria-hidden /> Add mailbox
+    </Button>
+  );
+
+  return (
+    <ScreenLayout
+      className={className}
+      title="Mailboxes"
+      description="The inboxes you send from: connect, warm up and keep them healthy."
+      icon={<Mail className="h-5 w-5" aria-hidden />}
+      actions={add}
+      tabs={TABS}
+      activeTab={TABS.some((t) => t.id === tab) ? tab : "mailboxes"}
+      onTabChange={(id) => go(id, "")}
+      stats={stats.length > 0 ? stats : undefined}
+    >
+      {tab === "deliverability" ? (
+        <WarmupHealth />
+      ) : tab === "domains" ? (
+        <SplitView
+          expanded={view === "full"} onExpandedChange={(e) => setView(e ? "full" : null)}
+          detailOpen={Boolean(selectedId)}
+          onCloseDetail={close}
+          list={
+            <div className="space-y-4">
+              <DomainList version={version} selectedId={selectedId} onOpen={(d) => go("domains", String(d.id))} />
+              <DomainPurchase onPurchased={bump} />
+            </div>
+          }
+          detail={
+            selectedId ? (
+              <DomainDetail
+                key={selectedId}
+                domainId={selectedId}
+                onExpand={view === "full" ? undefined : () => setView("full")} onCollapse={view === "full" ? () => setView(null) : undefined}
+                onClose={close}
+                onChanged={bump}
+                onBuyMailboxes={(d) => setAdding({ domainId: d.id })}
+                onOpenMailbox={(m) => go("mailboxes", m.id)}
+              />
+            ) : null
+          }
+        />
+      ) : (
+        <div className="space-y-3">
+          <Toolbar
+            actions={toolbarActions}
+            filters={
+              <label className="flex items-center gap-2 text-sm text-muted-foreground">
+                <input type="checkbox" checked={archived} onChange={(e) => setArchived(e.target.checked)} />
+                Show archived
+              </label>
+            }
+          />
+          <SplitView
+            expanded={view === "full"} onExpandedChange={(e) => setView(e ? "full" : null)}
+            detailOpen={Boolean(selectedId)}
+            onCloseDetail={close}
+            list={<MailboxList key={`${version}:${archived}`} includeArchived={archived} onSelect={(m) => go("mailboxes", m.id)} emptyAction={add} />}
+            detail={
+              selectedId ? (
+                <MailboxDetail
+                  key={selectedId}
+                  mailboxId={selectedId}
+                  onExpand={view === "full" ? undefined : () => setView("full")} onCollapse={view === "full" ? () => setView(null) : undefined}
+                  tab={detailTab || undefined}
+                  onTabChange={(t) => setDetailTab(t === "details" ? null : t)}
+                  onClose={close}
+                  onChanged={bump}
+                  onOpenDomain={(d) => go("domains", String(d.id))}
+                  renderActions={renderDetailActions}
+                  extraTabs={extraDetailTabs}
+                />
+              ) : null
+            }
+          />
+        </div>
+      )}
+      <FormSheet
+        width="lg"
+        open={adding !== null}
+        onOpenChange={(o) => !o && setAdding(null)}
+        title={adding?.domainId != null ? "Buy mailboxes" : "Add a mailbox"}
+        description="Connect one you own, use Google or Microsoft, or buy new ones."
+      >
+        {adding ? (
+          <ConnectMailbox
+            appUrl={appUrl}
+            initialMode={adding.domainId != null ? "buy" : "imap"}
+            domainId={adding.domainId}
+            onConnected={() => { setAdding(null); bump(); }}
+            onPurchased={bump}
+          />
+        ) : null}
+      </FormSheet>
+    </ScreenLayout>
+  );
+}

package/blocks/mailboxes/components/warmup-health.tsx

@@ -29,6 +29,8 @@ import { listOf, objectOf, PLACEMENT_TEST_CREDITS, scalars, statusClass } from "
 export interface WarmupHealthProps {
   /** Show warmup analytics and controls for this mailbox (an id from MailboxList). */
   mailboxId?: string | number;
+  /** Show the fleet verdict and counts above the mailbox section. Default true; screens that already show them pass false. */
+  showFleet?: boolean;
   className?: string;
 }
 
@@ -79,29 +81,29 @@ function Fleet() {
           {safe === false ? "Not safe to send right now" : safe === true ? "Safe to send" : "Send status unknown"}
         </p>
         {verdict.error ? (
-          <p className="text-sm text-amber-900">
+          <p className="text-sm text-warning-foreground">
             The deliverability check failed, so sending is not confirmed safe. Retry before you send.
           </p>
         ) : null}
-        {typeof v.reason === "string" ? <p className="text-sm text-gray-700">{v.reason}</p> : null}
+        {typeof v.reason === "string" ? <p className="text-sm text-foreground">{v.reason}</p> : null}
       </div>
       <dl className="grid grid-cols-2 gap-2 sm:grid-cols-4">
         {scalars(objectOf(summary.data))
           .filter(([k]) => k !== "safe to send")
           .map(([k, val]) => (
-            <div key={k} className="rounded border border-gray-200 p-2">
-              <dt className="text-xs capitalize text-gray-500">{k}</dt>
-              <dd className="text-lg font-semibold">{val}</dd>
+            <div key={k} className="rounded border border-border p-2">
+              <dt className="text-xs capitalize text-muted-foreground">{k}</dt>
+              <dd className="text-lg font-medium">{val}</dd>
             </div>
           ))}
       </dl>
       {rows.length > 0 ? (
-        <ul className="divide-y rounded border border-gray-200" aria-label="Degraded mailboxes">
+        <ul className="divide-y rounded border border-border" aria-label="Degraded mailboxes">
           {rows.map((r, i) => (
             <li key={String(r.id ?? i)} className="flex items-center justify-between px-3 py-2 text-sm">
               <span>
                 {r.email ?? r.mailbox_email ?? `Mailbox ${r.id}`}
-                <span className="ml-2 text-xs text-gray-500">{r.reason ?? r.reasons?.join(", ")}</span>
+                <span className="ml-2 text-xs text-muted-foreground">{r.reason ?? r.reasons?.join(", ")}</span>
               </span>
               <span className={`rounded px-2 py-0.5 text-xs ${statusClass(r.severity ?? r.status)}`}>
                 {r.severity ?? r.status ?? "watch"}
@@ -132,7 +134,7 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
   const w = warm.data?.data;
   const a = w?.analytics;
   return (
-    <section className="space-y-3 rounded border border-gray-200 p-3" aria-label="Warmup">
+    <section className="space-y-3 rounded border border-border p-3" aria-label="Warmup">
       <div className="flex items-center justify-between">
         <h3 className="font-medium">
           Warmup {w?.warmup_enabled ? "is on" : "is off"}
@@ -153,7 +155,7 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
         </div>
       </div>
       {w?.error ? (
-        <p role="alert" className="text-sm text-amber-800">
+        <p role="alert" className="text-sm text-warning-foreground">
           The warmup provider did not answer: {w.error}
         </p>
       ) : null}
@@ -161,22 +163,22 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
         <>
           <dl className="grid grid-cols-2 gap-2 sm:grid-cols-4 text-sm">
             <div>
-              <dt className="text-xs text-gray-500">Sent</dt>
-              <dd className="font-semibold">{a.total_sent ?? 0}</dd>
+              <dt className="text-xs text-muted-foreground">Sent</dt>
+              <dd className="font-medium">{a.total_sent ?? 0}</dd>
             </div>
             <div>
-              <dt className="text-xs text-gray-500">Inbox rate</dt>
-              <dd className="font-semibold">
+              <dt className="text-xs text-muted-foreground">Inbox rate</dt>
+              <dd className="font-medium">
                 {a.inbox_rate != null ? `${Math.round(a.inbox_rate <= 1 ? a.inbox_rate * 100 : a.inbox_rate)}%` : "-"}
               </dd>
             </div>
             <div>
-              <dt className="text-xs text-gray-500">Spam</dt>
-              <dd className="font-semibold">{a.total_spam ?? 0}</dd>
+              <dt className="text-xs text-muted-foreground">Spam</dt>
+              <dd className="font-medium">{a.total_spam ?? 0}</dd>
             </div>
             <div>
-              <dt className="text-xs text-gray-500">Reputation</dt>
-              <dd className="font-semibold">{a.reputation ?? "-"}</dd>
+              <dt className="text-xs text-muted-foreground">Reputation</dt>
+              <dd className="font-medium">{a.reputation ?? "-"}</dd>
             </div>
           </dl>
           {(a.daily_stats ?? []).length > 0 ? (
@@ -185,7 +187,7 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
                 <span
                   key={d.date}
                   title={`${d.date}: ${d.sent} sent, ${d.inbox} inbox`}
-                  className="w-2 rounded-t bg-blue-500"
+                  className="w-2 rounded-t bg-foreground/70"
                   style={{ height: `${Math.max(4, Math.min(100, d.sent * 4))}%` }}
                 />
               ))}
@@ -193,7 +195,7 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
           ) : null}
         </>
       ) : (
-        <p className="text-sm text-gray-500">No warmup analytics yet.</p>
+        <p className="text-sm text-muted-foreground">No warmup analytics yet.</p>
       )}
       <Button size="sm" variant="outline" onClick={() => setConfirm(true)}>
         Run placement test
@@ -201,7 +203,7 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
       {toggle.error ? <ApiError error={toggle.error} onRetry={toggle.reset} /> : null}
       {placement.error ? <ApiError error={placement.error} onRetry={placement.reset} /> : null}
       {note ? (
-        <p role="status" className="text-sm text-green-700">
+        <p role="status" className="text-sm text-positive-foreground">
           {note}
         </p>
       ) : null}
@@ -222,10 +224,10 @@ function MailboxWarmup({ mailboxId }: { mailboxId: string | number }) {
   );
 }
 
-export function WarmupHealth({ mailboxId, className }: WarmupHealthProps) {
+export function WarmupHealth({ mailboxId, showFleet = true, className }: WarmupHealthProps) {
   return (
     <div className={`space-y-4 ${className ?? ""}`}>
-      <Fleet />
+      {showFleet || mailboxId == null ? <Fleet /> : null}
       {mailboxId != null ? <MailboxWarmup mailboxId={mailboxId} /> : null}
     </div>
   );

package/blocks/mailboxes/lib/mailboxes-utils.ts

@@ -2,8 +2,13 @@
 
 /** Types and helpers shared by the mailbox components. Open-shaped payloads: every field is optional. */
 
+import { DEFAULT_BRAND } from "@/g8/hooks/use-brand";
+
 /** Where the person connects a Google or Microsoft mailbox. OAuth consent can only run in the graph8 app. */
-export const GRAPH8_APP_MAILBOXES_URL = "https://app.graph8.com/studio/settings?tab=purchase&view=mailboxes";
+/** The path on the platform's web app; components resolve it against the brand (`brandUrl(useBrand(), ...)`). */
+export const GRAPH8_APP_MAILBOXES_PATH = "/studio/settings?tab=purchase&view=mailboxes";
+/** The default (graph8) URL. Kept for existing imports; prefer GRAPH8_APP_MAILBOXES_PATH with useBrand. */
+export const GRAPH8_APP_MAILBOXES_URL = `${DEFAULT_BRAND.appUrl}${GRAPH8_APP_MAILBOXES_PATH}`;
 
 /** The API holds these when you buy (docs/developer-api-reference.md, Channel Purchase); the real rate can change. */
 export const DEFAULT_DOMAIN_CREDITS = 2500;
@@ -48,10 +53,10 @@ export function objectOf(envelope: unknown): Record<string, unknown> {
 /** Tailwind classes for a connection or health state. */
 export function statusClass(status: string | null | undefined): string {
   const s = (status ?? "").toLowerCase();
-  if (["active", "connected", "healthy", "completed", "receiving"].includes(s)) return "bg-green-100 text-green-800";
-  if (["paused", "watch", "warming", "pending", "connecting", "provisioning"].includes(s)) return "bg-amber-100 text-amber-800";
-  if (s) return "bg-red-100 text-red-800";
-  return "bg-gray-100 text-gray-700";
+  if (["active", "connected", "healthy", "completed", "receiving"].includes(s)) return "bg-positive text-positive-foreground";
+  if (["paused", "watch", "warming", "pending", "connecting", "provisioning"].includes(s)) return "bg-warning text-warning-foreground";
+  if (s) return "bg-error text-error-foreground";
+  return "bg-muted text-foreground";
 }
 
 /** Scalar fields of an open-shaped object, for a summary grid. */
@@ -67,3 +72,19 @@ export function newIdempotencyKey(): string {
     ? crypto.randomUUID()
     : `g8-${Date.now()}-${Math.random().toString(36).slice(2)}`;
 }
+
+const HIDDEN_FIELDS = /password|secret|token|credential/i;
+
+/** Every readable field of an open-shaped record as label/value pairs (secrets are never shown). */
+export function fieldItems(obj: Record<string, unknown>): Array<{ label: string; value: string }> {
+  return Object.entries(obj)
+    .filter(([k, v]) => !HIDDEN_FIELDS.test(k) && v !== null && v !== undefined && v !== "")
+    .map(([k, v]) => {
+      const label = k.replace(/_/g, " ").replace(/^./, (c) => c.toUpperCase());
+      if (typeof v === "string" && /_at$|date$/.test(k) && !Number.isNaN(new Date(v).getTime()))
+        return { label, value: new Date(v).toLocaleString("en-US", { dateStyle: "medium", timeStyle: "short", timeZone: "UTC" }) + " UTC" };
+      if (typeof v === "boolean") return { label, value: v ? "Yes" : "No" };
+      if (typeof v === "object") return { label, value: JSON.stringify(v) };
+      return { label, value: String(v) };
+    });
+}

package/blocks/mailboxes/lib/use-provider-domains.ts

@@ -0,0 +1,23 @@
+"use client";
+
+/**
+ * useProviderDomains: every sending domain of the workspace. The domains API pages (`page`, `limit`), so this reads page
+ * after page (100 per page, up to 20 pages) instead of one capped call; `truncated` says the page cap was reached.
+ *
+ * SDK operations: GET /provider-domains?page&limit   (providerDomains.listProviderDomains)   read
+ */
+import { g8Get } from "@/g8/lib/g8-client";
+import { useAllPages } from "@/g8/hooks/use-all-pages";
+import { hasNextOf } from "@/g8/lib/paging";
+import { listOf } from "./mailboxes-utils";
+import type { DomainRow } from "./mailboxes-utils";
+
+export const DOMAIN_PAGE = 100;
+
+export function useProviderDomains(deps: readonly unknown[] = [], enabled = true) {
+  return useAllPages<DomainRow>(async (page, signal) => {
+    const env = await g8Get("/provider-domains", { page, limit: DOMAIN_PAGE }, { signal });
+    const rows = listOf<DomainRow>(env);
+    return { rows, hasNext: hasNextOf(env, DOMAIN_PAGE, rows.length) };
+  }, deps, { enabled });
+}

package/blocks/newsletter/README.md

@@ -133,3 +133,15 @@ Tiers: `read` and `write` need no confirmation; `billable`, `external` and `dest
 | `newsletter.unsubscribeSubscriber` | `PATCH /api/v1/newsletters/{newsletter_id}/subscribers/{subscriber_id}/unsubscribe` | external | `newsletter:run` | SubscriberTable |
 | `newsletter.deleteSubscriber` | `DELETE /api/v1/newsletters/{newsletter_id}/subscribers/{subscriber_id}` | destructive | `newsletter:delete` | SubscriberTable |
 | `newsletter.getIssueAnalyticsKpis` | `GET /api/v1/newsletters/{newsletter_id}/issues/{issue_id}/analytics/kpis` | read | `newsletter:read` | NewsletterStats |
+
+## Depth added (C7c)
+
+New tabs on `NewsletterScreen`: **Templates**, **Lists**, **Settings**; issues gain a **History** tab; a subscriber shows **Activity on an issue**.
+
+- `NewsletterSettings`: rename and goal, sender and opt-in policy (only changed fields are sent), sending domain (start verification is an external confirm, DNS records are listed, status check), resume a paused newsletter (external confirm), mark completed.
+- `NewsletterListSyncs`: turn a list sync on (the consent statement is shown and sent), run it now, stop it (destructive). Lists page with Load more.
+- `NewsletterTemplates`: use a template for a draft issue, approve or archive, rename, delete (destructive), write one with AI (billable confirm).
+- `IssueVersions`: version history with restore (drafts only, second click) and Duplicate (external confirm).
+- `SubscriberTimeline`: delivered, opened and clicked for one subscriber on one sent issue.
+
+Not covered (and why): `rewriteIssueText`, `setIssueText`, `setIssueMediaEdit`, `setIssueButtonAction` and the template equivalents need element ids the HTML editor does not expose; `linkNewsletterCampaign` needs a campaign picker (owned by the pickers PR); `cloneTemplate`, `createTemplateFromLayout` and `batchTemplateGenerationStatus` are template-gallery flows; `getNewsletterSubscriberVerification` status is not shown (verify still runs and reports through the existing flow); `getNewsletterIssueConversation` is the hosted editor's chat. The subscriber and list pickers keep their existing paging.