@lunora/studio 1.0.0-alpha.5 → 1.0.0-alpha.51

package/dist/packem_chunks/issues-panel.js

@@ -0,0 +1,188 @@
+import { c } from 'react/compiler-runtime';
+import { useState } from 'react';
+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-DURq3ElK.js';
+import { E as EmptyState } from '../packem_shared/empty-state-DY_oe0k6.js';
+import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from '../packem_shared/table-DsCa9Qp9.js';
+import { u as useAdminQuery } from '../packem_shared/use-admin-query-BGJ010yZ.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-DNeyYtUN.js';
+import { i as formatTimestamp } from '../packem_shared/internal-zwBoOv24.js';
+import { jsxDEV } from 'react/jsx-dev-runtime';
+
+const issuesOf = (result) => Array.isArray(result?.issues) ? result.issues : [];
+const IssuesPanel = (t0) => {
+  const $ = c(21);
+  const {
+    initialShardKey
+  } = t0;
+  const t = useT();
+  const [shardKey, setShardKey] = useState(initialShardKey ?? "");
+  let t1;
+  if ($[0] !== shardKey) {
+    t1 = shardKey.trim();
+    $[0] = shardKey;
+    $[1] = t1;
+  } else {
+    t1 = $[1];
+  }
+  const debouncedShard = useDebounced(t1, 400);
+  let t2;
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t2 = {};
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== debouncedShard) {
+    t3 = {
+      live: true,
+      shardKey: debouncedShard
+    };
+    $[3] = debouncedShard;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  const {
+    data,
+    error,
+    liveError
+  } = useAdminQuery(ADMIN_FUNCTIONS.getIssues, t2, t3);
+  const loaded = data !== void 0;
+  let t4;
+  if ($[5] !== data || $[6] !== error || $[7] !== liveError || $[8] !== loaded || $[9] !== shardKey || $[10] !== t) {
+    const issues = issuesOf(data);
+    let t5;
+    if ($[12] !== error) {
+      t5 = error !== null && /* @__PURE__ */ jsxDEV("p", {
+        className: "text-sm text-destructive",
+        "data-testid": "issues-error",
+        role: "alert",
+        children: error
+      }, void 0, false);
+      $[12] = error;
+      $[13] = t5;
+    } else {
+      t5 = $[13];
+    }
+    let t6;
+    if ($[14] !== shardKey) {
+      t6 = /* @__PURE__ */ jsxDEV(ShardInput, {
+        onChange: setShardKey,
+        testId: "issues-shard-input",
+        value: shardKey
+      }, void 0, false);
+      $[14] = shardKey;
+      $[15] = t6;
+    } else {
+      t6 = $[15];
+    }
+    let t7;
+    if ($[16] !== liveError) {
+      t7 = /* @__PURE__ */ jsxDEV(LiveError, {
+        message: liveError,
+        prefix: "issues"
+      }, void 0, false);
+      $[16] = liveError;
+      $[17] = t7;
+    } else {
+      t7 = $[17];
+    }
+    let t8;
+    if ($[18] !== t6 || $[19] !== t7) {
+      t8 = /* @__PURE__ */ jsxDEV("div", {
+        className: "flex flex-wrap items-center gap-2",
+        children: [t6, t7]
+      }, void 0, true);
+      $[18] = t6;
+      $[19] = t7;
+      $[20] = t8;
+    } else {
+      t8 = $[20];
+    }
+    t4 = /* @__PURE__ */ jsxDEV("div", {
+      className: "flex flex-col gap-6",
+      "data-testid": "lunora-issues-panel",
+      children: [t5, t8, loaded && issues.length === 0 ? /* @__PURE__ */ jsxDEV(EmptyState, {
+        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")
+      }, void 0, false) : /* @__PURE__ */ jsxDEV(Card, {
+        className: "overflow-hidden py-0",
+        children: /* @__PURE__ */ jsxDEV(CardContent, {
+          className: "px-0",
+          children: /* @__PURE__ */ jsxDEV(Table, {
+            "data-testid": "issues-table",
+            children: [/* @__PURE__ */ jsxDEV(TableHeader, {
+              children: /* @__PURE__ */ jsxDEV(TableRow, {
+                children: [/* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Issue")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Source")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  className: "text-right",
+                  children: t("Events")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("First seen")
+                }, void 0, false), /* @__PURE__ */ jsxDEV(TableHead, {
+                  children: t("Last seen")
+                }, void 0, false)]
+              }, void 0, true)
+            }, void 0, false), /* @__PURE__ */ jsxDEV(TableBody, {
+              children: issues.map(_temp)
+            }, void 0, false)]
+          }, void 0, true)
+        }, void 0, false)
+      }, void 0, false)]
+    }, void 0, true);
+    $[5] = data;
+    $[6] = error;
+    $[7] = liveError;
+    $[8] = loaded;
+    $[9] = shardKey;
+    $[10] = t;
+    $[11] = t4;
+  } else {
+    t4 = $[11];
+  }
+  return t4;
+};
+function _temp(issue) {
+  return /* @__PURE__ */ jsxDEV(TableRow, {
+    "data-testid": `issues-row-${issue.hash}`,
+    children: [/* @__PURE__ */ jsxDEV(TableCell, {
+      className: "max-w-96",
+      children: [/* @__PURE__ */ jsxDEV("div", {
+        className: "truncate font-medium",
+        title: issue.title,
+        children: issue.title
+      }, void 0, false), /* @__PURE__ */ jsxDEV("div", {
+        className: "truncate text-xs text-muted-foreground",
+        title: issue.sampleMessage,
+        children: issue.sampleMessage
+      }, void 0, false)]
+    }, void 0, true), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "font-mono text-xs text-muted-foreground",
+      children: issue.culprit
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-right",
+      children: /* @__PURE__ */ jsxDEV(Badge, {
+        variant: "secondary",
+        children: issue.count
+      }, void 0, false)
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-xs tabular-nums text-muted-foreground",
+      children: formatTimestamp(issue.firstSeen)
+    }, void 0, false), /* @__PURE__ */ jsxDEV(TableCell, {
+      className: "text-xs tabular-nums text-muted-foreground",
+      children: formatTimestamp(issue.lastSeen)
+    }, void 0, false)]
+  }, issue.hash, true);
+}
+
+export { IssuesPanel };