[{"_1":2,"_3":-5,"_4":-5},"loaderData",{"_5":6,"_7":8,"_9":10,"_11":12},"actionData","errors","root",{"_271":-5,"_274":275,"_276":277},"routes/shell",{"_40":41,"_270":-5,"_271":-5,"_272":273},"routes/repo",{"_33":-7,"_34":35,"_36":37,"_38":39,"_40":41,"_42":31,"_43":31,"_44":31,"_45":31,"_46":31,"_47":31,"_48":49,"_50":49,"_51":31,"_52":-7,"_53":-7,"_54":55,"_56":57,"_58":59,"_60":-5,"_61":62,"_63":64,"_65":66,"_67":68},"routes/repo.blob",{"_13":14,"_15":16,"_17":18,"_19":20,"_21":14,"_22":23,"_24":-5,"_25":26,"_27":28,"_28":29,"_30":31,"_32":14},"ref","cf89a0f2bb59cd56f584b4df17c24cdc406cc99e","path","packages/ui/src/components/requests/question.tsx","oid","0ec5bec104680a69957bd3329d32c2c6aa7582c3","size",12529,"commit","mounts",[],"source","plain",{"_13":14,"_15":16},"kind","text","import {\n\ttype ComponentPropsWithRef,\n\ttype KeyboardEvent,\n\ttype ReactNode,\n\ttype Ref,\n\tuseImperativeHandle,\n\tuseLayoutEffect,\n\tuseState,\n} from \"react\";\n\nimport { Button } from \"../../ui/button\";\nimport { cn } from \"../../lib/utils\";\n\nimport { isAnswered } from \"./question-state\";\n\nexport type QuestionItem = {\n\tid: string;\n\theader: string;\n\tquestion: string;\n\toptions: { id: string; label: string; description: string }[];\n\tmultiple: boolean;\n};\nexport type QuestionDraft = Record;\n\tcustom: string;\n}>;\nexport type QuestionForm = {\n\tdefinition: { questions: QuestionItem[] };\n\tview?: QuestionDraft;\n\tdisabled: boolean;\n\tsubmitting: boolean;\n\tsyncing?: boolean;\n\terror?: string;\n\tvalidation?: string;\n\tstatus?: string;\n\tactions?: ReactNode;\n\tchoose: (id: string, option: string, multiple: boolean, checked: boolean) => void;\n\tfocus?: (id: string, field: \"choices\" | \"custom\") => void;\n\tblur?: () => void;\n\tsubmit: () => void | Promise;\n\tretry?: () => void;\n\tcustom?: (question: QuestionItem) => ReactNode;\n\tpresence?: (id: string) => { count: number; content: ReactNode } | undefined;\n};\nexport type QuestionViewHandle = { invalid: (id: string) => void };\nexport type QuestionViewProps = Omit, \"id\" | \"title\"> & {\n\tid: string;\n\tcount: number;\n\trequester: ReactNode;\n\ttitle?: string;\n\tform: QuestionForm;\n\thandle?: Ref;\n};\n\n/** Controlled questionnaire presentation; transport and shared editing stay in adapters. */\nexport function QuestionView(\n\t{ id, count, requester, title = \"Ace needs your input\", form, handle, className, ...props }:\n\t\tQuestionViewProps,\n) {\n\tlet [selected, setActive] = useState();\n\tlet [focusRequest, setFocusRequest] = useState<{\n\t\tid: string;\n\t\ttarget: \"tab\" | \"answer\";\n\t}>();\n\tfunction invalid(id: string) {\n\t\tsetActive(id);\n\t\tsetFocusRequest({ id, target: \"tab\" });\n\t}\n\tlet { definition, view, syncing, blur } = form;\n\tuseImperativeHandle(handle, () => ({ invalid }));\n\tlet active = definition.questions.some(question => question.id === selected)\n\t\t? selected\n\t\t: definition.questions[0]?.id;\n\n\tuseLayoutEffect(() => {\n\t\tif (!active) return;\n\t\tlet target = focusRequest?.id === active ? focusRequest.target : undefined;\n\t\tlet tab = document.getElementById(tabId(active));\n\t\ttab?.scrollIntoView({ block: \"nearest\", inline: \"nearest\" });\n\t\tif (target === \"tab\") tab?.focus();\n\t\telse if (target === \"answer\") {\n\t\t\tlet panel = document.getElementById(panelId());\n\t\t\tlet options = panel\n\t\t\t\t? [\n\t\t\t\t\t...panel.querySelectorAll(\n\t\t\t\t\t\t'input[type=\"radio\"], input[type=\"checkbox\"]',\n\t\t\t\t\t),\n\t\t\t\t].filter(input => !input.disabled)\n\t\t\t\t: [];\n\t\t\t(options.find(input => input.checked) ?? options[0])?.focus();\n\t\t}\n\t\tif (target) setFocusRequest(undefined);\n\t}, [active, focusRequest, id]);\n\n\tlet questions = definition.questions;\n\tlet index = Math.max(0, questions.findIndex(question => question.id === active));\n\tlet question = questions[index];\n\tlet tabs = questions.length > 1;\n\n\tfunction tabId(question: string) {\n\t\treturn `question-tab-${id}-${question}`;\n\t}\n\n\tfunction panelId() {\n\t\treturn `question-panel-${id}`;\n\t}\n\n\tfunction select(next: number, moveFocus?: \"tab\" | \"answer\") {\n\t\tlet question = questions[next];\n\t\tif (!question) return;\n\t\tblur?.();\n\t\tsetFocusRequest(moveFocus ? { id: question.id, target: moveFocus } : undefined);\n\t\tsetActive(question.id);\n\t}\n\n\tfunction navigate(event: KeyboardEvent) {\n\t\tif (\n\t\t\tevent.defaultPrevented || event.nativeEvent.isComposing || event.altKey\n\t\t\t|| event.ctrlKey\n\t\t\t|| event.metaKey\n\t\t\t|| event.shiftKey\n\t\t) {\n\t\t\treturn;\n\t\t}\n\t\tlet target = event.target;\n\t\tif (!(target instanceof HTMLElement)) return;\n\t\tlet tab = target.closest('[role=\"tab\"]');\n\t\tlet choice = target instanceof HTMLInputElement\n\t\t\t\t&& (target.type === \"radio\" || target.type === \"checkbox\")\n\t\t\t? target\n\t\t\t: undefined;\n\t\tif (!tab && !choice) return;\n\n\t\tif ((choice || tab) && (event.key === \"ArrowUp\" || event.key === \"ArrowDown\")) {\n\t\t\tlet panel = choice\n\t\t\t\t? target.closest('[role=\"tabpanel\"]') ?? target.closest(\"fieldset\")\n\t\t\t\t: document.getElementById(panelId());\n\t\t\tlet options = panel\n\t\t\t\t? [\n\t\t\t\t\t...panel.querySelectorAll(\n\t\t\t\t\t\t'input[type=\"radio\"], input[type=\"checkbox\"]',\n\t\t\t\t\t),\n\t\t\t\t]\n\t\t\t\t\t.filter(input => !input.disabled)\n\t\t\t\t: [];\n\t\t\tif (options.length === 0) return;\n\t\t\tlet current = choice\n\t\t\t\t? options.indexOf(choice)\n\t\t\t\t: options.findIndex(input => input.checked);\n\t\t\tlet offset = event.key === \"ArrowDown\" ? 1 : -1;\n\t\t\tlet next = current === -1\n\t\t\t\t? options[event.key === \"ArrowDown\" ? 0 : options.length - 1]\n\t\t\t\t: options[(current + offset + options.length) % options.length];\n\t\t\tevent.preventDefault();\n\t\t\tevent.stopPropagation();\n\t\t\tnext.focus();\n\t\t\tif (next.type === \"radio\") next.click();\n\t\t\treturn;\n\t\t}\n\n\t\tif (!tabs) return;\n\n\t\tlet next: number | undefined;\n\t\tif (event.key === \"ArrowRight\") next = (index + 1) % questions.length;\n\t\telse if (event.key === \"ArrowLeft\") next = (index - 1 + questions.length) % questions.length;\n\t\telse if (event.key === \"Home\" && tab) next = 0;\n\t\telse if (event.key === \"End\" && tab) next = questions.length - 1;\n\t\tif (next === undefined) return;\n\t\tevent.preventDefault();\n\t\tevent.stopPropagation();\n\t\tselect(next, choice ? \"answer\" : \"tab\");\n\t}\n\n\tlet extra = count > 1 ? count - 1 : 0;\n\treturn (\n\t\t\n\t\t\t

\n\t\t\t\t

\n\t\t\t\t\t

{title}

\n\t\t\t\t\t

\n\t\t\t\t\t\tRequested by {requester}\n\t\t\t\t\t\t{extra > 0 && ` · ${extra} more pending`}\n\t\t\t\t\t

\n\t\t\t\t

\n\t\t\t\t{syncing && Syncing…}\n\t\t\t

\n\n\t\t\t{tabs && (\n\t\t\t\t\n\t\t\t)}\n\n\t\t\t

\n\t\t\t\t{question && (\n\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t

\n\t\t\t\t)}\n\t\t\t\n\n\t\t\t\n\t\t\n\t);\n}\n\nfunction QuestionFooter(\n\t{ form, index, select }: {\n\t\tform: QuestionForm;\n\t\tindex: number;\n\t\tselect: (index: number) => void;\n\t},\n) {\n\tlet { error, validation, status, retry, submitting, disabled, submit } = form;\n\tlet questions = form.definition.questions;\n\tlet tabs = questions.length > 1;\n\tlet last = index === questions.length - 1;\n\treturn (\n\t\t\n\t);\n}\n\nfunction QuestionAnswer(\n\t{ form, question, index, item }: {\n\t\tform: QuestionForm;\n\t\tquestion: QuestionItem;\n\t\tindex: number;\n\t\titem: string;\n\t},\n) {\n\tlet { disabled, view, focus, blur, choose } = form;\n\tlet answer = view?.[question.id];\n\tlet presence = form.presence?.(question.id);\n\treturn (\n\t\t

\n\t\t\t\n\t\t\t\t{index + 1}.\n\t\t\t\t{question.header}\n\t\t\t\n\t\t\t{presence && (\n\t\t\t\t

\n\t\t\t\t\t{presence.content}\n\t\t\t\t

\n\t\t\t)}\n\t\t\t

\n\t\t\t\t{question.question}\n\t\t\t

\n\t\t\t

\n\t\t\t\t{question.options.map((option) => {\n\t\t\t\t\tlet checked = answer?.mode === \"choices\" && (question.multiple\n\t\t\t\t\t\t? !!answer.options?.[option.id]\n\t\t\t\t\t\t: answer.choice === option.id);\n\t\t\t\t\treturn (\n\t\t\t\t\t\t event.currentTarget.querySelector(\"input\")?.focus()}\n\t\t\t\t\t\t\tclassName=\"flex cursor-pointer items-start gap-2 rounded-md px-1.5 py-1 hover:bg-muted/60 has-disabled:cursor-not-allowed\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t focus?.(question.id, \"choices\")}\n\t\t\t\t\t\t\t\tonBlur={blur}\n\t\t\t\t\t\t\t\tonChange={(event) => {\n\t\t\t\t\t\t\t\t\tevent.currentTarget.focus();\n\t\t\t\t\t\t\t\t\tchoose(\n\t\t\t\t\t\t\t\t\t\tquestion.id,\n\t\t\t\t\t\t\t\t\t\toption.id,\n\t\t\t\t\t\t\t\t\t\tquestion.multiple,\n\t\t\t\t\t\t\t\t\t\tevent.currentTarget.checked,\n\t\t\t\t\t\t\t\t\t);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\tclassName=\"mt-1 size-3.5 shrink-0 accent-primary\"\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t\t{option.description && (\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\t\t{option.description}\n\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t);\n\t\t\t\t})}\n\t\t\t

\n\t\t\t{form.custom?.(question)}\n\t\t

\n\t);\n}\n\nfunction QuestionTabs({ questions, index, view, presence, tabId, panelId, select }: {\n\tquestions: QuestionItem[];\n\tindex: number;\n\tview?: QuestionDraft;\n\tpresence?: QuestionForm[\"presence\"];\n\ttabId: (id: string) => string;\n\tpanelId: () => string;\n\tselect: (index: number) => void;\n}) {\n\treturn (\n\t\t\n\t\t\t{questions.map((item, tab) => {\n\t\t\t\tlet selected = tab === index;\n\t\t\t\tlet complete = isAnswered(item, view?.[item.id]);\n\t\t\t\tlet present = presence?.(item.id)?.count || 0;\n\t\t\t\tlet editing = present\n\t\t\t\t\t? `, ${present} ${present === 1 ? \"collaborator\" : \"collaborators\"} editing`\n\t\t\t\t\t: \"\";\n\t\t\t\treturn (\n\t\t\t\t\t select(tab)}\n\t\t\t\t\t\tclassName=\"group flex h-9 min-w-28 max-w-44 shrink-0 items-center gap-1.5 border-r border-border px-2.5 text-left text-xs text-muted-foreground outline-none transition-colors hover:bg-muted/50 focus-visible:ring-2 focus-visible:ring-inset focus-visible:ring-ring data-[active]:bg-background data-[active]:text-foreground\"\n\t\t\t\t\t>\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t{tab + 1}\n\t\t\t\t\t\t\n\t\t\t\t\t\t{item.header}\n\t\t\t\t\t\t{present > 0 && (\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t{present}\n\t\t\t\t\t\t\t\n\t\t\t\t\t\t)}\n\t\t\t\t\t\n\t\t\t\t);\n\t\t\t})}\n\t\t\n\t);\n}\n","editable",false,"branch","documentNavigation","repo","githubnext/ace2","repoId","938fe4cd-5320-4e4f-ac7c-87d4dad8490c","ownerId","org:89615882","site","nexthub","private","admin","settings","maintainer","triage","starred","stars",0,"watchers","watching","pinned","notify","views",[226,227,228,229,230,231,232,233,234,235,236,237,238],"navigation",{"_54":55,"_182":183,"_184":185,"_186":187,"_188":189,"_190":191,"_192":193},"sources",[],"viewer","meta",{"_174":175,"_176":177,"_178":179,"_42":31,"_180":166,"_181":31,"_48":49,"_50":49},"branches",[81,82,83,84,85,86,87,88,89,90,91,92,93,94,95,96,97,98,99,100,101,102,103,104,105,106,107,108,109,110,111,112,113,114,115,116,117,118,119,120,121,122,123,124,125,126,127,128,129,130,131,132,133,134,135,136,137,138,139,140,141,142,143,144,145,146,147,148,149,150,151,152,153,154,155,156,157,158,159,160,161,162,163,164,165,166,167,168,169,170,171,172,173],"tags",[69,70,71,72,73,74,75,76,77,78,79,80],"cloneUrl","https://git.nexthub.sh/githubnext/ace2.git","desktop-canary-v0.0.10","desktop-canary-v0.0.11","desktop-canary-v0.0.12","desktop-canary-v0.0.13","desktop-canary-v0.0.14","desktop-canary-v0.0.15","desktop-canary-v0.0.16","desktop-canary-v0.0.18","desktop-canary-v0.0.21","desktop-canary-v0.0.7","desktop-canary-v0.0.8","desktop-canary-v0.0.9","amber-beacon/composer-effort","brisk-ember/github-avatars","brisk-grove/image-paste-91","calm-anchor/fix-streaming-draft-overlap","calm-grove/composer-agent-mode","cloud-pilot-ops/canary-0-0-17","cloud-pilot-ops/cloud-move","cloud-pilot-ops/cloud-pilot","codex/agentation-shortcut","codex/annotation-polish","codex/browser-pages","codex/canary-0-0-21","codex/canary-0.0.11","codex/channel-delete-close","codex/channel-watch-recovery","codex/clipboard-files-write","codex/composer-coordinate-check","codex/computer-use-validation","codex/desktop-actions","codex/desktop-app-search","codex/desktop-app-state","codex/desktop-availability","codex/desktop-click-variants","codex/desktop-clipboard","codex/desktop-clipboard-files","codex/desktop-clipboard-image","codex/desktop-clipboard-image-write","codex/desktop-clipboard-text","codex/desktop-drag","codex/desktop-keyboard","codex/desktop-launch","codex/desktop-locked-feedback","codex/desktop-menu-command","codex/desktop-menu-inventory","codex/desktop-minimize","codex/desktop-open","codex/desktop-pointer","codex/desktop-quit","codex/desktop-selection-keys","codex/desktop-tool-guidance","codex/desktop-tools-extraction","codex/desktop-window-close","codex/desktop-window-geometry","codex/desktop-windows","codex/dev-permission-identity","codex/durable-composer-drafts","codex/fix-message-clipping","codex/lane-base-96","codex/native-patch-prefix","codex/peekaboo","codex/peer-channel-messaging","codex/pixel-snapshot-authority","codex/publish-canary-0-0-21","codex/readme-security","codex/settings-refresh","codex/stale-click-refusal","codex/tab-renaming-api","codex/team-agent-access","codex/team-channel-sections","codex/team-dogfood-integration","codex/webkit-coordinate-window","codex/webkit-desktop-focus","deft-beacon/helper-isolation","deft-grove/align-avatar-byline","deft-grove/build-canary-0-0-18","deft-grove/canary-github-releases","deft-grove/ship-canary-0-0-18","deft-meadow/details-sidebar","fair-ember/canary-0-0-13","fair-ember/canary-0-0-14","fair-fjord/all-projects","feat/github-cache","feat/rebuild","fix/channel-credentials","glad-anchor/restore-message-queue","glad-ember/archive-inactive-channels","glad-fjord/project-identity","glad-orbit/channel-progress","glad-ridge/terminal-replay-input","hazy-anchor/github-row-actions","hazy-ember/channel-access-toggles","hazy-grove/all-projects-add-channel","local-project-setup/build-canary-0-0-20","local-project-setup/canary-0-0-20","local-project-setup/local-project-setup","main","mellow-ridge/canary-0-0-16","mellow-ridge/top-bar-drag-area","nimble-cedar/modal-top-offset","nimble-meadow/canary-0-0-15","remote-channel-load/build-canary-0-0-19","remote-channel-load/canary-0-0-19","remote-channel-load/fix-remote-channel-load","description","Ace: a collaborative coding environment on the team's own machines","owner","githubnext","section","","head","empty","pins",[208,209,210],"documents",{"_203":204,"_205":206},"code",{"_199":200,"_201":202},"automations",{"_196":197,"_198":-5},"delivery",{"_194":49,"_195":-5},"tag","9Rn62lcgXCFfpmCuooTjLxGyUf8","releases","applications","workflows",2,"deployments","commits",215,"changes",1,"counts",{"_207":206},"total",86,"issue",{"_211":201,"_213":224,"_15":201,"_215":225,"_52":217,"_218":31,"_219":217,"_220":202},{"_211":221,"_213":222,"_15":221,"_215":223,"_52":217,"_218":31,"_219":217,"_220":49},{"_211":212,"_213":214,"_15":212,"_215":216,"_52":217,"_218":31,"_219":217,"_220":206},"id","issues","name","Issues","filters",{},true,"saved","pinnable","count","tasks","Tasks",{},"Changes",{},{"_211":201,"_213":224,"_15":201,"_215":269,"_52":217,"_218":31,"_219":217},{"_211":221,"_213":222,"_15":221,"_215":268,"_52":217,"_218":31,"_219":217},{"_211":212,"_213":214,"_15":212,"_215":267,"_52":217,"_218":31,"_219":217},{"_211":264,"_213":265,"_15":264,"_215":266,"_52":31,"_218":31,"_219":217},{"_211":261,"_213":262,"_15":261,"_215":263,"_52":31,"_218":31,"_219":217},{"_211":196,"_213":259,"_15":188,"_215":260,"_52":31,"_218":31,"_219":217},{"_211":198,"_213":256,"_15":257,"_215":258,"_52":31,"_218":31,"_219":217},{"_211":194,"_213":254,"_15":194,"_215":255,"_52":31,"_218":31,"_219":217},{"_211":250,"_213":251,"_15":252,"_215":253,"_52":31,"_218":31,"_219":217},{"_211":184,"_213":248,"_15":184,"_215":249,"_52":31,"_218":31,"_219":31},{"_211":245,"_213":246,"_15":245,"_215":247,"_52":31,"_218":31,"_219":31},{"_211":242,"_213":243,"_15":242,"_215":244,"_52":31,"_218":31,"_219":31},{"_211":239,"_213":240,"_15":239,"_215":241,"_52":31,"_218":31,"_219":31},"decisions","Decisions",{},"changelog","Changelog",{},"roadmap","Roadmap",{},"Documents",{},"activity","Activity","insights",{},"Releases",{},"Deployments","automations/deployments",{},"Workflows",{},"discussions","Discussions",{},"goals","Goals",{},{},{},{},"groups","user","agents",[],"now",1794439355867,"sidebar","expanded"]