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

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

@@ -66,16 +66,18 @@ 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 FieldMetaDataForm from "../../../../components/core/model/FieldMetaDataForm";
+import { waitForBackendAvailability } from "../../../../helpers/waitForBackendAvailability";
 import { SolidButton, SolidCheckbox, SolidDialog, SolidDialogBody, SolidDialogClose, SolidDialogDescription, SolidDialogFooter, SolidDialogHeader, SolidDialogSeparator, SolidDialogTitle, SolidInput, SolidSelect, SolidSpinner, SolidSwitch, SolidTabGroup, SolidTextarea, } from "../../../../components/shad-cn-ui";
-import { useApplyDatasourceIntrospectionMappingMutation, 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 +106,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 +198,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 +208,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 +259,30 @@ 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"),
+            fieldConfig: matchingField ? sanitizeExistingFieldPayload(matchingField) : null,
         };
     });
     var draftUserKeyField = modelUserKeyField || tableDetail.suggestedMetadata.userKeyField;
@@ -277,6 +332,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 +387,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,
@@ -344,6 +404,7 @@ function buildMappingRequest(draft, plannedMigrationTimestamp) {
             include: column.include,
             matched: column.matched,
             isPrimaryKey: column.isPrimaryKey,
+            fieldConfig: column.fieldConfig,
         }); }),
     };
 }
@@ -475,47 +536,65 @@ 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, _r, _s;
     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 _t = 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 = _t.data, isBootstrapLoading = _t.isLoading, isBootstrapFetching = _t.isFetching, bootstrapError = _t.error, refetchBootstrap = _t.refetch;
+    var _u = useState(""), selectedDatasource = _u[0], setSelectedDatasource = _u[1];
+    var _v = useState([]), selectedRows = _v[0], setSelectedRows = _v[1];
+    var _w = useState(""), workspaceTableKey = _w[0], setWorkspaceTableKey = _w[1];
+    var _x = useState(""), tableSearch = _x[0], setTableSearch = _x[1];
+    var _y = useState(false), settingsOpen = _y[0], setSettingsOpen = _y[1];
+    var _z = useState("datasource-info"), settingsTab = _z[0], setSettingsTab = _z[1];
+    var _0 = useState(null), drawerDraft = _0[0], setDrawerDraft = _0[1];
+    var _1 = useState("general-info"), drawerTab = _1[0], setDrawerTab = _1[1];
+    var _2 = useState("configure"), workspaceStep = _2[0], setWorkspaceStep = _2[1];
+    var _3 = useState(null), mappingPreview = _3[0], setMappingPreview = _3[1];
+    var _4 = useState(null), persistedMappingResult = _4[0], setPersistedMappingResult = _4[1];
+    var _5 = useState(null), migrationArtifactsResult = _5[0], setMigrationArtifactsResult = _5[1];
+    var _6 = useState(""), generateCodeOutput = _6[0], setGenerateCodeOutput = _6[1];
+    var _7 = useState(false), isGeneratingCodeWorkflow = _7[0], setIsGeneratingCodeWorkflow = _7[1];
+    var _8 = useState(""), generateCodeStatusMessage = _8[0], setGenerateCodeStatusMessage = _8[1];
+    var _9 = useState(null), generateCodeTimeoutMessage = _9[0], setGenerateCodeTimeoutMessage = _9[1];
+    var _10 = useState(false), generateCodeReady = _10[0], setGenerateCodeReady = _10[1];
+    var _11 = useState(false), hasAttemptedGenerateCode = _11[0], setHasAttemptedGenerateCode = _11[1];
+    var _12 = useState(""), runMigrationOutput = _12[0], setRunMigrationOutput = _12[1];
+    var _13 = useState(false), runMigrationCompleted = _13[0], setRunMigrationCompleted = _13[1];
+    var _14 = useState(null), reviewedMetadataJsonValue = _14[0], setReviewedMetadataJsonValue = _14[1];
+    var _15 = useState(""), metadataJsonText = _15[0], setMetadataJsonText = _15[1];
+    var _16 = useState(null), metadataJsonValidationError = _16[0], setMetadataJsonValidationError = _16[1];
+    var _17 = useState("initial"), metadataJsonResetToken = _17[0], setMetadataJsonResetToken = _17[1];
+    var _18 = useState(false), drawerBootstrapping = _18[0], setDrawerBootstrapping = _18[1];
+    var _19 = useState(null), fieldConfigColumnName = _19[0], setFieldConfigColumnName = _19[1];
+    var _20 = useState({
         relationInferenceEnabled: false,
         prioritizeUnmappedTables: true,
-    }), sessionSettings = _5[0], setSessionSettings = _5[1];
-    var _6 = useState(sessionSettings), draftSessionSettings = _6[0], setDraftSessionSettings = _6[1];
+    }), sessionSettings = _20[0], setSessionSettings = _20[1];
+    var _21 = useState(sessionSettings), draftSessionSettings = _21[0], setDraftSessionSettings = _21[1];
     var drawerBootstrapTimerRef = useRef(null);
-    var scrollDrawerBodyToTop = function () {
-        if (typeof document === "undefined")
+    var _22 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _22[0], isPreviewMappingLoading = _22[1].isLoading;
+    var _23 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _23[0], isApplyMappingLoading = _23[1].isLoading;
+    var _24 = useCreateDatasourceIntrospectionMigrationArtifactsMutation(), createMigrationArtifacts = _24[0], isCreateMigrationArtifactsLoading = _24[1].isLoading;
+    var _25 = useGenerateDatasourceIntrospectionCodeMutation(), generateCode = _25[0], isGenerateCodeLoading = _25[1].isLoading;
+    var _26 = useRunDatasourceIntrospectionMigrationMutation(), runMigration = _26[0], isRunMigrationLoading = _26[1].isLoading;
+    var isSavingMapping = isApplyMappingLoading;
+    var isCreatingMigrationArtifacts = isCreateMigrationArtifactsLoading;
+    var showFieldDraftToaster = function (message, severity) {
+        var errorMessages = Object.values(message !== null && message !== void 0 ? message : {});
+        if (!errorMessages.length)
             return;
-        window.requestAnimationFrame(function () {
-            var drawerBody = document.querySelector(".sdix-drawer-body");
-            drawerBody === null || drawerBody === void 0 ? void 0 : drawerBody.scrollTo({ top: 0, left: 0 });
-        });
+        dispatch(showToast({
+            severity: severity,
+            summary: "Datasource introspection",
+            detail: errorMessages.map(String).join(", "),
+            life: 3000,
+        }));
     };
-    var _7 = usePreviewDatasourceIntrospectionMappingMutation(), previewMapping = _7[0], isPreviewMappingLoading = _7[1].isLoading;
-    var _8 = useApplyDatasourceIntrospectionMappingMutation(), applyMapping = _8[0], isApplyMappingLoading = _8[1].isLoading;
-    var isSavingMapping = isApplyMappingLoading;
     useEffect(function () {
         if (!bootstrap)
             return;
@@ -526,13 +605,23 @@ export function DatasourceIntrospectionPage() {
         }
     }, [bootstrap, selectedDatasource]);
     useEffect(function () {
-        setSelectedTableKey("");
+        setSelectedRows([]);
+        setWorkspaceTableKey("");
         setDrawerDraft(null);
-        setDrawerOpen(false);
+        setFieldConfigColumnName(null);
         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 +632,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 +639,55 @@ export function DatasourceIntrospectionPage() {
             value: datasource.name,
         }); });
     }, [bootstrap]);
-    var _9 = useGetDatasourceIntrospectionTablesQuery({ moduleId: moduleId, datasource: selectedDatasource }, {
+    var _27 = 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 = _27.data, isTablesLoading = _27.isLoading, isTablesFetching = _27.isFetching, tablesError = _27.error, refetchTables = _27.refetch;
+    var selectedListRow = (_b = selectedRows[0]) !== null && _b !== void 0 ? _b : null;
+    var selectedListRowKey = selectedListRow ? "".concat((_c = selectedListRow.schema) !== null && _c !== void 0 ? _c : "", "::").concat(selectedListRow.tableName) : "";
+    var isWorkspaceMode = Boolean(workspaceTableKey);
+    var selectedTable = useMemo(function () { var _a, _b; return (_b = (_a = tablesResponse === null || tablesResponse === void 0 ? void 0 : tablesResponse.records) === null || _a === void 0 ? void 0 : _a.find(function (record) { var _a; return "".concat((_a = record.schema) !== null && _a !== void 0 ? _a : "", "::").concat(record.tableName) === workspaceTableKey; })) !== null && _b !== void 0 ? _b : null; }, [tablesResponse, workspaceTableKey]);
+    var _28 = useGetDatasourceIntrospectionTableDetailQuery({
         moduleId: moduleId,
         datasource: selectedDatasource,
-        table: (_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 = _28.data, isTableDetailLoading = _28.isLoading, isTableDetailFetching = _28.isFetching, tableDetailError = _28.error, refetchTableDetail = _28.refetch;
+    var _29 = useGetmodelByIdQuery((_f = selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId) !== null && _f !== void 0 ? _f : 0, {
+        skip: !isWorkspaceMode || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) || !(selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mappedModelId),
+    }), mappedModelResponse = _29.data, isMappedModelLoading = _29.isLoading, isMappedModelFetching = _29.isFetching, mappedModelError = _29.error;
     var mappedModelData = mappedModelResponse === null || mappedModelResponse === void 0 ? void 0 : mappedModelResponse.data;
-    var selectedDatasourceRecord = (_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 activeFieldConfigColumn = (_j = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.find(function (column) { return column.columnName === fieldConfigColumnName; })) !== null && _j !== void 0 ? _j : null;
+    var activeFieldConfigMetaData = useMemo(function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
+        if (!drawerDraft || !activeFieldConfigColumn) {
+            return null;
+        }
+        var configured = (_a = activeFieldConfigColumn.fieldConfig) !== null && _a !== void 0 ? _a : {};
+        var suggestedMax = activeFieldConfigColumn.characterMaximumLength && ["shortText", "longText"].includes(activeFieldConfigColumn.solidFieldType)
+            ? activeFieldConfigColumn.characterMaximumLength
+            : configured.max;
+        return __assign(__assign(__assign({}, configured), (activeFieldConfigColumn.fieldId ? { id: activeFieldConfigColumn.fieldId } : {})), { name: activeFieldConfigColumn.fieldName, displayName: activeFieldConfigColumn.displayName, description: (_b = configured.description) !== null && _b !== void 0 ? _b : activeFieldConfigColumn.displayName, type: activeFieldConfigColumn.solidFieldType, ormType: activeFieldConfigColumn.ormType, columnName: activeFieldConfigColumn.columnName, defaultValue: (_d = (_c = configured.defaultValue) !== null && _c !== void 0 ? _c : activeFieldConfigColumn.defaultValue) !== null && _d !== void 0 ? _d : undefined, required: (_e = configured.required) !== null && _e !== void 0 ? _e : (!activeFieldConfigColumn.nullable || activeFieldConfigColumn.isPrimaryKey), unique: (_f = configured.unique) !== null && _f !== void 0 ? _f : false, encrypt: (_g = configured.encrypt) !== null && _g !== void 0 ? _g : false, index: (_h = configured.index) !== null && _h !== void 0 ? _h : false, max: suggestedMax !== null && suggestedMax !== void 0 ? suggestedMax : undefined, min: (_j = configured.min) !== null && _j !== void 0 ? _j : undefined, private: (_k = configured.private) !== null && _k !== void 0 ? _k : false, isSystem: false, isPrimaryKey: activeFieldConfigColumn.isPrimaryKey, isUserKey: drawerDraft.userKeyField === activeFieldConfigColumn.fieldName, enableAuditTracking: (_l = configured.enableAuditTracking) !== null && _l !== void 0 ? _l : drawerDraft.enableAuditTracking, isMultiSelect: (_m = configured.isMultiSelect) !== null && _m !== void 0 ? _m : false, length: (_p = (_o = configured.length) !== null && _o !== void 0 ? _o : activeFieldConfigColumn.characterMaximumLength) !== null && _p !== void 0 ? _p : undefined });
+    }, [activeFieldConfigColumn, drawerDraft]);
+    var fieldDraftAllFields = useMemo(function () {
+        if (!drawerDraft || !activeFieldConfigColumn) {
+            return [];
+        }
+        return drawerDraft.columns
+            .filter(function (column) { return column.columnName !== activeFieldConfigColumn.columnName; })
+            .map(function (column) {
+            var _a;
+            return ({
+                id: (_a = column.fieldId) !== null && _a !== void 0 ? _a : undefined,
+                name: column.fieldName,
+                displayName: column.displayName,
+                type: column.solidFieldType,
+                columnName: column.columnName,
+            });
+        });
+    }, [activeFieldConfigColumn, drawerDraft]);
     var drawerLoadingError = (selectedTable === null || selectedTable === void 0 ? void 0 : selectedTable.mapped) ? (tableDetailError || mappedModelError) : tableDetailError;
     var isDrawerBlockingLoading = Boolean(selectedTable
         && (drawerBootstrapping
@@ -580,7 +696,42 @@ export function DatasourceIntrospectionPage() {
             || isTableDetailFetching
             || (selectedTable.mapped && (isMappedModelLoading || isMappedModelFetching))));
     useEffect(function () {
-        if (!drawerOpen || !selectedTable || !tableDetail)
+        if (!isWorkspaceMode) {
+            setDrawerDraft(null);
+            setFieldConfigColumnName(null);
+            return;
+        }
+        if (drawerBootstrapTimerRef.current) {
+            window.clearTimeout(drawerBootstrapTimerRef.current);
+        }
+        setDrawerDraft(null);
+        setFieldConfigColumnName(null);
+        setDrawerTab("general-info");
+        setWorkspaceStep("configure");
+        setMappingPreview(null);
+        setPersistedMappingResult(null);
+        setMigrationArtifactsResult(null);
+        setGenerateCodeOutput("");
+        setIsGeneratingCodeWorkflow(false);
+        setGenerateCodeStatusMessage("");
+        setGenerateCodeTimeoutMessage(null);
+        setGenerateCodeReady(false);
+        setHasAttemptedGenerateCode(false);
+        setRunMigrationOutput("");
+        setRunMigrationCompleted(false);
+        setReviewedMetadataJsonValue(null);
+        setMetadataJsonText("");
+        setMetadataJsonValidationError(null);
+        setMetadataJsonResetToken("table-".concat(workspaceTableKey, "-").concat(Date.now()));
+        setDrawerBootstrapping(true);
+    }, [isWorkspaceMode, workspaceTableKey]);
+    useEffect(function () {
+        if (!isWorkspaceMode || !selectedTable)
+            return;
+        setSelectedRows([selectedTable]);
+    }, [isWorkspaceMode, selectedTable]);
+    useEffect(function () {
+        if (!isWorkspaceMode || !selectedTable || !tableDetail)
             return;
         if (selectedTable.mapped && (!mappedModelData || mappedModelData.id !== selectedTable.mappedModelId))
             return;
@@ -591,15 +742,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 +790,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: (_k = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _k === void 0 ? void 0 : _k.displayName })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Default datasource" }), _jsx("strong", { children: ((_l = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _l === void 0 ? void 0 : _l.defaultDataSource) || "Not set" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource name" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.displayName) || "Not selected" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Datasource type" }), _jsx("strong", { children: selectedDatasourceRecord ? providerLabel(selectedDatasourceRecord.type) : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Host" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.host) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Port" }), _jsx("strong", { children: (_m = selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.port) !== null && _m !== void 0 ? _m : "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Database" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.database) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Env Prefix" }), _jsx("strong", { children: (selectedDatasourceRecord === null || selectedDatasourceRecord === void 0 ? void 0 : selectedDatasourceRecord.envPrefix) || "-" })] }), _jsxs("div", { className: "sdix-settings-static", children: [_jsx("span", { children: "Synchronize" }), _jsx("strong", { children: selectedDatasourceRecord ? (selectedDatasourceRecord.synchronize === true ? "true" : "false") : "-" })] })] })),
         },
         {
             value: "session-settings",
@@ -659,7 +810,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 +819,39 @@ 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);
+        setFieldConfigColumnName(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 +859,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,21 +882,98 @@ 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);
+                    var nextFieldConfig = column.fieldConfig
+                        ? __assign(__assign({}, column.fieldConfig), { name: nextNormalizedFieldName, displayName: !column.displayName.trim() || column.displayName === previousSuggestedLabel
+                                ? startCase(nextNormalizedFieldName)
+                                : column.displayName, isUserKey: current.userKeyField === column.fieldName, isPrimaryKey: column.isPrimaryKey }) : column.fieldConfig;
+                    return __assign(__assign({}, column), { fieldName: nextNormalizedFieldName, displayName: !column.displayName.trim() || column.displayName === previousSuggestedLabel
+                            ? startCase(nextNormalizedFieldName)
+                            : column.displayName, fieldConfig: nextFieldConfig });
                 }), 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, fieldConfig: column.fieldConfig
+                        ? __assign(__assign({}, column.fieldConfig), { displayName: nextDisplayName }) : column.fieldConfig }) : column); }) })); });
+    };
     var updateColumnSolidFieldType = function (columnName, nextSolidFieldType) {
         updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
                 if (column.columnName !== columnName)
                     return column;
                 if (column.handledBySuperclass)
                     return column;
-                return __assign(__assign({}, column), { solidFieldType: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType) });
+                return __assign(__assign({}, column), { solidFieldType: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType), fieldConfig: column.fieldConfig
+                        ? __assign(__assign({}, column.fieldConfig), { type: nextSolidFieldType, ormType: getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType) }) : column.fieldConfig });
             }) })); });
     };
+    var openFieldConfigEditor = function (columnName) {
+        setFieldConfigColumnName(columnName);
+    };
+    var applyFieldConfigDraft = function (columnName, nextFieldConfig) {
+        var sanitized = sanitizeExistingFieldPayload(nextFieldConfig);
+        updateDrawerDraft(function (current) {
+            var currentColumn = current.columns.find(function (column) { return column.columnName === columnName; });
+            if (!currentColumn) {
+                return current;
+            }
+            var nextFieldName = typeof sanitized.name === "string" && sanitized.name.trim()
+                ? sanitized.name.trim()
+                : currentColumn.fieldName;
+            var nextDisplayName = typeof sanitized.displayName === "string" && sanitized.displayName.trim()
+                ? sanitized.displayName.trim()
+                : currentColumn.displayName;
+            var nextSolidFieldType = typeof sanitized.type === "string" && sanitized.type.trim()
+                ? sanitized.type.trim()
+                : currentColumn.solidFieldType;
+            var nextOrmType = typeof sanitized.ormType === "string" && sanitized.ormType.trim()
+                ? sanitized.ormType.trim()
+                : getDefaultOrmTypeForSolidFieldType(current.dataSourceType, nextSolidFieldType);
+            var nextUserKeyField = current.userKeyField === currentColumn.fieldName
+                ? nextFieldName
+                : current.userKeyField;
+            return __assign(__assign({}, current), { userKeyField: nextUserKeyField, columns: current.columns.map(function (column) {
+                    if (column.columnName !== columnName) {
+                        return column.fieldConfig
+                            ? __assign(__assign({}, column), { fieldConfig: __assign(__assign({}, column.fieldConfig), { isUserKey: column.fieldName === nextUserKeyField }) }) : column;
+                    }
+                    return __assign(__assign({}, column), { fieldName: nextFieldName, displayName: nextDisplayName, solidFieldType: nextSolidFieldType, ormType: nextOrmType, fieldConfig: __assign(__assign({}, sanitized), { name: nextFieldName, displayName: nextDisplayName, type: nextSolidFieldType, ormType: nextOrmType, columnName: column.columnName, isPrimaryKey: column.isPrimaryKey, isUserKey: nextUserKeyField === nextFieldName }) });
+                }) });
+        });
+        setFieldConfigColumnName(null);
+    };
+    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, fieldConfig: column.fieldConfig
+                        ? __assign(__assign({}, column.fieldConfig), { name: nextFieldName, displayName: nextDisplayName, isPrimaryKey: nextIsPrimaryKey }) : column.fieldConfig });
+            });
+            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)
@@ -731,8 +984,11 @@ export function DatasourceIntrospectionPage() {
             }) })); });
     };
     var changeUserKeyField = function (fieldName) {
-        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { userKeyField: fieldName, columns: current.columns.map(function (column) { return (column.fieldName === fieldName
-                ? __assign(__assign({}, column), { include: column.handledBySuperclass ? false : true }) : column); }) })); });
+        updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { userKeyField: fieldName, columns: current.columns.map(function (column) {
+                var isUserKey = column.fieldName === fieldName;
+                return __assign(__assign({}, column), { include: isUserKey ? (column.handledBySuperclass ? false : true) : column.include, fieldConfig: column.fieldConfig
+                        ? __assign(__assign({}, column.fieldConfig), { isUserKey: isUserKey }) : column.fieldConfig });
+            }) })); });
     };
     var setUnmappedColumnsIncluded = function (include) {
         updateDrawerDraft(function (current) { return (__assign(__assign({}, current), { columns: current.columns.map(function (column) {
@@ -749,7 +1005,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 +1034,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 +1052,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 +1065,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 +1082,208 @@ 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 workflow complete",
+                        detail: response.message || "Migration, build, and seed 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();
+                    setRunMigrationOutput(readQueryError(error_5));
                     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 +1293,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 = (_o = drawerDraft === null || drawerDraft === void 0 ? void 0 : drawerDraft.columns.filter(function (column) { return !column.handledBySuperclass && !column.matched && !column.isPrimaryKey; })) !== null && _o !== void 0 ? _o : [];
     var 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 = (_p = tableDetail === null || tableDetail === void 0 ? void 0 : tableDetail.rawDdl) !== null && _p !== void 0 ? _p : 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: (_q = drawerDraft.schema) !== null && _q !== void 0 ? _q : "default", disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-name", children: "Datasource" }), _jsx(SolidInput, { id: "sdix-datasource-name", value: drawerDraft.dataSource, disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-datasource-type", children: "Provider" }), _jsx(SolidInput, { id: "sdix-datasource-type", value: providerLabel(drawerDraft.dataSourceType), disabled: true })] }), _jsxs("div", { className: "sdix-form-field", children: [_jsx("label", { htmlFor: "sdix-legacy-type", children: "Mapping Strategy" }), _jsx(SolidSelect, { id: "sdix-legacy-type", value: drawerDraft.legacyTableType, options: mappingStrategyOptions, onChange: function (event) { return updateLegacyTableType(event.value); } }), _jsxs("small", { className: "sdix-inline-note", children: ["This will use ", _jsx("strong", { children: drawerDraft.baseClassName }), " for the generated entity."] })] })] })] })] })),
         },
         {
             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 +1387,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: _jsxs("div", { className: "sdix-column-action-stack", children: [!column.handledBySuperclass && (column.include || column.matched) ? (_jsx(SolidButton, { size: "small", variant: "outline", className: "sdix-column-action-icon", onClick: function () { return openFieldConfigEditor(column.columnName); }, "aria-label": "Configure ".concat(column.fieldName || column.columnName, " field"), children: _jsx(Cog, { size: 14 }) })) : null, column.handledBySuperclass ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--managed", children: "Managed" })) : column.isPrimaryKey ? (_jsx(SolidButton, { size: "small", variant: "outline", disabled: true, className: "sdix-column-action-chip sdix-column-action-chip--required", children: "Required" })) : column.matched ? (_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setColumnIncluded(column.columnName, false); }, children: "Remove mapping" })) : (_jsx("span", { className: "sdix-column-placeholder", children: "-" }))] }) })] }, column.columnName));
                             })] })] })),
         },
         {
@@ -910,38 +1396,80 @@ 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: (_r = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _r === void 0 ? void 0 : _r.displayName }), "."] }), _jsx("li", { children: "The newly mapped model entity is generated inside the module source folder." }), _jsx("li", { children: "Any existing generated assets for this module may be refreshed." })] })] }), _jsx("div", { className: "sdix-stage-panel__actions", children: _jsx(SolidButton, { leftIcon: _jsx(Sparkles, { size: 14 }), loading: isGenerateCodeLoading || isGeneratingCodeWorkflow, disabled: isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return void handleGenerateCode(); }, children: "Generate Code" }) }), isGeneratingCodeWorkflow ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(SolidSpinner, { size: 30 }), _jsx("h3", { children: "Generating code" }), _jsx("p", { children: generateCodeStatusMessage || "Waiting for the backend to finish restarting..." })] })) : null, !isGeneratingCodeWorkflow && generateCodeTimeoutMessage ? (_jsxs("div", { className: "sdix-error is-inline sdix-stage-progress sdix-stage-progress--warning", children: [_jsx(ShieldAlert, { size: 22 }), _jsx("h3", { children: "Manual review recommended" }), _jsx("p", { children: generateCodeTimeoutMessage })] })) : null, generateCodeOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: generateCodeOutput }) })) : null] })] }));
+    var runMigrationPanel = (_jsxs("div", { className: "sdix-stage-panel", children: [!runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__header", children: [_jsx("span", { className: "sdix-stage-panel__eyebrow", children: "Step 5" }), _jsx("h3", { children: "Run migration, build, and seed" }), _jsx("p", { children: "With the datasource file updated and module code generated, SolidX can now run the TypeORM migration for the selected datasource, rebuild the project, and reseed the mapped module metadata." })] })) : null, _jsxs("div", { className: "sdix-stage-panel__body", children: [!runMigrationCompleted ? (_jsxs("div", { className: "sdix-stage-panel__card", children: [_jsx("div", { className: "sdix-stage-panel__card-title", children: "Commands" }), _jsx("pre", { className: "sdix-stage-panel__command", children: _jsx("code", { children: "npx @solidxai/solidctl@latest migration -d ".concat(selectedDatasource, " run\nnpx @solidxai/solidctl@latest build\nnpx @solidxai/solidctl@latest seed --modules-to-seed ").concat(((_s = bootstrap === null || bootstrap === void 0 ? void 0 : bootstrap.module) === null || _s === void 0 ? void 0 : _s.name) || "") }) })] })) : null, runMigrationCompleted ? (_jsxs("div", { className: "sdix-empty-state is-inline sdix-stage-progress", children: [_jsx(Check, { size: 24 }), _jsx("h3", { children: "Migration workflow finished" }), _jsx("p", { children: "Review the command output below. When you are satisfied, click Finish to return to the model list." })] })) : null, runMigrationOutput ? (_jsx("pre", { className: "sdix-ddl-code sdix-ddl-code--fill", children: _jsx("code", { children: runMigrationOutput }) })) : null] })] }));
+    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 migration, build, and seed workflow has completed for", " ", _jsx("strong", { children: selectedDatasource }), ". Review the output below and click Finish when you are ready to return to the model list."] })) : (_jsxs("span", { children: ["Run the migration, build, and seed workflow for", " ", _jsx("strong", { children: selectedDatasource }), " ", "to apply the SolidX system columns on the legacy table and refresh the module metadata state."] }));
+            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" })) : null, workspaceStep === "review-json" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("configure"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isSavingMapping, onClick: function () { return void persistMappingArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "generate-code" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("review-json"); }, children: "Back" }), _jsx(SolidButton, { size: "small", disabled: !hasAttemptedGenerateCode || isGenerateCodeLoading || isGeneratingCodeWorkflow, onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Continue" })] })) : null, workspaceStep === "create-migrations" ? (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("generate-code"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Save, { size: 14 }), loading: isCreatingMigrationArtifacts, onClick: function () { return void handleCreateMigrationArtifacts(); }, children: "Continue" })] })) : null, workspaceStep === "run-migration" ? (runMigrationCompleted ? (_jsx(SolidButton, { size: "small", leftIcon: _jsx(Check, { size: 14 }), onClick: function () { return navigate("/admin/core/solid-core/model-metadata/list"); }, children: "Finish" })) : (_jsxs(_Fragment, { children: [_jsx(SolidButton, { size: "small", variant: "outline", onClick: function () { return setWorkspaceStep("create-migrations"); }, children: "Back" }), _jsx(SolidButton, { size: "small", leftIcon: _jsx(Database, { size: 14 }), loading: isRunMigrationLoading, onClick: function () { return void handleRunMigration(); }, children: "Continue" })] }))) : null] })] })) : null] }))] })), _jsxs(SolidDialog, { open: Boolean(activeFieldConfigColumn), onOpenChange: function (open) {
+                        if (!open) {
+                            setFieldConfigColumnName(null);
+                        }
+                    }, style: { width: "min(1080px, calc(100vw - 48px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Field configuration" }), _jsx(SolidDialogDescription, { children: "Reuse the standard field form here to fine-tune the mapped SolidX field before saving the introspection draft." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: activeFieldConfigColumn && activeFieldConfigMetaData && drawerDraft ? (_jsx(FieldMetaDataForm, { modelMetaData: {
+                                    singularName: drawerDraft.singularName,
+                                    pluralName: drawerDraft.pluralName,
+                                }, fieldMetaData: activeFieldConfigMetaData, setFieldMetaData: function () { return undefined; }, setVisiblePopup: function () { return undefined; }, setIsDirty: function () { return undefined; }, allFields: fieldDraftAllFields, deleteModelFunction: function () { return undefined; }, params: params, setIsRequiredPopUp: function () { return undefined; }, showToaster: showFieldDraftToaster, onDraftSubmit: function (nextFieldConfig) { return applyFieldConfigDraft(activeFieldConfigColumn.columnName, nextFieldConfig); }, onClose: function () { return setFieldConfigColumnName(null); }, availableFieldTypes: scalarFieldTypeOptions.map(function (option) { return option.value; }), forceShowTypeSelector: true, selectorRequireContinue: true, selectorContinueLabel: "Next", selectorInitialFieldType: activeFieldConfigColumn.solidFieldType, disableIdentityEditingForExisting: false, submitLabel: "Save field config" })) : null })] }), _jsxs(SolidDialog, { open: settingsOpen, onOpenChange: setSettingsOpen, style: { width: "min(560px, calc(100vw - 32px))" }, children: [_jsxs(SolidDialogHeader, { children: [_jsxs("div", { children: [_jsx(SolidDialogTitle, { children: "Session settings" }), _jsx(SolidDialogDescription, { children: "Review the selected datasource and adjust the session-specific introspection flags." })] }), _jsx(SolidDialogClose, {})] }), _jsx(SolidDialogSeparator, {}), _jsx(SolidDialogBody, { children: _jsx(SolidTabGroup, { tabs: settingsTabs, value: settingsTab, onValueChange: setSettingsTab, className: "sdix-settings-tabs", panelClassName: "sdix-settings-tab-panel" }) }), _jsxs(SolidDialogFooter, { children: [_jsx(SolidButton, { variant: "outline", onClick: function () { return setSettingsOpen(false); }, children: "Cancel" }), _jsx(SolidButton, { onClick: applyDraftSettings, children: "Apply" })] })] })] })) }));
 }
 //# sourceMappingURL=DatasourceIntrospectionPage.js.map