@kelpie/ui 0.1.0

package/dist/components/EntitySearch.js

@@ -0,0 +1,111 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+export function EntitySearch({ options, value, onChange, onQueryChange, onCreate, createLabel = (query) => `Create “${query}”`, placeholder = 'Search…', emptyMessage = 'No matches', limit = 8, required, className = '', size = 'sm', }) {
+    const listId = useId();
+    const rootRef = useRef(null);
+    const selected = options.find((option) => option.id === value);
+    const [query, setQuery] = useState('');
+    const [open, setOpen] = useState(false);
+    const [highlight, setHighlight] = useState(0);
+    const filtered = useMemo(() => {
+        const term = query.trim().toLowerCase();
+        if (onQueryChange !== undefined || term.length === 0) {
+            return options.slice(0, limit);
+        }
+        return options
+            .filter((option) => option.label.toLowerCase().includes(term) ||
+            (option.meta?.toLowerCase().includes(term) ?? false))
+            .slice(0, limit);
+    }, [options, query, limit, onQueryChange]);
+    const trimmed = query.trim();
+    const hasExactMatch = options.some((option) => option.label.toLowerCase() === trimmed.toLowerCase());
+    const showCreate = onCreate !== undefined && trimmed.length > 0 && !hasExactMatch;
+    const rowCount = filtered.length + (showCreate ? 1 : 0);
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        function onPointerDown(event) {
+            if (rootRef.current?.contains(event.target) !== true) {
+                setOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+        };
+    }, [open]);
+    useEffect(() => {
+        setHighlight(0);
+    }, [query, open]);
+    function search(next) {
+        setQuery(next);
+        onQueryChange?.(next);
+    }
+    function pick(id) {
+        onChange(id);
+        setOpen(false);
+        search('');
+    }
+    function create() {
+        if (onCreate === undefined || trimmed.length === 0) {
+            return;
+        }
+        onCreate(trimmed);
+        setOpen(false);
+        search('');
+    }
+    const inputClass = size === 'sm' ? 'px-2 py-1.5 text-[12px]' : 'px-2.5 py-1.5 text-[13px]';
+    return (_jsxs("div", { ref: rootRef, className: `relative ${className}`, children: [_jsx("input", { type: "hidden", value: value, required: required, readOnly: true, tabIndex: -1, "aria-hidden": true }), selected !== undefined && !open ? (_jsxs("div", { className: `flex items-center gap-1 rounded-md border border-border bg-surface-raised ${inputClass}`, children: [_jsxs("button", { type: "button", onClick: () => {
+                            setOpen(true);
+                        }, className: "min-w-0 flex-1 text-left", children: [_jsx("div", { className: "truncate font-medium text-ink", children: selected.label }), selected.meta !== undefined && (_jsx("div", { className: "truncate text-[11px] text-ink-faint", children: selected.meta }))] }), _jsx("button", { type: "button", onClick: () => {
+                            onChange('');
+                            search('');
+                            setOpen(true);
+                        }, className: "shrink-0 px-1 text-[12px] text-ink-faint hover:text-ink", "aria-label": "Clear", children: "\u00D7" })] })) : (_jsx("input", { value: query, onChange: (event) => {
+                    search(event.target.value);
+                    setOpen(true);
+                }, onFocus: () => {
+                    setOpen(true);
+                }, onKeyDown: (event) => {
+                    if (!open && (event.key === 'ArrowDown' || event.key === 'Enter')) {
+                        setOpen(true);
+                        return;
+                    }
+                    if (event.key === 'ArrowDown') {
+                        event.preventDefault();
+                        setHighlight((current) => Math.min(current + 1, Math.max(rowCount - 1, 0)));
+                    }
+                    else if (event.key === 'ArrowUp') {
+                        event.preventDefault();
+                        setHighlight((current) => Math.max(current - 1, 0));
+                    }
+                    else if (event.key === 'Enter') {
+                        event.preventDefault();
+                        const hit = filtered[highlight];
+                        if (hit !== undefined) {
+                            pick(hit.id);
+                        }
+                        else if (showCreate) {
+                            create();
+                        }
+                    }
+                    else if (event.key === 'Escape') {
+                        setOpen(false);
+                        search('');
+                    }
+                }, placeholder: placeholder, role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-autocomplete": "list", className: `w-full rounded-md border border-border bg-surface-raised outline-none focus:border-accent focus:ring-2 focus:ring-accent/20 ${inputClass}` })), open && (_jsxs("ul", { id: listId, role: "listbox", className: "absolute z-20 mt-1 max-h-56 w-full overflow-auto rounded-md border border-border bg-surface-raised py-1", children: [filtered.length === 0 && !showCreate ? (_jsx("li", { className: "px-3 py-2 text-[12px] text-ink-faint", children: emptyMessage })) : (_jsxs(_Fragment, { children: [filtered.map((option, index) => (_jsx("li", { role: "option", "aria-selected": index === highlight, children: _jsxs("button", { type: "button", onMouseEnter: () => {
+                                        setHighlight(index);
+                                    }, onClick: () => {
+                                        pick(option.id);
+                                    }, className: [
+                                        'flex w-full flex-col px-3 py-1.5 text-left',
+                                        index === highlight ? 'bg-accent-soft' : 'hover:bg-surface',
+                                    ].join(' '), children: [_jsx("span", { className: "text-[12px] font-medium text-ink", children: option.label }), option.meta !== undefined && (_jsx("span", { className: "text-[11px] text-ink-faint", children: option.meta }))] }) }, option.id))), showCreate && (_jsx("li", { role: "option", "aria-selected": highlight === filtered.length, className: filtered.length > 0 ? 'border-t border-border' : '', children: _jsx("button", { type: "button", onMouseEnter: () => {
+                                        setHighlight(filtered.length);
+                                    }, onClick: create, className: [
+                                        'flex w-full px-3 py-1.5 text-left text-[12px] font-medium text-accent',
+                                        highlight === filtered.length ? 'bg-accent-soft' : 'hover:bg-surface',
+                                    ].join(' '), children: createLabel(trimmed) }) }))] })), options.length > limit && filtered.length === limit && (_jsxs("li", { className: "border-t border-border px-3 py-1.5 text-[10px] text-ink-faint", children: ["Showing top ", limit, " \u2014 keep typing to narrow"] }))] }))] }));
+}
+//# sourceMappingURL=EntitySearch.js.map

package/dist/components/EntitySearch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EntitySearch.js","sourceRoot":"","sources":["../../src/components/EntitySearch.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAoCnE,MAAM,UAAU,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,WAAW,GAAG,CAAC,KAAK,EAAE,EAAE,CAAC,WAAW,KAAK,GAAG,EAC5C,WAAW,GAAG,SAAS,EACvB,YAAY,GAAG,YAAY,EAC3B,KAAK,GAAG,CAAC,EACT,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,IAAI,GAAG,IAAI,GACO;IAClB,MAAM,MAAM,GAAG,KAAK,EAAE,CAAA;IACtB,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,QAAQ,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,EAAE,KAAK,KAAK,CAAC,CAAA;IAC9D,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IACtC,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAA;IAE7C,MAAM,QAAQ,GAAG,OAAO,CAAC,GAAG,EAAE;QAC5B,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAC,WAAW,EAAE,CAAA;QAEvC,IAAI,aAAa,KAAK,SAAS,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACrD,OAAO,OAAO,CAAC,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;QAChC,CAAC;QAED,OAAO,OAAO;aACX,MAAM,CACL,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;YACzC,CAAC,MAAM,CAAC,IAAI,EAAE,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,CACvD;aACA,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAA;IACpB,CAAC,EAAE,CAAC,OAAO,EAAE,KAAK,EAAE,KAAK,EAAE,aAAa,CAAC,CAAC,CAAA;IAE1C,MAAM,OAAO,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;IAC5B,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAChC,CAAC,MAAM,EAAE,EAAE,CAAC,MAAM,CAAC,KAAK,CAAC,WAAW,EAAE,KAAK,OAAO,CAAC,WAAW,EAAE,CACjE,CAAA;IACD,MAAM,UAAU,GAAG,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAAC,aAAa,CAAA;IACjF,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,GAAG,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAA;IAEvD,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,EAAE,CAAC;YACV,OAAM;QACR,CAAC;QAED,SAAS,aAAa,CAAC,KAAiB;YACtC,IAAI,OAAO,CAAC,OAAO,EAAE,QAAQ,CAAC,KAAK,CAAC,MAAc,CAAC,KAAK,IAAI,EAAE,CAAC;gBAC7D,OAAO,CAAC,KAAK,CAAC,CAAA;YAChB,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;QAErD,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;QAC1D,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,CAAA;IAEV,SAAS,CAAC,GAAG,EAAE;QACb,YAAY,CAAC,CAAC,CAAC,CAAA;IACjB,CAAC,EAAE,CAAC,KAAK,EAAE,IAAI,CAAC,CAAC,CAAA;IAEjB,SAAS,MAAM,CAAC,IAAY;QAC1B,QAAQ,CAAC,IAAI,CAAC,CAAA;QACd,aAAa,EAAE,CAAC,IAAI,CAAC,CAAA;IACvB,CAAC;IAED,SAAS,IAAI,CAAC,EAAU;QACtB,QAAQ,CAAC,EAAE,CAAC,CAAA;QACZ,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,MAAM,CAAC,EAAE,CAAC,CAAA;IACZ,CAAC;IAED,SAAS,MAAM;QACb,IAAI,QAAQ,KAAK,SAAS,IAAI,OAAO,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;YACnD,OAAM;QACR,CAAC;QAED,QAAQ,CAAC,OAAO,CAAC,CAAA;QACjB,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,MAAM,CAAC,EAAE,CAAC,CAAA;IACZ,CAAC;IAED,MAAM,UAAU,GAAG,IAAI,KAAK,IAAI,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,2BAA2B,CAAA;IAE1F,OAAO,CACL,eAAK,GAAG,EAAE,OAAO,EAAE,SAAS,EAAE,YAAY,SAAS,EAAE,aACnD,gBAAO,IAAI,EAAC,QAAQ,EAAC,KAAK,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,QAAC,QAAQ,EAAE,CAAC,CAAC,wBAAgB,EAE3F,QAAQ,KAAK,SAAS,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CACjC,eACE,SAAS,EAAE,6EAA6E,UAAU,EAAE,aAEpG,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,OAAO,CAAC,IAAI,CAAC,CAAA;wBACf,CAAC,EACD,SAAS,EAAC,0BAA0B,aAEpC,cAAK,SAAS,EAAC,+BAA+B,YAAE,QAAQ,CAAC,KAAK,GAAO,EACpE,QAAQ,CAAC,IAAI,KAAK,SAAS,IAAI,CAC9B,cAAK,SAAS,EAAC,qCAAqC,YAAE,QAAQ,CAAC,IAAI,GAAO,CAC3E,IACM,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,QAAQ,CAAC,EAAE,CAAC,CAAA;4BACZ,MAAM,CAAC,EAAE,CAAC,CAAA;4BACV,OAAO,CAAC,IAAI,CAAC,CAAA;wBACf,CAAC,EACD,SAAS,EAAC,yDAAyD,gBACxD,OAAO,uBAGX,IACL,CACP,CAAC,CAAC,CAAC,CACF,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oBAClB,MAAM,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oBAC1B,OAAO,CAAC,IAAI,CAAC,CAAA;gBACf,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;oBACZ,OAAO,CAAC,IAAI,CAAC,CAAA;gBACf,CAAC,EACD,SAAS,EAAE,CAAC,KAAK,EAAE,EAAE;oBACnB,IAAI,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,GAAG,KAAK,WAAW,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,CAAC,EAAE,CAAC;wBAClE,OAAO,CAAC,IAAI,CAAC,CAAA;wBACb,OAAM;oBACR,CAAC;oBAED,IAAI,KAAK,CAAC,GAAG,KAAK,WAAW,EAAE,CAAC;wBAC9B,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,QAAQ,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAA;oBAC7E,CAAC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,SAAS,EAAE,CAAC;wBACnC,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,IAAI,CAAC,GAAG,CAAC,OAAO,GAAG,CAAC,EAAE,CAAC,CAAC,CAAC,CAAA;oBACrD,CAAC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,OAAO,EAAE,CAAC;wBACjC,KAAK,CAAC,cAAc,EAAE,CAAA;wBACtB,MAAM,GAAG,GAAG,QAAQ,CAAC,SAAS,CAAC,CAAA;wBAE/B,IAAI,GAAG,KAAK,SAAS,EAAE,CAAC;4BACtB,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,CAAA;wBACd,CAAC;6BAAM,IAAI,UAAU,EAAE,CAAC;4BACtB,MAAM,EAAE,CAAA;wBACV,CAAC;oBACH,CAAC;yBAAM,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;wBAClC,OAAO,CAAC,KAAK,CAAC,CAAA;wBACd,MAAM,CAAC,EAAE,CAAC,CAAA;oBACZ,CAAC;gBACH,CAAC,EACD,WAAW,EAAE,WAAW,EACxB,IAAI,EAAC,UAAU,mBACA,IAAI,mBACJ,MAAM,uBACH,MAAM,EACxB,SAAS,EAAE,+HAA+H,UAAU,EAAE,GACtJ,CACH,EAEA,IAAI,IAAI,CACP,cACE,EAAE,EAAE,MAAM,EACV,IAAI,EAAC,SAAS,EACd,SAAS,EAAC,yGAAyG,aAElH,QAAQ,CAAC,MAAM,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,CAAC,CACtC,aAAI,SAAS,EAAC,sCAAsC,YAAE,YAAY,GAAM,CACzE,CAAC,CAAC,CAAC,CACF,8BACG,QAAQ,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,KAAK,EAAE,EAAE,CAAC,CAC/B,aAAoB,IAAI,EAAC,QAAQ,mBAAgB,KAAK,KAAK,SAAS,YAClE,kBACE,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,GAAG,EAAE;wCACjB,YAAY,CAAC,KAAK,CAAC,CAAA;oCACrB,CAAC,EACD,OAAO,EAAE,GAAG,EAAE;wCACZ,IAAI,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;oCACjB,CAAC,EACD,SAAS,EAAE;wCACT,4CAA4C;wCAC5C,KAAK,KAAK,SAAS,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;qCAC5D,CAAC,IAAI,CAAC,GAAG,CAAC,aAEX,eAAM,SAAS,EAAC,kCAAkC,YAAE,MAAM,CAAC,KAAK,GAAQ,EACvE,MAAM,CAAC,IAAI,KAAK,SAAS,IAAI,CAC5B,eAAM,SAAS,EAAC,4BAA4B,YAAE,MAAM,CAAC,IAAI,GAAQ,CAClE,IACM,IAlBF,MAAM,CAAC,EAAE,CAmBb,CACN,CAAC,EACD,UAAU,IAAI,CACb,aACE,IAAI,EAAC,QAAQ,mBACE,SAAS,KAAK,QAAQ,CAAC,MAAM,EAC5C,SAAS,EAAE,QAAQ,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,wBAAwB,CAAC,CAAC,CAAC,EAAE,YAE9D,iBACE,IAAI,EAAC,QAAQ,EACb,YAAY,EAAE,GAAG,EAAE;wCACjB,YAAY,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;oCAC/B,CAAC,EACD,OAAO,EAAE,MAAM,EACf,SAAS,EAAE;wCACT,uEAAuE;wCACvE,SAAS,KAAK,QAAQ,CAAC,MAAM,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,kBAAkB;qCACtE,CAAC,IAAI,CAAC,GAAG,CAAC,YAEV,WAAW,CAAC,OAAO,CAAC,GACd,GACN,CACN,IACA,CACJ,EACA,OAAO,CAAC,MAAM,GAAG,KAAK,IAAI,QAAQ,CAAC,MAAM,KAAK,KAAK,IAAI,CACtD,cAAI,SAAS,EAAC,+DAA+D,6BAC9D,KAAK,qCACf,CACN,IACE,CACN,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/ErrorBoundary.d.ts

@@ -0,0 +1,21 @@
+import { Component } from 'react';
+import type { ReactNode } from 'react';
+interface ErrorBoundaryProps {
+    readonly children: ReactNode;
+}
+interface ErrorBoundaryState {
+    readonly error: Error | null;
+}
+/**
+ * Catches a render-time exception below it and shows a fallback instead of
+ * the blank screen React leaves otherwise. `Shell` wraps its routed `Outlet`
+ * with this rather than `KelpieApp` wrapping everything, so a page that
+ * throws still leaves the nav standing and usable.
+ */
+export declare class ErrorBoundary extends Component<ErrorBoundaryProps, ErrorBoundaryState> {
+    state: ErrorBoundaryState;
+    static getDerivedStateFromError(error: Error): ErrorBoundaryState;
+    render(): ReactNode;
+}
+export {};
+//# sourceMappingURL=ErrorBoundary.d.ts.map

package/dist/components/ErrorBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AACjC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B;AAED,UAAU,kBAAkB;IAC1B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;CAC7B;AAED;;;;;GAKG;AACH,qBAAa,aAAc,SAAQ,SAAS,CAAC,kBAAkB,EAAE,kBAAkB,CAAC;IACzE,KAAK,EAAE,kBAAkB,CAAkB;IAEpD,MAAM,CAAC,wBAAwB,CAAC,KAAK,EAAE,KAAK,GAAG,kBAAkB,CAEhE;IAEQ,MAAM,IAAI,SAAS,CAM3B;CACF"}

package/dist/components/ErrorBoundary.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Component } from 'react';
+/**
+ * Catches a render-time exception below it and shows a fallback instead of
+ * the blank screen React leaves otherwise. `Shell` wraps its routed `Outlet`
+ * with this rather than `KelpieApp` wrapping everything, so a page that
+ * throws still leaves the nav standing and usable.
+ */
+export class ErrorBoundary extends Component {
+    state = { error: null };
+    static getDerivedStateFromError(error) {
+        return { error };
+    }
+    render() {
+        if (this.state.error !== null) {
+            return _jsx(ErrorFallback, { error: this.state.error });
+        }
+        return this.props.children;
+    }
+}
+function ErrorFallback({ error }) {
+    return (_jsxs("div", { className: "mx-auto max-w-md py-20 text-center", children: [_jsx("p", { className: "text-[15px] font-medium text-ink", children: "Something went wrong." }), _jsx("p", { className: "mt-1 text-[13px] text-ink-muted", children: error.message }), _jsxs("div", { className: "mt-4 flex justify-center gap-4 text-[13px] font-medium", children: [_jsx("button", { type: "button", onClick: () => {
+                            window.location.reload();
+                        }, className: "text-accent hover:underline", children: "Reload page" }), _jsx("a", { href: "/dashboard", className: "text-accent hover:underline", children: "Go to dashboard" })] })] }));
+}
+//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.js","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAWjC;;;;;GAKG;AACH,MAAM,OAAO,aAAc,SAAQ,SAAiD;IACzE,KAAK,GAAuB,EAAE,KAAK,EAAE,IAAI,EAAE,CAAA;IAEpD,MAAM,CAAC,wBAAwB,CAAC,KAAY;QAC1C,OAAO,EAAE,KAAK,EAAE,CAAA;IAClB,CAAC;IAEQ,MAAM;QACb,IAAI,IAAI,CAAC,KAAK,CAAC,KAAK,KAAK,IAAI,EAAE,CAAC;YAC9B,OAAO,KAAC,aAAa,IAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,GAAI,CAAA;QACnD,CAAC;QAED,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAA;IAC5B,CAAC;CACF;AAED,SAAS,aAAa,CAAC,EAAE,KAAK,EAA6B;IACzD,OAAO,CACL,eAAK,SAAS,EAAC,oCAAoC,aACjD,YAAG,SAAS,EAAC,kCAAkC,sCAA0B,EACzE,YAAG,SAAS,EAAC,iCAAiC,YAAE,KAAK,CAAC,OAAO,GAAK,EAClE,eAAK,SAAS,EAAC,wDAAwD,aACrE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,MAAM,CAAC,QAAQ,CAAC,MAAM,EAAE,CAAA;wBAC1B,CAAC,EACD,SAAS,EAAC,6BAA6B,4BAGhC,EAIT,YAAG,IAAI,EAAC,YAAY,EAAC,SAAS,EAAC,6BAA6B,gCAExD,IACA,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/InlineEdit.d.ts

@@ -0,0 +1,37 @@
+import type { ReactNode } from 'react';
+/**
+ * Click a value, edit it in place, commit on blur or Enter, cancel on Escape.
+ *
+ * Ported unchanged in behaviour from the mockups. What changed is what `onChange`
+ * does behind it: a page now hands it a mutation, and the optimistic update in
+ * `createResourceHooks` is what keeps the committed value on screen while the
+ * `PATCH` is in flight.
+ */
+interface CommonProps {
+    readonly className?: string;
+    readonly displayClassName?: string;
+    readonly emptyLabel?: string;
+    /** Rendered instead of the raw value when not editing. */
+    readonly display?: ReactNode;
+}
+interface TextProps extends CommonProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly multiline?: boolean;
+    readonly type?: 'text' | 'number' | 'date' | 'url' | 'email';
+    readonly options?: never;
+}
+interface SelectProps extends CommonProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly options: readonly {
+        readonly value: string;
+        readonly label: string;
+    }[];
+    readonly multiline?: never;
+    readonly type?: never;
+}
+export type InlineEditProps = TextProps | SelectProps;
+export declare function InlineEdit(props: InlineEditProps): React.JSX.Element;
+export {};
+//# sourceMappingURL=InlineEdit.d.ts.map

package/dist/components/InlineEdit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InlineEdit.d.ts","sourceRoot":"","sources":["../../src/components/InlineEdit.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAiB,SAAS,EAAE,MAAM,OAAO,CAAA;AAErD;;;;;;;GAOG;AAEH,UAAU,WAAW;IACnB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,0DAA0D;IAC1D,QAAQ,CAAC,OAAO,CAAC,EAAE,SAAS,CAAA;CAC7B;AAED,UAAU,SAAU,SAAQ,WAAW;IACrC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,SAAS,CAAC,EAAE,OAAO,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,MAAM,GAAG,KAAK,GAAG,OAAO,CAAA;IAC5D,QAAQ,CAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CACzB;AAED,UAAU,WAAY,SAAQ,WAAW;IACvC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,OAAO,EAAE,SAAS;QAAE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,KAAK,CAAA;IAC1B,QAAQ,CAAC,IAAI,CAAC,EAAE,KAAK,CAAA;CACtB;AAED,MAAM,MAAM,eAAe,GAAG,SAAS,GAAG,WAAW,CAAA;AAErD,wBAAgB,UAAU,CAAC,KAAK,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4IpE"}

package/dist/components/InlineEdit.js

@@ -0,0 +1,77 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+export function InlineEdit(props) {
+    const { value, onChange, className = '', displayClassName = '', emptyLabel = 'Add…', display, } = props;
+    const [editing, setEditing] = useState(false);
+    const [draft, setDraft] = useState(value);
+    const inputRef = useRef(null);
+    useEffect(() => {
+        if (!editing) {
+            setDraft(value);
+        }
+    }, [value, editing]);
+    useEffect(() => {
+        if (!editing) {
+            return;
+        }
+        const element = inputRef.current;
+        element?.focus();
+        if (element !== null && props.options === undefined && 'select' in element) {
+            element.select();
+        }
+    }, [editing, props.options]);
+    function commit(next = draft) {
+        onChange(next.trim());
+        setEditing(false);
+    }
+    function cancel() {
+        setDraft(value);
+        setEditing(false);
+    }
+    function onKeyDown(event) {
+        if (event.key === 'Escape') {
+            event.preventDefault();
+            cancel();
+        }
+        const commitsOnEnter = props.options === undefined &&
+            (props.multiline !== true || event.metaKey || event.ctrlKey);
+        if (event.key === 'Enter' && commitsOnEnter) {
+            event.preventDefault();
+            commit();
+        }
+    }
+    if (editing && props.options !== undefined) {
+        return (_jsx("select", { ref: inputRef, value: draft, onChange: (event) => {
+                setDraft(event.target.value);
+                onChange(event.target.value);
+                setEditing(false);
+            }, onBlur: () => {
+                setEditing(false);
+            }, onKeyDown: onKeyDown, className: `w-full rounded-md border border-accent bg-surface-raised px-2 py-1 text-[13px] outline-none ring-2 ring-accent/20 ${className}`, children: props.options.map((option) => (_jsx("option", { value: option.value, children: option.label }, option.value))) }));
+    }
+    if (editing && props.multiline === true) {
+        return (_jsx("textarea", { ref: inputRef, value: draft, onChange: (event) => {
+                setDraft(event.target.value);
+            }, onBlur: () => {
+                commit();
+            }, onKeyDown: onKeyDown, rows: 4, className: `w-full resize-y rounded-md border border-accent bg-surface-raised px-2 py-1.5 text-[13px] leading-relaxed outline-none ring-2 ring-accent/20 ${className}` }));
+    }
+    if (editing) {
+        return (_jsx("input", { ref: inputRef, type: props.type ?? 'text', value: draft, onChange: (event) => {
+                setDraft(event.target.value);
+            }, onBlur: () => {
+                commit();
+            }, onKeyDown: onKeyDown, className: `w-full rounded-md border border-accent bg-surface-raised px-2 py-1 text-[13px] outline-none ring-2 ring-accent/20 ${className}` }));
+    }
+    const isEmpty = value.length === 0 || value === '—';
+    return (_jsx("button", { type: "button", onClick: () => {
+            setEditing(true);
+        }, title: "Click to edit", className: [
+            'block w-full rounded-md px-1 py-0.5 text-left text-[13px] leading-snug transition',
+            '-mx-1 hover:bg-accent-soft/50 hover:ring-1 hover:ring-border',
+            isEmpty ? 'text-ink-faint italic' : '',
+            displayClassName,
+            className,
+        ].join(' '), children: isEmpty ? emptyLabel : (display ?? value) }));
+}
+//# sourceMappingURL=InlineEdit.js.map

package/dist/components/InlineEdit.js.map

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

package/dist/components/KanbanBoard.d.ts

@@ -0,0 +1,24 @@
+/**
+ * The pipeline board, ported from the mockup: one droppable column per stage,
+ * draggable cards, and an overlay following the pointer. Dropping a card calls
+ * `onMove`; what that persists is the page's business.
+ */
+export interface KanbanStage {
+    readonly id: string;
+    readonly label: string;
+}
+export interface KanbanCard {
+    readonly id: string;
+    readonly stage: string;
+    readonly title: string;
+    readonly meta?: string;
+    readonly valueLabel?: string;
+    readonly href: string;
+}
+export interface KanbanBoardProps {
+    readonly stages: readonly KanbanStage[];
+    readonly cards: readonly KanbanCard[];
+    readonly onMove: (cardId: string, stageId: string) => void;
+}
+export declare function KanbanBoard({ stages, cards, onMove }: KanbanBoardProps): React.JSX.Element;
+//# sourceMappingURL=KanbanBoard.d.ts.map

package/dist/components/KanbanBoard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KanbanBoard.d.ts","sourceRoot":"","sources":["../../src/components/KanbanBoard.tsx"],"names":[],"mappings":"AAeA;;;;GAIG;AAEH,MAAM,WAAW,WAAW;IAC1B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,UAAU;IACzB,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAA;CACtB;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,MAAM,EAAE,SAAS,WAAW,EAAE,CAAA;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,UAAU,EAAE,CAAA;IACrC,QAAQ,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3D;AAWD,wBAAgB,WAAW,CAAC,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,gBAAgB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0E1F"}

package/dist/components/KanbanBoard.js

@@ -0,0 +1,92 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DndContext, DragOverlay, PointerSensor, closestCenter, useDraggable, useDroppable, useSensor, useSensors, } from '@dnd-kit/core';
+import { useEffect, useRef, useState } from 'react';
+import { useNavigate } from 'react-router';
+function isStageDropData(data) {
+    return (typeof data === 'object' &&
+        data !== null &&
+        'stageId' in data &&
+        typeof data.stageId === 'string');
+}
+export function KanbanBoard({ stages, cards, onMove }) {
+    const [activeId, setActiveId] = useState(null);
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));
+    const activeCard = cards.find((card) => card.id === activeId) ?? null;
+    function handleDragStart(event) {
+        setActiveId(String(event.active.id));
+    }
+    function handleDragEnd(event) {
+        setActiveId(null);
+        const { active, over } = event;
+        if (over === null) {
+            return;
+        }
+        const cardId = String(active.id);
+        const overData = over.data.current;
+        if (isStageDropData(overData)) {
+            onMove(cardId, overData.stageId);
+            return;
+        }
+        const overId = String(over.id);
+        const overStage = stages.find((stage) => stage.id === overId);
+        if (overStage !== undefined) {
+            onMove(cardId, overStage.id);
+            return;
+        }
+        const overCard = cards.find((card) => card.id === overId);
+        if (overCard !== undefined) {
+            onMove(cardId, overCard.stage);
+        }
+    }
+    return (_jsxs(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragStart: handleDragStart, onDragEnd: handleDragEnd, children: [_jsx("div", { className: "flex gap-3 overflow-x-auto pb-2", children: stages.map((stage) => {
+                    const stageCards = cards.filter((card) => card.stage === stage.id);
+                    return (_jsx(KanbanColumn, { stage: stage, count: stageCards.length, children: stageCards.map((card) => (_jsx(KanbanCardView, { card: card, dragging: card.id === activeId }, card.id))) }, stage.id));
+                }) }), _jsx(DragOverlay, { dropAnimation: null, children: activeCard === null ? null : (_jsx("div", { className: "cursor-grabbing rounded-md border border-accent bg-surface-raised", children: _jsx(CardFace, { card: activeCard }) })) })] }));
+}
+function KanbanColumn({ stage, count, children, }) {
+    const { setNodeRef, isOver } = useDroppable({
+        id: stage.id,
+        data: { type: 'stage', stageId: stage.id },
+    });
+    return (_jsxs("div", { ref: setNodeRef, className: [
+            'flex w-[240px] shrink-0 flex-col rounded-md border bg-surface-sunken/40 transition-colors',
+            isOver ? 'border-accent bg-accent-soft/30' : 'border-border',
+        ].join(' '), children: [_jsxs("div", { className: "flex items-center justify-between px-3 py-2", children: [_jsx("h3", { className: "text-[12px] font-semibold text-ink", children: stage.label }), _jsx("span", { className: "font-mono text-[11px] text-ink-faint", children: count })] }), _jsxs("div", { className: "flex min-h-[80px] flex-col gap-2 px-2 pb-2", children: [children, count === 0 && (_jsx("div", { className: "rounded-md border border-dashed border-border px-3 py-2 text-[11px] text-ink-faint", children: "Drop here" }))] })] }));
+}
+function KanbanCardView({ card, dragging, }) {
+    const navigate = useNavigate();
+    const suppressClick = useRef(false);
+    const { attributes, listeners, setNodeRef: setDragRef, isDragging, } = useDraggable({
+        id: card.id,
+        data: { type: 'card', stageId: card.stage },
+    });
+    const { setNodeRef: setDropRef, isOver } = useDroppable({
+        id: `drop:${card.id}`,
+        data: { type: 'card', stageId: card.stage },
+    });
+    useEffect(() => {
+        if (isDragging || dragging) {
+            suppressClick.current = true;
+        }
+    }, [isDragging, dragging]);
+    return (_jsx("div", { ref: (node) => {
+            setDragRef(node);
+            setDropRef(node);
+        }, ...listeners, ...attributes, onClick: () => {
+            // A drag ends where it started often enough that the click after a drop
+            // would open the card someone was only moving.
+            if (suppressClick.current) {
+                suppressClick.current = false;
+                return;
+            }
+            void navigate(card.href);
+        }, className: [
+            'cursor-grab touch-none rounded-md border bg-surface-raised transition-colors active:cursor-grabbing',
+            isOver ? 'border-accent' : 'border-border',
+            dragging || isDragging ? 'opacity-40' : 'hover:border-border-strong',
+        ].join(' '), children: _jsx(CardFace, { card: card }) }));
+}
+function CardFace({ card }) {
+    return (_jsxs("div", { className: "px-3 py-2.5", children: [_jsx("div", { className: "text-[13px] font-medium leading-snug text-ink", children: card.title }), card.meta !== undefined && _jsx("div", { className: "mt-1 text-[11px] text-ink-muted", children: card.meta }), card.valueLabel !== undefined && (_jsx("div", { className: "mt-2 font-mono text-[12px] font-medium text-ink", children: card.valueLabel }))] }));
+}
+//# sourceMappingURL=KanbanBoard.js.map

package/dist/components/KanbanBoard.js.map

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

package/dist/components/MarkdownView.d.ts

@@ -0,0 +1,4 @@
+export declare function MarkdownView({ source }: {
+    readonly source: string;
+}): React.JSX.Element;
+//# sourceMappingURL=MarkdownView.d.ts.map

package/dist/components/MarkdownView.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownView.d.ts","sourceRoot":"","sources":["../../src/components/MarkdownView.tsx"],"names":[],"mappings":"AAgEA,wBAAgB,YAAY,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;CAAE,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAQvF"}

package/dist/components/MarkdownView.js

@@ -0,0 +1,45 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import Markdown from 'react-markdown';
+import remarkGfm from 'remark-gfm';
+/**
+ * Handbook markdown, rendered by a library rather than by hand (roadmap
+ * decision 5).
+ *
+ * The mockup's `MarkdownView` split on blank lines and matched inline spans with
+ * one regular expression, which covered the six things the seeded pages used and
+ * quietly dropped anything else a team wrote. `remark-gfm` adds the tables,
+ * strikethrough, task lists and autolinks that a handbook author will reach for
+ * without asking whether the renderer supports them.
+ *
+ * **Nothing here renders raw HTML.** `react-markdown` passes the tree through
+ * without `dangerouslySetInnerHTML`, and HTML in the source is escaped unless
+ * `rehype-raw` is added. It is not added, and should not be: page bodies are
+ * written by workspace members but read by everyone in the workspace, and an
+ * agent with write access to the handbook is another author again.
+ *
+ * The class names are the mockup's, element for element, so a page reads the
+ * same as it did before the swap.
+ */
+const components = {
+    h1: ({ children }) => (_jsx("h1", { className: "text-[22px] font-semibold tracking-tight text-ink", children: children })),
+    h2: ({ children }) => _jsx("h2", { className: "pt-2 text-[15px] font-semibold text-ink", children: children }),
+    h3: ({ children }) => _jsx("h3", { className: "text-[13px] font-semibold text-ink", children: children }),
+    ul: ({ children }) => _jsx("ul", { className: "list-disc space-y-1 pl-5", children: children }),
+    ol: ({ children }) => _jsx("ol", { className: "list-decimal space-y-1 pl-5", children: children }),
+    code: ({ children }) => (_jsx("code", { className: "rounded bg-surface px-1 py-0.5 font-mono text-[12px]", children: children })),
+    pre: ({ children }) => (_jsx("pre", { className: "overflow-x-auto rounded-md border border-border bg-surface p-3 font-mono text-[12px]", children: children })),
+    blockquote: ({ children }) => (_jsx("blockquote", { className: "border-l-2 border-border pl-3 text-ink-muted", children: children })),
+    a: ({ href, children }) => (_jsx("a", { href: href, className: "text-accent hover:underline", target: "_blank", rel: "noreferrer", children: children })),
+    hr: () => _jsx("hr", { className: "border-border" }),
+    // The wrapper scrolls rather than the page, so a wide table cannot push the
+    // sidebar off screen.
+    table: ({ children }) => (_jsx("div", { className: "overflow-x-auto rounded-md border border-border", children: _jsx("table", { className: "w-full text-left text-[12px]", children: children }) })),
+    thead: ({ children }) => _jsx("thead", { className: "bg-surface", children: children }),
+    tr: ({ children }) => _jsx("tr", { className: "border-b border-border last:border-0", children: children }),
+    th: ({ children }) => (_jsx("th", { className: "border-b border-border px-3 py-2 font-semibold", children: children })),
+    td: ({ children }) => _jsx("td", { className: "px-3 py-2", children: children }),
+};
+export function MarkdownView({ source }) {
+    return (_jsx("div", { className: "markdown space-y-3 text-[13px] leading-relaxed text-ink", children: _jsx(Markdown, { remarkPlugins: [remarkGfm], components: components, children: source }) }));
+}
+//# sourceMappingURL=MarkdownView.js.map

package/dist/components/MarkdownView.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MarkdownView.js","sourceRoot":"","sources":["../../src/components/MarkdownView.tsx"],"names":[],"mappings":";AAAA,OAAO,QAAQ,MAAM,gBAAgB,CAAA;AAErC,OAAO,SAAS,MAAM,YAAY,CAAA;AAElC;;;;;;;;;;;;;;;;;;GAkBG;AAEH,MAAM,UAAU,GAAe;IAC7B,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpB,aAAI,SAAS,EAAC,mDAAmD,YAAE,QAAQ,GAAM,CAClF;IACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,yCAAyC,YAAE,QAAQ,GAAM;IAC7F,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,oCAAoC,YAAE,QAAQ,GAAM;IACxF,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,0BAA0B,YAAE,QAAQ,GAAM;IAC9E,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,6BAA6B,YAAE,QAAQ,GAAM;IACjF,IAAI,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACtB,eAAM,SAAS,EAAC,sDAAsD,YAAE,QAAQ,GAAQ,CACzF;IACD,GAAG,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACrB,cAAK,SAAS,EAAC,sFAAsF,YAClG,QAAQ,GACL,CACP;IACD,UAAU,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CAC5B,qBAAY,SAAS,EAAC,8CAA8C,YAAE,QAAQ,GAAc,CAC7F;IACD,CAAC,EAAE,CAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACzB,YAAG,IAAI,EAAE,IAAI,EAAE,SAAS,EAAC,6BAA6B,EAAC,MAAM,EAAC,QAAQ,EAAC,GAAG,EAAC,YAAY,YACpF,QAAQ,GACP,CACL;IACD,EAAE,EAAE,GAAG,EAAE,CAAC,aAAI,SAAS,EAAC,eAAe,GAAG;IAC1C,4EAA4E;IAC5E,sBAAsB;IACtB,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACvB,cAAK,SAAS,EAAC,iDAAiD,YAC9D,gBAAO,SAAS,EAAC,8BAA8B,YAAE,QAAQ,GAAS,GAC9D,CACP;IACD,KAAK,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,gBAAO,SAAS,EAAC,YAAY,YAAE,QAAQ,GAAS;IACzE,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,sCAAsC,YAAE,QAAQ,GAAM;IAC1F,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACpB,aAAI,SAAS,EAAC,gDAAgD,YAAE,QAAQ,GAAM,CAC/E;IACD,EAAE,EAAE,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,aAAI,SAAS,EAAC,WAAW,YAAE,QAAQ,GAAM;CAChE,CAAA;AAED,MAAM,UAAU,YAAY,CAAC,EAAE,MAAM,EAA+B;IAClE,OAAO,CACL,cAAK,SAAS,EAAC,yDAAyD,YACtE,KAAC,QAAQ,IAAC,aAAa,EAAE,CAAC,SAAS,CAAC,EAAE,UAAU,EAAE,UAAU,YACzD,MAAM,GACE,GACP,CACP,CAAA;AACH,CAAC"}

package/dist/components/NotesPanel.d.ts

@@ -0,0 +1,17 @@
+import type { RecordTargetType } from '@kelpie/schemas';
+/**
+ * The notes on one record.
+ *
+ * Ports the mockup's panel. There is no pin control: the mockup renders the
+ * badge on a note that carries the flag and offers no way to set it, and the
+ * mockup decides what a page shows. `PATCH /v1/notes/:id` takes `pinned`, so an
+ * agent can still pin.
+ *
+ * No edit or delete either, for the same reason, though the API has both.
+ */
+export interface NotesPanelProps {
+    readonly targetType: RecordTargetType;
+    readonly targetId: string;
+}
+export declare function NotesPanel({ targetType, targetId }: NotesPanelProps): React.JSX.Element;
+//# sourceMappingURL=NotesPanel.d.ts.map

package/dist/components/NotesPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NotesPanel.d.ts","sourceRoot":"","sources":["../../src/components/NotesPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAQ,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAU7D;;;;;;;;;GASG;AAEH,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,UAAU,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuGvF"}

package/dist/components/NotesPanel.js

@@ -0,0 +1,53 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { useMembers } from '../api/resources/members.js';
+import { useCreateNote, useNotes } from '../api/resources/notes.js';
+import { formatDateTime } from '../lib/dates.js';
+import { ErrorPanel } from './QueryState.js';
+import { SectionHeader } from './SectionHeader.js';
+export function NotesPanel({ targetType, targetId }) {
+    const notes = useNotes({ targetType, targetIds: [targetId] });
+    const members = useMembers();
+    const createNote = useCreateNote();
+    const [adding, setAdding] = useState(false);
+    const [body, setBody] = useState('');
+    // Pinned first, then newest. The list arrives in `-created_at` order and the
+    // API has no two-column sort, so this reorders what is loaded. Across a
+    // "Load more" boundary a pinned note on a later page sorts after unpinned
+    // ones already shown; pinned notes are few enough that this is the cheaper
+    // wrong than a second request per panel.
+    const ordered = [...notes.records].sort((left, right) => Number(right.pinned) - Number(left.pinned));
+    function reset() {
+        setAdding(false);
+        setBody('');
+    }
+    function submit(event) {
+        event.preventDefault();
+        const text = body.trim();
+        if (text.length === 0) {
+            return;
+        }
+        createNote.run({ targetType, targetId, body: text });
+        reset();
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Notes", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: "Add note" }), createNote.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createNote.error }) })), notes.error !== null && _jsx(ErrorPanel, { error: notes.error }), adding && (_jsxs("form", { onSubmit: submit, className: "mb-3 space-y-2", children: [_jsx("textarea", { value: body, onChange: (event) => {
+                            setBody(event.target.value);
+                        }, placeholder: "Write a note\u2026", rows: 3, autoFocus: true, className: "w-full resize-y 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" }), _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: "Save note" })] })] })), notes.isLoading && _jsx("p", { className: "text-[13px] text-ink-faint", children: "Loading notes\u2026" }), !notes.isLoading && ordered.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No notes yet." })) : (_jsx("ul", { className: "flex flex-col gap-3", children: ordered.map((note) => (_jsx(NoteItem, { note: note, authorName: authorNameFor(note, members.nameById) }, note.id))) })), notes.hasMore && (_jsx("button", { type: "button", onClick: notes.loadMore, disabled: notes.isLoadingMore, className: "mt-3 rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink-muted transition hover:border-border-strong hover:text-ink", children: notes.isLoadingMore ? 'Loading…' : 'Load more' }))] }));
+}
+/**
+ * A null author is a note written by a workspace API key, which belongs to the
+ * workspace rather than to a person. An id with no matching member is one whose
+ * membership was removed.
+ */
+function authorNameFor(note, nameById) {
+    if (note.authorId === null) {
+        return 'API key';
+    }
+    return nameById.get(note.authorId) ?? 'Unknown';
+}
+function NoteItem({ note, authorName, }) {
+    return (_jsxs("li", { className: "rounded-md border border-border bg-surface-raised px-3.5 py-3", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "text-[13px] leading-relaxed whitespace-pre-wrap text-ink", children: note.body }), note.pinned && (_jsx("span", { className: "shrink-0 text-[10px] font-semibold tracking-wide text-accent uppercase", children: "Pinned" }))] }), _jsxs("div", { className: "mt-2 flex items-center gap-2 text-[11px] text-ink-faint", children: [_jsx("span", { children: authorName }), _jsx("span", { children: "\u00B7" }), _jsx("span", { children: formatDateTime(note.createdAt) })] })] }));
+}
+//# sourceMappingURL=NotesPanel.js.map

package/dist/components/NotesPanel.js.map

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

package/dist/components/PageHeader.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+export interface PageHeaderProps {
+    readonly title: string;
+    readonly description?: string;
+    readonly actions?: ReactNode;
+    readonly onAdd?: () => void;
+    readonly addLabel?: string;
+}
+export declare function PageHeader({ title, description, actions, onAdd, addLabel, }: PageHeaderProps): React.JSX.Element;
+export interface FilterBarProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+    readonly placeholder?: string;
+}
+/**
+ * The list filter box. What it types goes to the API as `?q=`, so this is the
+ * one place a page decides what "filter" means for its resource.
+ */
+export declare function FilterBar({ value, onChange, placeholder, }: FilterBarProps): React.JSX.Element;
+//# sourceMappingURL=PageHeader.d.ts.map