@solidxai/core-ui 0.1.12-beta.0 → 0.1.12-beta.2

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

@@ -0,0 +1,947 @@
+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 };
+    }
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { Cog, Database, ExternalLink, RefreshCw, Save, Search, ShieldAlert, Sparkles, } from "lucide-react";
+import { camelCase } from "lodash";
+import { useEffect, useMemo, useRef, useState } from "react";
+import { useDispatch } from "react-redux";
+import { useParams } from "react-router-dom";
+import { showToast } from "../../../../redux/features/toastSlice";
+import { SolidJsonEditor } from "../../../../components/core/json/SolidJsonEditor";
+import { Column, SolidDataTable } from "../../../../components/core/list/SolidDataTable";
+import { SolidButton, SolidCheckbox, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, SolidSelect, SolidSpinner, SolidSwitch, SolidTabGroup, SolidTextarea, } from "../../../../components/shad-cn-ui";
+import { useApplyDatasourceIntrospectionMappingMutation, useGetDatasourceIntrospectionBootstrapQuery, useGetDatasourceIntrospectionTableDetailQuery, useGetDatasourceIntrospectionTablesQuery, usePreviewDatasourceIntrospectionMappingMutation, } from "../../../../redux/api/datasourceIntrospectionApi";
+import { useGetmodelByIdQuery } from "../../../../redux/api/modelApi";
+import "./DatasourceIntrospectionPage.css";
+function providerLabel(type) {
+    if (type === "postgres")
+        return "PostgreSQL";
+    if (type === "mysql")
+        return "MySQL";
+    if (type === "mssql")
+        return "MS SQL Server";
+    return type;
+}
+var scalarFieldTypeOptions = [
+    { value: "shortText", label: "Short Text" },
+    { value: "longText", label: "Long Text" },
+    { value: "richText", label: "Rich Text" },
+    { value: "boolean", label: "Boolean" },
+    { value: "int", label: "Integer" },
+    { value: "bigint", label: "Big Integer" },
+    { value: "decimal", label: "Decimal" },
+    { value: "date", label: "Date" },
+    { value: "datetime", label: "Date Time" },
+    { value: "time", label: "Time" },
+    { value: "json", label: "JSON" },
+    { value: "uuid", label: "UUID" },
+    { value: "email", label: "Email" },
+    { value: "password", label: "Password" },
+];
+var scalarFieldTypeValueSet = new Set(scalarFieldTypeOptions.map(function (option) { return option.value; }));
+function getDefaultOrmTypeForSolidFieldType(dataSourceType, solidFieldType) {
+    var _a, _b;
+    var normalizedDatasourceType = dataSourceType.toLowerCase();
+    var ormTypesByDatasource = {
+        mssql: {
+            shortText: "varchar",
+            longText: "nvarchar",
+            richText: "nvarchar",
+            boolean: "bit",
+            int: "int",
+            bigint: "bigint",
+            decimal: "numeric",
+            date: "date",
+            datetime: "datetime",
+            time: "time",
+            json: "simple-json",
+            uuid: "uniqueidentifier",
+            email: "nvarchar",
+            password: "nvarchar",
+        },
+        mysql: {
+            shortText: "varchar",
+            longText: "longtext",
+            richText: "longtext",
+            boolean: "boolean",
+            int: "int",
+            bigint: "int",
+            decimal: "decimal",
+            date: "date",
+            datetime: "datetime",
+            time: "time",
+            json: "json",
+            uuid: "varchar",
+            email: "varchar",
+            password: "varchar",
+        },
+        postgres: {
+            shortText: "varchar",
+            longText: "text",
+            richText: "text",
+            boolean: "boolean",
+            int: "integer",
+            bigint: "bigint",
+            decimal: "decimal",
+            date: "date",
+            datetime: "timestamp",
+            time: "time",
+            json: "json",
+            uuid: "varchar",
+            email: "varchar",
+            password: "varchar",
+        },
+    };
+    return (_b = (_a = ormTypesByDatasource[normalizedDatasourceType]) === null || _a === void 0 ? void 0 : _a[solidFieldType]) !== null && _b !== void 0 ? _b : "varchar";
+}
+function legacyTypeLabel(value) {
+    if (value === "generated_id")
+        return "Legacy generated id";
+    if (value === "existing_id")
+        return "Legacy existing id";
+    return "Legacy generated id";
+}
+function statusLabel(record) {
+    return record.mapped ? "Mapped" : "Ready to map";
+}
+function readQueryError(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)
+        || "Something went wrong.");
+}
+function normalizeName(value) {
+    return value.trim().toLowerCase();
+}
+function findMatchingModelField(column, modelFields) {
+    var _a;
+    return (_a = modelFields.find(function (field) {
+        var _a;
+        if (field === null || field === void 0 ? void 0 : field.isSystem)
+            return false;
+        var sameColumnName = normalizeName((_a = field === null || field === void 0 ? void 0 : field.columnName) !== null && _a !== void 0 ? _a : "") === normalizeName(column.columnName);
+        if (sameColumnName)
+            return true;
+        return Boolean(column.isAutoGenerated && column.fieldName === "id" && (field === null || field === void 0 ? void 0 : field.name) === "id");
+    })) !== null && _a !== void 0 ? _a : null;
+}
+function sanitizeExistingFieldPayload(field) {
+    var _a = field !== null && field !== void 0 ? field : {}, createdAt = _a.createdAt, updatedAt = _a.updatedAt, deletedAt = _a.deletedAt, model = _a.model, mediaStorageProvider = _a.mediaStorageProvider, identifier = _a.identifier, rest = __rest(_a, ["createdAt", "updatedAt", "deletedAt", "model", "mediaStorageProvider", "identifier"]);
+    if ((mediaStorageProvider === null || mediaStorageProvider === void 0 ? void 0 : mediaStorageProvider.id) && !rest.mediaStorageProviderId) {
+        rest.mediaStorageProviderId = mediaStorageProvider.id;
+    }
+    return rest;
+}
+function buildDrawerDraft(tableDetail, selectedTable, mappedModelData) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r;
+    var modelData = selectedTable.mapped ? ((_a = mappedModelData === null || mappedModelData === void 0 ? void 0 : mappedModelData.data) !== null && _a !== void 0 ? _a : null) : null;
+    var modelFields = (_b = modelData === null || modelData === void 0 ? void 0 : modelData.fields) !== null && _b !== void 0 ? _b : [];
+    var preservedFields = modelFields.map(function (field) { return sanitizeExistingFieldPayload(field); });
+    var modelUserKeyField = ((_c = modelData === null || modelData === void 0 ? void 0 : modelData.userKeyField) === null || _c === void 0 ? void 0 : _c.name)
+        || ((_d = modelFields.find(function (field) { return field === null || field === void 0 ? void 0 : field.isUserKey; })) === null || _d === void 0 ? void 0 : _d.name)
+        || "";
+    var columns = tableDetail.columns.map(function (column) {
+        var _a, _b, _c, _d, _e;
+        var matchingField = findMatchingModelField(column, modelFields);
+        return {
+            columnName: column.columnName,
+            fieldName: (_a = matchingField === null || matchingField === void 0 ? void 0 : matchingField.name) !== null && _a !== void 0 ? _a : column.fieldName,
+            dataType: column.dataType,
+            solidFieldType: (_b = matchingField === null || matchingField === void 0 ? void 0 : matchingField.type) !== null && _b !== void 0 ? _b : column.solidFieldType,
+            ormType: (_c = matchingField === null || matchingField === void 0 ? void 0 : matchingField.ormType) !== null && _c !== void 0 ? _c : column.ormType,
+            nullable: column.nullable,
+            defaultValue: (_d = matchingField === null || matchingField === void 0 ? void 0 : matchingField.defaultValue) !== null && _d !== void 0 ? _d : column.defaultValue,
+            characterMaximumLength: column.characterMaximumLength,
+            numericPrecision: column.numericPrecision,
+            numericScale: column.numericScale,
+            ordinalPosition: column.ordinalPosition,
+            isAutoGenerated: column.isAutoGenerated,
+            handledBySuperclass: column.handledBySuperclass,
+            superclassFieldName: column.superclassFieldName,
+            fieldId: (_e = matchingField === null || matchingField === void 0 ? void 0 : matchingField.id) !== null && _e !== void 0 ? _e : null,
+            include: column.handledBySuperclass ? false : Boolean(matchingField) || !selectedTable.mapped,
+            matched: Boolean(matchingField),
+            isPrimaryKey: Boolean(matchingField === null || matchingField === void 0 ? void 0 : matchingField.isPrimaryKey) || (column.isAutoGenerated && column.fieldName === "id"),
+        };
+    });
+    var draftUserKeyField = modelUserKeyField || tableDetail.suggestedMetadata.userKeyField;
+    return {
+        mapped: selectedTable.mapped,
+        modelId: selectedTable.mappedModelId,
+        mappedModuleLabel: selectedTable.mappedModuleDisplayName || selectedTable.mappedModuleName || null,
+        singularName: (_e = modelData === null || modelData === void 0 ? void 0 : modelData.singularName) !== null && _e !== void 0 ? _e : tableDetail.suggestedMetadata.singularName,
+        pluralName: (_f = modelData === null || modelData === void 0 ? void 0 : modelData.pluralName) !== null && _f !== void 0 ? _f : tableDetail.suggestedMetadata.pluralName,
+        displayName: (_g = modelData === null || modelData === void 0 ? void 0 : modelData.displayName) !== null && _g !== void 0 ? _g : tableDetail.suggestedMetadata.displayName,
+        description: (_h = modelData === null || modelData === void 0 ? void 0 : modelData.description) !== null && _h !== void 0 ? _h : tableDetail.suggestedMetadata.displayName,
+        tableName: (_j = modelData === null || modelData === void 0 ? void 0 : modelData.tableName) !== null && _j !== void 0 ? _j : tableDetail.suggestedMetadata.tableName,
+        schema: tableDetail.suggestedMetadata.schema,
+        dataSource: (_k = modelData === null || modelData === void 0 ? void 0 : modelData.dataSource) !== null && _k !== void 0 ? _k : tableDetail.suggestedMetadata.dataSource,
+        dataSourceType: (_l = modelData === null || modelData === void 0 ? void 0 : modelData.dataSourceType) !== null && _l !== void 0 ? _l : tableDetail.suggestedMetadata.dataSourceType,
+        legacyTableType: (_m = modelData === null || modelData === void 0 ? void 0 : modelData.legacyTableType) !== null && _m !== void 0 ? _m : tableDetail.suggestedMetadata.legacyTableType,
+        baseClassName: tableDetail.suggestedMetadata.baseClassName,
+        userKeyField: draftUserKeyField,
+        enableAuditTracking: (_o = modelData === null || modelData === void 0 ? void 0 : modelData.enableAuditTracking) !== null && _o !== void 0 ? _o : true,
+        enableSoftDelete: (_p = modelData === null || modelData === void 0 ? void 0 : modelData.enableSoftDelete) !== null && _p !== void 0 ? _p : false,
+        draftPublishWorkflow: (_q = modelData === null || modelData === void 0 ? void 0 : modelData.draftPublishWorkflow) !== null && _q !== void 0 ? _q : false,
+        internationalisation: (_r = modelData === null || modelData === void 0 ? void 0 : modelData.internationalisation) !== null && _r !== void 0 ? _r : false,
+        columns: columns,
+        preservedFields: preservedFields,
+    };
+}
+function getDrawerValidationErrors(draft) {
+    var errors = [];
+    var includedColumns = draft.columns.filter(function (column) { return !column.handledBySuperclass && column.include; });
+    var seenFieldNames = new Set();
+    if (!draft.singularName.trim()) {
+        errors.push("Singular name is required.");
+    }
+    if (!draft.pluralName.trim()) {
+        errors.push("Plural name is required.");
+    }
+    if (!draft.displayName.trim()) {
+        errors.push("Display name is required.");
+    }
+    if (!includedColumns.length) {
+        errors.push("Select at least one physical column to include in the mapping.");
+    }
+    for (var _i = 0, includedColumns_1 = includedColumns; _i < includedColumns_1.length; _i++) {
+        var column = includedColumns_1[_i];
+        var normalizedFieldName = column.fieldName.trim();
+        if (!normalizedFieldName) {
+            errors.push("Field name is required for column \"".concat(column.columnName, "\"."));
+            continue;
+        }
+        if (!scalarFieldTypeValueSet.has(column.solidFieldType)) {
+            errors.push("SolidX type \"".concat(column.solidFieldType, "\" is not allowed in step 1 for column \"").concat(column.columnName, "\"."));
+            continue;
+        }
+        if (seenFieldNames.has(normalizedFieldName.toLowerCase())) {
+            errors.push("Field name \"".concat(normalizedFieldName, "\" is duplicated in the mapping draft."));
+            continue;
+        }
+        seenFieldNames.add(normalizedFieldName.toLowerCase());
+    }
+    if (!draft.userKeyField.trim()) {
+        errors.push("Choose a user key field before saving the mapping.");
+    }
+    else {
+        var userKeyExists = includedColumns.some(function (column) { return column.fieldName === draft.userKeyField; });
+        if (!userKeyExists) {
+            errors.push("The chosen user key field must remain part of the mapped columns.");
+        }
+    }
+    if (draft.legacyTableType === "existing_id") {
+        var hasPrimaryKey = includedColumns.some(function (column) { return column.isPrimaryKey; });
+        if (!hasPrimaryKey) {
+            errors.push("Legacy existing-id mappings must keep the generated id column mapped to field name \"id\".");
+        }
+    }
+    return errors;
+}
+function buildMappingRequest(draft, plannedMigrationTimestamp) {
+    var _a;
+    return {
+        mapped: draft.mapped,
+        modelId: draft.modelId,
+        singularName: draft.singularName.trim(),
+        pluralName: draft.pluralName.trim(),
+        displayName: draft.displayName.trim(),
+        description: draft.description.trim() || draft.displayName.trim(),
+        tableName: draft.tableName,
+        schema: (_a = draft.schema) !== null && _a !== void 0 ? _a : null,
+        dataSource: draft.dataSource,
+        dataSourceType: draft.dataSourceType,
+        legacyTableType: draft.legacyTableType,
+        baseClassName: draft.baseClassName,
+        userKeyField: draft.userKeyField,
+        enableAuditTracking: draft.enableAuditTracking,
+        enableSoftDelete: draft.enableSoftDelete,
+        draftPublishWorkflow: draft.draftPublishWorkflow,
+        internationalisation: draft.internationalisation,
+        plannedMigrationTimestamp: plannedMigrationTimestamp !== null && plannedMigrationTimestamp !== void 0 ? plannedMigrationTimestamp : null,
+        columns: draft.columns.map(function (column) { return ({
+            columnName: column.columnName,
+            fieldName: column.fieldName,
+            dataType: column.dataType,
+            solidFieldType: column.solidFieldType,
+            ormType: column.ormType,
+            nullable: column.nullable,
+            defaultValue: column.defaultValue,
+            characterMaximumLength: column.characterMaximumLength,
+            numericPrecision: column.numericPrecision,
+            numericScale: column.numericScale,
+            ordinalPosition: column.ordinalPosition,
+            isAutoGenerated: column.isAutoGenerated,
+            handledBySuperclass: column.handledBySuperclass,
+            superclassFieldName: column.superclassFieldName,
+            fieldId: column.fieldId,
+            include: column.include,
+            matched: column.matched,
+            isPrimaryKey: column.isPrimaryKey,
+        }); }),
+    };
+}
+function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
+    var _a, _b;
+    var parsed;
+    try {
+        parsed = JSON.parse(metadataJsonText);
+    }
+    catch (error) {
+        return {
+            error: "Metadata JSON is not valid JSON: ".concat((_a = error === null || error === void 0 ? void 0 : error.message) !== null && _a !== void 0 ? _a : "Unknown parse error."),
+            parsed: null,
+        };
+    }
+    if (!parsed || typeof parsed !== "object" || Array.isArray(parsed)) {
+        return {
+            error: "Metadata JSON must be an object.",
+            parsed: null,
+        };
+    }
+    var requiredStringKeys = [
+        "singularName",
+        "pluralName",
+        "displayName",
+        "description",
+        "dataSource",
+        "dataSourceType",
+        "tableName",
+        "userKeyFieldUserKey",
+    ];
+    for (var _i = 0, requiredStringKeys_1 = requiredStringKeys; _i < requiredStringKeys_1.length; _i++) {
+        var key = requiredStringKeys_1[_i];
+        if (typeof parsed[key] !== "string" || !parsed[key].trim()) {
+            return {
+                error: "Metadata JSON must include a non-empty \"".concat(key, "\" string."),
+                parsed: null,
+            };
+        }
+    }
+    var immutableChecks = [
+        { key: "dataSource", expected: draft.dataSource },
+        { key: "dataSourceType", expected: draft.dataSourceType },
+        { key: "tableName", expected: draft.tableName },
+        { key: "legacyTableType", expected: draft.legacyTableType },
+    ];
+    for (var _c = 0, immutableChecks_1 = immutableChecks; _c < immutableChecks_1.length; _c++) {
+        var check = immutableChecks_1[_c];
+        if ("".concat((_b = parsed[check.key]) !== null && _b !== void 0 ? _b : "") !== "".concat(check.expected)) {
+            return {
+                error: "Metadata JSON cannot change immutable binding key \"".concat(check.key, "\"."),
+                parsed: null,
+            };
+        }
+    }
+    var requiredBooleanKeys = [
+        "enableAuditTracking",
+        "enableSoftDelete",
+        "draftPublishWorkflow",
+        "internationalisation",
+    ];
+    for (var _d = 0, requiredBooleanKeys_1 = requiredBooleanKeys; _d < requiredBooleanKeys_1.length; _d++) {
+        var key = requiredBooleanKeys_1[_d];
+        if (typeof parsed[key] !== "boolean") {
+            return {
+                error: "Metadata JSON must include a boolean \"".concat(key, "\" value."),
+                parsed: null,
+            };
+        }
+    }
+    if (!Array.isArray(parsed.fields)) {
+        return {
+            error: "Metadata JSON must include a fields array.",
+            parsed: null,
+        };
+    }
+    var seenFieldNames = new Set();
+    for (var _e = 0, _f = parsed.fields.entries(); _e < _f.length; _e++) {
+        var _g = _f[_e], index = _g[0], field = _g[1];
+        if (!field || typeof field !== "object" || Array.isArray(field)) {
+            return {
+                error: "Field at index ".concat(index, " is not a valid object."),
+                parsed: null,
+            };
+        }
+        if (typeof field.name !== "string" || !field.name.trim()) {
+            return {
+                error: "Field at index ".concat(index, " must include a non-empty \"name\"."),
+                parsed: null,
+            };
+        }
+        if (typeof field.type !== "string" || !field.type.trim()) {
+            return {
+                error: "Field \"".concat(field.name, "\" must include a non-empty \"type\"."),
+                parsed: null,
+            };
+        }
+        if (typeof field.ormType !== "string" || !field.ormType.trim()) {
+            return {
+                error: "Field \"".concat(field.name, "\" must include a non-empty \"ormType\"."),
+                parsed: null,
+            };
+        }
+        if (typeof field.columnName !== "string" || !field.columnName.trim()) {
+            return {
+                error: "Field \"".concat(field.name, "\" must include a non-empty \"columnName\"."),
+                parsed: null,
+            };
+        }
+        var normalizedFieldName = field.name.trim().toLowerCase();
+        if (seenFieldNames.has(normalizedFieldName)) {
+            return {
+                error: "Field name \"".concat(field.name, "\" is duplicated in metadata JSON."),
+                parsed: null,
+            };
+        }
+        seenFieldNames.add(normalizedFieldName);
+    }
+    if (!parsed.fields.some(function (field) { return (field === null || field === void 0 ? void 0 : field.name) === parsed.userKeyFieldUserKey && !(field === null || field === void 0 ? void 0 : field.isMarkedForRemoval); })) {
+        return {
+            error: "Metadata JSON must keep userKeyFieldUserKey present in the fields array.",
+            parsed: null,
+        };
+    }
+    return {
+        error: null,
+        parsed: parsed,
+    };
+}
+export function DatasourceIntrospectionPage() {
+    var _this = this;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var params = useParams();
+    var dispatch = useDispatch();
+    var moduleId = Number((_a = params.moduleId) !== null && _a !== void 0 ? _a : 0);
+    var isValidModuleId = Number.isFinite(moduleId) && moduleId > 0;
+    var _o = useGetDatasourceIntrospectionBootstrapQuery(moduleId, {
+        skip: !isValidModuleId,
+    }), bootstrap = _o.data, isBootstrapLoading = _o.isLoading, isBootstrapFetching = _o.isFetching, bootstrapError = _o.error, refetchBootstrap = _o.refetch;
+    var _p = useState(""), selectedDatasource = _p[0], setSelectedDatasource = _p[1];
+    var _q = useState(""), selectedTableKey = _q[0], setSelectedTableKey = _q[1];
+    var _r = useState(""), tableSearch = _r[0], setTableSearch = _r[1];
+    var _s = useState(false), settingsOpen = _s[0], setSettingsOpen = _s[1];
+    var _t = useState("datasource-info"), settingsTab = _t[0], setSettingsTab = _t[1];
+    var _u = useState(false), drawerOpen = _u[0], setDrawerOpen = _u[1];
+    var _v = useState(null), drawerDraft = _v[0], setDrawerDraft = _v[1];
+    var _w = useState("general-info"), drawerTab = _w[0], setDrawerTab = _w[1];
+    var _x = useState("edit"), drawerStep = _x[0], setDrawerStep = _x[1];
+    var _y = useState("metadata-json"), reviewTab = _y[0], setReviewTab = _y[1];
+    var _z = useState(null), mappingPreview = _z[0], setMappingPreview = _z[1];
+    var _0 = useState(null), reviewedMetadataJsonValue = _0[0], setReviewedMetadataJsonValue = _0[1];
+    var _1 = useState(""), metadataJsonText = _1[0], setMetadataJsonText = _1[1];
+    var _2 = useState(null), metadataJsonValidationError = _2[0], setMetadataJsonValidationError = _2[1];
+    var _3 = useState("initial"), metadataJsonResetToken = _3[0], setMetadataJsonResetToken = _3[1];
+    var _4 = useState(false), drawerBootstrapping = _4[0], setDrawerBootstrapping = _4[1];
+    var _5 = useState({
+        relationInferenceEnabled: false,
+        prioritizeUnmappedTables: true,
+    }), sessionSettings = _5[0], setSessionSettings = _5[1];
+    var _6 = useState(sessionSettings), draftSessionSettings = _6[0], setDraftSessionSettings = _6[1];
+    var drawerBootstrapTimerRef = useRef(null);
+    var scrollDrawerBodyToTop = function () {
+        if (typeof document === "undefined")
+            return;
+        window.requestAnimationFrame(function () {
+            var drawerBody = document.querySelector(".sdix-drawer-body");
+            drawerBody === null || drawerBody === void 0 ? void 0 : drawerBody.scrollTo({ top: 0, left: 0 });
+        });
+    };
+    var _7 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _7[0], isPreviewMappingLoading = _7[1].isLoading;
+    var _8 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _8[0], isApplyMappingLoading = _8[1].isLoading;
+    var isSavingMapping = isApplyMappingLoading;
+    useEffect(function () {
+        if (!bootstrap)
+            return;
+        if (selectedDatasource)
+            return;
+        if (bootstrap.recommendedDatasourceName) {
+            setSelectedDatasource(bootstrap.recommendedDatasourceName);
+        }
+    }, [bootstrap, selectedDatasource]);
+    useEffect(function () {
+        setSelectedTableKey("");
+        setDrawerDraft(null);
+        setDrawerOpen(false);
+        setTableSearch("");
+        setDrawerStep("edit");
+        setReviewTab("metadata-json");
+        setMappingPreview(null);
+        setReviewedMetadataJsonValue(null);
+        setMetadataJsonText("");
+        setMetadataJsonValidationError(null);
+        setMetadataJsonResetToken("datasource-".concat(Date.now()));
+    }, [selectedDatasource]);
+    useEffect(function () { return function () {
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+    }; }, []);
+    useEffect(function () {
+        if (!drawerOpen)
+            return;
+        scrollDrawerBodyToTop();
+    }, [drawerOpen, drawerStep, drawerTab, reviewTab, selectedTableKey]);
+    var datasourceOptions = useMemo(function () {
+        var _a;
+        return ((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) !== null && _a !== void 0 ? _a : []).map(function (datasource) { return ({
+            label: "".concat(datasource.displayName, " (").concat(providerLabel(datasource.type), ")"),
+            value: datasource.name,
+        }); });
+    }, [bootstrap]);
+    var _9 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
+        skip: !isValidModuleId || !selectedDatasource,
+    }), tablesResponse = _9.data, isTablesLoading = _9.isLoading, isTablesFetching = _9.isFetching, tablesError = _9.error, refetchTables = _9.refetch;
+    var selectedTable = useMemo(function () { var _a, _b; return (_b = (_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) === null || _a === void 0 ? void 0 : _a.find(function (record) { var _a; return "".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName) === selectedTableKey; })) !== null && _b !== void 0 ? _b : null; }, [tablesResponse, selectedTableKey]);
+    var _10 = useGetDatasourceIntrospectionTableDetailQuery({
+        moduleId: moduleId,
+        datasource: selectedDatasource,
+        table: (_b = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) !== null && _b !== void 0 ? _b : "",
+        schema: (_c = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.schema) !== null && _c !== void 0 ? _c : undefined,
+    }, {
+        skip: !drawerOpen || !isValidModuleId || !selectedDatasource || !selectedTable || !!(tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked),
+    }), tableDetail = _10.data, isTableDetailLoading = _10.isLoading, isTableDetailFetching = _10.isFetching, tableDetailError = _10.error, refetchTableDetail = _10.refetch;
+    var _11 = useGetmodelByIdQuery((_d = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId) !== null && _d !== void 0 ? _d : 0, {
+        skip: !drawerOpen || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId),
+    }), mappedModelResponse = _11.data, isMappedModelLoading = _11.isLoading, isMappedModelFetching = _11.isFetching, mappedModelError = _11.error;
+    var mappedModelData = mappedModelResponse === null || mappedModelResponse === void 0 ? void 0 : mappedModelResponse.data;
+    var selectedDatasourceRecord = (_f = (_e = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) === null || _e === void 0 ? void 0 : _e.find(function (datasource) { return datasource.name === selectedDatasource; })) !== null && _f !== void 0 ? _f : null;
+    var drawerLoadingError = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) ? (tableDetailError || mappedModelError) : tableDetailError;
+    var isDrawerBlockingLoading = Boolean(selectedTable
+        && (drawerBootstrapping
+            || !drawerDraft
+            || isTableDetailLoading
+            || isTableDetailFetching
+            || (selectedTable.mapped && (isMappedModelLoading || isMappedModelFetching))));
+    useEffect(function () {
+        if (!drawerOpen || !selectedTable || !tableDetail)
+            return;
+        if (selectedTable.mapped && (!mappedModelData || mappedModelData.id !== selectedTable.mappedModelId))
+            return;
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+        setDrawerDraft(buildDrawerDraft(tableDetail, selectedTable, selectedTable.mapped ? mappedModelResponse : undefined));
+        drawerBootstrapTimerRef.current = window.setTimeout(function () {
+            setDrawerBootstrapping(false);
+        }, 150);
+    }, [drawerOpen, selectedTable, tableDetail, mappedModelData, mappedModelResponse]);
+    var filteredRecords = useMemo(function () {
+        var _a;
+        var records = __spreadArray([], ((_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) !== null && _a !== void 0 ? _a : []), true);
+        var searchNeedle = tableSearch.trim().toLowerCase();
+        var filtered = searchNeedle
+            ? records.filter(function (record) {
+                var _a, _b, _c;
+                var haystack = "".concat(record.tableName, " ").concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", " ").concat((_b = record.mappedModelSingularName) !== null && _b !== void 0 ? _b : "", " ").concat((_c = record.mappedModelDisplayName) !== null && _c !== void 0 ? _c : "").toLowerCase();
+                return haystack.includes(searchNeedle);
+            })
+            : records;
+        if (sessionSettings.prioritizeUnmappedTables) {
+            filtered.sort(function (left, right) {
+                var _a, _b;
+                if (left.mapped !== right.mapped) {
+                    return left.mapped ? 1 : -1;
+                }
+                var leftLabel = "".concat((_a = left.schema) !== null && _a !== void 0 ? _a : "", ".").concat(left.tableName).toLowerCase();
+                var rightLabel = "".concat((_b = right.schema) !== null && _b !== void 0 ? _b : "", ".").concat(right.tableName).toLowerCase();
+                return leftLabel.localeCompare(rightLabel);
+            });
+        }
+        return filtered;
+    }, [sessionSettings.prioritizeUnmappedTables, tableSearch, tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records]);
+    var drawerUserKeyOptions = useMemo(function () {
+        var _a;
+        var options = new Map();
+        (_a = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.userKeyCandidates) === null || _a === void 0 ? void 0 : _a.forEach(function (candidate) {
+            options.set(candidate.name, {
+                label: "".concat(candidate.label, " \u00B7 ").concat(candidate.reason),
+                value: candidate.name,
+            });
+        });
+        drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && column.include; }).forEach(function (column) {
+            if (!options.has(column.fieldName)) {
+                options.set(column.fieldName, {
+                    label: "".concat(column.fieldName, " \u00B7 mapped from ").concat(column.columnName),
+                    value: column.fieldName,
+                });
+            }
+        });
+        return Array.from(options.values());
+    }, [drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns, tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.userKeyCandidates]);
+    var settingsTabs = [
+        {
+            value: "datasource-info",
+            label: "Datasource Info",
+            content: (_jsxs("div", { className: "sdix-settings-grid", children: [_jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Target module" }), _jsx("strong", { children: (_g = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _g === void 0 ? void 0 : _g.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_h = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _h === void 0 ? void 0 : _h.defaultDataSource) || "Not set" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource name" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.displayName) || "Not selected" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource type" }), _jsx("strong", { children: selectedDatasourceRecord ? providerLabel(selectedDatasourceRecord.type) : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Host" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.host) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Port" }), _jsx("strong", { children: (_j = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _j !== void 0 ? _j : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Database" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.database) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Env Prefix" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.envPrefix) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Synchronize" }), _jsx("strong", { children: selectedDatasourceRecord ? (selectedDatasourceRecord.synchronize === true ? "true" : "false") : "-" })] })] })),
+        },
+        {
+            value: "session-settings",
+            label: "Session Settings",
+            content: (_jsxs("div", { className: "sdix-settings-grid", children: [_jsxs("div", { className: "sdix-settings-row", children: [_jsxs("div", { children: [_jsx("label", { children: "Relation inference" }), _jsx("p", { children: "Keep this off until we deliberately introduce relation discovery across engines." })] }), _jsx(SolidSwitch, { checked: draftSessionSettings.relationInferenceEnabled, onChange: function (checked) { return setDraftSessionSettings(function (current) { return (__assign(__assign({}, current), { relationInferenceEnabled: checked })); }); } })] }), _jsxs("div", { className: "sdix-settings-row", children: [_jsxs("div", { children: [_jsx("label", { children: "Prioritize unmapped tables" }), _jsx("p", { children: "Bubble unmapped tables to the top of the inventory so the first pass stays focused." })] }), _jsx(SolidSwitch, { checked: draftSessionSettings.prioritizeUnmappedTables, onChange: function (checked) { return setDraftSessionSettings(function (current) { return (__assign(__assign({}, current), { prioritizeUnmappedTables: checked })); }); } })] })] })),
+        },
+    ];
+    var handleRefresh = function () { return __awaiter(_this, void 0, void 0, function () {
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0: return [4 /*yield*/, refetchBootstrap()];
+                case 1:
+                    _a.sent();
+                    if (!selectedDatasource) return [3 /*break*/, 3];
+                    return [4 /*yield*/, refetchTables()];
+                case 2:
+                    _a.sent();
+                    _a.label = 3;
+                case 3:
+                    if (!selectedTable) return [3 /*break*/, 5];
+                    return [4 /*yield*/, refetchTableDetail()];
+                case 4:
+                    _a.sent();
+                    _a.label = 5;
+                case 5: return [2 /*return*/];
+            }
+        });
+    }); };
+    var openTableDrawer = function (record) {
+        var _a, _b;
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+        setSelectedTableKey("".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName));
+        setDrawerDraft(null);
+        setDrawerTab("general-info");
+        setDrawerStep("edit");
+        setReviewTab("metadata-json");
+        setMappingPreview(null);
+        setReviewedMetadataJsonValue(null);
+        setMetadataJsonText("");
+        setMetadataJsonValidationError(null);
+        setMetadataJsonResetToken("table-".concat((_b = record.schema) !== null && _b !== void 0 ? _b : "default", "-").concat(record.tableName, "-").concat(Date.now()));
+        setDrawerBootstrapping(true);
+        setDrawerOpen(true);
+    };
+    var applyDraftSettings = function () {
+        setSessionSettings(draftSessionSettings);
+        setSettingsOpen(false);
+    };
+    var updateDrawerDraft = function (updater) {
+        setMappingPreview(null);
+        setDrawerDraft(function (current) { return (current ? updater(current) : current); });
+    };
+    var updateGeneralField = function (field, value) {
+        updateDrawerDraft(function (current) {
+            var _a;
+            return (__assign(__assign({}, current), (_a = {}, _a[field] = value, _a)));
+        });
+    };
+    var updateColumnFieldName = function (columnName, nextFieldName) {
+        updateDrawerDraft(function (current) {
+            var _a;
+            return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
+                    if (column.columnName !== columnName)
+                        return column;
+                    return __assign(__assign({}, column), { fieldName: camelCase(nextFieldName) });
+                }), userKeyField: current.userKeyField === ((_a = current.columns.find(function (column) { return column.columnName === columnName; })) === null || _a === void 0 ? void 0 : _a.fieldName)
+                    ? camelCase(nextFieldName)
+                    : current.userKeyField }));
+        });
+    };
+    var updateColumnSolidFieldType = function (columnName, nextSolidFieldType) {
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
+                if (column.columnName !== columnName)
+                    return column;
+                if (column.handledBySuperclass)
+                    return column;
+                return __assign(__assign({}, column), { solidFieldType: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType) });
+            }) })); });
+    };
+    var setColumnIncluded = function (columnName, include) {
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
+                if (column.columnName !== columnName)
+                    return column;
+                if (column.handledBySuperclass || column.isPrimaryKey)
+                    return column;
+                return __assign(__assign({}, column), { include: include });
+            }) })); });
+    };
+    var changeUserKeyField = function (fieldName) {
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { userKeyField: fieldName, columns: current.columns.map(function (column) { return (column.fieldName === fieldName
+                ? __assign(__assign({}, column), { include: column.handledBySuperclass ? false : true }) : column); }) })); });
+    };
+    var setUnmappedColumnsIncluded = function (include) {
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
+                if (column.handledBySuperclass || column.matched || column.isPrimaryKey) {
+                    return column;
+                }
+                return __assign(__assign({}, column), { include: include });
+            }) })); });
+    };
+    var openMappedModelForm = function () {
+        var _a;
+        var targetModelId = (_a = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.modelId) !== null && _a !== void 0 ? _a : selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId;
+        if (!targetModelId)
+            return;
+        window.open("/admin/core/solid-core/model-metadata/form/".concat(targetModelId), "_blank", "noopener,noreferrer");
+    };
+    var viewChanges = function () { return __awaiter(_this, void 0, void 0, function () {
+        var validationErrors, preview, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!drawerDraft || !((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id))
+                        return [2 /*return*/];
+                    validationErrors = getDrawerValidationErrors(drawerDraft);
+                    if (validationErrors.length) {
+                        validationErrors.forEach(function (detail) {
+                            dispatch(showToast({ severity: "error", summary: "Validation", detail: detail }));
+                        });
+                        return [2 /*return*/];
+                    }
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, previewMapping({
+                            moduleId: bootstrap.module.id,
+                            payload: buildMappingRequest(drawerDraft),
+                        }).unwrap()];
+                case 2:
+                    preview = _b.sent();
+                    setMappingPreview(preview);
+                    setReviewedMetadataJsonValue(preview.metadataJson.model);
+                    setMetadataJsonText(JSON.stringify(preview.metadataJson.model, null, 2));
+                    setMetadataJsonValidationError(null);
+                    setMetadataJsonResetToken("preview-".concat(preview.metadataJson.filePath, "-").concat(Date.now()));
+                    setReviewTab("metadata-json");
+                    setDrawerStep("review");
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Preview failed",
+                        detail: readQueryError(error_1),
+                    }));
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    var saveMapping = function () { return __awaiter(_this, void 0, void 0, function () {
+        var validationErrors, reviewedModelValidation, response, error_2;
+        var _a, _b, _c, _d;
+        return __generator(this, function (_e) {
+            switch (_e.label) {
+                case 0:
+                    if (!drawerDraft || !((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id))
+                        return [2 /*return*/];
+                    validationErrors = getDrawerValidationErrors(drawerDraft);
+                    if (validationErrors.length) {
+                        validationErrors.forEach(function (detail) {
+                            dispatch(showToast({ severity: "error", summary: "Validation", detail: detail }));
+                        });
+                        setDrawerStep("edit");
+                        return [2 /*return*/];
+                    }
+                    reviewedModelValidation = parseAndValidateReviewedModelJson(metadataJsonText, drawerDraft);
+                    if (reviewedModelValidation.error || !reviewedModelValidation.parsed) {
+                        setMetadataJsonValidationError((_b = reviewedModelValidation.error) !== null && _b !== void 0 ? _b : "Metadata JSON is invalid.");
+                        setReviewTab("metadata-json");
+                        setDrawerStep("review");
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: "Validation",
+                            detail: (_c = reviewedModelValidation.error) !== null && _c !== void 0 ? _c : "Metadata JSON is invalid.",
+                        }));
+                        return [2 /*return*/];
+                    }
+                    setMetadataJsonValidationError(null);
+                    _e.label = 1;
+                case 1:
+                    _e.trys.push([1, 5, , 6]);
+                    return [4 /*yield*/, applyMapping({
+                            moduleId: bootstrap.module.id,
+                            payload: __assign(__assign({}, buildMappingRequest(drawerDraft, (_d = mappingPreview === null || mappingPreview === void 0 ? void 0 : mappingPreview.migration.timestamp) !== null && _d !== void 0 ? _d : null)), { reviewedModel: reviewedModelValidation.parsed }),
+                        }).unwrap()];
+                case 2:
+                    response = _e.sent();
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Saved",
+                        detail: response.migration.written
+                            ? "The mapping, metadata JSON, and migration template were written successfully."
+                            : drawerDraft.mapped
+                                ? "The model mapping was updated and written back to metadata JSON."
+                                : "The model mapping was created and written to metadata JSON.",
+                    }));
+                    setDrawerOpen(false);
+                    setDrawerDraft(null);
+                    setMappingPreview(null);
+                    setReviewedMetadataJsonValue(null);
+                    setMetadataJsonText("");
+                    setMetadataJsonValidationError(null);
+                    setMetadataJsonResetToken("saved-".concat(Date.now()));
+                    setDrawerStep("edit");
+                    return [4 /*yield*/, refetchTables()];
+                case 3:
+                    _e.sent();
+                    return [4 /*yield*/, refetchBootstrap()];
+                case 4:
+                    _e.sent();
+                    return [3 /*break*/, 6];
+                case 5:
+                    error_2 = _e.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Save failed",
+                        detail: readQueryError(error_2),
+                    }));
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
+    if (!isValidModuleId) {
+        return (_jsx("div", { className: "sdix-page", children: _jsxs("div", { className: "sdix-empty-state", children: [_jsx(ShieldAlert, { size: 24 }), _jsx("h2", { children: "Module not found" }), _jsx("p", { children: "Open datasource introspection from a saved module so SolidX knows which module should receive the mapped models." })] }) }));
+    }
+    var selectableUnmappedColumns = (_k = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _k !== void 0 ? _k : [];
+    var allSelectableUnmappedIncluded = selectableUnmappedColumns.length > 0
+        && selectableUnmappedColumns.every(function (column) { return column.include; });
+    var drawerRawDdl = (_l = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.rawDdl) !== null && _l !== void 0 ? _l : null;
+    var drawerTabs = drawerDraft ? [
+        {
+            value: "general-info",
+            label: "General Info",
+            content: (_jsxs("div", { className: "sdix-drawer-form", children: [_jsxs("section", { className: "sdix-form-section", children: [_jsx("h4", { className: "solid-form-layout-label", children: "Model Info" }), _jsxs("div", { className: "sdix-form-grid", children: [_jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-singular-name", children: "Singular Name" }), _jsx(SolidInput, { id: "sdix-singular-name", value: drawerDraft.singularName, onChange: function (event) { return updateGeneralField("singularName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-plural-name", children: "Plural Name" }), _jsx(SolidInput, { id: "sdix-plural-name", value: drawerDraft.pluralName, onChange: function (event) { return updateGeneralField("pluralName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-display-name", children: "Display Name" }), _jsx(SolidInput, { id: "sdix-display-name", value: drawerDraft.displayName, onChange: function (event) { return updateGeneralField("displayName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-user-key-field", children: "User Key Field" }), _jsx(SolidSelect, { id: "sdix-user-key-field", value: drawerDraft.userKeyField, options: drawerUserKeyOptions, placeholder: "Select user key field", onChange: function (event) { return changeUserKeyField(event.value); } })] }), _jsxs("div", { className: "sdix-form-field sdix-form-field--full", children: [_jsx("label", { htmlFor: "sdix-description", children: "Description" }), _jsx(SolidTextarea, { id: "sdix-description", rows: 3, value: drawerDraft.description, onChange: function (event) { return updateGeneralField("description", event.target.value); } })] })] })] }), _jsxs("section", { className: "sdix-form-section", children: [_jsx("h4", { className: "solid-form-layout-label", children: "Datasource Binding" }), _jsxs("div", { className: "sdix-form-grid", children: [_jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-table-name", children: "Table Name" }), _jsx(SolidInput, { id: "sdix-table-name", value: drawerDraft.tableName, onChange: function (event) { return updateGeneralField("tableName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-schema-name", children: "Schema" }), _jsx(SolidInput, { id: "sdix-schema-name", value: (_m = drawerDraft.schema) !== null && _m !== void 0 ? _m : "default", disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-name", children: "Datasource" }), _jsx(SolidInput, { id: "sdix-datasource-name", value: drawerDraft.dataSource, disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-type", children: "Provider" }), _jsx(SolidInput, { id: "sdix-datasource-type", value: providerLabel(drawerDraft.dataSourceType), disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-legacy-type", children: "Legacy Strategy" }), _jsx(SolidInput, { id: "sdix-legacy-type", value: legacyTypeLabel(drawerDraft.legacyTableType), disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-base-class", children: "Superclass" }), _jsx(SolidInput, { id: "sdix-base-class", value: drawerDraft.baseClassName, disabled: true })] })] })] })] })),
+        },
+        {
+            value: "columns-mapping",
+            label: "Columns Mapping",
+            content: (_jsxs("div", { className: "sdix-columns", children: [_jsx("div", { className: "sdix-columns__toolbar", children: _jsxs("div", { className: "sdix-columns__legend", "aria-label": "Column legend", children: [_jsx("span", { className: "sdix-status-badge is-superclass", children: "System column" }), _jsx("span", { className: "sdix-status-badge is-muted", children: "Application column" })] }) }), _jsxs("div", { className: "sdix-column-table", children: [_jsxs("div", { className: "sdix-column-row sdix-column-row--head sdix-column-row--mapping", children: [_jsx("span", { children: "Column" }), _jsx("span", { children: "Field" }), _jsx("span", { children: "Database" }), _jsx("span", { children: "SolidX" }), _jsx("span", { className: "sdix-column-select-header", children: selectableUnmappedColumns.length ? (_jsx(SolidCheckbox, { checked: allSelectableUnmappedIncluded, onChange: function (event) { return setUnmappedColumnsIncluded(event.target.checked); }, "aria-label": allSelectableUnmappedIncluded ? "Deselect all unmapped columns" : "Select all unmapped columns" })) : ("Include") }), _jsx("span", { children: "Status" }), _jsx("span", { children: "Action" })] }), drawerDraft.columns.map(function (column) {
+                                var isUserKey = drawerDraft.userKeyField === column.fieldName;
+                                var statusClassName = column.handledBySuperclass
+                                    ? "is-superclass"
+                                    : column.include
+                                        ? column.matched
+                                            ? "is-mapped"
+                                            : "is-unmapped"
+                                        : "is-muted";
+                                var statusText = column.handledBySuperclass
+                                    ? "System"
+                                    : column.include
+                                        ? column.matched
+                                            ? "Mapped"
+                                            : "Queued for save"
+                                        : column.matched
+                                            ? "Currently omitted"
+                                            : "Skipped for now";
+                                return (_jsxs("div", { className: "sdix-column-row sdix-column-row--mapping", children: [_jsxs("span", { className: "sdix-column-meta", children: [_jsx("strong", { children: column.columnName }), column.isAutoGenerated ? _jsx("small", { children: "Generated id column" }) : null] }), _jsxs("span", { children: [_jsx(SolidInput, { value: column.fieldName, disabled: column.handledBySuperclass, onChange: function (event) { return updateColumnFieldName(column.columnName, event.target.value); } }), isUserKey ? _jsx("small", { className: "sdix-inline-note", children: "User key" }) : null] }), _jsx("span", { className: "sdix-column-meta", children: _jsx("strong", { children: column.dataType }) }), _jsx("span", { children: column.handledBySuperclass ? (_jsx("span", { children: column.solidFieldType })) : (_jsx(SolidSelect, { value: column.solidFieldType, options: scalarFieldTypeOptions, onChange: function (event) { return updateColumnSolidFieldType(column.columnName, event.value); } })) }), _jsx("span", { className: "sdix-column-include", children: column.handledBySuperclass ? (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) : column.matched ? (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) : column.isPrimaryKey ? (_jsx(SolidCheckbox, { checked: true, disabled: true, label: "Required" })) : (_jsx(SolidCheckbox, { checked: column.include, onChange: function (event) { return setColumnIncluded(column.columnName, event.target.checked); } })) }), _jsx("span", { children: _jsx("span", { className: "sdix-status-badge ".concat(statusClassName), children: statusText }) }), _jsx("span", { className: "sdix-column-action", children: column.handledBySuperclass ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, children: "Managed" })) : column.isPrimaryKey ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, children: "Required" })) : column.matched ? (_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setColumnIncluded(column.columnName, false); }, children: "Remove mapping" })) : (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) })] }, column.columnName));
+                            })] })] })),
+        },
+        {
+            value: "raw-ddl",
+            label: "Raw DDL",
+            content: (_jsx("div", { className: "sdix-ddl-tab", children: (drawerRawDdl === null || drawerRawDdl === void 0 ? void 0 : drawerRawDdl.available) && drawerRawDdl.statement ? (_jsx("pre", { className: "sdix-ddl-code", children: _jsx("code", { children: drawerRawDdl.statement }) })) : (_jsxs("div", { className: "sdix-empty-state is-inline sdix-ddl-empty", children: [_jsx(Database, { size: 18 }), _jsx("p", { children: (drawerRawDdl === null || drawerRawDdl === void 0 ? void 0 : drawerRawDdl.note) || "DDL preview is not available for this table." })] })) })),
+        },
+    ] : [];
+    var reviewTabs = mappingPreview ? [
+        {
+            value: "metadata-json",
+            label: "Metadata JSON",
+            content: (_jsxs("div", { className: "sdix-review-panel sdix-review-panel--metadata", children: [_jsxs("div", { className: "sdix-review-meta sdix-review-meta--compact", children: [_jsx("span", { children: "Target file" }), _jsx("strong", { children: mappingPreview.metadataJson.filePath })] }), _jsx(SolidJsonEditor, { className: "sdix-json-editor", value: reviewedMetadataJsonValue !== null && reviewedMetadataJsonValue !== void 0 ? reviewedMetadataJsonValue : mappingPreview.metadataJson.model, resetToken: metadataJsonResetToken, onValueChange: function (nextValue) {
+                            setReviewedMetadataJsonValue(nextValue);
+                            if (metadataJsonValidationError) {
+                                setMetadataJsonValidationError(null);
+                            }
+                        }, onTextChange: function (nextText) {
+                            setMetadataJsonText(nextText);
+                        }, onErrorChange: setMetadataJsonValidationError }), metadataJsonValidationError ? (_jsx("div", { className: "sdix-json-validation-error", children: _jsx("span", { children: metadataJsonValidationError }) })) : null] })),
+        },
+        {
+            value: "migration",
+            label: "Migration",
+            content: (_jsx("div", { className: "sdix-review-panel sdix-review-panel--migration", children: mappingPreview.migration.willGenerate && mappingPreview.migration.filePath ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sdix-review-meta sdix-review-meta--compact", children: [_jsx("span", { children: "Target file" }), _jsx("strong", { children: mappingPreview.migration.filePath })] }), _jsx("p", { className: "sdix-review-note", children: "This migration preview is generated from the current mapping and is read-only here. Saving the mapping will write a new template migration file to the target location." }), mappingPreview.migration.content ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: mappingPreview.migration.content }) })) : null] })) : (_jsxs("div", { className: "sdix-empty-state is-inline sdix-ddl-empty", children: [_jsx(Database, { size: 18 }), _jsx("p", { children: mappingPreview.migration.note })] })) })),
+        },
+    ] : [];
+    return (_jsxs("div", { className: "sdix-page", children: [_jsxs("div", { className: "sdix-toolbar", children: [_jsx("div", { className: "sdix-toolbar__left", children: _jsxs("div", { className: "sdix-toolbar-search", children: [_jsx(Search, { size: 15 }), _jsx(SolidInput, { value: tableSearch, onChange: function (event) { return setTableSearch(event.target.value); }, placeholder: "Search tables", disabled: !selectedDatasource })] }) }), _jsxs("div", { className: "sdix-toolbar__actions", children: [isBootstrapFetching || isTablesFetching || isTableDetailFetching || isMappedModelFetching ? (_jsxs("div", { className: "sdix-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidSelect, { value: selectedDatasource, options: datasourceOptions, placeholder: "Datasource", className: "sdix-toolbar-select sdix-toolbar-select--compact", onChange: function (event) { return setSelectedDatasource(event.value); } }), _jsx(SolidButton, { size: "small", className: "sdix-icon-button", leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void handleRefresh(); }, tooltip: "Refresh", "aria-label": "Refresh" }), _jsx(SolidButton, { size: "small", className: "sdix-icon-button", leftIcon: _jsx(Cog, { size: 16 }), onClick: function () {
+                                    setDraftSessionSettings(sessionSettings);
+                                    setSettingsTab("datasource-info");
+                                    setSettingsOpen(true);
+                                }, tooltip: "Session settings", "aria-label": "Session settings" })] })] }), isBootstrapLoading ? (_jsxs("div", { className: "sdix-loading", children: [_jsx(SolidSpinner, { size: 28 }), _jsx("p", { children: "Loading introspection workspace..." })] })) : bootstrapError ? (_jsxs("div", { className: "sdix-error", children: [_jsx("span", { children: readQueryError(bootstrapError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchBootstrap(); }, children: "Retry" })] })) : (_jsxs(_Fragment, { children: [selectedDatasource && (tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked) ? (_jsxs("div", { className: "sdix-blocker", children: [_jsx(ShieldAlert, { size: 20 }), _jsxs("div", { children: [_jsx("h3", { children: "Synchronize must be disabled before introspection" }), _jsx("p", { children: tablesResponse.synchronizeMessage })] })] })) : null, _jsx("div", { className: "sdix-workbench", children: _jsx("div", { className: "sdix-table-shell", children: !selectedDatasource ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Database, { size: 22 }), _jsx("p", { children: "Select a datasource to load its tables." })] })) : isTablesLoading ? (_jsxs("div", { className: "sdix-loading is-inline", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Inspecting datasource tables..." })] })) : tablesError ? (_jsxs("div", { className: "sdix-error is-inline", children: [_jsx("span", { children: readQueryError(tablesError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchTables(); }, children: "Retry" })] })) : !filteredRecords.length ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Database, { size: 22 }), _jsx("p", { children: tableSearch ? "No tables match the current quick filter." : "No database tables were discovered for this datasource." })] })) : (_jsx("div", { className: "sdix-table-area", children: _jsxs(SolidDataTable, { value: filteredRecords, dataKey: "tableName", viewportHeight: "calc(100vh - 162px)", size: "small", onRowClick: function (_a) {
+                                        var data = _a.data;
+                                        return openTableDrawer(data);
+                                    }, rowClassName: function (rowData) { var _a; return "".concat((_a = rowData.schema) !== null && _a !== void 0 ? _a : "", "::").concat(rowData.tableName) === selectedTableKey && drawerOpen ? "sdix-table-row-selected" : ""; }, emptyMessage: "No datasource tables found", children: [_jsx(Column, { field: "tableName", header: "Table", body: function (rowData) { return (_jsx("div", { className: "sdix-table-primary-cell", children: _jsx("strong", { children: rowData.tableName }) })); }, style: { minWidth: 240 } }), _jsx(Column, { field: "schema", header: "Schema", body: function (rowData) { return rowData.schema || "dbo/default"; }, style: { minWidth: 120 } }), _jsx(Column, { header: "Status", body: function (rowData) { return (_jsx("span", { className: "sdix-status-badge ".concat(rowData.mapped ? "is-mapped" : "is-unmapped"), children: statusLabel(rowData) })); }, style: { minWidth: 150 } }), _jsx(Column, { header: "Superclass", body: function (rowData) { return rowData.suggestedBaseClassName; }, style: { minWidth: 220 } }), _jsx(Column, { field: "suggestedUserKeyField", header: "User Key", style: { minWidth: 160 } }), _jsx(Column, { header: "Mapped Model", body: function (rowData) { return (rowData.mapped
+                                                ? (rowData.mappedModelDisplayName || rowData.mappedModelSingularName || "-")
+                                                : _jsx("span", { className: "sdix-muted-cell", children: "Not mapped" })); }, style: { minWidth: 200 } }), _jsx(Column, { header: "System Columns", body: function (rowData) { return Math.max(rowData.columnCount - rowData.physicalColumnCount, 0); }, style: { minWidth: 130 } }), _jsx(Column, { header: "Columns", body: function (rowData) { return rowData.physicalColumnCount; }, style: { minWidth: 110 } })] }) })) }) }), _jsxs(SolidDialog, { open: settingsOpen, onOpenChange: setSettingsOpen, style: { width: "min(560px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Session settings" }), _jsx(SolidDialogDescription, { children: "Review the selected datasource and adjust the session-specific introspection flags." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidTabGroup, { tabs: settingsTabs, value: settingsTab, onValueChange: setSettingsTab, className: "sdix-settings-tabs", panelClassName: "sdix-settings-tab-panel" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return setSettingsOpen(false); }, children: "Cancel" }), _jsx(SolidButton, { onClick: applyDraftSettings, children: "Apply" })] })] }), _jsxs(SolidDialog, { open: drawerOpen, onOpenChange: setDrawerOpen, className: "sdix-drawer", overlayClassName: "sdix-drawer-overlay", dismissible: true, children: [_jsxs(SolidDialogHeader, { className: "sdix-drawer-header", children: [_jsxs("div", { className: "sdix-drawer-header__identity", children: [_jsx(SolidDialogTitle, { children: (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) || "Table details" }), _jsx(SolidDialogDescription, { className: "sdix-drawer-header__meta", children: selectedTable
+                                                    ? "".concat(selectedTable.schema || "default", " \u00B7 ").concat((selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.database) || (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.displayName) || "Datasource").concat(selectedDatasourceRecord ? " \u00B7 ".concat(providerLabel(selectedDatasourceRecord.type)) : "")
+                                                    : "Review mapping details" })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "sdix-drawer-body", children: !selectedTable ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Sparkles, { size: 22 }), _jsx("p", { children: "Select a table row to review its structure." })] })) : drawerLoadingError ? (_jsxs("div", { className: "sdix-error is-inline", children: [_jsx("span", { children: readQueryError(drawerLoadingError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchTableDetail(); }, children: "Retry" })] })) : isDrawerBlockingLoading ? (_jsxs("div", { className: "sdix-loading is-inline", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Preparing column mapping preview..." })] })) : (_jsxs("div", { className: "sdix-drawer-stack", children: [drawerDraft && !drawerDraft.mapped && drawerStep === "edit" ? (_jsxs("div", { className: "sdix-detail-callout sdix-system-fields-callout", children: [_jsx("h3", { children: "SolidX system fields are added later" }), _jsxs("p", { children: ["This preview only lists the legacy table columns that already exist today.", " ", "Framework system fields from the selected superclass, including the namespaced", " ", _jsx("code", { children: "ss_*" }), " ", "columns, are introduced when you save the mapping and then generate/apply the follow-up migrations."] })] })) : null, drawerStep === "edit" ? (_jsx(SolidTabGroup, { tabs: drawerTabs, value: drawerTab, onValueChange: setDrawerTab, className: "sdix-drawer-tabs", panelClassName: "sdix-drawer-tab-panel" })) : (_jsx(SolidTabGroup, { tabs: reviewTabs, value: reviewTab, onValueChange: setReviewTab, className: "sdix-drawer-tabs", panelClassName: "sdix-drawer-tab-panel" }))] })) }), drawerDraft && !isDrawerBlockingLoading ? (_jsxs(_Fragment, { children: [_jsx(SolidDialogSeparator, {}), _jsxs(SolidDialogFooter, { className: "sdix-drawer-footer", children: [_jsx("div", { className: "sdix-drawer-footer__meta", children: drawerStep === "review" && mappingPreview ? (_jsxs("span", { children: ["Review the metadata update first, then save to apply", " ", _jsx("strong", { children: mappingPreview.summary.includedColumnNames.length }), " ", "mapped columns", mappingPreview.summary.generatedSystemColumnCount
+                                                            ? " and ".concat(mappingPreview.summary.generatedSystemColumnCount, " SolidX system column migration changes")
+                                                            : "", "."] })) : drawerDraft.mapped ? (_jsxs("span", { children: ["Editing mapped model", " ", _jsx("strong", { children: (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelDisplayName) || (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelSingularName) }), drawerDraft.mappedModuleLabel ? " in ".concat(drawerDraft.mappedModuleLabel) : ""] })) : (_jsx("span", { children: "Saving will create the model metadata and write it to the module JSON." })) }), _jsxs("div", { className: "sdix-drawer-footer__actions", children: [drawerDraft.mapped && drawerDraft.modelId ? (_jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(ExternalLink, { size: 14 }), onClick: openMappedModelForm, children: "Open model form" })) : null, drawerStep === "review" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setDrawerStep("edit"); }, children: "Back to editing" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isSavingMapping, onClick: function () { return void saveMapping(); }, children: "Save mapping" })] })) : (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isPreviewMappingLoading, onClick: function () { return void viewChanges(); }, children: "View Changes" }))] })] })] })) : null] })] }))] }));
+}
+//# sourceMappingURL=DatasourceIntrospectionPage.js.map