provider: "github", callbackURL: pathname, }) }) } } }} placeholder={placeholder} ref={textareaRef} required /> {isAuthLoading || isCustomerLoading ? ( // biome-ignore lint/a11y/useKeyWithClickEvents: focus-forwarding UX // biome-ignore lint/a11y/noStaticElementInteractions: focus-forwarding UX

{ const target = e.target as HTMLElement if (target.closest("button")) { return } textareaRef.current?.focus() }} /> ) : ( // biome-ignore lint/a11y/useKeyWithClickEvents: focus-forwarding UX // biome-ignore lint/a11y/noStaticElementInteractions: focus-forwarding UX

{ const target = e.target as HTMLElement if (target.closest("button")) { return } textareaRef.current?.focus() }} >

{(() => { const Icon = getModelIcon(selectedAsking.provider) return Icon ? ( {options.asking.map((asking) => { const isDisabled = asking.isProModel && !isProUser return ( { if (isDisabled) { setPaywallOpen(true) return } setSelectedAsking(asking) onAskingChange?.(asking) }} > {(() => { const Icon = getModelIcon(asking.provider) return Icon ? ( ) })} {owner && repo && ( { selectedBranchRef.current = branch }} owner={owner} repo={repo} /> )} {isSignedIn && selectedAsking.id !== "human" && ( )}

{canModerate && (

{mode} {mode === "ask" ? "Switch to build mode (Shift+Tab)" : "Switch to ask mode (Shift+Tab)"} {mode === "build" && !hasRepoScope && ( Build mode requires additional GitHub permissions. Click to grant access. )}

)}

{isSignedIn && selectedAsking.id !== "human" && ( )}

)} ) } const CreditWarning = ({ selectedAsking, creditBalance, className, }: { selectedAsking: AskingOption creditBalance: number className?: string }) => { const requiredCredits = selectedAsking.isProModel ? 5 : 1 const hasEnoughCredits = creditBalance >= requiredCredits if (!hasEnoughCredits) { if (creditBalance === 0) { return ( Out of credits ) } return ( Not enough credits for this model ) } return null }