@solidxai/core-ui 0.1.7-beta.8 → 0.1.7-beta.9

package/dist/components/layout/SolidAiStudioLayout.js

@@ -1,12 +1,50 @@
+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 { 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 { env } from "../../adapters/env";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
 // ── Icons ──────────────────────────────────────────────────────────────────────
 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 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" })] })); };
@@ -19,6 +57,7 @@ var FrontendIcon = function () { return (_jsxs("svg", { width: "16", height: "16
 // 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();
@@ -26,9 +65,10 @@ export function SolidStudio() {
     var _a = useLocation(), pathname = _a.pathname, search = _a.search;
     var isPreviewMode = new URLSearchParams(search).get("preview") === "true" || (typeof sessionStorage !== "undefined" && sessionStorage.getItem("solid-preview") === "true");
     var isPreviewable = pathname !== "/studio" && pathname !== "/landing";
-    var status = useSession().status;
+    var _b = useSession(), data = _b.data, status = _b.status;
     var isAuthenticated = status === "authenticated";
-    var _b = useState(false), isMenuOpen = _b[0], setIsMenuOpen = _b[1];
+    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 () {
@@ -59,11 +99,86 @@ export function SolidStudio() {
         dispatch(setStudioView(view));
         navigate(view === "backend" ? "/admin" : "/landing");
     };
-    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: function () {
-                        var aiUrl = env("VITE_SOLIDX_AI_URL");
-                        if (aiUrl)
-                            window.open(aiUrl, "_blank");
-                    }, "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 () {
+    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");

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\";\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 { env } from \"../../adapters/env\";\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 { status } = useSession();\n  const isAuthenticated = status === \"authenticated\";\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  // 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 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={() => {\n            const aiUrl = env(\"VITE_SOLIDX_AI_URL\");\n            if (aiUrl) window.open(aiUrl, \"_blank\");\n          }}\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"]}
+{"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"]}

package/dist/components/layout/SolidAiStudioLayout.tsx

@@ -2,10 +2,12 @@ import React, { useEffect, useRef, useState } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { useNavigate, useLocation } from "react-router-dom";
 import { exitStudioMode, setStudioView, type StudioView } 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 { env } from "../../adapters/env";
+import { ERROR_MESSAGES } from "../../constants/error-messages";
 
 // ── Icons ──────────────────────────────────────────────────────────────────────
 
@@ -68,9 +70,10 @@ export function SolidStudio() {
   const { pathname, search } = useLocation();
   const isPreviewMode = new URLSearchParams(search).get("preview") === "true" || (typeof sessionStorage !== "undefined" && sessionStorage.getItem("solid-preview") === "true");
   const isPreviewable = pathname !== "/studio" && pathname !== "/landing";
-  const { status } = useSession();
+  const { data, status } = useSession();
   const isAuthenticated = status === "authenticated";
   const [isMenuOpen, setIsMenuOpen] = useState(false);
+  const [isChatRedirecting, setIsChatRedirecting] = useState(false);
   const menuRef = useRef<HTMLDivElement>(null);
 
   // Close the 3-dot menu when clicking outside
@@ -105,6 +108,68 @@ export function SolidStudio() {
     navigate(view === "backend" ? "/admin" : "/landing");
   };
 
+  const handleAiChatClick = async () => {
+    if (isChatRedirecting) return;
+
+    const aiUrl = env("VITE_SOLIDX_AI_URL");
+    if (!aiUrl) return;
+
+    setIsChatRedirecting(true);
+    try {
+      const session = await getSession();
+      const accessToken = session?.user?.accessToken || data?.user?.accessToken;
+      if (!accessToken) return;
+
+      const apiBaseUrl = env("API_URL", "http://localhost:8080").replace(/\/+$/, "");
+      const response = await fetch(`${apiBaseUrl}/api/iam/sso/code`, {
+        method: "POST",
+        headers: {
+          accept: "*/*",
+          Authorization: `Bearer ${accessToken}`,
+        },
+        body: "",
+      });
+
+      if (!response.ok) {
+        let detail = `Failed to fetch ssoCode (${response.status})`;
+        try {
+          const errorPayload = await response.json();
+          detail =
+            errorPayload?.message ||
+            errorPayload?.error?.message ||
+            errorPayload?.data?.message ||
+            detail;
+        } catch {
+          // no-op: keep default message
+        }
+        throw new Error(detail);
+      }
+
+      const payload = await response.json();
+      const ssoCode = payload?.ssoCode ?? payload?.data?.ssoCode;
+      if (!ssoCode) {
+        throw new Error("ssoCode missing in response");
+      }
+
+      const redirectUrl = new URL(aiUrl, window.location.origin);
+      redirectUrl.searchParams.set("ssoCode", String(ssoCode));
+      window.open(redirectUrl.toString(), "_blank");
+    } catch (error) {
+      const detail = error instanceof Error ? error.message : ERROR_MESSAGES.SOMETHING_WRONG;
+      dispatch(
+        showToast({
+          severity: "error",
+          summary: ERROR_MESSAGES.ERROR,
+          detail,
+          life: 4000,
+        })
+      );
+      console.error("Failed to open AI chat with ssoCode:", error);
+    } finally {
+      setIsChatRedirecting(false);
+    }
+  };
+
   const studioUI = (
     <div className="solid-studio-island" style={{ zIndex: "var(--z-studio)" }}>
       <div className="solid-studio-island-inner">
@@ -127,10 +192,9 @@ export function SolidStudio() {
         <button
           type="button"
           className="solid-studio-island-btn"
-          onClick={() => {
-            const aiUrl = env("VITE_SOLIDX_AI_URL");
-            if (aiUrl) window.open(aiUrl, "_blank");
-          }}
+          onClick={handleAiChatClick}
+          disabled={isChatRedirecting}
+          aria-busy={isChatRedirecting}
           aria-label="AI chat"
         >
           <ChatIcon />

package/dist/helpers/registry.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/helpers/registry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AAkD1B,OAAO,EAGH,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC7B,MAAM,6BAA6B,CAAC;AA6BrC,eAAO,MAAM,0BAA0B,SAAU,MAAM,aAAa,MAAM,aAAa,CAAC,GAAG,CAAC,QAAQ,sBAAsB,YAAW,MAAM,EAAE,cAAkB,MAAM,SAMpK,CAAC;AAEF,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,GAAG,EAAE,KAAK,GAAG,QAAQ,qBAAqB,SAE/G,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,KAAG,MAAM,aAAa,CAAC,GAAG,CAAC,GAAG,IAM/E,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAAU,sBAAsB,cAAa,MAAM,KAAQ,MAAM,EAAE,GAAG,EASxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,MAAM,eA7C/B,GAAG,EAAE,KAAK,GA+C3B,CAAC"}
+{"version":3,"file":"registry.d.ts","sourceRoot":"","sources":["../../src/helpers/registry.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,MAAM,OAAO,CAAC;AA0D1B,OAAO,EAGH,KAAK,sBAAsB,EAC3B,KAAK,qBAAqB,EAC7B,MAAM,6BAA6B,CAAC;AAwBrC,eAAO,MAAM,0BAA0B,SAAU,MAAM,aAAa,MAAM,aAAa,CAAC,GAAG,CAAC,QAAQ,sBAAsB,YAAW,MAAM,EAAE,cAAkB,MAAM,SAMpK,CAAC;AAEF,eAAO,MAAM,yBAAyB,SAAU,MAAM,gBAAgB,GAAG,EAAE,KAAK,GAAG,QAAQ,qBAAqB,SAE/G,CAAC;AAEF,eAAO,MAAM,qBAAqB,SAAU,MAAM,KAAG,MAAM,aAAa,CAAC,GAAG,CAAC,GAAG,IAM/E,CAAC;AAEF,eAAO,MAAM,sBAAsB,SAAU,sBAAsB,cAAa,MAAM,KAAQ,MAAM,EAAE,GAAG,EASxG,CAAC;AAEF,eAAO,MAAM,oBAAoB,SAAU,MAAM,eA7C/B,GAAG,EAAE,KAAK,GA+C3B,CAAC"}

package/dist/helpers/registry.js

@@ -51,12 +51,14 @@ import dashboardQuestionFieldChangeHandler from "../components/core/extension/so
 import dashboardQuestionOnFormLoadHandler from "../components/core/extension/solid-core/dashboard/dashboardQuestionOnFormLoadHandler";
 import MqMessageKanbanCardWidget from "../components/core/extension/solid-core/mqMessage/kanban/MqMessageKanbanCardWidget";
 import MediaCardWidget from "../components/core/extension/solid-core/media/card/MediaCardWidget";
+import { SolidChatterMessageCoModelEntityIdListViewWidget } from "../components/core/extension/solid-core/chatterMessage/list/SolidChatterMessageCoModelEntityIdListViewWidget";
+import { SolidMqMessageStageListViewWidget } from "../components/core/extension/solid-core/mqMessage/list/SolidMqMessageStageListViewWidget";
+import { SolidMqMessagesSummarizeListHeaderAction } from "../components/core/extension/solid-core/mqMessage/list/SolidMqMessagesSummarizeListHeaderAction";
+import { SolidChatterMessageCoModelEntityIdFormViewWidget } from "../components/core/extension/solid-core/chatterMessage/form/SolidChatterMessageCoModelEntityIdFormViewWidget";
+import { SolidLovTypeChangeFormEditWidget } from "../components/core/extension/solid-core/listOfValues/form/SolidLovTypeChangeFormEditWidget";
+import mqMessageOnFormLoadHandler from "../components/core/extension/solid-core/mqMessage/form/mqMessageOnFormLoadHandler";
+import { SolidMqMessageStageFormViewWIdget } from "../components/core/extension/solid-core/mqMessage/form/SolidMqMessageStageFormViewWIdget";
 import { ExtensionComponentTypes, ExtensionFunctionTypes, } from "../types/extension-registry";
-import { SolidChatterMessageCoModelEntityIdFormViewWidget } from "../components/core/form/fields/widgets/SolidChatterMessageCoModelEntityIdFormViewWidget";
-import { SolidChatterMessageCoModelEntityIdListViewWidget } from "../components/core/list/widgets/SolidChatterMessageCoModelEntityIdListViewWidget";
-import { SolidMqMessageStageListViewWidget } from "../components/core/list/widgets/SolidMqMessageStageListViewWidget";
-import { SolidLovTypeChangeFormEditWidget } from "../components/core/form/fields/widgets/SolidLovTypeChangeFormEditWidget";
-import { SolidSummarizeListHeaderActionMqMessages } from "../components/core/list/widgets/SolidSummarizeListHeaderActionMqMessages";
 var extensionRegistry = {
     components: {},
     functions: {},
@@ -123,7 +125,7 @@ registerExtensionComponent('DefaultDateListWidget', DefaultDateListWidget, Exten
 // - datetime
 registerExtensionComponent("SolidChatterMessageCoModelEntityIdListViewWidget", SolidChatterMessageCoModelEntityIdListViewWidget, ExtensionComponentTypes.list_field_widget);
 registerExtensionComponent("SolidMqMessageStageListViewWidget", SolidMqMessageStageListViewWidget, ExtensionComponentTypes.list_field_widget);
-registerExtensionComponent("SolidSummarizeListHeaderActionMqMessages", SolidSummarizeListHeaderActionMqMessages, ExtensionComponentTypes.list_header_action);
+registerExtensionComponent("SolidMqMessagesSummarizeListHeaderAction", SolidMqMessagesSummarizeListHeaderAction, ExtensionComponentTypes.list_header_action);
 // ...
 // 2. form view field edit widget 
 // - shortText
@@ -257,6 +259,7 @@ registerExtensionComponent("RolePermissionsManyToManyFieldWidget", RolePermissio
 // Solid Google Material Symbols Icon
 registerExtensionComponent("SolidIconEditWidget", SolidIconEditWidget, ExtensionComponentTypes.form_field_edit_widget);
 registerExtensionComponent("SolidIconViewWidget", SolidIconViewWidget, ExtensionComponentTypes.form_field_view_widget);
+registerExtensionComponent("SolidMqMessageStageFormViewWIdget", SolidMqMessageStageFormViewWIdget, ExtensionComponentTypes.form_field_view_widget);
 // Kanban
 registerExtensionComponent("MqMessageKanbanCardWidget", MqMessageKanbanCardWidget, ExtensionComponentTypes.kanban_card_widget);
 registerExtensionComponent("MediaCardWidget", MediaCardWidget, ExtensionComponentTypes.card_widget);
@@ -273,4 +276,5 @@ registerExtensionFunction("dashboardQuestionOnFormLoadHandler", dashboardQuestio
 // on change of module, apply a where clause on the model & field fields.. 
 // on change of model, apply a where clause on the field field...
 registerExtensionFunction("modelSequenceFormViewChangeHandler", hanldeModelSequenceFormViewChange, ExtensionFunctionTypes.onFieldChange);
+registerExtensionFunction("mqMessageOnFormLoadHandler", mqMessageOnFormLoadHandler, ExtensionFunctionTypes.onFormLoad);
 //# sourceMappingURL=registry.js.map