@vibe-forge/client 0.11.3 → 1.0.0

package/src/components/workspace/ContextFilePicker.tsx

@@ -5,7 +5,7 @@ import type { DataNode } from 'antd/es/tree'
 import { useEffect, useState } from 'react'
 import { useTranslation } from 'react-i18next'
 
-import { listWorkspaceTree } from '#~/api/workspace'
+import { listSessionWorkspaceTree, listWorkspaceTree } from '#~/api'
 
 export interface ContextPickerFile {
   path: string
@@ -60,12 +60,14 @@ const toPendingFiles = (paths: string[]): ContextPickerFile[] =>
 
 export function ContextFilePicker({
   open,
+  sessionId,
   selectedPaths,
   variant = 'modal',
   onCancel,
   onConfirm
 }: {
   open: boolean
+  sessionId?: string
   selectedPaths: string[]
   variant?: 'inline' | 'modal'
   onCancel: () => void
@@ -76,6 +78,12 @@ export function ContextFilePicker({
   const [checkedKeys, setCheckedKeys] = useState<string[]>(selectedPaths)
   const [treeData, setTreeData] = useState<ContextFileTreeNode[]>([])
   const [loadingRoot, setLoadingRoot] = useState(false)
+  const loadWorkspaceTree = async (path?: string) => {
+    if (sessionId != null && sessionId !== '') {
+      return await listSessionWorkspaceTree(sessionId, path)
+    }
+    return await listWorkspaceTree(path)
+  }
 
   useEffect(() => {
     if (!open) {
@@ -84,7 +92,7 @@ export function ContextFilePicker({
 
     setCheckedKeys(selectedPaths)
     setLoadingRoot(true)
-    void listWorkspaceTree()
+    void loadWorkspaceTree()
       .then((result) => {
         setTreeData(toTreeNodes(result.entries))
       })
@@ -94,11 +102,11 @@ export function ContextFilePicker({
       .finally(() => {
         setLoadingRoot(false)
       })
-  }, [message, open, selectedPaths, t])
+  }, [message, open, selectedPaths, sessionId, t])
 
   const loadData = async (node: DataNode) => {
     const path = String(node.key)
-    const result = await listWorkspaceTree(path)
+    const result = await loadWorkspaceTree(path)
     setTreeData(prev => replaceNodeChildren(prev, path, toTreeNodes(result.entries)))
   }
 

package/src/hooks/chat/chat-session-workspace-draft.ts

@@ -0,0 +1,25 @@
+import type { ConfigResponse, GitBranchKind } from '@vibe-forge/types'
+
+export interface ChatSessionWorkspaceDraftBranch {
+  name: string
+  kind?: GitBranchKind
+  mode: 'checkout' | 'create'
+}
+
+export interface ChatSessionWorkspaceDraft {
+  createWorktree: boolean
+  branch?: ChatSessionWorkspaceDraftBranch
+}
+
+export const buildChatSessionWorkspaceDraft = (createWorktree = true): ChatSessionWorkspaceDraft => ({
+  createWorktree
+})
+
+export const getChatSessionWorkspaceDraftFromConfig = (
+  configRes?: ConfigResponse
+): ChatSessionWorkspaceDraft => {
+  const createWorktree = configRes?.sources?.merged?.conversation?.createSessionWorktree
+  return buildChatSessionWorkspaceDraft(createWorktree ?? true)
+}
+
+export const DEFAULT_CHAT_SESSION_WORKSPACE_DRAFT: ChatSessionWorkspaceDraft = buildChatSessionWorkspaceDraft()

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

@@ -6,6 +6,7 @@ export function useChatScroll({ contentVersion }: { contentVersion: number }) {
   const messagesEndRef = useRef<HTMLDivElement>(null)
   const messagesContainerRef = useRef<HTMLDivElement>(null)
   const messagesContentRef = useRef<HTMLDivElement>(null)
+  const scrollTimeoutRef = useRef<number | null>(null)
   const [showScrollBottom, setShowScrollBottom] = useState(false)
 
   const updateScrollState = useCallback(() => {
@@ -15,16 +16,30 @@ export function useChatScroll({ contentVersion }: { contentVersion: number }) {
     setShowScrollBottom(distanceToBottom > SCROLL_THRESHOLD)
   }, [])
 
+  const clearScrollTimeout = useCallback(() => {
+    if (scrollTimeoutRef.current == null) {
+      return
+    }
+
+    window.clearTimeout(scrollTimeoutRef.current)
+    scrollTimeoutRef.current = null
+  }, [])
+
   const scrollToBottom = useCallback((behavior: ScrollBehavior = 'smooth') => {
-    setTimeout(() => {
-      if (messagesContainerRef.current) {
-        messagesContainerRef.current.scrollTo({
-          top: messagesContainerRef.current.scrollHeight,
-          behavior
-        })
+    clearScrollTimeout()
+    scrollTimeoutRef.current = window.setTimeout(() => {
+      const container = messagesContainerRef.current
+      scrollTimeoutRef.current = null
+      if (!container) {
+        return
       }
+
+      container.scrollTo({
+        top: container.scrollHeight,
+        behavior
+      })
     }, 50)
-  }, [])
+  }, [clearScrollTimeout])
 
   useEffect(() => {
     const container = messagesContainerRef.current
@@ -41,6 +56,8 @@ export function useChatScroll({ contentVersion }: { contentVersion: number }) {
     updateScrollState()
   }, [contentVersion, updateScrollState])
 
+  useEffect(() => clearScrollTimeout, [clearScrollTimeout])
+
   return {
     messagesEndRef,
     messagesContainerRef,

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

@@ -16,6 +16,7 @@ import {
 } from '#~/api.js'
 import { connectionManager } from '#~/connectionManager.js'
 import type { ChatMessageContent, Session, SessionQueuedMessageMode } from '@vibe-forge/core'
+import type { ChatSessionWorkspaceDraft } from './chat-session-workspace-draft'
 import type { ChatEffort } from './use-chat-effort'
 import type { PermissionMode } from './use-chat-permission-mode'
 
@@ -26,6 +27,7 @@ export function useChatSessionActions({
   effort,
   permissionMode,
   adapter,
+  workspaceDraft,
   onClearMessages
 }: {
   session?: Session
@@ -34,6 +36,7 @@ export function useChatSessionActions({
   effort: ChatEffort
   permissionMode: PermissionMode
   adapter?: string
+  workspaceDraft?: ChatSessionWorkspaceDraft
   onClearMessages: () => void
 }) {
   const { message } = App.useApp()
@@ -83,7 +86,13 @@ export function useChatSessionActions({
         const { session: newSession } = await createSession(undefined, text.trim(), undefined, modelForQuery, {
           effort: effort === 'default' ? undefined : effort,
           permissionMode,
-          adapter
+          adapter,
+          workspace: workspaceDraft == null
+            ? undefined
+            : {
+              createWorktree: workspaceDraft.createWorktree,
+              branch: workspaceDraft.branch
+            }
         })
 
         await insertSessionIntoCache(newSession)
@@ -112,6 +121,7 @@ export function useChatSessionActions({
     navigateWithCurrentSearch,
     effort,
     permissionMode,
+    workspaceDraft,
     modelForQuery,
     session?.id,
     t
@@ -130,7 +140,13 @@ export function useChatSessionActions({
         const { session: newSession } = await createSession(undefined, undefined, content, modelForQuery, {
           effort: effort === 'default' ? undefined : effort,
           permissionMode,
-          adapter
+          adapter,
+          workspace: workspaceDraft == null
+            ? undefined
+            : {
+              createWorktree: workspaceDraft.createWorktree,
+              branch: workspaceDraft.branch
+            }
         })
 
         await insertSessionIntoCache(newSession)
@@ -159,6 +175,7 @@ export function useChatSessionActions({
     message,
     effort,
     permissionMode,
+    workspaceDraft,
     modelForQuery,
     session?.id,
     t

package/src/hooks/use-responsive-layout.ts

@@ -0,0 +1,115 @@
+import { useSyncExternalStore } from 'react'
+
+const COMPACT_LAYOUT_QUERY = '(max-width: 960px)'
+const TOUCH_INTERACTION_QUERY = '(hover: none), (pointer: coarse)'
+
+export interface ResponsiveLayoutState {
+  isCompactLayout: boolean
+  isTouchInteraction: boolean
+}
+
+const DEFAULT_RESPONSIVE_LAYOUT: ResponsiveLayoutState = {
+  isCompactLayout: false,
+  isTouchInteraction: false
+}
+
+const listeners = new Set<() => void>()
+
+let compactMediaQuery: MediaQueryList | null = null
+let touchMediaQuery: MediaQueryList | null = null
+let currentSnapshot = DEFAULT_RESPONSIVE_LAYOUT
+let mediaListenersInstalled = false
+let removeMediaQueryListeners: (() => void) | null = null
+
+const getMediaQueryMatch = (query: string) => {
+  if (typeof window === 'undefined' || typeof window.matchMedia !== 'function') {
+    return false
+  }
+
+  return window.matchMedia(query).matches
+}
+
+const readResponsiveLayoutSnapshot = (): ResponsiveLayoutState => ({
+  isCompactLayout: compactMediaQuery?.matches ?? getMediaQueryMatch(COMPACT_LAYOUT_QUERY),
+  isTouchInteraction: touchMediaQuery?.matches ?? getMediaQueryMatch(TOUCH_INTERACTION_QUERY)
+})
+
+const isSameResponsiveLayoutSnapshot = (
+  left: ResponsiveLayoutState,
+  right: ResponsiveLayoutState
+) => left.isCompactLayout === right.isCompactLayout && left.isTouchInteraction === right.isTouchInteraction
+
+const refreshResponsiveLayoutSnapshot = () => {
+  const nextSnapshot = readResponsiveLayoutSnapshot()
+  if (!isSameResponsiveLayoutSnapshot(currentSnapshot, nextSnapshot)) {
+    currentSnapshot = nextSnapshot
+  }
+
+  return currentSnapshot
+}
+
+const emitIfChanged = () => {
+  const nextSnapshot = readResponsiveLayoutSnapshot()
+  if (isSameResponsiveLayoutSnapshot(currentSnapshot, nextSnapshot)) {
+    return
+  }
+
+  currentSnapshot = nextSnapshot
+  listeners.forEach(listener => listener())
+}
+
+const addMediaQueryListener = (mediaQuery: MediaQueryList, listener: () => void) => {
+  if (typeof mediaQuery.addEventListener === 'function') {
+    mediaQuery.addEventListener('change', listener)
+    return () => mediaQuery.removeEventListener('change', listener)
+  }
+
+  mediaQuery.addListener(listener)
+  return () => mediaQuery.removeListener(listener)
+}
+
+const ensureResponsiveLayoutListeners = () => {
+  if (
+    mediaListenersInstalled ||
+    typeof window === 'undefined' ||
+    typeof window.matchMedia !== 'function'
+  ) {
+    return
+  }
+
+  compactMediaQuery = window.matchMedia(COMPACT_LAYOUT_QUERY)
+  touchMediaQuery = window.matchMedia(TOUCH_INTERACTION_QUERY)
+  currentSnapshot = refreshResponsiveLayoutSnapshot()
+  const removeCompactMediaQueryListener = addMediaQueryListener(compactMediaQuery, emitIfChanged)
+  const removeTouchMediaQueryListener = addMediaQueryListener(touchMediaQuery, emitIfChanged)
+  removeMediaQueryListeners = () => {
+    removeCompactMediaQueryListener()
+    removeTouchMediaQueryListener()
+    compactMediaQuery = null
+    touchMediaQuery = null
+    mediaListenersInstalled = false
+  }
+  mediaListenersInstalled = true
+}
+
+const subscribeResponsiveLayout = (listener: () => void) => {
+  ensureResponsiveLayoutListeners()
+  listeners.add(listener)
+  return () => {
+    listeners.delete(listener)
+    if (listeners.size === 0) {
+      removeMediaQueryListeners?.()
+      removeMediaQueryListeners = null
+    }
+  }
+}
+
+const getResponsiveLayoutSnapshot = () => refreshResponsiveLayoutSnapshot()
+
+export function useResponsiveLayout() {
+  return useSyncExternalStore(
+    subscribeResponsiveLayout,
+    getResponsiveLayoutSnapshot,
+    () => DEFAULT_RESPONSIVE_LAYOUT
+  )
+}

package/src/resources/adapters.ts

@@ -3,6 +3,9 @@ import {
   adapterIcon as claudeCodeIcon
 } from '@vibe-forge/adapter-claude-code/icon'
 import { adapterDisplayName as codexDisplayName, adapterIcon as codexIcon } from '@vibe-forge/adapter-codex/icon'
+import { adapterDisplayName as copilotDisplayName, adapterIcon as copilotIcon } from '@vibe-forge/adapter-copilot/icon'
+import { adapterDisplayName as geminiDisplayName, adapterIcon as geminiIcon } from '@vibe-forge/adapter-gemini/icon'
+import { adapterDisplayName as kimiDisplayName, adapterIcon as kimiIcon } from '@vibe-forge/adapter-kimi/icon'
 import {
   adapterDisplayName as opencodeDisplayName,
   adapterIcon as opencodeIcon
@@ -17,6 +20,18 @@ export const adapterDisplayMap = {
     title: codexDisplayName,
     icon: codexIcon
   },
+  copilot: {
+    title: copilotDisplayName,
+    icon: copilotIcon
+  },
+  gemini: {
+    title: geminiDisplayName,
+    icon: geminiIcon
+  },
+  kimi: {
+    title: kimiDisplayName,
+    icon: kimiIcon
+  },
   opencode: {
     title: opencodeDisplayName,
     icon: opencodeIcon

package/src/resources/locales/en.json

@@ -165,6 +165,8 @@
     "lastRunAt": "Last run: {{time}}",
     "noRunYet": "No runs yet",
     "emptyRules": "No automation rules",
+    "mobileRules": "Rules",
+    "mobileDetails": "Details",
     "selectRule": "Select an automation rule",
     "ruleId": "Rule ID",
     "createdAt": "Created At",
@@ -209,6 +211,8 @@
     "caseId": "Case:",
     "searchPlaceholder": "Search category, title, or summary",
     "emptyCases": "No benchmark cases",
+    "mobileCases": "Cases",
+    "mobileDetails": "Details",
     "noSummary": "No summary",
     "configTitle": "Case Config",
     "baseCommit": "Base Commit",
@@ -467,8 +471,51 @@
     "gitBranchSwitcher": "Switch branch",
     "gitOperations": "Git actions",
     "gitWorktree": "Worktree",
+    "statusBarTitle": "Session status",
+    "statusBarSessionSubtitle": "Track the current session workspace and git context here.",
+    "statusBarDraftSubtitle": "Set up the next session workspace before sending the first message.",
+    "sessionWorkspace": "Session workspace",
+    "sessionWorkspaceManaged": "Managed worktree",
+    "sessionWorkspaceShared": "Shared workspace",
+    "sessionWorkspaceExternal": "External workspace",
+    "sessionWorkspaceDraftCreateWorktree": "Create worktree",
+    "sessionWorkspaceDraftStrategyLocal": "Local",
+    "sessionWorkspaceDraftStrategyManaged": "New worktree",
+    "sessionWorkspaceMenuCurrentWorktree": "Current worktree",
+    "sessionWorkspaceMenuWorktreeList": "Worktree list",
+    "sessionWorkspaceMenuLaunchInWorktree": "Start in worktree mode",
+    "sessionWorkspaceMenuTransferToLocal": "Transfer to local",
+    "sessionWorkspaceMenuCreateWorktree": "Create worktree",
+    "sessionWorkspaceDraftCreateWorktreeEnabled": "New sessions get an isolated managed worktree.",
+    "sessionWorkspaceDraftCreateWorktreeDisabled": "New sessions reuse the shared workspace directly.",
+    "sessionWorkspaceDraftCreateBranchLabel": "New branch: {{branch}}",
+    "sessionWorkspaceDraftGitUnavailable": "Git is unavailable for the current workspace.",
+    "sessionWorkspaceSearchWorktrees": "Search worktrees",
+    "sessionWorkspaceNoWorktrees": "No worktrees",
+    "sessionWorkspaceMode": "Mode",
+    "sessionWorkspaceState": "State",
+    "sessionWorkspaceBranch": "Branch",
+    "sessionWorkspacePath": "Path",
+    "sessionWorkspaceCleanup": "Cleanup",
+    "sessionWorkspaceCleanupDelete": "Deletes with session",
+    "sessionWorkspaceCleanupRetain": "Retained on delete",
+    "sessionWorkspaceBaseRef": "Base ref",
+    "sessionWorkspaceCurrentSession": "Current session",
+    "sessionWorkspaceRepositoryWorktrees": "Repository worktrees",
+    "sessionWorkspaceStateReady": "Ready",
+    "sessionWorkspaceStateProvisioning": "Provisioning",
+    "sessionWorkspaceStateDeleting": "Deleting",
+    "sessionWorkspaceStateDeleted": "Deleted",
+    "sessionWorkspaceStateBroken": "Broken",
+    "sessionWorkspaceCreateWorktreeSuccess": "Created a managed worktree for this session.",
+    "sessionWorkspaceTransferToLocalSuccess": "This worktree is now retained locally.",
+    "sessionWorkspaceForceDeleteTitle": "Delete dirty workspace?",
+    "sessionWorkspaceForceDeleteDescription": "This session workspace has uncommitted changes. Force delete the session and remove its bound worktree anyway?",
     "gitDetachedHead": "DETACHED",
     "gitSearchBranches": "Search local or remote branches",
+    "gitBranchViewMode": "Branch view mode",
+    "gitBranchViewTree": "Tree",
+    "gitBranchViewFlat": "Flat",
     "gitBranchesLocal": "Local branches",
     "gitBranchesWorktrees": "Other worktrees",
     "gitBranchesRemote": "Remote branches",
@@ -611,6 +658,7 @@
       "announcements": {
         "title": "Announcements"
       },
+      "moreCount": "{{count}} more",
       "specs": {
         "title": "Existing Flows",
         "params": "{{count}} params",
@@ -989,6 +1037,10 @@
           "label": "Conversation Style",
           "desc": "Controls the assistant’s interaction style"
         },
+        "createSessionWorktree": {
+          "label": "Create worktree for new sessions",
+          "desc": "Use a managed worktree by default when creating a new session"
+        },
         "customInstructions": {
           "label": "Custom Instructions",
           "desc": "Additional guidance for the assistant"

package/src/resources/locales/zh.json

@@ -166,6 +166,8 @@
     "lastRunAt": "最近运行：{{time}}",
     "noRunYet": "暂无运行记录",
     "emptyRules": "暂无自动化任务",
+    "mobileRules": "规则",
+    "mobileDetails": "详情",
     "selectRule": "请选择一个自动化任务",
     "ruleId": "规则 ID",
     "createdAt": "创建时间",
@@ -210,6 +212,8 @@
     "caseId": "用例：",
     "searchPlaceholder": "搜索分类、标题或摘要",
     "emptyCases": "暂无 benchmark 用例",
+    "mobileCases": "用例",
+    "mobileDetails": "详情",
     "noSummary": "暂无摘要",
     "configTitle": "用例配置",
     "baseCommit": "基线 Commit",
@@ -468,8 +472,51 @@
     "gitBranchSwitcher": "切换分支",
     "gitOperations": "Git 操作",
     "gitWorktree": "Worktree",
+    "statusBarTitle": "会话状态",
+    "statusBarSessionSubtitle": "这里统一展示当前会话绑定的工作区和 Git 上下文。",
+    "statusBarDraftSubtitle": "发送第一条消息前，先把新会话的工作区准备好。",
+    "sessionWorkspace": "会话工作区",
+    "sessionWorkspaceManaged": "托管 worktree",
+    "sessionWorkspaceShared": "共享工作区",
+    "sessionWorkspaceExternal": "外部工作区",
+    "sessionWorkspaceDraftCreateWorktree": "创建工作树",
+    "sessionWorkspaceDraftStrategyLocal": "本地",
+    "sessionWorkspaceDraftStrategyManaged": "新工作树",
+    "sessionWorkspaceMenuCurrentWorktree": "当前工作树",
+    "sessionWorkspaceMenuWorktreeList": "工作树列表",
+    "sessionWorkspaceMenuLaunchInWorktree": "以工作树模式启动",
+    "sessionWorkspaceMenuTransferToLocal": "转移到本地",
+    "sessionWorkspaceMenuCreateWorktree": "创建工作树",
+    "sessionWorkspaceDraftCreateWorktreeEnabled": "新会话会自动拿到一个隔离的托管 worktree。",
+    "sessionWorkspaceDraftCreateWorktreeDisabled": "新会话会直接复用当前共享工作区。",
+    "sessionWorkspaceDraftCreateBranchLabel": "新分支：{{branch}}",
+    "sessionWorkspaceDraftGitUnavailable": "当前工作区不可用 Git。",
+    "sessionWorkspaceSearchWorktrees": "搜索工作树",
+    "sessionWorkspaceNoWorktrees": "暂无工作树",
+    "sessionWorkspaceMode": "模式",
+    "sessionWorkspaceState": "状态",
+    "sessionWorkspaceBranch": "分支",
+    "sessionWorkspacePath": "路径",
+    "sessionWorkspaceCleanup": "清理策略",
+    "sessionWorkspaceCleanupDelete": "删除会话时一并删除",
+    "sessionWorkspaceCleanupRetain": "删除会话时保留",
+    "sessionWorkspaceBaseRef": "基线引用",
+    "sessionWorkspaceCurrentSession": "当前会话",
+    "sessionWorkspaceRepositoryWorktrees": "仓库 worktree",
+    "sessionWorkspaceStateReady": "就绪",
+    "sessionWorkspaceStateProvisioning": "创建中",
+    "sessionWorkspaceStateDeleting": "删除中",
+    "sessionWorkspaceStateDeleted": "已删除",
+    "sessionWorkspaceStateBroken": "异常",
+    "sessionWorkspaceCreateWorktreeSuccess": "已为当前会话创建托管工作树。",
+    "sessionWorkspaceTransferToLocalSuccess": "当前工作树已转为本地保留。",
+    "sessionWorkspaceForceDeleteTitle": "删除有改动的工作区？",
+    "sessionWorkspaceForceDeleteDescription": "这个会话工作区里还有未提交的改动。是否仍然强制删除会话，并移除它绑定的 worktree？",
     "gitDetachedHead": "DETACHED",
     "gitSearchBranches": "搜索本地或远程分支",
+    "gitBranchViewMode": "分支展示模式",
+    "gitBranchViewTree": "树状",
+    "gitBranchViewFlat": "平铺",
     "gitBranchesLocal": "本地分支",
     "gitBranchesWorktrees": "其他 worktree",
     "gitBranchesRemote": "远程分支",
@@ -612,6 +659,7 @@
       "announcements": {
         "title": "最新公告"
       },
+      "moreCount": "还有 {{count}} 项",
       "specs": {
         "title": "已有流程",
         "params": "{{count}} 个参数",
@@ -990,6 +1038,10 @@
           "label": "对话风格",
           "desc": "控制助手的对话风格"
         },
+        "createSessionWorktree": {
+          "label": "新建会话时创建工作树",
+          "desc": "默认给新会话分配一个托管 worktree"
+        },
         "customInstructions": {
           "label": "自定义指令",
           "desc": "为对话提供额外的提示与约束"