Revert "Unify global modals:"

This reverts commit cbc12a2.

Author: xuyaqist

frontend/app/[locale]/chat/components/chatHeader.tsx

@@ -14,6 +14,8 @@ import { useAuth } from "@/hooks/useAuth";
 import { USER_ROLES } from "@/const/modelConfig";
 import { saveView } from "@/lib/viewPersistence";
 
+import MemoryManageModal from "../internal/memory/memoryManageModal";
+
 interface ChatHeaderProps {
   title: string;
   onRename?: (newTitle: string) => void;
@@ -23,7 +25,8 @@ export function ChatHeader({ title, onRename }: ChatHeaderProps) {
   const router = useRouter();
   const [isEditing, setIsEditing] = useState(false);
   const [editTitle, setEditTitle] = useState(title);
-
+  const [memoryModalVisible, setMemoryModalVisible] = useState(false);
+  const [embeddingConfigured, setEmbeddingConfigured] = useState<boolean>(true);
   const [showConfigPrompt, setShowConfigPrompt] = useState(false);
   const [showAutoOffPrompt, setShowAutoOffPrompt] = useState(false);
   const inputRef = useRef<HTMLInputElement>(null);
@@ -59,8 +62,9 @@ export function ChatHeader({ title, onRename }: ChatHeaderProps) {
       const modelConfig = configStore.getModelConfig();
       const configured = Boolean(
         modelConfig?.embedding?.modelName ||
-        modelConfig?.multiEmbedding?.modelName
+          modelConfig?.multiEmbedding?.modelName
       );
+      setEmbeddingConfigured(configured);
 
       if (!configured) {
         // If memory switch is on, turn it off automatically and notify the user
@@ -81,6 +85,7 @@ export function ChatHeader({ title, onRename }: ChatHeaderProps) {
           });
       }
     } catch (e) {
+      setEmbeddingConfigured(false);
       log.error("Failed to read model config for embedding check", e);
     }
   }, []);
@@ -222,6 +227,10 @@ export function ChatHeader({ title, onRename }: ChatHeaderProps) {
           </div>
         </div>
       </Modal>
+      <MemoryManageModal
+        visible={memoryModalVisible}
+        onClose={() => setMemoryModalVisible(false)}
+      />
     </>
   );
 }

frontend/app/[locale]/chat/internal/memory/memoryDeleteModal.tsx

@@ -0,0 +1,55 @@
+import React from "react";
+import { useTranslation, Trans } from "react-i18next";
+import { Modal } from "antd";
+import { WarningFilled } from "@ant-design/icons";
+import { MemoryDeleteModalProps } from "@/types/memory";
+
+/**
+ * Hosts the "Clear Memory" secondary confirmation popup window and is responsible only for UI display.
+ * The upper-level component is responsible for controlling visible and callback logic.
+ */
+const MemoryDeleteModal: React.FC<MemoryDeleteModalProps> = ({
+  visible,
+  targetTitle,
+  onOk,
+  onCancel,
+}) => {
+  const { t } = useTranslation();
+  return (
+    <Modal
+      open={visible}
+      title={
+        <div className="flex items-center gap-2 text-lg font-bold">
+          <span>{t("memoryDeleteModal.title")}</span>
+        </div>
+      }
+      onOk={onOk}
+      onCancel={onCancel}
+      okText={t("memoryDeleteModal.clear")}
+      cancelText={t("common.cancel")}
+      okButtonProps={{ danger: true }}
+      destroyOnClose
+    >
+      <div className="flex items-start gap-3 mt-4">
+        <WarningFilled
+          className="text-yellow-500 mt-1 mr-2"
+          style={{ fontSize: "48px" }}
+        />
+        <div className="space-y-2">
+          <p>
+            <Trans
+              i18nKey="memoryDeleteModal.description"
+              values={{ title: targetTitle || "" }}
+              components={{ strong: <strong /> }}
+            />
+          </p>
+          <p className="text-gray-500 text-sm">
+            {t("memoryDeleteModal.prompt")}
+          </p>
+        </div>
+      </div>
+    </Modal>
+  );
+};
+
+export default MemoryDeleteModal;