refactor: restructure project for multi-agent extensibility

- Migrate source to packages/client and packages/server directories
- Namespace all Hermes-specific code under hermes/ subdirectories
  (api/hermes/, components/hermes/, views/hermes/, stores/hermes/)
- Add hermes.* route names and /hermes/* path prefixes
- Upgrade @koa/router to v15, adapt path-to-regexp v8 syntax
- Fix proxy path rewriting: /api/hermes/v1/* → /v1/*, /api/hermes/* → /api/*
- Fix frontend API paths to match backend /api/hermes/* routes
- Fix WebSocket terminal path to /api/hermes/terminal
- Add proxyMiddleware for reliable unmatched route proxying
- Add profiles route module and hermes-cli profile commands
- Update CLAUDE.md development guide with new architecture
- Add Chinese README (README_zh.md)
- Add Web Terminal feature to README

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

packages/client/src/components/hermes/settings/PlatformCard.vue

@@ -0,0 +1,114 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { NTag } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+
+const props = defineProps<{
+  name: string
+  icon: string
+  config: Record<string, any>
+  credentials?: Record<string, any>
+}>()
+
+const expanded = ref(true)
+const { t } = useI18n()
+
+const configured = computed(() => {
+  const creds = props.credentials
+  if (!creds) return false
+  const keys = ['token', 'api_key', 'app_id', 'client_id', 'secret', 'app_secret', 'client_secret', 'access_token', 'bot_id', 'account_id', 'enabled']
+  // Check top-level and nested extra.*
+  const targets = [creds, creds.extra].filter(Boolean)
+  return targets.some(obj =>
+    keys.some(key => {
+      const val = (obj as Record<string, any>)[key]
+      return val !== undefined && val !== null && val !== '' && val !== false
+    })
+  )
+})
+</script>
+
+<template>
+  <div class="platform-card" :class="{ configured }">
+    <div class="platform-card-header" @click="expanded = !expanded">
+      <div class="platform-info">
+        <span class="platform-icon" v-html="icon" />
+        <span class="platform-name">{{ name }}</span>
+        <NTag :type="configured ? 'success' : 'default'" size="small" round>
+          {{ configured ? t('common.configured') : t('common.notConfigured') }}
+        </NTag>
+      </div>
+      <span class="expand-icon" :class="{ expanded }">&#9662;</span>
+    </div>
+    <div v-if="expanded" class="platform-card-body">
+      <slot />
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/styles/variables' as *;
+
+.platform-card {
+  background-color: $bg-card;
+  border: 1px solid $border-color;
+  border-radius: $radius-md;
+  margin-bottom: 12px;
+  overflow: hidden;
+
+  &.configured {
+    border-color: rgba($success, 0.2);
+  }
+}
+
+.platform-card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 12px 16px;
+  cursor: pointer;
+  user-select: none;
+
+  &:hover {
+    background-color: rgba($text-primary, 0.03);
+  }
+}
+
+.platform-info {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+}
+
+.platform-icon {
+  width: 18px;
+  height: 18px;
+  color: $text-secondary;
+  flex-shrink: 0;
+}
+
+.platform-name {
+  font-size: 14px;
+  font-weight: 500;
+  color: $text-primary;
+}
+
+.expand-icon {
+  font-size: 12px;
+  color: $text-muted;
+  transition: transform 0.2s;
+
+  &.expanded {
+    transform: rotate(0deg);
+  }
+
+  &:not(.expanded) {
+    transform: rotate(-90deg);
+  }
+}
+
+.platform-card-body {
+  padding: 0 16px 12px;
+  border-top: 1px solid $border-light;
+}
+</style>