feat: 新增 Agent OS 管理与运行时能力

src/components/project/ShareButtons.tsx

@@ -1,13 +1,17 @@
 'use client'
 
+import { useTranslations } from 'next-intl'
+
 interface ShareButtonsProps {
   displayName: string
 }
 
 export function ShareButtons({ displayName }: ShareButtonsProps) {
+  const t = useTranslations('project')
+
   const handleShare = () => {
     const url = encodeURIComponent(window.location.href)
-    const text = encodeURIComponent(`Check out ${displayName} on Agent Park`)
+    const text = encodeURIComponent(t('shareTweetText', { name: displayName }))
     window.open(`https://twitter.com/intent/tweet?url=${url}&text=${text}`, '_blank')
   }
 
@@ -20,7 +24,7 @@ export function ShareButtons({ displayName }: ShareButtonsProps) {
       <div className="flex gap-4">
         <button
           className="p-2 border border-black dark:border-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
-          title="Share on X"
+          title={t('shareOnX')}
           onClick={handleShare}
           id="share-button"
           name="share"
@@ -29,7 +33,7 @@ export function ShareButtons({ displayName }: ShareButtonsProps) {
         </button>
         <button
           className="p-2 border border-black dark:border-gray-400 hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors"
-          title="Copy Link"
+          title={t('copyLink')}
           onClick={handleCopyLink}
           id="copy-link-button"
           name="copyLink"
@@ -38,13 +42,13 @@ export function ShareButtons({ displayName }: ShareButtonsProps) {
         </button>
       </div>
       <div className="flex items-center gap-2">
-        <span className="text-sm font-display font-bold text-gray-500">DID THIS AGENT HELP YOU?</span>
+        <span className="text-sm font-display font-bold text-gray-500">{t('feedbackQuestion')}</span>
         <button
           className="px-4 py-2 bg-primary text-black font-display font-bold text-xs uppercase border border-black hover:bg-yellow-400 transition-colors shadow-[2px_2px_0px_0px_rgba(0,0,0,1)] active:shadow-none active:translate-x-[2px] active:translate-y-[2px]"
           id="feedback-button"
           name="feedback"
         >
-          Yes, it rocks
+          {t('feedbackYes')}
         </button>
       </div>
     </div>