@lvce-editor/chat-debug-view 2.6.0 → 2.8.0

package/dist/chatDebugViewWorkerMain.js

@@ -978,7 +978,9 @@ const createDefaultState = () => {
     platform: 0,
     sessionId: '',
     sessionIdIndexName: 'sessionId',
+    showEventStreamFinishedEvents: false,
     showInputEvents: false,
+    showResponsePartEvents: false,
     uid: 0,
     uri: '',
     width: 0,
@@ -1014,7 +1016,7 @@ const diff = (oldState, newState) => {
   if (oldState.initial !== newState.initial) {
     return [RenderCss, RenderItems];
   }
-  if (oldState.errorMessage !== newState.errorMessage || oldState.events !== newState.events || oldState.filterValue !== newState.filterValue || oldState.sessionId !== newState.sessionId || oldState.showInputEvents !== newState.showInputEvents || oldState.uid !== newState.uid) {
+  if (oldState.errorMessage !== newState.errorMessage || oldState.events !== newState.events || oldState.filterValue !== newState.filterValue || oldState.sessionId !== newState.sessionId || oldState.showEventStreamFinishedEvents !== newState.showEventStreamFinishedEvents || oldState.showInputEvents !== newState.showInputEvents || oldState.showResponsePartEvents !== newState.showResponsePartEvents || oldState.uid !== newState.uid) {
     return [RenderItems];
   }
   return [];
@@ -1033,7 +1035,9 @@ const getBoolean = value => {
 };
 
 const Filter = 'filter';
+const ShowEventStreamFinishedEvents = 'showEventStreamFinishedEvents';
 const ShowInputEvents = 'showInputEvents';
+const ShowResponsePartEvents = 'showResponsePartEvents';
 
 const handleInput = (state, name, value, checked) => {
   if (name === Filter) {
@@ -1042,12 +1046,24 @@ const handleInput = (state, name, value, checked) => {
       filterValue: value
     };
   }
+  if (name === ShowEventStreamFinishedEvents) {
+    return {
+      ...state,
+      showEventStreamFinishedEvents: getBoolean(checked)
+    };
+  }
   if (name === ShowInputEvents) {
     return {
       ...state,
       showInputEvents: getBoolean(checked)
     };
   }
+  if (name === ShowResponsePartEvents) {
+    return {
+      ...state,
+      showResponsePartEvents: getBoolean(checked)
+    };
+  }
   return state;
 };
 
@@ -1318,6 +1334,22 @@ const getCss = () => {
 .TokenBoolean {
   color: var(--vscode-debugTokenExpression-boolean, var(--vscode-charts-yellow, #dcdcaa));
 }
+
+.ChatOrderedList{
+  margin:0;
+  padding:0;
+  padding-left:10px;
+}
+
+.ChatOrderedListItem{
+  margin:0;
+  padding:0;
+}
+
+.ChatToolCalls{
+  margin:0;
+  padding:0;
+}
 `;
 };
 
@@ -1341,6 +1373,7 @@ const text = data => {
 };
 
 const HandleInput = 4;
+const HandleFilterInput = 5;
 
 const numberRegex = /^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?/;
 const getTokenSegments = json => {
@@ -1443,7 +1476,7 @@ const getEventNode = event => {
     type: Pre
   }, ...tokenNodes];
 };
-const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEvents, events) => {
+const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStreamFinishedEvents, showInputEvents, showResponsePartEvents, events) => {
   if (errorMessage) {
     return [{
       childCount: 1,
@@ -1469,15 +1502,22 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     childCount: 0,
     className: 'InputBox',
     name: Filter,
-    onInput: HandleInput,
+    onInput: HandleFilterInput,
     placeholder: 'Filter events',
     type: Input,
     value: filterValue
   }, {
-    childCount: 2,
+    childCount: 6,
     className: 'ChatDebugViewToggle',
     type: Div
   }, {
+    checked: showEventStreamFinishedEvents,
+    childCount: 0,
+    inputType: 'checkbox',
+    name: ShowEventStreamFinishedEvents,
+    onChange: HandleInput,
+    type: Input
+  }, text('Show event stream finished events'), {
     checked: showInputEvents,
     childCount: 0,
     inputType: 'checkbox',
@@ -1485,6 +1525,13 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     onChange: HandleInput,
     type: Input
   }, text('Show input events'), {
+    checked: showResponsePartEvents,
+    childCount: 0,
+    inputType: 'checkbox',
+    name: ShowResponsePartEvents,
+    onChange: HandleInput,
+    type: Input
+  }, text('Show response part events'), {
     childCount: 1,
     className: 'ChatDebugViewEventCount',
     type: Div
@@ -1503,14 +1550,22 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
   }, text(errorMessage || 'No events')] : eventNodes)];
 };
 
-const getVisibleEvents = (events, showInputEvents) => {
-  if (showInputEvents) {
-    return events;
-  }
-  return events.filter(event => event.type !== 'handle-input');
+const getVisibleEvents = (events, showInputEvents, showResponsePartEvents, showEventStreamFinishedEvents) => {
+  return events.filter(event => {
+    if (!showInputEvents && event.type === 'handle-input') {
+      return false;
+    }
+    if (!showResponsePartEvents && event.type === 'sse-response-part') {
+      return false;
+    }
+    if (!showEventStreamFinishedEvents && event.type === 'event-stream-finished') {
+      return false;
+    }
+    return true;
+  });
 };
-const getFilteredEvents = (events, filterValue, showInputEvents) => {
-  const visibleEvents = getVisibleEvents(events, showInputEvents);
+const getFilteredEvents = (events, filterValue, showInputEvents, showResponsePartEvents, showEventStreamFinishedEvents) => {
+  const visibleEvents = getVisibleEvents(events, showInputEvents, showResponsePartEvents, showEventStreamFinishedEvents);
   const normalizedFilter = filterValue.trim().toLowerCase();
   if (!normalizedFilter) {
     return visibleEvents;
@@ -1528,8 +1583,8 @@ const withSessionEventIds = events => {
 };
 const renderItems = (oldState, newState) => {
   const eventsWithIds = withSessionEventIds(newState.events);
-  const filteredEvents = getFilteredEvents(eventsWithIds, newState.filterValue, newState.showInputEvents);
-  const dom = getChatDebugViewDom(newState.sessionId, newState.errorMessage, newState.filterValue, newState.showInputEvents, filteredEvents);
+  const filteredEvents = getFilteredEvents(eventsWithIds, newState.filterValue, newState.showInputEvents, newState.showResponsePartEvents, newState.showEventStreamFinishedEvents);
+  const dom = getChatDebugViewDom(newState.sessionId, newState.errorMessage, newState.filterValue, newState.showEventStreamFinishedEvents, newState.showInputEvents, newState.showResponsePartEvents, filteredEvents);
   return [SetDom2, newState.uid, dom];
 };
 
@@ -1567,6 +1622,9 @@ const render2 = (uid, diffResult) => {
 
 const renderEventListeners = () => {
   return [{
+    name: HandleFilterInput,
+    params: ['handleInput', TargetName, TargetValue]
+  }, {
     name: HandleInput,
     params: ['handleInput', TargetName, TargetValue, TargetChecked]
   }];
@@ -1588,7 +1646,9 @@ const saveState = state => {
     filterValue,
     height,
     sessionId,
+    showEventStreamFinishedEvents,
     showInputEvents,
+    showResponsePartEvents,
     width,
     x,
     y
@@ -1597,7 +1657,9 @@ const saveState = state => {
     filterValue,
     height,
     sessionId,
+    showEventStreamFinishedEvents,
     showInputEvents,
+    showResponsePartEvents,
     width,
     x,
     y

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-debug-view",
-  "version": "2.6.0",
+  "version": "2.8.0",
   "description": "Chat Debug View Worker",
   "repository": {
     "type": "git",