@lobehub/chat 1.138.0 → 1.138.2

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/AgentsSuggest.tsx

@@ -1,114 +0,0 @@
-'use client';
-
-import { ActionIcon, Avatar, Block, Grid, Text } from '@lobehub/ui';
-import { Skeleton } from 'antd';
-import { createStyles } from 'antd-style';
-import { RefreshCw } from 'lucide-react';
-import Link from 'next/link';
-import { memo, useState } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-import urlJoin from 'url-join';
-
-import { useDiscoverStore } from '@/store/discover';
-import { DiscoverAssistantItem } from '@/types/discover';
-
-const useStyles = createStyles(({ css, token, responsive }) => ({
-  card: css`
-    position: relative;
-
-    overflow: hidden;
-
-    height: 100%;
-    min-height: 110px;
-    padding: 16px;
-    border-radius: ${token.borderRadiusLG}px;
-
-    background: ${token.colorBgContainer};
-
-    ${responsive.mobile} {
-      min-height: 72px;
-    }
-  `,
-  cardDesc: css`
-    margin-block: 0 !important;
-    color: ${token.colorTextDescription};
-  `,
-  cardTitle: css`
-    margin-block: 0 !important;
-    font-size: 16px;
-    font-weight: bold;
-  `,
-  icon: css`
-    color: ${token.colorTextSecondary};
-  `,
-  title: css`
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const AgentsSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
-  const { t } = useTranslation('welcome');
-  const [page, setPage] = useState(1);
-  const useAssistantList = useDiscoverStore((s) => s.useAssistantList);
-
-  const { data: assistantList, isLoading } = useAssistantList({
-    page,
-    pageSize: mobile ? 2 : 4,
-  });
-
-  const { styles } = useStyles();
-
-  const loadingCards = Array.from({ length: mobile ? 2 : 4 }).map((_, index) => (
-    <Block className={styles.card} key={index}>
-      <Skeleton active avatar paragraph={{ rows: 2 }} title={false} />
-    </Block>
-  ));
-
-  const handleRefresh = () => {
-    if (!assistantList) return;
-    setPage(page + 1);
-  };
-
-  // if no assistant data, just hide the component
-  if (!isLoading && !assistantList?.items?.length) return null;
-
-  return (
-    <Flexbox gap={8} width={'100%'}>
-      <Flexbox align={'center'} horizontal justify={'space-between'}>
-        <div className={styles.title}>{t('guide.agents.title')}</div>
-        <ActionIcon
-          icon={RefreshCw}
-          onClick={handleRefresh}
-          size={{ blockSize: 24, size: 14 }}
-          title={t('guide.agents.replaceBtn')}
-        />
-      </Flexbox>
-      <Grid gap={8} rows={2}>
-        {isLoading || !assistantList
-          ? loadingCards
-          : assistantList.items.map((item: DiscoverAssistantItem) => (
-              <Link
-                href={urlJoin('/discover/assistant', item.identifier)}
-                key={item.identifier}
-                prefetch={false}
-              >
-                <Block className={styles.card} clickable gap={12} horizontal variant={'outlined'}>
-                  <Avatar avatar={item.avatar} style={{ flex: 'none' }} />
-                  <Flexbox gap={2} style={{ overflow: 'hidden', width: '100%' }}>
-                    <Text className={styles.cardTitle} ellipsis={{ rows: 1 }}>
-                      {item.title}
-                    </Text>
-                    <Text className={styles.cardDesc} ellipsis={{ rows: mobile ? 1 : 2 }}>
-                      {item.description}
-                    </Text>
-                  </Flexbox>
-                </Block>
-              </Link>
-            ))}
-      </Grid>
-    </Flexbox>
-  );
-});
-
-export default AgentsSuggest;

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/InboxWelcome/QuestionSuggest.tsx

@@ -1,104 +0,0 @@
-'use client';
-
-import { ActionIcon, Block } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { shuffle } from 'lodash-es';
-import { ArrowRight } from 'lucide-react';
-import Link from 'next/link';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { BRANDING_NAME } from '@/const/branding';
-import { USAGE_DOCUMENTS } from '@/const/url';
-import { useChatStore } from '@/store/chat';
-
-import { useSend } from '../../../ChatInput/useSend';
-
-const useStyles = createStyles(({ css, token, responsive }) => ({
-  card: css`
-    padding-block: 12px;
-    padding-inline: 24px;
-    border-radius: 48px;
-
-    color: ${token.colorText};
-
-    background: ${token.colorBgContainer};
-
-    ${responsive.mobile} {
-      padding-block: 8px;
-      padding-inline: 16px;
-    }
-  `,
-  icon: css`
-    color: ${token.colorTextSecondary};
-  `,
-  title: css`
-    color: ${token.colorTextDescription};
-  `,
-}));
-
-const qa = shuffle([
-  'q01',
-  'q02',
-  'q03',
-  'q04',
-  'q05',
-  'q06',
-  'q07',
-  'q08',
-  'q09',
-  'q10',
-  'q11',
-  'q12',
-  'q13',
-  'q14',
-  'q15',
-]);
-
-const QuestionSuggest = memo<{ mobile?: boolean }>(({ mobile }) => {
-  const [updateInputMessage] = useChatStore((s) => [s.updateInputMessage]);
-
-  const { t } = useTranslation('welcome');
-  const { styles } = useStyles();
-  const { send: sendMessage } = useSend();
-
-  return (
-    <Flexbox gap={8} width={'100%'}>
-      <Flexbox align={'center'} horizontal justify={'space-between'}>
-        <div className={styles.title}>{t('guide.questions.title')}</div>
-        <Link href={USAGE_DOCUMENTS} target={'_blank'}>
-          <ActionIcon
-            icon={ArrowRight}
-            size={{ blockSize: 24, size: 16 }}
-            title={t('guide.questions.moreBtn')}
-          />
-        </Link>
-      </Flexbox>
-      <Flexbox gap={8} horizontal wrap={'wrap'}>
-        {qa.slice(0, mobile ? 2 : 5).map((item) => {
-          const text = t(`guide.qa.${item}` as any, { appName: BRANDING_NAME });
-          return (
-            <Block
-              align={'center'}
-              className={styles.card}
-              clickable
-              gap={8}
-              horizontal
-              key={item}
-              onClick={() => {
-                updateInputMessage(text);
-                sendMessage({ isWelcomeQuestion: true });
-              }}
-              variant={'outlined'}
-            >
-              {t(text)}
-            </Block>
-          );
-        })}
-      </Flexbox>
-    </Flexbox>
-  );
-});
-
-export default QuestionSuggest;

package/src/app/[variants]/(main)/chat/(workspace)/@conversation/features/ChatList/WelcomeChatItem/WelcomeMessage.tsx

@@ -1,65 +0,0 @@
-import isEqual from 'fast-deep-equal';
-import qs from 'query-string';
-import React, { useMemo } from 'react';
-import { useTranslation } from 'react-i18next';
-import { Flexbox } from 'react-layout-kit';
-
-import { ChatItem } from '@/features/ChatItem';
-import { useAgentStore } from '@/store/agent';
-import { agentChatConfigSelectors, agentSelectors } from '@/store/agent/selectors';
-import { useChatStore } from '@/store/chat';
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-import { useSessionStore } from '@/store/session';
-import { sessionMetaSelectors } from '@/store/session/selectors';
-
-import OpeningQuestions from './OpeningQuestions';
-
-const WelcomeMessage = () => {
-  const mobile = useServerConfigStore((s) => s.isMobile);
-  const { t } = useTranslation('chat');
-  const type = useAgentStore(agentChatConfigSelectors.displayMode);
-  const openingMessage = useAgentStore(agentSelectors.openingMessage);
-  const openingQuestions = useAgentStore(agentSelectors.openingQuestions);
-
-  const meta = useSessionStore(sessionMetaSelectors.currentAgentMeta, isEqual);
-  const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
-  const activeId = useChatStore((s) => s.activeId);
-
-  const agentSystemRoleMsg = t('agentDefaultMessageWithSystemRole', {
-    name: meta.title || t('defaultAgent'),
-    systemRole: meta.description,
-  });
-
-  const agentMsg = t(isAgentEditable ? 'agentDefaultMessage' : 'agentDefaultMessageWithoutEdit', {
-    name: meta.title || t('defaultAgent'),
-    url: qs.stringifyUrl({
-      query: mobile ? { session: activeId, showMobileWorkspace: mobile } : { session: activeId },
-      url: '/chat/settings',
-    }),
-  });
-
-  const message = useMemo(() => {
-    if (openingMessage) return openingMessage;
-    return !!meta.description ? agentSystemRoleMsg : agentMsg;
-  }, [openingMessage, agentSystemRoleMsg, agentMsg, meta.description]);
-
-  const chatItem = (
-    <ChatItem
-      avatar={meta}
-      editing={false}
-      message={message}
-      placement={'left'}
-      variant={type === 'chat' ? 'bubble' : 'docs'}
-    />
-  );
-
-  return openingQuestions.length > 0 ? (
-    <Flexbox>
-      {chatItem}
-      <OpeningQuestions mobile={mobile} questions={openingQuestions} />
-    </Flexbox>
-  ) : (
-    chatItem
-  );
-};
-export default WelcomeMessage;