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

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

@@ -0,0 +1,656 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var jsxRuntime = require('react/jsx-runtime');
+var React = require('react');
+var Tooltip = require('@mui/material/Tooltip');
+var styles = require('@mui/material/styles');
+var lucideReact = require('lucide-react');
+var utils = require('../utils.js');
+var EnvironmentConfigurationModal = require('./EnvironmentConfigurationModal.js');
+var promoteFlow_api = require('./promote-flow.api.js');
+var promoteFlow_store = require('./promote-flow.store.js');
+var promoteFlow_utils = require('./promote-flow.utils.js');
+var PromoteFlow_module = require('./PromoteFlow.module.css.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var Tooltip__default = /*#__PURE__*/_interopDefaultLegacy(Tooltip);
+
+const StyledPromoteTooltip = styles.styled(({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(Tooltip__default["default"], { ...props, classes: { popper: className } }))(() => ({
+  [`& .${Tooltip.tooltipClasses.tooltip}`]: {
+    backgroundColor: "#161616cf",
+    color: "#ffffff",
+    fontSize: "12px",
+    padding: "7px 11px",
+    borderRadius: 6,
+    maxWidth: 250,
+    textAlign: "center",
+    whiteSpace: "normal",
+    wordBreak: "break-word",
+    lineHeight: 1.5
+  },
+  [`& .${Tooltip.tooltipClasses.arrow}`]: {
+    color: "#000000"
+  }
+}));
+const ACCORDIONS = [
+  {
+    id: "overview",
+    title: "Overview"
+  },
+  {
+    id: "history",
+    title: "Promotion History",
+    comingSoon: false
+  },
+  {
+    id: "database",
+    title: "Database Details",
+    comingSoon: true
+  },
+  {
+    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"
+];
+function PromoteFlow({ guideline, onBack, onPromote, className }) {
+  var _a, _b, _c, _d, _e;
+  const [openSections, setOpenSections] = React.useState({
+    overview: true
+  });
+  const [copiedId, setCopiedId] = React.useState(null);
+  const [configuredEnvironment, setConfiguredEnvironment] = React.useState(
+    null
+  );
+  const [promotedByName, setPromotedByName] = React.useState(null);
+  const [promotionHistory, setPromotionHistory] = React.useState([]);
+  const [isLoadingHistory, setIsLoadingHistory] = React.useState(false);
+  const [promotionConfigs, setPromotionConfigs] = React.useState([]);
+  const [isLoadingConfigs, setIsLoadingConfigs] = React.useState(false);
+  const [configSearchTier, setConfigSearchTier] = React.useState(null);
+  const [submittingAction, setSubmittingAction] = React.useState(null);
+  const sourceEnvironment = promoteFlow_store.usePromoteFlowStore((state) => state.sourceEnvironment);
+  const destinationEnvironment = promoteFlow_store.usePromoteFlowStore((state) => state.destinationEnvironment);
+  const promotionTask = promoteFlow_store.usePromoteFlowStore((state) => state.promotionTask);
+  const promotionResourceId = promoteFlow_store.usePromoteFlowStore((state) => state.promotionResourceId);
+  const isSubmitting = promoteFlow_store.usePromoteFlowStore((state) => state.isSubmitting);
+  const error = promoteFlow_store.usePromoteFlowStore((state) => state.error);
+  const errorResourceId = promoteFlow_store.usePromoteFlowStore((state) => state.errorResourceId);
+  const setEnvironment = promoteFlow_store.usePromoteFlowStore((state) => state.setEnvironment);
+  const setPromotionTask = promoteFlow_store.usePromoteFlowStore((state) => state.setPromotionTask);
+  const setSubmitting = promoteFlow_store.usePromoteFlowStore((state) => state.setSubmitting);
+  const setError = promoteFlow_store.usePromoteFlowStore((state) => state.setError);
+  const resetPromotionSession = promoteFlow_store.usePromoteFlowStore((state) => state.resetPromotionSession);
+  const title = utils.getGuidelineTitle(guideline);
+  const versionLabel = guideline.version ? `v${guideline.version}` : "v1";
+  const statusLabel = (_a = guideline.status) != null ? _a : "Published";
+  const guidelineResourceId = promoteFlow_utils.getPromotionResourceId(guideline);
+  const promotionTaskForGuideline = promotionResourceId === guidelineResourceId ? promotionTask : null;
+  const errorForGuideline = errorResourceId === guidelineResourceId ? error : null;
+  const isSourceConfigured = Boolean(sourceEnvironment);
+  const isDestinationConfigured = Boolean(destinationEnvironment);
+  const canPromote = isSourceConfigured && isDestinationConfigured && !isSubmitting;
+  const sourceEnvironmentLabel = promoteFlow_utils.getEnvironmentDisplayName(sourceEnvironment, "Dev");
+  const destinationEnvironmentLabel = promoteFlow_utils.getEnvironmentDisplayName(destinationEnvironment, "QA");
+  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";
+  const permittedDestinationTiers = React.useMemo(
+    () => promoteFlow_utils.getPermittedDestinationTiers(sourceTier),
+    [sourceTier]
+  );
+  const permittedSourceTiers = ["dev", "qa", "prod", "external"];
+  const selectedEnvironment = configuredEnvironment === "source" ? sourceEnvironment : destinationEnvironment;
+  const latestPromotionForPair = React.useMemo(
+    () => promoteFlow_utils.getLatestPromotionForEnvironmentPair(
+      promotionHistory,
+      sourceEnvironment,
+      destinationEnvironment
+    ),
+    [destinationEnvironment, promotionHistory, sourceEnvironment]
+  );
+  const promoteActionLabel = (latestPromotionForPair == null ? void 0 : latestPromotionForPair.status) === "SUCCESS" ? "Sync" : "Promote Now";
+  const toggleSection = (id) => {
+    setOpenSections((current) => ({ ...current, [id]: !current[id] }));
+  };
+  React.useEffect(() => {
+    let isCurrent = true;
+    setIsLoadingHistory(true);
+    promoteFlow_api.getPromotionHistory(guidelineResourceId).then((history) => {
+      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);
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, [guidelineResourceId, setError]);
+  React.useEffect(() => {
+    var _a2, _b2;
+    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 envTier = configSearchTier != null ? configSearchTier : defaultTier;
+    let isCurrent = true;
+    setIsLoadingConfigs(true);
+    setPromotionConfigs([]);
+    promoteFlow_api.searchEnvironmentConfigs({
+      env_tier: envTier,
+      db_type: envTier === "external" ? "EXTERNAL" : "INTERNAL"
+    }).then((configs) => {
+      if (isCurrent) setPromotionConfigs(configs);
+    }).catch(() => {
+      if (isCurrent) setPromotionConfigs([]);
+    }).finally(() => {
+      if (isCurrent) setIsLoadingConfigs(false);
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, [
+    configSearchTier,
+    configuredEnvironment,
+    destinationEnvironment == null ? void 0 : destinationEnvironment.env_tier,
+    guidelineResourceId,
+    permittedDestinationTiers,
+    sourceEnvironment == null ? void 0 : sourceEnvironment.env_tier
+  ]);
+  React.useEffect(() => {
+    const promotedByEmail = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_by;
+    if (!promotedByEmail) {
+      setPromotedByName(null);
+      return;
+    }
+    let isCurrent = true;
+    setPromotedByName(promotedByEmail);
+    promoteFlow_api.getCWUser(promotedByEmail).then((userResponse) => {
+      var _a2;
+      const user = (_a2 = userResponse.data) != null ? _a2 : userResponse;
+      const fullName = [user.firstname, user.lastname].filter(Boolean).join(" ").trim();
+      if (isCurrent) setPromotedByName(fullName || user.user_name || promotedByEmail);
+    }).catch(() => {
+      if (isCurrent) setPromotedByName(promotedByEmail);
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, [promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_by, promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.promotion_task_id]);
+  React.useEffect(() => {
+    if (!promotionTaskForGuideline || promotionTaskForGuideline.status !== "MIGRATING") return;
+    const pollStatus = async () => {
+      try {
+        setPromotionTask(await promoteFlow_api.getPromotionStatus(promotionTaskForGuideline.promotion_task_id));
+      } catch (pollError) {
+        setError(
+          pollError instanceof Error ? pollError.message : "Unable to refresh promotion status.",
+          guidelineResourceId
+        );
+      }
+    };
+    const intervalId = window.setInterval(pollStatus, 3e4);
+    return () => window.clearInterval(intervalId);
+  }, [guidelineResourceId, promotionTaskForGuideline, setError, setPromotionTask]);
+  const handlePromoteNow = async () => {
+    if (!canPromote || !sourceEnvironment || !destinationEnvironment) return;
+    setSubmitting(true);
+    setSubmittingAction("now");
+    setError(null);
+    try {
+      const task = await promoteFlow_api.startPromotion({
+        resource_id: promoteFlow_utils.getPromotionResourceId(guideline),
+        resource_type: "PACKAGE",
+        target_version: "latest",
+        global_source_env_id: sourceEnvironment.env_id,
+        global_target_env_id: destinationEnvironment.env_id
+      });
+      setPromotionTask(task, guidelineResourceId);
+      onPromote == null ? void 0 : onPromote(guideline);
+    } catch (promotionError) {
+      setError(
+        promotionError instanceof Error ? promotionError.message : "Unable to start promotion.",
+        guidelineResourceId
+      );
+    } finally {
+      setSubmitting(false);
+      setSubmittingAction(null);
+    }
+  };
+  const handleSaveEnvironment = async (environment, configuration) => {
+    const response = await promoteFlow_api.createEnvironmentConfig(promoteFlow_utils.toCreateEnvironmentConfigRequest(configuration));
+    setEnvironment(environment, promoteFlow_utils.toRegistryRecord(response.env_id, configuration));
+  };
+  const openEnvironmentConfiguration = (environment) => {
+    var _a2;
+    const selected = environment === "source" ? sourceEnvironment : destinationEnvironment;
+    setConfigSearchTier(
+      (_a2 = selected == null ? void 0 : selected.env_tier) != null ? _a2 : environment === "source" ? "dev" : permittedDestinationTiers[0]
+    );
+    setConfiguredEnvironment(environment);
+  };
+  const handlePromoteLater = async () => {
+    var _a2, _b2;
+    if (!canPromote || !sourceEnvironment || !destinationEnvironment) return;
+    setSubmitting(true);
+    setSubmittingAction("later");
+    setError(null);
+    try {
+      const scheduledPromotion = await promoteFlow_api.schedulePromotion({
+        resource_id: guidelineResourceId,
+        resource_type: "PACKAGE",
+        target_version: "latest",
+        global_source_env_id: sourceEnvironment.env_id,
+        global_target_env_id: destinationEnvironment.env_id
+      });
+      const now = (/* @__PURE__ */ new Date()).toISOString();
+      setPromotionTask(
+        {
+          ...scheduledPromotion,
+          source_env: sourceEnvironmentLabel,
+          target_env: destinationEnvironmentLabel,
+          transferred_records_count: 0,
+          transferred_tables_count: 0,
+          error_summary: null,
+          created_at: (_a2 = scheduledPromotion.created_at) != null ? _a2 : now,
+          updated_at: (_b2 = scheduledPromotion.updated_at) != null ? _b2 : now
+        },
+        guidelineResourceId
+      );
+      onPromote == null ? void 0 : onPromote(guideline);
+    } catch (promotionError) {
+      setError(
+        promotionError instanceof Error ? promotionError.message : "Unable to schedule promotion.",
+        guidelineResourceId
+      );
+    } finally {
+      setSubmitting(false);
+      setSubmittingAction(null);
+    }
+  };
+  const handleTriggerScheduledPromotion = async () => {
+    const triggerUrl = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.trigger_url;
+    if (!triggerUrl) return;
+    setSubmitting(true);
+    setSubmittingAction("trigger");
+    setError(null);
+    try {
+      const task = await promoteFlow_api.triggerScheduledPromotion(triggerUrl);
+      setPromotionTask(task, guidelineResourceId);
+      onPromote == null ? void 0 : onPromote(guideline);
+    } catch (promotionError) {
+      setError(
+        promotionError instanceof Error ? promotionError.message : "Unable to start the scheduled promotion.",
+        guidelineResourceId
+      );
+    } finally {
+      setSubmitting(false);
+      setSubmittingAction(null);
+    }
+  };
+  const handleBack = () => {
+    if ((promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "FAILED") {
+      resetPromotionSession();
+    }
+    if (onBack) {
+      onBack();
+      return;
+    }
+    window.history.back();
+  };
+  const handleCopyToClipboard = async (text, id) => {
+    try {
+      await navigator.clipboard.writeText(text);
+      setCopiedId(id);
+      setTimeout(() => setCopiedId(null), 2e3);
+    } catch (err) {
+      console.error("Failed to copy to clipboard:", err);
+    }
+  };
+  const renderAccordionBody = (id) => {
+    if (id === "overview") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].overviewPanel, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].overviewGrid, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].environmentHeading, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].metaLabel, children: "Source Environment" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: utils.cx(
+                    PromoteFlow_module["default"].configureEnvironmentButton,
+                    !isSourceConfigured && PromoteFlow_module["default"].configureEnvironmentButtonRequired
+                  ),
+                  "aria-label": "Configure source environment",
+                  "data-tooltip": "Configure source environment",
+                  onClick: () => openEnvironmentConfiguration("source"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: sourceEnvironmentLabel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].environmentHeading, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].metaLabel, children: "Destination Environment" }),
+              /* @__PURE__ */ jsxRuntime.jsx(
+                "button",
+                {
+                  type: "button",
+                  className: utils.cx(
+                    PromoteFlow_module["default"].configureEnvironmentButton,
+                    !isDestinationConfigured && PromoteFlow_module["default"].configureEnvironmentButtonRequired
+                  ),
+                  "aria-label": "Configure destination environment",
+                  "data-tooltip": "Configure destination environment",
+                  onClick: () => openEnvironmentConfiguration("destination"),
+                  children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Settings2, { "aria-hidden": "true", strokeWidth: 2 })
+                }
+              )
+            ] }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: destinationEnvironmentLabel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "ILKB status" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: statusLabel })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Version" }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].versionPill, children: versionLabel })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Current URL" }),
+          "Coming soon.",
+          /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: PromoteFlow_module["default"].urlIcon, strokeWidth: 2 })
+        ] })
+      ] });
+    }
+    if (id === "history") {
+      return /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].historyPanel, children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].historyTableWrapper, children: /* @__PURE__ */ jsxRuntime.jsxs("table", { className: PromoteFlow_module["default"].historyTable, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Log ID" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Promoted by" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Error Summary" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Change date & time" }),
+          /* @__PURE__ */ jsxRuntime.jsx("th", { children: "Status" })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: isLoadingHistory ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: "Loading promotion history\u2026" }) }) : promotionHistory.length === 0 ? /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: "No promotion history yet." }) }) : promotionHistory.map((row) => {
+          var _a2, _b2;
+          return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: row.promotion_task_id }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: (_a2 = row.created_by) != null ? _a2 : "\u2014" }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: (_b2 = row.error_summary) != null ? _b2 : "No errors." }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: promoteFlow_utils.formatPromotionDate(row.updated_at) }),
+            /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].statusPill, children: row.status }) })
+          ] }, row.promotion_task_id);
+        }) })
+      ] }) }) });
+    }
+    if (id === "database") {
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].databaseGrid, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].databaseCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Source Database : il-otj-35" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: PromoteFlow_module["default"].inlineChevron, strokeWidth: 2 }),
+            "Tables (12)"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ol", { className: PromoteFlow_module["default"].tableList, children: TABLE_NAMES.map((name) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: name }, name)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: PromoteFlow_module["default"].moreTablesButton, children: "+4 more" })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].databaseCard, children: [
+          /* @__PURE__ */ jsxRuntime.jsx("h3", { children: "Destination Database : il-otj-35" }),
+          /* @__PURE__ */ jsxRuntime.jsxs("p", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ChevronDown, { className: PromoteFlow_module["default"].inlineChevron, strokeWidth: 2 }),
+            "Tables (12)"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("ol", { className: PromoteFlow_module["default"].tableList, children: TABLE_NAMES.map((name) => /* @__PURE__ */ jsxRuntime.jsx("li", { children: name }, name)) }),
+          /* @__PURE__ */ jsxRuntime.jsx("button", { type: "button", className: PromoteFlow_module["default"].moreTablesButton, children: "+4 more" })
+        ] })
+      ] });
+    }
+    return /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].emptyBody, children: "No details available yet." });
+  };
+  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: utils.cx(PromoteFlow_module["default"].root, className), children: [
+    /* @__PURE__ */ jsxRuntime.jsxs("main", { className: PromoteFlow_module["default"].body, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].topRow, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].titleGroup, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: PromoteFlow_module["default"].backButton, onClick: handleBack, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowLeft, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+            "Back"
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx("h1", { className: PromoteFlow_module["default"].title, children: title })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].ctaRow, children: isPromoting ? /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          canRetryPromotion && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: PromoteFlow_module["default"].primaryButton,
+              onClick: handlePromoteNow,
+              disabled: !canPromote,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+                isSubmitting ? "Starting promotion\u2026" : promoteActionLabel
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsxs("button", { type: "button", className: PromoteFlow_module["default"].primaryButton, onClick: handleBack, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowDownUp, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+            "Go to Marketplace"
+          ] })
+        ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+          submittingAction !== "now" && /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: PromoteFlow_module["default"].secondaryButton,
+              onClick: handlePromoteLater,
+              disabled: !canPromote,
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Calendar, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+                submittingAction === "later" ? "Scheduling\u2026" : "Promote later"
+              ]
+            }
+          ),
+          submittingAction !== "later" && /* @__PURE__ */ jsxRuntime.jsx(
+            StyledPromoteTooltip,
+            {
+              title: canPromote ? "" : "Configure both source and destination environments first.",
+              disableHoverListener: canPromote,
+              placement: "top",
+              arrow: true,
+              children: /* @__PURE__ */ jsxRuntime.jsxs(
+                "button",
+                {
+                  type: "button",
+                  className: PromoteFlow_module["default"].primaryButton,
+                  onClick: handlePromoteNow,
+                  disabled: !canPromote,
+                  children: [
+                    /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+                    submittingAction === "now" ? "Starting promotion\u2026" : promoteActionLabel
+                  ]
+                }
+              )
+            }
+          )
+        ] }) })
+      ] }),
+      isPromoting ? /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].promotionStatusBox, children: [
+        /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].promotionStatusRow, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].promotionStatusRowHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].promotionStatusField, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].metaLabel, children: "Promotion Status" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].statusWithPill, children: [
+              /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].statusValue, children: (_c = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) != null ? _c : "In Progress" }),
+              (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "MIGRATING" && /* @__PURE__ */ jsxRuntime.jsxs("span", { className: PromoteFlow_module["default"].ingestingPill, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.LoaderCircle, { className: PromoteFlow_module["default"].migrationLoader, "aria-hidden": "true" }),
+                "Migration in progress"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("span", { className: PromoteFlow_module["default"].notificationPill, children: [
+            /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Bell, { className: PromoteFlow_module["default"].notificationBellIcon, strokeWidth: 2 }),
+            /* @__PURE__ */ jsxRuntime.jsx("span", { children: "You'll be notified once completed" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].promotionDetailsGrid, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Started At" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: promoteFlow_utils.formatPromotionDate(promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_at) })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Promoted by" }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: promotedByName != null ? promotedByName : "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Promotion Identifier" }),
+            /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].metaValueWithCopy, children: [
+              /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].copyTooltipWrapper, children: [
+                /* @__PURE__ */ jsxRuntime.jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: PromoteFlow_module["default"].copyIconButton,
+                    onClick: () => {
+                      var _a2;
+                      return handleCopyToClipboard(
+                        (_a2 = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.promotion_task_id) != null ? _a2 : "",
+                        "promo-id"
+                      );
+                    },
+                    "aria-label": "Copy Promotion Identifier",
+                    title: copiedId === "promo-id" ? "Copied!" : "Copy",
+                    children: /* @__PURE__ */ jsxRuntime.jsx(lucideReact.Copy, { className: PromoteFlow_module["default"].copyIconInline, strokeWidth: 2 })
+                  }
+                ),
+                copiedId === "promo-id" && /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].copiedTooltip, children: "Copied!" })
+              ] }),
+              /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaValue, children: promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.promotion_task_id })
+            ] })
+          ] })
+        ] }),
+        (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "SCHEDULED" && promotionTaskForGuideline.trigger_url && /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].scheduledTrigger, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].metaLabel, children: "Scheduled promotion URL" }),
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: PromoteFlow_module["default"].scheduledTriggerUrl,
+                onClick: handleTriggerScheduledPromotion,
+                disabled: submittingAction === "trigger",
+                title: promotionTaskForGuideline.trigger_url,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: promotionTaskForGuideline.trigger_url }),
+                  /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ExternalLink, { className: PromoteFlow_module["default"].urlIcon, strokeWidth: 2 })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsxs(
+            "button",
+            {
+              type: "button",
+              className: PromoteFlow_module["default"].primaryButton,
+              onClick: handleTriggerScheduledPromotion,
+              disabled: submittingAction === "trigger",
+              children: [
+                /* @__PURE__ */ jsxRuntime.jsx(lucideReact.ArrowUpRight, { className: PromoteFlow_module["default"].buttonIcon, strokeWidth: 2.2 }),
+                submittingAction === "trigger" ? "Starting promotion\u2026" : "Start promotion"
+              ]
+            }
+          )
+        ] }),
+        (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.error_summary) && /* @__PURE__ */ jsxRuntime.jsx("p", { className: PromoteFlow_module["default"].promotionError, children: promotionTaskForGuideline.error_summary }),
+        errorForGuideline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: PromoteFlow_module["default"].promotionError, role: "alert", children: errorForGuideline })
+      ] }) : /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        errorForGuideline && /* @__PURE__ */ jsxRuntime.jsx("p", { className: PromoteFlow_module["default"].promotionError, role: "alert", children: errorForGuideline }),
+        /* @__PURE__ */ jsxRuntime.jsx("section", { className: PromoteFlow_module["default"].accordionList, "aria-label": "Promotion details", children: ACCORDIONS.map((item) => {
+          const isOpen = Boolean(openSections[item.id]);
+          return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: PromoteFlow_module["default"].accordion, children: [
+            /* @__PURE__ */ jsxRuntime.jsxs(
+              "button",
+              {
+                type: "button",
+                className: PromoteFlow_module["default"].accordionHeader,
+                onClick: () => !item.comingSoon && toggleSection(item.id),
+                "aria-expanded": isOpen,
+                disabled: item.comingSoon,
+                children: [
+                  /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.title }),
+                  item.comingSoon && /* @__PURE__ */ jsxRuntime.jsx("span", { className: PromoteFlow_module["default"].comingSoonBadge, children: "Coming soon" }),
+                  /* @__PURE__ */ jsxRuntime.jsx(
+                    lucideReact.ChevronDown,
+                    {
+                      className: utils.cx(
+                        PromoteFlow_module["default"].accordionIcon,
+                        isOpen && PromoteFlow_module["default"].accordionIconOpen
+                      ),
+                      strokeWidth: 2.2
+                    }
+                  )
+                ]
+              }
+            ),
+            !item.comingSoon && isOpen && /* @__PURE__ */ jsxRuntime.jsx("div", { className: PromoteFlow_module["default"].accordionBody, children: renderAccordionBody(item.id) })
+          ] }, item.id);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      EnvironmentConfigurationModal.EnvironmentConfigurationModal,
+      {
+        environment: configuredEnvironment,
+        initialConfiguration: selectedEnvironment ? {
+          env_name: selectedEnvironment.env_name,
+          env_tier: selectedEnvironment.env_tier,
+          db_type: selectedEnvironment.db_type,
+          host: selectedEnvironment.host,
+          port: String(selectedEnvironment.port),
+          username: selectedEnvironment.username,
+          password: "",
+          database_name: selectedEnvironment.database_name,
+          is_tenant_db: selectedEnvironment.is_tenant_db
+        } : {
+          ...promoteFlow_utils.EMPTY_ENVIRONMENT_CONFIGURATION,
+          env_tier: configuredEnvironment === "source" ? "dev" : permittedDestinationTiers[0],
+          db_type: configuredEnvironment === "destination" && permittedDestinationTiers[0] === "external" ? "EXTERNAL" : "INTERNAL"
+        },
+        permittedTiers: configuredEnvironment === "source" ? 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],
+        onClose: () => {
+          setConfiguredEnvironment(null);
+          setConfigSearchTier(null);
+        },
+        promotionConfigs,
+        selectedPromotionConfig: selectedEnvironment,
+        isLoadingConfigs
+      }
+    )
+  ] });
+}
+
+exports.PromoteFlow = PromoteFlow;
+//# sourceMappingURL=PromoteFlow.js.map