@kelpie/ui 0.7.0 → 0.9.0

package/dist/pages/ListDetail.d.ts

@@ -0,0 +1,11 @@
+/**
+ * One list, and the records on it.
+ *
+ * The type is fixed at creation, so the header shows it as a badge and the
+ * member picker below dispatches on it: a `person` list picks from people, a
+ * `company` list from companies, and so on. A candidate list has no picker in
+ * v1 because candidates carry no name of their own; add candidacies from the
+ * hiring pages.
+ */
+export declare function ListDetail(): React.JSX.Element;
+//# sourceMappingURL=ListDetail.d.ts.map

package/dist/pages/ListDetail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDetail.d.ts","sourceRoot":"","sources":["../../src/pages/ListDetail.tsx"],"names":[],"mappings":"AA+BA;;;;;;;;GAQG;AACH,wBAAgB,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAqD9C"}

package/dist/pages/ListDetail.js

@@ -0,0 +1,214 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RECORD_TARGET_TYPE_LABELS } from '@kelpie/schemas';
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { usePatch } from '../api/resource.js';
+import { useCompanies } from '../api/resources/companies.js';
+import { useConsentPurposes } from '../api/resources/consentPurposes.js';
+import { useDeals } from '../api/resources/deals.js';
+import { useDeleteList, useList, useUpdateList } from '../api/resources/lists.js';
+import { useAddListMember, useListMembers, useRemoveListMember, } from '../api/resources/listMembers.js';
+import { useEnquiries } from '../api/resources/enquiries.js';
+import { useOpportunities } from '../api/resources/opportunities.js';
+import { usePartnerships } from '../api/resources/partnerships.js';
+import { usePeople } from '../api/resources/people.js';
+import { useRaises } from '../api/resources/raises.js';
+import { Chip } from '../components/Chip.js';
+import { DeleteRecord } from '../components/DeleteRecord.js';
+import { EntitySearch } from '../components/EntitySearch.js';
+import { InlineEdit } from '../components/InlineEdit.js';
+import { Paginator } from '../components/Paginator.js';
+import { ErrorPanel, LoadingPanel, NotFoundPanel } from '../components/QueryState.js';
+import { SectionHeader } from '../components/SectionHeader.js';
+/**
+ * One list, and the records on it.
+ *
+ * The type is fixed at creation, so the header shows it as a badge and the
+ * member picker below dispatches on it: a `person` list picks from people, a
+ * `company` list from companies, and so on. A candidate list has no picker in
+ * v1 because candidates carry no name of their own; add candidacies from the
+ * hiring pages.
+ */
+export function ListDetail() {
+    const { id } = useParams();
+    const navigate = useNavigate();
+    const { record, isLoading, isNotFound, error } = useList(id);
+    const deleteList = useDeleteList();
+    if (isNotFound) {
+        return _jsx(NotFoundPanel, { label: "List", backTo: "/lists" });
+    }
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || record === undefined || id === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading list\u2026" });
+    }
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-4xl", children: [_jsx(Link, { to: "/lists", className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "\u2190 Lists" }), _jsxs("div", { className: "mb-6 flex flex-wrap items-start justify-between gap-3", children: [_jsx(ListHeading, { list: record }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-3", children: [_jsx(Chip, { children: RECORD_TARGET_TYPE_LABELS[record.targetType] }), _jsx(DeleteRecord, { recordLabel: "List", recordName: record.name, isPending: deleteList.isPending, error: deleteList.error, onConfirm: () => {
+                                    deleteList
+                                        .runAsync(record.id)
+                                        .then(() => navigate('/lists'))
+                                        .catch(() => undefined);
+                                } })] })] }), _jsx(ListDescription, { list: record }), record.targetType === 'person' && _jsx(ListConsentPurpose, { list: record }), _jsx(ListMembers, { listId: record.id, targetType: record.targetType })] }));
+}
+function ListConsentPurpose({ list }) {
+    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 (_jsxs("div", { className: "mb-6 rounded-md border border-border bg-surface-raised p-4 text-[13px]", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsxs("div", { className: "flex flex-wrap items-baseline justify-between gap-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[12px] font-medium text-ink", children: "Consent purpose" }), _jsx("p", { className: "mt-0.5 text-[12px] text-ink-muted", children: "A form submit that adds a person to this list also grants this purpose. Manual and API adds capture nothing." })] }), _jsx("label", { className: "shrink-0", children: _jsx("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", children: options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }) })] })] }));
+}
+function useListPatch(list) {
+    return usePatch(useUpdateList, list);
+}
+function ListHeading({ list }) {
+    const { patch, error } = useListPatch(list);
+    return (_jsxs("div", { className: "min-w-0 flex-1", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsx(InlineEdit, { value: list.name, onChange: (name) => {
+                    patch({ name });
+                }, displayClassName: "text-[22px] font-semibold tracking-tight text-ink not-italic", emptyLabel: "Untitled list" })] }));
+}
+function ListDescription({ list }) {
+    const { patch, error } = useListPatch(list);
+    return (_jsxs("div", { className: "mb-6", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsx(InlineEdit, { value: list.description ?? '', onChange: (description) => {
+                    patch({ description: description.length > 0 ? description : null });
+                }, displayClassName: "text-[13px] text-ink-muted not-italic", emptyLabel: "Add a description", multiline: true })] }));
+}
+function ListMembers({ listId, targetType, }) {
+    const members = useListMembers(listId);
+    const addMember = useAddListMember();
+    const [adding, setAdding] = useState(false);
+    const attached = new Set(members.records.map((member) => member.targetId));
+    function add(targetId) {
+        if (attached.has(targetId)) {
+            return;
+        }
+        addMember.run({ listId, input: { targetType, targetId } });
+        setAdding(false);
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Members", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: `Add ${RECORD_TARGET_TYPE_LABELS[targetType].toLowerCase()}` }), adding && (_jsxs("div", { className: "mb-3 flex gap-2", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(MemberPicker, { targetType: targetType, attached: attached, onPick: add }) }), _jsx("button", { type: "button", onClick: () => {
+                            setAdding(false);
+                        }, className: "shrink-0 rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" })] })), addMember.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: addMember.error }) })), members.error !== null && _jsx(ErrorPanel, { error: members.error }), members.isLoading ? (_jsx(LoadingPanel, { label: "Loading members\u2026" })) : members.records.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No members yet." })) : (_jsxs(_Fragment, { children: [_jsx(Paginator, { list: members, placement: "top" }), _jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: members.records.map((member) => (_jsx(MemberRow, { listId: listId, member: member }, member.id))) })] })), _jsx(Paginator, { list: members })] }));
+}
+function MemberRow({ listId, member, }) {
+    const remove = useRemoveListMember();
+    return (_jsxs("li", { className: "border-b border-border px-4 py-3 last:border-0", children: [_jsxs("div", { className: "flex flex-wrap items-center justify-between gap-3", children: [_jsx(Link, { to: detailPathFor(member.targetType, member.targetId), className: "text-left text-[13px] font-medium text-ink hover:text-accent", children: member.targetName ?? member.targetId }), _jsx("button", { type: "button", onClick: () => {
+                            remove.run({ listId, id: member.id });
+                        }, className: "text-[11px] font-medium text-danger hover:underline", children: "Remove" })] }), remove.error !== null && (_jsx("div", { className: "mt-2", children: _jsx(ErrorPanel, { error: remove.error }) }))] }));
+}
+/** Where a link on a member row should go. Every type has its own detail path. */
+function detailPathFor(targetType, targetId) {
+    switch (targetType) {
+        case 'person':
+            return `/people/${targetId}`;
+        case 'company':
+            return `/companies/${targetId}`;
+        case 'deal':
+            return `/deals/${targetId}`;
+        case 'opportunity':
+            return `/opportunities/${targetId}`;
+        case 'partnership':
+            return `/partnerships/${targetId}`;
+        case 'raise':
+            return `/fundraising/${targetId}`;
+        case 'enquiry':
+            return `/enquiries/${targetId}`;
+        case 'candidate':
+            // A candidate has no page of its own; the person's does.
+            return `/hiring`;
+    }
+}
+/**
+ * A "search or pick" combobox that queries the collection matching the list's
+ * type. Each type gets its own component so React sees a stable set of hook
+ * calls per render.
+ */
+function MemberPicker({ targetType, attached, onPick, }) {
+    switch (targetType) {
+        case 'person':
+            return _jsx(PeoplePicker, { attached: attached, onPick: onPick });
+        case 'company':
+            return _jsx(CompaniesPicker, { attached: attached, onPick: onPick });
+        case 'deal':
+            return _jsx(DealsPicker, { attached: attached, onPick: onPick });
+        case 'opportunity':
+            return _jsx(OpportunitiesPicker, { attached: attached, onPick: onPick });
+        case 'partnership':
+            return _jsx(PartnershipsPicker, { attached: attached, onPick: onPick });
+        case 'raise':
+            return _jsx(RaisesPicker, { attached: attached, onPick: onPick });
+        case 'enquiry':
+            return _jsx(EnquiriesPicker, { attached: attached, onPick: onPick });
+        case 'candidate':
+            return (_jsx("p", { className: "text-[12px] text-ink-faint", children: "Candidate lists have no inline picker in this release. Add candidacies from a role's page, then attach them here through the API." }));
+    }
+}
+function PeoplePicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = usePeople({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name, meta: row.email ?? undefined }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function CompaniesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useCompanies({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name, meta: row.domain ?? undefined }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function DealsPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useDeals({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function OpportunitiesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useOpportunities({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function PartnershipsPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = usePartnerships({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function RaisesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useRaises({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function EnquiriesPicker({ attached, onPick }) {
+    const [search, setSearch] = useState('');
+    const records = useEnquiries({ term: trimmedOrUndefined(search) });
+    const options = records.records
+        .filter((row) => !attached.has(row.id))
+        .map((row) => ({ id: row.id, label: row.name }));
+    return _jsx(PickerBox, { onQueryChange: setSearch, onPick: onPick, options: options });
+}
+function PickerBox({ onQueryChange, onPick, options, }) {
+    return (_jsx(EntitySearch, { options: options, value: "", onChange: onPick, onQueryChange: onQueryChange, placeholder: "Search\u2026", emptyMessage: "No matches", size: "md" }));
+}
+function trimmedOrUndefined(value) {
+    const trimmed = value.trim();
+    return trimmed.length > 0 ? trimmed : undefined;
+}
+//# sourceMappingURL=ListDetail.js.map

package/dist/pages/ListDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListDetail.js","sourceRoot":"","sources":["../../src/pages/ListDetail.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,iBAAiB,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,cAAc,CAAA;AAE3D,OAAO,EAAE,QAAQ,EAAE,MAAM,oBAAoB,CAAA;AAE7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,qCAAqC,CAAA;AACxE,OAAO,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AACpD,OAAO,EAAE,aAAa,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,2BAA2B,CAAA;AACjF,OAAO,EACL,gBAAgB,EAChB,cAAc,EACd,mBAAmB,GACpB,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAAE,YAAY,EAAE,MAAM,+BAA+B,CAAA;AAC5D,OAAO,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAA;AACpE,OAAO,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAA;AACtD,OAAO,EAAE,IAAI,EAAE,MAAM,uBAAwB,CAAA;AAC7C,OAAO,EAAE,YAAY,EAAE,MAAM,+BAAgC,CAAA;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,+BAAgC,CAAA;AAE7D,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA8B,CAAA;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,6BAA8B,CAAA;AACtF,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAiC,CAAA;AAG/D;;;;;;;;GAQG;AACH,MAAM,UAAU,UAAU;IACxB,MAAM,EAAE,EAAE,EAAE,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,UAAU,EAAE,KAAK,EAAE,GAAG,OAAO,CAAC,EAAE,CAAC,CAAA;IAC5D,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,IAAI,UAAU,EAAE,CAAC;QACf,OAAO,KAAC,aAAa,IAAC,KAAK,EAAC,MAAM,EAAC,MAAM,EAAC,QAAQ,GAAG,CAAA;IACvD,CAAC;IAED,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;IACrC,CAAC;IAED,IAAI,SAAS,IAAI,MAAM,KAAK,SAAS,IAAI,EAAE,KAAK,SAAS,EAAE,CAAC;QAC1D,OAAO,KAAC,YAAY,IAAC,KAAK,EAAC,oBAAe,GAAG,CAAA;IAC/C,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,KAAC,IAAI,IACH,EAAE,EAAC,QAAQ,EACX,SAAS,EAAC,sFAAsF,6BAG3F,EAEP,eAAK,SAAS,EAAC,uDAAuD,aACpE,KAAC,WAAW,IAAC,IAAI,EAAE,MAAM,GAAI,EAC7B,eAAK,SAAS,EAAC,4CAA4C,aACzD,KAAC,IAAI,cAAE,yBAAyB,CAAC,MAAM,CAAC,UAAU,CAAC,GAAQ,EAC3D,KAAC,YAAY,IACX,WAAW,EAAC,MAAM,EAClB,UAAU,EAAE,MAAM,CAAC,IAAI,EACvB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,KAAK,EAAE,UAAU,CAAC,KAAK,EACvB,SAAS,EAAE,GAAG,EAAE;oCACd,UAAU;yCACP,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;yCACnB,IAAI,CAAC,GAAG,EAAE,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC;yCAC9B,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;gCAC3B,CAAC,GACD,IACE,IACF,EAEN,KAAC,eAAe,IAAC,IAAI,EAAE,MAAM,GAAI,EAEhC,MAAM,CAAC,UAAU,KAAK,QAAQ,IAAI,KAAC,kBAAkB,IAAC,IAAI,EAAE,MAAM,GAAI,EAEvE,KAAC,WAAW,IAAC,MAAM,EAAE,MAAM,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,CAAC,UAAU,GAAI,IAC7D,CACP,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,IAAI,EAA2B;IAC3D,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAC3C,MAAM,QAAQ,GAAG,kBAAkB,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAA;IACvE,MAAM,OAAO,GAAG;QACd,EAAE,KAAK,EAAE,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE;QAChC,GAAG,QAAQ,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,OAAO,CAAC,EAAE,EAAE,KAAK,EAAE,OAAO,CAAC,KAAK,EAAE,CAAC,CAAC;KACpF,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,wEAAwE,aACpF,KAAK,KAAK,IAAI,IAAI,CACjB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,GACxB,CACP,EACD,eAAK,SAAS,EAAC,qDAAqD,aAClE,0BACE,cAAK,SAAS,EAAC,kCAAkC,gCAAsB,EACvE,YAAG,SAAS,EAAC,mCAAmC,6HAG5C,IACA,EACN,gBAAO,SAAS,EAAC,UAAU,YACzB,iBACE,KAAK,EAAE,IAAI,CAAC,gBAAgB,IAAI,EAAE,EAClC,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;gCAClB,MAAM,KAAK,GAAG,KAAK,CAAC,MAAM,CAAC,KAAK,CAAA;gCAChC,KAAK,CAAC,EAAE,gBAAgB,EAAE,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAA;4BAChE,CAAC,EACD,SAAS,EAAC,uGAAuG,YAEhH,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,iBAA2B,KAAK,EAAE,MAAM,CAAC,KAAK,YAC3C,MAAM,CAAC,KAAK,IADF,MAAM,CAAC,KAAK,CAEhB,CACV,CAAC,GACK,GACH,IACJ,IACF,CACP,CAAA;AACH,CAAC;AAED,SAAS,YAAY,CAAC,IAAU;IAC9B,OAAO,QAAQ,CAAC,aAAa,EAAE,IAAI,CAAC,CAAA;AACtC,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,IAAI,EAA2B;IACpD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAE3C,OAAO,CACL,eAAK,SAAS,EAAC,gBAAgB,aAC5B,KAAK,KAAK,IAAI,IAAI,CACjB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,GACxB,CACP,EACD,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,CAAC,IAAI,EAChB,QAAQ,EAAE,CAAC,IAAI,EAAE,EAAE;oBACjB,KAAK,CAAC,EAAE,IAAI,EAAE,CAAC,CAAA;gBACjB,CAAC,EACD,gBAAgB,EAAC,8DAA8D,EAC/E,UAAU,EAAC,eAAe,GAC1B,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,IAAI,EAA2B;IACxD,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,CAAA;IAE3C,OAAO,CACL,eAAK,SAAS,EAAC,MAAM,aAClB,KAAK,KAAK,IAAI,IAAI,CACjB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,GACxB,CACP,EACD,KAAC,UAAU,IACT,KAAK,EAAE,IAAI,CAAC,WAAW,IAAI,EAAE,EAC7B,QAAQ,EAAE,CAAC,WAAW,EAAE,EAAE;oBACxB,KAAK,CAAC,EAAE,WAAW,EAAE,WAAW,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAA;gBACrE,CAAC,EACD,gBAAgB,EAAC,uCAAuC,EACxD,UAAU,EAAC,mBAAmB,EAC9B,SAAS,SACT,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,WAAW,CAAC,EACnB,MAAM,EACN,UAAU,GAIX;IACC,MAAM,OAAO,GAAG,cAAc,CAAC,MAAM,CAAC,CAAA;IACtC,MAAM,SAAS,GAAG,gBAAgB,EAAE,CAAA;IACpC,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAE3C,MAAM,QAAQ,GAAG,IAAI,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAA;IAE1E,SAAS,GAAG,CAAC,QAAgB;QAC3B,IAAI,QAAQ,CAAC,GAAG,CAAC,QAAQ,CAAC,EAAE,CAAC;YAC3B,OAAM;QACR,CAAC;QAED,SAAS,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAA;QAC1D,SAAS,CAAC,KAAK,CAAC,CAAA;IAClB,CAAC;IAED,OAAO,CACL,8BACE,KAAC,aAAa,IACZ,KAAK,EAAC,SAAS,EACf,KAAK,EAAE,GAAG,EAAE;oBACV,SAAS,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;gBAClC,CAAC,EACD,QAAQ,EAAE,OAAO,yBAAyB,CAAC,UAAU,CAAC,CAAC,WAAW,EAAE,EAAE,GACtE,EAED,MAAM,IAAI,CACT,eAAK,SAAS,EAAC,iBAAiB,aAC9B,cAAK,SAAS,EAAC,gBAAgB,YAC7B,KAAC,YAAY,IACX,UAAU,EAAE,UAAU,EACtB,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,GAAG,GACX,GACE,EACN,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,SAAS,CAAC,KAAK,CAAC,CAAA;wBAClB,CAAC,EACD,SAAS,EAAC,yFAAyF,uBAG5F,IACL,CACP,EAEA,SAAS,CAAC,KAAK,KAAK,IAAI,IAAI,CAC3B,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,UAAU,IAAC,KAAK,EAAE,SAAS,CAAC,KAAK,GAAI,GAClC,CACP,EACA,OAAO,CAAC,KAAK,KAAK,IAAI,IAAI,KAAC,UAAU,IAAC,KAAK,EAAE,OAAO,CAAC,KAAK,GAAI,EAE9D,OAAO,CAAC,SAAS,CAAC,CAAC,CAAC,CACnB,KAAC,YAAY,IAAC,KAAK,EAAC,uBAAkB,GAAG,CAC1C,CAAC,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,CAAC,CAC5C,YAAG,SAAS,EAAC,4BAA4B,gCAAoB,CAC9D,CAAC,CAAC,CAAC,CACF,8BACE,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,EAAE,SAAS,EAAC,KAAK,GAAG,EAC5C,aAAI,SAAS,EAAC,iDAAiD,YAC5D,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CAC/B,KAAC,SAAS,IAAiB,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IAAzC,MAAM,CAAC,EAAE,CAAoC,CAC9D,CAAC,GACC,IACJ,CACJ,EAED,KAAC,SAAS,IAAC,IAAI,EAAE,OAAO,GAAI,IACpB,CACX,CAAA;AACH,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,MAAM,EACN,MAAM,GAIP;IACC,MAAM,MAAM,GAAG,mBAAmB,EAAE,CAAA;IAEpC,OAAO,CACL,cAAI,SAAS,EAAC,gDAAgD,aAC5D,eAAK,SAAS,EAAC,mDAAmD,aAChE,KAAC,IAAI,IACH,EAAE,EAAE,aAAa,CAAC,MAAM,CAAC,UAAU,EAAE,MAAM,CAAC,QAAQ,CAAC,EACrD,SAAS,EAAC,8DAA8D,YAEvE,MAAM,CAAC,UAAU,IAAI,MAAM,CAAC,QAAQ,GAChC,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,CAAC,GAAG,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,CAAC,CAAA;wBACvC,CAAC,EACD,SAAS,EAAC,qDAAqD,uBAGxD,IACL,EAEL,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,CACxB,cAAK,SAAS,EAAC,MAAM,YACnB,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,GAC/B,CACP,IACE,CACN,CAAA;AACH,CAAC;AAED,kFAAkF;AAClF,SAAS,aAAa,CAAC,UAA4B,EAAE,QAAgB;IACnE,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,WAAW,QAAQ,EAAE,CAAA;QAC9B,KAAK,SAAS;YACZ,OAAO,cAAc,QAAQ,EAAE,CAAA;QACjC,KAAK,MAAM;YACT,OAAO,UAAU,QAAQ,EAAE,CAAA;QAC7B,KAAK,aAAa;YAChB,OAAO,kBAAkB,QAAQ,EAAE,CAAA;QACrC,KAAK,aAAa;YAChB,OAAO,iBAAiB,QAAQ,EAAE,CAAA;QACpC,KAAK,OAAO;YACV,OAAO,gBAAgB,QAAQ,EAAE,CAAA;QACnC,KAAK,SAAS;YACZ,OAAO,cAAc,QAAQ,EAAE,CAAA;QACjC,KAAK,WAAW;YACd,yDAAyD;YACzD,OAAO,SAAS,CAAA;IACpB,CAAC;AACH,CAAC;AAED;;;;GAIG;AACH,SAAS,YAAY,CAAC,EACpB,UAAU,EACV,QAAQ,EACR,MAAM,GAKP;IACC,QAAQ,UAAU,EAAE,CAAC;QACnB,KAAK,QAAQ;YACX,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QAC7D,KAAK,SAAS;YACZ,OAAO,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QAChE,KAAK,MAAM;YACT,OAAO,KAAC,WAAW,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QAC5D,KAAK,aAAa;YAChB,OAAO,KAAC,mBAAmB,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QACpE,KAAK,aAAa;YAChB,OAAO,KAAC,kBAAkB,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QACnE,KAAK,OAAO;YACV,OAAO,KAAC,YAAY,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QAC7D,KAAK,SAAS;YACZ,OAAO,KAAC,eAAe,IAAC,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,GAAI,CAAA;QAChE,KAAK,WAAW;YACd,OAAO,CACL,YAAG,SAAS,EAAC,4BAA4B,kJAGrC,CACL,CAAA;IACL,CAAC;AACH,CAAC;AAOD,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAC/D,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,KAAK,IAAI,SAAS,EAAE,CAAC,CAAC,CAAA;IAEhF,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAClE,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,IAAI,EAAE,GAAG,CAAC,MAAM,IAAI,SAAS,EAAE,CAAC,CAAC,CAAA;IAEjF,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,WAAW,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACpD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,QAAQ,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAC9D,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAElD,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,mBAAmB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IAC5D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,gBAAgB,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACtE,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAElD,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,kBAAkB,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IAC3D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,eAAe,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IACrE,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAElD,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,YAAY,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACrD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,SAAS,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAC/D,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAElD,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,eAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAe;IACxD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACxC,MAAM,OAAO,GAAG,YAAY,CAAC,EAAE,IAAI,EAAE,kBAAkB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;IAClE,MAAM,OAAO,GAA4B,OAAO,CAAC,OAAO;SACrD,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;SACtC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC,CAAA;IAElD,OAAO,KAAC,SAAS,IAAC,aAAa,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,GAAI,CAAA;AAClF,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,aAAa,EACb,MAAM,EACN,OAAO,GAKR;IACC,OAAO,CACL,KAAC,YAAY,IACX,OAAO,EAAE,OAAO,EAChB,KAAK,EAAC,EAAE,EACR,QAAQ,EAAE,MAAM,EAChB,aAAa,EAAE,aAAa,EAC5B,WAAW,EAAC,cAAS,EACrB,YAAY,EAAC,YAAY,EACzB,IAAI,EAAC,IAAI,GACT,CACH,CAAA;AACH,CAAC;AAED,SAAS,kBAAkB,CAAC,KAAa;IACvC,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAE5B,OAAO,OAAO,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,SAAS,CAAA;AACjD,CAAC"}

package/dist/pages/ListsPage.d.ts

@@ -0,0 +1,9 @@
+/**
+ * The Lists index.
+ *
+ * A list holds records of one type, chosen at creation and never changed. The
+ * "Add list" button opens a small inline form that captures name and type; on
+ * create, the user is taken straight to the list's detail page.
+ */
+export declare function ListsPage(): React.JSX.Element;
+//# sourceMappingURL=ListsPage.d.ts.map

package/dist/pages/ListsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsPage.d.ts","sourceRoot":"","sources":["../../src/pages/ListsPage.tsx"],"names":[],"mappings":"AA0BA;;;;;;GAMG;AACH,wBAAgB,SAAS,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAmI7C"}

package/dist/pages/ListsPage.js

@@ -0,0 +1,125 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RECORD_TARGET_TYPE_LABELS, RECORD_TARGET_TYPES, } from '@kelpie/schemas';
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
+import { useTimezone } from '../api/resources/account.js';
+import { useCreateList, useLists } from '../api/resources/lists.js';
+import { Chip } from '../components/Chip.js';
+import { ColumnPicker } from '../components/ColumnPicker.js';
+import { DataTable } from '../components/DataTable.js';
+import { FilterBar, PageHeader } from '../components/PageHeader.js';
+import { Paginator } from '../components/Paginator.js';
+import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
+import { formatDate } from '../lib/dates.js';
+import { useListView } from '../lib/listView.js';
+import { serverSortOnly } from '../lib/sort.js';
+const DEFAULT_VISIBLE_KEYS = ['name', 'type', 'members', 'description'];
+const SERVER_SORT_KEYS = ['name', 'created_at', 'updated_at'];
+/**
+ * The Lists index.
+ *
+ * A list holds records of one type, chosen at creation and never changed. The
+ * "Add list" button opens a small inline form that captures name and type; on
+ * create, the user is taken straight to the list's detail page.
+ */
+export function ListsPage() {
+    const [term, setTerm] = useState('');
+    const [creating, setCreating] = useState(false);
+    const [sort, setSort] = useState(undefined);
+    const navigate = useNavigate();
+    const hasFilter = term.trim().length > 0;
+    const lists = useLists({
+        term: hasFilter ? term.trim() : undefined,
+        sort: serverSortOnly(sort, SERVER_SORT_KEYS),
+    });
+    const createList = useCreateList();
+    const timezone = useTimezone();
+    const columns = [
+        {
+            key: 'name',
+            header: 'Name',
+            sortKey: 'name',
+            render: (list) => _jsx("span", { className: "font-medium text-ink", children: list.name }),
+        },
+        {
+            key: 'type',
+            header: 'Type',
+            getSortValue: (list) => RECORD_TARGET_TYPE_LABELS[list.targetType],
+            render: (list) => _jsx(Chip, { children: RECORD_TARGET_TYPE_LABELS[list.targetType] }),
+        },
+        {
+            key: 'members',
+            header: 'Members',
+            getSortValue: (list) => list.memberCount,
+            render: (list) => String(list.memberCount),
+        },
+        {
+            key: 'description',
+            header: 'Description',
+            getSortValue: (list) => list.description,
+            render: (list) => list.description ?? '—',
+        },
+        {
+            key: 'createdAt',
+            header: 'Created',
+            sortKey: 'created_at',
+            render: (list) => formatDate(list.createdAt, timezone),
+        },
+        {
+            key: 'updatedAt',
+            header: 'Updated',
+            sortKey: 'updated_at',
+            render: (list) => formatDate(list.updatedAt, timezone),
+        },
+    ];
+    const supportedKeys = columns.map((column) => column.key);
+    const listView = useListView('lists', supportedKeys, DEFAULT_VISIBLE_KEYS);
+    const pickerOptions = columns.map((column) => ({ key: column.key, label: column.header }));
+    return (_jsxs("div", { className: "animate-fade-in", children: [_jsx(PageHeader, { title: "Lists", onAdd: () => {
+                    setCreating((current) => !current);
+                }, addLabel: "Add list", actions: _jsx(ColumnPicker, { options: pickerOptions, visibleKeys: listView.visibleKeys, onChange: listView.setVisibleKeys }) }), creating && (_jsx(CreateListForm, { isPending: createList.isPending, error: createList.error, onCancel: () => {
+                    setCreating(false);
+                }, onSubmit: (input) => {
+                    createList
+                        .runAsync(input)
+                        .then((list) => {
+                        setCreating(false);
+                        return navigate(`/lists/${list.id}`);
+                    })
+                        .catch(() => undefined);
+                } })), _jsx(FilterBar, { value: term, onChange: setTerm, placeholder: "Filter by name\u2026" }), lists.error !== null ? (_jsx(ErrorPanel, { error: lists.error })) : lists.isLoading ? (_jsx(LoadingPanel, { label: "Loading lists\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(Paginator, { list: lists, placement: "top" }), _jsx(DataTable, { columns: columns, rows: lists.records, getRowId: (list) => list.id, onRowClick: (list) => {
+                            void navigate(`/lists/${list.id}`);
+                        }, emptyMessage: hasFilter ? 'No lists match this filter' : 'No lists yet', emptyDescription: hasFilter ? 'Try a different search term.' : 'Add a list to group records together.', emptyAction: hasFilter
+                            ? undefined
+                            : {
+                                label: 'Add list',
+                                onClick: () => {
+                                    setCreating(true);
+                                },
+                            }, sort: sort, onSortChange: setSort, visibleColumnKeys: listView.visibleKeys }), _jsx(Paginator, { list: lists })] }))] }));
+}
+function CreateListForm({ isPending, error, onCancel, onSubmit, }) {
+    const [name, setName] = useState('');
+    const [targetType, setTargetType] = useState('person');
+    const [description, setDescription] = useState('');
+    function submit(event) {
+        event.preventDefault();
+        const trimmed = name.trim();
+        if (trimmed.length === 0) {
+            return;
+        }
+        onSubmit({
+            name: trimmed,
+            targetType,
+            description: description.trim().length > 0 ? description.trim() : null,
+        });
+    }
+    return (_jsxs("form", { onSubmit: submit, className: "mb-4 rounded-md border border-border bg-surface-raised p-4", children: [_jsxs("div", { className: "grid gap-3 sm:grid-cols-2", children: [_jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-semibold tracking-wide text-ink-faint uppercase", children: "Name" }), _jsx("input", { value: name, onChange: (event) => {
+                                    setName(event.target.value);
+                                }, required: true, autoFocus: true, placeholder: "Priority people", className: "rounded-md border border-border bg-surface-raised px-2.5 py-1.5 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" })] }), _jsxs("label", { className: "flex flex-col gap-1", children: [_jsx("span", { className: "text-[11px] font-semibold tracking-wide text-ink-faint uppercase", children: "Type" }), _jsx("select", { value: targetType, onChange: (event) => {
+                                    setTargetType(event.target.value);
+                                }, className: "rounded-md border border-border bg-surface-raised px-2.5 py-1.5 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20", children: RECORD_TARGET_TYPES.map((type) => (_jsx("option", { value: type, children: RECORD_TARGET_TYPE_LABELS[type] }, type))) })] }), _jsxs("label", { className: "flex flex-col gap-1 sm:col-span-2", children: [_jsx("span", { className: "text-[11px] font-semibold tracking-wide text-ink-faint uppercase", children: "Description" }), _jsx("input", { value: description, onChange: (event) => {
+                                    setDescription(event.target.value);
+                                }, placeholder: "Optional", className: "rounded-md border border-border bg-surface-raised px-2.5 py-1.5 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" })] })] }), error !== null && (_jsx("div", { className: "mt-3", children: _jsx(ErrorPanel, { error: error }) })), _jsxs("div", { className: "mt-3 flex gap-2", children: [_jsx("button", { type: "submit", disabled: isPending || name.trim().length === 0, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-accent-ink transition hover:bg-accent-strong disabled:opacity-50", children: isPending ? 'Creating…' : 'Create list' }), _jsx("button", { type: "button", onClick: onCancel, className: "rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" })] })] }));
+}
+//# sourceMappingURL=ListsPage.js.map

package/dist/pages/ListsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ListsPage.js","sourceRoot":"","sources":["../../src/pages/ListsPage.tsx"],"names":[],"mappings":"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"}

package/dist/pages/OpportunitiesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"OpportunitiesPage.d.ts","sourceRoot":"","sources":["../../src/pages/OpportunitiesPage.tsx"],"names":[],"mappings":"AA8CA,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA8SrD"}
+{"version":3,"file":"OpportunitiesPage.d.ts","sourceRoot":"","sources":["../../src/pages/OpportunitiesPage.tsx"],"names":[],"mappings":"AAsFA,wBAAgB,iBAAiB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAgXrD"}