@kelpie/ui 0.1.0

package/dist/pages/candidateFields.js.map

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

package/dist/pages/dashboard/DashboardPage.d.ts

@@ -0,0 +1,2 @@
+export declare function DashboardPage(): React.JSX.Element;
+//# sourceMappingURL=DashboardPage.d.ts.map

package/dist/pages/dashboard/DashboardPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/DashboardPage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,aAAa,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAsBjD"}

package/dist/pages/dashboard/DashboardPage.js

@@ -0,0 +1,40 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useDashboard } from '../../api/resources/dashboard.js';
+import { useMembers } from '../../api/resources/members.js';
+import { useWorkspace } from '../../api/resources/workspace.js';
+import { AgentTasks } from '../../components/AgentTasks.js';
+import { PageHeader } from '../../components/PageHeader.js';
+import { ErrorPanel, LoadingPanel } from '../../components/QueryState.js';
+import { attentionRows, briefLines } from './attention.js';
+import { ActivityFeed, AttentionList, DecisionsList, NotesList } from './sections.js';
+/**
+ * The workspace home: what is open, what is late, and what happened lately.
+ *
+ * One request, not seven. `GET /v1/dashboard` answers the whole page, with the
+ * name of every record it points at already resolved, so this file holds no
+ * fetching beyond the two directories the shell needs anyway — the workspace,
+ * for its name, and the team, to turn an author id into a person.
+ */
+/** The heading date, written in the workspace's own day rather than the browser's. */
+function briefHeading(dashboard) {
+    return new Intl.DateTimeFormat('en-AU', {
+        weekday: 'long',
+        month: 'short',
+        day: 'numeric',
+        timeZone: dashboard.timezone,
+    }).format(dashboard.generatedAt);
+}
+export function DashboardPage() {
+    const { dashboard, isLoading, error } = useDashboard();
+    const { workspace } = useWorkspace();
+    const { nameById } = useMembers();
+    return (_jsxs("div", { className: "animate-fade-in", children: [_jsx(PageHeader, { title: "Dashboard", description: "What needs attention across this workspace." }), error !== null && _jsx(ErrorPanel, { error: error }), isLoading && _jsx(LoadingPanel, { label: "Loading the workspace\u2026" }), dashboard !== undefined && (_jsx(DashboardBody, { dashboard: dashboard, workspaceId: workspace?.id, workspaceName: workspace?.name ?? 'This workspace', nameById: nameById }))] }));
+}
+function DashboardBody({ dashboard, workspaceId, workspaceName, nameById, }) {
+    // `generatedAt` rather than a fresh `new Date()`: every relative time on the
+    // page is then measured from the same instant the counts were, so a tab left
+    // open does not creep towards "2 hours ago" on rows that never moved.
+    const now = dashboard.generatedAt;
+    return (_jsxs("div", { children: [_jsxs("section", { className: "mb-8 border-b border-border pb-6", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsxs("div", { children: [_jsx("p", { className: "text-[11px] text-ink-faint", children: "Daily brief" }), _jsxs("h2", { className: "mt-0.5 text-[15px] font-semibold tracking-tight text-ink", children: [workspaceName, " \u00B7 ", briefHeading(dashboard)] }), _jsx("p", { className: "mt-1 text-[12px] text-ink-muted", children: "Assembled from overdue Plans, partnership touchpoints, and contacts going cold." })] }), workspaceId !== undefined && (_jsx(AgentTasks, { targetType: "workspace", targetId: workspaceId, targetLabel: workspaceName }))] }), _jsx("ul", { className: "mt-4 space-y-1.5", children: briefLines(dashboard).map((line) => (_jsxs("li", { className: "flex gap-2 text-[13px] leading-relaxed text-ink", children: [_jsx("span", { className: "mt-[9px] h-1 w-1 shrink-0 rounded-full bg-accent" }), _jsx("span", { children: line })] }, line))) })] }), _jsxs("div", { className: "mb-8 grid gap-8 lg:grid-cols-2", children: [_jsx(AttentionList, { rows: attentionRows(dashboard) }), _jsx(ActivityFeed, { activities: dashboard.recentActivity, nameById: nameById, now: now })] }), _jsxs("div", { className: "grid gap-8 lg:grid-cols-2", children: [_jsx(NotesList, { notes: dashboard.recentNotes, nameById: nameById, now: now }), _jsx(DecisionsList, { decisions: dashboard.recentDecisions, nameById: nameById })] })] }));
+}
+//# sourceMappingURL=DashboardPage.js.map

package/dist/pages/dashboard/DashboardPage.js.map

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

package/dist/pages/dashboard/attention.d.ts

@@ -0,0 +1,41 @@
+import type { Dashboard, RecordTargetType } from '@kelpie/schemas';
+import type { ChipTone } from '../../components/Chip.tsx';
+export declare function targetTypeLabel(targetType: RecordTargetType): string;
+/**
+ * @returns The record's page, or undefined when it has none. A row without a
+ *   link renders as plain text rather than as a link to nowhere.
+ */
+export declare function targetHref(targetType: RecordTargetType, targetId: string): string | undefined;
+/** How a target reads when it is named on another record's row. */
+export declare function targetDescription(item: {
+    readonly targetType: RecordTargetType;
+    readonly targetName: string | null;
+}): string;
+export interface AttentionRow {
+    readonly id: string;
+    /** What kind of signal this is, shown as a chip. */
+    readonly label: string;
+    readonly tone: ChipTone;
+    /** The date or interval that makes it urgent. */
+    readonly meta: string;
+    readonly title: string;
+    readonly detail: string;
+    readonly href: string | undefined;
+}
+/**
+ * The signals behind the brief, most urgent first.
+ *
+ * The groups are concatenated rather than sorted: each arrives from the API in
+ * its own order — plan items soonest first, contacts coldest first — and a
+ * re-sort across the three would throw that away for a single column that means
+ * a different thing in each.
+ */
+export declare function attentionRows(dashboard: Dashboard): readonly AttentionRow[];
+/**
+ * The brief, built from the totals rather than from the rows.
+ *
+ * A list is capped by the request's limit and a total is not, so counting the
+ * rows on screen would understate every workspace with more than a page of them.
+ */
+export declare function briefLines(dashboard: Dashboard): readonly string[];
+//# sourceMappingURL=attention.d.ts.map

package/dist/pages/dashboard/attention.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"attention.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/attention.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EACV,SAAS,EAKT,gBAAgB,EACjB,MAAM,iBAAiB,CAAA;AAExB,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,2BAA2B,CAAA;AAkCzD,wBAAgB,eAAe,CAAC,UAAU,EAAE,gBAAgB,GAAG,MAAM,CAEpE;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,UAAU,EAAE,gBAAgB,EAAE,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,SAAS,CAI7F;AAED,mEAAmE;AACnE,wBAAgB,iBAAiB,CAAC,IAAI,EAAE;IACtC,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAA;IACrC,QAAQ,CAAC,UAAU,EAAE,MAAM,GAAG,IAAI,CAAA;CACnC,GAAG,MAAM,CAIT;AAED,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,oDAAoD;IACpD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,EAAE,QAAQ,CAAA;IACvB,iDAAiD;IACjD,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;IACrB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,CAAA;CAClC;AAsCD;;;;;;;GAOG;AACH,wBAAgB,aAAa,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,YAAY,EAAE,CAU3E;AAsBD;;;;;GAKG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,SAAS,GAAG,SAAS,MAAM,EAAE,CA4ClE"}

package/dist/pages/dashboard/attention.js

@@ -0,0 +1,146 @@
+import { formatDay } from '../../lib/dates.js';
+/**
+ * Reading the workspace snapshot as a page: one attention list, and the brief
+ * above it.
+ *
+ * Pure functions over the decoded response, so the page renders and these are
+ * tested separately. Nothing here recomputes a signal: the service already
+ * decided what is overdue, against the workspace's own day, and a browser that
+ * re-derived it from its own clock would disagree with the totals beside it.
+ */
+/** Where each kind of record lives. A Candidate has no page of its own: it is reached through its Role. */
+const ROUTES = {
+    person: '/people',
+    company: '/companies',
+    deal: '/deals',
+    opportunity: '/opportunities',
+    partnership: '/partnerships',
+    raise: '/fundraising',
+    candidate: undefined,
+};
+const TARGET_TYPE_LABELS = {
+    person: 'Person',
+    company: 'Company',
+    deal: 'Deal',
+    opportunity: 'Opportunity',
+    partnership: 'Partnership',
+    raise: 'Fundraising',
+    candidate: 'Candidate',
+};
+export function targetTypeLabel(targetType) {
+    return TARGET_TYPE_LABELS[targetType];
+}
+/**
+ * @returns The record's page, or undefined when it has none. A row without a
+ *   link renders as plain text rather than as a link to nowhere.
+ */
+export function targetHref(targetType, targetId) {
+    const route = ROUTES[targetType];
+    return route === undefined ? undefined : `${route}/${targetId}`;
+}
+/** How a target reads when it is named on another record's row. */
+export function targetDescription(item) {
+    const label = targetTypeLabel(item.targetType);
+    return item.targetName === null ? label : `${label} · ${item.targetName}`;
+}
+function planItemRow(item, overdue) {
+    return {
+        id: `plan-${item.id}`,
+        label: overdue ? 'Plan item overdue' : 'Plan item due soon',
+        tone: overdue ? 'danger' : 'warning',
+        meta: formatDay(item.date),
+        title: item.title,
+        detail: targetDescription(item),
+        href: targetHref(item.targetType, item.targetId),
+    };
+}
+function touchpointRow(touchpoint) {
+    return {
+        id: `touchpoint-${touchpoint.id}`,
+        label: touchpoint.overdue ? 'Touchpoint overdue' : 'Touchpoint soon',
+        tone: touchpoint.overdue ? 'danger' : 'warning',
+        meta: `Touchpoint ${formatDay(touchpoint.nextTouchpoint)}`,
+        title: touchpoint.name,
+        detail: touchpoint.summary,
+        href: `/partnerships/${touchpoint.id}`,
+    };
+}
+function staleContactRow(contact) {
+    return {
+        id: `stale-${contact.id}`,
+        label: 'Stale contact',
+        tone: 'neutral',
+        meta: `${String(contact.daysSinceContact)} days since contact`,
+        title: contact.name,
+        detail: contact.summary,
+        href: `/people/${contact.id}`,
+    };
+}
+/**
+ * The signals behind the brief, most urgent first.
+ *
+ * The groups are concatenated rather than sorted: each arrives from the API in
+ * its own order — plan items soonest first, contacts coldest first — and a
+ * re-sort across the three would throw that away for a single column that means
+ * a different thing in each.
+ */
+export function attentionRows(dashboard) {
+    const touchpoints = dashboard.partnershipTouchpoints.items;
+    return [
+        ...dashboard.overduePlanItems.items.map((item) => planItemRow(item, true)),
+        ...touchpoints.filter((touchpoint) => touchpoint.overdue).map(touchpointRow),
+        ...dashboard.dueSoonPlanItems.items.map((item) => planItemRow(item, false)),
+        ...touchpoints.filter((touchpoint) => !touchpoint.overdue).map(touchpointRow),
+        ...dashboard.staleContacts.items.map(staleContactRow),
+    ];
+}
+function plural(count, singular, pluralForm = `${singular}s`) {
+    return `${String(count)} ${count === 1 ? singular : pluralForm}`;
+}
+/**
+ * How a count of open records reads mid-sentence.
+ *
+ * Not `PIPELINE_KIND_LABELS`: that one is nav wording, where a Raise is filed
+ * under "Fundraising", and "3 fundraisings" is not a sentence. Written out
+ * rather than suffixed, because "opportunitys" is not one either.
+ */
+const OPEN_PIPELINE_NOUNS = {
+    deal: { one: 'deal', many: 'deals' },
+    opportunity: { one: 'opportunity', many: 'opportunities' },
+    raise: { one: 'raise', many: 'raises' },
+    partnership: { one: 'partnership', many: 'partnerships' },
+};
+/**
+ * The brief, built from the totals rather than from the rows.
+ *
+ * A list is capped by the request's limit and a total is not, so counting the
+ * rows on screen would understate every workspace with more than a page of them.
+ */
+export function briefLines(dashboard) {
+    const lines = [];
+    if (dashboard.overduePlanItems.total > 0) {
+        lines.push(`${plural(dashboard.overduePlanItems.total, 'plan item')} overdue — triage Planning first.`);
+    }
+    if (dashboard.dueSoonPlanItems.total > 0) {
+        lines.push(`${plural(dashboard.dueSoonPlanItems.total, 'plan item')} due in the next ${plural(dashboard.upcomingDays, 'day')}.`);
+    }
+    if (dashboard.partnershipTouchpoints.total > 0) {
+        lines.push(`${plural(dashboard.partnershipTouchpoints.total, 'partnership touchpoint')} at hand.`);
+    }
+    if (dashboard.staleContacts.total > 0) {
+        lines.push(`${plural(dashboard.staleContacts.total, 'contact')} past the ${String(dashboard.staleContactDays)}-day touch threshold.`);
+    }
+    const open = dashboard.pipelines.filter((pipeline) => pipeline.open > 0);
+    if (open.length > 0) {
+        lines.push(`Open: ${open
+            .map((pipeline) => {
+            const noun = OPEN_PIPELINE_NOUNS[pipeline.kind];
+            return plural(pipeline.open, noun.one, noun.many);
+        })
+            .join(', ')}.`);
+    }
+    return lines.length === 0
+        ? ['Nothing urgent. Pipeline and relationships look quiet today.']
+        : lines;
+}
+//# sourceMappingURL=attention.js.map

package/dist/pages/dashboard/attention.js.map

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

package/dist/pages/dashboard/sections.d.ts

@@ -0,0 +1,20 @@
+import type { DashboardActivity, DashboardDecision, DashboardNote } from '@kelpie/schemas';
+import type { AttentionRow } from './attention.ts';
+export declare function AttentionList({ rows }: {
+    readonly rows: readonly AttentionRow[];
+}): React.JSX.Element;
+export declare function ActivityFeed({ activities, nameById, now, }: {
+    readonly activities: readonly DashboardActivity[];
+    readonly nameById: ReadonlyMap<string, string>;
+    readonly now: Date;
+}): React.JSX.Element;
+export declare function NotesList({ notes, nameById, now, }: {
+    readonly notes: readonly DashboardNote[];
+    readonly nameById: ReadonlyMap<string, string>;
+    readonly now: Date;
+}): React.JSX.Element;
+export declare function DecisionsList({ decisions, nameById, }: {
+    readonly decisions: readonly DashboardDecision[];
+    readonly nameById: ReadonlyMap<string, string>;
+}): React.JSX.Element;
+//# sourceMappingURL=sections.d.ts.map

package/dist/pages/dashboard/sections.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"sections.d.ts","sourceRoot":"","sources":["../../../src/pages/dashboard/sections.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAEV,iBAAiB,EACjB,iBAAiB,EACjB,aAAa,EAEd,MAAM,iBAAiB,CAAA;AAQxB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAA;AAyDlD,wBAAgB,aAAa,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,QAAQ,CAAC,IAAI,EAAE,SAAS,YAAY,EAAE,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+BrG;AAED,wBAAgB,YAAY,CAAC,EAC3B,UAAU,EACV,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,CAAC,UAAU,EAAE,SAAS,iBAAiB,EAAE,CAAA;IACjD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9C,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAA;CACnB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAqDpB;AAiBD,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,QAAQ,EACR,GAAG,GACJ,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IACxC,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;IAC9C,QAAQ,CAAC,GAAG,EAAE,IAAI,CAAA;CACnB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+BpB;AAED,wBAAgB,aAAa,CAAC,EAC5B,SAAS,EACT,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,SAAS,EAAE,SAAS,iBAAiB,EAAE,CAAA;IAChD,QAAQ,CAAC,QAAQ,EAAE,WAAW,CAAC,MAAM,EAAE,MAAM,CAAC,CAAA;CAC/C,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuCpB"}

package/dist/pages/dashboard/sections.js

@@ -0,0 +1,60 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link } from 'react-router';
+import { Chip } from '../../components/Chip.js';
+import { SectionHeader } from '../../components/SectionHeader.js';
+import { formatDate, formatRelativeTime } from '../../lib/dates.js';
+import { targetHref, targetTypeLabel } from './attention.js';
+/**
+ * The four lists the workspace home is made of.
+ *
+ * Every row here points at a record other than the one being looked at, which is
+ * what makes the dashboard different from a record's own panels: the response
+ * carries `targetName` already resolved, so nothing below fetches anything.
+ */
+/** Two letters per kind, as the mockup's timeline gutter shows them. */
+const KIND_GLYPHS = {
+    created: 'Cr',
+    updated: 'Up',
+    stage_changed: 'St',
+    note_added: 'Nt',
+    email: 'Em',
+    call: 'Ca',
+    meeting: 'Mt',
+    linked: 'Ln',
+    unlinked: 'Un',
+};
+/** A record's name, as a link when it has a page and as text when it does not. */
+function TargetLink({ target, className = 'text-ink-muted hover:text-accent hover:underline', }) {
+    const href = targetHref(target.targetType, target.targetId);
+    const label = target.targetName ?? targetTypeLabel(target.targetType);
+    if (href === undefined) {
+        return _jsx("span", { className: className, children: label });
+    }
+    return (_jsx(Link, { to: href, className: className, children: label }));
+}
+function EmptyOr({ isEmpty, empty, children, }) {
+    return isEmpty ? _jsx("p", { className: "text-[13px] text-ink-faint", children: empty }) : _jsx(_Fragment, { children: children });
+}
+export function AttentionList({ rows }) {
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Needs attention", description: "The signals behind the brief." }), _jsx(EmptyOr, { isEmpty: rows.length === 0, empty: "Nothing urgent right now.", children: _jsx("ul", { className: "divide-y divide-border border-y border-border", children: rows.map((row) => (_jsxs("li", { className: "py-3", children: [_jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(Chip, { tone: row.tone, children: row.label }), _jsx("span", { className: "text-[11px] text-ink-faint", children: row.meta })] }), row.href === undefined ? (_jsx("p", { className: "mt-1.5 text-[13px] font-medium text-ink", children: row.title })) : (_jsx(Link, { to: row.href, className: "mt-1.5 block text-[13px] font-medium text-ink hover:text-accent", children: row.title })), row.detail !== '' && (_jsx("p", { className: "mt-0.5 line-clamp-2 text-[12px] text-ink-muted", children: row.detail }))] }, row.id))) }) })] }));
+}
+export function ActivityFeed({ activities, nameById, now, }) {
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Recent activity", description: "The latest events across people, companies, and pipelines." }), _jsx(EmptyOr, { isEmpty: activities.length === 0, empty: "No activity yet.", children: _jsx("ol", { className: "divide-y divide-border border-y border-border", children: activities.map((activity, index) => (_jsxs("li", { className: "flex gap-2 py-3", children: [_jsxs("div", { className: "relative flex w-5 shrink-0 justify-center", children: [index < activities.length - 1 && (_jsx("span", { "aria-hidden": true, className: "absolute top-5 bottom-[-12px] left-1/2 w-px -translate-x-1/2 bg-border" })), _jsx("div", { className: "relative z-10 flex h-5 w-5 items-center justify-center rounded border border-border bg-surface text-[9px] font-medium tracking-wide text-ink-muted uppercase", title: activity.kind, children: KIND_GLYPHS[activity.kind] })] }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsxs("div", { className: "flex items-baseline justify-between gap-3", children: [_jsxs("p", { className: "min-w-0 text-[12px] leading-snug text-ink", children: [_jsx("span", { className: "font-semibold", children: actorNameFor(activity, nameById) }), ' ', _jsx("span", { className: "text-ink-muted", children: activity.action })] }), _jsx("time", { dateTime: activity.createdAt.toISOString(), className: "shrink-0 text-[11px] text-ink-faint", children: formatRelativeTime(activity.createdAt, now) })] }), _jsxs("p", { className: "text-[11px] leading-snug text-ink-faint", children: ["on ", _jsx("span", { className: "text-ink-muted", children: targetTypeLabel(activity.targetType) }), ' · ', _jsx(TargetLink, { target: activity })] }), activity.detail !== null && (_jsx("p", { className: "text-[11px] leading-snug text-ink-faint", children: activity.detail }))] })] }, activity.id))) }) })] }));
+}
+/**
+ * Exactly one of the two actor columns is set. `actorLabel` carries the display
+ * name when nothing on the team did this: "Form", "Gmail", "API key".
+ */
+function actorNameFor(activity, nameById) {
+    if (activity.actorMemberId === null) {
+        return activity.actorLabel ?? 'System';
+    }
+    return nameById.get(activity.actorMemberId) ?? 'Unknown';
+}
+export function NotesList({ notes, nameById, now, }) {
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Recent notes", description: "Pinned notes surface first." }), _jsx(EmptyOr, { isEmpty: notes.length === 0, empty: "No notes yet.", children: _jsx("ul", { className: "divide-y divide-border border-y border-border", children: notes.map((note) => (_jsxs("li", { className: "py-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "line-clamp-3 text-[13px] leading-relaxed text-ink", children: note.body }), note.pinned && (_jsx("span", { className: "shrink-0 text-[10px] font-medium tracking-wide text-accent uppercase", children: "Pinned" }))] }), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-[11px] text-ink-faint", children: [_jsx(TargetLink, { target: note }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: targetTypeLabel(note.targetType) }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: note.authorId === null ? 'System' : (nameById.get(note.authorId) ?? 'Unknown') }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: formatRelativeTime(note.createdAt, now) })] })] }, note.id))) }) })] }));
+}
+export function DecisionsList({ decisions, nameById, }) {
+    return (_jsxs("section", { children: [_jsxs("div", { className: "mb-3 flex items-start justify-between gap-2", children: [_jsxs("div", { className: "min-w-0", children: [_jsx("h2", { className: "text-[13px] font-semibold text-ink", children: "Recent decisions" }), _jsx("p", { className: "mt-0.5 text-[11px] text-ink-faint", children: "Commitments agents should not contradict." })] }), _jsx(Link, { to: "/decisions", className: "shrink-0 text-[12px] font-medium text-accent hover:underline", children: "View all" })] }), _jsx(EmptyOr, { isEmpty: decisions.length === 0, empty: "No decisions yet.", children: _jsx("ul", { className: "divide-y divide-border border-y border-border", children: decisions.map((decision) => (_jsxs("li", { className: "py-3", children: [_jsx("p", { className: "text-[13px] font-medium text-ink", children: decision.body }), decision.rationale !== null && (_jsx("p", { className: "mt-0.5 line-clamp-2 text-[12px] text-ink-muted", children: decision.rationale })), _jsxs("div", { className: "mt-2 flex flex-wrap items-center gap-2 text-[11px] text-ink-faint", children: [_jsx(TargetLink, { target: decision }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: formatDate(decision.decidedAt) }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: decision.ownerId === null ? '—' : (nameById.get(decision.ownerId) ?? 'Unknown') })] })] }, decision.id))) }) })] }));
+}
+//# sourceMappingURL=sections.js.map

package/dist/pages/dashboard/sections.js.map

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

package/dist/pages/fields.d.ts

@@ -0,0 +1,11 @@
+/** Small conversions the detail pages share, kept out of their markup. */
+/** `decision_maker` reads as `decision maker` in a label. The stored value never changes. */
+export declare function labelize(value: string): string;
+/** A fixed value set as `InlineEdit` select options. */
+export declare function toOptions(values: readonly string[]): readonly {
+    readonly value: string;
+    readonly label: string;
+}[];
+/** The comma-separated tag box, back into the array the API takes. */
+export declare function toTags(value: string): readonly string[];
+//# sourceMappingURL=fields.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fields.d.ts","sourceRoot":"","sources":["../../src/pages/fields.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAE1E,6FAA6F;AAC7F,wBAAgB,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,CAE9C;AAED,wDAAwD;AACxD,wBAAgB,SAAS,CACvB,MAAM,EAAE,SAAS,MAAM,EAAE,GACxB,SAAS;IAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAAE,CAE/D;AAED,sEAAsE;AACtE,wBAAgB,MAAM,CAAC,KAAK,EAAE,MAAM,GAAG,SAAS,MAAM,EAAE,CAKvD"}

package/dist/pages/fields.js

@@ -0,0 +1,17 @@
+/** Small conversions the detail pages share, kept out of their markup. */
+/** `decision_maker` reads as `decision maker` in a label. The stored value never changes. */
+export function labelize(value) {
+    return value.replace(/_/gu, ' ');
+}
+/** A fixed value set as `InlineEdit` select options. */
+export function toOptions(values) {
+    return values.map((value) => ({ value, label: labelize(value) }));
+}
+/** The comma-separated tag box, back into the array the API takes. */
+export function toTags(value) {
+    return value
+        .split(',')
+        .map((tag) => tag.trim())
+        .filter((tag) => tag.length > 0);
+}
+//# sourceMappingURL=fields.js.map

package/dist/pages/fields.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"fields.js","sourceRoot":"","sources":["../../src/pages/fields.ts"],"names":[],"mappings":"AAAA,0EAA0E;AAE1E,6FAA6F;AAC7F,MAAM,UAAU,QAAQ,CAAC,KAAa;IACpC,OAAO,KAAK,CAAC,OAAO,CAAC,KAAK,EAAE,GAAG,CAAC,CAAA;AAClC,CAAC;AAED,wDAAwD;AACxD,MAAM,UAAU,SAAS,CACvB,MAAyB;IAEzB,OAAO,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,QAAQ,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAA;AACnE,CAAC;AAED,sEAAsE;AACtE,MAAM,UAAU,MAAM,CAAC,KAAa;IAClC,OAAO,KAAK;SACT,KAAK,CAAC,GAAG,CAAC;SACV,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,IAAI,EAAE,CAAC;SACxB,MAAM,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,GAAG,CAAC,MAAM,GAAG,CAAC,CAAC,CAAA;AACpC,CAAC"}

package/dist/pages/forms/EmbedPanel.d.ts

@@ -0,0 +1,14 @@
+import type { Form } from '@kelpie/schemas';
+/**
+ * What to paste into a website.
+ *
+ * The URL and both snippets come from the API rather than being built here. The
+ * embed page is served by the service, so its address depends on where the
+ * service is reached, which the server knows from the request and the browser
+ * only happens to share while the two are same-origin.
+ */
+export interface EmbedPanelProps {
+    readonly form: Form;
+}
+export declare function EmbedPanel({ form }: EmbedPanelProps): React.JSX.Element;
+//# sourceMappingURL=EmbedPanel.d.ts.map

package/dist/pages/forms/EmbedPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedPanel.d.ts","sourceRoot":"","sources":["../../../src/pages/forms/EmbedPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAO3C;;;;;;;GAOG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;CACpB;AAED,wBAAgB,UAAU,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+CvE"}

package/dist/pages/forms/EmbedPanel.js

@@ -0,0 +1,19 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useFormEmbed } from '../../api/resources/forms.js';
+import { CopyButton } from '../../components/CopyButton.js';
+import { ErrorPanel, LoadingPanel } from '../../components/QueryState.js';
+import { SectionHeader } from '../../components/SectionHeader.js';
+export function EmbedPanel({ form }) {
+    const { snippets, isLoading, error } = useFormEmbed(form.id);
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || snippets === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading embed details\u2026" });
+    }
+    return (_jsxs("div", { className: "max-w-2xl space-y-5", children: [_jsx(SectionHeader, { title: "Embed", description: "The page below is served by Kelpie, so a site embedding it loads nothing else." }), _jsxs("div", { children: [_jsx("span", { className: "mb-1.5 block text-[12px] font-medium text-ink", children: "Hosted page" }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx("code", { className: "flex-1 overflow-x-auto rounded-md border border-border bg-surface-raised px-3 py-2 font-mono text-[12px] text-ink", children: snippets.url }), _jsx("a", { href: snippets.url, target: "_blank", rel: "noreferrer", className: "rounded-md bg-accent px-3 py-2 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover", children: "Open" })] })] }), _jsx(Snippet, { label: "iframe", hint: "One tag, no JavaScript, fixed height.", value: snippets.iframeSnippet }), _jsx(Snippet, { label: "iframe with auto-resize", hint: "Adds a listener that follows the page as fields appear and as the thank-you replaces the form.", value: snippets.scriptSnippet })] }));
+}
+function Snippet({ label, hint, value, }) {
+    return (_jsxs("div", { children: [_jsxs("div", { className: "mb-1.5 flex items-center justify-between gap-2", children: [_jsx("span", { className: "text-[12px] font-medium text-ink", children: label }), _jsx(CopyButton, { value: value, label: `Copy the ${label} snippet` })] }), _jsx("textarea", { readOnly: true, value: value, rows: value.split('\n').length + 1, "aria-label": `${label} snippet`, className: "w-full resize-y rounded-md border border-border bg-surface-raised px-3 py-2 font-mono text-[11px] text-ink outline-none" }), _jsx("p", { className: "mt-1 text-[11px] text-ink-faint", children: hint })] }));
+}
+//# sourceMappingURL=EmbedPanel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmbedPanel.js","sourceRoot":"","sources":["../../../src/pages/forms/EmbedPanel.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,YAAY,EAAE,MAAM,8BAA8B,CAAA;AAC3D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAiC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAC1E,OAAO,EAAE,aAAa,EAAE,MAAM,mCAAoC,CAAA;AAelE,MAAM,UAAU,UAAU,CAAC,EAAE,IAAI,EAAmB;IAClD,MAAM,EAAE,QAAQ,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,YAAY,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;IAE5D,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;IACrC,CAAC;IAED,IAAI,SAAS,IAAI,QAAQ,KAAK,SAAS,EAAE,CAAC;QACxC,OAAO,KAAC,YAAY,IAAC,KAAK,EAAC,6BAAwB,GAAG,CAAA;IACxD,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,qBAAqB,aAClC,KAAC,aAAa,IACZ,KAAK,EAAC,OAAO,EACb,WAAW,EAAC,gFAAgF,GAC5F,EAEF,0BACE,eAAM,SAAS,EAAC,+CAA+C,4BAAmB,EAClF,eAAK,SAAS,EAAC,mCAAmC,aAChD,eAAM,SAAS,EAAC,mHAAmH,YAChI,QAAQ,CAAC,GAAG,GACR,EACP,YACE,IAAI,EAAE,QAAQ,CAAC,GAAG,EAClB,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,YAAY,EAChB,SAAS,EAAC,0GAA0G,qBAGlH,IACA,IACF,EAEN,KAAC,OAAO,IACN,KAAK,EAAC,QAAQ,EACd,IAAI,EAAC,uCAAuC,EAC5C,KAAK,EAAE,QAAQ,CAAC,aAAa,GAC7B,EACF,KAAC,OAAO,IACN,KAAK,EAAC,yBAAyB,EAC/B,IAAI,EAAC,gGAAgG,EACrG,KAAK,EAAE,QAAQ,CAAC,aAAa,GAC7B,IACE,CACP,CAAA;AACH,CAAC;AAED,SAAS,OAAO,CAAC,EACf,KAAK,EACL,IAAI,EACJ,KAAK,GAKN;IACC,OAAO,CACL,0BACE,eAAK,SAAS,EAAC,gDAAgD,aAC7D,eAAM,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAQ,EACjE,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,KAAK,UAAU,GAAI,IAC5D,EACN,mBACE,QAAQ,QACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,MAAM,GAAG,CAAC,gBACtB,GAAG,KAAK,UAAU,EAC9B,SAAS,EAAC,yHAAyH,GACnI,EACF,YAAG,SAAS,EAAC,iCAAiC,YAAE,IAAI,GAAK,IACrD,CACP,CAAA;AACH,CAAC"}

package/dist/pages/forms/FieldsEditor.d.ts

@@ -0,0 +1,6 @@
+import type { Form } from '@kelpie/schemas';
+export interface FieldsEditorProps {
+    readonly form: Form;
+}
+export declare function FieldsEditor({ form }: FieldsEditorProps): React.JSX.Element;
+//# sourceMappingURL=FieldsEditor.d.ts.map

package/dist/pages/forms/FieldsEditor.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FieldsEditor.d.ts","sourceRoot":"","sources":["../../../src/pages/forms/FieldsEditor.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,IAAI,EAA2D,MAAM,iBAAiB,CAAA;AAgDpG,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,IAAI,EAAE,IAAI,CAAA;CACpB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA2G3E"}

package/dist/pages/forms/FieldsEditor.js

@@ -0,0 +1,115 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DndContext, KeyboardSensor, PointerSensor, closestCenter, useSensor, useSensors, } from '@dnd-kit/core';
+import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { FORM_FIELD_MAP_TARGET_LABELS, FORM_OPTION_VALUE_TYPES } from '@kelpie/schemas';
+import { useEffect, useState } from 'react';
+import { useUpdateFormFields } from '../../api/resources/forms.js';
+import { ErrorPanel } from '../../components/QueryState.js';
+import { SectionHeader } from '../../components/SectionHeader.js';
+import { FIELD_TYPE_OPTIONS, MAP_TARGET_OPTIONS, editField, fieldsChanged, findProblems, insertField, isUsable, removeField, reorderFields, toEditableFields, toFieldInputs, typeForTarget, } from './fieldList.js';
+import { NEW_FIELD } from './template.js';
+/**
+ * The field builder.
+ *
+ * Explicitly saved rather than saved per keystroke, unlike the inline editing
+ * everywhere else in the app. A write replaces the whole list, so an
+ * auto-committing builder would send one full rewrite per character typed into a
+ * label, and every one of them would reissue every field id. The draft lives
+ * here until somebody presses Save.
+ *
+ * A field id is a stored id for a saved field and a local one for a field just
+ * added; neither is sent. The server assigns ids and positions from the array's
+ * order on every write.
+ */
+let localFieldCount = 0;
+function localFieldId() {
+    localFieldCount += 1;
+    return `new-${String(localFieldCount)}`;
+}
+const inputClass = 'w-full 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';
+export function FieldsEditor({ form }) {
+    const [fields, setFields] = useState(() => toEditableFields(form));
+    const updateFields = useUpdateFormFields();
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }), useSensor(KeyboardSensor));
+    // A save answers with the stored list, ids and all. Re-reading it here is what
+    // turns the local ids of newly added fields into the real ones.
+    useEffect(() => {
+        setFields(toEditableFields(form));
+    }, [form]);
+    const problems = findProblems(fields, form.createDeal);
+    const changed = fieldsChanged(form, fields);
+    function onDragEnd(event) {
+        const overId = event.over?.id;
+        if (overId !== undefined) {
+            setFields((current) => reorderFields(current, String(event.active.id), String(overId)));
+        }
+    }
+    function save() {
+        updateFields.run({ id: form.id, fields: toFieldInputs(fields) });
+    }
+    return (_jsxs("div", { className: "max-w-3xl", children: [_jsx(SectionHeader, { title: "Fields", description: "Drag to reorder. What a field maps to decides what a submission writes.", onAdd: () => {
+                    setFields((current) => insertField(current, { ...NEW_FIELD, id: localFieldId() }, null));
+                }, addLabel: "Add field" }), problems.list.map((problem) => (_jsx("p", { className: "mb-2 text-[12px] text-danger", children: problem }, problem))), _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: onDragEnd, children: _jsx(SortableContext, { items: fields.map((field) => field.id), strategy: verticalListSortingStrategy, children: _jsx("ul", { className: "flex flex-col gap-2", children: fields.map((field) => (_jsx(SortableField, { field: field, problem: problems.byField.get(field.id), onChange: (change) => {
+                                setFields((current) => editField(current, field.id, change));
+                            }, onRemove: () => {
+                                setFields((current) => removeField(current, field.id));
+                            }, onAddBelow: () => {
+                                setFields((current) => insertField(current, { ...NEW_FIELD, id: localFieldId() }, field.id));
+                            } }, field.id))) }) }) }), fields.length === 0 && (_jsx("p", { className: "rounded-md border border-dashed border-border px-6 py-10 text-center text-[13px] text-ink-muted", children: "No fields yet. A form needs at least an email field." })), updateFields.error !== null && (_jsx("div", { className: "mt-3", children: _jsx(ErrorPanel, { error: updateFields.error }) })), _jsxs("div", { className: "mt-4 flex items-center gap-3", children: [_jsx("button", { type: "button", onClick: save, disabled: !changed || !isUsable(problems) || updateFields.isPending, 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", children: updateFields.isPending ? 'Saving…' : 'Save fields' }), changed && (_jsx("button", { type: "button", onClick: () => {
+                            setFields(toEditableFields(form));
+                        }, className: "text-[12px] font-medium text-ink-muted transition hover:text-ink", children: "Discard changes" })), !changed && _jsx("span", { className: "text-[12px] text-ink-faint", children: "Saved" })] })] }));
+}
+function SortableField({ field, problem, onChange, onRemove, onAddBelow, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id: field.id,
+    });
+    return (_jsxs("li", { ref: setNodeRef, style: {
+            transform: CSS.Transform.toString(transform),
+            transition,
+            opacity: isDragging ? 0.35 : 1,
+        }, className: [
+            'rounded-md border bg-surface-raised p-3',
+            problem === undefined ? 'border-border' : 'border-danger/50',
+        ].join(' '), children: [_jsxs("div", { className: "flex items-start gap-2", children: [_jsx("button", { type: "button", className: "cursor-grab touch-none px-1 py-2 text-[10px] text-ink-faint active:cursor-grabbing", "aria-label": `Drag ${field.label} to reorder`, ...attributes, ...listeners, children: "\u22EE\u22EE" }), _jsxs("div", { className: "grid flex-1 gap-2 sm:grid-cols-2", children: [_jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-[11px] font-medium text-ink-faint", children: "Label" }), _jsx("input", { className: inputClass, value: field.label, onChange: (event) => {
+                                            onChange({ label: event.target.value });
+                                        } })] }), _jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-[11px] font-medium text-ink-faint", children: "Maps to" }), _jsx("select", { className: inputClass, value: field.mapTo, onChange: (event) => {
+                                            const mapTo = event.target.value;
+                                            onChange({ mapTo, type: typeForTarget(mapTo, field.type) });
+                                        }, children: MAP_TARGET_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: FORM_FIELD_MAP_TARGET_LABELS[option.value] }, option.value))) })] }), _jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-[11px] font-medium text-ink-faint", children: "Type" }), _jsx("select", { className: inputClass, value: field.type, onChange: (event) => {
+                                            onChange({ type: event.target.value });
+                                        }, children: FIELD_TYPE_OPTIONS.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) })] }), _jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1 block text-[11px] font-medium text-ink-faint", children: "Placeholder" }), _jsx("input", { className: inputClass, value: field.placeholder ?? '', onChange: (event) => {
+                                            onChange({ placeholder: event.target.value.length === 0 ? null : event.target.value });
+                                        } })] })] }), _jsxs("div", { className: "flex shrink-0 flex-col items-end gap-1", children: [_jsx("button", { type: "button", onClick: onRemove, "aria-label": `Remove ${field.label}`, className: "rounded-md px-1.5 py-1 text-[12px] text-ink-faint transition hover:text-danger", children: "\u2715" }), _jsx("button", { type: "button", onClick: onAddBelow, "aria-label": `Add a field below ${field.label}`, className: "rounded-md px-1.5 py-1 text-[12px] text-ink-faint transition hover:text-accent", children: "+" })] })] }), _jsxs("label", { className: "mt-2 flex items-center gap-2 pl-7 text-[12px] text-ink-muted", children: [_jsx("input", { type: "checkbox", checked: field.required ?? false, onChange: (event) => {
+                            onChange({ required: event.target.checked });
+                        } }), "Required"] }), field.type === 'select' && (_jsx(OptionsEditor, { options: field.options ?? [], onChange: (options) => {
+                    onChange({ options });
+                } })), problem !== undefined && _jsx("p", { className: "mt-2 pl-7 text-[12px] text-danger", children: problem })] }));
+}
+/**
+ * A select's choices.
+ *
+ * `key` is what a stored answer holds, so it is editable and it is what the
+ * server validates a submit against. Changing a `value` renames the choice on
+ * screen without invalidating the answers already recorded under its key, which
+ * is the whole reason the two are separate.
+ */
+function OptionsEditor({ options, onChange, }) {
+    return (_jsxs("div", { className: "mt-3 space-y-2 pl-7", children: [_jsx("span", { className: "block text-[11px] font-medium text-ink-faint", children: "Options" }), options.map((option, index) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("input", { className: `${inputClass} font-mono text-[12px]`, "aria-label": `Option ${String(index + 1)} key`, value: option.key, onChange: (event) => {
+                            onChange(options.map((existing, at) => at === index ? { ...existing, key: event.target.value } : existing));
+                        } }), _jsx("input", { className: inputClass, "aria-label": `Option ${String(index + 1)} label`, value: option.value, onChange: (event) => {
+                            onChange(options.map((existing, at) => at === index ? { ...existing, value: event.target.value } : existing));
+                        } }), _jsx("select", { className: `${inputClass} w-28`, "aria-label": `Option ${String(index + 1)} value type`, value: option.valueType ?? 'string', onChange: (event) => {
+                            onChange(options.map((existing, at) => at === index
+                                ? { ...existing, valueType: event.target.value }
+                                : existing));
+                        }, children: FORM_OPTION_VALUE_TYPES.map((type) => (_jsx("option", { value: type, children: type }, type))) }), _jsx("button", { type: "button", onClick: () => {
+                            onChange(options.filter((_option, at) => at !== index));
+                        }, "aria-label": `Remove option ${option.value}`, className: "rounded-md px-1.5 py-1 text-[12px] text-ink-faint transition hover:text-danger", children: "\u2715" })] }, `${option.key}-${String(index)}`))), _jsx("button", { type: "button", onClick: () => {
+                    onChange([
+                        ...options,
+                        { key: `option_${String(options.length + 1)}`, value: 'New option', valueType: 'string' },
+                    ]);
+                }, className: "text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "+ Add option" })] }));
+}
+//# sourceMappingURL=FieldsEditor.js.map