feat: context box

client/src/pages/chat/components/ChatHistorySlider.tsx

@@ -110,10 +110,10 @@ const ChatHistorySlider = ({
 
       {/* chat history */}
       <Box flex={'1 0 0'} h={0} px={[2, 5]} overflow={'overlay'}>
-        {concatHistory.map((item) => (
+        {concatHistory.map((item, i) => (
           <Flex
             position={'relative'}
-            key={item.id}
+            key={item.id || `${i}`}
             alignItems={'center'}
             py={3}
             px={4}

client/src/pages/chat/index.tsx

@@ -249,7 +249,7 @@ const Chat = ({ appId, chatId }: { appId: string; chatId: string }) => {
               appName={chatData.app.name}
               appAvatar={chatData.app.avatar}
               activeChatId={chatId}
-              history={history.map((item) => ({
+              history={history.map((item, i) => ({
                 id: item.chatId,
                 title: item.title,
                 customTitle: item.customTitle,