From 231730a2ffd0f634fe949d8b4f78edb60639cf92 Mon Sep 17 00:00:00 2001
From: Nate Moore <nate.moore@sentry.io>
Date: Mon, 17 Nov 2025 12:13:01 -0600
Subject: [PATCH 1/4] fix(loader): respect prefers-reduced-motion

---
 src/sentry/templates/sentry/partial/loader.html | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/sentry/templates/sentry/partial/loader.html b/src/sentry/templates/sentry/partial/loader.html
index 5b1c8bc0a37a9f..69c94019bdf078 100644
--- a/src/sentry/templates/sentry/partial/loader.html
+++ b/src/sentry/templates/sentry/partial/loader.html
@@ -37,6 +37,12 @@
                     stroke-dashoffset: -1150;
                 }
             }
+            @media (prefers-reduced-motion: reduce) {
+              path {
+                animation: none;
+                stroke-dashoffset: 0;
+              }
+            }
         </style>
         <script>
             const host = document.currentScript.closest('svg');
@@ -115,7 +121,9 @@
           })
         }
         connectedCallback() {
-          this.shuffle();
+          if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+            this.shuffle();
+          }
         }
         disconnectedCallback() {
           cancelAnimationFrame(this.raf);

From ede3c29ea73d667dab19a1c3a2e3639cd5b629c3 Mon Sep 17 00:00:00 2001
From: Nate Moore <nate.moore@sentry.io>
Date: Mon, 17 Nov 2025 12:13:45 -0600
Subject: [PATCH 2/4] ref(loader): improve loading text default

---
 src/sentry/templatetags/sentry_helpers.py | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/sentry/templatetags/sentry_helpers.py b/src/sentry/templatetags/sentry_helpers.py
index d5764aa210111d..59fdcd472b72ca 100644
--- a/src/sentry/templatetags/sentry_helpers.py
+++ b/src/sentry/templatetags/sentry_helpers.py
@@ -111,7 +111,7 @@ def org_url(organization, path, query=None, fragment=None) -> str:
 @register.simple_tag
 def loading_message():
     options = [
-        "Loading a <scraps-bleep>&#%!</scraps-bleep>-ton of JavaScript&hellip;",
+        "Loading a <scraps-bleep>$#!%</scraps-bleep>-ton of JavaScript&hellip;",
         "Escaping <code>node_modules</code> gravity well&hellip;",
         "Parallelizing webpack builders&hellip;",
         "Awaiting solution to the halting problem&hellip;",

From f0ec4024d2791903d28fda1a194212dbb77badaf Mon Sep 17 00:00:00 2001
From: Nate Moore <nate.moore@sentry.io>
Date: Mon, 17 Nov 2025 12:15:36 -0600
Subject: [PATCH 3/4] ref(loader): sync dev loader

---
 static/index.ejs | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/static/index.ejs b/static/index.ejs
index 48fc13a2d79e7d..5cd142a9f35c6a 100644
--- a/static/index.ejs
+++ b/static/index.ejs
@@ -121,7 +121,7 @@
         </div>
 
         <div class="loading-message">
-          <p>Loading a <scraps-grawlix>&#%!</scraps-grawlix>-ton of JavaScript&hellip;</p>
+          <p>Loading a <scraps-bleep>$#!%</scraps-bleep>-ton of JavaScript&hellip;</p>
           <p><small>You may need to disable adblocking extensions to load Sentry.</small></p>
           <script>
             function randomFrom(arr) {
@@ -130,7 +130,7 @@
             function randomBetween(min, max) {
               return Math.floor(Math.random() * (max - min - 1) + min);
             }
-            customElements.define('scraps-grawlix', class extends HTMLElement {
+            customElements.define('scraps-bleep', class extends HTMLElement {
               constructor() {
                 super();
                 this.shapes = '◆●▴▪×'.split('');
@@ -157,7 +157,9 @@
                 })
               }
               connectedCallback() {
-                this.shuffle();
+                if (!window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
+                  this.shuffle();
+                }
               }
               disconnectedCallback() {
                 cancelAnimationFrame(this.raf);

From ac49eebc42ebe632b2535c5f2f17559402e4946c Mon Sep 17 00:00:00 2001
From: Nate Moore <nate.moore@sentry.io>
Date: Mon, 17 Nov 2025 12:24:01 -0600
Subject: [PATCH 4/4] ref(loader): sync dev loader

---
 static/index.ejs | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/static/index.ejs b/static/index.ejs
index 5cd142a9f35c6a..b733628c7240cc 100644
--- a/static/index.ejs
+++ b/static/index.ejs
@@ -79,6 +79,12 @@
                           stroke-dashoffset: -1150;
                       }
                   }
+                  @media (prefers-reduced-motion: reduce) {
+                    path {
+                      animation: none;
+                      stroke-dashoffset: 0;
+                    }
+                  }
               </style>
               <script>
                   const host = document.currentScript.closest('svg');