Validate module catalog provenance and availability

webui/src/styles/components.css

@@ -629,6 +629,42 @@
   line-height: 1.35;
 }
 
+.module-package-catalog-toolbar {
+  display: flex;
+  align-items: end;
+  justify-content: space-between;
+  gap: 12px;
+  min-width: 0;
+}
+
+.module-package-catalog-search {
+  display: grid;
+  gap: 5px;
+  width: min(420px, 100%);
+  color: var(--muted);
+  font-size: 12px;
+  font-weight: 700;
+}
+
+.module-package-catalog-search input {
+  min-height: 34px;
+  padding-block: 7px;
+}
+
+.module-package-catalog-provenance {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: baseline;
+  gap: 6px 12px;
+  min-width: 0;
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.module-package-catalog-provenance code {
+  overflow-wrap: anywhere;
+}
+
 .module-installer-request-grid {
   display: grid;
   grid-template-columns: repeat(2, minmax(240px, 1fr));
@@ -962,6 +998,11 @@
     grid-template-columns: 1fr;
   }
 
+  .module-package-catalog-toolbar {
+    align-items: stretch;
+    flex-direction: column;
+  }
+
   .module-installer-runs-heading,
   .module-installer-run-row {
     display: grid;