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

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

@@ -1,4 +1,4 @@
-import { permissionExpression } from "../../../helpers/permissions";
+import { getCollectionViewPermissionNames, permissionExpression } from "../../../helpers/permissions";
 import { createSolidEntityApi } from "../../../redux/api/solidEntityApi";
 import { useGetSolidViewLayoutQuery } from "../../../redux/api/solidViewApi";
 import { useLazyCheckIfPermissionExistsQuery } from "../../../redux/api/userApi";
@@ -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];
@@ -207,16 +209,11 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     const fetchPermissions = async () => {
       if (!params.modelName) return;
 
-      const permissionNames = [
-        permissionExpression(params.modelName, "create"),
-        permissionExpression(params.modelName, "delete"),
-        permissionExpression(params.modelName, "update"),
-        permissionExpression(params.modelName, "findMany"),
-        permissionExpression("importTransaction", "create"),
-        permissionExpression("exportTransaction", "create"),
-        permissionExpression("userViewMetadata", "create"),
-        permissionExpression("savedFilters", "create"),
-      ];
+      const permissionNames = getCollectionViewPermissionNames(params.modelName, {
+        includeDeleteMany: false,
+        includeFindOne: false,
+        includeInsertMany: false,
+      });
 
       const queryString = qs.stringify(
         { permissionNames },
@@ -316,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;
 
@@ -353,6 +357,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
     }
 
     setFirst(0);
+    setFilterPredicates(structuredClone(filterPredicates));
     setFilters(updatedFilter);
     setFilterObjectToLocalStorage({
       offset: 0,
@@ -366,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) => {
@@ -443,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">
@@ -467,6 +483,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
                     ref={solidGlobalSearchElementRef}
                     viewData={solidCardViewMetaDataResponse}
                     handleApplyCustomFilter={handleApplyCustomFilter}
+                    filterPredicates={filterPredicates}
                   />
                 </div>
               </div>
@@ -519,7 +536,7 @@ export const SolidCardView = (params: SolidCardViewParams) => {
               </div>
             </div>
 
-            {showGlobalSearchElement && (
+            {shouldShowMobileSearchElement && (
               <div className="flex lg:hidden">
                 <SolidGlobalSearchElement
                   viewType="card"
@@ -528,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}
@@ -544,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/card/SolidCardViewConfigure.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"AAuDA,eAAO,MAAM,sBAAsB,gLAWhC,GAAG,4CA6NL,CAAC"}
+{"version":3,"file":"SolidCardViewConfigure.d.ts","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"AAuDA,eAAO,MAAM,sBAAsB,gLAWhC,GAAG,4CAuNL,CAAC"}

package/dist/components/core/card/SolidCardViewConfigure.js

@@ -10,7 +10,7 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { permissionExpression } from "../../../helpers/permissions";
+import { canExportRecords, canImportRecords, permissionExpression } from "../../../helpers/permissions";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
@@ -98,12 +98,8 @@ export var SolidCardViewConfigure = function (_a) {
         localStorage.removeItem(currentPageUrl);
         window.location.reload();
     };
-    var canImport = Boolean(modelName) &&
-        actionsAllowed.includes("".concat(permissionExpression(modelName, "create"))) &&
-        actionsAllowed.includes("".concat(permissionExpression("importTransaction", "create")));
-    var canExport = Boolean(modelName) &&
-        actionsAllowed.includes("".concat(permissionExpression(modelName, "findMany"))) &&
-        actionsAllowed.includes("".concat(permissionExpression("exportTransaction", "create")));
+    var canImport = canImportRecords(actionsAllowed, modelName);
+    var canExport = canExportRecords(actionsAllowed, modelName);
     var canCustomizeLayout = actionsAllowed.includes("".concat(permissionExpression("userViewMetadata", "create")));
     var canSaveCustomFilter = actionsAllowed.includes("".concat(permissionExpression("savedFilters", "create")));
     var canShowArchivedRecords = Boolean((_d = (_c = (_b = solidCardViewMetaData === null || solidCardViewMetaData === void 0 ? void 0 : solidCardViewMetaData.data) === null || _b === void 0 ? void 0 : _b.solidView) === null || _c === void 0 ? void 0 : _c.model) === null || _d === void 0 ? void 0 : _d.enableSoftDelete);

package/dist/components/core/card/SolidCardViewConfigure.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidCardViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogDescription,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidDropdownMenu,\n  SolidDropdownMenuCheckboxItem,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuLabel,\n  SolidDropdownMenuRadioGroup,\n  SolidDropdownMenuRadioItem,\n  SolidDropdownMenuSeparator,\n  SolidDropdownMenuSub,\n  SolidDropdownMenuSubContent,\n  SolidDropdownMenuSubTrigger,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n  return viewModes\n    .map((option: any) => {\n      if (!option) return null;\n\n      if (typeof option === \"string\") {\n        return {\n          type: option,\n          label: option.charAt(0).toUpperCase() + option.slice(1),\n        };\n      }\n\n      const type = option.type || option.value;\n      if (!type) return null;\n\n      return {\n        ...option,\n        type,\n        label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n      };\n    })\n    .filter(Boolean);\n};\n\nexport const SolidCardViewConfigure = ({\n  solidCardViewMetaData,\n  modelName,\n  actionsAllowed,\n  viewModes,\n  setShowArchived,\n  showArchived,\n  setLayoutDialogVisible,\n  setShowSaveFilterPopup,\n  filters,\n  handleRefreshView,\n}: any) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [view, setView] = useState<string>(\"\");\n  const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n  const [openImportDialog, setOpenImportDialog] = useState(false);\n  const [exportView, setExportView] = useState(false);\n\n  const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n  const showSwitchType = visibleViewModes.length > 1;\n\n  useEffect(() => {\n    if (typeof pathname === \"string\") {\n      const pathSegments = pathname.split(\"/\").filter(Boolean);\n      if (pathSegments.length > 0) {\n        setView(pathSegments[pathSegments.length - 1]);\n      }\n    }\n  }, [pathname]);\n\n  const handleViewChange = (newViewType: string) => {\n    if (view === newViewType) return;\n\n    const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n    const pathSegments = pathname.split(\"/\").filter(Boolean);\n    pathSegments[pathSegments.length - 1] = newViewType;\n    const nextSearchParams = new URLSearchParams(searchParams.toString());\n    const currentQuery = {\n      menuItemId: searchParams.get(\"menuItemId\"),\n      menuItemName: searchParams.get(\"menuItemName\"),\n      actionId: searchParams.get(\"actionId\"),\n      actionName: searchParams.get(\"actionName\"),\n    };\n\n    const queryFields = {\n      menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n      menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n      actionId: nextView?.actionId ?? currentQuery.actionId,\n      actionName: nextView?.actionName ?? currentQuery.actionName,\n    };\n\n    Object.entries(queryFields).forEach(([key, value]) => {\n      if (value) {\n        nextSearchParams.set(key, value);\n      } else {\n        nextSearchParams.delete(key);\n      }\n    });\n\n    const newPath = \"/\" + pathSegments.join(\"/\");\n    const nextQueryString = nextSearchParams.toString();\n    const nextUrl = nextQueryString ? `${newPath}?${nextQueryString}` : newPath;\n    storeCurrentModelViewContext(nextUrl);\n    router.push(nextUrl);\n  };\n\n  const clearLocalstorageCache = () => {\n    const currentPageUrl = window.location.pathname;\n    localStorage.removeItem(currentPageUrl);\n    window.location.reload();\n  };\n\n  const canImport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"create\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"importTransaction\", \"create\")}`);\n\n  const canExport =\n    Boolean(modelName) &&\n    actionsAllowed.includes(`${permissionExpression(modelName, \"findMany\")}`) &&\n    actionsAllowed.includes(`${permissionExpression(\"exportTransaction\", \"create\")}`);\n\n  const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n  const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n  const canShowArchivedRecords = Boolean(solidCardViewMetaData?.data?.solidView?.model?.enableSoftDelete);\n\n  return (\n    <div className=\"position-relative\">\n      <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n        <SolidDropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"solid-icon-button solid-header-cog-trigger\"\n            aria-label=\"Open card options\"\n          >\n            <SolidIcon name=\"si-cog\" aria-hidden />\n          </button>\n        </SolidDropdownMenuTrigger>\n        <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n          {canImport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setOpenImportDialog(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Import</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canExport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setExportView(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Export</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canShowArchivedRecords && (\n            <SolidDropdownMenuCheckboxItem\n              checked={showArchived}\n              onCheckedChange={() => setShowArchived(!showArchived)}\n            >\n              Show Archived Records\n            </SolidDropdownMenuCheckboxItem>\n          )}\n\n          {(canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && <SolidDropdownMenuSeparator />}\n\n          {canCustomizeLayout && (\n            <SolidDropdownMenuSub>\n              <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Layout</span>\n              </SolidDropdownMenuSubTrigger>\n              <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                {showSwitchType && (\n                  <>\n                    <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                    <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                      {visibleViewModes.map((option: any) => (\n                        <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                          {option.label}\n                        </SolidDropdownMenuRadioItem>\n                      ))}\n                    </SolidDropdownMenuRadioGroup>\n                    <SolidDropdownMenuSeparator />\n                  </>\n                )}\n                <SolidDropdownMenuItem\n                  onSelect={() => {\n                    setLayoutDialogVisible(true);\n                    setIsCogMenuOpen(false);\n                  }}\n                >\n                  <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                </SolidDropdownMenuItem>\n              </SolidDropdownMenuSubContent>\n            </SolidDropdownMenuSub>\n          )}\n\n          {canSaveCustomFilter && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setShowSaveFilterPopup(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          <SolidDropdownMenuItem\n            className=\"solid-header-dropdown-item\"\n            onSelect={() => {\n              clearLocalstorageCache();\n              setIsCogMenuOpen(false);\n            }}\n          >\n            <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n            <span className=\"solid-header-action-button-label\">Clear cache</span>\n          </SolidDropdownMenuItem>\n        </SolidDropdownMenuContent>\n      </SolidDropdownMenu>\n\n      <SolidDialog\n        open={exportView}\n        onOpenChange={setExportView}\n        className=\"solid-kanban-export-dialog\"\n        style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n      >\n        <SolidDialogHeader className=\"solid-export-dialog-header\">\n          <div>\n            <SolidDialogTitle>Export</SolidDialogTitle>\n            <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n              Choose the file format, refine the field set, and save reusable export templates.\n            </SolidDialogDescription>\n          </div>\n          <SolidDialogClose />\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n          <SolidExport\n            listViewMetaData={solidCardViewMetaData}\n            filters={filters}\n            onExportComplete={() => setExportView(false)}\n          />\n        </SolidDialogBody>\n      </SolidDialog>\n\n      {openImportDialog && (\n        <SolidGenericImport\n          openImportDialog={openImportDialog}\n          setOpenImportDialog={setOpenImportDialog}\n          listViewMetaData={solidCardViewMetaData}\n          handleFetchUpdatedRecords={handleRefreshView}\n        />\n      )}\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidCardViewConfigure.js","sourceRoot":"","sources":["../../../../src/components/core/card/SolidCardViewConfigure.tsx"],"names":[],"mappings":"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","sourcesContent":["import { canExportRecords, canImportRecords, permissionExpression } from \"../../../helpers/permissions\";\nimport { usePathname } from \"../../../hooks/usePathname\";\nimport { useRouter } from \"../../../hooks/useRouter\";\nimport { useSearchParams } from \"../../../hooks/useSearchParams\";\nimport { storeCurrentModelViewContext } from \"../../../helpers/modelViewPersistence\";\nimport { useEffect, useState } from \"react\";\nimport { SolidExport } from \"../../../components/common/SolidExport\";\nimport { SolidGenericImport } from \"../common/SolidGenericImport/SolidGenericImport\";\nimport {\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogClose,\n  SolidDialogDescription,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidDropdownMenu,\n  SolidDropdownMenuCheckboxItem,\n  SolidDropdownMenuContent,\n  SolidDropdownMenuItem,\n  SolidDropdownMenuLabel,\n  SolidDropdownMenuRadioGroup,\n  SolidDropdownMenuRadioItem,\n  SolidDropdownMenuSeparator,\n  SolidDropdownMenuSub,\n  SolidDropdownMenuSubContent,\n  SolidDropdownMenuSubTrigger,\n  SolidDropdownMenuTrigger,\n  SolidIcon,\n} from \"../../shad-cn-ui\";\n\nconst normalizeViewModes = (viewModes: any[] = []) => {\n  return viewModes\n    .map((option: any) => {\n      if (!option) return null;\n\n      if (typeof option === \"string\") {\n        return {\n          type: option,\n          label: option.charAt(0).toUpperCase() + option.slice(1),\n        };\n      }\n\n      const type = option.type || option.value;\n      if (!type) return null;\n\n      return {\n        ...option,\n        type,\n        label: option.label || (type.charAt(0).toUpperCase() + type.slice(1)),\n      };\n    })\n    .filter(Boolean);\n};\n\nexport const SolidCardViewConfigure = ({\n  solidCardViewMetaData,\n  modelName,\n  actionsAllowed,\n  viewModes,\n  setShowArchived,\n  showArchived,\n  setLayoutDialogVisible,\n  setShowSaveFilterPopup,\n  filters,\n  handleRefreshView,\n}: any) => {\n  const pathname = usePathname();\n  const router = useRouter();\n  const searchParams = useSearchParams();\n  const [view, setView] = useState<string>(\"\");\n  const [isCogMenuOpen, setIsCogMenuOpen] = useState(false);\n  const [openImportDialog, setOpenImportDialog] = useState(false);\n  const [exportView, setExportView] = useState(false);\n\n  const visibleViewModes = normalizeViewModes(Array.isArray(viewModes) ? viewModes : []);\n  const showSwitchType = visibleViewModes.length > 1;\n\n  useEffect(() => {\n    if (typeof pathname === \"string\") {\n      const pathSegments = pathname.split(\"/\").filter(Boolean);\n      if (pathSegments.length > 0) {\n        setView(pathSegments[pathSegments.length - 1]);\n      }\n    }\n  }, [pathname]);\n\n  const handleViewChange = (newViewType: string) => {\n    if (view === newViewType) return;\n\n    const nextView = visibleViewModes.find((option: any) => option.type === newViewType);\n    const pathSegments = pathname.split(\"/\").filter(Boolean);\n    pathSegments[pathSegments.length - 1] = newViewType;\n    const nextSearchParams = new URLSearchParams(searchParams.toString());\n    const currentQuery = {\n      menuItemId: searchParams.get(\"menuItemId\"),\n      menuItemName: searchParams.get(\"menuItemName\"),\n      actionId: searchParams.get(\"actionId\"),\n      actionName: searchParams.get(\"actionName\"),\n    };\n\n    const queryFields = {\n      menuItemId: nextView?.menuItemId ?? currentQuery.menuItemId,\n      menuItemName: nextView?.menuItemName ?? currentQuery.menuItemName,\n      actionId: nextView?.actionId ?? currentQuery.actionId,\n      actionName: nextView?.actionName ?? currentQuery.actionName,\n    };\n\n    Object.entries(queryFields).forEach(([key, value]) => {\n      if (value) {\n        nextSearchParams.set(key, value);\n      } else {\n        nextSearchParams.delete(key);\n      }\n    });\n\n    const newPath = \"/\" + pathSegments.join(\"/\");\n    const nextQueryString = nextSearchParams.toString();\n    const nextUrl = nextQueryString ? `${newPath}?${nextQueryString}` : newPath;\n    storeCurrentModelViewContext(nextUrl);\n    router.push(nextUrl);\n  };\n\n  const clearLocalstorageCache = () => {\n    const currentPageUrl = window.location.pathname;\n    localStorage.removeItem(currentPageUrl);\n    window.location.reload();\n  };\n\n  const canImport = canImportRecords(actionsAllowed, modelName);\n\n  const canExport = canExportRecords(actionsAllowed, modelName);\n\n  const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression(\"userViewMetadata\", \"create\")}`);\n  const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression(\"savedFilters\", \"create\")}`);\n  const canShowArchivedRecords = Boolean(solidCardViewMetaData?.data?.solidView?.model?.enableSoftDelete);\n\n  return (\n    <div className=\"position-relative\">\n      <SolidDropdownMenu open={isCogMenuOpen} onOpenChange={setIsCogMenuOpen}>\n        <SolidDropdownMenuTrigger asChild>\n          <button\n            type=\"button\"\n            className=\"solid-icon-button solid-header-cog-trigger\"\n            aria-label=\"Open card options\"\n          >\n            <SolidIcon name=\"si-cog\" aria-hidden />\n          </button>\n        </SolidDropdownMenuTrigger>\n        <SolidDropdownMenuContent className=\"listview-cogwheel-panel\">\n          {canImport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setOpenImportDialog(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-download\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Import</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canExport && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setExportView(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-upload\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Export</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          {canShowArchivedRecords && (\n            <SolidDropdownMenuCheckboxItem\n              checked={showArchived}\n              onCheckedChange={() => setShowArchived(!showArchived)}\n            >\n              Show Archived Records\n            </SolidDropdownMenuCheckboxItem>\n          )}\n\n          {(canCustomizeLayout || canSaveCustomFilter || canShowArchivedRecords) && <SolidDropdownMenuSeparator />}\n\n          {canCustomizeLayout && (\n            <SolidDropdownMenuSub>\n              <SolidDropdownMenuSubTrigger className=\"solid-header-dropdown-item\">\n                <SolidIcon name=\"si-sliders-h\" className=\"solid-header-action-button-icon\" aria-hidden />\n                <span className=\"solid-header-action-button-label\">Layout</span>\n              </SolidDropdownMenuSubTrigger>\n              <SolidDropdownMenuSubContent className=\"customize-layout-panel\">\n                {showSwitchType && (\n                  <>\n                    <SolidDropdownMenuLabel>Switch Type</SolidDropdownMenuLabel>\n                    <SolidDropdownMenuRadioGroup value={view} onValueChange={handleViewChange}>\n                      {visibleViewModes.map((option: any) => (\n                        <SolidDropdownMenuRadioItem key={option.type} value={option.type}>\n                          {option.label}\n                        </SolidDropdownMenuRadioItem>\n                      ))}\n                    </SolidDropdownMenuRadioGroup>\n                    <SolidDropdownMenuSeparator />\n                  </>\n                )}\n                <SolidDropdownMenuItem\n                  onSelect={() => {\n                    setLayoutDialogVisible(true);\n                    setIsCogMenuOpen(false);\n                  }}\n                >\n                  <SolidIcon name=\"si-code\" className=\"solid-header-action-button-icon\" aria-hidden />\n                  <span className=\"solid-header-action-button-label\">Layout Editor</span>\n                </SolidDropdownMenuItem>\n              </SolidDropdownMenuSubContent>\n            </SolidDropdownMenuSub>\n          )}\n\n          {canSaveCustomFilter && (\n            <SolidDropdownMenuItem\n              className=\"solid-header-dropdown-item\"\n              onSelect={() => {\n                setShowSaveFilterPopup(true);\n                setIsCogMenuOpen(false);\n              }}\n            >\n              <SolidIcon name=\"si-save\" className=\"solid-header-action-button-icon\" aria-hidden />\n              <span className=\"solid-header-action-button-label\">Save Custom Filter</span>\n            </SolidDropdownMenuItem>\n          )}\n\n          <SolidDropdownMenuItem\n            className=\"solid-header-dropdown-item\"\n            onSelect={() => {\n              clearLocalstorageCache();\n              setIsCogMenuOpen(false);\n            }}\n          >\n            <SolidIcon name=\"si-trash\" className=\"solid-header-action-button-icon\" aria-hidden />\n            <span className=\"solid-header-action-button-label\">Clear cache</span>\n          </SolidDropdownMenuItem>\n        </SolidDropdownMenuContent>\n      </SolidDropdownMenu>\n\n      <SolidDialog\n        open={exportView}\n        onOpenChange={setExportView}\n        className=\"solid-kanban-export-dialog\"\n        style={{ width: \"min(960px, calc(100vw - 32px))\" }}\n      >\n        <SolidDialogHeader className=\"solid-export-dialog-header\">\n          <div>\n            <SolidDialogTitle>Export</SolidDialogTitle>\n            <SolidDialogDescription className=\"solid-filter-dialog-subtitle m-0\">\n              Choose the file format, refine the field set, and save reusable export templates.\n            </SolidDialogDescription>\n          </div>\n          <SolidDialogClose />\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody className=\"solid-kanban-export-dialog-body\">\n          <SolidExport\n            listViewMetaData={solidCardViewMetaData}\n            filters={filters}\n            onExportComplete={() => setExportView(false)}\n          />\n        </SolidDialogBody>\n      </SolidDialog>\n\n      {openImportDialog && (\n        <SolidGenericImport\n          openImportDialog={openImportDialog}\n          setOpenImportDialog={setOpenImportDialog}\n          listViewMetaData={solidCardViewMetaData}\n          handleFetchUpdatedRecords={handleRefreshView}\n        />\n      )}\n    </div>\n  );\n};\n"]}

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

@@ -1,4 +1,4 @@
-import { permissionExpression } from "../../../helpers/permissions";
+import { canExportRecords, canImportRecords, permissionExpression } from "../../../helpers/permissions";
 import { usePathname } from "../../../hooks/usePathname";
 import { useRouter } from "../../../hooks/useRouter";
 import { useSearchParams } from "../../../hooks/useSearchParams";
@@ -127,15 +127,9 @@ export const SolidCardViewConfigure = ({
     window.location.reload();
   };
 
-  const canImport =
-    Boolean(modelName) &&
-    actionsAllowed.includes(`${permissionExpression(modelName, "create")}`) &&
-    actionsAllowed.includes(`${permissionExpression("importTransaction", "create")}`);
+  const canImport = canImportRecords(actionsAllowed, modelName);
 
-  const canExport =
-    Boolean(modelName) &&
-    actionsAllowed.includes(`${permissionExpression(modelName, "findMany")}`) &&
-    actionsAllowed.includes(`${permissionExpression("exportTransaction", "create")}`);
+  const canExport = canExportRecords(actionsAllowed, modelName);
 
   const canCustomizeLayout = actionsAllowed.includes(`${permissionExpression("userViewMetadata", "create")}`);
   const canSaveCustomFilter = actionsAllowed.includes(`${permissionExpression("savedFilters", "create")}`);

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