Complete assisted intake provenance UI

webui/src/styles/forms-runtime.css

@@ -21,6 +21,21 @@
   margin-left: auto;
 }
 
+.form-instance-toolbar-context {
+  display: flex;
+  min-width: 0;
+  max-width: 100%;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+}
+
+.form-instance-toolbar-context > strong {
+  min-width: 0;
+  flex: 1 1 180px;
+  overflow-wrap: anywhere;
+}
+
 .forms-runtime-list-viewport,
 .form-instance-viewport {
   flex: 1;
@@ -278,6 +293,46 @@
   font-size: 0.78rem;
 }
 
+.form-assisted-field-sources {
+  display: grid;
+  gap: 12px;
+  margin-top: 18px;
+  padding-top: 16px;
+  border-top: 1px solid var(--border);
+}
+
+.form-assisted-field-sources > header h3,
+.form-assisted-field-sources > header p {
+  margin: 0;
+}
+
+.form-assisted-field-sources > header p {
+  margin-top: 5px;
+  color: var(--text-soft);
+  font-size: 0.8rem;
+}
+
+.form-assisted-field-source-list {
+  display: grid;
+  gap: 10px;
+}
+
+.form-assisted-field-source {
+  min-width: 0;
+  margin: 0;
+  padding: 12px;
+  border: 1px solid var(--border);
+  border-radius: var(--radius-compact);
+  background: var(--surface-subtle);
+}
+
+.form-assisted-field-source legend {
+  padding-inline: 5px;
+  color: var(--text-strong);
+  font-size: 0.84rem;
+  font-weight: 700;
+}
+
 .form-status-policy-save {
   display: flex;
   justify-content: flex-end;
@@ -557,6 +612,19 @@
 }
 
 @media (max-width: 900px) {
+  .form-instance-toolbar .page-action-slot-context {
+    max-width: 100%;
+    flex: 1 1 100%;
+  }
+
+  .form-instance-toolbar-context {
+    width: 100%;
+  }
+
+  .form-instance-toolbar-context .status-badge {
+    margin-left: 0;
+  }
+
   .form-instance-content {
     grid-template-columns: 1fr;
   }