@lobehub/chat 0.76.1 → 0.77.0

package/locales/ru_RU/setting.json

@@ -73,7 +73,8 @@
       "useAzure": {
         "desc": "Использование служб OpenAI из Azure",
         "fetch": "Получить список",
-        "title": "Azure OpenAI"
+        "title": "Azure OpenAI",
+        "serverConfig": "Администратор настроил сервер для использования Azure OpenAI. Переключение запрещено."
       }
     },
     "waitingForMore": "<1>Планируется доступ к другим моделям</1>, так что следите за обновлениями ✨"

package/locales/zh_CN/common.json

@@ -82,4 +82,4 @@
   "updateAgent": "更新助理信息",
   "updatePrompt": "更新提示词",
   "warp": "换行"
-}
+}

package/locales/zh_CN/empty.json

@@ -3,4 +3,4 @@
     "desc": "点击发送左侧按钮可将当前会话保存为历史话题，并开启新一轮会话",
     "title": "话题列表"
   }
-}
+}

package/locales/zh_CN/error.json

@@ -38,4 +38,4 @@
       "title": "输入密码解锁应用"
     }
   }
-}
+}

package/locales/zh_CN/market.json

@@ -8,5 +8,9 @@
     "prompt": "提示词",
     "title": "助手详情"
   },
-  "submitAgent": "提交助手"
-}
+  "submitAgent": "提交助手",
+  "title": {
+    "recentSubmits": "最近新增",
+    "allAgents": "全部助手"
+  }
+}

package/locales/zh_CN/plugin.json

@@ -103,4 +103,4 @@
     "modalDesc": "配置插件市场的地址后，可以使用自定义的插件市场",
     "title": "设置插件市场"
   }
-}
+}

package/locales/zh_CN/setting.json

@@ -73,6 +73,7 @@
       "useAzure": {
         "desc": "使用 Azure 提供的 OpenAI 服务",
         "fetch": "获取列表",
+        "serverConfig": "管理员在服务端配置开启了 Azure OpenAI，禁止切换",
         "title": "Azure OpenAI"
       }
     },
@@ -220,4 +221,4 @@
     "common": "通用设置",
     "llm": "语言模型"
   }
-}
+}

package/locales/zh_CN/welcome.json

@@ -11,4 +11,4 @@
     "desc2": "创建你的第一个助手，让我们开始吧~",
     "title": "给自己一个更聪明的大脑"
   }
-}
+}

package/next.config.mjs

@@ -14,9 +14,6 @@ const nextConfig = {
   reactStrictMode: true,
   pageExtensions: ['page.tsx', 'api.ts'],
   transpilePackages: ['@lobehub/ui'],
-  env: {
-    USE_AZURE_OPENAI: process.env.USE_AZURE_OPENAI === '1',
-  },
   webpack(config) {
     config.experiments = {
       asyncWebAssembly: true,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.76.1",
+  "version": "0.77.0",
   "description": "Lobe Chat is an open-source chatbot client using Vercel AI SDK, Typescript and Next.js",
   "keywords": [
     "chatbot",

package/renovate.json

@@ -0,0 +1,13 @@
+{
+  "$schema": "https://docs.renovatebot.com/renovate-schema.json",
+  "automerge": false,
+  "dependencyDashboard": true,
+  "ignoreDeps": [],
+  "labels": ["dependencies"],
+  "postUpdateOptions": ["yarnDedupeHighest"],
+  "prConcurrentLimit": 30,
+  "prHourlyLimit": 0,
+  "rebaseWhen": "conflicted",
+  "schedule": "on sunday before 6:00am",
+  "timezone": "UTC"
+}

package/src/config/server.ts

@@ -7,6 +7,7 @@ declare global {
       AZURE_API_VERSION?: string;
       OPENAI_API_KEY?: string;
       OPENAI_PROXY_URL?: string;
+      USE_AZURE_OPENAI?: string;
     }
   }
 }
@@ -25,5 +26,6 @@ export const getServerConfig = () => {
 
     OPENAI_API_KEY: process.env.OPENAI_API_KEY,
     OPENAI_PROXY_URL: process.env.OPENAI_PROXY_URL,
+    USE_AZURE_OPENAI: process.env.USE_AZURE_OPENAI === '1',
   };
 };

package/src/const/settings.ts

@@ -1,4 +1,3 @@
-import { getClientConfig } from '@/config/client';
 import { DEFAULT_OPENAI_MODEL_LIST } from '@/const/llm';
 import { DEFAULT_AGENT_META } from '@/const/meta';
 import { LanguageModel } from '@/types/llm';
@@ -38,7 +37,6 @@ export const DEFAULT_LLM_CONFIG: GlobalLLMConfig = {
   openAI: {
     OPENAI_API_KEY: '',
     models: DEFAULT_OPENAI_MODEL_LIST,
-    useAzure: getClientConfig().USE_AZURE_OPENAI,
   },
 };
 

package/src/features/AgentSetting/AgentConfig/index.tsx

@@ -33,6 +33,7 @@ const AgentConfig = memo(() => {
           children: (
             <SelectWithImg
               height={86}
+              onChange={(mode) => updateConfig({ displayMode: mode })}
               options={[
                 {
                   icon: MessagesSquare,
@@ -47,21 +48,12 @@ const AgentConfig = memo(() => {
                   value: 'docs',
                 },
               ]}
-              styles={{
-                img: {
-                  background: `linear-gradient(
-                  to bottom,
-                ${isDarkMode ? theme.colorBgElevated : theme.colorBgLayout},
-                ${theme.colorBgContainer}
-                )`,
-                },
-              }}
+              value={config.displayMode}
               width={144}
             />
           ),
           label: t('settingChat.chatStyleType.title'),
           minWidth: undefined,
-          name: 'displayMode',
         },
         {
           children: <Input placeholder={t('settingChat.inputTemplate.placeholder')} />,

package/src/locales/default/market.ts

@@ -9,4 +9,8 @@ export default {
     title: '助手详情',
   },
   submitAgent: '提交助手',
+  title: {
+    allAgents: '全部助手',
+    recentSubmits: '最近新增',
+  },
 };

package/src/locales/resources/en_US.ts

@@ -13,7 +13,7 @@ const resources = {
   market,
   plugin,
   setting,
-  welcome,
+  welcome
 } as const;
 
 export default resources;

package/src/locales/resources/index.ts

@@ -1,11 +1,11 @@
-import en_US from './en_US';
-import ru_RU from './ru_RU';
-import zh_CN from './zh_CN';
+import zh_CN from "./zh_CN";
+import en_US from "./en_US";
+import ru_RU from "./ru_RU";
 
 const resources = {
-  'en-US': en_US,
-  'ru-RU': ru_RU,
-  'zh-CN': zh_CN,
+   "en-US": en_US,
+   "ru-RU": ru_RU,
+   "zh-CN": zh_CN,
 } as const;
 export default resources;
 export const defaultResources = zh_CN;

package/src/locales/resources/ru_RU.ts

@@ -13,7 +13,7 @@ const resources = {
   market,
   plugin,
   setting,
-  welcome,
+  welcome
 } as const;
 
 export default resources;

package/src/locales/resources/zh_CN.ts

@@ -13,7 +13,7 @@ const resources = {
   market,
   plugin,
   setting,
-  welcome,
+  welcome
 } as const;
 
 export default resources;

package/src/pages/api/openai/chat.api.ts

@@ -1,6 +1,6 @@
 import OpenAI from 'openai';
 
-import { getClientConfig } from '@/config/client';
+import { getServerConfig } from '@/config/server';
 import { getOpenAIAuthFromRequest } from '@/const/fetch';
 import { ErrorType } from '@/types/fetch';
 import { OpenAIStreamPayload } from '@/types/openai';
@@ -26,7 +26,7 @@ export default async function handler(req: Request) {
 
   let openai: OpenAI;
 
-  const { USE_AZURE_OPENAI } = getClientConfig();
+  const { USE_AZURE_OPENAI } = getServerConfig();
   const useAzureOpenAI = useAzure || USE_AZURE_OPENAI;
 
   if (useAzureOpenAI) {

package/src/pages/chat/features/Conversation/ChatList/index.tsx

@@ -67,9 +67,9 @@ const List = () => {
     [chatLoadingId],
   );
 
-  return !init ? (
-    <SkeletonList />
-  ) : (
+  if (!init) return <SkeletonList />;
+
+  return (
     <ChatList
       data={data}
       loadingId={chatLoadingId}
@@ -102,7 +102,7 @@ const List = () => {
         edit: t('edit'),
         regenerate: t('regenerate'),
       }}
-      type={displayMode}
+      type={displayMode || 'chat'}
     />
   );
 };

package/src/pages/market/features/AgentCard/index.tsx

@@ -1,22 +1,28 @@
 import { SpotlightCard } from '@lobehub/ui';
+import { useResponsive } from 'antd-style';
+import { shuffle } from 'lodash-es';
 import { memo, useMemo } from 'react';
+import { useTranslation } from 'react-i18next';
+import { Flexbox } from 'react-layout-kit';
 
 import { agentMarketSelectors, useMarketStore } from '@/store/market';
 
 import TagList from '../TagList';
 import AgentCardItem from './AgentCardItem';
 import Loading from './Loading';
+import { useStyles } from './style';
 
 const gridRender = (item: any) => <AgentCardItem {...item} />;
 
 const AgentCard = memo(() => {
+  const { mobile } = useResponsive();
   const agentList = useMarketStore(agentMarketSelectors.getAgentList);
-
+  const { t } = useTranslation('market');
   const [useFetchAgentList, keywords] = useMarketStore((s) => [
     s.useFetchAgentList,
     s.searchKeywords,
   ]);
-
+  const { styles } = useStyles();
   const { isLoading } = useFetchAgentList();
 
   const agentListData = useMemo(() => {
@@ -27,10 +33,23 @@ const AgentCard = memo(() => {
   if (isLoading || !agentList) return <Loading />;
 
   return (
-    <>
+    <Flexbox gap={mobile ? 16 : 24}>
       <TagList />
-      <SpotlightCard items={agentListData} renderItem={gridRender} />
-    </>
+      {keywords ? (
+        <SpotlightCard items={agentListData} renderItem={gridRender} spotlight={false} />
+      ) : (
+        <>
+          <div className={styles.subTitle}>{t('title.recentSubmits')}</div>
+          <SpotlightCard items={agentListData.slice(0, 3)} renderItem={gridRender} />
+          <div className={styles.subTitle}>{t('title.allAgents')}</div>
+          <SpotlightCard
+            items={shuffle(agentListData.slice(3))}
+            renderItem={gridRender}
+            spotlight={false}
+          />
+        </>
+      )}
+    </Flexbox>
   );
 });
 

package/src/pages/market/features/AgentCard/style.ts

@@ -1,6 +1,6 @@
 import { createStyles } from 'antd-style';
 
-export const useStyles = createStyles(({ css, token }) => ({
+export const useStyles = createStyles(({ css, token, responsive }) => ({
   avatar: css``,
 
   container: css`
@@ -14,6 +14,13 @@ export const useStyles = createStyles(({ css, token }) => ({
   inner: css`
     padding: 16px;
   `,
+  subTitle: css`
+    font-size: 24px;
+    font-weight: 600;
+    ${responsive.mobile} {
+      font-size: 20px;
+    }
+  `,
   title: css`
     margin-bottom: 0 !important;
     font-size: 16px;

package/src/pages/market/features/SideBar/Mobile.tsx

@@ -20,7 +20,7 @@ const Mobile = memo<PropsWithChildren>(({ children }) => {
     <Drawer
       bodyStyle={{ padding: 0 }}
       closeIcon={<ActionIcon icon={X} size={{ blockSize: 32, fontSize: 20 }} />}
-      drawerStyle={{ background: theme.colorBgContainer }}
+      drawerStyle={{ background: theme.colorBgLayout }}
       headerStyle={{ padding: '8px 4px' }}
       height={'75vh'}
       onClose={deactivateAgent}

package/src/pages/market/layout.mobile.tsx

@@ -3,10 +3,13 @@ import { Flexbox } from 'react-layout-kit';
 
 import AppMobileLayout from '@/layout/AppMobileLayout';
 import SideBar from '@/pages/market/features/SideBar';
+import { useSwitchSideBarOnInit } from '@/store/global';
 
 import Header from './features/Header';
 
 const MarketLayout = memo<{ children: ReactNode }>(({ children }) => {
+  useSwitchSideBarOnInit('market');
+
   return (
     <AppMobileLayout navBar={<Header />} showTabBar>
       <Flexbox flex={1} gap={16} style={{ padding: 16 }}>

package/src/pages/market/layout.tsx

@@ -5,6 +5,7 @@ import { Center, Flexbox } from 'react-layout-kit';
 
 import SafeSpacing from '@/components/SafeSpacing';
 import { MAX_WIDTH } from '@/const/layoutTokens';
+import { useSwitchSideBarOnInit } from '@/store/global';
 
 import AppLayout from '../../layout/AppLayout';
 import Header from './features/Header';
@@ -25,6 +26,9 @@ const useStyles = createStyles(({ css }) => ({
 
 const MarketLayout = memo<PropsWithChildren>(({ children }) => {
   const { theme, styles } = useStyles();
+
+  useSwitchSideBarOnInit('market');
+
   return (
     <AppLayout>
       <Flexbox

package/src/pages/settings/features/Settings/LLM/index.tsx

@@ -8,7 +8,6 @@ import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { getClientConfig } from '@/config/client';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { globalSelectors, useEffectAfterGlobalHydrated, useGlobalStore } from '@/store/global';
 
@@ -83,7 +82,7 @@ const LLM = memo(() => {
       },
       {
         children: (
-          <Switch disabled={getClientConfig().USE_AZURE_OPENAI} />
+          <Switch />
           //   <Flexbox gap={4}>
           //   <div>
           //

package/src/pages/settings/index.page.tsx

@@ -3,16 +3,13 @@ import Head from 'next/head';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { createI18nNext } from '@/locales/create';
-import { useOnFinishHydrationGlobal, useSwitchSideBarOnInit } from '@/store/global';
+import { useSwitchSideBarOnInit } from '@/store/global';
 import { genSiteHeadTitle } from '@/utils/genSiteHeadTitle';
 
 import Settings from './features/Settings';
 import DesktopLayout from './layout';
 import MobileLayout from './layout.mobile';
 
-const initI18n = createI18nNext({ namespace: 'setting' });
-
 const Setting = memo(() => {
   const { mobile } = useResponsive();
   const { t } = useTranslation('setting');
@@ -22,10 +19,6 @@ const Setting = memo(() => {
 
   useSwitchSideBarOnInit('settings');
 
-  useOnFinishHydrationGlobal(() => {
-    initI18n.then(() => {});
-  });
-
   return (
     <>
       <Head>

package/vercel.json

@@ -1,3 +1,3 @@
 {
-  "installCommand": "pnpm i"
-}
+  "installCommand": "/bun1/bun install"
+}

package/.github/workflows/contributor-help.yml

@@ -1,27 +0,0 @@
-name: Contributor Helper
-
-on:
-  schedule: [{ cron: '0 18 * * *' }]
-  workflow_dispatch:
-jobs:
-  contributor:
-    runs-on: ubuntu-latest
-    steps:
-      - uses: actions/checkout@master
-
-      - uses: actions-cool/contributor-helper@v1
-        with:
-          token: ${{ secrets.GH_TOKEN }}
-          style: 'simple'
-          update-files: 'README.md, README.zh-CN.md'
-          update-places: '<!-- CONTRIBUTION GROUP -->/<!-- CONTRIBUTION END -->, <!-- CONTRIBUTION GROUP -->/<!-- CONTRIBUTION END -->'
-
-      - name: Commit and push if changed
-        run: |-
-          git diff
-          git config --global user.name "lobehubbot"
-          git config --global user.email "i@lobehub.com"
-          git pull
-          git add -A
-          git commit -m "🤖 docs: Auto update contributors" || exit 0
-          git push

package/src/config/client.ts

@@ -1,14 +0,0 @@
-declare global {
-  // eslint-disable-next-line @typescript-eslint/no-namespace
-  namespace NodeJS {
-    interface ProcessEnv {
-      USE_AZURE_OPENAI?: boolean;
-    }
-  }
-}
-
-export const getClientConfig = () => {
-  return {
-    USE_AZURE_OPENAI: process.env.USE_AZURE_OPENAI,
-  };
-};