Add a learn more link for indexing (#3935)

Author: mrubens

webview-ui/src/components/settings/CodeIndexSettings.tsx

@@ -1,8 +1,9 @@
 import React, { useState, useEffect } from "react"
 import * as ProgressPrimitive from "@radix-ui/react-progress"
+import { Trans } from "react-i18next"
 import { useAppTranslation } from "@/i18n/TranslationContext"
 
-import { VSCodeCheckbox, VSCodeTextField, VSCodeButton } from "@vscode/webview-ui-toolkit/react"
+import { VSCodeCheckbox, VSCodeTextField, VSCodeButton, VSCodeLink } from "@vscode/webview-ui-toolkit/react"
 import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from "@/components/ui/select"
 import {
 	AlertDialog,
@@ -17,6 +18,7 @@ import {
 } from "@/components/ui/alert-dialog"
 
 import { vscode } from "@/utils/vscode"
+import { buildDocLink } from "@/utils/docLinks"
 import { CodebaseIndexConfig, CodebaseIndexModels, ProviderSettings } from "../../../../src/schemas"
 import { EmbedderProvider } from "../../../../src/shared/embeddingModels"
 import { z } from "zod"
@@ -154,7 +156,11 @@ export const CodeIndexSettings: React.FC<CodeIndexSettingsProps> = ({
 					</VSCodeCheckbox>
 				</div>
 				<p className="text-vscode-descriptionForeground text-sm mt-0">
-					{t("settings:codeIndex.enableDescription")}
+					<Trans i18nKey="settings:codeIndex.enableDescription">
+						<VSCodeLink
+							href={buildDocLink("features/experimental/codebase-indexing", "settings")}
+							style={{ display: "inline" }}></VSCodeLink>
+					</Trans>
 				</p>
 			</div>
 

webview-ui/src/i18n/locales/ca/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "Indexació de codi",
 		"enableLabel": "Habilitar indexació de codi",
-		"enableDescription": "Habilitar aquesta característica indexarà la vostra base de codi. Això pot consumir recursos del sistema i trigar un temps depenent de la mida del vostre projecte.",
+		"enableDescription": "<0>Indexació de codi</0> és una característica experimental que crea un índex de cerca semàntica del vostre projecte utilitzant embeddings d'IA. Això permet a Roo Code entendre millor i navegar per grans bases de codi trobant codi rellevant basat en significat en lloc de només paraules clau.",
 		"providerLabel": "Proveïdor d'embeddings",
 		"selectProviderPlaceholder": "Seleccionar proveïdor",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/de/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "Codebase-Indexierung",
 		"enableLabel": "Codebase-Indexierung aktivieren",
-		"enableDescription": "Die Aktivierung dieser Funktion wird Ihre Codebase indexieren. Dies kann Systemressourcen verbrauchen und je nach Größe Ihres Projekts einige Zeit in Anspruch nehmen.",
+		"enableDescription": "<0>Codebase-Indexierung</0> ist eine experimentelle Funktion, die einen semantischen Suchindex deines Projekts mit KI-Embeddings erstellt. Dies ermöglicht es Roo Code, große Codebasen besser zu verstehen und zu navigieren, indem relevanter Code basierend auf Bedeutung statt nur Schlüsselwörtern gefunden wird.",
 		"providerLabel": "Embeddings-Anbieter",
 		"selectProviderPlaceholder": "Anbieter auswählen",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/en/settings.json

@@ -34,8 +34,8 @@
 	},
 	"codeIndex": {
 		"title": "Codebase Indexing",
-		"enableLabel": "Enable codebase indexing",
-		"enableDescription": "Enabling this feature will index your codebase. This might consume system resources and take some time depending on the size of your project.",
+		"enableLabel": "Enable Codebase Indexing",
+		"enableDescription": "<0>Codebase Indexing</0> is an experimental feature that creates a semantic search index of your project using AI embeddings. This enables Roo Code to better understand and navigate large codebases by finding relevant code based on meaning rather than just keywords.",
 		"providerLabel": "Embeddings Provider",
 		"selectProviderPlaceholder": "Select provider",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/es/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "Indexación de código",
 		"enableLabel": "Habilitar indexación de código",
-		"enableDescription": "Habilitar esta función indexará tu base de código. Esto puede consumir recursos del sistema y llevar tiempo dependiendo del tamaño de tu proyecto.",
+		"enableDescription": "<0>La indexación de código</0> es una función experimental que crea un índice de búsqueda semántica de tu proyecto usando embeddings de IA. Esto permite a Roo Code entender mejor y navegar grandes bases de código encontrando código relevante basado en significado en lugar de solo palabras clave.",
 		"providerLabel": "Proveedor de embeddings",
 		"selectProviderPlaceholder": "Seleccionar proveedor",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/fr/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "Indexation de la base de code",
 		"enableLabel": "Activer l'indexation de la base de code",
-		"enableDescription": "L'activation de cette fonctionnalité indexera votre base de code. Cela peut consommer des ressources système et prendre du temps selon la taille de votre projet.",
+		"enableDescription": "<0>L'indexation de la base de code</0> est une fonctionnalité expérimentale qui crée un index de recherche sémantique de votre projet en utilisant des embeddings IA. Cela permet à Roo Code de mieux comprendre et naviguer dans de grandes bases de code en trouvant du code pertinent basé sur le sens plutôt que seulement sur des mots-clés.",
 		"providerLabel": "Fournisseur d'embeddings",
 		"selectProviderPlaceholder": "Sélectionner un fournisseur",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/hi/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "कोडबेस इंडेक्सिंग",
 		"enableLabel": "कोडबेस इंडेक्सिंग सक्षम करें",
-		"enableDescription": "इस सुविधा को सक्षम करने से आपका कोडबेस इंडेक्स किया जाएगा। यह आपके प्रोजेक्ट के आकार के आधार पर सिस्टम संसाधनों का उपयोग कर सकता है और कुछ समय ले सकता है।",
+		"enableDescription": "<0>कोडबेस इंडेक्सिंग</0> एक प्रयोगात्मक सुविधा है जो AI एम्बेडिंग का उपयोग करके आपके प्रोजेक्ट का सिमेंटिक सर्च इंडेक्स बनाती है। यह Roo Code को केवल कीवर्ड के बजाय अर्थ के आधार पर संबंधित कोड खोजकर बड़े कोडबेस को बेहतर तरीके से समझने और नेविगेट करने में सक्षम बनाता है।",
 		"providerLabel": "एम्बेडिंग प्रदाता",
 		"selectProviderPlaceholder": "प्रदाता चुनें",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/it/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "Indicizzazione del codice",
 		"enableLabel": "Abilita indicizzazione del codice",
-		"enableDescription": "L'attivazione di questa funzionalità indicizzerà il tuo codice. Questo potrebbe consumare risorse di sistema e richiedere tempo a seconda delle dimensioni del tuo progetto.",
+		"enableDescription": "<0>L'indicizzazione del codice</0> è una funzionalità sperimentale che crea un indice di ricerca semantica del tuo progetto utilizzando embedding AI. Questo permette a Roo Code di comprendere meglio e navigare grandi basi di codice trovando codice rilevante basato sul significato piuttosto che solo su parole chiave.",
 		"providerLabel": "Fornitore di embedding",
 		"selectProviderPlaceholder": "Seleziona fornitore",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/ja/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "コードベースのインデックス作成",
 		"enableLabel": "コードベースのインデックス作成を有効化",
-		"enableDescription": "この機能を有効にするとコードベースのインデックスが作成されます。これはシステムリソースを消費し、プロジェクトのサイズによっては時間がかかる場合があります。",
+		"enableDescription": "<0>コードベースのインデックス作成</0>は、AIエンベディングを使用してプロジェクトのセマンティック検索インデックスを作成する実験的機能です。これにより、Roo Codeは単なるキーワードではなく意味に基づいて関連するコードを見つけることで、大規模なコードベースをより良く理解し、ナビゲートできるようになります。",
 		"providerLabel": "埋め込みプロバイダー",
 		"selectProviderPlaceholder": "プロバイダーを選択",
 		"openaiProvider": "OpenAI",

webview-ui/src/i18n/locales/ko/settings.json

@@ -35,7 +35,7 @@
 	"codeIndex": {
 		"title": "코드베이스 인덱싱",
 		"enableLabel": "코드베이스 인덱싱 활성화",
-		"enableDescription": "이 기능을 활성화하면 코드베이스가 인덱싱됩니다. 프로젝트 크기에 따라 시스템 리소스를 소비하고 시간이 걸릴 수 있습니다.",
+		"enableDescription": "<0>코드베이스 인덱싱</0>은 AI 임베딩을 사용하여 프로젝트의 의미론적 검색 인덱스를 생성하는 실험적 기능입니다. 이를 통해 Roo Code는 단순한 키워드가 아닌 의미를 기반으로 관련 코드를 찾아 대규모 코드베이스를 더 잘 이해하고 탐색할 수 있습니다.",
 		"providerLabel": "임베딩 제공자",
 		"selectProviderPlaceholder": "제공자 선택",
 		"openaiProvider": "OpenAI",