Complete SQL diagnostics and editor accessibility

webui/src/styles/dataflow.css

@@ -359,6 +359,11 @@
   grid-template-columns: minmax(0, 1fr) minmax(260px, 310px);
 }
 
+.dataflow-canvas:focus-visible {
+  outline: 2px solid var(--accent);
+  outline-offset: -2px;
+}
+
 .dataflow-palette,
 .dataflow-inspector {
   min-width: 0;
@@ -1120,7 +1125,7 @@
 
 @media (max-width: 680px) {
   .dataflow-page {
-    height: calc(100vh - 94px);
+    height: calc(100dvh - 115px);
   }
 
   .dataflow-shell {
@@ -1133,15 +1138,24 @@
     border-bottom: var(--border-line);
   }
 
+  .dataflow-workspace-toolbar {
+    overflow-x: auto;
+    align-items: flex-start;
+    scrollbar-gutter: stable;
+  }
+
   .dataflow-identity-fields,
   .dataflow-command-bar {
-    flex-wrap: wrap;
+    width: max-content;
+    min-width: max-content;
+    flex-wrap: nowrap;
   }
 
   .dataflow-name-input,
   .dataflow-description-input {
-    max-width: none;
-    min-width: 180px;
+    width: 220px;
+    min-width: 220px;
+    max-width: 220px;
   }
 
   .dataflow-editor {