@vibe-forge/client 0.10.0 → 0.11.0

package/src/routes/ChatRoute.tsx

@@ -1,8 +1,9 @@
 import './ChatRoute.scss'
 
 import { Button, Empty } from 'antd'
+import { useEffect, useMemo, useRef } from 'react'
 import { useTranslation } from 'react-i18next'
-import { useNavigate, useParams } from 'react-router-dom'
+import { useNavigate, useParams, useSearchParams } from 'react-router-dom'
 import useSWR from 'swr'
 
 import type { Session } from '@vibe-forge/core'
@@ -12,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'
@@ -26,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 (
@@ -42,17 +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,
@@ -82,10 +80,37 @@ function ChatRouteView({
     hasAvailableModels,
     modelUnavailable
   } = useChatSession({ session })
-  const isEmptyNewSession = !session?.id && messages.length === 0
+  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 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)
+  const handledDeepLinkTargetRef = useRef('')
+
+  useEffect(() => {
+    if (deepLinkTargetKey === '') {
+      handledDeepLinkTargetRef.current = ''
+    } else if (handledDeepLinkTargetRef.current !== deepLinkTargetKey) {
+      handledDeepLinkTargetRef.current = deepLinkTargetKey
+      if (activeView !== 'history') {
+        setActiveView('history')
+      }
+    }
+  }, [activeView, deepLinkTargetKey, setActiveView])
 
   return (
     <div
@@ -106,9 +131,7 @@ function ChatRouteView({
           activeView={resolvedActiveView}
           isTerminalOpen={isTerminalOpen}
           onViewChange={setActiveView}
-          onToggleTerminal={() => {
-            setIsTerminalOpen(!isTerminalOpen)
-          }}
+          onToggleTerminal={() => setIsTerminalOpen(!isTerminalOpen)}
         />
       )}
 
@@ -117,8 +140,10 @@ function ChatRouteView({
           isReady={isReady}
           messages={messages}
           session={session}
+          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-gq_WMRvv.js

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

package/dist/assets/clone-XxGY7A5N.js

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

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

@@ -1 +0,0 @@
-import{f as o,p as e}from"./flowDb-c6c81e3f-CQJkOpAs.js";import{f as a,g as t}from"./styles-d45a18b0-CG-C1aM8.js";import{ar as i}from"./mermaid.core-Cq2bBFF1.js";import"./graph-Ig3nvzvL.js";import"./layout-DYNFLnIl.js";import"./index-Dbx0JG0p.js";import"./index-5325376f-C4zed9sb.js";import"./clone-XxGY7A5N.js";import"./edges-96097737-C07f4iWA.js";import"./createText-1719965b-BS2hLG8t.js";import"./line-1gvOYQYZ.js";import"./array-BKyUJesY.js";import"./path-CbwjOpE9.js";import"./channel-gq_WMRvv.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};