@lobehub/chat 0.76.2 → 0.77.1

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/market.json

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

package/locales/zh_CN/setting.json

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.76.2",
+  "version": "0.77.1",
   "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/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/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/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