@burdenoff/microfe-devportal 2026.625.2 → 2026.625.3

package/dist/devportal/pages/AppLogsPage.js

@@ -7,151 +7,151 @@ import "../hooks/index.js";
 import o from "../../node_modules/date-fns/format.js";
 import { useEffect as s, useMemo as c, useState as l } from "react";
 import { useI18n as u } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as d, Download as f, FileClock as p, Filter as m, Loader2 as h, RefreshCw as g } from "lucide-react";
-import { useParams as _ } from "react-router-dom";
-import { jsx as v, jsxs as y } from "react/jsx-runtime";
+import { AlertCircle as d, Download as f, Filter as p, Loader2 as m, RefreshCw as h } from "lucide-react";
+import { useParams as g } from "react-router-dom";
+import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/devportal/pages/AppLogsPage.tsx
-var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), C = (e) => {
+var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase()), S = (e) => {
 	if (!e) return "";
 	try {
 		return JSON.stringify(e, null, 2);
 	} catch {
 		return "";
 	}
-}, w = () => {
-	let { t: o } = u(), { appId: w } = _(), { navigate: T, basePath: E, currentUser: D } = e(), O = (e) => D?.id === e && D.email ? D.email : e, [k, A] = l("all"), [j, M] = l(""), [N, P] = l(1), { data: F, loading: I, error: L, refetch: R } = n({
+}, C = () => {
+	let { t: o } = u(), { appId: C } = g(), { navigate: w, basePath: T, currentUser: E } = e(), D = (e) => E?.id === e && E.email ? E.email : e, [O, k] = l("all"), [A, j] = l(""), [M, N] = l(1), { data: P, loading: F, error: I, refetch: L } = n({
 		variables: {
-			applicationId: w || "",
-			limit: b,
-			offset: (N - 1) * b
+			applicationId: C || "",
+			limit: y,
+			offset: (M - 1) * y
 		},
-		skip: !w,
+		skip: !C,
 		fetchPolicy: "cache-and-network"
-	}), z = F?.application;
+	}), R = P?.application;
 	s(() => {
-		let e = z?.name;
-		if (!w || !e) return;
+		let e = R?.name;
+		if (!C || !e) return;
 		let t = window.__breadcrumbRegistry;
-		return t?.register(w, e), () => t?.unregister(w);
-	}, [w, z?.name]);
-	let B = F?.auditLogs?.totalCount ?? 0, V = F?.auditLogs?.edges?.map((e) => e.node) ?? [], H = c(() => Array.from(new Set(V.map((e) => e.action))).sort((e, t) => e.localeCompare(t)), [V]), U = c(() => {
-		let e = j.trim().toLowerCase();
-		return V.filter((t) => k === "all" || t.action === k ? e ? [
+		return t?.register(C, e), () => t?.unregister(C);
+	}, [C, R?.name]);
+	let z = P?.auditLogs?.totalCount ?? 0, B = P?.auditLogs?.edges?.map((e) => e.node) ?? [], V = c(() => Array.from(new Set(B.map((e) => e.action))).sort((e, t) => e.localeCompare(t)), [B]), H = c(() => {
+		let e = A.trim().toLowerCase();
+		return B.filter((t) => O === "all" || t.action === O ? e ? [
 			t.action,
 			t.actorId,
-			O(t.actorId),
+			D(t.actorId),
 			t.resource,
-			C(t.metadata)
+			S(t.metadata)
 		].join(" ").toLowerCase().includes(e) : !0 : !1);
 	}, [
-		k,
-		V,
-		j
+		O,
+		B,
+		A
 	]);
-	return I && !F ? /* @__PURE__ */ v(i, {
+	return F && !P ? /* @__PURE__ */ _(i, {
 		title: "Application Activity",
 		description: "Loading application audit history",
-		backLink: w ? `/apps/${w}` : "/apps",
+		backLink: C ? `/apps/${C}` : "/apps",
 		backLabel: "Back to Application",
-		children: /* @__PURE__ */ v("div", {
+		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ _(m, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : L || !z ? /* @__PURE__ */ v(i, {
+	}) : I || !R ? /* @__PURE__ */ _(i, {
 		title: "Application Activity",
 		description: "Review audit events for this application",
-		backLink: w ? `/apps/${w}` : "/apps",
+		backLink: C ? `/apps/${C}` : "/apps",
 		backLabel: "Back to Application",
-		children: /* @__PURE__ */ v(t, {
-			icon: /* @__PURE__ */ v(d, {
+		children: /* @__PURE__ */ _(t, {
+			icon: /* @__PURE__ */ _(d, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: "Unable to load activity",
-			description: L ? r(L) : "Application not found"
+			description: I ? r(I) : "Application not found"
 		})
-	}) : /* @__PURE__ */ y(i, {
+	}) : /* @__PURE__ */ v(i, {
 		title: "Application Activity",
-		description: `Audit events for ${z.name}`,
-		backLink: `/apps/${z.id}`,
+		description: `Audit events for ${R.name}`,
+		backLink: `/apps/${R.id}`,
 		backLabel: "Back to Application",
-		actions: /* @__PURE__ */ y("div", {
+		actions: /* @__PURE__ */ v("div", {
 			className: "flex flex-wrap gap-2",
-			children: [/* @__PURE__ */ y("button", {
+			children: [/* @__PURE__ */ v("button", {
 				type: "button",
-				onClick: () => void R(),
+				onClick: () => void L(),
 				className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent",
-				children: [/* @__PURE__ */ v(g, { size: 16 }), "Refresh"]
-			}), /* @__PURE__ */ y("button", {
+				children: [/* @__PURE__ */ _(h, { size: 16 }), "Refresh"]
+			}), /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: () => {
-					let e = new Blob([JSON.stringify(U, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
-					n.href = t, n.download = `${z?.slug || w || "application"}-audit-log.json`, n.click(), URL.revokeObjectURL(t);
+					let e = new Blob([JSON.stringify(H, null, 2)], { type: "application/json" }), t = URL.createObjectURL(e), n = document.createElement("a");
+					n.href = t, n.download = `${R?.slug || C || "application"}-audit-log.json`, n.click(), URL.revokeObjectURL(t);
 				},
 				className: "inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent",
-				children: [/* @__PURE__ */ v(f, { size: 16 }), "Export JSON"]
+				children: [/* @__PURE__ */ _(f, { size: 16 }), "Export JSON"]
 			})]
 		}),
 		children: [
-			/* @__PURE__ */ y("div", {
+			/* @__PURE__ */ v("div", {
 				className: "grid gap-4 rounded-card border border-border-seam bg-bg-surface p-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-center",
 				children: [
-					/* @__PURE__ */ y("label", {
+					/* @__PURE__ */ v("label", {
 						className: "grid gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ y("span", {
+						children: [/* @__PURE__ */ v("span", {
 							className: "flex items-center gap-2 text-text-secondary",
-							children: [/* @__PURE__ */ v(m, { size: 16 }), "Filter by action"]
-						}), /* @__PURE__ */ y("select", {
-							value: k,
-							onChange: (e) => A(e.target.value),
+							children: [/* @__PURE__ */ _(p, { size: 16 }), "Filter by action"]
+						}), /* @__PURE__ */ v("select", {
+							value: O,
+							onChange: (e) => k(e.target.value),
 							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
-							children: [/* @__PURE__ */ v("option", {
+							children: [/* @__PURE__ */ _("option", {
 								value: "all",
 								children: "All actions"
-							}), H.map((e) => /* @__PURE__ */ v("option", {
+							}), V.map((e) => /* @__PURE__ */ _("option", {
 								value: e,
-								children: S(e)
+								children: x(e)
 							}, e))]
 						})]
 					}),
-					/* @__PURE__ */ y("label", {
+					/* @__PURE__ */ v("label", {
 						className: "grid gap-2 text-sm font-medium",
-						children: [/* @__PURE__ */ v("span", {
+						children: [/* @__PURE__ */ _("span", {
 							className: "text-text-secondary",
 							children: "Search metadata"
-						}), /* @__PURE__ */ v("input", {
+						}), /* @__PURE__ */ _("input", {
 							type: "text",
-							value: j,
-							onChange: (e) => M(e.target.value),
+							value: A,
+							onChange: (e) => j(e.target.value),
 							placeholder: "Search actor, action, or metadata",
 							className: "rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 						})]
 					}),
-					/* @__PURE__ */ y("div", {
+					/* @__PURE__ */ v("div", {
 						className: "rounded-full bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
-						children: [B, " total events"]
+						children: [z, " total events"]
 					})
 				]
 			}),
-			/* @__PURE__ */ v(a, { children: U.length > 0 ? /* @__PURE__ */ v("div", {
+			/* @__PURE__ */ _(a, { children: H.length > 0 ? /* @__PURE__ */ _("div", {
 				className: "space-y-3 rounded-card border border-border-seam bg-bg-surface p-4",
-				children: U.map((e) => /* @__PURE__ */ y("article", {
+				children: H.map((e) => /* @__PURE__ */ v("article", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4",
 					children: [
-						/* @__PURE__ */ y("div", {
+						/* @__PURE__ */ v("div", {
 							className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between",
-							children: [/* @__PURE__ */ y("div", {
+							children: [/* @__PURE__ */ v("div", {
 								className: "space-y-2",
-								children: [/* @__PURE__ */ y("div", {
+								children: [/* @__PURE__ */ v("div", {
 									className: "flex flex-wrap items-center gap-2",
-									children: [/* @__PURE__ */ v("span", {
+									children: [/* @__PURE__ */ _("span", {
 										className: "rounded-full bg-action-primary-bg/10 px-2.5 py-1 text-xs font-medium text-primary",
-										children: S(e.action)
-									}), /* @__PURE__ */ y("span", {
+										children: x(e.action)
+									}), /* @__PURE__ */ v("span", {
 										className: "text-xs text-text-secondary",
-										children: ["Actor ", O(e.actorId)]
+										children: ["Actor ", D(e.actorId)]
 									})]
-								}), /* @__PURE__ */ y("p", {
+								}), /* @__PURE__ */ v("p", {
 									className: "text-sm text-text-secondary",
 									children: [
 										"Resource: ",
@@ -159,45 +159,45 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 										e.resourceId ? ` · ${e.resourceId}` : ""
 									]
 								})]
-							}), /* @__PURE__ */ v("time", {
+							}), /* @__PURE__ */ _("time", {
 								className: "text-xs text-text-secondary",
-								children: x(e.createdAt)
+								children: b(e.createdAt)
 							})]
 						}),
-						e.metadata && /* @__PURE__ */ v("pre", {
+						e.metadata && /* @__PURE__ */ _("pre", {
 							className: "mt-3 overflow-x-auto rounded-md bg-bg-sunken p-3 text-xs text-text-primary",
-							children: C(e.metadata)
+							children: S(e.metadata)
 						}),
-						e.changes && /* @__PURE__ */ y("details", {
+						e.changes && /* @__PURE__ */ v("details", {
 							className: "mt-3 rounded-md border bg-bg-surface p-3",
-							children: [/* @__PURE__ */ v("summary", {
+							children: [/* @__PURE__ */ _("summary", {
 								className: "cursor-pointer text-sm font-medium text-text-primary",
 								children: "View captured changes"
-							}), /* @__PURE__ */ v("pre", {
+							}), /* @__PURE__ */ _("pre", {
 								className: "mt-3 overflow-x-auto text-xs text-text-secondary",
-								children: C(e.changes)
+								children: S(e.changes)
 							})]
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ v(t, {
-				icon: /* @__PURE__ */ v(p, { size: 24 }),
+			}) : /* @__PURE__ */ _(t, {
+				illustration: "empty-data",
 				title: "No audit events found",
 				description: "Events will appear here after application or webhook actions are performed through the public gateway."
 			}) }),
-			F.auditLogs?.pageInfo?.hasNextPage && /* @__PURE__ */ v("div", {
+			P.auditLogs?.pageInfo?.hasNextPage && /* @__PURE__ */ _("div", {
 				className: "flex justify-center",
-				children: /* @__PURE__ */ y("button", {
+				children: /* @__PURE__ */ v("button", {
 					type: "button",
-					onClick: () => P((e) => e + 1),
+					onClick: () => N((e) => e + 1),
 					className: "inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent",
-					children: [/* @__PURE__ */ v(g, { size: 16 }), "Next page"]
+					children: [/* @__PURE__ */ _(h, { size: 16 }), "Next page"]
 				})
 			})
 		]
 	});
 };
 //#endregion
-export { w as AppLogsPage };
+export { C as AppLogsPage };
 
 //# sourceMappingURL=AppLogsPage.js.map

package/dist/devportal/pages/AppLogsPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"AppLogsPage.js","names":[],"sources":["../../../src/devportal/pages/AppLogsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Download,\n  Filter,\n  Loader2,\n  RefreshCw,\n  AlertCircle,\n  FileClock,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  type GetApplicationAuditLogsQuery,\n  getErrorMessage,\n  useGetApplicationAuditLogsQuery,\n} from \"../hooks\";\n\nconst PAGE_SIZE = 25;\ntype AuditLogEntry =\n  GetApplicationAuditLogsQuery[\"auditLogs\"][\"edges\"][number][\"node\"];\n\nconst formatTimestamp = (value: string) =>\n  format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n\nconst formatAction = (value: string) =>\n  value\n    .replace(/_/g, \" \")\n    .toLowerCase()\n    .replace(/\\b\\w/g, (character) => character.toUpperCase());\n\nconst metadataPreview = (metadata: unknown): string => {\n  if (!metadata) return \"\";\n\n  try {\n    return JSON.stringify(metadata, null, 2);\n  } catch {\n    return \"\";\n  }\n};\n\nexport const AppLogsPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { appId } = useParams<{ appId: string }>();\n  const { navigate, basePath, currentUser } = useDevportal();\n  const resolveActorLabel = (actorId: string): string => {\n    if (currentUser?.id === actorId && currentUser.email)\n      return currentUser.email;\n    return actorId;\n  };\n  const [actionFilter, setActionFilter] = useState(\"all\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n\n  const { data, loading, error, refetch } = useGetApplicationAuditLogsQuery({\n    variables: {\n      applicationId: appId || \"\",\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const application = data?.application;\n\n  useEffect(() => {\n    const name = application?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, application?.name]);\n\n  const totalCount = data?.auditLogs?.totalCount ?? 0;\n  const auditLogs: AuditLogEntry[] =\n    data?.auditLogs?.edges?.map(\n      (edge: GetApplicationAuditLogsQuery[\"auditLogs\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n\n  const availableActions = useMemo(\n    () =>\n      Array.from(\n        new Set(auditLogs.map((entry: AuditLogEntry) => entry.action)),\n      ).sort((left, right) => left.localeCompare(right)),\n    [auditLogs],\n  );\n\n  const filteredLogs = useMemo(() => {\n    const normalizedQuery = searchQuery.trim().toLowerCase();\n\n    return auditLogs.filter((entry: AuditLogEntry) => {\n      const matchesAction =\n        actionFilter === \"all\" || entry.action === actionFilter;\n      if (!matchesAction) return false;\n\n      if (!normalizedQuery) return true;\n\n      const haystack = [\n        entry.action,\n        entry.actorId,\n        resolveActorLabel(entry.actorId),\n        entry.resource,\n        metadataPreview(entry.metadata),\n      ]\n        .join(\" \")\n        .toLowerCase();\n\n      return haystack.includes(normalizedQuery);\n    });\n  }, [actionFilter, auditLogs, searchQuery]);\n\n  const exportPayload = () => {\n    const blob = new Blob([JSON.stringify(filteredLogs, null, 2)], {\n      type: \"application/json\",\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement(\"a\");\n    anchor.href = url;\n    anchor.download = `${application?.slug || appId || \"application\"}-audit-log.json`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title=\"Application Activity\"\n        description=\"Loading application audit history\"\n        backLink={appId ? `/apps/${appId}` : \"/apps\"}\n        backLabel=\"Back to Application\"\n      >\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !application) {\n    return (\n      <PageLayout\n        title=\"Application Activity\"\n        description=\"Review audit events for this application\"\n        backLink={appId ? `/apps/${appId}` : \"/apps\"}\n        backLabel=\"Back to Application\"\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title=\"Unable to load activity\"\n          description={error ? getErrorMessage(error) : \"Application not found\"}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Application Activity\"\n      description={`Audit events for ${application.name}`}\n      backLink={`/apps/${application.id}`}\n      backLabel=\"Back to Application\"\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => void refetch()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <RefreshCw size={16} />\n            Refresh\n          </button>\n          <button\n            type=\"button\"\n            onClick={exportPayload}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Download size={16} />\n            Export JSON\n          </button>\n        </div>\n      }\n    >\n      <div className=\"grid gap-4 rounded-card border border-border-seam bg-bg-surface p-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-center\">\n        <label className=\"grid gap-2 text-sm font-medium\">\n          <span className=\"flex items-center gap-2 text-text-secondary\">\n            <Filter size={16} />\n            Filter by action\n          </span>\n          <select\n            value={actionFilter}\n            onChange={(event) => setActionFilter(event.target.value)}\n            className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          >\n            <option value=\"all\">All actions</option>\n            {availableActions.map((action) => (\n              <option key={action} value={action}>\n                {formatAction(action)}\n              </option>\n            ))}\n          </select>\n        </label>\n\n        <label className=\"grid gap-2 text-sm font-medium\">\n          <span className=\"text-text-secondary\">Search metadata</span>\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            placeholder=\"Search actor, action, or metadata\"\n            className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          />\n        </label>\n\n        <div className=\"rounded-full bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          {totalCount} total events\n        </div>\n      </div>\n\n      <PageSection>\n        {filteredLogs.length > 0 ? (\n          <div className=\"space-y-3 rounded-card border border-border-seam bg-bg-surface p-4\">\n            {filteredLogs.map((entry: AuditLogEntry) => (\n              <article\n                key={entry.id}\n                className=\"rounded-card border border-border-seam bg-bg-surface p-4\"\n              >\n                <div className=\"flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between\">\n                  <div className=\"space-y-2\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"rounded-full bg-action-primary-bg/10 px-2.5 py-1 text-xs font-medium text-primary\">\n                        {formatAction(entry.action)}\n                      </span>\n                      <span className=\"text-xs text-text-secondary\">\n                        Actor {resolveActorLabel(entry.actorId)}\n                      </span>\n                    </div>\n                    <p className=\"text-sm text-text-secondary\">\n                      Resource: {entry.resource}\n                      {entry.resourceId ? ` · ${entry.resourceId}` : \"\"}\n                    </p>\n                  </div>\n\n                  <time className=\"text-xs text-text-secondary\">\n                    {formatTimestamp(entry.createdAt)}\n                  </time>\n                </div>\n\n                {entry.metadata && (\n                  <pre className=\"mt-3 overflow-x-auto rounded-md bg-bg-sunken p-3 text-xs text-text-primary\">\n                    {metadataPreview(entry.metadata)}\n                  </pre>\n                )}\n\n                {entry.changes && (\n                  <details className=\"mt-3 rounded-md border bg-bg-surface p-3\">\n                    <summary className=\"cursor-pointer text-sm font-medium text-text-primary\">\n                      View captured changes\n                    </summary>\n                    <pre className=\"mt-3 overflow-x-auto text-xs text-text-secondary\">\n                      {metadataPreview(entry.changes)}\n                    </pre>\n                  </details>\n                )}\n              </article>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            icon={<FileClock size={24} />}\n            title=\"No audit events found\"\n            description=\"Events will appear here after application or webhook actions are performed through the public gateway.\"\n          />\n        )}\n      </PageSection>\n\n      {data.auditLogs?.pageInfo?.hasNextPage && (\n        <div className=\"flex justify-center\">\n          <button\n            type=\"button\"\n            onClick={() => setPage((previous) => previous + 1)}\n            className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <RefreshCw size={16} />\n            Next page\n          </button>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}
+{"version":3,"file":"AppLogsPage.js","names":[],"sources":["../../../src/devportal/pages/AppLogsPage.tsx"],"sourcesContent":["import type { FC } from \"react\";\nimport { useEffect, useMemo, useState } from \"react\";\nimport { useParams } from \"react-router-dom\";\nimport { useI18n } from \"@burdenoff/fe-libs/shared/providers/shell/I18nProvider\";\nimport {\n  Download,\n  Filter,\n  Loader2,\n  RefreshCw,\n  AlertCircle,\n  FileClock,\n} from \"lucide-react\";\nimport { format } from \"date-fns\";\nimport { PageLayout, PageSection } from \"../components/PageLayout\";\nimport { EmptyState } from \"../components/EmptyState\";\nimport { useDevportal } from \"../providers/DevportalProvider\";\nimport {\n  type GetApplicationAuditLogsQuery,\n  getErrorMessage,\n  useGetApplicationAuditLogsQuery,\n} from \"../hooks\";\n\nconst PAGE_SIZE = 25;\ntype AuditLogEntry =\n  GetApplicationAuditLogsQuery[\"auditLogs\"][\"edges\"][number][\"node\"];\n\nconst formatTimestamp = (value: string) =>\n  format(new Date(value), \"MMM d, yyyy HH:mm:ss\");\n\nconst formatAction = (value: string) =>\n  value\n    .replace(/_/g, \" \")\n    .toLowerCase()\n    .replace(/\\b\\w/g, (character) => character.toUpperCase());\n\nconst metadataPreview = (metadata: unknown): string => {\n  if (!metadata) return \"\";\n\n  try {\n    return JSON.stringify(metadata, null, 2);\n  } catch {\n    return \"\";\n  }\n};\n\nexport const AppLogsPage: FC = () => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string): string => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n  const { appId } = useParams<{ appId: string }>();\n  const { navigate, basePath, currentUser } = useDevportal();\n  const resolveActorLabel = (actorId: string): string => {\n    if (currentUser?.id === actorId && currentUser.email)\n      return currentUser.email;\n    return actorId;\n  };\n  const [actionFilter, setActionFilter] = useState(\"all\");\n  const [searchQuery, setSearchQuery] = useState(\"\");\n  const [page, setPage] = useState(1);\n\n  const { data, loading, error, refetch } = useGetApplicationAuditLogsQuery({\n    variables: {\n      applicationId: appId || \"\",\n      limit: PAGE_SIZE,\n      offset: (page - 1) * PAGE_SIZE,\n    },\n    skip: !appId,\n    fetchPolicy: \"cache-and-network\",\n  });\n\n  const application = data?.application;\n\n  useEffect(() => {\n    const name = application?.name;\n    if (!appId || !name) return;\n    const reg = (\n      window as unknown as {\n        __breadcrumbRegistry?: {\n          register: (id: string, name: string) => void;\n          unregister: (id: string) => void;\n        };\n      }\n    ).__breadcrumbRegistry;\n    reg?.register(appId, name);\n    return () => reg?.unregister(appId);\n  }, [appId, application?.name]);\n\n  const totalCount = data?.auditLogs?.totalCount ?? 0;\n  const auditLogs: AuditLogEntry[] =\n    data?.auditLogs?.edges?.map(\n      (edge: GetApplicationAuditLogsQuery[\"auditLogs\"][\"edges\"][number]) =>\n        edge.node,\n    ) ?? [];\n\n  const availableActions = useMemo(\n    () =>\n      Array.from(\n        new Set(auditLogs.map((entry: AuditLogEntry) => entry.action)),\n      ).sort((left, right) => left.localeCompare(right)),\n    [auditLogs],\n  );\n\n  const filteredLogs = useMemo(() => {\n    const normalizedQuery = searchQuery.trim().toLowerCase();\n\n    return auditLogs.filter((entry: AuditLogEntry) => {\n      const matchesAction =\n        actionFilter === \"all\" || entry.action === actionFilter;\n      if (!matchesAction) return false;\n\n      if (!normalizedQuery) return true;\n\n      const haystack = [\n        entry.action,\n        entry.actorId,\n        resolveActorLabel(entry.actorId),\n        entry.resource,\n        metadataPreview(entry.metadata),\n      ]\n        .join(\" \")\n        .toLowerCase();\n\n      return haystack.includes(normalizedQuery);\n    });\n  }, [actionFilter, auditLogs, searchQuery]);\n\n  const exportPayload = () => {\n    const blob = new Blob([JSON.stringify(filteredLogs, null, 2)], {\n      type: \"application/json\",\n    });\n    const url = URL.createObjectURL(blob);\n    const anchor = document.createElement(\"a\");\n    anchor.href = url;\n    anchor.download = `${application?.slug || appId || \"application\"}-audit-log.json`;\n    anchor.click();\n    URL.revokeObjectURL(url);\n  };\n\n  if (loading && !data) {\n    return (\n      <PageLayout\n        title=\"Application Activity\"\n        description=\"Loading application audit history\"\n        backLink={appId ? `/apps/${appId}` : \"/apps\"}\n        backLabel=\"Back to Application\"\n      >\n        <div className=\"flex items-center justify-center py-16 text-text-secondary\">\n          <Loader2 className=\"h-8 w-8 animate-spin\" />\n        </div>\n      </PageLayout>\n    );\n  }\n\n  if (error || !application) {\n    return (\n      <PageLayout\n        title=\"Application Activity\"\n        description=\"Review audit events for this application\"\n        backLink={appId ? `/apps/${appId}` : \"/apps\"}\n        backLabel=\"Back to Application\"\n      >\n        <EmptyState\n          icon={<AlertCircle size={32} className=\"text-status-error-text\" />}\n          title=\"Unable to load activity\"\n          description={error ? getErrorMessage(error) : \"Application not found\"}\n        />\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      title=\"Application Activity\"\n      description={`Audit events for ${application.name}`}\n      backLink={`/apps/${application.id}`}\n      backLabel=\"Back to Application\"\n      actions={\n        <div className=\"flex flex-wrap gap-2\">\n          <button\n            type=\"button\"\n            onClick={() => void refetch()}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <RefreshCw size={16} />\n            Refresh\n          </button>\n          <button\n            type=\"button\"\n            onClick={exportPayload}\n            className=\"inline-flex items-center gap-2 rounded-md border px-3 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <Download size={16} />\n            Export JSON\n          </button>\n        </div>\n      }\n    >\n      <div className=\"grid gap-4 rounded-card border border-border-seam bg-bg-surface p-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-center\">\n        <label className=\"grid gap-2 text-sm font-medium\">\n          <span className=\"flex items-center gap-2 text-text-secondary\">\n            <Filter size={16} />\n            Filter by action\n          </span>\n          <select\n            value={actionFilter}\n            onChange={(event) => setActionFilter(event.target.value)}\n            className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          >\n            <option value=\"all\">All actions</option>\n            {availableActions.map((action) => (\n              <option key={action} value={action}>\n                {formatAction(action)}\n              </option>\n            ))}\n          </select>\n        </label>\n\n        <label className=\"grid gap-2 text-sm font-medium\">\n          <span className=\"text-text-secondary\">Search metadata</span>\n          <input\n            type=\"text\"\n            value={searchQuery}\n            onChange={(event) => setSearchQuery(event.target.value)}\n            placeholder=\"Search actor, action, or metadata\"\n            className=\"rounded-md border bg-bg-surface px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary\"\n          />\n        </label>\n\n        <div className=\"rounded-full bg-bg-sunken px-3 py-2 text-sm text-text-secondary\">\n          {totalCount} total events\n        </div>\n      </div>\n\n      <PageSection>\n        {filteredLogs.length > 0 ? (\n          <div className=\"space-y-3 rounded-card border border-border-seam bg-bg-surface p-4\">\n            {filteredLogs.map((entry: AuditLogEntry) => (\n              <article\n                key={entry.id}\n                className=\"rounded-card border border-border-seam bg-bg-surface p-4\"\n              >\n                <div className=\"flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between\">\n                  <div className=\"space-y-2\">\n                    <div className=\"flex flex-wrap items-center gap-2\">\n                      <span className=\"rounded-full bg-action-primary-bg/10 px-2.5 py-1 text-xs font-medium text-primary\">\n                        {formatAction(entry.action)}\n                      </span>\n                      <span className=\"text-xs text-text-secondary\">\n                        Actor {resolveActorLabel(entry.actorId)}\n                      </span>\n                    </div>\n                    <p className=\"text-sm text-text-secondary\">\n                      Resource: {entry.resource}\n                      {entry.resourceId ? ` · ${entry.resourceId}` : \"\"}\n                    </p>\n                  </div>\n\n                  <time className=\"text-xs text-text-secondary\">\n                    {formatTimestamp(entry.createdAt)}\n                  </time>\n                </div>\n\n                {entry.metadata && (\n                  <pre className=\"mt-3 overflow-x-auto rounded-md bg-bg-sunken p-3 text-xs text-text-primary\">\n                    {metadataPreview(entry.metadata)}\n                  </pre>\n                )}\n\n                {entry.changes && (\n                  <details className=\"mt-3 rounded-md border bg-bg-surface p-3\">\n                    <summary className=\"cursor-pointer text-sm font-medium text-text-primary\">\n                      View captured changes\n                    </summary>\n                    <pre className=\"mt-3 overflow-x-auto text-xs text-text-secondary\">\n                      {metadataPreview(entry.changes)}\n                    </pre>\n                  </details>\n                )}\n              </article>\n            ))}\n          </div>\n        ) : (\n          <EmptyState\n            illustration=\"empty-data\"\n            title=\"No audit events found\"\n            description=\"Events will appear here after application or webhook actions are performed through the public gateway.\"\n          />\n        )}\n      </PageSection>\n\n      {data.auditLogs?.pageInfo?.hasNextPage && (\n        <div className=\"flex justify-center\">\n          <button\n            type=\"button\"\n            onClick={() => setPage((previous) => previous + 1)}\n            className=\"inline-flex items-center gap-2 rounded-md border px-4 py-2 text-sm font-medium hover:bg-accent\"\n          >\n            <RefreshCw size={16} />\n            Next page\n          </button>\n        </div>\n      )}\n    </PageLayout>\n  );\n};\n"],"mappings":"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"}

package/dist/devportal/pages/ApplicationVersionsPage.js

@@ -16,7 +16,7 @@ import ce from "../../node_modules/date-fns/format.js";
 import { usePackageUpload as le } from "../hooks/usePackageUpload.js";
 import { useCallback as ue, useEffect as de, useMemo as l, useRef as fe, useState as u } from "react";
 import { useI18n as pe } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
-import { AlertCircle as d, Archive as me, CheckCircle as f, Clock as he, FileJson as ge, Loader2 as p, Package as m, Plus as h, Upload as _e } from "lucide-react";
+import { AlertCircle as d, Archive as me, CheckCircle as f, Clock as he, FileJson as ge, Loader2 as p, Package as _e, Plus as m, Upload as h } from "lucide-react";
 import { useParams as ve } from "react-router-dom";
 import { Fragment as g, jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/devportal/pages/ApplicationVersionsPage.tsx
@@ -116,7 +116,7 @@ var y = () => {
 		}) : t === "DEPRECATED" ? /* @__PURE__ */ _(me, {
 			size: 16,
 			className: "text-text-secondary"
-		}) : /* @__PURE__ */ _(m, {
+		}) : /* @__PURE__ */ _(_e, {
 			size: 16,
 			className: "text-accent-blue"
 		});
@@ -167,7 +167,7 @@ var y = () => {
 				disabled: !x,
 				"aria-disabled": !x,
 				className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90 disabled:opacity-50",
-				children: [/* @__PURE__ */ _(h, { size: 16 }), b("devportal.newVersion", "New Version")]
+				children: [/* @__PURE__ */ _(m, { size: 16 }), b("devportal.newVersion", "New Version")]
 			}),
 			children: [
 				F && /* @__PURE__ */ v("div", {
@@ -332,13 +332,13 @@ var y = () => {
 						}
 					]
 				}) : /* @__PURE__ */ _(t, {
-					icon: /* @__PURE__ */ _(m, { size: 32 }),
+					illustration: "empty-data",
 					title: b("devportal.noVersionsYet", "No versions yet"),
 					description: b("devportal.noVersionsYetDescription", "Create your first version to start distributing your app"),
 					action: /* @__PURE__ */ v("button", {
 						onClick: () => A(!0),
 						className: "inline-flex items-center gap-2 rounded-md bg-action-primary-bg px-4 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg/90",
-						children: [/* @__PURE__ */ _(h, { size: 16 }), b("devportal.createVersion", "Create Version")]
+						children: [/* @__PURE__ */ _(m, { size: 16 }), b("devportal.createVersion", "Create Version")]
 					})
 				}),
 				k && /* @__PURE__ */ _(o, {
@@ -374,7 +374,7 @@ var y = () => {
 											type: "button",
 											onClick: () => P("file"),
 											className: `inline-flex items-center gap-1.5 rounded px-3 py-1 text-xs font-medium transition-colors ${N === "file" ? "bg-action-primary-bg text-action-primary-text" : "hover:bg-bg-sunken"}`,
-											children: [/* @__PURE__ */ _(_e, { size: 12 }), " Upload zip"]
+											children: [/* @__PURE__ */ _(h, { size: 12 }), " Upload zip"]
 										}), /* @__PURE__ */ v("button", {
 											type: "button",
 											onClick: () => P("manifest"),
@@ -409,7 +409,7 @@ var y = () => {
 														Ce,
 														"%"
 													] }) : /* @__PURE__ */ v(g, { children: [
-														/* @__PURE__ */ _(_e, { size: 14 }),
+														/* @__PURE__ */ _(h, { size: 14 }),
 														" ",
 														j.packageUrl ? "Replace zip" : "Upload zip"
 													] })