From e5100223f7c6aae2903cf839b4dd8ea88b0bfca0 Mon Sep 17 00:00:00 2001
From: Andy Aylward <andy@eggsample.net>
Date: Sun, 14 Sep 2025 22:51:52 -0400
Subject: [PATCH] [tracy] better error display

---
 src/apps/tracy/pages/TracyPage.module.css | 17 ++++++++++++++++-
 src/apps/tracy/pages/TracyPage.tsx        |  6 ++++--
 2 files changed, 20 insertions(+), 3 deletions(-)

diff --git a/src/apps/tracy/pages/TracyPage.module.css b/src/apps/tracy/pages/TracyPage.module.css
index 0df4eef..1bd5c88 100644
--- a/src/apps/tracy/pages/TracyPage.module.css
+++ b/src/apps/tracy/pages/TracyPage.module.css
@@ -99,12 +99,27 @@
   color: #a0a0b0;
 }
 
-.error {
+.errorOverlay {
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background: rgba(0, 0, 0, 0.8);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  z-index: 10;
+}
+
+.errorContent {
   padding: 1rem;
   background: rgba(220, 38, 38, 0.1);
   border: 1px solid rgba(220, 38, 38, 0.3);
   border-radius: 8px;
   color: #fca5a5;
+  max-width: 80%;
+  text-align: center;
 }
 
 .placeholder {
diff --git a/src/apps/tracy/pages/TracyPage.tsx b/src/apps/tracy/pages/TracyPage.tsx
index b037fda..9c55285 100644
--- a/src/apps/tracy/pages/TracyPage.tsx
+++ b/src/apps/tracy/pages/TracyPage.tsx
@@ -106,8 +106,10 @@ const TracyPage = () => {
             )}
             
             {error && (
-              <div className={styles.error}>
-                <p>Error: {error}</p>
+              <div className={styles.errorOverlay}>
+                <div className={styles.errorContent}>
+                  <p>Error: {error}</p>
+                </div>
               </div>
             )}