diff --git a/src/frontend/src/components/core/assistantPanel/assistant-panel.constants.ts b/src/frontend/src/components/core/assistantPanel/assistant-panel.constants.ts index 2ff630cc5f..84677d176c 100644 --- a/src/frontend/src/components/core/assistantPanel/assistant-panel.constants.ts +++ b/src/frontend/src/components/core/assistantPanel/assistant-panel.constants.ts @@ -1,3 +1,4 @@ +import i18n from "@/i18n"; import type { AssistantSuggestion } from "./assistant-panel.types"; export const ASSISTANT_TITLE = "Langflow Assistant"; @@ -5,18 +6,20 @@ export const ASSISTANT_TITLE = "Langflow Assistant"; export const ASSISTANT_SESSION_STORAGE_KEY_PREFIX = "langflow-assistant-session-"; -export const ASSISTANT_PLACEHOLDERS = [ - "Create an agent component...", - "Build a RAG pipeline...", - "Create a web scraper component...", - "Build a document parser...", - "Ask me anything about Langflow...", +const ASSISTANT_PLACEHOLDER_KEYS = [ + "assistant.placeholder.0", + "assistant.placeholder.1", + "assistant.placeholder.2", + "assistant.placeholder.3", + "assistant.placeholder.4", ]; export function getAssistantPlaceholder(): string { - return ASSISTANT_PLACEHOLDERS[ - Math.floor(Math.random() * ASSISTANT_PLACEHOLDERS.length) - ]; + const key = + ASSISTANT_PLACEHOLDER_KEYS[ + Math.floor(Math.random() * ASSISTANT_PLACEHOLDER_KEYS.length) + ]; + return i18n.t(key); } export const ASSISTANT_SESSIONS_STORAGE_KEY = "langflow-assistant-sessions"; diff --git a/src/frontend/src/components/core/assistantPanel/components/model-selector.tsx b/src/frontend/src/components/core/assistantPanel/components/model-selector.tsx index 557bcb8d00..527abfb390 100644 --- a/src/frontend/src/components/core/assistantPanel/components/model-selector.tsx +++ b/src/frontend/src/components/core/assistantPanel/components/model-selector.tsx @@ -103,7 +103,7 @@ export function ModelSelector({ disabled > - Loading... + {t("assistant.loading")} ); } @@ -138,7 +138,7 @@ export function ModelSelector({ className="h-4 w-4 shrink-0" /> - {currentModel?.displayName || "Select model"} + {currentModel?.displayName || t("assistant.selectModel")}