@lunora/studio 1.0.0-alpha.142 → 1.0.0-alpha.144
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/index.d.mts +15 -4
- package/dist/index.d.ts +15 -4
- package/dist/index.mjs +1 -1
- package/dist/mount.d.mts +2 -1
- package/dist/mount.d.ts +2 -1
- package/dist/mount.mjs +1 -1
- package/dist/packem_chunks/HealthPanel.mjs +1 -1
- package/dist/packem_chunks/MetricsPanel.mjs +1 -1
- package/dist/packem_chunks/analytics-panel.mjs +1 -1
- package/dist/packem_chunks/issues-panel.mjs +1 -1
- package/dist/packem_chunks/kv-browser.mjs +1 -1
- package/dist/packem_chunks/migrations-route.mjs +1 -1
- package/dist/packem_chunks/schedule-panel.mjs +1 -1
- package/dist/packem_shared/{ScheduledJobs-oDVEymk5.mjs → ScheduledJobs-Db0HZ8R9.mjs} +1 -1
- package/dist/packem_shared/{Studio-5eRSjGmd.mjs → Studio-UxOpDgEl.mjs} +1 -1
- package/dist/packem_shared/StudioApp-BdisV3FN.mjs +1 -0
- package/dist/packem_shared/aggregateMetrics-CY05xrYU.mjs +1 -0
- package/dist/packem_shared/{app.d-D1bPR8FO.d.mts → app.d-DFjg4Uki.d.mts} +33 -1
- package/dist/packem_shared/{app.d-D1bPR8FO.d.ts → app.d-DFjg4Uki.d.ts} +33 -1
- package/dist/packem_shared/{select-Cx8-CokP.mjs → select-DPyS18Vy.mjs} +1 -1
- package/dist/packem_shared/{studio-4odoxrh9.mjs → studio-DE8N0tIQ.mjs} +1 -1
- package/dist/standalone/{chunk-7GHBT32T.js → chunk-24XD27OU.js} +1 -1
- package/dist/standalone/chunk-2BN33A2H.js +1 -0
- package/dist/standalone/{chunk-3MNTCYQ3.js → chunk-2OLPNCFW.js} +1 -1
- package/dist/standalone/{chunk-GCYNOU4C.js → chunk-2V436GDL.js} +1 -1
- package/dist/standalone/{chunk-DRFQ3BUM.js → chunk-2WVC52MX.js} +1 -1
- package/dist/standalone/{chunk-YRNEKBFM.js → chunk-4RPBRBOA.js} +1 -1
- package/dist/standalone/{chunk-BP7MDQY5.js → chunk-5NCE6W7L.js} +1 -1
- package/dist/standalone/{chunk-F2R2UX27.js → chunk-6DHQ3IIO.js} +1 -1
- package/dist/standalone/{chunk-6H36JL4I.js → chunk-6HKQM3CN.js} +1 -1
- package/dist/standalone/{chunk-SPP7FEDA.js → chunk-6VDI4D53.js} +1 -1
- package/dist/standalone/{chunk-BDZFZT2N.js → chunk-7MXYEEMC.js} +1 -1
- package/dist/standalone/{chunk-BYWVVRKM.js → chunk-ADDPGZY7.js} +1 -1
- package/dist/standalone/chunk-BAKGFOG4.js +1 -0
- package/dist/standalone/{chunk-S4HBMTJ3.js → chunk-BGAQFHQC.js} +1 -1
- package/dist/standalone/{chunk-ATO3Y6BD.js → chunk-BOEMUL7H.js} +1 -1
- package/dist/standalone/{chunk-37VWQZEF.js → chunk-DMAQKIMP.js} +2 -2
- package/dist/standalone/{chunk-IMUTQDOB.js → chunk-DNNLYDKX.js} +1 -1
- package/dist/standalone/{chunk-NZMUY7ZG.js → chunk-DZVEJZ3C.js} +1 -1
- package/dist/standalone/{chunk-7DNDONOI.js → chunk-E3AFG6TS.js} +1 -1
- package/dist/standalone/{chunk-PCOD3V5E.js → chunk-ESVQSHW2.js} +1 -1
- package/dist/standalone/{chunk-BMAP2J7X.js → chunk-FOILW5QP.js} +1 -1
- package/dist/standalone/{chunk-NPHUYLGW.js → chunk-FSOA4SEY.js} +1 -1
- package/dist/standalone/{chunk-HCO5STOE.js → chunk-H2GRI4BS.js} +1 -1
- package/dist/standalone/{chunk-I27WXF7C.js → chunk-HD7R6NQT.js} +1 -1
- package/dist/standalone/{chunk-L6KA7M4B.js → chunk-IP6LZ2OL.js} +1 -1
- package/dist/standalone/{chunk-PNFIPQJO.js → chunk-IYS3RM7B.js} +1 -1
- package/dist/standalone/{chunk-BNGOZSCT.js → chunk-JWORA33E.js} +1 -1
- package/dist/standalone/chunk-KASQ7MFV.js +1 -0
- package/dist/standalone/{chunk-PV2LCZ6D.js → chunk-KDELXUQD.js} +1 -1
- package/dist/standalone/{chunk-B5FXTB7H.js → chunk-LSRUM2JJ.js} +1 -1
- package/dist/standalone/{chunk-XSLMHPP2.js → chunk-MFMUFECI.js} +1 -1
- package/dist/standalone/{chunk-7ZWZNTKG.js → chunk-MFXZDB7X.js} +1 -1
- package/dist/standalone/{chunk-WZYKLEU5.js → chunk-MMSQ35RC.js} +1 -1
- package/dist/standalone/{chunk-LPFRXMG7.js → chunk-MZXZ2XVQ.js} +1 -1
- package/dist/standalone/{chunk-KBSJO66O.js → chunk-N6Q4ORVH.js} +1 -1
- package/dist/standalone/{chunk-HS7MSYK7.js → chunk-NK7VUSL2.js} +1 -1
- package/dist/standalone/{chunk-QEN7S6YK.js → chunk-OJN5A2JI.js} +1 -1
- package/dist/standalone/{chunk-HJOKETMZ.js → chunk-OT4I4LMO.js} +1 -1
- package/dist/standalone/{chunk-BAIGKYAI.js → chunk-P3MCKI2S.js} +1 -1
- package/dist/standalone/chunk-PPNBTM7O.js +11 -0
- package/dist/standalone/{chunk-4TKQNBNV.js → chunk-Q2Q4UUXS.js} +1 -1
- package/dist/standalone/{chunk-XUKH3NTP.js → chunk-S6K7T563.js} +1 -1
- package/dist/standalone/chunk-S73X6JFA.js +1 -0
- package/dist/standalone/{chunk-WHWI6KXH.js → chunk-SNHEWTJY.js} +1 -1
- package/dist/standalone/{chunk-X43AA6RX.js → chunk-SOUQNAE7.js} +1 -1
- package/dist/standalone/chunk-SUDJTC4S.js +1 -0
- package/dist/standalone/{chunk-W7E5WYFI.js → chunk-TFNVT4ZJ.js} +1 -1
- package/dist/standalone/{chunk-T2IE5GKA.js → chunk-UODFNQOY.js} +4 -4
- package/dist/standalone/{chunk-JXELPXLG.js → chunk-URVSYGSQ.js} +1 -1
- package/dist/standalone/{chunk-O32757IN.js → chunk-V4EMZ3HJ.js} +1 -1
- package/dist/standalone/{chunk-PKCC4J5W.js → chunk-V7665E6Y.js} +1 -1
- package/dist/standalone/{chunk-WIFKQ25E.js → chunk-VAMUCQ75.js} +1 -1
- package/dist/standalone/{chunk-YKUEP7AA.js → chunk-VGGVQFKU.js} +1 -1
- package/dist/standalone/{chunk-ZNPR3SGG.js → chunk-VNK6MRM6.js} +1 -1
- package/dist/standalone/{chunk-HZX6KSC2.js → chunk-WISI2EBQ.js} +1 -1
- package/dist/standalone/{chunk-QM3SGSVK.js → chunk-WQWZR452.js} +1 -1
- package/dist/standalone/{chunk-AR46S3PP.js → chunk-X6GR3SDI.js} +1 -1
- package/dist/standalone/{chunk-A4MLWW6Q.js → chunk-XDLUQ6RQ.js} +1 -1
- package/dist/standalone/{chunk-IXLH5YBD.js → chunk-XTMBNA4V.js} +1 -1
- package/dist/standalone/{chunk-IXMHWLSN.js → chunk-Y3YXQ6EU.js} +1 -1
- package/dist/standalone/{chunk-V5ITAZCZ.js → chunk-YBWZUB6A.js} +1 -1
- package/dist/standalone/{chunk-IGBQ2CPW.js → chunk-YW3RHFAI.js} +1 -1
- package/dist/standalone/{chunk-LELCKAUP.js → chunk-ZQ2PIQE4.js} +1 -1
- package/dist/standalone/studio.js +7 -7
- package/package.json +6 -6
- package/dist/packem_shared/StudioApp-Bkym2DjT.mjs +0 -1
- package/dist/packem_shared/aggregateMetrics-A-Y7OH6R.mjs +0 -1
- package/dist/standalone/chunk-2O5QDSR2.js +0 -1
- package/dist/standalone/chunk-45T7VWRY.js +0 -1
- package/dist/standalone/chunk-AZOLR4BN.js +0 -1
- package/dist/standalone/chunk-CKZQXAZE.js +0 -1
- package/dist/standalone/chunk-TQCXJX4I.js +0 -1
- package/dist/standalone/chunk-XDT5DXOI.js +0 -11
- /package/dist/standalone/{chunk-YEBHHIAY.js → chunk-U5JDESCI.js} +0 -0
package/dist/mount.d.ts
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import { Root } from 'react-dom/client';
|
|
2
|
-
import { S as StudioAppProps } from "./packem_shared/app.d-
|
|
2
|
+
import { S as StudioAppProps } from "./packem_shared/app.d-DFjg4Uki.js";
|
|
3
3
|
import '@lunora/client';
|
|
4
4
|
import 'react';
|
|
5
5
|
import '@lingui/core';
|
|
6
|
+
import '@lunora/bindings/analytics';
|
|
6
7
|
interface MountStudioOptions extends StudioAppProps {
|
|
7
8
|
/**
|
|
8
9
|
* The container to mount into. Accepts an element or a selector; defaults to
|
package/dist/mount.mjs
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{LunoraError as
|
|
1
|
+
import{LunoraError as m}from"@lunora/errors";import{createRoot as i}from"react-dom/client";import{StudioApp as p}from"./packem_shared/StudioApp-BdisV3FN.mjs";import{jsx as u}from"react/jsx-runtime";const a=(n={})=>{const{container:o="#root",...e}=n,t=typeof o=="string"?document.querySelector(o):o;if(t===null)throw new m("INTERNAL",`mountStudio: container ${typeof o=="string"?o:"element"} not found`);const r=i(t);return r.render(u(p,{...e})),r};export{a as mountStudio};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as ae}from"react/compiler-runtime";import{useLunora as pe}from"@lunora/react";import{useState as E,useRef as D,useEffect as j,useCallback as ge}from"react";import xe from"../packem_shared/ConnectionBadge-B_8fcft2.mjs";import{L as ve}from"../packem_shared/live-status-BuJdUZFU.mjs";import{B as G}from"../packem_shared/badge-r_5B4LHP.mjs";import{C as M}from"../packem_shared/card--2hKx4L2.mjs";import{u as Ne}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{useT as le}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as A}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{i as be,f as $,d as ee,b as te,c as _}from"../packem_shared/internal-CwaF9YNk.mjs";import{l as we}from"../packem_shared/shard-history-CaO3C4KQ.mjs";import{c as R}from"../packem_shared/utils-bhneXptQ.mjs";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{shardsToAggregate as Ee}from"../packem_shared/aggregateMetrics-A-Y7OH6R.mjs";import{S as z}from"../packem_shared/sparkline-B_sPPO_8.mjs";const Se={crit:"destructive",ok:"secondary",warn:"default"},P=(s,e)=>e===0?"—":`${(s/e*100).toFixed(1)}%`,Q=(s,e,r)=>Number.isNaN(s)?"ok":s>=r?"crit":s>=e?"warn":"ok",ne=.01,oe=.05,ye=s=>{const e=ae(36),{errorCount:r,logsError:t,topErrors:a,worstFunctions:f}=s,o=le();let n;e[0]!==o?(n=o("Functions by error rate"),e[0]=o,e[1]=n):n=e[1];let h;e[2]!==n?(h=l("header",{className:"border-b border-border px-4 py-3",children:l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:n})}),e[2]=n,e[3]=h):h=e[3];let m;e[4]!==o||e[5]!==f?(m=f.length===0?l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"hl-functions-empty",children:o("No function activity yet.")}):l("ul",{className:"divide-y divide-border",children:f.map(b=>u("li",{className:"flex flex-wrap items-center justify-between gap-2 px-4 py-2 text-xs","data-testid":"hl-fn-row",children:[l("span",{className:"truncate font-mono text-foreground",children:b.path}),u("span",{className:"flex shrink-0 items-center gap-2",children:[l("span",{className:"tabular-nums text-muted-foreground",children:o("{count} calls",{count:b.calls.toString()})}),l(G,{variant:Se[Q(b.errors/b.calls,ne,oe)],children:P(b.errors,b.calls)})]})]},b.path))}),e[4]=o,e[5]=f,e[6]=m):m=e[6];let p;e[7]!==h||e[8]!==m?(p=u(M,{className:"gap-0 py-0","data-testid":"hl-functions",children:[h,m]}),e[7]=h,e[8]=m,e[9]=p):p=e[9];let v;e[10]!==o?(v=o("Recent errors"),e[10]=o,e[11]=v):v=e[11];let i;e[12]!==v?(i=l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:v}),e[12]=v,e[13]=i):i=e[13];const c=r>0?"destructive":"outline";let g;e[14]!==r||e[15]!==c?(g=l(G,{"data-testid":"hl-error-count",variant:c,children:r}),e[14]=r,e[15]=c,e[16]=g):g=e[16];let x;e[17]!==i||e[18]!==g?(x=u("header",{className:"flex items-center justify-between gap-2 border-b border-border px-4 py-3",children:[i,g]}),e[17]=i,e[18]=g,e[19]=x):x=e[19];let S;e[20]!==t?(S=t!==null&&l("p",{className:"px-4 py-8 text-center text-sm text-destructive","data-testid":"hl-logs-error",role:"alert",children:t}),e[20]=t,e[21]=S):S=e[21];let y;e[22]!==t||e[23]!==o||e[24]!==a.length?(y=t===null&&a.length===0&&l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"hl-errors-empty",children:o("No recent errors.")}),e[22]=t,e[23]=o,e[24]=a.length,e[25]=y):y=e[25];let T;e[26]!==a?(T=a.length>0&&l("ul",{className:"divide-y divide-border",children:a.map(Te)}),e[26]=a,e[27]=T):T=e[27];let N;e[28]!==S||e[29]!==y||e[30]!==T||e[31]!==x?(N=u(M,{className:"gap-0 py-0",children:[x,S,y,T]}),e[28]=S,e[29]=y,e[30]=T,e[31]=x,e[32]=N):N=e[32];let w;return e[33]!==N||e[34]!==p?(w=u("div",{className:"grid gap-3 lg:grid-cols-2",children:[p,N]}),e[33]=N,e[34]=p,e[35]=w):w=e[35],w};function Te(s,e){return u("li",{className:"flex flex-col gap-0.5 px-4 py-2 text-xs","data-testid":"hl-error-row",children:[u("span",{className:"flex items-center gap-2",children:[l("time",{className:"shrink-0 text-muted-foreground",children:be(s.timestamp)}),s.functionPath!==void 0&&l("span",{className:"truncate font-mono text-foreground",children:s.functionPath})]}),l("span",{className:"text-destructive",children:s.message})]},`${s.timestamp.toString()}-${e.toString()}`)}const re={completed:0,failed:2,in_progress:1},Ae=s=>{let e=0,r=0,t=0,a=0,f=!1;const o=[];for(const{metrics:n}of s){if(n===null){a+=1;continue}t+=1,e+=n.requests,r+=n.errors,o.push(...n.history??[]),f||=n.historyTruncated===!0}return{errors:r,failed:a,history:o,historyTruncated:f,reachable:t,requests:e}},ke=s=>{const e=new Map;for(const r of s)for(const t of r){const a=e.get(t.path);if(a===void 0){e.set(t.path,{...t});continue}a.calls+=t.calls,a.errors+=t.errors,a.totalDurationMs+=t.totalDurationMs,a.scans=(a.scans??0)+(t.scans??0),a.maxDurationMs=Math.max(a.maxDurationMs,t.maxDurationMs),a.lastCalledAt=Math.max(a.lastCalledAt,t.lastCalledAt),(t.lastErrorAt??0)>(a.lastErrorAt??0)&&(a.lastErrorAt=t.lastErrorAt,a.lastErrorMessage=t.lastErrorMessage)}return[...e.values()]},Re=s=>{const e=new Map;for(const r of s)for(const t of r){const a=e.get(t.id);if(a===void 0){e.set(t.id,t);continue}const f=re[t.status]-re[a.status];(f>0||f===0&&(t.updatedAt??0)>(a.updatedAt??0))&&e.set(t.id,t)}return[...e.values()]},Me=_(A.getAuthMetrics),_e=_(A.getFunctionStats),Le=_(A.getLogs),Ie=_(A.getMetrics),Ce=_(A.migrationStatus),qe=5,se=2e3,Oe=5,Fe=.1,De=.3,je=1,Ue=50,Pe=(s,e,r)=>s>=r?"crit":s>=e?"warn":"ok",Ge=s=>{const e=new Map;for(const t of s??[]){const a=e.get(t.bucketMs)??{calls:0,errors:0};a.calls+=t.calls,a.errors+=t.errors,e.set(t.bucketMs,a)}const r=[...e.entries()].toSorted((t,a)=>t[0]-a[0]);return{errors:r.map(([,t])=>t.errors),requests:r.map(([,t])=>t.calls)}},Ve=s=>{let e=0,r=0;for(const a of s)a.status==="failed"?e+=1:a.status==="in_progress"&&(r+=1);let t="ok";return e>0?t="crit":r>0&&(t="warn"),{failed:e,level:t,running:r}},Be=(s,e)=>s.failed>0?e("{count} failed",{count:s.failed.toString()}):s.running>0?e("{count} running",{count:s.running.toString()}):e("OK"),ie={crit:"bg-destructive",ok:"bg-success",warn:"bg-warning"},ce={crit:"text-destructive",ok:"text-foreground",warn:"text-warning"},He={crit:"bg-destructive/10 text-destructive",ok:"bg-success/10 text-success",warn:"bg-warning/10 text-warning"},Ke=s=>s.includes("crit")?"crit":s.includes("warn")?"warn":"ok",U=s=>{const e=ae(19),{chart:r,label:t,level:a,testId:f,value:o}=s,n=ie[a];let h;e[0]!==n?(h=R("size-1.5 shrink-0 rounded-full",n),e[0]=n,e[1]=h):h=e[1];let m;e[2]!==h?(m=l("span",{"aria-hidden":"true",className:h}),e[2]=h,e[3]=m):m=e[3];let p;e[4]!==t||e[5]!==m?(p=u("span",{className:"flex items-center gap-1.5 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:[m,t]}),e[4]=t,e[5]=m,e[6]=p):p=e[6];const v=ce[a];let i;e[7]!==v?(i=R("truncate text-2xl font-semibold tabular-nums",v),e[7]=v,e[8]=i):i=e[8];let c;e[9]!==i||e[10]!==f||e[11]!==o?(c=l("span",{className:i,"data-testid":f,children:o}),e[9]=i,e[10]=f,e[11]=o,e[12]=c):c=e[12];let g;e[13]!==r||e[14]!==c?(g=u("div",{className:"flex items-center justify-between gap-3",children:[c,r]}),e[13]=r,e[14]=c,e[15]=g):g=e[15];let x;return e[16]!==p||e[17]!==g?(x=l(M,{className:"gap-0 py-0",children:u("div",{className:"flex flex-col gap-2.5 p-4",children:[p,g]})}),e[16]=p,e[17]=g,e[18]=x):x=e[18],x},$e=async(s,e,r)=>{const t=await Promise.all(r.map(i=>{const c=ee(i);return Promise.allSettled([s.query(Ie,{},c),s.query(_e,{},c),s.query(Ce,{},c)])})),a=ee(e),f=typeof s.schedulerStatus=="function"?s.schedulerStatus():Promise.reject(new Error("scheduler status unavailable")),[o,n,h]=await Promise.allSettled([s.query(Le,{},a),s.query(Me,{},a),f]),m=t.map(([i,c,g])=>({functions:c.status==="fulfilled"?c.value.functions:[],metrics:i.status==="fulfilled"?i.value:null,migrations:g.status==="fulfilled"?g.value.migrations:[]})),p=Ae(m),v=t[0]?.[0];return{auth:n.status==="fulfilled"?n.value:null,entries:o.status==="fulfilled"?o.value.entries:[],functions:ke(m.map(i=>i.functions)),logsError:o.status==="rejected"?te(o.reason):null,metricsError:p.reachable===0&&v?.status==="rejected"?te(v.reason):null,migrations:Re(m.map(i=>i.migrations)),scheduler:h.status==="fulfilled"?h.value:null,totals:p}},ze=s=>{const e=s?.history??[];return{attempts:e.map(r=>r.attempts),failures:e.map(r=>r.failures)}},ut=({initialShardKey:s})=>{const e=pe(),r=le(),[t,a]=E([]),[f,o]=E(null),[n,h]=E(null),[m,p]=E(null),[v,i]=E([]),[c,g]=E(null),[x,S]=E(null),[y,T]=E([]),[N]=E(we),w=D(!1),b=D(!0);j(()=>(b.current=!0,()=>{b.current=!1}),[]);const L=s??"",I=ge(async()=>{if(w.current)return;w.current=!0;const d=await $e(e,L,Ee(L,N));if(!b.current){w.current=!1;return}h(d.totals),p(d.metricsError),i(d.functions),T(d.migrations),a(d.entries),o(d.logsError),g(d.auth),S(d.scheduler),w.current=!1},[e,N,L]);j(()=>{$(I())},[I]);const V=D(0),k=D(null),ue=()=>{const d=Date.now()-V.current;if(d>=se){V.current=Date.now(),$(I());return}k.current===null&&(k.current=setTimeout(()=>{k.current=null,V.current=Date.now(),$(I())},se-d))};j(()=>()=>{k.current!==null&&clearTimeout(k.current)},[]);const{data:W,liveError:de}=Ne(A.getMetrics,{},{live:!0,shardKey:L});j(()=>{W!==void 0&&ue()},[W]);const X=t.filter(d=>d.level==="error"),me=X.slice(0,qe),C=Ge(n?.history),J=ze(c),fe=v.filter(d=>d.calls>0).toSorted((d,K)=>K.errors/K.calls-d.errors/d.calls||K.calls-d.calls).slice(0,Oe),B=Ve(y),he=n===null||n.requests===0?0:n.errors/n.requests,H=Q(he,ne,oe),Y=c===null?"ok":Q(c.failureRate,Fe,De),Z=x===null?"ok":Pe(x.backlog,je,Ue),q=Ke([H,Y,Z,B.level]);let O,F;return q==="crit"?(O=r("Critical"),F=r("One or more service levels are breached.")):q==="warn"?(O=r("Degraded"),F=r("Some service levels need attention.")):(O=r("All systems healthy"),F=r("All service levels are within target.")),u("div",{className:"flex flex-col gap-6","data-testid":"lunora-health",children:[u(M,{className:"gap-0 py-0",children:[u("div",{className:"flex flex-wrap items-center justify-between gap-4 p-4",children:[u("div",{className:"flex items-center gap-3",children:[l("span",{"aria-hidden":"true",className:R("flex size-10 shrink-0 items-center justify-center rounded-full",He[q]),children:l("span",{className:R("size-3 rounded-full",ie[q])})}),u("div",{className:"grid leading-tight",children:[l("span",{className:"text-sm font-semibold text-foreground","data-testid":"hl-status",children:O}),l("span",{className:"text-[13px] text-muted-foreground",children:F})]})]}),u("div",{className:"flex flex-wrap items-center gap-4",children:[u("div",{className:"text-end",children:[l("div",{className:"font-mono text-[10px] tracking-wide text-muted-foreground uppercase",children:r("Requests")}),u("div",{className:"flex items-center justify-end gap-2",children:[C.requests.length>=2&&l(z,{ariaLabel:r("Requests over time"),className:"h-6 w-20 text-foreground",series:C.requests,testId:"hl-spark-requests"}),l("span",{className:"text-lg font-semibold tabular-nums text-foreground","data-testid":"hl-requests",children:(n?.requests??0).toString()})]})]}),l("span",{"aria-hidden":"true",className:"h-9 w-px bg-border"}),u("div",{className:"text-end",children:[l("div",{className:"font-mono text-[10px] tracking-wide text-muted-foreground uppercase",children:r("Error rate")}),l("div",{className:R("text-lg font-semibold tabular-nums",ce[H]),"data-testid":"hl-error-rate",children:n===null?"—":P(n.errors,n.requests)})]}),l("span",{"aria-hidden":"true",className:"h-9 w-px bg-border"}),u("div",{className:"flex items-center gap-2",children:[l(xe,{}),l(ve,{message:de,prefix:"hl"})]})]})]}),m!==null&&l("div",{className:"border-t border-border bg-destructive/5 px-4 py-2 text-sm text-destructive","data-testid":"hl-metrics-error",role:"alert",children:m}),m===null&&n?.historyTruncated===!0&&l("div",{className:"border-t border-border bg-warning/5 px-4 py-2 text-sm text-muted-foreground","data-testid":"hl-history-truncated",children:r("Showing a partial request/error history — one or more shards have more data than the trend chart can display.")})]}),u("div",{className:"grid gap-3 sm:grid-cols-2 xl:grid-cols-4","data-testid":"hl-slo",children:[l(U,{chart:C.errors.length>=2?l(z,{ariaLabel:r("Errors over time"),className:"h-7 w-20 text-destructive",series:C.errors,testId:"hl-spark-errors"}):void 0,label:r("Error rate"),level:H,testId:"hl-slo-errorrate",value:n===null?"—":P(n.errors,n.requests)}),l(U,{chart:J.failures.length>=2?l(z,{ariaLabel:r("Auth failures over time"),className:"h-7 w-20 text-destructive",series:J.failures,testId:"hl-spark-auth"}):void 0,label:r("Auth failures"),level:Y,testId:"hl-slo-auth",value:c===null?"—":P(c.failures,c.attempts)}),l(U,{label:r("Scheduler backlog"),level:Z,testId:"hl-slo-backlog",value:x===null?"—":x.backlog.toString()}),l(U,{label:r("Migrations"),level:B.level,testId:"hl-slo-migrations",value:Be(B,r)})]}),l(ye,{errorCount:X.length,logsError:f,topErrors:me,worstFunctions:fe}),u(M,{className:"gap-0 py-0",children:[u("header",{className:"flex items-center justify-between gap-2 border-b border-border px-4 py-3",children:[l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:r("Shards seen")}),l(G,{"data-testid":"hl-shard-count",variant:"outline",children:N.length})]}),N.length>0&&l("ul",{className:"flex flex-wrap gap-1.5 p-4",children:N.map(d=>l("li",{"data-testid":"hl-shard",children:l(G,{variant:"secondary",children:d})},d))})]})]})};export{ut as HealthPanel};
|
|
1
|
+
import{c as ae}from"react/compiler-runtime";import{useLunora as pe}from"@lunora/react";import{useState as E,useRef as D,useEffect as j,useCallback as ge}from"react";import xe from"../packem_shared/ConnectionBadge-B_8fcft2.mjs";import{L as ve}from"../packem_shared/live-status-BuJdUZFU.mjs";import{B as G}from"../packem_shared/badge-r_5B4LHP.mjs";import{C as M}from"../packem_shared/card--2hKx4L2.mjs";import{u as Ne}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{useT as le}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as A}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{i as be,f as $,d as ee,b as te,c as _}from"../packem_shared/internal-CwaF9YNk.mjs";import{l as we}from"../packem_shared/shard-history-CaO3C4KQ.mjs";import{c as R}from"../packem_shared/utils-bhneXptQ.mjs";import{jsx as l,jsxs as u}from"react/jsx-runtime";import{shardsToAggregate as Ee}from"../packem_shared/aggregateMetrics-CY05xrYU.mjs";import{S as z}from"../packem_shared/sparkline-B_sPPO_8.mjs";const Se={crit:"destructive",ok:"secondary",warn:"default"},P=(s,e)=>e===0?"—":`${(s/e*100).toFixed(1)}%`,Q=(s,e,r)=>Number.isNaN(s)?"ok":s>=r?"crit":s>=e?"warn":"ok",ne=.01,oe=.05,ye=s=>{const e=ae(36),{errorCount:r,logsError:t,topErrors:a,worstFunctions:f}=s,o=le();let n;e[0]!==o?(n=o("Functions by error rate"),e[0]=o,e[1]=n):n=e[1];let h;e[2]!==n?(h=l("header",{className:"border-b border-border px-4 py-3",children:l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:n})}),e[2]=n,e[3]=h):h=e[3];let m;e[4]!==o||e[5]!==f?(m=f.length===0?l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"hl-functions-empty",children:o("No function activity yet.")}):l("ul",{className:"divide-y divide-border",children:f.map(b=>u("li",{className:"flex flex-wrap items-center justify-between gap-2 px-4 py-2 text-xs","data-testid":"hl-fn-row",children:[l("span",{className:"truncate font-mono text-foreground",children:b.path}),u("span",{className:"flex shrink-0 items-center gap-2",children:[l("span",{className:"tabular-nums text-muted-foreground",children:o("{count} calls",{count:b.calls.toString()})}),l(G,{variant:Se[Q(b.errors/b.calls,ne,oe)],children:P(b.errors,b.calls)})]})]},b.path))}),e[4]=o,e[5]=f,e[6]=m):m=e[6];let p;e[7]!==h||e[8]!==m?(p=u(M,{className:"gap-0 py-0","data-testid":"hl-functions",children:[h,m]}),e[7]=h,e[8]=m,e[9]=p):p=e[9];let v;e[10]!==o?(v=o("Recent errors"),e[10]=o,e[11]=v):v=e[11];let i;e[12]!==v?(i=l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:v}),e[12]=v,e[13]=i):i=e[13];const c=r>0?"destructive":"outline";let g;e[14]!==r||e[15]!==c?(g=l(G,{"data-testid":"hl-error-count",variant:c,children:r}),e[14]=r,e[15]=c,e[16]=g):g=e[16];let x;e[17]!==i||e[18]!==g?(x=u("header",{className:"flex items-center justify-between gap-2 border-b border-border px-4 py-3",children:[i,g]}),e[17]=i,e[18]=g,e[19]=x):x=e[19];let S;e[20]!==t?(S=t!==null&&l("p",{className:"px-4 py-8 text-center text-sm text-destructive","data-testid":"hl-logs-error",role:"alert",children:t}),e[20]=t,e[21]=S):S=e[21];let y;e[22]!==t||e[23]!==o||e[24]!==a.length?(y=t===null&&a.length===0&&l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"hl-errors-empty",children:o("No recent errors.")}),e[22]=t,e[23]=o,e[24]=a.length,e[25]=y):y=e[25];let T;e[26]!==a?(T=a.length>0&&l("ul",{className:"divide-y divide-border",children:a.map(Te)}),e[26]=a,e[27]=T):T=e[27];let N;e[28]!==S||e[29]!==y||e[30]!==T||e[31]!==x?(N=u(M,{className:"gap-0 py-0",children:[x,S,y,T]}),e[28]=S,e[29]=y,e[30]=T,e[31]=x,e[32]=N):N=e[32];let w;return e[33]!==N||e[34]!==p?(w=u("div",{className:"grid gap-3 lg:grid-cols-2",children:[p,N]}),e[33]=N,e[34]=p,e[35]=w):w=e[35],w};function Te(s,e){return u("li",{className:"flex flex-col gap-0.5 px-4 py-2 text-xs","data-testid":"hl-error-row",children:[u("span",{className:"flex items-center gap-2",children:[l("time",{className:"shrink-0 text-muted-foreground",children:be(s.timestamp)}),s.functionPath!==void 0&&l("span",{className:"truncate font-mono text-foreground",children:s.functionPath})]}),l("span",{className:"text-destructive",children:s.message})]},`${s.timestamp.toString()}-${e.toString()}`)}const re={completed:0,failed:2,in_progress:1},Ae=s=>{let e=0,r=0,t=0,a=0,f=!1;const o=[];for(const{metrics:n}of s){if(n===null){a+=1;continue}t+=1,e+=n.requests,r+=n.errors,o.push(...n.history??[]),f||=n.historyTruncated===!0}return{errors:r,failed:a,history:o,historyTruncated:f,reachable:t,requests:e}},ke=s=>{const e=new Map;for(const r of s)for(const t of r){const a=e.get(t.path);if(a===void 0){e.set(t.path,{...t});continue}a.calls+=t.calls,a.errors+=t.errors,a.totalDurationMs+=t.totalDurationMs,a.scans=(a.scans??0)+(t.scans??0),a.maxDurationMs=Math.max(a.maxDurationMs,t.maxDurationMs),a.lastCalledAt=Math.max(a.lastCalledAt,t.lastCalledAt),(t.lastErrorAt??0)>(a.lastErrorAt??0)&&(a.lastErrorAt=t.lastErrorAt,a.lastErrorMessage=t.lastErrorMessage)}return[...e.values()]},Re=s=>{const e=new Map;for(const r of s)for(const t of r){const a=e.get(t.id);if(a===void 0){e.set(t.id,t);continue}const f=re[t.status]-re[a.status];(f>0||f===0&&(t.updatedAt??0)>(a.updatedAt??0))&&e.set(t.id,t)}return[...e.values()]},Me=_(A.getAuthMetrics),_e=_(A.getFunctionStats),Le=_(A.getLogs),Ie=_(A.getMetrics),Ce=_(A.migrationStatus),qe=5,se=2e3,Oe=5,Fe=.1,De=.3,je=1,Ue=50,Pe=(s,e,r)=>s>=r?"crit":s>=e?"warn":"ok",Ge=s=>{const e=new Map;for(const t of s??[]){const a=e.get(t.bucketMs)??{calls:0,errors:0};a.calls+=t.calls,a.errors+=t.errors,e.set(t.bucketMs,a)}const r=[...e.entries()].toSorted((t,a)=>t[0]-a[0]);return{errors:r.map(([,t])=>t.errors),requests:r.map(([,t])=>t.calls)}},Ve=s=>{let e=0,r=0;for(const a of s)a.status==="failed"?e+=1:a.status==="in_progress"&&(r+=1);let t="ok";return e>0?t="crit":r>0&&(t="warn"),{failed:e,level:t,running:r}},Be=(s,e)=>s.failed>0?e("{count} failed",{count:s.failed.toString()}):s.running>0?e("{count} running",{count:s.running.toString()}):e("OK"),ie={crit:"bg-destructive",ok:"bg-success",warn:"bg-warning"},ce={crit:"text-destructive",ok:"text-foreground",warn:"text-warning"},He={crit:"bg-destructive/10 text-destructive",ok:"bg-success/10 text-success",warn:"bg-warning/10 text-warning"},Ke=s=>s.includes("crit")?"crit":s.includes("warn")?"warn":"ok",U=s=>{const e=ae(19),{chart:r,label:t,level:a,testId:f,value:o}=s,n=ie[a];let h;e[0]!==n?(h=R("size-1.5 shrink-0 rounded-full",n),e[0]=n,e[1]=h):h=e[1];let m;e[2]!==h?(m=l("span",{"aria-hidden":"true",className:h}),e[2]=h,e[3]=m):m=e[3];let p;e[4]!==t||e[5]!==m?(p=u("span",{className:"flex items-center gap-1.5 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:[m,t]}),e[4]=t,e[5]=m,e[6]=p):p=e[6];const v=ce[a];let i;e[7]!==v?(i=R("truncate text-2xl font-semibold tabular-nums",v),e[7]=v,e[8]=i):i=e[8];let c;e[9]!==i||e[10]!==f||e[11]!==o?(c=l("span",{className:i,"data-testid":f,children:o}),e[9]=i,e[10]=f,e[11]=o,e[12]=c):c=e[12];let g;e[13]!==r||e[14]!==c?(g=u("div",{className:"flex items-center justify-between gap-3",children:[c,r]}),e[13]=r,e[14]=c,e[15]=g):g=e[15];let x;return e[16]!==p||e[17]!==g?(x=l(M,{className:"gap-0 py-0",children:u("div",{className:"flex flex-col gap-2.5 p-4",children:[p,g]})}),e[16]=p,e[17]=g,e[18]=x):x=e[18],x},$e=async(s,e,r)=>{const t=await Promise.all(r.map(i=>{const c=ee(i);return Promise.allSettled([s.query(Ie,{},c),s.query(_e,{},c),s.query(Ce,{},c)])})),a=ee(e),f=typeof s.schedulerStatus=="function"?s.schedulerStatus():Promise.reject(new Error("scheduler status unavailable")),[o,n,h]=await Promise.allSettled([s.query(Le,{},a),s.query(Me,{},a),f]),m=t.map(([i,c,g])=>({functions:c.status==="fulfilled"?c.value.functions:[],metrics:i.status==="fulfilled"?i.value:null,migrations:g.status==="fulfilled"?g.value.migrations:[]})),p=Ae(m),v=t[0]?.[0];return{auth:n.status==="fulfilled"?n.value:null,entries:o.status==="fulfilled"?o.value.entries:[],functions:ke(m.map(i=>i.functions)),logsError:o.status==="rejected"?te(o.reason):null,metricsError:p.reachable===0&&v?.status==="rejected"?te(v.reason):null,migrations:Re(m.map(i=>i.migrations)),scheduler:h.status==="fulfilled"?h.value:null,totals:p}},ze=s=>{const e=s?.history??[];return{attempts:e.map(r=>r.attempts),failures:e.map(r=>r.failures)}},ut=({initialShardKey:s})=>{const e=pe(),r=le(),[t,a]=E([]),[f,o]=E(null),[n,h]=E(null),[m,p]=E(null),[v,i]=E([]),[c,g]=E(null),[x,S]=E(null),[y,T]=E([]),[N]=E(we),w=D(!1),b=D(!0);j(()=>(b.current=!0,()=>{b.current=!1}),[]);const L=s??"",I=ge(async()=>{if(w.current)return;w.current=!0;const d=await $e(e,L,Ee(L,N));if(!b.current){w.current=!1;return}h(d.totals),p(d.metricsError),i(d.functions),T(d.migrations),a(d.entries),o(d.logsError),g(d.auth),S(d.scheduler),w.current=!1},[e,N,L]);j(()=>{$(I())},[I]);const V=D(0),k=D(null),ue=()=>{const d=Date.now()-V.current;if(d>=se){V.current=Date.now(),$(I());return}k.current===null&&(k.current=setTimeout(()=>{k.current=null,V.current=Date.now(),$(I())},se-d))};j(()=>()=>{k.current!==null&&clearTimeout(k.current)},[]);const{data:W,liveError:de}=Ne(A.getMetrics,{},{live:!0,shardKey:L});j(()=>{W!==void 0&&ue()},[W]);const X=t.filter(d=>d.level==="error"),me=X.slice(0,qe),C=Ge(n?.history),J=ze(c),fe=v.filter(d=>d.calls>0).toSorted((d,K)=>K.errors/K.calls-d.errors/d.calls||K.calls-d.calls).slice(0,Oe),B=Ve(y),he=n===null||n.requests===0?0:n.errors/n.requests,H=Q(he,ne,oe),Y=c===null?"ok":Q(c.failureRate,Fe,De),Z=x===null?"ok":Pe(x.backlog,je,Ue),q=Ke([H,Y,Z,B.level]);let O,F;return q==="crit"?(O=r("Critical"),F=r("One or more service levels are breached.")):q==="warn"?(O=r("Degraded"),F=r("Some service levels need attention.")):(O=r("All systems healthy"),F=r("All service levels are within target.")),u("div",{className:"flex flex-col gap-6","data-testid":"lunora-health",children:[u(M,{className:"gap-0 py-0",children:[u("div",{className:"flex flex-wrap items-center justify-between gap-4 p-4",children:[u("div",{className:"flex items-center gap-3",children:[l("span",{"aria-hidden":"true",className:R("flex size-10 shrink-0 items-center justify-center rounded-full",He[q]),children:l("span",{className:R("size-3 rounded-full",ie[q])})}),u("div",{className:"grid leading-tight",children:[l("span",{className:"text-sm font-semibold text-foreground","data-testid":"hl-status",children:O}),l("span",{className:"text-[13px] text-muted-foreground",children:F})]})]}),u("div",{className:"flex flex-wrap items-center gap-4",children:[u("div",{className:"text-end",children:[l("div",{className:"font-mono text-[10px] tracking-wide text-muted-foreground uppercase",children:r("Requests")}),u("div",{className:"flex items-center justify-end gap-2",children:[C.requests.length>=2&&l(z,{ariaLabel:r("Requests over time"),className:"h-6 w-20 text-foreground",series:C.requests,testId:"hl-spark-requests"}),l("span",{className:"text-lg font-semibold tabular-nums text-foreground","data-testid":"hl-requests",children:(n?.requests??0).toString()})]})]}),l("span",{"aria-hidden":"true",className:"h-9 w-px bg-border"}),u("div",{className:"text-end",children:[l("div",{className:"font-mono text-[10px] tracking-wide text-muted-foreground uppercase",children:r("Error rate")}),l("div",{className:R("text-lg font-semibold tabular-nums",ce[H]),"data-testid":"hl-error-rate",children:n===null?"—":P(n.errors,n.requests)})]}),l("span",{"aria-hidden":"true",className:"h-9 w-px bg-border"}),u("div",{className:"flex items-center gap-2",children:[l(xe,{}),l(ve,{message:de,prefix:"hl"})]})]})]}),m!==null&&l("div",{className:"border-t border-border bg-destructive/5 px-4 py-2 text-sm text-destructive","data-testid":"hl-metrics-error",role:"alert",children:m}),m===null&&n?.historyTruncated===!0&&l("div",{className:"border-t border-border bg-warning/5 px-4 py-2 text-sm text-muted-foreground","data-testid":"hl-history-truncated",children:r("Showing a partial request/error history — one or more shards have more data than the trend chart can display.")})]}),u("div",{className:"grid gap-3 sm:grid-cols-2 xl:grid-cols-4","data-testid":"hl-slo",children:[l(U,{chart:C.errors.length>=2?l(z,{ariaLabel:r("Errors over time"),className:"h-7 w-20 text-destructive",series:C.errors,testId:"hl-spark-errors"}):void 0,label:r("Error rate"),level:H,testId:"hl-slo-errorrate",value:n===null?"—":P(n.errors,n.requests)}),l(U,{chart:J.failures.length>=2?l(z,{ariaLabel:r("Auth failures over time"),className:"h-7 w-20 text-destructive",series:J.failures,testId:"hl-spark-auth"}):void 0,label:r("Auth failures"),level:Y,testId:"hl-slo-auth",value:c===null?"—":P(c.failures,c.attempts)}),l(U,{label:r("Scheduler backlog"),level:Z,testId:"hl-slo-backlog",value:x===null?"—":x.backlog.toString()}),l(U,{label:r("Migrations"),level:B.level,testId:"hl-slo-migrations",value:Be(B,r)})]}),l(ye,{errorCount:X.length,logsError:f,topErrors:me,worstFunctions:fe}),u(M,{className:"gap-0 py-0",children:[u("header",{className:"flex items-center justify-between gap-2 border-b border-border px-4 py-3",children:[l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:r("Shards seen")}),l(G,{"data-testid":"hl-shard-count",variant:"outline",children:N.length})]}),N.length>0&&l("ul",{className:"flex flex-wrap gap-1.5 p-4",children:N.map(d=>l("li",{"data-testid":"hl-shard",children:l(G,{variant:"secondary",children:d})},d))})]})]})};export{ut as HealthPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useLunora as pt}from"@lunora/react";import{useState as pe,useRef as Ge,useEffect as tt,useMemo as xt}from"react";import{L as bt}from"../packem_shared/live-status-BuJdUZFU.mjs";import{ShardInput as yt}from"../packem_shared/ShardInput-C6mjgAh4.mjs";import{B as rt}from"../packem_shared/button-q0UYSmrn.mjs";import{u as Ue}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{u as vt}from"../packem_shared/use-open-trace-B5LJ96_0.mjs";import{u as Nt}from"../packem_shared/use-shard-key-BsP3o5wT.mjs";import{useT as xe}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as Oe}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{c as St}from"../packem_shared/cf-links-CBJ5SywP.mjs";import{m as wt,l as Xe,f as qt,d as Tt,b as _t,c as Ct}from"../packem_shared/internal-CwaF9YNk.mjs";import{r as Rt,l as kt}from"../packem_shared/shard-history-CaO3C4KQ.mjs";import{c as Fe}from"react/compiler-runtime";import{f as $t}from"../packem_shared/log-fields-SBxKyBug.mjs";import{B as et}from"../packem_shared/badge-r_5B4LHP.mjs";import{C as he,a as ge,c as Be,d as Mt,b as je}from"../packem_shared/card--2hKx4L2.mjs";import{b as Je,e as oe,T as dt,c as de,a as mt,d as ut}from"../packem_shared/table-D0SBiDu-.mjs";import{S as ft}from"../packem_shared/sparkline-B_sPPO_8.mjs";import{jsxs as o,jsx as t,Fragment as Ye}from"react/jsx-runtime";import{aggregateMetrics as It,computeLatencyPercentiles as Dt,enrichQueryStats as Et,shardsToAggregate as Ft}from"../packem_shared/aggregateMetrics-A-Y7OH6R.mjs";import{S as me}from"../packem_shared/stat-card-D0Fe04cX.mjs";import{ResponsiveContainer as st,AreaChart as At,CartesianGrid as lt,XAxis as at,YAxis as it,Tooltip as nt,Area as Ot,LineChart as Lt,Line as zt}from"recharts";import{E as Kt}from"../packem_shared/empty-state-D7jEML_T.mjs";import{c as Pt}from"../packem_shared/utils-bhneXptQ.mjs";import{S as Bt,a as jt,c as Qe,b as Qt,d as Ht}from"../packem_shared/select-Cx8-CokP.mjs";const Ut=/["\\\u0000-\u001F\uD800-\uDFFF]/,ot=l=>Ut.test(l)?JSON.stringify(l):`"${l}"`,Ze=l=>{if(l===void 0)return"null";if(typeof l=="bigint")throw new TypeError("stableStringify: cannot use a bigint in a stable JSON cache key — pass it as a string, or use stableWireKey");if(typeof l=="number"){if(Number.isNaN(l))return"nan";if(l===1/0)return"inf";if(l===-1/0)return"-inf";if(Object.is(l,-0))return"-0"}if(typeof l=="string")return ot(l);if(l===null||typeof l!="object")return JSON.stringify(l);if(Array.isArray(l)){let n="[";for(let a=0;a<l.length;a++)a>0&&(n+=","),n+=Ze(l[a]);return n+"]"}const e=Object.getPrototypeOf(l);if(e!==null&&e!==Object.prototype){const n=l.constructor?.name??"value";throw new TypeError(`stableStringify: cannot use a ${n} in a stable JSON cache key — only plain objects, arrays, and JSON primitives are supported (wire-typed values key via stableWireKey)`)}const i=l,s=Object.keys(i).sort();let r="{",u=!0;for(const n of s){const a=i[n];a!==void 0&&(u?u=!1:r+=",",r+=ot(n),r+=":",r+=Ze(a))}return r+"}"},ht=(l,e,i)=>`${l}:${e}:${Ze(i??{})}`,gt=(l,e)=>l==="gauge"?e.last:l==="histogram"?e.sum/Math.max(1,e.count):e.sum,Jt=(l,e)=>gt(l,e),Vt=l=>gt(l.kind,l),We=l=>Number.isInteger(l)?l.toLocaleString():l.toLocaleString(void 0,{maximumFractionDigits:2}),Gt=l=>Array.isArray(l?.series)?l.series:[],Wt="FUNCTION_NOT_FOUND",Xt=l=>{const e=new Map;if(!Array.isArray(l?.series))return e;for(const i of l.series)e.set(ht(i.kind,i.name,i.attributes),i.points);return e},Yt={counter:"secondary",gauge:"default",histogram:"outline"},Zt=l=>{const e=Fe(18),{name:i,onOpenTrace:s,traceId:r}=l,u=xe();if(r===void 0){let d;return e[0]===Symbol.for("react.memo_cache_sentinel")?(d=t("span",{className:"text-muted-foreground",children:"—"}),e[0]=d):d=e[0],d}let n;e[1]!==r?(n=r.slice(0,8),e[1]=r,e[2]=n):n=e[2];const a=n;if(s===void 0){const d=`mt-instrument-trace-${i}`;let h;return e[3]!==a||e[4]!==d||e[5]!==r?(h=t("span",{className:"text-muted-foreground","data-testid":d,title:r,children:a}),e[3]=a,e[4]=d,e[5]=r,e[6]=h):h=e[6],h}const S=`mt-instrument-trace-${i}`;let y;e[7]!==s||e[8]!==r?(y=()=>{s(r)},e[7]=s,e[8]=r,e[9]=y):y=e[9];let w;e[10]!==u||e[11]!==r?(w=u("Open the exemplar trace {trace}",{trace:r}),e[10]=u,e[11]=r,e[12]=w):w=e[12];let f;return e[13]!==a||e[14]!==S||e[15]!==y||e[16]!==w?(f=t("button",{className:"text-primary underline-offset-4 hover:underline","data-testid":S,onClick:y,title:w,type:"button",children:a}),e[13]=a,e[14]=S,e[15]=y,e[16]=w,e[17]=f):f=e[17],f},er=l=>{const e=Fe(105),{onOpenTrace:i,shardKey:s}=l,r=xe();let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u={},e[0]=u):u=e[0];let n;e[1]!==s?(n={live:!0,shardKey:s},e[1]=s,e[2]=n):n=e[2];const{data:a,error:S,errorSource:y}=Ue(Oe.getMetricSeries,u,n);let w;e[3]===Symbol.for("react.memo_cache_sentinel")?(w={},e[3]=w):w=e[3];let f;e[4]!==s?(f={live:!0,shardKey:s},e[4]=s,e[5]=f):f=e[5];const{data:d}=Ue(Oe.getMetricHistory,w,f);let h,v,q,C,c,p,g,x,T,R,N,$,k;if(e[6]!==a||e[7]!==S||e[8]!==y||e[9]!==d||e[10]!==i||e[11]!==r){x=Symbol.for("react.early_return_sentinel");e:{const A=Gt(a),L=wt(y)===Wt;if(S!==null&&!L){let m;e[25]!==r?(m=r("Instruments"),e[25]=r,e[26]=m):m=e[26];let K;e[27]!==m?(K=t("h3",{className:"text-sm font-semibold text-foreground",children:m}),e[27]=m,e[28]=K):K=e[28];let B;e[29]!==S||e[30]!==r?(B=r("Instruments unavailable: {error}",{error:S}),e[29]=S,e[30]=r,e[31]=B):B=e[31];let j;e[32]!==B?(j=t("span",{className:"text-xs text-muted-foreground","data-testid":"mt-instruments-error",role:"status",children:B}),e[32]=B,e[33]=j):j=e[33];let Q;e[34]!==K||e[35]!==j?(Q=o("section",{className:"flex flex-col gap-2","data-testid":"mt-instruments",children:[K,j]}),e[34]=K,e[35]=j,e[36]=Q):Q=e[36],x=Q;break e}if(A.length===0){x=null;break e}const F=Xt(d);let z;e[37]!==r?(z=m=>r(m==="counter"?"Counter":m==="gauge"?"Gauge":"Histogram"),e[37]=r,e[38]=z):z=e[38];const P=z;c="flex flex-col gap-2",p="mt-instruments";let O;e[39]!==r?(O=r("Instruments"),e[39]=r,e[40]=O):O=e[40],e[41]!==O?(g=t("h3",{className:"text-sm font-semibold text-foreground",children:O}),e[41]=O,e[42]=g):g=e[42],C=he,k="overflow-hidden py-0",q=ge,$="px-0",v=dt,R="mt-instruments-table";let U;e[43]!==r?(U=r("name"),e[43]=r,e[44]=U):U=e[44];let J;e[45]!==U?(J=t(de,{children:U}),e[45]=U,e[46]=J):J=e[46];let V;e[47]!==r?(V=r("kind"),e[47]=r,e[48]=V):V=e[48];let G;e[49]!==V?(G=t(de,{children:V}),e[49]=V,e[50]=G):G=e[50];let W;e[51]!==r?(W=r("value"),e[51]=r,e[52]=W):W=e[52];let X;e[53]!==W?(X=t(de,{className:"text-right",children:W}),e[53]=W,e[54]=X):X=e[54];let Y;e[55]!==r?(Y=r("count"),e[55]=r,e[56]=Y):Y=e[56];let Z;e[57]!==Y?(Z=t(de,{className:"text-right",children:Y}),e[57]=Y,e[58]=Z):Z=e[58];let ee;e[59]!==r?(ee=r("range"),e[59]=r,e[60]=ee):ee=e[60];let te;e[61]!==ee?(te=t(de,{className:"text-right",children:ee}),e[61]=ee,e[62]=te):te=e[62];let re;e[63]!==r?(re=r("trend"),e[63]=r,e[64]=re):re=e[64];let se;e[65]!==re?(se=t(de,{children:re}),e[65]=re,e[66]=se):se=e[66];let le;e[67]!==r?(le=r("trace"),e[67]=r,e[68]=le):le=e[68];let ae;e[69]!==le?(ae=t(de,{children:le}),e[69]=le,e[70]=ae):ae=e[70];let ie;e[71]!==r?(ie=r("dimensions"),e[71]=r,e[72]=ie):ie=e[72];let ne;e[73]!==ie?(ne=t(de,{children:ie}),e[73]=ie,e[74]=ne):ne=e[74],e[75]!==J||e[76]!==G||e[77]!==X||e[78]!==Z||e[79]!==te||e[80]!==se||e[81]!==ae||e[82]!==ne?(N=t(mt,{children:o(Je,{children:[J,G,X,Z,te,se,ae,ne]})}),e[75]=J,e[76]=G,e[77]=X,e[78]=Z,e[79]=te,e[80]=se,e[81]=ae,e[82]=ne,e[83]=N):N=e[83],h=ut,T=A.map(m=>{const K=$t(m.attributes),B=ht(m.kind,m.name,m.attributes),Q=(F.get(B)??[]).map(ue=>Jt(m.kind,ue));return o(Je,{"data-testid":`mt-instrument-${m.name}`,children:[t(oe,{className:"font-mono text-xs",title:m.functionPath,children:m.name}),t(oe,{children:t(et,{variant:Yt[m.kind],children:P(m.kind)})}),t(oe,{className:"text-right font-mono tabular-nums","data-testid":`mt-instrument-value-${m.name}`,children:We(Vt(m))}),t(oe,{className:"text-right tabular-nums text-muted-foreground",children:m.count.toLocaleString()}),t(oe,{className:"text-right font-mono text-xs tabular-nums text-muted-foreground",children:m.min===m.max?"—":`${We(m.min)}–${We(m.max)}`}),t(oe,{children:Q.length>=2?t(ft,{ariaLabel:r("{name} trend",{name:m.name}),className:"h-6 w-24 text-foreground",series:Q,testId:`mt-instrument-trend-${m.name}`}):t("span",{className:"text-xs text-muted-foreground",children:"—"})}),t(oe,{className:"font-mono text-xs",children:t(Zt,{name:m.name,onOpenTrace:i,traceId:m.exemplarTraceId})}),t(oe,{className:"max-w-64 truncate font-mono text-xs text-muted-foreground",title:K,children:K===""?"—":K})]},B)})}e[6]=a,e[7]=S,e[8]=y,e[9]=d,e[10]=i,e[11]=r,e[12]=h,e[13]=v,e[14]=q,e[15]=C,e[16]=c,e[17]=p,e[18]=g,e[19]=x,e[20]=T,e[21]=R,e[22]=N,e[23]=$,e[24]=k}else h=e[12],v=e[13],q=e[14],C=e[15],c=e[16],p=e[17],g=e[18],x=e[19],T=e[20],R=e[21],N=e[22],$=e[23],k=e[24];if(x!==Symbol.for("react.early_return_sentinel"))return x;let M;e[84]!==h||e[85]!==T?(M=t(h,{children:T}),e[84]=h,e[85]=T,e[86]=M):M=e[86];let _;e[87]!==v||e[88]!==M||e[89]!==R||e[90]!==N?(_=o(v,{"data-testid":R,children:[N,M]}),e[87]=v,e[88]=M,e[89]=R,e[90]=N,e[91]=_):_=e[91];let b;e[92]!==q||e[93]!==_||e[94]!==$?(b=t(q,{className:$,children:_}),e[92]=q,e[93]=_,e[94]=$,e[95]=b):b=e[95];let I;e[96]!==C||e[97]!==b||e[98]!==k?(I=t(C,{className:k,children:b}),e[96]=C,e[97]=b,e[98]=k,e[99]=I):I=e[99];let E;return e[100]!==c||e[101]!==p||e[102]!==g||e[103]!==I?(E=o("section",{className:c,"data-testid":p,children:[g,I]}),e[100]=c,e[101]=p,e[102]=g,e[103]=I,e[104]=E):E=e[104],E},tr=l=>{const e=Fe(74),{aggregate:i,shardResults:s}=l,r=xe();let u;e[0]!==r?(u=r("Shards"),e[0]=r,e[1]=u):u=e[1];let n;e[2]!==i.failed||e[3]!==i.reachable||e[4]!==r?(n=i.failed>0?r("{reachable} reachable, {failed} unreachable",{failed:i.failed,reachable:i.reachable}):r("{reachable} reachable",{reachable:i.reachable}),e[2]=i.failed,e[3]=i.reachable,e[4]=r,e[5]=n):n=e[5];let a;e[6]!==u||e[7]!==n?(a=t(me,{label:u,testId:"mt-agg-shards",value:n}),e[6]=u,e[7]=n,e[8]=a):a=e[8];let S;e[9]!==r?(S=r("Total requests"),e[9]=r,e[10]=S):S=e[10];let y;e[11]!==i.totalRequests||e[12]!==S?(y=t(me,{label:S,testId:"mt-agg-requests",value:i.totalRequests}),e[11]=i.totalRequests,e[12]=S,e[13]=y):y=e[13];let w;e[14]!==r?(w=r("Total errors"),e[14]=r,e[15]=w):w=e[15];let f;e[16]!==i.totalErrors||e[17]!==w?(f=t(me,{label:w,testId:"mt-agg-errors",value:i.totalErrors}),e[16]=i.totalErrors,e[17]=w,e[18]=f):f=e[18];let d;e[19]!==r?(d=r("Total database size"),e[19]=r,e[20]=d):d=e[20];let h;e[21]!==i.totalDatabaseSize?(h=Xe(i.totalDatabaseSize),e[21]=i.totalDatabaseSize,e[22]=h):h=e[22];let v;e[23]!==d||e[24]!==h?(v=t(me,{label:d,testId:"mt-agg-db-size",value:h}),e[23]=d,e[24]=h,e[25]=v):v=e[25];let q;e[26]!==r?(q=r("Combined cache hit rate"),e[26]=r,e[27]=q):q=e[27];let C;e[28]!==i.hitRate||e[29]!==r?(C=i.hitRate===null?r("no cache configured"):`${(i.hitRate*100).toFixed(1)}%`,e[28]=i.hitRate,e[29]=r,e[30]=C):C=e[30];let c;e[31]!==q||e[32]!==C?(c=t(me,{label:q,testId:"mt-agg-cache",value:C}),e[31]=q,e[32]=C,e[33]=c):c=e[33];let p;e[34]!==v||e[35]!==c||e[36]!==a||e[37]!==y||e[38]!==f?(p=o("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3","data-testid":"mt-aggregate-stats",children:[a,y,f,v,c]}),e[34]=v,e[35]=c,e[36]=a,e[37]=y,e[38]=f,e[39]=p):p=e[39];let g;e[40]!==r?(g=r("shard"),e[40]=r,e[41]=g):g=e[41];let x;e[42]!==g?(x=t(de,{children:g}),e[42]=g,e[43]=x):x=e[43];let T;e[44]!==r?(T=r("requests"),e[44]=r,e[45]=T):T=e[45];let R;e[46]!==T?(R=t(de,{children:T}),e[46]=T,e[47]=R):R=e[47];let N;e[48]!==r?(N=r("errors"),e[48]=r,e[49]=N):N=e[49];let $;e[50]!==N?($=t(de,{children:N}),e[50]=N,e[51]=$):$=e[51];let k;e[52]!==r?(k=r("db size"),e[52]=r,e[53]=k):k=e[53];let M;e[54]!==k?(M=t(de,{children:k}),e[54]=k,e[55]=M):M=e[55];let _;e[56]!==x||e[57]!==R||e[58]!==$||e[59]!==M?(_=t(mt,{children:o(Je,{children:[x,R,$,M]})}),e[56]=x,e[57]=R,e[58]=$,e[59]=M,e[60]=_):_=e[60];let b;if(e[61]!==s||e[62]!==r){let L;e[64]!==r?(L=F=>o(Je,{"data-testid":`mt-agg-row-${F.shard}`,children:[t(oe,{children:F.shard}),F.metrics===null?t(oe,{className:"text-destructive",colSpan:3,children:F.error??r("unreachable")}):o(Ye,{children:[t(oe,{className:"tabular-nums",children:F.metrics.requests}),t(oe,{className:"tabular-nums",children:F.metrics.errors}),t(oe,{className:"tabular-nums",children:Xe(F.metrics.databaseSize)})]})]},F.shard),e[64]=r,e[65]=L):L=e[65],b=s.map(L),e[61]=s,e[62]=r,e[63]=b}else b=e[63];let I;e[66]!==b?(I=t(ut,{children:b}),e[66]=b,e[67]=I):I=e[67];let E;e[68]!==_||e[69]!==I?(E=t(he,{className:"overflow-hidden py-0",children:t(ge,{className:"px-0",children:o(dt,{"data-testid":"mt-agg-table",children:[_,I]})})}),e[68]=_,e[69]=I,e[70]=E):E=e[70];let A;return e[71]!==p||e[72]!==E?(A=o("div",{className:"flex flex-col gap-4","data-testid":"mt-aggregate-view",children:[p,E]}),e[71]=p,e[72]=E,e[73]=A):A=e[73],A},rr=l=>{const e=Math.floor(l/1e3),i=Math.floor(e/3600),s=Math.floor(e%3600/60),r=e%60;return i>0?`${i.toString()}h ${s.toString()}m`:s>0?`${s.toString()}m ${r.toString()}s`:`${r.toString()}s`},sr=(l,e)=>{const i=l+e;return i===0?"—":`${(l/i*100).toFixed(1)}%`},ct=l=>l<=0?"—":l<1?`${(l*1e3).toFixed(0)}μs`:l<1e3?`${l.toFixed(1)}ms`:`${(l/1e3).toFixed(2)}s`,lr=l=>{const e=Fe(75),{currentDelta:i,errorRate:s,history:r,latencyPercentiles:u,metrics:n}=l,a=xe();let S;e[0]!==r||e[1]!==a?(S=r.length>=2?t(ft,{ariaLabel:a("Requests per interval over time"),className:"h-7 w-24 text-foreground",series:r,testId:"mt-sparkline"}):void 0,e[0]=r,e[1]=a,e[2]=S):S=e[2];let y;e[3]!==i||e[4]!==r.length||e[5]!==a?(y=r.length>=2?o(Ye,{children:[t("span",{className:"font-semibold text-foreground",children:`+${i.toLocaleString()}`})," ",a("last interval")]}):t("span",{"data-testid":"mt-sparkline-empty",children:a("collecting samples…")}),e[3]=i,e[4]=r.length,e[5]=a,e[6]=y):y=e[6];let w;e[7]!==a?(w=a("Requests"),e[7]=a,e[8]=w):w=e[8];let f;e[9]!==n.requests||e[10]!==S||e[11]!==y||e[12]!==w?(f=t(me,{chart:S,footer:y,label:w,testId:"mt-requests",value:n.requests}),e[9]=n.requests,e[10]=S,e[11]=y,e[12]=w,e[13]=f):f=e[13];let d;e[14]!==s||e[15]!==a?(d=a("{rate} error rate",{rate:s}),e[14]=s,e[15]=a,e[16]=d):d=e[16];let h;e[17]!==a?(h=a("Errors"),e[17]=a,e[18]=h):h=e[18];let v;e[19]!==s||e[20]!==n.errors?(v=o(Ye,{children:[n.errors," (",s,")"]}),e[19]=s,e[20]=n.errors,e[21]=v):v=e[21];let q;e[22]!==d||e[23]!==h||e[24]!==v?(q=t(me,{footer:d,label:h,testId:"mt-errors",value:v}),e[22]=d,e[23]=h,e[24]=v,e[25]=q):q=e[25];let C;e[26]!==u.p90?(C=u.p90>0?`P90 ${ct(u.p90)}`:void 0,e[26]=u.p90,e[27]=C):C=e[27];let c;e[28]!==a?(c=a("P95 latency"),e[28]=a,e[29]=c):c=e[29];let p;e[30]!==u.p95?(p=u.p95>0?ct(u.p95):"—",e[30]=u.p95,e[31]=p):p=e[31];let g;e[32]!==c||e[33]!==p||e[34]!==C?(g=t(me,{footer:C,label:c,testId:"mt-p95",value:p}),e[32]=c,e[33]=p,e[34]=C,e[35]=g):g=e[35];let x;e[36]!==n.cache||e[37]!==a?(x=n.cache===null?void 0:`${n.cache.entries.toLocaleString()} ${a("cache entries")}`,e[36]=n.cache,e[37]=a,e[38]=x):x=e[38];let T;e[39]!==a?(T=a("Database size"),e[39]=a,e[40]=T):T=e[40];let R;e[41]!==n.databaseSize?(R=Xe(n.databaseSize),e[41]=n.databaseSize,e[42]=R):R=e[42];let N;e[43]!==x||e[44]!==T||e[45]!==R?(N=t(me,{footer:x,label:T,testId:"mt-db-size",value:R}),e[43]=x,e[44]=T,e[45]=R,e[46]=N):N=e[46];let $;e[47]!==a?($=a("Shard"),e[47]=a,e[48]=$):$=e[48];let k;e[49]!==n.shard||e[50]!==$?(k=t(me,{label:$,testId:"mt-shard",value:n.shard}),e[49]=n.shard,e[50]=$,e[51]=k):k=e[51];let M;e[52]!==a?(M=a("Uptime"),e[52]=a,e[53]=M):M=e[53];let _;e[54]!==n.uptimeMs?(_=rr(n.uptimeMs),e[54]=n.uptimeMs,e[55]=_):_=e[55];let b;e[56]!==M||e[57]!==_?(b=t(me,{label:M,testId:"mt-uptime",value:_}),e[56]=M,e[57]=_,e[58]=b):b=e[58];let I;e[59]!==a?(I=a("Cache hit rate"),e[59]=a,e[60]=I):I=e[60];let E;e[61]!==n.cache||e[62]!==a?(E=n.cache===null?a("no cache configured"):a("{rate} ({count} entries)",{count:n.cache.entries,rate:sr(n.cache.hits,n.cache.misses)}),e[61]=n.cache,e[62]=a,e[63]=E):E=e[63];let A;e[64]!==I||e[65]!==E?(A=t(me,{label:I,testId:"mt-cache",value:E}),e[64]=I,e[65]=E,e[66]=A):A=e[66];let L;return e[67]!==g||e[68]!==N||e[69]!==k||e[70]!==b||e[71]!==A||e[72]!==f||e[73]!==q?(L=o("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4","data-testid":"mt-stats",children:[f,q,g,N,k,b,A]}),e[67]=g,e[68]=N,e[69]=k,e[70]=b,e[71]=A,e[72]=f,e[73]=q,e[74]=L):L=e[74],L},Ve=l=>l>=100?"critical":l>=50?"warning":"good",Ae=l=>l<1?`${(l*1e3).toFixed(0)}μs`:l<1e3?`${l.toFixed(1)}ms`:`${(l/1e3).toFixed(2)}s`,He=l=>l>=1e9?`${(l/1e9).toFixed(1)}B`:l>=1e6?`${(l/1e6).toFixed(1)}M`:l>=1e3?`${(l/1e3).toFixed(1)}K`:l.toLocaleString(),ar=l=>{const e=Fe(3),{level:i}=l;if(i==="critical"){let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=t(et,{variant:"destructive",children:"Slow"}),e[0]=r):r=e[0],r}if(i==="warning"){let r;return e[1]===Symbol.for("react.memo_cache_sentinel")?(r=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning",children:"Moderate"}),e[1]=r):r=e[1],r}let s;return e[2]===Symbol.for("react.memo_cache_sentinel")?(s=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-success/10 px-2 py-0.5 text-xs font-medium text-success",children:"Fast"}),e[2]=s):s=e[2],s},ir=(l,e)=>{const i=[...l];return i.sort((s,r)=>{switch(e){case"avgTime":return r.avgDurationMs-s.avgDurationMs;case"execCount":return r.execCount-s.execCount;case"rowsRead":return r.rowsRead-s.rowsRead;default:return r.totalDurationMs-s.totalDurationMs}}),i},nr=l=>{const e=Fe(161),{queryStats:i}=l,s=xe(),[r,u]=pe("totalTime");let n;e[0]===Symbol.for("react.memo_cache_sentinel")?(n=new Set,e[0]=n):n=e[0];const[a,S]=pe(n);let y;e[1]===Symbol.for("react.memo_cache_sentinel")?(y=k=>{k!==null&&u(k)},e[1]=y):y=e[1];const w=y;let f,d,h,v,q,C,c,p,g,x;if(e[2]!==a||e[3]!==i||e[4]!==r||e[5]!==s){h=Symbol.for("react.early_return_sentinel");e:{const k=ir(i,r);let M;e[16]!==i?(M=i.filter(or),e[16]=i,e[17]=M):M=e[17];const _=M.length;let b;e[18]!==i?(b=i.filter(cr),e[18]=i,e[19]=b):b=e[19];const I=b.length;let E;e[20]!==i?(E=i.filter(dr),e[20]=i,e[21]=E):E=e[21];const A=E.length;let L;e[22]===Symbol.for("react.memo_cache_sentinel")?(L=D=>{S(ce=>{const H=new Set(ce);return H.has(D)?H.delete(D):H.add(D),H})},e[22]=L):L=e[22];const F=L;if(i.length===0){let D;e[23]!==s?(D=s("No query insights yet"),e[23]=s,e[24]=D):D=e[24];let ce;e[25]!==D?(ce=t("p",{className:"text-lg font-medium","data-testid":"qi-empty",children:D}),e[25]=D,e[26]=ce):ce=e[26];let H;e[27]!==s?(H=s("Query insights appear once statements are executed against this shard."),e[27]=s,e[28]=H):H=e[28];let fe;e[29]!==H?(fe=t("p",{className:"mt-1 text-sm",children:H}),e[29]=H,e[30]=fe):fe=e[30];let Pe;e[31]!==ce||e[32]!==fe?(Pe=t(he,{children:t(ge,{className:"py-12",children:o("div",{className:"text-center text-muted-foreground",children:[ce,fe]})})}),e[31]=ce,e[32]=fe,e[33]=Pe):Pe=e[33],h=Pe;break e}c="space-y-4",p="qi-root";let z;e[34]!==s?(z=s("Critical queries"),e[34]=s,e[35]=z):z=e[35];let P;e[36]!==z?(P=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:z})}),e[36]=z,e[37]=P):P=e[37];let O;e[38]!==_?(O=t("div",{className:"text-2xl font-bold text-destructive","data-testid":"qi-critical",children:_}),e[38]=_,e[39]=O):O=e[39];let U;e[40]!==s?(U=s(">100ms avg execution"),e[40]=s,e[41]=U):U=e[41];let J;e[42]!==U?(J=t("p",{className:"text-xs text-muted-foreground",children:U}),e[42]=U,e[43]=J):J=e[43];let V;e[44]!==O||e[45]!==J?(V=o(ge,{children:[O,J]}),e[44]=O,e[45]=J,e[46]=V):V=e[46];let G;e[47]!==P||e[48]!==V?(G=o(he,{children:[P,V]}),e[47]=P,e[48]=V,e[49]=G):G=e[49];let W;e[50]!==s?(W=s("Moderate queries"),e[50]=s,e[51]=W):W=e[51];let X;e[52]!==W?(X=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:W})}),e[52]=W,e[53]=X):X=e[53];let Y;e[54]!==I?(Y=t("div",{className:"text-2xl font-bold text-warning","data-testid":"qi-moderate",children:I}),e[54]=I,e[55]=Y):Y=e[55];let Z;e[56]!==s?(Z=s("50–100ms avg execution"),e[56]=s,e[57]=Z):Z=e[57];let ee;e[58]!==Z?(ee=t("p",{className:"text-xs text-muted-foreground",children:Z}),e[58]=Z,e[59]=ee):ee=e[59];let te;e[60]!==Y||e[61]!==ee?(te=o(ge,{children:[Y,ee]}),e[60]=Y,e[61]=ee,e[62]=te):te=e[62];let re;e[63]!==X||e[64]!==te?(re=o(he,{children:[X,te]}),e[63]=X,e[64]=te,e[65]=re):re=e[65];let se;e[66]!==s?(se=s("Fast queries"),e[66]=s,e[67]=se):se=e[67];let le;e[68]!==se?(le=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:se})}),e[68]=se,e[69]=le):le=e[69];let ae;e[70]!==A?(ae=t("div",{className:"text-2xl font-bold text-success","data-testid":"qi-fast",children:A}),e[70]=A,e[71]=ae):ae=e[71];let ie;e[72]!==s?(ie=s("<50ms avg execution"),e[72]=s,e[73]=ie):ie=e[73];let ne;e[74]!==ie?(ne=t("p",{className:"text-xs text-muted-foreground",children:ie}),e[74]=ie,e[75]=ne):ne=e[75];let m;e[76]!==ae||e[77]!==ne?(m=o(ge,{children:[ae,ne]}),e[76]=ae,e[77]=ne,e[78]=m):m=e[78];let K;e[79]!==le||e[80]!==m?(K=o(he,{children:[le,m]}),e[79]=le,e[80]=m,e[81]=K):K=e[81],e[82]!==G||e[83]!==re||e[84]!==K?(g=o("div",{className:"grid gap-4 md:grid-cols-3",children:[G,re,K]}),e[82]=G,e[83]=re,e[84]=K,e[85]=g):g=e[85];let B;e[86]!==s?(B=s("Query leaderboard"),e[86]=s,e[87]=B):B=e[87];let j;e[88]!==B?(j=t("h3",{className:"text-lg font-semibold",children:B}),e[88]=B,e[89]=j):j=e[89];let Q;e[90]!==r||e[91]!==s?(Q=s("Slow queries sorted by {sortField}",{sortField:s(r)}),e[90]=r,e[91]=s,e[92]=Q):Q=e[92];let ue;e[93]!==Q?(ue=t("p",{className:"text-sm text-muted-foreground",children:Q}),e[93]=Q,e[94]=ue):ue=e[94];let be;e[95]!==j||e[96]!==ue?(be=o("div",{children:[j,ue]}),e[95]=j,e[96]=ue,e[97]=be):be=e[97];let ye;e[98]!==s?(ye=s("Sort by"),e[98]=s,e[99]=ye):ye=e[99];let ve;e[100]!==ye?(ve=t("span",{className:"text-sm text-muted-foreground",children:ye}),e[100]=ye,e[101]=ve):ve=e[101];let Ne;e[102]!==s?(Ne=s("Sort queries by"),e[102]=s,e[103]=Ne):Ne=e[103];let Le;e[104]===Symbol.for("react.memo_cache_sentinel")?(Le=t(Bt,{}),e[104]=Le):Le=e[104];let Se;e[105]!==Ne?(Se=t(jt,{"aria-label":Ne,className:"w-[140px]","data-testid":"qi-sort",children:Le}),e[105]=Ne,e[106]=Se):Se=e[106];let we;e[107]!==s?(we=s("Total time"),e[107]=s,e[108]=we):we=e[108];let qe;e[109]!==we?(qe=t(Qe,{value:"totalTime",children:we}),e[109]=we,e[110]=qe):qe=e[110];let Te;e[111]!==s?(Te=s("Avg time"),e[111]=s,e[112]=Te):Te=e[112];let _e;e[113]!==Te?(_e=t(Qe,{value:"avgTime",children:Te}),e[113]=Te,e[114]=_e):_e=e[114];let Ce;e[115]!==s?(Ce=s("Execution count"),e[115]=s,e[116]=Ce):Ce=e[116];let Re;e[117]!==Ce?(Re=t(Qe,{value:"execCount",children:Ce}),e[117]=Ce,e[118]=Re):Re=e[118];let ke;e[119]!==s?(ke=s("Rows read"),e[119]=s,e[120]=ke):ke=e[120];let $e;e[121]!==ke?($e=t(Qe,{value:"rowsRead",children:ke}),e[121]=ke,e[122]=$e):$e=e[122];let Me;e[123]!==qe||e[124]!==_e||e[125]!==Re||e[126]!==$e?(Me=o(Qt,{children:[qe,_e,Re,$e]}),e[123]=qe,e[124]=_e,e[125]=Re,e[126]=$e,e[127]=Me):Me=e[127];let Ie;e[128]!==r||e[129]!==Se||e[130]!==Me?(Ie=o(Ht,{onValueChange:w,value:r,children:[Se,Me]}),e[128]=r,e[129]=Se,e[130]=Me,e[131]=Ie):Ie=e[131];let De;e[132]!==ve||e[133]!==Ie?(De=o("div",{className:"flex items-center gap-2",children:[ve,Ie]}),e[132]=ve,e[133]=Ie,e[134]=De):De=e[134],e[135]!==be||e[136]!==De?(x=o("div",{className:"flex items-center justify-between",children:[be,De]}),e[135]=be,e[136]=De,e[137]=x):x=e[137],d=he;let Ee;e[138]!==s?(Ee=s("Statements"),e[138]=s,e[139]=Ee):Ee=e[139];let ze;e[140]!==Ee?(ze=t(je,{children:Ee}),e[140]=Ee,e[141]=ze):ze=e[141],C=o(Be,{children:[ze,t(Mt,{children:s("{count} tracked statements",{count:k.length})})]}),f=ge,v="space-y-2";let Ke;e[142]!==a||e[143]!==s?(Ke=D=>{const ce=D.normalizedSql,H=a.has(ce),fe=Ve(D.avgDurationMs);return o("div",{className:"overflow-hidden rounded-lg border","data-testid":"qi-row",children:[o("button",{"aria-expanded":H,className:"flex w-full items-center justify-between p-3 text-left transition-colors hover:bg-muted/50",onClick:()=>{F(ce)},type:"button",children:[o("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[t(ar,{level:fe}),t("span",{className:"max-w-[300px] truncate font-mono text-sm lg:max-w-[500px]",children:D.normalizedSql})]}),o("div",{className:"flex shrink-0 items-center gap-4",children:[o("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(D.totalDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("total")})]}),o("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(D.avgDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("avg")})]}),D.p95DurationMs!==void 0&&o("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(D.p95DurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("p95")})]}),o("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:He(D.execCount)}),t("div",{className:"text-xs text-muted-foreground",children:s("calls")})]})]})]}),H&&o("div",{className:"space-y-3 border-t bg-muted/30 p-4",children:[o("div",{children:[t("p",{className:"mb-2 text-sm font-medium",children:s("Full statement")}),t("pre",{className:"overflow-x-auto rounded-md bg-muted p-3 font-mono text-sm whitespace-pre-wrap break-all",children:D.normalizedSql})]}),o("div",{className:"grid grid-cols-2 gap-4 text-sm md:grid-cols-4",children:[D.p50DurationMs!==void 0&&o("div",{children:[t("span",{className:"text-muted-foreground",children:s("p50")}),t("span",{className:"block font-medium tabular-nums",children:Ae(D.p50DurationMs)})]}),o("div",{children:[t("span",{className:"text-muted-foreground",children:s("Exec count")}),t("span",{className:"block font-medium tabular-nums",children:He(D.execCount)})]}),o("div",{children:[t("span",{className:"text-muted-foreground",children:s("Total time")}),t("span",{className:"block font-medium tabular-nums",children:Ae(D.totalDurationMs)})]}),o("div",{children:[t("span",{className:"text-muted-foreground",children:s("Rows read")}),t("span",{className:"block font-medium tabular-nums",children:He(D.rowsRead)})]}),o("div",{children:[t("span",{className:"text-muted-foreground",children:s("Rows written")}),t("span",{className:"block font-medium tabular-nums",children:He(D.rowsWritten)})]})]})]})]},ce)},e[142]=a,e[143]=s,e[144]=Ke):Ke=e[144],q=k.map(Ke)}e[2]=a,e[3]=i,e[4]=r,e[5]=s,e[6]=f,e[7]=d,e[8]=h,e[9]=v,e[10]=q,e[11]=C,e[12]=c,e[13]=p,e[14]=g,e[15]=x}else f=e[6],d=e[7],h=e[8],v=e[9],q=e[10],C=e[11],c=e[12],p=e[13],g=e[14],x=e[15];if(h!==Symbol.for("react.early_return_sentinel"))return h;let T;e[145]!==v||e[146]!==q?(T=t("div",{className:v,children:q}),e[145]=v,e[146]=q,e[147]=T):T=e[147];let R;e[148]!==f||e[149]!==T?(R=t(f,{children:T}),e[148]=f,e[149]=T,e[150]=R):R=e[150];let N;e[151]!==d||e[152]!==R||e[153]!==C?(N=o(d,{children:[C,R]}),e[151]=d,e[152]=R,e[153]=C,e[154]=N):N=e[154];let $;return e[155]!==N||e[156]!==c||e[157]!==p||e[158]!==g||e[159]!==x?($=o("div",{className:c,"data-testid":p,children:[g,x,N]}),e[155]=N,e[156]=c,e[157]=p,e[158]=g,e[159]=x,e[160]=$):$=e[160],$};function or(l){return Ve(l.avgDurationMs)==="critical"}function cr(l){return Ve(l.avgDurationMs)==="warning"}function dr(l){return Ve(l.avgDurationMs)==="good"}const mr=["1m","5m","15m","1h"],ur=l=>new Date(l).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"}),fr=l=>l.map(e=>({avg:Math.round(e.avgDurationMs*100)/100,execs:e.execCount,label:ur(e.bucketMs)})),hr=({shardKey:l=""})=>{const e=xe(),[i,s]=pe("15m"),u=Ue(Oe.getQueryInsights,{range:i},{live:!0,shardKey:l}).data,n=fr(u?.buckets??[]);return o("div",{className:"flex flex-col gap-4","data-testid":"qi-range",children:[o("div",{className:"flex flex-wrap items-center gap-2",children:[t("div",{className:"flex gap-1 rounded-lg border border-border p-0.5","data-testid":"qi-ranges",role:"group",children:mr.map(a=>t("button",{"aria-pressed":a===i,className:Pt("rounded px-2 py-1 text-xs outline-none transition-colors hover:bg-accent focus-visible:bg-accent",a===i&&"bg-accent font-medium text-foreground"),"data-testid":`qi-range-${a}`,onClick:()=>{s(a)},type:"button",children:a},a))}),u?.capped===!0&&t(et,{"data-testid":"qi-capped",variant:"secondary",children:e("showing a capped set")})]}),n.length===0?t(Kt,{description:e("Statements executed in the selected window appear here, with throughput and latency over time."),testId:"qi-empty",title:e("No queries in this window.")}):o("div",{className:"grid gap-4 lg:grid-cols-2",children:[o("figure",{className:"rounded-xl border border-border p-3","data-testid":"qi-throughput",children:[t("figcaption",{className:"mb-2 text-xs font-medium text-muted-foreground",children:e("Throughput")}),t(st,{height:140,width:"100%",children:o(At,{data:n,children:[t(lt,{strokeDasharray:"3 3",vertical:!1}),t(at,{dataKey:"label",fontSize:10,tickLine:!1}),t(it,{allowDecimals:!1,fontSize:10,tickLine:!1,width:32}),t(nt,{}),t(Ot,{dataKey:"execs",fill:"var(--color-primary)",fillOpacity:.15,stroke:"var(--color-primary)",type:"monotone"})]})})]}),o("figure",{className:"rounded-xl border border-border p-3","data-testid":"qi-latency",children:[t("figcaption",{className:"mb-2 text-xs font-medium text-muted-foreground",children:e("Mean latency (ms)")}),t(st,{height:140,width:"100%",children:o(Lt,{data:n,children:[t(lt,{strokeDasharray:"3 3",vertical:!1}),t(at,{dataKey:"label",fontSize:10,tickLine:!1}),t(it,{fontSize:10,tickLine:!1,width:32}),t(nt,{}),t(zt,{dataKey:"avg",dot:!1,stroke:"var(--color-destructive)",type:"monotone"})]})})]})]}),t(nr,{queryStats:u?.entries??[]})]})},gr=Ct(Oe.getMetrics),pr=(l,e)=>l?e:"overview",jr=({initialShardKey:l})=>{const e=pt(),i=xe(),{queryShardKey:s,setShardKey:r,shardKey:u}=Nt(l),[n,a]=pe("overview"),[S,y]=pe([]),w=Ge(null),f=Ge(null),d=Ge(!0);tt(()=>(d.current=!0,()=>{d.current=!1}),[]);const h=vt(s),{data:v,error:q,liveError:C}=Ue(Oe.getMetrics,{},{live:!0,shardKey:s}),c=v??null;tt(()=>{if(v===void 0)return;Rt(s);const F=v,z=w.current,P=f.current!==null&&f.current!==F.shard;if(f.current=F.shard,w.current=F.requests,P){y([]);return}z!==null&&F.requests>=z&&y(O=>[...O,F.requests-z].slice(-30))},[v,s]);const[p,g]=pe(null),[x,T]=pe(!1),R=async()=>{T(!0);const F=Ft(u,kt());try{const z=await Promise.all(F.map(async P=>{try{const O=await e.query(gr,{},Tt(P));return{error:null,metrics:O,shard:P===""?O.shard:P}}catch(O){return{error:_t(O),metrics:null,shard:P===""?"__root__":P}}}));d.current&&g(z)}finally{d.current&&T(!1)}},N=p===null?null:It(p),$=c===null||c.requests===0?"—":`${(c.errors/c.requests*100).toFixed(1)}%`,k=S.length>0?S.at(-1):0,M=c?Dt(c):{p90:0,p95:0},_=xt(()=>{if(!c||!("queryStats"in c))return;const F=c.queryStats;if(!(!F||!Array.isArray(F)))return Et(F)},[c]),b=pr(_!==void 0,n),I=()=>{qt(R())},E=()=>{g(null)},A=()=>{a("overview")},L=()=>{a("query-insights")};return o("div",{className:"flex flex-col gap-4","data-testid":"lunora-metrics",children:[o("div",{className:"flex flex-wrap items-center gap-2",children:[t(yt,{onChange:r,testId:"mt-shard-input",value:u}),t(bt,{message:C,prefix:"mt"}),t(rt,{"data-testid":"mt-aggregate",disabled:x,onClick:I,size:"sm",type:"button",variant:"secondary",children:i(x?"Aggregating…":"All shards")}),p!==null&&t(rt,{"data-testid":"mt-aggregate-clear",onClick:E,size:"sm",type:"button",variant:"ghost",children:i("Hide")}),t("a",{className:"text-sm text-primary underline-offset-4 hover:underline","data-testid":"mt-cf-link",href:St,rel:"noreferrer",target:"_blank",children:i("Open in Cloudflare")})]}),q!==null&&t("p",{className:"text-sm text-destructive","data-testid":"mt-error",role:"alert",children:q}),_!==void 0&&o("div",{className:"flex gap-2 border-b","data-testid":"mt-tabs",children:[t("button",{className:`pb-2 text-sm font-medium transition-colors ${b==="overview"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-overview",onClick:A,type:"button",children:i("Overview")}),o("button",{className:`pb-2 text-sm font-medium transition-colors ${b==="query-insights"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-query-insights",onClick:L,type:"button",children:[i("Query insights"),_.length>0&&t("span",{className:"ml-1.5 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs text-primary",children:_.length})]})]}),b==="query-insights"&&_!==void 0&&t(hr,{shardKey:s}),b==="overview"&&c!==null&&t(lr,{currentDelta:k,errorRate:$,history:S,latencyPercentiles:M,metrics:c}),b==="overview"&&c===null&&null,b==="overview"&&t(er,{onOpenTrace:h,shardKey:s}),b==="overview"&&N!==null&&p!==null&&t(tr,{aggregate:N,shardResults:p})]})};export{jr as MetricsPanel};
|
|
1
|
+
import{useLunora as pt}from"@lunora/react";import{useState as pe,useRef as Ge,useEffect as tt,useMemo as xt}from"react";import{L as bt}from"../packem_shared/live-status-BuJdUZFU.mjs";import{ShardInput as yt}from"../packem_shared/ShardInput-C6mjgAh4.mjs";import{B as rt}from"../packem_shared/button-q0UYSmrn.mjs";import{u as Ue}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{u as vt}from"../packem_shared/use-open-trace-B5LJ96_0.mjs";import{u as Nt}from"../packem_shared/use-shard-key-BsP3o5wT.mjs";import{useT as xe}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as Oe}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{c as St}from"../packem_shared/cf-links-CBJ5SywP.mjs";import{m as wt,l as Xe,f as qt,d as Tt,b as _t,c as Ct}from"../packem_shared/internal-CwaF9YNk.mjs";import{r as Rt,l as kt}from"../packem_shared/shard-history-CaO3C4KQ.mjs";import{c as Fe}from"react/compiler-runtime";import{f as $t}from"../packem_shared/log-fields-SBxKyBug.mjs";import{B as et}from"../packem_shared/badge-r_5B4LHP.mjs";import{C as he,a as ge,c as Be,d as Mt,b as je}from"../packem_shared/card--2hKx4L2.mjs";import{b as Je,e as oe,T as dt,c as de,a as mt,d as ut}from"../packem_shared/table-D0SBiDu-.mjs";import{S as ft}from"../packem_shared/sparkline-B_sPPO_8.mjs";import{jsxs as n,jsx as t,Fragment as Ye}from"react/jsx-runtime";import{aggregateMetrics as It,computeLatencyPercentiles as Dt,enrichQueryStats as Et,shardsToAggregate as Ft}from"../packem_shared/aggregateMetrics-CY05xrYU.mjs";import{S as me}from"../packem_shared/stat-card-D0Fe04cX.mjs";import{ResponsiveContainer as st,AreaChart as At,CartesianGrid as lt,XAxis as it,YAxis as at,Tooltip as nt,Area as Ot,LineChart as Lt,Line as zt}from"recharts";import{E as Kt}from"../packem_shared/empty-state-D7jEML_T.mjs";import{c as Pt}from"../packem_shared/utils-bhneXptQ.mjs";import{S as Bt,a as jt,c as Qe,b as Qt,d as Ht}from"../packem_shared/select-DPyS18Vy.mjs";const Ut=/["\\\u0000-\u001F\uD800-\uDFFF]/,ot=l=>Ut.test(l)?JSON.stringify(l):`"${l}"`,Ze=l=>{if(l===void 0)return"null";if(typeof l=="bigint")throw new TypeError("stableStringify: cannot use a bigint in a stable JSON cache key — pass it as a string, or use stableWireKey");if(typeof l=="number"){if(Number.isNaN(l))return"nan";if(l===1/0)return"inf";if(l===-1/0)return"-inf";if(Object.is(l,-0))return"-0"}if(typeof l=="string")return ot(l);if(l===null||typeof l!="object")return JSON.stringify(l);if(Array.isArray(l)){let o="[";for(let i=0;i<l.length;i++)i>0&&(o+=","),o+=Ze(l[i]);return o+"]"}const e=Object.getPrototypeOf(l);if(e!==null&&e!==Object.prototype){const o=l.constructor?.name??"value";throw new TypeError(`stableStringify: cannot use a ${o} in a stable JSON cache key — only plain objects, arrays, and JSON primitives are supported (wire-typed values key via stableWireKey)`)}const a=l,s=Object.keys(a).sort();let r="{",u=!0;for(const o of s){const i=a[o];i!==void 0&&(u?u=!1:r+=",",r+=ot(o),r+=":",r+=Ze(i))}return r+"}"},ht=(l,e,a)=>`${l}:${e}:${Ze(a??{})}`,gt=(l,e)=>l==="gauge"?e.last:l==="histogram"?e.sum/Math.max(1,e.count):e.sum,Jt=(l,e)=>gt(l,e),Vt=l=>gt(l.kind,l),We=l=>Number.isInteger(l)?l.toLocaleString():l.toLocaleString(void 0,{maximumFractionDigits:2}),Gt=l=>Array.isArray(l?.series)?l.series:[],Wt="FUNCTION_NOT_FOUND",Xt=l=>{const e=new Map;if(!Array.isArray(l?.series))return e;for(const a of l.series)e.set(ht(a.kind,a.name,a.attributes),a.points);return e},Yt={counter:"secondary",gauge:"default",histogram:"outline"},Zt=l=>{const e=Fe(18),{name:a,onOpenTrace:s,traceId:r}=l,u=xe();if(r===void 0){let d;return e[0]===Symbol.for("react.memo_cache_sentinel")?(d=t("span",{className:"text-muted-foreground",children:"—"}),e[0]=d):d=e[0],d}let o;e[1]!==r?(o=r.slice(0,8),e[1]=r,e[2]=o):o=e[2];const i=o;if(s===void 0){const d=`mt-instrument-trace-${a}`;let g;return e[3]!==i||e[4]!==d||e[5]!==r?(g=t("span",{className:"text-muted-foreground","data-testid":d,title:r,children:i}),e[3]=i,e[4]=d,e[5]=r,e[6]=g):g=e[6],g}const f=`mt-instrument-trace-${a}`;let v;e[7]!==s||e[8]!==r?(v=()=>{s(r)},e[7]=s,e[8]=r,e[9]=v):v=e[9];let w;e[10]!==u||e[11]!==r?(w=u("Open the exemplar trace {trace}",{trace:r}),e[10]=u,e[11]=r,e[12]=w):w=e[12];let h;return e[13]!==i||e[14]!==f||e[15]!==v||e[16]!==w?(h=t("button",{className:"text-primary underline-offset-4 hover:underline","data-testid":f,onClick:v,title:w,type:"button",children:i}),e[13]=i,e[14]=f,e[15]=v,e[16]=w,e[17]=h):h=e[17],h},er=l=>{const e=Fe(105),{onOpenTrace:a,shardKey:s}=l,r=xe();let u;e[0]===Symbol.for("react.memo_cache_sentinel")?(u={},e[0]=u):u=e[0];let o;e[1]!==s?(o={live:!0,shardKey:s},e[1]=s,e[2]=o):o=e[2];const{data:i,error:f,errorSource:v}=Ue(Oe.getMetricSeries,u,o);let w;e[3]===Symbol.for("react.memo_cache_sentinel")?(w={},e[3]=w):w=e[3];let h;e[4]!==s?(h={live:!0,shardKey:s},e[4]=s,e[5]=h):h=e[5];const{data:d}=Ue(Oe.getMetricHistory,w,h);let g,N,q,C,c,x,p,b,T,R,S,M,$;if(e[6]!==i||e[7]!==f||e[8]!==v||e[9]!==d||e[10]!==a||e[11]!==r){b=Symbol.for("react.early_return_sentinel");e:{const A=Gt(i),O=wt(v)===Wt;if(f!==null&&!O){let m;e[25]!==r?(m=r("Instruments"),e[25]=r,e[26]=m):m=e[26];let K;e[27]!==m?(K=t("h3",{className:"text-sm font-semibold text-foreground",children:m}),e[27]=m,e[28]=K):K=e[28];let B;e[29]!==f||e[30]!==r?(B=r("Instruments unavailable: {error}",{error:f}),e[29]=f,e[30]=r,e[31]=B):B=e[31];let j;e[32]!==B?(j=t("span",{className:"text-xs text-muted-foreground","data-testid":"mt-instruments-error",role:"status",children:B}),e[32]=B,e[33]=j):j=e[33];let Q;e[34]!==K||e[35]!==j?(Q=n("section",{className:"flex flex-col gap-2","data-testid":"mt-instruments",children:[K,j]}),e[34]=K,e[35]=j,e[36]=Q):Q=e[36],b=Q;break e}if(A.length===0){b=null;break e}const k=Xt(d);let z;e[37]!==r?(z=m=>r(m==="counter"?"Counter":m==="gauge"?"Gauge":"Histogram"),e[37]=r,e[38]=z):z=e[38];const P=z;c="flex flex-col gap-2",x="mt-instruments";let L;e[39]!==r?(L=r("Instruments"),e[39]=r,e[40]=L):L=e[40],e[41]!==L?(p=t("h3",{className:"text-sm font-semibold text-foreground",children:L}),e[41]=L,e[42]=p):p=e[42],C=he,$="overflow-hidden py-0",q=ge,M="px-0",N=dt,R="mt-instruments-table";let U;e[43]!==r?(U=r("name"),e[43]=r,e[44]=U):U=e[44];let J;e[45]!==U?(J=t(de,{children:U}),e[45]=U,e[46]=J):J=e[46];let V;e[47]!==r?(V=r("kind"),e[47]=r,e[48]=V):V=e[48];let G;e[49]!==V?(G=t(de,{children:V}),e[49]=V,e[50]=G):G=e[50];let W;e[51]!==r?(W=r("value"),e[51]=r,e[52]=W):W=e[52];let X;e[53]!==W?(X=t(de,{className:"text-right",children:W}),e[53]=W,e[54]=X):X=e[54];let Y;e[55]!==r?(Y=r("count"),e[55]=r,e[56]=Y):Y=e[56];let Z;e[57]!==Y?(Z=t(de,{className:"text-right",children:Y}),e[57]=Y,e[58]=Z):Z=e[58];let ee;e[59]!==r?(ee=r("range"),e[59]=r,e[60]=ee):ee=e[60];let te;e[61]!==ee?(te=t(de,{className:"text-right",children:ee}),e[61]=ee,e[62]=te):te=e[62];let re;e[63]!==r?(re=r("trend"),e[63]=r,e[64]=re):re=e[64];let se;e[65]!==re?(se=t(de,{children:re}),e[65]=re,e[66]=se):se=e[66];let le;e[67]!==r?(le=r("trace"),e[67]=r,e[68]=le):le=e[68];let ie;e[69]!==le?(ie=t(de,{children:le}),e[69]=le,e[70]=ie):ie=e[70];let ae;e[71]!==r?(ae=r("dimensions"),e[71]=r,e[72]=ae):ae=e[72];let ne;e[73]!==ae?(ne=t(de,{children:ae}),e[73]=ae,e[74]=ne):ne=e[74],e[75]!==J||e[76]!==G||e[77]!==X||e[78]!==Z||e[79]!==te||e[80]!==se||e[81]!==ie||e[82]!==ne?(S=t(mt,{children:n(Je,{children:[J,G,X,Z,te,se,ie,ne]})}),e[75]=J,e[76]=G,e[77]=X,e[78]=Z,e[79]=te,e[80]=se,e[81]=ie,e[82]=ne,e[83]=S):S=e[83],g=ut,T=A.map(m=>{const K=$t(m.attributes),B=ht(m.kind,m.name,m.attributes),Q=(k.get(B)??[]).map(ue=>Jt(m.kind,ue));return n(Je,{"data-testid":`mt-instrument-${m.name}`,children:[t(oe,{className:"font-mono text-xs",title:m.functionPath,children:m.name}),t(oe,{children:t(et,{variant:Yt[m.kind],children:P(m.kind)})}),t(oe,{className:"text-right font-mono tabular-nums","data-testid":`mt-instrument-value-${m.name}`,children:We(Vt(m))}),t(oe,{className:"text-right tabular-nums text-muted-foreground",children:m.count.toLocaleString()}),t(oe,{className:"text-right font-mono text-xs tabular-nums text-muted-foreground",children:m.min===m.max?"—":`${We(m.min)}–${We(m.max)}`}),t(oe,{children:Q.length>=2?t(ft,{ariaLabel:r("{name} trend",{name:m.name}),className:"h-6 w-24 text-foreground",series:Q,testId:`mt-instrument-trend-${m.name}`}):t("span",{className:"text-xs text-muted-foreground",children:"—"})}),t(oe,{className:"font-mono text-xs",children:t(Zt,{name:m.name,onOpenTrace:a,traceId:m.exemplarTraceId})}),t(oe,{className:"max-w-64 truncate font-mono text-xs text-muted-foreground",title:K,children:K===""?"—":K})]},B)})}e[6]=i,e[7]=f,e[8]=v,e[9]=d,e[10]=a,e[11]=r,e[12]=g,e[13]=N,e[14]=q,e[15]=C,e[16]=c,e[17]=x,e[18]=p,e[19]=b,e[20]=T,e[21]=R,e[22]=S,e[23]=M,e[24]=$}else g=e[12],N=e[13],q=e[14],C=e[15],c=e[16],x=e[17],p=e[18],b=e[19],T=e[20],R=e[21],S=e[22],M=e[23],$=e[24];if(b!==Symbol.for("react.early_return_sentinel"))return b;let I;e[84]!==g||e[85]!==T?(I=t(g,{children:T}),e[84]=g,e[85]=T,e[86]=I):I=e[86];let _;e[87]!==N||e[88]!==I||e[89]!==R||e[90]!==S?(_=n(N,{"data-testid":R,children:[S,I]}),e[87]=N,e[88]=I,e[89]=R,e[90]=S,e[91]=_):_=e[91];let y;e[92]!==q||e[93]!==_||e[94]!==M?(y=t(q,{className:M,children:_}),e[92]=q,e[93]=_,e[94]=M,e[95]=y):y=e[95];let D;e[96]!==C||e[97]!==y||e[98]!==$?(D=t(C,{className:$,children:y}),e[96]=C,e[97]=y,e[98]=$,e[99]=D):D=e[99];let F;return e[100]!==c||e[101]!==x||e[102]!==p||e[103]!==D?(F=n("section",{className:c,"data-testid":x,children:[p,D]}),e[100]=c,e[101]=x,e[102]=p,e[103]=D,e[104]=F):F=e[104],F},tr=l=>{const e=Fe(74),{aggregate:a,shardResults:s}=l,r=xe();let u;e[0]!==r?(u=r("Shards"),e[0]=r,e[1]=u):u=e[1];let o;e[2]!==a.failed||e[3]!==a.reachable||e[4]!==r?(o=a.failed>0?r("{reachable} reachable, {failed} unreachable",{failed:a.failed,reachable:a.reachable}):r("{reachable} reachable",{reachable:a.reachable}),e[2]=a.failed,e[3]=a.reachable,e[4]=r,e[5]=o):o=e[5];let i;e[6]!==u||e[7]!==o?(i=t(me,{label:u,testId:"mt-agg-shards",value:o}),e[6]=u,e[7]=o,e[8]=i):i=e[8];let f;e[9]!==r?(f=r("Total requests"),e[9]=r,e[10]=f):f=e[10];let v;e[11]!==a.totalRequests||e[12]!==f?(v=t(me,{label:f,testId:"mt-agg-requests",value:a.totalRequests}),e[11]=a.totalRequests,e[12]=f,e[13]=v):v=e[13];let w;e[14]!==r?(w=r("Total errors"),e[14]=r,e[15]=w):w=e[15];let h;e[16]!==a.totalErrors||e[17]!==w?(h=t(me,{label:w,testId:"mt-agg-errors",value:a.totalErrors}),e[16]=a.totalErrors,e[17]=w,e[18]=h):h=e[18];let d;e[19]!==r?(d=r("Total database size"),e[19]=r,e[20]=d):d=e[20];let g;e[21]!==a.totalDatabaseSize?(g=Xe(a.totalDatabaseSize),e[21]=a.totalDatabaseSize,e[22]=g):g=e[22];let N;e[23]!==d||e[24]!==g?(N=t(me,{label:d,testId:"mt-agg-db-size",value:g}),e[23]=d,e[24]=g,e[25]=N):N=e[25];let q;e[26]!==r?(q=r("Combined cache hit rate"),e[26]=r,e[27]=q):q=e[27];let C;e[28]!==a.hitRate||e[29]!==r?(C=a.hitRate===null?r("no cache configured"):`${(a.hitRate*100).toFixed(1)}%`,e[28]=a.hitRate,e[29]=r,e[30]=C):C=e[30];let c;e[31]!==q||e[32]!==C?(c=t(me,{label:q,testId:"mt-agg-cache",value:C}),e[31]=q,e[32]=C,e[33]=c):c=e[33];let x;e[34]!==N||e[35]!==c||e[36]!==i||e[37]!==v||e[38]!==h?(x=n("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3","data-testid":"mt-aggregate-stats",children:[i,v,h,N,c]}),e[34]=N,e[35]=c,e[36]=i,e[37]=v,e[38]=h,e[39]=x):x=e[39];let p;e[40]!==r?(p=r("shard"),e[40]=r,e[41]=p):p=e[41];let b;e[42]!==p?(b=t(de,{children:p}),e[42]=p,e[43]=b):b=e[43];let T;e[44]!==r?(T=r("requests"),e[44]=r,e[45]=T):T=e[45];let R;e[46]!==T?(R=t(de,{children:T}),e[46]=T,e[47]=R):R=e[47];let S;e[48]!==r?(S=r("errors"),e[48]=r,e[49]=S):S=e[49];let M;e[50]!==S?(M=t(de,{children:S}),e[50]=S,e[51]=M):M=e[51];let $;e[52]!==r?($=r("db size"),e[52]=r,e[53]=$):$=e[53];let I;e[54]!==$?(I=t(de,{children:$}),e[54]=$,e[55]=I):I=e[55];let _;e[56]!==b||e[57]!==R||e[58]!==M||e[59]!==I?(_=t(mt,{children:n(Je,{children:[b,R,M,I]})}),e[56]=b,e[57]=R,e[58]=M,e[59]=I,e[60]=_):_=e[60];let y;if(e[61]!==s||e[62]!==r){let O;e[64]!==r?(O=k=>n(Je,{"data-testid":`mt-agg-row-${k.shard}`,children:[t(oe,{children:k.shard}),k.metrics===null?t(oe,{className:"text-destructive",colSpan:3,children:k.error??r("unreachable")}):n(Ye,{children:[t(oe,{className:"tabular-nums",children:k.metrics.requests}),t(oe,{className:"tabular-nums",children:k.metrics.errors}),t(oe,{className:"tabular-nums",children:Xe(k.metrics.databaseSize)})]})]},k.shard),e[64]=r,e[65]=O):O=e[65],y=s.map(O),e[61]=s,e[62]=r,e[63]=y}else y=e[63];let D;e[66]!==y?(D=t(ut,{children:y}),e[66]=y,e[67]=D):D=e[67];let F;e[68]!==_||e[69]!==D?(F=t(he,{className:"overflow-hidden py-0",children:t(ge,{className:"px-0",children:n(dt,{"data-testid":"mt-agg-table",children:[_,D]})})}),e[68]=_,e[69]=D,e[70]=F):F=e[70];let A;return e[71]!==x||e[72]!==F?(A=n("div",{className:"flex flex-col gap-4","data-testid":"mt-aggregate-view",children:[x,F]}),e[71]=x,e[72]=F,e[73]=A):A=e[73],A},rr=l=>{const e=Math.floor(l/1e3),a=Math.floor(e/3600),s=Math.floor(e%3600/60),r=e%60;return a>0?`${a.toString()}h ${s.toString()}m`:s>0?`${s.toString()}m ${r.toString()}s`:`${r.toString()}s`},sr=(l,e)=>{const a=l+e;return a===0?"—":`${(l/a*100).toFixed(1)}%`},ct=l=>l<=0?"—":l<1?`${(l*1e3).toFixed(0)}μs`:l<1e3?`${l.toFixed(1)}ms`:`${(l/1e3).toFixed(2)}s`,lr=l=>{const e=Fe(75),{currentDelta:a,errorRate:s,history:r,latencyPercentiles:u,metrics:o}=l,i=xe(),{cache:f}=o;let v;e[0]!==r||e[1]!==i?(v=r.length>=2?t(ft,{ariaLabel:i("Requests per interval over time"),className:"h-7 w-24 text-foreground",series:r,testId:"mt-sparkline"}):void 0,e[0]=r,e[1]=i,e[2]=v):v=e[2];let w;e[3]!==a||e[4]!==r.length||e[5]!==i?(w=r.length>=2?n(Ye,{children:[t("span",{className:"font-semibold text-foreground",children:`+${a.toLocaleString()}`})," ",i("last interval")]}):t("span",{"data-testid":"mt-sparkline-empty",children:i("collecting samples…")}),e[3]=a,e[4]=r.length,e[5]=i,e[6]=w):w=e[6];let h;e[7]!==i?(h=i("Requests"),e[7]=i,e[8]=h):h=e[8];let d;e[9]!==o.requests||e[10]!==v||e[11]!==w||e[12]!==h?(d=t(me,{chart:v,footer:w,label:h,testId:"mt-requests",value:o.requests}),e[9]=o.requests,e[10]=v,e[11]=w,e[12]=h,e[13]=d):d=e[13];let g;e[14]!==s||e[15]!==i?(g=i("{rate} error rate",{rate:s}),e[14]=s,e[15]=i,e[16]=g):g=e[16];let N;e[17]!==i?(N=i("Errors"),e[17]=i,e[18]=N):N=e[18];let q;e[19]!==s||e[20]!==o.errors?(q=n(Ye,{children:[o.errors," (",s,")"]}),e[19]=s,e[20]=o.errors,e[21]=q):q=e[21];let C;e[22]!==g||e[23]!==N||e[24]!==q?(C=t(me,{footer:g,label:N,testId:"mt-errors",value:q}),e[22]=g,e[23]=N,e[24]=q,e[25]=C):C=e[25];let c;e[26]!==u.p90?(c=u.p90>0?`P90 ${ct(u.p90)}`:void 0,e[26]=u.p90,e[27]=c):c=e[27];let x;e[28]!==i?(x=i("P95 latency"),e[28]=i,e[29]=x):x=e[29];let p;e[30]!==u.p95?(p=u.p95>0?ct(u.p95):"—",e[30]=u.p95,e[31]=p):p=e[31];let b;e[32]!==x||e[33]!==p||e[34]!==c?(b=t(me,{footer:c,label:x,testId:"mt-p95",value:p}),e[32]=x,e[33]=p,e[34]=c,e[35]=b):b=e[35];let T;e[36]!==f||e[37]!==i?(T=f?`${f.entries.toLocaleString()} ${i("cache entries")}`:void 0,e[36]=f,e[37]=i,e[38]=T):T=e[38];let R;e[39]!==i?(R=i("Database size"),e[39]=i,e[40]=R):R=e[40];let S;e[41]!==o.databaseSize?(S=Xe(o.databaseSize),e[41]=o.databaseSize,e[42]=S):S=e[42];let M;e[43]!==T||e[44]!==R||e[45]!==S?(M=t(me,{footer:T,label:R,testId:"mt-db-size",value:S}),e[43]=T,e[44]=R,e[45]=S,e[46]=M):M=e[46];let $;e[47]!==i?($=i("Shard"),e[47]=i,e[48]=$):$=e[48];let I;e[49]!==o.shard||e[50]!==$?(I=t(me,{label:$,testId:"mt-shard",value:o.shard}),e[49]=o.shard,e[50]=$,e[51]=I):I=e[51];let _;e[52]!==i?(_=i("Uptime"),e[52]=i,e[53]=_):_=e[53];let y;e[54]!==o.uptimeMs?(y=rr(o.uptimeMs),e[54]=o.uptimeMs,e[55]=y):y=e[55];let D;e[56]!==_||e[57]!==y?(D=t(me,{label:_,testId:"mt-uptime",value:y}),e[56]=_,e[57]=y,e[58]=D):D=e[58];let F;e[59]!==i?(F=i("Cache hit rate"),e[59]=i,e[60]=F):F=e[60];let A;e[61]!==f||e[62]!==i?(A=f?i("{rate} ({count} entries)",{count:f.entries,rate:sr(f.hits,f.misses)}):i("no cache configured"),e[61]=f,e[62]=i,e[63]=A):A=e[63];let O;e[64]!==F||e[65]!==A?(O=t(me,{label:F,testId:"mt-cache",value:A}),e[64]=F,e[65]=A,e[66]=O):O=e[66];let k;return e[67]!==b||e[68]!==M||e[69]!==I||e[70]!==D||e[71]!==O||e[72]!==d||e[73]!==C?(k=n("dl",{className:"grid gap-3 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4","data-testid":"mt-stats",children:[d,C,b,M,I,D,O]}),e[67]=b,e[68]=M,e[69]=I,e[70]=D,e[71]=O,e[72]=d,e[73]=C,e[74]=k):k=e[74],k},Ve=l=>l>=100?"critical":l>=50?"warning":"good",Ae=l=>l<1?`${(l*1e3).toFixed(0)}μs`:l<1e3?`${l.toFixed(1)}ms`:`${(l/1e3).toFixed(2)}s`,He=l=>l>=1e9?`${(l/1e9).toFixed(1)}B`:l>=1e6?`${(l/1e6).toFixed(1)}M`:l>=1e3?`${(l/1e3).toFixed(1)}K`:l.toLocaleString(),ir=l=>{const e=Fe(3),{level:a}=l;if(a==="critical"){let r;return e[0]===Symbol.for("react.memo_cache_sentinel")?(r=t(et,{variant:"destructive",children:"Slow"}),e[0]=r):r=e[0],r}if(a==="warning"){let r;return e[1]===Symbol.for("react.memo_cache_sentinel")?(r=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-warning/10 px-2 py-0.5 text-xs font-medium text-warning",children:"Moderate"}),e[1]=r):r=e[1],r}let s;return e[2]===Symbol.for("react.memo_cache_sentinel")?(s=t("span",{className:"inline-flex items-center gap-1 rounded-md border border-transparent bg-success/10 px-2 py-0.5 text-xs font-medium text-success",children:"Fast"}),e[2]=s):s=e[2],s},ar=(l,e)=>{const a=[...l];return a.sort((s,r)=>{switch(e){case"avgTime":return r.avgDurationMs-s.avgDurationMs;case"execCount":return r.execCount-s.execCount;case"rowsRead":return r.rowsRead-s.rowsRead;default:return r.totalDurationMs-s.totalDurationMs}}),a},nr=l=>{const e=Fe(161),{queryStats:a}=l,s=xe(),[r,u]=pe("totalTime");let o;e[0]===Symbol.for("react.memo_cache_sentinel")?(o=new Set,e[0]=o):o=e[0];const[i,f]=pe(o);let v;e[1]===Symbol.for("react.memo_cache_sentinel")?(v=$=>{$!==null&&u($)},e[1]=v):v=e[1];const w=v;let h,d,g,N,q,C,c,x,p,b;if(e[2]!==i||e[3]!==a||e[4]!==r||e[5]!==s){g=Symbol.for("react.early_return_sentinel");e:{const $=ar(a,r);let I;e[16]!==a?(I=a.filter(or),e[16]=a,e[17]=I):I=e[17];const _=I.length;let y;e[18]!==a?(y=a.filter(cr),e[18]=a,e[19]=y):y=e[19];const D=y.length;let F;e[20]!==a?(F=a.filter(dr),e[20]=a,e[21]=F):F=e[21];const A=F.length;let O;e[22]===Symbol.for("react.memo_cache_sentinel")?(O=E=>{f(ce=>{const H=new Set(ce);return H.has(E)?H.delete(E):H.add(E),H})},e[22]=O):O=e[22];const k=O;if(a.length===0){let E;e[23]!==s?(E=s("No query insights yet"),e[23]=s,e[24]=E):E=e[24];let ce;e[25]!==E?(ce=t("p",{className:"text-lg font-medium","data-testid":"qi-empty",children:E}),e[25]=E,e[26]=ce):ce=e[26];let H;e[27]!==s?(H=s("Query insights appear once statements are executed against this shard."),e[27]=s,e[28]=H):H=e[28];let fe;e[29]!==H?(fe=t("p",{className:"mt-1 text-sm",children:H}),e[29]=H,e[30]=fe):fe=e[30];let Pe;e[31]!==ce||e[32]!==fe?(Pe=t(he,{children:t(ge,{className:"py-12",children:n("div",{className:"text-center text-muted-foreground",children:[ce,fe]})})}),e[31]=ce,e[32]=fe,e[33]=Pe):Pe=e[33],g=Pe;break e}c="space-y-4",x="qi-root";let z;e[34]!==s?(z=s("Critical queries"),e[34]=s,e[35]=z):z=e[35];let P;e[36]!==z?(P=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:z})}),e[36]=z,e[37]=P):P=e[37];let L;e[38]!==_?(L=t("div",{className:"text-2xl font-bold text-destructive","data-testid":"qi-critical",children:_}),e[38]=_,e[39]=L):L=e[39];let U;e[40]!==s?(U=s(">100ms avg execution"),e[40]=s,e[41]=U):U=e[41];let J;e[42]!==U?(J=t("p",{className:"text-xs text-muted-foreground",children:U}),e[42]=U,e[43]=J):J=e[43];let V;e[44]!==L||e[45]!==J?(V=n(ge,{children:[L,J]}),e[44]=L,e[45]=J,e[46]=V):V=e[46];let G;e[47]!==P||e[48]!==V?(G=n(he,{children:[P,V]}),e[47]=P,e[48]=V,e[49]=G):G=e[49];let W;e[50]!==s?(W=s("Moderate queries"),e[50]=s,e[51]=W):W=e[51];let X;e[52]!==W?(X=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:W})}),e[52]=W,e[53]=X):X=e[53];let Y;e[54]!==D?(Y=t("div",{className:"text-2xl font-bold text-warning","data-testid":"qi-moderate",children:D}),e[54]=D,e[55]=Y):Y=e[55];let Z;e[56]!==s?(Z=s("50–100ms avg execution"),e[56]=s,e[57]=Z):Z=e[57];let ee;e[58]!==Z?(ee=t("p",{className:"text-xs text-muted-foreground",children:Z}),e[58]=Z,e[59]=ee):ee=e[59];let te;e[60]!==Y||e[61]!==ee?(te=n(ge,{children:[Y,ee]}),e[60]=Y,e[61]=ee,e[62]=te):te=e[62];let re;e[63]!==X||e[64]!==te?(re=n(he,{children:[X,te]}),e[63]=X,e[64]=te,e[65]=re):re=e[65];let se;e[66]!==s?(se=s("Fast queries"),e[66]=s,e[67]=se):se=e[67];let le;e[68]!==se?(le=t(Be,{className:"pb-2",children:t(je,{className:"text-sm font-medium",children:se})}),e[68]=se,e[69]=le):le=e[69];let ie;e[70]!==A?(ie=t("div",{className:"text-2xl font-bold text-success","data-testid":"qi-fast",children:A}),e[70]=A,e[71]=ie):ie=e[71];let ae;e[72]!==s?(ae=s("<50ms avg execution"),e[72]=s,e[73]=ae):ae=e[73];let ne;e[74]!==ae?(ne=t("p",{className:"text-xs text-muted-foreground",children:ae}),e[74]=ae,e[75]=ne):ne=e[75];let m;e[76]!==ie||e[77]!==ne?(m=n(ge,{children:[ie,ne]}),e[76]=ie,e[77]=ne,e[78]=m):m=e[78];let K;e[79]!==le||e[80]!==m?(K=n(he,{children:[le,m]}),e[79]=le,e[80]=m,e[81]=K):K=e[81],e[82]!==G||e[83]!==re||e[84]!==K?(p=n("div",{className:"grid gap-4 md:grid-cols-3",children:[G,re,K]}),e[82]=G,e[83]=re,e[84]=K,e[85]=p):p=e[85];let B;e[86]!==s?(B=s("Query leaderboard"),e[86]=s,e[87]=B):B=e[87];let j;e[88]!==B?(j=t("h3",{className:"text-lg font-semibold",children:B}),e[88]=B,e[89]=j):j=e[89];let Q;e[90]!==r||e[91]!==s?(Q=s("Slow queries sorted by {sortField}",{sortField:s(r)}),e[90]=r,e[91]=s,e[92]=Q):Q=e[92];let ue;e[93]!==Q?(ue=t("p",{className:"text-sm text-muted-foreground",children:Q}),e[93]=Q,e[94]=ue):ue=e[94];let be;e[95]!==j||e[96]!==ue?(be=n("div",{children:[j,ue]}),e[95]=j,e[96]=ue,e[97]=be):be=e[97];let ye;e[98]!==s?(ye=s("Sort by"),e[98]=s,e[99]=ye):ye=e[99];let ve;e[100]!==ye?(ve=t("span",{className:"text-sm text-muted-foreground",children:ye}),e[100]=ye,e[101]=ve):ve=e[101];let Ne;e[102]!==s?(Ne=s("Sort queries by"),e[102]=s,e[103]=Ne):Ne=e[103];let Le;e[104]===Symbol.for("react.memo_cache_sentinel")?(Le=t(Bt,{}),e[104]=Le):Le=e[104];let Se;e[105]!==Ne?(Se=t(jt,{"aria-label":Ne,className:"w-[140px]","data-testid":"qi-sort",children:Le}),e[105]=Ne,e[106]=Se):Se=e[106];let we;e[107]!==s?(we=s("Total time"),e[107]=s,e[108]=we):we=e[108];let qe;e[109]!==we?(qe=t(Qe,{value:"totalTime",children:we}),e[109]=we,e[110]=qe):qe=e[110];let Te;e[111]!==s?(Te=s("Avg time"),e[111]=s,e[112]=Te):Te=e[112];let _e;e[113]!==Te?(_e=t(Qe,{value:"avgTime",children:Te}),e[113]=Te,e[114]=_e):_e=e[114];let Ce;e[115]!==s?(Ce=s("Execution count"),e[115]=s,e[116]=Ce):Ce=e[116];let Re;e[117]!==Ce?(Re=t(Qe,{value:"execCount",children:Ce}),e[117]=Ce,e[118]=Re):Re=e[118];let ke;e[119]!==s?(ke=s("Rows read"),e[119]=s,e[120]=ke):ke=e[120];let $e;e[121]!==ke?($e=t(Qe,{value:"rowsRead",children:ke}),e[121]=ke,e[122]=$e):$e=e[122];let Me;e[123]!==qe||e[124]!==_e||e[125]!==Re||e[126]!==$e?(Me=n(Qt,{children:[qe,_e,Re,$e]}),e[123]=qe,e[124]=_e,e[125]=Re,e[126]=$e,e[127]=Me):Me=e[127];let Ie;e[128]!==r||e[129]!==Se||e[130]!==Me?(Ie=n(Ht,{onValueChange:w,value:r,children:[Se,Me]}),e[128]=r,e[129]=Se,e[130]=Me,e[131]=Ie):Ie=e[131];let De;e[132]!==ve||e[133]!==Ie?(De=n("div",{className:"flex items-center gap-2",children:[ve,Ie]}),e[132]=ve,e[133]=Ie,e[134]=De):De=e[134],e[135]!==be||e[136]!==De?(b=n("div",{className:"flex items-center justify-between",children:[be,De]}),e[135]=be,e[136]=De,e[137]=b):b=e[137],d=he;let Ee;e[138]!==s?(Ee=s("Statements"),e[138]=s,e[139]=Ee):Ee=e[139];let ze;e[140]!==Ee?(ze=t(je,{children:Ee}),e[140]=Ee,e[141]=ze):ze=e[141],C=n(Be,{children:[ze,t(Mt,{children:s("{count} tracked statements",{count:$.length})})]}),h=ge,N="space-y-2";let Ke;e[142]!==i||e[143]!==s?(Ke=E=>{const ce=E.normalizedSql,H=i.has(ce),fe=Ve(E.avgDurationMs);return n("div",{className:"overflow-hidden rounded-lg border","data-testid":"qi-row",children:[n("button",{"aria-expanded":H,className:"flex w-full items-center justify-between p-3 text-left transition-colors hover:bg-muted/50",onClick:()=>{k(ce)},type:"button",children:[n("div",{className:"flex min-w-0 flex-1 items-center gap-3",children:[t(ir,{level:fe}),t("span",{className:"max-w-[300px] truncate font-mono text-sm lg:max-w-[500px]",children:E.normalizedSql})]}),n("div",{className:"flex shrink-0 items-center gap-4",children:[n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(E.totalDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("total")})]}),n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(E.avgDurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("avg")})]}),E.p95DurationMs!==void 0&&n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:Ae(E.p95DurationMs)}),t("div",{className:"text-xs text-muted-foreground",children:s("p95")})]}),n("div",{className:"text-right",children:[t("div",{className:"text-sm font-medium",children:He(E.execCount)}),t("div",{className:"text-xs text-muted-foreground",children:s("calls")})]})]})]}),H&&n("div",{className:"space-y-3 border-t bg-muted/30 p-4",children:[n("div",{children:[t("p",{className:"mb-2 text-sm font-medium",children:s("Full statement")}),t("pre",{className:"overflow-x-auto rounded-md bg-muted p-3 font-mono text-sm whitespace-pre-wrap break-all",children:E.normalizedSql})]}),n("div",{className:"grid grid-cols-2 gap-4 text-sm md:grid-cols-4",children:[E.p50DurationMs!==void 0&&n("div",{children:[t("span",{className:"text-muted-foreground",children:s("p50")}),t("span",{className:"block font-medium tabular-nums",children:Ae(E.p50DurationMs)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:s("Exec count")}),t("span",{className:"block font-medium tabular-nums",children:He(E.execCount)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:s("Total time")}),t("span",{className:"block font-medium tabular-nums",children:Ae(E.totalDurationMs)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:s("Rows read")}),t("span",{className:"block font-medium tabular-nums",children:He(E.rowsRead)})]}),n("div",{children:[t("span",{className:"text-muted-foreground",children:s("Rows written")}),t("span",{className:"block font-medium tabular-nums",children:He(E.rowsWritten)})]})]})]})]},ce)},e[142]=i,e[143]=s,e[144]=Ke):Ke=e[144],q=$.map(Ke)}e[2]=i,e[3]=a,e[4]=r,e[5]=s,e[6]=h,e[7]=d,e[8]=g,e[9]=N,e[10]=q,e[11]=C,e[12]=c,e[13]=x,e[14]=p,e[15]=b}else h=e[6],d=e[7],g=e[8],N=e[9],q=e[10],C=e[11],c=e[12],x=e[13],p=e[14],b=e[15];if(g!==Symbol.for("react.early_return_sentinel"))return g;let T;e[145]!==N||e[146]!==q?(T=t("div",{className:N,children:q}),e[145]=N,e[146]=q,e[147]=T):T=e[147];let R;e[148]!==h||e[149]!==T?(R=t(h,{children:T}),e[148]=h,e[149]=T,e[150]=R):R=e[150];let S;e[151]!==d||e[152]!==R||e[153]!==C?(S=n(d,{children:[C,R]}),e[151]=d,e[152]=R,e[153]=C,e[154]=S):S=e[154];let M;return e[155]!==S||e[156]!==c||e[157]!==x||e[158]!==p||e[159]!==b?(M=n("div",{className:c,"data-testid":x,children:[p,b,S]}),e[155]=S,e[156]=c,e[157]=x,e[158]=p,e[159]=b,e[160]=M):M=e[160],M};function or(l){return Ve(l.avgDurationMs)==="critical"}function cr(l){return Ve(l.avgDurationMs)==="warning"}function dr(l){return Ve(l.avgDurationMs)==="good"}const mr=["1m","5m","15m","1h"],ur=l=>new Date(l).toLocaleTimeString(void 0,{hour:"2-digit",minute:"2-digit"}),fr=l=>l.map(e=>({avg:Math.round(e.avgDurationMs*100)/100,execs:e.execCount,label:ur(e.bucketMs)})),hr=({shardKey:l=""})=>{const e=xe(),[a,s]=pe("15m"),u=Ue(Oe.getQueryInsights,{range:a},{live:!0,shardKey:l}).data,o=fr(u?.buckets??[]);return n("div",{className:"flex flex-col gap-4","data-testid":"qi-range",children:[n("div",{className:"flex flex-wrap items-center gap-2",children:[t("div",{className:"flex gap-1 rounded-lg border border-border p-0.5","data-testid":"qi-ranges",role:"group",children:mr.map(i=>t("button",{"aria-pressed":i===a,className:Pt("rounded px-2 py-1 text-xs outline-none transition-colors hover:bg-accent focus-visible:bg-accent",i===a&&"bg-accent font-medium text-foreground"),"data-testid":`qi-range-${i}`,onClick:()=>{s(i)},type:"button",children:i},i))}),u?.capped===!0&&t(et,{"data-testid":"qi-capped",variant:"secondary",children:e("showing a capped set")})]}),o.length===0?t(Kt,{description:e("Statements executed in the selected window appear here, with throughput and latency over time."),testId:"qi-empty",title:e("No queries in this window.")}):n("div",{className:"grid gap-4 lg:grid-cols-2",children:[n("figure",{className:"rounded-xl border border-border p-3","data-testid":"qi-throughput",children:[t("figcaption",{className:"mb-2 text-xs font-medium text-muted-foreground",children:e("Throughput")}),t(st,{height:140,width:"100%",children:n(At,{data:o,children:[t(lt,{strokeDasharray:"3 3",vertical:!1}),t(it,{dataKey:"label",fontSize:10,tickLine:!1}),t(at,{allowDecimals:!1,fontSize:10,tickLine:!1,width:32}),t(nt,{}),t(Ot,{dataKey:"execs",fill:"var(--color-primary)",fillOpacity:.15,stroke:"var(--color-primary)",type:"monotone"})]})})]}),n("figure",{className:"rounded-xl border border-border p-3","data-testid":"qi-latency",children:[t("figcaption",{className:"mb-2 text-xs font-medium text-muted-foreground",children:e("Mean latency (ms)")}),t(st,{height:140,width:"100%",children:n(Lt,{data:o,children:[t(lt,{strokeDasharray:"3 3",vertical:!1}),t(it,{dataKey:"label",fontSize:10,tickLine:!1}),t(at,{fontSize:10,tickLine:!1,width:32}),t(nt,{}),t(zt,{dataKey:"avg",dot:!1,stroke:"var(--color-destructive)",type:"monotone"})]})})]})]}),t(nr,{queryStats:u?.entries??[]})]})},gr=Ct(Oe.getMetrics),pr=(l,e)=>l?e:"overview",jr=({initialShardKey:l})=>{const e=pt(),a=xe(),{queryShardKey:s,setShardKey:r,shardKey:u}=Nt(l),[o,i]=pe("overview"),[f,v]=pe([]),w=Ge(null),h=Ge(null),d=Ge(!0);tt(()=>(d.current=!0,()=>{d.current=!1}),[]);const g=vt(s),{data:N,error:q,liveError:C}=Ue(Oe.getMetrics,{},{live:!0,shardKey:s}),c=N??null;tt(()=>{if(N===void 0)return;Rt(s);const k=N,z=w.current,P=h.current!==null&&h.current!==k.shard;if(h.current=k.shard,w.current=k.requests,P){v([]);return}z!==null&&k.requests>=z&&v(L=>[...L,k.requests-z].slice(-30))},[N,s]);const[x,p]=pe(null),[b,T]=pe(!1),R=async()=>{T(!0);const k=Ft(u,kt());try{const z=await Promise.all(k.map(async P=>{try{const L=await e.query(gr,{},Tt(P));return{error:null,metrics:L,shard:P===""?L.shard:P}}catch(L){return{error:_t(L),metrics:null,shard:P===""?"__root__":P}}}));d.current&&p(z)}finally{d.current&&T(!1)}},S=x===null?null:It(x),M=c===null||c.requests===0?"—":`${(c.errors/c.requests*100).toFixed(1)}%`,$=f.length>0?f.at(-1):0,I=c?Dt(c):{p90:0,p95:0},_=xt(()=>{if(!c||!("queryStats"in c))return;const k=c.queryStats;if(!(!k||!Array.isArray(k)))return Et(k)},[c]),y=pr(_!==void 0,o),D=()=>{qt(R())},F=()=>{p(null)},A=()=>{i("overview")},O=()=>{i("query-insights")};return n("div",{className:"flex flex-col gap-4","data-testid":"lunora-metrics",children:[n("div",{className:"flex flex-wrap items-center gap-2",children:[t(yt,{onChange:r,testId:"mt-shard-input",value:u}),t(bt,{message:C,prefix:"mt"}),t(rt,{"data-testid":"mt-aggregate",disabled:b,onClick:D,size:"sm",type:"button",variant:"secondary",children:a(b?"Aggregating…":"All shards")}),x!==null&&t(rt,{"data-testid":"mt-aggregate-clear",onClick:F,size:"sm",type:"button",variant:"ghost",children:a("Hide")}),t("a",{className:"text-sm text-primary underline-offset-4 hover:underline","data-testid":"mt-cf-link",href:St,rel:"noreferrer",target:"_blank",children:a("Open in Cloudflare")})]}),q!==null&&t("p",{className:"text-sm text-destructive","data-testid":"mt-error",role:"alert",children:q}),_!==void 0&&n("div",{className:"flex gap-2 border-b","data-testid":"mt-tabs",children:[t("button",{className:`pb-2 text-sm font-medium transition-colors ${y==="overview"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-overview",onClick:A,type:"button",children:a("Overview")}),n("button",{className:`pb-2 text-sm font-medium transition-colors ${y==="query-insights"?"border-b-2 border-primary text-foreground":"text-muted-foreground hover:text-foreground"}`,"data-testid":"mt-tab-query-insights",onClick:O,type:"button",children:[a("Query insights"),_.length>0&&t("span",{className:"ml-1.5 rounded-full bg-primary/10 px-1.5 py-0.5 text-xs text-primary",children:_.length})]})]}),y==="query-insights"&&_!==void 0&&t(hr,{shardKey:s}),y==="overview"&&c!==null&&t(lr,{currentDelta:$,errorRate:M,history:f,latencyPercentiles:I,metrics:c}),y==="overview"&&c===null&&null,y==="overview"&&t(er,{onOpenTrace:g,shardKey:s}),y==="overview"&&S!==null&&x!==null&&t(tr,{aggregate:S,shardResults:x})]})};export{jr as MetricsPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as
|
|
1
|
+
import{c as R}from"react/compiler-runtime";import{useState as L,useCallback as k,useEffect as C}from"react";import{C as I}from"../packem_shared/card--2hKx4L2.mjs";import{E as N}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as w,a as _,b as E,d as M,e as v,c as O}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as S}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{b as B,f as D,h as P}from"../packem_shared/internal-CwaF9YNk.mjs";import{jsx as l,jsxs as x}from"react/jsx-runtime";const q="ANALYTICS",g=[{key:"volume",sql:a=>`SELECT blob2 AS fn, count() AS calls FROM ${a} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY calls DESC LIMIT 25`,title:"Request volume per function"},{key:"latency",sql:a=>`SELECT blob2 AS fn, quantileWeighted(0.50)(double1, _sample_interval) AS p50, quantileWeighted(0.95)(double1, _sample_interval) AS p95 FROM ${a} WHERE blob1 = 'function_call' GROUP BY fn ORDER BY p95 DESC LIMIT 25`,title:"Latency p50 / p95 per function"},{key:"hotShards",sql:a=>`SELECT blob3 AS shard, count() AS calls FROM ${a} WHERE blob1 = 'function_call' GROUP BY shard ORDER BY calls DESC LIMIT 25`,title:"Hot shards"}],Y={error:null,loading:!0,result:null},H=a=>{const e=R(27),{state:h,title:d}=a,s=S(),{error:n,loading:r,result:t}=h,i=`analytics-panel-${d}`;let o;e[0]!==s||e[1]!==d?(o=s(d),e[0]=s,e[1]=d,e[2]=o):o=e[2];let c;e[3]!==o?(c=l("header",{className:"border-b border-border px-4 py-3",children:l("span",{className:"font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:o})}),e[3]=o,e[4]=c):c=e[4];let u;e[5]!==r||e[6]!==s?(u=r&&l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"analytics-loading",children:s("Loading…")}),e[5]=r,e[6]=s,e[7]=u):u=e[7];let p;e[8]!==n||e[9]!==r?(p=!r&&n!==null&&l("p",{className:"px-4 py-8 text-center text-sm text-destructive","data-testid":"analytics-error",role:"alert",children:n}),e[8]=n,e[9]=r,e[10]=p):p=e[10];let f;e[11]!==n||e[12]!==r||e[13]!==t||e[14]!==s?(f=!r&&n===null&&t!==null&&t.rows.length===0&&l("p",{className:"px-4 py-8 text-center text-sm text-muted-foreground","data-testid":"analytics-empty-rows",children:s("No data points yet.")}),e[11]=n,e[12]=r,e[13]=t,e[14]=s,e[15]=f):f=e[15];let m;e[16]!==n||e[17]!==r||e[18]!==t?(m=!r&&n===null&&t!==null&&t.rows.length>0&&x(w,{children:[l(_,{children:l(E,{children:t.columns.map(W)})}),l(M,{children:t.rows.map((T,A)=>l(E,{children:t.columns.map(b=>l(v,{className:"font-mono text-xs",children:P(T[b.name])},b.name))},A))})]}),e[16]=n,e[17]=r,e[18]=t,e[19]=m):m=e[19];let y;return e[20]!==i||e[21]!==c||e[22]!==u||e[23]!==p||e[24]!==f||e[25]!==m?(y=x(I,{className:"gap-0 py-0","data-testid":i,children:[c,u,p,f,m]}),e[20]=i,e[21]=c,e[22]=u,e[23]=p,e[24]=f,e[25]=m,e[26]=y):y=e[26],y},J=({dataset:a=q,runQuery:e}={})=>{const h=S(),[d,s]=L({}),n=e??null,r=k(async t=>{if(n!==null)for(const i of g){if(t.cancelled)return;s(o=>({...o,[i.key]:{error:null,loading:!0,result:null}}));try{const o=await n(i.sql(a));t.cancelled||s(c=>({...c,[i.key]:{error:null,loading:!1,result:o}}))}catch(o){t.cancelled||s(c=>({...c,[i.key]:{error:B(o),loading:!1,result:null}}))}}},[n,a]);return C(()=>{const t={cancelled:!1};return D(r(t)),()=>{t.cancelled=!0}},[r]),n===null?l(N,{description:h("Analytics Engine reads need an account-scoped Cloudflare API token, which cannot be shipped to a browser. The host must pass studio.analyticsQuery — a runner that proxies the SQL through your worker — to enable these panels."),icon:l("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:l("path",{d:"M5 20V10m6.5 10V4M18 20v-7M3 20h18"})}),testId:"analytics-not-configured",title:h("Analytics usage panels are not wired up.")}):l("div",{className:"flex flex-col gap-4","data-testid":"lunora-analytics-panel",children:g.map(t=>l(H,{state:d[t.key]??Y,title:t.title},t.key))})};function W(a){return l(O,{children:a.name},a.name)}export{J as AnalyticsPanel};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{c as xe}from"react/compiler-runtime";import{findIssueSolution as we,flattenHint as Ee}from"@lunora/errors";import{useLunora as Ne}from"@lunora/react";import{useState as ne}from"react";import{L as Te}from"../packem_shared/live-status-BuJdUZFU.mjs";import{ShardInput as $e}from"../packem_shared/ShardInput-C6mjgAh4.mjs";import{B as pe}from"../packem_shared/badge-r_5B4LHP.mjs";import{B as oe}from"../packem_shared/button-q0UYSmrn.mjs";import{C as Ae,a as Ce}from"../packem_shared/card--2hKx4L2.mjs";import{E as _e}from"../packem_shared/empty-state-D7jEML_T.mjs";import{I as ke}from"../packem_shared/input-CXhxesPC.mjs";import{S as Me,a as Re,b as Ke,c as be,d as Le}from"../packem_shared/select-Cx8-CokP.mjs";import{T as Ve,a as Oe,b as ye,c as F,d as Ue,e as B}from"../packem_shared/table-D0SBiDu-.mjs";import{u as Be}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{u as Fe}from"../packem_shared/use-async-submit-DAKymxcP.mjs";import{u as ze}from"../packem_shared/use-shard-key-BsP3o5wT.mjs";import{useT as ve}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as ie}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{i as He,f as re,c as de,d as Ie,b as je}from"../packem_shared/internal-CwaF9YNk.mjs";import{jsx as s,jsxs as w,Fragment as De}from"react/jsx-runtime";const ge="none",qe=["all","open","resolved","ignored"],Ge=["critical","high","medium","low"],Pe=de(ie.resolveIssue),We=de(ie.ignoreIssue),Se=de(ie.assignIssue),Ye=de(ie.setIssueSeverity),Qe=de(ie.explainIssue),Xe=n=>Array.isArray(n?.issues)?n.issues:[],Je=n=>n==="resolved"?"success":n==="ignored"?"secondary":"warning",Ze=n=>n==="critical"?"destructive":n==="high"?"warning":n==="medium"?"info":"secondary",et=n=>{const e=xe(44),{expanded:h,issue:t,shardKey:E}=n,i=Ne(),r=ve(),[a,o]=ne(void 0),{busy:R,error:A,run:L}=Fe();let C;e[0]!==i||e[1]!==t||e[2]!==L||e[3]!==E?(C=()=>{o(void 0),L(async()=>{const f={culprit:t.culprit,sampleMessage:t.sampleMessage,title:t.title},I=await i.query(Qe,f,Ie(E));o(I)})},e[0]=i,e[1]=t,e[2]=L,e[3]=E,e[4]=C):C=e[4];const K=C;if(!h)return null;let T;if(e[5]!==t.sampleMessage){const f=we(t.sampleMessage);T=f===void 0?void 0:Ee(f.body),e[5]=t.sampleMessage,e[6]=T}else T=e[6];const _=T,M=`issues-detail-${t.hash}`;let d;e[7]!==t.sampleMessage?(d=s("p",{className:"whitespace-pre-wrap font-mono text-xs text-muted-foreground",children:t.sampleMessage}),e[7]=t.sampleMessage,e[8]=d):d=e[8];let g;e[9]!==r?(g=r("Suggested fix"),e[9]=r,e[10]=g):g=e[10];let $;e[11]!==g?($=s("div",{className:"text-xs font-medium text-muted-foreground",children:g}),e[11]=g,e[12]=$):$=e[12];let x;e[13]!==_||e[14]!==t.hash||e[15]!==r?(x=_===void 0?s("p",{className:"mt-1 text-sm text-muted-foreground","data-testid":`issues-hint-empty-${t.hash}`,children:r("No known fix for this error yet.")}):s("p",{className:"mt-1 whitespace-pre-wrap text-sm","data-testid":`issues-hint-${t.hash}`,children:_}),e[13]=_,e[14]=t.hash,e[15]=r,e[16]=x):x=e[16];let y;e[17]!==$||e[18]!==x?(y=w("div",{children:[$,x]}),e[17]=$,e[18]=x,e[19]=y):y=e[19];const S=`issues-explain-${t.hash}`;let N;e[20]!==R||e[21]!==r?(N=r(R?"Explaining…":"Explain in plain language"),e[20]=R,e[21]=r,e[22]=N):N=e[22];let u;e[23]!==R||e[24]!==K||e[25]!==N||e[26]!==S?(u=s("div",{children:s(oe,{"data-testid":S,disabled:R,onClick:K,size:"sm",type:"button",variant:"outline",children:N})}),e[23]=R,e[24]=K,e[25]=N,e[26]=S,e[27]=u):u=e[27];let p;e[28]!==A||e[29]!==t.hash?(p=A!==null&&s("p",{className:"text-xs text-destructive","data-testid":`issues-explain-error-${t.hash}`,role:"alert",children:A}),e[28]=A,e[29]=t.hash,e[30]=p):p=e[30];let m;e[31]!==a||e[32]!==t.hash||e[33]!==r?(m=a!==void 0&&(a.degraded?s("p",{className:"text-xs text-muted-foreground","data-testid":`issues-degraded-${t.hash}`,children:a.reason==="no-ai-binding"?r("No AI binding is configured. Wire an AI binding to enable plain-language explanations — the suggested fix above is always available."):r("The AI model could not explain this error right now. The suggested fix above still applies.")}):w("div",{"data-testid":`issues-explanation-${t.hash}`,children:[s("div",{className:"text-xs font-medium text-muted-foreground",children:r("AI explanation")}),s("p",{className:"mt-1 whitespace-pre-wrap text-sm",children:a.explanation}),a.groundedId===void 0&&s("p",{className:"mt-1 text-xs text-muted-foreground","data-testid":`issues-ungrounded-${t.hash}`,children:r("No catalog fix matched this error, so this explanation is the model's own reading of the message. Verify before acting on it.")}),s("p",{className:"mt-1 text-[0.7rem] text-muted-foreground",children:r("Generated by {model}",{model:a.model})})]})),e[31]=a,e[32]=t.hash,e[33]=r,e[34]=m):m=e[34];let c;e[35]!==u||e[36]!==p||e[37]!==m||e[38]!==d||e[39]!==y?(c=s(B,{className:"bg-muted/30",colSpan:7,children:w("div",{className:"flex flex-col gap-3 py-1",children:[d,y,u,p,m]})}),e[35]=u,e[36]=p,e[37]=m,e[38]=d,e[39]=y,e[40]=c):c=e[40];let b;return e[41]!==c||e[42]!==M?(b=s(ye,{"data-testid":M,children:c}),e[41]=c,e[42]=M,e[43]=b):b=e[43],b},tt=n=>{const e=xe(119),{busy:h,issue:t,rowError:E,runTriage:i,shardKey:r}=n,a=ve(),[o,R]=ne(!1);let A;e[0]===Symbol.for("react.memo_cache_sentinel")?(A=()=>{R(st)},e[0]=A):A=e[0];const L=A;let C;e[1]!==t.hash||e[2]!==i?(C=ae=>{const he=ae===null||ae===ge?null:ae;re(i(t.hash,Ye,{severity:he}))},e[1]=t.hash,e[2]=i,e[3]=C):C=e[3];const K=C;let T;e[4]!==t.hash||e[5]!==i?(T=ae=>{if(ae.key!=="Enter")return;const he=ae.currentTarget.value.trim();re(i(t.hash,Se,{assignee:he===""?null:he}))},e[4]=t.hash,e[5]=i,e[6]=T):T=e[6];const _=T,M=`issues-row-${t.hash}`;let d;e[7]!==a?(d=a("Toggle issue details"),e[7]=a,e[8]=d):d=e[8];const g=`issues-toggle-${t.hash}`,$=`mt-1 size-3 shrink-0 text-muted-foreground transition-transform ${o?"rotate-90":""}`;let x;e[9]===Symbol.for("react.memo_cache_sentinel")?(x=s("path",{d:"m9 6 6 6-6 6"}),e[9]=x):x=e[9];let y;e[10]!==$?(y=s("svg",{"aria-hidden":"true",className:$,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",children:x}),e[10]=$,e[11]=y):y=e[11];let S;e[12]!==t.title?(S=s("span",{className:"block truncate font-medium",title:t.title,children:t.title}),e[12]=t.title,e[13]=S):S=e[13];let N;e[14]!==t.culprit?(N=s("span",{className:"block truncate font-mono text-xs text-muted-foreground",title:t.culprit,children:t.culprit}),e[14]=t.culprit,e[15]=N):N=e[15];let u;e[16]!==S||e[17]!==N?(u=w("span",{className:"min-w-0",children:[S,N]}),e[16]=S,e[17]=N,e[18]=u):u=e[18];let p;e[19]!==o||e[20]!==u||e[21]!==d||e[22]!==g||e[23]!==y?(p=w("button",{"aria-expanded":o,"aria-label":d,className:"flex w-full items-start gap-2 text-left","data-testid":g,onClick:L,type:"button",children:[y,u]}),e[19]=o,e[20]=u,e[21]=d,e[22]=g,e[23]=y,e[24]=p):p=e[24];let m;e[25]!==t.hash||e[26]!==E?(m=E!==void 0&&s("p",{className:"mt-1 text-xs text-destructive","data-testid":`issues-action-error-${t.hash}`,role:"alert",children:E}),e[25]=t.hash,e[26]=E,e[27]=m):m=e[27];let c;e[28]!==p||e[29]!==m?(c=w(B,{className:"max-w-80",children:[p,m]}),e[28]=p,e[29]=m,e[30]=c):c=e[30];const b=`issues-status-${t.hash}`;let f;e[31]!==t.status?(f=Je(t.status),e[31]=t.status,e[32]=f):f=e[32];let I;e[33]!==t.status||e[34]!==b||e[35]!==f?(I=s(B,{children:s(pe,{"data-testid":b,variant:f,children:t.status})}),e[33]=t.status,e[34]=b,e[35]=f,e[36]=I):I=e[36];const V=t.severity??ge;let l;e[37]!==a?(l=a("Set severity"),e[37]=a,e[38]=l):l=e[38];const le=`issues-severity-${t.hash}`;let O;e[39]!==a?(O=a("—"),e[39]=a,e[40]=O):O=e[40];let v;e[41]!==t.severity||e[42]!==a?(v=t.severity===void 0?s("span",{className:"text-muted-foreground",children:a("—")}):s(pe,{variant:Ze(t.severity),children:t.severity}),e[41]=t.severity,e[42]=a,e[43]=v):v=e[43];let k;e[44]!==O||e[45]!==v?(k=s(Me,{placeholder:O,children:v}),e[44]=O,e[45]=v,e[46]=k):k=e[46];let U;e[47]!==l||e[48]!==le||e[49]!==k?(U=s(Re,{"aria-label":l,className:"h-7 w-[110px]","data-testid":le,children:k}),e[47]=l,e[48]=le,e[49]=k,e[50]=U):U=e[50];let z;e[51]===Symbol.for("react.memo_cache_sentinel")?(z=Ge.map(at),e[51]=z):z=e[51];let H;e[52]!==a?(H=a("Clear"),e[52]=a,e[53]=H):H=e[53];let j;e[54]!==H?(j=w(Ke,{children:[z,s(be,{value:ge,children:H})]}),e[54]=H,e[55]=j):j=e[55];let D;e[56]!==h||e[57]!==K||e[58]!==V||e[59]!==U||e[60]!==j?(D=s(B,{children:w(Le,{disabled:h,onValueChange:K,value:V,children:[U,j]})}),e[56]=h,e[57]=K,e[58]=V,e[59]=U,e[60]=j,e[61]=D):D=e[61];let q;e[62]!==a?(q=a("Assignee"),e[62]=a,e[63]=q):q=e[63];const ue=`issues-assignee-${t.hash}`,me=t.assignee??"",fe=t.assignee??"";let G;e[64]!==a?(G=a("Unassigned"),e[64]=a,e[65]=G):G=e[65];let P;e[66]!==h||e[67]!==_||e[68]!==q||e[69]!==ue||e[70]!==me||e[71]!==fe||e[72]!==G?(P=s(B,{children:s(ke,{"aria-label":q,className:"h-7 w-32","data-testid":ue,defaultValue:me,disabled:h,onKeyDown:_,placeholder:G},fe)}),e[66]=h,e[67]=_,e[68]=q,e[69]=ue,e[70]=me,e[71]=fe,e[72]=G,e[73]=P):P=e[73];let W;e[74]!==t.count?(W=s(B,{className:"text-right",children:s(pe,{variant:"secondary",children:t.count})}),e[74]=t.count,e[75]=W):W=e[75];let Y;e[76]!==t.lastSeen?(Y=He(t.lastSeen),e[76]=t.lastSeen,e[77]=Y):Y=e[77];let Q;e[78]!==Y?(Q=s(B,{className:"text-xs tabular-nums text-muted-foreground",children:Y}),e[78]=Y,e[79]=Q):Q=e[79];let X;e[80]!==h||e[81]!==t.hash||e[82]!==t.status||e[83]!==i||e[84]!==a?(X=t.status!=="resolved"&&s(oe,{"data-testid":`issues-resolve-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,Pe,{}))},size:"xs",variant:"outline",children:a("Resolve")}),e[80]=h,e[81]=t.hash,e[82]=t.status,e[83]=i,e[84]=a,e[85]=X):X=e[85];let J;e[86]!==h||e[87]!==t.hash||e[88]!==t.status||e[89]!==i||e[90]!==a?(J=t.status!=="ignored"&&s(oe,{"data-testid":`issues-ignore-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,We,{}))},size:"xs",variant:"ghost",children:a("Ignore")}),e[86]=h,e[87]=t.hash,e[88]=t.status,e[89]=i,e[90]=a,e[91]=J):J=e[91];let Z;e[92]!==h||e[93]!==t.assignee||e[94]!==t.hash||e[95]!==t.status||e[96]!==i||e[97]!==a?(Z=t.status!=="open"&&s(oe,{"data-testid":`issues-reopen-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,Se,{assignee:t.assignee??null}))},size:"xs",variant:"ghost",children:a("Reopen")}),e[92]=h,e[93]=t.assignee,e[94]=t.hash,e[95]=t.status,e[96]=i,e[97]=a,e[98]=Z):Z=e[98];let ee;e[99]!==X||e[100]!==J||e[101]!==Z?(ee=s(B,{className:"text-right",children:w("div",{className:"flex justify-end gap-1",children:[X,J,Z]})}),e[99]=X,e[100]=J,e[101]=Z,e[102]=ee):ee=e[102];let te;e[103]!==c||e[104]!==I||e[105]!==D||e[106]!==P||e[107]!==W||e[108]!==Q||e[109]!==M||e[110]!==ee?(te=w(ye,{"data-testid":M,children:[c,I,D,P,W,Q,ee]}),e[103]=c,e[104]=I,e[105]=D,e[106]=P,e[107]=W,e[108]=Q,e[109]=M,e[110]=ee,e[111]=te):te=e[111];let se;e[112]!==o||e[113]!==t||e[114]!==r?(se=s(et,{expanded:o,issue:t,shardKey:r},t.sampleMessage),e[112]=o,e[113]=t,e[114]=r,e[115]=se):se=e[115];let ce;return e[116]!==te||e[117]!==se?(ce=w(De,{children:[te,se]}),e[116]=te,e[117]=se,e[118]=ce):ce=e[118],ce},Tt=n=>{const e=xe(38),{initialShardKey:h}=n,t=ve(),E=Ne(),{queryShardKey:i,setShardKey:r,shardKey:a}=ze(h),[o,R]=ne("all"),[A,L]=ne(it),[C,K]=ne(lt);let T;e[0]!==o?(T=o==="all"?{}:{status:o},e[0]=o,e[1]=T):T=e[1];let _;e[2]!==i?(_={live:!0,shardKey:i},e[2]=i,e[3]=_):_=e[3];const{data:M,error:d,liveError:g}=Be(ie.getIssues,T,_),$=M!==void 0;let x;if(e[4]!==C||e[5]!==A||e[6]!==E||e[7]!==M||e[8]!==d||e[9]!==g||e[10]!==$||e[11]!==i||e[12]!==r||e[13]!==a||e[14]!==o||e[15]!==t){const y=Xe(M);let S;e[17]!==E||e[18]!==i?(S=async(l,le,O)=>{K(v=>{if(!v.has(l))return v;const k=new Map(v);return k.delete(l),k}),L(v=>new Set(v).add(l));try{await E.query(le,{...O,hash:l},Ie(i))}catch(v){const U=je(v);K(z=>new Map(z).set(l,U))}L(v=>{const k=new Set(v);return k.delete(l),k})},e[17]=E,e[18]=i,e[19]=S):S=e[19];const N=S;let u;e[20]!==t?(u=l=>t(l==="all"?"All":l==="open"?"Open":l==="resolved"?"Resolved":"Ignored"),e[20]=t,e[21]=u):u=e[21];const p=u;let m;e[22]!==d?(m=d!==null&&s("p",{className:"text-sm text-destructive","data-testid":"issues-error",role:"alert",children:d}),e[22]=d,e[23]=m):m=e[23];let c;e[24]!==r||e[25]!==a?(c=s($e,{onChange:r,testId:"issues-shard-input",value:a}),e[24]=r,e[25]=a,e[26]=c):c=e[26];let b;e[27]!==g?(b=s(Te,{message:g,prefix:"issues"}),e[27]=g,e[28]=b):b=e[28];let f;e[29]!==o||e[30]!==p?(f=qe.map(l=>s(oe,{"data-active":o===l?"":void 0,"data-testid":`issues-filter-${l}`,onClick:()=>{R(l)},size:"xs",variant:o===l?"default":"outline",children:p(l)},l)),e[29]=o,e[30]=p,e[31]=f):f=e[31];let I;e[32]!==f?(I=s("div",{className:"ms-auto flex items-center gap-1","data-testid":"issues-status-filter",role:"group",children:f}),e[32]=f,e[33]=I):I=e[33];let V;e[34]!==I||e[35]!==c||e[36]!==b?(V=w("div",{className:"flex flex-wrap items-center gap-2",children:[c,b,I]}),e[34]=I,e[35]=c,e[36]=b,e[37]=V):V=e[37],x=w("div",{className:"flex flex-col gap-6","data-testid":"lunora-issues-panel",children:[m,V,$&&y.length===0?s(_e,{description:t("No grouped errors yet. When a function throws or a container crashes, matching errors fold into a single issue here."),testId:"issues-empty",title:t("No issues")}):s(Ae,{className:"overflow-hidden py-0",children:s(Ce,{className:"px-0",children:w(Ve,{"data-testid":"issues-table",children:[s(Oe,{children:w(ye,{children:[s(F,{children:t("Issue")}),s(F,{children:t("Status")}),s(F,{children:t("Severity")}),s(F,{children:t("Assignee")}),s(F,{className:"text-right",children:t("Events")}),s(F,{children:t("Last seen")}),s(F,{className:"text-right",children:t("Actions")})]})}),s(Ue,{children:y.map(l=>s(tt,{busy:A.has(l.hash),issue:l,rowError:C.get(l.hash),runTriage:N,shardKey:i},l.hash))})]})})})]}),e[4]=C,e[5]=A,e[6]=E,e[7]=M,e[8]=d,e[9]=g,e[10]=$,e[11]=i,e[12]=r,e[13]=a,e[14]=o,e[15]=t,e[16]=x}else x=e[16];return x};function st(n){return!n}function at(n){return s(be,{value:n,children:n},n)}function it(){return new Set}function lt(){return new Map}export{Tt as default};
|
|
1
|
+
import{c as xe}from"react/compiler-runtime";import{findIssueSolution as we,flattenHint as Ee}from"@lunora/errors";import{useLunora as Ne}from"@lunora/react";import{useState as ne}from"react";import{L as Te}from"../packem_shared/live-status-BuJdUZFU.mjs";import{ShardInput as $e}from"../packem_shared/ShardInput-C6mjgAh4.mjs";import{B as pe}from"../packem_shared/badge-r_5B4LHP.mjs";import{B as oe}from"../packem_shared/button-q0UYSmrn.mjs";import{C as Ae,a as Ce}from"../packem_shared/card--2hKx4L2.mjs";import{E as _e}from"../packem_shared/empty-state-D7jEML_T.mjs";import{I as ke}from"../packem_shared/input-CXhxesPC.mjs";import{S as Me,a as Re,b as Ke,c as be,d as Le}from"../packem_shared/select-DPyS18Vy.mjs";import{T as Ve,a as Oe,b as ye,c as F,d as Ue,e as B}from"../packem_shared/table-D0SBiDu-.mjs";import{u as Be}from"../packem_shared/use-admin-query-C7JRlFIE.mjs";import{u as Fe}from"../packem_shared/use-async-submit-DAKymxcP.mjs";import{u as ze}from"../packem_shared/use-shard-key-BsP3o5wT.mjs";import{useT as ve}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{ADMIN_FUNCTIONS as ie}from"../packem_shared/ADMIN_FUNCTIONS-B8yyk5BX.mjs";import{i as He,f as re,c as de,d as Ie,b as je}from"../packem_shared/internal-CwaF9YNk.mjs";import{jsx as s,jsxs as w,Fragment as De}from"react/jsx-runtime";const ge="none",qe=["all","open","resolved","ignored"],Ge=["critical","high","medium","low"],Pe=de(ie.resolveIssue),We=de(ie.ignoreIssue),Se=de(ie.assignIssue),Ye=de(ie.setIssueSeverity),Qe=de(ie.explainIssue),Xe=n=>Array.isArray(n?.issues)?n.issues:[],Je=n=>n==="resolved"?"success":n==="ignored"?"secondary":"warning",Ze=n=>n==="critical"?"destructive":n==="high"?"warning":n==="medium"?"info":"secondary",et=n=>{const e=xe(44),{expanded:h,issue:t,shardKey:E}=n,i=Ne(),r=ve(),[a,o]=ne(void 0),{busy:R,error:A,run:L}=Fe();let C;e[0]!==i||e[1]!==t||e[2]!==L||e[3]!==E?(C=()=>{o(void 0),L(async()=>{const f={culprit:t.culprit,sampleMessage:t.sampleMessage,title:t.title},I=await i.query(Qe,f,Ie(E));o(I)})},e[0]=i,e[1]=t,e[2]=L,e[3]=E,e[4]=C):C=e[4];const K=C;if(!h)return null;let T;if(e[5]!==t.sampleMessage){const f=we(t.sampleMessage);T=f===void 0?void 0:Ee(f.body),e[5]=t.sampleMessage,e[6]=T}else T=e[6];const _=T,M=`issues-detail-${t.hash}`;let d;e[7]!==t.sampleMessage?(d=s("p",{className:"whitespace-pre-wrap font-mono text-xs text-muted-foreground",children:t.sampleMessage}),e[7]=t.sampleMessage,e[8]=d):d=e[8];let g;e[9]!==r?(g=r("Suggested fix"),e[9]=r,e[10]=g):g=e[10];let $;e[11]!==g?($=s("div",{className:"text-xs font-medium text-muted-foreground",children:g}),e[11]=g,e[12]=$):$=e[12];let x;e[13]!==_||e[14]!==t.hash||e[15]!==r?(x=_===void 0?s("p",{className:"mt-1 text-sm text-muted-foreground","data-testid":`issues-hint-empty-${t.hash}`,children:r("No known fix for this error yet.")}):s("p",{className:"mt-1 whitespace-pre-wrap text-sm","data-testid":`issues-hint-${t.hash}`,children:_}),e[13]=_,e[14]=t.hash,e[15]=r,e[16]=x):x=e[16];let y;e[17]!==$||e[18]!==x?(y=w("div",{children:[$,x]}),e[17]=$,e[18]=x,e[19]=y):y=e[19];const S=`issues-explain-${t.hash}`;let N;e[20]!==R||e[21]!==r?(N=r(R?"Explaining…":"Explain in plain language"),e[20]=R,e[21]=r,e[22]=N):N=e[22];let u;e[23]!==R||e[24]!==K||e[25]!==N||e[26]!==S?(u=s("div",{children:s(oe,{"data-testid":S,disabled:R,onClick:K,size:"sm",type:"button",variant:"outline",children:N})}),e[23]=R,e[24]=K,e[25]=N,e[26]=S,e[27]=u):u=e[27];let p;e[28]!==A||e[29]!==t.hash?(p=A!==null&&s("p",{className:"text-xs text-destructive","data-testid":`issues-explain-error-${t.hash}`,role:"alert",children:A}),e[28]=A,e[29]=t.hash,e[30]=p):p=e[30];let m;e[31]!==a||e[32]!==t.hash||e[33]!==r?(m=a!==void 0&&(a.degraded?s("p",{className:"text-xs text-muted-foreground","data-testid":`issues-degraded-${t.hash}`,children:a.reason==="no-ai-binding"?r("No AI binding is configured. Wire an AI binding to enable plain-language explanations — the suggested fix above is always available."):r("The AI model could not explain this error right now. The suggested fix above still applies.")}):w("div",{"data-testid":`issues-explanation-${t.hash}`,children:[s("div",{className:"text-xs font-medium text-muted-foreground",children:r("AI explanation")}),s("p",{className:"mt-1 whitespace-pre-wrap text-sm",children:a.explanation}),a.groundedId===void 0&&s("p",{className:"mt-1 text-xs text-muted-foreground","data-testid":`issues-ungrounded-${t.hash}`,children:r("No catalog fix matched this error, so this explanation is the model's own reading of the message. Verify before acting on it.")}),s("p",{className:"mt-1 text-[0.7rem] text-muted-foreground",children:r("Generated by {model}",{model:a.model})})]})),e[31]=a,e[32]=t.hash,e[33]=r,e[34]=m):m=e[34];let c;e[35]!==u||e[36]!==p||e[37]!==m||e[38]!==d||e[39]!==y?(c=s(B,{className:"bg-muted/30",colSpan:7,children:w("div",{className:"flex flex-col gap-3 py-1",children:[d,y,u,p,m]})}),e[35]=u,e[36]=p,e[37]=m,e[38]=d,e[39]=y,e[40]=c):c=e[40];let b;return e[41]!==c||e[42]!==M?(b=s(ye,{"data-testid":M,children:c}),e[41]=c,e[42]=M,e[43]=b):b=e[43],b},tt=n=>{const e=xe(119),{busy:h,issue:t,rowError:E,runTriage:i,shardKey:r}=n,a=ve(),[o,R]=ne(!1);let A;e[0]===Symbol.for("react.memo_cache_sentinel")?(A=()=>{R(st)},e[0]=A):A=e[0];const L=A;let C;e[1]!==t.hash||e[2]!==i?(C=ae=>{const he=ae===null||ae===ge?null:ae;re(i(t.hash,Ye,{severity:he}))},e[1]=t.hash,e[2]=i,e[3]=C):C=e[3];const K=C;let T;e[4]!==t.hash||e[5]!==i?(T=ae=>{if(ae.key!=="Enter")return;const he=ae.currentTarget.value.trim();re(i(t.hash,Se,{assignee:he===""?null:he}))},e[4]=t.hash,e[5]=i,e[6]=T):T=e[6];const _=T,M=`issues-row-${t.hash}`;let d;e[7]!==a?(d=a("Toggle issue details"),e[7]=a,e[8]=d):d=e[8];const g=`issues-toggle-${t.hash}`,$=`mt-1 size-3 shrink-0 text-muted-foreground transition-transform ${o?"rotate-90":""}`;let x;e[9]===Symbol.for("react.memo_cache_sentinel")?(x=s("path",{d:"m9 6 6 6-6 6"}),e[9]=x):x=e[9];let y;e[10]!==$?(y=s("svg",{"aria-hidden":"true",className:$,fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:2,viewBox:"0 0 24 24",children:x}),e[10]=$,e[11]=y):y=e[11];let S;e[12]!==t.title?(S=s("span",{className:"block truncate font-medium",title:t.title,children:t.title}),e[12]=t.title,e[13]=S):S=e[13];let N;e[14]!==t.culprit?(N=s("span",{className:"block truncate font-mono text-xs text-muted-foreground",title:t.culprit,children:t.culprit}),e[14]=t.culprit,e[15]=N):N=e[15];let u;e[16]!==S||e[17]!==N?(u=w("span",{className:"min-w-0",children:[S,N]}),e[16]=S,e[17]=N,e[18]=u):u=e[18];let p;e[19]!==o||e[20]!==u||e[21]!==d||e[22]!==g||e[23]!==y?(p=w("button",{"aria-expanded":o,"aria-label":d,className:"flex w-full items-start gap-2 text-left","data-testid":g,onClick:L,type:"button",children:[y,u]}),e[19]=o,e[20]=u,e[21]=d,e[22]=g,e[23]=y,e[24]=p):p=e[24];let m;e[25]!==t.hash||e[26]!==E?(m=E!==void 0&&s("p",{className:"mt-1 text-xs text-destructive","data-testid":`issues-action-error-${t.hash}`,role:"alert",children:E}),e[25]=t.hash,e[26]=E,e[27]=m):m=e[27];let c;e[28]!==p||e[29]!==m?(c=w(B,{className:"max-w-80",children:[p,m]}),e[28]=p,e[29]=m,e[30]=c):c=e[30];const b=`issues-status-${t.hash}`;let f;e[31]!==t.status?(f=Je(t.status),e[31]=t.status,e[32]=f):f=e[32];let I;e[33]!==t.status||e[34]!==b||e[35]!==f?(I=s(B,{children:s(pe,{"data-testid":b,variant:f,children:t.status})}),e[33]=t.status,e[34]=b,e[35]=f,e[36]=I):I=e[36];const V=t.severity??ge;let l;e[37]!==a?(l=a("Set severity"),e[37]=a,e[38]=l):l=e[38];const le=`issues-severity-${t.hash}`;let O;e[39]!==a?(O=a("—"),e[39]=a,e[40]=O):O=e[40];let v;e[41]!==t.severity||e[42]!==a?(v=t.severity===void 0?s("span",{className:"text-muted-foreground",children:a("—")}):s(pe,{variant:Ze(t.severity),children:t.severity}),e[41]=t.severity,e[42]=a,e[43]=v):v=e[43];let k;e[44]!==O||e[45]!==v?(k=s(Me,{placeholder:O,children:v}),e[44]=O,e[45]=v,e[46]=k):k=e[46];let U;e[47]!==l||e[48]!==le||e[49]!==k?(U=s(Re,{"aria-label":l,className:"h-7 w-[110px]","data-testid":le,children:k}),e[47]=l,e[48]=le,e[49]=k,e[50]=U):U=e[50];let z;e[51]===Symbol.for("react.memo_cache_sentinel")?(z=Ge.map(at),e[51]=z):z=e[51];let H;e[52]!==a?(H=a("Clear"),e[52]=a,e[53]=H):H=e[53];let j;e[54]!==H?(j=w(Ke,{children:[z,s(be,{value:ge,children:H})]}),e[54]=H,e[55]=j):j=e[55];let D;e[56]!==h||e[57]!==K||e[58]!==V||e[59]!==U||e[60]!==j?(D=s(B,{children:w(Le,{disabled:h,onValueChange:K,value:V,children:[U,j]})}),e[56]=h,e[57]=K,e[58]=V,e[59]=U,e[60]=j,e[61]=D):D=e[61];let q;e[62]!==a?(q=a("Assignee"),e[62]=a,e[63]=q):q=e[63];const ue=`issues-assignee-${t.hash}`,me=t.assignee??"",fe=t.assignee??"";let G;e[64]!==a?(G=a("Unassigned"),e[64]=a,e[65]=G):G=e[65];let P;e[66]!==h||e[67]!==_||e[68]!==q||e[69]!==ue||e[70]!==me||e[71]!==fe||e[72]!==G?(P=s(B,{children:s(ke,{"aria-label":q,className:"h-7 w-32","data-testid":ue,defaultValue:me,disabled:h,onKeyDown:_,placeholder:G},fe)}),e[66]=h,e[67]=_,e[68]=q,e[69]=ue,e[70]=me,e[71]=fe,e[72]=G,e[73]=P):P=e[73];let W;e[74]!==t.count?(W=s(B,{className:"text-right",children:s(pe,{variant:"secondary",children:t.count})}),e[74]=t.count,e[75]=W):W=e[75];let Y;e[76]!==t.lastSeen?(Y=He(t.lastSeen),e[76]=t.lastSeen,e[77]=Y):Y=e[77];let Q;e[78]!==Y?(Q=s(B,{className:"text-xs tabular-nums text-muted-foreground",children:Y}),e[78]=Y,e[79]=Q):Q=e[79];let X;e[80]!==h||e[81]!==t.hash||e[82]!==t.status||e[83]!==i||e[84]!==a?(X=t.status!=="resolved"&&s(oe,{"data-testid":`issues-resolve-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,Pe,{}))},size:"xs",variant:"outline",children:a("Resolve")}),e[80]=h,e[81]=t.hash,e[82]=t.status,e[83]=i,e[84]=a,e[85]=X):X=e[85];let J;e[86]!==h||e[87]!==t.hash||e[88]!==t.status||e[89]!==i||e[90]!==a?(J=t.status!=="ignored"&&s(oe,{"data-testid":`issues-ignore-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,We,{}))},size:"xs",variant:"ghost",children:a("Ignore")}),e[86]=h,e[87]=t.hash,e[88]=t.status,e[89]=i,e[90]=a,e[91]=J):J=e[91];let Z;e[92]!==h||e[93]!==t.assignee||e[94]!==t.hash||e[95]!==t.status||e[96]!==i||e[97]!==a?(Z=t.status!=="open"&&s(oe,{"data-testid":`issues-reopen-${t.hash}`,disabled:h,onClick:()=>{re(i(t.hash,Se,{assignee:t.assignee??null}))},size:"xs",variant:"ghost",children:a("Reopen")}),e[92]=h,e[93]=t.assignee,e[94]=t.hash,e[95]=t.status,e[96]=i,e[97]=a,e[98]=Z):Z=e[98];let ee;e[99]!==X||e[100]!==J||e[101]!==Z?(ee=s(B,{className:"text-right",children:w("div",{className:"flex justify-end gap-1",children:[X,J,Z]})}),e[99]=X,e[100]=J,e[101]=Z,e[102]=ee):ee=e[102];let te;e[103]!==c||e[104]!==I||e[105]!==D||e[106]!==P||e[107]!==W||e[108]!==Q||e[109]!==M||e[110]!==ee?(te=w(ye,{"data-testid":M,children:[c,I,D,P,W,Q,ee]}),e[103]=c,e[104]=I,e[105]=D,e[106]=P,e[107]=W,e[108]=Q,e[109]=M,e[110]=ee,e[111]=te):te=e[111];let se;e[112]!==o||e[113]!==t||e[114]!==r?(se=s(et,{expanded:o,issue:t,shardKey:r},t.sampleMessage),e[112]=o,e[113]=t,e[114]=r,e[115]=se):se=e[115];let ce;return e[116]!==te||e[117]!==se?(ce=w(De,{children:[te,se]}),e[116]=te,e[117]=se,e[118]=ce):ce=e[118],ce},Tt=n=>{const e=xe(38),{initialShardKey:h}=n,t=ve(),E=Ne(),{queryShardKey:i,setShardKey:r,shardKey:a}=ze(h),[o,R]=ne("all"),[A,L]=ne(it),[C,K]=ne(lt);let T;e[0]!==o?(T=o==="all"?{}:{status:o},e[0]=o,e[1]=T):T=e[1];let _;e[2]!==i?(_={live:!0,shardKey:i},e[2]=i,e[3]=_):_=e[3];const{data:M,error:d,liveError:g}=Be(ie.getIssues,T,_),$=M!==void 0;let x;if(e[4]!==C||e[5]!==A||e[6]!==E||e[7]!==M||e[8]!==d||e[9]!==g||e[10]!==$||e[11]!==i||e[12]!==r||e[13]!==a||e[14]!==o||e[15]!==t){const y=Xe(M);let S;e[17]!==E||e[18]!==i?(S=async(l,le,O)=>{K(v=>{if(!v.has(l))return v;const k=new Map(v);return k.delete(l),k}),L(v=>new Set(v).add(l));try{await E.query(le,{...O,hash:l},Ie(i))}catch(v){const U=je(v);K(z=>new Map(z).set(l,U))}L(v=>{const k=new Set(v);return k.delete(l),k})},e[17]=E,e[18]=i,e[19]=S):S=e[19];const N=S;let u;e[20]!==t?(u=l=>t(l==="all"?"All":l==="open"?"Open":l==="resolved"?"Resolved":"Ignored"),e[20]=t,e[21]=u):u=e[21];const p=u;let m;e[22]!==d?(m=d!==null&&s("p",{className:"text-sm text-destructive","data-testid":"issues-error",role:"alert",children:d}),e[22]=d,e[23]=m):m=e[23];let c;e[24]!==r||e[25]!==a?(c=s($e,{onChange:r,testId:"issues-shard-input",value:a}),e[24]=r,e[25]=a,e[26]=c):c=e[26];let b;e[27]!==g?(b=s(Te,{message:g,prefix:"issues"}),e[27]=g,e[28]=b):b=e[28];let f;e[29]!==o||e[30]!==p?(f=qe.map(l=>s(oe,{"data-active":o===l?"":void 0,"data-testid":`issues-filter-${l}`,onClick:()=>{R(l)},size:"xs",variant:o===l?"default":"outline",children:p(l)},l)),e[29]=o,e[30]=p,e[31]=f):f=e[31];let I;e[32]!==f?(I=s("div",{className:"ms-auto flex items-center gap-1","data-testid":"issues-status-filter",role:"group",children:f}),e[32]=f,e[33]=I):I=e[33];let V;e[34]!==I||e[35]!==c||e[36]!==b?(V=w("div",{className:"flex flex-wrap items-center gap-2",children:[c,b,I]}),e[34]=I,e[35]=c,e[36]=b,e[37]=V):V=e[37],x=w("div",{className:"flex flex-col gap-6","data-testid":"lunora-issues-panel",children:[m,V,$&&y.length===0?s(_e,{description:t("No grouped errors yet. When a function throws or a container crashes, matching errors fold into a single issue here."),testId:"issues-empty",title:t("No issues")}):s(Ae,{className:"overflow-hidden py-0",children:s(Ce,{className:"px-0",children:w(Ve,{"data-testid":"issues-table",children:[s(Oe,{children:w(ye,{children:[s(F,{children:t("Issue")}),s(F,{children:t("Status")}),s(F,{children:t("Severity")}),s(F,{children:t("Assignee")}),s(F,{className:"text-right",children:t("Events")}),s(F,{children:t("Last seen")}),s(F,{className:"text-right",children:t("Actions")})]})}),s(Ue,{children:y.map(l=>s(tt,{busy:A.has(l.hash),issue:l,rowError:C.get(l.hash),runTriage:N,shardKey:i},l.hash))})]})})})]}),e[4]=C,e[5]=A,e[6]=E,e[7]=M,e[8]=d,e[9]=g,e[10]=$,e[11]=i,e[12]=r,e[13]=a,e[14]=o,e[15]=t,e[16]=x}else x=e[16];return x};function st(n){return!n}function at(n){return s(be,{value:n,children:n},n)}function it(){return new Set}function lt(){return new Map}export{Tt as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{useLunora as ee}from"@lunora/react";import{useState as Z,useReducer as le,useEffect as ae}from"react";import{C as ve,a as fe}from"../packem_shared/card--2hKx4L2.mjs";import{E as Ee}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as pe,a as he,b as X,c as q,d as ye,e as Q}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as G}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{f as H,b as R,l as Fe,g as se}from"../packem_shared/internal-CwaF9YNk.mjs";import{B as P}from"../packem_shared/button-q0UYSmrn.mjs";import{C as ne}from"../packem_shared/checkbox-CnS9cyCz.mjs";import{I as re}from"../packem_shared/input-CXhxesPC.mjs";import{b as ie,c as de,d as oe,e as ce}from"../packem_shared/studio-4odoxrh9.mjs";import{c as te}from"react/compiler-runtime";import{L as W}from"../packem_shared/label-DKFzyHq6.mjs";import{T as ke}from"../packem_shared/textarea--40GKAyz.mjs";import{c as Ke,S as Ve,a as Ie,b as _e,d as Me}from"../packem_shared/select-Cx8-CokP.mjs";import{jsx as r,jsxs as w,Fragment as be}from"react/jsx-runtime";import{B as Le}from"../packem_shared/badge-r_5B4LHP.mjs";const Be=a=>{const e=a.trim();if(e==="")return;const n=Number(e);return Number.isFinite(n)&&n>0?Math.floor(n):void 0},Oe=a=>a===void 0?"—":new Date(a*1e3).toISOString(),Ae=a=>new TextEncoder().encode(a).length,ge=a=>{if(a.trim()!=="")try{return JSON.stringify(JSON.parse(a),void 0,2)}catch{return}},xe=a=>{if(a.trim()==="")return!0;try{return JSON.parse(a),!0}catch{return!1}},Ne=[{key:"seconds",seconds:1},{key:"minutes",seconds:60},{key:"hours",seconds:3600},{key:"days",seconds:86400}],ue=(a,e)=>{const n=a.trim();if(n==="")return"";const c=Number(n),i=Ne.find(m=>m.key===e)?.seconds??1;return Number.isFinite(c)&&c>0?String(Math.round(c*i)):n},Ce=a=>{const e=a.trim();if(e==="")return!0;const n=Number(e);return Number.isInteger(n)&&n>=60},Se=(a,e,n,c)=>{const i=Be(a.ttl);return{expiration:i===void 0?c:void 0,expirationTtl:i,key:e,metadata:a.metadata.trim()===""?void 0:JSON.parse(a.metadata),namespace:n,value:a.value}},we=a=>{const e=te(60),{helper:n,id:c,invalid:i,onChange:m,testId:d}=a,t=G(),[l,v]=Z(""),[o,g]=Z("seconds");let k;e[0]!==m||e[1]!==o?(k=b=>{v(b.target.value),m(ue(b.target.value,o))},e[0]=m,e[1]=o,e[2]=k):k=e[2];const M=k;let K;e[3]!==l||e[4]!==m?(K=b=>{b!==null&&(g(b),m(ue(l,b)))},e[3]=l,e[4]=m,e[5]=K):K=e[5];const L=K;let f;e[6]!==t?(f=t("days"),e[6]=t,e[7]=f):f=e[7];let u;e[8]!==t?(u=t("hours"),e[8]=t,e[9]=u):u=e[9];let p;e[10]!==t?(p=t("minutes"),e[10]=t,e[11]=p):p=e[11];let x;e[12]!==t?(x=t("seconds"),e[12]=t,e[13]=x):x=e[13];let N;e[14]!==f||e[15]!==u||e[16]!==p||e[17]!==x?(N={days:f,hours:u,minutes:p,seconds:x},e[14]=f,e[15]=u,e[16]=p,e[17]=x,e[18]=N):N=e[18];const C=N;let y;e[19]!==t?(y=t("Expires after"),e[19]=t,e[20]=y):y=e[20];let S;e[21]!==c||e[22]!==y?(S=r(W,{className:"text-xs",htmlFor:c,children:y}),e[21]=c,e[22]=y,e[23]=S):S=e[23];let F;e[24]!==t?(F=t("No expiration"),e[24]=t,e[25]=F):F=e[25];let O;e[26]!==l||e[27]!==c||e[28]!==i||e[29]!==M||e[30]!==F||e[31]!==d?(O=r(re,{"aria-invalid":i,className:"flex-1","data-testid":d,id:c,inputMode:"numeric",onChange:M,placeholder:F,value:l}),e[26]=l,e[27]=c,e[28]=i,e[29]=M,e[30]=F,e[31]=d,e[32]=O):O=e[32];let V;e[33]!==t?(V=t("TTL unit"),e[33]=t,e[34]=V):V=e[34];const D=`${d}-unit`;let A;e[35]===Symbol.for("react.memo_cache_sentinel")?(A=r(Ve,{}),e[35]=A):A=e[35];let I;e[36]!==V||e[37]!==D?(I=r(Ie,{"aria-label":V,className:"w-[7.5rem]","data-testid":D,children:A}),e[36]=V,e[37]=D,e[38]=I):I=e[38];let s;e[39]!==C?(s=Ne.map(b=>r(Ke,{value:b.key,children:C[b.key]},b.key)),e[39]=C,e[40]=s):s=e[40];let h;e[41]!==s?(h=r(_e,{children:s}),e[41]=s,e[42]=h):h=e[42];let T;e[43]!==L||e[44]!==I||e[45]!==h||e[46]!==o?(T=w(Me,{onValueChange:L,value:o,children:[I,h]}),e[43]=L,e[44]=I,e[45]=h,e[46]=o,e[47]=T):T=e[47];let _;e[48]!==O||e[49]!==T?(_=w("div",{className:"flex gap-2",children:[O,T]}),e[48]=O,e[49]=T,e[50]=_):_=e[50];let E;e[51]!==n||e[52]!==i||e[53]!==t||e[54]!==d?(E=i?r("p",{className:"text-xs text-destructive","data-testid":`${d}-invalid`,children:t("TTL must be at least 60 seconds.")}):n!==void 0&&r("p",{className:"text-xs text-muted-foreground",children:n}),e[51]=n,e[52]=i,e[53]=t,e[54]=d,e[55]=E):E=e[55];let B;return e[56]!==_||e[57]!==E||e[58]!==S?(B=w("div",{className:"mb-3 grid gap-1",children:[S,_,E]}),e[56]=_,e[57]=E,e[58]=S,e[59]=B):B=e[59],B},Te=a=>{const e=te(36),{id:n,invalidTestId:c,onChange:i,testId:m,valid:d,value:t}=a,l=G();let v;e[0]!==t?(v=ge(t),e[0]=t,e[1]=v):v=e[1];const o=v;let g;e[2]!==l?(g=l("Metadata (JSON)"),e[2]=l,e[3]=g):g=e[3];let k;e[4]!==n||e[5]!==g?(k=r(W,{className:"text-xs",htmlFor:n,children:g}),e[4]=n,e[5]=g,e[6]=k):k=e[6];const M=`${m}-format`,K=o===void 0;let L;e[7]!==o||e[8]!==i?(L=()=>{o!==void 0&&i(o)},e[7]=o,e[8]=i,e[9]=L):L=e[9];let f;e[10]!==l?(f=l("Format JSON"),e[10]=l,e[11]=f):f=e[11];let u;e[12]!==M||e[13]!==K||e[14]!==L||e[15]!==f?(u=r(P,{"data-testid":M,disabled:K,onClick:L,size:"sm",variant:"outline",children:f}),e[12]=M,e[13]=K,e[14]=L,e[15]=f,e[16]=u):u=e[16];let p;e[17]!==k||e[18]!==u?(p=w("div",{className:"flex items-center justify-between gap-2",children:[k,u]}),e[17]=k,e[18]=u,e[19]=p):p=e[19];const x=!d;let N;e[20]!==i?(N=F=>{i(F.target.value)},e[20]=i,e[21]=N):N=e[21];let C;e[22]!==n||e[23]!==x||e[24]!==N||e[25]!==m||e[26]!==t?(C=r(ke,{"aria-invalid":x,className:"min-h-[4rem] font-mono text-xs","data-testid":m,id:n,onChange:N,value:t}),e[22]=n,e[23]=x,e[24]=N,e[25]=m,e[26]=t,e[27]=C):C=e[27];let y;e[28]!==c||e[29]!==l||e[30]!==d?(y=!d&&r("p",{className:"text-xs text-destructive","data-testid":c,children:l("Metadata must be valid JSON.")}),e[28]=c,e[29]=l,e[30]=d,e[31]=y):y=e[31];let S;return e[32]!==C||e[33]!==y||e[34]!==p?(S=w("div",{className:"mb-3 grid gap-1",children:[p,C,y]}),e[32]=C,e[33]=y,e[34]=p,e[35]=S):S=e[35],S},De={busy:!1,error:null,metadata:"",name:"",ttl:"",value:""},Je=(a,e)=>{switch(e.type){case"setField":return{...a,[e.field]:e.value};case"submitFailed":return{...a,busy:!1,error:e.error};case"submitStart":return{...a,busy:!0,error:null};default:return a}},Pe=a=>{const e=te(73),{namespace:n,onCancel:c,onCreated:i}=a,m=ee(),d=G(),[t,l]=le(Je,De);let v;e[0]!==t.metadata?(v=xe(t.metadata),e[0]=t.metadata,e[1]=v):v=e[1];const o=v;let g;e[2]!==t.ttl?(g=Ce(t.ttl),e[2]=t.ttl,e[3]=g):g=e[3];const k=g;let M;e[4]!==o||e[5]!==t.busy||e[6]!==t.name||e[7]!==k?(M=t.name.trim()!==""&&o&&k&&!t.busy,e[4]=o,e[5]=t.busy,e[6]=t.name,e[7]=k,e[8]=M):M=e[8];const K=M;let L;e[9]!==K||e[10]!==m||e[11]!==n||e[12]!==i||e[13]!==t.metadata||e[14]!==t.name||e[15]!==t.ttl||e[16]!==t.value?(L=()=>{K&&(l({type:"submitStart"}),H((async()=>{try{await m.putKvValue(Se({metadata:t.metadata,ttl:t.ttl,value:t.value},t.name,n)),i()}catch($){l({error:R($),type:"submitFailed"})}})()))},e[9]=K,e[10]=m,e[11]=n,e[12]=i,e[13]=t.metadata,e[14]=t.name,e[15]=t.ttl,e[16]=t.value,e[17]=L):L=e[17];const f=L;let u;e[18]!==d?(u=d("Key name"),e[18]=d,e[19]=u):u=e[19];let p;e[20]!==u?(p=r(W,{className:"text-xs",htmlFor:"kv-create-name",children:u}),e[20]=u,e[21]=p):p=e[21];let x;e[22]===Symbol.for("react.memo_cache_sentinel")?(x=$=>{l({field:"name",type:"setField",value:$.target.value})},e[22]=x):x=e[22];let N;e[23]!==d?(N=d("Key name"),e[23]=d,e[24]=N):N=e[24];let C;e[25]!==t.name||e[26]!==N?(C=r(re,{autoFocus:!0,"data-testid":"kv-create-name",id:"kv-create-name",onChange:x,placeholder:N,value:t.name}),e[25]=t.name,e[26]=N,e[27]=C):C=e[27];let y;e[28]!==p||e[29]!==C?(y=w("div",{className:"grid gap-1",children:[p,C]}),e[28]=p,e[29]=C,e[30]=y):y=e[30];let S;e[31]!==d?(S=d("Value"),e[31]=d,e[32]=S):S=e[32];let F;e[33]!==S?(F=r(W,{className:"text-xs",htmlFor:"kv-create-value",children:S}),e[33]=S,e[34]=F):F=e[34];let O;e[35]===Symbol.for("react.memo_cache_sentinel")?(O=$=>{l({field:"value",type:"setField",value:$.target.value})},e[35]=O):O=e[35];let V;e[36]!==t.value?(V=r(ke,{className:"min-h-[6rem] font-mono text-xs","data-testid":"kv-create-value",id:"kv-create-value",onChange:O,value:t.value}),e[36]=t.value,e[37]=V):V=e[37];let D;e[38]!==F||e[39]!==V?(D=w("div",{className:"grid gap-1",children:[F,V]}),e[38]=F,e[39]=V,e[40]=D):D=e[40];const A=!k;let I;e[41]===Symbol.for("react.memo_cache_sentinel")?(I=$=>{l({field:"ttl",type:"setField",value:$})},e[41]=I):I=e[41];let s;e[42]!==A?(s=r(we,{id:"kv-create-ttl",invalid:A,onChange:I,testId:"kv-create-ttl"}),e[42]=A,e[43]=s):s=e[43];let h;e[44]===Symbol.for("react.memo_cache_sentinel")?(h=$=>{l({field:"metadata",type:"setField",value:$})},e[44]=h):h=e[44];let T;e[45]!==o||e[46]!==t.metadata?(T=r(Te,{id:"kv-create-metadata",invalidTestId:"kv-create-metadata-invalid",onChange:h,testId:"kv-create-metadata",valid:o,value:t.metadata}),e[45]=o,e[46]=t.metadata,e[47]=T):T=e[47];const _=!K;let E;e[48]!==t.busy||e[49]!==d?(E=t.busy?d("Creating…"):d("Create key"),e[48]=t.busy,e[49]=d,e[50]=E):E=e[50];let B;e[51]!==f||e[52]!==_||e[53]!==E?(B=r(P,{"data-testid":"kv-create-submit",disabled:_,onClick:f,children:E}),e[51]=f,e[52]=_,e[53]=E,e[54]=B):B=e[54];const b=t.busy;let J;e[55]!==d?(J=d("Cancel"),e[55]=d,e[56]=J):J=e[56];let j;e[57]!==c||e[58]!==t.busy||e[59]!==J?(j=r(P,{"data-testid":"kv-create-cancel",disabled:b,onClick:c,variant:"outline",children:J}),e[57]=c,e[58]=t.busy,e[59]=J,e[60]=j):j=e[60];let z;e[61]!==B||e[62]!==j?(z=w("div",{className:"flex flex-wrap gap-2",children:[B,j]}),e[61]=B,e[62]=j,e[63]=z):z=e[63];let U;e[64]!==t.error?(U=t.error!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-create-error",role:"alert",children:t.error}),e[64]=t.error,e[65]=U):U=e[65];let Y;return e[66]!==y||e[67]!==D||e[68]!==s||e[69]!==T||e[70]!==z||e[71]!==U?(Y=w("div",{className:"grid gap-3 px-4 pb-4","data-testid":"kv-create-form",children:[y,D,s,T,z,U]}),e[66]=y,e[67]=D,e[68]=s,e[69]=T,e[70]=z,e[71]=U,e[72]=Y):Y=e[72],Y},$e={busy:"",editedMetadata:"",editedTtl:"",editedValue:"",loadError:null,loading:!0,value:null,writeError:null},je=(a,e)=>{switch(e.type){case"deleteStart":return{...a,busy:"deleting",writeError:null};case"editMetadata":return{...a,editedMetadata:e.value};case"editTtl":return{...a,editedTtl:e.value};case"editValue":return{...a,editedValue:e.value};case"loaded":return{...a,editedMetadata:e.metadata===null||e.metadata===void 0?"":JSON.stringify(e.metadata,null,2),editedValue:e.value??"",loading:!1,value:e.value};case"loadFailed":return{...a,loadError:e.error,loading:!1};case"saveOk":return{...a,busy:"",value:a.editedValue};case"saveStart":return{...a,busy:"saving",writeError:null};case"writeFailed":return{...a,busy:"",writeError:e.error};default:return a}},He=a=>{const e=te(67),{expiration:n,keyName:c,namespace:i,onDeleted:m}=a,d=ee(),t=G(),[l,v]=le(je,$e);let o,g;e[0]!==d||e[1]!==c||e[2]!==i?(o=()=>{const b={cancelled:!1};return H((async()=>{try{const J=await d.getKvValue({key:c,namespace:i});b.cancelled||v({metadata:J.metadata,type:"loaded",value:J.value})}catch(J){const j=J;b.cancelled||v({error:R(j),type:"loadFailed"})}})()),()=>{b.cancelled=!0}},g=[d,i,c],e[0]=d,e[1]=c,e[2]=i,e[3]=o,e[4]=g):(o=e[3],g=e[4]),ae(o,g);let k;e[5]===Symbol.for("react.memo_cache_sentinel")?(k=b=>{v({type:"editValue",value:b.target.value})},e[5]=k):k=e[5];const M=k;let K;e[6]===Symbol.for("react.memo_cache_sentinel")?(K=b=>{v({type:"editMetadata",value:b})},e[6]=K):K=e[6];const L=K;let f;e[7]!==l.editedValue?(f=ge(l.editedValue),e[7]=l.editedValue,e[8]=f):f=e[8];const u=f;let p;e[9]!==l.editedMetadata?(p=xe(l.editedMetadata),e[9]=l.editedMetadata,e[10]=p):p=e[10];const x=p;let N;e[11]!==l.editedTtl?(N=Ce(l.editedTtl),e[11]=l.editedTtl,e[12]=N):N=e[12];const C=N;let y;e[13]!==u?(y=()=>{u!==void 0&&v({type:"editValue",value:u})},e[13]=u,e[14]=y):y=e[14];const S=y;let F;e[15]!==d||e[16]!==n||e[17]!==c||e[18]!==x||e[19]!==i||e[20]!==l.editedMetadata||e[21]!==l.editedTtl||e[22]!==l.editedValue||e[23]!==t?(F=()=>{if(!x){v({error:t("Metadata must be valid JSON."),type:"writeFailed"});return}v({type:"saveStart"}),H((async()=>{try{await d.putKvValue(Se({metadata:l.editedMetadata,ttl:l.editedTtl,value:l.editedValue},c,i,n)),v({type:"saveOk"})}catch(b){v({error:R(b),type:"writeFailed"})}})())},e[15]=d,e[16]=n,e[17]=c,e[18]=x,e[19]=i,e[20]=l.editedMetadata,e[21]=l.editedTtl,e[22]=l.editedValue,e[23]=t,e[24]=F):F=e[24];const O=F;let V;e[25]!==d||e[26]!==c||e[27]!==i||e[28]!==m?(V=()=>{v({type:"deleteStart"}),H((async()=>{try{await d.deleteKvKey({key:c,namespace:i}),m(c)}catch(b){v({error:R(b),type:"writeFailed"})}})())},e[25]=d,e[26]=c,e[27]=i,e[28]=m,e[29]=V):V=e[29];const D=V;let A;e[30]!==c?(A=()=>{se(c)},e[30]=c,e[31]=A):A=e[31];let I;e[32]!==t?(I=t("Copy key"),e[32]=t,e[33]=I):I=e[33];let s;e[34]!==A||e[35]!==I?(s=r("div",{className:"mb-2 flex justify-end",children:r(P,{"data-testid":"kv-copy-key-btn",onClick:A,size:"sm",variant:"outline",children:I})}),e[34]=A,e[35]=I,e[36]=s):s=e[36];let h;e[37]!==l.loadError?(h=l.loadError!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-value-error",role:"alert",children:l.loadError}),e[37]=l.loadError,e[38]=h):h=e[38];let T;e[39]!==l.loading||e[40]!==t?(T=l.loading&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-value-loading",children:t("Loading…")}),e[39]=l.loading,e[40]=t,e[41]=T):T=e[41];let _;e[42]!==u||e[43]!==x||e[44]!==D||e[45]!==S||e[46]!==O||e[47]!==l.busy||e[48]!==l.editedMetadata||e[49]!==l.editedValue||e[50]!==l.loading||e[51]!==l.value||e[52]!==l.writeError||e[53]!==t||e[54]!==C?(_=!l.loading&&l.value!==null&&w(be,{children:[w("div",{className:"mb-1 flex flex-wrap items-center gap-2",children:[r(W,{className:"text-xs",htmlFor:"kv-value-editor",children:t("Value")}),u!==void 0&&r(Le,{variant:"secondary",children:t("JSON")}),r("span",{className:"ml-auto text-xs tabular-nums text-muted-foreground","data-testid":"kv-value-size",children:Fe(Ae(l.editedValue))})]}),r("textarea",{"aria-label":t("KV value"),className:"mb-2 min-h-[8rem] w-full rounded border border-border bg-muted/30 p-2 font-mono text-xs","data-testid":"kv-value-editor",id:"kv-value-editor",onChange:M,value:l.editedValue}),w("div",{className:"mb-3 flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-format-btn",disabled:u===void 0,onClick:S,size:"sm",variant:"outline",children:t("Format JSON")}),r(P,{"data-testid":"kv-copy-value-btn",onClick:()=>{se(l.editedValue)},size:"sm",variant:"outline",children:t("Copy value")})]}),r(we,{helper:t("Leave blank to keep the current expiration."),id:"kv-ttl-input",invalid:!C,onChange:b=>{v({type:"editTtl",value:b})},testId:"kv-ttl-input"}),r(Te,{id:"kv-metadata-editor",invalidTestId:"kv-metadata-invalid",onChange:L,testId:"kv-metadata-editor",valid:x,value:l.editedMetadata}),w("div",{className:"flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-save-btn",disabled:l.busy!==""||!x||!C,onClick:O,children:l.busy==="saving"?t("Saving…"):t("Save")}),r(P,{"data-testid":"kv-delete-btn",disabled:l.busy!=="",onClick:D,variant:"destructive",children:l.busy==="deleting"?t("Deleting…"):t("Delete")})]}),l.writeError!==null&&r("p",{className:"mt-2 text-sm text-destructive","data-testid":"kv-save-error",role:"alert",children:l.writeError})]}),e[42]=u,e[43]=x,e[44]=D,e[45]=S,e[46]=O,e[47]=l.busy,e[48]=l.editedMetadata,e[49]=l.editedValue,e[50]=l.loading,e[51]=l.value,e[52]=l.writeError,e[53]=t,e[54]=C,e[55]=_):_=e[55];let E;e[56]!==l.loadError||e[57]!==l.loading||e[58]!==l.value||e[59]!==t?(E=!l.loading&&l.value===null&&l.loadError===null&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-absent",children:t("Key is absent or has no value.")}),e[56]=l.loadError,e[57]=l.loading,e[58]=l.value,e[59]=t,e[60]=E):E=e[60];let B;return e[61]!==s||e[62]!==h||e[63]!==T||e[64]!==_||e[65]!==E?(B=w("div",{className:"px-4 pb-4","data-testid":"kv-value-section",children:[s,h,T,_,E]}),e[61]=s,e[62]=h,e[63]=T,e[64]=_,e[65]=E,e[66]=B):B=e[66],B},me=100,Re={appliedPrefix:"",bulk:[],bulkBusy:!1,bulkError:null,cursor:null,keys:null,listComplete:!1,loadError:null,loading:!1,prefixInput:"",reloadNonce:0,selectedKey:null},ze=(a,e)=>{switch(e.type){case"appendPage":return{...a,cursor:e.cursor,keys:[...a.keys??[],...e.keys],listComplete:e.listComplete,loading:!1};case"applyFilter":return{...a,appliedPrefix:a.prefixInput,bulk:[],bulkError:null,cursor:null,keys:null,listComplete:!1,selectedKey:null};case"bulkDeleted":{const n=new Set(e.deleted);return{...a,bulk:a.bulk.filter(c=>!n.has(c)),bulkBusy:!1,bulkError:e.error,keys:a.keys===null?null:a.keys.filter(c=>!n.has(c.name)),selectedKey:a.selectedKey!==null&&n.has(a.selectedKey)?null:a.selectedKey}}case"bulkDeleteStart":return{...a,bulkBusy:!0,bulkError:null};case"firstPage":return{...a,cursor:e.cursor,keys:e.keys,listComplete:e.listComplete,loading:!1};case"keyDeleted":return{...a,bulk:a.bulk.filter(n=>n!==e.name),keys:a.keys===null?null:a.keys.filter(n=>n.name!==e.name),selectedKey:null};case"loadFailed":return{...a,loadError:e.error,loading:!1};case"loadStart":return{...a,loadError:null,loading:!0};case"prefixInput":return{...a,prefixInput:e.value};case"reload":return{...a,bulk:[],bulkError:null,reloadNonce:a.reloadNonce+1,selectedKey:null};case"selectKey":return{...a,selectedKey:e.name};case"toggleAllBulk":return{...a,bulk:e.names};case"toggleBulk":return{...a,bulk:a.bulk.includes(e.name)?a.bulk.filter(n=>n!==e.name):[...a.bulk,e.name]};default:return a}},Ue=({namespace:a})=>{const e=ee(),n=G(),[c,i]=le(ze,Re),{appliedPrefix:m,bulk:d,bulkBusy:t,bulkError:l,cursor:v,keys:o,listComplete:g,loadError:k,loading:M,prefixInput:K,reloadNonce:L,selectedKey:f}=c,[u,p]=Z(!1);ae(()=>{const s={cancelled:!1};return H((async()=>{i({type:"loadStart"});try{const h=await e.listKvKeys({limit:me,namespace:a,prefix:m===""?void 0:m});s.cancelled||i({cursor:h.cursor??null,keys:h.keys,listComplete:h.listComplete,type:"firstPage"})}catch(h){s.cancelled||i({error:R(h),type:"loadFailed"})}})()),()=>{s.cancelled=!0}},[e,a,m,L]);const x=s=>{i({type:"prefixInput",value:s.target.value})},N=()=>{i({type:"applyFilter"})},C=s=>{i({name:s.currentTarget.dataset.key??null,type:"selectKey"})},y=()=>{v!==null&&(i({type:"loadStart"}),H((async()=>{try{const s=await e.listKvKeys({cursor:v,limit:me,namespace:a,prefix:m===""?void 0:m});i({cursor:s.cursor??null,keys:s.keys,listComplete:s.listComplete,type:"appendPage"})}catch(s){i({error:R(s),type:"loadFailed"})}})()))},S=s=>{i({name:s,type:"keyDeleted"})},F=s=>{i({name:s,type:"toggleBulk"})},O=s=>{i({names:s&&o!==null?o.map(h=>h.name):[],type:"toggleAllBulk"})},V=()=>{if(d.length===0)return;const s=[...d];i({type:"bulkDeleteStart"}),H((async()=>{const h=await Promise.allSettled(s.map(E=>e.deleteKvKey({key:E,namespace:a}))),T=s.filter((E,B)=>h[B]?.status==="fulfilled"),_=s.length-T.length;i({deleted:T,error:_>0?n("Failed to delete {count} keys.",{count:_}):null,type:"bulkDeleted"})})())},D=()=>{p(!1),i({type:"reload"})},A=o!==null&&o.length>0&&d.length===o.length,I=new Set(d);return w(be,{children:[w("section",{className:"border border-border bg-card p-3","data-testid":"kv-keys-section",children:[w("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[r(re,{"aria-label":n("Filter keys by prefix"),className:"min-w-[16rem] flex-1","data-testid":"kv-prefix-input",onChange:x,placeholder:n("Filter by prefix…"),value:K}),r(P,{"data-testid":"kv-filter-btn",disabled:M,onClick:N,children:n("Filter")}),r(P,{"data-testid":"kv-new-key-btn",onClick:()=>{p(s=>!s)},variant:"outline",children:n("New key")}),d.length>0&&r(P,{"data-testid":"kv-bulk-delete-btn",disabled:t,onClick:V,variant:"destructive",children:t?n("Deleting…"):n("Delete {count}",{count:d.length})})]}),l!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-bulk-error",role:"alert",children:l}),k!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-keys-error",role:"alert",children:k}),o!==null&&o.length===0&&!M&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-no-keys",children:n("No keys.")}),o!==null&&o.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-key-table",children:[r(he,{children:w(X,{children:[r(q,{className:"w-10",children:r(ne,{"aria-label":n("Select all"),checked:A,"data-testid":"kv-select-all",onCheckedChange:O})}),r(q,{children:n("Key")}),r(q,{children:n("Expiration")})]})}),r(ye,{children:o.map(s=>w(X,{className:s.name===f?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-key":s.name,"data-testid":`kv-key-row-${s.name}`,onClick:C,children:[r(Q,{onClick:h=>{h.stopPropagation()},children:r(ne,{"aria-label":n("Select {name}",{name:s.name}),checked:I.has(s.name),"data-testid":`kv-select-${s.name}`,onCheckedChange:()=>{F(s.name)}})}),r(Q,{className:"font-mono text-xs",children:s.name}),r(Q,{className:"tabular-nums text-xs",children:Oe(s.expiration)})]},s.name))})]})})}),!g&&v!==null&&r("div",{className:"mt-2",children:r(P,{"data-testid":"kv-load-more",disabled:M,onClick:y,variant:"outline",children:n(M?"Loading…":"Load more")})})]}),r(ie,{onOpenChange:s=>{s||p(!1)},open:u,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-create-sheet",side:"right",children:[r(oe,{children:r(ce,{children:n("New key")})}),r(Pe,{namespace:a,onCancel:()=>{p(!1)},onCreated:D})]})}),r(ie,{onOpenChange:s=>{s||i({name:null,type:"selectKey"})},open:f!==null,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-editor-sheet",side:"right",children:[r(oe,{children:r(ce,{className:"truncate font-mono text-xs",children:f})}),f!==null&&r(He,{expiration:o?.find(s=>s.name===f)?.expiration,keyName:f,namespace:a,onDeleted:S},`${a}:${f}`)]})})]})},ut=({loadNamespaces:a}={})=>{const e=ee(),n=G(),[c,i]=Z(null),[m,d]=Z(null),[t,l]=Z(null);ae(()=>{const o={cancelled:!1};return H((async()=>{try{const g=await(a??(()=>e.listKvNamespaces()))();o.cancelled||(i(g),d(null),l(k=>k??g[0]?.binding??null))}catch(g){o.cancelled||(i(null),d(R(g)))}})()),()=>{o.cancelled=!0}},[e,a]);const v=o=>{l(o.currentTarget.dataset.ns??null)};return w("div",{className:"flex flex-col gap-4","data-testid":"lunora-kv-browser",children:[m!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-ns-error",role:"alert",children:m}),c!==null&&c.length===0&&r(Ee,{description:n("Add a kv_namespaces binding to wrangler.jsonc — it appears here automatically, no wiring needed."),icon:r("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:r("path",{d:"M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"})}),testId:"kv-empty",title:n("No KV namespaces.")}),c!==null&&c.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-namespace-table",children:[r(he,{children:r(X,{children:r(q,{children:n("Namespace")})})}),r(ye,{children:c.map(o=>r(X,{className:o.binding===t?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-ns":o.binding,"data-testid":`kv-ns-row-${o.binding}`,onClick:v,children:r(Q,{className:"font-mono text-xs",children:o.binding})},o.binding))})]})})}),t!==null&&r(Ue,{namespace:t},t)]})};export{ut as KvBrowser};
|
|
1
|
+
import{useLunora as ee}from"@lunora/react";import{useState as Z,useReducer as le,useEffect as ae}from"react";import{C as ve,a as fe}from"../packem_shared/card--2hKx4L2.mjs";import{E as Ee}from"../packem_shared/empty-state-D7jEML_T.mjs";import{T as pe,a as he,b as X,c as q,d as ye,e as Q}from"../packem_shared/table-D0SBiDu-.mjs";import{useT as G}from"../packem_shared/DEFAULT_LOCALE-A1Yg5ORA.mjs";import{f as H,b as R,l as Fe,g as se}from"../packem_shared/internal-CwaF9YNk.mjs";import{B as P}from"../packem_shared/button-q0UYSmrn.mjs";import{C as ne}from"../packem_shared/checkbox-CnS9cyCz.mjs";import{I as re}from"../packem_shared/input-CXhxesPC.mjs";import{b as ie,c as de,d as oe,e as ce}from"../packem_shared/studio-DE8N0tIQ.mjs";import{c as te}from"react/compiler-runtime";import{L as W}from"../packem_shared/label-DKFzyHq6.mjs";import{T as ke}from"../packem_shared/textarea--40GKAyz.mjs";import{c as Ke,S as Ve,a as Ie,b as _e,d as Me}from"../packem_shared/select-DPyS18Vy.mjs";import{jsx as r,jsxs as w,Fragment as be}from"react/jsx-runtime";import{B as Le}from"../packem_shared/badge-r_5B4LHP.mjs";const Be=a=>{const e=a.trim();if(e==="")return;const n=Number(e);return Number.isFinite(n)&&n>0?Math.floor(n):void 0},Oe=a=>a===void 0?"—":new Date(a*1e3).toISOString(),Ae=a=>new TextEncoder().encode(a).length,ge=a=>{if(a.trim()!=="")try{return JSON.stringify(JSON.parse(a),void 0,2)}catch{return}},xe=a=>{if(a.trim()==="")return!0;try{return JSON.parse(a),!0}catch{return!1}},Ne=[{key:"seconds",seconds:1},{key:"minutes",seconds:60},{key:"hours",seconds:3600},{key:"days",seconds:86400}],ue=(a,e)=>{const n=a.trim();if(n==="")return"";const c=Number(n),i=Ne.find(m=>m.key===e)?.seconds??1;return Number.isFinite(c)&&c>0?String(Math.round(c*i)):n},Ce=a=>{const e=a.trim();if(e==="")return!0;const n=Number(e);return Number.isInteger(n)&&n>=60},Se=(a,e,n,c)=>{const i=Be(a.ttl);return{expiration:i===void 0?c:void 0,expirationTtl:i,key:e,metadata:a.metadata.trim()===""?void 0:JSON.parse(a.metadata),namespace:n,value:a.value}},we=a=>{const e=te(60),{helper:n,id:c,invalid:i,onChange:m,testId:d}=a,t=G(),[l,v]=Z(""),[o,g]=Z("seconds");let k;e[0]!==m||e[1]!==o?(k=b=>{v(b.target.value),m(ue(b.target.value,o))},e[0]=m,e[1]=o,e[2]=k):k=e[2];const M=k;let K;e[3]!==l||e[4]!==m?(K=b=>{b!==null&&(g(b),m(ue(l,b)))},e[3]=l,e[4]=m,e[5]=K):K=e[5];const L=K;let f;e[6]!==t?(f=t("days"),e[6]=t,e[7]=f):f=e[7];let u;e[8]!==t?(u=t("hours"),e[8]=t,e[9]=u):u=e[9];let p;e[10]!==t?(p=t("minutes"),e[10]=t,e[11]=p):p=e[11];let x;e[12]!==t?(x=t("seconds"),e[12]=t,e[13]=x):x=e[13];let N;e[14]!==f||e[15]!==u||e[16]!==p||e[17]!==x?(N={days:f,hours:u,minutes:p,seconds:x},e[14]=f,e[15]=u,e[16]=p,e[17]=x,e[18]=N):N=e[18];const C=N;let y;e[19]!==t?(y=t("Expires after"),e[19]=t,e[20]=y):y=e[20];let S;e[21]!==c||e[22]!==y?(S=r(W,{className:"text-xs",htmlFor:c,children:y}),e[21]=c,e[22]=y,e[23]=S):S=e[23];let F;e[24]!==t?(F=t("No expiration"),e[24]=t,e[25]=F):F=e[25];let O;e[26]!==l||e[27]!==c||e[28]!==i||e[29]!==M||e[30]!==F||e[31]!==d?(O=r(re,{"aria-invalid":i,className:"flex-1","data-testid":d,id:c,inputMode:"numeric",onChange:M,placeholder:F,value:l}),e[26]=l,e[27]=c,e[28]=i,e[29]=M,e[30]=F,e[31]=d,e[32]=O):O=e[32];let V;e[33]!==t?(V=t("TTL unit"),e[33]=t,e[34]=V):V=e[34];const D=`${d}-unit`;let A;e[35]===Symbol.for("react.memo_cache_sentinel")?(A=r(Ve,{}),e[35]=A):A=e[35];let I;e[36]!==V||e[37]!==D?(I=r(Ie,{"aria-label":V,className:"w-[7.5rem]","data-testid":D,children:A}),e[36]=V,e[37]=D,e[38]=I):I=e[38];let s;e[39]!==C?(s=Ne.map(b=>r(Ke,{value:b.key,children:C[b.key]},b.key)),e[39]=C,e[40]=s):s=e[40];let h;e[41]!==s?(h=r(_e,{children:s}),e[41]=s,e[42]=h):h=e[42];let T;e[43]!==L||e[44]!==I||e[45]!==h||e[46]!==o?(T=w(Me,{onValueChange:L,value:o,children:[I,h]}),e[43]=L,e[44]=I,e[45]=h,e[46]=o,e[47]=T):T=e[47];let _;e[48]!==O||e[49]!==T?(_=w("div",{className:"flex gap-2",children:[O,T]}),e[48]=O,e[49]=T,e[50]=_):_=e[50];let E;e[51]!==n||e[52]!==i||e[53]!==t||e[54]!==d?(E=i?r("p",{className:"text-xs text-destructive","data-testid":`${d}-invalid`,children:t("TTL must be at least 60 seconds.")}):n!==void 0&&r("p",{className:"text-xs text-muted-foreground",children:n}),e[51]=n,e[52]=i,e[53]=t,e[54]=d,e[55]=E):E=e[55];let B;return e[56]!==_||e[57]!==E||e[58]!==S?(B=w("div",{className:"mb-3 grid gap-1",children:[S,_,E]}),e[56]=_,e[57]=E,e[58]=S,e[59]=B):B=e[59],B},Te=a=>{const e=te(36),{id:n,invalidTestId:c,onChange:i,testId:m,valid:d,value:t}=a,l=G();let v;e[0]!==t?(v=ge(t),e[0]=t,e[1]=v):v=e[1];const o=v;let g;e[2]!==l?(g=l("Metadata (JSON)"),e[2]=l,e[3]=g):g=e[3];let k;e[4]!==n||e[5]!==g?(k=r(W,{className:"text-xs",htmlFor:n,children:g}),e[4]=n,e[5]=g,e[6]=k):k=e[6];const M=`${m}-format`,K=o===void 0;let L;e[7]!==o||e[8]!==i?(L=()=>{o!==void 0&&i(o)},e[7]=o,e[8]=i,e[9]=L):L=e[9];let f;e[10]!==l?(f=l("Format JSON"),e[10]=l,e[11]=f):f=e[11];let u;e[12]!==M||e[13]!==K||e[14]!==L||e[15]!==f?(u=r(P,{"data-testid":M,disabled:K,onClick:L,size:"sm",variant:"outline",children:f}),e[12]=M,e[13]=K,e[14]=L,e[15]=f,e[16]=u):u=e[16];let p;e[17]!==k||e[18]!==u?(p=w("div",{className:"flex items-center justify-between gap-2",children:[k,u]}),e[17]=k,e[18]=u,e[19]=p):p=e[19];const x=!d;let N;e[20]!==i?(N=F=>{i(F.target.value)},e[20]=i,e[21]=N):N=e[21];let C;e[22]!==n||e[23]!==x||e[24]!==N||e[25]!==m||e[26]!==t?(C=r(ke,{"aria-invalid":x,className:"min-h-[4rem] font-mono text-xs","data-testid":m,id:n,onChange:N,value:t}),e[22]=n,e[23]=x,e[24]=N,e[25]=m,e[26]=t,e[27]=C):C=e[27];let y;e[28]!==c||e[29]!==l||e[30]!==d?(y=!d&&r("p",{className:"text-xs text-destructive","data-testid":c,children:l("Metadata must be valid JSON.")}),e[28]=c,e[29]=l,e[30]=d,e[31]=y):y=e[31];let S;return e[32]!==C||e[33]!==y||e[34]!==p?(S=w("div",{className:"mb-3 grid gap-1",children:[p,C,y]}),e[32]=C,e[33]=y,e[34]=p,e[35]=S):S=e[35],S},De={busy:!1,error:null,metadata:"",name:"",ttl:"",value:""},Je=(a,e)=>{switch(e.type){case"setField":return{...a,[e.field]:e.value};case"submitFailed":return{...a,busy:!1,error:e.error};case"submitStart":return{...a,busy:!0,error:null};default:return a}},Pe=a=>{const e=te(73),{namespace:n,onCancel:c,onCreated:i}=a,m=ee(),d=G(),[t,l]=le(Je,De);let v;e[0]!==t.metadata?(v=xe(t.metadata),e[0]=t.metadata,e[1]=v):v=e[1];const o=v;let g;e[2]!==t.ttl?(g=Ce(t.ttl),e[2]=t.ttl,e[3]=g):g=e[3];const k=g;let M;e[4]!==o||e[5]!==t.busy||e[6]!==t.name||e[7]!==k?(M=t.name.trim()!==""&&o&&k&&!t.busy,e[4]=o,e[5]=t.busy,e[6]=t.name,e[7]=k,e[8]=M):M=e[8];const K=M;let L;e[9]!==K||e[10]!==m||e[11]!==n||e[12]!==i||e[13]!==t.metadata||e[14]!==t.name||e[15]!==t.ttl||e[16]!==t.value?(L=()=>{K&&(l({type:"submitStart"}),H((async()=>{try{await m.putKvValue(Se({metadata:t.metadata,ttl:t.ttl,value:t.value},t.name,n)),i()}catch($){l({error:R($),type:"submitFailed"})}})()))},e[9]=K,e[10]=m,e[11]=n,e[12]=i,e[13]=t.metadata,e[14]=t.name,e[15]=t.ttl,e[16]=t.value,e[17]=L):L=e[17];const f=L;let u;e[18]!==d?(u=d("Key name"),e[18]=d,e[19]=u):u=e[19];let p;e[20]!==u?(p=r(W,{className:"text-xs",htmlFor:"kv-create-name",children:u}),e[20]=u,e[21]=p):p=e[21];let x;e[22]===Symbol.for("react.memo_cache_sentinel")?(x=$=>{l({field:"name",type:"setField",value:$.target.value})},e[22]=x):x=e[22];let N;e[23]!==d?(N=d("Key name"),e[23]=d,e[24]=N):N=e[24];let C;e[25]!==t.name||e[26]!==N?(C=r(re,{autoFocus:!0,"data-testid":"kv-create-name",id:"kv-create-name",onChange:x,placeholder:N,value:t.name}),e[25]=t.name,e[26]=N,e[27]=C):C=e[27];let y;e[28]!==p||e[29]!==C?(y=w("div",{className:"grid gap-1",children:[p,C]}),e[28]=p,e[29]=C,e[30]=y):y=e[30];let S;e[31]!==d?(S=d("Value"),e[31]=d,e[32]=S):S=e[32];let F;e[33]!==S?(F=r(W,{className:"text-xs",htmlFor:"kv-create-value",children:S}),e[33]=S,e[34]=F):F=e[34];let O;e[35]===Symbol.for("react.memo_cache_sentinel")?(O=$=>{l({field:"value",type:"setField",value:$.target.value})},e[35]=O):O=e[35];let V;e[36]!==t.value?(V=r(ke,{className:"min-h-[6rem] font-mono text-xs","data-testid":"kv-create-value",id:"kv-create-value",onChange:O,value:t.value}),e[36]=t.value,e[37]=V):V=e[37];let D;e[38]!==F||e[39]!==V?(D=w("div",{className:"grid gap-1",children:[F,V]}),e[38]=F,e[39]=V,e[40]=D):D=e[40];const A=!k;let I;e[41]===Symbol.for("react.memo_cache_sentinel")?(I=$=>{l({field:"ttl",type:"setField",value:$})},e[41]=I):I=e[41];let s;e[42]!==A?(s=r(we,{id:"kv-create-ttl",invalid:A,onChange:I,testId:"kv-create-ttl"}),e[42]=A,e[43]=s):s=e[43];let h;e[44]===Symbol.for("react.memo_cache_sentinel")?(h=$=>{l({field:"metadata",type:"setField",value:$})},e[44]=h):h=e[44];let T;e[45]!==o||e[46]!==t.metadata?(T=r(Te,{id:"kv-create-metadata",invalidTestId:"kv-create-metadata-invalid",onChange:h,testId:"kv-create-metadata",valid:o,value:t.metadata}),e[45]=o,e[46]=t.metadata,e[47]=T):T=e[47];const _=!K;let E;e[48]!==t.busy||e[49]!==d?(E=t.busy?d("Creating…"):d("Create key"),e[48]=t.busy,e[49]=d,e[50]=E):E=e[50];let B;e[51]!==f||e[52]!==_||e[53]!==E?(B=r(P,{"data-testid":"kv-create-submit",disabled:_,onClick:f,children:E}),e[51]=f,e[52]=_,e[53]=E,e[54]=B):B=e[54];const b=t.busy;let J;e[55]!==d?(J=d("Cancel"),e[55]=d,e[56]=J):J=e[56];let j;e[57]!==c||e[58]!==t.busy||e[59]!==J?(j=r(P,{"data-testid":"kv-create-cancel",disabled:b,onClick:c,variant:"outline",children:J}),e[57]=c,e[58]=t.busy,e[59]=J,e[60]=j):j=e[60];let z;e[61]!==B||e[62]!==j?(z=w("div",{className:"flex flex-wrap gap-2",children:[B,j]}),e[61]=B,e[62]=j,e[63]=z):z=e[63];let U;e[64]!==t.error?(U=t.error!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-create-error",role:"alert",children:t.error}),e[64]=t.error,e[65]=U):U=e[65];let Y;return e[66]!==y||e[67]!==D||e[68]!==s||e[69]!==T||e[70]!==z||e[71]!==U?(Y=w("div",{className:"grid gap-3 px-4 pb-4","data-testid":"kv-create-form",children:[y,D,s,T,z,U]}),e[66]=y,e[67]=D,e[68]=s,e[69]=T,e[70]=z,e[71]=U,e[72]=Y):Y=e[72],Y},$e={busy:"",editedMetadata:"",editedTtl:"",editedValue:"",loadError:null,loading:!0,value:null,writeError:null},je=(a,e)=>{switch(e.type){case"deleteStart":return{...a,busy:"deleting",writeError:null};case"editMetadata":return{...a,editedMetadata:e.value};case"editTtl":return{...a,editedTtl:e.value};case"editValue":return{...a,editedValue:e.value};case"loaded":return{...a,editedMetadata:e.metadata===null||e.metadata===void 0?"":JSON.stringify(e.metadata,null,2),editedValue:e.value??"",loading:!1,value:e.value};case"loadFailed":return{...a,loadError:e.error,loading:!1};case"saveOk":return{...a,busy:"",value:a.editedValue};case"saveStart":return{...a,busy:"saving",writeError:null};case"writeFailed":return{...a,busy:"",writeError:e.error};default:return a}},He=a=>{const e=te(67),{expiration:n,keyName:c,namespace:i,onDeleted:m}=a,d=ee(),t=G(),[l,v]=le(je,$e);let o,g;e[0]!==d||e[1]!==c||e[2]!==i?(o=()=>{const b={cancelled:!1};return H((async()=>{try{const J=await d.getKvValue({key:c,namespace:i});b.cancelled||v({metadata:J.metadata,type:"loaded",value:J.value})}catch(J){const j=J;b.cancelled||v({error:R(j),type:"loadFailed"})}})()),()=>{b.cancelled=!0}},g=[d,i,c],e[0]=d,e[1]=c,e[2]=i,e[3]=o,e[4]=g):(o=e[3],g=e[4]),ae(o,g);let k;e[5]===Symbol.for("react.memo_cache_sentinel")?(k=b=>{v({type:"editValue",value:b.target.value})},e[5]=k):k=e[5];const M=k;let K;e[6]===Symbol.for("react.memo_cache_sentinel")?(K=b=>{v({type:"editMetadata",value:b})},e[6]=K):K=e[6];const L=K;let f;e[7]!==l.editedValue?(f=ge(l.editedValue),e[7]=l.editedValue,e[8]=f):f=e[8];const u=f;let p;e[9]!==l.editedMetadata?(p=xe(l.editedMetadata),e[9]=l.editedMetadata,e[10]=p):p=e[10];const x=p;let N;e[11]!==l.editedTtl?(N=Ce(l.editedTtl),e[11]=l.editedTtl,e[12]=N):N=e[12];const C=N;let y;e[13]!==u?(y=()=>{u!==void 0&&v({type:"editValue",value:u})},e[13]=u,e[14]=y):y=e[14];const S=y;let F;e[15]!==d||e[16]!==n||e[17]!==c||e[18]!==x||e[19]!==i||e[20]!==l.editedMetadata||e[21]!==l.editedTtl||e[22]!==l.editedValue||e[23]!==t?(F=()=>{if(!x){v({error:t("Metadata must be valid JSON."),type:"writeFailed"});return}v({type:"saveStart"}),H((async()=>{try{await d.putKvValue(Se({metadata:l.editedMetadata,ttl:l.editedTtl,value:l.editedValue},c,i,n)),v({type:"saveOk"})}catch(b){v({error:R(b),type:"writeFailed"})}})())},e[15]=d,e[16]=n,e[17]=c,e[18]=x,e[19]=i,e[20]=l.editedMetadata,e[21]=l.editedTtl,e[22]=l.editedValue,e[23]=t,e[24]=F):F=e[24];const O=F;let V;e[25]!==d||e[26]!==c||e[27]!==i||e[28]!==m?(V=()=>{v({type:"deleteStart"}),H((async()=>{try{await d.deleteKvKey({key:c,namespace:i}),m(c)}catch(b){v({error:R(b),type:"writeFailed"})}})())},e[25]=d,e[26]=c,e[27]=i,e[28]=m,e[29]=V):V=e[29];const D=V;let A;e[30]!==c?(A=()=>{se(c)},e[30]=c,e[31]=A):A=e[31];let I;e[32]!==t?(I=t("Copy key"),e[32]=t,e[33]=I):I=e[33];let s;e[34]!==A||e[35]!==I?(s=r("div",{className:"mb-2 flex justify-end",children:r(P,{"data-testid":"kv-copy-key-btn",onClick:A,size:"sm",variant:"outline",children:I})}),e[34]=A,e[35]=I,e[36]=s):s=e[36];let h;e[37]!==l.loadError?(h=l.loadError!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-value-error",role:"alert",children:l.loadError}),e[37]=l.loadError,e[38]=h):h=e[38];let T;e[39]!==l.loading||e[40]!==t?(T=l.loading&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-value-loading",children:t("Loading…")}),e[39]=l.loading,e[40]=t,e[41]=T):T=e[41];let _;e[42]!==u||e[43]!==x||e[44]!==D||e[45]!==S||e[46]!==O||e[47]!==l.busy||e[48]!==l.editedMetadata||e[49]!==l.editedValue||e[50]!==l.loading||e[51]!==l.value||e[52]!==l.writeError||e[53]!==t||e[54]!==C?(_=!l.loading&&l.value!==null&&w(be,{children:[w("div",{className:"mb-1 flex flex-wrap items-center gap-2",children:[r(W,{className:"text-xs",htmlFor:"kv-value-editor",children:t("Value")}),u!==void 0&&r(Le,{variant:"secondary",children:t("JSON")}),r("span",{className:"ml-auto text-xs tabular-nums text-muted-foreground","data-testid":"kv-value-size",children:Fe(Ae(l.editedValue))})]}),r("textarea",{"aria-label":t("KV value"),className:"mb-2 min-h-[8rem] w-full rounded border border-border bg-muted/30 p-2 font-mono text-xs","data-testid":"kv-value-editor",id:"kv-value-editor",onChange:M,value:l.editedValue}),w("div",{className:"mb-3 flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-format-btn",disabled:u===void 0,onClick:S,size:"sm",variant:"outline",children:t("Format JSON")}),r(P,{"data-testid":"kv-copy-value-btn",onClick:()=>{se(l.editedValue)},size:"sm",variant:"outline",children:t("Copy value")})]}),r(we,{helper:t("Leave blank to keep the current expiration."),id:"kv-ttl-input",invalid:!C,onChange:b=>{v({type:"editTtl",value:b})},testId:"kv-ttl-input"}),r(Te,{id:"kv-metadata-editor",invalidTestId:"kv-metadata-invalid",onChange:L,testId:"kv-metadata-editor",valid:x,value:l.editedMetadata}),w("div",{className:"flex flex-wrap gap-2",children:[r(P,{"data-testid":"kv-save-btn",disabled:l.busy!==""||!x||!C,onClick:O,children:l.busy==="saving"?t("Saving…"):t("Save")}),r(P,{"data-testid":"kv-delete-btn",disabled:l.busy!=="",onClick:D,variant:"destructive",children:l.busy==="deleting"?t("Deleting…"):t("Delete")})]}),l.writeError!==null&&r("p",{className:"mt-2 text-sm text-destructive","data-testid":"kv-save-error",role:"alert",children:l.writeError})]}),e[42]=u,e[43]=x,e[44]=D,e[45]=S,e[46]=O,e[47]=l.busy,e[48]=l.editedMetadata,e[49]=l.editedValue,e[50]=l.loading,e[51]=l.value,e[52]=l.writeError,e[53]=t,e[54]=C,e[55]=_):_=e[55];let E;e[56]!==l.loadError||e[57]!==l.loading||e[58]!==l.value||e[59]!==t?(E=!l.loading&&l.value===null&&l.loadError===null&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-absent",children:t("Key is absent or has no value.")}),e[56]=l.loadError,e[57]=l.loading,e[58]=l.value,e[59]=t,e[60]=E):E=e[60];let B;return e[61]!==s||e[62]!==h||e[63]!==T||e[64]!==_||e[65]!==E?(B=w("div",{className:"px-4 pb-4","data-testid":"kv-value-section",children:[s,h,T,_,E]}),e[61]=s,e[62]=h,e[63]=T,e[64]=_,e[65]=E,e[66]=B):B=e[66],B},me=100,Re={appliedPrefix:"",bulk:[],bulkBusy:!1,bulkError:null,cursor:null,keys:null,listComplete:!1,loadError:null,loading:!1,prefixInput:"",reloadNonce:0,selectedKey:null},ze=(a,e)=>{switch(e.type){case"appendPage":return{...a,cursor:e.cursor,keys:[...a.keys??[],...e.keys],listComplete:e.listComplete,loading:!1};case"applyFilter":return{...a,appliedPrefix:a.prefixInput,bulk:[],bulkError:null,cursor:null,keys:null,listComplete:!1,selectedKey:null};case"bulkDeleted":{const n=new Set(e.deleted);return{...a,bulk:a.bulk.filter(c=>!n.has(c)),bulkBusy:!1,bulkError:e.error,keys:a.keys===null?null:a.keys.filter(c=>!n.has(c.name)),selectedKey:a.selectedKey!==null&&n.has(a.selectedKey)?null:a.selectedKey}}case"bulkDeleteStart":return{...a,bulkBusy:!0,bulkError:null};case"firstPage":return{...a,cursor:e.cursor,keys:e.keys,listComplete:e.listComplete,loading:!1};case"keyDeleted":return{...a,bulk:a.bulk.filter(n=>n!==e.name),keys:a.keys===null?null:a.keys.filter(n=>n.name!==e.name),selectedKey:null};case"loadFailed":return{...a,loadError:e.error,loading:!1};case"loadStart":return{...a,loadError:null,loading:!0};case"prefixInput":return{...a,prefixInput:e.value};case"reload":return{...a,bulk:[],bulkError:null,reloadNonce:a.reloadNonce+1,selectedKey:null};case"selectKey":return{...a,selectedKey:e.name};case"toggleAllBulk":return{...a,bulk:e.names};case"toggleBulk":return{...a,bulk:a.bulk.includes(e.name)?a.bulk.filter(n=>n!==e.name):[...a.bulk,e.name]};default:return a}},Ue=({namespace:a})=>{const e=ee(),n=G(),[c,i]=le(ze,Re),{appliedPrefix:m,bulk:d,bulkBusy:t,bulkError:l,cursor:v,keys:o,listComplete:g,loadError:k,loading:M,prefixInput:K,reloadNonce:L,selectedKey:f}=c,[u,p]=Z(!1);ae(()=>{const s={cancelled:!1};return H((async()=>{i({type:"loadStart"});try{const h=await e.listKvKeys({limit:me,namespace:a,prefix:m===""?void 0:m});s.cancelled||i({cursor:h.cursor??null,keys:h.keys,listComplete:h.listComplete,type:"firstPage"})}catch(h){s.cancelled||i({error:R(h),type:"loadFailed"})}})()),()=>{s.cancelled=!0}},[e,a,m,L]);const x=s=>{i({type:"prefixInput",value:s.target.value})},N=()=>{i({type:"applyFilter"})},C=s=>{i({name:s.currentTarget.dataset.key??null,type:"selectKey"})},y=()=>{v!==null&&(i({type:"loadStart"}),H((async()=>{try{const s=await e.listKvKeys({cursor:v,limit:me,namespace:a,prefix:m===""?void 0:m});i({cursor:s.cursor??null,keys:s.keys,listComplete:s.listComplete,type:"appendPage"})}catch(s){i({error:R(s),type:"loadFailed"})}})()))},S=s=>{i({name:s,type:"keyDeleted"})},F=s=>{i({name:s,type:"toggleBulk"})},O=s=>{i({names:s&&o!==null?o.map(h=>h.name):[],type:"toggleAllBulk"})},V=()=>{if(d.length===0)return;const s=[...d];i({type:"bulkDeleteStart"}),H((async()=>{const h=await Promise.allSettled(s.map(E=>e.deleteKvKey({key:E,namespace:a}))),T=s.filter((E,B)=>h[B]?.status==="fulfilled"),_=s.length-T.length;i({deleted:T,error:_>0?n("Failed to delete {count} keys.",{count:_}):null,type:"bulkDeleted"})})())},D=()=>{p(!1),i({type:"reload"})},A=o!==null&&o.length>0&&d.length===o.length,I=new Set(d);return w(be,{children:[w("section",{className:"border border-border bg-card p-3","data-testid":"kv-keys-section",children:[w("div",{className:"mb-3 flex flex-wrap items-center gap-2",children:[r(re,{"aria-label":n("Filter keys by prefix"),className:"min-w-[16rem] flex-1","data-testid":"kv-prefix-input",onChange:x,placeholder:n("Filter by prefix…"),value:K}),r(P,{"data-testid":"kv-filter-btn",disabled:M,onClick:N,children:n("Filter")}),r(P,{"data-testid":"kv-new-key-btn",onClick:()=>{p(s=>!s)},variant:"outline",children:n("New key")}),d.length>0&&r(P,{"data-testid":"kv-bulk-delete-btn",disabled:t,onClick:V,variant:"destructive",children:t?n("Deleting…"):n("Delete {count}",{count:d.length})})]}),l!==null&&r("p",{className:"mb-2 text-sm text-destructive","data-testid":"kv-bulk-error",role:"alert",children:l}),k!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-keys-error",role:"alert",children:k}),o!==null&&o.length===0&&!M&&r("p",{className:"text-sm text-muted-foreground","data-testid":"kv-no-keys",children:n("No keys.")}),o!==null&&o.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-key-table",children:[r(he,{children:w(X,{children:[r(q,{className:"w-10",children:r(ne,{"aria-label":n("Select all"),checked:A,"data-testid":"kv-select-all",onCheckedChange:O})}),r(q,{children:n("Key")}),r(q,{children:n("Expiration")})]})}),r(ye,{children:o.map(s=>w(X,{className:s.name===f?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-key":s.name,"data-testid":`kv-key-row-${s.name}`,onClick:C,children:[r(Q,{onClick:h=>{h.stopPropagation()},children:r(ne,{"aria-label":n("Select {name}",{name:s.name}),checked:I.has(s.name),"data-testid":`kv-select-${s.name}`,onCheckedChange:()=>{F(s.name)}})}),r(Q,{className:"font-mono text-xs",children:s.name}),r(Q,{className:"tabular-nums text-xs",children:Oe(s.expiration)})]},s.name))})]})})}),!g&&v!==null&&r("div",{className:"mt-2",children:r(P,{"data-testid":"kv-load-more",disabled:M,onClick:y,variant:"outline",children:n(M?"Loading…":"Load more")})})]}),r(ie,{onOpenChange:s=>{s||p(!1)},open:u,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-create-sheet",side:"right",children:[r(oe,{children:r(ce,{children:n("New key")})}),r(Pe,{namespace:a,onCancel:()=>{p(!1)},onCreated:D})]})}),r(ie,{onOpenChange:s=>{s||i({name:null,type:"selectKey"})},open:f!==null,children:w(de,{className:"w-full gap-0 overflow-y-auto sm:max-w-md","data-testid":"kv-editor-sheet",side:"right",children:[r(oe,{children:r(ce,{className:"truncate font-mono text-xs",children:f})}),f!==null&&r(He,{expiration:o?.find(s=>s.name===f)?.expiration,keyName:f,namespace:a,onDeleted:S},`${a}:${f}`)]})})]})},ut=({loadNamespaces:a}={})=>{const e=ee(),n=G(),[c,i]=Z(null),[m,d]=Z(null),[t,l]=Z(null);ae(()=>{const o={cancelled:!1};return H((async()=>{try{const g=await(a??(()=>e.listKvNamespaces()))();o.cancelled||(i(g),d(null),l(k=>k??g[0]?.binding??null))}catch(g){o.cancelled||(i(null),d(R(g)))}})()),()=>{o.cancelled=!0}},[e,a]);const v=o=>{l(o.currentTarget.dataset.ns??null)};return w("div",{className:"flex flex-col gap-4","data-testid":"lunora-kv-browser",children:[m!==null&&r("p",{className:"text-sm text-destructive","data-testid":"kv-ns-error",role:"alert",children:m}),c!==null&&c.length===0&&r(Ee,{description:n("Add a kv_namespaces binding to wrangler.jsonc — it appears here automatically, no wiring needed."),icon:r("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:r("path",{d:"M5 5h14v4H5V5Zm0 5h14v4H5v-4Zm0 5h14v4H5v-4Z"})}),testId:"kv-empty",title:n("No KV namespaces.")}),c!==null&&c.length>0&&r(ve,{className:"overflow-hidden py-0",children:r(fe,{className:"px-0",children:w(pe,{"data-testid":"kv-namespace-table",children:[r(he,{children:r(X,{children:r(q,{children:n("Namespace")})})}),r(ye,{children:c.map(o=>r(X,{className:o.binding===t?"border-l-2 border-l-royal-amethyst bg-muted/50":"cursor-pointer","data-ns":o.binding,"data-testid":`kv-ns-row-${o.binding}`,onClick:v,children:r(Q,{className:"font-mono text-xs",children:o.binding})},o.binding))})]})})}),t!==null&&r(Ue,{namespace:t},t)]})};export{ut as KvBrowser};
|