@burdenoff/microfe-bigconsole 2026.510.54

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

@@ -0,0 +1,377 @@
+import e, { getEventStatusColor as t, getEventStatusIcon as n, getEventStatusLabel as r } from "../../../hooks/useEventLogs.js";
+import { memo as i, useCallback as a, useState as o } from "react";
+import { Fragment as s, jsx as c, jsxs as l } from "react/jsx-runtime";
+//#region src/bigconsole/components/widgets/event-logs/EventLogViewer.tsx
+var u = {
+	container: {
+		padding: "16px",
+		backgroundColor: "var(--color-bg-surface)",
+		borderRadius: "8px"
+	},
+	header: {
+		display: "flex",
+		justifyContent: "space-between",
+		alignItems: "center",
+		marginBottom: "16px"
+	},
+	title: {
+		fontSize: "16px",
+		fontWeight: 600,
+		color: "var(--color-text-primary)",
+		margin: 0
+	},
+	headerActions: {
+		display: "flex",
+		gap: "8px",
+		alignItems: "center"
+	},
+	filterSelect: {
+		padding: "6px 12px",
+		fontSize: "13px",
+		border: "1px solid var(--color-border)",
+		borderRadius: "6px",
+		backgroundColor: "var(--color-bg-surface)"
+	},
+	refreshButton: {
+		padding: "6px 12px",
+		fontSize: "13px",
+		backgroundColor: "var(--color-bg-muted)",
+		border: "none",
+		borderRadius: "6px",
+		cursor: "pointer",
+		transition: "background-color 0.15s ease"
+	},
+	table: {
+		width: "100%",
+		borderCollapse: "collapse",
+		fontSize: "13px"
+	},
+	tableHeader: {
+		backgroundColor: "var(--color-bg-sunken)",
+		borderBottom: "1px solid var(--color-border)"
+	},
+	th: {
+		padding: "10px 12px",
+		textAlign: "left",
+		fontWeight: 600,
+		color: "var(--color-text-secondary)"
+	},
+	td: {
+		padding: "10px 12px",
+		borderBottom: "1px solid var(--color-border)",
+		color: "var(--color-text-secondary)"
+	},
+	statusCell: {
+		display: "flex",
+		alignItems: "center",
+		gap: "6px"
+	},
+	statusBadge: {
+		padding: "2px 8px",
+		borderRadius: "12px",
+		fontSize: "11px",
+		fontWeight: 500
+	},
+	eventName: {
+		fontFamily: "monospace",
+		fontSize: "12px",
+		color: "var(--color-text-secondary)"
+	},
+	timeAgo: {
+		fontSize: "12px",
+		color: "var(--color-text-muted)"
+	},
+	retryButton: {
+		padding: "4px 8px",
+		fontSize: "11px",
+		backgroundColor: "var(--color-action-primary-bg)",
+		color: "var(--color-action-primary-text)",
+		border: "none",
+		borderRadius: "4px",
+		cursor: "pointer",
+		transition: "opacity 0.15s ease"
+	},
+	emptyState: {
+		textAlign: "center",
+		padding: "32px",
+		color: "var(--color-text-muted)"
+	},
+	loadMoreButton: {
+		width: "100%",
+		padding: "10px",
+		marginTop: "12px",
+		backgroundColor: "var(--color-bg-muted)",
+		border: "none",
+		borderRadius: "6px",
+		fontSize: "13px",
+		color: "var(--color-text-secondary)",
+		cursor: "pointer",
+		transition: "background-color 0.15s ease"
+	},
+	totalCount: {
+		fontSize: "12px",
+		color: "var(--color-text-muted)"
+	},
+	tableContainer: { overflowX: "auto" },
+	detailRow: { backgroundColor: "var(--color-bg-sunken)" },
+	detailContent: {
+		padding: "12px",
+		fontSize: "12px",
+		fontFamily: "monospace",
+		whiteSpace: "pre-wrap",
+		wordBreak: "break-all",
+		color: "var(--color-text-secondary)"
+	},
+	expandButton: {
+		background: "none",
+		border: "none",
+		cursor: "pointer",
+		padding: "4px",
+		fontSize: "14px"
+	}
+};
+function d(e) {
+	let t = new Date(e), n = (/* @__PURE__ */ new Date()).getTime() - t.getTime(), r = Math.floor(n / 6e4), i = Math.floor(r / 60), a = Math.floor(i / 24);
+	return r < 1 ? "Just now" : r < 60 ? `${r}m ago` : i < 24 ? `${i}h ago` : a < 7 ? `${a}d ago` : t.toLocaleDateString();
+}
+var f = i(function({ log: e, onRetry: i, retrying: a, expanded: o, onToggleExpand: f }) {
+	let p = e.status === "FAILED";
+	return /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ l("tr", { children: [
+		/* @__PURE__ */ c("td", {
+			style: u.td,
+			children: /* @__PURE__ */ c("button", {
+				onClick: f,
+				style: u.expandButton,
+				children: o ? "▼" : "▶"
+			})
+		}),
+		/* @__PURE__ */ c("td", {
+			style: u.td,
+			children: /* @__PURE__ */ l("div", {
+				style: u.statusCell,
+				children: [/* @__PURE__ */ c("span", { children: n(e.status) }), /* @__PURE__ */ c("span", {
+					style: {
+						...u.statusBadge,
+						backgroundColor: `${t(e.status)}20`,
+						color: t(e.status)
+					},
+					children: r(e.status)
+				})]
+			})
+		}),
+		/* @__PURE__ */ l("td", {
+			style: u.td,
+			children: [/* @__PURE__ */ c("div", {
+				style: u.eventName,
+				children: e.eventName
+			}), e.actionName && /* @__PURE__ */ l("div", {
+				style: {
+					fontSize: "11px",
+					color: "#9ca3af"
+				},
+				children: ["Action: ", e.actionName]
+			})]
+		}),
+		/* @__PURE__ */ c("td", {
+			style: u.td,
+			children: /* @__PURE__ */ c("div", {
+				style: u.timeAgo,
+				children: d(e.createdAt)
+			})
+		}),
+		/* @__PURE__ */ c("td", {
+			style: u.td,
+			children: e.webhookUrl ? /* @__PURE__ */ c("span", {
+				style: {
+					fontSize: "12px",
+					color: "#6b7280"
+				},
+				children: new URL(e.webhookUrl).hostname
+			}) : /* @__PURE__ */ c("span", {
+				style: {
+					fontSize: "12px",
+					color: "#d1d5db"
+				},
+				children: "—"
+			})
+		}),
+		/* @__PURE__ */ c("td", {
+			style: u.td,
+			children: p && /* @__PURE__ */ c("button", {
+				onClick: i,
+				disabled: a,
+				style: u.retryButton,
+				children: a ? "..." : "🔄 Retry"
+			})
+		})
+	] }), o && /* @__PURE__ */ c("tr", {
+		style: u.detailRow,
+		children: /* @__PURE__ */ c("td", {
+			colSpan: 6,
+			style: u.td,
+			children: /* @__PURE__ */ l("div", {
+				style: u.detailContent,
+				children: [
+					/* @__PURE__ */ c("strong", { children: "Payload:" }),
+					"\n",
+					JSON.stringify(e.payload, null, 2),
+					e.errorMessage && /* @__PURE__ */ l(s, { children: [
+						"\n\n",
+						/* @__PURE__ */ c("strong", {
+							style: { color: "#dc2626" },
+							children: "Error:"
+						}),
+						"\n",
+						e.errorMessage
+					] }),
+					e.responseCode && /* @__PURE__ */ l(s, { children: [
+						"\n\n",
+						/* @__PURE__ */ c("strong", { children: "Response Code:" }),
+						" ",
+						e.responseCode
+					] }),
+					"\n\n",
+					/* @__PURE__ */ c("strong", { children: "Attempts:" }),
+					" ",
+					e.attempts
+				]
+			})
+		})
+	})] });
+}), p = i(function({ dashboardId: t, widgetId: n, maxHeight: r = "400px", onRetrySuccess: i }) {
+	let [d, p] = o(""), [m, h] = o(/* @__PURE__ */ new Set()), [g, _] = o(null), { logs: v, loading: y, totalCount: b, hasMore: x, loadMore: S, retryDelivery: C, refetch: w } = e({
+		dashboardId: t,
+		widgetId: n,
+		status: d || void 0
+	}), T = a(async (e) => {
+		_(e.id);
+		let t = await C(e.id);
+		_(null), t && i?.(t);
+	}, [C, i]), E = a((e) => {
+		h((t) => {
+			let n = new Set(t);
+			return n.has(e) ? n.delete(e) : n.add(e), n;
+		});
+	}, []);
+	return /* @__PURE__ */ l("div", {
+		style: u.container,
+		children: [/* @__PURE__ */ l("div", {
+			style: u.header,
+			children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h3", {
+				style: u.title,
+				children: "Event History"
+			}), /* @__PURE__ */ l("span", {
+				style: u.totalCount,
+				children: [b, " events"]
+			})] }), /* @__PURE__ */ l("div", {
+				style: u.headerActions,
+				children: [/* @__PURE__ */ l("select", {
+					value: d,
+					onChange: (e) => p(e.target.value),
+					style: u.filterSelect,
+					children: [
+						/* @__PURE__ */ c("option", {
+							value: "",
+							children: "All Status"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "DELIVERED",
+							children: "Delivered"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "FAILED",
+							children: "Failed"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "PENDING",
+							children: "Pending"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "PROCESSING",
+							children: "Processing"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "RETRYING",
+							children: "Retrying"
+						}),
+						/* @__PURE__ */ c("option", {
+							value: "IGNORED",
+							children: "Ignored"
+						})
+					]
+				}), /* @__PURE__ */ c("button", {
+					onClick: () => w(),
+					style: u.refreshButton,
+					children: "🔄 Refresh"
+				})]
+			})]
+		}), y && v.length === 0 ? /* @__PURE__ */ c("div", {
+			style: u.emptyState,
+			children: "Loading..."
+		}) : v.length === 0 ? /* @__PURE__ */ l("div", {
+			style: u.emptyState,
+			children: [/* @__PURE__ */ c("p", { children: "No events found" }), /* @__PURE__ */ c("p", {
+				style: {
+					fontSize: "13px",
+					marginTop: "8px"
+				},
+				children: "Events will appear here when actions are triggered."
+			})]
+		}) : /* @__PURE__ */ l(s, { children: [/* @__PURE__ */ c("div", {
+			style: {
+				...u.tableContainer,
+				maxHeight: r,
+				overflowY: "auto"
+			},
+			children: /* @__PURE__ */ l("table", {
+				style: u.table,
+				children: [/* @__PURE__ */ c("thead", {
+					style: u.tableHeader,
+					children: /* @__PURE__ */ l("tr", { children: [
+						/* @__PURE__ */ c("th", { style: {
+							...u.th,
+							width: "40px"
+						} }),
+						/* @__PURE__ */ c("th", {
+							style: u.th,
+							children: "Status"
+						}),
+						/* @__PURE__ */ c("th", {
+							style: u.th,
+							children: "Event"
+						}),
+						/* @__PURE__ */ c("th", {
+							style: u.th,
+							children: "Time"
+						}),
+						/* @__PURE__ */ c("th", {
+							style: u.th,
+							children: "Webhook"
+						}),
+						/* @__PURE__ */ c("th", {
+							style: {
+								...u.th,
+								width: "80px"
+							},
+							children: "Action"
+						})
+					] })
+				}), /* @__PURE__ */ c("tbody", { children: v.map((e) => /* @__PURE__ */ c(f, {
+					log: e,
+					onRetry: () => T(e),
+					retrying: g === e.id,
+					expanded: m.has(e.id),
+					onToggleExpand: () => E(e.id)
+				}, e.id)) })]
+			})
+		}), x && /* @__PURE__ */ c("button", {
+			onClick: S,
+			style: u.loadMoreButton,
+			children: "Load More"
+		})] })]
+	});
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=EventLogViewer.js.map

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

@@ -0,0 +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 {\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\nfunction formatTimeAgo(dateString: string): 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 'Just now';\n  if (diffMins < 60) return `${diffMins}m ago`;\n  if (diffHours < 24) return `${diffHours}h ago`;\n  if (diffDays < 7) return `${diffDays}d ago`;\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 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 && <div style={{ fontSize: '11px', color: '#9ca3af' }}>Action: {log.actionName}</div>}\n        </td>\n        <td style={styles.td}>\n          <div style={styles.timeAgo}>{formatTimeAgo(log.createdAt)}</div>\n        </td>\n        <td style={styles.td}>\n          {log.webhookUrl ? (\n            <span style={{ fontSize: '12px', color: '#6b7280' }}>{new URL(log.webhookUrl).hostname}</span>\n          ) : (\n            <span style={{ fontSize: '12px', color: '#d1d5db' }}>—</span>\n          )}\n        </td>\n        <td style={styles.td}>\n          {canRetry && (\n            <button onClick={onRetry} disabled={retrying} style={styles.retryButton}>\n              {retrying ? '...' : '🔄 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>Payload:</strong>\n              {'\\n'}\n              {JSON.stringify(log.payload, null, 2)}\n              {log.errorMessage && (\n                <>\n                  {'\\n\\n'}\n                  <strong style={{ color: '#dc2626' }}>Error:</strong>\n                  {'\\n'}\n                  {log.errorMessage}\n                </>\n              )}\n              {log.responseCode && (\n                <>\n                  {'\\n\\n'}\n                  <strong>Response Code:</strong> {log.responseCode}\n                </>\n              )}\n              {'\\n\\n'}\n              <strong>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 [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}>Event History</h3>\n          <span style={styles.totalCount}>{totalCount} events</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=\"\">All Status</option>\n            <option value=\"DELIVERED\">Delivered</option>\n            <option value=\"FAILED\">Failed</option>\n            <option value=\"PENDING\">Pending</option>\n            <option value=\"PROCESSING\">Processing</option>\n            <option value=\"RETRYING\">Retrying</option>\n            <option value=\"IGNORED\">Ignored</option>\n          </select>\n          <button onClick={() => refetch()} style={styles.refreshButton}>\n            🔄 Refresh\n          </button>\n        </div>\n      </div>\n\n      {loading && logs.length === 0 ? (\n        <div style={styles.emptyState}>Loading...</div>\n      ) : logs.length === 0 ? (\n        <div style={styles.emptyState}>\n          <p>No events found</p>\n          <p style={{ fontSize: '13px', marginTop: '8px' }}>Events will appear here when actions are triggered.</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}>Status</th>\n                  <th style={styles.th}>Event</th>\n                  <th style={styles.th}>Time</th>\n                  <th style={styles.th}>Webhook</th>\n                  <th style={{ ...styles.th, width: '80px' }}>Action</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              Load More\n            </button>\n          )}\n        </>\n      )}\n    </div>\n  );\n});\n\nexport default EventLogViewer;\n"],"mappings":"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"}

package/dist/bigconsole/components/widgets/event-logs/index.d.ts

@@ -0,0 +1,6 @@
+/**
+ * Event Logs Components
+ */
+export { EventLogViewer, type EventLogViewerProps } from './EventLogViewer';
+export { default } from './EventLogViewer';
+//# sourceMappingURL=index.d.ts.map

package/dist/bigconsole/components/widgets/event-logs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/event-logs/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AAEH,OAAO,EAAE,cAAc,EAAE,KAAK,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC5E,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

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

@@ -0,0 +1 @@
+import "./EventLogViewer.js";

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts

@@ -0,0 +1,27 @@
+import { FC } from 'react';
+import { Widget, FormConfig as FormConfigType, FormFieldConfig, FormFieldType as FormFieldTypeAlias, FormFieldOption, FormValidationRule } from '../../../types';
+
+export type FieldType = FormFieldTypeAlias;
+export type FormField = FormFieldConfig;
+export type SelectOption = FormFieldOption;
+export type ValidationRule = FormValidationRule;
+export type FormConfig = FormConfigType;
+export interface FormWidgetProps {
+    widget: Widget;
+    data?: Record<string, unknown>;
+    /** Whether the widget is in edit mode */
+    isEditMode?: boolean;
+    /** Whether the widget is selected */
+    isSelected?: boolean;
+    /** Whether data is loading */
+    isLoading?: boolean;
+    /** Error message if any */
+    error?: string | null;
+    /** Callback when widget is clicked */
+    onClick?: () => void;
+    onDrilldown?: (selectedData: Record<string, unknown>) => void;
+    onSubmit?: (formData: Record<string, unknown>) => void;
+}
+export declare const FormWidget: FC<FormWidgetProps>;
+export default FormWidget;
+//# sourceMappingURL=FormWidget.d.ts.map

package/dist/bigconsole/components/widgets/form/FormWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormWidget.d.ts","sourceRoot":"","sources":["../../../../../src/bigconsole/components/widgets/form/FormWidget.tsx"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AACtE,OAAO,KAAK,EACV,MAAM,EACN,UAAU,IAAI,cAAc,EAC5B,eAAe,EACf,aAAa,IAAI,kBAAkB,EACnC,eAAe,EACf,kBAAkB,EACnB,MAAM,gBAAgB,CAAC;AAQxB,MAAM,MAAM,SAAS,GAAG,kBAAkB,CAAC;AAC3C,MAAM,MAAM,SAAS,GAAG,eAAe,CAAC;AACxC,MAAM,MAAM,YAAY,GAAG,eAAe,CAAC;AAC3C,MAAM,MAAM,cAAc,GAAG,kBAAkB,CAAC;AAChD,MAAM,MAAM,UAAU,GAAG,cAAc,CAAC;AAExC,MAAM,WAAW,eAAe;IAC9B,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,yCAAyC;IACzC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,qCAAqC;IACrC,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,8BAA8B;IAC9B,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,2BAA2B;IAC3B,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,sCAAsC;IACtC,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,WAAW,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAAK,IAAI,CAAC;CACxD;AA2OD,eAAO,MAAM,UAAU,EAAE,EAAE,CAAC,eAAe,CAuVzC,CAAC;AAEH,eAAe,UAAU,CAAC"}