@lvce-editor/static-server 0.75.10 → 0.75.12

package/static/{3db9eb3 → 80a82a6}/packages/chat-view/dist/chatViewWorkerMain.js

@@ -698,7 +698,7 @@ const getErrorResponse = (id, error, preparePrettyError, logError) => {
   const errorProperty = getErrorProperty(error, prettyError);
   return create$1$1(id, errorProperty);
 };
-const create$9 = (message, result) => {
+const create$a = (message, result) => {
   return {
     id: message.id,
     jsonrpc: Two$1,
@@ -707,7 +707,7 @@ const create$9 = (message, result) => {
 };
 const getSuccessResponse = (message, result) => {
   const resultProperty = result ?? null;
-  return create$9(message, resultProperty);
+  return create$a(message, resultProperty);
 };
 const getErrorResponseSimple = (id, error) => {
   return {
@@ -801,7 +801,7 @@ const handleJsonRpcMessage = async (...args) => {
 
 const Two = '2.0';
 
-const create$8 = (method, params) => {
+const create$9 = (method, params) => {
   return {
     jsonrpc: Two,
     method,
@@ -809,7 +809,7 @@ const create$8 = (method, params) => {
   };
 };
 
-const create$7 = (id, method, params) => {
+const create$8 = (id, method, params) => {
   const message = {
     id,
     jsonrpc: Two,
@@ -820,12 +820,12 @@ const create$7 = (id, method, params) => {
 };
 
 let id$1 = 0;
-const create$6 = () => {
+const create$7 = () => {
   return ++id$1;
 };
 
 const registerPromise = map => {
-  const id = create$6();
+  const id = create$7();
   const {
     promise,
     resolve
@@ -842,7 +842,7 @@ const invokeHelper = async (callbacks, ipc, method, params, useSendAndTransfer)
     id,
     promise
   } = registerPromise(callbacks);
-  const message = create$7(id, method, params);
+  const message = create$8(id, method, params);
   if (useSendAndTransfer && ipc.sendAndTransfer) {
     ipc.sendAndTransfer(message);
   } else {
@@ -878,7 +878,7 @@ const createRpc = ipc => {
      * @deprecated
      */
     send(method, ...params) {
-      const message = create$8(method, params);
+      const message = create$9(method, params);
       ipc.send(message);
     }
   };
@@ -918,7 +918,7 @@ const listen$1 = async (module, options) => {
   return ipc;
 };
 
-const create$5 = async ({
+const create$6 = async ({
   commandMap,
   isMessagePortOpen = true,
   messagePort
@@ -936,7 +936,7 @@ const create$5 = async ({
   return rpc;
 };
 
-const create$4 = async ({
+const create$5 = async ({
   commandMap,
   isMessagePortOpen,
   send
@@ -946,13 +946,55 @@ const create$4 = async ({
     port2
   } = new MessageChannel();
   await send(port1);
-  return create$5({
+  return create$6({
     commandMap,
     isMessagePortOpen,
     messagePort: port2
   });
 };
 
+const createSharedLazyRpc = factory => {
+  let rpcPromise;
+  const getOrCreate = () => {
+    if (!rpcPromise) {
+      rpcPromise = factory();
+    }
+    return rpcPromise;
+  };
+  return {
+    async dispose() {
+      const rpc = await getOrCreate();
+      await rpc.dispose();
+    },
+    async invoke(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invoke(method, ...params);
+    },
+    async invokeAndTransfer(method, ...params) {
+      const rpc = await getOrCreate();
+      return rpc.invokeAndTransfer(method, ...params);
+    },
+    async send(method, ...params) {
+      const rpc = await getOrCreate();
+      rpc.send(method, ...params);
+    }
+  };
+};
+
+const create$4 = async ({
+  commandMap,
+  isMessagePortOpen,
+  send
+}) => {
+  return createSharedLazyRpc(() => {
+    return create$5({
+      commandMap,
+      isMessagePortOpen,
+      send
+    });
+  });
+};
+
 const create$3 = async ({
   commandMap
 }) => {
@@ -964,9 +1006,6 @@ const create$3 = async ({
   return rpc;
 };
 
-const ExtensionHostWorker = 44;
-const RendererWorker = 1;
-
 const createMockRpc = ({
   commandMap
 }) => {
@@ -988,7 +1027,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$3 = (id, rpc) => {
+const set$4 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1021,7 +1060,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$3(rpcId, mockRpc);
+      set$4(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1030,11 +1069,35 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$3(rpcId, rpc);
+      set$4(rpcId, rpc);
     }
   };
 };
 
+const {
+  set: set$3
+} = create$2(6002);
+
+const ClientX = 'event.clientX';
+const ClientY = 'event.clientY';
+const Key = 'event.key';
+const ShiftKey = 'event.shiftKey';
+const TargetName = 'event.target.name';
+const TargetValue = 'event.target.value';
+
+const ExtensionHostWorker = 44;
+const RendererWorker = 1;
+
+const FocusSelector = 'Viewlet.focusSelector';
+const SetCss = 'Viewlet.setCss';
+const SetDom2 = 'Viewlet.setDom2';
+const SetFocusContext = 'Viewlet.setFocusContext';
+const SetProperty = 'Viewlet.setProperty';
+const SetValueByName = 'Viewlet.setValueByName';
+const SetPatches = 'Viewlet.setPatches';
+
+const FocusChatInput = 8000;
+
 const {
   invoke: invoke$1,
   set: set$2
@@ -1251,6 +1314,9 @@ const chats = () => {
 const newChat = () => {
   return i18nString('New Chat');
 };
+const debug = () => {
+  return i18nString('Debug');
+};
 const backToChats = () => {
   return i18nString('Back to chats');
 };
@@ -1386,11 +1452,16 @@ const getDefaultModels = () => {
 const createDefaultState = () => {
   const defaultSessionId = 'session-1';
   const defaultModelId = 'test';
+  const chatMessageFontSize = 13;
+  const chatMessageLineHeight = 20;
   const composerFontSize = 13;
   const composerLineHeight = 20;
   return {
     assetDir: '',
     chatListScrollTop: 0,
+    chatMessageFontFamily: 'system-ui',
+    chatMessageFontSize,
+    chatMessageLineHeight,
     composerFontFamily: 'system-ui',
     composerFontSize,
     composerHeight: composerLineHeight + 8,
@@ -1407,6 +1478,7 @@ const createDefaultState = () => {
     listItemHeight: 40,
     maxComposerRows: 5,
     messagesScrollTop: 0,
+    mockAiResponseDelay: 800,
     mockApiCommandId: '',
     models: getDefaultModels(),
     nextMessageId: 1,
@@ -1419,6 +1491,7 @@ const createDefaultState = () => {
     openRouterApiKeyInput: '',
     openRouterApiKeysSettingsUrl: 'https://openrouter.ai/settings/keys',
     openRouterApiKeyState: 'idle',
+    passIncludeObfuscation: false,
     platform: 0,
     renamingSessionId: '',
     selectedModelId: defaultModelId,
@@ -1466,7 +1539,7 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.initial === newState.initial && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize;
+  return oldState.initial === newState.initial && oldState.chatMessageFontFamily === newState.chatMessageFontFamily && oldState.chatMessageFontSize === newState.chatMessageFontSize && oldState.chatMessageLineHeight === newState.chatMessageLineHeight && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize && oldState.listItemHeight === newState.listItemHeight;
 };
 
 const diffFocus = (oldState, newState) => {
@@ -1522,23 +1595,6 @@ const diff2 = uid => {
   return result;
 };
 
-const ClientX = 'event.clientX';
-const ClientY = 'event.clientY';
-const Key = 'event.key';
-const ShiftKey = 'event.shiftKey';
-const TargetName = 'event.target.name';
-const TargetValue = 'event.target.value';
-
-const FocusSelector = 'Viewlet.focusSelector';
-const SetCss = 'Viewlet.setCss';
-const SetDom2 = 'Viewlet.setDom2';
-const SetFocusContext = 'Viewlet.setFocusContext';
-const SetProperty = 'Viewlet.setProperty';
-const SetValueByName = 'Viewlet.setValueByName';
-const SetPatches = 'Viewlet.setPatches';
-
-const FocusChatInput = 8000;
-
 const Button$2 = 'button';
 
 const Button$1 = 1;
@@ -1883,18 +1939,12 @@ const getListIndex = (state, eventX, eventY) => {
     x,
     y
   } = state;
-  if (eventX < x || eventY < y) {
-    return -1;
-  }
-  if (eventX >= x + width || eventY >= y + height) {
+  const relativeX = eventX - x;
+  const relativeY = eventY - y - headerHeight;
+  if (relativeX < 0 || relativeY < 0 || relativeX >= width || relativeY >= height - headerHeight) {
     return -1;
   }
-  const listY = eventY - y - headerHeight;
-  if (listY < 0) {
-    return -1;
-  }
-  const itemHeight = listItemHeight > 0 ? listItemHeight : 40;
-  return Math.floor(listY / itemHeight);
+  return Math.floor(relativeY / listItemHeight);
 };
 
 const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
@@ -1934,29 +1984,6 @@ const requestToPromise = async createRequest => {
   return promise;
 };
 
-const openSessionsDatabase = async (databaseName, databaseVersion, storeName) => {
-  const request = indexedDB.open(databaseName, databaseVersion);
-  request.addEventListener('upgradeneeded', () => {
-    const database = request.result;
-    if (!database.objectStoreNames.contains(storeName)) {
-      database.createObjectStore(storeName, {
-        keyPath: 'id'
-      });
-    }
-  });
-  return requestToPromise(() => request);
-};
-
-const getDatabase = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName) => {
-  const existingDatabasePromise = getDatabasePromise();
-  if (existingDatabasePromise) {
-    return existingDatabasePromise;
-  }
-  const nextDatabasePromise = openSessionsDatabase(databaseName, databaseVersion, storeName);
-  setDatabasePromise(nextDatabasePromise);
-  return nextDatabasePromise;
-};
-
 const transactionToPromise = async createTransaction => {
   const transaction = createTransaction();
   const {
@@ -1976,97 +2003,530 @@ const transactionToPromise = async createTransaction => {
   return promise;
 };
 
-const clear = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName) => {
-  const database = await getDatabase(getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName);
-  const transaction = database.transaction(storeName, 'readwrite');
-  const createTransaction = () => transaction;
-  const store = transaction.objectStore(storeName);
-  store.clear();
-  await transactionToPromise(createTransaction);
+const toChatViewEvent = event => {
+  const {
+    eventId,
+    ...chatViewEvent
+  } = event;
+  return chatViewEvent;
 };
-
-const deleteSession$1 = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName, id) => {
-  const database = await getDatabase(getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName);
-  const transaction = database.transaction(storeName, 'readwrite');
-  const createTransaction = () => transaction;
-  const store = transaction.objectStore(storeName);
-  store.delete(id);
-  await transactionToPromise(createTransaction);
+const now$1 = () => {
+  return new Date().toISOString();
 };
-
-const getSession = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName, id) => {
-  const database = await getDatabase(getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName);
-  const transaction = database.transaction(storeName, 'readonly');
-  const store = transaction.objectStore(storeName);
-  const result = await requestToPromise(() => store.get(id));
-  return result;
+const isSameMessage$1 = (a, b) => {
+  return a.id === b.id && a.inProgress === b.inProgress && a.role === b.role && a.text === b.text && a.time === b.time && JSON.stringify(a.toolCalls || []) === JSON.stringify(b.toolCalls || []);
 };
-
-const listSessions = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName) => {
-  const database = await getDatabase(getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName);
-  const transaction = database.transaction(storeName, 'readonly');
-  const store = transaction.objectStore(storeName);
-  const result = await requestToPromise(() => store.getAll());
-  return result;
+const canAppendMessages$1 = (previousMessages, nextMessages) => {
+  if (nextMessages.length < previousMessages.length) {
+    return false;
+  }
+  return previousMessages.every((message, index) => isSameMessage$1(message, nextMessages[index]));
 };
-
-const setSession = async (getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName, session) => {
-  const database = await getDatabase(getDatabasePromise, setDatabasePromise, databaseName, databaseVersion, storeName);
-  const transaction = database.transaction(storeName, 'readwrite');
-  const createTransaction = () => transaction;
-  const store = transaction.objectStore(storeName);
-  store.put(session);
-  await transactionToPromise(createTransaction);
+const canUpdateMessages$1 = (previousMessages, nextMessages) => {
+  if (previousMessages.length !== nextMessages.length) {
+    return false;
+  }
+  for (let i = 0; i < previousMessages.length; i += 1) {
+    const previous = previousMessages[i];
+    const next = nextMessages[i];
+    if (previous.id !== next.id || previous.role !== next.role) {
+      return false;
+    }
+  }
+  return true;
+};
+const getMutationEvents$1 = (previous, next) => {
+  const timestamp = now$1();
+  const events = [];
+  if (!previous) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-created'
+    });
+    for (const message of next.messages) {
+      events.push({
+        message,
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (previous.title !== next.title) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-title-updated'
+    });
+  }
+  if (canAppendMessages$1(previous.messages, next.messages)) {
+    for (let i = previous.messages.length; i < next.messages.length; i += 1) {
+      events.push({
+        message: next.messages[i],
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (canUpdateMessages$1(previous.messages, next.messages)) {
+    for (let i = 0; i < previous.messages.length; i += 1) {
+      const previousMessage = previous.messages[i];
+      const nextMessage = next.messages[i];
+      if (!isSameMessage$1(previousMessage, nextMessage)) {
+        events.push({
+          inProgress: nextMessage.inProgress,
+          messageId: nextMessage.id,
+          sessionId: next.id,
+          text: nextMessage.text,
+          time: nextMessage.time,
+          timestamp,
+          toolCalls: nextMessage.toolCalls,
+          type: 'chat-message-updated'
+        });
+      }
+    }
+    return events;
+  }
+  events.push({
+    messages: [...next.messages],
+    sessionId: next.id,
+    timestamp,
+    type: 'chat-session-messages-replaced'
+  });
+  return events;
+};
+const replaySession$1 = (id, summary, events) => {
+  let deleted = false;
+  let title = summary?.title || '';
+  let messages = summary?.messages ? [...summary.messages] : [];
+  for (const event of events) {
+    if (event.sessionId !== id) {
+      continue;
+    }
+    if (event.type === 'chat-session-created') {
+      const {
+        title: eventTitle
+      } = event;
+      deleted = false;
+      title = eventTitle;
+      continue;
+    }
+    if (event.type === 'chat-session-deleted') {
+      deleted = true;
+      continue;
+    }
+    if (event.type === 'chat-session-title-updated') {
+      const {
+        title: eventTitle
+      } = event;
+      title = eventTitle;
+      continue;
+    }
+    if (event.type === 'chat-message-added') {
+      messages = [...messages, event.message];
+      continue;
+    }
+    if (event.type === 'chat-message-updated') {
+      messages = messages.map(message => {
+        if (message.id !== event.messageId) {
+          return message;
+        }
+        return {
+          ...message,
+          ...(event.inProgress === undefined ? {} : {
+            inProgress: event.inProgress
+          }),
+          text: event.text,
+          time: event.time,
+          ...(event.toolCalls === undefined ? {} : {
+            toolCalls: event.toolCalls
+          })
+        };
+      });
+      continue;
+    }
+    if (event.type === 'chat-session-messages-replaced') {
+      messages = [...event.messages];
+    }
+  }
+  if (deleted || !title) {
+    return undefined;
+  }
+  return {
+    id,
+    messages,
+    title
+  };
 };
-
 class IndexedDbChatSessionStorage {
   constructor(options = {}) {
     this.state = {
       databaseName: options.databaseName || 'lvce-chat-view-sessions',
       databasePromise: undefined,
-      databaseVersion: options.databaseVersion || 1,
+      databaseVersion: options.databaseVersion || 2,
+      eventStoreName: options.eventStoreName || 'chat-view-events',
       storeName: options.storeName || 'chat-sessions'
     };
   }
-  getDatabasePromise = () => {
-    return this.state.databasePromise;
-  };
-  setDatabasePromise = databasePromise => {
+  openDatabase = async () => {
+    if (this.state.databasePromise) {
+      return this.state.databasePromise;
+    }
+    const request = indexedDB.open(this.state.databaseName, this.state.databaseVersion);
+    request.addEventListener('upgradeneeded', () => {
+      const database = request.result;
+      if (!database.objectStoreNames.contains(this.state.storeName)) {
+        database.createObjectStore(this.state.storeName, {
+          keyPath: 'id'
+        });
+      }
+      if (database.objectStoreNames.contains(this.state.eventStoreName)) {
+        const {
+          transaction
+        } = request;
+        if (!transaction) {
+          return;
+        }
+        const eventStore = transaction.objectStore(this.state.eventStoreName);
+        if (!eventStore.indexNames.contains('sessionId')) {
+          eventStore.createIndex('sessionId', 'sessionId', {
+            unique: false
+          });
+        }
+      } else {
+        const eventStore = database.createObjectStore(this.state.eventStoreName, {
+          autoIncrement: true,
+          keyPath: 'eventId'
+        });
+        eventStore.createIndex('sessionId', 'sessionId', {
+          unique: false
+        });
+      }
+    });
+    const databasePromise = requestToPromise(() => request);
     this.state.databasePromise = databasePromise;
+    return databasePromise;
+  };
+  listSummaries = async () => {
+    const database = await this.openDatabase();
+    const transaction = database.transaction(this.state.storeName, 'readonly');
+    const store = transaction.objectStore(this.state.storeName);
+    const summaries = await requestToPromise(() => store.getAll());
+    return summaries;
+  };
+  getSummary = async id => {
+    const database = await this.openDatabase();
+    const transaction = database.transaction(this.state.storeName, 'readonly');
+    const store = transaction.objectStore(this.state.storeName);
+    const summary = await requestToPromise(() => store.get(id));
+    return summary;
+  };
+  getEventsBySessionId = async sessionId => {
+    const database = await this.openDatabase();
+    const transaction = database.transaction(this.state.eventStoreName, 'readonly');
+    const store = transaction.objectStore(this.state.eventStoreName);
+    const index = store.index('sessionId');
+    const events = await requestToPromise(() => index.getAll(IDBKeyRange.only(sessionId)));
+    return events.map(toChatViewEvent);
   };
+  listEventsInternal = async () => {
+    const database = await this.openDatabase();
+    const transaction = database.transaction(this.state.eventStoreName, 'readonly');
+    const store = transaction.objectStore(this.state.eventStoreName);
+    const events = await requestToPromise(() => store.getAll());
+    return events.map(toChatViewEvent);
+  };
+  appendEvents = async events => {
+    if (events.length === 0) {
+      return;
+    }
+    const database = await this.openDatabase();
+    const transaction = database.transaction([this.state.storeName, this.state.eventStoreName], 'readwrite');
+    const summaryStore = transaction.objectStore(this.state.storeName);
+    const eventStore = transaction.objectStore(this.state.eventStoreName);
+    for (const event of events) {
+      eventStore.add(event);
+      if (event.type === 'chat-session-created' || event.type === 'chat-session-title-updated') {
+        summaryStore.put({
+          id: event.sessionId,
+          title: event.title
+        });
+      }
+      if (event.type === 'chat-session-deleted') {
+        summaryStore.delete(event.sessionId);
+      }
+    }
+    await transactionToPromise(() => transaction);
+  };
+  async appendEvent(event) {
+    await this.appendEvents([event]);
+  }
   async clear() {
-    return clear(this.getDatabasePromise, this.setDatabasePromise, this.state.databaseName, this.state.databaseVersion, this.state.storeName);
+    const database = await this.openDatabase();
+    const transaction = database.transaction([this.state.storeName, this.state.eventStoreName], 'readwrite');
+    transaction.objectStore(this.state.storeName).clear();
+    transaction.objectStore(this.state.eventStoreName).clear();
+    await transactionToPromise(() => transaction);
   }
   async deleteSession(id) {
-    return deleteSession$1(this.getDatabasePromise, this.setDatabasePromise, this.state.databaseName, this.state.databaseVersion, this.state.storeName, id);
+    await this.appendEvent({
+      sessionId: id,
+      timestamp: now$1(),
+      type: 'chat-session-deleted'
+    });
+  }
+  async getEvents(sessionId) {
+    if (sessionId) {
+      return this.getEventsBySessionId(sessionId);
+    }
+    return this.listEventsInternal();
   }
   async getSession(id) {
-    return getSession(this.getDatabasePromise, this.setDatabasePromise, this.state.databaseName, this.state.databaseVersion, this.state.storeName, id);
+    const [summary, events] = await Promise.all([this.getSummary(id), this.getEventsBySessionId(id)]);
+    return replaySession$1(id, summary, events);
   }
   async listSessions() {
-    return listSessions(this.getDatabasePromise, this.setDatabasePromise, this.state.databaseName, this.state.databaseVersion, this.state.storeName);
+    const summaries = await this.listSummaries();
+    const sessions = [];
+    for (const summary of summaries) {
+      const events = await this.getEventsBySessionId(summary.id);
+      const session = replaySession$1(summary.id, summary, events);
+      if (!session) {
+        continue;
+      }
+      sessions.push(session);
+    }
+    return sessions;
   }
   async setSession(session) {
-    return setSession(this.getDatabasePromise, this.setDatabasePromise, this.state.databaseName, this.state.databaseVersion, this.state.storeName, session);
+    const previous = await this.getSession(session.id);
+    const events = getMutationEvents$1(previous, session);
+    await this.appendEvents(events);
+    if (events.length === 0) {
+      const database = await this.openDatabase();
+      const transaction = database.transaction(this.state.storeName, 'readwrite');
+      const summaryStore = transaction.objectStore(this.state.storeName);
+      summaryStore.put({
+        id: session.id,
+        title: session.title
+      });
+      await transactionToPromise(() => transaction);
+    }
   }
 }
 
+const now = () => {
+  return new Date().toISOString();
+};
+const isSameMessage = (a, b) => {
+  return a.id === b.id && a.inProgress === b.inProgress && a.role === b.role && a.text === b.text && a.time === b.time && JSON.stringify(a.toolCalls || []) === JSON.stringify(b.toolCalls || []);
+};
+const canAppendMessages = (previousMessages, nextMessages) => {
+  if (nextMessages.length < previousMessages.length) {
+    return false;
+  }
+  return previousMessages.every((message, index) => isSameMessage(message, nextMessages[index]));
+};
+const canUpdateMessages = (previousMessages, nextMessages) => {
+  if (previousMessages.length !== nextMessages.length) {
+    return false;
+  }
+  for (let i = 0; i < previousMessages.length; i += 1) {
+    const previous = previousMessages[i];
+    const next = nextMessages[i];
+    if (previous.id !== next.id || previous.role !== next.role) {
+      return false;
+    }
+  }
+  return true;
+};
+const getMutationEvents = (previous, next) => {
+  const timestamp = now();
+  const events = [];
+  if (!previous) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-created'
+    });
+    for (const message of next.messages) {
+      events.push({
+        message,
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (previous.title !== next.title) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-title-updated'
+    });
+  }
+  if (canAppendMessages(previous.messages, next.messages)) {
+    for (let i = previous.messages.length; i < next.messages.length; i += 1) {
+      events.push({
+        message: next.messages[i],
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (canUpdateMessages(previous.messages, next.messages)) {
+    for (let i = 0; i < previous.messages.length; i += 1) {
+      const previousMessage = previous.messages[i];
+      const nextMessage = next.messages[i];
+      if (!isSameMessage(previousMessage, nextMessage)) {
+        events.push({
+          inProgress: nextMessage.inProgress,
+          messageId: nextMessage.id,
+          sessionId: next.id,
+          text: nextMessage.text,
+          time: nextMessage.time,
+          timestamp,
+          toolCalls: nextMessage.toolCalls,
+          type: 'chat-message-updated'
+        });
+      }
+    }
+    return events;
+  }
+  events.push({
+    messages: [...next.messages],
+    sessionId: next.id,
+    timestamp,
+    type: 'chat-session-messages-replaced'
+  });
+  return events;
+};
+const replaySession = (id, title, events) => {
+  let deleted = false;
+  let currentTitle = title || '';
+  let messages = [];
+  for (const event of events) {
+    if (event.sessionId !== id) {
+      continue;
+    }
+    if (event.type === 'chat-session-created') {
+      deleted = false;
+      currentTitle = event.title;
+      continue;
+    }
+    if (event.type === 'chat-session-deleted') {
+      deleted = true;
+      continue;
+    }
+    if (event.type === 'chat-session-title-updated') {
+      currentTitle = event.title;
+      continue;
+    }
+    if (event.type === 'chat-message-added') {
+      messages = [...messages, event.message];
+      continue;
+    }
+    if (event.type === 'chat-message-updated') {
+      messages = messages.map(message => {
+        if (message.id !== event.messageId) {
+          return message;
+        }
+        return {
+          ...message,
+          ...(event.inProgress === undefined ? {} : {
+            inProgress: event.inProgress
+          }),
+          text: event.text,
+          time: event.time,
+          ...(event.toolCalls === undefined ? {} : {
+            toolCalls: event.toolCalls
+          })
+        };
+      });
+      continue;
+    }
+    if (event.type === 'chat-session-messages-replaced') {
+      messages = [...event.messages];
+    }
+  }
+  if (deleted || !currentTitle) {
+    return undefined;
+  }
+  return {
+    id,
+    messages,
+    title: currentTitle
+  };
+};
 class InMemoryChatSessionStorage {
-  sessions = new Map();
+  events = [];
+  summaries = new Map();
+  async appendEvent(event) {
+    this.events.push(event);
+    if (event.type === 'chat-session-created' || event.type === 'chat-session-title-updated') {
+      this.summaries.set(event.sessionId, event.title);
+      return;
+    }
+    if (event.type === 'chat-session-deleted') {
+      this.summaries.delete(event.sessionId);
+    }
+  }
   async clear() {
-    this.sessions.clear();
+    this.events.length = 0;
+    this.summaries.clear();
   }
   async deleteSession(id) {
-    this.sessions.delete(id);
+    await this.appendEvent({
+      sessionId: id,
+      timestamp: now(),
+      type: 'chat-session-deleted'
+    });
+  }
+  async getEvents(sessionId) {
+    if (!sessionId) {
+      return [...this.events];
+    }
+    return this.events.filter(event => event.sessionId === sessionId);
   }
   async getSession(id) {
-    return this.sessions.get(id);
+    return replaySession(id, this.summaries.get(id), this.events);
   }
   async listSessions() {
-    return [...this.sessions.values()];
+    const ids = new Set();
+    for (const id of this.summaries.keys()) {
+      ids.add(id);
+    }
+    for (const event of this.events) {
+      ids.add(event.sessionId);
+    }
+    const sessions = [];
+    for (const id of ids) {
+      const session = replaySession(id, this.summaries.get(id), this.events);
+      if (!session) {
+        continue;
+      }
+      sessions.push(session);
+    }
+    return sessions;
   }
   async setSession(session) {
-    this.sessions.set(session.id, session);
+    const previous = await this.getSession(session.id);
+    const events = getMutationEvents(previous, session);
+    for (const event of events) {
+      await this.appendEvent(event);
+    }
+    this.summaries.set(session.id, session.title);
   }
 }
 
@@ -2109,6 +2569,9 @@ const deleteChatSession = async id => {
 const clearChatSessions = async () => {
   await chatSessionStorage.clear();
 };
+const appendChatViewEvent = async event => {
+  await chatSessionStorage.appendEvent(event);
+};
 
 const generateSessionId = () => {
   return crypto.randomUUID();
@@ -2202,11 +2665,102 @@ const delay = async ms => {
   await new Promise(resolve => setTimeout(resolve, ms));
 };
 
-const getMockAiResponse = async userMessage => {
-  await delay(800);
+const getMockAiResponse = async (userMessage, delayInMs) => {
+  await delay(delayInMs);
   return `Mock AI response: I received "${userMessage}".`;
 };
 
+let queue = [];
+let waiters = [];
+let finished = false;
+let errorResult;
+const reset$1 = () => {
+  queue = [];
+  waiters = [];
+  finished = false;
+  errorResult = undefined;
+};
+const setHttpErrorResponse = (statusCode, body) => {
+  const rawError = body && typeof body === 'object' ? Reflect.get(body, 'error') : undefined;
+  const errorCode = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'code') : undefined;
+  const errorMessage = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'message') : undefined;
+  const errorType = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'type') : undefined;
+  errorResult = {
+    details: 'http-error',
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {}),
+    statusCode,
+    type: 'error'
+  };
+};
+const takeErrorResponse = () => {
+  const error = errorResult;
+  errorResult = undefined;
+  return error;
+};
+const pushChunk = chunk => {
+  if (waiters.length > 0) {
+    const resolve = waiters.shift();
+    resolve?.(chunk);
+    return;
+  }
+  queue.push(chunk);
+};
+const finish = () => {
+  finished = true;
+  if (waiters.length === 0) {
+    return;
+  }
+  const activeWaiters = waiters;
+  waiters = [];
+  for (const resolve of activeWaiters) {
+    resolve(undefined);
+  }
+};
+const readNextChunk = async () => {
+  if (queue.length > 0) {
+    return queue.shift();
+  }
+  if (finished) {
+    return undefined;
+  }
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  waiters.push(resolve);
+  return promise;
+};
+
+const getMockOpenApiAssistantText = async (stream, onTextChunk) => {
+  const error = takeErrorResponse();
+  if (error) {
+    return error;
+  }
+  let text = '';
+  while (true) {
+    const chunk = await readNextChunk();
+    if (typeof chunk !== 'string') {
+      break;
+    }
+    text += chunk;
+    if (stream && onTextChunk) {
+      await onTextChunk(chunk);
+    }
+  }
+  return {
+    text,
+    type: 'success'
+  };
+};
+
 const activateByEvent = (event, assetDir, platform) => {
   // @ts-ignore
   return activateByEvent$1(event, assetDir, platform);
@@ -2239,13 +2793,23 @@ const normalizeLimitInfo = value => {
   const usage = Reflect.get(value, 'usage');
   const usageDaily = Reflect.get(value, 'usageDaily');
   const normalized = {
-    limitRemaining: typeof limitRemaining === 'number' || limitRemaining === null ? limitRemaining : undefined,
-    limitReset: typeof limitReset === 'string' || limitReset === null ? limitReset : undefined,
-    retryAfter: typeof retryAfter === 'string' || retryAfter === null ? retryAfter : undefined,
-    usage: typeof usage === 'number' ? usage : undefined,
-    usageDaily: typeof usageDaily === 'number' ? usageDaily : undefined
+    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
+      limitRemaining
+    } : {}),
+    ...(typeof limitReset === 'string' || limitReset === null ? {
+      limitReset
+    } : {}),
+    ...(typeof retryAfter === 'string' || retryAfter === null ? {
+      retryAfter
+    } : {}),
+    ...(typeof usage === 'number' ? {
+      usage
+    } : {}),
+    ...(typeof usageDaily === 'number' ? {
+      usageDaily
+    } : {})
   };
-  const hasDetails = normalized.limitRemaining !== undefined || normalized.limitReset !== undefined || normalized.retryAfter !== undefined || normalized.usage !== undefined || normalized.usageDaily !== undefined;
+  const hasDetails = typeof limitRemaining === 'number' || limitRemaining === null || typeof limitReset === 'string' || limitReset === null || typeof retryAfter === 'string' || retryAfter === null || typeof usage === 'number' || typeof usageDaily === 'number';
   return hasDetails ? normalized : undefined;
 };
 
@@ -2281,11 +2845,18 @@ const normalizeMockResult = value => {
     if (details === 'request-failed' || details === 'too-many-requests' || details === 'http-error') {
       const rawMessage = Reflect.get(value, 'rawMessage');
       const statusCode = Reflect.get(value, 'statusCode');
+      const limitInfo = normalizeLimitInfo(Reflect.get(value, 'limitInfo'));
       return {
         details,
-        limitInfo: normalizeLimitInfo(Reflect.get(value, 'limitInfo')),
-        rawMessage: typeof rawMessage === 'string' ? rawMessage : undefined,
-        statusCode: typeof statusCode === 'number' ? statusCode : undefined,
+        ...(limitInfo ? {
+          limitInfo
+        } : {}),
+        ...(typeof rawMessage === 'string' ? {
+          rawMessage
+        } : {}),
+        ...(typeof statusCode === 'number' ? {
+          statusCode
+        } : {}),
         type: 'error'
       };
     }
@@ -2516,11 +3087,8 @@ const getClientRequestIdHeader = () => {
   };
 };
 
-const getOpenApiApiEndpoint = (openApiApiBaseUrl, stream) => {
-  if (stream) {
-    return `${openApiApiBaseUrl}/chat/completions?stream=true`;
-  }
-  return `${openApiApiBaseUrl}/chat/completions`;
+const getOpenApiApiEndpoint = openApiApiBaseUrl => {
+  return `${openApiApiBaseUrl}/responses`;
 };
 
 const getTextContent = content => {
@@ -2544,6 +3112,52 @@ const getTextContent = content => {
   return textParts.join('\n');
 };
 
+const getOpenAiTools = tools => {
+  return tools.map(tool => {
+    if (!tool || typeof tool !== 'object') {
+      return tool;
+    }
+    const type = Reflect.get(tool, 'type');
+    const toolFunction = Reflect.get(tool, 'function');
+    if (type !== 'function' || !toolFunction || typeof toolFunction !== 'object') {
+      return tool;
+    }
+    const name = Reflect.get(toolFunction, 'name');
+    const description = Reflect.get(toolFunction, 'description');
+    const parameters = Reflect.get(toolFunction, 'parameters');
+    return {
+      ...(typeof description === 'string' ? {
+        description
+      } : {}),
+      ...(typeof name === 'string' ? {
+        name
+      } : {}),
+      ...(parameters && typeof parameters === 'object' ? {
+        parameters
+      } : {}),
+      type: 'function'
+    };
+  });
+};
+const getOpenAiParams = (input, modelId, stream, includeObfuscation, tools, previousResponseId) => {
+  return {
+    input,
+    model: modelId,
+    ...(stream ? {
+      stream: true,
+      ...(includeObfuscation ? {} : {
+        stream_options: {
+          include_obfuscation: false
+        }
+      })
+    } : {}),
+    ...(previousResponseId ? {
+      previous_response_id: previousResponseId
+    } : {}),
+    tool_choice: 'auto',
+    tools: getOpenAiTools(tools)
+  };
+};
 const getStreamChunkText = content => {
   if (typeof content === 'string') {
     return content;
@@ -2559,6 +3173,75 @@ const getStreamChunkText = content => {
     return typeof text === 'string' ? text : '';
   }).join('');
 };
+const getResponseOutputText = parsed => {
+  if (!parsed || typeof parsed !== 'object') {
+    return '';
+  }
+  const outputText = Reflect.get(parsed, 'output_text');
+  if (typeof outputText === 'string') {
+    return outputText;
+  }
+  const output = Reflect.get(parsed, 'output');
+  if (!Array.isArray(output)) {
+    return '';
+  }
+  const chunks = [];
+  for (const outputItem of output) {
+    if (!outputItem || typeof outputItem !== 'object') {
+      continue;
+    }
+    const itemType = Reflect.get(outputItem, 'type');
+    if (itemType !== 'message') {
+      continue;
+    }
+    const content = Reflect.get(outputItem, 'content');
+    if (!Array.isArray(content)) {
+      continue;
+    }
+    for (const part of content) {
+      if (!part || typeof part !== 'object') {
+        continue;
+      }
+      const partType = Reflect.get(part, 'type');
+      const text = Reflect.get(part, 'text');
+      if ((partType === 'output_text' || partType === 'text') && typeof text === 'string') {
+        chunks.push(text);
+      }
+    }
+  }
+  return chunks.join('');
+};
+const getResponseFunctionCalls = parsed => {
+  if (!parsed || typeof parsed !== 'object') {
+    return [];
+  }
+  const output = Reflect.get(parsed, 'output');
+  if (!Array.isArray(output)) {
+    return [];
+  }
+  const calls = [];
+  for (const outputItem of output) {
+    if (!outputItem || typeof outputItem !== 'object') {
+      continue;
+    }
+    const itemType = Reflect.get(outputItem, 'type');
+    if (itemType !== 'function_call') {
+      continue;
+    }
+    const callId = Reflect.get(outputItem, 'call_id');
+    const name = Reflect.get(outputItem, 'name');
+    const rawArguments = Reflect.get(outputItem, 'arguments');
+    if (typeof callId !== 'string' || typeof name !== 'string') {
+      continue;
+    }
+    calls.push({
+      arguments: typeof rawArguments === 'string' ? rawArguments : '',
+      callId,
+      name
+    });
+  }
+  return calls;
+};
 const parseSseEvent = eventChunk => {
   const lines = eventChunk.split('\n');
   const dataLines = [];
@@ -2570,7 +3253,63 @@ const parseSseEvent = eventChunk => {
   }
   return dataLines;
 };
-const parseOpenApiStream = async (response, onTextChunk) => {
+const updateToolCallAccumulator = (accumulator, chunk) => {
+  let changed = false;
+  const nextAccumulator = {
+    ...accumulator
+  };
+  for (const item of chunk) {
+    if (!item || typeof item !== 'object') {
+      continue;
+    }
+    const index = Reflect.get(item, 'index');
+    if (typeof index !== 'number') {
+      continue;
+    }
+    const current = nextAccumulator[index] || {
+      arguments: '',
+      name: ''
+    };
+    const id = Reflect.get(item, 'id');
+    const toolFunction = Reflect.get(item, 'function');
+    let {
+      name
+    } = current;
+    let args = current.arguments;
+    if (toolFunction && typeof toolFunction === 'object') {
+      const deltaName = Reflect.get(toolFunction, 'name');
+      const deltaArguments = Reflect.get(toolFunction, 'arguments');
+      if (typeof deltaName === 'string' && deltaName) {
+        name = deltaName;
+      }
+      if (typeof deltaArguments === 'string') {
+        args += deltaArguments;
+      }
+    }
+    const next = {
+      arguments: args,
+      ...(typeof id === 'string' ? {
+        id
+      } : current.id ? {
+        id: current.id
+      } : {}),
+      name
+    };
+    if (JSON.stringify(next) !== JSON.stringify(current)) {
+      nextAccumulator[index] = next;
+      changed = true;
+    }
+  }
+  if (!changed) {
+    return undefined;
+  }
+  const toolCalls = Object.entries(nextAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
+  return {
+    nextAccumulator,
+    toolCalls
+  };
+};
+const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished) => {
   if (!response.body) {
     return {
       details: 'request-failed',
@@ -2582,6 +3321,136 @@ const parseOpenApiStream = async (response, onTextChunk) => {
   let remainder = '';
   let text = '';
   let done = false;
+  let finishedNotified = false;
+  let toolCallAccumulator = {};
+  const notifyFinished = async () => {
+    if (finishedNotified) {
+      return;
+    }
+    finishedNotified = true;
+    if (onEventStreamFinished) {
+      await onEventStreamFinished();
+    }
+  };
+  const emitToolCallAccumulator = async () => {
+    if (!onToolCallsChunk) {
+      return;
+    }
+    const toolCalls = Object.entries(toolCallAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
+    if (toolCalls.length === 0) {
+      return;
+    }
+    await onToolCallsChunk(toolCalls);
+  };
+  const handleParsedStreamEvent = async parsed => {
+    if (onDataEvent) {
+      await onDataEvent(parsed);
+    }
+    if (!parsed || typeof parsed !== 'object') {
+      return;
+    }
+    const eventType = Reflect.get(parsed, 'type');
+    if (eventType === 'response.completed') {
+      await notifyFinished();
+      return;
+    }
+    if (eventType === 'response.output_text.delta') {
+      const delta = Reflect.get(parsed, 'delta');
+      if (typeof delta !== 'string' || !delta) {
+        return;
+      }
+      text += delta;
+      if (onTextChunk) {
+        await onTextChunk(delta);
+      }
+      return;
+    }
+    if (eventType === 'response.output_item.added') {
+      const outputIndex = Reflect.get(parsed, 'output_index');
+      const item = Reflect.get(parsed, 'item');
+      if (typeof outputIndex !== 'number' || !item || typeof item !== 'object') {
+        return;
+      }
+      const itemType = Reflect.get(item, 'type');
+      if (itemType !== 'function_call') {
+        return;
+      }
+      const callId = Reflect.get(item, 'call_id');
+      const name = Reflect.get(item, 'name');
+      const rawArguments = Reflect.get(item, 'arguments');
+      const next = {
+        arguments: typeof rawArguments === 'string' ? rawArguments : '',
+        ...(typeof callId === 'string' ? {
+          id: callId
+        } : {}),
+        name: typeof name === 'string' ? name : ''
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: next
+      };
+      await emitToolCallAccumulator();
+      return;
+    }
+    if (eventType === 'response.function_call_arguments.delta' || eventType === 'response.function_call_arguments.done') {
+      const outputIndex = Reflect.get(parsed, 'output_index');
+      if (typeof outputIndex !== 'number') {
+        return;
+      }
+      const current = toolCallAccumulator[outputIndex] || {
+        arguments: '',
+        name: ''
+      };
+      const name = Reflect.get(parsed, 'name');
+      const callId = Reflect.get(parsed, 'call_id');
+      const delta = Reflect.get(parsed, 'delta');
+      const rawArguments = Reflect.get(parsed, 'arguments');
+      const next = {
+        arguments: typeof rawArguments === 'string' ? rawArguments : typeof delta === 'string' ? `${current.arguments}${delta}` : current.arguments,
+        ...(typeof callId === 'string' ? {
+          id: callId
+        } : current.id ? {
+          id: current.id
+        } : {}),
+        name: typeof name === 'string' && name ? name : current.name
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: next
+      };
+      await emitToolCallAccumulator();
+      return;
+    }
+    const choices = Reflect.get(parsed, 'choices');
+    if (!Array.isArray(choices)) {
+      return;
+    }
+    const firstChoice = choices[0];
+    if (!firstChoice || typeof firstChoice !== 'object') {
+      return;
+    }
+    const delta = Reflect.get(firstChoice, 'delta');
+    if (!delta || typeof delta !== 'object') {
+      return;
+    }
+    const toolCalls = Reflect.get(delta, 'tool_calls');
+    const updatedToolCallResult = Array.isArray(toolCalls) ? updateToolCallAccumulator(toolCallAccumulator, toolCalls) : undefined;
+    if (updatedToolCallResult) {
+      toolCallAccumulator = updatedToolCallResult.nextAccumulator;
+    }
+    if (updatedToolCallResult && onToolCallsChunk) {
+      await onToolCallsChunk(updatedToolCallResult.toolCalls);
+    }
+    const content = Reflect.get(delta, 'content');
+    const chunkText = getStreamChunkText(content);
+    if (!chunkText) {
+      return;
+    }
+    text += chunkText;
+    if (onTextChunk) {
+      await onTextChunk(chunkText);
+    }
+  };
   while (!done) {
     const {
       done: streamDone,
@@ -2607,6 +3476,7 @@ const parseOpenApiStream = async (response, onTextChunk) => {
       }
       for (const line of dataLines) {
         if (line === '[DONE]') {
+          await notifyFinished();
           done = true;
           break;
         }
@@ -2616,30 +3486,7 @@ const parseOpenApiStream = async (response, onTextChunk) => {
         } catch {
           continue;
         }
-        if (!parsed || typeof parsed !== 'object') {
-          continue;
-        }
-        const choices = Reflect.get(parsed, 'choices');
-        if (!Array.isArray(choices)) {
-          continue;
-        }
-        const firstChoice = choices[0];
-        if (!firstChoice || typeof firstChoice !== 'object') {
-          continue;
-        }
-        const delta = Reflect.get(firstChoice, 'delta');
-        if (!delta || typeof delta !== 'object') {
-          continue;
-        }
-        const content = Reflect.get(delta, 'content');
-        const chunkText = getStreamChunkText(content);
-        if (!chunkText) {
-          continue;
-        }
-        text += chunkText;
-        if (onTextChunk) {
-          await onTextChunk(chunkText);
-        }
+        await handleParsedStreamEvent(parsed);
       }
     }
   }
@@ -2647,6 +3494,7 @@ const parseOpenApiStream = async (response, onTextChunk) => {
     const dataLines = parseSseEvent(remainder);
     for (const line of dataLines) {
       if (line === '[DONE]') {
+        await notifyFinished();
         continue;
       }
       let parsed;
@@ -2655,32 +3503,10 @@ const parseOpenApiStream = async (response, onTextChunk) => {
       } catch {
         continue;
       }
-      if (!parsed || typeof parsed !== 'object') {
-        continue;
-      }
-      const choices = Reflect.get(parsed, 'choices');
-      if (!Array.isArray(choices)) {
-        continue;
-      }
-      const firstChoice = choices[0];
-      if (!firstChoice || typeof firstChoice !== 'object') {
-        continue;
-      }
-      const delta = Reflect.get(firstChoice, 'delta');
-      if (!delta || typeof delta !== 'object') {
-        continue;
-      }
-      const content = Reflect.get(delta, 'content');
-      const chunkText = getStreamChunkText(content);
-      if (!chunkText) {
-        continue;
-      }
-      text += chunkText;
-      if (onTextChunk) {
-        await onTextChunk(chunkText);
-      }
+      await handleParsedStreamEvent(parsed);
     }
   }
+  await notifyFinished();
   return {
     text,
     type: 'success'
@@ -2704,37 +3530,40 @@ const getOpenApiErrorDetails = async response => {
   const errorMessage = Reflect.get(error, 'message');
   const errorType = Reflect.get(error, 'type');
   return {
-    errorCode: typeof errorCode === 'string' ? errorCode : undefined,
-    errorMessage: typeof errorMessage === 'string' ? errorMessage : undefined,
-    errorType: typeof errorType === 'string' ? errorType : undefined
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {})
   };
 };
 const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApiApiBaseUrl, assetDir, platform, options) => {
   const {
+    includeObfuscation = false,
+    onDataEvent,
+    onEventStreamFinished,
     onTextChunk,
+    onToolCallsChunk,
     stream
   } = options ?? {
     stream: false
   };
-  const completionMessages = messages.map(message => ({
+  const openAiInput = messages.map(message => ({
     content: message.text,
     role: message.role
   }));
   const tools = getBasicChatTools();
   const maxToolIterations = 4;
+  let previousResponseId;
   for (let i = 0; i <= maxToolIterations; i++) {
     let response;
     try {
-      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl, stream), {
-        body: JSON.stringify({
-          messages: completionMessages,
-          model: modelId,
-          ...(stream ? {
-            stream: true
-          } : {}),
-          tool_choice: 'auto',
-          tools
-        }),
+      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
+        body: JSON.stringify(getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, previousResponseId)),
         headers: {
           Authorization: `Bearer ${openApiApiKey}`,
           'Content-Type': 'application/json',
@@ -2756,15 +3585,21 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       } = await getOpenApiErrorDetails(response);
       return {
         details: 'http-error',
-        errorCode,
-        errorMessage,
-        errorType,
+        ...(errorCode ? {
+          errorCode
+        } : {}),
+        ...(errorMessage ? {
+          errorMessage
+        } : {}),
+        ...(errorType ? {
+          errorType
+        } : {}),
         statusCode: response.status,
         type: 'error'
       };
     }
     if (stream) {
-      return parseOpenApiStream(response, onTextChunk);
+      return parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
     }
     let parsed;
     try {
@@ -2775,62 +3610,89 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
         type: 'error'
       };
     }
-    if (!parsed || typeof parsed !== 'object') {
-      return {
-        text: '',
-        type: 'success'
-      };
-    }
-    const choices = Reflect.get(parsed, 'choices');
-    if (!Array.isArray(choices)) {
-      return {
-        text: '',
-        type: 'success'
-      };
-    }
-    const firstChoice = choices[0];
-    if (!firstChoice || typeof firstChoice !== 'object') {
-      return {
-        text: '',
-        type: 'success'
-      };
-    }
-    const message = Reflect.get(firstChoice, 'message');
-    if (!message || typeof message !== 'object') {
+    if (!parsed || typeof parsed !== 'object') {
       return {
         text: '',
         type: 'success'
       };
     }
-    const toolCalls = Reflect.get(message, 'tool_calls');
-    if (Array.isArray(toolCalls) && toolCalls.length > 0) {
-      completionMessages.push(message);
-      for (const toolCall of toolCalls) {
-        if (!toolCall || typeof toolCall !== 'object') {
-          continue;
-        }
-        const id = Reflect.get(toolCall, 'id');
-        const toolFunction = Reflect.get(toolCall, 'function');
-        if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
-          continue;
-        }
-        const name = Reflect.get(toolFunction, 'name');
-        const rawArguments = Reflect.get(toolFunction, 'arguments');
-        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+    const parsedResponseId = Reflect.get(parsed, 'id');
+    if (typeof parsedResponseId === 'string' && parsedResponseId) {
+      previousResponseId = parsedResponseId;
+    }
+    const responseFunctionCalls = getResponseFunctionCalls(parsed);
+    if (responseFunctionCalls.length > 0) {
+      openAiInput.length = 0;
+      for (const toolCall of responseFunctionCalls) {
+        const content = await executeChatTool(toolCall.name, toolCall.arguments, {
           assetDir,
           platform
-        }) : '{}';
-        completionMessages.push({
-          content,
-          role: 'tool',
-          tool_call_id: id
+        });
+        openAiInput.push({
+          call_id: toolCall.callId,
+          output: content,
+          type: 'function_call_output'
         });
       }
       continue;
     }
-    const content = Reflect.get(message, 'content');
+    const outputText = getResponseOutputText(parsed);
+    if (outputText) {
+      return {
+        text: outputText,
+        type: 'success'
+      };
+    }
+    const choices = Reflect.get(parsed, 'choices');
+    if (Array.isArray(choices)) {
+      const firstChoice = choices[0];
+      if (!firstChoice || typeof firstChoice !== 'object') {
+        return {
+          text: '',
+          type: 'success'
+        };
+      }
+      const message = Reflect.get(firstChoice, 'message');
+      if (!message || typeof message !== 'object') {
+        return {
+          text: '',
+          type: 'success'
+        };
+      }
+      const toolCalls = Reflect.get(message, 'tool_calls');
+      if (Array.isArray(toolCalls) && toolCalls.length > 0) {
+        openAiInput.length = 0;
+        for (const toolCall of toolCalls) {
+          if (!toolCall || typeof toolCall !== 'object') {
+            continue;
+          }
+          const id = Reflect.get(toolCall, 'id');
+          const toolFunction = Reflect.get(toolCall, 'function');
+          if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
+            continue;
+          }
+          const name = Reflect.get(toolFunction, 'name');
+          const rawArguments = Reflect.get(toolFunction, 'arguments');
+          const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+            assetDir,
+            platform
+          }) : '{}';
+          openAiInput.push({
+            call_id: id,
+            output: content,
+            type: 'function_call_output'
+          });
+        }
+        continue;
+      }
+      const content = Reflect.get(message, 'content');
+      return {
+        text: getTextContent(content),
+        type: 'success'
+      };
+    }
     return {
-      text: getTextContent(content),
+      text: '',
       type: 'success'
     };
   }
@@ -2966,10 +3828,18 @@ const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl) =>
   const usage = Reflect.get(data, 'usage');
   const usageDaily = Reflect.get(data, 'usage_daily');
   const normalizedLimitInfo = {
-    limitRemaining: typeof limitRemaining === 'number' || limitRemaining === null ? limitRemaining : undefined,
-    limitReset: typeof limitReset === 'string' || limitReset === null ? limitReset : undefined,
-    usage: typeof usage === 'number' ? usage : undefined,
-    usageDaily: typeof usageDaily === 'number' ? usageDaily : undefined
+    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
+      limitRemaining
+    } : {}),
+    ...(typeof limitReset === 'string' || limitReset === null ? {
+      limitReset
+    } : {}),
+    ...(typeof usage === 'number' ? {
+      usage
+    } : {}),
+    ...(typeof usageDaily === 'number' ? {
+      usageDaily
+    } : {})
   };
   const hasLimitInfo = normalizedLimitInfo.limitRemaining !== undefined || normalizedLimitInfo.limitReset !== undefined || normalizedLimitInfo.usage !== undefined || normalizedLimitInfo.usageDaily !== undefined;
   if (!hasLimitInfo) {
@@ -3014,11 +3884,17 @@ const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, o
         const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl);
         return {
           details: 'too-many-requests',
-          limitInfo: limitInfo || retryAfter ? {
-            ...limitInfo,
-            retryAfter
-          } : undefined,
-          rawMessage,
+          ...(limitInfo || retryAfter ? {
+            limitInfo: {
+              ...limitInfo,
+              ...(retryAfter ? {
+                retryAfter
+              } : {})
+            }
+          } : {}),
+          ...(rawMessage ? {
+            rawMessage
+          } : {}),
           statusCode: 429,
           type: 'error'
         };
@@ -3178,15 +4054,20 @@ const isOpenRouterModel = (selectedModelId, models) => {
 
 const getAiResponse = async ({
   assetDir,
+  messageId,
   messages,
+  mockAiResponseDelay = 800,
   mockApiCommandId,
   models,
-  nextMessageId,
+  onDataEvent,
+  onEventStreamFinished,
   onTextChunk,
+  onToolCallsChunk,
   openApiApiBaseUrl,
   openApiApiKey,
   openRouterApiBaseUrl,
   openRouterApiKey,
+  passIncludeObfuscation = false,
   platform,
   selectedModelId,
   streamingEnabled = false,
@@ -3197,9 +4078,31 @@ const getAiResponse = async ({
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
   if (usesOpenApiModel) {
-    if (openApiApiKey) {
+    if (useMockApi) {
+      const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk);
+      if (result.type === 'success') {
+        const {
+          text: assistantText
+        } = result;
+        text = assistantText;
+      } else {
+        text = getOpenApiErrorMessage(result);
+      }
+    } else if (openApiApiKey) {
       const result = await getOpenApiAssistantText(messages, getOpenApiModelId(selectedModelId), openApiApiKey, openApiApiBaseUrl, assetDir, platform, {
-        onTextChunk,
+        includeObfuscation: passIncludeObfuscation,
+        ...(onDataEvent ? {
+          onDataEvent
+        } : {}),
+        ...(onEventStreamFinished ? {
+          onEventStreamFinished
+        } : {}),
+        ...(onTextChunk ? {
+          onTextChunk
+        } : {}),
+        ...(onToolCallsChunk ? {
+          onToolCallsChunk
+        } : {}),
         stream: streamingEnabled
       });
       if (result.type === 'success') {
@@ -3240,14 +4143,14 @@ const getAiResponse = async ({
     }
   }
   if (!text && !usesOpenApiModel && !usesOpenRouterModel) {
-    text = await getMockAiResponse(userText);
+    text = await getMockAiResponse(userText, mockAiResponseDelay);
   }
   const assistantTime = new Date().toLocaleTimeString([], {
     hour: '2-digit',
     minute: '2-digit'
   });
   return {
-    id: `message-${nextMessageId}`,
+    id: messageId || crypto.randomUUID(),
     role: 'assistant',
     text,
     time: assistantTime
@@ -3300,9 +4203,9 @@ const handleClickSaveOpenApiApiKey = async state => {
   const assistantMessage = await getAiResponse({
     assetDir: updatedState.assetDir,
     messages: retryMessages,
+    mockAiResponseDelay: updatedState.mockAiResponseDelay,
     mockApiCommandId: updatedState.mockApiCommandId,
     models: updatedState.models,
-    nextMessageId: updatedState.nextMessageId,
     openApiApiBaseUrl: updatedState.openApiApiBaseUrl,
     openApiApiKey: updatedState.openApiApiKey,
     openRouterApiBaseUrl: updatedState.openRouterApiBaseUrl,
@@ -3380,9 +4283,9 @@ const handleClickSaveOpenRouterApiKey = async state => {
   const assistantMessage = await getAiResponse({
     assetDir: updatedState.assetDir,
     messages: retryMessages,
+    mockAiResponseDelay: updatedState.mockAiResponseDelay,
     mockApiCommandId: updatedState.mockApiCommandId,
     models: updatedState.models,
-    nextMessageId: updatedState.nextMessageId,
     openApiApiBaseUrl: updatedState.openApiApiBaseUrl,
     openApiApiKey: updatedState.openApiApiKey,
     openRouterApiBaseUrl: updatedState.openRouterApiBaseUrl,
@@ -3419,18 +4322,27 @@ const focusInput = state => {
   };
 };
 
-const appendMessageToSelectedSession = (sessions, selectedSessionId, message) => {
+const updateMessageTextInSelectedSession = (sessions, selectedSessionId, messageId, text, inProgress) => {
   return sessions.map(session => {
     if (session.id !== selectedSessionId) {
       return session;
     }
     return {
       ...session,
-      messages: [...session.messages, message]
+      messages: session.messages.map(message => {
+        if (message.id !== messageId) {
+          return message;
+        }
+        return {
+          ...message,
+          inProgress,
+          text
+        };
+      })
     };
   });
 };
-const updateMessageTextInSelectedSession = (sessions, selectedSessionId, messageId, text, inProgress) => {
+const updateMessageToolCallsInSelectedSession = (sessions, selectedSessionId, messageId, toolCalls) => {
   return sessions.map(session => {
     if (session.id !== selectedSessionId) {
       return session;
@@ -3443,17 +4355,86 @@ const updateMessageTextInSelectedSession = (sessions, selectedSessionId, message
         }
         return {
           ...message,
-          inProgress,
-          text
+          toolCalls
         };
       })
     };
   });
 };
+const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTextChunkState) => {
+  const selectedSession = handleTextChunkState.latestState.sessions.find(session => session.id === handleTextChunkState.latestState.selectedSessionId);
+  if (!selectedSession) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const assistantMessage = selectedSession.messages.find(message => message.id === assistantMessageId);
+  if (!assistantMessage) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const updatedText = assistantMessage.text + chunk;
+  const updatedSessions = updateMessageTextInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, updatedText, true);
+  const nextState = {
+    ...handleTextChunkState.latestState,
+    sessions: updatedSessions
+  };
+  set(uid, handleTextChunkState.previousState, nextState);
+  // @ts-ignore
+  await invoke('Chat.rerender');
+  return {
+    latestState: nextState,
+    previousState: nextState
+  };
+};
+const handleToolCallsChunkFunction = async (uid, assistantMessageId, toolCalls, handleTextChunkState) => {
+  const selectedSession = handleTextChunkState.latestState.sessions.find(session => session.id === handleTextChunkState.latestState.selectedSessionId);
+  if (!selectedSession) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const assistantMessage = selectedSession.messages.find(message => message.id === assistantMessageId);
+  if (!assistantMessage) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const updatedSessions = updateMessageToolCallsInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, toolCalls);
+  const nextState = {
+    ...handleTextChunkState.latestState,
+    sessions: updatedSessions
+  };
+  set(uid, handleTextChunkState.previousState, nextState);
+  // @ts-ignore
+  await invoke('Chat.rerender');
+  return {
+    latestState: nextState,
+    previousState: nextState
+  };
+};
+
+const appendMessageToSelectedSession = (sessions, selectedSessionId, message) => {
+  return sessions.map(session => {
+    if (session.id !== selectedSessionId) {
+      return session;
+    }
+    return {
+      ...session,
+      messages: [...session.messages, message]
+    };
+  });
+};
 const handleSubmit = async state => {
   const {
     assetDir,
     composerValue,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
     nextMessageId,
@@ -3461,6 +4442,7 @@ const handleSubmit = async state => {
     openApiApiKey,
     openRouterApiBaseUrl,
     openRouterApiKey,
+    passIncludeObfuscation,
     platform,
     selectedModelId,
     selectedSessionId,
@@ -3477,13 +4459,14 @@ const handleSubmit = async state => {
     hour: '2-digit',
     minute: '2-digit'
   });
+  const userMessageId = crypto.randomUUID();
   const userMessage = {
-    id: `message-${nextMessageId}`,
+    id: userMessageId,
     role: 'user',
     text: userText,
     time: userTime
   };
-  const assistantMessageId = `message-${nextMessageId + 1}`;
+  const assistantMessageId = crypto.randomUUID();
   const assistantTime = new Date().toLocaleTimeString([], {
     hour: '2-digit',
     minute: '2-digit'
@@ -3510,6 +4493,12 @@ const handleSubmit = async state => {
   let optimisticState;
   if (viewMode === 'list') {
     const newSessionId = generateSessionId();
+    await appendChatViewEvent({
+      sessionId: newSessionId,
+      timestamp: new Date().toISOString(),
+      type: 'handle-submit',
+      value: userText
+    });
     const newSession = {
       id: newSessionId,
       messages: streamingEnabled ? [userMessage, inProgressAssistantMessage] : [userMessage],
@@ -3528,6 +4517,12 @@ const handleSubmit = async state => {
       viewMode: 'detail'
     });
   } else {
+    await appendChatViewEvent({
+      sessionId: selectedSessionId,
+      timestamp: new Date().toISOString(),
+      type: 'handle-submit',
+      value: userText
+    });
     const updatedWithUser = appendMessageToSelectedSession(workingSessions, selectedSessionId, userMessage);
     const updatedSessions = streamingEnabled ? appendMessageToSelectedSession(updatedWithUser, selectedSessionId, inProgressAssistantMessage) : updatedWithUser;
     const selectedSession = updatedSessions.find(session => session.id === selectedSessionId);
@@ -3547,48 +4542,58 @@ const handleSubmit = async state => {
   set(state.uid, state, optimisticState);
   // @ts-ignore
   await invoke('Chat.rerender');
-  let latestState = optimisticState;
-  let previousState = optimisticState;
-  const selectedOptimisticSession = latestState.sessions.find(session => session.id === latestState.selectedSessionId);
+  let handleTextChunkState = {
+    latestState: optimisticState,
+    previousState: optimisticState
+  };
+  const selectedOptimisticSession = optimisticState.sessions.find(session => session.id === optimisticState.selectedSessionId);
   const messages = (selectedOptimisticSession?.messages ?? []).filter(message => !message.inProgress);
-  const onTextChunk = streamingEnabled ? async chunk => {
-    const selectedSession = latestState.sessions.find(session => session.id === latestState.selectedSessionId);
-    if (!selectedSession) {
-      return;
-    }
-    const assistantMessage = selectedSession.messages.find(message => message.id === assistantMessageId);
-    if (!assistantMessage) {
-      return;
-    }
-    const updatedText = assistantMessage.text + chunk;
-    const updatedSessions = updateMessageTextInSelectedSession(latestState.sessions, latestState.selectedSessionId, assistantMessageId, updatedText, true);
-    const nextState = {
-      ...latestState,
-      sessions: updatedSessions
-    };
-    set(state.uid, previousState, nextState);
-    previousState = nextState;
-    latestState = nextState;
-    // @ts-ignore
-    await invoke('Chat.rerender');
+  const handleTextChunkFunctionRef = streamingEnabled ? async chunk => {
+    handleTextChunkState = await handleTextChunkFunction(state.uid, assistantMessageId, chunk, handleTextChunkState);
   } : undefined;
   const assistantMessage = await getAiResponse({
     assetDir,
+    messageId: assistantMessageId,
     messages,
+    mockAiResponseDelay,
     mockApiCommandId,
     models,
-    nextMessageId: optimisticState.nextMessageId,
-    onTextChunk,
+    onDataEvent: async value => {
+      await appendChatViewEvent({
+        sessionId: optimisticState.selectedSessionId,
+        timestamp: new Date().toISOString(),
+        type: 'sse-response-part',
+        value
+      });
+    },
+    onEventStreamFinished: async () => {
+      await appendChatViewEvent({
+        sessionId: optimisticState.selectedSessionId,
+        timestamp: new Date().toISOString(),
+        type: 'event-stream-finished',
+        value: '[DONE]'
+      });
+    },
+    ...(handleTextChunkFunctionRef ? {
+      onTextChunk: handleTextChunkFunctionRef
+    } : {}),
+    onToolCallsChunk: async toolCalls => {
+      handleTextChunkState = await handleToolCallsChunkFunction(state.uid, assistantMessageId, toolCalls, handleTextChunkState);
+    },
     openApiApiBaseUrl,
     openApiApiKey,
     openRouterApiBaseUrl,
     openRouterApiKey,
+    passIncludeObfuscation,
     platform,
     selectedModelId,
     streamingEnabled,
     useMockApi,
     userText
   });
+  const {
+    latestState
+  } = handleTextChunkState;
   const updatedSessions = streamingEnabled ? updateMessageTextInSelectedSession(latestState.sessions, latestState.selectedSessionId, assistantMessageId, assistantMessage.text, false) : appendMessageToSelectedSession(latestState.sessions, latestState.selectedSessionId, assistantMessage);
   const selectedSession = updatedSessions.find(session => session.id === latestState.selectedSessionId);
   if (selectedSession) {
@@ -3620,6 +4625,7 @@ const Send = 'send';
 const Back = 'back';
 const Model = 'model';
 const CreateSession = 'create-session';
+const SessionDebug = 'session-debug';
 const Settings = 'settings';
 const CloseChat = 'close-chat';
 const SessionDelete = 'SessionDelete';
@@ -3764,6 +4770,11 @@ const handleClickNew = async state => {
   return createSession(state);
 };
 
+const handleClickSessionDebug = async state => {
+  await invoke('Main.openUri', `chat-debug://${state.selectedSessionId}`);
+  return state;
+};
+
 const handleClickSettings = async () => {
   // TODO
   await invoke('Main.openUri', 'app://settings.json');
@@ -3785,6 +4796,14 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
   if (name !== Composer) {
     return state;
   }
+  if (state.selectedSessionId) {
+    await appendChatViewEvent({
+      sessionId: state.selectedSessionId,
+      timestamp: new Date().toISOString(),
+      type: 'handle-input',
+      value
+    });
+  }
   const composerHeight = await getComposerHeight(state, value);
   return {
     ...state,
@@ -3812,7 +4831,7 @@ const handleInputFocus = async (state, name) => {
       focused: true
     };
   }
-  if (name === CreateSession || name === Settings || name === CloseChat || name === Back) {
+  if (name === CreateSession || name === SessionDebug || name === Settings || name === CloseChat || name === Back) {
     return {
       ...state,
       focus: 'header',
@@ -3924,7 +4943,7 @@ const sendMessagePortToExtensionHostWorker = async port => {
 
 const createExtensionHostRpc = async () => {
   try {
-    const rpc = await create$4({
+    const rpc = await create$5({
       commandMap: {},
       send: sendMessagePortToExtensionHostWorker
     });
@@ -4037,6 +5056,7 @@ const loadOpenApiApiKey = async () => {
     return '';
   }
 };
+
 const loadOpenRouterApiKey = async () => {
   try {
     const savedOpenRouterApiKey = await get('secrets.openRouterApiKey');
@@ -4045,22 +5065,38 @@ const loadOpenRouterApiKey = async () => {
     return '';
   }
 };
+
+const loadPassIncludeObfuscation = async () => {
+  try {
+    const savedPassIncludeObfuscation = await get('chatView.passIncludeObfuscation');
+    return typeof savedPassIncludeObfuscation === 'boolean' ? savedPassIncludeObfuscation : false;
+  } catch {
+    return false;
+  }
+};
+
+const loadStreamingEnabled = async () => {
+  try {
+    const savedStreamingEnabled = await get('chatView.streamingEnabled');
+    return typeof savedStreamingEnabled === 'boolean' ? savedStreamingEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadPreferences = async () => {
   const openApiApiKey = await loadOpenApiApiKey();
   const openRouterApiKey = await loadOpenRouterApiKey();
+  const streamingEnabled = await loadStreamingEnabled();
+  const passIncludeObfuscation = await loadPassIncludeObfuscation();
   return {
     openApiApiKey,
-    openRouterApiKey
+    openRouterApiKey,
+    passIncludeObfuscation,
+    streamingEnabled
   };
 };
 
-const toSummarySession = session => {
-  return {
-    id: session.id,
-    messages: [],
-    title: session.title
-  };
-};
 const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
   if (!selectedSessionId) {
     return sessions;
@@ -4076,12 +5112,22 @@ const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
     return loadedSession;
   });
 };
+
+const toSummarySession = session => {
+  return {
+    id: session.id,
+    messages: [],
+    title: session.title
+  };
+};
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
   const {
     openApiApiKey,
-    openRouterApiKey
+    openRouterApiKey,
+    passIncludeObfuscation,
+    streamingEnabled
   } = await loadPreferences();
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
@@ -4116,13 +5162,35 @@ const loadContent = async (state, savedState) => {
     openApiApiKeyInput: openApiApiKey,
     openRouterApiKey,
     openRouterApiKeyInput: openRouterApiKey,
+    passIncludeObfuscation,
     selectedModelId,
     selectedSessionId,
     sessions,
+    streamingEnabled,
     viewMode
   };
 };
 
+const mockOpenApiSetHttpErrorResponse = (state, statusCode, body) => {
+  setHttpErrorResponse(statusCode, body);
+  return state;
+};
+
+const mockOpenApiStreamFinish = state => {
+  finish();
+  return state;
+};
+
+const mockOpenApiStreamPushChunk = (state, chunk) => {
+  pushChunk(chunk);
+  return state;
+};
+
+const mockOpenApiStreamReset = state => {
+  reset$1();
+  return state;
+};
+
 const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   const {
     sessions: currentSessions
@@ -4157,9 +5225,13 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
-const getCss = composerHeight => {
+const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily) => {
   return `:root {
   --ChatInputBoxHeight: ${composerHeight}px;
+  --ChatListItemHeight: ${listItemHeight}px;
+  --ChatMessageFontSize: ${chatMessageFontSize}px;
+  --ChatMessageLineHeight: ${chatMessageLineHeight}px;
+  --ChatMessageFontFamily: ${chatMessageFontFamily};
 }`;
 };
 
@@ -4168,10 +5240,14 @@ const getCss = composerHeight => {
 
 const renderCss = (oldState, newState) => {
   const {
+    chatMessageFontFamily,
+    chatMessageFontSize,
+    chatMessageLineHeight,
     composerHeight,
+    listItemHeight,
     uid
   } = newState;
-  const css = getCss(composerHeight);
+  const css = getCss(composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily);
   return [SetCss, uid, css];
 };
 
@@ -4250,6 +5326,7 @@ const HandleSubmit = 19;
 const HandleModelChange = 20;
 const HandleChatListScroll = 21;
 const HandleMessagesScroll = 22;
+const HandleClickSessionDebug = 23;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -4271,6 +5348,18 @@ const getModelOptionDOm = (model, selectedModelId) => {
   }, text(getModelLabel(model))];
 };
 
+const getChatSelectVirtualDom = (models, selectedModelId) => {
+  const modelOptions = models.flatMap(model => getModelOptionDOm(model, selectedModelId));
+  return [{
+    childCount: models.length,
+    className: Select,
+    name: Model,
+    onInput: HandleModelChange,
+    type: Select$1,
+    value: selectedModelId
+  }, ...modelOptions];
+};
+
 const getSendButtonClassName = isSendDisabled => {
   return isSendDisabled ? `${IconButton} ${SendButtonDisabled}` : `${IconButton}`;
 };
@@ -4330,7 +5419,6 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
 
 const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20) => {
   const isSendDisabled = composerValue.trim() === '';
-  const modelOptions = models.flatMap(model => getModelOptionDOm(model, selectedModelId));
   return [{
     childCount: 1,
     className: ChatSendArea,
@@ -4346,21 +5434,13 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
-    // style: `height:${composerHeight}px;font-size:${composerFontSize}px;font-family:${composerFontFamily};line-height:${composerLineHeight}px;`,
     type: TextArea,
     value: composerValue
   }, {
     childCount: usageOverviewEnabled ? 3 : 2,
     className: ChatSendAreaBottom,
     type: Div
-  }, {
-    childCount: models.length,
-    className: Select,
-    name: Model,
-    onInput: HandleModelChange,
-    type: Select$1,
-    value: selectedModelId
-  }, ...modelOptions, ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
 };
 
 const getBackButtonVirtualDom = () => {
@@ -4397,6 +5477,11 @@ const getHeaderActionVirtualDom = item => {
 
 const getChatHeaderActionsDom = () => {
   const items = [{
+    icon: 'MaskIcon MaskIconDebugPause',
+    name: SessionDebug,
+    onClick: HandleClickSessionDebug,
+    title: debug()
+  }, {
     icon: 'MaskIcon MaskIconAdd',
     name: CreateSession,
     onClick: HandleClickNew,
@@ -4514,6 +5599,7 @@ const getOpenRouterRequestFailedDom = () => {
     }, text(reason)];
   })];
 };
+
 const getOpenRouterTooManyRequestsDom = () => {
   return [{
     childCount: openRouterTooManyRequestsReasons.length,
@@ -4527,13 +5613,138 @@ const getOpenRouterTooManyRequestsDom = () => {
     }, text(reason)];
   })];
 };
+
+const getToolCallArgumentPreview = rawArguments => {
+  if (!rawArguments.trim()) {
+    return '""';
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return rawArguments;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return rawArguments;
+  }
+  const path = Reflect.get(parsed, 'path');
+  if (typeof path === 'string') {
+    return `"${path}"`;
+  }
+  const keys = Object.keys(parsed);
+  if (keys.length === 1) {
+    const value = Reflect.get(parsed, keys[0]);
+    if (typeof value === 'string') {
+      return `"${value}"`;
+    }
+  }
+  return rawArguments;
+};
+
+const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
+const parseMessageContent = rawMessage => {
+  if (rawMessage === '') {
+    return [{
+      text: '',
+      type: 'text'
+    }];
+  }
+  const lines = rawMessage.split(/\r?\n/);
+  const nodes = [];
+  let paragraphLines = [];
+  let listItems = [];
+  const flushParagraph = () => {
+    if (paragraphLines.length === 0) {
+      return;
+    }
+    nodes.push({
+      text: paragraphLines.join('\n'),
+      type: 'text'
+    });
+    paragraphLines = [];
+  };
+  const flushList = () => {
+    if (listItems.length === 0) {
+      return;
+    }
+    nodes.push({
+      items: listItems,
+      type: 'list'
+    });
+    listItems = [];
+  };
+  for (const line of lines) {
+    if (!line.trim()) {
+      flushList();
+      flushParagraph();
+      continue;
+    }
+    const match = line.match(orderedListItemRegex);
+    if (match) {
+      flushParagraph();
+      listItems.push({
+        text: match[1],
+        type: 'list-item'
+      });
+      continue;
+    }
+    flushList();
+    paragraphLines.push(line);
+  }
+  flushList();
+  flushParagraph();
+  return nodes.length === 0 ? [{
+    text: '',
+    type: 'text'
+  }] : nodes;
+};
+const getMessageContentDom = nodes => {
+  return nodes.flatMap(node => {
+    if (node.type === 'text') {
+      return [{
+        childCount: 1,
+        className: Markdown,
+        type: P
+      }, text(node.text)];
+    }
+    return [{
+      childCount: node.items.length,
+      className: ChatOrderedList,
+      type: Ol
+    }, ...node.items.flatMap(item => {
+      return [{
+        childCount: 1,
+        className: ChatOrderedListItem,
+        type: Li
+      }, text(item.text)];
+    })];
+  });
+};
+
+const getToolCallsDom = message => {
+  if (message.role !== 'assistant' || !message.toolCalls || message.toolCalls.length === 0) {
+    return [];
+  }
+  return message.toolCalls.flatMap(toolCall => {
+    const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
+    const label = `${toolCall.name} ${argumentPreview}`;
+    return [{
+      childCount: 1,
+      className: Markdown,
+      type: P
+    }, text(label)];
+  });
+};
 const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle') => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
   const isOpenRouterApiKeyMissingMessage = message.role === 'assistant' && message.text === openRouterApiKeyRequiredMessage;
   const isOpenRouterRequestFailedMessage = message.role === 'assistant' && message.text === openRouterRequestFailedMessage;
   const isOpenRouterTooManyRequestsMessage = message.role === 'assistant' && message.text.startsWith(openRouterTooManyRequestsMessage);
-  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? 2 : 1;
+  const messageIntermediate = parseMessageContent(message.text);
+  const messageDom = getMessageContentDom(messageIntermediate);
+  const toolCallsDom = getToolCallsDom(message);
+  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageIntermediate.length + 1 + toolCallsDom.length : messageIntermediate.length + toolCallsDom.length;
   return [{
     childCount: 1,
     className: mergeClassNames(Message, roleClassName),
@@ -4542,11 +5753,7 @@ const getChatMessageDom = (message, openRouterApiKeyInput, openApiApiKeyInput =
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, {
-    childCount: 1,
-    className: Markdown,
-    type: P
-  }, text(message.text), ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...messageDom, ...toolCallsDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const getEmptyMessagesDom = () => {
@@ -4664,7 +5871,7 @@ const getChatModeUnsupportedVirtualDom = () => {
   }, text(unknownViewMode())];
 };
 
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, messagesScrollTop = 0) => {
+const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop) => {
   switch (viewMode) {
     case 'detail':
       return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop);
@@ -4790,6 +5997,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleClickNew,
     params: ['handleClickNew']
+  }, {
+    name: HandleClickSessionDebug,
+    params: ['handleClickSessionDebug']
   }, {
     name: HandleClickBack,
     params: ['handleClickBack']
@@ -4830,9 +6040,12 @@ const reset = async state => {
     ...state,
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
+    mockAiResponseDelay: 0,
     openRouterApiKey: '',
+    selectedModelId: 'test',
     selectedSessionId: '',
     sessions: [],
+    streamingEnabled: false,
     viewMode: 'list'
   };
 };
@@ -4897,6 +6110,13 @@ const setChatList = state => {
   };
 };
 
+const setStreamingEnabled = (state, streamingEnabled) => {
+  return {
+    ...state,
+    streamingEnabled
+  };
+};
+
 const defaultMockApiCommandId = 'ChatE2e.mockApi';
 const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) => {
   if (!value) {
@@ -4928,6 +6148,7 @@ const commandMap = {
   'Chat.handleClickDelete': wrapCommand(handleClickDelete),
   'Chat.handleClickList': wrapCommand(handleClickList),
   'Chat.handleClickNew': wrapCommand(handleClickNew),
+  'Chat.handleClickSessionDebug': wrapCommand(handleClickSessionDebug),
   'Chat.handleClickSettings': handleClickSettings,
   'Chat.handleInput': wrapCommand(handleInput),
   'Chat.handleInputFocus': wrapCommand(handleInputFocus),
@@ -4938,6 +6159,10 @@ const commandMap = {
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
+  'Chat.mockOpenApiSetHttpErrorResponse': wrapCommand(mockOpenApiSetHttpErrorResponse),
+  'Chat.mockOpenApiStreamFinish': wrapCommand(mockOpenApiStreamFinish),
+  'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
+  'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openMockSession': wrapCommand(openMockSession),
   'Chat.render2': render2,
   'Chat.renderEventListeners': renderEventListeners,
@@ -4947,16 +6172,29 @@ const commandMap = {
   'Chat.saveState': wrapGetter(saveState),
   'Chat.setChatList': wrapCommand(setChatList),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
+  'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
   'Chat.terminate': terminate,
   'Chat.useMockApi': wrapCommand(useMockApi)
 };
 
+const send = port => {
+  return invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatNetworkWorker', port, 'HandleMessagePort.handleMessagePort');
+};
+const initializeChatNetworkWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send
+  });
+  set$3(rpc);
+};
+
 const listen = async () => {
   registerCommands(commandMap);
   const rpc = await create$3({
     commandMap: commandMap
   });
   set$1(rpc);
+  await initializeChatNetworkWorker();
 };
 
 const main = async () => {