@vibe-forge/client 0.11.1 → 0.11.3

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

@@ -3,7 +3,7 @@ import type { SetStateAction } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useSWRConfig } from 'swr'
 
-import type { AskUserQuestionParams, ChatMessage, Session, WSEvent } from '@vibe-forge/core'
+import type { AskUserQuestionParams, ChatMessage, Session, SessionMessageQueueState, WSEvent } from '@vibe-forge/core'
 import type { SessionInfo } from '@vibe-forge/types'
 
 import { getSessionMessages } from '#~/api.js'
@@ -25,6 +25,8 @@ import type { ChatSessionViewSnapshot } from './session-view-cache'
 import type { ChatEffort } from './use-chat-effort'
 import type { PermissionMode } from './use-chat-permission-mode'
 
+const EMPTY_QUEUED_MESSAGES: SessionMessageQueueState = { steer: [], next: [] }
+
 const applyMessageEvent = (currentMessages: ChatMessage[], data: WSEvent) => {
   if (data.type !== 'message') return currentMessages
   const exists = currentMessages.find((msg) => msg.id === data.message.id)
@@ -71,6 +73,7 @@ export function useChatSessionMessages({
   const { mutate } = useSWRConfig()
   const [messagesState, setMessagesState] = useState<ChatMessage[]>([])
   const [sessionInfo, setSessionInfo] = useState<SessionInfo | null>(null)
+  const [queuedMessages, setQueuedMessages] = useState<SessionMessageQueueState>({ steer: [], next: [] })
   const [isReady, setIsReady] = useState(false)
   const [errorState, setErrorState] = useState<ChatErrorState | null>(null)
   const [retryCount, setRetryCount] = useState(0)
@@ -94,6 +97,7 @@ export function useChatSessionMessages({
     patch: Partial<{
       messages: ChatMessage[]
       sessionInfo: SessionInfo | null
+      queuedMessages: SessionMessageQueueState
       errorState: ChatErrorState | null
       interactionRequest: InteractionRequestState | null
       isHydrated: boolean
@@ -174,9 +178,11 @@ export function useChatSessionMessages({
           code: latestFatalError.code
         }
         : null
+      const nextQueuedMessages = res.queuedMessages ?? EMPTY_QUEUED_MESSAGES
 
       interactionRequestRef.current = restoredInteraction
       setInteractionRequest(restoredInteraction)
+      setQueuedMessages(nextQueuedMessages)
       setErrorState(nextErrorState)
 
       for (const data of events) {
@@ -192,6 +198,7 @@ export function useChatSessionMessages({
       updateSessionViewCache(sessionId, {
         messages: currentMessages,
         sessionInfo: currentSessionInfo,
+        queuedMessages: nextQueuedMessages,
         errorState: nextErrorState,
         interactionRequest: restoredInteraction,
         isHydrated: true
@@ -238,6 +245,7 @@ export function useChatSessionMessages({
     if (session?.id == null || session.id === '') {
       setMessagesState([])
       setSessionInfo(null)
+      setQueuedMessages(EMPTY_QUEUED_MESSAGES)
       setIsReady(true)
       setErrorState(null)
       setInteractionRequest(null)
@@ -255,12 +263,14 @@ export function useChatSessionMessages({
 
     setMessagesState(restoredState.messages)
     setSessionInfo(restoredState.sessionInfo)
+    setQueuedMessages(restoredState.queuedMessages)
     setErrorState(restoredState.errorState)
     setInteractionRequest(restoredState.interactionRequest)
     interactionRequestRef.current = restoredState.interactionRequest
     setIsReady(restoredState.isReady)
     isInitialLoadRef.current = !restoredState.isReady
 
+    void refreshHistory()
     void refreshHistory()
 
     return () => {
@@ -414,6 +424,14 @@ export function useChatSessionMessages({
             return
           }
 
+          if (data.type === 'session_queue_updated') {
+            setQueuedMessages(data.queue)
+            updateSessionViewCache(session.id, {
+              queuedMessages: data.queue
+            })
+            return
+          }
+
           if (data.type === 'message') {
             setMessages((current) => applyMessageEvent(current, data))
             return
@@ -513,6 +531,7 @@ export function useChatSessionMessages({
     messages: messagesState,
     setMessages,
     sessionInfo,
+    queuedMessages,
     isReady,
     errorState,
     retryConnection,

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

@@ -44,6 +44,7 @@ export function useChatSession({
     messages,
     setMessages,
     sessionInfo,
+    queuedMessages,
     isReady,
     errorState,
     retryConnection,
@@ -110,6 +111,7 @@ export function useChatSession({
   return {
     messages,
     sessionInfo,
+    queuedMessages,
     interactionRequest,
     isReady,
     errorState,

package/src/main.tsx

@@ -16,6 +16,14 @@ import { getClientBase, resolveDevDocumentTitle } from '#~/runtime-config.js'
 
 import App from './App'
 
+const gitRefLabel = import.meta.env.__VF_PROJECT_AI_GIT_REF_LABEL__ ?? ''
+
+const appTitle = import.meta.env.DEV && gitRefLabel !== ''
+  ? `Vibe Forge Web [${gitRefLabel}]`
+  : 'Vibe Forge Web'
+
+document.title = appTitle
+
 const root = createRoot(document.getElementById('root')!)
 
 const clientBase = getClientBase()

package/src/resources/locales/en.json

@@ -289,8 +289,8 @@
       "desc": "Manage roles, components, and domain entities for the project.",
       "empty": "No entities found.",
       "create": "Create Entity",
-      "createHint": "Create an entity definition under .ai/entities, then refresh the page.",
-      "importHint": "Import entity files into .ai/entities, then refresh the page."
+      "createHint": "Create an entity definition file, then refresh the page.",
+      "importHint": "Import entity definition files, then refresh the page."
     },
     "flows": {
       "title": "Flow Library",
@@ -351,6 +351,13 @@
     "permissionReasons": "Reasons",
     "permissionExpandOptions": "Show more options",
     "permissionCollapseOptions": "Show fewer options",
+    "permissionConfirmOption": "Confirm option",
+    "permissionConfirmOptionTooltip": "Confirm the currently highlighted permission option",
+    "permissionSendBlockedTooltip": "A permission choice is still pending. Confirm the option above first.",
+    "permissionSendBlockedError": "A permission choice is still pending, so sending is temporarily disabled.",
+    "interactionOptionNavigation": "Quick option navigation",
+    "interactionOptionPrevious": "Previous option",
+    "interactionOptionNext": "Next option",
     "tooltipSlashCommands": "Slash commands",
     "tooltipMentionAgents": "Mention agents",
     "tooltipInjectContext": "Inject context",
@@ -363,6 +370,24 @@
     "modelRemoveRecommendation": "Remove from recommended models",
     "effortShortcutTooltip": "Switch reasoning effort",
     "sendShortcutTooltip": "Send message",
+    "queue": {
+      "steerTitle": "Send After Current Turn",
+      "nextTitle": "Send At Next Safe Point",
+      "count": "{{count}} queued",
+      "sendAfterTurn": "After turn",
+      "sendNext": "Next safe point",
+      "steerShortcutTooltip": "Queue the message until the current turn finishes",
+      "nextShortcutTooltip": "Queue the message and send it at the next safe point",
+      "attachmentsOnly": "Contains queued images or references",
+      "hasImage": "Contains images",
+      "hasReference": "Contains references",
+      "moveToSteer": "Move to send after current turn",
+      "moveToNext": "Move to send at next safe point",
+      "requeueMessage": "Re-queue message",
+      "stopCurrentRun": "Stop current run",
+      "stopShortcutTooltip": "Press Esc twice to stop the current run",
+      "stopShortcutConfirm": "Press Esc again to stop the current run"
+    },
     "adapterLockedTooltip": "Adapters are locked after a session is created",
     "referenceActionsShort": "More",
     "referenceActionsTitle": "More",
@@ -595,9 +620,9 @@
       },
       "entities": {
         "title": "Existing Entities",
-        "empty": "No entities found. Add them under .ai/entities to show here.",
+        "empty": "No entities found. Add entity definition files to show them here.",
         "create": "Quick Create Entity",
-        "createToast": "Create an entity definition under .ai/entities, then refresh the page."
+        "createToast": "Create an entity definition file, then refresh the page."
       },
       "help": {
         "title": "Help",
@@ -607,9 +632,15 @@
         "footer": "Add usage guidance to flow descriptions when needed"
       }
     },
+    "attachments": {
+      "pastedImage": "Pasted image"
+    },
     "todo": {
       "noTasks": "No tasks planned",
-      "progress": "Progress: {{completed}}/{{total}} completed"
+      "progress": "Progress: {{completed}}/{{total}} completed",
+      "pendingCount": "{{count}} todo",
+      "inProgressCount": "{{count}} doing",
+      "completedCount": "{{count}} done"
     },
     "tools": {
       "read": "Read File",

package/src/resources/locales/zh.json

@@ -290,8 +290,8 @@
       "desc": "管理项目内的角色、组件或领域实体。",
       "empty": "暂未发现实体。",
       "create": "新建实体",
-      "createHint": "请在 .ai/entities 中创建实体定义文件，保存后刷新页面。",
-      "importHint": "请将实体文件导入至 .ai/entities，保存后刷新页面。"
+      "createHint": "请创建实体定义文件，保存后刷新页面。",
+      "importHint": "请导入实体定义文件，保存后刷新页面。"
     },
     "flows": {
       "title": "流程库",
@@ -352,6 +352,13 @@
     "permissionReasons": "原因",
     "permissionExpandOptions": "展开更多选项",
     "permissionCollapseOptions": "收起更多选项",
+    "permissionConfirmOption": "确认选项",
+    "permissionConfirmOptionTooltip": "确认当前高亮的权限选项",
+    "permissionSendBlockedTooltip": "当前正在等待权限选项确认，请先确认上方选项",
+    "permissionSendBlockedError": "当前正在等待权限选项确认，暂时不能发送消息",
+    "interactionOptionNavigation": "选项快速切换",
+    "interactionOptionPrevious": "上一个选项",
+    "interactionOptionNext": "下一个选项",
     "tooltipSlashCommands": "快捷指令",
     "tooltipMentionAgents": "提及代理",
     "tooltipInjectContext": "注入上下文",
@@ -364,6 +371,24 @@
     "modelRemoveRecommendation": "从推荐模型中移除",
     "effortShortcutTooltip": "切换推理强度",
     "sendShortcutTooltip": "发送消息",
+    "queue": {
+      "steerTitle": "等待当前轮结束后发送",
+      "nextTitle": "合适时机发送",
+      "count": "{{count}} 条待发送",
+      "sendAfterTurn": "等待结束后发",
+      "sendNext": "下一轮发",
+      "steerShortcutTooltip": "等待当前轮结束后发送",
+      "nextShortcutTooltip": "在下一个合适时机发送",
+      "attachmentsOnly": "包含待发送的图片或引用",
+      "hasImage": "包含图片",
+      "hasReference": "包含引用",
+      "moveToSteer": "移动到等待当前轮结束后发送",
+      "moveToNext": "移动到合适时机发送",
+      "requeueMessage": "重新入队",
+      "stopCurrentRun": "停止当前执行",
+      "stopShortcutTooltip": "按两次 Esc 停止当前执行",
+      "stopShortcutConfirm": "再按一次 Esc 停止当前执行"
+    },
     "adapterLockedTooltip": "创建会话后适配器会锁定",
     "referenceActionsShort": "更多",
     "referenceActionsTitle": "更多",
@@ -596,9 +621,9 @@
       },
       "entities": {
         "title": "已有实体",
-        "empty": "暂未发现实体，放入 .ai/entities 即可展示。",
+        "empty": "暂未发现实体，加入实体定义文件后即可展示。",
         "create": "快速创建实体",
-        "createToast": "请在 .ai/entities 下创建实体定义文件，保存后刷新页面。"
+        "createToast": "请创建实体定义文件，保存后刷新页面。"
       },
       "help": {
         "title": "一些帮助",
@@ -608,9 +633,15 @@
         "footer": "需要更多引导时，可在流程描述中写明使用方式"
       }
     },
+    "attachments": {
+      "pastedImage": "粘贴图片"
+    },
     "todo": {
       "noTasks": "未规划任务",
-      "progress": "任务进度: {{completed}}/{{total}} 已完成"
+      "progress": "任务进度: {{completed}}/{{total}} 已完成",
+      "pendingCount": "{{count}} 待办",
+      "inProgressCount": "{{count}} 进行中",
+      "completedCount": "{{count}} 已完成"
     },
     "tools": {
       "read": "读取文件",

package/src/routes/ChatRoute.scss

@@ -1,4 +1,6 @@
 .chat-container {
+  --chat-content-max-width: 1040px;
+
   display: flex;
   flex-direction: column;
   flex: 1;
@@ -231,12 +233,48 @@
   display: flex;
   flex-direction: column;
   justify-content: flex-end;
-  padding: 0 12px 12px;
   transition:
     flex .4s cubic-bezier(.4, 0, .2, 1),
     padding-bottom .4s cubic-bezier(.4, 0, .2, 1);
 }
 
+.chat-composer-stack {
+  flex: 0;
+  padding: 0 24px 24px;
+}
+
+.chat-composer-stack__inner {
+  width: min(100%, var(--chat-content-max-width));
+  margin: 0 auto;
+  display: flex;
+  flex-direction: column;
+}
+
+.chat-composer-stack__inner > * {
+  width: 100%;
+}
+
+.chat-composer-stack__inner > :not(:first-child).chat-composer-card,
+.chat-composer-stack__inner > :not(:first-child) .chat-composer-card {
+  border-top-left-radius: 0;
+  border-top-right-radius: 0;
+}
+
+.chat-composer-stack__inner > :not(:last-child).chat-composer-card,
+.chat-composer-stack__inner > :not(:last-child) .chat-composer-card {
+  margin-bottom: -1px;
+  border-bottom-left-radius: 0;
+  border-bottom-right-radius: 0;
+}
+
+.chat-composer-stack__inner
+  > :not(:first-child):not(:last-child).chat-composer-card,
+.chat-composer-stack__inner
+  > :not(:first-child):not(:last-child)
+  .chat-composer-card {
+  border-radius: 0;
+}
+
 .scroll-bottom-btn {
   position: sticky;
   bottom: 24px;
@@ -281,3 +319,9 @@
   align-content: center;
   gap: 16px;
 }
+
+@media (max-width: 768px) {
+  .chat-composer-stack {
+    padding: 0 16px 16px;
+  }
+}

package/src/routes/ChatRoute.tsx

@@ -48,6 +48,7 @@ function ChatRouteView({ session }: { session?: Session }) {
   const {
     messages,
     sessionInfo,
+    queuedMessages,
     interactionRequest,
     isReady,
     errorState,
@@ -123,6 +124,7 @@ function ChatRouteView({ session }: { session?: Session }) {
           sessionInfo={sessionInfo}
           sessionId={session.id}
           sessionTitle={session.title}
+          sessionStatus={session.status}
           isStarred={session.isStarred}
           isArchived={session.isArchived}
           tags={session.tags}
@@ -144,6 +146,7 @@ function ChatRouteView({ session }: { session?: Session }) {
           targetToolUseId={targetToolUseId}
           sessionInfo={sessionInfo}
           historyStatusNotices={historyStatusNotices}
+          queuedMessages={queuedMessages}
           onRetryConnection={retryConnection}
           interactionRequest={interactionRequest}
           onInteractionResponse={handleInteractionResponse}

package/dist/assets/channel-CeKPk6Nd.js

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

package/dist/assets/clone-CrkD2PuD.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-BfKbhiq5.js";import{f as a,g as t}from"./styles-d45a18b0-BgqAgJyW.js";import{ar as i}from"./mermaid.core-Cg1CCDo6.js";import"./graph-CukaUc0o.js";import"./layout-Z7yUG7hB.js";import"./index-BZosmb5_.js";import"./index-5325376f-CVISZFPw.js";import"./clone-CrkD2PuD.js";import"./edges-96097737-DuTBJJRv.js";import"./createText-1719965b-CigPEIEn.js";import"./line-DPG_cfAy.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-CeKPk6Nd.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};