@factorialco/f0-react 1.408.0 → 1.409.0

package/dist/{f0.css → F0AnalyticsDashboard.css}

@@ -1 +1 @@
-.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack-animate .grid-stack-item.grid-stack-placeholder{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0%}.grid-stack-item .ui-resizable-handle{bottom:12px;right:12px;--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:.625rem}.grid-stack-item .ui-resizable-se:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1904 11.6904C17.4443 11.4366 17.8565 11.4366 18.1104 11.6904C18.3641 11.9443 18.3642 12.3565 18.1104 12.6104L12.6104 18.1104C12.3565 18.3642 11.9443 17.3641 11.6904 18.1104C11.4366 17.8565 11.4366 17.4443 11.6904 17.1904L17.1904 11.6904ZM16.1904 6.19043C16.4443 5.93659 16.8565 5.93659 17.1104 6.19043C17.3641 6.44427 17.3642 6.85653 17.1104 7.11035L7.11035 17.1104C6.85653 17.3642 6.44427 17.3641 6.19043 17.1104C5.93659 16.8565 5.93659 16.4443 6.19043 16.1904L16.1904 6.19043Z' fill='%23A1ABBD'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:100%;background-color:#fff}.ui-draggable-dragging>.grid-stack-item-content{background-color:transparent!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui-draggable-dragging>.grid-stack-item-content>*{transform-origin:24px 24px;--tw-scale-x: .95 !important;--tw-scale-y: .95 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;cursor:grabbing;border-radius:.875rem;border-color:hsl(var(--neutral-40));--tw-shadow: 0 6px 12px 0 hsl(var(--shadow)/.06),0 16px 24px -12px hsl(var(--shadow)/.05);--tw-shadow-colored: 0 6px 12px 0 var(--tw-shadow-color), 0 16px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui.draggable-dragging{cursor:grabbing!important}.grid-stack-placeholder>.placeholder-content{border-radius:.875rem;background-color:hsl(var(--neutral-100) / .05);opacity:.5;--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grid-stack-item>.grid-stack-item-content{overflow:visible!important}.ui-resizable-resizing>.grid-stack-item-content{border-radius:.875rem}
+.grid-stack{position:relative}.grid-stack-rtl{direction:ltr}.grid-stack-rtl>.grid-stack-item{direction:rtl}.grid-stack-placeholder>.placeholder-content{background-color:#0000001a;margin:0;position:absolute;width:auto;z-index:0!important}.grid-stack>.grid-stack-item{position:absolute;padding:0;top:0;left:0;width:var(--gs-column-width);height:var(--gs-cell-height)}.grid-stack>.grid-stack-item>.grid-stack-item-content{margin:0;position:absolute;width:auto;overflow-x:hidden;overflow-y:auto}.grid-stack>.grid-stack-item.size-to-content:not(.size-to-content-max)>.grid-stack-item-content{overflow-y:hidden}.grid-stack>.grid-stack-item>.grid-stack-item-content,.grid-stack>.grid-stack-placeholder>.placeholder-content{top:var(--gs-item-margin-top);right:var(--gs-item-margin-right);bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-handle{position:absolute;font-size:.1px;display:block;touch-action:none}.grid-stack-item.ui-resizable-disabled>.ui-resizable-handle,.grid-stack-item.ui-resizable-autohide>.ui-resizable-handle{display:none}.grid-stack-item>.ui-resizable-ne,.grid-stack-item>.ui-resizable-nw,.grid-stack-item>.ui-resizable-se,.grid-stack-item>.ui-resizable-sw{background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" fill="none" stroke="%23666" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 20 20"><path d="m10 3 2 2H8l2-2v14l-2-2h4l-2 2"/></svg>');background-repeat:no-repeat;background-position:center}.grid-stack-item>.ui-resizable-ne{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-sw{transform:rotate(45deg)}.grid-stack-item>.ui-resizable-nw{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-se{transform:rotate(-45deg)}.grid-stack-item>.ui-resizable-nw{cursor:nw-resize;width:20px;height:20px;top:var(--gs-item-margin-top);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-n{cursor:n-resize;height:10px;top:var(--gs-item-margin-top);left:25px;right:25px}.grid-stack-item>.ui-resizable-ne{cursor:ne-resize;width:20px;height:20px;top:var(--gs-item-margin-top);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-e{cursor:e-resize;width:10px;top:15px;bottom:15px;right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-se{cursor:se-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);right:var(--gs-item-margin-right)}.grid-stack-item>.ui-resizable-s{cursor:s-resize;height:10px;left:25px;bottom:var(--gs-item-margin-bottom);right:25px}.grid-stack-item>.ui-resizable-sw{cursor:sw-resize;width:20px;height:20px;bottom:var(--gs-item-margin-bottom);left:var(--gs-item-margin-left)}.grid-stack-item>.ui-resizable-w{cursor:w-resize;width:10px;top:15px;bottom:15px;left:var(--gs-item-margin-left)}.grid-stack-item.ui-draggable-dragging>.ui-resizable-handle{display:none!important}.grid-stack-item.ui-draggable-dragging{will-change:left,top}.grid-stack-item.ui-resizable-resizing{will-change:width,height}.ui-draggable-dragging,.ui-resizable-resizing{z-index:10000}.ui-draggable-dragging>.grid-stack-item-content,.ui-resizable-resizing>.grid-stack-item-content{box-shadow:1px 4px 6px #0003;opacity:.8}.grid-stack-animate,.grid-stack-animate .grid-stack-item{transition:left .3s,top .3s,height .3s,width .3s}.grid-stack-animate .grid-stack-item.ui-draggable-dragging,.grid-stack-animate .grid-stack-item.ui-resizable-resizing,.grid-stack-animate .grid-stack-item.grid-stack-placeholder{transition:left 0s,top 0s,height 0s,width 0s}.grid-stack>.grid-stack-item[gs-y="0"]{top:0}.grid-stack>.grid-stack-item[gs-x="0"]{left:0%}.grid-stack-item .ui-resizable-handle{bottom:12px;right:12px;--tw-rotate: 0deg;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));overflow:hidden;border-radius:.625rem}.grid-stack-item .ui-resizable-se:after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.1904 11.6904C17.4443 11.4366 17.8565 11.4366 18.1104 11.6904C18.3641 11.9443 18.3642 12.3565 18.1104 12.6104L12.6104 18.1104C12.3565 18.3642 11.9443 17.3641 11.6904 18.1104C11.4366 17.8565 11.4366 17.4443 11.6904 17.1904L17.1904 11.6904ZM16.1904 6.19043C16.4443 5.93659 16.8565 5.93659 17.1104 6.19043C17.3641 6.44427 17.3642 6.85653 17.1104 7.11035L7.11035 17.1104C6.85653 17.3642 6.44427 17.3641 6.19043 17.1104C5.93659 16.8565 5.93659 16.4443 6.19043 16.1904L16.1904 6.19043Z' fill='%23A1ABBD'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:center;background-size:contain;width:100%;height:100%;background-color:#fff}.ui-draggable-dragging>.grid-stack-item-content{background-color:transparent!important;--tw-shadow: 0 0 #0000 !important;--tw-shadow-colored: 0 0 #0000 !important;box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)!important;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui-draggable-dragging>.grid-stack-item-content>*{transform-origin:24px 24px;--tw-scale-x: .95 !important;--tw-scale-y: .95 !important;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))!important;cursor:grabbing;border-radius:.875rem;border-color:hsl(var(--neutral-40));--tw-shadow: 0 6px 12px 0 hsl(var(--shadow)/.06),0 16px 24px -12px hsl(var(--shadow)/.05);--tw-shadow-colored: 0 6px 12px 0 var(--tw-shadow-color), 0 16px 24px -12px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow);transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.2s;animation-duration:.2s}.ui.draggable-dragging{cursor:grabbing!important}.grid-stack-placeholder>.placeholder-content{border-radius:.875rem;background-color:hsl(var(--neutral-100) / .05);opacity:.5;--tw-blur: blur(2px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grid-stack-item>.grid-stack-item-content{overflow:visible!important}.ui-resizable-resizing>.grid-stack-item-content{border-radius:.875rem}._rfx31ssb:before{border-radius:50%}._15m6ys7w:before{border-color:var(--stroke-color)}._3l8810ly:before{border-width:var(--stroke-width)}._kzdanqa1:before{border-style:solid}._13y0usvi:before{box-sizing:border-box}._154ifghn{top:var(--line-main-axis-start)}._154ihv0e{top:var(--main-axis-offset)}._19wo70hn:before{bottom:var(--terminal-cross-axis-offset)}._1auk70hn:before{top:var(--terminal-cross-axis-offset)}._1aukuj5p:before{top:var(--terminal-main-axis-start)}._1bsb10ly{width:var(--stroke-width)}._1cs8stnw:before{position:absolute}._1e02fghn{inset-inline-start:var(--line-main-axis-start)}._1e0c1ule{display:block}._1kt9b3bt:before{content:""}._1ltvhv0e{left:var(--main-axis-offset)}._1mp4vjfa:before{width:var(--terminal-diameter)}._1pbykb7n{z-index:1}._1xi2hv0e{right:var(--main-axis-offset)}._4t3i10ly{height:var(--stroke-width)}._94n5hv0e{bottom:var(--main-axis-offset)}._94n5idpf{bottom:0}._bfhkys7w{background-color:var(--stroke-color)}._cfu11ld9:before{display:var(--terminal-display)}._kfgtvjfa:before{height:var(--terminal-diameter)}._kqswstnw{position:absolute}._lcxvglyw{pointer-events:none}._ooun70hn:before{right:var(--terminal-cross-axis-offset)}._qnec70hn:before{left:var(--terminal-cross-axis-offset)}._rjxpidpf{inset-inline-end:0}._z5wtuj5p:before{inset-inline-start:var(--terminal-main-axis-start)}

package/dist/F0ChatDashboard-Cb5hmJwl.js

@@ -0,0 +1,292 @@
+import { jsx as $ } from "react/jsx-runtime";
+import { useRef as w, useCallback as v, useState as j, useEffect as R, useMemo as D } from "react";
+import { F as P } from "./F0AnalyticsDashboard-BpLckkpk.js";
+function _(t, e, n) {
+  const r = w(null), y = w(), i = w(t);
+  i.current = t;
+  const l = w(e);
+  l.current = e;
+  const b = w(n);
+  b.current = n;
+  const u = v(
+    (h, f) => {
+      const S = `${b.current}:${JSON.stringify(f)}`;
+      if (r.current?.key === S)
+        return r.current.promise.then(
+          (d) => d.results[h] ?? { error: "No result for item" }
+        );
+      r.current?.controller.abort();
+      const o = new AbortController(), s = i.current, a = l.current, g = {};
+      for (const [d, m] of Object.entries(f))
+        Array.isArray(m) && m.length > 0 && (g[d] = m.map(String));
+      const c = {
+        fetchSpecs: s.fetchSpecs,
+        items: s.items,
+        filters: s.filters,
+        filterValues: Object.keys(g).length > 0 ? g : void 0
+      }, F = fetch(`${a.baseUrl}/dashboard/compute`, {
+        method: "POST",
+        credentials: "include",
+        headers: {
+          "Content-Type": "application/json",
+          ...a.headers
+        },
+        body: JSON.stringify(c),
+        signal: o.signal
+      }).then(async (d) => {
+        if (!d.ok) {
+          const k = await d.text().catch(() => "");
+          throw new Error(`Dashboard compute failed: ${d.status} ${k}`);
+        }
+        const m = await d.json();
+        return y.current = m, m;
+      });
+      return r.current = { key: S, promise: F, controller: o }, F.then(
+        (d) => d.results[h] ?? { error: "No result for item" }
+      );
+    },
+    []
+  ), p = v(
+    () => y.current?.filterOptions,
+    []
+  );
+  return { fetchItem: u, getFilterOptions: p };
+}
+function A(t) {
+  if (t)
+    switch (t.type) {
+      case "number":
+        return (e) => e.toLocaleString();
+      case "currency": {
+        const e = t.currency ?? "EUR";
+        return (n) => {
+          try {
+            return n.toLocaleString(void 0, {
+              style: "currency",
+              currency: e,
+              maximumFractionDigits: 0
+            });
+          } catch {
+            return `${n}`;
+          }
+        };
+      }
+      case "percent":
+        return (e) => `${e}%`;
+      case "compact":
+        return (e) => Math.abs(e) >= 1e6 ? `${(e / 1e6).toFixed(1)}M` : Math.abs(e) >= 1e3 ? `${(e / 1e3).toFixed(1)}k` : `${e}`;
+      default:
+        return;
+    }
+}
+function I(t) {
+  const e = A(
+    "valueFormat" in t ? t.valueFormat : void 0
+  );
+  switch (t.type) {
+    case "bar": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "line": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "funnel": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "radar": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "pie": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "gauge": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+    case "heatmap": {
+      const { valueFormat: n, ...r } = t;
+      return { ...r, ...e ? { valueFormatter: e } : {} };
+    }
+  }
+}
+const x = 20;
+function C({
+  config: t,
+  apiConfig: e,
+  refreshKey: n = 0,
+  editMode: r,
+  onLayoutChange: y
+}) {
+  const { fetchItem: i, getFilterOptions: l } = _(
+    t,
+    e,
+    n
+  ), [b, u] = j(), p = w(!1);
+  R(() => {
+    p.current = !1;
+  }, [n]), R(() => {
+    if (p.current) return;
+    const o = setInterval(() => {
+      const s = l();
+      s && (u(s), p.current = !0, clearInterval(o));
+    }, 100);
+    return () => clearInterval(o);
+  }, [l, n]);
+  const h = D(() => {
+    const o = t.filters;
+    if (!o || Object.keys(o).length === 0 || !b) return;
+    const s = {};
+    for (const [a, g] of Object.entries(o)) {
+      const c = b[a] ?? [];
+      c.length !== 0 && (s[a] = {
+        type: "in",
+        label: g.label,
+        options: {
+          options: c.map((F) => ({ value: F, label: F }))
+        }
+      });
+    }
+    if (Object.keys(s).length !== 0)
+      return s;
+  }, [t.filters, b]), f = v(
+    (o) => (s) => {
+      const a = {};
+      for (const [g, c] of Object.entries(s))
+        Array.isArray(c) && c.length > 0 && (a[g] = c);
+      return i(o, a).then((g) => {
+        const c = l();
+        return c && !p.current && (u(c), p.current = !0), g;
+      });
+    },
+    [i, l]
+  ), S = D(
+    () => t.items.map((o) => {
+      switch (o.type) {
+        case "chart":
+          return E(o, f(o.id));
+        case "metric":
+          return L(o, f(o.id));
+        case "collection":
+          return M(o, f(o.id));
+      }
+    }),
+    [t.items, f]
+  );
+  return /* @__PURE__ */ $(
+    P,
+    {
+      filters: h,
+      items: S,
+      editMode: r,
+      onLayoutChange: y
+    },
+    n
+  );
+}
+C.displayName = "F0ChatDashboard";
+function E(t, e) {
+  return {
+    id: t.id,
+    title: t.title,
+    description: O(t.description, t.sourceDescription),
+    colSpan: t.colSpan,
+    rowSpan: t.rowSpan,
+    x: t.x,
+    y: t.y,
+    type: "chart",
+    chart: I(t.chart),
+    fetchData: (n) => e(n).then((r) => r.chart ?? { categories: [], series: [] })
+  };
+}
+function O(t, e) {
+  return e ? t ? `${t}
+${e}` : e : t;
+}
+function L(t, e) {
+  return {
+    id: t.id,
+    title: t.title,
+    description: O(t.description, t.sourceDescription),
+    colSpan: t.colSpan,
+    rowSpan: t.rowSpan,
+    x: t.x,
+    y: t.y,
+    type: "metric",
+    format: t.format,
+    decimals: t.decimals,
+    fetchData: (n) => e(n).then((r) => r.metric ?? { value: 0 })
+  };
+}
+function M(t, e) {
+  return {
+    id: t.id,
+    title: t.title,
+    description: O(t.description, t.sourceDescription),
+    colSpan: t.colSpan ?? 12,
+    rowSpan: t.rowSpan,
+    x: t.x,
+    y: t.y,
+    type: "collection",
+    createSource: (n) => {
+      let r = null;
+      const y = e(n).then((i) => (r = i.collection?.rows ?? [], r));
+      return {
+        dataAdapter: {
+          paginationType: "pages",
+          perPage: x,
+          fetchData: async ({
+            pagination: i,
+            search: l
+          }) => {
+            let u = r ?? await y;
+            if (l) {
+              const o = l.toLowerCase();
+              u = u.filter(
+                (s) => Object.values(s).some(
+                  (a) => a != null && String(a).toLowerCase().includes(o)
+                )
+              );
+            }
+            const p = i?.currentPage ?? 1, h = i?.perPage ?? x, f = (p - 1) * h;
+            return {
+              type: "pages",
+              records: u.slice(f, f + h),
+              total: u.length,
+              currentPage: p,
+              perPage: h,
+              pagesCount: Math.ceil(u.length / h)
+            };
+          }
+        },
+        search: {
+          enabled: !0,
+          sync: !0
+        }
+      };
+    },
+    visualizations: [
+      {
+        type: "table",
+        options: {
+          columns: t.columns.map((n) => ({
+            label: n.label,
+            id: n.id,
+            ...n.width ? { width: n.width } : {},
+            render: (r) => {
+              const y = r[n.id];
+              return y == null ? "-" : String(y);
+            }
+          }))
+        }
+      }
+    ]
+  };
+}
+export {
+  C as F
+};

package/dist/F0ChatDashboard.d.ts

@@ -0,0 +1,364 @@
+import { JSX as JSX_2 } from 'react';
+
+export declare type AggregationType = "count" | "sum" | "avg" | "min" | "max" | "countDistinct";
+
+export declare interface ChartComputation {
+    datasetId: string;
+    xAxis: string;
+    yAxis: string;
+    aggregation: AggregationType;
+    series?: string;
+    sortBy?: "value" | "category";
+    sortOrder?: "asc" | "desc";
+    limit?: number;
+}
+
+export declare interface ChatDashboardBarChartConfig extends ChatDashboardChartConfigBase {
+    type: "bar";
+    orientation?: "vertical" | "horizontal";
+    stacked?: boolean;
+}
+
+export declare type ChatDashboardChartConfig = ChatDashboardBarChartConfig | ChatDashboardLineChartConfig | ChatDashboardFunnelChartConfig | ChatDashboardRadarChartConfig | ChatDashboardPieChartConfig | ChatDashboardGaugeChartConfig | ChatDashboardHeatmapChartConfig;
+
+declare interface ChatDashboardChartConfigBase {
+    showLegend?: boolean;
+    showGrid?: boolean;
+    showLabels?: boolean;
+    valueFormat?: FormatPreset;
+}
+
+export declare interface ChatDashboardChartItem extends ChatDashboardItemBase {
+    type: "chart";
+    chart: ChatDashboardChartConfig;
+    computation: ChartComputation | RadarComputation | PieComputation | GaugeComputation | HeatmapComputation;
+}
+
+export declare interface ChatDashboardCollectionItem extends ChatDashboardItemBase {
+    type: "collection";
+    columns: ChatDashboardColumn[];
+    computation: CollectionComputation;
+}
+
+export declare interface ChatDashboardColumn {
+    /** Column key — must match a key in each row object */
+    id: string;
+    /** Display header label */
+    label: string;
+    /** Optional fixed width in pixels */
+    width?: number;
+}
+
+/**
+ * Complete dashboard configuration received via `displayDashboard`.
+ * Contains fetchSpecs that describe how to obtain data server-side —
+ * no raw data is included. Fully JSON-serializable.
+ */
+export declare interface ChatDashboardConfig {
+    /** Dashboard title displayed in the canvas header and chat report card */
+    title: string;
+    /** Filter definitions — keys become filter IDs */
+    filters?: Record<string, ChatDashboardFilterDefinition>;
+    /** Ordered list of dashboard items with computation specs */
+    items: ChatDashboardItem[];
+    /** Fetch specs for server-side data retrieval, keyed by datasetId */
+    fetchSpecs: Record<string, DashboardFetchSpec>;
+}
+
+export declare interface ChatDashboardFilterDefinition {
+    type: "in";
+    label: string;
+    column: string;
+    datasetId: string;
+}
+
+export declare interface ChatDashboardFunnelChartConfig {
+    type: "funnel";
+    sort?: "descending" | "ascending" | "none";
+    orient?: "horizontal" | "vertical";
+    labelPosition?: "inside" | "outside";
+    showLegend?: boolean;
+    showLabels?: boolean;
+    showConversion?: boolean;
+    valueFormat?: FormatPreset;
+}
+
+declare interface ChatDashboardGaugeChartConfig {
+    type: "gauge";
+    min?: number;
+    max?: number;
+    showValue?: boolean;
+    valueFormat?: FormatPreset;
+}
+
+declare interface ChatDashboardHeatmapChartConfig {
+    type: "heatmap";
+    min?: number;
+    max?: number;
+    showLabels?: boolean;
+    showVisualMap?: boolean;
+    valueFormat?: FormatPreset;
+}
+
+export declare type ChatDashboardItem = ChatDashboardChartItem | ChatDashboardMetricItem | ChatDashboardCollectionItem;
+
+declare interface ChatDashboardItemBase {
+    id: string;
+    title: string;
+    description?: string;
+    /** Source attribution shown as a subtitle (e.g. "Based on 8 feedbacks from 3 evaluators") */
+    sourceDescription?: string;
+    colSpan?: number;
+    rowSpan?: number;
+    x?: number;
+    y?: number;
+}
+
+export declare interface ChatDashboardLineChartConfig extends ChatDashboardChartConfigBase {
+    type: "line";
+    lineType?: "linear" | "smooth" | "step";
+    showArea?: boolean;
+    showDots?: boolean;
+}
+
+export declare type ChatDashboardMetricFormat = {
+    type: "number";
+} | {
+    type: "currency";
+    currency?: string;
+} | {
+    type: "percent";
+} | {
+    type: "custom";
+    suffix?: string;
+    prefix?: string;
+};
+
+export declare interface ChatDashboardMetricItem extends ChatDashboardItemBase {
+    type: "metric";
+    format?: ChatDashboardMetricFormat;
+    decimals?: number;
+    computation: MetricComputation;
+}
+
+declare interface ChatDashboardPieChartConfig {
+    type: "pie";
+    innerRadius?: number;
+    showLegend?: boolean;
+    showLabels?: boolean;
+    showPercentage?: boolean;
+    valueFormat?: FormatPreset;
+}
+
+declare interface ChatDashboardRadarChartConfig extends ChatDashboardChartConfigBase {
+    type: "radar";
+    showArea?: boolean;
+}
+
+export declare interface CollectionComputation {
+    datasetId: string;
+    sortBy?: string;
+    sortOrder?: "asc" | "desc";
+    limit?: number;
+}
+
+export declare interface DashboardFetchSpec {
+    fetch: Array<{
+        toolId: string;
+        args: Record<string, unknown>;
+    }>;
+    query: string | null;
+    columnLabels?: Record<string, string>;
+}
+
+/**
+ * Minimal descriptor of a dashboard item's position and size.
+ * Used by `onLayoutChange` so the consumer can reconcile layout
+ * edits against its own source-of-truth config items.
+ */
+declare type DashboardItemLayout = {
+    id: string;
+    colSpan: number;
+    rowSpan: number;
+    x: number;
+    y: number;
+};
+
+/**
+ * Renders an F0AnalyticsDashboard from a server-computed config.
+ *
+ * All data computation happens server-side via POST /api/dashboard/compute.
+ * Multiple widget fetchData calls within the same filter state share a
+ * single batch request.
+ */
+export declare function F0ChatDashboard({ config, apiConfig, refreshKey, editMode, onLayoutChange, }: F0ChatDashboardProps): JSX_2.Element;
+
+export declare namespace F0ChatDashboard {
+    var displayName: string;
+}
+
+export declare interface F0ChatDashboardProps {
+    config: ChatDashboardConfig;
+    apiConfig: {
+        baseUrl: string;
+        headers: Record<string, string>;
+    };
+    refreshKey?: number;
+    editMode?: boolean;
+    onLayoutChange?: (layout: DashboardItemLayout[]) => void;
+}
+
+/**
+ * A preset formatting instruction the LLM can specify instead of a
+ * real formatter function. The wrapper component maps these to actual
+ * `(value: number) => string` functions at render time.
+ */
+export declare type FormatPreset = {
+    type: "number";
+} | {
+    type: "currency";
+    currency?: string;
+} | {
+    type: "percent";
+} | {
+    type: "compact";
+};
+
+declare interface GaugeComputation {
+    datasetId: string;
+    aggregation: AggregationType;
+    column?: string;
+    min?: number;
+    max?: number;
+    name?: string;
+}
+
+declare interface HeatmapComputation {
+    datasetId: string;
+    xAxis: string;
+    yAxis: string;
+    valueColumn: string;
+    aggregation: AggregationType;
+}
+
+export declare interface MetricComputation {
+    datasetId: string;
+    aggregation: AggregationType;
+    column?: string;
+}
+
+declare interface PieComputation {
+    datasetId: string;
+    nameColumn: string;
+    valueColumn: string;
+    aggregation: AggregationType;
+    sortBy?: "value" | "name";
+    sortOrder?: "asc" | "desc";
+    limit?: number;
+}
+
+declare interface RadarComputation {
+    datasetId: string;
+    seriesColumn: string;
+    indicators: Array<{
+        column: string;
+        label: string;
+        max?: number;
+    }>;
+    limit?: number;
+    sortBy?: string;
+    sortOrder?: "asc" | "desc";
+}
+
+export { }
+
+
+declare global {
+    interface Window {
+        XRay: {
+            enable: (filter?: ComponentTypes[]) => void;
+            disable: () => void;
+        };
+    }
+}
+
+
+declare namespace _DaytimePage {
+    var displayName: string;
+}
+
+
+declare namespace _Page {
+    var displayName: string;
+}
+
+declare module "gridstack" {
+    interface GridStackWidget {
+        id?: string;
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+        meta?: Record<string, unknown>;
+    }
+    interface GridStackNode {
+        allowedSizes?: Array<{
+            w: number;
+            h: number;
+        }>;
+    }
+}
+
+
+declare namespace Calendar {
+    var displayName: string;
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        enhanceHighlight: {
+            setEnhanceHighlight: (from: number, to: number) => ReturnType;
+            clearEnhanceHighlight: () => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        aiBlock: {
+            insertAIBlock: (data: AIBlockData, config: AIBlockConfig) => ReturnType;
+            executeAIAction: (actionType: string, config: AIBlockConfig) => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        moodTracker: {
+            insertMoodTracker: (data: MoodTrackerData) => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        transcript: {
+            insertTranscript: (data: TranscriptData) => ReturnType;
+        };
+    }
+}
+
+
+declare module "@tiptap/core" {
+    interface Commands<ReturnType> {
+        videoEmbed: {
+            setVideoEmbed: (options: {
+                src: string;
+            }) => ReturnType;
+        };
+    }
+}

package/dist/F0ChatDashboard.js

@@ -0,0 +1,4 @@
+import { F as r } from "./F0ChatDashboard-Cb5hmJwl.js";
+export {
+  r as F0ChatDashboard
+};