@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/audit/AuditLogDetail.js

@@ -0,0 +1,266 @@
+import { StatusBadge as e } from "../shared/StatusBadge.js";
+import "../shared/index.js";
+import { useState as t } from "react";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Check as r, ChevronDown as i, ChevronRight as a, Copy as o, Terminal as s, X as c } from "lucide-react";
+import { jsx as l, jsxs as u } from "react/jsx-runtime";
+//#region src/components/audit/AuditLogDetail.tsx
+function d({ data: e, label: n }) {
+	let [r, o] = t(!1);
+	return e ? /* @__PURE__ */ u("div", {
+		className: "border border-border-primary rounded-lg overflow-hidden",
+		children: [/* @__PURE__ */ u("button", {
+			onClick: () => o(!r),
+			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary",
+			children: [l(r ? i : a, { size: 14 }), n]
+		}), r && /* @__PURE__ */ l("pre", {
+			className: "px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken",
+			children: JSON.stringify(e, null, 2)
+		})]
+	}) : null;
+}
+function f({ command: e, output: n, exitCode: i }) {
+	let [a, c] = t(!1);
+	return !e && !n ? null : /* @__PURE__ */ u("div", {
+		className: "border border-border-primary rounded-lg overflow-hidden",
+		children: [
+			/* @__PURE__ */ u("div", {
+				className: "flex items-center justify-between px-3 py-2 bg-bg-secondary/50",
+				children: [/* @__PURE__ */ u("span", {
+					className: "flex items-center gap-2 text-sm font-medium",
+					children: [
+						/* @__PURE__ */ l(s, { size: 14 }),
+						"Command Execution",
+						i != null && /* @__PURE__ */ u("span", {
+							className: `px-1.5 py-0.5 rounded text-xs ${i === 0 ? "bg-status-success-bg text-status-success-text" : "bg-status-error-bg text-status-error-text"}`,
+							children: ["exit ", i]
+						})
+					]
+				}), e && /* @__PURE__ */ l("button", {
+					onClick: () => {
+						e && (navigator.clipboard.writeText(e), c(!0), setTimeout(() => c(!1), 2e3));
+					},
+					className: "p-1 rounded hover:bg-bg-secondary text-text-secondary",
+					title: "Copy command",
+					children: l(a ? r : o, { size: 14 })
+				})]
+			}),
+			e && /* @__PURE__ */ u("div", {
+				className: "px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs",
+				children: [
+					/* @__PURE__ */ l("span", {
+						className: "text-status-success-text",
+						children: "$"
+					}),
+					" ",
+					e
+				]
+			}),
+			n && /* @__PURE__ */ l("pre", {
+				className: "px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48",
+				children: n
+			})
+		]
+	});
+}
+function p({ changeset: e }) {
+	let [n, r] = t(!1);
+	if (!e || typeof e != "object") return null;
+	let o = Object.entries(e);
+	return o.length === 0 ? null : /* @__PURE__ */ u("div", {
+		className: "border border-border-primary rounded-lg overflow-hidden",
+		children: [/* @__PURE__ */ u("button", {
+			onClick: () => r(!n),
+			className: "w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary",
+			children: [
+				l(n ? i : a, { size: 14 }),
+				"Changes (",
+				o.length,
+				" field",
+				o.length === 1 ? "" : "s",
+				")"
+			]
+		}), n && /* @__PURE__ */ l("div", {
+			className: "px-3 py-2 space-y-2",
+			children: o.map(([e, t]) => /* @__PURE__ */ u("div", {
+				className: "text-xs",
+				children: [/* @__PURE__ */ l("span", {
+					className: "font-medium text-text-primary",
+					children: e
+				}), /* @__PURE__ */ u("div", {
+					className: "ml-4 mt-1 space-y-0.5",
+					children: [/* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l("span", {
+							className: "text-status-error-text font-mono",
+							children: "-"
+						}), /* @__PURE__ */ l("span", {
+							className: "text-status-error-text",
+							children: JSON.stringify(t.from)
+						})]
+					}), /* @__PURE__ */ u("div", {
+						className: "flex items-center gap-2",
+						children: [/* @__PURE__ */ l("span", {
+							className: "text-status-success-text font-mono",
+							children: "+"
+						}), /* @__PURE__ */ l("span", {
+							className: "text-status-success-text",
+							children: JSON.stringify(t.to)
+						})]
+					})]
+				})]
+			}, e))
+		})]
+	});
+}
+function m({ log: t, onClose: r }) {
+	let { t: i } = n();
+	return /* @__PURE__ */ u("div", {
+		className: "fixed inset-y-0 right-0 w-[480px] bg-bg-surface border-l border-border-default shadow-xl z-50 flex flex-col",
+		children: [/* @__PURE__ */ u("div", {
+			className: "flex items-center justify-between px-4 py-3 border-b border-border-default",
+			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
+				className: "text-sm font-semibold",
+				children: "Audit Log Detail"
+			}), /* @__PURE__ */ l("span", {
+				className: "text-xs text-text-secondary font-mono",
+				children: t.id
+			})] }), /* @__PURE__ */ l("button", {
+				onClick: r,
+				className: "p-1 rounded hover:bg-bg-secondary",
+				children: /* @__PURE__ */ l(c, { size: 16 })
+			})]
+		}), /* @__PURE__ */ u("div", {
+			className: "flex-1 overflow-y-auto p-4 space-y-4",
+			children: [
+				/* @__PURE__ */ u("div", {
+					className: "grid grid-cols-2 gap-3 text-sm",
+					children: [
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Action"
+						}), /* @__PURE__ */ l("div", {
+							className: "font-medium",
+							children: t.action
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Status"
+						}), /* @__PURE__ */ l("div", { children: /* @__PURE__ */ l(e, {
+							status: t.status,
+							size: "sm"
+						}) })] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Resource Type"
+						}), /* @__PURE__ */ l("div", {
+							className: "font-medium",
+							children: t.resourceType.replace(/_/g, " ")
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Resource ID"
+						}), /* @__PURE__ */ l("div", {
+							className: "font-mono text-xs truncate",
+							children: t.resourceId || "-"
+						})] }),
+						/* @__PURE__ */ u("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-secondary text-xs",
+								children: "Resource Name"
+							}), /* @__PURE__ */ l("div", { children: t.resourceName || "-" })]
+						}),
+						/* @__PURE__ */ u("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-secondary text-xs",
+								children: "Description"
+							}), /* @__PURE__ */ l("div", {
+								className: "text-text-secondary",
+								children: t.description || "-"
+							})]
+						}),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Actor"
+						}), /* @__PURE__ */ l("div", {
+							className: "font-mono text-xs",
+							children: t.actorId
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Actor Type"
+						}), /* @__PURE__ */ l("div", { children: t.actorType || "-" })] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "Timestamp"
+						}), /* @__PURE__ */ l("div", {
+							className: "text-xs",
+							children: new Date(t.createdAt).toLocaleString()
+						})] }),
+						/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("span", {
+							className: "text-text-secondary text-xs",
+							children: "IP Address"
+						}), /* @__PURE__ */ l("div", {
+							className: "font-mono text-xs",
+							children: t.ipAddress || "-"
+						})] }),
+						t.expiresAt && /* @__PURE__ */ u("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-secondary text-xs",
+								children: "Expires At"
+							}), /* @__PURE__ */ l("div", {
+								className: "text-xs text-status-warning-text",
+								children: new Date(t.expiresAt).toLocaleString()
+							})]
+						}),
+						t.errorMessage && /* @__PURE__ */ u("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-secondary text-xs",
+								children: "Error"
+							}), /* @__PURE__ */ l("div", {
+								className: "text-status-error-text text-xs",
+								children: t.errorMessage
+							})]
+						}),
+						t.deleteReason && /* @__PURE__ */ u("div", {
+							className: "col-span-2",
+							children: [/* @__PURE__ */ l("span", {
+								className: "text-text-secondary text-xs",
+								children: "Delete Reason"
+							}), /* @__PURE__ */ l("div", {
+								className: "text-xs",
+								children: t.deleteReason
+							})]
+						})
+					]
+				}),
+				/* @__PURE__ */ l(f, {
+					command: t.command,
+					output: t.output,
+					exitCode: t.exitCode
+				}),
+				/* @__PURE__ */ l(p, { changeset: t.changeset }),
+				/* @__PURE__ */ l(d, {
+					data: t.previousState,
+					label: "Previous State"
+				}),
+				/* @__PURE__ */ l(d, {
+					data: t.newState,
+					label: "New State"
+				}),
+				/* @__PURE__ */ l(d, {
+					data: t.metadata,
+					label: "Metadata"
+				})
+			]
+		})]
+	});
+}
+//#endregion
+export { m as AuditLogDetail };
+
+//# sourceMappingURL=AuditLogDetail.js.map

package/dist/components/audit/AuditLogDetail.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogDetail.js","names":[],"sources":["../../../src/components/audit/AuditLogDetail.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { useState } from 'react';\nimport { X, ChevronDown, ChevronRight, Copy, Check, Terminal } from 'lucide-react';\nimport type { VibeAuditLogDetailFragment } from '@/generated/wspace-operations';\nimport { StatusBadge } from '@/components/shared';\n\ninterface AuditLogDetailProps {\n  log: VibeAuditLogDetailFragment;\n  onClose: () => void;\n}\n\nfunction JsonViewer({ data, label }: { data: unknown; label: string }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!data) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        {label}\n      </button>\n      {expanded && (\n        <pre className=\"px-3 py-2 text-xs overflow-auto max-h-64 bg-bg-sunken\">\n          {JSON.stringify(data, null, 2)}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction CommandBlock({\n  command,\n  output,\n  exitCode,\n}: {\n  command?: string | null;\n  output?: string | null;\n  exitCode?: number | null;\n}) {\n  const [copied, setCopied] = useState(false);\n  if (!command && !output) return null;\n\n  const handleCopy = () => {\n    if (command) {\n      navigator.clipboard.writeText(command);\n      setCopied(true);\n      setTimeout(() => setCopied(false), 2000);\n    }\n  };\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <div className=\"flex items-center justify-between px-3 py-2 bg-bg-secondary/50\">\n        <span className=\"flex items-center gap-2 text-sm font-medium\">\n          <Terminal size={14} />\n          Command Execution\n          {exitCode !== null && exitCode !== undefined && (\n            <span\n              className={`px-1.5 py-0.5 rounded text-xs ${exitCode === 0 ? 'bg-status-success-bg text-status-success-text' : 'bg-status-error-bg text-status-error-text'}`}\n            >\n              exit {exitCode}\n            </span>\n          )}\n        </span>\n        {command && (\n          <button\n            onClick={handleCopy}\n            className=\"p-1 rounded hover:bg-bg-secondary text-text-secondary\"\n            title=\"Copy command\"\n          >\n            {copied ? <Check size={14} /> : <Copy size={14} />}\n          </button>\n        )}\n      </div>\n      {command && (\n        <div className=\"px-3 py-2 bg-bg-sunken text-text-secondary font-mono text-xs\">\n          <span className=\"text-status-success-text\">$</span> {command}\n        </div>\n      )}\n      {output && (\n        <pre className=\"px-3 py-2 text-xs bg-bg-sunken text-text-tertiary font-mono overflow-auto max-h-48\">\n          {output}\n        </pre>\n      )}\n    </div>\n  );\n}\n\nfunction ChangesetViewer({ changeset }: { changeset: Record<string, unknown> | null | undefined }) {\n  const [expanded, setExpanded] = useState(false);\n  if (!changeset || typeof changeset !== 'object') return null;\n\n  const changes = Object.entries(changeset as Record<string, { from: unknown; to: unknown }>);\n  if (changes.length === 0) return null;\n\n  return (\n    <div className=\"border border-border-primary rounded-lg overflow-hidden\">\n      <button\n        onClick={() => setExpanded(!expanded)}\n        className=\"w-full flex items-center gap-2 px-3 py-2 text-sm font-medium bg-bg-secondary/50 hover:bg-bg-secondary\"\n      >\n        {expanded ? <ChevronDown size={14} /> : <ChevronRight size={14} />}\n        Changes ({changes.length} field{changes.length !== 1 ? 's' : ''})\n      </button>\n      {expanded && (\n        <div className=\"px-3 py-2 space-y-2\">\n          {changes.map(([field, change]) => (\n            <div key={field} className=\"text-xs\">\n              <span className=\"font-medium text-text-primary\">{field}</span>\n              <div className=\"ml-4 mt-1 space-y-0.5\">\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-error-text font-mono\">-</span>\n                  <span className=\"text-status-error-text\">\n                    {JSON.stringify((change as { from: unknown }).from)}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <span className=\"text-status-success-text font-mono\">+</span>\n                  <span className=\"text-status-success-text\">\n                    {JSON.stringify((change as { to: unknown }).to)}\n                  </span>\n                </div>\n              </div>\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n\nexport function AuditLogDetail({ log, onClose }: AuditLogDetailProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  return (\n    <div className=\"fixed inset-y-0 right-0 w-[480px] bg-bg-surface border-l border-border-default shadow-xl z-50 flex flex-col\">\n      {/* Header */}\n      <div className=\"flex items-center justify-between px-4 py-3 border-b border-border-default\">\n        <div>\n          <h3 className=\"text-sm font-semibold\">Audit Log Detail</h3>\n          <span className=\"text-xs text-text-secondary font-mono\">{log.id}</span>\n        </div>\n        <button onClick={onClose} className=\"p-1 rounded hover:bg-bg-secondary\">\n          <X size={16} />\n        </button>\n      </div>\n\n      {/* Content */}\n      <div className=\"flex-1 overflow-y-auto p-4 space-y-4\">\n        {/* Summary */}\n        <div className=\"grid grid-cols-2 gap-3 text-sm\">\n          <div>\n            <span className=\"text-text-secondary text-xs\">Action</span>\n            <div className=\"font-medium\">{log.action}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Status</span>\n            <div>\n              <StatusBadge status={log.status} size=\"sm\" />\n            </div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Resource Type</span>\n            <div className=\"font-medium\">{log.resourceType.replace(/_/g, ' ')}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Resource ID</span>\n            <div className=\"font-mono text-xs truncate\">{log.resourceId || '-'}</div>\n          </div>\n          <div className=\"col-span-2\">\n            <span className=\"text-text-secondary text-xs\">Resource Name</span>\n            <div>{log.resourceName || '-'}</div>\n          </div>\n          <div className=\"col-span-2\">\n            <span className=\"text-text-secondary text-xs\">Description</span>\n            <div className=\"text-text-secondary\">{log.description || '-'}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Actor</span>\n            <div className=\"font-mono text-xs\">{log.actorId}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Actor Type</span>\n            <div>{log.actorType || '-'}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">Timestamp</span>\n            <div className=\"text-xs\">{new Date(log.createdAt).toLocaleString()}</div>\n          </div>\n          <div>\n            <span className=\"text-text-secondary text-xs\">IP Address</span>\n            <div className=\"font-mono text-xs\">{log.ipAddress || '-'}</div>\n          </div>\n          {log.expiresAt && (\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Expires At</span>\n              <div className=\"text-xs text-status-warning-text\">\n                {new Date(log.expiresAt).toLocaleString()}\n              </div>\n            </div>\n          )}\n          {log.errorMessage && (\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Error</span>\n              <div className=\"text-status-error-text text-xs\">{log.errorMessage}</div>\n            </div>\n          )}\n          {log.deleteReason && (\n            <div className=\"col-span-2\">\n              <span className=\"text-text-secondary text-xs\">Delete Reason</span>\n              <div className=\"text-xs\">{log.deleteReason}</div>\n            </div>\n          )}\n        </div>\n\n        {/* Command execution */}\n        <CommandBlock command={log.command} output={log.output} exitCode={log.exitCode} />\n\n        {/* Changeset */}\n        <ChangesetViewer changeset={log.changeset as Record<string, unknown> | null} />\n\n        {/* State snapshots */}\n        <JsonViewer data={log.previousState} label=\"Previous State\" />\n        <JsonViewer data={log.newState} label=\"New State\" />\n        <JsonViewer data={log.metadata} label=\"Metadata\" />\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/audit/AuditLogFilters.d.ts

@@ -0,0 +1,15 @@
+interface AuditLogFiltersProps {
+    searchQuery: string;
+    onSearchChange: (query: string) => void;
+    actionFilter: string | null;
+    onActionChange: (value: string) => void;
+    resourceTypeFilter: string | null;
+    onResourceTypeChange: (value: string) => void;
+    statusFilter: string | null;
+    onStatusChange: (value: string) => void;
+    hasCommandFilter: boolean;
+    onHasCommandChange: (value: boolean) => void;
+}
+export declare function AuditLogFilters({ searchQuery, onSearchChange, actionFilter, onActionChange, resourceTypeFilter, onResourceTypeChange, statusFilter, onStatusChange, hasCommandFilter, onHasCommandChange, }: AuditLogFiltersProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuditLogFilters.d.ts.map

package/dist/components/audit/AuditLogFilters.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogFilters.d.ts","sourceRoot":"","sources":["../../../src/components/audit/AuditLogFilters.tsx"],"names":[],"mappings":"AAGA,UAAU,oBAAoB;IAC5B,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,kBAAkB,EAAE,MAAM,GAAG,IAAI,CAAC;IAClC,oBAAoB,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAC9C,YAAY,EAAE,MAAM,GAAG,IAAI,CAAC;IAC5B,cAAc,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,kBAAkB,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;CAC9C;AAED,wBAAgB,eAAe,CAAC,EAC9B,WAAW,EACX,cAAc,EACd,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,oBAAoB,EACpB,YAAY,EACZ,cAAc,EACd,gBAAgB,EAChB,kBAAkB,GACnB,EAAE,oBAAoB,2CAqFtB"}

package/dist/components/audit/AuditLogFilters.js

@@ -0,0 +1,185 @@
+import { SearchInput as e } from "../shared/SearchInput.js";
+import { FilterDropdown as t } from "../shared/FilterDropdown.js";
+import "../shared/index.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { jsx as r, jsxs as i } from "react/jsx-runtime";
+//#region src/components/audit/AuditLogFilters.tsx
+function a({ searchQuery: a, onSearchChange: o, actionFilter: s, onActionChange: c, resourceTypeFilter: l, onResourceTypeChange: u, statusFilter: d, onStatusChange: f, hasCommandFilter: p, onHasCommandChange: m }) {
+	let { t: h } = n(), g = (e, t) => {
+		let n = h(e);
+		return n === e ? t : n;
+	}, _ = [
+		{
+			value: "all",
+			label: g("audit.allActions", "All Actions")
+		},
+		{
+			value: "CREATE",
+			label: g("audit.actionCreate", "Create")
+		},
+		{
+			value: "UPDATE",
+			label: g("audit.actionUpdate", "Update")
+		},
+		{
+			value: "DELETE",
+			label: g("audit.actionDelete", "Delete")
+		},
+		{
+			value: "EXECUTE",
+			label: g("audit.actionExecute", "Execute")
+		},
+		{
+			value: "EXPORT",
+			label: g("audit.actionExport", "Export")
+		},
+		{
+			value: "SHARE",
+			label: g("audit.actionShare", "Share")
+		},
+		{
+			value: "REVOKE",
+			label: g("audit.actionRevoke", "Revoke")
+		},
+		{
+			value: "ARCHIVE",
+			label: g("audit.actionArchive", "Archive")
+		},
+		{
+			value: "RESTORE",
+			label: g("audit.actionRestore", "Restore")
+		}
+	], v = [
+		{
+			value: "all",
+			label: g("audit.allResources", "All Resources")
+		},
+		{
+			value: "AGENT",
+			label: g("audit.resourceAgent", "Agent")
+		},
+		{
+			value: "VIBE",
+			label: g("audit.resourceVibe", "Vibe")
+		},
+		{
+			value: "SESSION",
+			label: g("audit.resourceSession", "Session")
+		},
+		{
+			value: "VIBE_DECK",
+			label: g("audit.resourceVibeDeck", "Vibe Deck")
+		},
+		{
+			value: "VIBE_DECK_BUTTON",
+			label: g("audit.resourceDeckButton", "Deck Button")
+		},
+		{
+			value: "NOTE",
+			label: g("audit.resourceNote", "Note")
+		},
+		{
+			value: "CONFIGURATION",
+			label: g("audit.resourceConfiguration", "Configuration")
+		},
+		{
+			value: "WEBHOOK",
+			label: g("audit.resourceWebhook", "Webhook")
+		},
+		{
+			value: "SESSION_SHARE",
+			label: g("audit.resourceSessionShare", "Session Share")
+		},
+		{
+			value: "AI_TOOL_EVENT",
+			label: g("audit.resourceAiToolEvent", "AI Tool Event")
+		},
+		{
+			value: "AUDIT_LOG",
+			label: g("audit.resourceAuditLog", "Audit Log")
+		},
+		{
+			value: "CALENDAR_TASK",
+			label: g("audit.resourceCalendarTask", "Calendar Task")
+		},
+		{
+			value: "TARGET",
+			label: g("audit.resourceTarget", "Target")
+		},
+		{
+			value: "AGENT_CONNECTION",
+			label: g("audit.resourceAgentConnection", "Agent Connection")
+		},
+		{
+			value: "UI_SESSION",
+			label: g("audit.resourceUiSession", "UI Session")
+		},
+		{
+			value: "SESSION_SHARE_LINK",
+			label: g("audit.resourceShareLink", "Share Link")
+		}
+	], y = [
+		{
+			value: "all",
+			label: g("audit.allStatuses", "All Statuses")
+		},
+		{
+			value: "SUCCESS",
+			label: g("audit.statusSuccess", "Success")
+		},
+		{
+			value: "FAILURE",
+			label: g("audit.statusFailure", "Failure")
+		},
+		{
+			value: "DENIED",
+			label: g("audit.statusDenied", "Denied")
+		},
+		{
+			value: "ERROR",
+			label: g("audit.statusError", "Error")
+		}
+	];
+	return /* @__PURE__ */ i("div", {
+		className: "mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center",
+		children: [
+			/* @__PURE__ */ r(e, {
+				value: a,
+				onChange: o,
+				placeholder: g("audit.searchPlaceholder", "Search audit logs..."),
+				className: "w-full sm:w-64"
+			}),
+			/* @__PURE__ */ r(t, {
+				label: g("audit.action", "Action"),
+				options: _,
+				value: s,
+				onChange: c
+			}),
+			/* @__PURE__ */ r(t, {
+				label: g("audit.resource", "Resource"),
+				options: v,
+				value: l,
+				onChange: u
+			}),
+			/* @__PURE__ */ r(t, {
+				label: g("audit.status", "Status"),
+				options: y,
+				value: d,
+				onChange: f
+			}),
+			/* @__PURE__ */ i("label", {
+				className: "flex items-center gap-2 text-sm text-text-secondary cursor-pointer",
+				children: [/* @__PURE__ */ r("input", {
+					type: "checkbox",
+					checked: p,
+					onChange: (e) => m(e.target.checked),
+					className: "rounded border-border-primary"
+				}), g("audit.commandsOnly", "Commands only")]
+			})
+		]
+	});
+}
+//#endregion
+export { a as AuditLogFilters };
+
+//# sourceMappingURL=AuditLogFilters.js.map

package/dist/components/audit/AuditLogFilters.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogFilters.js","names":[],"sources":["../../../src/components/audit/AuditLogFilters.tsx"],"sourcesContent":["import { SearchInput, FilterDropdown } from '@/components/shared';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\ninterface AuditLogFiltersProps {\n  searchQuery: string;\n  onSearchChange: (query: string) => void;\n  actionFilter: string | null;\n  onActionChange: (value: string) => void;\n  resourceTypeFilter: string | null;\n  onResourceTypeChange: (value: string) => void;\n  statusFilter: string | null;\n  onStatusChange: (value: string) => void;\n  hasCommandFilter: boolean;\n  onHasCommandChange: (value: boolean) => void;\n}\n\nexport function AuditLogFilters({\n  searchQuery,\n  onSearchChange,\n  actionFilter,\n  onActionChange,\n  resourceTypeFilter,\n  onResourceTypeChange,\n  statusFilter,\n  onStatusChange,\n  hasCommandFilter,\n  onHasCommandChange,\n}: AuditLogFiltersProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n\n  const actionOptions = [\n    { value: 'all', label: tr('audit.allActions', 'All Actions') },\n    { value: 'CREATE', label: tr('audit.actionCreate', 'Create') },\n    { value: 'UPDATE', label: tr('audit.actionUpdate', 'Update') },\n    { value: 'DELETE', label: tr('audit.actionDelete', 'Delete') },\n    { value: 'EXECUTE', label: tr('audit.actionExecute', 'Execute') },\n    { value: 'EXPORT', label: tr('audit.actionExport', 'Export') },\n    { value: 'SHARE', label: tr('audit.actionShare', 'Share') },\n    { value: 'REVOKE', label: tr('audit.actionRevoke', 'Revoke') },\n    { value: 'ARCHIVE', label: tr('audit.actionArchive', 'Archive') },\n    { value: 'RESTORE', label: tr('audit.actionRestore', 'Restore') },\n  ];\n\n  const resourceTypeOptions = [\n    { value: 'all', label: tr('audit.allResources', 'All Resources') },\n    { value: 'AGENT', label: tr('audit.resourceAgent', 'Agent') },\n    { value: 'VIBE', label: tr('audit.resourceVibe', 'Vibe') },\n    { value: 'SESSION', label: tr('audit.resourceSession', 'Session') },\n    { value: 'VIBE_DECK', label: tr('audit.resourceVibeDeck', 'Vibe Deck') },\n    { value: 'VIBE_DECK_BUTTON', label: tr('audit.resourceDeckButton', 'Deck Button') },\n    { value: 'NOTE', label: tr('audit.resourceNote', 'Note') },\n    { value: 'CONFIGURATION', label: tr('audit.resourceConfiguration', 'Configuration') },\n    { value: 'WEBHOOK', label: tr('audit.resourceWebhook', 'Webhook') },\n    { value: 'SESSION_SHARE', label: tr('audit.resourceSessionShare', 'Session Share') },\n    { value: 'AI_TOOL_EVENT', label: tr('audit.resourceAiToolEvent', 'AI Tool Event') },\n    { value: 'AUDIT_LOG', label: tr('audit.resourceAuditLog', 'Audit Log') },\n    { value: 'CALENDAR_TASK', label: tr('audit.resourceCalendarTask', 'Calendar Task') },\n    { value: 'TARGET', label: tr('audit.resourceTarget', 'Target') },\n    { value: 'AGENT_CONNECTION', label: tr('audit.resourceAgentConnection', 'Agent Connection') },\n    { value: 'UI_SESSION', label: tr('audit.resourceUiSession', 'UI Session') },\n    { value: 'SESSION_SHARE_LINK', label: tr('audit.resourceShareLink', 'Share Link') },\n  ];\n\n  const statusOptions = [\n    { value: 'all', label: tr('audit.allStatuses', 'All Statuses') },\n    { value: 'SUCCESS', label: tr('audit.statusSuccess', 'Success') },\n    { value: 'FAILURE', label: tr('audit.statusFailure', 'Failure') },\n    { value: 'DENIED', label: tr('audit.statusDenied', 'Denied') },\n    { value: 'ERROR', label: tr('audit.statusError', 'Error') },\n  ];\n\n  return (\n    <div className=\"mb-4 flex flex-col gap-3 sm:flex-row sm:flex-wrap sm:items-center\">\n      <SearchInput\n        value={searchQuery}\n        onChange={onSearchChange}\n        placeholder={tr('audit.searchPlaceholder', 'Search audit logs...')}\n        className=\"w-full sm:w-64\"\n      />\n      <FilterDropdown\n        label={tr('audit.action', 'Action')}\n        options={actionOptions}\n        value={actionFilter}\n        onChange={onActionChange}\n      />\n      <FilterDropdown\n        label={tr('audit.resource', 'Resource')}\n        options={resourceTypeOptions}\n        value={resourceTypeFilter}\n        onChange={onResourceTypeChange}\n      />\n      <FilterDropdown\n        label={tr('audit.status', 'Status')}\n        options={statusOptions}\n        value={statusFilter}\n        onChange={onStatusChange}\n      />\n      <label className=\"flex items-center gap-2 text-sm text-text-secondary cursor-pointer\">\n        <input\n          type=\"checkbox\"\n          checked={hasCommandFilter}\n          onChange={(e) => onHasCommandChange(e.target.checked)}\n          className=\"rounded border-border-primary\"\n        />\n        {tr('audit.commandsOnly', 'Commands only')}\n      </label>\n    </div>\n  );\n}\n"],"mappings":"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"}

package/dist/components/audit/AuditLogStats.d.ts

@@ -0,0 +1,9 @@
+import { GetVibeAuditLogStatsQuery } from '../../generated/wspace-operations';
+
+interface AuditLogStatsProps {
+    stats: GetVibeAuditLogStatsQuery['vibeAuditLogStats'] | undefined;
+    loading: boolean;
+}
+export declare function AuditLogStats({ stats, loading }: AuditLogStatsProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuditLogStats.d.ts.map

package/dist/components/audit/AuditLogStats.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogStats.d.ts","sourceRoot":"","sources":["../../../src/components/audit/AuditLogStats.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,+BAA+B,CAAC;AAE/E,UAAU,kBAAkB;IAC1B,KAAK,EAAE,yBAAyB,CAAC,mBAAmB,CAAC,GAAG,SAAS,CAAC;IAClE,OAAO,EAAE,OAAO,CAAC;CAClB;AAED,wBAAgB,aAAa,CAAC,EAAE,KAAK,EAAE,OAAO,EAAE,EAAE,kBAAkB,2CAgDnE"}

package/dist/components/audit/AuditLogStats.js

@@ -0,0 +1,54 @@
+import { StatCard as e } from "../shared/StatCard.js";
+import "../shared/index.js";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Clock as n, Shield as r } from "lucide-react";
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+//#region src/components/audit/AuditLogStats.tsx
+function o({ stats: o, loading: s }) {
+	let { t: c } = t();
+	if (s || !o) return /* @__PURE__ */ i("div", {
+		className: "mb-6 grid grid-cols-2 gap-4 md:grid-cols-4",
+		children: [...[
+			,
+			,
+			,
+			,
+		]].map((e, t) => /* @__PURE__ */ i("div", { className: "h-20 rounded-lg bg-bg-secondary/50 animate-pulse" }, t))
+	});
+	let l = o.logsByStatus.find((e) => e.status === "SUCCESS")?.count ?? 0, u = o.logsByStatus.find((e) => e.status === "ERROR")?.count ?? 0, d = o.logsByStatus.find((e) => e.status === "FAILURE")?.count ?? 0;
+	return /* @__PURE__ */ a("div", {
+		className: "grid grid-cols-2 md:grid-cols-4 gap-4 mb-6",
+		children: [
+			/* @__PURE__ */ i(e, {
+				title: "Total Logs",
+				value: o.totalLogs.toLocaleString(),
+				icon: /* @__PURE__ */ i(r, { size: 16 })
+			}),
+			/* @__PURE__ */ i(e, {
+				title: "Successful",
+				value: l.toLocaleString(),
+				icon: /* @__PURE__ */ i(r, {
+					size: 16,
+					className: "text-status-success-text"
+				})
+			}),
+			/* @__PURE__ */ i(e, {
+				title: "Errors / Failures",
+				value: `${u + d}`,
+				icon: /* @__PURE__ */ i(r, {
+					size: 16,
+					className: "text-status-error-text"
+				})
+			}),
+			/* @__PURE__ */ i(e, {
+				title: "Retention",
+				value: o.retentionPolicy.retentionDays === -1 ? "Unlimited" : `${o.retentionPolicy.retentionDays} days`,
+				icon: /* @__PURE__ */ i(n, { size: 16 })
+			})
+		]
+	});
+}
+//#endregion
+export { o as AuditLogStats };
+
+//# sourceMappingURL=AuditLogStats.js.map

package/dist/components/audit/AuditLogStats.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogStats.js","names":[],"sources":["../../../src/components/audit/AuditLogStats.tsx"],"sourcesContent":["import { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { Shield, Clock } from 'lucide-react';\nimport { StatCard } from '@/components/shared';\nimport type { GetVibeAuditLogStatsQuery } from '@/generated/wspace-operations';\n\ninterface AuditLogStatsProps {\n  stats: GetVibeAuditLogStatsQuery['vibeAuditLogStats'] | undefined;\n  loading: boolean;\n}\n\nexport function AuditLogStats({ stats, loading }: AuditLogStatsProps) {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  if (loading || !stats) {\n    return (\n      <div className=\"mb-6 grid grid-cols-2 gap-4 md:grid-cols-4\">\n        {[...Array(4)].map((_, i) => (\n          <div key={i} className=\"h-20 rounded-lg bg-bg-secondary/50 animate-pulse\" />\n        ))}\n      </div>\n    );\n  }\n\n  const successCount = stats.logsByStatus.find((s) => s.status === 'SUCCESS')?.count ?? 0;\n  const errorCount = stats.logsByStatus.find((s) => s.status === 'ERROR')?.count ?? 0;\n  const failureCount = stats.logsByStatus.find((s) => s.status === 'FAILURE')?.count ?? 0;\n\n  return (\n    <div className=\"grid grid-cols-2 md:grid-cols-4 gap-4 mb-6\">\n      <StatCard\n        title=\"Total Logs\"\n        value={stats.totalLogs.toLocaleString()}\n        icon={<Shield size={16} />}\n      />\n      <StatCard\n        title=\"Successful\"\n        value={successCount.toLocaleString()}\n        icon={<Shield size={16} className=\"text-status-success-text\" />}\n      />\n      <StatCard\n        title=\"Errors / Failures\"\n        value={`${errorCount + failureCount}`}\n        icon={<Shield size={16} className=\"text-status-error-text\" />}\n      />\n      <StatCard\n        title=\"Retention\"\n        value={\n          stats.retentionPolicy.retentionDays === -1\n            ? 'Unlimited'\n            : `${stats.retentionPolicy.retentionDays} days`\n        }\n        icon={<Clock size={16} />}\n      />\n    </div>\n  );\n}\n"],"mappings":";;;;;;AAUA,SAAgB,EAAc,EAAE,UAAO,cAA+B;CACpE,IAAM,EAAE,SAAM,GAAS;AAKvB,KAAI,KAAW,CAAC,EACd,QACE,kBAAC,OAAD;EAAK,WAAU;YACZ,CAAC,GAAG;;;;;GAAQ,CAAC,CAAC,KAAK,GAAG,MACrB,kBAAC,OAAD,EAAa,WAAU,oDAAqD,EAAlE,EAAkE,CAC5E;EACE,CAAA;CAIV,IAAM,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS,GAChF,IAAa,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,QAAQ,EAAE,SAAS,GAC5E,IAAe,EAAM,aAAa,MAAM,MAAM,EAAE,WAAW,UAAU,EAAE,SAAS;AAEtF,QACE,kBAAC,OAAD;EAAK,WAAU;YAAf;GACE,kBAAC,GAAD;IACE,OAAM;IACN,OAAO,EAAM,UAAU,gBAAgB;IACvC,MAAM,kBAAC,GAAD,EAAQ,MAAM,IAAM,CAAA;IAC1B,CAAA;GACF,kBAAC,GAAD;IACE,OAAM;IACN,OAAO,EAAa,gBAAgB;IACpC,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA6B,CAAA;IAC/D,CAAA;GACF,kBAAC,GAAD;IACE,OAAM;IACN,OAAO,GAAG,IAAa;IACvB,MAAM,kBAAC,GAAD;KAAQ,MAAM;KAAI,WAAU;KAA2B,CAAA;IAC7D,CAAA;GACF,kBAAC,GAAD;IACE,OAAM;IACN,OACE,EAAM,gBAAgB,kBAAkB,KACpC,cACA,GAAG,EAAM,gBAAgB,cAAc;IAE7C,MAAM,kBAAC,GAAD,EAAO,MAAM,IAAM,CAAA;IACzB,CAAA;GACE"}

package/dist/components/audit/AuditLogTable.d.ts

@@ -0,0 +1,21 @@
+import { VibeAuditLogFieldsFragment } from '../../generated/wspace-operations';
+
+interface AuditLogTableProps {
+    items: VibeAuditLogFieldsFragment[];
+    total: number;
+    hasMore: boolean;
+    page: number;
+    pageSize: number;
+    onPageChange: (page: number) => void;
+    onSelectLog: (id: string) => void;
+    onDeleteLog: (id: string) => void;
+    selectedLogId: string | null;
+    selectedLogIds: Set<string>;
+    allVisibleSelected: boolean;
+    partiallySelected: boolean;
+    onToggleLogSelection: (id: string, checked: boolean) => void;
+    onToggleAllVisible: (checked: boolean) => void;
+}
+export declare function AuditLogTable({ items, total, hasMore, page, pageSize, onPageChange, onSelectLog, onDeleteLog, selectedLogId, selectedLogIds, allVisibleSelected, partiallySelected, onToggleLogSelection, onToggleAllVisible, }: AuditLogTableProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AuditLogTable.d.ts.map

package/dist/components/audit/AuditLogTable.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogTable.d.ts","sourceRoot":"","sources":["../../../src/components/audit/AuditLogTable.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,+BAA+B,CAAC;AAEhF,UAAU,kBAAkB;IAC1B,KAAK,EAAE,0BAA0B,EAAE,CAAC;IACpC,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,EAAE,OAAO,CAAC;IACjB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,WAAW,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAClC,aAAa,EAAE,MAAM,GAAG,IAAI,CAAC;IAC7B,cAAc,EAAE,GAAG,CAAC,MAAM,CAAC,CAAC;IAC5B,kBAAkB,EAAE,OAAO,CAAC;IAC5B,iBAAiB,EAAE,OAAO,CAAC;IAC3B,oBAAoB,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;IAC7D,kBAAkB,EAAE,CAAC,OAAO,EAAE,OAAO,KAAK,IAAI,CAAC;CAChD;AAuCD,wBAAgB,aAAa,CAAC,EAC5B,KAAK,EACL,KAAK,EACL,OAAO,EACP,IAAI,EACJ,QAAQ,EACR,YAAY,EACZ,WAAW,EACX,WAAW,EACX,aAAa,EACb,cAAc,EACd,kBAAkB,EAClB,iBAAiB,EACjB,oBAAoB,EACpB,kBAAkB,GACnB,EAAE,kBAAkB,2CA6NpB"}