From e9ab427326dc62bdb6ac549224ed2a241f14e2ab Mon Sep 17 00:00:00 2001
From: Henry Li <henry1943@163.com>
Date: Thu, 22 Jan 2026 14:28:10 +0800
Subject: [PATCH] feat: adjust styles

---
 frontend/src/app/workspace/chats/[thread_id]/page.tsx | 1 +
 frontend/src/components/ui/input-group.tsx            | 2 +-
 frontend/src/components/workspace/input-box.tsx       | 5 +++++
 3 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/frontend/src/app/workspace/chats/[thread_id]/page.tsx b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
index 69bb9e9..15f2568 100644
--- a/frontend/src/app/workspace/chats/[thread_id]/page.tsx
+++ b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
@@ -171,6 +171,7 @@ export default function ChatPage() {
                   </div>
                   <InputBox
                     className={cn("bg-background/5 w-full -translate-y-4")}
+                    isNewThread={isNewThread}
                     autoFocus={isNewThread}
                     status={thread.isLoading ? "streaming" : "ready"}
                     context={settings.context}
diff --git a/frontend/src/components/ui/input-group.tsx b/frontend/src/components/ui/input-group.tsx
index 3eb1ad4..e35f75b 100644
--- a/frontend/src/components/ui/input-group.tsx
+++ b/frontend/src/components/ui/input-group.tsx
@@ -14,7 +14,7 @@ function InputGroup({ className, ...props }: React.ComponentProps<"div">) {
       data-slot="input-group"
       role="group"
       className={cn(
-        "group/input-group border-input/50 dark:bg-input/30 relative flex w-full items-center rounded-md border bg-white/80 shadow-xs transition-[color,box-shadow] outline-none",
+        "group/input-group border-input/50 dark:bg-background/80 relative flex w-full items-center rounded-md border bg-white/80 shadow-xs transition-[color,box-shadow] outline-none",
         "h-9 min-w-0 has-[>textarea]:h-auto",
 
         // Variants based on alignment.
diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 29e00d2..6d51714 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -52,6 +52,7 @@ export function InputBox({
   status = "ready",
   context,
   extraHeader,
+  isNewThread,
   onContextChange,
   onSubmit,
   onStop,
@@ -61,6 +62,7 @@ export function InputBox({
   status?: ChatStatus;
   context: Omit<AgentThreadContext, "thread_id">;
   extraHeader?: React.ReactNode;
+  isNewThread?: boolean;
   onContextChange?: (context: Omit<AgentThreadContext, "thread_id">) => void;
   onSubmit?: (message: PromptInputMessage) => void;
   onStop?: () => void;
@@ -306,6 +308,9 @@ export function InputBox({
           />
         </PromptInputTools>
       </PromptInputFooter>
+      {!isNewThread && (
+        <div className="bg-background absolute right-0 -bottom-[17px] left-0 z-0 h-4"></div>
+      )}
     </PromptInput>
   );
 }