Add intermediate previews and graph reconnection

webui/src/styles/dataflow.css

@@ -537,6 +537,12 @@
   stroke-width: 3;
 }
 
+.dataflow-canvas .react-flow__edge.dataflow-edge-proximity .react-flow__edge-path {
+  stroke: var(--accent);
+  stroke-width: 3;
+  stroke-dasharray: 7 6;
+}
+
 .dataflow-canvas .react-flow__connection-path {
   stroke: var(--accent);
   stroke-width: 3;
@@ -898,12 +904,30 @@
 .dataflow-results-toolbar {
   min-height: 42px;
   padding: 5px 9px;
+  flex-wrap: wrap;
 }
 
 .dataflow-results-toolbar .btn {
   min-height: 30px;
 }
 
+.dataflow-results-view-controls,
+.dataflow-inspector-actions {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  min-width: 0;
+}
+
+.dataflow-results-view-controls {
+  flex-wrap: wrap;
+}
+
+.dataflow-results-view-controls select {
+  width: clamp(150px, 22vw, 280px);
+  min-height: 30px;
+}
+
 .dataflow-preview-table-wrap,
 .dataflow-diagnostics-list {
   min-height: 0;