@lvce-editor/chat-debug-view 3.0.0 → 3.2.0

package/dist/chatDebugViewWorkerMain.js

@@ -1074,12 +1074,20 @@ const requestToPromise = async createRequest => {
     reject,
     resolve
   } = Promise.withResolvers();
-  request.addEventListener('success', () => {
+  const onSuccess = () => {
+    cleanup();
     resolve(request.result);
-  });
-  request.addEventListener('error', () => {
+  };
+  const onError = () => {
+    cleanup();
     reject(request.error || new Error('IndexedDB request failed'));
-  });
+  };
+  const cleanup = () => {
+    request.removeEventListener('success', onSuccess);
+    request.removeEventListener('error', onError);
+  };
+  request.addEventListener('success', onSuccess);
+  request.addEventListener('error', onError);
   return promise;
 };
 
@@ -1126,29 +1134,46 @@ const listChatViewEvents = async (sessionId, databaseName, dataBaseVersion, even
 };
 
 const chatDebugUriPattern = /^chat-debug:\/\/([^/?#]+)$/;
+const invalidSessionIdPattern = /[/?#]/;
+const ParseChatDebugUriErrorCode = {
+  InvalidSessionId: 'invalid-session-id',
+  InvalidUriEncoding: 'invalid-uri-encoding',
+  InvalidUriFormat: 'invalid-uri-format',
+  MissingUri: 'missing-uri'
+};
+const createErrorResult = (code, message) => {
+  return {
+    code,
+    message,
+    type: 'error'
+  };
+};
 const parseChatDebugUri = uri => {
   if (!uri) {
-    throw new Error('Missing URI');
+    return createErrorResult(ParseChatDebugUriErrorCode.MissingUri, 'Missing URI');
   }
   const match = uri.match(chatDebugUriPattern);
   if (!match) {
-    throw new Error('Invalid URI format');
+    return createErrorResult(ParseChatDebugUriErrorCode.InvalidUriFormat, 'Invalid URI format');
   }
   const encodedSessionId = match[1];
   let sessionId;
   try {
     sessionId = decodeURIComponent(encodedSessionId);
   } catch {
-    throw new Error('Invalid URI encoding');
+    return createErrorResult(ParseChatDebugUriErrorCode.InvalidUriEncoding, 'Invalid URI encoding');
   }
-  if (!sessionId || /[/?#]/.test(sessionId)) {
-    throw new Error('Invalid session id');
+  if (!sessionId || invalidSessionIdPattern.test(sessionId)) {
+    return createErrorResult(ParseChatDebugUriErrorCode.InvalidSessionId, 'Invalid session id');
   }
-  return sessionId;
+  return {
+    sessionId,
+    type: 'success'
+  };
 };
 
-const getInvalidUriMessage = uri => {
-  if (!uri) {
+const getInvalidUriMessage = (uri, code) => {
+  if (code === ParseChatDebugUriErrorCode.MissingUri) {
     return 'Unable to load debug session: missing URI. Expected format: chat-debug://<sessionId>.';
   }
   return `Unable to load debug session: invalid URI "${uri}". Expected format: chat-debug://<sessionId>.`;
@@ -1167,18 +1192,19 @@ const loadContent = async state => {
     sessionIdIndexName,
     uri
   } = state;
-  let sessionId = '';
-  try {
-    sessionId = parseChatDebugUri(uri);
-  } catch {
+  const parsed = parseChatDebugUri(uri);
+  if (parsed.type === 'error') {
     return {
       ...state,
-      errorMessage: getInvalidUriMessage(uri),
+      errorMessage: getInvalidUriMessage(uri, parsed.code),
       events: [],
       initial: false,
-      sessionId
+      sessionId: ''
     };
   }
+  const {
+    sessionId
+  } = parsed;
   try {
     const events = await listChatViewEvents(sessionId, databaseName, dataBaseVersion, eventStoreName, sessionIdIndexName);
     if (events.length === 0) {
@@ -1253,6 +1279,12 @@ const getCss = () => {
   white-space: nowrap;
 }
 
+.ChatDebugViewToggleLabel {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+}
+
 .ChatDebugViewSession {
   font-size: 12px;
   opacity: 0.8;
@@ -1363,6 +1395,7 @@ const Input = 6;
 const Span = 8;
 const Text = 12;
 const Pre = 51;
+const Label = 66;
 
 const text = data => {
   return {
@@ -1376,6 +1409,7 @@ const HandleInput = 4;
 const HandleFilterInput = 5;
 
 const numberRegex = /^-?(?:0|[1-9]\d*)(?:\.\d+)?(?:[eE][+-]?\d+)?/;
+const whitespaceRegex = /\s/u;
 const getTokenSegments = json => {
   const segments = [];
   const pushToken = (className, value) => {
@@ -1416,7 +1450,7 @@ const getTokenSegments = json => {
       }
       const tokenValue = json.slice(start, i);
       let lookAheadIndex = i;
-      while (lookAheadIndex < json.length && /\s/u.test(json[lookAheadIndex])) {
+      while (lookAheadIndex < json.length && whitespaceRegex.test(json[lookAheadIndex])) {
         lookAheadIndex++;
       }
       const className = json[lookAheadIndex] === ':' ? 'TokenKey' : 'TokenString';
@@ -1489,7 +1523,11 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStre
     }, text(errorMessage)];
   }
   const eventNodes = events.flatMap(getEventNode);
-  const eventCountText = `${events.length} event${events.length === 1 ? '' : 's'}`;
+  const trimmedFilterValue = filterValue.trim();
+  const hasFilterValue = trimmedFilterValue.length > 0;
+  const noFilteredEventsMessage = `no events found matching ${trimmedFilterValue}`;
+  const eventCountText = events.length === 0 && hasFilterValue ? noFilteredEventsMessage : `${events.length} event${events.length === 1 ? '' : 's'}`;
+  const emptyMessage = events.length === 0 && hasFilterValue ? noFilteredEventsMessage : 'No events';
   return [{
     childCount: 4,
     className: 'ChatDebugView',
@@ -1501,15 +1539,20 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStre
   }, {
     childCount: 0,
     className: 'InputBox',
+    inputType: 'search',
     name: Filter,
     onInput: HandleFilterInput,
     placeholder: 'Filter events',
     type: Input,
     value: filterValue
   }, {
-    childCount: 6,
+    childCount: 3,
     className: 'ChatDebugViewToggle',
     type: Div
+  }, {
+    childCount: 2,
+    className: 'ChatDebugViewToggleLabel',
+    type: Label
   }, {
     checked: showEventStreamFinishedEvents,
     childCount: 0,
@@ -1518,6 +1561,10 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStre
     onChange: HandleInput,
     type: Input
   }, text('Show event stream finished events'), {
+    childCount: 2,
+    className: 'ChatDebugViewToggleLabel',
+    type: Label
+  }, {
     checked: showInputEvents,
     childCount: 0,
     inputType: 'checkbox',
@@ -1525,6 +1572,10 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStre
     onChange: HandleInput,
     type: Input
   }, text('Show input events'), {
+    childCount: 2,
+    className: 'ChatDebugViewToggleLabel',
+    type: Label
+  }, {
     checked: showResponsePartEvents,
     childCount: 0,
     inputType: 'checkbox',
@@ -1547,12 +1598,12 @@ const getChatDebugViewDom = (sessionId, errorMessage, filterValue, showEventStre
     childCount: 1,
     className: errorMessage ? 'ChatDebugViewError' : 'ChatDebugViewEmpty',
     type: Div
-  }, text(errorMessage || 'No events')] : eventNodes)];
+  }, text(errorMessage || emptyMessage)] : eventNodes)];
 };
 
 const getVisibleEvents = (events, showInputEvents, showResponsePartEvents, showEventStreamFinishedEvents) => {
   return events.filter(event => {
-    if (!showInputEvents && event.type === 'handle-input') {
+    if (!showInputEvents && (event.type === 'handle-input' || event.type === 'handle-submit')) {
       return false;
     }
     if (!showResponsePartEvents && event.type === 'sse-response-part') {

package/package.json

@@ -1,10 +1,10 @@
 {
   "name": "@lvce-editor/chat-debug-view",
-  "version": "3.0.0",
+  "version": "3.2.0",
   "description": "Chat Debug View Worker",
   "repository": {
     "type": "git",
-    "url": "git+https://github.com/lvce-editor/chat-view.git"
+    "url": "git+https://github.com/lvce-editor/chat-debug-view.git"
   },
   "license": "MIT",
   "author": "Lvce Editor",