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")}