fix(frontend): 修复合并审阅发现的构建与契约问题

恢复 Vue TypeScript 生产构建，补齐可运行页面壳子，并修复文件树与 SSE 状态问题。

按 FastAPI Wire Contract 统一 Service DTO 映射，同时补充前端开发说明和问题修复复盘。

frontend/src/features/common/PlaceholderView.vue

@@ -0,0 +1,34 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { useRoute } from 'vue-router'
+
+const route = useRoute()
+const title = computed(() => String(route.meta.title ?? '功能开发中'))
+</script>
+
+<template>
+  <section class="placeholder-view">
+    <div>
+      <h1>{{ title }}</h1>
+      <p>基础路由已经就绪，具体页面将在后续功能开发中实现。</p>
+    </div>
+  </section>
+</template>
+
+<style scoped>
+.placeholder-view {
+  display: grid;
+  height: 100%;
+  place-items: center;
+  color: var(--color-text-secondary);
+}
+
+.placeholder-view div {
+  text-align: center;
+}
+
+.placeholder-view h1 {
+  margin: 0 0 var(--space-sm);
+  color: var(--color-text-primary);
+}
+</style>