@e-llm-studio/instant-learning 1.3.3 → 1.3.5

package/dist/features/IL-marketplace/PromoteFlow/PromoteFlow.js

@@ -2,10 +2,10 @@ import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 import { useState, useMemo, useEffect } from 'react';
 import Tooltip, { tooltipClasses } from '@mui/material/Tooltip';
 import { styled } from '@mui/material/styles';
-import { ArrowLeft, ArrowUpRight, ArrowDownUp, Calendar, LoaderCircle, Bell, Copy, ExternalLink, ChevronDown, Settings2 } from 'lucide-react';
+import { ArrowLeft, CircleCheck, Info, ArrowUpRight, ArrowDownUp, Calendar, LoaderCircle, Bell, Copy, ExternalLink, ChevronDown, Settings2 } from 'lucide-react';
 import { getGuidelineTitle, cx } from '../utils.js';
 import { EnvironmentConfigurationModal } from './EnvironmentConfigurationModal.js';
-import { getPromotionHistory, searchEnvironmentConfigs, getCWUser, getPromotionStatus, startPromotion, createEnvironmentConfig, schedulePromotion, triggerScheduledPromotion } from './promote-flow.api.js';
+import { getSchemaPreview, searchEnvironmentConfigs, getCWUser, getPromotionStatus, getPromotionHistory, startPromotion, checkPromotionPreflight, createEnvironmentConfig, schedulePromotion, triggerScheduledPromotion, rollbackPromotion } from './promote-flow.api.js';
 import { usePromoteFlowStore } from './promote-flow.store.js';
 import { getPromotionResourceId, getEnvironmentDisplayName, getPermittedDestinationTiers, getLatestPromotionForEnvironmentPair, formatPromotionDate, EMPTY_ENVIRONMENT_CONFIGURATION, toCreateEnvironmentConfigRequest, toRegistryRecord } from './promote-flow.utils.js';
 import cssStyles from './PromoteFlow.module.css.js';
@@ -40,26 +40,21 @@ const ACCORDIONS = [
   {
     id: "database",
     title: "Database Details",
-    comingSoon: true
-  },
-  {
-    id: "knowledgebase",
-    title: "Knowledgebase Details",
-    comingSoon: true
+    comingSoon: false
   }
+  // {
+  //   id: 'knowledgebase',
+  //   title: 'Knowledgebase Details',
+  //   comingSoon: true,
+  // },
 ];
-const TABLE_NAMES = [
-  "document_feature_details",
-  "document_feature_terminology",
-  "document_feature_validation",
-  "techo_document_feature",
-  "document_feature_configuration",
-  "document_feature_techme",
-  "document_feature_schema",
-  "document_feature_cognitive_compare"
-];
+const isMissingPromotionStatus = (error) => {
+  var _a;
+  if (error instanceof Error && error.message.includes("404")) return true;
+  return typeof error === "object" && error !== null && "response" in error && ((_a = error.response) == null ? void 0 : _a.status) === 404;
+};
 function PromoteFlow({ guideline, onBack, onPromote, className }) {
-  var _a, _b, _c, _d, _e;
+  var _a, _b, _c, _d, _e, _f, _g;
   const [openSections, setOpenSections] = useState({
     overview: true
   });
@@ -69,13 +64,24 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
   );
   const [promotedByName, setPromotedByName] = useState(null);
   const [promotionHistory, setPromotionHistory] = useState([]);
+  const [schemaPreview, setSchemaPreview] = useState({});
+  const [isLoadingSchemaPreview, setIsLoadingSchemaPreview] = useState(false);
   const [isLoadingHistory, setIsLoadingHistory] = useState(false);
   const [promotionConfigs, setPromotionConfigs] = useState([]);
   const [isLoadingConfigs, setIsLoadingConfigs] = useState(false);
   const [configSearchTier, setConfigSearchTier] = useState(null);
   const [submittingAction, setSubmittingAction] = useState(null);
+  const [historyActionTaskId, setHistoryActionTaskId] = useState(null);
+  const [isStatusPollingStopped, setIsStatusPollingStopped] = useState(false);
+  const [isInitialStatusLoading, setIsInitialStatusLoading] = useState(true);
+  const [isCheckingPreflight, setIsCheckingPreflight] = useState(false);
+  const [preflightResult, setPreflightResult] = useState(null);
   const sourceEnvironment = usePromoteFlowStore((state) => state.sourceEnvironment);
   const destinationEnvironment = usePromoteFlowStore((state) => state.destinationEnvironment);
+  const tenantSourceEnvironment = usePromoteFlowStore((state) => state.tenantSourceEnvironment);
+  const tenantDestinationEnvironment = usePromoteFlowStore(
+    (state) => state.tenantDestinationEnvironment
+  );
   const promotionTask = usePromoteFlowStore((state) => state.promotionTask);
   const promotionResourceId = usePromoteFlowStore((state) => state.promotionResourceId);
   const isSubmitting = usePromoteFlowStore((state) => state.isSubmitting);
@@ -94,9 +100,14 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
   const errorForGuideline = errorResourceId === guidelineResourceId ? error : null;
   const isSourceConfigured = Boolean(sourceEnvironment);
   const isDestinationConfigured = Boolean(destinationEnvironment);
-  const canPromote = isSourceConfigured && isDestinationConfigured && !isSubmitting;
+  const canPromote = isSourceConfigured && isDestinationConfigured && !isSubmitting && !isInitialStatusLoading;
   const sourceEnvironmentLabel = getEnvironmentDisplayName(sourceEnvironment, "Dev");
   const destinationEnvironmentLabel = getEnvironmentDisplayName(destinationEnvironment, "QA");
+  const tenantSourceEnvironmentLabel = getEnvironmentDisplayName(tenantSourceEnvironment, "\u2014");
+  const tenantDestinationEnvironmentLabel = getEnvironmentDisplayName(
+    tenantDestinationEnvironment,
+    "\u2014"
+  );
   const isPromoting = Boolean(promotionTaskForGuideline);
   const canRetryPromotion = (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "FAILED";
   const sourceTier = (_b = sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier) != null ? _b : "dev";
@@ -105,7 +116,7 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     [sourceTier]
   );
   const permittedSourceTiers = ["dev", "qa", "prod", "external"];
-  const selectedEnvironment = configuredEnvironment === "source" ? sourceEnvironment : destinationEnvironment;
+  const selectedEnvironment = configuredEnvironment === "source" ? sourceEnvironment : configuredEnvironment === "destination" ? destinationEnvironment : configuredEnvironment === "tenantSource" ? tenantSourceEnvironment : tenantDestinationEnvironment;
   const latestPromotionForPair = useMemo(
     () => getLatestPromotionForEnvironmentPair(
       promotionHistory,
@@ -114,6 +125,17 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     ),
     [destinationEnvironment, promotionHistory, sourceEnvironment]
   );
+  const latestPromotionTaskId = useMemo(() => {
+    var _a2;
+    const latestPromotion = promotionHistory.reduce(
+      (latest, entry) => {
+        if (!latest) return entry;
+        return Date.parse(entry.updated_at) > Date.parse(latest.updated_at) ? entry : latest;
+      },
+      null
+    );
+    return (_a2 = latestPromotion == null ? void 0 : latestPromotion.promotion_task_id) != null ? _a2 : null;
+  }, [promotionHistory]);
   const promoteActionLabel = (latestPromotionForPair == null ? void 0 : latestPromotionForPair.status) === "SUCCESS" ? "Sync" : "Promote Now";
   const toggleSection = (id) => {
     setOpenSections((current) => ({ ...current, [id]: !current[id] }));
@@ -121,33 +143,77 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
   useEffect(() => {
     let isCurrent = true;
     setIsLoadingHistory(true);
-    getPromotionHistory(guidelineResourceId).then((history) => {
-      if (isCurrent) setPromotionHistory(history);
-    }).catch((historyError) => {
+    setIsInitialStatusLoading(true);
+    setError(null);
+    setPromotionTask(null);
+    const refreshInitialPromotionState = async () => {
+      try {
+        await getPromotionStatus(guidelineResourceId);
+      } catch (statusError) {
+        if (isCurrent && !isMissingPromotionStatus(statusError)) {
+          setError(
+            statusError instanceof Error ? statusError.message : "Unable to refresh promotion status.",
+            guidelineResourceId
+          );
+        }
+      } finally {
+        if (isCurrent) setIsInitialStatusLoading(false);
+      }
+      try {
+        const history = await getPromotionHistory(guidelineResourceId);
+        if (isCurrent) setPromotionHistory(history);
+      } catch (historyError) {
+        if (isCurrent) {
+          setError(
+            historyError instanceof Error ? historyError.message : "Unable to load promotion history.",
+            guidelineResourceId
+          );
+        }
+      } finally {
+        if (isCurrent) setIsLoadingHistory(false);
+      }
+    };
+    void refreshInitialPromotionState();
+    return () => {
+      isCurrent = false;
+    };
+  }, [guidelineResourceId, setError, setPromotionTask]);
+  useEffect(() => {
+    let isCurrent = true;
+    setIsLoadingSchemaPreview(true);
+    getSchemaPreview(guidelineResourceId).then((preview) => {
+      if (!isCurrent) return;
+      setSchemaPreview(
+        Object.entries(preview != null ? preview : {}).reduce((groups, [key, value]) => {
+          if (value && Array.isArray(value.tables)) groups[key] = value;
+          return groups;
+        }, {})
+      );
+    }).catch((schemaError) => {
       if (isCurrent) {
-        setError(
-          historyError instanceof Error ? historyError.message : "Unable to load promotion history.",
-          guidelineResourceId
-        );
+        console.error("Failed to load schema preview", { resourceId: guidelineResourceId, schemaError });
+        setSchemaPreview({});
       }
     }).finally(() => {
-      if (isCurrent) setIsLoadingHistory(false);
+      if (isCurrent) setIsLoadingSchemaPreview(false);
     });
     return () => {
       isCurrent = false;
     };
-  }, [guidelineResourceId, setError]);
+  }, [guidelineResourceId]);
   useEffect(() => {
-    var _a2, _b2;
+    var _a2, _b2, _c2, _d2;
     if (!configuredEnvironment) return;
-    const defaultTier = configuredEnvironment === "source" ? (_a2 = sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier) != null ? _a2 : "dev" : (_b2 = destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier) != null ? _b2 : permittedDestinationTiers[0];
+    const selectedEnvironment2 = configuredEnvironment === "source" ? (_a2 = sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier) != null ? _a2 : "dev" : configuredEnvironment === "destination" ? (_b2 = destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier) != null ? _b2 : permittedDestinationTiers[0] : configuredEnvironment === "tenantSource" ? (_c2 = tenantSourceEnvironment == null ? void 0 : tenantSourceEnvironment.env_tier) != null ? _c2 : "dev" : (_d2 = tenantDestinationEnvironment == null ? void 0 : tenantDestinationEnvironment.env_tier) != null ? _d2 : permittedDestinationTiers[0];
+    const defaultTier = selectedEnvironment2;
     const envTier = configSearchTier != null ? configSearchTier : defaultTier;
     let isCurrent = true;
     setIsLoadingConfigs(true);
     setPromotionConfigs([]);
     searchEnvironmentConfigs({
       env_tier: envTier,
-      db_type: envTier === "external" ? "EXTERNAL" : "INTERNAL"
+      db_type: envTier === "external" ? "EXTERNAL" : "INTERNAL",
+      is_tenant: configuredEnvironment === "tenantSource" || configuredEnvironment === "tenantDestination"
     }).then((configs) => {
       if (isCurrent) setPromotionConfigs(configs);
     }).catch(() => {
@@ -164,7 +230,9 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier,
     guidelineResourceId,
     permittedDestinationTiers,
-    sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier
+    sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier,
+    tenantDestinationEnvironment == null ? void 0 : tenantDestinationEnvironment.env_tier,
+    tenantSourceEnvironment == null ? void 0 : tenantSourceEnvironment.env_tier
   ]);
   useEffect(() => {
     const promotedByEmail = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_by;
@@ -187,11 +255,14 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     };
   }, [promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_by, promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.promotion_task_id]);
   useEffect(() => {
-    if (!promotionTaskForGuideline || promotionTaskForGuideline.status !== "MIGRATING") return;
+    if (!promotionTaskForGuideline || isStatusPollingStopped || !["MIGRATING", "ROLLBACK_IN_PROGRESS"].includes(promotionTaskForGuideline.status)) {
+      return;
+    }
     const pollStatus = async () => {
       try {
-        setPromotionTask(await getPromotionStatus(promotionTaskForGuideline.promotion_task_id));
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
       } catch (pollError) {
+        setIsStatusPollingStopped(true);
         setError(
           pollError instanceof Error ? pollError.message : "Unable to refresh promotion status.",
           guidelineResourceId
@@ -200,7 +271,7 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     };
     const intervalId = window.setInterval(pollStatus, 3e4);
     return () => window.clearInterval(intervalId);
-  }, [guidelineResourceId, promotionTaskForGuideline, setError, setPromotionTask]);
+  }, [guidelineResourceId, isStatusPollingStopped, promotionTaskForGuideline, setError, setPromotionTask]);
   const handlePromoteNow = async () => {
     if (!canPromote || !sourceEnvironment || !destinationEnvironment) return;
     setSubmitting(true);
@@ -212,9 +283,18 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
         resource_type: "PACKAGE",
         target_version: "latest",
         global_source_env_id: sourceEnvironment.env_id,
-        global_target_env_id: destinationEnvironment.env_id
+        global_target_env_id: destinationEnvironment.env_id,
+        ...tenantSourceEnvironment && tenantDestinationEnvironment ? {
+          tenant_source_env_id: tenantSourceEnvironment.env_id,
+          tenant_target_env_id: tenantDestinationEnvironment.env_id
+        } : {}
       });
+      setIsStatusPollingStopped(false);
       setPromotionTask(task, guidelineResourceId);
+      try {
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+      } catch (e) {
+      }
       onPromote == null ? void 0 : onPromote(guideline);
     } catch (promotionError) {
       setError(
@@ -226,15 +306,53 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
       setSubmittingAction(null);
     }
   };
+  const handlePreflightCheck = async () => {
+    if (!sourceEnvironment || !destinationEnvironment || isCheckingPreflight) return;
+    setIsCheckingPreflight(true);
+    setPreflightResult(null);
+    setError(null);
+    try {
+      const result = await checkPromotionPreflight({
+        resource_id: guidelineResourceId,
+        resource_type: "PACKAGE",
+        target_version: "latest",
+        global_source_env_id: sourceEnvironment.env_id,
+        global_target_env_id: destinationEnvironment.env_id,
+        ...tenantSourceEnvironment && tenantDestinationEnvironment ? {
+          tenant_source_env_id: tenantSourceEnvironment.env_id,
+          tenant_target_env_id: tenantDestinationEnvironment.env_id
+        } : {}
+      });
+      setPreflightResult({
+        ready: result.ready,
+        itemsChecked: result.items_checked,
+        itemsReady: result.items_ready
+      });
+    } catch (preflightError) {
+      setError(
+        preflightError instanceof Error ? preflightError.message : "Unable to complete pre-flight check.",
+        guidelineResourceId
+      );
+    } finally {
+      setIsCheckingPreflight(false);
+    }
+  };
   const handleSaveEnvironment = async (environment, configuration) => {
-    const response = await createEnvironmentConfig(toCreateEnvironmentConfigRequest(configuration));
-    setEnvironment(environment, toRegistryRecord(response.env_id, configuration));
+    const isTenantEnvironment = environment === "tenantSource" || environment === "tenantDestination";
+    const configurationToSave = {
+      ...configuration,
+      is_tenant_db: isTenantEnvironment
+    };
+    const response = await createEnvironmentConfig(
+      toCreateEnvironmentConfigRequest(configurationToSave)
+    );
+    setEnvironment(environment, toRegistryRecord(response.env_id, configurationToSave));
   };
   const openEnvironmentConfiguration = (environment) => {
     var _a2;
-    const selected = environment === "source" ? sourceEnvironment : destinationEnvironment;
+    const selected = environment === "source" ? sourceEnvironment : environment === "destination" ? destinationEnvironment : environment === "tenantSource" ? tenantSourceEnvironment : tenantDestinationEnvironment;
     setConfigSearchTier(
-      (_a2 = selected == null ? void 0 : selected.env_tier) != null ? _a2 : environment === "source" ? "dev" : permittedDestinationTiers[0]
+      (_a2 = selected == null ? void 0 : selected.env_tier) != null ? _a2 : environment === "source" || environment === "tenantSource" ? "dev" : permittedDestinationTiers[0]
     );
     setConfiguredEnvironment(environment);
   };
@@ -250,7 +368,11 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
         resource_type: "PACKAGE",
         target_version: "latest",
         global_source_env_id: sourceEnvironment.env_id,
-        global_target_env_id: destinationEnvironment.env_id
+        global_target_env_id: destinationEnvironment.env_id,
+        ...tenantSourceEnvironment && tenantDestinationEnvironment ? {
+          tenant_source_env_id: tenantSourceEnvironment.env_id,
+          tenant_target_env_id: tenantDestinationEnvironment.env_id
+        } : {}
       });
       const now = (/* @__PURE__ */ new Date()).toISOString();
       setPromotionTask(
@@ -285,7 +407,12 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
     setError(null);
     try {
       const task = await triggerScheduledPromotion(triggerUrl);
+      setIsStatusPollingStopped(false);
       setPromotionTask(task, guidelineResourceId);
+      try {
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+      } catch (e) {
+      }
       onPromote == null ? void 0 : onPromote(guideline);
     } catch (promotionError) {
       setError(
@@ -297,7 +424,45 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
       setSubmittingAction(null);
     }
   };
+  const handleViewPromotionDetails = async (promotionTaskId) => {
+    setHistoryActionTaskId(promotionTaskId);
+    setError(null);
+    try {
+      setIsStatusPollingStopped(false);
+      setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+    } catch (statusError) {
+      setError(
+        statusError instanceof Error ? statusError.message : "Unable to load promotion details.",
+        guidelineResourceId
+      );
+    } finally {
+      setHistoryActionTaskId(null);
+    }
+  };
+  const handleRollbackPromotion = async (promotionTaskId) => {
+    setHistoryActionTaskId(promotionTaskId);
+    setError(null);
+    try {
+      const task = await rollbackPromotion(promotionTaskId);
+      setIsStatusPollingStopped(false);
+      setPromotionTask(task, guidelineResourceId);
+    } catch (rollbackError) {
+      setError(
+        rollbackError instanceof Error ? rollbackError.message : "Unable to start rollback.",
+        guidelineResourceId
+      );
+    } finally {
+      setHistoryActionTaskId(null);
+    }
+  };
   const handleBack = () => {
+    if (promotionTaskForGuideline) {
+      setPromotionTask(null);
+      return;
+    }
+    handleGoToMarketplace();
+  };
+  const handleGoToMarketplace = () => {
     if ((promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "FAILED") {
       resetPromotionSession();
     }
@@ -318,63 +483,90 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
   };
   const renderAccordionBody = (id) => {
     if (id === "overview") {
-      return /* @__PURE__ */ jsxs("div", { className: cssStyles.overviewPanel, children: [
-        /* @__PURE__ */ jsxs("div", { className: cssStyles.overviewGrid, children: [
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
-              /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Source Environment" }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: cx(
-                    cssStyles.configureEnvironmentButton,
-                    !isSourceConfigured && cssStyles.configureEnvironmentButtonRequired
-                  ),
-                  "aria-label": "Configure source environment",
-                  "data-tooltip": "Configure source environment",
-                  onClick: () => openEnvironmentConfiguration("source"),
-                  children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: sourceEnvironmentLabel })
+      return /* @__PURE__ */ jsx("div", { className: cssStyles.overviewPanel, children: /* @__PURE__ */ jsxs("div", { className: cssStyles.overviewGrid, children: [
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Source Environment" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cx(
+                  cssStyles.configureEnvironmentButton,
+                  !isSourceConfigured && cssStyles.configureEnvironmentButtonRequired
+                ),
+                "aria-label": "Configure source environment",
+                "data-tooltip": "Configure source environment",
+                onClick: () => openEnvironmentConfiguration("source"),
+                children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
-              /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Destination Environment" }),
-              /* @__PURE__ */ jsx(
-                "button",
-                {
-                  type: "button",
-                  className: cx(
-                    cssStyles.configureEnvironmentButton,
-                    !isDestinationConfigured && cssStyles.configureEnvironmentButtonRequired
-                  ),
-                  "aria-label": "Configure destination environment",
-                  "data-tooltip": "Configure destination environment",
-                  onClick: () => openEnvironmentConfiguration("destination"),
-                  children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
-                }
-              )
-            ] }),
-            /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: destinationEnvironmentLabel })
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: sourceEnvironmentLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Destination Environment" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cx(
+                  cssStyles.configureEnvironmentButton,
+                  !isDestinationConfigured && cssStyles.configureEnvironmentButtonRequired
+                ),
+                "aria-label": "Configure destination environment",
+                "data-tooltip": "Configure destination environment",
+                onClick: () => openEnvironmentConfiguration("destination"),
+                children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "ILKB status" }),
-            /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: statusLabel })
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: destinationEnvironmentLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "ILKB status" }),
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: statusLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Version" }),
+          /* @__PURE__ */ jsx("span", { className: cssStyles.versionPill, children: versionLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Tenant Source Environment (optional)" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.configureEnvironmentButton,
+                "aria-label": "Configure tenant source environment",
+                "data-tooltip": "Configure tenant source environment",
+                onClick: () => openEnvironmentConfiguration("tenantSource"),
+                children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+              }
+            )
           ] }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Version" }),
-            /* @__PURE__ */ jsx("span", { className: cssStyles.versionPill, children: versionLabel })
-          ] })
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: tenantSourceEnvironmentLabel })
         ] }),
         /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Current URL" }),
-          "Coming soon.",
-          /* @__PURE__ */ jsx(ExternalLink, { className: cssStyles.urlIcon, strokeWidth: 2 })
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.environmentHeading, children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Tenant Database Environment (optional)" }),
+            /* @__PURE__ */ jsx(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.configureEnvironmentButton,
+                "aria-label": "Configure tenant database environment",
+                "data-tooltip": "Configure tenant database environment",
+                onClick: () => openEnvironmentConfiguration("tenantDestination"),
+                children: /* @__PURE__ */ jsx(Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: tenantDestinationEnvironmentLabel })
         ] })
-      ] });
+      ] }) });
     }
     if (id === "history") {
       return /* @__PURE__ */ jsx("div", { className: cssStyles.historyPanel, children: /* @__PURE__ */ jsx("div", { className: cssStyles.historyTableWrapper, children: /* @__PURE__ */ jsxs("table", { className: cssStyles.historyTable, children: [
@@ -387,37 +579,55 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
         ] }) }),
         /* @__PURE__ */ jsx("tbody", { children: isLoadingHistory ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, children: "Loading promotion history\u2026" }) }) : promotionHistory.length === 0 ? /* @__PURE__ */ jsx("tr", { children: /* @__PURE__ */ jsx("td", { colSpan: 5, children: "No promotion history yet." }) }) : promotionHistory.map((row) => {
           var _a2, _b2;
+          const canRollback = row.status === "SUCCESS" && row.promotion_task_id === latestPromotionTaskId;
           return /* @__PURE__ */ jsxs("tr", { children: [
             /* @__PURE__ */ jsx("td", { children: row.promotion_task_id }),
             /* @__PURE__ */ jsx("td", { children: (_a2 = row.created_by) != null ? _a2 : "\u2014" }),
             /* @__PURE__ */ jsx("td", { children: (_b2 = row.error_summary) != null ? _b2 : "No errors." }),
             /* @__PURE__ */ jsx("td", { children: formatPromotionDate(row.updated_at) }),
-            /* @__PURE__ */ jsx("td", { children: /* @__PURE__ */ jsx("span", { className: cssStyles.statusPill, children: row.status }) })
+            /* @__PURE__ */ jsxs("td", { children: [
+              /* @__PURE__ */ jsx("span", { className: cssStyles.statusPill, children: row.status }),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: cx(
+                    cssStyles.tableActionButton,
+                    canRollback && cssStyles.tableActionButtonDanger
+                  ),
+                  onClick: () => canRollback ? handleRollbackPromotion(row.promotion_task_id) : handleViewPromotionDetails(row.promotion_task_id),
+                  disabled: isInitialStatusLoading || historyActionTaskId !== null,
+                  children: historyActionTaskId === row.promotion_task_id ? canRollback ? "Rolling back\u2026" : "Loading\u2026" : canRollback ? "Rollback" : "View details"
+                }
+              )
+            ] })
           ] }, row.promotion_task_id);
         }) })
       ] }) }) });
     }
     if (id === "database") {
-      return /* @__PURE__ */ jsxs("div", { className: cssStyles.databaseGrid, children: [
-        /* @__PURE__ */ jsxs("div", { className: cssStyles.databaseCard, children: [
-          /* @__PURE__ */ jsx("h3", { children: "Source Database : il-otj-35" }),
-          /* @__PURE__ */ jsxs("p", { children: [
-            /* @__PURE__ */ jsx(ChevronDown, { className: cssStyles.inlineChevron, strokeWidth: 2 }),
-            "Tables (12)"
+      if (isLoadingSchemaPreview) return /* @__PURE__ */ jsx("div", { className: cssStyles.emptyBody, children: "Loading database details\u2026" });
+      const groups = Object.entries(schemaPreview);
+      if (groups.length === 0) return /* @__PURE__ */ jsx("div", { className: cssStyles.emptyBody, children: "No database details available." });
+      return /* @__PURE__ */ jsx("div", { className: cssStyles.databaseGrid, children: groups.flatMap(
+        ([groupName, group]) => ["Source", "Destination"].map((environment) => /* @__PURE__ */ jsxs("div", { className: cssStyles.databaseCard, children: [
+          /* @__PURE__ */ jsxs("h3", { children: [
+            environment,
+            " Database: ",
+            group.database_name
           ] }),
-          /* @__PURE__ */ jsx("ol", { className: cssStyles.tableList, children: TABLE_NAMES.map((name) => /* @__PURE__ */ jsx("li", { children: name }, name)) }),
-          /* @__PURE__ */ jsx("button", { type: "button", className: cssStyles.moreTablesButton, children: "+4 more" })
-        ] }),
-        /* @__PURE__ */ jsxs("div", { className: cssStyles.databaseCard, children: [
-          /* @__PURE__ */ jsx("h3", { children: "Destination Database : il-otj-35" }),
           /* @__PURE__ */ jsxs("p", { children: [
             /* @__PURE__ */ jsx(ChevronDown, { className: cssStyles.inlineChevron, strokeWidth: 2 }),
-            "Tables (12)"
+            groupName,
+            " \xB7 ",
+            group.schema,
+            " \xB7 Tables (",
+            group.tables.length,
+            ")"
           ] }),
-          /* @__PURE__ */ jsx("ol", { className: cssStyles.tableList, children: TABLE_NAMES.map((name) => /* @__PURE__ */ jsx("li", { children: name }, name)) }),
-          /* @__PURE__ */ jsx("button", { type: "button", className: cssStyles.moreTablesButton, children: "+4 more" })
-        ] })
-      ] });
+          /* @__PURE__ */ jsx("ol", { className: cssStyles.tableList, children: group.tables.map((name) => /* @__PURE__ */ jsx("li", { children: name }, `${groupName}-${environment}-${name}`)) })
+        ] }, `${groupName}-${environment}`))
+      ) });
     }
     return /* @__PURE__ */ jsx("div", { className: cssStyles.emptyBody, children: "No details available yet." });
   };
@@ -431,61 +641,108 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
           ] }),
           /* @__PURE__ */ jsx("h1", { className: cssStyles.title, children: title })
         ] }),
-        /* @__PURE__ */ jsx("div", { className: cssStyles.ctaRow, children: isPromoting ? /* @__PURE__ */ jsxs(Fragment, { children: [
-          canRetryPromotion && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: cssStyles.primaryButton,
-              onClick: handlePromoteNow,
-              disabled: !canPromote,
-              children: [
-                /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
-                isSubmitting ? "Starting promotion\u2026" : promoteActionLabel
-              ]
-            }
-          ),
-          /* @__PURE__ */ jsxs("button", { type: "button", className: cssStyles.primaryButton, onClick: handleBack, children: [
-            /* @__PURE__ */ jsx(ArrowDownUp, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
-            "Go to Marketplace"
+        /* @__PURE__ */ jsxs("div", { className: cssStyles.ctaRow, children: [
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.preflightAction, children: [
+            /* @__PURE__ */ jsx(
+              StyledPromoteTooltip,
+              {
+                title: canPromote ? "Optionally check that this migration is ready before promoting." : "Configure both source and destination environments first.",
+                placement: "top",
+                arrow: true,
+                children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: cssStyles.secondaryButton,
+                    onClick: handlePreflightCheck,
+                    disabled: !canPromote || isCheckingPreflight,
+                    children: [
+                      /* @__PURE__ */ jsx(CircleCheck, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                      isCheckingPreflight ? "Checking readiness\u2026" : "Check promotion readiness"
+                    ]
+                  }
+                )
+              }
+            ),
+            /* @__PURE__ */ jsx(
+              StyledPromoteTooltip,
+              {
+                title: "Runs a safe validation of the selected source and destination environments. It does not start a migration.",
+                placement: "top",
+                arrow: true,
+                children: /* @__PURE__ */ jsx("span", { className: cssStyles.preflightInfo, "aria-label": "About the pre-flight check", children: /* @__PURE__ */ jsx(Info, { className: cssStyles.helpIcon, strokeWidth: 2.2, "aria-hidden": "true" }) })
+              }
+            )
+          ] }),
+          isPromoting ? /* @__PURE__ */ jsxs(Fragment, { children: [
+            canRetryPromotion && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.primaryButton,
+                onClick: handlePromoteNow,
+                disabled: !canPromote,
+                children: [
+                  /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                  isSubmitting ? "Starting promotion\u2026" : promoteActionLabel
+                ]
+              }
+            ),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.primaryButton,
+                onClick: handleGoToMarketplace,
+                children: [
+                  /* @__PURE__ */ jsx(ArrowDownUp, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                  "Go to Marketplace"
+                ]
+              }
+            )
+          ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+            submittingAction !== "now" && /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.secondaryButton,
+                onClick: handlePromoteLater,
+                disabled: !canPromote,
+                children: [
+                  /* @__PURE__ */ jsx(Calendar, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                  submittingAction === "later" ? "Scheduling\u2026" : "Promote later"
+                ]
+              }
+            ),
+            submittingAction !== "later" && /* @__PURE__ */ jsx(
+              StyledPromoteTooltip,
+              {
+                title: canPromote ? "" : "Configure both source and destination environments first.",
+                disableHoverListener: canPromote,
+                placement: "top",
+                arrow: true,
+                children: /* @__PURE__ */ jsxs(
+                  "button",
+                  {
+                    type: "button",
+                    className: cssStyles.primaryButton,
+                    onClick: handlePromoteNow,
+                    disabled: !canPromote,
+                    children: [
+                      /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                      submittingAction === "now" ? "Starting promotion\u2026" : promoteActionLabel
+                    ]
+                  }
+                )
+              }
+            )
           ] })
-        ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
-          submittingAction !== "now" && /* @__PURE__ */ jsxs(
-            "button",
-            {
-              type: "button",
-              className: cssStyles.secondaryButton,
-              onClick: handlePromoteLater,
-              disabled: !canPromote,
-              children: [
-                /* @__PURE__ */ jsx(Calendar, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
-                submittingAction === "later" ? "Scheduling\u2026" : "Promote later"
-              ]
-            }
-          ),
-          submittingAction !== "later" && /* @__PURE__ */ jsx(
-            StyledPromoteTooltip,
-            {
-              title: canPromote ? "" : "Configure both source and destination environments first.",
-              disableHoverListener: canPromote,
-              placement: "top",
-              arrow: true,
-              children: /* @__PURE__ */ jsxs(
-                "button",
-                {
-                  type: "button",
-                  className: cssStyles.primaryButton,
-                  onClick: handlePromoteNow,
-                  disabled: !canPromote,
-                  children: [
-                    /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
-                    submittingAction === "now" ? "Starting promotion\u2026" : promoteActionLabel
-                  ]
-                }
-              )
-            }
-          )
-        ] }) })
+        ] })
+      ] }),
+      preflightResult && /* @__PURE__ */ jsxs("div", { className: cssStyles.preflightSuccess, role: "status", children: [
+        "Pre-flight check completed successfully.",
+        " ",
+        preflightResult.ready ? `Migration is ready (${preflightResult.itemsReady}/${preflightResult.itemsChecked} checks passed).` : `Migration readiness requires attention (${preflightResult.itemsReady}/${preflightResult.itemsChecked} checks passed).`
       ] }),
       isPromoting ? /* @__PURE__ */ jsxs("div", { className: cssStyles.promotionStatusBox, children: [
         /* @__PURE__ */ jsx("div", { className: cssStyles.promotionStatusRow, children: /* @__PURE__ */ jsxs("div", { className: cssStyles.promotionStatusRowHeader, children: [
@@ -540,6 +797,23 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
             ] })
           ] })
         ] }),
+        (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.view_detail_url) && /* @__PURE__ */ jsxs("div", { className: cssStyles.promotionDetailsLink, children: [
+          /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Promotion details" }),
+          /* @__PURE__ */ jsxs(
+            "a",
+            {
+              className: cssStyles.urlLink,
+              href: promotionTaskForGuideline.view_detail_url,
+              target: "_blank",
+              rel: "noreferrer",
+              title: promotionTaskForGuideline.view_detail_url,
+              children: [
+                /* @__PURE__ */ jsx("span", { children: promotionTaskForGuideline.view_detail_url }),
+                /* @__PURE__ */ jsx(ExternalLink, { className: cssStyles.urlIcon, strokeWidth: 2 })
+              ]
+            }
+          )
+        ] }),
         (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "SCHEDULED" && promotionTaskForGuideline.trigger_url && /* @__PURE__ */ jsxs("div", { className: cssStyles.scheduledTrigger, children: [
           /* @__PURE__ */ jsxs("div", { children: [
             /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Scheduled promotion URL" }),
@@ -549,7 +823,7 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
                 type: "button",
                 className: cssStyles.scheduledTriggerUrl,
                 onClick: handleTriggerScheduledPromotion,
-                disabled: submittingAction === "trigger",
+                disabled: isInitialStatusLoading || submittingAction === "trigger",
                 title: promotionTaskForGuideline.trigger_url,
                 children: [
                   /* @__PURE__ */ jsx("span", { children: promotionTaskForGuideline.trigger_url }),
@@ -564,7 +838,7 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
               type: "button",
               className: cssStyles.primaryButton,
               onClick: handleTriggerScheduledPromotion,
-              disabled: submittingAction === "trigger",
+              disabled: isInitialStatusLoading || submittingAction === "trigger",
               children: [
                 /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
                 submittingAction === "trigger" ? "Starting promotion\u2026" : "Start promotion"
@@ -624,14 +898,15 @@ function PromoteFlow({ guideline, onBack, onPromote, className }) {
           is_tenant_db: selectedEnvironment.is_tenant_db
         } : {
           ...EMPTY_ENVIRONMENT_CONFIGURATION,
-          env_tier: configuredEnvironment === "source" ? "dev" : permittedDestinationTiers[0],
-          db_type: configuredEnvironment === "destination" && permittedDestinationTiers[0] === "external" ? "EXTERNAL" : "INTERNAL"
+          env_tier: configuredEnvironment === "source" || configuredEnvironment === "tenantSource" ? "dev" : permittedDestinationTiers[0],
+          db_type: (configuredEnvironment === "destination" || configuredEnvironment === "tenantDestination") && permittedDestinationTiers[0] === "external" ? "EXTERNAL" : "INTERNAL",
+          is_tenant_db: configuredEnvironment === "tenantSource" || configuredEnvironment === "tenantDestination"
         },
-        permittedTiers: configuredEnvironment === "source" ? permittedSourceTiers : permittedDestinationTiers,
+        permittedTiers: configuredEnvironment === "source" || configuredEnvironment === "tenantSource" ? permittedSourceTiers : permittedDestinationTiers,
         onSave: handleSaveEnvironment,
         onSelectPreset: setEnvironment,
         onPresetTierChange: setConfigSearchTier,
-        presetTier: configSearchTier != null ? configSearchTier : configuredEnvironment === "source" ? (_d = sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier) != null ? _d : "dev" : (_e = destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier) != null ? _e : permittedDestinationTiers[0],
+        presetTier: configSearchTier != null ? configSearchTier : configuredEnvironment === "source" ? (_d = sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier) != null ? _d : "dev" : configuredEnvironment === "destination" ? (_e = destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier) != null ? _e : permittedDestinationTiers[0] : configuredEnvironment === "tenantSource" ? (_f = tenantSourceEnvironment == null ? void 0 : tenantSourceEnvironment.env_tier) != null ? _f : "dev" : (_g = tenantDestinationEnvironment == null ? void 0 : tenantDestinationEnvironment.env_tier) != null ? _g : permittedDestinationTiers[0],
         onClose: () => {
           setConfiguredEnvironment(null);
           setConfigSearchTier(null);