fix(ui): harden public page components

2026-08-24 17:13:14 +05:30
parent 7a36c1905f
commit 46ef4b775b
9 changed files with 53 additions and 12 deletions
@@ -92,7 +92,9 @@ component MetricGrid {
              @action='forwardAction(item, itemIndex, event)'
            />
          {:empty}
-            <slot></slot>
+            <div class="wrn-metric-grid__empty" role="status">
+              <slot>No metrics are available.</slot>
+            </div>
          {/each}
        </div>
      </div>
@@ -100,6 +102,15 @@ component MetricGrid {
  }

  style {
+    .wrn-metric-grid__empty {
+      grid-column: 1 / -1;
+      padding: 1.25rem;
+      color: var(--wrn-color-text-muted);
+      background: var(--wrn-color-surface-soft);
+      border: 1px dashed var(--wrn-color-border);
+      border-radius: 0.9rem;
+      text-align: center;
+    }
    .wrn-metric-grid__frame {
      width: 100%;
      min-width: 0;