From c9ed0cf4d7a8d28a64060a43a7cc7d98622ff4e3 Mon Sep 17 00:00:00 2001
From: joelhulen <joelhulen@gmail.com>
Date: Mon, 16 Dec 2024 10:17:51 -0500
Subject: [PATCH 1/2] Constrain content artifact dialog width

---
 src/ui/UserPortal/components/ChatMessage.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/ui/UserPortal/components/ChatMessage.vue b/src/ui/UserPortal/components/ChatMessage.vue
index 183fa9f84..a05c97627 100644
--- a/src/ui/UserPortal/components/ChatMessage.vue
+++ b/src/ui/UserPortal/components/ChatMessage.vue
@@ -201,8 +201,9 @@
 			v-model:visible="selectedContentArtifact"
 			:header="selectedContentArtifact?.title"
 			modal
+			style="max-width: 85%;"
 		>
-			<p tabindex="0">
+			<p tabindex="0" style="overflow-x: scroll;">
 				<pre>{{ JSON.stringify(selectedContentArtifact, null, 2) }}</pre>
 			</p>
 

From 556c6c3ae2a886bf43ef219f2df2a7612e6f8bce Mon Sep 17 00:00:00 2001
From: joelhulen <joelhulen@gmail.com>
Date: Mon, 16 Dec 2024 10:20:39 -0500
Subject: [PATCH 2/2] Set x overflow to auto

---
 src/ui/UserPortal/components/ChatMessage.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ui/UserPortal/components/ChatMessage.vue b/src/ui/UserPortal/components/ChatMessage.vue
index a05c97627..1099ed8f9 100644
--- a/src/ui/UserPortal/components/ChatMessage.vue
+++ b/src/ui/UserPortal/components/ChatMessage.vue
@@ -203,7 +203,7 @@
 			modal
 			style="max-width: 85%;"
 		>
-			<p tabindex="0" style="overflow-x: scroll;">
+			<p tabindex="0" style="overflow-x: auto;">
 				<pre>{{ JSON.stringify(selectedContentArtifact, null, 2) }}</pre>
 			</p>