From 350fbce9324afb5b6d2611cdd7a28f5d692dc569 Mon Sep 17 00:00:00 2001
From: Timothy Jaeryang Baek <tim@openwebui.com>
Date: Fri, 9 Oct 2026 17:52:02 +0400
Subject: [PATCH] refac

---
 src/lib/components/channel/Messages/Message.svelte         | 4 ++++
 src/lib/components/chat/MessageInput.svelte                | 2 +-
 src/lib/components/chat/Messages/TerminalOutputFile.svelte | 4 ++++
 src/lib/components/playground/Chat.svelte                  | 6 +++---
 src/lib/components/playground/Chat/Message.svelte          | 2 ++
 5 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/src/lib/components/channel/Messages/Message.svelte b/src/lib/components/channel/Messages/Message.svelte
index f58b3f3df2..552b6a4a18 100644
--- a/src/lib/components/channel/Messages/Message.svelte
+++ b/src/lib/components/channel/Messages/Message.svelte
@@ -1,4 +1,8 @@
 <script lang="ts">
+	// Keep keys in nested template expressions visible to i18next-parser.
+	// $i18n.t("and");
+	// $i18n.t("and {{COUNT}} others");
+
 	import dayjs from 'dayjs';
 	import relativeTime from 'dayjs/plugin/relativeTime';
 	import isToday from 'dayjs/plugin/isToday';
diff --git a/src/lib/components/chat/MessageInput.svelte b/src/lib/components/chat/MessageInput.svelte
index 9e0c2cd84d..5468a103dc 100644
--- a/src/lib/components/chat/MessageInput.svelte
+++ b/src/lib/components/chat/MessageInput.svelte
@@ -1711,7 +1711,7 @@
 									<span class="font-normal text-black dark:text-white">
 										{typingUsers.map((user) => user.name).join(', ')}
 									</span>
-									{$i18n.t(typingUsers.length === 1 ? 'is typing...' : 'are typing...')}
+									{typingUsers.length === 1 ? $i18n.t('is typing...') : $i18n.t('are typing...')}
 								</div>
 							</div>
 						</div>
diff --git a/src/lib/components/chat/Messages/TerminalOutputFile.svelte b/src/lib/components/chat/Messages/TerminalOutputFile.svelte
index 7a07b341ba..633f669e31 100644
--- a/src/lib/components/chat/Messages/TerminalOutputFile.svelte
+++ b/src/lib/components/chat/Messages/TerminalOutputFile.svelte
@@ -1,4 +1,8 @@
 <script lang="ts">
+	// Keep keys in nested template expressions visible to i18next-parser.
+	// $i18n.t("Terminal unavailable");
+	// $i18n.t("No preview available");
+
 	import { getContext, onDestroy } from 'svelte';
 	import type { Writable } from 'svelte/store';
 	import type { i18n as i18nType } from 'i18next';
diff --git a/src/lib/components/playground/Chat.svelte b/src/lib/components/playground/Chat.svelte
index 40d196b5f2..3b0a73d3de 100644
--- a/src/lib/components/playground/Chat.svelte
+++ b/src/lib/components/playground/Chat.svelte
@@ -474,9 +474,9 @@
 									? ''
 									: 'outline-hidden'}"
 								aria-pressed={role === 'assistant'}
-								aria-label={$i18n.t(
-									role === 'user' ? 'Switch to Assistant role' : 'Switch to User role'
-								)}
+								aria-label={role === 'user'
+									? $i18n.t('Switch to Assistant role')
+									: $i18n.t('Switch to User role')}
 								on:click={() => {
 									role = role === 'user' ? 'assistant' : 'user';
 								}}
diff --git a/src/lib/components/playground/Chat/Message.svelte b/src/lib/components/playground/Chat/Message.svelte
index 9375992fef..fbededcb83 100644
--- a/src/lib/components/playground/Chat/Message.svelte
+++ b/src/lib/components/playground/Chat/Message.svelte
@@ -3,6 +3,8 @@
 
 	const i18n = getContext('i18n');
 
+	// Message roles arrive as data; keep their translation keys visible to the parser.
+	// $i18n.t('user'); $i18n.t('assistant'); $i18n.t('system');
 	export let message;
 	export let idx;