@lobehub/chat 0.152.3 → 0.152.5

package/src/app/(main)/@nav/features/UserPanel/ThemeButton.tsx

@@ -1,70 +0,0 @@
-import { ActionIcon, Icon } from '@lobehub/ui';
-import { Popover } from 'antd';
-import { useTheme } from 'antd-style';
-import { Monitor, Moon, Sun } from 'lucide-react';
-import { memo, useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import Menu, { type MenuProps } from '@/components/Menu';
-import { useUserStore } from '@/store/user';
-import { settingsSelectors } from '@/store/user/selectors';
-
-const themeIcons = {
-  auto: Monitor,
-  dark: Moon,
-  light: Sun,
-};
-
-const ThemeButton = memo(() => {
-  const theme = useTheme();
-  const [themeMode, switchThemeMode] = useUserStore((s) => [
-    settingsSelectors.currentSettings(s).themeMode,
-    s.switchThemeMode,
-  ]);
-
-  const { t } = useTranslation('setting');
-
-  const items: MenuProps['items'] = useMemo(
-    () => [
-      {
-        icon: <Icon icon={themeIcons.auto} />,
-        key: 'auto',
-        label: t('settingTheme.themeMode.auto'),
-        onClick: () => switchThemeMode('auto'),
-      },
-      {
-        icon: <Icon icon={themeIcons.light} />,
-        key: 'light',
-        label: t('settingTheme.themeMode.light'),
-        onClick: () => switchThemeMode('light'),
-      },
-      {
-        icon: <Icon icon={themeIcons.dark} />,
-        key: 'dark',
-        label: t('settingTheme.themeMode.dark'),
-        onClick: () => switchThemeMode('dark'),
-      },
-    ],
-    [t],
-  );
-
-  return (
-    <Popover
-      arrow={false}
-      content={<Menu items={items} selectable selectedKeys={[themeMode]} />}
-      overlayInnerStyle={{
-        padding: 0,
-      }}
-      placement={'right'}
-      trigger={['click', 'hover']}
-    >
-      <ActionIcon
-        icon={themeIcons[themeMode]}
-        size={{ blockSize: 32, fontSize: 16 }}
-        style={{ border: `1px solid ${theme.colorFillSecondary}` }}
-      />
-    </Popover>
-  );
-});
-
-export default ThemeButton;

package/src/app/(main)/@nav/features/UserPanel/UserInfo.tsx

@@ -1,35 +0,0 @@
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import UserAvatar from '../UserAvatar';
-
-const useStyles = createStyles(({ css, token }) => ({
-  nickname: css`
-    font-size: 16px;
-    font-weight: bold;
-    line-height: 1;
-  `,
-  username: css`
-    line-height: 1;
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-// TODO
-
-const UserInfo = memo<{ onClick?: () => void }>(({ onClick }) => {
-  const { styles, theme } = useStyles();
-
-  return (
-    <Flexbox align={'center'} gap={12} horizontal paddingBlock={12} paddingInline={16}>
-      <UserAvatar background={theme.colorFill} onClick={onClick} size={48} />
-      <Flexbox flex={1} gap={6}>
-        <div className={styles.nickname}>{'社区版用户'}</div>
-        <div className={styles.username}> {'Community Edition'}</div>
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default UserInfo;

package/src/app/(main)/@nav/features/UserPanel/index.tsx

@@ -1,69 +0,0 @@
-'use client';
-
-import { Alert } from '@lobehub/ui';
-import { Badge, ConfigProvider, Popover } from 'antd';
-import { createStyles } from 'antd-style';
-import { PropsWithChildren, memo, useCallback, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import PopoverContent from './Popover';
-import { useNewVersion } from './useNewVersion';
-
-const useStyles = createStyles(({ css }) => ({
-  popover: css`
-    top: 8px !important;
-    left: 8px !important;
-  `,
-}));
-
-const UserPanel = memo<PropsWithChildren<{ bottom?: boolean }>>(({ children, bottom }) => {
-  const hasNewVersion = useNewVersion();
-  const [open, setOpen] = useState(false);
-  const { styles } = useStyles();
-  const { t } = useTranslation('common');
-
-  const AvararBadge = useCallback(
-    ({ children: badgeChildren, showBadge }: PropsWithChildren<{ showBadge?: boolean }>) => {
-      if (bottom || !showBadge) return badgeChildren;
-      return (
-        <Flexbox>
-          <ConfigProvider theme={{ components: { Badge: { dotSize: 8 } } }}>
-            <Badge dot offset={[-4, 4]}>
-              {badgeChildren}
-            </Badge>
-          </ConfigProvider>
-        </Flexbox>
-      );
-    },
-    [],
-  );
-
-  return (
-    <AvararBadge showBadge={hasNewVersion}>
-      <Popover
-        arrow={false}
-        content={
-          <>
-            {bottom && <Alert banner message={t('userPanel.warn')} type={'warning'} />}
-            <PopoverContent closePopover={() => setOpen(false)} />
-          </>
-        }
-        onOpenChange={setOpen}
-        open={open}
-        overlayInnerStyle={{
-          padding: 0,
-        }}
-        placement={'topRight'}
-        rootClassName={bottom ? undefined : styles.popover}
-        trigger={['click']}
-      >
-        {children}
-      </Popover>
-    </AvararBadge>
-  );
-});
-
-UserPanel.displayName = 'UserPanel';
-
-export default UserPanel;

package/src/app/(main)/@nav/features/UserPanel/useMenu.tsx

@@ -1,144 +0,0 @@
-import { DiscordIcon, Icon } from '@lobehub/ui';
-import { Badge } from 'antd';
-import {
-  Book,
-  Feather,
-  HardDriveDownload,
-  HardDriveUpload,
-  LifeBuoy,
-  Mail,
-  Settings2,
-} from 'lucide-react';
-import { PropsWithChildren, useCallback } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { type MenuProps } from '@/components/Menu';
-import { AGENTS_INDEX_GITHUB_ISSUE, DISCORD, DOCUMENTS, EMAIL_SUPPORT } from '@/const/url';
-import DataImporter from '@/features/DataImporter';
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { configService } from '@/services/config';
-
-import { useNewVersion } from './useNewVersion';
-
-export const useMenu = () => {
-  const router = useQueryRoute();
-  const hasNewVersion = useNewVersion();
-
-  const { t } = useTranslation(['common', 'setting']);
-
-  const NewVersionBadge = useCallback(
-    ({ children, showBadge }: PropsWithChildren & { showBadge?: boolean }) => {
-      if (!showBadge) return children;
-      return (
-        <Flexbox align={'center'} distribution={'space-between'} gap={8} horizontal width={'100%'}>
-          <span>{children}</span>
-          <Badge count={t('upgradeVersion.hasNew')} />
-        </Flexbox>
-      );
-    },
-    [t],
-  );
-
-  const exports: MenuProps['items'] = [
-    {
-      icon: <Icon icon={HardDriveUpload} />,
-      key: 'import',
-      label: <DataImporter>{t('import')}</DataImporter>,
-    },
-    {
-      children: [
-        {
-          key: 'allAgent',
-          label: <div>{t('exportType.allAgent')}</div>,
-          onClick: configService.exportAgents,
-        },
-        {
-          key: 'allAgentWithMessage',
-          label: <div>{t('exportType.allAgentWithMessage')}</div>,
-          onClick: configService.exportSessions,
-        },
-        {
-          key: 'globalSetting',
-          label: <div>{t('exportType.globalSetting')}</div>,
-          onClick: configService.exportSettings,
-        },
-        {
-          type: 'divider',
-        },
-        {
-          key: 'all',
-          label: <div>{t('exportType.all')}</div>,
-          onClick: configService.exportAll,
-        },
-      ],
-      icon: <Icon icon={HardDriveDownload} />,
-      key: 'export',
-      label: t('export'),
-    },
-    {
-      type: 'divider',
-    },
-  ];
-
-  const settings: MenuProps['items'] = [
-    {
-      icon: <Icon icon={Settings2} />,
-      key: 'setting',
-      label: <NewVersionBadge showBadge={hasNewVersion}>{t('userPanel.setting')}</NewVersionBadge>,
-      onClick: () => {
-        router.push('/settings/common');
-      },
-    },
-    {
-      type: 'divider',
-    },
-  ];
-
-  const helps: MenuProps['items'] = [
-    {
-      icon: <Icon icon={DiscordIcon} />,
-      key: 'discord',
-      label: t('userPanel.discord'),
-      onClick: () => window.open(DISCORD, '__blank'),
-    },
-    {
-      children: [
-        {
-          icon: <Icon icon={Book} />,
-          key: 'docs',
-          label: t('userPanel.docs'),
-          onClick: () => window.open(DOCUMENTS, '__blank'),
-        },
-        {
-          icon: <Icon icon={Feather} />,
-          key: 'feedback',
-          label: t('userPanel.feedback'),
-          onClick: () => window.open(AGENTS_INDEX_GITHUB_ISSUE, '__blank'),
-        },
-        {
-          icon: <Icon icon={Mail} />,
-          key: 'email',
-          label: t('userPanel.email'),
-          onClick: () => window.open(`mailto:${EMAIL_SUPPORT}`, '__blank'),
-        },
-      ],
-      icon: <Icon icon={LifeBuoy} />,
-      key: 'help',
-      label: t('userPanel.help'),
-    },
-  ];
-
-  const mainItems = [
-    ...settings,
-    ...exports,
-    ...helps,
-    {
-      type: 'divider',
-    },
-  ].filter(Boolean) as MenuProps['items'];
-
-  return {
-    mainItems,
-  };
-};

package/src/app/(main)/@nav/features/UserPanel/useNewVersion.tsx

@@ -1,12 +0,0 @@
-import { useGlobalStore } from '@/store/global';
-
-export const useNewVersion = () => {
-  const [hasNewVersion, useCheckLatestVersion] = useGlobalStore((s) => [
-    s.hasNewVersion,
-    s.useCheckLatestVersion,
-  ]);
-
-  useCheckLatestVersion();
-
-  return hasNewVersion;
-};

package/src/app/(main)/chat/_layout/type.ts

@@ -1,5 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface LayoutProps {
-  children: ReactNode;
-}

package/src/app/(main)/chat/settings/_layout/Desktop/index.tsx

@@ -1,32 +0,0 @@
-import { PropsWithChildren } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import SafeSpacing from '@/components/SafeSpacing';
-import { HEADER_HEIGHT } from '@/const/layoutTokens';
-
-import Header from './Header';
-
-const Layout = ({ children }: PropsWithChildren) => (
-  <>
-    <Header />
-    <Flexbox
-      align={'center'}
-      height={'100%'}
-      style={{ overflowX: 'hidden', overflowY: 'auto' }}
-      width={'100%'}
-    >
-      <SafeSpacing height={HEADER_HEIGHT - 16} />
-      <Flexbox
-        gap={64}
-        style={{ maxWidth: 1024, padding: '1.75rem 1.5rem 1.75rem 2rem' }}
-        width={'100%'}
-      >
-        {children}
-      </Flexbox>
-    </Flexbox>
-  </>
-);
-
-Layout.displayName = 'DesktopSessionSettingsLayout';
-
-export default Layout;

package/src/app/(main)/chat/settings/_layout/Mobile/index.tsx

@@ -1,15 +0,0 @@
-'use client';
-
-import { PropsWithChildren } from 'react';
-
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-
-import Header from './Header';
-
-const Layout = ({ children }: PropsWithChildren) => (
-  <MobileContentLayout header={<Header />}>{children}</MobileContentLayout>
-);
-
-Layout.displayName = 'MobileSessionSettingsLayout';
-
-export default Layout;

package/src/app/(main)/chat/settings/error.tsx

@@ -1,5 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/Error'), { ssr: false });

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

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

package/src/app/(main)/chat/settings/m/page.tsx

@@ -1,15 +0,0 @@
-'use client';
-
-import { useLayoutEffect } from 'react';
-
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-
-export default () => {
-  const router = useQueryRoute();
-
-  useLayoutEffect(() => {
-    router.replace('/chat/settings');
-  }, []);
-
-  return null;
-};

package/src/app/(main)/chat/settings/not-found.tsx

@@ -1,3 +0,0 @@
-import dynamic from 'next/dynamic';
-
-export default dynamic(() => import('@/components/404'), { ssr: false });

package/src/app/(main)/market/@detail/loading.tsx

@@ -1 +0,0 @@
-export default () => null;

package/src/app/(main)/settings/@category/default.tsx

@@ -1,16 +0,0 @@
-import UpgradeAlert from '@/app/(main)/settings//features/UpgradeAlert';
-
-import CategoryContent from './features/CategoryContent';
-
-const Category = () => {
-  return (
-    <>
-      <CategoryContent />
-      <UpgradeAlert />
-    </>
-  );
-};
-
-Category.displayName = 'SettingCategory';
-
-export default Category;

package/src/app/(main)/settings/@category/features/CategoryContent.tsx

@@ -1,37 +0,0 @@
-'use client';
-
-import { memo } from 'react';
-import urlJoin from 'url-join';
-
-import Menu from '@/components/Menu';
-import { useActiveSettingsKey } from '@/hooks/useActiveSettingsKey';
-import { useQuery } from '@/hooks/useQuery';
-import { useQueryRoute } from '@/hooks/useQueryRoute';
-import { SettingsTabs } from '@/store/global/initialState';
-
-import { useCategory } from '../../hooks/useCategory';
-
-const CategoryContent = memo<{ modal?: boolean }>(({ modal }) => {
-  const activeTab = useActiveSettingsKey();
-  const { tab = SettingsTabs.Common } = useQuery();
-  const cateItems = useCategory();
-  const router = useQueryRoute();
-
-  return (
-    <Menu
-      items={cateItems}
-      onClick={({ key }) => {
-        if (modal) {
-          router.replace('/settings/m', { tab: key });
-        } else {
-          router.push(urlJoin('/settings', key));
-        }
-      }}
-      selectable
-      selectedKeys={[modal ? tab : (activeTab as any)]}
-      variant={'compact'}
-    />
-  );
-});
-
-export default CategoryContent;

package/src/app/(main)/settings/@category/features/UpgradeAlert.tsx

@@ -1,38 +0,0 @@
-import { Alert } from '@lobehub/ui';
-import { Button } from 'antd';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { MANUAL_UPGRADE_URL } from '@/const/url';
-import { useGlobalStore } from '@/store/global';
-
-const UpgradeAlert = memo(() => {
-  const [hasNewVersion, latestVersion] = useGlobalStore((s) => [s.hasNewVersion, s.latestVersion]);
-  const { t } = useTranslation('common');
-
-  if (!hasNewVersion) return null;
-
-  return (
-    <Alert
-      action={
-        <Link
-          aria-label={t('upgradeVersion.action')}
-          href={MANUAL_UPGRADE_URL}
-          style={{ marginBottom: 12 }}
-          target={'_blank'}
-        >
-          <Button block size={'small'} type={'primary'}>
-            {t('upgradeVersion.action')}
-          </Button>
-        </Link>
-      }
-      closable
-      message={t('upgradeVersion.newVersion', { version: latestVersion })}
-      showIcon={false}
-      type={'info'}
-    />
-  );
-});
-
-export default UpgradeAlert;

package/src/app/(main)/settings/_layout/type.ts

@@ -1,6 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface LayoutProps {
-  category: ReactNode;
-  children: ReactNode;
-}

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

@@ -1,122 +0,0 @@
-'use client';
-
-import { Grid, Icon } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import {
-  Book,
-  Feather,
-  FileClock,
-  Github,
-  Heart,
-  HeartHandshake,
-  Home,
-  Lock,
-  Rss,
-} from 'lucide-react';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { ABOUT, CHANGELOG, FEEDBACK, GITHUB, PRIVACY_URL, TERMS_URL } from '@/const/url';
-
-const useStyles = createStyles(({ css, token, responsive }) => ({
-  card: css`
-    cursor: pointer;
-
-    padding: 24px;
-
-    background: ${token.colorFillTertiary};
-    border: 1px solid ${token.colorFillSecondary};
-    border-radius: ${token.borderRadiusLG}px;
-
-    &:hover {
-      background: ${token.colorFillSecondary};
-      border: 1px solid ${token.colorFill};
-    }
-
-    ${responsive.mobile} {
-      padding: 16px;
-    }
-  `,
-  container: css`
-    ${responsive.mobile} {
-      padding-inline: 16px;
-    }
-  `,
-}));
-
-const AboutList = memo(() => {
-  const { styles } = useStyles();
-  const { t } = useTranslation('common');
-
-  const items = [
-    {
-      icon: Home,
-      label: t('officialSite'),
-      onClick: () => window.open('https://lobehub.com', '__blank'),
-      value: 'officialSite',
-    },
-
-    {
-      icon: Book,
-      label: t('document'),
-      onClick: () => window.open(FEEDBACK, '__blank'),
-      value: 'feedback',
-    },
-    {
-      icon: Rss,
-      label: t('blog'),
-      onClick: () => window.open('https://lobehub.com/blog', '__blank'),
-      value: 'blog',
-    },
-    {
-      icon: Github,
-      label: 'GitHub',
-      onClick: () => window.open(GITHUB, '__blank'),
-      value: 'feedback',
-    },
-    {
-      icon: Feather,
-      label: t('feedback'),
-      onClick: () => window.open(FEEDBACK, '__blank'),
-      value: 'feedback',
-    },
-    {
-      icon: FileClock,
-      label: t('changelog'),
-      onClick: () => window.open(CHANGELOG, '__blank'),
-      value: 'changelog',
-    },
-    {
-      icon: HeartHandshake,
-      label: t('terms'),
-      onClick: () => window.open(TERMS_URL, '__blank'),
-      value: 'terms',
-    },
-    {
-      icon: Lock,
-      label: t('privacy'),
-      onClick: () => window.open(PRIVACY_URL, '__blank'),
-      value: 'privacy',
-    },
-    {
-      icon: Heart,
-      label: t('about'),
-      onClick: () => window.open(ABOUT, '__blank'),
-      value: 'about',
-    },
-  ];
-
-  return (
-    <Grid className={styles.container} maxItemWidth={144} width={'100%'}>
-      {items.map(({ value, icon, label, onClick }) => (
-        <Flexbox className={styles.card} gap={8} horizontal key={value} onClick={onClick}>
-          <Icon icon={icon} size={{ fontSize: 20 }} />
-          {label}
-        </Flexbox>
-      ))}
-    </Grid>
-  );
-});
-
-export default AboutList;

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

@@ -1,42 +0,0 @@
-'use client';
-
-import { Form, type ItemGroup } from '@lobehub/ui';
-import { Switch } from 'antd';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { FORM_STYLE } from '@/const/layoutTokens';
-import { useUserStore } from '@/store/user';
-import { preferenceSelectors } from '@/store/user/slices/preference/selectors';
-
-type SettingItemGroup = ItemGroup;
-
-const Analytics = memo(() => {
-  const { t } = useTranslation('setting');
-  const checked = useUserStore(preferenceSelectors.userAllowTrace);
-  const [updatePreference] = useUserStore((s) => [s.updatePreference]);
-
-  const items: SettingItemGroup = {
-    children: [
-      {
-        children: (
-          <Switch
-            checked={!!checked}
-            onChange={(e) => {
-              updatePreference({ telemetry: e });
-            }}
-          />
-        ),
-        desc: t('analytics.telemetry.desc'),
-        label: t('analytics.telemetry.title'),
-        minWidth: undefined,
-        valuePropName: 'checked',
-      },
-    ],
-    title: t('analytics.title'),
-  };
-
-  return <Form items={[items]} itemsType={'group'} {...FORM_STYLE} />;
-});
-
-export default Analytics;