Initial commit: Multi-Agent Coordination Platform

- Vue 3 + TypeScript + Vite project structure
- Element Plus UI components with dark theme
- Pinia state management for agents and tasks
- JSPlumb integration for visual workflow editing
- SVG icon system for agent roles
- Axios request layer with API proxy configuration
- Tailwind CSS for styling
- Docker deployment with Caddy web server
- Complete development toolchain (ESLint, Prettier, Vitest)

🤖 Generated with [Claude Code](https://claude.com/claude-code)

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

src/layout/components/Main/index.vue

@@ -0,0 +1,22 @@
+<script setup lang="ts">
+import Task from './Task.vue'
+import TaskTemplate from './TaskTemplate/index.vue'
+import { nextTick } from 'vue'
+
+const taskTemplateRef = ref<{ changeTask: () => void }>()
+
+function handleSearch() {
+  nextTick(() => {
+    taskTemplateRef.value?.changeTask()
+  })
+}
+</script>
+
+<template>
+  <div class="p-[27px] h-[calc(100%-60px)]">
+    <Task @search="handleSearch" />
+    <TaskTemplate ref="taskTemplateRef" />
+  </div>
+</template>
+
+<style scoped lang="scss"></style>