ui: move connection-error tip from action-row to Output header

Inline-placed next to the "Output" heading so users actually see it before
scrolling past it. .section-heading-row gives the heading a flex layout
that puts the tip on the right.

app.py

@@ -336,6 +336,13 @@ gradio-app > div {
   color: var(--q-accent);
   margin: 0 0 14px 0;
 }
+.section-heading-row {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  gap: 16px;
+  flex-wrap: wrap;
+}
 .hero-heading {
   font-family: "Source Serif 4", "Source Serif Pro", ui-serif, Georgia, serif !important;
   font-weight: 600 !important;
@@ -975,7 +982,16 @@ gradio-app > div {
 
 /* === Example buttons ==================================================== */
 .example-note { color: var(--q-muted); font-size: 13px; margin: 0 0 12px 0; line-height: 1.5; }
-.connection-tip { color: var(--q-muted); font-size: 13px; margin: 12px 2px 0; line-height: 1.45; }
+.connection-tip {
+  /* Reset the uppercase / accent inherited from .section-heading so it reads
+     like a normal hint when placed inline next to a heading. */
+  color: var(--q-muted);
+  font-size: 12px;
+  font-weight: 500;
+  letter-spacing: 0;
+  text-transform: none;
+  line-height: 1.45;
+}
 .memory-help {
   color: var(--q-muted);
   font-size: 12.5px;
@@ -1932,11 +1948,6 @@ with gr.Blocks(
                     run_btn = gr.Button("Run Research", variant="primary", size="lg")
                     stop_btn = gr.Button("Stop", variant="stop", size="lg")
                     clear_btn = gr.Button("Clear", variant="secondary", size="lg")
-                gr.HTML(
-                    '<div class="connection-tip">'
-                    'If you see a connection error, please wait a moment and retry.'
-                    '</div>'
-                )
 
             with gr.Group(elem_classes="section-card"):
                 gr.HTML(
@@ -1950,7 +1961,14 @@ with gr.Blocks(
                     ]
 
             with gr.Group(elem_classes="section-card"):
-                gr.HTML('<div class="section-heading">Output</div>')
+                gr.HTML(
+                    '<div class="section-heading section-heading-row">'
+                    '<span>Output</span>'
+                    '<span class="connection-tip">'
+                    'If you see a connection error, please wait a moment and retry.'
+                    '</span>'
+                    '</div>'
+                )
                 with gr.Tabs():
                     with gr.TabItem("Result"):
                         answer = gr.Markdown(label="Final Answer")