Fix space dropdown swap target, add next-step arrow cue

The space select inherited the form's hx-target=#results, so the org
options fragment rendered into the results area instead of the select;
hx-target=this scopes the swap correctly.

After step 1 lands, a floating bouncing arrow now points the user to
the review block — click scrolls to it, and an IntersectionObserver
removes the cue once step 2 is in view.

frontend/bridge.js

@@ -42,10 +42,33 @@ async function streamReview(block) {
   }
 }
 
+/* Floating arrow that walks the user from step 1 down to step 2; it leaves
+ * once the review block scrolls into view. */
+function armNextStepCue() {
+  const cue = document.getElementById("next-step-cue");
+  const review = document.getElementById("step-review");
+  if (!cue || !review) return;
+  cue.addEventListener("click", () =>
+    review.scrollIntoView({ behavior: "smooth", block: "start" }),
+  );
+  new IntersectionObserver(
+    (entries, obs) => {
+      if (entries.some((e) => e.isIntersecting)) {
+        cue.remove();
+        obs.disconnect();
+      }
+    },
+    { threshold: 0.35 },
+  ).observe(review);
+}
+
 /* Whenever htmx swaps in new content, look for a waiting review block. */
 document.body.addEventListener("htmx:afterSwap", () => {
   const block = document.querySelector('#step-review[data-state="waiting"]');
-  if (block) streamReview(block);
+  if (block) {
+    streamReview(block);
+    armNextStepCue();
+  }
 });
 
 /* Free-text space input wins over the dropdown. */

frontend/index.html

@@ -50,8 +50,11 @@
           </label>
           <label class="field field--grow">
             <span class="field__label">your space</span>
+            <!-- hx-target="this" is required: without it the select inherits
+                 the form's hx-target="#results" and the options land there -->
             <select name="space" id="space-select"
-                    hx-get="/ui/spaces" hx-trigger="load" hx-swap="innerHTML">
+                    hx-get="/ui/spaces" hx-trigger="load"
+                    hx-target="this" hx-swap="innerHTML">
               <option value="">loading the org&hellip;</option>
             </select>
           </label>

frontend/styles.css

@@ -303,6 +303,29 @@ select:focus-visible, input:focus-visible, button:focus-visible {
 }
 .disclaimer .ic { flex: none; color: var(--butter-deep); transform: translateY(2px); }
 
+/* ---------- floating next-step cue ---------- */
+.next-cue {
+  position: fixed;
+  left: 50%; bottom: 26px;
+  transform: translateX(-50%);
+  z-index: 10;
+  display: grid; place-items: center;
+  width: 46px; height: 46px;
+  color: #fff; background: var(--rose);
+  border: 2px solid var(--ink);
+  border-radius: 50%;
+  outline: 2px dashed var(--paper);
+  outline-offset: -6px;
+  box-shadow: var(--press);
+  cursor: pointer;
+  animation: bounce 1.5s ease-in-out infinite;
+}
+.next-cue:hover { background: var(--rose-deep); }
+@keyframes bounce {
+  0%, 100% { transform: translateX(-50%) translateY(0); }
+  50% { transform: translateX(-50%) translateY(7px); }
+}
+
 /* ---------- error card tone ---------- */
 .card--fix { border-color: var(--rose-deep); }
 

icons.py

@@ -6,6 +6,7 @@ size/stroke/class stay in CSS control.
 
 ICON_PATHS = {
     "arrow-left-right": '<path d="M8 3 4 7l4 4" /><path d="M4 7h16" /><path d="m16 21 4-4-4-4" /><path d="M20 17H4" />',
+    "arrow-down": '<path d="M12 5v14" /><path d="m19 12-7 7-7-7" />',
     "check": '<path d="M20 6 9 17l-5-5" />',
     "circle-play": '<path d="M9 9.003a1 1 0 0 1 1.517-.859l4.997 2.997a1 1 0 0 1 0 1.718l-4.997 2.997A1 1 0 0 1 9 14.996z" /><circle cx="12" cy="12" r="10" />',
     "compass": '<circle cx="12" cy="12" r="10" /><path d="m16.24 7.76-1.804 5.411a2 2 0 0 1-1.265 1.265L7.76 16.24l1.804-5.411a2 2 0 0 1 1.265-1.265z" />',

presenters.py

@@ -84,7 +84,14 @@ def render_error(message: str) -> str:
 
 def render_results(ev: Evaluation, model_id: str, model_label: str) -> str:
     """Block 1 (rule check) + Block 2 shell (LLM review, filled by bridge.js)."""
-    return _render_checks_block(ev) + render_review_shell(ev.space_id, model_id, model_label)
+    next_cue = (
+        '<button id="next-step-cue" class="next-cue" type="button" '
+        'aria-label="Scroll to the friendly review">'
+        f'{icon("arrow-down", size=22, sw=2.2)}</button>'
+    )
+    return (_render_checks_block(ev)
+            + render_review_shell(ev.space_id, model_id, model_label)
+            + next_cue)
 
 
 def _render_checks_block(ev: Evaluation) -> str: