@lvce-editor/chat-view 6.12.0 → 6.14.0

package/dist/chatViewWorkerMain.js

@@ -1486,6 +1486,12 @@ const backToChats = () => {
 const settings = () => {
   return i18nString('Settings');
 };
+const search = () => {
+  return i18nString('Search');
+};
+const searchChats = () => {
+  return i18nString('Search chats');
+};
 const loginToBackend = () => {
   return i18nString('Login to backend');
 };
@@ -1528,6 +1534,9 @@ const sendMessage = () => {
 const startVoiceDictation = () => {
   return i18nString('Start voice dictation');
 };
+const addContext = () => {
+  return i18nString('Add Context');
+};
 const save = () => {
   return i18nString('Save');
 };
@@ -1652,6 +1661,7 @@ const createDefaultState = () => {
   const composerFontSize = 13;
   const composerLineHeight = 20;
   return {
+    addContextButtonEnabled: false,
     aiSessionTitleGenerationEnabled: false,
     assetDir: '',
     authAccessToken: '',
@@ -1715,6 +1725,9 @@ const createDefaultState = () => {
     questionToolEnabled: false,
     renamingSessionId: '',
     runMode: 'local',
+    searchEnabled: false,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedModelId: defaultModelId,
     selectedProjectId: defaultProjectId,
     selectedSessionId: defaultSessionId,
@@ -1730,6 +1743,7 @@ const createDefaultState = () => {
     textAreaPaddingLeft: 12,
     textAreaPaddingRight: 12,
     textAreaPaddingTop: 0,
+    todoListToolEnabled: false,
     tokensMax: 0,
     tokensUsed: 0,
     uid: 0,
@@ -2545,7 +2559,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -7186,12 +7200,38 @@ const getSseEventType = value => {
   return value && typeof value === 'object' && Reflect.get(value, 'type') === 'response.completed' ? 'sse-response-completed' : 'sse-response-part';
 };
 
+const getMessageById = (messages, messageId) => {
+  return messages.find(message => message.id === messageId);
+};
+
+const getNextHandleTextChunkState = (latestState, parsedMessages, sessions) => {
+  return {
+    ...latestState,
+    ...(latestState.messagesAutoScrollEnabled ? {
+      messagesScrollTop: getNextAutoScrollTop(latestState.messagesScrollTop)
+    } : {}),
+    parsedMessages,
+    sessions
+  };
+};
+
+const getSelectedSession = (sessions, selectedSessionId) => {
+  return sessions.find(session => session.id === selectedSessionId);
+};
+
+const setAndRerenderHandleTextChunkState = async (uid, previousState, nextState) => {
+  set$1(uid, previousState, nextState);
+  // @ts-ignore
+  await invoke$1('Chat.rerender');
+};
+
 const getToolCallMergeKey = toolCall => {
   if (toolCall.id) {
     return `id:${toolCall.id}`;
   }
   return `value:${toolCall.name}:${toolCall.arguments}`;
 };
+
 const mergeToolCalls = (existing = [], incoming) => {
   if (incoming.length === 0) {
     return existing;
@@ -7213,8 +7253,9 @@ const mergeToolCalls = (existing = [], incoming) => {
   }
   return merged;
 };
-const updateMessageTextInSelectedSession = async (sessions, parsedMessages, selectedSessionId, messageId, text, inProgress) => {
-  let updatedMessage;
+
+const updateMessageToolCallsInSelectedSession = (sessions, parsedMessages, selectedSessionId, messageId, toolCalls) => {
+  let nextParsedMessages = parsedMessages;
   const updatedSessions = sessions.map(session => {
     if (session.id !== selectedSessionId) {
       return session;
@@ -7225,26 +7266,47 @@ const updateMessageTextInSelectedSession = async (sessions, parsedMessages, sele
         if (message.id !== messageId) {
           return message;
         }
-        updatedMessage = {
+        const updatedMessage = {
           ...message,
-          inProgress,
-          text
+          toolCalls: mergeToolCalls(message.toolCalls, toolCalls)
         };
+        nextParsedMessages = copyParsedMessageContent(nextParsedMessages, message.id, updatedMessage.id);
         return updatedMessage;
       })
     };
   });
-  let nextParsedMessages = parsedMessages;
-  if (updatedMessage) {
-    nextParsedMessages = await parseAndStoreMessageContent(parsedMessages, updatedMessage);
-  }
   return {
     parsedMessages: nextParsedMessages,
     sessions: updatedSessions
   };
 };
-const updateMessageToolCallsInSelectedSession = (sessions, parsedMessages, selectedSessionId, messageId, toolCalls) => {
-  let nextParsedMessages = parsedMessages;
+
+const handleToolCallsChunkFunction = async (uid, assistantMessageId, toolCalls, handleTextChunkState) => {
+  const selectedSession = getSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.selectedSessionId);
+  if (!selectedSession) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const assistantMessage = getMessageById(selectedSession.messages, assistantMessageId);
+  if (!assistantMessage) {
+    return {
+      latestState: handleTextChunkState.latestState,
+      previousState: handleTextChunkState.previousState
+    };
+  }
+  const updated = updateMessageToolCallsInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.parsedMessages, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, toolCalls);
+  const nextState = getNextHandleTextChunkState(handleTextChunkState.latestState, updated.parsedMessages, updated.sessions);
+  await setAndRerenderHandleTextChunkState(uid, handleTextChunkState.previousState, nextState);
+  return {
+    latestState: nextState,
+    previousState: nextState
+  };
+};
+
+const updateMessageTextInSelectedSession = async (sessions, parsedMessages, selectedSessionId, messageId, text, inProgress) => {
+  let updatedMessage;
   const updatedSessions = sessions.map(session => {
     if (session.id !== selectedSessionId) {
       return session;
@@ -7255,15 +7317,19 @@ const updateMessageToolCallsInSelectedSession = (sessions, parsedMessages, selec
         if (message.id !== messageId) {
           return message;
         }
-        const updatedMessage = {
+        updatedMessage = {
           ...message,
-          toolCalls: mergeToolCalls(message.toolCalls, toolCalls)
+          inProgress,
+          text
         };
-        nextParsedMessages = copyParsedMessageContent(nextParsedMessages, message.id, updatedMessage.id);
         return updatedMessage;
       })
     };
   });
+  let nextParsedMessages = parsedMessages;
+  if (updatedMessage) {
+    nextParsedMessages = await parseAndStoreMessageContent(parsedMessages, updatedMessage);
+  }
   return {
     parsedMessages: nextParsedMessages,
     sessions: updatedSessions
@@ -7302,38 +7368,6 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
     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 updated = updateMessageToolCallsInSelectedSession(handleTextChunkState.latestState.sessions, handleTextChunkState.latestState.parsedMessages, handleTextChunkState.latestState.selectedSessionId, assistantMessageId, toolCalls);
-  const nextState = {
-    ...handleTextChunkState.latestState,
-    ...(handleTextChunkState.latestState.messagesAutoScrollEnabled ? {
-      messagesScrollTop: getNextAutoScrollTop(handleTextChunkState.latestState.messagesScrollTop)
-    } : {}),
-    parsedMessages: updated.parsedMessages,
-    sessions: updated.sessions
-  };
-  set$1(uid, handleTextChunkState.previousState, nextState);
-  // @ts-ignore
-  await invoke$1('Chat.rerender');
-  return {
-    latestState: nextState,
-    previousState: nextState
-  };
-};
 
 const hasLegacyStreamingToolCalls = parsed => {
   if (!parsed || typeof parsed !== 'object') {
@@ -7646,13 +7680,16 @@ const handleClickSend = async state => {
 };
 
 const Composer = 'composer';
+const Search = 'search';
 const ComposerDropTarget = 'composer-drop-target';
+const AddContext = 'add-context';
 const Dictate = 'dictate';
 const Send = 'send';
 const Back = 'back';
 const Model = 'model';
 const RunMode = 'runMode';
 const ToggleChatFocus = 'toggle-chat-focus';
+const ToggleSearch = 'toggle-search';
 const CreateProject = 'create-project';
 const CreateSession = 'create-session';
 const CreateSessionInProjectPrefix = 'create-session-in-project:';
@@ -7831,6 +7868,12 @@ const handleClick = async (state, name, id = '') => {
       }
     case name === ToggleChatFocus:
       return toggleChatFocusMode(state);
+    case name === ToggleSearch:
+      return {
+        ...state,
+        searchFieldVisible: !state.searchFieldVisible,
+        searchValue: state.searchFieldVisible ? '' : state.searchValue
+      };
     case isProjectInputName(name):
       {
         const projectId = getProjectIdFromInputName(name);
@@ -8008,6 +8051,13 @@ const handleDropFiles = async (state, name, files = []) => {
   return nextState;
 };
 
+const handleSearchValueChange = (state, newValue) => {
+  return {
+    ...state,
+    searchValue: newValue
+  };
+};
+
 const handleInput = async (state, name, value, inputSource = 'user') => {
   const {
     selectedSessionId
@@ -8024,6 +8074,9 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
       openRouterApiKeyInput: value
     };
   }
+  if (name === Search) {
+    return handleSearchValueChange(state, value);
+  }
   if (name !== Composer) {
     return state;
   }
@@ -8234,6 +8287,13 @@ const initialize = async () => {
   set$4(rpc);
 };
 
+const ensureBlankProject = (projects, fallbackBlankProject) => {
+  if (projects.some(project => project.name === '_blank')) {
+    return projects;
+  }
+  return [fallbackBlankProject, ...projects];
+};
+
 const isObject$1 = value => {
   return typeof value === 'object' && value !== null;
 };
@@ -8251,6 +8311,32 @@ const getSavedChatListScrollTop = savedState => {
   return chatListScrollTop;
 };
 
+const getSavedComposerValue = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    composerValue
+  } = savedState;
+  if (typeof composerValue !== 'string') {
+    return undefined;
+  }
+  return composerValue;
+};
+
+const getSavedLastNormalViewMode = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    lastNormalViewMode
+  } = savedState;
+  if (lastNormalViewMode !== 'list' && lastNormalViewMode !== 'detail') {
+    return undefined;
+  }
+  return lastNormalViewMode;
+};
+
 const getSavedMessagesScrollTop = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8264,6 +8350,58 @@ const getSavedMessagesScrollTop = savedState => {
   return messagesScrollTop;
 };
 
+const getSavedProjectExpandedIds = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projectExpandedIds
+  } = savedState;
+  if (!Array.isArray(projectExpandedIds)) {
+    return undefined;
+  }
+  const ids = projectExpandedIds.filter(id => typeof id === 'string');
+  if (ids.length === 0) {
+    return undefined;
+  }
+  return ids;
+};
+
+const getSavedProjectListScrollTop = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projectListScrollTop
+  } = savedState;
+  if (typeof projectListScrollTop !== 'number') {
+    return undefined;
+  }
+  return projectListScrollTop;
+};
+
+const getSavedProjects = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projects
+  } = savedState;
+  if (!Array.isArray(projects)) {
+    return undefined;
+  }
+  const validProjects = projects.filter(project => {
+    if (!isObject$1(project)) {
+      return false;
+    }
+    return typeof project.id === 'string' && typeof project.name === 'string' && typeof project.uri === 'string';
+  });
+  if (validProjects.length === 0) {
+    return undefined;
+  }
+  return validProjects;
+};
+
 const getSavedSelectedModelId = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8277,6 +8415,19 @@ const getSavedSelectedModelId = savedState => {
   return selectedModelId;
 };
 
+const getSavedSelectedProjectId = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    selectedProjectId
+  } = savedState;
+  if (typeof selectedProjectId !== 'string') {
+    return undefined;
+  }
+  return selectedProjectId;
+};
+
 const getSavedSelectedSessionId = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8414,6 +8565,15 @@ const loadPassIncludeObfuscation = async () => {
   }
 };
 
+const loadSearchEnabled = async () => {
+  try {
+    const savedSearchEnabled = await get('chatView.searchEnabled');
+    return typeof savedSearchEnabled === 'boolean' ? savedSearchEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadStreamingEnabled = async () => {
   try {
     const savedStreamingEnabled = await get('chatView.streamingEnabled');
@@ -8423,6 +8583,15 @@ const loadStreamingEnabled = async () => {
   }
 };
 
+const loadTodoListToolEnabled = async () => {
+  try {
+    const savedTodoListToolEnabled = await get('chatView.todoListToolEnabled');
+    return typeof savedTodoListToolEnabled === 'boolean' ? savedTodoListToolEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadUseChatCoordinatorWorker = async () => {
   try {
     const savedUseChatCoordinatorWorker = await get('chatView.useChatCoordinatorWorker');
@@ -8469,7 +8638,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, searchEnabled, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
@@ -8481,7 +8650,9 @@ const loadPreferences = async () => {
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
+    searchEnabled,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8520,97 +8691,7 @@ const toSummarySession = session => {
     projectId: session.projectId
   };
 };
-const getSavedSelectedProjectId = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    selectedProjectId
-  } = savedState;
-  if (typeof selectedProjectId !== 'string') {
-    return undefined;
-  }
-  return selectedProjectId;
-};
-const getSavedProjects = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projects
-  } = savedState;
-  if (!Array.isArray(projects)) {
-    return undefined;
-  }
-  const validProjects = projects.filter(project => {
-    if (!isObject$1(project)) {
-      return false;
-    }
-    return typeof project.id === 'string' && typeof project.name === 'string' && typeof project.uri === 'string';
-  });
-  if (validProjects.length === 0) {
-    return undefined;
-  }
-  return validProjects;
-};
-const ensureBlankProject = (projects, fallbackBlankProject) => {
-  if (projects.some(project => project.name === '_blank')) {
-    return projects;
-  }
-  return [fallbackBlankProject, ...projects];
-};
-const getSavedProjectListScrollTop = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projectListScrollTop
-  } = savedState;
-  if (typeof projectListScrollTop !== 'number') {
-    return undefined;
-  }
-  return projectListScrollTop;
-};
-const getSavedProjectExpandedIds = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projectExpandedIds
-  } = savedState;
-  if (!Array.isArray(projectExpandedIds)) {
-    return undefined;
-  }
-  const ids = projectExpandedIds.filter(id => typeof id === 'string');
-  if (ids.length === 0) {
-    return undefined;
-  }
-  return ids;
-};
-const getSavedLastNormalViewMode = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    lastNormalViewMode
-  } = savedState;
-  if (lastNormalViewMode !== 'list' && lastNormalViewMode !== 'detail') {
-    return undefined;
-  }
-  return lastNormalViewMode;
-};
-const getSavedComposerValue = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    composerValue
-  } = savedState;
-  if (typeof composerValue !== 'string') {
-    return undefined;
-  }
-  return composerValue;
-};
+
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
@@ -8626,7 +8707,9 @@ const loadContent = async (state, savedState) => {
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
+    searchEnabled,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8704,11 +8787,15 @@ const loadContent = async (state, savedState) => {
     projectExpandedIds,
     projectListScrollTop,
     projects,
+    searchEnabled,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
     sessions,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8826,10 +8913,11 @@ const registerMockResponse = (state, mockResponse) => {
 };
 
 const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss) => {
+  const chatSendAreaHeight = composerHeight + chatSendAreaPaddingTop + chatSendAreaPaddingBottom;
   const baseCss = `:root {
   --ChatInputBoxHeight: ${composerHeight}px;
   --ChatTextAreaHeight: ${composerHeight}px;
-  --ChatSendAreaHeight: ${composerHeight + 62}px;
+  --ChatSendAreaHeight: ${chatSendAreaHeight}px;
   --ChatTextAreaPaddingTop: ${textAreaPaddingTop}px;
   --ChatTextAreaPaddingLeft: ${textAreaPaddingLeft}px;
   --ChatTextAreaPaddingRight: ${textAreaPaddingRight}px;
@@ -8842,344 +8930,168 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   --ChatMessageFontSize: ${chatMessageFontSize}px;
   --ChatMessageLineHeight: ${chatMessageLineHeight}px;
   --ChatMessageFontFamily: ${chatMessageFontFamily};
-}
-
-
-.ChatSendArea{
-  height: var(--ChatSendAreaHeight);
-  padding: var(--ChatSendAreaPaddingTop) var(--ChatSendAreaPaddingRight) var(--ChatSendAreaPaddingBottom) var(--ChatSendAreaPaddingLeft);
-}
-
-.Viewlet.Chat.ChatFocus {
-  background: linear-gradient(180deg, var(--ColorViewBackground, #1d2229) 0%, #1f252d 100%);
-  display: grid;
-  grid-template-columns: 320px 1fr;
-  grid-template-rows: auto 1fr auto;
-}
-
-.Chat.ChatFocus .ChatHeader {
-  grid-column: 1 / 3;
-}
+}`;
+  if (!renderHtmlCss.trim()) {
+    return `${baseCss}
 
-.ChatHeader .Label {
-  text-decoration: underline;
-  text-underline-offset: 5px;
+.ChatTodoList {
+  background: var(--vscode-editorWidget-background);
+  border: 1px solid var(--vscode-editorWidget-border);
+  border-radius: 6px;
+  margin-bottom: 8px;
+  overflow: hidden;
 }
 
-.Chat.ChatFocus .ProjectSidebar {
-  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 88%, #1f2b38 12%);
-  border-right: 1px solid var(--ColorBorder, #3a3d41);
-  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.2);
-  display: flex;
-  flex-direction: column;
-  grid-column: 1;
-  grid-row: 2 / 4;
-  min-height: 0;
+.ChatTodoListHeader {
+  border-bottom: 1px solid var(--vscode-editorWidget-border);
+  color: var(--vscode-descriptionForeground);
+  font-size: 12px;
+  line-height: 18px;
+  padding: 6px 10px;
 }
 
-.Chat.ChatFocus .ProjectList {
-  min-height: 0;
+.ChatTodoListItems {
+  list-style: none;
+  margin: 0;
+  max-height: 180px;
   overflow: auto;
-  padding: 10px 8px 12px;
-  scrollbar-color: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 78%, transparent)
-    color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 92%, transparent);
-  scrollbar-width: thin;
-}
-
-.Chat.ChatFocus .ProjectList::-webkit-scrollbar {
-  height: 10px;
-  width: 10px;
-}
-
-.Chat.ChatFocus .ProjectList::-webkit-scrollbar-track {
-  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
-  border-radius: 999px;
-}
-
-.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb {
-  background: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 70%, transparent);
-  border: 2px solid color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
-  border-radius: 999px;
-}
-
-.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb:hover {
-  background: color-mix(in srgb, var(--ColorScrollBarSliderHoverBackground, #667284) 80%, transparent);
+  padding: 4px 0;
 }
 
-.ProjectListGroup {
-  border: 1px solid transparent;
-  border-radius: 8px;
-  margin-bottom: 6px;
-  overflow: hidden;
-}
-
-.ProjectListItem {
-  align-items: center;
-  display: flex;
-  gap: 6px;
-  min-height: calc(var(--ChatListItemHeight) - 2px);
-}
-
-.ProjectListItemLabel {
+.ChatTodoListItem {
   align-items: center;
-  border-radius: 6px;
-  color: var(--ColorForeground, #d5dbe3);
-  cursor: pointer;
+  color: var(--vscode-foreground);
   display: flex;
-  flex: 1;
-  font-weight: 500;
-  gap: 2px;
-  overflow: hidden;
+  font-size: 12px;
+  line-height: 18px;
+  min-height: 24px;
   padding: 0 10px;
-  text-overflow: ellipsis;
-  transition: background-color 80ms ease, color 80ms ease;
-  white-space: nowrap;
 }
 
-.ProjectListChevron {
-  color: color-mix(in srgb, var(--ColorForeground, #c8d0da) 70%, transparent);
+.ChatTodoListItem::before {
+  color: var(--vscode-descriptionForeground);
+  content: "○";
   display: inline-block;
-  flex: 0 0 12px;
-  font-size: 11px;
-  margin-right: 4px;
-  text-align: center;
-  width: 12px;
+  margin-right: 8px;
+  width: 1em;
 }
 
-.ProjectListItemSelected {
-  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #39424d) 84%, #2f3741 16%);
+.ChatTodoListItemTodo::before {
+  content: "○";
 }
 
-.ProjectListItem:not(.ProjectListItemSelected):hover,
-.ProjectListItem:not(.ProjectListItemSelected):focus-within {
-  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414b) 50%, transparent);
+.ChatTodoListItem.todo::before {
+  content: "○";
 }
 
-.ProjectListItemSelected .ProjectListItemLabel {
-  color: var(--ColorListInactiveSelectionForeground, #e5ebf2);
+.ChatTodoListItemInProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: "◐";
 }
 
-.ProjectListItemActions {
-  display: flex;
-  padding-right: 6px;
+.ChatTodoListItem.inProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: "◐";
 }
 
-.ProjectListItemAddChatButton {
-  align-items: center;
-  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #3a434f) 76%, transparent);
-  border: 0;
-  border-radius: 5px;
-  color: var(--ColorForeground, #d0d8e2);
-  cursor: pointer;
-  display: inline-flex;
-  font-size: 13px;
-  font-weight: 500;
-  height: 18px;
-  justify-content: center;
-  opacity: 0;
-  padding: 0;
-  transition: opacity 90ms ease, background-color 90ms ease;
-  visibility: hidden;
-  width: 18px;
+.ChatTodoListItemCompleted {
+  color: var(--vscode-disabledForeground);
 }
 
-.ProjectListItem:hover .ProjectListItemAddChatButton,
-.ProjectListItem:focus-within .ProjectListItemAddChatButton {
-  opacity: 1;
-  visibility: visible;
+.ChatTodoListItem.completed {
+  color: var(--vscode-disabledForeground);
 }
 
-.ProjectListItemAddChatButton:hover,
-.ProjectListItemAddChatButton:focus-visible {
-  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #4a5460) 82%, transparent);
+.ChatTodoListItemCompleted::before {
+  color: var(--vscode-testing-iconPassed);
+  content: "✓";
 }
 
-.ProjectSessionItem {
-  align-items: center;
-  display: flex;
-  min-height: calc(var(--ChatListItemHeight) - 5px);
-}
+.ChatTodoListItem.completed::before {
+  color: var(--vscode-testing-iconPassed);
+  content: "✓";
+}`;
+  }
+  return `${baseCss}
 
-.ProjectSessionItemLabel {
+.ChatTodoList {
+  background: var(--vscode-editorWidget-background);
+  border: 1px solid var(--vscode-editorWidget-border);
   border-radius: 6px;
-  color: color-mix(in srgb, var(--ColorForeground, #cfd7df) 92%, transparent);
-  cursor: pointer;
-  display: block;
-  flex: 1;
-  font-size: 12.5px;
+  margin-bottom: 8px;
   overflow: hidden;
-  padding: 0 10px 0 28px;
-  text-overflow: ellipsis;
-  transition: background-color 80ms ease, color 80ms ease;
-  white-space: nowrap;
-}
-
-.ProjectSessionItemSelected {
-  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #353f4a) 86%, #2c3540 14%);
-}
-
-.ProjectSessionItem:not(.ProjectSessionItemSelected):hover,
-.ProjectSessionItem:not(.ProjectSessionItemSelected):focus-within {
-  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414c) 46%, transparent);
-}
-
-.ProjectSessionItemSelected .ProjectSessionItemLabel {
-  color: var(--ColorListInactiveSelectionForeground, #f2f6fc);
 }
 
-.Chat.ChatFocus .ProjectAddButton {
-  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #21252c) 72%, transparent);
-  border: 0;
-  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
-  color: var(--ColorForeground, #d2d9e2);
-  cursor: pointer;
-  font-size: 12.5px;
-  letter-spacing: 0.01em;
-  margin-top: auto;
-  min-height: var(--ChatListItemHeight);
-  padding: 0 12px;
-  text-align: left;
-  transition: background-color 80ms ease;
+.ChatTodoListHeader {
+  border-bottom: 1px solid var(--vscode-editorWidget-border);
+  color: var(--vscode-descriptionForeground);
+  font-size: 12px;
+  line-height: 18px;
+  padding: 6px 10px;
 }
 
-.Chat.ChatFocus .ProjectAddButton:hover,
-.Chat.ChatFocus .ProjectAddButton:focus-visible {
-  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #2a3039) 78%, transparent);
-}
-
-.ChatList,
-.ChatListEmpty,
-.ChatMessages {
+.ChatTodoListItems {
+  list-style: none;
   margin: 0;
-  min-height: 0;
-  padding: 0;
-}
-
-.Chat.ChatFocus .ChatList,
-.Chat.ChatFocus .ChatListEmpty {
-  display: none;
-}
-
-.Chat.ChatFocus .ChatMessages {
-  grid-column: 2;
-  grid-row: 2;
-}
-
-.Chat.ChatFocus .ChatSendArea {
-  grid-column: 2;
-  grid-row: 3;
-  height: var(--ChatSendAreaHeight);
-  min-height: var(--ChatSendAreaHeight);
-}
-
-.Chat .MultilineInputBox {
-  height: var(--ChatTextAreaHeight);
-  min-height: var(--ChatTextAreaHeight);
-  padding: var(--ChatTextAreaPaddingTop) var(--ChatTextAreaPaddingRight) var(--ChatTextAreaPaddingBottom) var(--ChatTextAreaPaddingLeft);
+  max-height: 180px;
+  overflow: auto;
+  padding: 4px 0;
 }
 
-.Select {
-  -moz-appearance: none;
-  -webkit-appearance: none;
-  appearance: none;
-  background-image:
-    linear-gradient(45deg, transparent 50%, color-mix(in srgb, var(--ColorForeground, #d5dbe3) 84%, transparent) 50%),
-    linear-gradient(135deg, color-mix(in srgb, var(--ColorForeground, #d5dbe3) 84%, transparent) 50%, transparent 50%);
-  background-position:
-    calc(100% - 10px) 50%,
-    calc(100% - 6px) 50%;
-  background-repeat: no-repeat;
-  background-size:
-    4px 4px,
-    4px 4px;
-  max-width: 60px;
-  padding-right: 16px;
+.ChatTodoListItem {
+  align-items: center;
+  color: var(--vscode-foreground);
+  display: flex;
+  font-size: 12px;
+  line-height: 18px;
+  min-height: 24px;
+  padding: 0 10px;
 }
 
-.MarkdownMathInline {
+.ChatTodoListItem::before {
+  color: var(--vscode-descriptionForeground);
+  content: "○";
   display: inline-block;
-  max-width: 100%;
-  vertical-align: middle;
-}
-
-.MarkdownQuote {
-  border-left: 3px solid var(--ColorBorder, #3a3d41);
-  margin: 8px 0;
-  padding-left: 12px;
+  margin-right: 8px;
+  width: 1em;
 }
 
-.MarkdownMathBlock {
-  margin: 8px 0;
-  overflow-x: auto;
-  overflow-y: hidden;
+.ChatTodoListItemTodo::before {
+  content: "○";
 }
 
-.ChatMessageContent hr,
-.ChatToolCallRenderHtmlBody hr {
-  border: 0;
-  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 78%, transparent);
-  display: block;
-  height: 0;
-  margin: 12px 0;
-  width: 100%;
+.ChatTodoListItem.todo::before {
+  content: "○";
 }
 
-.StrikeThrough {
-  text-decoration: line-through;
+.ChatTodoListItemInProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: "◐";
 }
 
-/* syntax highlight token colors */
-.TokenComment {
-  color: var(--ColorSymbolIconColorForeground, #7f8794);
+.ChatTodoListItem.inProgress::before {
+  color: var(--vscode-textLink-foreground);
+  content: "◐";
 }
 
-.TokenString {
-  color: var(--ColorChartsGreen, #a6d189);
+.ChatTodoListItemCompleted {
+  color: var(--vscode-disabledForeground);
 }
 
-.TokenNumber,
-.TokenValue {
-  color: var(--ColorChartsBlue, #8caaee);
+.ChatTodoListItem.completed {
+  color: var(--vscode-disabledForeground);
 }
 
-.TokenKeyword,
-.TokenTag {
-  color: var(--ColorChartsPurple, #ca9ee6);
+.ChatTodoListItemCompleted::before {
+  color: var(--vscode-testing-iconPassed);
+  content: "✓";
 }
 
-.TokenAttribute,
-.TokenProperty {
-  color: var(--ColorChartsOrange, #ef9f76);
+.ChatTodoListItem.completed::before {
+  color: var(--vscode-testing-iconPassed);
+  content: "✓";
 }
 
-.ChatToolCallQuestionText {
-  margin-bottom: 6px;
-}
-
-.ChatToolCallQuestionOptions {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 6px;
-}
-
-.ChatToolCallQuestionOption {
-  background: color-mix(in srgb, var(--ColorBadgeBackground, #2f3640) 70%, transparent);
-  border: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
-  border-radius: 999px;
-  color: var(--ColorForeground, #d5dbe3);
-  display: inline-block;
-  max-width: 100%;
-  overflow: hidden;
-  padding: 2px 8px;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-`;
-  if (!renderHtmlCss.trim()) {
-    return baseCss;
-  }
-  return `${baseCss}
-
 /* render_html tool css */
 ${renderHtmlCss}`;
 };
@@ -9245,6 +9157,13 @@ const ChatViewDropOverlayActive = 'ChatViewDropOverlayActive';
 const SendButtonDisabled = 'SendButtonDisabled';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
+const ChatTodoList = 'ChatTodoList';
+const ChatTodoListHeader = 'ChatTodoListHeader';
+const ChatTodoListItems = 'ChatTodoListItems';
+const ChatTodoListItem = 'ChatTodoListItem';
+const ChatTodoListItemTodo = 'ChatTodoListItemTodo';
+const ChatTodoListItemInProgress = 'ChatTodoListItemInProgress';
+const ChatTodoListItemCompleted = 'ChatTodoListItemCompleted';
 const Chat = 'Chat';
 const ChatHeader = 'ChatHeader';
 const Button = 'Button';
@@ -9286,6 +9205,7 @@ const ChatMessageContent = 'ChatMessageContent';
 const ChatToolCalls = 'ChatToolCalls';
 const ChatToolCallsLabel = 'ChatToolCallsLabel';
 const ChatToolCallReadFileLink = 'ChatToolCallReadFileLink';
+const ChatToolCallFileName = 'ChatToolCallFileName';
 const ChatToolCallQuestionOption = 'ChatToolCallQuestionOption';
 const ChatToolCallQuestionOptions = 'ChatToolCallQuestionOptions';
 const ChatToolCallQuestionText = 'ChatToolCallQuestionText';
@@ -9312,6 +9232,7 @@ const TokenTag = 'TokenTag';
 const TokenAttribute = 'TokenAttribute';
 const TokenValue = 'TokenValue';
 const TokenProperty = 'TokenProperty';
+const SearchFieldContainer = 'SearchFieldContainer';
 const Select = 'Select';
 const StrikeThrough = 'StrikeThrough';
 const Viewlet = 'Viewlet';
@@ -9346,6 +9267,7 @@ const HandleProjectListContextMenu = 33;
 const HandleClickDictationButton = 34;
 const HandleMissingApiKeySubmit = 35;
 const HandleRunModeChange = 36;
+const HandleSearchInput = 37;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9432,6 +9354,18 @@ const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
     type: Div
   }];
 };
+const getAddContextButtonDom = () => {
+  return [{
+    childCount: 1,
+    className: IconButton,
+    name: AddContext,
+    title: addContext(),
+    type: Button$1
+  }, {
+    text: addContext(),
+    type: Text
+  }];
+};
 
 const clampToPercentage = (tokensUsed, tokensMax) => {
   if (tokensMax <= 0) {
@@ -9468,19 +9402,48 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
-  const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 1 : 0);
+  const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 1 : 0) + (addContextButtonEnabled ? 1 : 0);
+  const hasTodoList = todoListToolEnabled && todoListItems.length > 0;
+  const todoHeaderText = `Todos (${todoListItems.filter(item => item.status === 'completed').length}/${todoListItems.length})`;
+  const getTodoItemClassName = status => {
+    if (status === 'completed') {
+      return `${ChatTodoListItem} ${ChatTodoListItemCompleted} completed`;
+    }
+    if (status === 'inProgress') {
+      return `${ChatTodoListItem} ${ChatTodoListItemInProgress} inProgress`;
+    }
+    return `${ChatTodoListItem} ${ChatTodoListItemTodo} todo`;
+  };
   return [{
     childCount: 1,
     className: ChatSendArea,
     onSubmit: HandleSubmit,
     type: Form
   }, {
-    childCount: 2,
+    childCount: hasTodoList ? 3 : 2,
     className: ChatSendAreaContent,
     type: Div
+  }, ...(hasTodoList ? [{
+    childCount: 2,
+    className: ChatTodoList,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ChatTodoListHeader,
+    type: Div
   }, {
+    ...text(todoHeaderText)
+  }, {
+    childCount: todoListItems.length,
+    className: ChatTodoListItems,
+    type: Ul
+  }, ...todoListItems.flatMap(item => [{
+    childCount: 1,
+    className: getTodoItemClassName(item.status),
+    type: Li
+  }, text(item.text)])] : []), {
     childCount: 0,
     className: MultilineInputBox,
     name: Composer,
@@ -9493,7 +9456,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
     type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
 const getImageAltText = alt => {
@@ -9893,41 +9856,38 @@ const getMissingApiKeyDom = ({
   inputName,
   inputPattern,
   inputRequired = false,
-  inputValue,
   openSettingsButtonName,
   placeholder,
   saveButtonDisabled = false,
   saveButtonName,
-  saveButtonText = save(),
-  saveButtonType = 'button',
-  useForm = false
+  saveButtonText = save()
 }) => {
   return [{
     childCount: 2,
-    method: useForm ? 'GET' : undefined,
-    onSubmit: useForm ? HandleMissingApiKeySubmit : undefined,
-    type: useForm ? Form : Div
+    method: 'GET',
+    onSubmit: HandleMissingApiKeySubmit,
+    type: Form
   }, {
     childCount: 0,
     className: InputBox,
     name: inputName,
     onInput: HandleInput,
-    pattern: inputPattern,
+    ...(inputPattern ? {
+      pattern: inputPattern
+    } : {}),
     placeholder,
     required: inputRequired,
-    type: Input,
-    value: inputValue
+    type: Input
   }, {
     childCount: 2,
     className: Actions,
     type: Div
   }, {
-    buttonType: saveButtonType,
     childCount: 1,
     className: mergeClassNames(Button, ButtonPrimary),
     disabled: saveButtonDisabled,
+    inputType: 'submit',
     name: saveButtonName,
-    onClick: useForm ? undefined : HandleClick,
     type: Button$1
   }, text(saveButtonText), {
     childCount: 1,
@@ -9939,34 +9899,28 @@ const getMissingApiKeyDom = ({
   }, text(getApiKeyText)];
 };
 
-const getMissingOpenApiApiKeyDom = openApiApiKeyInput => {
+const getMissingOpenApiApiKeyDom = () => {
   return getMissingApiKeyDom({
     getApiKeyText: getOpenApiApiKey(),
     inputName: OpenApiApiKeyInput,
     inputPattern: '^sk-.+',
     inputRequired: true,
-    inputValue: openApiApiKeyInput,
     openSettingsButtonName: OpenOpenApiApiKeyWebsite,
     placeholder: openApiApiKeyPlaceholder(),
-    saveButtonName: SaveOpenApiApiKey,
-    saveButtonType: 'submit',
-    useForm: true
+    saveButtonName: SaveOpenApiApiKey
   });
 };
 
-const getMissingOpenRouterApiKeyDom = (openRouterApiKeyInput, openRouterApiKeyState = 'idle') => {
+const getMissingOpenRouterApiKeyDom = (openRouterApiKeyState = 'idle') => {
   const isSaving = openRouterApiKeyState === 'saving';
   return getMissingApiKeyDom({
     getApiKeyText: getOpenRouterApiKey(),
     inputName: OpenRouterApiKeyInput,
-    inputValue: openRouterApiKeyInput,
     openSettingsButtonName: OpenOpenRouterApiKeySettings,
     placeholder: openRouterApiKeyPlaceholder(),
     saveButtonDisabled: isSaving,
     saveButtonName: SaveOpenRouterApiKey,
-    saveButtonText: isSaving ? saving() : save(),
-    saveButtonType: 'submit',
-    useForm: true
+    saveButtonText: isSaving ? saving() : save()
   });
 };
 
@@ -10168,6 +10122,10 @@ const getToolCallEditFileVirtualDom = toolCall => {
     title: target.clickableUri,
     ...fileNameClickableProps,
     type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
   }, text(fileName)];
 };
 
@@ -10192,6 +10150,10 @@ const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
     'data-uri': toolCall.result,
     onClick: HandleClickReadFile,
     type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
@@ -10277,6 +10239,10 @@ const getToolCallReadFileVirtualDom = toolCall => {
     className: ChatToolCallReadFileLink,
     ...fileNameClickableProps,
     type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
@@ -10628,6 +10594,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }
   const fileName = getFileNameFromUri(target.title);
   const statusLabel = getToolCallStatusLabel(toolCall);
+  const showDiffStats = toolCall.status !== 'error' && toolCall.status !== 'not-found';
   const {
     linesAdded,
     linesDeleted
@@ -10637,7 +10604,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     onClick: HandleClickReadFile
   } : {};
   return [{
-    childCount: statusLabel ? 6 : 5,
+    childCount: showDiffStats ? statusLabel ? 6 : 5 : statusLabel ? 4 : 3,
     className: ChatOrderedListItem,
     title: target.title,
     type: Li
@@ -10650,7 +10617,11 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     className: ChatToolCallReadFileLink,
     ...fileNameClickableProps,
     type: Span
-  }, text(fileName), {
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
+  }, text(fileName), ...(showDiffStats ? [{
     childCount: 1,
     className: Insertion,
     type: Span
@@ -10658,7 +10629,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     childCount: 1,
     className: Deletion,
     type: Span
-  }, text(` -${linesDeleted}`), ...(statusLabel ? [text(statusLabel)] : [])];
+  }, text(` -${linesDeleted}`)] : []), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
 const getToolCallDom = toolCall => {
@@ -10725,7 +10696,7 @@ const getToolCallsDom = message => {
   }, ...message.toolCalls.flatMap(getToolCallDom)];
 };
 
-const getChatMessageDom = (message, parsedMessageContent, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
+const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput, _openApiApiKeyInput = '', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
   const isOpenRouterApiKeyMissingMessage = message.role === 'assistant' && message.text === openRouterApiKeyRequiredMessage;
@@ -10743,7 +10714,7 @@ const getChatMessageDom = (message, parsedMessageContent, openRouterApiKeyInput,
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom() : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const getEmptyMessagesDom = () => {
@@ -10896,6 +10867,7 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
 };
 
 const getChatModeChatFocusVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -10921,6 +10893,8 @@ const getChatModeChatFocusVirtualDom = ({
   selectedSessionId,
   sessions,
   showRunMode,
+  todoListItems,
+  todoListToolEnabled,
   tokensMax,
   tokensUsed,
   usageOverviewEnabled,
@@ -10936,7 +10910,7 @@ const getChatModeChatFocusVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10982,7 +10956,7 @@ const getHeaderActionVirtualDom = item => {
   }];
 };
 
-const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out') => {
+const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
   const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
   const isSigningIn = authStatus === 'signing-in';
   const authAction = authEnabled && authStatus !== 'signed-in' ? {
@@ -11003,7 +10977,12 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
     name: ToggleChatFocus,
     onClick: HandleClick,
     title: toggleTitle
-  }, {
+  }, ...(searchEnabled ? [{
+    icon: 'MaskIcon MaskIconSearch',
+    name: ToggleSearch,
+    onClick: HandleClick,
+    title: search()
+  }] : []), {
     icon: 'MaskIcon MaskIconDebugPause',
     name: SessionDebug,
     onClick: HandleClickSessionDebug,
@@ -11053,6 +11032,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
 };
 
 const getChatModeDetailVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -11074,6 +11054,8 @@ const getChatModeDetailVirtualDom = ({
   selectedSessionId,
   sessions,
   showRunMode,
+  todoListItems,
+  todoListToolEnabled,
   tokensMax,
   tokensUsed,
   usageOverviewEnabled,
@@ -11090,7 +11072,7 @@ const getChatModeDetailVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11104,17 +11086,32 @@ const getChatModeDetailVirtualDom = ({
   }] : [])];
 };
 
-const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '', searchEnabled = false, searchFieldVisible = false, searchValue = '') => {
   const hasAuthError = authEnabled && !!authErrorMessage;
+  const hasSearchField = searchEnabled && searchFieldVisible;
+  const headerChildCount = 2 + (hasAuthError ? 1 : 0) + (hasSearchField ? 1 : 0);
   return [{
-    childCount: hasAuthError ? 3 : 2,
+    childCount: headerChildCount,
     className: ChatHeader,
     type: Div
   }, {
     childCount: 1,
     className: Label,
     type: Span
-  }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus), ...(hasAuthError ? [{
+  }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus, searchEnabled), ...(hasSearchField ? [{
+    childCount: 1,
+    className: SearchFieldContainer,
+    type: Div
+  }, {
+    childCount: 0,
+    className: InputBox,
+    inputType: 'search',
+    name: Search,
+    onInput: HandleSearchInput,
+    placeholder: searchChats(),
+    type: Input,
+    value: searchValue
+  }] : []), ...(hasAuthError ? [{
     childCount: 1,
     className: ChatAuthError,
     type: Span
@@ -11177,6 +11174,7 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
 };
 
 const getChatModeListVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -11190,23 +11188,30 @@ const getChatModeListVirtualDom = ({
   composerValue,
   models,
   runMode,
+  searchEnabled = false,
+  searchFieldVisible = false,
+  searchValue = '',
   selectedModelId,
   selectedSessionId,
   sessions,
   showRunMode,
+  todoListItems,
+  todoListToolEnabled,
   tokensMax,
   tokensUsed,
   usageOverviewEnabled,
   voiceDictationEnabled = false
 }) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const searchValueTrimmed = searchValue.trim().toLowerCase();
+  const visibleSessions = searchEnabled && searchValueTrimmed ? sessions.filter(session => session.title.toLowerCase().includes(searchValueTrimmed)) : sessions;
   return [{
     childCount: isDropOverlayVisible ? 4 : 3,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11227,6 +11232,62 @@ const getChatModeUnsupportedVirtualDom = () => {
   }, text(unknownViewMode())];
 };
 
+const isTodoStatus = status => {
+  return status === 'todo' || status === 'inProgress' || status === 'completed';
+};
+const parseTodoListArguments = rawArguments => {
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return [];
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return [];
+  }
+  const rawTodos = Reflect.get(parsed, 'todos');
+  if (!Array.isArray(rawTodos)) {
+    return [];
+  }
+  const todos = [];
+  for (const rawTodo of rawTodos) {
+    if (!rawTodo || typeof rawTodo !== 'object') {
+      continue;
+    }
+    const text = Reflect.get(rawTodo, 'text');
+    const status = Reflect.get(rawTodo, 'status');
+    if (typeof text !== 'string' || !isTodoStatus(status)) {
+      continue;
+    }
+    todos.push({
+      status,
+      text
+    });
+  }
+  return todos;
+};
+
+const getTodoListItems = (sessions, selectedSessionId) => {
+  const selectedSession = sessions.find(session => session.id === selectedSessionId);
+  if (!selectedSession) {
+    return [];
+  }
+  let todoItems = [];
+  for (const message of selectedSession.messages) {
+    if (message.role !== 'assistant' || !message.toolCalls) {
+      continue;
+    }
+    for (const toolCall of message.toolCalls) {
+      if (toolCall.name !== 'todo_list') {
+        continue;
+      }
+      const parsedTodos = parseTodoListArguments(toolCall.arguments);
+      todoItems = parsedTodos;
+    }
+  }
+  return todoItems;
+};
+
 const getFallbackParsedMessages = sessions => {
   const parsedMessages = [];
   for (const session of sessions) {
@@ -11245,6 +11306,7 @@ const getFallbackParsedMessages = sessions => {
 };
 const getChatVirtualDom = options => {
   const {
+    addContextButtonEnabled,
     authEnabled = false,
     authErrorMessage = '',
     authStatus = 'signed-out',
@@ -11266,11 +11328,15 @@ const getChatVirtualDom = options => {
     projectListScrollTop = 0,
     projects = [],
     runMode,
+    searchEnabled = false,
+    searchFieldVisible = false,
+    searchValue = '',
     selectedModelId,
     selectedProjectId = '',
     selectedSessionId,
     sessions,
     showRunMode,
+    todoListToolEnabled,
     tokensMax,
     tokensUsed,
     usageOverviewEnabled,
@@ -11279,9 +11345,11 @@ const getChatVirtualDom = options => {
     voiceDictationEnabled = false
   } = options;
   const parsedMessages = parsedMessagesInput ?? getFallbackParsedMessages(sessions);
+  const todoListItems = getTodoListItems(sessions, selectedSessionId);
   switch (viewMode) {
     case 'chat-focus':
       return getChatModeChatFocusVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11307,6 +11375,8 @@ const getChatVirtualDom = options => {
         selectedSessionId,
         sessions,
         showRunMode,
+        todoListItems,
+        todoListToolEnabled,
         tokensMax,
         tokensUsed,
         usageOverviewEnabled,
@@ -11315,6 +11385,7 @@ const getChatVirtualDom = options => {
       });
     case 'detail':
       return getChatModeDetailVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11336,6 +11407,8 @@ const getChatVirtualDom = options => {
         selectedSessionId,
         sessions,
         showRunMode,
+        todoListItems,
+        todoListToolEnabled,
         tokensMax,
         tokensUsed,
         usageOverviewEnabled,
@@ -11344,6 +11417,7 @@ const getChatVirtualDom = options => {
       });
     case 'list':
       return getChatModeListVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11357,10 +11431,15 @@ const getChatVirtualDom = options => {
         composerValue,
         models,
         runMode,
+        searchEnabled,
+        searchFieldVisible,
+        searchValue,
         selectedModelId,
         selectedSessionId,
         sessions,
         showRunMode,
+        todoListItems,
+        todoListToolEnabled,
         tokensMax,
         tokensUsed,
         usageOverviewEnabled,
@@ -11373,6 +11452,7 @@ const getChatVirtualDom = options => {
 
 const renderItems = (oldState, newState) => {
   const {
+    addContextButtonEnabled,
     authEnabled,
     authErrorMessage,
     authStatus,
@@ -11395,11 +11475,15 @@ const renderItems = (oldState, newState) => {
     projectListScrollTop,
     projects,
     runMode,
+    searchEnabled,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
     sessions,
     showRunMode,
+    todoListToolEnabled,
     tokensMax,
     tokensUsed,
     uid,
@@ -11412,6 +11496,7 @@ const renderItems = (oldState, newState) => {
     return [SetDom2, uid, []];
   }
   const dom = getChatVirtualDom({
+    addContextButtonEnabled,
     authEnabled,
     authErrorMessage,
     authStatus,
@@ -11433,11 +11518,15 @@ const renderItems = (oldState, newState) => {
     projectListScrollTop,
     projects,
     runMode,
+    searchEnabled,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
     sessions,
     showRunMode,
+    todoListToolEnabled,
     tokensMax,
     tokensUsed,
     usageOverviewEnabled,
@@ -11621,6 +11710,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleInput,
     params: ['handleInput', TargetName, TargetValue]
+  }, {
+    name: HandleSearchInput,
+    params: ['handleSearchValueChange', TargetValue]
   }, {
     name: HandleDragEnter,
     params: ['handleDragEnter', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
@@ -11676,7 +11768,8 @@ const renderEventListeners = () => {
     params: ['handleKeyDown', Key, ShiftKey]
   }, {
     name: HandleSubmit,
-    params: ['handleSubmit']
+    params: ['handleSubmit'],
+    preventDefault: true
   }, {
     name: HandleMissingApiKeySubmit,
     params: ['handleMissingApiKeySubmit', 'event.submitter?.name || ""'],
@@ -11724,6 +11817,8 @@ const saveState = state => {
     projectListScrollTop,
     projects,
     renamingSessionId,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11739,6 +11834,8 @@ const saveState = state => {
     projectListScrollTop,
     projects,
     renamingSessionId,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11746,6 +11843,13 @@ const saveState = state => {
   };
 };
 
+const setAddContextButtonEnabled = (state, addContextButtonEnabled) => {
+  return {
+    ...state,
+    addContextButtonEnabled
+  };
+};
+
 const setAuthEnabled = (state, authEnabled) => {
   return {
     ...state,
@@ -11776,9 +11880,12 @@ const dummySessions = [{
 const setChatList = state => {
   return {
     ...state,
+    searchEnabled: true,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedSessionId: dummySessions[0].id,
     sessions: dummySessions,
-    viewMode: 'detail'
+    viewMode: 'list'
   };
 };
 
@@ -11796,6 +11903,15 @@ const setQuestionToolEnabled = (state, questionToolEnabled) => {
   };
 };
 
+const setSearchEnabled = (state, searchEnabled) => {
+  return {
+    ...state,
+    searchEnabled,
+    searchFieldVisible: searchEnabled ? state.searchFieldVisible : false,
+    searchValue: searchEnabled ? state.searchValue : ''
+  };
+};
+
 const setShowRunMode = (state, showRunMode) => {
   return {
     ...state,
@@ -11810,6 +11926,13 @@ const setStreamingEnabled = (state, streamingEnabled) => {
   };
 };
 
+const setTodoListToolEnabled = (state, todoListToolEnabled) => {
+  return {
+    ...state,
+    todoListToolEnabled
+  };
+};
+
 const setUseChatCoordinatorWorker = async (state, useChatCoordinatorWorker, persist = true) => {
   if (persist) {
     await update({
@@ -11900,6 +12023,7 @@ const commandMap = {
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
   'Chat.handleRunModeChange': wrapCommand(handleRunModeChange),
+  'Chat.handleSearchValueChange': wrapCommand(handleSearchValueChange),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
@@ -11920,14 +12044,17 @@ const commandMap = {
   'Chat.reset': wrapCommand(reset),
   'Chat.resize': wrapCommand(resize),
   'Chat.saveState': wrapGetter(saveState),
+  'Chat.setAddContextButtonEnabled': wrapCommand(setAddContextButtonEnabled),
   'Chat.setAuthEnabled': wrapCommand(setAuthEnabled),
   'Chat.setBackendUrl': wrapCommand(setBackendUrl),
   'Chat.setChatList': wrapCommand(setChatList),
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setQuestionToolEnabled': wrapCommand(setQuestionToolEnabled),
+  'Chat.setSearchEnabled': wrapCommand(setSearchEnabled),
   'Chat.setShowRunMode': wrapCommand(setShowRunMode),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
+  'Chat.setTodoListToolEnabled': wrapCommand(setTodoListToolEnabled),
   'Chat.setUseChatCoordinatorWorker': wrapCommand(setUseChatCoordinatorWorker),
   'Chat.setUseChatMathWorker': wrapCommand(setUseChatMathWorker),
   'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),