feat(agent-tars-web-ui): enhance go to task history

Author: ulivz

multimodal/agent-tars-web-ui/src/v2/components/Welcome/WelcomePage.tsx

@@ -8,7 +8,7 @@ import {
   FiMonitor,
   FiFile,
   FiZap,
-  FiMessageSquare,
+  FiArrowUpRight,
 } from 'react-icons/fi';
 import { useSession } from '../../hooks/useSession';
 
@@ -245,23 +245,28 @@ const WelcomePage: React.FC = () => {
               className="flex justify-end mt-2 mr-1"
             >
               <motion.button
-                whileHover={{ scale: 1.05 }}
-                whileTap={{ scale: 0.95 }}
+                whileHover={{ scale: 1.01 }}
+                whileTap={{ scale: 0.98 }}
                 onClick={handleDirectChat}
                 disabled={isLoading || isDirectChatLoading}
-                className={`flex items-center gap-1 px-3 py-1.5 rounded-3xl text-sm text-gray-700 dark:text-gray-200 bg-white dark:bg-gray-800 border border-gray-200/70 dark:border-gray-700/30 shadow-sm hover:shadow transition-all duration-200 ${
-                  isLoading || isDirectChatLoading ? 'opacity-60 cursor-not-allowed' : ''
+                className={`flex items-center gap-1.5 py-1 text-sm text-gray-500 dark:text-gray-400 relative group transition-colors duration-300 ${
+                  isLoading || isDirectChatLoading
+                    ? 'opacity-60 cursor-not-allowed'
+                    : 'cursor-pointer group-hover:text-gray-900 dark:group-hover:text-gray-100'
                 }`}
                 type="button"
               >
+                <span className="group-hover:text-gray-900 dark:group-hover:text-gray-100 transition-colors duration-300">
+                  Go to task history
+                </span>
                 {isDirectChatLoading ? (
                   <motion.div
                     animate={{ rotate: 360 }}
                     transition={{ duration: 1, repeat: Infinity, ease: 'linear' }}
                     className="w-4 h-4"
                   >
                     <svg
-                      className="w-4 h-4 text-accent-500"
+                      className="w-4 h-4 text-gray-500 dark:text-gray-400"
                       viewBox="0 0 24 24"
                       fill="none"
                       xmlns="http://www.w3.org/2000/svg"
@@ -276,9 +281,13 @@ const WelcomePage: React.FC = () => {
                     </svg>
                   </motion.div>
                 ) : (
-                  <FiMessageSquare className="text-accent-500" size={14} />
+                  <FiArrowUpRight
+                    className="text-gray-500 dark:text-gray-400 group-hover:text-gray-900 dark:group-hover:text-gray-100 transition-colors duration-300"
+                    size={14}
+                  />
                 )}
-                <span>Go to task history</span>
+                {/* 添加下划线动画效果 - 黑白风格 */}
+                <span className="absolute bottom-0 left-0 w-0 h-[1px] bg-gray-500 dark:bg-gray-400 group-hover:w-full group-hover:bg-gray-900 dark:group-hover:bg-gray-100 transition-all duration-300"></span>
               </motion.button>
             </motion.div>