From e3b7f8afdd99c37775aa54f34f5dc7267ccaa85b Mon Sep 17 00:00:00 2001
From: JzoNg <jzongcode@gmail.com>
Date: Wed, 30 Jul 2025 17:00:04 +0800
Subject: [PATCH] memory list

---
 .../base/chat/chat-with-history/memory/index.tsx  | 15 ++++++++++++---
 1 file changed, 12 insertions(+), 3 deletions(-)

diff --git a/web/app/components/base/chat/chat-with-history/memory/index.tsx b/web/app/components/base/chat/chat-with-history/memory/index.tsx
index 20573a7f42..c3cc99bd4a 100644
--- a/web/app/components/base/chat/chat-with-history/memory/index.tsx
+++ b/web/app/components/base/chat/chat-with-history/memory/index.tsx
@@ -2,8 +2,10 @@ import React from 'react'
 import { useTranslation } from 'react-i18next'
 import {
   RiCloseLine,
+  RiDeleteBinLine,
 } from '@remixicon/react'
 import ActionButton from '@/app/components/base/action-button'
+import Button from '@/app/components/base/button'
 import {
   useChatWithHistoryContext,
 } from '../context'
@@ -21,17 +23,24 @@ const MemoryPanel: React.FC<Props> = ({ showChatMemory }) => {
 
   return (
     <div className={cn(
-      'h-full w-[360px] shrink-0 rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-chatbot-bg transition-all ease-in-out',
+      'flex h-full w-[360px] shrink-0 flex-col rounded-2xl border-[0.5px] border-components-panel-border-subtle bg-chatbot-bg transition-all ease-in-out',
       showChatMemory ? 'w-[360px]' : 'w-0',
     )}>
-      <div className='flex items-center border-b-[0.5px] border-components-panel-border-subtle pl-4 pr-3.5 pt-2'>
+      <div className='flex shrink-0 items-center border-b-[0.5px] border-components-panel-border-subtle pl-4 pr-3.5 pt-2'>
         <div className='system-md-semibold-uppercase grow py-3 text-text-primary'>{t('share.chat.memory.title')}</div>
         <ActionButton size='l' onClick={() => setShowChatMemory(false)}>
           <RiCloseLine className='h-[18px] w-[18px]' />
         </ActionButton>
       </div>
-      <div></div>
       {/* Memory content goes here */}
+      <div className='h-0 grow overflow-y-auto px-3 pt-2'>
+        <div className='flex items-center justify-center'>
+          <Button variant='ghost'>
+            <RiDeleteBinLine className='mr-1 h-3.5 w-3.5' />
+            {t('share.chat.memory.clearAll')}
+          </Button>
+        </div>
+      </div>
     </div>
   )
 }