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.
2026-10-16 10:34:35 +08:00
commit 1e9ea89d86
912 changed files with 287328 additions and 0 deletions
@@ -0,0 +1,125 @@
+<script setup lang="ts">
+import { computed, ref, watch, h } from 'vue'
+import { NTree } from 'naive-ui'
+import { useI18n } from 'vue-i18n'
+import { useFilesStore } from '@/stores/hermes/files'
+import type { TreeOption } from 'naive-ui'
+
+const { t } = useI18n()
+const filesStore = useFilesStore()
+const props = defineProps<{
+  profile?: string | null
+  workspaceKey?: string | null
+}>()
+
+const effectiveProfile = computed(() => props.profile === undefined ? filesStore.currentProfile : props.profile)
+
+const treeData = ref<TreeOption[]>([])
+const selectedKeys = ref<string[]>([])
+const treeInstanceKey = ref(0)
+let rootLoadSeq = 0
+
+async function loadChildren(path: string): Promise<TreeOption[]> {
+  try {
+    const result = filesStore.currentWorkspaceSessionId
+      ? await filesStore.listEntries(path)
+      : await filesStore.fetchDirectory(path, { profile: effectiveProfile.value })
+    return result.entries
+      .filter(e => e.isDir)
+      .sort((a, b) => a.name.localeCompare(b.name))
+      .map(e => ({
+        key: e.path,
+        label: e.name,
+        isLeaf: false,
+      }))
+  } catch {
+    return []
+  }
+}
+
+async function handleLoad(node: TreeOption): Promise<void> {
+  const seq = rootLoadSeq
+  const children = await loadChildren(node.key as string)
+  if (seq === rootLoadSeq) node.children = children
+}
+
+function handleSelect(keys: string[]) {
+  if (keys.length > 0) {
+    selectedKeys.value = keys
+    filesStore.navigateTo(keys[0], { profile: effectiveProfile.value })
+  }
+}
+
+function handleRootClick() {
+  selectedKeys.value = []
+  filesStore.navigateTo('', { profile: effectiveProfile.value })
+}
+
+function renderLabel({ option }: { option: TreeOption }) {
+  const label = String(option.label || '')
+  return h('span', { class: 'tree-node-label', title: label }, label)
+}
+
+watch([effectiveProfile, () => filesStore.currentWorkspaceSessionId, () => props.workspaceKey], async () => {
+  const seq = ++rootLoadSeq
+  selectedKeys.value = []
+  treeInstanceKey.value += 1
+  const nextTreeData = await loadChildren('')
+  if (seq === rootLoadSeq) treeData.value = nextTreeData
+}, { immediate: true })
+</script>
+
+<template>
+  <div class="file-tree">
+    <div class="tree-header" @click="handleRootClick">
+      <svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
+        <path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z" />
+        <polyline points="9 22 9 12 15 12 15 22" />
+      </svg>
+      <span>{{ t('files.breadcrumbRoot') }}</span>
+    </div>
+    <NTree
+      :key="treeInstanceKey"
+      :data="treeData"
+      :selected-keys="selectedKeys"
+      :on-load="handleLoad"
+      :render-label="renderLabel"
+      expand-on-click
+      block-line
+      @update:selected-keys="handleSelect"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/styles/variables' as *;
+
+.file-tree {
+  padding: 8px;
+}
+
+.tree-header {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  padding: 8px 12px;
+  cursor: pointer;
+  border-radius: $radius-sm;
+  font-size: 13px;
+  font-weight: 500;
+  color: $text-primary;
+
+  &:hover {
+    background-color: rgba(var(--accent-primary-rgb), 0.06);
+  }
+}
+
+:deep(.tree-node-label) {
+  display: inline-block;
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  vertical-align: bottom;
+}
+</style>