@solidxai/core-ui 0.1.5-beta.9 → 0.1.6

package/dist/routes/SolidLayoutRegistry.d.ts

@@ -0,0 +1,51 @@
+import { type ReactNode } from "react";
+import type { RouteObject } from "react-router-dom";
+export interface SolidLayoutEntry {
+    /** The root path of this layout, e.g. "/jenendar" */
+    path: string;
+    /** Display title. Falls back to title-casing the path segment. */
+    title: string;
+    /** Optional subtitle shown on the card. */
+    description?: string;
+    /** Resolved URL to navigate to when the card is clicked (first child). */
+    to: string;
+}
+/**
+ * Optionally attach this to a route's `handle` to customise the card.
+ *
+ * @example
+ * ```tsx
+ * {
+ *   path: "/my-layout",
+ *   handle: { title: "My Layout", description: "Custom layout" } satisfies SolidLayoutHandle,
+ *   element: <MyLayout />,
+ *   children: [...],
+ * }
+ * ```
+ */
+export interface SolidLayoutHandle {
+    title?: string;
+    description?: string;
+}
+/**
+ * Called by getSolidRoutes() whenever extraRoutes are provided.
+ * @internal — not part of the public API.
+ */
+export declare function _solidRegisterExtraRoutes(routes: RouteObject[]): void;
+/**
+ * Optional — most apps do NOT need this.
+ * Use only when you need to override the auto-registered list at runtime.
+ */
+export declare function SolidLayoutRegistryProvider({ routes, children, }: {
+    routes: RouteObject[];
+    children: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+/**
+ * Returns the registered layout entries.
+ *
+ * Priority order:
+ * 1. SolidLayoutRegistryProvider context (if mounted)
+ * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called
+ */
+export declare function useSolidLayoutRegistry(): SolidLayoutEntry[];
+//# sourceMappingURL=SolidLayoutRegistry.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLayoutRegistry.d.ts","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAsC,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAC3E,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,kBAAkB,CAAC;AAIpD,MAAM,WAAW,gBAAgB;IAC/B,qDAAqD;IACrD,IAAI,EAAE,MAAM,CAAC;IACb,kEAAkE;IAClE,KAAK,EAAE,MAAM,CAAC;IACd,2CAA2C;IAC3C,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0EAA0E;IAC1E,EAAE,EAAE,MAAM,CAAC;CACZ;AAED;;;;;;;;;;;;GAYG;AACH,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAOD;;;GAGG;AACH,wBAAgB,yBAAyB,CAAC,MAAM,EAAE,WAAW,EAAE,GAAG,IAAI,CAErE;AA+ED;;;GAGG;AACH,wBAAgB,2BAA2B,CAAC,EAC1C,MAAM,EACN,QAAQ,GACT,EAAE;IACD,MAAM,EAAE,WAAW,EAAE,CAAC;IACtB,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAOA;AAID;;;;;;GAMG;AACH,wBAAgB,sBAAsB,IAAI,gBAAgB,EAAE,CAI3D"}

package/dist/routes/SolidLayoutRegistry.js

@@ -0,0 +1,108 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { createContext, useContext, useMemo } from "react";
+// ── Module-level store ────────────────────────────────────────────────────────
+// Populated automatically inside getSolidRoutes() — no consumer changes needed.
+var _autoRoutes = [];
+/**
+ * Called by getSolidRoutes() whenever extraRoutes are provided.
+ * @internal — not part of the public API.
+ */
+export function _solidRegisterExtraRoutes(routes) {
+    _autoRoutes = routes;
+}
+// ── Context (optional override) ───────────────────────────────────────────────
+// Mount SolidLayoutRegistryProvider anywhere above StudioLandingPage to
+// override the auto-registered list (e.g. async / runtime route lists).
+var SolidLayoutRegistryContext = createContext(null);
+// ── Helpers ───────────────────────────────────────────────────────────────────
+function pathToTitle(path) {
+    return (path
+        .replace(/^\//, "")
+        .split(/[-_/]/)
+        .filter(Boolean)
+        .map(function (w) { return w.charAt(0).toUpperCase() + w.slice(1); })
+        .join(" ") || path);
+}
+/**
+ * Walk a route tree and return the first concrete relative or absolute path found.
+ * Skips index routes (they render at the parent path) and pathless wrappers
+ * (guards, layout wrappers) by looking inside their children recursively.
+ */
+function findFirstConcretePath(children) {
+    var _a, _b;
+    // 1. FIRST PASS → prioritize index (including inside pathless wrappers)
+    for (var _i = 0, children_1 = children; _i < children_1.length; _i++) {
+        var child = children_1[_i];
+        if (child.index || child.path === "") {
+            return "";
+        }
+        // Deep check for pathless wrappers in the first pass too
+        if (!child.path && ((_a = child.children) === null || _a === void 0 ? void 0 : _a.length)) {
+            var nested = findFirstConcretePath(child.children);
+            if (nested === "")
+                return "";
+        }
+    }
+    // 2. SECOND PASS → find first path
+    for (var _c = 0, children_2 = children; _c < children_2.length; _c++) {
+        var child = children_2[_c];
+        if (child.path)
+            return child.path;
+        if ((_b = child.children) === null || _b === void 0 ? void 0 : _b.length) {
+            var nested = findFirstConcretePath(child.children);
+            if (nested !== undefined)
+                return nested;
+        }
+    }
+    return undefined;
+}
+function resolveFirstChildTo(basePath, children) {
+    var concretePath = findFirstConcretePath(children);
+    if (concretePath === undefined || concretePath === "")
+        return basePath;
+    if (concretePath.startsWith("/"))
+        return concretePath;
+    return "".concat(basePath.replace(/\/$/, ""), "/").concat(concretePath);
+}
+function extractLayouts(routes) {
+    return routes
+        .filter(function (r) { return !!r.path; })
+        .map(function (r) {
+        var _a, _b;
+        var handle = r.handle;
+        var to = ((_a = r.children) === null || _a === void 0 ? void 0 : _a.length)
+            ? resolveFirstChildTo(r.path, r.children)
+            : r.path; // 👈 fallback for standalone routes
+        return {
+            path: r.path,
+            title: (_b = handle === null || handle === void 0 ? void 0 : handle.title) !== null && _b !== void 0 ? _b : pathToTitle(r.path),
+            description: handle === null || handle === void 0 ? void 0 : handle.description,
+            to: to,
+        };
+    });
+}
+// ── Provider (optional override) ──────────────────────────────────────────────
+/**
+ * Optional — most apps do NOT need this.
+ * Use only when you need to override the auto-registered list at runtime.
+ */
+export function SolidLayoutRegistryProvider(_a) {
+    var routes = _a.routes, children = _a.children;
+    var layouts = useMemo(function () { return extractLayouts(routes); }, [routes]);
+    return (_jsx(SolidLayoutRegistryContext.Provider, { value: layouts, children: children }));
+}
+// ── Hook ──────────────────────────────────────────────────────────────────────
+/**
+ * Returns the registered layout entries.
+ *
+ * Priority order:
+ * 1. SolidLayoutRegistryProvider context (if mounted)
+ * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called
+ */
+export function useSolidLayoutRegistry() {
+    var contextLayouts = useContext(SolidLayoutRegistryContext);
+    if (contextLayouts !== null)
+        return contextLayouts;
+    return extractLayouts(_autoRoutes);
+}
+//# sourceMappingURL=SolidLayoutRegistry.js.map

package/dist/routes/SolidLayoutRegistry.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidLayoutRegistry.js","sourceRoot":"","sources":["../../src/routes/SolidLayoutRegistry.tsx"],"names":[],"mappings":"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","sourcesContent":["import { createContext, useContext, useMemo, type ReactNode } from \"react\";\nimport type { RouteObject } from \"react-router-dom\";\n\n// ── Types ─────────────────────────────────────────────────────────────────────\n\nexport interface SolidLayoutEntry {\n  /** The root path of this layout, e.g. \"/jenendar\" */\n  path: string;\n  /** Display title. Falls back to title-casing the path segment. */\n  title: string;\n  /** Optional subtitle shown on the card. */\n  description?: string;\n  /** Resolved URL to navigate to when the card is clicked (first child). */\n  to: string;\n}\n\n/**\n * Optionally attach this to a route's `handle` to customise the card.\n *\n * @example\n * ```tsx\n * {\n *   path: \"/my-layout\",\n *   handle: { title: \"My Layout\", description: \"Custom layout\" } satisfies SolidLayoutHandle,\n *   element: <MyLayout />,\n *   children: [...],\n * }\n * ```\n */\nexport interface SolidLayoutHandle {\n  title?: string;\n  description?: string;\n}\n\n// ── Module-level store ────────────────────────────────────────────────────────\n// Populated automatically inside getSolidRoutes() — no consumer changes needed.\n\nlet _autoRoutes: RouteObject[] = [];\n\n/**\n * Called by getSolidRoutes() whenever extraRoutes are provided.\n * @internal — not part of the public API.\n */\nexport function _solidRegisterExtraRoutes(routes: RouteObject[]): void {\n  _autoRoutes = routes;\n}\n\n// ── Context (optional override) ───────────────────────────────────────────────\n// Mount SolidLayoutRegistryProvider anywhere above StudioLandingPage to\n// override the auto-registered list (e.g. async / runtime route lists).\n\nconst SolidLayoutRegistryContext = createContext<SolidLayoutEntry[] | null>(null);\n\n// ── Helpers ───────────────────────────────────────────────────────────────────\n\nfunction pathToTitle(path: string): string {\n  return (\n    path\n      .replace(/^\\//, \"\")\n      .split(/[-_/]/)\n      .filter(Boolean)\n      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))\n      .join(\" \") || path\n  );\n}\n\n/**\n * Walk a route tree and return the first concrete relative or absolute path found.\n * Skips index routes (they render at the parent path) and pathless wrappers\n * (guards, layout wrappers) by looking inside their children recursively.\n */\nfunction findFirstConcretePath(children: RouteObject[]): string | undefined {\n  // 1. FIRST PASS → prioritize index (including inside pathless wrappers)\n  for (const child of children) {\n    if ((child as any).index || child.path === \"\") {\n      return \"\";\n    }\n    // Deep check for pathless wrappers in the first pass too\n    if (!child.path && child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested === \"\") return \"\";\n    }\n  }\n\n  // 2. SECOND PASS → find first path\n  for (const child of children) {\n    if (child.path) return child.path;\n\n    if (child.children?.length) {\n      const nested = findFirstConcretePath(child.children);\n      if (nested !== undefined) return nested;\n    }\n  }\n\n  return undefined;\n}\nfunction resolveFirstChildTo(basePath: string, children: RouteObject[]): string {\n  const concretePath = findFirstConcretePath(children);\n  if (concretePath === undefined || concretePath === \"\") return basePath;\n  if (concretePath.startsWith(\"/\")) return concretePath;\n  return `${basePath.replace(/\\/$/, \"\")}/${concretePath}`;\n}\n\nfunction extractLayouts(routes: RouteObject[]): SolidLayoutEntry[] {\n  return routes\n    .filter((r) => !!r.path)\n    .map((r) => {\n      const handle = r.handle as SolidLayoutHandle | undefined;\n\n      const to = r.children?.length\n        ? resolveFirstChildTo(r.path!, r.children)\n        : r.path!; // 👈 fallback for standalone routes\n\n      return {\n        path: r.path!,\n        title: handle?.title ?? pathToTitle(r.path!),\n        description: handle?.description,\n        to,\n      };\n    });\n}\n\n// ── Provider (optional override) ──────────────────────────────────────────────\n\n/**\n * Optional — most apps do NOT need this.\n * Use only when you need to override the auto-registered list at runtime.\n */\nexport function SolidLayoutRegistryProvider({\n  routes,\n  children,\n}: {\n  routes: RouteObject[];\n  children: ReactNode;\n}) {\n  const layouts = useMemo(() => extractLayouts(routes), [routes]);\n  return (\n    <SolidLayoutRegistryContext.Provider value={layouts}>\n      {children}\n    </SolidLayoutRegistryContext.Provider>\n  );\n}\n\n// ── Hook ──────────────────────────────────────────────────────────────────────\n\n/**\n * Returns the registered layout entries.\n *\n * Priority order:\n * 1. SolidLayoutRegistryProvider context (if mounted)\n * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called\n */\nexport function useSolidLayoutRegistry(): SolidLayoutEntry[] {\n  const contextLayouts = useContext(SolidLayoutRegistryContext);\n  if (contextLayouts !== null) return contextLayouts;\n  return extractLayouts(_autoRoutes);\n}\n"]}

package/dist/routes/SolidLayoutRegistry.tsx

@@ -0,0 +1,157 @@
+import { createContext, useContext, useMemo, type ReactNode } from "react";
+import type { RouteObject } from "react-router-dom";
+
+// ── Types ─────────────────────────────────────────────────────────────────────
+
+export interface SolidLayoutEntry {
+  /** The root path of this layout, e.g. "/jenendar" */
+  path: string;
+  /** Display title. Falls back to title-casing the path segment. */
+  title: string;
+  /** Optional subtitle shown on the card. */
+  description?: string;
+  /** Resolved URL to navigate to when the card is clicked (first child). */
+  to: string;
+}
+
+/**
+ * Optionally attach this to a route's `handle` to customise the card.
+ *
+ * @example
+ * ```tsx
+ * {
+ *   path: "/my-layout",
+ *   handle: { title: "My Layout", description: "Custom layout" } satisfies SolidLayoutHandle,
+ *   element: <MyLayout />,
+ *   children: [...],
+ * }
+ * ```
+ */
+export interface SolidLayoutHandle {
+  title?: string;
+  description?: string;
+}
+
+// ── Module-level store ────────────────────────────────────────────────────────
+// Populated automatically inside getSolidRoutes() — no consumer changes needed.
+
+let _autoRoutes: RouteObject[] = [];
+
+/**
+ * Called by getSolidRoutes() whenever extraRoutes are provided.
+ * @internal — not part of the public API.
+ */
+export function _solidRegisterExtraRoutes(routes: RouteObject[]): void {
+  _autoRoutes = routes;
+}
+
+// ── Context (optional override) ───────────────────────────────────────────────
+// Mount SolidLayoutRegistryProvider anywhere above StudioLandingPage to
+// override the auto-registered list (e.g. async / runtime route lists).
+
+const SolidLayoutRegistryContext = createContext<SolidLayoutEntry[] | null>(null);
+
+// ── Helpers ───────────────────────────────────────────────────────────────────
+
+function pathToTitle(path: string): string {
+  return (
+    path
+      .replace(/^\//, "")
+      .split(/[-_/]/)
+      .filter(Boolean)
+      .map((w) => w.charAt(0).toUpperCase() + w.slice(1))
+      .join(" ") || path
+  );
+}
+
+/**
+ * Walk a route tree and return the first concrete relative or absolute path found.
+ * Skips index routes (they render at the parent path) and pathless wrappers
+ * (guards, layout wrappers) by looking inside their children recursively.
+ */
+function findFirstConcretePath(children: RouteObject[]): string | undefined {
+  // 1. FIRST PASS → prioritize index (including inside pathless wrappers)
+  for (const child of children) {
+    if ((child as any).index || child.path === "") {
+      return "";
+    }
+    // Deep check for pathless wrappers in the first pass too
+    if (!child.path && child.children?.length) {
+      const nested = findFirstConcretePath(child.children);
+      if (nested === "") return "";
+    }
+  }
+
+  // 2. SECOND PASS → find first path
+  for (const child of children) {
+    if (child.path) return child.path;
+
+    if (child.children?.length) {
+      const nested = findFirstConcretePath(child.children);
+      if (nested !== undefined) return nested;
+    }
+  }
+
+  return undefined;
+}
+function resolveFirstChildTo(basePath: string, children: RouteObject[]): string {
+  const concretePath = findFirstConcretePath(children);
+  if (concretePath === undefined || concretePath === "") return basePath;
+  if (concretePath.startsWith("/")) return concretePath;
+  return `${basePath.replace(/\/$/, "")}/${concretePath}`;
+}
+
+function extractLayouts(routes: RouteObject[]): SolidLayoutEntry[] {
+  return routes
+    .filter((r) => !!r.path)
+    .map((r) => {
+      const handle = r.handle as SolidLayoutHandle | undefined;
+
+      const to = r.children?.length
+        ? resolveFirstChildTo(r.path!, r.children)
+        : r.path!; // 👈 fallback for standalone routes
+
+      return {
+        path: r.path!,
+        title: handle?.title ?? pathToTitle(r.path!),
+        description: handle?.description,
+        to,
+      };
+    });
+}
+
+// ── Provider (optional override) ──────────────────────────────────────────────
+
+/**
+ * Optional — most apps do NOT need this.
+ * Use only when you need to override the auto-registered list at runtime.
+ */
+export function SolidLayoutRegistryProvider({
+  routes,
+  children,
+}: {
+  routes: RouteObject[];
+  children: ReactNode;
+}) {
+  const layouts = useMemo(() => extractLayouts(routes), [routes]);
+  return (
+    <SolidLayoutRegistryContext.Provider value={layouts}>
+      {children}
+    </SolidLayoutRegistryContext.Provider>
+  );
+}
+
+// ── Hook ──────────────────────────────────────────────────────────────────────
+
+/**
+ * Returns the registered layout entries.
+ *
+ * Priority order:
+ * 1. SolidLayoutRegistryProvider context (if mounted)
+ * 2. Routes auto-registered when getSolidRoutes({ extraRoutes }) was called
+ */
+export function useSolidLayoutRegistry(): SolidLayoutEntry[] {
+  const contextLayouts = useContext(SolidLayoutRegistryContext);
+  if (contextLayouts !== null) return contextLayouts;
+  return extractLayouts(_autoRoutes);
+}

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

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

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

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

package/dist/routes/guards/AdminGuard.js

@@ -0,0 +1,16 @@
+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";
+export function AdminGuard() {
+    var _a;
+    var _b = useSession(), session = _b.data, status = _b.status;
+    if (status === "loading") {
+        return _jsx("div", { children: "Loading..." });
+    }
+    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 });
+    }
+    return _jsx(Outlet, {});
+}
+//# sourceMappingURL=AdminGuard.js.map

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

@@ -0,0 +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"]}

package/dist/routes/guards/AdminGuard.tsx

@@ -0,0 +1,17 @@
+import { Navigate, Outlet } from "react-router-dom";
+import { useSession } from "../../hooks/useSession";
+import { hasAnyRole } from "../../helpers/rolesHelper";
+
+export function AdminGuard() {
+  const { data: session, status } = useSession();
+
+  if (status === "loading") {
+    return <div>Loading...</div>;
+  }
+
+  if (!hasAnyRole(session?.user?.roles, ["Admin"])) {
+    return <Navigate to="/not-found" replace />;
+  }
+
+  return <Outlet />;
+}

package/dist/routes/pages/studio/StudioHomePage.d.ts

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

package/dist/routes/pages/studio/StudioHomePage.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudioHomePage.d.ts","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioHomePage.tsx"],"names":[],"mappings":"AA8BA,wBAAgB,cAAc,4CA2E7B"}

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

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import { enterStudioMode, setStudioView } from "../../../redux/features/solidStudioSlice";
+var BackendIcon = function () { return (_jsxs("svg", { width: "28", height: "28", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "6", width: "28", height: "20", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }), _jsx("path", { d: "M2 11h28", stroke: "currentColor", strokeWidth: "1.6" }), _jsx("circle", { cx: "6.5", cy: "8.5", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "10", cy: "8.5", r: "1", fill: "currentColor" }), _jsx("circle", { cx: "13.5", cy: "8.5", r: "1", fill: "currentColor" }), _jsx("path", { d: "M9 17l3 3-3 3M15 23h6", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
+var FrontendIcon = function () { return (_jsxs("svg", { width: "28", height: "28", viewBox: "0 0 32 32", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "2", y: "4", width: "28", height: "18", rx: "3", stroke: "currentColor", strokeWidth: "1.6" }), _jsx("path", { d: "M10 28h12M16 22v6", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round" }), _jsx("path", { d: "M11 13l3-3-3-3M17 10h5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
+var ArrowIcon = function () { return (_jsx("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: _jsx("path", { d: "M3 8h10M9 4l4 4-4 4", stroke: "currentColor", strokeWidth: "1.6", strokeLinecap: "round", strokeLinejoin: "round" }) })); };
+export function StudioHomePage() {
+    var dispatch = useDispatch();
+    var navigate = useNavigate();
+    useEffect(function () {
+        dispatch(enterStudioMode());
+        dispatch(setStudioView(null));
+    }, [dispatch]);
+    var handleSelect = function (view) {
+        dispatch(setStudioView(view));
+        navigate(view === "backend" ? "/admin" : "/landing");
+    };
+    return (_jsx("div", { className: "solid-studio-home", children: _jsxs("div", { className: "solid-studio-home-inner solid-studio-home-inner--wide", children: [_jsxs("div", { className: "solid-studio-home-heading", children: [_jsx("div", { className: "solid-studio-home-badge", children: "SolidX Studio" }), _jsx("h1", { children: "Welcome to SolidX Studio" }), _jsx("p", { children: "Choose your workspace to get started." })] }), _jsxs("div", { className: "solid-studio-home-cards solid-studio-home-cards--2col", children: [_jsx("button", { type: "button", className: "solid-studio-home-card solid-studio-home-card--backend", onClick: function () { return handleSelect("backend"); }, "aria-label": "Open Backend Studio", children: _jsxs("div", { className: "solid-studio-home-card-body", children: [_jsx("div", { className: "solid-studio-home-card-icon solid-studio-home-card-icon--backend", children: _jsx(BackendIcon, {}) }), _jsxs("div", { className: "solid-studio-home-card-content", children: [_jsx("span", { className: "solid-studio-home-card-title", children: "Backend Studio" }), _jsx("span", { className: "solid-studio-home-card-desc", children: "Admin panel, data management, APIs, configuration, and settings." })] }), _jsxs("div", { className: "solid-studio-home-card-cta", children: [_jsx("span", { children: "Open" }), _jsx(ArrowIcon, {})] })] }) }), _jsx("button", { type: "button", className: "solid-studio-home-card solid-studio-home-card--frontend", onClick: function () { return handleSelect("frontend"); }, "aria-label": "Open Frontend Studio", children: _jsxs("div", { className: "solid-studio-home-card-body", children: [_jsx("div", { className: "solid-studio-home-card-icon solid-studio-home-card-icon--frontend", children: _jsx(FrontendIcon, {}) }), _jsxs("div", { className: "solid-studio-home-card-content", children: [_jsx("span", { className: "solid-studio-home-card-title", children: "Frontend Studio" }), _jsx("span", { className: "solid-studio-home-card-desc", children: "Custom UI, landing pages, components, and user-facing layouts." })] }), _jsxs("div", { className: "solid-studio-home-card-cta", children: [_jsx("span", { children: "Open" }), _jsx(ArrowIcon, {})] })] }) })] })] }) }));
+}
+//# sourceMappingURL=StudioHomePage.js.map

package/dist/routes/pages/studio/StudioHomePage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StudioHomePage.js","sourceRoot":"","sources":["../../../../src/routes/pages/studio/StudioHomePage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { useNavigate } from \"react-router-dom\";\nimport { enterStudioMode, setStudioView } from \"../../../redux/features/solidStudioSlice\";\n\nconst BackendIcon = () => (\n  <svg width=\"28\" height=\"28\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2\" y=\"6\" width=\"28\" height=\"20\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"1.6\" />\n    <path d=\"M2 11h28\" stroke=\"currentColor\" strokeWidth=\"1.6\" />\n    <circle cx=\"6.5\" cy=\"8.5\" r=\"1\" fill=\"currentColor\" />\n    <circle cx=\"10\" cy=\"8.5\" r=\"1\" fill=\"currentColor\" />\n    <circle cx=\"13.5\" cy=\"8.5\" r=\"1\" fill=\"currentColor\" />\n    <path d=\"M9 17l3 3-3 3M15 23h6\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst FrontendIcon = () => (\n  <svg width=\"28\" height=\"28\" viewBox=\"0 0 32 32\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2\" y=\"4\" width=\"28\" height=\"18\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"1.6\" />\n    <path d=\"M10 28h12M16 22v6\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" />\n    <path d=\"M11 13l3-3-3-3M17 10h5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst ArrowIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M3 8h10M9 4l4 4-4 4\" stroke=\"currentColor\" strokeWidth=\"1.6\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport function StudioHomePage() {\n  const dispatch = useDispatch();\n  const navigate = useNavigate();\n\n  useEffect(() => {\n    dispatch(enterStudioMode());\n    dispatch(setStudioView(null));\n  }, [dispatch]);\n\n  const handleSelect = (view: \"backend\" | \"frontend\") => {\n    dispatch(setStudioView(view));\n    navigate(view === \"backend\" ? \"/admin\" : \"/landing\");\n  };\n\n  return (\n    <div className=\"solid-studio-home\">\n      <div className=\"solid-studio-home-inner solid-studio-home-inner--wide\">\n        <div className=\"solid-studio-home-heading\">\n          <div className=\"solid-studio-home-badge\">SolidX Studio</div>\n          <h1>Welcome to SolidX Studio</h1>\n          <p>Choose your workspace to get started.</p>\n        </div>\n\n        <div className=\"solid-studio-home-cards solid-studio-home-cards--2col\">\n          {/* Backend Studio Card */}\n          <button\n            type=\"button\"\n            className=\"solid-studio-home-card solid-studio-home-card--backend\"\n            onClick={() => handleSelect(\"backend\")}\n            aria-label=\"Open Backend Studio\"\n          >\n            <div className=\"solid-studio-home-card-body\">\n              <div className=\"solid-studio-home-card-icon solid-studio-home-card-icon--backend\">\n                <BackendIcon />\n              </div>\n              <div className=\"solid-studio-home-card-content\">\n                <span className=\"solid-studio-home-card-title\">Backend Studio</span>\n                <span className=\"solid-studio-home-card-desc\">\n                  Admin panel, data management, APIs, configuration, and settings.\n                </span>\n              </div>\n              <div className=\"solid-studio-home-card-cta\">\n                <span>Open</span>\n                <ArrowIcon />\n              </div>\n            </div>\n          </button>\n\n          {/* Frontend Studio Card */}\n          <button\n            type=\"button\"\n            className=\"solid-studio-home-card solid-studio-home-card--frontend\"\n            onClick={() => handleSelect(\"frontend\")}\n            aria-label=\"Open Frontend Studio\"\n          >\n            <div className=\"solid-studio-home-card-body\">\n              <div className=\"solid-studio-home-card-icon solid-studio-home-card-icon--frontend\">\n                <FrontendIcon />\n              </div>\n              <div className=\"solid-studio-home-card-content\">\n                <span className=\"solid-studio-home-card-title\">Frontend Studio</span>\n                <span className=\"solid-studio-home-card-desc\">\n                  Custom UI, landing pages, components, and user-facing layouts.\n                </span>\n              </div>\n              <div className=\"solid-studio-home-card-cta\">\n                <span>Open</span>\n                <ArrowIcon />\n              </div>\n            </div>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

package/dist/routes/pages/studio/StudioHomePage.tsx

@@ -0,0 +1,106 @@
+import { useEffect } from "react";
+import { useDispatch } from "react-redux";
+import { useNavigate } from "react-router-dom";
+import { enterStudioMode, setStudioView } from "../../../redux/features/solidStudioSlice";
+
+const BackendIcon = () => (
+  <svg width="28" height="28" viewBox="0 0 32 32" fill="none" aria-hidden="true">
+    <rect x="2" y="6" width="28" height="20" rx="3" stroke="currentColor" strokeWidth="1.6" />
+    <path d="M2 11h28" stroke="currentColor" strokeWidth="1.6" />
+    <circle cx="6.5" cy="8.5" r="1" fill="currentColor" />
+    <circle cx="10" cy="8.5" r="1" fill="currentColor" />
+    <circle cx="13.5" cy="8.5" r="1" fill="currentColor" />
+    <path d="M9 17l3 3-3 3M15 23h6" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
+
+const FrontendIcon = () => (
+  <svg width="28" height="28" viewBox="0 0 32 32" fill="none" aria-hidden="true">
+    <rect x="2" y="4" width="28" height="18" rx="3" stroke="currentColor" strokeWidth="1.6" />
+    <path d="M10 28h12M16 22v6" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" />
+    <path d="M11 13l3-3-3-3M17 10h5" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
+
+const ArrowIcon = () => (
+  <svg width="15" height="15" viewBox="0 0 16 16" fill="none" aria-hidden="true">
+    <path d="M3 8h10M9 4l4 4-4 4" stroke="currentColor" strokeWidth="1.6" strokeLinecap="round" strokeLinejoin="round" />
+  </svg>
+);
+
+export function StudioHomePage() {
+  const dispatch = useDispatch();
+  const navigate = useNavigate();
+
+  useEffect(() => {
+    dispatch(enterStudioMode());
+    dispatch(setStudioView(null));
+  }, [dispatch]);
+
+  const handleSelect = (view: "backend" | "frontend") => {
+    dispatch(setStudioView(view));
+    navigate(view === "backend" ? "/admin" : "/landing");
+  };
+
+  return (
+    <div className="solid-studio-home">
+      <div className="solid-studio-home-inner solid-studio-home-inner--wide">
+        <div className="solid-studio-home-heading">
+          <div className="solid-studio-home-badge">SolidX Studio</div>
+          <h1>Welcome to SolidX Studio</h1>
+          <p>Choose your workspace to get started.</p>
+        </div>
+
+        <div className="solid-studio-home-cards solid-studio-home-cards--2col">
+          {/* Backend Studio Card */}
+          <button
+            type="button"
+            className="solid-studio-home-card solid-studio-home-card--backend"
+            onClick={() => handleSelect("backend")}
+            aria-label="Open Backend Studio"
+          >
+            <div className="solid-studio-home-card-body">
+              <div className="solid-studio-home-card-icon solid-studio-home-card-icon--backend">
+                <BackendIcon />
+              </div>
+              <div className="solid-studio-home-card-content">
+                <span className="solid-studio-home-card-title">Backend Studio</span>
+                <span className="solid-studio-home-card-desc">
+                  Admin panel, data management, APIs, configuration, and settings.
+                </span>
+              </div>
+              <div className="solid-studio-home-card-cta">
+                <span>Open</span>
+                <ArrowIcon />
+              </div>
+            </div>
+          </button>
+
+          {/* Frontend Studio Card */}
+          <button
+            type="button"
+            className="solid-studio-home-card solid-studio-home-card--frontend"
+            onClick={() => handleSelect("frontend")}
+            aria-label="Open Frontend Studio"
+          >
+            <div className="solid-studio-home-card-body">
+              <div className="solid-studio-home-card-icon solid-studio-home-card-icon--frontend">
+                <FrontendIcon />
+              </div>
+              <div className="solid-studio-home-card-content">
+                <span className="solid-studio-home-card-title">Frontend Studio</span>
+                <span className="solid-studio-home-card-desc">
+                  Custom UI, landing pages, components, and user-facing layouts.
+                </span>
+              </div>
+              <div className="solid-studio-home-card-cta">
+                <span>Open</span>
+                <ArrowIcon />
+              </div>
+            </div>
+          </button>
+        </div>
+      </div>
+    </div>
+  );
+}

package/dist/routes/pages/studio/StudioLandingPage.d.ts

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

package/dist/routes/pages/studio/StudioLandingPage.d.ts.map

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