@solidxai/core-ui 0.1.18 → 0.1.19-beta.1

package/dist/components/core/extension/solid-core/modelMetadata/list/DeleteModelRowAction.tsx

@@ -1,139 +1,149 @@
 import { closePopup } from "../../../../../../redux/features/popupSlice";
 import { SolidListRowdataDynamicFunctionProps } from "../../../../../../types/solid-core";
-import { useState } from "react";
+import { useEffect, useState } from "react";
 import { useDispatch } from "react-redux";
 import { showToast } from "../../../../../../redux/features/toastSlice";
-import { kebabCase } from "lodash";
-import { createSolidEntityApi } from "../../../../../../redux/api/solidEntityApi";
+import { useApplyDeleteModelMutation, usePreviewDeleteModelMutation } from "../../../../../../redux/api/modelApi";
 import { ERROR_MESSAGES } from "../../../../../../constants/error-messages";
-import { SolidButton, SolidCheckbox } from "../../../../../shad-cn-ui";
+import { SolidButton, SolidCheckbox, SolidSpinner } from "../../../../../shad-cn-ui";
 import { pingBackendAvailability } from "../../../../../../helpers/waitForBackendAvailability";
 import { backendHealthMonitor } from "../../../../../../helpers/backendHealthMonitor";
+import { Check, Copy } from "lucide-react";
 
-const DELETE_MODEL_DIALOG_DISMISS_DELAY_MS = 3_000;
+type DeleteChange = { category: string; description: string; count: number; items: string[] };
+type DeletePreview = { model: { id: number; singularName: string; displayName: string }; planHash: string; changes: DeleteChange[] };
+
+const displayInventoryItem = (item: string) => {
+    if (!item.startsWith("/")) return item;
+    const sourceIndex = item.lastIndexOf("/src/");
+    if (sourceIndex >= 0) return item.slice(sourceIndex + 1);
+    return item.split("/").slice(-2).join("/");
+};
 
 const DeleteModelRowAction = (event: SolidListRowdataDynamicFunctionProps) => {
-    const [isConfirmed, setIsConfirmed] = useState(false);
-    const [isApplying, setIsApplying] = useState(false);
     const dispatch = useDispatch();
-    const entityApi = createSolidEntityApi(event.params.modelName);
-    const {useDeleteSolidEntityMutation} = entityApi;
-    const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation()
+    const [preview, setPreview] = useState<DeletePreview | null>(null);
+    const [previewError, setPreviewError] = useState<string | null>(null);
+    const [isConfirmed, setIsConfirmed] = useState(false);
+    const [copiedDdl, setCopiedDdl] = useState(false);
+    const [loadPreview, { isLoading: isLoadingPreview }] = usePreviewDeleteModelMutation();
+    const [applyDelete, { isLoading: isApplying }] = useApplyDeleteModelMutation();
 
-    const deleteModelHandler = async () => {
-        if (isApplying) {
-            return;
+    const refreshPreview = async () => {
+        setPreview(null);
+        setPreviewError(null);
+        setIsConfirmed(false);
+        try {
+            const result = await loadPreview(event.rowData.id).unwrap();
+            setPreview(result as DeletePreview);
+        } catch (error: any) {
+            setPreviewError(error?.data?.message || error?.error || ERROR_MESSAGES.ERROR_OCCURED);
         }
+    };
+
+    useEffect(() => { void refreshPreview(); }, [event.rowData.id]); // eslint-disable-line react-hooks/exhaustive-deps
 
-        setIsApplying(true);
+    const automaticChanges = preview?.changes.filter(change => change.category !== 'Manual follow-up' && change.count > 0) ?? [];
+    const automaticItemCount = automaticChanges.reduce((total, change) => total + change.count, 0);
+    const manualFollowUp = preview?.changes.find(change => change.category === 'Manual follow-up');
+    const tableName = manualFollowUp?.items[0]?.replace(/ database table$/, '') ?? '';
+    const quotedTableName = tableName.split('.').map(part => `"${part.replace(/"/g, '""')}"`).join('.');
+    const dropTableStatement = tableName ? `DROP TABLE IF EXISTS ${quotedTableName};` : '';
+
+    const copyDropStatement = async () => {
+        if (!dropTableStatement) return;
         try {
-            const res: any = await deleteSolidSingleEntiry(event.rowData.id);
-            
-            // console.log('delete model res', res);
-            if (res.error) {
-                // handle backend or RTK error object
-                const message =
-                    res.error?.data?.message ||
-                    res.error?.error ||
-                    ERROR_MESSAGES.ERROR_OCCURED;
-                dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.DELETE_FAIELD, detail: message }));
-            } else {
-                dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));
-                await new Promise((resolve) => window.setTimeout(resolve, DELETE_MODEL_DIALOG_DISMISS_DELAY_MS));
-                dispatch(closePopup());
+            await navigator.clipboard.writeText(dropTableStatement);
+            setCopiedDdl(true);
+            window.setTimeout(() => setCopiedDdl(false), 1800);
+        } catch {
+            setPreviewError('Unable to copy the DROP TABLE statement. Select and copy it manually.');
+        }
+    };
 
-                const isBackendAvailable = await pingBackendAvailability();
-                if (isBackendAvailable) {
-                    backendHealthMonitor.reportSuccess();
-                } else {
-                    backendHealthMonitor.reportFailure({
-                        status: "FETCH_ERROR",
-                        message: "Unable to reach the server. Reconnecting...",
-                    });
-                }
+    const deleteModelHandler = async () => {
+        if (!preview || !isConfirmed || isApplying) return;
+        try {
+            await applyDelete({ id: event.rowData.id, planHash: preview.planHash }).unwrap();
+            dispatch(showToast({ severity: 'success', summary: ERROR_MESSAGES.MODEL_DELETE, detail: ERROR_MESSAGES.MODEL_DELETE_SUCCESSFULLY(event.rowData.singularName) }));
+            dispatch(closePopup());
+            const isBackendAvailable = await pingBackendAvailability();
+            if (isBackendAvailable) backendHealthMonitor.reportSuccess();
+            else backendHealthMonitor.reportFailure({ status: "FETCH_ERROR", message: "Unable to reach the server. Reconnecting..." });
+        } catch (error: any) {
+            const updatedPreview = error?.data?.preview as DeletePreview | undefined;
+            if (updatedPreview) {
+                setPreview(updatedPreview);
+                setIsConfirmed(false);
+                setPreviewError('The inventory changed since it was reviewed. Please review the updated changes and confirm again.');
+            } else {
+                setPreviewError(error?.data?.message || error?.error || ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR);
             }
-        } catch (err: any) {
-            console.error("catch error", err);
-            dispatch(showToast({ severity: 'error', summary: ERROR_MESSAGES.ERROR, detail: ERROR_MESSAGES.NETWORK_OR_SERVER_ERROR }));
-        } finally {
-            setIsApplying(false);
         }
-    }
-
-    const rows = [
-        { file: `${kebabCase(event.rowData.singularName)}.entity.ts`, description: 'The TypeORM entity definition for this model. Deleting it removes the model’s schema mapping', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.create.dto.ts`, description: 'DTO defining the payload for creating a new record of this model', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.update.dto.ts`, description: 'DTO defining the payload for updating an existing record of this model', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.repository.ts`, description: 'Custom repository encapsulating database operations for this model', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.service.ts`, description: 'Service layer containing business logic and interactions for this model', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.controller.ts`, description: 'Controller exposing API endpoints related to this model', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}.module.ts`, description: 'Module declaration that wires together the controller, service, and repository. All imports and references to the deleted model are removed automatically', intervention: 'Automatic' },
-        { file: `${kebabCase(event.rowData.singularName)}-metadata.json`, description: 'Remove references to this model in the model metadata, menu, action & view sections', intervention: 'Automatic' },
-        { file: '-', description: 'Drop database table. Removes the database table from the DB, this is a very risky step. Best to review all relations to other models etc and then do this manually', intervention: 'Manual (X)', manual: true },
-    ];
-
-
+    };
 
     return (
         <div className="solid-delete-model-popup">
             <div className="solid-filter-dialog-head solid-delete-model-popup__head">
                 <div>
-                    <h3 className="solid-filter-dialog-title">Delete Model</h3>
-                    <p className="solid-filter-dialog-subtitle m-0">
-                        Review the impacted files carefully before applying this delete action.
-                    </p>
+                    <h3 className="solid-filter-dialog-title">Delete {event.rowData.displayName || event.rowData.singularName}</h3>
+                    <p className="solid-filter-dialog-subtitle m-0">Review the automatic cleanup before deleting this model.</p>
                 </div>
             </div>
             <div className="solid-filter-dialog-sep" />
             <div className="solid-filter-dialog-body solid-delete-model-popup__body">
-                <p className="solid-delete-model-popup__intro">
-                    Deleting a model should be done carefully. The following files will be impacted as part of deleting this model.
-                </p>
-
-                <div className="solid-delete-model-popup__table-wrap">
-                    <table className="solid-delete-model-popup__table">
-                        <thead>
-                            <tr>
-                                <th>File Name</th>
-                                <th>Description</th>
-                                <th>Intervention</th>
-                            </tr>
-                        </thead>
-                        <tbody>
-                            {rows.map((row) => (
-                                <tr key={`${row.file}-${row.intervention}`}>
-                                    <td className="solid-delete-model-popup__file">{row.file}</td>
-                                    <td>{row.description}</td>
-                                    <td className={row.manual ? "solid-delete-model-popup__intervention is-manual" : "solid-delete-model-popup__intervention"}>
-                                        {row.intervention}
-                                    </td>
-                                </tr>
-                            ))}
-                        </tbody>
-                    </table>
-                </div>
-
-                <div className="solid-delete-model-popup__confirm">
-                    <SolidCheckbox
-                        id="delete-model-confirmation"
-                        name="confirm"
-                        checked={isConfirmed}
-                        onChange={() => setIsConfirmed(!isConfirmed)}
-                        label="I confirm that #9 (drop database table) will be done by me manually after the automatic steps above are applied."
-                    />
-                </div>
-
+                {isLoadingPreview && <div className="flex justify-center p-4"><SolidSpinner /></div>}
+                {previewError && <div role="alert" className="text-sm text-destructive mb-3">{previewError}</div>}
+                {preview && (
+                    <>
+                    <div className="solid-delete-model-popup__summary" aria-label="Deletion impact summary">
+                        <div><strong>{automaticItemCount}</strong><span>automatic changes</span></div>
+                        <div><strong>{automaticChanges.length}</strong><span>areas affected</span></div>
+                    </div>
+                    <div className="solid-delete-model-popup__inventory" aria-label="Automatic deletion changes">
+                        {automaticChanges.map((change, index) => (
+                            <details className="solid-delete-model-popup__change" key={`${change.category}-${index}`}>
+                                <summary>
+                                    <span className="solid-delete-model-popup__change-name">{change.category}</span>
+                                    <span className="solid-delete-model-popup__change-description">{change.description}</span>
+                                    <span className="solid-delete-model-popup__count">{change.count}</span>
+                                </summary>
+                                {change.items.length > 0 && (
+                                    <ul className="solid-delete-model-popup__items">
+                                        {change.items.map((item, itemIndex) => <li key={`${item}-${itemIndex}`} title={item}>{displayInventoryItem(item)}</li>)}
+                                    </ul>
+                                )}
+                            </details>
+                        ))}
+                        {automaticChanges.length === 0 && <p className="solid-delete-model-popup__empty">No related automatic cleanup was found.</p>}
+                    </div>
+                    {manualFollowUp && manualFollowUp.count > 0 && (
+                        <aside className="solid-delete-model-popup__manual">
+                            <strong>Manual follow-up</strong>
+                            <span>{manualFollowUp.description}</span>
+                            {dropTableStatement && <div className="solid-delete-model-popup__ddl">
+                                <code>{dropTableStatement}</code>
+                                <button type="button" className="solid-delete-model-popup__copy-ddl" onClick={copyDropStatement} aria-label={copiedDdl ? 'DDL copied' : 'Copy DROP TABLE statement'} title={copiedDdl ? 'Copied' : 'Copy SQL'}>
+                                    {copiedDdl ? <Check size={13} /> : <Copy size={13} />}
+                                </button>
+                            </div>}
+                        </aside>
+                    )}
+                    </>
+                )}
+            </div>
+            <div className="solid-filter-dialog-sep" />
+            <div className="solid-delete-model-popup__footer">
+                {preview && <div className="solid-delete-model-popup__confirm">
+                    <SolidCheckbox id="delete-model-confirmation" name="confirm" checked={isConfirmed} onChange={() => setIsConfirmed(!isConfirmed)} label="I reviewed the automatic changes above and understand the database table drop is a separate manual step." />
+                </div>}
                 <div className="solid-delete-model-popup__actions">
-                    <SolidButton size="small" disabled={!isConfirmed || isApplying} loading={isApplying} autoFocus onClick={deleteModelHandler}>
-                        Apply
-                    </SolidButton>
-                    <SolidButton size="small" variant="outline" disabled={isApplying} onClick={() => dispatch(closePopup())}>
-                        Cancel
-                    </SolidButton>
+                    <SolidButton size="small" variant="destructive" disabled={!preview || !isConfirmed || isApplying || isLoadingPreview} loading={isApplying} autoFocus onClick={deleteModelHandler}>Delete model</SolidButton>
+                    <SolidButton size="small" variant="outline" disabled={isApplying} onClick={() => dispatch(closePopup())}>Cancel</SolidButton>
                 </div>
             </div>
         </div>
-    )
-}
+    );
+};
 
 export default DeleteModelRowAction;

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

@@ -0,0 +1,6 @@
+type Props = {
+    selectedRecords?: any[];
+};
+export default function MqMessageSelectedRecordsSummaryHeaderAction({ selectedRecords }: Props): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MqMessageSelectedRecordsSummaryHeaderAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageSelectedRecordsSummaryHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/mqMessage/MqMessageSelectedRecordsSummaryHeaderAction.tsx"],"names":[],"mappings":"AAoBA,KAAK,KAAK,GAAG;IAAE,eAAe,CAAC,EAAE,GAAG,EAAE,CAAA;CAAE,CAAC;AAEzC,MAAM,CAAC,OAAO,UAAU,2CAA2C,CAAC,EAAE,eAAoB,EAAE,EAAE,KAAK,2CAkElG"}

package/dist/components/core/extension/solid-core/mqMessage/MqMessageSelectedRecordsSummaryHeaderAction.js

@@ -0,0 +1,37 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useMemo } from "react";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../../redux/features/popupSlice";
+import { SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../../../shad-cn-ui";
+var STAGES = ["pending", "scheduled", "started", "retry", "retrying", "failed", "succeeded"];
+var formatDuration = function (milliseconds) {
+    if (milliseconds === null || !Number.isFinite(milliseconds))
+        return "—";
+    if (milliseconds < 1000)
+        return "".concat(Math.round(milliseconds), " ms");
+    if (milliseconds < 60000)
+        return "".concat((milliseconds / 1000).toFixed(2), " s");
+    return "".concat((milliseconds / 60000).toFixed(2), " min");
+};
+export default function MqMessageSelectedRecordsSummaryHeaderAction(_a) {
+    var _b = _a.selectedRecords, selectedRecords = _b === void 0 ? [] : _b;
+    var dispatch = useDispatch();
+    var stageSummaries = useMemo(function () { return STAGES.map(function (stage) {
+        var records = selectedRecords.filter(function (record) { return (record === null || record === void 0 ? void 0 : record.stage) === stage; });
+        var durations = records
+            .map(function (record) { return Number(record === null || record === void 0 ? void 0 : record.elapsedMillis); })
+            .filter(function (duration) { return Number.isFinite(duration) && duration >= 0; });
+        var average = durations.length
+            ? durations.reduce(function (total, duration) { return total + duration; }, 0) / durations.length
+            : null;
+        return { stage: stage, count: records.length, average: average, measuredCount: durations.length };
+    }); }, [selectedRecords]);
+    var totalMeasured = stageSummaries.reduce(function (total, summary) { return total + summary.measuredCount; }, 0);
+    var totalDuration = stageSummaries.reduce(function (total, summary) { var _a; return total + ((_a = summary.average) !== null && _a !== void 0 ? _a : 0) * summary.measuredCount; }, 0);
+    var averageDuration = totalMeasured ? totalDuration / totalMeasured : null;
+    return (_jsxs(_Fragment, { children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Selected queue messages" }), _jsx(SolidDialogClose, { "aria-label": "Close", onClick: function () { return dispatch(closePopup()); } })] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "space-y-4", children: [_jsxs("div", { className: "grid grid-cols-2 gap-3", children: [_jsxs("div", { className: "rounded-lg border p-4", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Selected messages" }), _jsx("div", { className: "mt-1 text-2xl font-semibold", children: selectedRecords.length })] }), _jsxs("div", { className: "rounded-lg border p-4", children: [_jsx("div", { className: "text-sm text-muted-foreground", children: "Average execution time" }), _jsx("div", { className: "mt-1 text-2xl font-semibold", children: formatDuration(averageDuration) })] })] }), _jsx("div", { className: "overflow-x-auto rounded-lg border", children: _jsxs("table", { className: "w-full text-left text-sm", children: [_jsx("thead", { className: "bg-muted/50", children: _jsxs("tr", { children: [_jsx("th", { className: "px-4 py-3 font-medium", children: "Status" }), _jsx("th", { className: "px-4 py-3 text-right font-medium", children: "Count" }), _jsx("th", { className: "px-4 py-3 text-right font-medium", children: "Avg. execution time" })] }) }), _jsx("tbody", { children: stageSummaries.map(function (_a) {
+                                            var stage = _a.stage, count = _a.count, average = _a.average;
+                                            return (_jsxs("tr", { className: "border-t", children: [_jsx("th", { scope: "row", className: "px-4 py-3 font-medium capitalize", children: stage }), _jsx("td", { className: "px-4 py-3 text-right tabular-nums", children: count }), _jsx("td", { className: "px-4 py-3 text-right tabular-nums", children: formatDuration(average) })] }, stage));
+                                        }) })] }) }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Average execution time uses selected messages with an elapsed time recorded." })] }) })] }));
+}
+//# sourceMappingURL=MqMessageSelectedRecordsSummaryHeaderAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageSelectedRecordsSummaryHeaderAction.js","sourceRoot":"","sources":["../../../../../../src/components/core/extension/solid-core/mqMessage/MqMessageSelectedRecordsSummaryHeaderAction.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { closePopup } from \"../../../../../redux/features/popupSlice\";\nimport {\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../../../shad-cn-ui\";\n\nconst STAGES = [\"pending\", \"scheduled\", \"started\", \"retry\", \"retrying\", \"failed\", \"succeeded\"];\n\nconst formatDuration = (milliseconds: number | null) => {\n  if (milliseconds === null || !Number.isFinite(milliseconds)) return \"—\";\n  if (milliseconds < 1000) return `${Math.round(milliseconds)} ms`;\n  if (milliseconds < 60_000) return `${(milliseconds / 1000).toFixed(2)} s`;\n  return `${(milliseconds / 60_000).toFixed(2)} min`;\n};\n\ntype Props = { selectedRecords?: any[] };\n\nexport default function MqMessageSelectedRecordsSummaryHeaderAction({ selectedRecords = [] }: Props) {\n  const dispatch = useDispatch();\n  const stageSummaries = useMemo(() => STAGES.map((stage) => {\n    const records = selectedRecords.filter((record) => record?.stage === stage);\n    const durations = records\n      .map((record) => Number(record?.elapsedMillis))\n      .filter((duration) => Number.isFinite(duration) && duration >= 0);\n    const average = durations.length\n      ? durations.reduce((total, duration) => total + duration, 0) / durations.length\n      : null;\n    return { stage, count: records.length, average, measuredCount: durations.length };\n  }), [selectedRecords]);\n\n  const totalMeasured = stageSummaries.reduce((total, summary) => total + summary.measuredCount, 0);\n  const totalDuration = stageSummaries.reduce(\n    (total, summary) => total + (summary.average ?? 0) * summary.measuredCount,\n    0,\n  );\n  const averageDuration = totalMeasured ? totalDuration / totalMeasured : null;\n\n  return (\n    <>\n      <SolidDialogHeader>\n        <SolidDialogTitle>Selected queue messages</SolidDialogTitle>\n        <SolidDialogClose aria-label=\"Close\" onClick={() => dispatch(closePopup())} />\n      </SolidDialogHeader>\n      <SolidDialogSeparator />\n      <SolidDialogBody>\n        <div className=\"space-y-4\">\n          <div className=\"grid grid-cols-2 gap-3\">\n            <div className=\"rounded-lg border p-4\">\n              <div className=\"text-sm text-muted-foreground\">Selected messages</div>\n              <div className=\"mt-1 text-2xl font-semibold\">{selectedRecords.length}</div>\n            </div>\n            <div className=\"rounded-lg border p-4\">\n              <div className=\"text-sm text-muted-foreground\">Average execution time</div>\n              <div className=\"mt-1 text-2xl font-semibold\">{formatDuration(averageDuration)}</div>\n            </div>\n          </div>\n          <div className=\"overflow-x-auto rounded-lg border\">\n            <table className=\"w-full text-left text-sm\">\n              <thead className=\"bg-muted/50\">\n                <tr>\n                  <th className=\"px-4 py-3 font-medium\">Status</th>\n                  <th className=\"px-4 py-3 text-right font-medium\">Count</th>\n                  <th className=\"px-4 py-3 text-right font-medium\">Avg. execution time</th>\n                </tr>\n              </thead>\n              <tbody>\n                {stageSummaries.map(({ stage, count, average }) => (\n                  <tr key={stage} className=\"border-t\">\n                    <th scope=\"row\" className=\"px-4 py-3 font-medium capitalize\">{stage}</th>\n                    <td className=\"px-4 py-3 text-right tabular-nums\">{count}</td>\n                    <td className=\"px-4 py-3 text-right tabular-nums\">{formatDuration(average)}</td>\n                  </tr>\n                ))}\n              </tbody>\n            </table>\n          </div>\n          <p className=\"text-xs text-muted-foreground\">\n            Average execution time uses selected messages with an elapsed time recorded.\n          </p>\n        </div>\n      </SolidDialogBody>\n    </>\n  );\n}\n"]}

package/dist/components/core/extension/solid-core/mqMessage/MqMessageSelectedRecordsSummaryHeaderAction.tsx

@@ -0,0 +1,89 @@
+import { useMemo } from "react";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../../redux/features/popupSlice";
+import {
+  SolidDialogBody,
+  SolidDialogClose,
+  SolidDialogHeader,
+  SolidDialogSeparator,
+  SolidDialogTitle,
+} from "../../../../shad-cn-ui";
+
+const STAGES = ["pending", "scheduled", "started", "retry", "retrying", "failed", "succeeded"];
+
+const formatDuration = (milliseconds: number | null) => {
+  if (milliseconds === null || !Number.isFinite(milliseconds)) return "—";
+  if (milliseconds < 1000) return `${Math.round(milliseconds)} ms`;
+  if (milliseconds < 60_000) return `${(milliseconds / 1000).toFixed(2)} s`;
+  return `${(milliseconds / 60_000).toFixed(2)} min`;
+};
+
+type Props = { selectedRecords?: any[] };
+
+export default function MqMessageSelectedRecordsSummaryHeaderAction({ selectedRecords = [] }: Props) {
+  const dispatch = useDispatch();
+  const stageSummaries = useMemo(() => STAGES.map((stage) => {
+    const records = selectedRecords.filter((record) => record?.stage === stage);
+    const durations = records
+      .map((record) => Number(record?.elapsedMillis))
+      .filter((duration) => Number.isFinite(duration) && duration >= 0);
+    const average = durations.length
+      ? durations.reduce((total, duration) => total + duration, 0) / durations.length
+      : null;
+    return { stage, count: records.length, average, measuredCount: durations.length };
+  }), [selectedRecords]);
+
+  const totalMeasured = stageSummaries.reduce((total, summary) => total + summary.measuredCount, 0);
+  const totalDuration = stageSummaries.reduce(
+    (total, summary) => total + (summary.average ?? 0) * summary.measuredCount,
+    0,
+  );
+  const averageDuration = totalMeasured ? totalDuration / totalMeasured : null;
+
+  return (
+    <>
+      <SolidDialogHeader>
+        <SolidDialogTitle>Selected queue messages</SolidDialogTitle>
+        <SolidDialogClose aria-label="Close" onClick={() => dispatch(closePopup())} />
+      </SolidDialogHeader>
+      <SolidDialogSeparator />
+      <SolidDialogBody>
+        <div className="space-y-4">
+          <div className="grid grid-cols-2 gap-3">
+            <div className="rounded-lg border p-4">
+              <div className="text-sm text-muted-foreground">Selected messages</div>
+              <div className="mt-1 text-2xl font-semibold">{selectedRecords.length}</div>
+            </div>
+            <div className="rounded-lg border p-4">
+              <div className="text-sm text-muted-foreground">Average execution time</div>
+              <div className="mt-1 text-2xl font-semibold">{formatDuration(averageDuration)}</div>
+            </div>
+          </div>
+          <div className="overflow-x-auto rounded-lg border">
+            <table className="w-full text-left text-sm">
+              <thead className="bg-muted/50">
+                <tr>
+                  <th className="px-4 py-3 font-medium">Status</th>
+                  <th className="px-4 py-3 text-right font-medium">Count</th>
+                  <th className="px-4 py-3 text-right font-medium">Avg. execution time</th>
+                </tr>
+              </thead>
+              <tbody>
+                {stageSummaries.map(({ stage, count, average }) => (
+                  <tr key={stage} className="border-t">
+                    <th scope="row" className="px-4 py-3 font-medium capitalize">{stage}</th>
+                    <td className="px-4 py-3 text-right tabular-nums">{count}</td>
+                    <td className="px-4 py-3 text-right tabular-nums">{formatDuration(average)}</td>
+                  </tr>
+                ))}
+              </tbody>
+            </table>
+          </div>
+          <p className="text-xs text-muted-foreground">
+            Average execution time uses selected messages with an elapsed time recorded.
+          </p>
+        </div>
+      </SolidDialogBody>
+    </>
+  );
+}

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

@@ -0,0 +1,3 @@
+import type { SolidKanbanCardActionProps } from "../../../../../../types/list-row-action";
+export default function MqMessageDetailsKanbanCardAction({ rowData, closePopup: popupClose, }: SolidKanbanCardActionProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=MqMessageDetailsKanbanCardAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageDetailsKanbanCardAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/kanban/MqMessageDetailsKanbanCardAction.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,0BAA0B,EAAE,MAAM,yCAAyC,CAAC;AAkB1F,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,EACvD,OAAO,EACP,UAAU,EAAE,UAAU,GACvB,EAAE,0BAA0B,2CA4B5B"}

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

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../../../redux/features/popupSlice";
+import { SolidButton, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, } from "../../../../../shad-cn-ui";
+var display = function (value) {
+    if (value === null || value === undefined || value === "")
+        return "—";
+    if (typeof value === "object")
+        return JSON.stringify(value);
+    return String(value);
+};
+export default function MqMessageDetailsKanbanCardAction(_a) {
+    var rowData = _a.rowData, popupClose = _a.closePopup;
+    var dispatch = useDispatch();
+    var close = function () { var _a; return (_a = popupClose === null || popupClose === void 0 ? void 0 : popupClose()) !== null && _a !== void 0 ? _a : dispatch(closePopup()); };
+    return (_jsxs(_Fragment, { children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Queue message details" }), _jsx(SolidDialogClose, { "aria-label": "Close" })] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsxs("dl", { className: "grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm", children: [_jsx("dt", { children: "Message ID" }), _jsx("dd", { className: "min-w-0 break-all", children: display(rowData === null || rowData === void 0 ? void 0 : rowData.messageId) }), _jsx("dt", { children: "Broker" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.messageBroker) }), _jsx("dt", { children: "Type" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.messageType) }), _jsx("dt", { children: "Stage" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.stage) }), _jsx("dt", { children: "Retries" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.retryCount) }), _jsx("dt", { children: "Started" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.startedAt) }), _jsx("dt", { children: "Finished" }), _jsx("dd", { children: display(rowData === null || rowData === void 0 ? void 0 : rowData.finishedAt) }), _jsx("dt", { children: "Error" }), _jsx("dd", { className: "min-w-0 whitespace-pre-wrap break-words", children: display(rowData === null || rowData === void 0 ? void 0 : rowData.error) })] }) }), _jsx(SolidDialogFooter, { children: _jsx(SolidButton, { type: "button", variant: "outline", onClick: close, children: "Close" }) })] }));
+}
+//# sourceMappingURL=MqMessageDetailsKanbanCardAction.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageDetailsKanbanCardAction.js","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/kanban/MqMessageDetailsKanbanCardAction.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAE1C,OAAO,EAAE,UAAU,EAAE,MAAM,6CAA6C,CAAC;AACzE,OAAO,EACL,WAAW,EACX,eAAe,EACf,gBAAgB,EAChB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,GACjB,MAAM,2BAA2B,CAAC;AAEnC,IAAM,OAAO,GAAG,UAAC,KAAc;IAC7B,IAAI,KAAK,KAAK,IAAI,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QAAE,OAAO,GAAG,CAAC;IACtE,IAAI,OAAO,KAAK,KAAK,QAAQ;QAAE,OAAO,IAAI,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC;IAC5D,OAAO,MAAM,CAAC,KAAK,CAAC,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,CAAC,OAAO,UAAU,gCAAgC,CAAC,EAG5B;QAF3B,OAAO,aAAA,EACK,UAAU,gBAAA;IAEtB,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,KAAK,GAAG,sBAAM,OAAA,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,EAAI,mCAAI,QAAQ,CAAC,UAAU,EAAE,CAAC,CAAA,EAAA,CAAC;IAE7D,OAAO,CACL,8BACE,MAAC,iBAAiB,eAChB,KAAC,gBAAgB,wCAAyC,EAC1D,KAAC,gBAAgB,kBAAY,OAAO,GAAG,IACrB,EACpB,KAAC,oBAAoB,KAAG,EACxB,KAAC,eAAe,cACd,cAAI,SAAS,EAAC,mDAAmD,aAC/D,sCAAmB,EAAA,aAAI,SAAS,EAAC,mBAAmB,YAAE,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,GAAM,EACvF,kCAAe,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,aAAa,CAAC,GAAM,EACzD,gCAAa,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,WAAW,CAAC,GAAM,EACrD,iCAAc,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,GAAM,EAChD,mCAAgB,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC,GAAM,EACvD,mCAAgB,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,CAAC,GAAM,EACtD,oCAAiB,EAAA,uBAAK,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,CAAC,GAAM,EACxD,iCAAc,EAAA,aAAI,SAAS,EAAC,yCAAyC,YAAE,OAAO,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,CAAC,GAAM,IACjG,GACW,EAClB,KAAC,iBAAiB,cAChB,KAAC,WAAW,IAAC,IAAI,EAAC,QAAQ,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,KAAK,sBAAqB,GAC9D,IACnB,CACJ,CAAC;AACJ,CAAC","sourcesContent":["import { useDispatch } from \"react-redux\";\nimport type { SolidKanbanCardActionProps } from \"../../../../../../types/list-row-action\";\nimport { closePopup } from \"../../../../../../redux/features/popupSlice\";\nimport {\n  SolidButton,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n} from \"../../../../../shad-cn-ui\";\n\nconst display = (value: unknown): string => {\n  if (value === null || value === undefined || value === \"\") return \"—\";\n  if (typeof value === \"object\") return JSON.stringify(value);\n  return String(value);\n};\n\nexport default function MqMessageDetailsKanbanCardAction({\n  rowData,\n  closePopup: popupClose,\n}: SolidKanbanCardActionProps) {\n  const dispatch = useDispatch();\n  const close = () => popupClose?.() ?? dispatch(closePopup());\n\n  return (\n    <>\n      <SolidDialogHeader>\n        <SolidDialogTitle>Queue message details</SolidDialogTitle>\n        <SolidDialogClose aria-label=\"Close\" />\n      </SolidDialogHeader>\n      <SolidDialogSeparator />\n      <SolidDialogBody>\n        <dl className=\"grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm\">\n          <dt>Message ID</dt><dd className=\"min-w-0 break-all\">{display(rowData?.messageId)}</dd>\n          <dt>Broker</dt><dd>{display(rowData?.messageBroker)}</dd>\n          <dt>Type</dt><dd>{display(rowData?.messageType)}</dd>\n          <dt>Stage</dt><dd>{display(rowData?.stage)}</dd>\n          <dt>Retries</dt><dd>{display(rowData?.retryCount)}</dd>\n          <dt>Started</dt><dd>{display(rowData?.startedAt)}</dd>\n          <dt>Finished</dt><dd>{display(rowData?.finishedAt)}</dd>\n          <dt>Error</dt><dd className=\"min-w-0 whitespace-pre-wrap break-words\">{display(rowData?.error)}</dd>\n        </dl>\n      </SolidDialogBody>\n      <SolidDialogFooter>\n        <SolidButton type=\"button\" variant=\"outline\" onClick={close}>Close</SolidButton>\n      </SolidDialogFooter>\n    </>\n  );\n}\n"]}

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

@@ -0,0 +1,51 @@
+import { useDispatch } from "react-redux";
+import type { SolidKanbanCardActionProps } from "../../../../../../types/list-row-action";
+import { closePopup } from "../../../../../../redux/features/popupSlice";
+import {
+  SolidButton,
+  SolidDialogBody,
+  SolidDialogClose,
+  SolidDialogFooter,
+  SolidDialogHeader,
+  SolidDialogSeparator,
+  SolidDialogTitle,
+} from "../../../../../shad-cn-ui";
+
+const display = (value: unknown): string => {
+  if (value === null || value === undefined || value === "") return "—";
+  if (typeof value === "object") return JSON.stringify(value);
+  return String(value);
+};
+
+export default function MqMessageDetailsKanbanCardAction({
+  rowData,
+  closePopup: popupClose,
+}: SolidKanbanCardActionProps) {
+  const dispatch = useDispatch();
+  const close = () => popupClose?.() ?? dispatch(closePopup());
+
+  return (
+    <>
+      <SolidDialogHeader>
+        <SolidDialogTitle>Queue message details</SolidDialogTitle>
+        <SolidDialogClose aria-label="Close" />
+      </SolidDialogHeader>
+      <SolidDialogSeparator />
+      <SolidDialogBody>
+        <dl className="grid grid-cols-[auto_1fr] gap-x-4 gap-y-2 text-sm">
+          <dt>Message ID</dt><dd className="min-w-0 break-all">{display(rowData?.messageId)}</dd>
+          <dt>Broker</dt><dd>{display(rowData?.messageBroker)}</dd>
+          <dt>Type</dt><dd>{display(rowData?.messageType)}</dd>
+          <dt>Stage</dt><dd>{display(rowData?.stage)}</dd>
+          <dt>Retries</dt><dd>{display(rowData?.retryCount)}</dd>
+          <dt>Started</dt><dd>{display(rowData?.startedAt)}</dd>
+          <dt>Finished</dt><dd>{display(rowData?.finishedAt)}</dd>
+          <dt>Error</dt><dd className="min-w-0 whitespace-pre-wrap break-words">{display(rowData?.error)}</dd>
+        </dl>
+      </SolidDialogBody>
+      <SolidDialogFooter>
+        <SolidButton type="button" variant="outline" onClick={close}>Close</SolidButton>
+      </SolidDialogFooter>
+    </>
+  );
+}

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

@@ -0,0 +1,10 @@
+type HeaderActionContext = {
+    params?: {
+        moduleName?: string;
+        modelName?: string;
+    };
+    closePopup?: () => void;
+};
+export default function MqMessageKanbanQuickFilterHeaderAction({ params, closePopup: popupClose, }: HeaderActionContext): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=MqMessageKanbanQuickFilterHeaderAction.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MqMessageKanbanQuickFilterHeaderAction.d.ts","sourceRoot":"","sources":["../../../../../../../src/components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanQuickFilterHeaderAction.tsx"],"names":[],"mappings":"AAeA,KAAK,mBAAmB,GAAG;IACzB,MAAM,CAAC,EAAE;QAAE,UAAU,CAAC,EAAE,MAAM,CAAC;QAAC,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC;IACrD,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC;AAIF,MAAM,CAAC,OAAO,UAAU,sCAAsC,CAAC,EAC7D,MAAM,EACN,UAAU,EAAE,UAAU,GACvB,EAAE,mBAAmB,2CAqFrB"}

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

@@ -0,0 +1,63 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState } from "react";
+import { useDispatch } from "react-redux";
+import { closePopup } from "../../../../../../redux/features/popupSlice";
+import { getKanbanView, getRegisteredKanbanViewIds } from "../../../../../../components/core/kanban/kanbanViewRegistry";
+import { SolidButton, SolidDialogBody, SolidDialogClose, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, } from "../../../../../shad-cn-ui";
+var STAGES = ["pending", "scheduled", "started", "retry", "retrying", "failed", "succeeded"];
+export default function MqMessageKanbanQuickFilterHeaderAction(_a) {
+    var params = _a.params, popupClose = _a.closePopup;
+    var dispatch = useDispatch();
+    var _b = useState([]), stages = _b[0], setStages = _b[1];
+    var _c = useState(""), messageBroker = _c[0], setMessageBroker = _c[1];
+    var _d = useState(""), messageType = _d[0], setMessageType = _d[1];
+    var close = function () {
+        if (popupClose)
+            popupClose();
+        else
+            dispatch(closePopup());
+    };
+    var getActiveKanbanView = function () {
+        var _a, _b;
+        var prefix = "page:".concat((_a = params === null || params === void 0 ? void 0 : params.moduleName) !== null && _a !== void 0 ? _a : "solid-core", ":").concat((_b = params === null || params === void 0 ? void 0 : params.modelName) !== null && _b !== void 0 ? _b : "mqMessage", ":");
+        var viewId = getRegisteredKanbanViewIds().find(function (id) { return id.startsWith(prefix); });
+        return viewId ? getKanbanView(viewId) : undefined;
+    };
+    var applyFilters = function () {
+        var predicate = {};
+        if (stages.length === 1)
+            predicate.stage = { $eq: stages[0] };
+        else if (stages.length > 1)
+            predicate.stage = { $in: stages };
+        if (messageBroker.trim())
+            predicate.messageBroker = { $eq: messageBroker.trim() };
+        if (messageType.trim())
+            predicate.messageType = { $eq: messageType.trim() };
+        var view = getActiveKanbanView();
+        if (!view)
+            return;
+        view.applyFilter({ custom_filter_predicate: predicate, replaceFilters: true });
+        close();
+    };
+    var clearFilters = function () {
+        var _a;
+        (_a = getActiveKanbanView()) === null || _a === void 0 ? void 0 : _a.applyFilter({ custom_filter_predicate: {}, replaceFilters: true });
+        close();
+    };
+    var toggleStage = function (stage) {
+        setStages(function (current) { return current.includes(stage)
+            ? current.filter(function (value) { return value !== stage; })
+            : __spreadArray(__spreadArray([], current, true), [stage], false); });
+    };
+    return (_jsxs(_Fragment, { children: [_jsxs(SolidDialogHeader, { children: [_jsx(SolidDialogTitle, { children: "Quick filter queue messages" }), _jsx(SolidDialogClose, { "aria-label": "Close" })] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "space-y-5", children: [_jsxs("fieldset", { children: [_jsx("legend", { className: "mb-2 text-sm font-semibold", children: "Stage" }), _jsx("div", { className: "grid grid-cols-2 gap-2 sm:grid-cols-3", children: STAGES.map(function (stage) { return (_jsxs("label", { className: "flex items-center gap-2 text-sm capitalize", children: [_jsx("input", { type: "checkbox", checked: stages.includes(stage), onChange: function () { return toggleStage(stage); } }), stage] }, stage)); }) })] }), _jsxs("label", { className: "block space-y-1 text-sm", children: [_jsx("span", { className: "font-semibold", children: "Message broker" }), _jsx(SolidInput, { value: messageBroker, onChange: function (event) { return setMessageBroker(event.target.value); }, placeholder: "Exact broker name" })] }), _jsxs("label", { className: "block space-y-1 text-sm", children: [_jsx("span", { className: "font-semibold", children: "Message type" }), _jsx(SolidInput, { value: messageType, onChange: function (event) { return setMessageType(event.target.value); }, placeholder: "Exact message type" })] }), _jsx("p", { className: "text-xs text-muted-foreground", children: "Selected filters are combined. Leave a field empty to ignore it." })] }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { type: "button", variant: "ghost", onClick: clearFilters, children: "Clear filters" }), _jsx(SolidButton, { type: "button", variant: "outline", onClick: close, children: "Cancel" }), _jsx(SolidButton, { type: "button", onClick: applyFilters, children: "Apply filters" })] })] }));
+}
+//# sourceMappingURL=MqMessageKanbanQuickFilterHeaderAction.js.map