@solidxai/core-ui 0.1.12-beta.0 → 0.1.12-beta.1

package/dist/resources/solid-custom.css

@@ -2471,10 +2471,11 @@ body {
   min-width: 0 !important;
   width: min(100%, 388px) !important;
   max-width: 388px !important;
-  padding: 18px !important;
-  border-radius: 12px !important;
+  padding: 24px !important;
+  border-radius: 16px !important;
   backdrop-filter: none !important;
-  box-shadow: none !important;
+  box-shadow: 0 18px 40px rgba(15, 23, 42, 0.08) !important;
+  font-family: var(--font-family, "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif) !important;
 }
 
 .solid-auth-theme-wrapper.left .auth-container,
@@ -2504,22 +2505,35 @@ body {
 
 .solid-auth-theme-wrapper .solid-auth-title {
   margin-top: 0 !important;
-  font-size: 1rem !important;
-  line-height: 1.25 !important;
-  letter-spacing: -0.01em !important;
+  font-size: clamp(1.45rem, 1.2rem + 0.7vw, 1.75rem) !important;
+  font-weight: 650 !important;
+  line-height: 1.08 !important;
+  letter-spacing: -0.03em !important;
 }
 
 .solid-auth-theme-wrapper .solid-auth-helper {
-  margin-top: 0.5rem !important;
-  margin-bottom: 0.5rem !important;
-  font-size: 11px !important;
-  line-height: 1.35 !important;
+  margin-top: 0.65rem !important;
+  margin-bottom: 1rem !important;
+  font-size: 0.92rem !important;
+  line-height: 1.55 !important;
+  letter-spacing: -0.01em !important;
+}
+
+.solid-auth-theme-wrapper .solid-auth-input-label {
+  font-size: 0.84rem !important;
+  font-weight: 600 !important;
+  letter-spacing: -0.01em !important;
+}
+
+.solid-auth-theme-wrapper .solid-auth-inline-link {
+  font-size: 0.84rem !important;
+  font-weight: 500 !important;
 }
 
 .solid-auth-theme-wrapper .auth-container .solid-input {
-  height: 36px !important;
-  border-radius: 8px !important;
-  padding: 0 10px !important;
+  height: 42px !important;
+  border-radius: 10px !important;
+  padding: 0 12px !important;
   border: 1px solid #2f2f37 !important;
   border-color: #2f2f37 !important;
   border-top-color: #2f2f37 !important;
@@ -2586,9 +2600,17 @@ body {
 .solid-auth-theme-wrapper .auth-submit-button.solid-btn,
 .solid-auth-theme-wrapper .auth-back-button.solid-btn,
 .solid-auth-theme-wrapper .solid-auth-social-btn.solid-btn {
-  min-height: 36px !important;
-  height: 36px !important;
-  border-radius: 8px !important;
+  min-height: 42px !important;
+  height: 42px !important;
+  border-radius: 10px !important;
+}
+
+.solid-auth-theme-wrapper .auth-submit-button.solid-btn .solid-btn-label,
+.solid-auth-theme-wrapper .auth-back-button.solid-btn .solid-btn-label,
+.solid-auth-theme-wrapper .solid-auth-social-btn.solid-btn .solid-btn-label {
+  font-size: 0.92rem !important;
+  font-weight: 600 !important;
+  letter-spacing: -0.01em !important;
 }
 
 .solid-auth-theme-wrapper .auth-container .solid-message {
@@ -2621,6 +2643,38 @@ body {
   color: #ef4444 !important;
 }
 
+.solid-auth-theme-wrapper .solid-auth-empty-state {
+  margin-top: 1rem;
+  border: 1px solid var(--solid-border-default) !important;
+  border-radius: 14px;
+  background: color-mix(in srgb, var(--solid-surface-input) 55%, transparent);
+  padding: 14px 15px;
+}
+
+.solid-auth-theme-wrapper .solid-auth-empty-state.is-loading {
+  background: color-mix(in srgb, var(--solid-surface-input) 42%, transparent);
+}
+
+.solid-auth-theme-wrapper .solid-auth-empty-title,
+.solid-auth-theme-wrapper .solid-auth-empty-copy {
+  margin: 0;
+}
+
+.solid-auth-theme-wrapper .solid-auth-empty-title {
+  color: var(--solid-text-primary) !important;
+  font-size: 0.95rem !important;
+  font-weight: 600 !important;
+  line-height: 1.4 !important;
+  letter-spacing: -0.01em !important;
+}
+
+.solid-auth-theme-wrapper .solid-auth-empty-copy {
+  margin-top: 0.35rem;
+  color: var(--solid-text-secondary) !important;
+  font-size: 0.84rem !important;
+  line-height: 1.55 !important;
+}
+
 /* Side auth layout shell (left/right) */
 .solid-auth-theme-wrapper.left,
 .solid-auth-theme-wrapper.right {

package/dist/routes/guards/AdminGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AdminGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/AdminGuard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAYzB"}
+{"version":3,"file":"AdminGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/AdminGuard.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAiBzB"}

package/dist/routes/guards/AdminGuard.js

@@ -2,11 +2,12 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { Navigate, Outlet } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
 import { hasAnyRole } from "../../helpers/rolesHelper";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 export function AdminGuard() {
     var _a;
     var _b = useSession(), session = _b.data, status = _b.status;
     if (status === "loading") {
-        return _jsx("div", { children: "Loading..." });
+        return (_jsx(SolidLoadingState, { title: "Checking access", description: "We are verifying your session and access permissions." }));
     }
     if (!hasAnyRole((_a = session === null || session === void 0 ? void 0 : session.user) === null || _a === void 0 ? void 0 : _a.roles, ["Admin"])) {
         return _jsx(Navigate, { to: "/not-found", replace: true });

package/dist/routes/guards/AdminGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AdminGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/AdminGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AAEvD,MAAM,UAAU,UAAU;;IAClB,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAE/C,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,uCAAqB,CAAC;KAC9B;IAED,IAAI,CAAC,UAAU,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;QAChD,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,YAAY,EAAC,OAAO,SAAG,CAAC;KAC7C;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { Navigate, Outlet } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { hasAnyRole } from \"../../helpers/rolesHelper\";\n\nexport function AdminGuard() {\n  const { data: session, status } = useSession();\n\n  if (status === \"loading\") {\n    return <div>Loading...</div>;\n  }\n\n  if (!hasAnyRole(session?.user?.roles, [\"Admin\"])) {\n    return <Navigate to=\"/not-found\" replace />;\n  }\n\n  return <Outlet />;\n}\n"]}
+{"version":3,"file":"AdminGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/AdminGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,UAAU,EAAE,MAAM,2BAA2B,CAAC;AACvD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAE9E,MAAM,UAAU,UAAU;;IAClB,IAAA,KAA4B,UAAU,EAAE,EAAhC,OAAO,UAAA,EAAE,MAAM,YAAiB,CAAC;IAE/C,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAC,iBAAiB,EACvB,WAAW,EAAC,uDAAuD,GACnE,CACH,CAAC;KACH;IAED,IAAI,CAAC,UAAU,CAAC,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,IAAI,0CAAE,KAAK,EAAE,CAAC,OAAO,CAAC,CAAC,EAAE;QAChD,OAAO,KAAC,QAAQ,IAAC,EAAE,EAAC,YAAY,EAAC,OAAO,SAAG,CAAC;KAC7C;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { Navigate, Outlet } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { hasAnyRole } from \"../../helpers/rolesHelper\";\nimport { SolidLoadingState } from \"../../components/common/SolidLoadingState\";\n\nexport function AdminGuard() {\n  const { data: session, status } = useSession();\n\n  if (status === \"loading\") {\n    return (\n      <SolidLoadingState\n        title=\"Checking access\"\n        description=\"We are verifying your session and access permissions.\"\n      />\n    );\n  }\n\n  if (!hasAnyRole(session?.user?.roles, [\"Admin\"])) {\n    return <Navigate to=\"/not-found\" replace />;\n  }\n\n  return <Outlet />;\n}\n"]}

package/dist/routes/guards/AdminGuard.tsx

@@ -1,12 +1,18 @@
 import { Navigate, Outlet } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
 import { hasAnyRole } from "../../helpers/rolesHelper";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 
 export function AdminGuard() {
   const { data: session, status } = useSession();
 
   if (status === "loading") {
-    return <div>Loading...</div>;
+    return (
+      <SolidLoadingState
+        title="Checking access"
+        description="We are verifying your session and access permissions."
+      />
+    );
   }
 
   if (!hasAnyRole(session?.user?.roles, ["Admin"])) {

package/dist/routes/guards/AuthGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/AuthGuard.tsx"],"names":[],"mappings":"AAGA,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,EAAE,cAAc,2CAsC1D"}
+{"version":3,"file":"AuthGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/AuthGuard.tsx"],"names":[],"mappings":"AAIA,KAAK,cAAc,GAAG;IACpB,aAAa,CAAC,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,MAAM,CAAC;CAC9C,CAAC;AAEF,wBAAgB,SAAS,CAAC,EAAE,aAAa,EAAE,EAAE,cAAc,2CA2C1D"}

package/dist/routes/guards/AuthGuard.js

@@ -1,6 +1,7 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { Navigate, Outlet, useLocation } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 export function AuthGuard(_a) {
     var getLoginRoute = _a.getLoginRoute;
     var location = useLocation();
@@ -19,7 +20,7 @@ export function AuthGuard(_a) {
     };
     var resolveLoginRoute = getLoginRoute || defaultGetLoginRoute;
     if (status === "loading") {
-        return _jsx("div", { children: "Loading..." });
+        return (_jsx(SolidLoadingState, { title: "Checking your session", description: "We are confirming your sign-in status before opening this page." }));
     }
     if (status === "unauthenticated") {
         return (_jsx(Navigate, { to: resolveLoginRoute(location.pathname), state: { from: location }, replace: true }));

package/dist/routes/guards/AuthGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"AuthGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/AuthGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAMpD,MAAM,UAAU,SAAS,CAAC,EAAiC;QAA/B,aAAa,mBAAA;IACvC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,MAAM,GAAK,UAAU,EAAE,OAAjB,CAAkB;IAEhC,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAErD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,aAAa,CAAC;QAEhD,IAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEzB,8CAA8C;QAC9C,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAEvC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC;SACtB;QAED,OAAO,WAAI,IAAI,gBAAa,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,aAAa,IAAI,oBAAoB,CAAC;IAEhE,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,uCAAqB,CAAC;KAC9B;IAED,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAChC,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACxC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EACzB,OAAO,SACP,CACH,CAAC;KACH;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { Navigate, Outlet, useLocation } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\n\ntype AuthGuardProps = {\n  getLoginRoute?: (pathname: string) => string;\n};\n\nexport function AuthGuard({ getLoginRoute }: AuthGuardProps) {\n  const location = useLocation();\n  const { status } = useSession();\n\n  const defaultGetLoginRoute = (pathname: string) => {\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    if (segments.length === 0) return \"/auth/login\";\n\n    const base = segments[0];\n\n    // routes that should NOT be treated as tenant\n    const systemRoutes = [\"admin\", \"auth\"];\n\n    if (systemRoutes.includes(base)) {\n      return \"/auth/login\";\n    }\n\n    return `/${base}/auth/login`;\n  };\n\n  const resolveLoginRoute = getLoginRoute || defaultGetLoginRoute;\n\n  if (status === \"loading\") {\n    return <div>Loading...</div>;\n  }\n\n  if (status === \"unauthenticated\") {\n    return (\n      <Navigate\n        to={resolveLoginRoute(location.pathname)}\n        state={{ from: location }}\n        replace\n      />\n    );\n  }\n\n  return <Outlet />;\n}"]}
+{"version":3,"file":"AuthGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/AuthGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACjE,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAM9E,MAAM,UAAU,SAAS,CAAC,EAAiC;QAA/B,aAAa,mBAAA;IACvC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IACvB,IAAA,MAAM,GAAK,UAAU,EAAE,OAAjB,CAAkB;IAEhC,IAAM,oBAAoB,GAAG,UAAC,QAAgB;QAC5C,IAAM,QAAQ,GAAG,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC;QAErD,IAAI,QAAQ,CAAC,MAAM,KAAK,CAAC;YAAE,OAAO,aAAa,CAAC;QAEhD,IAAM,IAAI,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC;QAEzB,8CAA8C;QAC9C,IAAM,YAAY,GAAG,CAAC,OAAO,EAAE,MAAM,CAAC,CAAC;QAEvC,IAAI,YAAY,CAAC,QAAQ,CAAC,IAAI,CAAC,EAAE;YAC/B,OAAO,aAAa,CAAC;SACtB;QAED,OAAO,WAAI,IAAI,gBAAa,CAAC;IAC/B,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,aAAa,IAAI,oBAAoB,CAAC;IAEhE,IAAI,MAAM,KAAK,SAAS,EAAE;QACxB,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAC,uBAAuB,EAC7B,WAAW,EAAC,iEAAiE,GAC7E,CACH,CAAC;KACH;IAED,IAAI,MAAM,KAAK,iBAAiB,EAAE;QAChC,OAAO,CACL,KAAC,QAAQ,IACP,EAAE,EAAE,iBAAiB,CAAC,QAAQ,CAAC,QAAQ,CAAC,EACxC,KAAK,EAAE,EAAE,IAAI,EAAE,QAAQ,EAAE,EACzB,OAAO,SACP,CACH,CAAC;KACH;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { Navigate, Outlet, useLocation } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { SolidLoadingState } from \"../../components/common/SolidLoadingState\";\n\ntype AuthGuardProps = {\n  getLoginRoute?: (pathname: string) => string;\n};\n\nexport function AuthGuard({ getLoginRoute }: AuthGuardProps) {\n  const location = useLocation();\n  const { status } = useSession();\n\n  const defaultGetLoginRoute = (pathname: string) => {\n    const segments = pathname.split(\"/\").filter(Boolean);\n\n    if (segments.length === 0) return \"/auth/login\";\n\n    const base = segments[0];\n\n    // routes that should NOT be treated as tenant\n    const systemRoutes = [\"admin\", \"auth\"];\n\n    if (systemRoutes.includes(base)) {\n      return \"/auth/login\";\n    }\n\n    return `/${base}/auth/login`;\n  };\n\n  const resolveLoginRoute = getLoginRoute || defaultGetLoginRoute;\n\n  if (status === \"loading\") {\n    return (\n      <SolidLoadingState\n        title=\"Checking your session\"\n        description=\"We are confirming your sign-in status before opening this page.\"\n      />\n    );\n  }\n\n  if (status === \"unauthenticated\") {\n    return (\n      <Navigate\n        to={resolveLoginRoute(location.pathname)}\n        state={{ from: location }}\n        replace\n      />\n    );\n  }\n\n  return <Outlet />;\n}\n"]}

package/dist/routes/guards/AuthGuard.tsx

@@ -1,5 +1,6 @@
 import { Navigate, Outlet, useLocation } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 
 type AuthGuardProps = {
   getLoginRoute?: (pathname: string) => string;
@@ -29,7 +30,12 @@ export function AuthGuard({ getLoginRoute }: AuthGuardProps) {
   const resolveLoginRoute = getLoginRoute || defaultGetLoginRoute;
 
   if (status === "loading") {
-    return <div>Loading...</div>;
+    return (
+      <SolidLoadingState
+        title="Checking your session"
+        description="We are confirming your sign-in status before opening this page."
+      />
+    );
   }
 
   if (status === "unauthenticated") {
@@ -43,4 +49,4 @@ export function AuthGuard({ getLoginRoute }: AuthGuardProps) {
   }
 
   return <Outlet />;
-}
+}

package/dist/routes/guards/GuestGuard.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"GuestGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/GuestGuard.tsx"],"names":[],"mappings":"AAIA,wBAAgB,UAAU,4CAezB"}
+{"version":3,"file":"GuestGuard.d.ts","sourceRoot":"","sources":["../../../src/routes/guards/GuestGuard.tsx"],"names":[],"mappings":"AAKA,wBAAgB,UAAU,4CAoBzB"}

package/dist/routes/guards/GuestGuard.js

@@ -2,6 +2,7 @@ import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect } from "react";
 import { Outlet, useNavigate } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 export function GuestGuard() {
     var status = useSession().status;
     var navigate = useNavigate();
@@ -11,7 +12,7 @@ export function GuestGuard() {
         }
     }, [status, navigate]);
     if (status === "loading" || status === "authenticated") {
-        return _jsx("div", { children: "Loading..." });
+        return (_jsx(SolidLoadingState, { title: "Loading", description: "Please wait while we route you to the right place." }));
     }
     return _jsx(Outlet, {});
 }

package/dist/routes/guards/GuestGuard.js.map

@@ -1 +1 @@
-{"version":3,"file":"GuestGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/GuestGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,MAAM,UAAU,UAAU;IAChB,IAAA,MAAM,GAAK,UAAU,EAAE,OAAjB,CAAkB;IAChC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC;QACR,IAAI,MAAM,KAAK,eAAe,IAAI,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YACvE,QAAQ,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,eAAe,EAAE;QACtD,OAAO,uCAAqB,CAAC;KAC9B;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { Outlet, useNavigate } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\n\nexport function GuestGuard() {\n  const { status } = useSession();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (status === \"authenticated\" && location.pathname.startsWith(\"/auth\")) {\n      navigate(\"/admin\", { replace: true });\n    }\n  }, [status, navigate]);\n\n  if (status === \"loading\" || status === \"authenticated\") {\n    return <div>Loading...</div>;\n  }\n\n  return <Outlet />;\n}"]}
+{"version":3,"file":"GuestGuard.js","sourceRoot":"","sources":["../../../src/routes/guards/GuestGuard.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAClC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAE9E,MAAM,UAAU,UAAU;IAChB,IAAA,MAAM,GAAK,UAAU,EAAE,OAAjB,CAAkB;IAChC,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,SAAS,CAAC;QACR,IAAI,MAAM,KAAK,eAAe,IAAI,QAAQ,CAAC,QAAQ,CAAC,UAAU,CAAC,OAAO,CAAC,EAAE;YACvE,QAAQ,CAAC,QAAQ,EAAE,EAAE,OAAO,EAAE,IAAI,EAAE,CAAC,CAAC;SACvC;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEvB,IAAI,MAAM,KAAK,SAAS,IAAI,MAAM,KAAK,eAAe,EAAE;QACtD,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAC,SAAS,EACf,WAAW,EAAC,oDAAoD,GAChE,CACH,CAAC;KACH;IAED,OAAO,KAAC,MAAM,KAAG,CAAC;AACpB,CAAC","sourcesContent":["import { useEffect } from \"react\";\nimport { Outlet, useNavigate } from \"react-router-dom\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { SolidLoadingState } from \"../../components/common/SolidLoadingState\";\n\nexport function GuestGuard() {\n  const { status } = useSession();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    if (status === \"authenticated\" && location.pathname.startsWith(\"/auth\")) {\n      navigate(\"/admin\", { replace: true });\n    }\n  }, [status, navigate]);\n\n  if (status === \"loading\" || status === \"authenticated\") {\n    return (\n      <SolidLoadingState\n        title=\"Loading\"\n        description=\"Please wait while we route you to the right place.\"\n      />\n    );\n  }\n\n  return <Outlet />;\n}\n"]}

package/dist/routes/guards/GuestGuard.tsx

@@ -1,6 +1,7 @@
 import { useEffect } from "react";
 import { Outlet, useNavigate } from "react-router-dom";
 import { useSession } from "../../hooks/useSession";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 
 export function GuestGuard() {
   const { status } = useSession();
@@ -13,8 +14,13 @@ export function GuestGuard() {
   }, [status, navigate]);
 
   if (status === "loading" || status === "authenticated") {
-    return <div>Loading...</div>;
+    return (
+      <SolidLoadingState
+        title="Loading"
+        description="Please wait while we route you to the right place."
+      />
+    );
   }
 
   return <Outlet />;
-}
+}

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

@@ -1 +1 @@
-{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DashboardPage.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAqa1C,wBAAgB,aAAa,4CA8lB5B"}
+{"version":3,"file":"DashboardPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DashboardPage.tsx"],"names":[],"mappings":"AAIA,OAAO,kCAAkC,CAAC;AAqa1C,wBAAgB,aAAa,4CAgnB5B"}

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

@@ -399,7 +399,7 @@ export function DashboardPage() {
     var gridInstanceRef = useRef(null);
     var _f = useGetDashboardDefinitionQuery({ moduleName: moduleName, dashboardName: dashboardName }, { skip: !moduleName || !dashboardName }), definition = _f.data, definitionLoading = _f.isLoading;
     var layoutData = useGetDashboardLayoutQuery({ moduleName: moduleName, dashboardName: dashboardName }, { skip: !moduleName || !dashboardName }).data;
-    var _g = useGetDashboardDataMutation(), getDashboardData = _g[0], _h = _g[1], dashboardData = _h.data, dataLoading = _h.isLoading, dataError = _h.error;
+    var _g = useGetDashboardDataMutation(), getDashboardData = _g[0], _h = _g[1], dashboardData = _h.data, dataLoading = _h.isLoading, dataUninitialized = _h.isUninitialized, dataError = _h.error;
     var _j = useSaveDashboardLayoutMutation(), saveDashboardLayout = _j[0], saveLayoutLoading = _j[1].isLoading;
     var getVariableOptions = useLazyGetDashboardVariableOptionsQuery()[0];
     var _k = useState({}), appliedVariableValues = _k[0], setAppliedVariableValues = _k[1];
@@ -507,6 +507,8 @@ export function DashboardPage() {
         });
         return map;
     }, [definitionWidgets]);
+    var hasDashboardPayload = dashboardData !== undefined;
+    var showDashboardLoadingState = !dataError && (dataLoading || dataUninitialized || !hasDashboardPayload);
     var widgetDataMap = useMemo(function () {
         var map = new Map();
         var rows = Array.isArray(dashboardData === null || dashboardData === void 0 ? void 0 : dashboardData.widgets) ? dashboardData.widgets : [];
@@ -580,7 +582,7 @@ export function DashboardPage() {
         }, 0);
     }, [appliedVariableValues, defaultFilterValues, variables]);
     useEffect(function () {
-        if (!gridRef.current || orderedWidgets.length === 0)
+        if (showDashboardLoadingState || !gridRef.current || orderedWidgets.length === 0)
             return;
         if (gridInstanceRef.current) {
             gridInstanceRef.current.destroy(false);
@@ -631,7 +633,7 @@ export function DashboardPage() {
             if (gridInstanceRef.current === instance)
                 gridInstanceRef.current = null;
         };
-    }, [activeGridColumns, baseLayoutItems, isCompactLayout, orderedWidgets, renderedLayoutItems]);
+    }, [activeGridColumns, baseLayoutItems, isCompactLayout, orderedWidgets, renderedLayoutItems, showDashboardLoadingState]);
     var handleDraftVariableChange = function (variableName, value) {
         setFilterDraftValues(function (prev) {
             var _a;
@@ -854,12 +856,12 @@ export function DashboardPage() {
     if (definitionLoading) {
         return (_jsx("div", { className: styles.page, children: _jsx(SolidSpinner, {}) }));
     }
-    return (_jsxs("div", { className: styles.page, children: [_jsxs("div", { className: styles.header, children: [_jsxs("div", { className: styles.titleBlock, children: [_jsx("h1", { className: styles.title, children: getDashboardTitle(definition, dashboardName) }), _jsx("p", { className: styles.subtitle, children: (_e = definition === null || definition === void 0 ? void 0 : definition.description) !== null && _e !== void 0 ? _e : "".concat(moduleName, " / ").concat(dashboardName) })] }), _jsxs("div", { className: styles.headerActions, children: [_jsxs("div", { className: styles.filterButtonWrap, children: [_jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(Filter, { size: 16 }), onClick: function () { return setIsFilterDialogOpen(true); }, tooltip: "Filters", "aria-label": "Filters" }), appliedFilterCount > 0 ? _jsx("span", { className: styles.filterCountBadge, children: appliedFilterCount }) : null] }), _jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void handleRefresh(); }, disabled: dataLoading, tooltip: "Refresh", "aria-label": "Refresh" }), _jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(Save, { size: 16 }), onClick: function () { return void handleSaveLayout(); }, disabled: saveLayoutLoading || isCompactLayout, tooltip: "Save Layout", "aria-label": "Save Layout" })] })] }), _jsxs(SolidDialog, { open: isFilterDialogOpen, onOpenChange: setIsFilterDialogOpen, header: "Dashboard Filters", contentClassName: styles.filterDialogContent, children: [_jsx(SolidDialogBody, { children: _jsx("div", { className: styles.filterModalColumn, children: variables.map(renderVariable) }) }), _jsxs(SolidDialogFooter, { className: styles.filterModalActions, children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return void handleClearFilters(); }, children: "Clear" }), _jsx(SolidButton, { onClick: function () { return void handleApplyFilters(); }, children: "Apply" })] })] }), dataError ? _jsx("p", { className: styles.error, children: "Failed to load dashboard data." }) : null, _jsx("div", { ref: gridRef, className: "grid-stack ".concat(styles.gridStack, " ").concat(isCompactLayout ? styles.gridStackCompact : ""), children: orderedWidgets.map(function (widget) {
+    return (_jsxs("div", { className: styles.page, children: [_jsxs("div", { className: styles.header, children: [_jsxs("div", { className: styles.titleBlock, children: [_jsx("h1", { className: styles.title, children: getDashboardTitle(definition, dashboardName) }), _jsx("p", { className: styles.subtitle, children: (_e = definition === null || definition === void 0 ? void 0 : definition.description) !== null && _e !== void 0 ? _e : "".concat(moduleName, " / ").concat(dashboardName) })] }), _jsxs("div", { className: styles.headerActions, children: [_jsxs("div", { className: styles.filterButtonWrap, children: [_jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(Filter, { size: 16 }), onClick: function () { return setIsFilterDialogOpen(true); }, tooltip: "Filters", "aria-label": "Filters" }), appliedFilterCount > 0 ? _jsx("span", { className: styles.filterCountBadge, children: appliedFilterCount }) : null] }), _jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void handleRefresh(); }, disabled: dataLoading, tooltip: "Refresh", "aria-label": "Refresh" }), _jsx(SolidButton, { className: styles.iconButton, leftIcon: _jsx(Save, { size: 16 }), onClick: function () { return void handleSaveLayout(); }, disabled: saveLayoutLoading || isCompactLayout, tooltip: "Save Layout", "aria-label": "Save Layout" })] })] }), _jsxs(SolidDialog, { open: isFilterDialogOpen, onOpenChange: setIsFilterDialogOpen, header: "Dashboard Filters", contentClassName: styles.filterDialogContent, children: [_jsx(SolidDialogBody, { children: _jsx("div", { className: styles.filterModalColumn, children: variables.map(renderVariable) }) }), _jsxs(SolidDialogFooter, { className: styles.filterModalActions, children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return void handleClearFilters(); }, children: "Clear" }), _jsx(SolidButton, { onClick: function () { return void handleApplyFilters(); }, children: "Apply" })] })] }), dataError ? _jsx("p", { className: styles.error, children: "Failed to load dashboard data." }) : null, showDashboardLoadingState ? (_jsxs("div", { className: styles.dashboardLoadingState, children: [_jsx(SolidSpinner, { size: 30, label: "Loading records" }), _jsx("p", { className: styles.dashboardLoadingCopy, children: "Please wait while dashboard data is loading..." })] })) : (_jsx("div", { ref: gridRef, className: "grid-stack ".concat(styles.gridStack, " ").concat(isCompactLayout ? styles.gridStackCompact : ""), children: orderedWidgets.map(function (widget) {
                     var _a, _b, _c, _d, _e, _f, _g, _h;
                     var widgetName = (_a = widget === null || widget === void 0 ? void 0 : widget.id) !== null && _a !== void 0 ? _a : widget === null || widget === void 0 ? void 0 : widget.name;
                     var runtime = widgetDataMap.get(widgetName);
                     var slot = (_b = renderedWidgetLayoutMap.get(widgetName)) !== null && _b !== void 0 ? _b : widgetLayoutMap.get(widgetName);
                     return (_jsx("div", { className: "grid-stack-item", "gs-id": widgetName, "gs-x": (_c = slot === null || slot === void 0 ? void 0 : slot.x) !== null && _c !== void 0 ? _c : 0, "gs-y": (_d = slot === null || slot === void 0 ? void 0 : slot.y) !== null && _d !== void 0 ? _d : 0, "gs-w": (_e = slot === null || slot === void 0 ? void 0 : slot.w) !== null && _e !== void 0 ? _e : 4, "gs-h": (_f = slot === null || slot === void 0 ? void 0 : slot.h) !== null && _f !== void 0 ? _f : 3, "gs-min-w": (_g = slot === null || slot === void 0 ? void 0 : slot.minW) !== null && _g !== void 0 ? _g : 2, "gs-min-h": (_h = slot === null || slot === void 0 ? void 0 : slot.minH) !== null && _h !== void 0 ? _h : 2, children: _jsxs("div", { className: "grid-stack-item-content ".concat(styles.widgetCard), children: [_jsx("h3", { className: styles.widgetTitle, children: getWidgetTitle(widget, widgetName) }), _jsx("div", { className: styles.widgetBody, children: runtime ? renderWidgetBody(widget, runtime) : _jsx("p", { className: styles.muted, children: "No data" }) })] }) }, widgetName));
-                }) })] }));
+                }) }))] }));
 }
 //# sourceMappingURL=DashboardPage.js.map