From 1a01c788f69e4364b9683b5547989ff294781d15 Mon Sep 17 00:00:00 2001
From: Nico <Nico>
Date: Thu, 4 Jun 2026 15:37:15 -0700
Subject: [PATCH] fix: compact map load error state

---
 .../src/components/maps/LocationMapStateViews.jsx     | 11 ++++++++++-
 frontend/src/styles/pages/LocationMapManager.css      |  3 +++
 frontend/tests/location-map-manager.spec.ts           |  5 ++++-
 3 files changed, 17 insertions(+), 2 deletions(-)

diff --git a/frontend/src/components/maps/LocationMapStateViews.jsx b/frontend/src/components/maps/LocationMapStateViews.jsx
index 38acb07..144635e 100644
--- a/frontend/src/components/maps/LocationMapStateViews.jsx
+++ b/frontend/src/components/maps/LocationMapStateViews.jsx
@@ -22,7 +22,16 @@ export function LocationMapLoadErrorState({ location, loadError, onBack, onRetry
       <main className="location-map-workspace">
         <section className="location-map-setup location-map-load-error" role="alert" aria-live="polite">
           <h2>Map Unavailable</h2>
-          <p>{loadError}</p>
+          <div className="location-map-setup-rows" role="group" aria-label="Map load status">
+            <div className="location-map-setup-row">
+              <span>Status</span>
+              <strong>Load failed</strong>
+            </div>
+            <div className="location-map-setup-row">
+              <span>Detail</span>
+              <strong>{loadError}</strong>
+            </div>
+          </div>
           <div className="location-map-setup-actions">
             <button type="button" className="btn-primary" onClick={onRetry}>
               Retry
diff --git a/frontend/src/styles/pages/LocationMapManager.css b/frontend/src/styles/pages/LocationMapManager.css
index 7a1dcf0..1f68297 100644
--- a/frontend/src/styles/pages/LocationMapManager.css
+++ b/frontend/src/styles/pages/LocationMapManager.css
@@ -923,8 +923,11 @@
 }
 
 .location-map-setup-row strong {
+  min-width: 0;
   color: #f8fafc;
   font-weight: 900;
+  text-align: right;
+  overflow-wrap: anywhere;
 }
 
 .location-map-setup-actions {
diff --git a/frontend/tests/location-map-manager.spec.ts b/frontend/tests/location-map-manager.spec.ts
index 8ed1c45..a16072e 100644
--- a/frontend/tests/location-map-manager.spec.ts
+++ b/frontend/tests/location-map-manager.spec.ts
@@ -477,7 +477,10 @@ test("load failure shows retryable error instead of no-map setup", async ({ page
 
   const errorCard = page.locator(".location-map-load-error");
   await expect(errorCard.getByRole("heading", { name: "Map Unavailable" })).toBeVisible();
-  await expect(errorCard.getByText("Map service unavailable")).toBeVisible();
+  const loadStatus = errorCard.getByRole("group", { name: "Map load status" });
+  await expect(loadStatus.locator(".location-map-setup-row", { hasText: "Status" })).toContainText("Load failed");
+  await expect(loadStatus.locator(".location-map-setup-row", { hasText: "Detail" })).toContainText("Map service unavailable");
+  await expect(errorCard.locator("p")).toHaveCount(0);
   await expect(page.getByText("Load Error")).toBeVisible();
   await expect(page.getByRole("heading", { name: "No Map" })).toHaveCount(0);
   await expect(page.getByRole("button", { name: /Create From/ })).toHaveCount(0);