@graph8/sdk 0.370.0 → 0.373.0

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.

package/blocks/pages/block.json

@@ -14,27 +14,45 @@
     "foundation"
   ],
   "operations": [
+    "apply_landing_page_review_findings_landing_pages__landing_page_id__ai_review_apply_post",
+    "clear_landing_page_consent_override_landing_pages__landing_page_id__tracking_consent_delete",
+    "clone_html_to_landing_page_landing_pages_clone_html_post",
+    "clone_url_to_landing_page_landing_pages_clone_url_post",
     "create_content_page_content_pages_post",
     "create_landing_page_landing_pages_post",
     "create_landing_page_preview_link_landing_pages__landing_page_id__preview_get",
     "delete_content_page_content_pages__page_id__delete",
     "delete_landing_page_landing_pages__landing_page_id__delete",
+    "edit_landing_page_with_chat_landing_pages__landing_page_id__edit_post",
     "enrich_content_page_content_pages__page_id__enrich_seo_post",
+    "export_landing_page_landing_pages__landing_page_id__export_get",
+    "fix_landing_page_finding_with_ai_landing_pages__landing_page_id__ai_review_fix_with_ai_post",
+    "generate_landing_page_seo_metadata_landing_pages__landing_page_id__generate_seo_metadata_post",
     "get_brand_kit_overview_brand_kit_get",
     "get_content_page_content_pages__page_id__get",
     "get_landing_page_landing_pages__landing_page_id__get",
+    "get_landing_page_reporting_overview_landing_pages_reporting_overview_get",
+    "get_landing_page_status_landing_pages__landing_page_id__status_get",
+    "get_landing_page_tracking_landing_pages__landing_page_id__tracking_get",
     "get_layout_selections_brand_kit_layout_selections_get",
     "get_seo_audit_issues_seo_audits__audit_id__issues_get",
     "get_seo_audit_seo_audits__audit_id__get",
     "list_archetypes_brand_kit_archetypes_get",
     "list_content_pages_content_pages_get",
+    "list_landing_page_bindings_landing_pages__landing_page_id__bindings_get",
+    "list_landing_page_domains_landing_pages_domains_get",
+    "list_landing_page_reporting_companies_landing_pages_reporting_companies_get",
+    "list_landing_page_reporting_people_landing_pages_reporting_people_get",
     "list_landing_page_versions_landing_pages__landing_page_id__versions_get",
     "list_landing_pages_landing_pages_get",
     "list_seo_audits_seo_audits_get",
     "list_seo_tracked_keywords_seo_rank_tracking_get",
+    "provision_landing_page_tracking_landing_pages__landing_page_id__tracking_provision_post",
     "publish_landing_page_landing_pages__landing_page_id__publish_post",
+    "remove_landing_page_binding_landing_pages__landing_page_id__bindings_delete",
     "remove_seo_tracked_keywords_seo_rank_tracking_keywords_remove_post",
     "restore_landing_page_version_landing_pages__landing_page_id__versions__version_num__restore_post",
+    "review_landing_page_landing_pages__landing_page_id__ai_review_post",
     "save_layout_selections_brand_kit_layout_selections_put",
     "save_seo_tracked_keywords_seo_rank_tracking_keywords_post",
     "start_seo_audit_seo_audits_post",
@@ -42,7 +60,8 @@
     "unpublish_landing_page_landing_pages__landing_page_id__unpublish_post",
     "update_content_page_content_pages__page_id__patch",
     "update_landing_page_landing_pages__landing_page_id__patch",
-    "update_landing_page_section_landing_pages__landing_page_id__sections__section_idx__patch"
+    "update_landing_page_section_landing_pages__landing_page_id__sections__section_idx__patch",
+    "update_landing_page_tracking_landing_pages__landing_page_id__tracking_patch"
   ],
   "components": [
     {
@@ -148,6 +167,99 @@
         "write",
         "billable"
       ]
+    },
+    {
+      "name": "MoreRows",
+      "file": "components/more-rows.tsx",
+      "purpose": "Footer for paged lists: how many rows are shown and a Load more button.",
+      "operations": [],
+      "tiers": []
+    },
+    {
+      "name": "PageAiTools",
+      "file": "components/page-ai-tools.tsx",
+      "purpose": "AI help for a page: edit by instruction, review and apply fixes, write search metadata (each AI pass confirmed).",
+      "operations": [
+        "edit_landing_page_with_chat_landing_pages__landing_page_id__edit_post",
+        "apply_landing_page_review_findings_landing_pages__landing_page_id__ai_review_apply_post",
+        "review_landing_page_landing_pages__landing_page_id__ai_review_post",
+        "fix_landing_page_finding_with_ai_landing_pages__landing_page_id__ai_review_fix_with_ai_post",
+        "update_landing_page_landing_pages__landing_page_id__patch",
+        "generate_landing_page_seo_metadata_landing_pages__landing_page_id__generate_seo_metadata_post"
+      ],
+      "tiers": [
+        "write",
+        "billable"
+      ]
+    },
+    {
+      "name": "PageAnalytics",
+      "file": "components/page-analytics.tsx",
+      "purpose": "Landing page performance: visits, identified people and companies, form submissions and sources, for all pages or one.",
+      "operations": [
+        "list_landing_page_reporting_people_landing_pages_reporting_people_get",
+        "list_landing_page_reporting_companies_landing_pages_reporting_companies_get",
+        "get_landing_page_reporting_overview_landing_pages_reporting_overview_get"
+      ],
+      "tiers": [
+        "read"
+      ]
+    },
+    {
+      "name": "PageClone",
+      "file": "components/page-clone.tsx",
+      "purpose": "Rebuild a URL or pasted HTML as an editable landing page (confirmed AI spend).",
+      "operations": [
+        "clone_url_to_landing_page_landing_pages_clone_url_post",
+        "clone_html_to_landing_page_landing_pages_clone_html_post"
+      ],
+      "tiers": [
+        "billable"
+      ]
+    },
+    {
+      "name": "PageDomains",
+      "file": "components/page-domains.tsx",
+      "purpose": "Where one page is live: its URLs, publish to a connected domain, take a URL down, download the HTML.",
+      "operations": [
+        "list_landing_page_bindings_landing_pages__landing_page_id__bindings_get",
+        "list_landing_page_domains_landing_pages_domains_get",
+        "export_landing_page_landing_pages__landing_page_id__export_get",
+        "publish_landing_page_landing_pages__landing_page_id__publish_post",
+        "remove_landing_page_binding_landing_pages__landing_page_id__bindings_delete"
+      ],
+      "tiers": [
+        "read",
+        "external",
+        "destructive"
+      ]
+    },
+    {
+      "name": "PageGenerationStatus",
+      "file": "components/page-generation-status.tsx",
+      "purpose": "Progress of an AI-built page while it is generating.",
+      "operations": [
+        "get_landing_page_status_landing_pages__landing_page_id__status_get"
+      ],
+      "tiers": [
+        "read"
+      ]
+    },
+    {
+      "name": "PageTracking",
+      "file": "components/page-tracking.tsx",
+      "purpose": "How one page is measured: tracking mode, form label, chat widget and conversion goal; own stream and consent reset.",
+      "operations": [
+        "update_landing_page_tracking_landing_pages__landing_page_id__tracking_patch",
+        "provision_landing_page_tracking_landing_pages__landing_page_id__tracking_provision_post",
+        "clear_landing_page_consent_override_landing_pages__landing_page_id__tracking_consent_delete",
+        "get_landing_page_tracking_landing_pages__landing_page_id__tracking_get"
+      ],
+      "tiers": [
+        "read",
+        "write",
+        "destructive"
+      ]
     }
   ],
   "hooks": [],

package/blocks/pages/components/more-rows.tsx

@@ -0,0 +1,30 @@
+"use client";
+
+/**
+ * MoreRows: the honest end of a list that the API pages. Shows how many rows are on screen and, while the API has
+ * another page, a "Load more" button. A list never ends silently: either every row is reachable or this says there are more.
+ * (Same contract as the foundation's LoadMore; kept local so the pages block does not wait on it.)
+ *
+ * SDK operations: none.
+ */
+import { Button } from "@graph8/sdk/ui";
+
+export interface MoreRowsProps {
+  /** Rows on screen. */
+  shown: number;
+  /** What the rows are, plural: "people". */
+  noun: string;
+  hasMore: boolean;
+  loading?: boolean;
+  onMore: () => void;
+}
+
+export function MoreRows({ shown, noun, hasMore, loading, onMore }: MoreRowsProps) {
+  if (!hasMore) return null;
+  return (
+    <div className="text-muted-foreground flex items-center justify-between gap-3 py-2 text-sm">
+      <span role="status">Showing {shown.toLocaleString()} {noun}</span>
+      <Button type="button" variant="outline" size="sm" loading={loading} onClick={onMore}>Load more</Button>
+    </div>
+  );
+}