@solidxai/core-ui 0.1.8 → 0.1.9-beta.1

package/dist/resources/globals.css

@@ -2753,6 +2753,10 @@ li.header-li-px {
   height: auto;
 }
 
+.solid-custom-filter-wrapper {
+  z-index: 85;
+}
+
 .custom-filter-button {
   border-right: 0;
   border-top: 0;
@@ -2897,6 +2901,7 @@ li.header-li-px {
 .solid-chip-manager-panel {
   top: calc(100% + 6px);
   left: 0;
+  z-index: 90 !important;
   width: min(360px, 100%);
   background: var(--card);
   border: 1px solid color-mix(in srgb, var(--border) 86%, transparent);
@@ -3880,7 +3885,8 @@ li.header-li-px {
 
 .solid-search-overlay-pannel {
   top: calc(100% + 4px) !important;
-  z-index: 20;
+  /* Keep above datatable sticky headers/columns and other elevated surfaces. */
+  z-index: 1004 !important;
   background: var(--card);
   border: 1px solid color-mix(in srgb, var(--border) 86%, transparent) !important;
   border-radius: 10px;

package/dist/resources/shadcn-base.css

@@ -1351,6 +1351,7 @@ body {
 .solid-autocomplete {
   position: relative;
   width: 100%;
+  min-width: 0;
 }
 
 .solid-autocomplete-control {
@@ -1358,6 +1359,7 @@ body {
   display: flex;
   align-items: center;
   width: 100%;
+  min-width: 0;
 }
 
 .solid-autocomplete-chip-control {
@@ -1385,6 +1387,8 @@ body {
   min-height: 24px;
   height: 24px;
   flex: 1 1 110px;
+  min-width: 0;
+  max-width: 100%;
   padding: 0 4px;
 }
 
@@ -1458,6 +1462,8 @@ body {
   align-items: center;
   gap: 4px;
   min-height: 22px;
+  min-width: 0;
+  max-width: 100%;
   border-radius: 999px;
   border: 1px solid color-mix(in srgb, var(--primary) 24%, transparent);
   background: color-mix(in srgb, var(--primary) 10%, transparent);
@@ -1467,6 +1473,8 @@ body {
 }
 
 .solid-autocomplete-chip-label {
+  min-width: 0;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;

package/dist/routes/pages/admin/core/DiagnosticsPage.d.ts

@@ -0,0 +1,2 @@
+export declare function DiagnosticsPage(): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DiagnosticsPage.d.ts.map

package/dist/routes/pages/admin/core/DiagnosticsPage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DiagnosticsPage.tsx"],"names":[],"mappings":"AAsBA,wBAAgB,eAAe,4CAgJ9B"}

package/dist/routes/pages/admin/core/DiagnosticsPage.js

@@ -0,0 +1,48 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useMemo, useState } from "react";
+import { env } from "../../../../adapters/env";
+import { loadSession } from "../../../../adapters/auth/storage";
+import { hasAnyRole } from "../../../../helpers/rolesHelper";
+import { useSession } from "../../../../hooks/useSession";
+import { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from "../../../../redux/store/solidEntityApiPool";
+import { SolidButton } from "../../../../components/shad-cn-ui/SolidButton";
+var ALLOWED_ENVIRONMENTS = new Set([
+    "dev",
+    "development",
+    "staging",
+    "stage",
+    "uat",
+    "test",
+    "local",
+]);
+function toDisplayTime(counter) {
+    return "#".concat(counter);
+}
+export function DiagnosticsPage() {
+    var _a, _b, _c, _d;
+    var _e = useSession(), session = _e.data, status = _e.status;
+    var _f = useState(0), refreshTick = _f[0], setRefreshTick = _f[1];
+    var envName = (env("VITE_SOLIDX_ENV") || "unknown").toLowerCase();
+    var diagnosticsEnabled = ALLOWED_ENVIRONMENTS.has(envName);
+    var isAdmin = hasAnyRole((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.roles, ["Admin"]);
+    var poolSnapshot = useMemo(function () {
+        refreshTick;
+        return getSolidEntityApiPoolSnapshot();
+    }, [refreshTick]);
+    var activeCount = poolSnapshot.filter(function (entry) { return entry.active; }).length;
+    var cachedCount = poolSnapshot.length;
+    var loginRedirect = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+    var backendApi = env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL", "");
+    var localSession = loadSession();
+    if (status === "loading") {
+        return (_jsx("div", { className: "solid-studio-home", children: _jsx("div", { className: "solid-studio-home-inner solid-studio-home-inner--wider", children: _jsx("div", { className: "solid-studio-card", children: _jsx("div", { className: "solid-studio-card-content", children: "Loading diagnostics..." }) }) }) }));
+    }
+    if (!isAdmin) {
+        return (_jsx("div", { className: "solid-studio-home", children: _jsx("div", { className: "solid-studio-home-inner solid-studio-home-inner--wider", children: _jsx("div", { className: "solid-studio-card", children: _jsxs("div", { className: "solid-studio-card-header", children: [_jsx("h3", { className: "solid-studio-card-title", children: "Diagnostics Access Restricted" }), _jsx("p", { className: "solid-studio-card-description", children: "You do not have permission to view this diagnostics page." })] }) }) }) }));
+    }
+    if (!diagnosticsEnabled) {
+        return (_jsx("div", { className: "solid-studio-home", children: _jsx("div", { className: "solid-studio-home-inner solid-studio-home-inner--wider", children: _jsx("div", { className: "solid-studio-card", children: _jsxs("div", { className: "solid-studio-card-header", children: [_jsx("h3", { className: "solid-studio-card-title", children: "Diagnostics Disabled" }), _jsxs("p", { className: "solid-studio-card-description", children: ["Diagnostics are enabled only in dev/staging-style environments. Current environment: ", _jsx("code", { children: envName }), "."] })] }) }) }) }));
+    }
+    return (_jsx("div", { className: "solid-studio-home solid-studio-home--top", children: _jsxs("div", { className: "solid-studio-home-inner solid-studio-home-inner--wider", children: [_jsxs("div", { className: "solid-studio-home-toolbar", style: { marginBottom: "14px" }, children: [_jsx("div", { className: "solid-studio-home-toolbar-left", children: _jsxs("div", { className: "solid-studio-home-heading", children: [_jsx("div", { className: "solid-studio-home-badge", children: "Diagnostics" }), _jsx("h1", { children: "SolidX Runtime Diagnostics" }), _jsx("p", { children: "Read-only runtime snapshot for support and debugging." })] }) }), _jsx("div", { className: "solid-studio-home-toolbar-right", children: _jsx(SolidButton, { size: "sm", variant: "outline", onClick: function () { return setRefreshTick(function (v) { return v + 1; }); }, children: "Refresh" }) })] }), _jsxs("div", { className: "solid-studio-card", style: { marginBottom: "14px" }, children: [_jsx("div", { className: "solid-studio-card-header", children: _jsx("h3", { className: "solid-studio-card-title", children: "Runtime" }) }), _jsx("div", { className: "solid-studio-card-content", children: _jsxs("div", { style: { display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))", gap: "10px" }, children: [_jsxs("div", { children: [_jsx("strong", { children: "Environment:" }), " ", envName] }), _jsxs("div", { children: [_jsx("strong", { children: "Pool Limit:" }), " ", SOLID_ENTITY_API_POOL_LIMIT] }), _jsxs("div", { children: [_jsx("strong", { children: "Active Entity APIs:" }), " ", activeCount] }), _jsxs("div", { children: [_jsx("strong", { children: "Cached Entity APIs:" }), " ", cachedCount] }), _jsxs("div", { children: [_jsx("strong", { children: "Login Redirect:" }), " ", loginRedirect] }), _jsxs("div", { children: [_jsx("strong", { children: "Backend API:" }), " ", backendApi || "(not set)"] }), _jsxs("div", { children: [_jsx("strong", { children: "User:" }), " ", ((_b = localSession === null || localSession === void 0 ? void 0 : localSession.user) === null || _b === void 0 ? void 0 : _b.email) || ((_c = localSession === null || localSession === void 0 ? void 0 : localSession.user) === null || _c === void 0 ? void 0 : _c.name) || "(unknown)"] }), _jsxs("div", { children: [_jsx("strong", { children: "Roles:" }), " ", (((_d = localSession === null || localSession === void 0 ? void 0 : localSession.user) === null || _d === void 0 ? void 0 : _d.roles) || []).map(function (r) { return r.name || r; }).join(", ") || "(none)"] })] }) })] }), _jsxs("div", { className: "solid-studio-card", children: [_jsxs("div", { className: "solid-studio-card-header", children: [_jsx("h3", { className: "solid-studio-card-title", children: "Entity API Pool" }), _jsx("p", { className: "solid-studio-card-description", children: "Each entry represents a lazily created entity API. Active entries have reducer+middleware currently registered." })] }), _jsx("div", { className: "solid-studio-card-content", style: { overflowX: "auto" }, children: _jsxs("table", { style: { width: "100%", borderCollapse: "collapse", fontSize: "13px" }, children: [_jsx("thead", { children: _jsxs("tr", { style: { borderBottom: "1px solid rgba(148, 163, 184, 0.35)" }, children: [_jsx("th", { style: { textAlign: "left", padding: "8px" }, children: "Entity" }), _jsx("th", { style: { textAlign: "left", padding: "8px" }, children: "Reducer Path" }), _jsx("th", { style: { textAlign: "left", padding: "8px" }, children: "Registered" }), _jsx("th", { style: { textAlign: "left", padding: "8px" }, children: "Last Accessed" }), _jsx("th", { style: { textAlign: "left", padding: "8px" }, children: "Active" })] }) }), _jsx("tbody", { children: poolSnapshot.length === 0 ? (_jsx("tr", { children: _jsx("td", { colSpan: 5, style: { padding: "12px", opacity: 0.7 }, children: "No entity APIs have been created in this session yet." }) })) : (poolSnapshot.map(function (entry) { return (_jsxs("tr", { style: { borderBottom: "1px solid rgba(148, 163, 184, 0.2)" }, children: [_jsx("td", { style: { padding: "8px" }, children: entry.entityName }), _jsx("td", { style: { padding: "8px", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" }, children: entry.reducerPath }), _jsx("td", { style: { padding: "8px" }, children: toDisplayTime(entry.registeredAt) }), _jsx("td", { style: { padding: "8px" }, children: toDisplayTime(entry.lastAccessedAt) }), _jsx("td", { style: { padding: "8px" }, children: entry.active ? "yes" : "no" })] }, entry.reducerPath)); })) })] }) })] })] }) }));
+}
+//# sourceMappingURL=DiagnosticsPage.js.map

package/dist/routes/pages/admin/core/DiagnosticsPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DiagnosticsPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DiagnosticsPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useMemo, useState } from \"react\";\nimport { env } from \"../../../../adapters/env\";\nimport { loadSession } from \"../../../../adapters/auth/storage\";\nimport { hasAnyRole } from \"../../../../helpers/rolesHelper\";\nimport { useSession } from \"../../../../hooks/useSession\";\nimport { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from \"../../../../redux/store/solidEntityApiPool\";\nimport { SolidButton } from \"../../../../components/shad-cn-ui/SolidButton\";\n\nconst ALLOWED_ENVIRONMENTS = new Set([\n  \"dev\",\n  \"development\",\n  \"staging\",\n  \"stage\",\n  \"uat\",\n  \"test\",\n  \"local\",\n]);\n\nfunction toDisplayTime(counter: number) {\n  return `#${counter}`;\n}\n\nexport function DiagnosticsPage() {\n  const { data: session, status } = useSession();\n  const [refreshTick, setRefreshTick] = useState(0);\n\n  const envName = (env(\"VITE_SOLIDX_ENV\") || \"unknown\").toLowerCase();\n  const diagnosticsEnabled = ALLOWED_ENVIRONMENTS.has(envName);\n  const isAdmin = hasAnyRole(session?.user?.roles, [\"Admin\"]);\n\n  const poolSnapshot = useMemo(() => {\n    refreshTick;\n    return getSolidEntityApiPoolSnapshot();\n  }, [refreshTick]);\n\n  const activeCount = poolSnapshot.filter((entry) => entry.active).length;\n  const cachedCount = poolSnapshot.length;\n  const loginRedirect = env(\"NEXT_PUBLIC_LOGIN_REDIRECT_URL\") || \"/admin\";\n  const backendApi = env(\"NEXT_PUBLIC_BACKEND_API_URL\") || env(\"API_URL\", \"\");\n  const localSession = loadSession();\n\n  if (status === \"loading\") {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-content\">Loading diagnostics...</div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!isAdmin) {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-header\">\n              <h3 className=\"solid-studio-card-title\">Diagnostics Access Restricted</h3>\n              <p className=\"solid-studio-card-description\">\n                You do not have permission to view this diagnostics page.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  if (!diagnosticsEnabled) {\n    return (\n      <div className=\"solid-studio-home\">\n        <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n          <div className=\"solid-studio-card\">\n            <div className=\"solid-studio-card-header\">\n              <h3 className=\"solid-studio-card-title\">Diagnostics Disabled</h3>\n              <p className=\"solid-studio-card-description\">\n                Diagnostics are enabled only in dev/staging-style environments. Current environment: <code>{envName}</code>.\n              </p>\n            </div>\n          </div>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <div className=\"solid-studio-home solid-studio-home--top\">\n      <div className=\"solid-studio-home-inner solid-studio-home-inner--wider\">\n        <div className=\"solid-studio-home-toolbar\" style={{ marginBottom: \"14px\" }}>\n          <div className=\"solid-studio-home-toolbar-left\">\n            <div className=\"solid-studio-home-heading\">\n              <div className=\"solid-studio-home-badge\">Diagnostics</div>\n              <h1>SolidX Runtime Diagnostics</h1>\n              <p>Read-only runtime snapshot for support and debugging.</p>\n            </div>\n          </div>\n          <div className=\"solid-studio-home-toolbar-right\">\n            <SolidButton size=\"sm\" variant=\"outline\" onClick={() => setRefreshTick((v) => v + 1)}>\n              Refresh\n            </SolidButton>\n          </div>\n        </div>\n\n        <div className=\"solid-studio-card\" style={{ marginBottom: \"14px\" }}>\n          <div className=\"solid-studio-card-header\">\n            <h3 className=\"solid-studio-card-title\">Runtime</h3>\n          </div>\n          <div className=\"solid-studio-card-content\">\n            <div style={{ display: \"grid\", gridTemplateColumns: \"repeat(auto-fit, minmax(220px, 1fr))\", gap: \"10px\" }}>\n              <div><strong>Environment:</strong> {envName}</div>\n              <div><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</div>\n              <div><strong>Active Entity APIs:</strong> {activeCount}</div>\n              <div><strong>Cached Entity APIs:</strong> {cachedCount}</div>\n              <div><strong>Login Redirect:</strong> {loginRedirect}</div>\n              <div><strong>Backend API:</strong> {backendApi || \"(not set)\"}</div>\n              <div><strong>User:</strong> {localSession?.user?.email || localSession?.user?.name || \"(unknown)\"}</div>\n              <div><strong>Roles:</strong> {(localSession?.user?.roles || []).map((r: any) => r.name || r).join(\", \") || \"(none)\"}</div>\n            </div>\n          </div>\n        </div>\n\n        <div className=\"solid-studio-card\">\n          <div className=\"solid-studio-card-header\">\n            <h3 className=\"solid-studio-card-title\">Entity API Pool</h3>\n            <p className=\"solid-studio-card-description\">\n              Each entry represents a lazily created entity API. Active entries have reducer+middleware currently registered.\n            </p>\n          </div>\n          <div className=\"solid-studio-card-content\" style={{ overflowX: \"auto\" }}>\n            <table style={{ width: \"100%\", borderCollapse: \"collapse\", fontSize: \"13px\" }}>\n              <thead>\n                <tr style={{ borderBottom: \"1px solid rgba(148, 163, 184, 0.35)\" }}>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Entity</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Reducer Path</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Registered</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Last Accessed</th>\n                  <th style={{ textAlign: \"left\", padding: \"8px\" }}>Active</th>\n                </tr>\n              </thead>\n              <tbody>\n                {poolSnapshot.length === 0 ? (\n                  <tr>\n                    <td colSpan={5} style={{ padding: \"12px\", opacity: 0.7 }}>\n                      No entity APIs have been created in this session yet.\n                    </td>\n                  </tr>\n                ) : (\n                  poolSnapshot.map((entry) => (\n                    <tr key={entry.reducerPath} style={{ borderBottom: \"1px solid rgba(148, 163, 184, 0.2)\" }}>\n                      <td style={{ padding: \"8px\" }}>{entry.entityName}</td>\n                      <td style={{ padding: \"8px\", fontFamily: \"ui-monospace, SFMono-Regular, Menlo, monospace\" }}>{entry.reducerPath}</td>\n                      <td style={{ padding: \"8px\" }}>{toDisplayTime(entry.registeredAt)}</td>\n                      <td style={{ padding: \"8px\" }}>{toDisplayTime(entry.lastAccessedAt)}</td>\n                      <td style={{ padding: \"8px\" }}>{entry.active ? \"yes\" : \"no\"}</td>\n                    </tr>\n                  ))\n                )}\n              </tbody>\n            </table>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/admin/core/DiagnosticsPage.tsx

@@ -0,0 +1,167 @@
+import { useMemo, useState } from "react";
+import { env } from "../../../../adapters/env";
+import { loadSession } from "../../../../adapters/auth/storage";
+import { hasAnyRole } from "../../../../helpers/rolesHelper";
+import { useSession } from "../../../../hooks/useSession";
+import { getSolidEntityApiPoolSnapshot, SOLID_ENTITY_API_POOL_LIMIT } from "../../../../redux/store/solidEntityApiPool";
+import { SolidButton } from "../../../../components/shad-cn-ui/SolidButton";
+
+const ALLOWED_ENVIRONMENTS = new Set([
+  "dev",
+  "development",
+  "staging",
+  "stage",
+  "uat",
+  "test",
+  "local",
+]);
+
+function toDisplayTime(counter: number) {
+  return `#${counter}`;
+}
+
+export function DiagnosticsPage() {
+  const { data: session, status } = useSession();
+  const [refreshTick, setRefreshTick] = useState(0);
+
+  const envName = (env("VITE_SOLIDX_ENV") || "unknown").toLowerCase();
+  const diagnosticsEnabled = ALLOWED_ENVIRONMENTS.has(envName);
+  const isAdmin = hasAnyRole(session?.user?.roles, ["Admin"]);
+
+  const poolSnapshot = useMemo(() => {
+    refreshTick;
+    return getSolidEntityApiPoolSnapshot();
+  }, [refreshTick]);
+
+  const activeCount = poolSnapshot.filter((entry) => entry.active).length;
+  const cachedCount = poolSnapshot.length;
+  const loginRedirect = env("NEXT_PUBLIC_LOGIN_REDIRECT_URL") || "/admin";
+  const backendApi = env("NEXT_PUBLIC_BACKEND_API_URL") || env("API_URL", "");
+  const localSession = loadSession();
+
+  if (status === "loading") {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-content">Loading diagnostics...</div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!isAdmin) {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-header">
+              <h3 className="solid-studio-card-title">Diagnostics Access Restricted</h3>
+              <p className="solid-studio-card-description">
+                You do not have permission to view this diagnostics page.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  if (!diagnosticsEnabled) {
+    return (
+      <div className="solid-studio-home">
+        <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+          <div className="solid-studio-card">
+            <div className="solid-studio-card-header">
+              <h3 className="solid-studio-card-title">Diagnostics Disabled</h3>
+              <p className="solid-studio-card-description">
+                Diagnostics are enabled only in dev/staging-style environments. Current environment: <code>{envName}</code>.
+              </p>
+            </div>
+          </div>
+        </div>
+      </div>
+    );
+  }
+
+  return (
+    <div className="solid-studio-home solid-studio-home--top">
+      <div className="solid-studio-home-inner solid-studio-home-inner--wider">
+        <div className="solid-studio-home-toolbar" style={{ marginBottom: "14px" }}>
+          <div className="solid-studio-home-toolbar-left">
+            <div className="solid-studio-home-heading">
+              <div className="solid-studio-home-badge">Diagnostics</div>
+              <h1>SolidX Runtime Diagnostics</h1>
+              <p>Read-only runtime snapshot for support and debugging.</p>
+            </div>
+          </div>
+          <div className="solid-studio-home-toolbar-right">
+            <SolidButton size="sm" variant="outline" onClick={() => setRefreshTick((v) => v + 1)}>
+              Refresh
+            </SolidButton>
+          </div>
+        </div>
+
+        <div className="solid-studio-card" style={{ marginBottom: "14px" }}>
+          <div className="solid-studio-card-header">
+            <h3 className="solid-studio-card-title">Runtime</h3>
+          </div>
+          <div className="solid-studio-card-content">
+            <div style={{ display: "grid", gridTemplateColumns: "repeat(auto-fit, minmax(220px, 1fr))", gap: "10px" }}>
+              <div><strong>Environment:</strong> {envName}</div>
+              <div><strong>Pool Limit:</strong> {SOLID_ENTITY_API_POOL_LIMIT}</div>
+              <div><strong>Active Entity APIs:</strong> {activeCount}</div>
+              <div><strong>Cached Entity APIs:</strong> {cachedCount}</div>
+              <div><strong>Login Redirect:</strong> {loginRedirect}</div>
+              <div><strong>Backend API:</strong> {backendApi || "(not set)"}</div>
+              <div><strong>User:</strong> {localSession?.user?.email || localSession?.user?.name || "(unknown)"}</div>
+              <div><strong>Roles:</strong> {(localSession?.user?.roles || []).map((r: any) => r.name || r).join(", ") || "(none)"}</div>
+            </div>
+          </div>
+        </div>
+
+        <div className="solid-studio-card">
+          <div className="solid-studio-card-header">
+            <h3 className="solid-studio-card-title">Entity API Pool</h3>
+            <p className="solid-studio-card-description">
+              Each entry represents a lazily created entity API. Active entries have reducer+middleware currently registered.
+            </p>
+          </div>
+          <div className="solid-studio-card-content" style={{ overflowX: "auto" }}>
+            <table style={{ width: "100%", borderCollapse: "collapse", fontSize: "13px" }}>
+              <thead>
+                <tr style={{ borderBottom: "1px solid rgba(148, 163, 184, 0.35)" }}>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Entity</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Reducer Path</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Registered</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Last Accessed</th>
+                  <th style={{ textAlign: "left", padding: "8px" }}>Active</th>
+                </tr>
+              </thead>
+              <tbody>
+                {poolSnapshot.length === 0 ? (
+                  <tr>
+                    <td colSpan={5} style={{ padding: "12px", opacity: 0.7 }}>
+                      No entity APIs have been created in this session yet.
+                    </td>
+                  </tr>
+                ) : (
+                  poolSnapshot.map((entry) => (
+                    <tr key={entry.reducerPath} style={{ borderBottom: "1px solid rgba(148, 163, 184, 0.2)" }}>
+                      <td style={{ padding: "8px" }}>{entry.entityName}</td>
+                      <td style={{ padding: "8px", fontFamily: "ui-monospace, SFMono-Regular, Menlo, monospace" }}>{entry.reducerPath}</td>
+                      <td style={{ padding: "8px" }}>{toDisplayTime(entry.registeredAt)}</td>
+                      <td style={{ padding: "8px" }}>{toDisplayTime(entry.lastAccessedAt)}</td>
+                      <td style={{ padding: "8px" }}>{entry.active ? "yes" : "no"}</td>
+                    </tr>
+                  ))
+                )}
+              </tbody>
+            </table>
+          </div>
+        </div>
+      </div>
+    </div>
+  );
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@solidxai/core-ui",
-  "version": "0.1.8",
+  "version": "0.1.9-beta.1",
   "scripts": {
     "prebuild": "npm run copy-resources && npm run copy-styles",
     "build": "tsc -p tsconfig.json && tsc-alias -p tsconfig.json",