@burdenoff/microfe-devportal 2026.728.2 → 2026.801.1

package/dist/devportal/pages/AppLogsPage.js

@@ -1,17 +1,17 @@
-import { useDevportal as e } from "../providers/DevportalProvider.js";
-import { EmptyState as t } from "../components/EmptyState.js";
-import { useGetApplicationAuditLogsQuery as n } from "../../generated/global-operations.js";
-import { getErrorMessage as r } from "../hooks/useGraphQL.js";
-import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
+import { useParams as e } from "../../node_modules/react-router/dist/production/lib/hooks.js";
+import { useDevportal as t } from "../providers/DevportalProvider.js";
+import { EmptyState as n } from "../components/EmptyState.js";
+import { useGetApplicationAuditLogsQuery as r } from "../../generated/global-operations.js";
+import { getErrorMessage as i } from "../hooks/useGraphQL.js";
+import { PageLayout as a, PageSection as o } from "../components/PageLayout.js";
 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, Filter as p, Loader2 as m, RefreshCw as h } from "lucide-react";
-import { useParams as g } from "react-router-dom";
+import s from "../../node_modules/date-fns/format.js";
+import { useEffect as c, useMemo as l, useState as u } from "react";
+import { useI18n as d } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { AlertCircle as f, Download as p, Filter as m, Loader2 as h, RefreshCw as g } from "lucide-react";
 import { jsx as _, jsxs as v } from "react/jsx-runtime";
 //#region src/devportal/pages/AppLogsPage.tsx
-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) => {
+var y = 25, b = (e) => s(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);
@@ -19,7 +19,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 		return "";
 	}
 }, 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({
+	let { t: s } = d(), { appId: C } = e(), { navigate: w, basePath: T, currentUser: E } = t(), D = (e) => E?.id === e && E.email ? E.email : e, [O, k] = u("all"), [A, j] = u(""), [M, N] = u(1), { data: P, loading: F, error: I, refetch: L } = r({
 		variables: {
 			applicationId: C || "",
 			limit: y,
@@ -28,13 +28,13 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 		skip: !C,
 		fetchPolicy: "cache-and-network"
 	}), R = P?.application;
-	s(() => {
+	c(() => {
 		let e = R?.name;
 		if (!C || !e) return;
 		let t = window.__breadcrumbRegistry;
 		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 z = P?.auditLogs?.totalCount ?? 0, B = P?.auditLogs?.edges?.map((e) => e.node) ?? [], V = l(() => Array.from(new Set(B.map((e) => e.action))).sort((e, t) => e.localeCompare(t)), [B]), H = l(() => {
 		let e = A.trim().toLowerCase();
 		return B.filter((t) => O === "all" || t.action === O ? e ? [
 			t.action,
@@ -48,29 +48,29 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 		B,
 		A
 	]);
-	return F && !P ? /* @__PURE__ */ _(i, {
+	return F && !P ? /* @__PURE__ */ _(a, {
 		title: "Application Activity",
 		description: "Loading application audit history",
 		backLink: C ? `/apps/${C}` : "/apps",
 		backLabel: "Back to Application",
 		children: /* @__PURE__ */ _("div", {
 			className: "flex items-center justify-center py-16 text-text-secondary",
-			children: /* @__PURE__ */ _(m, { className: "h-8 w-8 animate-spin" })
+			children: /* @__PURE__ */ _(h, { className: "h-8 w-8 animate-spin" })
 		})
-	}) : I || !R ? /* @__PURE__ */ _(i, {
+	}) : I || !R ? /* @__PURE__ */ _(a, {
 		title: "Application Activity",
 		description: "Review audit events for this application",
 		backLink: C ? `/apps/${C}` : "/apps",
 		backLabel: "Back to Application",
-		children: /* @__PURE__ */ _(t, {
-			icon: /* @__PURE__ */ _(d, {
+		children: /* @__PURE__ */ _(n, {
+			icon: /* @__PURE__ */ _(f, {
 				size: 32,
 				className: "text-status-error-text"
 			}),
 			title: "Unable to load activity",
-			description: I ? r(I) : "Application not found"
+			description: I ? i(I) : "Application not found"
 		})
-	}) : /* @__PURE__ */ v(i, {
+	}) : /* @__PURE__ */ v(a, {
 		title: "Application Activity",
 		description: `Audit events for ${R.name}`,
 		purpose: "A chronological audit trail of everything that happened to this app — config changes, secret rotations, webhook deliveries, and access events. Use it to debug integrations and to answer 'who changed what, and when?'",
@@ -82,7 +82,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 				type: "button",
 				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__ */ _(h, { size: 16 }), "Refresh"]
+				children: [/* @__PURE__ */ _(g, { size: 16 }), "Refresh"]
 			}), /* @__PURE__ */ v("button", {
 				type: "button",
 				onClick: () => {
@@ -90,7 +90,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 					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__ */ _(f, { size: 16 }), "Export JSON"]
+				children: [/* @__PURE__ */ _(p, { size: 16 }), "Export JSON"]
 			})]
 		}),
 		children: [
@@ -101,7 +101,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 						className: "grid gap-2 text-sm font-medium",
 						children: [/* @__PURE__ */ v("span", {
 							className: "flex items-center gap-2 text-text-secondary",
-							children: [/* @__PURE__ */ _(p, { size: 16 }), "Filter by action"]
+							children: [/* @__PURE__ */ _(m, { size: 16 }), "Filter by action"]
 						}), /* @__PURE__ */ v("select", {
 							value: O,
 							onChange: (e) => k(e.target.value),
@@ -134,7 +134,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 					})
 				]
 			}),
-			/* @__PURE__ */ _(a, { children: H.length > 0 ? /* @__PURE__ */ _("div", {
+			/* @__PURE__ */ _(o, { children: H.length > 0 ? /* @__PURE__ */ _("div", {
 				className: "space-y-3 rounded-card border border-border-seam bg-bg-surface p-4",
 				children: H.map((e) => /* @__PURE__ */ v("article", {
 					className: "rounded-card border border-border-seam bg-bg-surface p-4",
@@ -181,7 +181,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 						})
 					]
 				}, e.id))
-			}) : /* @__PURE__ */ _(t, {
+			}) : /* @__PURE__ */ _(n, {
 				illustration: "empty-data",
 				title: "No audit events found",
 				description: "Events will appear here after application or webhook actions are performed through the public gateway."
@@ -192,7 +192,7 @@ var y = 25, b = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), x = (e) => e.repl
 					type: "button",
 					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__ */ _(h, { size: 16 }), "Next page"]
+					children: [/* @__PURE__ */ _(g, { size: 16 }), "Next page"]
 				})
 			})
 		]

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      purpose=\"A chronological audit trail of everything that happened to this app — config changes, secret rotations, webhook deliveries, and access events. Use it to debug integrations and to answer 'who changed what, and when?'\"\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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"}
+{"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\";\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      purpose=\"A chronological audit trail of everything that happened to this app — config changes, secret rotations, webhook deliveries, and access events. Use it to debug integrations and to answer 'who changed what, and when?'\"\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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"}