49:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"RegistryDependencies"] 4a:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/2rwy6tq861e-y.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/2hlz_ivp-qrnh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2zoahorp76dll.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1d0aij627lbx2.js","/_next/static/immutable/chunks/1ud4fi_ghnsx-.js"],"FilesView"] 4b:Ta849,"use client" import * as React from "react" import { Questionnaire as QuestionnairePrimitive, type QuestionnaireItemStatus, } from "@shadcn/react/questionnaire" import { ArrowLeftIcon, ArrowRightIcon, CheckIcon, XIcon, } from "lucide-react" import { Button } from "@/components/ui/button" import { Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, } from "@/components/ui/card" import { Questionnaire, QuestionnaireActions, QuestionnaireChoices, QuestionnaireDescription, QuestionnaireError, QuestionnaireItem, QuestionnaireNext, QuestionnairePrevious, QuestionnaireProgress, QuestionnaireSkip, QuestionnaireSubmit, QuestionnaireTitle, } from "@/components/ui/questionnaire" import { Popover, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, } from "@/components/ui/popover" import { cn } from "@/lib/utils" const DEFAULT_AUTO_ADVANCE_DELAY_MS = 380 const BATCH_ROW_CLASS = "group/questionnaire-choice relative flex min-h-11 items-center justify-between gap-3 rounded-md px-2 py-1.5 text-start text-sm transition-[color,background-color] outline-none select-none hover:bg-accent/60 has-[>input:focus-visible]:ring-1 has-[>input:focus-visible]:ring-ring/70" const BATCH_BADGE_CLASS = "inline-flex size-6 shrink-0 items-center justify-center rounded-md border font-mono text-xs font-medium" type OtherDraft = { text: string committed: boolean } type OtherTrailingAction = "commit" | "deselect-keep-text" | "focus-input" function emptyOtherDraft(): OtherDraft { return { text: "", committed: false } } function resolveOtherTrailingAction(args: { committed: boolean focused: boolean text: string }): OtherTrailingAction { if (args.focused && args.text.trim().length > 0) return "commit" if (args.committed && !args.focused) return "deselect-keep-text" return "focus-input" } export type AskChoice = { value: string label: string } type AskItemBase = { name: string title: string description?: string required?: boolean choices: AskChoice[] input?: { label: string placeholder?: string } } export type AskItem = | (AskItemBase & { multiple?: false /** After a single choice, go to the next slide (or review). Not valid on `multiple`. */ autoAdvance?: boolean }) | (AskItemBase & { multiple: true }) export type AskLabels = { previous?: string next?: string skip?: string submit?: string review?: string cancel?: string cancelTitle?: string cancelDescription?: string cancelConfirm?: string cancelKeep?: string } export type AskAnswer = { name: string title: string value: string | string[] | null label: string } export type AskResult = | { status: "submitted"; answers: AskAnswer[] } | { status: "canceled" } export type AskProps = { items: AskItem[] className?: string onSubmit?: (event: React.FormEvent) => void /** * HITL-shaped result. Pass this straight to `addToolOutput({ output })`. * Submit → `{ status: "submitted", answers }`. Cancel → `{ status: "canceled" }`. */ onResult?: (result: AskResult) => void /** After the last question, show a review step before submit. Default false. */ review?: boolean /** Show a confirm-to-cancel control. Default false. */ cancel?: boolean onCancel?: () => void autoAdvanceDelay?: number shortcuts?: "numbers" | "letters" | false labels?: AskLabels defaultItem?: string item?: string onItemChange?: (item: string) => void } function itemAutoAdvances(item: AskItem) { if (item.multiple) return false return item.autoAdvance === true } function otherBadge( item: AskItem, shortcuts: AskProps["shortcuts"], ) { const index = item.choices.length if (shortcuts === "letters") { return index < 26 ? String.fromCharCode(65 + index) : String(index + 1) } return String(index + 1) } function otherShortcutKey( item: AskItem, shortcuts: AskProps["shortcuts"], ) { if (shortcuts === false || shortcuts == null) return null const index = item.choices.length if (shortcuts === "numbers") { return index < 9 ? String(index + 1) : null } return index < 26 ? String.fromCharCode(65 + index) : null } type ItemSelection = string | string[] | null function emptySelection(item: AskItem): ItemSelection { return item.multiple ? [] : null } function isChoiceSelected( item: AskItem, choiceValue: string, selection: Record, ) { const value = selection[item.name] if (item.multiple) { return Array.isArray(value) && value.includes(choiceValue) } return value === choiceValue } function selectedValues(value: ItemSelection | undefined): string[] { return Array.isArray(value) ? value : [] } function isEditableTarget(target: EventTarget | null) { if (!(target instanceof HTMLElement)) return false if (target.isContentEditable) return true if (target instanceof HTMLTextAreaElement) return true if (!(target instanceof HTMLInputElement)) return false return !["button", "checkbox", "radio", "reset", "submit"].includes( target.type, ) } function isChoiceInput( target: EventTarget | null, ): target is HTMLInputElement { return ( target instanceof HTMLInputElement && (target.type === "radio" || target.type === "checkbox") ) } function clickSlot( form: HTMLFormElement | null, slot: "previous" | "skip" | "next" | "submit", ) { const button = form?.querySelector( `[data-slot=questionnaire-${slot}]`, ) if (!button || button.disabled || button.hidden) return false if (button.getAttribute("aria-hidden") === "true") return false button.click() return true } function activeChoiceInputs(form: HTMLFormElement | null) { if (!form) return [] const items = [ ...form.querySelectorAll("[data-slot=questionnaire-item]"), ] const active = items.find((item) => !item.hidden) if (!active) return [] return [ ...active.querySelectorAll( "[data-slot=questionnaire-choice-input]", ), ].filter((input) => !input.disabled) } function moveChoiceFocus(form: HTMLFormElement | null, delta: 1 | -1) { const inputs = activeChoiceInputs(form) if (inputs.length === 0) return const currentIndex = inputs.findIndex( (input) => input === document.activeElement, ) const nextIndex = currentIndex < 0 ? delta === 1 ? 0 : inputs.length - 1 : (currentIndex + delta + inputs.length) % inputs.length inputs[nextIndex]?.focus() } function AskOptionRow({ children, className, isPending = false, showHoverArrow = false, ...props }: React.ComponentProps & { isPending?: boolean showHoverArrow?: boolean }) { return ( {children} {showHoverArrow ? ( ) : null} ) } function AskOtherRow({ name, label, placeholder = "Other", badge, disabled = false, isPending = false, committed, text, autoAdvance, multiple = false, inputRef, onTextChange, onCommit, onUncommitKeepText, onResetDraft, onFocusChange, }: { name: string label: string placeholder?: string badge: string disabled?: boolean isPending?: boolean committed: boolean text: string autoAdvance: boolean multiple?: boolean inputRef: (node: HTMLInputElement | null) => void onTextChange: (value: string) => void onCommit: () => void onUncommitKeepText: () => void onResetDraft: (refocus: boolean) => void onFocusChange: (focused: boolean) => void }) { const localRef = React.useRef(null) const [focused, setFocused] = React.useState(false) function setInputNode(node: HTMLInputElement | null) { localRef.current = node inputRef(node) } React.useLayoutEffect(() => { if (committed) return const el = localRef.current if (el && el.value !== text) el.value = text }, [committed, text]) React.useLayoutEffect(() => { const isFocus = localRef.current === document.activeElement setFocused(isFocus) }, [committed]) const showClear = focused && text.length > 0 const showCommitArrow = focused && text.trim().length > 0 && autoAdvance const showCommitCheck = focused && text.trim().length > 0 && (multiple || !autoAdvance) const highlighted = focused || committed || isPending const trailingAction = resolveOtherTrailingAction({ committed, focused, text, }) function handleTrailingMouseDown(event: React.MouseEvent) { if (trailingAction === "commit" || trailingAction === "deselect-keep-text") { event.preventDefault() } } function handleTrailingClick() { if (disabled) return if (trailingAction === "commit") { onCommit() return } if (trailingAction === "deselect-keep-text") { onUncommitKeepText() localRef.current?.blur() return } const input = localRef.current if (!input) return input.focus() const end = input.value.length input.setSelectionRange(end, end) } return (

{ if (disabled) return if (event.target instanceof HTMLButtonElement) return localRef.current?.focus() }} > {committed ? ( { setFocused(false) onFocusChange(false) }} onChange={(event) => { const next = event.currentTarget.value onTextChange(next) if (next.trim().length === 0) onUncommitKeepText() }} onFocus={() => { setFocused(true) onFocusChange(true) }} onKeyDown={(event) => { if (event.key === "ArrowLeft" || event.key === "ArrowRight") { event.stopPropagation() return } if (event.key === "Backspace" && text.length === 0) { event.preventDefault() event.stopPropagation() onResetDraft(false) localRef.current?.blur() return } if (event.key === "Enter") { event.preventDefault() event.stopPropagation() onCommit() } }} className="min-w-0 flex-1 border-0 bg-transparent p-0 text-sm shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed" /> ) : ( { setFocused(false) onFocusChange(false) }} onChange={(event) => { event.preventDefault() onTextChange(event.currentTarget.value) }} onFocus={() => { setFocused(true) onFocusChange(true) }} onKeyDown={(event) => { if (event.key === "ArrowLeft" || event.key === "ArrowRight") { event.stopPropagation() return } if (event.key === "Backspace" && text.length === 0) { event.preventDefault() event.stopPropagation() onResetDraft(false) localRef.current?.blur() return } if (event.key === "Enter") { event.preventDefault() event.stopPropagation() onCommit() } }} className="min-w-0 flex-1 border-0 bg-transparent p-0 text-sm shadow-none outline-none placeholder:text-muted-foreground focus-visible:ring-0 disabled:cursor-not-allowed" /> )} {showClear ? ( ) : null}

) } function skippedAnswer(item: AskItem): AskAnswer { return { name: item.name, title: item.title, value: null, label: "Skipped", } } function labelsForValues(item: AskItem, values: string[]) { return values.map( (value) => item.choices.find((choice) => choice.value === value)?.label ?? value, ) } function committedOtherText( itemName: string, otherDrafts: Record, ) { const draft = otherDrafts[itemName] if (!draft?.committed) return "" return draft.text.trim() } function readAnswers( form: HTMLFormElement, items: AskItem[], selection: Record, otherDrafts: Record, ): AskAnswer[] { const data = new FormData(form) return items.map((item) => { const other = committedOtherText(item.name, otherDrafts) if (item.multiple) { const selected = selectedValues(selection[item.name]) const fromForm = data .getAll(item.name) .map(String) .filter((value) => value.length > 0 && value !== other) const values = selected.length > 0 ? selected : fromForm if (values.length === 0 && !other) return skippedAnswer(item) const labels = labelsForValues(item, values) if (other) labels.push(other) return { name: item.name, title: item.title, value: other ? [...values, other] : values, label: labels.join(", "), } } if (other) { return { name: item.name, title: item.title, value: other, label: other, } } const selected = selection[item.name] const fromForm = data.get(item.name)?.toString() ?? "" const value = typeof selected === "string" && selected.length > 0 ? selected : fromForm if (!value) return skippedAnswer(item) const choice = item.choices.find((entry) => entry.value === value) return { name: item.name, title: item.title, value, label: choice?.label ?? value, } }) } function useAutoAdvance(delay: number) { const [pendingKey, setPendingKey] = React.useState(null) const timeoutRef = React.useRef | null>(null) const clear = React.useCallback(() => { if (timeoutRef.current) { clearTimeout(timeoutRef.current) timeoutRef.current = null } setPendingKey(null) }, []) React.useEffect(() => { return () => { if (timeoutRef.current) clearTimeout(timeoutRef.current) } }, []) const schedule = React.useCallback( (key: string, advance: () => void) => { if (timeoutRef.current) { clearTimeout(timeoutRef.current) timeoutRef.current = null } setPendingKey(key) timeoutRef.current = setTimeout(() => { timeoutRef.current = null setPendingKey(null) advance() }, delay) }, [delay], ) return { pendingKey, schedule, clear } } function CancelBatchButton({ labels, onCancel, }: { labels?: AskLabels onCancel?: () => void }) { const [open, setOpen] = React.useState(false) return ( {labels?.cancelTitle ?? "Cancel this batch?"} {labels?.cancelDescription ?? "Your current answers in this batch will be discarded."}

) } export function Ask({ items, className, onSubmit, onResult, review = false, cancel = false, onCancel, autoAdvanceDelay = DEFAULT_AUTO_ADVANCE_DELAY_MS, shortcuts = "numbers", labels, defaultItem, item: itemProp, onItemChange, }: AskProps) { const firstName = items[0]?.name ?? "" const lastName = items.at(-1)?.name const formRef = React.useRef(null) const [phase, setPhase] = React.useState<"questions" | "review">("questions") const [reviewAnswers, setReviewAnswers] = React.useState< AskAnswer[] >([]) const [itemStatus, setItemStatus] = React.useState< Partial> >({}) const [selection, setSelection] = React.useState< Record >({}) const selectionRef = React.useRef(selection) selectionRef.current = selection const [otherDrafts, setOtherDrafts] = React.useState< Record >({}) const otherDraftsRef = React.useRef(otherDrafts) otherDraftsRef.current = otherDrafts const [otherFocusedName, setOtherFocusedName] = React.useState( null, ) const otherInputRefs = React.useRef>( {}, ) const [uncontrolledItem, setUncontrolledItem] = React.useState( () => defaultItem ?? firstName, ) const activeItem = itemProp ?? uncontrolledItem const activeItemRef = React.useRef(activeItem) activeItemRef.current = activeItem const { pendingKey, schedule, clear } = useAutoAdvance(autoAdvanceDelay) const setActiveItem = React.useCallback( (next: string) => { if (itemProp == null) setUncontrolledItem(next) onItemChange?.(next) }, [itemProp, onItemChange], ) function handleItemChange(next: string) { clear() setActiveItem(next) } function restoreBatchKeyboard() { requestAnimationFrame(() => { formRef.current?.focus({ preventScroll: true }) }) } function blurOther(name: string) { otherInputRefs.current[name]?.blur() setOtherFocusedName((current) => (current === name ? null : current)) } function enterReview() { clear() if (formRef.current) { setReviewAnswers( readAnswers( formRef.current, items, selectionRef.current, otherDraftsRef.current, ), ) } setPhase("review") } React.useLayoutEffect(() => { if (phase !== "review") return formRef.current?.focus({ preventScroll: true }) }, [phase]) function leaveReview() { setPhase("questions") } function continueForward() { if (showReviewNext) { if (hasAnswer) enterReview() return } if (clickSlot(formRef.current, "next")) return clickSlot(formRef.current, "submit") } function handleKeyDown(event: React.KeyboardEvent) { if (event.defaultPrevented || event.nativeEvent.isComposing) return if (event.metaKey || event.ctrlKey || event.altKey) return if (isEditableTarget(event.target)) return const key = event.key const form = formRef.current if (phase === "review") { if (key === "ArrowLeft") { event.preventDefault() leaveReview() } else if (key === "Enter") { event.preventDefault() clickSlot(form, "submit") } return } if (pendingKey != null && (key === "ArrowLeft" || key === "ArrowRight")) { event.preventDefault() return } if (key === "ArrowUp" || key === "ArrowDown") { event.preventDefault() moveChoiceFocus(form, key === "ArrowDown" ? 1 : -1) return } if (key === "ArrowLeft") { event.preventDefault() clickSlot(form, "previous") return } if (key === "ArrowRight") { event.preventDefault() if (nextIsShowing) { if (showReviewNext) { if (hasAnswer) enterReview() return } clickSlot(form, "next") return } if (!skipWouldSubmit) clickSlot(form, "skip") return } if ( activeSlide?.input && otherShortcutKey(activeSlide, shortcuts) && key.toUpperCase() === otherShortcutKey(activeSlide, shortcuts) ) { event.preventDefault() applyOtherTrailing(activeSlide) return } if (key === " " && isChoiceInput(event.target)) { event.preventDefault() event.target.click() return } if (key !== "Enter") return if (isChoiceInput(event.target) && activeSlide) { const focusedSelected = isChoiceSelected( activeSlide, event.target.value, selection, ) if (!hasAnswer || !focusedSelected) { event.preventDefault() event.target.click() return } event.preventDefault() continueForward() return } if (hasAnswer) { event.preventDefault() continueForward() } } function goToNextFrom(fromName: string) { if (activeItemRef.current !== fromName) return const index = items.findIndex((item) => item.name === fromName) const next = items[index + 1] if (next) { setActiveItem(next.name) return } if (review) enterReview() } function emitCancel() { onResult?.({ status: "canceled" }) onCancel?.() } function handleSubmit(event: React.FormEvent) { // Skip on the last item calls form.requestSubmit(). Intercept that // while questions are still open so review is not bypassed. if (review && phase === "questions") { event.preventDefault() enterReview() return } event.preventDefault() onResult?.({ status: "submitted", answers: readAnswers( event.currentTarget, items, selectionRef.current, otherDraftsRef.current, ), }) onSubmit?.(event) } const collection = items.map((item) => ({ name: item.name, required: item.required, choices: item.choices.map((choice) => ({ value: choice.value })), })) const showReviewNext = review && phase === "questions" && activeItem === lastName const activeSlide = items.find((item) => item.name === activeItem) const hasAnswer = itemStatus[activeItem ?? ""] === "answered" const autoAdvanceSlide = Boolean(activeSlide) && itemAutoAdvances(activeSlide!) const hideAutoAdvanceNext = autoAdvanceSlide && (!hasAnswer || pendingKey != null) const nextIsShowing = !hideAutoAdvanceNext && Boolean(showReviewNext || activeItem !== lastName) const skipWouldSubmit = activeItem === lastName && !review const skipHasArrow = !nextIsShowing && !skipWouldSubmit const typingOtherSingle = Boolean(activeSlide && !activeSlide.multiple && activeSlide.input) && (otherDrafts[activeItem ?? ""]?.text.length ?? 0) > 0 const hideSkip = pendingKey != null || typingOtherSingle const hasPrevious = phase === "review" || (items.length > 1 && activeItem !== firstName) const hasSkip = phase === "questions" && activeSlide != null && !activeSlide.required && !hideSkip const hasNext = phase === "questions" && nextIsShowing const hasSubmit = phase === "review" || (phase === "questions" && activeItem === lastName && !review) const showActions = hasPrevious || hasSkip || hasNext || hasSubmit const backLabel = labels?.previous ?? "Back" const skipLabel = labels?.skip ?? "Skip" const nextLabel = labels?.next ?? "Next" const showCancel = cancel function clearItemSelection(name: string) { const item = items.find((entry) => entry.name === name) if (!item) return setSelection((current) => ({ ...current, [name]: emptySelection(item), })) } function patchOtherDraft(name: string, patch: Partial) { setOtherDrafts((current) => { const previous = current[name] ?? emptyOtherDraft() return { ...current, [name]: { ...previous, ...patch }, } }) } function resetOtherDraft(name: string) { setOtherDrafts((current) => ({ ...current, [name]: emptyOtherDraft(), })) } function uncommitOther(item: AskItem, keepText = true) { setOtherDrafts((current) => { const previous = current[item.name] ?? emptyOtherDraft() return { ...current, [item.name]: { text: keepText ? previous.text : "", committed: false, }, } }) if (!item.multiple && keepText) { const selected = selectionRef.current[item.name] if ( typeof selected === "string" && selected === committedOtherText(item.name, otherDraftsRef.current) ) { setSelection((current) => ({ ...current, [item.name]: null, })) } } blurOther(item.name) restoreBatchKeyboard() } function commitOther(item: AskItem) { if (pendingKey != null) return const raw = otherDraftsRef.current[item.name]?.text ?? "" const trimmed = raw.trim() if (!trimmed) { resetOtherDraft(item.name) if (!item.multiple) { setSelection((current) => ({ ...current, [item.name]: null, })) } blurOther(item.name) restoreBatchKeyboard() return } setOtherDrafts((current) => ({ ...current, [item.name]: { text: raw, committed: true }, })) if (item.multiple) { blurOther(item.name) restoreBatchKeyboard() return } setSelection((current) => ({ ...current, [item.name]: trimmed, })) blurOther(item.name) restoreBatchKeyboard() const isLast = item.name === lastName const hasNext = !isLast || review if (!itemAutoAdvances(item) || !hasNext) return schedule(`${item.name}:other`, () => goToNextFrom(item.name)) } function applyOtherTrailing(item: AskItem) { if (pendingKey != null) return const draft = otherDrafts[item.name] ?? emptyOtherDraft() const action = resolveOtherTrailingAction({ committed: draft.committed, focused: otherFocusedName === item.name, text: draft.text, }) if (action === "commit") { commitOther(item) return } if (action === "deselect-keep-text") { uncommitOther(item) return } const input = otherInputRefs.current[item.name] if (!input) return input.focus() const end = input.value.length input.setSelectionRange(end, end) } return (

{items.map((item) => { const titleId = `ask-${item.name}-title` const canAutoAdvance = itemAutoAdvances(item) const isLast = item.name === lastName const hasNext = !isLast || review return ( { setItemStatus((current) => ({ ...current, [item.name]: status, })) }} > }> {item.title} {item.description ? ( }> {item.description} ) : null}

(

Question {state.current} of {state.total}

)} /> {showCancel ? ( ) : null}

{item.choices.map((choice) => { const choiceKey = `${item.name}:${choice.value}` const isPending = pendingKey === choiceKey const isSelected = isChoiceSelected( item, choice.value, selection, ) const showHoverArrow = canAutoAdvance && itemStatus[item.name] !== "answered" && !isSelected return ( { if (item.multiple || !isSelected) return clear() clearItemSelection(item.name) }} onChange={(event) => { const checked = event.currentTarget.checked const value = choice.value if (!item.multiple) { setOtherDrafts((current) => { const previous = current[item.name] ?? emptyOtherDraft() if (!previous.committed) return current return { ...current, [item.name]: { ...previous, committed: false, }, } }) } setSelection((current) => { if (item.multiple) { const selected = selectedValues( current[item.name], ) return { ...current, [item.name]: checked ? [...selected, value] : selected.filter((entry) => entry !== value), } } return { ...current, [item.name]: checked ? value : null, } }) if (!checked) { clear() return } if (!canAutoAdvance || !hasNext) return if (itemStatus[item.name] === "answered") return schedule(choiceKey, () => goToNextFrom(item.name)) }} > {choice.label} ) })} {item.input ? ( { otherInputRefs.current[item.name] = node }} onTextChange={(value) => { patchOtherDraft(item.name, { text: value }) if ( !item.multiple && (otherDrafts[item.name]?.committed ?? false) ) { setSelection((current) => ({ ...current, [item.name]: value.trim() || null, })) } }} onCommit={() => commitOther(item)} onUncommitKeepText={() => uncommitOther(item)} onResetDraft={(refocus) => { resetOtherDraft(item.name) if (!item.multiple) { const selected = selectionRef.current[item.name] const other = committedOtherText( item.name, otherDraftsRef.current, ) if ( typeof selected === "string" && selected === other ) { setSelection((current) => ({ ...current, [item.name]: null, })) } } if (refocus) { requestAnimationFrame(() => otherInputRefs.current[item.name]?.focus(), ) } else { blurOther(item.name) restoreBatchKeyboard() } }} onFocusChange={(focused) => setOtherFocusedName(focused ? item.name : null) } /> ) : null} ) })}

{phase === "review" ? ( <> {labels?.review ?? "Review"} Submit this batch? {showCancel ? ( ) : null}

{answer.title}

{answer.label}

) : null} {showActions ? ( {phase === "review" ? ( <> {labels?.submit ?? "Submit"} ) : ( <> {backLabel} { if (!activeItem) return clear() clearItemSelection(activeItem) resetOtherDraft(activeItem) }} > {skipLabel} {skipHasArrow ? ( ) : null} {showReviewNext ? ( hideAutoAdvanceNext ? null : ( ) ) : ( <> {hideAutoAdvanceNext ? null : ( {nextLabel} )} {labels?.submit ?? "Submit"} )} )} ) : null} ) } 48:["$","div",null,{"className":"mt-3 flex min-h-0 min-w-0 flex-1 flex-col gap-3","children":[["$","div",null,{"className":"flex shrink-0 items-start gap-3","children":[["$","div",null,{"className":"flex max-h-28 min-w-0 flex-1 flex-wrap items-center gap-2 overflow-y-auto","children":[null,["$","$L49",null,{"namespace":"@layish","registryDependencies":["questionnaire","card","button","popover"]}]]}],null]}],["$","$L4a",null,{"files":[{"path":"registry/new-york/blocks/ask/ask.tsx","content":"$4b","type":"registry:block"}],"className":"h-[70svh] min-h-80"}]]}]