📝Add clickable link to agent space after agent install

📝Add clickable link to agent space after agent install

Author: WMC001

frontend/app/[locale]/market/page.tsx

@@ -1,6 +1,7 @@
 "use client";
 
 import React, { useState, useEffect, useRef } from "react";
+import { useRouter } from "next/navigation";
 import { motion } from "framer-motion";
 import { useTranslation } from "react-i18next";
 import { ShoppingBag, Search, RefreshCw, ChevronLeft, ChevronRight } from "lucide-react";
@@ -27,6 +28,7 @@ import "./MarketContent.css";
  * Browse and download pre-built agents from the marketplace
  */
 export default function MarketContent() {
+  const router = useRouter();
   const { t, i18n } = useTranslation("common");
   const { message } = App.useApp();
   const isZh = i18n.language === "zh" || i18n.language === "zh-CN";
@@ -250,15 +252,28 @@ export default function MarketContent() {
   };
 
   /**
-   * Handle install complete
+   * Handle install complete - Shows success message with navigation to agent space
    */
   const handleInstallComplete = () => {
     setInstallModalVisible(false);
     setInstallAgent(null);
-    // Optionally reload agents or show success message
-    message.success(
-      t("market.install.success", "Agent installed successfully!")
-    );
+    
+    // Show success message with clickable link to agent space
+    message.success({
+      content: (
+        <span>
+          {t("market.install.success.viewSpace.prefix")}
+          <button
+            onClick={() => router.push("/space")}
+            className="text-blue-600 dark:text-blue-400 font-bold hover:text-blue-700 dark:hover:text-blue-300 cursor-pointer transition-colors"
+          >
+            {t("market.install.success.viewSpace.link")}
+          </button>
+          {t("market.install.success.viewSpace.suffix")}
+        </span>
+      ),
+      duration: 4,
+    });
   };
 
   /**

frontend/public/locales/en/common.json

@@ -1545,6 +1545,9 @@
   "market.install.success.nameRegeneratedAndResolved": "Agent names regenerated successfully and all conflicts resolved",
   "market.install.info.notImplemented": "Installation will be implemented in next phase",
   "market.install.success": "Agent installed successfully!",
+  "market.install.success.viewSpace.prefix": "Agent installed successfully. You can ",
+  "market.install.success.viewSpace.link": "Go to Agent Space",
+  "market.install.success.viewSpace.suffix": " to view and use it.",
   "market.install.warning.title": "Agent May Be Unusable",
   "market.install.warning.description": "The following issues may make the Agent unusable:",
   "market.install.warning.nameConflict": "Unresolved name conflicts exist",

frontend/public/locales/zh/common.json

@@ -1523,6 +1523,9 @@
   "market.install.success.nameRegeneratedAndResolved": "智能体名称重新生成成功，且所有冲突已解决",
   "market.install.info.notImplemented": "安装功能将在下一阶段实现",
   "market.install.success": "智能体安装成功！",
+  "market.install.success.viewSpace.prefix": "智能体安装成功，您可",
+  "market.install.success.viewSpace.link": "前往智能体空间",
+  "market.install.success.viewSpace.suffix": "查看与使用",
   "market.install.warning.title": "智能体可能不可用",
   "market.install.warning.description": "以下问题可能导致智能体不可用：",
   "market.install.warning.nameConflict": "存在未解决的名称冲突",