@columenlabs/lumen-ui 0.1.1 → 0.1.2

package/README.md

@@ -2,4 +2,4 @@
 
 Lumen's components: the app frame (`LumenShell`), pages and views (`LumenLayout`, `LumenView`, `LumenTable`, `LumenWidget`, `LumenCard`), charts (`LumenChart`), `LumenDrawer`, `LumenSelector`, the shadcn parts under `ui/*` and one `theme.css`. Its types are in `@columenlabs/lumen-ui-types`.
 
-See the [Lumen README](https://github.com/columenlabs/lumen#readme) for install and use. MIT.
+See the [Lumen README](https://github.com/columenlabs/lumen-ui#readme) for install and use. MIT.

package/dist/assistant-panel.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // LumenAssistant's frame (was the assistant panel's): what any app's AI assistant sits
 // in, with nothing of the assistant itself. Docked right of the page on desktop (drag its left edge
 // for ASSISTANT_WIDTH, never past half the window), a full-height sheet on phone; the header's ✦

package/dist/coverage-calendar-map.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CalendarDaysIcon } from 'lucide-react';
 import { useLayoutEffect, useMemo, useRef, useState } from 'react';
 import { CoverageCell, CoverageLegend, CoverageTip } from './coverage-cells.js';

package/dist/coverage-cells.d.ts

@@ -27,7 +27,7 @@ export declare function CoverageLegend({ levels, hint }: {
  * cell made a 100-row map 13,000 tooltips, seconds per render). `label` is the
  * accessible name and the tooltip's first line; `tip` marks the cell for the shared tooltip.
  */
-export declare const CoverageCell: import("react").NamedExoticComponent<{
+export declare const CoverageCell: import("react").MemoExoticComponent<({ level, label, tip, picked, disabled, pickable, onClick, className, }: {
     level: CoverageLevel;
     label: string;
     /** What `CoverageTip` hands back to its `content` for this cell. */
@@ -38,7 +38,7 @@ export declare const CoverageCell: import("react").NamedExoticComponent<{
     pickable?: boolean;
     onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
     className?: string;
-}>;
+}) => import("react").JSX.Element>;
 /**
  * The one tooltip of a coverage map: it follows the cell under the pointer or keyboard focus inside
  * `children` (any element with `data-cell`) and shows `content` for it. Hovering re-renders only

package/dist/coverage-map.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Link } from '@tanstack/react-router';
 import { Grid3x3Icon, ListPlusIcon, XIcon } from 'lucide-react';
 import { isValidElement, memo, useLayoutEffect, useMemo, useRef, useState, } from 'react';
@@ -148,9 +148,7 @@ const SUMMARY_WIDTH = {
 };
 /** A grid-shaped skeleton: label column plus empty cells, so nothing jumps when data lands. */
 function GridSkeleton({ rows = 8 }) {
-    return (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", className: "flex flex-col gap-[5px] py-1", children: Array.from({ length: rows }, (_, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: static placeholders
-        _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-16 shrink-0" }), _jsx(Skeleton, { className: "h-[18px] flex-1" })] }, i))) }));
+    return (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", className: "flex flex-col gap-[5px] py-1", children: Array.from({ length: rows }, (_, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Skeleton, { className: "h-4 w-16 shrink-0" }), _jsx(Skeleton, { className: "h-[18px] flex-1" })] }, i))) }));
 }
 /** `symbols`, `series`: the row title as a count noun. */
 /** The narrowest a block gets before the map scrolls sideways. */
@@ -321,9 +319,7 @@ export function LumenCoverageMap({ source, title, icon = Grid3x3Icon, rows: rowS
             const grid = {
                 gridTemplateColumns: `${mobile ? '2.75rem' : '4rem'} repeat(12, minmax(${mobile ? '14px' : '18px'}, 1fr)) ${sumCols}`,
             };
-            body = (
-            // biome-ignore lint/a11y/useKeyWithClickEvents: each cell is a button; this only routes its click.
-            _jsxs("div", { className: "grid items-center gap-[3px]", style: grid, onClick: onCellClick, children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Year" }), MON.map((m, i) => (_jsx("span", { className: "text-xs text-muted-foreground", children: mobile ? (i % 3 === 0 ? m : '') : m }, m))), sums.map((s) => (_jsx("span", { className: "pl-3 text-right text-xs text-muted-foreground", children: s === 'rows' ? rowsHead : SUMMARY_HEAD[s] }, s))), years.map((y) => {
+            body = (_jsxs("div", { className: "grid items-center gap-[3px]", style: grid, onClick: onCellClick, children: [_jsx("span", { className: "text-xs text-muted-foreground", children: "Year" }), MON.map((m, i) => (_jsx("span", { className: "text-xs text-muted-foreground", children: mobile ? (i % 3 === 0 ? m : '') : m }, m))), sums.map((s) => (_jsx("span", { className: "pl-3 text-right text-xs text-muted-foreground", children: s === 'rows' ? rowsHead : SUMMARY_HEAD[s] }, s))), years.map((y) => {
                         let have = 0;
                         let expected = 0;
                         return [
@@ -367,9 +363,7 @@ export function LumenCoverageMap({ source, title, icon = Grid3x3Icon, rows: rowS
             }
             const look = { mobile, groupBy, select, sums, drilled, link: rowSpec.link };
             let group;
-            body = (
-            // biome-ignore lint/a11y/useKeyWithClickEvents: each cell is a button; this only routes its click.
-            _jsxs("div", { className: "grid min-w-min items-center gap-[3px]", style: grid, onClick: onCellClick, children: [_jsx("span", { className: "sticky left-0 z-1 bg-card text-xs text-muted-foreground", children: mobile ? '' : rowSpec.title }), cols.map((k) => (_jsx("span", { className: "num h-4 overflow-visible text-[11px] whitespace-nowrap text-muted-foreground", children: headLabel(k, block, cols.length) }, k))), sums.map((s) => (_jsx("span", { className: "pl-3 text-right text-xs text-muted-foreground", children: s === 'rows' ? rowsHead : SUMMARY_HEAD[s] }, s))), rowList.flatMap((r) => {
+            body = (_jsxs("div", { className: "grid min-w-min items-center gap-[3px]", style: grid, onClick: onCellClick, children: [_jsx("span", { className: "sticky left-0 z-1 bg-card text-xs text-muted-foreground", children: mobile ? '' : rowSpec.title }), cols.map((k) => (_jsx("span", { className: "num h-4 overflow-visible text-[11px] whitespace-nowrap text-muted-foreground", children: headLabel(k, block, cols.length) }, k))), sums.map((s) => (_jsx("span", { className: "pl-3 text-right text-xs text-muted-foreground", children: s === 'rows' ? rowsHead : SUMMARY_HEAD[s] }, s))), rowList.flatMap((r) => {
                         const out = [];
                         const shut = groupBy && folds.has(foldKey + (r.group ?? ''));
                         if (groupBy && r.group !== group) {

package/dist/details-table.js

@@ -5,11 +5,7 @@ export function DetailsTable({ head, rows, foot }) {
     const marked = head.findIndex((h) => h.grow);
     const grow = marked >= 0 ? marked : head.length - 1;
     const cell = (i) => cn('num', head[i]?.right && 'text-right', i !== grow && 'w-px');
-    return (_jsx("div", { className: "-mx-1 overflow-x-auto overflow-y-hidden rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: head.map((h, i) => (_jsx(TableHead, { className: cn(h.right && 'text-right', i !== grow && 'w-px'), children: h.label }, h.label))) }) }), _jsx(TableBody, { children: rows.map((r) => (_jsx(TableRow, { children: r.cells.map((c, i) => (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: cells are positional
-                        _jsx(TableCell, { className: cell(i), children: c }, i))) }, r.key))) }), foot && (_jsx(TableFooter, { children: _jsx(TableRow, { children: foot.map((c, i) => (
-                        // biome-ignore lint/suspicious/noArrayIndexKey: cells are positional
-                        _jsx(TableCell, { className: cell(i), children: c }, i))) }) }))] }) }));
+    return (_jsx("div", { className: "-mx-1 overflow-x-auto overflow-y-hidden rounded-md border", children: _jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: head.map((h, i) => (_jsx(TableHead, { className: cn(h.right && 'text-right', i !== grow && 'w-px'), children: h.label }, h.label))) }) }), _jsx(TableBody, { children: rows.map((r) => (_jsx(TableRow, { children: r.cells.map((c, i) => (_jsx(TableCell, { className: cell(i), children: c }, i))) }, r.key))) }), foot && (_jsx(TableFooter, { children: _jsx(TableRow, { children: foot.map((c, i) => (_jsx(TableCell, { className: cell(i), children: c }, i))) }) }))] }) }));
 }
 /** Facts as a two-row table: the labels as the header, the values under them. */
 export function FactsTable({ items }) {

package/dist/form-issues.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // Save with issues: a Save that cannot go yet says why. Beside it a chip
 // counts what needs fixing and lists it; Save, and each line of the list, takes the person to the
 // issue: the editor opens its section or tab (`reveal`), then the field scrolls into view, takes

package/dist/frame-script.js

@@ -1,4 +1,4 @@
-import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useMutation, useQuery, useQueryClient } from '@tanstack/react-query';
 import { PlayIcon, RotateCcwIcon, WrapTextIcon } from 'lucide-react';
 import { useEffect, useMemo, useState } from 'react';

package/dist/growth-chart.d.ts

@@ -16,17 +16,17 @@ export type Series = {
     points: [string, number][];
 };
 export declare const KEY_DATE_KINDS: readonly [{
-    readonly kind: "fomc";
-    readonly label: "FOMC";
-    readonly color: "var(--key-date-fomc)";
+    readonly kind: 'fomc';
+    readonly label: 'FOMC';
+    readonly color: 'var(--key-date-fomc)';
 }, {
-    readonly kind: "cpi";
-    readonly label: "CPI";
-    readonly color: "var(--key-date-cpi)";
+    readonly kind: 'cpi';
+    readonly label: 'CPI';
+    readonly color: 'var(--key-date-cpi)';
 }, {
-    readonly kind: "jobs";
-    readonly label: "Jobs";
-    readonly color: "var(--key-date-jobs)";
+    readonly kind: 'jobs';
+    readonly label: 'Jobs';
+    readonly color: 'var(--key-date-jobs)';
 }];
 export type KeyDateKind = (typeof KEY_DATE_KINDS)[number]['kind'];
 /** A thin vertical line on the chart; its label shows in the tooltip. */

package/dist/joins.d.ts

@@ -57,9 +57,10 @@ export interface JoinAction {
 export declare const asOf: (at: string) => string;
 /** Your data: the person's own columns. */
 export declare const YOURS_COLOR = "var(--origin-yours)";
+declare const recipeId: (id: string) => string;
 /** A frame's group name on a card: `Assistant · Targets`, or `Yours · Notes` for the person's own. */
-export declare const frameLabel: (meta: Pick<FrameMeta, "name" | "origin">, assistant?: string) => string;
-export declare const frameColor: (meta: Pick<FrameMeta, "origin">) => "var(--origin-assistant)" | "var(--origin-yours)";
+export declare const frameLabel: (meta: Pick<FrameMeta, 'name' | 'origin'>, assistant?: string) => string;
+export declare const frameColor: (meta: Pick<FrameMeta, 'origin'>) => "var(--origin-assistant)" | "var(--origin-yours)";
 /** The hand-edited cells of a frame, as `column\u0000key` (or `column\u0000#row`). */
 export declare function editedCells(data: FrameData | undefined): Set<string>;
 export declare const editedKey: (column: string, key: string | number) => string;
@@ -79,7 +80,7 @@ export declare function useYourData(api: string | null): import("@tanstack/react
     column: YourColumn;
 }, unknown>;
 /** A linked frame's group id in a card's field tree (`recipe:fr_…`). */
-export declare const frameGroupId: (id: string) => string;
+export declare const frameGroupId: typeof recipeId;
 /**
  * Edit widget's draft of `config.frames`: `domain` (the card's, joined with
  * its saved frames) with the frames `ids` lists, reading the ones it lacks and dropping the rest.

package/dist/joins.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CATALOG, FRAME_LINK, catalogKeys, catalogTables, linkable, } from '@columenlabs/lumen-ui-types/catalog';
 // Joins: the registry's
 // join fields, attached to any card's rows by the keys they carry. A domain says how to read a

package/dist/lumen-code.js

@@ -71,9 +71,5 @@ export function LumenCode({ code, lang, wrap = false, lineNumbers = false, heade
         setCopied(true);
         setTimeout(() => setCopied(false), 1500);
     }, () => toast.error("Couldn't copy the code"));
-    return (_jsxs("div", { "data-slot": "lumen-code", "data-highlighted": tokens ? 'true' : 'false', className: cn('lumen-code min-w-0 text-xs leading-relaxed', wrap && 'lumen-code-wrap', lineNumbers && 'lumen-code-numbers', header && 'rounded-lg border bg-muted/40', className), children: [header && (_jsxs("div", { className: "flex h-7 items-center justify-between border-b pr-1 pl-3", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: lang || 'text' }), _jsx(IconButton, { icon: copied ? CheckIcon : CopyIcon, label: copied ? 'Copied' : 'Copy code', size: "icon-xs", onClick: copy })] })), _jsx("pre", { className: "overflow-x-auto", children: _jsx("code", { children: lines.map((line, i) => (
-                    // biome-ignore lint/suspicious/noArrayIndexKey: lines have no other identity
-                    _jsxs("span", { className: "line", children: [line.map((t, j) => (
-                            // biome-ignore lint/suspicious/noArrayIndexKey: tokens have no other identity
-                            _jsx("span", { style: t.htmlStyle, children: t.content }, j))), '\n'] }, i))) }) })] }));
+    return (_jsxs("div", { "data-slot": "lumen-code", "data-highlighted": tokens ? 'true' : 'false', className: cn('lumen-code min-w-0 text-xs leading-relaxed', wrap && 'lumen-code-wrap', lineNumbers && 'lumen-code-numbers', header && 'rounded-lg border bg-muted/40', className), children: [header && (_jsxs("div", { className: "flex h-7 items-center justify-between border-b pr-1 pl-3", children: [_jsx("span", { className: "font-mono text-xs text-muted-foreground", children: lang || 'text' }), _jsx(IconButton, { icon: copied ? CheckIcon : CopyIcon, label: copied ? 'Copied' : 'Copy code', size: "icon-xs", onClick: copy })] })), _jsx("pre", { className: "overflow-x-auto", children: _jsx("code", { children: lines.map((line, i) => (_jsxs("span", { className: "line", children: [line.map((t, j) => (_jsx("span", { style: t.htmlStyle, children: t.content }, j))), '\n'] }, i))) }) })] }));
 }

package/dist/lumen-drawer.js

@@ -20,9 +20,7 @@ export function LumenDrawer({ open, onClose, title, description, children, foote
     // Every drawer has a footer, styled like a dialog's: the body scrolls above
     // it and always ends on a clear edge. Without actions of its own it offers Close.
     const foot = (_jsxs("footer", { "data-slot": "drawer-footer", className: "flex shrink-0 items-center gap-2 border-t bg-muted/50 px-4 py-2.5", children: [footerStart && (_jsx("div", { className: "min-w-0 flex-1 truncate text-muted-foreground text-xs", children: footerStart })), _jsx("div", { className: "ml-auto flex items-center gap-2", children: footer ?? (_jsx(SheetClose, { asChild: true, children: _jsx(Button, { type: "button", size: "sm", variant: "outline", children: "Close" }) })) })] }));
-    return (
-    // Not modal on desktop: the assistant, docked beside it, stays usable while the drawer is open.
-    _jsx(Sheet, { open: open, onOpenChange: (o) => !o && onClose(), modal: isMobile, children: isMobile ? (_jsxs(SheetContent, { side: "bottom", className: "max-h-[85svh] gap-0 overflow-hidden", children: [_jsx(SheetHeader, { className: "shrink-0 border-b", children: head }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-2", children: body }), foot] })) : (_jsx(SheetContent, { side: "right", showCloseButton: false, 
+    return (_jsx(Sheet, { open: open, onOpenChange: (o) => !o && onClose(), modal: isMobile, children: isMobile ? (_jsxs(SheetContent, { side: "bottom", className: "max-h-[85svh] gap-0 overflow-hidden", children: [_jsx(SheetHeader, { className: "shrink-0 border-b", children: head }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-2", children: body }), foot] })) : (_jsx(SheetContent, { side: "right", showCloseButton: false, 
             // The resize handle's grab zone is wider than the handle, so a drag can start on the
             // overlay; the panels library marks that pointerdown handled, and then it doesn't close.
             onPointerDownOutside: (e) => e.detail.originalEvent.defaultPrevented && e.preventDefault(), className: "pointer-events-none! gap-0 border-0 bg-transparent shadow-none data-[side=right]:left-0 data-[side=right]:w-auto data-[side=right]:border-l-0 data-[side=right]:sm:max-w-none", children: _jsxs(ResizablePanelGroup, { orientation: "horizontal", children: [_jsx(ResizablePanel, { minSize: "40%" }), _jsx(ResizableHandle, { withHandle: true, className: "pointer-events-auto" }), _jsx(ResizablePanel, { defaultSize: defaultSize, minSize: minSize, maxSize: maxSize, "data-slot": "lumen-drawer", className: "pointer-events-auto bg-popover shadow-lg", children: _jsxs("section", { className: "flex h-full flex-col overflow-hidden", children: [_jsxs("header", { className: "flex shrink-0 items-center gap-2 border-b px-4 py-3", children: [head, _jsx(SheetClose, { asChild: true, children: _jsx(IconButton, { icon: XIcon, label: "Close", className: "ml-auto" }) })] }), _jsx("div", { className: "min-h-0 flex-1 overflow-y-auto pt-2", children: body }), foot] }) })] }) })) }));

package/dist/lumen-filter.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CONTAINS_KEY, meetsNumber } from '@columenlabs/lumen-ui-types/views';
 // The one filter box every view uses, redone after p2e's:
 // one chip per field in the sans face, `Account IRA, Roth ×`, included or excluded as a whole
@@ -217,9 +217,7 @@ function NumberCondition({ label, current, tall, count, onSet, }) {
     };
     const box = cn('min-w-0 flex-1 px-2 tabular-nums [appearance:textfield] [&::-webkit-inner-spin-button]:appearance-none', tall ? 'h-10 text-base' : 'h-8 text-sm');
     const ok = isNumber(a) && (op !== 'between' || isNumber(b));
-    return (
-    // Keys stay here: the menu would take Enter and the arrows.
-    _jsxs("div", { className: "flex flex-col gap-1.5 px-2 py-1", onKeyDown: (e) => {
+    return (_jsxs("div", { className: "flex flex-col gap-1.5 px-2 py-1", onKeyDown: (e) => {
             e.stopPropagation();
             if (e.key === 'Enter')
                 e.preventDefault();
@@ -466,17 +464,13 @@ export function LumenTokenizedFilter({ filter, placeholder = 'Filter…', label
     };
     const activeField = active ? fieldOf(active) : undefined;
     const activeChip = active ? chipOf(active) : undefined;
-    const menu = activeField ? (
-    // One field: Include or Exclude, then its values ticked.
-    _jsxs(_Fragment, { children: [_jsxs(CommandGroup, { className: "px-1 py-0.5", children: [_jsxs("div", { className: "flex items-center gap-1 px-1 py-1", children: [_jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": "All filters", onMouseDown: (e) => e.preventDefault(), onClick: () => {
+    const menu = activeField ? (_jsxs(_Fragment, { children: [_jsxs(CommandGroup, { className: "px-1 py-0.5", children: [_jsxs("div", { className: "flex items-center gap-1 px-1 py-1", children: [_jsx(Button, { variant: "ghost", size: "icon-xs", "aria-label": "All filters", onMouseDown: (e) => e.preventDefault(), onClick: () => {
                                     setField(null);
                                     setText('');
                                     focus();
                                 }, children: _jsx(ChevronLeftIcon, {}) }), _jsx(activeField.icon, { className: "size-4 text-muted-foreground" }), _jsx("span", { className: "font-medium", children: activeField.label }), !activeField.number && (_jsxs(ToggleGroup, { type: "single", variant: "outline", size: "sm", spacing: 0, className: "ml-auto", value: notFor(activeField.key) ? 'exclude' : 'include', onValueChange: (v) => v && setNot(activeField.key, v === 'exclude'), "aria-label": `${activeField.label}: include or exclude`, children: [_jsx(ToggleGroupItem, { value: "include", className: "h-7 px-2 text-xs font-normal", children: "Include" }), _jsx(ToggleGroupItem, { value: "exclude", className: "h-7 px-2 text-xs font-normal", children: "Exclude" })] }))] }), activeField.number && (_jsx(NumberCondition, { label: activeField.label, current: tokens.find((t) => t.key === activeField.key), tall: mobile, count: (op, value) => numberCount(activeField.key, op, value), onSet: (op, value) => setCondition(activeField.key, op, value) }, activeField.key))] }), active === CONTAINS_KEY ? (_jsxs(CommandGroup, { className: "px-1 py-0.5", children: [containsWord && !picked(CONTAINS_KEY, containsWord) && (_jsxs(CommandItem, { value: `${CONTAINS_KEY}:${containsWord}`, onSelect: () => toggle(CONTAINS_KEY, containsWord), className: tall, children: [_jsx(TextSearchIcon, { className: "text-muted-foreground" }), _jsxs("span", { className: "min-w-0 truncate", children: ["\u201C", containsWord, "\u201D"] }), _jsx(CommandShortcut, { className: shortcut, children: wordOf(containsWord, notFor(CONTAINS_KEY)) })] })), tokens
                         .filter((t) => t.key === CONTAINS_KEY)
-                        .map((t) => valueRow(CONTAINS_KEY, t.value, wordOf(t.value, !!t.not)))] })) : (!activeField.number && (_jsx(CommandGroup, { className: "px-1 py-0.5", children: valuesOf(activeField.key, needle, 200).map(([v, n]) => valueRow(activeField.key, v, n)) }))), _jsx(CommandEmpty, { children: "No matching values." })] })) : q ? (
-    // Typing: free text, the fields it names, and values from every field.
-    _jsxs(_Fragment, { children: [_jsx(CommandEmpty, { children: "No matching values." }), word && (_jsx(CommandGroup, { className: "px-1 py-0.5", children: _jsxs(CommandItem, { value: `${CONTAINS_KEY}:${word}`, onSelect: () => {
+                        .map((t) => valueRow(CONTAINS_KEY, t.value, wordOf(t.value, !!t.not)))] })) : (!activeField.number && (_jsx(CommandGroup, { className: "px-1 py-0.5", children: valuesOf(activeField.key, needle, 200).map(([v, n]) => valueRow(activeField.key, v, n)) }))), _jsx(CommandEmpty, { children: "No matching values." })] })) : q ? (_jsxs(_Fragment, { children: [_jsx(CommandEmpty, { children: "No matching values." }), word && (_jsx(CommandGroup, { className: "px-1 py-0.5", children: _jsxs(CommandItem, { value: `${CONTAINS_KEY}:${word}`, onSelect: () => {
                         setTokens([
                             ...tokens.filter((t) => !same(t, { key: CONTAINS_KEY, value: word })),
                             token(CONTAINS_KEY, word, chipOf(CONTAINS_KEY)?.not ?? negate),
@@ -489,9 +483,7 @@ export function LumenTokenizedFilter({ filter, placeholder = 'Filter…', label
                 .map((f) => {
                 const vs = valuesOf(f.key, q, PER_FIELD);
                 return (vs.length > 0 && (_jsx(CommandGroup, { heading: f.label, className: "px-1 py-0.5", children: vs.map(([v, n]) => valueRow(f.key, v, n)) }, f.key)));
-            })] })) : (
-    // At rest: every filter on, then the fields to add.
-    _jsxs(_Fragment, { children: [chips.length > 0 && (_jsx(CommandGroup, { heading: "Filters", className: "px-1 py-0.5", children: chips.map((c) => {
+            })] })) : (_jsxs(_Fragment, { children: [chips.length > 0 && (_jsx(CommandGroup, { heading: "Filters", className: "px-1 py-0.5", children: chips.map((c) => {
                     const f = fieldOf(c.key);
                     return (_jsxs(CommandItem, { value: `chip:${c.key}`, onSelect: () => openField(c.key), className: tall, children: [link?.color ? (_jsx(LinkDot, { color: link.color })) : (f && _jsx(f.icon, { className: "text-muted-foreground" })), _jsx("span", { className: "shrink-0", children: f?.label ?? c.key }), summary(c), _jsx(Button, { variant: "ghost", size: "icon-xs", className: "-my-1 shrink-0 text-muted-foreground", "aria-label": `Remove ${f?.label ?? c.key} filter`, onMouseDown: (e) => e.preventDefault(), onClick: (e) => {
                                     e.stopPropagation();

package/dist/lumen-grid.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // LumenGrid: an
 // LumenLayout's cards on a real grid, react-grid-layout underneath. A desktop has 6 columns, a phone
 // 2; rows are 8px. A card is placed at x, y and sized w by h; a card with no h is as tall as what it
@@ -193,9 +193,7 @@ export function LumenGrid({ lead = [], cards, tail = [], editing, onPlace, }) {
                 parts.map((p) => Array.isArray(p) ? (_jsx(GridRun, { items: p, phone: phone, width: width, cell: (id) => {
                         const c = byId.get(id);
                         return c ? cell(c) : null;
-                    } }, p.map((it) => it.i).join())) : (
-                // A full-width card that is no table (a note, a chart) stays put while a table scrolls.
-                _jsx("div", { className: "not-has-[table]:sticky not-has-[table]:left-0 not-has-[table]:w-(--view-w)", children: p.node }, p.id)))] }));
+                    } }, p.map((it) => it.i).join())) : (_jsx("div", { className: "not-has-[table]:sticky not-has-[table]:left-0 not-has-[table]:w-(--view-w)", children: p.node }, p.id)))] }));
 }
 /** Cards between two full-width tables: their own grid, from the row the first starts on. */
 function GridRun({ items, phone, width, cell, }) {

package/dist/lumen-layout.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // LumenLayout: the page
 // every app shows. Crumbs and actions in the header, then the filter and Group by switch every
 // card on the page shares, then an ordered list of cards, each a third, half, two thirds or the full width:

package/dist/lumen-links.d.ts

@@ -25,7 +25,7 @@ export declare function useLinkState(saved: Record<string, LinkColor | null>, ke
     ids: string[];
 }): {
     links: Links;
-    colors: Record<string, "blue" | "lime" | "pink" | "teal" | "amber" | null>;
+    colors: Record<string, "amber" | "blue" | "lime" | "pink" | "teal" | null>;
 };
 export declare const useCardId: () => string | null;
 export declare function CardIdProvider({ id, children }: {

package/dist/lumen-selector.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // LumenSelector: the one
 // picker for every "pick one or more things from a list", on the shell's base-ui Combobox.
 //

package/dist/lumen-source.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 // The shared loading contract.
 // Every card and view loads its own data and says so the same way: a skeleton on first load, a thin
 // bar while a view's query runs, the old data on screen (dimmed) while a refresh someone asked for
@@ -181,9 +181,7 @@ export function LumenError({ error, onRetry }) {
 }
 /** Rows of skeleton the height of a table, so nothing jumps when the data lands. */
 export function LumenSkeleton({ rows = 6, className }) {
-    return (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", className: cn('flex flex-col gap-2 p-3', className), children: Array.from({ length: rows }, (_, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: static placeholders
-        _jsx(Skeleton, { className: "h-7 w-full" }, i))) }));
+    return (_jsx("div", { "aria-busy": "true", "aria-label": "Loading", className: cn('flex flex-col gap-2 p-3', className), children: Array.from({ length: rows }, (_, i) => (_jsx(Skeleton, { className: "h-7 w-full" }, i))) }));
 }
 /** One component's states from its load: bar (views), skeleton, error with Retry, empty, then the
  *  content, dimmed while it refreshes. Place it at the top of a `relative` card body. */

package/dist/lumen-tab-drawer.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Trash2Icon } from 'lucide-react';
 import { useEffect, useState } from 'react';
 import { LumenConfirm } from './confirm.js';

package/dist/lumen-toast.d.ts

@@ -1,10 +1,10 @@
 import type { ReactNode } from 'react';
 import { type ExternalToast } from 'sonner';
 export declare const lumenToast: ((message: ReactNode, options?: ExternalToast) => string | number) & {
-    success: (message: (ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: ExternalToast) => string | number;
-    error: (message: (ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: ExternalToast) => string | number;
-    warning: (message: (ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: ExternalToast) => string | number;
-    info: (message: (ReactNode | (() => React.ReactNode)) | React.ReactNode, data?: ExternalToast) => string | number;
+    success: (message: ((() => React.ReactNode) | ReactNode) | React.ReactNode, data?: ExternalToast) => string | number;
+    error: (message: ((() => React.ReactNode) | ReactNode) | React.ReactNode, data?: ExternalToast) => string | number;
+    warning: (message: ((() => React.ReactNode) | ReactNode) | React.ReactNode, data?: ExternalToast) => string | number;
+    info: (message: ((() => React.ReactNode) | ReactNode) | React.ReactNode, data?: ExternalToast) => string | number;
     dismiss: (id?: number | string) => string | number;
     /** A change done, with Undo that puts it back. */
     undo: (message: ReactNode, onUndo: () => void, options?: ExternalToast) => string | number;

package/dist/lumen-view-card.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { controlOn } from '@columenlabs/lumen-ui-types/views';
 import { useEffect, useMemo, useState } from 'react';
 import { useGroup } from './group-button.js';

package/dist/lumen-view.js

@@ -1,4 +1,4 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { controlOn, isCountAgg, isDollarFormat, viewPageSizes, viewPaginationSchema, } from '@columenlabs/lumen-ui-types/views';
 // Custom views: any number of views on any app, one page for all of them.
 // A data domain (holdings, chains, bars, series, research results) describes its fields once in a
@@ -603,9 +603,7 @@ function LumenTableRows({ domain, columns = domain.fields, rows, groupBy = null,
                                     ? 'ascending'
                                     : h.column.getIsSorted() === 'desc'
                                         ? 'descending'
-                                        : undefined, children: [i === 0 && groups && (
-                                    // Expand or collapse every group at once.
-                                    _jsx(IconButton, { icon: anyClosed ? ChevronsUpDownIcon : ChevronsDownUpIcon, size: "icon-xs", className: "-ml-2 mr-1 align-middle", label: anyClosed ? 'Expand all groups' : 'Collapse all groups', onClick: () => setAll(anyClosed) })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "xs", className: cn('font-medium', !(i === 0 && groups) && '-mx-2'), style: { color: colorOf(domain, shown[i]) ?? undefined }, onClick: h.column.getToggleSortingHandler(), children: [shown[i] ? _jsx(FreshnessMark, { domain: domain, field: shown[i] }) : null, flexRender(h.column.columnDef.header, h.getContext()), _jsx(SortIcon, { dir: h.column.getIsSorted() })] }) }), shown[i] && (domain.groups?.length || freshnessOf(domain, shown[i])) ? (_jsxs(TooltipContent, { children: [domain.groups?.length ? _jsx("div", { children: pathOf(domain, shown[i]) }) : null, freshnessLine(domain, shown[i]) ? (_jsx("div", { children: freshnessLine(domain, shown[i]) })) : null] })) : null] })] }, h.id))), add && (_jsx(TableHead, { className: cn('w-8 pl-1', PINNED_HEAD), children: _jsx(AddColumnMenu, { add: add, fieldOpen: fieldOpen, onFieldOpen: setFieldOpen }) }))] }, hg.id))) }), _jsxs(TableBody, { children: [!rows.length && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: span, className: "py-6 text-center text-muted-foreground", children: "No rows match." }) })), groups && groupBy
+                                        : undefined, children: [i === 0 && groups && (_jsx(IconButton, { icon: anyClosed ? ChevronsUpDownIcon : ChevronsDownUpIcon, size: "icon-xs", className: "-ml-2 mr-1 align-middle", label: anyClosed ? 'Expand all groups' : 'Collapse all groups', onClick: () => setAll(anyClosed) })), _jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Button, { variant: "ghost", size: "xs", className: cn('font-medium', !(i === 0 && groups) && '-mx-2'), style: { color: colorOf(domain, shown[i]) ?? undefined }, onClick: h.column.getToggleSortingHandler(), children: [shown[i] ? _jsx(FreshnessMark, { domain: domain, field: shown[i] }) : null, flexRender(h.column.columnDef.header, h.getContext()), _jsx(SortIcon, { dir: h.column.getIsSorted() })] }) }), shown[i] && (domain.groups?.length || freshnessOf(domain, shown[i])) ? (_jsxs(TooltipContent, { children: [domain.groups?.length ? _jsx("div", { children: pathOf(domain, shown[i]) }) : null, freshnessLine(domain, shown[i]) ? (_jsx("div", { children: freshnessLine(domain, shown[i]) })) : null] })) : null] })] }, h.id))), add && (_jsx(TableHead, { className: cn('w-8 pl-1', PINNED_HEAD), children: _jsx(AddColumnMenu, { add: add, fieldOpen: fieldOpen, onFieldOpen: setFieldOpen }) }))] }, hg.id))) }), _jsxs(TableBody, { children: [!rows.length && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: span, className: "py-6 text-center text-muted-foreground", children: "No rows match." }) })), groups && groupBy
                             ? groups.map(([key, members], gi) => {
                                 const open = isOpen(key, gi);
                                 return (_jsxs(Fragment, { children: [_jsxs(TableRow, { className: ROLLUP, "data-group": key, children: [selection && (_jsx(TableCell, { className: cn('w-8 pr-0', PINNED_GROUP), children: _jsx(Checkbox, { checked: members.every((m) => selection.keys.has(keyOf(m.original)))