From 2469024a76d456c16cfebb4805fcf00207887af9 Mon Sep 17 00:00:00 2001
From: Your Name <your.email@example.com>
Date: Sun, 22 Feb 2026 15:37:58 +0800
Subject: [PATCH] chore(ui): sync latest manual frontend updates

---
 components/angle-edit-dialog.tsx | 16 ++++++++--------
 components/image-annotator.tsx   |  2 +-
 components/ui/tooltip.tsx        | 20 +++++++++++---------
 3 files changed, 20 insertions(+), 18 deletions(-)

diff --git a/components/angle-edit-dialog.tsx b/components/angle-edit-dialog.tsx
index e8c660ac8..838f36f59 100644
--- a/components/angle-edit-dialog.tsx
+++ b/components/angle-edit-dialog.tsx
@@ -188,7 +188,7 @@ export function AngleEditDialog({
   return (
     <Dialog open={open} onOpenChange={handleOpenChange}>
       <DialogContent 
-        className="max-w-4xl p-0 gap-0 overflow-hidden border-none shadow-2xl bg-background/90 backdrop-blur-xl"
+        className="max-w-4xl p-0 gap-0 overflow-hidden border border-border/40 shadow-2xl bg-background/95 backdrop-blur-xl sm:rounded-[20px]"
         onPointerDownCapture={stopDialogEventCapture}
         onPointerMoveCapture={stopDialogEventCapture}
         onPointerUpCapture={stopDialogEventCapture}
@@ -214,18 +214,18 @@ export function AngleEditDialog({
         }}
       >
         {/* 紧凑标题栏 */}
-        <div className="flex items-center justify-between px-4 py-3 border-b bg-muted/20">
-          <div className="flex items-center gap-2">
-            <div className="p-1.5 bg-primary/10 rounded-md">
+        <div className="flex items-center justify-between px-6 py-4 border-b border-border/10">
+          <div className="flex items-center gap-3">
+            <div className="p-2 bg-primary/10 rounded-lg">
               <Move3D className="h-4 w-4 text-primary" />
             </div>
-            <span className="font-semibold text-sm">3D 视角编辑器</span>
+            <span className="font-semibold text-base">3D 视角编辑器</span>
           </div>
         </div>
 
-        <div className="flex h-[500px]">
-          {/* 左侧：3D 控制区 (固定宽度 320px) */}
-          <div className="w-[320px] flex flex-col border-r bg-muted/10">
+        <div className="flex h-[550px]">
+          {/* 左侧：3D 控制区 (固定宽度 340px) */}
+          <div className="w-[340px] flex flex-col border-r border-border/10 bg-muted/5">
             {/* 上部内容区域 - 可伸缩 */}
             <div className="flex-1 flex flex-col p-4 overflow-hidden">
               {/* QwenCameraWidget - 包含 Canvas 和 3个角度选择器 */}
diff --git a/components/image-annotator.tsx b/components/image-annotator.tsx
index 1f56181b5..f86215347 100644
--- a/components/image-annotator.tsx
+++ b/components/image-annotator.tsx
@@ -1414,7 +1414,7 @@ export function ImageAnnotator({
         {/* Top Header - Minimal */}
         <div className="absolute left-0 right-0 top-0 z-50 flex h-14 items-center justify-start px-6 bg-gradient-to-b from-black/20 to-transparent pointer-events-none">
           <div className="pointer-events-auto flex items-center gap-3 rounded-full bg-background/95 backdrop-blur-md px-4 py-1.5 border border-border/50 shadow-sm">
-            <span className="font-semibold text-sm">Image Editor</span>
+            <span className="font-semibold text-sm">图片编辑</span>
             <div className="h-4 w-[1px] bg-border" />
             <span className="text-xs text-muted-foreground">
               {isResizeMode ? "调整尺寸" : "图片标注与处理"}
diff --git a/components/ui/tooltip.tsx b/components/ui/tooltip.tsx
index a207f23d4..de4dadd8c 100644
--- a/components/ui/tooltip.tsx
+++ b/components/ui/tooltip.tsx
@@ -15,15 +15,17 @@ const TooltipContent = React.forwardRef<
   React.ElementRef<typeof TooltipPrimitive.Content>,
   React.ComponentPropsWithoutRef<typeof TooltipPrimitive.Content>
 >(({ className, sideOffset = 4, ...props }, ref) => (
-  <TooltipPrimitive.Content
-    ref={ref}
-    sideOffset={sideOffset}
-    className={cn(
-      "z-50 overflow-hidden rounded-md border bg-popover/90 px-3 py-1.5 text-sm text-popover-foreground shadow-md backdrop-blur-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
-      className
-    )}
-    {...props}
-  />
+  <TooltipPrimitive.Portal>
+    <TooltipPrimitive.Content
+      ref={ref}
+      sideOffset={sideOffset}
+      className={cn(
+        "z-[10000] overflow-hidden rounded-md border bg-popover/90 px-3 py-1.5 text-sm text-popover-foreground shadow-md backdrop-blur-md animate-in fade-in-0 zoom-in-95 data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 origin-[--radix-tooltip-content-transform-origin]",
+        className
+      )}
+      {...props}
+    />
+  </TooltipPrimitive.Portal>
 ))
 TooltipContent.displayName = TooltipPrimitive.Content.displayName