@kelpie/ui 0.1.0

package/dist/pages/CompaniesPage.js

@@ -0,0 +1,77 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useNavigate } from 'react-router';
+import { useCompanies, useCreateCompany } from '../api/resources/companies.js';
+import { Chip } from '../components/Chip.js';
+import { DataTable } from '../components/DataTable.js';
+import { FilterBar, PageHeader } from '../components/PageHeader.js';
+import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
+import { useCompanyHeadcounts } from './positionDirectory.js';
+/**
+ * The Companies list.
+ *
+ * The mockup's Deals column is absent: Deals have tables and a module but no
+ * routes, so there is nothing to count. It returns with that endpoint rather
+ * than as a zero that means "not built".
+ */
+const ICP_TONES = {
+    high: 'success',
+    medium: 'warning',
+    low: 'danger',
+    unknown: 'neutral',
+};
+export function CompaniesPage() {
+    const [term, setTerm] = useState('');
+    const [sort, setSort] = useState(undefined);
+    const navigate = useNavigate();
+    const hasFilter = term.trim().length > 0;
+    const companies = useCompanies({ term: hasFilter ? term.trim() : undefined, sort });
+    const headcounts = useCompanyHeadcounts(companies.records.map((company) => company.id));
+    const createCompany = useCreateCompany();
+    async function addCompany() {
+        const company = await createCompany.runAsync({ name: 'New company' });
+        await navigate(`/companies/${company.id}`);
+    }
+    const columns = [
+        {
+            key: 'name',
+            header: 'Name',
+            sortKey: 'name',
+            render: (company) => _jsx("span", { className: "font-medium", children: company.name }),
+        },
+        {
+            key: 'domain',
+            header: 'Domain',
+            render: (company) => (_jsx("span", { className: "font-mono text-[12px] text-ink-muted", children: company.domain ?? '—' })),
+        },
+        {
+            key: 'type',
+            header: 'Type',
+            render: (company) => _jsx("span", { className: "capitalize", children: company.accountType }),
+        },
+        {
+            key: 'icp',
+            header: 'ICP fit',
+            render: (company) => _jsx(Chip, { tone: ICP_TONES[company.icpFit], children: company.icpFit }),
+        },
+        {
+            key: 'people',
+            header: 'People',
+            className: 'w-20',
+            render: (company) => (_jsx("span", { className: "font-mono text-[12px]", children: headcounts.countFor(company.id) })),
+        },
+    ];
+    return (_jsxs("div", { className: "animate-fade-in", children: [_jsx(PageHeader, { title: "Companies", onAdd: () => {
+                    void addCompany();
+                }, addLabel: "Add company" }), _jsx(FilterBar, { value: term, onChange: setTerm, placeholder: "Filter by name, type, tags\u2026" }), createCompany.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createCompany.error }) })), companies.error !== null ? (_jsx(ErrorPanel, { error: companies.error })) : companies.isLoading ? (_jsx(LoadingPanel, { label: "Loading companies\u2026" })) : (_jsxs(_Fragment, { children: [_jsx(DataTable, { columns: columns, rows: companies.records, getRowId: (company) => company.id, onRowClick: (company) => {
+                            void navigate(`/companies/${company.id}`);
+                        }, emptyMessage: hasFilter ? 'No companies match this filter' : 'No companies yet', emptyDescription: hasFilter ? 'Try a different search term.' : undefined, emptyAction: hasFilter
+                            ? undefined
+                            : {
+                                label: 'Add company',
+                                onClick: () => {
+                                    void addCompany();
+                                },
+                            }, sort: sort, onSortChange: setSort }), !headcounts.isComplete && !headcounts.isLoading && (_jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: "These companies hold more positions than one page returns, so the counts below are a floor rather than a total." })), companies.hasMore && (_jsx("button", { type: "button", onClick: companies.loadMore, disabled: companies.isLoadingMore, className: "mt-3 rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink transition hover:border-border-strong hover:bg-surface-sunken disabled:opacity-50", children: companies.isLoadingMore ? 'Loading…' : 'Load more' }))] }))] }));
+}
+//# sourceMappingURL=CompaniesPage.js.map

package/dist/pages/CompaniesPage.js.map

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

package/dist/pages/CompanyDetail.d.ts

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

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

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

package/dist/pages/CompanyDetail.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ACCOUNT_TYPES, COMPANY_STAGES, ICP_FITS, SIZE_BANDS } from '@kelpie/schemas';
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { usePatch } from '../api/resource.js';
+import { useCompany, useDeleteCompany, useUpdateCompany, } from '../api/resources/companies.js';
+import { useDeals } from '../api/resources/deals.js';
+import { useOpportunities } from '../api/resources/opportunities.js';
+import { usePartnerships } from '../api/resources/partnerships.js';
+import { usePeople } from '../api/resources/people.js';
+import { useCreatePosition, useDeletePosition, usePositions, useUpdatePositionTitle, } from '../api/resources/positions.js';
+import { useRaises } from '../api/resources/raises.js';
+import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.js';
+import { AgentTasks } from '../components/AgentTasks.js';
+import { Chip } from '../components/Chip.js';
+import { DecisionsPanel } from '../components/DecisionsPanel.js';
+import { DeleteRecord } from '../components/DeleteRecord.js';
+import { EntitySearch } from '../components/EntitySearch.js';
+import { InlineEdit } from '../components/InlineEdit.js';
+import { NotesPanel } from '../components/NotesPanel.js';
+import { RelatedPlanAttention } from '../components/PlanAttention.js';
+import { ErrorPanel, LoadingPanel, NotFoundPanel } from '../components/QueryState.js';
+import { RecordTabs } from '../components/RecordTabs.js';
+import { SectionHeader } from '../components/SectionHeader.js';
+import { SidebarField } from '../components/SidebarField.js';
+import { SummaryBlock } from '../components/SummaryBlock.js';
+import { useRecordTabs } from '../registry/context.js';
+import { inSlotOrder } from '../registry/registry.js';
+import { toOptions, toTags } from './fields.js';
+/**
+ * One company.
+ *
+ * Overview, Activity, Notes and Decisions render today. As with People, the
+ * tabs for Deals, Opportunities, Partnerships and Raises wait for their
+ * endpoints. A UI module can add its own through the `company` record-tab slot.
+ */
+const STAGE_OPTIONS = toOptions(COMPANY_STAGES);
+const SIZE_OPTIONS = toOptions(SIZE_BANDS);
+const ACCOUNT_OPTIONS = toOptions(ACCOUNT_TYPES);
+const ICP_OPTIONS = toOptions(ICP_FITS);
+const ICP_TONES = {
+    high: 'success',
+    medium: 'warning',
+    low: 'danger',
+    unknown: 'neutral',
+};
+export function CompanyDetail() {
+    const { id } = useParams();
+    const navigate = useNavigate();
+    const { record, isLoading, isNotFound, error } = useCompany(id);
+    const deleteCompany = useDeleteCompany();
+    const moduleTabs = inSlotOrder(useRecordTabs('company'));
+    const [activeTab, setActiveTab] = useState('overview');
+    if (isNotFound) {
+        return _jsx(NotFoundPanel, { label: "Company", backTo: "/companies" });
+    }
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || record === undefined || id === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading company\u2026" });
+    }
+    const tabs = [
+        { id: 'overview', label: 'Overview' },
+        { id: 'activity', label: 'Activity' },
+        { id: 'notes', label: 'Notes' },
+        { id: 'decisions', label: 'Decisions' },
+        ...moduleTabs.map((tab) => ({ id: tab.id, label: tab.label })),
+    ];
+    const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview';
+    const moduleTab = moduleTabs.find((tab) => tab.id === active);
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-6xl", children: [_jsx(Link, { to: "/companies", className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "\u2190 Companies" }), _jsxs("div", { className: "grid items-start gap-8 lg:grid-cols-[minmax(0,1fr)_280px]", children: [_jsxs("div", { className: "min-w-0 space-y-8", children: [_jsx(CompanyHeading, { company: record }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(AgentTasks, { targetType: "company", targetId: record.id, targetLabel: record.name }), _jsx(DeleteRecord, { recordLabel: "Company", recordName: record.name, isPending: deleteCompany.isPending, error: deleteCompany.error, onConfirm: () => {
+                                            deleteCompany
+                                                .runAsync(record.id)
+                                                .then(() => navigate('/companies'))
+                                                .catch(() => undefined);
+                                        } })] }), _jsxs(RecordTabs, { tabs: tabs, active: active, onChange: setActiveTab, ariaLabel: "Company sections", children: [active === 'overview' && _jsx(CompanyOverview, { company: record }), active === 'activity' && _jsx(ActivitiesPanel, { targetType: "company", targetId: record.id }), active === 'notes' && _jsx(NotesPanel, { targetType: "company", targetId: record.id }), active === 'decisions' && _jsx(DecisionsPanel, { targetType: "company", targetId: record.id }), moduleTab?.render({ objectType: 'company', recordId: record.id })] })] }), _jsxs("aside", { className: "space-y-4 text-[12px] lg:sticky lg:top-6", children: [_jsx(CompanySidebar, { company: record }), _jsx(CompanyPeople, { company: record })] })] })] }));
+}
+function useCompanyPatch(company) {
+    return usePatch(useUpdateCompany, company);
+}
+function CompanyHeading({ company }) {
+    const { patch, error } = useCompanyPatch(company);
+    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: company.name, onChange: (name) => {
+                    patch({ name });
+                }, displayClassName: "text-[22px] font-semibold tracking-tight text-ink not-italic", emptyLabel: "Untitled" }), _jsx("div", { className: "mt-1", children: _jsx(InlineEdit, { value: company.domain ?? '', onChange: (domain) => {
+                        patch({ domain: domain.length > 0 ? domain : null });
+                    }, displayClassName: "text-[13px] font-mono text-ink-muted not-italic", emptyLabel: "Add domain\u2026" }) })] }));
+}
+/**
+ * A summary, the plan items needing attention, and the latest activity.
+ *
+ * The plan rolls up from this company's deals, opportunities, raises and
+ * partnerships, the mockup's whole roll-up for a company.
+ */
+function CompanyOverview({ company }) {
+    const { patch, error } = useCompanyPatch(company);
+    const deals = useDeals({ companyIds: [company.id] });
+    const opportunities = useOpportunities({ companyIds: [company.id] });
+    const raises = useRaises({ companyIds: [company.id] });
+    const partnerships = usePartnerships({ companyIds: [company.id] });
+    return (_jsxs("div", { className: "space-y-8", children: [error !== null && _jsx(ErrorPanel, { error: error }), _jsx(SummaryBlock, { value: company.summary, onChange: (summary) => {
+                    patch({ summary });
+                } }), _jsx(RelatedPlanAttention, { deals: deals.records, opportunities: opportunities.records, raises: raises.records, partnerships: partnerships.records, isLoading: deals.isLoading || opportunities.isLoading || raises.isLoading || partnerships.isLoading }), _jsx(LatestActivity, { targetType: "company", targetId: company.id })] }));
+}
+function CompanySidebar({ company }) {
+    const { patch, error } = useCompanyPatch(company);
+    return (_jsxs("section", { className: "rounded-md border border-border p-3", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsxs("div", { className: "mb-2 flex flex-wrap gap-1", children: [_jsx(InlineEdit, { value: company.accountType, onChange: (value) => {
+                            patch({ accountType: value });
+                        }, options: ACCOUNT_OPTIONS, display: _jsx(Chip, { children: _jsx("span", { className: "text-[10px]", children: company.accountType }) }), displayClassName: "not-italic inline-flex capitalize", className: "!w-auto" }), _jsx(InlineEdit, { value: company.icpFit, onChange: (value) => {
+                            patch({ icpFit: value });
+                        }, options: ICP_OPTIONS, display: _jsx(Chip, { tone: ICP_TONES[company.icpFit], children: _jsxs("span", { className: "text-[10px]", children: ["ICP ", company.icpFit] }) }), displayClassName: "not-italic inline-flex", className: "!w-auto" })] }), _jsx(SidebarField, { label: "Industry", children: _jsx(InlineEdit, { value: company.industry ?? '', onChange: (industry) => {
+                        patch({ industry: industry.length > 0 ? industry : null });
+                    }, displayClassName: "not-italic normal-case text-[12px]" }) }), _jsx(SidebarField, { label: "Stage", children: _jsx(InlineEdit, { value: company.stage, onChange: (value) => {
+                        patch({ stage: value });
+                    }, options: STAGE_OPTIONS, displayClassName: "capitalize not-italic text-[12px]" }) }), _jsx(SidebarField, { label: "Size", children: _jsx(InlineEdit, { value: company.sizeBand, onChange: (value) => {
+                        patch({ sizeBand: value });
+                    }, options: SIZE_OPTIONS, displayClassName: "not-italic text-[12px]" }) }), _jsx(SidebarField, { label: "HQ", children: _jsx(InlineEdit, { value: company.hq ?? '', onChange: (hq) => {
+                        patch({ hq: hq.length > 0 ? hq : null });
+                    }, displayClassName: "not-italic normal-case text-[12px]", emptyLabel: "Add HQ\u2026" }) }), _jsx(SidebarField, { label: "Website", children: _jsx(InlineEdit, { value: company.website ?? '', onChange: (website) => {
+                        patch({ website: website.length > 0 ? website : null });
+                    }, type: "url", displayClassName: "not-italic normal-case text-[12px]", emptyLabel: "Add website\u2026" }) }), _jsx(SidebarField, { label: "Tech stack", children: _jsx(InlineEdit, { value: company.techStack.join(', '), onChange: (value) => {
+                        patch({ techStack: toTags(value) });
+                    }, displayClassName: "not-italic normal-case text-[12px]", emptyLabel: "Add tech stack\u2026" }) }), _jsx(SidebarField, { label: "Description", children: _jsx(InlineEdit, { value: company.description, onChange: (description) => {
+                        patch({ description });
+                    }, multiline: true, displayClassName: "not-italic normal-case text-[12px]", emptyLabel: "Add description\u2026" }) }), _jsx(SidebarField, { label: "Tags", children: _jsx(InlineEdit, { value: company.tags.join(', '), onChange: (value) => {
+                        patch({ tags: toTags(value) });
+                    }, display: company.tags.length > 0 ? (_jsx("span", { className: "flex flex-wrap gap-1", children: company.tags.map((tag) => (_jsx(Chip, { children: _jsx("span", { className: "text-[10px]", children: tag }) }, tag))) })) : undefined, emptyLabel: "Add tags\u2026", displayClassName: "not-italic" }) })] }));
+}
+/** The other side of the Position link: who holds a title here. */
+function CompanyPeople({ company }) {
+    const positions = usePositions({ companyIds: [company.id] });
+    const people = usePeople({ companyIds: [company.id] });
+    const createPosition = useCreatePosition();
+    const updateTitle = useUpdatePositionTitle();
+    const deletePosition = useDeletePosition();
+    const [adding, setAdding] = useState(false);
+    const [personId, setPersonId] = useState('');
+    const [title, setTitle] = useState('');
+    const [search, setSearch] = useState('');
+    const searchable = usePeople({ term: search.trim().length > 0 ? search.trim() : undefined });
+    const personById = new Map(people.records.map((person) => [person.id, person]));
+    const held = new Set(positions.records.map((position) => position.personId));
+    function reset() {
+        setAdding(false);
+        setPersonId('');
+        setTitle('');
+        setSearch('');
+    }
+    function submit(event) {
+        event.preventDefault();
+        if (personId.length === 0 || title.trim().length === 0) {
+            return;
+        }
+        createPosition.run({ personId, companyId: company.id, title: title.trim() });
+        reset();
+    }
+    return (_jsxs("section", { className: "rounded-md border border-border", children: [_jsx("div", { className: "border-b border-border px-3.5 py-2.5", children: _jsx(SectionHeader, { title: "People", onAdd: () => {
+                        setAdding((current) => !current);
+                    }, addLabel: "Add person", compact: true }) }), createPosition.error !== null && (_jsx("div", { className: "px-3.5 py-2", children: _jsx(ErrorPanel, { error: createPosition.error }) })), deletePosition.error !== null && (_jsx("div", { className: "px-3.5 py-2", children: _jsx(ErrorPanel, { error: deletePosition.error }) })), _jsxs("ul", { className: "divide-y divide-border", children: [positions.isLoading && (_jsx("li", { className: "px-3.5 py-4 text-[12px] text-ink-faint", children: "Loading people\u2026" })), !positions.isLoading && positions.records.length === 0 && !adding && (_jsx("li", { className: "px-3.5 py-4 text-[12px] text-ink-faint", children: "No people yet." })), positions.records.map((position) => {
+                        const person = personById.get(position.personId);
+                        return (_jsxs("li", { className: "space-y-1 px-3.5 py-2.5", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx(Link, { to: `/people/${position.personId}`, className: "text-[13px] font-medium text-ink hover:text-accent", children: person?.name ?? 'Unknown' }), _jsx("button", { type: "button", onClick: () => {
+                                                deletePosition.run(position.id);
+                                            }, className: "text-[11px] font-medium text-danger hover:underline", children: "Remove" })] }), _jsx(InlineEdit, { value: position.title, onChange: (next) => {
+                                        updateTitle.run({ id: position.id, changes: { title: next } });
+                                    }, displayClassName: "not-italic text-[12px]", emptyLabel: "Add position title\u2026" })] }, position.id));
+                    })] }), adding && (_jsxs("form", { onSubmit: submit, className: "space-y-2 border-t border-border bg-surface px-3.5 py-3", children: [_jsx(EntitySearch, { options: searchable.records
+                            .filter((person) => !held.has(person.id))
+                            .map((person) => ({
+                            id: person.id,
+                            label: person.name,
+                            meta: person.email ?? undefined,
+                        })), value: personId, onChange: setPersonId, onQueryChange: setSearch, placeholder: "Search people\u2026", emptyMessage: "No people match", required: true }), _jsx("input", { value: title, onChange: (event) => {
+                            setTitle(event.target.value);
+                        }, placeholder: "Position title", className: "w-full rounded-md border border-border bg-surface-raised px-2 py-1.5 text-[12px] outline-none focus:border-accent", required: true }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: reset, className: "rounded-md px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg hover:bg-accent-hover", children: "Add" })] })] }))] }));
+}
+//# sourceMappingURL=CompanyDetail.js.map

package/dist/pages/CompanyDetail.js.map

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

package/dist/pages/DealDetail.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"DealDetail.d.ts","sourceRoot":"","sources":["../../src/pages/DealDetail.tsx"],"names":[],"mappings":"AAiDA,wBAAgB,UAAU,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CA6E9C"}

package/dist/pages/DealDetail.js

@@ -0,0 +1,192 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { usePatch } from '../api/resource.js';
+import { useCompanies, useCompany } from '../api/resources/companies.js';
+import { useDeal, useDeleteDeal, useUpdateDeal } from '../api/resources/deals.js';
+import { useMembers } from '../api/resources/members.js';
+import { usePeople } from '../api/resources/people.js';
+import { usePipelineStages } from '../api/resources/pipelineStages.js';
+import { useRecordPlanItems } from '../api/resources/planItems.js';
+import { ActivitiesPanel, LatestActivity } from '../components/ActivitiesPanel.js';
+import { AgentTasks } from '../components/AgentTasks.js';
+import { Chip } from '../components/Chip.js';
+import { DecisionsPanel } from '../components/DecisionsPanel.js';
+import { DeleteRecord } from '../components/DeleteRecord.js';
+import { EntitySearch } from '../components/EntitySearch.js';
+import { InlineEdit } from '../components/InlineEdit.js';
+import { NotesPanel } from '../components/NotesPanel.js';
+import { PlanAttention } from '../components/PlanAttention.js';
+import { PlanPanel } from '../components/PlanPanel.js';
+import { ErrorPanel, LoadingPanel, NotFoundPanel } from '../components/QueryState.js';
+import { RecordTabs } from '../components/RecordTabs.js';
+import { SectionHeader } from '../components/SectionHeader.js';
+import { SidebarField } from '../components/SidebarField.js';
+import { SummaryBlock } from '../components/SummaryBlock.js';
+import { formatDay } from '../lib/dates.js';
+import { formatMoney } from '../lib/money.js';
+import { useRecordTabs } from '../registry/context.js';
+import { inSlotOrder } from '../registry/registry.js';
+import { toTags } from './fields.js';
+/**
+ * One deal.
+ *
+ * Overview, Plan, Activity, Notes and Decisions render today, the mockup's
+ * full set. A UI module can add its own tab through the `deal` record-tab
+ * slot.
+ */
+const STAGE_TONES = {
+    won: 'success',
+    lost: 'danger',
+};
+export function DealDetail() {
+    const { id } = useParams();
+    const navigate = useNavigate();
+    const { record, isLoading, isNotFound, error } = useDeal(id);
+    const deleteDeal = useDeleteDeal();
+    const moduleTabs = inSlotOrder(useRecordTabs('deal'));
+    const [activeTab, setActiveTab] = useState('overview');
+    if (isNotFound) {
+        return _jsx(NotFoundPanel, { label: "Deal", backTo: "/deals" });
+    }
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || record === undefined || id === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading deal\u2026" });
+    }
+    const tabs = [
+        { id: 'overview', label: 'Overview' },
+        { id: 'plan', label: 'Plan' },
+        { id: 'activity', label: 'Activity' },
+        { id: 'notes', label: 'Notes' },
+        { id: 'decisions', label: 'Decisions' },
+        ...moduleTabs.map((tab) => ({ id: tab.id, label: tab.label })),
+    ];
+    const active = tabs.some((tab) => tab.id === activeTab) ? activeTab : 'overview';
+    const moduleTab = moduleTabs.find((tab) => tab.id === active);
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-6xl", children: [_jsx(Link, { to: "/deals", className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "\u2190 Deals" }), _jsxs("div", { className: "grid items-start gap-8 lg:grid-cols-[minmax(0,1fr)_280px]", children: [_jsxs("div", { className: "min-w-0 space-y-8", children: [_jsx(DealHeading, { deal: record }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx(AgentTasks, { targetType: "deal", targetId: record.id, targetLabel: record.name }), _jsx(DeleteRecord, { recordLabel: "Deal", recordName: record.name, isPending: deleteDeal.isPending, error: deleteDeal.error, onConfirm: () => {
+                                            deleteDeal
+                                                .runAsync(record.id)
+                                                .then(() => navigate('/deals'))
+                                                .catch(() => undefined);
+                                        } })] }), _jsxs(RecordTabs, { tabs: tabs, active: active, onChange: setActiveTab, ariaLabel: "Deal sections", children: [active === 'overview' && _jsx(DealOverview, { deal: record }), active === 'plan' && _jsx(PlanPanel, { targetType: "deal", targetId: record.id }), active === 'activity' && _jsx(ActivitiesPanel, { targetType: "deal", targetId: record.id }), active === 'notes' && _jsx(NotesPanel, { targetType: "deal", targetId: record.id }), active === 'decisions' && _jsx(DecisionsPanel, { targetType: "deal", targetId: record.id }), moduleTab?.render({ objectType: 'deal', recordId: record.id })] })] }), _jsxs("aside", { className: "space-y-4 text-[12px] lg:sticky lg:top-6", children: [_jsx(DealSidebar, { deal: record }), _jsx(DealContacts, { deal: record })] })] })] }));
+}
+function useDealPatch(deal) {
+    return usePatch(useUpdateDeal, deal);
+}
+function DealHeading({ deal }) {
+    const { patch, error } = useDealPatch(deal);
+    const company = useCompany(deal.companyId);
+    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: deal.name, onChange: (name) => {
+                    patch({ name });
+                }, displayClassName: "text-[22px] font-semibold tracking-tight text-ink not-italic", emptyLabel: "Untitled deal" }), _jsx("div", { className: "mt-1 text-[13px] text-ink-muted", children: company.record === undefined ? ('…') : (_jsx(Link, { to: `/companies/${company.record.id}`, className: "hover:text-accent", children: company.record.name })) })] }));
+}
+function DetailField({ label, children, }) {
+    return (_jsxs("div", { children: [_jsx("div", { className: "mb-1 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: label }), _jsx("div", { className: "min-w-0 text-[13px] leading-snug text-ink", children: children })] }));
+}
+/** Summary, the agent fields, what is late or due this week, and the latest activity. */
+function DealOverview({ deal }) {
+    const { patch, error } = useDealPatch(deal);
+    const planItems = useRecordPlanItems('deal', deal.id);
+    return (_jsxs("div", { className: "space-y-8", children: [error !== null && _jsx(ErrorPanel, { error: error }), _jsx(SummaryBlock, { value: deal.summary, onChange: (summary) => {
+                    patch({ summary });
+                } }), _jsxs("section", { children: [_jsx(SectionHeader, { title: "Details" }), _jsxs("div", { className: "grid gap-y-4", children: [_jsx(DetailField, { label: "Why we win", children: _jsx(InlineEdit, { value: deal.whyWin, onChange: (whyWin) => {
+                                        patch({ whyWin });
+                                    }, multiline: true, displayClassName: "not-italic normal-case text-[13px]", emptyLabel: "Add\u2026" }) }), _jsx(DetailField, { label: "Risks", children: _jsx(InlineEdit, { value: deal.risks, onChange: (risks) => {
+                                        patch({ risks });
+                                    }, multiline: true, displayClassName: "not-italic normal-case text-[13px]", emptyLabel: "Add\u2026" }) }), _jsx(DetailField, { label: "Competitors", children: _jsx(InlineEdit, { value: deal.competitors.join(', '), onChange: (value) => {
+                                        patch({ competitors: toTags(value) });
+                                    }, displayClassName: "not-italic normal-case text-[13px]", emptyLabel: "Add competitors\u2026" }) })] })] }), _jsx(PlanAttention, { items: planItems.records, isLoading: planItems.isLoading }), _jsx(LatestActivity, { targetType: "deal", targetId: deal.id })] }));
+}
+/** Whole units in the box, cents on the wire. Blank clears the value. */
+function toValueCents(raw) {
+    const trimmed = raw.trim();
+    if (trimmed.length === 0) {
+        return null;
+    }
+    const parsed = Number(trimmed);
+    return Number.isFinite(parsed) && parsed >= 0 ? Math.round(parsed * 100) : undefined;
+}
+function DealSidebar({ deal }) {
+    const { patch, error } = useDealPatch(deal);
+    const stages = usePipelineStages('deal');
+    const members = useMembers();
+    const currentCompany = useCompany(deal.companyId);
+    const [companySearch, setCompanySearch] = useState('');
+    const searchableCompanies = useCompanies({
+        term: companySearch.trim().length > 0 ? companySearch.trim() : undefined,
+    });
+    const orderedStages = [...stages.records].sort((a, b) => a.sortOrder - b.sortOrder);
+    const currentStage = orderedStages.find((stage) => stage.id === deal.stageId);
+    // The selected company must be in the option list or the picker shows nothing,
+    // and a search that filtered it out would drop it from view.
+    const companyOptions = [
+        ...(currentCompany.record === undefined
+            ? []
+            : [{ id: currentCompany.record.id, label: currentCompany.record.name }]),
+        ...searchableCompanies.records
+            .filter((company) => company.id !== deal.companyId)
+            .map((company) => ({ id: company.id, label: company.name, meta: company.domain ?? undefined })),
+    ];
+    return (_jsxs("section", { className: "rounded-md border border-border p-3", children: [error !== null && (_jsx("div", { className: "mb-2", children: _jsx(ErrorPanel, { error: error }) })), _jsxs("div", { className: "mb-2", children: [_jsx("div", { className: "mb-0.5 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: "Stage" }), _jsx(InlineEdit, { value: deal.stageId, onChange: (stageId) => {
+                            patch({ stageId });
+                        }, options: orderedStages.map((stage) => ({ value: stage.id, label: stage.label })), display: _jsx(Chip, { tone: STAGE_TONES[currentStage?.slug ?? ''] ?? 'accent', children: _jsx("span", { className: "text-[10px]", children: currentStage?.label ?? deal.stageId }) }), displayClassName: "not-italic inline-flex", className: "!w-auto" })] }), _jsx(SidebarField, { label: "Value", children: _jsx(InlineEdit, { value: deal.valueCents === null ? '' : String(deal.valueCents / 100), onChange: (raw) => {
+                        const valueCents = toValueCents(raw);
+                        if (valueCents !== undefined) {
+                            patch({ valueCents });
+                        }
+                    }, type: "number", display: deal.valueCents === null ? undefined : (_jsx("span", { className: "font-mono text-[12px] font-medium", children: formatMoney(deal.valueCents, deal.currency) })), displayClassName: "not-italic", emptyLabel: "Set value\u2026" }) }), _jsx(SidebarField, { label: "Expected close", children: _jsx(InlineEdit, { value: deal.expectedClose ?? '', onChange: (expectedClose) => {
+                        patch({ expectedClose: expectedClose.length > 0 ? expectedClose : null });
+                    }, type: "date", displayClassName: "not-italic text-[12px]", display: deal.expectedClose === null ? undefined : formatDay(deal.expectedClose), emptyLabel: "Set close date\u2026" }) }), _jsx(SidebarField, { label: "Company", children: _jsx(EntitySearch, { options: companyOptions, value: deal.companyId, onChange: (companyId) => {
+                        patch({ companyId });
+                    }, onQueryChange: setCompanySearch, placeholder: "Search companies\u2026", size: "sm" }) }), _jsx(SidebarField, { label: "Owner", children: _jsx(EntitySearch, { options: members.members.map((member) => ({
+                        id: member.id,
+                        label: member.name,
+                        meta: member.email,
+                    })), value: deal.ownerId ?? '', onChange: (ownerId) => {
+                        patch({ ownerId });
+                    }, placeholder: "Search owners\u2026", size: "sm" }) }), _jsx(SidebarField, { label: "Tags", children: _jsx(InlineEdit, { value: deal.tags.join(', '), onChange: (value) => {
+                        patch({ tags: toTags(value) });
+                    }, display: deal.tags.length > 0 ? (_jsx("span", { className: "flex flex-wrap gap-1", children: deal.tags.map((tag) => (_jsx(Chip, { children: _jsx("span", { className: "text-[10px]", children: tag }) }, tag))) })) : undefined, emptyLabel: "Add tags\u2026", displayClassName: "not-italic" }) })] }));
+}
+/** The people on the deal, linked and unlinked by replacing `person_ids`. */
+function DealContacts({ deal }) {
+    const { patch, error } = useDealPatch(deal);
+    const [adding, setAdding] = useState(false);
+    const [personId, setPersonId] = useState('');
+    const [search, setSearch] = useState('');
+    // No `?id=` filter exists on people, so names come from the directory's first
+    // page. Past it, a contact renders by id rather than silently vanishing.
+    const directory = usePeople({ limit: 200 });
+    const searchable = usePeople({ term: search.trim().length > 0 ? search.trim() : undefined });
+    const nameById = new Map(directory.records.map((person) => [person.id, person.name]));
+    const linked = new Set(deal.personIds);
+    function reset() {
+        setAdding(false);
+        setPersonId('');
+        setSearch('');
+    }
+    function submit(event) {
+        event.preventDefault();
+        if (personId.length === 0 || linked.has(personId)) {
+            return;
+        }
+        patch({ personIds: [...deal.personIds, personId] });
+        reset();
+    }
+    return (_jsxs("section", { className: "rounded-md border border-border", children: [_jsx("div", { className: "border-b border-border px-3.5 py-2.5", children: _jsx(SectionHeader, { title: "Contacts", onAdd: () => {
+                        setAdding((current) => !current);
+                    }, addLabel: "Add contact", compact: true }) }), error !== null && (_jsx("div", { className: "px-3.5 py-2", children: _jsx(ErrorPanel, { error: error }) })), _jsxs("ul", { className: "divide-y divide-border", children: [deal.personIds.length === 0 && !adding && (_jsx("li", { className: "px-3.5 py-4 text-[12px] text-ink-faint", children: "No contacts yet." })), deal.personIds.map((linkedPersonId) => (_jsxs("li", { className: "flex items-start justify-between gap-2 px-3.5 py-2.5", children: [_jsx(Link, { to: `/people/${linkedPersonId}`, className: "text-[13px] font-medium text-ink hover:text-accent", children: nameById.get(linkedPersonId) ?? linkedPersonId }), _jsx("button", { type: "button", onClick: () => {
+                                    patch({
+                                        personIds: deal.personIds.filter((candidate) => candidate !== linkedPersonId),
+                                    });
+                                }, className: "text-[11px] font-medium text-danger hover:underline", children: "Remove" })] }, linkedPersonId)))] }), adding && (_jsxs("form", { onSubmit: submit, className: "space-y-2 border-t border-border bg-surface px-3.5 py-3", children: [_jsx(EntitySearch, { options: searchable.records
+                            .filter((person) => !linked.has(person.id))
+                            .map((person) => ({
+                            id: person.id,
+                            label: person.name,
+                            meta: person.email ?? undefined,
+                        })), value: personId, onChange: setPersonId, onQueryChange: setSearch, placeholder: "Search people\u2026", emptyMessage: "No people match", required: true }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: reset, className: "rounded-md px-2.5 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-semibold text-accent-fg hover:bg-accent-hover", children: "Add" })] })] }))] }));
+}
+//# sourceMappingURL=DealDetail.js.map

package/dist/pages/DealDetail.js.map

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

package/dist/pages/DealStageSettingsPage.d.ts

@@ -0,0 +1,7 @@
+/**
+ * The deal pipeline's stage settings. `StageSettings` is the shared editor;
+ * Opportunities mount it already, and Raises and Partnerships follow when those
+ * pipelines land.
+ */
+export declare function DealStageSettingsPage(): React.JSX.Element;
+//# sourceMappingURL=DealStageSettingsPage.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DealStageSettingsPage.d.ts","sourceRoot":"","sources":["../../src/pages/DealStageSettingsPage.tsx"],"names":[],"mappings":"AASA;;;;GAIG;AACH,wBAAgB,qBAAqB,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAoDzD"}

package/dist/pages/DealStageSettingsPage.js

@@ -0,0 +1,38 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
+import { StageSettings } from '../components/StageSettings.js';
+import { useCreatePipelineStage, usePipelineStages, useRemovePipelineStage, useUpdatePipelineStage, } from '../api/resources/pipelineStages.js';
+/**
+ * The deal pipeline's stage settings. `StageSettings` is the shared editor;
+ * Opportunities mount it already, and Raises and Partnerships follow when those
+ * pipelines land.
+ */
+export function DealStageSettingsPage() {
+    const stages = usePipelineStages('deal');
+    const createStage = useCreatePipelineStage();
+    const updateStage = useUpdatePipelineStage();
+    const removeStage = useRemovePipelineStage();
+    if (stages.error !== null) {
+        return _jsx(ErrorPanel, { error: stages.error });
+    }
+    if (stages.isLoading) {
+        return _jsx(LoadingPanel, { label: "Loading stages\u2026" });
+    }
+    const ordered = [...stages.records].sort((a, b) => a.sortOrder - b.sortOrder);
+    const writeError = createStage.error ?? updateStage.error ?? removeStage.error;
+    return (_jsxs(_Fragment, { children: [writeError !== null && (_jsx("div", { className: "mx-auto mb-3 max-w-xl", children: _jsx(ErrorPanel, { error: writeError }) })), _jsx(StageSettings, { title: "Deal stages", backTo: "/deals", backLabel: "Deals", recordNoun: "deal", stages: ordered, onRename: (id, label) => {
+                    updateStage.run({ id, changes: { label } });
+                }, onReorder: (activeId, overId) => {
+                    const position = ordered.findIndex((stage) => stage.id === overId);
+                    if (position >= 0) {
+                        updateStage.run({ id: activeId, changes: { sortOrder: position } });
+                    }
+                }, onToggleOpen: (id, open) => {
+                    updateStage.run({ id, changes: { open } });
+                }, onAdd: (label) => {
+                    createStage.run({ kind: 'deal', label });
+                }, onRemove: (id, moveToId) => {
+                    removeStage.run({ id, moveToId });
+                } })] }));
+}
+//# sourceMappingURL=DealStageSettingsPage.js.map

package/dist/pages/DealStageSettingsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DealStageSettingsPage.js","sourceRoot":"","sources":["../../src/pages/DealStageSettingsPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,6BAA8B,CAAA;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAiC,CAAA;AAC/D,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,sBAAsB,EACtB,sBAAsB,GACvB,MAAM,oCAAoC,CAAA;AAE3C;;;;GAIG;AACH,MAAM,UAAU,qBAAqB;IACnC,MAAM,MAAM,GAAG,iBAAiB,CAAC,MAAM,CAAC,CAAA;IACxC,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAC5C,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAC5C,MAAM,WAAW,GAAG,sBAAsB,EAAE,CAAA;IAE5C,IAAI,MAAM,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;QAC1B,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,CAAA;IAC5C,CAAC;IAED,IAAI,MAAM,CAAC,SAAS,EAAE,CAAC;QACrB,OAAO,KAAC,YAAY,IAAC,KAAK,EAAC,sBAAiB,GAAG,CAAA;IACjD,CAAC;IAED,MAAM,OAAO,GAAG,CAAC,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,SAAS,CAAC,CAAA;IAC7E,MAAM,UAAU,GAAG,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,IAAI,WAAW,CAAC,KAAK,CAAA;IAE9E,OAAO,CACL,8BACG,UAAU,KAAK,IAAI,IAAI,CACtB,cAAK,SAAS,EAAC,uBAAuB,YACpC,KAAC,UAAU,IAAC,KAAK,EAAE,UAAU,GAAI,GAC7B,CACP,EACD,KAAC,aAAa,IACZ,KAAK,EAAC,aAAa,EACnB,MAAM,EAAC,QAAQ,EACf,SAAS,EAAC,OAAO,EACjB,UAAU,EAAC,MAAM,EACjB,MAAM,EAAE,OAAO,EACf,QAAQ,EAAE,CAAC,EAAE,EAAE,KAAK,EAAE,EAAE;oBACtB,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,EAAE,EAAE,CAAC,CAAA;gBAC7C,CAAC,EACD,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,EAAE;oBAC9B,MAAM,QAAQ,GAAG,OAAO,CAAC,SAAS,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,EAAE,KAAK,MAAM,CAAC,CAAA;oBAElE,IAAI,QAAQ,IAAI,CAAC,EAAE,CAAC;wBAClB,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,CAAC,CAAA;oBACrE,CAAC;gBACH,CAAC,EACD,YAAY,EAAE,CAAC,EAAE,EAAE,IAAI,EAAE,EAAE;oBACzB,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,OAAO,EAAE,EAAE,IAAI,EAAE,EAAE,CAAC,CAAA;gBAC5C,CAAC,EACD,KAAK,EAAE,CAAC,KAAK,EAAE,EAAE;oBACf,WAAW,CAAC,GAAG,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,CAAC,CAAA;gBAC1C,CAAC,EACD,QAAQ,EAAE,CAAC,EAAE,EAAE,QAAQ,EAAE,EAAE;oBACzB,WAAW,CAAC,GAAG,CAAC,EAAE,EAAE,EAAE,QAAQ,EAAE,CAAC,CAAA;gBACnC,CAAC,GACD,IACD,CACJ,CAAA;AACH,CAAC"}

package/dist/pages/DealsPage.d.ts

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