From 03e95aee912c848e29100303c673b78a6ddfe4f0 Mon Sep 17 00:00:00 2001
From: MT-Mint <798521692@qq.com>
Date: Fri, 20 Mar 2026 16:31:28 +0800
Subject: [PATCH] =?UTF-8?q?feat(ui):=20=E8=B0=83=E6=95=B4=E8=81=8A?=
 =?UTF-8?q?=E5=A4=A9=E9=A1=B5=E5=B8=83=E5=B1=80=E6=AF=94=E4=BE=8B=E5=8F=8A?=
 =?UTF-8?q?=20artifacts=20=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=81=AE=E6=8C=A1?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=20-=20=E4=BF=AE=E6=94=B9=20artifactsOpen=20?=
 =?UTF-8?q?=E6=97=B6=E5=AE=B9=E5=99=A8=E5=AE=BD=E5=BA=A6=E4=BB=8E=2070%=20?=
 =?UTF-8?q?=E6=94=B9=E4=B8=BA=2050%=20-=20=E6=96=87=E4=BB=B6=E9=98=85?=
 =?UTF-8?q?=E8=AF=BB=E5=8C=BA=E6=B7=BB=E5=8A=A0=E5=9C=86=E8=A7=92=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=20-=20=E6=96=87=E4=BB=B6=E9=98=85=E8=AF=BB=E5=8C=BA?=
 =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E6=BB=9A=E5=8A=A8=E6=9D=A1=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E9=81=AE=E6=8C=A1=E5=B1=82=EF=BC=8C=E4=BC=98=E5=8C=96=E8=A7=86?=
 =?UTF-8?q?=E8=A7=89=E4=BD=93=E9=AA=8C=20-=20=E4=BB=A3=E7=A0=81=E7=BC=96?=
 =?UTF-8?q?=E8=BE=91=E5=99=A8=E5=A2=9E=E5=8A=A0=20py-[20px]=20=E5=86=85?=
 =?UTF-8?q?=E8=BE=B9=E8=B7=9D=20-=20InputBox=20=E5=B7=B2=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=BC=BA=E5=88=B6=E6=98=BE=E7=A4=BA=E9=98=B4?=
 =?UTF-8?q?=E5=BD=B1=E6=95=88=E6=9E=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 frontend/src/app/workspace/chats/[thread_id]/page.tsx    | 4 ++--
 frontend/src/components/ai-elements/artifact.tsx         | 2 +-
 .../workspace/artifacts/artifact-file-detail.tsx         | 9 ++++++---
 frontend/src/components/workspace/input-box.tsx          | 1 +
 4 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/frontend/src/app/workspace/chats/[thread_id]/page.tsx b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
index 4f3804bb..901283c8 100644
--- a/frontend/src/app/workspace/chats/[thread_id]/page.tsx
+++ b/frontend/src/app/workspace/chats/[thread_id]/page.tsx
@@ -255,7 +255,7 @@ export default function ChatPage() {
       <div
         className={cn(
           "m-auto flex h-screen min-h-svh overflow-hidden rounded-t-[20px] transition-[width] duration-300 ease-in-out",
-          artifactsOpen ? "w-full" : "w-[70%]",
+          artifactsOpen ? "w-full" : "w-[50%]",
         )}
       >
         <div className="relative flex size-full min-h-0 justify-between rounded-t-[20px]">
@@ -372,7 +372,7 @@ export default function ChatPage() {
               artifactPanelOpen
                 ? fullscreen
                   ? "ml-0 w-full"
-                  : "w-[70%]"
+                  : "w-[50%]"
                 : "w-0",
             )}
           >
diff --git a/frontend/src/components/ai-elements/artifact.tsx b/frontend/src/components/ai-elements/artifact.tsx
index 633b4470..387580d1 100644
--- a/frontend/src/components/ai-elements/artifact.tsx
+++ b/frontend/src/components/ai-elements/artifact.tsx
@@ -140,7 +140,7 @@ export const ArtifactContent = ({
   className,
   ...props
 }: ArtifactContentProps) => (
-  <div className="min-h-0 flex-1 overflow-auto">
+  <div className="min-h-0 rounded-[10px] flex-1 overflow-auto">
     <div className={cn("mb-[150px] p-4", className)} {...props} />
   </div>
 );
diff --git a/frontend/src/components/workspace/artifacts/artifact-file-detail.tsx b/frontend/src/components/workspace/artifacts/artifact-file-detail.tsx
index 7eca699e..437ee6ac 100644
--- a/frontend/src/components/workspace/artifacts/artifact-file-detail.tsx
+++ b/frontend/src/components/workspace/artifacts/artifact-file-detail.tsx
@@ -154,7 +154,8 @@ export function ArtifactFileDetail({
     }
   }, [threadId, filepath, isInstalling]);
   return (
-    <Artifact className={cn(className)}>
+    // 给滚动遮挡头部定位relative
+    <Artifact className={cn("relative",className)}>
       <ArtifactHeader>
         <div className="flex items-center justify-start gap-2">
           {previewable && (
@@ -387,7 +388,9 @@ export function ArtifactFileDetail({
           </ArtifactActions>
         </div>
       </ArtifactHeader>
-      <ArtifactContent className="rounded-[10px] bg-white p-0">
+      <ArtifactContent className=" rounded-b-[10px] bg-white p-0">
+        {/* 遮挡多余的滚动顶部 */}
+        <div className="absolute w-[calc(100%-40px)] bg-white z-20 h-5 rounded-t-[10px] top-[57px]"></div>
         {previewable &&
           viewMode === "preview" &&
           (language === "markdown" || language === "html") && (
@@ -399,7 +402,7 @@ export function ArtifactFileDetail({
           )}
         {isCodeFile && viewMode === "code" && (
           <CodeEditor
-            className="size-full resize-none rounded-none border-none"
+            className="size-full py-[20px] resize-none rounded-none border-none"
             value={displayContent ?? ""}
             zoom={zoom}
             readonly
diff --git a/frontend/src/components/workspace/input-box.tsx b/frontend/src/components/workspace/input-box.tsx
index 9309cde7..b3b1a904 100644
--- a/frontend/src/components/workspace/input-box.tsx
+++ b/frontend/src/components/workspace/input-box.tsx
@@ -307,6 +307,7 @@ export function InputBox({
           "border-0 rounded-[20px] backdrop-blur-sm",
           "transition-[height] duration-300 ease-out shadow-none ",
           !isNewThread && "h-[200px] shadow-[0_0_20px_0_rgba(0,0,0,0.10)]",
+          hasSubmitted&& "shadow-[0_0_20px_0_rgba(0,0,0,0.10)]!",
           effectiveIsFocused ? "h-[200px]" : "h-[80px]",
         )}
         disabled={disabled}