@burdenoff/microfe-vibecontrols 2026.625.2 → 2026.626.1

package/dist/pages/VibeAuditPage.js

@@ -6,78 +6,79 @@ import { ErrorState as ie } from "../components/shared/ErrorState.js";
 import { EmptyState as ae } from "../components/shared/EmptyState.js";
 import { GetHelpButton as oe } from "../components/shared/GetHelpButton.js";
 import "../components/shared/index.js";
-import { isNative as a, nativeNotify as o } from "../utils/nativeBridge.js";
-import { VIBE_PERMISSIONS as s } from "../constants/permissions.js";
-import { AuditLogTable as se } from "../components/audit/AuditLogTable.js";
-import { AuditLogFilters as ce } from "../components/audit/AuditLogFilters.js";
-import { AuditLogDetail as le } from "../components/audit/AuditLogDetail.js";
-import { AuditLogStats as ue } from "../components/audit/AuditLogStats.js";
-import { AuditDeleteDialog as de } from "../components/audit/AuditDeleteDialog.js";
-import { AuditExportButton as fe } from "../components/audit/AuditExportButton.js";
+import { isNative as a, nativeNotify as se } from "../utils/nativeBridge.js";
+import { VIBE_PERMISSIONS as o } from "../constants/permissions.js";
+import { AuditLogTable as ce } from "../components/audit/AuditLogTable.js";
+import { AuditLogFilters as le } from "../components/audit/AuditLogFilters.js";
+import { AuditLogDetail as ue } from "../components/audit/AuditLogDetail.js";
+import { AuditLogStats as de } from "../components/audit/AuditLogStats.js";
+import { AuditDeleteDialog as fe } from "../components/audit/AuditDeleteDialog.js";
+import { AuditExportButton as pe } from "../components/audit/AuditExportButton.js";
 import "../components/audit/index.js";
-import { useCallback as c, useEffect as pe, useRef as me, useState as l } from "react";
+import { useCallback as s, useEffect as c, useRef as me, useState as l } from "react";
 import { useI18n as he } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
 import { Shield as u } from "lucide-react";
 import { usePermissions as ge } from "@burdenoff/fe-libs/shared/providers/shell";
 import { jsx as d, jsxs as f } from "react/jsx-runtime";
-import { AccessDenied as _e } from "@burdenoff/fe-libs/shared/components";
+import { PagePurpose as _e } from "@burdenoff/fe-libs/ui";
+import { AccessDenied as ve } from "@burdenoff/fe-libs/shared/components";
 //#region src/pages/VibeAuditPage.tsx
 var p = 50;
 function m() {
 	ne();
-	let { t: m } = he(), { hasPermission: h, isLoading: g, permissions: _ } = ge(), [v, ve] = l(""), [y, ye] = l(""), [b, be] = l("all"), [x, xe] = l("all"), [S, Se] = l("all"), [C, w] = l("all"), [T, E] = l("all"), [D, Ce] = l(!1), [O, k] = l(0), [A, we] = l(() => typeof window > "u" ? null : new URLSearchParams(window.location.search).get("sessionId")), [j, M] = l(null), [N, P] = l(/* @__PURE__ */ new Set()), [F, I] = l([]), [L, R] = l(null), [z, B] = l(null), V = me(null), H = c((e, t) => {
+	let { t: m } = he(), { hasPermission: h, isLoading: g, permissions: _ } = ge(), [v, ye] = l(""), [be, xe] = l(""), [y, Se] = l("all"), [b, Ce] = l("all"), [x, we] = l("all"), [S, C] = l("all"), [w, T] = l("all"), [E, Te] = l(!1), [D, O] = l(0), [k, A] = l(() => typeof window > "u" ? null : new URLSearchParams(window.location.search).get("sessionId")), [j, M] = l(null), [N, P] = l(/* @__PURE__ */ new Set()), [F, I] = l([]), [L, R] = l(null), [z, B] = l(null), V = me(null), H = s((e, t) => {
 		let n = m(e);
 		return n === e ? t : n;
-	}, [m]), U = h(s.AUDIT_LIST), W = h(s.AUDIT_DELETE), Te = h(s.AUDIT_EXPORT), G = g || !U, K = {};
-	y && (K.search = y), b && b !== "all" && (K.action = b), x && x !== "all" && (K.resourceType = x), S && S !== "all" && (K.status = S), D && (K.hasCommand = !0), C && C !== "all" ? (K.resourceId = C, K.resourceType ||= "AGENT") : T && T !== "all" && (K.resourceId = T, K.resourceType ||= "VIBE"), A && (K.sessionId = A);
-	let { data: q, loading: Ee, error: De, refetch: Oe } = te({
+	}, [m]), U = h(o.AUDIT_LIST), W = h(o.AUDIT_DELETE), Ee = h(o.AUDIT_EXPORT), G = g || !U, K = {};
+	be && (K.search = be), y && y !== "all" && (K.action = y), b && b !== "all" && (K.resourceType = b), x && x !== "all" && (K.status = x), E && (K.hasCommand = !0), S && S !== "all" ? (K.resourceId = S, K.resourceType ||= "AGENT") : w && w !== "all" && (K.resourceId = w, K.resourceType ||= "VIBE"), k && (K.sessionId = k);
+	let { data: q, loading: De, error: Oe, refetch: ke } = te({
 		variables: {
 			filter: K,
-			pagination: { limit: Math.min(Math.max((O + 1) * p, p), 100) }
+			pagination: { limit: Math.min(Math.max((D + 1) * p, p), 100) }
 		},
 		skip: G,
 		fetchPolicy: "cache-and-network",
 		notifyOnNetworkStatusChange: !0
-	}), { data: ke } = r({
+	}), { data: Ae } = r({
 		variables: { pagination: { limit: 200 } },
 		fetchPolicy: "cache-first",
 		skip: G
-	}), Ae = (ke?.vibecontrolsAgents ?? []).map((e) => ({
+	}), je = (Ae?.vibecontrolsAgents ?? []).map((e) => ({
 		id: e.id,
 		name: e.name
-	})), { data: je } = ee({
+	})), { data: Me } = ee({
 		variables: { pagination: { limit: 200 } },
 		fetchPolicy: "cache-first",
 		skip: G
-	}), Me = (je?.vibes?.items ?? []).map((e) => ({
+	}), Ne = (Me?.vibes?.items ?? []).map((e) => ({
 		id: e.id,
 		name: e.name
-	})), Ne = q?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90, Pe = q?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null, { data: J } = n({
+	})), Pe = q?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90, Fe = q?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null, { data: J } = n({
 		variables: { id: j },
 		skip: !j
-	}), [Fe, { loading: Ie }] = t(), [Le] = e();
-	pe(() => {
+	}), [Ie, { loading: Le }] = t(), [Re] = e();
+	c(() => {
 		let e = window.setTimeout(() => {
-			ye(v), k(0);
+			xe(v), O(0);
 		}, 300);
 		return () => window.clearTimeout(e);
-	}, [v]), pe(() => () => {
+	}, [v]), c(() => () => {
 		V.current && clearTimeout(V.current);
 	}, []);
-	let Y = c(() => {
+	let Y = s(() => {
 		R(null), V.current &&= (clearTimeout(V.current), null);
-	}, []), X = c(() => {
+	}, []), X = s(() => {
 		B(null);
-	}, []), Z = (q?.vibeAuditLogs.items ?? []).slice(O * p, (O + 1) * p), Re = q?.vibeAuditLogs.total ?? 0, Q = Z.map((e) => e.id), $ = Q.length > 0 && Q.every((e) => N.has(e)), ze = Q.some((e) => N.has(e)) && !$, Be = async (e) => {
+	}, []), Z = (q?.vibeAuditLogs.items ?? []).slice(D * p, (D + 1) * p), ze = q?.vibeAuditLogs.total ?? 0, Q = Z.map((e) => e.id), $ = Q.length > 0 && Q.every((e) => N.has(e)), Be = Q.some((e) => N.has(e)) && !$, Ve = async (e) => {
 		if (F.length !== 0) {
 			Y(), X();
 			try {
-				if (F.length === 1) await Fe({ variables: {
+				if (F.length === 1) await Ie({ variables: {
 					id: F[0],
 					input: { reason: e }
 				} }), B("Deleted 1 audit log");
 				else {
-					let t = await Le({ variables: {
+					let t = await Re({ variables: {
 						ids: F,
 						input: { reason: e }
 					} }), n = t.data?.bulkDeleteVibeAuditLogs.deletedCount ?? 0, r = t.data?.bulkDeleteVibeAuditLogs.failedCount ?? 0;
@@ -86,32 +87,32 @@ function m() {
 				I([]), P((e) => {
 					let t = new Set(e);
 					return F.forEach((e) => t.delete(e)), t;
-				}), j && F.includes(j) && M(null), await Oe(), a() && o("success");
+				}), j && F.includes(j) && M(null), await ke(), a() && se("success");
 			} catch (e) {
-				console.error("Failed to delete audit log:", e), R(H("audit.deleteFailed", "Failed to delete audit log. Please try again.")), a() && o("error"), V.current = setTimeout(() => {
+				console.error("Failed to delete audit log:", e), R(H("audit.deleteFailed", "Failed to delete audit log. Please try again.")), a() && se("error"), V.current = setTimeout(() => {
 					R(null), V.current = null;
 				}, 3e4);
 			}
 		}
-	}, Ve = c((e) => {
+	}, He = s((e) => {
 		W && (Y(), X(), I([e]));
 	}, [
 		W,
 		Y,
 		X
-	]), He = c((e, t) => {
+	]), Ue = s((e, t) => {
 		P((n) => {
 			let r = new Set(n);
 			return t ? r.add(e) : r.delete(e), r;
 		});
-	}, []), Ue = c((e) => {
+	}, []), We = s((e) => {
 		P((t) => {
 			let n = new Set(t);
 			return Q.forEach((t) => {
 				e ? n.add(t) : n.delete(t);
 			}), n;
 		});
-	}, [Q]), We = c(() => {
+	}, [Q]), Ge = s(() => {
 		!W || N.size === 0 || (Y(), X(), I(Array.from(N)));
 	}, [
 		W,
@@ -122,7 +123,7 @@ function m() {
 	return g ? /* @__PURE__ */ d("div", {
 		className: "mx-auto max-w-[1400px] p-4 sm:p-6",
 		children: /* @__PURE__ */ d(i, { message: H("audit.loadingPermissions", "Loading permissions...") })
-	}) : _ && _.permissionStrings?.length > 0 && !U ? /* @__PURE__ */ d(_e, {
+	}) : _ && _.permissionStrings?.length > 0 && !U ? /* @__PURE__ */ d(ve, {
 		title: H("common.accessDeniedTitle", "Access Denied"),
 		description: H("common.accessDeniedDescription", "You don't have permission to access this resource.")
 	}) : /* @__PURE__ */ f("div", {
@@ -131,16 +132,20 @@ function m() {
 			/* @__PURE__ */ d(re, {
 				title: H("nav.vibeAudit", "Audit"),
 				description: H("audit.description", "Comprehensive audit trail of all VibeControls operations"),
-				actions: Te ? /* @__PURE__ */ d(fe, { filter: K }) : void 0
+				actions: Ee ? /* @__PURE__ */ d(pe, { filter: K }) : void 0
+			}),
+			/* @__PURE__ */ d(_e, {
+				icon: /* @__PURE__ */ d(u, { className: "size-4" }),
+				children: H("audit.purpose", "The audit trail records who did what across VibeControls — every agent registered, session started, setting changed and more — with timestamps and actors. Use it to investigate an incident, satisfy a compliance review, or simply understand a change after the fact. Filter and export the log for evidence.")
 			}),
 			/* @__PURE__ */ f("div", {
 				className: "mb-4 flex items-start gap-2 rounded-md border border-status-info-border bg-status-info-bg-subtle px-3 py-2 text-xs text-status-info-text",
 				children: [/* @__PURE__ */ d(u, {
 					size: 14,
 					className: "mt-0.5 flex-shrink-0"
-				}), /* @__PURE__ */ f("span", { children: [H("audit.retentionBanner", `Audit logs are kept for ${Ne} days. Older entries are automatically purged.`), Pe ? ` ${H("audit.retentionNextCleanup", `Next cleanup: ${new Date(Pe).toLocaleString()}.`)}` : ""] })]
+				}), /* @__PURE__ */ f("span", { children: [H("audit.retentionBanner", `Audit logs are kept for ${Pe} days. Older entries are automatically purged.`), Fe ? ` ${H("audit.retentionNextCleanup", `Next cleanup: ${new Date(Fe).toLocaleString()}.`)}` : ""] })]
 			}),
-			A ? /* @__PURE__ */ f("div", {
+			k ? /* @__PURE__ */ f("div", {
 				className: "mb-4 flex items-center justify-between gap-2 rounded-md border border-action-primary-border bg-[var(--color-accent-soft)] px-3 py-2 text-xs text-text-primary",
 				children: [/* @__PURE__ */ f("span", {
 					className: "truncate",
@@ -149,13 +154,13 @@ function m() {
 						" ",
 						/* @__PURE__ */ d("span", {
 							className: "font-mono",
-							children: A
+							children: k
 						})
 					]
 				}), /* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: () => {
-						we(null), k(0);
+						A(null), O(0);
 					},
 					className: "flex-shrink-0 rounded bg-bg-sunken px-2 py-1 font-medium text-text-secondary hover:text-text-primary",
 					children: H("audit.clearSessionScope", "Clear")
@@ -163,40 +168,40 @@ function m() {
 			}) : null,
 			/* @__PURE__ */ d("div", {
 				"data-tour": "audit-log-stats",
-				children: /* @__PURE__ */ d(ue, {
+				children: /* @__PURE__ */ d(de, {
 					stats: q?.vibeAuditLogStats,
-					loading: Ee && !q
+					loading: De && !q
 				})
 			}),
-			/* @__PURE__ */ d(ce, {
+			/* @__PURE__ */ d(le, {
 				searchQuery: v,
-				onSearchChange: ve,
-				actionFilter: b,
+				onSearchChange: ye,
+				actionFilter: y,
 				onActionChange: (e) => {
-					be(e), k(0);
+					Se(e), O(0);
 				},
-				resourceTypeFilter: x,
+				resourceTypeFilter: b,
 				onResourceTypeChange: (e) => {
-					xe(e), k(0);
+					Ce(e), O(0);
 				},
-				statusFilter: S,
+				statusFilter: x,
 				onStatusChange: (e) => {
-					Se(e), k(0);
+					we(e), O(0);
 				},
-				hasCommandFilter: D,
+				hasCommandFilter: E,
 				onHasCommandChange: (e) => {
-					Ce(e), k(0);
+					Te(e), O(0);
 				},
-				agentFilter: C,
+				agentFilter: S,
 				onAgentChange: (e) => {
-					w(e), e !== "all" && E("all"), k(0);
+					C(e), e !== "all" && T("all"), O(0);
 				},
-				agents: Ae,
-				vibeFilter: T,
+				agents: je,
+				vibeFilter: w,
 				onVibeChange: (e) => {
-					E(e), e !== "all" && w("all"), k(0);
+					T(e), e !== "all" && C("all"), O(0);
 				},
-				vibes: Me
+				vibes: Ne
 			}),
 			Z.length > 0 ? /* @__PURE__ */ d("div", {
 				className: "rounded-lg border border-border-default bg-bg-surface p-4",
@@ -217,7 +222,7 @@ function m() {
 						className: "flex flex-wrap items-center gap-2",
 						children: /* @__PURE__ */ f("button", {
 							type: "button",
-							onClick: We,
+							onClick: Ge,
 							disabled: !W || N.size === 0,
 							className: "rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50",
 							children: ["Delete Selected", N.size > 0 ? ` (${N.size})` : ""]
@@ -225,10 +230,10 @@ function m() {
 					})]
 				})
 			}) : null,
-			Ee && !q ? /* @__PURE__ */ d(i, { message: H("audit.loadingLogs", "Loading audit logs...") }) : De ? /* @__PURE__ */ d(ie, {
-				message: De.message,
-				onRetry: () => Oe()
-			}) : Re === 0 ? /* @__PURE__ */ d(ae, {
+			De && !q ? /* @__PURE__ */ d(i, { message: H("audit.loadingLogs", "Loading audit logs...") }) : Oe ? /* @__PURE__ */ d(ie, {
+				message: Oe.message,
+				onRetry: () => ke()
+			}) : ze === 0 ? /* @__PURE__ */ d(ae, {
 				icon: /* @__PURE__ */ d(u, {
 					size: 48,
 					className: "text-text-secondary"
@@ -238,30 +243,30 @@ function m() {
 				action: /* @__PURE__ */ d(oe, { prompt: "What is the Audit Log in VibeControls and how do I use it?" })
 			}) : /* @__PURE__ */ d("div", {
 				"data-tour": "audit-log-table",
-				children: /* @__PURE__ */ d(se, {
+				children: /* @__PURE__ */ d(ce, {
 					items: Z,
-					total: Re,
+					total: ze,
 					hasMore: q?.vibeAuditLogs.hasMore ?? !1,
-					page: O,
+					page: D,
 					pageSize: p,
-					onPageChange: k,
+					onPageChange: O,
 					onSelectLog: M,
-					onDeleteLog: Ve,
+					onDeleteLog: He,
 					selectedLogId: j,
 					selectedLogIds: N,
 					allVisibleSelected: $,
-					partiallySelected: ze,
-					onToggleLogSelection: He,
-					onToggleAllVisible: Ue
+					partiallySelected: Be,
+					onToggleLogSelection: Ue,
+					onToggleAllVisible: We
 				})
 			}),
-			j && J?.vibeAuditLog ? /* @__PURE__ */ d(le, {
+			j && J?.vibeAuditLog ? /* @__PURE__ */ d(ue, {
 				log: J.vibeAuditLog,
 				onClose: () => M(null),
-				footer: J.vibeAuditLog.resourceType === "SESSION" && J.vibeAuditLog.resourceId && J.vibeAuditLog.resourceId !== A ? /* @__PURE__ */ d("button", {
+				footer: J.vibeAuditLog.resourceType === "SESSION" && J.vibeAuditLog.resourceId && J.vibeAuditLog.resourceId !== k ? /* @__PURE__ */ d("button", {
 					type: "button",
 					onClick: () => {
-						we(J.vibeAuditLog?.resourceId ?? null), M(null), k(0);
+						A(J.vibeAuditLog?.resourceId ?? null), M(null), O(0);
 					},
 					className: "w-full rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover",
 					children: H("audit.showOnlyThisSession", "Show only this session's activity")
@@ -287,11 +292,11 @@ function m() {
 					children: H("common.dismiss", "Dismiss")
 				})]
 			}) : null,
-			/* @__PURE__ */ d(de, {
+			/* @__PURE__ */ d(fe, {
 				isOpen: F.length > 0,
 				onClose: () => I([]),
-				onConfirm: Be,
-				loading: Ie,
+				onConfirm: Ve,
+				loading: Le,
 				title: F.length > 1 ? "Delete Audit Logs" : "Delete Audit Log",
 				description: F.length > 1 ? `This will permanently delete ${F.length} audit logs and record the reason in the audit trail.` : "This action will be recorded in the audit trail.",
 				confirmLabel: F.length > 1 ? "Delete Logs" : "Delete"

package/dist/pages/VibeAuditPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"VibeAuditPage.js","names":[],"sources":["../../src/pages/VibeAuditPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Shield } from 'lucide-react';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuditDeleteDialog,\n  AuditExportButton,\n  AuditLogDetail,\n  AuditLogFilters,\n  AuditLogStats,\n  AuditLogTable,\n} from '@/components/audit';\nimport {\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  LoadingState,\n  PageHeader,\n} from '@/components/shared';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  useBulkDeleteVibeAuditLogsMutation,\n  useDeleteVibeAuditLogMutation,\n  useGetVibeAuditLogQuery,\n  useListAgentsQuery,\n  useListVibesQuery,\n  useVibeAuditDashboardQuery,\n} from '@/generated/wspace-operations';\nimport type {\n  VibeAuditAction,\n  VibeAuditLogFilterInput,\n  VibeAuditResourceType,\n  VibeAuditStatus,\n} from '@/generated/wspace-types';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\nconst PAGE_SIZE = 50;\n\nexport function VibeAuditPage() {\n  useVibeControls();\n\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');\n  const [actionFilter, setActionFilter] = useState<string | null>('all');\n  const [resourceTypeFilter, setResourceTypeFilter] = useState<string | null>('all');\n  const [statusFilter, setStatusFilter] = useState<string | null>('all');\n  const [agentFilter, setAgentFilter] = useState<string | null>('all');\n  const [vibeFilter, setVibeFilter] = useState<string | null>('all');\n  const [hasCommandFilter, setHasCommandFilter] = useState(false);\n  const [page, setPage] = useState(0);\n  // F2 — session-history drill-down. Initialised from a ?sessionId= URL param\n  // (reciprocal link from the in-session History tab) and also settable by\n  // clicking \"Show only this session\" on a SESSION-typed audit entry.\n  const [sessionDrillId, setSessionDrillId] = useState<string | null>(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get('sessionId');\n  });\n  const [selectedLogId, setSelectedLogId] = useState<string | null>(null);\n  const [selectedLogIds, setSelectedLogIds] = useState<Set<string>>(new Set());\n  const [deleteTargetIds, setDeleteTargetIds] = useState<string[]>([]);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [deleteSuccess, setDeleteSuccess] = useState<string | null>(null);\n\n  const deleteErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const canListAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_LIST);\n  const canDeleteAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_DELETE);\n  const canExportAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_EXPORT);\n  const shouldSkipQueries = permissionsLoading || !canListAudit;\n\n  const filter: VibeAuditLogFilterInput = {};\n  if (debouncedSearchQuery) filter.search = debouncedSearchQuery;\n  if (actionFilter && actionFilter !== 'all') filter.action = actionFilter as VibeAuditAction;\n  if (resourceTypeFilter && resourceTypeFilter !== 'all')\n    filter.resourceType = resourceTypeFilter as VibeAuditResourceType;\n  if (statusFilter && statusFilter !== 'all') filter.status = statusFilter as VibeAuditStatus;\n  if (hasCommandFilter) filter.hasCommand = true;\n  // Agent / Vibe filters: backend exposes `resourceId` + `resourceType`.\n  // We narrow `resourceType` accordingly so the server returns only audit\n  // rows whose target is the chosen agent / vibe. If the user already\n  // chose a resourceType that conflicts (e.g. SESSION), the resourceId\n  // filter would over-narrow — but that combination is documented as\n  // intentional power-user behaviour.\n  if (agentFilter && agentFilter !== 'all') {\n    filter.resourceId = agentFilter;\n    if (!filter.resourceType) filter.resourceType = 'AGENT' as VibeAuditResourceType;\n  } else if (vibeFilter && vibeFilter !== 'all') {\n    filter.resourceId = vibeFilter;\n    if (!filter.resourceType) filter.resourceType = 'VIBE' as VibeAuditResourceType;\n  }\n  // Session drill-down — the server matches resourceType=SESSION AND\n  // resourceId=sessionId. Works for killed (soft-deleted) sessions too.\n  if (sessionDrillId) filter.sessionId = sessionDrillId;\n\n  const { data, loading, error, refetch } = useVibeAuditDashboardQuery({\n    variables: {\n      filter,\n      pagination: { limit: Math.min(Math.max((page + 1) * PAGE_SIZE, PAGE_SIZE), 100) },\n    },\n    skip: shouldSkipQueries,\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const agentsList = (agentsData?.vibecontrolsAgents ?? []).map(\n    (a: { id: string; name: string }) => ({ id: a.id, name: a.name })\n  );\n\n  const { data: vibesData } = useListVibesQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const vibesList = (vibesData?.vibes?.items ?? []).map((v: { id: string; name: string }) => ({\n    id: v.id,\n    name: v.name,\n  }));\n\n  const retentionDays = data?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90;\n  const nextCleanupAt = data?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null;\n\n  const { data: detailData } = useGetVibeAuditLogQuery({\n    variables: { id: selectedLogId! },\n    skip: !selectedLogId,\n  });\n\n  const [deleteAuditLog, { loading: deleteLoading }] = useDeleteVibeAuditLogMutation();\n  const [bulkDeleteAuditLogs] = useBulkDeleteVibeAuditLogsMutation();\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      setDebouncedSearchQuery(searchQuery);\n      setPage(0);\n    }, 300);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [searchQuery]);\n\n  useEffect(() => {\n    return () => {\n      if (deleteErrorTimer.current) {\n        clearTimeout(deleteErrorTimer.current);\n      }\n    };\n  }, []);\n\n  const clearDeleteError = useCallback(() => {\n    setDeleteError(null);\n    if (deleteErrorTimer.current) {\n      clearTimeout(deleteErrorTimer.current);\n      deleteErrorTimer.current = null;\n    }\n  }, []);\n\n  const clearDeleteSuccess = useCallback(() => {\n    setDeleteSuccess(null);\n  }, []);\n\n  const allItems = data?.vibeAuditLogs.items ?? [];\n  const items = allItems.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);\n  const totalAuditItems = data?.vibeAuditLogs.total ?? 0;\n  const visibleLogIds = items.map((item: (typeof items)[number]) => item.id);\n  const allVisibleSelected =\n    visibleLogIds.length > 0 && visibleLogIds.every((id: string) => selectedLogIds.has(id));\n  const partiallySelected =\n    visibleLogIds.some((id: string) => selectedLogIds.has(id)) && !allVisibleSelected;\n\n  const handleDelete = async (reason: string) => {\n    if (deleteTargetIds.length === 0) return;\n\n    clearDeleteError();\n    clearDeleteSuccess();\n\n    try {\n      if (deleteTargetIds.length === 1) {\n        await deleteAuditLog({ variables: { id: deleteTargetIds[0], input: { reason } } });\n        setDeleteSuccess('Deleted 1 audit log');\n      } else {\n        const result = await bulkDeleteAuditLogs({\n          variables: { ids: deleteTargetIds, input: { reason } },\n        });\n        const deletedCount = result.data?.bulkDeleteVibeAuditLogs.deletedCount ?? 0;\n        const failedCount = result.data?.bulkDeleteVibeAuditLogs.failedCount ?? 0;\n        setDeleteSuccess(\n          `Deleted ${deletedCount} audit logs${failedCount > 0 ? ` • ${failedCount} failed` : ''}`\n        );\n      }\n\n      setDeleteTargetIds([]);\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        deleteTargetIds.forEach((id) => next.delete(id));\n        return next;\n      });\n      if (selectedLogId && deleteTargetIds.includes(selectedLogId)) {\n        setSelectedLogId(null);\n      }\n      await refetch();\n      if (isNative()) void nativeNotify('success');\n    } catch (deleteAuditError) {\n      console.error('Failed to delete audit log:', deleteAuditError);\n      setDeleteError(tr('audit.deleteFailed', 'Failed to delete audit log. Please try again.'));\n      if (isNative()) void nativeNotify('error');\n      deleteErrorTimer.current = setTimeout(() => {\n        setDeleteError(null);\n        deleteErrorTimer.current = null;\n      }, 30000);\n    }\n  };\n\n  const handleOpenDelete = useCallback(\n    (id: string) => {\n      if (!canDeleteAudit) return;\n      clearDeleteError();\n      clearDeleteSuccess();\n      setDeleteTargetIds([id]);\n    },\n    [canDeleteAudit, clearDeleteError, clearDeleteSuccess]\n  );\n\n  const handleToggleLogSelection = useCallback((id: string, checked: boolean) => {\n    setSelectedLogIds((previous) => {\n      const next = new Set(previous);\n      if (checked) {\n        next.add(id);\n      } else {\n        next.delete(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleToggleAllVisible = useCallback(\n    (checked: boolean) => {\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        visibleLogIds.forEach((id: string) => {\n          if (checked) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n        return next;\n      });\n    },\n    [visibleLogIds]\n  );\n\n  const handleOpenBulkDelete = useCallback(() => {\n    if (!canDeleteAudit || selectedLogIds.size === 0) return;\n    clearDeleteError();\n    clearDeleteSuccess();\n    setDeleteTargetIds(Array.from(selectedLogIds));\n  }, [canDeleteAudit, clearDeleteError, clearDeleteSuccess, selectedLogIds]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n        <LoadingState message={tr('audit.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canListAudit) {\n    return (\n      <AccessDenied\n        title={tr('common.accessDeniedTitle', 'Access Denied')}\n        description={tr(\n          'common.accessDeniedDescription',\n          \"You don't have permission to access this resource.\"\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n      <PageHeader\n        title={tr('nav.vibeAudit', 'Audit')}\n        description={tr(\n          'audit.description',\n          'Comprehensive audit trail of all VibeControls operations'\n        )}\n        actions={canExportAudit ? <AuditExportButton filter={filter} /> : undefined}\n      />\n\n      {/* Retention banner — sourced from the backend `retentionPolicy`\n          so the displayed window updates if the tier changes. */}\n      <div className=\"mb-4 flex items-start gap-2 rounded-md border border-status-info-border bg-status-info-bg-subtle px-3 py-2 text-xs text-status-info-text\">\n        <Shield size={14} className=\"mt-0.5 flex-shrink-0\" />\n        <span>\n          {tr(\n            'audit.retentionBanner',\n            `Audit logs are kept for ${retentionDays} days. Older entries are automatically purged.`\n          )}\n          {nextCleanupAt\n            ? ` ${tr('audit.retentionNextCleanup', `Next cleanup: ${new Date(nextCleanupAt).toLocaleString()}.`)}`\n            : ''}\n        </span>\n      </div>\n\n      {/* Session drill-down banner — shown when scoped to one session's activity. */}\n      {sessionDrillId ? (\n        <div className=\"mb-4 flex items-center justify-between gap-2 rounded-md border border-action-primary-border bg-[var(--color-accent-soft)] px-3 py-2 text-xs text-text-primary\">\n          <span className=\"truncate\">\n            {tr('audit.sessionScopeBanner', 'Showing activity for session')}{' '}\n            <span className=\"font-mono\">{sessionDrillId}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setSessionDrillId(null);\n              setPage(0);\n            }}\n            className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-1 font-medium text-text-secondary hover:text-text-primary\"\n          >\n            {tr('audit.clearSessionScope', 'Clear')}\n          </button>\n        </div>\n      ) : null}\n\n      {/* AuditLogStats is a custom component that doesn't forward rest props\n          onto a DOM node, so the tour anchor lives on a wrapper <div>. */}\n      <div data-tour=\"audit-log-stats\">\n        <AuditLogStats stats={data?.vibeAuditLogStats} loading={loading && !data} />\n      </div>\n\n      <AuditLogFilters\n        searchQuery={searchQuery}\n        onSearchChange={setSearchQuery}\n        actionFilter={actionFilter}\n        onActionChange={(value) => {\n          setActionFilter(value);\n          setPage(0);\n        }}\n        resourceTypeFilter={resourceTypeFilter}\n        onResourceTypeChange={(value) => {\n          setResourceTypeFilter(value);\n          setPage(0);\n        }}\n        statusFilter={statusFilter}\n        onStatusChange={(value) => {\n          setStatusFilter(value);\n          setPage(0);\n        }}\n        hasCommandFilter={hasCommandFilter}\n        onHasCommandChange={(value) => {\n          setHasCommandFilter(value);\n          setPage(0);\n        }}\n        agentFilter={agentFilter}\n        onAgentChange={(value) => {\n          setAgentFilter(value);\n          // Agent + Vibe are mutually exclusive via resourceId — clearing one when\n          // the other is set keeps the resolved filter input coherent.\n          if (value !== 'all') setVibeFilter('all');\n          setPage(0);\n        }}\n        agents={agentsList}\n        vibeFilter={vibeFilter}\n        onVibeChange={(value) => {\n          setVibeFilter(value);\n          if (value !== 'all') setAgentFilter('all');\n          setPage(0);\n        }}\n        vibes={vibesList}\n      />\n\n      {items.length > 0 ? (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <span className=\"text-sm font-medium text-text-primary\">\n                {selectedLogIds.size} selected\n              </span>\n              {selectedLogIds.size > 0 ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSelectedLogIds(new Set())}\n                  className=\"text-sm text-text-secondary transition-colors hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              ) : null}\n            </div>\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={handleOpenBulkDelete}\n                disabled={!canDeleteAudit || selectedLogIds.size === 0}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Delete Selected{selectedLogIds.size > 0 ? ` (${selectedLogIds.size})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {loading && !data ? (\n        <LoadingState message={tr('audit.loadingLogs', 'Loading audit logs...')} />\n      ) : error ? (\n        <ErrorState message={error.message} onRetry={() => refetch()} />\n      ) : totalAuditItems === 0 ? (\n        <EmptyState\n          icon={<Shield size={48} className=\"text-text-secondary\" />}\n          title={tr('audit.noLogs', 'No audit logs')}\n          description={tr(\n            'audit.emptyDescription',\n            'Audit logs will appear here as operations are performed in VibeControls.'\n          )}\n          action={\n            <GetHelpButton prompt=\"What is the Audit Log in VibeControls and how do I use it?\" />\n          }\n        />\n      ) : (\n        <div data-tour=\"audit-log-table\">\n          <AuditLogTable\n            items={items}\n            total={totalAuditItems}\n            hasMore={data?.vibeAuditLogs.hasMore ?? false}\n            page={page}\n            pageSize={PAGE_SIZE}\n            onPageChange={setPage}\n            onSelectLog={setSelectedLogId}\n            onDeleteLog={handleOpenDelete}\n            selectedLogId={selectedLogId}\n            selectedLogIds={selectedLogIds}\n            allVisibleSelected={allVisibleSelected}\n            partiallySelected={partiallySelected}\n            onToggleLogSelection={handleToggleLogSelection}\n            onToggleAllVisible={handleToggleAllVisible}\n          />\n        </div>\n      )}\n\n      {selectedLogId && detailData?.vibeAuditLog ? (\n        <AuditLogDetail\n          log={detailData.vibeAuditLog}\n          onClose={() => setSelectedLogId(null)}\n          footer={\n            detailData.vibeAuditLog.resourceType === 'SESSION' &&\n            detailData.vibeAuditLog.resourceId &&\n            detailData.vibeAuditLog.resourceId !== sessionDrillId ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSessionDrillId(detailData.vibeAuditLog?.resourceId ?? null);\n                  setSelectedLogId(null);\n                  setPage(0);\n                }}\n                className=\"w-full rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover\"\n              >\n                {tr('audit.showOnlyThisSession', \"Show only this session's activity\")}\n              </button>\n            ) : null\n          }\n        />\n      ) : null}\n\n      {deleteError ? (\n        <div\n          role=\"alert\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-error-bg px-4 py-3 text-sm text-status-error-text shadow-lg\"\n        >\n          {deleteError}\n          <button\n            type=\"button\"\n            onClick={clearDeleteError}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      {deleteSuccess ? (\n        <div\n          role=\"status\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-success-bg px-4 py-3 text-sm text-status-success-text shadow-lg\"\n        >\n          {deleteSuccess}\n          <button\n            type=\"button\"\n            onClick={clearDeleteSuccess}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      <AuditDeleteDialog\n        isOpen={deleteTargetIds.length > 0}\n        onClose={() => setDeleteTargetIds([])}\n        onConfirm={handleDelete}\n        loading={deleteLoading}\n        title={deleteTargetIds.length > 1 ? 'Delete Audit Logs' : 'Delete Audit Log'}\n        description={\n          deleteTargetIds.length > 1\n            ? `This will permanently delete ${deleteTargetIds.length} audit logs and record the reason in the audit trail.`\n            : 'This action will be recorded in the audit trail.'\n        }\n        confirmLabel={deleteTargetIds.length > 1 ? 'Delete Logs' : 'Delete'}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"VibeAuditPage.js","names":[],"sources":["../../src/pages/VibeAuditPage.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react';\nimport { Shield } from 'lucide-react';\nimport { PagePurpose } from '@burdenoff/fe-libs/ui';\nimport { AccessDenied } from '@burdenoff/fe-libs/shared/components';\nimport { isNative, nativeNotify } from '../utils/nativeBridge';\nimport { usePermissions } from '@burdenoff/fe-libs/shared/providers/shell';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  AuditDeleteDialog,\n  AuditExportButton,\n  AuditLogDetail,\n  AuditLogFilters,\n  AuditLogStats,\n  AuditLogTable,\n} from '@/components/audit';\nimport {\n  EmptyState,\n  ErrorState,\n  GetHelpButton,\n  LoadingState,\n  PageHeader,\n} from '@/components/shared';\nimport { VIBE_PERMISSIONS } from '@/constants/permissions';\nimport {\n  useBulkDeleteVibeAuditLogsMutation,\n  useDeleteVibeAuditLogMutation,\n  useGetVibeAuditLogQuery,\n  useListAgentsQuery,\n  useListVibesQuery,\n  useVibeAuditDashboardQuery,\n} from '@/generated/wspace-operations';\nimport type {\n  VibeAuditAction,\n  VibeAuditLogFilterInput,\n  VibeAuditResourceType,\n  VibeAuditStatus,\n} from '@/generated/wspace-types';\nimport { useVibeControls } from '@/providers/VibeControlsProvider';\n\nconst PAGE_SIZE = 50;\n\nexport function VibeAuditPage() {\n  useVibeControls();\n\n  const { t } = useI18n();\n  const { hasPermission, isLoading: permissionsLoading, permissions } = usePermissions();\n\n  const [searchQuery, setSearchQuery] = useState('');\n  const [debouncedSearchQuery, setDebouncedSearchQuery] = useState('');\n  const [actionFilter, setActionFilter] = useState<string | null>('all');\n  const [resourceTypeFilter, setResourceTypeFilter] = useState<string | null>('all');\n  const [statusFilter, setStatusFilter] = useState<string | null>('all');\n  const [agentFilter, setAgentFilter] = useState<string | null>('all');\n  const [vibeFilter, setVibeFilter] = useState<string | null>('all');\n  const [hasCommandFilter, setHasCommandFilter] = useState(false);\n  const [page, setPage] = useState(0);\n  // F2 — session-history drill-down. Initialised from a ?sessionId= URL param\n  // (reciprocal link from the in-session History tab) and also settable by\n  // clicking \"Show only this session\" on a SESSION-typed audit entry.\n  const [sessionDrillId, setSessionDrillId] = useState<string | null>(() => {\n    if (typeof window === 'undefined') return null;\n    return new URLSearchParams(window.location.search).get('sessionId');\n  });\n  const [selectedLogId, setSelectedLogId] = useState<string | null>(null);\n  const [selectedLogIds, setSelectedLogIds] = useState<Set<string>>(new Set());\n  const [deleteTargetIds, setDeleteTargetIds] = useState<string[]>([]);\n  const [deleteError, setDeleteError] = useState<string | null>(null);\n  const [deleteSuccess, setDeleteSuccess] = useState<string | null>(null);\n\n  const deleteErrorTimer = useRef<ReturnType<typeof setTimeout> | null>(null);\n\n  const tr = useCallback(\n    (key: string, fallback: string): string => {\n      const value = t(key);\n      return value === key ? fallback : value;\n    },\n    [t]\n  );\n\n  const canListAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_LIST);\n  const canDeleteAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_DELETE);\n  const canExportAudit = hasPermission(VIBE_PERMISSIONS.AUDIT_EXPORT);\n  const shouldSkipQueries = permissionsLoading || !canListAudit;\n\n  const filter: VibeAuditLogFilterInput = {};\n  if (debouncedSearchQuery) filter.search = debouncedSearchQuery;\n  if (actionFilter && actionFilter !== 'all') filter.action = actionFilter as VibeAuditAction;\n  if (resourceTypeFilter && resourceTypeFilter !== 'all')\n    filter.resourceType = resourceTypeFilter as VibeAuditResourceType;\n  if (statusFilter && statusFilter !== 'all') filter.status = statusFilter as VibeAuditStatus;\n  if (hasCommandFilter) filter.hasCommand = true;\n  // Agent / Vibe filters: backend exposes `resourceId` + `resourceType`.\n  // We narrow `resourceType` accordingly so the server returns only audit\n  // rows whose target is the chosen agent / vibe. If the user already\n  // chose a resourceType that conflicts (e.g. SESSION), the resourceId\n  // filter would over-narrow — but that combination is documented as\n  // intentional power-user behaviour.\n  if (agentFilter && agentFilter !== 'all') {\n    filter.resourceId = agentFilter;\n    if (!filter.resourceType) filter.resourceType = 'AGENT' as VibeAuditResourceType;\n  } else if (vibeFilter && vibeFilter !== 'all') {\n    filter.resourceId = vibeFilter;\n    if (!filter.resourceType) filter.resourceType = 'VIBE' as VibeAuditResourceType;\n  }\n  // Session drill-down — the server matches resourceType=SESSION AND\n  // resourceId=sessionId. Works for killed (soft-deleted) sessions too.\n  if (sessionDrillId) filter.sessionId = sessionDrillId;\n\n  const { data, loading, error, refetch } = useVibeAuditDashboardQuery({\n    variables: {\n      filter,\n      pagination: { limit: Math.min(Math.max((page + 1) * PAGE_SIZE, PAGE_SIZE), 100) },\n    },\n    skip: shouldSkipQueries,\n    fetchPolicy: 'cache-and-network',\n    notifyOnNetworkStatusChange: true,\n  });\n\n  const { data: agentsData } = useListAgentsQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const agentsList = (agentsData?.vibecontrolsAgents ?? []).map(\n    (a: { id: string; name: string }) => ({ id: a.id, name: a.name })\n  );\n\n  const { data: vibesData } = useListVibesQuery({\n    variables: { pagination: { limit: 200 } },\n    fetchPolicy: 'cache-first',\n    skip: shouldSkipQueries,\n  });\n  const vibesList = (vibesData?.vibes?.items ?? []).map((v: { id: string; name: string }) => ({\n    id: v.id,\n    name: v.name,\n  }));\n\n  const retentionDays = data?.vibeAuditLogStats?.retentionPolicy?.retentionDays ?? 90;\n  const nextCleanupAt = data?.vibeAuditLogStats?.retentionPolicy?.nextCleanup ?? null;\n\n  const { data: detailData } = useGetVibeAuditLogQuery({\n    variables: { id: selectedLogId! },\n    skip: !selectedLogId,\n  });\n\n  const [deleteAuditLog, { loading: deleteLoading }] = useDeleteVibeAuditLogMutation();\n  const [bulkDeleteAuditLogs] = useBulkDeleteVibeAuditLogsMutation();\n\n  useEffect(() => {\n    const timeoutId = window.setTimeout(() => {\n      setDebouncedSearchQuery(searchQuery);\n      setPage(0);\n    }, 300);\n\n    return () => window.clearTimeout(timeoutId);\n  }, [searchQuery]);\n\n  useEffect(() => {\n    return () => {\n      if (deleteErrorTimer.current) {\n        clearTimeout(deleteErrorTimer.current);\n      }\n    };\n  }, []);\n\n  const clearDeleteError = useCallback(() => {\n    setDeleteError(null);\n    if (deleteErrorTimer.current) {\n      clearTimeout(deleteErrorTimer.current);\n      deleteErrorTimer.current = null;\n    }\n  }, []);\n\n  const clearDeleteSuccess = useCallback(() => {\n    setDeleteSuccess(null);\n  }, []);\n\n  const allItems = data?.vibeAuditLogs.items ?? [];\n  const items = allItems.slice(page * PAGE_SIZE, (page + 1) * PAGE_SIZE);\n  const totalAuditItems = data?.vibeAuditLogs.total ?? 0;\n  const visibleLogIds = items.map((item: (typeof items)[number]) => item.id);\n  const allVisibleSelected =\n    visibleLogIds.length > 0 && visibleLogIds.every((id: string) => selectedLogIds.has(id));\n  const partiallySelected =\n    visibleLogIds.some((id: string) => selectedLogIds.has(id)) && !allVisibleSelected;\n\n  const handleDelete = async (reason: string) => {\n    if (deleteTargetIds.length === 0) return;\n\n    clearDeleteError();\n    clearDeleteSuccess();\n\n    try {\n      if (deleteTargetIds.length === 1) {\n        await deleteAuditLog({ variables: { id: deleteTargetIds[0], input: { reason } } });\n        setDeleteSuccess('Deleted 1 audit log');\n      } else {\n        const result = await bulkDeleteAuditLogs({\n          variables: { ids: deleteTargetIds, input: { reason } },\n        });\n        const deletedCount = result.data?.bulkDeleteVibeAuditLogs.deletedCount ?? 0;\n        const failedCount = result.data?.bulkDeleteVibeAuditLogs.failedCount ?? 0;\n        setDeleteSuccess(\n          `Deleted ${deletedCount} audit logs${failedCount > 0 ? ` • ${failedCount} failed` : ''}`\n        );\n      }\n\n      setDeleteTargetIds([]);\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        deleteTargetIds.forEach((id) => next.delete(id));\n        return next;\n      });\n      if (selectedLogId && deleteTargetIds.includes(selectedLogId)) {\n        setSelectedLogId(null);\n      }\n      await refetch();\n      if (isNative()) void nativeNotify('success');\n    } catch (deleteAuditError) {\n      console.error('Failed to delete audit log:', deleteAuditError);\n      setDeleteError(tr('audit.deleteFailed', 'Failed to delete audit log. Please try again.'));\n      if (isNative()) void nativeNotify('error');\n      deleteErrorTimer.current = setTimeout(() => {\n        setDeleteError(null);\n        deleteErrorTimer.current = null;\n      }, 30000);\n    }\n  };\n\n  const handleOpenDelete = useCallback(\n    (id: string) => {\n      if (!canDeleteAudit) return;\n      clearDeleteError();\n      clearDeleteSuccess();\n      setDeleteTargetIds([id]);\n    },\n    [canDeleteAudit, clearDeleteError, clearDeleteSuccess]\n  );\n\n  const handleToggleLogSelection = useCallback((id: string, checked: boolean) => {\n    setSelectedLogIds((previous) => {\n      const next = new Set(previous);\n      if (checked) {\n        next.add(id);\n      } else {\n        next.delete(id);\n      }\n      return next;\n    });\n  }, []);\n\n  const handleToggleAllVisible = useCallback(\n    (checked: boolean) => {\n      setSelectedLogIds((previous) => {\n        const next = new Set(previous);\n        visibleLogIds.forEach((id: string) => {\n          if (checked) {\n            next.add(id);\n          } else {\n            next.delete(id);\n          }\n        });\n        return next;\n      });\n    },\n    [visibleLogIds]\n  );\n\n  const handleOpenBulkDelete = useCallback(() => {\n    if (!canDeleteAudit || selectedLogIds.size === 0) return;\n    clearDeleteError();\n    clearDeleteSuccess();\n    setDeleteTargetIds(Array.from(selectedLogIds));\n  }, [canDeleteAudit, clearDeleteError, clearDeleteSuccess, selectedLogIds]);\n\n  if (permissionsLoading) {\n    return (\n      <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n        <LoadingState message={tr('audit.loadingPermissions', 'Loading permissions...')} />\n      </div>\n    );\n  }\n\n  if (permissions && permissions.permissionStrings?.length > 0 && !canListAudit) {\n    return (\n      <AccessDenied\n        title={tr('common.accessDeniedTitle', 'Access Denied')}\n        description={tr(\n          'common.accessDeniedDescription',\n          \"You don't have permission to access this resource.\"\n        )}\n      />\n    );\n  }\n\n  return (\n    <div className=\"mx-auto max-w-[1400px] p-4 sm:p-6\">\n      <PageHeader\n        title={tr('nav.vibeAudit', 'Audit')}\n        description={tr(\n          'audit.description',\n          'Comprehensive audit trail of all VibeControls operations'\n        )}\n        actions={canExportAudit ? <AuditExportButton filter={filter} /> : undefined}\n      />\n\n      <PagePurpose icon={<Shield className=\"size-4\" />}>\n        {tr(\n          'audit.purpose',\n          'The audit trail records who did what across VibeControls — every agent registered, session started, setting changed and more — with timestamps and actors. Use it to investigate an incident, satisfy a compliance review, or simply understand a change after the fact. Filter and export the log for evidence.'\n        )}\n      </PagePurpose>\n\n      {/* Retention banner — sourced from the backend `retentionPolicy`\n          so the displayed window updates if the tier changes. */}\n      <div className=\"mb-4 flex items-start gap-2 rounded-md border border-status-info-border bg-status-info-bg-subtle px-3 py-2 text-xs text-status-info-text\">\n        <Shield size={14} className=\"mt-0.5 flex-shrink-0\" />\n        <span>\n          {tr(\n            'audit.retentionBanner',\n            `Audit logs are kept for ${retentionDays} days. Older entries are automatically purged.`\n          )}\n          {nextCleanupAt\n            ? ` ${tr('audit.retentionNextCleanup', `Next cleanup: ${new Date(nextCleanupAt).toLocaleString()}.`)}`\n            : ''}\n        </span>\n      </div>\n\n      {/* Session drill-down banner — shown when scoped to one session's activity. */}\n      {sessionDrillId ? (\n        <div className=\"mb-4 flex items-center justify-between gap-2 rounded-md border border-action-primary-border bg-[var(--color-accent-soft)] px-3 py-2 text-xs text-text-primary\">\n          <span className=\"truncate\">\n            {tr('audit.sessionScopeBanner', 'Showing activity for session')}{' '}\n            <span className=\"font-mono\">{sessionDrillId}</span>\n          </span>\n          <button\n            type=\"button\"\n            onClick={() => {\n              setSessionDrillId(null);\n              setPage(0);\n            }}\n            className=\"flex-shrink-0 rounded bg-bg-sunken px-2 py-1 font-medium text-text-secondary hover:text-text-primary\"\n          >\n            {tr('audit.clearSessionScope', 'Clear')}\n          </button>\n        </div>\n      ) : null}\n\n      {/* AuditLogStats is a custom component that doesn't forward rest props\n          onto a DOM node, so the tour anchor lives on a wrapper <div>. */}\n      <div data-tour=\"audit-log-stats\">\n        <AuditLogStats stats={data?.vibeAuditLogStats} loading={loading && !data} />\n      </div>\n\n      <AuditLogFilters\n        searchQuery={searchQuery}\n        onSearchChange={setSearchQuery}\n        actionFilter={actionFilter}\n        onActionChange={(value) => {\n          setActionFilter(value);\n          setPage(0);\n        }}\n        resourceTypeFilter={resourceTypeFilter}\n        onResourceTypeChange={(value) => {\n          setResourceTypeFilter(value);\n          setPage(0);\n        }}\n        statusFilter={statusFilter}\n        onStatusChange={(value) => {\n          setStatusFilter(value);\n          setPage(0);\n        }}\n        hasCommandFilter={hasCommandFilter}\n        onHasCommandChange={(value) => {\n          setHasCommandFilter(value);\n          setPage(0);\n        }}\n        agentFilter={agentFilter}\n        onAgentChange={(value) => {\n          setAgentFilter(value);\n          // Agent + Vibe are mutually exclusive via resourceId — clearing one when\n          // the other is set keeps the resolved filter input coherent.\n          if (value !== 'all') setVibeFilter('all');\n          setPage(0);\n        }}\n        agents={agentsList}\n        vibeFilter={vibeFilter}\n        onVibeChange={(value) => {\n          setVibeFilter(value);\n          if (value !== 'all') setAgentFilter('all');\n          setPage(0);\n        }}\n        vibes={vibesList}\n      />\n\n      {items.length > 0 ? (\n        <div className=\"rounded-lg border border-border-default bg-bg-surface p-4\">\n          <div className=\"flex flex-col gap-3 lg:flex-row lg:items-center lg:justify-between\">\n            <div className=\"flex flex-wrap items-center gap-3\">\n              <span className=\"text-sm font-medium text-text-primary\">\n                {selectedLogIds.size} selected\n              </span>\n              {selectedLogIds.size > 0 ? (\n                <button\n                  type=\"button\"\n                  onClick={() => setSelectedLogIds(new Set())}\n                  className=\"text-sm text-text-secondary transition-colors hover:text-text-primary\"\n                >\n                  Clear selection\n                </button>\n              ) : null}\n            </div>\n            <div className=\"flex flex-wrap items-center gap-2\">\n              <button\n                type=\"button\"\n                onClick={handleOpenBulkDelete}\n                disabled={!canDeleteAudit || selectedLogIds.size === 0}\n                className=\"rounded-md border border-status-error-border px-3 py-2 text-sm font-medium text-status-error-text transition-colors hover:bg-status-error-bg disabled:cursor-not-allowed disabled:opacity-50\"\n              >\n                Delete Selected{selectedLogIds.size > 0 ? ` (${selectedLogIds.size})` : ''}\n              </button>\n            </div>\n          </div>\n        </div>\n      ) : null}\n\n      {loading && !data ? (\n        <LoadingState message={tr('audit.loadingLogs', 'Loading audit logs...')} />\n      ) : error ? (\n        <ErrorState message={error.message} onRetry={() => refetch()} />\n      ) : totalAuditItems === 0 ? (\n        <EmptyState\n          icon={<Shield size={48} className=\"text-text-secondary\" />}\n          title={tr('audit.noLogs', 'No audit logs')}\n          description={tr(\n            'audit.emptyDescription',\n            'Audit logs will appear here as operations are performed in VibeControls.'\n          )}\n          action={\n            <GetHelpButton prompt=\"What is the Audit Log in VibeControls and how do I use it?\" />\n          }\n        />\n      ) : (\n        <div data-tour=\"audit-log-table\">\n          <AuditLogTable\n            items={items}\n            total={totalAuditItems}\n            hasMore={data?.vibeAuditLogs.hasMore ?? false}\n            page={page}\n            pageSize={PAGE_SIZE}\n            onPageChange={setPage}\n            onSelectLog={setSelectedLogId}\n            onDeleteLog={handleOpenDelete}\n            selectedLogId={selectedLogId}\n            selectedLogIds={selectedLogIds}\n            allVisibleSelected={allVisibleSelected}\n            partiallySelected={partiallySelected}\n            onToggleLogSelection={handleToggleLogSelection}\n            onToggleAllVisible={handleToggleAllVisible}\n          />\n        </div>\n      )}\n\n      {selectedLogId && detailData?.vibeAuditLog ? (\n        <AuditLogDetail\n          log={detailData.vibeAuditLog}\n          onClose={() => setSelectedLogId(null)}\n          footer={\n            detailData.vibeAuditLog.resourceType === 'SESSION' &&\n            detailData.vibeAuditLog.resourceId &&\n            detailData.vibeAuditLog.resourceId !== sessionDrillId ? (\n              <button\n                type=\"button\"\n                onClick={() => {\n                  setSessionDrillId(detailData.vibeAuditLog?.resourceId ?? null);\n                  setSelectedLogId(null);\n                  setPage(0);\n                }}\n                className=\"w-full rounded-md bg-action-primary-bg px-3 py-2 text-sm font-medium text-action-primary-text hover:bg-action-primary-bg-hover\"\n              >\n                {tr('audit.showOnlyThisSession', \"Show only this session's activity\")}\n              </button>\n            ) : null\n          }\n        />\n      ) : null}\n\n      {deleteError ? (\n        <div\n          role=\"alert\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-error-bg px-4 py-3 text-sm text-status-error-text shadow-lg\"\n        >\n          {deleteError}\n          <button\n            type=\"button\"\n            onClick={clearDeleteError}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      {deleteSuccess ? (\n        <div\n          role=\"status\"\n          className=\"fixed bottom-4 right-4 z-50 rounded-md bg-status-success-bg px-4 py-3 text-sm text-status-success-text shadow-lg\"\n        >\n          {deleteSuccess}\n          <button\n            type=\"button\"\n            onClick={clearDeleteSuccess}\n            className=\"ml-3 text-xs underline opacity-80 hover:opacity-100\"\n          >\n            {tr('common.dismiss', 'Dismiss')}\n          </button>\n        </div>\n      ) : null}\n\n      <AuditDeleteDialog\n        isOpen={deleteTargetIds.length > 0}\n        onClose={() => setDeleteTargetIds([])}\n        onConfirm={handleDelete}\n        loading={deleteLoading}\n        title={deleteTargetIds.length > 1 ? 'Delete Audit Logs' : 'Delete Audit Log'}\n        description={\n          deleteTargetIds.length > 1\n            ? `This will permanently delete ${deleteTargetIds.length} audit logs and record the reason in the audit trail.`\n            : 'This action will be recorded in the audit trail.'\n        }\n        confirmLabel={deleteTargetIds.length > 1 ? 'Delete Logs' : 'Delete'}\n      />\n    </div>\n  );\n}\n"],"mappings":"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"}