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

package/dist/packem_chunks/LogsPanel.js

@@ -1,1303 +1 @@
-import { c } from 'react/compiler-runtime';
-import { useVirtualizer } from '@tanstack/react-virtual';
-import { useState, useReducer, useRef, useEffect, useMemo } from 'react';
-import { f as formatLogFields } from '../packem_shared/log-fields-jEH83H2G.js';
-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 { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
-import { I as Input } from '../packem_shared/input-XH4r1Pt1.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 { b as CLOUDFLARE_OBSERVABILITY_URL } from '../packem_shared/cf-links-SIbyi4Y1.js';
-import { r as recordShard } from '../packem_shared/shard-history-AxiJ1WPP.js';
-import { c as cn } from '../packem_shared/utils-B05Dmz_H.js';
-import { f as flooredRectObserver } from '../packem_shared/virtual-rect-CVMUskSm.js';
-import { useLunora } from '@lunora/react';
-import { B as Button } from '../packem_shared/button-BhsN2uZH.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 { f as fireAndForget, l as errorCode, e as errorMessage } from '../packem_shared/internal-DzHCc2Rq.js';
-import { jsxDEV, Fragment } from 'react/jsx-dev-runtime';
-
-const LOG_LEVEL_ORDER = ["trace", "debug", "log", "info", "warn", "error", "fatal"];
-
-const LOG_ARCHIVE_NOT_CONFIGURED = "LOG_ARCHIVE_NOT_CONFIGURED";
-
-const LEVEL_VARIANT = {
-  debug: "secondary",
-  error: "destructive",
-  fatal: "destructive",
-  info: "outline",
-  log: "outline",
-  trace: "outline",
-  warn: "secondary"
-};
-
-const INITIAL_STATE = {
-  cursor: void 0,
-  error: null,
-  loading: false,
-  notConfigured: false,
-  rows: null
-};
-const archiveReducer = (state, action) => {
-  switch (action.type) {
-    case "append": {
-      return {
-        ...state,
-        cursor: action.cursor,
-        error: null,
-        loading: false,
-        rows: [...state.rows ?? [], ...action.rows]
-      };
-    }
-    case "failed": {
-      return {
-        cursor: void 0,
-        error: action.message,
-        loading: false,
-        notConfigured: false,
-        rows: null
-      };
-    }
-    case "loaded": {
-      return {
-        cursor: action.cursor,
-        error: null,
-        loading: false,
-        notConfigured: false,
-        rows: action.rows
-      };
-    }
-    case "loading": {
-      return {
-        ...state,
-        error: null,
-        loading: true,
-        notConfigured: false
-      };
-    }
-    case "notConfigured": {
-      return {
-        cursor: void 0,
-        error: null,
-        loading: false,
-        notConfigured: true,
-        rows: null
-      };
-    }
-    case "pageFailed": {
-      return {
-        ...state,
-        error: action.message,
-        loading: false
-      };
-    }
-    default: {
-      return state;
-    }
-  }
-};
-const ArchiveRow = (t0) => {
-  const $ = c(33);
-  const {
-    row
-  } = t0;
-  let t1;
-  if ($[0] !== row.fields) {
-    t1 = formatLogFields(row.fields);
-    $[0] = row.fields;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  const fields = t1;
-  const t2 = `lg-archive-row-${String(row.ts)}`;
-  let t3;
-  if ($[2] !== row.ts) {
-    t3 = new Date(row.ts).toLocaleString();
-    $[2] = row.ts;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "tabular-nums whitespace-nowrap text-xs text-muted-foreground",
-      children: t3
-    }, void 0, false);
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const t5 = LEVEL_VARIANT[row.level];
-  let t6;
-  if ($[6] !== row.level || $[7] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV(TableCell, {
-      children: /* @__PURE__ */ jsxDEV(Badge, {
-        variant: t5,
-        children: row.level
-      }, void 0, false)
-    }, void 0, false);
-    $[6] = row.level;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== row.functionPath) {
-    t7 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-xs",
-      children: row.functionPath
-    }, void 0, false);
-    $[9] = row.functionPath;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  let t8;
-  if ($[11] !== row.message) {
-    t8 = /* @__PURE__ */ jsxDEV("div", {
-      className: "truncate",
-      title: row.message,
-      children: row.message
-    }, void 0, false);
-    $[11] = row.message;
-    $[12] = t8;
-  } else {
-    t8 = $[12];
-  }
-  let t9;
-  if ($[13] !== fields) {
-    t9 = fields !== "" && /* @__PURE__ */ jsxDEV("div", {
-      className: "truncate font-mono text-[11px] text-muted-foreground",
-      title: fields,
-      children: fields
-    }, void 0, false);
-    $[13] = fields;
-    $[14] = t9;
-  } else {
-    t9 = $[14];
-  }
-  let t10;
-  if ($[15] !== t8 || $[16] !== t9) {
-    t10 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "max-w-md",
-      children: [t8, t9]
-    }, void 0, true);
-    $[15] = t8;
-    $[16] = t9;
-    $[17] = t10;
-  } else {
-    t10 = $[17];
-  }
-  const t11 = row.traceId ?? "—";
-  let t12;
-  if ($[18] !== t11) {
-    t12 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-[11px] text-muted-foreground",
-      children: t11
-    }, void 0, false);
-    $[18] = t11;
-    $[19] = t12;
-  } else {
-    t12 = $[19];
-  }
-  const t13 = row.shardKey ?? "—";
-  let t14;
-  if ($[20] !== t13) {
-    t14 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-[11px] text-muted-foreground",
-      children: t13
-    }, void 0, false);
-    $[20] = t13;
-    $[21] = t14;
-  } else {
-    t14 = $[21];
-  }
-  const t15 = row.userId ?? "—";
-  let t16;
-  if ($[22] !== t15) {
-    t16 = /* @__PURE__ */ jsxDEV(TableCell, {
-      className: "font-mono text-[11px] text-muted-foreground",
-      children: t15
-    }, void 0, false);
-    $[22] = t15;
-    $[23] = t16;
-  } else {
-    t16 = $[23];
-  }
-  let t17;
-  if ($[24] !== t10 || $[25] !== t12 || $[26] !== t14 || $[27] !== t16 || $[28] !== t2 || $[29] !== t4 || $[30] !== t6 || $[31] !== t7) {
-    t17 = /* @__PURE__ */ jsxDEV(TableRow, {
-      "data-testid": t2,
-      children: [t4, t6, t7, t10, t12, t14, t16]
-    }, void 0, true);
-    $[24] = t10;
-    $[25] = t12;
-    $[26] = t14;
-    $[27] = t16;
-    $[28] = t2;
-    $[29] = t4;
-    $[30] = t6;
-    $[31] = t7;
-    $[32] = t17;
-  } else {
-    t17 = $[32];
-  }
-  return t17;
-};
-const ArchiveFeed = ({
-  shardKey
-}) => {
-  const client = useLunora();
-  const t = useT();
-  const [pathPrefix, setPathPrefix] = useState("");
-  const [userIdFilter, setUserIdFilter] = useState("");
-  const [minLevel, setMinLevel] = useState("");
-  const [{
-    cursor,
-    error,
-    loading,
-    notConfigured,
-    rows
-  }, dispatch] = useReducer(archiveReducer, INITIAL_STATE);
-  const debouncedPathPrefix = useDebounced(pathPrefix.trim(), 400);
-  const debouncedUserId = useDebounced(userIdFilter.trim(), 400);
-  const baseQuery = {
-    ...debouncedPathPrefix === "" ? {} : {
-      functionPathPrefix: debouncedPathPrefix
-    },
-    ...minLevel === "" ? {} : {
-      minLevel
-    },
-    ...shardKey === "" ? {} : {
-      shardKey
-    },
-    ...debouncedUserId === "" ? {} : {
-      userId: debouncedUserId
-    }
-  };
-  const querySignature = JSON.stringify(baseQuery);
-  const activeSignatureRef = useRef(querySignature);
-  useEffect(() => {
-    const token = {
-      cancelled: false
-    };
-    activeSignatureRef.current = querySignature;
-    fireAndForget((async () => {
-      dispatch({
-        type: "loading"
-      });
-      try {
-        const page = await client.queryLogArchive(baseQuery);
-        if (!token.cancelled) {
-          dispatch({
-            cursor: page.nextCursor,
-            rows: page.rows,
-            type: "loaded"
-          });
-        }
-      } catch (error_) {
-        if (!token.cancelled) {
-          dispatch(errorCode(error_) === LOG_ARCHIVE_NOT_CONFIGURED ? {
-            type: "notConfigured"
-          } : {
-            message: errorMessage(error_),
-            type: "failed"
-          });
-        }
-      }
-    })());
-    return () => {
-      token.cancelled = true;
-    };
-  }, [client, querySignature]);
-  const loadMore = async () => {
-    if (cursor === void 0) {
-      return;
-    }
-    const signature = querySignature;
-    dispatch({
-      type: "loading"
-    });
-    try {
-      const page = await client.queryLogArchive({
-        ...baseQuery,
-        cursor
-      });
-      if (activeSignatureRef.current === signature) {
-        dispatch({
-          cursor: page.nextCursor,
-          rows: page.rows,
-          type: "append"
-        });
-      }
-    } catch (error_) {
-      if (activeSignatureRef.current === signature) {
-        dispatch({
-          message: errorMessage(error_),
-          type: "pageFailed"
-        });
-      }
-    }
-  };
-  const onPathPrefixChange = (event) => {
-    setPathPrefix(event.target.value);
-  };
-  const onUserIdChange = (event) => {
-    setUserIdFilter(event.target.value);
-  };
-  const onMinLevelChange = (event) => {
-    setMinLevel(event.target.value);
-  };
-  const onLoadMore = () => {
-    fireAndForget(loadMore());
-  };
-  if (notConfigured) {
-    return /* @__PURE__ */ jsxDEV(EmptyState, {
-      action: /* @__PURE__ */ jsxDEV("a", {
-        className: "text-sm text-primary underline-offset-4 hover:underline",
-        href: CLOUDFLARE_OBSERVABILITY_URL,
-        rel: "noreferrer",
-        target: "_blank",
-        children: t("Open in Cloudflare")
-      }, void 0, false),
-      description: t("Wire pipelineLogSink to a Cloudflare Pipeline → R2 Data Catalog table and set R2_SQL_ACCOUNT_ID, R2_SQL_TOKEN, R2_SQL_BUCKET to browse the durable log archive here."),
-      testId: "lg-archive-not-configured",
-      title: t("Log archive not configured")
-    }, void 0, false);
-  }
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lg-archive",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Function path prefix"),
-        className: "h-8 w-48",
-        "data-testid": "lg-archive-path",
-        onChange: onPathPrefixChange,
-        placeholder: t("function path…"),
-        value: pathPrefix
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("User id"),
-        className: "h-8 w-40",
-        "data-testid": "lg-archive-user",
-        onChange: onUserIdChange,
-        placeholder: t("user id…"),
-        value: userIdFilter
-      }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
-        "aria-label": t("Minimum level"),
-        className: "h-8 rounded-md border border-border bg-background px-2 text-sm",
-        "data-testid": "lg-archive-min-level",
-        onChange: onMinLevelChange,
-        value: minLevel,
-        children: [/* @__PURE__ */ jsxDEV("option", {
-          value: "",
-          children: t("min level")
-        }, void 0, false), LOG_LEVEL_ORDER.map((level) => /* @__PURE__ */ jsxDEV("option", {
-          value: level,
-          children: level
-        }, level, false))]
-      }, void 0, true)]
-    }, void 0, true), error !== null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-destructive",
-      "data-testid": "lg-archive-error",
-      role: "alert",
-      children: error
-    }, void 0, false), loading && rows === null && error === null && /* @__PURE__ */ jsxDEV("p", {
-      className: "text-sm text-muted-foreground",
-      "data-testid": "lg-archive-loading",
-      children: t("Loading…")
-    }, void 0, false), rows !== null && rows.length === 0 && /* @__PURE__ */ jsxDEV(EmptyState, {
-      description: t("No archived logs match these filters. The durable archive fills as pipelineLogSink flushes records to R2."),
-      testId: "lg-archive-empty",
-      title: t("No archived logs.")
-    }, void 0, false), rows !== null && rows.length > 0 && /* @__PURE__ */ jsxDEV("div", {
-      className: "overflow-hidden rounded-xl border border-border shadow-xs",
-      children: /* @__PURE__ */ jsxDEV(Table, {
-        "data-testid": "lg-archive-table",
-        children: [/* @__PURE__ */ jsxDEV(TableHeader, {
-          children: /* @__PURE__ */ jsxDEV(TableRow, {
-            children: [/* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Time")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Level")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Function")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Message")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Trace")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("Shard")
-            }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
-              children: t("User")
-            }, void 0, false)]
-          }, void 0, true)
-        }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
-          children: rows.map((row, index) => /* @__PURE__ */ jsxDEV(ArchiveRow, {
-            row
-          }, `${String(row.ts)}-${String(index)}`, false))
-        }, void 0, false)]
-      }, void 0, true)
-    }, void 0, false), cursor !== void 0 && /* @__PURE__ */ jsxDEV("div", {
-      children: /* @__PURE__ */ jsxDEV(Button, {
-        "data-testid": "lg-archive-more",
-        disabled: loading,
-        onClick: onLoadMore,
-        size: "sm",
-        variant: "outline",
-        children: loading ? t("Loading…") : t("Load more")
-      }, void 0, false)
-    }, void 0, false)]
-  }, void 0, true);
-};
-
-const SCROLL_HEIGHT = 400;
-const ROW_HEIGHT = 36;
-const SCROLL_STYLE = {
-  height: SCROLL_HEIGHT,
-  overflow: "auto"
-};
-const ROW_BASE_STYLE = {
-  left: 0,
-  position: "absolute",
-  top: 0,
-  width: "100%"
-};
-const OUTCOME_VARIANT = {
-  error: "destructive",
-  ok: "secondary"
-};
-const LogRow = (t0) => {
-  const $ = c(26);
-  const {
-    entry,
-    index,
-    measureRef,
-    start
-  } = t0;
-  const t1 = `translateY(${String(start)}px)`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = {
-      ...ROW_BASE_STYLE,
-      transform: t1
-    };
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const style = t2;
-  let t3;
-  if ($[2] !== entry.fields) {
-    t3 = formatLogFields(entry.fields);
-    $[2] = entry.fields;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  const fields = t3;
-  let t4;
-  if ($[4] !== entry.timestamp) {
-    t4 = new Date(entry.timestamp).toLocaleString();
-    $[4] = entry.timestamp;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  let t5;
-  if ($[6] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-44 shrink-0 tabular-nums text-muted-foreground",
-      role: "gridcell",
-      children: t4
-    }, void 0, false);
-    $[6] = t4;
-    $[7] = t5;
-  } else {
-    t5 = $[7];
-  }
-  const t6 = LEVEL_VARIANT[entry.level];
-  let t7;
-  if ($[8] !== entry.level || $[9] !== t6) {
-    t7 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-20 shrink-0",
-      role: "gridcell",
-      children: /* @__PURE__ */ jsxDEV(Badge, {
-        variant: t6,
-        children: entry.level
-      }, void 0, false)
-    }, void 0, false);
-    $[8] = entry.level;
-    $[9] = t6;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  const t8 = entry.functionPath ?? "—";
-  let t9;
-  if ($[11] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-48 shrink-0 truncate text-muted-foreground",
-      role: "gridcell",
-      children: t8
-    }, void 0, false);
-    $[11] = t8;
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
-  let t10;
-  if ($[13] !== fields) {
-    t10 = fields === "" ? null : /* @__PURE__ */ jsxDEV("span", {
-      className: "ml-2 text-muted-foreground",
-      "data-testid": "lg-fields",
-      children: fields
-    }, void 0, false);
-    $[13] = fields;
-    $[14] = t10;
-  } else {
-    t10 = $[14];
-  }
-  let t11;
-  if ($[15] !== entry.message || $[16] !== t10) {
-    t11 = /* @__PURE__ */ jsxDEV("span", {
-      className: "flex-1 truncate",
-      role: "gridcell",
-      children: [entry.message, t10]
-    }, void 0, true);
-    $[15] = entry.message;
-    $[16] = t10;
-    $[17] = t11;
-  } else {
-    t11 = $[17];
-  }
-  let t12;
-  if ($[18] !== index || $[19] !== measureRef || $[20] !== style || $[21] !== t11 || $[22] !== t5 || $[23] !== t7 || $[24] !== t9) {
-    t12 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center border-b border-border px-3 py-1.5 font-mono text-xs hover:bg-muted/50",
-      "data-index": index,
-      "data-testid": "lg-row",
-      ref: measureRef,
-      role: "row",
-      style,
-      children: [t5, t7, t9, t11]
-    }, void 0, true);
-    $[18] = index;
-    $[19] = measureRef;
-    $[20] = style;
-    $[21] = t11;
-    $[22] = t5;
-    $[23] = t7;
-    $[24] = t9;
-    $[25] = t12;
-  } else {
-    t12 = $[25];
-  }
-  return t12;
-};
-const tablesLabel = (tables) => tables.length === 0 ? "—" : tables.join(", ");
-const RequestRow = (t0) => {
-  const $ = c(37);
-  const {
-    entry,
-    index,
-    measureRef,
-    start
-  } = t0;
-  const t1 = `translateY(${String(start)}px)`;
-  let t2;
-  if ($[0] !== t1) {
-    t2 = {
-      ...ROW_BASE_STYLE,
-      transform: t1
-    };
-    $[0] = t1;
-    $[1] = t2;
-  } else {
-    t2 = $[1];
-  }
-  const style = t2;
-  let t3;
-  if ($[2] !== entry.ts) {
-    t3 = new Date(entry.ts).toLocaleString();
-    $[2] = entry.ts;
-    $[3] = t3;
-  } else {
-    t3 = $[3];
-  }
-  let t4;
-  if ($[4] !== t3) {
-    t4 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-40 shrink-0 tabular-nums text-muted-foreground",
-      role: "gridcell",
-      children: t3
-    }, void 0, false);
-    $[4] = t3;
-    $[5] = t4;
-  } else {
-    t4 = $[5];
-  }
-  const t5 = OUTCOME_VARIANT[entry.outcome];
-  let t6;
-  if ($[6] !== entry.outcome || $[7] !== t5) {
-    t6 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-16 shrink-0",
-      role: "gridcell",
-      children: /* @__PURE__ */ jsxDEV(Badge, {
-        variant: t5,
-        children: entry.outcome
-      }, void 0, false)
-    }, void 0, false);
-    $[6] = entry.outcome;
-    $[7] = t5;
-    $[8] = t6;
-  } else {
-    t6 = $[8];
-  }
-  let t7;
-  if ($[9] !== entry.functionPath) {
-    t7 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-44 shrink-0 truncate",
-      role: "gridcell",
-      title: entry.functionPath,
-      children: entry.functionPath
-    }, void 0, false);
-    $[9] = entry.functionPath;
-    $[10] = t7;
-  } else {
-    t7 = $[10];
-  }
-  const t8 = entry.shardKey ?? "—";
-  let t9;
-  if ($[11] !== t8) {
-    t9 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-24 shrink-0 truncate text-muted-foreground",
-      role: "gridcell",
-      children: t8
-    }, void 0, false);
-    $[11] = t8;
-    $[12] = t9;
-  } else {
-    t9 = $[12];
-  }
-  const t10 = entry.userId ?? "—";
-  let t11;
-  if ($[13] !== t10) {
-    t11 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-24 shrink-0 truncate text-muted-foreground",
-      role: "gridcell",
-      children: t10
-    }, void 0, false);
-    $[13] = t10;
-    $[14] = t11;
-  } else {
-    t11 = $[14];
-  }
-  let t12;
-  if ($[15] !== entry.durationMs) {
-    t12 = Math.round(entry.durationMs);
-    $[15] = entry.durationMs;
-    $[16] = t12;
-  } else {
-    t12 = $[16];
-  }
-  const t13 = `${String(t12)}ms`;
-  let t14;
-  if ($[17] !== t13) {
-    t14 = /* @__PURE__ */ jsxDEV("span", {
-      className: "w-16 shrink-0 tabular-nums text-muted-foreground",
-      role: "gridcell",
-      children: t13
-    }, void 0, false);
-    $[17] = t13;
-    $[18] = t14;
-  } else {
-    t14 = $[18];
-  }
-  let t15;
-  if ($[19] !== entry.errorMessage || $[20] !== entry.outcome || $[21] !== entry.tablesRead || $[22] !== entry.tablesWritten) {
-    t15 = entry.outcome === "error" && entry.errorMessage !== void 0 ? entry.errorMessage : `r:${tablesLabel(entry.tablesRead)} · w:${tablesLabel(entry.tablesWritten)}`;
-    $[19] = entry.errorMessage;
-    $[20] = entry.outcome;
-    $[21] = entry.tablesRead;
-    $[22] = entry.tablesWritten;
-    $[23] = t15;
-  } else {
-    t15 = $[23];
-  }
-  let t16;
-  if ($[24] !== t15) {
-    t16 = /* @__PURE__ */ jsxDEV("span", {
-      className: "flex-1 truncate text-muted-foreground",
-      role: "gridcell",
-      children: t15
-    }, void 0, false);
-    $[24] = t15;
-    $[25] = t16;
-  } else {
-    t16 = $[25];
-  }
-  let t17;
-  if ($[26] !== index || $[27] !== measureRef || $[28] !== style || $[29] !== t11 || $[30] !== t14 || $[31] !== t16 || $[32] !== t4 || $[33] !== t6 || $[34] !== t7 || $[35] !== t9) {
-    t17 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center border-b border-border px-3 py-1.5 font-mono text-xs hover:bg-muted/50",
-      "data-index": index,
-      "data-testid": "lg-req-row",
-      ref: measureRef,
-      role: "row",
-      style,
-      children: [t4, t6, t7, t9, t11, t14, t16]
-    }, void 0, true);
-    $[26] = index;
-    $[27] = measureRef;
-    $[28] = style;
-    $[29] = t11;
-    $[30] = t14;
-    $[31] = t16;
-    $[32] = t4;
-    $[33] = t6;
-    $[34] = t7;
-    $[35] = t9;
-    $[36] = t17;
-  } else {
-    t17 = $[36];
-  }
-  return t17;
-};
-const entriesOf = (result) => {
-  const {
-    entries
-  } = result ?? {};
-  return Array.isArray(entries) ? entries : [];
-};
-const buildRequestQuery = (filters) => {
-  const query = {};
-  if (filters.functionPathPrefix.trim() !== "") {
-    query.functionPathPrefix = filters.functionPathPrefix.trim();
-  }
-  if (filters.userId.trim() !== "") {
-    query.userId = filters.userId.trim();
-  }
-  if (filters.tableTouched.trim() !== "") {
-    query.tableTouched = filters.tableTouched.trim();
-  }
-  if (filters.outcome === "ok" || filters.outcome === "error") {
-    query.outcome = filters.outcome;
-  }
-  return query;
-};
-const LOG_LEVELS = LOG_LEVEL_ORDER;
-const TIME_RANGE_MS = {
-  "5m": 5 * 60 * 1e3,
-  "15m": 15 * 60 * 1e3,
-  "1h": 60 * 60 * 1e3
-};
-const filterLogs = (entries, criteria) => {
-  const needle = criteria.search.trim().toLowerCase();
-  const pathNeedle = criteria.path.trim().toLowerCase();
-  const floor = criteria.range === "all" ? Number.NEGATIVE_INFINITY : criteria.now - TIME_RANGE_MS[criteria.range];
-  return entries.filter((entry) => {
-    if (criteria.levels.size > 0 && !criteria.levels.has(entry.level)) {
-      return false;
-    }
-    if (entry.timestamp < floor) {
-      return false;
-    }
-    if (pathNeedle !== "" && !(entry.functionPath ?? "").toLowerCase().includes(pathNeedle)) {
-      return false;
-    }
-    return needle === "" || entry.message.toLowerCase().includes(needle) || formatLogFields(entry.fields).toLowerCase().includes(needle);
-  });
-};
-const NO_PATH_KEY = "—";
-const summarizeLogs = (entries) => {
-  const levelCounts = /* @__PURE__ */ new Map();
-  const pathCounts = /* @__PURE__ */ new Map();
-  for (const entry of entries) {
-    levelCounts.set(entry.level, (levelCounts.get(entry.level) ?? 0) + 1);
-    const pathKey = entry.functionPath ?? NO_PATH_KEY;
-    pathCounts.set(pathKey, (pathCounts.get(pathKey) ?? 0) + 1);
-  }
-  const byLevel = LOG_LEVELS.filter((level) => levelCounts.has(level)).map((level) => {
-    return {
-      count: levelCounts.get(level) ?? 0,
-      key: level
-    };
-  });
-  const byPath = [...pathCounts.entries()].map(([key, count]) => {
-    return {
-      count,
-      key
-    };
-  }).toSorted((a, b) => b.count === a.count ? a.key.localeCompare(b.key) : b.count - a.count);
-  return {
-    byLevel,
-    byPath,
-    total: entries.length
-  };
-};
-const LevelToggle = (t0) => {
-  const $ = c(11);
-  const {
-    level,
-    onToggle,
-    selected
-  } = t0;
-  let t1;
-  if ($[0] !== level || $[1] !== onToggle) {
-    t1 = () => {
-      onToggle(level);
-    };
-    $[0] = level;
-    $[1] = onToggle;
-    $[2] = t1;
-  } else {
-    t1 = $[2];
-  }
-  const onClick = t1;
-  const t2 = selected ? "border-border bg-muted font-medium" : "border-input text-muted-foreground";
-  let t3;
-  if ($[3] !== t2) {
-    t3 = cn("rounded-md border px-2 py-1 text-xs", t2);
-    $[3] = t2;
-    $[4] = t3;
-  } else {
-    t3 = $[4];
-  }
-  const t4 = `logs-level-${level}`;
-  let t5;
-  if ($[5] !== level || $[6] !== onClick || $[7] !== selected || $[8] !== t3 || $[9] !== t4) {
-    t5 = /* @__PURE__ */ jsxDEV("button", {
-      "aria-pressed": selected,
-      className: t3,
-      "data-testid": t4,
-      onClick,
-      type: "button",
-      children: level
-    }, void 0, false);
-    $[5] = level;
-    $[6] = onClick;
-    $[7] = selected;
-    $[8] = t3;
-    $[9] = t4;
-    $[10] = t5;
-  } else {
-    t5 = $[10];
-  }
-  return t5;
-};
-const SummaryBucketRow = (t0) => {
-  const $ = c(7);
-  const {
-    bucket
-  } = t0;
-  let t1;
-  if ($[0] !== bucket.key) {
-    t1 = /* @__PURE__ */ jsxDEV("span", {
-      className: "truncate text-muted-foreground",
-      role: "gridcell",
-      children: bucket.key
-    }, void 0, false);
-    $[0] = bucket.key;
-    $[1] = t1;
-  } else {
-    t1 = $[1];
-  }
-  let t2;
-  if ($[2] !== bucket.count) {
-    t2 = /* @__PURE__ */ jsxDEV("span", {
-      className: "shrink-0 tabular-nums",
-      role: "gridcell",
-      children: bucket.count
-    }, void 0, false);
-    $[2] = bucket.count;
-    $[3] = t2;
-  } else {
-    t2 = $[3];
-  }
-  let t3;
-  if ($[4] !== t1 || $[5] !== t2) {
-    t3 = /* @__PURE__ */ jsxDEV("div", {
-      className: "flex items-center justify-between gap-4 px-3 py-1 font-mono text-xs",
-      "data-testid": "logs-summary-row",
-      role: "row",
-      children: [t1, t2]
-    }, void 0, true);
-    $[4] = t1;
-    $[5] = t2;
-    $[6] = t3;
-  } else {
-    t3 = $[6];
-  }
-  return t3;
-};
-const LogsPanel = ({
-  initialShardKey
-}) => {
-  const t = useT();
-  const [view, setView] = useState("requests");
-  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
-  const [search, setSearch] = useState("");
-  const [levelFilter, setLevelFilter] = useState(() => /* @__PURE__ */ new Set());
-  const [pathFilter, setPathFilter] = useState("");
-  const [timeRange, setTimeRange] = useState("all");
-  const [showSummary, setShowSummary] = useState(false);
-  const [pathPrefix, setPathPrefix] = useState("");
-  const [userIdFilter, setUserIdFilter] = useState("");
-  const [tableFilter, setTableFilter] = useState("");
-  const [outcomeFilter, setOutcomeFilter] = useState("all");
-  const debouncedShard = useDebounced(shardKey.trim(), 400);
-  const requestQuery = buildRequestQuery({
-    functionPathPrefix: pathPrefix,
-    outcome: outcomeFilter,
-    tableTouched: tableFilter,
-    userId: userIdFilter
-  });
-  const requestsQuery = useAdminQuery(ADMIN_FUNCTIONS.getRequestLog, requestQuery, {
-    enabled: view === "requests",
-    live: true,
-    shardKey: debouncedShard
-  });
-  const errorsQuery = useAdminQuery(ADMIN_FUNCTIONS.getLogs, {}, {
-    enabled: view === "errors",
-    live: true,
-    shardKey: debouncedShard
-  });
-  const activeQuery = view === "requests" ? requestsQuery : errorsQuery;
-  const {
-    error,
-    errorSource,
-    isLoading: activeLoading,
-    liveError
-  } = activeQuery;
-  const entries = entriesOf(errorsQuery.data);
-  const requests = entriesOf(requestsQuery.data);
-  useEffect(() => {
-    if (activeQuery.data !== void 0) {
-      recordShard(debouncedShard);
-    }
-  }, [activeQuery.data, debouncedShard]);
-  const filtered = filterLogs(entries, {
-    levels: levelFilter,
-    now: Date.now(),
-    path: pathFilter,
-    range: timeRange,
-    search
-  });
-  const summary = summarizeLogs(filtered);
-  const activeCount = view === "requests" ? requests.length : filtered.length;
-  const summaryVisible = view === "errors" && showSummary;
-  const readout = useMemo(() => {
-    if (error !== null) {
-      return "error";
-    }
-    if (activeCount === 0) {
-      if (activeLoading) {
-        return summaryVisible ? "summary" : "list";
-      }
-      return "empty";
-    }
-    return summaryVisible ? "summary" : "list";
-  }, [activeCount, activeLoading, error, summaryVisible]);
-  const scrollRef = useRef(null);
-  const virtualizer = useVirtualizer({
-    count: activeCount,
-    estimateSize: () => ROW_HEIGHT,
-    getScrollElement: () => scrollRef.current,
-    initialRect: {
-      height: SCROLL_HEIGHT,
-      width: 800
-    },
-    observeElementRect: (instance, callback) => flooredRectObserver(instance, callback, SCROLL_HEIGHT),
-    overscan: 8
-  });
-  const virtualRows = virtualizer.getVirtualItems();
-  const totalSize = virtualizer.getTotalSize();
-  const gridStyle = {
-    height: totalSize,
-    position: "relative",
-    width: "100%"
-  };
-  const onSearchChange = (event) => {
-    setSearch(event.target.value);
-  };
-  const toggleLevel = (level) => {
-    setLevelFilter((previous) => {
-      const next = new Set(previous);
-      if (next.has(level)) {
-        next.delete(level);
-      } else {
-        next.add(level);
-      }
-      return next;
-    });
-  };
-  const onLogPathChange = (event_0) => {
-    setPathFilter(event_0.target.value);
-  };
-  const onTimeRangeChange = (event_1) => {
-    setTimeRange(event_1.target.value);
-  };
-  const toggleSummary = () => {
-    setShowSummary((previous_0) => !previous_0);
-  };
-  const onPathChange = (event_2) => {
-    setPathPrefix(event_2.target.value);
-  };
-  const onUserChange = (event_3) => {
-    setUserIdFilter(event_3.target.value);
-  };
-  const onTableChange = (event_4) => {
-    setTableFilter(event_4.target.value);
-  };
-  const onOutcomeChange = (event_5) => {
-    setOutcomeFilter(event_5.target.value);
-  };
-  const showRequests = () => {
-    setView("requests");
-    setShowSummary(false);
-  };
-  const showErrors = () => {
-    setView("errors");
-    setShowSummary(false);
-  };
-  const showArchive = () => {
-    setView("archive");
-    setShowSummary(false);
-  };
-  return /* @__PURE__ */ jsxDEV("div", {
-    className: "flex flex-col gap-4",
-    "data-testid": "lunora-logs",
-    children: [/* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV("div", {
-        className: "inline-flex overflow-hidden rounded-lg border border-border",
-        role: "tablist",
-        children: [/* @__PURE__ */ jsxDEV("button", {
-          "aria-selected": view === "requests",
-          className: cn("px-3 py-1 text-sm", view === "requests" ? "bg-muted font-medium" : "text-muted-foreground"),
-          "data-testid": "lg-view-requests",
-          onClick: showRequests,
-          role: "tab",
-          type: "button",
-          children: t("Requests")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-          "aria-selected": view === "errors",
-          className: cn("px-3 py-1 text-sm", view === "errors" ? "bg-muted font-medium" : "text-muted-foreground"),
-          "data-testid": "lg-view-errors",
-          onClick: showErrors,
-          role: "tab",
-          type: "button",
-          children: t("Errors")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("button", {
-          "aria-selected": view === "archive",
-          className: cn("px-3 py-1 text-sm", view === "archive" ? "bg-muted font-medium" : "text-muted-foreground"),
-          "data-testid": "lg-view-archive",
-          onClick: showArchive,
-          role: "tab",
-          type: "button",
-          children: t("Archive")
-        }, void 0, false)]
-      }, void 0, true), /* @__PURE__ */ jsxDEV(ShardInput, {
-        onChange: setShardKey,
-        testId: "lg-shard-input",
-        value: shardKey
-      }, void 0, false), view !== "archive" && /* @__PURE__ */ jsxDEV(LiveError, {
-        message: liveError,
-        prefix: "lg"
-      }, void 0, false), /* @__PURE__ */ jsxDEV("a", {
-        className: "text-sm text-primary underline-offset-4 hover:underline",
-        "data-testid": "lg-cf-link",
-        href: CLOUDFLARE_OBSERVABILITY_URL,
-        rel: "noreferrer",
-        target: "_blank",
-        children: t("Open in Cloudflare")
-      }, void 0, false)]
-    }, void 0, true), view === "errors" && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Search messages"),
-        className: "h-8 w-48",
-        "data-testid": "lg-search",
-        onChange: onSearchChange,
-        placeholder: t("search message"),
-        value: search
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Function path"),
-        className: "h-8 w-40",
-        "data-testid": "logs-path-filter",
-        onChange: onLogPathChange,
-        placeholder: t("filter path"),
-        value: pathFilter
-      }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-        "aria-label": t("Level filter"),
-        className: "inline-flex items-center gap-1",
-        "data-testid": "logs-level-filter",
-        role: "group",
-        children: LOG_LEVELS.map((level_0) => /* @__PURE__ */ jsxDEV(LevelToggle, {
-          level: level_0,
-          onToggle: toggleLevel,
-          selected: levelFilter.has(level_0)
-        }, level_0, false))
-      }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
-        "aria-label": t("Time range"),
-        className: "h-8 rounded-md border border-input bg-transparent px-2 text-sm shadow-xs focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-        "data-testid": "logs-time-range",
-        onChange: onTimeRangeChange,
-        value: timeRange,
-        children: [/* @__PURE__ */ jsxDEV("option", {
-          value: "all",
-          children: t("All time")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-          value: "5m",
-          children: t("Last 5m")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-          value: "15m",
-          children: t("Last 15m")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-          value: "1h",
-          children: t("Last hour")
-        }, void 0, false)]
-      }, void 0, true), /* @__PURE__ */ jsxDEV("button", {
-        "aria-pressed": showSummary,
-        className: cn("h-8 rounded-md border px-3 text-sm", showSummary ? "border-border bg-muted font-medium" : "border-input text-muted-foreground"),
-        "data-testid": "logs-summary-toggle",
-        onClick: toggleSummary,
-        type: "button",
-        children: showSummary ? t("List") : t("Summary")
-      }, void 0, false)]
-    }, void 0, true), view === "requests" && /* @__PURE__ */ jsxDEV("div", {
-      className: "flex flex-wrap items-center gap-2",
-      children: [/* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Function path"),
-        className: "h-8 w-44",
-        "data-testid": "lg-req-path",
-        onChange: onPathChange,
-        placeholder: t("file:function"),
-        value: pathPrefix
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("User id"),
-        className: "h-8 w-32",
-        "data-testid": "lg-req-user",
-        onChange: onUserChange,
-        placeholder: t("userId"),
-        value: userIdFilter
-      }, void 0, false), /* @__PURE__ */ jsxDEV(Input, {
-        "aria-label": t("Table touched"),
-        className: "h-8 w-32",
-        "data-testid": "lg-req-table",
-        onChange: onTableChange,
-        placeholder: t("table"),
-        value: tableFilter
-      }, void 0, false), /* @__PURE__ */ jsxDEV("select", {
-        "aria-label": t("Outcome filter"),
-        className: "h-8 rounded-md border border-input bg-transparent px-2 text-sm shadow-xs focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none",
-        "data-testid": "lg-req-outcome",
-        onChange: onOutcomeChange,
-        value: outcomeFilter,
-        children: [/* @__PURE__ */ jsxDEV("option", {
-          value: "all",
-          children: t("all")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-          value: "ok",
-          children: t("ok")
-        }, void 0, false), /* @__PURE__ */ jsxDEV("option", {
-          value: "error",
-          children: t("error")
-        }, void 0, false)]
-      }, void 0, true)]
-    }, void 0, true), view === "archive" ? /* @__PURE__ */ jsxDEV(ArchiveFeed, {
-      shardKey: debouncedShard
-    }, void 0, false) : /* @__PURE__ */ jsxDEV(Fragment, {
-      children: [readout === "error" && /* @__PURE__ */ jsxDEV(ErrorAlert, {
-        error: errorSource,
-        testId: "lg-error"
-      }, void 0, false), readout === "empty" && /* @__PURE__ */ jsxDEV(EmptyState, {
-        description: t("Function and request logs for this shard show up here as your app handles traffic."),
-        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: "M4 5h16M4 12h16M4 19h10"
-          }, void 0, false)
-        }, void 0, false),
-        testId: "lg-empty",
-        title: t("No logs.")
-      }, void 0, false), readout === "summary" && /* @__PURE__ */ jsxDEV("div", {
-        className: "flex flex-col gap-4 rounded-xl border border-border bg-card p-4 shadow-xs",
-        "data-testid": "logs-summary",
-        children: [/* @__PURE__ */ jsxDEV("p", {
-          className: "text-xs text-muted-foreground",
-          "data-testid": "logs-summary-total",
-          children: t("{count} entries", {
-            count: summary.total
-          })
-        }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-          children: [/* @__PURE__ */ jsxDEV("h4", {
-            className: "mb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-            children: t("By level")
-          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-            className: "overflow-hidden rounded-lg border border-border",
-            "data-testid": "logs-summary-levels",
-            role: "grid",
-            children: summary.byLevel.map((bucket) => /* @__PURE__ */ jsxDEV(SummaryBucketRow, {
-              bucket
-            }, bucket.key, false))
-          }, void 0, false)]
-        }, void 0, true), /* @__PURE__ */ jsxDEV("div", {
-          children: [/* @__PURE__ */ jsxDEV("h4", {
-            className: "mb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",
-            children: t("By function")
-          }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
-            className: "overflow-hidden rounded-lg border border-border",
-            "data-testid": "logs-summary-paths",
-            role: "grid",
-            children: summary.byPath.map((bucket_0) => /* @__PURE__ */ jsxDEV(SummaryBucketRow, {
-              bucket: bucket_0
-            }, bucket_0.key, false))
-          }, void 0, false)]
-        }, void 0, true)]
-      }, void 0, true), readout === "list" && /* @__PURE__ */ jsxDEV("div", {
-        className: "rounded-xl border border-border shadow-xs",
-        "data-testid": "lg-scroll",
-        ref: scrollRef,
-        style: SCROLL_STYLE,
-        children: /* @__PURE__ */ jsxDEV("div", {
-          "aria-label": t("Recent logs"),
-          "data-testid": "lg-table",
-          role: "grid",
-          style: gridStyle,
-          children: virtualRows.map((virtualRow) => view === "requests" ? /* @__PURE__ */ jsxDEV(RequestRow, {
-            entry: requests[virtualRow.index],
-            index: virtualRow.index,
-            measureRef: virtualizer.measureElement,
-            start: virtualRow.start
-          }, virtualRow.key, false) : /* @__PURE__ */ jsxDEV(LogRow, {
-            entry: filtered[virtualRow.index],
-            index: virtualRow.index,
-            measureRef: virtualizer.measureElement,
-            start: virtualRow.start
-          }, virtualRow.key, false))
-        }, void 0, false)
-      }, void 0, false)]
-    }, void 0, true)]
-  }, void 0, true);
-};
-
-export { LogsPanel, filterLogs, summarizeLogs };
+import{c as M}from"react/compiler-runtime";import{useVirtualizer as qe}from"@tanstack/react-virtual";import{useState as $,useReducer as Me,useRef as ie,useEffect as de,useMemo as Ae}from"react";import{f as Q}from"../packem_shared/log-fields-CoL3hsIQ.js";import{E as Oe}from"../packem_shared/error-alert-B59DnrDI.js";import{L as Fe}from"../packem_shared/live-status-CGW2JHf_.js";import{ShardInput as De}from"../packem_shared/ShardInput-BVn2iCU0.js";import{g as Y}from"../packem_shared/badge-BbuuAio7.js";import{E as B}from"../packem_shared/empty-state-Cg7t_8qu.js";import{u as _}from"../packem_shared/input-JHu63lTv.js";import{K as re}from"../packem_shared/use-admin-query-Di3fLE8H.js";import G from"../packem_shared/useDebounced-Ihdiid_k.js";import{useT as ce}from"../packem_shared/DEFAULT_LOCALE-BZ4NojpD.js";import{ADMIN_FUNCTIONS as te}from"../packem_shared/ADMIN_FUNCTIONS-BYNSbBVE.js";import{b as ue}from"../packem_shared/cf-links-gbDy51nR.js";import{r as Ke}from"../packem_shared/shard-history-DMEW5VBE.js";import{c as q}from"../packem_shared/utils-bhneXptQ.js";import{l as Ue}from"../packem_shared/virtual-rect-1o1veP7R.js";import{useLunora as Ve}from"@lunora/react";import{u as ze}from"../packem_shared/button-BkCrNcAs.js";import{n as je,d as Be,m as me,p as P,f as Ge,u as T}from"../packem_shared/table-DdJBrClo.js";import{f as ae,l as We,e as le}from"../packem_shared/internal-AtZ4bTal.js";import{jsx as t,jsxs as w,Fragment as Qe}from"react/jsx-runtime";const he=["trace","debug","log","info","warn","error","fatal"],Ye="LOG_ARCHIVE_NOT_CONFIGURED",ge={debug:"secondary",error:"destructive",fatal:"destructive",info:"outline",log:"outline",trace:"outline",warn:"secondary"},He={cursor:void 0,error:null,loading:!1,notConfigured:!1,rows:null},Je=(l,e)=>{switch(e.type){case"append":return{...l,cursor:e.cursor,error:null,loading:!1,rows:[...l.rows??[],...e.rows]};case"failed":return{cursor:void 0,error:e.message,loading:!1,notConfigured:!1,rows:null};case"loaded":return{cursor:e.cursor,error:null,loading:!1,notConfigured:!1,rows:e.rows};case"loading":return{...l,error:null,loading:!0,notConfigured:!1};case"notConfigured":return{cursor:void 0,error:null,loading:!1,notConfigured:!0,rows:null};case"pageFailed":return{...l,error:e.message,loading:!1};default:return l}},Xe=l=>{const e=M(33),{row:r}=l;let s;e[0]!==r.fields?(s=Q(r.fields),e[0]=r.fields,e[1]=s):s=e[1];const n=s,a=`lg-archive-row-${String(r.ts)}`;let i;e[2]!==r.ts?(i=new Date(r.ts).toLocaleString(),e[2]=r.ts,e[3]=i):i=e[3];let u;e[4]!==i?(u=t(T,{className:"tabular-nums whitespace-nowrap text-xs text-muted-foreground",children:i}),e[4]=i,e[5]=u):u=e[5];const v=ge[r.level];let c;e[6]!==r.level||e[7]!==v?(c=t(T,{children:t(Y,{variant:v,children:r.level})}),e[6]=r.level,e[7]=v,e[8]=c):c=e[8];let d;e[9]!==r.functionPath?(d=t(T,{className:"font-mono text-xs",children:r.functionPath}),e[9]=r.functionPath,e[10]=d):d=e[10];let b;e[11]!==r.message?(b=t("div",{className:"truncate",title:r.message,children:r.message}),e[11]=r.message,e[12]=b):b=e[12];let f;e[13]!==n?(f=n!==""&&t("div",{className:"truncate font-mono text-[11px] text-muted-foreground",title:n,children:n}),e[13]=n,e[14]=f):f=e[14];let m;e[15]!==b||e[16]!==f?(m=w(T,{className:"max-w-md",children:[b,f]}),e[15]=b,e[16]=f,e[17]=m):m=e[17];const h=r.traceId??"—";let p;e[18]!==h?(p=t(T,{className:"font-mono text-[11px] text-muted-foreground",children:h}),e[18]=h,e[19]=p):p=e[19];const L=r.shardKey??"—";let g;e[20]!==L?(g=t(T,{className:"font-mono text-[11px] text-muted-foreground",children:L}),e[20]=L,e[21]=g):g=e[21];const x=r.userId??"—";let y;e[22]!==x?(y=t(T,{className:"font-mono text-[11px] text-muted-foreground",children:x}),e[22]=x,e[23]=y):y=e[23];let C;return e[24]!==m||e[25]!==p||e[26]!==g||e[27]!==y||e[28]!==a||e[29]!==u||e[30]!==c||e[31]!==d?(C=w(me,{"data-testid":a,children:[u,c,d,m,p,g,y]}),e[24]=m,e[25]=p,e[26]=g,e[27]=y,e[28]=a,e[29]=u,e[30]=c,e[31]=d,e[32]=C):C=e[32],C},Ze=({shardKey:l})=>{const e=Ve(),r=ce(),[s,n]=$(""),[a,i]=$(""),[u,v]=$(""),[{cursor:c,error:d,loading:b,notConfigured:f,rows:m},h]=Me(Je,He),p=G(s.trim(),400),L=G(a.trim(),400),g={...p===""?{}:{functionPathPrefix:p},...u===""?{}:{minLevel:u},...l===""?{}:{shardKey:l},...L===""?{}:{userId:L}},x=JSON.stringify(g),y=ie(x);de(()=>{const N={cancelled:!1};return y.current=x,ae((async()=>{h({type:"loading"});try{const k=await e.queryLogArchive(g);N.cancelled||h({cursor:k.nextCursor,rows:k.rows,type:"loaded"})}catch(k){N.cancelled||h(We(k)===Ye?{type:"notConfigured"}:{message:le(k),type:"failed"})}})()),()=>{N.cancelled=!0}},[e,x]);const C=async()=>{if(c===void 0)return;const N=x;h({type:"loading"});try{const k=await e.queryLogArchive({...g,cursor:c});y.current===N&&h({cursor:k.nextCursor,rows:k.rows,type:"append"})}catch(k){y.current===N&&h({message:le(k),type:"pageFailed"})}},R=N=>{n(N.target.value)},S=N=>{i(N.target.value)},I=N=>{v(N.target.value)},E=()=>{ae(C())};return f?t(B,{action:t("a",{className:"text-sm text-primary underline-offset-4 hover:underline",href:ue,rel:"noreferrer",target:"_blank",children:r("Open in Cloudflare")}),description:r("Wire pipelineLogSink to a Cloudflare Pipeline → R2 Data Catalog table and set R2_SQL_ACCOUNT_ID, R2_SQL_TOKEN, R2_SQL_BUCKET to browse the durable log archive here."),testId:"lg-archive-not-configured",title:r("Log archive not configured")}):w("div",{className:"flex flex-col gap-4","data-testid":"lg-archive",children:[w("div",{className:"flex flex-wrap items-center gap-2",children:[t(_,{"aria-label":r("Function path prefix"),className:"h-8 w-48","data-testid":"lg-archive-path",onChange:R,placeholder:r("function path…"),value:s}),t(_,{"aria-label":r("User id"),className:"h-8 w-40","data-testid":"lg-archive-user",onChange:S,placeholder:r("user id…"),value:a}),w("select",{"aria-label":r("Minimum level"),className:"h-8 rounded-md border border-border bg-background px-2 text-sm","data-testid":"lg-archive-min-level",onChange:I,value:u,children:[t("option",{value:"",children:r("min level")}),he.map(N=>t("option",{value:N,children:N},N))]})]}),d!==null&&t("p",{className:"text-sm text-destructive","data-testid":"lg-archive-error",role:"alert",children:d}),b&&m===null&&d===null&&t("p",{className:"text-sm text-muted-foreground","data-testid":"lg-archive-loading",children:r("Loading…")}),m!==null&&m.length===0&&t(B,{description:r("No archived logs match these filters. The durable archive fills as pipelineLogSink flushes records to R2."),testId:"lg-archive-empty",title:r("No archived logs.")}),m!==null&&m.length>0&&t("div",{className:"overflow-hidden rounded-xl border border-border shadow-xs",children:w(je,{"data-testid":"lg-archive-table",children:[t(Be,{children:w(me,{children:[t(P,{children:r("Time")}),t(P,{children:r("Level")}),t(P,{children:r("Function")}),t(P,{children:r("Message")}),t(P,{children:r("Trace")}),t(P,{children:r("Shard")}),t(P,{children:r("User")})]})}),t(Ge,{children:m.map((N,k)=>t(Xe,{row:N},`${String(N.ts)}-${String(k)}`))})]})}),c!==void 0&&t("div",{children:t(ze,{"data-testid":"lg-archive-more",disabled:b,onClick:E,size:"sm",variant:"outline",children:r(b?"Loading…":"Load more")})})]})},W=400,er=36,rr={height:W,overflow:"auto"},fe={left:0,position:"absolute",top:0,width:"100%"},tr={error:"destructive",ok:"secondary"},ar=l=>{const e=M(26),{entry:r,index:s,measureRef:n,start:a}=l,i=`translateY(${String(a)}px)`;let u;e[0]!==i?(u={...fe,transform:i},e[0]=i,e[1]=u):u=e[1];const v=u;let c;e[2]!==r.fields?(c=Q(r.fields),e[2]=r.fields,e[3]=c):c=e[3];const d=c;let b;e[4]!==r.timestamp?(b=new Date(r.timestamp).toLocaleString(),e[4]=r.timestamp,e[5]=b):b=e[5];let f;e[6]!==b?(f=t("span",{className:"w-44 shrink-0 tabular-nums text-muted-foreground",role:"gridcell",children:b}),e[6]=b,e[7]=f):f=e[7];const m=ge[r.level];let h;e[8]!==r.level||e[9]!==m?(h=t("span",{className:"w-20 shrink-0",role:"gridcell",children:t(Y,{variant:m,children:r.level})}),e[8]=r.level,e[9]=m,e[10]=h):h=e[10];const p=r.functionPath??"—";let L;e[11]!==p?(L=t("span",{className:"w-48 shrink-0 truncate text-muted-foreground",role:"gridcell",children:p}),e[11]=p,e[12]=L):L=e[12];let g;e[13]!==d?(g=d===""?null:t("span",{className:"ml-2 text-muted-foreground","data-testid":"lg-fields",children:d}),e[13]=d,e[14]=g):g=e[14];let x;e[15]!==r.message||e[16]!==g?(x=w("span",{className:"flex-1 truncate",role:"gridcell",children:[r.message,g]}),e[15]=r.message,e[16]=g,e[17]=x):x=e[17];let y;return e[18]!==s||e[19]!==n||e[20]!==v||e[21]!==x||e[22]!==f||e[23]!==h||e[24]!==L?(y=w("div",{className:"flex items-center border-b border-border px-3 py-1.5 font-mono text-xs hover:bg-muted/50","data-index":s,"data-testid":"lg-row",ref:n,role:"row",style:v,children:[f,h,L,x]}),e[18]=s,e[19]=n,e[20]=v,e[21]=x,e[22]=f,e[23]=h,e[24]=L,e[25]=y):y=e[25],y},oe=l=>l.length===0?"—":l.join(", "),lr=l=>{const e=M(37),{entry:r,index:s,measureRef:n,start:a}=l,i=`translateY(${String(a)}px)`;let u;e[0]!==i?(u={...fe,transform:i},e[0]=i,e[1]=u):u=e[1];const v=u;let c;e[2]!==r.ts?(c=new Date(r.ts).toLocaleString(),e[2]=r.ts,e[3]=c):c=e[3];let d;e[4]!==c?(d=t("span",{className:"w-40 shrink-0 tabular-nums text-muted-foreground",role:"gridcell",children:c}),e[4]=c,e[5]=d):d=e[5];const b=tr[r.outcome];let f;e[6]!==r.outcome||e[7]!==b?(f=t("span",{className:"w-16 shrink-0",role:"gridcell",children:t(Y,{variant:b,children:r.outcome})}),e[6]=r.outcome,e[7]=b,e[8]=f):f=e[8];let m;e[9]!==r.functionPath?(m=t("span",{className:"w-44 shrink-0 truncate",role:"gridcell",title:r.functionPath,children:r.functionPath}),e[9]=r.functionPath,e[10]=m):m=e[10];const h=r.shardKey??"—";let p;e[11]!==h?(p=t("span",{className:"w-24 shrink-0 truncate text-muted-foreground",role:"gridcell",children:h}),e[11]=h,e[12]=p):p=e[12];const L=r.userId??"—";let g;e[13]!==L?(g=t("span",{className:"w-24 shrink-0 truncate text-muted-foreground",role:"gridcell",children:L}),e[13]=L,e[14]=g):g=e[14];let x;e[15]!==r.durationMs?(x=Math.round(r.durationMs),e[15]=r.durationMs,e[16]=x):x=e[16];const y=`${String(x)}ms`;let C;e[17]!==y?(C=t("span",{className:"w-16 shrink-0 tabular-nums text-muted-foreground",role:"gridcell",children:y}),e[17]=y,e[18]=C):C=e[18];let R;e[19]!==r.errorMessage||e[20]!==r.outcome||e[21]!==r.tablesRead||e[22]!==r.tablesWritten?(R=r.outcome==="error"&&r.errorMessage!==void 0?r.errorMessage:`r:${oe(r.tablesRead)} · w:${oe(r.tablesWritten)}`,e[19]=r.errorMessage,e[20]=r.outcome,e[21]=r.tablesRead,e[22]=r.tablesWritten,e[23]=R):R=e[23];let S;e[24]!==R?(S=t("span",{className:"flex-1 truncate text-muted-foreground",role:"gridcell",children:R}),e[24]=R,e[25]=S):S=e[25];let I;return e[26]!==s||e[27]!==n||e[28]!==v||e[29]!==g||e[30]!==C||e[31]!==S||e[32]!==d||e[33]!==f||e[34]!==m||e[35]!==p?(I=w("div",{className:"flex items-center border-b border-border px-3 py-1.5 font-mono text-xs hover:bg-muted/50","data-index":s,"data-testid":"lg-req-row",ref:n,role:"row",style:v,children:[d,f,m,p,g,C,S]}),e[26]=s,e[27]=n,e[28]=v,e[29]=g,e[30]=C,e[31]=S,e[32]=d,e[33]=f,e[34]=m,e[35]=p,e[36]=I):I=e[36],I},se=l=>{const{entries:e}=l??{};return Array.isArray(e)?e:[]},or=l=>{const e={};return l.functionPathPrefix.trim()!==""&&(e.functionPathPrefix=l.functionPathPrefix.trim()),l.userId.trim()!==""&&(e.userId=l.userId.trim()),l.tableTouched.trim()!==""&&(e.tableTouched=l.tableTouched.trim()),(l.outcome==="ok"||l.outcome==="error")&&(e.outcome=l.outcome),e},pe=he,sr={"5m":300*1e3,"15m":900*1e3,"1h":3600*1e3},nr=(l,e)=>{const r=e.search.trim().toLowerCase(),s=e.path.trim().toLowerCase(),n=e.range==="all"?Number.NEGATIVE_INFINITY:e.now-sr[e.range];return l.filter(a=>e.levels.size>0&&!e.levels.has(a.level)||a.timestamp<n||s!==""&&!(a.functionPath??"").toLowerCase().includes(s)?!1:r===""||a.message.toLowerCase().includes(r)||Q(a.fields).toLowerCase().includes(r))},ir="—",dr=l=>{const e=new Map,r=new Map;for(const a of l){e.set(a.level,(e.get(a.level)??0)+1);const i=a.functionPath??ir;r.set(i,(r.get(i)??0)+1)}const s=pe.filter(a=>e.has(a)).map(a=>({count:e.get(a)??0,key:a})),n=[...r.entries()].map(([a,i])=>({count:i,key:a})).toSorted((a,i)=>i.count===a.count?a.key.localeCompare(i.key):i.count-a.count);return{byLevel:s,byPath:n,total:l.length}},cr=l=>{const e=M(11),{level:r,onToggle:s,selected:n}=l;let a;e[0]!==r||e[1]!==s?(a=()=>{s(r)},e[0]=r,e[1]=s,e[2]=a):a=e[2];const i=a,u=n?"border-border bg-muted font-medium":"border-input text-muted-foreground";let v;e[3]!==u?(v=q("rounded-md border px-2 py-1 text-xs",u),e[3]=u,e[4]=v):v=e[4];const c=`logs-level-${r}`;let d;return e[5]!==r||e[6]!==i||e[7]!==n||e[8]!==v||e[9]!==c?(d=t("button",{"aria-pressed":n,className:v,"data-testid":c,onClick:i,type:"button",children:r}),e[5]=r,e[6]=i,e[7]=n,e[8]=v,e[9]=c,e[10]=d):d=e[10],d},ne=l=>{const e=M(7),{bucket:r}=l;let s;e[0]!==r.key?(s=t("span",{className:"truncate text-muted-foreground",role:"gridcell",children:r.key}),e[0]=r.key,e[1]=s):s=e[1];let n;e[2]!==r.count?(n=t("span",{className:"shrink-0 tabular-nums",role:"gridcell",children:r.count}),e[2]=r.count,e[3]=n):n=e[3];let a;return e[4]!==s||e[5]!==n?(a=w("div",{className:"flex items-center justify-between gap-4 px-3 py-1 font-mono text-xs","data-testid":"logs-summary-row",role:"row",children:[s,n]}),e[4]=s,e[5]=n,e[6]=a):a=e[6],a},qr=({initialShardKey:l})=>{const e=ce(),[r,s]=$("requests"),[n,a]=$(l??""),[i,u]=$(""),[v,c]=$(()=>new Set),[d,b]=$(""),[f,m]=$("all"),[h,p]=$(!1),[L,g]=$(""),[x,y]=$(""),[C,R]=$(""),[S,I]=$("all"),E=G(n.trim(),400),N=or({functionPathPrefix:L,outcome:S,tableTouched:C,userId:x}),k=re(te.getRequestLog,N,{enabled:r==="requests",live:!0,shardKey:E}),H=re(te.getLogs,{},{enabled:r==="errors",live:!0,shardKey:E}),D=r==="requests"?k:H,{error:J,errorSource:ve,isLoading:X,liveError:be}=D,xe=se(H.data),Z=se(k.data);de(()=>{D.data!==void 0&&Ke(E)},[D.data,E]);const K=nr(xe,{levels:v,now:Date.now(),path:d,range:f,search:i}),U=dr(K),V=r==="requests"?Z.length:K.length,z=r==="errors"&&h,A=Ae(()=>J!==null?"error":V===0?X?z?"summary":"list":"empty":z?"summary":"list",[V,X,J,z]),ee=ie(null),O=qe({count:V,estimateSize:()=>er,getScrollElement:()=>ee.current,initialRect:{height:W,width:800},observeElementRect:(o,j)=>Ue(o,j,W),overscan:8}),we=O.getVirtualItems(),ye={height:O.getTotalSize(),position:"relative",width:"100%"},Ne=o=>{u(o.target.value)},Le=o=>{c(j=>{const F=new Set(j);return F.has(o)?F.delete(o):F.add(o),F})},Ce=o=>{b(o.target.value)},ke=o=>{m(o.target.value)},$e=()=>{p(o=>!o)},Se=o=>{g(o.target.value)},Re=o=>{y(o.target.value)},Ie=o=>{R(o.target.value)},Ee=o=>{I(o.target.value)},Pe=()=>{s("requests"),p(!1)},Te=()=>{s("errors"),p(!1)},_e=()=>{s("archive"),p(!1)};return w("div",{className:"flex flex-col gap-4","data-testid":"lunora-logs",children:[w("div",{className:"flex flex-wrap items-center gap-2",children:[w("div",{className:"inline-flex overflow-hidden rounded-lg border border-border",role:"tablist",children:[t("button",{"aria-selected":r==="requests",className:q("px-3 py-1 text-sm",r==="requests"?"bg-muted font-medium":"text-muted-foreground"),"data-testid":"lg-view-requests",onClick:Pe,role:"tab",type:"button",children:e("Requests")}),t("button",{"aria-selected":r==="errors",className:q("px-3 py-1 text-sm",r==="errors"?"bg-muted font-medium":"text-muted-foreground"),"data-testid":"lg-view-errors",onClick:Te,role:"tab",type:"button",children:e("Errors")}),t("button",{"aria-selected":r==="archive",className:q("px-3 py-1 text-sm",r==="archive"?"bg-muted font-medium":"text-muted-foreground"),"data-testid":"lg-view-archive",onClick:_e,role:"tab",type:"button",children:e("Archive")})]}),t(De,{onChange:a,testId:"lg-shard-input",value:n}),r!=="archive"&&t(Fe,{message:be,prefix:"lg"}),t("a",{className:"text-sm text-primary underline-offset-4 hover:underline","data-testid":"lg-cf-link",href:ue,rel:"noreferrer",target:"_blank",children:e("Open in Cloudflare")})]}),r==="errors"&&w("div",{className:"flex flex-wrap items-center gap-2",children:[t(_,{"aria-label":e("Search messages"),className:"h-8 w-48","data-testid":"lg-search",onChange:Ne,placeholder:e("search message"),value:i}),t(_,{"aria-label":e("Function path"),className:"h-8 w-40","data-testid":"logs-path-filter",onChange:Ce,placeholder:e("filter path"),value:d}),t("div",{"aria-label":e("Level filter"),className:"inline-flex items-center gap-1","data-testid":"logs-level-filter",role:"group",children:pe.map(o=>t(cr,{level:o,onToggle:Le,selected:v.has(o)},o))}),w("select",{"aria-label":e("Time range"),className:"h-8 rounded-md border border-input bg-transparent px-2 text-sm shadow-xs focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none","data-testid":"logs-time-range",onChange:ke,value:f,children:[t("option",{value:"all",children:e("All time")}),t("option",{value:"5m",children:e("Last 5m")}),t("option",{value:"15m",children:e("Last 15m")}),t("option",{value:"1h",children:e("Last hour")})]}),t("button",{"aria-pressed":h,className:q("h-8 rounded-md border px-3 text-sm",h?"border-border bg-muted font-medium":"border-input text-muted-foreground"),"data-testid":"logs-summary-toggle",onClick:$e,type:"button",children:e(h?"List":"Summary")})]}),r==="requests"&&w("div",{className:"flex flex-wrap items-center gap-2",children:[t(_,{"aria-label":e("Function path"),className:"h-8 w-44","data-testid":"lg-req-path",onChange:Se,placeholder:e("file:function"),value:L}),t(_,{"aria-label":e("User id"),className:"h-8 w-32","data-testid":"lg-req-user",onChange:Re,placeholder:e("userId"),value:x}),t(_,{"aria-label":e("Table touched"),className:"h-8 w-32","data-testid":"lg-req-table",onChange:Ie,placeholder:e("table"),value:C}),w("select",{"aria-label":e("Outcome filter"),className:"h-8 rounded-md border border-input bg-transparent px-2 text-sm shadow-xs focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 focus-visible:outline-none","data-testid":"lg-req-outcome",onChange:Ee,value:S,children:[t("option",{value:"all",children:e("all")}),t("option",{value:"ok",children:e("ok")}),t("option",{value:"error",children:e("error")})]})]}),r==="archive"?t(Ze,{shardKey:E}):w(Qe,{children:[A==="error"&&t(Oe,{error:ve,testId:"lg-error"}),A==="empty"&&t(B,{description:e("Function and request logs for this shard show up here as your app handles traffic."),icon:t("svg",{"aria-hidden":"true",fill:"none",stroke:"currentColor",strokeLinecap:"round",strokeLinejoin:"round",strokeWidth:1.6,viewBox:"0 0 24 24",children:t("path",{d:"M4 5h16M4 12h16M4 19h10"})}),testId:"lg-empty",title:e("No logs.")}),A==="summary"&&w("div",{className:"flex flex-col gap-4 rounded-xl border border-border bg-card p-4 shadow-xs","data-testid":"logs-summary",children:[t("p",{className:"text-xs text-muted-foreground","data-testid":"logs-summary-total",children:e("{count} entries",{count:U.total})}),w("div",{children:[t("h4",{className:"mb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:e("By level")}),t("div",{className:"overflow-hidden rounded-lg border border-border","data-testid":"logs-summary-levels",role:"grid",children:U.byLevel.map(o=>t(ne,{bucket:o},o.key))})]}),w("div",{children:[t("h4",{className:"mb-1 font-mono text-[11px] tracking-wide text-muted-foreground uppercase",children:e("By function")}),t("div",{className:"overflow-hidden rounded-lg border border-border","data-testid":"logs-summary-paths",role:"grid",children:U.byPath.map(o=>t(ne,{bucket:o},o.key))})]})]}),A==="list"&&t("div",{className:"rounded-xl border border-border shadow-xs","data-testid":"lg-scroll",ref:ee,style:rr,children:t("div",{"aria-label":e("Recent logs"),"data-testid":"lg-table",role:"grid",style:ye,children:we.map(o=>r==="requests"?t(lr,{entry:Z[o.index],index:o.index,measureRef:O.measureElement,start:o.start},o.key):t(ar,{entry:K[o.index],index:o.index,measureRef:O.measureElement,start:o.start},o.key))})})]})]})};export{qr as LogsPanel,nr as filterLogs,dr as summarizeLogs};