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

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

@@ -66,16 +66,17 @@ 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 { Cog, Database, ExternalLink, RefreshCw, Save, Search, ShieldAlert, Sparkles, } from "lucide-react";
-import { camelCase } from "lodash";
+import { ArrowLeft, Check, Cog, 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";
-import { useParams } from "react-router-dom";
+import { useNavigate, useParams } from "react-router-dom";
 import { showToast } from "../../../../redux/features/toastSlice";
 import { SolidJsonEditor } from "../../../../components/core/json/SolidJsonEditor";
 import { Column, SolidDataTable } from "../../../../components/core/list/SolidDataTable";
+import { 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, useGetDatasourceIntrospectionBootstrapQuery, useGetDatasourceIntrospectionTableDetailQuery, useGetDatasourceIntrospectionTablesQuery, usePreviewDatasourceIntrospectionMappingMutation, } from "../../../../redux/api/datasourceIntrospectionApi";
+import { useApplyDatasourceIntrospectionMappingMutation, useCreateDatasourceIntrospectionMigrationArtifactsMutation, useGenerateDatasourceIntrospectionCodeMutation, useGetDatasourceIntrospectionBootstrapQuery, useGetDatasourceIntrospectionTableDetailQuery, useGetDatasourceIntrospectionTablesQuery, usePreviewDatasourceIntrospectionMappingMutation, useRunDatasourceIntrospectionMigrationMutation, } from "../../../../redux/api/datasourceIntrospectionApi";
 import { useGetmodelByIdQuery } from "../../../../redux/api/modelApi";
 import "./DatasourceIntrospectionPage.css";
 function providerLabel(type) {
@@ -104,6 +105,43 @@ var scalarFieldTypeOptions = [
     { value: "password", label: "Password" },
 ];
 var scalarFieldTypeValueSet = new Set(scalarFieldTypeOptions.map(function (option) { return option.value; }));
+var mappingStrategyOptions = [
+    { value: "generated_id", label: "Legacy generated id" },
+    { value: "existing_id", label: "Legacy existing id" },
+];
+function getBaseClassNameForLegacyType(value) {
+    return value === "existing_id"
+        ? "LegacyCommonEntityWithExistingId"
+        : "LegacyCommonEntityWithGeneratedId";
+}
+function getSuperclassFieldNameForLegacyType(columnName, legacyTableType) {
+    var _a;
+    var normalized = columnName.toLowerCase();
+    var legacyFieldMap = {
+        ss_created_at: "createdAt",
+        ss_updated_at: "updatedAt",
+        ss_deleted_at: "deletedAt",
+        ss_deleted_tracker: "deletedTracker",
+        ss_published_at: "publishedAt",
+        ss_locale_name: "localeName",
+        ss_default_entity_locale_id: "defaultEntityLocaleId",
+        ss_created_by_id: "createdBy",
+        ss_updated_by_id: "updatedBy",
+    };
+    if (normalized === "ss_id" && legacyTableType === "generated_id") {
+        return "id";
+    }
+    return (_a = legacyFieldMap[normalized]) !== null && _a !== void 0 ? _a : null;
+}
+function getSuggestedFieldNameForLegacyType(column, legacyTableType) {
+    if (legacyTableType === "existing_id" && column.isAutoGenerated) {
+        return "id";
+    }
+    if (legacyTableType === "generated_id" && column.columnName.toLowerCase() === "id") {
+        return "legacyId";
+    }
+    return camelCase(column.columnName.replace(/^ss_/i, ""));
+}
 function getDefaultOrmTypeForSolidFieldType(dataSourceType, solidFieldType) {
     var _a, _b;
     var normalizedDatasourceType = dataSourceType.toLowerCase();
@@ -159,13 +197,6 @@ function getDefaultOrmTypeForSolidFieldType(dataSourceType, solidFieldType) {
     };
     return (_b = (_a = ormTypesByDatasource[normalizedDatasourceType]) === null || _a === void 0 ? void 0 : _a[solidFieldType]) !== null && _b !== void 0 ? _b : "varchar";
 }
-function legacyTypeLabel(value) {
-    if (value === "generated_id")
-        return "Legacy generated id";
-    if (value === "existing_id")
-        return "Legacy existing id";
-    return "Legacy generated id";
-}
 function statusLabel(record) {
     return record.mapped ? "Mapped" : "Ready to map";
 }
@@ -176,6 +207,26 @@ function readQueryError(error) {
         || (error === null || error === void 0 ? void 0 : error.message)
         || "Something went wrong.");
 }
+function isRecoverableGenerateCodeError(error) {
+    var _a, _b, _c;
+    var status = (_a = error === null || error === void 0 ? void 0 : error.status) !== null && _a !== void 0 ? _a : error === null || error === void 0 ? void 0 : error.originalStatus;
+    var message = [
+        error === null || error === void 0 ? void 0 : error.error,
+        error === null || error === void 0 ? void 0 : error.message,
+        (_b = error === null || error === void 0 ? void 0 : error.data) === null || _b === void 0 ? void 0 : _b.message,
+        (_c = error === null || error === void 0 ? void 0 : error.data) === null || _c === void 0 ? void 0 : _c.error,
+    ]
+        .filter(Boolean)
+        .join(" ")
+        .toLowerCase();
+    if (status === "FETCH_ERROR" || status === "TIMEOUT_ERROR" || status === "PARSING_ERROR") {
+        return true;
+    }
+    return (message.includes("failed to fetch")
+        || message.includes("network")
+        || message.includes("load failed")
+        || message.includes("fetch"));
+}
 function normalizeName(value) {
     return value.trim().toLowerCase();
 }
@@ -207,27 +258,29 @@ function buildDrawerDraft(tableDetail, selectedTable, mappedModelData) {
         || ((_d = modelFields.find(function (field) { return field === null || field === void 0 ? void 0 : field.isUserKey; })) === null || _d === void 0 ? void 0 : _d.name)
         || "";
     var columns = tableDetail.columns.map(function (column) {
-        var _a, _b, _c, _d, _e;
+        var _a, _b, _c, _d, _e, _f;
         var matchingField = findMatchingModelField(column, modelFields);
         return {
             columnName: column.columnName,
             fieldName: (_a = matchingField === null || matchingField === void 0 ? void 0 : matchingField.name) !== null && _a !== void 0 ? _a : column.fieldName,
+            displayName: (_b = matchingField === null || matchingField === void 0 ? void 0 : matchingField.displayName) !== null && _b !== void 0 ? _b : column.displayName,
             dataType: column.dataType,
-            solidFieldType: (_b = matchingField === null || matchingField === void 0 ? void 0 : matchingField.type) !== null && _b !== void 0 ? _b : column.solidFieldType,
-            ormType: (_c = matchingField === null || matchingField === void 0 ? void 0 : matchingField.ormType) !== null && _c !== void 0 ? _c : column.ormType,
+            solidFieldType: (_c = matchingField === null || matchingField === void 0 ? void 0 : matchingField.type) !== null && _c !== void 0 ? _c : column.solidFieldType,
+            ormType: (_d = matchingField === null || matchingField === void 0 ? void 0 : matchingField.ormType) !== null && _d !== void 0 ? _d : column.ormType,
             nullable: column.nullable,
-            defaultValue: (_d = matchingField === null || matchingField === void 0 ? void 0 : matchingField.defaultValue) !== null && _d !== void 0 ? _d : column.defaultValue,
+            defaultValue: (_e = matchingField === null || matchingField === void 0 ? void 0 : matchingField.defaultValue) !== null && _e !== void 0 ? _e : column.defaultValue,
             characterMaximumLength: column.characterMaximumLength,
             numericPrecision: column.numericPrecision,
             numericScale: column.numericScale,
             ordinalPosition: column.ordinalPosition,
             isAutoGenerated: column.isAutoGenerated,
+            isDetectedPrimaryKey: column.isPrimaryKey,
             handledBySuperclass: column.handledBySuperclass,
             superclassFieldName: column.superclassFieldName,
-            fieldId: (_e = matchingField === null || matchingField === void 0 ? void 0 : matchingField.id) !== null && _e !== void 0 ? _e : null,
+            fieldId: (_f = matchingField === null || matchingField === void 0 ? void 0 : matchingField.id) !== null && _f !== void 0 ? _f : null,
             include: column.handledBySuperclass ? false : Boolean(matchingField) || !selectedTable.mapped,
             matched: Boolean(matchingField),
-            isPrimaryKey: Boolean(matchingField === null || matchingField === void 0 ? void 0 : matchingField.isPrimaryKey) || (column.isAutoGenerated && column.fieldName === "id"),
+            isPrimaryKey: Boolean(matchingField === null || matchingField === void 0 ? void 0 : matchingField.isPrimaryKey) || column.isPrimaryKey || (column.isAutoGenerated && column.fieldName === "id"),
         };
     });
     var draftUserKeyField = modelUserKeyField || tableDetail.suggestedMetadata.userKeyField;
@@ -277,6 +330,10 @@ function getDrawerValidationErrors(draft) {
             errors.push("Field name is required for column \"".concat(column.columnName, "\"."));
             continue;
         }
+        if (!column.displayName.trim()) {
+            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, "\"."));
             continue;
@@ -328,6 +385,7 @@ function buildMappingRequest(draft, plannedMigrationTimestamp) {
         columns: draft.columns.map(function (column) { return ({
             columnName: column.columnName,
             fieldName: column.fieldName,
+            displayName: column.displayName,
             dataType: column.dataType,
             solidFieldType: column.solidFieldType,
             ormType: column.ormType,
@@ -475,47 +533,53 @@ function parseAndValidateReviewedModelJson(metadataJsonText, draft) {
 }
 export function DatasourceIntrospectionPage() {
     var _this = this;
-    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q;
     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 _o = useGetDatasourceIntrospectionBootstrapQuery(moduleId, {
+    var _r = useGetDatasourceIntrospectionBootstrapQuery(moduleId, {
         skip: !isValidModuleId,
-    }), bootstrap = _o.data, isBootstrapLoading = _o.isLoading, isBootstrapFetching = _o.isFetching, bootstrapError = _o.error, refetchBootstrap = _o.refetch;
-    var _p = useState(""), selectedDatasource = _p[0], setSelectedDatasource = _p[1];
-    var _q = useState(""), selectedTableKey = _q[0], setSelectedTableKey = _q[1];
-    var _r = useState(""), tableSearch = _r[0], setTableSearch = _r[1];
-    var _s = useState(false), settingsOpen = _s[0], setSettingsOpen = _s[1];
-    var _t = useState("datasource-info"), settingsTab = _t[0], setSettingsTab = _t[1];
-    var _u = useState(false), drawerOpen = _u[0], setDrawerOpen = _u[1];
-    var _v = useState(null), drawerDraft = _v[0], setDrawerDraft = _v[1];
-    var _w = useState("general-info"), drawerTab = _w[0], setDrawerTab = _w[1];
-    var _x = useState("edit"), drawerStep = _x[0], setDrawerStep = _x[1];
-    var _y = useState("metadata-json"), reviewTab = _y[0], setReviewTab = _y[1];
-    var _z = useState(null), mappingPreview = _z[0], setMappingPreview = _z[1];
-    var _0 = useState(null), reviewedMetadataJsonValue = _0[0], setReviewedMetadataJsonValue = _0[1];
-    var _1 = useState(""), metadataJsonText = _1[0], setMetadataJsonText = _1[1];
-    var _2 = useState(null), metadataJsonValidationError = _2[0], setMetadataJsonValidationError = _2[1];
-    var _3 = useState("initial"), metadataJsonResetToken = _3[0], setMetadataJsonResetToken = _3[1];
-    var _4 = useState(false), drawerBootstrapping = _4[0], setDrawerBootstrapping = _4[1];
-    var _5 = useState({
+    }), bootstrap = _r.data, isBootstrapLoading = _r.isLoading, isBootstrapFetching = _r.isFetching, bootstrapError = _r.error, refetchBootstrap = _r.refetch;
+    var _s = useState(""), selectedDatasource = _s[0], setSelectedDatasource = _s[1];
+    var _t = useState([]), selectedRows = _t[0], setSelectedRows = _t[1];
+    var _u = useState(""), workspaceTableKey = _u[0], setWorkspaceTableKey = _u[1];
+    var _v = useState(""), tableSearch = _v[0], setTableSearch = _v[1];
+    var _w = useState(false), settingsOpen = _w[0], setSettingsOpen = _w[1];
+    var _x = useState("datasource-info"), settingsTab = _x[0], setSettingsTab = _x[1];
+    var _y = useState(null), drawerDraft = _y[0], setDrawerDraft = _y[1];
+    var _z = useState("general-info"), drawerTab = _z[0], setDrawerTab = _z[1];
+    var _0 = useState("configure"), workspaceStep = _0[0], setWorkspaceStep = _0[1];
+    var _1 = useState(null), mappingPreview = _1[0], setMappingPreview = _1[1];
+    var _2 = useState(null), persistedMappingResult = _2[0], setPersistedMappingResult = _2[1];
+    var _3 = useState(null), migrationArtifactsResult = _3[0], setMigrationArtifactsResult = _3[1];
+    var _4 = useState(""), generateCodeOutput = _4[0], setGenerateCodeOutput = _4[1];
+    var _5 = useState(false), isGeneratingCodeWorkflow = _5[0], setIsGeneratingCodeWorkflow = _5[1];
+    var _6 = useState(""), generateCodeStatusMessage = _6[0], setGenerateCodeStatusMessage = _6[1];
+    var _7 = useState(null), generateCodeTimeoutMessage = _7[0], setGenerateCodeTimeoutMessage = _7[1];
+    var _8 = useState(false), generateCodeReady = _8[0], setGenerateCodeReady = _8[1];
+    var _9 = useState(false), hasAttemptedGenerateCode = _9[0], setHasAttemptedGenerateCode = _9[1];
+    var _10 = useState(""), runMigrationOutput = _10[0], setRunMigrationOutput = _10[1];
+    var _11 = useState(false), runMigrationCompleted = _11[0], setRunMigrationCompleted = _11[1];
+    var _12 = useState(null), reviewedMetadataJsonValue = _12[0], setReviewedMetadataJsonValue = _12[1];
+    var _13 = useState(""), metadataJsonText = _13[0], setMetadataJsonText = _13[1];
+    var _14 = useState(null), metadataJsonValidationError = _14[0], setMetadataJsonValidationError = _14[1];
+    var _15 = useState("initial"), metadataJsonResetToken = _15[0], setMetadataJsonResetToken = _15[1];
+    var _16 = useState(false), drawerBootstrapping = _16[0], setDrawerBootstrapping = _16[1];
+    var _17 = useState({
         relationInferenceEnabled: false,
         prioritizeUnmappedTables: true,
-    }), sessionSettings = _5[0], setSessionSettings = _5[1];
-    var _6 = useState(sessionSettings), draftSessionSettings = _6[0], setDraftSessionSettings = _6[1];
+    }), sessionSettings = _17[0], setSessionSettings = _17[1];
+    var _18 = useState(sessionSettings), draftSessionSettings = _18[0], setDraftSessionSettings = _18[1];
     var drawerBootstrapTimerRef = useRef(null);
-    var scrollDrawerBodyToTop = function () {
-        if (typeof document === "undefined")
-            return;
-        window.requestAnimationFrame(function () {
-            var drawerBody = document.querySelector(".sdix-drawer-body");
-            drawerBody === null || drawerBody === void 0 ? void 0 : drawerBody.scrollTo({ top: 0, left: 0 });
-        });
-    };
-    var _7 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _7[0], isPreviewMappingLoading = _7[1].isLoading;
-    var _8 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _8[0], isApplyMappingLoading = _8[1].isLoading;
+    var _19 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _19[0], isPreviewMappingLoading = _19[1].isLoading;
+    var _20 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _20[0], isApplyMappingLoading = _20[1].isLoading;
+    var _21 = useCreateDatasourceIntrospectionMigrationArtifactsMutation(), createMigrationArtifacts = _21[0], isCreateMigrationArtifactsLoading = _21[1].isLoading;
+    var _22 = useGenerateDatasourceIntrospectionCodeMutation(), generateCode = _22[0], isGenerateCodeLoading = _22[1].isLoading;
+    var _23 = useRunDatasourceIntrospectionMigrationMutation(), runMigration = _23[0], isRunMigrationLoading = _23[1].isLoading;
     var isSavingMapping = isApplyMappingLoading;
+    var isCreatingMigrationArtifacts = isCreateMigrationArtifactsLoading;
     useEffect(function () {
         if (!bootstrap)
             return;
@@ -526,13 +590,22 @@ export function DatasourceIntrospectionPage() {
         }
     }, [bootstrap, selectedDatasource]);
     useEffect(function () {
-        setSelectedTableKey("");
+        setSelectedRows([]);
+        setWorkspaceTableKey("");
         setDrawerDraft(null);
-        setDrawerOpen(false);
         setTableSearch("");
-        setDrawerStep("edit");
-        setReviewTab("metadata-json");
+        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);
@@ -543,11 +616,6 @@ export function DatasourceIntrospectionPage() {
             window.clearTimeout(drawerBootstrapTimerRef.current);
         }
     }; }, []);
-    useEffect(function () {
-        if (!drawerOpen)
-            return;
-        scrollDrawerBodyToTop();
-    }, [drawerOpen, drawerStep, drawerTab, reviewTab, selectedTableKey]);
     var datasourceOptions = useMemo(function () {
         var _a;
         return ((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) !== null && _a !== void 0 ? _a : []).map(function (datasource) { return ({
@@ -555,23 +623,26 @@ export function DatasourceIntrospectionPage() {
             value: datasource.name,
         }); });
     }, [bootstrap]);
-    var _9 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
+    var _24 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
         skip: !isValidModuleId || !selectedDatasource,
-    }), tablesResponse = _9.data, isTablesLoading = _9.isLoading, isTablesFetching = _9.isFetching, tablesError = _9.error, refetchTables = _9.refetch;
-    var selectedTable = useMemo(function () { var _a, _b; return (_b = (_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) === null || _a === void 0 ? void 0 : _a.find(function (record) { var _a; return "".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName) === selectedTableKey; })) !== null && _b !== void 0 ? _b : null; }, [tablesResponse, selectedTableKey]);
-    var _10 = useGetDatasourceIntrospectionTableDetailQuery({
+    }), tablesResponse = _24.data, isTablesLoading = _24.isLoading, isTablesFetching = _24.isFetching, tablesError = _24.error, refetchTables = _24.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 _25 = useGetDatasourceIntrospectionTableDetailQuery({
         moduleId: moduleId,
         datasource: selectedDatasource,
-        table: (_b = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) !== null && _b !== void 0 ? _b : "",
-        schema: (_c = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.schema) !== null && _c !== void 0 ? _c : undefined,
+        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: !drawerOpen || !isValidModuleId || !selectedDatasource || !selectedTable || !!(tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked),
-    }), tableDetail = _10.data, isTableDetailLoading = _10.isLoading, isTableDetailFetching = _10.isFetching, tableDetailError = _10.error, refetchTableDetail = _10.refetch;
-    var _11 = useGetmodelByIdQuery((_d = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId) !== null && _d !== void 0 ? _d : 0, {
-        skip: !drawerOpen || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId),
-    }), mappedModelResponse = _11.data, isMappedModelLoading = _11.isLoading, isMappedModelFetching = _11.isFetching, mappedModelError = _11.error;
+        skip: !isWorkspaceMode || !isValidModuleId || !selectedDatasource || !selectedTable || !!(tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked),
+    }), tableDetail = _25.data, isTableDetailLoading = _25.isLoading, isTableDetailFetching = _25.isFetching, tableDetailError = _25.error, refetchTableDetail = _25.refetch;
+    var _26 = 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 = _26.data, isMappedModelLoading = _26.isLoading, isMappedModelFetching = _26.isFetching, mappedModelError = _26.error;
     var mappedModelData = mappedModelResponse === null || mappedModelResponse === void 0 ? void 0 : mappedModelResponse.data;
-    var selectedDatasourceRecord = (_f = (_e = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.datasources) === null || _e === void 0 ? void 0 : _e.find(function (datasource) { return datasource.name === selectedDatasource; })) !== null && _f !== void 0 ? _f : null;
+    var 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 drawerLoadingError = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) ? (tableDetailError || mappedModelError) : tableDetailError;
     var isDrawerBlockingLoading = Boolean(selectedTable
         && (drawerBootstrapping
@@ -580,7 +651,40 @@ export function DatasourceIntrospectionPage() {
             || isTableDetailFetching
             || (selectedTable.mapped && (isMappedModelLoading || isMappedModelFetching))));
     useEffect(function () {
-        if (!drawerOpen || !selectedTable || !tableDetail)
+        if (!isWorkspaceMode) {
+            setDrawerDraft(null);
+            return;
+        }
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+        setDrawerDraft(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;
@@ -591,15 +695,15 @@ export function DatasourceIntrospectionPage() {
         drawerBootstrapTimerRef.current = window.setTimeout(function () {
             setDrawerBootstrapping(false);
         }, 150);
-    }, [drawerOpen, selectedTable, tableDetail, mappedModelData, mappedModelResponse]);
+    }, [isWorkspaceMode, selectedTable, tableDetail, mappedModelData, mappedModelResponse]);
     var filteredRecords = useMemo(function () {
         var _a;
         var records = __spreadArray([], ((_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) !== null && _a !== void 0 ? _a : []), true);
         var searchNeedle = tableSearch.trim().toLowerCase();
         var filtered = searchNeedle
             ? records.filter(function (record) {
-                var _a, _b, _c;
-                var haystack = "".concat(record.tableName, " ").concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", " ").concat((_b = record.mappedModelSingularName) !== null && _b !== void 0 ? _b : "", " ").concat((_c = record.mappedModelDisplayName) !== null && _c !== void 0 ? _c : "").toLowerCase();
+                var _a, _b, _c, _d, _e;
+                var haystack = "".concat(record.tableName, " ").concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", " ").concat((_b = record.mappedModelSingularName) !== null && _b !== void 0 ? _b : "", " ").concat((_c = record.mappedModelDisplayName) !== null && _c !== void 0 ? _c : "", " ").concat((_d = record.mappedModuleName) !== null && _d !== void 0 ? _d : "", " ").concat((_e = record.mappedModuleDisplayName) !== null && _e !== void 0 ? _e : "").toLowerCase();
                 return haystack.includes(searchNeedle);
             })
             : records;
@@ -639,7 +743,7 @@ export function DatasourceIntrospectionPage() {
         {
             value: "datasource-info",
             label: "Datasource Info",
-            content: (_jsxs("div", { className: "sdix-settings-grid", children: [_jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Target module" }), _jsx("strong", { children: (_g = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _g === void 0 ? void 0 : _g.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_h = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _h === void 0 ? void 0 : _h.defaultDataSource) || "Not set" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource name" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.displayName) || "Not selected" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource type" }), _jsx("strong", { children: selectedDatasourceRecord ? providerLabel(selectedDatasourceRecord.type) : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Host" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.host) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Port" }), _jsx("strong", { children: (_j = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _j !== void 0 ? _j : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Database" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.database) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Env Prefix" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.envPrefix) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Synchronize" }), _jsx("strong", { children: selectedDatasourceRecord ? (selectedDatasourceRecord.synchronize === true ? "true" : "false") : "-" })] })] })),
+            content: (_jsxs("div", { className: "sdix-settings-grid", children: [_jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Target module" }), _jsx("strong", { children: (_j = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _j === void 0 ? void 0 : _j.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_k = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _k === void 0 ? void 0 : _k.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: (_l = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _l !== void 0 ? _l : "-" })] }), _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",
@@ -659,7 +763,7 @@ export function DatasourceIntrospectionPage() {
                     _a.sent();
                     _a.label = 3;
                 case 3:
-                    if (!selectedTable) return [3 /*break*/, 5];
+                    if (!(isWorkspaceMode && selectedTable)) return [3 /*break*/, 5];
                     return [4 /*yield*/, refetchTableDetail()];
                 case 4:
                     _a.sent();
@@ -668,23 +772,38 @@ export function DatasourceIntrospectionPage() {
             }
         });
     }); };
-    var openTableDrawer = function (record) {
-        var _a, _b;
+    var startMappingForRecord = function (record) {
+        var _a;
         if (drawerBootstrapTimerRef.current) {
             window.clearTimeout(drawerBootstrapTimerRef.current);
         }
-        setSelectedTableKey("".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName));
+        setSelectedRows([record]);
+        setWorkspaceTableKey("".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName));
+    };
+    var leaveWorkspace = function () {
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+        setWorkspaceTableKey("");
         setDrawerDraft(null);
+        setWorkspaceStep("configure");
         setDrawerTab("general-info");
-        setDrawerStep("edit");
-        setReviewTab("metadata-json");
         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((_b = record.schema) !== null && _b !== void 0 ? _b : "default", "-").concat(record.tableName, "-").concat(Date.now()));
-        setDrawerBootstrapping(true);
-        setDrawerOpen(true);
+        setMetadataJsonResetToken("workspace-closed-".concat(Date.now()));
+        setDrawerBootstrapping(false);
     };
     var applyDraftSettings = function () {
         setSessionSettings(draftSessionSettings);
@@ -692,6 +811,15 @@ export function DatasourceIntrospectionPage() {
     };
     var updateDrawerDraft = function (updater) {
         setMappingPreview(null);
+        setPersistedMappingResult(null);
+        setMigrationArtifactsResult(null);
+        setGenerateCodeOutput("");
+        setIsGeneratingCodeWorkflow(false);
+        setGenerateCodeStatusMessage("");
+        setGenerateCodeTimeoutMessage(null);
+        setGenerateCodeReady(false);
+        setHasAttemptedGenerateCode(false);
+        setRunMigrationOutput("");
         setDrawerDraft(function (current) { return (current ? updater(current) : current); });
     };
     var updateGeneralField = function (field, value) {
@@ -706,12 +834,20 @@ export function DatasourceIntrospectionPage() {
             return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
                     if (column.columnName !== columnName)
                         return column;
-                    return __assign(__assign({}, column), { fieldName: camelCase(nextFieldName) });
+                    var previousSuggestedLabel = startCase(column.fieldName);
+                    var nextNormalizedFieldName = camelCase(nextFieldName);
+                    return __assign(__assign({}, column), { fieldName: nextNormalizedFieldName, displayName: !column.displayName.trim() || column.displayName === previousSuggestedLabel
+                            ? startCase(nextNormalizedFieldName)
+                            : column.displayName });
                 }), userKeyField: current.userKeyField === ((_a = current.columns.find(function (column) { return column.columnName === columnName; })) === null || _a === void 0 ? void 0 : _a.fieldName)
                     ? camelCase(nextFieldName)
                     : current.userKeyField }));
         });
     };
+    var updateColumnDisplayName = function (columnName, nextDisplayName) {
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) { return (column.columnName === columnName
+                ? __assign(__assign({}, column), { displayName: nextDisplayName }) : column); }) })); });
+    };
     var updateColumnSolidFieldType = function (columnName, nextSolidFieldType) {
         updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
                 if (column.columnName !== columnName)
@@ -721,6 +857,33 @@ export function DatasourceIntrospectionPage() {
                 return __assign(__assign({}, column), { solidFieldType: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType) });
             }) })); });
     };
+    var updateLegacyTableType = function (legacyTableType) {
+        updateDrawerDraft(function (current) {
+            var _a;
+            var renamedUserKeyColumns = new Map();
+            var columns = current.columns.map(function (column) {
+                var nextSuperclassFieldName = getSuperclassFieldNameForLegacyType(column.columnName, legacyTableType);
+                var nextHandledBySuperclass = Boolean(nextSuperclassFieldName);
+                var nextSuggestedFieldName = getSuggestedFieldNameForLegacyType(column, legacyTableType);
+                var shouldRebuildFieldName = column.handledBySuperclass !== nextHandledBySuperclass
+                    || (legacyTableType === "existing_id" && column.isAutoGenerated && (column.fieldName === "id" || column.fieldName === "legacyId"))
+                    || (legacyTableType === "generated_id" && column.columnName.toLowerCase() === "id");
+                var nextFieldName = shouldRebuildFieldName ? nextSuggestedFieldName : column.fieldName;
+                var nextDisplayName = !column.displayName.trim() || column.displayName === startCase(column.fieldName)
+                    ? startCase(nextFieldName)
+                    : column.displayName;
+                var nextInclude = nextHandledBySuperclass
+                    ? false
+                    : (legacyTableType === "existing_id" && column.isAutoGenerated ? true : column.include);
+                var nextIsPrimaryKey = (legacyTableType === "existing_id" && column.isAutoGenerated && nextFieldName === "id") || (legacyTableType === "generated_id" && column.isDetectedPrimaryKey);
+                if (current.userKeyField === column.fieldName && current.userKeyField !== nextFieldName) {
+                    renamedUserKeyColumns.set(column.fieldName, nextFieldName);
+                }
+                return __assign(__assign({}, column), { fieldName: nextFieldName, displayName: nextDisplayName, handledBySuperclass: nextHandledBySuperclass, superclassFieldName: nextSuperclassFieldName, include: nextInclude, isPrimaryKey: nextIsPrimaryKey });
+            });
+            return __assign(__assign({}, current), { legacyTableType: legacyTableType, baseClassName: getBaseClassNameForLegacyType(legacyTableType), columns: columns, userKeyField: (_a = renamedUserKeyColumns.get(current.userKeyField)) !== null && _a !== void 0 ? _a : current.userKeyField });
+        });
+    };
     var setColumnIncluded = function (columnName, include) {
         updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
                 if (column.columnName !== columnName)
@@ -749,7 +912,7 @@ export function DatasourceIntrospectionPage() {
             return;
         window.open("/admin/core/solid-core/model-metadata/form/".concat(targetModelId), "_blank", "noopener,noreferrer");
     };
-    var viewChanges = function () { return __awaiter(_this, void 0, void 0, function () {
+    var reviewMappingJson = function () { return __awaiter(_this, void 0, void 0, function () {
         var validationErrors, preview, error_1;
         var _a;
         return __generator(this, function (_b) {
@@ -778,8 +941,11 @@ export function DatasourceIntrospectionPage() {
                     setMetadataJsonText(JSON.stringify(preview.metadataJson.model, null, 2));
                     setMetadataJsonValidationError(null);
                     setMetadataJsonResetToken("preview-".concat(preview.metadataJson.filePath, "-").concat(Date.now()));
-                    setReviewTab("metadata-json");
-                    setDrawerStep("review");
+                    setPersistedMappingResult(null);
+                    setMigrationArtifactsResult(null);
+                    setGenerateCodeOutput("");
+                    setRunMigrationOutput("");
+                    setWorkspaceStep("review-json");
                     return [3 /*break*/, 4];
                 case 3:
                     error_1 = _b.sent();
@@ -793,8 +959,8 @@ export function DatasourceIntrospectionPage() {
             }
         });
     }); };
-    var saveMapping = function () { return __awaiter(_this, void 0, void 0, function () {
-        var validationErrors, reviewedModelValidation, response, error_2;
+    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) {
@@ -806,14 +972,13 @@ export function DatasourceIntrospectionPage() {
                         validationErrors.forEach(function (detail) {
                             dispatch(showToast({ severity: "error", summary: "Validation", detail: detail }));
                         });
-                        setDrawerStep("edit");
+                        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.");
-                        setReviewTab("metadata-json");
-                        setDrawerStep("review");
+                        setWorkspaceStep("review-json");
                         dispatch(showToast({
                             severity: "error",
                             summary: "Validation",
@@ -824,43 +989,207 @@ export function DatasourceIntrospectionPage() {
                     setMetadataJsonValidationError(null);
                     _e.label = 1;
                 case 1:
-                    _e.trys.push([1, 5, , 6]);
+                    _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()];
+                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];
+                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*/];
+            }
+        });
+    }); };
+    var handleGenerateCode = function () { return __awaiter(_this, void 0, void 0, function () {
+        var responseMessage, response, error_3, isBackendAvailable;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id))
+                        return [2 /*return*/];
+                    setHasAttemptedGenerateCode(true);
+                    setRunMigrationCompleted(false);
+                    setIsGeneratingCodeWorkflow(true);
+                    setGenerateCodeStatusMessage("Submitting module generate-code request...");
+                    setGenerateCodeTimeoutMessage(null);
+                    setGenerateCodeReady(false);
+                    responseMessage = "";
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, generateCode({ moduleId: bootstrap.module.id }).unwrap()];
+                case 2:
+                    response = _b.sent();
+                    responseMessage = response.output || response.message || "";
+                    setGenerateCodeOutput(responseMessage);
+                    setGenerateCodeStatusMessage("Waiting briefly for the backend restart window...");
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_3 = _b.sent();
+                    if (!isRecoverableGenerateCodeError(error_3)) {
+                        setIsGeneratingCodeWorkflow(false);
+                        setGenerateCodeStatusMessage("");
+                        setGenerateCodeTimeoutMessage(null);
+                        setGenerateCodeReady(false);
+                        dispatch(showToast({
+                            severity: "error",
+                            summary: "Generate code failed",
+                            detail: readQueryError(error_3),
+                        }));
+                        return [2 /*return*/];
+                    }
+                    setGenerateCodeStatusMessage("The API connection dropped during restart. Waiting for the backend to come back online...");
+                    return [3 /*break*/, 4];
+                case 4: return [4 /*yield*/, new Promise(function (resolve) { return window.setTimeout(resolve, 5000); })];
+                case 5:
+                    _b.sent();
+                    setGenerateCodeStatusMessage("Checking if the backend is back online...");
+                    return [4 /*yield*/, waitForBackendAvailability({
+                            retries: 40,
+                            delayMs: 1500,
+                        })];
+                case 6:
+                    isBackendAvailable = _b.sent();
+                    setIsGeneratingCodeWorkflow(false);
+                    if (!isBackendAvailable) {
+                        setGenerateCodeTimeoutMessage("Code generation took longer than expected. The backend did not come back within 60 seconds, so there may be a compilation failure or another startup issue. Please review the generated code manually and check the API logs before continuing.");
+                        dispatch(showToast({
+                            severity: "warn",
+                            summary: "Backend restart taking too long",
+                            detail: "The generate-code request completed, but the backend did not come back within 60 seconds.",
+                        }));
+                        return [2 /*return*/];
+                    }
+                    setGenerateCodeStatusMessage("Backend is back online. You can continue.");
+                    setGenerateCodeReady(true);
+                    setMigrationArtifactsResult(null);
+                    setRunMigrationOutput("");
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Code generated",
+                        detail: responseMessage || "The backend is back online. You can continue to the migration artifacts step.",
+                    }));
+                    return [2 /*return*/];
+            }
+        });
+    }); };
+    var handleCreateMigrationArtifacts = function () { return __awaiter(_this, void 0, void 0, function () {
+        var reviewedModelValidation, response, error_4;
+        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))
+                        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*/];
+                    }
+                    _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()];
                 case 2:
                     response = _e.sent();
+                    setMigrationArtifactsResult(response);
+                    setWorkspaceStep("run-migration");
                     dispatch(showToast({
                         severity: "success",
-                        summary: "Saved",
+                        summary: "Migration artifacts created",
                         detail: response.migration.written
-                            ? "The mapping, metadata JSON, and migration template were written successfully."
-                            : drawerDraft.mapped
-                                ? "The model mapping was updated and written back to metadata JSON."
-                                : "The model mapping was created and written to metadata JSON.",
+                            ? "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];
+                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*/];
+            }
+        });
+    }); };
+    var handleRunMigration = function () { return __awaiter(_this, void 0, void 0, function () {
+        var response, error_5;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!((_a = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _a === void 0 ? void 0 : _a.id) || !selectedDatasource)
+                        return [2 /*return*/];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 5, , 6]);
+                    return [4 /*yield*/, runMigration({
+                            moduleId: bootstrap.module.id,
+                            datasource: selectedDatasource,
+                        }).unwrap()];
+                case 2:
+                    response = _b.sent();
+                    setRunMigrationOutput(response.output || response.message || "");
+                    setRunMigrationCompleted(true);
+                    dispatch(showToast({
+                        severity: "success",
+                        summary: "Migration complete",
+                        detail: response.message || "Migrations ran successfully for datasource \"".concat(selectedDatasource, "\"."),
                     }));
-                    setDrawerOpen(false);
-                    setDrawerDraft(null);
-                    setMappingPreview(null);
-                    setReviewedMetadataJsonValue(null);
-                    setMetadataJsonText("");
-                    setMetadataJsonValidationError(null);
-                    setMetadataJsonResetToken("saved-".concat(Date.now()));
-                    setDrawerStep("edit");
                     return [4 /*yield*/, refetchTables()];
                 case 3:
-                    _e.sent();
+                    _b.sent();
                     return [4 /*yield*/, refetchBootstrap()];
                 case 4:
-                    _e.sent();
+                    _b.sent();
                     return [3 /*break*/, 6];
                 case 5:
-                    error_2 = _e.sent();
+                    error_5 = _b.sent();
                     dispatch(showToast({
                         severity: "error",
-                        summary: "Save failed",
-                        detail: readQueryError(error_2),
+                        summary: "Run migration failed",
+                        detail: readQueryError(error_5),
                     }));
                     return [3 /*break*/, 6];
                 case 6: return [2 /*return*/];
@@ -870,21 +1199,84 @@ export function DatasourceIntrospectionPage() {
     if (!isValidModuleId) {
         return (_jsx("div", { className: "sdix-page", children: _jsxs("div", { className: "sdix-empty-state", children: [_jsx(ShieldAlert, { size: 24 }), _jsx("h2", { children: "Module not found" }), _jsx("p", { children: "Open datasource introspection from a saved module so SolidX knows which module should receive the mapped models." })] }) }));
     }
-    var selectableUnmappedColumns = (_k = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _k !== void 0 ? _k : [];
+    var stepSequence = [
+        "configure",
+        "review-json",
+        "generate-code",
+        "create-migrations",
+        "run-migration",
+    ];
+    var currentStepIndex = stepSequence.indexOf(workspaceStep);
+    var stepperItems = [
+        {
+            key: "configure",
+            label: "Configure Mapping",
+            complete: currentStepIndex > 0,
+            active: workspaceStep === "configure",
+            disabled: false,
+            onClick: function () { return setWorkspaceStep("configure"); },
+        },
+        {
+            key: "review-json",
+            label: "Review Mapping JSON",
+            complete: currentStepIndex > 1,
+            active: workspaceStep === "review-json",
+            disabled: !mappingPreview,
+            onClick: function () {
+                if (mappingPreview)
+                    setWorkspaceStep("review-json");
+            },
+        },
+        {
+            key: "generate-code",
+            label: "Generate Code",
+            complete: currentStepIndex > 2,
+            active: workspaceStep === "generate-code",
+            disabled: !persistedMappingResult,
+            onClick: function () {
+                if (persistedMappingResult)
+                    setWorkspaceStep("generate-code");
+            },
+        },
+        {
+            key: "create-migrations",
+            label: "Create Migrations",
+            complete: currentStepIndex > 3,
+            active: workspaceStep === "create-migrations",
+            disabled: !hasAttemptedGenerateCode,
+            onClick: function () {
+                if (hasAttemptedGenerateCode)
+                    setWorkspaceStep("create-migrations");
+            },
+        },
+        {
+            key: "run-migration",
+            label: "Run Migration",
+            complete: false,
+            active: workspaceStep === "run-migration",
+            disabled: !migrationArtifactsResult,
+            onClick: function () {
+                if (migrationArtifactsResult)
+                    setWorkspaceStep("run-migration");
+            },
+        },
+    ];
+    var selectableUnmappedColumns = (_m = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _m !== void 0 ? _m : [];
     var allSelectableUnmappedIncluded = selectableUnmappedColumns.length > 0
         && selectableUnmappedColumns.every(function (column) { return column.include; });
-    var drawerRawDdl = (_l = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.rawDdl) !== null && _l !== void 0 ? _l : null;
+    var drawerRawDdl = (_o = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.rawDdl) !== null && _o !== void 0 ? _o : null;
     var drawerTabs = drawerDraft ? [
         {
             value: "general-info",
             label: "General Info",
-            content: (_jsxs("div", { className: "sdix-drawer-form", children: [_jsxs("section", { className: "sdix-form-section", children: [_jsx("h4", { className: "solid-form-layout-label", children: "Model Info" }), _jsxs("div", { className: "sdix-form-grid", children: [_jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-singular-name", children: "Singular Name" }), _jsx(SolidInput, { id: "sdix-singular-name", value: drawerDraft.singularName, onChange: function (event) { return updateGeneralField("singularName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-plural-name", children: "Plural Name" }), _jsx(SolidInput, { id: "sdix-plural-name", value: drawerDraft.pluralName, onChange: function (event) { return updateGeneralField("pluralName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-display-name", children: "Display Name" }), _jsx(SolidInput, { id: "sdix-display-name", value: drawerDraft.displayName, onChange: function (event) { return updateGeneralField("displayName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-user-key-field", children: "User Key Field" }), _jsx(SolidSelect, { id: "sdix-user-key-field", value: drawerDraft.userKeyField, options: drawerUserKeyOptions, placeholder: "Select user key field", onChange: function (event) { return changeUserKeyField(event.value); } })] }), _jsxs("div", { className: "sdix-form-field sdix-form-field--full", children: [_jsx("label", { htmlFor: "sdix-description", children: "Description" }), _jsx(SolidTextarea, { id: "sdix-description", rows: 3, value: drawerDraft.description, onChange: function (event) { return updateGeneralField("description", event.target.value); } })] })] })] }), _jsxs("section", { className: "sdix-form-section", children: [_jsx("h4", { className: "solid-form-layout-label", children: "Datasource Binding" }), _jsxs("div", { className: "sdix-form-grid", children: [_jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-table-name", children: "Table Name" }), _jsx(SolidInput, { id: "sdix-table-name", value: drawerDraft.tableName, onChange: function (event) { return updateGeneralField("tableName", event.target.value); } })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-schema-name", children: "Schema" }), _jsx(SolidInput, { id: "sdix-schema-name", value: (_m = drawerDraft.schema) !== null && _m !== void 0 ? _m : "default", disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-name", children: "Datasource" }), _jsx(SolidInput, { id: "sdix-datasource-name", value: drawerDraft.dataSource, disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-type", children: "Provider" }), _jsx(SolidInput, { id: "sdix-datasource-type", value: providerLabel(drawerDraft.dataSourceType), disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-legacy-type", children: "Legacy Strategy" }), _jsx(SolidInput, { id: "sdix-legacy-type", value: legacyTypeLabel(drawerDraft.legacyTableType), disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-base-class", children: "Superclass" }), _jsx(SolidInput, { id: "sdix-base-class", value: drawerDraft.baseClassName, disabled: true })] })] })] })] })),
+            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: (_p = drawerDraft.schema) !== null && _p !== void 0 ? _p : "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", { children: "Column" }), _jsx("span", { children: "Field" }), _jsx("span", { children: "Database" }), _jsx("span", { children: "SolidX" }), _jsx("span", { className: "sdix-column-select-header", children: selectableUnmappedColumns.length ? (_jsx(SolidCheckbox, { checked: allSelectableUnmappedIncluded, onChange: function (event) { return setUnmappedColumnsIncluded(event.target.checked); }, "aria-label": allSelectableUnmappedIncluded ? "Deselect all unmapped columns" : "Select all unmapped columns" })) : ("Include") }), _jsx("span", { children: "Status" }), _jsx("span", { children: "Action" })] }), drawerDraft.columns.map(function (column) {
+            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) {
                                 var isUserKey = drawerDraft.userKeyField === column.fieldName;
+                                var isPrimaryKeyField = column.isPrimaryKey;
                                 var statusClassName = column.handledBySuperclass
                                     ? "is-superclass"
                                     : column.include
@@ -901,7 +1293,7 @@ export function DatasourceIntrospectionPage() {
                                         : column.matched
                                             ? "Currently omitted"
                                             : "Skipped for now";
-                                return (_jsxs("div", { className: "sdix-column-row sdix-column-row--mapping", children: [_jsxs("span", { className: "sdix-column-meta", children: [_jsx("strong", { children: column.columnName }), column.isAutoGenerated ? _jsx("small", { children: "Generated id column" }) : null] }), _jsxs("span", { children: [_jsx(SolidInput, { value: column.fieldName, disabled: column.handledBySuperclass, onChange: function (event) { return updateColumnFieldName(column.columnName, event.target.value); } }), isUserKey ? _jsx("small", { className: "sdix-inline-note", children: "User key" }) : null] }), _jsx("span", { className: "sdix-column-meta", children: _jsx("strong", { children: column.dataType }) }), _jsx("span", { children: column.handledBySuperclass ? (_jsx("span", { children: column.solidFieldType })) : (_jsx(SolidSelect, { value: column.solidFieldType, options: scalarFieldTypeOptions, onChange: function (event) { return updateColumnSolidFieldType(column.columnName, event.value); } })) }), _jsx("span", { className: "sdix-column-include", children: column.handledBySuperclass ? (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) : column.matched ? (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) : column.isPrimaryKey ? (_jsx(SolidCheckbox, { checked: true, disabled: true, label: "Required" })) : (_jsx(SolidCheckbox, { checked: column.include, onChange: function (event) { return setColumnIncluded(column.columnName, event.target.checked); } })) }), _jsx("span", { children: _jsx("span", { className: "sdix-status-badge ".concat(statusClassName), children: statusText }) }), _jsx("span", { className: "sdix-column-action", children: column.handledBySuperclass ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, children: "Managed" })) : column.isPrimaryKey ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, children: "Required" })) : column.matched ? (_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setColumnIncluded(column.columnName, false); }, children: "Remove mapping" })) : (_jsx("span", { className: "sdix-column-placeholder", children: "-" })) })] }, column.columnName));
+                                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: 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));
                             })] })] })),
         },
         {
@@ -910,38 +1302,73 @@ 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 reviewTabs = mappingPreview ? [
-        {
-            value: "metadata-json",
-            label: "Metadata JSON",
-            content: (_jsxs("div", { className: "sdix-review-panel sdix-review-panel--metadata", children: [_jsxs("div", { className: "sdix-review-meta sdix-review-meta--compact", children: [_jsx("span", { children: "Target file" }), _jsx("strong", { children: mappingPreview.metadataJson.filePath })] }), _jsx(SolidJsonEditor, { className: "sdix-json-editor", value: reviewedMetadataJsonValue !== null && reviewedMetadataJsonValue !== void 0 ? reviewedMetadataJsonValue : mappingPreview.metadataJson.model, resetToken: metadataJsonResetToken, onValueChange: function (nextValue) {
-                            setReviewedMetadataJsonValue(nextValue);
-                            if (metadataJsonValidationError) {
-                                setMetadataJsonValidationError(null);
-                            }
-                        }, onTextChange: function (nextText) {
-                            setMetadataJsonText(nextText);
-                        }, onErrorChange: setMetadataJsonValidationError }), metadataJsonValidationError ? (_jsx("div", { className: "sdix-json-validation-error", children: _jsx("span", { children: metadataJsonValidationError }) })) : null] })),
-        },
-        {
-            value: "migration",
-            label: "Migration",
-            content: (_jsx("div", { className: "sdix-review-panel sdix-review-panel--migration", children: mappingPreview.migration.willGenerate && mappingPreview.migration.filePath ? (_jsxs(_Fragment, { children: [_jsxs("div", { className: "sdix-review-meta sdix-review-meta--compact", children: [_jsx("span", { children: "Target file" }), _jsx("strong", { children: mappingPreview.migration.filePath })] }), _jsx("p", { className: "sdix-review-note", children: "This migration preview is generated from the current mapping and is read-only here. Saving the mapping will write a new template migration file to the target location." }), mappingPreview.migration.content ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: mappingPreview.migration.content }) })) : null] })) : (_jsxs("div", { className: "sdix-empty-state is-inline sdix-ddl-empty", children: [_jsx(Database, { size: 18 }), _jsx("p", { children: mappingPreview.migration.note })] })) })),
-        },
-    ] : [];
-    return (_jsxs("div", { className: "sdix-page", children: [_jsxs("div", { className: "sdix-toolbar", children: [_jsx("div", { className: "sdix-toolbar__left", children: _jsxs("div", { className: "sdix-toolbar-search", children: [_jsx(Search, { size: 15 }), _jsx(SolidInput, { value: tableSearch, onChange: function (event) { return setTableSearch(event.target.value); }, placeholder: "Search tables", disabled: !selectedDatasource })] }) }), _jsxs("div", { className: "sdix-toolbar__actions", children: [isBootstrapFetching || isTablesFetching || isTableDetailFetching || isMappedModelFetching ? (_jsxs("div", { className: "sdix-inline-status", children: [_jsx(SolidSpinner, { size: 16 }), _jsx("span", { children: "Refreshing" })] })) : null, _jsx(SolidSelect, { value: selectedDatasource, options: datasourceOptions, placeholder: "Datasource", className: "sdix-toolbar-select sdix-toolbar-select--compact", onChange: function (event) { return setSelectedDatasource(event.value); } }), _jsx(SolidButton, { size: "small", className: "sdix-icon-button", leftIcon: _jsx(RefreshCw, { size: 16 }), onClick: function () { return void handleRefresh(); }, tooltip: "Refresh", "aria-label": "Refresh" }), _jsx(SolidButton, { size: "small", className: "sdix-icon-button", leftIcon: _jsx(Cog, { size: 16 }), onClick: function () {
-                                    setDraftSessionSettings(sessionSettings);
-                                    setSettingsTab("datasource-info");
-                                    setSettingsOpen(true);
-                                }, tooltip: "Session settings", "aria-label": "Session settings" })] })] }), isBootstrapLoading ? (_jsxs("div", { className: "sdix-loading", children: [_jsx(SolidSpinner, { size: 28 }), _jsx("p", { children: "Loading introspection workspace..." })] })) : bootstrapError ? (_jsxs("div", { className: "sdix-error", children: [_jsx("span", { children: readQueryError(bootstrapError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchBootstrap(); }, children: "Retry" })] })) : (_jsxs(_Fragment, { children: [selectedDatasource && (tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.synchronizeBlocked) ? (_jsxs("div", { className: "sdix-blocker", children: [_jsx(ShieldAlert, { size: 20 }), _jsxs("div", { children: [_jsx("h3", { children: "Synchronize must be disabled before introspection" }), _jsx("p", { children: tablesResponse.synchronizeMessage })] })] })) : null, _jsx("div", { className: "sdix-workbench", children: _jsx("div", { className: "sdix-table-shell", children: !selectedDatasource ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Database, { size: 22 }), _jsx("p", { children: "Select a datasource to load its tables." })] })) : isTablesLoading ? (_jsxs("div", { className: "sdix-loading is-inline", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Inspecting datasource tables..." })] })) : tablesError ? (_jsxs("div", { className: "sdix-error is-inline", children: [_jsx("span", { children: readQueryError(tablesError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchTables(); }, children: "Retry" })] })) : !filteredRecords.length ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Database, { size: 22 }), _jsx("p", { children: tableSearch ? "No tables match the current quick filter." : "No database tables were discovered for this datasource." })] })) : (_jsx("div", { className: "sdix-table-area", children: _jsxs(SolidDataTable, { value: filteredRecords, dataKey: "tableName", viewportHeight: "calc(100vh - 162px)", size: "small", onRowClick: function (_a) {
-                                        var data = _a.data;
-                                        return openTableDrawer(data);
-                                    }, rowClassName: function (rowData) { var _a; return "".concat((_a = rowData.schema) !== null && _a !== void 0 ? _a : "", "::").concat(rowData.tableName) === selectedTableKey && drawerOpen ? "sdix-table-row-selected" : ""; }, emptyMessage: "No datasource tables found", children: [_jsx(Column, { field: "tableName", header: "Table", body: function (rowData) { return (_jsx("div", { className: "sdix-table-primary-cell", children: _jsx("strong", { children: rowData.tableName }) })); }, style: { minWidth: 240 } }), _jsx(Column, { field: "schema", header: "Schema", body: function (rowData) { return rowData.schema || "dbo/default"; }, style: { minWidth: 120 } }), _jsx(Column, { header: "Status", body: function (rowData) { return (_jsx("span", { className: "sdix-status-badge ".concat(rowData.mapped ? "is-mapped" : "is-unmapped"), children: statusLabel(rowData) })); }, style: { minWidth: 150 } }), _jsx(Column, { header: "Superclass", body: function (rowData) { return rowData.suggestedBaseClassName; }, style: { minWidth: 220 } }), _jsx(Column, { field: "suggestedUserKeyField", header: "User Key", style: { minWidth: 160 } }), _jsx(Column, { header: "Mapped Model", body: function (rowData) { return (rowData.mapped
-                                                ? (rowData.mappedModelDisplayName || rowData.mappedModelSingularName || "-")
-                                                : _jsx("span", { className: "sdix-muted-cell", children: "Not mapped" })); }, style: { minWidth: 200 } }), _jsx(Column, { header: "System Columns", body: function (rowData) { return Math.max(rowData.columnCount - rowData.physicalColumnCount, 0); }, style: { minWidth: 130 } }), _jsx(Column, { header: "Columns", body: function (rowData) { return rowData.physicalColumnCount; }, style: { minWidth: 110 } })] }) })) }) }), _jsxs(SolidDialog, { open: settingsOpen, onOpenChange: setSettingsOpen, style: { width: "min(560px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Session settings" }), _jsx(SolidDialogDescription, { children: "Review the selected datasource and adjust the session-specific introspection flags." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidTabGroup, { tabs: settingsTabs, value: settingsTab, onValueChange: setSettingsTab, className: "sdix-settings-tabs", panelClassName: "sdix-settings-tab-panel" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return setSettingsOpen(false); }, children: "Cancel" }), _jsx(SolidButton, { onClick: applyDraftSettings, children: "Apply" })] })] }), _jsxs(SolidDialog, { open: drawerOpen, onOpenChange: setDrawerOpen, className: "sdix-drawer", overlayClassName: "sdix-drawer-overlay", dismissible: true, children: [_jsxs(SolidDialogHeader, { className: "sdix-drawer-header", children: [_jsxs("div", { className: "sdix-drawer-header__identity", children: [_jsx(SolidDialogTitle, { children: (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.tableName) || "Table details" }), _jsx(SolidDialogDescription, { className: "sdix-drawer-header__meta", children: selectedTable
-                                                    ? "".concat(selectedTable.schema || "default", " \u00B7 ").concat((selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.database) || (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.displayName) || "Datasource").concat(selectedDatasourceRecord ? " \u00B7 ".concat(providerLabel(selectedDatasourceRecord.type)) : "")
-                                                    : "Review mapping details" })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { className: "sdix-drawer-body", children: !selectedTable ? (_jsxs("div", { className: "sdix-empty-state is-inline", children: [_jsx(Sparkles, { size: 22 }), _jsx("p", { children: "Select a table row to review its structure." })] })) : drawerLoadingError ? (_jsxs("div", { className: "sdix-error is-inline", children: [_jsx("span", { children: readQueryError(drawerLoadingError) }), _jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return void refetchTableDetail(); }, children: "Retry" })] })) : isDrawerBlockingLoading ? (_jsxs("div", { className: "sdix-loading is-inline", children: [_jsx(SolidSpinner, { size: 24 }), _jsx("p", { children: "Preparing column mapping preview..." })] })) : (_jsxs("div", { className: "sdix-drawer-stack", children: [drawerDraft && !drawerDraft.mapped && drawerStep === "edit" ? (_jsxs("div", { className: "sdix-detail-callout sdix-system-fields-callout", children: [_jsx("h3", { children: "SolidX system fields are added later" }), _jsxs("p", { children: ["This preview only lists the legacy table columns that already exist today.", " ", "Framework system fields from the selected superclass, including the namespaced", " ", _jsx("code", { children: "ss_*" }), " ", "columns, are introduced when you save the mapping and then generate/apply the follow-up migrations."] })] })) : null, drawerStep === "edit" ? (_jsx(SolidTabGroup, { tabs: drawerTabs, value: drawerTab, onValueChange: setDrawerTab, className: "sdix-drawer-tabs", panelClassName: "sdix-drawer-tab-panel" })) : (_jsx(SolidTabGroup, { tabs: reviewTabs, value: reviewTab, onValueChange: setReviewTab, className: "sdix-drawer-tabs", panelClassName: "sdix-drawer-tab-panel" }))] })) }), drawerDraft && !isDrawerBlockingLoading ? (_jsxs(_Fragment, { children: [_jsx(SolidDialogSeparator, {}), _jsxs(SolidDialogFooter, { className: "sdix-drawer-footer", children: [_jsx("div", { className: "sdix-drawer-footer__meta", children: drawerStep === "review" && mappingPreview ? (_jsxs("span", { children: ["Review the metadata update first, then save to apply", " ", _jsx("strong", { children: mappingPreview.summary.includedColumnNames.length }), " ", "mapped columns", mappingPreview.summary.generatedSystemColumnCount
-                                                            ? " and ".concat(mappingPreview.summary.generatedSystemColumnCount, " SolidX system column migration changes")
-                                                            : "", "."] })) : drawerDraft.mapped ? (_jsxs("span", { children: ["Editing mapped model", " ", _jsx("strong", { children: (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelDisplayName) || (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelSingularName) }), drawerDraft.mappedModuleLabel ? " in ".concat(drawerDraft.mappedModuleLabel) : ""] })) : (_jsx("span", { children: "Saving will create the model metadata and write it to the module JSON." })) }), _jsxs("div", { className: "sdix-drawer-footer__actions", children: [drawerDraft.mapped && drawerDraft.modelId ? (_jsx(SolidButton, { size: "small", variant: "outline", leftIcon: _jsx(ExternalLink, { size: 14 }), onClick: openMappedModelForm, children: "Open model form" })) : null, drawerStep === "review" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setDrawerStep("edit"); }, children: "Back to editing" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isSavingMapping, onClick: function () { return void saveMapping(); }, children: "Save mapping" })] })) : (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isPreviewMappingLoading, onClick: function () { return void viewChanges(); }, children: "View Changes" }))] })] })] })) : null] })] }))] }));
+    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);
+                    }
+                }, 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: (_q = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _q === void 0 ? void 0 : _q.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: [_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 5" }), _jsx("h3", { children: "Run datasource migration" }), _jsx("p", { children: "With the datasource file updated and module code generated, SolidX can now run the TypeORM migration for the selected datasource and apply the missing system fields to the legacy table." })] }), _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: "Command" }), _jsx("pre", { className: "sdix-stage-panel__command", children: _jsx("code", { children: "npx @solidxai/solidctl@latest migration -d ".concat(selectedDatasource, " run") }) })] }), runMigrationCompleted ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(Check, { size: 24 }), _jsx("h3", { children: "Migration finished" }), _jsx("p", { children: "Review the 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":
+                return reviewJsonPanel;
+            case "create-migrations":
+                return createMigrationsPanel;
+            case "generate-code":
+                return generateCodePanel;
+            case "run-migration":
+                return runMigrationPanel;
+            case "configure":
+            default:
+                return (_jsx(SolidTabGroup, { tabs: drawerTabs, value: drawerTab, onValueChange: setDrawerTab, className: "sdix-drawer-tabs sdix-wizard-tabs", panelClassName: "sdix-drawer-tab-panel sdix-wizard-tab-panel" }));
+        }
+    })() : null;
+    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." }));
+            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." }));
+            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;
+            case "run-migration":
+                return runMigrationCompleted ? (_jsxs("span", { children: ["The datasource migration 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 datasource migration for", " ", _jsx("strong", { children: selectedDatasource }), " ", "to apply the SolidX system columns on the legacy table."] }));
+            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." }));
+        }
+    })() : 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 () {
+                                        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) {
+                                    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) {
+                                            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
+                                            ? (_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 JSON" })) : 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: "Save Mapping" })] })) : 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: "Create Migration Artifacts" })] })) : 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: "Run Migration" })] }))) : null] })] })) : 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