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

package/dist/components/common/SolidModuleHome.js

@@ -1,7 +1,6 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useSession } from "../../hooks/useSession";
 import styles from './solidModuleHome.module.css';
-import { Button } from 'primereact/button';
 import { DocsSvg } from '../Svg/DocsSvg';
 import { SettingsSvg } from '../Svg/SettingsSvg';
 import { DevDocs } from '../Svg/DevDocs';
@@ -11,6 +10,7 @@ import { useState } from 'react';
 import { SolidAccountSettings } from '../core/common/SolidAccountSettings/SolidAccountSettings';
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../redux/features/navbarSlice";
+import { SolidButton, SolidIcon } from "../shad-cn-ui";
 export var SolidModuleHome = function (_a) {
     var _b;
     var _c = _a.moduleName, moduleName = _c === void 0 ? "Dashboard" : _c;
@@ -28,7 +28,7 @@ export var SolidModuleHome = function (_a) {
             dispatch(showNavbar()); // open both
         }
     };
-    return (_jsxs("div", { className: "h-screen surface-0 overflow-y-auto", children: [_jsx("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx("i", { className: "pi pi-th-large" }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: moduleName })] }) }), _jsxs("div", { className: "p-4 md:p-5 flex flex-column gap-4", children: [_jsxs("div", { className: styles.solidModuleWelcomeSection, children: [_jsxs("div", { className: 'flex flex-column gap-2 pr-3 lg:pr-0', children: [_jsxs("h3", { className: styles.solidModuleHomeTitle1, children: ["Welcome, ", status === "loading" ? "." : user] }), _jsxs("p", { className: 'm-0 w-35rem text-sl', children: ["This is the home page for the ", moduleName, " module. You can find documentation and settings below."] })] }), _jsx("div", { className: styles.homeSvg, children: _jsx(HomePageModuleSvg, {}) })] }), _jsx("div", { className: 'grid', children: [{
+    return (_jsxs("div", { className: "h-screen surface-0 overflow-y-auto", children: [_jsx("div", { className: "page-header", style: { borderBottom: '1px solid var(--primary-light-color)' }, children: _jsxs("div", { className: 'flex align-items-center gap-2', children: [_jsx("div", { className: "apps-icon block md:hidden cursor-pointer", onClick: toggleBothSidebars, children: _jsx(SolidIcon, { name: "si-th-large", "aria-hidden": true }) }), _jsx("p", { className: "m-0 view-title solid-text-wrapper", children: moduleName })] }) }), _jsxs("div", { className: "p-4 md:p-5 flex flex-column gap-4", children: [_jsxs("div", { className: styles.solidModuleWelcomeSection, children: [_jsxs("div", { className: 'flex flex-column gap-2 pr-3 lg:pr-0', children: [_jsxs("h3", { className: styles.solidModuleHomeTitle1, children: ["Welcome, ", status === "loading" ? "." : user] }), _jsxs("p", { className: 'm-0 w-35rem text-sl', children: ["This is the home page for the ", moduleName, " module. You can find documentation and settings below."] })] }), _jsx("div", { className: styles.homeSvg, children: _jsx(HomePageModuleSvg, {}) })] }), _jsx("div", { className: 'grid', children: [{
                                 icon: _jsx(DocsSvg, {}),
                                 title: 'Admin Docs',
                                 description: 'Explore the administrator documentation to manage and configure your system',
@@ -46,7 +46,7 @@ export var SolidModuleHome = function (_a) {
                                 description: 'Access and update your account settings, preferences, and profile information',
                                 class: styles.dashboardCardThree,
                                 type: 'popup'
-                            }].map(function (card, i) { return (_jsx("div", { className: 'col-12 md:col-6 xl:col-4', children: _jsxs("div", { className: "".concat(styles.solidModuleHomeColorCards, " ").concat(card.class), children: [_jsxs("div", { children: [_jsx("div", { className: styles.solidModuleHomeCardSvgWrapper, children: card.icon }), _jsx("h3", { className: "".concat(styles.solidModuleHomeTitle1, " mt-4"), children: card.title }), _jsx("p", { className: 'mb-0 mt-2 mr-2 text-xs', children: card.description })] }), _jsx("div", { children: card.url ? (_jsx(Link, { href: card.url, target: "_blank", rel: "noopener noreferrer", children: _jsx(Button, { outlined: true, label: 'Explore', size: 'small', icon: "pi pi-arrow-right", iconPos: 'right', className: "font-bold", style: { background: 'var(--solid-module-home-add-button-bg)' } }) })) : (_jsx(Button, { outlined: true, label: 'Open', size: 'small', icon: "pi pi-cog", iconPos: 'right', className: "font-bold", style: { background: 'var(--solid-module-home-add-button-bg)' }, onClick: function () {
+                            }].map(function (card, i) { return (_jsx("div", { className: 'col-12 md:col-6 xl:col-4', children: _jsxs("div", { className: "".concat(styles.solidModuleHomeColorCards, " ").concat(card.class), children: [_jsxs("div", { children: [_jsx("div", { className: styles.solidModuleHomeCardSvgWrapper, children: card.icon }), _jsx("h3", { className: "".concat(styles.solidModuleHomeTitle1, " mt-4"), children: card.title }), _jsx("p", { className: 'mb-0 mt-2 mr-2 text-xs', children: card.description })] }), _jsx("div", { children: card.url ? (_jsx(Link, { href: card.url, target: "_blank", rel: "noopener noreferrer", children: _jsx(SolidButton, { outlined: true, label: 'Explore', size: 'small', icon: "si si-arrow-right", iconPos: 'right', className: "font-bold", style: { background: 'var(--solid-module-home-add-button-bg)' } }) })) : (_jsx(SolidButton, { outlined: true, label: 'Open', size: 'small', icon: "si si-cog", iconPos: 'right', className: "font-bold", style: { background: 'var(--solid-module-home-add-button-bg)' }, onClick: function () {
                                                 if (card.type === 'popup') {
                                                     setShowAccountSettings(true);
                                                 }

package/dist/components/common/SolidModuleHome.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidModuleHome.js","sourceRoot":"","sources":["../../../src/components/common/SolidModuleHome.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useSession } from \"../../hooks/useSession\";\nimport styles from './solidModuleHome.module.css'\nimport { Button } from 'primereact/button';\nimport { DocsSvg } from '../Svg/DocsSvg';\nimport { SettingsSvg } from '../Svg/SettingsSvg';\nimport { DevDocs } from '../Svg/DevDocs';\nimport { HomePageModuleSvg } from '../Svg/HomePageModuleSvg';\nimport Link from \"./Link\";\nimport { useState } from 'react';\nimport { SolidAccountSettings } from '../core/common/SolidAccountSettings/SolidAccountSettings';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../redux/features/navbarSlice\";\n\ntype SolidModuleHomeProps = {\n    moduleName?: string;\n};\n\nexport const SolidModuleHome = ({ moduleName = \"Dashboard\" }: SolidModuleHomeProps) => {\n    const { data: session, status } = useSession();\n    const dispatch = useDispatch();\n    const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n    //@ts-ignore\n    const user = session?.user?.username;\n    const [showAccountSettings, setShowAccountSettings] = useState(false);\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        <div className=\"h-screen surface-0 overflow-y-auto\">\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n                <div className='flex align-items-center gap-2'>\n                    <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                        <i className=\"pi pi-th-large\"></i>\n                    </div>\n                    <p className=\"m-0 view-title solid-text-wrapper\">\n                        {moduleName}\n                    </p>\n                </div>\n            </div>\n            <div className=\"p-4 md:p-5 flex flex-column gap-4\">\n                <div className={styles.solidModuleWelcomeSection}>\n                    <div className='flex flex-column gap-2 pr-3 lg:pr-0'>\n                        <h3 className={styles.solidModuleHomeTitle1}>\n                            Welcome, {status === \"loading\" ? \".\" : user}\n                        </h3>\n                        <p className='m-0 w-35rem text-sl'>\n                            This is the home page for the {moduleName} module. You can find documentation and settings below.\n                        </p>\n                    </div>\n                    <div className={styles.homeSvg}>\n                        <HomePageModuleSvg />\n                    </div>\n                </div>\n\n                {/* Cards */}\n                <div className='grid'>\n                    {[{\n                        icon: <DocsSvg />,\n                        title: 'Admin Docs',\n                        description: 'Explore the administrator documentation to manage and configure your system',\n                        class: styles.dashboardCardOne,\n                        url: 'https://docs.solidxai.com/docs/admin-docs/'\n                    }, {\n                        icon: <DevDocs />,\n                        title: 'Dev Docs',\n                        description: 'Dive into the developer documentation to build, extend, and integrate with the platform',\n                        class: styles.dashboardCardTwo,\n                        url: 'https://docs.solidxai.com/docs/developer-docs/'\n                    }, {\n                        icon: <SettingsSvg />,\n                        title: 'Settings',\n                        description: 'Access and update your account settings, preferences, and profile information',\n                        class: styles.dashboardCardThree,\n                        type: 'popup'\n                    }].map((card, i) => (\n                        <div className='col-12 md:col-6 xl:col-4' key={i}>\n                            <div className={`${styles.solidModuleHomeColorCards} ${card.class}`}>\n                                <div>\n                                    <div className={styles.solidModuleHomeCardSvgWrapper}>{card.icon}</div>\n                                    <h3 className={`${styles.solidModuleHomeTitle1} mt-4`}>{card.title}</h3>\n                                    <p className='mb-0 mt-2 mr-2 text-xs'>\n                                        {card.description}\n                                    </p>\n                                </div>\n                                <div>\n                                    {card.url ? (\n                                        <Link href={card.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                                            <Button outlined label='Explore' size='small' icon=\"pi pi-arrow-right\" iconPos='right' className=\"font-bold\" style={{ background: 'var(--solid-module-home-add-button-bg)' }} />\n                                        </Link>\n                                    ) : (\n                                        <Button\n                                            outlined\n                                            label='Open'\n                                            size='small'\n                                            icon=\"pi pi-cog\"\n                                            iconPos='right'\n                                            className=\"font-bold\"\n                                            style={{ background: 'var(--solid-module-home-add-button-bg)' }}\n                                            onClick={() => {\n                                                if (card.type === 'popup') {\n                                                    setShowAccountSettings(true);\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n            {showAccountSettings &&\n                <SolidAccountSettings\n                    showProfileSettingsDialog={showAccountSettings}\n                    setShowProfileSettingsDialog={setShowAccountSettings}\n                />\n            }\n        </div>\n    )\n}\n"]}
+{"version":3,"file":"SolidModuleHome.js","sourceRoot":"","sources":["../../../src/components/common/SolidModuleHome.tsx"],"names":[],"mappings":"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","sourcesContent":["\n\nimport { useSession } from \"../../hooks/useSession\";\nimport styles from './solidModuleHome.module.css'\nimport { DocsSvg } from '../Svg/DocsSvg';\nimport { SettingsSvg } from '../Svg/SettingsSvg';\nimport { DevDocs } from '../Svg/DevDocs';\nimport { HomePageModuleSvg } from '../Svg/HomePageModuleSvg';\nimport Link from \"./Link\";\nimport { useState } from 'react';\nimport { SolidAccountSettings } from '../core/common/SolidAccountSettings/SolidAccountSettings';\nimport { useDispatch, useSelector } from \"react-redux\";\nimport { showNavbar, toggleNavbar } from \"../../redux/features/navbarSlice\";\nimport { SolidButton, SolidIcon } from \"../shad-cn-ui\";\n\ntype SolidModuleHomeProps = {\n    moduleName?: string;\n};\n\nexport const SolidModuleHome = ({ moduleName = \"Dashboard\" }: SolidModuleHomeProps) => {\n    const { data: session, status } = useSession();\n    const dispatch = useDispatch();\n    const visibleNavbar = useSelector((state: any) => state.navbarState?.visibleNavbar);\n    //@ts-ignore\n    const user = session?.user?.username;\n    const [showAccountSettings, setShowAccountSettings] = useState(false);\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        <div className=\"h-screen surface-0 overflow-y-auto\">\n            <div className=\"page-header\" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>\n                <div className='flex align-items-center gap-2'>\n                    <div className=\"apps-icon block md:hidden cursor-pointer\" onClick={toggleBothSidebars}>\n                        <SolidIcon name=\"si-th-large\" aria-hidden />\n                    </div>\n                    <p className=\"m-0 view-title solid-text-wrapper\">\n                        {moduleName}\n                    </p>\n                </div>\n            </div>\n            <div className=\"p-4 md:p-5 flex flex-column gap-4\">\n                <div className={styles.solidModuleWelcomeSection}>\n                    <div className='flex flex-column gap-2 pr-3 lg:pr-0'>\n                        <h3 className={styles.solidModuleHomeTitle1}>\n                            Welcome, {status === \"loading\" ? \".\" : user}\n                        </h3>\n                        <p className='m-0 w-35rem text-sl'>\n                            This is the home page for the {moduleName} module. You can find documentation and settings below.\n                        </p>\n                    </div>\n                    <div className={styles.homeSvg}>\n                        <HomePageModuleSvg />\n                    </div>\n                </div>\n\n                {/* Cards */}\n                <div className='grid'>\n                    {[{\n                        icon: <DocsSvg />,\n                        title: 'Admin Docs',\n                        description: 'Explore the administrator documentation to manage and configure your system',\n                        class: styles.dashboardCardOne,\n                        url: 'https://docs.solidxai.com/docs/admin-docs/'\n                    }, {\n                        icon: <DevDocs />,\n                        title: 'Dev Docs',\n                        description: 'Dive into the developer documentation to build, extend, and integrate with the platform',\n                        class: styles.dashboardCardTwo,\n                        url: 'https://docs.solidxai.com/docs/developer-docs/'\n                    }, {\n                        icon: <SettingsSvg />,\n                        title: 'Settings',\n                        description: 'Access and update your account settings, preferences, and profile information',\n                        class: styles.dashboardCardThree,\n                        type: 'popup'\n                    }].map((card, i) => (\n                        <div className='col-12 md:col-6 xl:col-4' key={i}>\n                            <div className={`${styles.solidModuleHomeColorCards} ${card.class}`}>\n                                <div>\n                                    <div className={styles.solidModuleHomeCardSvgWrapper}>{card.icon}</div>\n                                    <h3 className={`${styles.solidModuleHomeTitle1} mt-4`}>{card.title}</h3>\n                                    <p className='mb-0 mt-2 mr-2 text-xs'>\n                                        {card.description}\n                                    </p>\n                                </div>\n                                <div>\n                                    {card.url ? (\n                                        <Link href={card.url} target=\"_blank\" rel=\"noopener noreferrer\">\n                                            <SolidButton\n                                                outlined\n                                                label='Explore'\n                                                size='small'\n                                                icon=\"si si-arrow-right\"\n                                                iconPos='right'\n                                                className=\"font-bold\"\n                                                style={{ background: 'var(--solid-module-home-add-button-bg)' }}\n                                            />\n                                        </Link>\n                                    ) : (\n                                        <SolidButton\n                                            outlined\n                                            label='Open'\n                                            size='small'\n                                            icon=\"si si-cog\"\n                                            iconPos='right'\n                                            className=\"font-bold\"\n                                            style={{ background: 'var(--solid-module-home-add-button-bg)' }}\n                                            onClick={() => {\n                                                if (card.type === 'popup') {\n                                                    setShowAccountSettings(true);\n                                                }\n                                            }}\n                                        />\n                                    )}\n                                </div>\n                            </div>\n                        </div>\n                    ))}\n                </div>\n            </div>\n            {showAccountSettings &&\n                <SolidAccountSettings\n                    showProfileSettingsDialog={showAccountSettings}\n                    setShowProfileSettingsDialog={setShowAccountSettings}\n                />\n            }\n        </div>\n    )\n}\n"]}

package/dist/components/common/SolidModuleHome.tsx

@@ -2,7 +2,6 @@
 
 import { useSession } from "../../hooks/useSession";
 import styles from './solidModuleHome.module.css'
-import { Button } from 'primereact/button';
 import { DocsSvg } from '../Svg/DocsSvg';
 import { SettingsSvg } from '../Svg/SettingsSvg';
 import { DevDocs } from '../Svg/DevDocs';
@@ -12,6 +11,7 @@ import { useState } from 'react';
 import { SolidAccountSettings } from '../core/common/SolidAccountSettings/SolidAccountSettings';
 import { useDispatch, useSelector } from "react-redux";
 import { showNavbar, toggleNavbar } from "../../redux/features/navbarSlice";
+import { SolidButton, SolidIcon } from "../shad-cn-ui";
 
 type SolidModuleHomeProps = {
     moduleName?: string;
@@ -38,7 +38,7 @@ export const SolidModuleHome = ({ moduleName = "Dashboard" }: SolidModuleHomePro
             <div className="page-header" style={{ borderBottom: '1px solid var(--primary-light-color)' }}>
                 <div className='flex align-items-center gap-2'>
                     <div className="apps-icon block md:hidden cursor-pointer" onClick={toggleBothSidebars}>
-                        <i className="pi pi-th-large"></i>
+                        <SolidIcon name="si-th-large" aria-hidden />
                     </div>
                     <p className="m-0 view-title solid-text-wrapper">
                         {moduleName}
@@ -93,14 +93,22 @@ export const SolidModuleHome = ({ moduleName = "Dashboard" }: SolidModuleHomePro
                                 <div>
                                     {card.url ? (
                                         <Link href={card.url} target="_blank" rel="noopener noreferrer">
-                                            <Button outlined label='Explore' size='small' icon="pi pi-arrow-right" iconPos='right' className="font-bold" style={{ background: 'var(--solid-module-home-add-button-bg)' }} />
+                                            <SolidButton
+                                                outlined
+                                                label='Explore'
+                                                size='small'
+                                                icon="si si-arrow-right"
+                                                iconPos='right'
+                                                className="font-bold"
+                                                style={{ background: 'var(--solid-module-home-add-button-bg)' }}
+                                            />
                                         </Link>
                                     ) : (
-                                        <Button
+                                        <SolidButton
                                             outlined
                                             label='Open'
                                             size='small'
-                                            icon="pi pi-cog"
+                                            icon="si si-cog"
                                             iconPos='right'
                                             className="font-bold"
                                             style={{ background: 'var(--solid-module-home-add-button-bg)' }}

package/dist/components/common/SolidNotFoundPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidNotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidNotFoundPage.tsx"],"names":[],"mappings":"AAIA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,iDAK3B,sBAAsB,4CA6BxB,CAAC"}
+{"version":3,"file":"SolidNotFoundPage.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidNotFoundPage.tsx"],"names":[],"mappings":"AAGA,KAAK,sBAAsB,GAAG;IAC5B,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB,CAAC;AAEF,eAAO,MAAM,iBAAiB,iDAK3B,sBAAsB,4CAYxB,CAAC"}

package/dist/components/common/SolidNotFoundPage.js

@@ -1,10 +1,9 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button } from "primereact/button";
+import { jsx as _jsx } from "react/jsx-runtime";
 import { useRouter } from "../../hooks/useRouter";
-import SolidLogo from '../../resources/images/SolidXLogo.svg';
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 export var SolidNotFoundPage = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? "Not Found" : _b, _c = _a.message, message = _c === void 0 ? "Requested resource is not available." : _c, _d = _a.actionLabel, actionLabel = _d === void 0 ? "Go to Dashboard" : _d, _e = _a.actionHref, actionHref = _e === void 0 ? "/admin" : _e;
+    var _b = _a.title, title = _b === void 0 ? "Page not found" : _b, _c = _a.message, message = _c === void 0 ? "The page you're looking for isn't available. Please go back to dashboard." : _c, _d = _a.actionLabel, actionLabel = _d === void 0 ? "Back to dashboard" : _d, _e = _a.actionHref, actionHref = _e === void 0 ? "/admin" : _e;
     var router = useRouter();
-    return (_jsx("div", { className: "surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden", children: _jsxs("div", { className: "flex flex-column align-items-center justify-content-center", children: [_jsx("img", { alt: "solid logo", src: SolidLogo, className: "mb-5 w-6rem flex-shrink-0" }), _jsx("div", { style: { borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }, children: _jsxs("div", { className: "w-full py-8 px-5 sm:px-8 flex flex-column align-items-center", style: { borderRadius: '53px', backgroundColor: 'white' }, children: [_jsx("span", { className: "text-blue-500 font-bold text-3xl", children: "404" }), _jsx("h1", { className: "text-900 font-bold text-5xl mb-2", children: title }), _jsx("div", { className: "text-600 mb-5", children: message }), _jsx(Button, { label: actionLabel, text: true, onClick: function () { return router.push(actionHref); }, className: "mt-2", icon: "pi pi-arrow-left", iconPos: "left" })] }) })] }) }));
+    return (_jsx(SolidErrorStatePage, { statusCode: "404", title: title, description: message, actionLabel: actionLabel, onAction: function () { return router.push(actionHref); } }));
 };
 //# sourceMappingURL=SolidNotFoundPage.js.map

package/dist/components/common/SolidNotFoundPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidNotFoundPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidNotFoundPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAC3C,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,SAAS,MAAM,uCAAuC,CAAA;AAS7D,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAKT;QAJvB,aAAmB,EAAnB,KAAK,mBAAG,WAAW,KAAA,EACnB,eAAgD,EAAhD,OAAO,mBAAG,sCAAsC,KAAA,EAChD,mBAA+B,EAA/B,WAAW,mBAAG,iBAAiB,KAAA,EAC/B,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,cAAK,SAAS,EAAC,yGAAyG,YACtH,eAAK,SAAS,EAAC,4DAA4D,aACzE,cACE,GAAG,EAAC,YAAY,EAChB,GAAG,EAAE,SAAS,EACd,SAAS,EAAC,2BAA2B,GACrC,EACF,cAAK,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,EAAE,UAAU,EAAE,wEAAwE,EAAE,YAC1I,eAAK,SAAS,EAAC,8DAA8D,EAAC,KAAK,EAAE,EAAE,YAAY,EAAE,MAAM,EAAE,eAAe,EAAE,OAAO,EAAE,aACrI,eAAM,SAAS,EAAC,kCAAkC,oBAAW,EAC7D,aAAI,SAAS,EAAC,kCAAkC,YAAE,KAAK,GAAM,EAC7D,cAAK,SAAS,EAAC,eAAe,YAAE,OAAO,GAAO,EAC9C,KAAC,MAAM,IACL,KAAK,EAAE,WAAW,EAClB,IAAI,QACJ,OAAO,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,EACtC,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,kBAAkB,EACvB,OAAO,EAAC,MAAM,GACd,IACE,GACF,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { Button } from \"primereact/button\";\nimport { useRouter } from \"../../hooks/useRouter\";\nimport SolidLogo from '../../resources/images/SolidXLogo.svg'\n\ntype SolidNotFoundPageProps = {\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  actionHref?: string;\n};\n\nexport const SolidNotFoundPage = ({\n  title = \"Not Found\",\n  message = \"Requested resource is not available.\",\n  actionLabel = \"Go to Dashboard\",\n  actionHref = \"/admin\",\n}: SolidNotFoundPageProps) => {\n  const router = useRouter();\n\n  return (\n    <div className=\"surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden\">\n      <div className=\"flex flex-column align-items-center justify-content-center\">\n        <img\n          alt=\"solid logo\"\n          src={SolidLogo}\n          className=\"mb-5 w-6rem flex-shrink-0\"\n        />\n        <div style={{ borderRadius: '56px', padding: '0.3px', background: \"linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)\" }}>\n          <div className=\"w-full py-8 px-5 sm:px-8 flex flex-column align-items-center\" style={{ borderRadius: '53px', backgroundColor: 'white' }}>\n            <span className=\"text-blue-500 font-bold text-3xl\">404</span>\n            <h1 className=\"text-900 font-bold text-5xl mb-2\">{title}</h1>\n            <div className=\"text-600 mb-5\">{message}</div>\n            <Button\n              label={actionLabel}\n              text\n              onClick={() => router.push(actionHref)}\n              className=\"mt-2\"\n              icon=\"pi pi-arrow-left\"\n              iconPos=\"left\"\n            />\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"SolidNotFoundPage.js","sourceRoot":"","sources":["../../../src/components/common/SolidNotFoundPage.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAClD,OAAO,EAAE,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AAS5D,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,EAKT;QAJvB,aAAwB,EAAxB,KAAK,mBAAG,gBAAgB,KAAA,EACxB,eAAqF,EAArF,OAAO,mBAAG,2EAA2E,KAAA,EACrF,mBAAiC,EAAjC,WAAW,mBAAG,mBAAmB,KAAA,EACjC,kBAAqB,EAArB,UAAU,mBAAG,QAAQ,KAAA;IAErB,IAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAE3B,OAAO,CACL,KAAC,mBAAmB,IAClB,UAAU,EAAC,KAAK,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,OAAO,EACpB,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,cAAM,OAAA,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,EAAvB,CAAuB,GACvC,CACH,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { useRouter } from \"../../hooks/useRouter\";\nimport { SolidErrorStatePage } from \"./SolidErrorStatePage\";\n\ntype SolidNotFoundPageProps = {\n  title?: string;\n  message?: string;\n  actionLabel?: string;\n  actionHref?: string;\n};\n\nexport const SolidNotFoundPage = ({\n  title = \"Page not found\",\n  message = \"The page you're looking for isn't available. Please go back to dashboard.\",\n  actionLabel = \"Back to dashboard\",\n  actionHref = \"/admin\",\n}: SolidNotFoundPageProps) => {\n  const router = useRouter();\n\n  return (\n    <SolidErrorStatePage\n      statusCode=\"404\"\n      title={title}\n      description={message}\n      actionLabel={actionLabel}\n      onAction={() => router.push(actionHref)}\n    />\n  );\n};\n"]}

package/dist/components/common/SolidNotFoundPage.tsx

@@ -1,6 +1,5 @@
-import { Button } from "primereact/button";
 import { useRouter } from "../../hooks/useRouter";
-import SolidLogo from '../../resources/images/SolidXLogo.svg'
+import { SolidErrorStatePage } from "./SolidErrorStatePage";
 
 type SolidNotFoundPageProps = {
   title?: string;
@@ -10,37 +9,20 @@ type SolidNotFoundPageProps = {
 };
 
 export const SolidNotFoundPage = ({
-  title = "Not Found",
-  message = "Requested resource is not available.",
-  actionLabel = "Go to Dashboard",
+  title = "Page not found",
+  message = "The page you're looking for isn't available. Please go back to dashboard.",
+  actionLabel = "Back to dashboard",
   actionHref = "/admin",
 }: SolidNotFoundPageProps) => {
   const router = useRouter();
 
   return (
-    <div className="surface-ground flex align-items-center justify-content-center min-h-screen min-w-screen overflow-hidden">
-      <div className="flex flex-column align-items-center justify-content-center">
-        <img
-          alt="solid logo"
-          src={SolidLogo}
-          className="mb-5 w-6rem flex-shrink-0"
-        />
-        <div style={{ borderRadius: '56px', padding: '0.3px', background: "linear-gradient(rgba(114, 46, 209, 0.6) 0%, rgba(114, 46, 209, 0) 40%)" }}>
-          <div className="w-full py-8 px-5 sm:px-8 flex flex-column align-items-center" style={{ borderRadius: '53px', backgroundColor: 'white' }}>
-            <span className="text-blue-500 font-bold text-3xl">404</span>
-            <h1 className="text-900 font-bold text-5xl mb-2">{title}</h1>
-            <div className="text-600 mb-5">{message}</div>
-            <Button
-              label={actionLabel}
-              text
-              onClick={() => router.push(actionHref)}
-              className="mt-2"
-              icon="pi pi-arrow-left"
-              iconPos="left"
-            />
-          </div>
-        </div>
-      </div>
-    </div>
+    <SolidErrorStatePage
+      statusCode="404"
+      title={title}
+      description={message}
+      actionLabel={actionLabel}
+      onAction={() => router.push(actionHref)}
+    />
   );
 };

package/dist/components/common/SolidPopupContainer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPopupContainer.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidPopupContainer.tsx"],"names":[],"mappings":"AAWA,QAAA,MAAM,mBAAmB,sDAuBxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"SolidPopupContainer.d.ts","sourceRoot":"","sources":["../../../src/components/common/SolidPopupContainer.tsx"],"names":[],"mappings":"AAMA,QAAA,MAAM,mBAAmB,sDA2BxB,CAAC;AAEF,eAAe,mBAAmB,CAAC"}

package/dist/components/common/SolidPopupContainer.js

@@ -10,18 +10,23 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import { jsx as _jsx } from "react/jsx-runtime";
-// components/PopupContainer.tsx
-import { useSelector, useDispatch } from 'react-redux';
-import { closePopup } from '../../redux/features/popupSlice';
-import { Dialog } from 'primereact/dialog';
-import { getExtensionComponent } from '../../helpers/registry';
+import { useSelector, useDispatch } from "react-redux";
+import { closePopup } from "../../redux/features/popupSlice";
+import { getExtensionComponent } from "../../helpers/registry";
+import { SolidDialog } from "../shad-cn-ui";
 var SolidPopupContainer = function () {
     var _a = useSelector(function (state) { return state.popup; }), isOpen = _a.isOpen, event = _a.event;
     var dispatch = useDispatch();
+    var handleClose = function () { return dispatch(closePopup()); };
+    var isClosable = Boolean(event === null || event === void 0 ? void 0 : event.closable);
     if (!isOpen)
         return null;
     var DynamicComponent = getExtensionComponent(event === null || event === void 0 ? void 0 : event.action);
-    return (_jsx(Dialog, { visible: isOpen, onHide: function () { return dispatch(closePopup()); }, closable: false, style: { width: event.popupWidth ? event.popupWidth : '50vw' }, modal: true, headerClassName: 'p-0', contentClassName: 'p-0', contentStyle: { borderRadius: 6 }, className: 'solid-common-dialog', children: DynamicComponent && _jsx(DynamicComponent, __assign({}, event)) }));
+    var popupWidth = (event === null || event === void 0 ? void 0 : event.popupWidth) ? event.popupWidth : "50vw";
+    return (_jsx(SolidDialog, { open: isOpen, onOpenChange: function (open) {
+            if (!open && isClosable)
+                handleClose();
+        }, dismissible: isClosable, showHeader: false, className: "solid-popup-dialog solid-common-dialog", overlayClassName: "solid-popup-backdrop", style: { width: popupWidth }, children: DynamicComponent && _jsx(DynamicComponent, __assign({}, event)) }));
 };
 export default SolidPopupContainer;
 //# sourceMappingURL=SolidPopupContainer.js.map

package/dist/components/common/SolidPopupContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"SolidPopupContainer.js","sourceRoot":"","sources":["../../../src/components/common/SolidPopupContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AACA,gCAAgC;AAChC,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAI/D,IAAM,mBAAmB,GAAG;IAClB,IAAA,KAAoB,WAAW,CAAC,UAAC,KAAgB,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,CAAC,EAAhE,MAAM,YAAA,EAAE,KAAK,WAAmD,CAAC;IACzE,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC;IAE9D,OAAO,CACH,KAAC,MAAM,IACH,OAAO,EAAE,MAAM,EACf,MAAM,EAAE,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,CAAC,EAAtB,CAAsB,EACpC,QAAQ,EAAE,KAAK,EACf,KAAK,EAAE,EAAE,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,EAAE,EAC9D,KAAK,QACL,eAAe,EAAC,KAAK,EACrB,gBAAgB,EAAC,KAAK,EACtB,YAAY,EAAE,EAAE,YAAY,EAAE,CAAC,EAAE,EACjC,SAAS,EAAC,qBAAqB,YAE9B,gBAAgB,IAAI,KAAC,gBAAgB,eAAK,KAAK,EAAI,GAC/C,CACZ,CAAC;AACN,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["\n// components/PopupContainer.tsx\nimport { useSelector, useDispatch } from 'react-redux';\nimport { RootState } from '../../types/solid-core';\nimport { closePopup } from '../../redux/features/popupSlice';\nimport { Dialog } from 'primereact/dialog';\nimport { get } from 'lodash';\nimport { getExtensionComponent } from '../../helpers/registry';\nimport { Button } from 'primereact/button';\n\n\nconst SolidPopupContainer = () => {\n    const { isOpen, event } = useSelector((state: RootState) => state.popup);\n    const dispatch = useDispatch();\n\n    if (!isOpen) return null;\n\n    const DynamicComponent = getExtensionComponent(event?.action);\n\n    return (\n        <Dialog\n            visible={isOpen}\n            onHide={() => dispatch(closePopup())}\n            closable={false}\n            style={{ width: event.popupWidth ? event.popupWidth : '50vw' }}\n            modal\n            headerClassName='p-0'\n            contentClassName='p-0'\n            contentStyle={{ borderRadius: 6 }}\n            className='solid-common-dialog'\n        >\n            {DynamicComponent && <DynamicComponent {...event} />}\n        </Dialog>\n    );\n};\n\nexport default SolidPopupContainer;\n"]}
+{"version":3,"file":"SolidPopupContainer.js","sourceRoot":"","sources":["../../../src/components/common/SolidPopupContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAC7D,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAC/D,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC;AAE5C,IAAM,mBAAmB,GAAG;IACpB,IAAA,KAAoB,WAAW,CAAC,UAAC,KAAgB,IAAK,OAAA,KAAK,CAAC,KAAK,EAAX,CAAW,CAAC,EAAhE,MAAM,YAAA,EAAE,KAAK,WAAmD,CAAC;IACzE,IAAM,QAAQ,GAAG,WAAW,EAAE,CAAC;IAE/B,IAAM,WAAW,GAAG,cAAM,OAAA,QAAQ,CAAC,UAAU,EAAE,CAAC,EAAtB,CAAsB,CAAC;IACjD,IAAM,UAAU,GAAG,OAAO,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,CAAC,CAAC;IAE5C,IAAI,CAAC,MAAM;QAAE,OAAO,IAAI,CAAC;IAEzB,IAAM,gBAAgB,GAAG,qBAAqB,CAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,MAAM,CAAC,CAAC;IAC9D,IAAM,UAAU,GAAG,CAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,UAAU,EAAC,CAAC,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC;IAEjE,OAAO,CACL,KAAC,WAAW,IACV,IAAI,EAAE,MAAM,EACZ,YAAY,EAAE,UAAC,IAAI;YACjB,IAAI,CAAC,IAAI,IAAI,UAAU;gBAAE,WAAW,EAAE,CAAC;QACzC,CAAC,EACD,WAAW,EAAE,UAAU,EACvB,UAAU,EAAE,KAAK,EACjB,SAAS,EAAC,wCAAwC,EAClD,gBAAgB,EAAC,sBAAsB,EACvC,KAAK,EAAE,EAAE,KAAK,EAAE,UAAU,EAAE,YAE3B,gBAAgB,IAAI,KAAC,gBAAgB,eAAK,KAAK,EAAI,GACxC,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,mBAAmB,CAAC","sourcesContent":["import { useSelector, useDispatch } from \"react-redux\";\nimport { RootState } from \"../../types/solid-core\";\nimport { closePopup } from \"../../redux/features/popupSlice\";\nimport { getExtensionComponent } from \"../../helpers/registry\";\nimport { SolidDialog } from \"../shad-cn-ui\";\n\nconst SolidPopupContainer = () => {\n  const { isOpen, event } = useSelector((state: RootState) => state.popup);\n  const dispatch = useDispatch();\n\n  const handleClose = () => dispatch(closePopup());\n  const isClosable = Boolean(event?.closable);\n\n  if (!isOpen) return null;\n\n  const DynamicComponent = getExtensionComponent(event?.action);\n  const popupWidth = event?.popupWidth ? event.popupWidth : \"50vw\";\n\n  return (\n    <SolidDialog\n      open={isOpen}\n      onOpenChange={(open) => {\n        if (!open && isClosable) handleClose();\n      }}\n      dismissible={isClosable}\n      showHeader={false}\n      className=\"solid-popup-dialog solid-common-dialog\"\n      overlayClassName=\"solid-popup-backdrop\"\n      style={{ width: popupWidth }}\n    >\n      {DynamicComponent && <DynamicComponent {...event} />}\n    </SolidDialog>\n  );\n};\n\nexport default SolidPopupContainer;\n"]}

package/dist/components/common/SolidPopupContainer.tsx

@@ -1,37 +1,36 @@
-
-// components/PopupContainer.tsx
-import { useSelector, useDispatch } from 'react-redux';
-import { RootState } from '../../types/solid-core';
-import { closePopup } from '../../redux/features/popupSlice';
-import { Dialog } from 'primereact/dialog';
-import { get } from 'lodash';
-import { getExtensionComponent } from '../../helpers/registry';
-import { Button } from 'primereact/button';
-
+import { useSelector, useDispatch } from "react-redux";
+import { RootState } from "../../types/solid-core";
+import { closePopup } from "../../redux/features/popupSlice";
+import { getExtensionComponent } from "../../helpers/registry";
+import { SolidDialog } from "../shad-cn-ui";
 
 const SolidPopupContainer = () => {
-    const { isOpen, event } = useSelector((state: RootState) => state.popup);
-    const dispatch = useDispatch();
+  const { isOpen, event } = useSelector((state: RootState) => state.popup);
+  const dispatch = useDispatch();
+
+  const handleClose = () => dispatch(closePopup());
+  const isClosable = Boolean(event?.closable);
 
-    if (!isOpen) return null;
+  if (!isOpen) return null;
 
-    const DynamicComponent = getExtensionComponent(event?.action);
+  const DynamicComponent = getExtensionComponent(event?.action);
+  const popupWidth = event?.popupWidth ? event.popupWidth : "50vw";
 
-    return (
-        <Dialog
-            visible={isOpen}
-            onHide={() => dispatch(closePopup())}
-            closable={false}
-            style={{ width: event.popupWidth ? event.popupWidth : '50vw' }}
-            modal
-            headerClassName='p-0'
-            contentClassName='p-0'
-            contentStyle={{ borderRadius: 6 }}
-            className='solid-common-dialog'
-        >
-            {DynamicComponent && <DynamicComponent {...event} />}
-        </Dialog>
-    );
+  return (
+    <SolidDialog
+      open={isOpen}
+      onOpenChange={(open) => {
+        if (!open && isClosable) handleClose();
+      }}
+      dismissible={isClosable}
+      showHeader={false}
+      className="solid-popup-dialog solid-common-dialog"
+      overlayClassName="solid-popup-backdrop"
+      style={{ width: popupWidth }}
+    >
+      {DynamicComponent && <DynamicComponent {...event} />}
+    </SolidDialog>
+  );
 };
 
 export default SolidPopupContainer;

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.d.ts

@@ -0,0 +1,11 @@
+export interface ModelConfig {
+    provider: string;
+    availableProviders: any[];
+}
+interface Props {
+    config: ModelConfig;
+    onChange: (config: ModelConfig) => void;
+}
+export declare const AiModelConfigTab: ({ config, onChange }: Props) => import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=AiModelConfigTab.d.ts.map

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiModelConfigTab.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"AAIA,MAAM,WAAW,WAAW;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,kBAAkB,EAAE,GAAG,EAAE,CAAC;CAC3B;AAED,UAAU,KAAK;IACb,MAAM,EAAE,WAAW,CAAC;IACpB,QAAQ,EAAE,CAAC,MAAM,EAAE,WAAW,KAAK,IAAI,CAAC;CACzC;AAOD,eAAO,MAAM,gBAAgB,yBAA0B,KAAK,4CAwD3D,CAAC"}

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js

@@ -0,0 +1,60 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidSelect } from "../../../shad-cn-ui";
+import { OpenAiProviderComponent } from "./OpenAiProviderComponent";
+import { AnthropicProviderComponent } from "./AnthropicProviderComponent";
+var PROVIDER_OPTIONS = [
+    { label: "OpenAI", value: "openai" },
+    { label: "Anthropic", value: "anthropic" },
+];
+export var AiModelConfigTab = function (_a) {
+    var _b;
+    var config = _a.config, onChange = _a.onChange;
+    var profiles = (_b = config.availableProviders) !== null && _b !== void 0 ? _b : [];
+    var provider = config.provider;
+    var handleProviderSelect = function (value) {
+        var exists = profiles.some(function (p) { return p.provider === value; });
+        var newProfiles = exists
+            ? profiles
+            : __spreadArray(__spreadArray([], profiles, true), [{ id: Date.now().toString(), provider: value }], false);
+        onChange(__assign(__assign({}, config), { provider: value, availableProviders: newProfiles }));
+    };
+    var handleProfileUpdate = function (key, value) {
+        var _a;
+        var updatedProfiles;
+        if (profiles.some(function (p) { return p.provider === provider; })) {
+            updatedProfiles = profiles.map(function (p) {
+                var _a;
+                return p.provider === provider ? __assign(__assign({}, p), (_a = {}, _a[key] = value, _a)) : p;
+            });
+        }
+        else {
+            updatedProfiles = __spreadArray(__spreadArray([], profiles, true), [
+                (_a = { id: Date.now().toString(), provider: provider }, _a[key] = value, _a),
+            ], false);
+        }
+        onChange(__assign(__assign({}, config), { availableProviders: updatedProfiles }));
+    };
+    var currentProfile = profiles.find(function (p) { return p.provider === provider; }) || null;
+    return (_jsxs("div", { className: "ai-model-config-tab", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: provider, options: PROVIDER_OPTIONS, onChange: function (e) { return handleProviderSelect(e.value); }, placeholder: "Select Provider" })] }), provider === "openai" && (_jsx(OpenAiProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate })), provider === "anthropic" && (_jsx(AnthropicProviderComponent, { profile: currentProfile, onUpdate: handleProfileUpdate }))] }));
+};
+//# sourceMappingURL=AiModelConfigTab.js.map

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AiModelConfigTab.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx"],"names":[],"mappings":"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","sourcesContent":["import { SolidSelect } from \"../../../shad-cn-ui\";\nimport { OpenAiProviderComponent } from \"./OpenAiProviderComponent\";\nimport { AnthropicProviderComponent } from \"./AnthropicProviderComponent\";\n\nexport interface ModelConfig {\n  provider: string;\n  availableProviders: any[];\n}\n\ninterface Props {\n  config: ModelConfig;\n  onChange: (config: ModelConfig) => void;\n}\n\nconst PROVIDER_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n];\n\nexport const AiModelConfigTab = ({ config, onChange }: Props) => {\n  const profiles = config.availableProviders ?? [];\n  const provider = config.provider;\n\n  const handleProviderSelect = (value: string) => {\n    const exists = profiles.some((p: any) => p.provider === value);\n    const newProfiles = exists\n      ? profiles\n      : [...profiles, { id: Date.now().toString(), provider: value }];\n    onChange({ ...config, provider: value, availableProviders: newProfiles });\n  };\n\n  const handleProfileUpdate = (key: string, value: string) => {\n    let updatedProfiles: any[];\n    if (profiles.some((p: any) => p.provider === provider)) {\n      updatedProfiles = profiles.map((p: any) =>\n        p.provider === provider ? { ...p, [key]: value } : p\n      );\n    } else {\n      updatedProfiles = [\n        ...profiles,\n        { id: Date.now().toString(), provider, [key]: value },\n      ];\n    }\n    onChange({ ...config, availableProviders: updatedProfiles });\n  };\n\n  const currentProfile =\n    profiles.find((p: any) => p.provider === provider) || null;\n\n  return (\n    <div className=\"ai-model-config-tab\">\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Provider</label>\n        <SolidSelect\n          className=\"w-full\"\n          value={provider}\n          options={PROVIDER_OPTIONS}\n          onChange={(e) => handleProviderSelect(e.value)}\n          placeholder=\"Select Provider\"\n        />\n      </div>\n      {provider === \"openai\" && (\n        <OpenAiProviderComponent\n          profile={currentProfile}\n          onUpdate={handleProfileUpdate}\n        />\n      )}\n      {provider === \"anthropic\" && (\n        <AnthropicProviderComponent\n          profile={currentProfile}\n          onUpdate={handleProfileUpdate}\n        />\n      )}\n    </div>\n  );\n};\n"]}

package/dist/components/common/SolidSettings/LlmSettings/AiModelConfigTab.tsx

@@ -0,0 +1,76 @@
+import { SolidSelect } from "../../../shad-cn-ui";
+import { OpenAiProviderComponent } from "./OpenAiProviderComponent";
+import { AnthropicProviderComponent } from "./AnthropicProviderComponent";
+
+export interface ModelConfig {
+  provider: string;
+  availableProviders: any[];
+}
+
+interface Props {
+  config: ModelConfig;
+  onChange: (config: ModelConfig) => void;
+}
+
+const PROVIDER_OPTIONS = [
+  { label: "OpenAI", value: "openai" },
+  { label: "Anthropic", value: "anthropic" },
+];
+
+export const AiModelConfigTab = ({ config, onChange }: Props) => {
+  const profiles = config.availableProviders ?? [];
+  const provider = config.provider;
+
+  const handleProviderSelect = (value: string) => {
+    const exists = profiles.some((p: any) => p.provider === value);
+    const newProfiles = exists
+      ? profiles
+      : [...profiles, { id: Date.now().toString(), provider: value }];
+    onChange({ ...config, provider: value, availableProviders: newProfiles });
+  };
+
+  const handleProfileUpdate = (key: string, value: string) => {
+    let updatedProfiles: any[];
+    if (profiles.some((p: any) => p.provider === provider)) {
+      updatedProfiles = profiles.map((p: any) =>
+        p.provider === provider ? { ...p, [key]: value } : p
+      );
+    } else {
+      updatedProfiles = [
+        ...profiles,
+        { id: Date.now().toString(), provider, [key]: value },
+      ];
+    }
+    onChange({ ...config, availableProviders: updatedProfiles });
+  };
+
+  const currentProfile =
+    profiles.find((p: any) => p.provider === provider) || null;
+
+  return (
+    <div className="ai-model-config-tab">
+      <div className="flex flex-column gap-2">
+        <label className="form-field-label">Provider</label>
+        <SolidSelect
+          className="w-full"
+          value={provider}
+          options={PROVIDER_OPTIONS}
+          onChange={(e) => handleProviderSelect(e.value)}
+          placeholder="Select Provider"
+        />
+      </div>
+      {provider === "openai" && (
+        <OpenAiProviderComponent
+          profile={currentProfile}
+          onUpdate={handleProfileUpdate}
+        />
+      )}
+      {provider === "anthropic" && (
+        <AnthropicProviderComponent
+          profile={currentProfile}
+          onUpdate={handleProfileUpdate}
+        />
+      )}
+    </div>
+  );
+};

package/dist/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AnthropicProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":"AAGA,eAAO,MAAM,0BAA0B,0BAA2B,GAAG,4CAyCpE,CAAC"}
+{"version":3,"file":"AnthropicProviderComponent.d.ts","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":"AAEA,eAAO,MAAM,0BAA0B,0BAA2B,GAAG,4CAgCpE,CAAC"}

package/dist/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.js

@@ -1,8 +1,7 @@
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { InputText } from "primereact/inputtext";
-import { Password } from "primereact/password";
+import { SolidInput, SolidPasswordInput } from "../../../shad-cn-ui";
 export var AnthropicProviderComponent = function (_a) {
     var profile = _a.profile, onUpdate = _a.onUpdate;
-    return (_jsx("div", { className: "grid", children: _jsxs("div", { className: "field col-12 md:col-6 pl-3", children: [_jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Base URL" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Api Key" }), _jsx(Password, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggleMask: true, feedback: false, inputClassName: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2 mt-3", children: [_jsx("label", { htmlFor: "displayName", className: "form-field-label", children: "Model Name" }), _jsx(InputText, { value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }) }));
+    return (_jsxs("div", { className: "flex flex-column gap-4 mt-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://api.provider.com", value: (profile === null || profile === void 0 ? void 0 : profile.baseUrl) || "", onChange: function (e) { return onUpdate("baseUrl", e.target.value); }, className: "w-full" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidPasswordInput, { className: "w-full", value: (profile === null || profile === void 0 ? void 0 : profile.apiKey) || "", onChange: function (e) { return onUpdate("apiKey", e.target.value); }, toggle: true })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Model Name" }), _jsx(SolidInput, { placeholder: "e.g. claude-3-haiku", value: (profile === null || profile === void 0 ? void 0 : profile.modelName) || "", onChange: function (e) { return onUpdate("modelName", e.target.value); }, className: "w-full" })] })] }));
 };
 //# sourceMappingURL=AnthropicProviderComponent.js.map

package/dist/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"AnthropicProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAC;AACjD,OAAO,EAAE,QAAQ,EAAE,MAAM,qBAAqB,CAAC;AAE/C,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC5D,OAAO,CACL,cAAK,SAAS,EAAC,MAAM,YACnB,eAAK,SAAS,EAAC,4BAA4B,aACzC,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,yBAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EAEN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,wBAEjD,EACR,KAAC,QAAQ,IACP,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,UAAU,QACV,QAAQ,EAAE,KAAK,EACf,cAAc,EAAC,QAAQ,GACvB,IACE,EACN,eAAK,SAAS,EAAC,6BAA6B,aAC1C,gBAAO,OAAO,EAAC,aAAa,EAAC,SAAS,EAAC,kBAAkB,2BAEjD,EACR,KAAC,SAAS,IACR,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,GACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { InputText } from \"primereact/inputtext\";\nimport { Password } from \"primereact/password\";\n\nexport const AnthropicProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"grid\">\n      <div className=\"field col-12 md:col-6 pl-3\">\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Base URL\n          </label>\n          <InputText\n            value={profile?.baseUrl || \"\"}\n            onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Api Key\n          </label>\n          <Password\n            className=\"w-full\"\n            value={profile?.apiKey || \"\"}\n            onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n            toggleMask\n            feedback={false}\n            inputClassName=\"w-full\"\n          />\n        </div>\n        <div className=\"flex flex-column gap-2 mt-3\">\n          <label htmlFor=\"displayName\" className=\"form-field-label\">\n            Model Name\n          </label>\n          <InputText\n            value={profile?.modelName || \"\"}\n            onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n            className=\"w-full\"\n          />\n        </div>\n      </div>\n    </div>\n  );\n};\n"]}
+{"version":3,"file":"AnthropicProviderComponent.js","sourceRoot":"","sources":["../../../../../src/components/common/SolidSettings/LlmSettings/AnthropicProviderComponent.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,UAAU,EAAE,kBAAkB,EAAE,MAAM,qBAAqB,CAAC;AAErE,MAAM,CAAC,IAAM,0BAA0B,GAAG,UAAC,EAA0B;QAAxB,OAAO,aAAA,EAAE,QAAQ,cAAA;IAC5D,OAAO,CACL,eAAK,SAAS,EAAC,6BAA6B,aAC1C,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,yBAAiB,EACpD,KAAC,UAAU,IACT,WAAW,EAAC,0BAA0B,EACtC,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,KAAI,EAAE,EAC7B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,SAAS,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAnC,CAAmC,EACpD,SAAS,EAAC,QAAQ,GAClB,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,wBAAgB,EACnD,KAAC,kBAAkB,IACjB,SAAS,EAAC,QAAQ,EAClB,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,MAAM,KAAI,EAAE,EAC5B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,QAAQ,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,EACnD,MAAM,SACN,IACE,EACN,eAAK,SAAS,EAAC,wBAAwB,aACrC,gBAAO,SAAS,EAAC,kBAAkB,2BAAmB,EACtD,KAAC,UAAU,IACT,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,SAAS,KAAI,EAAE,EAC/B,QAAQ,EAAE,UAAC,CAAC,IAAK,OAAA,QAAQ,CAAC,WAAW,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,EAArC,CAAqC,EACtD,SAAS,EAAC,QAAQ,GAClB,IACE,IACF,CACP,CAAC;AACJ,CAAC,CAAC","sourcesContent":["import { SolidInput, SolidPasswordInput } from \"../../../shad-cn-ui\";\n\nexport const AnthropicProviderComponent = ({ profile, onUpdate }: any) => {\n  return (\n    <div className=\"flex flex-column gap-4 mt-3\">\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Base URL</label>\n        <SolidInput\n          placeholder=\"https://api.provider.com\"\n          value={profile?.baseUrl || \"\"}\n          onChange={(e) => onUpdate(\"baseUrl\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">API Key</label>\n        <SolidPasswordInput\n          className=\"w-full\"\n          value={profile?.apiKey || \"\"}\n          onChange={(e) => onUpdate(\"apiKey\", e.target.value)}\n          toggle\n        />\n      </div>\n      <div className=\"flex flex-column gap-2\">\n        <label className=\"form-field-label\">Model Name</label>\n        <SolidInput\n          placeholder=\"e.g. claude-3-haiku\"\n          value={profile?.modelName || \"\"}\n          onChange={(e) => onUpdate(\"modelName\", e.target.value)}\n          className=\"w-full\"\n        />\n      </div>\n    </div>\n  );\n};\n"]}