@solidxai/core-ui 0.1.8-beta.9 → 0.1.9-alpha.0

package/dist/components/core/common/SolidAccountSettings/SolidNotifications.tsx

@@ -4,6 +4,7 @@ import { ERROR_MESSAGES } from "../../../../constants/error-messages";
 import { useBulkUpdateSolidUserSettingsMutation, useGetSolidSettingsQuery } from "../../../../redux/api/solidSettingsApi";
 import { SolidButton } from "../../../shad-cn-ui/SolidButton";
 import styles from "./SolidAccountSettings.module.css";
+import { getSettingsMap } from "../../../../helpers/settingsPayload";
 
 type ToastState = {
   id: number;
@@ -14,6 +15,7 @@ type ToastState = {
 
 export const SolidNotifications = () => {
   const { data: solidSettingsData, refetch } = useGetSolidSettingsQuery(undefined);
+  const settingsMap = getSettingsMap(solidSettingsData);
   const [bulkUpdateSolidSettings] = useBulkUpdateSolidUserSettingsMutation();
   const [toast, setToast] = useState<ToastState>(null);
 
@@ -27,13 +29,13 @@ export const SolidNotifications = () => {
 
   const formik = useFormik({
     initialValues: {
-      enableNotification: solidSettingsData?.data?.enableNotification ?? true,
+      enableNotification: settingsMap?.enableNotification ?? settingsMap?.enabledNotification ?? true,
     },
     enableReinitialize: true,
     onSubmit: async (values) => {
       try {
         const updatedSettingsArray: Array<{ key: string; value: string | boolean; type: string }> = [];
-        const currentSettings = solidSettingsData?.data?.user || {};
+        const currentSettings = settingsMap || {};
         Object.entries(values).forEach(([key, value]) => {
           if ((currentSettings[key] ?? "") !== (value ?? "")) {
             updatedSettingsArray.push({ key, value, type: "user" });

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVersionInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"AAqBA,eAAO,MAAM,gBAAgB,+CA4C5B,CAAC"}
+{"version":3,"file":"SolidVersionInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,gBAAgB,+CAsK5B,CAAC"}

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js

@@ -1,6 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { env } from "../../../../adapters/env";
+import { hasAnyRole } from "../../../../helpers/rolesHelper";
+import { useSession } from "../../../../hooks/useSession";
 import { useLazyGetSolidVersionInfoQuery } from "../../../../redux/api/solidSettingsApi";
+import { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from "../../../../redux/store/solidEntityApiPool";
+import { SolidButton } from "../../../shad-cn-ui/SolidButton";
 import styles from "./SolidAccountSettings.module.css";
 var PACKAGE_LABELS = {
     "solid-core": "Solid Core",
@@ -13,8 +18,13 @@ var PACKAGE_HINTS = {
     "solid-code-builder": "@solidxai/code-builder",
 };
 export var SolidVersionInfo = function () {
-    var _a;
-    var _b = useLazyGetSolidVersionInfoQuery(), trigger = _b[0], _c = _b[1], data = _c.data, isLoading = _c.isLoading, isError = _c.isError;
+    var _a, _b, _c, _d, _e;
+    var session = useSession().data;
+    var _f = useLazyGetSolidVersionInfoQuery(), trigger = _f[0], _g = _f[1], data = _g.data, isLoading = _g.isLoading, isError = _g.isError;
+    var _h = useState(false), showDiagnostics = _h[0], setShowDiagnostics = _h[1];
+    var _j = useState(0), refreshTick = _j[0], setRefreshTick = _j[1];
+    var _k = useState("pool"), activeTab = _k[0], setActiveTab = _k[1];
+    var poolSnapshot = useMemo(function () { return getSolidEntityApiPoolSnapshot(); }, [refreshTick, showDiagnostics]);
     useEffect(function () {
         trigger("");
     }, [trigger]);
@@ -25,9 +35,16 @@ export var SolidVersionInfo = function () {
         return _jsx("p", { className: styles.versionError, children: "Unable to load version information." });
     }
     var packages = ((_a = data === null || data === void 0 ? void 0 : data.data) !== null && _a !== void 0 ? _a : data);
+    var envName = (env("VITE_SOLIDX_ENV") || "").toLowerCase();
+    var isDevLikeEnvironment = ["dev", "development", "staging", "stage", "uat", "test", "local"].includes(envName);
+    var canOpenDiagnostics = hasAnyRole((_b = session === null || session === void 0 ? void 0 : session.user) === null || _b === void 0 ? void 0 : _b.roles, ["Admin"]) && isDevLikeEnvironment;
+    var loginRedirect = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+    var backendApi = env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL") || "(not set)";
+    var roles = (((_c = session === null || session === void 0 ? void 0 : session.user) === null || _c === void 0 ? void 0 : _c.roles) || []).map(function (role) { return (role === null || role === void 0 ? void 0 : role.name) || role; }).join(", ") || "(none)";
+    var activeCount = poolSnapshot.filter(function (entry) { return entry.active; }).length;
     return (_jsxs("div", { className: styles.versionPanel, children: [_jsx("h3", { className: styles.sectionTitle, children: "Version Information" }), _jsx("p", { className: styles.versionCaption, children: "Packages powering this application" }), _jsx("div", { className: styles.versionList, children: Object.entries(packages).map(function (_a) {
                     var key = _a[0], info = _a[1];
                     return (_jsxs("div", { className: styles.versionRow, children: [_jsxs("div", { children: [_jsx("div", { className: styles.versionName, children: PACKAGE_LABELS[key] || key }), _jsx("div", { className: styles.versionHint, children: PACKAGE_HINTS[key] || key })] }), _jsxs("div", { className: styles.versionTags, children: [_jsx("span", { className: styles.versionTag, children: info.version }), _jsx("span", { className: "".concat(styles.versionTag, " ").concat(info.repo === "local" ? styles.repoLocal : styles.repoNpm), children: info.repo })] })] }, key));
-                }) })] }));
+                }) }), canOpenDiagnostics && (_jsx("div", { className: styles.versionActions, children: _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return setShowDiagnostics(true); }, children: "Diagnostics" }) })), canOpenDiagnostics && showDiagnostics && (_jsx("div", { className: styles.diagnosticsBackdrop, role: "presentation", onClick: function () { return setShowDiagnostics(false); }, children: _jsxs("section", { className: styles.diagnosticsModal, role: "dialog", "aria-modal": "true", "aria-labelledby": "solid-diagnostics-title", onClick: function (event) { return event.stopPropagation(); }, children: [_jsxs("header", { className: styles.diagnosticsHeader, children: [_jsxs("div", { children: [_jsx("h3", { id: "solid-diagnostics-title", className: styles.sectionTitle, children: "Diagnostics" }), _jsx("p", { className: styles.versionCaption, children: "Current tab runtime entity API pool snapshot." })] }), _jsxs("div", { className: styles.diagnosticsHeaderActions, children: [_jsx(SolidButton, { type: "button", size: "sm", variant: "outline", onClick: function () { return setRefreshTick(function (value) { return value + 1; }); }, children: "Refresh" }), _jsx("button", { type: "button", className: styles.closeButton, onClick: function () { return setShowDiagnostics(false); }, "aria-label": "Close diagnostics", children: "\u00D7" })] })] }), _jsxs("div", { className: styles.diagnosticsSummary, children: [_jsxs("span", { children: [_jsx("strong", { children: "Environment:" }), " ", envName || "unknown"] }), _jsxs("span", { children: [_jsx("strong", { children: "Pool Limit:" }), " ", SOLID_ENTITY_API_POOL_LIMIT] }), _jsxs("span", { children: [_jsx("strong", { children: "Active:" }), " ", activeCount] }), _jsxs("span", { children: [_jsx("strong", { children: "Cached:" }), " ", poolSnapshot.length] })] }), _jsxs("div", { className: styles.diagnosticsTabs, children: [_jsx("button", { type: "button", className: "".concat(styles.diagnosticsTab, " ").concat(activeTab === "pool" ? styles.diagnosticsTabActive : ""), onClick: function () { return setActiveTab("pool"); }, children: "Pool" }), _jsx("button", { type: "button", className: "".concat(styles.diagnosticsTab, " ").concat(activeTab === "runtime" ? styles.diagnosticsTabActive : ""), onClick: function () { return setActiveTab("runtime"); }, children: "Runtime" })] }), activeTab === "pool" ? (_jsx("div", { className: styles.diagnosticsTableWrap, children: _jsxs("table", { className: styles.diagnosticsTable, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { children: "Entity" }), _jsx("th", { children: "Reducer Path" }), _jsx("th", { children: "Registered" }), _jsx("th", { children: "Last Accessed" }), _jsx("th", { children: "Active" })] }) }), _jsx("tbody", { children: poolSnapshot.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, className: styles.diagnosticsEmpty, children: "No entity APIs created in this session yet." }) })) : (poolSnapshot.map(function (entry) { return (_jsxs("tr", { children: [_jsx("td", { children: entry.entityName }), _jsx("td", { className: styles.diagnosticsMono, children: entry.reducerPath }), _jsxs("td", { children: ["#", entry.registeredAt] }), _jsxs("td", { children: ["#", entry.lastAccessedAt] }), _jsx("td", { children: entry.active ? "yes" : "no" })] }, entry.reducerPath)); })) })] }) })) : (_jsxs("div", { className: styles.diagnosticsRuntimeGrid, children: [_jsxs("div", { children: [_jsx("strong", { children: "Environment:" }), " ", envName || "unknown"] }), _jsxs("div", { children: [_jsx("strong", { children: "Backend API:" }), " ", backendApi] }), _jsxs("div", { children: [_jsx("strong", { children: "Login Redirect:" }), " ", loginRedirect] }), _jsxs("div", { children: [_jsx("strong", { children: "User:" }), " ", ((_d = session === null || session === void 0 ? void 0 : session.user) === null || _d === void 0 ? void 0 : _d.email) || ((_e = session === null || session === void 0 ? void 0 : session.user) === null || _e === void 0 ? void 0 : _e.name) || "(unknown)"] }), _jsxs("div", { className: styles.diagnosticsSpan2, children: [_jsx("strong", { children: "Roles:" }), " ", roles] })] }))] }) }))] }));
 };
 //# sourceMappingURL=SolidVersionInfo.js.map

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,+BAA+B,EAAE,MAAM,wCAAwC,CAAC;AACzF,OAAO,MAAM,MAAM,mCAAmC,CAAC;AAOvD,IAAM,cAAc,GAA2B;IAC7C,YAAY,EAAE,YAAY;IAC1B,eAAe,EAAE,eAAe;IAChC,oBAAoB,EAAE,oBAAoB;CAC3C,CAAC;AAEF,IAAM,aAAa,GAA2B;IAC5C,YAAY,EAAE,gBAAgB;IAC9B,eAAe,EAAE,mBAAmB;IACpC,oBAAoB,EAAE,wBAAwB;CAC/C,CAAC;AAEF,MAAM,CAAC,IAAM,gBAAgB,GAAG;;IACxB,IAAA,KAA0C,+BAA+B,EAAE,EAA1E,OAAO,QAAA,EAAE,UAA4B,EAA1B,IAAI,UAAA,EAAE,SAAS,eAAA,EAAE,OAAO,aAAuC,CAAC;IAElF,SAAS,CAAC;QACR,OAAO,CAAC,EAAE,CAAC,CAAC;IACd,CAAC,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAEd,IAAI,SAAS,EAAE;QACb,OAAO,CACL,cAAK,SAAS,EAAE,MAAM,CAAC,iBAAiB,YACtC,eAAM,SAAS,EAAC,mBAAmB,iBAAa,MAAM,GAAG,GACrD,CACP,CAAC;KACH;IAED,IAAI,OAAO,IAAI,CAAC,IAAI,EAAE;QACpB,OAAO,YAAG,SAAS,EAAE,MAAM,CAAC,YAAY,oDAAyC,CAAC;KACnF;IAED,IAAM,QAAQ,GAAG,CAAC,MAAC,IAAY,aAAZ,IAAI,uBAAJ,IAAI,CAAU,IAAI,mCAAI,IAAI,CAAuC,CAAC;IAErF,OAAO,CACL,eAAK,SAAS,EAAE,MAAM,CAAC,YAAY,aACjC,aAAI,SAAS,EAAE,MAAM,CAAC,YAAY,oCAA0B,EAC5D,YAAG,SAAS,EAAE,MAAM,CAAC,cAAc,mDAAwC,EAE3E,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAC/B,MAAM,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC,GAAG,CAAC,UAAC,EAAW;wBAAV,GAAG,QAAA,EAAE,IAAI,QAAA;oBAAM,OAAA,CAC7C,eAAe,SAAS,EAAE,MAAM,CAAC,UAAU,aACzC,0BACE,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,cAAc,CAAC,GAAG,CAAC,IAAI,GAAG,GAAO,EACtE,cAAK,SAAS,EAAE,MAAM,CAAC,WAAW,YAAG,aAAa,CAAC,GAAG,CAAC,IAAI,GAAG,GAAO,IACjE,EACN,eAAK,SAAS,EAAE,MAAM,CAAC,WAAW,aAChC,eAAM,SAAS,EAAE,MAAM,CAAC,UAAU,YAAG,IAAI,CAAC,OAAO,GAAQ,EACzD,eAAM,SAAS,EAAE,UAAG,MAAM,CAAC,UAAU,cAAI,IAAI,CAAC,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAE,YACjG,IAAI,CAAC,IAAI,GACL,IACH,KAVE,GAAG,CAWP,CACP;gBAb8C,CAa9C,CAAC,GACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ninterface PackageVersionInfo {\n  repo: \"local\" | \"npm\";\n  version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n  \"solid-core\": \"Solid Core\",\n  \"solid-core-ui\": \"Solid Core UI\",\n  \"solid-code-builder\": \"Solid Code Builder\",\n};\n\nconst PACKAGE_HINTS: Record<string, string> = {\n  \"solid-core\": \"@solidxai/core\",\n  \"solid-core-ui\": \"@solidxai/core-ui\",\n  \"solid-code-builder\": \"@solidxai/code-builder\",\n};\n\nexport const SolidVersionInfo = () => {\n  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  if (isLoading) {\n    return (\n      <div className={styles.versionLoaderWrap}>\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (isError || !data) {\n    return <p className={styles.versionError}>Unable to load version information.</p>;\n  }\n\n  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n\n  return (\n    <div className={styles.versionPanel}>\n      <h3 className={styles.sectionTitle}>Version Information</h3>\n      <p className={styles.versionCaption}>Packages powering this application</p>\n\n      <div className={styles.versionList}>\n        {Object.entries(packages).map(([key, info]) => (\n          <div key={key} className={styles.versionRow}>\n            <div>\n              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>\n              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>\n            </div>\n            <div className={styles.versionTags}>\n              <span className={styles.versionTag}>{info.version}</span>\n              <span className={`${styles.versionTag} ${info.repo === \"local\" ? styles.repoLocal : styles.repoNpm}`}>\n                {info.repo}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport { env } from \"../../../../adapters/env\";\nimport { hasAnyRole } from \"../../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { useLazyGetSolidVersionInfoQuery } from \"../../../../redux/api/solidSettingsApi\";\nimport { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from \"../../../../redux/store/solidEntityApiPool\";\nimport { SolidButton } from \"../../../shad-cn-ui/SolidButton\";\nimport styles from \"./SolidAccountSettings.module.css\";\n\ninterface PackageVersionInfo {\n  repo: \"local\" | \"npm\";\n  version: string;\n}\n\nconst PACKAGE_LABELS: Record<string, string> = {\n  \"solid-core\": \"Solid Core\",\n  \"solid-core-ui\": \"Solid Core UI\",\n  \"solid-code-builder\": \"Solid Code Builder\",\n};\n\nconst PACKAGE_HINTS: Record<string, string> = {\n  \"solid-core\": \"@solidxai/core\",\n  \"solid-core-ui\": \"@solidxai/core-ui\",\n  \"solid-code-builder\": \"@solidxai/code-builder\",\n};\n\nexport const SolidVersionInfo = () => {\n  const { data: session } = useSession();\n  const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();\n  const [showDiagnostics, setShowDiagnostics] = useState(false);\n  const [refreshTick, setRefreshTick] = useState(0);\n  const [activeTab, setActiveTab] = useState<\"pool\" | \"runtime\">(\"pool\");\n  const poolSnapshot = useMemo(() => getSolidEntityApiPoolSnapshot(), [refreshTick, showDiagnostics]);\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  if (isLoading) {\n    return (\n      <div className={styles.versionLoaderWrap}>\n        <span className=\"solid-btn-spinner\" aria-hidden=\"true\" />\n      </div>\n    );\n  }\n\n  if (isError || !data) {\n    return <p className={styles.versionError}>Unable to load version information.</p>;\n  }\n\n  const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"\").toLowerCase();\n  const isDevLikeEnvironment = [\"dev\", \"development\", \"staging\", \"stage\", \"uat\", \"test\", \"local\"].includes(envName);\n  const canOpenDiagnostics = hasAnyRole(session?.user?.roles, [\"Admin\"]) && isDevLikeEnvironment;\n  const loginRedirect = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n  const backendApi = env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\") || \"(not set)\";\n  const roles = (session?.user?.roles || []).map((role: any) => role?.name || role).join(\", \") || \"(none)\";\n  const activeCount = poolSnapshot.filter((entry) => entry.active).length;\n\n  return (\n    <div className={styles.versionPanel}>\n      <h3 className={styles.sectionTitle}>Version Information</h3>\n      <p className={styles.versionCaption}>Packages powering this application</p>\n\n      <div className={styles.versionList}>\n        {Object.entries(packages).map(([key, info]) => (\n          <div key={key} className={styles.versionRow}>\n            <div>\n              <div className={styles.versionName}>{PACKAGE_LABELS[key] || key}</div>\n              <div className={styles.versionHint}>{PACKAGE_HINTS[key] || key}</div>\n            </div>\n            <div className={styles.versionTags}>\n              <span className={styles.versionTag}>{info.version}</span>\n              <span className={`${styles.versionTag} ${info.repo === \"local\" ? styles.repoLocal : styles.repoNpm}`}>\n                {info.repo}\n              </span>\n            </div>\n          </div>\n        ))}\n      </div>\n\n      {canOpenDiagnostics && (\n        <div className={styles.versionActions}>\n          <SolidButton\n            type=\"button\"\n            size=\"sm\"\n            variant=\"outline\"\n            onClick={() => setShowDiagnostics(true)}\n          >\n            Diagnostics\n          </SolidButton>\n        </div>\n      )}\n\n      {canOpenDiagnostics && showDiagnostics && (\n        <div className={styles.diagnosticsBackdrop} role=\"presentation\" onClick={() => setShowDiagnostics(false)}>\n          <section\n            className={styles.diagnosticsModal}\n            role=\"dialog\"\n            aria-modal=\"true\"\n            aria-labelledby=\"solid-diagnostics-title\"\n            onClick={(event) => event.stopPropagation()}\n          >\n            <header className={styles.diagnosticsHeader}>\n              <div>\n                <h3 id=\"solid-diagnostics-title\" className={styles.sectionTitle}>Diagnostics</h3>\n                <p className={styles.versionCaption}>Current tab runtime entity API pool snapshot.</p>\n              </div>\n              <div className={styles.diagnosticsHeaderActions}>\n                <SolidButton type=\"button\" size=\"sm\" variant=\"outline\" onClick={() => setRefreshTick((value) => value + 1)}>\n                  Refresh\n                </SolidButton>\n                <button\n                  type=\"button\"\n                  className={styles.closeButton}\n                  onClick={() => setShowDiagnostics(false)}\n                  aria-label=\"Close diagnostics\"\n                >\n                  ×\n                </button>\n              </div>\n            </header>\n\n            <div className={styles.diagnosticsSummary}>\n              <span><strong>Environment:</strong> {envName || \"unknown\"}</span>\n              <span><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</span>\n              <span><strong>Active:</strong> {activeCount}</span>\n              <span><strong>Cached:</strong> {poolSnapshot.length}</span>\n            </div>\n\n            <div className={styles.diagnosticsTabs}>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"pool\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"pool\")}\n              >\n                Pool\n              </button>\n              <button\n                type=\"button\"\n                className={`${styles.diagnosticsTab} ${activeTab === \"runtime\" ? styles.diagnosticsTabActive : \"\"}`}\n                onClick={() => setActiveTab(\"runtime\")}\n              >\n                Runtime\n              </button>\n            </div>\n\n            {activeTab === \"pool\" ? (\n              <div className={styles.diagnosticsTableWrap}>\n                <table className={styles.diagnosticsTable}>\n                  <thead>\n                    <tr>\n                      <th>Entity</th>\n                      <th>Reducer Path</th>\n                      <th>Registered</th>\n                      <th>Last Accessed</th>\n                      <th>Active</th>\n                    </tr>\n                  </thead>\n                  <tbody>\n                    {poolSnapshot.length === 0 ? (\n                      <tr>\n                        <td colSpan={5} className={styles.diagnosticsEmpty}>No entity APIs created in this session yet.</td>\n                      </tr>\n                    ) : (\n                      poolSnapshot.map((entry) => (\n                        <tr key={entry.reducerPath}>\n                          <td>{entry.entityName}</td>\n                          <td className={styles.diagnosticsMono}>{entry.reducerPath}</td>\n                          <td>#{entry.registeredAt}</td>\n                          <td>#{entry.lastAccessedAt}</td>\n                          <td>{entry.active ? \"yes\" : \"no\"}</td>\n                        </tr>\n                      ))\n                    )}\n                  </tbody>\n                </table>\n              </div>\n            ) : (\n              <div className={styles.diagnosticsRuntimeGrid}>\n                <div><strong>Environment:</strong> {envName || \"unknown\"}</div>\n                <div><strong>Backend API:</strong> {backendApi}</div>\n                <div><strong>Login Redirect:</strong> {loginRedirect}</div>\n                <div><strong>User:</strong> {session?.user?.email || session?.user?.name || \"(unknown)\"}</div>\n                <div className={styles.diagnosticsSpan2}><strong>Roles:</strong> {roles}</div>\n              </div>\n            )}\n          </section>\n        </div>\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx

@@ -1,5 +1,10 @@
-import { useEffect } from "react";
+import { useEffect, useMemo, useState } from "react";
+import { env } from "../../../../adapters/env";
+import { hasAnyRole } from "../../../../helpers/rolesHelper";
+import { useSession } from "../../../../hooks/useSession";
 import { useLazyGetSolidVersionInfoQuery } from "../../../../redux/api/solidSettingsApi";
+import { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from "../../../../redux/store/solidEntityApiPool";
+import { SolidButton } from "../../../shad-cn-ui/SolidButton";
 import styles from "./SolidAccountSettings.module.css";
 
 interface PackageVersionInfo {
@@ -20,7 +25,12 @@ const PACKAGE_HINTS: Record<string, string> = {
 };
 
 export const SolidVersionInfo = () => {
+  const { data: session } = useSession();
   const [trigger, { data, isLoading, isError }] = useLazyGetSolidVersionInfoQuery();
+  const [showDiagnostics, setShowDiagnostics] = useState(false);
+  const [refreshTick, setRefreshTick] = useState(0);
+  const [activeTab, setActiveTab] = useState<"pool" | "runtime">("pool");
+  const poolSnapshot = useMemo(() => getSolidEntityApiPoolSnapshot(), [refreshTick, showDiagnostics]);
 
   useEffect(() => {
     trigger("");
@@ -39,6 +49,13 @@ export const SolidVersionInfo = () => {
   }
 
   const packages = ((data as any)?.data ?? data) as Record<string, PackageVersionInfo>;
+  const envName = (env("VITE_SOLIDX_ENV") || "").toLowerCase();
+  const isDevLikeEnvironment = ["dev", "development", "staging", "stage", "uat", "test", "local"].includes(envName);
+  const canOpenDiagnostics = hasAnyRole(session?.user?.roles, ["Admin"]) && isDevLikeEnvironment;
+  const loginRedirect = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+  const backendApi = env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL") || "(not set)";
+  const roles = (session?.user?.roles || []).map((role: any) => role?.name || role).join(", ") || "(none)";
+  const activeCount = poolSnapshot.filter((entry) => entry.active).length;
 
   return (
     <div className={styles.versionPanel}>
@@ -61,6 +78,116 @@ export const SolidVersionInfo = () => {
           </div>
         ))}
       </div>
+
+      {canOpenDiagnostics && (
+        <div className={styles.versionActions}>
+          <SolidButton
+            type="button"
+            size="sm"
+            variant="outline"
+            onClick={() => setShowDiagnostics(true)}
+          >
+            Diagnostics
+          </SolidButton>
+        </div>
+      )}
+
+      {canOpenDiagnostics && showDiagnostics && (
+        <div className={styles.diagnosticsBackdrop} role="presentation" onClick={() => setShowDiagnostics(false)}>
+          <section
+            className={styles.diagnosticsModal}
+            role="dialog"
+            aria-modal="true"
+            aria-labelledby="solid-diagnostics-title"
+            onClick={(event) => event.stopPropagation()}
+          >
+            <header className={styles.diagnosticsHeader}>
+              <div>
+                <h3 id="solid-diagnostics-title" className={styles.sectionTitle}>Diagnostics</h3>
+                <p className={styles.versionCaption}>Current tab runtime entity API pool snapshot.</p>
+              </div>
+              <div className={styles.diagnosticsHeaderActions}>
+                <SolidButton type="button" size="sm" variant="outline" onClick={() => setRefreshTick((value) => value + 1)}>
+                  Refresh
+                </SolidButton>
+                <button
+                  type="button"
+                  className={styles.closeButton}
+                  onClick={() => setShowDiagnostics(false)}
+                  aria-label="Close diagnostics"
+                >
+                  ×
+                </button>
+              </div>
+            </header>
+
+            <div className={styles.diagnosticsSummary}>
+              <span><strong>Environment:</strong> {envName || "unknown"}</span>
+              <span><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</span>
+              <span><strong>Active:</strong> {activeCount}</span>
+              <span><strong>Cached:</strong> {poolSnapshot.length}</span>
+            </div>
+
+            <div className={styles.diagnosticsTabs}>
+              <button
+                type="button"
+                className={`${styles.diagnosticsTab} ${activeTab === "pool" ? styles.diagnosticsTabActive : ""}`}
+                onClick={() => setActiveTab("pool")}
+              >
+                Pool
+              </button>
+              <button
+                type="button"
+                className={`${styles.diagnosticsTab} ${activeTab === "runtime" ? styles.diagnosticsTabActive : ""}`}
+                onClick={() => setActiveTab("runtime")}
+              >
+                Runtime
+              </button>
+            </div>
+
+            {activeTab === "pool" ? (
+              <div className={styles.diagnosticsTableWrap}>
+                <table className={styles.diagnosticsTable}>
+                  <thead>
+                    <tr>
+                      <th>Entity</th>
+                      <th>Reducer Path</th>
+                      <th>Registered</th>
+                      <th>Last Accessed</th>
+                      <th>Active</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    {poolSnapshot.length === 0 ? (
+                      <tr>
+                        <td colSpan={5} className={styles.diagnosticsEmpty}>No entity APIs created in this session yet.</td>
+                      </tr>
+                    ) : (
+                      poolSnapshot.map((entry) => (
+                        <tr key={entry.reducerPath}>
+                          <td>{entry.entityName}</td>
+                          <td className={styles.diagnosticsMono}>{entry.reducerPath}</td>
+                          <td>#{entry.registeredAt}</td>
+                          <td>#{entry.lastAccessedAt}</td>
+                          <td>{entry.active ? "yes" : "no"}</td>
+                        </tr>
+                      ))
+                    )}
+                  </tbody>
+                </table>
+              </div>
+            ) : (
+              <div className={styles.diagnosticsRuntimeGrid}>
+                <div><strong>Environment:</strong> {envName || "unknown"}</div>
+                <div><strong>Backend API:</strong> {backendApi}</div>
+                <div><strong>Login Redirect:</strong> {loginRedirect}</div>
+                <div><strong>User:</strong> {session?.user?.email || session?.user?.name || "(unknown)"}</div>
+                <div className={styles.diagnosticsSpan2}><strong>Roles:</strong> {roles}</div>
+              </div>
+            )}
+          </section>
+        </div>
+      )}
     </div>
   );
 };

package/dist/components/core/common/SolidGlobalSearchElement.js

@@ -1500,7 +1500,7 @@ export var SolidGlobalSearchElement = forwardRef(function (_a, ref) {
                                             chip.onOpen();
                                         }
                                     }
-                                }, children: [_jsx("span", { className: "solid-chip-manager-item-label", title: chip.label, children: chip.label }), _jsx("button", { type: "button", className: "solid-chip-manager-item-remove", onClick: chip.onRemove, "aria-label": "Remove ".concat(chip.label), children: _jsx(X, { size: 14 }) })] }, "manage-".concat(chip.id))); }) })] })), showOverlay && (_jsxs("div", { ref: overlayRef, className: "absolute w-full z-5 shadow-2 solid-search-overlay-pannel", children: [_jsxs("div", { className: "solid-search-overlay-scroll", children: [inputValue ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "custom-filter-search-options solid-search-overlay-section px-3 py-1 flex flex-column", children: [_jsxs("h6", { className: "my-1 solid-search-overlay-heading solid-search-overlay-section-title solid-search-overlay-heading-with-icon", children: [_jsx(Search, { size: 13 }), _jsx("span", { children: "Search by fields" })] }), searchableFields.length > 0 ? (searchableFields.map(function (value, index) {
+                                }, children: [_jsx("span", { className: "solid-chip-manager-item-label", title: chip.label, children: chip.label }), _jsx("button", { type: "button", className: "solid-chip-manager-item-remove", onClick: chip.onRemove, "aria-label": "Remove ".concat(chip.label), children: _jsx(X, { size: 14 }) })] }, "manage-".concat(chip.id))); }) })] })), showOverlay && (_jsxs("div", { ref: overlayRef, className: "absolute w-full shadow-2 solid-search-overlay-pannel", children: [_jsxs("div", { className: "solid-search-overlay-scroll", children: [inputValue ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "custom-filter-search-options solid-search-overlay-section px-3 py-1 flex flex-column", children: [_jsxs("h6", { className: "my-1 solid-search-overlay-heading solid-search-overlay-section-title solid-search-overlay-heading-with-icon", children: [_jsx(Search, { size: 13 }), _jsx("span", { children: "Search by fields" })] }), searchableFields.length > 0 ? (searchableFields.map(function (value, index) {
                                                     return (_jsxs(SolidButton, { variant: "ghost", size: "sm", className: "flex gap-1 text-color solid-search-overlay-option ".concat(focusedIndex === index ? "solid-search-overlay-option-active" : "", " justify-content-start"), onMouseDown: function (e) {
                                                             e.preventDefault();
                                                             var currentValue = inputValue === null || inputValue === void 0 ? void 0 : inputValue.trim();