feat: adjust styles

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}

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.

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>
   );
 }