From 402a7588f4e9f1f0efccd4000efd83d5f7deb14d Mon Sep 17 00:00:00 2001
From: Joseph Hau <hexart@gmail.com>
Date: Thu, 13 Mar 2025 14:57:22 +0800
Subject: [PATCH] Add truncate on long strings Fix plural issue on template
 count

---
 packages/ui/src/components/InputPanel.vue    | 4 ++--
 packages/ui/src/components/TestPanel.vue     | 2 +-
 packages/ui/src/components/ThemeToggleUI.vue | 2 +-
 packages/ui/src/i18n/locales/en-US.ts        | 4 ++--
 4 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/packages/ui/src/components/InputPanel.vue b/packages/ui/src/components/InputPanel.vue
index 01dad21f..387fcef1 100644
--- a/packages/ui/src/components/InputPanel.vue
+++ b/packages/ui/src/components/InputPanel.vue
@@ -3,7 +3,7 @@
   <div class="space-y-3">
     <!-- 标题 -->
     <div class="flex justify-between items-center">
-      <label class="block text-sm theme-label">{{ label }}</label>
+      <label class="block text-lg theme-label">{{ label }}</label>
     </div>
 
     <!-- 输入框 -->
@@ -27,7 +27,7 @@
       
       <!-- 提示词模板选择 -->
       <div class="flex-1 min-w-0">
-        <label v-if="templateLabel" class="block text-sm theme-label mb-1.5">{{ templateLabel }}</label>
+        <label v-if="templateLabel" class="block text-sm theme-label mb-1.5 truncate">{{ templateLabel }}</label>
         <slot name="template-select"></slot>
       </div>
 
diff --git a/packages/ui/src/components/TestPanel.vue b/packages/ui/src/components/TestPanel.vue
index f0a46ec7..4cb8a23b 100644
--- a/packages/ui/src/components/TestPanel.vue
+++ b/packages/ui/src/components/TestPanel.vue
@@ -65,7 +65,7 @@
               'w-full': !isCompareMode
             }"
           >
-            <h3 class="text-lg font-semibold theme-text mb-2">
+            <h3 class="text-lg font-semibold theme-text mb-2 truncate">
               {{ isCompareMode ? t('test.optimizedResult') : t('test.testResult') }}
             </h3>
             <OutputPanelUI
diff --git a/packages/ui/src/components/ThemeToggleUI.vue b/packages/ui/src/components/ThemeToggleUI.vue
index e8396eb2..390cb5ba 100644
--- a/packages/ui/src/components/ThemeToggleUI.vue
+++ b/packages/ui/src/components/ThemeToggleUI.vue
@@ -21,7 +21,7 @@
           <path d="M11 17a1 1 0 001.447.894l4-2A1 1 0 0017 15V9.236a1 1 0 00-1.447-.894l-4 2a1 1 0 00-.553.894V17zM15.211 6.276a1 1 0 000-1.788l-4.764-2.382a1 1 0 00-.894 0L4.789 4.488a1 1 0 000 1.788l4.764 2.382a1 1 0 00.894 0l4.764-2.382zM4.447 8.342A1 1 0 003 9.236V15a1 1 0 00.553.894l4 2A1 1 0 009 17v-5.764a1 1 0 00-.553-.894l-4-2z" />
         </svg>
       </span>
-      <span class="text-sm max-md:hidden">{{ getThemeDisplayName }}</span>
+      <span class="text-sm max-md:hidden truncate">{{ getThemeDisplayName }}</span>
     </button>
 
     <!-- Theme Selection Dropdown Menu -->
diff --git a/packages/ui/src/i18n/locales/en-US.ts b/packages/ui/src/i18n/locales/en-US.ts
index f08a6b74..9404a5ad 100644
--- a/packages/ui/src/i18n/locales/en-US.ts
+++ b/packages/ui/src/i18n/locales/en-US.ts
@@ -132,7 +132,7 @@ export default {
     addTemplate: 'Add',
     editTemplate: 'Edit',
     deleteTemplate: 'Delete',
-    templateCount: '{count} Templates',
+    templateCount: '{count} template | {count} templates',
     
     // Button Text
     importTemplate: 'Import',
@@ -298,7 +298,7 @@ export default {
     select: {
       placeholder: 'Please select a model',
       configure: 'Configure Model',
-      noModels: 'Please configure a model',
+      noModels: 'No model',
       noAvailableModels: 'No available models'
     },
     manager: {