@burdenoff/microfe-vibecontrols 2026.511.1

package/dist/components/audit/AuditLogTable.js

@@ -0,0 +1,270 @@
+import { StatusBadge as e } from "../shared/StatusBadge.js";
+import { SelectionCheckbox as t } from "../shared/SelectionCheckbox.js";
+import "../shared/index.js";
+import { useI18n as n } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { ChevronRight as r, Terminal as i, Trash2 as a } from "lucide-react";
+import { jsx as o, jsxs as s } from "react/jsx-runtime";
+//#region src/components/audit/AuditLogTable.tsx
+var c = {
+	SUCCESS: "success",
+	FAILURE: "error",
+	DENIED: "warning",
+	ERROR: "error"
+}, l = {
+	CREATE: "bg-status-success-bg text-status-success-text",
+	UPDATE: "bg-status-info-bg text-status-info-text",
+	DELETE: "bg-status-error-bg text-status-error-text",
+	EXECUTE: "bg-action-primary-bg/15 text-action-primary-text",
+	EXPORT: "bg-status-warning-bg text-status-warning-text",
+	SHARE: "bg-status-success-bg text-status-success-text",
+	REVOKE: "bg-status-warning-bg text-status-warning-text",
+	ARCHIVE: "bg-bg-muted text-text-secondary",
+	RESTORE: "bg-status-info-bg text-status-info-text"
+};
+function u(e) {
+	return new Date(e).toLocaleString("en-US", {
+		month: "short",
+		day: "numeric",
+		hour: "2-digit",
+		minute: "2-digit",
+		second: "2-digit"
+	});
+}
+function d(e) {
+	return e.replace(/_/g, " ").toLowerCase().replace(/\b\w/g, (e) => e.toUpperCase());
+}
+function f({ items: f, total: p, hasMore: m, page: h, pageSize: g, onPageChange: _, onSelectLog: v, onDeleteLog: y, selectedLogId: b, selectedLogIds: x, allVisibleSelected: S, partiallySelected: C, onToggleLogSelection: w, onToggleAllVisible: T }) {
+	let { t: E } = n(), D = Math.max(1, Math.ceil(p / g)), O = (e, t) => {
+		let n = E(e);
+		return n === e ? t : n;
+	};
+	return /* @__PURE__ */ s("div", { children: [
+		/* @__PURE__ */ o("div", {
+			className: "space-y-3 md:hidden",
+			children: f.map((n) => {
+				let f = x.has(n.id);
+				return /* @__PURE__ */ s("article", {
+					className: `rounded-lg border border-border-primary p-4 transition-colors ${b === n.id ? "bg-bg-secondary/50" : "bg-bg-surface"}`,
+					children: [
+						/* @__PURE__ */ s("div", {
+							className: "flex items-start justify-between gap-3",
+							children: [/* @__PURE__ */ s("div", {
+								className: "flex items-start gap-3",
+								children: [/* @__PURE__ */ o(t, {
+									checked: f,
+									onChange: (e) => w(n.id, e),
+									ariaLabel: `Select audit log ${n.id}`,
+									className: "mt-1"
+								}), /* @__PURE__ */ s("div", {
+									className: "min-w-0",
+									children: [
+										/* @__PURE__ */ o("p", {
+											className: "text-xs text-text-secondary",
+											children: u(n.createdAt)
+										}),
+										/* @__PURE__ */ o("p", {
+											className: "mt-1 truncate font-medium text-text-primary",
+											children: n.resourceName || n.description || "-"
+										}),
+										/* @__PURE__ */ o("p", {
+											className: "mt-1 text-xs text-text-secondary",
+											children: d(n.resourceType)
+										})
+									]
+								})]
+							}), /* @__PURE__ */ s("span", {
+								className: `inline-flex shrink-0 items-center gap-1 rounded px-2 py-0.5 text-xs font-medium ${l[n.action] || "bg-bg-secondary text-text-secondary"}`,
+								children: [n.command ? /* @__PURE__ */ o(i, { size: 12 }) : null, n.action]
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "mt-3 flex items-center justify-between gap-3",
+							children: [/* @__PURE__ */ o("p", {
+								className: "min-w-0 truncate font-mono text-xs text-text-secondary",
+								children: n.actorId
+							}), /* @__PURE__ */ o(e, {
+								status: n.status,
+								variant: c[n.status],
+								size: "sm"
+							})]
+						}),
+						/* @__PURE__ */ s("div", {
+							className: "mt-4 flex items-center justify-end gap-2",
+							children: [/* @__PURE__ */ s("button", {
+								type: "button",
+								onClick: () => v(n.id),
+								className: "inline-flex items-center gap-1 rounded-md border border-border-primary px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-secondary",
+								children: ["View details", /* @__PURE__ */ o(r, { size: 14 })]
+							}), /* @__PURE__ */ o("button", {
+								type: "button",
+								onClick: () => y(n.id),
+								className: "rounded p-1 text-text-secondary transition-colors hover:bg-status-error-bg hover:text-status-error-text",
+								title: O("audit.deleteAuditLog", "Delete audit log"),
+								children: /* @__PURE__ */ o(a, { size: 14 })
+							})]
+						})
+					]
+				}, n.id);
+			})
+		}),
+		/* @__PURE__ */ o("div", {
+			className: "hidden overflow-x-auto rounded-lg border border-border-primary md:block",
+			children: /* @__PURE__ */ s("table", {
+				className: "w-full min-w-[860px] text-sm",
+				children: [/* @__PURE__ */ o("thead", { children: /* @__PURE__ */ s("tr", {
+					className: "border-b border-border-primary bg-bg-secondary/50",
+					children: [
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: /* @__PURE__ */ o(t, {
+								checked: S,
+								indeterminate: C,
+								onChange: T,
+								ariaLabel: "Select all visible audit logs"
+							})
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.time", "Time")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.action", "Action")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.resource", "Resource")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.name", "Name")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.actor", "Actor")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-left font-medium text-text-secondary",
+							children: O("audit.status", "Status")
+						}),
+						/* @__PURE__ */ o("th", {
+							className: "px-4 py-3 text-right font-medium text-text-secondary",
+							children: O("audit.actions", "Actions")
+						})
+					]
+				}) }), /* @__PURE__ */ o("tbody", { children: f.map((n) => {
+					let f = x.has(n.id);
+					return /* @__PURE__ */ s("tr", {
+						className: `border-b border-border-primary/50 transition-colors hover:bg-bg-secondary/30 ${b === n.id ? "bg-bg-secondary/50" : ""}`,
+						children: [
+							/* @__PURE__ */ o("td", {
+								className: "px-4 py-3 align-top",
+								children: /* @__PURE__ */ o(t, {
+									checked: f,
+									onChange: (e) => w(n.id, e),
+									ariaLabel: `Select audit log ${n.id}`
+								})
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "whitespace-nowrap px-4 py-3 text-xs text-text-secondary",
+								children: u(n.createdAt)
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "px-4 py-3",
+								children: /* @__PURE__ */ s("span", {
+									className: `inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs font-medium ${l[n.action] || "bg-bg-secondary text-text-secondary"}`,
+									children: [n.command ? /* @__PURE__ */ o(i, { size: 12 }) : null, n.action]
+								})
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "px-4 py-3 text-xs text-text-secondary",
+								children: d(n.resourceType)
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "max-w-[220px] truncate px-4 py-3",
+								title: n.resourceName || n.description || "",
+								children: n.resourceName || n.description || "-"
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "max-w-[120px] truncate px-4 py-3 font-mono text-xs text-text-secondary",
+								children: n.actorId
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "px-4 py-3",
+								children: /* @__PURE__ */ o(e, {
+									status: n.status,
+									variant: c[n.status],
+									size: "sm"
+								})
+							}),
+							/* @__PURE__ */ o("td", {
+								className: "px-4 py-3 text-right",
+								children: /* @__PURE__ */ s("div", {
+									className: "flex items-center justify-end gap-1",
+									children: [/* @__PURE__ */ o("button", {
+										type: "button",
+										onClick: () => v(n.id),
+										className: "rounded p-1 text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary",
+										title: O("audit.viewAuditLog", "View details"),
+										children: /* @__PURE__ */ o(r, { size: 14 })
+									}), /* @__PURE__ */ o("button", {
+										type: "button",
+										onClick: () => y(n.id),
+										className: "rounded p-1 text-text-secondary transition-colors hover:bg-status-error-bg hover:text-status-error-text",
+										title: O("audit.deleteAuditLog", "Delete audit log"),
+										children: /* @__PURE__ */ o(a, { size: 14 })
+									})]
+								})
+							})
+						]
+					}, n.id);
+				}) })]
+			})
+		}),
+		/* @__PURE__ */ s("div", {
+			className: "mt-4 flex flex-col gap-3 text-sm text-text-secondary sm:flex-row sm:items-center sm:justify-between",
+			children: [/* @__PURE__ */ s("span", { children: [
+				O("audit.showing", "Showing"),
+				" ",
+				h * g + 1,
+				"-",
+				Math.min((h + 1) * g, p),
+				" ",
+				O("audit.of", "of"),
+				" ",
+				p
+			] }), /* @__PURE__ */ s("div", {
+				className: "flex flex-wrap items-center gap-2",
+				children: [
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						disabled: h === 0,
+						onClick: () => _(h - 1),
+						className: "rounded border border-border-primary px-3 py-1 transition-colors hover:bg-bg-secondary disabled:opacity-50",
+						children: O("audit.previous", "Previous")
+					}),
+					/* @__PURE__ */ s("span", { children: [
+						O("audit.page", "Page"),
+						" ",
+						h + 1,
+						" ",
+						O("audit.of", "of"),
+						" ",
+						D
+					] }),
+					/* @__PURE__ */ o("button", {
+						type: "button",
+						disabled: !m,
+						onClick: () => _(h + 1),
+						className: "rounded border border-border-primary px-3 py-1 transition-colors hover:bg-bg-secondary disabled:opacity-50",
+						children: O("audit.next", "Next")
+					})
+				]
+			})]
+		})
+	] });
+}
+//#endregion
+export { f as AuditLogTable };
+
+//# sourceMappingURL=AuditLogTable.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AuditLogTable.js","names":[],"sources":["../../../src/components/audit/AuditLogTable.tsx"],"sourcesContent":["import { ChevronRight, Terminal, Trash2 } from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport { StatusBadge } from '@/components/shared';\nimport { SelectionCheckbox } from '@/components/shared/SelectionCheckbox';\nimport type { VibeAuditLogFieldsFragment } from '@/generated/wspace-operations';\n\ninterface AuditLogTableProps {\n  items: VibeAuditLogFieldsFragment[];\n  total: number;\n  hasMore: boolean;\n  page: number;\n  pageSize: number;\n  onPageChange: (page: number) => void;\n  onSelectLog: (id: string) => void;\n  onDeleteLog: (id: string) => void;\n  selectedLogId: string | null;\n  selectedLogIds: Set<string>;\n  allVisibleSelected: boolean;\n  partiallySelected: boolean;\n  onToggleLogSelection: (id: string, checked: boolean) => void;\n  onToggleAllVisible: (checked: boolean) => void;\n}\n\nconst statusVariantMap: Record<string, 'success' | 'error' | 'warning' | 'info'> = {\n  SUCCESS: 'success',\n  FAILURE: 'error',\n  DENIED: 'warning',\n  ERROR: 'error',\n};\n\nconst actionColors: Record<string, string> = {\n  CREATE: 'bg-status-success-bg text-status-success-text',\n  UPDATE: 'bg-status-info-bg text-status-info-text',\n  DELETE: 'bg-status-error-bg text-status-error-text',\n  EXECUTE: 'bg-action-primary-bg/15 text-action-primary-text',\n  EXPORT: 'bg-status-warning-bg text-status-warning-text',\n  SHARE: 'bg-status-success-bg text-status-success-text',\n  REVOKE: 'bg-status-warning-bg text-status-warning-text',\n  ARCHIVE: 'bg-bg-muted text-text-secondary',\n  RESTORE: 'bg-status-info-bg text-status-info-text',\n};\n\nfunction formatDate(dateString: string): string {\n  const date = new Date(dateString);\n  return date.toLocaleString('en-US', {\n    month: 'short',\n    day: 'numeric',\n    hour: '2-digit',\n    minute: '2-digit',\n    second: '2-digit',\n  });\n}\n\nfunction formatResourceType(type: string): string {\n  return type\n    .replace(/_/g, ' ')\n    .toLowerCase()\n    .replace(/\\b\\w/g, (character) => character.toUpperCase());\n}\n\nexport function AuditLogTable({\n  items,\n  total,\n  hasMore,\n  page,\n  pageSize,\n  onPageChange,\n  onSelectLog,\n  onDeleteLog,\n  selectedLogId,\n  selectedLogIds,\n  allVisibleSelected,\n  partiallySelected,\n  onToggleLogSelection,\n  onToggleAllVisible,\n}: AuditLogTableProps) {\n  const { t } = useI18n();\n  const totalPages = Math.max(1, Math.ceil(total / pageSize));\n\n  const tr = (key: string, fallback: string) => {\n    const value = t(key);\n    return value === key ? fallback : value;\n  };\n\n  return (\n    <div>\n      <div className=\"space-y-3 md:hidden\">\n        {items.map((item) => {\n          const isSelected = selectedLogIds.has(item.id);\n          return (\n            <article\n              key={item.id}\n              className={`rounded-lg border border-border-primary p-4 transition-colors ${\n                selectedLogId === item.id ? 'bg-bg-secondary/50' : 'bg-bg-surface'\n              }`}\n            >\n              <div className=\"flex items-start justify-between gap-3\">\n                <div className=\"flex items-start gap-3\">\n                  <SelectionCheckbox\n                    checked={isSelected}\n                    onChange={(checked) => onToggleLogSelection(item.id, checked)}\n                    ariaLabel={`Select audit log ${item.id}`}\n                    className=\"mt-1\"\n                  />\n                  <div className=\"min-w-0\">\n                    <p className=\"text-xs text-text-secondary\">{formatDate(item.createdAt)}</p>\n                    <p className=\"mt-1 truncate font-medium text-text-primary\">\n                      {item.resourceName || item.description || '-'}\n                    </p>\n                    <p className=\"mt-1 text-xs text-text-secondary\">\n                      {formatResourceType(item.resourceType)}\n                    </p>\n                  </div>\n                </div>\n                <span\n                  className={`inline-flex shrink-0 items-center gap-1 rounded px-2 py-0.5 text-xs font-medium ${\n                    actionColors[item.action] || 'bg-bg-secondary text-text-secondary'\n                  }`}\n                >\n                  {item.command ? <Terminal size={12} /> : null}\n                  {item.action}\n                </span>\n              </div>\n              <div className=\"mt-3 flex items-center justify-between gap-3\">\n                <p className=\"min-w-0 truncate font-mono text-xs text-text-secondary\">\n                  {item.actorId}\n                </p>\n                <StatusBadge\n                  status={item.status}\n                  variant={statusVariantMap[item.status]}\n                  size=\"sm\"\n                />\n              </div>\n              <div className=\"mt-4 flex items-center justify-end gap-2\">\n                <button\n                  type=\"button\"\n                  onClick={() => onSelectLog(item.id)}\n                  className=\"inline-flex items-center gap-1 rounded-md border border-border-primary px-3 py-1.5 text-sm text-text-primary transition-colors hover:bg-bg-secondary\"\n                >\n                  View details\n                  <ChevronRight size={14} />\n                </button>\n                <button\n                  type=\"button\"\n                  onClick={() => onDeleteLog(item.id)}\n                  className=\"rounded p-1 text-text-secondary transition-colors hover:bg-status-error-bg hover:text-status-error-text\"\n                  title={tr('audit.deleteAuditLog', 'Delete audit log')}\n                >\n                  <Trash2 size={14} />\n                </button>\n              </div>\n            </article>\n          );\n        })}\n      </div>\n\n      <div className=\"hidden overflow-x-auto rounded-lg border border-border-primary md:block\">\n        <table className=\"w-full min-w-[860px] text-sm\">\n          <thead>\n            <tr className=\"border-b border-border-primary bg-bg-secondary/50\">\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                <SelectionCheckbox\n                  checked={allVisibleSelected}\n                  indeterminate={partiallySelected}\n                  onChange={onToggleAllVisible}\n                  ariaLabel=\"Select all visible audit logs\"\n                />\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.time', 'Time')}\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.action', 'Action')}\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.resource', 'Resource')}\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.name', 'Name')}\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.actor', 'Actor')}\n              </th>\n              <th className=\"px-4 py-3 text-left font-medium text-text-secondary\">\n                {tr('audit.status', 'Status')}\n              </th>\n              <th className=\"px-4 py-3 text-right font-medium text-text-secondary\">\n                {tr('audit.actions', 'Actions')}\n              </th>\n            </tr>\n          </thead>\n          <tbody>\n            {items.map((item) => {\n              const isSelected = selectedLogIds.has(item.id);\n              return (\n                <tr\n                  key={item.id}\n                  className={`border-b border-border-primary/50 transition-colors hover:bg-bg-secondary/30 ${\n                    selectedLogId === item.id ? 'bg-bg-secondary/50' : ''\n                  }`}\n                >\n                  <td className=\"px-4 py-3 align-top\">\n                    <SelectionCheckbox\n                      checked={isSelected}\n                      onChange={(checked) => onToggleLogSelection(item.id, checked)}\n                      ariaLabel={`Select audit log ${item.id}`}\n                    />\n                  </td>\n                  <td className=\"whitespace-nowrap px-4 py-3 text-xs text-text-secondary\">\n                    {formatDate(item.createdAt)}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <span\n                      className={`inline-flex items-center gap-1 rounded px-2 py-0.5 text-xs font-medium ${\n                        actionColors[item.action] || 'bg-bg-secondary text-text-secondary'\n                      }`}\n                    >\n                      {item.command ? <Terminal size={12} /> : null}\n                      {item.action}\n                    </span>\n                  </td>\n                  <td className=\"px-4 py-3 text-xs text-text-secondary\">\n                    {formatResourceType(item.resourceType)}\n                  </td>\n                  <td\n                    className=\"max-w-[220px] truncate px-4 py-3\"\n                    title={item.resourceName || item.description || ''}\n                  >\n                    {item.resourceName || item.description || '-'}\n                  </td>\n                  <td className=\"max-w-[120px] truncate px-4 py-3 font-mono text-xs text-text-secondary\">\n                    {item.actorId}\n                  </td>\n                  <td className=\"px-4 py-3\">\n                    <StatusBadge\n                      status={item.status}\n                      variant={statusVariantMap[item.status]}\n                      size=\"sm\"\n                    />\n                  </td>\n                  <td className=\"px-4 py-3 text-right\">\n                    <div className=\"flex items-center justify-end gap-1\">\n                      <button\n                        type=\"button\"\n                        onClick={() => onSelectLog(item.id)}\n                        className=\"rounded p-1 text-text-secondary transition-colors hover:bg-bg-secondary hover:text-text-primary\"\n                        title={tr('audit.viewAuditLog', 'View details')}\n                      >\n                        <ChevronRight size={14} />\n                      </button>\n                      <button\n                        type=\"button\"\n                        onClick={() => onDeleteLog(item.id)}\n                        className=\"rounded p-1 text-text-secondary transition-colors hover:bg-status-error-bg hover:text-status-error-text\"\n                        title={tr('audit.deleteAuditLog', 'Delete audit log')}\n                      >\n                        <Trash2 size={14} />\n                      </button>\n                    </div>\n                  </td>\n                </tr>\n              );\n            })}\n          </tbody>\n        </table>\n      </div>\n\n      <div className=\"mt-4 flex flex-col gap-3 text-sm text-text-secondary sm:flex-row sm:items-center sm:justify-between\">\n        <span>\n          {tr('audit.showing', 'Showing')} {page * pageSize + 1}-\n          {Math.min((page + 1) * pageSize, total)} {tr('audit.of', 'of')} {total}\n        </span>\n        <div className=\"flex flex-wrap items-center gap-2\">\n          <button\n            type=\"button\"\n            disabled={page === 0}\n            onClick={() => onPageChange(page - 1)}\n            className=\"rounded border border-border-primary px-3 py-1 transition-colors hover:bg-bg-secondary disabled:opacity-50\"\n          >\n            {tr('audit.previous', 'Previous')}\n          </button>\n          <span>\n            {tr('audit.page', 'Page')} {page + 1} {tr('audit.of', 'of')} {totalPages}\n          </span>\n          <button\n            type=\"button\"\n            disabled={!hasMore}\n            onClick={() => onPageChange(page + 1)}\n            className=\"rounded border border-border-primary px-3 py-1 transition-colors hover:bg-bg-secondary disabled:opacity-50\"\n          >\n            {tr('audit.next', 'Next')}\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}

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

@@ -0,0 +1,7 @@
+export { AuditLogTable } from './AuditLogTable';
+export { AuditLogFilters } from './AuditLogFilters';
+export { AuditLogDetail } from './AuditLogDetail';
+export { AuditLogStats } from './AuditLogStats';
+export { AuditDeleteDialog } from './AuditDeleteDialog';
+export { AuditExportButton } from './AuditExportButton';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/audit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AACxD,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/components/audit/index.js

@@ -0,0 +1,6 @@
+import "./AuditLogTable.js";
+import "./AuditLogFilters.js";
+import "./AuditLogDetail.js";
+import "./AuditLogStats.js";
+import "./AuditDeleteDialog.js";
+import "./AuditExportButton.js";

package/dist/components/catalog/CatalogCard.d.ts

@@ -0,0 +1,22 @@
+import { FC } from 'react';
+
+export interface CatalogCardData {
+    id: string;
+    name: string;
+    description: string | null;
+    visibility: 'PRIVATE' | 'INTERNAL' | 'PUBLIC';
+    componentCount: number;
+    vibeCount: number;
+    tags: string[];
+    createdAt: string;
+    updatedAt: string;
+}
+export interface CatalogCardProps {
+    catalog: CatalogCardData;
+    onOpen?: (catalog: CatalogCardData) => void;
+    onEdit?: (catalog: CatalogCardData) => void;
+    onArchive?: (catalog: CatalogCardData) => void;
+    className?: string;
+}
+export declare const CatalogCard: FC<CatalogCardProps>;
+//# sourceMappingURL=CatalogCard.d.ts.map

package/dist/components/catalog/CatalogCard.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogCard.d.ts","sourceRoot":"","sources":["../../../src/components/catalog/CatalogCard.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAiBhC,MAAM,WAAW,eAAe;IAC9B,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,GAAG,IAAI,CAAC;IAC3B,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC9C,cAAc,EAAE,MAAM,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,EAAE,CAAC;IACf,SAAS,EAAE,MAAM,CAAC;IAClB,SAAS,EAAE,MAAM,CAAC;CACnB;AAED,MAAM,WAAW,gBAAgB;IAC/B,OAAO,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,MAAM,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC5C,SAAS,CAAC,EAAE,CAAC,OAAO,EAAE,eAAe,KAAK,IAAI,CAAC;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAgBD,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CAsI5C,CAAC"}

package/dist/components/catalog/CatalogCard.js

@@ -0,0 +1,149 @@
+import { useState as e } from "react";
+import { useI18n as t } from "@burdenoff/fe-libs/shared/providers/shell/I18nProvider";
+import { Archive as n, BookOpen as r, Eye as i, EyeOff as a, Globe as o, Layers as s, MoreVertical as c, Settings as l, Tag as u, Zap as d } from "lucide-react";
+import { AnimatePresence as f, motion as p } from "framer-motion";
+import { jsx as m, jsxs as h } from "react/jsx-runtime";
+//#region src/components/catalog/CatalogCard.tsx
+var g = {
+	PRIVATE: {
+		icon: a,
+		label: "Private",
+		className: "bg-bg-sunken text-text-secondary"
+	},
+	INTERNAL: {
+		icon: i,
+		label: "Internal",
+		className: "bg-status-warning-bg text-status-warning-text"
+	},
+	PUBLIC: {
+		icon: o,
+		label: "Public",
+		className: "bg-status-success-bg text-status-success-text"
+	}
+}, _ = ({ catalog: i, onOpen: a, onEdit: o, onArchive: _, className: v = "" }) => {
+	let { t: y } = t(), b = (e, t) => {
+		let n = y(e);
+		return n === e ? t : n;
+	}, [x, S] = e(!1), C = g[i.visibility], w = C.icon;
+	return /* @__PURE__ */ h(p.div, {
+		whileHover: {
+			y: -2,
+			transition: {
+				duration: .15,
+				ease: [
+					.4,
+					0,
+					.2,
+					1
+				]
+			}
+		},
+		whileTap: { scale: .98 },
+		className: `bg-bg-surface border border-border-default rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${v}`,
+		onClick: () => a?.(i),
+		children: [
+			/* @__PURE__ */ h("div", {
+				className: "flex items-start justify-between gap-2",
+				children: [/* @__PURE__ */ h("div", {
+					className: "flex items-start gap-2 sm:gap-3 min-w-0 flex-1",
+					children: [/* @__PURE__ */ m("div", {
+						className: "flex-shrink-0 w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center",
+						children: /* @__PURE__ */ m(r, { className: "w-4 h-4 sm:w-5 sm:h-5 text-action-primary-bg" })
+					}), /* @__PURE__ */ h("div", {
+						className: "min-w-0 flex-1",
+						children: [/* @__PURE__ */ m("h3", {
+							className: "font-semibold text-text-primary truncate text-sm sm:text-base",
+							children: i.name
+						}), /* @__PURE__ */ m("div", {
+							className: "flex items-center gap-2 mt-0.5",
+							children: /* @__PURE__ */ h("span", {
+								className: `inline-flex items-center gap-1 px-1.5 py-0.5 text-xs rounded ${C.className}`,
+								children: [/* @__PURE__ */ m(w, { className: "w-3 h-3" }), b(`catalog.visibility.${i.visibility.toLowerCase()}`, C.label)]
+							})
+						})]
+					})]
+				}), (o || _) && /* @__PURE__ */ h("div", {
+					className: "relative flex-shrink-0",
+					children: [/* @__PURE__ */ m("button", {
+						onClick: (e) => {
+							e.stopPropagation(), S(!x);
+						},
+						className: "p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors",
+						children: /* @__PURE__ */ m(c, { className: "w-4 h-4 text-text-secondary" })
+					}), /* @__PURE__ */ m(f, { children: x && /* @__PURE__ */ h(p.div, {
+						initial: {
+							opacity: 0,
+							scale: .95,
+							y: -4
+						},
+						animate: {
+							opacity: 1,
+							scale: 1,
+							y: 0
+						},
+						exit: {
+							opacity: 0,
+							scale: .95,
+							y: -4
+						},
+						transition: { duration: .15 },
+						className: "absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10",
+						children: [o && /* @__PURE__ */ h(p.button, {
+							whileTap: { scale: .97 },
+							onClick: (e) => {
+								e.stopPropagation(), o(i), S(!1);
+							},
+							className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg",
+							children: [/* @__PURE__ */ m(l, { className: "w-4 h-4" }), b("common.edit", "Edit")]
+						}), _ && /* @__PURE__ */ h(p.button, {
+							whileTap: { scale: .97 },
+							onClick: (e) => {
+								e.stopPropagation(), _(i), S(!1);
+							},
+							className: "flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-b-lg",
+							children: [/* @__PURE__ */ m(n, { className: "w-4 h-4" }), b("common.archive", "Archive")]
+						})]
+					}) })]
+				})]
+			}),
+			i.description && /* @__PURE__ */ m("p", {
+				className: "mt-2 text-sm text-text-secondary line-clamp-2",
+				children: i.description
+			}),
+			/* @__PURE__ */ h("div", {
+				className: "mt-3 flex items-center gap-4 text-xs text-text-secondary",
+				children: [/* @__PURE__ */ h("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ m(s, { className: "w-3.5 h-3.5" }),
+						i.componentCount,
+						" ",
+						b("catalog.components", "components")
+					]
+				}), /* @__PURE__ */ h("span", {
+					className: "inline-flex items-center gap-1",
+					children: [
+						/* @__PURE__ */ m(d, { className: "w-3.5 h-3.5" }),
+						i.vibeCount,
+						" ",
+						b("catalog.vibes", "vibes")
+					]
+				})]
+			}),
+			i.tags.length > 0 && /* @__PURE__ */ h("div", {
+				className: "mt-3 flex flex-wrap gap-1",
+				children: [i.tags.slice(0, 3).map((e) => /* @__PURE__ */ h("span", {
+					className: "inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+					children: [/* @__PURE__ */ m(u, { className: "w-3 h-3" }), e]
+				}, e)), i.tags.length > 3 && /* @__PURE__ */ h("span", {
+					className: "px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded",
+					children: ["+", i.tags.length - 3]
+				})]
+			})
+		]
+	});
+};
+//#endregion
+export { _ as CatalogCard };
+
+//# sourceMappingURL=CatalogCard.js.map

package/dist/components/catalog/CatalogCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogCard.js","names":[],"sources":["../../../src/components/catalog/CatalogCard.tsx"],"sourcesContent":["import type { FC } from 'react';\nimport { useState } from 'react';\nimport { motion, AnimatePresence } from 'framer-motion';\nimport {\n  BookOpen,\n  Eye,\n  EyeOff,\n  Globe,\n  Tag,\n  MoreVertical,\n  Settings,\n  Archive,\n  Layers,\n  Zap,\n} from 'lucide-react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\n\nexport interface CatalogCardData {\n  id: string;\n  name: string;\n  description: string | null;\n  visibility: 'PRIVATE' | 'INTERNAL' | 'PUBLIC';\n  componentCount: number;\n  vibeCount: number;\n  tags: string[];\n  createdAt: string;\n  updatedAt: string;\n}\n\nexport interface CatalogCardProps {\n  catalog: CatalogCardData;\n  onOpen?: (catalog: CatalogCardData) => void;\n  onEdit?: (catalog: CatalogCardData) => void;\n  onArchive?: (catalog: CatalogCardData) => void;\n  className?: string;\n}\n\nconst visibilityConfig = {\n  PRIVATE: { icon: EyeOff, label: 'Private', className: 'bg-bg-sunken text-text-secondary' },\n  INTERNAL: {\n    icon: Eye,\n    label: 'Internal',\n    className: 'bg-status-warning-bg text-status-warning-text',\n  },\n  PUBLIC: {\n    icon: Globe,\n    label: 'Public',\n    className: 'bg-status-success-bg text-status-success-text',\n  },\n};\n\nexport const CatalogCard: FC<CatalogCardProps> = ({\n  catalog,\n  onOpen,\n  onEdit,\n  onArchive,\n  className = '',\n}) => {\n  const { t } = useI18n();\n  const tr = (key: string, fallback: string) => {\n    const v = t(key);\n    return v === key ? fallback : v;\n  };\n  const [showMenu, setShowMenu] = useState(false);\n\n  const visConfig = visibilityConfig[catalog.visibility];\n  const VisIcon = visConfig.icon;\n\n  return (\n    <motion.div\n      whileHover={{ y: -2, transition: { duration: 0.15, ease: [0.4, 0, 0.2, 1] } }}\n      whileTap={{ scale: 0.98 }}\n      className={`bg-bg-surface border border-border-default rounded-lg p-4 hover:border-border-strong hover:shadow-md transition-all cursor-pointer ${className}`}\n      onClick={() => onOpen?.(catalog)}\n    >\n      <div className=\"flex items-start justify-between gap-2\">\n        <div className=\"flex items-start gap-2 sm:gap-3 min-w-0 flex-1\">\n          <div className=\"flex-shrink-0 w-8 h-8 sm:w-10 sm:h-10 rounded-lg bg-action-primary-bg/10 flex items-center justify-center\">\n            <BookOpen className=\"w-4 h-4 sm:w-5 sm:h-5 text-action-primary-bg\" />\n          </div>\n          <div className=\"min-w-0 flex-1\">\n            <h3 className=\"font-semibold text-text-primary truncate text-sm sm:text-base\">\n              {catalog.name}\n            </h3>\n            <div className=\"flex items-center gap-2 mt-0.5\">\n              <span\n                className={`inline-flex items-center gap-1 px-1.5 py-0.5 text-xs rounded ${visConfig.className}`}\n              >\n                <VisIcon className=\"w-3 h-3\" />\n                {tr(`catalog.visibility.${catalog.visibility.toLowerCase()}`, visConfig.label)}\n              </span>\n            </div>\n          </div>\n        </div>\n        {(onEdit || onArchive) && (\n          <div className=\"relative flex-shrink-0\">\n            <button\n              onClick={(e) => {\n                e.stopPropagation();\n                setShowMenu(!showMenu);\n              }}\n              className=\"p-1 sm:p-1.5 rounded hover:bg-bg-sunken transition-colors\"\n            >\n              <MoreVertical className=\"w-4 h-4 text-text-secondary\" />\n            </button>\n            <AnimatePresence>\n              {showMenu && (\n                <motion.div\n                  initial={{ opacity: 0, scale: 0.95, y: -4 }}\n                  animate={{ opacity: 1, scale: 1, y: 0 }}\n                  exit={{ opacity: 0, scale: 0.95, y: -4 }}\n                  transition={{ duration: 0.15 }}\n                  className=\"absolute right-0 mt-1 w-40 bg-bg-surface border border-border-default rounded-lg shadow-lg z-10\"\n                >\n                  {onEdit && (\n                    <motion.button\n                      whileTap={{ scale: 0.97 }}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onEdit(catalog);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-t-lg\"\n                    >\n                      <Settings className=\"w-4 h-4\" />\n                      {tr('common.edit', 'Edit')}\n                    </motion.button>\n                  )}\n                  {onArchive && (\n                    <motion.button\n                      whileTap={{ scale: 0.97 }}\n                      onClick={(e) => {\n                        e.stopPropagation();\n                        onArchive(catalog);\n                        setShowMenu(false);\n                      }}\n                      className=\"flex items-center gap-2 w-full px-3 py-2 text-sm text-text-primary hover:bg-bg-sunken rounded-b-lg\"\n                    >\n                      <Archive className=\"w-4 h-4\" />\n                      {tr('common.archive', 'Archive')}\n                    </motion.button>\n                  )}\n                </motion.div>\n              )}\n            </AnimatePresence>\n          </div>\n        )}\n      </div>\n\n      {catalog.description && (\n        <p className=\"mt-2 text-sm text-text-secondary line-clamp-2\">{catalog.description}</p>\n      )}\n\n      {/* Stats row */}\n      <div className=\"mt-3 flex items-center gap-4 text-xs text-text-secondary\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Layers className=\"w-3.5 h-3.5\" />\n          {catalog.componentCount} {tr('catalog.components', 'components')}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Zap className=\"w-3.5 h-3.5\" />\n          {catalog.vibeCount} {tr('catalog.vibes', 'vibes')}\n        </span>\n      </div>\n\n      {catalog.tags.length > 0 && (\n        <div className=\"mt-3 flex flex-wrap gap-1\">\n          {catalog.tags.slice(0, 3).map((tag) => (\n            <span\n              key={tag}\n              className=\"inline-flex items-center gap-1 px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\"\n            >\n              <Tag className=\"w-3 h-3\" />\n              {tag}\n            </span>\n          ))}\n          {catalog.tags.length > 3 && (\n            <span className=\"px-2 py-0.5 text-xs bg-bg-sunken text-text-secondary rounded\">\n              +{catalog.tags.length - 3}\n            </span>\n          )}\n        </div>\n      )}\n    </motion.div>\n  );\n};\n"],"mappings":"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"}

package/dist/components/catalog/CatalogForm.d.ts

@@ -0,0 +1,18 @@
+import { FC } from 'react';
+
+export interface CatalogFormData {
+    name: string;
+    description: string;
+    visibility: 'PRIVATE' | 'INTERNAL' | 'PUBLIC';
+    owner: string;
+    tags: string[];
+}
+export interface CatalogFormProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onSubmit: (data: CatalogFormData) => Promise<void>;
+    initialData?: Partial<CatalogFormData>;
+    title?: string;
+}
+export declare const CatalogForm: FC<CatalogFormProps>;
+//# sourceMappingURL=CatalogForm.d.ts.map

package/dist/components/catalog/CatalogForm.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CatalogForm.d.ts","sourceRoot":"","sources":["../../../src/components/catalog/CatalogForm.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAIhC,MAAM,WAAW,eAAe;IAC9B,IAAI,EAAE,MAAM,CAAC;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,UAAU,EAAE,SAAS,GAAG,UAAU,GAAG,QAAQ,CAAC;IAC9C,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,EAAE,CAAC;CAChB;AAED,MAAM,WAAW,gBAAgB;IAC/B,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,QAAQ,EAAE,CAAC,IAAI,EAAE,eAAe,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC;IACnD,WAAW,CAAC,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC;IACvC,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,CA6K5C,CAAC"}