feat: enhance user profile with detailed tags and asset evaluation

Optimize user detail page for asset assessment and tag info.

#VERCEL_SKIP

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>

components/data-integration/api-documentation.tsx

@@ -33,6 +33,14 @@ interface ApiEndpoint {
   authentication: "API Key" | "OAuth 2.0" | "None"
 }
 
+function openInNewTab(url: string) {
+  try {
+    window.open(url, "_blank", "noopener,noreferrer")
+  } catch (e) {
+    console.error(e)
+  }
+}
+
 export function ApiDocumentation() {
   const { toast } = useToast()
   const [activeTab, setActiveTab] = useState("user-data")
@@ -616,15 +624,19 @@ export function ApiDocumentation() {
           </div>
 
           <div className="flex justify-between items-center mt-4">
-            <Button variant="outline" className="gap-2">
+            <Button
+              variant="outline"
+              className="gap-2 bg-transparent"
+              onClick={() => openInNewTab("/api/openapi?download=1")}
+            >
               <FileJson className="h-4 w-4" />
               下载OpenAPI规范
             </Button>
-            <Button variant="outline" className="gap-2">
+            <Button variant="outline" className="gap-2 bg-transparent" onClick={() => openInNewTab("/api/openapi")}>
               <Code className="h-4 w-4" />
               下载SDK
             </Button>
-            <Button className="gap-2">
+            <Button className="gap-2" onClick={() => openInNewTab("/api/ingest")}>
               <Play className="h-4 w-4" />
               API测试工具
             </Button>