feat(output): surface the decision control at the top of Decide

Author: New1Direction

output-tab.html

@@ -310,7 +310,7 @@
   .sk-row .sub { width: 100%; color: var(--text-sub); font-size: 12px; line-height: 1.5; margin-top: 2px; }
 
   /* Decision Log */
-  .dl-block { margin-top: 28px; border-top: 1px solid var(--border); padding-top: 20px; }
+  .dl-block { margin: 16px 0; }
   .dl-label { font-size: 10px; font-weight: 700; letter-spacing: 1.5px; text-transform: uppercase; color: var(--text-faint); margin-bottom: 12px; }
   .dl-choices { display: flex; gap: 8px; flex-wrap: wrap; margin-bottom: 12px; }
   .dl-btn { padding: 6px 16px; border-radius: 999px; font-size: 12px; font-weight: 600; cursor: pointer; border: 1px solid var(--border-2); background: var(--surface); color: var(--text-sub); transition: background var(--dur-fast) var(--ease-out), color var(--dur-fast) var(--ease-out), border-color var(--dur-fast) var(--ease-out), transform var(--dur-fast) var(--ease-out); }

output-tab.js

@@ -1959,6 +1959,7 @@ function verdictDashboard(d) {
     <p class="v-what">${what}</p>
     <div class="v-fit fit-${fit.level}"><span class="v-chip">${esc(fit.label)}</span><span class="v-why">${esc(fit.why)}</span></div>
     ${line}
+    <div id="vd-decision-anchor"></div>
     <div class="v-facts">${cells}</div>
     ${flags}
     ${entries}
@@ -2109,7 +2110,10 @@ async function renderDecisionControl(d) {
       <span class="dl-saved-msg" id="dl-saved-msg"></span>
     </div>
   `;
-  host.appendChild(block);
+  // Anchor near the top of Decide (after fit + bottom line); fall back to host end.
+  const anchor = host.querySelector('#vd-decision-anchor');
+  if (anchor) anchor.appendChild(block);
+  else host.appendChild(block);
 
   let selected = existing?.decision || null;