@@ -2003,11 +2013,11 @@ function RunsTab({
{/* Execution Prompt */}
@@ -2015,7 +2025,7 @@ function RunsTab({
{/* Token Usage */}
{detailRun.usageJson && (
)}
@@ -2023,7 +2033,7 @@ function RunsTab({
{/* Output */}
{detailRun.stdoutExcerpt && (
-
Output
+
{t("agents.output", "Output")}
{detailRun.stdoutExcerpt.length > 2000
? `${detailRun.stdoutExcerpt.slice(0, 2000)}\n\n... (truncated, ${detailRun.stdoutExcerpt.length} chars total)`
@@ -2035,7 +2045,7 @@ function RunsTab({
{/* Errors */}
{detailRun.stderrExcerpt && (
-
Errors
+
{t("agents.errors", "Errors")}
- Result
+ {t("agents.result", "Result")}
{JSON.stringify(detailRun.resultJson, null, 2)}
-
Context
+
{t("agents.context", "Context")}
{Object.entries(detailRun.contextSnapshot).map(([key, value]) => (
@@ -2077,21 +2087,21 @@ function RunsTab({
{/* No output state */}
{!detailRun.stdoutExcerpt && !detailRun.stderrExcerpt && !detailRun.resultJson && (
- No output captured
+ {t("agents.noOutputCaptured", "No output captured")}
)}
)}
{/* Run Logs */}
-
Agent Logs
+
{t("agents.agentLogs", "Agent Logs")}
{isLoadingLogs ? (
Loading logs...
+ {t("agents.loadingLogs", "Loading logs...")}
) : runLogs.length === 0 ? (
-
No logs available for this run
+
{t("agents.noLogsForRun", "No logs available for this run")}
) : (
)}
@@ -2124,9 +2134,9 @@ function RunsTab({
{promptSizes.length > 0 && latestPrompt && (
-
Prompt Size
+
{t("agents.promptSize", "Prompt Size")}
-
+
@@ -2138,27 +2148,27 @@ function RunsTab({
)}
{tokenUsageSummary && (
-
Cache hit ratio
+
{t("agents.cacheHitRatio", "Cache hit ratio")}
- {renderCacheWindow("Last 24h", tokenUsageSummary.last24h)}
- {renderCacheWindow("Last 7d", tokenUsageSummary.last7d)}
- {renderCacheWindow("All time", tokenUsageSummary.allTime)}
+ {renderCacheWindow(t("agents.last24h", "Last 24h"), tokenUsageSummary.last24h)}
+ {renderCacheWindow(t("agents.last7d", "Last 7d"), tokenUsageSummary.last7d)}
+ {renderCacheWindow(t("agents.allTime", "All time"), tokenUsageSummary.allTime)}
- {runs.length} run{runs.length !== 1 ? "s" : ""}
- {hasActiveRun &&
{hasActiveRun && (
void handleStopRun()}
- aria-label={`Stop active run for ${agentName ?? agentId}`}
+ aria-label={t("agents.stopActiveRunFor", "Stop active run for {{name}}", { name: agentName ?? agentId })}
>
-
)}
@@ -2177,15 +2187,6 @@ function formatDuration(start: Date, end: Date): string {
return `${Math.floor(diff / 3600)}h ${Math.floor((diff % 3600) / 60)}m`;
}
-const TASK_COLUMN_LABELS: Record
= {
- triage: "Triage",
- todo: "Todo",
- "in-progress": "In Progress",
- "in-review": "In Review",
- done: "Done",
- archived: "Archived",
-};
-
function truncateTaskLabel(task: Task): string {
const source = task.title?.trim() || task.description?.trim() || task.id;
return source.length > 80 ? `${source.slice(0, 77)}...` : source;
@@ -2200,6 +2201,7 @@ function TasksTab({
projectId?: string;
addToast: (msg: string, type?: "success" | "error") => void;
}) {
+ const { t } = useTranslation("app");
const [tasks, setTasks] = useState([]);
const [isLoading, setIsLoading] = useState(true);
@@ -2216,7 +2218,7 @@ function TasksTab({
.catch((err) => {
if (!cancelled) {
setTasks([]);
- addToast(`Failed to load assigned tasks: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.loadTasksFailed", "Failed to load assigned tasks: {{error}}", { error: getErrorMessage(err) }), "error");
}
})
.finally(() => {
@@ -2234,7 +2236,7 @@ function TasksTab({
return (
-
Loading assigned tasks...
+
{t("agents.loadingTasks", "Loading assigned tasks...")}
);
}
@@ -2243,7 +2245,7 @@ function TasksTab({
return (
-
No tasks assigned to this agent
+
{t("agents.noTasksAssigned", "No tasks assigned to this agent")}
);
}
@@ -2254,13 +2256,22 @@ function TasksTab({
{task.id}
- {TASK_COLUMN_LABELS[task.column]}
+ {
+ ({
+ triage: t("board.triage", "Triage"),
+ todo: t("board.todo", "Todo"),
+ "in-progress": t("board.inProgress", "In Progress"),
+ "in-review": t("board.inReview", "In Review"),
+ done: t("board.done", "Done"),
+ archived: t("board.archived", "Archived"),
+ } as Record)[task.column] ?? task.column
+ }
{truncateTaskLabel(task)}
- {task.status ?? "idle"} · Updated {relativeTime(task.updatedAt)}
+ {task.status ?? "idle"} · {t("agents.taskUpdated", "Updated {{time}}", { time: relativeTime(task.updatedAt) })}
))}
@@ -2368,6 +2379,7 @@ function SoulTab({
addToast: (message: string, type?: "success" | "error") => void;
onSaved: () => Promise;
}) {
+ const { t } = useTranslation("app");
const [soul, setSoul] = useState(agent.soul ?? "");
const [isSaving, setIsSaving] = useState(false);
const [justSaved, setJustSaved] = useState(false);
@@ -2392,14 +2404,14 @@ function SoulTab({
const handleSave = async () => {
if (soul.length > 10000) {
- addToast("Soul must be at most 10,000 characters", "error");
+ addToast(t("agents.soulTooLong", "Soul must be at most 10,000 characters"), "error");
return;
}
setIsSaving(true);
try {
await updateAgentSoul(agent.id, soul, projectId);
- addToast("Soul saved", "success");
+ addToast(t("agents.soulSaved", "Soul saved"), "success");
setJustSaved(true);
if (justSavedTimeoutRef.current) {
clearTimeout(justSavedTimeoutRef.current);
@@ -2407,7 +2419,7 @@ function SoulTab({
justSavedTimeoutRef.current = setTimeout(() => setJustSaved(false), 3000);
await onSaved();
} catch (err) {
- addToast(`Failed to save soul: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.soulSaveFailed", "Failed to save soul: {{error}}", { error: getErrorMessage(err) }), "error");
} finally {
setIsSaving(false);
}
@@ -2416,33 +2428,33 @@ function SoulTab({
return (
-
Soul
+
{t("agents.soulTitle", "Soul")}
- Define this agent's personality and identity.
+ {t("agents.soulDescription", "Define this agent's personality and identity.")}
-
Agent Soul
+
{t("agents.agentSoulLabel", "Agent Soul")}
setShowPreview(false)}
disabled={!showPreview}
- aria-label="Edit mode"
+ aria-label={t("common.editMode", "Edit mode")}
>
setShowPreview(true)}
disabled={showPreview}
- aria-label="Preview mode"
+ aria-label={t("common.previewMode", "Preview mode")}
>
@@ -2455,7 +2467,7 @@ function SoulTab({
) : (
- No soul defined yet. Switch to Edit mode to define the agent's personality.
+ {t("agents.soulEmptyPreview", "No soul defined yet. Switch to Edit mode to define the agent's personality.")}
)
) : (
@@ -2463,7 +2475,7 @@ function SoulTab({
id="agent-soul"
className="input config-textarea-mono"
rows={12}
- placeholder="Describe this agent's personality, tone, and behavioral traits..."
+ placeholder={t("agents.soulPlaceholder", "Describe this agent's personality, tone, and behavioral traits...")}
value={soul}
onChange={(e) => {
setSoul(e.target.value);
@@ -2472,7 +2484,7 @@ function SoulTab({
/>
)}
{!showPreview && (
-
Defines the agent's character and identity. Max 10,000 characters.
+
{t("agents.soulHint", "Defines the agent's character and identity. Max 10,000 characters.")}
)}
@@ -2487,19 +2499,19 @@ function SoulTab({
{isSaving ? (
<>
- Saving…
+ {t("common.saving", "Saving…")}
) : (
<>
- Save Soul
+ {t("agents.saveSoul", "Save Soul")}
)}
{!hasChanges && justSaved && (
)}
@@ -2520,6 +2532,7 @@ function MemoryTab({
addToast: (message: string, type?: "success" | "error") => void;
onSaved: () => Promise;
}) {
+ const { t } = useTranslation("app");
const [memory, setMemory] = useState(agent.memory ?? "");
const [isSaving, setIsSaving] = useState(false);
const [justSaved, setJustSaved] = useState(false);
@@ -2547,8 +2560,12 @@ function MemoryTab({
);
const selectedLayerDescription = selectedMemoryFile
- ? MEMORY_LAYER_DESCRIPTIONS[selectedMemoryFile.layer]
- : "Select a memory file to view or edit.";
+ ? ({
+ "long-term": t("agents.memoryLayerLongTermDesc", "Curated durable decisions, conventions, constraints, and pitfalls for this specific agent."),
+ daily: t("agents.memoryLayerDailyDesc", "Raw daily observations and open loops recorded by this agent."),
+ dreams: t("agents.memoryLayerDreamsDesc", "Synthesized patterns and emerging themes distilled from this agent's daily memory."),
+ } as Record)[selectedMemoryFile.layer] ?? selectedMemoryFile.layer
+ : t("agents.selectMemoryFile", "Select a memory file to view or edit.");
const loadSelectedMemoryFile = useCallback(async (path: string) => {
setSelectedFileLoading(true);
@@ -2559,7 +2576,7 @@ function MemoryTab({
setSelectedFileDirty(false);
setSelectedFileJustSaved(false);
} catch (err) {
- addToast(`Failed to load agent memory file: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.memoryFileLoadFailed", "Failed to load agent memory file: {{error}}", { error: getErrorMessage(err) }), "error");
} finally {
setSelectedFileLoading(false);
}
@@ -2581,7 +2598,7 @@ function MemoryTab({
const nextPath = pickDefaultAgentMemoryPath(files, preferredPath);
await loadSelectedMemoryFile(nextPath);
} catch (err) {
- addToast(`Failed to load memory files: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.memoryFilesLoadFailed", "Failed to load memory files: {{error}}", { error: getErrorMessage(err) }), "error");
setMemoryFiles([]);
setSelectedFilePath("");
setSelectedFileContent("");
@@ -2614,14 +2631,14 @@ function MemoryTab({
const handleSaveInlineMemory = async () => {
if (memory.length > 50000) {
- addToast("Memory must be at most 50,000 characters", "error");
+ addToast(t("agents.memoryTooLong", "Memory must be at most 50,000 characters"), "error");
return;
}
setIsSaving(true);
try {
await updateAgentMemory(agent.id, memory, projectId);
- addToast("Memory saved", "success");
+ addToast(t("agents.memorySaved", "Memory saved"), "success");
setJustSaved(true);
if (justSavedTimeoutRef.current) {
clearTimeout(justSavedTimeoutRef.current);
@@ -2629,7 +2646,7 @@ function MemoryTab({
justSavedTimeoutRef.current = setTimeout(() => setJustSaved(false), 3000);
await onSaved();
} catch (err) {
- addToast(`Failed to save memory: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.memorySaveFailed", "Failed to save memory: {{error}}", { error: getErrorMessage(err) }), "error");
} finally {
setIsSaving(false);
}
@@ -2640,7 +2657,7 @@ function MemoryTab({
return;
}
if (selectedFileDirty) {
- setFileSwitchHint("Save the current file before switching to another file.");
+ setFileSwitchHint(t("agents.saveBeforeSwitch", "Save the current file before switching to another file."));
return;
}
@@ -2664,10 +2681,10 @@ function MemoryTab({
selectedFileJustSavedTimeoutRef.current = setTimeout(() => setSelectedFileJustSaved(false), 3000);
setFileSwitchHint("");
await loadMemoryFiles(selectedFilePath);
- addToast("Agent memory file saved", "success");
+ addToast(t("agents.memoryFileSaved", "Agent memory file saved"), "success");
await onSaved();
} catch (err) {
- addToast(`Failed to save agent memory file: ${getErrorMessage(err)}`, "error");
+ addToast(t("agents.memoryFileSaveFailed", "Failed to save agent memory file: {{error}}", { error: getErrorMessage(err) }), "error");
} finally {
setSavingSelectedFile(false);
}
@@ -2676,21 +2693,21 @@ function MemoryTab({
return (
-
Agent Memory
+
{t("agents.memoryTitle", "Agent Memory")}
- Store context that belongs to this agent only. Workspace memory, daily notes, dreams, and qmd search live in project settings under Project Memory.
+ {t("agents.memoryDescription", "Store context that belongs to this agent only. Workspace memory, daily notes, dreams, and qmd search live in project settings under Project Memory.")}
{isReadOnly && (
- Read-only while this agent is running.
+ {t("agents.memoryReadOnly", "Read-only while this agent is running.")}
)}
-
Inline Memory
+
{t("agents.inlineMemoryLabel", "Inline Memory")}
- Short-form memory stored directly on the agent record and injected into prompts.
+ {t("agents.inlineMemoryHint", "Short-form memory stored directly on the agent record and injected into prompts.")}
@@ -2699,20 +2716,20 @@ function MemoryTab({
className={`btn btn-sm ${!showPreview ? "btn-primary" : ""}`}
onClick={() => setShowPreview(false)}
disabled={!showPreview}
- aria-label="Edit mode"
+ aria-label={t("common.editMode", "Edit mode")}
>
setShowPreview(true)}
disabled={showPreview}
- aria-label="Preview mode"
+ aria-label={t("common.previewMode", "Preview mode")}
>
@@ -2725,16 +2742,16 @@ function MemoryTab({
) : (
- No agent memory defined yet. Switch to Edit mode to add memory content.
+ {t("agents.memoryEmptyPreview", "No agent memory defined yet. Switch to Edit mode to add memory content.")}
)
) : (