@solidxai/core-ui 0.1.13-beta.4 → 0.1.13-beta.5

package/dist/components/core/card/SolidCardView.tsx

@@ -15,7 +15,7 @@ import { SolidHeaderRequestStatus } from "../../common/SolidHeaderRequestStatus"
 import { SolidCreateButton } from "../common/SolidCreateButton";
 import { SolidGlobalSearchElement } from "../common/SolidGlobalSearchElement";
 import { SolidEmptyListViewPlaceholder } from "../list/SolidEmptyListViewPlaceholder";
-import { getFilterObjectFromLocalStorage, hasStoredFilterPredicates, setFilterObjectToLocalStorage } from "../common/globalSearchPersistence";
+import { getFilterObjectFromLocalStorage,hasMeaningfulPersistedFilter,hasStoredFilterPredicates,hasStoredSearchUiState, setFilterObjectToLocalStorage} from "../common/globalSearchPersistence";
 import { normalizeSolidListTreeKanbanActionPath } from "../../../helpers/routePaths";
 import { SolidCardViewConfigure } from "./SolidCardViewConfigure";
 import { CardGrid } from "./CardGrid";
@@ -109,6 +109,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
 
   const [actionsAllowed, setActionsAllowed] = useState<string[]>([]);
   const [showGlobalSearchElement, setShowGlobalSearchElement] = useState(false);
+  const [filterPredicates, setFilterPredicates] = useState<any>(null);
   const [viewModes, setViewModes] = useState<any[]>([]);
   const [filters, setFilters] = useState<any>({ $and: [] });
   const [cards, setCards] = useState<any[]>([]);
@@ -131,6 +132,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   const [showArchived, setShowArchived] = useState(false);
   const [selectedCardForDelete, setSelectedCardForDelete] = useState<any>(null);
   const [isDeleteDialogVisible, setDeleteDialogVisible] = useState(false);
+  const shouldShowMobileSearchElement = showGlobalSearchElement || hasStoredSearchUiState(filterPredicates) || hasStoredSearchUiState(getFilterObjectFromLocalStorage());
 
   const lightboxSlides: SolidLightboxSlide[] = Array.isArray(lightboxUrls)
     ? lightboxUrls
@@ -151,8 +153,8 @@ export const SolidCardView = (params: SolidCardViewParams) => {
 
   const entityApi = createSolidEntityApi(params.modelName);
   const { useDeleteSolidEntityMutation, useLazyGetSolidEntitiesQuery, useLazyRecoverSolidEntityByIdQuery } = entityApi;
-  const [triggerGetSolidEntities] = useLazyGetSolidEntitiesQuery();
-  const [deleteSolidEntity] = useDeleteSolidEntityMutation();
+  const [triggerGetSolidEntities, { data: solidEntityCardViewData }] = useLazyGetSolidEntitiesQuery();
+  const [deleteSolidEntity, { isLoading: isDeletingRecord }] = useDeleteSolidEntityMutation();
   const [triggerRecoverSolidEntityById, { isLoading: recoverByIdIsLoading }] = useLazyRecoverSolidEntityByIdQuery();
 
   const menuItemId = searchParams.get("menuItemId");
@@ -175,7 +177,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     }
   );
 
-  const { data: solidCardViewMetaDataResponse } = useGetSolidViewLayoutQuery(cardViewMetaDataQs);
+  const {data: solidCardViewMetaDataResponse,isLoading: solidCardViewMetaDataIsLoading,} = useGetSolidViewLayoutQuery(cardViewMetaDataQs);
 
   const editBaseUrl = normalizeSolidListTreeKanbanActionPath(pathname, editButtonUrl || "form");
   const rowsOptions = rowsPerPageOptions && rowsPerPageOptions.length > 0 ? rowsPerPageOptions : [12, 24, 48];
@@ -311,6 +313,13 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     void loadCards(filters);
   }, [filters, first, queryDataLoaded, rows, showArchived, solidCardViewMetaDataResponse, toPopulate, toPopulateMedia]);
 
+  useEffect(() => {
+    if (!solidEntityCardViewData) return;
+
+    setCards(solidEntityCardViewData?.records || []);
+    setTotalRecords(solidEntityCardViewData?.meta?.totalRecords || 0);
+  }, [solidEntityCardViewData]);
+
   useEffect(() => {
     if (!queryDataLoaded) return;
 
@@ -348,6 +357,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     }
 
     setFirst(0);
+    setFilterPredicates(structuredClone(filterPredicates));
     setFilters(updatedFilter);
     setFilterObjectToLocalStorage({
       offset: 0,
@@ -361,13 +371,13 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     });
   };
 
-  const handleFetchUpdatedRecords = () => {
+  const handleFetchUpdatedRecords = async () => {
     if (hasStoredFilterPredicates(getFilterObjectFromLocalStorage())) {
       solidGlobalSearchElementRef.current?.clearAppliedFilters?.();
       return;
     }
 
-    void loadCards(filters);
+    await loadCards(filters);
   };
 
   const handleRecoverRecord = async (record: any) => {
@@ -438,8 +448,19 @@ export const SolidCardView = (params: SolidCardViewParams) => {
   const canDeleteCards = actionsAllowed.includes(`${permissionExpression(params.modelName, "delete")}`) &&
     solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.delete !== false &&
     solidCardViewMetaDataResponse?.data?.solidView?.layout?.attrs?.showRowDeleteInContextMenu !== false;
-  const showEmptyState = !loading && cards.length === 0;
-  const headerRequestStatusLabel = recoverByIdIsLoading ? "Recovering..." : loading || !queryDataLoaded ? "Loading..." : null;
+  const isCardViewMetaDataReady = Boolean(solidCardViewMetaDataResponse?.data?.solidView);
+  const showCardBodyLoadingPlaceholder = solidCardViewMetaDataIsLoading || (isCardViewMetaDataReady && (!queryDataLoaded || (loading && cards.length === 0)));
+  const hasActiveFilters = hasMeaningfulPersistedFilter(filters);
+  const showEmptyState = !loading && cards.length === 0 && !hasActiveFilters;
+  const showFilteredEmptyState = !loading && cards.length === 0 && hasActiveFilters;
+  const filteredEmptyMessage = solidCardViewMetaDataResponse?.data?.solidView?.model?.description || "No Entities found";
+  const headerRequestStatusLabel = isDeletingRecord
+    ? "Deleting..."
+    : recoverByIdIsLoading
+      ? "Recovering..."
+      : loading || !queryDataLoaded
+        ? "Loading..."
+        : null;
 
   return (
     <div className="page-parent-wrapper solid-list-page-wrapper flex h-full min-h-0 overflow-hidden">
@@ -462,6 +483,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                     ref={solidGlobalSearchElementRef}
                     viewData={solidCardViewMetaDataResponse}
                     handleApplyCustomFilter={handleApplyCustomFilter}
+                    filterPredicates={filterPredicates}
                   />
                 </div>
               </div>
@@ -514,7 +536,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
               </div>
             </div>
 
-            {showGlobalSearchElement && (
+            {shouldShowMobileSearchElement && (
               <div className="flex lg:hidden">
                 <SolidGlobalSearchElement
                   viewType="card"
@@ -523,14 +545,18 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   ref={solidGlobalSearchElementRef}
                   viewData={solidCardViewMetaDataResponse}
                   handleApplyCustomFilter={handleApplyCustomFilter}
+                  filterPredicates={filterPredicates}
                 />
               </div>
             )}
           </div>
 
           <div className="solid-card-view-content">
-            <div className="solid-card-view-body">
-              {showEmptyState ? (
+            {showCardBodyLoadingPlaceholder ? (
+              <div className="solid-view-loading-body-spacer flex-1 min-h-0" />
+            ) : (
+              <div className="solid-card-view-body">
+                {showEmptyState ? (
                 <SolidEmptyListViewPlaceholder
                   createButtonUrl={createButtonUrl}
                   createActionQueryParams={createActionQueryParams}
@@ -539,19 +565,24 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                   solidListViewMetaData={solidCardViewMetaDataResponse}
                   handleFetchUpdatedRecords={handleFetchUpdatedRecords}
                 />
-              ) : (
-                <CardGrid
-                  records={cards}
-                  solidCardViewMetaData={solidCardViewMetaDataResponse?.data}
-                  editButtonUrl={editBaseUrl}
-                  onDelete={canDeleteCards ? handleOpenDeleteDialog : undefined}
-                  onRecover={handleRecoverRecord}
-                  setLightboxUrls={setLightboxUrls}
-                  setOpenLightbox={setOpenLightbox}
-                  showArchived={showArchived}
-                />
-              )}
-            </div>
+                ) : showFilteredEmptyState ? (
+                  <div className="flex min-h-[240px] items-center justify-center rounded-md border border-border/60 bg-background px-6 py-10 text-center text-muted-foreground">
+                    {filteredEmptyMessage}
+                  </div>
+                ) : (
+                  <CardGrid
+                    records={cards}
+                    solidCardViewMetaData={solidCardViewMetaDataResponse?.data}
+                    editButtonUrl={editBaseUrl}
+                    onDelete={canDeleteCards ? handleOpenDeleteDialog : undefined}
+                    onRecover={handleRecoverRecord}
+                    setLightboxUrls={setLightboxUrls}
+                    setOpenLightbox={setOpenLightbox}
+                    showArchived={showArchived}
+                  />
+                )}
+              </div>
+            )}
 
             {totalRecords > 0 && (
               <div className="solid-card-view-pagination">

package/dist/components/core/common/SolidAccountSettings/SolidAccountSettings.module.css

@@ -12,6 +12,7 @@
 .modal {
   width: min(540px, calc(100vw - 20px));
   max-height: calc(100vh - 32px);
+  min-width: 0;
   display: flex;
   flex-direction: column;
   border-radius: 12px;
@@ -20,6 +21,7 @@
   color: var(--card-foreground);
   box-shadow: 0 20px 48px rgba(2, 6, 23, 0.35);
   overflow: hidden;
+  overscroll-behavior: contain;
 }
 
 .header {
@@ -32,6 +34,10 @@
   gap: 12px;
 }
 
+.header > div {
+  min-width: 0;
+}
+
 .title {
   margin: 0;
   color: var(--card-foreground);
@@ -96,6 +102,7 @@
 .formWrapper {
   flex: 1;
   min-height: 0;
+  min-width: 0;
   overflow: auto;
   padding: 12px;
   background: var(--card);
@@ -195,11 +202,17 @@
   padding: 0 14px 14px;
 }
 
+.tabsLine::-webkit-scrollbar {
+  display: none;
+}
+
 @media (max-width: 900px) {
   .tabsLine {
     gap: 12px;
     overflow-x: auto;
     white-space: nowrap;
+    scrollbar-width: none;
+    -ms-overflow-style: none;
   }
 }
 
@@ -527,6 +540,16 @@
   display: flex;
   align-items: center;
   gap: 8px;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+}
+
+.diagnosticsRefreshStatus {
+  font-size: 12px;
+  color: var(--muted-foreground);
+  min-height: 18px;
+  display: inline-flex;
+  align-items: center;
 }
 
 .diagnosticsSummary {
@@ -696,3 +719,79 @@
     grid-column: span 1;
   }
 }
+
+@media (max-width: 640px) {
+  .backdrop {
+    padding: 8px;
+  }
+
+  .modal {
+    width: calc(100vw - 16px);
+    max-height: calc(100dvh - 16px);
+    border-radius: 14px;
+  }
+
+  .header {
+    padding: 14px 12px 10px;
+    align-items: flex-start;
+  }
+
+  .title {
+    font-size: 18px;
+  }
+
+  .subtitle {
+    font-size: 11.5px;
+    line-height: 1.4;
+  }
+
+  .tabsLine {
+    gap: 10px;
+    padding: 0 12px;
+    overscroll-behavior-x: contain;
+  }
+
+  .tabTrigger {
+    flex: 0 0 auto;
+    font-size: 12px;
+    padding: 11px 0 9px;
+  }
+
+  .formWrapper {
+    padding: 8px;
+  }
+
+  .accountScroll {
+    padding: 8px 8px 0;
+  }
+
+  .avatarRow,
+  .versionRow {
+    flex-direction: column;
+    align-items: flex-start;
+  }
+
+  .versionTags {
+    flex-wrap: wrap;
+  }
+
+  .footerActions {
+    padding: 10px 8px 12px;
+  }
+
+  .confirmActions {
+    padding: 0 8px 12px;
+    flex-direction: column-reverse;
+  }
+
+  .footerActions :global(.solid-btn),
+  .confirmActions :global(.solid-btn),
+  .versionActions :global(.solid-btn) {
+    width: 100%;
+    justify-content: center;
+  }
+
+  .versionActions {
+    width: 100%;
+  }
+}

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":"AA0BA,eAAO,MAAM,gBAAgB,+CAsK5B,CAAC"}
+{"version":3,"file":"SolidVersionInfo.d.ts","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"AA0BA,eAAO,MAAM,gBAAgB,+CAyM5B,CAAC"}

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

@@ -1,5 +1,41 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import { env } from "../../../../adapters/env";
 import { hasAnyRole } from "../../../../helpers/rolesHelper";
 import { useSession } from "../../../../hooks/useSession";
@@ -22,12 +58,47 @@ export var SolidVersionInfo = function () {
     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]);
+    var _j = useState("pool"), activeTab = _j[0], setActiveTab = _j[1];
+    var _k = useState(function () { return getSolidEntityApiPoolSnapshot(); }), poolSnapshot = _k[0], setPoolSnapshot = _k[1];
+    var _l = useState(false), isRefreshingDiagnostics = _l[0], setIsRefreshingDiagnostics = _l[1];
+    var _m = useState(null), lastDiagnosticsRefreshLabel = _m[0], setLastDiagnosticsRefreshLabel = _m[1];
     useEffect(function () {
         trigger("");
     }, [trigger]);
+    var refreshDiagnosticsSnapshot = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var snapshot;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    setIsRefreshingDiagnostics(true);
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, , 3, 4]);
+                    return [4 /*yield*/, new Promise(function (resolve) {
+                            window.requestAnimationFrame(function () { return resolve(); });
+                        })];
+                case 2:
+                    _a.sent();
+                    snapshot = getSolidEntityApiPoolSnapshot();
+                    setPoolSnapshot(snapshot);
+                    setLastDiagnosticsRefreshLabel("Refreshed at ".concat(new Intl.DateTimeFormat(undefined, {
+                        hour: "numeric",
+                        minute: "2-digit",
+                        second: "2-digit",
+                    }).format(new Date())));
+                    return [3 /*break*/, 4];
+                case 3:
+                    setIsRefreshingDiagnostics(false);
+                    return [7 /*endfinally*/];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    useEffect(function () {
+        if (!showDiagnostics)
+            return;
+        void refreshDiagnosticsSnapshot();
+    }, [showDiagnostics]);
     if (isLoading) {
         return (_jsx("div", { className: styles.versionLoaderWrap, children: _jsx("span", { className: "solid-btn-spinner", "aria-hidden": "true" }) }));
     }
@@ -45,6 +116,6 @@ export var SolidVersionInfo = function () {
     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] })] }))] }) }))] }));
+                }) }), 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("span", { className: styles.diagnosticsRefreshStatus, "aria-live": "polite", children: lastDiagnosticsRefreshLabel }), _jsx(SolidButton, { type: "button", size: "sm", variant: "outline", loading: isRefreshingDiagnostics, onClick: function () { return void refreshDiagnosticsSnapshot(); }, 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":"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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"]}
+{"version":3,"file":"SolidVersionInfo.js","sourceRoot":"","sources":["../../../../../src/components/core/common/SolidAccountSettings/SolidVersionInfo.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, 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 [activeTab, setActiveTab] = useState<\"pool\" | \"runtime\">(\"pool\");\n  const [poolSnapshot, setPoolSnapshot] = useState(() => getSolidEntityApiPoolSnapshot());\n  const [isRefreshingDiagnostics, setIsRefreshingDiagnostics] = useState(false);\n  const [lastDiagnosticsRefreshLabel, setLastDiagnosticsRefreshLabel] = useState<string | null>(null);\n\n  useEffect(() => {\n    trigger(\"\");\n  }, [trigger]);\n\n  const refreshDiagnosticsSnapshot = async () => {\n    setIsRefreshingDiagnostics(true);\n\n    try {\n      await new Promise<void>((resolve) => {\n        window.requestAnimationFrame(() => resolve());\n      });\n\n      const snapshot = getSolidEntityApiPoolSnapshot();\n      setPoolSnapshot(snapshot);\n      setLastDiagnosticsRefreshLabel(\n        `Refreshed at ${new Intl.DateTimeFormat(undefined, {\n          hour: \"numeric\",\n          minute: \"2-digit\",\n          second: \"2-digit\",\n        }).format(new Date())}`\n      );\n    } finally {\n      setIsRefreshingDiagnostics(false);\n    }\n  };\n\n  useEffect(() => {\n    if (!showDiagnostics) return;\n    void refreshDiagnosticsSnapshot();\n  }, [showDiagnostics]);\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                <span className={styles.diagnosticsRefreshStatus} aria-live=\"polite\">{lastDiagnosticsRefreshLabel}</span>\n                <SolidButton\n                  type=\"button\"\n                  size=\"sm\"\n                  variant=\"outline\"\n                  loading={isRefreshingDiagnostics}\n                  onClick={() => void refreshDiagnosticsSnapshot()}\n                >\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,4 +1,4 @@
-import { useEffect, useMemo, useState } from "react";
+import { useEffect, useState } from "react";
 import { env } from "../../../../adapters/env";
 import { hasAnyRole } from "../../../../helpers/rolesHelper";
 import { useSession } from "../../../../hooks/useSession";
@@ -28,14 +28,42 @@ 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]);
+  const [poolSnapshot, setPoolSnapshot] = useState(() => getSolidEntityApiPoolSnapshot());
+  const [isRefreshingDiagnostics, setIsRefreshingDiagnostics] = useState(false);
+  const [lastDiagnosticsRefreshLabel, setLastDiagnosticsRefreshLabel] = useState<string | null>(null);
 
   useEffect(() => {
     trigger("");
   }, [trigger]);
 
+  const refreshDiagnosticsSnapshot = async () => {
+    setIsRefreshingDiagnostics(true);
+
+    try {
+      await new Promise<void>((resolve) => {
+        window.requestAnimationFrame(() => resolve());
+      });
+
+      const snapshot = getSolidEntityApiPoolSnapshot();
+      setPoolSnapshot(snapshot);
+      setLastDiagnosticsRefreshLabel(
+        `Refreshed at ${new Intl.DateTimeFormat(undefined, {
+          hour: "numeric",
+          minute: "2-digit",
+          second: "2-digit",
+        }).format(new Date())}`
+      );
+    } finally {
+      setIsRefreshingDiagnostics(false);
+    }
+  };
+
+  useEffect(() => {
+    if (!showDiagnostics) return;
+    void refreshDiagnosticsSnapshot();
+  }, [showDiagnostics]);
+
   if (isLoading) {
     return (
       <div className={styles.versionLoaderWrap}>
@@ -107,7 +135,14 @@ export const SolidVersionInfo = () => {
                 <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)}>
+                <span className={styles.diagnosticsRefreshStatus} aria-live="polite">{lastDiagnosticsRefreshLabel}</span>
+                <SolidButton
+                  type="button"
+                  size="sm"
+                  variant="outline"
+                  loading={isRefreshingDiagnostics}
+                  onClick={() => void refreshDiagnosticsSnapshot()}
+                >
                   Refresh
                 </SolidButton>
                 <button

package/dist/components/core/common/SolidGlobalSearchElement.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgF,MAAM,OAAO,CAAC;AAarG,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAiID,eAAO,MAAM,wBAAwB,kFA4tDnC,CAAC"}
+{"version":3,"file":"SolidGlobalSearchElement.d.ts","sourceRoot":"","sources":["../../../../src/components/core/common/SolidGlobalSearchElement.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA6F,MAAM,OAAO,CAAC;AAclH,OAA0B,EAAE,eAAe,EAAE,YAAY,EAAsB,MAAM,qBAAqB,CAAC;AA0B3G,MAAM,MAAM,eAAe,GAAG;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;CACrB,CAAA;AAED,MAAM,MAAM,cAAc,GAAG;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,WAAW,EAAE,MAAM,CAAC;IACpB,WAAW,EAAE,MAAM,CAAC;IACpB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,OAAO,EAAE,MAAM,CAAC;IAChB,YAAY,EAAE,MAAM,CAAC;IACrB,sBAAsB,EAAE,MAAM,CAAC;CAClC,CAAA;AAoUD,eAAO,MAAM,2BAA2B,sBAAuB,GAAG,aAAa,GAAG,yBAAyB,MAAM,iBAAiB,MAAM,QAavI,CAAA;AAGD,eAAO,MAAM,mBAAmB,iBAAkB,GAAG,gBAAgB,GAAG,eAAe,GAAG,qBAAqB,GAAG,kBAAkB,YAAY,EAAE,qBAAqB,eAAe,EAAE,QAwBvL,CAAA;AAoID,eAAO,MAAM,wBAAwB,kFA6sDnC,CAAC"}