@solidxai/core-ui 0.1.12-beta.6 → 0.1.12-beta.8

package/dist/routes/pages/admin/core/DatasourcesPage.css

@@ -272,6 +272,21 @@
   background: color-mix(in srgb, var(--card) 96%, white 4%);
 }
 
+.sdm-switch {
+  min-width: 44px;
+  appearance: none;
+  -webkit-appearance: none;
+  justify-content: flex-start;
+  box-sizing: border-box;
+  flex-shrink: 0;
+  vertical-align: middle;
+}
+
+.sdm-switch .solid-switch-thumb {
+  display: block;
+  flex: 0 0 18px;
+}
+
 .sdm-switch-field strong {
   display: block;
   font-size: 13px;

package/dist/routes/pages/admin/core/DatasourcesPage.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourcesPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DatasourcesPage.tsx"],"names":[],"mappings":"AAyBA,OAAO,uBAAuB,CAAC;AAwG/B,wBAAgB,eAAe,4CA0Z9B"}
+{"version":3,"file":"DatasourcesPage.d.ts","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DatasourcesPage.tsx"],"names":[],"mappings":"AAMA,OAAO,uBAAuB,CAAC;AAgC/B,wBAAgB,eAAe,4CA+G9B"}

package/dist/routes/pages/admin/core/DatasourcesPage.js

@@ -1,101 +1,13 @@
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
-var __generator = (this && this.__generator) || function (thisArg, body) {
-    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
-    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
-    function verb(n) { return function (v) { return step([n, v]); }; }
-    function step(op) {
-        if (f) throw new TypeError("Generator is already executing.");
-        while (g && (g = 0, op[0] && (_ = 0)), _) try {
-            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
-            if (y = 0, t) op = [op[0] & 2, t.value];
-            switch (op[0]) {
-                case 0: case 1: t = op; break;
-                case 4: _.label++; return { value: op[1], done: false };
-                case 5: _.label++; y = op[1]; op = [0]; continue;
-                case 7: op = _.ops.pop(); _.trys.pop(); continue;
-                default:
-                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
-                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
-                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
-                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
-                    if (t[2]) _.ops.pop();
-                    _.trys.pop(); continue;
-            }
-            op = body.call(thisArg, _);
-        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
-        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
-    }
-};
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Database, Plus, RefreshCw } from "lucide-react";
-import { useEffect, useState } from "react";
-import { useDispatch } from "react-redux";
-import { showToast } from "../../../../redux/features/toastSlice";
-import { useCreateDatasourceMutation, useGetDatasourcesQuery, } from "../../../../redux/api/datasourceManagementApi";
-import { SolidButton, SolidDialog, SolidDialogBody, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, SolidPanel, SolidSelect, SolidSpinner, SolidSwitch, } from "../../../../components/shad-cn-ui";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Database, RefreshCw } from "lucide-react";
+import { useGetDatasourcesQuery } from "../../../../redux/api/datasourceManagementApi";
+import { SolidButton, SolidSpinner, } from "../../../../components/shad-cn-ui";
 import "./DatasourcesPage.css";
 var providerOptions = [
     { label: "PostgreSQL", value: "postgres" },
     { label: "MySQL", value: "mysql" },
     { label: "MS SQL Server", value: "mssql" },
 ];
-var defaultFormState = {
-    name: "",
-    displayName: "",
-    type: "postgres",
-    host: "",
-    port: 5432,
-    database: "",
-    username: "",
-    password: "",
-    synchronize: false,
-    logging: false,
-    ssl: false,
-    sslRejectUnauthorized: true,
-    poolMax: 20,
-    connectionTimeoutMs: 60000,
-    idleTimeoutMs: 30000,
-    statementTimeoutMs: 60000,
-    idleInTxTimeoutMs: 60000,
-    retryAttempts: 0,
-    retryDelayMs: 0,
-    encrypt: false,
-    trustServerCertificate: true,
-};
-function slugifyDatasourceName(value) {
-    return value
-        .toLowerCase()
-        .trim()
-        .replace(/[^a-z0-9]+/g, "-")
-        .replace(/^-+|-+$/g, "")
-        .slice(0, 48);
-}
-function getDefaultPort(type) {
-    if (type === "mysql")
-        return 3306;
-    if (type === "mssql")
-        return 1433;
-    return 5432;
-}
 function providerLabel(type) {
     var _a;
     return ((_a = providerOptions.find(function (option) { return option.value === type; })) === null || _a === void 0 ? void 0 : _a.label) || type;
@@ -114,108 +26,15 @@ function providerGlyph(type) {
         return "MY";
     return "MS";
 }
-function readMutationError(error) {
-    var _a;
-    return (((_a = error === null || error === void 0 ? void 0 : error.data) === null || _a === void 0 ? void 0 : _a.message)
-        || (error === null || error === void 0 ? void 0 : error.error)
-        || (error === null || error === void 0 ? void 0 : error.message)
-        || "Unable to save the datasource.");
-}
-function sanitizePayload(formState) {
-    var payload = __assign(__assign({}, formState), { name: slugifyDatasourceName(formState.name) });
-    if (payload.type === "mssql") {
-        delete payload.ssl;
-        delete payload.sslRejectUnauthorized;
-        delete payload.statementTimeoutMs;
-        delete payload.idleInTxTimeoutMs;
-    }
-    else {
-        delete payload.encrypt;
-        delete payload.trustServerCertificate;
-    }
-    if (payload.type !== "postgres") {
-        delete payload.statementTimeoutMs;
-        delete payload.idleInTxTimeoutMs;
-    }
-    return payload;
-}
 function DatasourceProviderMark(_a) {
     var type = _a.type;
     return (_jsx("div", { className: "sdm-provider-mark ".concat(providerTone(type)), children: _jsx("span", { children: providerGlyph(type) }) }));
 }
 export function DatasourcesPage() {
-    var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g;
-    var dispatch = useDispatch();
-    var _h = useGetDatasourcesQuery(), _j = _h.data, datasources = _j === void 0 ? [] : _j, isLoading = _h.isLoading, isFetching = _h.isFetching, error = _h.error, refetch = _h.refetch;
-    var _k = useCreateDatasourceMutation(), createDatasource = _k[0], isCreating = _k[1].isLoading;
-    var _l = useState(false), dialogOpen = _l[0], setDialogOpen = _l[1];
-    var _m = useState(false), nameTouched = _m[0], setNameTouched = _m[1];
-    var _o = useState(defaultFormState), formState = _o[0], setFormState = _o[1];
-    useEffect(function () {
-        if (!dialogOpen) {
-            setFormState(defaultFormState);
-            setNameTouched(false);
-        }
-    }, [dialogOpen]);
-    var handleFieldChange = function (key, value) {
-        setFormState(function (current) {
-            var _a;
-            return (__assign(__assign({}, current), (_a = {}, _a[key] = value, _a)));
-        });
-    };
-    var handleDisplayNameChange = function (value) {
-        setFormState(function (current) { return (__assign(__assign({}, current), { displayName: value, name: nameTouched ? current.name : slugifyDatasourceName(value) })); });
-    };
-    var handleTypeChange = function (value) {
-        handleFieldChange("type", value);
-        handleFieldChange("port", getDefaultPort(value));
-    };
-    var handleSubmit = function () { return __awaiter(_this, void 0, void 0, function () {
-        var payload, mutationError_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    if (!formState.name || !formState.host || !formState.database || !formState.username || !formState.password) {
-                        dispatch(showToast({
-                            severity: "warn",
-                            summary: "Missing details",
-                            detail: "Fill in the datasource name, host, database, username, and password.",
-                        }));
-                        return [2 /*return*/];
-                    }
-                    _a.label = 1;
-                case 1:
-                    _a.trys.push([1, 3, , 4]);
-                    payload = sanitizePayload(formState);
-                    return [4 /*yield*/, createDatasource(payload).unwrap()];
-                case 2:
-                    _a.sent();
-                    setDialogOpen(false);
-                    dispatch(showToast({
-                        severity: "success",
-                        summary: "Datasource created",
-                        detail: "".concat(payload.displayName || payload.name, " is now registered in SolidX."),
-                    }));
-                    return [3 /*break*/, 4];
-                case 3:
-                    mutationError_1 = _a.sent();
-                    dispatch(showToast({
-                        severity: "error",
-                        summary: "Datasource creation failed",
-                        detail: readMutationError(mutationError_1),
-                    }));
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
-            }
-        });
-    }); };
-    return (_jsxs("div", { className: "sdm-page", children: [_jsxs("div", { className: "sdm-header", children: [_jsxs("div", { className: "sdm-title-block", children: [_jsx("h1", { className: "sdm-title", children: "Datasource Management" }), _jsx("p", { className: "sdm-subtitle", children: "Review and manage the datasources configured for this SolidX application." })] }), _jsxs("div", { className: "sdm-header-actions", children: [isFetching && !isLoading ? (_jsxs("div", { className: "sdm-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidButton, { className: "sdm-icon-button", leftIcon: _jsx(Plus, { size: 16 }), onClick: function () { return setDialogOpen(true); }, tooltip: "Add datasource", "aria-label": "Add datasource" }), _jsx(SolidButton, { className: "sdm-icon-button", leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void refetch(); }, tooltip: "Refresh", "aria-label": "Refresh" })] })] }), isLoading ? (_jsxs("div", { className: "sdm-loading", children: [_jsx(SolidSpinner, { size: 28 }), _jsx("p", { children: "Loading datasource configuration..." })] })) : error ? (_jsxs("div", { className: "sdm-error", children: [_jsx("span", { children: "Unable to load datasource configuration." }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetch(); }, children: "Retry" })] })) : datasources.length ? (_jsx("div", { className: "sdm-grid", children: datasources.map(function (datasource) {
+    var _a = useGetDatasourcesQuery(), _b = _a.data, datasources = _b === void 0 ? [] : _b, isLoading = _a.isLoading, isFetching = _a.isFetching, error = _a.error, refetch = _a.refetch;
+    return (_jsxs("div", { className: "sdm-page", children: [_jsxs("div", { className: "sdm-header", children: [_jsxs("div", { className: "sdm-title-block", children: [_jsx("h1", { className: "sdm-title", children: "Datasource Management" }), _jsx("p", { className: "sdm-subtitle", children: "Review and manage the datasources configured for this SolidX application." })] }), _jsxs("div", { className: "sdm-header-actions", children: [isFetching && !isLoading ? (_jsxs("div", { className: "sdm-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidButton, { className: "sdm-icon-button", leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void refetch(); }, tooltip: "Refresh", "aria-label": "Refresh" })] })] }), isLoading ? (_jsxs("div", { className: "sdm-loading", children: [_jsx(SolidSpinner, { size: 28 }), _jsx("p", { children: "Loading datasource configuration..." })] })) : error ? (_jsxs("div", { className: "sdm-error", children: [_jsx("span", { children: "Unable to load datasource configuration." }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetch(); }, children: "Retry" })] })) : datasources.length ? (_jsx("div", { className: "sdm-grid", children: datasources.map(function (datasource) {
                     var _a, _b;
                     return (_jsxs("article", { className: "sdm-card", children: [_jsxs("div", { className: "sdm-card__top", children: [_jsxs("div", { className: "sdm-card__identity", children: [_jsx(DatasourceProviderMark, { type: datasource.type }), _jsxs("div", { children: [_jsx("h3", { children: datasource.displayName }), _jsx("p", { children: datasource.name })] })] }), _jsxs("div", { className: "sdm-card__badges", children: [_jsx("span", { className: "sdm-badge sdm-badge--provider", children: providerLabel(datasource.type) }), datasource.isDefault ? _jsx("span", { className: "sdm-badge sdm-badge--default", children: "Default" }) : null] })] }), _jsxs("div", { className: "sdm-card__facts", children: [_jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "Host" }), _jsx("strong", { children: datasource.host || "Not configured" })] }), _jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "Port" }), _jsx("strong", { children: (_a = datasource.port) !== null && _a !== void 0 ? _a : "Not configured" })] }), _jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "Database" }), _jsx("strong", { children: datasource.database || "Not configured" })] }), _jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "User" }), _jsx("strong", { children: datasource.username || "Not configured" })] }), _jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "Env prefix" }), _jsx("strong", { children: datasource.envPrefix })] }), _jsxs("div", { className: "sdm-card__row", children: [_jsx("span", { children: "Password" }), _jsx("strong", { children: datasource.passwordConfigured ? "Configured" : "Missing" })] })] }), _jsxs("div", { className: "sdm-card__footer", children: [_jsxs("div", { className: "sdm-meta-pill", children: ["sync: ", datasource.synchronize === null ? "n/a" : String(datasource.synchronize)] }), _jsxs("div", { className: "sdm-meta-pill", children: ["logging: ", datasource.logging === null ? "n/a" : String(datasource.logging)] }), ((_b = datasource.advanced) === null || _b === void 0 ? void 0 : _b.poolMax) ? _jsxs("div", { className: "sdm-meta-pill", children: ["pool: ", datasource.advanced.poolMax] }) : null] })] }, datasource.name));
-                }) })) : (_jsxs("div", { className: "sdm-empty", children: [_jsx(Database, { size: 22 }), _jsxs("div", { children: [_jsx("h3", { children: "No datasources configured" }), _jsx("p", { children: "Create one here and SolidX will wire the module and environment variables for you." })] }), _jsx(SolidButton, { size: "small", onClick: function () { return setDialogOpen(true); }, leftIcon: _jsx(Plus, { size: 14 }), children: "Add datasource" })] })), _jsxs(SolidDialog, { open: dialogOpen, onOpenChange: setDialogOpen, style: { width: "min(860px, calc(100vw - 32px))" }, children: [_jsx(SolidDialogHeader, { children: _jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Add datasource" }), _jsx(SolidDialogDescription, { children: "Create a new datasource module, register it in `app.module.ts`, and persist its env variables to disk." })] }) }), _jsx(SolidDialogSeparator, {}), _jsxs(SolidDialogBody, { children: [_jsxs("div", { className: "sdm-form-grid", children: [_jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Display name" }), _jsx(SolidInput, { value: formState.displayName || "", placeholder: "Applications", onChange: function (event) { return handleDisplayNameChange(event.target.value); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Datasource key" }), _jsx(SolidInput, { value: formState.name, placeholder: "applications", onChange: function (event) {
-                                                    setNameTouched(true);
-                                                    handleFieldChange("name", slugifyDatasourceName(event.target.value));
-                                                } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Provider" }), _jsx(SolidSelect, { value: formState.type, options: providerOptions, onChange: function (event) { return handleTypeChange(event.value); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Port" }), _jsx(SolidInput, { type: "number", value: formState.port, onChange: function (event) { return handleFieldChange("port", Number(event.target.value) || getDefaultPort(formState.type)); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Host" }), _jsx(SolidInput, { value: formState.host, placeholder: "localhost", onChange: function (event) { return handleFieldChange("host", event.target.value); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Database" }), _jsx(SolidInput, { value: formState.database, placeholder: "solidx_app", onChange: function (event) { return handleFieldChange("database", event.target.value); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Username" }), _jsx(SolidInput, { value: formState.username, placeholder: "postgres", onChange: function (event) { return handleFieldChange("username", event.target.value); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Password" }), _jsx(SolidInput, { type: "password", value: formState.password, onChange: function (event) { return handleFieldChange("password", event.target.value); } })] })] }), _jsxs("div", { className: "sdm-switch-row", children: [_jsxs("label", { className: "sdm-switch-field", children: [_jsxs("div", { children: [_jsx("strong", { children: "Synchronize" }), _jsx("span", { children: "Write `*_DATABASE_SYNCHRONIZE` for this datasource." })] }), _jsx(SolidSwitch, { checked: !!formState.synchronize, onChange: function (checked) { return handleFieldChange("synchronize", checked); } })] }), _jsxs("label", { className: "sdm-switch-field", children: [_jsxs("div", { children: [_jsx("strong", { children: "Logging" }), _jsx("span", { children: "Enable TypeORM logging through the generated datasource module." })] }), _jsx(SolidSwitch, { checked: !!formState.logging, onChange: function (checked) { return handleFieldChange("logging", checked); } })] })] }), _jsx(SolidPanel, { header: "Advanced options", toggleable: true, className: "solid-column-panel sdm-advanced-panel", children: _jsxs("div", { className: "sdm-advanced-grid", children: [formState.type === "mssql" ? (_jsxs(_Fragment, { children: [_jsxs("label", { className: "sdm-switch-field sdm-switch-field--inline", children: [_jsxs("div", { children: [_jsx("strong", { children: "Encrypt" }), _jsx("span", { children: "MSSQL connection option." })] }), _jsx(SolidSwitch, { checked: !!formState.encrypt, onChange: function (checked) { return handleFieldChange("encrypt", checked); } })] }), _jsxs("label", { className: "sdm-switch-field sdm-switch-field--inline", children: [_jsxs("div", { children: [_jsx("strong", { children: "Trust certificate" }), _jsx("span", { children: "Allow self-signed development certificates." })] }), _jsx(SolidSwitch, { checked: !!formState.trustServerCertificate, onChange: function (checked) { return handleFieldChange("trustServerCertificate", checked); } })] })] })) : (_jsxs(_Fragment, { children: [_jsxs("label", { className: "sdm-switch-field sdm-switch-field--inline", children: [_jsxs("div", { children: [_jsx("strong", { children: "SSL" }), _jsx("span", { children: "Enable SSL for PostgreSQL or MySQL." })] }), _jsx(SolidSwitch, { checked: !!formState.ssl, onChange: function (checked) { return handleFieldChange("ssl", checked); } })] }), _jsxs("label", { className: "sdm-switch-field sdm-switch-field--inline", children: [_jsxs("div", { children: [_jsx("strong", { children: "Reject unauthorized" }), _jsx("span", { children: "Keep certificate validation strict when SSL is enabled." })] }), _jsx(SolidSwitch, { checked: !!formState.sslRejectUnauthorized, onChange: function (checked) { return handleFieldChange("sslRejectUnauthorized", checked); } })] })] })), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Pool max" }), _jsx(SolidInput, { type: "number", value: (_a = formState.poolMax) !== null && _a !== void 0 ? _a : "", onChange: function (event) { return handleFieldChange("poolMax", Number(event.target.value) || 0); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Connection timeout (ms)" }), _jsx(SolidInput, { type: "number", value: (_b = formState.connectionTimeoutMs) !== null && _b !== void 0 ? _b : "", onChange: function (event) { return handleFieldChange("connectionTimeoutMs", Number(event.target.value) || 0); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Idle timeout (ms)" }), _jsx(SolidInput, { type: "number", value: (_c = formState.idleTimeoutMs) !== null && _c !== void 0 ? _c : "", onChange: function (event) { return handleFieldChange("idleTimeoutMs", Number(event.target.value) || 0); } })] }), formState.type === "postgres" ? (_jsxs(_Fragment, { children: [_jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Statement timeout (ms)" }), _jsx(SolidInput, { type: "number", value: (_d = formState.statementTimeoutMs) !== null && _d !== void 0 ? _d : "", onChange: function (event) { return handleFieldChange("statementTimeoutMs", Number(event.target.value) || 0); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Idle in transaction timeout (ms)" }), _jsx(SolidInput, { type: "number", value: (_e = formState.idleInTxTimeoutMs) !== null && _e !== void 0 ? _e : "", onChange: function (event) { return handleFieldChange("idleInTxTimeoutMs", Number(event.target.value) || 0); } })] })] })) : null, _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Retry attempts" }), _jsx(SolidInput, { type: "number", value: (_f = formState.retryAttempts) !== null && _f !== void 0 ? _f : "", onChange: function (event) { return handleFieldChange("retryAttempts", Number(event.target.value) || 0); } })] }), _jsxs("label", { className: "sdm-form-field", children: [_jsx("span", { children: "Retry delay (ms)" }), _jsx(SolidInput, { type: "number", value: (_g = formState.retryDelayMs) !== null && _g !== void 0 ? _g : "", onChange: function (event) { return handleFieldChange("retryDelayMs", Number(event.target.value) || 0); } })] })] }) })] }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return setDialogOpen(false); }, children: "Cancel" }), _jsx(SolidButton, { onClick: function () { return void handleSubmit(); }, loading: isCreating, children: "Create datasource" })] })] })] }));
+                }) })) : (_jsxs("div", { className: "sdm-empty", children: [_jsx(Database, { size: 22 }), _jsxs("div", { children: [_jsx("h3", { children: "No datasources configured" }), _jsx("p", { children: "Datasource creation is temporarily unavailable from this screen." })] })] }))] }));
 }
 //# sourceMappingURL=DatasourcesPage.js.map

package/dist/routes/pages/admin/core/DatasourcesPage.js.map

@@ -1 +1 @@
-{"version":3,"file":"DatasourcesPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DatasourcesPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Database, Plus, RefreshCw } from \"lucide-react\";\nimport { useEffect, useState } from \"react\";\nimport { useDispatch } from \"react-redux\";\nimport { showToast } from \"../../../../redux/features/toastSlice\";\nimport {\n  type CreateDatasourceManagementPayload,\n  type DatasourceManagementRecord,\n  useCreateDatasourceMutation,\n  useGetDatasourcesQuery,\n} from \"../../../../redux/api/datasourceManagementApi\";\nimport {\n  SolidButton,\n  SolidDialog,\n  SolidDialogBody,\n  SolidDialogDescription,\n  SolidDialogFooter,\n  SolidDialogHeader,\n  SolidDialogSeparator,\n  SolidDialogTitle,\n  SolidInput,\n  SolidPanel,\n  SolidSelect,\n  SolidSpinner,\n  SolidSwitch,\n} from \"../../../../components/shad-cn-ui\";\nimport \"./DatasourcesPage.css\";\n\nconst providerOptions = [\n  { label: \"PostgreSQL\", value: \"postgres\" },\n  { label: \"MySQL\", value: \"mysql\" },\n  { label: \"MS SQL Server\", value: \"mssql\" },\n] as const;\n\nconst defaultFormState: CreateDatasourceManagementPayload = {\n  name: \"\",\n  displayName: \"\",\n  type: \"postgres\",\n  host: \"\",\n  port: 5432,\n  database: \"\",\n  username: \"\",\n  password: \"\",\n  synchronize: false,\n  logging: false,\n  ssl: false,\n  sslRejectUnauthorized: true,\n  poolMax: 20,\n  connectionTimeoutMs: 60000,\n  idleTimeoutMs: 30000,\n  statementTimeoutMs: 60000,\n  idleInTxTimeoutMs: 60000,\n  retryAttempts: 0,\n  retryDelayMs: 0,\n  encrypt: false,\n  trustServerCertificate: true,\n};\n\nfunction slugifyDatasourceName(value: string) {\n  return value\n    .toLowerCase()\n    .trim()\n    .replace(/[^a-z0-9]+/g, \"-\")\n    .replace(/^-+|-+$/g, \"\")\n    .slice(0, 48);\n}\n\nfunction getDefaultPort(type: CreateDatasourceManagementPayload[\"type\"]) {\n  if (type === \"mysql\") return 3306;\n  if (type === \"mssql\") return 1433;\n  return 5432;\n}\n\nfunction providerLabel(type: string) {\n  return providerOptions.find((option) => option.value === type)?.label || type;\n}\n\nfunction providerTone(type: string) {\n  if (type === \"postgres\") return \"sdm-provider-mark--postgres\";\n  if (type === \"mysql\") return \"sdm-provider-mark--mysql\";\n  return \"sdm-provider-mark--mssql\";\n}\n\nfunction providerGlyph(type: string) {\n  if (type === \"postgres\") return \"PG\";\n  if (type === \"mysql\") return \"MY\";\n  return \"MS\";\n}\n\nfunction readMutationError(error: any) {\n  return (\n    error?.data?.message\n    || error?.error\n    || error?.message\n    || \"Unable to save the datasource.\"\n  );\n}\n\nfunction sanitizePayload(formState: CreateDatasourceManagementPayload): CreateDatasourceManagementPayload {\n  const payload: CreateDatasourceManagementPayload = {\n    ...formState,\n    name: slugifyDatasourceName(formState.name),\n  };\n\n  if (payload.type === \"mssql\") {\n    delete payload.ssl;\n    delete payload.sslRejectUnauthorized;\n    delete payload.statementTimeoutMs;\n    delete payload.idleInTxTimeoutMs;\n  } else {\n    delete payload.encrypt;\n    delete payload.trustServerCertificate;\n  }\n\n  if (payload.type !== \"postgres\") {\n    delete payload.statementTimeoutMs;\n    delete payload.idleInTxTimeoutMs;\n  }\n\n  return payload;\n}\n\nfunction DatasourceProviderMark({ type }: { type: string }) {\n  return (\n    <div className={`sdm-provider-mark ${providerTone(type)}`}>\n      <span>{providerGlyph(type)}</span>\n    </div>\n  );\n}\n\nexport function DatasourcesPage() {\n  const dispatch = useDispatch();\n  const {\n    data: datasources = [],\n    isLoading,\n    isFetching,\n    error,\n    refetch,\n  } = useGetDatasourcesQuery();\n  const [createDatasource, { isLoading: isCreating }] = useCreateDatasourceMutation();\n  const [dialogOpen, setDialogOpen] = useState(false);\n  const [nameTouched, setNameTouched] = useState(false);\n  const [formState, setFormState] = useState<CreateDatasourceManagementPayload>(defaultFormState);\n\n  useEffect(() => {\n    if (!dialogOpen) {\n      setFormState(defaultFormState);\n      setNameTouched(false);\n    }\n  }, [dialogOpen]);\n\n  const handleFieldChange = <K extends keyof CreateDatasourceManagementPayload>(\n    key: K,\n    value: CreateDatasourceManagementPayload[K],\n  ) => {\n    setFormState((current) => ({\n      ...current,\n      [key]: value,\n    }));\n  };\n\n  const handleDisplayNameChange = (value: string) => {\n    setFormState((current) => ({\n      ...current,\n      displayName: value,\n      name: nameTouched ? current.name : slugifyDatasourceName(value),\n    }));\n  };\n\n  const handleTypeChange = (value: CreateDatasourceManagementPayload[\"type\"]) => {\n    handleFieldChange(\"type\", value);\n    handleFieldChange(\"port\", getDefaultPort(value));\n  };\n\n  const handleSubmit = async () => {\n    if (!formState.name || !formState.host || !formState.database || !formState.username || !formState.password) {\n      dispatch(showToast({\n        severity: \"warn\",\n        summary: \"Missing details\",\n        detail: \"Fill in the datasource name, host, database, username, and password.\",\n      }));\n      return;\n    }\n\n    try {\n      const payload = sanitizePayload(formState);\n      await createDatasource(payload).unwrap();\n      setDialogOpen(false);\n      dispatch(showToast({\n        severity: \"success\",\n        summary: \"Datasource created\",\n        detail: `${payload.displayName || payload.name} is now registered in SolidX.`,\n      }));\n    } catch (mutationError: any) {\n      dispatch(showToast({\n        severity: \"error\",\n        summary: \"Datasource creation failed\",\n        detail: readMutationError(mutationError),\n      }));\n    }\n  };\n\n  return (\n    <div className=\"sdm-page\">\n      <div className=\"sdm-header\">\n        <div className=\"sdm-title-block\">\n          <h1 className=\"sdm-title\">Datasource Management</h1>\n          <p className=\"sdm-subtitle\">Review and manage the datasources configured for this SolidX application.</p>\n        </div>\n\n        <div className=\"sdm-header-actions\">\n          {isFetching && !isLoading ? (\n            <div className=\"sdm-inline-status\">\n              <SolidSpinner size={16} />\n              <span>Refreshing</span>\n            </div>\n          ) : null}\n\n          <SolidButton\n            className=\"sdm-icon-button\"\n            leftIcon={<Plus size={16} />}\n            onClick={() => setDialogOpen(true)}\n            tooltip=\"Add datasource\"\n            aria-label=\"Add datasource\"\n          />\n\n          <SolidButton\n            className=\"sdm-icon-button\"\n            leftIcon={<RefreshCw size={16} />}\n            onClick={() => void refetch()}\n            tooltip=\"Refresh\"\n            aria-label=\"Refresh\"\n          />\n        </div>\n      </div>\n\n      {isLoading ? (\n        <div className=\"sdm-loading\">\n          <SolidSpinner size={28} />\n          <p>Loading datasource configuration...</p>\n        </div>\n      ) : error ? (\n        <div className=\"sdm-error\">\n          <span>Unable to load datasource configuration.</span>\n          <SolidButton size=\"small\" variant=\"outline\" onClick={() => void refetch()}>\n            Retry\n          </SolidButton>\n        </div>\n      ) : datasources.length ? (\n        <div className=\"sdm-grid\">\n          {datasources.map((datasource) => (\n            <article key={datasource.name} className=\"sdm-card\">\n              <div className=\"sdm-card__top\">\n                <div className=\"sdm-card__identity\">\n                  <DatasourceProviderMark type={datasource.type} />\n                  <div>\n                    <h3>{datasource.displayName}</h3>\n                    <p>{datasource.name}</p>\n                  </div>\n                </div>\n                <div className=\"sdm-card__badges\">\n                  <span className=\"sdm-badge sdm-badge--provider\">{providerLabel(datasource.type)}</span>\n                  {datasource.isDefault ? <span className=\"sdm-badge sdm-badge--default\">Default</span> : null}\n                </div>\n              </div>\n\n              <div className=\"sdm-card__facts\">\n                <div className=\"sdm-card__row\">\n                  <span>Host</span>\n                  <strong>{datasource.host || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Port</span>\n                  <strong>{datasource.port ?? \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Database</span>\n                  <strong>{datasource.database || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>User</span>\n                  <strong>{datasource.username || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Env prefix</span>\n                  <strong>{datasource.envPrefix}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Password</span>\n                  <strong>{datasource.passwordConfigured ? \"Configured\" : \"Missing\"}</strong>\n                </div>\n              </div>\n\n              <div className=\"sdm-card__footer\">\n                <div className=\"sdm-meta-pill\">sync: {datasource.synchronize === null ? \"n/a\" : String(datasource.synchronize)}</div>\n                <div className=\"sdm-meta-pill\">logging: {datasource.logging === null ? \"n/a\" : String(datasource.logging)}</div>\n                {datasource.advanced?.poolMax ? <div className=\"sdm-meta-pill\">pool: {datasource.advanced.poolMax}</div> : null}\n              </div>\n            </article>\n          ))}\n        </div>\n      ) : (\n        <div className=\"sdm-empty\">\n          <Database size={22} />\n          <div>\n            <h3>No datasources configured</h3>\n            <p>Create one here and SolidX will wire the module and environment variables for you.</p>\n          </div>\n          <SolidButton size=\"small\" onClick={() => setDialogOpen(true)} leftIcon={<Plus size={14} />}>\n            Add datasource\n          </SolidButton>\n        </div>\n      )}\n\n      <SolidDialog open={dialogOpen} onOpenChange={setDialogOpen} style={{ width: \"min(860px, calc(100vw - 32px))\" }}>\n        <SolidDialogHeader>\n          <div>\n            <SolidDialogTitle>Add datasource</SolidDialogTitle>\n            <SolidDialogDescription>\n              Create a new datasource module, register it in `app.module.ts`, and persist its env variables to disk.\n            </SolidDialogDescription>\n          </div>\n        </SolidDialogHeader>\n        <SolidDialogSeparator />\n        <SolidDialogBody>\n          <div className=\"sdm-form-grid\">\n            <label className=\"sdm-form-field\">\n              <span>Display name</span>\n              <SolidInput\n                value={formState.displayName || \"\"}\n                placeholder=\"Applications\"\n                onChange={(event) => handleDisplayNameChange(event.target.value)}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Datasource key</span>\n              <SolidInput\n                value={formState.name}\n                placeholder=\"applications\"\n                onChange={(event) => {\n                  setNameTouched(true);\n                  handleFieldChange(\"name\", slugifyDatasourceName(event.target.value));\n                }}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Provider</span>\n              <SolidSelect\n                value={formState.type}\n                options={providerOptions as any}\n                onChange={(event) => handleTypeChange(event.value)}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Port</span>\n              <SolidInput\n                type=\"number\"\n                value={formState.port}\n                onChange={(event) => handleFieldChange(\"port\", Number(event.target.value) || getDefaultPort(formState.type))}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Host</span>\n              <SolidInput\n                value={formState.host}\n                placeholder=\"localhost\"\n                onChange={(event) => handleFieldChange(\"host\", event.target.value)}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Database</span>\n              <SolidInput\n                value={formState.database}\n                placeholder=\"solidx_app\"\n                onChange={(event) => handleFieldChange(\"database\", event.target.value)}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Username</span>\n              <SolidInput\n                value={formState.username}\n                placeholder=\"postgres\"\n                onChange={(event) => handleFieldChange(\"username\", event.target.value)}\n              />\n            </label>\n\n            <label className=\"sdm-form-field\">\n              <span>Password</span>\n              <SolidInput\n                type=\"password\"\n                value={formState.password}\n                onChange={(event) => handleFieldChange(\"password\", event.target.value)}\n              />\n            </label>\n          </div>\n\n          <div className=\"sdm-switch-row\">\n            <label className=\"sdm-switch-field\">\n              <div>\n                <strong>Synchronize</strong>\n                <span>Write `*_DATABASE_SYNCHRONIZE` for this datasource.</span>\n              </div>\n              <SolidSwitch checked={!!formState.synchronize} onChange={(checked) => handleFieldChange(\"synchronize\", checked)} />\n            </label>\n\n            <label className=\"sdm-switch-field\">\n              <div>\n                <strong>Logging</strong>\n                <span>Enable TypeORM logging through the generated datasource module.</span>\n              </div>\n              <SolidSwitch checked={!!formState.logging} onChange={(checked) => handleFieldChange(\"logging\", checked)} />\n            </label>\n          </div>\n\n          <SolidPanel header=\"Advanced options\" toggleable className=\"solid-column-panel sdm-advanced-panel\">\n            <div className=\"sdm-advanced-grid\">\n              {formState.type === \"mssql\" ? (\n                <>\n                  <label className=\"sdm-switch-field sdm-switch-field--inline\">\n                    <div>\n                      <strong>Encrypt</strong>\n                      <span>MSSQL connection option.</span>\n                    </div>\n                    <SolidSwitch checked={!!formState.encrypt} onChange={(checked) => handleFieldChange(\"encrypt\", checked)} />\n                  </label>\n\n                  <label className=\"sdm-switch-field sdm-switch-field--inline\">\n                    <div>\n                      <strong>Trust certificate</strong>\n                      <span>Allow self-signed development certificates.</span>\n                    </div>\n                    <SolidSwitch checked={!!formState.trustServerCertificate} onChange={(checked) => handleFieldChange(\"trustServerCertificate\", checked)} />\n                  </label>\n                </>\n              ) : (\n                <>\n                  <label className=\"sdm-switch-field sdm-switch-field--inline\">\n                    <div>\n                      <strong>SSL</strong>\n                      <span>Enable SSL for PostgreSQL or MySQL.</span>\n                    </div>\n                    <SolidSwitch checked={!!formState.ssl} onChange={(checked) => handleFieldChange(\"ssl\", checked)} />\n                  </label>\n\n                  <label className=\"sdm-switch-field sdm-switch-field--inline\">\n                    <div>\n                      <strong>Reject unauthorized</strong>\n                      <span>Keep certificate validation strict when SSL is enabled.</span>\n                    </div>\n                    <SolidSwitch checked={!!formState.sslRejectUnauthorized} onChange={(checked) => handleFieldChange(\"sslRejectUnauthorized\", checked)} />\n                  </label>\n                </>\n              )}\n\n              <label className=\"sdm-form-field\">\n                <span>Pool max</span>\n                <SolidInput\n                  type=\"number\"\n                  value={formState.poolMax ?? \"\"}\n                  onChange={(event) => handleFieldChange(\"poolMax\", Number(event.target.value) || 0)}\n                />\n              </label>\n\n              <label className=\"sdm-form-field\">\n                <span>Connection timeout (ms)</span>\n                <SolidInput\n                  type=\"number\"\n                  value={formState.connectionTimeoutMs ?? \"\"}\n                  onChange={(event) => handleFieldChange(\"connectionTimeoutMs\", Number(event.target.value) || 0)}\n                />\n              </label>\n\n              <label className=\"sdm-form-field\">\n                <span>Idle timeout (ms)</span>\n                <SolidInput\n                  type=\"number\"\n                  value={formState.idleTimeoutMs ?? \"\"}\n                  onChange={(event) => handleFieldChange(\"idleTimeoutMs\", Number(event.target.value) || 0)}\n                />\n              </label>\n\n              {formState.type === \"postgres\" ? (\n                <>\n                  <label className=\"sdm-form-field\">\n                    <span>Statement timeout (ms)</span>\n                    <SolidInput\n                      type=\"number\"\n                      value={formState.statementTimeoutMs ?? \"\"}\n                      onChange={(event) => handleFieldChange(\"statementTimeoutMs\", Number(event.target.value) || 0)}\n                    />\n                  </label>\n\n                  <label className=\"sdm-form-field\">\n                    <span>Idle in transaction timeout (ms)</span>\n                    <SolidInput\n                      type=\"number\"\n                      value={formState.idleInTxTimeoutMs ?? \"\"}\n                      onChange={(event) => handleFieldChange(\"idleInTxTimeoutMs\", Number(event.target.value) || 0)}\n                    />\n                  </label>\n                </>\n              ) : null}\n\n              <label className=\"sdm-form-field\">\n                <span>Retry attempts</span>\n                <SolidInput\n                  type=\"number\"\n                  value={formState.retryAttempts ?? \"\"}\n                  onChange={(event) => handleFieldChange(\"retryAttempts\", Number(event.target.value) || 0)}\n                />\n              </label>\n\n              <label className=\"sdm-form-field\">\n                <span>Retry delay (ms)</span>\n                <SolidInput\n                  type=\"number\"\n                  value={formState.retryDelayMs ?? \"\"}\n                  onChange={(event) => handleFieldChange(\"retryDelayMs\", Number(event.target.value) || 0)}\n                />\n              </label>\n            </div>\n          </SolidPanel>\n        </SolidDialogBody>\n        <SolidDialogFooter>\n          <SolidButton variant=\"outline\" onClick={() => setDialogOpen(false)}>\n            Cancel\n          </SolidButton>\n          <SolidButton onClick={() => void handleSubmit()} loading={isCreating}>\n            Create datasource\n          </SolidButton>\n        </SolidDialogFooter>\n      </SolidDialog>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"DatasourcesPage.js","sourceRoot":"","sources":["../../../../../src/routes/pages/admin/core/DatasourcesPage.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Database, RefreshCw } from \"lucide-react\";\nimport { useGetDatasourcesQuery } from \"../../../../redux/api/datasourceManagementApi\";\nimport {\n  SolidButton,\n  SolidSpinner,\n} from \"../../../../components/shad-cn-ui\";\nimport \"./DatasourcesPage.css\";\n\nconst providerOptions = [\n  { label: \"PostgreSQL\", value: \"postgres\" },\n  { label: \"MySQL\", value: \"mysql\" },\n  { label: \"MS SQL Server\", value: \"mssql\" },\n] as const;\n\nfunction providerLabel(type: string) {\n  return providerOptions.find((option) => option.value === type)?.label || type;\n}\n\nfunction providerTone(type: string) {\n  if (type === \"postgres\") return \"sdm-provider-mark--postgres\";\n  if (type === \"mysql\") return \"sdm-provider-mark--mysql\";\n  return \"sdm-provider-mark--mssql\";\n}\n\nfunction providerGlyph(type: string) {\n  if (type === \"postgres\") return \"PG\";\n  if (type === \"mysql\") return \"MY\";\n  return \"MS\";\n}\n\nfunction DatasourceProviderMark({ type }: { type: string }) {\n  return (\n    <div className={`sdm-provider-mark ${providerTone(type)}`}>\n      <span>{providerGlyph(type)}</span>\n    </div>\n  );\n}\n\nexport function DatasourcesPage() {\n  const {\n    data: datasources = [],\n    isLoading,\n    isFetching,\n    error,\n    refetch,\n  } = useGetDatasourcesQuery();\n\n  return (\n    <div className=\"sdm-page\">\n      <div className=\"sdm-header\">\n        <div className=\"sdm-title-block\">\n          <h1 className=\"sdm-title\">Datasource Management</h1>\n          <p className=\"sdm-subtitle\">Review and manage the datasources configured for this SolidX application.</p>\n        </div>\n\n        <div className=\"sdm-header-actions\">\n          {isFetching && !isLoading ? (\n            <div className=\"sdm-inline-status\">\n              <SolidSpinner size={16} />\n              <span>Refreshing</span>\n            </div>\n          ) : null}\n\n          <SolidButton\n            className=\"sdm-icon-button\"\n            leftIcon={<RefreshCw size={16} />}\n            onClick={() => void refetch()}\n            tooltip=\"Refresh\"\n            aria-label=\"Refresh\"\n          />\n        </div>\n      </div>\n\n      {isLoading ? (\n        <div className=\"sdm-loading\">\n          <SolidSpinner size={28} />\n          <p>Loading datasource configuration...</p>\n        </div>\n      ) : error ? (\n        <div className=\"sdm-error\">\n          <span>Unable to load datasource configuration.</span>\n          <SolidButton size=\"small\" variant=\"outline\" onClick={() => void refetch()}>\n            Retry\n          </SolidButton>\n        </div>\n      ) : datasources.length ? (\n        <div className=\"sdm-grid\">\n          {datasources.map((datasource) => (\n            <article key={datasource.name} className=\"sdm-card\">\n              <div className=\"sdm-card__top\">\n                <div className=\"sdm-card__identity\">\n                  <DatasourceProviderMark type={datasource.type} />\n                  <div>\n                    <h3>{datasource.displayName}</h3>\n                    <p>{datasource.name}</p>\n                  </div>\n                </div>\n                <div className=\"sdm-card__badges\">\n                  <span className=\"sdm-badge sdm-badge--provider\">{providerLabel(datasource.type)}</span>\n                  {datasource.isDefault ? <span className=\"sdm-badge sdm-badge--default\">Default</span> : null}\n                </div>\n              </div>\n\n              <div className=\"sdm-card__facts\">\n                <div className=\"sdm-card__row\">\n                  <span>Host</span>\n                  <strong>{datasource.host || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Port</span>\n                  <strong>{datasource.port ?? \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Database</span>\n                  <strong>{datasource.database || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>User</span>\n                  <strong>{datasource.username || \"Not configured\"}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Env prefix</span>\n                  <strong>{datasource.envPrefix}</strong>\n                </div>\n                <div className=\"sdm-card__row\">\n                  <span>Password</span>\n                  <strong>{datasource.passwordConfigured ? \"Configured\" : \"Missing\"}</strong>\n                </div>\n              </div>\n\n              <div className=\"sdm-card__footer\">\n                <div className=\"sdm-meta-pill\">sync: {datasource.synchronize === null ? \"n/a\" : String(datasource.synchronize)}</div>\n                <div className=\"sdm-meta-pill\">logging: {datasource.logging === null ? \"n/a\" : String(datasource.logging)}</div>\n                {datasource.advanced?.poolMax ? <div className=\"sdm-meta-pill\">pool: {datasource.advanced.poolMax}</div> : null}\n              </div>\n            </article>\n          ))}\n        </div>\n      ) : (\n        <div className=\"sdm-empty\">\n          <Database size={22} />\n          <div>\n            <h3>No datasources configured</h3>\n            <p>Datasource creation is temporarily unavailable from this screen.</p>\n          </div>\n        </div>\n      )}\n    </div>\n  );\n}\n"]}