@columenlabs/lumen-ui 0.1.1 → 0.1.3

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:
@@ -7,7 +7,7 @@ import { OUTLOOK_INDEXES, marketWindows } from '@columenlabs/lumen-ui-types/mark
 // cards out; this file draws the card frame every card shares (its header, ↻ and ⋯ menu), each
 // widget, the Edit layout bar, Add widget (Pre-built and Build your own) and Edit widget.
 import { ALLOCATION_MAX, VIEW_CARD_KIND_NAMES, WIDGET_STYLES, controlOn, isDollarFormat, isRowCard, isTableCard, trendBuckets, viewCardKinds, viewCardSchema, viewWidgetCatalog, widgetStyleId, widgetStyleOf, } from '@columenlabs/lumen-ui-types/views';
-import { ActivityIcon, ArrowDownIcon, ArrowUpIcon, BarChart3Icon, CandlestickChartIcon, ChartLineIcon, ChartPieIcon, CheckIcon, CodeIcon, CopyIcon, EyeOffIcon, FoldVerticalIcon, FunnelIcon, GripVerticalIcon, InfoIcon, LayoutGridIcon, ListOrderedIcon, MoreHorizontalIcon, PackageIcon, PencilIcon, PlusIcon, RotateCcwIcon, Rows3Icon, SparklesIcon, SquareIcon, TableIcon, Trash2Icon, TrendingUpIcon, WrenchIcon, XIcon, } from 'lucide-react';
+import { ActivityIcon, ArrowDownIcon, ArrowUpIcon, BarChart3Icon, CandlestickChartIcon, ChartLineIcon, ChartPieIcon, CheckIcon, CodeIcon, CopyIcon, DatabaseIcon, EyeOffIcon, FoldVerticalIcon, FunnelIcon, GripVerticalIcon, InfoIcon, LayoutGridIcon, ListOrderedIcon, MoreHorizontalIcon, PackageIcon, PencilIcon, PlusIcon, RotateCcwIcon, Rows3Icon, SparklesIcon, SquareIcon, TableIcon, Trash2Icon, TrendingUpIcon, WrenchIcon, XIcon, } from 'lucide-react';
 import { useEffect, useMemo, useRef, useState } from 'react';
 import { useAssistant, useAssistantName } from './assistant-context.js';
 import { LumenConfirm } from './confirm.js';
@@ -15,6 +15,7 @@ import { FoldChevron, useFolded, usePageKey } from './fold.js';
 import { GrowthChart } from './growth-chart.js';
 import { useIsMobile } from './hooks/use-mobile.js';
 import { IconButton } from './icon-button.js';
+import { useDomainReads } from './joins.js';
 import { cn } from './lib/utils.js';
 import { LumenBoundary } from './lumen-boundary.js';
 import { LumenTokenizedFilter, filterByTokens, useLumenFilter, } from './lumen-filter.js';
@@ -48,6 +49,7 @@ import { Tooltip, TooltipContent, TooltipTrigger } from './ui/tooltip.js';
 import { fieldOptions } from './view-formulas.js';
 import { computedOf, label, summaryCash, } from './view-model.js';
 import { WidgetControlsEditor } from './widget-controls.js';
+import { PAGE_SOURCE, useWidgetDataOptions } from './widget-data.js';
 import { dateFields } from './widget-settings.js';
 /** Each style's icon, by its id in `WIDGET_STYLES`; a style left out takes its kind's. */
 const STYLE_ICONS = {
@@ -367,9 +369,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 +403,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, }) {
@@ -517,13 +515,26 @@ function PickCard({ icon: Icon, name, note, added, disabled, onClick, }) {
     return (_jsxs(Button, { variant: "outline", disabled: disabled, onClick: onClick, className: "h-auto justify-start gap-3 p-3 text-left font-normal whitespace-normal", children: [_jsx("span", { className: "grid size-8 shrink-0 place-items-center rounded-md bg-primary/10 text-primary", children: _jsx(Icon, { className: "size-4" }) }), _jsxs("span", { className: "flex min-w-0 flex-col gap-0.5", children: [_jsx("span", { className: "font-medium", children: name }), _jsx("span", { className: "text-xs text-muted-foreground", children: note })] }), added && (_jsxs(Badge, { variant: "secondary", className: "ml-auto font-normal", children: [_jsx(CheckIcon, {}), " Added"] }))] }));
 }
 /** Add widget: the domain's pre-built widgets, or a kind to build. */
-export function AddWidgetDialog({ open, onOpenChange, domain, cards, onAdd, onBuild, }) {
-    const catalog = viewWidgetCatalog[domain.id] ?? [];
+export function AddWidgetDialog({ open, onOpenChange, domain, cards, onAdd, onBuild, name = 'This page', }) {
+    // Step 1: the widget's main data, this page's rows unless another is picked.
+    const [data, setData] = useState(PAGE_SOURCE);
+    // biome-ignore lint/correctness/useExhaustiveDependencies: starts on this page each time it opens.
+    useEffect(() => setData(PAGE_SOURCE), [open]);
+    const pageLabel = `${name} (this page)`;
+    const dataOptions = useWidgetDataOptions(open, pageLabel);
+    const own = data !== PAGE_SOURCE;
+    const ids = useMemo(() => (own ? [data] : []), [own, data]);
+    const read = useDomainReads(ids, ids)[data];
+    const shapeDomain = (own ? (read?.domain ?? { id: data, rowKey: String, fields: [] }) : domain);
+    const sourced = (c) => (own ? { ...c, source: data } : c);
+    const catalog = own ? [] : (viewWidgetCatalog[domain.id] ?? []);
     const keys = new Set(domain.fields.map((f) => f.key));
-    const hasRow = cards.some(isRowCard);
+    const hasRow = !own && cards.some(isRowCard);
     const full = cards.length >= 12;
-    const offered = useOffered(domain);
-    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add widget" }), _jsxs(DialogDescription, { children: ["Widgets use this view's rows and their own filter", full ? '. A page holds 12 cards at most.' : '.'] })] }), _jsxs(Tabs, { defaultValue: catalog.length ? 'prebuilt' : 'own', children: [_jsxs(TabsList, { children: [_jsxs(TabsTrigger, { value: "prebuilt", children: [_jsx(PackageIcon, {}), "Pre-built"] }), _jsxs(TabsTrigger, { value: "own", children: [_jsx(WrenchIcon, {}), "Build your own"] })] }), _jsx(TabsContent, { value: "prebuilt", className: dialogBody, children: catalog.length ? (_jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: catalog.map((it) => {
+    const offered = useOffered(shapeDomain);
+    return (_jsx(Dialog, { open: open, onOpenChange: onOpenChange, children: _jsxs(DialogContent, { className: "sm:max-w-2xl", children: [_jsxs(DialogHeader, { children: [_jsx(DialogTitle, { children: "Add widget" }), _jsxs(DialogDescription, { children: ["Pick its data, then its shape", full ? '. A page holds 12 cards at most.' : '.'] })] }), _jsxs("div", { className: "flex flex-col gap-1.5", children: [_jsx(Label, { htmlFor: "add-widget-data", className: "text-xs font-medium text-muted-foreground", children: "Data" }), _jsx(LumenSelector, { id: "add-widget-data", icon: DatabaseIcon, label: "Widget data", search: true, value: data, options: dataOptions, onChange: setData }), own && read?.state !== 'ok' && (_jsx("p", { className: cn('text-xs', read?.state === 'loading' || !read ? 'text-muted-foreground' : 'text-destructive'), children: read?.state === 'loading' || !read
+                                ? 'Reading its fields…'
+                                : (read.detail ?? 'Its rows could not be read.') }))] }), _jsxs(Tabs, { defaultValue: catalog.length ? 'prebuilt' : 'own', children: [_jsxs(TabsList, { children: [!own && (_jsxs(TabsTrigger, { value: "prebuilt", children: [_jsx(PackageIcon, {}), "Pre-built"] })), _jsxs(TabsTrigger, { value: "own", children: [_jsx(WrenchIcon, {}), "Build your own"] })] }), _jsx(TabsContent, { value: "prebuilt", className: dialogBody, children: catalog.length ? (_jsx("div", { className: "grid grid-cols-1 gap-2 sm:grid-cols-2", children: catalog.map((it) => {
                                     const added = cards.some((b) => b.id === it.widget.id);
                                     const fits = [
                                         ...('by' in it.widget ? [it.widget.by, it.widget.value] : []),
@@ -540,16 +551,16 @@ export function AddWidgetDialog({ open, onOpenChange, domain, cards, onAdd, onBu
                                                 // A table goes on as it is; the page's first row of numbers shows the
                                                 // view's cards, any other starts empty in Edit widget.
                                                 const ready = w.id === 'table:table' || (w.id === 'metric:row' && !hasRow);
-                                                return (_jsx(PickCard, { icon: cardIcon(w), name: w.name, note: w.note, disabled: full, onClick: () => ready
-                                                        ? onAdd(draftOf(w.id, domain, cards))
-                                                        : onBuild(w.id === 'metric:row'
+                                                return (_jsx(PickCard, { icon: cardIcon(w), name: w.name, note: w.note, disabled: full || (own && read?.state !== 'ok'), onClick: () => ready
+                                                        ? onAdd(sourced(draftOf(w.id, shapeDomain, cards)))
+                                                        : onBuild(sourced(w.id === 'metric:row'
                                                             ? viewCardSchema.parse({
-                                                                ...draftOf(w.id, domain, cards),
+                                                                ...draftOf(w.id, shapeDomain, cards),
                                                                 tiles: [],
                                                             })
-                                                            : draftOf(w.id, domain, cards)) }, w.id));
+                                                            : draftOf(w.id, shapeDomain, cards))) }, w.id));
                                             }) })] }, kind));
-                            }) })] })] }) }));
+                            }) })] }, data)] }) }));
 }
 /** A page's cards after `action` on card `i`, or null for Edit (the caller opens a dialog). */
 export function cardsAfter(cards, i, action) {

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/sourced-card.d.ts

@@ -0,0 +1,10 @@
+import { type ViewWidget } from '@columenlabs/lumen-ui-types/views';
+import { type CardControls } from './lumen-widget.js';
+export declare function SourcedCard({ card, name, controls, }: {
+    card: ViewWidget & {
+        source: string;
+    };
+    /** The page's name, for a widget with no title of its own. */
+    name: string;
+    controls?: CardControls;
+}): import("react").JSX.Element;

package/dist/sourced-card.js

@@ -0,0 +1,69 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+// A widget with its own main data (`source` on the card): it reads that domain or recipe itself
+// (the same reads a link uses), joins its own links, and draws like any widget over those rows. It
+// shares nothing of the page's rows; the page's chips reach it only by a key both carry.
+import { isRowCard, isTableCard, sourceConfigOf, tilesOfCard, } from '@columenlabs/lumen-ui-types/views';
+import { useMemo } from 'react';
+import { useDomainReads, useJoins } from './joins.js';
+import { filterByTokens } from './lumen-filter.js';
+import { followedBy, followsText, keyFilterFields, useLinks } from './lumen-links.js';
+import { mergeRows } from './lumen-view.js';
+import { LumenViewCard } from './lumen-view-card.js';
+import { LumenSavedWidget, cardFilterFields, cardTitle } from './lumen-widget.js';
+import { LumenCard, SummaryTiles } from './summary-cards.js';
+import { summaryCash, withViewFields } from './view-model.js';
+/** A source read's state as the card's loading state. */
+function loadOf(state, detail, label) {
+    const failed = state === 'failed' || state === 'off';
+    return {
+        loading: state === 'loading',
+        fetching: state === 'loading',
+        refreshing: false,
+        background: false,
+        error: failed ? new Error(`${label}: ${detail ?? 'could not be read'}`) : null,
+        stale: null,
+        refresh: async () => { },
+        tookMs: null,
+        cached: false,
+        at: null,
+    };
+}
+export function SourcedCard({ card, name, controls, }) {
+    const ids = useMemo(() => [card.source], [card.source]);
+    const read = useDomainReads(ids, ids)[card.source];
+    const base = (read?.domain ?? {
+        id: card.source,
+        rowKey: String,
+        fields: [],
+    });
+    const rows = (read?.rows ?? []);
+    const config = useMemo(() => sourceConfigOf(card, name), [card, name]);
+    const load = loadOf(read?.state ?? 'loading', read?.detail, read?.label ?? card.source);
+    if (isTableCard(card))
+        return (_jsx(LumenViewCard, { id: card.id, domain: base, config: config, rows: card.filter.length
+                ? filterByTokens(rows, cardFilterFields(base.fields), card.filter)
+                : rows, load: load, title: card.title ?? read?.label ?? name, controls: controls, shown: card.controls }));
+    return (_jsx(SourcedWidget, { card: card, base: base, rows: rows, load: load, label: read?.label ?? name, controls: controls }));
+}
+function SourcedWidget({ card, base, rows, load, label, controls, }) {
+    const config = useMemo(() => sourceConfigOf(card, label), [card, label]);
+    const joins = useJoins(base, rows, config);
+    const domain = useMemo(() => withViewFields(joins.domain, config), [joins.domain, config]);
+    const fields = useMemo(() => [...cardFilterFields(domain.fields), ...keyFilterFields(domain.keys)], [domain.fields, domain.keys]);
+    const links = useLinks();
+    const follows = followedBy(links?.follows(card.id) ?? [], fields, domain.keys);
+    const own = card.filter.length ? filterByTokens(rows, fields, card.filter, domain.text) : rows;
+    const drawn = follows.length ? filterByTokens(own, fields, follows, domain.text) : own;
+    const narrowed = card.filter.length > 0 || follows.length > 0;
+    const counted = domain.cash && !summaryCash(isRowCard(card) ? card : {}, narrowed)
+        ? drawn.filter((r) => !domain.cash?.(r))
+        : drawn;
+    const loading = load.loading;
+    return (_jsx(LumenSavedWidget, { widget: card, title: card.title ?? cardTitle(card, label), domain: domain, rows: drawn, link: links
+            ? {
+                color: links.colorOf(card.id),
+                onPick: (c) => links.setColor(card.id, c),
+                follows: followsText(follows),
+            }
+            : undefined, fields: fields, merge: (rs) => mergeRows(domain, rs, null), load: load, tiles: 'tile' in card ? (_jsx(LumenCard, { domain: domain, tile: card.tile, rows: counted, fields: fields, loading: loading, style: card.style, target: card.target, meter: card.meter, bands: card.bands })) : isRowCard(card) ? (_jsx(SummaryTiles, { domain: domain, tiles: tilesOfCard(config, card), rows: counted, fields: fields, loading: loading })) : null, controls: controls }));
+}

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;