@lunora/studio 1.0.0-alpha.59 → 1.0.0-alpha.60

package/dist/packem_chunks/FunctionStatsPanel.js

@@ -1,377 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useState } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.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-F2vH_aj2.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-C7JNuQp-.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-P2UzJscH.js';
-import { i as formatTimestamp } from '../packem_shared/internal-DzHCc2Rq.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 };
+import{c as W}from"react/compiler-runtime";import{useState as q}from"react";import{E as G}from"../packem_shared/error-alert-B59DnrDI.js";import{L as J}from"../packem_shared/live-status-CGW2JHf_.js";import{ShardInput as V}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as X}from"../packem_shared/badge-BbuuAio7.js";import{u as Y}from"../packem_shared/button-BkCrNcAs.js";import{c as Z,u as tt}from"../packem_shared/card-CIDGUN6K.js";import{E as et}from"../packem_shared/empty-state-Cg7t_8qu.js";import{n as rt,d as at,m as P,p as l,f as st,u as n}from"../packem_shared/table-DdJBrClo.js";import{K as lt}from"../packem_shared/use-admin-query-Di3fLE8H.js";import nt from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as ot}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as it}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{i as ct}from"../packem_shared/internal-AtZ4bTal.js";import{c as z}from"../packem_shared/utils-bhneXptQ.js";import{jsx as e,jsxs as y}from"react/jsx-runtime";const dt={action:"outline",mutation:"default",query:"secondary"},O=r=>r<1e3?`${r<10?r.toFixed(1):Math.round(r).toString()}ms`:`${(r/1e3).toFixed(2)}s`,mt=r=>r.calls===0?"—":r.errors===0?"0":`${r.errors.toString()} (${(r.errors/r.calls*100).toFixed(1)}%)`,ut=r=>{const t=r.conflicts??0;return r.calls===0?"—":t===0?"0":`${t.toString()} (${(t/r.calls*100).toFixed(1)}%)`},ht={calls:(r,t)=>t.calls-r.calls,recent:(r,t)=>t.lastCalledAt-r.lastCalledAt,slowest:(r,t)=>t.maxDurationMs-r.maxDurationMs},Dt=r=>{const t=W(47),{functions:_,initialShardKey:R}=r,s=ot(),[o,U]=q(R??""),[i,B]=q("recent");let S;t[0]!==o?(S=o.trim(),t[0]=o,t[1]=S):S=t[1];const T=nt(S,400);let M;t[2]===Symbol.for("react.memo_cache_sentinel")?(M={},t[2]=M):M=t[2];let w;t[3]!==T?(w={live:!0,shardKey:T},t[3]=T,t[4]=w):w=t[4];const{data:H,error:c,errorSource:$,liveError:v}=lt(it.getFunctionStats,M,w),b=H?.functions??null;let E;t[5]!==_?(E=new Map((_??[]).map(ft)),t[5]=_,t[6]=E):E=t[6];const K=E;let C;t[7]===Symbol.for("react.memo_cache_sentinel")?(C=k=>{B(k.currentTarget.dataset.sort)},t[7]=C):C=t[7];const Q=C;let F;if(t[8]!==c||t[9]!==$||t[10]!==K||t[11]!==v||t[12]!==o||t[13]!==i||t[14]!==b||t[15]!==s){const k=b===null?[]:b.toSorted(ht[i]);let d;t[17]!==s?(d=s("Recent"),t[17]=s,t[18]=d):d=t[18];let m;t[19]!==d?(m={key:"recent",label:d},t[19]=d,t[20]=m):m=t[20];let u;t[21]!==s?(u=s("Most called"),t[21]=s,t[22]=u):u=t[22];let h;t[23]!==u?(h={key:"calls",label:u},t[23]=u,t[24]=h):h=t[24];let f;t[25]!==s?(f=s("Slowest"),t[25]=s,t[26]=f):f=t[26];let p;t[27]!==f?(p={key:"slowest",label:f},t[27]=f,t[28]=p):p=t[28];let I;t[29]!==h||t[30]!==p||t[31]!==m?(I=[m,h,p],t[29]=h,t[30]=p,t[31]=m,t[32]=I):I=t[32];const L=I;let x;t[33]!==o?(x=e(V,{onChange:U,testId:"fs-shard-input",value:o}),t[33]=o,t[34]=x):x=t[34];let g;t[35]!==v?(g=e(J,{message:v,prefix:"fs"}),t[35]=v,t[36]=g):g=t[36];let N;t[37]!==L||t[38]!==i?(N=e("div",{className:"ml-auto flex items-center gap-1",role:"group",children:L.map(a=>e(Y,{"data-sort":a.key,"data-testid":`fs-sort-${a.key}`,onClick:Q,size:"sm",type:"button",variant:i===a.key?"secondary":"ghost",children:a.label},a.key))}),t[37]=L,t[38]=i,t[39]=N):N=t[39];let A;t[40]!==x||t[41]!==g||t[42]!==N?(A=y("div",{className:"flex flex-wrap items-center gap-2",children:[x,g,N]}),t[40]=x,t[41]=g,t[42]=N,t[43]=A):A=t[43];let D;t[44]!==c||t[45]!==$?(D=c!==null&&e(G,{error:$,testId:"fs-error"}),t[44]=c,t[45]=$,t[46]=D):D=t[46],F=y("div",{className:"flex flex-col gap-4","data-testid":"lunora-function-stats",children:[A,D,b!==null&&k.length===0&&c===null&&e(et,{description:s("Per-function call counts, error rates, and latency land here after your first request."),icon:y("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:[e("path",{d:"M3 3v18h18"}),e("path",{d:"M7 14l4-4 3 3 5-6"})]}),testId:"fs-empty",title:s("No functions have run on this shard yet.")}),k.length>0&&e(Z,{className:"overflow-hidden py-0",children:e(tt,{className:"px-0",children:y(rt,{"data-testid":"fs-table",children:[e(at,{children:y(P,{children:[e(l,{children:s("function")}),e(l,{children:s("kind")}),e(l,{className:"text-right",children:s("calls")}),e(l,{className:"text-right",children:s("errors")}),e(l,{className:"text-right",children:s("conflicts")}),e(l,{className:"text-right",children:s("avg")}),e(l,{className:"text-right",children:s("max")}),e(l,{children:s("last run")}),e(l,{children:s("last error")})]})}),e(st,{children:k.map(a=>{const j=K.get(a.path);return y(P,{"data-testid":`fs-row-${a.path}`,children:[e(n,{className:"font-medium",children:a.path}),e(n,{children:j===void 0?e("span",{className:"text-muted-foreground",children:"—"}):e(X,{variant:dt[j],children:j})}),e(n,{className:"text-right tabular-nums",children:a.calls}),e(n,{className:z("text-right tabular-nums",a.errors>0&&"text-destructive"),children:mt(a)}),e(n,{className:z("text-right tabular-nums",(a.conflicts??0)>0&&"text-warning"),children:ut(a)}),e(n,{className:"text-right tabular-nums",children:a.calls===0?"—":O(a.totalDurationMs/a.calls)}),e(n,{className:"text-right tabular-nums",children:a.calls===0?"—":O(a.maxDurationMs)}),e(n,{className:"text-muted-foreground",children:ct(a.lastCalledAt,"—")}),e(n,{className:"max-w-[24ch] truncate text-destructive",title:a.lastErrorMessage??void 0,children:a.lastErrorMessage??e("span",{className:"text-muted-foreground",children:"—"})})]},a.path)})})]})})})]}),t[8]=c,t[9]=$,t[10]=K,t[11]=v,t[12]=o,t[13]=i,t[14]=b,t[15]=s,t[16]=F}else F=t[16];return F};function ft(r){return[r.path,r.kind]}export{Dt as FunctionStatsPanel};