Improve AI Chat context popup (#3424)

Author: zenoachtig

.changeset/slow-roses-mate.md

@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Improve AI Chat context popup

packages/gitbook/src/components/AIChat/AIChatInput.tsx

@@ -72,7 +72,7 @@ export function AIChatInput(props: {
             <div className="absolute inset-x-0 bottom-0 flex items-center px-2 py-2">
                 <Tooltip
                     label={
-                        <div className="flex flex-col gap-2 p-2">
+                        <div className="flex flex-col gap-3 p-2">
                             <p>{t(language, 'ai_chat_context_description')}</p>
                             <ul className="flex flex-col gap-2">
                                 <li className="flex items-center gap-2">
@@ -88,12 +88,15 @@ export function AIChatInput(props: {
                                     {t(language, 'ai_chat_context_previous_messages')}
                                 </li>
                             </ul>
+                            <p>{t(language, 'ai_chat_context_disclaimer')}</p>
                         </div>
                     }
                     arrow
                 >
                     <div className="flex cursor-help items-center gap-1 circular-corners:rounded-2xl rounded-corners:rounded-md px-2 py-1 text-tint/7 text-xs transition-all hover:bg-tint">
-                        <Icon icon="glasses-round" className="size-3.5" />{' '}
+                        <span className="-ml-1 circular-corners:rounded-2xl rounded-corners:rounded-md bg-tint-11/7 px-1 py-0.5 font-mono font-semibold text-[0.65rem] text-contrast-tint-11 leading-none">
+                            AI
+                        </span>{' '}
                         <span>{t(language, 'ai_chat_context_title')}</span>
                     </div>
                 </Tooltip>

packages/gitbook/src/intl/translations/de.ts

@@ -73,12 +73,14 @@ export const de = {
     ai_chat_clear_conversation: 'Unterhaltung löschen',
     ai_chat_thinking: 'Denke nach...',
     ai_chat_working: 'Arbeite...',
+    ai_chat_context_badge: 'KI',
     ai_chat_context_title: 'Basierend auf Ihrem Kontext',
     ai_chat_context_description:
-        'Der Docs-Assistent verwendet Ihren Kontext, um Antworten zu generieren und Aktionen durchzuführen.',
+        'Der Docs-Assistent verwendet KI und Ihren Kontext, um Antworten zu generieren und Aktionen durchzuführen.',
     ai_chat_context_pages_youve_read: 'Seiten, die Sie gelesen haben',
     ai_chat_context_info_provided_by_the_site: 'Von der Website bereitgestellte Informationen',
     ai_chat_context_previous_messages: 'Vorherige Nachrichten',
+    ai_chat_context_disclaimer: 'KI-Antworten können Fehler enthalten.',
     ai_chat_input_placeholder: 'Fragen, suchen oder Aktion ausführen...',
     send: 'Senden',
     ai_chat_suggested_questions_title: 'Vorgeschlagene Fragen',

packages/gitbook/src/intl/translations/en.ts

@@ -71,12 +71,14 @@ export const en = {
     ai_chat_clear_conversation: 'Clear conversation',
     ai_chat_thinking: 'Thinking...',
     ai_chat_working: 'Working...',
+    ai_chat_context_badge: 'AI',
     ai_chat_context_title: 'Based on your context',
     ai_chat_context_description:
-        'Docs Assistant uses your context to generate answers and perform actions.',
+        'Docs Assistant uses AI and your context to generate answers and perform actions.',
     ai_chat_context_pages_youve_read: "Pages you've read",
     ai_chat_context_info_provided_by_the_site: 'Info provided by the site',
     ai_chat_context_previous_messages: 'Previous messages',
+    ai_chat_context_disclaimer: 'AI responses may contain mistakes.',
     ai_chat_input_placeholder: 'Ask, search, or take action...',
     send: 'Send',
     ai_chat_suggested_questions_title: 'Suggested questions',

packages/gitbook/src/intl/translations/es.ts

@@ -75,12 +75,14 @@ export const es: TranslationLanguage = {
     ai_chat_clear_conversation: 'Limpiar conversación',
     ai_chat_thinking: 'Pensando...',
     ai_chat_working: 'Trabajando...',
+    ai_chat_context_badge: 'IA',
     ai_chat_context_title: 'Basado en tu contexto',
     ai_chat_context_description:
-        'El Asistente de Docs usa tu contexto para generar respuestas y realizar acciones.',
+        'El Asistente de Docs usa IA y tu contexto para generar respuestas y realizar acciones.',
     ai_chat_context_pages_youve_read: 'Páginas que has leído',
     ai_chat_context_info_provided_by_the_site: 'Información proporcionada por el sitio',
     ai_chat_context_previous_messages: 'Mensajes anteriores',
+    ai_chat_context_disclaimer: 'Las respuestas de IA pueden contener errores.',
     ai_chat_input_placeholder: 'Pregunta, busca o realiza una acción...',
     send: 'Enviar',
     ai_chat_suggested_questions_title: 'Preguntas sugeridas',

packages/gitbook/src/intl/translations/fr.ts

@@ -73,12 +73,14 @@ export const fr: TranslationLanguage = {
     ai_chat_clear_conversation: 'Effacer la conversation',
     ai_chat_thinking: 'Réfléchit...',
     ai_chat_working: 'Travaille...',
+    ai_chat_context_badge: 'IA',
     ai_chat_context_title: 'Basé sur votre contexte',
     ai_chat_context_description:
-        "L'Assistant Docs utilise votre contexte pour générer des réponses et effectuer des actions.",
+        "L'Assistant Docs utilise l'IA et votre contexte pour générer des réponses et effectuer des actions.",
     ai_chat_context_pages_youve_read: 'Pages que vous avez lues',
     ai_chat_context_info_provided_by_the_site: 'Informations fournies par le site',
     ai_chat_context_previous_messages: 'Messages précédents',
+    ai_chat_context_disclaimer: "Les réponses de l'IA peuvent contenir des erreurs.",
     ai_chat_input_placeholder: 'Demander, rechercher ou effectuer une action...',
     send: 'Envoyer',
     ai_chat_suggested_questions_title: 'Questions suggérées',

packages/gitbook/src/intl/translations/ja.ts

@@ -73,12 +73,14 @@ export const ja: TranslationLanguage = {
     ai_chat_clear_conversation: '会話をクリア',
     ai_chat_thinking: '考え中...',
     ai_chat_working: '作業中...',
+    ai_chat_context_badge: 'AI',
     ai_chat_context_title: 'あなたのコンテキストに基づいて',
     ai_chat_context_description:
-        'ドキュメントアシスタントはあなたのコンテキストを使用して回答を生成し、アクションを実行します。',
+        'ドキュメントアシスタントはAIとあなたのコンテキストを使用して回答を生成し、アクションを実行します。',
     ai_chat_context_pages_youve_read: '読んだページ',
     ai_chat_context_info_provided_by_the_site: 'サイトから提供された情報',
     ai_chat_context_previous_messages: '以前のメッセージ',
+    ai_chat_context_disclaimer: 'AIの回答には誤りが含まれる場合があります。',
     ai_chat_input_placeholder: '質問、検索、またはアクションを実行...',
     send: '送信',
     ai_chat_suggested_questions_title: 'おすすめの質問',

packages/gitbook/src/intl/translations/nl.ts

@@ -73,12 +73,14 @@ export const nl: TranslationLanguage = {
     ai_chat_clear_conversation: 'Gesprek wissen',
     ai_chat_thinking: 'Denkt na...',
     ai_chat_working: 'Werkt...',
+    ai_chat_context_badge: 'AI',
     ai_chat_context_title: 'Gebaseerd op je context',
     ai_chat_context_description:
-        'De Docs Assistent gebruikt je context om antwoorden te genereren en acties uit te voeren.',
+        'De Docs Assistent gebruikt AI en je context om antwoorden te genereren en acties uit te voeren.',
     ai_chat_context_pages_youve_read: "Pagina's die je hebt gelezen",
     ai_chat_context_info_provided_by_the_site: 'Informatie verstrekt door de site',
     ai_chat_context_previous_messages: 'Vorige berichten',
+    ai_chat_context_disclaimer: 'AI-antwoorden kunnen fouten bevatten.',
     ai_chat_input_placeholder: 'Vraag, zoek of voer een actie uit...',
     send: 'Versturen',
     ai_chat_suggested_questions_title: 'Voorgestelde vragen',

packages/gitbook/src/intl/translations/no.ts

@@ -73,12 +73,14 @@ export const no: TranslationLanguage = {
     ai_chat_clear_conversation: 'Tøm samtale',
     ai_chat_thinking: 'Tenker...',
     ai_chat_working: 'Arbeider...',
+    ai_chat_context_badge: 'AI',
     ai_chat_context_title: 'Basert på din kontekst',
     ai_chat_context_description:
-        'Docs-assistenten bruker din kontekst til å generere svar og utføre handlinger.',
+        'Docs-assistenten bruker AI og din kontekst til å generere svar og utføre handlinger.',
     ai_chat_context_pages_youve_read: 'Sider du har lest',
     ai_chat_context_info_provided_by_the_site: 'Informasjon gitt av nettstedet',
     ai_chat_context_previous_messages: 'Tidligere meldinger',
+    ai_chat_context_disclaimer: 'AI-svar kan inneholde feil.',
     ai_chat_input_placeholder: 'Spør, søk eller utfør en handling...',
     send: 'Send',
     ai_chat_suggested_questions_title: 'Foreslåtte spørsmål',

packages/gitbook/src/intl/translations/pt-br.ts

@@ -73,12 +73,14 @@ export const pt_br = {
     ai_chat_clear_conversation: 'Limpar conversa',
     ai_chat_thinking: 'Pensando...',
     ai_chat_working: 'Trabalhando...',
+    ai_chat_context_badge: 'IA',
     ai_chat_context_title: 'Baseado no seu contexto',
     ai_chat_context_description:
-        'O Assistente de Docs usa seu contexto para gerar respostas e realizar ações.',
+        'O Assistente de Docs usa IA e seu contexto para gerar respostas e realizar ações.',
     ai_chat_context_pages_youve_read: 'Páginas que você leu',
     ai_chat_context_info_provided_by_the_site: 'Informações fornecidas pelo site',
     ai_chat_context_previous_messages: 'Mensagens anteriores',
+    ai_chat_context_disclaimer: 'Respostas de IA podem conter erros.',
     ai_chat_input_placeholder: 'Pergunte, pesquise ou execute uma ação...',
     send: 'Enviar',
     ai_chat_suggested_questions_title: 'Perguntas sugeridas',