chore: update the llamabox backend tips

src/components/alert-info/block.tsx

@@ -5,7 +5,7 @@ import React from 'react';
 import './block.less';
 interface AlertInfoProps {
   type: 'danger' | 'warning';
-  message: string;
+  message: React.ReactNode;
   rows?: number;
   icon?: React.ReactNode;
   ellipsis?: boolean;

src/locales/en-US/common.ts

@@ -232,5 +232,6 @@ export default {
   'common.button.faq': 'FAQ',
   'common.button.moreInfo': 'More Info',
   'common.text.warning': 'Warning',
-  'common.text.error': 'Error'
+  'common.text.error': 'Error',
+  'common.text.tips': 'Tips'
 };

src/locales/en-US/models.ts

@@ -113,7 +113,7 @@ export default {
   'models.form.moreparameters': 'Parameter Description',
   'models.table.vram.allocated': 'Allocated VRAM',
   'models.form.backend.warning':
-    'The backend for .gguf format models uses llama-box.',
+    'The backend for GGUF format models uses llama-box.',
   'models.form.backend.warning.llamabox':
-    'Llama-box only supports .gguf format models. If your model files were downloaded from Ollama, you can ignore this warning.'
+    'With the llama-box backend, set the model path to a model file, like <span style="font-weight: 700">/usr/local/models/model.gguf</span>. For Ollama models, use <span style="font-weight: 700">/usr/local/models/model</span>.Please ensure the model file format is correct.'
 };

src/locales/ru-RU/common.ts

@@ -230,5 +230,6 @@ export default {
   'common.button.faq': 'TODO: Translate key "common.button.faq"',
   'common.button.moreInfo': 'TODO: Translate key "common.button.moreInfo"',
   'common.text.warning': 'TODO: Translate key "common.text.warning"',
-  'common.text.error': 'TODO: Translate key "common.text.error"'
+  'common.text.error': 'TODO: Translate key "common.text.error"',
+  'common.text.tips': 'TODO: Translate key "common.text.tips"'
 };

src/locales/zh-CN/common.ts

@@ -225,5 +225,6 @@ export default {
   'common.button.faq': '常见问题',
   'common.button.moreInfo': '更多信息',
   'common.text.warning': '警告',
-  'common.text.error': '错误'
+  'common.text.error': '错误',
+  'common.text.tips': '提示'
 };

src/locales/zh-CN/models.ts

@@ -108,7 +108,7 @@ export default {
   'models.form.releases': '版本',
   'models.form.moreparameters': '参数说明',
   'models.table.vram.allocated': '分配显存',
-  'models.form.backend.warning': '.gguf 格式模型后端用 llama-box。',
+  'models.form.backend.warning': 'GGUF 格式模型后端用 llama-box。',
   'models.form.backend.warning.llamabox':
-    'llama-box 仅支持 .gguf 格式模型，如果您的模型是从 Ollama 下载的模型文件，忽略此警告。'
+    '使用 llama-box 后端，模型路径需指向 GGUF 文件，如 <span style="font-weight: 700">/usr/local/models/model.gguf</span>，如果是从 Ollama 下载的模型请用 <span style="font-weight: 700">/usr/local/models/model</span> 请确保格式正确。'
 };

src/pages/llmodels/components/deploy-modal.tsx

@@ -239,9 +239,17 @@ const AddModal: React.FC<AddModalProps> = (props) => {
                 {warningStatus.show && (
                   <AlertBlockInfo
                     ellipsis={false}
-                    message={intl.formatMessage({ id: warningStatus.message })}
+                    message={
+                      <span
+                        dangerouslySetInnerHTML={{
+                          __html: intl.formatMessage({
+                            id: warningStatus.message
+                          })
+                        }}
+                      ></span>
+                    }
                     title={intl.formatMessage({
-                      id: 'common.text.warning'
+                      id: 'common.text.tips'
                     })}
                     type="warning"
                   ></AlertBlockInfo>

src/pages/llmodels/components/update-modal.tsx

@@ -425,9 +425,17 @@ const UpdateModal: React.FC<AddModalProps> = (props) => {
             {warningStatus.show && (
               <AlertBlockInfo
                 ellipsis={false}
-                message={intl.formatMessage({ id: warningStatus.message })}
+                message={
+                  <span
+                    dangerouslySetInnerHTML={{
+                      __html: intl.formatMessage({
+                        id: warningStatus.message
+                      })
+                    }}
+                  ></span>
+                }
                 title={intl.formatMessage({
-                  id: 'common.text.warning'
+                  id: 'common.text.tips'
                 })}
                 type="warning"
               ></AlertBlockInfo>