feat: add context limit prompt text to chat interface

Author: feifei325

webview-ui/src/components/chat/TaskHeader.tsx

@@ -50,6 +50,7 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 	const textContainerRef = useRef<HTMLDivElement>(null)
 	const textRef = useRef<HTMLDivElement>(null)
 	const contextWindow = selectedModelInfo?.contextWindow || 1
+	const isContextNearLimit = contextWindow > 0 && contextTokens / contextWindow >= 0.9
 
 	/*
 	When dealing with event listeners in React components that depend on state
@@ -347,6 +348,18 @@ const TaskHeader: React.FC<TaskHeaderProps> = ({
 									<TaskActions item={currentTaskItem} />
 								</div>
 							)}
+							{isContextNearLimit && (
+								<div className="flex items-start gap-1" style={{ flexWrap: "wrap" }}>
+									<span className="font-bold" style={{ flexShrink: 0 }}>
+										{t("chat:task.contextLimitTipTitle")}
+									</span>
+									<span
+										className="text-yellow-300"
+										style={{ whiteSpace: "normal", wordBreak: "break-word", flex: 1 }}>
+										{t("chat:task.contextLimitTipText")}
+									</span>
+								</div>
+							)}
 						</div>
 					</>
 				)}

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Finestra de context:",
 		"closeAndStart": "Tancar tasca i iniciar-ne una de nova",
 		"export": "Exportar historial de tasques",
-		"delete": "Eliminar tasca (Shift + Clic per ometre confirmació)"
+		"delete": "Eliminar tasca (Shift + Clic per ometre confirmació)",
+		"contextLimitTipTitle": "Nota:",
+		"contextLimitTipText": "El context està arribant al límit màxim. Es recomana iniciar una nova finestra de tasca per evitar la truncació."
 	},
 	"unpin": "Desfixar",
 	"pin": "Fixar",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Kontextfenster:",
 		"closeAndStart": "Aufgabe schließen und neue starten",
 		"export": "Aufgabenverlauf exportieren",
-		"delete": "Aufgabe löschen (Shift + Klick zum Überspringen der Bestätigung)"
+		"delete": "Aufgabe löschen (Shift + Klick zum Überspringen der Bestätigung)",
+		"contextLimitTipTitle": "Hinweis:",
+		"contextLimitTipText": "Der Kontext nähert sich dem maximalen Limit. Es wird empfohlen, ein neues Aufgabenfenster zu starten, um eine Kürzung zu vermeiden."
 	},
 	"unpin": "Lösen von oben",
 	"pin": "Anheften",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Context Window:",
 		"closeAndStart": "Close task and start a new one",
 		"export": "Export task history",
-		"delete": "Delete Task (Shift + Click to skip confirmation)"
+		"delete": "Delete Task (Shift + Click to skip confirmation)",
+		"contextLimitTipTitle": "Note:",
+		"contextLimitTipText": "Context is nearing the maximum limit. It is recommended to start a new task window to avoid truncation."
 	},
 	"unpin": "Unpin",
 	"pin": "Pin",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Ventana de contexto:",
 		"closeAndStart": "Cerrar tarea e iniciar una nueva",
 		"export": "Exportar historial de tareas",
-		"delete": "Eliminar tarea (Shift + Clic para omitir confirmación)"
+		"delete": "Eliminar tarea (Shift + Clic para omitir confirmación)",
+		"contextLimitTipTitle": "Nota:",
+		"contextLimitTipText": "El contexto está alcanzando el límite máximo. Se recomienda iniciar una nueva ventana de tarea para evitar la truncación."
 	},
 	"unpin": "Desfijar",
 	"pin": "Fijar",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Fenêtre de contexte :",
 		"closeAndStart": "Fermer la tâche et en commencer une nouvelle",
 		"export": "Exporter l'historique des tâches",
-		"delete": "Supprimer la tâche (Shift + Clic pour ignorer la confirmation)"
+		"delete": "Supprimer la tâche (Shift + Clic pour ignorer la confirmation)",
+		"contextLimitTipTitle": "Remarque :",
+		"contextLimitTipText": "Le contexte approche de la limite maximale. Il est recommandé de démarrer une nouvelle fenêtre de tâche pour éviter toute coupure."
 	},
 	"unpin": "Désépingler",
 	"pin": "Épingler",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "संदर्भ विंडो:",
 		"closeAndStart": "कार्य बंद करें और नया शुरू करें",
 		"export": "कार्य इतिहास निर्यात करें",
-		"delete": "कार्य हटाएं (पुष्टि को छोड़ने के लिए Shift + क्लिक)"
+		"delete": "कार्य हटाएं (पुष्टि को छोड़ने के लिए Shift + क्लिक)",
+		"contextLimitTipTitle": "नोट:",
+		"contextLimitTipText": "संदर्भ अधिकतम सीमा के करीब है। कटौती से बचने के लिए एक नया कार्य विंडो शुरू करने की सिफारिश की जाती है।"
 	},
 	"unpin": "पिन करें",
 	"pin": "अवपिन करें",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "Finestra di contesto:",
 		"closeAndStart": "Chiudi attività e iniziane una nuova",
 		"export": "Esporta cronologia attività",
-		"delete": "Elimina attività (Shift + Clic per saltare la conferma)"
+		"delete": "Elimina attività (Shift + Clic per saltare la conferma)",
+		"contextLimitTipTitle": "Nota:",
+		"contextLimitTipText": "Il contesto sta raggiungendo il limite massimo. Si consiglia di avviare una nuova finestra di attività per evitare il troncamento."
 	},
 	"unpin": "Rilascia",
 	"pin": "Fissa",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "コンテキストウィンドウ:",
 		"closeAndStart": "タスクを閉じて新しいタスクを開始",
 		"export": "タスク履歴をエクスポート",
-		"delete": "タスクを削除（Shift + クリックで確認をスキップ）"
+		"delete": "タスクを削除（Shift + クリックで確認をスキップ）",
+		"contextLimitTipTitle": "注意:",
+		"contextLimitTipText": "コンテキストが最大制限に近づいています。切り捨てを防ぐために新しいタスクウィンドウを開始することをお勧めします。"
 	},
 	"unpin": "ピン留めを解除",
 	"pin": "ピン留め",

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

@@ -10,7 +10,9 @@
 		"contextWindow": "컨텍스트 창:",
 		"closeAndStart": "작업 닫고 새 작업 시작",
 		"export": "작업 기록 내보내기",
-		"delete": "작업 삭제 (Shift + 클릭으로 확인 생략)"
+		"delete": "작업 삭제 (Shift + 클릭으로 확인 생략)",
+		"contextLimitTipTitle": "참고:",
+		"contextLimitTipText": "컨텍스트가 최대 한도에 도달하고 있습니다. 잘림을 방지하려면 새 작업 창을 시작하는 것이 좋습니다."
 	},
 	"unpin": "고정 해제하기",
 	"pin": "고정하기",