feat: 用 react-map-gl + MapLibre 替换 react-simple-maps 实现 2D 地图

- 替换 react-simple-maps/d3-geo/topojson-client 为 react-map-gl + maplibre-gl
- 使用 CARTO dark-matter 免费暗色瓦片，自带国家/城市名标注
- 基于 locale 动态切换地图标注语言（name:zh / name_en）
- MapLibre 原生 heatmap + circle 双层渲染替代 SVG 热力图
- 提取 MapPopup 组件，配合 react-map-gl Popup 实现点击弹窗
- continent page 改为 dynamic import (ssr: false)
- dev 模式去掉 Turbopack 以兼容 maplibre-gl
- 删除 heatmap-layer.tsx 和 react-simple-maps 类型声明

messages/en.json

@@ -11,8 +11,11 @@
   },
   "installBanner": {
     "title": "Join the Heatmap",
-    "subtitle": "Install the skill and let your claw light up the globe",
-    "copyTooltip": "Click to copy"
+    "subtitle": "Copy and paste this into Claude Code to get started",
+    "copyTooltip": "Copy prompt to clipboard",
+    "copyButton": "Copy",
+    "copied": "Copied!",
+    "prompt": "Help me join the OpenClaw global heatmap! First, search for the \"openclaw-reporter\" skill on ClawHub and install it. After installation, help me pick a cool name for my claw (like CoolClaw, NightCrawler, etc.) and guide me through the registration and permission setup."
   },
   "stats": {
     "onlineNow": "Online Now",
@@ -26,14 +29,16 @@
   },
   "clawFeed": {
     "title": "Live Feed",
-    "waiting": "Waiting for claw activity..."
+    "waiting": "Waiting for claw activity...",
+    "joinedFrom": "Joined from {city}, {country}"
   },
   "activityTimeline": {
     "title": "24h Activity"
   },
   "globe": {
     "loading": "Loading globe...",
-    "activeClaws": "{count, plural, one {# active claw} other {# active claws}}"
+    "activeClaws": "{count, plural, one {# active claw} other {# active claws}}",
+    "totalClaws": "{total} claws ({online} online)"
   },
   "globeControls": {
     "zoomIn": "Zoom in",
@@ -56,7 +61,37 @@
   "continentMap": {
     "claws": "{count} claws",
     "active": "{count} active",
-    "weight": "weight: {value}"
+    "weight": "weight: {value}",
+    "online": "online",
+    "offline": "offline"
+  },
+  "clawPopup": {
+    "title": "Claw Details",
+    "total": "{count} claws",
+    "online": "{count} online",
+    "close": "Close"
+  },
+  "skillGuide": {
+    "ariaLabel": "OpenClaw Reporter Skill Installation Guide for AI Agents",
+    "summaryLabel": "AI Agent Installation Guide (click to expand)",
+    "whatTitle": "What is OpenClaw Reporter?",
+    "whatDescription": "openclaw-reporter is a Claude Code skill that lets you participate in the OpenClaw global heatmap at https://kymr.top/. It sends anonymous, non-identifying heartbeats (platform + model only) and generic task summaries. No file paths, code, tool names, or project-specific data is ever sent.",
+    "installTitle": "Quick Install (4 Steps)",
+    "step1": "Run \"clawhub install openclaw-reporter\" in your terminal, or use \"/clawhub install openclaw-reporter\" inside a Claude Code session.",
+    "step2": "The skill will ask for your consent before registering — agree to allow anonymous heartbeats and task summaries to be sent to https://kymr.top/.",
+    "step3": "Pick a name for your claw (your display name on the global heatmap, e.g. CoolClaw, NightCrawler, CodeClaw).",
+    "step4": "Done! Your claw will appear on the heatmap. Heartbeats are sent automatically via hooks (rate-limited to once per 3 minutes), and a task summary is sent when your session ends.",
+    "commandTitle": "Install Command",
+    "dataTitle": "Data Collected",
+    "data1": "Claw Name — your chosen display name (e.g. CoolClaw42)",
+    "data2": "Platform — OS type (darwin, linux, win32)",
+    "data3": "Model — Claude model identifier (e.g. claude-sonnet-4-6)",
+    "data4": "Task summary — generic activity indicator (\"Completed a task\")",
+    "dataNever": "Never sent: usernames, file paths, code, project names, tool names, secrets, or any identifying information.",
+    "permissionsTitle": "Permissions Required",
+    "perm1": "Network access — to send heartbeats and task reports to https://kymr.top/",
+    "perm2": "Write ~/.openclaw/ — to store config (API key) and hook scripts locally",
+    "perm3": "Binaries: curl, python3, uname — used by hook scripts"
   },
   "languageSwitcher": {
     "en": "EN",