@solidxai/core-ui 0.1.7-beta.1 → 0.1.7-beta.11

package/dist/components/layout/SolidAiStudioLayout.js

@@ -1,44 +1,74 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { useNavigate, useLocation } from "react-router-dom";
-// import { SolidAiChat } from "../core/solid-ai/SolidAiChat";
 import { exitStudioMode, setStudioView } from "../../redux/features/solidStudioSlice";
+import { showToast } from "../../redux/features/toastSlice";
 import { useSession } from "../../hooks/useSession";
-import { signOut } from "../../adapters/auth/index";
+import { getSession, signOut } from "../../adapters/auth/index";
 import { createPortal } from "react-dom";
-import { enableStudioMode, disableStudioMode } from "../../helpers/studioSandbox";
 import { env } from "../../adapters/env";
-var HEADER_HEIGHT = "44px";
-var PANEL_WIDTH_DEFAULT = 420;
+import { ERROR_MESSAGES } from "../../constants/error-messages";
 // ── Icons ──────────────────────────────────────────────────────────────────────
-var StudioIcon = function () { return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z", stroke: "currentColor", strokeWidth: "1.4" }), _jsx("path", { d: "M8 5v3l2 1.5", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M8 2V1M8 15v-1M1 8H0M16 8h-1", stroke: "currentColor", strokeWidth: "1.4", strokeLinecap: "round" })] })); };
-var PanelOpenIcon = function () { return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1", y: "1", width: "14", height: "14", rx: "2.5", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M10 1v14", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M12.5 6l1.5 2-1.5 2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
-var PanelCloseIcon = function () { return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1", y: "1", width: "14", height: "14", rx: "2.5", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M10 1v14", stroke: "currentColor", strokeWidth: "1.3" }), _jsx("path", { d: "M13.5 6L12 8l1.5 2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
 var DotsIcon = function () { return (_jsxs("svg", { width: "15", height: "15", viewBox: "0 0 16 16", fill: "currentColor", "aria-hidden": "true", children: [_jsx("circle", { cx: "8", cy: "3", r: "1.3" }), _jsx("circle", { cx: "8", cy: "8", r: "1.3" }), _jsx("circle", { cx: "8", cy: "13", r: "1.3" })] })); };
-var ExitStudioIcon = function () { return (_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M9.5 4.5 5 9M5 4.5l4.5 4.5", stroke: "currentColor", strokeWidth: "1.5", strokeLinecap: "round" }), _jsx("rect", { x: "1", y: "1", width: "12", height: "12", rx: "3", stroke: "currentColor", strokeWidth: "1.2" })] })); };
 var PreviewIcon = function () { return (_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M1 7s2.5-5 6-5 6 5 6 5-2.5 5-6 5-6-5-6-5Z", stroke: "currentColor", strokeWidth: "1.3", strokeLinejoin: "round" }), _jsx("circle", { cx: "7", cy: "7", r: "1.8", stroke: "currentColor", strokeWidth: "1.3" })] })); };
 var LogoutIcon = function () { return (_jsxs("svg", { width: "13", height: "13", viewBox: "0 0 14 14", fill: "none", "aria-hidden": "true", children: [_jsx("path", { d: "M5 2H2.5A1.5 1.5 0 0 0 1 3.5v7A1.5 1.5 0 0 0 2.5 12H5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round" }), _jsx("path", { d: "M9 4l3 3-3 3M12 7H5", stroke: "currentColor", strokeWidth: "1.3", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
 export var ChatIcon = function () { return (_jsx("svg", { width: "14", height: "14", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2.2", strokeLinecap: "round", strokeLinejoin: "round", children: _jsx("path", { d: "M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z" }) })); };
+var BackendIcon = function () { return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "2.2", y: "3", width: "11.6", height: "4", rx: "1", stroke: "currentColor", strokeWidth: "1.2" }), _jsx("rect", { x: "2.2", y: "9", width: "11.6", height: "4", rx: "1", stroke: "currentColor", strokeWidth: "1.2" }), _jsx("circle", { cx: "4.5", cy: "5", r: "0.7", fill: "currentColor" }), _jsx("circle", { cx: "4.5", cy: "11", r: "0.7", fill: "currentColor" })] })); };
+var FrontendIcon = function () { return (_jsxs("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", "aria-hidden": "true", children: [_jsx("rect", { x: "1.8", y: "2", width: "12.4", height: "9.5", rx: "1.5", stroke: "currentColor", strokeWidth: "1.2" }), _jsx("path", { d: "M6 13.5 5 15h6l-1-1.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "M5.5 5 7.5 7l-2 2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" }), _jsx("path", { d: "m10.5 5 2 2-2 2", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })] })); };
 // ── SolidStudio ────────────────────────────────────────────────────────────────
 // Single component that renders both the Studio header and the AI panel.
 // Mount this ONCE at the app root via AppEventListener.
 // When studio mode is off it renders nothing.
 export function SolidStudio() {
+    var _this = this;
     var isStudioMode = useSelector(function (state) { var _a, _b; return (_b = (_a = state.solidStudio) === null || _a === void 0 ? void 0 : _a.isStudioMode) !== null && _b !== void 0 ? _b : false; });
     var studioView = useSelector(function (state) { var _a, _b; return (_b = (_a = state.solidStudio) === null || _a === void 0 ? void 0 : _a.studioView) !== null && _b !== void 0 ? _b : null; });
     var dispatch = useDispatch();
     var navigate = useNavigate();
     var _a = useLocation(), pathname = _a.pathname, search = _a.search;
-    var isOnStudioPage = pathname === "/studio";
     var isPreviewMode = new URLSearchParams(search).get("preview") === "true" || (typeof sessionStorage !== "undefined" && sessionStorage.getItem("solid-preview") === "true");
-    var isPreviewable = !isOnStudioPage && pathname !== "/landing";
-    var status = useSession().status;
+    var isPreviewable = pathname !== "/studio" && pathname !== "/landing";
+    var _b = useSession(), data = _b.data, status = _b.status;
     var isAuthenticated = status === "authenticated";
-    var _b = useState(true), isPanelOpen = _b[0], setIsPanelOpen = _b[1];
-    var panelWidth = useState(PANEL_WIDTH_DEFAULT)[0];
-    var isDragging = useState(false)[0];
     var _c = useState(false), isMenuOpen = _c[0], setIsMenuOpen = _c[1];
+    var _d = useState(false), isChatRedirecting = _d[0], setIsChatRedirecting = _d[1];
     var menuRef = useRef(null);
     // Close the 3-dot menu when clicking outside
     useEffect(function () {
@@ -52,40 +82,6 @@ export function SolidStudio() {
         document.addEventListener("mousedown", handler);
         return function () { return document.removeEventListener("mousedown", handler); };
     }, [isMenuOpen]);
-    // Apply sandbox wrapper isolating app root so all fixed/sticky elements shift correctly
-    useEffect(function () {
-        var active = isStudioMode && isAuthenticated && !isPreviewMode;
-        if (active) {
-            enableStudioMode();
-        }
-        else {
-            disableStudioMode();
-        }
-        // CSS variable consumed by sidebar, hotspot, admin-header, shell, main
-        document.documentElement.style.setProperty("--solid-studio-header-height", active ? HEADER_HEIGHT : "0px");
-        return function () {
-            disableStudioMode();
-            document.documentElement.style.setProperty("--solid-studio-header-height", "0px");
-        };
-    }, [isStudioMode, isAuthenticated, isPreviewMode]);
-    // const onDragStart = useCallback((e: React.MouseEvent) => {
-    //   e.preventDefault();
-    //   dragStartX.current = e.clientX;
-    //   dragStartWidth.current = panelWidth;
-    //   setIsDragging(true);
-    //   const onMove = (ev: MouseEvent) => {
-    //     const delta = dragStartX.current - ev.clientX;
-    //     const next = Math.min(PANEL_WIDTH_MAX, Math.max(PANEL_WIDTH_MIN, dragStartWidth.current + delta));
-    //     setPanelWidth(next);
-    //   };
-    //   const onUp = () => {
-    //     setIsDragging(false);
-    //     window.removeEventListener("mousemove", onMove);
-    //     window.removeEventListener("mouseup", onUp);
-    //   };
-    //   window.addEventListener("mousemove", onMove);
-    //   window.addEventListener("mouseup", onUp);
-    // }, [panelWidth]);
     // Auto-exit studio if the user logs out
     useEffect(function () {
         if (status === "unauthenticated" && isStudioMode) {
@@ -94,11 +90,6 @@ export function SolidStudio() {
     }, [status, isStudioMode, dispatch]);
     if (!isStudioMode || !isAuthenticated || isPreviewMode)
         return null;
-    var handleExit = function () {
-        setIsMenuOpen(false);
-        dispatch(exitStudioMode());
-        navigate("/studio");
-    };
     var handleLogout = function () {
         setIsMenuOpen(false);
         dispatch(exitStudioMode());
@@ -108,16 +99,91 @@ export function SolidStudio() {
         dispatch(setStudioView(view));
         navigate(view === "backend" ? "/admin" : "/landing");
     };
-    var studioUI = (_jsx("div", { style: { zIndex: "var(--z-studio)", position: "fixed", top: 0, left: 0, right: 0 }, children: _jsxs("div", { className: "solid-studio-header", children: [_jsxs("button", { type: "button", className: "solid-studio-header-brand", onClick: function () { return navigate("/studio"); }, title: "Go to Studio home", children: [_jsx(StudioIcon, {}), _jsx("span", { children: "SolidX Studio" }), _jsx("span", { className: "solid-studio-bar-badge", children: "BETA" })] }), _jsxs("nav", { className: "solid-studio-header-nav", children: [_jsx("button", { type: "button", className: "solid-studio-view-btn".concat(studioView === "backend" ? " active" : ""), onClick: function () { return handleViewSwitch("backend"); }, children: "Backend" }), _jsx("button", { type: "button", className: "solid-studio-view-btn".concat(studioView === "frontend" ? " active" : ""), onClick: function () { return handleViewSwitch("frontend"); }, children: "Frontend" })] }), _jsxs("div", { className: "solid-studio-header-actions", children: [_jsxs("div", { className: "solid-studio-menu", ref: menuRef, children: [_jsx("button", { type: "button", className: "solid-studio-menu-trigger", onClick: function () { return setIsMenuOpen(function (o) { return !o; }); }, title: "More options", children: _jsx(DotsIcon, {}) }), isMenuOpen && (_jsxs("div", { className: "solid-studio-menu-dropdown", children: [isPreviewable && (_jsxs("button", { type: "button", className: "solid-studio-menu-item", onClick: function () {
-                                                setIsMenuOpen(false);
-                                                var params = new URLSearchParams(search);
-                                                params.set("preview", "true");
-                                                window.open("".concat(pathname, "?").concat(params.toString()), "_blank");
-                                            }, children: [_jsx(PreviewIcon, {}), "Preview page"] })), _jsxs("button", { type: "button", className: "solid-studio-menu-item danger", onClick: handleLogout, children: [_jsx(LogoutIcon, {}), "Logout"] })] }))] }), _jsx("button", { type: "button", className: "solid-studio-menu-trigger", style: { color: "var(--primary-foreground)" }, onClick: function () {
-                                var aiUrl = env("VITE_SOLIDX_AI_URL");
-                                if (aiUrl)
-                                    window.open(aiUrl, "_blank");
-                            }, title: "Open AI Chat", children: _jsx(ChatIcon, {}) })] })] }) }));
+    var handleAiChatClick = function () { return __awaiter(_this, void 0, void 0, function () {
+        var aiUrl, session, accessToken, apiBaseUrl, response, detail, errorPayload, _a, payload, ssoCode, redirectUrl, error_1, detail;
+        var _b, _c, _d, _e, _f, _g;
+        return __generator(this, function (_h) {
+            switch (_h.label) {
+                case 0:
+                    if (isChatRedirecting)
+                        return [2 /*return*/];
+                    aiUrl = env("VITE_SOLIDX_AI_URL");
+                    if (!aiUrl)
+                        return [2 /*return*/];
+                    setIsChatRedirecting(true);
+                    _h.label = 1;
+                case 1:
+                    _h.trys.push([1, 10, 11, 12]);
+                    return [4 /*yield*/, getSession()];
+                case 2:
+                    session = _h.sent();
+                    accessToken = ((_b = session === null || session === void 0 ? void 0 : session.user) === null || _b === void 0 ? void 0 : _b.accessToken) || ((_c = data === null || data === void 0 ? void 0 : data.user) === null || _c === void 0 ? void 0 : _c.accessToken);
+                    if (!accessToken)
+                        return [2 /*return*/];
+                    apiBaseUrl = env("API_URL", "http://localhost:8080").replace(/\/+$/, "");
+                    return [4 /*yield*/, fetch("".concat(apiBaseUrl, "/api/iam/sso/code"), {
+                            method: "POST",
+                            headers: {
+                                accept: "*/*",
+                                Authorization: "Bearer ".concat(accessToken),
+                            },
+                            body: "",
+                        })];
+                case 3:
+                    response = _h.sent();
+                    if (!!response.ok) return [3 /*break*/, 8];
+                    detail = "Failed to fetch ssoCode (".concat(response.status, ")");
+                    _h.label = 4;
+                case 4:
+                    _h.trys.push([4, 6, , 7]);
+                    return [4 /*yield*/, response.json()];
+                case 5:
+                    errorPayload = _h.sent();
+                    detail =
+                        (errorPayload === null || errorPayload === void 0 ? void 0 : errorPayload.message) ||
+                            ((_d = errorPayload === null || errorPayload === void 0 ? void 0 : errorPayload.error) === null || _d === void 0 ? void 0 : _d.message) ||
+                            ((_e = errorPayload === null || errorPayload === void 0 ? void 0 : errorPayload.data) === null || _e === void 0 ? void 0 : _e.message) ||
+                            detail;
+                    return [3 /*break*/, 7];
+                case 6:
+                    _a = _h.sent();
+                    return [3 /*break*/, 7];
+                case 7: throw new Error(detail);
+                case 8: return [4 /*yield*/, response.json()];
+                case 9:
+                    payload = _h.sent();
+                    ssoCode = (_f = payload === null || payload === void 0 ? void 0 : payload.ssoCode) !== null && _f !== void 0 ? _f : (_g = payload === null || payload === void 0 ? void 0 : payload.data) === null || _g === void 0 ? void 0 : _g.ssoCode;
+                    if (!ssoCode) {
+                        throw new Error("ssoCode missing in response");
+                    }
+                    redirectUrl = new URL(aiUrl, window.location.origin);
+                    redirectUrl.searchParams.set("ssoCode", String(ssoCode));
+                    window.open(redirectUrl.toString(), "_blank");
+                    return [3 /*break*/, 12];
+                case 10:
+                    error_1 = _h.sent();
+                    detail = error_1 instanceof Error ? error_1.message : ERROR_MESSAGES.SOMETHING_WRONG;
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: ERROR_MESSAGES.ERROR,
+                        detail: detail,
+                        life: 4000,
+                    }));
+                    console.error("Failed to open AI chat with ssoCode:", error_1);
+                    return [3 /*break*/, 12];
+                case 11:
+                    setIsChatRedirecting(false);
+                    return [7 /*endfinally*/];
+                case 12: return [2 /*return*/];
+            }
+        });
+    }); };
+    var studioUI = (_jsx("div", { className: "solid-studio-island", style: { zIndex: "var(--z-studio)" }, children: _jsxs("div", { className: "solid-studio-island-inner", children: [_jsx("button", { type: "button", className: "solid-studio-island-btn".concat(studioView === "backend" ? " active" : ""), onClick: function () { return handleViewSwitch("backend"); }, "aria-label": "Backend studio", children: _jsx(BackendIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-island-btn".concat(studioView === "frontend" ? " active" : ""), onClick: function () { return handleViewSwitch("frontend"); }, "aria-label": "Frontend studio", children: _jsx(FrontendIcon, {}) }), _jsx("button", { type: "button", className: "solid-studio-island-btn", onClick: handleAiChatClick, disabled: isChatRedirecting, "aria-busy": isChatRedirecting, "aria-label": "AI chat", children: _jsx(ChatIcon, {}) }), _jsxs("div", { className: "solid-studio-island-menu", ref: menuRef, children: [_jsx("button", { type: "button", className: "solid-studio-island-btn".concat(isMenuOpen ? " active" : ""), onClick: function () { return setIsMenuOpen(function (o) { return !o; }); }, "aria-label": "Studio options", children: _jsx(DotsIcon, {}) }), isMenuOpen && (_jsxs("div", { className: "solid-studio-island-dropdown", children: [isPreviewable && (_jsxs("button", { type: "button", className: "solid-studio-island-dropdown-item", onClick: function () {
+                                        setIsMenuOpen(false);
+                                        var params = new URLSearchParams(search);
+                                        params.set("preview", "true");
+                                        window.open("".concat(pathname, "?").concat(params.toString()), "_blank");
+                                    }, children: [_jsx(PreviewIcon, {}), "Preview page"] })), _jsxs("button", { type: "button", className: "solid-studio-island-dropdown-item danger", onClick: handleLogout, children: [_jsx(LogoutIcon, {}), "Logout"] })] }))] })] }) }));
     return typeof document !== "undefined" ? createPortal(studioUI, document.body) : null;
 }
 // ── PreviewModePersist ─────────────────────────────────────────────────────────

package/dist/components/layout/SolidAiStudioLayout.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidAiStudioLayout.js","sourceRoot":"","sources":["../../../src/components/layout/SolidAiStudioLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useNavigate, useLocation } from \"react-router-dom\";\n// import { SolidAiChat } from \"../core/solid-ai/SolidAiChat\";\nimport { exitStudioMode, setStudioView, type StudioView } from \"../../redux/features/solidStudioSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { signOut } from \"../../adapters/auth/index\";\nimport { createPortal } from \"react-dom\";\nimport { enableStudioMode, disableStudioMode } from \"../../helpers/studioSandbox\";\nimport { env } from \"../../adapters/env\";\n\nconst HEADER_HEIGHT = \"44px\";\nconst PANEL_WIDTH_DEFAULT = 420;\n\n// ── Icons ──────────────────────────────────────────────────────────────────────\n\nconst StudioIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M2 8a6 6 0 1 1 12 0A6 6 0 0 1 2 8Z\" stroke=\"currentColor\" strokeWidth=\"1.4\" />\n    <path d=\"M8 5v3l2 1.5\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M8 2V1M8 15v-1M1 8H0M16 8h-1\" stroke=\"currentColor\" strokeWidth=\"1.4\" strokeLinecap=\"round\" />\n  </svg>\n);\n\nconst PanelOpenIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"14\" height=\"14\" rx=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M10 1v14\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M12.5 6l1.5 2-1.5 2\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst PanelCloseIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1\" y=\"1\" width=\"14\" height=\"14\" rx=\"2.5\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M10 1v14\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n    <path d=\"M13.5 6L12 8l1.5 2\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nconst DotsIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\">\n    <circle cx=\"8\" cy=\"3\" r=\"1.3\" />\n    <circle cx=\"8\" cy=\"8\" r=\"1.3\" />\n    <circle cx=\"8\" cy=\"13\" r=\"1.3\" />\n  </svg>\n);\n\nconst ExitStudioIcon = () => (\n  <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M9.5 4.5 5 9M5 4.5l4.5 4.5\" stroke=\"currentColor\" strokeWidth=\"1.5\" strokeLinecap=\"round\" />\n    <rect x=\"1\" y=\"1\" width=\"12\" height=\"12\" rx=\"3\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n  </svg>\n);\n\nconst PreviewIcon = () => (\n  <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M1 7s2.5-5 6-5 6 5 6 5-2.5 5-6 5-6-5-6-5Z\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinejoin=\"round\" />\n    <circle cx=\"7\" cy=\"7\" r=\"1.8\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\nconst LogoutIcon = () => (\n  <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 2H2.5A1.5 1.5 0 0 0 1 3.5v7A1.5 1.5 0 0 0 2.5 12H5\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinecap=\"round\" />\n    <path d=\"M9 4l3 3-3 3M12 7H5\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport const ChatIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n  </svg>\n);\n\n// ── SolidStudio ────────────────────────────────────────────────────────────────\n// Single component that renders both the Studio header and the AI panel.\n// Mount this ONCE at the app root via AppEventListener.\n// When studio mode is off it renders nothing.\n\nexport function SolidStudio() {\n  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);\n  const studioView = useSelector((state: any) => state.solidStudio?.studioView ?? null) as StudioView;\n  const dispatch = useDispatch();\n  const navigate = useNavigate();\n  const { pathname, search } = useLocation();\n  const isOnStudioPage = pathname === \"/studio\";\n  const isPreviewMode = new URLSearchParams(search).get(\"preview\") === \"true\" || (typeof sessionStorage !== \"undefined\" && sessionStorage.getItem(\"solid-preview\") === \"true\");\n  const isPreviewable = !isOnStudioPage && pathname !== \"/landing\";\n  const { status } = useSession();\n  const isAuthenticated = status === \"authenticated\";\n  const [isPanelOpen, setIsPanelOpen] = useState(true);\n  const [panelWidth] = useState(PANEL_WIDTH_DEFAULT);\n  const [isDragging] = useState(false);\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Close the 3-dot menu when clicking outside\n  useEffect(() => {\n    if (!isMenuOpen) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setIsMenuOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [isMenuOpen]);\n\n  // Apply sandbox wrapper isolating app root so all fixed/sticky elements shift correctly\n  useEffect(() => {\n    const active = isStudioMode && isAuthenticated && !isPreviewMode;\n\n    if (active) {\n      enableStudioMode();\n    } else {\n      disableStudioMode();\n    }\n\n    // CSS variable consumed by sidebar, hotspot, admin-header, shell, main\n    document.documentElement.style.setProperty(\n      \"--solid-studio-header-height\",\n      active ? HEADER_HEIGHT : \"0px\"\n    );\n\n    return () => {\n      disableStudioMode();\n      document.documentElement.style.setProperty(\"--solid-studio-header-height\", \"0px\");\n    };\n  }, [isStudioMode, isAuthenticated, isPreviewMode]);\n\n  // const onDragStart = useCallback((e: React.MouseEvent) => {\n  //   e.preventDefault();\n  //   dragStartX.current = e.clientX;\n  //   dragStartWidth.current = panelWidth;\n  //   setIsDragging(true);\n  //   const onMove = (ev: MouseEvent) => {\n  //     const delta = dragStartX.current - ev.clientX;\n  //     const next = Math.min(PANEL_WIDTH_MAX, Math.max(PANEL_WIDTH_MIN, dragStartWidth.current + delta));\n  //     setPanelWidth(next);\n  //   };\n  //   const onUp = () => {\n  //     setIsDragging(false);\n  //     window.removeEventListener(\"mousemove\", onMove);\n  //     window.removeEventListener(\"mouseup\", onUp);\n  //   };\n  //   window.addEventListener(\"mousemove\", onMove);\n  //   window.addEventListener(\"mouseup\", onUp);\n  // }, [panelWidth]);\n\n  // Auto-exit studio if the user logs out\n  useEffect(() => {\n    if (status === \"unauthenticated\" && isStudioMode) {\n      dispatch(exitStudioMode());\n    }\n  }, [status, isStudioMode, dispatch]);\n\n  if (!isStudioMode || !isAuthenticated || isPreviewMode) return null;\n\n  const handleExit = () => {\n    setIsMenuOpen(false);\n    dispatch(exitStudioMode());\n    navigate(\"/studio\");\n  };\n\n  const handleLogout = () => {\n    setIsMenuOpen(false);\n    dispatch(exitStudioMode());\n    signOut({ callbackUrl: \"/auth/login\" });\n  };\n\n  const handleViewSwitch = (view: StudioView) => {\n    dispatch(setStudioView(view));\n    navigate(view === \"backend\" ? \"/admin\" : \"/landing\");\n  };\n\n  const studioUI = (\n    <div style={{ zIndex: \"var(--z-studio)\", position: \"fixed\", top: 0, left: 0, right: 0 }}>\n      {/* ── Studio global header ─────────────────────────────────────────────── */}\n      <div className=\"solid-studio-header\">\n        <button\n          type=\"button\"\n          className=\"solid-studio-header-brand\"\n          onClick={() => navigate(\"/studio\")}\n          title=\"Go to Studio home\"\n        >\n          <StudioIcon />\n          <span>SolidX Studio</span>\n          <span className=\"solid-studio-bar-badge\">BETA</span>\n        </button>\n\n        <nav className=\"solid-studio-header-nav\">\n          <button\n            type=\"button\"\n            className={`solid-studio-view-btn${studioView === \"backend\" ? \" active\" : \"\"}`}\n            onClick={() => handleViewSwitch(\"backend\")}\n          >\n            Backend\n          </button>\n          <button\n            type=\"button\"\n            className={`solid-studio-view-btn${studioView === \"frontend\" ? \" active\" : \"\"}`}\n            onClick={() => handleViewSwitch(\"frontend\")}\n          >\n            Frontend\n          </button>\n        </nav>\n\n        <div className=\"solid-studio-header-actions\">\n          {/* <button\n            type=\"button\"\n            className=\"solid-studio-panel-toggle-btn\"\n            onClick={() => setIsPanelOpen((o) => !o)}\n            title={isPanelOpen ? \"Collapse AI panel\" : \"Expand AI panel\"}\n          >\n            {isPanelOpen ? <PanelCloseIcon /> : <PanelOpenIcon />}\n          </button> */}\n\n          {/* ── 3-dot menu ─────────────────────────────────────────────────── */}\n          <div className=\"solid-studio-menu\" ref={menuRef}>\n            <button\n              type=\"button\"\n              className=\"solid-studio-menu-trigger\"\n              onClick={() => setIsMenuOpen((o) => !o)}\n              title=\"More options\"\n            >\n              <DotsIcon />\n            </button>\n            {isMenuOpen && (\n              <div className=\"solid-studio-menu-dropdown\">\n                {isPreviewable && (\n                  <button\n                    type=\"button\"\n                    className=\"solid-studio-menu-item\"\n                    onClick={() => {\n                      setIsMenuOpen(false);\n                      const params = new URLSearchParams(search);\n                      params.set(\"preview\", \"true\");\n                      window.open(`${pathname}?${params.toString()}`, \"_blank\");\n                    }}\n                  >\n                    <PreviewIcon />\n                    Preview page\n                  </button>\n                )}\n                {/* {!isOnStudioPage && (\n                  <button type=\"button\" className=\"solid-studio-menu-item\" onClick={handleExit}>\n                    <ExitStudioIcon />\n                    Exit Studio\n                  </button>\n                )} */}\n                <button type=\"button\" className=\"solid-studio-menu-item danger\" onClick={handleLogout}>\n                  <LogoutIcon />\n                  Logout\n                </button>\n              </div>\n            )}\n          </div>\n\n          <button\n            type=\"button\"\n            className=\"solid-studio-menu-trigger\"\n            style={{ color: \"var(--primary-foreground)\" }}\n            onClick={() => {\n              const aiUrl = env(\"VITE_SOLIDX_AI_URL\");\n              if (aiUrl) window.open(aiUrl, \"_blank\");\n            }}\n            title=\"Open AI Chat\"\n          >\n            <ChatIcon />\n          </button>\n        </div>\n      </div>\n\n      {/* ── AI chat panel (commented out — moved to agent-ui) ───────────────── */}\n      {/* <div\n        className={`solid-studio-panel-fixed${isPanelOpen ? \"\" : \" collapsed\"}`}\n        style={{ width: `${panelWidth}px` }}\n      >\n        <div\n          className={`solid-studio-resize-handle${isDragging ? \" dragging\" : \"\"}`}\n          onMouseDown={onDragStart}\n        />\n        <div className=\"solid-studio-panel-body\">\n          <SolidAiChat />\n        </div>\n      </div> */}\n    </div>\n  );\n\n  return typeof document !== \"undefined\" ? createPortal(studioUI, document.body) : null;\n}\n\n// ── PreviewModePersist ─────────────────────────────────────────────────────────\n// Mount once at the app root alongside SolidStudio.\n// sessionStorage is tab-scoped, so preview opened in a new tab stays isolated.\n// Closing the tab is the natural way to exit preview mode.\n\nconst PREVIEW_KEY = \"solid-preview\";\n\nexport function PreviewModePersist() {\n  const { pathname, search } = useLocation();\n  const navigate = useNavigate();\n\n  // Activate: when URL has ?preview=true, store it in sessionStorage for this tab\n  useEffect(() => {\n    const params = new URLSearchParams(search);\n    if (params.get(\"preview\") === \"true\") {\n      sessionStorage.setItem(PREVIEW_KEY, \"true\");\n    }\n  }, [search]);\n\n  // Persist: re-inject ?preview=true on every navigation if it was set\n  useEffect(() => {\n    if (sessionStorage.getItem(PREVIEW_KEY) !== \"true\") return;\n    const params = new URLSearchParams(search);\n    if (params.get(\"preview\") === \"true\") return;\n    params.set(\"preview\", \"true\");\n    navigate({ pathname, search: `?${params.toString()}` }, { replace: true });\n  }, [pathname, search, navigate]);\n\n  return null;\n}\n\n// ── SolidStudioWrapper ─────────────────────────────────────────────────────────\n// Kept for backwards compatibility. Now a pure pass-through.\nexport function SolidStudioWrapper({ children }: { children: React.ReactNode }) {\n  return <>{children}</>;\n}\n\n// Legacy aliases\nexport const SolidAiStudioLayout = SolidStudioWrapper;\nexport const SolidStudioPanel = SolidStudio;\n"]}
+{"version":3,"file":"SolidAiStudioLayout.js","sourceRoot":"","sources":["../../../src/components/layout/SolidAiStudioLayout.tsx"],"names":[],"mappings":"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","sourcesContent":["import React, { useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { useNavigate, useLocation } from \"react-router-dom\";\nimport { exitStudioMode, setStudioView, type StudioView } from \"../../redux/features/solidStudioSlice\";\nimport { showToast } from \"../../redux/features/toastSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { getSession, signOut } from \"../../adapters/auth/index\";\nimport { createPortal } from \"react-dom\";\nimport { env } from \"../../adapters/env\";\nimport { ERROR_MESSAGES } from \"../../constants/error-messages\";\n\n// ── Icons ──────────────────────────────────────────────────────────────────────\n\nconst DotsIcon = () => (\n  <svg width=\"15\" height=\"15\" viewBox=\"0 0 16 16\" fill=\"currentColor\" aria-hidden=\"true\">\n    <circle cx=\"8\" cy=\"3\" r=\"1.3\" />\n    <circle cx=\"8\" cy=\"8\" r=\"1.3\" />\n    <circle cx=\"8\" cy=\"13\" r=\"1.3\" />\n  </svg>\n);\n\nconst PreviewIcon = () => (\n  <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M1 7s2.5-5 6-5 6 5 6 5-2.5 5-6 5-6-5-6-5Z\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinejoin=\"round\" />\n    <circle cx=\"7\" cy=\"7\" r=\"1.8\" stroke=\"currentColor\" strokeWidth=\"1.3\" />\n  </svg>\n);\n\nconst LogoutIcon = () => (\n  <svg width=\"13\" height=\"13\" viewBox=\"0 0 14 14\" fill=\"none\" aria-hidden=\"true\">\n    <path d=\"M5 2H2.5A1.5 1.5 0 0 0 1 3.5v7A1.5 1.5 0 0 0 2.5 12H5\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinecap=\"round\" />\n    <path d=\"M9 4l3 3-3 3M12 7H5\" stroke=\"currentColor\" strokeWidth=\"1.3\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\nexport const ChatIcon = () => (\n  <svg width=\"14\" height=\"14\" viewBox=\"0 0 24 24\" fill=\"none\" stroke=\"currentColor\" strokeWidth=\"2.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\">\n    <path d=\"M21 15a2 2 0 0 1-2 2H7l-4 4V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2z\" />\n  </svg>\n);\n\nconst BackendIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"2.2\" y=\"3\" width=\"11.6\" height=\"4\" rx=\"1\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n    <rect x=\"2.2\" y=\"9\" width=\"11.6\" height=\"4\" rx=\"1\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n    <circle cx=\"4.5\" cy=\"5\" r=\"0.7\" fill=\"currentColor\" />\n    <circle cx=\"4.5\" cy=\"11\" r=\"0.7\" fill=\"currentColor\" />\n  </svg>\n);\n\nconst FrontendIcon = () => (\n  <svg width=\"16\" height=\"16\" viewBox=\"0 0 16 16\" fill=\"none\" aria-hidden=\"true\">\n    <rect x=\"1.8\" y=\"2\" width=\"12.4\" height=\"9.5\" rx=\"1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" />\n    <path d=\"M6 13.5 5 15h6l-1-1.5\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"M5.5 5 7.5 7l-2 2\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n    <path d=\"m10.5 5 2 2-2 2\" stroke=\"currentColor\" strokeWidth=\"1.2\" strokeLinecap=\"round\" strokeLinejoin=\"round\" />\n  </svg>\n);\n\n// ── SolidStudio ────────────────────────────────────────────────────────────────\n// Single component that renders both the Studio header and the AI panel.\n// Mount this ONCE at the app root via AppEventListener.\n// When studio mode is off it renders nothing.\n\nexport function SolidStudio() {\n  const isStudioMode = useSelector((state: any) => state.solidStudio?.isStudioMode ?? false);\n  const studioView = useSelector((state: any) => state.solidStudio?.studioView ?? null) as StudioView;\n  const dispatch = useDispatch();\n  const navigate = useNavigate();\n  const { pathname, search } = useLocation();\n  const isPreviewMode = new URLSearchParams(search).get(\"preview\") === \"true\" || (typeof sessionStorage !== \"undefined\" && sessionStorage.getItem(\"solid-preview\") === \"true\");\n  const isPreviewable = pathname !== \"/studio\" && pathname !== \"/landing\";\n  const { data, status } = useSession();\n  const isAuthenticated = status === \"authenticated\";\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const [isChatRedirecting, setIsChatRedirecting] = useState(false);\n  const menuRef = useRef<HTMLDivElement>(null);\n\n  // Close the 3-dot menu when clicking outside\n  useEffect(() => {\n    if (!isMenuOpen) return;\n    const handler = (e: MouseEvent) => {\n      if (menuRef.current && !menuRef.current.contains(e.target as Node)) {\n        setIsMenuOpen(false);\n      }\n    };\n    document.addEventListener(\"mousedown\", handler);\n    return () => document.removeEventListener(\"mousedown\", handler);\n  }, [isMenuOpen]);\n\n  // Auto-exit studio if the user logs out\n  useEffect(() => {\n    if (status === \"unauthenticated\" && isStudioMode) {\n      dispatch(exitStudioMode());\n    }\n  }, [status, isStudioMode, dispatch]);\n\n  if (!isStudioMode || !isAuthenticated || isPreviewMode) return null;\n\n  const handleLogout = () => {\n    setIsMenuOpen(false);\n    dispatch(exitStudioMode());\n    signOut({ callbackUrl: \"/auth/login\" });\n  };\n\n  const handleViewSwitch = (view: StudioView) => {\n    dispatch(setStudioView(view));\n    navigate(view === \"backend\" ? \"/admin\" : \"/landing\");\n  };\n\n  const handleAiChatClick = async () => {\n    if (isChatRedirecting) return;\n\n    const aiUrl = env(\"VITE_SOLIDX_AI_URL\");\n    if (!aiUrl) return;\n\n    setIsChatRedirecting(true);\n    try {\n      const session = await getSession();\n      const accessToken = session?.user?.accessToken || data?.user?.accessToken;\n      if (!accessToken) return;\n\n      const apiBaseUrl = env(\"API_URL\", \"http://localhost:8080\").replace(/\\/+$/, \"\");\n      const response = await fetch(`${apiBaseUrl}/api/iam/sso/code`, {\n        method: \"POST\",\n        headers: {\n          accept: \"*/*\",\n          Authorization: `Bearer ${accessToken}`,\n        },\n        body: \"\",\n      });\n\n      if (!response.ok) {\n        let detail = `Failed to fetch ssoCode (${response.status})`;\n        try {\n          const errorPayload = await response.json();\n          detail =\n            errorPayload?.message ||\n            errorPayload?.error?.message ||\n            errorPayload?.data?.message ||\n            detail;\n        } catch {\n          // no-op: keep default message\n        }\n        throw new Error(detail);\n      }\n\n      const payload = await response.json();\n      const ssoCode = payload?.ssoCode ?? payload?.data?.ssoCode;\n      if (!ssoCode) {\n        throw new Error(\"ssoCode missing in response\");\n      }\n\n      const redirectUrl = new URL(aiUrl, window.location.origin);\n      redirectUrl.searchParams.set(\"ssoCode\", String(ssoCode));\n      window.open(redirectUrl.toString(), \"_blank\");\n    } catch (error) {\n      const detail = error instanceof Error ? error.message : ERROR_MESSAGES.SOMETHING_WRONG;\n      dispatch(\n        showToast({\n          severity: \"error\",\n          summary: ERROR_MESSAGES.ERROR,\n          detail,\n          life: 4000,\n        })\n      );\n      console.error(\"Failed to open AI chat with ssoCode:\", error);\n    } finally {\n      setIsChatRedirecting(false);\n    }\n  };\n\n  const studioUI = (\n    <div className=\"solid-studio-island\" style={{ zIndex: \"var(--z-studio)\" }}>\n      <div className=\"solid-studio-island-inner\">\n        <button\n          type=\"button\"\n          className={`solid-studio-island-btn${studioView === \"backend\" ? \" active\" : \"\"}`}\n          onClick={() => handleViewSwitch(\"backend\")}\n          aria-label=\"Backend studio\"\n        >\n          <BackendIcon />\n        </button>\n        <button\n          type=\"button\"\n          className={`solid-studio-island-btn${studioView === \"frontend\" ? \" active\" : \"\"}`}\n          onClick={() => handleViewSwitch(\"frontend\")}\n          aria-label=\"Frontend studio\"\n        >\n          <FrontendIcon />\n        </button>\n        <button\n          type=\"button\"\n          className=\"solid-studio-island-btn\"\n          onClick={handleAiChatClick}\n          disabled={isChatRedirecting}\n          aria-busy={isChatRedirecting}\n          aria-label=\"AI chat\"\n        >\n          <ChatIcon />\n        </button>\n        <div className=\"solid-studio-island-menu\" ref={menuRef}>\n          <button\n            type=\"button\"\n            className={`solid-studio-island-btn${isMenuOpen ? \" active\" : \"\"}`}\n            onClick={() => setIsMenuOpen((o) => !o)}\n            aria-label=\"Studio options\"\n          >\n            <DotsIcon />\n          </button>\n          {isMenuOpen && (\n            <div className=\"solid-studio-island-dropdown\">\n              {isPreviewable && (\n                <button\n                  type=\"button\"\n                  className=\"solid-studio-island-dropdown-item\"\n                  onClick={() => {\n                    setIsMenuOpen(false);\n                    const params = new URLSearchParams(search);\n                    params.set(\"preview\", \"true\");\n                    window.open(`${pathname}?${params.toString()}`, \"_blank\");\n                  }}\n                >\n                  <PreviewIcon />\n                  Preview page\n                </button>\n              )}\n              <button\n                type=\"button\"\n                className=\"solid-studio-island-dropdown-item danger\"\n                onClick={handleLogout}\n              >\n                <LogoutIcon />\n                Logout\n              </button>\n            </div>\n          )}\n        </div>\n      </div>\n    </div>\n  );\n\n  return typeof document !== \"undefined\" ? createPortal(studioUI, document.body) : null;\n}\n\n// ── PreviewModePersist ─────────────────────────────────────────────────────────\n// Mount once at the app root alongside SolidStudio.\n// sessionStorage is tab-scoped, so preview opened in a new tab stays isolated.\n// Closing the tab is the natural way to exit preview mode.\n\nconst PREVIEW_KEY = \"solid-preview\";\n\nexport function PreviewModePersist() {\n  const { pathname, search } = useLocation();\n  const navigate = useNavigate();\n\n  // Activate: when URL has ?preview=true, store it in sessionStorage for this tab\n  useEffect(() => {\n    const params = new URLSearchParams(search);\n    if (params.get(\"preview\") === \"true\") {\n      sessionStorage.setItem(PREVIEW_KEY, \"true\");\n    }\n  }, [search]);\n\n  // Persist: re-inject ?preview=true on every navigation if it was set\n  useEffect(() => {\n    if (sessionStorage.getItem(PREVIEW_KEY) !== \"true\") return;\n    const params = new URLSearchParams(search);\n    if (params.get(\"preview\") === \"true\") return;\n    params.set(\"preview\", \"true\");\n    navigate({ pathname, search: `?${params.toString()}` }, { replace: true });\n  }, [pathname, search, navigate]);\n\n  return null;\n}\n\n// ── SolidStudioWrapper ─────────────────────────────────────────────────────────\n// Kept for backwards compatibility. Now a pure pass-through.\nexport function SolidStudioWrapper({ children }: { children: React.ReactNode }) {\n  return <>{children}</>;\n}\n\n// Legacy aliases\nexport const SolidAiStudioLayout = SolidStudioWrapper;\nexport const SolidStudioPanel = SolidStudio;\n"]}