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

package/dist/packem_chunks/AuditPanel.js

@@ -1,200 +1 @@
-import { useVirtualizer, observeElementRect } from '@tanstack/react-virtual';
-import { useState, useMemo, useRef } from 'react';
-import { E as ErrorAlert } from '../packem_shared/error-alert-D9uIFJUS.js';
-import { L as LiveError } from '../packem_shared/live-status-FZ0psC1z.js';
-import { ShardInput } from '../packem_shared/ShardInput-CZnpHILL.js';
-import { B as Badge } from '../packem_shared/badge-B2PKA1-5.js';
-import { C as Card, a as CardContent } from '../packem_shared/card-F2vH_aj2.js';
-import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.js';
-import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
-import { u as useAdminQuery } from '../packem_shared/use-admin-query-C7JNuQp-.js';
-import useDebounced from '../packem_shared/useDebounced-Dxncpg6z.js';
-import { useT } from '../packem_shared/DEFAULT_LOCALE-CiX4W7Kr.js';
-import { ADMIN_FUNCTIONS } from '../packem_shared/ADMIN_FUNCTIONS-P2UzJscH.js';
-import { i as formatTimestamp } from '../packem_shared/internal-DzHCc2Rq.js';
-import { jsxDEV } from 'react/jsx-dev-runtime';
-
-const DETAIL_MAX = 80;
-const formatDetail = (detail) => {
-  if (detail === void 0) {
-    return "";
-  }
-  const json = JSON.stringify(detail);
-  return json.length > DETAIL_MAX ? `${json.slice(0, DETAIL_MAX)}…` : json;
-};
-const ROW_HEIGHT = 41;
-const SCROLL_HEIGHT = 480;
-const COLUMN_COUNT = 5;
-const observeViewportRect = (instance, callback) => observeElementRect(instance, (rect) => {
-  callback(rect.height > 0 ? rect : {
-    height: SCROLL_HEIGHT,
-    width: rect.width
-  });
-});
-const AuditPanel = ({
-  initialShardKey
-}) => {
-  const t = useT();
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [search, setSearch] = useState("");
-  const debouncedShard = useDebounced(shardKey.trim(), 400);
-  const {
-    data,
-    error,
-    errorSource,
-    isLoading,
-    liveError
-  } = useAdminQuery(ADMIN_FUNCTIONS.getAuditLog, {}, {
-    live: true,
-    shardKey: debouncedShard
-  });
-  const entries = useMemo(() => data?.entries ?? [], [data]);
-  const filtered = useMemo(() => {
-    const needle = search.trim().toLowerCase();
-    if (needle === "") {
-      return entries;
-    }
-    return entries.filter((entry) => entry.op.toLowerCase().includes(needle) || (entry.table ?? "").toLowerCase().includes(needle) || (entry.id ?? "").toLowerCase().includes(needle));
-  }, [entries, search]);
-  const scrollRef = useRef(null);
-  const virtualizer = useVirtualizer({
-    count: filtered.length,
-    estimateSize: () => ROW_HEIGHT,
-    getScrollElement: () => scrollRef.current,
-    initialRect: {
-      height: SCROLL_HEIGHT,
-      width: 800
-    },
-    observeElementRect: observeViewportRect,
-    overscan: 8
-  });
-  const virtualRows = virtualizer.getVirtualItems();
-  const totalSize = virtualizer.getTotalSize();
-  const paddingTop = virtualRows[0]?.start ?? 0;
-  const paddingBottom = totalSize - (virtualRows.at(-1)?.end ?? 0);
-  const topSpacerStyle = {
-    height: paddingTop
-  };
-  const bottomSpacerStyle = {
-    height: paddingBottom
-  };
-  const onSearchChange = (event) => {
-    setSearch(event.target.value);
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-audit",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "au-shard-input",
-        value: shardKey
-      }, void 0, false), /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "au"
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Filter audit log"),
-        className: "h-8 w-48",
-        "data-testid": "au-search",
-        onChange: onSearchChange,
-        placeholder: t("filter op, table, id"),
-        value: search
-      }, void 0, false)]
-    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-      error: errorSource,
-      testId: "au-error"
-    }, void 0, false), error === null && !isLoading && filtered.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("State-changing admin operations are recorded here."),
-      icon: /* @__PURE__ */ jsxDEV("svg", {
-        "aria-hidden": "true",
-        fill: "none",
-        stroke: "currentColor",
-        strokeLinecap: "round",
-        strokeLinejoin: "round",
-        strokeWidth: 1.6,
-        viewBox: "0 0 24 24",
-        children: /* @__PURE__ */ jsxDEV("path", {
-          d: "M8 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V3Zm-1 9h8m-8 4h5"
-        }, void 0, false)
-      }, void 0, false),
-      testId: "au-empty",
-      title: t("No audit entries.")
-    }, void 0, false), filtered.length > 0 && /* @__PURE__ */ jsxDEV(Card, {
-      className: "overflow-hidden py-0",
-      children: /* @__PURE__ */ jsxDEV(CardContent, {
-        className: "max-h-[30rem] overflow-auto px-0",
-        ref: scrollRef,
-        children: /* @__PURE__ */ jsxDEV(Table, {
-          "data-testid": "au-table",
-          children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-            children: /* @__PURE__ */ jsxDEV(TableRow, {
-              children: [/* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("time")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("op")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("table")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("id")
-              }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-                children: t("detail")
-              }, void 0, false)]
-            }, void 0, true)
-          }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-            children: [paddingTop > 0 && /* @__PURE__ */ jsxDEV("tr", {
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsxDEV("td", {
-                colSpan: COLUMN_COUNT,
-                style: topSpacerStyle
-              }, void 0, false)
-            }, void 0, false), virtualRows.map((virtualRow) => {
-              const entry_0 = filtered[virtualRow.index];
-              const detail = formatDetail(entry_0.detail);
-              return /* @__PURE__ */ jsxDEV(TableRow, {
-                "data-testid": "au-row",
-                children: [/* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "text-muted-foreground tabular-nums",
-                  children: formatTimestamp(entry_0.ts, "—")
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  children: /* @__PURE__ */ jsxDEV(Badge, {
-                    variant: "secondary",
-                    children: entry_0.op
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "font-medium",
-                  children: entry_0.table ?? /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "max-w-[20ch] truncate font-mono text-xs",
-                  children: entry_0.id ?? /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
-                  className: "max-w-[32ch] truncate font-mono text-xs text-muted-foreground",
-                  title: detail || void 0,
-                  children: detail || /* @__PURE__ */ jsxDEV("span", {
-                    className: "text-muted-foreground",
-                    children: "—"
-                  }, void 0, false)
-                }, void 0, false)]
-              }, entry_0.seq, true);
-            }), paddingBottom > 0 && /* @__PURE__ */ jsxDEV("tr", {
-              "aria-hidden": "true",
-              children: /* @__PURE__ */ jsxDEV("td", {
-                colSpan: COLUMN_COUNT,
-                style: bottomSpacerStyle
-              }, void 0, false)
-            }, void 0, false)]
-          }, void 0, true)]
-        }, void 0, true)
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-};
-
-export { AuditPanel };
+import{useVirtualizer as j,observeElementRect as K}from"@tanstack/react-virtual";import{useState as w,useMemo as S,useRef as F}from"react";import{E as H}from"../packem_shared/error-alert-B59DnrDI.js";import{L as O}from"../packem_shared/live-status-CGW2JHf_.js";import{ShardInput as P}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as _}from"../packem_shared/badge-BbuuAio7.js";import{c as q,u as B}from"../packem_shared/card-CIDGUN6K.js";import{E as D}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as J}from"../packem_shared/input-JHu63lTv.js";import{n as U,d as W,m as L,p as l,f as Z,u as d}from"../packem_shared/table-DdJBrClo.js";import{K as G}from"../packem_shared/use-admin-query-Di3fLE8H.js";import Q from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as X}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as Y}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{i as ee}from"../packem_shared/internal-AtZ4bTal.js";import{jsxs as n,jsx as e}from"react/jsx-runtime";const b=80,te=i=>{if(i===void 0)return"";const t=JSON.stringify(i);return t.length>b?`${t.slice(0,b)}…`:t},re=41,$=480,y=5,ae=(i,t)=>K(i,o=>{t(o.height>0?o:{height:$,width:o.width})}),we=({initialShardKey:i})=>{const t=X(),[o,C]=w(i??""),[m,E]=w(""),I=Q(o.trim(),400),{data:u,error:p,errorSource:A,isLoading:M,liveError:R}=G(Y.getAuditLog,{},{live:!0,shardKey:I}),c=S(()=>u?.entries??[],[u]),s=S(()=>{const a=m.trim().toLowerCase();return a===""?c:c.filter(r=>r.op.toLowerCase().includes(a)||(r.table??"").toLowerCase().includes(a)||(r.id??"").toLowerCase().includes(a))},[c,m]),f=F(null),g=j({count:s.length,estimateSize:()=>re,getScrollElement:()=>f.current,initialRect:{height:$,width:800},observeElementRect:ae,overscan:8}),h=g.getVirtualItems(),T=g.getTotalSize(),x=h[0]?.start??0,v=T-(h.at(-1)?.end??0),k={height:x},z={height:v},V=a=>{E(a.target.value)};return n("div",{className:"flex flex-col gap-4","data-testid":"lunora-audit",children:[n("div",{className:"flex flex-wrap items-center gap-2",children:[e(P,{onChange:C,testId:"au-shard-input",value:o}),e(O,{message:R,prefix:"au"}),e(J,{"aria-label":t("Filter audit log"),className:"h-8 w-48","data-testid":"au-search",onChange:V,placeholder:t("filter op, table, id"),value:m})]}),p!==null&&e(H,{error:A,testId:"au-error"}),p===null&&!M&&s.length===0&&e(D,{description:t("State-changing admin operations are recorded here."),icon:e("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:e("path",{d:"M8 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2h-2M9 3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v1a1 1 0 0 1-1 1h-4a1 1 0 0 1-1-1V3Zm-1 9h8m-8 4h5"})}),testId:"au-empty",title:t("No audit entries.")}),s.length>0&&e(q,{className:"overflow-hidden py-0",children:e(B,{className:"max-h-[30rem] overflow-auto px-0",ref:f,children:n(U,{"data-testid":"au-table",children:[e(W,{children:n(L,{children:[e(l,{children:t("time")}),e(l,{children:t("op")}),e(l,{children:t("table")}),e(l,{children:t("id")}),e(l,{children:t("detail")})]})}),n(Z,{children:[x>0&&e("tr",{"aria-hidden":"true",children:e("td",{colSpan:y,style:k})}),h.map(a=>{const r=s[a.index],N=te(r.detail);return n(L,{"data-testid":"au-row",children:[e(d,{className:"text-muted-foreground tabular-nums",children:ee(r.ts,"—")}),e(d,{children:e(_,{variant:"secondary",children:r.op})}),e(d,{className:"font-medium",children:r.table??e("span",{className:"text-muted-foreground",children:"—"})}),e(d,{className:"max-w-[20ch] truncate font-mono text-xs",children:r.id??e("span",{className:"text-muted-foreground",children:"—"})}),e(d,{className:"max-w-[32ch] truncate font-mono text-xs text-muted-foreground",title:N||void 0,children:N||e("span",{className:"text-muted-foreground",children:"—"})})]},r.seq)}),v>0&&e("tr",{"aria-hidden":"true",children:e("td",{colSpan:y,style:z})})]})]})})})]})};export{we as AuditPanel};