@lobehub/chat 0.162.23 → 0.162.25

package/src/app/(main)/settings/system-agent/page.tsx

@@ -1,14 +1,14 @@
-// import { metadataModule } from '@/server/metadata';
-// import { translation } from '@/server/translation';
+import { metadataModule } from '@/server/metadata';
+import { translation } from '@/server/translation';
 
-// export const generateMetadata = async () => {
-//   const { t } = await translation('setting');
-//
-//   return metadataModule.generate({
-//     description: t('header.desc'),
-//     title: t('tab.systemAgent'),
-//     url: '/settings/system-agent',
-//   });
-// };
+export const generateMetadata = async () => {
+  const { t } = await translation('setting');
+
+  return metadataModule.generate({
+    description: t('header.desc'),
+    title: t('tab.systemAgent'),
+    url: '/settings/system-agent',
+  });
+};
 
 export { default } from './index';

package/src/app/@modal/_layout/SettingModalLayout.tsx

@@ -6,6 +6,7 @@ import { Flexbox } from 'react-layout-kit';
 
 import Header from '@/app/(main)/settings/_layout/Desktop/Header';
 import SideBar from '@/app/(main)/settings/_layout/Desktop/SideBar';
+import Footer from '@/app/(main)/settings/features/Footer';
 
 interface SettingLayoutProps {
   activeTitle?: ReactNode;
@@ -42,6 +43,7 @@ const SettingModalLayout = memo<SettingLayoutProps>(
         <Flexbox
           align={'center'}
           gap={mobile ? 0 : 64}
+          paddingInline={mobile ? 0 : 56}
           ref={ref}
           style={{
             background: mobile
@@ -52,12 +54,12 @@ const SettingModalLayout = memo<SettingLayoutProps>(
             minHeight: '100%',
             overflowX: 'hidden',
             overflowY: 'auto',
-            paddingBlock: mobile ? 0 : 40,
-            paddingInline: mobile ? 0 : 56,
+            paddingTop: mobile ? 0 : 40,
           }}
           width={'100%'}
         >
           {children}
+          <Footer />
         </Flexbox>
       </Flexbox>
     );

package/src/app/api/middleware/auth/index.ts

@@ -10,7 +10,7 @@ import { ChatErrorType } from '@/types/fetch';
 import { checkAuthMethod, getJWTPayload } from './utils';
 
 type CreateRuntime = (jwtPayload: JWTPayload) => AgentRuntime;
-type RequestOptions = { createRuntime?: CreateRuntime, params: { provider: string }; };
+type RequestOptions = { createRuntime?: CreateRuntime; params: { provider: string } };
 
 export type RequestHandler = (
   req: Request,

package/src/components/GuideModal/index.tsx

@@ -0,0 +1,77 @@
+'use client';
+
+import { ConfigProvider, Modal, type ModalProps } from 'antd';
+import { createStyles } from 'antd-style';
+import { lighten } from 'polished';
+import { ReactNode, memo } from 'react';
+import { Flexbox } from 'react-layout-kit';
+
+const useStyles = createStyles(({ css, token, prefixCls }) => {
+  return {
+    content: css`
+      .${prefixCls}-modal-footer {
+        margin: 0;
+        padding: 16px;
+      }
+      .${prefixCls}-modal-header {
+        display: flex;
+        gap: 4px;
+        align-items: center;
+        justify-content: center;
+
+        height: 56px;
+        margin-block-end: 0;
+        padding: 16px;
+      }
+      .${prefixCls}-modal-content {
+        overflow: hidden;
+        padding: 0;
+        border: 1px solid ${token.colorSplit};
+        border-radius: ${token.borderRadiusLG}px;
+      }
+    `,
+    wrap: css`
+      overflow: hidden auto;
+      backdrop-filter: blur(2px);
+    `,
+  };
+});
+
+interface GuideModalProps extends ModalProps {
+  cover: ReactNode;
+  desc: ReactNode;
+  title: ReactNode;
+}
+
+const GuideModal = memo<GuideModalProps>(
+  ({ className, title, desc, cover, width = 360, ...rest }) => {
+    const { styles, cx, theme } = useStyles();
+    return (
+      <ConfigProvider
+        theme={{
+          token: {
+            colorBgElevated: lighten(0.005, theme.colorBgContainer),
+          },
+        }}
+      >
+        <Modal
+          centered
+          className={cx(styles.content, className)}
+          closable={false}
+          maskClosable
+          width={width}
+          wrapClassName={styles.wrap}
+          {...rest}
+        >
+          {cover}
+          <Flexbox padding={16}>
+            <h3 style={{ fontWeight: 'bold' }}>{title}</h3>
+            <p style={{ marginBottom: 0 }}>{desc}</p>
+          </Flexbox>
+        </Modal>
+      </ConfigProvider>
+    );
+  },
+);
+
+export default GuideModal;

package/src/components/GuideVideo/index.tsx

@@ -0,0 +1,30 @@
+import { useTheme } from 'antd-style';
+import { memo } from 'react';
+
+interface GuideVideoProps {
+  height: number;
+  src: string;
+  width: number;
+}
+
+const GuideVideo = memo<GuideVideoProps>(({ height, width, src }) => {
+  const theme = useTheme();
+  return (
+    <video
+      autoPlay
+      controls={false}
+      height={height}
+      loop
+      muted
+      src={src}
+      style={{
+        background: theme.colorFillSecondary,
+        height: 'auto',
+        width: '100%',
+      }}
+      width={width}
+    />
+  );
+});
+
+export default GuideVideo;

package/src/const/url.ts

@@ -12,7 +12,7 @@ export const OFFICIAL_SITE = 'https://lobehub.com/';
 export const getCanonicalUrl = (path: string) => urlJoin(OFFICIAL_URL, path);
 
 export const GITHUB = pkg.homepage;
-export const GITHUB_ISSUES = urlJoin(GITHUB, 'issues/new');
+export const GITHUB_ISSUES = urlJoin(GITHUB, 'issues/new/choose');
 export const CHANGELOG = urlJoin(GITHUB, 'blob/main/CHANGELOG.md');
 export const DOCKER_IMAGE = 'https://hub.docker.com/r/lobehub/lobe-chat';
 
@@ -55,3 +55,8 @@ export const EMAIL_BUSINESS = 'hello@lobehub.com';
 export const MEDIDUM = 'https://medium.com/@lobehub';
 export const X = 'https://x.com/lobehub';
 export const RELEASES_URL = urlJoin(GITHUB, 'releases');
+
+export const R2_CDN_URL = 'https://hub-apac-1.lobeobjects.space/';
+
+export const getR2Url = (filename: string) => urlJoin(R2_CDN_URL, filename);
+export const mailTo = (email: string) => `mailto:${email}`;

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

@@ -2,7 +2,6 @@
 
 import { Form, ItemGroup, SliderWithInput } from '@lobehub/ui';
 import { Switch } from 'antd';
-import { debounce } from 'lodash-es';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
@@ -17,10 +16,10 @@ const AgentModal = memo(() => {
   const { t } = useTranslation('setting');
   const [form] = Form.useForm();
 
-  const [enableMaxTokens, updateConfig] = useStore((s) => [
-    selectors.chatConfig(s).enableMaxTokens,
-    s.setAgentConfig,
-  ]);
+  const [enableMaxTokens, updateConfig] = useStore((s) => {
+    const config = selectors.chatConfig(s);
+    return [config.enableMaxTokens, s.setAgentConfig];
+  });
 
   useAgentSyncSettings(form);
 
@@ -65,7 +64,7 @@ const AgentModal = memo(() => {
         children: <Switch />,
         label: t('settingModel.enableMaxTokens.title'),
         minWidth: undefined,
-        name: 'enableMaxTokens',
+        name: ['chatConfig', 'enableMaxTokens'],
         valuePropName: 'checked',
       },
       {
@@ -86,7 +85,7 @@ const AgentModal = memo(() => {
       form={form}
       items={[model]}
       itemsType={'group'}
-      onValuesChange={debounce(updateConfig, 100)}
+      onValuesChange={updateConfig}
       variant={'pure'}
       {...FORM_STYLE}
     />

package/src/features/Conversation/Error/OllamaBizError/SetupGuide.tsx

@@ -7,6 +7,8 @@ import { memo } from 'react';
 import { Trans, useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
+import { ErrorActionContainer } from '@/features/Conversation/Error/style';
+
 const useStyles = createStyles(({ css, prefixCls, token }) => ({
   steps: css`
     margin-top: 32px;
@@ -30,187 +32,189 @@ const SetupGuide = memo(() => {
   const { styles } = useStyles();
   const { t } = useTranslation('modelProvider');
   return (
-    <TabsNav
-      items={[
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
-                      请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
-                      <Link href={'https://ollama.com/download'}>下载</Link>
-                    </Trans>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
+    <ErrorActionContainer style={{ paddingBlock: 0 }}>
+      <TabsNav
+        items={[
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
+                        请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
+                        <Link href={'https://ollama.com/download'}>下载</Link>
+                      </Trans>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
 
+                        <Flexbox gap={8}>
+                          {t('ollama.setup.cors.macos')}
+                          <Snippet language={'bash'}>
+                            {/* eslint-disable-next-line react/no-unescaped-entities */}
+                            launchctl setenv OLLAMA_ORIGINS "*"
+                          </Snippet>
+                          {t('ollama.setup.cors.reboot')}
+                        </Flexbox>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'macos',
+            label: 'macOS',
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
+                        请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
+                        <Link href={'https://ollama.com/download'}>下载</Link>
+                      </Trans>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
+                        <div>{t('ollama.setup.cors.windows')}</div>
+                        <div>{t('ollama.setup.cors.reboot')}</div>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'windows',
+            label: t('ollama.setup.install.windowsTab'),
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
                       <Flexbox gap={8}>
-                        {t('ollama.setup.cors.macos')}
+                        {t('ollama.setup.install.linux.command')}
                         <Snippet language={'bash'}>
-                          {/* eslint-disable-next-line react/no-unescaped-entities */}
-                          launchctl setenv OLLAMA_ORIGINS "*"
+                          curl -fsSL https://ollama.com/install.sh | sh
                         </Snippet>
-                        {t('ollama.setup.cors.reboot')}
+                        <div>
+                          <Trans i18nKey={'ollama.setup.install.linux.manual'} ns={'modelProvider'}>
+                            或者，你也可以参考
+                            <Link href={'https://github.com/ollama/ollama/blob/main/docs/linux.md'}>
+                              Linux 手动安装指南
+                            </Link>
+                            。
+                          </Trans>
+                        </div>
                       </Flexbox>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'macos',
-          label: 'macOS',
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Trans i18nKey={'ollama.setup.install.description'} ns={'modelProvider'}>
-                      请确认你已经开启 Ollama ，如果没有安装 Ollama ，请前往官网
-                      <Link href={'https://ollama.com/download'}>下载</Link>
-                    </Trans>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
-                      <div>{t('ollama.setup.cors.windows')}</div>
-                      <div>{t('ollama.setup.cors.reboot')}</div>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'windows',
-          label: t('ollama.setup.install.windowsTab'),
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.install.linux.command')}
-                      <Snippet language={'bash'}>
-                        curl -fsSL https://ollama.com/install.sh | sh
-                      </Snippet>
-                      <div>
-                        <Trans i18nKey={'ollama.setup.install.linux.manual'} ns={'modelProvider'}>
-                          或者，你也可以参考
-                          <Link href={'https://github.com/ollama/ollama/blob/main/docs/linux.md'}>
-                            Linux 手动安装指南
-                          </Link>
-                          。
-                        </Trans>
-                      </div>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      <div>{t('ollama.setup.cors.description')}</div>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        <div>{t('ollama.setup.cors.description')}</div>
 
-                      <div>{t('ollama.setup.cors.linux.systemd')}</div>
-                      {/* eslint-disable-next-line react/no-unescaped-entities */}
-                      <Snippet language={'bash'}> sudo systemctl edit ollama.service</Snippet>
-                      {t('ollama.setup.cors.linux.env')}
-                      <Highlighter
-                        // eslint-disable-next-line react/no-children-prop
-                        children={`[Service]
+                        <div>{t('ollama.setup.cors.linux.systemd')}</div>
+                        {/* eslint-disable-next-line react/no-unescaped-entities */}
+                        <Snippet language={'bash'}> sudo systemctl edit ollama.service</Snippet>
+                        {t('ollama.setup.cors.linux.env')}
+                        <Highlighter
+                          // eslint-disable-next-line react/no-children-prop
+                          children={`[Service]
 
 Environment="OLLAMA_ORIGINS=*"`}
-                        fileName={'ollama.service'}
-                        fullFeatured
-                        language={'bash'}
-                        showLanguage
-                      />
-                      {t('ollama.setup.cors.linux.reboot')}
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'linux',
-          label: 'Linux',
-        },
-        {
-          children: (
-            <Steps
-              className={styles.steps}
-              direction={'vertical'}
-              items={[
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.install.description')}
-                      <div>{t('ollama.setup.install.docker')}</div>
-                      <Snippet language={'bash'}>docker pull ollama/ollama</Snippet>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.install.title'),
-                },
-                {
-                  description: (
-                    <Flexbox gap={8}>
-                      {t('ollama.setup.cors.description')}
-                      <Highlighter
-                        fileName={'ollama.service'}
-                        fullFeatured
-                        language={'bash'}
-                        showLanguage
-                      >
-                        {/* eslint-disable-next-line react/no-unescaped-entities */}
-                        docker run -d --gpus=all -v ollama:/root/.ollama -e OLLAMA_ORIGINS="*" -p
-                        11434:11434 --name ollama ollama/ollama
-                      </Highlighter>
-                    </Flexbox>
-                  ),
-                  status: 'process',
-                  title: t('ollama.setup.cors.title'),
-                },
-              ]}
-              size={'small'}
-            />
-          ),
-          key: 'docker',
-          label: 'Docker',
-        },
-      ]}
-    />
+                          fileName={'ollama.service'}
+                          fullFeatured
+                          language={'bash'}
+                          showLanguage
+                        />
+                        {t('ollama.setup.cors.linux.reboot')}
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'linux',
+            label: 'Linux',
+          },
+          {
+            children: (
+              <Steps
+                className={styles.steps}
+                direction={'vertical'}
+                items={[
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.install.description')}
+                        <div>{t('ollama.setup.install.docker')}</div>
+                        <Snippet language={'bash'}>docker pull ollama/ollama</Snippet>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.install.title'),
+                  },
+                  {
+                    description: (
+                      <Flexbox gap={8}>
+                        {t('ollama.setup.cors.description')}
+                        <Highlighter
+                          fileName={'ollama.service'}
+                          fullFeatured
+                          language={'bash'}
+                          showLanguage
+                        >
+                          {/* eslint-disable-next-line react/no-unescaped-entities */}
+                          docker run -d --gpus=all -v ollama:/root/.ollama -e OLLAMA_ORIGINS="*" -p
+                          11434:11434 --name ollama ollama/ollama
+                        </Highlighter>
+                      </Flexbox>
+                    ),
+                    status: 'process',
+                    title: t('ollama.setup.cors.title'),
+                  },
+                ]}
+                size={'small'}
+              />
+            ),
+            key: 'docker',
+            label: 'Docker',
+          },
+        ]}
+      />
+    </ErrorActionContainer>
   );
 });