@factorialco/f0-react 4.5.1 → 4.7.0

package/dist/experimental.d.ts

@@ -6349,6 +6349,7 @@ export declare interface MenuCategory {
 export declare interface MenuItem extends NavigationItem {
     icon: IconType;
     badge?: number;
+    tag?: string;
 }
 
 export declare interface MenuProps {
@@ -7702,10 +7703,11 @@ declare interface PromiseState<T> {
 declare type PropertyDefinition_2<T> = {
     label: string;
     /**
-     * Optional tooltip text. When provided, displays an info icon next to the header content
-     * that shows this text in a tooltip when hovered.
+     * Optional header info. Pass a string for a short text tooltip, or a
+     * {@link TableHeaderInfo} object for a structured hoverable card. Only
+     * rendered by the table visualization's column headers.
      */
-    info?: string;
+    info?: string | TableHeaderInfo;
     /**
      * Function that extracts and formats the value from an item.
      * Should return an object matching the expected args for the specified renderer type.
@@ -8491,6 +8493,20 @@ declare type TableColumnDefinition<R extends RecordType, Sortings extends Sortin
 
 declare function TableHead({ children, width, minWidth, sortState, onSortClick, info, infoIcon, sticky, hidden, align, className, colSpan, }: TableHeadProps): JSX_2.Element;
 
+declare type TableHeaderInfo = {
+    title: string;
+    description: string;
+    link?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Accessible name for the info-icon trigger. Defaults to the column label
+     * when the header's children are a string.
+     */
+    label?: string;
+};
+
 declare interface TableHeadProps {
     children: React.ReactNode;
     /**
@@ -8527,10 +8543,11 @@ declare interface TableHeadProps {
      */
     onSortClick?: () => void;
     /**
-     * Optional tooltip text. When provided, displays an info icon next to the header content
-     * that shows this text in a tooltip when hovered.
+     * Optional header info. When provided, displays an info icon next to the
+     * header content. Pass a string for a short text tooltip, or a
+     * {@link TableHeaderInfo} object for a structured hoverable card.
      */
-    info?: string;
+    info?: string | TableHeaderInfo;
     /**
      * Icon to display when info is provided.
      * @default InfoCircleLine

package/dist/experimental.js

@@ -1,9 +1,9 @@
-import { h as pa, B as ba, i as xa, j as va, k as Dt, l as Be, m as Te, n as ya, o as p, p as J, q as ye, u as le, T as wa, r as Na, s as Ca, R as Ia, t as ka, v as ce, w as Sa, x as Nt, y as ut, z as Ve, A as Le, E as Fa, G as Aa, H as U, J as La, K as Oa, L as xe, M as mn, N as Pa, O as Ea, Q as G, S as hn, U as z, V as ke, W as _a, X as Da, Y as Ta, Z as za, _ as Ra, $ as Oe, a0 as gn, a1 as Ba, a2 as we, a3 as Ue, a4 as $a, e as pn, a5 as Ae, a6 as Ma, a7 as bn, a8 as ie, a9 as Z, aa as xn, ab as vn, ac as Wa, ad as yn, ae as pe, af as ae, ag as ja, ah as Va, ai as Ua, aj as Ha, ak as Ga, al as ve, am as Ye, an as Ka, ao as qa, ap as Ya, aq as Ja, ar as Je, as as wn, at as Za, au as Xa, av as Qa, aw as He, ax as er, ay as Nn, az as tr, aA as nr, aB as ar, aC as rr, aD as ir, aE as lr, aF as sr, aG as or, aH as ft, aI as Cn, aJ as mt, aK as In, aL as cr, aM as dr, aN as ur, aO as fr, aP as mr, aQ as Ze, aR as Xe, aS as ht, aT as kn, aU as hr, aV as Ct, aW as gr, aX as pr, aY as br, aZ as Re, a_ as xr, a$ as vr, b0 as $e, b1 as Tt, b2 as gt, b3 as yr, b4 as wr, a as Nr, b as Cr, b5 as Sn, b6 as Ir, g as kr, F as Sr, b7 as Fr, b8 as Fn, b9 as Ar, ba as An, bb as Ln, bc as Lr, bd as Or, be as Pr, bf as Er, bg as _r, bh as Dr, bi as Tr, bj as zr, bk as Rr, bl as On, bm as Br, bn as $r, bo as Mr, bp as Wr, bq as ge, br as It, bs as kt, bt as St, bu as Pn, bv as Ft, bw as En, bx as _n, by as jr, bz as Vr, bA as Ur, bB as Hr, bC as Gr, bD as Kr, bE as qr, bF as Yr, bG as zt, bH as Jr, bI as Zr, bJ as Rt, bK as Bt, bL as $t, bM as Xr, bN as Qr, bO as ei, bP as ti, bQ as Dn, bR as ni, bS as ai } from "./F0CanvasPanel-NAs7-9VU.js";
+import { h as pa, B as ba, i as xa, j as va, k as Dt, l as Be, m as ze, n as ya, o as p, p as J, q as ye, u as le, T as wa, r as Na, s as Ca, R as Ia, t as ka, v as ce, w as Sa, x as Nt, y as ut, z as Ve, A as Oe, E as Fa, G as Aa, H as U, J as La, K as Oa, L as xe, M as mn, N as Pa, O as Ea, Q as G, S as hn, U as z, V as ke, W as _a, X as Da, Y as Ta, Z as za, _ as Ra, $ as Pe, a0 as gn, a1 as Ba, a2 as we, a3 as Ue, a4 as $a, e as pn, a5 as Ae, a6 as Ma, a7 as bn, a8 as ie, a9 as Z, aa as xn, ab as vn, ac as Wa, ad as yn, ae as pe, af as ae, ag as ja, ah as Va, ai as Ua, aj as Ha, ak as Ga, al as ve, am as Ye, an as Ka, ao as qa, ap as Ya, aq as Ja, ar as Je, as as wn, at as Za, au as Xa, av as Qa, aw as He, ax as er, ay as Nn, az as tr, aA as nr, aB as ar, aC as rr, aD as ir, aE as lr, aF as sr, aG as or, aH as ft, aI as Cn, aJ as mt, aK as In, aL as cr, aM as dr, aN as ur, aO as fr, aP as mr, aQ as Ze, aR as Xe, aS as ht, aT as kn, aU as hr, aV as Ct, aW as gr, aX as pr, aY as br, aZ as Le, a_ as xr, a$ as vr, b0 as $e, b1 as Tt, b2 as gt, b3 as yr, b4 as wr, a as Nr, b as Cr, b5 as Sn, b6 as Ir, g as kr, F as Sr, b7 as Fr, b8 as Fn, b9 as Ar, ba as An, bb as Ln, bc as Lr, bd as Or, be as Pr, bf as Er, bg as _r, bh as Dr, bi as Tr, bj as zr, bk as Rr, bl as On, bm as Br, bn as $r, bo as Mr, bp as Wr, bq as ge, br as It, bs as kt, bt as St, bu as Pn, bv as Ft, bw as En, bx as _n, by as jr, bz as Vr, bA as Ur, bB as Hr, bC as Gr, bD as Kr, bE as qr, bF as Yr, bG as zt, bH as Jr, bI as Zr, bJ as Rt, bK as Bt, bL as $t, bM as Xr, bN as Qr, bO as ei, bP as ti, bQ as Dn, bR as ni, bS as ai } from "./F0CanvasPanel-NAs7-9VU.js";
 import { c3 as Jc, c2 as Zc, cf as Xc, b$ as Qc, c0 as ed, bT as td, bU as nd, ci as ad, bV as rd, bW as id, cj as ld, c1 as sd, cb as od, cc as cd, cg as dd, bX as ud, c5 as fd, c4 as md, bY as hd, bZ as gd, cd as pd, ck as bd, ce as xd, ch as vd, ca as yd, c7 as wd, c9 as Nd, c6 as Cd, b_ as Id, c8 as kd } from "./F0CanvasPanel-NAs7-9VU.js";
 import { jsx as e, jsxs as o, Fragment as X } from "react/jsx-runtime";
-import ue, { forwardRef as H, useRef as j, useTransition as ri, useState as D, useLayoutEffect as Tn, useId as pt, useContext as Pe, createContext as Qe, useEffect as W, useCallback as ne, useMemo as q, Fragment as ii, isValidElement as li, cloneElement as zn, Children as Rn } from "react";
-import { C as si, P as oi, a as Bn, M as ci, p as di, b as ui, R as Mt, c as $n, u as fi, d as mi, e as hi, f as gi, g as pi, h as Mn, S as bi, A as xi, B as vi, L as yi, i as wi, V as Ni, j as Ci, k as Ii, l as ki, O as Si } from "./useDataCollectionSource-CQy3qOAq.js";
-import { r as Fd, s as Ad, o as Ld, H as Od, t as Pd, z as Ed, a8 as _d, G as Dd, q as Td, aa as zd, a9 as Rd, Q as Bd, ad as $d, F as Md, Y as Wd, U as jd, J as Vd, af as Ud, K as Hd, Z as Gd, _ as Kd, v as qd, ab as Yd, ac as Jd, N as Zd, $ as Xd, a5 as Qd, a7 as eu, w as tu, y as nu, D as au, W as ru, ae as iu, X as lu, T as su, ag as ou, x as cu, E as du, m as uu, n as fu, a1 as mu, a2 as hu, a6 as gu, I as pu, a3 as bu, a0 as xu, a4 as vu } from "./useDataCollectionSource-CQy3qOAq.js";
+import ue, { forwardRef as H, useRef as j, useTransition as ri, useState as D, useLayoutEffect as Tn, useId as pt, useContext as Ee, createContext as Qe, useEffect as W, useCallback as ne, useMemo as q, Fragment as ii, isValidElement as li, cloneElement as zn, Children as Rn } from "react";
+import { C as si, P as oi, a as Bn, M as ci, p as di, b as ui, R as Mt, c as $n, u as fi, d as mi, e as hi, f as gi, g as pi, h as Mn, S as bi, A as xi, B as vi, L as yi, i as wi, V as Ni, j as Ci, k as Ii, l as ki, O as Si } from "./useDataCollectionSource-Coj9e5oF.js";
+import { r as Fd, s as Ad, o as Ld, H as Od, t as Pd, z as Ed, a8 as _d, G as Dd, q as Td, aa as zd, a9 as Rd, Q as Bd, ad as $d, F as Md, Y as Wd, U as jd, J as Vd, af as Ud, K as Hd, Z as Gd, _ as Kd, v as qd, ab as Yd, ac as Jd, N as Zd, $ as Xd, a5 as Qd, a7 as eu, w as tu, y as nu, D as au, W as ru, ae as iu, X as lu, T as su, ag as ou, x as cu, E as du, m as uu, n as fu, a1 as mu, a2 as hu, a6 as gu, I as pu, a3 as bu, a0 as xu, a4 as vu } from "./useDataCollectionSource-Coj9e5oF.js";
 const Fi = pa("Search", [
   ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
   ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
@@ -122,7 +122,7 @@ function Ei({ breadcrumbs: t, append: n }) {
                 isFirst: f === 0,
                 children: f === t.length - 1 ? n : void 0
               },
-              Te(d)
+              ze(d)
             ))
           }
         ),
@@ -135,7 +135,7 @@ function Ei({ breadcrumbs: t, append: n }) {
               item: l.headItem,
               isLast: !1
             },
-            `first-item-${Te(l.headItem)}`
+            `first-item-${ze(l.headItem)}`
           ),
           c && /* @__PURE__ */ o(X, { children: [
             /* @__PURE__ */ e(
@@ -153,7 +153,7 @@ function Ei({ breadcrumbs: t, append: n }) {
                 isFirst: !1,
                 children: f === l.tailItems.length - 1 ? n : void 0
               },
-              Te(d)
+              ze(d)
             ))
           ] }),
           !c && /* @__PURE__ */ e(X, { children: l.tailItems.map((d, f) => /* @__PURE__ */ e(
@@ -164,12 +164,12 @@ function Ei({ breadcrumbs: t, append: n }) {
               isFirst: !1,
               children: f === l.tailItems.length - 1 ? n : void 0
             },
-            Te(d)
+            ze(d)
           )) })
         ] })
       ]
     },
-    `breadcrumb-${Te(t.at(-1)) ?? 0}`
+    `breadcrumb-${ze(t.at(-1)) ?? 0}`
   );
 }
 const _i = ye({
@@ -369,7 +369,7 @@ const _i = ye({
 }, Se = () => {
 };
 function et() {
-  const t = Pe(Vn);
+  const t = Ee(Vn);
   return t === null ? {
     enabled: !1,
     setEnabled: Se,
@@ -451,8 +451,8 @@ const Un = ({
     !i && /* @__PURE__ */ e(Sa, { side: "left", className: "font-medium", children: l.ai.welcome })
   ] }) }) }) : null;
 }, Vt = "one_sidebar_locked", Hn = Qe(void 0);
-function Ee() {
-  const t = Pe(Hn);
+function _e() {
+  const t = Ee(Hn);
   return t === void 0 ? {
     isSmallScreen: !1,
     isLastToggleInvokedByUser: !0,
@@ -521,7 +521,7 @@ const Ut = J.create(U), Ht = {
   const [r, i] = D(!1), l = () => {
     i(!0), n(!t);
   };
-  return /* @__PURE__ */ e(Le, { mode: "wait", children: /* @__PURE__ */ e(
+  return /* @__PURE__ */ e(Oe, { mode: "wait", children: /* @__PURE__ */ e(
     "button",
     {
       className: p(
@@ -878,7 +878,7 @@ const Ut = J.create(U), Ht = {
           G,
           {
             variant: "ghost",
-            icon: Oe,
+            icon: Pe,
             size: "sm",
             hideLabel: !0,
             onClick: s,
@@ -910,7 +910,7 @@ const Ut = J.create(U), Ht = {
   ] });
 }, Ot = Qe(null), Qo = Ot.Provider;
 function ec() {
-  return Pe(Ot);
+  return Ee(Ot);
 }
 function Ki(t, n) {
   const a = n?.getItemTitle, r = n?.mode ?? "url", i = t !== null, l = t?.previousItem ?? null, s = t?.nextItem ?? null, c = t?.previousItemUrl ?? null, d = t?.nextItemUrl ?? null, f = t?.absoluteIndex ?? null, u = t?.totalItems, m = t?.hasPrevious ?? !1, h = t?.hasNext ?? !1, b = t?.goToPrevious, g = t?.goToNext;
@@ -946,7 +946,7 @@ function tc({
   oneSwitchTooltip: d,
   oneSwitchAutoOpen: f
 }) {
-  const { sidebarState: u, toggleSidebar: m } = Ee(), h = Pe(Ot), b = l ?? h ?? void 0, g = [
+  const { sidebarState: u, toggleSidebar: m } = _e(), h = Ee(Ot), b = l ?? h ?? void 0, g = [
     {
       id: t.href,
       label: t.name,
@@ -964,7 +964,7 @@ function tc({
       ),
       children: [
         /* @__PURE__ */ o("div", { className: "flex flex-grow items-center", children: [
-          /* @__PURE__ */ e(Le, { children: !i && u !== "locked" && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Oe, { children: !i && u !== "locked" && /* @__PURE__ */ e(
             J.div,
             {
               initial: { opacity: 0, width: 0 },
@@ -1180,7 +1180,7 @@ const Yi = () => {
     },
     isOpen: n,
     autoClearMinutes: i
-  }), /* @__PURE__ */ e(Le, { children: n && /* @__PURE__ */ e(
+  }), /* @__PURE__ */ e(Oe, { children: n && /* @__PURE__ */ e(
     J.div,
     {
       "aria-hidden": !n,
@@ -1301,7 +1301,7 @@ const Yi = () => {
         variant: "ghost",
         hideLabel: !0,
         label: "",
-        icon: Oe,
+        icon: Pe,
         onClick: d
       }
     ) }),
@@ -1397,7 +1397,7 @@ const Yi = () => {
               G,
               {
                 variant: "ghost",
-                icon: Oe,
+                icon: Pe,
                 size: "sm",
                 hideLabel: !0,
                 onClick: a,
@@ -1962,7 +1962,7 @@ const qt = ({
       /* @__PURE__ */ e("div", { className: "flex flex-1 flex-col", children: /* @__PURE__ */ e("div", { className: "flex flex-1 flex-row items-center gap-2 break-all", children: /* @__PURE__ */ e("span", { className: p("line-clamp-1"), children: t }) }) })
     ]
   }
-) }), ze = ({ primaryAction: t, secondaryActions: n }) => {
+) }), Re = ({ primaryAction: t, secondaryActions: n }) => {
   if (!n || n.length === 0)
     return /* @__PURE__ */ e(
       G,
@@ -2021,24 +2021,24 @@ const qt = ({
     disabled: r || !l
   } : void 0;
   return x || (x = y, y = void 0), m && u ? (b = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: x,
       secondaryActions: y ? [y] : []
     }
   ), g = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
   )) : m ? b = /* @__PURE__ */ e(
-    ze,
+    Re,
     {
       primaryAction: t[0],
       secondaryActions: t.slice(1)
     }
-  ) : u && (b = /* @__PURE__ */ e(ze, { primaryAction: x, secondaryActions: [] }), y && (g = /* @__PURE__ */ e(ze, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
+  ) : u && (b = /* @__PURE__ */ e(Re, { primaryAction: x, secondaryActions: [] }), y && (g = /* @__PURE__ */ e(Re, { primaryAction: y, secondaryActions: [] }))), /* @__PURE__ */ e("footer", { className: "rounded-bl-xl border-0 border-r-[1px] border-t-[1px] border-solid border-f1-border-secondary bg-f1-background/30 backdrop-blur-2xl", children: /* @__PURE__ */ o("div", { className: "flex flex-1 justify-between p-2", children: [
     b,
     g
   ] }) });
@@ -2259,8 +2259,8 @@ const qt = ({
           h,
           T.id
         ), oe = (T?.subItems ?? []).filter(
-          (De) => Q?.subItems?.some(
-            (ga) => ga.subId === De.subId
+          (Te) => Q?.subItems?.some(
+            (ga) => ga.subId === Te.subId
           )
         ), he = (T.subItems?.length ?? 0) === oe.length, ha = !he && oe.length > 0;
         return /* @__PURE__ */ e(
@@ -2268,14 +2268,14 @@ const qt = ({
           {
             groupView: !0,
             expanded: T.expanded ?? !1,
-            onExpand: (De) => g(T, De),
+            onExpand: (Te) => g(T, Te),
             search: i,
             entity: T,
             onSelect: l,
             onRemove: s,
             selected: he,
             partialSelected: ha,
-            showGroupIcon: a.find((De) => De.value === r)?.groupType === "team",
+            showGroupIcon: a.find((Te) => Te.value === r)?.groupType === "team",
             singleSelector: B,
             goToFirst: v,
             goToLast: C,
@@ -2367,7 +2367,7 @@ const qt = ({
     }
     const ee = F > 0 && K === F, Y = K > 0;
     return [ee, Y];
-  }, [n, k, t]), Ce = te.length, se = !B && (y || N), it = O && O.length > 0, _e = !w && (!B && se || it);
+  }, [n, k, t]), Ce = te.length, se = !B && (y || N), it = O && O.length > 0, De = !w && (!B && se || it);
   return /* @__PURE__ */ o(
     "div",
     {
@@ -2418,7 +2418,7 @@ const qt = ({
           {
             className: p(
               "flex-grow-1 flex h-96 flex-col justify-start gap-1 border-0 border-r-[1px] border-solid border-f1-border-secondary bg-f1-background",
-              _e ? "" : "rounded-b-xl border-r-0"
+              De ? "" : "rounded-b-xl border-r-0"
             ),
             children: [
               w && /* @__PURE__ */ e("div", { className: "flex h-full w-full flex-row items-center justify-center", children: /* @__PURE__ */ e(bn, {}) }),
@@ -2506,7 +2506,7 @@ const qt = ({
     right: !a && /* @__PURE__ */ e(
       U,
       {
-        icon: Oe,
+        icon: Pe,
         size: "sm",
         className: "cursor-pointer text-f1-icon-secondary",
         onClick: () => n?.(t)
@@ -2757,7 +2757,7 @@ const qt = ({
       (w) => w.subItems && w.subItems.length > 0
     ),
     [t.entities]
-  ), m = Pe(ir), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
+  ), m = Ee(ir), b = m.portalContainer && (m.position === "center" || m.position === "fullscreen") ? m.portalContainer : void 0;
   function g(w) {
     if (t.singleSelector) {
       t.onSelect(w), a(!1);
@@ -3592,7 +3592,7 @@ const Bl = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
     ),
     children: t.map((a) => {
       const r = /* @__PURE__ */ e("div", { children: /* @__PURE__ */ e(
-        Re,
+        Le,
         {
           icon: a.icon,
           text: a.label ?? (a.description || ""),
@@ -4088,7 +4088,7 @@ const Bl = () => /* @__PURE__ */ o("div", { className: "flex flex-col justify-ar
             ) })
           ] }),
           "bottomTags" in a && /* @__PURE__ */ e("div", { className: "-ml-1.5 flex flex-row items-center [&>div]:-mr-1", children: a.bottomTags.map((l, s) => /* @__PURE__ */ o(X, { children: [
-            /* @__PURE__ */ e(Re, { ...l }, l.text),
+            /* @__PURE__ */ e(Le, { ...l }, l.text),
             s < a.bottomTags.length - 1 && /* @__PURE__ */ e("span", { children: "·" })
           ] })) }),
           "description" in a && a.description && /* @__PURE__ */ e("p", { className: "truncate text-f1-foreground-secondary", children: a.description })
@@ -4191,7 +4191,7 @@ function Jl(t, n, a) {
   return !n && t ? a === "hidden" : n && !t ? a !== "hidden" : !1;
 }
 function Zl(t, n) {
-  const { sidebarState: a, toggleSidebar: r } = Ee(), i = j(t);
+  const { sidebarState: a, toggleSidebar: r } = _e(), i = j(t);
   W(() => {
     n && Jl(
       t,
@@ -4207,7 +4207,7 @@ function Xl({
   sidebar: r,
   banner: i
 }) {
-  const { sidebarState: l, toggleSidebar: s, isSmallScreen: c, setForceFloat: d } = Ee(), f = Ze(), {
+  const { sidebarState: l, toggleSidebar: s, isSmallScreen: c, setForceFloat: d } = _e(), f = Ze(), {
     open: u,
     visualizationMode: m,
     canvasContent: h,
@@ -4243,7 +4243,7 @@ function Xl({
       children: /* @__PURE__ */ o("div", { className: "scrollbar-macos grid h-screen grid-cols-1 grid-rows-[auto_minmax(0,1fr)]", children: [
         /* @__PURE__ */ e("div", { className: "col-[1/-1]", children: i }),
         /* @__PURE__ */ e(Sn, { id: "ai-chat-group", children: /* @__PURE__ */ o("div", { className: "relative isolate flex h-full", children: [
-          /* @__PURE__ */ e(Le, { children: l === "unlocked" && /* @__PURE__ */ e(
+          /* @__PURE__ */ e(Oe, { children: l === "unlocked" && /* @__PURE__ */ e(
             J.nav,
             {
               className: p(
@@ -4376,7 +4376,7 @@ const ra = ({
   onPulseClick: s
 }) => {
   const c = le(), [d, f] = D(!l);
-  return /* @__PURE__ */ e("div", { className: "relative h-10 w-10", children: /* @__PURE__ */ e(Le, { mode: "popLayout", initial: !!d, children: d ? /* @__PURE__ */ e(
+  return /* @__PURE__ */ e("div", { className: "relative h-10 w-10", children: /* @__PURE__ */ e(Oe, { mode: "popLayout", initial: !!d, children: d ? /* @__PURE__ */ e(
     J.div,
     {
       className: "relative h-10 w-10 rounded-full bg-f1-background-warning",
@@ -4524,7 +4524,7 @@ function ia({
   period: a,
   embedded: r = !1
 }) {
-  const { sidebarState: i, toggleSidebar: l, isSmallScreen: s } = Ee();
+  const { sidebarState: i, toggleSidebar: l, isSmallScreen: s } = _e();
   return /* @__PURE__ */ o(
     "div",
     {
@@ -4905,7 +4905,7 @@ function rs({ isExpanded: t }) {
   );
 }
 function is() {
-  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = Ee(), i = j(null);
+  const { prevSidebarState: t, sidebarState: n, toggleSidebar: a, isSmallScreen: r } = _e(), i = j(null);
   return W(() => {
     t === "hidden" && n === "locked" && i.current?.focus();
   }, [t, n]), /* @__PURE__ */ o(
@@ -4921,7 +4921,7 @@ function is() {
       "aria-label": "Close Sidebar",
       children: [
         /* @__PURE__ */ e("div", { className: p("hidden", { flex: !r }), children: /* @__PURE__ */ e(rs, { isExpanded: n === "locked" }) }),
-        /* @__PURE__ */ e("div", { className: p("hidden", { flex: r }), children: /* @__PURE__ */ e(U, { icon: Oe, size: "md" }) })
+        /* @__PURE__ */ e("div", { className: p("hidden", { flex: r }), children: /* @__PURE__ */ e(U, { icon: Pe, size: "md" }) })
       ]
     }
   );
@@ -4967,7 +4967,7 @@ function ss({ children: t }) {
   );
 }
 function Et() {
-  const t = Pe(sa);
+  const t = Ee(sa);
   if (!t)
     throw new Error("useDragContext must be used within a DragProvider");
   return t;
@@ -4976,7 +4976,7 @@ const os = ({
   item: t,
   active: n
 }) => /* @__PURE__ */ o("div", { className: "flex w-full items-center justify-between", children: [
-  /* @__PURE__ */ o("div", { className: "flex items-center gap-1.5 font-medium text-f1-foreground", children: [
+  /* @__PURE__ */ o("div", { className: "flex min-w-0 items-center gap-1.5 font-medium text-f1-foreground", children: [
     /* @__PURE__ */ e(
       U,
       {
@@ -4990,7 +4990,10 @@ const os = ({
     ),
     /* @__PURE__ */ e("span", { children: t.label })
   ] }),
-  t.badge && /* @__PURE__ */ e(Je, { value: t.badge, size: "sm", type: "bold" })
+  (t.tag || t.badge) && /* @__PURE__ */ o("div", { className: "flex flex-shrink-0 items-center gap-1.5", children: [
+    t.tag && /* @__PURE__ */ e(Le, { text: t.tag }),
+    t.badge && /* @__PURE__ */ e(Je, { value: t.badge, size: "sm", type: "bold" })
+  ] })
 ] }), cs = ({ item: t }) => {
   const { isActive: n } = Nt(), { label: a, icon: r, ...i } = t, l = n(i.href, { exact: i.exactMatch });
   return /* @__PURE__ */ e(
@@ -5504,7 +5507,7 @@ function ms({
   footer: a,
   onFooterDropdownClick: r
 }) {
-  const { sidebarState: i, isSmallScreen: l } = Ee(), s = Ze(), [c, d] = ft({ threshold: 1 }), [f, u] = ft({ threshold: 1 }), m = le(), h = {
+  const { sidebarState: i, isSmallScreen: l } = _e(), s = Ze(), [c, d] = ft({ threshold: 1 }), [f, u] = ft({ threshold: 1 }), m = le(), h = {
     x: {
       ease: i !== "locked" ? l ? [0.25, 0.46, 0.45, 0.94] : [0.175, 0.885, 0.32, 1.1] : [0, 0, 0.58, 1],
       duration: s ? 0 : i !== "locked" && !l ? 0.3 : 0.2
@@ -5563,7 +5566,7 @@ function ms({
               "bottom-ref"
             )
           ] }),
-          /* @__PURE__ */ o(Le, { children: [
+          /* @__PURE__ */ o(Oe, { children: [
             !d && /* @__PURE__ */ e(rn, { position: "top" }, "shadow-scroll-top"),
             !u && /* @__PURE__ */ e(rn, { position: "bottom" }, "shadow-scroll-bottom")
           ] })
@@ -5585,7 +5588,7 @@ const vc = ie(ms), hs = {
     size: "sm"
   },
   rejected: {
-    icon: Oe,
+    icon: Pe,
     type: "critical",
     size: "sm"
   }
@@ -5839,7 +5842,7 @@ function wc(t) {
       ...T,
       navigationFilters: x.currentNavigationFilters
     })
-  }), _e = q(() => s || (x.idProvider ? (T, Q) => x.idProvider(T, Q) : pi), [s, x.idProvider]), F = q(() => {
+  }), De = q(() => s || (x.idProvider ? (T, Q) => x.idProvider(T, Q) : pi), [s, x.idProvider]), F = q(() => {
     if (!be || se === null) return P;
     const T = P.previousItem ?? se.previous, Q = P.nextItem ?? se.next, oe = (he) => he && k ? k(he) ?? null : null;
     return {
@@ -5856,12 +5859,12 @@ function wc(t) {
       // the resolved neighbor instead.
       goToPrevious: te ? P.goToPrevious : () => {
         se.previous && P.setActiveItemId(
-          _e(se.previous)
+          De(se.previous)
         );
       },
       goToNext: te ? P.goToNext : () => {
         se.next && P.setActiveItemId(
-          _e(se.next)
+          De(se.next)
         );
       }
     };
@@ -5871,7 +5874,7 @@ function wc(t) {
     se,
     te,
     k,
-    _e
+    De
   ]), K = Ki(F, {
     getItemTitle: d,
     mode: h
@@ -7083,7 +7086,7 @@ function wt({
     ] }),
     /* @__PURE__ */ o("div", { className: "flex flex-row items-center gap-2", children: [
       a && /* @__PURE__ */ e(_n, { ...a }),
-      r && /* @__PURE__ */ e(Re, { ...r }),
+      r && /* @__PURE__ */ e(Le, { ...r }),
       !!i && /* @__PURE__ */ e(Je, { value: i })
     ] })
   ] });
@@ -7544,9 +7547,9 @@ function Mc({
       ),
       N && E
     ] }) : /* @__PURE__ */ o(X, { children: [
-      s && C && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Re, { text: C.name, icon: C.icon }) }),
+      s && C && /* @__PURE__ */ e(X, { children: /* @__PURE__ */ e(Le, { text: C.name, icon: C.icon }) }),
       N && E,
-      P && R && /* @__PURE__ */ e(Re, { text: R })
+      P && R && /* @__PURE__ */ e(Le, { text: R })
     ] }) })
   ] }) });
 }
@@ -8002,5 +8005,5 @@ export {
   vu as useInfiniteScrollPagination,
   Ki as usePageHeaderItemNavigation,
   ec as usePageHeaderNavigation,
-  Ee as useSidebar
+  _e as useSidebar
 };

package/dist/f0.d.ts

@@ -14111,10 +14111,11 @@ declare type PromoteAction = {
 declare type PropertyDefinition_2<T> = {
     label: string;
     /**
-     * Optional tooltip text. When provided, displays an info icon next to the header content
-     * that shows this text in a tooltip when hovered.
+     * Optional header info. Pass a string for a short text tooltip, or a
+     * {@link TableHeaderInfo} object for a structured hoverable card. Only
+     * rendered by the table visualization's column headers.
      */
-    info?: string;
+    info?: string | TableHeaderInfo;
     /**
      * Function that extracts and formats the value from an item.
      * Should return an object matching the expected args for the specified renderer type.
@@ -15240,6 +15241,20 @@ declare type TableColumnDefinition<R extends RecordType, Sortings extends Sortin
 
 declare function TableHead({ children, width, minWidth, sortState, onSortClick, info, infoIcon, sticky, hidden, align, className, colSpan, }: TableHeadProps): JSX_2.Element;
 
+declare type TableHeaderInfo = {
+    title: string;
+    description: string;
+    link?: {
+        label: string;
+        onClick: () => void;
+    };
+    /**
+     * Accessible name for the info-icon trigger. Defaults to the column label
+     * when the header's children are a string.
+     */
+    label?: string;
+};
+
 declare interface TableHeadProps {
     children: React.ReactNode;
     /**
@@ -15276,10 +15291,11 @@ declare interface TableHeadProps {
      */
     onSortClick?: () => void;
     /**
-     * Optional tooltip text. When provided, displays an info icon next to the header content
-     * that shows this text in a tooltip when hovered.
+     * Optional header info. When provided, displays an info icon next to the
+     * header content. Pass a string for a short text tooltip, or a
+     * {@link TableHeaderInfo} object for a structured hoverable card.
      */
-    info?: string;
+    info?: string | TableHeaderInfo;
     /**
      * Icon to display when info is provided.
      * @default InfoCircleLine

package/dist/f0.js

@@ -6,8 +6,8 @@ import xt, { forwardRef as sr, useRef as re, useImperativeHandle as cH, Children
 import { y as hH, z as vH, B as pH, C as gH, D as $2, E as Sv, G as lw, H as U2, I as Y2, J as bi, K as mH, L as yH, M as bH, N as xH, O as _H, F as wH } from "./useChatHistory-hrv_qH8R.js";
 import { A as pye, s as gye, t as mye, w as yye, l as bye, i as xye, q as _ye, x as wye, p as Sye, r as Cye, j as Tye, e as Dye, g as Aye, k as Mye, h as Eye, a as Lye, n as Nye, m as Iye, o as Rye, b as kye, f as Pye, v as Oye, c as Bye, d as zye, u as Vye } from "./useChatHistory-hrv_qH8R.js";
 import { createPortal as Qf, unstable_batchedUpdates as Sd } from "react-dom";
-import { C as SH, F as X2, ah as q2, ai as CH, aj as TH, ak as DH, al as ng, am as ig, G as AH, an as MH, ao as va, Y as EH, a8 as LH, ap as NH, Q as IH, aq as RH, ar as kH, c as ag, R as uw, u as cw, W as Z2, O as fw, as as j2, at as mC, au as dw, o as PH, d as K2, $ as Q2, av as OH, aw as BH, ax as zH, ay as VH, az as FH, M as GH } from "./useDataCollectionSource-CQy3qOAq.js";
-import { r as Gye, s as Hye, H as Wye, t as $ye, z as Uye, aQ as Yye, aP as Xye, aL as qye, aB as Zye, aA as jye, aC as Kye, aD as Qye, aa as Jye, a9 as e0e, ad as t0e, U as r0e, J as n0e, af as i0e, K as a0e, v as o0e, aR as s0e, ab as l0e, ac as u0e, N as c0e, w as f0e, P as d0e, y as h0e, D as v0e, ae as p0e, T as g0e, ag as m0e, x as y0e, E as b0e, aT as x0e, m as _0e, n as w0e, aK as S0e, aG as C0e, aF as T0e, aS as D0e, a6 as A0e, aI as M0e, aJ as E0e, I as L0e, aU as N0e, aV as I0e, e as R0e, aM as k0e, aN as P0e, aO as O0e, aH as B0e, f as z0e, h as V0e, aE as F0e, aW as G0e } from "./useDataCollectionSource-CQy3qOAq.js";
+import { C as SH, F as X2, ah as q2, ai as CH, aj as TH, ak as DH, al as ng, am as ig, G as AH, an as MH, ao as va, Y as EH, a8 as LH, ap as NH, Q as IH, aq as RH, ar as kH, c as ag, R as uw, u as cw, W as Z2, O as fw, as as j2, at as mC, au as dw, o as PH, d as K2, $ as Q2, av as OH, aw as BH, ax as zH, ay as VH, az as FH, M as GH } from "./useDataCollectionSource-Coj9e5oF.js";
+import { r as Gye, s as Hye, H as Wye, t as $ye, z as Uye, aQ as Yye, aP as Xye, aL as qye, aB as Zye, aA as jye, aC as Kye, aD as Qye, aa as Jye, a9 as e0e, ad as t0e, U as r0e, J as n0e, af as i0e, K as a0e, v as o0e, aR as s0e, ab as l0e, ac as u0e, N as c0e, w as f0e, P as d0e, y as h0e, D as v0e, ae as p0e, T as g0e, ag as m0e, x as y0e, E as b0e, aT as x0e, m as _0e, n as w0e, aK as S0e, aG as C0e, aF as T0e, aS as D0e, a6 as A0e, aI as M0e, aJ as E0e, I as L0e, aU as N0e, aV as I0e, e as R0e, aM as k0e, aN as P0e, aO as O0e, aH as B0e, f as z0e, h as V0e, aE as F0e, aW as G0e } from "./useDataCollectionSource-Coj9e5oF.js";
 import { utils as Fl, write as J2 } from "./xlsx-Bedf3nwD.js";
 import { defaultTranslations as W0e } from "./i18n-provider-defaults.js";
 import './f0.css';const HH = {