Add governed GRB refresh workflow

frontend/src/styles/premium.css

@@ -1041,6 +1041,95 @@ details.ai-lab-model-surface > summary strong {
   font-size: 0.75rem;
 }
 
+.grb-refresh-plan {
+  border-top: 1px solid var(--line);
+  background: #ffffff;
+}
+
+.grb-refresh-plan-heading {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 1rem;
+  padding: 0.8rem 1rem;
+}
+
+.grb-refresh-plan-heading > div {
+  display: grid;
+  min-width: 0;
+  gap: 0.15rem;
+}
+
+.grb-refresh-plan-heading strong {
+  color: #23313b;
+  font-size: 0.84rem;
+}
+
+.grb-refresh-plan-heading span {
+  color: var(--muted);
+  font-size: 0.75rem;
+}
+
+.grb-refresh-plan-heading > span {
+  flex: 0 0 auto;
+  font-weight: 750;
+}
+
+.grb-refresh-layer-list {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  border-top: 1px solid var(--line);
+}
+
+.grb-refresh-layer {
+  min-width: 0;
+  padding: 0.78rem 1rem;
+  border-right: 1px solid var(--line);
+  border-bottom: 1px solid var(--line);
+  box-shadow: inset 3px 0 0 #8a98a3;
+}
+
+.grb-refresh-layer:nth-child(2n) {
+  border-right: 0;
+}
+
+.grb-refresh-layer:nth-last-child(-n + 2) {
+  border-bottom: 0;
+}
+
+.grb-refresh-layer-update_available,
+.grb-refresh-layer-not_loaded {
+  box-shadow: inset 3px 0 0 #ca7a18;
+}
+
+.grb-refresh-layer-current {
+  box-shadow: inset 3px 0 0 #2d9272;
+}
+
+.grb-refresh-layer-remote_unavailable,
+.grb-refresh-layer-review_required {
+  box-shadow: inset 3px 0 0 #b84e4e;
+}
+
+.grb-refresh-layer > div:first-child {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 0.75rem;
+}
+
+.grb-refresh-layer > div:first-child span {
+  color: #4d5c66;
+  font-size: 0.72rem;
+  font-weight: 750;
+}
+
+.grb-refresh-layer p {
+  margin: 0.4rem 0;
+  color: var(--muted);
+  font-size: 0.75rem;
+}
+
 .source-freshness-details > summary {
   display: flex;
   cursor: pointer;
@@ -1097,6 +1186,26 @@ details.ai-lab-model-surface > summary strong {
   .source-catalog-row:last-child {
     border-bottom: 0;
   }
+
+  .grb-refresh-plan-heading {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .grb-refresh-layer-list {
+    grid-template-columns: 1fr;
+  }
+
+  .grb-refresh-layer,
+  .grb-refresh-layer:nth-child(2n),
+  .grb-refresh-layer:nth-last-child(-n + 2) {
+    border-right: 0;
+    border-bottom: 1px solid var(--line);
+  }
+
+  .grb-refresh-layer:last-child {
+    border-bottom: 0;
+  }
 }
 
 .workflow-guidance-panel {