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

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

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

frontend/src/components/common/AppShell.vue

@@ -26,7 +26,7 @@ const router = useRouter()
 const routeName = computed(() => route.name as string)
 
 const secondaryComponent = computed(() => {
-  switch (routeName) {
+  switch (routeName.value) {
     case 'workspace': return 'file-tree'
     case 'search': return 'search-filters'
     case 'chat': return 'conversation-list'

frontend/src/components/common/SecondarySidebar.vue

@@ -1,11 +1,6 @@
 <script setup lang="ts">
 import { computed } from 'vue'
 import FileTreePanel from '@/features/workspace/FileTreePanel.vue'
-import ConversationListPanel from '@/features/chat/ConversationListPanel.vue'
-import RunListPanel from '@/features/agent/RunListPanel.vue'
-import SearchFiltersPanel from '@/features/search/SearchFiltersPanel.vue'
-import TaskFiltersPanel from '@/features/tasks/TaskFiltersPanel.vue'
-import ExtensionListPanel from '@/components/common/ExtensionListPanel.vue'
 import { useRoute } from 'vue-router'
 
 const props = defineProps<{
@@ -27,7 +22,7 @@ const sidebarTitle = computed(() => {
   return titles[props.component || ''] || ''
 })
 
-const showSkillToggle = computed(() => routeName === 'skills' || routeName === 'plugins')
+const showSkillToggle = computed(() => routeName.value === 'skills' || routeName.value === 'plugins')
 </script>
 
 <template>
@@ -41,11 +36,7 @@ const showSkillToggle = computed(() => routeName === 'skills' || routeName === '
     </div>
     <div class="sidebar-content">
       <FileTreePanel v-if="component === 'file-tree'" />
-      <ConversationListPanel v-else-if="component === 'conversation-list'" />
-      <RunListPanel v-else-if="component === 'run-list'" />
-      <SearchFiltersPanel v-else-if="component === 'search-filters'" />
-      <TaskFiltersPanel v-else-if="component === 'task-filters'" />
-      <ExtensionListPanel v-else-if="component === 'extension-list'" />
+      <p v-else class="sidebar-placeholder">该功能将在对应页面实现时补充。</p>
     </div>
   </aside>
 </template>
@@ -109,4 +100,10 @@ const showSkillToggle = computed(() => routeName === 'skills' || routeName === '
   overflow-y: auto;
   overflow-x: hidden;
 }
+
+.sidebar-placeholder {
+  padding: var(--space-lg);
+  color: var(--color-text-tertiary);
+  font-size: var(--font-size-sm);
+}
 </style>

frontend/src/components/common/StatusBar.vue

@@ -78,7 +78,7 @@ const showEditorInfo = computed(() => route.name === 'workspace')
         <span class="status-dot" style="background: var(--color-success)" />
         索引就绪
       </span>
-      <span class="status-item" :style="{ color: aiCoreColor }" @click>
+      <span class="status-item" :style="{ color: aiCoreColor }">
         <span class="status-dot" :style="{ background: aiCoreColor }" />
         {{ aiCoreStatusText }}
       </span>