From f18a005f69e56e29b030285715d8dec09da1d98a Mon Sep 17 00:00:00 2001
From: Julien Veyssier <julien-nc@posteo.net>
Date: Tue, 19 May 2026 14:27:30 +0200
Subject: [PATCH] fix(z-index): correctly set the z-index depending on if we
 are in the viewer or not, this makes the file picker always appear on top of
 the assistant dialog

Signed-off-by: Julien Veyssier <julien-nc@posteo.net>
---
 src/assistant.js                                | 2 ++
 src/components/AssistantTextProcessingModal.vue | 7 +++++++
 2 files changed, 9 insertions(+)

diff --git a/src/assistant.js b/src/assistant.js
index 24145aef..d5b10180 100644
--- a/src/assistant.js
+++ b/src/assistant.js
@@ -81,6 +81,7 @@ export async function openAssistantForm({
 			if (isInsideViewer) {
 				// so the assistant modal is opened on top of the current viewer
 				document.querySelector('body').append(modalMountPoint)
+				modalMountPoint.classList.add('insideViewer')
 			} else {
 				// so the viewer can be later opened on top of the assistant
 				document.querySelector('body').insertBefore(modalMountPoint, content.nextSibling)
@@ -547,6 +548,7 @@ export async function openAssistantTask(
 		if (isInsideViewer) {
 			// so the assistant modal is opened on top of the current viewer
 			document.querySelector('body').append(modalMountPoint)
+			modalMountPoint.classList.add('insideViewer')
 		} else {
 			// so the viewer can be later opened on top of the assistant
 			document.querySelector('body').insertBefore(modalMountPoint, content.nextSibling)
diff --git a/src/components/AssistantTextProcessingModal.vue b/src/components/AssistantTextProcessingModal.vue
index af4825b3..58a370e3 100644
--- a/src/components/AssistantTextProcessingModal.vue
+++ b/src/components/AssistantTextProcessingModal.vue
@@ -204,6 +204,13 @@ export default {
 </script>
 
 <style lang="scss">
+.p-dialog-mask {
+	z-index: 5000 !important;
+}
+#assistantTextProcessingModal.insideViewer .p-dialog-mask {
+	z-index: 9998 !important;
+}
+
 .assistant-modal.p-dialog {
 	position: relative;
 	max-width: 100%;