diff --git a/src/components/global/RequestQueueProgress.vue b/src/components/global/RequestQueueProgress.vue
index 8e3261a9..2fad2d8f 100644
--- a/src/components/global/RequestQueueProgress.vue
+++ b/src/components/global/RequestQueueProgress.vue
@@ -2,7 +2,11 @@
 import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import axios from "axios";
 import { REQUEST_QUEUE_CONFIG } from "@/config.js";
-import { getReleaseRuntimeApiBaseUrl, resolveReleaseApiUrl } from "@/services/releaseTimeline.js";
+import {
+  buildReleaseSessionSummary,
+  getReleaseRuntimeApiBaseUrl,
+  resolveReleaseApiUrl,
+} from "@/services/releaseTimeline.js";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import {
   clearErrorRequests,
@@ -280,6 +284,7 @@ const resolvePingUrl = () => {
 };
 
 const activeApiUrl = computed(() => getReleaseRuntimeApiBaseUrl());
+const releaseSessionSummary = computed(() => buildReleaseSessionSummary());
 
 const measurePingLatency = async () => {
   if (typeof fetch !== "function") {
@@ -641,60 +646,186 @@ onBeforeUnmount(() => {
         </aside>
 
         <aside class="request-queue-progress__side request-queue-progress__side--runtime" data-testid="request-queue-runtime-box">
-          <div class="request-queue-progress__section-title">Runtime</div>
-          <ul class="request-queue-progress__meta-list request-queue-progress__section-content request-queue-progress__section-content--meta">
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">API URL</span>
-              <span class="request-queue-progress__meta-value" :title="activeApiUrl">{{ activeApiUrl }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Current host</span>
-              <span class="request-queue-progress__meta-value" :title="currentUrlHost">{{ currentUrlHost }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Environment</span>
-              <span class="request-queue-progress__meta-value">{{ appEnvironmentLabel }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Commit</span>
-              <span class="request-queue-progress__meta-value">{{ appCommitHash }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Version</span>
-              <span class="request-queue-progress__meta-value">{{ appVersion }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Version time</span>
-              <span class="request-queue-progress__meta-value">{{ appBuildTime }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item" data-testid="request-queue-i18n-catalog-row">
-              <span class="request-queue-progress__meta-label">i18n catalog</span>
-              <button
-                class="request-queue-progress__catalog-switch"
-                data-testid="request-queue-i18n-catalog-switch"
-                type="button"
-                @click="handleToggleI18nCatalogVersion"
+          <div class="request-queue-progress__section-title">Session release</div>
+          <div class="request-queue-progress__section-content request-queue-progress__section-content--release">
+            <ul class="request-queue-progress__meta-list">
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Channel</span>
+                <span
+                  class="request-queue-progress__meta-value"
+                  :title="releaseSessionSummary.channelSlug || releaseSessionSummary.channelLabel"
+                >
+                  {{ releaseSessionSummary.channelLabel }}
+                  <span v-if="releaseSessionSummary.channelSlug">({{ releaseSessionSummary.channelSlug }})</span>
+                </span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Trace ID</span>
+                <span class="request-queue-progress__meta-value" :title="releaseSessionSummary.traceId">
+                  {{ releaseSessionSummary.traceId }}
+                </span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Generated</span>
+                <span class="request-queue-progress__meta-value" :title="releaseSessionSummary.generatedAt">
+                  {{ releaseSessionSummary.generatedAt }}
+                </span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Bundle</span>
+                <span class="request-queue-progress__meta-value" :title="releaseSessionSummary.bundleLabel">
+                  {{ releaseSessionSummary.bundleLabel }}
+                </span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Service set</span>
+                <span class="request-queue-progress__meta-value" :title="releaseSessionSummary.serviceSetLabel">
+                  {{ releaseSessionSummary.serviceSetLabel }}
+                </span>
+              </li>
+              <li
+                v-if="releaseSessionSummary.missingLabels.length > 0"
+                class="request-queue-progress__meta-item"
+                data-testid="request-queue-release-missing"
               >
-                {{ i18nCatalogVersionLabel }}
-              </button>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Outgoing requests</span>
-              <span class="request-queue-progress__meta-value">{{ networkTotals.outgoingRequests }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Ingoing responses</span>
-              <span class="request-queue-progress__meta-value">{{ networkTotals.ingoingResponses }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Outgoing bandwidth</span>
-              <span class="request-queue-progress__meta-value">{{ formatBytes(networkTotals.outgoingBytes) }}</span>
-            </li>
-            <li class="request-queue-progress__meta-item">
-              <span class="request-queue-progress__meta-label">Ingoing bandwidth</span>
-              <span class="request-queue-progress__meta-value">{{ formatBytes(networkTotals.ingoingBytes) }}</span>
-            </li>
-          </ul>
+                <span class="request-queue-progress__meta-label">Missing</span>
+                <span
+                  class="request-queue-progress__meta-value request-queue-progress__meta-value--warning"
+                  :title="releaseSessionSummary.missingLabels.join(', ')"
+                >
+                  {{ releaseSessionSummary.missingLabels.join(", ") }}
+                </span>
+              </li>
+            </ul>
+
+            <div class="request-queue-progress__subsection-title">App releases</div>
+            <ul class="request-queue-progress__release-list">
+              <li
+                v-for="app in releaseSessionSummary.appRows"
+                :key="app.key"
+                class="request-queue-progress__release-row"
+                :data-testid="`request-queue-release-app-${app.key}`"
+              >
+                <div class="request-queue-progress__release-row-header">
+                  <strong>{{ app.label }}</strong>
+                  <span
+                    class="request-queue-progress__status-pill"
+                    :class="`request-queue-progress__status-pill--${app.tone}`"
+                  >
+                    {{ app.status }}
+                  </span>
+                </div>
+                <span class="request-queue-progress__release-primary" :title="app.title">
+                  {{ app.primaryText }}
+                </span>
+                <span
+                  v-if="app.secondaryText"
+                  class="request-queue-progress__release-secondary"
+                  :title="app.secondaryText"
+                >
+                  {{ app.secondaryText }}
+                </span>
+                <span
+                  v-if="app.url"
+                  class="request-queue-progress__release-url"
+                  :title="app.url"
+                >
+                  {{ app.url }}
+                </span>
+                <span
+                  v-if="app.missingLabel"
+                  class="request-queue-progress__release-secondary request-queue-progress__release-secondary--warning"
+                >
+                  {{ app.missingLabel }}
+                </span>
+              </li>
+            </ul>
+
+            <div class="request-queue-progress__subsection-title">Connected services</div>
+            <ul class="request-queue-progress__release-list">
+              <li
+                v-for="service in releaseSessionSummary.serviceRows"
+                :key="service.key"
+                class="request-queue-progress__release-row"
+                :data-testid="`request-queue-release-service-${service.key}`"
+              >
+                <div class="request-queue-progress__release-row-header">
+                  <strong>{{ service.label }}</strong>
+                  <span
+                    class="request-queue-progress__status-pill"
+                    :class="`request-queue-progress__status-pill--${service.tone}`"
+                  >
+                    {{ service.status }}
+                  </span>
+                </div>
+                <span class="request-queue-progress__release-primary" :title="service.title">
+                  {{ service.primaryText }}
+                </span>
+                <span
+                  v-if="service.secondaryText"
+                  class="request-queue-progress__release-secondary"
+                  :title="service.secondaryText"
+                >
+                  {{ service.secondaryText }}
+                </span>
+              </li>
+            </ul>
+
+            <div class="request-queue-progress__subsection-title">Runtime details</div>
+            <ul class="request-queue-progress__meta-list">
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">API URL</span>
+                <span class="request-queue-progress__meta-value" :title="activeApiUrl">{{ activeApiUrl }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Current host</span>
+                <span class="request-queue-progress__meta-value" :title="currentUrlHost">{{ currentUrlHost }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Environment</span>
+                <span class="request-queue-progress__meta-value">{{ appEnvironmentLabel }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Commit</span>
+                <span class="request-queue-progress__meta-value">{{ appCommitHash }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Version</span>
+                <span class="request-queue-progress__meta-value">{{ appVersion }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Version time</span>
+                <span class="request-queue-progress__meta-value">{{ appBuildTime }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item" data-testid="request-queue-i18n-catalog-row">
+                <span class="request-queue-progress__meta-label">i18n catalog</span>
+                <button
+                  class="request-queue-progress__catalog-switch"
+                  data-testid="request-queue-i18n-catalog-switch"
+                  type="button"
+                  @click="handleToggleI18nCatalogVersion"
+                >
+                  {{ i18nCatalogVersionLabel }}
+                </button>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Outgoing requests</span>
+                <span class="request-queue-progress__meta-value">{{ networkTotals.outgoingRequests }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Ingoing responses</span>
+                <span class="request-queue-progress__meta-value">{{ networkTotals.ingoingResponses }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Outgoing bandwidth</span>
+                <span class="request-queue-progress__meta-value">{{ formatBytes(networkTotals.outgoingBytes) }}</span>
+              </li>
+              <li class="request-queue-progress__meta-item">
+                <span class="request-queue-progress__meta-label">Ingoing bandwidth</span>
+                <span class="request-queue-progress__meta-value">{{ formatBytes(networkTotals.ingoingBytes) }}</span>
+              </li>
+            </ul>
+          </div>
         </aside>
 
         <aside class="request-queue-progress__side request-queue-progress__side--user" data-testid="request-queue-user-box">
@@ -931,6 +1062,12 @@ onBeforeUnmount(() => {
   min-height: 56px;
 }
 
+.request-queue-progress__section-content--release {
+  display: flex;
+  flex-direction: column;
+  gap: 8px;
+}
+
 .request-queue-progress__section-title {
   font-size: 12px;
   font-weight: 600;
@@ -1170,6 +1307,108 @@ onBeforeUnmount(() => {
   white-space: nowrap;
 }
 
+.request-queue-progress__meta-value--warning {
+  color: #fbbf24;
+}
+
+.request-queue-progress__subsection-title {
+  border-top: 1px solid rgba(255, 255, 255, 0.1);
+  color: rgba(255, 255, 255, 0.78);
+  font-size: 11px;
+  font-weight: 700;
+  letter-spacing: 0;
+  padding-top: 7px;
+}
+
+.request-queue-progress__release-list {
+  display: grid;
+  gap: 6px;
+  list-style: none;
+  margin: 0;
+  padding: 0;
+}
+
+.request-queue-progress__release-row {
+  border: 1px solid rgba(255, 255, 255, 0.12);
+  border-radius: 7px;
+  background: rgba(2, 6, 23, 0.28);
+  display: grid;
+  gap: 3px;
+  min-width: 0;
+  padding: 7px 8px;
+}
+
+.request-queue-progress__release-row-header {
+  align-items: center;
+  display: flex;
+  gap: 8px;
+  justify-content: space-between;
+  min-width: 0;
+}
+
+.request-queue-progress__release-row-header strong {
+  font-size: 12px;
+  line-height: 1.2;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.request-queue-progress__status-pill {
+  border-radius: 999px;
+  display: inline-flex;
+  flex: 0 0 auto;
+  font-size: 10px;
+  font-weight: 700;
+  line-height: 1;
+  max-width: 120px;
+  overflow: hidden;
+  padding: 3px 7px;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.request-queue-progress__status-pill--ok {
+  background: rgba(94, 234, 212, 0.16);
+  color: #99f6e4;
+}
+
+.request-queue-progress__status-pill--warning {
+  background: rgba(251, 191, 36, 0.16);
+  color: #fde68a;
+}
+
+.request-queue-progress__status-pill--danger {
+  background: rgba(248, 113, 113, 0.16);
+  color: #fecaca;
+}
+
+.request-queue-progress__release-primary,
+.request-queue-progress__release-secondary,
+.request-queue-progress__release-url {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.request-queue-progress__release-primary {
+  font-size: 12px;
+  line-height: 1.25;
+}
+
+.request-queue-progress__release-secondary,
+.request-queue-progress__release-url {
+  color: rgba(255, 255, 255, 0.68);
+  font-size: 11px;
+  line-height: 1.25;
+}
+
+.request-queue-progress__release-secondary--warning {
+  color: #fbbf24;
+}
+
 .request-queue-progress__catalog-switch {
   border: 1px solid rgba(126, 249, 227, 0.5);
   border-radius: 999px;
diff --git a/src/components/shop/POSDepartmentProcess.vue b/src/components/shop/POSDepartmentProcess.vue
index dda27d55..5b8fa94c 100644
--- a/src/components/shop/POSDepartmentProcess.vue
+++ b/src/components/shop/POSDepartmentProcess.vue
@@ -859,7 +859,11 @@ export const createOrder = async (options = { isMobile: false }) => {
         parseError(response, "stepError");
         return false;
       }
-      order_id.value = parseInt(response.data.data.id);
+      const createdOrder = response.data.data || {};
+      order_id.value = parseInt(createdOrder.id);
+      if (!isBlankPosMetadataValue(createdOrder.po)) {
+        order_po.value = String(createdOrder.po);
+      }
       if (selectedDepartmentId) {
         department_id.value = selectedDepartmentId;
       }
@@ -2078,11 +2082,6 @@ const hydrateSelectedOrderBookingForDesktop = async () => {
   }
 
   try {
-    const currentOrderItems = await loadOrderItems();
-    if (Array.isArray(currentOrderItems) && currentOrderItems.length > 0) {
-      return true;
-    }
-
     let booking = getSelectedPendingOrderBooking();
     if (!booking || !Array.isArray(booking?.items)) {
       booking = await SessionUser.objects.order_bookings.get.single(normalizedBookingId, {
@@ -2124,11 +2123,16 @@ const hydrateSelectedOrderBookingForDesktop = async () => {
     }
 
     const bookingPo = String(booking?.po ?? "").trim();
-    if (bookingPo !== "" && bookingPo !== order_po.value) {
+    if (bookingPo !== "" && isBlankPosMetadataValue(order_po.value)) {
       await SessionUser.objects.orders.set.po(normalizedOrderId, bookingPo);
       order_po.value = bookingPo;
     }
 
+    const currentOrderItems = await loadOrderItems();
+    if (Array.isArray(currentOrderItems) && currentOrderItems.length > 0) {
+      return true;
+    }
+
     const bookingItems = Array.isArray(booking?.items) ? booking.items : [];
     if (bookingItems.length === 0) {
       return true;
diff --git a/src/config.js b/src/config.js
index a9dbf160..22fa7968 100644
--- a/src/config.js
+++ b/src/config.js
@@ -21,7 +21,7 @@ export const IS_DEV = parseBoolean(import.meta.env.VITE_IS_DEV, import.meta.env.
 // Development mode
 export const POS_STEP_1_VERSION = 2; //(IS_DEV ? 2 : 1);
 export const API_URL = normalizeApiUrl(
-  import.meta.env.VITE_API_URL || (IS_DEV ? "https://api.truckwash.io:4433" : "https://api.truckwash.io")
+  import.meta.env.VITE_API_URL || (IS_DEV ? "/api" : "https://api.truckwash.io")
 );
 export const RELEASE_MANAGER_CONTROL_API_URL = normalizeApiUrl(
   import.meta.env.VITE_RELEASE_MANAGER_CONTROL_API_URL || API_URL
@@ -31,7 +31,7 @@ export const RELEASE_PUBLIC_GATEWAY_API_URL = normalizeApiUrl(
 );
 export const RELEASE_MANAGER_CONTROL_API_FALLBACK_URLS = String(
   import.meta.env.VITE_RELEASE_MANAGER_CONTROL_API_FALLBACK_URLS ||
-    (IS_DEV ? "https://api.truckwash.io:4433,https://api.truckwash.io" : "")
+    (IS_DEV ? "https://api-v2.truckwash.io,https://api.truckwash.io" : "")
 )
   .split(",")
   .map((url) => normalizeApiUrl(url.trim()))
diff --git a/src/services/releaseBootstrap.js b/src/services/releaseBootstrap.js
index 94037c38..a961df51 100644
--- a/src/services/releaseBootstrap.js
+++ b/src/services/releaseBootstrap.js
@@ -16,6 +16,24 @@ const normalizeReleaseChannelSlug = (value) =>
 
 const normalizeBaseUrl = (value) => String(value || "").trim().replace(/\/+$/, "");
 
+const browserOrigin = () => {
+  if (typeof window !== "undefined" && window.location?.origin) {
+    return window.location.origin;
+  }
+  return "http://localhost";
+};
+
+const resolveRuntimeBaseUrl = (value) => {
+  const baseUrl = normalizeBaseUrl(value);
+  if (!baseUrl) {
+    return "";
+  }
+  if (/^https?:\/\//i.test(baseUrl)) {
+    return baseUrl;
+  }
+  return new URL(`${baseUrl.replace(/^\/+/, "")}/`, `${browserOrigin()}/`).href.replace(/\/+$/, "");
+};
+
 const browserStorage = () => {
   if (typeof window === "undefined") {
     return null;
@@ -64,7 +82,7 @@ const buildRuntimeHeaders = () => {
 export const runtimeApiUrl = (apiBaseUrl = API_URL, gatewayBaseUrl = RELEASE_PUBLIC_GATEWAY_API_URL) => {
   const selectedChannel = readSelectedReleaseChannel();
   const selectedChannelApiBaseUrl = releaseChannelGatewayApiBaseUrl(selectedChannel, gatewayBaseUrl);
-  const runtimeBaseUrl = selectedChannelApiBaseUrl || normalizeBaseUrl(apiBaseUrl);
+  const runtimeBaseUrl = selectedChannelApiBaseUrl || resolveRuntimeBaseUrl(apiBaseUrl);
   const url = new URL("release/runtime", `${runtimeBaseUrl}/`);
   if (selectedChannel) {
     url.searchParams.set("release_channel", selectedChannel);
diff --git a/src/services/releaseTimeline.js b/src/services/releaseTimeline.js
index 22cb8ac0..c51f5d5e 100644
--- a/src/services/releaseTimeline.js
+++ b/src/services/releaseTimeline.js
@@ -44,6 +44,7 @@ const releaseRuntimeStateMutable = reactive({
   versions: {
     frontend: null,
     api: null,
+    service_set: null,
     bundle_id: null,
     bundle: null,
   },
@@ -75,10 +76,16 @@ const hasOwn = (value, key) => Boolean(value && Object.prototype.hasOwnProperty.
 
 const normalizeRuntimeBaseUrl = (value) => {
   const raw = String(value || "").trim().replace(/\/+$/, "");
-  if (!raw || !/^https?:\/\//i.test(raw)) {
+  if (!raw) {
     return null;
   }
-  return raw;
+  if (raw.startsWith("/") && !raw.startsWith("//")) {
+    return raw;
+  }
+  if (/^https?:\/\//i.test(raw)) {
+    return raw;
+  }
+  return null;
 };
 
 const runtimeUrls = (runtime = {}) => {
@@ -117,6 +124,7 @@ export const configureReleaseRuntime = (runtime = {}) => {
   releaseRuntimeStateMutable.versions = {
     frontend: runtime?.versions?.frontend || null,
     api: runtime?.versions?.api || null,
+    service_set: runtime?.versions?.service_set || null,
     bundle_id: runtime?.versions?.bundle_id || null,
     bundle: runtime?.versions?.bundle || null,
   };
@@ -334,6 +342,322 @@ const currentDeviceType = () => {
 const versionLabel = (version) => version?.version_label || version?.label || null;
 const commitSha = (version) => version?.commit_sha || version?.commit || null;
 
+const RELEASE_SERVICE_DEFINITIONS = Object.freeze([
+  { key: "frontend", label: "Frontend", kind: "app" },
+  { key: "api", label: "API", kind: "app" },
+  { key: "database", label: "Database", kind: "data" },
+  { key: "redis", label: "Redis", kind: "data" },
+  { key: "minio", label: "MinIO", kind: "data" },
+]);
+
+const RELEASE_MISSING_LABELS = Object.freeze({
+  release_bundle: "Release bundle",
+  frontend_version: "Frontend version",
+  frontend_base_url: "Frontend URL",
+  api_version: "API version",
+  api_base_url: "API URL",
+  database_service: "Database service",
+  redis_service: "Redis service",
+  minio_service: "MinIO service",
+});
+
+const isPlainRecord = (value) => Boolean(value && typeof value === "object" && !Array.isArray(value));
+
+const firstFilledString = (...values) => {
+  for (const value of values) {
+    const normalized = String(value ?? "").trim();
+    if (normalized) {
+      return normalized;
+    }
+  }
+  return "";
+};
+
+const releaseRuntimeUrlsForDisplay = (runtime = {}) => {
+  const urls = isPlainRecord(runtime?.urls) ? runtime.urls : {};
+  return {
+    frontend: normalizeRuntimeBaseUrl(runtime.frontendBaseUrl ?? runtime.frontend_base_url ?? urls.frontend_base_url),
+    api: normalizeRuntimeBaseUrl(runtime.apiBaseUrl ?? runtime.api_base_url ?? urls.api_base_url),
+  };
+};
+
+const releaseRuntimeTraceId = (runtime = {}) => firstFilledString(runtime.traceId, runtime.trace_id);
+
+const releaseRuntimeGeneratedAt = (runtime = {}) => firstFilledString(runtime.generatedAt, runtime.generated_at);
+
+const releaseShortText = (value, length = 12) => {
+  const normalized = firstFilledString(value);
+  if (!normalized) {
+    return "";
+  }
+  return normalized.length > length ? normalized.slice(0, length) : normalized;
+};
+
+const releaseCommitValue = (version = null) => {
+  if (!isPlainRecord(version)) {
+    return "";
+  }
+
+  const commit = version.commit;
+  if (isPlainRecord(commit)) {
+    return firstFilledString(commit.sha, commit.commit_sha);
+  }
+  return firstFilledString(version.commit_sha, commit);
+};
+
+const releaseVersionPrimaryText = (version = null, fallback = "Missing version") => {
+  if (!isPlainRecord(version)) {
+    return fallback;
+  }
+
+  return firstFilledString(version.version_label, version.tag, releaseShortText(releaseCommitValue(version)), fallback);
+};
+
+const releaseVersionSecondaryText = (version = null) => {
+  if (!isPlainRecord(version)) {
+    return "";
+  }
+
+  const parts = [];
+  const commit = releaseShortText(releaseCommitValue(version));
+  const repository = firstFilledString(version.repository);
+  const branch = firstFilledString(version.branch);
+
+  if (commit && commit !== firstFilledString(version.version_label, version.tag)) {
+    parts.push(commit);
+  }
+  if (repository || branch) {
+    parts.push(branch ? `${repository || "repository"}#${branch}` : repository);
+  }
+  return parts.join(" - ");
+};
+
+const releaseStatusTone = (status = "") => {
+  const normalized = String(status || "").trim().toLowerCase();
+  if (
+    [
+      "failed",
+      "error",
+      "critical",
+      "service_unhealthy",
+      "unhealthy",
+      "degraded",
+      "reconcile_failed",
+      "restart_failed",
+      "provision_blocked",
+    ].includes(normalized)
+  ) {
+    return "danger";
+  }
+  if (
+    [
+      "missing",
+      "missing_value",
+      "not_configured",
+      "unconfigured",
+      "deployment_in_progress",
+      "warning",
+      "pending",
+      "queued",
+      "running",
+      "deploying",
+      "building",
+      "provisioning",
+      "unknown",
+    ].includes(normalized)
+  ) {
+    return "warning";
+  }
+  return "ok";
+};
+
+const releaseServiceStatus = (service = null, fallback = "connected") =>
+  firstFilledString(
+    service?.deployment_status,
+    service?.availability_state,
+    service?.status,
+    service?.state,
+    fallback
+  );
+
+const releaseServicePrimaryText = (service = null) => {
+  if (!isPlainRecord(service)) {
+    return "";
+  }
+
+  const name = firstFilledString(
+    service.resource_name,
+    service.label,
+    service.coolify_service_uuid,
+    service.health_url,
+    service.repository
+  );
+  const id = Number(service.id || service.target_id || 0);
+  return [name, id > 0 ? `#${id}` : ""].filter(Boolean).join(" ");
+};
+
+const releaseServiceSecondaryText = (service = null) => {
+  if (!isPlainRecord(service)) {
+    return "";
+  }
+
+  const parts = [];
+  const resourceUuid = firstFilledString(service.resource_uuid);
+  const coolifyServiceUuid = firstFilledString(service.coolify_service_uuid);
+  const instanceLabel = firstFilledString(service.instance_label, service.coolify_instance_label);
+  const repository = firstFilledString(service.repository);
+  const branch = firstFilledString(service.branch);
+  const replication = isPlainRecord(service.replication) ? service.replication : null;
+  const replicationStatus = firstFilledString(replication?.last_status?.status, replication?.status);
+
+  if (resourceUuid) {
+    parts.push(`resource ${releaseShortText(resourceUuid)}`);
+  }
+  if (coolifyServiceUuid && coolifyServiceUuid !== resourceUuid) {
+    parts.push(`service ${releaseShortText(coolifyServiceUuid)}`);
+  }
+  if (repository || branch) {
+    parts.push(branch ? `${repository || "repository"}#${branch}` : repository);
+  }
+  if (instanceLabel) {
+    parts.push(instanceLabel);
+  }
+  if (replicationStatus) {
+    parts.push(`replication ${replicationStatus}`);
+  }
+  return parts.join(" - ");
+};
+
+const releaseServiceForKey = (serviceSet = null, key = "") => {
+  if (!isPlainRecord(serviceSet)) {
+    return null;
+  }
+
+  const stack = isPlainRecord(serviceSet.stack) ? serviceSet.stack : {};
+  const dataServices = isPlainRecord(serviceSet.data_services) ? serviceSet.data_services : {};
+  const targets = isPlainRecord(serviceSet.targets) ? serviceSet.targets : {};
+  const service = stack[key] || dataServices[key] || targets[key] || null;
+  return isPlainRecord(service) ? service : null;
+};
+
+export const buildReleaseSessionSummary = (runtime = releaseRuntimeStateMutable) => {
+  const versions = isPlainRecord(runtime?.versions) ? runtime.versions : {};
+  const channel = isPlainRecord(runtime?.channel) ? runtime.channel : null;
+  const availability = isPlainRecord(runtime?.availability) ? runtime.availability : {};
+  const missing = Array.isArray(availability.missing)
+    ? availability.missing.map((value) => String(value || "").trim()).filter(Boolean)
+    : [];
+  const missingLookup = new Set(missing);
+  const isDefaultChannel =
+    channel?.default_channel === true
+    || channel?.default_channel === 1
+    || String(channel?.slug || "").toLowerCase() === "stable";
+  const urls = releaseRuntimeUrlsForDisplay(runtime);
+  const frontendVersion = isPlainRecord(versions.frontend) ? versions.frontend : null;
+  const apiVersion = isPlainRecord(versions.api) ? versions.api : null;
+  const bundle = isPlainRecord(versions.bundle) ? versions.bundle : null;
+  const bundleId = versions.bundle_id || bundle?.id || null;
+  const serviceSet = isPlainRecord(versions.service_set)
+    ? versions.service_set
+    : isPlainRecord(bundle?.service_set)
+      ? bundle.service_set
+      : null;
+  const defaultSharedLabel = "Default/shared runtime";
+  const missingLabels = missing.map((key) => RELEASE_MISSING_LABELS[key] || key.replace(/_/g, " "));
+
+  const buildAppRow = (key, label, version, url) => {
+    const missingVersionKey = `${key}_version`;
+    const missingUrlKey = `${key}_base_url`;
+    const missingKey = missingLookup.has(missingVersionKey)
+      ? missingVersionKey
+      : missingLookup.has(missingUrlKey)
+        ? missingUrlKey
+        : "";
+    const fallback = isDefaultChannel ? defaultSharedLabel : `Missing ${label} version`;
+    const status = missingKey
+      ? "missing value"
+      : isDefaultChannel && !version && !url
+        ? "shared"
+        : firstFilledString(version?.status, url ? "active" : "unknown");
+
+    return {
+      key,
+      label,
+      status,
+      tone: missingKey ? "warning" : releaseStatusTone(status),
+      primaryText: releaseVersionPrimaryText(version, fallback),
+      secondaryText: releaseVersionSecondaryText(version),
+      url: url || "",
+      title: [releaseVersionPrimaryText(version, fallback), releaseVersionSecondaryText(version), url]
+        .filter(Boolean)
+        .join(" - "),
+      missingLabel: missingKey ? RELEASE_MISSING_LABELS[missingKey] || missingKey : "",
+    };
+  };
+
+  const buildServiceRow = ({ key, label }) => {
+    const service = releaseServiceForKey(serviceSet, key);
+    const missingKey = missingLookup.has(`${key}_service`) ? `${key}_service` : "";
+    if (service) {
+      const status = releaseServiceStatus(service);
+      return {
+        key,
+        label,
+        status,
+        tone: releaseStatusTone(status),
+        primaryText: releaseServicePrimaryText(service) || "Connected service",
+        secondaryText: releaseServiceSecondaryText(service),
+        title: [releaseServicePrimaryText(service), releaseServiceSecondaryText(service), firstFilledString(service.health_url)]
+          .filter(Boolean)
+          .join(" - "),
+        missingLabel: "",
+      };
+    }
+
+    const fallbackText = isDefaultChannel
+      ? defaultSharedLabel
+      : bundleId
+        ? (serviceSet ? `Missing ${label} service` : "No service set connected")
+        : "Missing release bundle";
+    const status = isDefaultChannel ? "shared" : "missing";
+
+    return {
+      key,
+      label,
+      status,
+      tone: isDefaultChannel ? "ok" : "warning",
+      primaryText: fallbackText,
+      secondaryText: "",
+      title: fallbackText,
+      missingLabel: missingKey ? RELEASE_MISSING_LABELS[missingKey] || missingKey : fallbackText,
+    };
+  };
+
+  return {
+    channelLabel: firstFilledString(channel?.name, channel?.slug, isDefaultChannel ? "Stable" : "Unknown channel"),
+    channelSlug: firstFilledString(channel?.slug),
+    traceId: releaseRuntimeTraceId(runtime) || "unknown",
+    generatedAt: releaseRuntimeGeneratedAt(runtime) || "unknown",
+    availabilityStatus: firstFilledString(availability.status, availability.configured === false ? "unconfigured" : "ready"),
+    availabilityTone: availability.configured === false || missing.length > 0
+      ? "warning"
+      : releaseStatusTone(availability.status || "ready"),
+    bundleLabel: bundleId
+      ? `#${bundleId}${firstFilledString(bundle?.version_label) ? ` ${bundle.version_label}` : ""}`
+      : defaultSharedLabel,
+    bundleStatus: firstFilledString(bundle?.status, bundleId ? "active" : "shared"),
+    serviceSetLabel: serviceSet
+      ? firstFilledString(serviceSet.name, serviceSet.slug, serviceSet.id ? `#${serviceSet.id}` : "Connected")
+      : defaultSharedLabel,
+    missingLabels,
+    appRows: [
+      buildAppRow("frontend", "Frontend", frontendVersion, urls.frontend),
+      buildAppRow("api", "API", apiVersion, urls.api),
+    ],
+    serviceRows: RELEASE_SERVICE_DEFINITIONS.map(buildServiceRow),
+  };
+};
+
 export const buildCurrentReleaseHeaders = () => {
   const frontendVersion = releaseRuntimeStateMutable.versions?.frontend || {};
   const fallbackFrontendVersion = import.meta.env.VITE_COMMIT_HASH || import.meta.env.VITE_APP_VERSION || "unknown";
@@ -542,7 +866,7 @@ export const __resetReleaseTimelineForTests = () => {
   releaseRuntimeStateMutable.traceId = "test-trace";
   releaseRuntimeStateMutable.channel = null;
   releaseRuntimeStateMutable.availableChannels = [];
-  releaseRuntimeStateMutable.versions = { frontend: null, api: null, bundle_id: null, bundle: null };
+  releaseRuntimeStateMutable.versions = { frontend: null, api: null, service_set: null, bundle_id: null, bundle: null };
   releaseRuntimeStateMutable.frontendBaseUrl = null;
   releaseRuntimeStateMutable.apiBaseUrl = null;
   releaseRuntimeStateMutable.availability = {
@@ -557,6 +881,7 @@ export const __resetReleaseTimelineForTests = () => {
     all_failure_metadata: true,
     retention_days: 14,
   };
+  releaseRuntimeStateMutable.generatedAt = null;
 };
 
 export const __setReleaseTimelineTransportForTests = (transport) => {
diff --git a/src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue b/src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue
index 5da97881..1c768b93 100644
--- a/src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue
+++ b/src/views/dashboards/superUserDashboard/configuration/ConfigurationReleaseManager.vue
@@ -50,6 +50,10 @@ const trFallback = (key, fallback, params = {}) => {
 };
 const DEFAULT_RELEASE_BRANCH = "master";
 const RELEASE_STATUS_SERVICES = ["frontend", "api", "database", "redis", "minio"];
+const RELEASE_DATA_SERVICES = ["database", "redis", "minio"];
+const COOLIFY_PENDING_ENDPOINT = "created by Coolify; host/port assigned after deployment";
+const SERVICE_CONFIGURATION_PENDING_ENDPOINT = "host/port assigned after service is configured";
+const REPLICA_PENDING_ENDPOINT = "host/port assigned after replica provisioning";
 const valueLabel = (group, value) => trFallback(`values.${group}.${value}`, String(value || ""));
 const readableValue = (value) => String(value || "").replace(/_/g, " ");
 const statusLabel = (value) => trFallback(`values.status.${value}`, readableValue(value));
@@ -393,6 +397,145 @@ const datasetModeMessage = computed(() =>
         "Reuse services, clone them through replicas, or start isolated empty data services."
       )
 );
+const datasetModeOptions = computed(() => [
+  {
+    value: "attach_existing",
+    icon: "recycle",
+    title: trFallback("bundles.modes.attach_existing", "Reuse existing services"),
+    description: trFallback(
+      "bundles.modes.attach_existing_description",
+      "Attach the release to the selected existing frontend, API, MariaDB, Redis, and MinIO services."
+    ),
+    tag: trFallback("bundles.preview.production_data_attached", "production data attached"),
+    type: "is-warning is-light",
+  },
+  {
+    value: "clone_existing",
+    icon: "copy",
+    title: trFallback("bundles.modes.clone_existing", "Clone existing services"),
+    description: trFallback(
+      "bundles.modes.clone_existing_description",
+      "Create a new service set that plans replica clones from the selected source data services."
+    ),
+    tag: trFallback("bundles.preview.clone_plan", "clone plan"),
+    type: "is-info is-light",
+  },
+  {
+    value: "fresh_empty",
+    icon: "database",
+    title: trFallback("bundles.modes.fresh_empty", "Create fresh empty datasets"),
+    description: trFallback(
+      "bundles.modes.fresh_empty_description",
+      "Create a new service set with empty or unattached MariaDB, Redis, and MinIO services."
+    ),
+    tag: trFallback("bundles.preview.no_production_data", "no production data"),
+    type: "is-success is-light",
+  },
+  {
+    value: "isolated_stack",
+    icon: "shield-alt",
+    title: trFallback("bundles.modes.isolated_stack", "Create isolated stack (safe)"),
+    description: trFallback(
+      "bundles.modes.isolated_stack_description",
+      "Create new Coolify frontend/API services plus isolated MariaDB, Redis, and MinIO services."
+    ),
+    tag: trFallback("bundles.preview.new_coolify_services", "new Coolify services"),
+    type: "is-success is-light",
+  },
+]);
+const selectedDatasetModeOption = computed(
+  () => datasetModeOptions.value.find((option) => option.value === bundleForm.dataset_mode) || datasetModeOptions.value[0]
+);
+const bundleApplySteps = computed(() => {
+  const mode = bundleForm.dataset_mode;
+  const sourceName = selectedServiceSet.value?.name || trFallback("bundles.use_current_targets", "current integration targets");
+  const serviceSetName =
+    mode === "attach_existing" && selectedServiceSet.value
+      ? sourceName
+      : bundleForm.service_set_name || `${selectedBundleChannel()?.slug || "release"} service set`;
+
+  const serviceSetStep =
+    mode === "attach_existing"
+      ? trFallback(
+          "bundles.preview.step_attach_service_set",
+          `Attach the release bundle to the selected service set: ${sourceName}.`,
+          { name: sourceName }
+        )
+      : mode === "clone_existing"
+      ? trFallback(
+          "bundles.preview.step_clone_service_set",
+          `Create service set ${serviceSetName} and plan replica clones from ${sourceName}.`,
+          { name: serviceSetName, source: sourceName }
+        )
+      : mode === "fresh_empty"
+      ? trFallback(
+          "bundles.preview.step_fresh_service_set",
+          `Create service set ${serviceSetName} with empty or unattached data services.`,
+          { name: serviceSetName }
+        )
+      : trFallback(
+          "bundles.preview.step_isolated_service_set",
+          `Create or reuse isolated service set ${serviceSetName}, including new Coolify frontend/API targets and isolated MariaDB, Redis, and MinIO services.`,
+          { name: serviceSetName }
+        );
+
+  return [
+    trFallback(
+      "bundles.preview.step_github_access",
+      "Check GitHub access for the selected frontend and PHP backend repositories and commits."
+    ),
+    serviceSetStep,
+    trFallback(
+      "bundles.preview.step_target_creation",
+      "Resolve each target service and record exactly which frontend, API, MariaDB, Redis, and MinIO services the bundle will use."
+    ),
+    trFallback(
+      "bundles.preview.step_bundle_creation",
+      `Create the release bundle for channel ${selectedBundleChannel()?.slug || "--"} with the selected frontend/API code.`,
+      { channel: selectedBundleChannel()?.slug || "--" }
+    ),
+    trFallback(
+      "bundles.preview.step_bundle_deploy",
+      "Deploy the bundle. Frontend/API deployments are started; promotion later attaches the bundle and service set without replica failover."
+    ),
+  ];
+});
+const bundleApplyPreviewRows = computed(() => [
+  previewAppRow("frontend"),
+  previewAppRow("api"),
+  ...RELEASE_DATA_SERVICES.map((kind) => previewDataRow(kind)),
+]);
+const bundleApplyWarnings = computed(() => {
+  const warnings = [];
+  if (bundleForm.dataset_mode === "attach_existing") {
+    warnings.push({
+      type: "is-warning",
+      text: trFallback(
+        "bundles.preview.warning_attach_existing",
+        "Attaching existing data: this release will use the selected live or replica MariaDB, Redis, and MinIO services."
+      ),
+    });
+  }
+  if (bundleForm.dataset_mode === "clone_existing") {
+    warnings.push({
+      type: "is-warning",
+      text: trFallback(
+        "bundles.preview.warning_clone_existing",
+        "Clone mode creates a release service set from replica clone plans. Verify the clone targets before promotion."
+      ),
+    });
+  }
+  if (bundleApplyPreviewRows.value.some((row) => row.endpointPending)) {
+    warnings.push({
+      type: "is-warning",
+      text: trFallback(
+        "bundles.preview.warning_endpoint_pending",
+        "One or more services will not have a final host/port until Coolify or replica provisioning completes."
+      ),
+    });
+  }
+  return warnings;
+});
 const bundleReviewStack = computed(() => [
   {
     key: "frontend",
@@ -536,10 +679,7 @@ const statusDrawerIssues = computed(() => {
   }
 
   const selectedKey = releaseStatusIssueKey(selectedStatusIssue.value);
-  return [
-    selectedStatusIssue.value,
-    ...channelIssues.filter((issue) => releaseStatusIssueKey(issue) !== selectedKey),
-  ];
+  return [selectedStatusIssue.value, ...channelIssues.filter((issue) => releaseStatusIssueKey(issue) !== selectedKey)];
 });
 const statusDrawerService = computed(() => {
   if (!selectedStatusServiceKey.value || !statusDrawerChannel.value) {
@@ -553,6 +693,48 @@ const statusDrawerService = computed(() => {
   );
 });
 const activeTabMeta = computed(() => tabs.value.find((tab) => tab.key === activeTab.value) || tabs.value[0]);
+const releasePrimaryIssue = computed(() => statusIssues.value[0] || null);
+const releaseCockpitSeverity = computed(() => {
+  if ((statusTotals.value.critical || 0) > 0) {
+    return "critical";
+  }
+  if ((statusTotals.value.warning || 0) > 0) {
+    return "warning";
+  }
+  return "ok";
+});
+const releaseCockpitChannels = computed(() =>
+  [...statusChannels.value].sort((a, b) => {
+    const severityRank = releaseStatusSeverityRank(b?.severity) - releaseStatusSeverityRank(a?.severity);
+    if (severityRank !== 0) {
+      return severityRank;
+    }
+    return String(a?.channel_slug || "").localeCompare(String(b?.channel_slug || ""));
+  })
+);
+const releaseCockpitTitle = computed(() => {
+  if (releaseCockpitSeverity.value === "critical") {
+    return trFallback("cockpit.blocked_title", "Release promotion is blocked");
+  }
+  if (releaseCockpitSeverity.value === "warning") {
+    return trFallback("cockpit.attention_title", "Release needs attention");
+  }
+  return trFallback("cockpit.ready_title", "Release manager is ready");
+});
+const releaseCockpitSubtitle = computed(() => {
+  const issue = releasePrimaryIssue.value;
+  if (issue) {
+    return [issue.channel_slug, issue.message || releaseStatusIssueTypeLabel(issue.type)].filter(Boolean).join(" / ");
+  }
+  const ready = statusTotals.value.ready_channels || 0;
+  const total = statusTotals.value.channels || statusChannels.value.length || 0;
+  return trFallback("cockpit.ready_subtitle", `${ready}/${total} channels ready`, { ready, total });
+});
+const releaseCockpitPrimaryAction = computed(() =>
+  releasePrimaryIssue.value
+    ? releaseIssueActionLabel(releasePrimaryIssue.value)
+    : trFallback("actions.create_release", "Create release")
+);
 const normalizedGithubApiUrl = computed(() => String(releaseConfigForm.github_api_url || "").trim());
 const isGithubApiUrlValid = computed(() => /^https?:\/\/[^\s]+$/i.test(normalizedGithubApiUrl.value));
 const settingsGuideSteps = computed(() => {
@@ -615,8 +797,9 @@ function normalizeReleaseStatusOverview(overview) {
       critical: Number(totals.critical ?? issuesList.filter((issue) => issue.severity === "critical").length) || 0,
       warning: Number(totals.warning ?? issuesList.filter((issue) => issue.severity === "warning").length) || 0,
       services:
-        Number(totals.services ?? channelsList.reduce((count, channel) => count + (channel.services?.length || 0), 0)) ||
-        0,
+        Number(
+          totals.services ?? channelsList.reduce((count, channel) => count + (channel.services?.length || 0), 0)
+        ) || 0,
       unhealthy_services: Number(totals.unhealthy_services ?? 0) || 0,
       missing_values: Number(totals.missing_values ?? 0) || 0,
     },
@@ -697,12 +880,11 @@ function normalizeReleaseStatusIssue(issue) {
 
 function buildReleaseStatusOverviewFallback() {
   const fallbackChannels = channels.value.map((channel) => {
-    const channelDeployments = deployments.value.filter((deployment) => Number(deployment.channel_id) === Number(channel.id));
+    const channelDeployments = deployments.value.filter(
+      (deployment) => Number(deployment.channel_id) === Number(channel.id)
+    );
     const latestByApp = Object.fromEntries(
-      ["frontend", "api"].map((app) => [
-        app,
-        channelDeployments.find((deployment) => deployment.app === app) || null,
-      ])
+      ["frontend", "api"].map((app) => [app, channelDeployments.find((deployment) => deployment.app === app) || null])
     );
     const availability = channel.availability || {};
     const missingKeys = Array.isArray(availability.missing) ? availability.missing : [];
@@ -902,7 +1084,8 @@ function fallbackReleaseDataService(service, channel) {
     };
   }
 
-  const state = stackService.deployment_status || stackService.availability_state || stackService.replication?.status || "ready";
+  const state =
+    stackService.deployment_status || stackService.availability_state || stackService.replication?.status || "ready";
   const degraded = ["failed", "reconcile_failed", "restart_failed", "provision_blocked", "degraded"].includes(
     String(state).toLowerCase()
   );
@@ -917,9 +1100,7 @@ function fallbackReleaseDataService(service, channel) {
     message: degraded
       ? `${releaseStatusServiceLabel(service)} Coolify target is unhealthy.`
       : `${releaseStatusServiceLabel(service)} release service is ready.`,
-    next_action: degraded
-      ? trFallback("status.inspect_coolify", "Inspect the Coolify target before promotion.")
-      : "",
+    next_action: degraded ? trFallback("status.inspect_coolify", "Inspect the Coolify target before promotion.") : "",
     target_tab: "bundles",
     coolify_target_id: stackService.id ?? null,
     resource_name: stackService.resource_name || stackService.label || null,
@@ -1858,6 +2039,269 @@ function serviceSetStackItem(set, item) {
   return set?.stack?.[item] || null;
 }
 
+function selectDatasetMode(mode) {
+  bundleForm.dataset_mode = mode;
+}
+
+function previewServiceLabel(kind) {
+  if (kind === "api") {
+    return trFallback("bundles.preview.stack.api", "PHP API");
+  }
+  if (kind === "frontend") {
+    return trFallback("bundles.preview.stack.frontend", "Frontend");
+  }
+  if (kind === "database") {
+    return trFallback("bundles.preview.stack.database", "MariaDB");
+  }
+  return trFallback(`values.stack.${kind}`, kind.charAt(0).toUpperCase() + kind.slice(1));
+}
+
+function firstText(...values) {
+  return values.map((value) => String(value || "").trim()).find((value) => value !== "") || "";
+}
+
+function previewParts(parts) {
+  return uniqueStrings(parts.map((part) => String(part || "").trim()).filter(Boolean)).join(" / ") || "--";
+}
+
+function endpointFromUrl(value) {
+  const text = String(value || "").trim();
+  if (!text) {
+    return "";
+  }
+  try {
+    const url = new URL(text);
+    const port = url.port || (url.protocol === "http:" ? "80" : url.protocol === "https:" ? "443" : "");
+    return `${url.hostname}${port ? `:${port}` : ""}`;
+  } catch (error) {
+    return text;
+  }
+}
+
+function firstExposedPort(value) {
+  return String(value || "")
+    .split(/[,\s]+/)
+    .map((port) => port.trim())
+    .find(Boolean);
+}
+
+function endpointFromHostPort(host, port) {
+  const cleanHost = String(host || "").trim();
+  const cleanPort = String(port || "").trim();
+  if (!cleanHost) {
+    return "";
+  }
+  return cleanPort ? `${cleanHost}:${cleanPort}` : cleanHost;
+}
+
+function fullDeploymentTarget(target) {
+  if (!target?.id) {
+    return target || null;
+  }
+  return targets.value.find((entry) => Number(entry.id) === Number(target.id)) || target;
+}
+
+function targetContext(target) {
+  return fullDeploymentTarget(target)?.deploy_context || {};
+}
+
+function targetPublicEndpoint(target) {
+  const fullTarget = fullDeploymentTarget(target);
+  const context = targetContext(fullTarget);
+  const directUrl = firstText(context.coolify_public_url, fullTarget?.health_url, context.health_url);
+  const directEndpoint = endpointFromUrl(directUrl);
+  if (directEndpoint) {
+    return directEndpoint;
+  }
+  const domain = firstText(context.coolify_domain, context.domain);
+  if (!domain) {
+    return "";
+  }
+  const port =
+    firstText(context.coolify_port, firstExposedPort(context.coolify_ports_exposes)) ||
+    (context.coolify_enable_ssl === false ? "80" : "443");
+  return endpointFromHostPort(domain, port);
+}
+
+function coolifyInstanceLabel(instanceId, fallback = "") {
+  return (
+    fallback ||
+    coolifyInstances.value.find((instance) => Number(instance.id) === Number(instanceId))?.label ||
+    (instanceId ? `Coolify #${instanceId}` : "")
+  );
+}
+
+function coolifyProjectLabel(uuid) {
+  if (!uuid) {
+    return "";
+  }
+  const project = coolifyProjects.value.find((entry) => entry.uuid === uuid);
+  return project?.name ? `${project.name} (${uuid})` : uuid;
+}
+
+function targetLocation(target) {
+  const fullTarget = fullDeploymentTarget(target);
+  const context = targetContext(fullTarget);
+  return previewParts([
+    coolifyInstanceLabel(fullTarget?.coolify_instance_id, fullTarget?.coolify_instance_label || context.coolify_instance_label),
+    coolifyProjectLabel(context.coolify_project_uuid),
+    firstText(context.coolify_environment_name, context.coolify_environment_uuid),
+    context.coolify_server_uuid ? `server ${context.coolify_server_uuid}` : "",
+    firstText(fullTarget?.coolify_service_uuid, context.coolify_service_uuid, context.coolify_service_name),
+  ]);
+}
+
+function serviceSetDataService(kind) {
+  const set = selectedServiceSet.value;
+  return set?.data_services?.[kind] || set?.stack?.[kind] || null;
+}
+
+function dataServiceName(service, fallback) {
+  return firstText(
+    service?.label,
+    service?.resource_name,
+    service?.replication?.label,
+    service?.resource_uuid,
+    service?.replication?.resource_uuid,
+    fallback
+  );
+}
+
+function dataServiceEndpoint(service) {
+  return endpointFromHostPort(service?.replication?.host, service?.replication?.port);
+}
+
+function dataServiceLocation(service) {
+  return previewParts([
+    service?.instance_label,
+    service?.resource_name,
+    service?.resource_uuid,
+    service?.replication?.label,
+    service?.replication?.host,
+  ]);
+}
+
+function isolatedPlacementLocation(app) {
+  const sourceTarget = isolatedStackSourceTarget(app === "api" ? "api" : "frontend");
+  const instanceId = Number(sourceTarget?.coolify_instance_id || coolifyInstances.value[0]?.id || 0);
+  const branch = app === "api" ? bundleForm.api_branch || sourceTarget?.branch : bundleForm.frontend_branch || sourceTarget?.branch;
+  return previewParts([
+    coolifyInstanceLabel(instanceId, sourceTarget?.coolify_instance_label),
+    coolifyProjectLabel(isolatedStackProjectUuid(instanceId, sourceTarget)),
+    releaseCoolifyEnvironmentName(selectedBundleChannel()?.slug || "", branch || DEFAULT_RELEASE_BRANCH),
+  ]);
+}
+
+function targetName(target, fallback) {
+  const fullTarget = fullDeploymentTarget(target);
+  return firstText(
+    fullTarget?.deploy_context?.coolify_service_name,
+    fullTarget?.coolify_service_uuid,
+    fullTarget?.repository,
+    fallback
+  );
+}
+
+function previewAppRow(app) {
+  const label = previewServiceLabel(app);
+  const target = app === "api" ? apiBundleTarget.value : frontendBundleTarget.value;
+  const sourceTarget = app === "api" ? apiBundleSourceTarget.value : frontendBundleSourceTarget.value;
+
+  if (isIsolatedStackMode.value) {
+    return {
+      key: app,
+      label,
+      action: trFallback("bundles.preview.action_create_coolify_app", "Create new Coolify app"),
+      type: "is-success is-light",
+      source: targetName(sourceTarget, trFallback("bundles.preview.source_defaults", "source target defaults")),
+      target: isolatedStackServiceName(app),
+      endpoint: COOLIFY_PENDING_ENDPOINT,
+      endpointPending: true,
+      location: isolatedPlacementLocation(app),
+      dataPolicy: trFallback("bundles.preview.code_target_only", "code target only"),
+    };
+  }
+
+  const endpoint = targetPublicEndpoint(target);
+  return {
+    key: app,
+    label,
+    action: trFallback("bundles.preview.action_attach_coolify_app", "Attach existing Coolify app"),
+    type: "is-info is-light",
+    source: targetName(sourceTarget, trFallback("bundles.preview.no_source_target", "no source target")),
+    target: targetName(target, trFallback("bundles.preview.target_needed", "target needed")),
+    endpoint: endpoint || trFallback("bundles.preview.endpoint_not_configured", "endpoint not configured"),
+    endpointPending: false,
+    location: targetLocation(target),
+    dataPolicy: trFallback("bundles.preview.code_target_only", "code target only"),
+  };
+}
+
+function previewDataRow(kind) {
+  const label = previewServiceLabel(kind);
+  const service = serviceSetDataService(kind);
+  const serviceName = dataServiceName(service, trFallback("bundles.preview.no_source_service", "no source service"));
+  const endpoint = dataServiceEndpoint(service);
+
+  if (bundleForm.dataset_mode === "attach_existing") {
+    return {
+      key: kind,
+      label,
+      action: trFallback("bundles.preview.action_attach_data_service", "Attach existing data service"),
+      type: "is-warning is-light",
+      source: serviceName,
+      target: serviceName,
+      endpoint: endpoint || SERVICE_CONFIGURATION_PENDING_ENDPOINT,
+      endpointPending: !endpoint,
+      location: dataServiceLocation(service),
+      dataPolicy: trFallback("bundles.preview.production_data_attached", "production data attached"),
+    };
+  }
+
+  if (bundleForm.dataset_mode === "clone_existing") {
+    return {
+      key: kind,
+      label,
+      action: trFallback("bundles.preview.action_clone_data_service", "Clone replica from source"),
+      type: "is-info is-light",
+      source: serviceName,
+      target: trFallback("bundles.preview.new_replica_target", "new replica clone target"),
+      endpoint: REPLICA_PENDING_ENDPOINT,
+      endpointPending: true,
+      location: dataServiceLocation(service),
+      dataPolicy: trFallback("bundles.preview.production_data_cloned", "production data cloned into replica plan"),
+    };
+  }
+
+  if (bundleForm.dataset_mode === "isolated_stack") {
+    return {
+      key: kind,
+      label,
+      action: trFallback("bundles.preview.action_create_isolated_data_service", "Create isolated Coolify data service"),
+      type: "is-success is-light",
+      source: trFallback("bundles.preview.none", "none"),
+      target: isolatedStackServiceName(kind),
+      endpoint: COOLIFY_PENDING_ENDPOINT,
+      endpointPending: true,
+      location: isolatedPlacementLocation("api"),
+      dataPolicy: trFallback("bundles.preview.production_data_not_attached", "production data not attached"),
+    };
+  }
+
+  return {
+    key: kind,
+    label,
+    action: trFallback("bundles.preview.action_create_empty_data_service", "Create/register empty service"),
+    type: "is-success is-light",
+    source: trFallback("bundles.preview.none", "none"),
+    target: trFallback("bundles.preview.new_empty_service", `new empty ${label} service`, { label }),
+    endpoint: SERVICE_CONFIGURATION_PENDING_ENDPOINT,
+    endpointPending: true,
+    location: trFallback("bundles.preview.location_configured_later", "configured after service assignment"),
+    dataPolicy: trFallback("bundles.preview.production_data_not_attached", "production data not attached"),
+  };
+}
+
 function missingIsolatedDataServices(set) {
   if (set?.mode !== "isolated_stack") {
     return [];
@@ -2182,7 +2626,7 @@ async function removeServiceSet(set) {
   const confirmed = window.confirm(
     trFallback(
       "bundles.remove_isolated_stack_confirm",
-      "Remove this inactive isolated stack from Release Manager? Coolify services are not deleted automatically."
+      "Remove this inactive isolated stack from Release Manager? Bundle and deployment records for this stack are soft-deleted, local release targets may be forgotten, and Coolify provider resources are not deleted."
     )
   );
   if (!confirmed) {
@@ -2456,6 +2900,16 @@ async function saveTarget() {
 }
 
 async function removeTarget(target) {
+  const confirmed = window.confirm(
+    trFallback(
+      "deployments.delete_target_confirm",
+      "Delete this deployment target from Release Manager? The Coolify service is not deleted and must be managed in Coolify if you want to remove provider resources."
+    )
+  );
+  if (!confirmed) {
+    return;
+  }
+
   await run(`target:${target.id}:delete`, async () => {
     await deleteReleaseDeploymentTarget(target.id);
     await load();
@@ -2630,7 +3084,8 @@ function releaseStatusIssueTypeRank(type) {
 
 function releaseStatusMaxSeverity(severities) {
   return (Array.isArray(severities) ? severities : []).reduce(
-    (current, severity) => (releaseStatusSeverityRank(severity) > releaseStatusSeverityRank(current) ? severity : current),
+    (current, severity) =>
+      releaseStatusSeverityRank(severity) > releaseStatusSeverityRank(current) ? severity : current,
     "ok"
   );
 }
@@ -2699,7 +3154,10 @@ function releaseStatusMissingLabel(missing) {
     release_bundle: trFallback("status.missing.release_bundle", "Release bundle"),
     frontend_version: trFallback("status.missing.frontend_version", "Frontend version"),
     frontend_base_url: trFallback("status.missing.frontend_base_url", "Frontend URL"),
-    frontend_coolify_service_uuid: trFallback("status.missing.frontend_coolify_service_uuid", "Frontend Coolify service"),
+    frontend_coolify_service_uuid: trFallback(
+      "status.missing.frontend_coolify_service_uuid",
+      "Frontend Coolify service"
+    ),
     api_version: trFallback("status.missing.api_version", "API version"),
     api_base_url: trFallback("status.missing.api_base_url", "API URL"),
     api_coolify_service_uuid: trFallback("status.missing.api_coolify_service_uuid", "API Coolify service"),
@@ -2785,9 +3243,7 @@ function releaseStatusBundleLabel(channel) {
 }
 
 function releaseStatusReplayLabel(channel) {
-  return channel?.replay?.enabled
-    ? valueLabel("capture_level", channel.replay.capture_level)
-    : tr("common.off");
+  return channel?.replay?.enabled ? valueLabel("capture_level", channel.replay.capture_level) : tr("common.off");
 }
 
 function releaseStatusLatestDeploymentText(channel) {
@@ -2810,6 +3266,42 @@ function releaseStatusSourceChannel(statusChannel) {
   );
 }
 
+function shouldShowChannelSlug(channel) {
+  return (
+    String(channel?.channel_name || channel?.name || "")
+      .trim()
+      .toLowerCase() !==
+    String(channel?.channel_slug || channel?.slug || "")
+      .trim()
+      .toLowerCase()
+  );
+}
+
+function normalizeReleaseTargetTab(tab) {
+  const normalized = String(tab || "overview").trim();
+  const mapped = normalized === "bundles" ? "deployments" : normalized;
+  return tabs.value.some((item) => item.key === mapped) ? mapped : "overview";
+}
+
+function releaseIssueActionLabel(issue) {
+  const targetTab = normalizeReleaseTargetTab(issue?.target_tab);
+  if (targetTab === "integrations") {
+    return trFallback("actions.open_integrations", "Open integrations");
+  }
+  if (targetTab === "deployments") {
+    return issue?.type === "failed_deployment"
+      ? trFallback("actions.open_deployment", "Open deployment")
+      : trFallback("actions.open_release_flow", "Open release flow");
+  }
+  if (targetTab === "assignments") {
+    return trFallback("actions.open_assignments", "Open assignments");
+  }
+  if (targetTab === "replay") {
+    return trFallback("actions.open_replay", "Open replay");
+  }
+  return trFallback("actions.open_details", "Open details");
+}
+
 function openReleaseStatusDetails(channel, issue = null, serviceKey = "") {
   selectedStatusChannelId.value = channel?.channel_id || channel?.id || issue?.channel_id || null;
   selectedStatusIssue.value = issue;
@@ -2836,10 +3328,25 @@ function closeReleaseStatusDetails() {
 }
 
 function goToReleaseStatusTab(tab) {
-  activeTab.value = tab;
+  activeTab.value = normalizeReleaseTargetTab(tab);
   closeReleaseStatusDetails();
 }
 
+function focusReleaseCreation() {
+  activeTab.value = "deployments";
+  closeReleaseStatusDetails();
+}
+
+function handleReleaseIssueAction(issue = releasePrimaryIssue.value) {
+  if (!issue) {
+    focusReleaseCreation();
+    return;
+  }
+
+  activeTab.value = normalizeReleaseTargetTab(issue.target_tab);
+  openReleaseStatusIssue(issue);
+}
+
 function normalizedBundleStatus(bundle) {
   return String(bundle?.status || "").toLowerCase();
 }
@@ -3032,41 +3539,74 @@ onMounted(async () => {
       <template #content>
         <section data-testid="release-manager-page">
           <div
-            v-if="activeTab === 'overview'"
-            class="release-status-dashboard release-status-dashboard--first"
+            class="release-cockpit"
+            :class="releaseStatusSeverityClass(releaseCockpitSeverity)"
             data-testid="release-status-dashboard"
           >
-            <div class="release-status-summary" data-testid="release-status-summary">
-              <div
-                v-for="card in statusSummaryCards"
-                :key="card.key"
-                class="release-status-summary-card"
-                :class="releaseStatusSeverityClass(card.severity)"
-              >
-                <span>{{ card.label }}</span>
-                <strong>{{ card.value === "" || card.value === null || card.value === undefined ? "--" : card.value }}</strong>
+            <section class="release-cockpit__main">
+              <div>
+                <span class="release-section-kicker">
+                  <i class="fas fa-code-branch" aria-hidden="true"></i>
+                  {{ tr("title") }}
+                </span>
+                <h2>{{ releaseCockpitTitle }}</h2>
+                <p>{{ releaseCockpitSubtitle }}</p>
               </div>
-            </div>
-            <aside class="release-status-issues" data-testid="release-status-issues">
-              <header>
-                <div>
-                  <span class="release-section-kicker">
-                    <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
-                    {{ trFallback("status.issue_panel", "Release issues") }}
-                  </span>
-                  <p>{{ trFallback("status.issue_panel_hint", "Highest severity first.") }}</p>
-                </div>
+              <div class="release-cockpit__actions">
                 <b-tag :class="statusClass(statusOverview.state)">
-                  {{ releaseStatusReadinessLabel(statusOverview.state === "blocked" ? "blocked" : statusOverview.state) }}
+                  {{
+                    releaseStatusReadinessLabel(statusOverview.state === "blocked" ? "blocked" : statusOverview.state)
+                  }}
                 </b-tag>
+                <b-button
+                  type="is-dark"
+                  icon-left="rocket"
+                  icon-pack="fas"
+                  data-testid="release-cockpit-create-release"
+                  @click="focusReleaseCreation"
+                >
+                  {{ trFallback("actions.create_release", "Create release") }}
+                </b-button>
+                <b-button
+                  v-if="releasePrimaryIssue"
+                  icon-left="arrow-right"
+                  icon-pack="fas"
+                  data-testid="release-cockpit-primary-action"
+                  @click="handleReleaseIssueAction(releasePrimaryIssue)"
+                >
+                  {{ releaseCockpitPrimaryAction }}
+                </b-button>
+              </div>
+              <div class="release-status-summary" data-testid="release-status-summary">
+                <div
+                  v-for="card in statusSummaryCards"
+                  :key="card.key"
+                  class="release-status-summary-card"
+                  :class="releaseStatusSeverityClass(card.severity)"
+                >
+                  <span>{{ card.label }}</span>
+                  <strong>{{
+                    card.value === "" || card.value === null || card.value === undefined ? "--" : card.value
+                  }}</strong>
+                </div>
+              </div>
+            </section>
+
+            <section class="release-cockpit__issues release-status-issues" data-testid="release-status-issues">
+              <header>
+                <span class="release-section-kicker">
+                  <i class="fas fa-exclamation-triangle" aria-hidden="true"></i>
+                  {{ trFallback("status.issue_panel", "Release issues") }}
+                </span>
+                <small>{{ trFallback("status.issue_panel_hint", "Highest severity first.") }}</small>
               </header>
               <button
-                v-for="issue in statusIssues.slice(0, 5)"
+                v-for="issue in statusIssues.slice(0, 4)"
                 :key="releaseStatusIssueKey(issue)"
                 type="button"
                 class="release-status-issue"
                 :class="releaseStatusSeverityClass(issue.severity)"
-                @click="openReleaseStatusIssue(issue)"
+                @click="handleReleaseIssueAction(issue)"
               >
                 <span class="release-status-issue__top">
                   <strong>{{ issue.label || releaseStatusServiceLabel(issue.service_key) }}</strong>
@@ -3085,80 +3625,142 @@ onMounted(async () => {
                 <strong>{{ trFallback("status.no_issues", "No release blockers") }}</strong>
                 <span>{{ trFallback("status.no_issues_detail", "All tracked release services are ready.") }}</span>
               </div>
-            </aside>
+            </section>
+
+            <section class="release-cockpit__channels" data-testid="release-cockpit-channel-list">
+              <header>
+                <span class="release-section-kicker">
+                  <i class="fas fa-layer-group" aria-hidden="true"></i>
+                  {{ tr("tabs.channels.label") }}
+                </span>
+                <small>
+                  {{
+                    trFallback(
+                      "cockpit.channel_count",
+                      `${statusTotals.ready_channels || 0}/${
+                        statusTotals.channels || releaseCockpitChannels.length
+                      } ready`,
+                      {
+                        ready: statusTotals.ready_channels || 0,
+                        total: statusTotals.channels || releaseCockpitChannels.length,
+                      }
+                    )
+                  }}
+                </small>
+              </header>
+              <button
+                v-for="channel in releaseCockpitChannels"
+                :key="channel.channel_id || channel.channel_slug"
+                type="button"
+                class="release-cockpit-channel"
+                :class="releaseStatusSeverityClass(channel.severity)"
+                @click="openReleaseStatusDetails(channel)"
+              >
+                <span class="release-cockpit-channel__name">
+                  <strong>{{ channel.channel_name }}</strong>
+                  <small v-if="shouldShowChannelSlug(channel)">{{ channel.channel_slug }}</small>
+                </span>
+                <span class="release-cockpit-channel__services">
+                  <i
+                    v-for="service in channel.services"
+                    :key="service.service_key"
+                    class="fas"
+                    :class="[
+                      releaseStatusServiceIcon(service.service_key),
+                      releaseStatusSeverityClass(service.severity),
+                    ]"
+                    :title="`${service.label}: ${releaseStatusServiceStatusLabel(service)}`"
+                    aria-hidden="true"
+                  ></i>
+                </span>
+                <b-tag :class="statusClass(channel.readiness)">
+                  {{ releaseStatusReadinessLabel(channel.readiness) }}
+                </b-tag>
+              </button>
+            </section>
           </div>
 
-          <div class="release-control-plane" data-testid="release-control-api">
-            <div class="release-control-plane__summary">
-              <div class="release-section-kicker">
-                <b-icon icon="sliders-h" pack="fas" size="is-small" />
-                <span>{{ tr("control_api.title") }}</span>
-                <b-tooltip :label="tr('control_api.tooltip')" multilined type="is-dark">
-                  <b-icon icon="question-circle" pack="fas" size="is-small" />
+          <details class="release-control-disclosure" data-testid="release-control-api">
+            <summary>
+              <span class="release-section-kicker">
+                <i class="fas fa-sliders-h" aria-hidden="true"></i>
+                {{ tr("control_api.title") }}
+              </span>
+              <strong>{{ controlApiUrl }}</strong>
+              <small>{{ tr("control_api.endpoint_message") }}</small>
+            </summary>
+            <div class="release-control-plane">
+              <div class="release-control-plane__summary">
+                <div class="release-section-kicker">
+                  <b-icon icon="sliders-h" pack="fas" size="is-small" />
+                  <span>{{ tr("control_api.title") }}</span>
+                  <b-tooltip :label="tr('control_api.tooltip')" multilined type="is-dark">
+                    <b-icon icon="question-circle" pack="fas" size="is-small" />
+                  </b-tooltip>
+                </div>
+                <strong>{{ controlApiUrl }}</strong>
+                <p class="release-muted">{{ tr("control_api.example") }}</p>
+              </div>
+              <div class="release-control-plane__actions">
+                <b-field
+                  class="release-control-plane__field"
+                  :label="tr('control_api.endpoint_label')"
+                  label-position="on-border"
+                  :message="tr('control_api.endpoint_message')"
+                >
+                  <BAutocomplete
+                    v-model="controlApiInput"
+                    :data="controlApiOptions()"
+                    field="value"
+                    placeholder="https://api.truckwash.io:4433"
+                    :aria-label="tr('control_api.endpoint_aria')"
+                    open-on-focus
+                    keep-first
+                    expanded
+                    @select="selectControlApi"
+                  >
+                    <template #default="slotProps">
+                      <div class="release-autocomplete-option">
+                        <i :class="slotProps.option.icon" aria-hidden="true"></i>
+                        <span>
+                          <strong>{{ slotProps.option.title }}</strong>
+                          <small>{{ slotProps.option.description }}</small>
+                        </span>
+                      </div>
+                    </template>
+                  </BAutocomplete>
+                </b-field>
+                <b-tooltip :label="tr('control_api.use_tooltip')" type="is-dark">
+                  <b-button
+                    size="is-small"
+                    type="is-dark"
+                    icon-left="check"
+                    icon-pack="fas"
+                    :loading="busy === 'load'"
+                    @click="applyControlApiUrl(controlApiInput)"
+                  >
+                    {{ tr("control_api.use") }}
+                  </b-button>
+                </b-tooltip>
+                <b-tooltip :label="tr('control_api.reset_tooltip')" type="is-dark">
+                  <b-button size="is-small" icon-left="undo" icon-pack="fas" @click="resetControlApiUrl">
+                    {{ tr("control_api.reset") }}
+                  </b-button>
                 </b-tooltip>
               </div>
-              <strong>{{ controlApiUrl }}</strong>
-              <p class="release-muted">{{ tr("control_api.example") }}</p>
-            </div>
-            <div class="release-control-plane__actions">
-              <b-field
-                class="release-control-plane__field"
-                :label="tr('control_api.endpoint_label')"
-                label-position="on-border"
-                :message="tr('control_api.endpoint_message')"
-              >
-                <BAutocomplete
-                  v-model="controlApiInput"
-                  :data="controlApiOptions()"
-                  field="value"
-                  placeholder="https://api.truckwash.io:4433"
-                  :aria-label="tr('control_api.endpoint_aria')"
-                  open-on-focus
-                  keep-first
-                  expanded
-                  @select="selectControlApi"
-                >
-                  <template #default="slotProps">
-                    <div class="release-autocomplete-option">
-                      <i :class="slotProps.option.icon" aria-hidden="true"></i>
-                      <span>
-                        <strong>{{ slotProps.option.title }}</strong>
-                        <small>{{ slotProps.option.description }}</small>
-                      </span>
-                    </div>
-                  </template>
-                </BAutocomplete>
-              </b-field>
-              <b-tooltip :label="tr('control_api.use_tooltip')" type="is-dark">
+              <div class="release-chip-row" :aria-label="tr('control_api.known_endpoints')">
                 <b-button
+                  v-for="url in controlApiCandidates"
+                  :key="url"
                   size="is-small"
-                  type="is-dark"
-                  icon-left="check"
-                  icon-pack="fas"
-                  :loading="busy === 'load'"
-                  @click="applyControlApiUrl(controlApiInput)"
+                  :type="url === controlApiUrl ? 'is-info' : 'is-light'"
+                  @click="applyControlApiUrl(url)"
                 >
-                  {{ tr("control_api.use") }}
+                  {{ url }}
                 </b-button>
-              </b-tooltip>
-              <b-tooltip :label="tr('control_api.reset_tooltip')" type="is-dark">
-                <b-button size="is-small" icon-left="undo" icon-pack="fas" @click="resetControlApiUrl">
-                  {{ tr("control_api.reset") }}
-                </b-button>
-              </b-tooltip>
+              </div>
             </div>
-            <div class="release-chip-row" :aria-label="tr('control_api.known_endpoints')">
-              <b-button
-                v-for="url in controlApiCandidates"
-                :key="url"
-                size="is-small"
-                :type="url === controlApiUrl ? 'is-info' : 'is-light'"
-                @click="applyControlApiUrl(url)"
-              >
-                {{ url }}
-              </b-button>
-            </div>
-          </div>
+          </details>
 
           <ConfigurationError v-if="errors.length > 0" :errors="errors" />
 
@@ -3236,7 +3838,10 @@ onMounted(async () => {
               </div>
             </div>
 
-            <div class="release-status-dashboard release-status-dashboard--channels" data-testid="release-status-channel-dashboard">
+            <div
+              class="release-status-dashboard release-status-dashboard--channels"
+              data-testid="release-status-channel-dashboard"
+            >
               <div class="release-status-summary" data-testid="release-status-summary">
                 <div
                   v-for="card in statusSummaryCards"
@@ -3245,7 +3850,9 @@ onMounted(async () => {
                   :class="releaseStatusSeverityClass(card.severity)"
                 >
                   <span>{{ card.label }}</span>
-                  <strong>{{ card.value === "" || card.value === null || card.value === undefined ? "--" : card.value }}</strong>
+                  <strong>{{
+                    card.value === "" || card.value === null || card.value === undefined ? "--" : card.value
+                  }}</strong>
                 </div>
               </div>
 
@@ -3260,7 +3867,11 @@ onMounted(async () => {
                       <p>{{ trFallback("status.issue_panel_hint", "Highest severity first.") }}</p>
                     </div>
                     <b-tag :class="statusClass(statusOverview.state)">
-                      {{ releaseStatusReadinessLabel(statusOverview.state === "blocked" ? "blocked" : statusOverview.state) }}
+                      {{
+                        releaseStatusReadinessLabel(
+                          statusOverview.state === "blocked" ? "blocked" : statusOverview.state
+                        )
+                      }}
                     </b-tag>
                   </header>
                   <button
@@ -3302,7 +3913,7 @@ onMounted(async () => {
                     <header>
                       <div>
                         <strong>{{ channel.channel_name }}</strong>
-                        <span>{{ channel.channel_slug }}</span>
+                        <span v-if="shouldShowChannelSlug(channel)">{{ channel.channel_slug }}</span>
                       </div>
                       <div class="release-status-card-tags">
                         <b-tag :class="releaseStatusSeverityClass(channel.severity)">
@@ -3385,17 +3996,29 @@ onMounted(async () => {
                       >
                         {{ trFallback("actions.details", "Details") }}
                       </b-button>
-                      <b-button size="is-small" icon-left="rocket" icon-pack="fas" @click="goToReleaseStatusTab('deployments')">
+                      <b-button
+                        size="is-small"
+                        icon-left="rocket"
+                        icon-pack="fas"
+                        @click="goToReleaseStatusTab('deployments')"
+                      >
                         {{ tr("tabs.deployments.label") }}
                       </b-button>
-                      <b-button size="is-small" icon-left="plug" icon-pack="fas" @click="goToReleaseStatusTab('integrations')">
+                      <b-button
+                        size="is-small"
+                        icon-left="plug"
+                        icon-pack="fas"
+                        @click="goToReleaseStatusTab('integrations')"
+                      >
                         {{ tr("tabs.integrations.label") }}
                       </b-button>
                       <b-button
                         size="is-small"
                         icon-left="layer-group"
                         icon-pack="fas"
-                        :disabled="!canDeploy || eligibleChannelBundles(releaseStatusSourceChannel(channel)).length === 0"
+                        :disabled="
+                          !canDeploy || eligibleChannelBundles(releaseStatusSourceChannel(channel)).length === 0
+                        "
                         @click="openSetChannelBundle(releaseStatusSourceChannel(channel))"
                       >
                         {{ trFallback("actions.set_bundle", "Set bundle") }}
@@ -3844,8 +4467,10 @@ onMounted(async () => {
             </div>
 
             <div class="release-bundle-flow" data-testid="release-bundle-flow">
-              <b-steps v-model="releaseFlowStep" size="is-small" :has-navigation="false" animated>
-                <b-step-item
+              <div class="release-bundle-workspace">
+                <div class="release-bundle-stepper">
+                  <b-steps v-model="releaseFlowStep" size="is-small" :has-navigation="false" animated>
+                    <b-step-item
                   :label="trFallback('bundles.steps.source', 'Source')"
                   icon-pack="fas"
                   icon="layer-group"
@@ -3894,21 +4519,46 @@ onMounted(async () => {
                       </b-select>
                     </b-field>
                     <b-field :label="trFallback('bundles.dataset_mode', 'Dataset mode')" :message="datasetModeMessage">
-                      <b-select v-model="bundleForm.dataset_mode" data-testid="release-bundle-dataset-mode" expanded>
-                        <option value="attach_existing">
-                          {{ trFallback("bundles.modes.attach_existing", "Reuse existing services") }}
+                      <div class="release-dataset-mode-grid" data-testid="release-dataset-mode-options">
+                        <button
+                          v-for="option in datasetModeOptions"
+                          :key="option.value"
+                          type="button"
+                          class="release-dataset-mode-card"
+                          :class="{ 'is-selected': bundleForm.dataset_mode === option.value }"
+                          :data-testid="`release-dataset-mode-${option.value}`"
+                          @click="selectDatasetMode(option.value)"
+                        >
+                          <span class="release-dataset-mode-card__icon">
+                            <b-icon :icon="option.icon" pack="fas" size="is-small" />
+                          </span>
+                          <span>
+                            <strong>{{ option.title }}</strong>
+                            <small>{{ option.description }}</small>
+                          </span>
+                          <b-tag size="is-small" :type="option.type">{{ option.tag }}</b-tag>
+                        </button>
+                      </div>
+                      <select
+                        v-model="bundleForm.dataset_mode"
+                        class="release-sr-only"
+                        data-testid="release-bundle-dataset-mode"
+                        :aria-label="trFallback('bundles.dataset_mode', 'Dataset mode')"
+                      >
+                        <option v-for="option in datasetModeOptions" :key="`native-${option.value}`" :value="option.value">
+                          {{ option.title }}
                         </option>
-                        <option value="clone_existing">
-                          {{ trFallback("bundles.modes.clone_existing", "Clone existing services") }}
-                        </option>
-                        <option value="fresh_empty">
-                          {{ trFallback("bundles.modes.fresh_empty", "Create fresh empty datasets") }}
-                        </option>
-                        <option value="isolated_stack">
-                          {{ trFallback("bundles.modes.isolated_stack", "Create isolated stack (safe)") }}
-                        </option>
-                      </b-select>
+                      </select>
                     </b-field>
+                    <b-message
+                      v-for="warning in bundleApplyWarnings"
+                      :key="warning.text"
+                      :type="warning.type"
+                      size="is-small"
+                      data-testid="release-bundle-risk-warning"
+                    >
+                      {{ warning.text }}
+                    </b-message>
                     <b-field
                       v-if="bundleForm.dataset_mode !== 'attach_existing' || !bundleForm.source_service_set_id"
                       :label="trFallback('bundles.service_set_name', 'New service set name')"
@@ -4182,7 +4832,56 @@ onMounted(async () => {
                     {{ trFallback("bundles.created", "Bundle deployed") }} #{{ createdBundle.id }}
                   </b-message>
                 </b-step-item>
-              </b-steps>
+                  </b-steps>
+                </div>
+
+                <aside class="release-apply-preview" data-testid="release-apply-preview">
+                  <header>
+                    <span>
+                      <strong>{{ trFallback("bundles.preview.title", "Apply Preview") }}</strong>
+                      <small>{{ selectedDatasetModeOption.title }}</small>
+                    </span>
+                    <b-tag size="is-small" :type="selectedDatasetModeOption.type">
+                      {{ selectedDatasetModeOption.tag }}
+                    </b-tag>
+                  </header>
+
+                  <section class="release-apply-preview__steps" data-testid="release-apply-steps">
+                    <h4>{{ trFallback("bundles.preview.execution_order", "Execution order") }}</h4>
+                    <ol>
+                      <li v-for="step in bundleApplySteps" :key="step">{{ step }}</li>
+                    </ol>
+                  </section>
+
+                  <div class="release-service-action-table" data-testid="release-service-action-table">
+                    <table>
+                      <thead>
+                        <tr>
+                          <th>{{ trFallback("bundles.preview.service", "Service") }}</th>
+                          <th>{{ trFallback("bundles.preview.action", "Action") }}</th>
+                          <th>{{ trFallback("bundles.preview.source", "Source") }}</th>
+                          <th>{{ trFallback("bundles.preview.target", "Target") }}</th>
+                          <th>{{ trFallback("bundles.preview.endpoint", "Host / port") }}</th>
+                          <th>{{ trFallback("bundles.preview.location", "Location") }}</th>
+                        </tr>
+                      </thead>
+                      <tbody>
+                        <tr v-for="row in bundleApplyPreviewRows" :key="row.key">
+                          <td>
+                            <strong>{{ row.label }}</strong>
+                            <small>{{ row.dataPolicy }}</small>
+                          </td>
+                          <td><b-tag size="is-small" :type="row.type">{{ row.action }}</b-tag></td>
+                          <td>{{ row.source }}</td>
+                          <td>{{ row.target }}</td>
+                          <td :class="{ 'has-text-warning-dark': row.endpointPending }">{{ row.endpoint }}</td>
+                          <td>{{ row.location }}</td>
+                        </tr>
+                      </tbody>
+                    </table>
+                  </div>
+                </aside>
+              </div>
 
               <div class="release-form-actions release-form-wide">
                 <b-button
@@ -5275,7 +5974,12 @@ onMounted(async () => {
                   <h3>{{ statusDrawerChannel.channel_name }}</h3>
                   <p>{{ statusDrawerChannel.channel_slug }} / {{ statusDrawerChannel.message }}</p>
                 </div>
-                <button class="delete" type="button" :aria-label="t('common.close')" @click="closeReleaseStatusDetails" />
+                <button
+                  class="delete"
+                  type="button"
+                  :aria-label="t('common.close')"
+                  @click="closeReleaseStatusDetails"
+                />
               </header>
 
               <div class="release-status-drawer__body">
@@ -5421,14 +6125,21 @@ onMounted(async () => {
                 <b-button icon-left="plug" icon-pack="fas" @click="goToReleaseStatusTab('integrations')">
                   {{ tr("tabs.integrations.label") }}
                 </b-button>
-                <b-button icon-left="history" icon-pack="fas" :disabled="!canReplay" @click="goToReleaseStatusTab('replay')">
+                <b-button
+                  icon-left="history"
+                  icon-pack="fas"
+                  :disabled="!canReplay"
+                  @click="goToReleaseStatusTab('replay')"
+                >
                   {{ tr("tabs.replay.label") }}
                 </b-button>
                 <b-button
                   type="is-dark"
                   icon-left="layer-group"
                   icon-pack="fas"
-                  :disabled="!canDeploy || eligibleChannelBundles(releaseStatusSourceChannel(statusDrawerChannel)).length === 0"
+                  :disabled="
+                    !canDeploy || eligibleChannelBundles(releaseStatusSourceChannel(statusDrawerChannel)).length === 0
+                  "
                   @click="openSetChannelBundle(releaseStatusSourceChannel(statusDrawerChannel))"
                 >
                   {{ trFallback("actions.set_bundle", "Set bundle") }}
@@ -5467,6 +6178,161 @@ onMounted(async () => {
   background: #f7fafc;
 }
 
+.release-cockpit {
+  align-items: stretch;
+  display: grid;
+  gap: 0.875rem;
+  grid-template-areas:
+    "main issues"
+    "channels issues";
+  grid-template-columns: minmax(0, 1.45fr) minmax(18rem, 0.85fr);
+  margin: 0.85rem 0 0.75rem;
+}
+
+.release-cockpit__main,
+.release-cockpit__channels {
+  background: #ffffff;
+  border: 1px solid #d8dee8;
+  border-left-width: 4px;
+  border-radius: 6px;
+  min-width: 0;
+  padding: 0.875rem;
+}
+
+.release-cockpit__main {
+  display: grid;
+  gap: 0.85rem;
+  grid-area: main;
+}
+
+.release-cockpit__main h2 {
+  color: #172033;
+  font-size: 1.35rem;
+  line-height: 1.2;
+  margin: 0.2rem 0 0;
+}
+
+.release-cockpit__main p,
+.release-cockpit__channels header small,
+.release-cockpit__issues header small,
+.release-cockpit-channel small {
+  color: #667085;
+}
+
+.release-cockpit__main p {
+  margin: 0.2rem 0 0;
+}
+
+.release-cockpit__actions {
+  align-items: center;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 0.45rem;
+}
+
+.release-cockpit.is-ok .release-cockpit__main,
+.release-cockpit.is-ok .release-cockpit__channels,
+.release-cockpit-channel.is-ok {
+  border-left-color: #2f855a;
+}
+
+.release-cockpit.is-degraded .release-cockpit__main,
+.release-cockpit.is-degraded .release-cockpit__channels,
+.release-cockpit-channel.is-degraded {
+  border-left-color: #b7791f;
+}
+
+.release-cockpit.is-down .release-cockpit__main,
+.release-cockpit.is-down .release-cockpit__channels,
+.release-cockpit-channel.is-down {
+  border-left-color: #c53030;
+}
+
+.release-cockpit__main .release-status-summary {
+  grid-template-columns: repeat(auto-fit, minmax(112px, 1fr));
+}
+
+.release-cockpit__main .release-status-summary-card {
+  min-height: 3.3rem;
+  padding: 0.55rem 0.65rem;
+}
+
+.release-cockpit__main .release-status-summary-card strong {
+  font-size: 1.08rem;
+}
+
+.release-cockpit__issues {
+  grid-area: issues;
+  max-height: 24rem;
+  position: static;
+}
+
+.release-cockpit__channels {
+  display: grid;
+  gap: 0.55rem;
+  grid-area: channels;
+}
+
+.release-cockpit__channels > header,
+.release-cockpit-channel {
+  align-items: center;
+  display: grid;
+  gap: 0.65rem;
+  grid-template-columns: minmax(8rem, 1fr) auto auto;
+}
+
+.release-cockpit-channel {
+  background: #fbfcfe;
+  border: 1px solid #d8dee8;
+  border-left-width: 4px;
+  border-radius: 6px;
+  color: #172033;
+  cursor: pointer;
+  min-width: 0;
+  padding: 0.55rem 0.65rem;
+  text-align: left;
+}
+
+.release-cockpit-channel:hover {
+  border-color: #6d7b90;
+}
+
+.release-cockpit-channel__name {
+  display: grid;
+  line-height: 1.15;
+  min-width: 0;
+}
+
+.release-cockpit-channel__name strong,
+.release-cockpit-channel__name small {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.release-cockpit-channel__services {
+  align-items: center;
+  display: flex;
+  gap: 0.35rem;
+}
+
+.release-cockpit-channel__services i {
+  color: #334155;
+  width: 1rem;
+}
+
+.release-cockpit-channel__services i.is-ok {
+  color: #2f855a;
+}
+
+.release-cockpit-channel__services i.is-degraded {
+  color: #b7791f;
+}
+
+.release-cockpit-channel__services i.is-down {
+  color: #c53030;
+}
+
 .release-status-dashboard {
   display: grid;
   gap: 0.875rem;
@@ -5847,6 +6713,24 @@ onMounted(async () => {
 }
 
 @media (max-width: 768px) {
+  .release-cockpit {
+    grid-template-areas:
+      "main"
+      "issues"
+      "channels";
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .release-cockpit__issues {
+    max-height: none;
+  }
+
+  .release-cockpit__channels > header,
+  .release-cockpit-channel {
+    grid-template-columns: minmax(0, 1fr);
+    justify-items: start;
+  }
+
   .release-status-dashboard--first {
     grid-template-columns: minmax(0, 1fr);
   }
@@ -5881,6 +6765,43 @@ onMounted(async () => {
   }
 }
 
+.release-control-disclosure {
+  background: #ffffff;
+  border: 1px solid #d8dee8;
+  border-radius: 6px;
+  margin-bottom: 0.85rem;
+}
+
+.release-control-disclosure summary {
+  align-items: center;
+  cursor: pointer;
+  display: grid;
+  gap: 0.55rem;
+  grid-template-columns: auto minmax(12rem, 1fr) minmax(14rem, 2fr);
+  list-style: none;
+  padding: 0.65rem 0.875rem;
+}
+
+.release-control-disclosure summary::-webkit-details-marker {
+  display: none;
+}
+
+.release-control-disclosure summary strong,
+.release-control-disclosure summary small {
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.release-control-disclosure summary small {
+  color: #667085;
+}
+
+.release-control-disclosure[open] summary {
+  border-bottom: 1px solid #d8dee8;
+}
+
 .release-control-plane {
   display: grid;
   grid-template-columns: minmax(12rem, 1fr) minmax(18rem, 2fr);
@@ -5893,6 +6814,12 @@ onMounted(async () => {
   background: #ffffff;
 }
 
+.release-control-disclosure .release-control-plane {
+  border: 0;
+  border-radius: 0;
+  margin-bottom: 0;
+}
+
 .release-control-plane__summary {
   display: grid;
   gap: 0.2rem;
@@ -5920,6 +6847,17 @@ onMounted(async () => {
   flex: 1 1 24rem;
 }
 
+@media (max-width: 768px) {
+  .release-control-disclosure summary,
+  .release-control-plane {
+    grid-template-columns: minmax(0, 1fr);
+  }
+
+  .release-control-plane__actions {
+    flex-wrap: wrap;
+  }
+}
+
 .release-steps,
 .release-suggestion-actions,
 .release-chip-row {
@@ -6104,6 +7042,179 @@ onMounted(async () => {
   margin-bottom: 1rem;
 }
 
+.release-bundle-workspace {
+  align-items: start;
+  display: grid;
+  gap: 1rem;
+  grid-template-columns: minmax(0, 1fr) minmax(22rem, 0.95fr);
+}
+
+.release-bundle-stepper {
+  min-width: 0;
+}
+
+.release-dataset-mode-grid {
+  display: grid;
+  gap: 0.6rem;
+  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
+}
+
+.release-dataset-mode-card {
+  align-items: flex-start;
+  background: #ffffff;
+  border: 1px solid #d8dee8;
+  border-radius: 6px;
+  color: #172033;
+  cursor: pointer;
+  display: grid;
+  gap: 0.45rem;
+  grid-template-columns: auto minmax(0, 1fr);
+  min-height: 7rem;
+  padding: 0.75rem;
+  text-align: left;
+}
+
+.release-dataset-mode-card:hover {
+  border-color: #6d7b90;
+  background: #fbfcfe;
+}
+
+.release-dataset-mode-card.is-selected {
+  border-color: #3273dc;
+  box-shadow: 0 0 0 1px rgba(50, 115, 220, 0.28);
+}
+
+.release-dataset-mode-card__icon {
+  align-items: center;
+  background: #eef2f7;
+  border-radius: 6px;
+  color: #334155;
+  display: inline-flex;
+  height: 2rem;
+  justify-content: center;
+  width: 2rem;
+}
+
+.release-dataset-mode-card strong,
+.release-dataset-mode-card small {
+  display: block;
+  overflow-wrap: anywhere;
+}
+
+.release-dataset-mode-card small {
+  color: #667085;
+  margin-top: 0.15rem;
+}
+
+.release-dataset-mode-card .tag {
+  grid-column: 2;
+  justify-self: start;
+}
+
+.release-sr-only {
+  height: 1px;
+  left: -9999px;
+  overflow: hidden;
+  position: absolute;
+  width: 1px;
+}
+
+.release-apply-preview {
+  background: #f8fafc;
+  border: 1px solid #d8dee8;
+  border-radius: 6px;
+  display: grid;
+  gap: 0.85rem;
+  min-width: 0;
+  padding: 0.875rem;
+}
+
+.release-apply-preview header {
+  align-items: flex-start;
+  display: flex;
+  gap: 0.75rem;
+  justify-content: space-between;
+}
+
+.release-apply-preview header span,
+.release-service-action-table td:first-child {
+  display: grid;
+  gap: 0.15rem;
+  min-width: 0;
+}
+
+.release-apply-preview strong,
+.release-apply-preview small,
+.release-service-action-table td {
+  overflow-wrap: anywhere;
+}
+
+.release-apply-preview small,
+.release-apply-preview__steps li {
+  color: #667085;
+}
+
+.release-apply-preview__steps {
+  display: grid;
+  gap: 0.4rem;
+}
+
+.release-apply-preview__steps h4 {
+  color: #172033;
+  font-size: 0.9rem;
+  font-weight: 700;
+  margin: 0;
+}
+
+.release-apply-preview__steps ol {
+  margin: 0;
+  padding-left: 1.25rem;
+}
+
+.release-apply-preview__steps li + li {
+  margin-top: 0.25rem;
+}
+
+.release-service-action-table {
+  overflow-x: auto;
+}
+
+.release-service-action-table table {
+  background: #ffffff;
+  border: 1px solid #d8dee8;
+  border-collapse: separate;
+  border-radius: 6px;
+  border-spacing: 0;
+  font-size: 0.82rem;
+  min-width: 52rem;
+  width: 100%;
+}
+
+.release-service-action-table th,
+.release-service-action-table td {
+  border-bottom: 1px solid #e5eaf1;
+  padding: 0.55rem;
+  text-align: left;
+  vertical-align: top;
+}
+
+.release-service-action-table th {
+  color: #475467;
+  font-size: 0.72rem;
+  font-weight: 700;
+  text-transform: uppercase;
+}
+
+.release-service-action-table tr:last-child td {
+  border-bottom: 0;
+}
+
+@media (max-width: 768px) {
+  .release-bundle-workspace {
+    grid-template-columns: 1fr;
+  }
+}
+
 .release-form--inside-step {
   margin-top: 0.75rem;
 }
diff --git a/tests/e2e/admin-pos-orders.spec.ts b/tests/e2e/admin-pos-orders.spec.ts
index 3741ebb4..5e4b4dbb 100644
--- a/tests/e2e/admin-pos-orders.spec.ts
+++ b/tests/e2e/admin-pos-orders.spec.ts
@@ -443,6 +443,50 @@ function createRequiredWarningsPosFixture() {
   });
 }
 
+function createBookingPoDefaultPosFixture() {
+  const baseFixture = createPosFixture();
+  const customerNumber = 12345679;
+  const bookingId = 8891;
+
+  return createPosFixture({
+    preloadCreatedOrderItemsFromBooking: true,
+    orderBookingListStripsDetails: true,
+    orderBookingListStripsMetadata: true,
+    customerAttributesByNumber: {
+      [customerNumber]: [
+        ...(baseFixture.customerAttributesByNumber[customerNumber] || []),
+        {
+          id: 88,
+          customer_number: customerNumber,
+          attribute: "usePONumbers",
+        },
+      ],
+    },
+    orderBookings: [
+      {
+        id: bookingId,
+        customer_number: customerNumber,
+        customer_name: "(TEST) Pleno Vognmandsforretning",
+        department: 12,
+        datetime: "2026-05-21 09:30:00",
+        date: "2026-05-21",
+        reg_1: "BOOKPO1",
+        reg_2: "",
+        reg_3: "",
+        reference: "BOOKING-PO-REF",
+        reference_number: "BOOKING-PO-REF",
+        notes: "Booking PO note",
+        note: "Booking PO note",
+        po: "BOOKING-PO-DEFAULT",
+        pickup: false,
+        items: [{ id: 53, quantity: 1, price: 649 }],
+        order_id: null,
+        created_at: "2026-05-20 08:00:00",
+      },
+    ],
+  });
+}
+
 function createReferenceAutocompletePosFixture() {
   const baseFixture = createPosFixture();
   const customerNumber = 12345679;
@@ -2304,6 +2348,47 @@ test.describe("Admin POS Orders - desktop step 1 customer and vehicle ownership"
     await createOrderRequest;
   });
 
+  test("applies booking PO defaults on desktop even when linked booking items are already loaded", async ({ page }) => {
+    await mockApi(page, {
+      authenticated: true,
+      permissions: POS_PERMISSIONS,
+      edgeGateways: false,
+      pos: createBookingPoDefaultPosFixture(),
+    });
+    await primeOperatorSession(page, "pos-orders-booking-po-default-token");
+
+    await page.goto(POS_BOOT_URL);
+    await expect(page.getByTestId("pos-step-1")).toBeVisible();
+
+    await page.locator("#reg_1").fill("BOOKPO1");
+    await selectStepOneCustomer(page, 12345679);
+
+    const createOrderRequest = waitForOrderMutation(
+      page,
+      "POST",
+      "/orders",
+      (body) => Number(body.booking_id) === 8891
+    );
+    await page.getByTestId("pos-step-1").getByTestId("pos-next-step").click();
+    const capturedCreateOrderRequest = await createOrderRequest;
+    expect(capturedCreateOrderRequest.postDataJSON()).toMatchObject({
+      booking_id: 8891,
+      po: "",
+    });
+
+    const stepTwo = page.getByTestId("pos-step-2");
+    await expect(stepTwo).toBeVisible();
+    await expect(stepTwo.getByTestId("pos-order-registration-1")).toContainText("BOOKPO1");
+    await expect(stepTwo.getByTestId("pos-order-customer-wishes-reference")).toContainText("BOOKING-PO-REF");
+    await expect(stepTwo.getByTestId("pos-order-customer-wishes-po")).toContainText("BOOKING-PO-DEFAULT");
+    await expect(stepTwo.getByTestId("pos-order-metadata-note")).toContainText("Booking PO note");
+    await expect(stepTwo.getByTestId("pos-order-customer-wishes-po-control")).not.toHaveAttribute(
+      "data-warning-state",
+      "warning"
+    );
+    await expect(stepTwo.getByTestId("pos-order-customer-wishes-po-warning-icon")).toHaveCount(0);
+  });
+
   test("preserves a manually selected required-reference customer and manual reference while editing reg_1", async ({
     page,
   }) => {
diff --git a/tests/e2e/connectivityIssue.spec.ts b/tests/e2e/connectivityIssue.spec.ts
index 4e4341e0..0bebf2b2 100644
--- a/tests/e2e/connectivityIssue.spec.ts
+++ b/tests/e2e/connectivityIssue.spec.ts
@@ -1,6 +1,8 @@
 import { test, expect } from "@playwright/test";
 
-const PING_URL = /https:\/\/api\.truckwash\.io:4433\/ping(?:\?.*)?$/;
+const PING_URL =
+  /(?:https:\/\/api\.truckwash\.io:4433|https?:\/\/(?:localhost|127\.0\.0\.1)(?::\d+)?\/api)\/ping(?:\?.*)?$/;
+const CONNECTIVITY_PAGE_TIMEOUT_MS = 30_000;
 
 function installPingFailure(page, onPing) {
   return page.route(PING_URL, async (route) => {
@@ -22,7 +24,7 @@ test.describe("Connectivity issue", () => {
 
     await page.goto("/connectivity-issue");
 
-    await expect(page.getByTestId("connectivity-issue")).toBeVisible();
+    await expect(page.getByTestId("connectivity-issue")).toBeVisible({ timeout: CONNECTIVITY_PAGE_TIMEOUT_MS });
     await expect(page.getByTestId("connectivity-icon")).toBeVisible();
     await expect(page.getByTestId("connectivity-title")).toHaveText("Forbindelsesproblem");
     await expect(page.getByTestId("connectivity-subtitle")).toContainText("internetforbindelse");
@@ -42,7 +44,7 @@ test.describe("Connectivity issue", () => {
     });
 
     await page.goto("/connectivity-issue");
-    await expect(page.getByTestId("connectivity-issue")).toBeVisible();
+    await expect(page.getByTestId("connectivity-issue")).toBeVisible({ timeout: CONNECTIVITY_PAGE_TIMEOUT_MS });
     await expect.poll(() => pingCount).toBeGreaterThan(0);
 
     const initialPingCount = pingCount;
diff --git a/tests/e2e/release-manager.spec.js b/tests/e2e/release-manager.spec.js
index a6e29d61..5a74e0e0 100644
--- a/tests/e2e/release-manager.spec.js
+++ b/tests/e2e/release-manager.spec.js
@@ -99,6 +99,14 @@ function createReleaseState() {
         coolify_service_uuid: "service-canary",
         health_url: "https://canary.example.test/health",
         auto_deploy: true,
+        deploy_context: {
+          coolify_public_url: "https://canary.example.test",
+          coolify_domain: "canary.example.test",
+          coolify_port: "443",
+          coolify_project_uuid: "project-main",
+          coolify_environment_name: "canary",
+          coolify_server_uuid: "server-main",
+        },
       },
     ],
     serviceSets: [
@@ -118,6 +126,18 @@ function createReleaseState() {
             app: "frontend",
             repository: "truckwash/front-end-vue",
             branch: DEFAULT_RELEASE_BRANCH,
+            coolify_instance_id: 3,
+            coolify_instance_label: "Production Coolify",
+            coolify_service_uuid: "service-canary",
+            health_url: "https://canary.example.test/health",
+            deploy_context: {
+              coolify_public_url: "https://canary.example.test",
+              coolify_domain: "canary.example.test",
+              coolify_port: "443",
+              coolify_project_uuid: "project-main",
+              coolify_environment_name: "canary",
+              coolify_server_uuid: "server-main",
+            },
           },
           api: null,
         },
@@ -126,22 +146,52 @@ function createReleaseState() {
             id: 10,
             kind: "database",
             label: "Canary MariaDB",
+            resource_name: "mariadb-canary",
+            resource_uuid: "mariadb-canary-service",
+            instance_label: "Production Coolify",
             deployment_status: "running",
-            replication: { id: 100, label: "mariadb-canary", status: "ok", role: "replica" },
+            replication: {
+              id: 100,
+              label: "mariadb-canary",
+              status: "ok",
+              role: "replica",
+              host: "db-canary.example.test",
+              port: 3306,
+            },
           },
           redis: {
             id: 11,
             kind: "redis",
             label: "Canary Redis",
+            resource_name: "redis-canary",
+            resource_uuid: "redis-canary-service",
+            instance_label: "Production Coolify",
             deployment_status: "running",
-            replication: { id: 101, label: "redis-canary", status: "ok", role: "replica" },
+            replication: {
+              id: 101,
+              label: "redis-canary",
+              status: "ok",
+              role: "replica",
+              host: "redis-canary.example.test",
+              port: 6379,
+            },
           },
           minio: {
             id: 12,
             kind: "minio",
             label: "Canary MinIO",
+            resource_name: "minio-canary",
+            resource_uuid: "minio-canary-service",
+            instance_label: "Production Coolify",
             deployment_status: "running",
-            replication: { id: 102, label: "minio-canary", status: "ok", role: "replica" },
+            replication: {
+              id: 102,
+              label: "minio-canary",
+              status: "ok",
+              role: "replica",
+              host: "minio-canary.example.test",
+              port: 9000,
+            },
           },
         },
         attached_bundles: [],
@@ -1061,6 +1111,20 @@ async function installReleaseMocks(page, state) {
       return;
     }
 
+    if (/\/superuser\/releases\/targets\/\d+$/.test(pathname) && method === "DELETE") {
+      const id = Number(pathname.match(/targets\/(\d+)/)?.[1] || 0);
+      state.targets = state.targets.filter((entry) => Number(entry.id) !== id);
+      for (const serviceSet of state.serviceSets) {
+        for (const app of ["frontend", "api"]) {
+          if (Number(serviceSet.targets?.[app]?.id) === id) {
+            serviceSet.targets[app] = null;
+          }
+        }
+      }
+      await route.fulfill(json({ data: { id, removed: true, provider_resources_deleted: false } }));
+      return;
+    }
+
     if (pathname.endsWith("/superuser/releases/service-sets") && method === "GET") {
       await route.fulfill(json({ data: summary(state).service_sets }));
       return;
@@ -1371,7 +1435,18 @@ test("overview status dashboard prioritizes release issues and opens channel det
 
   const dashboard = page.getByTestId("release-status-dashboard");
   await expect(dashboard).toBeVisible({ timeout: 90_000 });
+  await expect(dashboard).toContainText("Release promotion is blocked");
   await expect(dashboard.getByTestId("release-status-summary")).toContainText("Critical");
+  await expect(page.getByTestId("release-cockpit-channel-list")).toContainText("Canary");
+  await expect(page.getByTestId("release-cockpit-create-release")).toBeVisible();
+
+  const controlApi = page.getByTestId("release-control-api");
+  await expect(controlApi).toContainText("Control API");
+  await expect(controlApi.locator(".release-control-plane")).toBeHidden();
+  await controlApi.locator("summary").click();
+  await expect(controlApi.locator(".release-control-plane")).toBeVisible();
+  await controlApi.locator("summary").click();
+  await expect(controlApi.locator(".release-control-plane")).toBeHidden();
 
   const issuePanel = dashboard.getByTestId("release-status-issues");
   const failedDeploymentIssue = issuePanel.getByRole("button").filter({ hasText: "Composer install failed" }).first();
@@ -1381,6 +1456,12 @@ test("overview status dashboard prioritizes release issues and opens channel det
   expect(issueBox).toBeTruthy();
   expect(issueBox.y).toBeLessThan((viewport?.height || 900) - 24);
 
+  await page.getByTestId("release-cockpit-primary-action").click();
+  await expect(page.getByTestId("release-bundle-flow")).toBeVisible();
+  await expect(page.getByTestId("release-status-drawer")).toBeVisible();
+  await page.locator(".release-status-drawer .delete").click();
+  await selectReleaseTab(page, "Overview");
+
   const canaryCard = page.getByTestId("release-status-channel-card").filter({ hasText: "Canary" }).first();
   await expect(canaryCard).toContainText("Frontend");
   await expect(canaryCard).toContainText("API");
@@ -1650,6 +1731,15 @@ test("superusers manage release channels, assignments, deployments, and replay",
     .locator("tbody tr")
     .filter({ hasText: "truckwash/backend-php#release/canary" })
     .first();
+  await apiTargetRow.locator('[data-testid^="release-target-actions-"] button').first().click();
+  await expect(apiTargetRow.getByRole("button", { name: "Delete" })).toBeVisible();
+  page.once("dialog", (dialog) => {
+    expect(dialog.message()).toContain("Coolify service is not deleted");
+    dialog.dismiss();
+  });
+  await apiTargetRow.getByRole("button", { name: "Delete" }).click();
+  await expect(apiTargetRow).toContainText("truckwash/backend-php#release/canary");
+  await page.keyboard.press("Escape");
   await apiTargetRow.getByRole("button", { name: "Redeploy" }).click();
   const redeployDate = new Date().toISOString().slice(0, 10);
   const savedApiTarget = state.targets.find((target) => target.repository === "truckwash/backend-php");
@@ -1673,6 +1763,27 @@ test("superusers manage release channels, assignments, deployments, and replay",
   await expect(redeployRow).toContainText("latestcommit");
   await expect(page.getByTestId("release-service-set-cards")).toContainText("Canary shared stack");
   const bundleFlow = page.getByTestId("release-bundle-flow");
+  await expect(bundleFlow.getByTestId("release-dataset-mode-options")).toContainText("Reuse existing services");
+  await expect(bundleFlow.getByTestId("release-apply-preview")).toContainText("Apply Preview");
+  await expect(bundleFlow.getByTestId("release-apply-steps")).toContainText("Check GitHub access");
+  const serviceActionTable = bundleFlow.getByTestId("release-service-action-table");
+  await expect(serviceActionTable).toContainText("Frontend");
+  await expect(serviceActionTable).toContainText("PHP API");
+  await expect(serviceActionTable).toContainText("MariaDB");
+  await expect(serviceActionTable).toContainText("canary.example.test:443");
+  await expect(serviceActionTable).toContainText("api-v2.truckwash.io:443");
+  await expect(serviceActionTable).toContainText("db-canary.example.test:3306");
+  await expect(serviceActionTable).toContainText("redis-canary.example.test:6379");
+  await expect(serviceActionTable).toContainText("minio-canary.example.test:9000");
+  await expect(bundleFlow.getByTestId("release-bundle-risk-warning").first()).toContainText("Attaching existing data");
+  await bundleFlow.getByTestId("release-dataset-mode-clone_existing").click();
+  await expect(serviceActionTable).toContainText("Clone replica from source");
+  await expect(serviceActionTable).toContainText("host/port assigned after replica provisioning");
+  await expect(bundleFlow.getByTestId("release-apply-steps")).toContainText("plan replica clones");
+  await bundleFlow.getByTestId("release-dataset-mode-fresh_empty").click();
+  await expect(serviceActionTable).toContainText("Create/register empty service");
+  await expect(serviceActionTable).toContainText("host/port assigned after service is configured");
+  await bundleFlow.getByTestId("release-dataset-mode-attach_existing").click();
   await bundleFlow.getByRole("button", { name: "Next" }).click();
   await expect(bundleFlow.getByPlaceholder("owner/frontend")).toHaveValue("truckwash/front-end-vue");
   await expect(bundleFlow.getByPlaceholder("owner/backend-php")).toHaveValue("truckwash/backend-php");
@@ -1818,12 +1929,24 @@ test("isolated stack mode creates fresh Coolify app and data targets without att
   const bundleChannel = bundleFlow.getByTestId("release-bundle-channel");
   await bundleChannel.selectOption("2");
   await expect(bundleChannel).toHaveValue("2");
-  await bundleFlow.getByTestId("release-bundle-dataset-mode").selectOption("isolated_stack");
+  await bundleFlow.getByTestId("release-dataset-mode-isolated_stack").click();
   await bundleChannel.selectOption("2");
   await expect(bundleChannel).toHaveValue("2");
   await expect(bundleFlow).toContainText("without attaching production data");
   await expect(bundleFlow.getByTestId("release-bundle-source-service-set")).toBeDisabled();
   await bundleFlow.getByPlaceholder("canary fresh data").fill("Internal safe stack");
+  await expect(bundleFlow.getByTestId("release-apply-preview")).toContainText("Create isolated stack");
+  await expect(bundleFlow.getByTestId("release-apply-steps")).toContainText("new Coolify frontend/API targets");
+  await expect(bundleFlow.getByTestId("release-service-action-table")).toContainText(
+    "release-internal-safe-stack-frontend"
+  );
+  await expect(bundleFlow.getByTestId("release-service-action-table")).toContainText("release-internal-safe-stack-api");
+  await expect(bundleFlow.getByTestId("release-service-action-table")).toContainText(
+    "release-internal-safe-stack-database"
+  );
+  await expect(bundleFlow.getByTestId("release-service-action-table")).toContainText(
+    "created by Coolify; host/port assigned after deployment"
+  );
 
   await bundleFlow.getByRole("button", { name: "Next" }).click();
   await expect(bundleFlow.getByPlaceholder("owner/frontend", { exact: true })).toHaveValue("truckwash/front-end-vue");
@@ -1877,7 +2000,11 @@ test("isolated stack mode creates fresh Coolify app and data targets without att
   expect(state.serviceSets.filter((set) => set.mode === "isolated_stack")).toHaveLength(isolatedServiceSetCount);
   expect(state.targets.filter((target) => target.deploy_context?.isolated_stack)).toHaveLength(isolatedTargetCount);
 
-  page.once("dialog", (dialog) => dialog.accept());
+  page.once("dialog", (dialog) => {
+    expect(dialog.message()).toContain("soft-deleted");
+    expect(dialog.message()).toContain("Coolify provider resources are not deleted");
+    dialog.accept();
+  });
   await page.getByTestId(`release-service-set-delete-${isolatedSet.id}`).click();
   await expect(page.getByTestId(`release-service-set-delete-${isolatedSet.id}`)).toHaveCount(0);
   expect(state.serviceSets.find((set) => Number(set.id) === Number(isolatedSet.id))).toBeUndefined();
diff --git a/tests/e2e/session-release-runtime.spec.ts b/tests/e2e/session-release-runtime.spec.ts
new file mode 100644
index 00000000..a2ea5165
--- /dev/null
+++ b/tests/e2e/session-release-runtime.spec.ts
@@ -0,0 +1,151 @@
+import { expect, test, type Page, type TestInfo } from "@playwright/test";
+import { mockApi, primeMockSession } from "./support/network.js";
+import { isDesktopProject } from "./support/projects";
+
+const json = (body: unknown, status = 200) => ({
+  status,
+  contentType: "application/json",
+  headers: {
+    "access-control-allow-origin": "*",
+    "access-control-allow-headers":
+      "Content-Type, Authorization, X-Customer-Number, X-Release-Trace, X-Release-Channel, X-Frontend-Version, *",
+    "access-control-allow-methods": "GET, POST, PUT, PATCH, DELETE, OPTIONS",
+  },
+  body: JSON.stringify(body),
+});
+
+const releaseRuntime = () => ({
+  generated_at: "2026-05-19T09:30:00.000Z",
+  trace_id: "trace-session-release-e2e",
+  channel: {
+    id: 2,
+    slug: "canary",
+    name: "Canary",
+    enabled: true,
+    default_channel: false,
+  },
+  versions: {
+    frontend: {
+      version_label: "frontend-canary",
+      commit_sha: "c0ffee0000001111222233334444555566667777",
+      repository: "truckwash/front-end-vue",
+      branch: "release/canary",
+      status: "deployed",
+    },
+    api: {
+      version_label: "api-canary",
+      commit_sha: "feedface00001111222233334444555566667777",
+      repository: "truckwash/backend-php",
+      branch: "release/canary",
+      status: "deployed",
+    },
+    service_set: {
+      id: 53,
+      name: "Canary isolated stack",
+      stack: {
+        frontend: { id: 51, label: "canary-frontend", coolify_service_uuid: "frontend-service-uuid" },
+        api: { id: 52, label: "canary-api", coolify_service_uuid: "api-service-uuid" },
+        database: { id: 54, resource_name: "canary-db", resource_uuid: "database-resource-uuid" },
+        redis: { id: 55, resource_name: "canary-redis", resource_uuid: "redis-resource-uuid" },
+        minio: { id: 56, resource_name: "canary-minio", resource_uuid: "minio-resource-uuid" },
+      },
+    },
+    bundle_id: 31,
+    bundle: { id: 31, version_label: "canary-bundle", status: "deployed" },
+  },
+  urls: {
+    frontend_base_url: "http://127.0.0.1:5173/canary/frontend",
+    api_base_url: "/api",
+  },
+  availability: {
+    configured: true,
+    missing: [],
+    status: "ready",
+  },
+  capture_policy: {
+    enabled: false,
+    capture_level: "metadata",
+    all_failure_metadata: true,
+    retention_days: 14,
+  },
+});
+
+async function openHiddenRuntimeMenu(page: Page) {
+  for (let attempt = 0; attempt < 3; attempt += 1) {
+    await page.keyboard.press("Shift");
+    await page.keyboard.press("Shift");
+    await page.keyboard.press("Shift");
+
+    if (
+      await page
+        .getByTestId("request-queue-runtime-box")
+        .isVisible({ timeout: 1000 })
+        .catch(() => false)
+    ) {
+      break;
+    }
+  }
+
+  await expect(page.getByTestId("request-queue-runtime-box")).toBeVisible();
+}
+
+async function bootAuthenticatedSession(page: Page) {
+  const runtime = releaseRuntime();
+
+  await page.addInitScript(() => {
+    window.localStorage.setItem("locale", "en");
+    window.localStorage.setItem(
+      "release_channel_switch_notice_seen",
+      JSON.stringify({ "user:77:canary": "2026-05-19T09:30:00.000Z" })
+    );
+  });
+
+  await mockApi(page, {
+    authenticated: true,
+    permissions: ["user"],
+    sessionData: {
+      id: 77,
+      customer_number: 990077,
+      display_name: "Release Inspector",
+      runtime_config: {
+        release: runtime,
+      },
+    },
+  });
+  await page.route("**/release/runtime**", async (route) => {
+    await route.fulfill(json({ data: runtime }));
+  });
+  await primeMockSession(page, { token: "session-release-runtime-token", bootPath: "/user" });
+}
+
+test.describe("session release runtime inspector", () => {
+  test.beforeEach(async ({ page }, testInfo: TestInfo) => {
+    test.skip(!isDesktopProject(testInfo), "Hidden runtime menu coverage is desktop-focused.");
+    await bootAuthenticatedSession(page);
+  });
+
+  test("shows the active release and connected services in the Shift menu", async ({ page }) => {
+    await openHiddenRuntimeMenu(page);
+
+    const runtimeBox = page.getByTestId("request-queue-runtime-box");
+    await expect(runtimeBox).toContainText("Session release");
+    await expect(runtimeBox).toContainText("Canary");
+    await expect(runtimeBox).toContainText("trace-session-release-e2e");
+    await expect(runtimeBox).toContainText("#31 canary-bundle");
+    await expect(runtimeBox).toContainText("Canary isolated stack");
+
+    await expect(page.getByTestId("request-queue-release-app-frontend")).toContainText("frontend-canary");
+    await expect(page.getByTestId("request-queue-release-app-frontend")).toContainText(
+      "http://127.0.0.1:5173/canary/frontend"
+    );
+    await expect(page.getByTestId("request-queue-release-app-api")).toContainText("api-canary");
+    await expect(page.getByTestId("request-queue-release-app-api")).toContainText("/api");
+    await expect(page.getByTestId("request-queue-release-service-frontend")).toContainText("canary-frontend #51");
+    await expect(page.getByTestId("request-queue-release-service-api")).toContainText("canary-api #52");
+    await expect(page.getByTestId("request-queue-release-service-database")).toContainText("canary-db #54");
+    await expect(page.getByTestId("request-queue-release-service-redis")).toContainText("canary-redis #55");
+    await expect(page.getByTestId("request-queue-release-service-minio")).toContainText("canary-minio #56");
+    await expect(runtimeBox).toContainText("Runtime details");
+    await expect(page.getByTestId("request-queue-i18n-catalog-switch")).toBeVisible();
+  });
+});
diff --git a/tests/e2e/support/network.js b/tests/e2e/support/network.js
index d84fe928..b541cd2c 100644
--- a/tests/e2e/support/network.js
+++ b/tests/e2e/support/network.js
@@ -184,6 +184,41 @@ function normalizePositiveIntegerValue(value) {
   return Number.isInteger(parsed) && parsed > 0 ? parsed : null;
 }
 
+function normalizeOrderPoValue(value) {
+  return String(value ?? "").trim();
+}
+
+function findPosOrderBookingById(posFixture, bookingId) {
+  const normalizedBookingId = normalizePositiveIntegerValue(bookingId);
+  if (!normalizedBookingId) {
+    return null;
+  }
+
+  return (posFixture.orderBookings || []).find((booking) => Number(booking?.id || 0) === normalizedBookingId) || null;
+}
+
+function getPosOrderBookingPo(posFixture, bookingId) {
+  const booking = findPosOrderBookingById(posFixture, bookingId);
+  const bookingPo = normalizeOrderPoValue(booking?.po);
+  return bookingPo || "";
+}
+
+function applyBookingPoDefaultToMockOrder(posFixture, order) {
+  if (!order || normalizeOrderPoValue(order.po) !== "") {
+    return order;
+  }
+
+  const bookingPo = getPosOrderBookingPo(posFixture, order.booking_id);
+  if (!bookingPo) {
+    return order;
+  }
+
+  return {
+    ...order,
+    po: bookingPo,
+  };
+}
+
 function normalizeReferenceKey(value) {
   return String(value ?? "")
     .trim()
@@ -638,7 +673,7 @@ function parseFilterExpressions(filters) {
     }, {});
 }
 
-function toOrderBookingListEntry(booking, stripDetails = false) {
+function toOrderBookingListEntry(booking, stripDetails = false, options = {}) {
   if (!stripDetails || !booking || typeof booking !== "object") {
     return booking;
   }
@@ -646,6 +681,13 @@ function toOrderBookingListEntry(booking, stripDetails = false) {
   const summaryBooking = { ...booking };
   delete summaryBooking.items;
   delete summaryBooking.parsed_services;
+  if (options.stripMetadata === true) {
+    delete summaryBooking.reference;
+    delete summaryBooking.reference_number;
+    delete summaryBooking.notes;
+    delete summaryBooking.note;
+    delete summaryBooking.po;
+  }
   return summaryBooking;
 }
 
@@ -3092,7 +3134,9 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
       json({
         success: true,
         data: bookings.map((booking) =>
-          toOrderBookingListEntry(booking, posFixture.orderBookingListStripsDetails === true)
+          toOrderBookingListEntry(booking, posFixture.orderBookingListStripsDetails === true, {
+            stripMetadata: posFixture.orderBookingListStripsMetadata === true,
+          })
         ),
       })
     );
@@ -3422,28 +3466,53 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
   if (pathname.endsWith("/orders") && method === "POST") {
     const body = request.postDataJSON?.() || {};
     const orderId = posFixture.nextOrderId++;
+    const bookingId = normalizePositiveIntegerValue(body.booking_id);
+    const orderPo = normalizeOrderPoValue(body.po) || getPosOrderBookingPo(posFixture, bookingId);
     posFixture.ordersById[orderId] = {
       id: orderId,
       customer_id: Number(body.customer_id),
       department_id: Number(body.department_id || body.department || 12),
       reference: body.reference || "",
-      po: body.po || "",
+      po: orderPo,
       safety_seal: normalizeSafetySealValue(body.safety_seal),
       notes: body.notes || "",
       reg_1: normalizeRegistrationValue(body.reg_1),
       reg_2: normalizeRegistrationValue(body.reg_2),
       reg_3: normalizeRegistrationValue(body.reg_3),
       invoice_collection_id: null,
-      booking_id: normalizePositiveIntegerValue(body.booking_id),
+      booking_id: bookingId,
       completed_at: null,
       closed_at: null,
       created_at: normalizeCreatedAtValue(body.created_at) || toSqlDateTime(),
       include_in_invoice: normalizeIncludeInInvoiceValue(body.include_in_invoice),
     };
-    posFixture.orderItemsByOrderId[orderId] = [];
+    const booking = findPosOrderBookingById(posFixture, bookingId);
+    const bookingItems =
+      posFixture.preloadCreatedOrderItemsFromBooking && Array.isArray(booking?.items) ? booking.items : [];
+    posFixture.orderItemsByOrderId[orderId] = bookingItems
+      .map((bookingItem) => {
+        const productId = Number(bookingItem?.id || 0);
+        const product = (posFixture.products || []).find((entry) => Number(entry.id) === productId);
+        if (!product) {
+          return null;
+        }
+
+        return buildPosOrderItem(
+          product,
+          {
+            order_id: orderId,
+            product_id: productId,
+            quantity: bookingItem?.quantity || 1,
+            price: bookingItem?.price ?? product.price,
+            notes: bookingItem?.notes || "",
+          },
+          posFixture.nextOrderItemId++
+        );
+      })
+      .filter(Boolean);
     posFixture.economicModuleOrdersByOrderId[orderId] = { invoice_id: null, invoice_draft_id: null };
     posFixture.stripeModuleOrdersByOrderId[orderId] = {};
-    await route.fulfill(json({ success: true, data: { id: orderId } }));
+    await route.fulfill(json({ success: true, data: { id: orderId, po: orderPo } }));
     return true;
   }
 
@@ -3461,7 +3530,7 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
       body
     );
     if (posFixture.ordersById[orderId]) {
-      posFixture.ordersById[orderId] = {
+      const updatedOrder = {
         ...posFixture.ordersById[orderId],
         ...body,
         ...(Object.prototype.hasOwnProperty.call(body, "reg_1")
@@ -3483,6 +3552,7 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
           ? { include_in_invoice: normalizeIncludeInInvoiceValue(body.include_in_invoice) }
           : {}),
       };
+      posFixture.ordersById[orderId] = applyBookingPoDefaultToMockOrder(posFixture, updatedOrder);
     }
     if (shouldRegenerateWashCertificate) {
       replaceWashCertificateAttachment(posFixture, orderId);
@@ -3512,8 +3582,9 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
             : body.field === "created_at"
             ? normalizeCreatedAtValue(body.value)
             : body.value;
+        posFixture.ordersById[orderId] = applyBookingPoDefaultToMockOrder(posFixture, posFixture.ordersById[orderId]);
       } else {
-        posFixture.ordersById[orderId] = {
+        const updatedOrder = {
           ...posFixture.ordersById[orderId],
           ...body,
           ...(Object.prototype.hasOwnProperty.call(body, "reg_1")
@@ -3535,6 +3606,7 @@ async function handlePosRoute({ route, request, parsedUrl, pathname, method, pos
             ? { include_in_invoice: normalizeIncludeInInvoiceValue(body.include_in_invoice) }
             : {}),
         };
+        posFixture.ordersById[orderId] = applyBookingPoDefaultToMockOrder(posFixture, updatedOrder);
       }
     }
     if (shouldRegenerateWashCertificate) {
diff --git a/tests/unit/release-bootstrap.spec.js b/tests/unit/release-bootstrap.spec.js
index ea34b205..65130df2 100644
--- a/tests/unit/release-bootstrap.spec.js
+++ b/tests/unit/release-bootstrap.spec.js
@@ -38,6 +38,10 @@ describe("release bootstrap", () => {
     );
   });
 
+  it("resolves local dev API runtime requests against the current origin", () => {
+    expect(runtimeApiUrl("/api")).toBe(`${window.location.origin}/api/release/runtime`);
+  });
+
   it("attaches release trace, channel, and frontend headers to runtime requests", async () => {
     localStorage.setItem("release_trace_id", "trace-runtime");
     localStorage.setItem("release_channel_selected_slug", "Internal");
diff --git a/tests/unit/release-timeline.spec.js b/tests/unit/release-timeline.spec.js
index cff70ead..fcaeff09 100644
--- a/tests/unit/release-timeline.spec.js
+++ b/tests/unit/release-timeline.spec.js
@@ -3,6 +3,7 @@ import { afterEach, beforeEach, describe, expect, it, vi } from "vitest";
 import {
   __resetReleaseTimelineForTests,
   __setReleaseTimelineTransportForTests,
+  buildReleaseSessionSummary,
   buildCurrentReleaseHeaders,
   buildReleaseTimelineContext,
   configureReleaseRuntime,
@@ -45,6 +46,131 @@ describe("release timeline runtime", () => {
     expect(releaseRuntimeState.versions.bundle_id).toBe(31);
   });
 
+  it("builds display rows for the active release bundle and connected services", () => {
+    configureReleaseRuntime({
+      generated_at: "2026-05-19T09:30:00.000Z",
+      trace_id: "trace-session-release",
+      channel: { slug: "canary", name: "Canary", default_channel: false },
+      versions: {
+        frontend: {
+          version_label: "frontend-canary",
+          commit_sha: "c0ffee0000001111222233334444555566667777",
+          repository: "truckwash/front-end-vue",
+          branch: "release/canary",
+          status: "deployed",
+        },
+        api: {
+          version_label: "api-canary",
+          commit_sha: "feedface00001111222233334444555566667777",
+          repository: "truckwash/backend-php",
+          branch: "release/canary",
+          status: "deployed",
+        },
+        service_set: {
+          id: 53,
+          name: "Canary isolated stack",
+          stack: {
+            frontend: { id: 51, label: "canary-frontend", coolify_service_uuid: "frontend-service-uuid" },
+            api: { id: 52, label: "canary-api", coolify_service_uuid: "api-service-uuid" },
+            database: {
+              id: 54,
+              resource_name: "canary-db",
+              resource_uuid: "database-resource-uuid",
+              deployment_status: "ready",
+            },
+            redis: {
+              id: 55,
+              resource_name: "canary-redis",
+              resource_uuid: "redis-resource-uuid",
+              deployment_status: "ready",
+            },
+            minio: {
+              id: 56,
+              resource_name: "canary-minio",
+              resource_uuid: "minio-resource-uuid",
+              availability_state: "healthy",
+            },
+          },
+        },
+        bundle_id: 31,
+        bundle: { id: 31, version_label: "canary-bundle", status: "deployed" },
+      },
+      urls: {
+        frontend_base_url: "https://api-v2.truckwash.io/canary/frontend",
+        api_base_url: "https://api-v2.truckwash.io/canary/api",
+      },
+      availability: { configured: true, missing: [], status: "ready" },
+    });
+
+    const summary = buildReleaseSessionSummary();
+
+    expect(releaseRuntimeState.versions.service_set.name).toBe("Canary isolated stack");
+    expect(summary.channelLabel).toBe("Canary");
+    expect(summary.traceId).toBe("trace-session-release");
+    expect(summary.bundleLabel).toBe("#31 canary-bundle");
+    expect(summary.serviceSetLabel).toBe("Canary isolated stack");
+    expect(summary.appRows.find((row) => row.key === "frontend")).toMatchObject({
+      primaryText: "frontend-canary",
+      url: "https://api-v2.truckwash.io/canary/frontend",
+      tone: "ok",
+    });
+    expect(summary.appRows.find((row) => row.key === "api")?.secondaryText).toContain("feedface0000");
+    expect(summary.serviceRows.find((row) => row.key === "database")).toMatchObject({
+      primaryText: "canary-db #54",
+      tone: "ok",
+    });
+    expect(summary.serviceRows.find((row) => row.key === "redis")?.secondaryText).toContain("redis-resour");
+    expect(summary.serviceRows.find((row) => row.key === "minio")?.status).toBe("healthy");
+  });
+
+  it("marks stable sessions without release bundle data as shared runtime", () => {
+    const summary = buildReleaseSessionSummary({
+      trace_id: "trace-stable",
+      channel: { slug: "stable", name: "Stable", default_channel: true },
+      versions: { frontend: null, api: null, bundle_id: null, bundle: null },
+      availability: { configured: true, missing: [], status: "ready" },
+    });
+
+    expect(summary.bundleLabel).toBe("Default/shared runtime");
+    expect(summary.serviceSetLabel).toBe("Default/shared runtime");
+    expect(summary.appRows.every((row) => row.primaryText === "Default/shared runtime")).toBe(true);
+    expect(summary.appRows.every((row) => row.tone === "ok")).toBe(true);
+    expect(summary.serviceRows.every((row) => row.primaryText === "Default/shared runtime")).toBe(true);
+    expect(summary.serviceRows.every((row) => row.tone === "ok")).toBe(true);
+  });
+
+  it("surfaces non-default release runtime missing values as warnings", () => {
+    const summary = buildReleaseSessionSummary({
+      trace_id: "trace-internal",
+      channel: { slug: "internal", name: "Internal", default_channel: false },
+      versions: {
+        frontend: null,
+        api: { version_label: "api-internal" },
+        bundle_id: null,
+        bundle: null,
+      },
+      availability: {
+        configured: false,
+        missing: ["release_bundle", "frontend_version", "api_base_url"],
+        status: "unconfigured",
+      },
+    });
+
+    expect(summary.missingLabels).toEqual(["Release bundle", "Frontend version", "API URL"]);
+    expect(summary.appRows.find((row) => row.key === "frontend")).toMatchObject({
+      tone: "warning",
+      missingLabel: "Frontend version",
+    });
+    expect(summary.appRows.find((row) => row.key === "api")).toMatchObject({
+      tone: "warning",
+      missingLabel: "API URL",
+    });
+    expect(summary.serviceRows.find((row) => row.key === "database")).toMatchObject({
+      tone: "warning",
+      primaryText: "Missing release bundle",
+    });
+  });
+
   it("uses release runtime frontend and API URLs when provided", () => {
     configureReleaseRuntime({
       trace_id: "trace-urls",
@@ -66,6 +192,28 @@ describe("release timeline runtime", () => {
     expect(resolveReleaseApiUrl("/orders")).toBe("https://api-v2.truckwash.io/canary/api/orders");
   });
 
+  it("keeps same-origin release API URLs visible in the session summary", () => {
+    configureReleaseRuntime({
+      trace_id: "trace-local-api",
+      channel: { slug: "canary", name: "Canary" },
+      versions: {
+        frontend: { version_label: "frontend-canary" },
+        api: { version_label: "api-canary" },
+        bundle_id: 31,
+      },
+      urls: {
+        api_base_url: "/api/",
+      },
+    });
+
+    const summary = buildReleaseSessionSummary();
+
+    expect(releaseRuntimeState.apiBaseUrl).toBe("/api");
+    expect(getReleaseRuntimeApiBaseUrl()).toBe("/api");
+    expect(resolveReleaseApiUrl("/orders")).toBe("/api/orders");
+    expect(summary.appRows.find((row) => row.key === "api")?.url).toBe("/api");
+  });
+
   it("builds release headers from the active runtime state", () => {
     configureReleaseRuntime({
       trace_id: "trace-headers",
diff --git a/tests/unit/request-queue-progress.spec.js b/tests/unit/request-queue-progress.spec.js
index dbe7d9aa..93c98b35 100644
--- a/tests/unit/request-queue-progress.spec.js
+++ b/tests/unit/request-queue-progress.spec.js
@@ -5,6 +5,7 @@ import axios from "axios";
 import RequestQueueProgress from "@/components/global/RequestQueueProgress.vue";
 import { SessionUser } from "@/components/session/token/SessionUser.vue";
 import { API_URL } from "@/config.js";
+import { __resetReleaseTimelineForTests, configureReleaseRuntime } from "@/services/releaseTimeline.js";
 import {
   __configureRequestQueueForTests,
   __resetRequestQueueForTests,
@@ -62,6 +63,7 @@ describe("RequestQueueProgress", () => {
   beforeEach(() => {
     vi.useFakeTimers();
     localStorage.clear();
+    __resetReleaseTimelineForTests();
     __resetRequestQueueForTests();
     __configureRequestQueueForTests({ maxConcurrentGet: 1, maxConcurrentOther: 1, spacingMs: 0 });
     vi.stubGlobal(
@@ -73,6 +75,7 @@ describe("RequestQueueProgress", () => {
 
   afterEach(() => {
     __resetRequestQueueForTests();
+    __resetReleaseTimelineForTests();
     resetSessionUserState();
     localStorage.clear();
     vi.restoreAllMocks();
@@ -253,6 +256,67 @@ describe("RequestQueueProgress", () => {
     expect(runtimeBox.text()).toContain("Ingoing bandwidth");
   });
 
+  it("shows the active session release bundle, app URLs, and connected services", async () => {
+    configureReleaseRuntime({
+      generated_at: "2026-05-19T09:30:00.000Z",
+      trace_id: "trace-request-panel",
+      channel: { slug: "canary", name: "Canary", default_channel: false },
+      versions: {
+        frontend: {
+          version_label: "frontend-canary",
+          commit_sha: "c0ffee0000001111222233334444555566667777",
+          repository: "truckwash/front-end-vue",
+          branch: "release/canary",
+          status: "deployed",
+        },
+        api: {
+          version_label: "api-canary",
+          commit_sha: "feedface00001111222233334444555566667777",
+          repository: "truckwash/backend-php",
+          branch: "release/canary",
+          status: "deployed",
+        },
+        service_set: {
+          id: 53,
+          name: "Canary isolated stack",
+          stack: {
+            frontend: { id: 51, label: "canary-frontend", coolify_service_uuid: "frontend-service-uuid" },
+            api: { id: 52, label: "canary-api", coolify_service_uuid: "api-service-uuid" },
+            database: { id: 54, resource_name: "canary-db", resource_uuid: "database-resource-uuid" },
+            redis: { id: 55, resource_name: "canary-redis", resource_uuid: "redis-resource-uuid" },
+            minio: { id: 56, resource_name: "canary-minio", resource_uuid: "minio-resource-uuid" },
+          },
+        },
+        bundle_id: 31,
+        bundle: { id: 31, version_label: "canary-bundle", status: "deployed" },
+      },
+      urls: {
+        frontend_base_url: "https://api-v2.truckwash.io/canary/frontend",
+        api_base_url: "https://api-v2.truckwash.io/canary/api",
+      },
+      availability: { configured: true, missing: [], status: "ready" },
+    });
+
+    const wrapper = mount(RequestQueueProgress);
+    await triggerShiftTriplePress();
+    await flushManyMicrotasks();
+
+    const runtimeBox = wrapper.get("[data-testid='request-queue-runtime-box']");
+    expect(runtimeBox.text()).toContain("Session release");
+    expect(runtimeBox.text()).toContain("Canary");
+    expect(runtimeBox.text()).toContain("trace-request-panel");
+    expect(runtimeBox.text()).toContain("#31 canary-bundle");
+    expect(runtimeBox.text()).toContain("Canary isolated stack");
+    expect(wrapper.get("[data-testid='request-queue-release-app-frontend']").text()).toContain("frontend-canary");
+    expect(wrapper.get("[data-testid='request-queue-release-app-frontend']").text()).toContain(
+      "https://api-v2.truckwash.io/canary/frontend"
+    );
+    expect(wrapper.get("[data-testid='request-queue-release-app-api']").text()).toContain("api-canary");
+    expect(wrapper.get("[data-testid='request-queue-release-service-database']").text()).toContain("canary-db #54");
+    expect(wrapper.get("[data-testid='request-queue-release-service-redis']").text()).toContain("canary-redis #55");
+    expect(wrapper.get("[data-testid='request-queue-release-service-minio']").text()).toContain("canary-minio #56");
+  });
+
   it("shows subuser details in the user box", async () => {
     SessionUser.isSubuser.value = true;
     SessionUser.subuser.name.value = "Sub User";
diff --git a/tests/unit/vite-api-proxy.spec.js b/tests/unit/vite-api-proxy.spec.js
new file mode 100644
index 00000000..e1ae51f1
--- /dev/null
+++ b/tests/unit/vite-api-proxy.spec.js
@@ -0,0 +1,34 @@
+import { describe, expect, it } from "vitest";
+import { createApiProxyOptions } from "../../vite.config.js";
+
+describe("Vite API proxy", () => {
+  it("forwards local /api requests to the working dev API by default", () => {
+    const options = createApiProxyOptions({});
+
+    expect(options.target).toBe("https://api.truckwash.io:4433");
+    expect(options.changeOrigin).toBe(true);
+    expect(options.secure).toBe(false);
+    expect(options.rewrite("/api/ping")).toBe("/ping");
+    expect(options.rewrite("/api/release/runtime")).toBe("/release/runtime");
+    expect(options.rewrite("/api")).toBe("/");
+  });
+
+  it("allows a local gateway override", () => {
+    const options = createApiProxyOptions({
+      VITE_API_PROXY_TARGET: "http://localhost",
+    });
+
+    expect(options.target).toBe("http://localhost");
+    expect(options.rewrite("/api/ping")).toBe("/ping");
+  });
+
+  it("allows disabling prefix stripping for compatible local gateways", () => {
+    const options = createApiProxyOptions({
+      VITE_API_PROXY_TARGET: "http://localhost",
+      VITE_API_PROXY_STRIP_PREFIX: "false",
+    });
+
+    expect(options.target).toBe("http://localhost");
+    expect(options.rewrite).toBeUndefined();
+  });
+});
diff --git a/vite.config.js b/vite.config.js
index f6ef698d..b2689d89 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -94,6 +94,21 @@ function releaseEntryManifest() {
     }
 }
 
+export function createApiProxyOptions(env = process.env) {
+    const stripPrefix = env.VITE_API_PROXY_STRIP_PREFIX !== 'false'
+
+    return {
+        target: env.VITE_API_PROXY_TARGET || 'https://api.truckwash.io:4433',
+        changeOrigin: true,
+        secure: false,
+        ...(stripPrefix
+            ? {
+                  rewrite: (requestPath) => requestPath.replace(/^\/api(?=\/|$)/, '') || '/'
+              }
+            : {})
+    }
+}
+
 export default defineConfig(({ mode }) => {
     const isProd = mode === 'production'
     const isPlaywrightRuntime = process.env.PLAYWRIGHT === '1'
@@ -259,6 +274,9 @@ export default defineConfig(({ mode }) => {
             isolate: true
         },
         server: {
+            proxy: {
+                '/api': createApiProxyOptions()
+            },
             watch: {
                 ignored: ['**/output/playwright/**', '**/node_modules.codex-backup/**']
             }