@kelpie/ui 0.1.0

package/dist/components/SegmentedControl.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+/** A small either-or toggle: board or list, open or all, open or closed. */
+export function SegmentedControl({ value, onChange, options, ariaLabel, }) {
+    return (_jsx("div", { role: "group", "aria-label": ariaLabel, className: "inline-flex rounded-md border border-border bg-surface-raised p-0.5", children: options.map((option) => {
+            const selected = value === option.id;
+            return (_jsx("button", { type: "button", "aria-pressed": selected, onClick: () => {
+                    onChange(option.id);
+                }, className: [
+                    'rounded px-2.5 py-1 text-[12px] font-medium transition-colors',
+                    selected ? 'bg-accent-soft text-accent-hover' : 'text-ink-muted hover:text-ink',
+                ].join(' '), children: option.label }, option.id));
+        }) }));
+}
+//# sourceMappingURL=SegmentedControl.js.map

package/dist/components/SegmentedControl.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SegmentedControl.js","sourceRoot":"","sources":["../../src/components/SegmentedControl.tsx"],"names":[],"mappings":";AAYA,4EAA4E;AAC5E,MAAM,UAAU,gBAAgB,CAAmB,EACjD,KAAK,EACL,QAAQ,EACR,OAAO,EACP,SAAS,GACgB;IACzB,OAAO,CACL,cACE,IAAI,EAAC,OAAO,gBACA,SAAS,EACrB,SAAS,EAAC,qEAAqE,YAE9E,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE;YACtB,MAAM,QAAQ,GAAG,KAAK,KAAK,MAAM,CAAC,EAAE,CAAA;YAEpC,OAAO,CACL,iBAEE,IAAI,EAAC,QAAQ,kBACC,QAAQ,EACtB,OAAO,EAAE,GAAG,EAAE;oBACZ,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC,CAAA;gBACrB,CAAC,EACD,SAAS,EAAE;oBACT,+DAA+D;oBAC/D,QAAQ,CAAC,CAAC,CAAC,kCAAkC,CAAC,CAAC,CAAC,+BAA+B;iBAChF,CAAC,IAAI,CAAC,GAAG,CAAC,YAEV,MAAM,CAAC,KAAK,IAXR,MAAM,CAAC,EAAE,CAYP,CACV,CAAA;QACH,CAAC,CAAC,GACE,CACP,CAAA;AACH,CAAC"}

package/dist/components/Shell.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.d.ts","sourceRoot":"","sources":["../../src/components/Shell.tsx"],"names":[],"mappings":"AAoFA,wBAAgB,KAAK,IAAI,KAAK,CAAC,GAAG,CAAC,OAAO,CAuNzC"}

package/dist/components/Shell.js

@@ -0,0 +1,143 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { NavLink, Outlet, useLocation, useNavigate } from 'react-router';
+import { useAccount, useTheme } from '../api/resources/account.js';
+import { useModuleSettings } from '../api/resources/moduleSettings.js';
+import { useLogOut } from '../api/resources/session.js';
+import { initialsOf } from '../lib/names.js';
+import { useNavItems } from '../registry/context.js';
+import { inSlotOrder } from '../registry/registry.js';
+import { ErrorBoundary } from './ErrorBoundary.js';
+/**
+ * Sidebar, header, and the outlet every page renders into.
+ *
+ * Core numbers its nav items in hundreds so a module can land between two of
+ * them without core renumbering, which is the contract `contributions.ts`
+ * documents; a core entry added later slots at an intermediate value for the
+ * same reason. The list is short because it holds what is ported: the mockup's
+ * other entries arrive with the features behind them.
+ */
+const CORE_ADMIN_NAV = [
+    { id: 'workspace', label: 'Workspace', to: '/admin/workspace', order: 100 },
+    { id: 'team', label: 'Team', to: '/admin/team', order: 200 },
+    { id: 'data', label: 'Data', to: '/admin/data', order: 300 },
+    { id: 'webhooks', label: 'Webhooks', to: '/admin/webhooks', order: 400 },
+    { id: 'mcp', label: 'MCP', to: '/admin/mcp', order: 500 },
+    { id: 'modules', label: 'Modules', to: '/admin/modules', order: 600 },
+];
+const CORE_NAV = [
+    { id: 'dashboard', label: 'Dashboard', to: '/dashboard', order: 50 },
+    { id: 'people', label: 'People', to: '/people', order: 100 },
+    { id: 'hiring', label: 'Hiring', to: '/hiring', order: 150 },
+    { id: 'companies', label: 'Companies', to: '/companies', order: 200 },
+    { id: 'deals', label: 'Deals', to: '/deals', order: 300 },
+    { id: 'opportunities', label: 'Opportunities', to: '/opportunities', order: 350 },
+    { id: 'fundraising', label: 'Fundraising', to: '/fundraising', order: 360 },
+    { id: 'partnerships', label: 'Partnerships', to: '/partnerships', order: 375 },
+    { id: 'forms', label: 'Forms', to: '/forms', order: 380 },
+    { id: 'handbook', label: 'Handbook', to: '/handbook', order: 390 },
+    { id: 'planning', label: 'Planning', to: '/planning', order: 400 },
+    { id: 'decisions', label: 'Decisions', to: '/decisions', order: 500 },
+];
+/**
+ * `nav.primary` is one flat slot (`modules.md`); the mockup renders it as two
+ * visual groups, an unheaded top section and a headed "CRM" section. This is
+ * presentation only, so it stays here rather than becoming a second slot.
+ */
+const TOP_LEVEL_NAV_IDS = new Set(['dashboard', 'handbook', 'planning', 'decisions']);
+/**
+ * A nav item whose id does not match its module id. Everything else looks
+ * itself up directly, which is what keeps a toggleable module's own nav entry
+ * working with no change here when one is added later.
+ */
+const NAV_ID_TO_MODULE_ID = {
+    fundraising: 'raises',
+    data: 'import-export',
+};
+function linkClass({ isActive }) {
+    return [
+        'block rounded-md px-2 py-1 text-[13px] transition-colors duration-100',
+        isActive
+            ? 'bg-sidebar-active font-medium text-sidebar-ink'
+            : 'text-sidebar-muted hover:bg-sidebar-hover hover:text-sidebar-ink',
+    ].join(' ');
+}
+const THEME_CYCLE = {
+    system: 'light',
+    light: 'dark',
+    dark: 'system',
+};
+const THEME_LABELS = {
+    system: 'System',
+    light: 'Light',
+    dark: 'Dark',
+};
+export function Shell() {
+    const navigate = useNavigate();
+    const location = useLocation();
+    const { account } = useAccount();
+    const logOut = useLogOut();
+    const moduleNav = useNavItems('primary');
+    const moduleAdminNav = useNavItems('admin');
+    const { settings } = useModuleSettings();
+    const disabledModuleIds = new Set(settings.filter((setting) => !setting.enabled).map((setting) => setting.moduleId));
+    const isModuleHidden = (navId) => disabledModuleIds.has(NAV_ID_TO_MODULE_ID[navId] ?? navId);
+    const [menuOpen, setMenuOpen] = useState(false);
+    // The same preference the account page writes, so this button and that page
+    // cannot disagree about which theme the account is on.
+    const { theme, setTheme } = useTheme();
+    const menuRef = useRef(null);
+    const [query, setQuery] = useState('');
+    useEffect(() => {
+        if (!menuOpen) {
+            return;
+        }
+        function onPointerDown(event) {
+            if (menuRef.current?.contains(event.target) !== true) {
+                setMenuOpen(false);
+            }
+        }
+        function onKeyDown(event) {
+            if (event.key === 'Escape') {
+                setMenuOpen(false);
+            }
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        document.addEventListener('keydown', onKeyDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+            document.removeEventListener('keydown', onKeyDown);
+        };
+    }, [menuOpen]);
+    const navItems = inSlotOrder([...CORE_NAV, ...moduleNav]).filter((item) => !isModuleHidden(item.id));
+    const topLevelItems = navItems.filter((item) => TOP_LEVEL_NAV_IDS.has(item.id));
+    const crmItems = navItems.filter((item) => !TOP_LEVEL_NAV_IDS.has(item.id));
+    const adminItems = inSlotOrder([...CORE_ADMIN_NAV, ...moduleAdminNav]).filter((item) => !isModuleHidden(item.id));
+    return (_jsxs("div", { className: "flex min-h-screen bg-surface", children: [_jsxs("aside", { className: "flex w-[200px] shrink-0 flex-col border-r border-sidebar-border bg-sidebar", children: [_jsx("div", { className: "px-3 py-4", children: _jsx(NavLink, { to: "/dashboard", className: "group block px-2", children: _jsx("div", { className: "text-[15px] font-semibold tracking-tight text-sidebar-ink transition-opacity group-hover:opacity-80", children: "Kelpie" }) }) }), _jsxs("nav", { className: "flex flex-1 flex-col gap-5 overflow-y-auto px-2 pb-4", children: [_jsx("div", { className: "flex flex-col gap-0.5", children: topLevelItems.map((item) => (_jsx(NavLink, { to: item.to, className: linkClass, children: item.label }, item.id))) }), _jsxs("div", { children: [_jsx("div", { className: "mb-1 px-2 text-[11px] text-sidebar-muted", children: "CRM" }), _jsx("div", { className: "flex flex-col gap-0.5", children: crmItems.map((item) => (_jsx(NavLink, { to: item.to, className: linkClass, children: item.label }, item.id))) })] }), _jsxs("div", { children: [_jsx("div", { className: "mb-1 px-2 text-[11px] text-sidebar-muted", children: "Admin" }), _jsx("div", { className: "flex flex-col gap-0.5", children: adminItems.map((item) => (_jsx(NavLink, { to: item.to, className: linkClass, children: item.label }, item.id))) })] })] })] }), _jsxs("div", { className: "flex min-w-0 flex-1 flex-col", children: [_jsxs("header", { className: "flex h-11 items-center gap-3 border-b border-border px-5", children: [_jsx("form", { className: "flex-1", onSubmit: (event) => {
+                                    event.preventDefault();
+                                    const term = query.trim();
+                                    if (term.length === 0) {
+                                        return;
+                                    }
+                                    void navigate(`/search?q=${encodeURIComponent(term)}`);
+                                }, children: _jsx("input", { value: query, onChange: (event) => {
+                                        setQuery(event.target.value);
+                                    }, "aria-label": "Search", placeholder: "Search\u2026", className: "w-full max-w-sm rounded-md border border-transparent bg-surface-sunken px-2.5 py-1 text-[13px] text-ink outline-none transition placeholder:text-ink-faint focus:border-border focus:bg-surface-raised" }) }), _jsx("button", { type: "button", onClick: () => {
+                                    setTheme(THEME_CYCLE[theme]);
+                                }, title: `Theme: ${THEME_LABELS[theme]}`, className: "rounded-md px-2 py-1 text-[12px] text-ink-muted transition hover:bg-surface-sunken hover:text-ink", children: THEME_LABELS[theme] }), _jsxs("div", { className: "relative", ref: menuRef, children: [_jsx("button", { type: "button", onClick: () => {
+                                            setMenuOpen((current) => !current);
+                                        }, "aria-expanded": menuOpen, "aria-haspopup": "menu", className: "flex h-7 w-7 items-center justify-center rounded-full bg-accent text-[10px] font-semibold text-accent-fg transition hover:bg-accent-hover", title: account?.name ?? 'Account', children: account === undefined ? '?' : initialsOf(account.name) }), menuOpen && (_jsxs("div", { role: "menu", className: "absolute right-0 z-20 mt-1.5 w-56 overflow-hidden rounded-md border border-border bg-surface-raised py-1", children: [_jsxs("div", { className: "border-b border-border px-3 py-2", children: [_jsx("div", { className: "truncate text-[13px] font-medium text-ink", children: account?.name ?? 'Loading…' }), _jsx("div", { className: "truncate font-mono text-[11px] text-ink-faint", children: account?.email ?? '' })] }), _jsx(NavLink, { to: "/account/profile", role: "menuitem", onClick: () => {
+                                                    setMenuOpen(false);
+                                                }, className: "block px-3 py-1.5 text-left text-[13px] text-ink hover:bg-surface-sunken", children: "Account settings" }), _jsx(NavLink, { to: "/account/preferences", role: "menuitem", onClick: () => {
+                                                    setMenuOpen(false);
+                                                }, className: "block border-b border-border px-3 py-1.5 text-left text-[13px] text-ink hover:bg-surface-sunken", children: "Preferences" }), _jsx("button", { type: "button", role: "menuitem", disabled: logOut.isPending, onClick: () => {
+                                                    setMenuOpen(false);
+                                                    logOut
+                                                        .runAsync()
+                                                        .catch(() => undefined)
+                                                        .finally(() => {
+                                                        void navigate('/login', { replace: true });
+                                                    });
+                                                }, className: "block w-full px-3 py-1.5 text-left text-[13px] text-ink hover:bg-surface-sunken", children: "Sign out" })] }))] })] }), _jsx("main", { className: "min-w-0 flex-1 overflow-auto px-5 py-5", children: _jsx(ErrorBoundary, { children: _jsx(Outlet, {}) }, location.pathname) })] })] }));
+}
+//# sourceMappingURL=Shell.js.map

package/dist/components/Shell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Shell.js","sourceRoot":"","sources":["../../src/components/Shell.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAA;AAExE,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAA;AAClE,OAAO,EAAE,iBAAiB,EAAE,MAAM,oCAAoC,CAAA;AACtE,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAA;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAA;AACrD,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAqB,CAAA;AAEnD;;;;;;;;GAQG;AACH,MAAM,cAAc,GAAuB;IACzC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,kBAAkB,EAAE,KAAK,EAAE,GAAG,EAAE;IAC3E,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,iBAAiB,EAAE,KAAK,EAAE,GAAG,EAAE;IACxE,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;IACzD,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,SAAS,EAAE,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;CACtE,CAAA;AAED,MAAM,QAAQ,GAAuB;IACnC,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,EAAE,EAAE;IACpE,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE,SAAS,EAAE,KAAK,EAAE,GAAG,EAAE;IAC5D,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;IACrE,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;IACzD,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,eAAe,EAAE,EAAE,EAAE,gBAAgB,EAAE,KAAK,EAAE,GAAG,EAAE;IACjF,EAAE,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE,aAAa,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,GAAG,EAAE;IAC3E,EAAE,EAAE,EAAE,cAAc,EAAE,KAAK,EAAE,cAAc,EAAE,EAAE,EAAE,eAAe,EAAE,KAAK,EAAE,GAAG,EAAE;IAC9E,EAAE,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,GAAG,EAAE;IACzD,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE;IAClE,EAAE,EAAE,EAAE,UAAU,EAAE,KAAK,EAAE,UAAU,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,GAAG,EAAE;IAClE,EAAE,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,WAAW,EAAE,EAAE,EAAE,YAAY,EAAE,KAAK,EAAE,GAAG,EAAE;CACtE,CAAA;AAED;;;;GAIG;AACH,MAAM,iBAAiB,GAAwB,IAAI,GAAG,CAAC,CAAC,WAAW,EAAE,UAAU,EAAE,UAAU,EAAE,WAAW,CAAC,CAAC,CAAA;AAE1G;;;;GAIG;AACH,MAAM,mBAAmB,GAAqC;IAC5D,WAAW,EAAE,QAAQ;IACrB,IAAI,EAAE,eAAe;CACtB,CAAA;AAED,SAAS,SAAS,CAAC,EAAE,QAAQ,EAAyB;IACpD,OAAO;QACL,uEAAuE;QACvE,QAAQ;YACN,CAAC,CAAC,gDAAgD;YAClD,CAAC,CAAC,kEAAkE;KACvE,CAAC,IAAI,CAAC,GAAG,CAAC,CAAA;AACb,CAAC;AAED,MAAM,WAAW,GAAuD;IACtE,MAAM,EAAE,OAAO;IACf,KAAK,EAAE,MAAM;IACb,IAAI,EAAE,QAAQ;CACf,CAAA;AAED,MAAM,YAAY,GAA8C;IAC9D,MAAM,EAAE,QAAQ;IAChB,KAAK,EAAE,OAAO;IACd,IAAI,EAAE,MAAM;CACb,CAAA;AAED,MAAM,UAAU,KAAK;IACnB,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,QAAQ,GAAG,WAAW,EAAE,CAAA;IAC9B,MAAM,EAAE,OAAO,EAAE,GAAG,UAAU,EAAE,CAAA;IAChC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAA;IAC1B,MAAM,SAAS,GAAG,WAAW,CAAC,SAAS,CAAC,CAAA;IACxC,MAAM,cAAc,GAAG,WAAW,CAAC,OAAO,CAAC,CAAA;IAC3C,MAAM,EAAE,QAAQ,EAAE,GAAG,iBAAiB,EAAE,CAAA;IACxC,MAAM,iBAAiB,GAAG,IAAI,GAAG,CAC/B,QAAQ,CAAC,MAAM,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,OAAO,CAAC,CAAC,GAAG,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,CAAC,QAAQ,CAAC,CAClF,CAAA;IACD,MAAM,cAAc,GAAG,CAAC,KAAa,EAAW,EAAE,CAChD,iBAAiB,CAAC,GAAG,CAAC,mBAAmB,CAAC,KAAK,CAAC,IAAI,KAAK,CAAC,CAAA;IAC5D,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IAC/C,4EAA4E;IAC5E,uDAAuD;IACvD,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,GAAG,QAAQ,EAAE,CAAA;IACtC,MAAM,OAAO,GAAG,MAAM,CAAiB,IAAI,CAAC,CAAA;IAC5C,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAA;IAEtC,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,QAAQ,EAAE,CAAC;YACd,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,WAAW,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC;QACH,CAAC;QAED,SAAS,SAAS,CAAC,KAAoB;YACrC,IAAI,KAAK,CAAC,GAAG,KAAK,QAAQ,EAAE,CAAC;gBAC3B,WAAW,CAAC,KAAK,CAAC,CAAA;YACpB,CAAC;QACH,CAAC;QAED,QAAQ,CAAC,gBAAgB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;QACrD,QAAQ,CAAC,gBAAgB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QAE/C,OAAO,GAAG,EAAE;YACV,QAAQ,CAAC,mBAAmB,CAAC,WAAW,EAAE,aAAa,CAAC,CAAA;YACxD,QAAQ,CAAC,mBAAmB,CAAC,SAAS,EAAE,SAAS,CAAC,CAAA;QACpD,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAA;IAEd,MAAM,QAAQ,GAAG,WAAW,CAAC,CAAC,GAAG,QAAQ,EAAE,GAAG,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IACpG,MAAM,aAAa,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAC/E,MAAM,QAAQ,GAAG,QAAQ,CAAC,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,iBAAiB,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAA;IAC3E,MAAM,UAAU,GAAG,WAAW,CAAC,CAAC,GAAG,cAAc,EAAE,GAAG,cAAc,CAAC,CAAC,CAAC,MAAM,CAC3E,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,cAAc,CAAC,IAAI,CAAC,EAAE,CAAC,CACnC,CAAA;IAED,OAAO,CACL,eAAK,SAAS,EAAC,8BAA8B,aAC3C,iBAAO,SAAS,EAAC,4EAA4E,aAC3F,cAAK,SAAS,EAAC,WAAW,YACxB,KAAC,OAAO,IAAC,EAAE,EAAC,YAAY,EAAC,SAAS,EAAC,kBAAkB,YACnD,cAAK,SAAS,EAAC,qGAAqG,uBAE9G,GACE,GACN,EAEN,eAAK,SAAS,EAAC,sDAAsD,aACnE,cAAK,SAAS,EAAC,uBAAuB,YACnC,aAAa,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC3B,KAAC,OAAO,IAAe,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,YACrD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC,GACE,EAEN,0BACE,cAAK,SAAS,EAAC,0CAA0C,oBAAU,EACnE,cAAK,SAAS,EAAC,uBAAuB,YACnC,QAAQ,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACtB,KAAC,OAAO,IAAe,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,YACrD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC,GACE,IACF,EAON,0BACE,cAAK,SAAS,EAAC,0CAA0C,sBAAY,EACrE,cAAK,SAAS,EAAC,uBAAuB,YACnC,UAAU,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACxB,KAAC,OAAO,IAAe,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,SAAS,EAAE,SAAS,YACrD,IAAI,CAAC,KAAK,IADC,IAAI,CAAC,EAAE,CAEX,CACX,CAAC,GACE,IACF,IACF,IACA,EAER,eAAK,SAAS,EAAC,8BAA8B,aAC3C,kBAAQ,SAAS,EAAC,0DAA0D,aAC1E,eACE,SAAS,EAAC,QAAQ,EAClB,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;oCAClB,KAAK,CAAC,cAAc,EAAE,CAAA;oCACtB,MAAM,IAAI,GAAG,KAAK,CAAC,IAAI,EAAE,CAAA;oCAEzB,IAAI,IAAI,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;wCACtB,OAAM;oCACR,CAAC;oCAED,KAAK,QAAQ,CAAC,aAAa,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAC,CAAA;gCACxD,CAAC,YAED,gBACE,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,CAAC,KAAK,EAAE,EAAE;wCAClB,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;oCAC9B,CAAC,gBACU,QAAQ,EACnB,WAAW,EAAC,cAAS,EACrB,SAAS,EAAC,wMAAwM,GAClN,GACG,EACP,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;oCACZ,QAAQ,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC,CAAA;gCAC9B,CAAC,EACD,KAAK,EAAE,UAAU,YAAY,CAAC,KAAK,CAAC,EAAE,EACtC,SAAS,EAAC,mGAAmG,YAE5G,YAAY,CAAC,KAAK,CAAC,GACb,EACT,eAAK,SAAS,EAAC,UAAU,EAAC,GAAG,EAAE,OAAO,aACpC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,GAAG,EAAE;4CACZ,WAAW,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,CAAA;wCACpC,CAAC,mBACc,QAAQ,mBACT,MAAM,EACpB,SAAS,EAAC,2IAA2I,EACrJ,KAAK,EAAE,OAAO,EAAE,IAAI,IAAI,SAAS,YAEhC,OAAO,KAAK,SAAS,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,IAAI,CAAC,GAChD,EACR,QAAQ,IAAI,CACX,eACE,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,0GAA0G,aAEpH,eAAK,SAAS,EAAC,kCAAkC,aAC/C,cAAK,SAAS,EAAC,2CAA2C,YACvD,OAAO,EAAE,IAAI,IAAI,UAAU,GACxB,EACN,cAAK,SAAS,EAAC,+CAA+C,YAC3D,OAAO,EAAE,KAAK,IAAI,EAAE,GACjB,IACF,EACN,KAAC,OAAO,IACN,EAAE,EAAC,kBAAkB,EACrB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;oDACZ,WAAW,CAAC,KAAK,CAAC,CAAA;gDACpB,CAAC,EACD,SAAS,EAAC,0EAA0E,iCAG5E,EACV,KAAC,OAAO,IACN,EAAE,EAAC,sBAAsB,EACzB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,GAAG,EAAE;oDACZ,WAAW,CAAC,KAAK,CAAC,CAAA;gDACpB,CAAC,EACD,SAAS,EAAC,iGAAiG,4BAGnG,EACV,iBACE,IAAI,EAAC,QAAQ,EACb,IAAI,EAAC,UAAU,EACf,QAAQ,EAAE,MAAM,CAAC,SAAS,EAC1B,OAAO,EAAE,GAAG,EAAE;oDACZ,WAAW,CAAC,KAAK,CAAC,CAAA;oDAClB,MAAM;yDACH,QAAQ,EAAE;yDACV,KAAK,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC;yDACtB,OAAO,CAAC,GAAG,EAAE;wDACZ,KAAK,QAAQ,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAA;oDAC5C,CAAC,CAAC,CAAA;gDACN,CAAC,EACD,SAAS,EAAC,iFAAiF,yBAGpF,IACL,CACP,IACG,IACC,EAET,eAAM,SAAS,EAAC,wCAAwC,YAGtD,KAAC,aAAa,cACZ,KAAC,MAAM,KAAG,IADQ,QAAQ,CAAC,QAAQ,CAErB,GACX,IACH,IACF,CACP,CAAA;AACH,CAAC"}

package/dist/components/SidebarField.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+export interface SidebarFieldProps {
+    readonly label: string;
+    readonly children: ReactNode;
+}
+/** One labelled row in a record's sidebar. Ported from `RelatedList.tsx` in the mockups. */
+export declare function SidebarField({ label, children }: SidebarFieldProps): React.JSX.Element;
+//# sourceMappingURL=SidebarField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarField.d.ts","sourceRoot":"","sources":["../../src/components/SidebarField.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEtC,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,SAAS,CAAA;CAC7B;AAED,4FAA4F;AAC5F,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAStF"}

package/dist/components/SidebarField.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+/** One labelled row in a record's sidebar. Ported from `RelatedList.tsx` in the mockups. */
+export function SidebarField({ label, children }) {
+    return (_jsxs("div", { className: "border-t border-border py-2 first:border-t-0 first:pt-0", children: [_jsx("div", { className: "mb-0.5 text-[10px] font-semibold tracking-wide text-ink-faint uppercase", children: label }), _jsx("div", { className: "min-w-0 text-[12px] leading-snug text-ink", children: children })] }));
+}
+//# sourceMappingURL=SidebarField.js.map

package/dist/components/SidebarField.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarField.js","sourceRoot":"","sources":["../../src/components/SidebarField.tsx"],"names":[],"mappings":";AAOA,4FAA4F;AAC5F,MAAM,UAAU,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAqB;IACjE,OAAO,CACL,eAAK,SAAS,EAAC,yDAAyD,aACtE,cAAK,SAAS,EAAC,yEAAyE,YACrF,KAAK,GACF,EACN,cAAK,SAAS,EAAC,2CAA2C,YAAE,QAAQ,GAAO,IACvE,CACP,CAAA;AACH,CAAC"}

package/dist/components/SocialProfilesField.d.ts

@@ -0,0 +1,8 @@
+import type { SocialProfile } from '@kelpie/schemas';
+export interface SocialProfilesFieldProps {
+    readonly value: readonly SocialProfile[];
+    readonly onChange: (profiles: readonly SocialProfile[]) => void;
+}
+/** One profile per network, so the network list doubles as the set of things left to add. */
+export declare function SocialProfilesField({ value, onChange, }: SocialProfilesFieldProps): React.JSX.Element;
+//# sourceMappingURL=SocialProfilesField.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SocialProfilesField.d.ts","sourceRoot":"","sources":["../../src/components/SocialProfilesField.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAmB,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAGrE,MAAM,WAAW,wBAAwB;IACvC,QAAQ,CAAC,KAAK,EAAE,SAAS,aAAa,EAAE,CAAA;IACxC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,EAAE,SAAS,aAAa,EAAE,KAAK,IAAI,CAAA;CAChE;AAoBD,6FAA6F;AAC7F,wBAAgB,mBAAmB,CAAC,EAClC,KAAK,EACL,QAAQ,GACT,EAAE,wBAAwB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAoU9C"}

package/dist/components/SocialProfilesField.js

@@ -0,0 +1,176 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SOCIAL_NETWORK_IDS, SOCIAL_NETWORK_LABELS } from '@kelpie/schemas';
+import { useEffect, useId, useMemo, useRef, useState } from 'react';
+function hrefFor(url) {
+    return /^https?:\/\//iu.test(url) ? url : `https://${url}`;
+}
+/** The path or handle, so a list of profiles does not repeat the same domain nine times. */
+function profileHandle(url) {
+    const bare = url.replace(/^https?:\/\/(www\.)?/iu, '').replace(/\/+$/u, '');
+    const slash = bare.indexOf('/');
+    if (slash === -1) {
+        return bare;
+    }
+    const path = bare.slice(slash + 1);
+    return path.length > 0 ? path : bare;
+}
+/** One profile per network, so the network list doubles as the set of things left to add. */
+export function SocialProfilesField({ value, onChange, }) {
+    const listId = useId();
+    const rootRef = useRef(null);
+    const urlInputRef = useRef(null);
+    const editInputRef = useRef(null);
+    const [open, setOpen] = useState(false);
+    const [query, setQuery] = useState('');
+    const [highlight, setHighlight] = useState(0);
+    const [pendingNetwork, setPendingNetwork] = useState(null);
+    const [pendingUrl, setPendingUrl] = useState('');
+    const [editingNetwork, setEditingNetwork] = useState(null);
+    const [editUrl, setEditUrl] = useState('');
+    const available = useMemo(() => {
+        const used = new Set(value.map((profile) => profile.network));
+        return SOCIAL_NETWORK_IDS.filter((network) => !used.has(network));
+    }, [value]);
+    const filtered = useMemo(() => {
+        const term = query.trim().toLowerCase();
+        return term.length === 0
+            ? available
+            : available.filter((network) => SOCIAL_NETWORK_LABELS[network].toLowerCase().includes(term));
+    }, [available, query]);
+    useEffect(() => {
+        if (!open) {
+            return;
+        }
+        function onPointerDown(event) {
+            if (rootRef.current?.contains(event.target) !== true) {
+                setOpen(false);
+                setQuery('');
+            }
+        }
+        document.addEventListener('mousedown', onPointerDown);
+        return () => {
+            document.removeEventListener('mousedown', onPointerDown);
+        };
+    }, [open]);
+    useEffect(() => {
+        setHighlight(0);
+    }, [query, open]);
+    useEffect(() => {
+        if (pendingNetwork !== null) {
+            urlInputRef.current?.focus();
+        }
+    }, [pendingNetwork]);
+    useEffect(() => {
+        if (editingNetwork !== null) {
+            editInputRef.current?.focus();
+            editInputRef.current?.select();
+        }
+    }, [editingNetwork]);
+    function pickNetwork(network) {
+        setEditingNetwork(null);
+        setPendingNetwork(network);
+        setPendingUrl('');
+        setOpen(false);
+        setQuery('');
+    }
+    function cancelPending() {
+        setPendingNetwork(null);
+        setPendingUrl('');
+    }
+    function commitPending() {
+        const url = pendingUrl.trim();
+        if (pendingNetwork === null || url.length === 0) {
+            return;
+        }
+        onChange([
+            ...value.filter((profile) => profile.network !== pendingNetwork),
+            { network: pendingNetwork, url },
+        ]);
+        cancelPending();
+    }
+    function cancelEdit() {
+        setEditingNetwork(null);
+        setEditUrl('');
+    }
+    function commitEdit() {
+        if (editingNetwork === null) {
+            return;
+        }
+        const url = editUrl.trim();
+        onChange(url.length === 0
+            ? value.filter((profile) => profile.network !== editingNetwork)
+            : value.map((profile) => profile.network === editingNetwork ? { ...profile, url } : profile));
+        cancelEdit();
+    }
+    return (_jsxs("div", { className: "space-y-0.5", children: [_jsx("ul", { children: value.map((profile) => {
+                    const label = SOCIAL_NETWORK_LABELS[profile.network];
+                    if (editingNetwork === profile.network) {
+                        return (_jsxs("li", { className: "py-1", children: [_jsx("div", { className: "mb-1 text-[11px] font-medium text-ink-muted", children: label }), _jsx("input", { ref: editInputRef, type: "url", value: editUrl, onChange: (event) => {
+                                        setEditUrl(event.target.value);
+                                    }, onBlur: commitEdit, onKeyDown: (event) => {
+                                        if (event.key === 'Enter') {
+                                            event.preventDefault();
+                                            commitEdit();
+                                        }
+                                        if (event.key === 'Escape') {
+                                            event.preventDefault();
+                                            cancelEdit();
+                                        }
+                                    }, className: "w-full rounded-md border border-accent bg-surface-raised px-2 py-1 text-[12px] outline-none ring-2 ring-accent/20" })] }, profile.network));
+                    }
+                    return (_jsxs("li", { className: "-mx-1 flex items-center gap-1 rounded-md px-1 py-1 hover:bg-surface", children: [_jsxs("a", { href: hrefFor(profile.url), target: "_blank", rel: "noopener noreferrer", title: profile.url, className: "min-w-0 flex-1 truncate text-[12px] leading-snug text-ink hover:text-accent", children: [_jsx("span", { className: "font-medium", children: label }), _jsx("span", { className: "text-ink-faint", children: " \u00B7 " }), _jsx("span", { className: "text-ink-muted", children: profileHandle(profile.url) })] }), _jsxs("div", { className: "flex shrink-0 items-center", children: [_jsx("button", { type: "button", onClick: () => {
+                                            cancelPending();
+                                            setEditingNetwork(profile.network);
+                                            setEditUrl(profile.url);
+                                        }, className: "rounded px-1.5 py-0.5 text-[11px] font-medium text-ink-faint hover:bg-surface-raised hover:text-ink", children: "Edit" }), _jsx("button", { type: "button", onClick: () => {
+                                            if (editingNetwork === profile.network) {
+                                                cancelEdit();
+                                            }
+                                            onChange(value.filter((other) => other.network !== profile.network));
+                                        }, className: "rounded px-1 py-0.5 text-[13px] leading-none text-ink-faint hover:bg-danger-soft hover:text-danger", "aria-label": `Remove ${label}`, children: "\u00D7" })] })] }, profile.network));
+                }) }), value.length === 0 && pendingNetwork === null && (_jsx("p", { className: "py-0.5 text-[12px] text-ink-faint", children: "None yet" })), pendingNetwork !== null ? (_jsxs("div", { className: "mt-1 space-y-1.5 rounded-md border border-border bg-surface px-2 py-2", children: [_jsx("div", { className: "text-[11px] font-medium text-ink", children: SOCIAL_NETWORK_LABELS[pendingNetwork] }), _jsx("input", { ref: urlInputRef, type: "url", value: pendingUrl, onChange: (event) => {
+                            setPendingUrl(event.target.value);
+                        }, onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                event.preventDefault();
+                                commitPending();
+                            }
+                            if (event.key === 'Escape') {
+                                event.preventDefault();
+                                cancelPending();
+                            }
+                        }, placeholder: "Profile URL", className: "w-full rounded-md border border-border bg-surface-raised px-2 py-1 text-[12px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20" }), _jsxs("div", { className: "flex justify-end gap-1.5", children: [_jsx("button", { type: "button", onClick: cancelPending, className: "rounded-md px-2 py-1 text-[11px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "button", onClick: commitPending, disabled: pendingUrl.trim().length === 0, className: "rounded-md bg-accent px-2.5 py-1 text-[11px] font-semibold text-accent-fg hover:bg-accent-hover disabled:opacity-40", children: "Add" })] })] })) : (available.length > 0 && (_jsxs("div", { ref: rootRef, className: "relative", children: [_jsx("button", { type: "button", onClick: () => {
+                            setOpen((current) => !current);
+                            setQuery('');
+                        }, className: "mt-0.5 -mx-1 rounded-md px-1 py-1 text-[12px] font-medium text-ink-muted transition hover:bg-surface hover:text-accent", children: "+ Add" }), open && (_jsxs("div", { className: "absolute z-20 mt-0.5 w-full overflow-hidden rounded-md border border-border bg-surface-raised", children: [_jsx("input", { value: query, onChange: (event) => {
+                                    setQuery(event.target.value);
+                                }, onKeyDown: (event) => {
+                                    if (event.key === 'ArrowDown') {
+                                        event.preventDefault();
+                                        setHighlight((current) => Math.min(current + 1, Math.max(filtered.length - 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) {
+                                            pickNetwork(hit);
+                                        }
+                                    }
+                                    else if (event.key === 'Escape') {
+                                        setOpen(false);
+                                        setQuery('');
+                                    }
+                                }, placeholder: "Search networks\u2026", role: "combobox", "aria-expanded": open, "aria-controls": listId, "aria-autocomplete": "list", className: "w-full border-b border-border px-2.5 py-1.5 text-[12px] outline-none focus:bg-accent-soft/30" }), _jsx("ul", { id: listId, role: "listbox", className: "max-h-48 overflow-auto py-1", children: filtered.length === 0 ? (_jsx("li", { className: "px-3 py-2 text-[12px] text-ink-faint", children: "No networks match" })) : (filtered.map((network, index) => (_jsx("li", { role: "option", "aria-selected": index === highlight, children: _jsx("button", { type: "button", onMouseEnter: () => {
+                                            setHighlight(index);
+                                        }, onClick: () => {
+                                            pickNetwork(network);
+                                        }, className: [
+                                            'flex w-full px-3 py-1.5 text-left text-[12px] text-ink',
+                                            index === highlight ? 'bg-accent-soft' : 'hover:bg-surface',
+                                        ].join(' '), children: SOCIAL_NETWORK_LABELS[network] }) }, network)))) })] }))] })))] }));
+}
+//# sourceMappingURL=SocialProfilesField.js.map

package/dist/components/SocialProfilesField.js.map

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

package/dist/components/StageSettings.d.ts

@@ -0,0 +1,16 @@
+import type { PipelineStage } from '@kelpie/schemas';
+export interface StageSettingsProps {
+    readonly title: string;
+    readonly backTo: string;
+    readonly backLabel: string;
+    /** What one record in this pipeline is called: `deal`, `opportunity`. */
+    readonly recordNoun: string;
+    readonly stages: readonly PipelineStage[];
+    readonly onRename: (id: string, label: string) => void;
+    readonly onReorder: (activeId: string, overId: string) => void;
+    readonly onToggleOpen: (id: string, open: boolean) => void;
+    readonly onAdd: (label: string) => void;
+    readonly onRemove: (id: string, moveToId: string) => void;
+}
+export declare function StageSettings({ title, backTo, backLabel, recordNoun, stages, onRename, onReorder, onToggleOpen, onAdd, onRemove, }: StageSettingsProps): React.JSX.Element;
+//# sourceMappingURL=StageSettings.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StageSettings.d.ts","sourceRoot":"","sources":["../../src/components/StageSettings.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAgBpD,MAAM,WAAW,kBAAkB;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,MAAM,EAAE,MAAM,CAAA;IACvB,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAA;IAC1B,yEAAyE;IACzE,QAAQ,CAAC,UAAU,EAAE,MAAM,CAAA;IAC3B,QAAQ,CAAC,MAAM,EAAE,SAAS,aAAa,EAAE,CAAA;IACzC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACtD,QAAQ,CAAC,SAAS,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IAC9D,QAAQ,CAAC,YAAY,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,IAAI,EAAE,OAAO,KAAK,IAAI,CAAA;IAC1D,QAAQ,CAAC,KAAK,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACvC,QAAQ,CAAC,QAAQ,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;CAC1D;AAED,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,MAAM,EACN,SAAS,EACT,UAAU,EACV,MAAM,EACN,QAAQ,EACR,SAAS,EACT,YAAY,EACZ,KAAK,EACL,QAAQ,GACT,EAAE,kBAAkB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAuKxC"}

package/dist/components/StageSettings.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { DndContext, PointerSensor, closestCenter, useSensor, useSensors } from '@dnd-kit/core';
+import { SortableContext, useSortable, verticalListSortingStrategy } from '@dnd-kit/sortable';
+import { CSS } from '@dnd-kit/utilities';
+import { useEffect, useState } from 'react';
+import { Link } from 'react-router';
+import { SegmentedControl } from './SegmentedControl.js';
+export function StageSettings({ title, backTo, backLabel, recordNoun, stages, onRename, onReorder, onToggleOpen, onAdd, onRemove, }) {
+    const [newLabel, setNewLabel] = useState('');
+    const [pendingRemoveId, setPendingRemoveId] = useState(null);
+    const [moveToId, setMoveToId] = useState('');
+    const sensors = useSensors(useSensor(PointerSensor, { activationConstraint: { distance: 6 } }));
+    function handleDragEnd(event) {
+        const { active, over } = event;
+        if (over === null) {
+            return;
+        }
+        const activeId = String(active.id);
+        const overId = String(over.id);
+        if (activeId !== overId) {
+            onReorder(activeId, overId);
+        }
+    }
+    function requestRemove(id) {
+        if (stages.length <= 1) {
+            return;
+        }
+        setMoveToId(stages.find((stage) => stage.id !== id)?.id ?? '');
+        setPendingRemoveId(id);
+    }
+    function confirmRemove() {
+        if (pendingRemoveId === null || moveToId.length === 0) {
+            return;
+        }
+        onRemove(pendingRemoveId, moveToId);
+        setPendingRemoveId(null);
+        setMoveToId('');
+    }
+    function handleAdd(event) {
+        event.preventDefault();
+        const trimmed = newLabel.trim();
+        if (trimmed.length === 0) {
+            return;
+        }
+        onAdd(trimmed);
+        setNewLabel('');
+    }
+    const pendingStage = stages.find((stage) => stage.id === pendingRemoveId);
+    const moveTargets = stages.filter((stage) => stage.id !== pendingRemoveId);
+    return (_jsxs("div", { className: "animate-fade-in mx-auto max-w-xl", children: [_jsxs(Link, { to: backTo, className: "mb-4 inline-flex text-[12px] font-medium text-ink-muted hover:text-ink", children: ["\u2190 ", backLabel] }), _jsx("h1", { className: "text-[22px] font-semibold tracking-tight text-ink", children: title }), _jsx("p", { className: "mt-1 text-[13px] text-ink-muted", children: "Add, rename, reorder, or remove stages. Renaming only changes the label. Closed stages are hidden when the board is set to Open." }), _jsx("div", { className: "mt-6 rounded-md border border-border", children: _jsx(DndContext, { sensors: sensors, collisionDetection: closestCenter, onDragEnd: handleDragEnd, children: _jsx(SortableContext, { items: stages.map((stage) => stage.id), strategy: verticalListSortingStrategy, children: _jsx("ul", { className: "divide-y divide-border", children: stages.map((stage) => (_jsx(SortableStageRow, { stage: stage, canRemove: stages.length > 1, onRename: (label) => {
+                                    onRename(stage.id, label);
+                                }, onToggleOpen: (open) => {
+                                    onToggleOpen(stage.id, open);
+                                }, onRemove: () => {
+                                    requestRemove(stage.id);
+                                } }, stage.id))) }) }) }) }), _jsxs("form", { onSubmit: handleAdd, className: "mt-4 flex gap-2", children: [_jsx("input", { value: newLabel, onChange: (event) => {
+                            setNewLabel(event.target.value);
+                        }, placeholder: "New stage name", className: "min-w-0 flex-1 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("button", { type: "submit", disabled: newLabel.trim().length === 0, className: "rounded-md bg-accent px-3.5 py-2 text-[12px] font-semibold text-accent-fg hover:bg-accent-hover disabled:opacity-40", children: "Add stage" })] }), pendingStage !== undefined && (_jsx("div", { className: "fixed inset-0 z-50 flex items-center justify-center bg-ink/40 p-4", children: _jsxs("div", { className: "animate-slide-in w-full max-w-md rounded-md border border-border bg-surface-raised p-5", children: [_jsxs("h2", { className: "text-[15px] font-semibold text-ink", children: ["Remove \u201C", pendingStage.label, "\u201D?"] }), _jsxs("p", { className: "mt-1 text-[12px] text-ink-muted", children: ["Any ", recordNoun, "s still in this stage will move to the stage you pick."] }), _jsxs("label", { className: "mt-4 block", children: [_jsx("span", { className: "mb-1.5 block text-[12px] font-medium", children: "Move to" }), _jsx("select", { value: moveToId, onChange: (event) => {
+                                        setMoveToId(event.target.value);
+                                    }, className: "w-full rounded-md border border-border bg-surface px-3 py-2 text-[13px] outline-none focus:border-accent focus:ring-2 focus:ring-accent/20", children: moveTargets.map((stage) => (_jsx("option", { value: stage.id, children: stage.label }, stage.id))) })] }), _jsxs("div", { className: "mt-4 flex justify-end gap-2", children: [_jsx("button", { type: "button", onClick: () => {
+                                        setPendingRemoveId(null);
+                                        setMoveToId('');
+                                    }, className: "rounded-md px-3 py-2 text-[12px] font-medium text-ink-muted hover:text-ink", children: "Cancel" }), _jsx("button", { type: "button", onClick: confirmRemove, disabled: moveToId.length === 0, className: "rounded-md bg-danger px-3.5 py-2 text-[12px] font-medium text-danger-fg hover:opacity-90 disabled:opacity-40", children: "Move and remove" })] })] }) }))] }));
+}
+function SortableStageRow({ stage, canRemove, onRename, onToggleOpen, onRemove, }) {
+    const { attributes, listeners, setNodeRef, transform, transition, isDragging } = useSortable({
+        id: stage.id,
+    });
+    const [draft, setDraft] = useState(stage.label);
+    useEffect(() => {
+        setDraft(stage.label);
+    }, [stage.label]);
+    function commitRename() {
+        const trimmed = draft.trim();
+        if (trimmed.length === 0) {
+            setDraft(stage.label);
+            return;
+        }
+        if (trimmed !== stage.label) {
+            onRename(trimmed);
+        }
+        setDraft(trimmed);
+    }
+    const openValue = stage.open ? 'open' : 'closed';
+    return (_jsxs("li", { ref: setNodeRef, style: {
+            transform: CSS.Transform.toString(transform),
+            transition,
+            opacity: isDragging ? 0.5 : 1,
+        }, className: "flex flex-wrap items-center gap-3 px-3 py-3", children: [_jsx("button", { type: "button", className: "cursor-grab touch-none px-1 py-1 text-[11px] text-ink-faint active:cursor-grabbing", "aria-label": `Drag to reorder ${stage.label}`, ...attributes, ...listeners, children: "\u22EE\u22EE" }), _jsxs("div", { className: "min-w-0 flex-1", children: [_jsx("input", { value: draft, onChange: (event) => {
+                            setDraft(event.target.value);
+                        }, onBlur: commitRename, onKeyDown: (event) => {
+                            if (event.key === 'Enter') {
+                                event.preventDefault();
+                                event.target.blur();
+                            }
+                            if (event.key === 'Escape') {
+                                setDraft(stage.label);
+                                event.target.blur();
+                            }
+                        }, className: "w-full rounded-md border border-transparent bg-transparent px-2 py-1 text-[13px] font-medium text-ink outline-none hover:border-border focus:border-accent focus:ring-2 focus:ring-accent/20", "aria-label": `Stage name for ${stage.label}` }), _jsx("div", { className: "mt-0.5 px-2 font-mono text-[11px] text-ink-faint", children: stage.slug })] }), _jsx(SegmentedControl, { ariaLabel: `Open or closed for ${stage.label}`, value: openValue, onChange: (value) => {
+                    onToggleOpen(value === 'open');
+                }, options: [
+                    { id: 'open', label: 'Open' },
+                    { id: 'closed', label: 'Closed' },
+                ] }), _jsx("button", { type: "button", onClick: onRemove, disabled: !canRemove, className: "rounded-md px-2.5 py-1.5 text-[12px] font-medium text-danger hover:bg-danger-soft disabled:cursor-not-allowed disabled:opacity-40", children: "Remove" })] }));
+}
+//# sourceMappingURL=StageSettings.js.map

package/dist/components/StageSettings.js.map

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

package/dist/components/SummaryBlock.d.ts

@@ -0,0 +1,12 @@
+export interface SummaryBlockProps {
+    readonly value: string;
+    readonly onChange: (value: string) => void;
+}
+/**
+ * The agent-facing summary, at the top of a record's overview.
+ *
+ * It sits above everything else because it is the field an agent reads first;
+ * `brief.md` makes it a record field rather than something buried in notes.
+ */
+export declare function SummaryBlock({ value, onChange }: SummaryBlockProps): React.JSX.Element;
+//# sourceMappingURL=SummaryBlock.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SummaryBlock.d.ts","sourceRoot":"","sources":["../../src/components/SummaryBlock.tsx"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;CAC3C;AAED;;;;;GAKG;AACH,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,iBAAiB,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAatF"}

package/dist/components/SummaryBlock.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { InlineEdit } from './InlineEdit.js';
+/**
+ * The agent-facing summary, at the top of a record's overview.
+ *
+ * It sits above everything else because it is the field an agent reads first;
+ * `brief.md` makes it a record field rather than something buried in notes.
+ */
+export function SummaryBlock({ value, onChange }) {
+    return (_jsxs("div", { className: "mb-5 border-b border-border pb-4", children: [_jsx("div", { className: "mb-1 text-[11px] font-medium text-ink-faint", children: "Summary" }), _jsx(InlineEdit, { value: value, onChange: onChange, multiline: true, displayClassName: "text-[13px] leading-relaxed text-ink not-italic", emptyLabel: "Add a summary\u2026" })] }));
+}
+//# sourceMappingURL=SummaryBlock.js.map