@solidxai/core-ui 0.1.7-beta.8 → 0.1.7

package/dist/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageFormViewWIdget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,oCAAoC,CAAC;AAG1E,eAAO,MAAM,iCAAiC,oEAM3C,oBAAoB,4CAWtB,CAAC"}

package/dist/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.js

@@ -0,0 +1,10 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { MqMessageStageBadge } from "../ui/MqMessageStageBadge";
+export var SolidMqMessageStageFormViewWIdget = function (_a) {
+    var _b;
+    var field = _a.field, formData = _a.formData, viewMetadata = _a.viewMetadata, fieldsMetadata = _a.fieldsMetadata, formViewData = _a.formViewData;
+    var stageValue = (_b = formViewData === null || formViewData === void 0 ? void 0 : formViewData.data) === null || _b === void 0 ? void 0 : _b.stage;
+    return (_jsx("div", { className: "mt-2", children: stageValue &&
+            _jsx(MqMessageStageBadge, { stage: stageValue, compact: true }) }));
+};
+//# sourceMappingURL=SolidMqMessageStageFormViewWIdget.js.map

package/dist/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageFormViewWIdget.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,2BAA2B,CAAC;AAEhE,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAM3B;;QALnB,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,cAAc,oBAAA,EACd,YAAY,kBAAA;IAEZ,IAAM,UAAU,GAAG,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,KAAK,CAAC;IAG7C,OAAO,CACE,cAAK,SAAS,EAAC,MAAM,YACrB,UAAU;YACN,KAAC,mBAAmB,IAAC,KAAK,EAAE,UAAU,EAAE,OAAO,SAAG,GAEhD,CACd,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidFormWidgetProps } from \"../../../../../../types/solid-core\";\nimport { MqMessageStageBadge } from \"../ui/MqMessageStageBadge\";\n\nexport const SolidMqMessageStageFormViewWIdget = ({\n    field,\n    formData,\n    viewMetadata,\n    fieldsMetadata,\n    formViewData\n}: SolidFormWidgetProps) => {\n    const stageValue = formViewData?.data?.stage;\n\n\n    return (\n             <div className=\"mt-2\">\n            {stageValue &&\n                 <MqMessageStageBadge stage={stageValue} compact />\n            }\n             </div>\n    );\n};"]}

package/dist/components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget.tsx

@@ -0,0 +1,21 @@
+import { SolidFormWidgetProps } from "../../../../../../types/solid-core";
+import { MqMessageStageBadge } from "../ui/MqMessageStageBadge";
+
+export const SolidMqMessageStageFormViewWIdget = ({
+    field,
+    formData,
+    viewMetadata,
+    fieldsMetadata,
+    formViewData
+}: SolidFormWidgetProps) => {
+    const stageValue = formViewData?.data?.stage;
+
+
+    return (
+             <div className="mt-2">
+            {stageValue &&
+                 <MqMessageStageBadge stage={stageValue} compact />
+            }
+             </div>
+    );
+};

package/dist/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.d.ts

@@ -0,0 +1,8 @@
+import { LayoutNode } from "../../../../../../types/solid-core";
+declare const mqMessageOnFormLoadHandler: (event: any) => Promise<{
+    layoutChanged: boolean;
+    dataChanged: boolean;
+    newLayout: LayoutNode;
+}>;
+export default mqMessageOnFormLoadHandler;
+//# sourceMappingURL=mqMessageOnFormLoadHandler.d.ts.map

package/dist/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"mqMessageOnFormLoadHandler.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,UAAU,EAAE,MAAM,oCAAoC,CAAC;AAEhE,QAAA,MAAM,0BAA0B,UAAiB,GAAG;;;;EAsBnD,CAAA;AACD,eAAe,0BAA0B,CAAC"}

package/dist/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.js

@@ -0,0 +1,62 @@
+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 { SolidViewLayoutManager } from "../../../../../../components/core/common/SolidViewLayoutManager";
+var mqMessageOnFormLoadHandler = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+    var formViewLayout, layoutManager, customWidgetLayoutCode;
+    return __generator(this, function (_a) {
+        formViewLayout = event.formViewLayout;
+        layoutManager = new SolidViewLayoutManager(formViewLayout);
+        customWidgetLayoutCode = {
+            type: "custom",
+            attrs: {
+                name: "stagefield",
+                widget: "SolidMqMessageStageFormViewWIdget",
+                visible: true
+            },
+        };
+        if (!layoutManager.hasNode(customWidgetLayoutCode.attrs.name)) {
+            layoutManager.insertNodeBefore("messageType", customWidgetLayoutCode);
+        }
+        return [2 /*return*/, {
+                layoutChanged: true,
+                dataChanged: false,
+                newLayout: layoutManager.getLayout(),
+            }];
+    });
+}); };
+export default mqMessageOnFormLoadHandler;
+//# sourceMappingURL=mqMessageOnFormLoadHandler.js.map

package/dist/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"mqMessageOnFormLoadHandler.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,iEAAiE,CAAC;AAGzG,IAAM,0BAA0B,GAAG,UAAO,KAAU;;;QACxC,cAAc,GAAK,KAAK,eAAV,CAAW;QAC3B,aAAa,GAAG,IAAI,sBAAsB,CAAC,cAAc,CAAC,CAAC;QAE3D,sBAAsB,GAAe;YACvC,IAAI,EAAE,QAAQ;YACd,KAAK,EAAE;gBACH,IAAI,EAAE,YAAY;gBAClB,MAAM,EAAE,mCAAmC;gBAC3C,OAAO,EAAE,IAAI;aAChB;SACJ,CAAC;QAEF,IAAI,CAAC,aAAa,CAAC,OAAO,CAAC,sBAAsB,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE;YAC3D,aAAa,CAAC,gBAAgB,CAAC,aAAa,EAAE,sBAAsB,CAAC,CAAC;SACzE;QAED,sBAAO;gBACH,aAAa,EAAE,IAAI;gBACnB,WAAW,EAAE,KAAK;gBAClB,SAAS,EAAE,aAAa,CAAC,SAAS,EAAE;aACvC,EAAA;;KACJ,CAAA;AACD,eAAe,0BAA0B,CAAC","sourcesContent":["import { SolidViewLayoutManager } from \"../../../../../../components/core/common/SolidViewLayoutManager\";\nimport { LayoutNode } from \"../../../../../../types/solid-core\";\n\nconst mqMessageOnFormLoadHandler = async (event: any) => {\n    const { formViewLayout } = event;\n    const layoutManager = new SolidViewLayoutManager(formViewLayout);\n\n    const customWidgetLayoutCode: LayoutNode = {\n        type: \"custom\",\n        attrs: {\n            name: \"stagefield\",\n            widget: \"SolidMqMessageStageFormViewWIdget\",\n            visible :true\n        },\n    };\n\n    if (!layoutManager.hasNode(customWidgetLayoutCode.attrs.name)) {\n        layoutManager.insertNodeBefore(\"messageType\", customWidgetLayoutCode);\n    }\n\n    return {\n        layoutChanged: true,\n        dataChanged: false,\n        newLayout: layoutManager.getLayout(),\n    }\n}\nexport default mqMessageOnFormLoadHandler;\n"]}

package/dist/components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler.tsx

@@ -0,0 +1,27 @@
+import { SolidViewLayoutManager } from "../../../../../../components/core/common/SolidViewLayoutManager";
+import { LayoutNode } from "../../../../../../types/solid-core";
+
+const mqMessageOnFormLoadHandler = async (event: any) => {
+    const { formViewLayout } = event;
+    const layoutManager = new SolidViewLayoutManager(formViewLayout);
+
+    const customWidgetLayoutCode: LayoutNode = {
+        type: "custom",
+        attrs: {
+            name: "stagefield",
+            widget: "SolidMqMessageStageFormViewWIdget",
+            visible :true
+        },
+    };
+
+    if (!layoutManager.hasNode(customWidgetLayoutCode.attrs.name)) {
+        layoutManager.insertNodeBefore("messageType", customWidgetLayoutCode);
+    }
+
+    return {
+        layoutChanged: true,
+        dataChanged: false,
+        newLayout: layoutManager.getLayout(),
+    }
+}
+export default mqMessageOnFormLoadHandler;

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"]}

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

@@ -0,0 +1,185 @@
+import { SolidListFieldWidgetProps } from "../../../../../../types/solid-core";
+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);
+
+const CHART_COLORS = [
+    "#3b82f6",
+    "#22c55e",
+    "#f59e0b",
+    "#ef4444",
+    "#8b5cf6",
+    "#14b8a6"
+];
+
+const getColor = (index: number) => CHART_COLORS[index % CHART_COLORS.length];
+
+// =========================
+// Pivot Transform
+// =========================
+const transformToPivot = (groupMeta: any[]) => {
+    const pivot: Record<string, Record<string, number>> = {};
+    const stageSet = new Set<string>();
+
+    groupMeta.forEach((item: any) => {
+        const groupValue = item.groupValue || "";
+        const count = item.id_count || 0;
+
+        const parts = groupValue.split("_");
+        const stage = parts.pop();
+        const broker = parts.join("_");
+
+        if (!broker || !stage) return;
+
+        stageSet.add(stage);
+        if (!pivot[broker]) pivot[broker] = {};
+        pivot[broker][stage] = count;
+    });
+
+    const stages = Array.from(stageSet);
+
+    Object.keys(pivot).forEach((broker) => {
+        stages.forEach((stage) => {
+            if (pivot[broker][stage] === undefined) {
+                pivot[broker][stage] = 0;
+            }
+        });
+    });
+
+    return { pivot, stages };
+};
+
+type PivotData = ReturnType<typeof transformToPivot>;
+
+// =========================
+// Chart Component
+// =========================
+const PivotChart = ({ data }: { data: PivotData }) => {
+    const { pivot, stages } = data;
+
+    const queues = Object.keys(pivot).sort((a, b) => {
+        const sum = (q: string) =>
+            stages.reduce((acc, s) => acc + (pivot[q]?.[s] || 0), 0);
+        return sum(b) - sum(a);
+    });
+
+    const chartData = {
+        labels: queues,
+        datasets: stages.map((stage, index) => ({
+            label: stage,
+            data: queues.map((q) => pivot[q]?.[stage] || 0),
+            backgroundColor: getColor(index)
+        }))
+    };
+
+    const options: any = {
+        responsive: true,
+        plugins: { legend: { position: "top" } },
+        scales: {
+            x: { stacked: true },
+            y: { stacked: true, beginAtZero: true }
+        }
+    };
+
+    return <Bar data={chartData} options={options} />;
+};
+
+// =========================
+// Widget
+// =========================
+export const SolidMqMessagesSummarizeListHeaderAction = ({
+    solidListViewMetaData
+}: SolidListFieldWidgetProps) => {
+    const dispatch = useDispatch();
+    const [loading, setLoading] = useState(false);
+    const [pivotData, setPivotData] = useState<PivotData | null>(null);
+
+    const handleContinue = async () => {
+        setLoading(true);
+
+        const selectedRows = solidListViewMetaData?.selectedRows || [];
+
+        const filters = selectedRows
+            .map(
+                (row: any, index: number) =>
+                    `filters[$and][0][$or][${index}][id][$eq]=${row.id}`
+            )
+            .join("&");
+
+        const qs = [
+            "offset=0",
+            "limit=100",
+            "groupBy[0]=messageBroker",
+            "groupBy[1]=stage",
+            "aggregates[0]=id:count",
+            filters || null
+        ]
+            .filter(Boolean)
+            .join("&");
+
+        const res = await solidGet(`/mq-message?${qs}`);
+        setPivotData(transformToPivot(res?.data?.data?.groupMeta ?? []));
+        setLoading(false);
+    };
+
+    return (
+        <div>
+            <div className="solid-filter-dialog-head">
+                <div>
+                    <h3 className="solid-filter-dialog-title">MQ Message Summary</h3>
+                </div>
+                <button
+                    className="solid-radix-dialog-close"
+                    aria-label="Close"
+                    onClick={() => dispatch(closePopup())}
+                >
+                    <X size={16} />
+                </button>
+            </div>
+
+            <div className="solid-filter-dialog-sep" />
+
+            <div className="solid-filter-dialog-body">
+                <div style={{ textAlign: "center",marginBottom:"10px",marginTop:"10px" }}>
+
+                    <p style={{ textAlign: "center", fontSize: "13px", marginBottom: "0" }}>
+                        You can summarize based on selected records or the full dataset.
+                        <br />
+                        Click <strong>Continue</strong> to load the summary.
+                    </p>
+                    <SolidButton
+                        size="small"
+                        loading={loading}
+                        onClick={handleContinue}
+                    >
+                        Continue
+                    </SolidButton>
+
+                </div>
+                {pivotData && (
+                    <div style={{ marginTop: "20px" }}>
+                        <PivotChart data={pivotData} />
+                    </div>
+                )}
+            </div>
+
+
+        </div>
+    );
+};

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.d.ts

@@ -0,0 +1,17 @@
+type MqMessageStageBadgeProps = {
+    stage?: any;
+    className?: string;
+    showDot?: boolean;
+    compact?: boolean;
+    fallbackLabel?: string;
+};
+export declare const getMqMessageStageTone: (stage: any) => {
+    backgroundColor: string;
+    color: string;
+    borderColor: string;
+    dotColor: string;
+};
+export declare const getMqMessageStageLabel: (stage: any, fallbackLabel?: string) => string;
+export declare const MqMessageStageBadge: ({ stage, className, showDot, compact, fallbackLabel, }: MqMessageStageBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MqMessageStageBadge.d.ts.map

package/dist/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageStageBadge.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/ui/MqMessageStageBadge.tsx"],"names":[],"mappings":"AAAA,KAAK,wBAAwB,GAAG;IAC5B,KAAK,CAAC,EAAE,GAAG,CAAC;IACZ,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,aAAa,CAAC,EAAE,MAAM,CAAC;CAC1B,CAAC;AAaF,eAAO,MAAM,qBAAqB,UAAW,GAAG;qBAXK,MAAM;WAAS,MAAM;iBAAe,MAAM;cAAY,MAAM;CAchH,CAAC;AAEF,eAAO,MAAM,sBAAsB,UAAW,GAAG,mCAMhD,CAAC;AAEF,eAAO,MAAM,mBAAmB,2DAM7B,wBAAwB,4CA2C1B,CAAC"}