@panoboard/core 1.1.5

package/dist/components/ErrorPage.js

@@ -0,0 +1,132 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+// Copyright 2026 Mataki Labs LLC
+//
+// Licensed under the Business Source License 1.1 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://github.com/panoboard/panoboard/blob/main/LICENSE
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useEffect, useState } from "react";
+import { useTheme } from "../theme/context";
+function useThemeSafe() {
+    try {
+        return useTheme();
+    }
+    catch {
+        return null;
+    }
+}
+export function ErrorPage({ code, title, description, icon = "not-found", primaryLabel = "Dashboards", primaryHref = "/dashboards", secondaryLabel = "Home", secondaryHref = "/", header, footer, }) {
+    const theme = useThemeSafe();
+    const [path, setPath] = useState("");
+    const timestamp = new Date().toLocaleTimeString("en-US", {
+        hour12: false,
+        hour: "2-digit",
+        minute: "2-digit",
+        second: "2-digit",
+    });
+    useEffect(() => {
+        document.title = `${code} — ${title} | Panoboard`;
+        setPath(window.location.pathname);
+    }, []);
+    const is404 = code === 404;
+    const pageBg = theme?.surfaces.page ?? "";
+    return (_jsxs("div", { className: `ep-root ${pageBg}`, children: [_jsx("style", { children: STYLES }), header, _jsxs("div", { className: "ep-page", children: [_jsx("div", { className: "ep-grid", "aria-hidden": "true" }), _jsx("div", { className: "ep-ghost ep-ghost-1", "aria-hidden": "true", children: _jsxs("div", { className: "ep-ghost-card", children: [_jsxs("div", { className: "ep-ghost-header", children: [_jsx("div", { className: "ep-ghost-dot" }), _jsx("div", { className: "ep-ghost-line w-40" })] }), _jsxs("div", { className: "ep-ghost-chart", children: [_jsx("div", { className: "ep-bar", style: { height: "60%" } }), _jsx("div", { className: "ep-bar", style: { height: "40%" } }), _jsx("div", { className: "ep-bar", style: { height: "80%" } }), _jsx("div", { className: "ep-bar", style: { height: "55%" } }), _jsx("div", { className: "ep-bar", style: { height: "70%" } })] })] }) }), _jsx("div", { className: "ep-ghost ep-ghost-2", "aria-hidden": "true", children: _jsxs("div", { className: "ep-ghost-card", children: [_jsxs("div", { className: "ep-ghost-header", children: [_jsx("div", { className: "ep-ghost-dot" }), _jsx("div", { className: "ep-ghost-line w-50" })] }), _jsxs("div", { className: "ep-ghost-chart", children: [_jsx("div", { className: "ep-bar", style: { height: "45%" } }), _jsx("div", { className: "ep-bar", style: { height: "75%" } }), _jsx("div", { className: "ep-bar", style: { height: "35%" } }), _jsx("div", { className: "ep-bar", style: { height: "90%" } }), _jsx("div", { className: "ep-bar", style: { height: "50%" } })] })] }) }), _jsx("div", { className: "ep-ghost ep-ghost-3", "aria-hidden": "true", children: _jsxs("div", { className: "ep-ghost-card", children: [_jsxs("div", { className: "ep-ghost-header", children: [_jsx("div", { className: "ep-ghost-dot" }), _jsx("div", { className: "ep-ghost-line w-60" })] }), _jsxs("div", { className: "ep-ghost-stat", children: [_jsx("div", { className: "ep-ghost-line w-30", style: { height: 24 } }), _jsx("div", { className: "ep-ghost-line w-50", style: { height: 8 } })] })] }) }), _jsxs("div", { className: "ep-rings", "aria-hidden": "true", children: [_jsx("div", { className: "ep-ring ep-ring-1" }), _jsx("div", { className: "ep-ring ep-ring-2" }), _jsx("div", { className: "ep-ring ep-ring-3" })] }), _jsxs("main", { className: "ep-content", children: [_jsxs("div", { className: "ep-code", children: [_jsx("span", { className: "ep-digit", children: String(code)[0] }), _jsx("span", { className: "ep-icon-wrap", children: _jsx("svg", { className: "ep-icon", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round", children: icon === "lock" ? (_jsxs(_Fragment, { children: [_jsx("rect", { x: "3", y: "11", width: "18", height: "11", rx: "2", ry: "2" }), _jsx("path", { d: "M7 11V7a5 5 0 0 1 10 0v4" })] })) : is404 ? (_jsxs(_Fragment, { children: [_jsx("circle", { cx: "12", cy: "12", r: "10" }), _jsx("line", { x1: "12", y1: "8", x2: "12", y2: "12" }), _jsx("line", { x1: "12", y1: "12", x2: "15", y2: "15" }), _jsx("line", { x1: "2", y1: "12", x2: "4", y2: "12" }), _jsx("line", { x1: "20", y1: "12", x2: "22", y2: "12" }), _jsx("line", { x1: "12", y1: "2", x2: "12", y2: "4" })] })) : (_jsx("polygon", { points: "13 2 3 14 12 14 11 22 21 10 12 10 13 2" })) }) }), _jsx("span", { className: "ep-digit", children: String(code)[2] })] }), _jsx("h1", { className: "ep-headline", children: title }), _jsx("p", { className: "ep-subtext", children: description }), _jsxs("div", { className: "ep-actions", children: [_jsxs("a", { href: primaryHref, className: "ep-btn-primary", children: [_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("rect", { x: "3", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "3", width: "7", height: "7" }), _jsx("rect", { x: "3", y: "14", width: "7", height: "7" }), _jsx("rect", { x: "14", y: "14", width: "7", height: "7" })] }), primaryLabel] }), _jsxs("a", { href: secondaryHref, className: "ep-btn-secondary", children: [secondaryLabel, _jsxs("svg", { width: "16", height: "16", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", children: [_jsx("line", { x1: "5", y1: "12", x2: "19", y2: "12" }), _jsx("polyline", { points: "12 5 19 12 12 19" })] })] })] }), _jsxs("div", { className: "ep-terminal", children: [_jsxs("div", { className: "ep-terminal-header", children: [_jsxs("div", { className: "ep-terminal-dots", children: [_jsx("span", { className: "ep-dot ep-dot-red" }), _jsx("span", { className: "ep-dot ep-dot-yellow" }), _jsx("span", { className: "ep-dot ep-dot-green" })] }), _jsx("span", { className: "ep-terminal-title", children: "panoboard logs" })] }), _jsxs("div", { className: "ep-terminal-body", children: [_jsx("span", { className: "ep-log-time", children: timestamp }), " ", _jsx("span", { className: "ep-log-warn", children: "WARN" }), " ", is404 ? "Route not found" : icon === "lock" ? "Access denied" : "Unhandled exception", _jsx("br", {}), _jsx("span", { className: "ep-log-time", children: timestamp }), " ", _jsx("span", { className: "ep-log-info", children: "INFO" }), " Path:", " ", _jsx("span", { className: "ep-log-path", children: path || "/" }), _jsx("br", {}), _jsx("span", { className: "ep-log-time", children: timestamp }), " ", _jsx("span", { className: "ep-log-info", children: "INFO" }), " Try", " ", _jsx("a", { href: "/dashboards", className: "ep-log-link", children: "/dashboards" }), _jsx("br", {}), _jsx("span", { className: "ep-log-time", children: timestamp }), " ", _jsx("span", { className: "ep-log-ok", children: "OK" }), " ", _jsx("span", { className: "ep-cursor", children: "_" })] })] })] })] }), footer] }));
+}
+const STYLES = `
+  .ep-root { display: flex; flex-direction: column; min-height: 100vh; }
+  .ep-page {
+    position: relative; display: flex; align-items: center; justify-content: center;
+    flex: 1; overflow: hidden; background: var(--ep-bg, #020617);
+    font-family: "Inter", system-ui, -apple-system, sans-serif;
+    -webkit-font-smoothing: antialiased;
+  }
+
+  .ep-grid {
+    position: absolute; inset: -60px;
+    background-image:
+      linear-gradient(var(--ep-grid-line, #1e293b) 1px, transparent 1px),
+      linear-gradient(90deg, var(--ep-grid-line, #1e293b) 1px, transparent 1px);
+    background-size: 60px 60px; opacity: 0.5;
+    mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);
+    -webkit-mask-image: radial-gradient(ellipse 60% 50% at 50% 50%, black 20%, transparent 70%);
+    animation: ep-grid-drift 20s linear infinite;
+  }
+  @keyframes ep-grid-drift { from { transform: translate(0,0); } to { transform: translate(60px,60px); } }
+
+  .ep-rings { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-58%); pointer-events: none; }
+  .ep-ring {
+    position: absolute; border-radius: 50%; border: 2px solid var(--ep-accent, #6366f1);
+    top: 50%; left: 50%; transform: translate(-50%,-50%); opacity: 0;
+    animation: ep-pulse 4s ease-out infinite;
+  }
+  .ep-ring-1 { width: 200px; height: 200px; animation-delay: 0s; }
+  .ep-ring-2 { width: 340px; height: 340px; animation-delay: 1.3s; }
+  .ep-ring-3 { width: 480px; height: 480px; animation-delay: 2.6s; }
+  @keyframes ep-pulse { 0% { opacity: .5; transform: translate(-50%,-50%) scale(.8); } 100% { opacity: 0; transform: translate(-50%,-50%) scale(1.3); } }
+
+  .ep-ghost { position: absolute; pointer-events: none; animation: ep-float 12s ease-in-out infinite; }
+  .ep-ghost-1 { top: 12%; left: 6%; animation-delay: 0s; opacity: .15; }
+  .ep-ghost-2 { top: 60%; right: 5%; animation-delay: 4s; opacity: .12; }
+  .ep-ghost-3 { top: 25%; right: 12%; animation-delay: 8s; opacity: .10; }
+  .ep-ghost-card { padding: 14px 18px; border-radius: 12px; border: 1px solid rgba(148,163,184,.12); background: rgba(15,23,42,.8); width: 180px; }
+  .ep-ghost-header { display: flex; align-items: center; gap: 8px; margin-bottom: 12px; }
+  .ep-ghost-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(99,102,241,.4); flex-shrink: 0; }
+  .ep-ghost-line { height: 6px; border-radius: 3px; background: rgba(148,163,184,.12); }
+  .ep-ghost-chart { display: flex; align-items: flex-end; gap: 6px; height: 48px; }
+  .ep-bar { flex: 1; border-radius: 3px 3px 0 0; background: rgba(99,102,241,.15); }
+  .ep-ghost-stat { display: flex; flex-direction: column; gap: 8px; }
+  .w-30 { width: 30%; } .w-40 { width: 40%; } .w-50 { width: 50%; } .w-60 { width: 60%; }
+  @keyframes ep-float {
+    0%,100% { transform: translateY(0) rotate(-1deg); opacity: inherit; }
+    25% { transform: translateY(-20px) rotate(1deg); }
+    50% { transform: translateY(-8px) rotate(-.5deg); opacity: .06; }
+    75% { transform: translateY(-25px) rotate(.5deg); }
+  }
+
+  .ep-content {
+    position: relative; z-index: 10; display: flex; flex-direction: column; align-items: center;
+    text-align: center; padding: 2rem; max-width: 600px; animation: ep-fade-up .8s ease-out both;
+  }
+  @keyframes ep-fade-up { from { opacity: 0; transform: translateY(30px); } to { opacity: 1; transform: translateY(0); } }
+
+  .ep-code { display: flex; align-items: center; gap: .1em; margin-bottom: 1.5rem; line-height: 1; }
+  .ep-digit { font-size: clamp(5rem,15vw,10rem); font-weight: 900; letter-spacing: -.04em; color: rgba(226,232,240,.08); }
+  .ep-icon-wrap { display: flex; align-items: center; justify-content: center; width: clamp(4rem,12vw,7.5rem); height: clamp(4rem,12vw,7.5rem); }
+  .ep-icon { width: clamp(3rem,9vw,5.5rem); height: clamp(3rem,9vw,5.5rem); color: #6366f1; animation: ep-icon-pulse 3s ease-in-out infinite; }
+  @keyframes ep-icon-pulse { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: .7; } }
+
+  .ep-headline { font-size: clamp(1.75rem,5vw,2.5rem); font-weight: 800; color: #e2e8f0; letter-spacing: -.03em; margin-bottom: .75rem; }
+  .ep-subtext { font-size: 1.05rem; line-height: 1.7; color: #64748b; margin-bottom: 2.5rem; }
+
+  .ep-actions { display: flex; gap: 1rem; margin-bottom: 3rem; flex-wrap: wrap; justify-content: center; }
+  .ep-btn-primary, .ep-btn-secondary { display: inline-flex; align-items: center; gap: .5rem; padding: .85rem 1.75rem; border-radius: .75rem; font-weight: 700; font-size: .95rem; text-decoration: none; transition: all .2s; }
+  .ep-btn-primary { background: #6366f1; color: #fff; box-shadow: 0 4px 24px rgba(99,102,241,.25); }
+  .ep-btn-primary:hover { transform: translateY(-2px); box-shadow: 0 8px 32px rgba(99,102,241,.35); }
+  .ep-btn-secondary { background: rgba(15,23,42,.8); color: #e2e8f0; border: 1px solid rgba(148,163,184,.15); }
+  .ep-btn-secondary:hover { border-color: #6366f1; color: #6366f1; }
+
+  .ep-terminal { width: 100%; max-width: 480px; border-radius: .75rem; overflow: hidden; border: 1px solid rgba(148,163,184,.12); text-align: left; animation: ep-fade-up .8s ease-out .3s both; }
+  .ep-terminal-header { display: flex; align-items: center; gap: 10px; padding: 10px 16px; background: rgba(15,23,42,.8); border-bottom: 1px solid rgba(148,163,184,.12); }
+  .ep-terminal-dots { display: flex; gap: 6px; }
+  .ep-dot { width: 10px; height: 10px; border-radius: 50%; }
+  .ep-dot-red { background: #ef4444; opacity: .7; }
+  .ep-dot-yellow { background: #eab308; opacity: .7; }
+  .ep-dot-green { background: #22c55e; opacity: .7; }
+  .ep-terminal-title { font-family: "JetBrains Mono", monospace; font-size: .7rem; color: #64748b; letter-spacing: .02em; }
+  .ep-terminal-body { padding: 16px 20px; font-family: "JetBrains Mono", monospace; font-size: .78rem; line-height: 2; background: rgba(10,15,30,.9); color: #94a3b8; }
+  .ep-log-time { color: #475569; } .ep-log-warn { color: #f59e0b; font-weight: 700; }
+  .ep-log-info { color: #6366f1; font-weight: 700; } .ep-log-ok { color: #22c55e; font-weight: 700; }
+  .ep-log-path { color: #e2e8f0; } .ep-log-link { color: #6366f1; text-decoration: underline; text-underline-offset: 2px; }
+  .ep-cursor { animation: ep-blink 1s step-end infinite; color: #6366f1; }
+  @keyframes ep-blink { 0%,100% { opacity: 1; } 50% { opacity: 0; } }
+
+  @media (max-width: 640px) { .ep-ghost { display: none; } .ep-ring-3 { display: none; } .ep-terminal { max-width: 100%; } }
+`;
+//# sourceMappingURL=ErrorPage.js.map

package/dist/components/ErrorPage.js.map

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

package/dist/components/FilterBar.d.ts

@@ -0,0 +1,8 @@
+import type { Filter } from "../schemas/dashboard";
+interface FilterBarProps {
+    filters: Filter[];
+    filterState: Record<string, unknown>;
+}
+export declare function FilterBar({ filters, filterState }: FilterBarProps): import("react/jsx-runtime").JSX.Element | null;
+export {};
+//# sourceMappingURL=FilterBar.d.ts.map

package/dist/components/FilterBar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FilterBar.d.ts","sourceRoot":"","sources":["../../src/components/FilterBar.tsx"],"names":[],"mappings":"AAkBA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAQnD,UAAU,cAAc;IACtB,OAAO,EAAE,MAAM,EAAE,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EAAE,OAAO,EAAE,WAAW,EAAE,EAAE,cAAc,kDA4IjE"}

package/dist/components/FilterBar.js

@@ -0,0 +1,70 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright 2026 Mataki Labs LLC
+//
+// Licensed under the Business Source License 1.1 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://github.com/panoboard/panoboard/blob/main/LICENSE
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useState } from "react";
+import { useSearchParams, useParams } from "react-router";
+import { SlidersHorizontal } from "lucide-react";
+import { useTheme } from "../theme/context";
+import { DateRangeFilter } from "./filters/DateRangeFilter";
+import { SelectFilter } from "./filters/SelectFilter";
+import { TextFilter } from "./filters/TextFilter";
+import { NumberFilter } from "./filters/NumberFilter";
+import { BooleanFilter } from "./filters/BooleanFilter";
+import { MultiSelectFilter } from "./filters/MultiSelectFilter";
+export function FilterBar({ filters, filterState }) {
+    const [mobileExpanded, setMobileExpanded] = useState(false);
+    const [searchParams] = useSearchParams();
+    const params = useParams();
+    const slug = params.slug ?? "";
+    const theme = useTheme();
+    // Filter out hidden filters
+    const visibleFilters = filters.filter((f) => !("hidden" in f && f.hidden));
+    if (visibleFilters.length === 0)
+        return null;
+    // Count active filters (those with non-empty values in filterState)
+    const activeCount = Object.values(filterState).filter((v) => v !== undefined && v !== null && v !== "").length;
+    return (_jsxs("div", { "data-filter-bar": true, children: [_jsxs("button", { type: "button", className: `md:hidden flex items-center gap-2 text-sm ${theme.typography.muted} ${theme.filters.background} rounded-lg px-3 py-2`, onClick: () => setMobileExpanded(!mobileExpanded), children: [_jsx(SlidersHorizontal, { className: "w-4 h-4" }), "Filters", activeCount > 0 ? ` (${activeCount})` : ""] }), _jsx("div", { className: `${mobileExpanded ? "flex" : "hidden md:flex"} flex-nowrap overflow-x-auto md:flex-wrap md:overflow-x-visible gap-3`, children: visibleFilters.map((filter) => {
+                    const label = filter.label ?? filter.id;
+                    switch (filter.type) {
+                        case "daterange":
+                            return (_jsx(DateRangeFilter, { id: filter.id, label: label, defaultValue: filter.default, presets: filter
+                                    .presets, allowCustom: filter
+                                    .allow_custom }, filter.id));
+                        case "select":
+                            return (_jsx(SelectFilter, { id: filter.id, label: label, defaultValue: filter.default, includeAll: filter.include_all, options: filter.options, optionsQuery: !!filter.options_query }, filter.id));
+                        case "text":
+                            return (_jsx(TextFilter, { id: filter.id, label: label, placeholder: filter.placeholder }, filter.id));
+                        case "integer":
+                            return (_jsx(NumberFilter, { id: filter.id, label: label, min: filter.minimum, max: filter.maximum, defaultValue: filter.default }, filter.id));
+                        case "number":
+                            return (_jsx(NumberFilter, { id: filter.id, label: label, min: filter.minimum, max: filter.maximum, defaultValue: filter.default }, filter.id));
+                        case "boolean":
+                            return (_jsx(BooleanFilter, { id: filter.id, label: label, defaultValue: filter.default }, filter.id));
+                        case "array": {
+                            // Parse current comma-separated URL value into array
+                            const rawVal = searchParams.get(filter.id) ?? "";
+                            const currentValues = rawVal
+                                ? rawVal
+                                    .split(",")
+                                    .map((v) => v.trim())
+                                    .filter(Boolean)
+                                : [];
+                            return (_jsx(MultiSelectFilter, { slug: slug, filter: filter, value: currentValues }, filter.id));
+                        }
+                        default:
+                            return null;
+                    }
+                }) })] }));
+}
+//# sourceMappingURL=FilterBar.js.map

package/dist/components/FilterBar.js.map

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

package/dist/components/PanelGrid.d.ts

@@ -0,0 +1,9 @@
+import type { Panel } from "../schemas/dashboard";
+interface PanelGridProps {
+    panels: Panel[];
+    slug: string;
+    filterParams: string;
+}
+export declare function PanelGrid({ panels, slug, filterParams }: PanelGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelGrid.d.ts.map

package/dist/components/PanelGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGrid.d.ts","sourceRoot":"","sources":["../../src/components/PanelGrid.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,sBAAsB,CAAC;AAGlD,UAAU,cAAc;IACtB,MAAM,EAAE,KAAK,EAAE,CAAC;IAChB,IAAI,EAAE,MAAM,CAAC;IACb,YAAY,EAAE,MAAM,CAAC;CACtB;AAED,wBAAgB,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAE,EAAE,cAAc,2CAiBvE"}

package/dist/components/PanelGrid.js

@@ -0,0 +1,26 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { PanelWrapper } from "./PanelWrapper";
+export function PanelGrid({ panels, slug, filterParams }) {
+    return (_jsx("div", { className: "grid grid-cols-1 md:grid-cols-6 xl:grid-cols-12 gap-4 auto-rows-[minmax(80px,auto)]", children: panels.map((panel) => {
+            const mdSpan = Math.min(panel.width, 6);
+            return (_jsx(PanelCell, { panel: panel, mdSpan: mdSpan, slug: slug, filterParams: filterParams }, panel.id));
+        }) }));
+}
+function PanelCell({ panel, mdSpan, slug, filterParams, }) {
+    const mdRowSpan = Math.max(panel.height, 1);
+    return (_jsxs(_Fragment, { children: [_jsx("style", { children: `
+        @media (min-width: 768px) {
+          [data-panel-id="${panel.id}"] {
+            grid-column: span ${mdSpan};
+            grid-row: span ${mdRowSpan};
+          }
+        }
+        @media (min-width: 1280px) {
+          [data-panel-id="${panel.id}"] {
+            grid-column: ${panel.col} / span ${panel.width};
+            grid-row: ${panel.row} / span ${panel.height};
+          }
+        }
+      ` }), _jsx("div", { "data-panel-id": panel.id, children: _jsx(PanelWrapper, { slug: slug, panel: panel, filterParams: filterParams }) })] }));
+}
+//# sourceMappingURL=PanelGrid.js.map

package/dist/components/PanelGrid.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelGrid.js","sourceRoot":"","sources":["../../src/components/PanelGrid.tsx"],"names":[],"mappings":";AAeA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAQ9C,MAAM,UAAU,SAAS,CAAC,EAAE,MAAM,EAAE,IAAI,EAAE,YAAY,EAAkB;IACtE,OAAO,CACL,cAAK,SAAS,EAAC,qFAAqF,YACjG,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE;YACpB,MAAM,MAAM,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;YACxC,OAAO,CACL,KAAC,SAAS,IAER,KAAK,EAAE,KAAK,EACZ,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,YAAY,EAAE,YAAY,IAJrB,KAAK,CAAC,EAAE,CAKb,CACH,CAAC;QACJ,CAAC,CAAC,GACE,CACP,CAAC;AACJ,CAAC;AAED,SAAS,SAAS,CAAC,EACjB,KAAK,EACL,MAAM,EACN,IAAI,EACJ,YAAY,GAMb;IACC,MAAM,SAAS,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,CAAC,MAAM,EAAE,CAAC,CAAC,CAAC;IAC5C,OAAO,CACL,8BACE,0BAAQ;;4BAEc,KAAK,CAAC,EAAE;gCACJ,MAAM;6BACT,SAAS;;;;4BAIV,KAAK,CAAC,EAAE;2BACT,KAAK,CAAC,GAAG,WAAW,KAAK,CAAC,KAAK;wBAClC,KAAK,CAAC,GAAG,WAAW,KAAK,CAAC,MAAM;;;OAGjD,GAAS,EACV,+BAAoB,KAAK,CAAC,EAAE,YAC1B,KAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,GAClE,IACL,CACJ,CAAC;AACJ,CAAC"}

package/dist/components/PanelWrapper.d.ts

@@ -0,0 +1,8 @@
+interface PanelWrapperProps {
+    slug: string;
+    panel: Record<string, unknown>;
+    filterParams?: string;
+}
+export declare function PanelWrapper({ slug, panel }: PanelWrapperProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=PanelWrapper.d.ts.map

package/dist/components/PanelWrapper.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PanelWrapper.d.ts","sourceRoot":"","sources":["../../src/components/PanelWrapper.tsx"],"names":[],"mappings":"AA8BA,UAAU,iBAAiB;IACzB,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAED,wBAAgB,YAAY,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,EAAE,iBAAiB,2CAe9D"}

package/dist/components/PanelWrapper.js

@@ -0,0 +1,154 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright 2026 Mataki Labs LLC
+//
+// Licensed under the Business Source License 1.1 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://github.com/panoboard/panoboard/blob/main/LICENSE
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { Suspense, useEffect } from "react";
+import { useLoaderData, useFetcher, useSearchParams } from "react-router";
+import { useTheme, ThemeProvider } from "../theme/context";
+import { PanelSkeleton } from "./panels/PanelSkeleton";
+import { PanelError } from "./panels/PanelError";
+import { PanelEmpty } from "./panels/PanelEmpty";
+import { StatPanel } from "./panels/StatPanel";
+import { TablePanel } from "./panels/TablePanel";
+import { MetricPanel } from "./panels/MetricPanel";
+import { ListPanel } from "./panels/ListPanel";
+import { ImagePanel } from "./panels/ImagePanel";
+import { MarkdownPanel } from "./panels/MarkdownPanel";
+import { IframePanel } from "./panels/IframePanel";
+import { panelRegistry } from "./panels/index";
+export function PanelWrapper({ slug, panel }) {
+    // Read panelThemes from the dashboard route loader
+    const loaderData = useLoaderData();
+    const panelThemes = loaderData?.panelThemes;
+    const panelTheme = panelThemes?.[panel.id];
+    const inner = _jsx(PanelWrapperInner, { slug: slug, panel: panel });
+    if (panelTheme) {
+        return _jsx(ThemeProvider, { theme: panelTheme, children: inner });
+    }
+    return inner;
+}
+function PanelWrapperInner({ slug, panel }) {
+    const theme = useTheme();
+    return (_jsxs("div", { className: `${theme.surfaces.panel} border ${theme.surfaces.panelBorder} rounded-xl h-full flex flex-col relative`, children: [_jsx("div", { className: "px-5 pt-4 pb-2", children: _jsx("h3", { className: `${theme.typography.panelTitle} uppercase tracking-wide truncate`, children: panel.title }) }), _jsx("div", { className: "flex-1 px-5 pb-5 min-h-0", children: _jsx(Suspense, { fallback: _jsx(PanelSkeleton, { type: panel.type }), children: _jsx(PanelContent, { slug: slug, panel: panel }) }) })] }));
+}
+function PanelContent({ slug, panel }) {
+    const fetcher = useFetcher();
+    const [searchParams] = useSearchParams();
+    const qString = searchParams.toString();
+    const panelId = panel.id;
+    const url = `/api/panels/${slug}/${panelId}${qString ? `?${qString}` : ""}`;
+    // Trigger the load on mount and when filters change
+    useEffect(() => {
+        fetcher.load(url);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [url]);
+    // Comparison data fetcher (only for stat panels with comparison enabled)
+    const compFetcher = useFetcher();
+    const stat = panel.stat;
+    const compUrl = stat?.comparison
+        ? `/api/panels/${slug}/${panelId}?${qString ? `${qString}&` : ""}_comparison=1`
+        : null;
+    useEffect(() => {
+        if (compUrl) {
+            compFetcher.load(compUrl);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [compUrl]);
+    // Loading state — Suspense fallback handles initial skeleton,
+    // but show skeleton for subsequent re-loads too
+    if (fetcher.state === "loading" || fetcher.data === undefined) {
+        return _jsx(PanelSkeleton, { type: panel.type });
+    }
+    const data = fetcher.data;
+    const comparisonData = compFetcher.data ?? null;
+    // Error from the API response
+    if (data?.error || data?.message) {
+        const message = String(data?.message ?? data?.error ?? "Query failed");
+        return _jsx(PanelError, { message: message, onRetry: () => fetcher.load(url) });
+    }
+    // Empty result set
+    if (data?.rowCount === 0) {
+        return _jsx(PanelEmpty, {});
+    }
+    return renderPanel(panel, data, comparisonData);
+}
+function renderPanel(panel, data, comparisonData) {
+    switch (panel.type) {
+        case "stat":
+            return (_jsx(StatPanel, { panel: panel, data: data, comparisonData: comparisonData }));
+        case "table":
+            return _jsx(TablePanel, { panel: panel, data: data });
+        case "metric":
+            return _jsx(MetricPanel, { panel: panel, data: data });
+        case "list":
+            return _jsx(ListPanel, { panel: panel, data: data });
+        case "image":
+            return _jsx(ImagePanel, { panel: panel, data: data });
+        case "markdown":
+            return _jsx(MarkdownPanel, { panel: panel, data: data });
+        case "iframe":
+            return _jsx(IframePanel, { panel: panel });
+        default: {
+            const panelType = panel.type;
+            const ChartComponent = panelRegistry[panelType];
+            if (ChartComponent) {
+                const chartConfig = {
+                    ...(panel.chart ?? panel[panelType] ?? {}),
+                };
+                // Pass value_format from panel config if present
+                if (!chartConfig.value_format && panel.value_format) {
+                    chartConfig.value_format = panel.value_format;
+                }
+                // Auto-detect x/y/series from column metadata when not explicitly configured
+                if (data.columns) {
+                    const cols = data.columns;
+                    if (!chartConfig.x) {
+                        const dateOrStringCol = cols.find((c) => c.type === "date" || c.type === "string");
+                        if (dateOrStringCol)
+                            chartConfig.x = dateOrStringCol.name;
+                    }
+                    if (!chartConfig.y) {
+                        const numberCols = cols.filter((c) => c.type === "number");
+                        if (numberCols.length >= 1)
+                            chartConfig.y = numberCols[0].name;
+                    }
+                    // If there's a string column that isn't the x axis, use as series
+                    if (!chartConfig.series) {
+                        const stringCols = cols.filter((c) => c.type === "string" && c.name !== chartConfig.x);
+                        if (stringCols.length >= 1)
+                            chartConfig.series = stringCols[0].name;
+                    }
+                }
+                // Format date columns as short dates and coerce numbers
+                const rows = data.rows.map((row) => {
+                    const out = { ...row };
+                    for (const col of (data.columns ?? [])) {
+                        if (col.type === "date" && out[col.name]) {
+                            const d = new Date(out[col.name]);
+                            if (!isNaN(d.getTime())) {
+                                out[col.name] = `${d.getMonth() + 1}/${d.getDate()}`;
+                            }
+                        }
+                        if (col.type === "number" && out[col.name] != null) {
+                            out[col.name] = Number(out[col.name]);
+                        }
+                    }
+                    return out;
+                });
+                return (_jsx("div", { style: { height: "100%", minHeight: 240 }, children: _jsx(ChartComponent, { data: rows, config: chartConfig }) }));
+            }
+            return (_jsxs("div", { className: "text-current/50 text-sm", children: ["Panel type '", panel.type, "' coming soon"] }));
+        }
+    }
+}
+//# sourceMappingURL=PanelWrapper.js.map

package/dist/components/PanelWrapper.js.map

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

package/dist/components/filters/BooleanFilter.d.ts

@@ -0,0 +1,8 @@
+interface BooleanFilterProps {
+    id: string;
+    label: string;
+    defaultValue?: boolean;
+}
+export declare function BooleanFilter({ id, label, defaultValue }: BooleanFilterProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=BooleanFilter.d.ts.map

package/dist/components/filters/BooleanFilter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFilter.d.ts","sourceRoot":"","sources":["../../../src/components/filters/BooleanFilter.tsx"],"names":[],"mappings":"AAkBA,UAAU,kBAAkB;IAC1B,EAAE,EAAE,MAAM,CAAC;IACX,KAAK,EAAE,MAAM,CAAC;IACd,YAAY,CAAC,EAAE,OAAO,CAAC;CACxB;AAED,wBAAgB,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,EAAE,kBAAkB,2CAuC5E"}

package/dist/components/filters/BooleanFilter.js

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// Copyright 2026 Mataki Labs LLC
+//
+// Licensed under the Business Source License 1.1 (the "License");
+// you may not use this file except in compliance with the License.
+// You may obtain a copy of the License at
+//
+//     https://github.com/panoboard/panoboard/blob/main/LICENSE
+//
+// Unless required by applicable law or agreed to in writing, software
+// distributed under the License is distributed on an "AS IS" BASIS,
+// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+// See the License for the specific language governing permissions and
+// limitations under the License.
+import { useSearchParams } from "react-router";
+import { useFilterUpdate } from "./useFilterUpdate";
+import { useTheme } from "../../theme/context";
+export function BooleanFilter({ id, label, defaultValue }) {
+    const updateFilter = useFilterUpdate();
+    const [searchParams] = useSearchParams();
+    const theme = useTheme();
+    const raw = searchParams.get(id);
+    const isOn = raw !== null ? raw === "true" : (defaultValue ?? false);
+    function handleToggle() {
+        const newValue = !isOn;
+        // If toggling back to default, remove the param
+        if (newValue === (defaultValue ?? false)) {
+            updateFilter(id, null);
+        }
+        else {
+            updateFilter(id, String(newValue));
+        }
+    }
+    return (_jsxs("button", { type: "button", onClick: handleToggle, className: `flex items-center gap-2 ${theme.filters.background} border ${theme.filters.border} rounded-lg px-3 py-2 hover:opacity-90 transition cursor-default`, children: [_jsx("div", { className: `relative w-9 h-5 rounded-full transition-colors ${isOn ? "bg-indigo-500" : "bg-slate-600"}`, children: _jsx("div", { className: `absolute top-0.5 w-4 h-4 rounded-full bg-white shadow transition-transform ${isOn ? "translate-x-4" : "translate-x-0.5"}` }) }), _jsx("span", { className: `text-sm ${theme.filters.text}`, children: label })] }));
+}
+//# sourceMappingURL=BooleanFilter.js.map

package/dist/components/filters/BooleanFilter.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BooleanFilter.js","sourceRoot":"","sources":["../../../src/components/filters/BooleanFilter.tsx"],"names":[],"mappings":";AAAA,iCAAiC;AACjC,EAAE;AACF,kEAAkE;AAClE,mEAAmE;AACnE,0CAA0C;AAC1C,EAAE;AACF,+DAA+D;AAC/D,EAAE;AACF,sEAAsE;AACtE,oEAAoE;AACpE,2EAA2E;AAC3E,sEAAsE;AACtE,iCAAiC;AAEjC,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAC;AAC/C,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAQ/C,MAAM,UAAU,aAAa,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,YAAY,EAAsB;IAC3E,MAAM,YAAY,GAAG,eAAe,EAAE,CAAC;IACvC,MAAM,CAAC,YAAY,CAAC,GAAG,eAAe,EAAE,CAAC;IACzC,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAC;IAEzB,MAAM,GAAG,GAAG,YAAY,CAAC,GAAG,CAAC,EAAE,CAAC,CAAC;IACjC,MAAM,IAAI,GAAG,GAAG,KAAK,IAAI,CAAC,CAAC,CAAC,GAAG,KAAK,MAAM,CAAC,CAAC,CAAC,CAAC,YAAY,IAAI,KAAK,CAAC,CAAC;IAErE,SAAS,YAAY;QACnB,MAAM,QAAQ,GAAG,CAAC,IAAI,CAAC;QACvB,gDAAgD;QAChD,IAAI,QAAQ,KAAK,CAAC,YAAY,IAAI,KAAK,CAAC,EAAE,CAAC;YACzC,YAAY,CAAC,EAAE,EAAE,IAAI,CAAC,CAAC;QACzB,CAAC;aAAM,CAAC;YACN,YAAY,CAAC,EAAE,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC;QACrC,CAAC;IACH,CAAC;IAED,OAAO,CACL,kBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,YAAY,EACrB,SAAS,EAAE,2BAA2B,KAAK,CAAC,OAAO,CAAC,UAAU,WAAW,KAAK,CAAC,OAAO,CAAC,MAAM,kEAAkE,aAG/J,cACE,SAAS,EAAE,mDACT,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,cAC3B,EAAE,YAEF,cACE,SAAS,EAAE,8EACT,IAAI,CAAC,CAAC,CAAC,eAAe,CAAC,CAAC,CAAC,iBAC3B,EAAE,GACF,GACE,EACN,eAAM,SAAS,EAAE,WAAW,KAAK,CAAC,OAAO,CAAC,IAAI,EAAE,YAAG,KAAK,GAAQ,IACzD,CACV,CAAC;AACJ,CAAC"}

package/dist/components/filters/CalendarGrid.d.ts

@@ -0,0 +1,8 @@
+interface CalendarGridProps {
+    onRangeSelect: (start: string, end: string) => void;
+    startDate?: string;
+    endDate?: string;
+}
+export declare function CalendarGrid({ onRangeSelect, startDate, endDate, }: CalendarGridProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=CalendarGrid.d.ts.map

package/dist/components/filters/CalendarGrid.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarGrid.d.ts","sourceRoot":"","sources":["../../../src/components/filters/CalendarGrid.tsx"],"names":[],"mappings":"AAkBA,UAAU,iBAAiB;IACzB,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,KAAK,IAAI,CAAC;IACpD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAoCD,wBAAgB,YAAY,CAAC,EAC3B,aAAa,EACb,SAAS,EACT,OAAO,GACR,EAAE,iBAAiB,2CAsKnB"}