candidates and board ui agent issue

src/components/ai-assistant/PromptChips.jsx

@@ -24,7 +24,13 @@ import { cn } from '@/lib/utils';
  * Arrow keys move between chips, so the whole set is one tab stop.
  */
 /** @param {any} props */
-export function PromptChips({ prompts = [], onSelect, max = 0, align = 'center', className = '' }) {
+export function PromptChips({
+  prompts = [], onSelect, max = 0, align = 'center', className = '',
+  /* Taken out of the tab order while the row is collapsed but still mounted:
+     a chip inside a zero-height container is invisible, and a Tab that lands on
+     something invisible is a keyboard user losing their place. */
+  focusable = true,
+}) {
   const chipRefs = React.useRef([]);
   const visible = max ? prompts.slice(0, max) : prompts;
 
@@ -59,6 +65,7 @@ export function PromptChips({ prompts = [], onSelect, max = 0, align = 'center',
           type="button"
           onClick={() => onSelect(prompt)}
           onKeyDown={(e) => onKeyDown(e, i)}
+          tabIndex={focusable ? undefined : -1}
           title={prompt.prompt}
           className={cn(
             /* 14px is the radius `rounded-full` already produces on a one-line