@columenlabs/lumen-ui 0.1.0 → 0.1.2

package/dist/lumen-widget.js

@@ -1,5 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { OUTLOOK_INDEXES, marketWindows } from '@columenlabs/lumen-ui-types/market';
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { OUTLOOK_INDEXES, marketWindows, } from '@columenlabs/lumen-ui-types/market';
 // LumenSavedWidget (as blocks; renamed): a page (LumenLayout) is an ordered list of cards, each a third, half, two thirds or the full width.
 // A card is the view (LumenView) or a widget. Chart and top-N widgets read every row of the view
 // (the table's filter is the table's), narrowed by their own tokens, and work their chart out here in the browser:
@@ -367,9 +367,7 @@ export function LumenWidget({ id, kind, icon, title, note, controls, tools, filt
                 "relative after:pointer-events-none after:absolute after:inset-0 after:z-30 after:rounded-[inherit] after:border-2 after:border-primary/40 after:border-dashed after:content-['']", flat && 'border-0 bg-transparent shadow-none', className), children: [!headless && (_jsxs("div", { ref: head, className: cn('flex shrink-0 items-center gap-2 px-3', compact ? 'h-8' : 'h-10 border-b', (folded || below) && 'border-b-0', pinned && 'sticky left-0 w-(--view-w) max-w-full'), children: [layout && (_jsx(Button, { variant: "ghost", size: "icon-xs", className: "lumen-drag -ml-1 cursor-grab touch-none text-muted-foreground active:cursor-grabbing", "aria-label": `Drag ${title}`, children: _jsx(GripVerticalIcon, {}) })), link && !bare && (_jsx(LinkPicker, { color: link.color, onPick: link.onPick, label: title, className: "-mr-1" })), !compact && _jsx(Icon, { className: "size-4 shrink-0 text-muted-foreground" }), _jsx("span", { className: cn('truncate', compact ? 'text-xs text-muted-foreground' : 'text-sm font-semibold'), children: title }), link?.color && link.follows && !folded && (_jsxs("span", { className: "min-w-0 shrink truncate text-xs", style: { color: linkVar(link.color) }, title: `Follows ${link.follows}`, children: ["\u00B7 ", link.follows] })), layout && headerOff && (_jsxs(Tooltip, { children: [_jsx(TooltipTrigger, { asChild: true, children: _jsxs(Badge, { variant: "secondary", className: "shrink-0 gap-1 text-muted-foreground", children: [_jsx(EyeOffIcon, {}), " Header off"] }) }), _jsx(TooltipContent, { children: "Shown only in Edit layout. Change it in Edit widget \u25B8 Controls." })] })), !layout && !bare && (_jsx(FoldChevron, { folded: folded, label: title, onToggle: toggle, className: "-ml-1" })), folded && rows != null && (_jsxs("span", { className: "shrink-0 text-xs text-muted-foreground num", children: [rows.toLocaleString(), " ", rows === 1 ? 'row' : 'rows'] })), inline && (_jsx("div", { "data-card-filter": true, className: "flex min-w-40 max-w-xl flex-1 items-center gap-2", children: filter })), note && !layout && !folded && (_jsx("span", { className: "hidden truncate text-xs text-muted-foreground sm:inline", children: note })), _jsxs("span", { className: cn('ml-auto flex shrink-0 items-center gap-1', bare && 'hidden'), children: [!layout && load?.updated && _jsx(LumenFreshness, { load: load }), !layout && !folded && tools, showFilter && mobile && link?.color && !!link.linked && (_jsxs("span", { className: "num flex items-center gap-1 text-xs text-muted-foreground", title: `${link.linked} linked`, children: [_jsx(LinkDot, { color: link.color, className: "size-2" }), link.linked] })), showFilter && mobile && (_jsxs("span", { className: "relative", children: [_jsx(IconButton, { icon: FunnelIcon, label: filterOpen ? 'Hide filter' : 'Filter', "aria-expanded": filterOpen, className: cn(filterOpen && 'text-primary'), onClick: () => setFilterOpen(!filterOpen) }), filterCount > 0 && (_jsx(Badge, { className: "num pointer-events-none absolute -top-1 -right-1 h-4 min-w-4 px-1 text-[10px]", children: filterCount }))] })), !layout && !folded && help && _jsx(CardHelp, { title: title, children: help }), !layout && load && on('refresh') && (_jsx(LumenRefresh, { load: load, label: `Refresh ${title}` })), (controls?.editable || (!layout && (ask || load?.editScript))) && (_jsxs(DropdownMenu, { modal: false, children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(IconButton, { icon: MoreHorizontalIcon, label: `${title} menu` }) }), _jsxs(DropdownMenuContent, { align: "end", className: "w-44", children: [ask && !layout && (_jsxs(DropdownMenuItem, { onSelect: ask, children: [_jsx(SparklesIcon, {}), " Ask ", assistantName] })), load?.editScript && !layout && (_jsxs(DropdownMenuItem, { onSelect: load.editScript, children: [_jsx(CodeIcon, {}), " Script"] })), (ask || load?.editScript) && !layout && controls?.editable && (_jsx(DropdownMenuSeparator, {})), controls?.editable && (_jsxs(_Fragment, { children: [!controls.fixed && (_jsxs(_Fragment, { children: [_jsxs(DropdownMenuItem, { onSelect: () => controls.onAction('edit'), children: [_jsx(PencilIcon, {}), " Edit widget"] }), _jsxs(DropdownMenuItem, { disabled: !own, onSelect: () => controls.onAction('duplicate'), children: [_jsx(CopyIcon, {}), " Duplicate"] })] })), _jsxs(DropdownMenuItem, { disabled: controls.first, onSelect: () => controls.onAction('up'), children: [_jsx(ArrowUpIcon, {}), " Move up"] }), _jsxs(DropdownMenuItem, { disabled: controls.last, onSelect: () => controls.onAction('down'), children: [_jsx(ArrowDownIcon, {}), " Move down"] }), controls.onFit && (_jsxs(DropdownMenuItem, { onSelect: controls.onFit, children: [_jsx(FoldVerticalIcon, {}), " Fit height"] })), !controls.fixed && (_jsxs(_Fragment, { children: [_jsx(DropdownMenuSeparator, {}), _jsxs(DropdownMenuItem, { className: "text-muted-foreground focus:text-destructive", onSelect: () => setRemoving(true), children: [_jsx(Trash2Icon, {}), " Remove"] })] }))] }))] })] }))] })] })), below && !headless && (_jsx("div", { "data-card-filter": true, className: cn('flex items-center gap-2 border-b px-3 pb-2', pinned && 'sticky left-0 w-(--view-w) max-w-full'), children: filter })), strip && !layout && !folded && !headless ? (_jsx("div", { "data-card-strip": true, className: cn('flex min-w-0 items-center gap-2 border-b px-3 py-1.5 empty:hidden', pinned && 'sticky left-0 w-(--view-w) max-w-full'), children: strip })) : null, _jsx("div", { hidden: folded, className: cn('relative min-w-0', 
                     // On the grid a card fills its cell: with a height of its own its body scrolls; one as
                     // tall as it draws keeps its body's height, so the grid can measure it.
-                    !cell ? 'flex-1' : cell.fixed && 'min-h-0 flex-1 overflow-auto', pad && !table && !flat && (compact ? 'px-3 pb-3' : 'p-3')), children: _jsx(LumenBoundary, { where: id, children: children }) }), !layout && !folded && load && on('footer') && (
-                // The load line sits at the card's foot, whatever the body's height.
-                _jsx("div", { className: cn('mt-auto shrink-0', pinned && 'sticky left-0 w-(--view-w) max-w-full'), children: _jsx(LumenLoadFooter, { load: load, rows: rows, note: loadNote }) })), controls && (_jsx(LumenConfirm, { open: removing, onOpenChange: setRemoving, title: `Remove ${title}?`, description: table ? 'Add widget brings a table back.' : 'Add widget brings it back.', action: "Remove", onConfirm: () => controls.onAction('remove') }))] }) }));
+                    !cell ? 'flex-1' : cell.fixed && 'min-h-0 flex-1 overflow-auto', pad && !table && !flat && (compact ? 'px-3 pb-3' : 'p-3')), children: _jsx(LumenBoundary, { where: id, children: children }) }), !layout && !folded && load && on('footer') && (_jsx("div", { className: cn('mt-auto shrink-0', pinned && 'sticky left-0 w-(--view-w) max-w-full'), children: _jsx(LumenLoadFooter, { load: load, rows: rows, note: loadNote }) })), controls && (_jsx(LumenConfirm, { open: removing, onOpenChange: setRemoving, title: `Remove ${title}?`, description: table ? 'Add widget brings a table back.' : 'Add widget brings it back.', action: "Remove", onConfirm: () => controls.onAction('remove') }))] }) }));
 }
 /**
  * One widget in its card. Widgets over the view's rows (tiles,
@@ -403,9 +401,7 @@ export function LumenSavedWidget({ widget, title, domain, rows, fields, merge, o
     if (widget.kind === 'chart' && widget.style === 'market')
         return (_jsx(LumenWidget, { ...frame, children: _jsx(LumenLazy, { children: _jsx(MarketWidget, { symbols: widget.symbols, style: widget.layout }) }) }));
     const body = row || number ? (tiles) : (_jsx(WidgetBody, { card: widget, domain: domain, rows: rows, fields: fields, merge: merge, onDetails: onDetails }));
-    return (_jsx(LumenWidget, { ...frame, pad: widgetStyleId(widget) !== 'table:top_n', load: load, loadNote: "from the view's rows", children: load ? (
-        // A failed view says so once, in its table; its widgets just wait for its rows.
-        _jsx(LumenStates, { load: { ...load, error: null }, empty: load.error ? _jsx(Empty, { children: "Shows once the view's rows load." }) : undefined, kind: "widget", skeleton: row || number ? body : _jsx(Skeleton, { className: "h-40 w-full" }), children: body })) : (body) }));
+    return (_jsx(LumenWidget, { ...frame, pad: widgetStyleId(widget) !== 'table:top_n', load: load, loadNote: "from the view's rows", children: load ? (_jsx(LumenStates, { load: { ...load, error: null }, empty: load.error ? _jsx(Empty, { children: "Shows once the view's rows load." }) : undefined, kind: "widget", skeleton: row || number ? body : _jsx(Skeleton, { className: "h-40 w-full" }), children: body })) : (body) }));
 }
 /** Growth of $1: the domain's lines for the shown rows, its bands and markers. */
 function GrowthCard({ widget, frame, domain, rows, load, }) {

package/dist/market/indicator-picker.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 { parseChartFormula } from '@columenlabs/lumen-ui-types/chart-formula';
 import { PlusIcon, SaveIcon, Trash2Icon } from 'lucide-react';
 import { useState } from 'react';

package/dist/market/live.d.ts

@@ -108,10 +108,10 @@ export declare function useMarket(symbols: string[]): {
 };
 /** Daily breadth and macro series of `keys` (never live); `error` when they could not be read. */
 export declare function useMarketDaily(keys: string[]): {
-    retry: () => void;
     series: Record<string, MarketSeries>;
     loading: boolean;
     error: string | null;
+    retry: () => void;
 };
 /** True where a market provider is mounted (an app, suite or not). */
 export declare const useHasMarket: () => boolean;

package/dist/market/lumen-chart.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 { MARKET_SYMBOLS, isDailyMarketKey, marketWindows, } from '@columenlabs/lumen-ui-types/market';
 import { queryOptions, useQueries, useQuery, useQueryClient } from '@tanstack/react-query';
 import { XIcon } from 'lucide-react';

package/dist/market/price-chart.d.ts

@@ -18,20 +18,20 @@ export interface ChartBar {
 }
 /** How the price is drawn: the basics every charting tool offers. */
 export declare const CHART_TYPES: readonly [{
-    readonly id: "candles";
-    readonly label: "Candles";
+    readonly id: 'candles';
+    readonly label: 'Candles';
 }, {
-    readonly id: "ohlc";
-    readonly label: "OHLC bars";
+    readonly id: 'ohlc';
+    readonly label: 'OHLC bars';
 }, {
-    readonly id: "line";
-    readonly label: "Line";
+    readonly id: 'line';
+    readonly label: 'Line';
 }, {
-    readonly id: "area";
-    readonly label: "Area";
+    readonly id: 'area';
+    readonly label: 'Area';
 }, {
-    readonly id: "heikin";
-    readonly label: "Heikin-Ashi";
+    readonly id: 'heikin';
+    readonly label: 'Heikin-Ashi';
 }];
 export type ChartType = (typeof CHART_TYPES)[number]['id'];
 /** Heikin-Ashi candles: each bar averages itself with the one before, which smooths the trend. */

package/dist/nav.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";
 // Sidebar building blocks an app composes its nav from (shadcn NavMain pattern): a group of links
 // that may nest one level (chevron on the right, hidden in icon mode), and a section whose items a
 // person adds with `+` and removes with the trash icon. Every item carries an icon; section headers are bold caps without one.

package/dist/notifications.js

@@ -128,9 +128,7 @@ function Webhooks({ hooks, api }) {
                         e.preventDefault();
                         if (name.trim() && url.trim())
                             add.mutate();
-                    }, children: [_jsx(Field, { id: "wh-name", label: "Name", children: _jsx(Input, { id: "wh-name", placeholder: "Discord", value: name, onChange: (e) => setName(e.target.value) }) }), _jsx(Field, { id: "wh-url", label: "Address (https)", children: _jsx(Input, { id: "wh-url", className: "num", autoComplete: "off", placeholder: "https://", value: url, onChange: (e) => setUrl(e.target.value) }) }), headers.length ? (_jsx(Field, { id: "wh-header-0", label: "Headers (sent with each post; hidden once saved)", children: _jsx("div", { className: "grid grid-cols-1 gap-2", children: headers.map((h, i) => (
-                                // biome-ignore lint/suspicious/noArrayIndexKey: rows have no id until saved
-                                _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { id: `wh-header-${i}`, className: "num w-2/5", autoComplete: "off", placeholder: "Authorization", "aria-label": "Header name", value: h.name, onChange: (e) => setHeader(i, 'name', e.target.value) }), _jsx(Input, { className: "num min-w-0 flex-1", type: "password", autoComplete: "off", placeholder: "Value", "aria-label": "Header value", value: h.value, onChange: (e) => setHeader(i, 'value', e.target.value) }), _jsx(IconButton, { type: "button", icon: XIcon, label: "Remove header", onClick: () => setHeaders((hs) => hs.filter((_, j) => j !== i)) })] }, i))) }) })) : null, _jsx(ErrorLine, { error: add.error }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [headers.length < 5 ? (_jsx(IconButton, { type: "button", icon: PlusIcon, label: "Add header", variant: "outline", onClick: () => setHeaders((hs) => [...hs, { name: '', value: '' }]) })) : null, _jsx("span", { className: "flex-1" }), _jsxs(Button, { type: "submit", size: "sm", disabled: !name.trim() || !url.trim() || add.isPending, children: [add.isPending ? _jsx(RefreshCwIcon, { className: "animate-spin" }) : _jsx(PlusIcon, {}), "Add"] })] })] }) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Each post is ", _jsx("span", { className: "num", children: '{ event, title, message, click, at }' }), ". Messages name no account, holding or amount. For a Cloudflare Access service token, add the headers CF-Access-Client-Id and CF-Access-Client-Secret."] })] }));
+                    }, children: [_jsx(Field, { id: "wh-name", label: "Name", children: _jsx(Input, { id: "wh-name", placeholder: "Discord", value: name, onChange: (e) => setName(e.target.value) }) }), _jsx(Field, { id: "wh-url", label: "Address (https)", children: _jsx(Input, { id: "wh-url", className: "num", autoComplete: "off", placeholder: "https://", value: url, onChange: (e) => setUrl(e.target.value) }) }), headers.length ? (_jsx(Field, { id: "wh-header-0", label: "Headers (sent with each post; hidden once saved)", children: _jsx("div", { className: "grid grid-cols-1 gap-2", children: headers.map((h, i) => (_jsxs("div", { className: "flex items-center gap-2", children: [_jsx(Input, { id: `wh-header-${i}`, className: "num w-2/5", autoComplete: "off", placeholder: "Authorization", "aria-label": "Header name", value: h.name, onChange: (e) => setHeader(i, 'name', e.target.value) }), _jsx(Input, { className: "num min-w-0 flex-1", type: "password", autoComplete: "off", placeholder: "Value", "aria-label": "Header value", value: h.value, onChange: (e) => setHeader(i, 'value', e.target.value) }), _jsx(IconButton, { type: "button", icon: XIcon, label: "Remove header", onClick: () => setHeaders((hs) => hs.filter((_, j) => j !== i)) })] }, i))) }) })) : null, _jsx(ErrorLine, { error: add.error }), _jsxs("div", { className: "flex flex-wrap items-center gap-2", children: [headers.length < 5 ? (_jsx(IconButton, { type: "button", icon: PlusIcon, label: "Add header", variant: "outline", onClick: () => setHeaders((hs) => [...hs, { name: '', value: '' }]) })) : null, _jsx("span", { className: "flex-1" }), _jsxs(Button, { type: "submit", size: "sm", disabled: !name.trim() || !url.trim() || add.isPending, children: [add.isPending ? _jsx(RefreshCwIcon, { className: "animate-spin" }) : _jsx(PlusIcon, {}), "Add"] })] })] }) }), _jsxs("p", { className: "text-xs text-muted-foreground", children: ["Each post is ", _jsx("span", { className: "num", children: '{ event, title, message, click, at }' }), ". Messages name no account, holding or amount. For a Cloudflare Access service token, add the headers CF-Access-Client-Id and CF-Access-Client-Secret."] })] }));
 }
 // ── Events: one row per event, one column per target ──
 function EventCell({ event, target, name, api, }) {

package/dist/overview.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";
 // An app's Overview: a service-health page, not a decisions page. A stage map
 // (each stage a chip with its status dot, name and a one-line verdict; arrows between; tap one to
 // focus it) and then each stage's widgets, one LumenLayout card each with its own ↻ and states

package/dist/page.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 page frame: a fixed-height header (sidebar toggle, breadcrumb, actions)
 // and the body, with the shell's gutter, section gap and max width. Pages never set their own outer
 // padding or header. On phone the actions stay in the bar as icons and a back chevron replaces the trail.

package/dist/pager.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 compact pager, the same look as LumenView's: the count opens the page sizes,
 // and the chevrons turn the page while there is more than one. Coverage views page their rows with it.
 import { viewPageSizes } from '@columenlabs/lumen-ui-types/views';

package/dist/prefs.d.ts

@@ -1,46 +1,46 @@
-export declare const THEMES: readonly ["light", "dark", "system"];
+export declare const THEMES: readonly ['light', 'dark', 'system'];
 export type Theme = (typeof THEMES)[number];
 export declare const TIME_ZONES: readonly [{
-    readonly id: "America/New_York";
-    readonly label: "Eastern";
+    readonly id: 'America/New_York';
+    readonly label: 'Eastern';
 }, {
-    readonly id: "America/Chicago";
-    readonly label: "Central";
+    readonly id: 'America/Chicago';
+    readonly label: 'Central';
 }, {
-    readonly id: "America/Los_Angeles";
-    readonly label: "Pacific";
+    readonly id: 'America/Los_Angeles';
+    readonly label: 'Pacific';
 }, {
-    readonly id: "UTC";
-    readonly label: "UTC";
+    readonly id: 'UTC';
+    readonly label: 'UTC';
 }];
 export type TimeZoneId = (typeof TIME_ZONES)[number]['id'];
 /** The text font; Manrope is the suite's own, the rest are for reading comfort. */
 export declare const FONTS: readonly [{
-    readonly id: "manrope";
-    readonly label: "Manrope";
+    readonly id: 'manrope';
+    readonly label: 'Manrope';
 }, {
-    readonly id: "inter";
-    readonly label: "Inter";
+    readonly id: 'inter';
+    readonly label: 'Inter';
 }, {
-    readonly id: "plex";
-    readonly label: "IBM Plex Sans";
+    readonly id: 'plex';
+    readonly label: 'IBM Plex Sans';
 }, {
-    readonly id: "system";
-    readonly label: "System";
+    readonly id: 'system';
+    readonly label: 'System';
 }];
 export type FontId = (typeof FONTS)[number]['id'];
 /** Text size: the root size every rem scales from, so spacing grows with the text. */
 export declare const FONT_SIZES: readonly [{
-    readonly id: "small";
-    readonly label: "Small";
+    readonly id: 'small';
+    readonly label: 'Small';
     readonly px: 15;
 }, {
-    readonly id: "default";
-    readonly label: "Default";
+    readonly id: 'default';
+    readonly label: 'Default';
     readonly px: 16;
 }, {
-    readonly id: "large";
-    readonly label: "Large";
+    readonly id: 'large';
+    readonly label: 'Large';
     readonly px: 17;
 }];
 export type FontSizeId = (typeof FONT_SIZES)[number]['id'];
@@ -63,9 +63,9 @@ export declare const ASSISTANT_WIDTH: {
 /** Eastern by default, as an app's zone picker had it (the market's own zone). */
 export declare const DEFAULT_PREFS: Prefs;
 /** The theme on screen: `system` follows the device. */
-export declare const resolvedTheme: (p?: Prefs) => "light" | "dark";
+export declare const resolvedTheme: (p?: Prefs) => 'light' | 'dark';
 export declare function setPref<K extends keyof Prefs>(key: K, value: Prefs[K]): void;
 export declare const getPrefs: () => Prefs;
 export declare function usePrefs(): Prefs;
 /** `Pacific`, `UTC`: the short name shown next to times. */
-export declare const timeZoneLabel: (id: TimeZoneId) => "America/New_York" | "Eastern" | "America/Chicago" | "Central" | "America/Los_Angeles" | "Pacific" | "UTC";
+export declare const timeZoneLabel: (id: TimeZoneId) => "America/Chicago" | "America/Los_Angeles" | "America/New_York" | "Central" | "Eastern" | "Pacific" | "UTC";

package/dist/schedules.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 { AlertTriangleIcon, CheckIcon, ListIcon, MessageSquareIcon, PlayIcon, PlusIcon, RefreshCwIcon, Trash2Icon, } from 'lucide-react';
 import { Fragment, useState } from 'react';
 import { useAssistant, useAssistantName } from './assistant-context.js';

package/dist/settings.js

@@ -147,9 +147,7 @@ export function LumenSettings({ open, section, onOpen, onClose, appLabel, profil
         ...(sections.length ? [{ label: appLabel, items: sections.filter(shown) }] : []),
     ].filter((g) => g.items.length);
     const search = (_jsxs(InputGroup, { className: "bg-background", children: [_jsx(InputGroupAddon, { children: _jsx(SearchIcon, {}) }), _jsx(InputGroupInput, { type: "search", className: "[&::-webkit-search-cancel-button]:hidden", "aria-label": "Search settings", placeholder: "Search", value: query, onChange: (e) => setQuery(e.target.value) }), query && (_jsx(InputGroupAddon, { align: "inline-end", children: _jsx(InputGroupButton, { size: "icon-xs", "aria-label": "Clear search", onClick: () => setQuery(''), children: _jsx(XIcon, {}) }) }))] }));
-    const header = (s, slot) => (
-    // Actions sit at the bottom right, in line with the description.
-    _jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsxs("h3", { id: `settings-${s.id}-title`, className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(s.icon, { className: "size-4 text-muted-foreground" }), s.title] }), s.description && (_jsx("p", { className: "truncate text-sm text-muted-foreground", title: typeof s.description === 'string' ? s.description : undefined, children: s.description }))] }), _jsx("div", { ref: slot, className: "flex shrink-0 items-center gap-2 empty:hidden" })] }));
+    const header = (s, slot) => (_jsxs("div", { className: "flex items-end gap-2", children: [_jsxs("div", { className: "flex min-w-0 flex-1 flex-col gap-0.5", children: [_jsxs("h3", { id: `settings-${s.id}-title`, className: "flex items-center gap-2 text-base font-semibold", children: [_jsx(s.icon, { className: "size-4 text-muted-foreground" }), s.title] }), s.description && (_jsx("p", { className: "truncate text-sm text-muted-foreground", title: typeof s.description === 'string' ? s.description : undefined, children: s.description }))] }), _jsx("div", { ref: slot, className: "flex shrink-0 items-center gap-2 empty:hidden" })] }));
     return (_jsx(Dialog, { open: open, onOpenChange: (o) => {
             if (o)
                 onOpen(section);

package/dist/shell.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 frame every app renders in, from the shadcn sidebar-07 block: the app's
 // brand (or an app switcher) top-left, its own nav, the profile bottom-left; collapses to icons on
 // desktop and becomes a drawer on phone. An app passes its id, nav and status items; pages render in

package/dist/summary-cards.js

@@ -85,9 +85,7 @@ function OwnTile({ domain, tile: t, rows, fields, }) {
     if (!figs)
         return null;
     const v = figs.main.value;
-    return (_jsx(Tile, { label: t.label, value: _jsx(FigureText, { f: figs.main }), valueClassName: cn(t.sign && typeof v === 'number' && (v > 0 ? 'text-gain' : v < 0 ? 'text-loss' : '')), lines: figs.lines.map((l, i) => (
-        // biome-ignore lint/suspicious/noArrayIndexKey: a card's lines in their saved order
-        _jsx(FigureText, { f: l }, i))) }));
+    return (_jsx(Tile, { label: t.label, value: _jsx(FigureText, { f: figs.main }), valueClassName: cn(t.sign && typeof v === 'number' && (v > 0 ? 'text-gain' : v < 0 ? 'text-loss' : '')), lines: figs.lines.map((l, i) => (_jsx(FigureText, { f: l }, i))) }));
 }
 /**
  * A LumenCard's number and lines: its frame shows the label, so the body is
@@ -109,9 +107,7 @@ export function LumenCard({ domain, tile: t, rows, fields, drawn, loading, style
     const of = target ? (_jsx(ViewValueCell, { value: target, format: figs.main.format, amount: figs.main.amount })) : null;
     if (style === 'progress_circle')
         return (_jsxs("div", { className: "flex min-w-0 items-center gap-3", children: [_jsx(ProgressRing, { value: share, tone: tone }), _jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "num truncate text-xl leading-7 font-semibold", children: _jsx(FigureText, { f: figs.main }) }), _jsx("span", { className: "num truncate text-xs text-muted-foreground", children: of ? _jsxs(_Fragment, { children: ["of ", of] }) : 'Set a target in Edit widget' })] })] }));
-    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: cn('num truncate text-2xl leading-8 font-semibold', t.sign && typeof v === 'number' && (v > 0 ? 'text-gain' : v < 0 ? 'text-loss' : '')), children: _jsx(FigureText, { f: figs.main }) }), style === 'progress_bar' && (_jsxs("div", { className: "flex flex-col gap-1 pt-1", children: [_jsx(Progress, { value: share ?? 0, className: cn('h-2', tone && TONE_BAR[tone]), "aria-label": "Progress to target" }), _jsx("span", { className: "num text-xs text-muted-foreground", children: of ? (_jsxs(_Fragment, { children: [share === null ? '—' : `${share.toFixed(0)}%`, " of ", of] })) : ('Set a target in Edit widget') })] })), figs.lines.map((l, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: a card's lines in their saved order
-            _jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: _jsx(FigureText, { f: l }) }, i)))] }));
+    return (_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: cn('num truncate text-2xl leading-8 font-semibold', t.sign && typeof v === 'number' && (v > 0 ? 'text-gain' : v < 0 ? 'text-loss' : '')), children: _jsx(FigureText, { f: figs.main }) }), style === 'progress_bar' && (_jsxs("div", { className: "flex flex-col gap-1 pt-1", children: [_jsx(Progress, { value: share ?? 0, className: cn('h-2', tone && TONE_BAR[tone]), "aria-label": "Progress to target" }), _jsx("span", { className: "num text-xs text-muted-foreground", children: of ? (_jsxs(_Fragment, { children: [share === null ? '—' : `${share.toFixed(0)}%`, " of ", of] })) : ('Set a target in Edit widget') })] })), figs.lines.map((l, i) => (_jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: _jsx(FigureText, { f: l }) }, i)))] }));
 }
 /** A meter's tone on a bar's fill (theme tokens, no glow). */
 const TONE_BAR = {

package/dist/symbol-sheet.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 Symbol sheet (the assistant drafts step 1): a tap on any symbol in any view opens one sheet
 // about it, the same drawer as a row's details (bottom on phone, right on desktop). The shell draws
 // its header and LumenChart; the app adds its own sections

package/dist/tasks.d.ts

@@ -23,7 +23,7 @@ export declare function useTasks(): TasksState | null;
 export declare function TasksProvider({ config, children }: {
     config?: TasksConfig;
     children: ReactNode;
-}): string | number | bigint | boolean | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element | null | undefined;
+}): string | number | bigint | boolean | import("react").JSX.Element | Iterable<ReactNode> | Promise<string | number | bigint | boolean | Iterable<ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
 /** The header button: a ring while anything runs, the count, a gold dot for ended unseen tasks. */
 export declare function TasksButton(): import("react").JSX.Element | null;
 export {};

package/dist/tasks.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 { isActive } from '@columenlabs/lumen-ui-types/tasks';
 import { useQueryClient } from '@tanstack/react-query';
 import { useRouter } from '@tanstack/react-router';

package/dist/tile.js

@@ -1,11 +1,9 @@
-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 { cn } from './lib/utils.js';
 import { Card } from './ui/card.js';
 import { ToggleGroup, ToggleGroupItem } from './ui/toggle-group.js';
 function TileBody({ label, value, caption, lines, valueClassName, }) {
-    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "w-full truncate text-xs text-muted-foreground", children: label }), _jsx("span", { className: cn('num truncate text-xl leading-7 font-semibold', valueClassName), children: value }), caption ? (_jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: caption })) : null, lines?.map((l, i) => (
-            // biome-ignore lint/suspicious/noArrayIndexKey: a card's lines in their saved order
-            _jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: l }, i)))] }));
+    return (_jsxs(_Fragment, { children: [_jsx("span", { className: "w-full truncate text-xs text-muted-foreground", children: label }), _jsx("span", { className: cn('num truncate text-xl leading-7 font-semibold', valueClassName), children: value }), caption ? (_jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: caption })) : null, lines?.map((l, i) => (_jsx("span", { className: "num line-clamp-2 text-xs text-muted-foreground", children: l }, i)))] }));
 }
 export function Tile({ label, value, caption, lines, className, valueClassName, }) {
     return (_jsx(Card, { size: "sm", className: cn('min-w-0 gap-0.5 px-3', className), children: _jsx(TileBody, { label: label, value: value, caption: caption, lines: lines, valueClassName: valueClassName }) }));

package/dist/ui/badge.d.ts

@@ -1,7 +1,7 @@
 import { type VariantProps } from 'class-variance-authority';
 import type * as React from 'react';
 declare const badgeVariants: (props?: ({
-    variant?: "link" | "success" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "warning" | "info" | null | undefined;
+    variant?: "default" | "destructive" | "ghost" | "info" | "link" | "outline" | "secondary" | "success" | "warning" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Badge({ className, variant, asChild, ...props }: React.ComponentProps<'span'> & VariantProps<typeof badgeVariants> & {
     asChild?: boolean;

package/dist/ui/button.d.ts

@@ -1,8 +1,8 @@
 import { type VariantProps } from 'class-variance-authority';
 import type * as React from 'react';
 declare const buttonVariants: (props?: ({
-    variant?: "link" | "default" | "outline" | "secondary" | "ghost" | "destructive" | "destructive-confirm" | null | undefined;
-    size?: "default" | "xs" | "sm" | "lg" | "icon" | "icon-xs" | "icon-sm" | "icon-lg" | null | undefined;
+    variant?: "default" | "destructive" | "destructive-confirm" | "ghost" | "link" | "outline" | "secondary" | null | undefined;
+    size?: "default" | "icon" | "icon-lg" | "icon-sm" | "icon-xs" | "lg" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Button({ className, variant, size, asChild, ...props }: React.ComponentProps<'button'> & VariantProps<typeof buttonVariants> & {
     asChild?: boolean;

package/dist/ui/chart.d.ts

@@ -2,8 +2,8 @@ import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
 import type { TooltipValueType } from 'recharts';
 declare const THEMES: {
-    readonly light: "";
-    readonly dark: ".dark";
+    readonly light: '';
+    readonly dark: '.dark';
 };
 type TooltipNameType = number | string;
 export type ChartConfig = Record<string, {

package/dist/ui/chart.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 { cn } from '../lib/utils.js';
 import * as React from 'react';
 import * as RechartsPrimitive from 'recharts';
@@ -86,10 +86,7 @@ function ChartLegendContent({ className, hideIcon = false, payload, verticalAlig
     if (!payload?.length) {
         return null;
     }
-    return (
-    // One series a line, cut to fit: a list on phone that scrolls past five
-    // lines, wrapping rows on wider screens; the full name shows on hover.
-    _jsx("div", { className: cn('flex max-h-24 flex-col items-start gap-x-4 gap-y-0.5 overflow-y-auto sm:max-h-none sm:flex-row sm:flex-wrap sm:items-center sm:justify-center sm:overflow-visible', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload
+    return (_jsx("div", { className: cn('flex max-h-24 flex-col items-start gap-x-4 gap-y-0.5 overflow-y-auto sm:max-h-none sm:flex-row sm:flex-wrap sm:items-center sm:justify-center sm:overflow-visible', verticalAlign === 'top' ? 'pb-3' : 'pt-3', className), children: payload
             .filter((item) => item.type !== 'none')
             .map((item, index) => {
             const key = `${nameKey ?? item.dataKey ?? 'value'}`;

package/dist/ui/field.d.ts

@@ -6,7 +6,7 @@ declare function FieldLegend({ className, variant, ...props }: React.ComponentPr
 }): import("react").JSX.Element;
 declare function FieldGroup({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;
 declare const fieldVariants: (props?: ({
-    orientation?: "horizontal" | "vertical" | "responsive" | null | undefined;
+    orientation?: "horizontal" | "responsive" | "vertical" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Field({ className, orientation, ...props }: React.ComponentProps<'div'> & VariantProps<typeof fieldVariants>): import("react").JSX.Element;
 declare function FieldContent({ className, ...props }: React.ComponentProps<'div'>): import("react").JSX.Element;

package/dist/ui/input-group.d.ts

@@ -3,11 +3,11 @@ import type * as React from 'react';
 import { Button } from './button.js';
 declare function InputGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare const inputGroupAddonVariants: (props?: ({
-    align?: "inline-end" | "inline-start" | "block-end" | "block-start" | null | undefined;
+    align?: "block-end" | "block-start" | "inline-end" | "inline-start" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupAddon({ className, align, ...props }: React.ComponentProps<'div'> & VariantProps<typeof inputGroupAddonVariants>): React.JSX.Element;
 declare const inputGroupButtonVariants: (props?: ({
-    size?: "xs" | "sm" | "icon-xs" | "icon-sm" | null | undefined;
+    size?: "icon-sm" | "icon-xs" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function InputGroupButton({ className, type, variant, size, ...props }: Omit<React.ComponentProps<typeof Button>, 'size'> & VariantProps<typeof inputGroupButtonVariants>): React.JSX.Element;
 declare function InputGroupText({ className, ...props }: React.ComponentProps<'span'>): React.JSX.Element;

package/dist/ui/item.d.ts

@@ -4,14 +4,14 @@ import { Separator } from './separator.js';
 declare function ItemGroup({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;
 declare function ItemSeparator({ className, ...props }: React.ComponentProps<typeof Separator>): React.JSX.Element;
 declare const itemVariants: (props?: ({
-    variant?: "default" | "outline" | "muted" | null | undefined;
-    size?: "default" | "xs" | "sm" | null | undefined;
+    variant?: "default" | "muted" | "outline" | null | undefined;
+    size?: "default" | "sm" | "xs" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Item({ className, variant, size, asChild, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemVariants> & {
     asChild?: boolean;
 }): React.JSX.Element;
 declare const itemMediaVariants: (props?: ({
-    variant?: "image" | "default" | "icon" | null | undefined;
+    variant?: "default" | "icon" | "image" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function ItemMedia({ className, variant, ...props }: React.ComponentProps<'div'> & VariantProps<typeof itemMediaVariants>): React.JSX.Element;
 declare function ItemContent({ className, ...props }: React.ComponentProps<'div'>): React.JSX.Element;

package/dist/ui/sidebar.d.ts

@@ -44,7 +44,7 @@ declare function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>
 declare function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>): React.JSX.Element;
 declare const sidebarMenuButtonVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function SidebarMenuButton({ asChild, isActive, variant, size, tooltip, className, ...props }: React.ComponentProps<'button'> & {
     asChild?: boolean;

package/dist/ui/sidebar.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 { cn } from '../lib/utils.js';
 import { cva } from 'class-variance-authority';
 import { Slot } from 'radix-ui';

package/dist/ui/toggle.d.ts

@@ -3,7 +3,7 @@ import { Toggle as TogglePrimitive } from 'radix-ui';
 import type * as React from 'react';
 declare const toggleVariants: (props?: ({
     variant?: "default" | "outline" | null | undefined;
-    size?: "default" | "sm" | "lg" | null | undefined;
+    size?: "default" | "lg" | "sm" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 declare function Toggle({ className, variant, size, ...props }: React.ComponentProps<typeof TogglePrimitive.Root> & VariantProps<typeof toggleVariants>): React.JSX.Element;
 export { Toggle, toggleVariants };

package/dist/view-edit-cell.js

@@ -49,10 +49,7 @@ export function EditCell({ label, value, options, unused = [], chip, note, color
             ]
             : []),
     ];
-    return (
-    // Clicks and keys stay off the row, which opens its details (the list is a portal, but React
-    // events still bubble through here).
-    _jsxs("span", { className: edited ? 'inline-flex items-center gap-1' : 'contents', onClick: stop, onKeyDown: stop, children: [_jsx(LumenSelector, { trigger: value === null ? 'icon' : chip ? 'chip' : 'field', icon: value === null ? PlusIcon : undefined, size: "sm", label: value === null ? `Set ${label}` : `${label}: ${value}`, className: value === null
+    return (_jsxs("span", { className: edited ? 'inline-flex items-center gap-1' : 'contents', onClick: stop, onKeyDown: stop, children: [_jsx(LumenSelector, { trigger: value === null ? 'icon' : chip ? 'chip' : 'field', icon: value === null ? PlusIcon : undefined, size: "sm", label: value === null ? `Set ${label}` : `${label}: ${value}`, className: value === null
                     ? '-ml-1 size-6 text-muted-foreground'
                     : chip
                         ? 'h-6 border-0 bg-secondary px-2 text-xs font-normal text-secondary-foreground dark:bg-secondary'

package/dist/view-editor.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, linkColumns, readableDomain, } from '@columenlabs/lumen-ui-types/catalog';
 import { CONNECTED_COUNT, VIEW_CARD_KIND_NAMES, WIDGET_STYLES, cardsOf, connectedKey, inferConnection, isOwnTile, isRowCard, isTableCard, mainTableOf, tableConfigOf, tableLayoutOf, viewAggs, viewCardSchema, viewPageSizes, viewPaginationSchema, widgetStyleId, } from '@columenlabs/lumen-ui-types/views';
 // The Edit view dialog (mock 2b): two panes. Left, a tree of every field the

package/dist/view-formulas.d.ts

@@ -14,7 +14,7 @@ export declare function FormatChip({ format, icon }: {
     icon?: LucideIcon;
 }): import("react").JSX.Element;
 /** The number formats as picker options, each with how it reads. */
-export declare const formatOptions: () => LumenOption<ViewFormula["format"]>[];
+export declare const formatOptions: () => LumenOption<ViewFormula['format']>[];
 /**
  * A formula as it shows: a Text one has no sum or average of words, so its
  * group and Total rows are blank unless they count, or show the first or last value. Its format is

package/dist/view-model.d.ts

@@ -127,12 +127,12 @@ export declare const CHIP_TONE: Record<ViewChipTone, string>;
 /** A run's state as a chip, the same on every app: done green, failed
  *  red, running blue, queued, waiting and canceled grey. */
 export declare const RUN_STATE_TONE: {
-    readonly done: "gain";
-    readonly failed: "loss";
-    readonly running: "info";
-    readonly queued: "muted";
-    readonly waiting: "muted";
-    readonly canceled: "muted";
+    readonly done: 'gain';
+    readonly failed: 'loss';
+    readonly running: 'info';
+    readonly queued: 'muted';
+    readonly waiting: 'muted';
+    readonly canceled: 'muted';
 };
 /** A group of fields by where they come from: their colour and, per topic, the source line. */
 export interface ViewFieldGroup {
@@ -303,8 +303,8 @@ export declare const formulasOf: (c: CustomViewConfig) => {
     key: string;
     label: string;
     expr: string;
-    format: "number" | "text" | "weight" | "compact" | "rounded" | "price" | "price_rounded" | "price_signed" | "percent" | "signed" | "integer";
-    agg: "none" | "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct" | null;
+    format: "compact" | "integer" | "number" | "percent" | "price" | "price_rounded" | "price_signed" | "rounded" | "signed" | "text" | "weight";
+    agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "none" | "sum" | null;
 }[];
 /** Fields listed under Columns but not shown, for their Filter and Group ticks; views saved before it have none. */
 export declare const hiddenOf: (c: CustomViewConfig) => string[];
@@ -313,32 +313,32 @@ export declare const tilesOf: (c: CustomViewConfig) => ({
     key: string;
     label: string;
     field: string;
-    agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+    agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
     filter: {
         key: string;
         value: string;
         not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
     }[];
     sign: boolean;
     suffix: string;
     lines: ({
         kind: "value";
         field: string;
-        agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+        agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         filter: {
             key: string;
             value: string;
             not?: boolean | undefined;
-            op?: "gt" | "lt" | "eq" | "between" | undefined;
-            link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
+            op?: "between" | "eq" | "gt" | "lt" | undefined;
+            link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
         }[];
         suffix: string;
     } | {
         kind: "pct";
         field: string;
-        agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+        agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
     } | {
         kind: "text";
         text: string;

package/dist/whats-new.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";
 // What's new (in Lumen for
 // every app): the version in the status bar opens the release notes, newest
 // first, each release's Key takeaways only. An app turns it on with LumenShell's `releases`, its