@octo-cyber/sea-king 0.5.0

package/web/messages/en-US.json

@@ -0,0 +1,113 @@
+{
+  "seaKing": {
+    "moduleName": "Sea King Arena",
+    "dashboard": {
+      "title": "Sea King HQ",
+      "description": "View your social skills data and training progress",
+      "welcomeTitle": "🌊 Welcome to the Sea King Arena",
+      "welcomeSubtitle": "Chat with multiple AI characters simultaneously to train your high-EQ social skills! Remember: a true Sea King never crashes and burns.",
+      "currentRank": "Current Rank",
+      "pointsToNext": "{points} points to next rank",
+      "totalFavor": "Total Favor",
+      "totalSessions": "Sessions",
+      "crisisResolved": "Crises Resolved",
+      "bestStreak": "Best Streak",
+      "skillRadar": "Social Skills Radar",
+      "quickStart": "Quick Start",
+      "startChat": "Start Chatting",
+      "startChatDesc": "Chat with multiple characters at once",
+      "learnPhrases": "Learn Phrases",
+      "learnPhrasesDesc": "Master high-EQ reply templates",
+      "viewRanking": "View Rankings",
+      "viewRankingDesc": "Who's the real Sea King?",
+      "recentSessions": "Recent Sessions",
+      "characters": "chats",
+      "score": "Score"
+    },
+    "chat": {
+      "title": "Multi-Chat Simulator",
+      "description": "Chat with multiple AI characters simultaneously to train your social adaptability",
+      "startDescription": "Choose how many characters to chat with. Are you ready for the challenge?",
+      "selectCharacterCount": "Select number of simultaneous chats",
+      "characterCountHint": "You'll chat with {count} AI characters with different personalities",
+      "matching": "Matching characters...",
+      "startTraining": "Start Challenge",
+      "chatList": "Chat List",
+      "endSession": "End Session",
+      "inputPlaceholder": "Type a message... Be warm but not cringe!",
+      "blocked": "This character has blocked you... Watch what you say next time!",
+      "crisisAlert": "🚨 Crisis Event!",
+      "crisisPlaceholder": "Quick, think of a response...",
+      "respond": "Respond",
+      "sessionComplete": "Session Complete!",
+      "playAgain": "Play Again"
+    },
+    "phrases": {
+      "title": "Phrase Library",
+      "description": "High-EQ reply templates for every social situation",
+      "subtitle": "From low-EQ to high-EQ — one reply can make all the difference",
+      "allScenes": "All",
+      "scenes": {
+        "first_meet": "First Meeting",
+        "daily_care": "Daily Care",
+        "resolve_awkward": "Resolve Awkward",
+        "elegant_reject": "Elegant Rejection",
+        "flirt": "Flirting",
+        "cool_down": "Cool Down",
+        "crisis_response": "Crisis Response",
+        "morning_night": "Good Morning/Night"
+      },
+      "practiceMode": "Practice Mode",
+      "theyAsk": "They say:",
+      "badReply": "Low-EQ Reply",
+      "goodReply": "High-EQ Reply",
+      "reveal": "Show Answer",
+      "hide": "Hide Answer",
+      "thinkFirst": "Think about how you'd reply first, then click 'Show Answer'",
+      "noPhrases": "No phrase templates yet"
+    },
+    "analysis": {
+      "title": "Social Analysis",
+      "description": "Deep analysis of your chat style with a social skills radar chart",
+      "subtitle": "Understand your social skill dimensions and improve your weaknesses",
+      "currentRank": "Current Rank",
+      "nextRank": "Next Rank",
+      "needPoints": "{points} more points needed",
+      "totalPoints": "Rank Points",
+      "socialRadar": "Five-Dimension Social Radar",
+      "excellent": "Excellent",
+      "good": "Good",
+      "average": "Average",
+      "needWork": "Needs Work",
+      "totalSessions": "Total Sessions",
+      "totalFavor": "Total Favor Earned",
+      "crisisResolved": "Crises Resolved",
+      "improvementTips": "Improvement Tips",
+      "tipFor": "Your '{dimension}' score is {score}. Practice more related scenarios to improve.",
+      "noData": "No training data yet. Go chat a few rounds first!"
+    },
+    "leaderboard": {
+      "title": "Sea King Leaderboard",
+      "description": "Total favor score rankings — who's the real king of social charm?",
+      "subtitle": "Season 1 Rankings · Monthly Reset · True Sea Kings never fear comparison",
+      "rankCol": "Rank",
+      "player": "Player",
+      "tier": "Tier",
+      "score": "Score",
+      "maxChats": "Max Chats",
+      "crisisRate": "Crisis Rate",
+      "empty": "No one on the board yet. Be the first Sea King!",
+      "prev": "Previous",
+      "next": "Next"
+    },
+    "ranks": {
+      "bronze": "🥉 Bronze Newbie",
+      "silver": "🥈 Silver Sweetheart",
+      "gold": "🥇 Gold Socialite",
+      "platinum": "💎 Platinum Charmer",
+      "diamond": "💠 Diamond Social Star",
+      "master": "👑 Master Player",
+      "king": "🔱 King of the Sea"
+    }
+  }
+}

package/web/messages/zh-CN.json

@@ -0,0 +1,113 @@
+{
+  "seaKing": {
+    "moduleName": "海王修炼场",
+    "dashboard": {
+      "title": "海王总部",
+      "description": "查看你的社交能力数据和训练进度",
+      "welcomeTitle": "🌊 欢迎来到海王修炼场",
+      "welcomeSubtitle": "同时和多个AI角色聊天，训练你的高情商社交能力！记住，真正的海王从不翻车。",
+      "currentRank": "当前段位",
+      "pointsToNext": "距下一段位还差 {points} 分",
+      "totalFavor": "累计好感度",
+      "totalSessions": "训练场次",
+      "crisisResolved": "化解危机",
+      "bestStreak": "最佳连胜",
+      "skillRadar": "社交能力雷达",
+      "quickStart": "快速开始",
+      "startChat": "开始聊天",
+      "startChatDesc": "同时和多个角色开聊",
+      "learnPhrases": "学习话术",
+      "learnPhrasesDesc": "掌握高情商回复模板",
+      "viewRanking": "查看排行",
+      "viewRankingDesc": "谁才是真正的海王",
+      "recentSessions": "最近训练",
+      "characters": "人对话",
+      "score": "得分"
+    },
+    "chat": {
+      "title": "多线聊天模拟",
+      "description": "同时和多个AI角色聊天，训练你的社交应变能力",
+      "startDescription": "选择同时聊天的人数，准备好接受挑战了吗？",
+      "selectCharacterCount": "选择同时聊天的角色数量",
+      "characterCountHint": "将同时和 {count} 个不同性格的AI角色聊天",
+      "matching": "匹配角色中...",
+      "startTraining": "开始挑战",
+      "chatList": "聊天列表",
+      "endSession": "结束训练",
+      "inputPlaceholder": "输入消息... 记住要有温度又不油腻哦",
+      "blocked": "这个角色已经把你拉黑了... 下次注意说话方式！",
+      "crisisAlert": "🚨 紧急事件！",
+      "crisisPlaceholder": "快想想怎么应对...",
+      "respond": "回应",
+      "sessionComplete": "训练结束！",
+      "playAgain": "再来一局"
+    },
+    "phrases": {
+      "title": "话术宝典",
+      "description": "收集高情商回复模板，让你的每句话都恰到好处",
+      "subtitle": "从低情商到高情商，一个回复的差距可能决定一切",
+      "allScenes": "全部",
+      "scenes": {
+        "first_meet": "初次认识",
+        "daily_care": "日常关心",
+        "resolve_awkward": "化解尴尬",
+        "elegant_reject": "优雅拒绝",
+        "flirt": "调情升温",
+        "cool_down": "降温冷却",
+        "crisis_response": "危机应对",
+        "morning_night": "早安晚安"
+      },
+      "practiceMode": "练习模式",
+      "theyAsk": "对方说：",
+      "badReply": "低情商回复",
+      "goodReply": "高情商回复",
+      "reveal": "显示答案",
+      "hide": "隐藏答案",
+      "thinkFirst": "先想想你会怎么回复？然后点击「显示答案」",
+      "noPhrases": "暂无话术模板"
+    },
+    "analysis": {
+      "title": "社交分析",
+      "description": "深度分析你的聊天风格，给出社交能力雷达图",
+      "subtitle": "了解你的社交能力维度，精准提升短板",
+      "currentRank": "当前段位",
+      "nextRank": "下一段位",
+      "needPoints": "还需 {points} 分",
+      "totalPoints": "段位积分",
+      "socialRadar": "社交能力五维图",
+      "excellent": "优秀",
+      "good": "良好",
+      "average": "一般",
+      "needWork": "需加强",
+      "totalSessions": "总训练场次",
+      "totalFavor": "累计好感度",
+      "crisisResolved": "危机化解数",
+      "improvementTips": "提升建议",
+      "tipFor": "你的「{dimension}」得分为 {score}，建议多练习相关场景来提升",
+      "noData": "还没有训练数据，先去聊几局吧！"
+    },
+    "leaderboard": {
+      "title": "海王排行榜",
+      "description": "好感度总分排行，看看谁才是真正的社交之王",
+      "subtitle": "S1赛季排行 · 每月重置 · 真正的海王从不怕比较",
+      "rankCol": "排名",
+      "player": "玩家",
+      "tier": "段位",
+      "score": "总分",
+      "maxChats": "最多同聊",
+      "crisisRate": "危机成功率",
+      "empty": "还没有人上榜，成为第一个海王吧！",
+      "prev": "上一页",
+      "next": "下一页"
+    },
+    "ranks": {
+      "bronze": "🥉 青铜直男/直女",
+      "silver": "🥈 白银暖男/暖女",
+      "gold": "🥇 黄金交际花",
+      "platinum": "💎 铂金万人迷",
+      "diamond": "💠 钻石社交达人",
+      "master": "👑 大师级海王/海后",
+      "king": "🔱 王者海王/海后"
+    }
+  }
+}

package/web/pages/AnalysisPage.tsx

@@ -0,0 +1,198 @@
+'use client';
+
+import { useState, useEffect } from 'react';
+import { useTranslations } from 'next-intl';
+import { Radar, TrendingUp, Award, Target, Zap } from 'lucide-react';
+import { getAnalysis } from '../services/sea-king-service';
+import type { PlayerAnalysis } from '../types/sea-king';
+
+const RANK_EMOJIS: Record<string, string> = {
+  bronze: '🥉',
+  silver: '🥈',
+  gold: '🥇',
+  platinum: '💎',
+  diamond: '💠',
+  master: '👑',
+  king: '🔱',
+};
+
+const DIMENSION_COLORS: Record<string, string> = {
+  humor: '#f59e0b',
+  empathy: '#ec4899',
+  topic_lead: '#3b82f6',
+  time_manage: '#10b981',
+  crisis_handle: '#ef4444',
+};
+
+export default function AnalysisPage() {
+  const t = useTranslations('seaKing.analysis');
+  const tRanks = useTranslations('seaKing.ranks');
+
+  const [analysis, setAnalysis] = useState<PlayerAnalysis | null>(null);
+  const [loading, setLoading] = useState(true);
+
+  useEffect(() => {
+    getAnalysis()
+      .then(setAnalysis)
+      .catch(() => {})
+      .finally(() => setLoading(false));
+  }, []);
+
+  if (loading) {
+    return (
+      <div className="flex items-center justify-center min-h-[400px]">
+        <div className="animate-spin rounded-full h-8 w-8 border-b-2 border-purple-500" />
+      </div>
+    );
+  }
+
+  if (!analysis) {
+    return (
+      <div className="text-center py-20 text-gray-400">
+        <span className="text-6xl">📊</span>
+        <p className="mt-4 text-lg">{t('noData')}</p>
+      </div>
+    );
+  }
+
+  const { profile, rankInfo, radarData } = analysis;
+
+  return (
+    <div className="space-y-6 p-6">
+      {/* Header */}
+      <div className="bg-gradient-to-r from-purple-600 via-violet-600 to-indigo-600 rounded-2xl p-8 text-white relative overflow-hidden">
+        <div className="absolute top-0 right-0 opacity-10 text-[180px] leading-none select-none">
+          📊
+        </div>
+        <div className="relative z-10">
+          <div className="flex items-center gap-3 mb-2">
+            <Radar className="h-8 w-8" />
+            <h1 className="text-3xl font-bold">{t('title')}</h1>
+          </div>
+          <p className="text-purple-200 text-lg mt-2">{t('subtitle')}</p>
+        </div>
+      </div>
+
+      {/* Rank Card */}
+      <div className="bg-white rounded-xl border p-6">
+        <div className="flex items-center gap-6">
+          <div className="text-7xl">{rankInfo.emoji}</div>
+          <div className="flex-1">
+            <div className="text-sm text-gray-400">{t('currentRank')}</div>
+            <div className="text-2xl font-bold">{rankInfo.label}</div>
+            {rankInfo.nextRank && (
+              <div className="mt-2">
+                <div className="flex items-center justify-between text-sm mb-1">
+                  <span className="text-gray-500">
+                    {t('nextRank')}: {rankInfo.nextRank}
+                  </span>
+                  <span className="text-purple-600 font-medium">
+                    {t('needPoints', { points: rankInfo.pointsToNext })}
+                  </span>
+                </div>
+                <div className="h-2 bg-gray-100 rounded-full overflow-hidden">
+                  <div
+                    className="h-full bg-gradient-to-r from-purple-500 to-indigo-500 rounded-full transition-all duration-500"
+                    style={{
+                      width: `${Math.min(100, (profile.rankPoints / (profile.rankPoints + rankInfo.pointsToNext)) * 100)}%`,
+                    }}
+                  />
+                </div>
+              </div>
+            )}
+          </div>
+          <div className="text-right">
+            <div className="text-4xl font-bold text-purple-600">{profile.rankPoints}</div>
+            <div className="text-sm text-gray-400">{t('totalPoints')}</div>
+          </div>
+        </div>
+      </div>
+
+      {/* Radar Chart (CSS-based) */}
+      <div className="bg-white rounded-xl border p-6">
+        <h2 className="text-lg font-semibold mb-6 flex items-center gap-2">
+          <Target className="h-5 w-5 text-purple-500" />
+          {t('socialRadar')}
+        </h2>
+        <div className="grid grid-cols-1 md:grid-cols-5 gap-6">
+          {radarData.map((d) => {
+            const color = DIMENSION_COLORS[d.dimension] ?? '#6b7280';
+            const level =
+              d.score >= 80 ? t('excellent') : d.score >= 60 ? t('good') : d.score >= 40 ? t('average') : t('needWork');
+
+            return (
+              <div key={d.dimension} className="text-center">
+                {/* Circular Progress */}
+                <div className="relative w-24 h-24 mx-auto mb-3">
+                  <svg viewBox="0 0 36 36" className="w-24 h-24 transform -rotate-90">
+                    <path
+                      d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
+                      fill="none"
+                      stroke="#f3f4f6"
+                      strokeWidth="3"
+                    />
+                    <path
+                      d="M18 2.0845 a 15.9155 15.9155 0 0 1 0 31.831 a 15.9155 15.9155 0 0 1 0 -31.831"
+                      fill="none"
+                      stroke={color}
+                      strokeWidth="3"
+                      strokeDasharray={`${d.score}, 100`}
+                      strokeLinecap="round"
+                    />
+                  </svg>
+                  <span className="absolute inset-0 flex items-center justify-center text-xl font-bold">
+                    {d.score}
+                  </span>
+                </div>
+                <div className="font-medium text-sm">{d.label}</div>
+                <div className="text-xs text-gray-400 mt-1">{level}</div>
+              </div>
+            );
+          })}
+        </div>
+      </div>
+
+      {/* Stats Grid */}
+      <div className="grid grid-cols-1 md:grid-cols-3 gap-4">
+        <div className="bg-gradient-to-br from-pink-50 to-rose-50 rounded-xl border border-pink-200 p-5">
+          <div className="flex items-center gap-2 mb-2">
+            <Award className="h-5 w-5 text-pink-500" />
+            <span className="text-sm text-gray-600">{t('totalSessions')}</span>
+          </div>
+          <div className="text-3xl font-bold text-pink-600">{profile.totalSessions}</div>
+        </div>
+        <div className="bg-gradient-to-br from-green-50 to-emerald-50 rounded-xl border border-green-200 p-5">
+          <div className="flex items-center gap-2 mb-2">
+            <TrendingUp className="h-5 w-5 text-green-500" />
+            <span className="text-sm text-gray-600">{t('totalFavor')}</span>
+          </div>
+          <div className="text-3xl font-bold text-green-600">{profile.totalFavorGained}</div>
+        </div>
+        <div className="bg-gradient-to-br from-blue-50 to-indigo-50 rounded-xl border border-blue-200 p-5">
+          <div className="flex items-center gap-2 mb-2">
+            <Zap className="h-5 w-5 text-blue-500" />
+            <span className="text-sm text-gray-600">{t('crisisResolved')}</span>
+          </div>
+          <div className="text-3xl font-bold text-blue-600">{profile.crisisResolved}</div>
+        </div>
+      </div>
+
+      {/* Tips */}
+      <div className="bg-amber-50 rounded-xl border border-amber-200 p-6">
+        <h3 className="font-semibold text-amber-800 mb-3 flex items-center gap-2">
+          💡 {t('improvementTips')}
+        </h3>
+        <div className="space-y-2 text-sm text-amber-700">
+          {radarData
+            .sort((a, b) => a.score - b.score)
+            .slice(0, 2)
+            .map((d) => (
+              <p key={d.dimension}>
+                {t('tipFor', { dimension: d.label, score: d.score })}
+              </p>
+            ))}
+        </div>
+      </div>
+    </div>
+  );
+}