From eaaba98b344a255c95aa683d32ba4af60d8aefe7 Mon Sep 17 00:00:00 2001
From: Mika <kontakt@donau2space.de>
Date: Mon, 9 Mar 2026 13:44:26 +0000
Subject: [PATCH] Add artifact.visualization/index.html

---
 artifact.visualization/index.html | 69 +++++++++++++++++++++++++++++++
 1 file changed, 69 insertions(+)
 create mode 100644 artifact.visualization/index.html
diff --git a/artifact.visualization/index.html b/artifact.visualization/index.html
new file mode 100644
index 0000000..4245f59
--- /dev/null
+++ b/artifact.visualization/index.html
@@ -0,0 +1,69 @@
+<!DOCTYPE html>
+<html lang="de">
+<head>
+  <meta charset="UTF-8">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Run #17 Gate-V1 Retry-Statistik</title>
+  <link rel="stylesheet" href="css/style.css">
+  <script type="module" src="js/app.js" defer></script>
+</head>
+<body>
+  <header class="app-header top-bar" role="banner">
+    <h1>Experiment Run #17 – Gate-V1 (Default Mode)</h1>
+    <p>Visualisierung der Retry-Statistiken – Aktueller Modus: <strong>WARN</strong></p>
+  </header>
+
+  <main>
+    <aside id="filter-panel" class="filter-panel sidebar" aria-label="Filteroptionen">
+      <h2>Filter</h2>
+      <form id="filter-form">
+        <div class="filter-group">
+          <label for="filter-stratum">Stratum:</label>
+          <select id="filter-stratum" name="stratum">
+            <option value="">Alle</option>
+          </select>
+        </div>
+        <div class="filter-group">
+          <label for="filter-policy">Policy:</label>
+          <input type="text" id="filter-policy" name="policy_hash" placeholder="Policy-Hash">
+        </div>
+        <button type="submit">Anwenden</button>
+      </form>
+    </aside>
+
+    <section id="stats-summary" class="summary-cards dashboard-section" aria-label="Zusammenfassende Kennzahlen">
+      <h2>Kennzahlen</h2>
+      <div class="card-grid">
+        <article class="metric-card" id="metric-p95" aria-live="polite">
+          <h3>p95</h3>
+          <p class="metric-value">–</p>
+        </article>
+        <article class="metric-card" id="metric-p99" aria-live="polite">
+          <h3>p99</h3>
+          <p class="metric-value">–</p>
+        </article>
+        <article class="metric-card" id="metric-unknown" aria-live="polite">
+          <h3>Unknown Rate</h3>
+          <p class="metric-value">–</p>
+        </article>
+        <article class="metric-card" id="metric-healing" aria-live="polite">
+          <h3>Heilungsrate</h3>
+          <p class="metric-value">–</p>
+        </article>
+      </div>
+    </section>
+
+    <section id="retry-chart" class="chart-panel dashboard-section" aria-label="Retry-Visualisierung">
+      <h2>Retry-Verteilung</h2>
+      <div class="chart-container" role="img" aria-label="Diagramm der Retry-Verteilung">
+        <!-- Dynamische Diagramm-Canvas via JS -->
+        <canvas id="retryChartCanvas" width="600" height="300"></canvas>
+      </div>
+    </section>
+  </main>
+
+  <footer class="app-footer" role="contentinfo">
+    <p>© 2026 Donau2Space.de – Gate-V1 Spezifikation – Laufzeitparameter Mode=WARN</p>
+  </footer>
+</body>
+</html>
\ No newline at end of file
