@solidxai/core-ui 0.1.12-beta.7 → 0.1.12-beta.9

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

@@ -66,7 +66,7 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     return to.concat(ar || Array.prototype.slice.call(from));
 };
 import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { ArrowLeft, Check, Cog, Database, ExternalLink, RefreshCw, Save, Search, ShieldAlert, Sparkles, } from "lucide-react";
+import { ArrowLeft, Check, Cog, Copy, Database, ExternalLink, RefreshCw, Save, Search, ShieldAlert, Sparkles, } from "lucide-react";
 import { camelCase, startCase } from "lodash";
 import { useEffect, useMemo, useRef, useState } from "react";
 import { useDispatch } from "react-redux";
@@ -77,8 +77,8 @@ import { Column, SolidDataTable } from "../../../../components/core/list/SolidDa
 import FieldMetaDataForm from "../../../../components/core/model/FieldMetaDataForm";
 import { waitForBackendAvailability } from "../../../../helpers/waitForBackendAvailability";
 import { SolidButton, SolidCheckbox, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, SolidSelect, SolidSpinner, SolidSwitch, SolidTabGroup, SolidTextarea, } from "../../../../components/shad-cn-ui";
-import { useApplyDatasourceIntrospectionMappingMutation, useCreateDatasourceIntrospectionMigrationArtifactsMutation, useGenerateDatasourceIntrospectionCodeMutation, useGetDatasourceIntrospectionBootstrapQuery, useGetDatasourceIntrospectionTableDetailQuery, useGetDatasourceIntrospectionTablesQuery, usePreviewDatasourceIntrospectionMappingMutation, useRunDatasourceIntrospectionMigrationMutation, } from "../../../../redux/api/datasourceIntrospectionApi";
-import { useGetmodelByIdQuery } from "../../../../redux/api/modelApi";
+import { datasourceIntrospectionApi, useApplyDatasourceIntrospectionMappingMutation, useCreateDatasourceIntrospectionMigrationArtifactsMutation, useGenerateDatasourceIntrospectionCodeMutation, useGetDatasourceIntrospectionBootstrapQuery, useGetDatasourceIntrospectionTablesQuery, usePreviewDatasourceIntrospectionMappingMutation, useRunDatasourceIntrospectionMigrationMutation, } from "../../../../redux/api/datasourceIntrospectionApi";
+import { modelsApi } from "../../../../redux/api/modelApi";
 import "./DatasourceIntrospectionPage.css";
 function providerLabel(type) {
     if (type === "postgres")
@@ -105,7 +105,10 @@ var scalarFieldTypeOptions = [
     { value: "email", label: "Email" },
     { value: "password", label: "Password" },
 ];
-var scalarFieldTypeValueSet = new Set(scalarFieldTypeOptions.map(function (option) { return option.value; }));
+function getFieldTypeLabel(type) {
+    var _a, _b;
+    return (_b = (_a = scalarFieldTypeOptions.find(function (option) { return option.value === type; })) === null || _a === void 0 ? void 0 : _a.label) !== null && _b !== void 0 ? _b : startCase(type);
+}
 var mappingStrategyOptions = [
     { value: "generated_id", label: "Legacy generated id" },
     { value: "existing_id", label: "Legacy existing id" },
@@ -199,6 +202,9 @@ function getDefaultOrmTypeForSolidFieldType(dataSourceType, solidFieldType) {
     return (_b = (_a = ormTypesByDatasource[normalizedDatasourceType]) === null || _a === void 0 ? void 0 : _a[solidFieldType]) !== null && _b !== void 0 ? _b : "varchar";
 }
 function statusLabel(record) {
+    if (!record.hasPrimaryKey) {
+        return "Blocked";
+    }
     return record.mapped ? "Mapped" : "Ready to map";
 }
 function readQueryError(error) {
@@ -251,7 +257,7 @@ function sanitizeExistingFieldPayload(field) {
     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 _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t;
     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); });
@@ -285,26 +291,34 @@ function buildDrawerDraft(tableDetail, selectedTable, mappedModelData) {
             fieldConfig: matchingField ? sanitizeExistingFieldPayload(matchingField) : null,
         };
     });
-    var draftUserKeyField = modelUserKeyField || tableDetail.suggestedMetadata.userKeyField;
+    var requestedUserKeyField = modelUserKeyField || tableDetail.suggestedMetadata.userKeyField;
+    var resolvedUserKeyField = (_f = (_e = (columns.find(function (column) { return column.fieldName === requestedUserKeyField; })
+        || columns.find(function (column) { return column.columnName === requestedUserKeyField; })
+        || columns.find(function (column) { return !column.handledBySuperclass && column.isPrimaryKey; })
+        || columns.find(function (column) { return !column.handledBySuperclass && column.include; }))) === null || _e === void 0 ? void 0 : _e.fieldName) !== null && _f !== void 0 ? _f : requestedUserKeyField;
     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,
+        singularName: (_g = modelData === null || modelData === void 0 ? void 0 : modelData.singularName) !== null && _g !== void 0 ? _g : tableDetail.suggestedMetadata.singularName,
+        pluralName: (_h = modelData === null || modelData === void 0 ? void 0 : modelData.pluralName) !== null && _h !== void 0 ? _h : tableDetail.suggestedMetadata.pluralName,
+        displayName: (_j = modelData === null || modelData === void 0 ? void 0 : modelData.displayName) !== null && _j !== void 0 ? _j : tableDetail.suggestedMetadata.displayName,
+        description: (_k = modelData === null || modelData === void 0 ? void 0 : modelData.description) !== null && _k !== void 0 ? _k : tableDetail.suggestedMetadata.displayName,
+        tableName: (_l = modelData === null || modelData === void 0 ? void 0 : modelData.tableName) !== null && _l !== void 0 ? _l : 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,
+        dataSource: (_m = modelData === null || modelData === void 0 ? void 0 : modelData.dataSource) !== null && _m !== void 0 ? _m : tableDetail.suggestedMetadata.dataSource,
+        dataSourceType: (_o = modelData === null || modelData === void 0 ? void 0 : modelData.dataSourceType) !== null && _o !== void 0 ? _o : tableDetail.suggestedMetadata.dataSourceType,
+        legacyTableType: (_p = modelData === null || modelData === void 0 ? void 0 : modelData.legacyTableType) !== null && _p !== void 0 ? _p : 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,
+        userKeyField: resolvedUserKeyField,
+        enableAuditTracking: (_q = modelData === null || modelData === void 0 ? void 0 : modelData.enableAuditTracking) !== null && _q !== void 0 ? _q : true,
+        enableSoftDelete: (_r = modelData === null || modelData === void 0 ? void 0 : modelData.enableSoftDelete) !== null && _r !== void 0 ? _r : false,
+        draftPublishWorkflow: (_s = modelData === null || modelData === void 0 ? void 0 : modelData.draftPublishWorkflow) !== null && _s !== void 0 ? _s : false,
+        internationalisation: (_t = modelData === null || modelData === void 0 ? void 0 : modelData.internationalisation) !== null && _t !== void 0 ? _t : false,
+        hasPrimaryKey: selectedTable.hasPrimaryKey,
+        primaryKeyColumnCount: selectedTable.primaryKeyColumnCount,
+        primaryKeyColumnNames: selectedTable.primaryKeyColumnNames,
+        mappingBlockedReason: selectedTable.mappingBlockedReason,
         columns: columns,
         preservedFields: preservedFields,
     };
@@ -325,6 +339,10 @@ function getDrawerValidationErrors(draft) {
     if (!includedColumns.length) {
         errors.push("Select at least one physical column to include in the mapping.");
     }
+    if (!draft.hasPrimaryKey) {
+        errors.push(draft.mappingBlockedReason
+            || "Table \"".concat(draft.tableName, "\" cannot be mapped because the datasource table does not define any primary key."));
+    }
     for (var _i = 0, includedColumns_1 = includedColumns; _i < includedColumns_1.length; _i++) {
         var column = includedColumns_1[_i];
         var normalizedFieldName = column.fieldName.trim();
@@ -336,8 +354,8 @@ function getDrawerValidationErrors(draft) {
             errors.push("Field label 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, "\"."));
+        if (!column.solidFieldType.trim()) {
+            errors.push("SolidX type is required for column \"".concat(column.columnName, "\"."));
             continue;
         }
         if (seenFieldNames.has(normalizedFieldName.toLowerCase())) {
@@ -350,16 +368,22 @@ function getDrawerValidationErrors(draft) {
         errors.push("Choose a user key field before saving the mapping.");
     }
     else {
-        var userKeyExists = includedColumns.some(function (column) { return column.fieldName === draft.userKeyField; });
+        var userKeyExists = draft.columns.some(function (column) { return (column.fieldName === draft.userKeyField
+            && (column.handledBySuperclass || column.include)); });
         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\".");
-        }
+    var includedPrimaryKeyColumns = includedColumns.filter(function (column) { return column.isPrimaryKey; });
+    if (draft.hasPrimaryKey && !includedPrimaryKeyColumns.length) {
+        errors.push("Keep the datasource primary key columns included in the mapping.");
+    }
+    var missingDetectedPrimaryKeyColumns = draft.columns
+        .filter(function (column) { return column.isDetectedPrimaryKey && !column.handledBySuperclass; })
+        .filter(function (column) { return !column.include || !column.isPrimaryKey; })
+        .map(function (column) { return column.columnName; });
+    if (missingDetectedPrimaryKeyColumns.length) {
+        errors.push("Keep all datasource primary key columns mapped and marked as primary key: ".concat(missingDetectedPrimaryKeyColumns.join(", "), "."));
     }
     return errors;
 }
@@ -409,7 +433,7 @@ function buildMappingRequest(draft, plannedMigrationTimestamp) {
     };
 }
 function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
-    var _a, _b;
+    var _a, _b, _c, _d;
     var parsed;
     try {
         parsed = JSON.parse(metadataJsonText);
@@ -451,8 +475,8 @@ function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
         { 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];
+    for (var _e = 0, immutableChecks_1 = immutableChecks; _e < immutableChecks_1.length; _e++) {
+        var check = immutableChecks_1[_e];
         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, "\"."),
@@ -466,8 +490,8 @@ function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
         "draftPublishWorkflow",
         "internationalisation",
     ];
-    for (var _d = 0, requiredBooleanKeys_1 = requiredBooleanKeys; _d < requiredBooleanKeys_1.length; _d++) {
-        var key = requiredBooleanKeys_1[_d];
+    for (var _f = 0, requiredBooleanKeys_1 = requiredBooleanKeys; _f < requiredBooleanKeys_1.length; _f++) {
+        var key = requiredBooleanKeys_1[_f];
         if (typeof parsed[key] !== "boolean") {
             return {
                 error: "Metadata JSON must include a boolean \"".concat(key, "\" value."),
@@ -482,8 +506,8 @@ function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
         };
     }
     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];
+    for (var _g = 0, _h = parsed.fields.entries(); _g < _h.length; _g++) {
+        var _j = _h[_g], index = _j[0], field = _j[1];
         if (!field || typeof field !== "object" || Array.isArray(field)) {
             return {
                 error: "Field at index ".concat(index, " is not a valid object."),
@@ -523,65 +547,106 @@ function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
         }
         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); })) {
+    var expectedUserKeyFieldName = "".concat((_d = (_c = parsed.userKeyFieldUserKey) !== null && _c !== void 0 ? _c : draft.userKeyField) !== null && _d !== void 0 ? _d : "").trim();
+    var resolvedUserKeyFieldName = resolveReviewedUserKeyFieldName(parsed.fields, expectedUserKeyFieldName, draft.userKeyField);
+    var inheritedGeneratedIdUserKey = draft.legacyTableType === "generated_id" && expectedUserKeyFieldName.toLowerCase() === "id";
+    if (!resolvedUserKeyFieldName && !inheritedGeneratedIdUserKey) {
         return {
             error: "Metadata JSON must keep userKeyFieldUserKey present in the fields array.",
             parsed: null,
         };
     }
+    if (draft.hasPrimaryKey) {
+        var activeFields_1 = parsed.fields.filter(function (field) { return !(field === null || field === void 0 ? void 0 : field.isMarkedForRemoval); });
+        var missingPrimaryKeyColumns = draft.columns
+            .filter(function (column) { return column.isDetectedPrimaryKey && !column.handledBySuperclass; })
+            .filter(function (column) {
+            var matchingField = activeFields_1.find(function (field) { var _a; return "".concat((_a = field === null || field === void 0 ? void 0 : field.columnName) !== null && _a !== void 0 ? _a : "").trim().toLowerCase() === column.columnName.trim().toLowerCase(); });
+            return !matchingField || matchingField.isPrimaryKey !== true;
+        })
+            .map(function (column) { return column.columnName; });
+        if (missingPrimaryKeyColumns.length) {
+            return {
+                error: "Metadata JSON must keep all datasource primary key columns marked with isPrimaryKey: true: ".concat(missingPrimaryKeyColumns.join(", "), "."),
+                parsed: null,
+            };
+        }
+    }
+    parsed.userKeyFieldUserKey = resolvedUserKeyFieldName !== null && resolvedUserKeyFieldName !== void 0 ? resolvedUserKeyFieldName : expectedUserKeyFieldName;
     return {
         error: null,
         parsed: parsed,
     };
 }
+function resolveReviewedUserKeyFieldName(reviewedFields, requestedUserKeyFieldName, fallbackUserKeyFieldName) {
+    var _a;
+    var activeFields = reviewedFields.filter(function (field) { return !(field === null || field === void 0 ? void 0 : field.isMarkedForRemoval); });
+    var normalizedRequested = "".concat(requestedUserKeyFieldName !== null && requestedUserKeyFieldName !== void 0 ? requestedUserKeyFieldName : "").trim().toLowerCase();
+    var normalizedFallback = "".concat(fallbackUserKeyFieldName !== null && fallbackUserKeyFieldName !== void 0 ? fallbackUserKeyFieldName : "").trim().toLowerCase();
+    var byExactRequested = activeFields.find(function (field) { var _a, _b; return ((_b = (_a = field === null || field === void 0 ? void 0 : field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase) === null || _b === void 0 ? void 0 : _b.call(_a)) === normalizedRequested; });
+    if (byExactRequested === null || byExactRequested === void 0 ? void 0 : byExactRequested.name) {
+        return byExactRequested.name;
+    }
+    var byExistingUserKeyFlag = activeFields.find(function (field) { return field === null || field === void 0 ? void 0 : field.isUserKey; });
+    if (byExistingUserKeyFlag === null || byExistingUserKeyFlag === void 0 ? void 0 : byExistingUserKeyFlag.name) {
+        return byExistingUserKeyFlag.name;
+    }
+    var byPrimaryKeyFallback = activeFields.find(function (field) {
+        var _a;
+        if (!(field === null || field === void 0 ? void 0 : field.isPrimaryKey)) {
+            return false;
+        }
+        var normalizedName = "".concat((_a = field === null || field === void 0 ? void 0 : field.name) !== null && _a !== void 0 ? _a : "").trim().toLowerCase();
+        return normalizedName === normalizedFallback || normalizedName === "id" || normalizedName === "legacyid";
+    });
+    if (byPrimaryKeyFallback === null || byPrimaryKeyFallback === void 0 ? void 0 : byPrimaryKeyFallback.name) {
+        return byPrimaryKeyFallback.name;
+    }
+    var byFallbackFieldName = activeFields.find(function (field) { var _a, _b; return ((_b = (_a = field === null || field === void 0 ? void 0 : field.name) === null || _a === void 0 ? void 0 : _a.toLowerCase) === null || _b === void 0 ? void 0 : _b.call(_a)) === normalizedFallback; });
+    return (_a = byFallbackFieldName === null || byFallbackFieldName === void 0 ? void 0 : byFallbackFieldName.name) !== null && _a !== void 0 ? _a : null;
+}
 export function DatasourceIntrospectionPage() {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s, _t, _u, _v, _w, _x, _y, _z, _0, _1;
     var params = useParams();
     var navigate = useNavigate();
     var dispatch = useDispatch();
     var moduleId = Number((_a = params.moduleId) !== null && _a !== void 0 ? _a : 0);
     var isValidModuleId = Number.isFinite(moduleId) && moduleId > 0;
-    var _t = useGetDatasourceIntrospectionBootstrapQuery(moduleId, {
+    var _2 = useGetDatasourceIntrospectionBootstrapQuery(moduleId, {
         skip: !isValidModuleId,
-    }), bootstrap = _t.data, isBootstrapLoading = _t.isLoading, isBootstrapFetching = _t.isFetching, bootstrapError = _t.error, refetchBootstrap = _t.refetch;
-    var _u = useState(""), selectedDatasource = _u[0], setSelectedDatasource = _u[1];
-    var _v = useState([]), selectedRows = _v[0], setSelectedRows = _v[1];
-    var _w = useState(""), workspaceTableKey = _w[0], setWorkspaceTableKey = _w[1];
-    var _x = useState(""), tableSearch = _x[0], setTableSearch = _x[1];
-    var _y = useState(false), settingsOpen = _y[0], setSettingsOpen = _y[1];
-    var _z = useState("datasource-info"), settingsTab = _z[0], setSettingsTab = _z[1];
-    var _0 = useState(null), drawerDraft = _0[0], setDrawerDraft = _0[1];
-    var _1 = useState("general-info"), drawerTab = _1[0], setDrawerTab = _1[1];
-    var _2 = useState("configure"), workspaceStep = _2[0], setWorkspaceStep = _2[1];
-    var _3 = useState(null), mappingPreview = _3[0], setMappingPreview = _3[1];
-    var _4 = useState(null), persistedMappingResult = _4[0], setPersistedMappingResult = _4[1];
-    var _5 = useState(null), migrationArtifactsResult = _5[0], setMigrationArtifactsResult = _5[1];
-    var _6 = useState(""), generateCodeOutput = _6[0], setGenerateCodeOutput = _6[1];
-    var _7 = useState(false), isGeneratingCodeWorkflow = _7[0], setIsGeneratingCodeWorkflow = _7[1];
-    var _8 = useState(""), generateCodeStatusMessage = _8[0], setGenerateCodeStatusMessage = _8[1];
-    var _9 = useState(null), generateCodeTimeoutMessage = _9[0], setGenerateCodeTimeoutMessage = _9[1];
-    var _10 = useState(false), generateCodeReady = _10[0], setGenerateCodeReady = _10[1];
-    var _11 = useState(false), hasAttemptedGenerateCode = _11[0], setHasAttemptedGenerateCode = _11[1];
-    var _12 = useState(""), runMigrationOutput = _12[0], setRunMigrationOutput = _12[1];
-    var _13 = useState(false), runMigrationCompleted = _13[0], setRunMigrationCompleted = _13[1];
-    var _14 = useState(null), reviewedMetadataJsonValue = _14[0], setReviewedMetadataJsonValue = _14[1];
-    var _15 = useState(""), metadataJsonText = _15[0], setMetadataJsonText = _15[1];
-    var _16 = useState(null), metadataJsonValidationError = _16[0], setMetadataJsonValidationError = _16[1];
-    var _17 = useState("initial"), metadataJsonResetToken = _17[0], setMetadataJsonResetToken = _17[1];
-    var _18 = useState(false), drawerBootstrapping = _18[0], setDrawerBootstrapping = _18[1];
-    var _19 = useState(null), fieldConfigColumnName = _19[0], setFieldConfigColumnName = _19[1];
-    var _20 = useState({
+    }), bootstrap = _2.data, isBootstrapLoading = _2.isLoading, isBootstrapFetching = _2.isFetching, bootstrapError = _2.error, refetchBootstrap = _2.refetch;
+    var _3 = useState(""), selectedDatasource = _3[0], setSelectedDatasource = _3[1];
+    var _4 = useState([]), selectedRows = _4[0], setSelectedRows = _4[1];
+    var _5 = useState([]), workspaceTableKeys = _5[0], setWorkspaceTableKeys = _5[1];
+    var _6 = useState(""), activeWorkspaceTableKey = _6[0], setActiveWorkspaceTableKey = _6[1];
+    var _7 = useState({}), workspaceItems = _7[0], setWorkspaceItems = _7[1];
+    var workspaceRailItemRefs = useRef({});
+    var _8 = useState(""), tableSearch = _8[0], setTableSearch = _8[1];
+    var _9 = useState(false), settingsOpen = _9[0], setSettingsOpen = _9[1];
+    var _10 = useState("datasource-info"), settingsTab = _10[0], setSettingsTab = _10[1];
+    var _11 = useState("general-info"), drawerTab = _11[0], setDrawerTab = _11[1];
+    var _12 = useState("configure"), workspaceStep = _12[0], setWorkspaceStep = _12[1];
+    var _13 = useState(""), generateCodeOutput = _13[0], setGenerateCodeOutput = _13[1];
+    var _14 = useState(false), isGeneratingCodeWorkflow = _14[0], setIsGeneratingCodeWorkflow = _14[1];
+    var _15 = useState(""), generateCodeStatusMessage = _15[0], setGenerateCodeStatusMessage = _15[1];
+    var _16 = useState(null), generateCodeTimeoutMessage = _16[0], setGenerateCodeTimeoutMessage = _16[1];
+    var _17 = useState(false), generateCodeReady = _17[0], setGenerateCodeReady = _17[1];
+    var _18 = useState(false), hasAttemptedGenerateCode = _18[0], setHasAttemptedGenerateCode = _18[1];
+    var _19 = useState(false), migrationPreviewCopied = _19[0], setMigrationPreviewCopied = _19[1];
+    var _20 = useState(""), runMigrationOutput = _20[0], setRunMigrationOutput = _20[1];
+    var _21 = useState(false), runMigrationCompleted = _21[0], setRunMigrationCompleted = _21[1];
+    var _22 = useState(null), fieldConfigColumnName = _22[0], setFieldConfigColumnName = _22[1];
+    var _23 = useState({
         relationInferenceEnabled: false,
         prioritizeUnmappedTables: true,
-    }), sessionSettings = _20[0], setSessionSettings = _20[1];
-    var _21 = useState(sessionSettings), draftSessionSettings = _21[0], setDraftSessionSettings = _21[1];
-    var drawerBootstrapTimerRef = useRef(null);
-    var _22 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _22[0], isPreviewMappingLoading = _22[1].isLoading;
-    var _23 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _23[0], isApplyMappingLoading = _23[1].isLoading;
-    var _24 = useCreateDatasourceIntrospectionMigrationArtifactsMutation(), createMigrationArtifacts = _24[0], isCreateMigrationArtifactsLoading = _24[1].isLoading;
-    var _25 = useGenerateDatasourceIntrospectionCodeMutation(), generateCode = _25[0], isGenerateCodeLoading = _25[1].isLoading;
-    var _26 = useRunDatasourceIntrospectionMigrationMutation(), runMigration = _26[0], isRunMigrationLoading = _26[1].isLoading;
+    }), sessionSettings = _23[0], setSessionSettings = _23[1];
+    var _24 = useState(sessionSettings), draftSessionSettings = _24[0], setDraftSessionSettings = _24[1];
+    var _25 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _25[0], isPreviewMappingLoading = _25[1].isLoading;
+    var _26 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _26[0], isApplyMappingLoading = _26[1].isLoading;
+    var _27 = useCreateDatasourceIntrospectionMigrationArtifactsMutation(), createMigrationArtifacts = _27[0], isCreateMigrationArtifactsLoading = _27[1].isLoading;
+    var _28 = useGenerateDatasourceIntrospectionCodeMutation(), generateCode = _28[0], isGenerateCodeLoading = _28[1].isLoading;
+    var _29 = useRunDatasourceIntrospectionMigrationMutation(), runMigration = _29[0], isRunMigrationLoading = _29[1].isLoading;
     var isSavingMapping = isApplyMappingLoading;
     var isCreatingMigrationArtifacts = isCreateMigrationArtifactsLoading;
     var showFieldDraftToaster = function (message, severity) {
@@ -606,14 +671,12 @@ export function DatasourceIntrospectionPage() {
     }, [bootstrap, selectedDatasource]);
     useEffect(function () {
         setSelectedRows([]);
-        setWorkspaceTableKey("");
-        setDrawerDraft(null);
+        setWorkspaceTableKeys([]);
+        setActiveWorkspaceTableKey("");
+        setWorkspaceItems({});
         setFieldConfigColumnName(null);
         setTableSearch("");
         setWorkspaceStep("configure");
-        setMappingPreview(null);
-        setPersistedMappingResult(null);
-        setMigrationArtifactsResult(null);
         setGenerateCodeOutput("");
         setIsGeneratingCodeWorkflow(false);
         setGenerateCodeStatusMessage("");
@@ -622,16 +685,32 @@ export function DatasourceIntrospectionPage() {
         setHasAttemptedGenerateCode(false);
         setRunMigrationOutput("");
         setRunMigrationCompleted(false);
-        setReviewedMetadataJsonValue(null);
-        setMetadataJsonText("");
-        setMetadataJsonValidationError(null);
-        setMetadataJsonResetToken("datasource-".concat(Date.now()));
     }, [selectedDatasource]);
-    useEffect(function () { return function () {
-        if (drawerBootstrapTimerRef.current) {
-            window.clearTimeout(drawerBootstrapTimerRef.current);
-        }
-    }; }, []);
+    var activeWorkspaceProcessingKey = useMemo(function () {
+        var _a;
+        return (_a = workspaceTableKeys.find(function (key) {
+            var item = workspaceItems[key];
+            if (!item)
+                return false;
+            return [
+                item.loadStatus.state,
+                item.reviewStatus.state,
+                item.saveStatus.state,
+                item.migrationStatus.state,
+            ].includes("loading");
+        })) !== null && _a !== void 0 ? _a : null;
+    }, [workspaceItems, workspaceTableKeys]);
+    useEffect(function () {
+        var targetKey = activeWorkspaceProcessingKey !== null && activeWorkspaceProcessingKey !== void 0 ? activeWorkspaceProcessingKey : activeWorkspaceTableKey;
+        if (!targetKey)
+            return;
+        var targetNode = workspaceRailItemRefs.current[targetKey];
+        targetNode === null || targetNode === void 0 ? void 0 : targetNode.scrollIntoView({
+            block: "nearest",
+            inline: "nearest",
+            behavior: "smooth",
+        });
+    }, [activeWorkspaceProcessingKey, activeWorkspaceTableKey]);
     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 ({
@@ -639,27 +718,25 @@ export function DatasourceIntrospectionPage() {
             value: datasource.name,
         }); });
     }, [bootstrap]);
-    var _27 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
+    var _30 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
         skip: !isValidModuleId || !selectedDatasource,
-    }), tablesResponse = _27.data, isTablesLoading = _27.isLoading, isTablesFetching = _27.isFetching, tablesError = _27.error, refetchTables = _27.refetch;
-    var selectedListRow = (_b = selectedRows[0]) !== null && _b !== void 0 ? _b : null;
-    var selectedListRowKey = selectedListRow ? "".concat((_c = selectedListRow.schema) !== null && _c !== void 0 ? _c : "", "::").concat(selectedListRow.tableName) : "";
-    var isWorkspaceMode = Boolean(workspaceTableKey);
-    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) === workspaceTableKey; })) !== null && _b !== void 0 ? _b : null; }, [tablesResponse, workspaceTableKey]);
-    var _28 = useGetDatasourceIntrospectionTableDetailQuery({
-        moduleId: moduleId,
-        datasource: selectedDatasource,
-        table: (_d = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) !== null && _d !== void 0 ? _d : "",
-        schema: (_e = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.schema) !== null && _e !== void 0 ? _e : undefined,
-    }, {
-        skip: !isWorkspaceMode || !isValidModuleId || !selectedDatasource || !selectedTable || !!(tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked),
-    }), tableDetail = _28.data, isTableDetailLoading = _28.isLoading, isTableDetailFetching = _28.isFetching, tableDetailError = _28.error, refetchTableDetail = _28.refetch;
-    var _29 = useGetmodelByIdQuery((_f = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId) !== null && _f !== void 0 ? _f : 0, {
-        skip: !isWorkspaceMode || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId),
-    }), mappedModelResponse = _29.data, isMappedModelLoading = _29.isLoading, isMappedModelFetching = _29.isFetching, mappedModelError = _29.error;
-    var mappedModelData = mappedModelResponse === null || mappedModelResponse === void 0 ? void 0 : mappedModelResponse.data;
-    var selectedDatasourceRecord = (_h = (_g = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) === null || _g === void 0 ? void 0 : _g.find(function (datasource) { return datasource.name === selectedDatasource; })) !== null && _h !== void 0 ? _h : null;
-    var activeFieldConfigColumn = (_j = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.find(function (column) { return column.columnName === fieldConfigColumnName; })) !== null && _j !== void 0 ? _j : null;
+    }), tablesResponse = _30.data, isTablesLoading = _30.isLoading, isTablesFetching = _30.isFetching, tablesError = _30.error, refetchTables = _30.refetch;
+    var selectedDatasourceRecord = (_c = (_b = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) === null || _b === void 0 ? void 0 : _b.find(function (datasource) { return datasource.name === selectedDatasource; })) !== null && _c !== void 0 ? _c : null;
+    var isSynchronizeBlocked = Boolean(selectedDatasource && (tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked));
+    var makeTableKey = function (schema, tableName) { return "".concat(schema !== null && schema !== void 0 ? schema : "", "::").concat(tableName); };
+    var selectedListRowKeySet = useMemo(function () { return new Set(selectedRows.map(function (row) { return makeTableKey(row.schema, row.tableName); })); }, [selectedRows]);
+    var isWorkspaceMode = workspaceTableKeys.length > 0 && Boolean(activeWorkspaceTableKey);
+    var selectedTable = useMemo(function () { var _a, _b; return (_b = (_a = workspaceItems[activeWorkspaceTableKey]) === null || _a === void 0 ? void 0 : _a.record) !== null && _b !== void 0 ? _b : null; }, [activeWorkspaceTableKey, workspaceItems]);
+    var activeWorkspaceItem = activeWorkspaceTableKey ? (_d = workspaceItems[activeWorkspaceTableKey]) !== null && _d !== void 0 ? _d : null : null;
+    var drawerDraft = (_e = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.draft) !== null && _e !== void 0 ? _e : null;
+    var mappingPreview = (_f = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.mappingPreview) !== null && _f !== void 0 ? _f : null;
+    var persistedMappingResult = (_g = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.persistedMappingResult) !== null && _g !== void 0 ? _g : null;
+    var migrationArtifactsResult = (_h = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.migrationArtifactsResult) !== null && _h !== void 0 ? _h : null;
+    var reviewedMetadataJsonValue = (_j = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.reviewedMetadataJsonValue) !== null && _j !== void 0 ? _j : null;
+    var metadataJsonText = (_k = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.metadataJsonText) !== null && _k !== void 0 ? _k : "";
+    var metadataJsonValidationError = (_l = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.metadataJsonValidationError) !== null && _l !== void 0 ? _l : null;
+    var metadataJsonResetToken = (_m = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.metadataJsonResetToken) !== null && _m !== void 0 ? _m : "initial";
+    var activeFieldConfigColumn = (_o = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.find(function (column) { return column.columnName === fieldConfigColumnName; })) !== null && _o !== void 0 ? _o : null;
     var activeFieldConfigMetaData = useMemo(function () {
         var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
         if (!drawerDraft || !activeFieldConfigColumn) {
@@ -688,64 +765,11 @@ export function DatasourceIntrospectionPage() {
             });
         });
     }, [activeFieldConfigColumn, drawerDraft]);
-    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 (!isWorkspaceMode) {
-            setDrawerDraft(null);
-            setFieldConfigColumnName(null);
-            return;
-        }
-        if (drawerBootstrapTimerRef.current) {
-            window.clearTimeout(drawerBootstrapTimerRef.current);
-        }
-        setDrawerDraft(null);
-        setFieldConfigColumnName(null);
-        setDrawerTab("general-info");
-        setWorkspaceStep("configure");
-        setMappingPreview(null);
-        setPersistedMappingResult(null);
-        setMigrationArtifactsResult(null);
-        setGenerateCodeOutput("");
-        setIsGeneratingCodeWorkflow(false);
-        setGenerateCodeStatusMessage("");
-        setGenerateCodeTimeoutMessage(null);
-        setGenerateCodeReady(false);
-        setHasAttemptedGenerateCode(false);
-        setRunMigrationOutput("");
-        setRunMigrationCompleted(false);
-        setReviewedMetadataJsonValue(null);
-        setMetadataJsonText("");
-        setMetadataJsonValidationError(null);
-        setMetadataJsonResetToken("table-".concat(workspaceTableKey, "-").concat(Date.now()));
-        setDrawerBootstrapping(true);
-    }, [isWorkspaceMode, workspaceTableKey]);
-    useEffect(function () {
-        if (!isWorkspaceMode || !selectedTable)
-            return;
-        setSelectedRows([selectedTable]);
-    }, [isWorkspaceMode, selectedTable]);
-    useEffect(function () {
-        if (!isWorkspaceMode || !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);
-    }, [isWorkspaceMode, selectedTable, tableDetail, mappedModelData, mappedModelResponse]);
+    var drawerLoadingError = (_p = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.error) !== null && _p !== void 0 ? _p : null;
+    var isDrawerBlockingLoading = (activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.loadStatus.state) === "loading" || !drawerDraft;
     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 records = __spreadArray([], ((_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) !== null && _a !== void 0 ? _a : []), true).filter(function (record) { return !record.tableName.toLowerCase().startsWith("ss_"); });
         var searchNeedle = tableSearch.trim().toLowerCase();
         var filtered = searchNeedle
             ? records.filter(function (record) {
@@ -767,10 +791,118 @@ export function DatasourceIntrospectionPage() {
         }
         return filtered;
     }, [sessionSettings.prioritizeUnmappedTables, tableSearch, tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records]);
+    var workspaceRecords = useMemo(function () { return workspaceTableKeys
+        .map(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.record; })
+        .filter(Boolean); }, [workspaceItems, workspaceTableKeys]);
+    var selectedRowCount = selectedRows.length;
+    var visibleRowKeySet = useMemo(function () { return new Set(filteredRecords.map(function (row) { return makeTableKey(row.schema, row.tableName); })); }, [filteredRecords]);
+    var visibleSelectedRowCount = useMemo(function () { return selectedRows.filter(function (row) { return row.hasPrimaryKey && visibleRowKeySet.has(makeTableKey(row.schema, row.tableName)); }).length; }, [selectedRows, visibleRowKeySet]);
+    var visibleSelectableRowCount = useMemo(function () { return filteredRecords.filter(function (row) { return row.hasPrimaryKey; }).length; }, [filteredRecords]);
+    var hasVisibleRows = filteredRecords.length > 0;
+    var allVisibleRowsSelected = visibleSelectableRowCount > 0 && visibleSelectedRowCount === visibleSelectableRowCount;
+    var totalWorkspaceCount = workspaceTableKeys.length;
+    var activeWorkspacePosition = activeWorkspaceTableKey
+        ? Math.max(0, workspaceTableKeys.indexOf(activeWorkspaceTableKey)) + 1
+        : 0;
+    var allWorkspaceItemsReady = useMemo(function () { return workspaceTableKeys.length > 0 && workspaceTableKeys.every(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.draft; }); }, [workspaceItems, workspaceTableKeys]);
+    var allWorkspaceItemsPreviewed = useMemo(function () { return workspaceTableKeys.length > 0 && workspaceTableKeys.every(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview; }); }, [workspaceItems, workspaceTableKeys]);
+    var allWorkspaceItemsPersisted = useMemo(function () { return workspaceTableKeys.length > 0 && workspaceTableKeys.every(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.persistedMappingResult; }); }, [workspaceItems, workspaceTableKeys]);
+    var allWorkspaceItemsMigrated = useMemo(function () { return workspaceTableKeys.length > 0 && workspaceTableKeys.every(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.migrationArtifactsResult; }); }, [workspaceItems, workspaceTableKeys]);
+    var hasMigrationGenerationWork = useMemo(function () { return workspaceTableKeys.some(function (key) { var _a, _b; return Boolean((_b = (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview) === null || _b === void 0 ? void 0 : _b.migration.willGenerate); }); }, [workspaceItems, workspaceTableKeys]);
+    var reviewedWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var savedWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.persistedMappingResult; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var migrationReadyWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.migrationArtifactsResult; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var reviewErrorWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return ((_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.reviewStatus.state) === "error"; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var saveErrorWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return ((_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.saveStatus.state) === "error"; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var migrationErrorWorkspaceCount = useMemo(function () { return workspaceTableKeys.filter(function (key) { var _a; return ((_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.migrationStatus.state) === "error"; }).length; }, [workspaceItems, workspaceTableKeys]);
+    var totalIncludedMappedColumns = useMemo(function () { return workspaceTableKeys.reduce(function (count, key) {
+        var _a, _b;
+        var preview = (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview;
+        return count + ((_b = preview === null || preview === void 0 ? void 0 : preview.summary.includedColumnNames.length) !== null && _b !== void 0 ? _b : 0);
+    }, 0); }, [workspaceItems, workspaceTableKeys]);
+    var totalGeneratedSystemColumns = useMemo(function () { return workspaceTableKeys.reduce(function (count, key) {
+        var _a, _b;
+        var preview = (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview;
+        return count + ((_b = preview === null || preview === void 0 ? void 0 : preview.summary.generatedSystemColumnCount) !== null && _b !== void 0 ? _b : 0);
+    }, 0); }, [workspaceItems, workspaceTableKeys]);
+    var totalGeneratedMigrations = useMemo(function () { return workspaceTableKeys.reduce(function (count, key) {
+        var _a, _b;
+        return count + (((_b = (_a = workspaceItems[key]) === null || _a === void 0 ? void 0 : _a.mappingPreview) === null || _b === void 0 ? void 0 : _b.migration.willGenerate) ? 1 : 0);
+    }, 0); }, [workspaceItems, workspaceTableKeys]);
+    var updateWorkspaceItem = function (key, updater) {
+        setWorkspaceItems(function (current) {
+            var _a;
+            var item = current[key];
+            if (!item) {
+                return current;
+            }
+            return __assign(__assign({}, current), (_a = {}, _a[key] = updater(item), _a));
+        });
+    };
+    var buildWorkspacePlaceholder = function (record) { return ({
+        key: makeTableKey(record.schema, record.tableName),
+        record: record,
+        detail: null,
+        mappedModelData: null,
+        draft: null,
+        loadStatus: { state: "loading", message: "Loading mapping workspace..." },
+        reviewStatus: { state: "idle", message: "Not reviewed yet." },
+        saveStatus: { state: "idle", message: "Not saved yet." },
+        migrationStatus: { state: "idle", message: "Migration artifacts not created yet." },
+        mappingPreview: null,
+        persistedMappingResult: null,
+        migrationArtifactsResult: null,
+        reviewedMetadataJsonValue: null,
+        metadataJsonText: "",
+        metadataJsonValidationError: null,
+        metadataJsonResetToken: "workspace-".concat(record.tableName, "-").concat(Date.now()),
+        error: null,
+    }); };
+    var loadWorkspaceItem = function (record) { return __awaiter(_this, void 0, void 0, function () {
+        var key, tableDetailRequest, tableDetailData_1, mappedModelData_1, modelRequest, modelResponse, draft_1, error_1;
+        var _a, _b, _c, _d, _e;
+        return __generator(this, function (_f) {
+            switch (_f.label) {
+                case 0:
+                    key = makeTableKey(record.schema, record.tableName);
+                    _f.label = 1;
+                case 1:
+                    _f.trys.push([1, 5, , 6]);
+                    tableDetailRequest = dispatch(datasourceIntrospectionApi.endpoints.getDatasourceIntrospectionTableDetail.initiate({
+                        moduleId: moduleId,
+                        datasource: selectedDatasource,
+                        table: record.tableName,
+                        schema: (_a = record.schema) !== null && _a !== void 0 ? _a : undefined,
+                    }));
+                    return [4 /*yield*/, tableDetailRequest.unwrap()];
+                case 2:
+                    tableDetailData_1 = _f.sent();
+                    (_b = tableDetailRequest.unsubscribe) === null || _b === void 0 ? void 0 : _b.call(tableDetailRequest);
+                    mappedModelData_1 = null;
+                    if (!(record.mapped && record.mappedModelId)) return [3 /*break*/, 4];
+                    modelRequest = dispatch(modelsApi.endpoints.getmodelById.initiate(record.mappedModelId));
+                    return [4 /*yield*/, modelRequest.unwrap()];
+                case 3:
+                    modelResponse = _f.sent();
+                    (_c = modelRequest.unsubscribe) === null || _c === void 0 ? void 0 : _c.call(modelRequest);
+                    mappedModelData_1 = (_e = (_d = modelResponse === null || modelResponse === void 0 ? void 0 : modelResponse.data) !== null && _d !== void 0 ? _d : modelResponse) !== null && _e !== void 0 ? _e : null;
+                    _f.label = 4;
+                case 4:
+                    draft_1 = buildDrawerDraft(tableDetailData_1, record, mappedModelData_1 ? { data: mappedModelData_1 } : undefined);
+                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { detail: tableDetailData_1, mappedModelData: mappedModelData_1, draft: draft_1, loadStatus: { state: "ready", message: "Ready to configure." }, error: null })); });
+                    return [3 /*break*/, 6];
+                case 5:
+                    error_1 = _f.sent();
+                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { loadStatus: { state: "error", message: readQueryError(error_1) }, error: readQueryError(error_1) })); });
+                    return [3 /*break*/, 6];
+                case 6: return [2 /*return*/];
+            }
+        });
+    }); };
     var drawerUserKeyOptions = useMemo(function () {
-        var _a;
+        var _a, _b;
         var options = new Map();
-        (_a = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.userKeyCandidates) === null || _a === void 0 ? void 0 : _a.forEach(function (candidate) {
+        (_b = (_a = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.detail) === null || _a === void 0 ? void 0 : _a.userKeyCandidates) === null || _b === void 0 ? void 0 : _b.forEach(function (candidate) {
             options.set(candidate.name, {
                 label: "".concat(candidate.label, " \u00B7 ").concat(candidate.reason),
                 value: candidate.name,
@@ -785,12 +917,12 @@ export function DatasourceIntrospectionPage() {
             }
         });
         return Array.from(options.values());
-    }, [drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns, tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.userKeyCandidates]);
+    }, [(_q = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.detail) === null || _q === void 0 ? void 0 : _q.userKeyCandidates, drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns]);
     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: (_k = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _k === void 0 ? void 0 : _k.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_l = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _l === void 0 ? void 0 : _l.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: (_m = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _m !== void 0 ? _m : "-" })] }), _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") : "-" })] })] })),
+            content: (_jsxs("div", { className: "sdix-settings-grid", children: [_jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Target module" }), _jsx("strong", { children: (_r = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _r === void 0 ? void 0 : _r.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_s = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _s === void 0 ? void 0 : _s.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: (_t = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _t !== void 0 ? _t : "-" })] }), _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",
@@ -810,35 +942,95 @@ export function DatasourceIntrospectionPage() {
                     _a.sent();
                     _a.label = 3;
                 case 3:
-                    if (!(isWorkspaceMode && selectedTable)) return [3 /*break*/, 5];
-                    return [4 /*yield*/, refetchTableDetail()];
-                case 4:
-                    _a.sent();
-                    _a.label = 5;
-                case 5: return [2 /*return*/];
+                    if (isWorkspaceMode) {
+                        workspaceRecords.forEach(function (record) {
+                            void loadWorkspaceItem(record);
+                        });
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
-    var startMappingForRecord = function (record) {
-        var _a;
-        if (drawerBootstrapTimerRef.current) {
-            window.clearTimeout(drawerBootstrapTimerRef.current);
+    var toggleSelectedRow = function (row, checked) {
+        if (!row.hasPrimaryKey) {
+            return;
         }
-        setSelectedRows([record]);
-        setWorkspaceTableKey("".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName));
+        var rowKey = makeTableKey(row.schema, row.tableName);
+        setSelectedRows(function (current) {
+            var exists = current.some(function (item) { return makeTableKey(item.schema, item.tableName) === rowKey; });
+            var shouldInclude = checked !== null && checked !== void 0 ? checked : !exists;
+            if (shouldInclude) {
+                if (exists)
+                    return current;
+                return __spreadArray(__spreadArray([], current, true), [row], false);
+            }
+            return current.filter(function (item) { return makeTableKey(item.schema, item.tableName) !== rowKey; });
+        });
     };
-    var leaveWorkspace = function () {
-        if (drawerBootstrapTimerRef.current) {
-            window.clearTimeout(drawerBootstrapTimerRef.current);
+    var toggleAllVisibleRows = function (checked) {
+        setSelectedRows(function (current) {
+            if (checked) {
+                var merged_1 = __spreadArray([], current, true);
+                var currentKeySet_1 = new Set(current.map(function (row) { return makeTableKey(row.schema, row.tableName); }));
+                filteredRecords.forEach(function (row) {
+                    if (!row.hasPrimaryKey) {
+                        return;
+                    }
+                    var rowKey = makeTableKey(row.schema, row.tableName);
+                    if (!currentKeySet_1.has(rowKey)) {
+                        merged_1.push(row);
+                    }
+                });
+                return merged_1;
+            }
+            return current.filter(function (row) { return !visibleRowKeySet.has(makeTableKey(row.schema, row.tableName)); });
+        });
+    };
+    var startMappingForRows = function (records) {
+        if (!records.length)
+            return;
+        var eligibleRecords = records.filter(function (record) { return record.hasPrimaryKey; });
+        var skippedRecords = records.filter(function (record) { return !record.hasPrimaryKey; });
+        if (skippedRecords.length) {
+            dispatch(showToast({
+                severity: "warn",
+                summary: "Skipped blocked tables",
+                detail: skippedRecords.length === 1
+                    ? skippedRecords[0].mappingBlockedReason || "Table \"".concat(skippedRecords[0].tableName, "\" was skipped because it has no primary key.")
+                    : "".concat(skippedRecords.length, " tables were skipped because they do not define a datasource primary key."),
+            }));
         }
-        setWorkspaceTableKey("");
-        setDrawerDraft(null);
+        if (!eligibleRecords.length) {
+            return;
+        }
+        var keys = eligibleRecords.map(function (record) { return makeTableKey(record.schema, record.tableName); });
+        var nextWorkspaceItems = Object.fromEntries(eligibleRecords.map(function (record) { return [makeTableKey(record.schema, record.tableName), buildWorkspacePlaceholder(record)]; }));
+        setSelectedRows(eligibleRecords);
+        setWorkspaceTableKeys(keys);
+        setActiveWorkspaceTableKey(keys[0]);
+        setWorkspaceItems(nextWorkspaceItems);
+        setFieldConfigColumnName(null);
+        setDrawerTab("general-info");
+        setWorkspaceStep("configure");
+        setGenerateCodeOutput("");
+        setIsGeneratingCodeWorkflow(false);
+        setGenerateCodeStatusMessage("");
+        setGenerateCodeTimeoutMessage(null);
+        setGenerateCodeReady(false);
+        setHasAttemptedGenerateCode(false);
+        setRunMigrationOutput("");
+        setRunMigrationCompleted(false);
+        eligibleRecords.forEach(function (record) {
+            void loadWorkspaceItem(record);
+        });
+    };
+    var leaveWorkspace = function () {
+        setWorkspaceTableKeys([]);
+        setActiveWorkspaceTableKey("");
+        setWorkspaceItems({});
         setFieldConfigColumnName(null);
         setWorkspaceStep("configure");
         setDrawerTab("general-info");
-        setMappingPreview(null);
-        setPersistedMappingResult(null);
-        setMigrationArtifactsResult(null);
         setGenerateCodeOutput("");
         setIsGeneratingCodeWorkflow(false);
         setGenerateCodeStatusMessage("");
@@ -847,29 +1039,62 @@ export function DatasourceIntrospectionPage() {
         setHasAttemptedGenerateCode(false);
         setRunMigrationOutput("");
         setRunMigrationCompleted(false);
-        setReviewedMetadataJsonValue(null);
-        setMetadataJsonText("");
-        setMetadataJsonValidationError(null);
-        setMetadataJsonResetToken("workspace-closed-".concat(Date.now()));
-        setDrawerBootstrapping(false);
     };
     var applyDraftSettings = function () {
         setSessionSettings(draftSessionSettings);
         setSettingsOpen(false);
     };
+    var updateActiveWorkspaceItem = function (updater) {
+        if (!activeWorkspaceTableKey)
+            return;
+        updateWorkspaceItem(activeWorkspaceTableKey, updater);
+    };
     var updateDrawerDraft = function (updater) {
-        setMappingPreview(null);
-        setPersistedMappingResult(null);
-        setMigrationArtifactsResult(null);
         setGenerateCodeOutput("");
         setIsGeneratingCodeWorkflow(false);
         setGenerateCodeStatusMessage("");
         setGenerateCodeTimeoutMessage(null);
         setGenerateCodeReady(false);
         setHasAttemptedGenerateCode(false);
+        setMigrationPreviewCopied(false);
         setRunMigrationOutput("");
-        setDrawerDraft(function (current) { return (current ? updater(current) : current); });
+        updateActiveWorkspaceItem(function (current) { return (__assign(__assign({}, current), { mappingPreview: null, persistedMappingResult: null, migrationArtifactsResult: null, reviewStatus: { state: "idle", message: "Not reviewed yet." }, saveStatus: { state: "idle", message: "Not saved yet." }, migrationStatus: { state: "idle", message: "Migration artifacts not created yet." }, draft: current.draft ? updater(current.draft) : current.draft })); });
     };
+    var handleCopyMigrationPreview = function () { return __awaiter(_this, void 0, void 0, function () {
+        var migrationContent, error_2;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    migrationContent = mappingPreview === null || mappingPreview === void 0 ? void 0 : mappingPreview.migration.content;
+                    if (!migrationContent) {
+                        return [2 /*return*/];
+                    }
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, navigator.clipboard.writeText(migrationContent)];
+                case 2:
+                    _a.sent();
+                    setMigrationPreviewCopied(true);
+                    window.setTimeout(function () { return setMigrationPreviewCopied(false); }, 2000);
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Migration copied",
+                        detail: "The migration preview was copied to the clipboard.",
+                    }));
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_2 = _a.sent();
+                    dispatch(showToast({
+                        severity: "error",
+                        summary: "Copy failed",
+                        detail: "Unable to copy the migration preview to the clipboard.",
+                    }));
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
     var updateGeneralField = function (field, value) {
         updateDrawerDraft(function (current) {
             var _a;
@@ -901,16 +1126,6 @@ export function DatasourceIntrospectionPage() {
                 ? __assign(__assign({}, column), { displayName: nextDisplayName, fieldConfig: column.fieldConfig
                         ? __assign(__assign({}, column.fieldConfig), { displayName: nextDisplayName }) : column.fieldConfig }) : column); }) })); });
     };
-    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), fieldConfig: column.fieldConfig
-                        ? __assign(__assign({}, column.fieldConfig), { type: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType) }) : column.fieldConfig });
-            }) })); });
-    };
     var openFieldConfigEditor = function (columnName) {
         setFieldConfigColumnName(columnName);
     };
@@ -1006,124 +1221,193 @@ export function DatasourceIntrospectionPage() {
         window.open("/admin/core/solid-core/model-metadata/form/".concat(targetModelId), "_blank", "noopener,noreferrer");
     };
     var reviewMappingJson = function () { return __awaiter(_this, void 0, void 0, function () {
-        var validationErrors, preview, error_1;
+        var tablesWithErrors, firstSuccessKey, _loop_1, _i, workspaceTableKeys_1, key;
         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))
+                    if (!((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id) || !workspaceTableKeys.length)
                         return [2 /*return*/];
-                    validationErrors = getDrawerValidationErrors(drawerDraft);
-                    if (validationErrors.length) {
-                        validationErrors.forEach(function (detail) {
-                            dispatch(showToast({ severity: "error", summary: "Validation", detail: detail }));
+                    tablesWithErrors = workspaceTableKeys
+                        .map(function (key) { return ({ key: key, item: workspaceItems[key] }); })
+                        .filter(function (entry) { var _a; return (_a = entry.item) === null || _a === void 0 ? void 0 : _a.draft; })
+                        .flatMap(function (_a) {
+                        var item = _a.item;
+                        return getDrawerValidationErrors(item.draft).map(function (detail) { return ({
+                            tableName: item === null || item === void 0 ? void 0 : item.record.tableName,
+                            detail: detail,
+                        }); });
+                    });
+                    if (tablesWithErrors.length) {
+                        tablesWithErrors.forEach(function (_a) {
+                            var tableName = _a.tableName, detail = _a.detail;
+                            dispatch(showToast({ severity: "error", summary: tableName || "Validation", detail: detail }));
                         });
                         return [2 /*return*/];
                     }
+                    firstSuccessKey = "";
+                    _loop_1 = function (key) {
+                        var item, preview_1, error_3;
+                        return __generator(this, function (_c) {
+                            switch (_c.label) {
+                                case 0:
+                                    item = workspaceItems[key];
+                                    if (!(item === null || item === void 0 ? void 0 : item.draft))
+                                        return [2 /*return*/, "continue"];
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { reviewStatus: { state: "loading", message: "Generating mapping preview..." } })); });
+                                    _c.label = 1;
+                                case 1:
+                                    _c.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, previewMapping({
+                                            moduleId: bootstrap.module.id,
+                                            payload: buildMappingRequest(item.draft),
+                                        }).unwrap()];
+                                case 2:
+                                    preview_1 = _c.sent();
+                                    if (!firstSuccessKey) {
+                                        firstSuccessKey = key;
+                                    }
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { mappingPreview: preview_1, reviewedMetadataJsonValue: preview_1.metadataJson.model, metadataJsonText: JSON.stringify(preview_1.metadataJson.model, null, 2), metadataJsonValidationError: null, metadataJsonResetToken: "preview-".concat(preview_1.metadataJson.filePath, "-").concat(Date.now()), persistedMappingResult: null, migrationArtifactsResult: null, reviewStatus: { state: "success", message: "Preview ready." }, saveStatus: { state: "idle", message: "Not saved yet." }, migrationStatus: { state: "idle", message: "Migration artifacts not created yet." } })); });
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    error_3 = _c.sent();
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { reviewStatus: { state: "error", message: readQueryError(error_3) } })); });
+                                    dispatch(showToast({
+                                        severity: "error",
+                                        summary: "Preview failed for ".concat(item.record.tableName),
+                                        detail: readQueryError(error_3),
+                                    }));
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    };
+                    _i = 0, workspaceTableKeys_1 = workspaceTableKeys;
                     _b.label = 1;
                 case 1:
-                    _b.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, previewMapping({
-                            moduleId: bootstrap.module.id,
-                            payload: buildMappingRequest(drawerDraft),
-                        }).unwrap()];
+                    if (!(_i < workspaceTableKeys_1.length)) return [3 /*break*/, 4];
+                    key = workspaceTableKeys_1[_i];
+                    return [5 /*yield**/, _loop_1(key)];
                 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()));
-                    setPersistedMappingResult(null);
-                    setMigrationArtifactsResult(null);
-                    setGenerateCodeOutput("");
-                    setRunMigrationOutput("");
-                    setWorkspaceStep("review-json");
-                    return [3 /*break*/, 4];
+                    _b.sent();
+                    _b.label = 3;
                 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*/];
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    if (firstSuccessKey) {
+                        setActiveWorkspaceTableKey(firstSuccessKey);
+                        setWorkspaceStep("review-json");
+                        setGenerateCodeOutput("");
+                        setRunMigrationOutput("");
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
     var persistMappingArtifacts = function () { return __awaiter(_this, void 0, void 0, function () {
-        var validationErrors, reviewedModelValidation, response_1, error_2;
-        var _a, _b, _c, _d;
-        return __generator(this, function (_e) {
-            switch (_e.label) {
+        var firstSavedKey, _loop_2, _i, workspaceTableKeys_2, key;
+        var _a, _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
                 case 0:
-                    if (!drawerDraft || !((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id))
+                    if (!((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id) || !workspaceTableKeys.length)
                         return [2 /*return*/];
-                    validationErrors = getDrawerValidationErrors(drawerDraft);
-                    if (validationErrors.length) {
-                        validationErrors.forEach(function (detail) {
-                            dispatch(showToast({ severity: "error", summary: "Validation", detail: detail }));
+                    firstSavedKey = "";
+                    _loop_2 = function (key) {
+                        var item, validationErrors, reviewedModelValidation, response_1, error_4;
+                        return __generator(this, function (_e) {
+                            switch (_e.label) {
+                                case 0:
+                                    item = workspaceItems[key];
+                                    if (!(item === null || item === void 0 ? void 0 : item.draft) || !item.mappingPreview)
+                                        return [2 /*return*/, "continue"];
+                                    validationErrors = getDrawerValidationErrors(item.draft);
+                                    if (validationErrors.length) {
+                                        updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { saveStatus: { state: "error", message: validationErrors[0] } })); });
+                                        validationErrors.forEach(function (detail) {
+                                            dispatch(showToast({ severity: "error", summary: item.record.tableName, detail: detail }));
+                                        });
+                                        return [2 /*return*/, "continue"];
+                                    }
+                                    reviewedModelValidation = parseAndValidateReviewedModelJson(item.metadataJsonText, item.draft);
+                                    if (reviewedModelValidation.error || !reviewedModelValidation.parsed) {
+                                        updateWorkspaceItem(key, function (current) {
+                                            var _a, _b;
+                                            return (__assign(__assign({}, current), { metadataJsonValidationError: (_a = reviewedModelValidation.error) !== null && _a !== void 0 ? _a : "Metadata JSON is invalid.", saveStatus: { state: "error", message: (_b = reviewedModelValidation.error) !== null && _b !== void 0 ? _b : "Metadata JSON is invalid." } }));
+                                        });
+                                        dispatch(showToast({
+                                            severity: "error",
+                                            summary: item.record.tableName,
+                                            detail: (_b = reviewedModelValidation.error) !== null && _b !== void 0 ? _b : "Metadata JSON is invalid.",
+                                        }));
+                                        return [2 /*return*/, "continue"];
+                                    }
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { metadataJsonValidationError: null, saveStatus: { state: "loading", message: "Saving mapping..." } })); });
+                                    _e.label = 1;
+                                case 1:
+                                    _e.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, applyMapping({
+                                            moduleId: bootstrap.module.id,
+                                            payload: __assign(__assign({}, buildMappingRequest(item.draft, (_c = item.mappingPreview.migration.timestamp) !== null && _c !== void 0 ? _c : null)), { reviewedModel: reviewedModelValidation.parsed }),
+                                        }).unwrap()];
+                                case 2:
+                                    response_1 = _e.sent();
+                                    if (!firstSavedKey) {
+                                        firstSavedKey = key;
+                                    }
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { persistedMappingResult: response_1, migrationArtifactsResult: null, saveStatus: { state: "success", message: "Mapping saved." }, migrationStatus: { state: "idle", message: "Migration artifacts not created yet." }, draft: current.draft
+                                            ? __assign(__assign({}, current.draft), { mapped: true, modelId: response_1.modelId }) : current.draft, record: __assign(__assign({}, current.record), { mapped: true, mappedModelId: response_1.modelId }) })); });
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    error_4 = _e.sent();
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { saveStatus: { state: "error", message: readQueryError(error_4) } })); });
+                                    dispatch(showToast({
+                                        severity: "error",
+                                        summary: "Save failed for ".concat(item.record.tableName),
+                                        detail: readQueryError(error_4),
+                                    }));
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
                         });
-                        setWorkspaceStep("configure");
-                        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.");
-                        setWorkspaceStep("review-json");
-                        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;
+                    };
+                    _i = 0, workspaceTableKeys_2 = workspaceTableKeys;
+                    _d.label = 1;
                 case 1:
-                    _e.trys.push([1, 3, , 4]);
-                    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()];
+                    if (!(_i < workspaceTableKeys_2.length)) return [3 /*break*/, 4];
+                    key = workspaceTableKeys_2[_i];
+                    return [5 /*yield**/, _loop_2(key)];
                 case 2:
-                    response_1 = _e.sent();
-                    dispatch(showToast({
-                        severity: "success",
-                        summary: "Mapping saved",
-                        detail: drawerDraft.mapped
-                            ? "The model mapping metadata was updated successfully."
-                            : "The model mapping metadata was created successfully.",
-                    }));
-                    setPersistedMappingResult(response_1);
-                    setMigrationArtifactsResult(null);
-                    setGenerateCodeOutput("");
-                    setIsGeneratingCodeWorkflow(false);
-                    setGenerateCodeStatusMessage("");
-                    setGenerateCodeTimeoutMessage(null);
-                    setGenerateCodeReady(false);
-                    setHasAttemptedGenerateCode(false);
-                    setRunMigrationOutput("");
-                    setRunMigrationCompleted(false);
-                    setDrawerDraft(function (current) { return (current
-                        ? __assign(__assign({}, current), { mapped: true, modelId: response_1.modelId }) : current); });
-                    setWorkspaceStep("generate-code");
-                    return [3 /*break*/, 4];
+                    _d.sent();
+                    _d.label = 3;
                 case 3:
-                    error_2 = _e.sent();
-                    dispatch(showToast({
-                        severity: "error",
-                        summary: "Save failed",
-                        detail: readQueryError(error_2),
-                    }));
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    if (firstSavedKey) {
+                        setActiveWorkspaceTableKey(firstSavedKey);
+                        setGenerateCodeOutput("");
+                        setIsGeneratingCodeWorkflow(false);
+                        setGenerateCodeStatusMessage("");
+                        setGenerateCodeTimeoutMessage(null);
+                        setGenerateCodeReady(false);
+                        setHasAttemptedGenerateCode(false);
+                        setRunMigrationOutput("");
+                        setRunMigrationCompleted(false);
+                        setWorkspaceStep("generate-code");
+                        dispatch(showToast({
+                            severity: "success",
+                            summary: "Mappings saved",
+                            detail: "The selected table mappings were saved successfully.",
+                        }));
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
     var handleGenerateCode = function () { return __awaiter(_this, void 0, void 0, function () {
-        var responseMessage, response, error_3, isBackendAvailable;
+        var responseMessage, response, error_5, isBackendAvailable;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -1148,8 +1432,8 @@ export function DatasourceIntrospectionPage() {
                     setGenerateCodeStatusMessage("Waiting briefly for the backend restart window...");
                     return [3 /*break*/, 4];
                 case 3:
-                    error_3 = _b.sent();
-                    if (!isRecoverableGenerateCodeError(error_3)) {
+                    error_5 = _b.sent();
+                    if (!isRecoverableGenerateCodeError(error_5)) {
                         setIsGeneratingCodeWorkflow(false);
                         setGenerateCodeStatusMessage("");
                         setGenerateCodeTimeoutMessage(null);
@@ -1157,7 +1441,7 @@ export function DatasourceIntrospectionPage() {
                         dispatch(showToast({
                             severity: "error",
                             summary: "Generate code failed",
-                            detail: readQueryError(error_3),
+                            detail: readQueryError(error_5),
                         }));
                         return [2 /*return*/];
                     }
@@ -1185,7 +1469,6 @@ export function DatasourceIntrospectionPage() {
                     }
                     setGenerateCodeStatusMessage("Backend is back online. You can continue.");
                     setGenerateCodeReady(true);
-                    setMigrationArtifactsResult(null);
                     setRunMigrationOutput("");
                     dispatch(showToast({
                         severity: "success",
@@ -1197,57 +1480,94 @@ export function DatasourceIntrospectionPage() {
         });
     }); };
     var handleCreateMigrationArtifacts = function () { return __awaiter(_this, void 0, void 0, function () {
-        var reviewedModelValidation, response, error_4;
+        var firstMigrationKey, _loop_3, _i, workspaceTableKeys_3, key;
         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) || !(persistedMappingResult === null || persistedMappingResult === void 0 ? void 0 : persistedMappingResult.modelId))
+                    if (!((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id) || !workspaceTableKeys.length)
                         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.");
-                        setWorkspaceStep("review-json");
-                        dispatch(showToast({
-                            severity: "error",
-                            summary: "Validation",
-                            detail: (_c = reviewedModelValidation.error) !== null && _c !== void 0 ? _c : "Metadata JSON is invalid.",
-                        }));
-                        return [2 /*return*/];
-                    }
+                    firstMigrationKey = "";
+                    _loop_3 = function (key) {
+                        var item, reviewedModelValidation, response_2, error_6;
+                        return __generator(this, function (_f) {
+                            switch (_f.label) {
+                                case 0:
+                                    item = workspaceItems[key];
+                                    if (!(item === null || item === void 0 ? void 0 : item.draft) || !((_b = item.persistedMappingResult) === null || _b === void 0 ? void 0 : _b.modelId) || !item.mappingPreview)
+                                        return [2 /*return*/, "continue"];
+                                    reviewedModelValidation = parseAndValidateReviewedModelJson(item.metadataJsonText, item.draft);
+                                    if (reviewedModelValidation.error || !reviewedModelValidation.parsed) {
+                                        updateWorkspaceItem(key, function (current) {
+                                            var _a, _b;
+                                            return (__assign(__assign({}, current), { metadataJsonValidationError: (_a = reviewedModelValidation.error) !== null && _a !== void 0 ? _a : "Metadata JSON is invalid.", migrationStatus: { state: "error", message: (_b = reviewedModelValidation.error) !== null && _b !== void 0 ? _b : "Metadata JSON is invalid." } }));
+                                        });
+                                        dispatch(showToast({
+                                            severity: "error",
+                                            summary: item.record.tableName,
+                                            detail: (_c = reviewedModelValidation.error) !== null && _c !== void 0 ? _c : "Metadata JSON is invalid.",
+                                        }));
+                                        return [2 /*return*/, "continue"];
+                                    }
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { metadataJsonValidationError: null, migrationStatus: { state: "loading", message: "Creating migration artifacts..." } })); });
+                                    _f.label = 1;
+                                case 1:
+                                    _f.trys.push([1, 3, , 4]);
+                                    return [4 /*yield*/, createMigrationArtifacts({
+                                            moduleId: bootstrap.module.id,
+                                            payload: __assign(__assign({}, buildMappingRequest(__assign(__assign({}, item.draft), { mapped: true, modelId: item.persistedMappingResult.modelId }), (_d = item.mappingPreview.migration.timestamp) !== null && _d !== void 0 ? _d : null)), { reviewedModel: reviewedModelValidation.parsed }),
+                                        }).unwrap()];
+                                case 2:
+                                    response_2 = _f.sent();
+                                    if (!firstMigrationKey) {
+                                        firstMigrationKey = key;
+                                    }
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { migrationArtifactsResult: response_2, migrationStatus: {
+                                            state: "success",
+                                            message: response_2.migration.written ? "Migration artifacts created." : "No migration file required.",
+                                        } })); });
+                                    return [3 /*break*/, 4];
+                                case 3:
+                                    error_6 = _f.sent();
+                                    updateWorkspaceItem(key, function (current) { return (__assign(__assign({}, current), { migrationStatus: { state: "error", message: readQueryError(error_6) } })); });
+                                    dispatch(showToast({
+                                        severity: "error",
+                                        summary: "Create migration artifacts failed for ".concat(item.record.tableName),
+                                        detail: readQueryError(error_6),
+                                    }));
+                                    return [3 /*break*/, 4];
+                                case 4: return [2 /*return*/];
+                            }
+                        });
+                    };
+                    _i = 0, workspaceTableKeys_3 = workspaceTableKeys;
                     _e.label = 1;
                 case 1:
-                    _e.trys.push([1, 3, , 4]);
-                    return [4 /*yield*/, createMigrationArtifacts({
-                            moduleId: bootstrap.module.id,
-                            payload: __assign(__assign({}, buildMappingRequest(__assign(__assign({}, drawerDraft), { mapped: true, modelId: persistedMappingResult.modelId }), (_d = mappingPreview === null || mappingPreview === void 0 ? void 0 : mappingPreview.migration.timestamp) !== null && _d !== void 0 ? _d : null)), { reviewedModel: reviewedModelValidation.parsed }),
-                        }).unwrap()];
+                    if (!(_i < workspaceTableKeys_3.length)) return [3 /*break*/, 4];
+                    key = workspaceTableKeys_3[_i];
+                    return [5 /*yield**/, _loop_3(key)];
                 case 2:
-                    response = _e.sent();
-                    setMigrationArtifactsResult(response);
-                    setWorkspaceStep("run-migration");
-                    dispatch(showToast({
-                        severity: "success",
-                        summary: "Migration artifacts created",
-                        detail: response.migration.written
-                            ? "The migration file and datasource registration were written successfully."
-                            : "No migration file was required, but the datasource registration was updated successfully.",
-                    }));
-                    return [3 /*break*/, 4];
+                    _e.sent();
+                    _e.label = 3;
                 case 3:
-                    error_4 = _e.sent();
-                    dispatch(showToast({
-                        severity: "error",
-                        summary: "Create migration artifacts failed",
-                        detail: readQueryError(error_4),
-                    }));
-                    return [3 /*break*/, 4];
-                case 4: return [2 /*return*/];
+                    _i++;
+                    return [3 /*break*/, 1];
+                case 4:
+                    if (firstMigrationKey) {
+                        setActiveWorkspaceTableKey(firstMigrationKey);
+                        setWorkspaceStep("run-migration");
+                        dispatch(showToast({
+                            severity: "success",
+                            summary: "Migration artifacts ready",
+                            detail: "Datasource registration and migration artifacts were prepared for the selected tables.",
+                        }));
+                    }
+                    return [2 /*return*/];
             }
         });
     }); };
     var handleRunMigration = function () { return __awaiter(_this, void 0, void 0, function () {
-        var response, error_5;
+        var response, error_7;
         var _a;
         return __generator(this, function (_b) {
             switch (_b.label) {
@@ -1278,12 +1598,12 @@ export function DatasourceIntrospectionPage() {
                     _b.sent();
                     return [3 /*break*/, 6];
                 case 5:
-                    error_5 = _b.sent();
-                    setRunMigrationOutput(readQueryError(error_5));
+                    error_7 = _b.sent();
+                    setRunMigrationOutput(readQueryError(error_7));
                     dispatch(showToast({
                         severity: "error",
                         summary: "Run migration failed",
-                        detail: readQueryError(error_5),
+                        detail: readQueryError(error_7),
                     }));
                     return [3 /*break*/, 6];
                 case 6: return [2 /*return*/];
@@ -1315,20 +1635,20 @@ export function DatasourceIntrospectionPage() {
             label: "Review Mapping JSON",
             complete: currentStepIndex > 1,
             active: workspaceStep === "review-json",
-            disabled: !mappingPreview,
+            disabled: !allWorkspaceItemsPreviewed,
             onClick: function () {
-                if (mappingPreview)
+                if (allWorkspaceItemsPreviewed)
                     setWorkspaceStep("review-json");
             },
         },
         {
             key: "generate-code",
             label: "Generate Code",
-            complete: currentStepIndex > 2,
+            complete: currentStepIndex > 2 || generateCodeReady,
             active: workspaceStep === "generate-code",
-            disabled: !persistedMappingResult,
+            disabled: !allWorkspaceItemsPersisted,
             onClick: function () {
-                if (persistedMappingResult)
+                if (allWorkspaceItemsPersisted)
                     setWorkspaceStep("generate-code");
             },
         },
@@ -1345,30 +1665,30 @@ export function DatasourceIntrospectionPage() {
         },
         {
             key: "run-migration",
-            label: "Run Migration",
+            label: hasMigrationGenerationWork ? "Run Migration" : "Finish",
             complete: false,
             active: workspaceStep === "run-migration",
-            disabled: !migrationArtifactsResult,
+            disabled: !allWorkspaceItemsMigrated,
             onClick: function () {
-                if (migrationArtifactsResult)
+                if (allWorkspaceItemsMigrated)
                     setWorkspaceStep("run-migration");
             },
         },
     ];
-    var selectableUnmappedColumns = (_o = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _o !== void 0 ? _o : [];
+    var selectableUnmappedColumns = (_u = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _u !== void 0 ? _u : [];
     var allSelectableUnmappedIncluded = selectableUnmappedColumns.length > 0
         && selectableUnmappedColumns.every(function (column) { return column.include; });
-    var drawerRawDdl = (_p = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.rawDdl) !== null && _p !== void 0 ? _p : null;
+    var drawerRawDdl = (_w = (_v = activeWorkspaceItem === null || activeWorkspaceItem === void 0 ? void 0 : activeWorkspaceItem.detail) === null || _v === void 0 ? void 0 : _v.rawDdl) !== null && _w !== void 0 ? _w : 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, { className: "sdix-description-textarea", id: "sdix-description", rows: 2, 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: (_q = drawerDraft.schema) !== null && _q !== void 0 ? _q : "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: "Mapping Strategy" }), _jsx(SolidSelect, { id: "sdix-legacy-type", value: drawerDraft.legacyTableType, options: mappingStrategyOptions, onChange: function (event) { return updateLegacyTableType(event.value); } }), _jsxs("small", { className: "sdix-inline-note", children: ["This will use ", _jsx("strong", { children: drawerDraft.baseClassName }), " for the generated entity."] })] })] })] })] })),
+            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, { className: "sdix-description-textarea", id: "sdix-description", rows: 2, 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: (_x = drawerDraft.schema) !== null && _x !== void 0 ? _x : "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: "Mapping Strategy" }), _jsx(SolidSelect, { id: "sdix-legacy-type", value: drawerDraft.legacyTableType, options: mappingStrategyOptions, onChange: function (event) { return updateLegacyTableType(event.value); } }), _jsxs("small", { className: "sdix-inline-note", children: ["This will use ", _jsx("strong", { children: drawerDraft.baseClassName }), " for the generated entity."] })] })] })] })] })),
         },
         {
             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", { 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: "Column" }), _jsx("span", { children: "Field" }), _jsx("span", { children: "Label" }), _jsx("span", { children: "Database" }), _jsx("span", { children: "SolidX" }), _jsx("span", { children: "Status" }), _jsx("span", { children: "Action" })] }), drawerDraft.columns.map(function (column) {
+            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", { 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: "Column" }), _jsx("span", { children: "Field" }), _jsx("span", { children: "Label" }), _jsx("span", { children: "Database" }), _jsx("span", { children: "SolidX" }), _jsx("span", { children: "Status" }), _jsx("span", { children: "Mapping" })] }), drawerDraft.columns.map(function (column) {
                                 var isUserKey = drawerDraft.userKeyField === column.fieldName;
                                 var isPrimaryKeyField = column.isPrimaryKey;
                                 var statusClassName = column.handledBySuperclass
@@ -1387,7 +1707,7 @@ export function DatasourceIntrospectionPage() {
                                         : column.matched
                                             ? "Currently omitted"
                                             : "Skipped for now";
-                                return (_jsxs("div", { className: "sdix-column-row sdix-column-row--mapping", children: [_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, "aria-label": "Required included column" })) : (_jsx(SolidCheckbox, { checked: column.include, onChange: function (event) { return setColumnIncluded(column.columnName, event.target.checked); } })) }), _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 || isPrimaryKeyField ? (_jsxs("div", { className: "sdix-inline-note-stack", children: [isUserKey ? _jsx("small", { className: "sdix-inline-note", children: "User key" }) : null, isPrimaryKeyField ? _jsx("small", { className: "sdix-inline-note", children: "Primary key" }) : null] })) : null] }), _jsx("span", { children: _jsx(SolidInput, { value: column.displayName, disabled: column.handledBySuperclass, onChange: function (event) { return updateColumnDisplayName(column.columnName, event.target.value); } }) }), _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", { children: _jsx("span", { className: "sdix-status-badge ".concat(statusClassName), children: statusText }) }), _jsx("span", { className: "sdix-column-action", children: _jsxs("div", { className: "sdix-column-action-stack", children: [!column.handledBySuperclass && (column.include || column.matched) ? (_jsx(SolidButton, { size: "small", variant: "outline", className: "sdix-column-action-icon", onClick: function () { return openFieldConfigEditor(column.columnName); }, "aria-label": "Configure ".concat(column.fieldName || column.columnName, " field"), children: _jsx(Cog, { size: 14 }) })) : null, column.handledBySuperclass ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--managed", children: "Managed" })) : column.isPrimaryKey ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--required", 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));
+                                return (_jsxs("div", { className: "sdix-column-row sdix-column-row--mapping", children: [_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, "aria-label": "Required included column" })) : (_jsx(SolidCheckbox, { checked: column.include, onChange: function (event) { return setColumnIncluded(column.columnName, event.target.checked); } })) }), _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 || isPrimaryKeyField ? (_jsxs("div", { className: "sdix-inline-note-stack", children: [isUserKey ? _jsx("small", { className: "sdix-inline-note", children: "User key" }) : null, isPrimaryKeyField ? _jsx("small", { className: "sdix-inline-note", children: "Primary key" }) : null] })) : null] }), _jsx("span", { children: _jsx(SolidInput, { value: column.displayName, disabled: column.handledBySuperclass, onChange: function (event) { return updateColumnDisplayName(column.columnName, event.target.value); } }) }), _jsx("span", { className: "sdix-column-meta", children: _jsx("strong", { children: column.dataType }) }), _jsxs("span", { className: "sdix-column-type-cell", children: [!column.handledBySuperclass && (column.include || column.matched) ? (_jsx(SolidButton, { size: "small", variant: "outline", className: "sdix-column-action-icon", onClick: function () { return openFieldConfigEditor(column.columnName); }, "aria-label": "Configure ".concat(column.fieldName || column.columnName, " field"), children: _jsx(Cog, { size: 14 }) })) : null, _jsx("span", { className: "sdix-status-badge ".concat(column.handledBySuperclass ? "is-superclass" : "is-muted"), children: getFieldTypeLabel(column.solidFieldType) })] }), _jsx("span", { children: _jsx("span", { className: "sdix-status-badge ".concat(statusClassName), children: statusText }) }), _jsx("span", { className: "sdix-column-action", children: _jsx("div", { className: "sdix-column-action-stack", children: column.handledBySuperclass ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--managed", children: "Managed" })) : column.isPrimaryKey ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--required", 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));
                             })] })] })),
         },
         {
@@ -1396,17 +1716,18 @@ export function DatasourceIntrospectionPage() {
             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 reviewJsonPanel = mappingPreview ? (_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);
-                    }
+    var reviewJsonPanel = mappingPreview ? (_jsxs("div", { className: "sdix-review-panel sdix-review-panel--metadata", children: [_jsxs("div", { className: "sdix-workspace-summary", children: [_jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Selected tables" }), _jsx("strong", { children: totalWorkspaceCount })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Previews ready" }), _jsxs("strong", { children: [reviewedWorkspaceCount, "/", totalWorkspaceCount] })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Current table" }), _jsxs("strong", { children: [activeWorkspacePosition, "/", totalWorkspaceCount] })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Review errors" }), _jsx("strong", { children: reviewErrorWorkspaceCount })] })] }), _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) {
+                    updateActiveWorkspaceItem(function (current) { return (__assign(__assign({}, current), { reviewedMetadataJsonValue: nextValue, metadataJsonValidationError: null })); });
                 }, onTextChange: function (nextText) {
-                    setMetadataJsonText(nextText);
-                }, onErrorChange: setMetadataJsonValidationError }), metadataJsonValidationError ? (_jsx("div", { className: "sdix-json-validation-error", children: _jsx("span", { children: metadataJsonValidationError }) })) : null] })) : null;
-    var createMigrationsPanel = mappingPreview ? (_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 stays read-only here. Moving ahead writes the migration file to disk and updates the datasource registration now that the entity code already exists." }), 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 })] })) })) : null;
-    var generateCodePanel = (_jsxs("div", { className: "sdix-stage-panel", children: [_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 3" }), _jsx("h3", { children: "Generate module code" }), _jsx("p", { children: "The reviewed metadata JSON is now persisted. Run the normal SolidX module generation flow next so the entity, DTOs, repository, service, controller, and UI code are refreshed before we register the entity on the datasource and write the migration." })] }), _jsxs("div", { className: "sdix-stage-panel__body", children: [_jsxs("div", { className: "sdix-stage-panel__card", children: [_jsx("div", { className: "sdix-stage-panel__card-title", children: "What happens here" }), _jsxs("ul", { className: "sdix-stage-panel__list", children: [_jsxs("li", { children: ["The module generate-code pipeline runs for ", _jsx("strong", { children: (_r = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _r === void 0 ? void 0 : _r.displayName }), "."] }), _jsx("li", { children: "The newly mapped model entity is generated inside the module source folder." }), _jsx("li", { children: "Any existing generated assets for this module may be refreshed." })] })] }), _jsx("div", { className: "sdix-stage-panel__actions", children: _jsx(SolidButton, { leftIcon: _jsx(Sparkles, { size: 14 }), loading: isGenerateCodeLoading || isGeneratingCodeWorkflow, disabled: isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return void handleGenerateCode(); }, children: "Generate Code" }) }), isGeneratingCodeWorkflow ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(SolidSpinner, { size: 30 }), _jsx("h3", { children: "Generating code" }), _jsx("p", { children: generateCodeStatusMessage || "Waiting for the backend to finish restarting..." })] })) : null, !isGeneratingCodeWorkflow && generateCodeTimeoutMessage ? (_jsxs("div", { className: "sdix-error is-inline sdix-stage-progress sdix-stage-progress--warning", children: [_jsx(ShieldAlert, { size: 22 }), _jsx("h3", { children: "Manual review recommended" }), _jsx("p", { children: generateCodeTimeoutMessage })] })) : null, generateCodeOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: generateCodeOutput }) })) : null] })] }));
-    var runMigrationPanel = (_jsxs("div", { className: "sdix-stage-panel", children: [!runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 5" }), _jsx("h3", { children: "Run migration, build, and seed" }), _jsx("p", { children: "With the datasource file updated and module code generated, SolidX can now run the TypeORM migration for the selected datasource, rebuild the project, and reseed the mapped module metadata." })] })) : null, _jsxs("div", { className: "sdix-stage-panel__body", children: [!runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__card", children: [_jsx("div", { className: "sdix-stage-panel__card-title", children: "Commands" }), _jsx("pre", { className: "sdix-stage-panel__command", children: _jsx("code", { children: "npx @solidxai/solidctl@latest migration -d ".concat(selectedDatasource, " run\nnpx @solidxai/solidctl@latest build\nnpx @solidxai/solidctl@latest seed --modules-to-seed ").concat(((_s = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _s === void 0 ? void 0 : _s.name) || "") }) })] })) : null, runMigrationCompleted ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(Check, { size: 24 }), _jsx("h3", { children: "Migration workflow finished" }), _jsx("p", { children: "Review the command output below. When you are satisfied, click Finish to return to the model list." })] })) : null, runMigrationOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: runMigrationOutput }) })) : null] })] }));
+                    updateActiveWorkspaceItem(function (current) { return (__assign(__assign({}, current), { metadataJsonText: nextText })); });
+                }, onErrorChange: function (nextError) {
+                    updateActiveWorkspaceItem(function (current) { return (__assign(__assign({}, current), { metadataJsonValidationError: nextError })); });
+                } }), metadataJsonValidationError ? (_jsx("div", { className: "sdix-json-validation-error", children: _jsx("span", { children: metadataJsonValidationError }) })) : null] })) : null;
+    var createMigrationsPanel = mappingPreview ? (_jsxs("div", { className: "sdix-review-panel sdix-review-panel--migration", children: [_jsxs("div", { className: "sdix-workspace-summary", children: [_jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Selected tables" }), _jsx("strong", { children: totalWorkspaceCount })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Migration previews ready" }), _jsxs("strong", { children: [migrationReadyWorkspaceCount, "/", totalWorkspaceCount] })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Migration files to write" }), _jsx("strong", { children: totalGeneratedMigrations })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "System columns to add" }), _jsx("strong", { children: totalGeneratedSystemColumns })] })] }), mappingPreview.migration.willGenerate && mappingPreview.migration.filePath ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sdix-review-code-header", children: [_jsxs("div", { className: "sdix-review-meta sdix-review-meta--compact", children: [_jsx("span", { children: "Target file" }), _jsx("strong", { children: mappingPreview.migration.filePath })] }), mappingPreview.migration.content ? (_jsx(SolidButton, { size: "small", variant: "outline", className: "sdix-review-copy-button", leftIcon: migrationPreviewCopied ? _jsx(Check, { size: 14 }) : _jsx(Copy, { size: 14 }), onClick: function () { return void handleCopyMigrationPreview(); }, children: migrationPreviewCopied ? "Copied" : "Copy" })) : null] }), _jsx("p", { className: "sdix-review-note", children: "This migration preview is generated from the current mapping and stays read-only here. Moving ahead writes the migration file to disk and updates the datasource registration now that the entity code already exists." }), 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 })] }))] })) : null;
+    var generateCodePanel = (_jsxs("div", { className: "sdix-stage-panel", children: [_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 3" }), _jsx("h3", { children: "Generate module code" }), _jsx("p", { children: "The reviewed metadata JSON is now persisted for the selected batch. Run the normal SolidX module generation flow next so every mapped entity, DTO, repository, service, controller, and UI asset is refreshed before datasource registration and migration files are written." })] }), _jsxs("div", { className: "sdix-stage-panel__body", children: [_jsxs("div", { className: "sdix-workspace-summary", children: [_jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Selected tables" }), _jsx("strong", { children: totalWorkspaceCount })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Saved mappings" }), _jsxs("strong", { children: [savedWorkspaceCount, "/", totalWorkspaceCount] })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Columns queued" }), _jsx("strong", { children: totalIncludedMappedColumns })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "System columns pending" }), _jsx("strong", { children: totalGeneratedSystemColumns })] })] }), _jsxs("div", { className: "sdix-stage-panel__card", children: [_jsx("div", { className: "sdix-stage-panel__card-title", children: "What happens here" }), _jsxs("ul", { className: "sdix-stage-panel__list", children: [_jsxs("li", { children: ["The module generate-code pipeline runs once for ", _jsx("strong", { children: (_y = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _y === void 0 ? void 0 : _y.displayName }), "."] }), _jsx("li", { children: "All saved mappings in this batch contribute to the generated entities inside the module source folder." }), _jsx("li", { children: "Any existing generated assets for this module may be refreshed in the same pass." })] })] }), _jsx("div", { className: "sdix-stage-panel__actions", children: _jsx(SolidButton, { leftIcon: _jsx(Sparkles, { size: 14 }), loading: isGenerateCodeLoading || isGeneratingCodeWorkflow, disabled: isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return void handleGenerateCode(); }, children: "Generate Code" }) }), generateCodeReady && !isGeneratingCodeWorkflow ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress sdix-stage-progress--success", children: [_jsx(Check, { size: 24 }), _jsx("h3", { children: "Code generation finished" }), _jsx("p", { children: "The module generation workflow completed and the backend is back online. You can continue to migrations, or run generate code again if you want to retry." })] })) : null, isGeneratingCodeWorkflow ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(SolidSpinner, { size: 30 }), _jsx("h3", { children: "Generating code" }), _jsx("p", { children: generateCodeStatusMessage || "Waiting for the backend to finish restarting..." })] })) : null, !isGeneratingCodeWorkflow && generateCodeTimeoutMessage ? (_jsxs("div", { className: "sdix-error is-inline sdix-stage-progress sdix-stage-progress--warning", children: [_jsx(ShieldAlert, { size: 22 }), _jsx("h3", { children: "Manual review recommended" }), _jsx("p", { children: generateCodeTimeoutMessage })] })) : null, generateCodeOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: generateCodeOutput }) })) : null] })] }));
+    var runMigrationPanel = (_jsxs("div", { className: "sdix-stage-panel", children: [!runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 5" }), _jsx("h3", { children: hasMigrationGenerationWork ? "Run migration, build, and seed" : "Finish mapping workflow" }), _jsx("p", { children: hasMigrationGenerationWork
+                            ? "With datasource registration updated and module code generated, SolidX can now run the TypeORM migration, rebuild the project, and reseed metadata for the full selected batch."
+                            : "SolidX will now run the final wrap-up workflow for the full selected batch: execute the datasource migration command, rebuild the project, and reseed the mapped module metadata." })] })) : null, _jsxs("div", { className: "sdix-stage-panel__body", children: [_jsxs("div", { className: "sdix-workspace-summary", children: [_jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Selected tables" }), _jsx("strong", { children: totalWorkspaceCount })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Generated code ready" }), _jsx("strong", { children: hasAttemptedGenerateCode ? "Yes" : "No" })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Migration artifacts ready" }), _jsxs("strong", { children: [migrationReadyWorkspaceCount, "/", totalWorkspaceCount] })] }), _jsxs("div", { className: "sdix-workspace-summary__item", children: [_jsx("span", { children: "Datasource" }), _jsx("strong", { children: selectedDatasource })] })] }), !runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__card", children: [_jsx("div", { className: "sdix-stage-panel__card-title", children: "Commands" }), _jsx("pre", { className: "sdix-stage-panel__command", children: _jsx("code", { children: "npx @solidxai/solidctl@latest migration -d ".concat(selectedDatasource, " run\nnpx @solidxai/solidctl@latest build\nnpx @solidxai/solidctl@latest seed --modules-to-seed ").concat(((_z = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _z === void 0 ? void 0 : _z.name) || "") }) })] })) : null, runMigrationCompleted ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(Check, { size: 24 }), _jsx("h3", { children: "Migration workflow finished" }), _jsx("p", { children: "Review the command output below. When you are satisfied, click Finish to return to the model list." })] })) : null, runMigrationOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: runMigrationOutput }) })) : null] })] }));
     var workspaceContent = drawerDraft ? (function () {
         switch (workspaceStep) {
             case "review-json":
@@ -1425,51 +1746,82 @@ export function DatasourceIntrospectionPage() {
     var workspaceMeta = drawerDraft ? (function () {
         switch (workspaceStep) {
             case "review-json":
-                return (_jsx("span", { children: "Review the generated metadata JSON before it is written to the module metadata file." }));
+                return (_jsxs("span", { children: ["Reviewing", " ", _jsxs("strong", { children: [activeWorkspacePosition, " of ", totalWorkspaceCount] }), " ", "selected tables. Preview generation is ready for", " ", _jsx("strong", { children: reviewedWorkspaceCount }), " ", "table(s)", reviewErrorWorkspaceCount ? ", with ".concat(reviewErrorWorkspaceCount, " table(s) still needing review fixes.") : "."] }));
             case "generate-code":
-                return persistedMappingResult ? (_jsxs("span", { children: ["Metadata JSON has been saved for", " ", _jsx("strong", { children: drawerDraft.displayName || drawerDraft.singularName }), ". Generate the module code next so the entity file exists before datasource registration is updated. Continue stays disabled until you attempt code generation at least once."] })) : (_jsx("span", { children: "Save the metadata JSON before generating code." }));
+                return persistedMappingResult ? (_jsxs("span", { children: ["Metadata JSON has been saved for", " ", _jsx("strong", { children: savedWorkspaceCount }), " ", "of", " ", _jsx("strong", { children: totalWorkspaceCount }), " ", "selected tables. Generate the module code next so every entity file exists before datasource registration is updated. Continue stays disabled until you attempt code generation at least once."] })) : (_jsx("span", { children: "Save the reviewed metadata JSON for the selected tables before generating code." }));
             case "create-migrations":
-                return mappingPreview ? (_jsxs("span", { children: ["Create the migration artifacts for", " ", _jsx("strong", { children: mappingPreview.summary.includedColumnNames.length }), " ", "mapped columns", mappingPreview.summary.generatedSystemColumnCount
-                            ? " and ".concat(mappingPreview.summary.generatedSystemColumnCount, " SolidX system column migration changes")
-                            : "", "."] })) : null;
+                return mappingPreview ? (_jsxs("span", { children: ["Create migration artifacts for", " ", _jsx("strong", { children: migrationReadyWorkspaceCount }), " ", "of", " ", _jsx("strong", { children: totalWorkspaceCount }), " ", "selected tables. This batch currently includes", " ", _jsx("strong", { children: totalIncludedMappedColumns }), " ", "mapped columns and", " ", _jsx("strong", { children: totalGeneratedSystemColumns }), " ", "SolidX system column changes."] })) : null;
             case "run-migration":
-                return runMigrationCompleted ? (_jsxs("span", { children: ["The migration, build, and seed workflow has completed for", " ", _jsx("strong", { children: selectedDatasource }), ". Review the output below and click Finish when you are ready to return to the model list."] })) : (_jsxs("span", { children: ["Run the migration, build, and seed workflow for", " ", _jsx("strong", { children: selectedDatasource }), " ", "to apply the SolidX system columns on the legacy table and refresh the module metadata state."] }));
+                return runMigrationCompleted ? (_jsxs("span", { children: ["The migration, build, and seed workflow has completed for", " ", _jsx("strong", { children: selectedDatasource }), " ", "across", " ", _jsx("strong", { children: totalWorkspaceCount }), " ", "selected table mappings. Review the output below and click Finish when you are ready to return to the model list."] })) : (_jsxs("span", { children: [hasMigrationGenerationWork ? "Run the migration, build, and seed workflow for" : "Finish the mapping workflow for", " ", _jsx("strong", { children: selectedDatasource }), " ", "across", " ", _jsx("strong", { children: totalWorkspaceCount }), " ", "selected table mappings.", " ", hasMigrationGenerationWork
+                            ? "to apply the SolidX system columns on the legacy table and refresh the module metadata state."
+                            : "to execute the final rebuild and reseed flow after the mapping changes are already in place."] }));
             case "configure":
             default:
-                return 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: "Configure the field mapping draft before generating the metadata JSON preview." }));
+                return drawerDraft.mapped ? (_jsxs("span", { children: ["Editing", " ", _jsxs("strong", { children: [activeWorkspacePosition, " of ", totalWorkspaceCount] }), " ", "selected tables.", " ", "Current 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) : ""] })) : (_jsxs("span", { children: ["Configure", " ", _jsxs("strong", { children: [activeWorkspacePosition, " of ", totalWorkspaceCount] }), " ", "selected tables before generating the batch metadata JSON previews.", allWorkspaceItemsReady ? " All selected mapping drafts are loaded." : ""] }));
         }
     })() : null;
-    return (_jsx("div", { className: "sdix-page", children: 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: [!isWorkspaceMode ? (_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 ? (_jsxs("div", { className: "sdix-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidButton, { size: "small", leftIcon: _jsx(Sparkles, { size: 14 }), onClick: function () {
-                                        if (selectedListRow) {
-                                            startMappingForRecord(selectedListRow);
-                                        }
-                                    }, disabled: !selectedListRow, children: "Start Mapping" }), _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 () {
+    return (_jsx("div", { className: "sdix-page", children: 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: [!isWorkspaceMode ? (_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 ? (_jsxs("div", { className: "sdix-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidButton, { size: "small", leftIcon: _jsx(Sparkles, { size: 14 }), onClick: function () { return startMappingForRows(selectedRows); }, disabled: !selectedRowCount, children: "Start Mapping" }), _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" })] })] })) : null, 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, !isWorkspaceMode ? (_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) {
+                                    }, tooltip: "Session settings", "aria-label": "Session settings" })] })] })) : null, isSynchronizeBlocked ? (_jsxs("div", { className: "sdix-blocker", children: [_jsx("div", { className: "sdix-blocker__icon", children: _jsx(ShieldAlert, { size: 22 }) }), _jsxs("div", { className: "sdix-blocker__content", children: [_jsx("span", { className: "sdix-blocker__eyebrow", children: "Configuration blocker" }), _jsx("h3", { children: "Disable TypeORM synchronize before running datasource introspection" }), _jsx("p", { children: tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeMessage }), _jsx("div", { className: "sdix-blocker__note", children: "Introspection is paused here to avoid schema-sync side effects while reviewing legacy datasource tables." })] })] })) : null, !isWorkspaceMode ? (_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" })] })) : isSynchronizeBlocked ? null : !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 setSelectedRows([data]);
-                                }, rowClassName: function (rowData) { var _a; return "".concat((_a = rowData.schema) !== null && _a !== void 0 ? _a : "", "::").concat(rowData.tableName) === selectedListRowKey ? "sdix-table-row-selected" : ""; }, emptyMessage: "No datasource tables found", children: [_jsx(Column, { header: "", body: function (rowData) {
+                                    return toggleSelectedRow(data);
+                                }, rowClassName: function (rowData) { return selectedListRowKeySet.has(makeTableKey(rowData.schema, rowData.tableName)) ? "sdix-table-row-selected" : ""; }, emptyMessage: "No datasource tables found", children: [_jsx(Column, { header: _jsx("div", { className: "sdix-selection-cell", "data-no-row-click": "true", children: _jsx(SolidCheckbox, { checked: allVisibleRowsSelected, disabled: !hasVisibleRows || !filteredRecords.some(function (row) { return row.hasPrimaryKey; }), onChange: function (event) { return toggleAllVisibleRows(event.target.checked); }, "aria-label": allVisibleRowsSelected
+                                                    ? "Deselect all visible tables"
+                                                    : "Select all visible tables" }) }), body: function (rowData) {
                                             var _a;
                                             var rowKey = "".concat((_a = rowData.schema) !== null && _a !== void 0 ? _a : "", "::").concat(rowData.tableName);
-                                            return (_jsx("div", { className: "sdix-selection-cell", "data-no-row-click": "true", children: _jsx(SolidCheckbox, { checked: rowKey === selectedListRowKey, onChange: function (event) { return setSelectedRows(event.target.checked ? [rowData] : []); } }) }));
-                                        }, style: { width: 52, minWidth: 52 } }), _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
+                                            return (_jsx("div", { className: "sdix-selection-cell", "data-no-row-click": "true", children: _jsx(SolidCheckbox, { checked: selectedListRowKeySet.has(rowKey), disabled: !rowData.hasPrimaryKey, onChange: function (event) { return toggleSelectedRow(rowData, event.target.checked); } }) }));
+                                        }, style: { width: 52, minWidth: 52 } }), _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.hasPrimaryKey ? "is-blocked" : rowData.mapped ? "is-mapped" : "is-unmapped"), children: statusLabel(rowData) })); }, style: { minWidth: 150 } }), _jsx(Column, { header: "Primary Key", body: function (rowData) {
+                                            var _a;
+                                            return (rowData.hasPrimaryKey
+                                                ? rowData.primaryKeyColumnCount > 1
+                                                    ? "".concat(rowData.primaryKeyColumnCount, " columns")
+                                                    : (_a = rowData.primaryKeyColumnNames[0]) !== null && _a !== void 0 ? _a : "1 column"
+                                                : _jsx("span", { className: "sdix-muted-cell", children: "Missing" }));
+                                        }, style: { minWidth: 160 } }), _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
                                             ? (_jsxs("div", { className: "sdix-table-primary-cell", children: [_jsx("strong", { children: rowData.mappedModelDisplayName || rowData.mappedModelSingularName || "-" }), rowData.mappedModuleDisplayName || rowData.mappedModuleName ? (_jsx("span", { children: rowData.mappedModuleDisplayName || rowData.mappedModuleName })) : null] }))
                                             : _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("div", { className: "sdix-workspace-screen", children: [_jsxs("div", { className: "sdix-workspace-header", children: [_jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(ArrowLeft, { size: 14 }), onClick: leaveWorkspace, children: "Back" }), _jsxs("div", { className: "sdix-workspace-header__identity sdix-workspace-header__identity--right", children: [_jsx("h2", { children: (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) || "Mapping workspace" }), _jsx("p", { children: selectedTable
                                                 ? "".concat(selectedTable.schema || "dbo", " \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)) : "")
-                                                : "Complete the legacy table mapping in a dedicated workspace." })] })] }), !selectedTable && !isTablesLoading ? (_jsxs("div", { className: "sdix-error", children: [_jsx("span", { children: "The selected table is no longer available for this datasource." }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: leaveWorkspace, children: "Back to table list" })] })) : drawerLoadingError ? (_jsxs("div", { className: "sdix-error", 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 sdix-workspace-loading", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Preparing column mapping preview..." })] })) : (_jsxs("div", { className: "sdix-wizard-shell", children: [_jsx("div", { className: "sdix-wizard-stepper", children: stepperItems.map(function (step, index) { return (_jsxs("button", { type: "button", className: [
-                                            "sdix-wizard-stepper-item",
-                                            step.active ? "is-active" : "",
-                                            step.complete ? "is-complete" : "",
-                                            step.disabled ? "is-disabled" : "",
-                                        ].filter(Boolean).join(" "), onClick: step.onClick, disabled: step.disabled, children: [_jsx("span", { className: "sdix-wizard-stepper-badge", children: step.complete ? _jsx(Check, { size: 12 }) : index + 1 }), _jsx("span", { className: "sdix-wizard-stepper-label", children: step.label })] }, step.key)); }) }), _jsx("div", { className: "sdix-wizard-panel", children: _jsx("div", { className: "sdix-wizard-panel__body", children: workspaceContent }) }), drawerDraft ? (_jsxs("div", { className: "sdix-wizard-footer", children: [_jsx("div", { className: "sdix-wizard-footer__meta", children: workspaceMeta }), _jsxs("div", { className: "sdix-wizard-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, workspaceStep === "configure" ? (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isPreviewMappingLoading, onClick: function () { return void reviewMappingJson(); }, children: "Review Mapping" })) : null, workspaceStep === "review-json" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("configure"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isSavingMapping, onClick: function () { return void persistMappingArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "generate-code" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("review-json"); }, children: "Back" }), _jsx(SolidButton, { size: "small", disabled: !hasAttemptedGenerateCode || isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Continue" })] })) : null, workspaceStep === "create-migrations" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("generate-code"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isCreatingMigrationArtifacts, onClick: function () { return void handleCreateMigrationArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "run-migration" ? (runMigrationCompleted ? (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Check, { size: 14 }), onClick: function () { return navigate("/admin/core/solid-core/model-metadata/list"); }, children: "Finish" })) : (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Database, { size: 14 }), loading: isRunMigrationLoading, onClick: function () { return void handleRunMigration(); }, children: "Continue" })] }))) : null] })] })) : null] }))] })), _jsxs(SolidDialog, { open: Boolean(activeFieldConfigColumn), onOpenChange: function (open) {
+                                                : "Complete the legacy table mapping in a dedicated workspace." })] })] }), !selectedTable && !isTablesLoading ? (_jsxs("div", { className: "sdix-error", children: [_jsx("span", { children: "The selected table is no longer available for this datasource." }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: leaveWorkspace, children: "Back to table list" })] })) : drawerLoadingError ? (_jsxs("div", { className: "sdix-error", children: [_jsx("span", { children: readQueryError(drawerLoadingError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return selectedTable && void loadWorkspaceItem(selectedTable); }, children: "Retry" })] })) : isDrawerBlockingLoading ? (_jsxs("div", { className: "sdix-loading sdix-workspace-loading", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Preparing column mapping preview..." })] })) : (_jsxs("div", { className: "sdix-wizard-shell", children: [_jsxs("div", { className: "sdix-workspace-body", children: [_jsxs("aside", { className: "sdix-workspace-rail", children: [_jsxs("div", { className: "sdix-workspace-rail__header", children: [_jsx("strong", { children: "Selected tables" }), _jsx("span", { children: workspaceRecords.length })] }), _jsx("div", { className: "sdix-workspace-rail__list", children: workspaceTableKeys.map(function (key) {
+                                                        var item = workspaceItems[key];
+                                                        if (!item)
+                                                            return null;
+                                                        var isActive = key === activeWorkspaceTableKey;
+                                                        var status = item.migrationStatus.state !== "idle" ? item.migrationStatus
+                                                            : item.saveStatus.state !== "idle" ? item.saveStatus
+                                                                : item.reviewStatus.state !== "idle" ? item.reviewStatus
+                                                                    : item.loadStatus;
+                                                        return (_jsxs("button", { ref: function (node) {
+                                                                workspaceRailItemRefs.current[key] = node;
+                                                            }, type: "button", className: "sdix-workspace-rail__item".concat(isActive ? " is-active" : ""), onClick: function () {
+                                                                setActiveWorkspaceTableKey(key);
+                                                                if (workspaceStep === "configure") {
+                                                                    setDrawerTab("general-info");
+                                                                }
+                                                            }, children: [_jsxs("div", { className: "sdix-workspace-rail__item-main", children: [_jsx("strong", { children: item.record.tableName }), _jsx("span", { children: item.record.schema || "dbo" })] }), _jsxs("div", { className: "sdix-workspace-rail__item-status", children: [status.state === "loading" ? _jsx(SolidSpinner, { size: 12 }) : null, _jsx("span", { className: "sdix-workspace-rail__status sdix-workspace-rail__status--".concat(status.state), children: status.state === "success"
+                                                                                ? "Ready"
+                                                                                : status.state === "error"
+                                                                                    ? "Needs attention"
+                                                                                    : status.message })] })] }, key));
+                                                    }) })] }), _jsxs("div", { className: "sdix-workspace-main", children: [_jsx("div", { className: "sdix-wizard-stepper", children: stepperItems.map(function (step, index) { return (_jsxs("button", { type: "button", className: [
+                                                            "sdix-wizard-stepper-item",
+                                                            step.active ? "is-active" : "",
+                                                            step.complete ? "is-complete" : "",
+                                                            step.disabled ? "is-disabled" : "",
+                                                        ].filter(Boolean).join(" "), onClick: step.onClick, disabled: step.disabled, children: [_jsx("span", { className: "sdix-wizard-stepper-badge", children: step.complete ? _jsx(Check, { size: 12 }) : index + 1 }), _jsx("span", { className: "sdix-wizard-stepper-label", children: step.label })] }, step.key)); }) }), _jsx("div", { className: "sdix-wizard-panel", children: _jsx("div", { className: "sdix-wizard-panel__body", children: workspaceContent }) })] })] }), drawerDraft ? (_jsxs("div", { className: "sdix-wizard-footer", children: [_jsx("div", { className: "sdix-wizard-footer__meta", children: workspaceMeta }), _jsxs("div", { className: "sdix-wizard-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, workspaceStep === "configure" ? (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isPreviewMappingLoading, onClick: function () { return void reviewMappingJson(); }, children: "Review Mapping" })) : null, workspaceStep === "review-json" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("configure"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isSavingMapping, onClick: function () { return void persistMappingArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "generate-code" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("review-json"); }, children: "Back" }), _jsx(SolidButton, { size: "small", disabled: !hasAttemptedGenerateCode || isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Continue" })] })) : null, workspaceStep === "create-migrations" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("generate-code"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isCreatingMigrationArtifacts, onClick: function () { return void handleCreateMigrationArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "run-migration" ? (runMigrationCompleted ? (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Check, { size: 14 }), onClick: function () { return navigate("/admin/core/solid-core/model-metadata/list"); }, children: "Finish" })) : (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Database, { size: 14 }), loading: isRunMigrationLoading, onClick: function () { return void handleRunMigration(); }, children: "Continue" })] }))) : null] })] })) : null] }))] })), _jsxs(SolidDialog, { open: Boolean(activeFieldConfigColumn), onOpenChange: function (open) {
                         if (!open) {
                             setFieldConfigColumnName(null);
                         }
-                    }, style: { width: "min(1080px, calc(100vw - 48px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Field configuration" }), _jsx(SolidDialogDescription, { children: "Reuse the standard field form here to fine-tune the mapped SolidX field before saving the introspection draft." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: activeFieldConfigColumn && activeFieldConfigMetaData && drawerDraft ? (_jsx(FieldMetaDataForm, { modelMetaData: {
-                                    singularName: drawerDraft.singularName,
-                                    pluralName: drawerDraft.pluralName,
-                                }, fieldMetaData: activeFieldConfigMetaData, setFieldMetaData: function () { return undefined; }, setVisiblePopup: function () { return undefined; }, setIsDirty: function () { return undefined; }, allFields: fieldDraftAllFields, deleteModelFunction: function () { return undefined; }, params: params, setIsRequiredPopUp: function () { return undefined; }, showToaster: showFieldDraftToaster, onDraftSubmit: function (nextFieldConfig) { return applyFieldConfigDraft(activeFieldConfigColumn.columnName, nextFieldConfig); }, onClose: function () { return setFieldConfigColumnName(null); }, availableFieldTypes: scalarFieldTypeOptions.map(function (option) { return option.value; }), forceShowTypeSelector: true, selectorRequireContinue: true, selectorContinueLabel: "Next", selectorInitialFieldType: activeFieldConfigColumn.solidFieldType, disableIdentityEditingForExisting: false, submitLabel: "Save field config" })) : null })] }), _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" })] })] })] })) }));
+                    }, style: { width: "min(760px, calc(100vw - 64px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Field configuration" }), _jsx(SolidDialogDescription, { children: "Configure how this mapped field should work in SolidX before saving it to the mapping draft." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx("div", { className: "sdix-field-config-dialog", children: activeFieldConfigColumn && activeFieldConfigMetaData && drawerDraft ? (_jsx(FieldMetaDataForm, { modelMetaData: {
+                                        singularName: drawerDraft.singularName,
+                                        pluralName: drawerDraft.pluralName,
+                                        dataSourceType: drawerDraft.dataSourceType,
+                                        module: {
+                                            name: (_0 = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _0 === void 0 ? void 0 : _0.name,
+                                            displayName: (_1 = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _1 === void 0 ? void 0 : _1.displayName,
+                                        },
+                                    }, fieldMetaData: activeFieldConfigMetaData, setFieldMetaData: function () { return undefined; }, setVisiblePopup: function () { return undefined; }, setIsDirty: function () { return undefined; }, allFields: fieldDraftAllFields, deleteModelFunction: function () { return undefined; }, params: params, setIsRequiredPopUp: function () { return undefined; }, showToaster: showFieldDraftToaster, onDraftSubmit: function (nextFieldConfig) { return applyFieldConfigDraft(activeFieldConfigColumn.columnName, nextFieldConfig); }, onClose: function () { return setFieldConfigColumnName(null); }, forceShowTypeSelector: true, selectorRequireContinue: true, selectorContinueLabel: "Next", selectorInitialFieldType: activeFieldConfigColumn.solidFieldType, disableIdentityEditingForExisting: false, submitLabel: "Save field config" })) : null }) })] }), _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" })] })] })] })) }));
 }
 //# sourceMappingURL=DatasourceIntrospectionPage.js.map