feat: add support bundle notice to viewer

web/static/view.css

@@ -31,6 +31,10 @@ body {
 }
 
 .page-header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 16px;
   padding: 24px 28px 18px;
   border-bottom: 1px solid rgba(0, 0, 0, 0.08);
 }
@@ -46,6 +50,22 @@ body {
   color: var(--muted);
 }
 
+.header-actions {
+  display: flex;
+  align-items: center;
+}
+
+.header-action {
+  display: inline-block;
+  text-decoration: none;
+  border-radius: 999px;
+  background: var(--accent);
+  color: #fff;
+  padding: 10px 16px;
+  font-weight: 700;
+  white-space: nowrap;
+}
+
 .page-main {
   width: min(1500px, calc(100vw - 32px));
   margin: 0 auto;
@@ -54,6 +74,7 @@ body {
 
 .empty-panel,
 .meta-panel,
+.notice-panel,
 .section-card,
 .upload-panel {
   background: var(--panel);
@@ -67,6 +88,7 @@ body {
 .empty-panel h2,
 .section-card h2,
 .meta-panel h2,
+.notice-panel h2,
 .upload-panel h2 {
   display: block;
   margin: 0 0 12px;
@@ -74,6 +96,7 @@ body {
 }
 
 .empty-panel p,
+.notice-panel p,
 .upload-panel p {
   margin: 0;
   color: var(--muted);
@@ -259,6 +282,10 @@ body {
 }
 
 @media (max-width: 720px) {
+  .page-header {
+    flex-direction: column;
+  }
+
   .page-main {
     width: min(100vw - 20px, 1500px);
   }

web/templates/view.html

@@ -11,9 +11,21 @@
     <div>
       <h1>{{ .Title }}</h1>
     </div>
+    {{ if .DownloadArchiveURL }}
+    <div class="header-actions">
+      <a class="header-action" href="{{ .DownloadArchiveURL }}">{{ if .DownloadArchiveLabel }}{{ .DownloadArchiveLabel }}{{ else }}Download archive{{ end }}</a>
+    </div>
+    {{ end }}
   </header>
 
   <main class="page-main">
+    {{ if .NoticeTitle }}
+    <section class="notice-panel">
+      <h2>{{ .NoticeTitle }}</h2>
+      <p>{{ .NoticeBody }}</p>
+    </section>
+    {{ end }}
+
     {{ if .HasSnapshot }}
     <section class="meta-panel">
       <h2>Snapshot Metadata</h2>