Add governed reusable pipelines and triggers

webui/src/styles/dataflow.css

@@ -133,6 +133,128 @@
   white-space: nowrap;
 }
 
+.dataflow-definition-dialog {
+  width: min(620px, calc(100vw - 32px));
+}
+
+.dataflow-definition-fields,
+.dataflow-trigger-form {
+  display: grid;
+  gap: 12px;
+}
+
+.dataflow-definition-fields select,
+.dataflow-definition-fields input,
+.dataflow-trigger-form select,
+.dataflow-trigger-form input,
+.dataflow-trigger-form textarea {
+  width: 100%;
+}
+
+.dataflow-definition-toggles {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px 18px;
+}
+
+.dataflow-provenance,
+.dataflow-trigger-security {
+  display: grid;
+  gap: 6px;
+  padding: 10px;
+  border: var(--border-line);
+  border-radius: var(--radius-sm);
+  background: var(--panel-soft);
+}
+
+.dataflow-provenance span,
+.dataflow-provenance small,
+.dataflow-trigger-security small {
+  color: var(--muted);
+  font-size: 12px;
+}
+
+.dataflow-provenance code,
+.dataflow-trigger-security code {
+  overflow: hidden;
+  color: var(--text);
+  font-size: 11px;
+  text-overflow: ellipsis;
+}
+
+.dataflow-triggers-dialog {
+  width: min(920px, calc(100vw - 32px));
+}
+
+.dataflow-triggers-layout {
+  display: grid;
+  grid-template-columns: minmax(230px, 0.8fr) minmax(320px, 1.2fr);
+  gap: 14px;
+  min-height: 420px;
+}
+
+.dataflow-trigger-list {
+  min-width: 0;
+  overflow: auto;
+  border-right: var(--border-line);
+  padding-right: 10px;
+}
+
+.dataflow-trigger-list > button {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  align-items: center;
+  gap: 8px;
+  width: 100%;
+  min-height: 52px;
+  padding: 8px;
+  border: 0;
+  border-radius: var(--radius-sm);
+  background: transparent;
+  color: var(--text);
+  text-align: left;
+}
+
+.dataflow-trigger-list > button:hover,
+.dataflow-trigger-list > button.is-selected {
+  background: var(--primary-soft);
+}
+
+.dataflow-trigger-list span,
+.dataflow-trigger-list strong,
+.dataflow-trigger-list small {
+  display: block;
+  min-width: 0;
+}
+
+.dataflow-trigger-list small {
+  margin-top: 4px;
+  color: var(--muted);
+}
+
+.dataflow-trigger-form textarea {
+  min-height: 88px;
+  resize: vertical;
+}
+
+.dataflow-trigger-security .is-error {
+  color: var(--danger);
+}
+
+@media (max-width: 760px) {
+  .dataflow-triggers-layout,
+  .dataflow-definition-toggles {
+    grid-template-columns: 1fr;
+  }
+
+  .dataflow-trigger-list {
+    max-height: 180px;
+    border-right: 0;
+    border-bottom: var(--border-line);
+    padding: 0 0 10px;
+  }
+}
+
 .dataflow-pipeline-list strong {
   color: var(--text-strong);
   font-size: 13px;