@flowselections/dashboard-erp-kwekers 1.0.1

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

@@ -0,0 +1,10 @@
+import type { AnyBlockConfig, BlockType } from '../components/dashboard/types';
+export interface BlockData {
+    loading: boolean;
+    error: string | null;
+    kpiValue?: number;
+    rows?: any[];
+    reload: () => void;
+}
+export declare function useBlockData(type: BlockType, config: AnyBlockConfig | null): BlockData;
+//# sourceMappingURL=useBlockData.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useBlockData.d.ts","sourceRoot":"","sources":["../../src/hooks/useBlockData.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,cAAc,EAAE,SAAS,EAAoD,MAAM,8BAA8B,CAAC;AAgBhI,MAAM,WAAW,SAAS;IACxB,OAAO,EAAE,OAAO,CAAC;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,IAAI,CAAC,EAAE,GAAG,EAAE,CAAC;IACb,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,YAAY,CAAC,IAAI,EAAE,SAAS,EAAE,MAAM,EAAE,cAAc,GAAG,IAAI,GAAG,SAAS,CAuFtF"}

package/dist-lib/hooks/useBlockData.js

@@ -0,0 +1,130 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useServerFn } from '@tanstack/react-start';
+import { runBlockQuery } from '../lib/query.functions';
+import { useGlobalFilter } from '../components/dashboard/FilterBar';
+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;
+}
+export function useBlockData(type, config) {
+    const [loading, setLoading] = useState(true);
+    const [error, setError] = useState(null);
+    const [kpiValue, setKpiValue] = useState();
+    const [rows, setRows] = useState();
+    const run = useServerFn(runBlockQuery);
+    const { filter } = useGlobalFilter();
+    const load = useCallback(async () => {
+        if (!config) {
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            // Default to 'created_at' so the global periode-filter ook geldt
+            // voor KPI/table/chart blokken die zelf geen datum-kolom benoemen.
+            const dateCol = config.xColumn || config.orderBy || 'created_at';
+            const baseFilters = [];
+            if (config.filterColumn && config.filterValue) {
+                baseFilters.push({ column: config.filterColumn, op: 'eq', value: config.filterValue });
+            }
+            // Self-applied period filter (wizard / kant-en-klaar)
+            const df = config.dateFilter;
+            if (df && df.column && df.days > 0) {
+                const since = new Date(Date.now() - df.days * 86400000).toISOString();
+                baseFilters.push({ column: df.column, op: 'gte', value: since });
+            }
+            if (dateCol && filter.from)
+                baseFilters.push({ column: dateCol, op: 'gte', value: filter.from });
+            if (dateCol && filter.to)
+                baseFilters.push({ column: dateCol, op: 'lte', value: filter.to });
+            if (type === 'kpi') {
+                const c = config;
+                if (!c.table) {
+                    setKpiValue(0);
+                    return;
+                }
+                if (c.agg === 'count') {
+                    const res = await run({ data: { table: c.table, mode: 'count', filters: baseFilters } });
+                    setKpiValue(res.count ?? 0);
+                }
+                else {
+                    if (!c.column) {
+                        setKpiValue(0);
+                        return;
+                    }
+                    const res = await run({ data: { table: c.table, mode: 'aggregate', agg: c.agg, aggColumn: c.column, filters: baseFilters, limit: 5000 } });
+                    setKpiValue(res.value ?? 0);
+                }
+            }
+            else if (type === 'table') {
+                const c = config;
+                if (!c.table) {
+                    setRows([]);
+                    return;
+                }
+                const res = await run({ data: { table: c.table, mode: 'select', columns: c.columns ?? [], orderBy: c.orderBy ?? null, orderDir: c.orderDir ?? 'desc', limit: c.limit ?? 50, filters: baseFilters } });
+                let out = Array.isArray(res.rows) ? res.rows : [];
+                if (filter.search) {
+                    const s = filter.search.toLowerCase();
+                    out = out.filter(r => Object.values(r ?? {}).some(v => String(v ?? '').toLowerCase().includes(s)));
+                }
+                setRows(out);
+            }
+            else if (type === 'chart') {
+                const c = config;
+                if (!c.table || !c.xColumn || !c.yColumn) {
+                    setRows([]);
+                    return;
+                }
+                const cols = c.groupColumn ? [c.xColumn, c.yColumn, c.groupColumn] : [c.xColumn, c.yColumn];
+                const res = await run({ data: { table: c.table, mode: 'select', columns: cols, limit: c.limit ?? 1000, filters: baseFilters } });
+                const data = Array.isArray(res.rows) ? res.rows : [];
+                // Detect date/timestamp x-axis: group by day instead of by raw timestamp
+                const xLower = c.xColumn.toLowerCase();
+                const xIsDate = xLower.endsWith('_at') || xLower.endsWith('_date') || xLower === 'date';
+                const bucketKey = (raw) => {
+                    if (!xIsDate)
+                        return String(raw ?? '');
+                    const d = new Date(raw);
+                    if (Number.isNaN(d.getTime()))
+                        return String(raw ?? '');
+                    return d.toISOString().slice(0, 10); // YYYY-MM-DD
+                };
+                const groups = new Map();
+                for (const r of data) {
+                    const key = bucketKey(r?.[c.xColumn]);
+                    if (!groups.has(key))
+                        groups.set(key, []);
+                    groups.get(key).push(r);
+                }
+                const out = [...groups.entries()].map(([x, rs]) => ({
+                    [c.xColumn]: x,
+                    [c.yColumn]: aggregate(rs, c.yColumn, c.agg),
+                }));
+                out.sort((a, b) => String(a[c.xColumn]).localeCompare(String(b[c.xColumn])));
+                setRows(out);
+            }
+        }
+        catch (e) {
+            setError(e?.message ?? 'Fout bij laden');
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [type, config, run, filter.from, filter.to, filter.search]);
+    useEffect(() => { load(); }, [load]);
+    return { loading, error, kpiValue, rows, reload: load };
+}

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

@@ -0,0 +1,25 @@
+import type { BlockRow, BlockType, AnyBlockConfig, DashboardLayout, BlockPermissions } from '../components/dashboard/types';
+export declare function useDashboardBlocks(pageId: string | null): {
+    blocks: BlockRow[];
+    loading: boolean;
+    reload: () => Promise<void>;
+    create: (input: {
+        type: BlockType;
+        title: string;
+        config: AnyBlockConfig;
+        layout?: DashboardLayout;
+        permissions?: BlockPermissions;
+    }) => Promise<BlockRow | null>;
+    update: (id: string, patch: Partial<{
+        title: string;
+        config: AnyBlockConfig;
+        layout: DashboardLayout;
+        permissions: BlockPermissions;
+    }>) => Promise<void>;
+    remove: (id: string) => Promise<void>;
+    updateLayouts: (layouts: {
+        id: string;
+        layout: DashboardLayout;
+    }[]) => Promise<void>;
+};
+//# sourceMappingURL=useDashboardBlocks.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardBlocks.d.ts","sourceRoot":"","sources":["../../src/hooks/useDashboardBlocks.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,QAAQ,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAE3H,wBAAgB,kBAAkB,CAAC,MAAM,EAAE,MAAM,GAAG,IAAI;;;;oBAoBb;QAAE,IAAI,EAAE,SAAS,CAAC;QAAC,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,cAAc,CAAC;QAAC,MAAM,CAAC,EAAE,eAAe,CAAC;QAAC,WAAW,CAAC,EAAE,gBAAgB,CAAA;KAAE;iBAoBvH,MAAM,SAAS,OAAO,CAAC;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,cAAc,CAAC;QAAC,MAAM,EAAE,eAAe,CAAC;QAAC,WAAW,EAAE,gBAAgB,CAAA;KAAE,CAAC;iBAMzH,MAAM;6BAMM;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,MAAM,EAAE,eAAe,CAAA;KAAE,EAAE;EAO5F"}

package/dist-lib/hooks/useDashboardBlocks.js

@@ -0,0 +1,66 @@
+import { useCallback, useEffect, useState } from 'react';
+import { supabase, toast } from '@flowselections/core';
+export function useDashboardBlocks(pageId) {
+    const [blocks, setBlocks] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        if (!pageId) {
+            setBlocks([]);
+            setLoading(false);
+            return;
+        }
+        setLoading(true);
+        const { data, error } = await supabase
+            .from('dashboard_blocks')
+            .select('*')
+            .eq('page_id', pageId)
+            .order('sort_order', { ascending: true })
+            .order('created_at', { ascending: true });
+        if (error)
+            toast.error('Kon blokken niet laden');
+        setBlocks(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, [pageId]);
+    useEffect(() => { load(); }, [load]);
+    const create = useCallback(async (input) => {
+        if (!pageId)
+            return null;
+        const layout = input.layout ?? { x: 0, y: 0, w: 4, h: 4 };
+        const { data, error } = await supabase
+            .from('dashboard_blocks')
+            .insert({
+            page_id: pageId,
+            type: input.type,
+            title: input.title,
+            config: input.config,
+            layout: layout,
+            permissions: (input.permissions ?? { can_view_ai: true, can_edit: true }),
+        })
+            .select('*')
+            .single();
+        if (error) {
+            toast.error('Blok aanmaken mislukt: ' + error.message);
+            return null;
+        }
+        await load();
+        return data;
+    }, [pageId, load]);
+    const update = useCallback(async (id, patch) => {
+        const { error } = await supabase.from('dashboard_blocks').update(patch).eq('id', id);
+        if (error)
+            toast.error('Opslaan mislukt');
+        else
+            await load();
+    }, [load]);
+    const remove = useCallback(async (id) => {
+        const { error } = await supabase.from('dashboard_blocks').delete().eq('id', id);
+        if (error)
+            toast.error('Verwijderen mislukt');
+        else
+            await load();
+    }, [load]);
+    const updateLayouts = useCallback(async (layouts) => {
+        await Promise.all(layouts.map(l => supabase.from('dashboard_blocks').update({ layout: l.layout }).eq('id', l.id)));
+    }, []);
+    return { blocks, loading, reload: load, create, update, remove, updateLayouts };
+}

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

@@ -0,0 +1,10 @@
+import type { PageRow } from '../components/dashboard/types';
+export declare function useDashboardPages(): {
+    pages: PageRow[];
+    loading: boolean;
+    reload: () => Promise<void>;
+    create: (name: string) => Promise<PageRow | null>;
+    rename: (id: string, name: string) => Promise<void>;
+    remove: (id: string) => Promise<void>;
+};
+//# sourceMappingURL=useDashboardPages.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useDashboardPages.d.ts","sourceRoot":"","sources":["../../src/hooks/useDashboardPages.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAE5D,wBAAgB,iBAAiB;;;;mBAkBS,MAAM,KAAG,OAAO,CAAC,OAAO,GAAG,IAAI,CAAC;iBAelC,MAAM,QAAQ,MAAM;iBAMpB,MAAM;EAO7C"}

package/dist-lib/hooks/useDashboardPages.js

@@ -0,0 +1,56 @@
+import { useCallback, useEffect, useState } from 'react';
+import { supabase, toast } from '@flowselections/core';
+export function useDashboardPages() {
+    const [pages, setPages] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        const { data, error } = await supabase
+            .from('dashboard_pages')
+            .select('*')
+            .order('sort_order', { ascending: true })
+            .order('created_at', { ascending: true });
+        if (error)
+            toast.error('Kon dashboards niet laden');
+        setPages(Array.isArray(data) ? data : []);
+        setLoading(false);
+    }, []);
+    useEffect(() => { load(); }, [load]);
+    const create = useCallback(async (name) => {
+        const { data: userData } = await supabase.auth.getUser();
+        const uid = userData.user?.id;
+        if (!uid) {
+            toast.error('Niet ingelogd');
+            return null;
+        }
+        const { data, error } = await supabase
+            .from('dashboard_pages')
+            .insert({ name, user_id: uid })
+            .select('*')
+            .single();
+        if (error) {
+            toast.error('Aanmaken mislukt: ' + error.message);
+            return null;
+        }
+        toast.success('Dashboard aangemaakt');
+        await load();
+        return data;
+    }, [load]);
+    const rename = useCallback(async (id, name) => {
+        const { error } = await supabase.from('dashboard_pages').update({ name }).eq('id', id);
+        if (error)
+            toast.error('Hernoemen mislukt');
+        else
+            await load();
+    }, [load]);
+    const remove = useCallback(async (id) => {
+        const { error } = await supabase.from('dashboard_pages').delete().eq('id', id);
+        if (error)
+            toast.error('Verwijderen mislukt');
+        else {
+            toast.success('Verwijderd');
+            await load();
+        }
+    }, [load]);
+    return { pages, loading, reload: load, create, rename, remove };
+}

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

@@ -0,0 +1,13 @@
+export interface SchemaTable {
+    name: string;
+    columns: {
+        name: string;
+        type: string;
+    }[];
+}
+export declare function useSchema(): {
+    tables: SchemaTable[];
+    loading: boolean;
+    reload: () => Promise<void>;
+};
+//# sourceMappingURL=useSchema.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useSchema.d.ts","sourceRoot":"","sources":["../../src/hooks/useSchema.ts"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAAG,IAAI,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE;QAAE,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAA;CAAE;AAExF,wBAAgB,SAAS;;;;EAoBxB"}

package/dist-lib/hooks/useSchema.js

@@ -0,0 +1,23 @@
+import { useCallback, useEffect, useState } from 'react';
+import { useServerFn } from '@tanstack/react-start';
+import { listSchema } from '../lib/dashboard.functions';
+export function useSchema() {
+    const fn = useServerFn(listSchema);
+    const [tables, setTables] = useState([]);
+    const [loading, setLoading] = useState(true);
+    const load = useCallback(async () => {
+        setLoading(true);
+        try {
+            const res = await fn({});
+            setTables(Array.isArray(res?.tables) ? res.tables : []);
+        }
+        catch {
+            setTables([]);
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [fn]);
+    useEffect(() => { load(); }, [load]);
+    return { tables, loading, reload: load };
+}

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

@@ -0,0 +1,5 @@
+export declare function useUserRoles(): {
+    roles: string[];
+    loading: boolean;
+};
+//# sourceMappingURL=useUserRoles.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useUserRoles.d.ts","sourceRoot":"","sources":["../../src/hooks/useUserRoles.ts"],"names":[],"mappings":"AAIA,wBAAgB,YAAY;;;EAc3B"}

package/dist-lib/hooks/useUserRoles.js

@@ -0,0 +1,23 @@
+import { useEffect, useState } from 'react';
+import { useServerFn } from '@tanstack/react-start';
+import { getUserRoles } from '../lib/roles.functions';
+export function useUserRoles() {
+    const fn = useServerFn(getUserRoles);
+    const [roles, setRoles] = useState([]);
+    const [loading, setLoading] = useState(true);
+    useEffect(() => {
+        (async () => {
+            try {
+                const res = await fn({});
+                setRoles(Array.isArray(res?.roles) ? res.roles : []);
+            }
+            catch {
+                setRoles([]);
+            }
+            finally {
+                setLoading(false);
+            }
+        })();
+    }, [fn]);
+    return { roles, loading };
+}

package/dist-lib/index.d.ts

@@ -0,0 +1,17 @@
+import type { FlowModule } from "@flowselections/core";
+export * from './_core-safelist';
+export { DashboardErpLogo } from './components/DashboardErpLogo';
+export { DashboardErpLayoutPage } from './components/dashboard/DashboardErpLayoutPage';
+export { DashboardViewPage } from './components/dashboard/DashboardViewPage';
+export { DashboardBuilderPage } from './components/dashboard/DashboardBuilderPage';
+export { AiChatPanel } from './components/dashboard/ai/AiChatPanel';
+export { BlockGeneratorDialog } from './components/dashboard/ai/BlockGeneratorDialog';
+export { DashboardSummary } from './components/dashboard/DashboardSummary';
+export { FilterBar, FilterProvider, useGlobalFilter } from './components/dashboard/FilterBar';
+export { AiAnalysisBlock } from './components/dashboard/blocks/AiAnalysisBlock';
+export { ForecastBlock } from './components/dashboard/blocks/ForecastBlock';
+export { AlertBlock } from './components/dashboard/blocks/AlertBlock';
+export { AlertHistoryPanel } from './components/dashboard/AlertHistoryPanel';
+export * from './lib/aiSettings';
+export declare const dashboardErpKwekersModule: FlowModule;
+//# sourceMappingURL=index.d.ts.map

package/dist-lib/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAiBA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,cAAc,kBAAkB,CAAC;AACjC,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,+CAA+C,CAAC;AACvF,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,OAAO,EAAE,oBAAoB,EAAE,MAAM,6CAA6C,CAAC;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AACpE,OAAO,EAAE,oBAAoB,EAAE,MAAM,gDAAgD,CAAC;AACtF,OAAO,EAAE,gBAAgB,EAAE,MAAM,yCAAyC,CAAC;AAC3E,OAAO,EAAE,SAAS,EAAE,cAAc,EAAE,eAAe,EAAE,MAAM,kCAAkC,CAAC;AAC9F,OAAO,EAAE,eAAe,EAAE,MAAM,+CAA+C,CAAC;AAChF,OAAO,EAAE,aAAa,EAAE,MAAM,6CAA6C,CAAC;AAC5E,OAAO,EAAE,UAAU,EAAE,MAAM,0CAA0C,CAAC;AACtE,OAAO,EAAE,iBAAiB,EAAE,MAAM,0CAA0C,CAAC;AAC7E,cAAc,kBAAkB,CAAC;AAEjC,eAAO,MAAM,yBAAyB,EAAE,UAevC,CAAC"}

package/dist-lib/index.js

@@ -0,0 +1,47 @@
+// ============================================================================
+// src/index.ts — MODULE CONTRACT
+// ============================================================================
+// This is the most important file in your module.
+// The shell repo reads this file to know:
+//   - What nav item to show in the sidebar
+//   - What settings cards to add to the settings page
+//   - Your module's identity (id, name, version)
+//
+// WHAT TO DO:
+//   1. Replace all PLACEHOLDER values below with your module's real values
+//   2. Import your real settings card components (if any)
+//   3. Add your nav item — use `children` if you need a dropdown
+//   4. Done! You don't need to touch any other file for registration.
+// ============================================================================
+import { LayoutDashboard, LayoutGrid } from "lucide-react";
+import { AiSettingsCard } from './components/dashboard/AiSettingsCard';
+export * from './_core-safelist';
+export { DashboardErpLogo } from './components/DashboardErpLogo';
+export { DashboardErpLayoutPage } from './components/dashboard/DashboardErpLayoutPage';
+export { DashboardViewPage } from './components/dashboard/DashboardViewPage';
+export { DashboardBuilderPage } from './components/dashboard/DashboardBuilderPage';
+export { AiChatPanel } from './components/dashboard/ai/AiChatPanel';
+export { BlockGeneratorDialog } from './components/dashboard/ai/BlockGeneratorDialog';
+export { DashboardSummary } from './components/dashboard/DashboardSummary';
+export { FilterBar, FilterProvider, useGlobalFilter } from './components/dashboard/FilterBar';
+export { AiAnalysisBlock } from './components/dashboard/blocks/AiAnalysisBlock';
+export { ForecastBlock } from './components/dashboard/blocks/ForecastBlock';
+export { AlertBlock } from './components/dashboard/blocks/AlertBlock';
+export { AlertHistoryPanel } from './components/dashboard/AlertHistoryPanel';
+export * from './lib/aiSettings';
+export const dashboardErpKwekersModule = {
+    id: "dashboard_erp_kwekers",
+    name: "Dashboard ERP Kwekers",
+    version: "0.1.0",
+    nav: {
+        label: "Dashboards",
+        href: "/dashboard-erp-kwekers",
+        icon: LayoutDashboard,
+        children: [
+            { label: "Mijn Dashboards", href: "/dashboard-erp-kwekers", icon: LayoutGrid },
+        ],
+    },
+    settingsCards: [
+        { component: AiSettingsCard, order: 50 },
+    ],
+};

package/dist-lib/integrations/supabase/auth-attacher.d.ts

@@ -0,0 +1,2 @@
+export declare const attachSupabaseAuth: import("@tanstack/start-client-core").FunctionMiddlewareAfterClient<{}, unknown, undefined, undefined, undefined>;
+//# sourceMappingURL=auth-attacher.d.ts.map

package/dist-lib/integrations/supabase/auth-attacher.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth-attacher.d.ts","sourceRoot":"","sources":["../../../src/integrations/supabase/auth-attacher.ts"],"names":[],"mappings":"AAMA,eAAO,MAAM,kBAAkB,mHAQ9B,CAAA"}

package/dist-lib/integrations/supabase/auth-attacher.js

@@ -0,0 +1,12 @@
+// This file is automatically generated. Do not edit it directly.
+import { createMiddleware } from '@tanstack/react-start';
+import { supabase } from './client';
+// Must be registered as a global `functionMiddleware` in `src/start.ts`; otherwise
+// the browser never attaches the bearer token to serverFn RPCs.
+export const attachSupabaseAuth = createMiddleware({ type: 'function' }).client(async ({ next }) => {
+    const { data } = await supabase.auth.getSession();
+    const token = data.session?.access_token;
+    return next({
+        headers: token ? { Authorization: `Bearer ${token}` } : {},
+    });
+});