@lobehub/chat 0.151.9 → 0.151.10

package/src/app/(main)/welcome/features/Banner/AgentCard.tsx

@@ -1,71 +0,0 @@
-import { Avatar, Spotlight } from '@lobehub/ui';
-import { Typography } from 'antd';
-import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import { LobeAgentSession } from '@/types/session';
-
-const { Paragraph, Title } = Typography;
-
-const useStyles = createStyles(({ css, token, cx, stylish }) => ({
-  container: cx(
-    stylish.blur,
-    css`
-      cursor: pointer;
-
-      position: relative;
-
-      overflow: hidden;
-      flex: 1;
-
-      padding: 16px;
-
-      background-color: ${rgba(token.colorBgContainer, 0.5)};
-      border: 1px solid ${rgba(token.colorText, 0.2)};
-      border-radius: ${token.borderRadiusLG}px;
-
-      transition: all 400ms ${token.motionEaseOut};
-
-      &:hover {
-        background-color: ${rgba(token.colorBgElevated, 0.2)};
-        border-color: ${token.colorText};
-        box-shadow: 0 0 0 1px ${token.colorText};
-      }
-
-      ,
-      &:active {
-        scale: 0.98;
-      }
-    `,
-  ),
-  desc: css`
-    margin: 0 !important;
-  `,
-  title: css`
-    margin: 0 !important;
-  `,
-}));
-
-export interface AgentCardProps {
-  meta: LobeAgentSession['meta'];
-}
-
-const AgentCard = memo<AgentCardProps>(({ meta }) => {
-  const { styles } = useStyles();
-  return (
-    <Flexbox className={styles.container} gap={8}>
-      <Spotlight size={200} />
-      <Avatar avatar={meta.avatar} background={meta.backgroundColor} />
-      <Title className={styles.title} ellipsis level={5}>
-        {meta.title}
-      </Title>
-      <Paragraph className={styles.desc} ellipsis={{ rows: 2 }} type="secondary">
-        {meta.description}
-      </Paragraph>
-    </Flexbox>
-  );
-});
-
-export default AgentCard;

package/src/app/(main)/welcome/features/Banner/AgentTemplate.tsx

@@ -1,43 +0,0 @@
-import { useResponsive } from 'antd-style';
-import { memo } from 'react';
-import { Flexbox } from 'react-layout-kit';
-
-import AgentCard, { type AgentCardProps } from './AgentCard';
-import { useStyles } from './style';
-
-const items: AgentCardProps['meta'][] = [
-  {
-    avatar: '😀',
-    description: 'dddddd',
-    title: 'Title',
-  },
-  {
-    avatar: '😀',
-    description: 'dddddd',
-    title: 'Title',
-  },
-  {
-    avatar: '😀',
-    description: 'dddddd',
-    title: 'Title',
-  },
-];
-
-const AgentTemplate = memo<{ width: number }>(({ width }) => {
-  const { styles } = useStyles();
-  const { mobile } = useResponsive();
-  return (
-    <Flexbox
-      className={styles.templateContainer}
-      gap={16}
-      horizontal={!mobile}
-      style={{ marginTop: -width / 20 }}
-    >
-      {items.map((meta, index) => (
-        <AgentCard key={index} meta={meta} />
-      ))}
-    </Flexbox>
-  );
-});
-
-export default AgentTemplate;

package/src/app/(main)/welcome/features/Banner/Hero.tsx

@@ -1,50 +0,0 @@
-import dynamic from 'next/dynamic';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { genSize, useStyles } from './style';
-
-const LogoThree = dynamic(() => import('@lobehub/ui/es/LogoThree'));
-const LogoSpline = dynamic(() => import('@lobehub/ui/es/LogoThree/LogoSpline'));
-
-const Hero = memo<{ mobile?: boolean; width: number }>(({ width, mobile }) => {
-  const size: any = {
-    base: genSize(width / 3.5, 240),
-    desc: genSize(width / 50, 14),
-    logo: genSize(width / 2.5, 180),
-    title: genSize(width / 20, 32),
-  };
-
-  size.marginTop = mobile ? -size.logo / 9 : -size.logo / 3;
-  size.marginBottom = mobile ? -size.logo / 9 : -size.logo / 4;
-
-  const { styles } = useStyles(size.base);
-
-  const { t } = useTranslation('welcome');
-
-  return (
-    <>
-      <Flexbox
-        style={{
-          height: size.logo,
-          marginBottom: size.marginBottom,
-          marginTop: size.marginTop,
-          position: 'relative',
-        }}
-      >
-        {mobile ? <LogoThree size={size.logo} /> : <LogoSpline height={'100%'} width={'100%'} />}
-      </Flexbox>
-      <div className={styles.title} style={{ fontSize: size.title }}>
-        <strong style={mobile ? { fontSize: '1.2em' } : {}}>LobeChat</strong>
-        {mobile ? <br /> : ' '}
-        {t('slogan.title')}
-      </div>
-      <div className={styles.desc} style={{ fontSize: size.desc }}>
-        {t('slogan.desc1')}
-      </div>
-    </>
-  );
-});
-
-export default Hero;

package/src/app/(main)/welcome/features/Banner/index.tsx

@@ -1,56 +0,0 @@
-'use client';
-
-import { Icon } from '@lobehub/ui';
-import { Button } from 'antd';
-import { SendHorizonal } from 'lucide-react';
-import Link from 'next/link';
-import { useRouter } from 'next/navigation';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { useGlobalStore } from '@/store/global';
-
-import Hero from './Hero';
-import { useStyles } from './style';
-
-const Banner = memo<{ mobile?: boolean }>(({ mobile }) => {
-  const { t } = useTranslation('welcome');
-  const router = useRouter();
-  const { styles } = useStyles();
-  const [switchBackToChat, isMobile] = useGlobalStore((s) => [s.switchBackToChat, s.isMobile]);
-
-  return (
-    <>
-      <div className={styles.container}>
-        <Hero mobile={mobile} width={mobile ? 640 : 1024} />
-      </div>
-      <Flexbox
-        className={styles.buttonGroup}
-        gap={16}
-        horizontal={!mobile}
-        justify={'center'}
-        width={'100%'}
-      >
-        <Link href={'/market'}>
-          <Button block={mobile} size={'large'} type={'default'}>
-            {t('button.market')}
-          </Button>
-        </Link>
-        <Button
-          block={mobile}
-          onClick={() => (isMobile ? router.push('/chat') : switchBackToChat())}
-          size={'large'}
-          type={'primary'}
-        >
-          <Flexbox align={'center'} gap={4} horizontal justify={'center'}>
-            {t('button.start')}
-            <Icon icon={SendHorizonal} />
-          </Flexbox>
-        </Button>
-      </Flexbox>
-    </>
-  );
-});
-
-export default Banner;

package/src/app/(main)/welcome/features/Banner/style.ts

@@ -1,71 +0,0 @@
-import { createStyles } from 'antd-style';
-import { rgba } from 'polished';
-
-export const useStyles = createStyles(({ css, token, stylish, cx, prefixCls }) => {
-  return {
-    buttonGroup: css`
-      .${prefixCls}-upload {
-        width: 100% !important;
-      }
-    `,
-    container: css`
-      z-index: 10;
-
-      display: flex;
-      flex-direction: column;
-      align-items: center;
-
-      width: 100%;
-      margin-bottom: 24px;
-    `,
-    desc: css`
-      font-weight: 400;
-      color: ${rgba(token.colorText, 0.8)};
-      text-align: center;
-    `,
-    layout: css`
-      background: ${token.colorBgContainer};
-    `,
-    logo: css`
-      position: absolute;
-      top: 16px;
-      left: 16px;
-      fill: ${token.colorText};
-    `,
-    note: css`
-      z-index: 10;
-      margin-top: 16px;
-      color: ${token.colorTextDescription};
-    `,
-    skip: css`
-      color: ${token.colorTextDescription};
-    `,
-    templateContainer: css`
-      flex-wrap: wrap;
-      width: 100%;
-      padding: 16px;
-    `,
-    title: css`
-      margin-bottom: 0.25em;
-      font-weight: 800;
-      line-height: 1.4;
-      text-align: center;
-    `,
-    view: cx(
-      stylish.noScrollbar,
-      css`
-        position: relative;
-
-        overflow: hidden auto;
-
-        max-width: 1024px;
-        height: 100%;
-        padding: 32px 16px;
-      `,
-    ),
-  };
-});
-
-export const genSize = (size: number, minSize: number) => {
-  return size < minSize ? minSize : size;
-};