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

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,37 @@
+export interface ModelBehavior {
+    streaming: boolean;
+    custom: string;
+}
+export interface ProviderEntry {
+    type: string;
+    apiKey: string;
+    baseUrl?: string;
+}
+export interface ModelEntry {
+    providerId: string;
+    model: string;
+    behavior: ModelBehavior;
+}
+export interface SolidAiConfig {
+    models: {
+        default: ModelEntry;
+        fast: ModelEntry;
+    };
+    providers: Record<string, ProviderEntry>;
+}
+export declare const ensureBuiltInProviders: (providers: Record<string, ProviderEntry>) => Record<string, ProviderEntry>;
+interface ProvidersTabProps {
+    providers: Record<string, ProviderEntry>;
+    onProvidersChange: (providers: Record<string, ProviderEntry>) => void;
+    showAddModal?: boolean;
+    onAddModalClose?: () => void;
+}
+export declare const ProvidersTab: ({ providers, onProvidersChange, showAddModal, onAddModalClose }: ProvidersTabProps) => import("react/jsx-runtime").JSX.Element;
+interface ModelConfigTabProps {
+    modelEntry: ModelEntry;
+    providers: Record<string, ProviderEntry>;
+    onModelEntryChange: (entry: ModelEntry) => void;
+}
+export declare const ModelConfigTab: ({ modelEntry, providers, onModelEntryChange }: ModelConfigTabProps) => 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":"AAeA,MAAM,WAAW,aAAa;IAC5B,SAAS,EAAE,OAAO,CAAC;IACnB,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,aAAa;IAC5B,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB;AAED,MAAM,WAAW,UAAU;IACzB,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,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,aAAa,CAAC,CAAC;CAC1C;AAmBD,eAAO,MAAM,sBAAsB,cAAe,OAAO,MAAM,EAAE,aAAa,CAAC,KAAG,OAAO,MAAM,EAAE,aAAa,CAG5G,CAAC;AA+KH,UAAU,iBAAiB;IACzB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,KAAK,IAAI,CAAC;IACtE,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,eAAe,CAAC,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,eAAO,MAAM,YAAY,oEAAqE,iBAAiB,4CA+E9G,CAAC;AAIF,UAAU,mBAAmB;IAC3B,UAAU,EAAE,UAAU,CAAC;IACvB,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,aAAa,CAAC,CAAC;IACzC,kBAAkB,EAAE,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACjD;AAED,eAAO,MAAM,cAAc,kDAAmD,mBAAmB,4CA8DhG,CAAC"}

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

@@ -0,0 +1,152 @@
+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, Fragment as _Fragment } from "react/jsx-runtime";
+import React, { useState } from "react";
+import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogFooter, SolidDialogHeader, SolidDialogTitle, SolidInput, SolidSelect, SolidSwitch, SolidTextarea, } from "../../../shad-cn-ui";
+var PROVIDER_TYPE_OPTIONS = [
+    { label: "OpenAI", value: "openai" },
+    { label: "Anthropic", value: "anthropic" },
+    { label: "OpenAI Compatible", value: "openai-compatible" },
+    { label: "Anthropic Compatible", value: "anthropic-compatible" },
+];
+var COMPATIBLE_TYPES = ["openai-compatible", "anthropic-compatible"];
+var BUILT_IN_TYPES = ["openai", "anthropic"];
+var DEFAULT_BUILT_IN_PROVIDERS = {
+    openai: { type: "openai", apiKey: "" },
+    anthropic: { type: "anthropic", apiKey: "" },
+};
+export var ensureBuiltInProviders = function (providers) { return (__assign(__assign({}, DEFAULT_BUILT_IN_PROVIDERS), providers)); };
+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))",
+};
+var ProviderModal = function (_a) {
+    var _b, _c, _d, _e;
+    var visible = _a.visible, onHide = _a.onHide, providers = _a.providers, onProvidersChange = _a.onProvidersChange, editKey = _a.editKey;
+    var isEdit = !!editKey;
+    var existingEntry = isEdit ? providers[editKey] : null;
+    var _f = useState((_b = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.type) !== null && _b !== void 0 ? _b : ""), providerType = _f[0], setProviderType = _f[1];
+    var _g = useState(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : ""), providerName = _g[0], setProviderName = _g[1];
+    var _h = useState((_c = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.baseUrl) !== null && _c !== void 0 ? _c : ""), providerBaseUrl = _h[0], setProviderBaseUrl = _h[1];
+    var _j = useState((_d = existingEntry === null || existingEntry === void 0 ? void 0 : existingEntry.apiKey) !== null && _d !== void 0 ? _d : ""), providerApiKey = _j[0], setProviderApiKey = _j[1];
+    var isCompatible = COMPATIBLE_TYPES.includes(providerType);
+    // Reset state when modal opens with new data
+    React.useEffect(function () {
+        var _a, _b, _c;
+        if (visible) {
+            var entry = editKey ? providers[editKey] : null;
+            setProviderType((_a = entry === null || entry === void 0 ? void 0 : entry.type) !== null && _a !== void 0 ? _a : "");
+            setProviderName(editKey && !BUILT_IN_TYPES.includes(editKey) ? editKey : "");
+            setProviderBaseUrl((_b = entry === null || entry === void 0 ? void 0 : entry.baseUrl) !== null && _b !== void 0 ? _b : "");
+            setProviderApiKey((_c = entry === null || entry === void 0 ? void 0 : entry.apiKey) !== null && _c !== void 0 ? _c : "");
+        }
+    }, [visible, editKey]);
+    // In add mode, only show compatible types (built-ins are always pre-added)
+    // In edit mode, show all types but lock the value
+    var typeOptions = isEdit
+        ? PROVIDER_TYPE_OPTIONS
+        : PROVIDER_TYPE_OPTIONS.filter(function (opt) { return COMPATIBLE_TYPES.includes(opt.value); });
+    var handleSave = function () {
+        if (!providerType)
+            return;
+        var key;
+        var entry = { type: providerType, apiKey: providerApiKey };
+        if (isCompatible) {
+            if (!providerName.trim())
+                return;
+            key = providerName.trim();
+            entry.baseUrl = providerBaseUrl;
+        }
+        else {
+            key = providerType;
+        }
+        // In add mode, don't overwrite existing
+        if (!isEdit && providers[key])
+            return;
+        var next = __assign({}, providers);
+        // If editing and key changed (shouldn't happen for built-in), remove old
+        if (isEdit && editKey !== key) {
+            delete next[editKey];
+        }
+        next[key] = entry;
+        onProvidersChange(next);
+        onHide();
+    };
+    var handleRemove = function () {
+        if (!editKey)
+            return;
+        var next = __assign({}, providers);
+        delete next[editKey];
+        onProvidersChange(next);
+        onHide();
+    };
+    var canSave = providerType && (isCompatible ? providerName.trim() : true);
+    return (_jsxs(SolidDialog, { open: visible, onOpenChange: function (open) { return !open && onHide(); }, style: { width: "500px" }, children: [_jsx(SolidDialogHeader, { children: _jsx(SolidDialogTitle, { children: isEdit
+                        ? "Edit Provider \u2014 ".concat(BUILT_IN_TYPES.includes(editKey) ? (_e = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === editKey; })) === null || _e === void 0 ? void 0 : _e.label : editKey)
+                        : "Add Provider" }) }), _jsx(SolidDialogBody, { children: _jsxs("div", { className: "flex flex-column gap-3", children: [!(isEdit && BUILT_IN_TYPES.includes(editKey)) && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider Type" }), _jsx(SolidSelect, { className: "w-full", value: providerType, options: typeOptions, onChange: function (e) {
+                                        setProviderType(e.value);
+                                        if (!isEdit) {
+                                            setProviderName("");
+                                            setProviderBaseUrl("");
+                                        }
+                                    }, placeholder: "Select Provider Type", disabled: isEdit })] })), isCompatible && (_jsxs(_Fragment, { children: [!isEdit && (_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Name (unique identifier)" }), _jsx(SolidInput, { placeholder: "e.g. openrouter, together-ai", value: providerName, onChange: function (e) { return setProviderName(e.target.value); }, className: "w-full" })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Base URL" }), _jsx(SolidInput, { placeholder: "https://openrouter.ai/api/v1", value: providerBaseUrl, onChange: function (e) { return setProviderBaseUrl(e.target.value); }, className: "w-full" })] })] })), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "API Key" }), _jsx(SolidInput, { type: "password", value: providerApiKey, onChange: function (e) { return setProviderApiKey(e.target.value); }, className: "w-full" })] })] }) }), _jsx(SolidDialogFooter, { children: _jsxs("div", { className: "flex justify-content-between w-full", children: [_jsx("div", { children: isEdit && !BUILT_IN_TYPES.includes(editKey) && (_jsx(SolidButton, { variant: "ghost", onClick: handleRemove, style: { color: "var(--solid-danger-color, #ef4444)" }, children: "Remove" })) }), _jsxs("div", { className: "flex gap-2", children: [_jsx(SolidButton, { variant: "outline", onClick: onHide, children: "Cancel" }), _jsx(SolidButton, { onClick: handleSave, disabled: !canSave, children: isEdit ? "Save" : "Add" })] })] }) })] }));
+};
+export var ProvidersTab = function (_a) {
+    var providers = _a.providers, onProvidersChange = _a.onProvidersChange, showAddModal = _a.showAddModal, onAddModalClose = _a.onAddModalClose;
+    var _b = useState(null), editKey = _b[0], setEditKey = _b[1];
+    var _c = useState(false), modalVisible = _c[0], setModalVisible = _c[1];
+    // Ensure built-in providers are always present
+    var allProviders = ensureBuiltInProviders(providers);
+    // Open modal when parent triggers add
+    React.useEffect(function () {
+        if (showAddModal) {
+            setEditKey(null);
+            setModalVisible(true);
+        }
+    }, [showAddModal]);
+    var providerEntries = Object.entries(allProviders);
+    var handleRowClick = function (key) {
+        setEditKey(key);
+        setModalVisible(true);
+    };
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "solid-simple-table", children: _jsxs("table", { style: { width: "100%" }, children: [_jsx("thead", { children: _jsxs("tr", { children: [_jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Name" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Type" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "API Key" }), _jsx("th", { style: { textAlign: "left", padding: "0.75rem 1rem" }, children: "Base URL" })] }) }), _jsxs("tbody", { children: [providerEntries.length === 0 && (_jsx("tr", { children: _jsx("td", { colSpan: 4, style: { textAlign: "center", padding: "2rem 1rem", opacity: 0.5 }, children: "No providers configured." }) })), providerEntries.map(function (_a) {
+                                    var _b, _c;
+                                    var key = _a[0], entry = _a[1];
+                                    var typeLabel = (_c = (_b = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === entry.type; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : entry.type;
+                                    var isBuiltIn = BUILT_IN_TYPES.includes(key);
+                                    var displayName = isBuiltIn ? typeLabel : key;
+                                    var maskedKey = entry.apiKey ? "\u2022".repeat(Math.min(entry.apiKey.length, 8)) : "-";
+                                    return (_jsxs("tr", { onClick: function () { return handleRowClick(key); }, style: { cursor: "pointer" }, className: "solid-table-row-hover", children: [_jsx("td", { style: { padding: "0.75rem 1rem", fontWeight: 500 }, children: displayName }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: typeLabel }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: maskedKey }), _jsx("td", { style: { padding: "0.75rem 1rem" }, children: entry.baseUrl || "-" })] }, key));
+                                })] })] }) }), _jsx(ProviderModal, { visible: modalVisible, onHide: function () {
+                    setModalVisible(false);
+                    setEditKey(null);
+                    onAddModalClose === null || onAddModalClose === void 0 ? void 0 : onAddModalClose();
+                }, providers: allProviders, onProvidersChange: onProvidersChange, editKey: editKey })] }));
+};
+export var ModelConfigTab = function (_a) {
+    var modelEntry = _a.modelEntry, providers = _a.providers, onModelEntryChange = _a.onModelEntryChange;
+    var providerOptions = Object.entries(providers).map(function (_a) {
+        var _b, _c;
+        var key = _a[0], entry = _a[1];
+        var typeLabel = (_c = (_b = PROVIDER_TYPE_OPTIONS.find(function (o) { return o.value === entry.type; })) === null || _b === void 0 ? void 0 : _b.label) !== null && _c !== void 0 ? _c : entry.type;
+        var label = BUILT_IN_TYPES.includes(key) ? typeLabel : "".concat(key, " (").concat(typeLabel, ")");
+        return { label: label, value: key };
+    });
+    return (_jsxs("div", { className: "flex flex-column gap-4", children: [_jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), children: [_jsx("p", { className: "solid-settings-subheading", children: "Model Config" }), _jsxs("div", { className: "flex flex-column gap-3 mt-3", children: [_jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Provider" }), _jsx(SolidSelect, { className: "w-full", value: modelEntry.providerId, options: providerOptions, onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { providerId: e.value })); }, placeholder: "Select Provider" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Model" }), _jsx(SolidInput, { placeholder: "e.g. gpt-4o-mini", value: modelEntry.model || "", onChange: function (e) { return onModelEntryChange(__assign(__assign({}, modelEntry), { model: e.target.value })); }, className: "w-full" })] })] })] }), _jsxs("div", { style: __assign(__assign({}, cardStyle), { width: "50%" }), 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: modelEntry.behavior.streaming, onChange: function (val) {
+                                            return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { streaming: val }) }));
+                                        } }), _jsx("label", { className: "form-field-label", style: { marginBottom: 0 }, children: "Streaming" })] }), _jsxs("div", { children: [_jsx("label", { className: "form-field-label", children: "Custom Params (JSON)" }), _jsx(SolidTextarea, { value: modelEntry.behavior.custom, onChange: function (e) {
+                                            return onModelEntryChange(__assign(__assign({}, modelEntry), { behavior: __assign(__assign({}, modelEntry.behavior), { custom: e.target.value }) }));
+                                        }, placeholder: '{ "temperature": 0.7, "maxTokens": 1000 }', rows: 4, className: "w-full" })] })] })] })] }));
+};
+//# sourceMappingURL=AiModelConfigTab.js.map