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/models/ProviderCard.vue

@@ -0,0 +1,145 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { NButton, useMessage, useDialog } from 'naive-ui'
+import type { AvailableModelGroup } from '@/api/hermes/system'
+import { useModelsStore } from '@/stores/hermes/models'
+import { useI18n } from 'vue-i18n'
+
+const props = defineProps<{ provider: AvailableModelGroup }>()
+
+const { t } = useI18n()
+const modelsStore = useModelsStore()
+const message = useMessage()
+const dialog = useDialog()
+
+const isCustom = computed(() => props.provider.provider.startsWith('custom:'))
+const displayName = computed(() => props.provider.label)
+
+async function handleDelete() {
+  dialog.warning({
+    title: t('models.deleteProvider'),
+    content: t('models.deleteConfirm', { name: displayName.value }),
+    positiveText: t('common.delete'),
+    negativeText: t('common.cancel'),
+    onPositiveClick: async () => {
+      try {
+        await modelsStore.removeProvider(props.provider.provider)
+        message.success(t('models.providerDeleted'))
+      } catch (e: any) {
+        message.error(e.message)
+      }
+    },
+  })
+}
+</script>
+
+<template>
+  <div class="provider-card">
+    <div class="card-header">
+      <h3 class="provider-name">{{ displayName }}</h3>
+      <span class="type-badge" :class="isCustom ? 'custom' : 'builtin'">
+        {{ isCustom ? t('models.customType') : t('models.builtIn') }}
+      </span>
+    </div>
+
+    <div class="card-body">
+      <div class="info-row">
+        <span class="info-label">{{ t('models.provider') }}</span>
+        <code class="info-value mono">{{ provider.provider }}</code>
+      </div>
+      <div class="info-row">
+        <span class="info-label">{{ t('models.baseUrl') }}</span>
+        <code class="info-value mono">{{ provider.base_url }}</code>
+      </div>
+    </div>
+
+    <div class="card-actions">
+      <NButton size="tiny" quaternary type="error" @click="handleDelete">{{ t('common.delete') }}</NButton>
+    </div>
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/styles/variables' as *;
+
+.provider-card {
+  background-color: $bg-card;
+  border: 1px solid $border-color;
+  border-radius: $radius-md;
+  padding: 16px;
+  transition: border-color $transition-fast;
+
+  &:hover {
+    border-color: rgba($accent-primary, 0.3);
+  }
+}
+
+.card-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-bottom: 12px;
+}
+
+.provider-name {
+  font-size: 15px;
+  font-weight: 600;
+  color: $text-primary;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  max-width: 70%;
+}
+
+.type-badge {
+  font-size: 11px;
+  padding: 2px 8px;
+  border-radius: 10px;
+  font-weight: 500;
+
+  &.builtin {
+    background: rgba($accent-primary, 0.12);
+    color: $accent-primary;
+  }
+
+  &.custom {
+    background: rgba($success, 0.12);
+    color: $success;
+  }
+}
+
+.card-body {
+  display: flex;
+  flex-direction: column;
+  gap: 6px;
+  margin-bottom: 14px;
+}
+
+.info-row {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.info-label {
+  font-size: 12px;
+  color: $text-muted;
+}
+
+.info-value {
+  font-size: 12px;
+  color: $text-secondary;
+}
+
+.mono {
+  font-family: $font-code;
+  font-size: 12px;
+}
+
+.card-actions {
+  display: flex;
+  gap: 8px;
+  border-top: 1px solid $border-light;
+  padding-top: 10px;
+}
+</style>