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

package/dist/redux/api/datasourceManagementApi.js

@@ -0,0 +1,35 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithAuth } from "./fetchBaseQuery";
+function unwrapEnvelope(payload) {
+    var current = payload;
+    while (current
+        && typeof current === "object"
+        && "data" in current
+        && current.data !== undefined) {
+        current = current.data;
+    }
+    return current;
+}
+export var datasourceManagementApi = createApi({
+    reducerPath: "datasourceManagementApi",
+    baseQuery: baseQueryWithAuth,
+    tagTypes: ["DatasourceManagement"],
+    endpoints: function (builder) { return ({
+        getDatasources: builder.query({
+            query: function () { return "/datasource-management"; },
+            providesTags: ["DatasourceManagement"],
+            transformResponse: function (response) { var _a, _b; return (_b = (_a = unwrapEnvelope(response)) === null || _a === void 0 ? void 0 : _a.records) !== null && _b !== void 0 ? _b : []; },
+        }),
+        createDatasource: builder.mutation({
+            query: function (body) { return ({
+                url: "/datasource-management",
+                method: "POST",
+                body: body,
+            }); },
+            invalidatesTags: ["DatasourceManagement"],
+            transformResponse: function (response) { return unwrapEnvelope(response); },
+        }),
+    }); },
+});
+export var useGetDatasourcesQuery = datasourceManagementApi.useGetDatasourcesQuery, useCreateDatasourceMutation = datasourceManagementApi.useCreateDatasourceMutation;
+//# sourceMappingURL=datasourceManagementApi.js.map

package/dist/redux/api/datasourceManagementApi.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"datasourceManagementApi.js","sourceRoot":"","sources":["../../../src/redux/api/datasourceManagementApi.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AACzD,OAAO,EAAE,iBAAiB,EAAE,MAAM,kBAAkB,CAAC;AA4CrD,SAAS,cAAc,CAAU,OAAY;IAC3C,IAAI,OAAO,GAAG,OAAO,CAAC;IAEtB,OACE,OAAO;WACJ,OAAO,OAAO,KAAK,QAAQ;WAC3B,MAAM,IAAI,OAAO;WACjB,OAAO,CAAC,IAAI,KAAK,SAAS,EAC7B;QACA,OAAO,GAAG,OAAO,CAAC,IAAI,CAAC;KACxB;IAED,OAAO,OAAY,CAAC;AACtB,CAAC;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,SAAS,CAAC;IAC/C,WAAW,EAAE,yBAAyB;IACtC,SAAS,EAAE,iBAAiB;IAC5B,QAAQ,EAAE,CAAC,sBAAsB,CAAC;IAClC,SAAS,EAAE,UAAC,OAAO,IAAK,OAAA,CAAC;QACvB,cAAc,EAAE,OAAO,CAAC,KAAK,CAAqC;YAChE,KAAK,EAAE,cAAM,OAAA,wBAAwB,EAAxB,CAAwB;YACrC,YAAY,EAAE,CAAC,sBAAsB,CAAC;YACtC,iBAAiB,EAAE,UAAC,QAAa,gBAAK,OAAA,MAAA,MAAA,cAAc,CAA6C,QAAQ,CAAC,0CAAE,OAAO,mCAAI,EAAE,CAAA,EAAA;SAC1H,CAAC;QACF,gBAAgB,EAAE,OAAO,CAAC,QAAQ,CAAgE;YAChG,KAAK,EAAE,UAAC,IAAI,IAAK,OAAA,CAAC;gBAChB,GAAG,EAAE,wBAAwB;gBAC7B,MAAM,EAAE,MAAM;gBACd,IAAI,MAAA;aACL,CAAC,EAJe,CAIf;YACF,eAAe,EAAE,CAAC,sBAAsB,CAAC;YACzC,iBAAiB,EAAE,UAAC,QAAa,IAAK,OAAA,cAAc,CAA6B,QAAQ,CAAC,EAApD,CAAoD;SAC3F,CAAC;KACH,CAAC,EAfsB,CAetB;CACH,CAAC,CAAC;AAEH,MAAM,CACJ,IAAA,sBAAsB,GAEpB,uBAAuB,uBAFH,EACtB,2BAA2B,GACzB,uBAAuB,4BADE,CACD","sourcesContent":["import { createApi } from \"@reduxjs/toolkit/query/react\";\nimport { baseQueryWithAuth } from \"./fetchBaseQuery\";\n\nexport type DatasourceManagementRecord = {\n  name: string;\n  displayName: string;\n  type: \"postgres\" | \"mysql\" | \"mssql\" | string;\n  envPrefix: string;\n  isDefault: boolean;\n  host: string;\n  port: number | null;\n  database: string;\n  username: string;\n  passwordConfigured: boolean;\n  synchronize: boolean | null;\n  logging: boolean | null;\n  moduleFile: string;\n  envFile: string;\n  advanced: Record<string, any>;\n};\n\nexport type CreateDatasourceManagementPayload = {\n  name: string;\n  displayName?: string;\n  type: \"postgres\" | \"mysql\" | \"mssql\";\n  host: string;\n  port: number;\n  database: string;\n  username: string;\n  password: string;\n  synchronize?: boolean;\n  logging?: boolean;\n  ssl?: boolean;\n  sslRejectUnauthorized?: boolean;\n  poolMax?: number;\n  connectionTimeoutMs?: number;\n  idleTimeoutMs?: number;\n  statementTimeoutMs?: number;\n  idleInTxTimeoutMs?: number;\n  retryAttempts?: number;\n  retryDelayMs?: number;\n  encrypt?: boolean;\n  trustServerCertificate?: boolean;\n};\n\nfunction unwrapEnvelope<T = any>(payload: any): T {\n  let current = payload;\n\n  while (\n    current\n    && typeof current === \"object\"\n    && \"data\" in current\n    && current.data !== undefined\n  ) {\n    current = current.data;\n  }\n\n  return current as T;\n}\n\nexport const datasourceManagementApi = createApi({\n  reducerPath: \"datasourceManagementApi\",\n  baseQuery: baseQueryWithAuth,\n  tagTypes: [\"DatasourceManagement\"],\n  endpoints: (builder) => ({\n    getDatasources: builder.query<DatasourceManagementRecord[], void>({\n      query: () => \"/datasource-management\",\n      providesTags: [\"DatasourceManagement\"],\n      transformResponse: (response: any) => unwrapEnvelope<{ records?: DatasourceManagementRecord[] }>(response)?.records ?? [],\n    }),\n    createDatasource: builder.mutation<DatasourceManagementRecord, CreateDatasourceManagementPayload>({\n      query: (body) => ({\n        url: \"/datasource-management\",\n        method: \"POST\",\n        body,\n      }),\n      invalidatesTags: [\"DatasourceManagement\"],\n      transformResponse: (response: any) => unwrapEnvelope<DatasourceManagementRecord>(response),\n    }),\n  }),\n});\n\nexport const {\n  useGetDatasourcesQuery,\n  useCreateDatasourceMutation,\n} = datasourceManagementApi;\n"]}

package/dist/redux/api/datasourceManagementApi.ts

@@ -0,0 +1,86 @@
+import { createApi } from "@reduxjs/toolkit/query/react";
+import { baseQueryWithAuth } from "./fetchBaseQuery";
+
+export type DatasourceManagementRecord = {
+  name: string;
+  displayName: string;
+  type: "postgres" | "mysql" | "mssql" | string;
+  envPrefix: string;
+  isDefault: boolean;
+  host: string;
+  port: number | null;
+  database: string;
+  username: string;
+  passwordConfigured: boolean;
+  synchronize: boolean | null;
+  logging: boolean | null;
+  moduleFile: string;
+  envFile: string;
+  advanced: Record<string, any>;
+};
+
+export type CreateDatasourceManagementPayload = {
+  name: string;
+  displayName?: string;
+  type: "postgres" | "mysql" | "mssql";
+  host: string;
+  port: number;
+  database: string;
+  username: string;
+  password: string;
+  synchronize?: boolean;
+  logging?: boolean;
+  ssl?: boolean;
+  sslRejectUnauthorized?: boolean;
+  poolMax?: number;
+  connectionTimeoutMs?: number;
+  idleTimeoutMs?: number;
+  statementTimeoutMs?: number;
+  idleInTxTimeoutMs?: number;
+  retryAttempts?: number;
+  retryDelayMs?: number;
+  encrypt?: boolean;
+  trustServerCertificate?: boolean;
+};
+
+function unwrapEnvelope<T = any>(payload: any): T {
+  let current = payload;
+
+  while (
+    current
+    && typeof current === "object"
+    && "data" in current
+    && current.data !== undefined
+  ) {
+    current = current.data;
+  }
+
+  return current as T;
+}
+
+export const datasourceManagementApi = createApi({
+  reducerPath: "datasourceManagementApi",
+  baseQuery: baseQueryWithAuth,
+  tagTypes: ["DatasourceManagement"],
+  endpoints: (builder) => ({
+    getDatasources: builder.query<DatasourceManagementRecord[], void>({
+      query: () => "/datasource-management",
+      providesTags: ["DatasourceManagement"],
+      transformResponse: (response: any) => unwrapEnvelope<{ records?: DatasourceManagementRecord[] }>(response)?.records ?? [],
+    }),
+    createDatasource: builder.mutation<DatasourceManagementRecord, CreateDatasourceManagementPayload>({
+      query: (body) => ({
+        url: "/datasource-management",
+        method: "POST",
+        body,
+      }),
+      invalidatesTags: ["DatasourceManagement"],
+      transformResponse: (response: any) => unwrapEnvelope<DatasourceManagementRecord>(response),
+    }),
+  }),
+});
+
+export const {
+  useGetDatasourcesQuery,
+  useCreateDatasourceMutation,
+} = datasourceManagementApi;

package/dist/redux/store/StoreProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.d.ts","sourceRoot":"","sources":["../../../src/redux/store/StoreProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,oBAAoB,CAAC;AAWvE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;CAClF,2CA6BA"}
+{"version":3,"file":"StoreProvider.d.ts","sourceRoot":"","sources":["../../../src/redux/store/StoreProvider.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,oBAAoB,CAAC;AAYvE,wBAAgB,aAAa,CAAC,EAC5B,QAAQ,EACR,QAAQ,EACR,WAAW,GACZ,EAAE;IACD,QAAQ,EAAE,SAAS,CAAC;IACpB,QAAQ,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC;IAC3E,WAAW,CAAC,EAAE,WAAW,CAAC,UAAU,CAAC,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC;CAClF,2CAoCA"}

package/dist/redux/store/StoreProvider.js

@@ -40,6 +40,7 @@ import { Provider } from "react-redux";
 import { createSolidStore } from "./createSolidStore";
 import { eventBus, AppEvents } from "../../helpers/eventBus";
 import { solidGet } from "../../http/solidHttp";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 function fetchEntities() {
     var _a;
     return __awaiter(this, void 0, void 0, function () {
@@ -80,8 +81,9 @@ export function StoreProvider(_a) {
         };
     }, [reducers, middlewares]);
     var content = useMemo(function () {
-        if (!store)
-            return _jsx("div", { children: "Loading..." });
+        if (!store) {
+            return (_jsx(SolidLoadingState, { title: "Preparing workspace", description: "We are loading the application shell and getting your workspace ready." }));
+        }
         return _jsx(Provider, { store: store, children: children });
     }, [store, children]);
     return content;

package/dist/redux/store/StoreProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../../src/redux/store/StoreProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEhD,SAAe,aAAa;;;;;;wBACT,qBAAM,QAAQ,CAAC,wBAAwB,CAAC,EAAA;;oBAAnD,QAAQ,GAAG,SAAwC;oBACnD,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC;oBACtB,OAAO,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC;oBAC1C,sBAAO,OAAO,CAAC,GAAG,CAAC,UAAC,CAA2B,IAAK,OAAA,CAAC,CAAC,YAAY,EAAd,CAAc,CAAC,EAAC;;;;CACrE;AAED,MAAM,UAAU,aAAa,CAAC,EAQ7B;QAPC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA;IAML,IAAA,KAAoB,QAAQ,CAAoB,IAAI,CAAC,EAApD,KAAK,QAAA,EAAE,QAAQ,QAAqC,CAAC;IAE5D,SAAS,CAAC;QACR,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,aAAa,EAAE;aACZ,IAAI,CAAC,UAAC,QAAQ;YACb,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC;aACD,KAAK,CAAC;YACL,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;gBACnC,OAAO,EAAE,qDAAqD;aAC/D,CAAC,CAAC;YACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEL,OAAO;YACL,OAAO,GAAG,KAAK,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAM,OAAO,GAAG,OAAO,CAAC;QACtB,IAAI,CAAC,KAAK;YAAE,OAAO,uCAAqB,CAAC;QACzC,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAY,CAAC;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Provider } from \"react-redux\";\nimport { createSolidStore, type SolidStore } from \"./createSolidStore\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\nimport { solidGet } from \"../../http/solidHttp\";\n\nasync function fetchEntities(): Promise<string[]> {\n  const response = await solidGet(\"/model-metadata/public\");\n  const data = response?.data;\n  const records = data?.data?.records || [];\n  return records.map((r: { singularName: string }) => r.singularName);\n}\n\nexport function StoreProvider({\n  children,\n  reducers,\n  middlewares,\n}: {\n  children: ReactNode;\n  reducers?: NonNullable<Parameters<typeof createSolidStore>[0]>[\"reducers\"];\n  middlewares?: NonNullable<Parameters<typeof createSolidStore>[0]>[\"middlewares\"];\n}) {\n  const [store, setStore] = useState<SolidStore | null>(null);\n\n  useEffect(() => {\n    let mounted = true;\n    fetchEntities()\n      .then((entities) => {\n        if (!mounted) return;\n        setStore(createSolidStore({ entities, reducers, middlewares }));\n      })\n      .catch(() => {\n        if (!mounted) return;\n        eventBus.emit(AppEvents.GlobalError, {\n          message: \"Unable to reach the server. Please try again later.\",\n        });\n        setStore(createSolidStore({ entities: [], reducers, middlewares }));\n      });\n\n    return () => {\n      mounted = false;\n    };\n  }, [reducers, middlewares]);\n\n  const content = useMemo(() => {\n    if (!store) return <div>Loading...</div>;\n    return <Provider store={store}>{children}</Provider>;\n  }, [store, children]);\n\n  return content;\n}\n"]}
+{"version":3,"file":"StoreProvider.js","sourceRoot":"","sources":["../../../src/redux/store/StoreProvider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,SAAS,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAErD,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,gBAAgB,EAAmB,MAAM,oBAAoB,CAAC;AACvE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,MAAM,wBAAwB,CAAC;AAC7D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAChD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAC;AAE9E,SAAe,aAAa;;;;;;wBACT,qBAAM,QAAQ,CAAC,wBAAwB,CAAC,EAAA;;oBAAnD,QAAQ,GAAG,SAAwC;oBACnD,IAAI,GAAG,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,IAAI,CAAC;oBACtB,OAAO,GAAG,CAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,IAAI,0CAAE,OAAO,KAAI,EAAE,CAAC;oBAC1C,sBAAO,OAAO,CAAC,GAAG,CAAC,UAAC,CAA2B,IAAK,OAAA,CAAC,CAAC,YAAY,EAAd,CAAc,CAAC,EAAC;;;;CACrE;AAED,MAAM,UAAU,aAAa,CAAC,EAQ7B;QAPC,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,WAAW,iBAAA;IAML,IAAA,KAAoB,QAAQ,CAAoB,IAAI,CAAC,EAApD,KAAK,QAAA,EAAE,QAAQ,QAAqC,CAAC;IAE5D,SAAS,CAAC;QACR,IAAI,OAAO,GAAG,IAAI,CAAC;QACnB,aAAa,EAAE;aACZ,IAAI,CAAC,UAAC,QAAQ;YACb,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC;QAClE,CAAC,CAAC;aACD,KAAK,CAAC;YACL,IAAI,CAAC,OAAO;gBAAE,OAAO;YACrB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,WAAW,EAAE;gBACnC,OAAO,EAAE,qDAAqD;aAC/D,CAAC,CAAC;YACH,QAAQ,CAAC,gBAAgB,CAAC,EAAE,QAAQ,EAAE,EAAE,EAAE,QAAQ,UAAA,EAAE,WAAW,aAAA,EAAE,CAAC,CAAC,CAAC;QACtE,CAAC,CAAC,CAAC;QAEL,OAAO;YACL,OAAO,GAAG,KAAK,CAAC;QAClB,CAAC,CAAC;IACJ,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAM,OAAO,GAAG,OAAO,CAAC;QACtB,IAAI,CAAC,KAAK,EAAE;YACV,OAAO,CACL,KAAC,iBAAiB,IAChB,KAAK,EAAC,qBAAqB,EAC3B,WAAW,EAAC,wEAAwE,GACpF,CACH,CAAC;SACH;QACD,OAAO,KAAC,QAAQ,IAAC,KAAK,EAAE,KAAK,YAAG,QAAQ,GAAY,CAAC;IACvD,CAAC,EAAE,CAAC,KAAK,EAAE,QAAQ,CAAC,CAAC,CAAC;IAEtB,OAAO,OAAO,CAAC;AACjB,CAAC","sourcesContent":["import { useEffect, useMemo, useState } from \"react\";\nimport type { ReactNode } from \"react\";\nimport { Provider } from \"react-redux\";\nimport { createSolidStore, type SolidStore } from \"./createSolidStore\";\nimport { eventBus, AppEvents } from \"../../helpers/eventBus\";\nimport { solidGet } from \"../../http/solidHttp\";\nimport { SolidLoadingState } from \"../../components/common/SolidLoadingState\";\n\nasync function fetchEntities(): Promise<string[]> {\n  const response = await solidGet(\"/model-metadata/public\");\n  const data = response?.data;\n  const records = data?.data?.records || [];\n  return records.map((r: { singularName: string }) => r.singularName);\n}\n\nexport function StoreProvider({\n  children,\n  reducers,\n  middlewares,\n}: {\n  children: ReactNode;\n  reducers?: NonNullable<Parameters<typeof createSolidStore>[0]>[\"reducers\"];\n  middlewares?: NonNullable<Parameters<typeof createSolidStore>[0]>[\"middlewares\"];\n}) {\n  const [store, setStore] = useState<SolidStore | null>(null);\n\n  useEffect(() => {\n    let mounted = true;\n    fetchEntities()\n      .then((entities) => {\n        if (!mounted) return;\n        setStore(createSolidStore({ entities, reducers, middlewares }));\n      })\n      .catch(() => {\n        if (!mounted) return;\n        eventBus.emit(AppEvents.GlobalError, {\n          message: \"Unable to reach the server. Please try again later.\",\n        });\n        setStore(createSolidStore({ entities: [], reducers, middlewares }));\n      });\n\n    return () => {\n      mounted = false;\n    };\n  }, [reducers, middlewares]);\n\n  const content = useMemo(() => {\n    if (!store) {\n      return (\n        <SolidLoadingState\n          title=\"Preparing workspace\"\n          description=\"We are loading the application shell and getting your workspace ready.\"\n        />\n      );\n    }\n    return <Provider store={store}>{children}</Provider>;\n  }, [store, children]);\n\n  return content;\n}\n"]}

package/dist/redux/store/StoreProvider.tsx

@@ -4,6 +4,7 @@ import { Provider } from "react-redux";
 import { createSolidStore, type SolidStore } from "./createSolidStore";
 import { eventBus, AppEvents } from "../../helpers/eventBus";
 import { solidGet } from "../../http/solidHttp";
+import { SolidLoadingState } from "../../components/common/SolidLoadingState";
 
 async function fetchEntities(): Promise<string[]> {
   const response = await solidGet("/model-metadata/public");
@@ -44,7 +45,14 @@ export function StoreProvider({
   }, [reducers, middlewares]);
 
   const content = useMemo(() => {
-    if (!store) return <div>Loading...</div>;
+    if (!store) {
+      return (
+        <SolidLoadingState
+          title="Preparing workspace"
+          description="We are loading the application shell and getting your workspace ready."
+        />
+      );
+    }
     return <Provider store={store}>{children}</Provider>;
   }, [store, children]);
 

package/dist/redux/store/defaultStoreConfig.d.ts

@@ -180,6 +180,29 @@ export declare const solidApiSlices: (import("@reduxjs/toolkit/query").Api<impor
     deleteMultipleMediaStorageProviders: import("@reduxjs/toolkit/query").MutationDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, any, "mediaStorageProviderApi">;
     deleteMediaStorageProivder: import("@reduxjs/toolkit/query").MutationDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, any, "mediaStorageProviderApi">;
 }, "mediaStorageProviderApi", never, typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName> | import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, {
+    getDatasources: import("@reduxjs/toolkit/query").QueryDefinition<void, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceManagement", import("../api/datasourceManagementApi").DatasourceManagementRecord[], "datasourceManagementApi">;
+    createDatasource: import("@reduxjs/toolkit/query").MutationDefinition<import("../api/datasourceManagementApi").CreateDatasourceManagementPayload, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceManagement", import("../api/datasourceManagementApi").DatasourceManagementRecord, "datasourceManagementApi">;
+}, "datasourceManagementApi", "DatasourceManagement", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName> | import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, {
+    getDatasourceIntrospectionBootstrap: import("@reduxjs/toolkit/query").QueryDefinition<number, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceIntrospection", import("../api/datasourceIntrospectionApi").DatasourceIntrospectionBootstrap, "datasourceIntrospectionApi">;
+    getDatasourceIntrospectionTables: import("@reduxjs/toolkit/query").QueryDefinition<{
+        moduleId: number;
+        datasource: string;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceIntrospection", import("../api/datasourceIntrospectionApi").DatasourceIntrospectionTablesResponse, "datasourceIntrospectionApi">;
+    getDatasourceIntrospectionTableDetail: import("@reduxjs/toolkit/query").QueryDefinition<{
+        moduleId: number;
+        datasource: string;
+        table: string;
+        schema?: string | null | undefined;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceIntrospection", import("../api/datasourceIntrospectionApi").DatasourceIntrospectionTableDetail, "datasourceIntrospectionApi">;
+    previewDatasourceIntrospectionMapping: import("@reduxjs/toolkit/query").MutationDefinition<{
+        moduleId: number;
+        payload: import("../api/datasourceIntrospectionApi").DatasourceIntrospectionMappingRequest;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceIntrospection", import("../api/datasourceIntrospectionApi").DatasourceIntrospectionMappingPreview, "datasourceIntrospectionApi">;
+    applyDatasourceIntrospectionMapping: import("@reduxjs/toolkit/query").MutationDefinition<{
+        moduleId: number;
+        payload: import("../api/datasourceIntrospectionApi").DatasourceIntrospectionMappingRequest;
+    }, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, "DatasourceIntrospection", import("../api/datasourceIntrospectionApi").DatasourceIntrospectionApplyResponse, "datasourceIntrospectionApi">;
+}, "datasourceIntrospectionApi", "DatasourceIntrospection", typeof import("@reduxjs/toolkit/query").coreModuleName | typeof import("@reduxjs/toolkit/query/react").reactHooksModuleName> | import("@reduxjs/toolkit/query").Api<import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, {
     getroles: import("@reduxjs/toolkit/query").QueryDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, any, "roleApi">;
     getroleById: import("@reduxjs/toolkit/query").QueryDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, any, "roleApi">;
     createrole: import("@reduxjs/toolkit/query").MutationDefinition<any, import("@reduxjs/toolkit/query").BaseQueryFn<string | import("@reduxjs/toolkit/query").FetchArgs, unknown, import("@reduxjs/toolkit/query").FetchBaseQueryError, {}, import("@reduxjs/toolkit/query").FetchBaseQueryMeta>, never, any, "roleApi">;

package/dist/redux/store/defaultStoreConfig.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"defaultStoreConfig.d.ts","sourceRoot":"","sources":["../../../src/redux/store/defaultStoreConfig.ts"],"names":[],"mappings":"AA6BA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yJAoB1B,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CASzB,CAAC"}
+{"version":3,"file":"defaultStoreConfig.d.ts","sourceRoot":"","sources":["../../../src/redux/store/defaultStoreConfig.ts"],"names":[],"mappings":"AA+BA,eAAO,MAAM,cAAc;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;yJAsB1B,CAAC;AAGF,eAAO,MAAM,aAAa;;;;;;;;;;;;;;;CASzB,CAAC"}

package/dist/redux/store/defaultStoreConfig.js

@@ -25,6 +25,8 @@ import { solidViewsApi } from "../api/solidViewApi";
 import { userApi } from "../api/userApi";
 import { apiKeyApi } from "../api/apiKeyApi";
 import { dashboardRuntimeApi } from "../api/dashboardRuntimeApi";
+import { datasourceManagementApi } from "../api/datasourceManagementApi";
+import { datasourceIntrospectionApi } from "../api/datasourceIntrospectionApi";
 // 1. Export all APIs in one array
 export var solidApiSlices = [
     authApi,
@@ -46,6 +48,8 @@ export var solidApiSlices = [
     aiInteractionApi,
     apiKeyApi,
     dashboardRuntimeApi,
+    datasourceManagementApi,
+    datasourceIntrospectionApi,
 ];
 // 2. Export default reducers
 export var solidReducers = {

package/dist/redux/store/defaultStoreConfig.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaultStoreConfig.js","sourceRoot":"","sources":["../../../src/redux/store/defaultStoreConfig.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AAEjE,kCAAkC;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG;IAC1B,OAAO;IACP,OAAO;IACP,UAAU;IACV,SAAS;IACT,SAAS;IACT,uBAAuB;IACvB,QAAQ;IACR,aAAa;IACb,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,OAAO;IACP,sBAAsB;IACtB,iBAAiB;IACjB,eAAe;IACf,oBAAoB;IACpB,gBAAgB;IAChB,SAAS;IACT,mBAAmB;CACtB,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,IAAM,aAAa,GAAG;IACzB,cAAc,EAAE,qBAAqB;IACrC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,aAAa;IAC1B,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;CACtB,CAAC","sourcesContent":["import authenticationReducer from \"../features/authSlice\";\nimport dataViewReducer from \"../features/dataViewSlice\";\nimport navbarReducer from \"../features/navbarSlice\";\nimport popupReducer from \"../features/popupSlice\";\nimport themeReducer from \"../features/themeSlice\";\nimport toastReducer from \"../features/toastSlice\";\nimport userReducer from \"../features/userSlice\";\nimport solidStudioReducer from \"../features/solidStudioSlice\";\nimport { authApi } from \"../api/authApi\";\nimport { aiInteractionApi } from \"../api/aiInteractionApi\";\nimport { exportTemplateApi } from \"../api/exportTemplateApi\";\nimport { fieldsApi } from \"../api/fieldApi\";\nimport { importTransactionApi } from \"../api/importTransactionApi\";\nimport { mediaApi } from \"../api/mediaApi\";\nimport { mediaStorageProviderApi } from \"../api/mediaStorageProviderApi\";\nimport { modulesApi } from \"../api/moduleApi\";\nimport { modelsApi } from \"../api/modelApi\";\nimport { roleApi } from \"../api/roleApi\";\nimport { solidActionsApi } from \"../api/solidActionApi\";\nimport { solidChatterMessageApi } from \"../api/solidChatterMessageApi\";\nimport { solidMenusApi } from \"../api/solidMenuApi\";\nimport { solidServiceApi } from \"../api/solidServiceApi\";\nimport { solidSettingsApi } from \"../api/solidSettingsApi\";\nimport { solidViewsApi } from \"../api/solidViewApi\";\nimport { userApi } from \"../api/userApi\";\nimport { apiKeyApi } from \"../api/apiKeyApi\";\nimport { dashboardRuntimeApi } from \"../api/dashboardRuntimeApi\";\n\n// 1. Export all APIs in one array\nexport const solidApiSlices = [\n    authApi,\n    userApi,\n    modulesApi,\n    modelsApi,\n    fieldsApi,\n    mediaStorageProviderApi,\n    mediaApi,\n    solidViewsApi,\n    solidActionsApi,\n    solidMenusApi,\n    solidSettingsApi,\n    roleApi,\n    solidChatterMessageApi,\n    exportTemplateApi,\n    solidServiceApi,\n    importTransactionApi,\n    aiInteractionApi,\n    apiKeyApi,\n    dashboardRuntimeApi,\n];\n\n// 2. Export default reducers\nexport const solidReducers = {\n    authentication: authenticationReducer,\n    auth: userReducer,\n    theme: themeReducer,\n    popup: popupReducer,\n    navbarState: navbarReducer,\n    dataViewState: dataViewReducer,\n    solidStudio: solidStudioReducer,\n    toast: toastReducer,\n};  \n"]}
+{"version":3,"file":"defaultStoreConfig.js","sourceRoot":"","sources":["../../../src/redux/store/defaultStoreConfig.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,MAAM,uBAAuB,CAAC;AAC1D,OAAO,eAAe,MAAM,2BAA2B,CAAC;AACxD,OAAO,aAAa,MAAM,yBAAyB,CAAC;AACpD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,YAAY,MAAM,wBAAwB,CAAC;AAClD,OAAO,WAAW,MAAM,uBAAuB,CAAC;AAChD,OAAO,kBAAkB,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,oBAAoB,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,QAAQ,EAAE,MAAM,iBAAiB,CAAC;AAC3C,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAC5C,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACxD,OAAO,EAAE,sBAAsB,EAAE,MAAM,+BAA+B,CAAC;AACvE,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,wBAAwB,CAAC;AACzD,OAAO,EAAE,gBAAgB,EAAE,MAAM,yBAAyB,CAAC;AAC3D,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,OAAO,EAAE,MAAM,gBAAgB,CAAC;AACzC,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC;AAC7C,OAAO,EAAE,mBAAmB,EAAE,MAAM,4BAA4B,CAAC;AACjE,OAAO,EAAE,uBAAuB,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,0BAA0B,EAAE,MAAM,mCAAmC,CAAC;AAE/E,kCAAkC;AAClC,MAAM,CAAC,IAAM,cAAc,GAAG;IAC1B,OAAO;IACP,OAAO;IACP,UAAU;IACV,SAAS;IACT,SAAS;IACT,uBAAuB;IACvB,QAAQ;IACR,aAAa;IACb,eAAe;IACf,aAAa;IACb,gBAAgB;IAChB,OAAO;IACP,sBAAsB;IACtB,iBAAiB;IACjB,eAAe;IACf,oBAAoB;IACpB,gBAAgB;IAChB,SAAS;IACT,mBAAmB;IACnB,uBAAuB;IACvB,0BAA0B;CAC7B,CAAC;AAEF,6BAA6B;AAC7B,MAAM,CAAC,IAAM,aAAa,GAAG;IACzB,cAAc,EAAE,qBAAqB;IACrC,IAAI,EAAE,WAAW;IACjB,KAAK,EAAE,YAAY;IACnB,KAAK,EAAE,YAAY;IACnB,WAAW,EAAE,aAAa;IAC1B,aAAa,EAAE,eAAe;IAC9B,WAAW,EAAE,kBAAkB;IAC/B,KAAK,EAAE,YAAY;CACtB,CAAC","sourcesContent":["import authenticationReducer from \"../features/authSlice\";\nimport dataViewReducer from \"../features/dataViewSlice\";\nimport navbarReducer from \"../features/navbarSlice\";\nimport popupReducer from \"../features/popupSlice\";\nimport themeReducer from \"../features/themeSlice\";\nimport toastReducer from \"../features/toastSlice\";\nimport userReducer from \"../features/userSlice\";\nimport solidStudioReducer from \"../features/solidStudioSlice\";\nimport { authApi } from \"../api/authApi\";\nimport { aiInteractionApi } from \"../api/aiInteractionApi\";\nimport { exportTemplateApi } from \"../api/exportTemplateApi\";\nimport { fieldsApi } from \"../api/fieldApi\";\nimport { importTransactionApi } from \"../api/importTransactionApi\";\nimport { mediaApi } from \"../api/mediaApi\";\nimport { mediaStorageProviderApi } from \"../api/mediaStorageProviderApi\";\nimport { modulesApi } from \"../api/moduleApi\";\nimport { modelsApi } from \"../api/modelApi\";\nimport { roleApi } from \"../api/roleApi\";\nimport { solidActionsApi } from \"../api/solidActionApi\";\nimport { solidChatterMessageApi } from \"../api/solidChatterMessageApi\";\nimport { solidMenusApi } from \"../api/solidMenuApi\";\nimport { solidServiceApi } from \"../api/solidServiceApi\";\nimport { solidSettingsApi } from \"../api/solidSettingsApi\";\nimport { solidViewsApi } from \"../api/solidViewApi\";\nimport { userApi } from \"../api/userApi\";\nimport { apiKeyApi } from \"../api/apiKeyApi\";\nimport { dashboardRuntimeApi } from \"../api/dashboardRuntimeApi\";\nimport { datasourceManagementApi } from \"../api/datasourceManagementApi\";\nimport { datasourceIntrospectionApi } from \"../api/datasourceIntrospectionApi\";\n\n// 1. Export all APIs in one array\nexport const solidApiSlices = [\n    authApi,\n    userApi,\n    modulesApi,\n    modelsApi,\n    fieldsApi,\n    mediaStorageProviderApi,\n    mediaApi,\n    solidViewsApi,\n    solidActionsApi,\n    solidMenusApi,\n    solidSettingsApi,\n    roleApi,\n    solidChatterMessageApi,\n    exportTemplateApi,\n    solidServiceApi,\n    importTransactionApi,\n    aiInteractionApi,\n    apiKeyApi,\n    dashboardRuntimeApi,\n    datasourceManagementApi,\n    datasourceIntrospectionApi,\n];\n\n// 2. Export default reducers\nexport const solidReducers = {\n    authentication: authenticationReducer,\n    auth: userReducer,\n    theme: themeReducer,\n    popup: popupReducer,\n    navbarState: navbarReducer,\n    dataViewState: dataViewReducer,\n    solidStudio: solidStudioReducer,\n    toast: toastReducer,\n};  \n"]}

package/dist/redux/store/defaultStoreConfig.ts

@@ -25,6 +25,8 @@ import { solidViewsApi } from "../api/solidViewApi";
 import { userApi } from "../api/userApi";
 import { apiKeyApi } from "../api/apiKeyApi";
 import { dashboardRuntimeApi } from "../api/dashboardRuntimeApi";
+import { datasourceManagementApi } from "../api/datasourceManagementApi";
+import { datasourceIntrospectionApi } from "../api/datasourceIntrospectionApi";
 
 // 1. Export all APIs in one array
 export const solidApiSlices = [
@@ -47,6 +49,8 @@ export const solidApiSlices = [
     aiInteractionApi,
     apiKeyApi,
     dashboardRuntimeApi,
+    datasourceManagementApi,
+    datasourceIntrospectionApi,
 ];
 
 // 2. Export default reducers

package/dist/resources/solid-custom.css

@@ -236,7 +236,7 @@ body {
   position: fixed;
   inset: 0;
   background: rgba(2, 6, 23, 0.4);
-  z-index: 59;
+  z-index: 100;
 }
 
 .solid-sidebar-mobile-trigger {
@@ -261,7 +261,7 @@ body {
   background: var(--sidebar-background);
   color: var(--sidebar-foreground);
   border-right: 1px solid var(--sidebar-border);
-  z-index: 60;
+  z-index: 100;
   display: flex;
   flex-direction: column;
   transition: width 200ms ease, transform 200ms ease, top 220ms ease, height 220ms ease;
@@ -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 />;
-}
+}