From b20b793501ca93c83a6dc4872350456918c6604d Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Wed, 18 Mar 2026 19:59:09 +0000
Subject: [PATCH 1/6] Persist expert drawer state in local storage

---
 frontend/src/stores/ux-drawers.js | 24 +++++++++++++++++++++++-
 1 file changed, 23 insertions(+), 1 deletion(-)

diff --git a/frontend/src/stores/ux-drawers.js b/frontend/src/stores/ux-drawers.js
index b3325a8ce1..9bf6e45529 100644
--- a/frontend/src/stores/ux-drawers.js
+++ b/frontend/src/stores/ux-drawers.js
@@ -21,6 +21,10 @@ export const useUxDrawersStore = defineStore('ux-drawers', {
         },
         rightDrawer: {
             state: false,
+            expertState: {
+                pinned: true,
+                open: true
+            },
             component: null,
             header: null,
             wider: false,
@@ -59,6 +63,11 @@ export const useUxDrawersStore = defineStore('ux-drawers', {
             if (this.rightDrawer.state && component.name === this.rightDrawer.component?.name) return
 
             const openDrawer = () => {
+                if (component.name === 'ExpertDrawer') {
+                    // save the ExpertDrawer pinned/open state (expertState is persistent)
+                    this.rightDrawer.expertState.pinned = fixed
+                    this.rightDrawer.expertState.open = true
+                }
                 this.rightDrawer.state = true
                 this.rightDrawer.wider = wider
                 this.rightDrawer.fixed = fixed
@@ -84,6 +93,11 @@ export const useUxDrawersStore = defineStore('ux-drawers', {
         },
 
         closeRightDrawer () {
+            if (this.rightDrawer.component?.name === 'ExpertDrawer') {
+                // save the ExpertDrawer pinned/open state (expertState is persistent)
+                this.rightDrawer.expertState.open = false
+                this.rightDrawer.expertState.pinned = this.rightDrawer.fixed
+            }
             // Set closing flag to prevent reopens during transition
             this.rightDrawer.closing = true
 
@@ -167,8 +181,12 @@ export const useUxDrawersStore = defineStore('ux-drawers', {
             const newFixedState = !this.rightDrawer.fixed
             this.rightDrawer.fixed = newFixedState
             this.rightDrawer.pinned = newFixedState
-            // When fixed, prevent close on click outside
             this.rightDrawer.closeOnClickOutside = !newFixedState
+            if (this.rightDrawer.component?.name === 'ExpertDrawer') {
+                // save the ExpertDrawer pinned/open state (expertState is persistent)
+                this.rightDrawer.expertState.open = this.rightDrawer.state
+                this.rightDrawer.expertState.pinned = newFixedState
+            }
 
             // Always close overlay when toggling (whether fixing or unfixing)
             const uxStore = useUxStore()
@@ -192,5 +210,9 @@ export const useUxDrawersStore = defineStore('ux-drawers', {
         setLeftDrawer (component) {
             this.leftDrawer.component = component ? markRaw(component) : null
         }
+    },
+    persist: {
+        pick: ['rightDrawer.expertState'],
+        storage: localStorage
     }
 })

From 05ffa90e48d287a8f820e5b6a775579310156bfd Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Wed, 18 Mar 2026 20:01:59 +0000
Subject: [PATCH 2/6] accept pinned state option for drawer opening

---
 frontend/src/components/ExpertButton.vue           | 5 ++++-
 frontend/src/store/modules/product/expert/index.js | 9 +++++++--
 2 files changed, 11 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/ExpertButton.vue b/frontend/src/components/ExpertButton.vue
index 52dca479db..7feb889520 100644
--- a/frontend/src/components/ExpertButton.vue
+++ b/frontend/src/components/ExpertButton.vue
@@ -30,7 +30,10 @@ export default {
     methods: {
         ...mapActions('product/expert', ['openAssistantDrawer']),
         onClick () {
-            this.openAssistantDrawer()
+            const openOptions = {
+                openPinned: this.rightDrawer.expertState.pinned
+            }
+            this.openAssistantDrawer(openOptions)
         }
     }
 }
diff --git a/frontend/src/store/modules/product/expert/index.js b/frontend/src/store/modules/product/expert/index.js
index 4f92ea1954..16e22aa1cc 100644
--- a/frontend/src/store/modules/product/expert/index.js
+++ b/frontend/src/store/modules/product/expert/index.js
@@ -350,12 +350,17 @@ const actions = {
         return expertApi.chat(payload)
     },
 
-    openAssistantDrawer ({ dispatch, rootGetters }) {
+    openAssistantDrawer ({ dispatch, rootGetters }, options = {}) {
         if (rootGetters['account/featuresCheck'].isExpertAssistantFeatureEnabled === false) return
 
         dispatch(`product/expert/${OPERATOR_AGENT}/getCapabilities`, null, { root: true })
 
-        return useUxDrawersStore().openRightDrawer({ component: markRaw(ExpertDrawer) })
+        const openOptions = {
+            component: markRaw(ExpertDrawer),
+            fixed: options?.openPinned === true,
+            closeOnClickOutside: options?.openPinned !== true
+        }
+        return useUxDrawersStore().openRightDrawer(openOptions)
     },
 
     addWelcomeMessageIfNeeded ({ dispatch, state }) {

From 4d52fc9f0cebfa8789f4f1fbe990606c0e40367f Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Wed, 18 Mar 2026 20:03:24 +0000
Subject: [PATCH 3/6] Auto open expert to pinned

---
 .../src/components/drawers/RightDrawer.vue    | 20 ++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/frontend/src/components/drawers/RightDrawer.vue b/frontend/src/components/drawers/RightDrawer.vue
index 7a592200c9..09a83266f9 100644
--- a/frontend/src/components/drawers/RightDrawer.vue
+++ b/frontend/src/components/drawers/RightDrawer.vue
@@ -2,7 +2,7 @@
     <section
         id="right-drawer"
         v-click-outside="{handler: closeDrawer, exclude: ['right-drawer']}"
-        :class="{open: rightDrawer.state, wider: rightDrawer.wider, fixed: rightDrawer.fixed, resizing: isResizing, 'manually-resized': hasManuallyResized, pinning: isPinning, opening: isOpening, closing: isClosing}"
+        :class="{open: rightDrawer.state, wider: rightDrawer.wider, fixed: rightDrawer.fixed, resizing: isResizing, 'manually-resized': hasManuallyResized, pinning: isPinning, opening: isOpening && !isPinning, closing: isClosing}"
         :style="drawerStyle"
         data-el="right-drawer"
     >
@@ -43,6 +43,7 @@
 
 <script>
 import { mapActions, mapState } from 'pinia'
+import { mapActions as mapVuexActions } from 'vuex'
 
 import { useUxDrawersStore } from '@/stores/ux-drawers.js'
 
@@ -105,10 +106,12 @@ export default {
     watch: {
         'rightDrawer.state': {
             handler (isOpen, wasOpen) {
+                const isExpertDrawer = this.rightDrawer.component?.name === 'ExpertDrawer'
                 // Set opening flag when drawer opens
                 if (isOpen && !wasOpen) {
                     this.isOpening = true
                     this.isClosing = false
+                    this.isPinning = isExpertDrawer && this.rightDrawer.fixed // no animation if drawer is to open pinned
                     // Clear opening flag after slide animation completes
                     setTimeout(() => {
                         this.isOpening = false
@@ -166,6 +169,20 @@ export default {
     mounted () {
         // Add viewport resize listener
         window.addEventListener('resize', this.onViewportResize)
+
+        const openPinned = this.rightDrawer.expertState.open && this.rightDrawer.expertState.pinned
+
+        if (openPinned && this.shouldAllowPinning) {
+            this.isPinning = true
+            setTimeout(() => {
+                this.openAssistantDrawer({ openPinned: true })
+                setTimeout(() => {
+                    this.isPinning = false
+                }, 200)
+            }, 25)
+        } else {
+            this.isPinning = false
+        }
     },
     beforeUnmount () {
         // Clean up resize listeners
@@ -177,6 +194,7 @@ export default {
         }
     },
     methods: {
+        ...mapVuexActions('product/expert', ['openAssistantDrawer']),
         ...mapActions(useUxDrawersStore, ['closeRightDrawer', 'togglePinDrawer']),
         closeDrawer () {
             if (this.rightDrawer.state && this.rightDrawer.closeOnClickOutside) {

From 0347fb65bef05fb831cf5963e77aa874d4a24a5f Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Wed, 18 Mar 2026 20:04:10 +0000
Subject: [PATCH 4/6] Reopen Expert drawer when closing non-expert drawer if
 pinned state is active

---
 frontend/src/components/drawers/RightDrawer.vue | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/frontend/src/components/drawers/RightDrawer.vue b/frontend/src/components/drawers/RightDrawer.vue
index 09a83266f9..376907ce09 100644
--- a/frontend/src/components/drawers/RightDrawer.vue
+++ b/frontend/src/components/drawers/RightDrawer.vue
@@ -106,7 +106,13 @@ export default {
     watch: {
         'rightDrawer.state': {
             handler (isOpen, wasOpen) {
+                let reopenExpert = false
                 const isExpertDrawer = this.rightDrawer.component?.name === 'ExpertDrawer'
+                if (!isOpen && wasOpen && !isExpertDrawer) {
+                    // non expert drawer is closing - check if we need to re-open expert drawer
+                    reopenExpert = this.rightDrawer.expertState.pinned && this.rightDrawer.expertState.open
+                }
+
                 // Set opening flag when drawer opens
                 if (isOpen && !wasOpen) {
                     this.isOpening = true
@@ -124,6 +130,10 @@ export default {
                     // Clear closing flag after slide animation completes
                     setTimeout(() => {
                         this.isClosing = false
+                        // Re-open Expert drawer if needed after other drawer closes
+                        if (reopenExpert) {
+                            this.openAssistantDrawer({ openPinned: true })
+                        }
                     }, 350)
                 }
 

From b8c70d77fb73b671d52095b988256e64af045eaf Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Wed, 18 Mar 2026 20:05:17 +0000
Subject: [PATCH 5/6] ensure expert button is not shown when ANY drawer is open

Prevents issue with shade from snapshot drawer
---
 frontend/src/components/ExpertButton.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/components/ExpertButton.vue b/frontend/src/components/ExpertButton.vue
index 7feb889520..bf9117809d 100644
--- a/frontend/src/components/ExpertButton.vue
+++ b/frontend/src/components/ExpertButton.vue
@@ -24,7 +24,7 @@ export default {
     computed: {
         ...mapState(useUxDrawersStore, ['rightDrawer']),
         isExpertDrawerOpen () {
-            return this.rightDrawer.state && this.rightDrawer.component?.name === 'ExpertDrawer'
+            return (this.rightDrawer.state || this.rightDrawer.fixed)
         }
     },
     methods: {

From bd38f4414d8fdf442e7f79a4fea12faa799b4a53 Mon Sep 17 00:00:00 2001
From: Steve-Mcl <sdmclaughlin@gmail.com>
Date: Thu, 19 Mar 2026 16:57:28 +0000
Subject: [PATCH 6/6] Ensure expertState is init in correct state

---
 test/unit/frontend/stores/ux-drawers.spec.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/test/unit/frontend/stores/ux-drawers.spec.js b/test/unit/frontend/stores/ux-drawers.spec.js
index 518052426b..69c62783aa 100644
--- a/test/unit/frontend/stores/ux-drawers.spec.js
+++ b/test/unit/frontend/stores/ux-drawers.spec.js
@@ -74,6 +74,10 @@ describe('ux-drawers store', () => {
             expect(store.rightDrawer.props).toEqual({})
             expect(store.rightDrawer.on).toEqual({})
             expect(store.rightDrawer.bind).toEqual({})
+            expect(store.rightDrawer.expertState).toEqual({
+                pinned: true,
+                open: true
+            })
         })
 
         it('passes through all options', () => {