@kelpie/ui 0.7.0 → 0.9.0

package/dist/pages/forms/template.js

@@ -31,4 +31,97 @@ export const NEW_SELECT_OPTIONS = [
     { key: 'option_a', value: 'Option A', valueType: 'string' },
     { key: 'option_b', value: 'Option B', valueType: 'string' },
 ];
+/**
+ * One ready-made field per CRM mapping target, in the target enum's order.
+ *
+ * "Add field" offers these so adding the company field is one click, not
+ * add-then-configure. Only one field may carry a CRM target, so the menu shows
+ * each preset only while its target is free — `unusedCrmPresets` in
+ * `fieldList.ts` does that filtering.
+ */
+export const CRM_FIELD_PRESETS = [
+    { label: 'Name', type: 'text', required: false, mapTo: 'person.name', placeholder: 'Your name' },
+    // The other way to ask for a name. A form takes one box or this pair; the
+    // menu hides whichever is already mapped, so both are offered and neither
+    // ends up used twice.
+    {
+        label: 'First name',
+        type: 'text',
+        required: false,
+        mapTo: 'person.first_name',
+        placeholder: 'First name',
+    },
+    {
+        label: 'Last name',
+        type: 'text',
+        required: false,
+        mapTo: 'person.last_name',
+        placeholder: 'Last name',
+    },
+    {
+        label: 'Email',
+        type: 'email',
+        required: true,
+        mapTo: 'person.email',
+        placeholder: 'you@company.com',
+    },
+    { label: 'Company', type: 'text', required: false, mapTo: 'company.name', placeholder: 'Company name' },
+    {
+        label: 'Company website',
+        type: 'text',
+        required: false,
+        mapTo: 'company.domain',
+        placeholder: 'company.com',
+    },
+    { label: 'Job title', type: 'text', required: false, mapTo: 'position.title', placeholder: 'Your role' },
+    { label: 'Enquiry name', type: 'text', required: false, mapTo: 'enquiry.name', placeholder: null },
+    { label: 'Deal name', type: 'text', required: false, mapTo: 'deal.name', placeholder: null },
+    { label: 'Opportunity name', type: 'text', required: false, mapTo: 'opportunity.name', placeholder: null },
+    { label: 'Partnership name', type: 'text', required: false, mapTo: 'partnership.name', placeholder: null },
+];
+/** The submission-only fields "Add field" always offers; they may repeat freely. */
+export const SUBMISSION_FIELD_PRESETS = [
+    { menuLabel: 'Text', field: NEW_FIELD },
+    {
+        menuLabel: 'Text area',
+        field: { label: 'Message', type: 'textarea', required: false, mapTo: 'submission', placeholder: null },
+    },
+    {
+        menuLabel: 'Select',
+        field: {
+            label: 'New select',
+            type: 'select',
+            required: false,
+            mapTo: 'submission',
+            placeholder: null,
+            options: NEW_SELECT_OPTIONS,
+        },
+    },
+    {
+        menuLabel: 'Consent',
+        field: {
+            label: 'Consent',
+            type: 'consent',
+            required: false,
+            mapTo: 'person.consent',
+            placeholder: null,
+            statement: 'Please tell us how we can contact you.',
+            consentPurposeIds: [],
+            consentPurposeLabels: {},
+        },
+    },
+    {
+        menuLabel: 'Notice',
+        field: {
+            label: 'Privacy notice',
+            type: 'notice',
+            required: false,
+            mapTo: 'person.consent',
+            placeholder: null,
+            statement: 'By submitting this form you agree to us storing your information and using it to contact you about your enquiry.',
+            consentPurposeIds: [],
+            consentPurposeLabels: {},
+        },
+    },
+];
 //# sourceMappingURL=template.js.map

package/dist/pages/forms/template.js.map

@@ -1 +1 @@
-{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/pages/forms/template.ts"],"names":[],"mappings":"AAEA;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAA8B;IAC5D,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,KAAK,EAAE,aAAa,EAAE,WAAW,EAAE,WAAW,EAAE;IAC/F;QACE,KAAK,EAAE,OAAO;QACd,IAAI,EAAE,OAAO;QACb,QAAQ,EAAE,IAAI;QACd,KAAK,EAAE,cAAc;QACrB,WAAW,EAAE,iBAAiB;KAC/B;IACD,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,cAAc,EAAE,WAAW,EAAE,cAAc,EAAE;IACtF,EAAE,KAAK,EAAE,WAAW,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE;IACvF,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,UAAU,EAAE,KAAK,EAAE,YAAY,EAAE,WAAW,EAAE,kBAAkB,EAAE;CAC7F,CAAA;AAED,kGAAkG;AAClG,MAAM,CAAC,MAAM,SAAS,GAAmB;IACvC,KAAK,EAAE,WAAW;IAClB,IAAI,EAAE,MAAM;IACZ,QAAQ,EAAE,KAAK;IACf,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,IAAI;CAClB,CAAA;AAED,+EAA+E;AAC/E,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAiB,EAAE;IACpE,EAAE,GAAG,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,SAAS,EAAE,QAAiB,EAAE;CACrE,CAAA"}
+{"version":3,"file":"template.js","sourceRoot":"","sources":["../../../src/pages/forms/template.ts"],"names":[],"mappings":"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"}

package/dist/pages/handbook/HandbookPage.js

@@ -129,7 +129,7 @@ export function HandbookLayout() {
                                                     void addPage(item.id);
                                                 }, onDelete: () => {
                                                     void removePage(item.page);
-                                                } }, item.id))) }) }), _jsx(DragOverlay, { dropAnimation: null, children: dragging === undefined ? null : (_jsx("div", { className: "rounded-md border border-accent bg-surface-raised px-2.5 py-1.5 text-[13px] font-medium text-ink", style: { marginLeft: (liveDepth ?? dragging.depth) * INDENT }, children: dragging.page.title })) })] }), flat.length === 0 && (_jsx("p", { className: "px-2 py-6 text-center text-[12px] text-ink-faint", children: "No pages yet." })), pages.hasMore && (_jsx("p", { className: "px-2 py-3 text-center text-[11px] text-ink-faint", children: "This handbook has more pages than one request returns, so the tree below is incomplete." }))] })] }), _jsx("div", { className: "min-w-0 flex-1", children: active === undefined ? (_jsx("div", { className: "flex h-full items-center justify-center text-[13px] text-ink-faint", children: "No handbook pages yet." })) : (_jsx(HandbookEditor, { page: active, authorName: active.updatedBy === null ? undefined : members.nameById.get(active.updatedBy), isSaving: updatePage.isPending, error: updatePage.error ?? deletePage.error, onSave: (changes) => {
+                                                } }, item.id))) }) }), _jsx(DragOverlay, { dropAnimation: null, children: dragging === undefined ? null : (_jsx("div", { className: "rounded-md border border-accent bg-surface-raised px-2.5 py-1.5 text-[13px] font-medium text-ink", style: { marginLeft: (liveDepth ?? dragging.depth) * INDENT }, children: dragging.page.title })) })] }), flat.length === 0 && (_jsx("p", { className: "px-2 py-6 text-center text-[12px] text-ink-faint", children: "No pages yet." })), pages.hasNext && (_jsx("p", { className: "px-2 py-3 text-center text-[11px] text-ink-faint", children: "This handbook has more pages than one request returns, so the tree below is incomplete." }))] })] }), _jsx("div", { className: "min-w-0 flex-1", children: active === undefined ? (_jsx("div", { className: "flex h-full items-center justify-center text-[13px] text-ink-faint", children: "No handbook pages yet." })) : (_jsx(HandbookEditor, { page: active, authorName: active.updatedBy === null ? undefined : members.nameById.get(active.updatedBy), isSaving: updatePage.isPending, error: updatePage.error ?? deletePage.error, onSave: (changes) => {
                         updatePage.run({ id: active.id, changes });
                     }, onAddChild: () => {
                         void addPage(active.id);

package/dist/pages/hiringDirectory.js

@@ -25,7 +25,7 @@ export function useRoleCandidateCounts(roleIds) {
     return {
         countFor: (roleId) => countByRole.get(roleId) ?? 0,
         isLoading: candidates.isLoading,
-        isComplete: !candidates.hasMore,
+        isComplete: !candidates.hasNext,
     };
 }
 /**
@@ -51,7 +51,7 @@ export function useCandidateNotes(candidateIds) {
     return {
         noteFor: (candidateId) => newestByCandidate.get(candidateId),
         isLoading: notes.isLoading,
-        isComplete: !notes.hasMore,
+        isComplete: !notes.hasNext,
     };
 }
 /**

package/dist/pages/onboarding/WorkspaceStepPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceStepPage.d.ts","sourceRoot":"","sources":["../../../src/pages/onboarding/WorkspaceStepPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA2ErD"}
+{"version":3,"file":"WorkspaceStepPage.d.ts","sourceRoot":"","sources":["../../../src/pages/onboarding/WorkspaceStepPage.tsx"],"names":[],"mappings":"AA+CA,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAsGrD"}

package/dist/pages/onboarding/WorkspaceStepPage.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from 'react';
 import { Link, Navigate, useNavigate } from 'react-router';
+import { useInstallSampleData } from '../../api/resources/sampleData.js';
 import { useCreateWorkspace, useSession } from '../../api/resources/session.js';
 import { ErrorPanel } from '../../components/QueryState.js';
 import { SubmitButton, TextField } from '../auth/AuthForm.js';
@@ -43,10 +44,12 @@ export function WorkspaceStepPage() {
     const navigate = useNavigate();
     const { isSignedOut } = useSession();
     const createWorkspace = useCreateWorkspace();
+    const installSampleData = useInstallSampleData();
     const [name, setName] = useState('');
     const [slug, setSlug] = useState('');
     const [slugEdited, setSlugEdited] = useState(false);
     const [timezone] = useState(browserTimezone);
+    const [seedSample, setSeedSample] = useState(false);
     function changeName(value) {
         setName(value);
         if (!slugEdited) {
@@ -61,12 +64,22 @@ export function WorkspaceStepPage() {
         event.preventDefault();
         createWorkspace
             .runAsync({ name: name.trim(), slug: slug.trim(), timezone })
-            .then(() => navigate('/onboarding/invites', { replace: true }))
+            .then(async (workspace) => {
+            if (seedSample) {
+                // A refusal here does not block the wizard: the workspace itself is
+                // already created, and the invites step is what comes next either
+                // way. The error stays on screen so the reader sees what failed.
+                await installSampleData
+                    .runAsync({ workspaceId: workspace.id })
+                    .catch(() => undefined);
+            }
+            navigate('/onboarding/invites', { replace: true });
+        })
             .catch(() => undefined);
     }
     if (isSignedOut) {
         return _jsx(Navigate, { to: "/login", replace: true });
     }
-    return (_jsx(AuthLayout, { step: 1, title: "Create your workspace", description: "A workspace is your company brain \u2014 CRM records, handbook, and team.", footer: _jsx(Link, { to: "/login", className: "font-medium text-accent hover:underline", children: "Sign in as somebody else" }), children: _jsxs("form", { onSubmit: submit, className: "mt-5 space-y-3", children: [_jsx(TextField, { label: "Workspace name", value: name, onChange: changeName, placeholder: "Acme Labs", autoComplete: "organization", required: true }), _jsx(TextField, { label: "Slug", value: slug, onChange: changeSlug, hint: "Lowercase letters, digits, and hyphens. It appears in URLs.", mono: true, required: true }), _jsxs("p", { className: "text-[11px] text-ink-faint", children: ["Timezone: ", timezone, ". Change it later in Admin \u2192 Workspace."] }), createWorkspace.error !== null && _jsx(ErrorPanel, { error: createWorkspace.error }), _jsx(SubmitButton, { label: "Continue", pendingLabel: "Creating\u2026", isPending: createWorkspace.isPending })] }) }));
+    return (_jsx(AuthLayout, { step: 1, title: "Create your workspace", description: "A workspace is your company brain \u2014 CRM records, handbook, and team.", footer: _jsx(Link, { to: "/login", className: "font-medium text-accent hover:underline", children: "Sign in as somebody else" }), children: _jsxs("form", { onSubmit: submit, className: "mt-5 space-y-3", children: [_jsx(TextField, { label: "Workspace name", value: name, onChange: changeName, placeholder: "Acme Labs", autoComplete: "organization", required: true }), _jsx(TextField, { label: "Slug", value: slug, onChange: changeSlug, hint: "Lowercase letters, digits, and hyphens. It appears in URLs.", mono: true, required: true }), _jsxs("p", { className: "text-[11px] text-ink-faint", children: ["Timezone: ", timezone, ". Change it later in Admin \u2192 Workspace."] }), _jsxs("label", { className: "flex items-start gap-2 text-[12px] text-ink", children: [_jsx("input", { type: "checkbox", checked: seedSample, onChange: (event) => setSeedSample(event.target.checked), className: "mt-0.5 h-4 w-4 rounded border-border text-accent focus:ring-accent" }), _jsx("span", { children: "Install sample data \u2014 a small set of companies, people, deals, enquiries, opportunities, fundraising, partnerships, and hiring so the workspace has something to look at. You can delete it later." })] }), createWorkspace.error !== null && _jsx(ErrorPanel, { error: createWorkspace.error }), installSampleData.error !== null && _jsx(ErrorPanel, { error: installSampleData.error }), _jsx(SubmitButton, { label: "Continue", pendingLabel: installSampleData.isPending ? 'Installing sample data…' : 'Creating…', isPending: createWorkspace.isPending || installSampleData.isPending })] }) }));
 }
 //# sourceMappingURL=WorkspaceStepPage.js.map

package/dist/pages/onboarding/WorkspaceStepPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"WorkspaceStepPage.js","sourceRoot":"","sources":["../../../src/pages/onboarding/WorkspaceStepPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAiC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAsB,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAwB,CAAA;AAEnD;;;;;;;;;;;;;;;GAeG;AAEH,yEAAyE;AACzE,SAAS,OAAO,CAAC,IAAY;IAC3B,OAAO,IAAI;SACR,WAAW,EAAE;SACb,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;SAC5B,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;SACxB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AACjB,CAAC;AAED;;;;;;GAMG;AACH,SAAS,eAAe;IACtB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAA;IACpC,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAE5C,SAAS,UAAU,CAAC,KAAa;QAC/B,OAAO,CAAC,KAAK,CAAC,CAAA;QAEd,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,SAAS,MAAM,CAAC,KAAgB;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,eAAe;aACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;aAC5D,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;aAC9D,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,SAAG,CAAA;IACzC,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAC,2EAAsE,EAClF,MAAM,EACJ,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,yCAAyC,yCAE9D,YAGT,gBAAM,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAChD,KAAC,SAAS,IACR,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAC,WAAW,EACvB,YAAY,EAAC,cAAc,EAC3B,QAAQ,SACR,EACF,KAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,6DAA6D,EAClE,IAAI,QACJ,QAAQ,SACR,EACF,aAAG,SAAS,EAAC,4BAA4B,2BAC5B,QAAQ,oDACjB,EACH,eAAe,CAAC,KAAK,KAAK,IAAI,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,eAAe,CAAC,KAAK,GAAI,EAC/E,KAAC,YAAY,IACX,KAAK,EAAC,UAAU,EAChB,YAAY,EAAC,gBAAW,EACxB,SAAS,EAAE,eAAe,CAAC,SAAS,GACpC,IACG,GACI,CACd,CAAA;AACH,CAAC"}
+{"version":3,"file":"WorkspaceStepPage.js","sourceRoot":"","sources":["../../../src/pages/onboarding/WorkspaceStepPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAE1D,OAAO,EAAE,oBAAoB,EAAE,MAAM,mCAAmC,CAAA;AACxE,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAA;AAC/E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAiC,CAAA;AAC5D,OAAO,EAAE,YAAY,EAAE,SAAS,EAAE,MAAM,qBAAsB,CAAA;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,uBAAwB,CAAA;AAEnD;;;;;;;;;;;;;;;GAeG;AAEH,yEAAyE;AACzE,SAAS,OAAO,CAAC,IAAY;IAC3B,OAAO,IAAI;SACR,WAAW,EAAE;SACb,OAAO,CAAC,cAAc,EAAE,GAAG,CAAC;SAC5B,OAAO,CAAC,WAAW,EAAE,EAAE,CAAC;SACxB,KAAK,CAAC,CAAC,EAAE,EAAE,CAAC,CAAA;AACjB,CAAC;AAED;;;;;;GAMG;AACH,SAAS,eAAe;IACtB,OAAO,IAAI,CAAC,cAAc,EAAE,CAAC,eAAe,EAAE,CAAC,QAAQ,CAAA;AACzD,CAAC;AAED,MAAM,UAAU,iBAAiB;IAC/B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,EAAE,CAAA;IACpC,MAAM,eAAe,GAAG,kBAAkB,EAAE,CAAA;IAC5C,MAAM,iBAAiB,GAAG,oBAAoB,EAAE,CAAA;IAChD,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACpC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACnD,MAAM,CAAC,QAAQ,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAA;IAC5C,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,SAAS,UAAU,CAAC,KAAa;QAC/B,OAAO,CAAC,KAAK,CAAC,CAAA;QAEd,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;QACzB,CAAC;IACH,CAAC;IAED,SAAS,UAAU,CAAC,KAAa;QAC/B,aAAa,CAAC,IAAI,CAAC,CAAA;QACnB,OAAO,CAAC,OAAO,CAAC,KAAK,CAAC,CAAC,CAAA;IACzB,CAAC;IAED,SAAS,MAAM,CAAC,KAAgB;QAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;QAEtB,eAAe;aACZ,QAAQ,CAAC,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,IAAI,EAAE,IAAI,CAAC,IAAI,EAAE,EAAE,QAAQ,EAAE,CAAC;aAC5D,IAAI,CAAC,KAAK,EAAE,SAAS,EAAE,EAAE;YACxB,IAAI,UAAU,EAAE,CAAC;gBACf,oEAAoE;gBACpE,kEAAkE;gBAClE,iEAAiE;gBACjE,MAAM,iBAAiB;qBACpB,QAAQ,CAAC,EAAE,WAAW,EAAE,SAAS,CAAC,EAAE,EAAE,CAAC;qBACvC,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;YAC3B,CAAC;YAED,QAAQ,CAAC,qBAAqB,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;QACpD,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC;IAED,IAAI,WAAW,EAAE,CAAC;QAChB,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,QAAQ,EAAC,OAAO,SAAG,CAAA;IACzC,CAAC;IAED,OAAO,CACL,KAAC,UAAU,IACT,IAAI,EAAE,CAAC,EACP,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAC,2EAAsE,EAClF,MAAM,EACJ,KAAC,IAAI,IAAC,EAAE,EAAC,QAAQ,EAAC,SAAS,EAAC,yCAAyC,yCAE9D,YAGT,gBAAM,QAAQ,EAAE,MAAM,EAAE,SAAS,EAAC,gBAAgB,aAChD,KAAC,SAAS,IACR,KAAK,EAAC,gBAAgB,EACtB,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAU,EACpB,WAAW,EAAC,WAAW,EACvB,YAAY,EAAC,cAAc,EAC3B,QAAQ,SACR,EACF,KAAC,SAAS,IACR,KAAK,EAAC,MAAM,EACZ,KAAK,EAAE,IAAI,EACX,QAAQ,EAAE,UAAU,EACpB,IAAI,EAAC,6DAA6D,EAClE,IAAI,QACJ,QAAQ,SACR,EACF,aAAG,SAAS,EAAC,4BAA4B,2BAC5B,QAAQ,oDACjB,EACJ,iBAAO,SAAS,EAAC,6CAA6C,aAC5D,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,EACxD,SAAS,EAAC,oEAAoE,GAC9E,EACF,qOAIO,IACD,EACP,eAAe,CAAC,KAAK,KAAK,IAAI,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,eAAe,CAAC,KAAK,GAAI,EAC9E,iBAAiB,CAAC,KAAK,KAAK,IAAI,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,iBAAiB,CAAC,KAAK,GAAI,EACnF,KAAC,YAAY,IACX,KAAK,EAAC,UAAU,EAChB,YAAY,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,WAAW,EACnF,SAAS,EAAE,eAAe,CAAC,SAAS,IAAI,iBAAiB,CAAC,SAAS,GACnE,IACG,GACI,CACd,CAAA;AACH,CAAC"}

package/dist/pages/positionDirectory.js

@@ -37,7 +37,7 @@ export function usePeopleDirectory(personIds) {
             .map((held) => companyNameById.get(held.companyId))
             .filter((name) => name !== undefined),
         isLoading: positions.isLoading || companies.isLoading,
-        isComplete: !positions.hasMore && !companies.hasMore,
+        isComplete: !positions.hasNext && !companies.hasNext,
     };
 }
 export function useCompanyHeadcounts(companyIds) {
@@ -52,7 +52,7 @@ export function useCompanyHeadcounts(companyIds) {
     return {
         countFor: (companyId) => countByCompany.get(companyId) ?? 0,
         isLoading: positions.isLoading,
-        isComplete: !positions.hasMore,
+        isComplete: !positions.hasNext,
     };
 }
 //# sourceMappingURL=positionDirectory.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kelpie/ui",
-  "version": "0.7.0",
+  "version": "0.9.0",
   "description": "React UI for Kelpie: components, pages, API client, and the extension registry an assembly composes modules through.",
   "keywords": [
     "kelpie",
@@ -48,7 +48,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@kelpie/schemas": "^0.7.0",
+    "@kelpie/schemas": "^0.9.0",
     "@tanstack/react-query": "^5.101.4",
     "react-markdown": "^10.1.0",
     "react-router": "^8.3.0",

package/src/api/resource.ts

@@ -6,6 +6,7 @@ import {
   useQueryClient,
 } from '@tanstack/react-query'
 import type { InfiniteData, QueryClient } from '@tanstack/react-query'
+import { useEffect, useState } from 'react'
 
 import { ApiError } from './client.ts'
 import type { Decoder, Page, QueryParameters } from './client.ts'
@@ -25,14 +26,44 @@ import { toError } from './errors.ts'
  * and leaves the cache library replaceable without touching a page.
  */
 
-/** A list, one page at a time. Nothing is truncated in silence: `hasMore` says so. */
-export interface RecordListResult<TRecord> {
+/**
+ * The default page size when a caller does not name one via `query.limit`.
+ * Matches the `/v1` default from `api.md`.
+ */
+export const DEFAULT_PAGE_SIZE = 50
+
+/**
+ * The pagination controls a list surface renders. Split out from
+ * `RecordListResult` so the `Paginator` component can accept just this subset
+ * and stay generic in the record type.
+ */
+export interface Paged {
+  /** Zero-based index of the page currently on screen. */
+  readonly pageIndex: number
+  /** Number of records the API returns per page, from `?limit=`. */
+  readonly pageSize: number
+  readonly hasPrev: boolean
+  readonly hasNext: boolean
+  /** True while fetching a not-yet-cached page. Prev on a cached page is instant. */
+  readonly isChangingPage: boolean
+  readonly prevPage: () => void
+  readonly nextPage: () => void
+  /**
+   * Changes the API `?limit=` and returns the reader to page 1. The API caps
+   * `?limit=` at 200 (`api.md`); a larger value is coerced by the server, not
+   * refused by this hook.
+   */
+  readonly setPageSize: (size: number) => void
+}
+
+/**
+ * A list, one page at a time. Records are the current page only, not the
+ * accumulation across pages a `Load more` reader would give.
+ */
+export interface RecordListResult<TRecord> extends Paged {
   readonly records: readonly TRecord[]
   readonly isLoading: boolean
   readonly error: Error | null
-  readonly hasMore: boolean
-  readonly isLoadingMore: boolean
-  readonly loadMore: () => void
 }
 
 export interface RecordResult<TRecord> {
@@ -184,6 +215,114 @@ function removeRecordEverywhere<TRecord extends { readonly id: string }>(
   )
 }
 
+export interface PagedListInput<TRecord> {
+  /**
+   * The React Query cache key for this list, without `?limit=`. `usePagedList`
+   * appends the current page size so the cache splits by size — swapping page
+   * sizes has to fetch, or the cursors from one size would page a list saved
+   * under another.
+   */
+  readonly queryKey: readonly unknown[]
+  readonly path: string
+  readonly decode: Decoder<TRecord>
+  /** Query parameters other than `limit` and `cursor`. `usePagedList` sends both itself. */
+  readonly query: QueryParameters
+  readonly enabled?: boolean
+}
+
+/**
+ * The paged reader every list hook uses: `createResourceHooks`'s `useList`,
+ * and the three custom collections whose paths carry a parent id
+ * (`useFormSubmissions`, `useListMembers`, `useWebhookDeliveries`).
+ *
+ * The API is cursor-only (`api.md`), so pages are fetched forward. Already
+ * fetched pages stay cached in `useInfiniteQuery`, and `pageIndex` selects
+ * which one is on screen — so going back to a visited page is instant and
+ * going forward past the fetched set kicks off exactly one new request.
+ */
+export function usePagedList<TRecord>(input: PagedListInput<TRecord>): RecordListResult<TRecord> {
+  const client = useApiClient()
+  const enabled = input.enabled ?? true
+  const requestedLimit = input.query.limit
+  const initialPageSize =
+    typeof requestedLimit === 'number' && Number.isFinite(requestedLimit) && requestedLimit > 0
+      ? requestedLimit
+      : DEFAULT_PAGE_SIZE
+  const [pageSize, setPageSize] = useState<number>(initialPageSize)
+  const [pageIndex, setPageIndex] = useState<number>(0)
+
+  const queryKey = [...input.queryKey, { limit: pageSize }] as const
+  const queryKeySignature = JSON.stringify(queryKey)
+
+  // A filter or sort change lands as a fresh `useInfiniteQuery`, so the page
+  // number the user was on no longer makes sense. Effect over signature keeps
+  // this cheap: same key, no re-render.
+  useEffect(() => {
+    setPageIndex(0)
+  }, [queryKeySignature])
+
+  const result = useInfiniteQuery({
+    queryKey,
+    queryFn: ({ pageParam }) =>
+      client.list(input.path, input.decode, {
+        ...input.query,
+        limit: pageSize,
+        ...(pageParam === null ? {} : { cursor: pageParam }),
+      }),
+    initialPageParam: null as string | null,
+    getNextPageParam: (lastPage) => lastPage.nextCursor,
+    // Without this a keystroke in the filter box blanks the table while the
+    // next query runs, which reads as "no results" for as long as it takes.
+    placeholderData: keepPreviousData,
+    enabled,
+  })
+
+  const pages = result.data?.pages ?? []
+  // A shrinking cache — a delete followed by a refetch — can leave the index
+  // past the last page. Clamp so a stale index never renders a blank table.
+  const safeIndex = pages.length === 0 ? 0 : Math.min(pageIndex, pages.length - 1)
+  const currentPage = pages[safeIndex]
+  const hasCachedNext = safeIndex + 1 < pages.length
+  const hasNext = hasCachedNext || result.hasNextPage
+  const hasPrev = safeIndex > 0
+
+  return {
+    records: currentPage?.items ?? [],
+    // A disabled query stays pending forever, which is not the same as loading.
+    isLoading: result.isPending && enabled,
+    error: toError(result.error),
+    pageIndex: safeIndex,
+    pageSize,
+    hasPrev,
+    hasNext,
+    isChangingPage: result.isFetchingNextPage,
+    prevPage: () => {
+      setPageIndex((current) => Math.max(0, current - 1))
+    },
+    nextPage: () => {
+      if (hasCachedNext) {
+        setPageIndex((current) => current + 1)
+        return
+      }
+
+      if (!result.hasNextPage) {
+        return
+      }
+
+      void result.fetchNextPage().then((r) => {
+        if (r.error === null) {
+          setPageIndex((current) => current + 1)
+        }
+      })
+    },
+    // Query key includes `limit`, so the effect above resets `pageIndex` to 0
+    // once React sees the new key.
+    setPageSize: (size) => {
+      setPageSize(size)
+    },
+  }
+}
+
 /**
  * The read half: `useList` and `useRecord`, and nothing that writes.
  *
@@ -197,34 +336,13 @@ export function createReadOnlyResourceHooks<TRecord>(
   const keys = keysFor(definition.name)
 
   function useList(query: QueryParameters = {}, options: ListOptions = {}): RecordListResult<TRecord> {
-    const client = useApiClient()
-    const enabled = options.enabled ?? true
-    const result = useInfiniteQuery({
+    return usePagedList<TRecord>({
       queryKey: keys.list(query),
-      queryFn: ({ pageParam }) =>
-        client.list(definition.path, definition.decode, {
-          ...query,
-          ...(pageParam === null ? {} : { cursor: pageParam }),
-        }),
-      initialPageParam: null as string | null,
-      getNextPageParam: (lastPage) => lastPage.nextCursor,
-      // Without this a keystroke in the filter box blanks the table while the
-      // next query runs, which reads as "no results" for as long as it takes.
-      placeholderData: keepPreviousData,
-      enabled,
+      path: definition.path,
+      decode: definition.decode,
+      query,
+      enabled: options.enabled ?? true,
     })
-
-    return {
-      records: result.data?.pages.flatMap((page) => page.items) ?? [],
-      // A disabled query stays pending forever, which is not the same as loading.
-      isLoading: result.isPending && enabled,
-      error: toError(result.error),
-      hasMore: result.hasNextPage,
-      isLoadingMore: result.isFetchingNextPage,
-      loadMore: () => {
-        void result.fetchNextPage()
-      },
-    }
   }
 
   function useRecord(id: string | undefined): RecordResult<TRecord> {
@@ -249,7 +367,12 @@ export function createReadOnlyResourceHooks<TRecord>(
 export function createResourceHooks<
   TRecord extends { readonly id: string },
   TCreateInput,
-  TUpdateInput extends Partial<TRecord>,
+  // The constraint is deliberately looser than `Partial<TRecord>`. A merge-patch
+  // field (a record whose value type includes `null` to clear a key) does not
+  // fit `Partial<TRecord>` when the record's own value type is non-null, and
+  // that shape reaches the record for real (custom-fields, and any later
+  // module that carries one). `mergeDefined` needs no more than an object here.
+  TUpdateInput extends object,
 >(
   definition: ResourceDefinition<TRecord, TCreateInput, TUpdateInput>,
 ): ResourceHooks<TRecord, TCreateInput, TUpdateInput> {

package/src/api/resources/companies.ts

@@ -25,7 +25,10 @@ const companies = createResourceHooks<Company, CreateCompanyInput, CompanyInput>
   updateBody: companyBody,
   // Every write here emits an activity server-side, in the same transaction, so
   // a timeline rendered on this record is stale the moment the write lands.
-  alsoInvalidates: ['activities'],
+  // Creating or renaming a domain may also auto-link Positions to workspace
+  // people whose email is at it, which changes position lists and the
+  // `?company_id=` people list that names the far side of each new row.
+  alsoInvalidates: ['activities', 'positions', 'people'],
 })
 
 /** The documented filters on `GET /v1/companies`. */
@@ -34,6 +37,8 @@ export interface CompanyFilters {
   readonly term?: string | undefined
   /** Companies where any of these people holds a position. Repeats on the wire. */
   readonly personIds?: readonly string[] | undefined
+  /** true = only the workspace's own companies; false = only the rest. */
+  readonly isOwn?: boolean | undefined
   readonly limit?: number | undefined
   /** `field` ascending, `-field` descending. Only `name`, `created_at`, `updated_at` are sortable. */
   readonly sort?: string | undefined
@@ -43,6 +48,7 @@ function companyQuery(filters: CompanyFilters): QueryParameters {
   return {
     q: filters.term,
     person_id: filters.personIds,
+    is_own: filters.isOwn === undefined ? undefined : String(filters.isOwn),
     limit: filters.limit,
     sort: filters.sort,
   }

package/src/api/resources/consentPurposes.ts

@@ -0,0 +1,83 @@
+import {
+  consentPurposeBody,
+  consentPurposeSchema,
+  createConsentPurposeBody,
+} from '@kelpie/schemas'
+import type {
+  ConsentPurpose,
+  ConsentPurposeInput,
+  CreateConsentPurposeInput,
+} from '@kelpie/schemas'
+
+import type { QueryParameters } from '../client.ts'
+import { createResourceHooks } from '../resource.ts'
+import type {
+  ListOptions,
+  MutationResult,
+  RecordListResult,
+  RecordResult,
+  UpdateArguments,
+} from '../resource.ts'
+
+/**
+ * `/v1/consent_purposes`. Workspace-defined consent purposes.
+ *
+ * Every capture site — form consent fields, lists, imports, the manual
+ * override on a Person — names one of these. Reads are open to any member;
+ * writes need the admin role, enforced server-side.
+ */
+
+const consentPurposes = createResourceHooks<
+  ConsentPurpose,
+  CreateConsentPurposeInput,
+  ConsentPurposeInput
+>({
+  name: 'consent_purposes',
+  path: '/consent_purposes',
+  decode: consentPurposeSchema.parse,
+  createBody: createConsentPurposeBody,
+  updateBody: consentPurposeBody,
+})
+
+export interface ConsentPurposeFilters {
+  readonly term?: string | undefined
+  readonly limit?: number | undefined
+  readonly sort?: string | undefined
+}
+
+function consentPurposeQuery(filters: ConsentPurposeFilters): QueryParameters {
+  return {
+    q: filters.term,
+    limit: filters.limit,
+    sort: filters.sort,
+  }
+}
+
+export function useConsentPurposes(
+  filters: ConsentPurposeFilters = {},
+  options: ListOptions = {},
+): RecordListResult<ConsentPurpose> {
+  return consentPurposes.useList(consentPurposeQuery(filters), options)
+}
+
+export function useConsentPurpose(id: string | undefined): RecordResult<ConsentPurpose> {
+  return consentPurposes.useRecord(id)
+}
+
+export function useCreateConsentPurpose(): MutationResult<
+  CreateConsentPurposeInput,
+  ConsentPurpose
+> {
+  return consentPurposes.useCreate()
+}
+
+export function useUpdateConsentPurpose(): MutationResult<
+  UpdateArguments<ConsentPurposeInput>,
+  ConsentPurpose
+> {
+  return consentPurposes.useUpdate()
+}
+
+export function useDeleteConsentPurpose(): MutationResult<string, void> {
+  return consentPurposes.useRemove()
+}