@lunora/studio 1.0.0-alpha.36 → 1.0.0-alpha.361

package/dist/packem_chunks/FunctionStatsPanel.js

@@ -1,377 +0,0 @@
-import { c } from 'react/compiler-runtime';
-import { useState } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-BBT6D22d.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-gx_DZXXn.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-DURq3ElK.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-BHPKmPuj.js';
-import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-BHHJi3Gb.js';
-import { i as formatTimestamp } from '../packem_shared/internal-DTsYVn-g.js';
-import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const KIND_VARIANT = {
-  action: "outline",
-  mutation: "default",
-  query: "secondary"
-};
-const formatMs = (ms) => {
-  if (ms < 1e3) {
-    return `${ms < 10 ? ms.toFixed(1) : Math.round(ms).toString()}ms`;
-  }
-  return `${(ms / 1e3).toFixed(2)}s`;
-};
-const errorCell = (stat) => {
-  if (stat.calls === 0) {
-    return "—";
-  }
-  if (stat.errors === 0) {
-    return "0";
-  }
-  return `${stat.errors.toString()} (${(stat.errors / stat.calls * 100).toFixed(1)}%)`;
-};
-const conflictCell = (stat) => {
-  const conflicts = stat.conflicts ?? 0;
-  if (stat.calls === 0) {
-    return "—";
-  }
-  if (conflicts === 0) {
-    return "0";
-  }
-  return `${conflicts.toString()} (${(conflicts / stat.calls * 100).toFixed(1)}%)`;
-};
-const SORTERS = {
-  calls: (a, b) => b.calls - a.calls,
-  recent: (a, b) => b.lastCalledAt - a.lastCalledAt,
-  slowest: (a, b) => b.maxDurationMs - a.maxDurationMs
-};
-const FunctionStatsPanel = (t0) => {
-  const $ = c(47);
-  const {
-    functions,
-    initialShardKey
-  } = t0;
-  const t = useT();
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [sortKey, setSortKey] = useState("recent");
-  let t1;
-  if ($[0] !== shardKey) {
-    t1 = shardKey.trim();
-    $[0] = shardKey;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const debouncedShard = useDebounced(t1, 400);
-  let t2;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t2 = {};
-    $[2] = t2;
-  } else {
-    t2 = $[2];
-  }
-  let t3;
-  if ($[3] !== debouncedShard) {
-    t3 = {
-      live: true,
-      shardKey: debouncedShard
-    };
-    $[3] = debouncedShard;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const {
-    data,
-    error,
-    errorSource,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getFunctionStats, t2, t3);
-  const stats = data?.functions ?? null;
-  let t4;
-  if ($[5] !== functions) {
-    t4 = new Map((functions ?? []).map(_temp));
-    $[5] = functions;
-    $[6] = t4;
-  } else {
-    t4 = $[6];
-  }
-  const kindByPath = t4;
-  let t5;
-  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = (event) => {
-      setSortKey(event.currentTarget.dataset.sort);
-    };
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const selectSort = t5;
-  let t6;
-  if ($[8] !== error || $[9] !== errorSource || $[10] !== kindByPath || $[11] !== liveError || $[12] !== shardKey || $[13] !== sortKey || $[14] !== stats || $[15] !== t) {
-    const sorted = stats === null ? [] : stats.toSorted(SORTERS[sortKey]);
-    let t7;
-    if ($[17] !== t) {
-      t7 = t("Recent");
-      $[17] = t;
-      $[18] = t7;
-    } else {
-      t7 = $[18];
-    }
-    let t8;
-    if ($[19] !== t7) {
-      t8 = {
-        key: "recent",
-        label: t7
-      };
-      $[19] = t7;
-      $[20] = t8;
-    } else {
-      t8 = $[20];
-    }
-    let t9;
-    if ($[21] !== t) {
-      t9 = t("Most called");
-      $[21] = t;
-      $[22] = t9;
-    } else {
-      t9 = $[22];
-    }
-    let t10;
-    if ($[23] !== t9) {
-      t10 = {
-        key: "calls",
-        label: t9
-      };
-      $[23] = t9;
-      $[24] = t10;
-    } else {
-      t10 = $[24];
-    }
-    let t11;
-    if ($[25] !== t) {
-      t11 = t("Slowest");
-      $[25] = t;
-      $[26] = t11;
-    } else {
-      t11 = $[26];
-    }
-    let t12;
-    if ($[27] !== t11) {
-      t12 = {
-        key: "slowest",
-        label: t11
-      };
-      $[27] = t11;
-      $[28] = t12;
-    } else {
-      t12 = $[28];
-    }
-    let t13;
-    if ($[29] !== t10 || $[30] !== t12 || $[31] !== t8) {
-      t13 = [t8, t10, t12];
-      $[29] = t10;
-      $[30] = t12;
-      $[31] = t8;
-      $[32] = t13;
-    } else {
-      t13 = $[32];
-    }
-    const sortButtons = t13;
-    let t14;
-    if ($[33] !== shardKey) {
-      t14 = /* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "fs-shard-input",
-        value: shardKey
-      }, void 0, false);
-      $[33] = shardKey;
-      $[34] = t14;
-    } else {
-      t14 = $[34];
-    }
-    let t15;
-    if ($[35] !== liveError) {
-      t15 = /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "fs"
-      }, void 0, false);
-      $[35] = liveError;
-      $[36] = t15;
-    } else {
-      t15 = $[36];
-    }
-    let t16;
-    if ($[37] !== sortButtons || $[38] !== sortKey) {
-      t16 = /* @__PURE__ */ jsxDEV("div", {
-        className: "ml-auto flex items-center gap-1",
-        role: "group",
-        children: sortButtons.map((option) => /* @__PURE__ */ jsxDEV(Button, {
-          "data-sort": option.key,
-          "data-testid": `fs-sort-${option.key}`,
-          onClick: selectSort,
-          size: "sm",
-          type: "button",
-          variant: sortKey === option.key ? "secondary" : "ghost",
-          children: option.label
-        }, option.key, false))
-      }, void 0, false);
-      $[37] = sortButtons;
-      $[38] = sortKey;
-      $[39] = t16;
-    } else {
-      t16 = $[39];
-    }
-    let t17;
-    if ($[40] !== t14 || $[41] !== t15 || $[42] !== t16) {
-      t17 = /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-wrap items-center gap-2",
-        children: [t14, t15, t16]
-      }, void 0, true);
-      $[40] = t14;
-      $[41] = t15;
-      $[42] = t16;
-      $[43] = t17;
-    } else {
-      t17 = $[43];
-    }
-    let t18;
-    if ($[44] !== error || $[45] !== errorSource) {
-      t18 = error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-        error: errorSource,
-        testId: "fs-error"
-      }, void 0, false);
-      $[44] = error;
-      $[45] = errorSource;
-      $[46] = t18;
-    } else {
-      t18 = $[46];
-    }
-    t6 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-col gap-4",
-      "data-testid": "lunora-function-stats",
-      children: [t17, t18, stats !== null && sorted.length === 0 && error === null && /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t("Per-function call counts, error rates, and latency land here after your first request."),
-        icon: /* @__PURE__ */ jsxDEV("svg", {
-          "aria-hidden": "true",
-          fill: "none",
-          stroke: "currentColor",
-          strokeLinecap: "round",
-          strokeLinejoin: "round",
-          strokeWidth: 1.6,
-          viewBox: "0 0 24 24",
-          children: [/* @__PURE__ */ jsxDEV("path", {
-            d: "M3 3v18h18"
-          }, void 0, false), /* @__PURE__ */ jsxDEV("path", {
-            d: "M7 14l4-4 3 3 5-6"
-          }, void 0, false)]
-        }, void 0, true),
-        testId: "fs-empty",
-        title: t("No functions have run on this shard yet.")
-      }, void 0, false), sorted.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-        className: "overflow-hidden py-0",
-        children: /* @__PURE__ */ jsxDEV(CardContent, {
-          className: "px-0",
-          children: /* @__PURE__ */ jsxDEV(Table, {
-            "data-testid": "fs-table",
-            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-              children: /* @__PURE__ */ jsxDEV(TableRow, {
-                children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("function")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("kind")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  className: "text-right",
-                  children: t("calls")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  className: "text-right",
-                  children: t("errors")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  className: "text-right",
-                  children: t("conflicts")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  className: "text-right",
-                  children: t("avg")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  className: "text-right",
-                  children: t("max")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("last run")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                  children: t("last error")
-                }, void 0, false)]
-              }, void 0, true)
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-              children: sorted.map((stat) => {
-                const kind = kindByPath.get(stat.path);
-                return /* @__PURE__ */ jsxDEV(TableRow, {
-                  "data-testid": `fs-row-${stat.path}`,
-                  children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "font-medium",
-                    children: stat.path
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    children: kind === void 0 ? /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-muted-foreground",
-                      children: "—"
-                    }, void 0, false) : /* @__PURE__ */ jsxDEV(Badge, {
-                      variant: KIND_VARIANT[kind],
-                      children: kind
-                    }, void 0, false)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "text-right tabular-nums",
-                    children: stat.calls
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: cn("text-right tabular-nums", stat.errors > 0 && "text-destructive"),
-                    children: errorCell(stat)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: cn("text-right tabular-nums", (stat.conflicts ?? 0) > 0 && "text-warning"),
-                    children: conflictCell(stat)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "text-right tabular-nums",
-                    children: stat.calls === 0 ? "—" : formatMs(stat.totalDurationMs / stat.calls)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "text-right tabular-nums",
-                    children: stat.calls === 0 ? "—" : formatMs(stat.maxDurationMs)
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "text-muted-foreground",
-                    children: formatTimestamp(stat.lastCalledAt, "—")
-                  }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                    className: "max-w-[24ch] truncate text-destructive",
-                    title: stat.lastErrorMessage ?? void 0,
-                    children: stat.lastErrorMessage ?? /* @__PURE__ */ jsxDEV("span", {
-                      className: "text-muted-foreground",
-                      children: "—"
-                    }, void 0, false)
-                  }, void 0, false)]
-                }, stat.path, true);
-              })
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true);
-    $[8] = error;
-    $[9] = errorSource;
-    $[10] = kindByPath;
-    $[11] = liveError;
-    $[12] = shardKey;
-    $[13] = sortKey;
-    $[14] = stats;
-    $[15] = t;
-    $[16] = t6;
-  } else {
-    t6 = $[16];
-  }
-  return t6;
-};
-function _temp(descriptor) {
-  return [descriptor.path, descriptor.kind];
-}
-
-export { FunctionStatsPanel };