@solidxai/core-ui 0.1.7-beta.0 → 0.1.7-beta.10

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,33 @@
+export interface ModelBehavior {
+    streaming: boolean;
+    custom: string;
+}
+export interface ProviderConfig {
+    provider: string;
+    apiKey: string;
+    model: string;
+    baseUrl?: string;
+}
+export interface ModelEntry {
+    providerKey: string;
+    behavior: ModelBehavior;
+}
+export interface SolidAiConfig {
+    models: {
+        default: ModelEntry;
+        fast: ModelEntry;
+    };
+    providers: Record<string, ProviderConfig>;
+}
+interface Props {
+    providerKey: string;
+    providerConfig: ProviderConfig;
+    behavior: ModelBehavior;
+    allProviders: Record<string, ProviderConfig>;
+    onProviderKeyChange: (newProviderKey: string, config: ProviderConfig) => void;
+    onProviderConfigChange: (providerKey: string, config: ProviderConfig) => void;
+    onBehaviorChange: (behavior: ModelBehavior) => void;
+}
+export declare const AiModelConfigTab: ({ providerKey, providerConfig, behavior, allProviders, onProviderKeyChange, onProviderConfigChange, onBehaviorChange, }: 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":"AAGA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,MAAM,CAAC;IACjB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;IACd,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,WAAW,EAAE,MAAM,CAAC;IACpB,QAAQ,EAAE,aAAa,CAAC;CACzB;AAED,MAAM,WAAW,aAAa;IAC5B,MAAM,EAAE;QACN,OAAO,EAAE,UAAU,CAAC;QACpB,IAAI,EAAE,UAAU,CAAC;KAClB,CAAC;IACF,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;CAC3C;AAED,UAAU,KAAK;IACb,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,cAAc,CAAC;IAC/B,QAAQ,EAAE,aAAa,CAAC;IACxB,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,CAAC;IAC7C,mBAAmB,EAAE,CAAC,cAAc,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9E,sBAAsB,EAAE,CAAC,WAAW,EAAE,MAAM,EAAE,MAAM,EAAE,cAAc,KAAK,IAAI,CAAC;IAC9E,gBAAgB,EAAE,CAAC,QAAQ,EAAE,aAAa,KAAK,IAAI,CAAC;CACrD;AAkBD,eAAO,MAAM,gBAAgB,4HAQ1B,KAAK,4CA4FP,CAAC"}

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

@@ -0,0 +1,48 @@
+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);
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SolidInput, SolidSelect, SolidSwitch, SolidTextarea } from "../../../shad-cn-ui";
+var PROVIDER_OPTIONS = [
+    { label: "OpenAI", value: "openai" },
+    { label: "Anthropic", value: "anthropic" },
+    { label: "OpenAI Compatible", value: "openai-compatible" },
+    { label: "Anthropic Compatible", value: "anthropic-compatible" },
+];
+var COMPATIBLE_PROVIDERS = ["openai-compatible", "anthropic-compatible"];
+var DEFAULT_PROVIDER_CONFIGS = {
+    openai: { provider: "openai", apiKey: "", model: "" },
+    anthropic: { provider: "anthropic", apiKey: "", model: "" },
+    "openai-compatible": { provider: "openai-compatible", apiKey: "", model: "", baseUrl: "" },
+    "anthropic-compatible": { provider: "anthropic-compatible", apiKey: "", model: "", baseUrl: "" },
+};
+export var AiModelConfigTab = function (_a) {
+    var providerKey = _a.providerKey, providerConfig = _a.providerConfig, behavior = _a.behavior, allProviders = _a.allProviders, onProviderKeyChange = _a.onProviderKeyChange, onProviderConfigChange = _a.onProviderConfigChange, onBehaviorChange = _a.onBehaviorChange;
+    var isCompatible = COMPATIBLE_PROVIDERS.includes(providerKey);
+    var handleProviderSelect = function (value) {
+        var _a;
+        var existingConfig = allProviders[value];
+        var newConfig = (_a = existingConfig !== null && existingConfig !== void 0 ? existingConfig : DEFAULT_PROVIDER_CONFIGS[value]) !== null && _a !== void 0 ? _a : { provider: value, apiKey: "", model: "" };
+        onProviderKeyChange(value, newConfig);
+    };
+    var handleConfigUpdate = function (key, value) {
+        var _a;
+        onProviderConfigChange(providerKey, __assign(__assign({}, providerConfig), (_a = {}, _a[key] = value, _a)));
+    };
+    var cardStyle = {
+        border: "1px solid var(--solid-border-color, #e2e8f0)",
+        borderRadius: "0.5rem",
+        padding: "1.25rem",
+        background: "var(--solid-card-bg, var(--solid-surface-bg, transparent))",
+    };
+    return (_jsxs("div", { className: "flex flex-column gap-4", children: [_jsxs("div", { style: cardStyle, children: [_jsx("p", { className: "solid-settings-subheading", children: "Provider Config" }), _jsxs("div", { className: "flex flex-column gap-3 mt-3", children: [_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: providerKey, options: PROVIDER_OPTIONS, onChange: function (e) { return handleProviderSelect(e.value); }, placeholder: "Select Provider" })] }), isCompatible && (_jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "http://localhost:8000", value: (providerConfig === null || providerConfig === void 0 ? void 0 : providerConfig.baseUrl) || "", onChange: function (e) { return handleConfigUpdate("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(SolidInput, { type: "password", className: "w-full", value: (providerConfig === null || providerConfig === void 0 ? void 0 : providerConfig.apiKey) || "", onChange: function (e) { return handleConfigUpdate("apiKey", e.target.value); } })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SolidInput, { placeholder: "e.g. gpt-4o-mini", value: (providerConfig === null || providerConfig === void 0 ? void 0 : providerConfig.model) || "", onChange: function (e) { return handleConfigUpdate("model", e.target.value); }, className: "w-full" })] })] })] }), _jsxs("div", { style: cardStyle, children: [_jsx("p", { className: "solid-settings-subheading", children: "Behavior" }), _jsxs("div", { className: "flex flex-column gap-3 mt-3", children: [_jsxs("div", { className: "flex align-items-center gap-2", children: [_jsx(SolidSwitch, { checked: behavior.streaming, onChange: function (val) { return onBehaviorChange(__assign(__assign({}, behavior), { streaming: val })); } }), _jsx("label", { className: "form-field-label", style: { marginBottom: 0 }, children: "Streaming" })] }), _jsxs("div", { className: "flex flex-column gap-2", children: [_jsx("label", { className: "form-field-label", children: "Custom Params (JSON)" }), _jsx(SolidTextarea, { value: behavior.custom, onChange: function (e) { return onBehaviorChange(__assign(__assign({}, behavior), { custom: e.target.value })); }, placeholder: '{ "temperature": 0.7, "maxTokens": 1000 }', rows: 4, className: "w-full" })] })] })] })] }));
+};
+//# 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 React from \"react\";\nimport { SolidInput, SolidSelect, SolidSwitch, SolidTextarea } from \"../../../shad-cn-ui\";\n\nexport interface ModelBehavior {\n  streaming: boolean;\n  custom: string;\n}\n\nexport interface ProviderConfig {\n  provider: string;\n  apiKey: string;\n  model: string;\n  baseUrl?: string;\n}\n\nexport interface ModelEntry {\n  providerKey: string;\n  behavior: ModelBehavior;\n}\n\nexport interface SolidAiConfig {\n  models: {\n    default: ModelEntry;\n    fast: ModelEntry;\n  };\n  providers: Record<string, ProviderConfig>;\n}\n\ninterface Props {\n  providerKey: string;\n  providerConfig: ProviderConfig;\n  behavior: ModelBehavior;\n  allProviders: Record<string, ProviderConfig>;\n  onProviderKeyChange: (newProviderKey: string, config: ProviderConfig) => void;\n  onProviderConfigChange: (providerKey: string, config: ProviderConfig) => void;\n  onBehaviorChange: (behavior: ModelBehavior) => void;\n}\n\nconst PROVIDER_OPTIONS = [\n  { label: \"OpenAI\", value: \"openai\" },\n  { label: \"Anthropic\", value: \"anthropic\" },\n  { label: \"OpenAI Compatible\", value: \"openai-compatible\" },\n  { label: \"Anthropic Compatible\", value: \"anthropic-compatible\" },\n];\n\nconst COMPATIBLE_PROVIDERS = [\"openai-compatible\", \"anthropic-compatible\"];\n\nconst DEFAULT_PROVIDER_CONFIGS: Record<string, ProviderConfig> = {\n  openai: { provider: \"openai\", apiKey: \"\", model: \"\" },\n  anthropic: { provider: \"anthropic\", apiKey: \"\", model: \"\" },\n  \"openai-compatible\": { provider: \"openai-compatible\", apiKey: \"\", model: \"\", baseUrl: \"\" },\n  \"anthropic-compatible\": { provider: \"anthropic-compatible\", apiKey: \"\", model: \"\", baseUrl: \"\" },\n};\n\nexport const AiModelConfigTab = ({\n  providerKey,\n  providerConfig,\n  behavior,\n  allProviders,\n  onProviderKeyChange,\n  onProviderConfigChange,\n  onBehaviorChange,\n}: Props) => {\n  const isCompatible = COMPATIBLE_PROVIDERS.includes(providerKey);\n\n  const handleProviderSelect = (value: string) => {\n    const existingConfig = allProviders[value];\n    const newConfig = existingConfig ?? DEFAULT_PROVIDER_CONFIGS[value] ?? { provider: value, apiKey: \"\", model: \"\" };\n    onProviderKeyChange(value, newConfig);\n  };\n\n  const handleConfigUpdate = (key: keyof ProviderConfig, value: string) => {\n    onProviderConfigChange(providerKey, { ...providerConfig, [key]: value });\n  };\n\n  const cardStyle: React.CSSProperties = {\n    border: \"1px solid var(--solid-border-color, #e2e8f0)\",\n    borderRadius: \"0.5rem\",\n    padding: \"1.25rem\",\n    background: \"var(--solid-card-bg, var(--solid-surface-bg, transparent))\",\n  };\n\n  return (\n    <div className=\"flex flex-column gap-4\">\n      <div style={cardStyle}>\n        <p className=\"solid-settings-subheading\">Provider Config</p>\n        <div className=\"flex flex-column gap-3 mt-3\">\n          <div className=\"flex flex-column gap-2\">\n            <label className=\"form-field-label\">Provider</label>\n            <SolidSelect\n              className=\"w-full\"\n              value={providerKey}\n              options={PROVIDER_OPTIONS}\n              onChange={(e) => handleProviderSelect(e.value)}\n              placeholder=\"Select Provider\"\n            />\n          </div>\n          {isCompatible && (\n            <div className=\"flex flex-column gap-2\">\n              <label className=\"form-field-label\">Base URL</label>\n              <SolidInput\n                placeholder=\"http://localhost:8000\"\n                value={providerConfig?.baseUrl || \"\"}\n                onChange={(e) => handleConfigUpdate(\"baseUrl\", e.target.value)}\n                className=\"w-full\"\n              />\n            </div>\n          )}\n          <div className=\"flex flex-column gap-2\">\n            <label className=\"form-field-label\">API Key</label>\n            <SolidInput\n              type=\"password\"\n              className=\"w-full\"\n              value={providerConfig?.apiKey || \"\"}\n              onChange={(e) => handleConfigUpdate(\"apiKey\", e.target.value)}\n            />\n          </div>\n          <div className=\"flex flex-column gap-2\">\n            <label className=\"form-field-label\">Model</label>\n            <SolidInput\n              placeholder=\"e.g. gpt-4o-mini\"\n              value={providerConfig?.model || \"\"}\n              onChange={(e) => handleConfigUpdate(\"model\", e.target.value)}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n      <div style={cardStyle}>\n        <p className=\"solid-settings-subheading\">Behavior</p>\n        <div className=\"flex flex-column gap-3 mt-3\">\n          <div className=\"flex align-items-center gap-2\">\n            <SolidSwitch\n              checked={behavior.streaming}\n              onChange={(val) => onBehaviorChange({ ...behavior, streaming: val })}\n            />\n            <label className=\"form-field-label\" style={{ marginBottom: 0 }}>Streaming</label>\n          </div>\n          <div className=\"flex flex-column gap-2\">\n            <label className=\"form-field-label\">Custom Params (JSON)</label>\n            <SolidTextarea\n              value={behavior.custom}\n              onChange={(e) => onBehaviorChange({ ...behavior, custom: e.target.value })}\n              placeholder='{ \"temperature\": 0.7, \"maxTokens\": 1000 }'\n              rows={4}\n              className=\"w-full\"\n            />\n          </div>\n        </div>\n      </div>\n\n    </div>\n  );\n};\n"]}