@vibe-forge/client 0.8.1 → 0.8.4

package/src/hooks/chat/use-chat-session.ts

@@ -2,6 +2,7 @@ import { useEffect, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 
 import type { Session } from '@vibe-forge/core'
+import { useChatEffort } from './use-chat-effort'
 import { useChatInteraction } from './use-chat-interaction'
 import { useChatModelAdapterSelection } from './use-chat-model-adapter-selection'
 import { useChatPermissionMode } from './use-chat-permission-mode'
@@ -28,6 +29,7 @@ export function useChatSession({
     adapterLocked: session?.id != null
   })
   const { permissionMode, setPermissionMode, permissionModeOptions } = useChatPermissionMode()
+  const { effort, setEffort, effortOptions } = useChatEffort()
   const { activeView, setActiveView } = useChatView()
   const { interactionRequest, setInteractionRequest, handleInteractionResponse } = useChatInteraction({
     sessionId: session?.id
@@ -35,11 +37,14 @@ export function useChatSession({
   const { messages, setMessages, sessionInfo, isReady, connectionError, retryConnection } = useChatSessionMessages({
     session,
     modelForQuery: selectedModelWithService,
+    effort,
     permissionMode,
     adapter: selectedAdapter,
     setInteractionRequest
   })
-  const lastObservedSessionRef = useRef<Pick<Session, 'id' | 'model' | 'permissionMode' | 'adapter'> | null>(null)
+  const lastObservedSessionRef = useRef<Pick<Session, 'id' | 'model' | 'permissionMode' | 'adapter' | 'effort'> | null>(
+    null
+  )
   const isThinking = session?.status === 'running'
 
   useEffect(() => {
@@ -62,19 +67,26 @@ export function useChatSession({
       setPermissionMode(session.permissionMode)
     }
 
+    if (sessionChanged || previous?.effort !== session.effort) {
+      setEffort(session.effort)
+    }
+
     lastObservedSessionRef.current = {
       id: session.id,
       model: session.model,
       permissionMode: session.permissionMode,
-      adapter: session.adapter
+      adapter: session.adapter,
+      effort: session.effort
     }
   }, [
     session?.adapter,
+    session?.effort,
     session?.id,
     session?.model,
     session?.permissionMode,
     applySessionSelection,
-    setPermissionMode,
+    setEffort,
+    setPermissionMode
   ])
 
   return {
@@ -94,6 +106,9 @@ export function useChatSession({
     selectedModel,
     modelForQuery: selectedModelWithService,
     setSelectedModel,
+    effort,
+    setEffort,
+    effortOptions,
     permissionMode,
     setPermissionMode,
     permissionModeOptions,

package/src/hooks/use-session-subscription.ts

@@ -71,14 +71,37 @@ export function useSessionSubscription() {
   useEffect(() => {
     let disposed = false
     let socket: WebSocket | undefined
-    let reconnectTimer: ReturnType<typeof setTimeout> | undefined
+    let connectTimer: ReturnType<typeof setTimeout> | undefined
+
+    const closeSocket = (target: WebSocket | undefined) => {
+      if (!target) return
+      if (target.readyState === WebSocket.CLOSED || target.readyState === WebSocket.CLOSING) {
+        return
+      }
+      if (target.readyState === WebSocket.CONNECTING) {
+        target.addEventListener('open', () => target.close(), { once: true })
+        return
+      }
+      target.close()
+    }
+
+    const scheduleConnect = (delay = 0) => {
+      if (disposed) return
+      if (connectTimer) {
+        clearTimeout(connectTimer)
+      }
+      connectTimer = setTimeout(() => {
+        connectTimer = undefined
+        connect()
+      }, delay)
+    }
 
     const connect = () => {
       if (disposed) return
 
       socket = createSocket({
         onMessage: (data: WSEvent) => {
-          if (data.type !== 'session_updated') return
+          if (disposed || data.type !== 'session_updated') return
           const updatedSession = data.session as SessionUpdate
 
           void mutate('/api/sessions', (prev: SessionListResponse | undefined) => {
@@ -91,22 +114,22 @@ export function useSessionSubscription() {
         },
         onClose: () => {
           if (disposed) return
-          reconnectTimer = setTimeout(connect, 1000)
+          scheduleConnect(1000)
         },
         onError: () => {
-          socket?.close()
+          closeSocket(socket)
         }
       }, { subscribe: 'sessions' })
     }
 
-    connect()
+    scheduleConnect()
 
     return () => {
       disposed = true
-      if (reconnectTimer) {
-        clearTimeout(reconnectTimer)
+      if (connectTimer) {
+        clearTimeout(connectTimer)
       }
-      socket?.close()
+      closeSocket(socket)
     }
   }, [mutate])
 }

package/src/resources/locales/en.json

@@ -509,6 +509,12 @@
         "boolean": "Boolean",
         "object": "Object",
         "array": "Array"
+      },
+      "effort": {
+        "low": "Low",
+        "medium": "Medium",
+        "high": "High",
+        "max": "Max"
       }
     },
     "fields": {
@@ -517,6 +523,10 @@
           "label": "Workspace Folder",
           "desc": "Default folder for configuration and cache files"
         },
+        "effort": {
+          "label": "Default Effort",
+          "desc": "Default effort level used when none is specified"
+        },
         "defaultAdapter": {
           "label": "Default Adapter",
           "desc": "Adapter used when none is specified"

package/src/resources/locales/zh.json

@@ -510,6 +510,12 @@
         "boolean": "开关",
         "object": "对象",
         "array": "数组"
+      },
+      "effort": {
+        "low": "低",
+        "medium": "中",
+        "high": "高",
+        "max": "最高"
       }
     },
     "fields": {
@@ -518,6 +524,10 @@
           "label": "工作目录",
           "desc": "配置文件和缓存的默认目录"
         },
+        "effort": {
+          "label": "默认思考强度",
+          "desc": "未指定时默认使用的 effort 等级"
+        },
         "defaultAdapter": {
           "label": "默认适配器",
           "desc": "未指定时使用的适配器"

package/src/routes/ChatRoute.tsx

@@ -61,6 +61,9 @@ function ChatRouteView({
     selectedModel,
     modelForQuery,
     setSelectedModel,
+    effort,
+    setEffort,
+    effortOptions,
     permissionMode,
     setPermissionMode,
     permissionModeOptions,
@@ -106,6 +109,9 @@ function ChatRouteView({
           selectedModel={selectedModel}
           modelForQuery={modelForQuery}
           onModelChange={setSelectedModel}
+          effort={effort}
+          effortOptions={effortOptions}
+          onEffortChange={setEffort}
           permissionMode={permissionMode}
           permissionModeOptions={permissionModeOptions}
           onPermissionModeChange={setPermissionMode}

package/src/runtime-config.ts

@@ -10,16 +10,17 @@ const getGlobalRuntimeEnv = () => {
   return globalScope.__VF_PROJECT_AI_RUNTIME_ENV__
 }
 
+const pickNonEmptyValue = (...values: Array<string | undefined>) => (
+  values.find((value) => typeof value === 'string' && value.trim() !== '')
+)
+
 const normalizeBase = (value?: string) => {
-  let base = value?.trim() ?? ''
-  if (!base) {
-    return '/ui/'
-  }
+  let base = value?.trim() ?? '/ui'
   if (!base.startsWith('/')) {
     base = `/${base}`
   }
-  if (!base.endsWith('/')) {
-    base += '/'
+  if (base.length > 1 && base.endsWith('/')) {
+    base = base.slice(0, -1)
   }
   return base
 }
@@ -37,10 +38,18 @@ const normalizePath = (value?: string) => {
 
 export const getRuntimeEnv = (): RuntimeEnv => getGlobalRuntimeEnv() ?? {}
 
-export const getClientBase = () =>
-  normalizeBase(
-    getRuntimeEnv().__VF_PROJECT_AI_CLIENT_BASE__ ?? import.meta.env.__VF_PROJECT_AI_CLIENT_BASE__
+export const resolveClientBase = (...values: Array<string | undefined>) => (
+  normalizeBase(pickNonEmptyValue(...values))
+)
+
+export const getClientBase = () => (
+  resolveClientBase(
+    getRuntimeEnv().__VF_PROJECT_AI_CLIENT_BASE__,
+    import.meta.env.__VF_PROJECT_AI_CLIENT_BASE__,
+    import.meta.env.BASE_URL,
+    '/ui'
   )
+)
 
 export const getServerHostEnv = () =>
   getRuntimeEnv().__VF_PROJECT_AI_SERVER_HOST__ ??

package/vite.config.ts

@@ -1,5 +1,5 @@
-import { fileURLToPath } from 'node:url'
 import process from 'node:process'
+import { fileURLToPath } from 'node:url'
 
 import react from '@vitejs/plugin-react'
 import { defineConfig } from 'vite'
@@ -17,7 +17,9 @@ export default defineConfig({
   base: clientBase,
   resolve: {
     alias: {
-      '@vibe-forge/utils/model-selection': fileURLToPath(new URL('../../packages/utils/src/model-selection.ts', import.meta.url)),
+      '@vibe-forge/utils/model-selection': fileURLToPath(
+        new URL('../../packages/utils/src/model-selection.ts', import.meta.url)
+      ),
       '@vibe-forge/utils': fileURLToPath(new URL('../../packages/utils/src/index.ts', import.meta.url))
     },
     conditions: ['browser', '__vibe-forge__', 'module', 'import', 'development']

package/dist/assets/channel-5WTe7pNn.js

@@ -1 +0,0 @@
-import{al as o,am as n}from"./mermaid.core-8jQ7wVtv.js";const l=(a,r)=>o.lang.round(n.parse(a)[r]);export{l as c};

package/dist/assets/clone-LappdaLy.js

@@ -1 +0,0 @@
-import{a as r}from"./graph-ClMJH_U-.js";var a=4;function n(o){return r(o,a)}export{n as c};

package/dist/assets/flowDiagram-v2-4f6560a1-VWENAHeD.js

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-2Q7aPB-q.js";import{f as a,g as t}from"./styles-d45a18b0-kT58cZYw.js";import{ar as i}from"./mermaid.core-8jQ7wVtv.js";import"./graph-ClMJH_U-.js";import"./layout-CONWz1Dx.js";import"./index-NlU1ELyk.js";import"./index-5325376f-HWUtfpil.js";import"./clone-LappdaLy.js";import"./edges-96097737-D8eSYgyp.js";import"./createText-1719965b-CdcVoxJT.js";import"./line-ugjigc8g.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-5WTe7pNn.js";const n={parser:e,db:o,renderer:t,styles:a,init:r=>{r.flowchart||(r.flowchart={}),r.flowchart.arrowMarkerAbsolute=r.arrowMarkerAbsolute,i({flowchart:{arrowMarkerAbsolute:r.arrowMarkerAbsolute}}),t.setConf(r.flowchart),o.clear(),o.setGen("gen-2")}};export{n as diagram};