@graph8/sdk 0.362.0 → 0.373.0

package/stacks/apollo.json

@@ -2,10 +2,11 @@
   "$schema": "./stack.schema.json",
   "id": "apollo",
   "title": "Apollo-style prospecting",
-  "summary": "Find, enrich and contact prospects: contacts, lists, search, enrichment, intent, sequences, inbox, dialer, deals and analytics.",
+  "summary": "Find, enrich and contact prospects: contacts, lists, search, enrichment, intent, sequences, campaigns, inbox, dialer, deals and analytics.",
   "status": "available",
   "blocks": [
     "foundation",
+    "pickers",
     "crm",
     "lists",
     "search",
@@ -14,115 +15,224 @@
     "visitors",
     "mailboxes",
     "sequencer",
+    "campaigns",
     "inbox",
     "dialer",
+    "phone-numbers",
     "appointments",
     "deals",
     "analytics",
-    "integrations"
+    "integrations",
+    "company-intelligence"
   ],
+  "home": "/analytics",
   "nav": [
+    {
+      "label": "Analytics",
+      "path": "/analytics",
+      "block": "analytics",
+      "component": "AnalyticsScreen",
+      "icon": "BarChart3",
+      "group": "Insights",
+      "description": "Pipeline, engagement and team KPIs"
+    },
+    {
+      "label": "Prospect search",
+      "path": "/prospect-search",
+      "block": "search",
+      "component": "ProspectSearchScreen",
+      "icon": "Search",
+      "group": "Prospect",
+      "description": "Find new people and companies, then save them"
+    },
     {
       "label": "Contacts",
       "path": "/contacts",
       "block": "crm",
-      "component": "ContactTable"
+      "component": "ContactsScreen",
+      "icon": "Users",
+      "group": "Prospect",
+      "description": "People you sell to, with notes, tasks and activity",
+      "page": "pages/contacts.tsx.tmpl"
     },
     {
       "label": "Companies",
       "path": "/companies",
       "block": "crm",
-      "component": "CompanyTable"
+      "component": "CompaniesScreen",
+      "icon": "Building2",
+      "group": "Prospect",
+      "description": "Accounts and the people at them",
+      "page": "pages/companies.tsx.tmpl"
     },
     {
-      "label": "Lists",
-      "path": "/lists",
-      "block": "lists",
-      "component": "ListTable"
+      "label": "Company intelligence",
+      "path": "/company-intelligence",
+      "block": "company-intelligence",
+      "component": "CompanyIntelligenceScreen",
+      "icon": "Telescope",
+      "group": "Setup",
+      "description": "Research your website: profile, competitors, news, documents and reports"
     },
     {
-      "label": "Suppressions",
-      "path": "/suppressions",
+      "label": "Lists",
+      "path": "/lists",
       "block": "lists",
-      "component": "SuppressionManager"
-    },
-    {
-      "label": "Prospect search",
-      "path": "/prospect-search",
-      "block": "search",
-      "component": "ProspectResults"
+      "component": "ListsScreen",
+      "icon": "ListChecks",
+      "group": "Prospect",
+      "description": "Saved audiences you can sequence or sync",
+      "page": "pages/lists.tsx.tmpl"
     },
     {
       "label": "Enrichment",
       "path": "/enrichment",
       "block": "enrichment",
-      "component": "BulkEnrichPanel"
+      "component": "EnrichmentScreen",
+      "icon": "Sparkles",
+      "group": "Prospect",
+      "description": "Fill in emails, phones and firmographics"
     },
     {
       "label": "Intent",
       "path": "/intent",
       "block": "intent",
-      "component": "IntentFeed"
+      "component": "IntentScreen",
+      "icon": "Radar",
+      "group": "Signals",
+      "description": "Accounts showing buying intent"
     },
     {
       "label": "Visitors",
       "path": "/visitors",
       "block": "visitors",
-      "component": "VisitorFeed"
-    },
-    {
-      "label": "Mailboxes",
-      "path": "/mailboxes",
-      "block": "mailboxes",
-      "component": "MailboxList"
+      "component": "VisitorsScreen",
+      "icon": "Eye",
+      "group": "Signals",
+      "description": "Who is on your website right now"
     },
     {
       "label": "Sequences",
       "path": "/sequences",
       "block": "sequencer",
-      "component": "SequenceList"
+      "component": "SequencesScreen",
+      "icon": "Workflow",
+      "group": "Engage",
+      "description": "Multi-step outreach cadences",
+      "page": "pages/sequences.tsx.tmpl"
+    },
+    {
+      "label": "Campaigns",
+      "path": "/campaigns",
+      "block": "campaigns",
+      "component": "CampaignsScreen",
+      "icon": "Rocket",
+      "group": "Engage",
+      "description": "Campaigns from brief to launch"
     },
     {
       "label": "Inbox",
       "path": "/inbox",
       "block": "inbox",
-      "component": "InboxList"
+      "component": "InboxScreen",
+      "icon": "Inbox",
+      "group": "Engage",
+      "description": "Replies from every channel in one place",
+      "page": "pages/inbox-contact.tsx.tmpl"
     },
     {
       "label": "Dialer",
       "path": "/dialer",
       "block": "dialer",
-      "component": "CallQueue"
+      "component": "DialerScreen",
+      "icon": "Phone",
+      "group": "Engage",
+      "description": "Call queues and live sessions"
     },
     {
       "label": "Call log",
       "path": "/calls",
       "block": "dialer",
-      "component": "CallLog"
+      "component": "CallLogScreen",
+      "icon": "PhoneCall",
+      "group": "Engage",
+      "description": "Every call with transcript and outcome",
+      "page": "pages/calls.tsx.tmpl"
     },
     {
       "label": "Meetings",
       "path": "/meetings",
       "block": "appointments",
-      "component": "MeetingList"
+      "component": "MeetingsScreen",
+      "icon": "CalendarCheck",
+      "group": "Engage",
+      "description": "Booked, held and missed meetings",
+      "page": "pages/meetings.tsx.tmpl"
+    },
+    {
+      "label": "Scheduling",
+      "path": "/scheduling",
+      "block": "appointments",
+      "component": "SchedulingScreen",
+      "icon": "CalendarClock",
+      "group": "Setup",
+      "description": "Booking links and event types"
     },
     {
       "label": "Deals",
       "path": "/deals",
       "block": "deals",
-      "component": "PipelineBoard"
+      "component": "DealsScreen",
+      "icon": "Handshake",
+      "group": "Pipeline",
+      "description": "Pipeline board, forecast and deal detail",
+      "page": "pages/deals.tsx.tmpl"
     },
     {
-      "label": "Analytics",
-      "path": "/analytics",
-      "block": "analytics",
-      "component": "KpiTiles"
+      "label": "Tasks",
+      "path": "/tasks",
+      "block": "crm",
+      "component": "TasksScreen",
+      "icon": "CheckSquare",
+      "group": "Work",
+      "description": "Follow-ups due across your records",
+      "page": "pages/tasks.tsx.tmpl"
+    },
+    {
+      "label": "Mailboxes",
+      "path": "/mailboxes",
+      "block": "mailboxes",
+      "component": "MailboxesScreen",
+      "icon": "Mail",
+      "group": "Setup",
+      "description": "Sending mailboxes and warmup health"
+    },
+    {
+      "label": "Phone numbers",
+      "path": "/phone-numbers",
+      "block": "phone-numbers",
+      "component": "PhoneNumbersScreen",
+      "icon": "Phone",
+      "group": "Setup",
+      "description": "Numbers to call and text from: buy, assign and release"
+    },
+    {
+      "label": "Suppressions",
+      "path": "/suppressions",
+      "block": "lists",
+      "component": "SuppressionsScreen",
+      "icon": "ShieldOff",
+      "group": "Setup",
+      "description": "People and domains you never contact"
     },
     {
       "label": "Integrations",
       "path": "/integrations",
       "block": "integrations",
-      "component": "IntegrationList"
+      "component": "IntegrationsScreen",
+      "icon": "Plug",
+      "group": "Setup",
+      "description": "Connected tools and data sources"
     }
   ]
 }

package/stacks/calendly/pages/companies.tsx.tmpl

@@ -0,0 +1,19 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { CompaniesScreen } from "@/components/g8/crm/companies-screen";
+import { RecordEngagementTab } from "@/components/g8/crm/record-engagement-tab";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+  return (
+    <CompaniesScreen
+      onOpenContact={(contact) => router.push(`/contacts?id=${contact.id}`)}
+      extraDetailTabs={[
+        { id: "engagement", label: "Engagement", render: (c) => <RecordEngagementTab kind="companies" id={c.id} /> },
+      ]}
+    />
+  );
+}

package/stacks/calendly/pages/contacts.tsx.tmpl

@@ -0,0 +1,21 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { RecordMeetingsTab } from "@/components/g8/appointments/record-meetings-tab";
+import { ContactsScreen } from "@/components/g8/crm/contacts-screen";
+import { RecordEngagementTab } from "@/components/g8/crm/record-engagement-tab";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+  return (
+    <ContactsScreen
+      onOpenCompany={(id) => router.push(`/companies?id=${id}`)}
+      extraDetailTabs={[
+        { id: "meetings", label: "Meetings", render: (c) => <RecordMeetingsTab contactId={c.id} onOpenMeeting={(sel) => router.push(`/meetings?sel=${encodeURIComponent(sel)}`)} /> },
+        { id: "engagement", label: "Engagement", render: (c) => <RecordEngagementTab kind="contacts" id={c.id} /> },
+      ]}
+    />
+  );
+}

package/stacks/calendly/pages/meetings.tsx.tmpl

@@ -0,0 +1,13 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { useRouter } from "next/navigation";
+import { MeetingContactLinks } from "@/components/g8/appointments/meeting-contact-links";
+import { MeetingsScreen } from "@/components/g8/appointments/meetings-screen";
+
+/** A meeting opens the attendees who are contacts in your CRM. */
+export default function Page() {
+  const router = useRouter();
+  return <MeetingsScreen renderDetailActions={(selection) => <MeetingContactLinks selection={selection} onOpenContact={(id) => router.push(`/contacts?id=${id}`)} />} />;
+}

package/stacks/calendly/pages/tasks.tsx.tmpl

@@ -0,0 +1,19 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { useRouter } from "next/navigation";
+import { TasksScreen } from "@/components/g8/crm/tasks-screen";
+
+/** A task's linked record opens in the screen that owns it. */
+export default function Page() {
+  const router = useRouter();
+  return (
+    <TasksScreen
+      onOpenRecord={(record) => {
+        if (record.entity_type === "contact") router.push(`/contacts?id=${encodeURIComponent(record.entity_id)}`);
+        if (record.entity_type === "company") router.push(`/companies?id=${encodeURIComponent(record.entity_id)}`);
+      }}
+    />
+  );
+}

package/stacks/calendly.json

@@ -0,0 +1,64 @@
+{
+  "$schema": "./stack.schema.json",
+  "id": "calendly",
+  "title": "Calendly-style scheduling",
+  "summary": "Booking links, meetings and the contacts behind them.",
+  "status": "available",
+  "blocks": [
+    "foundation",
+    "crm",
+    "appointments"
+  ],
+  "home": "/meetings",
+  "nav": [
+    {
+      "label": "Meetings",
+      "path": "/meetings",
+      "block": "appointments",
+      "component": "MeetingsScreen",
+      "icon": "CalendarCheck",
+      "group": "Engage",
+      "description": "Booked, held and missed meetings",
+      "page": "pages/meetings.tsx.tmpl"
+    },
+    {
+      "label": "Scheduling",
+      "path": "/scheduling",
+      "block": "appointments",
+      "component": "SchedulingScreen",
+      "icon": "CalendarClock",
+      "group": "Setup",
+      "description": "Booking links and event types"
+    },
+    {
+      "label": "Contacts",
+      "path": "/contacts",
+      "block": "crm",
+      "component": "ContactsScreen",
+      "icon": "Users",
+      "group": "Prospect",
+      "description": "People you sell to, with notes, tasks and activity",
+      "page": "pages/contacts.tsx.tmpl"
+    },
+    {
+      "label": "Companies",
+      "path": "/companies",
+      "block": "crm",
+      "component": "CompaniesScreen",
+      "icon": "Building2",
+      "group": "Prospect",
+      "description": "Accounts and the people at them",
+      "page": "pages/companies.tsx.tmpl"
+    },
+    {
+      "label": "Tasks",
+      "path": "/tasks",
+      "block": "crm",
+      "component": "TasksScreen",
+      "icon": "CheckSquare",
+      "group": "Work",
+      "description": "Follow-ups due across your records",
+      "page": "pages/tasks.tsx.tmpl"
+    }
+  ]
+}

package/stacks/clay/pages/companies.tsx.tmpl

@@ -0,0 +1,31 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { CompaniesScreen } from "@/components/g8/crm/companies-screen";
+import { RecordEngagementTab } from "@/components/g8/crm/record-engagement-tab";
+import { EnrichButton } from "@/components/g8/enrichment/enrich-button";
+import { AddCompanyPeopleToListButton } from "@/components/g8/lists/add-company-people-to-list-button";
+import { CompanyIntelligenceTab } from "@/components/g8/company-intelligence/company-intelligence-tab";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+  return (
+    <CompaniesScreen
+      onOpenContact={(contact) => router.push(`/contacts?id=${contact.id}`)}
+      renderRowActions={(c, { reload }) => <EnrichButton kind="company" lookup={{ domain: c.domain ?? undefined, name: c.name ?? undefined }} record={{ ...c }} onApplied={reload} label="Enrich" size="sm" variant="ghost" />}
+      renderBulkActions={({ ids, clear }) => <AddCompanyPeopleToListButton companyIds={ids} onAdded={clear} />}
+      renderDetailActions={(c, { reload }) => (
+        <>
+          <EnrichButton kind="company" lookup={{ domain: c.domain ?? undefined, name: c.name ?? undefined }} record={{ ...c }} onApplied={reload} recordLoaded label="Enrich" />
+          <AddCompanyPeopleToListButton companyIds={[c.id]} />
+        </>
+      )}
+      extraDetailTabs={[
+        { id: "engagement", label: "Engagement", render: (c) => <RecordEngagementTab kind="companies" id={c.id} /> },
+        { id: "intelligence", label: "Intelligence", render: (c) => <CompanyIntelligenceTab company={c} onOpenIntelligence={() => router.push("/company-intelligence")} /> },
+      ]}
+    />
+  );
+}

package/stacks/clay/pages/contacts.tsx.tmpl

@@ -0,0 +1,31 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { ContactsScreen } from "@/components/g8/crm/contacts-screen";
+import { RecordEngagementTab } from "@/components/g8/crm/record-engagement-tab";
+import { EnrichButton } from "@/components/g8/enrichment/enrich-button";
+import { AddToListButton } from "@/components/g8/lists/add-to-list-button";
+import { RecordListsTab } from "@/components/g8/lists/record-lists-tab";
+import { useRouter } from "next/navigation";
+
+export default function Page() {
+  const router = useRouter();
+  return (
+    <ContactsScreen
+      onOpenCompany={(id) => router.push(`/companies?id=${id}`)}
+      renderRowActions={(c, { reload }) => <EnrichButton kind="person" lookup={{ email: c.work_email ?? undefined, linkedin_url: c.linkedin_url ?? undefined, first_name: c.first_name ?? undefined, last_name: c.last_name ?? undefined }} record={{ ...c }} onApplied={reload} label="Enrich" size="sm" variant="ghost" />}
+      renderBulkActions={({ ids, clear }) => <AddToListButton contactIds={ids} onAdded={clear} />}
+      renderDetailActions={(c, { reload }) => (
+        <>
+          <EnrichButton kind="person" lookup={{ email: c.work_email ?? undefined, linkedin_url: c.linkedin_url ?? undefined, first_name: c.first_name ?? undefined, last_name: c.last_name ?? undefined }} record={{ ...c }} onApplied={reload} recordLoaded label="Enrich" />
+          <AddToListButton contactIds={[c.id]} />
+        </>
+      )}
+      extraDetailTabs={[
+        { id: "lists", label: "Lists", render: (c) => <RecordListsTab contactId={c.id} onOpenList={(id) => router.push(`/lists?id=${id}`)} /> },
+        { id: "engagement", label: "Engagement", render: (c) => <RecordEngagementTab kind="contacts" id={c.id} /> },
+      ]}
+    />
+  );
+}

package/stacks/clay/pages/lists.tsx.tmpl

@@ -0,0 +1,12 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { useRouter } from "next/navigation";
+import { ListsScreen } from "@/components/g8/lists/lists-screen";
+
+/** A list member opens in Contacts. */
+export default function Page() {
+  const router = useRouter();
+  return <ListsScreen onOpenContact={(id) => router.push(`/contacts?id=${id}`)} />;
+}

package/stacks/clay/pages/tasks.tsx.tmpl

@@ -0,0 +1,19 @@
+"use client";
+
+// Generated by `graph8-sdk create {{stackId}}`. The {{block}} block's {{component}} (source in {{blockDir}}), with the
+// other blocks of this app plugged into its slots. Edit freely: this file is yours.
+import { useRouter } from "next/navigation";
+import { TasksScreen } from "@/components/g8/crm/tasks-screen";
+
+/** A task's linked record opens in the screen that owns it. */
+export default function Page() {
+  const router = useRouter();
+  return (
+    <TasksScreen
+      onOpenRecord={(record) => {
+        if (record.entity_type === "contact") router.push(`/contacts?id=${encodeURIComponent(record.entity_id)}`);
+        if (record.entity_type === "company") router.push(`/companies?id=${encodeURIComponent(record.entity_id)}`);
+      }}
+    />
+  );
+}

package/stacks/clay.json

@@ -2,58 +2,104 @@
   "$schema": "./stack.schema.json",
   "id": "clay",
   "title": "Clay-style data workbench",
-  "summary": "Prospect search, waterfall enrichment and a spreadsheet-style workbench feeding lists.",
+  "summary": "Search, enrich and shape prospect data in a workbench, then keep it in lists and CRM records.",
   "status": "available",
   "blocks": [
     "foundation",
+    "pickers",
     "crm",
     "lists",
     "search",
     "enrichment",
-    "workbench"
+    "workbench",
+    "company-intelligence"
   ],
+  "home": "/workbench",
   "nav": [
     {
-      "label": "Contacts",
-      "path": "/contacts",
-      "block": "crm",
-      "component": "ContactTable"
+      "label": "Prospect search",
+      "path": "/prospect-search",
+      "block": "search",
+      "component": "ProspectSearchScreen",
+      "icon": "Search",
+      "group": "Prospect",
+      "description": "Find new people and companies, then save them"
     },
     {
-      "label": "Companies",
-      "path": "/companies",
-      "block": "crm",
-      "component": "CompanyTable"
+      "label": "Workbench",
+      "path": "/workbench",
+      "block": "workbench",
+      "component": "WorkbenchScreen",
+      "icon": "Table2",
+      "group": "Prospect",
+      "description": "Build enrichment tables column by column"
+    },
+    {
+      "label": "Enrichment",
+      "path": "/enrichment",
+      "block": "enrichment",
+      "component": "EnrichmentScreen",
+      "icon": "Sparkles",
+      "group": "Prospect",
+      "description": "Fill in emails, phones and firmographics"
     },
     {
       "label": "Lists",
       "path": "/lists",
       "block": "lists",
-      "component": "ListTable"
+      "component": "ListsScreen",
+      "icon": "ListChecks",
+      "group": "Prospect",
+      "description": "Saved audiences you can sequence or sync",
+      "page": "pages/lists.tsx.tmpl"
     },
     {
-      "label": "Suppressions",
-      "path": "/suppressions",
-      "block": "lists",
-      "component": "SuppressionManager"
+      "label": "Contacts",
+      "path": "/contacts",
+      "block": "crm",
+      "component": "ContactsScreen",
+      "icon": "Users",
+      "group": "Prospect",
+      "description": "People you sell to, with notes, tasks and activity",
+      "page": "pages/contacts.tsx.tmpl"
     },
     {
-      "label": "Prospect search",
-      "path": "/prospect-search",
-      "block": "search",
-      "component": "ProspectResults"
+      "label": "Companies",
+      "path": "/companies",
+      "block": "crm",
+      "component": "CompaniesScreen",
+      "icon": "Building2",
+      "group": "Prospect",
+      "description": "Accounts and the people at them",
+      "page": "pages/companies.tsx.tmpl"
     },
     {
-      "label": "Enrichment",
-      "path": "/enrichment",
-      "block": "enrichment",
-      "component": "BulkEnrichPanel"
+      "label": "Company intelligence",
+      "path": "/company-intelligence",
+      "block": "company-intelligence",
+      "component": "CompanyIntelligenceScreen",
+      "icon": "Telescope",
+      "group": "Setup",
+      "description": "Research your website: profile, competitors, news, documents and reports"
     },
     {
-      "label": "Workbench",
-      "path": "/workbench",
-      "block": "workbench",
-      "component": "WorkbenchTableList"
+      "label": "Tasks",
+      "path": "/tasks",
+      "block": "crm",
+      "component": "TasksScreen",
+      "icon": "CheckSquare",
+      "group": "Work",
+      "description": "Follow-ups due across your records",
+      "page": "pages/tasks.tsx.tmpl"
+    },
+    {
+      "label": "Suppressions",
+      "path": "/suppressions",
+      "block": "lists",
+      "component": "SuppressionsScreen",
+      "icon": "ShieldOff",
+      "group": "Setup",
+      "description": "People and domains you never contact"
     }
   ]
 }