@kelpie/ui 0.1.0

package/dist/pages/RoleDetail.js

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IN_PROCESS, ROLE_STATUS_LABELS, ROLE_STATUSES } from '@kelpie/schemas';
+import { useEffect, useState } from 'react';
+import { Link, useNavigate, useParams } from 'react-router';
+import { usePatch } from '../api/resource.js';
+import { useCandidates, useCreateCandidate, useDeleteCandidate } from '../api/resources/candidates.js';
+import { useCreateNote, useDeleteNote, useUpdateNote } from '../api/resources/notes.js';
+import { useCreatePerson, usePeople } from '../api/resources/people.js';
+import { useDeleteRole, useRole, useUpdateRole } from '../api/resources/roles.js';
+import { AgentTasks } from '../components/AgentTasks.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 { ErrorPanel, LoadingPanel, NotFoundPanel } from '../components/QueryState.js';
+import { SectionHeader } from '../components/SectionHeader.js';
+import { CandidateReferrerField, CandidateStageField, CandidateStatusField, } from './candidateFields.js';
+import { useCandidateNotes, usePersonNames } from './hiringDirectory.js';
+/**
+ * One role, and the people up for it.
+ *
+ * A role has no tabs. It holds no summary, no plan and no timeline of its own —
+ * it is not a record a note or an activity attaches to — so the page is the
+ * candidate pipeline and nothing else, exactly as the mockup draws it.
+ *
+ * Deleting the role takes its candidacies with it. There is nothing to choose in
+ * the confirmation, because roadmap decision 2 settles the cascade server-side.
+ */
+const STATUS_OPTIONS = ROLE_STATUSES.map((status) => ({
+    value: status,
+    label: ROLE_STATUS_LABELS[status],
+}));
+export function RoleDetail() {
+    const { id } = useParams();
+    const navigate = useNavigate();
+    const { record, isLoading, isNotFound, error } = useRole(id);
+    const deleteRole = useDeleteRole();
+    if (isNotFound) {
+        return _jsx(NotFoundPanel, { label: "Role", backTo: "/hiring" });
+    }
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || record === undefined || id === undefined) {
+        return _jsx(LoadingPanel, { label: "Loading role\u2026" });
+    }
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-4xl", children: [_jsx(Link, { to: "/hiring", className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted transition hover:text-accent", children: "\u2190 Hiring" }), _jsxs("div", { className: "mb-6 flex flex-wrap items-start justify-between gap-3", children: [_jsx(RoleHeading, { role: record }), _jsxs("div", { className: "flex shrink-0 flex-wrap items-center gap-3", children: [_jsx(RoleStatusField, { role: record }), _jsx(AgentTasks, { targetType: "role", targetId: record.id, targetLabel: record.title }), _jsx(DeleteRecord, { recordLabel: "Role", recordName: record.title, isPending: deleteRole.isPending, error: deleteRole.error, onConfirm: () => {
+                                    deleteRole
+                                        .runAsync(record.id)
+                                        .then(() => navigate('/hiring'))
+                                        .catch(() => undefined);
+                                } })] })] }), _jsx(RoleCandidates, { role: record })] }));
+}
+function useRolePatch(role) {
+    return usePatch(useUpdateRole, role);
+}
+function RoleHeading({ role }) {
+    const { patch, error } = useRolePatch(role);
+    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: role.title, onChange: (title) => {
+                    patch({ title });
+                }, displayClassName: "text-[22px] font-semibold tracking-tight text-ink not-italic", emptyLabel: "Untitled role" })] }));
+}
+function RoleStatusField({ role }) {
+    const { patch, error } = useRolePatch(role);
+    return (_jsxs("div", { className: "flex flex-col items-end gap-1", children: [_jsx(InlineEdit, { value: role.status, onChange: (value) => {
+                    patch({ status: value });
+                }, options: STATUS_OPTIONS, display: _jsx(Chip, { tone: role.status === 'open' ? 'accent' : 'neutral', children: ROLE_STATUS_LABELS[role.status] }), displayClassName: "not-italic inline-flex", className: "!w-auto" }), error !== null && _jsx(ErrorPanel, { error: error })] }));
+}
+/** The role's pipeline: everyone attached to it, whatever state they are in. */
+function RoleCandidates({ role }) {
+    const candidates = useCandidates({ roleIds: [role.id] });
+    const names = usePersonNames();
+    const notes = useCandidateNotes(candidates.records.map((candidate) => candidate.id));
+    const createCandidate = useCreateCandidate();
+    const createPerson = useCreatePerson();
+    const [adding, setAdding] = useState(false);
+    const [search, setSearch] = useState('');
+    const searchable = usePeople({ term: search.trim().length > 0 ? search.trim() : undefined });
+    const attached = new Set(candidates.records.map((candidate) => candidate.personId));
+    function add(personId) {
+        if (attached.has(personId)) {
+            return;
+        }
+        createCandidate.run({ roleId: role.id, personId });
+        setAdding(false);
+        setSearch('');
+    }
+    /**
+     * A name that matched nobody becomes a person and a candidacy in one go, as
+     * the mockup's picker does. The `candidate` tag is the mockup's too: someone
+     * created from this box is in the workspace because of this role.
+     */
+    async function addNewPerson(name) {
+        const person = await createPerson.runAsync({ name, tags: ['candidate'] });
+        add(person.id);
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Candidates", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: "Add candidate" }), adding && (_jsxs("div", { className: "mb-3 flex gap-2", children: [_jsx("div", { className: "min-w-0 flex-1", children: _jsx(EntitySearch, { options: searchable.records
+                                .filter((person) => !attached.has(person.id))
+                                .map((person) => ({
+                                id: person.id,
+                                label: person.name,
+                                meta: person.email ?? undefined,
+                            })), value: "", onChange: add, onQueryChange: setSearch, onCreate: (name) => {
+                                void addNewPerson(name);
+                            }, createLabel: (query) => `Create person “${query}”`, placeholder: "Search or create a person\u2026", emptyMessage: "No matches", size: "md" }) }), _jsx("button", { type: "button", onClick: () => {
+                            setAdding(false);
+                            setSearch('');
+                        }, className: "shrink-0 rounded-md px-2.5 py-1.5 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" })] })), createCandidate.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createCandidate.error }) })), createPerson.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createPerson.error }) })), candidates.error !== null && _jsx(ErrorPanel, { error: candidates.error }), candidates.isLoading ? (_jsx(LoadingPanel, { label: "Loading candidates\u2026" })) : candidates.records.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No candidates yet." })) : (_jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: candidates.records.map((candidate) => (_jsx(CandidateRow, { candidate: candidate, personName: names.nameFor(candidate.personId), referrerName: candidate.referrerPersonId === null
+                        ? undefined
+                        : names.nameFor(candidate.referrerPersonId), note: notes.noteFor(candidate.id), noteResolved: notes.isComplete || notes.noteFor(candidate.id) !== undefined }, candidate.id))) })), candidates.hasMore && (_jsx("button", { type: "button", onClick: candidates.loadMore, disabled: candidates.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: candidates.isLoadingMore ? 'Loading…' : 'Load more' }))] }));
+}
+function CandidateRow({ candidate, personName, referrerName, note, noteResolved, }) {
+    const removeCandidate = useDeleteCandidate();
+    return (_jsxs("li", { className: "border-b border-border px-4 py-3.5 last:border-0", children: [_jsxs("div", { className: "flex flex-wrap items-start justify-between gap-3", children: [_jsx(Link, { to: `/people/${candidate.personId}`, className: "text-left text-[13px] font-medium text-ink hover:text-accent", children: personName ?? candidate.personId }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsx(AgentTasks, { targetType: "candidate", targetId: candidate.id, targetLabel: personName ?? candidate.personId, compact: true }), _jsx(CandidateStatusField, { candidate: candidate }), candidate.status === IN_PROCESS && _jsx(CandidateStageField, { candidate: candidate }), _jsx("button", { type: "button", onClick: () => {
+                                    removeCandidate.run(candidate.id);
+                                }, className: "text-[11px] font-medium text-danger hover:underline", children: "Remove" })] })] }), removeCandidate.error !== null && (_jsx("div", { className: "mt-2", children: _jsx(ErrorPanel, { error: removeCandidate.error }) })), _jsxs("dl", { className: "mt-3 grid gap-3 sm:grid-cols-2", children: [_jsxs("div", { children: [_jsx("dt", { className: "mb-1 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: "Referrer" }), _jsx("dd", { children: _jsx(CandidateReferrerField, { candidate: candidate, referrerName: referrerName }) })] }), _jsxs("div", { children: [_jsx("dt", { className: "mb-1 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: "Note" }), _jsx("dd", { children: _jsx(CandidateNote, { candidate: candidate, existing: note, resolved: noteResolved }) })] })] })] }));
+}
+/**
+ * The candidate's most recent interview note, editable in place.
+ *
+ * The mockup edits one note here and shows the full panel on the person's Hiring
+ * tab, and this reproduces that. The note arrives from the page rather than
+ * being fetched here: `?target_id=` names a set, so the whole pipeline's notes
+ * come back in one request with the candidates.
+ *
+ * `resolved` false means the pipeline holds more notes than one page returns and
+ * this candidate was not among them, so whether they have one is unknown. It
+ * renders as unknown rather than as "Add note…", because offering to write is
+ * offering to write over a note nobody looked at.
+ */
+function CandidateNote({ candidate, existing, resolved, }) {
+    const createNote = useCreateNote();
+    const updateNote = useUpdateNote();
+    const deleteNote = useDeleteNote();
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(existing?.body ?? '');
+    useEffect(() => {
+        if (!editing) {
+            setDraft(existing?.body ?? '');
+        }
+    }, [existing, editing]);
+    function submit(event) {
+        event.preventDefault();
+        const body = draft.trim();
+        if (body.length === 0) {
+            if (existing !== undefined) {
+                deleteNote.run(existing.id);
+            }
+        }
+        else if (existing === undefined) {
+            createNote.run({ targetType: 'candidate', targetId: candidate.id, body });
+        }
+        else if (body !== existing.body) {
+            updateNote.run({ id: existing.id, changes: { body } });
+        }
+        setEditing(false);
+    }
+    if (!resolved) {
+        return _jsx("p", { className: "text-[12px] text-ink-faint", children: "Not loaded on this page." });
+    }
+    if (editing) {
+        return (_jsxs("form", { onSubmit: submit, className: "space-y-2", children: [_jsx("textarea", { value: draft, onChange: (event) => {
+                        setDraft(event.target.value);
+                    }, rows: 3, autoFocus: true, placeholder: "Hiring note\u2026", className: "w-full resize-y rounded-md border border-border bg-surface px-2.5 py-2 text-[12px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }), _jsxs("div", { className: "flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: () => {
+                                setDraft(existing?.body ?? '');
+                                setEditing(false);
+                            }, className: "rounded-md px-2 py-1 text-[11px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "submit", className: "rounded-md bg-accent px-2.5 py-1 text-[11px] font-semibold text-accent-fg hover:bg-accent-hover", children: "Save" })] })] }));
+    }
+    return (_jsx("button", { type: "button", onClick: () => {
+            setEditing(true);
+        }, className: existing === undefined
+            ? 'text-[12px] text-ink-faint hover:text-accent'
+            : 'block w-full text-left text-[12px] leading-relaxed text-ink-muted hover:text-ink', children: existing?.body ?? 'Add note…' }));
+}
+//# sourceMappingURL=RoleDetail.js.map

package/dist/pages/RoleDetail.js.map

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

package/dist/pages/SearchPage.d.ts

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

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

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

package/dist/pages/SearchPage.js

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Link, useSearchParams } from 'react-router';
+import { useSearch } from '../api/resources/search.js';
+import { ErrorPanel, LoadingPanel } from '../components/QueryState.js';
+import { PageHeader } from '../components/PageHeader.js';
+/**
+ * `/search?q=`, the destination of the box in the application shell.
+ *
+ * The server decides what matched, how it ranks, and what each row says. The
+ * mockup did all three in the browser over seed data; here the page is a
+ * renderer, and the only thing it still owns is where a result links to.
+ */
+/** What each collection is called on screen, and where one of its results lives. */
+const COLLECTIONS = {
+    handbook_page: { label: 'Handbook', path: (id) => `/handbook/${id}` },
+    person: { label: 'People', path: (id) => `/people/${id}` },
+    role: { label: 'Roles', path: (id) => `/hiring/${id}` },
+    company: { label: 'Companies', path: (id) => `/companies/${id}` },
+    deal: { label: 'Deals', path: (id) => `/deals/${id}` },
+    opportunity: { label: 'Opportunities', path: (id) => `/opportunities/${id}` },
+    raise: { label: 'Fundraising', path: (id) => `/fundraising/${id}` },
+    partnership: { label: 'Partnerships', path: (id) => `/partnerships/${id}` },
+    // Decisions have no detail page of their own, in the mockup or here. The global
+    // list is where one is read.
+    decision: { label: 'Decisions', path: () => '/decisions' },
+};
+export function SearchPage() {
+    const [params] = useSearchParams();
+    const term = params.get('q') ?? '';
+    const { results, isLoading, error } = useSearch(term);
+    if (term.trim().length === 0) {
+        return (_jsxs("div", { className: "animate-fade-in py-16 text-center", children: [_jsx("p", { className: "text-[15px] font-medium text-ink", children: "Search Kelpie" }), _jsx("p", { className: "mt-1 text-[13px] text-ink-muted", children: "Find people, companies, deals, raises, decisions, and handbook pages." })] }));
+    }
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-3xl", children: [_jsx(PageHeader, { title: "Search", description: results === undefined
+                    ? `Searching for “${term}”`
+                    : `${String(results.total)} result${results.total === 1 ? '' : 's'} for “${term}”` }), error !== null && _jsx(ErrorPanel, { error: error }), error === null && isLoading && _jsx(LoadingPanel, { label: "Searching\u2026" }), results !== undefined && results.total === 0 && (_jsxs("div", { className: "rounded-lg border border-dashed border-border-strong bg-surface-raised px-6 py-14 text-center", children: [_jsx("p", { className: "text-[15px] font-medium text-ink", children: "No matches" }), _jsx("p", { className: "mt-1 text-[13px] text-ink-muted", children: "Try a name, tag, plan item, or handbook topic." })] })), results !== undefined && results.total > 0 && (_jsx("div", { className: "space-y-6", children: results.groups.map((group) => (_jsx(ResultGroup, { group: group }, group.collection))) }))] }));
+}
+function ResultGroup({ group }) {
+    if (group.items.length === 0) {
+        return null;
+    }
+    const { label } = COLLECTIONS[group.collection];
+    // `total` counts every match; the list is capped by the request. Saying so
+    // beats a list that silently stops at ten.
+    const withheld = group.total - group.items.length;
+    return (_jsxs("section", { children: [_jsxs("h2", { className: "mb-2 flex items-baseline gap-2 text-[11px] font-semibold tracking-wide text-ink-faint uppercase", children: [label, withheld > 0 && (_jsxs("span", { className: "font-normal normal-case", children: ["showing ", group.items.length, " of ", group.total] }))] }), _jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: group.items.map((item) => (_jsx("li", { className: "border-b border-border last:border-0", children: _jsx(ResultRow, { collection: group.collection, item: item }) }, item.id))) })] }));
+}
+function ResultRow({ collection, item, }) {
+    return (_jsxs(Link, { to: COLLECTIONS[collection].path(item.id), className: "block px-4 py-2.5 transition hover:bg-accent-soft/30", children: [_jsxs("div", { className: "flex items-center justify-between gap-3", children: [_jsx("span", { className: "min-w-0 flex-1 truncate text-[13px] font-medium text-ink", children: item.title }), item.subtitle !== null && item.subtitle.length > 0 && (_jsx("span", { className: "max-w-[45%] truncate text-[11px] text-ink-faint", children: item.subtitle }))] }), item.snippet.length > 0 && (_jsx("p", { className: "mt-0.5 truncate text-[12px] text-ink-muted", children: item.snippet }))] }));
+}
+//# sourceMappingURL=SearchPage.js.map

package/dist/pages/SearchPage.js.map

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

package/dist/pages/account/AccountLayout.d.ts

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

package/dist/pages/account/AccountLayout.d.ts.map

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

package/dist/pages/account/AccountLayout.js

@@ -0,0 +1,25 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { NavLink, Outlet } from 'react-router';
+/**
+ * Tabs across the account's own settings, from the mockup's `AccountNav`.
+ *
+ * Three of its five tabs are here. Personal API keys and integrations arrive
+ * with the features behind them, the same rule the shell's sidebar follows.
+ */
+const TABS = [
+    { to: '/account/profile', label: 'Profile' },
+    { to: '/account/security', label: 'Security' },
+    { to: '/account/preferences', label: 'Preferences' },
+];
+function tabClass({ isActive }) {
+    return [
+        'rounded-md px-3 py-1.5 text-[13px] font-medium transition-colors',
+        isActive
+            ? 'bg-accent-soft text-accent-hover'
+            : 'text-ink-muted hover:bg-surface hover:text-ink',
+    ].join(' ');
+}
+export function AccountLayout() {
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-4xl", children: [_jsx("nav", { className: "mb-6 flex flex-wrap gap-1 border-b border-border pb-3", children: TABS.map((tab) => (_jsx(NavLink, { to: tab.to, className: tabClass, children: tab.label }, tab.to))) }), _jsx(Outlet, {})] }));
+}
+//# sourceMappingURL=AccountLayout.js.map

package/dist/pages/account/AccountLayout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccountLayout.js","sourceRoot":"","sources":["../../../src/pages/account/AccountLayout.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AAE9C;;;;;GAKG;AAEH,MAAM,IAAI,GAAG;IACX,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,SAAS,EAAE;IAC5C,EAAE,EAAE,EAAE,mBAAmB,EAAE,KAAK,EAAE,UAAU,EAAE;IAC9C,EAAE,EAAE,EAAE,sBAAsB,EAAE,KAAK,EAAE,aAAa,EAAE;CAC5C,CAAA;AAEV,SAAS,QAAQ,CAAC,EAAE,QAAQ,EAAyB;IACnD,OAAO;QACL,kEAAkE;QAClE,QAAQ;YACN,CAAC,CAAC,kCAAkC;YACpC,CAAC,CAAC,gDAAgD;KACrD,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACb,CAAC;AAED,MAAM,UAAU,aAAa;IAC3B,OAAO,CACL,eAAK,SAAS,EAAC,mCAAmC,aAChD,cAAK,SAAS,EAAC,uDAAuD,YACnE,IAAI,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,EAAE,CAAC,CACjB,KAAC,OAAO,IAAc,EAAE,EAAE,GAAG,CAAC,EAAE,EAAE,SAAS,EAAE,QAAQ,YAClD,GAAG,CAAC,KAAK,IADE,GAAG,CAAC,EAAE,CAEV,CACX,CAAC,GACE,EACN,KAAC,MAAM,KAAG,IACN,CACP,CAAA;AACH,CAAC"}

package/dist/pages/account/Field.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+/** A labelled control, with the optional line of help under it. */
+export declare function Field({ label, hint, children, }: {
+    readonly label: string;
+    readonly hint?: string;
+    readonly children: ReactNode;
+}): React.JSX.Element;
+//# sourceMappingURL=Field.d.ts.map

package/dist/pages/account/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../../src/pages/account/Field.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,mEAAmE;AACnE,wBAAgB,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,GACT,EAAE;IACD,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQpB"}

package/dist/pages/account/Field.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** A labelled control, with the optional line of help under it. */
+export function Field({ label, hint, children, }) {
+    return (_jsxs("label", { className: "block", children: [_jsx("span", { className: "mb-1.5 block text-[12px] font-medium text-ink", children: label }), children, hint !== undefined && _jsx("span", { className: "mt-1 block text-[11px] text-ink-faint", children: hint })] }));
+}
+//# sourceMappingURL=Field.js.map

package/dist/pages/account/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/pages/account/Field.tsx"],"names":[],"mappings":";AAEA,mEAAmE;AACnE,MAAM,UAAU,KAAK,CAAC,EACpB,KAAK,EACL,IAAI,EACJ,QAAQ,GAKT;IACC,OAAO,CACL,iBAAO,SAAS,EAAC,OAAO,aACtB,eAAM,SAAS,EAAC,+CAA+C,YAAE,KAAK,GAAQ,EAC7E,QAAQ,EACR,IAAI,KAAK,SAAS,IAAI,eAAM,SAAS,EAAC,uCAAuC,YAAE,IAAI,GAAQ,IACtF,CACT,CAAA;AACH,CAAC"}

package/dist/pages/account/PreferencesPage.d.ts

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

package/dist/pages/account/PreferencesPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesPage.d.ts","sourceRoot":"","sources":["../../../src/pages/account/PreferencesPage.tsx"],"names":[],"mappings":"AAsDA,wBAAgB,eAAe,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAYnD"}

package/dist/pages/account/PreferencesPage.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { THEME_PREFERENCES } from '@kelpie/schemas';
+import { useState } from 'react';
+import { useAccountPreferences, useTheme, useUpdateAccountPreferences, } from '../../api/resources/account.js';
+import { EntitySearch } from '../../components/EntitySearch.js';
+import { PageHeader } from '../../components/PageHeader.js';
+import { ErrorPanel, LoadingPanel } from '../../components/QueryState.js';
+import { Field } from './Field.js';
+/**
+ * Appearance, timezone, and what to email.
+ *
+ * Ported from the mockup's Preferences page. Appearance is applied the moment it
+ * is clicked, because it is visible in the click; everything else waits for the
+ * save button, as the mockup does.
+ */
+const THEME_LABELS = {
+    system: 'System',
+    light: 'Light',
+    dark: 'Dark',
+};
+/**
+ * Every zone this runtime's ICU knows, matching what the server's
+ * `timezoneSchema` will accept. Falls back to the zones the mockup offered if
+ * `Intl.supportedValuesOf` is missing, for a browser old enough to lack it.
+ *
+ * `UTC` is prepended because `supportedValuesOf` omits it in some engines even
+ * though ECMA-402 guarantees `Intl.DateTimeFormat` accepts it as a zone name.
+ * Without this, a very common choice would be searchable only by accident of
+ * already being the stored value.
+ */
+const ALL_TIMEZONES = (() => {
+    try {
+        return ['UTC', ...Intl.supportedValuesOf('timeZone')];
+    }
+    catch {
+        return [
+            'UTC',
+            'Australia/Sydney',
+            'Australia/Melbourne',
+            'America/Los_Angeles',
+            'America/New_York',
+            'Europe/London',
+        ];
+    }
+})();
+export function PreferencesPage() {
+    const { preferences, isLoading, error } = useAccountPreferences();
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || preferences === undefined) {
+        return _jsx(LoadingPanel, {});
+    }
+    return _jsx(PreferencesForm, { preferences: preferences });
+}
+function PreferencesForm({ preferences, }) {
+    const { theme, setTheme } = useTheme();
+    const update = useUpdateAccountPreferences();
+    const [timezone, setTimezone] = useState(preferences.timezone);
+    const [emailDigest, setEmailDigest] = useState(preferences.emailDigest);
+    const [mentionEmails, setMentionEmails] = useState(preferences.mentionEmails);
+    const [productUpdates, setProductUpdates] = useState(preferences.productUpdates);
+    const [saved, setSaved] = useState(false);
+    const zones = ALL_TIMEZONES.includes(timezone) ? ALL_TIMEZONES : [timezone, ...ALL_TIMEZONES];
+    function save(event) {
+        event.preventDefault();
+        setSaved(false);
+        update
+            // Theme is left out deliberately: it is already saved, by the control that
+            // changed it. Sending the current one back would undo a click made while
+            // this form sat open.
+            .runAsync({ timezone, emailDigest, mentionEmails, productUpdates })
+            .then(() => {
+            setSaved(true);
+        })
+            .catch(() => undefined);
+    }
+    return (_jsxs("div", { className: "animate-slide-in space-y-6", children: [_jsx(PageHeader, { title: "Preferences", description: "Appearance, timezone, and email notifications." }), _jsxs("form", { onSubmit: save, className: "space-y-5", children: [_jsxs("fieldset", { children: [_jsx("legend", { className: "mb-1.5 text-[12px] font-medium text-ink", children: "Appearance" }), _jsx("div", { className: "inline-flex rounded-md border border-border p-0.5", children: THEME_PREFERENCES.map((value) => (_jsx("button", { type: "button", onClick: () => {
+                                        setTheme(value);
+                                    }, className: [
+                                        'rounded px-2.5 py-1 text-[12px] transition',
+                                        theme === value
+                                            ? 'bg-surface-sunken font-medium text-ink'
+                                            : 'text-ink-muted hover:text-ink',
+                                    ].join(' '), children: THEME_LABELS[value] }, value))) }), _jsx("p", { className: "mt-1 text-[11px] text-ink-faint", children: "Saved to your account as you click, and applied in every browser you sign in to." })] }), _jsx("div", { className: "max-w-md", children: _jsx(Field, { label: "Timezone", hint: "Stored on your account. Kelpie does not format dates by it yet.", children: _jsx(EntitySearch, { options: zones.map((zone) => ({ id: zone, label: zone })), value: timezone, onChange: setTimezone, placeholder: "Search time zones\u2026", limit: 20, required: true, size: "md" }) }) }), _jsxs("fieldset", { className: "space-y-2", children: [_jsx("legend", { className: "text-[12px] font-medium text-ink", children: "Email notifications" }), _jsx("p", { className: "max-w-lg text-[11px] text-ink-faint", children: "Kelpie does not send these emails yet. Your choices are saved and will apply when it does." }), _jsx(Toggle, { checked: emailDigest, onChange: setEmailDigest, label: "Weekly digest", description: "Summary of deals, decisions, and activity." }), _jsx(Toggle, { checked: mentionEmails, onChange: setMentionEmails, label: "Mentions and assignments", description: "When someone mentions you or assigns a Plan item." }), _jsx(Toggle, { checked: productUpdates, onChange: setProductUpdates, label: "Product updates", description: "Occasional notes about Kelpie releases." })] }), update.error !== null && (_jsx("div", { className: "max-w-lg", children: _jsx(ErrorPanel, { error: update.error }) })), _jsx("button", { type: "submit", disabled: update.isPending, className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-accent-fg transition hover:bg-accent-hover disabled:opacity-50", children: update.isPending ? 'Saving…' : saved ? 'Saved' : 'Save preferences' })] })] }));
+}
+function Toggle({ checked, onChange, label, description, }) {
+    return (_jsxs("label", { className: "flex max-w-lg cursor-pointer items-start gap-3 rounded-md border border-border px-3 py-2.5", children: [_jsx("input", { type: "checkbox", checked: checked, onChange: (event) => {
+                    onChange(event.target.checked);
+                }, className: "mt-0.5 h-4 w-4 rounded border-border text-accent focus:ring-accent/20" }), _jsxs("span", { children: [_jsx("span", { className: "block text-[13px] font-medium text-ink", children: label }), _jsx("span", { className: "mt-0.5 block text-[12px] text-ink-muted", children: description })] })] }));
+}
+//# sourceMappingURL=PreferencesPage.js.map

package/dist/pages/account/PreferencesPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PreferencesPage.js","sourceRoot":"","sources":["../../../src/pages/account/PreferencesPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AAEnD,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAGhC,OAAO,EACL,qBAAqB,EACrB,QAAQ,EACR,2BAA2B,GAC5B,MAAM,gCAAgC,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAmC,CAAA;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAiC,CAAA;AAC5D,OAAO,EAAE,UAAU,EAAE,YAAY,EAAE,MAAM,gCAAiC,CAAA;AAC1E,OAAO,EAAE,KAAK,EAAE,MAAM,YAAa,CAAA;AAEnC;;;;;;GAMG;AAEH,MAAM,YAAY,GAA8C;IAC9D,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAA;AAED;;;;;;;;;GASG;AACH,MAAM,aAAa,GAAsB,CAAC,GAAG,EAAE;IAC7C,IAAI,CAAC;QACH,OAAO,CAAC,KAAK,EAAE,GAAG,IAAI,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAAC,CAAA;IACvD,CAAC;IAAC,MAAM,CAAC;QACP,OAAO;YACL,KAAK;YACL,kBAAkB;YAClB,qBAAqB;YACrB,qBAAqB;YACrB,kBAAkB;YAClB,eAAe;SAChB,CAAA;IACH,CAAC;AACH,CAAC,CAAC,EAAE,CAAA;AAEJ,MAAM,UAAU,eAAe;IAC7B,MAAM,EAAE,WAAW,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,qBAAqB,EAAE,CAAA;IAEjE,IAAI,KAAK,KAAK,IAAI,EAAE,CAAC;QACnB,OAAO,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,CAAA;IACrC,CAAC;IAED,IAAI,SAAS,IAAI,WAAW,KAAK,SAAS,EAAE,CAAC;QAC3C,OAAO,KAAC,YAAY,KAAG,CAAA;IACzB,CAAC;IAED,OAAO,KAAC,eAAe,IAAC,WAAW,EAAE,WAAW,GAAI,CAAA;AACtD,CAAC;AAED,SAAS,eAAe,CAAC,EACvB,WAAW,GAGZ;IACC,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IACtC,MAAM,MAAM,GAAG,2BAA2B,EAAE,CAAA;IAC5C,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,QAAQ,CAAC,CAAA;IAC9D,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,WAAW,CAAC,CAAA;IACvE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,CAAA;IAC7E,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,CAAC,WAAW,CAAC,cAAc,CAAC,CAAA;IAChF,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEzC,MAAM,KAAK,GAAG,aAAa,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,QAAQ,EAAE,GAAG,aAAa,CAAC,CAAA;IAE7F,SAAS,IAAI,CAAC,KAAgB;QAC5B,KAAK,CAAC,cAAc,EAAE,CAAA;QACtB,QAAQ,CAAC,KAAK,CAAC,CAAA;QAEf,MAAM;YACJ,2EAA2E;YAC3E,yEAAyE;YACzE,sBAAsB;aACrB,QAAQ,CAAC,EAAE,QAAQ,EAAE,WAAW,EAAE,aAAa,EAAE,cAAc,EAAE,CAAC;aAClE,IAAI,CAAC,GAAG,EAAE;YACT,QAAQ,CAAC,IAAI,CAAC,CAAA;QAChB,CAAC,CAAC;aACD,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;IAC3B,CAAC;IAED,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,UAAU,IACT,KAAK,EAAC,aAAa,EACnB,WAAW,EAAC,gDAAgD,GAC5D,EAEF,gBAAM,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAC,WAAW,aACzC,+BACE,iBAAQ,SAAS,EAAC,yCAAyC,2BAAoB,EAC/E,cAAK,SAAS,EAAC,mDAAmD,YAC/D,iBAAiB,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAChC,iBAEE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;wCACZ,QAAQ,CAAC,KAAK,CAAC,CAAA;oCACjB,CAAC,EACD,SAAS,EAAE;wCACT,4CAA4C;wCAC5C,KAAK,KAAK,KAAK;4CACb,CAAC,CAAC,wCAAwC;4CAC1C,CAAC,CAAC,+BAA+B;qCACpC,CAAC,IAAI,CAAC,GAAG,CAAC,YAEV,YAAY,CAAC,KAAK,CAAC,IAZf,KAAK,CAaH,CACV,CAAC,GACE,EACN,YAAG,SAAS,EAAC,iCAAiC,iGAE1C,IACK,EAEX,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,KAAK,IACJ,KAAK,EAAC,UAAU,EAChB,IAAI,EAAC,iEAAiE,YAEtE,KAAC,YAAY,IACX,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,EAAE,EAAE,EAAE,IAAI,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC,EACzD,KAAK,EAAE,QAAQ,EACf,QAAQ,EAAE,WAAW,EACrB,WAAW,EAAC,yBAAoB,EAChC,KAAK,EAAE,EAAE,EACT,QAAQ,QACR,IAAI,EAAC,IAAI,GACT,GACI,GACJ,EAEN,oBAAU,SAAS,EAAC,WAAW,aAC7B,iBAAQ,SAAS,EAAC,kCAAkC,oCAA6B,EAIjF,YAAG,SAAS,EAAC,qCAAqC,2GAG9C,EACJ,KAAC,MAAM,IACL,OAAO,EAAE,WAAW,EACpB,QAAQ,EAAE,cAAc,EACxB,KAAK,EAAC,eAAe,EACrB,WAAW,EAAC,4CAA4C,GACxD,EACF,KAAC,MAAM,IACL,OAAO,EAAE,aAAa,EACtB,QAAQ,EAAE,gBAAgB,EAC1B,KAAK,EAAC,0BAA0B,EAChC,WAAW,EAAC,mDAAmD,GAC/D,EACF,KAAC,MAAM,IACL,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,iBAAiB,EAC3B,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,yCAAyC,GACrD,IACO,EAEV,MAAM,CAAC,KAAK,KAAK,IAAI,IAAI,CACxB,cAAK,SAAS,EAAC,UAAU,YACvB,KAAC,UAAU,IAAC,KAAK,EAAE,MAAM,CAAC,KAAK,GAAI,GAC/B,CACP,EAED,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,MAAM,CAAC,SAAS,EAC1B,SAAS,EAAC,8HAA8H,YAEvI,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,kBAAkB,GAC7D,IACJ,IACH,CACP,CAAA;AACH,CAAC;AAED,SAAS,MAAM,CAAC,EACd,OAAO,EACP,QAAQ,EACR,KAAK,EACL,WAAW,GAMZ;IACC,OAAO,CACL,iBAAO,SAAS,EAAC,4FAA4F,aAC3G,gBACE,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,EAChB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;gBAChC,CAAC,EACD,SAAS,EAAC,uEAAuE,GACjF,EACF,2BACE,eAAM,SAAS,EAAC,wCAAwC,YAAE,KAAK,GAAQ,EACvE,eAAM,SAAS,EAAC,yCAAyC,YAAE,WAAW,GAAQ,IACzE,IACD,CACT,CAAA;AACH,CAAC"}

package/dist/pages/account/ProfilePage.d.ts

@@ -0,0 +1,14 @@
+/**
+ * The account's name and address.
+ *
+ * Ported from the mockup's Profile page. Two differences now that there is an
+ * API behind it: the address is unique across Kelpie, so a save can be refused,
+ * and changing it changes what this person signs in with, so the service (and
+ * this form) asks for the current password before it takes effect.
+ *
+ * The form saves explicitly rather than per keystroke, like workspace settings:
+ * a half-typed address is a different account, and committing one on every
+ * character would be a stream of them.
+ */
+export declare function ProfilePage(): React.JSX.Element;
+//# sourceMappingURL=ProfilePage.d.ts.map

package/dist/pages/account/ProfilePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProfilePage.d.ts","sourceRoot":"","sources":["../../../src/pages/account/ProfilePage.tsx"],"names":[],"mappings":"AAUA;;;;;;;;;;;GAWG;AAEH,wBAAgB,WAAW,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAY/C"}

package/dist/pages/account/ProfilePage.js

@@ -0,0 +1,71 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useAccount, useUpdateAccount } from '../../api/resources/account.js';
+import { PageHeader } from '../../components/PageHeader.js';
+import { ErrorPanel, LoadingPanel } from '../../components/QueryState.js';
+import { initialsOf } from '../../lib/names.js';
+import { Field } from './Field.js';
+/**
+ * The account's name and address.
+ *
+ * Ported from the mockup's Profile page. Two differences now that there is an
+ * API behind it: the address is unique across Kelpie, so a save can be refused,
+ * and changing it changes what this person signs in with, so the service (and
+ * this form) asks for the current password before it takes effect.
+ *
+ * The form saves explicitly rather than per keystroke, like workspace settings:
+ * a half-typed address is a different account, and committing one on every
+ * character would be a stream of them.
+ */
+export function ProfilePage() {
+    const { account, isLoading, error } = useAccount();
+    if (error !== null) {
+        return _jsx(ErrorPanel, { error: error });
+    }
+    if (isLoading || account === undefined) {
+        return _jsx(LoadingPanel, {});
+    }
+    return _jsx(ProfileForm, { account: account }, account.id);
+}
+function ProfileForm({ account }) {
+    const update = useUpdateAccount();
+    const [name, setName] = useState(account.name);
+    const [email, setEmail] = useState(account.email);
+    const [currentPassword, setCurrentPassword] = useState('');
+    const [saved, setSaved] = useState(false);
+    const [localError, setLocalError] = useState(null);
+    const trimmedEmail = email.trim();
+    const emailChanged = trimmedEmail !== account.email;
+    function save(event) {
+        event.preventDefault();
+        setSaved(false);
+        if (emailChanged && currentPassword.length === 0) {
+            setLocalError('Enter your current password to change your email.');
+            return;
+        }
+        setLocalError(null);
+        const trimmedName = name.trim();
+        update
+            .runAsync({
+            ...(trimmedName === account.name ? {} : { name: trimmedName }),
+            ...(emailChanged ? { email: trimmedEmail, currentPassword } : {}),
+        })
+            .then((updated) => {
+            // The service lowercases the address it stored. Showing what was typed
+            // instead would leave the field disagreeing with the account.
+            setEmail(updated.email);
+            setName(updated.name);
+            setCurrentPassword('');
+            setSaved(true);
+        })
+            .catch(() => undefined);
+    }
+    return (_jsxs("div", { className: "animate-slide-in space-y-6", children: [_jsx(PageHeader, { title: "Profile", description: "Your name and email across every workspace." }), _jsxs("form", { onSubmit: save, className: "space-y-4", children: [_jsxs("div", { className: "flex items-center gap-3", children: [_jsx("div", { className: "flex h-12 w-12 items-center justify-center rounded-full bg-accent text-[13px] font-medium text-accent-fg", children: initialsOf(name) }), _jsx("p", { className: "text-[12px] text-ink-muted", children: "Initials are derived from your name." })] }), _jsx(Field, { label: "Name", children: _jsx("input", { value: name, onChange: (event) => {
+                                setName(event.target.value);
+                            }, required: true, className: "w-full max-w-md rounded-md border border-border bg-surface-raised px-3 py-2 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }) }), _jsx(Field, { label: "Email", hint: "This is the address you sign in with.", children: _jsx("input", { type: "email", value: email, onChange: (event) => {
+                                setEmail(event.target.value);
+                            }, required: true, autoComplete: "email", className: "w-full max-w-md rounded-md border border-border bg-surface-raised px-3 py-2 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }) }), emailChanged && (_jsx(Field, { label: "Current password", hint: "Required to change the address you sign in with.", children: _jsx("input", { type: "password", value: currentPassword, onChange: (event) => {
+                                setCurrentPassword(event.target.value);
+                            }, autoComplete: "current-password", required: true, className: "w-full max-w-md rounded-md border border-border bg-surface-raised px-3 py-2 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }) })), localError !== null && _jsx("p", { className: "text-[12px] text-danger", children: localError }), update.error !== null && (_jsx("div", { className: "max-w-xl", children: _jsx(ErrorPanel, { error: update.error }) })), _jsx("button", { type: "submit", disabled: update.isPending, className: "rounded-md bg-accent px-3.5 py-2 text-[12px] font-semibold text-accent-fg transition hover:bg-accent-hover disabled:opacity-50", children: update.isPending ? 'Saving…' : saved ? 'Saved' : 'Save changes' })] })] }));
+}
+//# sourceMappingURL=ProfilePage.js.map

package/dist/pages/account/ProfilePage.js.map

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

package/dist/pages/account/SecurityPage.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Password and signed-in devices.
+ *
+ * Ported from the mockup's Security page against the endpoints that already
+ * existed. Two things the mockup could not show: changing the password really
+ * does end every other session, so the list below refetches, and the caller's
+ * own row cannot be revoked because signing yourself out from here is what the
+ * account menu is for.
+ */
+export declare function SecurityPage(): React.JSX.Element;
+//# sourceMappingURL=SecurityPage.d.ts.map

package/dist/pages/account/SecurityPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SecurityPage.d.ts","sourceRoot":"","sources":["../../../src/pages/account/SecurityPage.tsx"],"names":[],"mappings":"AAcA;;;;;;;;GAQG;AAEH,wBAAgB,YAAY,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAQhD"}