@vibe-forge/client 0.3.0 → 0.5.0

package/src/api/knowledge.ts

@@ -0,0 +1,72 @@
+import { createApiUrl, fetchApiJson } from './base'
+
+export interface SpecSummary {
+  id: string
+  name: string
+  description: string
+  params: { name: string; description?: string }[]
+  always: boolean
+  tags: string[]
+  skills: string[]
+  rules: string[]
+}
+
+export interface EntitySummary {
+  id: string
+  name: string
+  description: string
+  always: boolean
+  tags: string[]
+  skills: string[]
+  rules: string[]
+}
+
+export interface RuleSummary {
+  id: string
+  name: string
+  description: string
+  always: boolean
+  globs?: string[]
+}
+
+export interface SpecDetail extends SpecSummary {
+  body: string
+}
+
+export interface EntityDetail extends EntitySummary {
+  body: string
+}
+
+export interface RuleDetail extends RuleSummary {
+  body: string
+}
+
+export async function listSpecs(): Promise<{ specs: SpecSummary[] }> {
+  return fetchApiJson<{ specs: SpecSummary[] }>('/api/ai/specs')
+}
+
+export async function listEntities(): Promise<{ entities: EntitySummary[] }> {
+  return fetchApiJson<{ entities: EntitySummary[] }>('/api/ai/entities')
+}
+
+export async function listRules(): Promise<{ rules: RuleSummary[] }> {
+  return fetchApiJson<{ rules: RuleSummary[] }>('/api/ai/rules')
+}
+
+export async function getSpecDetail(path: string): Promise<{ spec: SpecDetail }> {
+  const url = createApiUrl('/api/ai/specs/detail')
+  url.searchParams.set('path', path)
+  return fetchApiJson<{ spec: SpecDetail }>(url)
+}
+
+export async function getEntityDetail(path: string): Promise<{ entity: EntityDetail }> {
+  const url = createApiUrl('/api/ai/entities/detail')
+  url.searchParams.set('path', path)
+  return fetchApiJson<{ entity: EntityDetail }>(url)
+}
+
+export async function getRuleDetail(path: string): Promise<{ rule: RuleDetail }> {
+  const url = createApiUrl('/api/ai/rules/detail')
+  url.searchParams.set('path', path)
+  return fetchApiJson<{ rule: RuleDetail }>(url)
+}

package/src/api/projects.ts

@@ -0,0 +1,15 @@
+import type { Project } from '@vibe-forge/core'
+
+import { fetchApiJson, jsonHeaders } from './base'
+
+export async function listProjects(): Promise<{ projects: Project[] }> {
+  return fetchApiJson<{ projects: Project[] }>('/api/projects')
+}
+
+export async function createProject(name?: string): Promise<{ project: Project }> {
+  return fetchApiJson<{ project: Project }>('/api/projects', {
+    method: 'POST',
+    headers: jsonHeaders,
+    body: JSON.stringify({ name })
+  })
+}

package/src/api/sessions.ts

@@ -0,0 +1,84 @@
+import type { ChatMessageContent, Session } from '@vibe-forge/core'
+
+import { createApiUrl, fetchApiJson, fetchApiJsonOrThrow, jsonHeaders } from './base'
+import type { ApiOkResponse, ApiRemoveResponse, SessionMessagesResponse } from './types'
+
+export async function listSessions(
+  filter: 'active' | 'archived' | 'all' = 'active'
+): Promise<{ sessions: Session[] }> {
+  const path = filter === 'archived' ? '/api/sessions/archived' : '/api/sessions'
+  return fetchApiJson<{ sessions: Session[] }>(path)
+}
+
+export async function createSession(
+  title?: string,
+  initialMessage?: string,
+  initialContent?: ChatMessageContent[],
+  model?: string,
+  options?: {
+    start?: boolean
+    parentSessionId?: string
+    id?: string
+    promptType?: 'spec' | 'entity'
+    promptName?: string
+    permissionMode?: 'default' | 'acceptEdits' | 'plan' | 'dontAsk' | 'bypassPermissions'
+    adapter?: string
+  }
+): Promise<{ session: Session }> {
+  return fetchApiJson<{ session: Session }>('/api/sessions', {
+    method: 'POST',
+    headers: jsonHeaders,
+    body: JSON.stringify({
+      title,
+      initialMessage,
+      initialContent,
+      model,
+      start: options?.start,
+      parentSessionId: options?.parentSessionId,
+      id: options?.id,
+      promptType: options?.promptType,
+      promptName: options?.promptName,
+      permissionMode: options?.permissionMode,
+      adapter: options?.adapter
+    })
+  })
+}
+
+export async function forkSession(id: string, title?: string): Promise<{ session: Session }> {
+  return fetchApiJson<{ session: Session }>(`/api/sessions/${id}/fork`, {
+    method: 'POST',
+    headers: jsonHeaders,
+    body: JSON.stringify({ title })
+  })
+}
+
+export async function getSessionMessages(
+  id: string,
+  limit?: number
+): Promise<SessionMessagesResponse> {
+  const url = createApiUrl(`/api/sessions/${id}/messages`)
+  if (limit != null) {
+    url.searchParams.set('limit', limit.toString())
+  }
+  return fetchApiJson<SessionMessagesResponse>(url)
+}
+
+export async function deleteSession(id: string): Promise<ApiRemoveResponse> {
+  return fetchApiJsonOrThrow<ApiRemoveResponse>(
+    `/api/sessions/${id}`,
+    { method: 'DELETE' },
+    '[api] delete session failed:'
+  )
+}
+
+export async function updateSession(id: string, data: Partial<Session>): Promise<ApiOkResponse> {
+  return fetchApiJson<ApiOkResponse>(`/api/sessions/${id}`, {
+    method: 'PATCH',
+    headers: jsonHeaders,
+    body: JSON.stringify(data)
+  })
+}
+
+export async function updateSessionTitle(id: string, title: string): Promise<ApiOkResponse> {
+  return updateSession(id, { title })
+}

package/src/api/types.ts

@@ -0,0 +1,20 @@
+import type { AskUserQuestionParams, Session, WSEvent } from '@vibe-forge/core'
+
+export interface ApiOkResponse {
+  ok: boolean
+}
+
+export interface ApiRemoveResponse extends ApiOkResponse {
+  removed: boolean
+}
+
+export interface SessionInteraction {
+  id: string
+  payload: AskUserQuestionParams
+}
+
+export interface SessionMessagesResponse {
+  messages: WSEvent[]
+  session?: Session
+  interaction?: SessionInteraction
+}

package/src/api.ts

@@ -1,269 +1,44 @@
-import type { ConfigResponse, ConfigSource, Session } from '@vibe-forge/core'
-
-export interface SpecSummary {
-  id: string
-  name: string
-  description: string
-  params: { name: string; description?: string }[]
-  always: boolean
-  tags: string[]
-  skills: string[]
-  rules: string[]
-}
-
-export interface EntitySummary {
-  id: string
-  name: string
-  description: string
-  always: boolean
-  tags: string[]
-  skills: string[]
-  rules: string[]
-}
-
-export interface RuleSummary {
-  id: string
-  name: string
-  description: string
-  always: boolean
-  globs?: string[]
-}
-
-export interface SpecDetail extends SpecSummary {
-  body: string
-}
-
-export interface EntityDetail extends EntitySummary {
-  body: string
-}
-
-export interface RuleDetail extends RuleSummary {
-  body: string
-}
-
-export interface AutomationTrigger {
-  id: string
-  type: 'interval' | 'webhook' | 'cron'
-  intervalMs?: number | null
-  cronExpression?: string | null
-  webhookKey?: string | null
-}
-
-export interface AutomationTask {
-  id: string
-  title: string
-  prompt: string
-}
-
-export interface AutomationRule {
-  id: string
-  name: string
-  description?: string | null
-  type: 'interval' | 'webhook' | 'cron'
-  intervalMs?: number | null
-  webhookKey?: string | null
-  cronExpression?: string | null
-  prompt: string
-  enabled: boolean
-  createdAt: number
-  lastRunAt?: number | null
-  lastSessionId?: string | null
-  triggers?: AutomationTrigger[]
-  tasks?: AutomationTask[]
-}
-
-export interface AutomationRun {
-  id: string
-  ruleId: string
-  sessionId: string
-  runAt: number
-  taskId?: string | null
-  taskTitle?: string | null
-  status?: string
-  title?: string
-  lastMessage?: string
-  lastUserMessage?: string
-}
-
-const SERVER_HOST = (import.meta.env.__VF_PROJECT_AI_SERVER_HOST__ as string | undefined) ?? window.location.hostname
-const SERVER_PORT = (import.meta.env.__VF_PROJECT_AI_SERVER_PORT__ as string | undefined) ?? '8787'
-const SERVER_URL = `http://${SERVER_HOST}:${SERVER_PORT}`
-
-export async function listProjects(): Promise<any> {
-  const res = await fetch(`${SERVER_URL}/api/projects`)
-  return res.json()
-}
-
-export async function createProject(name?: string): Promise<any> {
-  const res = await fetch(`${SERVER_URL}/api/projects`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ name })
-  })
-  return res.json()
-}
-
-export async function listSessions(filter: 'active' | 'archived' | 'all' = 'active'): Promise<{ sessions: Session[] }> {
-  const res = await fetch(`${SERVER_URL}/api/sessions${filter === 'archived' ? '/archived' : ''}`)
-  return res.json() as Promise<{ sessions: Session[] }>
-}
-
-export async function createSession(
-  title?: string,
-  initialMessage?: string,
-  model?: string
-): Promise<{ session: Session }> {
-  const res = await fetch(`${SERVER_URL}/api/sessions`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ title, initialMessage, model })
-  })
-  return res.json() as Promise<{ session: Session }>
-}
-
-export async function listSpecs(): Promise<{ specs: SpecSummary[] }> {
-  const res = await fetch(`${SERVER_URL}/api/ai/specs`)
-  return res.json() as Promise<{ specs: SpecSummary[] }>
-}
-
-export async function listEntities(): Promise<{ entities: EntitySummary[] }> {
-  const res = await fetch(`${SERVER_URL}/api/ai/entities`)
-  return res.json() as Promise<{ entities: EntitySummary[] }>
-}
-
-export async function listRules(): Promise<{ rules: RuleSummary[] }> {
-  const res = await fetch(`${SERVER_URL}/api/ai/rules`)
-  return res.json() as Promise<{ rules: RuleSummary[] }>
-}
-
-export async function getSpecDetail(path: string): Promise<{ spec: SpecDetail }> {
-  const url = new URL(`${SERVER_URL}/api/ai/specs/detail`)
-  url.searchParams.set('path', path)
-  const res = await fetch(url.toString())
-  return res.json() as Promise<{ spec: SpecDetail }>
-}
-
-export async function getEntityDetail(path: string): Promise<{ entity: EntityDetail }> {
-  const url = new URL(`${SERVER_URL}/api/ai/entities/detail`)
-  url.searchParams.set('path', path)
-  const res = await fetch(url.toString())
-  return res.json() as Promise<{ entity: EntityDetail }>
-}
-
-export async function getRuleDetail(path: string): Promise<{ rule: RuleDetail }> {
-  const url = new URL(`${SERVER_URL}/api/ai/rules/detail`)
-  url.searchParams.set('path', path)
-  const res = await fetch(url.toString())
-  return res.json() as Promise<{ rule: RuleDetail }>
-}
-
-export async function getConfig(): Promise<ConfigResponse> {
-  const res = await fetch(`${SERVER_URL}/api/config`)
-  return res.json() as Promise<ConfigResponse>
-}
-
-export async function listAutomationRules(): Promise<{ rules: AutomationRule[] }> {
-  const res = await fetch(`${SERVER_URL}/api/automation/rules`)
-  return res.json() as Promise<{ rules: AutomationRule[] }>
-}
-
-export async function createAutomationRule(rule: Partial<AutomationRule> & { immediateRun?: boolean }): Promise<{ rule: AutomationRule }> {
-  const res = await fetch(`${SERVER_URL}/api/automation/rules`, {
-    method: 'POST',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(rule)
-  })
-  return res.json() as Promise<{ rule: AutomationRule }>
-}
-
-export async function updateAutomationRule(
-  id: string,
-  rule: Partial<AutomationRule> & { immediateRun?: boolean }
-): Promise<{ rule: AutomationRule }> {
-  const res = await fetch(`${SERVER_URL}/api/automation/rules/${id}`, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(rule)
-  })
-  return res.json() as Promise<{ rule: AutomationRule }>
-}
-
-export async function deleteAutomationRule(id: string): Promise<{ ok: boolean; removed: boolean }> {
-  const res = await fetch(`${SERVER_URL}/api/automation/rules/${id}`, {
-    method: 'DELETE'
-  })
-  return res.json() as Promise<{ ok: boolean; removed: boolean }>
-}
-
-export async function runAutomationRule(id: string): Promise<{ ok: boolean; sessionIds: string[] }> {
-  const res = await fetch(`${SERVER_URL}/api/automation/rules/${id}/run`, {
-    method: 'POST'
-  })
-  return res.json() as Promise<{ ok: boolean; sessionIds: string[] }>
-}
-
-export async function listAutomationRuns(id: string, limit = 50): Promise<{ runs: AutomationRun[] }> {
-  const url = new URL(`${SERVER_URL}/api/automation/rules/${id}/runs`)
-  url.searchParams.set('limit', limit.toString())
-  const res = await fetch(url.toString())
-  return res.json() as Promise<{ runs: AutomationRun[] }>
-}
-
-export async function updateConfig(
-  source: ConfigSource,
-  section: string,
-  value: unknown
-): Promise<{ ok: boolean }> {
-  const res = await fetch(`${SERVER_URL}/api/config`, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ source, section, value })
-  })
-  if (!res.ok) {
-    const text = await res.text()
-    console.error('[api] update config failed:', res.status, text)
-    throw new Error(`Update config failed: ${res.status} ${text}`)
-  }
-  return res.json() as Promise<{ ok: boolean }>
-}
-
-export async function deleteSession(id: string): Promise<{ success: boolean }> {
-  const url = `${SERVER_URL}/api/sessions/${id}`
-  const res = await fetch(url, { method: 'DELETE' })
-  if (!res.ok) {
-    const text = await res.text()
-    console.error('[api] delete failed:', res.status, text)
-    throw new Error(`Delete failed: ${res.status} ${text}`)
-  }
-  return res.json() as Promise<{ success: boolean }>
-}
-
-export async function updateSession(id: string, data: Partial<Session>): Promise<{ ok: boolean }> {
-  const res = await fetch(`${SERVER_URL}/api/sessions/${id}`, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify(data)
-  })
-  return res.json() as Promise<{ ok: boolean }>
-}
-
-export async function updateSessionTitle(id: string, title: string): Promise<{ session: Session }> {
-  const res = await fetch(`${SERVER_URL}/api/sessions/${id}`, {
-    method: 'PATCH',
-    headers: { 'Content-Type': 'application/json' },
-    body: JSON.stringify({ title })
-  })
-  return res.json() as Promise<{ session: Session }>
-}
-
-export async function getSessionMessages(
-  id: string,
-  limit?: number
-): Promise<{ messages: any[]; session?: Session; interaction?: { id: string; payload: any } }> {
-  const url = new URL(`${SERVER_URL}/api/sessions/${id}/messages`)
-  if (limit != null) {
-    url.searchParams.set('limit', limit.toString())
-  }
-  const res = await fetch(url.toString())
-  return res.json() as Promise<{ messages: any[]; session?: Session; interaction?: { id: string; payload: any } }>
-}
+// 自动化规则与执行记录 API
+export type { AutomationRule, AutomationRun, AutomationTask, AutomationTrigger } from './api/automation'
+export {
+  createAutomationRule,
+  deleteAutomationRule,
+  listAutomationRules,
+  listAutomationRuns,
+  runAutomationRule,
+  updateAutomationRule
+} from './api/automation'
+
+export {
+  getBenchmarkCase,
+  getBenchmarkResult,
+  getBenchmarkRun,
+  listBenchmarkCases,
+  listBenchmarkCategories,
+  startBenchmarkRun
+} from './api/benchmark'
+// 配置读取与更新 API
+export { getConfig, updateConfig } from './api/config'
+
+// 知识库与规则说明 API
+export type { EntityDetail, EntitySummary, RuleDetail, RuleSummary, SpecDetail, SpecSummary } from './api/knowledge'
+
+export { getEntityDetail, getRuleDetail, getSpecDetail, listEntities, listRules, listSpecs } from './api/knowledge'
+// 项目与工程 API
+export { createProject, listProjects } from './api/projects'
+
+// 会话与消息 API
+export {
+  createSession,
+  deleteSession,
+  forkSession,
+  getSessionMessages,
+  listSessions,
+  updateSession,
+  updateSessionTitle
+} from './api/sessions'
+
+// 基础响应类型与会话交互类型
+export type { ApiOkResponse, ApiRemoveResponse, SessionInteraction, SessionMessagesResponse } from './api/types'
+
+export type { BenchmarkCase, BenchmarkCategory, BenchmarkResult, BenchmarkRunSummary } from '@vibe-forge/core'

package/src/components/AutomationView/AutomationView.scss

@@ -4,6 +4,10 @@
   padding: 24px;
   overflow: hidden;
 
+  .ant-form-item {
+    margin-bottom: 12px;
+  }
+
   &__left {
     width: 360px;
     min-width: 320px;
@@ -15,7 +19,7 @@
   &__divider {
     width: 1px;
     background: var(--border-color);
-    margin: 0 16px;
+    margin: 0 24px;
   }
 
   &__right {

package/src/components/AutomationView/RuleFormPanel.tsx

@@ -5,6 +5,7 @@ import React, { useCallback, useEffect } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import type { AutomationRule } from '#~/api.js'
+import { getServerHost, getServerPort } from '#~/api/base.js'
 
 import { TaskList } from './TaskList'
 import { TriggerList } from './TriggerList'
@@ -18,8 +19,8 @@ interface RuleFormPanelProps {
   onCancel: () => void
 }
 
-const serverHost = (import.meta.env.__VF_PROJECT_AI_SERVER_HOST__ as string | undefined) ?? window.location.hostname
-const serverPort = (import.meta.env.__VF_PROJECT_AI_SERVER_PORT__ as string | undefined) ?? '8787'
+const serverHost = getServerHost()
+const serverPort = getServerPort()
 const serverUrl = `http://${serverHost}:${serverPort}`
 
 export function RuleFormPanel({ mode, rule, submitting, onSubmit, onCancel }: RuleFormPanelProps) {

package/src/components/AutomationView/TaskList.scss

@@ -33,7 +33,6 @@
     padding: 12px;
     display: flex;
     flex-direction: column;
-    gap: 12px;
     background: var(--tag-bg);
   }
 
@@ -100,11 +99,6 @@
     font-size: 18px;
   }
 
-  &__button-icon {
-    font-size: 16px;
-    margin-right: 4px;
-  }
-
   &__remove-button {
     position: absolute;
     top: 8px;
@@ -112,6 +106,10 @@
     width: 32px;
     height: 32px;
     padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
   }
 
   &__task-index {

package/src/components/AutomationView/TaskList.tsx

@@ -46,11 +46,12 @@ export function TaskList() {
                 <Tooltip title={t('automation.remove')}>
                   <Button
                     className='automation-view__remove-button'
+                    type='text'
                     danger
                     onClick={() => remove(field.name)}
                     disabled={fields.length <= 1}
                   >
-                    <span className='material-symbols-rounded automation-view__button-icon'>close</span>
+                    <span className='material-symbols-rounded automation-view__action-icon'>close</span>
                   </Button>
                 </Tooltip>
                 <div className='automation-view__list-header'>

package/src/components/AutomationView/TriggerList.scss

@@ -33,7 +33,6 @@
     padding: 12px;
     display: flex;
     flex-direction: column;
-    gap: 12px;
     background: var(--tag-bg);
   }
 
@@ -107,6 +106,10 @@
     width: 32px;
     height: 32px;
     padding: 0;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    border-radius: 50%;
   }
 
   &__input-number {