@burdenoff/microfe-devportal 2026.624.14 → 2026.624.16

package/dist/devportal/pages/AppLogsPage.js

@@ -4,7 +4,7 @@ import { useGetApplicationAuditLogsQuery as n } from "../../generated/global-ope
 import { getErrorMessage as r } from "../hooks/useGraphQL.js";
 import { PageLayout as i, PageSection as a } from "../components/PageLayout.js";
 import "../hooks/index.js";
-import o from "../../node_modules/date-fns/format.js";
+import o from "../../node_modules/.bun/date-fns@3.6.0/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";
@@ -54,7 +54,7 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 		backLink: w ? `/apps/${w}` : "/apps",
 		backLabel: "Back to Application",
 		children: /* @__PURE__ */ v("div", {
-			className: "flex items-center justify-center py-16 text-text-secondary",
+			className: "flex items-center justify-center py-16 text-muted-foreground",
 			children: /* @__PURE__ */ v(h, { className: "h-8 w-8 animate-spin" })
 		})
 	}) : L || !z ? /* @__PURE__ */ v(i, {
@@ -94,17 +94,17 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 		}),
 		children: [
 			/* @__PURE__ */ y("div", {
-				className: "grid gap-4 rounded-lg border bg-bg-surface p-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-center",
+				className: "grid gap-4 rounded-lg border bg-card p-4 lg:grid-cols-[220px_minmax(0,1fr)_auto] lg:items-center",
 				children: [
 					/* @__PURE__ */ y("label", {
 						className: "grid gap-2 text-sm font-medium",
 						children: [/* @__PURE__ */ y("span", {
-							className: "flex items-center gap-2 text-text-secondary",
+							className: "flex items-center gap-2 text-muted-foreground",
 							children: [/* @__PURE__ */ v(m, { size: 16 }), "Filter by action"]
 						}), /* @__PURE__ */ y("select", {
 							value: k,
 							onChange: (e) => A(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",
+							className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary",
 							children: [/* @__PURE__ */ v("option", {
 								value: "all",
 								children: "All actions"
@@ -117,26 +117,26 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 					/* @__PURE__ */ y("label", {
 						className: "grid gap-2 text-sm font-medium",
 						children: [/* @__PURE__ */ v("span", {
-							className: "text-text-secondary",
+							className: "text-muted-foreground",
 							children: "Search metadata"
 						}), /* @__PURE__ */ v("input", {
 							type: "text",
 							value: j,
 							onChange: (e) => M(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"
+							className: "rounded-md border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
 						})]
 					}),
 					/* @__PURE__ */ y("div", {
-						className: "rounded-full bg-bg-sunken px-3 py-2 text-sm text-text-secondary",
+						className: "rounded-full bg-muted px-3 py-2 text-sm text-muted-foreground",
 						children: [B, " total events"]
 					})
 				]
 			}),
 			/* @__PURE__ */ v(a, { children: U.length > 0 ? /* @__PURE__ */ v("div", {
-				className: "space-y-3 rounded-lg border bg-bg-surface p-4",
+				className: "space-y-3 rounded-lg border bg-card p-4",
 				children: U.map((e) => /* @__PURE__ */ y("article", {
-					className: "rounded-lg border bg-bg-surface p-4",
+					className: "rounded-lg border bg-background p-4",
 					children: [
 						/* @__PURE__ */ y("div", {
 							className: "flex flex-col gap-3 lg:flex-row lg:items-start lg:justify-between",
@@ -145,14 +145,14 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 								children: [/* @__PURE__ */ y("div", {
 									className: "flex flex-wrap items-center gap-2",
 									children: [/* @__PURE__ */ v("span", {
-										className: "rounded-full bg-action-primary-bg/10 px-2.5 py-1 text-xs font-medium text-primary",
+										className: "rounded-full bg-primary/10 px-2.5 py-1 text-xs font-medium text-primary",
 										children: S(e.action)
 									}), /* @__PURE__ */ y("span", {
-										className: "text-xs text-text-secondary",
+										className: "text-xs text-muted-foreground",
 										children: ["Actor ", O(e.actorId)]
 									})]
 								}), /* @__PURE__ */ y("p", {
-									className: "text-sm text-text-secondary",
+									className: "text-sm text-muted-foreground",
 									children: [
 										"Resource: ",
 										e.resource,
@@ -160,21 +160,21 @@ var b = 25, x = (e) => o(new Date(e), "MMM d, yyyy HH:mm:ss"), S = (e) => e.repl
 									]
 								})]
 							}), /* @__PURE__ */ v("time", {
-								className: "text-xs text-text-secondary",
+								className: "text-xs text-muted-foreground",
 								children: x(e.createdAt)
 							})]
 						}),
 						e.metadata && /* @__PURE__ */ v("pre", {
-							className: "mt-3 overflow-x-auto rounded-md bg-bg-sunken p-3 text-xs text-text-primary",
+							className: "mt-3 overflow-x-auto rounded-md bg-muted p-3 text-xs text-foreground",
 							children: C(e.metadata)
 						}),
 						e.changes && /* @__PURE__ */ y("details", {
-							className: "mt-3 rounded-md border bg-bg-surface p-3",
+							className: "mt-3 rounded-md border bg-card p-3",
 							children: [/* @__PURE__ */ v("summary", {
-								className: "cursor-pointer text-sm font-medium text-text-primary",
+								className: "cursor-pointer text-sm font-medium text-foreground",
 								children: "View captured changes"
 							}), /* @__PURE__ */ v("pre", {
-								className: "mt-3 overflow-x-auto text-xs text-text-secondary",
+								className: "mt-3 overflow-x-auto text-xs text-muted-foreground",
 								children: C(e.changes)
 							})]
 						})

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-lg border 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-lg border bg-bg-surface p-4\">\n            {filteredLogs.map((entry: AuditLogEntry) => (\n              <article\n                key={entry.id}\n                className=\"rounded-lg border 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":";;;;;;;;;;;;;AAsBA,IAAM,IAAY,IAIZ,KAAmB,MACvB,EAAO,IAAI,KAAK,EAAM,EAAE,uBAAuB,EAE3C,KAAgB,MACpB,EACG,QAAQ,MAAM,IAAI,CAClB,aAAa,CACb,QAAQ,UAAU,MAAc,EAAU,aAAa,CAAC,EAEvD,KAAmB,MAA8B;AACrD,KAAI,CAAC,EAAU,QAAO;AAEtB,KAAI;AACF,SAAO,KAAK,UAAU,GAAU,MAAM,EAAE;SAClC;AACN,SAAO;;GAIE,UAAwB;CACnC,IAAM,EAAE,SAAM,GAAS,EAKjB,EAAE,aAAU,GAA8B,EAC1C,EAAE,aAAU,aAAU,mBAAgB,GAAc,EACpD,KAAqB,MACrB,GAAa,OAAO,KAAW,EAAY,QACtC,EAAY,QACd,GAEH,CAAC,GAAc,KAAmB,EAAS,MAAM,EACjD,CAAC,GAAa,KAAkB,EAAS,GAAG,EAC5C,CAAC,GAAM,KAAW,EAAS,EAAE,EAE7B,EAAE,SAAM,YAAS,UAAO,eAAY,EAAgC;EACxE,WAAW;GACT,eAAe,KAAS;GACxB,OAAO;GACP,SAAS,IAAO,KAAK;GACtB;EACD,MAAM,CAAC;EACP,aAAa;EACd,CAAC,EAEI,IAAc,GAAM;AAE1B,SAAgB;EACd,IAAM,IAAO,GAAa;AAC1B,MAAI,CAAC,KAAS,CAAC,EAAM;EACrB,IAAM,IACJ,OAMA;AAEF,SADA,GAAK,SAAS,GAAO,EAAK,QACb,GAAK,WAAW,EAAM;IAClC,CAAC,GAAO,GAAa,KAAK,CAAC;CAE9B,IAAM,IAAa,GAAM,WAAW,cAAc,GAC5C,IACJ,GAAM,WAAW,OAAO,KACrB,MACC,EAAK,KACR,IAAI,EAAE,EAEH,IAAmB,QAErB,MAAM,KACJ,IAAI,IAAI,EAAU,KAAK,MAAyB,EAAM,OAAO,CAAC,CAC/D,CAAC,MAAM,GAAM,MAAU,EAAK,cAAc,EAAM,CAAC,EACpD,CAAC,EAAU,CACZ,EAEK,IAAe,QAAc;EACjC,IAAM,IAAkB,EAAY,MAAM,CAAC,aAAa;AAExD,SAAO,EAAU,QAAQ,MAErB,MAAiB,SAAS,EAAM,WAAW,IAGxC,IAEY;GACf,EAAM;GACN,EAAM;GACN,EAAkB,EAAM,QAAQ;GAChC,EAAM;GACN,EAAgB,EAAM,SAAS;GAChC,CACE,KAAK,IAAI,CACT,aAAa,CAEA,SAAS,EAAgB,GAZZ,KAFF,GAe3B;IACD;EAAC;EAAc;EAAW;EAAY,CAAC;AA8C1C,QAhCI,KAAW,CAAC,IAEZ,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,UAAU,IAAQ,SAAS,MAAU;EACrC,WAAU;YAEV,kBAAC,OAAD;GAAK,WAAU;aACb,kBAAC,GAAD,EAAS,WAAU,wBAAyB,CAAA;GACxC,CAAA;EACK,CAAA,GAIb,KAAS,CAAC,IAEV,kBAAC,GAAD;EACE,OAAM;EACN,aAAY;EACZ,UAAU,IAAQ,SAAS,MAAU;EACrC,WAAU;YAEV,kBAAC,GAAD;GACE,MAAM,kBAAC,GAAD;IAAa,MAAM;IAAI,WAAU;IAA2B,CAAA;GAClE,OAAM;GACN,aAAa,IAAQ,EAAgB,EAAM,GAAG;GAC9C,CAAA;EACS,CAAA,GAKf,kBAAC,GAAD;EACE,OAAM;EACN,aAAa,oBAAoB,EAAY;EAC7C,UAAU,SAAS,EAAY;EAC/B,WAAU;EACV,SACE,kBAAC,OAAD;GAAK,WAAU;aAAf,CACE,kBAAC,UAAD;IACE,MAAK;IACL,eAAe,KAAK,GAAS;IAC7B,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,UAEhB;OACT,kBAAC,UAAD;IACE,MAAK;IACL,eA9DkB;KAC1B,IAAM,IAAO,IAAI,KAAK,CAAC,KAAK,UAAU,GAAc,MAAM,EAAE,CAAC,EAAE,EAC7D,MAAM,oBACP,CAAC,EACI,IAAM,IAAI,gBAAgB,EAAK,EAC/B,IAAS,SAAS,cAAc,IAAI;AAI1C,KAHA,EAAO,OAAO,GACd,EAAO,WAAW,GAAG,GAAa,QAAQ,KAAS,cAAc,kBACjE,EAAO,OAAO,EACd,IAAI,gBAAgB,EAAI;;IAsDhB,WAAU;cAHZ,CAKE,kBAAC,GAAD,EAAU,MAAM,IAAM,CAAA,EAAA,cAEf;MACL;;YAvBV;GA0BE,kBAAC,OAAD;IAAK,WAAU;cAAf;KACE,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAhB,CACE,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA,EAAA,mBAEf;UACP,kBAAC,UAAD;OACE,OAAO;OACP,WAAW,MAAU,EAAgB,EAAM,OAAO,MAAM;OACxD,WAAU;iBAHZ,CAKE,kBAAC,UAAD;QAAQ,OAAM;kBAAM;QAAoB,CAAA,EACvC,EAAiB,KAAK,MACrB,kBAAC,UAAD;QAAqB,OAAO;kBACzB,EAAa,EAAO;QACd,EAFI,EAEJ,CACT,CACK;SACH;;KAER,kBAAC,SAAD;MAAO,WAAU;gBAAjB,CACE,kBAAC,QAAD;OAAM,WAAU;iBAAsB;OAAsB,CAAA,EAC5D,kBAAC,SAAD;OACE,MAAK;OACL,OAAO;OACP,WAAW,MAAU,EAAe,EAAM,OAAO,MAAM;OACvD,aAAY;OACZ,WAAU;OACV,CAAA,CACI;;KAER,kBAAC,OAAD;MAAK,WAAU;gBAAf,CACG,GAAW,gBACR;;KACF;;GAEN,kBAAC,GAAD,EAAA,UACG,EAAa,SAAS,IACrB,kBAAC,OAAD;IAAK,WAAU;cACZ,EAAa,KAAK,MACjB,kBAAC,WAAD;KAEE,WAAU;eAFZ;MAIE,kBAAC,OAAD;OAAK,WAAU;iBAAf,CACE,kBAAC,OAAD;QAAK,WAAU;kBAAf,CACE,kBAAC,OAAD;SAAK,WAAU;mBAAf,CACE,kBAAC,QAAD;UAAM,WAAU;oBACb,EAAa,EAAM,OAAO;UACtB,CAAA,EACP,kBAAC,QAAD;UAAM,WAAU;oBAAhB,CAA8C,UACrC,EAAkB,EAAM,QAAQ,CAClC;YACH;YACN,kBAAC,KAAD;SAAG,WAAU;mBAAb;UAA2C;UAC9B,EAAM;UAChB,EAAM,aAAa,MAAM,EAAM,eAAe;UAC7C;WACA;WAEN,kBAAC,QAAD;QAAM,WAAU;kBACb,EAAgB,EAAM,UAAU;QAC5B,CAAA,CACH;;MAEL,EAAM,YACL,kBAAC,OAAD;OAAK,WAAU;iBACZ,EAAgB,EAAM,SAAS;OAC5B,CAAA;MAGP,EAAM,WACL,kBAAC,WAAD;OAAS,WAAU;iBAAnB,CACE,kBAAC,WAAD;QAAS,WAAU;kBAAuD;QAEhE,CAAA,EACV,kBAAC,OAAD;QAAK,WAAU;kBACZ,EAAgB,EAAM,QAAQ;QAC3B,CAAA,CACE;;MAEJ;OAxCH,EAAM,GAwCH,CACV;IACE,CAAA,GAEN,kBAAC,GAAD;IACE,MAAM,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA;IAC7B,OAAM;IACN,aAAY;IACZ,CAAA,EAEQ,CAAA;GAEb,EAAK,WAAW,UAAU,eACzB,kBAAC,OAAD;IAAK,WAAU;cACb,kBAAC,UAAD;KACE,MAAK;KACL,eAAe,GAAS,MAAa,IAAW,EAAE;KAClD,WAAU;eAHZ,CAKE,kBAAC,GAAD,EAAW,MAAM,IAAM,CAAA,EAAA,YAEhB;;IACL,CAAA;GAEG"}
+{"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-muted-foreground\">\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-lg border bg-card 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-muted-foreground\">\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-background 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-muted-foreground\">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-background 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-muted px-3 py-2 text-sm text-muted-foreground\">\n          {totalCount} total events\n        </div>\n      </div>\n\n      <PageSection>\n        {filteredLogs.length > 0 ? (\n          <div className=\"space-y-3 rounded-lg border bg-card p-4\">\n            {filteredLogs.map((entry: AuditLogEntry) => (\n              <article\n                key={entry.id}\n                className=\"rounded-lg border bg-background 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-primary/10 px-2.5 py-1 text-xs font-medium text-primary\">\n                        {formatAction(entry.action)}\n                      </span>\n                      <span className=\"text-xs text-muted-foreground\">\n                        Actor {resolveActorLabel(entry.actorId)}\n                      </span>\n                    </div>\n                    <p className=\"text-sm text-muted-foreground\">\n                      Resource: {entry.resource}\n                      {entry.resourceId ? ` · ${entry.resourceId}` : \"\"}\n                    </p>\n                  </div>\n\n                  <time className=\"text-xs text-muted-foreground\">\n                    {formatTimestamp(entry.createdAt)}\n                  </time>\n                </div>\n\n                {entry.metadata && (\n                  <pre className=\"mt-3 overflow-x-auto rounded-md bg-muted p-3 text-xs text-foreground\">\n                    {metadataPreview(entry.metadata)}\n                  </pre>\n                )}\n\n                {entry.changes && (\n                  <details className=\"mt-3 rounded-md border bg-card p-3\">\n                    <summary className=\"cursor-pointer text-sm font-medium text-foreground\">\n                      View captured changes\n                    </summary>\n                    <pre className=\"mt-3 overflow-x-auto text-xs text-muted-foreground\">\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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"}