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

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

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

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