@lobehub/chat 0.84.0 → 0.85.1

package/locales/ko_KR/setting.json

@@ -0,0 +1,225 @@
+{
+  "danger": {
+    "clear": {
+      "action": "지금 지우기",
+      "confirm": "모든 채팅 데이터를 지우시겠습니까?",
+      "desc": "모든 대화 데이터를 지웁니다.",
+      "success": "모든 대화 메시지가 지워졌습니다.",
+      "title": "모든 대화 메시지 지우기"
+    },
+    "reset": {
+      "action": "지금 재설정",
+      "confirm": "모든 설정을 재설정하시겠습니까?",
+      "currentVersion": "현재 버전",
+      "desc": "모든 설정 항목을 기본값으로 재설정합니다.",
+      "title": "모든 설정 재설정"
+    }
+  },
+  "header": {
+    "global": "전역 설정",
+    "session": "세션 설정",
+    "sessionWithName": "세션 설정 · {{name}}"
+  },
+  "llm": {
+    "AzureOpenAI": {
+      "endpoint": {
+        "desc": "Azure 포털에서 리소스를 확인할 때 이 값을 '키 및 엔드포인트' 섹션에서 찾을 수 있습니다.",
+        "placeholder": "https://docs-test-001.openai.azure.com",
+        "title": "Azure API 주소"
+      },
+      "models": {
+        "desc": "지원되는 모델",
+        "title": "모델 목록"
+      },
+      "title": "Azure OpenAI 설정",
+      "token": {
+        "desc": "Azure 포털에서 리소스를 확인할 때 이 값을 '키 및 엔드포인트' 섹션에서 찾을 수 있습니다. KEY1 또는 KEY2를 사용할 수 있습니다.",
+        "placeholder": "Azure API 키",
+        "title": "API 키"
+      }
+    },
+    "OpenAI": {
+      "azureApiVersion": {
+        "desc": "Azure의 API 버전입니다. YYYY-MM-DD 형식을 따릅니다. [최신 버전](https://learn.microsoft.com/ko-kr/azure/ai-services/openai/reference#chat-completions)을 확인하세요.",
+        "fetch": "목록 가져오기",
+        "title": "Azure API 버전"
+      },
+      "check": {
+        "button": "확인",
+        "desc": "API 키와 프록시 주소가 올바르게 입력되었는지 테스트합니다.",
+        "pass": "확인 완료",
+        "title": "연결성 확인"
+      },
+      "endpoint": {
+        "desc": "기본 주소 외에도 반드시 http(s)://를 포함해야 합니다.",
+        "placeholder": "https://api.openai.com/v1",
+        "title": "인터페이스 프록시 주소"
+      },
+      "models": {
+        "count": "총 {{count}}개의 모델 지원",
+        "desc": "지원되는 모델",
+        "fetch": "모델 목록 가져오기",
+        "notSupport": "Azure OpenAI에서 모델 목록을 볼 수 없습니다.",
+        "notSupportTip": "배포 이름과 모델 이름이 일치하는지 확인해야 합니다.",
+        "refetch": "모델 목록 다시 가져오기",
+        "title": "모델 목록"
+      },
+      "title": "OpenAI 설정",
+      "token": {
+        "desc": "자체 OpenAI 키 사용",
+        "placeholder": "OpenAI API 키",
+        "title": "API 키"
+      },
+      "useAzure": {
+        "desc": "Azure에서 제공하는 OpenAI 서비스 사용",
+        "fetch": "목록 가져오기",
+        "serverConfig": "관리자가 서버에서 Azure OpenAI를 구성했으므로 변경이 금지되었습니다.",
+        "title": "Azure OpenAI"
+      }
+    },
+    "waitingForMore": "더 많은 모델이 <1>계획 중</1>에 있으니 기대해주세요 ✨"
+  },
+  "settingAgent": {
+    "avatar": {
+      "title": "아바타"
+    },
+    "backgroundColor": {
+      "title": "배경색"
+    },
+    "description": {
+      "placeholder": "도우미 설명을 입력하세요.",
+      "title": "도우미 설명"
+    },
+    "name": {
+      "placeholder": "도우미 이름을 입력하세요.",
+      "title": "이름"
+    },
+    "prompt": {
+      "placeholder": "역할 프롬프트 힌트를 입력하세요.",
+      "title": "역할 설정"
+    },
+    "tag": {
+      "placeholder": "태그를 입력하세요.",
+      "title": "태그"
+    },
+    "title": "도우미 정보"
+  },
+  "settingChat": {
+    "chatStyleType": {
+      "title": "채팅 창 스타일",
+      "type": {
+        "chat": "대화 모드",
+        "docs": "문서 모드"
+      }
+    },
+    "compressThreshold": {
+      "desc": "압축되지 않은 이전 메시지가이 값보다 크면 압축됩니다.",
+      "title": "압축 임계값"
+    },
+    "enableCompressThreshold": {
+      "title": "이전 메시지 길이 압축 사용"
+    },
+    "enableHistoryCount": {
+      "alias": "제한 없음",
+      "limited": "대화 메시지 {{number}} 개만 포함",
+      "title": "대화 메시지 제한",
+      "unlimited": "대화 메시지 제한 없음"
+    },
+    "historyCount": {
+      "desc": "요청당 포함되는 이전 메시지 수",
+      "title": "포함된 이전 메시지 수"
+    },
+    "inputTemplate": {
+      "desc": "사용자의 최신 메시지가이 템플릿에 채워집니다.",
+      "placeholder": "사전 처리 템플릿 {{text}}은(는) 실시간 입력 정보로 대체됩니다.",
+      "title": "사용자 입력 사전 처리"
+    },
+    "title": "채팅 설정"
+  },
+  "settingModel": {
+    "enableMaxTokens": {
+      "title": "단일 응답 제한 사용"
+    },
+    "frequencyPenalty": {
+      "desc": "값이 클수록 반복 단어가 줄어듭니다.",
+      "title": "빈도 패널티"
+    },
+    "maxTokens": {
+      "desc": "단일 상호 작용에 사용되는 최대 토큰 수",
+      "title": "단일 응답 제한"
+    },
+    "model": {
+      "desc": "ChatGPT 모델",
+      "list": {
+        "gpt-3.5-turbo": "GPT 3.5",
+        "gpt-3.5-turbo-16k": "GPT 3.5 (16K)",
+        "gpt-4": "GPT 4",
+        "gpt-4-32k": "GPT 4 (32K)"
+      },
+      "title": "모델"
+    },
+    "presencePenalty": {
+      "desc": "값이 클수록 새로운 주제로 확장될 가능성이 높아집니다.",
+      "title": "주제 신선도"
+    },
+    "temperature": {
+      "desc": "값이 클수록 응답이 더 무작위 해집니다.",
+      "title": "랜덤성",
+      "titleWithValue": "랜덤성 {{value}}"
+    },
+    "title": "모델 설정",
+    "topP": {
+      "desc": "랜덤성과 유사하지만 함께 변경하지 마십시오.",
+      "title": "상위 P 샘플링"
+    }
+  },
+  "settingPlugin": {
+    "add": "추가",
+    "addTooltip": "사용자 정의 플러그인 추가",
+    "clearDeprecated": "사용되지 않는 플러그인 제거",
+    "config": "{{id}} 플러그인 구성",
+    "settings": "플러그인 마켓 설정",
+    "title": "플러그인 목록"
+  },
+  "settingSystem": {
+    "accessCode": {
+      "desc": "관리자가 암호 액세스를 활성화했습니다.",
+      "placeholder": "액세스 코드를 입력하세요.",
+      "title": "액세스 코드"
+    },
+    "title": "시스템 설정"
+  },
+  "settingTheme": {
+    "avatar": {
+      "title": "아바타"
+    },
+    "fontSize": {
+      "desc": "채팅 콘텐츠의 글꼴 크기",
+      "title": "글꼴 크기"
+    },
+    "lang": {
+      "autoMode": "시스템에 따름",
+      "title": "언어"
+    },
+    "neutralColor": {
+      "desc": "다양한 색상 경향의 중립적인 사용자 정의",
+      "title": "중립 색상"
+    },
+    "primaryColor": {
+      "desc": "사용자 정의 테마 색상",
+      "title": "테마 색상"
+    },
+    "themeMode": {
+      "auto": "자동",
+      "dark": "다크",
+      "light": "라이트",
+      "title": "테마"
+    },
+    "title": "테마 설정"
+  },
+  "tab": {
+    "agent": "기본 도우미",
+    "common": "일반 설정",
+    "llm": "언어 모델"
+  }
+}

package/locales/ko_KR/welcome.json

@@ -0,0 +1,14 @@
+{
+  "button": {
+    "import": "구성 가져오기",
+    "start": "지금 시작"
+  },
+  "header": "환영합니다",
+  "pickAgent": "또는 다음 도우미 템플릿 중 하나를 선택하세요",
+  "skip": "생성 건너뛰기",
+  "slogan": {
+    "desc1": "뇌 클러스터를 시작하여 아이디어를 자극하세요. 당신의 지능형 어시스턴트가 항상 여기에 있습니다.",
+    "desc2": "첫 번째 어시스턴트를 만들어 보세요. 시작해 봅시다~",
+    "title": "더 똑똑한 뇌를 위해 스스로에게 선물하세요"
+  }
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.84.0",
+  "version": "0.85.1",
   "description": "An open-source, extensible (Function Calling), high-performance chatbot framework. It supports one-click free deployment of your private ChatGPT/LLM web application",
   "keywords": [
     "chatbot",

package/public/manifest.json

@@ -6,12 +6,26 @@
     {
       "src": "/icons/icon-192x192.png",
       "sizes": "192x192",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/maskable-icon-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png",
+      "purpose": "maskable"
     },
     {
       "src": "/icons/icon-512x512.png",
       "sizes": "512x512",
-      "type": "image/png"
+      "type": "image/png",
+      "purpose": "any"
+    },
+    {
+      "src": "/icons/maskable-icon-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png",
+      "purpose": "maskable"
     }
   ],
   "id": "/",
@@ -20,13 +34,28 @@
   "scope": "/",
   "screenshots": [
     {
-      "src": "https://registry.npmmirror.com/@lobehub/assets-favicons/1.4.0/files/assets/og-960x540.png",
-      "sizes": "960x540",
+      "src": "/screenshots/screenshot-1.png",
+      "sizes": "750x1334",
+      "type": "image/png"
+    },
+    {
+      "src": "/screenshots/screenshot-2.png",
+      "sizes": "750x1334",
+      "type": "image/png"
+    },
+    {
+      "src": "/screenshots/screenshot-3.png",
+      "sizes": "750x1334",
+      "type": "image/png"
+    },
+    {
+      "src": "/screenshots/screenshot-4.png",
+      "sizes": "750x1334",
       "type": "image/png"
     }
   ],
   "short_name": "LobeChat",
   "splash_pages": null,
-  "start_url": "/",
+  "start_url": ".",
   "theme_color": "#000000"
 }

package/src/app/chat/features/ChatInputContent/Footer/SaveTopic.tsx

@@ -19,7 +19,7 @@ const SaveTopic = memo(() => {
 
   return (
     <Tooltip title={t('topic.saveCurrentMessages')}>
-      <Render icon={icon} onClick={saveToTopic} />
+      <Render aria-label={t('topic.saveCurrentMessages')} icon={icon} onClick={saveToTopic} />
     </Tooltip>
   );
 });

package/src/app/welcome/(desktop)/features/Footer.tsx

@@ -6,7 +6,7 @@ import { Book, Github } from 'lucide-react';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import { CHANGELOG, DISCORD, GITHUB } from '@/const/url';
+import { DISCORD, GITHUB, WIKI } from '@/const/url';
 
 const Footer = memo(() => {
   const theme = useTheme();
@@ -21,9 +21,20 @@ const Footer = memo(() => {
           icon={DiscordIcon}
           onClick={() => window.open(DISCORD, '__blank')}
           size={'site'}
+          title={'Discord'}
+        />
+        <ActionIcon
+          icon={Book}
+          onClick={() => window.open(WIKI, '__blank')}
+          size={'site'}
+          title={'Wiki'}
+        />
+        <ActionIcon
+          icon={Github}
+          onClick={() => window.open(GITHUB, '__blank')}
+          size={'site'}
+          title={'GitHub'}
         />
-        <ActionIcon icon={Book} onClick={() => window.open(CHANGELOG, '__blank')} size={'site'} />
-        <ActionIcon icon={Github} onClick={() => window.open(GITHUB, '__blank')} size={'site'} />
       </Flexbox>
     </Flexbox>
   );

package/src/app/welcome/(desktop)/layout.desktop.tsx

@@ -1,5 +1,4 @@
 import { Logo } from '@lobehub/ui';
-import Link from 'next/link';
 import { PropsWithChildren, memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
@@ -18,9 +17,7 @@ const Desktop = memo<PropsWithChildren>(({ children }) => {
         horizontal
         style={{ position: 'relative' }}
       >
-        <Link href={'/'}>
-          <Logo className={styles.logo} size={36} type={'text'} />
-        </Link>
+        <Logo className={styles.logo} size={36} type={'text'} />
         <Flexbox className={styles.view} flex={1}>
           {children}
         </Flexbox>

package/src/app/welcome/features/Banner/index.tsx

@@ -4,12 +4,10 @@ import { Icon } from '@lobehub/ui';
 import { useSize } from 'ahooks';
 import { Button, Upload } from 'antd';
 import { SendHorizonal } from 'lucide-react';
-import Link from 'next/link';
 import { memo, useCallback, useRef } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { SESSION_CHAT_URL } from '@/const/url';
 import { useImportConfig } from '@/hooks/useImportConfig';
 import { useSessionStore } from '@/store/session';
 
@@ -23,8 +21,12 @@ const Banner = memo<{ mobile?: boolean }>(({ mobile }) => {
   const width = domSize?.width || 1024;
   const { t } = useTranslation('welcome');
   const { styles } = useStyles();
-
-  const switchSession = useSessionStore((s) => s.switchSession);
+  const [switchSession, switchBackToChat, router, isMobile] = useSessionStore((s) => [
+    s.switchSession,
+    s.switchBackToChat,
+    s.router,
+    s.isMobile,
+  ]);
   const handleImport = useCallback((e: any) => {
     importConfig(e);
     switchSession();
@@ -47,20 +49,17 @@ const Banner = memo<{ mobile?: boolean }>(({ mobile }) => {
             {t('button.import')}
           </Button>
         </Upload>
-        <Link
-          href={SESSION_CHAT_URL()}
-          onClick={(e) => {
-            e.preventDefault();
-            switchSession();
-          }}
+        <Button
+          block={mobile}
+          onClick={() => (isMobile ? router?.push('/chat') : switchBackToChat())}
+          size={'large'}
+          type={'primary'}
         >
-          <Button block={mobile} size={'large'} type={'primary'}>
-            <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
-              {t('button.start')}
-              <Icon icon={SendHorizonal} />
-            </Flexbox>
-          </Button>
-        </Link>
+          <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
+            {t('button.start')}
+            <Icon icon={SendHorizonal} />
+          </Flexbox>
+        </Button>
       </Flexbox>
     </>
   );

package/src/const/layoutTokens.ts

@@ -2,7 +2,7 @@ import type { FormProps } from '@lobehub/ui';
 
 export const HEADER_HEIGHT = 64;
 export const MOBILE_NABBAR_HEIGHT = 44;
-export const MOBILE_TABBAR_HEIGHT = 48;
+export const MOBILE_TABBAR_HEIGHT = 60;
 export const CHAT_TEXTAREA_HEIGHT = 200;
 export const CHAT_TEXTAREA_HEIGHT_MOBILE = 120;
 export const CHAT_SIDEBAR_WIDTH = 280;

package/src/const/url.ts

@@ -8,7 +8,8 @@ import { DEFAULT_LANG, checkLang } from './locale';
 import { INBOX_SESSION_ID } from './session';
 
 export const GITHUB = pkg.homepage;
-export const CHANGELOG = `${pkg.homepage}/blob/master/CHANGELOG.md`;
+export const CHANGELOG = urlJoin(GITHUB, 'blob/master/CHANGELOG.md');
+export const WIKI = urlJoin(GITHUB, 'wiki');
 export const ABOUT = pkg.homepage;
 export const FEEDBACK = pkg.bugs.url;
 export const DISCORD = 'https://discord.gg/AYFPHvv2jT';

package/src/features/SideBar/BottomActions.tsx

@@ -1,6 +1,7 @@
 import { ActionIcon, DiscordIcon, Icon } from '@lobehub/ui';
 import { Badge, ConfigProvider, Dropdown, MenuProps, Upload } from 'antd';
 import {
+  Book,
   Feather,
   FileClock,
   Github,
@@ -15,7 +16,7 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { ABOUT, CHANGELOG, DISCORD, FEEDBACK, GITHUB } from '@/const/url';
+import { ABOUT, CHANGELOG, DISCORD, FEEDBACK, GITHUB, WIKI } from '@/const/url';
 import { useExportConfig } from '@/hooks/useExportConfig';
 import { useImportConfig } from '@/hooks/useImportConfig';
 import { GlobalStore, useGlobalStore } from '@/store/global';
@@ -94,6 +95,12 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
       label: t('changelog'),
       onClick: () => window.open(CHANGELOG, '__blank'),
     },
+    {
+      icon: <Icon icon={Book} />,
+      key: 'wiki',
+      label: 'WIKI',
+      onClick: () => window.open(WIKI, '__blank'),
+    },
     {
       icon: <Icon icon={Heart} />,
       key: 'about',
@@ -130,7 +137,7 @@ const BottomActions = memo<BottomActionProps>(({ tab, setTab }) => {
         icon={Github}
         onClick={() => window.open(GITHUB, '__blank')}
         placement={'right'}
-        title={'Github'}
+        title={'GitHub'}
       />
       <Dropdown arrow={false} menu={{ items }} trigger={['click']}>
         {hasNewVersion ? (

package/src/layout/AppLayout.mobile.tsx

@@ -62,6 +62,7 @@ const AppLayoutMobile = memo<AppMobileLayoutProps>(
             <MobileTabBar className={styles.mobileTabBar} />
           </>
         )}
+        <SafeSpacing mobile position={'bottom'} />
       </Flexbox>
     );
   },

package/src/layout/GlobalLayout/AppTheme.tsx

@@ -20,9 +20,9 @@ export interface AppThemeProps {
 
 const AppTheme = memo<AppThemeProps>(
   ({ children, defaultAppearance, defaultPrimaryColor, defaultNeutralColor }) => {
-    // console.log('server:appearance', defaultAppearance);
-    // console.log('server:primaryColor', defaultPrimaryColor);
-    // console.log('server:neutralColor', defaultNeutralColor);
+    // console.debug('server:appearance', defaultAppearance);
+    // console.debug('server:primaryColor', defaultPrimaryColor);
+    // console.debug('server:neutralColor', defaultNeutralColor);
     const themeMode = useGlobalStore((s) => s.settings.themeMode);
 
     const [primaryColor, neutralColor] = useGlobalStore((s) => [

package/src/layout/GlobalLayout/Locale.tsx

@@ -20,9 +20,9 @@ const InnerLocale = memo<LocaleLayoutProps>(({ children, lang }) => {
   } else {
     // if on browser side, init i18n instance only once
     if (!i18n.instance.isInitialized)
-      // console.log('locale', lang);
+      // console.debug('locale', lang);
       i18n.init().then(() => {
-        // console.log('inited.');
+        // console.debug('inited.');
       });
   }
 

package/src/locales/options.ts

@@ -1,4 +1,3 @@
-
 import type { Locales } from '@/types/locale';
 
 type LocaleOptions = {
@@ -19,6 +18,14 @@ export const localeOptions: LocaleOptions = [
     label: 'English',
     value: 'en-US',
   },
+  {
+    label: '日本語',
+    value: 'ja-JP',
+  },
+  {
+    label: '한국어',
+    value: 'ko-KR',
+  },
   {
     label: 'Russian',
     value: 'ru-RU',

package/src/locales/resources/index.ts

@@ -1,10 +1,14 @@
 import en_US from './en_US';
+import ja_JP from './ja_JP';
+import ko_KR from './ko_KR';
 import ru_RU from './ru_RU';
 import zh_CN from './zh_CN';
 import zh_TW from './zh_TW';
 
 const resources = {
   'en-US': en_US,
+  'ja-JP': ja_JP,
+  'ko-KR': ko_KR,
   'ru-RU': ru_RU,
   'zh-CN': zh_CN,
   'zh-TW': zh_TW,

package/src/locales/resources/ja_JP.ts

@@ -0,0 +1,19 @@
+import common from '../../../locales/ja_JP/common.json';
+import empty from '../../../locales/ja_JP/empty.json';
+import error from '../../../locales/ja_JP/error.json';
+import market from '../../../locales/ja_JP/market.json';
+import plugin from '../../../locales/ja_JP/plugin.json';
+import setting from '../../../locales/ja_JP/setting.json';
+import welcome from '../../../locales/ja_JP/welcome.json';
+
+const resources = {
+  common,
+  empty,
+  error,
+  market,
+  plugin,
+  setting,
+  welcome,
+} as const;
+
+export default resources;

package/src/locales/resources/ko_KR.ts

@@ -0,0 +1,19 @@
+import common from '../../../locales/ko_KR/common.json';
+import empty from '../../../locales/ko_KR/empty.json';
+import error from '../../../locales/ko_KR/error.json';
+import market from '../../../locales/ko_KR/market.json';
+import plugin from '../../../locales/ko_KR/plugin.json';
+import setting from '../../../locales/ko_KR/setting.json';
+import welcome from '../../../locales/ko_KR/welcome.json';
+
+const resources = {
+  common,
+  empty,
+  error,
+  market,
+  plugin,
+  setting,
+  welcome,
+} as const;
+
+export default resources;

package/src/utils/VersionController.ts

@@ -56,7 +56,7 @@ export class VersionController<T> {
       nextData = migration.migrate(nextData);
 
       nextData.version += 1;
-      console.log('迁移器：', migration, '数据：', nextData, '迁移后版本:', nextData.version);
+      console.debug('迁移器：', migration, '数据：', nextData, '迁移后版本:', nextData.version);
     }
 
     return nextData;

package/src/utils/responsive.ts

@@ -12,7 +12,7 @@ export const isMobileDevice = () => {
   const { get } = headers();
   const ua = get('user-agent');
 
-  // console.log(ua);
+  // console.debug(ua);
   const device = new UAParser(ua || '').getDevice();
 
   return device.type === 'mobile';