@lobehub/chat 0.152.6 → 0.152.8

package/src/app/(main)/settings/(mobile)/index.tsx

@@ -1,53 +0,0 @@
-'use client';
-
-import { Divider } from 'antd';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Center, Flexbox } from 'react-layout-kit';
-
-import { CURRENT_VERSION } from '@/const/version';
-import AvatarWithUpload from '@/features/AvatarWithUpload';
-import { useUserStore } from '@/store/user';
-import { commonSelectors } from '@/store/user/selectors';
-
-import SettingList from '../features/SettingList';
-import AvatarBanner from './features/AvatarBanner';
-import ExtraList from './features/ExtraList';
-
-const useStyles = createStyles(({ css, token }) => ({
-  divider: css`
-    height: 6px;
-    background: ${token.colorFillTertiary};
-  `,
-  footer: css`
-    font-size: 12px;
-    color: ${token.colorTextQuaternary};
-  `,
-}));
-
-const Setting = memo(() => {
-  const avatar = useUserStore(commonSelectors.userAvatar);
-  const { styles } = useStyles();
-
-  return (
-    <Flexbox style={{ overflow: 'scroll' }}>
-      <AvatarBanner avatar={avatar}>
-        <Center style={{ marginTop: 32, position: 'absolute', zIndex: 2 }}>
-          <AvatarWithUpload size={88} />
-        </Center>
-      </AvatarBanner>
-      <div style={{ width: '100%' }}>
-        <SettingList />
-        <div className={styles.divider} />
-        <ExtraList />
-        <Center style={{ paddingInline: 64 }}>
-          <Divider>
-            <span className={styles.footer}>LobeChat v{CURRENT_VERSION}</span>
-          </Divider>
-        </Center>
-      </div>
-    </Flexbox>
-  );
-});
-
-export default Setting;

package/src/app/(main)/settings/about/AboutList.tsx

@@ -1,53 +0,0 @@
-import { Feather, FileClock, Heart } from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { ABOUT, CHANGELOG, FEEDBACK } from '@/const/url';
-
-import Item from '../features/SettingList/Item';
-import { useStyles } from './style';
-
-const AboutList = memo(() => {
-  const { t } = useTranslation('setting');
-  const { styles } = useStyles();
-  const items = [
-    {
-      icon: Feather,
-      label: t('feedback', { ns: 'common' }),
-      onClick: () => window.open(FEEDBACK, '__blank'),
-      value: 'feedback',
-    },
-    {
-      icon: FileClock,
-      label: t('changelog', { ns: 'common' }),
-      onClick: () => window.open(CHANGELOG, '__blank'),
-      value: 'changelog',
-    },
-    {
-      icon: Heart,
-      label: t('about', { ns: 'common' }),
-      onClick: () => window.open(ABOUT, '__blank'),
-      value: 'about',
-    },
-  ];
-
-  return (
-    <div className={styles.wrapper}>
-      <Flexbox className={styles.container} gap={24} padding={16}>
-        <Flexbox className={styles.title} gap={8} horizontal>
-          {t('about.title')}
-        </Flexbox>
-        <Flexbox width={'100%'}>
-          {items.map(({ value, icon, label, onClick }) => (
-            <div key={value} onClick={onClick}>
-              <Item active={false} icon={icon} label={label} />
-            </div>
-          ))}
-        </Flexbox>
-      </Flexbox>
-    </div>
-  );
-});
-
-export default AboutList;

package/src/app/(main)/settings/about/Analytics.tsx

@@ -1,40 +0,0 @@
-import { Switch } from 'antd';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useUserStore } from '@/store/user';
-import { preferenceSelectors } from '@/store/user/selectors';
-
-import { useStyles } from './style';
-
-const Analytics = memo(() => {
-  const { t } = useTranslation('setting');
-  const { styles } = useStyles();
-  const checked = useUserStore(preferenceSelectors.userAllowTrace);
-  const [updatePreference] = useUserStore((s) => [s.updatePreference]);
-
-  return (
-    <div className={styles.wrapper}>
-      <Flexbox className={styles.container} gap={24} padding={16}>
-        <Flexbox className={styles.title} gap={8} horizontal>
-          {t('analytics.title')}
-        </Flexbox>
-        <Flexbox gap={24} horizontal>
-          <Switch
-            checked={!!checked}
-            onChange={(e) => {
-              updatePreference({ telemetry: e });
-            }}
-          />
-          <Flexbox gap={8}>
-            <Flexbox>{t('analytics.telemetry.title')}</Flexbox>
-            <Flexbox className={styles.desc}>{t('analytics.telemetry.desc')}</Flexbox>
-          </Flexbox>
-        </Flexbox>
-      </Flexbox>
-    </div>
-  );
-});
-
-export default Analytics;

package/src/app/(main)/settings/about/style.ts

@@ -1,22 +0,0 @@
-import { createStyles } from 'antd-style';
-
-export const useStyles = createStyles(({ css, token, responsive }) => ({
-  container: css`
-    border: 1px solid ${token.colorBorder};
-    border-radius: 8px;
-  `,
-  desc: css`
-    color: ${token.colorTextTertiary};
-  `,
-  title: css`
-    font-size: 16px;
-    font-weight: 600;
-  `,
-  wrapper: css`
-    width: 100%;
-
-    ${responsive.mobile} {
-      padding: 0 12px;
-    }
-  `,
-}));

package/src/app/(main)/settings/agent/loading.tsx

@@ -1,3 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => <Skeleton paragraph={{ rows: 8 }} />;

package/src/app/(main)/settings/common/loading.tsx

@@ -1,3 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => <Skeleton paragraph={{ rows: 8 }} />;

package/src/app/(main)/settings/features/SettingList/index.tsx

@@ -1,47 +0,0 @@
-import { Bot, Cloudy, Info, Mic2, Settings2, Webhook } from 'lucide-react';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SettingsTabs } from '@/store/global/initialState';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-
-import Item from './Item';
-
-interface TabItem {
-  icon: any;
-  label: string;
-  value: SettingsTabs;
-}
-
-export interface SettingListProps {
-  activeTab?: SettingsTabs;
-  mobile?: boolean;
-}
-
-const SettingList = memo<SettingListProps>(({ activeTab, mobile }) => {
-  const { t } = useTranslation('setting');
-  const { enableWebrtc, showLLM } = useServerConfigStore(featureFlagsSelectors);
-
-  const items = [
-    { icon: Settings2, label: t('tab.common'), value: SettingsTabs.Common },
-    enableWebrtc && { icon: Cloudy, label: t('tab.sync'), value: SettingsTabs.Sync },
-    showLLM && { icon: Webhook, label: t('tab.llm'), value: SettingsTabs.LLM },
-    { icon: Mic2, label: t('tab.tts'), value: SettingsTabs.TTS },
-    { icon: Bot, label: t('tab.agent'), value: SettingsTabs.Agent },
-    { icon: Info, label: t('tab.about'), value: SettingsTabs.About },
-  ].filter(Boolean) as TabItem[];
-
-  return items.map(({ value, icon, label }) => (
-    <Link aria-label={label} href={`/settings/${value}`} key={value}>
-      <Item
-        active={mobile ? false : activeTab === value}
-        hoverable={!mobile}
-        icon={icon}
-        label={label}
-      />
-    </Link>
-  ));
-});
-
-export default SettingList;

package/src/app/(main)/settings/llm/layout.tsx

@@ -1,11 +0,0 @@
-import { notFound } from 'next/navigation';
-import { PropsWithChildren } from 'react';
-
-import { serverFeatureFlags } from '@/config/server/featureFlags';
-
-export default ({ children }: PropsWithChildren) => {
-  const showLLM = serverFeatureFlags().showLLM;
-  if (!showLLM) return notFound();
-
-  return children;
-};

package/src/app/(main)/settings/llm/loading.tsx

@@ -1,3 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => <Skeleton paragraph={{ rows: 8 }} />;

package/src/app/(main)/settings/sync/DeviceInfo/DeviceName.tsx

@@ -1,66 +0,0 @@
-'use client';
-
-import { EditableText } from '@lobehub/ui';
-import { Typography } from 'antd';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useUserStore } from '@/store/user';
-import { syncSettingsSelectors } from '@/store/user/selectors';
-
-const DeviceName = memo(() => {
-  const { t } = useTranslation('setting');
-
-  const [deviceName, setSettings] = useUserStore((s) => [
-    syncSettingsSelectors.deviceName(s),
-    s.setSettings,
-  ]);
-
-  const [editing, setEditing] = useState(false);
-
-  const updateDeviceName = (deviceName: string) => {
-    setSettings({ sync: { deviceName } });
-    setEditing(false);
-  };
-
-  return (
-    <Flexbox gap={4}>
-      <Flexbox
-        align={'center'}
-        height={40}
-        horizontal
-        style={{ fontSize: 20, fontWeight: 'bold' }}
-        width={'100%'}
-      >
-        {!deviceName && !editing && (
-          <Flexbox
-            onClick={() => {
-              setEditing(true);
-            }}
-            style={{ cursor: 'pointer' }}
-          >
-            <Typography.Text type={'secondary'}>{t('sync.device.deviceName.hint')}</Typography.Text>
-          </Flexbox>
-        )}
-        <EditableText
-          editing={editing}
-          onBlur={(e) => {
-            updateDeviceName(e.target.value);
-          }}
-          onChange={(e) => {
-            updateDeviceName(e);
-          }}
-          onEditingChange={setEditing}
-          placeholder={t('sync.device.deviceName.placeholder')}
-          size={'large'}
-          style={{ maxWidth: 200 }}
-          type={'block'}
-          value={deviceName}
-        />
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default DeviceName;

package/src/app/(main)/settings/sync/PageTitle.tsx

@@ -1,11 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import PageTitle from '@/components/PageTitle';
-
-export default memo(() => {
-  const { t } = useTranslation('setting');
-  return <PageTitle title={t('tab.sync')} />;
-});

package/src/app/(main)/settings/sync/layout.tsx

@@ -1,12 +0,0 @@
-import { notFound } from 'next/navigation';
-import { PropsWithChildren } from 'react';
-
-import { serverFeatureFlags } from '@/config/server/featureFlags';
-
-export default ({ children }: PropsWithChildren) => {
-  const enableWebrtc = serverFeatureFlags().enableWebrtc;
-
-  if (!enableWebrtc) return notFound();
-
-  return children;
-};

package/src/app/(main)/settings/sync/loading.tsx

@@ -1,3 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => <Skeleton paragraph={{ rows: 8 }} />;

package/src/app/(main)/settings/tts/loading.tsx

@@ -1,3 +0,0 @@
-import { Skeleton } from 'antd';
-
-export default () => <Skeleton paragraph={{ rows: 8 }} />;

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

@@ -1,202 +0,0 @@
-import { Form, ItemGroup, SelectWithImg, SliderWithInput } from '@lobehub/ui';
-import { Form as AFrom, Input, Switch } from 'antd';
-import { useThemeMode } from 'antd-style';
-import { debounce } from 'lodash-es';
-import { BrainCog, LayoutList, MessageSquare, MessagesSquare } from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { FORM_STYLE } from '@/const/layoutTokens';
-import { imageUrl } from '@/const/url';
-
-import { useStore } from '../store';
-import ModelSelect from './ModelSelect';
-import { useSyncConfig } from './useSyncConfig';
-
-const AgentConfig = memo(() => {
-  const { t } = useTranslation('setting');
-  const [form] = AFrom.useForm();
-  const { isDarkMode } = useThemeMode();
-
-  const [
-    displayMode,
-    enableAutoCreateTopic,
-    enableHistoryCount,
-    enableCompressThreshold,
-    enableMaxTokens,
-    updateConfig,
-  ] = useStore((s) => [
-    s.config.displayMode,
-    s.config.enableAutoCreateTopic,
-    s.config.enableHistoryCount,
-    s.config.enableCompressThreshold,
-    s.config.enableMaxTokens,
-    s.setAgentConfig,
-  ]);
-
-  useSyncConfig(form);
-
-  const formItems = useMemo(() => {
-    const chat: ItemGroup = {
-      children: [
-        {
-          children: (
-            <SelectWithImg
-              height={86}
-              onChange={(mode) => updateConfig({ displayMode: mode })}
-              options={[
-                {
-                  icon: MessagesSquare,
-                  img: imageUrl(`chatmode_chat_${isDarkMode ? 'dark' : 'light'}.webp`),
-                  label: t('settingChat.chatStyleType.type.chat'),
-                  value: 'chat',
-                },
-                {
-                  icon: LayoutList,
-                  img: imageUrl(`chatmode_docs_${isDarkMode ? 'dark' : 'light'}.webp`),
-                  label: t('settingChat.chatStyleType.type.docs'),
-                  value: 'docs',
-                },
-              ]}
-              unoptimized={false}
-              value={displayMode}
-              width={144}
-            />
-          ),
-          label: t('settingChat.chatStyleType.title'),
-          minWidth: undefined,
-        },
-        {
-          children: <Input.TextArea placeholder={t('settingChat.inputTemplate.placeholder')} />,
-          desc: t('settingChat.inputTemplate.desc'),
-          label: t('settingChat.inputTemplate.title'),
-          name: 'inputTemplate',
-        },
-        {
-          children: <Switch />,
-          desc: t('settingChat.enableAutoCreateTopic.desc'),
-          label: t('settingChat.enableAutoCreateTopic.title'),
-          minWidth: undefined,
-          name: 'enableAutoCreateTopic',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={8} min={0} />,
-          desc: t('settingChat.autoCreateTopicThreshold.desc'),
-          divider: false,
-          hidden: !enableAutoCreateTopic,
-          label: t('settingChat.autoCreateTopicThreshold.title'),
-          name: 'autoCreateTopicThreshold',
-        },
-        {
-          children: <Switch />,
-          label: t('settingChat.enableHistoryCount.title'),
-          minWidth: undefined,
-          name: 'enableHistoryCount',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32} min={1} />,
-          desc: t('settingChat.historyCount.desc'),
-          divider: false,
-          hidden: !enableHistoryCount,
-          label: t('settingChat.historyCount.title'),
-          name: 'historyCount',
-        },
-        {
-          children: <Switch />,
-          label: t('settingChat.enableCompressThreshold.title'),
-          minWidth: undefined,
-          name: 'enableCompressThreshold',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32} min={0} />,
-          desc: t('settingChat.compressThreshold.desc'),
-          divider: false,
-          hidden: !enableCompressThreshold,
-          label: t('settingChat.compressThreshold.title'),
-          name: 'compressThreshold',
-        },
-      ],
-      icon: MessageSquare,
-      title: t('settingChat.title'),
-    };
-
-    const model: ItemGroup = {
-      children: [
-        {
-          children: <ModelSelect />,
-          desc: t('settingModel.model.desc'),
-          label: t('settingModel.model.title'),
-          name: 'model',
-          tag: 'model',
-        },
-        {
-          children: <SliderWithInput max={1} min={0} step={0.1} />,
-          desc: t('settingModel.temperature.desc'),
-          label: t('settingModel.temperature.title'),
-          name: ['params', 'temperature'],
-          tag: 'temperature',
-        },
-        {
-          children: <SliderWithInput max={1} min={0} step={0.1} />,
-          desc: t('settingModel.topP.desc'),
-          label: t('settingModel.topP.title'),
-          name: ['params', 'top_p'],
-          tag: 'top_p',
-        },
-        {
-          children: <SliderWithInput max={2} min={-2} step={0.1} />,
-          desc: t('settingModel.presencePenalty.desc'),
-          label: t('settingModel.presencePenalty.title'),
-          name: ['params', 'presence_penalty'],
-          tag: 'presence_penalty',
-        },
-        {
-          children: <SliderWithInput max={2} min={-2} step={0.1} />,
-          desc: t('settingModel.frequencyPenalty.desc'),
-          label: t('settingModel.frequencyPenalty.title'),
-          name: ['params', 'frequency_penalty'],
-          tag: 'frequency_penalty',
-        },
-        {
-          children: <Switch />,
-          label: t('settingModel.enableMaxTokens.title'),
-          minWidth: undefined,
-          name: 'enableMaxTokens',
-          valuePropName: 'checked',
-        },
-        {
-          children: <SliderWithInput max={32_000} min={0} step={100} />,
-          desc: t('settingModel.maxTokens.desc'),
-          divider: false,
-          hidden: !enableMaxTokens,
-          label: t('settingModel.maxTokens.title'),
-          name: ['params', 'max_tokens'],
-          tag: 'max_tokens',
-        },
-      ],
-      icon: BrainCog,
-      title: t('settingModel.title'),
-    };
-    return [chat, model];
-  }, [
-    displayMode,
-    enableAutoCreateTopic,
-    enableHistoryCount,
-    enableMaxTokens,
-    enableCompressThreshold,
-  ]);
-
-  return (
-    <Form
-      form={form}
-      items={formItems}
-      onValuesChange={debounce(updateConfig, 100)}
-      {...FORM_STYLE}
-    />
-  );
-});
-
-export default AgentConfig;

package/src/features/AgentSetting/AgentConfig/useSyncConfig.ts

@@ -1,23 +0,0 @@
-import { FormInstance } from 'antd/es/form/hooks/useForm';
-import { useEffect } from 'react';
-
-import { useStoreApi } from '../store';
-
-export const useSyncConfig = (form: FormInstance) => {
-  const storeApi = useStoreApi();
-
-  useEffect(() => {
-    // set the first time
-    form.setFieldsValue(storeApi.getState().config);
-
-    // sync with later updated settings
-    const unsubscribe = storeApi.subscribe(
-      (s) => s.config,
-      (config) => form.setFieldsValue(config),
-    );
-
-    return () => {
-      unsubscribe();
-    };
-  }, []);
-};

package/src/store/user/slices/common/selectors.ts

@@ -1,6 +0,0 @@
-import { UserStore } from '@/store/user';
-
-export const commonSelectors = {
-  userAvatar: (s: UserStore) => s.avatar || '',
-  userId: (s: UserStore) => s.userId,
-};