fix(planning): keep focus on a choice across a state push

.changes/planning/fix-surface-journey-radio-focus-7d2e4b91.md

@@ -0,0 +1,7 @@
+---
+bump: patch
+---
+
+### Fixed
+
+- The interview page keeps keyboard focus on a choice when a state push redraws the choices. Before, focus fell back to the page whenever Claude's next update arrived while a choice had focus, for example right after Answer again, so the arrow keys stopped moving between the choices.

plugins/planning/surface/index.html

@@ -1700,10 +1700,10 @@ <h1 id="title">Interview</h1>
     setHtml($("sumRest"), h);
     restoreFocus(f);
   }
-  function focusKey(){ // the focused control, by id or by its data attributes within the nearest region with an id
+  function focusKey(){ // the focused control, by id or by its data attributes (a radio by name and value) within the nearest region with an id
     const a = document.activeElement; if (!a || a === document.body || !a.closest) return null;
     if (a.id) return {s: "#" + CSS.escape(a.id), start: a.selectionStart, end: a.selectionEnd};
-    const attrs = [...a.attributes].filter(x => x.name.startsWith("data-")).map(x => "[" + x.name + '="' + CSS.escape(x.value) + '"]').join(""), box = a.closest("[id]");
+    const attrs = [...a.attributes].filter(x => x.name.startsWith("data-") || (a.type === "radio" && (x.name === "name" || x.name === "value"))).map(x => "[" + x.name + '="' + CSS.escape(x.value) + '"]').join(""), box = a.closest("[id]");
     return attrs && box ? {s: "#" + CSS.escape(box.id) + " " + a.tagName.toLowerCase() + attrs, pin: !!a.closest(".sec.pin")} : null;
   }
   function restoreFocus(f){