labels.chat_step_intent=Анализ
labels.chat_step_search=Поиск
labels.chat_step_evaluate=Оценка
labels.chat_step_fetch=Получение
labels.chat_step_answer=Ответ
labels.chat_input_hint=Enter для отправки, Shift+Enter для новой строки
labels.chat_send=Отправить сообщение
labels.chat_retry=Повторить
labels.chat_dismiss=Закрыть
labels.chat_copied=Скопировано!
labels.chat_copy_failed=Ошибка копирования

labels.chat_step_intent=विश्लेषण
labels.chat_step_search=खोज
labels.chat_step_evaluate=मूल्यांकन
labels.chat_step_fetch=प्राप्त करें
labels.chat_step_answer=उत्तर
labels.chat_input_hint=भेजने के लिए Enter, नई पंक्ति के लिए Shift+Enter
labels.chat_send=संदेश भेजें
labels.chat_retry=पुनः प्रयास करें
labels.chat_dismiss=बंद करें
labels.chat_copied=कॉपी हो गया!
labels.chat_copy_failed=कॉपी विफल

labels.chat_filter=फ़िल्टर

labels.chat_step_intent=Analisar
labels.chat_step_search=Pesquisar
labels.chat_step_evaluate=Avaliar
labels.chat_step_fetch=Obter
labels.chat_step_answer=Responder
labels.chat_input_hint=Enter para enviar, Shift+Enter para nova linha
labels.chat_send=Enviar mensagem
labels.chat_retry=Tentar novamente
labels.chat_dismiss=Fechar
labels.chat_copied=Copiado!
labels.chat_copy_failed=Falha ao copiar

labels.chat_step_intent=분석
labels.chat_step_search=검색
labels.chat_step_evaluate=평가
labels.chat_step_fetch=가져오기
labels.chat_step_answer=답변
labels.chat_input_hint=Enter로 전송, Shift+Enter로 줄 바꿈
labels.chat_send=메시지 보내기
labels.chat_retry=다시 시도
labels.chat_dismiss=닫기
labels.chat_copied=복사됨!
labels.chat_copy_failed=복사 실패

labels.chat_filter=필터

Algunos tipos pueden tomar "parámetros de tipo" entre corchetes, para definir sus tipos internos, por ejemplo una "lista de strings" se declararía `list[str]`.

Estos tipos que pueden tomar parámetros de tipo se llaman **Tipos Genéricos** o **Genéricos**.

Puedes usar los mismos tipos integrados como genéricos (con corchetes y tipos dentro):

* `list`
* `tuple`
* `set`
* `dict`

        elements.sendBtn.on('click', sendMessage);

        elements.chatInput.on('keydown', function(e) {
            // Prevent sending during IME composition (Japanese, Chinese, etc.)
            if (e.key === 'Enter' && !e.shiftKey && !e.isComposing) {
                e.preventDefault();
                sendMessage();
            }
        });

        // Handle IME composition for older browsers

labels.chat_step_intent=Analizar
labels.chat_step_search=Buscar
labels.chat_step_evaluate=Evaluar
labels.chat_step_fetch=Obtener
labels.chat_step_answer=Responder
labels.chat_input_hint=Enter para enviar, Shift+Enter para nueva línea
labels.chat_send=Enviar mensaje
labels.chat_retry=Reintentar
labels.chat_dismiss=Cerrar
labels.chat_copied=¡Copiado!
labels.chat_copy_failed=Error al copiar

La primera parte de la comunicación es solo para establecer la conexión entre el cliente y el servidor y decidir las claves criptográficas que usarán, etc.

<img src="/img/deployment/https/https02.drawio.svg">

Esta interacción entre el cliente y el servidor para establecer la conexión TLS se llama **handshake TLS**.

### TLS con Extensión SNI { #tls-with-sni-extension }

OAuth2は、バックエンドやAPIがユーザーを認証するサーバーから独立したものとして設計されていました。

しかし、この場合、同じ**FastAPI**アプリケーションがAPIと認証を処理します。

そこで、簡略化した箇所から見直してみましょう:

* ユーザーはフロントエンドで`username`と`password`を入力し、`Enter`を押します。
* フロントエンド (ユーザーのブラウザで実行中) は、`username`と`password`をAPIの特定のURL (`tokenUrl="token"`で宣言された) に送信します。
* APIは`username`と`password`をチェックし、「トークン」を返却します (まだ実装していません)。
    * 「トークン」はただの文字列であり、あとでこのユーザーを検証するために使用します。

);n||(n=new this.constructor(t.currentTarget,this._getDelegateConfig()),o.default(t.currentTarget).data(e,n)),n._activeTrigger.click=!n._activeTrigger.click,n._isWithActiveTrigger()?n._enter(null,n):n._leave(null,n)}else{if(o.default(this.getTipElement()).hasClass(Rt))return void this._leave(null,this);this._enter(null,this)}},e.dispose=function(){clearTimeout(this._timeout),o.default.removeData(this.element,this.constructor.DATA_KEY),o.default(this.element).off(this.constructor.EVENT_KEY),o.def...