@agent-native/toolkit 0.8.2 → 0.9.0

package/README.md

@@ -28,6 +28,14 @@ import { ToolkitProvider } from "@agent-native/toolkit/provider";
 import { ChatHistoryList } from "@agent-native/toolkit/chat-history";
 import { PresenceBar } from "@agent-native/toolkit/collab-ui";
 import { ContextMeterView } from "@agent-native/toolkit/context-ui";
+import {
+  DataTable,
+  DateRangePicker,
+  GenericChartPanel,
+  MetricCard,
+  StatsCard,
+  buildDashboardPanelGroups,
+} from "@agent-native/toolkit/dashboard";
 import { VisualTweakControl } from "@agent-native/toolkit/design-tweaks";
 import { SharedRichEditor } from "@agent-native/toolkit/editor";
 import { VisibilityBadge } from "@agent-native/toolkit/sharing";
@@ -45,6 +53,28 @@ import `@agent-native/toolkit/chat-history.css`.
 Inside template apps, prefer local adapters such as `@/components/ui/button` so
 apps can replace their primitives without changing every callsite.
 
+## Dashboard kit
+
+`@agent-native/toolkit/dashboard` is an ejectable, presentation-only dashboard
+kit. It includes metric and stats cards, tables, a date-range picker, panel
+ordering and layout helpers, and `GenericChartPanel`. Supply rows, schema, and
+callbacks through app-owned action-backed adapters; the kit never fetches data,
+stores dashboard state, resolves credentials, or imports Core runtime APIs.
+
+Inspect or take ownership of the complete unit with:
+
+```bash
+agent-native eject inspect toolkit/dashboard
+agent-native eject toolkit/dashboard --app <app> --apply
+```
+
+For durable dashboards, use `@agent-native/core/dashboard-storage` in the app's
+server layer. Instantiate its schema and access-scoped store per app, rather
+than sharing dashboard rows between apps. Resolve panel data with a
+`PanelSourceResolver`; the built-in `program` resolver runs an app-owned data
+program and is the zero-wiring default. Provider-specific resolvers stay in the
+app that owns their credentials and query policy.
+
 ## Customize Or Take Ownership
 
 Use public props, slots, callbacks, stable classes, and local adapters first.

package/agent-native.eject.json

@@ -133,6 +133,7 @@
         "@tabler/icons-react",
         "clsx",
         "react",
+        "recharts",
         "tailwind-merge"
       ],
       "verification": ["pnpm typecheck"]
@@ -206,6 +207,38 @@
       ],
       "verification": ["pnpm typecheck"]
     },
+    {
+      "id": "toolkit/dashboard",
+      "label": "Dashboard kit",
+      "catalog": "toolkit-ui",
+      "catalogItems": ["dashboard"],
+      "entrypoints": ["./dashboard", "./dashboard/*"],
+      "strategy": "source-copy",
+      "sourceEntries": ["src/dashboard"],
+      "targetRoot": "app/components/agent-native/toolkit",
+      "dependencies": [
+        "@radix-ui/react-select",
+        "@radix-ui/react-slot",
+        "@tabler/icons-react",
+        "class-variance-authority",
+        "clsx",
+        "react",
+        "recharts",
+        "tailwind-merge"
+      ],
+      "protectedImports": [
+        "@agent-native/toolkit/ui/button",
+        "@agent-native/toolkit/ui/card",
+        "@agent-native/toolkit/ui/select",
+        "@agent-native/toolkit/ui/skeleton",
+        "@agent-native/toolkit/ui/table",
+        "@agent-native/toolkit/utils"
+      ],
+      "verification": [
+        "pnpm --filter @agent-native/toolkit typecheck",
+        "pnpm --filter @agent-native/toolkit test"
+      ]
+    },
     {
       "id": "toolkit/editor",
       "label": "Rich editor",

package/dist/dashboard/DataTable.d.ts

@@ -0,0 +1,20 @@
+export interface DataTableLabels {
+    noData: string;
+    rowsPerPage: string;
+    of: string;
+    previousPage: string;
+    nextPage: string;
+}
+export interface DataTableProps {
+    title?: string;
+    data: Record<string, unknown>[];
+    columns?: string[];
+    loading?: boolean;
+    error?: string;
+    maxRows?: number;
+    pageSizeOptions?: number[];
+    labels?: Partial<DataTableLabels>;
+}
+/** A source-agnostic, sortable and paginated dashboard table. */
+export declare function DataTable({ title, data, columns: columnsProp, loading, error, maxRows, pageSizeOptions, labels: labelOverrides, }: DataTableProps): import("react").JSX.Element;
+//# sourceMappingURL=DataTable.d.ts.map

package/dist/dashboard/DataTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.d.ts","sourceRoot":"","sources":["../../src/dashboard/DataTable.tsx"],"names":[],"mappings":"AA8BA,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,WAAW,EAAE,MAAM,CAAC;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,YAAY,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,CAAC;IAChC,OAAO,CAAC,EAAE,MAAM,EAAE,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,eAAe,CAAC,EAAE,MAAM,EAAE,CAAC;IAC3B,MAAM,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;CACnC;AAUD,iEAAiE;AACjE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,KAAK,EACL,OAAO,EACP,eAA2C,EAC3C,MAAM,EAAE,cAAc,GACvB,EAAE,cAAc,+BA6JhB"}

package/dist/dashboard/DataTable.js

@@ -0,0 +1,87 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { IconArrowsUpDown, IconChevronLeft, IconChevronRight, } from "@tabler/icons-react";
+import { useMemo, useState } from "react";
+import { Button } from "../ui/button.js";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue, } from "../ui/select.js";
+import { Skeleton } from "../ui/skeleton.js";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow, } from "../ui/table.js";
+import { cn } from "../utils.js";
+const DEFAULT_PAGE_SIZE_OPTIONS = [10, 25, 50, 100];
+const TABLE_MIN_HEIGHT_CLASS = "min-h-[386px]";
+const DEFAULT_LABELS = {
+    noData: "No data available.",
+    rowsPerPage: "Rows per page",
+    of: "of",
+    previousPage: "Previous page",
+    nextPage: "Next page",
+};
+/** A source-agnostic, sortable and paginated dashboard table. */
+export function DataTable({ title, data, columns: columnsProp, loading, error, maxRows, pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS, labels: labelOverrides, }) {
+    const labels = { ...DEFAULT_LABELS, ...labelOverrides };
+    const [sortColumn, setSortColumn] = useState(null);
+    const [sortDirection, setSortDirection] = useState("desc");
+    const [page, setPage] = useState(0);
+    const [pageSize, setPageSize] = useState(pageSizeOptions[0] ?? 10);
+    const columns = useMemo(() => {
+        if (columnsProp)
+            return columnsProp;
+        return data.length === 0 ? [] : Object.keys(data[0]);
+    }, [columnsProp, data]);
+    const rows = useMemo(() => maxRows != null && data.length > maxRows ? data.slice(0, maxRows) : data, [data, maxRows]);
+    const sortedRows = useMemo(() => {
+        if (!sortColumn)
+            return rows;
+        return [...rows].sort((a, b) => {
+            const aValue = a[sortColumn];
+            const bValue = b[sortColumn];
+            if (aValue == null && bValue == null)
+                return 0;
+            if (aValue == null)
+                return 1;
+            if (bValue == null)
+                return -1;
+            const comparison = typeof aValue === "number" && typeof bValue === "number"
+                ? aValue - bValue
+                : String(aValue).localeCompare(String(bValue));
+            return sortDirection === "asc" ? comparison : -comparison;
+        });
+    }, [rows, sortColumn, sortDirection]);
+    const pageCount = Math.ceil(sortedRows.length / pageSize);
+    const pagedRows = sortedRows.slice(page * pageSize, (page + 1) * pageSize);
+    const handleSort = (column) => {
+        if (sortColumn === column) {
+            setSortDirection((direction) => (direction === "asc" ? "desc" : "asc"));
+        }
+        else {
+            setSortColumn(column);
+            setSortDirection("desc");
+        }
+        setPage(0);
+    };
+    const content = loading ? (_jsx(DataTableLoadingSkeleton, {})) : error ? (_jsx("p", { className: "py-4 text-sm text-destructive", children: error })) : data.length === 0 ? (_jsx("p", { className: "py-4 text-center text-sm text-muted-foreground", children: labels.noData })) : (_jsxs("div", { className: cn("overflow-x-auto", TABLE_MIN_HEIGHT_CLASS), children: [_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.map((column) => (_jsx(TableHead, { className: "cursor-pointer select-none whitespace-nowrap hover:text-foreground", onClick: () => handleSort(column), children: _jsxs("span", { className: "flex items-center gap-1", children: [column, _jsx(IconArrowsUpDown, { className: cn("h-3 w-3", sortColumn === column
+                                                ? "text-foreground"
+                                                : "text-muted-foreground/50") })] }) }, column))) }) }), _jsx(TableBody, { children: pagedRows.map((row, index) => (_jsx(TableRow, { children: columns.map((column) => (_jsx(TableCell, { className: "max-w-[300px] truncate whitespace-nowrap", children: formatValue(row[column]) }, column))) }, index))) })] }), sortedRows.length > (pageSizeOptions[0] ?? 10) && (_jsxs("div", { className: "flex items-center justify-between border-t border-border px-2 py-2 text-xs text-muted-foreground", children: [_jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { children: labels.rowsPerPage }), _jsxs(Select, { value: String(pageSize), onValueChange: (value) => {
+                                    setPageSize(Number(value));
+                                    setPage(0);
+                                }, children: [_jsx(SelectTrigger, { className: "h-6 w-16 border-border px-2 py-0 text-xs", children: _jsx(SelectValue, {}) }), _jsx(SelectContent, { children: pageSizeOptions.map((size) => (_jsx(SelectItem, { value: String(size), children: size }, size))) })] })] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("span", { children: [page * pageSize + 1, "\u2013", Math.min((page + 1) * pageSize, sortedRows.length), " ", labels.of, " ", sortedRows.length] }), _jsx(Button, { "aria-label": labels.previousPage, variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => setPage((current) => current - 1), disabled: page === 0, children: _jsx(IconChevronLeft, { className: "h-3.5 w-3.5" }) }), _jsx(Button, { "aria-label": labels.nextPage, variant: "ghost", size: "icon", className: "h-6 w-6", onClick: () => setPage((current) => current + 1), disabled: page >= pageCount - 1, children: _jsx(IconChevronRight, { className: "h-3.5 w-3.5" }) })] })] }))] }));
+    if (!title)
+        return content;
+    return (_jsxs(Card, { className: "border-border/50 bg-card", children: [_jsx(CardHeader, { children: _jsx(CardTitle, { className: "text-base", children: title }) }), _jsx(CardContent, { children: content })] }));
+}
+function formatValue(value) {
+    if (value == null)
+        return "-";
+    if (typeof value === "number")
+        return Number.isInteger(value) ? value.toLocaleString() : value.toFixed(4);
+    return typeof value === "object" ? JSON.stringify(value) : String(value);
+}
+function DataTableLoadingSkeleton() {
+    const columnWidths = ["w-24", "w-32", "w-20", "w-28"];
+    return (_jsxs("div", { className: cn("space-y-1", TABLE_MIN_HEIGHT_CLASS), children: [_jsx("div", { className: "overflow-x-auto", children: _jsxs("div", { className: "min-w-[480px]", children: [_jsx("div", { className: "grid h-8 grid-cols-4 items-center border-b border-border px-2", children: columnWidths.map((width, index) => (_jsx(Skeleton, { className: cn("h-3", width) }, index))) }), Array.from({ length: 10 }).map((_, row) => (_jsx("div", { className: "grid h-8 grid-cols-4 items-center border-b border-border/50 px-2", children: columnWidths.map((width, column) => (_jsx(Skeleton, { className: cn("h-3", column === 0
+                                    ? "w-36"
+                                    : column === 2
+                                        ? "ml-auto w-16"
+                                        : width) }, column))) }, row)))] }) }), _jsxs("div", { className: "flex h-8 items-center justify-between border-t border-border px-2 text-xs", children: [_jsx(Skeleton, { className: "h-3 w-28" }), _jsx(Skeleton, { className: "h-3 w-24" })] })] }));
+}
+//# sourceMappingURL=DataTable.js.map

package/dist/dashboard/DataTable.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../src/dashboard/DataTable.tsx"],"names":[],"mappings":";AAAA,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gBAAgB,GACjB,MAAM,qBAAqB,CAAC;AAC7B,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAE1C,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EACL,MAAM,EACN,aAAa,EACb,UAAU,EACV,aAAa,EACb,WAAW,GACZ,MAAM,iBAAiB,CAAC;AACzB,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAC7C,OAAO,EACL,KAAK,EACL,SAAS,EACT,SAAS,EACT,SAAS,EACT,WAAW,EACX,QAAQ,GACT,MAAM,gBAAgB,CAAC;AACxB,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAEjC,MAAM,yBAAyB,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAC,CAAC;AACpD,MAAM,sBAAsB,GAAG,eAAe,CAAC;AAqB/C,MAAM,cAAc,GAAoB;IACtC,MAAM,EAAE,oBAAoB;IAC5B,WAAW,EAAE,eAAe;IAC5B,EAAE,EAAE,IAAI;IACR,YAAY,EAAE,eAAe;IAC7B,QAAQ,EAAE,WAAW;CACtB,CAAC;AAEF,iEAAiE;AACjE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,IAAI,EACJ,OAAO,EAAE,WAAW,EACpB,OAAO,EACP,KAAK,EACL,OAAO,EACP,eAAe,GAAG,yBAAyB,EAC3C,MAAM,EAAE,cAAc,GACP;IACf,MAAM,MAAM,GAAG,EAAE,GAAG,cAAc,EAAE,GAAG,cAAc,EAAE,CAAC;IACxD,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAgB,IAAI,CAAC,CAAC;IAClE,MAAM,CAAC,aAAa,EAAE,gBAAgB,CAAC,GAAG,QAAQ,CAAiB,MAAM,CAAC,CAAC;IAC3E,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;IACpC,MAAM,CAAC,QAAQ,EAAE,WAAW,CAAC,GAAG,QAAQ,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,CAAC;IAEnE,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,IAAI,WAAW;YAAE,OAAO,WAAW,CAAC;QACpC,OAAO,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACvD,CAAC,EAAE,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC,CAAC;IACxB,MAAM,IAAI,GAAG,OAAO,CAClB,GAAG,EAAE,CACH,OAAO,IAAI,IAAI,IAAI,IAAI,CAAC,MAAM,GAAG,OAAO,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,IAAI,EAC1E,CAAC,IAAI,EAAE,OAAO,CAAC,CAChB,CAAC;IACF,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,CAAC,UAAU;YAAE,OAAO,IAAI,CAAC;QAC7B,OAAO,CAAC,GAAG,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE;YAC7B,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;YAC7B,MAAM,MAAM,GAAG,CAAC,CAAC,UAAU,CAAC,CAAC;YAC7B,IAAI,MAAM,IAAI,IAAI,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC;YAC/C,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC;YAC7B,IAAI,MAAM,IAAI,IAAI;gBAAE,OAAO,CAAC,CAAC,CAAC;YAC9B,MAAM,UAAU,GACd,OAAO,MAAM,KAAK,QAAQ,IAAI,OAAO,MAAM,KAAK,QAAQ;gBACtD,CAAC,CAAC,MAAM,GAAG,MAAM;gBACjB,CAAC,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC;YACnD,OAAO,aAAa,KAAK,KAAK,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC;QAC5D,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,aAAa,CAAC,CAAC,CAAC;IACtC,MAAM,SAAS,GAAG,IAAI,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM,GAAG,QAAQ,CAAC,CAAC;IAC1D,MAAM,SAAS,GAAG,UAAU,CAAC,KAAK,CAAC,IAAI,GAAG,QAAQ,EAAE,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,CAAC,CAAC;IAE3E,MAAM,UAAU,GAAG,CAAC,MAAc,EAAE,EAAE;QACpC,IAAI,UAAU,KAAK,MAAM,EAAE,CAAC;YAC1B,gBAAgB,CAAC,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,SAAS,KAAK,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC;QAC1E,CAAC;aAAM,CAAC;YACN,aAAa,CAAC,MAAM,CAAC,CAAC;YACtB,gBAAgB,CAAC,MAAM,CAAC,CAAC;QAC3B,CAAC;QACD,OAAO,CAAC,CAAC,CAAC,CAAC;IACb,CAAC,CAAC;IAEF,MAAM,OAAO,GAAG,OAAO,CAAC,CAAC,CAAC,CACxB,KAAC,wBAAwB,KAAG,CAC7B,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,YAAG,SAAS,EAAC,+BAA+B,YAAE,KAAK,GAAK,CACzD,CAAC,CAAC,CAAC,IAAI,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CACtB,YAAG,SAAS,EAAC,gDAAgD,YAC1D,MAAM,CAAC,MAAM,GACZ,CACL,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAE,EAAE,CAAC,iBAAiB,EAAE,sBAAsB,CAAC,aAC3D,MAAC,KAAK,eACJ,KAAC,WAAW,cACV,KAAC,QAAQ,cACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,SAAS,IAER,SAAS,EAAC,oEAAoE,EAC9E,OAAO,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,MAAM,CAAC,YAEjC,gBAAM,SAAS,EAAC,yBAAyB,aACtC,MAAM,EACP,KAAC,gBAAgB,IACf,SAAS,EAAE,EAAE,CACX,SAAS,EACT,UAAU,KAAK,MAAM;gDACnB,CAAC,CAAC,iBAAiB;gDACnB,CAAC,CAAC,0BAA0B,CAC/B,GACD,IACG,IAdF,MAAM,CAeD,CACb,CAAC,GACO,GACC,EACd,KAAC,SAAS,cACP,SAAS,CAAC,GAAG,CAAC,CAAC,GAAG,EAAE,KAAK,EAAE,EAAE,CAAC,CAC7B,KAAC,QAAQ,cACN,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,SAAS,IAER,SAAS,EAAC,0CAA0C,YAEnD,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,CAAC,IAHpB,MAAM,CAID,CACb,CAAC,IARW,KAAK,CAST,CACZ,CAAC,GACQ,IACN,EACP,UAAU,CAAC,MAAM,GAAG,CAAC,eAAe,CAAC,CAAC,CAAC,IAAI,EAAE,CAAC,IAAI,CACjD,eAAK,SAAS,EAAC,kGAAkG,aAC/G,eAAK,SAAS,EAAC,yBAAyB,aACtC,yBAAO,MAAM,CAAC,WAAW,GAAQ,EACjC,MAAC,MAAM,IACL,KAAK,EAAE,MAAM,CAAC,QAAQ,CAAC,EACvB,aAAa,EAAE,CAAC,KAAK,EAAE,EAAE;oCACvB,WAAW,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC;oCAC3B,OAAO,CAAC,CAAC,CAAC,CAAC;gCACb,CAAC,aAED,KAAC,aAAa,IAAC,SAAS,EAAC,0CAA0C,YACjE,KAAC,WAAW,KAAG,GACD,EAChB,KAAC,aAAa,cACX,eAAe,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CAC7B,KAAC,UAAU,IAAY,KAAK,EAAE,MAAM,CAAC,IAAI,CAAC,YACvC,IAAI,IADU,IAAI,CAER,CACd,CAAC,GACY,IACT,IACL,EACN,eAAK,SAAS,EAAC,yBAAyB,aACtC,2BACG,IAAI,GAAG,QAAQ,GAAG,CAAC,YACnB,IAAI,CAAC,GAAG,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,GAAG,QAAQ,EAAE,UAAU,CAAC,MAAM,CAAC,OAAG,MAAM,CAAC,EAAE,EAAE,GAAG,EACnE,UAAU,CAAC,MAAM,IACb,EACP,KAAC,MAAM,kBACO,MAAM,CAAC,YAAY,EAC/B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,EAChD,QAAQ,EAAE,IAAI,KAAK,CAAC,YAEpB,KAAC,eAAe,IAAC,SAAS,EAAC,aAAa,GAAG,GACpC,EACT,KAAC,MAAM,kBACO,MAAM,CAAC,QAAQ,EAC3B,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,SAAS,EACnB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,OAAO,GAAG,CAAC,CAAC,EAChD,QAAQ,EAAE,IAAI,IAAI,SAAS,GAAG,CAAC,YAE/B,KAAC,gBAAgB,IAAC,SAAS,EAAC,aAAa,GAAG,GACrC,IACL,IACF,CACP,IACG,CACP,CAAC;IAEF,IAAI,CAAC,KAAK;QAAE,OAAO,OAAO,CAAC;IAC3B,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,aACxC,KAAC,UAAU,cACT,KAAC,SAAS,IAAC,SAAS,EAAC,WAAW,YAAE,KAAK,GAAa,GACzC,EACb,KAAC,WAAW,cAAE,OAAO,GAAe,IAC/B,CACR,CAAC;AACJ,CAAC;AAED,SAAS,WAAW,CAAC,KAAc;IACjC,IAAI,KAAK,IAAI,IAAI;QAAE,OAAO,GAAG,CAAC;IAC9B,IAAI,OAAO,KAAK,KAAK,QAAQ;QAC3B,OAAO,MAAM,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE,CAAC,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;IAC7E,OAAO,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;AAC3E,CAAC;AAED,SAAS,wBAAwB;IAC/B,MAAM,YAAY,GAAG,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,CAAC,CAAC;IACtD,OAAO,CACL,eAAK,SAAS,EAAE,EAAE,CAAC,WAAW,EAAE,sBAAsB,CAAC,aACrD,cAAK,SAAS,EAAC,iBAAiB,YAC9B,eAAK,SAAS,EAAC,eAAe,aAC5B,cAAK,SAAS,EAAC,+DAA+D,YAC3E,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAClC,KAAC,QAAQ,IAAa,SAAS,EAAE,EAAE,CAAC,KAAK,EAAE,KAAK,CAAC,IAAlC,KAAK,CAAiC,CACtD,CAAC,GACE,EACL,KAAK,CAAC,IAAI,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,EAAE,EAAE,CAAC,CAC1C,cAEE,SAAS,EAAC,kEAAkE,YAE3E,YAAY,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,MAAM,EAAE,EAAE,CAAC,CACnC,KAAC,QAAQ,IAEP,SAAS,EAAE,EAAE,CACX,KAAK,EACL,MAAM,KAAK,CAAC;oCACV,CAAC,CAAC,MAAM;oCACR,CAAC,CAAC,MAAM,KAAK,CAAC;wCACZ,CAAC,CAAC,cAAc;wCAChB,CAAC,CAAC,KAAK,CACZ,IARI,MAAM,CASX,CACH,CAAC,IAfG,GAAG,CAgBJ,CACP,CAAC,IACE,GACF,EACN,eAAK,SAAS,EAAC,2EAA2E,aACxF,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,EACjC,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,IAC7B,IACF,CACP,CAAC;AACJ,CAAC"}

package/dist/dashboard/DateRangePicker.d.ts

@@ -0,0 +1,15 @@
+export type DateRange = "7d" | "30d" | "90d";
+export interface DateRangeOption {
+    value: DateRange;
+    label: string;
+}
+export interface DateRangePickerProps {
+    value: DateRange;
+    onChange: (range: DateRange) => void;
+    options?: DateRangeOption[];
+    className?: string;
+}
+export declare const DEFAULT_DATE_RANGE_OPTIONS: DateRangeOption[];
+export declare function dateRangeToInterval(range: DateRange): number;
+export declare function DateRangePicker({ value, onChange, options, className, }: DateRangePickerProps): import("react").JSX.Element;
+//# sourceMappingURL=DateRangePicker.d.ts.map

package/dist/dashboard/DateRangePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.d.ts","sourceRoot":"","sources":["../../src/dashboard/DateRangePicker.tsx"],"names":[],"mappings":"AAGA,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,KAAK,GAAG,KAAK,CAAC;AAE7C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC,KAAK,EAAE,SAAS,CAAC;IACjB,QAAQ,EAAE,CAAC,KAAK,EAAE,SAAS,KAAK,IAAI,CAAC;IACrC,OAAO,CAAC,EAAE,eAAe,EAAE,CAAC;IAC5B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED,eAAO,MAAM,0BAA0B,EAAE,eAAe,EAIvD,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,SAAS,GAAG,MAAM,CAE5D;AAED,wBAAgB,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAoC,EACpC,SAAS,GACV,EAAE,oBAAoB,+BAwBtB"}

package/dist/dashboard/DateRangePicker.js

@@ -0,0 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { Button } from "../ui/button.js";
+import { cn } from "../utils.js";
+export const DEFAULT_DATE_RANGE_OPTIONS = [
+    { value: "7d", label: "7 days" },
+    { value: "30d", label: "30 days" },
+    { value: "90d", label: "90 days" },
+];
+export function dateRangeToInterval(range) {
+    return Number.parseInt(range, 10);
+}
+export function DateRangePicker({ value, onChange, options = DEFAULT_DATE_RANGE_OPTIONS, className, }) {
+    return (_jsx("div", { className: cn("flex items-center gap-1 rounded-lg border border-border p-1", className), children: options.map((option) => (_jsx(Button, { variant: "ghost", size: "sm", className: cn("h-7 px-3 text-xs", value === option.value && "bg-secondary text-secondary-foreground"), onClick: () => onChange(option.value), children: option.label }, option.value))) }));
+}
+//# sourceMappingURL=DateRangePicker.js.map

package/dist/dashboard/DateRangePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DateRangePicker.js","sourceRoot":"","sources":["../../src/dashboard/DateRangePicker.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAC;AACzC,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAgBjC,MAAM,CAAC,MAAM,0BAA0B,GAAsB;IAC3D,EAAE,KAAK,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE;IAChC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;IAClC,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,SAAS,EAAE;CACnC,CAAC;AAEF,MAAM,UAAU,mBAAmB,CAAC,KAAgB;IAClD,OAAO,MAAM,CAAC,QAAQ,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;AACpC,CAAC;AAED,MAAM,UAAU,eAAe,CAAC,EAC9B,KAAK,EACL,QAAQ,EACR,OAAO,GAAG,0BAA0B,EACpC,SAAS,GACY;IACrB,OAAO,CACL,cACE,SAAS,EAAE,EAAE,CACX,6DAA6D,EAC7D,SAAS,CACV,YAEA,OAAO,CAAC,GAAG,CAAC,CAAC,MAAM,EAAE,EAAE,CAAC,CACvB,KAAC,MAAM,IAEL,OAAO,EAAC,OAAO,EACf,IAAI,EAAC,IAAI,EACT,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,KAAK,KAAK,MAAM,CAAC,KAAK,IAAI,wCAAwC,CACnE,EACD,OAAO,EAAE,GAAG,EAAE,CAAC,QAAQ,CAAC,MAAM,CAAC,KAAK,CAAC,YAEpC,MAAM,CAAC,KAAK,IATR,MAAM,CAAC,KAAK,CAUV,CACV,CAAC,GACE,CACP,CAAC;AACJ,CAAC"}

package/dist/dashboard/GenericChartPanel.d.ts

@@ -0,0 +1,57 @@
+import type { ReactNode } from "react";
+export type GenericChartDatum = Record<string, unknown>;
+export type GenericChartType = "metric" | "line" | "area" | "bar" | "stacked-bar" | "stacked-area" | "pie" | "donut" | "table";
+export interface GenericChartConfig {
+    chartType: GenericChartType;
+    xKey?: string;
+    yKey?: string;
+    yKeys?: string[];
+    colors?: string[];
+    stacked?: boolean;
+    legend?: boolean;
+    description?: string;
+    columns?: string[];
+    limit?: number;
+    formatValue?: (value: number) => string;
+    formatXAxis?: (value: string) => string;
+    formatSeriesName?: (value: string) => string;
+}
+export interface GenericChartRenderContext<TData, TConfig> {
+    data: TData;
+    config: TConfig;
+}
+export interface GenericChartPanelProps<TData, TConfig> {
+    data: TData | null | undefined;
+    config: TConfig;
+    loading?: boolean;
+    error?: ReactNode;
+    isEmpty?: (data: TData) => boolean;
+    /** App-specific rendering takes priority over the portable Recharts renderer. */
+    render?: (context: GenericChartRenderContext<TData, TConfig>) => ReactNode;
+    /** Opt into Toolkit's source-agnostic Recharts renderer for row data. */
+    chart?: GenericChartConfig;
+    renderLoading?: (config: TConfig) => ReactNode;
+    renderError?: (error: ReactNode, config: TConfig) => ReactNode;
+    renderEmpty?: (config: TConfig) => ReactNode;
+    emptyMessage?: ReactNode;
+    className?: string;
+}
+/**
+ * A render-only chart state boundary. Data acquisition, query serialization,
+ * demos, pivots, and app-specific chart renderers stay with the consuming app.
+ */
+export declare function GenericChartPanel<TData, TConfig>({ data, config, loading, error, isEmpty, render, chart, renderLoading, renderError, renderEmpty, emptyMessage, className, }: GenericChartPanelProps<TData, TConfig>): import("react").JSX.Element | null;
+/** Derives chart axes from provider-neutral row data when keys are not configured. */
+export declare function resolveGenericChartKeys(rows: GenericChartDatum[], config: Pick<GenericChartConfig, "xKey" | "yKey" | "yKeys">): {
+    xKey: string;
+    yKeys: string[];
+};
+export declare function formatGenericChartValue(value: unknown): string;
+export declare function GenericChartRenderer({ rows, config, }: {
+    rows: GenericChartDatum[];
+    config: GenericChartConfig;
+}): import("react").JSX.Element;
+export declare function ChartPanelPlaceholder({ className }: {
+    className?: string;
+}): import("react").JSX.Element;
+//# sourceMappingURL=GenericChartPanel.d.ts.map

package/dist/dashboard/GenericChartPanel.d.ts.map

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

package/dist/dashboard/GenericChartPanel.js

@@ -0,0 +1,119 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Area, AreaChart, Bar, BarChart, CartesianGrid, Cell, Legend, Line, LineChart, Pie, PieChart, ResponsiveContainer, Tooltip, XAxis, YAxis, } from "recharts";
+import { cn } from "../utils.js";
+import { DataTable } from "./DataTable.js";
+const DEFAULT_COLORS = [
+    "hsl(var(--chart-1, 0 0% 20%))",
+    "hsl(var(--chart-2, 155 36% 42%))",
+    "hsl(var(--chart-3, 32 55% 50%))",
+    "hsl(var(--chart-4, 270 25% 55%))",
+    "hsl(var(--chart-5, 350 38% 55%))",
+    "hsl(var(--chart-6, 190 25% 48%))",
+];
+/**
+ * A render-only chart state boundary. Data acquisition, query serialization,
+ * demos, pivots, and app-specific chart renderers stay with the consuming app.
+ */
+export function GenericChartPanel({ data, config, loading = false, error, isEmpty, render, chart, renderLoading, renderError, renderEmpty, emptyMessage = "No data available.", className, }) {
+    if (loading) {
+        return (_jsx(_Fragment, { children: renderLoading?.(config) ?? (_jsx(ChartPanelPlaceholder, { className: className })) }));
+    }
+    if (error) {
+        return (_jsx(_Fragment, { children: renderError?.(error, config) ?? (_jsx(ChartPanelMessage, { className: className, tone: "error", children: error })) }));
+    }
+    if (data == null || isEmpty?.(data)) {
+        return (_jsx(_Fragment, { children: renderEmpty?.(config) ?? (_jsx(ChartPanelMessage, { className: className, children: emptyMessage })) }));
+    }
+    if (render)
+        return _jsx(_Fragment, { children: render({ data, config }) });
+    if (chart && Array.isArray(data)) {
+        return (_jsx(GenericChartRenderer, { rows: data, config: chart }));
+    }
+    return null;
+}
+/** Derives chart axes from provider-neutral row data when keys are not configured. */
+export function resolveGenericChartKeys(rows, config) {
+    const columns = Object.keys(rows[0] ?? {});
+    const xKey = config.xKey && columns.includes(config.xKey)
+        ? config.xKey
+        : (columns[0] ?? "");
+    const configured = (config.yKeys?.length ? config.yKeys : config.yKey ? [config.yKey] : []).filter((key) => columns.includes(key));
+    const yKeys = configured.length
+        ? configured
+        : columns.filter((key) => key !== xKey && isNumericLike(rows[0]?.[key]));
+    return {
+        xKey,
+        yKeys: yKeys.length
+            ? yKeys
+            : columns.filter((key) => key !== xKey).slice(0, 1),
+    };
+}
+export function formatGenericChartValue(value) {
+    if (typeof value === "number")
+        return value.toLocaleString();
+    if (typeof value === "string" &&
+        value.trim() !== "" &&
+        Number.isFinite(Number(value))) {
+        return Number(value).toLocaleString();
+    }
+    return String(value ?? "-");
+}
+function isNumericLike(value) {
+    return (typeof value === "number" ||
+        (typeof value === "string" &&
+            value.trim() !== "" &&
+            Number.isFinite(Number(value))));
+}
+export function GenericChartRenderer({ rows, config, }) {
+    const { xKey, yKeys } = resolveGenericChartKeys(rows, config);
+    const colors = config.colors?.length ? config.colors : DEFAULT_COLORS;
+    const valueFormatter = config.formatValue ?? formatGenericChartValue;
+    const xFormatter = config.formatXAxis ?? ((value) => value);
+    const seriesFormatter = config.formatSeriesName ?? ((value) => value);
+    if (config.chartType === "metric") {
+        const valueKey = config.yKey && xKey !== config.yKey ? config.yKey : (yKeys[0] ?? xKey);
+        const first = rows[0]?.[valueKey];
+        const raw = rows.length > 1 && rows.every((row) => isNumericLike(row[valueKey]))
+            ? rows.reduce((sum, row) => sum + Number(row[valueKey]), 0)
+            : first;
+        const value = isNumericLike(raw)
+            ? valueFormatter(Number(raw))
+            : formatGenericChartValue(raw);
+        return (_jsxs("div", { className: "flex min-h-12 flex-1 flex-col items-center justify-center py-2 text-center", children: [_jsx("div", { className: "text-3xl font-bold", children: value }), config.description && (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: config.description }))] }));
+    }
+    if (config.chartType === "table") {
+        return (_jsx(DataTable, { data: rows, columns: config.columns, maxRows: config.limit }));
+    }
+    if (!xKey || yKeys.length === 0) {
+        return (_jsx(ChartPanelMessage, { children: "Chart data needs an x-axis and at least one value column." }));
+    }
+    if (config.chartType === "pie" || config.chartType === "donut") {
+        const valueKey = yKeys[0];
+        return (_jsx(ChartCanvas, { children: _jsxs(PieChart, { children: [_jsx(Pie, { data: rows, dataKey: valueKey, nameKey: xKey, cx: "50%", cy: "50%", innerRadius: config.chartType === "donut" ? 52 : 0, outerRadius: 80, label: ({ name, percent }) => `${seriesFormatter(String(name))} ${((percent ?? 0) * 100).toFixed(0)}%`, labelLine: false, children: rows.map((_, index) => (_jsx(Cell, { fill: colors[index % colors.length] }, index))) }), _jsx(Tooltip, { formatter: (value) => formatTooltipValue(value, valueFormatter) }), config.legend !== false && (_jsx(Legend, { formatter: (value) => seriesFormatter(String(value)) }))] }) }));
+    }
+    const stacked = config.stacked ||
+        config.chartType === "stacked-bar" ||
+        config.chartType === "stacked-area";
+    if (config.chartType === "bar" || config.chartType === "stacked-bar") {
+        return (_jsx(ChartCanvas, { children: _jsxs(BarChart, { data: rows, children: [_jsx(ChartAxes, { xKey: xKey, yFormatter: valueFormatter, xFormatter: xFormatter }), _jsx(Tooltip, { formatter: (value) => formatTooltipValue(value, valueFormatter), labelFormatter: (value) => xFormatter(String(value)) }), config.legend !== false && (_jsx(Legend, { formatter: (value) => seriesFormatter(String(value)) })), yKeys.map((key, index) => (_jsx(Bar, { dataKey: key, name: seriesFormatter(key), fill: colors[index % colors.length], stackId: stacked ? "stack" : undefined, radius: stacked && index < yKeys.length - 1 ? 0 : 4 }, key)))] }) }));
+    }
+    const showFill = config.chartType === "area" || config.chartType === "stacked-area";
+    return (_jsx(ChartCanvas, { children: showFill ? (_jsxs(AreaChart, { data: rows, children: [_jsx(ChartAxes, { xKey: xKey, yFormatter: valueFormatter, xFormatter: xFormatter }), _jsx(Tooltip, { formatter: (value) => formatTooltipValue(value, valueFormatter), labelFormatter: (value) => xFormatter(String(value)) }), config.legend !== false && (_jsx(Legend, { formatter: (value) => seriesFormatter(String(value)) })), yKeys.map((key, index) => (_jsx(Area, { type: "monotone", dataKey: key, name: seriesFormatter(key), stroke: colors[index % colors.length], fill: colors[index % colors.length], fillOpacity: stacked || yKeys.length === 1 ? 0.25 : 0, stackId: stacked ? "stack" : undefined }, key)))] })) : (_jsxs(LineChart, { data: rows, children: [_jsx(ChartAxes, { xKey: xKey, yFormatter: valueFormatter, xFormatter: xFormatter }), _jsx(Tooltip, { formatter: (value) => formatTooltipValue(value, valueFormatter), labelFormatter: (value) => xFormatter(String(value)) }), config.legend !== false && (_jsx(Legend, { formatter: (value) => seriesFormatter(String(value)) })), yKeys.map((key, index) => (_jsx(Line, { type: "monotone", dataKey: key, name: seriesFormatter(key), stroke: colors[index % colors.length], strokeWidth: 2, dot: false }, key)))] })) }));
+}
+function ChartCanvas({ children }) {
+    return (_jsx("div", { className: "h-[250px] w-full", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: children }) }));
+}
+function ChartAxes({ xKey, yFormatter, xFormatter, }) {
+    return (_jsxs(_Fragment, { children: [_jsx(XAxis, { dataKey: xKey, stroke: "hsl(var(--muted-foreground))", fontSize: 12, tickLine: false, axisLine: false, tickFormatter: (value) => xFormatter(String(value)) }), _jsx(YAxis, { stroke: "hsl(var(--muted-foreground))", fontSize: 12, tickLine: false, axisLine: false, tickFormatter: (value) => yFormatter(Number(value)) }), _jsx(CartesianGrid, { strokeDasharray: "3 3", stroke: "hsl(var(--border))", vertical: false })] }));
+}
+function formatTooltipValue(value, formatter) {
+    const numeric = Number(value);
+    return Number.isFinite(numeric) ? formatter(numeric) : String(value ?? "-");
+}
+export function ChartPanelPlaceholder({ className }) {
+    return (_jsx("div", { className: cn("min-h-[250px] w-full animate-pulse rounded-md bg-muted", className) }));
+}
+function ChartPanelMessage({ children, className, tone = "muted", }) {
+    return (_jsx("div", { className: cn("flex min-h-[250px] items-center justify-center px-4 py-8 text-center text-sm", tone === "error" ? "text-destructive" : "text-muted-foreground", className), children: children }));
+}
+//# sourceMappingURL=GenericChartPanel.js.map

package/dist/dashboard/GenericChartPanel.js.map

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

package/dist/dashboard/GenericChartPanel.spec.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=GenericChartPanel.spec.d.ts.map

package/dist/dashboard/GenericChartPanel.spec.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericChartPanel.spec.d.ts","sourceRoot":"","sources":["../../src/dashboard/GenericChartPanel.spec.tsx"],"names":[],"mappings":""}

package/dist/dashboard/GenericChartPanel.spec.js

@@ -0,0 +1,41 @@
+import { AreaChart, BarChart, LineChart, PieChart } from "recharts";
+import { describe, expect, it } from "vitest";
+import { GenericChartRenderer, formatGenericChartValue, resolveGenericChartKeys, } from "./GenericChartPanel.js";
+const rows = [
+    { day: "Mon", revenue: 12, costs: 4 },
+    { day: "Tue", revenue: 18, costs: 7 },
+];
+function render(chartType) {
+    return GenericChartRenderer({ rows, config: { chartType } });
+}
+describe("GenericChartPanel renderers", () => {
+    it("derives portable x/y keys and formats provider values", () => {
+        expect(resolveGenericChartKeys(rows, {})).toEqual({
+            xKey: "day",
+            yKeys: ["revenue", "costs"],
+        });
+        expect(formatGenericChartValue("1200")).toBe("1,200");
+    });
+    it("renders KPI metrics from an inferred numeric value", () => {
+        const element = render("metric");
+        expect(element.props.children[0].props.children).toBe("30");
+    });
+    it.each([
+        ["line", LineChart],
+        ["area", AreaChart],
+        ["stacked-area", AreaChart],
+        ["bar", BarChart],
+        ["stacked-bar", BarChart],
+        ["pie", PieChart],
+        ["donut", PieChart],
+    ])("uses Recharts for %s", (chartType, Component) => {
+        const element = render(chartType);
+        expect(element.props.children.type).toBe(Component);
+    });
+    it("uses the shared table renderer for tabular data", () => {
+        const element = render("table");
+        expect(element.type.name).toBe("DataTable");
+        expect(element.props.data).toBe(rows);
+    });
+});
+//# sourceMappingURL=GenericChartPanel.spec.js.map

package/dist/dashboard/GenericChartPanel.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"GenericChartPanel.spec.js","sourceRoot":"","sources":["../../src/dashboard/GenericChartPanel.spec.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AACpE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,QAAQ,CAAC;AAE9C,OAAO,EACL,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,GACxB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,IAAI,GAAG;IACX,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;IACrC,EAAE,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,EAAE,KAAK,EAAE,CAAC,EAAE;CACtC,CAAC;AAEF,SAAS,MAAM,CACb,SAA4E;IAE5E,OAAO,oBAAoB,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,EAAE,SAAS,EAAE,EAAE,CAAC,CAAC;AAC/D,CAAC;AAED,QAAQ,CAAC,6BAA6B,EAAE,GAAG,EAAE;IAC3C,EAAE,CAAC,uDAAuD,EAAE,GAAG,EAAE;QAC/D,MAAM,CAAC,uBAAuB,CAAC,IAAI,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO,CAAC;YAChD,IAAI,EAAE,KAAK;YACX,KAAK,EAAE,CAAC,SAAS,EAAE,OAAO,CAAC;SAC5B,CAAC,CAAC;QACH,MAAM,CAAC,uBAAuB,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;IACxD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,oDAAoD,EAAE,GAAG,EAAE;QAC5D,MAAM,OAAO,GAAG,MAAM,CAAC,QAAQ,CAAC,CAAC;QACjC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IAC9D,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,IAAI,CAAC;QACN,CAAC,MAAM,EAAE,SAAS,CAAC;QACnB,CAAC,MAAM,EAAE,SAAS,CAAC;QACnB,CAAC,cAAc,EAAE,SAAS,CAAC;QAC3B,CAAC,KAAK,EAAE,QAAQ,CAAC;QACjB,CAAC,aAAa,EAAE,QAAQ,CAAC;QACzB,CAAC,KAAK,EAAE,QAAQ,CAAC;QACjB,CAAC,OAAO,EAAE,QAAQ,CAAC;KACX,CAAC,CAAC,sBAAsB,EAAE,CAAC,SAAS,EAAE,SAAS,EAAE,EAAE;QAC3D,MAAM,OAAO,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;QAClC,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC;IACtD,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iDAAiD,EAAE,GAAG,EAAE;QACzD,MAAM,OAAO,GAAG,MAAM,CAAC,OAAO,CAAC,CAAC;QAChC,MAAM,CAAC,OAAO,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC;QAC5C,MAAM,CAAC,OAAO,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;IACxC,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/dist/dashboard/MetricCard.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentType } from "react";
+export interface MetricCardProps {
+    title: string;
+    value: string | number | null;
+    icon?: ComponentType<{
+        className?: string;
+    }>;
+    description?: string;
+    loading?: boolean;
+    error?: string;
+}
+/** A compact, data-source-agnostic dashboard metric. */
+export declare function MetricCard({ title, value, icon: Icon, description, loading, error, }: MetricCardProps): import("react").JSX.Element;
+//# sourceMappingURL=MetricCard.d.ts.map

package/dist/dashboard/MetricCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.d.ts","sourceRoot":"","sources":["../../src/dashboard/MetricCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,MAAM,WAAW,eAAe;IAC9B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAAC;IAC9B,IAAI,CAAC,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC7C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,wDAAwD;AACxD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,EACV,WAAW,EACX,OAAO,EACP,KAAK,GACN,EAAE,eAAe,+BA+BjB"}

package/dist/dashboard/MetricCard.js

@@ -0,0 +1,10 @@
+import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { Skeleton } from "../ui/skeleton.js";
+/** A compact, data-source-agnostic dashboard metric. */
+export function MetricCard({ title, value, icon: Icon, description, loading, error, }) {
+    return (_jsxs(Card, { className: "border-border/50 bg-card", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: title }), Icon && _jsx(Icon, { className: "h-4 w-4 text-muted-foreground" })] }), _jsx(CardContent, { children: loading ? (_jsx(Skeleton, { className: "h-8 w-24" })) : error ? (_jsx("p", { className: "text-sm text-destructive", children: error })) : (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-2xl font-bold", children: typeof value === "number"
+                                ? value.toLocaleString()
+                                : (value ?? "-") }), description && (_jsx("p", { className: "mt-1 text-xs text-muted-foreground", children: description }))] })) })] }));
+}
+//# sourceMappingURL=MetricCard.js.map

package/dist/dashboard/MetricCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MetricCard.js","sourceRoot":"","sources":["../../src/dashboard/MetricCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAW7C,wDAAwD;AACxD,MAAM,UAAU,UAAU,CAAC,EACzB,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,EACV,WAAW,EACX,OAAO,EACP,KAAK,GACW;IAChB,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,0BAA0B,aACxC,MAAC,UAAU,IAAC,SAAS,EAAC,2DAA2D,aAC/E,KAAC,SAAS,IAAC,SAAS,EAAC,2CAA2C,YAC7D,KAAK,GACI,EACX,IAAI,IAAI,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,GAAG,IAChD,EACb,KAAC,WAAW,cACT,OAAO,CAAC,CAAC,CAAC,CACT,KAAC,QAAQ,IAAC,SAAS,EAAC,UAAU,GAAG,CAClC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CACV,YAAG,SAAS,EAAC,0BAA0B,YAAE,KAAK,GAAK,CACpD,CAAC,CAAC,CAAC,CACF,8BACE,cAAK,SAAS,EAAC,oBAAoB,YAChC,OAAO,KAAK,KAAK,QAAQ;gCACxB,CAAC,CAAC,KAAK,CAAC,cAAc,EAAE;gCACxB,CAAC,CAAC,CAAC,KAAK,IAAI,GAAG,CAAC,GACd,EACL,WAAW,IAAI,CACd,YAAG,SAAS,EAAC,oCAAoC,YAC9C,WAAW,GACV,CACL,IACA,CACJ,GACW,IACT,CACR,CAAC;AACJ,CAAC"}

package/dist/dashboard/StatsCard.d.ts

@@ -0,0 +1,16 @@
+import type { ComponentType } from "react";
+export interface StatsCardProps {
+    title: string;
+    value: string;
+    icon: ComponentType<{
+        className?: string;
+    }>;
+    description: string;
+    trend?: {
+        value: number;
+        label?: string;
+    };
+}
+/** A metric card with an optional positive/negative percentage trend. */
+export declare function StatsCard({ title, value, icon: Icon, description, trend, }: StatsCardProps): import("react").JSX.Element;
+//# sourceMappingURL=StatsCard.d.ts.map

package/dist/dashboard/StatsCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.d.ts","sourceRoot":"","sources":["../../src/dashboard/StatsCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,OAAO,CAAC;AAK3C,MAAM,WAAW,cAAc;IAC7B,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAC5C,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,CAAC,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,KAAK,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;CAC3C;AAED,yEAAyE;AACzE,wBAAgB,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,EACV,WAAW,EACX,KAAK,GACN,EAAE,cAAc,+BA4BhB"}

package/dist/dashboard/StatsCard.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from "../ui/card.js";
+import { cn } from "../utils.js";
+/** A metric card with an optional positive/negative percentage trend. */
+export function StatsCard({ title, value, icon: Icon, description, trend, }) {
+    return (_jsxs(Card, { className: "border-border/50 bg-card shadow-sm", children: [_jsxs(CardHeader, { className: "flex flex-row items-center justify-between space-y-0 pb-2", children: [_jsx(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: title }), _jsx(Icon, { className: "h-4 w-4 text-muted-foreground" })] }), _jsxs(CardContent, { children: [_jsx("div", { className: "text-2xl font-bold", children: value }), _jsxs("p", { className: "mt-1 text-xs text-muted-foreground", children: [trend && (_jsxs("span", { className: cn("mr-1 font-medium", trend.value > 0 ? "text-foreground" : "text-destructive"), children: [trend.value > 0 ? "+" : "", trend.value, "%", trend.label ? ` ${trend.label}` : ""] })), description] })] })] }));
+}
+//# sourceMappingURL=StatsCard.js.map

package/dist/dashboard/StatsCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatsCard.js","sourceRoot":"","sources":["../../src/dashboard/StatsCard.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,UAAU,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AACzE,OAAO,EAAE,EAAE,EAAE,MAAM,aAAa,CAAC;AAUjC,yEAAyE;AACzE,MAAM,UAAU,SAAS,CAAC,EACxB,KAAK,EACL,KAAK,EACL,IAAI,EAAE,IAAI,EACV,WAAW,EACX,KAAK,GACU;IACf,OAAO,CACL,MAAC,IAAI,IAAC,SAAS,EAAC,oCAAoC,aAClD,MAAC,UAAU,IAAC,SAAS,EAAC,2DAA2D,aAC/E,KAAC,SAAS,IAAC,SAAS,EAAC,2CAA2C,YAC7D,KAAK,GACI,EACZ,KAAC,IAAI,IAAC,SAAS,EAAC,+BAA+B,GAAG,IACvC,EACb,MAAC,WAAW,eACV,cAAK,SAAS,EAAC,oBAAoB,YAAE,KAAK,GAAO,EACjD,aAAG,SAAS,EAAC,oCAAoC,aAC9C,KAAK,IAAI,CACR,gBACE,SAAS,EAAE,EAAE,CACX,kBAAkB,EAClB,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,iBAAiB,CAAC,CAAC,CAAC,kBAAkB,CACzD,aAEA,KAAK,CAAC,KAAK,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAC1B,KAAK,CAAC,KAAK,OAAG,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,EAAE,IAC9C,CACR,EACA,WAAW,IACV,IACQ,IACT,CACR,CAAC;AACJ,CAAC"}