Tori: AI agent workflow manager - initial implementation

Rust (Axum) + Vue 3 + SQLite. Features:
- Project CRUD REST API with proper error handling
- Per-project agent loop (mpsc + broadcast channels)
- LLM-driven plan generation and replan on user feedback
- SSH command execution with status streaming
- WebSocket real-time updates to frontend
- Four-zone UI: requirement, plan (left), execution (right), comment

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

web/src/components/Sidebar.vue

@@ -0,0 +1,108 @@
+<script setup lang="ts">
+import type { Project } from '../types'
+
+defineProps<{
+  projects: Project[]
+  selectedId: string
+}>()
+
+const emit = defineEmits<{
+  select: [id: string]
+  create: []
+}>()
+</script>
+
+<template>
+  <aside class="sidebar">
+    <div class="sidebar-header">
+      <h1 class="logo">Tori</h1>
+      <button class="btn-new" @click="emit('create')">+ 新项目</button>
+    </div>
+    <nav class="project-list">
+      <div
+        v-for="project in projects"
+        :key="project.id"
+        class="project-item"
+        :class="{ active: project.id === selectedId }"
+        @click="emit('select', project.id)"
+      >
+        <span class="project-name">{{ project.name }}</span>
+        <span class="project-time">{{ new Date(project.updated_at).toLocaleDateString() }}</span>
+      </div>
+    </nav>
+  </aside>
+</template>
+
+<style scoped>
+.sidebar {
+  width: var(--sidebar-width);
+  min-width: var(--sidebar-width);
+  background: var(--bg-secondary);
+  border-right: 1px solid var(--border);
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+}
+
+.sidebar-header {
+  padding: 16px;
+  border-bottom: 1px solid var(--border);
+}
+
+.logo {
+  font-size: 20px;
+  font-weight: 700;
+  color: var(--accent);
+  margin-bottom: 12px;
+}
+
+.btn-new {
+  width: 100%;
+  padding: 8px;
+  background: var(--bg-tertiary);
+  color: var(--text-primary);
+  border: 1px dashed var(--border);
+  font-size: 13px;
+}
+
+.btn-new:hover {
+  background: var(--accent);
+  color: var(--bg-primary);
+  border-style: solid;
+}
+
+.project-list {
+  flex: 1;
+  overflow-y: auto;
+  padding: 8px;
+}
+
+.project-item {
+  padding: 10px 12px;
+  border-radius: 6px;
+  cursor: pointer;
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  margin-bottom: 2px;
+}
+
+.project-item:hover {
+  background: var(--bg-tertiary);
+}
+
+.project-item.active {
+  background: var(--bg-tertiary);
+  border-left: 3px solid var(--accent);
+}
+
+.project-name {
+  font-size: 14px;
+  font-weight: 500;
+}
+
+.project-time {
+  font-size: 11px;
+  color: var(--text-secondary);
+}
+</style>