feat: Style and Prompt Optimization

frontend/packages/common/src/components/aoplatform/BasicLayout.tsx

@@ -116,6 +116,10 @@ function BasicLayout({ project = 'core' }: { project: string }) {
     getGlobalAccessData()
   }, [])
 
+  useEffect(() => {
+    setPathname(location.pathname)
+  }, [location.pathname])
+
   const logOut = () => {
     fetchData<BasicResponse<null>>('account/logout', { method: 'GET' }).then((response) => {
       const { code, msg } = response

frontend/packages/common/src/locales/scan/en-US.json

@@ -849,5 +849,6 @@
   "Kf7056787": "Public Service",
   "Kbe98ba9e": "Private Service",
   "K24540de": "Stop",
-  "Kd85b3f64": "Continue Waiting"
+  "Kd85b3f64": "Continue Waiting",
+  "K1400a1fc": "As a prefix for all APIs within the service, such as host/{service_name}/{api_path}. This has a significant impact, so modify with caution"
 }

frontend/packages/common/src/locales/scan/ja-JP.json

@@ -871,5 +871,6 @@
   "Kf7056787": "パブリックサービス",
   "Kbe98ba9e": "プライベートサービス",
   "K24540de": "停止",
-  "Kd85b3f64": "引き続き待機"
+  "Kd85b3f64": "引き続き待機",
+  "K1400a1fc": "サービス内のすべてのAPIのプレフィックスとして使用されます。例えば host/{service_name}/{api_path} のように、大きな影響を与えるため、慎重に変更してください。"
 }

frontend/packages/common/src/locales/scan/zh-CN.json

@@ -802,5 +802,6 @@
   "Kf7056787": "公共服务",
   "Kbe98ba9e": "私有服务",
   "K24540de": "停止",
-  "Kd85b3f64": "继续等待"
+  "Kd85b3f64": "继续等待",
+  "K1400a1fc": "作为服务内所有API的前缀，比如host/{service_name}/{api_path}，影响较大，谨慎修改"
 }

frontend/packages/common/src/locales/scan/zh-TW.json

@@ -871,5 +871,6 @@
   "Kf7056787": "公共服務",
   "Kbe98ba9e": "私有服務",
   "K24540de": "停止",
-  "Kd85b3f64": "繼續等待"
+  "Kd85b3f64": "繼續等待",
+  "K1400a1fc": "作為服務內所有 API 的前綴，例如 host/{service_name}/{api_path}，這會產生較大的影響，請謹慎修改"
 }

frontend/packages/core/src/pages/guide/AIModelGuide.tsx

@@ -163,7 +163,7 @@ export const AIModelGuide = () => {
     }
   ]
   return (
-    <div className="mb-[20px] flex justify-center">
+    <div className="mb-[30px] p-[15px] flex justify-center">
       {cardList.map((item, itemIndex) => (
         <Card
           key={itemIndex}

frontend/packages/core/src/pages/guide/Guide.tsx

@@ -157,26 +157,28 @@ export default function Guide() {
           </p>
           <p>
             {$t('如果你喜欢我们的产品，欢迎给我们 Star 或提供产品反馈意见。')}
-            {$t('点击这里')}
-            <span className="align-middle leading-[16px]">
-              &nbsp;
-              <Icon icon="pajamas:arrow-right" width="16" height="16" />
+            <span className="font-bold">
+              {$t('点击这里')}
+              <span className="align-middle leading-[16px]">
+                &nbsp;
+                <Icon icon="pajamas:arrow-right" width="16" height="16" />
+                &nbsp;
+              </span>
+              <a className="align-text-top" href="https://github.com/APIParkLab/APIPark" target="_blank">
+                <img src="https://img.shields.io/github/stars/APIParkLab/APIPark?style=social" alt="" />
+              </a>
+              <span className="align-middle leading-[16px]">
+                &nbsp;
+                <Icon icon="pajamas:arrow-right" width="16" height="16" />
+                &nbsp;
+              </span>
+              {$t('点击')}
               &nbsp;
+              <span className="align-middle leading-[16px]">
+                <Icon icon="emojione:star" width="16" height="16" />
+              </span>
+              Star
             </span>
-            <a className="align-text-top" href="https://github.com/APIParkLab/APIPark" target="_blank">
-              <img src="https://img.shields.io/github/stars/APIParkLab/APIPark?style=social" alt="" />
-            </a>
-            <span className="align-middle leading-[16px]">
-              &nbsp;
-              <Icon icon="pajamas:arrow-right" width="16" height="16" />
-              &nbsp;
-            </span>
-            {$t('点击')}
-            &nbsp;
-            <span className="align-middle leading-[16px]">
-              <Icon icon="emojione:star" width="16" height="16" />
-            </span>
-            Star
           </p>
         </div>
       }

frontend/packages/core/src/pages/guide/LocalAiDeploy.tsx

@@ -98,9 +98,18 @@ const LocalAiDeploy = forwardRef<LocalAiDeployHandle, any>((props: any, ref: any
           <Select
             showSearch
             className="w-INPUT_NORMAL"
-            filterOption={(input, option) => (option?.label ?? '').toLowerCase().includes(input.toLowerCase())}
+            filterOption={(input, option) => (option?.searchText ?? '').includes(input.toLowerCase())}
             placeholder={$t(PLACEHOLDER.input)}
-            options={modelList}
+            options={modelList.map((provider) => ({
+              label: (
+                <div className='relative'>
+                  <span>{provider.name}</span>
+                  <span className='absolute right-[10px] text-[#999]' >{provider.size}</span>
+                  </div>
+              ),
+              value: provider.id,
+              searchText: provider.name.toLowerCase()
+            }))}
             onChange={(value) => {
               form.setFieldValue('modelID', value)
             }}

frontend/packages/core/src/pages/system/SystemConfig.tsx

@@ -428,7 +428,7 @@ const SystemConfig = forwardRef<SystemConfigHandle>((_, ref) => {
               label={$t('API 调用前缀')}
               name="prefix"
               extra={$t(
-                '作为服务内所有API的前缀，比如host/{service_name}/{api_path}，一旦保存无法修改'
+                '作为服务内所有API的前缀，比如host/{service_name}/{api_path}，影响较大，谨慎修改'
               )}
               rules={[
                 { required: true, whitespace: true },