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

package/dist/routes/SolidRouteMetadataBoundary.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRouteMetadataBoundary.d.ts","sourceRoot":"","sources":["../../src/routes/SolidRouteMetadataBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,EAAoC,KAAK,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAuBtF,wBAAgB,0BAA0B,CAAC,EAAE,MAAM,EAAE,EAAE;IAAE,MAAM,EAAE,WAAW,EAAE,CAAA;CAAE,2CAoD/E"}

package/dist/routes/SolidRouteMetadataBoundary.js

@@ -0,0 +1,72 @@
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { useEffect, useRef } from "react";
+import { matchRoutes, Outlet, useLocation } from "react-router-dom";
+import { getSettingsMap } from "../helpers/settingsPayload";
+import { useGetAuthSettingsQuery } from "../redux/api/solidSettingsApi";
+function normalizePart(value) {
+    var trimmed = value === null || value === void 0 ? void 0 : value.trim();
+    return trimmed ? trimmed : undefined;
+}
+function uniqueParts(parts) {
+    var seen = new Set();
+    var result = [];
+    for (var _i = 0, parts_1 = parts; _i < parts_1.length; _i++) {
+        var part = parts_1[_i];
+        if (!part || seen.has(part))
+            continue;
+        seen.add(part);
+        result.push(part);
+    }
+    return result;
+}
+export function SolidRouteMetadataBoundary(_a) {
+    var _b, _c;
+    var routes = _a.routes;
+    var location = useLocation();
+    var authSettings = useGetAuthSettingsQuery(undefined).data;
+    var initialDescriptionRef = useRef(typeof document !== "undefined"
+        ? (_c = (_b = document.querySelector('meta[name="description"]')) === null || _b === void 0 ? void 0 : _b.getAttribute("content")) !== null && _c !== void 0 ? _c : ""
+        : "");
+    useEffect(function () {
+        var _a, _b, _c;
+        var matches = (_a = matchRoutes(routes, location)) !== null && _a !== void 0 ? _a : [];
+        var handles = matches
+            .map(function (match) { return match.route.handle; })
+            .filter(function (handle) { return Boolean(handle); });
+        var hasExplicitOptOut = handles.some(function (handle) { return handle.manageDocumentMeta === false; });
+        var hasAutoManagedMeta = handles.some(function (handle) {
+            return handle.manageDocumentMeta === true ||
+                Boolean(handle.title || handle.description || handle.titlePrefix || handle.titleSuffix);
+        });
+        if (hasExplicitOptOut || !hasAutoManagedMeta) {
+            return;
+        }
+        var settingsMap = getSettingsMap(authSettings);
+        var resolvedAppTitle = (_b = normalizePart(settingsMap.appTitle)) !== null && _b !== void 0 ? _b : "SolidX";
+        var resolvedTitle = __spreadArray([], handles, true).reverse()
+            .map(function (handle) { return normalizePart(handle.title); })
+            .find(Boolean);
+        var resolvedDescription = __spreadArray([], handles, true).reverse()
+            .map(function (handle) { return normalizePart(handle.description); })
+            .find(Boolean);
+        var titlePrefixes = handles.map(function (handle) { return normalizePart(handle.titlePrefix); });
+        var titleSuffixes = handles.map(function (handle) { return normalizePart(handle.titleSuffix); });
+        var nextTitleParts = uniqueParts(__spreadArray(__spreadArray(__spreadArray(__spreadArray([], titlePrefixes, true), [resolvedTitle], false), titleSuffixes, true), [resolvedAppTitle], false));
+        document.title = nextTitleParts.join(" | ");
+        var metaDescription = document.querySelector('meta[name="description"]');
+        if (metaDescription) {
+            metaDescription.setAttribute("content", (_c = resolvedDescription !== null && resolvedDescription !== void 0 ? resolvedDescription : normalizePart(initialDescriptionRef.current)) !== null && _c !== void 0 ? _c : resolvedAppTitle);
+        }
+    }, [authSettings, location, routes]);
+    return _jsx(Outlet, {});
+}
+//# sourceMappingURL=SolidRouteMetadataBoundary.js.map

package/dist/routes/SolidRouteMetadataBoundary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidRouteMetadataBoundary.js","sourceRoot":"","sources":["../../src/routes/SolidRouteMetadataBoundary.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useRef } from \"react\";\nimport { matchRoutes, Outlet, useLocation, type RouteObject } from \"react-router-dom\";\nimport { getSettingsMap } from \"../helpers/settingsPayload\";\nimport { useGetAuthSettingsQuery } from \"../redux/api/solidSettingsApi\";\nimport type { SolidPageMeta } from \"./types\";\n\nfunction normalizePart(value?: string): string | undefined {\n  const trimmed = value?.trim();\n  return trimmed ? trimmed : undefined;\n}\n\nfunction uniqueParts(parts: Array<string | undefined>): string[] {\n  const seen = new Set<string>();\n  const result: string[] = [];\n\n  for (const part of parts) {\n    if (!part || seen.has(part)) continue;\n    seen.add(part);\n    result.push(part);\n  }\n\n  return result;\n}\n\nexport function SolidRouteMetadataBoundary({ routes }: { routes: RouteObject[] }) {\n  const location = useLocation();\n  const { data: authSettings } = useGetAuthSettingsQuery(undefined);\n  const initialDescriptionRef = useRef(\n    typeof document !== \"undefined\"\n      ? document.querySelector('meta[name=\"description\"]')?.getAttribute(\"content\") ?? \"\"\n      : \"\",\n  );\n\n  useEffect(() => {\n    const matches = matchRoutes(routes, location) ?? [];\n    const handles = matches\n      .map((match) => match.route.handle as SolidPageMeta | undefined)\n      .filter((handle): handle is SolidPageMeta => Boolean(handle));\n\n    const hasExplicitOptOut = handles.some((handle) => handle.manageDocumentMeta === false);\n    const hasAutoManagedMeta = handles.some(\n      (handle) =>\n        handle.manageDocumentMeta === true ||\n        Boolean(handle.title || handle.description || handle.titlePrefix || handle.titleSuffix),\n    );\n\n    if (hasExplicitOptOut || !hasAutoManagedMeta) {\n      return;\n    }\n\n    const settingsMap = getSettingsMap(authSettings);\n    const resolvedAppTitle = normalizePart(settingsMap.appTitle) ?? \"SolidX\";\n    const resolvedTitle = [...handles]\n      .reverse()\n      .map((handle) => normalizePart(handle.title))\n      .find(Boolean);\n    const resolvedDescription = [...handles]\n      .reverse()\n      .map((handle) => normalizePart(handle.description))\n      .find(Boolean);\n    const titlePrefixes = handles.map((handle) => normalizePart(handle.titlePrefix));\n    const titleSuffixes = handles.map((handle) => normalizePart(handle.titleSuffix));\n\n    const nextTitleParts = uniqueParts([...titlePrefixes, resolvedTitle, ...titleSuffixes, resolvedAppTitle]);\n    document.title = nextTitleParts.join(\" | \");\n\n    const metaDescription = document.querySelector('meta[name=\"description\"]');\n    if (metaDescription) {\n      metaDescription.setAttribute(\n        \"content\",\n        resolvedDescription ?? normalizePart(initialDescriptionRef.current) ?? resolvedAppTitle,\n      );\n    }\n  }, [authSettings, location, routes]);\n\n  return <Outlet />;\n}\n"]}

package/dist/routes/SolidRouteMetadataBoundary.tsx

@@ -0,0 +1,77 @@
+import { useEffect, useRef } from "react";
+import { matchRoutes, Outlet, useLocation, type RouteObject } from "react-router-dom";
+import { getSettingsMap } from "../helpers/settingsPayload";
+import { useGetAuthSettingsQuery } from "../redux/api/solidSettingsApi";
+import type { SolidPageMeta } from "./types";
+
+function normalizePart(value?: string): string | undefined {
+  const trimmed = value?.trim();
+  return trimmed ? trimmed : undefined;
+}
+
+function uniqueParts(parts: Array<string | undefined>): string[] {
+  const seen = new Set<string>();
+  const result: string[] = [];
+
+  for (const part of parts) {
+    if (!part || seen.has(part)) continue;
+    seen.add(part);
+    result.push(part);
+  }
+
+  return result;
+}
+
+export function SolidRouteMetadataBoundary({ routes }: { routes: RouteObject[] }) {
+  const location = useLocation();
+  const { data: authSettings } = useGetAuthSettingsQuery(undefined);
+  const initialDescriptionRef = useRef(
+    typeof document !== "undefined"
+      ? document.querySelector('meta[name="description"]')?.getAttribute("content") ?? ""
+      : "",
+  );
+
+  useEffect(() => {
+    const matches = matchRoutes(routes, location) ?? [];
+    const handles = matches
+      .map((match) => match.route.handle as SolidPageMeta | undefined)
+      .filter((handle): handle is SolidPageMeta => Boolean(handle));
+
+    const hasExplicitOptOut = handles.some((handle) => handle.manageDocumentMeta === false);
+    const hasAutoManagedMeta = handles.some(
+      (handle) =>
+        handle.manageDocumentMeta === true ||
+        Boolean(handle.title || handle.description || handle.titlePrefix || handle.titleSuffix),
+    );
+
+    if (hasExplicitOptOut || !hasAutoManagedMeta) {
+      return;
+    }
+
+    const settingsMap = getSettingsMap(authSettings);
+    const resolvedAppTitle = normalizePart(settingsMap.appTitle) ?? "SolidX";
+    const resolvedTitle = [...handles]
+      .reverse()
+      .map((handle) => normalizePart(handle.title))
+      .find(Boolean);
+    const resolvedDescription = [...handles]
+      .reverse()
+      .map((handle) => normalizePart(handle.description))
+      .find(Boolean);
+    const titlePrefixes = handles.map((handle) => normalizePart(handle.titlePrefix));
+    const titleSuffixes = handles.map((handle) => normalizePart(handle.titleSuffix));
+
+    const nextTitleParts = uniqueParts([...titlePrefixes, resolvedTitle, ...titleSuffixes, resolvedAppTitle]);
+    document.title = nextTitleParts.join(" | ");
+
+    const metaDescription = document.querySelector('meta[name="description"]');
+    if (metaDescription) {
+      metaDescription.setAttribute(
+        "content",
+        resolvedDescription ?? normalizePart(initialDescriptionRef.current) ?? resolvedAppTitle,
+      );
+    }
+  }, [authSettings, location, routes]);
+
+  return <Outlet />;
+}

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":";AAAA,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,GAAG,EAAE,MAAM,0BAA0B,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAC;AAChE,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAC1D,OAAO,EAAE,6BAA6B,EAAE,2BAA2B,EAAE,MAAM,4CAA4C,CAAC;AACxH,OAAO,EAAE,WAAW,EAAE,MAAM,+CAA+C,CAAC;AAE5E,IAAM,oBAAoB,GAAG,IAAI,GAAG,CAAC;IACnC,KAAK;IACL,aAAa;IACb,SAAS;IACT,OAAO;IACP,KAAK;IACL,MAAM;IACN,OAAO;CACR,CAAC,CAAC;AAEH,SAAS,aAAa,CAAC,OAAe;IACpC,OAAO,WAAI,OAAO,CAAE,CAAC;AACvB,CAAC;AAED,MAAM,UAAU,eAAe;;IACvB,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IACzC,IAAA,KAAgC,QAAQ,CAAC,CAAC,CAAC,EAA1C,WAAW,QAAA,EAAE,cAAc,QAAe,CAAC;IAElD,IAAM,OAAO,GAAG,CAAC,GAAG,CAAC,iBAAiB,CAAC,IAAI,SAAS,CAAC,CAAC,WAAW,EAAE,CAAC;IACpE,IAAM,kBAAkB,GAAG,oBAAoB,CAAC,GAAG,CAAC,OAAO,CAAC,CAAC;IAC7D,IAAM,OAAO,GAAG,UAAU,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,CAAC;IAE5D,IAAM,YAAY,GAAG,OAAO,CAAC;QAC3B,WAAW,CAAC;QACZ,OAAO,6BAA6B,EAAE,CAAC;IACzC,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,MAAM,EAAZ,CAAY,CAAC,CAAC,MAAM,CAAC;IACxE,IAAM,WAAW,GAAG,YAAY,CAAC,MAAM,CAAC;IACxC,IAAM,aAAa,GAAG,GAAG,CAAC,gCAAgC,CAAC,IAAI,QAAQ,CAAC;IACxE,IAAM,UAAU,GAAG,GAAG,CAAC,6BAA6B,CAAC,IAAI,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;IAC5E,IAAM,YAAY,GAAG,WAAW,EAAE,CAAC;IAEnC,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,wDAAwD,YACrE,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,2BAA2B,uCAA6B,GACnE,GACF,GACF,CACP,CAAC;KACH;IAED,IAAI,CAAC,OAAO,EAAE;QACZ,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,wDAAwD,YACrE,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,0BAA0B,aACvC,aAAI,SAAS,EAAC,yBAAyB,8CAAmC,EAC1E,YAAG,SAAS,EAAC,+BAA+B,0EAExC,IACA,GACF,GACF,GACF,CACP,CAAC;KACH;IAED,IAAI,CAAC,kBAAkB,EAAE;QACvB,OAAO,CACL,cAAK,SAAS,EAAC,mBAAmB,YAChC,cAAK,SAAS,EAAC,wDAAwD,YACrE,cAAK,SAAS,EAAC,mBAAmB,YAChC,eAAK,SAAS,EAAC,0BAA0B,aACvC,aAAI,SAAS,EAAC,yBAAyB,qCAA0B,EACjE,aAAG,SAAS,EAAC,+BAA+B,sGAC2C,yBAAO,OAAO,GAAQ,SACzG,IACA,GACF,GACF,GACF,CACP,CAAC;KACH;IAED,OAAO,CACL,cAAK,SAAS,EAAC,0CAA0C,YACvD,eAAK,SAAS,EAAC,wDAAwD,aACrE,eAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aACxE,cAAK,SAAS,EAAC,gCAAgC,YAC7C,eAAK,SAAS,EAAC,2BAA2B,aACxC,cAAK,SAAS,EAAC,yBAAyB,4BAAkB,EAC1D,sDAAmC,EACnC,gFAA4D,IACxD,GACF,EACN,cAAK,SAAS,EAAC,iCAAiC,YAC9C,KAAC,WAAW,IAAC,IAAI,EAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,cAAM,OAAA,cAAc,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,GAAG,CAAC,EAAL,CAAK,CAAC,EAA5B,CAA4B,wBAEtE,GACV,IACF,EAEN,eAAK,SAAS,EAAC,mBAAmB,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,aAChE,cAAK,SAAS,EAAC,0BAA0B,YACvC,aAAI,SAAS,EAAC,yBAAyB,wBAAa,GAChD,EACN,cAAK,SAAS,EAAC,2BAA2B,YACxC,eAAK,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,sCAAsC,EAAE,GAAG,EAAE,MAAM,EAAE,aACvG,0BAAK,4CAA6B,OAAE,OAAO,IAAO,EAClD,0BAAK,2CAA4B,OAAE,2BAA2B,IAAO,EACrE,0BAAK,mDAAoC,OAAE,WAAW,IAAO,EAC7D,0BAAK,mDAAoC,OAAE,WAAW,IAAO,EAC7D,0BAAK,+CAAgC,OAAE,aAAa,IAAO,EAC3D,0BAAK,4CAA6B,OAAE,UAAU,IAAI,WAAW,IAAO,EACpE,0BAAK,qCAAsB,OAAE,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,KAAK,MAAI,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,IAAI,CAAA,IAAI,WAAW,IAAO,EACxG,0BAAK,sCAAuB,OAAE,CAAC,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,0CAAE,KAAK,KAAI,EAAE,CAAC,CAAC,GAAG,CAAC,UAAC,CAAM,IAAK,OAAA,CAAC,CAAC,IAAI,IAAI,CAAC,EAAX,CAAW,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,QAAQ,IAAO,IACtH,GACF,IACF,EAEN,eAAK,SAAS,EAAC,mBAAmB,aAChC,eAAK,SAAS,EAAC,0BAA0B,aACvC,aAAI,SAAS,EAAC,yBAAyB,gCAAqB,EAC5D,YAAG,SAAS,EAAC,+BAA+B,gIAExC,IACA,EACN,cAAK,SAAS,EAAC,2BAA2B,EAAC,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,YACrE,iBAAO,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,cAAc,EAAE,UAAU,EAAE,QAAQ,EAAE,MAAM,EAAE,aAC3E,0BACE,cAAI,KAAK,EAAE,EAAE,YAAY,EAAE,qCAAqC,EAAE,aAChE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,uBAAa,EAC7D,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,6BAAmB,EACnE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,2BAAiB,EACjE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,8BAAoB,EACpE,aAAI,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,OAAO,EAAE,KAAK,EAAE,uBAAa,IAC1D,GACC,EACR,0BACG,YAAY,CAAC,MAAM,KAAK,CAAC,CAAC,CAAC,CAAC,CAC3B,uBACE,aAAI,OAAO,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,EAAE,sEAEnD,GACF,CACN,CAAC,CAAC,CAAC,CACF,YAAY,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CAC1B,cAA4B,KAAK,EAAE,EAAE,YAAY,EAAE,oCAAoC,EAAE,aACvF,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAG,KAAK,CAAC,UAAU,GAAM,EACtD,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,gDAAgD,EAAE,YAAG,KAAK,CAAC,WAAW,GAAM,EACrH,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAG,aAAa,CAAC,KAAK,CAAC,YAAY,CAAC,GAAM,EACvE,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAG,aAAa,CAAC,KAAK,CAAC,cAAc,CAAC,GAAM,EACzE,aAAI,KAAK,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,YAAG,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,IAAI,GAAM,KAL1D,KAAK,CAAC,WAAW,CAMrB,CACN,EAR2B,CAQ3B,CAAC,CACH,GACK,IACF,GACJ,IACF,IACF,GACF,CACP,CAAC;AACJ,CAAC","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/dist/routes/pages/studio/StudioLandingPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StudioLandingPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioLandingPage.tsx"],"names":[],"mappings":"AAgQA,wBAAgB,iBAAiB,4CA+DhC"}
+{"version":3,"file":"StudioLandingPage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioLandingPage.tsx"],"names":[],"mappings":"AA+PA,wBAAgB,iBAAiB,4CAoGhC"}

package/dist/routes/pages/studio/StudioLandingPage.js

@@ -1,9 +1,11 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useState } from "react";
+import { useDispatch } from "react-redux";
 import { useNavigate } from "react-router-dom";
 import { useSolidLayoutRegistry } from "../../SolidLayoutRegistry";
 import { ChatIcon } from "../../../components/layout/SolidAiStudioLayout";
 import { env } from "../../../adapters/env";
+import { showToast } from "../../../redux/features/toastSlice";
 // ── Icons ──────────────────────────────────────────────────────────────────────
 var ArrowIcon = function () { return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M2.5 7h9M8 3.5l3.5 3.5L8 10.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }) })); };
 var LayoutPlaceholderIcon = function () { return (_jsxs("svg", { width: "18", height: "18", viewBox: "0 0 18 18", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1", y: "1", width: "16", height: "16", rx: "2.5", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M1 6h16", stroke: "currentColor", strokeWidth: "1.1" }), _jsx("path", { d: "M6 6v11", stroke: "currentColor", strokeWidth: "1.1" })] })); };
@@ -55,12 +57,9 @@ function CardFooter(_a) {
     return _jsx("div", { className: "solid-studio-card-footer ".concat(className), children: children });
 }
 // ── Empty state ───────────────────────────────────────────────────────────────
-function EmptyState() {
-    return (_jsx("div", { className: "solid-studio-landing-empty-container", children: _jsxs(Card, { className: "solid-studio-landing-empty-card", children: [_jsxs(CardHeader, { className: "solid-studio-landing-empty-header", children: [_jsx("div", { className: "solid-studio-home-badge", style: { marginBottom: '12px' }, children: "Frontend Studio" }), _jsx(CardTitle, { children: "Frontend layout will appear here" }), _jsx(CardDescription, { children: "Register your app layouts to explore and customize them in the Studio." })] }), _jsxs(CardContent, { className: "solid-studio-landing-empty-body", children: [_jsxs("div", { className: "solid-studio-landing-empty-primary-action", children: [_jsxs("p", { children: ["To get started, use the ", _jsx("strong", { children: "SolidX AI Agent" }), " to add a new custom layout."] }), _jsxs("button", { type: "button", className: "solid-studio-empty-cta-button", onClick: function () {
-                                        var aiUrl = env("VITE_SOLIDX_AI_URL");
-                                        if (aiUrl)
-                                            window.open(aiUrl, "_blank");
-                                    }, children: [_jsx(ChatIcon, {}), _jsx("span", { children: "Open AI Chat" })] })] }), _jsx("div", { className: "solid-studio-landing-empty-divider" }), _jsxs("div", { className: "solid-studio-landing-empty-details", children: [_jsxs("p", { className: "solid-studio-landing-empty-instruction", children: ["Any route with a ", _jsx("code", { children: "path" }), " and ", _jsx("code", { children: "children" }), " passed to", " ", _jsx("code", { children: "getSolidRoutes()" }), " will automatically appear as a card."] }), _jsx("div", { className: "solid-studio-landing-snippet", children: _jsx("pre", { children: _jsx("code", { children: "// AppRoutes.tsx\nconst extraRoutes = [\n  {\n    path: \"/my-layout\",\n    element: <MyLayout />,\n    children: [{ index: true, element: <MyPage /> }],\n  },\n];\n\ngetSolidRoutes({ extraRoutes });" }) }) }), _jsxs("p", { className: "solid-studio-landing-hint", children: [_jsx("strong", { children: "Pro Tip:" }), " Add ", _jsxs("code", { children: ["handle: ", "{ title, description }"] }), " to a route to customize its appearance."] })] })] })] }) }));
+function EmptyState(_a) {
+    var onOpenChat = _a.onOpenChat;
+    return (_jsx("div", { className: "solid-studio-landing-empty-container", children: _jsxs(Card, { className: "solid-studio-landing-empty-card", children: [_jsxs(CardHeader, { className: "solid-studio-landing-empty-header", children: [_jsx("div", { className: "solid-studio-home-badge", style: { marginBottom: '12px' }, children: "Frontend Studio" }), _jsx(CardTitle, { children: "Frontend layout will appear here" }), _jsx(CardDescription, { children: "Register your app layouts to explore and customize them in the Studio." })] }), _jsxs(CardContent, { className: "solid-studio-landing-empty-body", children: [_jsxs("div", { className: "solid-studio-landing-empty-primary-action", children: [_jsxs("p", { children: ["To get started, use the ", _jsx("strong", { children: "SolidX AI Agent" }), " to add a new custom layout."] }), _jsxs("button", { type: "button", className: "solid-studio-empty-cta-button", onClick: onOpenChat, children: [_jsx(ChatIcon, {}), _jsx("span", { children: "Open AI Chat" })] })] }), _jsx("div", { className: "solid-studio-landing-empty-divider" }), _jsxs("div", { className: "solid-studio-landing-empty-details", children: [_jsxs("p", { className: "solid-studio-landing-empty-instruction", children: ["Any route with a ", _jsx("code", { children: "path" }), " and ", _jsx("code", { children: "children" }), " passed to", " ", _jsx("code", { children: "getSolidRoutes()" }), " will automatically appear as a card."] }), _jsx("div", { className: "solid-studio-landing-snippet", children: _jsx("pre", { children: _jsx("code", { children: "// AppRoutes.tsx\nconst extraRoutes = [\n  {\n    path: \"/my-layout\",\n    element: <MyLayout />,\n    children: [{ index: true, element: <MyPage /> }],\n  },\n];\n\ngetSolidRoutes({ extraRoutes });" }) }) }), _jsxs("p", { className: "solid-studio-landing-hint", children: [_jsx("strong", { children: "Pro Tip:" }), " Add ", _jsxs("code", { children: ["handle: ", "{ title, description }"] }), " to a route to customize its appearance."] })] })] })] }) }));
 }
 // ── Card ──────────────────────────────────────────────────────────────────────
 function LayoutCard(_a) {
@@ -71,8 +70,37 @@ function LayoutCard(_a) {
 }
 // ── Page ──────────────────────────────────────────────────────────────────────
 export function StudioLandingPage() {
+    var dispatch = useDispatch();
     var layouts = useSolidLayoutRegistry();
     var _a = useState(false), listView = _a[0], setListView = _a[1];
-    return (_jsx("div", { className: "solid-studio-home ".concat(layouts.length > 0 ? "solid-studio-home--top" : ""), children: _jsxs("div", { className: "solid-studio-home-inner ".concat(layouts.length > 0 ? "solid-studio-home-inner--fluid" : ""), children: [_jsx("div", { className: "solid-studio-home-toolbar", children: layouts.length > 0 && (_jsxs("div", { className: "solid-studio-home-toolbar-right", children: [_jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(!listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(false); }, "aria-label": "Grid view", title: "Grid view", children: _jsx(GridViewIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(true); }, "aria-label": "List view", title: "List view", children: _jsx(ListViewIcon, {}) })] })) }), layouts.length === 0 ? (_jsx(EmptyState, {})) : listView ? (_jsx("div", { className: "solid-studio-home-cards--list", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: true }, entry.path)); }) })) : (_jsx("div", { className: "solid-studio-home-cards solid-studio-home-cards--fluid", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: false }, entry.path)); }) }))] }) }));
+    var handleOpenAiChat = function () {
+        var aiUrl = env("VITE_SOLIDX_AI_URL");
+        if (!aiUrl) {
+            dispatch(showToast({
+                severity: "error",
+                summary: "AI Chat unavailable",
+                detail: "VITE_SOLIDX_AI_URL is not configured.",
+            }));
+            return;
+        }
+        try {
+            var chatWindow = window.open(aiUrl, "_blank", "noopener,noreferrer");
+            if (!chatWindow) {
+                dispatch(showToast({
+                    severity: "error",
+                    summary: "AI Chat unavailable",
+                    detail: "Unable to open chat window. Please allow pop-ups and try again.",
+                }));
+            }
+        }
+        catch (_a) {
+            dispatch(showToast({
+                severity: "error",
+                summary: "AI Chat unavailable",
+                detail: "Failed to open chat. Please check the configured URL.",
+            }));
+        }
+    };
+    return (_jsx("div", { className: "solid-studio-home ".concat(layouts.length > 0 ? "solid-studio-home--top" : ""), children: _jsxs("div", { className: "solid-studio-home-inner ".concat(layouts.length > 0 ? "solid-studio-home-inner--fluid" : ""), children: [_jsx("div", { className: "solid-studio-home-toolbar", children: layouts.length > 0 && (_jsxs("div", { className: "solid-studio-home-toolbar-right", children: [_jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(!listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(false); }, "aria-label": "Grid view", title: "Grid view", children: _jsx(GridViewIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-home-view-btn".concat(listView ? " solid-studio-home-view-btn--active" : ""), onClick: function () { return setListView(true); }, "aria-label": "List view", title: "List view", children: _jsx(ListViewIcon, {}) })] })) }), layouts.length === 0 ? (_jsx(EmptyState, { onOpenChat: handleOpenAiChat })) : listView ? (_jsx("div", { className: "solid-studio-home-cards--list", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: true }, entry.path)); }) })) : (_jsx("div", { className: "solid-studio-home-cards solid-studio-home-cards--fluid", children: layouts.map(function (entry, i) { return (_jsx(LayoutCard, { entry: entry, index: i, listView: false }, entry.path)); }) }))] }) }));
 }
 //# sourceMappingURL=StudioLandingPage.js.map