From 9888098f8a78cb6748dc59eb181f5cb4d05a292d Mon Sep 17 00:00:00 2001
From: JeffJiang <for-eleven@hotmail.com>
Date: Wed, 28 May 2025 16:38:28 +0800
Subject: [PATCH] fix: message input box reflow (#252)

---
 web/src/components/deer-flow/message-input.tsx | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/components/deer-flow/message-input.tsx b/web/src/components/deer-flow/message-input.tsx
index 5c4ea8e..c44ad12 100644
--- a/web/src/components/deer-flow/message-input.tsx
+++ b/web/src/components/deer-flow/message-input.tsx
@@ -15,13 +15,13 @@ import {
 } from "novel";
 import { Markdown } from "tiptap-markdown";
 import { useDebouncedCallback } from "use-debounce";
-import { cx } from "class-variance-authority";
 
 import "~/styles/prosemirror.css";
 import { resourceSuggestion } from "./resource-suggestion";
 import React, { forwardRef, useMemo, useRef } from "react";
 import type { Resource } from "~/core/messages";
 import { useRAGProvider } from "~/core/api/hooks";
+import { LoadingOutlined } from "@ant-design/icons";
 
 export interface MessageInputRef {
   focus: () => void;
@@ -152,7 +152,11 @@ const MessageInput = forwardRef<MessageInputRef, MessageInputProps>(
     }, [onEnter, provider]);
 
     if (loading) {
-      return null;
+      return (
+        <div className={className}>
+          <LoadingOutlined />
+        </div>
+      );
     }
 
     return (