@copilotz/admin 0.9.37 → 0.9.38

package/dist/index.cjs

@@ -159,6 +159,21 @@ function normalizeMessagePage(payload) {
   const pageInfo = isRecord(candidate) ? normalizeMessagePageInfo(candidate.pageInfo, data) : normalizeMessagePageInfo(void 0, data);
   return { data, pageInfo };
 }
+function isQueueEvent(value) {
+  return isRecord(value) && typeof value.id === "string" && typeof value.threadId === "string" && typeof value.eventType === "string";
+}
+function normalizeQueueEvent(value) {
+  if (isQueueEvent(value)) return value;
+  if (isRecord(value) && isQueueEvent(value.data)) return value.data;
+  return void 0;
+}
+function normalizeQueueEvents(value) {
+  if (Array.isArray(value)) return value.filter(isQueueEvent);
+  if (isRecord(value) && Array.isArray(value.data)) {
+    return value.data.filter(isQueueEvent);
+  }
+  return [];
+}
 function createAdminClient(options = {}) {
   const baseUrl = resolveBaseUrl(options.baseUrl);
   const paths = { ...DEFAULT_PATHS, ...options.paths };
@@ -265,9 +280,25 @@ function createAdminClient(options = {}) {
       );
       return normalizeMessagePage(payload);
     },
-    getThreadEvent: async (threadId) => await requestJson(
-      `${paths.threadsBase}/${encodeURIComponent(threadId)}/events`
-    ),
+    listEvents: async (eventOptions = {}) => {
+      const payload = await requestJson(`${paths.adminBase}/events`, {
+        namespace: eventOptions.namespace,
+        threadId: eventOptions.threadId,
+        status: eventOptions.status,
+        eventType: eventOptions.eventType,
+        traceId: eventOptions.traceId,
+        search: eventOptions.search,
+        limit: String(eventOptions.limit ?? 50),
+        offset: eventOptions.offset ? String(eventOptions.offset) : void 0
+      });
+      return normalizeQueueEvents(payload);
+    },
+    getThreadEvent: async (threadId) => {
+      const payload = await requestJson(
+        `${paths.threadsBase}/${encodeURIComponent(threadId)}/events`
+      );
+      return normalizeQueueEvent(payload);
+    },
     listCollections: async () => await requestJson(paths.collectionsBase),
     listCollectionItems: async (collection, listOptions = {}) => await requestJson(
       `${paths.collectionsBase}/${encodeURIComponent(collection)}`,
@@ -2258,33 +2289,61 @@ function eventsModule() {
     }]
   };
 }
+var EVENT_STATUSES = [
+  "all",
+  "pending",
+  "processing",
+  "completed",
+  "failed",
+  "expired",
+  "overwritten"
+];
 function EventsPage({ context }) {
   const [threadId, setThreadId] = import_react4.default.useState("");
-  const [status, setStatus] = import_react4.default.useState("");
-  const [type, setType] = import_react4.default.useState("");
+  const [status, setStatus] = import_react4.default.useState(
+    "all"
+  );
+  const [eventType, setEventType] = import_react4.default.useState("");
   const [traceId, setTraceId] = import_react4.default.useState("");
-  const [event, setEvent] = import_react4.default.useState(null);
+  const [events, setEvents] = import_react4.default.useState([]);
+  const [selectedEvent, setSelectedEvent] = import_react4.default.useState(null);
   const [error, setError] = import_react4.default.useState(null);
-  const [hasSearched, setHasSearched] = import_react4.default.useState(false);
+  const [loading, setLoading] = import_react4.default.useState(false);
+  const [hasLoaded, setHasLoaded] = import_react4.default.useState(false);
   const inspect = async () => {
-    if (!threadId.trim()) return;
-    setHasSearched(true);
+    setHasLoaded(true);
+    setLoading(true);
     setError(null);
     try {
-      const next = await context.client.getThreadEvent(threadId.trim());
-      setEvent(next ?? null);
+      const next = await context.client.listEvents({
+        namespace: context.scope.namespace || void 0,
+        threadId: threadId.trim() || void 0,
+        status: status === "all" ? void 0 : status,
+        eventType: eventType.trim() || void 0,
+        traceId: traceId.trim() || void 0,
+        limit: 50
+      });
+      setEvents(next);
+      setSelectedEvent(
+        (current) => current && next.some((event) => event.id === current.id) ? current : next[0] ?? null
+      );
     } catch (cause) {
       setError(cause instanceof Error ? cause.message : "Failed to load event");
-      setEvent(null);
+      setEvents([]);
+      setSelectedEvent(null);
+    } finally {
+      setLoading(false);
     }
   };
-  const rows = event && (!status || event.status.includes(status)) && (!type || event.eventType.includes(type)) && (!traceId || event.traceId?.includes(traceId)) ? [event] : [];
+  import_react4.default.useEffect(() => {
+    void inspect();
+  }, [context.client, context.refreshKey, context.scope.namespace]);
   return /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "space-y-4", children: [
     /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       PageHeader,
       {
         title: "Events",
-        description: "Queue and event inspection. Current backend support is thread-focused; filters are ready for broader event listing."
+        description: "Queue and event inspection across the active namespace."
       }
     ),
     /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
@@ -2293,13 +2352,13 @@ function EventsPage({ context }) {
         actions: /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
           Button,
           {
-            disabled: !threadId.trim(),
+            disabled: loading,
             onClick: () => void inspect(),
             size: "sm",
             type: "button",
             children: [
               /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(import_lucide_react8.Search, { className: "size-3" }),
-              "Inspect"
+              loading ? "Loading" : "Inspect"
             ]
           }
         ),
@@ -2308,37 +2367,45 @@ function EventsPage({ context }) {
             Input,
             {
               className: "h-8 w-[220px]",
-              onChange: (event2) => setThreadId(event2.target.value),
-              onKeyDown: (event2) => {
-                if (event2.key === "Enter") void inspect();
+              onChange: (event) => setThreadId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
               },
               placeholder: "Thread ID",
               value: threadId
             }
           ),
-          /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
-            Input,
+          /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)(
+            Select,
             {
-              className: "h-8 w-[150px]",
-              onChange: (event2) => setStatus(event2.target.value),
-              placeholder: "Status",
-              value: status
+              value: status,
+              onValueChange: (value) => setStatus(value),
+              children: [
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectTrigger, { className: "h-8 w-[150px] text-xs", "aria-label": "Status", children: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectValue, {}) }),
+                /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectContent, { children: EVENT_STATUSES.map((option) => /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(SelectItem, { value: option, children: option === "all" ? "All statuses" : option }, option)) })
+              ]
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             Input,
             {
               className: "h-8 w-[180px]",
-              onChange: (event2) => setType(event2.target.value),
+              onChange: (event) => setEventType(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
+              },
               placeholder: "Event type",
-              value: type
+              value: eventType
             }
           ),
           /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             Input,
             {
               className: "h-8 w-[180px]",
-              onChange: (event2) => setTraceId(event2.target.value),
+              onChange: (event) => setTraceId(event.target.value),
+              onKeyDown: (event) => {
+                if (event.key === "Enter") void inspect();
+              },
               placeholder: "Trace ID",
               value: traceId
             }
@@ -2346,27 +2413,34 @@ function EventsPage({ context }) {
         ]
       }
     ),
-    error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Unable to inspect event", description: error }) : !hasSearched ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+    error ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(EmptyState, { title: "Unable to inspect event", description: error }) : !hasLoaded && loading ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
       EmptyState,
       {
         icon: import_lucide_react8.Activity,
-        title: "Choose a thread",
-        description: "Enter a thread ID to inspect its next pending event."
+        title: "Loading events",
+        description: "Fetching recent queue events for the active namespace."
       }
     ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsxs)("div", { className: "grid gap-4 xl:grid-cols-[1fr_420px]", children: [
       /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
         ResourceTable,
         {
-          rows,
+          rows: events,
           getRowKey: (row) => row.id,
+          onRowClick: setSelectedEvent,
           empty: /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
             EmptyState,
             {
-              title: "No matching event",
-              description: "No pending event matched the current filters."
+              title: "No matching events",
+              description: "No event rows matched the current filters."
             }
           ),
           columns: [
+            {
+              id: "thread",
+              header: "Thread",
+              className: "max-w-[180px] truncate font-mono text-xs",
+              render: (row) => row.threadId
+            },
             {
               id: "type",
               header: "Type",
@@ -2390,7 +2464,20 @@ function EventsPage({ context }) {
           ]
         }
       ),
-      /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(JsonPanel, { title: "Event JSON", value: event, minHeight: 420 })
+      selectedEvent ? /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        JsonPanel,
+        {
+          title: "Event JSON",
+          value: selectedEvent,
+          minHeight: 420
+        }
+      ) : /* @__PURE__ */ (0, import_jsx_runtime22.jsx)(
+        EmptyState,
+        {
+          title: "No event selected",
+          description: "Select an event row to inspect its payload."
+        }
+      )
     ] })
   ] });
 }