@lobehub/chat 0.145.5 → 0.145.6

package/CHANGELOG.md

@@ -2,6 +2,23 @@
 
 # Changelog
 
+### [Version 0.145.6](https://github.com/lobehub/lobe-chat/compare/v0.145.5...v0.145.6)
+
+<sup>Released on **2024-04-02**</sup>
+
+<br/>
+
+<details>
+<summary><kbd>Improvements and Fixes</kbd></summary>
+
+</details>
+
+<div align="right">
+
+[![](https://img.shields.io/badge/-BACK_TO_TOP-151515?style=flat-square)](#readme-top)
+
+</div>
+
 ### [Version 0.145.5](https://github.com/lobehub/lobe-chat/compare/v0.145.4...v0.145.5)
 
 <sup>Released on **2024-03-30**</sup>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lobehub/chat",
-  "version": "0.145.5",
+  "version": "0.145.6",
   "description": "Lobe Chat - an open-source, high-performance chatbot framework that supports speech synthesis, multimodal, and extensible Function Call plugin system. Supports one-click free deployment of your private ChatGPT/LLM web application.",
   "keywords": [
     "framework",

package/src/app/market/(desktop)/index.tsx

@@ -7,7 +7,6 @@ import ClientResponsiveContent from '@/components/client/ClientResponsiveContent
 import { useMarketStore } from '@/store/market';
 
 import AgentCard from '../features/AgentCard';
-import AgentSearchBar from '../features/AgentSearchBar';
 
 const Desktop = memo(() => {
   useEffect(() => {
@@ -15,12 +14,7 @@ const Desktop = memo(() => {
     useMarketStore.persist.rehydrate();
   }, []);
 
-  return (
-    <>
-      <AgentSearchBar />
-      <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />
-    </>
-  );
+  return <AgentCard CardRender={SpotlightCard as FC<SpotlightCardProps>} />;
 });
 
 export default ClientResponsiveContent({ Desktop, Mobile: () => import('../(mobile)') });

package/src/app/market/(mobile)/index.tsx

@@ -2,12 +2,10 @@
 
 import dynamic from 'next/dynamic';
 import { memo, useEffect } from 'react';
-import { Flexbox } from 'react-layout-kit';
 
 import { useMarketStore } from '@/store/market';
 
 import AgentCard from '../features/AgentCard';
-import AgentSearchBar from '../features/AgentSearchBar';
 import CardRender from './features/AgentCard';
 
 const DetailModal = dynamic(() => import('./features/AgentDetail'), { ssr: false });
@@ -20,10 +18,7 @@ export default memo(() => {
 
   return (
     <>
-      <Flexbox flex={1} gap={16} style={{ padding: 16 }}>
-        <AgentSearchBar mobile />
-        <AgentCard CardRender={CardRender} mobile />{' '}
-      </Flexbox>
+      <AgentCard CardRender={CardRender} mobile />
       <DetailModal />
     </>
   );

package/src/app/market/_layout/Desktop/index.tsx

@@ -10,6 +10,7 @@ import SafeSpacing from '@/components/SafeSpacing';
 import ClientResponsiveLayout from '@/components/client/ClientResponsiveLayout';
 import { MAX_WIDTH } from '@/const/layoutTokens';
 
+import AgentSearchBar from '../../features/AgentSearchBar';
 import Header from './Header';
 
 const SideBar = dynamic(() => import('./AgentDetail'));
@@ -47,6 +48,7 @@ const Desktop = memo<PropsWithChildren>(({ children }) => {
                 random
               />
             </Center>
+            <AgentSearchBar />
             {children}
           </Flexbox>
         </Flexbox>

package/src/app/market/_layout/Mobile/index.tsx

@@ -1,12 +1,17 @@
 import { PropsWithChildren } from 'react';
+import { Flexbox } from 'react-layout-kit';
 
+import AgentSearchBar from '../../features/AgentSearchBar';
 import Header from './Header';
 
 const MobileLayout = ({ children }: PropsWithChildren) => {
   return (
     <>
       <Header />
-      {children}
+      <Flexbox flex={1} gap={16} style={{ padding: 16 }}>
+        <AgentSearchBar mobile />
+        {children}
+      </Flexbox>
     </>
   );
 };

package/src/app/market/features/AgentCard/index.tsx

@@ -7,9 +7,9 @@ import LazyLoad from 'react-lazy-load';
 
 import { agentMarketSelectors, useMarketStore } from '@/store/market';
 
+import Loading from '../../components/Loading';
 import TagList from '../TagList';
 import AgentCardItem from './AgentCardItem';
-import Loading from './Loading';
 import { useStyles } from './style';
 
 export interface AgentCardProps {

package/src/app/market/features/AgentSearchBar/index.tsx

@@ -1,3 +1,5 @@
+'use client';
+
 import { SearchBar } from '@lobehub/ui';
 import { memo, useCallback, useState } from 'react';
 import { useTranslation } from 'react-i18next';

package/src/app/market/loading.tsx

@@ -0,0 +1,3 @@
+import Load from './components/Loading';
+
+export default () => <Load />;

package/src/app/settings/agent/loading.tsx

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

package/src/app/settings/common/loading.tsx

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

package/src/app/settings/llm/loading.tsx

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

package/src/app/settings/sync/loading.tsx

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

package/src/app/settings/tts/loading.tsx

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