@lobehub/chat 0.155.3 → 0.155.5

package/src/app/(main)/chat/(mobile)/features/SessionList.tsx

@@ -1,17 +0,0 @@
-import { memo } from 'react';
-
-import SessionListContent from '../../features/SessionListContent';
-import SessionSearchBar from '../../features/SessionSearchBar';
-
-const Sessions = memo(() => {
-  return (
-    <>
-      <div style={{ padding: '8px 16px' }}>
-        <SessionSearchBar mobile />
-      </div>
-      <SessionListContent />
-    </>
-  );
-});
-
-export default Sessions;

package/src/app/(main)/chat/(mobile)/features/TopicList.tsx

@@ -1,29 +0,0 @@
-import { Modal } from '@lobehub/ui';
-import { memo } from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { useGlobalStore } from '@/store/global';
-
-import TopicListContent from '../../features/TopicListContent';
-
-const Topics = memo(() => {
-  const [showAgentSettings, toggleConfig] = useGlobalStore((s) => [
-    s.preference.mobileShowTopic,
-    s.toggleMobileTopic,
-  ]);
-
-  const { t } = useTranslation('chat');
-
-  return (
-    <Modal
-      allowFullscreen
-      onCancel={() => toggleConfig(false)}
-      open={showAgentSettings}
-      title={t('topic.title')}
-    >
-      <TopicListContent mobile />
-    </Modal>
-  );
-});
-
-export default Topics;

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

@@ -1,26 +0,0 @@
-'use client';
-
-import { useRouter } from 'next/navigation';
-import { memo, useEffect } from 'react';
-
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-
-import SessionHeader from './features/SessionHeader';
-import SessionList from './features/SessionList';
-
-const ChatMobilePage = memo(() => {
-  const router = useRouter();
-
-  useEffect(() => {
-    router.prefetch('/chat/mobile');
-    router.prefetch('/settings');
-  }, []);
-
-  return (
-    <MobileContentLayout header={<SessionHeader />} withNav>
-      <SessionList />
-    </MobileContentLayout>
-  );
-});
-
-export default ChatMobilePage;

package/src/app/(main)/chat/(mobile)/mobile/ChatHeader/index.tsx

@@ -1,56 +0,0 @@
-import { MobileNavBar } from '@lobehub/ui';
-import { useRouter } from 'next/navigation';
-import { memo, useState } from 'react';
-
-import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
-
-import SettingButton from '../../../features/SettingButton';
-import ShareButton from '../../../features/ShareButton';
-import ChatHeaderTitle from './ChatHeaderTitle';
-
-const MobileHeader = memo(() => {
-  const router = useRouter();
-  const [open, setOpen] = useState(false);
-
-  const { isAgentEditable } = useServerConfigStore(featureFlagsSelectors);
-
-  // const items: MenuProps['items'] = [
-  //   {
-  //     icon: <Icon icon={Share2} />,
-  //     key: 'share',
-  //     label: t('share', { ns: 'common' }),
-  //     onClick: () => setOpen(true),
-  //   },
-  //   !isInbox && {
-  //     icon: <Icon icon={Settings} />,
-  //     key: 'settings',
-  //     label: t('header.session', { ns: 'setting' }),
-  //     onClick: () => router.push(pathString('/chat/settings', { hash: location.hash })),
-  //   },
-  // ].filter(Boolean) as MenuProps['items'];
-
-  return (
-    <MobileNavBar
-      center={<ChatHeaderTitle />}
-      onBackClick={() => router.push('/chat')}
-      right={
-        <>
-          <ShareButton mobile open={open} setOpen={setOpen} />
-          {isAgentEditable && <SettingButton mobile />}
-          {/*<Dropdown*/}
-          {/*  menu={{*/}
-          {/*    items,*/}
-          {/*  }}*/}
-          {/*  trigger={['click']}*/}
-          {/*>*/}
-          {/*  <ActionIcon icon={MoreHorizontal} />*/}
-          {/*</Dropdown>*/}
-        </>
-      }
-      showBackButton
-      style={{ width: '100%' }}
-    />
-  );
-});
-
-export default MobileHeader;

package/src/app/(main)/chat/(mobile)/mobile/page.tsx

@@ -1,26 +0,0 @@
-'use client';
-
-import dynamic from 'next/dynamic';
-import { memo } from 'react';
-
-import MobileContentLayout from '@/components/server/MobileNavLayout';
-import Conversation from '@/features/Conversation';
-
-import SessionHydration from '../../components/SessionHydration';
-import TelemetryNotification from '../../features/TelemetryNotification';
-import ChatInput from '../features/ChatInput';
-import ChatHeader from './ChatHeader';
-
-const TopicList = dynamic(() => import('../features/TopicList'));
-
-const Chat = memo(() => {
-  return (
-    <MobileContentLayout header={<ChatHeader />}>
-      <Conversation chatInput={<ChatInput />} mobile />
-      <TopicList />
-      <TelemetryNotification mobile />
-      <SessionHydration />
-    </MobileContentLayout>
-  );
-});
-export default Chat;

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

@@ -1,39 +0,0 @@
-'use client';
-
-import { DraggablePanelBody } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import { memo } from 'react';
-
-import FolderPanel from '@/features/FolderPanel';
-
-import SessionListContent from '../../features/SessionListContent';
-import Header from './SessionHeader';
-
-const useStyles = createStyles(({ stylish, css, cx }) =>
-  cx(
-    stylish.noScrollbar,
-    css`
-      display: flex;
-      flex-direction: column;
-      gap: 2px;
-      padding: 8px 8px 0;
-    `,
-  ),
-);
-
-const Sessions = memo(() => {
-  const { styles } = useStyles();
-
-  return (
-    <FolderPanel>
-      <Header />
-      <DraggablePanelBody className={styles}>
-        <SessionListContent />
-      </DraggablePanelBody>
-    </FolderPanel>
-  );
-});
-
-Sessions.displayName = 'SessionsList';
-
-export default Sessions;

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

@@ -1,9 +0,0 @@
-import { LayoutProps } from '../type';
-
-const Layout = ({ children }: LayoutProps) => {
-  return children;
-};
-
-Layout.displayName = 'MobileChatLayout';
-
-export default Layout;

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

@@ -1,25 +0,0 @@
-import { isMobileDevice } from '@/utils/responsive';
-
-import DesktopPage from './(desktop)';
-import MobilePage from './(mobile)';
-import SessionHydration from './components/SessionHydration';
-import Migration from './features/Migration';
-import PageTitle from './features/PageTitle';
-
-const Page = () => {
-  const mobile = isMobileDevice();
-
-  const Page = mobile ? MobilePage : DesktopPage;
-
-  return (
-    <>
-      <Migration>
-        <PageTitle />
-        <Page />
-      </Migration>
-      <SessionHydration />
-    </>
-  );
-};
-
-export default Page;

package/src/features/FolderPanel/index.tsx

@@ -1,60 +0,0 @@
-import { DraggablePanel, DraggablePanelContainer } from '@lobehub/ui';
-import { createStyles } from 'antd-style';
-import isEqual from 'fast-deep-equal';
-import { PropsWithChildren, memo, useState } from 'react';
-
-import { FOLDER_WIDTH } from '@/const/layoutTokens';
-import { useGlobalStore } from '@/store/global';
-
-export const useStyles = createStyles(({ css, token }) => ({
-  panel: css`
-    height: 100%;
-    color: ${token.colorTextSecondary};
-    background: ${token.colorBgContainer};
-  `,
-}));
-
-const FolderPanel = memo<PropsWithChildren>(({ children }) => {
-  const { styles } = useStyles();
-  const [sessionsWidth, sessionExpandable, updatePreference] = useGlobalStore((s) => [
-    s.preference.sessionsWidth,
-    s.preference.showSessionPanel,
-    s.updatePreference,
-  ]);
-  const [tmpWidth, setWidth] = useState(sessionsWidth);
-  if (tmpWidth !== sessionsWidth) setWidth(sessionsWidth);
-
-  return (
-    <DraggablePanel
-      className={styles.panel}
-      defaultSize={{ width: tmpWidth }}
-      expand={sessionExpandable}
-      maxWidth={400}
-      minWidth={FOLDER_WIDTH}
-      onExpandChange={(expand) => {
-        updatePreference({
-          sessionsWidth: expand ? 320 : 0,
-          showSessionPanel: expand,
-        });
-      }}
-      onSizeChange={(_, size) => {
-        if (!size) return;
-
-        const nextWidth = typeof size.width === 'string' ? Number.parseInt(size.width) : size.width;
-
-        if (isEqual(nextWidth, sessionsWidth)) return;
-
-        setWidth(nextWidth);
-        updatePreference({ sessionsWidth: nextWidth });
-      }}
-      placement="left"
-      size={{ height: '100%', width: sessionsWidth }}
-    >
-      <DraggablePanelContainer style={{ flex: 'none', height: '100%', minWidth: FOLDER_WIDTH }}>
-        {children}
-      </DraggablePanelContainer>
-    </DraggablePanel>
-  );
-});
-
-export default FolderPanel;

package/src/utils/screen.ts

@@ -1,14 +0,0 @@
-// mobile 设备宽度
-// https://github.com/ant-design/ant-design/blob/master/components/theme/util/alias.ts#L28
-export const screenSM = 576;
-
-/**
- * check mobile device in browser
- */
-export const isMobileScreen = () => {
-  if (typeof window === 'undefined') {
-    return false;
-  }
-
-  return window.innerWidth <= screenSM;
-};