@adecore/agents-react 0.31.12 → 0.33.0

package/dist/chat/ui/intelligent-ui/renderers/data.js

@@ -1,4 +1,4 @@
-import { Fragment as _Fragment, jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { c as _c } from "react/compiler-runtime";
 import { createContext, useContext } from 'react';
 import clsx from 'clsx';
 import { useTranslation } from 'react-i18next';
@@ -11,6 +11,7 @@ import { isNumericColumn, UI_TABLE_ROWS, uiTableCell, uiTableColumns } from '../
 import { UI_TONE_PILL } from '../tones.js';
 import { UiFallbackPart } from '../UiFallbackPart.js';
 /* EntityList draws a hairline between its rows from this many on. */
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 const DIVIDED_FROM = 7;
 /* Up to this many entries an EntityList is a row of tiles; a longer one is a list in one tile. */
 const TILED_UP_TO = 4;
@@ -19,75 +20,639 @@ const EntityTiles = createContext(false);
  * A number that live readings keep up to date. Keyed by its text, so a value that changed mounts
  * again and lights up once, even when it changes again before the last light settled.
  */
-function LiveFigure({ text, previous, live, className }) {
-    const lit = live !== undefined && live.changed && !live.stale && previous !== text;
-    return (_jsx("span", { className: clsx(live?.stale ? 'text-text-muted' : 'text-text', lit && 'chat-ui-changed', className), children: text }, text));
+function LiveFigure(t0) {
+  const $ = _c(7);
+  const {
+    text,
+    previous,
+    live,
+    className
+  } = t0;
+  const lit = live !== undefined && live.changed && !live.stale && previous !== text;
+  const t1 = live?.stale ? "text-text-muted" : "text-text";
+  const t2 = lit && "chat-ui-changed";
+  let t3;
+  if ($[0] !== className || $[1] !== t1 || $[2] !== t2) {
+    t3 = clsx(t1, t2, className);
+    $[0] = className;
+    $[1] = t1;
+    $[2] = t2;
+    $[3] = t3;
+  } else {
+    t3 = $[3];
+  }
+  let t4;
+  if ($[4] !== t3 || $[5] !== text) {
+    t4 = /*#__PURE__*/_jsx("span", {
+      className: t3,
+      children: text
+    }, text);
+    $[4] = t3;
+    $[5] = text;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  return t4;
 }
-export function StatsRenderer({ children }) {
-    return _jsx("div", { className: "chat-ui-nodes grid grid-cols-[repeat(auto-fit,minmax(128px,1fr))] gap-2", children: children });
+export function StatsRenderer(t0) {
+  const $ = _c(2);
+  const {
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== children) {
+    t1 = /*#__PURE__*/_jsx("div", {
+      className: "chat-ui-nodes grid grid-cols-[repeat(auto-fit,minmax(128px,1fr))] gap-2",
+      children: children
+    });
+    $[0] = children;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  return t1;
 }
 /* The arrow and the number say which way a value went; only a tone says whether that is good. The tag says the change, its tooltip from what. */
-export function StatRenderer({ node, context }) {
-    const { t } = useTranslation('agent-chat');
-    const { label, value, previous, unit, tone } = node.props;
-    const live = context.liveValue?.(node.id, 'value');
-    const change = previous === undefined ? null : value - previous;
-    const arrow = change === null || change === 0 ? ArrowRight : change > 0 ? ArrowUp : ArrowDown;
-    const from = previous === undefined ? '' : uiWithUnit(formatRounded(previous, 2), unit);
-    // A change from zero has no percentage.
-    const percent = change === null || previous === undefined || previous === 0 ? null : formatPercent(Math.abs((change / previous) * 100));
-    const said = percent === null ? t('blocks.stat.from', { previous: from }) : t('blocks.stat.change', { change: percent, previous: from });
-    return (_jsxs("div", { className: "flex min-w-0 flex-col items-start gap-1.5 rounded-xl bg-ui-tile p-3", children: [_jsx("span", { className: "max-w-full truncate text-2xs text-text-muted", children: label }), _jsx(LiveFigure, { text: uiWithUnit(formatRounded(value, 2), unit), previous: typeof live?.previous === 'number' ? uiWithUnit(formatRounded(live.previous, 2), unit) : undefined, live: live, className: "max-w-full truncate text-lg font-semibold tabular-nums" }), change !== null && (_jsx(Tooltip, { label: said, children: _jsx("span", { tabIndex: 0, className: "max-w-full rounded-md", children: _jsxs(Pill, { shape: "tag", size: "sm", tone: tone === undefined ? 'muted' : UI_TONE_PILL[tone], icon: _jsx(Icon, { icon: arrow, size: 12, className: "shrink-0" }), children: [_jsx("span", { "aria-hidden": true, className: "tabular-nums", children: percent ?? from }), _jsx("span", { className: "sr-only", children: said })] }) }) }))] }));
+export function StatRenderer(t0) {
+  const $ = _c(47);
+  const {
+    node,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const {
+    label,
+    value,
+    previous,
+    unit,
+    tone
+  } = node.props;
+  let T0;
+  let arrow;
+  let change;
+  let from;
+  let live;
+  let percent;
+  let said;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  if ($[0] !== context || $[1] !== label || $[2] !== node.id || $[3] !== previous || $[4] !== t || $[5] !== unit || $[6] !== value) {
+    live = context.liveValue?.(node.id, "value");
+    change = previous === undefined ? null : value - previous;
+    arrow = change === null || change === 0 ? ArrowRight : change > 0 ? ArrowUp : ArrowDown;
+    let t5;
+    if ($[18] !== change || $[19] !== previous || $[20] !== t || $[21] !== unit) {
+      from = previous === undefined ? "" : uiWithUnit(formatRounded(previous, 2), unit);
+      percent = change === null || previous === undefined || previous === 0 ? null : formatPercent(Math.abs(change / previous * 100));
+      t5 = percent === null ? t("blocks.stat.from", {
+        previous: from
+      }) : t("blocks.stat.change", {
+        change: percent,
+        previous: from
+      });
+      $[18] = change;
+      $[19] = previous;
+      $[20] = t;
+      $[21] = unit;
+      $[22] = from;
+      $[23] = percent;
+      $[24] = t5;
+    } else {
+      from = $[22];
+      percent = $[23];
+      t5 = $[24];
+    }
+    said = t5;
+    t3 = "flex min-w-0 flex-col items-start gap-1.5 rounded-xl bg-ui-tile p-3";
+    if ($[25] !== label) {
+      t4 = /*#__PURE__*/_jsx("span", {
+        className: "max-w-full truncate text-2xs text-text-muted",
+        children: label
+      });
+      $[25] = label;
+      $[26] = t4;
+    } else {
+      t4 = $[26];
+    }
+    T0 = LiveFigure;
+    if ($[27] !== unit || $[28] !== value) {
+      t1 = uiWithUnit(formatRounded(value, 2), unit);
+      $[27] = unit;
+      $[28] = value;
+      $[29] = t1;
+    } else {
+      t1 = $[29];
+    }
+    t2 = typeof live?.previous === "number" ? uiWithUnit(formatRounded(live.previous, 2), unit) : undefined;
+    $[0] = context;
+    $[1] = label;
+    $[2] = node.id;
+    $[3] = previous;
+    $[4] = t;
+    $[5] = unit;
+    $[6] = value;
+    $[7] = T0;
+    $[8] = arrow;
+    $[9] = change;
+    $[10] = from;
+    $[11] = live;
+    $[12] = percent;
+    $[13] = said;
+    $[14] = t1;
+    $[15] = t2;
+    $[16] = t3;
+    $[17] = t4;
+  } else {
+    T0 = $[7];
+    arrow = $[8];
+    change = $[9];
+    from = $[10];
+    live = $[11];
+    percent = $[12];
+    said = $[13];
+    t1 = $[14];
+    t2 = $[15];
+    t3 = $[16];
+    t4 = $[17];
+  }
+  let t5;
+  if ($[30] !== T0 || $[31] !== live || $[32] !== t1 || $[33] !== t2) {
+    t5 = /*#__PURE__*/_jsx(T0, {
+      text: t1,
+      previous: t2,
+      live: live,
+      className: "max-w-full truncate text-lg font-semibold tabular-nums"
+    });
+    $[30] = T0;
+    $[31] = live;
+    $[32] = t1;
+    $[33] = t2;
+    $[34] = t5;
+  } else {
+    t5 = $[34];
+  }
+  let t6;
+  if ($[35] !== arrow || $[36] !== change || $[37] !== from || $[38] !== percent || $[39] !== said || $[40] !== tone) {
+    t6 = change !== null && /*#__PURE__*/_jsx(Tooltip, {
+      label: said,
+      children: /*#__PURE__*/_jsx("span", {
+        tabIndex: 0,
+        className: "max-w-full rounded-md",
+        children: /*#__PURE__*/_jsxs(Pill, {
+          shape: "tag",
+          size: "sm",
+          tone: tone === undefined ? "muted" : UI_TONE_PILL[tone],
+          icon: /*#__PURE__*/_jsx(Icon, {
+            icon: arrow,
+            size: 12,
+            className: "shrink-0"
+          }),
+          children: [/*#__PURE__*/_jsx("span", {
+            "aria-hidden": true,
+            className: "tabular-nums",
+            children: percent ?? from
+          }), /*#__PURE__*/_jsx("span", {
+            className: "sr-only",
+            children: said
+          })]
+        })
+      })
+    });
+    $[35] = arrow;
+    $[36] = change;
+    $[37] = from;
+    $[38] = percent;
+    $[39] = said;
+    $[40] = tone;
+    $[41] = t6;
+  } else {
+    t6 = $[41];
+  }
+  let t7;
+  if ($[42] !== t3 || $[43] !== t4 || $[44] !== t5 || $[45] !== t6) {
+    t7 = /*#__PURE__*/_jsxs("div", {
+      className: t3,
+      children: [t4, t5, t6]
+    });
+    $[42] = t3;
+    $[43] = t4;
+    $[44] = t5;
+    $[45] = t6;
+    $[46] = t7;
+  } else {
+    t7 = $[46];
+  }
+  return t7;
 }
-export function EntityListRenderer({ node, children }) {
-    const count = uiChildrenOf(node, 'Entry').length;
-    if (count <= TILED_UP_TO) {
-        return (_jsx(EntityTiles, { value: true, children: _jsx("div", { className: "chat-ui-nodes grid grid-cols-[repeat(auto-fit,minmax(140px,1fr))] gap-2", children: children }) }));
+export function EntityListRenderer(t0) {
+  const $ = _c(7);
+  const {
+    node,
+    children
+  } = t0;
+  let t1;
+  if ($[0] !== node) {
+    t1 = uiChildrenOf(node, "Entry");
+    $[0] = node;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const count = t1.length;
+  if (count <= TILED_UP_TO) {
+    let t2;
+    if ($[2] !== children) {
+      t2 = /*#__PURE__*/_jsx(EntityTiles, {
+        value: true,
+        children: /*#__PURE__*/_jsx("div", {
+          className: "chat-ui-nodes grid grid-cols-[repeat(auto-fit,minmax(140px,1fr))] gap-2",
+          children: children
+        })
+      });
+      $[2] = children;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
     }
-    return (_jsx(KeyValueList.Root, { divided: count >= DIVIDED_FROM, className: "chat-ui-nodes chat-ui-flat rounded-xl bg-ui-tile px-3 py-2", children: children }));
+    return t2;
+  }
+  const t2 = count >= DIVIDED_FROM;
+  let t3;
+  if ($[4] !== children || $[5] !== t2) {
+    t3 = /*#__PURE__*/_jsx(KeyValueList.Root, {
+      divided: t2,
+      className: "chat-ui-nodes chat-ui-flat rounded-xl bg-ui-tile px-3 py-2",
+      children: children
+    });
+    $[4] = children;
+    $[5] = t2;
+    $[6] = t3;
+  } else {
+    t3 = $[6];
+  }
+  return t3;
 }
-export function EntryRenderer({ node, children }) {
-    const tiled = useContext(EntityTiles);
-    if (tiled) {
-        return (_jsxs("div", { className: "flex min-w-0 flex-col gap-0.5 rounded-xl bg-ui-tile px-3 py-2", children: [_jsx("span", { className: "truncate text-2xs text-text-muted", children: node.props.label }), _jsx("span", { className: "text-2xs font-semibold wrap-break-word text-text", children: children })] }));
+export function EntryRenderer(t0) {
+  const $ = _c(14);
+  const {
+    node,
+    children
+  } = t0;
+  const tiled = useContext(EntityTiles);
+  if (tiled) {
+    let t1;
+    if ($[0] !== node.props.label) {
+      t1 = /*#__PURE__*/_jsx("span", {
+        className: "truncate text-2xs text-text-muted",
+        children: node.props.label
+      });
+      $[0] = node.props.label;
+      $[1] = t1;
+    } else {
+      t1 = $[1];
+    }
+    let t2;
+    if ($[2] !== children) {
+      t2 = /*#__PURE__*/_jsx("span", {
+        className: "text-2xs font-semibold wrap-break-word text-text",
+        children: children
+      });
+      $[2] = children;
+      $[3] = t2;
+    } else {
+      t2 = $[3];
+    }
+    let t3;
+    if ($[4] !== t1 || $[5] !== t2) {
+      t3 = /*#__PURE__*/_jsxs("div", {
+        className: "flex min-w-0 flex-col gap-0.5 rounded-xl bg-ui-tile px-3 py-2",
+        children: [t1, t2]
+      });
+      $[4] = t1;
+      $[5] = t2;
+      $[6] = t3;
+    } else {
+      t3 = $[6];
     }
-    return (_jsxs(KeyValueList.Item, { children: [_jsx(KeyValueList.Name, { children: node.props.label }), _jsx(KeyValueList.Value, { children: children })] }));
+    return t3;
+  }
+  let t1;
+  if ($[7] !== node.props.label) {
+    t1 = /*#__PURE__*/_jsx(KeyValueList.Name, {
+      children: node.props.label
+    });
+    $[7] = node.props.label;
+    $[8] = t1;
+  } else {
+    t1 = $[8];
+  }
+  let t2;
+  if ($[9] !== children) {
+    t2 = /*#__PURE__*/_jsx(KeyValueList.Value, {
+      children: children
+    });
+    $[9] = children;
+    $[10] = t2;
+  } else {
+    t2 = $[10];
+  }
+  let t3;
+  if ($[11] !== t1 || $[12] !== t2) {
+    t3 = /*#__PURE__*/_jsxs(KeyValueList.Item, {
+      children: [t1, t2]
+    });
+    $[11] = t1;
+    $[12] = t2;
+    $[13] = t3;
+  } else {
+    t3 = $[13];
+  }
+  return t3;
 }
 function numberText(cell, unit) {
-    return cell.as === 'bytes' ? formatBytes(cell.value) : cell.as === 'duration' ? formatDuration(cell.value) : uiWithUnit(formatRounded(cell.value, 2), unit);
+  return cell.as === 'bytes' ? formatBytes(cell.value) : cell.as === 'duration' ? formatDuration(cell.value) : uiWithUnit(formatRounded(cell.value, 2), unit);
 }
-function Cell({ value, column, live }) {
-    const cell = uiTableCell(value, column);
-    switch (cell.kind) {
-        case 'empty':
-            return null;
-        case 'text':
-            return _jsx(_Fragment, { children: cell.text });
-        case 'number': {
+function Cell(t0) {
+  const $ = _c(8);
+  const {
+    value,
+    column,
+    live
+  } = t0;
+  let t1;
+  if ($[0] !== column || $[1] !== live || $[2] !== value) {
+    t1 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const cell = uiTableCell(value, column);
+      switch (cell.kind) {
+        case "empty":
+          {
+            t1 = null;
+            break bb0;
+          }
+        case "text":
+          {
+            t1 = /*#__PURE__*/_jsx(_Fragment, {
+              children: cell.text
+            });
+            break bb0;
+          }
+        case "number":
+          {
             const before = live?.previous === undefined ? undefined : uiTableCell(live.previous, column);
-            return (_jsx(LiveFigure, { text: numberText(cell, column.unit), previous: before?.kind === 'number' ? numberText(before, column.unit) : undefined, live: live }));
-        }
-        case 'date':
-            return _jsx("time", { dateTime: new Date(cell.at).toISOString(), children: formatMoment(cell.at) });
-        case 'file':
-            // A cell is no link target the host checked, so its path stays text.
-            return _jsx("span", { className: "font-mono text-code break-all", children: cell.path });
-        case 'tag':
-            return (_jsx(Pill, { shape: "tag", size: "sm", children: cell.text }));
+            t1 = /*#__PURE__*/_jsx(LiveFigure, {
+              text: numberText(cell, column.unit),
+              previous: before?.kind === "number" ? numberText(before, column.unit) : undefined,
+              live: live
+            });
+            break bb0;
+          }
+        case "date":
+          {
+            t1 = /*#__PURE__*/_jsx("time", {
+              dateTime: new Date(cell.at).toISOString(),
+              children: formatMoment(cell.at)
+            });
+            break bb0;
+          }
+        case "file":
+          {
+            let t2;
+            if ($[4] !== cell) {
+              t2 = /*#__PURE__*/_jsx("span", {
+                className: "font-mono text-code break-all",
+                children: cell.path
+              });
+              $[4] = cell;
+              $[5] = t2;
+            } else {
+              t2 = $[5];
+            }
+            t1 = t2;
+            break bb0;
+          }
+        case "tag":
+          {
+            let t2;
+            if ($[6] !== cell) {
+              t2 = /*#__PURE__*/_jsx(Pill, {
+                shape: "tag",
+                size: "sm",
+                children: cell.text
+              });
+              $[6] = cell;
+              $[7] = t2;
+            } else {
+              t2 = $[7];
+            }
+            t1 = t2;
+            break bb0;
+          }
+      }
     }
+    $[0] = column;
+    $[1] = live;
+    $[2] = value;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  if (t1 !== Symbol.for("react.early_return_sentinel")) {
+    return t1;
+  }
 }
 /*
  * Rows under a sticky head, scrolling inside 320px and sideways when wider than the column. Rows
  * arrive one by one while the block streams, without animation; past fifty a person asks for the rest.
  */
-export function TableRenderer({ node, context }) {
-    const { t } = useTranslation('agent-chat');
-    const [all, setAll] = useBlockLocal(context, node.id, () => false);
-    const columns = uiTableColumns(node);
-    if (columns.length === 0) {
-        return _jsx(UiFallbackPart, { fallback: node.fallback, problem: { kind: 'failed' } });
+export function TableRenderer(t0) {
+  const $ = _c(35);
+  const {
+    node,
+    context
+  } = t0;
+  const {
+    t
+  } = useTranslation("agent-chat");
+  const [all, setAll] = useBlockLocal(context, node.id, _temp);
+  let rows;
+  let t1;
+  let t2;
+  let t3;
+  let t4;
+  let t5;
+  let t6;
+  let t7;
+  if ($[0] !== all || $[1] !== context || $[2] !== node || $[3] !== t) {
+    t7 = Symbol.for("react.early_return_sentinel");
+    bb0: {
+      const columns = uiTableColumns(node);
+      if (columns.length === 0) {
+        let t8;
+        if ($[12] === Symbol.for("react.memo_cache_sentinel")) {
+          t8 = {
+            kind: "failed"
+          };
+          $[12] = t8;
+        } else {
+          t8 = $[12];
+        }
+        let t9;
+        if ($[13] !== node.fallback) {
+          t9 = /*#__PURE__*/_jsx(UiFallbackPart, {
+            fallback: node.fallback,
+            problem: t8
+          });
+          $[13] = node.fallback;
+          $[14] = t9;
+        } else {
+          t9 = $[14];
+        }
+        t7 = t9;
+        break bb0;
+      }
+      ({
+        rows
+      } = node.props);
+      const shown = all ? rows : rows.slice(0, UI_TABLE_ROWS);
+      t6 = "flex flex-col items-start gap-1.5";
+      t5 = "chat-ui-flat max-h-80 w-full overflow-auto rounded-xl bg-ui-tile px-1.5 pb-1.5";
+      t2 = t("blocks.table.label", {
+        columns: columns.map(_temp2).join(", ")
+      });
+      if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+        t3 = clsx("w-full border-separate border-spacing-0 text-xs tabular-nums", "[&_tbody_tr:first-child_td:first-child]:rounded-tl-lg [&_tbody_tr:first-child_td:last-child]:rounded-tr-lg", "[&_tbody_tr:last-child_td:first-child]:rounded-bl-lg [&_tbody_tr:last-child_td:last-child]:rounded-br-lg");
+        $[15] = t3;
+      } else {
+        t3 = $[15];
+      }
+      t4 = /*#__PURE__*/_jsx("thead", {
+        className: "sticky top-0 z-1 bg-ui-tile",
+        children: /*#__PURE__*/_jsx("tr", {
+          children: columns.map(_temp3)
+        })
+      });
+      t1 = shown.map((row, index) => /*#__PURE__*/_jsx("tr", {
+        children: columns.map((column_1, at) => /*#__PURE__*/_jsx("td", {
+          className: clsx("h-9 bg-ui-inset px-2 text-text", index > 0 && "border-t border-border-soft", at === 0 && "font-medium", isNumericColumn(column_1) ? "text-right whitespace-nowrap" : "text-left"),
+          children: /*#__PURE__*/_jsx(Cell, {
+            value: row[column_1.key],
+            column: column_1,
+            live: isNumericColumn(column_1) ? context.liveValue?.(node.id, "rows", [index, column_1.key]) : undefined
+          })
+        }, column_1.key))
+      }, index));
     }
-    const { rows } = node.props;
-    const shown = all ? rows : rows.slice(0, UI_TABLE_ROWS);
-    return (_jsxs("div", { className: "flex flex-col items-start gap-1.5", children: [_jsx("div", { className: "chat-ui-flat max-h-80 w-full overflow-auto rounded-xl bg-ui-tile px-1.5 pb-1.5", children: _jsxs("table", { "aria-label": t('blocks.table.label', { columns: columns.map((column) => column.title).join(', ') }), className: clsx('w-full border-separate border-spacing-0 text-xs tabular-nums', '[&_tbody_tr:first-child_td:first-child]:rounded-tl-lg [&_tbody_tr:first-child_td:last-child]:rounded-tr-lg', '[&_tbody_tr:last-child_td:first-child]:rounded-bl-lg [&_tbody_tr:last-child_td:last-child]:rounded-br-lg'), children: [_jsx("thead", { className: "sticky top-0 z-1 bg-ui-tile", children: _jsx("tr", { children: columns.map((column) => (_jsx("th", { scope: "col", className: clsx('h-8 px-2 text-2xs font-medium whitespace-nowrap text-text-muted', isNumericColumn(column) ? 'text-right' : 'text-left'), children: column.title }, column.key))) }) }), _jsx("tbody", { children: shown.map((row, index) => (_jsx("tr", { children: columns.map((column, at) => (_jsx("td", { className: clsx('h-9 bg-ui-inset px-2 text-text', index > 0 && 'border-t border-border-soft', at === 0 && 'font-medium', isNumericColumn(column) ? 'text-right whitespace-nowrap' : 'text-left'), children: _jsx(Cell, { value: row[column.key], column: column, live: isNumericColumn(column) ? context.liveValue?.(node.id, 'rows', [index, column.key]) : undefined }) }, column.key))) }, index))) })] }) }), !all && rows.length > UI_TABLE_ROWS && (_jsx(Button, { size: "xs", variant: "secondary", onClick: () => setAll(true), children: t('blocks.table.showAll', { total: formatNumber(rows.length) }) }))] }));
+    $[0] = all;
+    $[1] = context;
+    $[2] = node;
+    $[3] = t;
+    $[4] = rows;
+    $[5] = t1;
+    $[6] = t2;
+    $[7] = t3;
+    $[8] = t4;
+    $[9] = t5;
+    $[10] = t6;
+    $[11] = t7;
+  } else {
+    rows = $[4];
+    t1 = $[5];
+    t2 = $[6];
+    t3 = $[7];
+    t4 = $[8];
+    t5 = $[9];
+    t6 = $[10];
+    t7 = $[11];
+  }
+  if (t7 !== Symbol.for("react.early_return_sentinel")) {
+    return t7;
+  }
+  let t8;
+  if ($[16] !== t1) {
+    t8 = /*#__PURE__*/_jsx("tbody", {
+      children: t1
+    });
+    $[16] = t1;
+    $[17] = t8;
+  } else {
+    t8 = $[17];
+  }
+  let t9;
+  if ($[18] !== t2 || $[19] !== t3 || $[20] !== t4 || $[21] !== t8) {
+    t9 = /*#__PURE__*/_jsxs("table", {
+      "aria-label": t2,
+      className: t3,
+      children: [t4, t8]
+    });
+    $[18] = t2;
+    $[19] = t3;
+    $[20] = t4;
+    $[21] = t8;
+    $[22] = t9;
+  } else {
+    t9 = $[22];
+  }
+  let t10;
+  if ($[23] !== t5 || $[24] !== t9) {
+    t10 = /*#__PURE__*/_jsx("div", {
+      className: t5,
+      children: t9
+    });
+    $[23] = t5;
+    $[24] = t9;
+    $[25] = t10;
+  } else {
+    t10 = $[25];
+  }
+  let t11;
+  if ($[26] !== all || $[27] !== rows || $[28] !== setAll || $[29] !== t) {
+    t11 = !all && rows.length > UI_TABLE_ROWS && /*#__PURE__*/_jsx(Button, {
+      size: "xs",
+      variant: "secondary",
+      onClick: () => setAll(true),
+      children: t("blocks.table.showAll", {
+        total: formatNumber(rows.length)
+      })
+    });
+    $[26] = all;
+    $[27] = rows;
+    $[28] = setAll;
+    $[29] = t;
+    $[30] = t11;
+  } else {
+    t11 = $[30];
+  }
+  let t12;
+  if ($[31] !== t10 || $[32] !== t11 || $[33] !== t6) {
+    t12 = /*#__PURE__*/_jsxs("div", {
+      className: t6,
+      children: [t10, t11]
+    });
+    $[31] = t10;
+    $[32] = t11;
+    $[33] = t6;
+    $[34] = t12;
+  } else {
+    t12 = $[34];
+  }
+  return t12;
+}
+function _temp3(column_0) {
+  return /*#__PURE__*/_jsx("th", {
+    scope: "col",
+    className: clsx("h-8 px-2 text-2xs font-medium whitespace-nowrap text-text-muted", isNumericColumn(column_0) ? "text-right" : "text-left"),
+    children: column_0.title
+  }, column_0.key);
+}
+function _temp2(column) {
+  return column.title;
 }
+function _temp() {
+  return false;
+}