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

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

@@ -1057,6 +1057,43 @@ 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 = async (id: any) => {
@@ -1619,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;
 
@@ -1677,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 (
@@ -1695,13 +1755,7 @@ export const SolidListView = forwardRef<SolidListViewHandle, SolidListViewParams
                                         size="small"
                                         variant="ghost"
                                         onClick={() => {
-                                          const event: SolidListRowActionEvent = {
-                                            params,
-                                            rowData: rowData,
-                                            solidListViewMetaData:
-                                              solidListViewMetaData?.data,
-                                          };
-                                          handleCustomButtonClick(button.attrs, event);
+                                          handleRowActionClick(button, rowData);
                                         }}
                                       />
                                     );
@@ -1859,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":";AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,2BAA2B,EAAE,MAAM,oCAAoC,CAAC;AACjF,OAAO,EAAE,yBAAyB,EAAE,MAAM,qCAAqC,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,oCAAoC,CAAC;AAC/D,OAAO,EAAE,qBAAqB,EAAE,MAAM,kBAAkB,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAE3E,MAAM,CAAC,IAAM,oCAAoC,GAAG,UAAC,EAAmH;;QAAjH,MAAM,YAAA,EAAE,MAAM,YAAA,EAAE,qBAAqB,2BAAA,EAAE,uBAAuB,6BAAA,EAAE,eAAe,qBAAA,EAAE,OAAO,aAAA,EAAE,gBAAgB,sBAAA;IAEvJ,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAC/C,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAC/B,IAAM,IAAI,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,CAAC;IAE3B,IAAM,OAAO,GAAG,CAAC,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAA,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,MAAM,MAAK,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,KAAK,EAAE,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,KAAK,CAAC,CAAC;IAClI,IAAM,YAAY,GAAG,yBAAyB,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC,CAAC;IAC9D,IAAM,QAAQ,GAAG,YAAY,CAAC,QAAQ;QAClC,CAAC,CAAC,CAAC;YACC,IAAM,CAAC,GAAG,kBAAkB,CAAC,YAAY,CAAC,IAAI,CAAC,CAAC;YAChD,OAAO,CAAC;gBACJ,CAAC,CAAC,KAAC,SAAS,IAAC,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,IAAI,EAAE,CAAC,CAAC,IAAI,EAAE,SAAS,EAAC,iCAAiC,GAAG;gBACvF,CAAC,CAAC,YAAG,SAAS,EAAE,UAAG,YAAY,CAAC,IAAI,qCAAkC,GAAI,CAAC;QACnF,CAAC,CAAC,EAAE;QACJ,CAAC,CAAC,IAAI,CAAC;IAEX,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAC1B,IAAI,CAAC,2BAA2B,CAAC,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7D,IAAI,CAAC,YAAY,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,SAAS;QAAE,OAAO,IAAI,CAAC;IAEnE,OAAO,CACH,MAAC,qBAAqB,IAClB,SAAS,EAAE,qCAA8B,MAAA,YAAY,CAAC,eAAe,mCAAI,EAAE,CAAE,EAC7E,QAAQ,EAAE;;YACN,IAAI,CAAA,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,iBAAiB,MAAK,IAAI,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC,EAAE;gBAC3E,QAAQ,CAAC,SAAS,CAAC;oBACf,QAAQ,EAAE,MAAM;oBAChB,OAAO,EAAE,uBAAuB;oBAChC,MAAM,EAAE,yDAAyD;oBACjE,IAAI,EAAE,IAAI;iBACb,CAAC,CAAC,CAAC;gBACJ,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;gBACrB,OAAO;aACV;YACD,IAAM,KAAK,GAAG;gBACV,MAAM,QAAA;gBACN,qBAAqB,EAAE,qBAAqB,CAAC,IAAI;gBACjD,eAAe,iBAAA;gBACf,OAAO,SAAA;aACV,CAAC;YACF,uBAAuB,CAAC,MAAM,CAAC,KAAK,EAAE,KAAK,CAAC,CAAC;YAC7C,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,EAAI,CAAC;QACzB,CAAC,EACD,KAAK,EAAE,YAAY,CAAC,OAAO,gBACf,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,CAAC,MAAA,MAAA,YAAY,CAAC,OAAO,mCAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,MAAM,mCAAI,QAAQ,CAAC,CAAC,CAAC,CAAC,SAAS,aAE5G,YAAY,CAAC,OAAO,KAAK,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,EACjD,YAAY,CAAC,SAAS,CAAC,CAAC,CAAC,eAAM,SAAS,EAAC,kCAAkC,YAAE,YAAY,CAAC,KAAK,GAAQ,CAAC,CAAC,CAAC,IAAI,EAC9G,YAAY,CAAC,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,IAC/B,CAC3B,CAAC;AACN,CAAC,CAAC","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/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"]}

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

@@ -0,0 +1,60 @@
+import { useEffect, useState } from "react";
+import { CircleAlert } from "lucide-react";
+import { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { listAgentHubProcesses } from "../../solid-agent/processes/agentHubProcessApi";
+
+type RuntimeProcess = { id: string; restartNeeded?: boolean };
+
+export function AgentProcessNeedsRestartListWidget({ rowData }: SolidListFieldWidgetProps) {
+  const [restartNeeded, setRestartNeeded] = useState<boolean | null>(null);
+  const [managerError, setManagerError] = useState<string | null>(null);
+  const processId = String(rowData?.processId ?? "");
+  const isReady = String(rowData?.status ?? "").toLowerCase() === "ready";
+
+  useEffect(() => {
+    if (!isReady) {
+      setRestartNeeded(false);
+      setManagerError(null);
+      return;
+    }
+    let alive = true;
+    const load = () => {
+      void listAgentHubProcesses(true).then((processes) => {
+        if (!alive) return;
+        const process = processes.find((item: RuntimeProcess) => String(item.id) === processId);
+        setRestartNeeded(process?.restartNeeded === true);
+        setManagerError(null);
+      }).catch((error: any) => {
+        if (!alive) return;
+        setRestartNeeded(null);
+        setManagerError(error?.response?.status === 403 ? "Manager access denied" : "Manager unavailable");
+      });
+    };
+    load();
+    const refreshTimer = window.setInterval(load, 15000);
+    window.addEventListener("agent-process-manager-updated", load);
+    return () => {
+      alive = false;
+      window.clearInterval(refreshTimer);
+      window.removeEventListener("agent-process-manager-updated", load);
+    };
+  }, [isReady, processId]);
+
+  return (
+    <div className="flex min-w-0 flex-col items-start gap-1" style={{ maxWidth: "28ch" }}>
+      <span title={processId} style={{ maxWidth: "100%", overflow: "hidden", textOverflow: "ellipsis", whiteSpace: "nowrap" }}>{processId || "—"}</span>
+      {isReady && restartNeeded && (
+        <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,
+        }}>
+          <CircleAlert size={12} /> Needs Restart
+        </span>
+      )}
+      {managerError && <span title="Check the AgentHub manager URL and its configured administrator roles." style={{
+        color: "var(--muted-foreground)", fontSize: ".7rem", lineHeight: 1.3,
+      }}>{managerError}</span>}
+    </div>
+  );
+}

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

@@ -0,0 +1,4 @@
+import type { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export declare function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SolidIconNameListViewWidget.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIconNameListViewWidget.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidIconNameListViewWidget.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,yBAAyB,EAAE,MAAM,8BAA8B,CAAC;AAG9E,8EAA8E;AAC9E,wBAAgB,2BAA2B,CAAC,EAAE,OAAO,EAAE,aAAa,EAAE,MAAM,EAAE,EAAE,yBAAyB,2CA2BxG"}

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

@@ -0,0 +1,24 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { SolidMaterialSymbol } from "../../../common/SolidMaterialSymbol";
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export function SolidIconNameListViewWidget(_a) {
+    var _b, _c;
+    var rowData = _a.rowData, fieldMetadata = _a.fieldMetadata, column = _a.column;
+    var fieldName = (_b = fieldMetadata === null || fieldMetadata === void 0 ? void 0 : fieldMetadata.name) !== null && _b !== void 0 ? _b : (_c = column === null || column === void 0 ? void 0 : column.attrs) === null || _c === void 0 ? void 0 : _c.name;
+    var iconName = fieldName ? rowData === null || rowData === void 0 ? void 0 : rowData[fieldName] : undefined;
+    if (typeof iconName !== "string" || !iconName.trim())
+        return _jsx("span", {});
+    var normalizedName = iconName.trim();
+    return (_jsx("span", { role: "img", "aria-label": normalizedName.replace(/_/g, " "), title: normalizedName.replace(/_/g, " "), style: {
+            display: "inline-flex",
+            width: 36,
+            height: 36,
+            alignItems: "center",
+            justifyContent: "center",
+            border: "1px solid var(--surface-border, var(--border, #3f3f46))",
+            borderRadius: 10,
+            color: "var(--text-color-secondary, var(--muted-foreground, currentColor))",
+            verticalAlign: "middle",
+        }, children: _jsx(SolidMaterialSymbol, { name: normalizedName, size: 20, "aria-hidden": "true" }) }));
+}
+//# sourceMappingURL=SolidIconNameListViewWidget.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidIconNameListViewWidget.js","sourceRoot":"","sources":["../../../../../src/components/core/list/widgets/SolidIconNameListViewWidget.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,mBAAmB,EAAE,MAAM,qCAAqC,CAAC;AAE1E,8EAA8E;AAC9E,MAAM,UAAU,2BAA2B,CAAC,EAA6D;;QAA3D,OAAO,aAAA,EAAE,aAAa,mBAAA,EAAE,MAAM,YAAA;IAC1E,IAAM,SAAS,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,mCAAI,MAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,0CAAE,IAAI,CAAC;IAC7D,IAAM,QAAQ,GAAG,SAAS,CAAC,CAAC,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,SAAS,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC;IAE9D,IAAI,OAAO,QAAQ,KAAK,QAAQ,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE;QAAE,OAAO,gBAAQ,CAAC;IAEtE,IAAM,cAAc,GAAG,QAAQ,CAAC,IAAI,EAAE,CAAC;IACvC,OAAO,CACL,eACE,IAAI,EAAC,KAAK,gBACE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EAC7C,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,IAAI,EAAE,GAAG,CAAC,EACxC,KAAK,EAAE;YACL,OAAO,EAAE,aAAa;YACtB,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,UAAU,EAAE,QAAQ;YACpB,cAAc,EAAE,QAAQ;YACxB,MAAM,EAAE,yDAAyD;YACjE,YAAY,EAAE,EAAE;YAChB,KAAK,EAAE,oEAAoE;YAC3E,aAAa,EAAE,QAAQ;SACxB,YAED,KAAC,mBAAmB,IAAC,IAAI,EAAE,cAAc,EAAE,IAAI,EAAE,EAAE,iBAAc,MAAM,GAAG,GACrE,CACR,CAAC;AACJ,CAAC","sourcesContent":["import type { SolidListFieldWidgetProps } from \"../../../../types/solid-core\";\nimport { SolidMaterialSymbol } from \"../../../common/SolidMaterialSymbol\";\n\n/** Read-only list-cell renderer for fields storing a Material Symbol name. */\nexport function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps) {\n  const fieldName = fieldMetadata?.name ?? column?.attrs?.name;\n  const iconName = fieldName ? rowData?.[fieldName] : undefined;\n\n  if (typeof iconName !== \"string\" || !iconName.trim()) return <span />;\n\n  const normalizedName = iconName.trim();\n  return (\n    <span\n      role=\"img\"\n      aria-label={normalizedName.replace(/_/g, \" \")}\n      title={normalizedName.replace(/_/g, \" \")}\n      style={{\n        display: \"inline-flex\",\n        width: 36,\n        height: 36,\n        alignItems: \"center\",\n        justifyContent: \"center\",\n        border: \"1px solid var(--surface-border, var(--border, #3f3f46))\",\n        borderRadius: 10,\n        color: \"var(--text-color-secondary, var(--muted-foreground, currentColor))\",\n        verticalAlign: \"middle\",\n      }}\n    >\n      <SolidMaterialSymbol name={normalizedName} size={20} aria-hidden=\"true\" />\n    </span>\n  );\n}\n"]}

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

@@ -0,0 +1,32 @@
+import type { SolidListFieldWidgetProps } from "../../../../types/solid-core";
+import { SolidMaterialSymbol } from "../../../common/SolidMaterialSymbol";
+
+/** Read-only list-cell renderer for fields storing a Material Symbol name. */
+export function SolidIconNameListViewWidget({ rowData, fieldMetadata, column }: SolidListFieldWidgetProps) {
+  const fieldName = fieldMetadata?.name ?? column?.attrs?.name;
+  const iconName = fieldName ? rowData?.[fieldName] : undefined;
+
+  if (typeof iconName !== "string" || !iconName.trim()) return <span />;
+
+  const normalizedName = iconName.trim();
+  return (
+    <span
+      role="img"
+      aria-label={normalizedName.replace(/_/g, " ")}
+      title={normalizedName.replace(/_/g, " ")}
+      style={{
+        display: "inline-flex",
+        width: 36,
+        height: 36,
+        alignItems: "center",
+        justifyContent: "center",
+        border: "1px solid var(--surface-border, var(--border, #3f3f46))",
+        borderRadius: 10,
+        color: "var(--text-color-secondary, var(--muted-foreground, currentColor))",
+        verticalAlign: "middle",
+      }}
+    >
+      <SolidMaterialSymbol name={normalizedName} size={20} aria-hidden="true" />
+    </span>
+  );
+}

package/dist/components/core/model/ModelListViewData.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ModelListViewData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"AAaA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AASD,eAAO,MAAM,iBAAiB,+CAoT7B,CAAC"}
+{"version":3,"file":"ModelListViewData.d.ts","sourceRoot":"","sources":["../../../../src/components/core/model/ModelListViewData.tsx"],"names":[],"mappings":"AASA,MAAM,WAAW,aAAa;IAC5B,EAAE,EAAE,MAAM,CAAC;IACX,WAAW,EAAE,MAAM,CAAC;IACpB,MAAM,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,OAAO,CAAC;CACnB;AASD,eAAO,MAAM,iBAAiB,+CAyQ7B,CAAC"}

package/dist/components/core/model/ModelListViewData.js

@@ -47,7 +47,7 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { CreateButton } from "../../../components/common/CreateButton";
-import { useDeleteMultipleModelsMutation, useGenerateCodeForModelMutation, useLazyGetModelsQuery, } from "../../../redux/api/modelApi";
+import { useGenerateCodeForModelMutation, useLazyGetModelsQuery } from "../../../redux/api/modelApi";
 import Link from "../../common/Link";
 import qs from "qs";
 import { useEffect, useState } from "react";
@@ -68,14 +68,11 @@ export var ModelListViewData = function () {
     var _h = useState(0), totalRecords = _h[0], setTotalRecords = _h[1];
     var _j = useState(""), sortField = _j[0], setSortField = _j[1];
     var _k = useState(0), sortOrder = _k[0], setSortOrder = _k[1];
-    var _l = useState([]), selectedMenus = _l[0], setSelectedMenus = _l[1];
-    var _m = useState(true), loading = _m[0], setLoading = _m[1];
-    var _o = useState(false), isDialogVisible = _o[0], setDialogVisible = _o[1];
-    var _p = useState(false), isGenerateCodeVisible = _p[0], setGenerateCodeVisible = _p[1];
-    var _q = useState(null), generateCodeForModel = _q[0], setGenerateCodeForModel = _q[1];
-    var _r = useLazyGetModelsQuery(), triggerGetModels = _r[0], _s = _r[1], model = _s.data, isLoading = _s.isLoading;
+    var _l = useState(true), loading = _l[0], setLoading = _l[1];
+    var _m = useState(false), isGenerateCodeVisible = _m[0], setGenerateCodeVisible = _m[1];
+    var _o = useState(null), generateCodeForModel = _o[0], setGenerateCodeForModel = _o[1];
+    var _p = useLazyGetModelsQuery(), triggerGetModels = _p[0], _q = _p[1], model = _q.data, isLoading = _q.isLoading;
     var generateCode = useGenerateCodeForModelMutation()[0];
-    var deleteManyModel = useDeleteMultipleModelsMutation()[0];
     useEffect(function () {
         var _a, _b, _c;
         if (model) {
@@ -92,7 +89,6 @@ export var ModelListViewData = function () {
         };
         var queryString = qs.stringify(queryData, { encodeValuesOnly: true });
         triggerGetModels(queryString);
-        setSelectedMenus([]);
     }, []); // eslint-disable-line react-hooks/exhaustive-deps
     var onPageChange = function (event) {
         setFirst(event.first);
@@ -183,16 +179,6 @@ export var ModelListViewData = function () {
         setFirst(0);
         setQueryString(0, rows, sortField, sortOrder, defaults);
     };
-    var deleteBulk = function () {
-        var deleteList = selectedMenus.map(function (element) { return element.id; });
-        deleteManyModel(deleteList);
-        setDialogVisible(false);
-        setSelectedMenus([]);
-    };
-    var onDeleteClose = function () {
-        setDialogVisible(false);
-        setSelectedMenus([]);
-    };
     var handleGenerateCode = function () { return __awaiter(void 0, void 0, void 0, function () {
         return __generator(this, function (_a) {
             switch (_a.label) {
@@ -218,10 +204,7 @@ export var ModelListViewData = function () {
                 setGenerateCodeVisible(true);
             }, children: _jsx(SolidIcon, { name: "si-cog", style: { fontSize: "1rem" }, "aria-hidden": true }) }));
     };
-    return (_jsxs("div", { className: "solid-model-list w-full", children: [_jsxs("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: [_jsx(CreateButton, {}), selectedMenus.length > 0 && (_jsx(SolidButton, { type: "button", label: "Delete", size: "small", severity: "danger", className: "small-button", onClick: function () { return setDialogVisible(true); } }))] }), _jsxs("div", { className: "flex flex-col md:flex-row items-start gap-4 mb-4", children: [_jsx(SolidInput, { value: (_a = pendingFilters.displayName.value) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFilterInputChange("displayName", event.currentTarget.value); }, placeholder: "Search by model name", className: "w-full md:w-20rem" }), _jsx(SolidInput, { value: (_b = pendingFilters["module.displayName"].value) !== null && _b !== void 0 ? _b : "", onChange: function (event) { return handleFilterInputChange("module.displayName", event.currentTarget.value); }, placeholder: "Search by module", className: "w-full md:w-20rem" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: modelMetadata, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No Models found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, selection: selectedMenus, onSelectionChange: function (_a) {
-                    var value = _a.value;
-                    return setSelectedMenus(value);
-                }, children: [_jsx(Column, { selectionMode: "multiple", headerStyle: { width: "3em" } }), _jsx(Column, { field: "id", header: "Id", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "displayName", header: "Display Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "module.displayName", header: "Module Name", className: "text-sm", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { header: "Edit", body: detailsBodyTemplate }), _jsx(Column, { header: "Code", body: generateCodeBodyTemplate })] }), _jsxs(SolidDialog, { visible: isDialogVisible, header: "Confirm Delete", modal: true, className: "solid-confirm-dialog", onHide: function () { return setDialogVisible(false); }, children: [_jsx("p", { children: "Are you sure you want to delete the selected Models?" }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: deleteBulk }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: onDeleteClose })] })] }), _jsxs(SolidDialog, { visible: isGenerateCodeVisible, header: "Generate Code", modal: true, className: "solid-confirm-dialog", onHide: function () {
+    return (_jsxs("div", { className: "solid-model-list w-full", children: [_jsx("div", { className: "flex gap-4 mb-6 items-center flex-wrap", children: _jsx(CreateButton, {}) }), _jsxs("div", { className: "flex flex-col md:flex-row items-start gap-4 mb-4", children: [_jsx(SolidInput, { value: (_a = pendingFilters.displayName.value) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFilterInputChange("displayName", event.currentTarget.value); }, placeholder: "Search by model name", className: "w-full md:w-20rem" }), _jsx(SolidInput, { value: (_b = pendingFilters["module.displayName"].value) !== null && _b !== void 0 ? _b : "", onChange: function (event) { return handleFilterInputChange("module.displayName", event.currentTarget.value); }, placeholder: "Search by module", className: "w-full md:w-20rem" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsx(SolidButton, { size: "small", onClick: applyFilters, label: "Apply" }), _jsx(SolidButton, { size: "small", variant: "ghost", onClick: clearFilters, label: "Clear" })] })] }), (loading || isLoading) && (_jsx("div", { className: "flex justify-center my-4", children: _jsx(SolidSpinner, {}) })), _jsxs(SolidDataTable, { value: modelMetadata, size: "small", paginator: true, rows: rows, rowsPerPageOptions: [10, 25, 50], dataKey: "id", emptyMessage: "No Models found", totalRecords: totalRecords, first: first, onPage: onPageChange, onSort: onSort, sortField: sortField, sortOrder: sortOrder, children: [_jsx(Column, { field: "id", header: "Id", className: "text-sm", sortable: true, headerClassName: "table-header-fs" }), _jsx(Column, { field: "displayName", header: "Display Name", className: "text-sm", sortable: true, style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { field: "module.displayName", header: "Module Name", className: "text-sm", style: { minWidth: "12rem" }, headerClassName: "table-header-fs" }), _jsx(Column, { header: "Edit", body: detailsBodyTemplate }), _jsx(Column, { header: "Code", body: generateCodeBodyTemplate })] }), _jsxs(SolidDialog, { visible: isGenerateCodeVisible, header: "Generate Code", modal: true, className: "solid-confirm-dialog", onHide: function () {
                     setGenerateCodeVisible(false);
                     setGenerateCodeForModel(null);
                 }, children: [_jsx("p", { className: "text-center", children: "Proceed with model code generation? Existing files will be overwritten." }), _jsx("p", { children: "Below is the list of files that will be created:" }), _jsxs("ul", { children: [_jsx("li", { children: "Model Entity File" }), _jsx("li", { children: "Model Controller File" }), _jsx("li", { children: "Model Service File" }), _jsx("li", { children: "Model Create and Update DTO files" })] }), _jsxs("div", { className: "flex justify-center gap-4 mt-4", children: [_jsx(SolidButton, { label: "Yes", className: "small-button", severity: "danger", autoFocus: true, onClick: handleGenerateCode }), _jsx(SolidButton, { label: "No", className: "small-button", variant: "ghost", onClick: function () { return setGenerateCodeVisible(false); } })] })] })] }));