chore: add worker guide

config/routes.ts

@@ -34,26 +34,6 @@ export default [
         defaultIcon: 'icon-chat',
         component: './playground/index'
       },
-      {
-        name: 'text2images',
-        title: 'Text2Images',
-        path: keepAliveRoutes.text2images,
-        key: 'text2images',
-        icon: 'icon-image1',
-        selectedIcon: 'icon-image-filled',
-        defaultIcon: 'icon-image1',
-        component: './playground/images'
-      },
-      {
-        name: 'speech',
-        title: 'Speech',
-        path: keepAliveRoutes.speech,
-        key: 'speech',
-        icon: 'icon-audio1',
-        selectedIcon: 'icon-audio-filled',
-        defaultIcon: 'icon-audio1',
-        component: './playground/speech'
-      },
       {
         name: 'embedding',
         title: 'embedding',
@@ -73,6 +53,26 @@ export default [
         selectedIcon: 'icon-reranker-filled',
         defaultIcon: 'icon-reranker',
         component: './playground/rerank'
+      },
+      {
+        name: 'text2images',
+        title: 'Text2Images',
+        path: keepAliveRoutes.text2images,
+        key: 'text2images',
+        icon: 'icon-image1',
+        selectedIcon: 'icon-image-filled',
+        defaultIcon: 'icon-image1',
+        component: './playground/images'
+      },
+      {
+        name: 'speech',
+        title: 'Speech',
+        path: keepAliveRoutes.speech,
+        key: 'speech',
+        icon: 'icon-audio1',
+        selectedIcon: 'icon-audio-filled',
+        defaultIcon: 'icon-audio1',
+        component: './playground/speech'
       }
     ]
   },

src/layouts/error-result.tsx

@@ -26,7 +26,7 @@ const ErrorResult: React.FC<ErrorResultProps> = ({ extra }) => {
   const intl = useIntl();
   return (
     <Result
-      status="error"
+      status="warning"
       title={
         isChunkLoadError(extra)
           ? intl.formatMessage({ id: 'common.page.refresh.tips' })

src/layouts/sider-menu.tsx

@@ -41,10 +41,8 @@ const useStyles = createStyles(({ css, token }) => {
       gap: 8px;
       cursor: pointer;
       padding: var(--ant-padding-xs) var(--ant-padding);
-      line-height: var(--ant-menu-group-title-line-height);
       font-size: 12px;
       padding-bottom: 4px;
-      color: var(--ant-color-text-secondary);
       overflow: hidden;
       height: 30px;
       transtion: all var(--ant-motion-duration-slow);
@@ -61,7 +59,7 @@ const useStyles = createStyles(({ css, token }) => {
         align-items: center;
         gap: 4px;
         font-size: 12px;
-        color: var(--ant-color-text-secondary);
+        color: var(--ant-color-text-tertiary);
         font-weight: 400;
       }
 

src/locales/en-US/resources.ts

@@ -82,14 +82,14 @@ export default {
   'resources.register.worker.step4':
     'Select <span class="bold-text">Worker</span> as the service role.',
   'resources.register.worker.step5':
-    'Enter the <span class="bold-text">Server URL</span>.',
+    'Enter the <span class="bold-text">Server URL</span>: {url}.',
   'resources.register.worker.step6':
     'Paste the <span class="bold-text">Token</span>.',
   'resources.register.worker.step7':
     'Click <span class="bold-text">Restart</span> to apply the settings.',
   'resources.register.install.title': 'Install GPUStack on {os}',
   'resources.register.download':
-    'Download and install the <a>installer</a>. Currently supported: {versions}.',
+    'Download and install the <a>installer</a>. Only supported: {versions}.',
   'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
   'resource.register.windows.support': 'win 10, win 11'
 };

src/locales/ja-JP/resources.ts

@@ -83,14 +83,14 @@ export default {
   'resources.register.worker.step4':
     'Select <span class="bold-text">Worker</span> as the service role.',
   'resources.register.worker.step5':
-    'Enter the <span class="bold-text">Server URL</span>.',
+    'Enter the <span class="bold-text">Server URL</span>: {url}.',
   'resources.register.worker.step6':
     'Paste the <span class="bold-text">Token</span>.',
   'resources.register.worker.step7':
     'Click <span class="bold-text">Restart</span> to apply the settings.',
   'resources.register.install.title': 'Install GPUStack on {os}',
   'resources.register.download':
-    'Download and install the <a>installer</a>. Currently supported: {versions}.',
+    'Download and install the <a>installer</a>. Only supported: {versions}.',
   'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
   'resource.register.windows.support': 'win 10, win 11'
 };
@@ -100,11 +100,11 @@ export default {
 // 2. 'resources.register.worker.step2': 'Click the <span class="bold-text">Quick Config</span> menu.',
 // 3. 'resources.register.worker.step3': 'Click the <span class="bold-text">General</span> tab.',
 // 4. 'resources.register.worker.step4':  'Select <span class="bold-text">Worker</span> as the service role.',
-// 5. 'resources.register.worker.step5': 'Enter the <span class="bold-text">Server URL</span>.',
+// 5. 'resources.register.worker.step5': 'Enter the <span class="bold-text">Server URL</span>: {url}.',
 // 6. 'resources.register.worker.step6': 'Paste the <span class="bold-text">Token</span>.',
 // 7. 'resources.register.worker.step7': 'Click <span class="bold-text">Restart</span> to apply the settings.',
 // 8. 'resources.register.install.title': 'Install GPUStack on {os}',
-// 9. 'resources.register.download':'Download and install the <a>installer</a>. Currently supported: {versions}.',
+// 9. 'resources.register.download':'Download and install the <a>installer</a>. Only supported: {versions}.',
 // 10. 'resource.register.maos.support': 'Apple Silicon (M series), macOS 14+',
 // 11. 'resource.register.windows.support': 'win 10, win 11'
 // ========== End of To-Do List ==========

src/locales/ru-RU/resources.ts

@@ -81,7 +81,7 @@ export default {
   'resources.register.worker.step4':
     'Выберите роль сервиса: <span class="bold-text">Воркер</span>.',
   'resources.register.worker.step5':
-    'Введите <span class="bold-text">URL сервера</span>.',
+    'Введите <span class="bold-text">URL сервера</span>: {url}.',
   'resources.register.worker.step6':
     'Вставьте <span class="bold-text">Токен</span>.',
   'resources.register.worker.step7':

src/locales/zh-CN/resources.ts

@@ -80,14 +80,13 @@ export default {
   'resources.register.worker.step4':
     '选择服务角色 <span class="bold-text">Worker</span>。',
   'resources.register.worker.step5':
-    '输入 <span class="bold-text">Server URL</span>。',
+    '输入 <span class="bold-text">Server URL</span>：{url}。',
   'resources.register.worker.step6':
-    '粘贴 <span class="bold-text">Token</span>.',
+    '粘贴 <span class="bold-text">Token</span>。',
   'resources.register.worker.step7':
-    '点击<span class="bold-text">重启</span>应用设置。',
+    '点击<span class="bold-text">重启</span>，应用设置。',
   'resources.register.install.title': '在 {os} 上安装 GPUStack',
-  'resources.register.download':
+  'resources.register.download': '下载并安装<a>安装包</a>，仅支持 {versions}。',
-    '下载并安装<a>安装包</a>，目前仅支持 {versions}。',
   'resource.register.maos.support': 'M 芯片，macOS 14+',
   'resource.register.windows.support': 'win 10, win 11'
 };

src/pages/resources/components/add-worker-macos.tsx

@@ -89,7 +89,10 @@ const AddWorkerMacOS: React.FC<AddWorkerMacOSProps> = ({ platform }) => {
                 {index + 1}.{' '}
                 <span
                   dangerouslySetInnerHTML={{
-                    __html: intl.formatMessage({ id: step })
+                    __html: intl.formatMessage(
+                      { id: step },
+                      { url: window.location.origin }
+                    )
                   }}
                 ></span>
               </Typography.Text>