@lvce-editor/chat-debug-view 2.1.0 → 2.3.0

package/dist/chatDebugViewWorkerMain.js

@@ -978,7 +978,7 @@ const createDefaultState = () => {
     platform: 0,
     sessionId: '',
     sessionIdIndexName: 'sessionId',
-    showInputEvents: true,
+    showInputEvents: false,
     uid: 0,
     uri: '',
     width: 0,
@@ -1028,12 +1028,13 @@ const diff2 = uid => {
   return diff(oldState, newState);
 };
 
-const Filter = 'filter';
-const ShowInputEvents = 'showInputEvents';
-
 const getBoolean = value => {
   return value === true || value === 'true' || value === 'on' || value === '1';
 };
+
+const Filter = 'filter';
+const ShowInputEvents = 'showInputEvents';
+
 const handleInput = (state, name, value, checked) => {
   if (name === Filter) {
     return {
@@ -1241,8 +1242,39 @@ const getCss = () => {
   opacity: 0.8;
 }
 
+.ChatDebugViewEventCount {
+  font-size: 12px;
+  opacity: 0.8;
+}
+
 .ChatDebugViewEvents {
   overflow: auto;
+  scrollbar-width: thin;
+  scrollbar-color: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4)) transparent;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar {
+  width: 10px;
+  height: 10px;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-thumb {
+  background: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4));
+  border-radius: 999px;
+  border: 2px solid transparent;
+  background-clip: content-box;
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:hover {
+  background: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
+}
+
+.ChatDebugViewEvents::-webkit-scrollbar-thumb:active {
+  background: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
 }
 
 .ChatDebugViewEvent {
@@ -1255,6 +1287,7 @@ const getCss = () => {
   word-break: break-word;
   font-family: var(--vscode-editor-font-family, monospace);
   font-size: 12px;
+  user-select: text;
 }
 
 .ChatDebugViewEmpty {
@@ -1423,8 +1456,9 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     }, text(errorMessage)];
   }
   const eventNodes = events.flatMap(getEventNode);
+  const eventCountText = `${events.length} event${events.length === 1 ? '' : 's'}`;
   return [{
-    childCount: 3,
+    childCount: 4,
     className: 'ChatDebugView',
     type: Div
   }, {
@@ -1451,6 +1485,10 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showInputEven
     onChange: HandleInput,
     type: Input
   }, text('Show input events'), {
+    childCount: 1,
+    className: 'ChatDebugViewEventCount',
+    type: Div
+  }, text(eventCountText), {
     childCount: 1,
     className: 'ChatDebugViewSession',
     type: Div
@@ -1557,6 +1595,15 @@ const saveState = state => {
   };
 };
 
+const setEvents = (state, events) => {
+  return {
+    ...state,
+    errorMessage: '',
+    events,
+    initial: false
+  };
+};
+
 const setSessionId = async (state, sessionId) => {
   const events = await listChatViewEvents(sessionId, state.databaseName, state.dataBaseVersion, state.eventStoreName, state.sessionIdIndexName);
   return {
@@ -1581,6 +1628,7 @@ const commandMap = {
   'ChatDebug.rerender': wrapCommand(rerender),
   'ChatDebug.resize': wrapCommand(resize),
   'ChatDebug.saveState': wrapGetter(saveState),
+  'ChatDebug.setEvents': wrapCommand(setEvents),
   'ChatDebug.setSessionId': wrapCommand(setSessionId),
   'ChatDebug.terminate': terminate
 };

package/package.json

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