@flowselections/dashboard-erp-kwekers 1.0.1

package/dist-lib/components/dashboard/blocks/AiAnalysisBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiAnalysisBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/AiAnalysisBlock.tsx"],"names":[],"mappings":"AAQA,OAAO,KAAK,EAAoB,QAAQ,EAAE,MAAM,UAAU,CAAC;AAE3D,wBAAgB,eAAe,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BAuE7D"}

package/dist-lib/components/dashboard/blocks/AiAnalysisBlock.js

@@ -0,0 +1,58 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle, Button } from '@flowselections/core';
+import { Sparkles, RefreshCw, Loader2 } from 'lucide-react';
+import { useServerFn } from '@tanstack/react-start';
+import ReactMarkdown from 'react-markdown';
+import { supabase } from '@flowselections/core';
+import { analyzeBlock } from '../../../lib/ai-insights.functions';
+import { useAiSettings, buildAiInstruction } from '../../../lib/aiSettings';
+export function AiAnalysisBlock({ block }) {
+    const cfg = block.config;
+    const aiHidden = block.permissions?.can_view_ai === false;
+    const [settings] = useAiSettings();
+    const aiDisabled = !settings.enabled;
+    const run = useServerFn(analyzeBlock);
+    const [loading, setLoading] = useState(false);
+    const [text, setText] = useState('');
+    const [error, setError] = useState(null);
+    const analyze = useCallback(async () => {
+        if (!cfg?.table) {
+            setError('Geen tabel geconfigureerd');
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const cols = cfg.columns && cfg.columns.length ? cfg.columns.join(',') : '*';
+            const { data, error: dbErr } = await supabase
+                .from(cfg.table)
+                .select(cols)
+                .limit(cfg.limit ?? 100);
+            if (dbErr)
+                throw dbErr;
+            const res = await run({
+                data: {
+                    title: block.title ?? undefined,
+                    question: cfg.question,
+                    table: cfg.table,
+                    rows: Array.isArray(data) ? data : [],
+                    instruction: buildAiInstruction(settings),
+                },
+            });
+            setText(res.text);
+        }
+        catch (e) {
+            setError(e?.message ?? 'Fout bij analyse');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [cfg, run, block.title, settings]);
+    useEffect(() => { if (!aiHidden && !aiDisabled)
+        analyze(); }, [analyze, aiHidden, aiDisabled]);
+    if (aiHidden || aiDisabled) {
+        return (_jsx(Card, { className: "h-full flex items-center justify-center", children: _jsx(CardContent, { className: "text-xs text-muted-foreground", children: aiDisabled ? 'AI-samenvattingen staan uit (Instellingen)' : 'AI-analyse uitgeschakeld' }) }));
+    }
+    return (_jsxs(Card, { className: "h-full flex flex-col", children: [_jsxs(CardHeader, { className: "pb-2 flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "text-sm font-medium flex items-center gap-2", children: [_jsx(Sparkles, { className: "w-4 h-4 text-primary" }), block.title || 'AI Analyse'] }), _jsx(Button, { size: "icon", variant: "ghost", onClick: analyze, disabled: loading, className: "h-7 w-7", children: loading ? _jsx(Loader2, { className: "w-3.5 h-3.5 animate-spin" }) : _jsx(RefreshCw, { className: "w-3.5 h-3.5" }) })] }), _jsxs(CardContent, { className: "flex-1 overflow-auto text-sm", children: [error && _jsx("div", { className: "text-destructive", children: error }), loading && !text && _jsx("div", { className: "text-muted-foreground", children: "AI denkt na\u2026" }), text && (_jsx("div", { className: "prose prose-sm dark:prose-invert max-w-none", children: _jsx(ReactMarkdown, { children: text }) }))] })] }));
+}

package/dist-lib/components/dashboard/blocks/AlertBlock.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRow } from '../types';
+export declare function AlertBlock({ block }: {
+    block: BlockRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=AlertBlock.d.ts.map

package/dist-lib/components/dashboard/blocks/AlertBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlertBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/AlertBlock.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,QAAQ,EAA4B,MAAM,UAAU,CAAC;AA2BnE,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BA6FxD"}

package/dist-lib/components/dashboard/blocks/AlertBlock.js

@@ -0,0 +1,107 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useRef, useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle, Button, supabase } from '@flowselections/core';
+import { AlertTriangle, CheckCircle2, RefreshCw, Loader2, Info } from 'lucide-react';
+function aggregate(rows, column, agg) {
+    if (agg === 'count')
+        return rows.length;
+    if (!column)
+        return 0;
+    const nums = rows.map(r => Number(r?.[column])).filter(n => !Number.isNaN(n));
+    if (!nums.length)
+        return 0;
+    switch (agg) {
+        case 'sum': return nums.reduce((a, b) => a + b, 0);
+        case 'avg': return nums.reduce((a, b) => a + b, 0) / nums.length;
+        case 'min': return Math.min(...nums);
+        case 'max': return Math.max(...nums);
+    }
+    return 0;
+}
+function evaluate(value, op, threshold) {
+    switch (op) {
+        case '>': return value > threshold;
+        case '>=': return value >= threshold;
+        case '<': return value < threshold;
+        case '<=': return value <= threshold;
+        case '==': return value === threshold;
+        case '!=': return value !== threshold;
+    }
+}
+export function AlertBlock({ block }) {
+    const cfg = block.config;
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [value, setValue] = useState(null);
+    const [triggered, setTriggered] = useState(false);
+    const lastLoggedRef = useRef(null);
+    const check = useCallback(async () => {
+        if (!cfg?.table) {
+            setError('Geen tabel geconfigureerd');
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            let v = 0;
+            if (cfg.agg === 'count') {
+                let q = supabase.from(cfg.table).select('*', { count: 'exact', head: true });
+                if (cfg.filterColumn && cfg.filterValue)
+                    q = q.eq(cfg.filterColumn, cfg.filterValue);
+                const { count, error: dbErr } = await q;
+                if (dbErr)
+                    throw dbErr;
+                v = count ?? 0;
+            }
+            else {
+                if (!cfg.column) {
+                    setValue(0);
+                    setTriggered(false);
+                    return;
+                }
+                let q = supabase.from(cfg.table).select(cfg.column).limit(5000);
+                if (cfg.filterColumn && cfg.filterValue)
+                    q = q.eq(cfg.filterColumn, cfg.filterValue);
+                const { data, error: dbErr } = await q;
+                if (dbErr)
+                    throw dbErr;
+                v = aggregate(data ?? [], cfg.column, cfg.agg);
+            }
+            setValue(v);
+            const isTriggered = evaluate(v, cfg.operator, cfg.threshold);
+            setTriggered(isTriggered);
+            if (isTriggered && lastLoggedRef.current !== v) {
+                lastLoggedRef.current = v;
+                try {
+                    const { data: userData } = await supabase.auth.getUser();
+                    const uid = userData?.user?.id;
+                    if (uid) {
+                        await supabase.from('dashboard_alert_events').insert({
+                            block_id: block.id,
+                            page_id: block.page_id,
+                            user_id: uid,
+                            severity: cfg.severity ?? 'warning',
+                            value: v,
+                            threshold: cfg.threshold,
+                            message: cfg.message ?? null,
+                        });
+                    }
+                }
+                catch { /* niet-fataal */ }
+            }
+        }
+        catch (e) {
+            setError(e?.message ?? 'Fout bij evalueren');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [cfg]);
+    useEffect(() => { check(); }, [check]);
+    const sev = cfg.severity ?? 'warning';
+    const sevStyle = triggered ? (sev === 'critical' ? 'border-destructive/40 bg-destructive/10 text-destructive' :
+        sev === 'warning' ? 'border-amber-500/40 bg-amber-500/10 text-amber-700 dark:text-amber-400' :
+            'border-blue-500/40 bg-blue-500/10 text-blue-700 dark:text-blue-400') : 'border-green-500/40 bg-green-500/10 text-green-700 dark:text-green-400';
+    const Icon = error ? Info : triggered ? AlertTriangle : CheckCircle2;
+    return (_jsxs(Card, { className: `h-full flex flex-col border ${sevStyle}`, children: [_jsxs(CardHeader, { className: "pb-2 flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "text-sm font-medium flex items-center gap-2", children: [_jsx(Icon, { className: "w-4 h-4" }), block.title || 'Alert'] }), _jsx(Button, { size: "icon", variant: "ghost", onClick: check, disabled: loading, className: "h-7 w-7", children: loading ? _jsx(Loader2, { className: "w-3.5 h-3.5 animate-spin" }) : _jsx(RefreshCw, { className: "w-3.5 h-3.5" }) })] }), _jsxs(CardContent, { className: "flex-1 flex flex-col justify-center", children: [error && _jsx("div", { className: "text-sm", children: error }), !error && (_jsxs(_Fragment, { children: [_jsxs("div", { className: "text-xs opacity-80", children: [cfg.agg.toUpperCase(), " ", cfg.column ? `(${cfg.column})` : '', " ", cfg.operator, " ", cfg.threshold] }), _jsx("div", { className: "text-3xl font-semibold mt-1", children: value ?? '—' }), _jsx("div", { className: "text-sm mt-2", children: triggered ? (cfg.message || 'Drempel overschreden') : 'Binnen normaal bereik' })] }))] })] }));
+}

package/dist-lib/components/dashboard/blocks/BlockShell.d.ts

@@ -0,0 +1,10 @@
+import { type ReactNode } from 'react';
+interface Props {
+    title: string;
+    children: ReactNode;
+    rows?: unknown[];
+    onRefresh?: () => void;
+}
+export declare function BlockShell({ title, children, rows, onRefresh }: Props): import("react").JSX.Element;
+export {};
+//# sourceMappingURL=BlockShell.d.ts.map

package/dist-lib/components/dashboard/blocks/BlockShell.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BlockShell.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/BlockShell.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AASjD,UAAU,KAAK;IACb,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,CAAC,EAAE,OAAO,EAAE,CAAC;IACjB,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;CACxB;AAgCD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,QAAQ,EAAE,IAAI,EAAE,SAAS,EAAE,EAAE,KAAK,+BAmDrE"}

package/dist-lib/components/dashboard/blocks/BlockShell.js

@@ -0,0 +1,39 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle, Button, Dialog, DialogContent, DialogHeader, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, } from '@flowselections/core';
+import { Maximize2, Download, RefreshCw } from 'lucide-react';
+import * as XLSX from 'xlsx';
+function toCsv(rows) {
+    if (!rows.length)
+        return '';
+    const cols = Array.from(new Set(rows.flatMap(r => Object.keys(r ?? {}))));
+    const escape = (v) => {
+        const s = v === null || v === undefined ? '' : String(v);
+        return /[",\n]/.test(s) ? `"${s.replace(/"/g, '""')}"` : s;
+    };
+    return [cols.join(','), ...rows.map(r => cols.map(c => escape(r?.[c])).join(','))].join('\n');
+}
+function downloadCsv(title, rows) {
+    const csv = toCsv(rows);
+    const blob = new Blob([csv], { type: 'text/csv;charset=utf-8' });
+    const url = URL.createObjectURL(blob);
+    const a = document.createElement('a');
+    a.href = url;
+    a.download = `${title.replace(/[^a-z0-9-_]+/gi, '_') || 'blok'}.csv`;
+    document.body.appendChild(a);
+    a.click();
+    a.remove();
+    URL.revokeObjectURL(url);
+}
+function downloadXlsx(title, rows) {
+    const ws = XLSX.utils.json_to_sheet(rows);
+    const wb = XLSX.utils.book_new();
+    XLSX.utils.book_append_sheet(wb, ws, 'Data');
+    XLSX.writeFile(wb, `${title.replace(/[^a-z0-9-_]+/gi, '_') || 'blok'}.xlsx`);
+}
+export function BlockShell({ title, children, rows, onRefresh }) {
+    const [full, setFull] = useState(false);
+    const safe = Array.isArray(rows) ? rows : [];
+    const actions = (_jsxs("div", { className: "flex items-center gap-1", children: [onRefresh && (_jsx(Button, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: onRefresh, title: "Verversen", children: _jsx(RefreshCw, { className: "w-3.5 h-3.5" }) })), safe.length > 0 && (_jsxs(DropdownMenu, { children: [_jsx(DropdownMenuTrigger, { asChild: true, children: _jsx(Button, { size: "icon", variant: "ghost", className: "h-7 w-7", title: "Exporteren", children: _jsx(Download, { className: "w-3.5 h-3.5" }) }) }), _jsxs(DropdownMenuContent, { align: "end", children: [_jsx(DropdownMenuItem, { onClick: () => downloadCsv(title, safe), children: "CSV (.csv)" }), _jsx(DropdownMenuItem, { onClick: () => downloadXlsx(title, safe), children: "Excel (.xlsx)" })] })] })), _jsx(Button, { size: "icon", variant: "ghost", className: "h-7 w-7", onClick: () => setFull(true), title: "Volledig scherm", children: _jsx(Maximize2, { className: "w-3.5 h-3.5" }) })] }));
+    return (_jsxs(_Fragment, { children: [_jsxs(Card, { className: "h-full flex flex-col", children: [_jsxs(CardHeader, { className: "pb-2 flex flex-row items-center justify-between space-y-0", children: [_jsx(CardTitle, { className: "text-sm font-medium truncate", children: title }), actions] }), _jsx(CardContent, { className: "flex-1 min-h-0", children: children })] }), _jsx(Dialog, { open: full, onOpenChange: setFull, children: _jsxs(DialogContent, { className: "max-w-6xl w-[95vw] h-[85vh] flex flex-col", children: [_jsxs(DialogHeader, { className: "flex flex-row items-center justify-between space-y-0", children: [_jsx(DialogTitle, { children: title }), _jsx("div", { className: "mr-8", children: actions })] }), _jsx("div", { className: "flex-1 min-h-0 overflow-auto", children: children })] }) })] }));
+}

package/dist-lib/components/dashboard/blocks/ChartBlock.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRow } from '../types';
+export declare function ChartBlock({ block }: {
+    block: BlockRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ChartBlock.d.ts.map

package/dist-lib/components/dashboard/blocks/ChartBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ChartBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/ChartBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,UAAU,CAAC;AAItD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BAiIxD"}

package/dist-lib/components/dashboard/blocks/ChartBlock.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ResponsiveContainer, LineChart, Line, BarChart, Bar, AreaChart, Area, PieChart, Pie, Cell, ScatterChart, Scatter, XAxis, YAxis, CartesianGrid, Tooltip, Legend, FunnelChart, Funnel, LabelList } from 'recharts';
+import { useBlockData } from '../../../hooks/useBlockData';
+import { BlockShell } from './BlockShell';
+import { formatCurrency, formatNumber, formatDateShort, humanizeLabel, isDateColumn, isCurrencyColumn } from '../../../lib/format';
+const PIE_COLORS = ['hsl(var(--primary))', '#22c55e', '#f59e0b', '#ef4444', '#8b5cf6', '#06b6d4', '#ec4899', '#84cc16'];
+export function ChartBlock({ block }) {
+    const cfg = block.config;
+    const { rows, loading, error, reload } = useBlockData('chart', cfg);
+    const data = Array.isArray(rows) ? rows : [];
+    const xIsDate = isDateColumn(cfg.xColumn);
+    const yIsCurrency = isCurrencyColumn(cfg.yColumn);
+    const xTick = (v) => (xIsDate ? formatDateShort(v) : String(v ?? ''));
+    const yTick = (v) => (yIsCurrency ? formatCurrency(v) : formatNumber(v));
+    const tooltipFmt = (value, name) => [
+        yIsCurrency ? formatCurrency(value) : formatNumber(value, { decimals: true }),
+        humanizeLabel(String(name)),
+    ];
+    const tooltipLabelFmt = (label) => xIsDate ? formatDateShort(label) : String(label ?? '');
+    const yLabel = humanizeLabel(cfg.yColumn);
+    const xLabel = humanizeLabel(cfg.xColumn);
+    return (_jsxs(BlockShell, { title: block.title || `${humanizeLabel(cfg.table)} — ${yLabel}`, rows: data, onRefresh: reload, children: [loading && _jsx("div", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }), error && _jsx("div", { className: "text-sm text-destructive", children: error }), !loading && !error && data.length > 0 && (cfg.kind === 'heatmap' ? ((() => {
+                const values = data.map(d => Number(d[cfg.yColumn]) || 0);
+                const max = Math.max(...values, 1);
+                return (_jsx("div", { className: "h-full overflow-auto p-2 grid gap-1", style: { gridTemplateColumns: 'repeat(auto-fill, minmax(60px, 1fr))' }, children: data.map((d, i) => {
+                        const v = Number(d[cfg.yColumn]) || 0;
+                        const intensity = Math.max(0.1, v / max);
+                        return (_jsxs("div", { className: "rounded p-2 text-xs flex flex-col items-center justify-center", style: { backgroundColor: `hsl(var(--primary) / ${intensity})`, minHeight: 48 }, title: `${xTick(d[cfg.xColumn])}: ${yTick(v)}`, children: [_jsx("span", { className: "font-medium truncate w-full text-center", children: xTick(d[cfg.xColumn]) }), _jsx("span", { className: "opacity-80", children: yTick(v) })] }, i));
+                    }) }));
+            })()) : (_jsx(ResponsiveContainer, { width: "100%", height: "100%", children: cfg.kind === 'bar' ? (_jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: cfg.xColumn, fontSize: 11, tickFormatter: xTick }), _jsx(YAxis, { fontSize: 11, tickFormatter: yTick, width: 80 }), _jsx(Tooltip, { formatter: tooltipFmt, labelFormatter: tooltipLabelFmt }), _jsx(Bar, { dataKey: cfg.yColumn, name: yLabel, fill: "hsl(var(--primary))" })] })) : cfg.kind === 'stacked-bar' ? (_jsxs(BarChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: cfg.xColumn, fontSize: 11, tickFormatter: xTick }), _jsx(YAxis, { fontSize: 11, tickFormatter: yTick, width: 80 }), _jsx(Tooltip, { formatter: tooltipFmt, labelFormatter: tooltipLabelFmt }), _jsx(Legend, {}), _jsx(Bar, { dataKey: cfg.yColumn, name: yLabel, stackId: "a", fill: "hsl(var(--primary))" })] })) : cfg.kind === 'area' ? (_jsxs(AreaChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: cfg.xColumn, fontSize: 11, tickFormatter: xTick }), _jsx(YAxis, { fontSize: 11, tickFormatter: yTick, width: 80 }), _jsx(Tooltip, { formatter: tooltipFmt, labelFormatter: tooltipLabelFmt }), _jsx(Area, { dataKey: cfg.yColumn, name: yLabel, stroke: "hsl(var(--primary))", fill: "hsl(var(--primary))", fillOpacity: 0.2 })] })) : cfg.kind === 'pie' || cfg.kind === 'donut' ? (_jsxs(PieChart, { children: [_jsx(Tooltip, { formatter: tooltipFmt }), _jsx(Legend, {}), _jsx(Pie, { data: data, dataKey: cfg.yColumn, nameKey: cfg.xColumn, innerRadius: cfg.kind === 'donut' ? '55%' : 0, outerRadius: "80%", label: true, children: data.map((_, i) => _jsx(Cell, { fill: PIE_COLORS[i % PIE_COLORS.length] }, i)) })] })) : cfg.kind === 'scatter' ? (_jsxs(ScatterChart, { children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: cfg.xColumn, fontSize: 11, tickFormatter: xTick, name: xLabel }), _jsx(YAxis, { dataKey: cfg.yColumn, fontSize: 11, tickFormatter: yTick, width: 80, name: yLabel }), _jsx(Tooltip, { cursor: { strokeDasharray: '3 3' }, formatter: tooltipFmt, labelFormatter: tooltipLabelFmt }), _jsx(Scatter, { data: data, name: yLabel, fill: "hsl(var(--primary))" })] })) : cfg.kind === 'funnel' ? (_jsxs(FunnelChart, { children: [_jsx(Tooltip, { formatter: tooltipFmt }), _jsxs(Funnel, { dataKey: cfg.yColumn, nameKey: cfg.xColumn, data: [...data].sort((a, b) => Number(b[cfg.yColumn]) - Number(a[cfg.yColumn])), isAnimationActive: true, children: [data.map((_, i) => _jsx(Cell, { fill: PIE_COLORS[i % PIE_COLORS.length] }, i)), _jsx(LabelList, { position: "right", fill: "hsl(var(--foreground))", stroke: "none", dataKey: cfg.xColumn })] })] })) : (_jsxs(LineChart, { data: data, children: [_jsx(CartesianGrid, { strokeDasharray: "3 3", opacity: 0.3 }), _jsx(XAxis, { dataKey: cfg.xColumn, fontSize: 11, tickFormatter: xTick }), _jsx(YAxis, { fontSize: 11, tickFormatter: yTick, width: 80 }), _jsx(Tooltip, { formatter: tooltipFmt, labelFormatter: tooltipLabelFmt }), _jsx(Line, { dataKey: cfg.yColumn, name: yLabel, stroke: "hsl(var(--primary))", dot: false })] })) }))), !loading && !error && data.length === 0 && (_jsx("div", { className: "text-sm text-muted-foreground", children: "Geen data" }))] }));
+}

package/dist-lib/components/dashboard/blocks/ForecastBlock.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRow } from '../types';
+export declare function ForecastBlock({ block }: {
+    block: BlockRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=ForecastBlock.d.ts.map

package/dist-lib/components/dashboard/blocks/ForecastBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ForecastBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/ForecastBlock.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,QAAQ,EAA+B,MAAM,UAAU,CAAC;AAatE,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BAsG3D"}

package/dist-lib/components/dashboard/blocks/ForecastBlock.js

@@ -0,0 +1,86 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useCallback, useEffect, useState } from 'react';
+import { Card, CardContent, CardHeader, CardTitle, Button, supabase } from '@flowselections/core';
+import { TrendingUp, RefreshCw, Loader2 } from 'lucide-react';
+import { useServerFn } from '@tanstack/react-start';
+import { LineChart, Line, XAxis, YAxis, Tooltip, ResponsiveContainer, ReferenceLine } from 'recharts';
+import { forecastSeries } from '../../../lib/ai-insights.functions';
+function aggregate(values, agg) {
+    if (!values.length)
+        return 0;
+    switch (agg) {
+        case 'count': return values.length;
+        case 'sum': return values.reduce((a, b) => a + b, 0);
+        case 'avg': return values.reduce((a, b) => a + b, 0) / values.length;
+        case 'min': return Math.min(...values);
+        case 'max': return Math.max(...values);
+    }
+}
+export function ForecastBlock({ block }) {
+    const cfg = block.config;
+    const run = useServerFn(forecastSeries);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [chart, setChart] = useState([]);
+    const [explanation, setExplanation] = useState('');
+    const [confidence, setConfidence] = useState('medium');
+    const [splitIdx, setSplitIdx] = useState(0);
+    const load = useCallback(async () => {
+        if (!cfg?.table || !cfg.xColumn || !cfg.yColumn) {
+            setError('Configuratie onvolledig');
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            const { data, error: dbErr } = await supabase
+                .from(cfg.table)
+                .select(`${cfg.xColumn},${cfg.yColumn}`)
+                .limit(cfg.history ?? 200);
+            if (dbErr)
+                throw dbErr;
+            const groups = new Map();
+            for (const r of data ?? []) {
+                const key = String(r?.[cfg.xColumn] ?? '');
+                const num = Number(r?.[cfg.yColumn]);
+                if (!groups.has(key))
+                    groups.set(key, []);
+                if (!Number.isNaN(num))
+                    groups.get(key).push(num);
+            }
+            const series = [...groups.entries()]
+                .map(([x, nums]) => ({ x, y: aggregate(nums, cfg.agg) }))
+                .sort((a, b) => a.x.localeCompare(b.x));
+            const res = await run({
+                data: {
+                    title: block.title ?? undefined,
+                    table: cfg.table,
+                    xColumn: cfg.xColumn,
+                    yColumn: cfg.yColumn,
+                    horizon: cfg.horizon ?? 6,
+                    question: cfg.question,
+                    series,
+                },
+            });
+            const combined = [
+                ...series.map(p => ({ x: p.x, history: p.y })),
+                ...res.points.map((p) => ({ x: String(p.x), forecast: Number(p.y) })),
+            ];
+            setChart(combined);
+            setSplitIdx(series.length - 1);
+            setExplanation(res.explanation);
+            setConfidence(res.confidence);
+        }
+        catch (e) {
+            setError(e?.message ?? 'Fout bij forecast');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [cfg, run, block.title]);
+    useEffect(() => { load(); }, [load]);
+    const badge = confidence === 'high' ? 'bg-green-500/15 text-green-600' :
+        confidence === 'low' ? 'bg-amber-500/15 text-amber-600' :
+            'bg-blue-500/15 text-blue-600';
+    return (_jsxs(Card, { className: "h-full flex flex-col", children: [_jsxs(CardHeader, { className: "pb-2 flex flex-row items-center justify-between", children: [_jsxs(CardTitle, { className: "text-sm font-medium flex items-center gap-2", children: [_jsx(TrendingUp, { className: "w-4 h-4 text-primary" }), block.title || 'Forecast'] }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx("span", { className: `text-xs px-2 py-0.5 rounded ${badge}`, children: confidence }), _jsx(Button, { size: "icon", variant: "ghost", onClick: load, disabled: loading, className: "h-7 w-7", children: loading ? _jsx(Loader2, { className: "w-3.5 h-3.5 animate-spin" }) : _jsx(RefreshCw, { className: "w-3.5 h-3.5" }) })] })] }), _jsxs(CardContent, { className: "flex-1 flex flex-col", children: [error && _jsx("div", { className: "text-sm text-destructive", children: error }), !error && (_jsxs(_Fragment, { children: [_jsx("div", { className: "flex-1 min-h-[140px]", children: _jsx(ResponsiveContainer, { width: "100%", height: "100%", children: _jsxs(LineChart, { data: chart, children: [_jsx(XAxis, { dataKey: "x", fontSize: 10, tick: { fontSize: 10 } }), _jsx(YAxis, { fontSize: 10, tick: { fontSize: 10 }, width: 40 }), _jsx(Tooltip, {}), splitIdx > 0 && chart[splitIdx] && (_jsx(ReferenceLine, { x: chart[splitIdx].x, stroke: "hsl(var(--muted-foreground))", strokeDasharray: "3 3" })), _jsx(Line, { type: "monotone", dataKey: "history", stroke: "hsl(var(--primary))", dot: false, strokeWidth: 2 }), _jsx(Line, { type: "monotone", dataKey: "forecast", stroke: "hsl(var(--primary))", strokeDasharray: "5 5", dot: { r: 3 } })] }) }) }), explanation && _jsx("div", { className: "text-xs text-muted-foreground mt-2", children: explanation })] }))] })] }));
+}

package/dist-lib/components/dashboard/blocks/KpiBlock.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRow } from '../types';
+export declare function KpiBlock({ block }: {
+    block: BlockRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=KpiBlock.d.ts.map

package/dist-lib/components/dashboard/blocks/KpiBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"KpiBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/KpiBlock.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAa,MAAM,UAAU,CAAC;AASpD,wBAAgB,QAAQ,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BAoBtD"}

package/dist-lib/components/dashboard/blocks/KpiBlock.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { Card, CardContent, CardHeader, CardTitle } from '@flowselections/core';
+import { useBlockData } from '../../../hooks/useBlockData';
+function fmt(n, format) {
+    if (n === undefined || n === null)
+        return '—';
+    if (format === 'currency')
+        return new Intl.NumberFormat('nl-NL', { style: 'currency', currency: 'EUR' }).format(n);
+    if (format === 'percent')
+        return new Intl.NumberFormat('nl-NL', { style: 'percent', maximumFractionDigits: 1 }).format(n);
+    return new Intl.NumberFormat('nl-NL', { maximumFractionDigits: 2 }).format(n);
+}
+export function KpiBlock({ block }) {
+    const cfg = block.config;
+    const { kpiValue, loading, error } = useBlockData('kpi', cfg);
+    return (_jsxs(Card, { className: "h-full flex flex-col", children: [_jsx(CardHeader, { className: "pb-2", children: _jsx(CardTitle, { className: "text-sm font-medium text-muted-foreground", children: block.title || 'KPI' }) }), _jsxs(CardContent, { className: "flex-1 flex flex-col justify-center", children: [loading && _jsx("div", { className: "text-2xl text-muted-foreground", children: "\u2026" }), error && _jsx("div", { className: "text-sm text-destructive", children: error }), !loading && !error && (_jsxs(_Fragment, { children: [_jsx("div", { className: "text-4xl font-semibold tracking-tight", children: fmt(kpiValue, cfg.format) }), cfg.subtitle && _jsx("div", { className: "text-xs text-muted-foreground mt-1", children: cfg.subtitle })] }))] })] }));
+}

package/dist-lib/components/dashboard/blocks/TableBlock.d.ts

@@ -0,0 +1,5 @@
+import type { BlockRow } from '../types';
+export declare function TableBlock({ block }: {
+    block: BlockRow;
+}): import("react").JSX.Element;
+//# sourceMappingURL=TableBlock.d.ts.map

package/dist-lib/components/dashboard/blocks/TableBlock.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"TableBlock.d.ts","sourceRoot":"","sources":["../../../../src/components/dashboard/blocks/TableBlock.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,QAAQ,EAAe,MAAM,UAAU,CAAC;AAEtD,wBAAgB,UAAU,CAAC,EAAE,KAAK,EAAE,EAAE;IAAE,KAAK,EAAE,QAAQ,CAAA;CAAE,+BAiCxD"}

package/dist-lib/components/dashboard/blocks/TableBlock.js

@@ -0,0 +1,12 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Table, TableBody, TableCell, TableHead, TableHeader, TableRow } from '@flowselections/core';
+import { useBlockData } from '../../../hooks/useBlockData';
+import { BlockShell } from './BlockShell';
+import { formatCell, humanizeLabel } from '../../../lib/format';
+export function TableBlock({ block }) {
+    const cfg = block.config;
+    const { rows, loading, error, reload } = useBlockData('table', cfg);
+    const safeRows = Array.isArray(rows) ? rows : [];
+    const columns = cfg.columns && cfg.columns.length ? cfg.columns : (safeRows[0] ? Object.keys(safeRows[0]) : []);
+    return (_jsx(BlockShell, { title: block.title || cfg.table, rows: safeRows, onRefresh: reload, children: _jsxs("div", { className: "overflow-auto h-full", children: [loading && _jsx("div", { className: "text-sm text-muted-foreground", children: "Laden\u2026" }), error && _jsx("div", { className: "text-sm text-destructive", children: error }), !loading && !error && (_jsxs(Table, { children: [_jsx(TableHeader, { children: _jsx(TableRow, { children: columns.map(c => _jsx(TableHead, { children: humanizeLabel(c) }, c)) }) }), _jsxs(TableBody, { children: [safeRows.map((r, i) => (_jsx(TableRow, { children: columns.map(c => _jsx(TableCell, { className: "text-xs", children: formatCell(c, r?.[c]) }, c)) }, i))), safeRows.length === 0 && (_jsx(TableRow, { children: _jsx(TableCell, { colSpan: columns.length || 1, className: "text-center text-muted-foreground text-sm", children: "Geen data" }) }))] })] }))] }) }));
+}

package/dist-lib/components/dashboard/types.d.ts

@@ -0,0 +1,129 @@
+export type BlockType = 'kpi' | 'table' | 'chart' | 'ai_analysis' | 'forecast' | 'alert';
+export type ChartKind = 'line' | 'bar' | 'area' | 'pie' | 'donut' | 'scatter' | 'stacked-bar' | 'heatmap' | 'funnel';
+export type Aggregation = 'count' | 'sum' | 'avg' | 'min' | 'max';
+export interface KpiConfig {
+    table: string;
+    agg: Aggregation;
+    column?: string | null;
+    filterColumn?: string | null;
+    filterValue?: string | null;
+    format?: 'number' | 'currency' | 'percent';
+    subtitle?: string;
+    /** Self-applied date filter (used by wizard/quick-blocks). */
+    dateFilter?: {
+        column: string;
+        days: number;
+    } | null;
+}
+export interface TableConfig {
+    table: string;
+    columns: string[];
+    orderBy?: string | null;
+    orderDir?: 'asc' | 'desc';
+    limit?: number;
+    filterColumn?: string | null;
+    filterValue?: string | null;
+    dateFilter?: {
+        column: string;
+        days: number;
+    } | null;
+}
+export interface ChartConfig {
+    kind: ChartKind;
+    table: string;
+    xColumn: string;
+    yColumn: string;
+    agg: Aggregation;
+    limit?: number;
+    orderDir?: 'asc' | 'desc';
+    filterColumn?: string | null;
+    filterValue?: string | null;
+    groupColumn?: string | null;
+    dateFilter?: {
+        column: string;
+        days: number;
+    } | null;
+}
+export interface AiAnalysisConfig {
+    table: string;
+    columns?: string[];
+    limit?: number;
+    question?: string;
+}
+export interface ForecastConfig {
+    table: string;
+    xColumn: string;
+    yColumn: string;
+    agg: Aggregation;
+    horizon?: number;
+    history?: number;
+    question?: string;
+}
+export type AlertSeverity = 'info' | 'warning' | 'critical';
+export interface AlertConfig {
+    table: string;
+    agg: Aggregation;
+    column?: string | null;
+    filterColumn?: string | null;
+    filterValue?: string | null;
+    operator: '>' | '>=' | '<' | '<=' | '==' | '!=';
+    threshold: number;
+    severity?: AlertSeverity;
+    message?: string;
+}
+export type AnyBlockConfig = KpiConfig | TableConfig | ChartConfig | AiAnalysisConfig | ForecastConfig | AlertConfig;
+export interface DashboardLayout {
+    x: number;
+    y: number;
+    w: number;
+    h: number;
+}
+export interface BlockRow {
+    id: string;
+    page_id: string;
+    type: BlockType;
+    title: string | null;
+    layout: DashboardLayout;
+    config: AnyBlockConfig;
+    filters: Record<string, unknown> | null;
+    permissions?: BlockPermissions | null;
+    created_at: string;
+    updated_at: string;
+}
+export interface BlockPermissions {
+    can_view_ai?: boolean;
+    can_edit?: boolean;
+    viewer_roles?: string[];
+}
+export interface AlertEventRow {
+    id: string;
+    block_id: string;
+    page_id: string;
+    user_id: string;
+    severity: 'info' | 'warning' | 'critical';
+    value: number | null;
+    threshold: number | null;
+    message: string | null;
+    acknowledged: boolean;
+    created_at: string;
+}
+export interface DailyReportRow {
+    id: string;
+    user_id: string;
+    page_id: string;
+    summary: string;
+    highlights: Record<string, unknown> | null;
+    created_at: string;
+}
+export interface PageRow {
+    id: string;
+    user_id: string;
+    name: string;
+    icon: string | null;
+    is_default: boolean;
+    sort_order: number;
+    shared_with: string[] | null;
+    created_at: string;
+    updated_at: string;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist-lib/components/dashboard/types.d.ts.map

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

package/dist-lib/components/dashboard/types.js

@@ -0,0 +1 @@
+export {};

package/dist-lib/hooks/useAlertEvents.d.ts

@@ -0,0 +1,9 @@
+import type { AlertEventRow } from '../components/dashboard/types';
+export declare function useAlertEvents(pageId: string | null): {
+    events: AlertEventRow[];
+    loading: boolean;
+    reload: () => Promise<void>;
+    acknowledge: (id: string) => Promise<void>;
+    remove: (id: string) => Promise<void>;
+};
+//# sourceMappingURL=useAlertEvents.d.ts.map

package/dist-lib/hooks/useAlertEvents.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useAlertEvents.d.ts","sourceRoot":"","sources":["../../src/hooks/useAlertEvents.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,8BAA8B,CAAC;AAElE,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;;;;sBAmBP,MAAM;iBAKX,MAAM;EAM7C"}

package/dist-lib/hooks/useAlertEvents.js

@@ -0,0 +1,32 @@
+import { useCallback, useEffect, useState } from 'react';
+import { supabase } from '@flowselections/core';
+export function useAlertEvents(pageId) {
+    const [events, setEvents] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        if (!pageId) {
+            setEvents([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        const { data } = await supabase
+            .from('dashboard_alert_events')
+            .select('*')
+            .eq('page_id', pageId)
+            .order('created_at', { ascending: false })
+            .limit(50);
+        setEvents(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, [pageId]);
+    useEffect(() => { load(); }, [load]);
+    const acknowledge = useCallback(async (id) => {
+        await supabase.from('dashboard_alert_events').update({ acknowledged: true }).eq('id', id);
+        await load();
+    }, [load]);
+    const remove = useCallback(async (id) => {
+        await supabase.from('dashboard_alert_events').delete().eq('id', id);
+        await load();
+    }, [load]);
+    return { events, loading, reload: load, acknowledge, remove };
+}