@columenlabs/lumen-ui 0.1.1 → 0.1.3

package/dist/lumen-widget.d.ts

@@ -144,11 +144,13 @@ export declare function draftOf<T>(styleId: string, domain: ViewDomain<T>, cards
  *  of $1 a domain that draws curves. */
 export declare function useOffered<T>(domain: ViewDomain<T>): (styleId: string) => boolean;
 /** Add widget: the domain's pre-built widgets, or a kind to build. */
-export declare function AddWidgetDialog<T>({ open, onOpenChange, domain, cards, onAdd, onBuild, }: {
+export declare function AddWidgetDialog<T>({ open, onOpenChange, domain, cards, onAdd, onBuild, name, }: {
     open: boolean;
     onOpenChange: (o: boolean) => void;
     domain: ViewDomain<T>;
     cards: ViewCard[];
+    /** The page's name, for the data picker's "this page" row. */
+    name?: string;
     /** Adds a ready card (a pre-built widget, or the view's tiles or the view itself). */
     onAdd: (card: ViewCard) => void;
     /** Opens Edit widget on a new card of a kind. */
@@ -156,34 +158,57 @@ export declare function AddWidgetDialog<T>({ open, onOpenChange, domain, cards,
 }): import("react").JSX.Element;
 /** A page's cards after `action` on card `i`, or null for Edit (the caller opens a dialog). */
 export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAction): ({
-    kind: "table";
-    style: "table";
     id: string;
     title: string | null;
     w: number;
+    h?: number | undefined;
+    x?: number | undefined;
+    y?: number | undefined;
+    phone?: {
+        x: number;
+        y: number;
+        w: number;
+        h?: number | undefined;
+    } | undefined;
     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;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "table";
+    style: "table";
     table?: {
-        shape: "table" | "group" | "pivot";
+        shape: "group" | "pivot" | "table";
         columns: string[];
+        hidden?: string[] | undefined;
         chips: {
             key: string;
-            placement: "inline" | "column";
+            placement: "column" | "inline";
         }[];
+        formats?: Record<string, "compact" | "integer" | "number" | "percent" | "price" | "price_rounded" | "price_signed" | "rounded" | "signed" | "weight"> | undefined;
+        aggs?: Record<string, "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "none" | "sum"> | undefined;
         group: {
             fields: string[];
             default: string | null;
         };
+        subgroup?: string | null | undefined;
         pivot: {
             rows: string;
             columns: string;
             value: string;
-            agg: "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct";
+            agg: "count" | "distinct" | "first" | "last" | "max" | "mean" | "min" | "sum";
         } | null;
         sort: {
             key: string;
@@ -191,14 +216,14 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         } | null;
         pagination: {
             on: boolean;
-            size: 100 | 50 | 25 | 250;
+            size: 25 | 50 | 100 | 250;
         };
-        hidden?: string[] | undefined;
-        formats?: Record<string, "number" | "weight" | "compact" | "rounded" | "price" | "price_rounded" | "price_signed" | "percent" | "signed" | "integer"> | undefined;
-        aggs?: Record<string, "none" | "max" | "min" | "first" | "last" | "sum" | "count" | "mean" | "distinct"> | undefined;
-        subgroup?: string | null | undefined;
-        width?: "scroll" | "fit" | undefined;
+        width?: "fit" | "scroll" | undefined;
     } | undefined;
+} | {
+    id: string;
+    title: string | null;
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -208,25 +233,32 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "table";
     style: "top_n";
     sort: string;
     desc: boolean;
     n: number;
     columns: string[];
+} | {
     id: string;
     title: string | null;
-    w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -236,9 +268,23 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "metric";
     style: "number" | "progress_bar" | "progress_circle";
     w: number;
@@ -246,32 +292,32 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         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;
@@ -279,21 +325,16 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
     } | {
         key: string;
     };
-    id: string;
-    title: string | null;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     target?: number | undefined;
     meter?: "health" | "usage" | undefined;
     bands?: {
         warn: number;
         bad: number;
     } | undefined;
+} | {
+    id: string;
+    title: string | null;
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -303,51 +344,55 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    kind: "metric";
-    style: "row";
-    id: string;
-    title: string | null;
-    w: number;
     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;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "metric";
+    style: "row";
     tiles?: ({
         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;
@@ -357,6 +402,9 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
     })[] | undefined;
     rank?: string | undefined;
     cash?: boolean | undefined;
+} | {
+    id: string;
+    title: string | null;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -366,25 +414,34 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     w: number;
     date: string;
     values: string[];
-    bucket: "month" | "week" | "year" | "day";
-    agg: "last" | "sum" | "count" | "mean";
+    bucket: "day" | "month" | "week" | "year";
+    agg: "count" | "last" | "mean" | "sum";
     kind: "metric";
     style: "spark" | "tracker";
+} | {
     id: string;
     title: string | null;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -394,24 +451,32 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "bar";
     by: string;
     value: string;
     max: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -421,24 +486,32 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "donut";
     by: string;
     value: string;
     max: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -448,27 +521,35 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "allocation";
     style: "bar_list";
     by: string;
     value: string;
     signed: boolean;
+    stack?: string | undefined;
     desc: boolean;
     n: number;
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
-    stack?: string | undefined;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -478,24 +559,32 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "chart";
     style: "price";
     symbol: string;
-    window: "1D" | "5D" | "1M" | "6M" | "YTD" | "1Y" | "5Y" | "Max";
-    type: "line" | "candles";
+    window: "1D" | "1M" | "1Y" | "5D" | "5Y" | "6M" | "Max" | "YTD";
+    type: "candles" | "line";
+} | {
     id: string;
     title: string | null;
     w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -505,22 +594,30 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    kind: "chart";
-    style: "growth";
-    scale: "log" | "linear";
-    id: string;
-    title: string | null;
-    w: number;
     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;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "chart";
+    style: "growth";
+    scale: "linear" | "log";
+} | {
+    id: string;
+    title: string | null;
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -530,23 +627,30 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     kind: "chart";
     style: "market";
     symbols: string[];
     layout: "lines" | "tiles" | "today";
+} | {
     id: string;
     title: string | null;
-    w: number;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -556,25 +660,34 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
+    filter: {
+        key: string;
+        value: string;
+        not?: boolean | undefined;
+        op?: "between" | "eq" | "gt" | "lt" | undefined;
+        link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
     w: number;
     date: string;
     values: string[];
-    bucket: "month" | "week" | "year" | "day";
-    agg: "last" | "sum" | "count" | "mean";
+    bucket: "day" | "month" | "week" | "year";
+    agg: "count" | "last" | "mean" | "sum";
     kind: "chart";
-    style: "area" | "line" | "bars" | "stacked" | "combo";
+    style: "area" | "bars" | "combo" | "line" | "stacked";
+} | {
     id: string;
     title: string | null;
-    filter: {
-        key: string;
-        value: string;
-        not?: boolean | undefined;
-        op?: "gt" | "lt" | "eq" | "between" | undefined;
-        link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    }[];
+    w: number;
     h?: number | undefined;
     x?: number | undefined;
     y?: number | undefined;
@@ -584,31 +697,24 @@ export declare function cardsAfter(cards: ViewCard[], i: number, action: CardAct
         w: number;
         h?: number | undefined;
     } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
-} | {
-    kind: "page";
-    id: string;
-    title: string | null;
-    w: number;
     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;
     }[];
+    source?: string | undefined;
+    connections?: {
+        to: string;
+        on: {
+            from: string;
+            to: string;
+        }[];
+    }[] | undefined;
+    link?: "amber" | "blue" | "lime" | "pink" | "teal" | undefined;
+    controls?: Partial<Record<"ask" | "columns" | "download" | "filter" | "footer" | "group" | "header" | "legend" | "pager" | "refresh" | "window", boolean>> | undefined;
+    kind: "page";
     amount?: number | undefined;
-    h?: number | undefined;
-    x?: number | undefined;
-    y?: number | undefined;
-    phone?: {
-        x: number;
-        y: number;
-        w: number;
-        h?: number | undefined;
-    } | undefined;
-    link?: "blue" | "lime" | "pink" | "teal" | "amber" | undefined;
-    controls?: Partial<Record<"footer" | "header" | "legend" | "filter" | "group" | "download" | "columns" | "ask" | "refresh" | "pager" | "window", boolean>> | undefined;
 })[] | null;
 export type { CustomViewConfig };