@e-llm-studio/instant-learning 1.3.2 → 1.3.4

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

@@ -1,2 +1,923 @@
-import{__rest as e,__assign as n,__awaiter as t,__generator as r}from"tslib";import{jsx as o,jsxs as i,Fragment as a}from"react/jsx-runtime";import{useState as l,useMemo as s,useEffect as c}from"react";import d,{tooltipClasses as u}from"@mui/material/Tooltip";import{styled as m}from"@mui/material/styles";import{ArrowLeft as v,ArrowUpRight as h,ArrowDownUp as p,Calendar as f,LoaderCircle as b,Bell as _,Copy as N,ExternalLink as g,ChevronDown as y,Settings2 as k}from"lucide-react";import{getGuidelineTitle as C,cx as S}from"../utils.js";import{EnvironmentConfigurationModal as w}from"./EnvironmentConfigurationModal.js";import{getPromotionHistory as E,searchEnvironmentConfigs as I,getCWUser as L,getPromotionStatus as B,startPromotion as P,createEnvironmentConfig as T,schedulePromotion as W,triggerScheduledPromotion as R}from"./promote-flow.api.js";import{usePromoteFlowStore as A}from"./promote-flow.store.js";import{getPromotionResourceId as D,getEnvironmentDisplayName as x,getPermittedDestinationTiers as G,getLatestPromotionForEnvironmentPair as j,formatPromotionDate as U,EMPTY_ENVIRONMENT_CONFIGURATION as V,toRegistryRecord as H,toCreateEnvironmentConfigRequest as F}from"./promote-flow.utils.js";import M from"./PromoteFlow.module.css.js";var K=m(function(t){var r=t.className,i=e(t,["className"]);return o(d,n({},i,{classes:{popper:r}}))})(function(){var e;return(e={})["& .".concat(u.tooltip)]={backgroundColor:"#161616cf",color:"#ffffff",fontSize:"12px",padding:"7px 11px",borderRadius:6,maxWidth:250,textAlign:"center",whiteSpace:"normal",wordBreak:"break-word",lineHeight:1.5},e["& .".concat(u.arrow)]={color:"#000000"},e}),q=[{id:"overview",title:"Overview"},{id:"history",title:"Promotion History",comingSoon:!1},{id:"database",title:"Database Details",comingSoon:!0},{id:"knowledgebase",title:"Knowledgebase Details",comingSoon:!0}],O=["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 X(e){var d,u,m,X,z,Q=this,Y=e.guideline,J=e.onBack,Z=e.onPromote,$=e.className,ee=l({overview:!0}),ne=ee[0],te=ee[1],re=l(null),oe=re[0],ie=re[1],ae=l(null),le=ae[0],se=ae[1],ce=l(null),de=ce[0],ue=ce[1],me=l([]),ve=me[0],he=me[1],pe=l(!1),fe=pe[0],be=pe[1],_e=l([]),Ne=_e[0],ge=_e[1],ye=l(!1),ke=ye[0],Ce=ye[1],Se=l(null),we=Se[0],Ee=Se[1],Ie=l(null),Le=Ie[0],Be=Ie[1],Pe=A(function(e){return e.sourceEnvironment}),Te=A(function(e){return e.destinationEnvironment}),We=A(function(e){return e.promotionTask}),Re=A(function(e){return e.promotionResourceId}),Ae=A(function(e){return e.isSubmitting}),De=A(function(e){return e.error}),xe=A(function(e){return e.errorResourceId}),Ge=A(function(e){return e.setEnvironment}),je=A(function(e){return e.setPromotionTask}),Ue=A(function(e){return e.setSubmitting}),Ve=A(function(e){return e.setError}),He=A(function(e){return e.resetPromotionSession}),Fe=C(Y),Me=Y.version?"v".concat(Y.version):"v1",Ke=null!==(d=Y.status)&&void 0!==d?d:"Published",qe=D(Y),Oe=Re===qe?We:null,Xe=xe===qe?De:null,ze=Boolean(Pe),Qe=Boolean(Te),Ye=ze&&Qe&&!Ae,Je=x(Pe,"Dev"),Ze=x(Te,"QA"),$e=Boolean(Oe),en="FAILED"===(null==Oe?void 0:Oe.status),nn=null!==(u=null==Pe?void 0:Pe.env_tier)&&void 0!==u?u:"dev",tn=s(function(){return G(nn)},[nn]),rn="source"===le?Pe:Te,on=s(function(){return j(ve,Pe,Te)},[Te,ve,Pe]),an="SUCCESS"===(null==on?void 0:on.status)?"Sync":"Promote Now";c(function(){var e=!0;return be(!0),E(qe).then(function(n){e&&he(n)}).catch(function(n){e&&Ve(n instanceof Error?n.message:"Unable to load promotion history.",qe)}).finally(function(){e&&be(!1)}),function(){e=!1}},[qe,Ve]),c(function(){var e,n;if(le){var t="source"===le?null!==(e=null==Pe?void 0:Pe.env_tier)&&void 0!==e?e:"dev":null!==(n=null==Te?void 0:Te.env_tier)&&void 0!==n?n:tn[0],r=null!=we?we:t,o=!0;return Ce(!0),ge([]),I({env_tier:r,db_type:"external"===r?"EXTERNAL":"INTERNAL"}).then(function(e){o&&ge(e)}).catch(function(){o&&ge([])}).finally(function(){o&&Ce(!1)}),function(){o=!1}}},[we,le,null==Te?void 0:Te.env_tier,qe,tn,null==Pe?void 0:Pe.env_tier]),c(function(){var e=null==Oe?void 0:Oe.created_by;if(e){var n=!0;return ue(e),L(e).then(function(t){var r,o=null!==(r=t.data)&&void 0!==r?r:t,i=[o.firstname,o.lastname].filter(Boolean).join(" ").trim();n&&ue(i||o.user_name||e)}).catch(function(){n&&ue(e)}),function(){n=!1}}ue(null)},[null==Oe?void 0:Oe.created_by,null==Oe?void 0:Oe.promotion_task_id]),c(function(){if(Oe&&"MIGRATING"===Oe.status){var e=window.setInterval(function(){return t(Q,void 0,void 0,function(){var e,n;return r(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),e=je,[4,B(Oe.promotion_task_id)];case 1:return e.apply(void 0,[t.sent()]),[3,3];case 2:return n=t.sent(),Ve(n instanceof Error?n.message:"Unable to refresh promotion status.",qe),[3,3];case 3:return[2]}})})},3e4);return function(){return window.clearInterval(e)}}},[qe,Oe,Ve,je]);var ln=function(){return t(Q,void 0,void 0,function(){var e,n;return r(this,function(t){switch(t.label){case 0:if(!Ye||!Pe||!Te)return[2];Ue(!0),Be("now"),Ve(null),t.label=1;case 1:return t.trys.push([1,3,4,5]),[4,P({resource_id:D(Y),resource_type:"PACKAGE",target_version:"latest",global_source_env_id:Pe.env_id,global_target_env_id:Te.env_id})];case 2:return e=t.sent(),je(e,qe),null==Z||Z(Y),[3,5];case 3:return n=t.sent(),Ve(n instanceof Error?n.message:"Unable to start promotion.",qe),[3,5];case 4:return Ue(!1),Be(null),[7];case 5:return[2]}})})},sn=function(e){var n,t="source"===e?Pe:Te;Ee(null!==(n=null==t?void 0:t.env_tier)&&void 0!==n?n:"source"===e?"dev":tn[0]),se(e)},cn=function(){return t(Q,void 0,void 0,function(){var e,n,t;return r(this,function(r){switch(r.label){case 0:if(!(e=null==Oe?void 0:Oe.trigger_url))return[2];Ue(!0),Be("trigger"),Ve(null),r.label=1;case 1:return r.trys.push([1,3,4,5]),[4,R(e)];case 2:return n=r.sent(),je(n,qe),null==Z||Z(Y),[3,5];case 3:return t=r.sent(),Ve(t instanceof Error?t.message:"Unable to start the scheduled promotion.",qe),[3,5];case 4:return Ue(!1),Be(null),[7];case 5:return[2]}})})},dn=function(){"FAILED"===(null==Oe?void 0:Oe.status)&&He(),J?J():window.history.back()};return i("div",n({className:S(M.root,$)},{children:[i("main",n({className:M.body},{children:[i("div",n({className:M.topRow},{children:[i("div",n({className:M.titleGroup},{children:[i("button",n({type:"button",className:M.backButton,onClick:dn},{children:[o(v,{className:M.buttonIcon,strokeWidth:2.2}),"Back"]})),o("h1",n({className:M.title},{children:Fe}))]})),o("div",n({className:M.ctaRow},{children:i(a,$e?{children:[en&&i("button",n({type:"button",className:M.primaryButton,onClick:ln,disabled:!Ye},{children:[o(h,{className:M.buttonIcon,strokeWidth:2.2}),Ae?"Starting promotion…":an]})),i("button",n({type:"button",className:M.primaryButton,onClick:dn},{children:[o(p,{className:M.buttonIcon,strokeWidth:2.2}),"Go to Marketplace"]}))]}:{children:["now"!==Le&&i("button",n({type:"button",className:M.secondaryButton,onClick:function(){return t(Q,void 0,void 0,function(){var e,t,o,i,a;return r(this,function(r){switch(r.label){case 0:if(!Ye||!Pe||!Te)return[2];Ue(!0),Be("later"),Ve(null),r.label=1;case 1:return r.trys.push([1,3,4,5]),[4,W({resource_id:qe,resource_type:"PACKAGE",target_version:"latest",global_source_env_id:Pe.env_id,global_target_env_id:Te.env_id})];case 2:return e=r.sent(),t=(new Date).toISOString(),je(n(n({},e),{source_env:Je,target_env:Ze,transferred_records_count:0,transferred_tables_count:0,error_summary:null,created_at:null!==(i=e.created_at)&&void 0!==i?i:t,updated_at:null!==(a=e.updated_at)&&void 0!==a?a:t}),qe),null==Z||Z(Y),[3,5];case 3:return o=r.sent(),Ve(o instanceof Error?o.message:"Unable to schedule promotion.",qe),[3,5];case 4:return Ue(!1),Be(null),[7];case 5:return[2]}})})},disabled:!Ye},{children:[o(f,{className:M.buttonIcon,strokeWidth:2.2}),"later"===Le?"Scheduling…":"Promote later"]})),"later"!==Le&&o(K,n({title:Ye?"":"Configure both source and destination environments first.",disableHoverListener:Ye,placement:"top",arrow:!0},{children:i("button",n({type:"button",className:M.primaryButton,onClick:ln,disabled:!Ye},{children:[o(h,{className:M.buttonIcon,strokeWidth:2.2}),"now"===Le?"Starting promotion…":an]}))}))]})}))]})),$e?i("div",n({className:M.promotionStatusBox},{children:[o("div",n({className:M.promotionStatusRow},{children:i("div",n({className:M.promotionStatusRowHeader},{children:[i("div",n({className:M.promotionStatusField},{children:[o("span",n({className:M.metaLabel},{children:"Promotion Status"})),i("div",n({className:M.statusWithPill},{children:[o("span",n({className:M.statusValue},{children:null!==(m=null==Oe?void 0:Oe.status)&&void 0!==m?m:"In Progress"})),"MIGRATING"===(null==Oe?void 0:Oe.status)&&i("span",n({className:M.ingestingPill},{children:[o(b,{className:M.migrationLoader,"aria-hidden":"true"}),"Migration in progress"]}))]}))]})),i("span",n({className:M.notificationPill},{children:[o(_,{className:M.notificationBellIcon,strokeWidth:2}),o("span",{children:"You'll be notified once completed"})]}))]}))})),i("div",n({className:M.promotionDetailsGrid},{children:[i("div",{children:[o("div",n({className:M.metaLabel},{children:"Started At"})),o("div",n({className:M.metaValue},{children:U(null==Oe?void 0:Oe.created_at)}))]}),i("div",{children:[o("div",n({className:M.metaLabel},{children:"Promoted by"})),o("div",n({className:M.metaValue},{children:null!=de?de:"—"}))]}),i("div",{children:[o("div",n({className:M.metaLabel},{children:"Promotion Identifier"})),i("div",n({className:M.metaValueWithCopy},{children:[i("div",n({className:M.copyTooltipWrapper},{children:[o("button",n({type:"button",className:M.copyIconButton,onClick:function(){var e,n,o;return n=null!==(e=null==Oe?void 0:Oe.promotion_task_id)&&void 0!==e?e:"",o="promo-id",t(Q,void 0,void 0,function(){var e;return r(this,function(t){switch(t.label){case 0:return t.trys.push([0,2,,3]),[4,navigator.clipboard.writeText(n)];case 1:return t.sent(),ie(o),setTimeout(function(){return ie(null)},2e3),[3,3];case 2:return e=t.sent(),console.error("Failed to copy to clipboard:",e),[3,3];case 3:return[2]}})})},"aria-label":"Copy Promotion Identifier",title:"promo-id"===oe?"Copied!":"Copy"},{children:o(N,{className:M.copyIconInline,strokeWidth:2})})),"promo-id"===oe&&o("span",n({className:M.copiedTooltip},{children:"Copied!"}))]})),o("div",n({className:M.metaValue},{children:null==Oe?void 0:Oe.promotion_task_id}))]}))]})]})),"SCHEDULED"===(null==Oe?void 0:Oe.status)&&Oe.trigger_url&&i("div",n({className:M.scheduledTrigger},{children:[i("div",{children:[o("div",n({className:M.metaLabel},{children:"Scheduled promotion URL"})),i("button",n({type:"button",className:M.scheduledTriggerUrl,onClick:cn,disabled:"trigger"===Le,title:Oe.trigger_url},{children:[o("span",{children:Oe.trigger_url}),o(g,{className:M.urlIcon,strokeWidth:2})]}))]}),i("button",n({type:"button",className:M.primaryButton,onClick:cn,disabled:"trigger"===Le},{children:[o(h,{className:M.buttonIcon,strokeWidth:2.2}),"trigger"===Le?"Starting promotion…":"Start promotion"]}))]})),(null==Oe?void 0:Oe.error_summary)&&o("p",n({className:M.promotionError},{children:Oe.error_summary})),Xe&&o("p",n({className:M.promotionError,role:"alert"},{children:Xe}))]})):i(a,{children:[Xe&&o("p",n({className:M.promotionError,role:"alert"},{children:Xe})),o("section",n({className:M.accordionList,"aria-label":"Promotion details"},{children:q.map(function(e){var t,r=Boolean(ne[e.id]);return i("div",n({className:M.accordion},{children:[i("button",n({type:"button",className:M.accordionHeader,onClick:function(){return!e.comingSoon&&(t=e.id,void te(function(e){var r;return n(n({},e),((r={})[t]=!e[t],r))}));var t},"aria-expanded":r,disabled:e.comingSoon},{children:[o("span",{children:e.title}),e.comingSoon&&o("span",n({className:M.comingSoonBadge},{children:"Coming soon"})),o(y,{className:S(M.accordionIcon,r&&M.accordionIconOpen),strokeWidth:2.2})]})),!e.comingSoon&&r&&o("div",n({className:M.accordionBody},{children:(t=e.id,"overview"===t?i("div",n({className:M.overviewPanel},{children:[i("div",n({className:M.overviewGrid},{children:[i("div",{children:[i("div",n({className:M.environmentHeading},{children:[o("span",n({className:M.metaLabel},{children:"Source Environment"})),o("button",n({type:"button",className:S(M.configureEnvironmentButton,!ze&&M.configureEnvironmentButtonRequired),"aria-label":"Configure source environment","data-tooltip":"Configure source environment",onClick:function(){return sn("source")}},{children:o(k,{"aria-hidden":"true",strokeWidth:2})}))]})),o("div",n({className:M.metaValue},{children:Je}))]}),i("div",{children:[i("div",n({className:M.environmentHeading},{children:[o("span",n({className:M.metaLabel},{children:"Destination Environment"})),o("button",n({type:"button",className:S(M.configureEnvironmentButton,!Qe&&M.configureEnvironmentButtonRequired),"aria-label":"Configure destination environment","data-tooltip":"Configure destination environment",onClick:function(){return sn("destination")}},{children:o(k,{"aria-hidden":"true",strokeWidth:2})}))]})),o("div",n({className:M.metaValue},{children:Ze}))]}),i("div",{children:[o("div",n({className:M.metaLabel},{children:"ILKB status"})),o("div",n({className:M.metaValue},{children:Ke}))]}),i("div",{children:[o("div",n({className:M.metaLabel},{children:"Version"})),o("span",n({className:M.versionPill},{children:Me}))]})]})),i("div",{children:[o("div",n({className:M.metaLabel},{children:"Current URL"})),"Coming soon.",o(g,{className:M.urlIcon,strokeWidth:2})]})]})):"history"===t?o("div",n({className:M.historyPanel},{children:o("div",n({className:M.historyTableWrapper},{children:i("table",n({className:M.historyTable},{children:[o("thead",{children:i("tr",{children:[o("th",{children:"Log ID"}),o("th",{children:"Promoted by"}),o("th",{children:"Error Summary"}),o("th",{children:"Change date & time"}),o("th",{children:"Status"})]})}),o("tbody",{children:fe?o("tr",{children:o("td",n({colSpan:5},{children:"Loading promotion history…"}))}):0===ve.length?o("tr",{children:o("td",n({colSpan:5},{children:"No promotion history yet."}))}):ve.map(function(e){var t,r;return i("tr",{children:[o("td",{children:e.promotion_task_id}),o("td",{children:null!==(t=e.created_by)&&void 0!==t?t:"—"}),o("td",{children:null!==(r=e.error_summary)&&void 0!==r?r:"No errors."}),o("td",{children:U(e.updated_at)}),o("td",{children:o("span",n({className:M.statusPill},{children:e.status}))})]},e.promotion_task_id)})})]}))}))})):"database"===t?i("div",n({className:M.databaseGrid},{children:[i("div",n({className:M.databaseCard},{children:[o("h3",{children:"Source Database : il-otj-35"}),i("p",{children:[o(y,{className:M.inlineChevron,strokeWidth:2}),"Tables (12)"]}),o("ol",n({className:M.tableList},{children:O.map(function(e){return o("li",{children:e},e)})})),o("button",n({type:"button",className:M.moreTablesButton},{children:"+4 more"}))]})),i("div",n({className:M.databaseCard},{children:[o("h3",{children:"Destination Database : il-otj-35"}),i("p",{children:[o(y,{className:M.inlineChevron,strokeWidth:2}),"Tables (12)"]}),o("ol",n({className:M.tableList},{children:O.map(function(e){return o("li",{children:e},e)})})),o("button",n({type:"button",className:M.moreTablesButton},{children:"+4 more"}))]}))]})):o("div",n({className:M.emptyBody},{children:"No details available yet."})))}))]}),e.id)})}))]})]})),o(w,{environment:le,initialConfiguration:rn?{env_name:rn.env_name,env_tier:rn.env_tier,db_type:rn.db_type,host:rn.host,port:String(rn.port),username:rn.username,password:"",database_name:rn.database_name,is_tenant_db:rn.is_tenant_db}:n(n({},V),{env_tier:"source"===le?"dev":tn[0],db_type:"destination"===le&&"external"===tn[0]?"EXTERNAL":"INTERNAL"}),permittedTiers:"source"===le?["dev","qa","prod","external"]:tn,onSave:function(e,n){return t(Q,void 0,void 0,function(){var t;return r(this,function(r){switch(r.label){case 0:return[4,T(F(n))];case 1:return t=r.sent(),Ge(e,H(t.env_id,n)),[2]}})})},onSelectPreset:Ge,onPresetTierChange:Ee,presetTier:null!=we?we:"source"===le?null!==(X=null==Pe?void 0:Pe.env_tier)&&void 0!==X?X:"dev":null!==(z=null==Te?void 0:Te.env_tier)&&void 0!==z?z:tn[0],onClose:function(){se(null),Ee(null)},promotionConfigs:Ne,selectedPromotionConfig:rn,isLoadingConfigs:ke})]}))}export{X as PromoteFlow};
+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, 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 { 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';
+
+const StyledPromoteTooltip = styled(({ className, ...props }) => /* @__PURE__ */ jsx(Tooltip, { ...props, classes: { popper: className } }))(() => ({
+  [`& .${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
+  },
+  [`& .${tooltipClasses.arrow}`]: {
+    color: "#000000"
+  }
+}));
+const ACCORDIONS = [
+  {
+    id: "overview",
+    title: "Overview"
+  },
+  {
+    id: "history",
+    title: "Promotion History",
+    comingSoon: false
+  },
+  {
+    id: "database",
+    title: "Database Details",
+    comingSoon: false
+  }
+  // {
+  //   id: 'knowledgebase',
+  //   title: 'Knowledgebase Details',
+  //   comingSoon: true,
+  // },
+];
+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, _f, _g;
+  const [openSections, setOpenSections] = useState({
+    overview: true
+  });
+  const [copiedId, setCopiedId] = useState(null);
+  const [configuredEnvironment, setConfiguredEnvironment] = useState(
+    null
+  );
+  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);
+  const error = usePromoteFlowStore((state) => state.error);
+  const errorResourceId = usePromoteFlowStore((state) => state.errorResourceId);
+  const setEnvironment = usePromoteFlowStore((state) => state.setEnvironment);
+  const setPromotionTask = usePromoteFlowStore((state) => state.setPromotionTask);
+  const setSubmitting = usePromoteFlowStore((state) => state.setSubmitting);
+  const setError = usePromoteFlowStore((state) => state.setError);
+  const resetPromotionSession = usePromoteFlowStore((state) => state.resetPromotionSession);
+  const title = getGuidelineTitle(guideline);
+  const versionLabel = guideline.version ? `v${guideline.version}` : "v1";
+  const statusLabel = (_a = guideline.status) != null ? _a : "Published";
+  const guidelineResourceId = 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 && !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";
+  const permittedDestinationTiers = useMemo(
+    () => getPermittedDestinationTiers(sourceTier),
+    [sourceTier]
+  );
+  const permittedSourceTiers = ["dev", "qa", "prod", "external"];
+  const selectedEnvironment = configuredEnvironment === "source" ? sourceEnvironment : configuredEnvironment === "destination" ? destinationEnvironment : configuredEnvironment === "tenantSource" ? tenantSourceEnvironment : tenantDestinationEnvironment;
+  const latestPromotionForPair = useMemo(
+    () => getLatestPromotionForEnvironmentPair(
+      promotionHistory,
+      sourceEnvironment,
+      destinationEnvironment
+    ),
+    [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] }));
+  };
+  useEffect(() => {
+    let isCurrent = true;
+    setIsLoadingHistory(true);
+    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) {
+        console.error("Failed to load schema preview", { resourceId: guidelineResourceId, schemaError });
+        setSchemaPreview({});
+      }
+    }).finally(() => {
+      if (isCurrent) setIsLoadingSchemaPreview(false);
+    });
+    return () => {
+      isCurrent = false;
+    };
+  }, [guidelineResourceId]);
+  useEffect(() => {
+    var _a2, _b2, _c2, _d2;
+    if (!configuredEnvironment) return;
+    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",
+      is_tenant: configuredEnvironment === "tenantSource" || configuredEnvironment === "tenantDestination"
+    }).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,
+    tenantDestinationEnvironment == null ? void 0 : tenantDestinationEnvironment.env_tier,
+    tenantSourceEnvironment == null ? void 0 : tenantSourceEnvironment.env_tier
+  ]);
+  useEffect(() => {
+    const promotedByEmail = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_by;
+    if (!promotedByEmail) {
+      setPromotedByName(null);
+      return;
+    }
+    let isCurrent = true;
+    setPromotedByName(promotedByEmail);
+    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]);
+  useEffect(() => {
+    if (!promotionTaskForGuideline || isStatusPollingStopped || !["MIGRATING", "ROLLBACK_IN_PROGRESS"].includes(promotionTaskForGuideline.status)) {
+      return;
+    }
+    const pollStatus = async () => {
+      try {
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+      } catch (pollError) {
+        setIsStatusPollingStopped(true);
+        setError(
+          pollError instanceof Error ? pollError.message : "Unable to refresh promotion status.",
+          guidelineResourceId
+        );
+      }
+    };
+    const intervalId = window.setInterval(pollStatus, 3e4);
+    return () => window.clearInterval(intervalId);
+  }, [guidelineResourceId, isStatusPollingStopped, promotionTaskForGuideline, setError, setPromotionTask]);
+  const handlePromoteNow = async () => {
+    if (!canPromote || !sourceEnvironment || !destinationEnvironment) return;
+    setSubmitting(true);
+    setSubmittingAction("now");
+    setError(null);
+    try {
+      const task = await startPromotion({
+        resource_id: getPromotionResourceId(guideline),
+        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
+        } : {}
+      });
+      setIsStatusPollingStopped(false);
+      setPromotionTask(task, guidelineResourceId);
+      try {
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+      } catch (e) {
+      }
+      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 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 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 : environment === "destination" ? destinationEnvironment : environment === "tenantSource" ? tenantSourceEnvironment : tenantDestinationEnvironment;
+    setConfigSearchTier(
+      (_a2 = selected == null ? void 0 : selected.env_tier) != null ? _a2 : environment === "source" || environment === "tenantSource" ? "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 schedulePromotion({
+        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
+        } : {}
+      });
+      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 triggerScheduledPromotion(triggerUrl);
+      setIsStatusPollingStopped(false);
+      setPromotionTask(task, guidelineResourceId);
+      try {
+        setPromotionTask(await getPromotionStatus(guidelineResourceId), guidelineResourceId);
+      } catch (e) {
+      }
+      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 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();
+    }
+    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__ */ 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__ */ 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__ */ 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__ */ jsx("div", { className: cssStyles.metaValue, children: tenantSourceEnvironmentLabel })
+        ] }),
+        /* @__PURE__ */ jsxs("div", { children: [
+          /* @__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: [
+        /* @__PURE__ */ jsx("thead", { children: /* @__PURE__ */ jsxs("tr", { children: [
+          /* @__PURE__ */ jsx("th", { children: "Log ID" }),
+          /* @__PURE__ */ jsx("th", { children: "Promoted by" }),
+          /* @__PURE__ */ jsx("th", { children: "Error Summary" }),
+          /* @__PURE__ */ jsx("th", { children: "Change date & time" }),
+          /* @__PURE__ */ jsx("th", { children: "Status" })
+        ] }) }),
+        /* @__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__ */ 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") {
+      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__ */ jsxs("p", { children: [
+            /* @__PURE__ */ jsx(ChevronDown, { className: cssStyles.inlineChevron, strokeWidth: 2 }),
+            groupName,
+            " \xB7 ",
+            group.schema,
+            " \xB7 Tables (",
+            group.tables.length,
+            ")"
+          ] }),
+          /* @__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." });
+  };
+  return /* @__PURE__ */ jsxs("div", { className: cx(cssStyles.root, className), children: [
+    /* @__PURE__ */ jsxs("main", { className: cssStyles.body, children: [
+      /* @__PURE__ */ jsxs("div", { className: cssStyles.topRow, children: [
+        /* @__PURE__ */ jsxs("div", { className: cssStyles.titleGroup, children: [
+          /* @__PURE__ */ jsxs("button", { type: "button", className: cssStyles.backButton, onClick: handleBack, children: [
+            /* @__PURE__ */ jsx(ArrowLeft, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+            "Back"
+          ] }),
+          /* @__PURE__ */ jsx("h1", { className: cssStyles.title, children: title })
+        ] }),
+        /* @__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
+                    ]
+                  }
+                )
+              }
+            )
+          ] })
+        ] })
+      ] }),
+      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: [
+          /* @__PURE__ */ jsxs("div", { className: cssStyles.promotionStatusField, children: [
+            /* @__PURE__ */ jsx("span", { className: cssStyles.metaLabel, children: "Promotion Status" }),
+            /* @__PURE__ */ jsxs("div", { className: cssStyles.statusWithPill, children: [
+              /* @__PURE__ */ jsx("span", { className: cssStyles.statusValue, children: (_c = promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) != null ? _c : "In Progress" }),
+              (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.status) === "MIGRATING" && /* @__PURE__ */ jsxs("span", { className: cssStyles.ingestingPill, children: [
+                /* @__PURE__ */ jsx(LoaderCircle, { className: cssStyles.migrationLoader, "aria-hidden": "true" }),
+                "Migration in progress"
+              ] })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs("span", { className: cssStyles.notificationPill, children: [
+            /* @__PURE__ */ jsx(Bell, { className: cssStyles.notificationBellIcon, strokeWidth: 2 }),
+            /* @__PURE__ */ jsx("span", { children: "You'll be notified once completed" })
+          ] })
+        ] }) }),
+        /* @__PURE__ */ jsxs("div", { className: cssStyles.promotionDetailsGrid, children: [
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Started At" }),
+            /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: formatPromotionDate(promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.created_at) })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Promoted by" }),
+            /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: promotedByName != null ? promotedByName : "\u2014" })
+          ] }),
+          /* @__PURE__ */ jsxs("div", { children: [
+            /* @__PURE__ */ jsx("div", { className: cssStyles.metaLabel, children: "Promotion Identifier" }),
+            /* @__PURE__ */ jsxs("div", { className: cssStyles.metaValueWithCopy, children: [
+              /* @__PURE__ */ jsxs("div", { className: cssStyles.copyTooltipWrapper, children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    type: "button",
+                    className: cssStyles.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__ */ jsx(Copy, { className: cssStyles.copyIconInline, strokeWidth: 2 })
+                  }
+                ),
+                copiedId === "promo-id" && /* @__PURE__ */ jsx("span", { className: cssStyles.copiedTooltip, children: "Copied!" })
+              ] }),
+              /* @__PURE__ */ jsx("div", { className: cssStyles.metaValue, children: promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.promotion_task_id })
+            ] })
+          ] })
+        ] }),
+        (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" }),
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.scheduledTriggerUrl,
+                onClick: handleTriggerScheduledPromotion,
+                disabled: isInitialStatusLoading || submittingAction === "trigger",
+                title: promotionTaskForGuideline.trigger_url,
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: promotionTaskForGuideline.trigger_url }),
+                  /* @__PURE__ */ jsx(ExternalLink, { className: cssStyles.urlIcon, strokeWidth: 2 })
+                ]
+              }
+            )
+          ] }),
+          /* @__PURE__ */ jsxs(
+            "button",
+            {
+              type: "button",
+              className: cssStyles.primaryButton,
+              onClick: handleTriggerScheduledPromotion,
+              disabled: isInitialStatusLoading || submittingAction === "trigger",
+              children: [
+                /* @__PURE__ */ jsx(ArrowUpRight, { className: cssStyles.buttonIcon, strokeWidth: 2.2 }),
+                submittingAction === "trigger" ? "Starting promotion\u2026" : "Start promotion"
+              ]
+            }
+          )
+        ] }),
+        (promotionTaskForGuideline == null ? void 0 : promotionTaskForGuideline.error_summary) && /* @__PURE__ */ jsx("p", { className: cssStyles.promotionError, children: promotionTaskForGuideline.error_summary }),
+        errorForGuideline && /* @__PURE__ */ jsx("p", { className: cssStyles.promotionError, role: "alert", children: errorForGuideline })
+      ] }) : /* @__PURE__ */ jsxs(Fragment, { children: [
+        errorForGuideline && /* @__PURE__ */ jsx("p", { className: cssStyles.promotionError, role: "alert", children: errorForGuideline }),
+        /* @__PURE__ */ jsx("section", { className: cssStyles.accordionList, "aria-label": "Promotion details", children: ACCORDIONS.map((item) => {
+          const isOpen = Boolean(openSections[item.id]);
+          return /* @__PURE__ */ jsxs("div", { className: cssStyles.accordion, children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                type: "button",
+                className: cssStyles.accordionHeader,
+                onClick: () => !item.comingSoon && toggleSection(item.id),
+                "aria-expanded": isOpen,
+                disabled: item.comingSoon,
+                children: [
+                  /* @__PURE__ */ jsx("span", { children: item.title }),
+                  item.comingSoon && /* @__PURE__ */ jsx("span", { className: cssStyles.comingSoonBadge, children: "Coming soon" }),
+                  /* @__PURE__ */ jsx(
+                    ChevronDown,
+                    {
+                      className: cx(
+                        cssStyles.accordionIcon,
+                        isOpen && cssStyles.accordionIconOpen
+                      ),
+                      strokeWidth: 2.2
+                    }
+                  )
+                ]
+              }
+            ),
+            !item.comingSoon && isOpen && /* @__PURE__ */ jsx("div", { className: cssStyles.accordionBody, children: renderAccordionBody(item.id) })
+          ] }, item.id);
+        }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx(
+      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
+        } : {
+          ...EMPTY_ENVIRONMENT_CONFIGURATION,
+          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" || 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" : 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);
+        },
+        promotionConfigs,
+        selectedPromotionConfig: selectedEnvironment,
+        isLoadingConfigs
+      }
+    )
+  ] });
+}
+
+export { PromoteFlow };
 //# sourceMappingURL=PromoteFlow.js.map