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

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

@@ -1 +1 @@
-{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { ToastContainer } from \"../../helpers/ToastContainer\";\nimport { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { showNavbar, toggleNavbar, hideNavbar } from \"../../redux/features/navbarSlice\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport Image from \"../common/Image\";\nimport SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg'\nimport { Avatar } from \"primereact/avatar\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { env } from \"../../adapters/env\";\n\nconst AppSidebar = () => {\n    const dispatch = useDispatch();\n    const pathname = usePathname();\n    // const [show, setShow] = useState(false);\n    const visibleNavbar = useSelector(\n        (state: any) => state.navbarState.visibleNavbar\n    );\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => dispatch(toggleNavbar());\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        dispatch(showNavbar());\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        // Check if screen is small at the time of route change\n        if (window.innerWidth <= 1199) {\n            dispatch(hideNavbar());\n        }\n    }, [pathname, dispatch]);\n\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n    const additionalMenu = {\n        title: \"General Settings\",\n        key: \"general-settings\",\n        children: [\n            {\n                title: \"Settings\",\n                path: \"\",\n                key: \"settings-menu-item\",\n                children: [\n                    {\n                        title: \"App Settings\",\n                        path: \"/admin/settings/app-settings\",\n                        key: \"app-setting\"\n                    },\n                    {\n                        title: \"Authentication Settings\",\n                        path: \"/admin/settings/authentication-settings\",\n                        key: \"auth-setting\"\n                    },\n                    {\n                        title: \"Misc\",\n                        path: \"/admin/settings/misc-settings\",\n                        key: \"misc-setting\"\n                    }\n                ]\n            }\n        ],\n        icon: env(\"NEXT_PUBLIC_SETTINGS_ICON\") ? env(\"NEXT_PUBLIC_SETTINGS_ICON\") : SettingImage\n    };\n\n\n\n    return (\n        <>\n            <ToastContainer />\n            {visibleNavbar && (\n                <div\n                    className=\"sidebar-backdrop\"\n                    onClick={handleToggle}\n                />\n            )}\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {(visibleNavbar || currentMainMenu) && (\n                <div\n                    className={`sidebar-toggle-button  ${!visibleNavbar || !currentMainMenu ? \"s-collapsed hidden md:flex\" : \"\"}`}\n                    onClick={handleToggle}\n                // severity=\"secondary\"\n                >\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" fill=\"white\" />\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" stroke=\"#D8E2EA\" strokeWidth=\"0.6\" />\n                        <path d=\"M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z\" fill=\"#8D9199\" />\n                        <path d=\"M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z\" fill=\"#8D9199\" />\n                    </svg>\n                </div>\n            )}\n\n            <div className={`sidebar-left ${visibleNavbar ? \"open\" : \"\"}`}>\n                <div className=\"navbar-menu\">\n                    {menu?.data.length > 0 && menu?.data.map((m: any) => {\n                        const iconSrc =\n                            typeof m.icon === \"string\"\n                                ? m.icon\n                                : m.icon && typeof m.icon.src === \"string\"\n                                    ? m.icon.src\n                                    : null;\n                        return (\n                            <a\n                                key={m.title}\n                                className={`flex align-items-center menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                onClick={() => handleMenu(m)}\n                                style={{ cursor: 'pointer' }}\n                            >\n                                {m.icon ?\n                                    <Image\n                                        src={iconSrc.startsWith(\"/\") ? iconSrc : `${env(\"API_URL\")}/${iconSrc}`}\n                                        alt={m.title}\n                                        height={30}\n                                        width={30}\n                                        className=\"relative\"\n                                        unoptimized\n                                    />\n                                    :\n                                    <div>\n                                        <Avatar label={m.title.charAt(0)} shape=\"circle\" style={{ backgroundColor: 'var(--primary-color)', fontWeight: 500 }} />\n                                    </div>\n                                }\n                            </a>\n                        )\n                    })}\n                </div>\n\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={`sidebar-right ${visibleNavbar ? \"open\" : \"\"}`}>\n\n                    <div className=\"flex relative justify-content-between align-items-center py-3 xl:py-4 px-3\">\n                        <div className=\"text-base sidebar-title font-semibold\">{currentMainMenu && currentMainMenu}</div>\n                        {/* <button\n                            className=\"sidebar-toggle-button\"\n                            onClick={handleToggle}\n                        >\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src={`/images/menu-toggle.png`}\n                                alt=\"Solid\"\n                            />\n                        </button> */}\n                    </div>\n                    {/* <div className=\"w-full px-3 mb-3\" style={{ position: 'relative' }} ref={searchRef}>\n                        <IconField iconPosition=\"left\">\n                            <InputIcon className=\"pi pi-search text-sm\"> </InputIcon>\n                            <InputText placeholder=\"Search\" className=\"small-input text-sm w-full pr-6\" />\n                        </IconField>\n                        <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 20 }}>\n                            <img\n                                style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div>\n                    </div> */}\n                    <div className=\"px-3 solid-sidebar-menuitems-wrapper\">\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default AppSidebar;\n"]}
+{"version":3,"file":"AppSidebar.js","sourceRoot":"","sources":["../../../src/components/layout/AppSidebar.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useGetSolidMenuBasedOnRoleQuery } from \"../../redux/api/solidMenuApi\";\nimport { showNavbar, toggleNavbar, hideNavbar } from \"../../redux/features/navbarSlice\";\nimport { setIsAuthenticated, setUser } from \"../../redux/features/userSlice\";\nimport { useSession } from \"../../hooks/useSession\";\nimport { useEffect, useRef, useState } from \"react\";\nimport { useDispatch, useSelector } from \"react-redux\";\nimport NavbarTwoMenu from \"./navbar-two-menu\";\nimport UserProfileMenu from \"./user-profile-menu\";\nimport Image from \"../common/Image\";\nimport SettingImage from '../../resources/images/Navigation/SolidSettinsIcon.svg'\nimport { Avatar } from \"primereact/avatar\";\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { env } from \"../../adapters/env\";\n\nconst AppSidebar = () => {\n    const dispatch = useDispatch();\n    const pathname = usePathname();\n    // const [show, setShow] = useState(false);\n    const visibleNavbar = useSelector(\n        (state: any) => state.navbarState.visibleNavbar\n    );\n    const { data: menu } = useGetSolidMenuBasedOnRoleQuery(\"\");\n\n\n    const [currentMenu, setCurrentMenu] = useState();\n    const [currentMainMenu, setCurrentMainMenu] = useState();\n    const [searchTerm, setSearchTerm] = useState(\"\");\n\n    useEffect(() => {\n        if (menu) {\n            setCurrentMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.children);\n            setCurrentMainMenu(menu && menu.data.length > 0 && menu.data.filter((m: any) => m.key === env(\"NEXT_PUBLIC_DEFAULT_MENU_KEY\"))[0]?.title)\n        }\n    }, [menu])\n\n    const { data } = useSession();\n\n    // const handleToggle = () => setShow(!show);\n    const handleToggle = () => dispatch(toggleNavbar());\n    const handleMenu = (m: any) => {\n        // setShow(true);\n        dispatch(showNavbar());\n        setCurrentMainMenu(m.title);\n        setCurrentMenu(m.children);\n    };\n\n    useEffect(() => {\n        // Check if screen is small at the time of route change\n        if (window.innerWidth <= 1199) {\n            dispatch(hideNavbar());\n        }\n    }, [pathname, dispatch]);\n\n\n    useEffect(() => {\n        if (data) {\n            dispatch(setUser(data?.user));\n            dispatch(setIsAuthenticated(true));\n        }\n    }, [data]);\n\n    const [isSearchShow, setSearchShow] = useState(false);\n    const searchRef = useRef<HTMLDivElement>(null);\n\n    const handleClickOutside = (event: any) => {\n        if (searchRef.current && !searchRef.current.contains(event.target)) {\n            setSearchShow(false);\n        }\n    };\n\n    useEffect(() => {\n        if (isSearchShow) {\n            document.addEventListener(\"mousedown\", handleClickOutside);\n        } else {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        }\n\n        return () => {\n            document.removeEventListener(\"mousedown\", handleClickOutside);\n        };\n    }, [isSearchShow]);\n\n    const additionalMenu = {\n        title: \"General Settings\",\n        key: \"general-settings\",\n        children: [\n            {\n                title: \"Settings\",\n                path: \"\",\n                key: \"settings-menu-item\",\n                children: [\n                    {\n                        title: \"App Settings\",\n                        path: \"/admin/settings/app-settings\",\n                        key: \"app-setting\"\n                    },\n                    {\n                        title: \"Authentication Settings\",\n                        path: \"/admin/settings/authentication-settings\",\n                        key: \"auth-setting\"\n                    },\n                    {\n                        title: \"Misc\",\n                        path: \"/admin/settings/misc-settings\",\n                        key: \"misc-setting\"\n                    }\n                ]\n            }\n        ],\n        icon: env(\"NEXT_PUBLIC_SETTINGS_ICON\") ? env(\"NEXT_PUBLIC_SETTINGS_ICON\") : SettingImage\n    };\n\n\n\n    return (\n        <>\n            {visibleNavbar && (\n                <div\n                    className=\"sidebar-backdrop\"\n                    onClick={handleToggle}\n                />\n            )}\n            {/* commented this as this is not working properly @Jenendar to figure this out... */}\n            {(visibleNavbar || currentMainMenu) && (\n                <div\n                    className={`sidebar-toggle-button  ${!visibleNavbar || !currentMainMenu ? \"s-collapsed hidden md:flex\" : \"\"}`}\n                    onClick={handleToggle}\n                // severity=\"secondary\"\n                >\n                    <svg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 24 24\" fill=\"none\">\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" fill=\"white\" />\n                        <rect x=\"0.3\" y=\"0.3\" width=\"23.4\" height=\"23.4\" rx=\"2.1\" stroke=\"#D8E2EA\" strokeWidth=\"0.6\" />\n                        <path d=\"M5.09735 16V14.6667H13.5929V16H5.09735ZM5.09735 12.6667V11.3333H11.6324V12.6667H5.09735ZM5.09735 9.33333V8H13.5929V9.33333H5.09735Z\" fill=\"#8D9199\" />\n                        <path d=\"M16.2621 12L18.9026 14.3L18.099 15L14.6549 12L18.099 9L18.9026 9.7L16.2621 12Z\" fill=\"#8D9199\" />\n                    </svg>\n                </div>\n            )}\n\n            <div className={`sidebar-left ${visibleNavbar ? \"open\" : \"\"}`}>\n                <div className=\"navbar-menu\">\n                    {menu?.data.length > 0 && menu?.data.map((m: any) => {\n                        const iconSrc =\n                            typeof m.icon === \"string\"\n                                ? m.icon\n                                : m.icon && typeof m.icon.src === \"string\"\n                                    ? m.icon.src\n                                    : null;\n                        return (\n                            <a\n                                key={m.title}\n                                className={`flex align-items-center menu-item ${currentMainMenu === m.title ? \"active-menu-image\" : \"\"}`}\n                                onClick={() => handleMenu(m)}\n                                style={{ cursor: 'pointer' }}\n                            >\n                                {m.icon ?\n                                    <Image\n                                        src={iconSrc.startsWith(\"/\") ? iconSrc : `${env(\"API_URL\")}/${iconSrc}`}\n                                        alt={m.title}\n                                        height={30}\n                                        width={30}\n                                        className=\"relative\"\n                                        unoptimized\n                                    />\n                                    :\n                                    <div>\n                                        <Avatar label={m.title.charAt(0)} shape=\"circle\" style={{ backgroundColor: 'var(--primary-color)', fontWeight: 500 }} />\n                                    </div>\n                                }\n                            </a>\n                        )\n                    })}\n                </div>\n\n                <UserProfileMenu></UserProfileMenu>\n            </div>\n            {currentMenu && (\n                <div className={`sidebar-right ${visibleNavbar ? \"open\" : \"\"}`}>\n\n                    <div className=\"flex relative justify-content-between align-items-center py-3 xl:py-4 px-3\">\n                        <div className=\"text-base sidebar-title font-semibold\">{currentMainMenu && currentMainMenu}</div>\n                        {/* <button\n                            className=\"sidebar-toggle-button\"\n                            onClick={handleToggle}\n                        >\n                            <img\n                                style={{ cursor: \"pointer\" }}\n                                src={`/images/menu-toggle.png`}\n                                alt=\"Solid\"\n                            />\n                        </button> */}\n                    </div>\n                    {/* <div className=\"w-full px-3 mb-3\" style={{ position: 'relative' }} ref={searchRef}>\n                        <IconField iconPosition=\"left\">\n                            <InputIcon className=\"pi pi-search text-sm\"> </InputIcon>\n                            <InputText placeholder=\"Search\" className=\"small-input text-sm w-full pr-6\" />\n                        </IconField>\n                        <div className=\"absolute max-h-1rem\" style={{ top: 5, right: 20 }}>\n                            <img\n                                style={{ cursor: \"pointer\", maxHeight: '1.3rem' }}\n                                src=\"/images/icons/jump-to-icon.png\"\n                                alt=\"Solid\"\n                            />\n                        </div>\n                    </div> */}\n                    <div className=\"px-3 solid-sidebar-menuitems-wrapper\">\n                        <NavbarTwoMenu menuItems={currentMenu}></NavbarTwoMenu>\n                    </div>\n                </div>\n            )}\n        </>\n    );\n};\n\nexport default AppSidebar;\n"]}

package/dist/components/layout/AppSidebar.tsx

@@ -1,4 +1,3 @@
-import { ToastContainer } from "../../helpers/ToastContainer";
 import { useGetSolidMenuBasedOnRoleQuery } from "../../redux/api/solidMenuApi";
 import { showNavbar, toggleNavbar, hideNavbar } from "../../redux/features/navbarSlice";
 import { setIsAuthenticated, setUser } from "../../redux/features/userSlice";
@@ -115,7 +114,6 @@ const AppSidebar = () => {
 
     return (
         <>
-            <ToastContainer />
             {visibleNavbar && (
                 <div
                     className="sidebar-backdrop"

package/dist/components/layout/Layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAC;AAiB/D,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CA0LvD,CAAC"}
+{"version":3,"file":"Layout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,mBAAmB,EAAe,MAAM,aAAa,CAAC;AAkB/D,eAAO,MAAM,MAAM,iBAAkB,mBAAmB,4CA2LvD,CAAC"}

package/dist/components/layout/Layout.js

@@ -57,6 +57,7 @@ import AppConfig from './AppConfig';
 import { LayoutContext } from './context/layoutcontext';
 import AppSidebar from './AppSidebar';
 import SolidPopupContainer from '../common/SolidPopupContainer';
+import { GlobalToast } from '../common/GlobalToast';
 import { useSession } from "../../hooks/useSession";
 import { getExtensionFunction } from '../../helpers/registry';
 import { env } from "../../adapters/env";
@@ -207,6 +208,6 @@ export var Layout = function (_a) {
     //         dispatch(showNavbar());     // open both
     //     }
     // };
-    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx("div", { className: "main-content ".concat(visibleNavbar ? "shifted" : ""), children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
+    return (_jsx(React.Fragment, { children: _jsxs("div", { className: containerClass, children: [_jsx(AppSidebar, {}), _jsx(SolidPopupContainer, {}), _jsx(GlobalToast, {}), _jsx("div", { className: "main-content ".concat(visibleNavbar ? "shifted" : ""), children: children }), _jsx(AppConfig, {}), _jsx("div", { className: "layout-mask" })] }) }));
 };
 //# sourceMappingURL=Layout.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { ChildContainerProps, LayoutState } from '../../types';\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { PrimeReactContext } from 'primereact/api';\nimport { useEventListener, useUnmountEffect } from 'primereact/hooks';\nimport { classNames } from 'primereact/utils';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useSelector } from 'react-redux';\nimport AppConfig from './AppConfig';\nimport { LayoutContext } from './context/layoutcontext';\nimport AppSidebar from './AppSidebar';\nimport SolidPopupContainer from '../common/SolidPopupContainer';\nimport { useSession } from \"../../hooks/useSession\";\nimport { getExtensionFunction } from '../../helpers/registry';\nimport { SolidOnApplicationMountEvent } from '../../types/solid-core';\nimport { env } from \"../../adapters/env\";\n\nexport const Layout = ({ children }: ChildContainerProps) => {\n    const { layoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);\n    const { setRipple } = useContext(PrimeReactContext);\n    // const topbarRef = useRef<AppTopbarRef>(null);\n    const sidebarRef = useRef<HTMLDivElement>(null);\n    const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = useEventListener({\n        type: 'click',\n        listener: (event) => {\n            const isOutsideClicked = !(\n                sidebarRef.current?.isSameNode(event.target as Node) ||\n                sidebarRef.current?.contains(event.target as Node)\n                // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||\n                // topbarRef.current?.menubutton?.contains(event.target as Node)\n            );\n\n            if (isOutsideClicked) {\n                hideMenu();\n            }\n        }\n    });\n\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    useEffect(() => {\n        hideMenu();\n        hideProfileMenu();\n    }, [pathname, searchParams]);\n\n    // const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = useEventListener({\n    //     type: 'click',\n    //     listener: (event) => {\n    //         const isOutsideClicked = !(\n    //             topbarRef.current?.topbarmenu?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenu?.contains(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.contains(event.target as Node)\n    //         );\n\n    //         if (isOutsideClicked) {\n    //             hideProfileMenu();\n    //         }\n    //     }\n    // });\n\n    const hideMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            overlayMenuActive: false,\n            staticMenuMobileActive: false,\n            menuHoverActive: false\n        }));\n        unbindMenuOutsideClickListener();\n        unblockBodyScroll();\n    };\n\n    const hideProfileMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            profileSidebarVisible: false\n        }));\n        // unbindProfileMenuOutsideClickListener();\n    };\n\n    const blockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.add('blocked-scroll');\n        } else {\n            document.body.className += ' blocked-scroll';\n        }\n    };\n\n    const unblockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.remove('blocked-scroll');\n        } else {\n            document.body.className = document.body.className.replace(new RegExp('(^|\\\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n        }\n    };\n\n    useEffect(() => {\n        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {\n            bindMenuOutsideClickListener();\n        }\n\n        layoutState.staticMenuMobileActive && blockBodyScroll();\n    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);\n\n    // useEffect(() => {\n    //     if (layoutState.profileSidebarVisible) {\n    //         bindProfileMenuOutsideClickListener();\n    //     }\n    // }, [layoutState.profileSidebarVisible]);\n\n    useUnmountEffect(() => {\n        unbindMenuOutsideClickListener();\n        // unbindProfileMenuOutsideClickListener();\n    });\n\n    const containerClass = classNames('layout-wrapper', {\n        'layout-overlay-active': layoutState.overlayMenuActive,\n        'layout-mobile-active': layoutState.staticMenuMobileActive,\n        'p-input-filled': layoutConfig.inputStyle === 'filled',\n    });\n    const { visibleNavbar } = useSelector((state: any) => state.navbarState); // Get the visibility state of sidebar-two\n\n\n    const session = useSession();\n    const user = session?.data?.user;\n\n    const hasRunRef = useRef(false);\n\n    useEffect(() => {\n        if (hasRunRef.current) return;\n        if (!session || !user) return;\n\n        const navEntry = performance.getEntriesByType(\"navigation\")[0] as PerformanceNavigationTiming;\n        const isReload = navEntry?.type === \"reload\";\n\n        // Detect first mount (after login redirect)\n        const isFirstMount = !sessionStorage.getItem(\"app-mounted\");\n\n        // Allow execution only for:\n        //  1. First mount\n        //  2. Reload\n        if (isFirstMount || isReload) {\n            sessionStorage.setItem(\"app-mounted\", \"true\");\n        } else {\n            return;\n        }\n\n        hasRunRef.current = true;\n\n        const handleDynamicFunction = async () => {\n            const dynamicHeader = env(\"SOLIDX_ON_APPLICATION_MOUNT_HANDLER\");\n\n            const event: SolidOnApplicationMountEvent = {\n                type: \"onApplicationMount\",\n                user,\n                session: session.data\n            };\n\n            if (dynamicHeader) {\n                const DynamicFunctionComponent = getExtensionFunction(dynamicHeader);\n                if (DynamicFunctionComponent) {\n                    await DynamicFunctionComponent(event);\n                }\n            }\n        };\n\n        handleDynamicFunction();\n    }, [session, session?.data, user]);\n\n    // const dispatch = useDispatch()\n    // const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery(\"\")\n    // useEffect(() => {\n    //     if (solidSettingsDataInitialData) {\n    //         dispatch(setSolidSettings(solidSettingsDataInitialData?.data));\n    //     }\n    // }, [solidSettingsDataInitialData]);\n\n    // const toggleBothSidebars = () => {\n    //     if (visibleNavbar) {\n    //         dispatch(toggleNavbar());   // close both\n    //     } else {\n    //         dispatch(showNavbar());     // open both\n    //     }\n    // };\n\n    return (\n        <React.Fragment>\n            <div className={containerClass}>\n                {/* {getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" && <CustomHeader />} */}\n                <AppSidebar />\n                {/* <div className=\"apps-icon block md:hidden\" onClick={toggleBothSidebars}>\n                    <i className=\"pi pi-th-large\"></i>\n                </div> */}\n                <SolidPopupContainer></SolidPopupContainer>\n                <div className={`main-content ${visibleNavbar ? \"shifted\" : \"\"}`}>\n                    {children}\n                    {/* {getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" && <CustomFooter />} */}\n                </div>\n                <AppConfig />\n                <div className=\"layout-mask\"></div>\n            </div>\n        </React.Fragment>\n    );\n};\n"]}
+{"version":3,"file":"Layout.js","sourceRoot":"","sources":["../../../src/components/layout/Layout.tsx"],"names":[],"mappings":"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","sourcesContent":["/* eslint-disable react-hooks/exhaustive-deps */\nimport { ChildContainerProps, LayoutState } from '../../types';\nimport { usePathname } from \"../../hooks/usePathname\";\nimport { useSearchParams } from \"../../hooks/useSearchParams\";\nimport { PrimeReactContext } from 'primereact/api';\nimport { useEventListener, useUnmountEffect } from 'primereact/hooks';\nimport { classNames } from 'primereact/utils';\nimport React, { useContext, useEffect, useRef } from 'react';\nimport { useSelector } from 'react-redux';\nimport AppConfig from './AppConfig';\nimport { LayoutContext } from './context/layoutcontext';\nimport AppSidebar from './AppSidebar';\nimport SolidPopupContainer from '../common/SolidPopupContainer';\nimport { GlobalToast } from '../common/GlobalToast';\nimport { useSession } from \"../../hooks/useSession\";\nimport { getExtensionFunction } from '../../helpers/registry';\nimport { SolidOnApplicationMountEvent } from '../../types/solid-core';\nimport { env } from \"../../adapters/env\";\n\nexport const Layout = ({ children }: ChildContainerProps) => {\n    const { layoutConfig, layoutState, setLayoutState } = useContext(LayoutContext);\n    const { setRipple } = useContext(PrimeReactContext);\n    // const topbarRef = useRef<AppTopbarRef>(null);\n    const sidebarRef = useRef<HTMLDivElement>(null);\n    const [bindMenuOutsideClickListener, unbindMenuOutsideClickListener] = useEventListener({\n        type: 'click',\n        listener: (event) => {\n            const isOutsideClicked = !(\n                sidebarRef.current?.isSameNode(event.target as Node) ||\n                sidebarRef.current?.contains(event.target as Node)\n                // topbarRef.current?.menubutton?.isSameNode(event.target as Node) ||\n                // topbarRef.current?.menubutton?.contains(event.target as Node)\n            );\n\n            if (isOutsideClicked) {\n                hideMenu();\n            }\n        }\n    });\n\n    const pathname = usePathname();\n    const searchParams = useSearchParams();\n    useEffect(() => {\n        hideMenu();\n        hideProfileMenu();\n    }, [pathname, searchParams]);\n\n    // const [bindProfileMenuOutsideClickListener, unbindProfileMenuOutsideClickListener] = useEventListener({\n    //     type: 'click',\n    //     listener: (event) => {\n    //         const isOutsideClicked = !(\n    //             topbarRef.current?.topbarmenu?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenu?.contains(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.isSameNode(event.target as Node) ||\n    //             topbarRef.current?.topbarmenubutton?.contains(event.target as Node)\n    //         );\n\n    //         if (isOutsideClicked) {\n    //             hideProfileMenu();\n    //         }\n    //     }\n    // });\n\n    const hideMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            overlayMenuActive: false,\n            staticMenuMobileActive: false,\n            menuHoverActive: false\n        }));\n        unbindMenuOutsideClickListener();\n        unblockBodyScroll();\n    };\n\n    const hideProfileMenu = () => {\n        setLayoutState((prevLayoutState: LayoutState) => ({\n            ...prevLayoutState,\n            profileSidebarVisible: false\n        }));\n        // unbindProfileMenuOutsideClickListener();\n    };\n\n    const blockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.add('blocked-scroll');\n        } else {\n            document.body.className += ' blocked-scroll';\n        }\n    };\n\n    const unblockBodyScroll = (): void => {\n        if (document.body.classList) {\n            document.body.classList.remove('blocked-scroll');\n        } else {\n            document.body.className = document.body.className.replace(new RegExp('(^|\\\\b)' + 'blocked-scroll'.split(' ').join('|') + '(\\\\b|$)', 'gi'), ' ');\n        }\n    };\n\n    useEffect(() => {\n        if (layoutState.overlayMenuActive || layoutState.staticMenuMobileActive) {\n            bindMenuOutsideClickListener();\n        }\n\n        layoutState.staticMenuMobileActive && blockBodyScroll();\n    }, [layoutState.overlayMenuActive, layoutState.staticMenuMobileActive]);\n\n    // useEffect(() => {\n    //     if (layoutState.profileSidebarVisible) {\n    //         bindProfileMenuOutsideClickListener();\n    //     }\n    // }, [layoutState.profileSidebarVisible]);\n\n    useUnmountEffect(() => {\n        unbindMenuOutsideClickListener();\n        // unbindProfileMenuOutsideClickListener();\n    });\n\n    const containerClass = classNames('layout-wrapper', {\n        'layout-overlay-active': layoutState.overlayMenuActive,\n        'layout-mobile-active': layoutState.staticMenuMobileActive,\n        'p-input-filled': layoutConfig.inputStyle === 'filled',\n    });\n    const { visibleNavbar } = useSelector((state: any) => state.navbarState); // Get the visibility state of sidebar-two\n\n\n    const session = useSession();\n    const user = session?.data?.user;\n\n    const hasRunRef = useRef(false);\n\n    useEffect(() => {\n        if (hasRunRef.current) return;\n        if (!session || !user) return;\n\n        const navEntry = performance.getEntriesByType(\"navigation\")[0] as PerformanceNavigationTiming;\n        const isReload = navEntry?.type === \"reload\";\n\n        // Detect first mount (after login redirect)\n        const isFirstMount = !sessionStorage.getItem(\"app-mounted\");\n\n        // Allow execution only for:\n        //  1. First mount\n        //  2. Reload\n        if (isFirstMount || isReload) {\n            sessionStorage.setItem(\"app-mounted\", \"true\");\n        } else {\n            return;\n        }\n\n        hasRunRef.current = true;\n\n        const handleDynamicFunction = async () => {\n            const dynamicHeader = env(\"SOLIDX_ON_APPLICATION_MOUNT_HANDLER\");\n\n            const event: SolidOnApplicationMountEvent = {\n                type: \"onApplicationMount\",\n                user,\n                session: session.data\n            };\n\n            if (dynamicHeader) {\n                const DynamicFunctionComponent = getExtensionFunction(dynamicHeader);\n                if (DynamicFunctionComponent) {\n                    await DynamicFunctionComponent(event);\n                }\n            }\n        };\n\n        handleDynamicFunction();\n    }, [session, session?.data, user]);\n\n    // const dispatch = useDispatch()\n    // const { data: solidSettingsDataInitialData } = useGetSolidSettingsQuery(\"\")\n    // useEffect(() => {\n    //     if (solidSettingsDataInitialData) {\n    //         dispatch(setSolidSettings(solidSettingsDataInitialData?.data));\n    //     }\n    // }, [solidSettingsDataInitialData]);\n\n    // const toggleBothSidebars = () => {\n    //     if (visibleNavbar) {\n    //         dispatch(toggleNavbar());   // close both\n    //     } else {\n    //         dispatch(showNavbar());     // open both\n    //     }\n    // };\n\n    return (\n        <React.Fragment>\n            <div className={containerClass}>\n                {/* {getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" && <CustomHeader />} */}\n                <AppSidebar />\n                {/* <div className=\"apps-icon block md:hidden\" onClick={toggleBothSidebars}>\n                    <i className=\"pi pi-th-large\"></i>\n                </div> */}\n                <SolidPopupContainer></SolidPopupContainer>\n                <GlobalToast />\n                <div className={`main-content ${visibleNavbar ? \"shifted\" : \"\"}`}>\n                    {children}\n                    {/* {getEnv(\"NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER\") == \"true\" && <CustomFooter />} */}\n                </div>\n                <AppConfig />\n                <div className=\"layout-mask\"></div>\n            </div>\n        </React.Fragment>\n    );\n};\n"]}

package/dist/components/layout/Layout.tsx

@@ -11,6 +11,7 @@ import AppConfig from './AppConfig';
 import { LayoutContext } from './context/layoutcontext';
 import AppSidebar from './AppSidebar';
 import SolidPopupContainer from '../common/SolidPopupContainer';
+import { GlobalToast } from '../common/GlobalToast';
 import { useSession } from "../../hooks/useSession";
 import { getExtensionFunction } from '../../helpers/registry';
 import { SolidOnApplicationMountEvent } from '../../types/solid-core';
@@ -193,6 +194,7 @@ export const Layout = ({ children }: ChildContainerProps) => {
                     <i className="pi pi-th-large"></i>
                 </div> */}
                 <SolidPopupContainer></SolidPopupContainer>
+                <GlobalToast />
                 <div className={`main-content ${visibleNavbar ? "shifted" : ""}`}>
                     {children}
                     {/* {getEnv("NEXT_PUBLIC_ENABLE_CUSTOM_HEADER_FOOTER") == "true" && <CustomFooter />} */}

package/dist/components/layout/SolidAiStudioLayout.d.ts

@@ -0,0 +1,10 @@
+import React from "react";
+export declare const ChatIcon: () => import("react/jsx-runtime").JSX.Element;
+export declare function SolidStudio(): React.ReactPortal | null;
+export declare function PreviewModePersist(): null;
+export declare function SolidStudioWrapper({ children }: {
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+export declare const SolidAiStudioLayout: typeof SolidStudioWrapper;
+export declare const SolidStudioPanel: typeof SolidStudio;
+//# sourceMappingURL=SolidAiStudioLayout.d.ts.map

package/dist/components/layout/SolidAiStudioLayout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SolidAiStudioLayout.d.ts","sourceRoot":"","sources":["../../../src/components/layout/SolidAiStudioLayout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAqE3D,eAAO,MAAM,QAAQ,+CAIpB,CAAC;AAOF,wBAAgB,WAAW,6BAmN1B;AASD,wBAAgB,kBAAkB,SAsBjC;AAID,wBAAgB,kBAAkB,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAE,2CAE7E;AAGD,eAAO,MAAM,mBAAmB,2BAAqB,CAAC;AACtD,eAAO,MAAM,gBAAgB,oBAAc,CAAC"}

package/dist/components/layout/SolidAiStudioLayout.js

@@ -0,0 +1,159 @@
+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 { useSession } from "../../hooks/useSession";
+import { 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;
+// ── 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" }) })); };
+// ── 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 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 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 menuRef = useRef(null);
+    // Close the 3-dot menu when clicking outside
+    useEffect(function () {
+        if (!isMenuOpen)
+            return;
+        var handler = function (e) {
+            if (menuRef.current && !menuRef.current.contains(e.target)) {
+                setIsMenuOpen(false);
+            }
+        };
+        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) {
+            dispatch(exitStudioMode());
+        }
+    }, [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());
+        signOut({ callbackUrl: "/auth/login" });
+    };
+    var handleViewSwitch = function (view) {
+        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, {}) })] })] }) }));
+    return typeof document !== "undefined" ? createPortal(studioUI, document.body) : null;
+}
+// ── PreviewModePersist ─────────────────────────────────────────────────────────
+// Mount once at the app root alongside SolidStudio.
+// sessionStorage is tab-scoped, so preview opened in a new tab stays isolated.
+// Closing the tab is the natural way to exit preview mode.
+var PREVIEW_KEY = "solid-preview";
+export function PreviewModePersist() {
+    var _a = useLocation(), pathname = _a.pathname, search = _a.search;
+    var navigate = useNavigate();
+    // Activate: when URL has ?preview=true, store it in sessionStorage for this tab
+    useEffect(function () {
+        var params = new URLSearchParams(search);
+        if (params.get("preview") === "true") {
+            sessionStorage.setItem(PREVIEW_KEY, "true");
+        }
+    }, [search]);
+    // Persist: re-inject ?preview=true on every navigation if it was set
+    useEffect(function () {
+        if (sessionStorage.getItem(PREVIEW_KEY) !== "true")
+            return;
+        var params = new URLSearchParams(search);
+        if (params.get("preview") === "true")
+            return;
+        params.set("preview", "true");
+        navigate({ pathname: pathname, search: "?".concat(params.toString()) }, { replace: true });
+    }, [pathname, search, navigate]);
+    return null;
+}
+// ── SolidStudioWrapper ─────────────────────────────────────────────────────────
+// Kept for backwards compatibility. Now a pure pass-through.
+export function SolidStudioWrapper(_a) {
+    var children = _a.children;
+    return _jsx(_Fragment, { children: children });
+}
+// Legacy aliases
+export var SolidAiStudioLayout = SolidStudioWrapper;
+export var SolidStudioPanel = SolidStudio;
+//# sourceMappingURL=SolidAiStudioLayout.js.map

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

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