From c7096201a7dfc4270907adbe0ef023291b9d3dcc Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Wed, 12 Nov 2025 17:00:41 +1300
Subject: [PATCH 1/2] Update GL context lost message.

---
 src/components/FlatmapError.vue | 2 +-
 src/components/FlatmapVuer.vue  | 6 +++++-
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/components/FlatmapError.vue b/src/components/FlatmapError.vue
index af6796ef..f6e5814b 100644
--- a/src/components/FlatmapError.vue
+++ b/src/components/FlatmapError.vue
@@ -11,7 +11,7 @@
     </div>
     <div class="flatmap-error-message" v-if="flatmapError.messages">
       <div v-for="(message, index) in flatmapError.messages" :key="index">
-        {{ message }}
+        <div v-html="message"></div>
       </div>
     </div>
     <div v-if="flatmapError.button">
diff --git a/src/components/FlatmapVuer.vue b/src/components/FlatmapVuer.vue
index a48ad758..e9bf7488 100644
--- a/src/components/FlatmapVuer.vue
+++ b/src/components/FlatmapVuer.vue
@@ -3034,7 +3034,11 @@ export default {
       this.lastViewport = markRaw(this.mapImp.getState())
       this.flatmapError = {};
       this.flatmapError['title'] = 'GL context lost!'
-      this.flatmapError['messages'] = [`GL context is lost due to too many concurrent GL contexts. Please try using the Restore Context button.`]
+      this.flatmapError['messages'] = [`A display issue has occurred due
+      to a limit on available WebGL contexts. You can restore the display
+      using the Restore Context button. Please see the
+      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview" target='_blank'>documentation</a>
+      for more details.`]
       this.flatmapError['button'] = {
         text: 'Restore Context',
         callback: () => {

From 369094aca127d5699395ddade0237f49a4b1ca91 Mon Sep 17 00:00:00 2001
From: alan-wu <alan.wu@auckland.ac.nz>
Date: Tue, 25 Nov 2025 16:33:14 +1300
Subject: [PATCH 2/2] Update messages.

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

diff --git a/src/components/FlatmapVuer.vue b/src/components/FlatmapVuer.vue
index e9bf7488..8944c0d5 100644
--- a/src/components/FlatmapVuer.vue
+++ b/src/components/FlatmapVuer.vue
@@ -3037,7 +3037,7 @@ export default {
       this.flatmapError['messages'] = [`A display issue has occurred due
       to a limit on available WebGL contexts. You can restore the display
       using the Restore Context button. Please see the
-      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview" target='_blank'>documentation</a>
+      <a href="https://docs.sparc.science/docs/integrated-maps-viewer-overview#limit-on-available-webgl-contexts" target='_blank'>documentation</a>
       for more details.`]
       this.flatmapError['button'] = {
         text: 'Restore Context',