From 205d526e37bdf148fd178dfdc462302afb0ecaaa Mon Sep 17 00:00:00 2001
From: Azmi Touil <atouil@exoplatform.com>
Date: Mon, 7 Sep 2026 11:52:54 +0200
Subject: [PATCH 1/4] feat: Expose page body side panel anchors for stuck
 applications - EXO-89874 - eXIP7.3.0.32

---
 .../components/container/PageBody.vue         | 58 +++++++++++++++++--
 1 file changed, 52 insertions(+), 6 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
index a0ca24883..114e5b5bd 100644
--- a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
+++ b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
@@ -20,11 +20,21 @@
 
 -->
 <template>
-  <page-layout-container-base
-    :container="container"
-    :parent-id="parentId"
-    class="layout-page-parent"
-    page-style />
+  <div class="d-flex flex-row full-width layout-page-body-row">
+    <div
+      id="pageBodyLeftPanel"
+      :style="panelStyle(placements && placements.left)"
+      class="flex-shrink-0 flex-grow-0"></div>
+    <page-layout-container-base
+      :container="container"
+      :parent-id="parentId"
+      class="layout-page-parent flex-grow-1 flex-shrink-1"
+      page-style />
+    <div
+      id="pageBodyRightPanel"
+      :style="panelStyle(placements && placements.right)"
+      class="flex-shrink-0 flex-grow-0"></div>
+  </div>
 </template>
 <script>
 export default {
@@ -38,5 +48,41 @@ export default {
       default: null,
     },
   },
+  data: () => ({
+    // re-synced from the non-reactive global on each placement change, so the
+    // anchors release or reserve their width without a page reload
+    placements: window.eXo?.env?.portal?.appPlacements || null,
+  }),
+  computed: {
+    stuckAllowed() {
+      return (this.$vuetify?.breakpoint?.width || 0) >= (this.$vuetify?.breakpoint?.thresholds?.lg || 1264);
+    },
+  },
+  created() {
+    document.addEventListener('app-placement-changed', this.refreshPlacements);
+  },
+  mounted() {
+    document.dispatchEvent(new CustomEvent('page-layout-rendered'));
+  },
+  beforeDestroy() {
+    document.removeEventListener('app-placement-changed', this.refreshPlacements);
+  },
+  methods: {
+    refreshPlacements() {
+      this.placements = window.eXo?.env?.portal?.appPlacements || null;
+    },
+    panelStyle(placedApplication) {
+      // the anchor reserves the panel width from the server-injected payload
+      // at its own first render, so the page area narrows in the layout
+      // app's first paint instead of when the panel content docks
+      if (placedApplication && this.placements?.siteEligible && this.stuckAllowed) {
+        return {
+          position: 'relative',
+          flex: '0 0 420px',
+        };
+      }
+      return null;
+    },
+  },
 };
-</script>
\ No newline at end of file
+</script>

From eb68cd3a5efc6dadcb493fca02a098bf5e1cde19 Mon Sep 17 00:00:00 2001
From: Azmi Touil <atouil@exoplatform.com>
Date: Wed, 9 Sep 2026 15:57:59 +0200
Subject: [PATCH 2/4] fix: Declare the layout commons dependency of the portlet
 quick action module - EXO-89873 - eXIP7.3.0.32

The portlet instance viewer uses the applicationUtils prototype service
provided by the commonLayoutComponents module without declaring the module
dependency: regular pages load it through their other portlets, but the
bare standalone app-viewer page does not, so a detached portlet instance
rendered an empty tab after a successful portlet-viewer fetch.
---
 layout-webapp/src/main/webapp/WEB-INF/gatein-resources.xml | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/layout-webapp/src/main/webapp/WEB-INF/gatein-resources.xml b/layout-webapp/src/main/webapp/WEB-INF/gatein-resources.xml
index 6c196e925..0561a4237 100644
--- a/layout-webapp/src/main/webapp/WEB-INF/gatein-resources.xml
+++ b/layout-webapp/src/main/webapp/WEB-INF/gatein-resources.xml
@@ -578,6 +578,9 @@
     <depends>
       <module>commonVueComponents</module>
     </depends>
+    <depends>
+      <module>commonLayoutComponents</module>
+    </depends>
     <depends>
       <module>extensionRegistry</module>
     </depends>

From ac7cb1b0313648cf7fc847161376a4ae30628ec7 Mon Sep 17 00:00:00 2001
From: Azmi Touil <atouil@exoplatform.com>
Date: Thu, 10 Sep 2026 12:30:18 +0200
Subject: [PATCH 3/4] fix: Confine the stuck panel stacking below the sidebar
 and overlays - EXO-90109 - eXIP7.3.0.32

The anchor opens its own stacking context from its first payload-aware
render, matching the dock-time behavior of the drawer wrapper.
---
 .../webapp/vue-app/page-layout/components/container/PageBody.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
index 114e5b5bd..4fd316309 100644
--- a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
+++ b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
@@ -79,6 +79,7 @@ export default {
         return {
           position: 'relative',
           flex: '0 0 420px',
+          zIndex: '0',
         };
       }
       return null;

From d8f9af70c61d2c9fad9d839ffdecd346347fd31a Mon Sep 17 00:00:00 2001
From: Azmi Touil <atouil@exoplatform.com>
Date: Fri, 11 Sep 2026 14:11:39 +0200
Subject: [PATCH 4/4] feat: Signal page layout readiness for the stuck panels
 host - EXO-90151 - eXIP7.3.0.32

The confirmed design places the stuck panel at the right of the topbar,
which the shared layout renders outside this application's tree on the
sites concerned: the panel geometry belongs to the placement host, and
the page body dispatches the page-layout-rendered event the host and the
drawer wrappers dock on.
---
 .../components/container/PageBody.vue         | 54 ++-----------------
 1 file changed, 5 insertions(+), 49 deletions(-)

diff --git a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
index 4fd316309..e9dafb429 100644
--- a/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
+++ b/layout-webapp/src/main/webapp/vue-app/page-layout/components/container/PageBody.vue
@@ -20,21 +20,11 @@
 
 -->
 <template>
-  <div class="d-flex flex-row full-width layout-page-body-row">
-    <div
-      id="pageBodyLeftPanel"
-      :style="panelStyle(placements && placements.left)"
-      class="flex-shrink-0 flex-grow-0"></div>
-    <page-layout-container-base
-      :container="container"
-      :parent-id="parentId"
-      class="layout-page-parent flex-grow-1 flex-shrink-1"
-      page-style />
-    <div
-      id="pageBodyRightPanel"
-      :style="panelStyle(placements && placements.right)"
-      class="flex-shrink-0 flex-grow-0"></div>
-  </div>
+  <page-layout-container-base
+    :container="container"
+    :parent-id="parentId"
+    class="layout-page-parent"
+    page-style />
 </template>
 <script>
 export default {
@@ -48,42 +38,8 @@ export default {
       default: null,
     },
   },
-  data: () => ({
-    // re-synced from the non-reactive global on each placement change, so the
-    // anchors release or reserve their width without a page reload
-    placements: window.eXo?.env?.portal?.appPlacements || null,
-  }),
-  computed: {
-    stuckAllowed() {
-      return (this.$vuetify?.breakpoint?.width || 0) >= (this.$vuetify?.breakpoint?.thresholds?.lg || 1264);
-    },
-  },
-  created() {
-    document.addEventListener('app-placement-changed', this.refreshPlacements);
-  },
   mounted() {
     document.dispatchEvent(new CustomEvent('page-layout-rendered'));
   },
-  beforeDestroy() {
-    document.removeEventListener('app-placement-changed', this.refreshPlacements);
-  },
-  methods: {
-    refreshPlacements() {
-      this.placements = window.eXo?.env?.portal?.appPlacements || null;
-    },
-    panelStyle(placedApplication) {
-      // the anchor reserves the panel width from the server-injected payload
-      // at its own first render, so the page area narrows in the layout
-      // app's first paint instead of when the panel content docks
-      if (placedApplication && this.placements?.siteEligible && this.stuckAllowed) {
-        return {
-          position: 'relative',
-          flex: '0 0 420px',
-          zIndex: '0',
-        };
-      }
-      return null;
-    },
-  },
 };
 </script>