init: hermes-web-ui v0.1.0

Hermes Agent Web 管理面板，支持对话交互和定时任务管理。 Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
2026-04-11 15:59:14 +08:00
commit cd58797f4c
41 changed files with 3627 additions and 0 deletions
@@ -0,0 +1,58 @@
+<script setup lang="ts">
+import JobCard from './JobCard.vue'
+import { useJobsStore } from '@/stores/jobs'
+
+const emit = defineEmits<{
+  edit: [jobId: string]
+}>()
+
+const jobsStore = useJobsStore()
+</script>
+
+<template>
+  <div v-if="jobsStore.jobs.length === 0" class="empty-state">
+    <svg width="48" height="48" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" class="empty-icon">
+      <rect x="3" y="4" width="18" height="18" rx="2" ry="2"/>
+      <line x1="16" y1="2" x2="16" y2="6"/>
+      <line x1="8" y1="2" x2="8" y2="6"/>
+      <line x1="3" y1="10" x2="21" y2="10"/>
+    </svg>
+    <p>No scheduled jobs yet. Create one to get started.</p>
+  </div>
+  <div v-else class="jobs-grid">
+    <JobCard
+      v-for="job in jobsStore.jobs"
+      :key="job.id"
+      :job="job"
+      @edit="emit('edit', job.id)"
+    />
+  </div>
+</template>
+
+<style scoped lang="scss">
+@use '@/styles/variables' as *;
+
+.empty-state {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  height: 100%;
+  color: $text-muted;
+  gap: 12px;
+
+  .empty-icon {
+    opacity: 0.3;
+  }
+
+  p {
+    font-size: 14px;
+  }
+}
+
+.jobs-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(360px, 1fr));
+  gap: 14px;
+}
+</style>