@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget.js

@@ -0,0 +1,128 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+var STAGE_TONES = {
+    started: {
+        accent: "#4f46e5",
+        accentSoft: "rgba(79, 70, 229, 0.10)",
+        border: "rgba(79, 70, 229, 0.18)",
+        chipBg: "rgba(79, 70, 229, 0.08)",
+        chipText: "#4f46e5",
+        avatarBg: "rgba(79, 70, 229, 0.18)",
+    },
+    pending: {
+        accent: "#d97706",
+        accentSoft: "rgba(217, 119, 6, 0.10)",
+        border: "rgba(217, 119, 6, 0.18)",
+        chipBg: "rgba(217, 119, 6, 0.10)",
+        chipText: "#b45309",
+        avatarBg: "rgba(217, 119, 6, 0.18)",
+    },
+    succeeded: {
+        accent: "#059669",
+        accentSoft: "rgba(5, 150, 105, 0.10)",
+        border: "rgba(5, 150, 105, 0.18)",
+        chipBg: "rgba(5, 150, 105, 0.10)",
+        chipText: "#047857",
+        avatarBg: "rgba(5, 150, 105, 0.16)",
+    },
+    failed: {
+        accent: "#dc2626",
+        accentSoft: "rgba(220, 38, 38, 0.10)",
+        border: "rgba(220, 38, 38, 0.18)",
+        chipBg: "rgba(220, 38, 38, 0.10)",
+        chipText: "#b91c1c",
+        avatarBg: "rgba(220, 38, 38, 0.16)",
+    },
+    default: {
+        accent: "#64748b",
+        accentSoft: "rgba(100, 116, 139, 0.08)",
+        border: "rgba(100, 116, 139, 0.16)",
+        chipBg: "rgba(100, 116, 139, 0.08)",
+        chipText: "#475569",
+        avatarBg: "rgba(100, 116, 139, 0.14)",
+    },
+};
+var renderText = function (value, fallback) {
+    if (fallback === void 0) { fallback = "--"; }
+    if (value === null || value === undefined || value === "") {
+        return fallback;
+    }
+    return String(value);
+};
+var formatDate = function (value) {
+    if (!value)
+        return "Not set";
+    var date = new Date(value);
+    if (Number.isNaN(date.getTime()))
+        return "Not set";
+    return new Intl.DateTimeFormat("en-GB", {
+        day: "2-digit",
+        month: "short",
+        year: "2-digit",
+    }).format(date);
+};
+var formatDuration = function (value) {
+    if (value === null || value === undefined || value === "")
+        return "--";
+    var milliseconds = Number(value);
+    if (Number.isNaN(milliseconds))
+        return renderText(value);
+    if (milliseconds < 1000)
+        return "".concat(milliseconds, " ms");
+    if (milliseconds < 60000) {
+        var seconds = milliseconds / 1000;
+        return "".concat(seconds >= 10 ? Math.round(seconds) : seconds.toFixed(1), " s");
+    }
+    if (milliseconds < 3600000) {
+        return "".concat(Math.round(milliseconds / 60000), " min");
+    }
+    return "".concat((milliseconds / 3600000).toFixed(1), " h");
+};
+var getInitials = function () {
+    var values = [];
+    for (var _i = 0; _i < arguments.length; _i++) {
+        values[_i] = arguments[_i];
+    }
+    var source = values.find(function (value) { return value && String(value).trim().length > 0; });
+    if (!source)
+        return "MQ";
+    return String(source)
+        .trim()
+        .split(/[\s_-]+/)
+        .slice(0, 2)
+        .map(function (part) { return part.charAt(0).toUpperCase(); })
+        .join("") || "MQ";
+};
+var getTone = function (stage) {
+    var key = String(stage || "").toLowerCase();
+    return STAGE_TONES[key] || STAGE_TONES.default;
+};
+var truncate = function (value, maxLength) {
+    var text = renderText(value, "");
+    if (!text || text.length <= maxLength)
+        return text || "--";
+    return "".concat(text.slice(0, maxLength - 1), "...");
+};
+export default function MqMessageKanbanCardWidget(_a) {
+    var _b;
+    var _c, _d;
+    var rowData = _a.rowData;
+    var tone = getTone(rowData === null || rowData === void 0 ? void 0 : rowData.stage);
+    var chipLabel = renderText(rowData === null || rowData === void 0 ? void 0 : rowData.messageType, "Message");
+    var brokerLabel = renderText(rowData === null || rowData === void 0 ? void 0 : rowData.messageBroker, "Unknown broker");
+    var retryCount = (_c = rowData === null || rowData === void 0 ? void 0 : rowData.retryCount) !== null && _c !== void 0 ? _c : 0;
+    var retryInterval = (_d = rowData === null || rowData === void 0 ? void 0 : rowData.retryInterval) !== null && _d !== void 0 ? _d : 0;
+    var retryLabel = retryCount > 0 ? "".concat(retryCount, " x / ").concat(retryInterval, " ms") : "No retries";
+    var parentEntity = renderText(rowData === null || rowData === void 0 ? void 0 : rowData.parentEntity, "Root");
+    var errorPreview = truncate(rowData === null || rowData === void 0 ? void 0 : rowData.error, 96);
+    var hasError = Boolean((rowData === null || rowData === void 0 ? void 0 : rowData.error) && String(rowData.error).trim());
+    var cardStyle = (_b = {},
+        _b["--mq-card-accent"] = tone.accent,
+        _b["--mq-card-accent-soft"] = tone.accentSoft,
+        _b["--mq-card-border"] = tone.border,
+        _b["--mq-card-chip-bg"] = tone.chipBg,
+        _b["--mq-card-chip-text"] = tone.chipText,
+        _b["--mq-card-avatar-bg"] = tone.avatarBg,
+        _b);
+    return (_jsxs("div", { className: "mq-message-kanban-card", style: cardStyle, children: [_jsx("div", { className: "mq-message-kanban-card__accent" }), _jsxs("span", { className: "mq-message-kanban-card__record-id mq-message-kanban-card__badge mq-message-kanban-card__badge--record-id", children: ["#", renderText(rowData === null || rowData === void 0 ? void 0 : rowData.id)] }), _jsx("div", { className: "mq-message-kanban-card__eyebrow", children: _jsx("span", { className: "mq-message-kanban-card__chip", children: chipLabel }) }), _jsx("div", { className: "mq-message-kanban-card__title", title: renderText(rowData === null || rowData === void 0 ? void 0 : rowData.messageId), children: renderText(rowData === null || rowData === void 0 ? void 0 : rowData.messageId, "Message without identifier") }), _jsx("div", { className: "mq-message-kanban-card__subtitle", title: brokerLabel, children: brokerLabel }), _jsxs("div", { className: "mq-message-kanban-card__metrics", children: [_jsxs("div", { className: "mq-message-kanban-card__metric", children: [_jsx("div", { className: "mq-message-kanban-card__metric-label", children: "Retry" }), _jsx("div", { className: "mq-message-kanban-card__metric-value", children: retryLabel })] }), _jsxs("div", { className: "mq-message-kanban-card__metric", children: [_jsx("div", { className: "mq-message-kanban-card__metric-label", children: "Elapsed" }), _jsx("div", { className: "mq-message-kanban-card__metric-value", children: formatDuration(rowData === null || rowData === void 0 ? void 0 : rowData.elapsedMillis) })] }), _jsxs("div", { className: "mq-message-kanban-card__metric", children: [_jsx("div", { className: "mq-message-kanban-card__metric-label", children: "Parent" }), _jsx("div", { className: "mq-message-kanban-card__metric-value", title: parentEntity, children: parentEntity })] }), _jsxs("div", { className: "mq-message-kanban-card__metric", children: [_jsx("div", { className: "mq-message-kanban-card__metric-label", children: "Broker" }), _jsx("div", { className: "mq-message-kanban-card__metric-value", title: brokerLabel, children: brokerLabel })] })] }), _jsxs("div", { className: "mq-message-kanban-card__footer", children: [_jsxs("div", { className: "mq-message-kanban-card__timeline", children: [_jsxs("div", { className: "mq-message-kanban-card__timeline-item", children: [_jsx("span", { className: "mq-message-kanban-card__timeline-label", children: "Started" }), _jsx("span", { className: "mq-message-kanban-card__timeline-value", children: formatDate(rowData === null || rowData === void 0 ? void 0 : rowData.startedAt) })] }), _jsxs("div", { className: "mq-message-kanban-card__timeline-item", children: [_jsx("span", { className: "mq-message-kanban-card__timeline-label", children: "Finished" }), _jsx("span", { className: "mq-message-kanban-card__timeline-value", children: formatDate(rowData === null || rowData === void 0 ? void 0 : rowData.finishedAt) })] })] }), _jsx("div", { className: "mq-message-kanban-card__avatar", title: parentEntity, children: getInitials(rowData === null || rowData === void 0 ? void 0 : rowData.parentEntity, rowData === null || rowData === void 0 ? void 0 : rowData.messageBroker, rowData === null || rowData === void 0 ? void 0 : rowData.messageType) })] }), hasError && (_jsxs("div", { className: "mq-message-kanban-card__error", title: renderText(rowData === null || rowData === void 0 ? void 0 : rowData.error), children: [_jsx("span", { className: "mq-message-kanban-card__error-label", children: "Error" }), _jsx("span", { className: "mq-message-kanban-card__error-value", children: errorPreview })] }))] }));
+}
+//# sourceMappingURL=MqMessageKanbanCardWidget.js.map

package/dist/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageKanbanCardWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidKanbanCardWidgetProps } from \"../../../../../../types/solid-core\";\n\nconst STAGE_TONES: Record<string, Record<string, string>> = {\n  started: {\n    accent: \"#4f46e5\",\n    accentSoft: \"rgba(79, 70, 229, 0.10)\",\n    border: \"rgba(79, 70, 229, 0.18)\",\n    chipBg: \"rgba(79, 70, 229, 0.08)\",\n    chipText: \"#4f46e5\",\n    avatarBg: \"rgba(79, 70, 229, 0.18)\",\n  },\n  pending: {\n    accent: \"#d97706\",\n    accentSoft: \"rgba(217, 119, 6, 0.10)\",\n    border: \"rgba(217, 119, 6, 0.18)\",\n    chipBg: \"rgba(217, 119, 6, 0.10)\",\n    chipText: \"#b45309\",\n    avatarBg: \"rgba(217, 119, 6, 0.18)\",\n  },\n  succeeded: {\n    accent: \"#059669\",\n    accentSoft: \"rgba(5, 150, 105, 0.10)\",\n    border: \"rgba(5, 150, 105, 0.18)\",\n    chipBg: \"rgba(5, 150, 105, 0.10)\",\n    chipText: \"#047857\",\n    avatarBg: \"rgba(5, 150, 105, 0.16)\",\n  },\n  failed: {\n    accent: \"#dc2626\",\n    accentSoft: \"rgba(220, 38, 38, 0.10)\",\n    border: \"rgba(220, 38, 38, 0.18)\",\n    chipBg: \"rgba(220, 38, 38, 0.10)\",\n    chipText: \"#b91c1c\",\n    avatarBg: \"rgba(220, 38, 38, 0.16)\",\n  },\n  default: {\n    accent: \"#64748b\",\n    accentSoft: \"rgba(100, 116, 139, 0.08)\",\n    border: \"rgba(100, 116, 139, 0.16)\",\n    chipBg: \"rgba(100, 116, 139, 0.08)\",\n    chipText: \"#475569\",\n    avatarBg: \"rgba(100, 116, 139, 0.14)\",\n  },\n};\n\nconst renderText = (value: any, fallback = \"--\") => {\n  if (value === null || value === undefined || value === \"\") {\n    return fallback;\n  }\n\n  return String(value);\n};\n\nconst formatDate = (value: any) => {\n  if (!value) return \"Not set\";\n\n  const date = new Date(value);\n  if (Number.isNaN(date.getTime())) return \"Not set\";\n\n  return new Intl.DateTimeFormat(\"en-GB\", {\n    day: \"2-digit\",\n    month: \"short\",\n    year: \"2-digit\",\n  }).format(date);\n};\n\nconst formatDuration = (value: any) => {\n  if (value === null || value === undefined || value === \"\") return \"--\";\n\n  const milliseconds = Number(value);\n  if (Number.isNaN(milliseconds)) return renderText(value);\n  if (milliseconds < 1000) return `${milliseconds} ms`;\n  if (milliseconds < 60_000) {\n    const seconds = milliseconds / 1000;\n    return `${seconds >= 10 ? Math.round(seconds) : seconds.toFixed(1)} s`;\n  }\n  if (milliseconds < 3_600_000) {\n    return `${Math.round(milliseconds / 60_000)} min`;\n  }\n\n  return `${(milliseconds / 3_600_000).toFixed(1)} h`;\n};\n\nconst getInitials = (...values: Array<any>) => {\n  const source = values.find((value) => value && String(value).trim().length > 0);\n  if (!source) return \"MQ\";\n\n  return String(source)\n    .trim()\n    .split(/[\\s_-]+/)\n    .slice(0, 2)\n    .map((part) => part.charAt(0).toUpperCase())\n    .join(\"\") || \"MQ\";\n};\n\nconst getTone = (stage: any) => {\n  const key = String(stage || \"\").toLowerCase();\n  return STAGE_TONES[key] || STAGE_TONES.default;\n};\n\nconst truncate = (value: any, maxLength: number) => {\n  const text = renderText(value, \"\");\n  if (!text || text.length <= maxLength) return text || \"--\";\n  return `${text.slice(0, maxLength - 1)}...`;\n};\n\nexport default function MqMessageKanbanCardWidget({\n  rowData,\n}: SolidKanbanCardWidgetProps) {\n  const tone = getTone(rowData?.stage);\n  const chipLabel = renderText(rowData?.messageType, \"Message\");\n  const brokerLabel = renderText(rowData?.messageBroker, \"Unknown broker\");\n  const retryCount = rowData?.retryCount ?? 0;\n  const retryInterval = rowData?.retryInterval ?? 0;\n  const retryLabel = retryCount > 0 ? `${retryCount} x / ${retryInterval} ms` : \"No retries\";\n  const parentEntity = renderText(rowData?.parentEntity, \"Root\");\n  const errorPreview = truncate(rowData?.error, 96);\n  const hasError = Boolean(rowData?.error && String(rowData.error).trim());\n  const cardStyle = {\n    [\"--mq-card-accent\" as any]: tone.accent,\n    [\"--mq-card-accent-soft\" as any]: tone.accentSoft,\n    [\"--mq-card-border\" as any]: tone.border,\n    [\"--mq-card-chip-bg\" as any]: tone.chipBg,\n    [\"--mq-card-chip-text\" as any]: tone.chipText,\n    [\"--mq-card-avatar-bg\" as any]: tone.avatarBg,\n  };\n\n  return (\n    <div className=\"mq-message-kanban-card\" style={cardStyle}>\n      <div className=\"mq-message-kanban-card__accent\" />\n      <span className=\"mq-message-kanban-card__record-id mq-message-kanban-card__badge mq-message-kanban-card__badge--record-id\">\n        #{renderText(rowData?.id)}\n      </span>\n\n      <div className=\"mq-message-kanban-card__eyebrow\">\n        <span className=\"mq-message-kanban-card__chip\">{chipLabel}</span>\n      </div>\n\n      <div className=\"mq-message-kanban-card__title\" title={renderText(rowData?.messageId)}>\n        {renderText(rowData?.messageId, \"Message without identifier\")}\n      </div>\n\n      <div className=\"mq-message-kanban-card__subtitle\" title={brokerLabel}>\n        {brokerLabel}\n      </div>\n\n      <div className=\"mq-message-kanban-card__metrics\">\n        <div className=\"mq-message-kanban-card__metric\">\n          <div className=\"mq-message-kanban-card__metric-label\">Retry</div>\n          <div className=\"mq-message-kanban-card__metric-value\">{retryLabel}</div>\n        </div>\n        <div className=\"mq-message-kanban-card__metric\">\n          <div className=\"mq-message-kanban-card__metric-label\">Elapsed</div>\n          <div className=\"mq-message-kanban-card__metric-value\">{formatDuration(rowData?.elapsedMillis)}</div>\n        </div>\n        <div className=\"mq-message-kanban-card__metric\">\n          <div className=\"mq-message-kanban-card__metric-label\">Parent</div>\n          <div className=\"mq-message-kanban-card__metric-value\" title={parentEntity}>\n            {parentEntity}\n          </div>\n        </div>\n        <div className=\"mq-message-kanban-card__metric\">\n          <div className=\"mq-message-kanban-card__metric-label\">Broker</div>\n          <div className=\"mq-message-kanban-card__metric-value\" title={brokerLabel}>\n            {brokerLabel}\n          </div>\n        </div>\n      </div>\n\n      <div className=\"mq-message-kanban-card__footer\">\n        <div className=\"mq-message-kanban-card__timeline\">\n          <div className=\"mq-message-kanban-card__timeline-item\">\n            <span className=\"mq-message-kanban-card__timeline-label\">Started</span>\n            <span className=\"mq-message-kanban-card__timeline-value\">{formatDate(rowData?.startedAt)}</span>\n          </div>\n          <div className=\"mq-message-kanban-card__timeline-item\">\n            <span className=\"mq-message-kanban-card__timeline-label\">Finished</span>\n            <span className=\"mq-message-kanban-card__timeline-value\">{formatDate(rowData?.finishedAt)}</span>\n          </div>\n        </div>\n\n        <div className=\"mq-message-kanban-card__avatar\" title={parentEntity}>\n          {getInitials(rowData?.parentEntity, rowData?.messageBroker, rowData?.messageType)}\n        </div>\n      </div>\n\n      {hasError && (\n        <div className=\"mq-message-kanban-card__error\" title={renderText(rowData?.error)}>\n          <span className=\"mq-message-kanban-card__error-label\">Error</span>\n          <span className=\"mq-message-kanban-card__error-value\">{errorPreview}</span>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

package/dist/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget.tsx

@@ -0,0 +1,195 @@
+import { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+
+const STAGE_TONES: Record<string, Record<string, string>> = {
+  started: {
+    accent: "#4f46e5",
+    accentSoft: "rgba(79, 70, 229, 0.10)",
+    border: "rgba(79, 70, 229, 0.18)",
+    chipBg: "rgba(79, 70, 229, 0.08)",
+    chipText: "#4f46e5",
+    avatarBg: "rgba(79, 70, 229, 0.18)",
+  },
+  pending: {
+    accent: "#d97706",
+    accentSoft: "rgba(217, 119, 6, 0.10)",
+    border: "rgba(217, 119, 6, 0.18)",
+    chipBg: "rgba(217, 119, 6, 0.10)",
+    chipText: "#b45309",
+    avatarBg: "rgba(217, 119, 6, 0.18)",
+  },
+  succeeded: {
+    accent: "#059669",
+    accentSoft: "rgba(5, 150, 105, 0.10)",
+    border: "rgba(5, 150, 105, 0.18)",
+    chipBg: "rgba(5, 150, 105, 0.10)",
+    chipText: "#047857",
+    avatarBg: "rgba(5, 150, 105, 0.16)",
+  },
+  failed: {
+    accent: "#dc2626",
+    accentSoft: "rgba(220, 38, 38, 0.10)",
+    border: "rgba(220, 38, 38, 0.18)",
+    chipBg: "rgba(220, 38, 38, 0.10)",
+    chipText: "#b91c1c",
+    avatarBg: "rgba(220, 38, 38, 0.16)",
+  },
+  default: {
+    accent: "#64748b",
+    accentSoft: "rgba(100, 116, 139, 0.08)",
+    border: "rgba(100, 116, 139, 0.16)",
+    chipBg: "rgba(100, 116, 139, 0.08)",
+    chipText: "#475569",
+    avatarBg: "rgba(100, 116, 139, 0.14)",
+  },
+};
+
+const renderText = (value: any, fallback = "--") => {
+  if (value === null || value === undefined || value === "") {
+    return fallback;
+  }
+
+  return String(value);
+};
+
+const formatDate = (value: any) => {
+  if (!value) return "Not set";
+
+  const date = new Date(value);
+  if (Number.isNaN(date.getTime())) return "Not set";
+
+  return new Intl.DateTimeFormat("en-GB", {
+    day: "2-digit",
+    month: "short",
+    year: "2-digit",
+  }).format(date);
+};
+
+const formatDuration = (value: any) => {
+  if (value === null || value === undefined || value === "") return "--";
+
+  const milliseconds = Number(value);
+  if (Number.isNaN(milliseconds)) return renderText(value);
+  if (milliseconds < 1000) return `${milliseconds} ms`;
+  if (milliseconds < 60_000) {
+    const seconds = milliseconds / 1000;
+    return `${seconds >= 10 ? Math.round(seconds) : seconds.toFixed(1)} s`;
+  }
+  if (milliseconds < 3_600_000) {
+    return `${Math.round(milliseconds / 60_000)} min`;
+  }
+
+  return `${(milliseconds / 3_600_000).toFixed(1)} h`;
+};
+
+const getInitials = (...values: Array<any>) => {
+  const source = values.find((value) => value && String(value).trim().length > 0);
+  if (!source) return "MQ";
+
+  return String(source)
+    .trim()
+    .split(/[\s_-]+/)
+    .slice(0, 2)
+    .map((part) => part.charAt(0).toUpperCase())
+    .join("") || "MQ";
+};
+
+const getTone = (stage: any) => {
+  const key = String(stage || "").toLowerCase();
+  return STAGE_TONES[key] || STAGE_TONES.default;
+};
+
+const truncate = (value: any, maxLength: number) => {
+  const text = renderText(value, "");
+  if (!text || text.length <= maxLength) return text || "--";
+  return `${text.slice(0, maxLength - 1)}...`;
+};
+
+export default function MqMessageKanbanCardWidget({
+  rowData,
+}: SolidKanbanCardWidgetProps) {
+  const tone = getTone(rowData?.stage);
+  const chipLabel = renderText(rowData?.messageType, "Message");
+  const brokerLabel = renderText(rowData?.messageBroker, "Unknown broker");
+  const retryCount = rowData?.retryCount ?? 0;
+  const retryInterval = rowData?.retryInterval ?? 0;
+  const retryLabel = retryCount > 0 ? `${retryCount} x / ${retryInterval} ms` : "No retries";
+  const parentEntity = renderText(rowData?.parentEntity, "Root");
+  const errorPreview = truncate(rowData?.error, 96);
+  const hasError = Boolean(rowData?.error && String(rowData.error).trim());
+  const cardStyle = {
+    ["--mq-card-accent" as any]: tone.accent,
+    ["--mq-card-accent-soft" as any]: tone.accentSoft,
+    ["--mq-card-border" as any]: tone.border,
+    ["--mq-card-chip-bg" as any]: tone.chipBg,
+    ["--mq-card-chip-text" as any]: tone.chipText,
+    ["--mq-card-avatar-bg" as any]: tone.avatarBg,
+  };
+
+  return (
+    <div className="mq-message-kanban-card" style={cardStyle}>
+      <div className="mq-message-kanban-card__accent" />
+      <span className="mq-message-kanban-card__record-id mq-message-kanban-card__badge mq-message-kanban-card__badge--record-id">
+        #{renderText(rowData?.id)}
+      </span>
+
+      <div className="mq-message-kanban-card__eyebrow">
+        <span className="mq-message-kanban-card__chip">{chipLabel}</span>
+      </div>
+
+      <div className="mq-message-kanban-card__title" title={renderText(rowData?.messageId)}>
+        {renderText(rowData?.messageId, "Message without identifier")}
+      </div>
+
+      <div className="mq-message-kanban-card__subtitle" title={brokerLabel}>
+        {brokerLabel}
+      </div>
+
+      <div className="mq-message-kanban-card__metrics">
+        <div className="mq-message-kanban-card__metric">
+          <div className="mq-message-kanban-card__metric-label">Retry</div>
+          <div className="mq-message-kanban-card__metric-value">{retryLabel}</div>
+        </div>
+        <div className="mq-message-kanban-card__metric">
+          <div className="mq-message-kanban-card__metric-label">Elapsed</div>
+          <div className="mq-message-kanban-card__metric-value">{formatDuration(rowData?.elapsedMillis)}</div>
+        </div>
+        <div className="mq-message-kanban-card__metric">
+          <div className="mq-message-kanban-card__metric-label">Parent</div>
+          <div className="mq-message-kanban-card__metric-value" title={parentEntity}>
+            {parentEntity}
+          </div>
+        </div>
+        <div className="mq-message-kanban-card__metric">
+          <div className="mq-message-kanban-card__metric-label">Broker</div>
+          <div className="mq-message-kanban-card__metric-value" title={brokerLabel}>
+            {brokerLabel}
+          </div>
+        </div>
+      </div>
+
+      <div className="mq-message-kanban-card__footer">
+        <div className="mq-message-kanban-card__timeline">
+          <div className="mq-message-kanban-card__timeline-item">
+            <span className="mq-message-kanban-card__timeline-label">Started</span>
+            <span className="mq-message-kanban-card__timeline-value">{formatDate(rowData?.startedAt)}</span>
+          </div>
+          <div className="mq-message-kanban-card__timeline-item">
+            <span className="mq-message-kanban-card__timeline-label">Finished</span>
+            <span className="mq-message-kanban-card__timeline-value">{formatDate(rowData?.finishedAt)}</span>
+          </div>
+        </div>
+
+        <div className="mq-message-kanban-card__avatar" title={parentEntity}>
+          {getInitials(rowData?.parentEntity, rowData?.messageBroker, rowData?.messageType)}
+        </div>
+      </div>
+
+      {hasError && (
+        <div className="mq-message-kanban-card__error" title={renderText(rowData?.error)}>
+          <span className="mq-message-kanban-card__error-label">Error</span>
+          <span className="mq-message-kanban-card__error-value">{errorPreview}</span>
+        </div>
+      )}
+    </div>
+  );
+}

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+export declare const SolidMqMessageStageListViewWidget: ({ rowData, fieldMetadata, }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidMqMessageStageListViewWidget.d.ts.map

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageListViewWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAG/E,eAAO,MAAM,iCAAiC,gCAG3C,yBAAyB,4CAQ3B,CAAC"}

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MqMessageStageBadge } from "../ui/MqMessageStageBadge";
+export var SolidMqMessageStageListViewWidget = function (_a) {
+    var rowData = _a.rowData, fieldMetadata = _a.fieldMetadata;
+    var value = (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) ? rowData === null || rowData === void 0 ? void 0 : rowData[fieldMetadata.name] : "";
+    return (_jsx("div", { className: "mt-2", children: _jsx(MqMessageStageBadge, { stage: value, compact: true }) }));
+};
+//# sourceMappingURL=SolidMqMessageStageListViewWidget.js.map

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageListViewWidget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAGtB;QAFxB,OAAO,aAAA,EACP,aAAa,mBAAA;IAEb,IAAM,KAAK,GAAG,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEvE,OAAO,CACH,cAAK,SAAS,EAAC,MAAM,YACjB,KAAC,mBAAmB,IAAC,KAAK,EAAE,KAAK,EAAE,OAAO,SAAG,GAC3C,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../../../types/solid-core\";\nimport { MqMessageStageBadge } from \"../ui/MqMessageStageBadge\";\n\nexport const SolidMqMessageStageListViewWidget = ({\n    rowData,\n    fieldMetadata,\n}: SolidListFieldWidgetProps) => {\n    const value = fieldMetadata?.name ? rowData?.[fieldMetadata.name] : \"\";\n\n    return (\n        <div className=\"mt-2\">\n            <MqMessageStageBadge stage={value} compact />\n        </div>\n    );\n};\n"]}

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget.tsx

@@ -0,0 +1,15 @@
+import { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+import { MqMessageStageBadge } from "../ui/MqMessageStageBadge";
+
+export const SolidMqMessageStageListViewWidget = ({
+    rowData,
+    fieldMetadata,
+}: SolidListFieldWidgetProps) => {
+    const value = fieldMetadata?.name ? rowData?.[fieldMetadata.name] : "";
+
+    return (
+        <div className="mt-2">
+            <MqMessageStageBadge stage={value} compact />
+        </div>
+    );
+};

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.d.ts

@@ -0,0 +1,3 @@
+import { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+export declare const SolidMqMessagesSummarizeListHeaderAction: ({ solidListViewMetaData }: SolidListFieldWidgetProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidMqMessagesSummarizeListHeaderAction.d.ts.map

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessagesSummarizeListHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,oCAAoC,CAAC;AAyG/E,eAAO,MAAM,wCAAwC,8BAElD,yBAAyB,4CA6E3B,CAAC"}

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.js

@@ -0,0 +1,158 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { solidGet } from "../../../../../../http/solidHttp";
+import { SolidButton } from "../../../../../shad-cn-ui";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../../../redux/features/popupSlice";
+import { X } from "lucide-react";
+// Chart.js imports
+import { Chart as ChartJS, CategoryScale, LinearScale, BarElement, Tooltip, Legend } from "chart.js";
+import { Bar } from "react-chartjs-2";
+ChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);
+var CHART_COLORS = [
+    "#3b82f6",
+    "#22c55e",
+    "#f59e0b",
+    "#ef4444",
+    "#8b5cf6",
+    "#14b8a6"
+];
+var getColor = function (index) { return CHART_COLORS[index % CHART_COLORS.length]; };
+// =========================
+// Pivot Transform
+// =========================
+var transformToPivot = function (groupMeta) {
+    var pivot = {};
+    var stageSet = new Set();
+    groupMeta.forEach(function (item) {
+        var groupValue = item.groupValue || "";
+        var count = item.id_count || 0;
+        var parts = groupValue.split("_");
+        var stage = parts.pop();
+        var broker = parts.join("_");
+        if (!broker || !stage)
+            return;
+        stageSet.add(stage);
+        if (!pivot[broker])
+            pivot[broker] = {};
+        pivot[broker][stage] = count;
+    });
+    var stages = Array.from(stageSet);
+    Object.keys(pivot).forEach(function (broker) {
+        stages.forEach(function (stage) {
+            if (pivot[broker][stage] === undefined) {
+                pivot[broker][stage] = 0;
+            }
+        });
+    });
+    return { pivot: pivot, stages: stages };
+};
+// =========================
+// Chart Component
+// =========================
+var PivotChart = function (_a) {
+    var data = _a.data;
+    var pivot = data.pivot, stages = data.stages;
+    var queues = Object.keys(pivot).sort(function (a, b) {
+        var sum = function (q) {
+            return stages.reduce(function (acc, s) { var _a; return acc + (((_a = pivot[q]) === null || _a === void 0 ? void 0 : _a[s]) || 0); }, 0);
+        };
+        return sum(b) - sum(a);
+    });
+    var chartData = {
+        labels: queues,
+        datasets: stages.map(function (stage, index) { return ({
+            label: stage,
+            data: queues.map(function (q) { var _a; return ((_a = pivot[q]) === null || _a === void 0 ? void 0 : _a[stage]) || 0; }),
+            backgroundColor: getColor(index)
+        }); })
+    };
+    var options = {
+        responsive: true,
+        plugins: { legend: { position: "top" } },
+        scales: {
+            x: { stacked: true },
+            y: { stacked: true, beginAtZero: true }
+        }
+    };
+    return _jsx(Bar, { data: chartData, options: options });
+};
+// =========================
+// Widget
+// =========================
+export var SolidMqMessagesSummarizeListHeaderAction = function (_a) {
+    var solidListViewMetaData = _a.solidListViewMetaData;
+    var dispatch = useDispatch();
+    var _b = useState(false), loading = _b[0], setLoading = _b[1];
+    var _c = useState(null), pivotData = _c[0], setPivotData = _c[1];
+    var handleContinue = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var selectedRows, filters, qs, res;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    setLoading(true);
+                    selectedRows = (solidListViewMetaData === null || solidListViewMetaData === void 0 ? void 0 : solidListViewMetaData.selectedRows) || [];
+                    filters = selectedRows
+                        .map(function (row, index) {
+                        return "filters[$and][0][$or][".concat(index, "][id][$eq]=").concat(row.id);
+                    })
+                        .join("&");
+                    qs = [
+                        "offset=0",
+                        "limit=100",
+                        "groupBy[0]=messageBroker",
+                        "groupBy[1]=stage",
+                        "aggregates[0]=id:count",
+                        filters || null
+                    ]
+                        .filter(Boolean)
+                        .join("&");
+                    return [4 /*yield*/, solidGet("/mq-message?".concat(qs))];
+                case 1:
+                    res = _d.sent();
+                    setPivotData(transformToPivot((_c = (_b = (_a = res === null || res === void 0 ? void 0 : res.data) === null || _a === void 0 ? void 0 : _a.data) === null || _b === void 0 ? void 0 : _b.groupMeta) !== null && _c !== void 0 ? _c : []));
+                    setLoading(false);
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    return (_jsxs("div", { children: [_jsxs("div", { className: "solid-filter-dialog-head", children: [_jsx("div", { children: _jsx("h3", { className: "solid-filter-dialog-title", children: "MQ Message Summary" }) }), _jsx("button", { className: "solid-radix-dialog-close", "aria-label": "Close", onClick: function () { return dispatch(closePopup()); }, children: _jsx(X, { size: 16 }) })] }), _jsx("div", { className: "solid-filter-dialog-sep" }), _jsxs("div", { className: "solid-filter-dialog-body", children: [_jsxs("div", { style: { textAlign: "center", marginBottom: "10px", marginTop: "10px" }, children: [_jsxs("p", { style: { textAlign: "center", fontSize: "13px", marginBottom: "0" }, children: ["You can summarize based on selected records or the full dataset.", _jsx("br", {}), "Click ", _jsx("strong", { children: "Continue" }), " to load the summary."] }), _jsx(SolidButton, { size: "small", loading: loading, onClick: handleContinue, children: "Continue" })] }), pivotData && (_jsx("div", { style: { marginTop: "20px" }, children: _jsx(PivotChart, { data: pivotData }) }))] })] }));
+};
+//# sourceMappingURL=SolidMqMessagesSummarizeListHeaderAction.js.map

package/dist/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessagesSummarizeListHeaderAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACA,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACjC,OAAO,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAC5D,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EAAE,CAAC,EAAE,MAAM,cAAc,CAAC;AAEjC,mBAAmB;AACnB,OAAO,EACH,KAAK,IAAI,OAAO,EAChB,aAAa,EACb,WAAW,EACX,UAAU,EACV,OAAO,EACP,MAAM,EACT,MAAM,UAAU,CAAC;AAClB,OAAO,EAAE,GAAG,EAAE,MAAM,iBAAiB,CAAC;AAEtC,OAAO,CAAC,QAAQ,CAAC,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,OAAO,EAAE,MAAM,CAAC,CAAC;AAE1E,IAAM,YAAY,GAAG;IACjB,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;IACT,SAAS;CACZ,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,KAAa,IAAK,OAAA,YAAY,CAAC,KAAK,GAAG,YAAY,CAAC,MAAM,CAAC,EAAzC,CAAyC,CAAC;AAE9E,4BAA4B;AAC5B,kBAAkB;AAClB,4BAA4B;AAC5B,IAAM,gBAAgB,GAAG,UAAC,SAAgB;IACtC,IAAM,KAAK,GAA2C,EAAE,CAAC;IACzD,IAAM,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IAEnC,SAAS,CAAC,OAAO,CAAC,UAAC,IAAS;QACxB,IAAM,UAAU,GAAG,IAAI,CAAC,UAAU,IAAI,EAAE,CAAC;QACzC,IAAM,KAAK,GAAG,IAAI,CAAC,QAAQ,IAAI,CAAC,CAAC;QAEjC,IAAM,KAAK,GAAG,UAAU,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;QACpC,IAAM,KAAK,GAAG,KAAK,CAAC,GAAG,EAAE,CAAC;QAC1B,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;QAE/B,IAAI,CAAC,MAAM,IAAI,CAAC,KAAK;YAAE,OAAO;QAE9B,QAAQ,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACpB,IAAI,CAAC,KAAK,CAAC,MAAM,CAAC;YAAE,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,CAAC;QACvC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,KAAK,CAAC;IACjC,CAAC,CAAC,CAAC;IAEH,IAAM,MAAM,GAAG,KAAK,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;IAEpC,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,UAAC,MAAM;QAC9B,MAAM,CAAC,OAAO,CAAC,UAAC,KAAK;YACjB,IAAI,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,KAAK,SAAS,EAAE;gBACpC,KAAK,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;aAC5B;QACL,CAAC,CAAC,CAAC;IACP,CAAC,CAAC,CAAC;IAEH,OAAO,EAAE,KAAK,OAAA,EAAE,MAAM,QAAA,EAAE,CAAC;AAC7B,CAAC,CAAC;AAIF,4BAA4B;AAC5B,kBAAkB;AAClB,4BAA4B;AAC5B,IAAM,UAAU,GAAG,UAAC,EAA6B;QAA3B,IAAI,UAAA;IACd,IAAA,KAAK,GAAa,IAAI,MAAjB,EAAE,MAAM,GAAK,IAAI,OAAT,CAAU;IAE/B,IAAM,MAAM,GAAG,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;QACxC,IAAM,GAAG,GAAG,UAAC,CAAS;YAClB,OAAA,MAAM,CAAC,MAAM,CAAC,UAAC,GAAG,EAAE,CAAC,YAAK,OAAA,GAAG,GAAG,CAAC,CAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,CAAC,CAAC,KAAI,CAAC,CAAC,CAAA,EAAA,EAAE,CAAC,CAAC;QAAxD,CAAwD,CAAC;QAC7D,OAAO,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC;IAC3B,CAAC,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG;QACd,MAAM,EAAE,MAAM;QACd,QAAQ,EAAE,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,EAAE,KAAK,IAAK,OAAA,CAAC;YACpC,KAAK,EAAE,KAAK;YACZ,IAAI,EAAE,MAAM,CAAC,GAAG,CAAC,UAAC,CAAC,YAAK,OAAA,CAAA,MAAA,KAAK,CAAC,CAAC,CAAC,0CAAG,KAAK,CAAC,KAAI,CAAC,CAAA,EAAA,CAAC;YAC/C,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC;SACnC,CAAC,EAJqC,CAIrC,CAAC;KACN,CAAC;IAEF,IAAM,OAAO,GAAQ;QACjB,UAAU,EAAE,IAAI;QAChB,OAAO,EAAE,EAAE,MAAM,EAAE,EAAE,QAAQ,EAAE,KAAK,EAAE,EAAE;QACxC,MAAM,EAAE;YACJ,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE;YACpB,CAAC,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,WAAW,EAAE,IAAI,EAAE;SAC1C;KACJ,CAAC;IAEF,OAAO,KAAC,GAAG,IAAC,IAAI,EAAE,SAAS,EAAE,OAAO,EAAE,OAAO,GAAI,CAAC;AACtD,CAAC,CAAC;AAEF,4BAA4B;AAC5B,SAAS;AACT,4BAA4B;AAC5B,MAAM,CAAC,IAAM,wCAAwC,GAAG,UAAC,EAE7B;QADxB,qBAAqB,2BAAA;IAErB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACzB,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAC;IACxC,IAAA,KAA4B,QAAQ,CAAmB,IAAI,CAAC,EAA3D,SAAS,QAAA,EAAE,YAAY,QAAoC,CAAC;IAEnE,IAAM,cAAc,GAAG;;;;;;oBACnB,UAAU,CAAC,IAAI,CAAC,CAAC;oBAEX,YAAY,GAAG,CAAA,qBAAqB,aAArB,qBAAqB,uBAArB,qBAAqB,CAAE,YAAY,KAAI,EAAE,CAAC;oBAEzD,OAAO,GAAG,YAAY;yBACvB,GAAG,CACA,UAAC,GAAQ,EAAE,KAAa;wBACpB,OAAA,gCAAyB,KAAK,wBAAc,GAAG,CAAC,EAAE,CAAE;oBAApD,CAAoD,CAC3D;yBACA,IAAI,CAAC,GAAG,CAAC,CAAC;oBAET,EAAE,GAAG;wBACP,UAAU;wBACV,WAAW;wBACX,0BAA0B;wBAC1B,kBAAkB;wBAClB,wBAAwB;wBACxB,OAAO,IAAI,IAAI;qBAClB;yBACI,MAAM,CAAC,OAAO,CAAC;yBACf,IAAI,CAAC,GAAG,CAAC,CAAC;oBAEH,qBAAM,QAAQ,CAAC,sBAAe,EAAE,CAAE,CAAC,EAAA;;oBAAzC,GAAG,GAAG,SAAmC;oBAC/C,YAAY,CAAC,gBAAgB,CAAC,MAAA,MAAA,MAAA,GAAG,aAAH,GAAG,uBAAH,GAAG,CAAE,IAAI,0CAAE,IAAI,0CAAE,SAAS,mCAAI,EAAE,CAAC,CAAC,CAAC;oBACjE,UAAU,CAAC,KAAK,CAAC,CAAC;;;;SACrB,CAAC;IAEF,OAAO,CACH,0BACI,eAAK,SAAS,EAAC,0BAA0B,aACrC,wBACI,aAAI,SAAS,EAAC,2BAA2B,mCAAwB,GAC/D,EACN,iBACI,SAAS,EAAC,0BAA0B,gBACzB,OAAO,EAClB,OAAO,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,CAAC,EAAtB,CAAsB,YAErC,KAAC,CAAC,IAAC,IAAI,EAAE,EAAE,GAAI,GACV,IACP,EAEN,cAAK,SAAS,EAAC,yBAAyB,GAAG,EAE3C,eAAK,SAAS,EAAC,0BAA0B,aACrC,eAAK,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAC,YAAY,EAAC,MAAM,EAAC,SAAS,EAAC,MAAM,EAAE,aAEpE,aAAG,KAAK,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,GAAG,EAAE,iFAElE,cAAM,YACA,wCAAyB,6BAC/B,EACJ,KAAC,WAAW,IACR,IAAI,EAAC,OAAO,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,cAAc,yBAGb,IAEZ,EACL,SAAS,IAAI,CACV,cAAK,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YAC7B,KAAC,UAAU,IAAC,IAAI,EAAE,SAAS,GAAI,GAC7B,CACT,IACC,IAGJ,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../../../types/solid-core\";\nimport { useState } from \"react\";\nimport { solidGet } from \"../../../../../../http/solidHttp\";\nimport { SolidButton } from \"../../../../../shad-cn-ui\";\nimport { useDispatch } from \"react-redux\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport { X } from \"lucide-react\";\n\n// Chart.js imports\nimport {\n    Chart as ChartJS,\n    CategoryScale,\n    LinearScale,\n    BarElement,\n    Tooltip,\n    Legend\n} from \"chart.js\";\nimport { Bar } from \"react-chartjs-2\";\n\nChartJS.register(CategoryScale, LinearScale, BarElement, Tooltip, Legend);\n\nconst CHART_COLORS = [\n    \"#3b82f6\",\n    \"#22c55e\",\n    \"#f59e0b\",\n    \"#ef4444\",\n    \"#8b5cf6\",\n    \"#14b8a6\"\n];\n\nconst getColor = (index: number) => CHART_COLORS[index % CHART_COLORS.length];\n\n// =========================\n// Pivot Transform\n// =========================\nconst transformToPivot = (groupMeta: any[]) => {\n    const pivot: Record<string, Record<string, number>> = {};\n    const stageSet = new Set<string>();\n\n    groupMeta.forEach((item: any) => {\n        const groupValue = item.groupValue || \"\";\n        const count = item.id_count || 0;\n\n        const parts = groupValue.split(\"_\");\n        const stage = parts.pop();\n        const broker = parts.join(\"_\");\n\n        if (!broker || !stage) return;\n\n        stageSet.add(stage);\n        if (!pivot[broker]) pivot[broker] = {};\n        pivot[broker][stage] = count;\n    });\n\n    const stages = Array.from(stageSet);\n\n    Object.keys(pivot).forEach((broker) => {\n        stages.forEach((stage) => {\n            if (pivot[broker][stage] === undefined) {\n                pivot[broker][stage] = 0;\n            }\n        });\n    });\n\n    return { pivot, stages };\n};\n\ntype PivotData = ReturnType<typeof transformToPivot>;\n\n// =========================\n// Chart Component\n// =========================\nconst PivotChart = ({ data }: { data: PivotData }) => {\n    const { pivot, stages } = data;\n\n    const queues = Object.keys(pivot).sort((a, b) => {\n        const sum = (q: string) =>\n            stages.reduce((acc, s) => acc + (pivot[q]?.[s] || 0), 0);\n        return sum(b) - sum(a);\n    });\n\n    const chartData = {\n        labels: queues,\n        datasets: stages.map((stage, index) => ({\n            label: stage,\n            data: queues.map((q) => pivot[q]?.[stage] || 0),\n            backgroundColor: getColor(index)\n        }))\n    };\n\n    const options: any = {\n        responsive: true,\n        plugins: { legend: { position: \"top\" } },\n        scales: {\n            x: { stacked: true },\n            y: { stacked: true, beginAtZero: true }\n        }\n    };\n\n    return <Bar data={chartData} options={options} />;\n};\n\n// =========================\n// Widget\n// =========================\nexport const SolidMqMessagesSummarizeListHeaderAction = ({\n    solidListViewMetaData\n}: SolidListFieldWidgetProps) => {\n    const dispatch = useDispatch();\n    const [loading, setLoading] = useState(false);\n    const [pivotData, setPivotData] = useState<PivotData | null>(null);\n\n    const handleContinue = async () => {\n        setLoading(true);\n\n        const selectedRows = solidListViewMetaData?.selectedRows || [];\n\n        const filters = selectedRows\n            .map(\n                (row: any, index: number) =>\n                    `filters[$and][0][$or][${index}][id][$eq]=${row.id}`\n            )\n            .join(\"&\");\n\n        const qs = [\n            \"offset=0\",\n            \"limit=100\",\n            \"groupBy[0]=messageBroker\",\n            \"groupBy[1]=stage\",\n            \"aggregates[0]=id:count\",\n            filters || null\n        ]\n            .filter(Boolean)\n            .join(\"&\");\n\n        const res = await solidGet(`/mq-message?${qs}`);\n        setPivotData(transformToPivot(res?.data?.data?.groupMeta ?? []));\n        setLoading(false);\n    };\n\n    return (\n        <div>\n            <div className=\"solid-filter-dialog-head\">\n                <div>\n                    <h3 className=\"solid-filter-dialog-title\">MQ Message Summary</h3>\n                </div>\n                <button\n                    className=\"solid-radix-dialog-close\"\n                    aria-label=\"Close\"\n                    onClick={() => dispatch(closePopup())}\n                >\n                    <X size={16} />\n                </button>\n            </div>\n\n            <div className=\"solid-filter-dialog-sep\" />\n\n            <div className=\"solid-filter-dialog-body\">\n                <div style={{ textAlign: \"center\",marginBottom:\"10px\",marginTop:\"10px\" }}>\n\n                    <p style={{ textAlign: \"center\", fontSize: \"13px\", marginBottom: \"0\" }}>\n                        You can summarize based on selected records or the full dataset.\n                        <br />\n                        Click <strong>Continue</strong> to load the summary.\n                    </p>\n                    <SolidButton\n                        size=\"small\"\n                        loading={loading}\n                        onClick={handleContinue}\n                    >\n                        Continue\n                    </SolidButton>\n\n                </div>\n                {pivotData && (\n                    <div style={{ marginTop: \"20px\" }}>\n                        <PivotChart data={pivotData} />\n                    </div>\n                )}\n            </div>\n\n\n        </div>\n    );\n};\n"]}