feat: 实现剧本创作与拆解前端工作台

src/features/projects/context.ts

@@ -0,0 +1,30 @@
+import { computed, inject, type InjectionKey } from 'vue'
+import { usePolling } from '../../composables/usePolling'
+import { projectsApi } from './api'
+import type { ProjectDetail } from './types'
+import type { Checkpoint } from '../workflows/types'
+import type { Ref } from 'vue'
+
+/** 同一项目的两个 graph 共用一份查询，避免每个面板重复请求。 */
+export function useProjectData(id: Ref<string>) {
+    const query = usePolling(id, async (projectId, signal) => {
+        const [project, checkpoints] = await Promise.all([
+            projectsApi.detail(projectId, signal),
+            projectsApi.checkpoints(projectId, signal)
+        ])
+        return { project, checkpoints }
+    })
+    const project = computed<ProjectDetail | null>(() => query.data.value?.project ?? null)
+    const checkpoints = computed<Checkpoint[]>(() => query.data.value?.checkpoints ?? [])
+    return { ...query, project, checkpoints }
+}
+
+/** 项目布局向子页面提供的类型安全上下文。 */
+export const projectContextKey: InjectionKey<ReturnType<typeof useProjectData>> = Symbol('project-context')
+
+/** 读取项目上下文，错误布局在开发阶段立即暴露。 */
+export function useProjectContext() {
+    const context = inject(projectContextKey)
+    if (!context) throw new Error('项目页面必须位于 ProjectLayout 中')
+    return context
+}