♻️ refactor: move app page to the (main) layout group (#2297)

src/app/chat/(desktop)/features/SideBar/index.tsx → src/app/(main)/chat/(desktop)/features/SideBar/index.tsx

@@ -3,14 +3,15 @@ import { createStyles } from 'antd-style';
 import dynamic from 'next/dynamic';
 import { memo } from 'react';
 
-import TopicListContent from '@/app/chat/features/TopicListContent';
 import SafeSpacing from '@/components/SafeSpacing';
 import { CHAT_SIDEBAR_WIDTH } from '@/const/layoutTokens';
 import { useGlobalStore } from '@/store/global';
 import { featureFlagsSelectors, useServerConfigStore } from '@/store/serverConfig';
 import { useSessionStore } from '@/store/session';
 import { sessionSelectors } from '@/store/session/selectors';
 
+import TopicListContent from '../../../features/TopicListContent';
+
 const SystemRole = dynamic(() => import('./SystemRole'));
 
 const useStyles = createStyles(({ css, token }) => ({

src/app/chat/settings/(desktop)/Header.tsx → src/app/(main)/chat/settings/(desktop)/Header.tsx

@@ -3,7 +3,7 @@ import { useRouter } from 'next/navigation';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import HeaderContent from '@/app/chat/settings/features/HeaderContent';
+import HeaderContent from '@/app/(main)/chat/settings/features/HeaderContent';
 import { pathString } from '@/utils/url';
 
 const Header = memo(() => {

src/app/market/features/TagList/index.tsx → src/app/(main)/market/features/TagList/index.tsx

@@ -2,7 +2,7 @@ import { Skeleton } from 'antd';
 import { Suspense, memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import Inner from '@/app/market/features/TagList/Inner';
+import Inner from './Inner';
 
 const TagList = memo(() => {
   return (

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

@@ -3,10 +3,11 @@ import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 import { Flexbox } from 'react-layout-kit';
 
-import { useStyles } from '@/app/settings/about/style';
 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();

src/app/settings/common/Common.tsx → src/app/(main)/settings/common/Common.tsx

@@ -6,7 +6,7 @@ import { signIn, signOut } from 'next-auth/react';
 import { memo, useCallback } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useSyncSettings } from '@/app/settings/hooks/useSyncSettings';
+import { useSyncSettings } from '@/app/(main)/settings/hooks/useSyncSettings';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { DEFAULT_SETTINGS } from '@/const/settings';
 import { useOAuthSession } from '@/hooks/useOAuthSession';

src/app/settings/common/Theme.tsx → src/app/(main)/settings/common/Theme.tsx

@@ -5,7 +5,7 @@ import { Monitor, Moon, Palette, Sun } from 'lucide-react';
 import { memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useSyncSettings } from '@/app/settings/hooks/useSyncSettings';
+import { useSyncSettings } from '@/app/(main)/settings/hooks/useSyncSettings';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { imageUrl } from '@/const/url';
 import AvatarWithUpload from '@/features/AvatarWithUpload';

src/app/settings/llm/components/ProviderConfig/index.tsx → src/app/(main)/settings/llm/components/ProviderConfig/index.tsx

@@ -4,13 +4,13 @@ import { debounce } from 'lodash-es';
 import { ReactNode, memo } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { useSyncSettings } from '@/app/settings/hooks/useSyncSettings';
+import { useSyncSettings } from '@/app/(main)/settings/hooks/useSyncSettings';
 import {
   LLMProviderApiTokenKey,
   LLMProviderBaseUrlKey,
   LLMProviderConfigKey,
   LLMProviderModelListKey,
-} from '@/app/settings/llm/const';
+} from '@/app/(main)/settings/llm/const';
 import { FORM_STYLE } from '@/const/layoutTokens';
 import { useUserStore } from '@/store/user';
 import { modelConfigSelectors } from '@/store/user/selectors';

src/app/settings/sync/WebRTC/ChannelNameInput.tsx → src/app/(main)/settings/sync/WebRTC/ChannelNameInput.tsx

@@ -5,7 +5,7 @@ import { LucideDices } from 'lucide-react';
 import { memo, useState } from 'react';
 import { useTranslation } from 'react-i18next';
 
-import { generateRandomRoomName } from '@/app/settings/sync/util';
+import { generateRandomRoomName } from '../util';
 
 interface ChannelNameInputProps extends Omit<InputProps, 'form'> {
   form: FormInstance;

src/app/welcome/(desktop)/features/Showcase.tsx → src/app/(main)/welcome/(desktop)/features/Showcase.tsx

@@ -4,7 +4,7 @@ import { GridShowcase } from '@lobehub/ui';
 import { memo } from 'react';
 import { Flexbox } from 'react-layout-kit';
 
-import Banner from '@/app/welcome/features/Banner';
+import Banner from '@/app/(main)/welcome/features/Banner';
 
 const Showcase = memo(() => (
   <Flexbox

src/app/welcome/(mobile)/index.tsx → src/app/(main)/welcome/(mobile)/index.tsx

@@ -1,7 +1,7 @@
 import { memo } from 'react';
 import { Center, Flexbox } from 'react-layout-kit';
 
-import Banner from '@/app/welcome/features/Banner';
+import Banner from '../features/Banner';
 
 const Showcase = memo(() => (
   <Flexbox align={'center'} justify={'center'} style={{ height: 'calc(100% - 44px)' }}>

src/app/page.tsx

@@ -2,17 +2,19 @@ import { Metadata } from 'next';
 
 import { getCanonicalUrl } from '@/const/url';
 
-import Page from './home';
-import Redirect from './home/Redirect';
+import Client from './(loading)/Client';
+import Redirect from './(loading)/Redirect';
 
-const Index = () => (
-  <>
-    <Page />
-    <Redirect />
-  </>
-);
+const Page = () => {
+  return (
+    <>
+      <Client />
+      <Redirect />
+    </>
+  );
+};
 
-export default Index;
+export default Page;
 
 export const metadata: Metadata = {
   alternates: { canonical: getCanonicalUrl('/') },