chore: bootstrap hermes-ui skeleton from 0.6.29 snapshot

Import the client, server, skills, tests, and build scripts as the starting
point for the rebuild, then trim the surfaces this project does not ship:
Electron desktop packaging, the marketing website, and the ESP32 firmware
tree. CI keeps the web build, e2e, lockfile, release, and Docker workflows.

Rename the package and CLI entry points to hermes-ui, drop the prepare hook so
npm ci no longer triggers a build, and drop the removed tsconfig and nodemon
references. Rewrite AGENTS.md, ARCHITECTURE.md, DEVELOPMENT.md, and the READMEs
so the documented package map and hard rules match this repository.

reference_code/ is ignored: it is a read-only snapshot, not an input to the build.

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

@@ -0,0 +1,132 @@
+<script setup lang="ts">
+import { ref, computed } from 'vue'
+import { NTag, NAlert } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+
+const props = defineProps<{
+  platformKey?: string
+  name: string
+  icon: string
+  config: Record<string, any>
+  credentials?: Record<string, any>
+  exclusive?: boolean
+}>()
+
+const expanded = ref(true)
+const { t } = useI18n()
+
+const configured = computed(() => {
+  const creds = props.credentials
+  if (!creds) return false
+  if (props.platformKey === 'matrix') {
+    const extra = creds.extra || {}
+    const homeserver = String(extra.homeserver || '').trim()
+    const token = String(creds.token || '').trim()
+    const userId = String(extra.user_id || '').trim()
+    const password = String(extra.password || '').trim()
+    return Boolean(homeserver && (token || (userId && password)))
+  }
+  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">
+      <NAlert v-if="exclusive" type="warning" :show-icon="true" class="exclusive-alert">
+        {{ t('platform.exclusiveTokenWarning') }}
+      </NAlert>
+      <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(var(--success-rgb), 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(var(--text-primary-rgb), 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;
+}
+
+.exclusive-alert {
+  margin: 12px 0 4px;
+  font-size: 12px;
+}
+</style>