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

package/dist/components/core/list/SolidListView.tsx

@@ -42,6 +42,7 @@ import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePa
 import { storeCurrentModelViewContext } from "../../../helpers/modelViewPersistence";
 import { getMediaTypeFromUrl } from "../../../helpers/mediaType";
 import { SolidListViewRowActionsMenu } from "./SolidListViewRowActionsMenu";
+import type { SolidListRowActionEvent } from "../../../types/list-row-action";
 import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus";
 import {
   getFilterObjectFromLocalStorage,
@@ -536,11 +537,9 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
   const [
     triggerRecoverSolidEntities,
     {
-      data: recoverByData,
       isLoading: recoverByIsLoading,
       error: recoverError,
       isError: recoverIsError,
-      isSuccess: recoverByIsSuccess,
     },
   ] = useRecoverSolidEntityMutation();
 
@@ -576,20 +575,13 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
     }
   }, [solidEntityListViewData]);
 
-  const [
-    deleteSolidSingleEntiry,
-    { isSuccess: isDeleteSolidSingleEntitySuccess },
-  ] = useDeleteSolidEntityMutation();
+  const [deleteSolidSingleEntiry] = useDeleteSolidEntityMutation();
 
   // Delete mutation
   const [
     deleteManySolidEntities,
     {
       isLoading: isSolidEntitiesDeleted,
-      isSuccess: isDeleteSolidEntitiesSucess,
-      isError: isSolidEntitiesDeleteError,
-      error: SolidEntitiesDeleteError,
-      data: DeletedSolidEntities,
     },
   ] = useDeleteMultipleSolidEntitiesMutation();
 
@@ -649,10 +641,6 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
       setQueryDataLoaded(true);
     }
   }, [
-    isDeleteSolidEntitiesSucess,
-    isDeleteSolidSingleEntitySuccess,
-    recoverByIdIsSuccess,
-    recoverByIsSuccess,
     solidListViewMetaData,
     solidListViewLayout
   ]);
@@ -1069,19 +1057,62 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
 
   const [selectedSolidViewData, setSelectedSolidViewData] = useState<any>();
   const [deleteEntity, setDeleteEntity] = useState(false);
+  const [pendingConfirmedRowAction, setPendingConfirmedRowAction] = useState<any>(null);
+
+  const handleRowActionClick = (button: any, rowData: any) => {
+    const event: SolidListRowActionEvent = {
+      params,
+      rowData,
+      solidListViewMetaData: solidListViewMetaData?.data,
+    };
+    if (button?.attrs?.confirmMessage) {
+      setPendingConfirmedRowAction({ attrs: button.attrs, event });
+      return;
+    }
+    handleCustomButtonClick(button.attrs, event);
+  };
+
+  const confirmCustomRowAction = async () => {
+    if (!pendingConfirmedRowAction) return;
+    const { attrs, event } = pendingConfirmedRowAction;
+    setPendingConfirmedRowAction(null);
+    try {
+      await Promise.resolve(handleCustomButtonClick(attrs, event));
+      dispatch(showToast({
+        severity: "success",
+        summary: attrs.successSummary || "Action completed",
+        detail: attrs.successMessage || `${attrs.label || "Action"} completed successfully.`,
+        life: 4000,
+      }));
+      await setQueryString();
+    } catch (error: any) {
+      dispatch(showToast({
+        severity: "error",
+        summary: "Action failed",
+        detail: error?.response?.data?.message || error?.response?.data?.error || error?.message || "The action could not be completed.",
+        life: 5000,
+      }));
+    }
+  };
 
   // Recover functions
-  const recoverById = (id: any) => {
-    triggerRecoverSolidEntitiesById(id);
+  const recoverById = async (id: any) => {
+    await triggerRecoverSolidEntitiesById(id).unwrap();
+    await setQueryString();
   };
 
-  const recoverAll = () => {
+  const recoverAll = async () => {
     let recoverList: any = [];
     selectedRecoverRecords.forEach((element: any) => {
       recoverList.push(element.id);
     });
-    triggerRecoverSolidEntities(recoverList);
-    setRecoverDialogVisible(false);
+    try {
+      await triggerRecoverSolidEntities(recoverList).unwrap();
+      setRecoverDialogVisible(false);
+      await setQueryString();
+    } catch {
+      setRecoverDialogVisible(false);
+    }
   };
 
   useEffect(() => {
@@ -1118,20 +1149,19 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
   };
 
   // handle bulk deletion
-  const deleteBulk = () => {
+  const deleteBulk = async () => {
     let deleteList: any = [];
     selectedRecords.forEach((element: any) => {
       deleteList.push(element.id);
     });
-    deleteManySolidEntities(deleteList)
-      .unwrap()
-      .then(() => {
-        dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
-        setDialogVisible(false);
-      })
-      .catch((error) => {
-        dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: error?.data?.message, life: 4000 }));
-      });
+    try {
+      await deleteManySolidEntities(deleteList).unwrap();
+      dispatch(showToast({ severity: 'success', summary: 'Deleted', detail: ERROR_MESSAGES.RECORD_DELETE, life: 3000 }));
+      setDialogVisible(false);
+      await setQueryString();
+    } catch (error: any) {
+      dispatch(showToast({ severity: 'error', summary: 'Delete Failed', detail: error?.data?.message, life: 4000 }));
+    }
   };
 
   // handle closing of the delete dialog...
@@ -1343,6 +1373,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
       if (response?.data?.statusCode === 200) {
         setDeleteEntity(false);
         dispatch(showToast({ severity: "success", summary: ERROR_MESSAGES.DELETED, detail: ERROR_MESSAGES.ENTITY_DELETE, life: 3000 }));
+        await setQueryString();
       } else {
         dispatch(showToast({ severity: "error", summary: ERROR_MESSAGES.DELETE_FAIELD, detail: response?.error?.data?.error }));
       }
@@ -1625,6 +1656,24 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
                     sortMode="single"
                     paginatorTemplate="RowsPerPageDropdown CurrentPageReport PrevPageLink NextPageLink"
                     currentPageReportTemplate="{first} - {last} of {totalRecords}"
+                    paginatorLeft={params.embeded !== true ? (
+                      <div className="solid-list-selection-status" aria-live="polite">
+                        <span>{selectedRecords.length + selectedRecoverRecords.length} selected</span>
+                        {selectedRecords.length + selectedRecoverRecords.length > 0 && (
+                          <button
+                            type="button"
+                            className="solid-list-selection-clear"
+                            onClick={() => {
+                              setSelectedRecords([]);
+                              setSelectedRecoverRecords([]);
+                            }}
+                            aria-label="Clear selected rows"
+                          >
+                            Clear
+                          </button>
+                        )}
+                      </div>
+                    ) : null}
                     onRowClick={(e) => {
                       const rowData = e.data;
 
@@ -1643,8 +1692,9 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
                       if (params.embeded === true) {
                         params.handleEditClickForEmbeddedView(rowData?.id);
                       } else {
+                        const effectiveViewMode = hasUpdatePermission ? recordClickFormMode : "view";
                         storeCurrentModelViewContext();
-                        router.push(`${editBaseUrl}/${rowData?.id}?viewMode=${recordClickFormMode}&${buildEditNavigationQueryString(rowData)}`);
+                        router.push(`${editBaseUrl}/${rowData?.id}?viewMode=${effectiveViewMode}&${buildEditNavigationQueryString(rowData)}`);
                       }
                     }
                     }
@@ -1682,6 +1732,11 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
                               body={(rowData) => {
                                 return (
                                   (() => {
+                                    const allowedRowStates = button?.attrs?.visibleWhenFieldIn;
+                                    const currentRowState = rowData?.[button?.attrs?.visibleWhenField];
+                                    if (Array.isArray(allowedRowStates) && allowedRowStates.length > 0 &&
+                                      currentRowState !== undefined && currentRowState !== null && currentRowState !== "" &&
+                                      !allowedRowStates.includes(String(currentRowState))) return null;
                                     const presentation = resolveButtonPresentation(button?.attrs);
                                     if (!presentation.showIcon && !presentation.showLabel) return null;
                                     return (
@@ -1700,13 +1755,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
                                         size="small"
                                         variant="ghost"
                                         onClick={() => {
-                                          const event = {
-                                            params,
-                                            rowData: rowData,
-                                            solidListViewMetaData:
-                                              solidListViewMetaData?.data,
-                                          };
-                                          handleCustomButtonClick(button.attrs, event);
+                                          handleRowActionClick(button, rowData);
                                         }}
                                       />
                                     );
@@ -1864,6 +1913,16 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
           )}
         </div>
       </div>
+      <SolidConfirmDialog
+        open={Boolean(pendingConfirmedRowAction)}
+        onCancel={() => setPendingConfirmedRowAction(null)}
+        onConfirm={() => void confirmCustomRowAction()}
+        title={pendingConfirmedRowAction?.attrs?.confirmTitle || "Confirm action"}
+        message={<p className="solid-shadcn-dialog-text">{pendingConfirmedRowAction?.attrs?.confirmMessage}</p>}
+        confirmLabel={pendingConfirmedRowAction?.attrs?.confirmLabel || "Confirm"}
+        cancelLabel="Cancel"
+        className="solid-shadcn-confirm-dialog"
+      />
       <SolidConfirmDialog
         open={isDialogVisible}
         onCancel={onDeleteClose}

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderContextMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"AAOA,eAAO,MAAM,oCAAoC,mHAAoH,GAAG,mDAyCvK,CAAC"}
+{"version":3,"file":"SolidListViewHeaderContextMenuButton.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"AASA,eAAO,MAAM,oCAAoC,mHAAoH,GAAG,mDAoDvK,CAAC"}

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.js

@@ -3,12 +3,15 @@ import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
 import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
 import { useSession } from "../../../hooks/useSession";
+import { useDispatch } from "react-redux";
+import { showToast } from "../../../redux/features/toastSlice";
 import { SolidDropdownMenuItem } from "../../shad-cn-ui";
 import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
 export var SolidListViewHeaderContextMenuButton = function (_a) {
     var _b, _c, _d, _e, _f, _g, _h;
     var button = _a.button, params = _a.params, solidListViewMetaData = _a.solidListViewMetaData, handleCustomButtonClick = _a.handleCustomButtonClick, selectedRecords = _a.selectedRecords, filters = _a.filters, onActionComplete = _a.onActionComplete;
     var _j = useSession(), session = _j.data, status = _j.status;
+    var dispatch = useDispatch();
     var user = session === null || session === void 0 ? void 0 : session.user;
     var hasRole = !((_b = button === null || button === void 0 ? void 0 : button.attrs) === null || _b === void 0 ? void 0 : _b.roles) || ((_c = button === null || button === void 0 ? void 0 : button.attrs) === null || _c === void 0 ? void 0 : _c.roles.length) === 0 ? true : hasAnyRole(user === null || user === void 0 ? void 0 : user.roles, (_d = button === null || button === void 0 ? void 0 : button.attrs) === null || _d === void 0 ? void 0 : _d.roles);
     var presentation = resolveButtonPresentation(button === null || button === void 0 ? void 0 : button.attrs);
@@ -27,6 +30,17 @@ export var SolidListViewHeaderContextMenuButton = function (_a) {
     if (!presentation.showIcon && !presentation.showLabel)
         return null;
     return (_jsxs(SolidDropdownMenuItem, { className: "solid-header-dropdown-item ".concat((_e = presentation.buttonClassName) !== null && _e !== void 0 ? _e : ""), onSelect: function () {
+            var _a;
+            if (((_a = button === null || button === void 0 ? void 0 : button.attrs) === null || _a === void 0 ? void 0 : _a.requiresSelection) === true && selectedRecords.length === 0) {
+                dispatch(showToast({
+                    severity: "info",
+                    summary: "Select queue messages",
+                    detail: "Select at least one message before opening the summary.",
+                    life: 3500,
+                }));
+                onActionComplete === null || onActionComplete === void 0 ? void 0 : onActionComplete();
+                return;
+            }
             var event = {
                 params: params,
                 solidListViewMetaData: solidListViewMetaData.data,

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewHeaderContextMenuButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport { SolidDropdownMenuItem } from \"../../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n    const presentation = resolveButtonPresentation(button?.attrs);\n    const iconNode = presentation.showIcon\n        ? (() => {\n            const m = parseSolidIconMeta(presentation.icon);\n            return m\n                ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-header-action-button-icon\" />\n                : <i className={`${presentation.icon} solid-header-action-button-icon`} />;\n        })()\n        : null;\n\n    if (!hasRole) return null;\n    if (!isButtonVisibleInCurrentEnv(button?.attrs)) return null;\n    if (!presentation.showIcon && !presentation.showLabel) return null;\n\n    return (\n        <SolidDropdownMenuItem\n            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? \"\"}`}\n            onSelect={() => {\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                    selectedRecords,\n                    filters,\n                };\n                handleCustomButtonClick(button.attrs, event);\n                onActionComplete?.();\n            }}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\") : undefined}\n        >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel ? <span className=\"solid-header-action-button-label\">{presentation.label}</span> : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n        </SolidDropdownMenuItem>\n    );\n};\n"]}
+{"version":3,"file":"SolidListViewHeaderContextMenuButton.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewHeaderContextMenuButton.tsx"],"names":[],"mappings":"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","sourcesContent":["import { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { isButtonVisibleInCurrentEnv } from \"../../../helpers/buttonEnvironment\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { useSession } from \"../../../hooks/useSession\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../redux/features/toastSlice\";\nimport { SolidDropdownMenuItem } from \"../../shad-cn-ui\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const dispatch = useDispatch();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n    const presentation = resolveButtonPresentation(button?.attrs);\n    const iconNode = presentation.showIcon\n        ? (() => {\n            const m = parseSolidIconMeta(presentation.icon);\n            return m\n                ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-header-action-button-icon\" />\n                : <i className={`${presentation.icon} solid-header-action-button-icon`} />;\n        })()\n        : null;\n\n    if (!hasRole) return null;\n    if (!isButtonVisibleInCurrentEnv(button?.attrs)) return null;\n    if (!presentation.showIcon && !presentation.showLabel) return null;\n\n    return (\n        <SolidDropdownMenuItem\n            className={`solid-header-dropdown-item ${presentation.buttonClassName ?? \"\"}`}\n            onSelect={() => {\n                if (button?.attrs?.requiresSelection === true && selectedRecords.length === 0) {\n                    dispatch(showToast({\n                        severity: \"info\",\n                        summary: \"Select queue messages\",\n                        detail: \"Select at least one message before opening the summary.\",\n                        life: 3500,\n                    }));\n                    onActionComplete?.();\n                    return;\n                }\n                const event = {\n                    params,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                    selectedRecords,\n                    filters,\n                };\n                handleCustomButtonClick(button.attrs, event);\n                onActionComplete?.();\n            }}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\") : undefined}\n        >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel ? <span className=\"solid-header-action-button-label\">{presentation.label}</span> : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n        </SolidDropdownMenuItem>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewHeaderContextMenuButton.tsx

@@ -2,12 +2,15 @@ import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { isButtonVisibleInCurrentEnv } from "../../../helpers/buttonEnvironment";
 import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
 import { useSession } from "../../../hooks/useSession";
+import { useDispatch } from "react-redux";
+import { showToast } from "../../../redux/features/toastSlice";
 import { SolidDropdownMenuItem } from "../../shad-cn-ui";
 import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
 
 export const SolidListViewHeaderContextMenuButton = ({ button, params, solidListViewMetaData, handleCustomButtonClick, selectedRecords, filters, onActionComplete }: any) => {
 
     const { data: session, status } = useSession();
+    const dispatch = useDispatch();
     const user = session?.user;
 
     const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);
@@ -29,6 +32,16 @@ export const SolidListViewHeaderContextMenuButton = ({ button, params, solidList
         <SolidDropdownMenuItem
             className={`solid-header-dropdown-item ${presentation.buttonClassName ?? ""}`}
             onSelect={() => {
+                if (button?.attrs?.requiresSelection === true && selectedRecords.length === 0) {
+                    dispatch(showToast({
+                        severity: "info",
+                        summary: "Select queue messages",
+                        detail: "Select at least one message before opening the summary.",
+                        life: 3500,
+                    }));
+                    onActionComplete?.();
+                    return;
+                }
                 const event = {
                     params,
                     solidListViewMetaData: solidListViewMetaData.data,

package/dist/components/core/list/SolidListViewRowActionMenuItem.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewRowActionMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":"AAKA,eAAO,MAAM,8BAA8B,kGAAmG,GAAG,mDAgDhJ,CAAC"}
+{"version":3,"file":"SolidListViewRowActionMenuItem.d.ts","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":"AAMA,eAAO,MAAM,8BAA8B,kGAAmG,GAAG,mDAgDhJ,CAAC"}

package/dist/components/core/list/SolidListViewRowActionMenuItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidListViewRowActionMenuItem.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\n\nexport const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n    const presentation = resolveButtonPresentation(button?.attrs);\n    const iconNode = presentation.showIcon\n        ? (() => {\n            const m = parseSolidIconMeta(presentation.icon);\n            return m\n                ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" />\n                : <i className={`${presentation.icon} solid-row-action-button-icon`} />;\n        })()\n        : null;\n\n    if (!hasRole) return null;\n    if (!presentation.showIcon && !presentation.showLabel) return null;\n\n    return (\n        <button\n            type=\"button\"\n            className={`solid-row-action-button ${presentation.buttonClassName ? presentation.buttonClassName : ''}`}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\") : undefined}\n            onClick={() => {\n                const event = {\n                    params,\n                    rowData: rowData,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n\n                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy\n\n                // Conditionally add popupWidth for specific actions\n                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {\n                    modifiedButtonAttrs.popupWidth = '30vw';\n                }\n\n                handleCustomButtonClick(modifiedButtonAttrs, event);\n                onActionComplete?.();\n            }}\n        >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel ? <span className=\"solid-row-action-button-label\">{presentation.label}</span> : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n        </button>\n    );\n};\n"]}
+{"version":3,"file":"SolidListViewRowActionMenuItem.js","sourceRoot":"","sources":["../../../../src/components/core/list/SolidListViewRowActionMenuItem.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useSession } from \"../../../hooks/useSession\";\nimport { hasAnyRole } from \"../../../helpers/rolesHelper\";\nimport { resolveButtonPresentation } from \"../../../helpers/buttonPresentation\";\nimport { SolidIcon, parseSolidIconMeta } from \"../../shad-cn-ui/SolidIcon\";\nimport type { SolidListRowActionEvent } from \"../../../types/list-row-action\";\n\nexport const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {\n\n    const { data: session, status } = useSession();\n    const user = session?.user;\n\n    const hasRole = !button?.attrs?.roles || button?.attrs?.roles.length === 0 ? true : hasAnyRole(user?.roles, button?.attrs?.roles);\n    const presentation = resolveButtonPresentation(button?.attrs);\n    const iconNode = presentation.showIcon\n        ? (() => {\n            const m = parseSolidIconMeta(presentation.icon);\n            return m\n                ? <SolidIcon name={m.name} spin={m.spin} className=\"solid-row-action-button-icon\" />\n                : <i className={`${presentation.icon} solid-row-action-button-icon`} />;\n        })()\n        : null;\n\n    if (!hasRole) return null;\n    if (!presentation.showIcon && !presentation.showLabel) return null;\n\n    return (\n        <button\n            type=\"button\"\n            className={`solid-row-action-button ${presentation.buttonClassName ? presentation.buttonClassName : ''}`}\n            title={presentation.tooltip}\n            aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? \"Action\") : undefined}\n            onClick={() => {\n                const event: SolidListRowActionEvent = {\n                    params,\n                    rowData: rowData,\n                    solidListViewMetaData: solidListViewMetaData.data,\n                };\n\n                const modifiedButtonAttrs = { ...button.attrs }; // Create a copy\n\n                // Conditionally add popupWidth for specific actions\n                if (modifiedButtonAttrs.action === 'GenerateModelCodeRowAction' || modifiedButtonAttrs.action === 'GenerateModuleCodeRowAction') {\n                    modifiedButtonAttrs.popupWidth = '30vw';\n                }\n\n                handleCustomButtonClick(modifiedButtonAttrs, event);\n                onActionComplete?.();\n            }}\n        >\n            {presentation.iconPos === \"left\" ? iconNode : null}\n            {presentation.showLabel ? <span className=\"solid-row-action-button-label\">{presentation.label}</span> : null}\n            {presentation.iconPos === \"right\" ? iconNode : null}\n        </button>\n    );\n};\n"]}

package/dist/components/core/list/SolidListViewRowActionMenuItem.tsx

@@ -2,6 +2,7 @@ import { useSession } from "../../../hooks/useSession";
 import { hasAnyRole } from "../../../helpers/rolesHelper";
 import { resolveButtonPresentation } from "../../../helpers/buttonPresentation";
 import { SolidIcon, parseSolidIconMeta } from "../../shad-cn-ui/SolidIcon";
+import type { SolidListRowActionEvent } from "../../../types/list-row-action";
 
 export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidListViewMetaData, handleCustomButtonClick, onActionComplete }: any) => {
 
@@ -29,7 +30,7 @@ export const SolidListViewRowActionMenuItem = ({ button, params, rowData, solidL
             title={presentation.tooltip}
             aria-label={presentation.isIconOnly ? (presentation.tooltip ?? button?.attrs?.action ?? "Action") : undefined}
             onClick={() => {
-                const event = {
+                const event: SolidListRowActionEvent = {
                     params,
                     rowData: rowData,
                     solidListViewMetaData: solidListViewMetaData.data,

package/dist/components/core/list/columns/SolidMediaMultipleColumn.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAqF9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDAwI1I,CAAC"}
+{"version":3,"file":"SolidMediaMultipleColumn.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAE,yBAAyB,EAAE,MAAM,wBAAwB,CAAC;AACnE,OAAO,EAAE,8BAA8B,EAAE,MAAM,8BAA8B,CAAC;AAqF9E,QAAA,MAAM,wBAAwB,uFAAwF,yBAAyB,4CAmC9I,CAAC;AAEF,eAAe,wBAAwB,CAAC;AAGxC,eAAO,MAAM,8BAA8B,iEAAkE,8BAA8B,mDAyI1I,CAAC"}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js

@@ -90,6 +90,7 @@ export var DefaultMediaMultipleListWidget = function (_a) {
         if (isArchivedRecord)
             return;
         if (isLightboxMediaKind(file === null || file === void 0 ? void 0 : file.previewKind)) {
+            setShowAllFiles(false);
             setLightboxUrls === null || setLightboxUrls === void 0 ? void 0 : setLightboxUrls([{
                     src: file.fileUrl,
                     downloadUrl: file.fileUrl,

package/dist/components/core/list/columns/SolidMediaMultipleColumn.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, SolidIcon } from \"../../../shad-cn-ui\";\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\nimport { getMediaPreviewKind, isLightboxMediaKind, type MediaPreviewKind } from '../../../../helpers/mediaType';\nimport { openMediaInNewTab } from '../../../../helpers/mediaUrl';\nimport { downloadMediaFile } from '../../../../helpers/downloadMediaFile';\nimport styles from \"../../form/fields/solidFields.module.css\";\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({\n    src,\n    fileName,\n    previewKind,\n    onClick\n}: {\n    src: string;\n    fileName?: string;\n    previewKind: MediaPreviewKind;\n    onClick: (event: React.MouseEvent) => void\n}) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (previewKind === \"image\") {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (previewKind === \"video\") {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"rounded shadow-md\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (previewKind === \"audio\") {\n            return (\n                <div\n                    className=\"flex items-center justify-center rounded bg-gray-100 shadow-md\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} fileName={fileName} size={24} />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const isArchivedRecord = rowData?.deletedAt !== null && rowData?.deletedAt !== undefined;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file?._full_url,\n        previewKind: getMediaPreviewKind({\n            url: file?._full_url,\n            fileName: file?.originalFileName,\n            mimeType: file?.mimeType,\n        })\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        if (isArchivedRecord) return;\n\n        if (isLightboxMediaKind(file?.previewKind)) {\n            setLightboxUrls?.([{\n                src: file.fileUrl,\n                downloadUrl: file.fileUrl,\n                type: file.previewKind === \"video\" ? \"video\" : undefined\n            }]);\n            setOpenLightbox?.(true);\n            return;\n        }\n\n        openMediaInNewTab(file?.fileUrl);\n    };\n\n    const renderMediaFileCard = (file: any, className = \"\") => (\n        <div className={`${styles.mediaAttachmentCard} ${className}`.trim()}>\n            <div className={`${styles.mediaAttachmentRow} flex items-center md:gap-2`}>\n                <FileReaderExt fileDetails={file} />\n                <div className={`${styles.mediaAttachmentMeta} w-full`}>\n                    <div className=\"flex items-start justify-between gap-4\">\n                        <button\n                            type=\"button\"\n                            className={styles.mediaAttachmentName}\n                            onClick={() => handleFileView(file)}\n                            title={file.name}\n                        >\n                            {file.name}\n                        </button>\n                        <div className={`${styles.mediaAttachmentActions} flex items-center md:gap-2`}>\n                            <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn\"\n                                aria-label=\"Download file\"\n                                onClick={(event) => {\n                                    event.preventDefault();\n                                    event.stopPropagation();\n                                    if (isArchivedRecord) return;\n                                    downloadMediaFile(file?.fileUrl, file?.name);\n                                }}\n                            >\n                                <SolidIcon name=\"si-download\" aria-hidden />\n                            </button>\n                        </div>\n                    </div>\n                    <div className={styles.mediaAttachmentSize}>\n                        {formatFileSize(file.size)}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex items-end gap-2'>\n\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                fileName={fullrecord[0]?.name}\n                previewKind={fullrecord[0]?.previewKind}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleFileView(fullrecord[0]);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    if (isArchivedRecord) return;\n                    setShowAllFiles(true);\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                    {fullrecord?.map((file: any, index: number) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className={index === fullrecord.length - 1 ? \"\" : \"mb-3\"}>\n                                {renderMediaFileCard(file)}\n                            </div>\n                        )\n                    })}\n                </SolidDialogBody>\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}
+{"version":3,"file":"SolidMediaMultipleColumn.js","sourceRoot":"","sources":["../../../../../src/components/core/list/columns/SolidMediaMultipleColumn.tsx"],"names":[],"mappings":"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","sourcesContent":["\nimport React, { useState } from 'react';\nimport { Volume2 } from \"lucide-react\";\nimport { Column } from \"../SolidDataTable\";\nimport { SolidListViewColumnParams } from '../SolidListViewColumn';\nimport { SolidMediaListFieldWidgetProps } from '../../../../types/solid-core';\nimport { getExtensionComponent } from '../../../../helpers/registry';\nimport { FileReaderExt } from '../../../../components/common/FileReaderExt';\nimport { SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogHeader, SolidDialogTitle, SolidIcon } from \"../../../shad-cn-ui\";\nimport { SolidFileTypeIcon } from '../../../../helpers/fileTypeIcon';\nimport { getMediaPreviewKind, isLightboxMediaKind, type MediaPreviewKind } from '../../../../helpers/mediaType';\nimport { openMediaInNewTab } from '../../../../helpers/mediaUrl';\nimport { downloadMediaFile } from '../../../../helpers/downloadMediaFile';\nimport styles from \"../../form/fields/solidFields.module.css\";\n\n\n\n// Thumbnail preview component\nconst MediaPreview = ({\n    src,\n    fileName,\n    previewKind,\n    onClick\n}: {\n    src: string;\n    fileName?: string;\n    previewKind: MediaPreviewKind;\n    onClick: (event: React.MouseEvent) => void\n}) => {\n    const [isBroken, setIsBroken] = useState(false);\n\n    const handleClick = (event: React.MouseEvent) => {\n        onClick(event);\n    };\n\n    if (!isBroken) {\n        if (previewKind === \"image\") {\n            return (\n                <img\n                    src={src}\n                    alt=\"media\"\n                    className=\"rounded shadow-md\"\n                    width={40}\n                    height={40}\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                />\n            );\n        }\n\n        if (previewKind === \"video\") {\n            return (\n                <video\n                    src={src}\n                    width={40}\n                    height={40}\n                    className=\"rounded shadow-md\"\n                    style={{ objectFit: \"cover\" }}\n                    onError={() => setIsBroken(true)}\n                    onClick={handleClick}\n                    muted\n                />\n            );\n        }\n\n        if (previewKind === \"audio\") {\n            return (\n                <div\n                    className=\"flex items-center justify-center rounded bg-gray-100 shadow-md\"\n                    style={{ width: 40, height: 40 }}\n                    onClick={handleClick}\n                >\n                    <Volume2 size={18} className=\"text-gray-600\" />\n                </div>\n            );\n        }\n    }\n\n    return (\n        <div\n            style={{ width: 40, height: 40, display: \"flex\", alignItems: \"center\", justifyContent: \"center\" }}\n            onClick={handleClick}\n        >\n            <SolidFileTypeIcon fileUrl={src} fileName={fileName} size={24} />\n        </div>\n    );\n};\n\n\nconst SolidMediaMultipleColumn = ({ solidListViewMetaData, fieldMetadata, column, setLightboxUrls, setOpenLightbox }: SolidListViewColumnParams) => {\n    const header = column.attrs.label ?? fieldMetadata.displayName;\n\n    return (\n        <Column\n            key={fieldMetadata.name}\n            field={fieldMetadata.name}\n            header={header}\n            body={(rowData) => {\n                let viewWidget = column.attrs.viewWidget;\n                if (!viewWidget) {\n                    viewWidget = 'DefaultMediaMultipleListWidget';\n                }\n                let DynamicWidget = getExtensionComponent(viewWidget);\n                const widgetProps: SolidMediaListFieldWidgetProps = {\n                    rowData,\n                    solidListViewMetaData,\n                    fieldMetadata,\n                    column,\n                    setLightboxUrls,\n                    setOpenLightbox\n                }\n                return (\n                    <>\n                        {\n                            DynamicWidget && <DynamicWidget {...widgetProps} />\n                        }\n                    </>\n                )\n            }}\n            sortable={column.attrs.sortable}\n            style={{ minWidth: \"12rem\" }}\n            headerClassName=\"table-header-fs\"\n        />\n    );\n};\n\nexport default SolidMediaMultipleColumn;\n\n// Default multiple widget\nexport const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLightboxUrls, setOpenLightbox }: SolidMediaListFieldWidgetProps) => {\n    const [isShowAllFiles, setShowAllFiles] = useState(false);\n\n    if (!rowData?._media?.[fieldMetadata.name]) return null;\n    const isArchivedRecord = rowData?.deletedAt !== null && rowData?.deletedAt !== undefined;\n\n    const fullrecord = rowData._media[fieldMetadata.name]?.map((file: any) => ({\n        name: file.originalFileName,\n        type: file.mimeType,\n        size: file.fileSize,\n        id: file.id,\n        fileUrl: file?._full_url,\n        previewKind: getMediaPreviewKind({\n            url: file?._full_url,\n            fileName: file?.originalFileName,\n            mimeType: file?.mimeType,\n        })\n    }));\n\n\n    const formatFileSize = (size: number) =>\n        size >= 1024 * 1024 ? `${(size / (1024 * 1024)).toFixed(1)} MB` : `${(size / 1024).toFixed(1)} KB`;\n\n\n    const handleFileView = (file: any) => {\n        if (isArchivedRecord) return;\n\n        if (isLightboxMediaKind(file?.previewKind)) {\n            setShowAllFiles(false);\n            setLightboxUrls?.([{\n                src: file.fileUrl,\n                downloadUrl: file.fileUrl,\n                type: file.previewKind === \"video\" ? \"video\" : undefined\n            }]);\n            setOpenLightbox?.(true);\n            return;\n        }\n\n        openMediaInNewTab(file?.fileUrl);\n    };\n\n    const renderMediaFileCard = (file: any, className = \"\") => (\n        <div className={`${styles.mediaAttachmentCard} ${className}`.trim()}>\n            <div className={`${styles.mediaAttachmentRow} flex items-center md:gap-2`}>\n                <FileReaderExt fileDetails={file} />\n                <div className={`${styles.mediaAttachmentMeta} w-full`}>\n                    <div className=\"flex items-start justify-between gap-4\">\n                        <button\n                            type=\"button\"\n                            className={styles.mediaAttachmentName}\n                            onClick={() => handleFileView(file)}\n                            title={file.name}\n                        >\n                            {file.name}\n                        </button>\n                        <div className={`${styles.mediaAttachmentActions} flex items-center md:gap-2`}>\n                            <button\n                                type=\"button\"\n                                className=\"solid-file-icon-btn\"\n                                aria-label=\"Download file\"\n                                onClick={(event) => {\n                                    event.preventDefault();\n                                    event.stopPropagation();\n                                    if (isArchivedRecord) return;\n                                    downloadMediaFile(file?.fileUrl, file?.name);\n                                }}\n                            >\n                                <SolidIcon name=\"si-download\" aria-hidden />\n                            </button>\n                        </div>\n                    </div>\n                    <div className={styles.mediaAttachmentSize}>\n                        {formatFileSize(file.size)}\n                    </div>\n                </div>\n            </div>\n        </div>\n    );\n\n\n    return fullrecord.length > 0 ? (\n        <div className='flex items-end gap-2'>\n\n            <MediaPreview\n                src={fullrecord[0]?.fileUrl}\n                fileName={fullrecord[0]?.name}\n                previewKind={fullrecord[0]?.previewKind}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    handleFileView(fullrecord[0]);\n                }}\n            />\n\n            {fullrecord?.length > 1 && <span\n                style={{\n                    color: \"#0895CD\",\n                    fontWeight: \"bold\",\n                    cursor: \"pointer\",\n                    marginLeft: \"4px\"\n                }}\n                onClick={(event) => {\n                    event.stopPropagation();\n                    if (isArchivedRecord) return;\n                    setShowAllFiles(true);\n                }}\n            >\n                +{fullrecord.length - 1}\n            </span>\n            }\n\n\n\n            {/* VIEW ALL DIALOG */}\n            <SolidDialog\n                open={isShowAllFiles}\n                onOpenChange={setShowAllFiles}\n                style={{ minWidth: 450 }}\n            >\n                <SolidDialogHeader>\n                    <SolidDialogTitle>Items Uploaded</SolidDialogTitle>\n                    <SolidDialogClose />\n                </SolidDialogHeader>\n                <SolidDialogBody>\n                    {fullrecord?.map((file: any, index: number) => {\n                        const fileId = `${file.name}-${file.size}`;\n                        return (\n                            <div key={fileId} className={index === fullrecord.length - 1 ? \"\" : \"mb-3\"}>\n                                {renderMediaFileCard(file)}\n                            </div>\n                        )\n                    })}\n                </SolidDialogBody>\n            </SolidDialog>\n        </div>\n    ) : (\n        <div style={{ height: 40, width: 40 }} />\n    );\n};\n"]}

package/dist/components/core/list/columns/SolidMediaMultipleColumn.tsx

@@ -156,6 +156,7 @@ export const DefaultMediaMultipleListWidget = ({ rowData, fieldMetadata, setLigh
         if (isArchivedRecord) return;
 
         if (isLightboxMediaKind(file?.previewKind)) {
+            setShowAllFiles(false);
             setLightboxUrls?.([{
                 src: file.fileUrl,
                 downloadUrl: file.fileUrl,

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProcessNeedsRestartListWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/AgentProcessNeedsRestartListWidget.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAKzE,wBAAgB,kCAAkC,CAAC,EAAE,OAAO,EAAE,EAAE,yBAAyB,2CAoDxF"}

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

@@ -0,0 +1,51 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from "react";
+import { CircleAlert } from "lucide-react";
+import { listAgentHubProcesses } from "../../solid-agent/processes/agentHubProcessApi";
+export function AgentProcessNeedsRestartListWidget(_a) {
+    var _b, _c;
+    var rowData = _a.rowData;
+    var _d = useState(null), restartNeeded = _d[0], setRestartNeeded = _d[1];
+    var _e = useState(null), managerError = _e[0], setManagerError = _e[1];
+    var processId = String((_b = rowData === null || rowData === void 0 ? void 0 : rowData.processId) !== null && _b !== void 0 ? _b : "");
+    var isReady = String((_c = rowData === null || rowData === void 0 ? void 0 : rowData.status) !== null && _c !== void 0 ? _c : "").toLowerCase() === "ready";
+    useEffect(function () {
+        if (!isReady) {
+            setRestartNeeded(false);
+            setManagerError(null);
+            return;
+        }
+        var alive = true;
+        var load = function () {
+            void listAgentHubProcesses(true).then(function (processes) {
+                if (!alive)
+                    return;
+                var process = processes.find(function (item) { return String(item.id) === processId; });
+                setRestartNeeded((process === null || process === void 0 ? void 0 : process.restartNeeded) === true);
+                setManagerError(null);
+            }).catch(function (error) {
+                var _a;
+                if (!alive)
+                    return;
+                setRestartNeeded(null);
+                setManagerError(((_a = error === null || error === void 0 ? void 0 : error.response) === null || _a === void 0 ? void 0 : _a.status) === 403 ? "Manager access denied" : "Manager unavailable");
+            });
+        };
+        load();
+        var refreshTimer = window.setInterval(load, 15000);
+        window.addEventListener("agent-process-manager-updated", load);
+        return function () {
+            alive = false;
+            window.clearInterval(refreshTimer);
+            window.removeEventListener("agent-process-manager-updated", load);
+        };
+    }, [isReady, processId]);
+    return (_jsxs("div", { className: "flex min-w-0 flex-col items-start gap-1", style: { maxWidth: "28ch" }, children: [_jsx("span", { title: processId, style: { maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }, children: processId || "—" }), isReady && restartNeeded && (_jsxs("span", { title: "This process is running an older agent configuration.", style: {
+                    display: "inline-flex", alignItems: "center", gap: ".25rem", borderRadius: 999,
+                    padding: ".12rem .45rem", color: "#92400e", background: "#fef3c7",
+                    fontSize: ".7rem", fontWeight: 600, lineHeight: 1.3,
+                }, children: [_jsx(CircleAlert, { size: 12 }), " Needs Restart"] })), managerError && _jsx("span", { title: "Check the AgentHub manager URL and its configured administrator roles.", style: {
+                    color: "var(--muted-foreground)", fontSize: ".7rem", lineHeight: 1.3,
+                }, children: managerError })] }));
+}
+//# sourceMappingURL=AgentProcessNeedsRestartListWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AgentProcessNeedsRestartListWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/AgentProcessNeedsRestartListWidget.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { CircleAlert } from \"lucide-react\";\nimport { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { listAgentHubProcesses } from \"../../solid-agent/processes/agentHubProcessApi\";\n\ntype RuntimeProcess = { id: string; restartNeeded?: boolean };\n\nexport function AgentProcessNeedsRestartListWidget({ rowData }: SolidListFieldWidgetProps) {\n  const [restartNeeded, setRestartNeeded] = useState<boolean | null>(null);\n  const [managerError, setManagerError] = useState<string | null>(null);\n  const processId = String(rowData?.processId ?? \"\");\n  const isReady = String(rowData?.status ?? \"\").toLowerCase() === \"ready\";\n\n  useEffect(() => {\n    if (!isReady) {\n      setRestartNeeded(false);\n      setManagerError(null);\n      return;\n    }\n    let alive = true;\n    const load = () => {\n      void listAgentHubProcesses(true).then((processes) => {\n        if (!alive) return;\n        const process = processes.find((item: RuntimeProcess) => String(item.id) === processId);\n        setRestartNeeded(process?.restartNeeded === true);\n        setManagerError(null);\n      }).catch((error: any) => {\n        if (!alive) return;\n        setRestartNeeded(null);\n        setManagerError(error?.response?.status === 403 ? \"Manager access denied\" : \"Manager unavailable\");\n      });\n    };\n    load();\n    const refreshTimer = window.setInterval(load, 15000);\n    window.addEventListener(\"agent-process-manager-updated\", load);\n    return () => {\n      alive = false;\n      window.clearInterval(refreshTimer);\n      window.removeEventListener(\"agent-process-manager-updated\", load);\n    };\n  }, [isReady, processId]);\n\n  return (\n    <div className=\"flex min-w-0 flex-col items-start gap-1\" style={{ maxWidth: \"28ch\" }}>\n      <span title={processId} style={{ maxWidth: \"100%\", overflow: \"hidden\", textOverflow: \"ellipsis\", whiteSpace: \"nowrap\" }}>{processId || \"—\"}</span>\n      {isReady && restartNeeded && (\n        <span title=\"This process is running an older agent configuration.\" style={{\n          display: \"inline-flex\", alignItems: \"center\", gap: \".25rem\", borderRadius: 999,\n          padding: \".12rem .45rem\", color: \"#92400e\", background: \"#fef3c7\",\n          fontSize: \".7rem\", fontWeight: 600, lineHeight: 1.3,\n        }}>\n          <CircleAlert size={12} /> Needs Restart\n        </span>\n      )}\n      {managerError && <span title=\"Check the AgentHub manager URL and its configured administrator roles.\" style={{\n        color: \"var(--muted-foreground)\", fontSize: \".7rem\", lineHeight: 1.3,\n      }}>{managerError}</span>}\n    </div>\n  );\n}\n"]}