@kelpie/ui 0.1.0

package/dist/components/AgentTasks.js

@@ -0,0 +1,166 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useId, useRef, useState } from 'react';
+import { useAgentRun, useAgents, useAgentTasks, useResolveAgentTask, useRunAgentTask, } from '../api/resources/agentTasks.js';
+import { ErrorPanel, LoadingPanel } from './QueryState.js';
+const COPIED_MS = 1800;
+export function AgentTasks({ targetType, targetId, targetLabel, compact = false, }) {
+    const catalog = useAgentTasks(targetType);
+    const resolve = useResolveAgentTask();
+    const dispatch = useRunAgentTask();
+    const [menuOpen, setMenuOpen] = useState(false);
+    const [panel, setPanel] = useState(null);
+    const [activeTaskId, setActiveTaskId] = useState(null);
+    const [resolved, setResolved] = useState(null);
+    const [copiedId, setCopiedId] = useState(null);
+    const [agentId, setAgentId] = useState('');
+    const [runId, setRunId] = useState(null);
+    const rootRef = useRef(null);
+    const menuId = useId();
+    // Fetched only once the run pane opens: the trigger sits on every detail
+    // page, and most visits never dispatch anything.
+    const agents = useAgents({ enabled: panel === 'run' });
+    const { record: run } = useAgentRun(runId ?? undefined);
+    useEffect(() => {
+        if (!menuOpen) {
+            return;
+        }
+        function onDocumentMouseDown(event) {
+            if (!rootRef.current?.contains(event.target)) {
+                setMenuOpen(false);
+            }
+        }
+        function onKeyDown(event) {
+            if (event.key === 'Escape') {
+                setMenuOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', onDocumentMouseDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onDocumentMouseDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [menuOpen]);
+    useEffect(() => {
+        setPanel(null);
+        setActiveTaskId(null);
+        setResolved(null);
+        setRunId(null);
+        setMenuOpen(false);
+    }, [targetType, targetId]);
+    useEffect(() => {
+        if (agentId === '' && agents.records.length > 0) {
+            setAgentId(agents.records[0]?.id ?? '');
+        }
+    }, [agentId, agents.records]);
+    const primary = catalog.records.filter((task) => task.placement === 'primary');
+    const overflow = catalog.records.filter((task) => task.placement === 'overflow');
+    if (!catalog.isLoading && catalog.error === null && catalog.records.length === 0) {
+        return null;
+    }
+    function openResolved(taskId, mode) {
+        setActiveTaskId(taskId);
+        setResolved(null);
+        setRunId(null);
+        setPanel(mode);
+        setMenuOpen(false);
+        resolve
+            .runAsync({ taskId, targetType, targetId })
+            .then(setResolved)
+            .catch(() => {
+            // The dialog stays open and renders `resolve.error` with a retry.
+        });
+    }
+    async function copyPrompt(taskId) {
+        try {
+            const next = resolved !== null && activeTaskId === taskId
+                ? resolved
+                : await resolve.runAsync({ taskId, targetType, targetId });
+            await navigator.clipboard.writeText(next.prompt);
+            setCopiedId(taskId);
+            window.setTimeout(() => {
+                setCopiedId(null);
+            }, COPIED_MS);
+        }
+        catch {
+            // Resolve failed or the clipboard is unavailable; the dialog shows which.
+            openResolved(taskId, 'preview');
+        }
+    }
+    function startRun() {
+        if (activeTaskId === null || agentId === '') {
+            return;
+        }
+        dispatch
+            .runAsync({ taskId: activeTaskId, targetType, targetId, agentId })
+            .then((created) => {
+            setRunId(created.id);
+        })
+            .catch(() => {
+            // The dialog renders `dispatch.error` beside the button.
+        });
+    }
+    const activeTask = catalog.records.find((task) => task.id === activeTaskId);
+    const settled = run?.status === 'succeeded' || run?.status === 'failed';
+    const dispatching = dispatch.isPending || (run !== undefined && !settled);
+    return (_jsxs("div", { className: "relative shrink-0", ref: rootRef, children: [_jsxs("button", { type: "button", "aria-expanded": menuOpen, "aria-haspopup": "menu", "aria-controls": menuId, onClick: () => {
+                    setMenuOpen((open) => !open);
+                }, className: compact
+                    ? 'inline-flex items-center gap-1 rounded-md border border-border px-2 py-1 text-[11px] font-medium text-ink-muted transition hover:border-accent hover:text-accent'
+                    : // Sized to sit beside `DeleteRecord`'s trigger, not the mockup's
+                        // heavier header button.
+                        'inline-flex items-center gap-1.5 rounded-md border border-border px-2.5 py-1 text-[12px] font-medium text-ink-muted transition hover:border-accent hover:text-accent', children: ["Agent", _jsx(ChevronDown, { open: menuOpen })] }), menuOpen && (_jsxs("div", { id: menuId, role: "menu", className: "absolute right-0 z-30 mt-1 w-[min(100vw-2rem,320px)] overflow-hidden rounded-md border border-border bg-surface-raised py-1", children: [catalog.isLoading && _jsx(LoadingPanel, { label: "Loading tasks\u2026" }), catalog.error !== null && _jsx(ErrorPanel, { error: catalog.error }), primary.length > 0 && (_jsx(TaskGroup, { label: "Actions", tasks: primary, copiedId: copiedId, onCopy: (id) => void copyPrompt(id), onPreview: (id) => {
+                            openResolved(id, 'preview');
+                        }, onRun: (id) => {
+                            openResolved(id, 'run');
+                        } })), overflow.length > 0 && (_jsx(TaskGroup, { label: primary.length > 0 ? 'More' : 'Actions', tasks: overflow, copiedId: copiedId, bordered: primary.length > 0, onCopy: (id) => void copyPrompt(id), onPreview: (id) => {
+                            openResolved(id, 'preview');
+                        }, onRun: (id) => {
+                            openResolved(id, 'run');
+                        } }))] })), panel !== null && activeTask !== undefined && (_jsx("div", { className: "fixed inset-0 z-40 flex items-end justify-center bg-ink/30 p-4 sm:items-center", role: "dialog", "aria-modal": "true", "aria-label": activeTask.label, onClick: () => {
+                    setPanel(null);
+                }, children: _jsxs("div", { className: "max-h-[85vh] w-full max-w-xl overflow-hidden rounded-lg border border-border bg-surface", onClick: (event) => {
+                        event.stopPropagation();
+                    }, children: [_jsxs("div", { className: "flex items-start justify-between gap-3 border-b border-border px-4 py-3", children: [_jsxs("div", { children: [_jsx("div", { className: "text-[14px] font-semibold text-ink", children: activeTask.label }), _jsxs("div", { className: "mt-0.5 text-[12px] text-ink-muted", children: [targetLabel, " \u00B7 ", panel === 'run' ? 'Run' : 'Preview prompt'] })] }), _jsx("button", { type: "button", className: "text-[12px] font-medium text-ink-muted hover:text-ink", onClick: () => {
+                                        setPanel(null);
+                                    }, children: "Close" })] }), _jsxs("div", { className: "max-h-[50vh] overflow-y-auto px-4 py-3", children: [resolved === null && resolve.isPending && _jsx(LoadingPanel, { label: "Resolving\u2026" }), resolved === null && !resolve.isPending && resolve.error !== null && (_jsx(ErrorPanel, { error: resolve.error, onRetry: () => {
+                                        openResolved(activeTask.id, panel);
+                                    } })), resolved !== null && (_jsx("pre", { className: "whitespace-pre-wrap font-mono text-[11px] leading-relaxed text-ink", children: resolved.prompt }))] }), _jsxs("div", { className: "flex flex-wrap items-center gap-2 border-t border-border px-4 py-3", children: [_jsx("button", { type: "button", className: "rounded-md bg-accent px-3 py-1.5 text-[12px] font-medium text-accent-fg hover:opacity-90 disabled:opacity-50", disabled: resolved === null, onClick: () => void copyPrompt(activeTask.id), children: copiedId === activeTask.id ? 'Copied' : 'Copy prompt' }), panel === 'preview' && (_jsx("button", { type: "button", className: "rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink hover:border-accent", onClick: () => {
+                                        setPanel('run');
+                                    }, children: "Run\u2026" })), panel === 'run' && (_jsx(RunControls, { agents: agents.records, agentsLoading: agents.isLoading, agentId: agentId, onAgentChange: setAgentId, run: run, dispatching: dispatching, dispatchError: dispatch.error, disabled: resolved === null, onDispatch: startRun }))] })] }) }))] }));
+}
+function runButtonLabel(run) {
+    switch (run?.status) {
+        case 'queued':
+            return 'Queued…';
+        case 'running':
+            return 'Running…';
+        case 'succeeded':
+            return 'Run again';
+        case 'failed':
+            return 'Retry run';
+        case undefined:
+            return 'Dispatch run';
+    }
+}
+function RunControls({ agents, agentsLoading, agentId, onAgentChange, run, dispatching, dispatchError, disabled, onDispatch, }) {
+    if (!agentsLoading && agents.length === 0) {
+        return (_jsx("span", { className: "text-[11px] text-ink-muted", children: "No agents are registered. An admin can add one under Admin \u2192 MCP." }));
+    }
+    return (_jsxs(_Fragment, { children: [_jsxs("label", { className: "flex items-center gap-2 text-[12px] text-ink-muted", children: ["Agent", _jsx("select", { value: agentId, onChange: (event) => {
+                            onAgentChange(event.target.value);
+                        }, className: "rounded-md border border-border bg-surface-raised px-2 py-1 text-[12px] text-ink outline-none focus:border-accent", children: agents.map((agent) => (_jsx("option", { value: agent.id, children: agent.name }, agent.id))) })] }), _jsx("button", { type: "button", className: "rounded-md border border-border px-3 py-1.5 text-[12px] font-medium text-ink hover:border-accent disabled:opacity-50", disabled: disabled || dispatching || agentId === '', onClick: onDispatch, children: runButtonLabel(run) }), run !== undefined && (_jsxs("span", { className: "text-[11px] text-ink-muted", children: [run.status === 'succeeded' && 'Dispatched. The agent works through the API from here.', run.status === 'failed' && `Dispatch failed: ${run.failureReason ?? 'no reason recorded'}`, (run.status === 'queued' || run.status === 'running') && `Status: ${run.status}`] })), dispatchError !== null && (_jsx("span", { className: "text-[11px] text-danger", children: dispatchError.message }))] }));
+}
+function TaskGroup({ label, tasks, copiedId, bordered = false, onCopy, onPreview, onRun, }) {
+    return (_jsxs("div", { className: bordered ? 'border-t border-border pt-1' : undefined, children: [_jsx("div", { className: "px-3 py-1.5 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: label }), _jsx("ul", { children: tasks.map((task) => (_jsxs("li", { role: "menuitem", className: "px-3 py-2 hover:bg-surface", children: [_jsx("div", { className: "text-[13px] font-medium text-ink", children: task.label }), _jsx("p", { className: "mt-0.5 text-[11px] leading-snug text-ink-muted", children: task.description }), _jsxs("div", { className: "mt-2 flex flex-wrap gap-1.5", children: [_jsx("button", { type: "button", className: "rounded border border-border px-1.5 py-0.5 text-[11px] font-medium text-ink-muted transition hover:border-accent hover:text-accent", onClick: () => {
+                                        onCopy(task.id);
+                                    }, children: copiedId === task.id ? 'Copied' : 'Copy prompt' }), _jsx("button", { type: "button", className: "rounded border border-border px-1.5 py-0.5 text-[11px] font-medium text-ink-muted transition hover:border-accent hover:text-accent", onClick: () => {
+                                        onPreview(task.id);
+                                    }, children: "Preview" }), _jsx("button", { type: "button", className: "rounded border border-border px-1.5 py-0.5 text-[11px] font-medium text-ink-muted transition hover:border-accent hover:text-accent", onClick: () => {
+                                        onRun(task.id);
+                                    }, children: "Run" })] })] }, task.id))) })] }));
+}
+function ChevronDown({ open }) {
+    return (_jsx("svg", { width: "12", height: "12", viewBox: "0 0 12 12", "aria-hidden": "true", className: open ? 'rotate-180 text-ink-muted transition' : 'text-ink-muted transition', children: _jsx("path", { d: "M3 4.5L6 7.5L9 4.5", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }) }));
+}
+//# sourceMappingURL=AgentTasks.js.map

package/dist/components/AgentTasks.js.map

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

package/dist/components/Chip.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type ChipTone = 'neutral' | 'accent' | 'success' | 'warning' | 'danger';
+export interface ChipProps {
+    readonly children: ReactNode;
+    readonly tone?: ChipTone;
+    readonly onClick?: () => void;
+}
+/** A small status pill. Ported from `RecordHeader.tsx` in the mockups. */
+export declare function Chip({ children, tone, onClick }: ChipProps): React.JSX.Element;
+//# sourceMappingURL=Chip.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.d.ts","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,MAAM,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,SAAS,GAAG,SAAS,GAAG,QAAQ,CAAA;AAE9E,MAAM,WAAW,SAAS;IACxB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;IAC5B,QAAQ,CAAC,IAAI,CAAC,EAAE,QAAQ,CAAA;IACxB,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CAC9B;AAUD,0EAA0E;AAC1E,wBAAgB,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAgB,EAAE,OAAO,EAAE,EAAE,SAAS,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAgB1F"}

package/dist/components/Chip.js

@@ -0,0 +1,21 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+const toneClasses = {
+    neutral: 'bg-surface-sunken text-ink-muted border-transparent',
+    accent: 'bg-accent-soft text-accent border-transparent',
+    success: 'bg-success-soft text-success border-transparent',
+    warning: 'bg-warning-soft text-warning border-transparent',
+    danger: 'bg-danger-soft text-danger border-transparent',
+};
+/** A small status pill. Ported from `RecordHeader.tsx` in the mockups. */
+export function Chip({ children, tone = 'neutral', onClick }) {
+    const className = [
+        'inline-flex items-center rounded border px-1.5 py-0.5 text-[10px] font-medium leading-none',
+        toneClasses[tone],
+        onClick === undefined ? '' : 'cursor-pointer hover:ring-1 hover:ring-border',
+    ].join(' ');
+    if (onClick === undefined) {
+        return _jsx("span", { className: className, children: children });
+    }
+    return (_jsx("button", { type: "button", onClick: onClick, className: className, children: children }));
+}
+//# sourceMappingURL=Chip.js.map

package/dist/components/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sourceRoot":"","sources":["../../src/components/Chip.tsx"],"names":[],"mappings":";AAUA,MAAM,WAAW,GAAuC;IACtD,OAAO,EAAE,qDAAqD;IAC9D,MAAM,EAAE,+CAA+C;IACvD,OAAO,EAAE,iDAAiD;IAC1D,OAAO,EAAE,iDAAiD;IAC1D,MAAM,EAAE,+CAA+C;CACxD,CAAA;AAED,0EAA0E;AAC1E,MAAM,UAAU,IAAI,CAAC,EAAE,QAAQ,EAAE,IAAI,GAAG,SAAS,EAAE,OAAO,EAAa;IACrE,MAAM,SAAS,GAAG;QAChB,4FAA4F;QAC5F,WAAW,CAAC,IAAI,CAAC;QACjB,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,+CAA+C;KAC7E,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;IAEX,IAAI,OAAO,KAAK,SAAS,EAAE,CAAC;QAC1B,OAAO,eAAM,SAAS,EAAE,SAAS,YAAG,QAAQ,GAAQ,CAAA;IACtD,CAAC;IAED,OAAO,CACL,iBAAQ,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAE,SAAS,YACzD,QAAQ,GACF,CACV,CAAA;AACH,CAAC"}

package/dist/components/CopyButton.d.ts

@@ -0,0 +1,7 @@
+export interface CopyButtonProps {
+    readonly value: string;
+    /** What is being copied, for the accessible name: "Copy endpoint". */
+    readonly label: string;
+}
+export declare function CopyButton({ value, label }: CopyButtonProps): React.JSX.Element;
+//# sourceMappingURL=CopyButton.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.d.ts","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,eAAe;IAC9B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,sEAAsE;IACtE,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;CACvB;AAED,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,eAAe,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4B/E"}

package/dist/components/CopyButton.js

@@ -0,0 +1,30 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+/**
+ * Copies a value and says so for a moment.
+ *
+ * A failure is swallowed rather than reported: the clipboard is unavailable
+ * outside a secure context, the value is on screen beside the button, and a
+ * person who cannot copy can select it. Nothing is lost that an error message
+ * would recover.
+ */
+const CONFIRMATION_MS = 1500;
+export function CopyButton({ value, label }) {
+    const [copied, setCopied] = useState(false);
+    const timer = useRef(undefined);
+    // Without this, a copy immediately before navigation sets state on a component
+    // that is no longer mounted.
+    useEffect(() => () => clearTimeout(timer.current), []);
+    return (_jsx("button", { type: "button", "aria-label": label, onClick: () => {
+            navigator.clipboard
+                .writeText(value)
+                .then(() => {
+                setCopied(true);
+                timer.current = setTimeout(() => {
+                    setCopied(false);
+                }, CONFIRMATION_MS);
+            })
+                .catch(() => undefined);
+        }, className: "rounded-md border border-border px-2 py-1 text-[11px] font-medium text-ink-muted transition hover:border-border-strong hover:text-ink", children: copied ? 'Copied' : 'Copy' }));
+}
+//# sourceMappingURL=CopyButton.js.map

package/dist/components/CopyButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CopyButton.js","sourceRoot":"","sources":["../../src/components/CopyButton.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEnD;;;;;;;GAOG;AAEH,MAAM,eAAe,GAAG,IAAI,CAAA;AAQ5B,MAAM,UAAU,UAAU,CAAC,EAAE,KAAK,EAAE,KAAK,EAAmB;IAC1D,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC3C,MAAM,KAAK,GAAG,MAAM,CAA4C,SAAS,CAAC,CAAA;IAE1E,+EAA+E;IAC/E,6BAA6B;IAC7B,SAAS,CAAC,GAAG,EAAE,CAAC,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,OAAO,CAAC,EAAE,EAAE,CAAC,CAAA;IAEtD,OAAO,CACL,iBACE,IAAI,EAAC,QAAQ,gBACD,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE;YACZ,SAAS,CAAC,SAAS;iBAChB,SAAS,CAAC,KAAK,CAAC;iBAChB,IAAI,CAAC,GAAG,EAAE;gBACT,SAAS,CAAC,IAAI,CAAC,CAAA;gBACf,KAAK,CAAC,OAAO,GAAG,UAAU,CAAC,GAAG,EAAE;oBAC9B,SAAS,CAAC,KAAK,CAAC,CAAA;gBAClB,CAAC,EAAE,eAAe,CAAC,CAAA;YACrB,CAAC,CAAC;iBACD,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,CAAA;QAC3B,CAAC,EACD,SAAS,EAAC,uIAAuI,YAEhJ,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,GACpB,CACV,CAAA;AACH,CAAC"}

package/dist/components/DataTable.d.ts

@@ -0,0 +1,36 @@
+import type { ReactNode } from 'react';
+export interface Column<TRow> {
+    readonly key: string;
+    readonly header: string;
+    readonly className?: string;
+    readonly render: (row: TRow) => ReactNode;
+    /** The `?sort=` field this column drives. Omit for a column with no server-side sort. */
+    readonly sortKey?: string;
+}
+export interface DataTableGroup<TRow> {
+    readonly id: string;
+    readonly label: ReactNode;
+    readonly rows: readonly TRow[];
+}
+export interface EmptyStateAction {
+    readonly label: string;
+    readonly onClick: () => void;
+}
+export interface DataTableProps<TRow> {
+    readonly columns: readonly Column<TRow>[];
+    readonly rows?: readonly TRow[];
+    readonly groups?: readonly DataTableGroup<TRow>[];
+    readonly onRowClick?: (row: TRow) => void;
+    readonly emptyMessage?: string;
+    /** Replaces the default "Add a record to get started." line under `emptyMessage`. */
+    readonly emptyDescription?: string;
+    /** A button rendered in the empty state. Omit when there is nothing to do about it — a filter miss, not a genuinely empty list. */
+    readonly emptyAction?: EmptyStateAction;
+    readonly getRowId: (row: TRow) => string;
+    /** Current `?sort=` value: `field` ascending, `-field` descending, `undefined` for the resource's default. */
+    readonly sort?: string;
+    /** Fires with the next `?sort=` value when a sortable header is clicked. Required for any column to be clickable. */
+    readonly onSortChange?: (sort: string | undefined) => void;
+}
+export declare function DataTable<TRow>({ columns, rows, groups, onRowClick, emptyMessage, emptyDescription, emptyAction, getRowId, sort, onSortChange, }: DataTableProps<TRow>): React.JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/components/DataTable.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,MAAM,CAAC,IAAI;IAC1B,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAA;IACpB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,SAAS,CAAA;IACzC,yFAAyF;IACzF,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAC1B;AAED,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,SAAS,CAAA;IACzB,QAAQ,CAAC,IAAI,EAAE,SAAS,IAAI,EAAE,CAAA;CAC/B;AAED,MAAM,WAAW,gBAAgB;IAC/B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,OAAO,EAAE,MAAM,IAAI,CAAA;CAC7B;AAED,MAAM,WAAW,cAAc,CAAC,IAAI;IAClC,QAAQ,CAAC,OAAO,EAAE,SAAS,MAAM,CAAC,IAAI,CAAC,EAAE,CAAA;IACzC,QAAQ,CAAC,IAAI,CAAC,EAAE,SAAS,IAAI,EAAE,CAAA;IAC/B,QAAQ,CAAC,MAAM,CAAC,EAAE,SAAS,cAAc,CAAC,IAAI,CAAC,EAAE,CAAA;IACjD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,IAAI,CAAA;IACzC,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,qFAAqF;IACrF,QAAQ,CAAC,gBAAgB,CAAC,EAAE,MAAM,CAAA;IAClC,mIAAmI;IACnI,QAAQ,CAAC,WAAW,CAAC,EAAE,gBAAgB,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,MAAM,CAAA;IACxC,8GAA8G;IAC9G,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;IACtB,qHAAqH;IACrH,QAAQ,CAAC,YAAY,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAA;CAC3D;AA2BD,wBAAgB,SAAS,CAAC,IAAI,EAAE,EAC9B,OAAO,EACP,IAAI,EACJ,MAAM,EACN,UAAU,EACV,YAA+B,EAC/B,gBAAiD,EACjD,WAAW,EACX,QAAQ,EACR,IAAI,EACJ,YAAY,GACb,EAAE,cAAc,CAAC,IAAI,CAAC,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA+E1C"}

package/dist/components/DataTable.js

@@ -0,0 +1,43 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+function directionOf(sort, field) {
+    if (field === undefined || sort === undefined) {
+        return undefined;
+    }
+    if (sort === field) {
+        return 'asc';
+    }
+    return sort === `-${field}` ? 'desc' : undefined;
+}
+/** Ascending, then descending, then back to the resource's own default. */
+function nextSort(sort, field) {
+    const current = directionOf(sort, field);
+    if (current === undefined) {
+        return field;
+    }
+    return current === 'asc' ? `-${field}` : undefined;
+}
+export function DataTable({ columns, rows, groups, onRowClick, emptyMessage = 'No records yet', emptyDescription = 'Add a record to get started.', emptyAction, getRowId, sort, onSortChange, }) {
+    const flatRows = groups === undefined ? (rows ?? []) : groups.flatMap((group) => group.rows);
+    if (flatRows.length === 0) {
+        return (_jsxs("div", { className: "rounded-md border border-dashed border-border px-6 py-12 text-center", children: [_jsx("p", { className: "text-[13px] font-medium text-ink", children: emptyMessage }), _jsx("p", { className: "mt-1 text-[12px] text-ink-muted", children: emptyDescription }), emptyAction !== undefined && (_jsx("button", { type: "button", onClick: emptyAction.onClick, className: "mt-3 rounded-md border border-border bg-surface-raised px-3 py-1.5 text-[12px] font-medium text-ink transition hover:border-border-strong hover:bg-surface-sunken", children: emptyAction.label }))] }));
+    }
+    return (_jsx("div", { className: "overflow-hidden rounded-md border border-border", children: _jsxs("table", { className: "w-full border-collapse text-left text-[13px]", children: [_jsx("thead", { children: _jsx("tr", { className: "border-b border-border", children: columns.map((column) => {
+                            const direction = directionOf(sort, column.sortKey);
+                            const sortable = column.sortKey !== undefined && onSortChange !== undefined;
+                            return (_jsx("th", { className: `px-3 py-2 text-[11px] font-medium text-ink-faint ${column.className ?? ''}`, children: sortable ? (_jsxs("button", { type: "button", onClick: () => {
+                                        onSortChange?.(nextSort(sort, column.sortKey ?? ''));
+                                    }, className: "inline-flex items-center gap-1 transition hover:text-ink", children: [column.header, _jsx("span", { className: "text-ink-faint", children: direction === 'asc' ? '↑' : direction === 'desc' ? '↓' : '' })] })) : (column.header) }, column.key));
+                        }) }) }), _jsx("tbody", { children: groups === undefined
+                        ? (rows ?? []).map((row) => (_jsx(DataRow, { row: row, columns: columns, onRowClick: onRowClick }, getRowId(row))))
+                        : groups.map((group) => (_jsx(GroupRows, { group: group, columns: columns, onRowClick: onRowClick, getRowId: getRowId }, group.id))) })] }) }));
+}
+function GroupRows({ group, columns, onRowClick, getRowId, }) {
+    return (_jsxs(_Fragment, { children: [_jsx("tr", { className: "border-b border-border bg-surface-sunken/60", children: _jsx("td", { colSpan: columns.length, className: "px-3 py-1.5", children: _jsxs("span", { className: "inline-flex items-center gap-2", children: [group.label, _jsx("span", { className: "font-mono text-[11px] text-ink-faint", children: group.rows.length })] }) }) }), group.rows.map((row) => (_jsx(DataRow, { row: row, columns: columns, onRowClick: onRowClick }, getRowId(row))))] }));
+}
+function DataRow({ row, columns, onRowClick, }) {
+    return (_jsx("tr", { onClick: () => onRowClick?.(row), className: [
+            'border-b border-border last:border-0 transition-colors',
+            onRowClick === undefined ? '' : 'cursor-pointer hover:bg-surface-sunken/70',
+        ].join(' '), children: columns.map((column) => (_jsx("td", { className: `px-3 py-2 text-ink ${column.className ?? ''}`, children: column.render(row) }, column.key))) }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/components/DataTable.js.map

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

package/dist/components/DecisionsPanel.d.ts

@@ -0,0 +1,14 @@
+import type { RecordTargetType } from '@kelpie/schemas';
+/**
+ * The decisions on one record.
+ *
+ * Ports the mockup's panel: add, remove, and the workspace-list link. The
+ * decision's owner defaults server-side to whoever records it, which is what
+ * the mockup's `members[0]` stood in for, so the form does not send one.
+ */
+export interface DecisionsPanelProps {
+    readonly targetType: RecordTargetType;
+    readonly targetId: string;
+}
+export declare function DecisionsPanel({ targetType, targetId }: DecisionsPanelProps): React.JSX.Element;
+//# sourceMappingURL=DecisionsPanel.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DecisionsPanel.d.ts","sourceRoot":"","sources":["../../src/components/DecisionsPanel.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAY,gBAAgB,EAAE,MAAM,iBAAiB,CAAA;AAWjE;;;;;;GAMG;AAEH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,CAAC,UAAU,EAAE,gBAAgB,CAAA;IACrC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAA;CAC1B;AAED,wBAAgB,cAAc,CAAC,EAAE,UAAU,EAAE,QAAQ,EAAE,EAAE,mBAAmB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAkK/F"}

package/dist/components/DecisionsPanel.js

@@ -0,0 +1,73 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Link } from 'react-router';
+import { useCreateDecision, useDecisions, useDeleteDecision } from '../api/resources/decisions.js';
+import { useMembers } from '../api/resources/members.js';
+import { formatDate } from '../lib/dates.js';
+import { ErrorPanel } from './QueryState.js';
+import { SectionHeader } from './SectionHeader.js';
+export function DecisionsPanel({ targetType, targetId }) {
+    const decisions = useDecisions({ targetType, targetId });
+    const members = useMembers();
+    const createDecision = useCreateDecision();
+    const deleteDecision = useDeleteDecision();
+    const [adding, setAdding] = useState(false);
+    const [body, setBody] = useState('');
+    const [rationale, setRationale] = useState('');
+    const [dueAt, setDueAt] = useState('');
+    // Due date first, decided date otherwise, newest down — the mockup's order.
+    // The list arrives in `-decided_at` order and the API cannot sort on the
+    // nullable `due_at`, so this reorders what is loaded; across a "Load more"
+    // boundary the interleave can be wrong, which is the cheaper wrong than a
+    // second request per panel.
+    const ordered = [...decisions.records].sort((left, right) => (right.dueAt ?? right.decidedAt).getTime() - (left.dueAt ?? left.decidedAt).getTime());
+    function reset() {
+        setAdding(false);
+        setBody('');
+        setRationale('');
+        setDueAt('');
+    }
+    function submit(event) {
+        event.preventDefault();
+        const text = body.trim();
+        if (text.length === 0) {
+            return;
+        }
+        const reasoning = rationale.trim();
+        createDecision.run({
+            targetType,
+            targetId,
+            body: text,
+            ...(reasoning.length === 0 ? {} : { rationale: reasoning }),
+            // Local midday, so no timezone west or east of UTC shifts the chosen day.
+            ...(dueAt === '' ? {} : { dueAt: new Date(`${dueAt}T12:00:00`) }),
+        });
+        reset();
+    }
+    return (_jsxs("section", { children: [_jsx(SectionHeader, { title: "Decisions", onAdd: () => {
+                    setAdding((current) => !current);
+                }, addLabel: "Add decision" }), createDecision.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: createDecision.error }) })), deleteDecision.error !== null && (_jsx("div", { className: "mb-3", children: _jsx(ErrorPanel, { error: deleteDecision.error }) })), decisions.error !== null && _jsx(ErrorPanel, { error: decisions.error }), adding && (_jsxs("form", { onSubmit: submit, className: "mb-3 space-y-2", children: [_jsx("textarea", { value: body, onChange: (event) => {
+                            setBody(event.target.value);
+                        }, placeholder: "We decided / promised\u2026", rows: 2, autoFocus: true, required: 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" }), _jsx("input", { value: rationale, onChange: (event) => {
+                            setRationale(event.target.value);
+                        }, placeholder: "Rationale (optional)", className: "w-full rounded-md border border-border bg-surface-raised px-3 py-1.5 text-[13px] outline-none focus:border-accent" }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [_jsxs("label", { className: "flex items-center gap-2 text-[12px] text-ink-muted", children: ["By", _jsx("input", { type: "date", value: dueAt, onChange: (event) => {
+                                            setDueAt(event.target.value);
+                                        }, className: "rounded-md border border-border bg-surface-raised px-2 py-1 text-[12px] outline-none focus:border-accent" })] }), _jsxs("div", { className: "ml-auto flex gap-2", children: [_jsx("button", { type: "button", onClick: reset, className: "rounded-md px-2.5 py-1.5 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" })] })] })] })), decisions.isLoading && _jsx("p", { className: "text-[13px] text-ink-faint", children: "Loading decisions\u2026" }), !decisions.isLoading && ordered.length === 0 && !adding ? (_jsx("p", { className: "text-[13px] text-ink-faint", children: "No decisions yet." })) : (ordered.length > 0 && (_jsx("ul", { className: "overflow-hidden rounded-md border border-border", children: ordered.map((decision) => (_jsx(DecisionItem, { decision: decision, ownerName: ownerNameFor(decision, members.nameById), onRemove: () => {
+                        deleteDecision.run(decision.id);
+                    } }, decision.id))) }))), decisions.hasMore && (_jsx("button", { type: "button", onClick: decisions.loadMore, disabled: decisions.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: decisions.isLoadingMore ? 'Loading…' : 'Load more' })), _jsx("p", { className: "mt-2 text-[11px] text-ink-faint", children: _jsx(Link, { to: "/decisions", className: "text-accent hover:underline", children: "View all decisions" }) })] }));
+}
+/**
+ * The mockup shows an owner only when it can name one, so a null owner and a
+ * member whose membership was removed both render nothing rather than a word
+ * like "Unknown" beside a commitment.
+ */
+function ownerNameFor(decision, nameById) {
+    if (decision.ownerId === null) {
+        return undefined;
+    }
+    return nameById.get(decision.ownerId);
+}
+function DecisionItem({ decision, ownerName, onRemove, }) {
+    return (_jsxs("li", { className: "border-b border-border px-4 py-3 last:border-0", children: [_jsxs("div", { className: "flex items-start justify-between gap-2", children: [_jsx("p", { className: "min-w-0 flex-1 text-[13px] font-medium text-ink", children: decision.body }), _jsx("button", { type: "button", onClick: onRemove, className: "shrink-0 text-[11px] font-medium text-ink-faint hover:text-danger", children: "Remove" })] }), decision.rationale !== null && (_jsx("p", { className: "mt-1 text-[12px] text-ink-muted", children: decision.rationale })), _jsxs("div", { className: "mt-2 flex flex-wrap gap-x-3 gap-y-1 text-[11px] text-ink-faint", children: [_jsxs("span", { children: ["Decided ", formatDate(decision.decidedAt)] }), decision.dueAt !== null && _jsxs("span", { children: ["By ", formatDate(decision.dueAt)] }), ownerName !== undefined && _jsx("span", { children: ownerName })] })] }));
+}
+//# sourceMappingURL=DecisionsPanel.js.map

package/dist/components/DecisionsPanel.js.map

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

package/dist/components/DeleteRecord.d.ts

@@ -0,0 +1,19 @@
+export interface DeleteRecordProps {
+    readonly recordLabel: string;
+    readonly recordName: string;
+    readonly isPending: boolean;
+    readonly error: Error | null;
+    readonly onConfirm: () => void;
+}
+/**
+ * Delete, behind one confirmation.
+ *
+ * The mockup asked which related records to take along, because seed data had no
+ * referential rules. The API has them: roadmap decision 2 makes a delete cascade
+ * to dependents and answers `409` when an independent record still points at
+ * this one, listing the types in `details`. So there is nothing to choose, and
+ * the interesting case is the refusal, which is why the error sits here rather
+ * than somewhere the button is not.
+ */
+export declare function DeleteRecord({ recordLabel, recordName, isPending, error, onConfirm, }: DeleteRecordProps): React.JSX.Element;
+//# sourceMappingURL=DeleteRecord.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRecord.d.ts","sourceRoot":"","sources":["../../src/components/DeleteRecord.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAA;IAC5B,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,SAAS,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,KAAK,EAAE,KAAK,GAAG,IAAI,CAAA;IAC5B,QAAQ,CAAC,SAAS,EAAE,MAAM,IAAI,CAAA;CAC/B;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,CAAC,EAC3B,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,GACV,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA4CvC"}

package/dist/components/DeleteRecord.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ErrorPanel } from './QueryState.js';
+/**
+ * Delete, behind one confirmation.
+ *
+ * The mockup asked which related records to take along, because seed data had no
+ * referential rules. The API has them: roadmap decision 2 makes a delete cascade
+ * to dependents and answers `409` when an independent record still points at
+ * this one, listing the types in `details`. So there is nothing to choose, and
+ * the interesting case is the refusal, which is why the error sits here rather
+ * than somewhere the button is not.
+ */
+export function DeleteRecord({ recordLabel, recordName, isPending, error, onConfirm, }) {
+    const [confirming, setConfirming] = useState(false);
+    return (_jsxs("div", { className: "flex flex-col items-end gap-2", children: [confirming ? (_jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { className: "text-[12px] text-ink-muted", children: ["Delete ", recordName, "?"] }), _jsx("button", { type: "button", onClick: () => {
+                            setConfirming(false);
+                        }, className: "rounded-md px-2 py-1 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "button", disabled: isPending, onClick: onConfirm, className: "rounded-md bg-danger px-2.5 py-1 text-[12px] font-semibold text-danger-fg transition hover:opacity-90 disabled:opacity-50", children: isPending ? 'Deleting…' : `Delete ${recordLabel.toLowerCase()}` })] })) : (_jsx("button", { type: "button", onClick: () => {
+                    setConfirming(true);
+                }, className: "rounded-md border border-border px-2.5 py-1 text-[12px] font-medium text-ink-muted transition hover:border-danger hover:text-danger", children: "Delete" })), error !== null && (_jsx("div", { className: "w-full max-w-sm", children: _jsx(ErrorPanel, { error: error }) }))] }));
+}
+//# sourceMappingURL=DeleteRecord.js.map

package/dist/components/DeleteRecord.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteRecord.js","sourceRoot":"","sources":["../../src/components/DeleteRecord.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEhC,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAkB,CAAA;AAU7C;;;;;;;;;GASG;AACH,MAAM,UAAU,YAAY,CAAC,EAC3B,WAAW,EACX,UAAU,EACV,SAAS,EACT,KAAK,EACL,SAAS,GACS;IAClB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAEnD,OAAO,CACL,eAAK,SAAS,EAAC,+BAA+B,aAC3C,UAAU,CAAC,CAAC,CAAC,CACZ,eAAK,SAAS,EAAC,yBAAyB,aACtC,gBAAM,SAAS,EAAC,4BAA4B,wBAAS,UAAU,SAAS,EACxE,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4BACZ,aAAa,CAAC,KAAK,CAAC,CAAA;wBACtB,CAAC,EACD,SAAS,EAAC,4EAA4E,uBAG/E,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,QAAQ,EAAE,SAAS,EACnB,OAAO,EAAE,SAAS,EAClB,SAAS,EAAC,2HAA2H,YAEpI,SAAS,CAAC,CAAC,CAAC,WAAW,CAAC,CAAC,CAAC,UAAU,WAAW,CAAC,WAAW,EAAE,EAAE,GACzD,IACL,CACP,CAAC,CAAC,CAAC,CACF,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oBACZ,aAAa,CAAC,IAAI,CAAC,CAAA;gBACrB,CAAC,EACD,SAAS,EAAC,qIAAqI,uBAGxI,CACV,EACA,KAAK,KAAK,IAAI,IAAI,CACjB,cAAK,SAAS,EAAC,iBAAiB,YAC9B,KAAC,UAAU,IAAC,KAAK,EAAE,KAAK,GAAI,GACxB,CACP,IACG,CACP,CAAA;AACH,CAAC"}

package/dist/components/EntitySearch.d.ts

@@ -0,0 +1,33 @@
+/**
+ * Pick a record, or create one by typing a name that does not match.
+ *
+ * One change from the mockups. There, `options` was the whole seed array and the
+ * filtering happened here. Against the API a page cannot hold every company in
+ * memory, so a parent may pass `onQueryChange` and answer with a `?q=` search
+ * instead. When it does, local filtering is skipped: the server matches fields
+ * this component never sees, and re-filtering the answer would hide real hits.
+ */
+export interface SearchOption {
+    readonly id: string;
+    readonly label: string;
+    readonly meta?: string;
+}
+export interface EntitySearchProps {
+    readonly options: readonly SearchOption[];
+    readonly value: string;
+    readonly onChange: (id: string) => void;
+    /** Set to run the search server-side. Receives what has been typed, trimmed of nothing. */
+    readonly onQueryChange?: (query: string) => void;
+    /** When set, typing a name that is not an exact match offers a create row. */
+    readonly onCreate?: (label: string) => void;
+    readonly createLabel?: (query: string) => string;
+    readonly placeholder?: string;
+    readonly emptyMessage?: string;
+    /** Most rows shown at once. The list says so when there are more. */
+    readonly limit?: number;
+    readonly required?: boolean;
+    readonly className?: string;
+    readonly size?: 'sm' | 'md';
+}
+export declare function EntitySearch({ options, value, onChange, onQueryChange, onCreate, createLabel, placeholder, emptyMessage, limit, required, className, size, }: EntitySearchProps): React.JSX.Element;
+//# sourceMappingURL=EntitySearch.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EntitySearch.d.ts","sourceRoot":"","sources":["../../src/components/EntitySearch.tsx"],"names":[],"mappings":"AAEA;;;;;;;;GAQG;AAEH,MAAM,WAAW,YAAY;IAC3B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAA;IACnB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,IAAI,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,OAAO,EAAE,SAAS,YAAY,EAAE,CAAA;IACzC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,2FAA2F;IAC3F,QAAQ,CAAC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAChD,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IAC3C,QAAQ,CAAC,WAAW,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAA;IAChD,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAA;IAC7B,QAAQ,CAAC,YAAY,CAAC,EAAE,MAAM,CAAA;IAC9B,qEAAqE;IACrE,QAAQ,CAAC,KAAK,CAAC,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAC3B,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,IAAI,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;CAC5B;AAED,wBAAgB,YAAY,CAAC,EAC3B,OAAO,EACP,KAAK,EACL,QAAQ,EACR,aAAa,EACb,QAAQ,EACR,WAA4C,EAC5C,WAAuB,EACvB,YAA2B,EAC3B,KAAS,EACT,QAAQ,EACR,SAAc,EACd,IAAW,GACZ,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CA0NvC"}