@kelpie/ui 0.10.0 → 0.12.0

package/src/pages/EnquiryDetail.tsx

@@ -7,11 +7,14 @@ import { usePatch } from '../api/resource.ts'
 import type { PatchResult } from '../api/resource.ts'
 import { useCompanies, useCompany } from '../api/resources/companies.ts'
 import {
-  useConvertEnquiry,
   useDeleteEnquiry,
   useEnquiry,
   useUpdateEnquiry,
 } from '../api/resources/enquiries.ts'
+import {
+  detailPathForPipelineKind,
+  useConvertPipelineRecord,
+} from '../api/resources/conversions.ts'
 import { useFormSubmissionsForRecord } from '../api/resources/forms.ts'
 import { useMembers } from '../api/resources/members.ts'
 import { usePeople } from '../api/resources/people.ts'
@@ -21,6 +24,7 @@ import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.t
 import { AgentTasks } from '../components/AgentTasks.tsx'
 import { Chip } from '../components/Chip.tsx'
 import type { ChipTone } from '../components/Chip.tsx'
+import { ConvertRecordAction, ConvertRecordButton } from '../components/ConvertRecordDialog.tsx'
 import { DecisionsPanel } from '../components/DecisionsPanel.tsx'
 import { DeleteRecord } from '../components/DeleteRecord.tsx'
 import { EntitySearch } from '../components/EntitySearch.tsx'
@@ -60,8 +64,8 @@ export function EnquiryDetail(): React.JSX.Element {
   const { id } = useParams()
   const navigate = useNavigate()
   const { record, isLoading, isNotFound, error } = useEnquiry(id)
+  const convertRecord = useConvertPipelineRecord('enquiry')
   const deleteEnquiry = useDeleteEnquiry()
-  const convertEnquiry = useConvertEnquiry()
   const moduleTabs = inSlotOrder(useRecordTabs('enquiry'))
   const hasCustomFields = useHasCustomFields('enquiry')
   const [activeTab, setActiveTab] = useState('overview')
@@ -96,12 +100,11 @@ export function EnquiryDetail(): React.JSX.Element {
   const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview'
   const moduleTab = moduleTabs.find((tab) => tab.id === active)
 
-  const convertBlockedReason =
-    record.convertedDealId !== null
-      ? null
-      : record.companyId === null
-        ? 'Link a company first'
-        : null
+  const convertedTo =
+    record.convertedTo ??
+    (record.convertedDealId !== null
+      ? { targetType: 'deal' as const, targetId: record.convertedDealId }
+      : null)
 
   return (
     <div className="animate-fade-in mx-auto max-w-6xl">
@@ -117,28 +120,13 @@ export function EnquiryDetail(): React.JSX.Element {
           <EnquiryHeading enquiry={record} />
 
           <div className="flex justify-end gap-2">
-            {record.convertedDealId === null ? (
-              <button
-                type="button"
-                onClick={() => {
-                  if (convertBlockedReason === null) {
-                    setShowConvert(true)
-                  }
-                }}
-                disabled={convertBlockedReason !== null || convertEnquiry.isPending}
-                title={convertBlockedReason ?? undefined}
-                className="rounded-md border border-border px-2.5 py-1 text-[12px] font-medium text-ink-muted transition hover:border-accent hover:text-accent disabled:cursor-not-allowed disabled:opacity-50 disabled:hover:border-border disabled:hover:text-ink-muted"
-              >
-                Convert to deal
-              </button>
-            ) : (
-              <Link
-                to={`/deals/${record.convertedDealId}`}
-                className="rounded-md border border-border px-2.5 py-1 text-[12px] font-medium text-accent transition hover:border-accent hover:underline"
-              >
-                Converted — view deal
-              </Link>
-            )}
+            <ConvertRecordButton
+              convertedTo={convertedTo}
+              convert={convertRecord}
+              onOpenDialog={() => {
+                setShowConvert(true)
+              }}
+            />
             <AgentTasks targetType="enquiry" targetId={record.id} targetLabel={record.name} />
             <DeleteRecord
               recordLabel="Enquiry"
@@ -154,26 +142,25 @@ export function EnquiryDetail(): React.JSX.Element {
             />
           </div>
 
-          {convertEnquiry.error !== null && <ErrorPanel error={convertEnquiry.error} />}
-          {showConvert && (
-            <ConvertConfirm
-              enquiry={record}
-              isPending={convertEnquiry.isPending}
-              onCancel={() => {
-                setShowConvert(false)
-              }}
-              onConfirm={() => {
-                convertEnquiry
-                  .runAsync(record.id)
-                  .then((deal) => {
-                    setShowConvert(false)
-
-                    return navigate(`/deals/${deal.id}`)
-                  })
-                  .catch(() => undefined)
-              }}
-            />
-          )}
+          {convertRecord.error !== null && <ErrorPanel error={convertRecord.error} />}
+          <ConvertRecordAction
+            sourceKind="enquiry"
+            recordId={record.id}
+            recordName={record.name}
+            companyId={record.companyId}
+            convertedTo={convertedTo}
+            convert={convertRecord}
+            showDialog={showConvert}
+            onOpenDialog={() => {
+              setShowConvert(true)
+            }}
+            onCloseDialog={() => {
+              setShowConvert(false)
+            }}
+            onConverted={(created, targetType) => {
+              navigate(detailPathForPipelineKind(targetType, created.id))
+            }}
+          />
 
           <RecordTabs
             tabs={tabs}
@@ -512,43 +499,3 @@ function EnquiryContacts({ enquiry }: { readonly enquiry: Enquiry }): React.JSX.
     </section>
   )
 }
-
-function ConvertConfirm({
-  enquiry,
-  isPending,
-  onCancel,
-  onConfirm,
-}: {
-  readonly enquiry: Enquiry
-  readonly isPending: boolean
-  readonly onCancel: () => void
-  readonly onConfirm: () => void
-}): React.JSX.Element {
-  return (
-    <div className="rounded-md border border-border bg-surface-raised p-4">
-      <p className="text-[13px] text-ink">
-        Convert <span className="font-semibold">{enquiry.name}</span> to a Deal. This creates a new
-        deal (name, company, owner and linked people carry over) and moves this enquiry to the
-        first closed stage.
-      </p>
-      <div className="mt-3 flex justify-end gap-2">
-        <button
-          type="button"
-          onClick={onCancel}
-          disabled={isPending}
-          className="rounded-md px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink disabled:opacity-50"
-        >
-          Cancel
-        </button>
-        <button
-          type="button"
-          onClick={onConfirm}
-          disabled={isPending}
-          className="rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg hover:bg-accent-hover disabled:opacity-50"
-        >
-          {isPending ? 'Converting…' : 'Convert'}
-        </button>
-      </div>
-    </div>
-  )
-}

package/src/pages/ListDetail.tsx

@@ -6,7 +6,6 @@ import { Link, useNavigate, useParams } from 'react-router'
 import { usePatch } from '../api/resource.ts'
 import type { PatchResult } from '../api/resource.ts'
 import { useCompanies } from '../api/resources/companies.ts'
-import { useConsentPurposes } from '../api/resources/consentPurposes.ts'
 import { useDeals } from '../api/resources/deals.ts'
 import { useDeleteList, useList, useUpdateList } from '../api/resources/lists.ts'
 import {
@@ -86,57 +85,11 @@ export function ListDetail(): React.JSX.Element {
 
       <ListDescription list={record} />
 
-      {record.targetType === 'person' && <ListConsentPurpose list={record} />}
-
       <ListMembers listId={record.id} targetType={record.targetType} />
     </div>
   )
 }
 
-function ListConsentPurpose({ list }: { readonly list: List }): React.JSX.Element {
-  const { patch, error } = useListPatch(list)
-  const purposes = useConsentPurposes({ sort: 'sort_order', limit: 200 })
-  const options = [
-    { value: '', label: '— none —' },
-    ...purposes.records.map((purpose) => ({ value: purpose.id, label: purpose.label })),
-  ]
-
-  return (
-    <div className="mb-6 rounded-md border border-border bg-surface-raised p-4 text-[13px]">
-      {error !== null && (
-        <div className="mb-2">
-          <ErrorPanel error={error} />
-        </div>
-      )}
-      <div className="flex flex-wrap items-baseline justify-between gap-3">
-        <div>
-          <div className="text-[12px] font-medium text-ink">Consent purpose</div>
-          <p className="mt-0.5 text-[12px] text-ink-muted">
-            A form submit that adds a person to this list also grants this purpose. Manual and
-            API adds capture nothing.
-          </p>
-        </div>
-        <label className="shrink-0">
-          <select
-            value={list.consentPurposeId ?? ''}
-            onChange={(event) => {
-              const value = event.target.value
-              patch({ consentPurposeId: value.length === 0 ? null : value })
-            }}
-            className="rounded-md border border-border bg-transparent px-2 py-1 text-[12px] outline-none focus:border-accent"
-          >
-            {options.map((option) => (
-              <option key={option.value} value={option.value}>
-                {option.label}
-              </option>
-            ))}
-          </select>
-        </label>
-      </div>
-    </div>
-  )
-}
-
 function useListPatch(list: List): PatchResult<ListInput> {
   return usePatch(useUpdateList, list)
 }

package/src/pages/OpportunityDetail.tsx

@@ -6,6 +6,10 @@ import { Link, useNavigate, useParams } from 'react-router'
 import { usePatch } from '../api/resource.ts'
 import type { PatchResult } from '../api/resource.ts'
 import { useCompanies, useCompany } from '../api/resources/companies.ts'
+import {
+  detailPathForPipelineKind,
+  useConvertPipelineRecord,
+} from '../api/resources/conversions.ts'
 import { useFormSubmissionsForRecord } from '../api/resources/forms.ts'
 import { useMembers } from '../api/resources/members.ts'
 import {
@@ -20,6 +24,7 @@ import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.t
 import { AgentTasks } from '../components/AgentTasks.tsx'
 import { Chip } from '../components/Chip.tsx'
 import type { ChipTone } from '../components/Chip.tsx'
+import { ConvertRecordAction, ConvertRecordButton } from '../components/ConvertRecordDialog.tsx'
 import { DecisionsPanel } from '../components/DecisionsPanel.tsx'
 import { DeleteRecord } from '../components/DeleteRecord.tsx'
 import { EntitySearch } from '../components/EntitySearch.tsx'
@@ -61,10 +66,12 @@ export function OpportunityDetail(): React.JSX.Element {
   const { id } = useParams()
   const navigate = useNavigate()
   const { record, isLoading, isNotFound, error } = useOpportunity(id)
+  const convertRecord = useConvertPipelineRecord('opportunity')
   const deleteOpportunity = useDeleteOpportunity()
   const moduleTabs = inSlotOrder(useRecordTabs('opportunity'))
   const hasCustomFields = useHasCustomFields('opportunity')
   const [activeTab, setActiveTab] = useState('overview')
+  const [showConvert, setShowConvert] = useState(false)
   const formSubmissions = useFormSubmissionsForRecord('opportunity', id)
 
   if (isNotFound) {
@@ -94,6 +101,7 @@ export function OpportunityDetail(): React.JSX.Element {
   ]
   const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview'
   const moduleTab = moduleTabs.find((tab) => tab.id === active)
+  const convertedTo = record.convertedTo
 
   return (
     <div className="animate-fade-in mx-auto max-w-6xl">
@@ -109,6 +117,13 @@ export function OpportunityDetail(): React.JSX.Element {
           <OpportunityHeading opportunity={record} />
 
           <div className="flex justify-end gap-2">
+            <ConvertRecordButton
+              convertedTo={convertedTo}
+              convert={convertRecord}
+              onOpenDialog={() => {
+                setShowConvert(true)
+              }}
+            />
             <AgentTasks targetType="opportunity" targetId={record.id} targetLabel={record.name} />
             <DeleteRecord
               recordLabel="Opportunity"
@@ -124,6 +139,26 @@ export function OpportunityDetail(): React.JSX.Element {
             />
           </div>
 
+          {convertRecord.error !== null && <ErrorPanel error={convertRecord.error} />}
+          <ConvertRecordAction
+            sourceKind="opportunity"
+            recordId={record.id}
+            recordName={record.name}
+            companyId={record.companyId}
+            convertedTo={convertedTo}
+            convert={convertRecord}
+            showDialog={showConvert}
+            onOpenDialog={() => {
+              setShowConvert(true)
+            }}
+            onCloseDialog={() => {
+              setShowConvert(false)
+            }}
+            onConverted={(created, targetType) => {
+              navigate(detailPathForPipelineKind(targetType, created.id))
+            }}
+          />
+
           <RecordTabs
             tabs={tabs}
             active={active}

package/src/pages/PartnershipDetail.tsx

@@ -6,6 +6,10 @@ import { Link, useNavigate, useParams } from 'react-router'
 import { usePatch } from '../api/resource.ts'
 import type { PatchResult } from '../api/resource.ts'
 import { useCompanies, useCompany } from '../api/resources/companies.ts'
+import {
+  detailPathForPipelineKind,
+  useConvertPipelineRecord,
+} from '../api/resources/conversions.ts'
 import { useFormSubmissionsForRecord } from '../api/resources/forms.ts'
 import { useMembers } from '../api/resources/members.ts'
 import {
@@ -20,6 +24,7 @@ import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.t
 import { AgentTasks } from '../components/AgentTasks.tsx'
 import { Chip } from '../components/Chip.tsx'
 import type { ChipTone } from '../components/Chip.tsx'
+import { ConvertRecordAction, ConvertRecordButton } from '../components/ConvertRecordDialog.tsx'
 import { DecisionsPanel } from '../components/DecisionsPanel.tsx'
 import { DeleteRecord } from '../components/DeleteRecord.tsx'
 import { EntitySearch } from '../components/EntitySearch.tsx'
@@ -61,10 +66,12 @@ export function PartnershipDetail(): React.JSX.Element {
   const { id } = useParams()
   const navigate = useNavigate()
   const { record, isLoading, isNotFound, error } = usePartnership(id)
+  const convertRecord = useConvertPipelineRecord('partnership')
   const deletePartnership = useDeletePartnership()
   const moduleTabs = inSlotOrder(useRecordTabs('partnership'))
   const hasCustomFields = useHasCustomFields('partnership')
   const [activeTab, setActiveTab] = useState('overview')
+  const [showConvert, setShowConvert] = useState(false)
   const formSubmissions = useFormSubmissionsForRecord('partnership', id)
 
   if (isNotFound) {
@@ -94,6 +101,7 @@ export function PartnershipDetail(): React.JSX.Element {
   ]
   const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview'
   const moduleTab = moduleTabs.find((tab) => tab.id === active)
+  const convertedTo = record.convertedTo
 
   return (
     <div className="animate-fade-in mx-auto max-w-6xl">
@@ -109,6 +117,13 @@ export function PartnershipDetail(): React.JSX.Element {
           <PartnershipHeading partnership={record} />
 
           <div className="flex justify-end gap-2">
+            <ConvertRecordButton
+              convertedTo={convertedTo}
+              convert={convertRecord}
+              onOpenDialog={() => {
+                setShowConvert(true)
+              }}
+            />
             <AgentTasks targetType="partnership" targetId={record.id} targetLabel={record.name} />
             <DeleteRecord
               recordLabel="Partnership"
@@ -124,6 +139,26 @@ export function PartnershipDetail(): React.JSX.Element {
             />
           </div>
 
+          {convertRecord.error !== null && <ErrorPanel error={convertRecord.error} />}
+          <ConvertRecordAction
+            sourceKind="partnership"
+            recordId={record.id}
+            recordName={record.name}
+            companyId={record.companyId}
+            convertedTo={convertedTo}
+            convert={convertRecord}
+            showDialog={showConvert}
+            onOpenDialog={() => {
+              setShowConvert(true)
+            }}
+            onCloseDialog={() => {
+              setShowConvert(false)
+            }}
+            onConverted={(created, targetType) => {
+              navigate(detailPathForPipelineKind(targetType, created.id))
+            }}
+          />
+
           <RecordTabs
             tabs={tabs}
             active={active}

package/src/pages/RaiseDetail.tsx

@@ -6,6 +6,10 @@ import { Link, useNavigate, useParams } from 'react-router'
 import { usePatch } from '../api/resource.ts'
 import type { PatchResult } from '../api/resource.ts'
 import { useCompanies, useCompany } from '../api/resources/companies.ts'
+import {
+  detailPathForPipelineKind,
+  useConvertPipelineRecord,
+} from '../api/resources/conversions.ts'
 import { useMembers } from '../api/resources/members.ts'
 import { usePeople } from '../api/resources/people.ts'
 import { usePipelineStages } from '../api/resources/pipelineStages.ts'
@@ -15,6 +19,7 @@ import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.t
 import { AgentTasks } from '../components/AgentTasks.tsx'
 import { Chip } from '../components/Chip.tsx'
 import type { ChipTone } from '../components/Chip.tsx'
+import { ConvertRecordAction, ConvertRecordButton } from '../components/ConvertRecordDialog.tsx'
 import { DecisionsPanel } from '../components/DecisionsPanel.tsx'
 import { DeleteRecord } from '../components/DeleteRecord.tsx'
 import { EntitySearch } from '../components/EntitySearch.tsx'
@@ -60,10 +65,12 @@ export function RaiseDetail(): React.JSX.Element {
   const { id } = useParams()
   const navigate = useNavigate()
   const { record, isLoading, isNotFound, error } = useRaise(id)
+  const convertRecord = useConvertPipelineRecord('raise')
   const deleteRaise = useDeleteRaise()
   const moduleTabs = inSlotOrder(useRecordTabs('raise'))
   const hasCustomFields = useHasCustomFields('raise')
   const [activeTab, setActiveTab] = useState('overview')
+  const [showConvert, setShowConvert] = useState(false)
 
   if (isNotFound) {
     return <NotFoundPanel label="Raise" backTo="/fundraising" />
@@ -89,6 +96,7 @@ export function RaiseDetail(): React.JSX.Element {
   ]
   const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview'
   const moduleTab = moduleTabs.find((tab) => tab.id === active)
+  const convertedTo = record.convertedTo
 
   return (
     <div className="animate-fade-in mx-auto max-w-6xl">
@@ -104,6 +112,13 @@ export function RaiseDetail(): React.JSX.Element {
           <RaiseHeading raise={record} />
 
           <div className="flex justify-end gap-2">
+            <ConvertRecordButton
+              convertedTo={convertedTo}
+              convert={convertRecord}
+              onOpenDialog={() => {
+                setShowConvert(true)
+              }}
+            />
             <AgentTasks targetType="raise" targetId={record.id} targetLabel={record.name} />
             <DeleteRecord
               recordLabel="Raise"
@@ -119,6 +134,26 @@ export function RaiseDetail(): React.JSX.Element {
             />
           </div>
 
+          {convertRecord.error !== null && <ErrorPanel error={convertRecord.error} />}
+          <ConvertRecordAction
+            sourceKind="raise"
+            recordId={record.id}
+            recordName={record.name}
+            companyId={record.companyId}
+            convertedTo={convertedTo}
+            convert={convertRecord}
+            showDialog={showConvert}
+            onOpenDialog={() => {
+              setShowConvert(true)
+            }}
+            onCloseDialog={() => {
+              setShowConvert(false)
+            }}
+            onConverted={(created, targetType) => {
+              navigate(detailPathForPipelineKind(targetType, created.id))
+            }}
+          />
+
           <RecordTabs tabs={tabs} active={active} onChange={setActiveTab} ariaLabel="Raise sections">
             {active === 'overview' && <RaiseOverview raise={record} />}
             {active === 'fields' && <RaiseFields raise={record} />}

package/src/pages/account/SecurityPage.tsx

@@ -88,7 +88,8 @@ function ChangePasswordForm(): React.JSX.Element {
     <form onSubmit={submit} className="space-y-3">
       <h2 className="text-[14px] font-semibold text-ink">Change password</h2>
       <p className="max-w-md text-[12px] text-ink-muted">
-        Changing your password signs you out everywhere except this browser.
+        Changing your password signs you out everywhere except this browser. If you have never set
+        one, use <span className="font-medium text-ink">Forgot password</span> on the sign-in page.
       </p>
 
       <label className="block max-w-md">
@@ -216,6 +217,10 @@ function SessionRow({
       <td className="px-4 py-3">
         <div className="font-medium break-all text-ink">{session.device ?? 'Unknown device'}</div>
         {session.current && <span className="text-[11px] font-medium text-success">This device</span>}
+        {/* Null for a password sign-in, which is the ordinary case and needs no label. */}
+        {session.signedInVia !== null && (
+          <div className="text-[11px] text-ink-faint">via {session.signedInVia}</div>
+        )}
       </td>
       {/* Always unknown today: the service records the User-Agent and nothing
           derives a location from the request. The column stays because the field

package/src/pages/admin/DataPage.tsx

@@ -1,5 +1,7 @@
 import {
   CONFLICT_MODE_LABELS,
+  EXPORT_OBJECT_LABELS,
+  EXPORT_OBJECTS,
   IMPORT_OBJECTS,
   IMPORT_SOURCES,
   MATCH_KEYS,
@@ -13,6 +15,7 @@ import {
   requiredColumns,
 } from '@kelpie/schemas'
 import type {
+  ExportObject,
   ImportColumnMap,
   ImportConflictMode,
   ImportJob,
@@ -65,7 +68,7 @@ const STEPS: readonly { readonly id: WizardStep; readonly label: string }[] = [
 ]
 
 export function DataPage(): ReactNode {
-  const [exportObject, setExportObject] = useState<ImportObject>('companies')
+  const [exportObject, setExportObject] = useState<ExportObject>('companies')
 
   const [step, setStep] = useState<WizardStep>('source')
   const [source, setSource] = useState<ImportSource>('custom')
@@ -133,7 +136,7 @@ export function DataPage(): ReactNode {
     setProblem(null)
   }
 
-  async function onDownload(target: ImportObject, template: boolean): Promise<void> {
+  async function onDownload(target: ExportObject, template: boolean): Promise<void> {
     setProblem(null)
     saveCsv(await exportCsv.runAsync({ object: target, template }))
   }
@@ -255,7 +258,7 @@ export function DataPage(): ReactNode {
     <div className="animate-slide-in space-y-10">
       <PageHeader
         title="Import & export"
-        description="CSV for People, Companies, Positions, and Deals. Custom files or HubSpot / Salesforce packs."
+        description="CSV for People, Companies, Positions, Deals, and other CRM objects. Custom field values export with each record; definitions export separately."
       />
 
       {failure === null ? null : (
@@ -272,20 +275,20 @@ export function DataPage(): ReactNode {
         <div>
           <h2 className="text-[15px] font-semibold text-ink">Export</h2>
           <p className="mt-1 text-[13px] text-ink-muted">
-            Download this workspace as CSV. A Kelpie export reads straight back in with no column
-            mapping.
+            Download this workspace as CSV. Importable objects round-trip through the wizard; other
+            objects and custom field definitions export for backup and analysis.
           </p>
         </div>
         <div className="flex flex-wrap items-end gap-3">
           <Field label="Object">
             <select
               value={exportObject}
-              onChange={(event) => setExportObject(event.target.value as ImportObject)}
+              onChange={(event) => setExportObject(event.target.value as ExportObject)}
               className="w-48 rounded-md border border-border bg-surface-raised px-3 py-2 text-[13px] outline-none focus:border-accent"
             >
-              {IMPORT_OBJECTS.map((item) => (
+              {EXPORT_OBJECTS.map((item) => (
                 <option key={item} value={item}>
-                  {OBJECT_LABELS[item]}
+                  {EXPORT_OBJECT_LABELS[item]}
                 </option>
               ))}
             </select>
@@ -377,7 +380,9 @@ export function DataPage(): ReactNode {
               </button>
             </div>
             <p className="text-[12px] text-ink-muted">
-              Import order for linked data: Companies → People → Positions → Deals.
+              Import order for linked data: Companies → People → Positions → pipeline records (Deals,
+              Opportunities, Enquiries, Partnerships, Fundraising). Custom field definitions can be
+              imported before the records that use them.
             </p>
             <button
               type="submit"

package/src/pages/admin/PrivacyPage.tsx

@@ -132,14 +132,14 @@ function EmptyState({ onAdd, onSeedStarters, isSeeding }: EmptyStateProps): Reac
       <p className="mt-1 text-ink-muted">
         A purpose is what a person is agreeing to — being contacted at all, marketing, research.
         Every workspace usually has at least a general <span className="font-medium">Contact</span>{' '}
-        purpose. Forms, lists, and imports that don&rsquo;t need consent don&rsquo;t need one.
+        purpose. Forms and imports that don&rsquo;t need consent don&rsquo;t need one.
       </p>
       <div className="mt-4 flex flex-wrap items-center gap-2">
         <button
           type="button"
           onClick={onSeedStarters}
           disabled={isSeeding}
-          className="rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-white hover:bg-accent-hover disabled:opacity-50"
+          className="rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50"
         >
           {isSeeding ? 'Adding…' : 'Add Contact & Marketing'}
         </button>
@@ -268,7 +268,7 @@ function AddPurposeForm({ onDone }: AddPurposeFormProps): React.JSX.Element {
         <button
           type="submit"
           disabled={create.isPending}
-          className="rounded-md bg-accent px-3 py-1 text-[12px] font-medium text-white hover:bg-accent-hover disabled:opacity-50"
+          className="rounded-md bg-accent px-3 py-1 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50"
         >
           {create.isPending ? 'Adding…' : 'Add purpose'}
         </button>
@@ -389,7 +389,7 @@ function PurposeRow({ purpose }: PurposeRowProps): React.JSX.Element {
             <button
               type="submit"
               disabled={update.isPending}
-              className="rounded-md bg-accent px-3 py-1 text-[12px] font-medium text-white hover:bg-accent-hover disabled:opacity-50"
+              className="rounded-md bg-accent px-3 py-1 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50"
             >
               {update.isPending ? 'Saving…' : 'Save'}
             </button>

package/src/pages/admin/TeamPage.tsx

@@ -114,8 +114,7 @@ function InviteForm(): React.JSX.Element {
       </div>
       {sendInvite.error !== null && <ErrorPanel error={sendInvite.error} />}
       <p className="text-[11px] text-ink-faint">
-        The invitation is emailed and lasts seven days. Ownership is not invited; it is given to a
-        member who has already joined.
+        The invitation is emailed and lasts seven days.
       </p>
     </form>
   )