@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

package/dist/components/core/list/widgets/SolidChatterMessageCoModelEntityIdListViewWidget.js

@@ -0,0 +1,87 @@
+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 { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
+import { ExternalLink } from "lucide-react";
+import { useEffect, useState } from "react";
+import { solidGet } from "../../../../http/solidHttp";
+import { snakeCase } from "lodash";
+export var SolidChatterMessageCoModelEntityIdListViewWidget = function (_a) {
+    var rowData = _a.rowData, solidListViewMetaData = _a.solidListViewMetaData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var value = fieldMetadata && fieldMetadata.name && rowData[fieldMetadata.name] ? rowData[fieldMetadata.name] : "";
+    var _b = useState('#'), redirectUrl = _b[0], setRedirectUrl = _b[1];
+    var coModelName = rowData === null || rowData === void 0 ? void 0 : rowData.coModelName;
+    var modelDisplayName = rowData === null || rowData === void 0 ? void 0 : rowData.modelDisplayName;
+    var modelUserKey = rowData === null || rowData === void 0 ? void 0 : rowData.modelUserKey;
+    useEffect(function () {
+        if (coModelName) {
+            var fetchModel = function () { return __awaiter(void 0, void 0, void 0, function () {
+                var qs, res, model, module_1, moduleName, modelSingularName, modelSlug, redirectUrl_1;
+                var _a, _b, _c, _d, _e;
+                return __generator(this, function (_f) {
+                    switch (_f.label) {
+                        case 0:
+                            qs = "offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=".concat(coModelName, "&populate[0]=module&locale=en&sort[0]=id%3Adesc");
+                            return [4 /*yield*/, solidGet("/model-metadata?".concat(qs))];
+                        case 1:
+                            res = _f.sent();
+                            if (((_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.records) === null || _c === void 0 ? void 0 : _c.length) > 0) {
+                                model = (_e = (_d = res === null || res === void 0 ? void 0 : res.data) === null || _d === void 0 ? void 0 : _d.data) === null || _e === void 0 ? void 0 : _e.records[0];
+                                module_1 = model === null || model === void 0 ? void 0 : model.module;
+                                moduleName = module_1 === null || module_1 === void 0 ? void 0 : module_1.name;
+                                modelSingularName = model === null || model === void 0 ? void 0 : model.singularName;
+                                modelSlug = snakeCase(model === null || model === void 0 ? void 0 : model.singularName).replace(/_/g, '-');
+                                redirectUrl_1 = "/admin/core/".concat(moduleName, "/").concat(modelSlug, "/form/").concat(value);
+                                setRedirectUrl(redirectUrl_1);
+                            }
+                            return [2 /*return*/];
+                    }
+                });
+            }); };
+            fetchModel();
+        }
+    }, [coModelName, value]);
+    return (_jsx("div", { style: { textAlign: "left" }, children: _jsx("div", { className: "mt-2", children: value ? (_jsxs("a", { href: redirectUrl, target: "_blank", rel: "noopener noreferrer", style: {
+                    display: 'inline-flex',
+                    alignItems: 'center',
+                    gap: '6px',
+                    textDecoration: 'none',
+                    fontSize: '12px',
+                    color: '#2563eb',
+                    fontWeight: 500
+                }, children: [_jsxs("span", { children: [value, " (", modelUserKey || modelDisplayName || coModelName, ")"] }), _jsx(ExternalLink, { size: 16 })] })) : (_jsx("span", { className: "text-muted", children: "\u2014" })) }) }));
+};
+//# sourceMappingURL=SolidChatterMessageCoModelEntityIdListViewWidget.js.map

package/dist/components/core/list/widgets/SolidChatterMessageCoModelEntityIdListViewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidChatterMessageCoModelEntityIdListViewWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidChatterMessageCoModelEntityIdListViewWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { ExternalLink } from \"lucide-react\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { useEffect, useState } from \"react\";\nimport { solidGet } from \"../../../../http/solidHttp\";\nimport { snakeCase } from \"lodash\";\n\n\nexport const SolidChatterMessageCoModelEntityIdListViewWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {\n\n    const value = fieldMetadata && fieldMetadata.name && rowData[fieldMetadata.name] ? rowData[fieldMetadata.name] : \"\"\n\n    const [redirectUrl, setRedirectUrl] = useState('#');\n\n\n    const coModelName = rowData?.coModelName;\n    const modelDisplayName = rowData?.modelDisplayName;\n    const modelUserKey = rowData?.modelUserKey;\n\n    useEffect(() => {\n        if (coModelName) {\n            const fetchModel = async () => {\n                const qs = `offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=${coModelName}&populate[0]=module&locale=en&sort[0]=id%3Adesc`;\n                const res = await solidGet(`/model-metadata?${qs}`);\n                if (res?.data?.data?.records?.length > 0) {\n                    const model = res?.data?.data?.records[0];\n                    const module = model?.module;\n                    const moduleName = module?.name;\n                    const modelSingularName = model?.singularName;\n                    const modelSlug = snakeCase(model?.singularName).replace(/_/g, '-');\n                    const redirectUrl = `/admin/core/${moduleName}/${modelSlug}/form/${value}`;\n                    setRedirectUrl(redirectUrl);\n                }\n            }\n            fetchModel();\n        }\n    }, [coModelName, value]);\n\n    return (\n        <div style={{ textAlign: \"left\" }}>\n\n            <div className=\"mt-2\">\n                {value ? (\n                    <a\n                        href={redirectUrl}\n                        target=\"_blank\"\n                        rel=\"noopener noreferrer\"\n                        style={{\n                            display: 'inline-flex',\n                            alignItems: 'center',\n                            gap: '6px',\n                            textDecoration: 'none',\n                            fontSize: '12px',\n                            color: '#2563eb',\n                            fontWeight: 500\n                        }}\n                    >\n                        <span>{value} ({modelUserKey || modelDisplayName || coModelName})</span>\n\n                        <ExternalLink size={16} />\n                    </a>\n                ) : (\n                    <span className=\"text-muted\">—</span>\n                )}\n            </div>\n        </div>\n    );\n};\n\n"]}

package/dist/components/core/list/widgets/SolidChatterMessageCoModelEntityIdListViewWidget.tsx

@@ -0,0 +1,70 @@
+
+
+import { ExternalLink } from "lucide-react";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { useEffect, useState } from "react";
+import { solidGet } from "../../../../http/solidHttp";
+import { snakeCase } from "lodash";
+
+
+export const SolidChatterMessageCoModelEntityIdListViewWidget = ({ rowData, solidListViewMetaData, fieldMetadata, column }: SolidListFieldWidgetProps) => {
+
+    const value = fieldMetadata && fieldMetadata.name && rowData[fieldMetadata.name] ? rowData[fieldMetadata.name] : ""
+
+    const [redirectUrl, setRedirectUrl] = useState('#');
+
+
+    const coModelName = rowData?.coModelName;
+    const modelDisplayName = rowData?.modelDisplayName;
+    const modelUserKey = rowData?.modelUserKey;
+
+    useEffect(() => {
+        if (coModelName) {
+            const fetchModel = async () => {
+                const qs = `offset=0&limit=25&filters[$and][0][$or][0][singularName][$eq]=${coModelName}&populate[0]=module&locale=en&sort[0]=id%3Adesc`;
+                const res = await solidGet(`/model-metadata?${qs}`);
+                if (res?.data?.data?.records?.length > 0) {
+                    const model = res?.data?.data?.records[0];
+                    const module = model?.module;
+                    const moduleName = module?.name;
+                    const modelSingularName = model?.singularName;
+                    const modelSlug = snakeCase(model?.singularName).replace(/_/g, '-');
+                    const redirectUrl = `/admin/core/${moduleName}/${modelSlug}/form/${value}`;
+                    setRedirectUrl(redirectUrl);
+                }
+            }
+            fetchModel();
+        }
+    }, [coModelName, value]);
+
+    return (
+        <div style={{ textAlign: "left" }}>
+
+            <div className="mt-2">
+                {value ? (
+                    <a
+                        href={redirectUrl}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        style={{
+                            display: 'inline-flex',
+                            alignItems: 'center',
+                            gap: '6px',
+                            textDecoration: 'none',
+                            fontSize: '12px',
+                            color: '#2563eb',
+                            fontWeight: 500
+                        }}
+                    >
+                        <span>{value} ({modelUserKey || modelDisplayName || coModelName})</span>
+
+                        <ExternalLink size={16} />
+                    </a>
+                ) : (
+                    <span className="text-muted">—</span>
+                )}
+            </div>
+        </div>
+    );
+};
+

package/dist/components/core/list/widgets/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/list/widgets/SolidMqMessageStageListViewWidget.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageListViewWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidMqMessageStageListViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAYzE,eAAO,MAAM,iCAAiC,gCAG3C,yBAAyB,4CAkC3B,CAAC"}

package/dist/components/core/list/widgets/SolidMqMessageStageListViewWidget.js

@@ -0,0 +1,33 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+var STATUS_STYLES = {
+    pending: { backgroundColor: "#6b7280", color: "#fff" },
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff" },
+    started: { backgroundColor: "#eab308", color: "#000" },
+    retry: { backgroundColor: "#f97316", color: "#fff" },
+    retrying: { backgroundColor: "#ea580c", color: "#fff" },
+    failed: { backgroundColor: "#ef4444", color: "#fff" },
+    succeeded: { backgroundColor: "#22c55e", color: "#fff" }, // green
+};
+export var SolidMqMessageStageListViewWidget = function (_a) {
+    var rowData = _a.rowData, fieldMetadata = _a.fieldMetadata;
+    var value = (fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) && rowData[fieldMetadata.name]
+        ? String(rowData[fieldMetadata.name]).toLowerCase()
+        : "";
+    var style = STATUS_STYLES[value] || {
+        backgroundColor: "#9ca3af",
+        color: "#fff",
+    };
+    return (_jsx("div", { className: "mt-2", children: value ? (_jsx("span", { style: __assign(__assign({}, style), { display: "inline-flex", alignItems: "center", borderRadius: "6px", padding: "4px 10px", fontSize: "12px", fontWeight: 600, textTransform: "capitalize" }), children: value })) : (_jsx("span", { className: "text-muted", children: "\u2014" })) }));
+};
+//# sourceMappingURL=SolidMqMessageStageListViewWidget.js.map

package/dist/components/core/list/widgets/SolidMqMessageStageListViewWidget.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidMqMessageStageListViewWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidMqMessageStageListViewWidget.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAEA,IAAM,aAAa,GAA+D;IAC9E,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACtD,SAAS,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACxD,OAAO,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACtD,KAAK,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACpD,QAAQ,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACvD,MAAM,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE;IACrD,SAAS,EAAE,EAAE,eAAe,EAAE,SAAS,EAAE,KAAK,EAAE,MAAM,EAAE,EAAI,QAAQ;CACvE,CAAC;AAEF,MAAM,CAAC,IAAM,iCAAiC,GAAG,UAAC,EAGtB;QAFxB,OAAO,aAAA,EACP,aAAa,mBAAA;IAGb,IAAM,KAAK,GACP,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC;QAC9C,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,aAAa,CAAC,IAAI,CAAC,CAAC,CAAC,WAAW,EAAE;QACnD,CAAC,CAAC,EAAE,CAAC;IAEb,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,IAAI;QAClC,eAAe,EAAE,SAAS;QAC1B,KAAK,EAAE,MAAM;KAChB,CAAC;IAEF,OAAO,CACH,cAAK,SAAS,EAAC,MAAM,YAChB,KAAK,CAAC,CAAC,CAAC,CACL,eACI,KAAK,wBACE,KAAK,KACR,OAAO,EAAE,aAAa,EACtB,UAAU,EAAE,QAAQ,EACpB,YAAY,EAAE,KAAK,EACnB,OAAO,EAAE,UAAU,EACnB,QAAQ,EAAE,MAAM,EAChB,UAAU,EAAE,GAAG,EACf,aAAa,EAAE,YAAY,eAG9B,KAAK,GACH,CACV,CAAC,CAAC,CAAC,CACA,eAAM,SAAS,EAAC,YAAY,uBAAS,CACxC,GACC,CACT,CAAC;AACN,CAAC,CAAC","sourcesContent":["import { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\n\nconst STATUS_STYLES: Record<string, { backgroundColor: string; color: string }> = {\n    pending: { backgroundColor: \"#6b7280\", color: \"#fff\" },     // gray\n    scheduled: { backgroundColor: \"#3b82f6\", color: \"#fff\" },   // blue\n    started: { backgroundColor: \"#eab308\", color: \"#000\" },     // yellow\n    retry: { backgroundColor: \"#f97316\", color: \"#fff\" },       // orange\n    retrying: { backgroundColor: \"#ea580c\", color: \"#fff\" },    // darker orange\n    failed: { backgroundColor: \"#ef4444\", color: \"#fff\" },      // red\n    succeeded: { backgroundColor: \"#22c55e\", color: \"#fff\" },   // green\n};\n\nexport const SolidMqMessageStageListViewWidget = ({\n    rowData,\n    fieldMetadata,\n}: SolidListFieldWidgetProps) => {\n\n    const value =\n        fieldMetadata?.name && rowData[fieldMetadata.name]\n            ? String(rowData[fieldMetadata.name]).toLowerCase()\n            : \"\";\n\n    const style = STATUS_STYLES[value] || {\n        backgroundColor: \"#9ca3af\",\n        color: \"#fff\",\n    };\n\n    return (\n        <div className=\"mt-2\">\n            {value ? (\n                <span\n                    style={{\n                        ...style,\n                        display: \"inline-flex\",\n                        alignItems: \"center\",\n                        borderRadius: \"6px\",\n                        padding: \"4px 10px\",\n                        fontSize: \"12px\",\n                        fontWeight: 600,\n                        textTransform: \"capitalize\",\n                    }}\n                >\n                    {value}\n                </span>\n            ) : (\n                <span className=\"text-muted\">—</span>\n            )}\n        </div>\n    );\n};"]}

package/dist/components/core/list/widgets/SolidMqMessageStageListViewWidget.tsx

@@ -0,0 +1,50 @@
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+
+const STATUS_STYLES: Record<string, { backgroundColor: string; color: string }> = {
+    pending: { backgroundColor: "#6b7280", color: "#fff" },     // gray
+    scheduled: { backgroundColor: "#3b82f6", color: "#fff" },   // blue
+    started: { backgroundColor: "#eab308", color: "#000" },     // yellow
+    retry: { backgroundColor: "#f97316", color: "#fff" },       // orange
+    retrying: { backgroundColor: "#ea580c", color: "#fff" },    // darker orange
+    failed: { backgroundColor: "#ef4444", color: "#fff" },      // red
+    succeeded: { backgroundColor: "#22c55e", color: "#fff" },   // green
+};
+
+export const SolidMqMessageStageListViewWidget = ({
+    rowData,
+    fieldMetadata,
+}: SolidListFieldWidgetProps) => {
+
+    const value =
+        fieldMetadata?.name && rowData[fieldMetadata.name]
+            ? String(rowData[fieldMetadata.name]).toLowerCase()
+            : "";
+
+    const style = STATUS_STYLES[value] || {
+        backgroundColor: "#9ca3af",
+        color: "#fff",
+    };
+
+    return (
+        <div className="mt-2">
+            {value ? (
+                <span
+                    style={{
+                        ...style,
+                        display: "inline-flex",
+                        alignItems: "center",
+                        borderRadius: "6px",
+                        padding: "4px 10px",
+                        fontSize: "12px",
+                        fontWeight: 600,
+                        textTransform: "capitalize",
+                    }}
+                >
+                    {value}
+                </span>
+            ) : (
+                <span className="text-muted">—</span>
+            )}
+        </div>
+    );
+};

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.d.ts

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

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSummarizeListHeaderActionMqMessages.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAyGzE,eAAO,MAAM,wCAAwC,8BAElD,yBAAyB,4CA6E3B,CAAC"}

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.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 SolidSummarizeListHeaderActionMqMessages = 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=SolidSummarizeListHeaderActionMqMessages.js.map

package/dist/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidSummarizeListHeaderActionMqMessages.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages.tsx"],"names":[],"mappings":"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","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 SolidSummarizeListHeaderActionMqMessages = ({\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"]}