@burdenoff/microfe-bigconsole 2026.805.3 → 2026.812.2

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js

@@ -5,51 +5,54 @@ import { Fragment as c, jsx as l, jsxs as u } from "react/jsx-runtime";
 //#region src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx
 var d = {
 	container: {
-		padding: "16px",
-		backgroundColor: "var(--color-bg-surface)",
-		borderRadius: "8px"
+		display: "flex",
+		flexDirection: "column",
+		gap: "var(--space-controlGap)",
+		minWidth: 0
 	},
 	header: {
 		display: "flex",
+		flexWrap: "wrap",
 		justifyContent: "space-between",
 		alignItems: "center",
-		marginBottom: "16px"
-	},
-	title: {
-		fontSize: "16px",
-		fontWeight: 600,
-		color: "var(--color-text-primary)",
-		margin: 0
+		gap: "var(--space-controlGap)",
+		minWidth: 0
 	},
 	headerActions: {
 		display: "flex",
+		flexWrap: "wrap",
 		gap: "8px",
 		alignItems: "center"
 	},
 	filterSelect: {
-		padding: "6px 12px",
-		fontSize: "13px",
-		border: "1px solid var(--color-border)",
-		borderRadius: "6px",
+		minHeight: "var(--size-controlHeight-md)",
+		padding: "0 12px",
+		fontSize: "var(--font-size-body-sm)",
+		color: "var(--color-text-primary)",
+		border: "1px solid var(--color-border-subtle)",
+		borderRadius: "var(--radius-input)",
 		backgroundColor: "var(--color-bg-surface)"
 	},
 	refreshButton: {
-		padding: "6px 12px",
-		fontSize: "13px",
-		backgroundColor: "var(--color-bg-muted)",
-		border: "none",
-		borderRadius: "6px",
+		minHeight: "var(--size-controlHeight-md)",
+		padding: "0 12px",
+		fontSize: "var(--font-size-body-sm)",
+		color: "var(--color-text-primary)",
+		backgroundColor: "var(--color-bg-surface)",
+		border: "1px solid var(--color-border-subtle)",
+		borderRadius: "var(--radius-button)",
 		cursor: "pointer",
 		transition: "background-color 0.15s ease"
 	},
 	table: {
 		width: "100%",
+		minWidth: "520px",
 		borderCollapse: "collapse",
-		fontSize: "13px"
+		fontSize: "var(--font-size-body-sm)"
 	},
 	tableHeader: {
 		backgroundColor: "var(--color-bg-sunken)",
-		borderBottom: "1px solid var(--color-border)"
+		borderBottom: "1px solid var(--color-border-subtle)"
 	},
 	th: {
 		padding: "10px 12px",
@@ -59,7 +62,7 @@ var d = {
 	},
 	td: {
 		padding: "10px 12px",
-		borderBottom: "1px solid var(--color-border)",
+		borderBottom: "1px solid var(--color-border-subtle)",
 		color: "var(--color-text-secondary)"
 	},
 	statusCell: {
@@ -94,26 +97,42 @@ var d = {
 	},
 	emptyState: {
 		textAlign: "center",
-		padding: "32px",
-		color: "var(--color-text-muted)"
+		padding: "var(--space-pagePadding) var(--space-formGap)",
+		color: "var(--color-text-secondary)",
+		backgroundColor: "var(--color-bg-surface)",
+		border: "1px solid var(--color-border-subtle)",
+		borderRadius: "var(--radius-card)"
+	},
+	emptyTitle: {
+		fontSize: "var(--font-size-body-sm)",
+		fontWeight: 600,
+		color: "var(--color-text-primary)",
+		margin: 0
 	},
 	loadMoreButton: {
 		width: "100%",
-		padding: "10px",
+		minHeight: "var(--size-controlHeight-md)",
+		padding: "0 10px",
 		marginTop: "12px",
-		backgroundColor: "var(--color-bg-muted)",
-		border: "none",
-		borderRadius: "6px",
-		fontSize: "13px",
+		backgroundColor: "var(--color-bg-surface)",
+		border: "1px solid var(--color-border-subtle)",
+		borderRadius: "var(--radius-button)",
+		fontSize: "var(--font-size-body-sm)",
 		color: "var(--color-text-secondary)",
 		cursor: "pointer",
 		transition: "background-color 0.15s ease"
 	},
 	totalCount: {
-		fontSize: "12px",
-		color: "var(--color-text-muted)"
+		fontSize: "var(--font-size-body-sm)",
+		color: "var(--color-text-secondary)"
+	},
+	tableContainer: {
+		overflowX: "auto",
+		minWidth: 0,
+		border: "1px solid var(--color-border-subtle)",
+		borderRadius: "var(--radius-card)",
+		backgroundColor: "var(--color-bg-surface)"
 	},
-	tableContainer: { overflowX: "auto" },
 	detailRow: { backgroundColor: "var(--color-bg-sunken)" },
 	detailContent: {
 		padding: "12px",
@@ -127,23 +146,39 @@ var d = {
 		background: "none",
 		border: "none",
 		cursor: "pointer",
+		minHeight: "var(--size-controlHeight-md)",
+		minWidth: "var(--size-controlHeight-md)",
 		padding: "4px",
-		fontSize: "14px"
+		fontSize: "var(--font-size-body-sm)",
+		color: "var(--color-text-secondary)"
 	}
 };
-function f(e, t) {
+function f(e) {
+	try {
+		return new URL(e).hostname;
+	} catch {
+		return e;
+	}
+}
+function p(e, t) {
 	let n = new Date(e), r = (/* @__PURE__ */ new Date()).getTime() - n.getTime(), i = Math.floor(r / 6e4), a = Math.floor(i / 60), o = Math.floor(a / 24);
 	return i < 1 ? t("bigconsole.widget.eventLog.time.justNow", "Just now") : i < 60 ? t("bigconsole.widget.eventLog.time.minutesAgo", "{{count}}m ago", { count: i }) : a < 24 ? t("bigconsole.widget.eventLog.time.hoursAgo", "{{count}}h ago", { count: a }) : o < 7 ? t("bigconsole.widget.eventLog.time.daysAgo", "{{count}}d ago", { count: o }) : n.toLocaleDateString();
 }
-var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpand: p }) {
-	let { t: m } = s(), h = e.status === "FAILED";
+var m = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpand: m }) {
+	let { t: h } = s(), g = e.status === "FAILED";
 	return /* @__PURE__ */ u(c, { children: [/* @__PURE__ */ u("tr", { children: [
 		/* @__PURE__ */ l("td", {
 			style: d.td,
 			children: /* @__PURE__ */ l("button", {
-				onClick: p,
+				type: "button",
+				onClick: m,
+				"aria-expanded": o,
+				"aria-label": o ? "Hide event payload" : "Show event payload",
 				style: d.expandButton,
-				children: o ? "▼" : "▶"
+				children: /* @__PURE__ */ l("span", {
+					"aria-hidden": "true",
+					children: o ? "▾" : "▸"
+				})
 			})
 		}),
 		/* @__PURE__ */ l("td", {
@@ -168,16 +203,16 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 			}), e.actionName && /* @__PURE__ */ l("div", {
 				style: {
 					fontSize: "11px",
-					color: "var(--color-text-placeholder)"
+					color: "var(--color-text-muted)"
 				},
-				children: m("bigconsole.widget.eventLog.actionLabel", "Action: {{action}}", { action: e.actionName ?? "" })
+				children: h("bigconsole.widget.eventLog.actionLabel", "Action: {{action}}", { action: e.actionName ?? "" })
 			})]
 		}),
 		/* @__PURE__ */ l("td", {
 			style: d.td,
 			children: /* @__PURE__ */ l("div", {
 				style: d.timeAgo,
-				children: f(e.createdAt, m)
+				children: p(e.createdAt, h)
 			})
 		}),
 		/* @__PURE__ */ l("td", {
@@ -187,22 +222,23 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 					fontSize: "12px",
 					color: "var(--color-text-muted)"
 				},
-				children: new URL(e.webhookUrl).hostname
+				children: f(e.webhookUrl)
 			}) : /* @__PURE__ */ l("span", {
 				style: {
-					fontSize: "12px",
-					color: "var(--color-text-placeholder)"
+					fontSize: "var(--font-size-body-sm)",
+					color: "var(--color-text-muted)"
 				},
 				children: "—"
 			})
 		}),
 		/* @__PURE__ */ l("td", {
 			style: d.td,
-			children: h && /* @__PURE__ */ l("button", {
+			children: g && /* @__PURE__ */ l("button", {
+				type: "button",
 				onClick: i,
 				disabled: a,
 				style: d.retryButton,
-				children: a ? "..." : `🔄 ${m("bigconsole.widget.eventLog.retry", "Retry")}`
+				children: a ? h("bigconsole.widget.eventLog.retrying", "Retrying…") : h("bigconsole.widget.eventLog.retry", "Retry")
 			})
 		})
 	] }), o && /* @__PURE__ */ l("tr", {
@@ -213,37 +249,37 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 			children: /* @__PURE__ */ u("div", {
 				style: d.detailContent,
 				children: [
-					/* @__PURE__ */ l("strong", { children: m("bigconsole.widget.eventLog.payload", "Payload:") }),
+					/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.payload", "Payload:") }),
 					"\n",
 					JSON.stringify(e.payload, null, 2),
 					e.errorMessage && /* @__PURE__ */ u(c, { children: [
 						"\n\n",
 						/* @__PURE__ */ l("strong", {
 							style: { color: "var(--color-status-error-text)" },
-							children: m("bigconsole.widget.eventLog.error", "Error:")
+							children: h("bigconsole.widget.eventLog.error", "Error:")
 						}),
 						"\n",
 						e.errorMessage
 					] }),
 					e.responseCode && /* @__PURE__ */ u(c, { children: [
 						"\n\n",
-						/* @__PURE__ */ l("strong", { children: m("bigconsole.widget.eventLog.responseCode", "Response Code:") }),
+						/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.responseCode", "Response Code:") }),
 						" ",
 						e.responseCode
 					] }),
 					"\n\n",
-					/* @__PURE__ */ l("strong", { children: m("bigconsole.widget.eventLog.attempts", "Attempts:") }),
+					/* @__PURE__ */ l("strong", { children: h("bigconsole.widget.eventLog.attempts", "Attempts:") }),
 					" ",
 					e.attempts
 				]
 			})
 		})
 	})] });
-}), m = i(function({ dashboardId: t, widgetId: n, maxHeight: r = "400px", onRetrySuccess: i }) {
-	let { t: f } = s(), [m, h] = o(""), [g, _] = o(/* @__PURE__ */ new Set()), [v, y] = o(null), { logs: b, loading: x, totalCount: S, hasMore: C, loadMore: w, retryDelivery: T, refetch: E } = e({
+}), h = i(function({ dashboardId: t, widgetId: n, maxHeight: r = "400px", onRetrySuccess: i }) {
+	let { t: f } = s(), [p, h] = o(""), [g, _] = o(/* @__PURE__ */ new Set()), [v, y] = o(null), { logs: b, loading: x, totalCount: S, hasMore: C, loadMore: w, retryDelivery: T, refetch: E } = e({
 		dashboardId: t,
 		widgetId: n,
-		status: m || void 0
+		status: p || void 0
 	}), D = a(async (e) => {
 		y(e.id);
 		let t = await T(e.id);
@@ -256,64 +292,80 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 	}, []);
 	return /* @__PURE__ */ u("div", {
 		style: d.container,
+		"data-testid": "event-log-viewer",
 		children: [/* @__PURE__ */ u("div", {
 			style: d.header,
-			children: [/* @__PURE__ */ u("div", { children: [/* @__PURE__ */ l("h3", {
-				style: d.title,
-				children: f("bigconsole.widget.eventLog.title", "Event History")
-			}), /* @__PURE__ */ l("span", {
+			children: [/* @__PURE__ */ l("div", { children: /* @__PURE__ */ l("span", {
 				style: d.totalCount,
 				children: f("bigconsole.widget.eventLog.eventCount", "{{count}} events", { count: S })
-			})] }), /* @__PURE__ */ u("div", {
+			}) }), /* @__PURE__ */ u("div", {
 				style: d.headerActions,
-				children: [/* @__PURE__ */ u("select", {
-					value: m,
-					onChange: (e) => h(e.target.value),
-					style: d.filterSelect,
-					children: [
-						/* @__PURE__ */ l("option", {
-							value: "",
-							children: f("bigconsole.widget.eventLog.filter.all", "All Status")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "DELIVERED",
-							children: f("bigconsole.widget.eventLog.filter.delivered", "Delivered")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "FAILED",
-							children: f("bigconsole.widget.eventLog.filter.failed", "Failed")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "PENDING",
-							children: f("bigconsole.widget.eventLog.filter.pending", "Pending")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "PROCESSING",
-							children: f("bigconsole.widget.eventLog.filter.processing", "Processing")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "RETRYING",
-							children: f("bigconsole.widget.eventLog.filter.retrying", "Retrying")
-						}),
-						/* @__PURE__ */ l("option", {
-							value: "IGNORED",
-							children: f("bigconsole.widget.eventLog.filter.ignored", "Ignored")
-						})
-					]
-				}), /* @__PURE__ */ u("button", {
-					onClick: () => E(),
-					style: d.refreshButton,
-					children: ["🔄 ", f("bigconsole.widget.eventLog.refresh", "Refresh")]
-				})]
+				children: [
+					/* @__PURE__ */ l("label", {
+						htmlFor: "event-log-status-filter",
+						className: "sr-only",
+						children: "Filter events by status"
+					}),
+					/* @__PURE__ */ u("select", {
+						id: "event-log-status-filter",
+						value: p,
+						onChange: (e) => h(e.target.value),
+						style: d.filterSelect,
+						children: [
+							/* @__PURE__ */ l("option", {
+								value: "",
+								children: f("bigconsole.widget.eventLog.filter.all", "All Status")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "DELIVERED",
+								children: f("bigconsole.widget.eventLog.filter.delivered", "Delivered")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "FAILED",
+								children: f("bigconsole.widget.eventLog.filter.failed", "Failed")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "PENDING",
+								children: f("bigconsole.widget.eventLog.filter.pending", "Pending")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "PROCESSING",
+								children: f("bigconsole.widget.eventLog.filter.processing", "Processing")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "RETRYING",
+								children: f("bigconsole.widget.eventLog.filter.retrying", "Retrying")
+							}),
+							/* @__PURE__ */ l("option", {
+								value: "IGNORED",
+								children: f("bigconsole.widget.eventLog.filter.ignored", "Ignored")
+							})
+						]
+					}),
+					/* @__PURE__ */ l("button", {
+						type: "button",
+						onClick: () => E(),
+						style: d.refreshButton,
+						children: f("bigconsole.widget.eventLog.refresh", "Refresh")
+					})
+				]
 			})]
 		}), x && b.length === 0 ? /* @__PURE__ */ l("div", {
 			style: d.emptyState,
-			children: f("bigconsole.widget.eventLog.loading", "Loading...")
+			role: "status",
+			children: /* @__PURE__ */ l("p", {
+				style: d.emptyTitle,
+				children: f("bigconsole.widget.eventLog.loading", "Loading...")
+			})
 		}) : b.length === 0 ? /* @__PURE__ */ u("div", {
 			style: d.emptyState,
-			children: [/* @__PURE__ */ l("p", { children: f("bigconsole.widget.eventLog.emptyTitle", "No events found") }), /* @__PURE__ */ l("p", {
+			role: "status",
+			children: [/* @__PURE__ */ l("p", {
+				style: d.emptyTitle,
+				children: f("bigconsole.widget.eventLog.emptyTitle", "No events found")
+			}), /* @__PURE__ */ l("p", {
 				style: {
-					fontSize: "13px",
+					fontSize: "var(--font-size-body-sm)",
 					marginTop: "8px"
 				},
 				children: f("bigconsole.widget.eventLog.emptyHint", "Events will appear here when actions are triggered.")
@@ -357,7 +409,7 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 							children: f("bigconsole.widget.eventLog.column.action", "Action")
 						})
 					] })
-				}), /* @__PURE__ */ l("tbody", { children: b.map((e) => /* @__PURE__ */ l(p, {
+				}), /* @__PURE__ */ l("tbody", { children: b.map((e) => /* @__PURE__ */ l(m, {
 					log: e,
 					onRetry: () => D(e),
 					retrying: v === e.id,
@@ -373,6 +425,6 @@ var p = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpan
 	});
 });
 //#endregion
-export { m as default };
+export { h as default };
 
 //# sourceMappingURL=EventLogViewer.js.map

package/dist/bigconsole/components/widgets/event-logs/EventLogViewer.js.map

@@ -1 +1 @@
-{"version":3,"file":"EventLogViewer.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"sourcesContent":["/**\n * EventLogViewer Component (v2.0)\n *\n * Component for viewing event history and managing failed deliveries.\n * Shows event status, allows filtering, and supports retry functionality.\n */\n\nimport React, { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useEventLogs,\n  getEventStatusColor,\n  getEventStatusLabel,\n  getEventStatusIcon,\n  type EventStatus,\n  type EventLog,\n} from '../../../hooks/useEventLogs';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface EventLogViewerProps {\n  /** Dashboard ID to filter logs */\n  dashboardId?: string;\n  /** Widget ID to filter logs */\n  widgetId?: string;\n  /** Maximum height of the viewer */\n  maxHeight?: string;\n  /** Callback when retry is successful */\n  onRetrySuccess?: (eventLog: EventLog) => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\nconst styles = {\n  container: {\n    padding: '16px',\n    backgroundColor: 'var(--color-bg-surface)',\n    borderRadius: '8px',\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    marginBottom: '16px',\n  } as React.CSSProperties,\n  title: {\n    fontSize: '16px',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  headerActions: {\n    display: 'flex',\n    gap: '8px',\n    alignItems: 'center',\n  } as React.CSSProperties,\n  filterSelect: {\n    padding: '6px 12px',\n    fontSize: '13px',\n    border: '1px solid var(--color-border)',\n    borderRadius: '6px',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  refreshButton: {\n    padding: '6px 12px',\n    fontSize: '13px',\n    backgroundColor: 'var(--color-bg-muted)',\n    border: 'none',\n    borderRadius: '6px',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  table: {\n    width: '100%',\n    borderCollapse: 'collapse',\n    fontSize: '13px',\n  } as React.CSSProperties,\n  tableHeader: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    borderBottom: '1px solid var(--color-border)',\n  } as React.CSSProperties,\n  th: {\n    padding: '10px 12px',\n    textAlign: 'left',\n    fontWeight: 600,\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  td: {\n    padding: '10px 12px',\n    borderBottom: '1px solid var(--color-border)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  statusCell: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  } as React.CSSProperties,\n  statusBadge: {\n    padding: '2px 8px',\n    borderRadius: '12px',\n    fontSize: '11px',\n    fontWeight: 500,\n  } as React.CSSProperties,\n  eventName: {\n    fontFamily: 'monospace',\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  timeAgo: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  retryButton: {\n    padding: '4px 8px',\n    fontSize: '11px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    transition: 'opacity 0.15s ease',\n  } as React.CSSProperties,\n  emptyState: {\n    textAlign: 'center',\n    padding: '32px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  loadMoreButton: {\n    width: '100%',\n    padding: '10px',\n    marginTop: '12px',\n    backgroundColor: 'var(--color-bg-muted)',\n    border: 'none',\n    borderRadius: '6px',\n    fontSize: '13px',\n    color: 'var(--color-text-secondary)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  totalCount: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  tableContainer: {\n    overflowX: 'auto',\n  } as React.CSSProperties,\n  detailRow: {\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  detailContent: {\n    padding: '12px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-all',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  expandButton: {\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    padding: '4px',\n    fontSize: '14px',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/** Translator function shape from useI18n().t. */\ntype EventLogTFunc = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\nfunction formatTimeAgo(dateString: string, t: EventLogTFunc): string {\n  const date = new Date(dateString);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMins / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMins < 1) return t('bigconsole.widget.eventLog.time.justNow', 'Just now');\n  if (diffMins < 60) return t('bigconsole.widget.eventLog.time.minutesAgo', '{{count}}m ago', { count: diffMins });\n  if (diffHours < 24) return t('bigconsole.widget.eventLog.time.hoursAgo', '{{count}}h ago', { count: diffHours });\n  if (diffDays < 7) return t('bigconsole.widget.eventLog.time.daysAgo', '{{count}}d ago', { count: diffDays });\n  return date.toLocaleDateString();\n}\n\n// ============================================================================\n// Event Log Row Component\n// ============================================================================\n\ninterface EventLogRowProps {\n  log: EventLog;\n  onRetry: () => void;\n  retrying?: boolean;\n  expanded?: boolean;\n  onToggleExpand: () => void;\n}\n\nconst EventLogRow: React.FC<EventLogRowProps> = memo(function EventLogRow({\n  log,\n  onRetry,\n  retrying,\n  expanded,\n  onToggleExpand,\n}) {\n  const { t } = useI18n();\n  const canRetry = log.status === 'FAILED';\n\n  return (\n    <>\n      <tr>\n        <td style={styles.td}>\n          <button onClick={onToggleExpand} style={styles.expandButton}>\n            {expanded ? '▼' : '▶'}\n          </button>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.statusCell}>\n            <span>{getEventStatusIcon(log.status)}</span>\n            <span\n              style={{\n                ...styles.statusBadge,\n                backgroundColor: `${getEventStatusColor(log.status)}20`,\n                color: getEventStatusColor(log.status),\n              }}\n            >\n              {getEventStatusLabel(log.status)}\n            </span>\n          </div>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.eventName}>{log.eventName}</div>\n          {log.actionName && (\n            <div style={{ fontSize: '11px', color: 'var(--color-text-placeholder)' }}>\n              {t('bigconsole.widget.eventLog.actionLabel', 'Action: {{action}}', { action: log.actionName ?? '' })}\n            </div>\n          )}\n        </td>\n        <td style={styles.td}>\n          <div style={styles.timeAgo}>{formatTimeAgo(log.createdAt, t)}</div>\n        </td>\n        <td style={styles.td}>\n          {log.webhookUrl ? (\n            <span style={{ fontSize: '12px', color: 'var(--color-text-muted)' }}>\n              {new URL(log.webhookUrl).hostname}\n            </span>\n          ) : (\n            <span style={{ fontSize: '12px', color: 'var(--color-text-placeholder)' }}>—</span>\n          )}\n        </td>\n        <td style={styles.td}>\n          {canRetry && (\n            <button onClick={onRetry} disabled={retrying} style={styles.retryButton}>\n              {retrying ? '...' : `🔄 ${t('bigconsole.widget.eventLog.retry', 'Retry')}`}\n            </button>\n          )}\n        </td>\n      </tr>\n      {expanded && (\n        <tr style={styles.detailRow}>\n          <td colSpan={6} style={styles.td}>\n            <div style={styles.detailContent as React.CSSProperties}>\n              <strong>{t('bigconsole.widget.eventLog.payload', 'Payload:')}</strong>\n              {'\\n'}\n              {JSON.stringify(log.payload, null, 2)}\n              {log.errorMessage && (\n                <>\n                  {'\\n\\n'}\n                  <strong style={{ color: 'var(--color-status-error-text)' }}>\n                    {t('bigconsole.widget.eventLog.error', 'Error:')}\n                  </strong>\n                  {'\\n'}\n                  {log.errorMessage}\n                </>\n              )}\n              {log.responseCode && (\n                <>\n                  {'\\n\\n'}\n                  <strong>{t('bigconsole.widget.eventLog.responseCode', 'Response Code:')}</strong> {log.responseCode}\n                </>\n              )}\n              {'\\n\\n'}\n              <strong>{t('bigconsole.widget.eventLog.attempts', 'Attempts:')}</strong> {log.attempts}\n            </div>\n          </td>\n        </tr>\n      )}\n    </>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const EventLogViewer: React.FC<EventLogViewerProps> = memo(function EventLogViewer({\n  dashboardId,\n  widgetId,\n  maxHeight = '400px',\n  onRetrySuccess,\n}) {\n  const { t } = useI18n();\n  const [statusFilter, setStatusFilter] = useState<EventStatus | ''>('');\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());\n  const [retryingId, setRetryingId] = useState<string | null>(null);\n\n  const { logs, loading, totalCount, hasMore, loadMore, retryDelivery, refetch } = useEventLogs({\n    dashboardId,\n    widgetId,\n    status: statusFilter || undefined,\n  });\n\n  const handleRetry = useCallback(\n    async (log: EventLog) => {\n      setRetryingId(log.id);\n      const result = await retryDelivery(log.id);\n      setRetryingId(null);\n      if (result) {\n        onRetrySuccess?.(result);\n      }\n    },\n    [retryDelivery, onRetrySuccess]\n  );\n\n  const handleToggleExpand = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  return (\n    <div style={styles.container}>\n      <div style={styles.header}>\n        <div>\n          <h3 style={styles.title}>{t('bigconsole.widget.eventLog.title', 'Event History')}</h3>\n          <span style={styles.totalCount}>\n            {t('bigconsole.widget.eventLog.eventCount', '{{count}} events', { count: totalCount })}\n          </span>\n        </div>\n        <div style={styles.headerActions}>\n          <select\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as EventStatus | '')}\n            style={styles.filterSelect}\n          >\n            <option value=\"\">{t('bigconsole.widget.eventLog.filter.all', 'All Status')}</option>\n            <option value=\"DELIVERED\">{t('bigconsole.widget.eventLog.filter.delivered', 'Delivered')}</option>\n            <option value=\"FAILED\">{t('bigconsole.widget.eventLog.filter.failed', 'Failed')}</option>\n            <option value=\"PENDING\">{t('bigconsole.widget.eventLog.filter.pending', 'Pending')}</option>\n            <option value=\"PROCESSING\">{t('bigconsole.widget.eventLog.filter.processing', 'Processing')}</option>\n            <option value=\"RETRYING\">{t('bigconsole.widget.eventLog.filter.retrying', 'Retrying')}</option>\n            <option value=\"IGNORED\">{t('bigconsole.widget.eventLog.filter.ignored', 'Ignored')}</option>\n          </select>\n          <button onClick={() => refetch()} style={styles.refreshButton}>\n            🔄 {t('bigconsole.widget.eventLog.refresh', 'Refresh')}\n          </button>\n        </div>\n      </div>\n\n      {loading && logs.length === 0 ? (\n        <div style={styles.emptyState}>{t('bigconsole.widget.eventLog.loading', 'Loading...')}</div>\n      ) : logs.length === 0 ? (\n        <div style={styles.emptyState}>\n          <p>{t('bigconsole.widget.eventLog.emptyTitle', 'No events found')}</p>\n          <p style={{ fontSize: '13px', marginTop: '8px' }}>\n            {t('bigconsole.widget.eventLog.emptyHint', 'Events will appear here when actions are triggered.')}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div style={{ ...styles.tableContainer, maxHeight, overflowY: 'auto' }}>\n            <table style={styles.table}>\n              <thead style={styles.tableHeader}>\n                <tr>\n                  <th style={{ ...styles.th, width: '40px' }}></th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.status', 'Status')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.event', 'Event')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.time', 'Time')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.webhook', 'Webhook')}</th>\n                  <th style={{ ...styles.th, width: '80px' }}>\n                    {t('bigconsole.widget.eventLog.column.action', 'Action')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {logs.map((log) => (\n                  <EventLogRow\n                    key={log.id}\n                    log={log}\n                    onRetry={() => handleRetry(log)}\n                    retrying={retryingId === log.id}\n                    expanded={expandedIds.has(log.id)}\n                    onToggleExpand={() => handleToggleExpand(log.id)}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {hasMore && (\n            <button onClick={loadMore} style={styles.loadMoreButton}>\n              {t('bigconsole.widget.eventLog.loadMore', 'Load More')}\n            </button>\n          )}\n        </>\n      )}\n    </div>\n  );\n});\n\nexport default EventLogViewer;\n"],"mappings":"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"}
+{"version":3,"file":"EventLogViewer.js","names":[],"sources":["../../../../../src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx"],"sourcesContent":["/**\n * EventLogViewer Component (v2.0)\n *\n * Component for viewing event history and managing failed deliveries.\n * Shows event status, allows filtering, and supports retry functionality.\n */\n\nimport React, { memo, useState, useCallback } from 'react';\nimport { useI18n } from '@burdenoff/fe-libs/shared/providers/shell/I18nProvider';\nimport {\n  useEventLogs,\n  getEventStatusColor,\n  getEventStatusLabel,\n  getEventStatusIcon,\n  type EventStatus,\n  type EventLog,\n} from '../../../hooks/useEventLogs';\n\n// ============================================================================\n// Types\n// ============================================================================\n\nexport interface EventLogViewerProps {\n  /** Dashboard ID to filter logs */\n  dashboardId?: string;\n  /** Widget ID to filter logs */\n  widgetId?: string;\n  /** Maximum height of the viewer */\n  maxHeight?: string;\n  /** Callback when retry is successful */\n  onRetrySuccess?: (eventLog: EventLog) => void;\n}\n\n// ============================================================================\n// Styles\n// ============================================================================\n\n/**\n * Section emphasis (BOFF-5636). Like the webhook panel, this used to draw its\n * own card and its own 16px `<h3>Event History</h3>` under the inspector's 14px\n * \"Events\" heading. The owning `<Section>` now provides surface, heading and\n * description; this component provides the toolbar and the table.\n */\nconst styles = {\n  container: {\n    display: 'flex',\n    flexDirection: 'column',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  header: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    justifyContent: 'space-between',\n    alignItems: 'center',\n    gap: 'var(--space-controlGap)',\n    minWidth: 0,\n  } as React.CSSProperties,\n  headerActions: {\n    display: 'flex',\n    flexWrap: 'wrap',\n    gap: '8px',\n    alignItems: 'center',\n  } as React.CSSProperties,\n  filterSelect: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-input)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  refreshButton: {\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 12px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-primary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  table: {\n    // The 6-column table is wider than a 390px sheet; `minWidth` plus the\n    // container's `overflowX: auto` scrolls the TABLE instead of the page.\n    width: '100%',\n    minWidth: '520px',\n    borderCollapse: 'collapse',\n    fontSize: 'var(--font-size-body-sm)',\n  } as React.CSSProperties,\n  tableHeader: {\n    backgroundColor: 'var(--color-bg-sunken)',\n    borderBottom: '1px solid var(--color-border-subtle)',\n  } as React.CSSProperties,\n  th: {\n    padding: '10px 12px',\n    textAlign: 'left',\n    fontWeight: 600,\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  td: {\n    padding: '10px 12px',\n    borderBottom: '1px solid var(--color-border-subtle)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  statusCell: {\n    display: 'flex',\n    alignItems: 'center',\n    gap: '6px',\n  } as React.CSSProperties,\n  statusBadge: {\n    padding: '2px 8px',\n    borderRadius: '12px',\n    fontSize: '11px',\n    fontWeight: 500,\n  } as React.CSSProperties,\n  eventName: {\n    fontFamily: 'monospace',\n    fontSize: '12px',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  timeAgo: {\n    fontSize: '12px',\n    color: 'var(--color-text-muted)',\n  } as React.CSSProperties,\n  retryButton: {\n    padding: '4px 8px',\n    fontSize: '11px',\n    backgroundColor: 'var(--color-action-primary-bg)',\n    color: 'var(--color-action-primary-text)',\n    border: 'none',\n    borderRadius: '4px',\n    cursor: 'pointer',\n    transition: 'opacity 0.15s ease',\n  } as React.CSSProperties,\n  emptyState: {\n    textAlign: 'center',\n    padding: 'var(--space-pagePadding) var(--space-formGap)',\n    color: 'var(--color-text-secondary)',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n  } as React.CSSProperties,\n  emptyTitle: {\n    fontSize: 'var(--font-size-body-sm)',\n    fontWeight: 600,\n    color: 'var(--color-text-primary)',\n    margin: 0,\n  } as React.CSSProperties,\n  loadMoreButton: {\n    width: '100%',\n    minHeight: 'var(--size-controlHeight-md)',\n    padding: '0 10px',\n    marginTop: '12px',\n    backgroundColor: 'var(--color-bg-surface)',\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-button)',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n    cursor: 'pointer',\n    transition: 'background-color 0.15s ease',\n  } as React.CSSProperties,\n  totalCount: {\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  tableContainer: {\n    overflowX: 'auto',\n    minWidth: 0,\n    border: '1px solid var(--color-border-subtle)',\n    borderRadius: 'var(--radius-card)',\n    backgroundColor: 'var(--color-bg-surface)',\n  } as React.CSSProperties,\n  detailRow: {\n    backgroundColor: 'var(--color-bg-sunken)',\n  } as React.CSSProperties,\n  detailContent: {\n    padding: '12px',\n    fontSize: '12px',\n    fontFamily: 'monospace',\n    whiteSpace: 'pre-wrap',\n    wordBreak: 'break-all',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n  expandButton: {\n    background: 'none',\n    border: 'none',\n    cursor: 'pointer',\n    minHeight: 'var(--size-controlHeight-md)',\n    minWidth: 'var(--size-controlHeight-md)',\n    padding: '4px',\n    fontSize: 'var(--font-size-body-sm)',\n    color: 'var(--color-text-secondary)',\n  } as React.CSSProperties,\n};\n\n// ============================================================================\n// Helper Functions\n// ============================================================================\n\n/** Translator function shape from useI18n().t. */\ntype EventLogTFunc = (\n  key: string,\n  fallbackOrParams?: string | Record<string, string | number>,\n  params?: Record<string, string | number>\n) => string;\n\n/**\n * A stored webhook URL is whatever the user typed — a relative path or a typo\n * reaches this table unvalidated, and `new URL()` throws a TypeError on it,\n * which took the whole log viewer down with it. Fall back to showing the raw\n * value; the point of the column is to identify the destination, and the raw\n * string does that fine when it cannot be parsed.\n */\nfunction webhookHost(url: string): string {\n  try {\n    return new URL(url).hostname;\n  } catch {\n    return url;\n  }\n}\n\nfunction formatTimeAgo(dateString: string, t: EventLogTFunc): string {\n  const date = new Date(dateString);\n  const now = new Date();\n  const diffMs = now.getTime() - date.getTime();\n  const diffMins = Math.floor(diffMs / 60000);\n  const diffHours = Math.floor(diffMins / 60);\n  const diffDays = Math.floor(diffHours / 24);\n\n  if (diffMins < 1) return t('bigconsole.widget.eventLog.time.justNow', 'Just now');\n  if (diffMins < 60) return t('bigconsole.widget.eventLog.time.minutesAgo', '{{count}}m ago', { count: diffMins });\n  if (diffHours < 24) return t('bigconsole.widget.eventLog.time.hoursAgo', '{{count}}h ago', { count: diffHours });\n  if (diffDays < 7) return t('bigconsole.widget.eventLog.time.daysAgo', '{{count}}d ago', { count: diffDays });\n  return date.toLocaleDateString();\n}\n\n// ============================================================================\n// Event Log Row Component\n// ============================================================================\n\ninterface EventLogRowProps {\n  log: EventLog;\n  onRetry: () => void;\n  retrying?: boolean;\n  expanded?: boolean;\n  onToggleExpand: () => void;\n}\n\nconst EventLogRow: React.FC<EventLogRowProps> = memo(function EventLogRow({\n  log,\n  onRetry,\n  retrying,\n  expanded,\n  onToggleExpand,\n}) {\n  const { t } = useI18n();\n  const canRetry = log.status === 'FAILED';\n\n  return (\n    <>\n      <tr>\n        <td style={styles.td}>\n          <button\n            type=\"button\"\n            onClick={onToggleExpand}\n            aria-expanded={expanded}\n            aria-label={expanded ? 'Hide event payload' : 'Show event payload'}\n            style={styles.expandButton}\n          >\n            <span aria-hidden=\"true\">{expanded ? '▾' : '▸'}</span>\n          </button>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.statusCell}>\n            <span>{getEventStatusIcon(log.status)}</span>\n            <span\n              style={{\n                ...styles.statusBadge,\n                backgroundColor: `${getEventStatusColor(log.status)}20`,\n                color: getEventStatusColor(log.status),\n              }}\n            >\n              {getEventStatusLabel(log.status)}\n            </span>\n          </div>\n        </td>\n        <td style={styles.td}>\n          <div style={styles.eventName}>{log.eventName}</div>\n          {log.actionName && (\n            <div style={{ fontSize: '11px', color: 'var(--color-text-muted)' }}>\n              {t('bigconsole.widget.eventLog.actionLabel', 'Action: {{action}}', { action: log.actionName ?? '' })}\n            </div>\n          )}\n        </td>\n        <td style={styles.td}>\n          <div style={styles.timeAgo}>{formatTimeAgo(log.createdAt, t)}</div>\n        </td>\n        <td style={styles.td}>\n          {log.webhookUrl ? (\n            <span style={{ fontSize: '12px', color: 'var(--color-text-muted)' }}>{webhookHost(log.webhookUrl)}</span>\n          ) : (\n            <span style={{ fontSize: 'var(--font-size-body-sm)', color: 'var(--color-text-muted)' }}>—</span>\n          )}\n        </td>\n        <td style={styles.td}>\n          {canRetry && (\n            <button type=\"button\" onClick={onRetry} disabled={retrying} style={styles.retryButton}>\n              {retrying\n                ? t('bigconsole.widget.eventLog.retrying', 'Retrying…')\n                : t('bigconsole.widget.eventLog.retry', 'Retry')}\n            </button>\n          )}\n        </td>\n      </tr>\n      {expanded && (\n        <tr style={styles.detailRow}>\n          <td colSpan={6} style={styles.td}>\n            <div style={styles.detailContent as React.CSSProperties}>\n              <strong>{t('bigconsole.widget.eventLog.payload', 'Payload:')}</strong>\n              {'\\n'}\n              {JSON.stringify(log.payload, null, 2)}\n              {log.errorMessage && (\n                <>\n                  {'\\n\\n'}\n                  <strong style={{ color: 'var(--color-status-error-text)' }}>\n                    {t('bigconsole.widget.eventLog.error', 'Error:')}\n                  </strong>\n                  {'\\n'}\n                  {log.errorMessage}\n                </>\n              )}\n              {log.responseCode && (\n                <>\n                  {'\\n\\n'}\n                  <strong>{t('bigconsole.widget.eventLog.responseCode', 'Response Code:')}</strong> {log.responseCode}\n                </>\n              )}\n              {'\\n\\n'}\n              <strong>{t('bigconsole.widget.eventLog.attempts', 'Attempts:')}</strong> {log.attempts}\n            </div>\n          </td>\n        </tr>\n      )}\n    </>\n  );\n});\n\n// ============================================================================\n// Main Component\n// ============================================================================\n\nexport const EventLogViewer: React.FC<EventLogViewerProps> = memo(function EventLogViewer({\n  dashboardId,\n  widgetId,\n  maxHeight = '400px',\n  onRetrySuccess,\n}) {\n  const { t } = useI18n();\n  const [statusFilter, setStatusFilter] = useState<EventStatus | ''>('');\n  const [expandedIds, setExpandedIds] = useState<Set<string>>(new Set());\n  const [retryingId, setRetryingId] = useState<string | null>(null);\n\n  const { logs, loading, totalCount, hasMore, loadMore, retryDelivery, refetch } = useEventLogs({\n    dashboardId,\n    widgetId,\n    status: statusFilter || undefined,\n  });\n\n  const handleRetry = useCallback(\n    async (log: EventLog) => {\n      setRetryingId(log.id);\n      const result = await retryDelivery(log.id);\n      setRetryingId(null);\n      if (result) {\n        onRetrySuccess?.(result);\n      }\n    },\n    [retryDelivery, onRetrySuccess]\n  );\n\n  const handleToggleExpand = useCallback((id: string) => {\n    setExpandedIds((prev) => {\n      const next = new Set(prev);\n      if (next.has(id)) {\n        next.delete(id);\n      } else {\n        next.add(id);\n      }\n      return next;\n    });\n  }, []);\n\n  return (\n    <div style={styles.container} data-testid=\"event-log-viewer\">\n      <div style={styles.header}>\n        <div>\n          {/*\n            No heading here on purpose: the owning `<Section>` already names this\n            block, and a second `<h3>Event History</h3>` under it read as two\n            titles for one panel (BOFF-5636). The count stays — it is the part\n            that actually tells you something.\n          */}\n          <span style={styles.totalCount}>\n            {t('bigconsole.widget.eventLog.eventCount', '{{count}} events', { count: totalCount })}\n          </span>\n        </div>\n        <div style={styles.headerActions}>\n          <label htmlFor=\"event-log-status-filter\" className=\"sr-only\">\n            Filter events by status\n          </label>\n          <select\n            id=\"event-log-status-filter\"\n            value={statusFilter}\n            onChange={(e) => setStatusFilter(e.target.value as EventStatus | '')}\n            style={styles.filterSelect}\n          >\n            <option value=\"\">{t('bigconsole.widget.eventLog.filter.all', 'All Status')}</option>\n            <option value=\"DELIVERED\">{t('bigconsole.widget.eventLog.filter.delivered', 'Delivered')}</option>\n            <option value=\"FAILED\">{t('bigconsole.widget.eventLog.filter.failed', 'Failed')}</option>\n            <option value=\"PENDING\">{t('bigconsole.widget.eventLog.filter.pending', 'Pending')}</option>\n            <option value=\"PROCESSING\">{t('bigconsole.widget.eventLog.filter.processing', 'Processing')}</option>\n            <option value=\"RETRYING\">{t('bigconsole.widget.eventLog.filter.retrying', 'Retrying')}</option>\n            <option value=\"IGNORED\">{t('bigconsole.widget.eventLog.filter.ignored', 'Ignored')}</option>\n          </select>\n          <button type=\"button\" onClick={() => refetch()} style={styles.refreshButton}>\n            {t('bigconsole.widget.eventLog.refresh', 'Refresh')}\n          </button>\n        </div>\n      </div>\n\n      {loading && logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.loading', 'Loading...')}</p>\n        </div>\n      ) : logs.length === 0 ? (\n        <div style={styles.emptyState} role=\"status\">\n          <p style={styles.emptyTitle}>{t('bigconsole.widget.eventLog.emptyTitle', 'No events found')}</p>\n          <p style={{ fontSize: 'var(--font-size-body-sm)', marginTop: '8px' }}>\n            {t('bigconsole.widget.eventLog.emptyHint', 'Events will appear here when actions are triggered.')}\n          </p>\n        </div>\n      ) : (\n        <>\n          <div style={{ ...styles.tableContainer, maxHeight, overflowY: 'auto' }}>\n            <table style={styles.table}>\n              <thead style={styles.tableHeader}>\n                <tr>\n                  <th style={{ ...styles.th, width: '40px' }}></th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.status', 'Status')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.event', 'Event')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.time', 'Time')}</th>\n                  <th style={styles.th}>{t('bigconsole.widget.eventLog.column.webhook', 'Webhook')}</th>\n                  <th style={{ ...styles.th, width: '80px' }}>\n                    {t('bigconsole.widget.eventLog.column.action', 'Action')}\n                  </th>\n                </tr>\n              </thead>\n              <tbody>\n                {logs.map((log) => (\n                  <EventLogRow\n                    key={log.id}\n                    log={log}\n                    onRetry={() => handleRetry(log)}\n                    retrying={retryingId === log.id}\n                    expanded={expandedIds.has(log.id)}\n                    onToggleExpand={() => handleToggleExpand(log.id)}\n                  />\n                ))}\n              </tbody>\n            </table>\n          </div>\n\n          {hasMore && (\n            <button onClick={loadMore} style={styles.loadMoreButton}>\n              {t('bigconsole.widget.eventLog.loadMore', 'Load More')}\n            </button>\n          )}\n        </>\n      )}\n    </div>\n  );\n});\n\nexport default EventLogViewer;\n"],"mappings":"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"}