@graph8/sdk 0.370.0 → 0.374.0

package/blocks/newsletter/lib/newsletter-extra.ts

@@ -0,0 +1,60 @@
+"use client";
+
+/**
+ * Small helpers for the newsletter management components (settings, versions, list syncs, templates).
+ * Responses for these endpoints are open dicts in the contract, so every reader accepts what is present.
+ */
+import type { PaginatedResponse } from "@graph8/sdk";
+
+export type Rec = Record<string, unknown>;
+
+export function asRec(value: unknown): Rec {
+  return value && typeof value === "object" && !Array.isArray(value) ? (value as Rec) : {};
+}
+
+export function str(value: unknown, fallback = ""): string {
+  return typeof value === "string" ? value : value == null ? fallback : String(value);
+}
+
+export function num(value: unknown): number | undefined {
+  return typeof value === "number" && Number.isFinite(value) ? value : undefined;
+}
+
+/** The rows of a list payload: a bare array, or the first of `keys` (then `items`) that holds one. */
+export function rowsOf<T = Rec>(data: unknown, ...keys: string[]): T[] {
+  if (Array.isArray(data)) return data as T[];
+  const rec = asRec(data);
+  for (const key of [...keys, "items"]) if (Array.isArray(rec[key])) return rec[key] as T[];
+  return [];
+}
+
+/** The fields of `draft` that differ from `saved`: the body of a partial update. Strings are compared trimmed. */
+export function changedFields<T extends Record<string, string | boolean>>(saved: T, draft: T): Partial<T> {
+  const out: Partial<T> = {};
+  for (const key of Object.keys(draft) as Array<keyof T>) {
+    const a = saved[key];
+    const b = draft[key];
+    if (typeof b === "string" ? b.trim() !== String(a).trim() : b !== a) out[key] = (typeof b === "string" ? b.trim() : b) as T[keyof T];
+  }
+  return out;
+}
+
+/** True for a bare hostname such as updates.acme.com (no scheme, path or spaces). */
+export function isDomain(raw: string): boolean {
+  return /^(?=.{4,253}$)([a-z0-9]([a-z0-9-]{0,61}[a-z0-9])?\.)+[a-z]{2,}$/i.test(raw.trim());
+}
+
+/** The DNS records a verify-domain answer lists, under whichever key it used. */
+export function dnsRecordsOf(data: unknown): Rec[] {
+  return rowsOf<Rec>(data, "dns_records", "records");
+}
+
+/** A version row's number, under whichever key it used. */
+export function versionNumber(v: Rec): number | undefined {
+  return num(v.version_num) ?? num(v.version) ?? num(v.number) ?? num(v.id);
+}
+
+/** Wrap rows and the API's "next" marker (a cursor or an offset; null or absent when there is no more) for `usePaginated`. */
+export function pageOf<T>(rows: T[], next: unknown): PaginatedResponse<T> {
+  return { data: rows, pagination: { next_cursor: next == null || next === "" ? null : String(next) } } as unknown as PaginatedResponse<T>;
+}

package/blocks/nurture/components/nurture-builder.tsx

@@ -17,6 +17,9 @@
 import { useState } from "react";
 import { Button, Card, CardContent, CardHeader, CardTitle, Skeleton } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { useLoadMoreList } from "@/g8/hooks/use-load-more-list";
+import { byPage, hasNextOf } from "@/g8/lib/paging";
+import { LoadMore } from "@/g8/components/paging-notices";
 import { ConfirmSpendDialog } from "@/g8/components/confirm-spend-dialog";
 import { EmptyState } from "@/g8/components/empty-state";
 import { g8Delete, g8Get, g8Post } from "@/g8/lib/g8-client";
@@ -40,7 +43,11 @@ export function NurtureBuilder({ onSelectNurture, pageSize = 50 }: NurtureBuilde
   const [form, setForm] = useState<{ nurture?: Nurture } | null>(null);
   const [toArchive, setToArchive] = useState<Nurture | null>(null);
   const [toResume, setToResume] = useState<Nurture | null>(null);
-  const list = useG8Query((signal) => g8Get<{ nurtures?: Nurture[] }>("/nurtures", { page: 1, limit: pageSize }, { signal }).then((r) => r.data?.nurtures ?? []), [pageSize]);
+  const list = useLoadMoreList(byPage<Nurture>(pageSize, async (page, signal) => {
+    const r = await g8Get<{ nurtures?: Nurture[] }>("/nurtures", { page, limit: pageSize }, { signal });
+    const rows = r.data?.nurtures ?? [];
+    return { rows, hasNext: hasNextOf(r, pageSize, rows.length) };
+  }), [pageSize]);
   const [busy, setBusy] = useState<string | null>(null);
   const act = useG8Mutation((a: Action) => g8Post(`/nurtures/${encodeURIComponent(a.nurture.id)}/${a.kind}`, a.kind === "duplicate" ? {} : undefined), { onSuccess: () => void list.refetch() });
   const run = async (a: Action): Promise<void> => {
@@ -65,7 +72,7 @@ export function NurtureBuilder({ onSelectNurture, pageSize = 50 }: NurtureBuilde
   return (
     <div className="grid gap-3">
       <div className="flex items-center justify-between">
-        <h2 className="text-lg font-semibold">Nurtures</h2>
+        <h2 className="text-lg font-medium">Nurtures</h2>
         <Button onClick={() => setForm({})}>New nurture</Button>
       </div>
       {act.error ? <ApiError error={act.error} title="That did not work" /> : null}
@@ -91,6 +98,7 @@ export function NurtureBuilder({ onSelectNurture, pageSize = 50 }: NurtureBuilde
           ))}
         </ul>
       )}
+      <LoadMore shown={nurtures.length} noun="nurtures" hasMore={list.hasMore} loading={list.loadingMore} onLoadMore={list.loadMore} />
       <ConfirmSpendDialog
         open={toResume !== null}
         tier="external"

package/blocks/nurture/components/nurture-enroll.tsx

@@ -17,13 +17,15 @@
 import { useEffect, useState } from "react";
 import { Button, Card, CardContent, CardHeader, CardTitle, Skeleton } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { useAllLists } from "@/g8/crm/hooks/use-all-lists";
+import { ListSelect } from "@/g8/crm/components/list-select";
 import { ConfirmSpendDialog } from "@/g8/components/confirm-spend-dialog";
 import { EmptyState } from "@/g8/components/empty-state";
 import { g8Get, g8Patch, g8Post } from "@/g8/lib/g8-client";
 import { useG8Mutation } from "@/g8/hooks/use-g8-mutation";
 import { useG8Query } from "@/g8/hooks/use-g8-query";
 import { isDrafted, isNurtureMissing, isNurtureOff, statusOf } from "../lib/nurture-types";
-import type { ListOption, Nurture } from "../lib/nurture-types";
+import type { Nurture } from "../lib/nurture-types";
 import { pluralWord } from "@/g8/lib/plural";
 import { useBrand } from "@/g8/hooks/use-brand";
 
@@ -38,7 +40,7 @@ export function NurtureEnroll({ nurtureId, contactIds = [], onLaunched }: Nurtur
   const brand = useBrand();
   const base = `/nurtures/${encodeURIComponent(nurtureId)}`;
   const nurture = useG8Query((signal) => g8Get<Nurture>(base, {}, { signal }).then((r) => r.data), [base]);
-  const lists = useG8Query((signal) => g8Get<ListOption[]>("/lists", { limit: 200 }, { signal }).then((r) => r.data ?? []), []);
+  const lists = useAllLists([]);
   const [listId, setListId] = useState("");
   const [consent, setConsent] = useState(false);
   const [confirming, setConfirming] = useState(false);
@@ -63,7 +65,7 @@ export function NurtureEnroll({ nurtureId, contactIds = [], onLaunched }: Nurtur
   if (nurture.error) return <ApiError error={nurture.error} title="Could not load the nurture" onRetry={() => void nurture.refetch()} />;
   if (!nurture.data) return <Skeleton className="h-40 w-full" aria-busy="true" />;
 
-  const list = (lists.data ?? []).find((l) => String(l.id) === listId);
+  const list = lists.items.find((l) => String(l.id) === listId);
   const attached = nurture.data.associated_list_id ? String(nurture.data.associated_list_id) === listId : false;
   const audience = list?.contact_count ?? 0;
   const canLaunch = isDrafted(nurture.data) && attached && audience > 0 && consent;
@@ -73,10 +75,7 @@ export function NurtureEnroll({ nurtureId, contactIds = [], onLaunched }: Nurtur
       <CardContent className="grid gap-4">
         <div className="grid max-w-md gap-1">
           <label htmlFor="g8-nurture-audience" className="text-sm font-medium">Audience list</label>
-          <select id="g8-nurture-audience" className="border-input bg-background h-9 rounded-md border px-2 text-sm" value={listId} disabled={!isDrafted(nurture.data)} onChange={(e) => setListId(e.target.value)}>
-            <option value="">Choose a list</option>
-            {(lists.data ?? []).map((l) => <option key={l.id} value={l.id}>{l.title} ({(l.contact_count ?? 0).toLocaleString()})</option>)}
-          </select>
+          <ListSelect id="g8-nurture-audience" label="Audience list" emptyOption="Choose a list" pageSize={200} optionLabel={(l) => `${l.title} (${(l.contact_count ?? 0).toLocaleString()})`} value={listId} valueLabel={list?.title} disabled={!isDrafted(nurture.data)} onChange={(l) => setListId(l ? String(l.id) : "")} />
           <div className="flex gap-2">
             <Button size="sm" variant="outline" loading={setAudience.loading} disabled={!listId || attached || !isDrafted(nurture.data)} onClick={() => void setAudience.mutate(Number(listId))}>Use this list</Button>
             {contactIds.length > 0 ? <Button size="sm" variant="outline" loading={addContacts.loading} disabled={!attached} onClick={() => void addContacts.mutate(Number(listId))}>Add {contactIds.length} selected {pluralWord(contactIds.length, "contact")}</Button> : null}

package/blocks/nurture/components/nurture-form.tsx

@@ -15,11 +15,12 @@
 import { useState } from "react";
 import { Button, Input, Label, Skeleton, Textarea } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { ListSelect } from "@/g8/crm/components/list-select";
 import { g8Get, g8Patch, g8Post } from "@/g8/lib/g8-client";
 import { useG8Mutation } from "@/g8/hooks/use-g8-mutation";
 import { useG8Query } from "@/g8/hooks/use-g8-query";
 import { channelPayload, stepsPayload } from "../lib/nurture-types";
-import type { ListOption, MailboxOption, Nurture, StepDraft } from "../lib/nurture-types";
+import type { MailboxOption, Nurture, StepDraft } from "../lib/nurture-types";
 import { useBrand } from "@/g8/hooks/use-brand";
 
 export interface NurtureFormProps {
@@ -57,7 +58,6 @@ function NurtureFormFields({ nurture, onSaved, onCancel }: NurtureFormProps) {
   const [unsubscribe, setUnsubscribe] = useState(nurture?.include_unsubscribe_cta ?? true);
   const [steps, setSteps] = useState<StepDraft[]>([{ waitDays: 0, subject: "", body: "" }]);
   const mailboxes = useG8Query((signal) => g8Get<{ mailboxes?: MailboxOption[] }>("/mailboxes/my", {}, { signal }).then((r) => (r.data?.mailboxes ?? []).filter((m) => !m.is_archived)), []);
-  const lists = useG8Query((signal) => g8Get<ListOption[]>("/lists", { limit: 200 }, { signal }).then((r) => r.data ?? []), []);
 
   const mailbox = (mailboxes.data ?? []).find((m) => String(m.id) === mailboxId);
   const stepsOk = steps.length > 0 && steps.every((s) => s.subject.trim() && s.body.trim());
@@ -95,14 +95,11 @@ function NurtureFormFields({ nurture, onSaved, onCancel }: NurtureFormProps) {
             <option value="">{mailboxes.loading ? "Loading..." : "Choose a mailbox"}</option>
             {(mailboxes.data ?? []).map((m) => <option key={m.id} value={m.id}>{m.email}</option>)}
           </select>
-          {!editing && !mailboxes.loading && (mailboxes.data ?? []).length === 0 ? <p className="mt-1 text-xs text-amber-700">No mailbox is connected. Connect one in {brand.linkLabel} first (Google and Microsoft sign-in happens in the app).</p> : null}
+          {!editing && !mailboxes.loading && (mailboxes.data ?? []).length === 0 ? <p className="mt-1 text-xs text-warning-foreground">No mailbox is connected. Connect one in {brand.linkLabel} first (Google and Microsoft sign-in happens in the app).</p> : null}
         </div>
         <div>
           <Label htmlFor="g8-nurture-list" className="mb-1">Audience list (consented contacts)</Label>
-          <select id="g8-nurture-list" className={SELECT} value={listId} onChange={(e) => setListId(e.target.value)}>
-            <option value="">Choose later</option>
-            {(lists.data ?? []).map((l) => <option key={l.id} value={l.id}>{l.title}</option>)}
-          </select>
+          <ListSelect id="g8-nurture-list" label="Audience list (consented contacts)" emptyOption="Choose later" pageSize={200} value={listId} valueLabel={nurture?.associated_list_id ? `List ${nurture.associated_list_id}` : undefined} selectClassName={SELECT} onChange={(l) => setListId(l ? String(l.id) : "")} />
         </div>
       </div>
       <fieldset className="flex flex-wrap gap-4 text-sm">
@@ -113,7 +110,7 @@ function NurtureFormFields({ nurture, onSaved, onCancel }: NurtureFormProps) {
       </fieldset>
       {editing ? <p className="text-muted-foreground text-sm">The emails and the sender are fixed once created. To change them, duplicate this nurture and build the copy.</p> : (
         <div className="grid gap-3">
-          <h3 className="text-sm font-semibold">Emails</h3>
+          <h3 className="text-sm font-medium">Emails</h3>
           {steps.map((s, i) => (
             <div key={i} className="grid gap-2 rounded-md border p-3">
               <div className="flex items-end gap-2">

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

@@ -25,6 +25,10 @@ import type { ReactNode } from "react";
 import { Copy, ExternalLink, HeartHandshake, Pause, Play, Plus, Trash2 } from "lucide-react";
 import { Button, Skeleton } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { useLoadMoreList } from "@/g8/hooks/use-load-more-list";
+import { byPage, hasNextOf } from "@/g8/lib/paging";
+import { LoadMore } from "@/g8/components/paging-notices";
+import { useAllLists } from "@/g8/crm/hooks/use-all-lists";
 import { ConfirmSpendDialog } from "@/g8/components/confirm-spend-dialog";
 import { EmptyState } from "@/g8/components/empty-state";
 import { DetailPanel } from "@/g8/components/screen/detail-panel";
@@ -41,7 +45,7 @@ import { g8Delete, g8Get, g8Post } from "@/g8/lib/g8-client";
 import { useG8Mutation } from "@/g8/hooks/use-g8-mutation";
 import { useG8Query } from "@/g8/hooks/use-g8-query";
 import { isDrafted, isFinished, isLiveLike, isNurtureOff, isPaused, statusOf } from "../lib/nurture-types";
-import type { ListOption, MailboxOption, Nurture } from "../lib/nurture-types";
+import type { MailboxOption, Nurture } from "../lib/nurture-types";
 import { NurtureEnroll } from "./nurture-enroll";
 import { NurtureForm } from "./nurture-form";
 import { NurtureStats } from "./nurture-stats";
@@ -79,6 +83,9 @@ function matchesFilter(n: Nurture, f: string): boolean {
   return isFinished(n);
 }
 
+/** Nurtures per read; "Load more" appends the next page. */
+const NURTURE_PAGE = 100;
+
 interface StepRow { step_order?: number; time_interval?: number; step_data?: { subject?: string; body?: string } }
 
 const when = (v: string | null | undefined): string => (v ? new Date(v).toLocaleString() : "");
@@ -87,12 +94,12 @@ const yesNo = (v: boolean | undefined, fallback: boolean): string => ((v ?? fall
 /** Every field of one nurture, its audience and sender by name, and each email of the series. */
 function NurtureDetails({ nurtureId }: { nurtureId: string }) {
   const one = useG8Query((signal) => g8Get<Nurture>(`/nurtures/${encodeURIComponent(nurtureId)}`, {}, { signal }).then((r) => r.data), [nurtureId]);
-  const lists = useG8Query((signal) => g8Get<ListOption[]>("/lists", { limit: 200 }, { signal }).then((r) => r.data ?? []), []);
+  const lists = useAllLists([]);
   const boxes = useG8Query((signal) => g8Get<{ mailboxes?: MailboxOption[] }>("/mailboxes/my", {}, { signal }).then((r) => r.data?.mailboxes ?? []), []);
   if (one.error) return <ApiError error={one.error} title="Could not load the nurture" onRetry={() => void one.refetch()} />;
   if (!one.data) return <Skeleton className="h-40 w-full" aria-busy="true" />;
   const n = one.data;
-  const list = (lists.data ?? []).find((l) => l.id === n.associated_list_id);
+  const list = lists.items.find((l) => l.id === n.associated_list_id);
   const box = (boxes.data ?? []).find((m) => m.id === n.pinned_mailbox_id);
   const steps = Array.isArray(n.steps) ? (n.steps as StepRow[]) : [];
   return (
@@ -147,7 +154,11 @@ export function NurtureScreen({ connectMailboxUrl: connectMailboxUrlProp, contac
   const [toArchive, setToArchive] = useState<Nurture | null>(null);
   const [busy, setBusy] = useState<string | null>(null);
 
-  const list = useG8Query((signal) => g8Get<{ nurtures?: Nurture[] }>("/nurtures", { page: 1, limit: 100 }, { signal }).then((r) => r.data?.nurtures ?? []), []);
+  const list = useLoadMoreList(byPage<Nurture>(NURTURE_PAGE, async (page, signal) => {
+    const r = await g8Get<{ nurtures?: Nurture[] }>("/nurtures", { page, limit: NURTURE_PAGE }, { signal });
+    const rows = r.data?.nurtures ?? [];
+    return { rows, hasNext: hasNextOf(r, NURTURE_PAGE, rows.length) };
+  }), []);
   const mailboxes = useG8Query((signal) => g8Get<{ mailboxes?: MailboxOption[] }>("/mailboxes/my", {}, { signal }).then((r) => (r.data?.mailboxes ?? []).filter((m) => !m.is_archived)), [], { enabled: creating });
 
   const act = useG8Mutation((a: { kind: "pause" | "duplicate"; nurture: Nurture }) => g8Post(`/nurtures/${encodeURIComponent(a.nurture.id)}/${a.kind}`, a.kind === "duplicate" ? {} : undefined), { onSuccess: () => void list.refetch() });
@@ -247,7 +258,7 @@ export function NurtureScreen({ connectMailboxUrl: connectMailboxUrlProp, contac
       )}
     >
       {act.error ? <ApiError error={act.error} title="That did not work" /> : null}
-      <SplitView list={rows} detail={detail} detailOpen={Boolean(selected)} onCloseDetail={() => { setId(null); setView(null); }} expanded={view === "full"} onExpandedChange={(e) => setView(e ? "full" : null)} detailWidth="xl" />
+      <SplitView list={<>{rows}<LoadMore shown={all.length} noun="nurtures" hasMore={list.hasMore} loading={list.loadingMore} onLoadMore={list.loadMore} /></>} detail={detail} detailOpen={Boolean(selected)} onCloseDetail={() => { setId(null); setView(null); }} expanded={view === "full"} onExpandedChange={(e) => setView(e ? "full" : null)} detailWidth="xl" />
       <FormSheet open={creating} onOpenChange={setCreating} title="New nurture" description="Pick the sender and the audience, then write the emails. Nothing is sent until you go live.">
         <div className="grid gap-4">
           {noMailbox ? (

package/blocks/nurture/components/nurture-stats.tsx

@@ -15,11 +15,12 @@
 import { useState } from "react";
 import { Button, Card, CardContent, CardHeader, CardTitle, Skeleton } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { useAllLists } from "@/g8/crm/hooks/use-all-lists";
 import { EmptyState } from "@/g8/components/empty-state";
 import { g8Get } from "@/g8/lib/g8-client";
 import { useG8Query } from "@/g8/hooks/use-g8-query";
 import { isNurtureMissing, isNurtureOff, percentOf, statusOf } from "../lib/nurture-types";
-import type { ListOption, Nurture, NurturePerformance } from "../lib/nurture-types";
+import type { Nurture, NurturePerformance } from "../lib/nurture-types";
 
 export interface NurtureStatsProps {
   nurtureId: string;
@@ -31,7 +32,7 @@ function Tile({ label, value }: { label: string; value: string }) {
   return (
     <div className="rounded-md border p-3">
       <p className="text-muted-foreground text-xs">{label}</p>
-      <p className="text-xl font-semibold">{value}</p>
+      <p className="text-xl font-medium">{value}</p>
     </div>
   );
 }
@@ -39,7 +40,7 @@ function Tile({ label, value }: { label: string; value: string }) {
 export function NurtureStats({ nurtureId, days = 30 }: NurtureStatsProps) {
   const [windowDays, setWindowDays] = useState(days);
   const nurture = useG8Query((signal) => g8Get<Nurture>(`/nurtures/${encodeURIComponent(nurtureId)}`, {}, { signal }).then((r) => r.data), [nurtureId]);
-  const lists = useG8Query((signal) => g8Get<ListOption[]>("/lists", { limit: 200 }, { signal }).then((r) => r.data ?? []), []);
+  const lists = useAllLists([]);
   const perf = useG8Query(
     (signal) => g8Get<{ data?: NurturePerformance }>(`/analytics/outbound/sequence-performance/${encodeURIComponent(nurtureId)}`, { days: windowDays }, { signal }).then((r) => (r.data?.data ?? (r.data as NurturePerformance | undefined)) ?? null),
     [nurtureId, windowDays],
@@ -49,7 +50,7 @@ export function NurtureStats({ nurtureId, days = 30 }: NurtureStatsProps) {
   if (isNurtureMissing(nurture.error)) return <EmptyState title="This nurture no longer exists" description="It may have been deleted, or it is not yours to see. Pick another nurture." />;
   if (nurture.error) return <ApiError error={nurture.error} title="Could not load the nurture" onRetry={() => void nurture.refetch()} />;
   if (!nurture.data) return <Skeleton className="h-32 w-full" aria-busy="true" />;
-  const audience = (lists.data ?? []).find((l) => l.id === nurture.data?.associated_list_id);
+  const audience = lists.items.find((l) => l.id === nurture.data?.associated_list_id);
   const p = perf.data;
   const hasNumbers = Boolean(p && (p.contacts_total || p.emails_sent));
   return (

package/blocks/objects/README.md

@@ -51,7 +51,7 @@ Installs `foundation` first if it is missing. Everything lands under `g8/objects
 5. **Archive**: the only delete. The record leaves lists but stays readable by id with its history; `restoreObjectRecord` brings it back.
    Archiving a record, a field or a whole object always goes through `ConfirmSpendDialog`.
 
-For `contacts`, `companies` and `deals`, `ObjectRecordDetail` also renders `RecordRolesPanel` (SDR / AE / CSM owner slots).
+For `contacts`, `companies` and `deals`, `ObjectRecordDetail` also renders `RecordRolesPanel` (SDR / AE / CSM owner slots; each slot is a teammate picker, so nobody types a user id; `userOptions` still gives a fixed list). A person attribute (`actor_reference`) is a teammate picker too.
 Custom objects have no role slots.
 
 ```tsx

package/blocks/objects/block.json

@@ -12,7 +12,8 @@
     "finished ObjectsScreen composing the picker, table, record detail and schema editor"
   ],
   "dependsOn": [
-    "foundation"
+    "foundation",
+    "pickers"
   ],
   "operations": [
     "archive_attribute_objects__object_slug__attributes__attr_slug__delete",
@@ -31,6 +32,7 @@
     "list_object_attributes_objects__object_slug__attributes_get",
     "list_object_records_objects__object_slug__records_get",
     "list_objects_objects_get",
+    "list_team_members_team_members_get",
     "restore_object_record_objects__object_slug__records__record_id__restore_post",
     "update_attribute_objects__object_slug__attributes__attr_slug__patch",
     "update_object_objects__object_slug__patch",
@@ -104,8 +106,12 @@
       "name": "AttributeFieldInput",
       "file": "components/attribute-field-input.tsx",
       "purpose": "One form control chosen by attribute type (text, number, date, select, checkbox...).",
-      "operations": [],
-      "tiers": []
+      "operations": [
+        "list_team_members_team_members_get"
+      ],
+      "tiers": [
+        "read"
+      ]
     },
     {
       "name": "ObjectNotFound",
@@ -145,7 +151,8 @@
       "operations": [
         "get_record_role_slots_records__entity_type___entity_id__role_slots_get",
         "assign_record_role_records__entity_type___entity_id__role_assignments_post",
-        "clear_record_role_records__entity_type___entity_id__role_assignments__role_slot__delete"
+        "clear_record_role_records__entity_type___entity_id__role_assignments__role_slot__delete",
+        "list_team_members_team_members_get"
       ],
       "tiers": [
         "read",
@@ -220,7 +227,8 @@
     "objects:delete",
     "objects:manage",
     "objects:read",
-    "objects:write"
+    "objects:write",
+    "team:read"
   ],
   "defaults": [
     {

package/blocks/objects/components/attribute-field-input.tsx

@@ -5,10 +5,12 @@
  *
  * Purpose: render the right input for an attribute's type (text, number, date, select, checkbox...)
  * and report the raw draft value. Convert it with `fromInputValue` from ../lib/object-types.
- * SDK operations: none (presentational). Used by RecordFormDialog and ObjectRecordDetail.
+ * SDK operations: none of its own. A person attribute (`actor_reference`) uses the pickers block MemberPicker (GET /team-members,
+ * read) so nobody types a user id; the raw id stays under "Use an id instead". Used by RecordFormDialog and ObjectRecordDetail.
  */
 
 import { Input } from "@graph8/sdk/ui";
+import { MemberPicker } from "@/g8/pickers/components/member-picker";
 import { selectOptions } from "../lib/object-types";
 import type { ObjectAttribute } from "../lib/object-types";
 
@@ -58,6 +60,17 @@ export function AttributeFieldInput({ attribute, value, onChange, disabled, id }
       </select>
     );
   }
+  if (attribute.attribute_type === "actor_reference" && !attribute.is_multiselect) {
+    return (
+      <div className="flex flex-col gap-1">
+        <MemberPicker id={fieldId} label={attribute.title} value={String(value) || null} disabled={disabled} placeholder="Choose a person" onChange={(m) => onChange(m.id)} />
+        <details className="text-xs">
+          <summary className="text-muted-foreground cursor-pointer">Use an id instead</summary>
+          <Input aria-label={`${attribute.title} user id`} placeholder="User id" className="mt-1 h-8 w-40" value={String(value)} disabled={disabled} onChange={(e) => onChange(e.target.value)} />
+        </details>
+      </div>
+    );
+  }
   const hint = attribute.is_multiselect
     ? "Separate several values with commas"
     : attribute.attribute_type === "record_reference"

package/blocks/objects/components/object-record-detail.tsx

@@ -17,6 +17,7 @@
 import { useEffect, useState } from "react";
 import { Button, Card, CardContent, CardHeader, CardTitle, Skeleton } from "@graph8/sdk/ui";
 import { ApiError } from "@/g8/components/api-error";
+import { FirstNotice } from "@/g8/components/paging-notices";
 import { ConfirmSpendDialog } from "@/g8/components/confirm-spend-dialog";
 import { EmptyState } from "@/g8/components/empty-state";
 import { g8Delete, g8Get, g8Post } from "@/g8/lib/g8-client";
@@ -37,6 +38,10 @@ export interface ObjectRecordDetailProps {
   onBack?: () => void;
 }
 
+/** The relationships and history APIs have no paging: a full read is announced under the list. */
+const CHANGE_LIMIT = 20;
+const RELATION_LIMIT = 25;
+
 interface ChangeEntry { id: string; action: string; occurred_at: string; actor_type?: string; changes?: Record<string, unknown> }
 interface Relationship { id: string; relationship_label?: string; source_record_id: string; target_record_id: string; source_label?: string; target_label?: string }
 
@@ -70,7 +75,7 @@ export function ObjectRecordDetail({ objectSlug, recordId, onArchived, onBack }:
       <div className="flex items-center justify-between gap-2">
         <div>
           {onBack ? <Button variant="link" size="sm" onClick={onBack}>Back</Button> : null}
-          <h2 className="text-lg font-semibold">{recordTitle(schema.definition, schema.attributes, current)}</h2>
+          <h2 className="text-lg font-medium">{recordTitle(schema.definition, schema.attributes, current)}</h2>
           {current.is_archived ? <p className="text-muted-foreground text-sm">This record is archived.</p> : null}
         </div>
         <div className="flex gap-2">
@@ -108,6 +113,7 @@ export function ObjectRecordDetail({ objectSlug, recordId, onArchived, onBack }:
               ))}
             </ul>
           )}
+          <FirstNotice shown={(relationships.data ?? []).length} limit={RELATION_LIMIT} noun="related records" />
         </CardContent>
       </Card>
       <Card>
@@ -126,6 +132,7 @@ export function ObjectRecordDetail({ objectSlug, recordId, onArchived, onBack }:
               ))}
             </ul>
           )}
+          <FirstNotice shown={(changes.data ?? []).length} limit={CHANGE_LIMIT} noun="changes" />
         </CardContent>
       </Card>
       <RecordFormDialog open={editing} objectSlug={objectSlug} singularNoun={noun} attributes={schema.attributes} record={current} onClose={() => setEditing(false)} onSaved={() => { setEditing(false); refreshAll(); }} />

package/blocks/objects/components/object-schema-editor.tsx

@@ -148,7 +148,7 @@ export function ObjectSchemaEditor({ initialObjectSlug, onSelectObject }: Object
               {schema.error ? <ApiError error={schema.error} title="Could not load the fields" onRetry={() => void schema.refetch()} /> : null}
               {!current.is_system ? <ObjectDetailsForm key={current.slug} object={current} attributes={schema.attributes} onSaved={() => void objects.refetch()} /> : <p className="text-muted-foreground text-sm">Standard objects can gain fields but cannot be renamed or archived.</p>}
               <div className="flex items-center justify-between">
-                <h3 className="text-sm font-semibold">Fields</h3>
+                <h3 className="text-sm font-medium">Fields</h3>
                 <Button size="sm" onClick={() => setEditing("new")}>Add field</Button>
               </div>
               {schema.loading ? <Skeleton className="h-24 w-full" /> : schema.attributes.length === 0 ? (

package/blocks/objects/components/record-roles-panel.tsx

@@ -8,7 +8,8 @@
  *   2. assignRecordRole (POST /records/{entity_type}/{entity_id}/role-assignments)                  write
  *   3. clearRecordRole (DELETE /records/{entity_type}/{entity_id}/role-assignments/{role_slot})     destructive -> ConfirmSpendDialog
  * Only the standard objects (contacts, companies, deals) have role slots; custom objects do not.
- * The API takes a user id, not a name: pass `userOptions` to give people a picker.
+ * The API takes a user id, not a name, so nobody types one: each slot has a MemberPicker (search teammates by name;
+ * GET /team-members, read). Pass `userOptions` for your own fixed list; a raw id still works under "Use an id instead".
  */
 
 import { useEffect, useState } from "react";
@@ -18,6 +19,7 @@ import { ConfirmSpendDialog } from "@/g8/components/confirm-spend-dialog";
 import { g8Delete, g8Get, g8Post } from "@/g8/lib/g8-client";
 import { useG8Mutation } from "@/g8/hooks/use-g8-mutation";
 import { useG8Query } from "@/g8/hooks/use-g8-query";
+import { MemberPicker } from "@/g8/pickers/components/member-picker";
 
 type Slot = "sdr" | "ae" | "csm";
 const SLOTS: ReadonlyArray<{ slot: Slot; label: string }> = [
@@ -32,7 +34,7 @@ interface RoleSlots { sdr?: SlotInfo | null; ae?: SlotInfo | null; csm?: SlotInf
 export interface RecordRolesPanelProps {
   entityType: "contact" | "company" | "deal";
   entityId: string;
-  /** Optional people to pick from. Without it the user id is typed. */
+  /** Optional people to pick from (your own list). Without it a MemberPicker searches the team. */
   userOptions?: ReadonlyArray<{ id: string; name: string }>;
 }
 
@@ -40,10 +42,11 @@ export function RecordRolesPanel({ entityType, entityId, userOptions }: RecordRo
   const base = `/records/${entityType}/${encodeURIComponent(entityId)}`;
   const slots = useG8Query((signal) => g8Get<RoleSlots>(`${base}/role-slots`, {}, { signal }).then((r) => r.data), [base]);
   const [draft, setDraft] = useState<Record<string, string>>({});
+  const [draftNames, setDraftNames] = useState<Record<string, string>>({});
   const [clearing, setClearing] = useState<Slot | null>(null);
   const [busySlot, setBusySlot] = useState<Slot | null>(null);
   const assign = useG8Mutation((vars: { slot: Slot; userId: string }) => g8Post(`${base}/role-assignments`, { role_slot: vars.slot, user_id: vars.userId }), {
-    onSuccess: (_r, vars) => { setDraft((d) => ({ ...d, [vars.slot]: "" })); void slots.refetch(); },
+    onSuccess: (_r, vars) => { setDraft((d) => ({ ...d, [vars.slot]: "" })); setDraftNames((n) => ({ ...n, [vars.slot]: "" })); void slots.refetch(); },
   });
   const assignSlot = async (slot: Slot, userId: string): Promise<void> => {
     setBusySlot(slot);
@@ -53,6 +56,7 @@ export function RecordRolesPanel({ entityType, entityId, userOptions }: RecordRo
   // Typed ids and open dialogs belong to ONE record.
   useEffect(() => {
     setDraft({});
+    setDraftNames({});
     setClearing(null);
     assign.reset();
     clear.reset();
@@ -65,7 +69,7 @@ export function RecordRolesPanel({ entityType, entityId, userOptions }: RecordRo
   const canModify = slots.data != null && slots.data.can_modify !== false;
   return (
     <section aria-label="Owners" className="grid gap-2">
-      <h3 className="text-sm font-semibold">Owners</h3>
+      <h3 className="text-sm font-medium">Owners</h3>
       {slots.loading && !slots.data ? <p className="text-muted-foreground text-sm">Loading owners...</p> : null}
       {SLOTS.map(({ slot, label }) => {
         const holder = slots.data?.[slot];
@@ -81,7 +85,13 @@ export function RecordRolesPanel({ entityType, entityId, userOptions }: RecordRo
                     {userOptions.map((u) => <option key={u.id} value={u.id}>{u.name}</option>)}
                   </select>
                 ) : (
-                  <Input aria-label={`${label} user id`} placeholder="User id" className="h-8 w-40" value={draft[slot] ?? ""} onChange={(e) => setDraft((d) => ({ ...d, [slot]: e.target.value }))} />
+                  <>
+                    <MemberPicker label={`${label} person`} value={draft[slot] || null} selectedName={draftNames[slot]} placeholder="Choose a person" onChange={(m) => { setDraft((d) => ({ ...d, [slot]: m.id })); setDraftNames((n) => ({ ...n, [slot]: m.name })); }} />
+                    <details className="text-xs">
+                      <summary className="text-muted-foreground cursor-pointer">Use an id instead</summary>
+                      <Input aria-label={`${label} user id`} placeholder="User id" className="mt-1 h-8 w-40" value={draft[slot] ?? ""} onChange={(e) => { setDraft((d) => ({ ...d, [slot]: e.target.value })); setDraftNames((n) => ({ ...n, [slot]: "" })); }} />
+                    </details>
+                  </>
                 )}
                 <Button size="sm" variant="outline" loading={busySlot === slot} disabled={!draft[slot] || busySlot !== null} onClick={() => void assignSlot(slot, draft[slot])}>Assign</Button>
                 {holder ? <Button size="sm" variant="ghost" onClick={() => { clear.reset(); setClearing(slot); }}>Clear</Button> : null}

package/blocks/pages/README.md

@@ -114,3 +114,17 @@ export default function Pages() { const router = useRouter(); return <PageList o
 - `recipes/edit-page-section.ts`: Change the text of one section of a landing page
 - `recipes/audit-site-seo.ts`: Run an SEO site audit and list what to fix first
 - `recipes/refresh-brand-kit.ts`: Re-scan the brand kit from the website
+
+## Depth added (C7c)
+
+Landing pages now cover the whole life of a page, not only create and publish. Each open page has these tabs beside Edit and Details:
+
+- **Publishing** (`PageDomains`): the URLs the page is live on, publish to a connected domain (domain, subdomain and path are sent together, behind a confirm), take one URL down (destructive confirm), download the HTML.
+- **Tracking** (`PageTracking`): tracking mode, form label, chat widget, conversion goal (only changed fields are sent), a dedicated stream through Provision, reset consent (destructive confirm).
+- **AI tools** (`PageAiTools`): edit by instruction, review (quick check is 0 credits), apply exact fixes for free, fix one finding with AI, write search metadata. Every AI pass is a billable confirm; the API quotes no price in advance, so the dialog says what runs.
+- **Analytics** (`PageAnalytics`): visits, people, companies, sources and forms for 7/30/90 days and a traffic source; the top-level Analytics tab is portfolio-wide. People and companies page with Load more.
+- "Clone a page" (`PageClone`, confirmed spend) rebuilds a URL or pasted HTML as a draft; `PageGenerationStatus` shows progress of an AI-built page.
+
+The headline numbers read the API totals, and a page past the first 100 still opens with its real title.
+
+Not covered (and why): HTML-level edits (`importLandingPageHtml`, `replaceLandingPageHtml`, `updateLandingPageHtml`, `setLandingPageText/Media`, element edits, anchors) need element ids a form cannot show; templates and components (`duplicateLandingPageTemplate`, `promoteLandingPageTemplate`, `ensureLandingPageBaseTemplate`, `extract components`) are template admin; `agent-sessions` and `getLandingPageConversation` are the hosted editor's chat; consent default (`/landing-page-consent/*`) is workspace admin; clone-homepage duplicates clone-url. Content calendar, programmatic pages and brand-kit template ops belong to later blocks.