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

package/dist/components/core/extension/solid-core/moduleMetadata/list/GenerateModuleCodeRowAction.tsx

@@ -1,196 +1,189 @@
-
+import { useEffect, useMemo, useState } from "react";
+import { useDispatch } from "react-redux";
+import { AlertTriangle, FileCode2, Sparkles } from "lucide-react";
 import { SolidCircularLoader } from "../../../../../../components/core/common/SolidLoaders/SolidCircularLoader";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
+import { env } from "../../../../../../adapters/env";
 import { useGenerateCodeFormoduleMutation } from "../../../../../../redux/api/moduleApi";
 import { useSeederMutation } from "../../../../../../redux/api/solidServiceApi";
 import { closePopup } from "../../../../../../redux/features/popupSlice";
-import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
-import { Button } from "primereact/button";
-import { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { env } from "../../../../../../adapters/env";
+import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
+import { SolidButton } from "../../../../../shad-cn-ui";
 
 const GenerateModuleCodeRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
-    const dispatch = useDispatch()
-    const [generateCode, {
-        isLoading: isGenerateCodeUpdating,
-        isSuccess: isGenerateCodeSuceess,
-        isError: isGenerateCodeError,
-        error: generateCodeError,
-        data: generateCodeData
-    }] = useGenerateCodeFormoduleMutation();
-
-    // const mqMessageApi = createSolidEntityApi("mqMessage");
-    // const {
-    //     useGetSolidEntitiesQuery: useGetMqMessageQuery,
-    //     useLazyGetSolidEntitiesQuery: useLazyGetMqMessageQuery,
-    // } = mqMessageApi;
-    // const [getMqMessageStatus, {
-    //     data: solidListViewMetaData,
-    //     error: solidListViewMetaDataError,
-    //     isLoading: solidListViewMetaDataIsLoading,
-    //     isError: solidListViewMetaDataIsError
-    // }] = useLazyGetMqMessageQuery();
-    // const fetchMqMessageStatus = async (retries = 30, delay = 500, generateCodeData: any): Promise<boolean> => {
-    //     for (let i = 0; i < retries; i++) {
-    //         try {
-    //             const query = {
-    //                 filters: {
-    //                     messageId: {
-    //                         $eq: generateCodeData?.data?.messageId
-    //                     }
-    //                 }
-    //             };
-    //             const queryString = qs.stringify(query, {
-    //                 encodeValuesOnly: true,
-    //             });
-    //             const res = await getMqMessageStatus(queryString)
-    //             if (res.isSuccess === true) {
-    //                 if (res.data.records.length > 0) {
-    //                     const messageStage = res.data.records[0].stage;
-    //                     console.log("messageStatus", messageStage);
-    //                     if (messageStage === "succeeded") {
-    //                         return true
-    //                     }
-    //                     if (messageStage === "failed") {
-    //                         return false
-    //                     }
-    //                 }
-    //             }
-    //         } catch (e) {
-    //             // ignore and retry
-    //         }
-    //         await new Promise((resolve) => setTimeout(resolve, delay));
-    //     }
-    //     return false;
-    // };
-
-    const generateCodeHandler = async () => {
-        try {
-            const response = await generateCode({ id: event?.rowData?.id });
-            console.log(ERROR_MESSAGES.RESPONSE_GENERATE_CODE_HANDLER, response);
-            setIsGenerating(true);
-        } catch (error) {
-            setIsGenerating(false);
-            dispatch(closePopup());
-            console.log("error",error);
-            dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
-        }
+  const dispatch = useDispatch();
+  const [statusMessage, setStatusMessage] = useState("Preparing module generation...");
+  const [isPinging, setIsPinging] = useState(false);
+  const [isGenerating, setIsGenerating] = useState(false);
+
+  const [generateCode, { isLoading: isGenerateCodeUpdating, isSuccess: isGenerateCodeSuceess }] =
+    useGenerateCodeFormoduleMutation();
+
+  const [triggerSeeder, { data, isSuccess: isSeederSuccess, isError: isSeederError }] = useSeederMutation();
+
+  const isSolidCoreModule = event?.rowData?.name === "solid-core";
+  const generatedFiles = useMemo(
+    () => [
+      "Module file",
+      "Metadata references",
+      "Controller wiring",
+      "Service and repository imports",
+    ],
+    []
+  );
+
+  const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {
+    for (let i = 0; i < retries; i += 1) {
+      try {
+        const res = await fetch(`${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/ping`);
+        if (res.ok) return true;
+      } catch (error) {
+        // ignore and retry
+      }
+      await new Promise((resolve) => setTimeout(resolve, delay));
     }
+    return false;
+  };
 
-    // TODO: START REFACTORING - reusable code alert
-    const [triggerSeeder, {
-        data,
-        isLoading,
-        isSuccess: isSeederSuccess,
-        isError: isSeederError
-    }] = useSeederMutation();
-
-    // Utitlity to track if solid-api is up
-    const [isPinging, setIsPinging] = useState(false);
-    const [isGenerating, setIsGenerating] = useState(false);
-    const pingBackendWithRetry = async (retries = 30, delay = 500): Promise<boolean> => {
-        for (let i = 0; i < retries; i++) {
-            try {
-                const res = await fetch(`${env("NEXT_PUBLIC_BACKEND_API_URL")}/api/ping`);
-                console.log("ping response", res);
-
-                if (res.ok)
-                    return true;
-            } catch (e) {
-                // ignore and retry
-            }
-            await new Promise((resolve) => setTimeout(resolve, delay));
-        }
-        return false;
-    };
-
-    useEffect(() => {
-        const runSeederIfBackendAlive = async () => {
-            if (isGenerateCodeSuceess) {
-                console.log("isGenerateCodeSuceess", isGenerateCodeSuceess);
-                setIsPinging(true);
-                // const hasMqMessageCompleted = await fetchMqMessageStatus(30, 500, generateCodeData);
-                const isAlive = await pingBackendWithRetry(30, 500);
-
-                setIsPinging(false);
-
-                // if (hasMqMessageCompleted && isAlive) {
-                if (isAlive) {
-                    await triggerSeeder("ModuleMetadataSeederService");
-                } else {
-                    dispatch(closePopup());
-                    console.log(ERROR_MESSAGES.BACKEND_NOT_ALIVE);
-                    dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE, detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED }));
-                }
-            }
-        };
-        setTimeout(() => {
-            runSeederIfBackendAlive();
-        }, 5000);
-    }, [isGenerateCodeSuceess]);
-
-    useEffect(() => {
-        if (isSeederSuccess) {
-            console.log(ERROR_MESSAGES.IS_SEEDER_SUCCESS, data);
-            dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY, detail: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY }));
-            setIsGenerating(false);
-            dispatch(closePopup());
-            window.location.reload();
-        }
-        if (isSeederError) {
-            console.log(ERROR_MESSAGES.IS_SEEDER_ERROR, isSeederError);
-            dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));
-            setIsGenerating(false);
-        }
-    }, [isSeederSuccess])
-    // TODO: END REFACTORING - reusable code alert
+  const generateCodeHandler = async () => {
+    try {
+      setIsGenerating(true);
+      setStatusMessage("Submitting module generation request...");
+      await generateCode({ id: event?.rowData?.id }).unwrap();
+      setStatusMessage("Waiting for backend to come back online...");
+    } catch (error) {
+      setIsGenerating(false);
+      dispatch(closePopup());
+      dispatch(showToast({ severity: "error", summary: "Something went wrong", detail: ERROR_MESSAGES.API_ERROR }));
+    }
+  };
 
+  useEffect(() => {
+    if (!isGenerateCodeSuceess) return undefined;
+
+    const timer = window.setTimeout(async () => {
+      setIsPinging(true);
+      setStatusMessage("Checking backend availability before refreshing metadata...");
+      const isAlive = await pingBackendWithRetry(30, 500);
+      setIsPinging(false);
+
+      if (isAlive) {
+        setStatusMessage("Refreshing seeded metadata...");
+        await triggerSeeder("ModuleMetadataSeederService");
+        return;
+      }
+
+      setIsGenerating(false);
+      dispatch(closePopup());
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: ERROR_MESSAGES.BACKEND_UNAVAILABLE,
+          detail: ERROR_MESSAGES.SEEDER_NOT_TRIGGERED,
+        })
+      );
+    }, 5000);
+
+    return () => window.clearTimeout(timer);
+  }, [dispatch, isGenerateCodeSuceess, triggerSeeder]);
+
+  useEffect(() => {
+    if (isSeederSuccess) {
+      dispatch(
+        showToast({
+          severity: "success",
+          summary: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY,
+          detail: ERROR_MESSAGES.CODE_GENERTAE_SUCCESSFULLY,
+        })
+      );
+      setIsGenerating(false);
+      dispatch(closePopup());
+      window.location.reload();
+    }
+
+    if (isSeederError) {
+      dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.SEEDER_ERROR, detail: ERROR_MESSAGES.SEEDER_NOT_RUN }));
+      setIsGenerating(false);
+    }
+  }, [data, dispatch, isSeederError, isSeederSuccess]);
+
+  if (isGenerating) {
     return (
-        <>
-            {isGenerating ?
-                <>
-                    <div className="flex flex-column align-items-center justify-content-center" style={{ padding: '2rem', height: 200 }}>
-                        <SolidCircularLoader />
-                        <p className="mt-4 font-medium">Waiting for backend...</p>
-                    </div>
-                </>
-                :
-                <>
-                    {event?.rowData?.name != "solid-core" ?
-                        <div className="">
-                            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                                <span className="p-dialog-title">
-                                    Generate Module
-                                </span>
-                            </div>
-                            <div className="px-4 pb-4 pt-3">
-                                <p className="text-start">Proceed with module code generation? Existing files will be overwritten.</p>
-                                <div className="flex gap-3 justify-content-start">
-                                    <Button size="small" label="Ok" autoFocus onClick={generateCodeHandler} />
-                                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
-                                </div>
-                            </div>
-                        </div> :
-                        <div className="">
-                            <div className="p-dialog-header secondary-border-bottom py-3" style={{ background: 'var(--solid-light-grey)' }}>
-                                <span className="p-dialog-title">
-                                    Generate Module
-                                </span>
-                            </div>
-                            <div className="px-4 pb-4 pt-3">
-                                <p className="text-start">You cannot generate code for Solid Core modules</p>
-                                <div className="flex gap-3 justify-content-start">
-                                    <Button size="small" label="Cancel" outlined onClick={() => dispatch(closePopup())} />
-                                </div>
-                            </div>
-                        </div >
-                    }
-                </>
-            }
-        </>
-    )
-}
+      <div className="solid-generate-code-popup">
+        <div className="solid-filter-dialog-head solid-generate-code-popup__head">
+          <div>
+            <h3 className="solid-filter-dialog-title">Generate Module</h3>
+            <p className="solid-filter-dialog-subtitle m-0">Applying the code generation pipeline and reseeding metadata.</p>
+          </div>
+        </div>
+        <div className="solid-filter-dialog-sep" />
+        <div className="solid-filter-dialog-body solid-generate-code-popup__body solid-generate-code-popup__body--loading">
+          <SolidCircularLoader />
+          <p className="solid-generate-code-popup__loading-title">
+            {isPinging ? "Waiting for backend..." : "Generating module code..."}
+          </p>
+          <p className="solid-generate-code-popup__loading-copy">{statusMessage}</p>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="solid-generate-code-popup">
+      <div className="solid-filter-dialog-head solid-generate-code-popup__head">
+        <div>
+          <h3 className="solid-filter-dialog-title">Generate Module</h3>
+          <p className="solid-filter-dialog-subtitle m-0">
+            Generate or refresh the module code artifacts from the current metadata definition.
+          </p>
+        </div>
+      </div>
+      <div className="solid-filter-dialog-sep" />
+      <div className="solid-filter-dialog-body solid-generate-code-popup__body">
+        {isSolidCoreModule ? (
+          <div className="solid-generate-code-popup__notice is-warning">
+            <AlertTriangle size={16} />
+            <span>You cannot generate code for Solid Core modules.</span>
+          </div>
+        ) : (
+          <>
+            <p className="solid-generate-code-popup__intro">
+              Proceed with module code generation. Existing generated files may be overwritten.
+            </p>
+            <div className="solid-generate-code-popup__panel">
+              <div className="solid-generate-code-popup__panel-title">
+                <FileCode2 size={15} />
+                <span>Artifacts impacted</span>
+              </div>
+              <ul className="solid-generate-code-popup__list">
+                {generatedFiles.map((item) => (
+                  <li key={item}>{item}</li>
+                ))}
+              </ul>
+            </div>
+          </>
+        )}
+
+        <div className="solid-generate-code-popup__actions">
+          {!isSolidCoreModule ? (
+            <SolidButton
+              size="small"
+              autoFocus
+              leftIcon={<Sparkles size={14} />}
+              loading={isGenerateCodeUpdating}
+              onClick={generateCodeHandler}
+            >
+              Generate
+            </SolidButton>
+          ) : null}
+          <SolidButton size="small" variant="outline" onClick={() => dispatch(closePopup())}>
+            {isSolidCoreModule ? "Close" : "Cancel"}
+          </SolidButton>
+        </div>
+      </div>
+    </div>
+  );
+};
 
 export default GenerateModuleCodeRowAction;

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

@@ -0,0 +1,3 @@
+import { SolidKanbanCardWidgetProps } from "../../../../../../types/solid-core";
+export default function MqMessageKanbanCardWidget({ rowData, }: SolidKanbanCardWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MqMessageKanbanCardWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageKanbanCardWidget.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,0BAA0B,EAAE,MAAM,oCAAoC,CAAC;AA0GhF,MAAM,CAAC,OAAO,UAAU,yBAAyB,CAAC,EAChD,OAAO,GACR,EAAE,0BAA0B,2CAoF5B"}

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("div", { className: "mq-message-kanban-card__eyebrow", children: [_jsx("span", { className: "mq-message-kanban-card__chip", children: chipLabel }), _jsxs("span", { className: "mq-message-kanban-card__record-id", children: ["#", renderText(rowData === null || rowData === void 0 ? void 0 : rowData.id)] })] }), _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\n      <div className=\"mq-message-kanban-card__eyebrow\">\n        <span className=\"mq-message-kanban-card__chip\">{chipLabel}</span>\n        <span className=\"mq-message-kanban-card__record-id\">#{renderText(rowData?.id)}</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"]}