@vibe-forge/client 0.10.1 → 0.11.0

package/src/routes/ChatRoute.tsx

@@ -1,7 +1,7 @@
 import './ChatRoute.scss'
 
 import { Button, Empty } from 'antd'
-import { useEffect, useRef } from 'react'
+import { useEffect, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
 import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
 import useSWR from 'swr'
@@ -13,6 +13,7 @@ import { ChatHeader } from '#~/components/chat/ChatHeader.js'
 import { ChatHistoryView } from '#~/components/chat/ChatHistoryView.js'
 import { ChatSettingsView } from '#~/components/chat/ChatSettingsView.js'
 import { ChatTimelineView } from '#~/components/chat/ChatTimelineView.js'
+import { buildChatHistoryStatusNotices } from '#~/components/chat/messages/build-chat-history-status-notices'
 import { ChatTerminalView } from '#~/components/chat/terminal/ChatTerminalView.js'
 import { useChatSession } from '#~/hooks/chat/use-chat-session'
 import { useTerminalDockVisibility } from '#~/hooks/chat/use-terminal-dock-visibility'
@@ -27,9 +28,7 @@ export function ChatRoute() {
   )
   const session = sessionId == null ? undefined : sessionsRes?.sessions.find(item => item.id === sessionId)
 
-  if (sessionId != null && isLoading) {
-    return null
-  }
+  if (sessionId != null && isLoading) return null
 
   if (sessionId != null && session == null) {
     return (
@@ -43,18 +42,15 @@ export function ChatRoute() {
   return <ChatRouteView session={session} />
 }
 
-function ChatRouteView({
-  session
-}: {
-  session?: Session
-}) {
+function ChatRouteView({ session }: { session?: Session }) {
+  const { t } = useTranslation()
   const [searchParams] = useSearchParams()
   const {
     messages,
     sessionInfo,
     interactionRequest,
     isReady,
-    errorBanner,
+    errorState,
     retryConnection,
     activeView,
     isTerminalOpen,
@@ -86,12 +82,20 @@ function ChatRouteView({
   } = useChatSession({ session })
   const targetMessageId = searchParams.get('messageId') ?? undefined
   const targetToolUseId = searchParams.get('toolUseId') ?? undefined
+  const isDebugMode = searchParams.get('debug') === 'true'
   const deepLinkTargetKey = targetToolUseId?.trim()
     ? `tool:${targetToolUseId.trim()}`
     : targetMessageId?.trim()
-      ? `message:${targetMessageId.trim()}`
-      : ''
-  const isEmptyNewSession = !session?.id && messages.length === 0
+    ? `message:${targetMessageId.trim()}`
+    : ''
+  const historyStatusNotices = useMemo(() =>
+    buildChatHistoryStatusNotices({
+      errorState,
+      isDebugMode,
+      modelUnavailable,
+      t
+    }), [errorState, isDebugMode, modelUnavailable, t])
+  const isEmptyNewSession = !session?.id && messages.length === 0 && historyStatusNotices.length === 0
   const resolvedActiveView = session?.id != null ? activeView : 'history'
   const shouldShowTerminal = session?.id != null && isTerminalOpen
   const { isRendered: isTerminalRendered, isVisible: isTerminalVisible } = useTerminalDockVisibility(shouldShowTerminal)
@@ -100,16 +104,11 @@ function ChatRouteView({
   useEffect(() => {
     if (deepLinkTargetKey === '') {
       handledDeepLinkTargetRef.current = ''
-      return
-    }
-
-    if (handledDeepLinkTargetRef.current === deepLinkTargetKey) {
-      return
-    }
-
-    handledDeepLinkTargetRef.current = deepLinkTargetKey
-    if (activeView !== 'history') {
-      setActiveView('history')
+    } else if (handledDeepLinkTargetRef.current !== deepLinkTargetKey) {
+      handledDeepLinkTargetRef.current = deepLinkTargetKey
+      if (activeView !== 'history') {
+        setActiveView('history')
+      }
     }
   }, [activeView, deepLinkTargetKey, setActiveView])
 
@@ -132,9 +131,7 @@ function ChatRouteView({
           activeView={resolvedActiveView}
           isTerminalOpen={isTerminalOpen}
           onViewChange={setActiveView}
-          onToggleTerminal={() => {
-            setIsTerminalOpen(!isTerminalOpen)
-          }}
+          onToggleTerminal={() => setIsTerminalOpen(!isTerminalOpen)}
         />
       )}
 
@@ -146,7 +143,7 @@ function ChatRouteView({
           targetMessageId={targetMessageId}
           targetToolUseId={targetToolUseId}
           sessionInfo={sessionInfo}
-          errorBanner={errorBanner}
+          historyStatusNotices={historyStatusNotices}
           onRetryConnection={retryConnection}
           interactionRequest={interactionRequest}
           onInteractionResponse={handleInteractionResponse}

package/src/utils/strip-ansi.ts

@@ -0,0 +1,26 @@
+const ESCAPE = 27
+
+export const stripAnsi = (value: string) => {
+  let output = ''
+  let index = 0
+
+  while (index < value.length) {
+    if (value.charCodeAt(index) === ESCAPE && value[index + 1] === '[') {
+      index += 2
+      while (index < value.length) {
+        const code = value.charCodeAt(index)
+        if (code >= 64 && code <= 126) {
+          index += 1
+          break
+        }
+        index += 1
+      }
+      continue
+    }
+
+    output += value[index]
+    index += 1
+  }
+
+  return output
+}

package/dist/assets/channel-F1aqMANO.js

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

package/dist/assets/clone-B-GCuXNo.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-BQjX_flP.js";import{f as a,g as t}from"./styles-d45a18b0-B6fGtDKS.js";import{ar as i}from"./mermaid.core-B0yG5s4D.js";import"./graph-BZ1F0Yve.js";import"./layout-CTcHNbHp.js";import"./index-C0vjF3D0.js";import"./index-5325376f-Da9zSHjA.js";import"./clone-B-GCuXNo.js";import"./edges-96097737-CkZ1ZBro.js";import"./createText-1719965b-Dykv8kT9.js";import"./line-4AwinCz2.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-F1aqMANO.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};