@lvce-editor/chat-view 6.10.0 → 6.13.0

package/dist/chatViewWorkerMain.js

@@ -1664,6 +1664,10 @@ const createDefaultState = () => {
     chatMessageFontFamily: 'system-ui',
     chatMessageFontSize,
     chatMessageLineHeight,
+    chatSendAreaPaddingBottom: 10,
+    chatSendAreaPaddingLeft: 8,
+    chatSendAreaPaddingRight: 8,
+    chatSendAreaPaddingTop: 10,
     composerDropActive: false,
     composerDropEnabled: true,
     composerFontFamily: 'system-ui',
@@ -1710,6 +1714,7 @@ const createDefaultState = () => {
     }],
     questionToolEnabled: false,
     renamingSessionId: '',
+    runMode: 'local',
     selectedModelId: defaultModelId,
     selectedProjectId: defaultProjectId,
     selectedSessionId: defaultSessionId,
@@ -1719,7 +1724,13 @@ const createDefaultState = () => {
       projectId: defaultProjectId,
       title: defaultSessionTitle()
     }],
+    showRunMode: false,
     streamingEnabled: true,
+    textAreaPaddingBottom: 0,
+    textAreaPaddingLeft: 12,
+    textAreaPaddingRight: 12,
+    textAreaPaddingTop: 0,
+    todoListToolEnabled: false,
     tokensMax: 0,
     tokensUsed: 0,
     uid: 0,
@@ -2513,7 +2524,7 @@ const getRenderHtmlCss = (sessions, selectedSessionId) => {
 const isEqual$1 = (oldState, newState) => {
   const oldRenderHtmlCss = getRenderHtmlCss(oldState.sessions, oldState.selectedSessionId);
   const newRenderHtmlCss = getRenderHtmlCss(newState.sessions, newState.selectedSessionId);
-  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 && oldRenderHtmlCss === newRenderHtmlCss;
+  return oldState.initial === newState.initial && oldState.chatMessageFontFamily === newState.chatMessageFontFamily && oldState.chatMessageFontSize === newState.chatMessageFontSize && oldState.chatMessageLineHeight === newState.chatMessageLineHeight && oldState.chatSendAreaPaddingTop === newState.chatSendAreaPaddingTop && oldState.chatSendAreaPaddingLeft === newState.chatSendAreaPaddingLeft && oldState.chatSendAreaPaddingRight === newState.chatSendAreaPaddingRight && oldState.chatSendAreaPaddingBottom === newState.chatSendAreaPaddingBottom && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize && oldState.listItemHeight === newState.listItemHeight && oldState.textAreaPaddingTop === newState.textAreaPaddingTop && oldState.textAreaPaddingLeft === newState.textAreaPaddingLeft && oldState.textAreaPaddingRight === newState.textAreaPaddingRight && oldState.textAreaPaddingBottom === newState.textAreaPaddingBottom && oldRenderHtmlCss === newRenderHtmlCss;
 };
 
 const diffFocus = (oldState, newState) => {
@@ -2535,7 +2546,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.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.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) => {
@@ -3126,12 +3137,14 @@ const selectProject = async (state, projectId) => {
   };
 };
 
+const fileSchemeRegex = /^file:\/\//;
+const trailingSlashesRegex$4 = /\/+$/;
 const getProjectName = (uri, fallbackIndex) => {
   if (!uri) {
     return `Project ${fallbackIndex}`;
   }
-  const withoutScheme = uri.replace(/^file:\/\//, '');
-  const normalized = withoutScheme.replace(/\/+$/, '');
+  const withoutScheme = uri.replace(fileSchemeRegex, '');
+  const normalized = withoutScheme.replace(trailingSlashesRegex$4, '');
   const lastSegment = normalized.split('/').pop();
   if (!lastSegment) {
     return `Project ${fallbackIndex}`;
@@ -3194,6 +3207,7 @@ const update = async settings => {
   await invoke$1('Preferences.update', settings);
 };
 
+const trailingSlashesRegex$3 = /\/+$/;
 const isLoginResponse = value => {
   if (!value || typeof value !== 'object') {
     return false;
@@ -3201,7 +3215,7 @@ const isLoginResponse = value => {
   return true;
 };
 const trimTrailingSlashes = value => {
-  return value.replace(/\/+$/, '');
+  return value.replace(trailingSlashesRegex$3, '');
 };
 const handleClickLogin = async state => {
   if (!state.backendUrl) {
@@ -4001,6 +4015,8 @@ const getTextContent = content => {
 
 /* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
 
+const errorPrefixRegex = /^Error:\s*/;
+const notFoundErrorRegex = /not[\s_-]?found|enoent/i;
 const getOpenAiTools = tools => {
   return tools.map(tool => {
     if (!tool || typeof tool !== 'object') {
@@ -4066,7 +4082,7 @@ const getStreamChunkText = content => {
   }).join('');
 };
 const getShortToolErrorMessage = error => {
-  const trimmed = error.trim().replace(/^Error:\s*/, '');
+  const trimmed = error.trim().replace(errorPrefixRegex, '');
   const firstLine = trimmed.split('\n')[0];
   if (firstLine.length <= 80) {
     return firstLine;
@@ -4098,7 +4114,7 @@ const getToolCallExecutionStatus = content => {
   const rawStack = Reflect.get(parsed, 'errorStack') ?? Reflect.get(parsed, 'stack');
   const errorStack = typeof rawStack === 'string' && rawStack.trim() ? rawStack : undefined;
   const errorMessage = getShortToolErrorMessage(rawError);
-  if (/not[\s_-]?found|enoent/i.test(errorMessage)) {
+  if (notFoundErrorRegex.test(errorMessage)) {
     return {
       ...(errorStack ? {
         errorStack
@@ -5086,13 +5102,15 @@ const getOpenApiModelId = selectedModelId => {
   return selectedModelId;
 };
 
+const trailingSlashesRegex$2 = /\/+$/;
 const getOpenRouterApiEndpoint = openRouterApiBaseUrl => {
-  const trimmedBaseUrl = openRouterApiBaseUrl.replace(/\/+$/, '');
+  const trimmedBaseUrl = openRouterApiBaseUrl.replace(trailingSlashesRegex$2, '');
   return `${trimmedBaseUrl}/chat/completions`;
 };
 
+const trailingSlashesRegex$1 = /\/+$/;
 const getOpenRouterKeyEndpoint = openRouterApiBaseUrl => {
-  const trimmedBaseUrl = openRouterApiBaseUrl.replace(/\/+$/, '');
+  const trimmedBaseUrl = openRouterApiBaseUrl.replace(trailingSlashesRegex$1, '');
   return `${trimmedBaseUrl}/auth/key`;
 };
 
@@ -5478,8 +5496,9 @@ const getAll = () => {
 
 /* eslint-disable prefer-destructuring */
 
+const trailingSlashesRegex = /\/+$/;
 const getBackendCompletionsEndpoint = backendUrl => {
-  const trimmedBackendUrl = backendUrl.replace(/\/+$/, '');
+  const trimmedBackendUrl = backendUrl.replace(trailingSlashesRegex, '');
   return `${trimmedBackendUrl}/v1/chat/completions`;
 };
 const getEffectiveBackendModelId = selectedModelId => {
@@ -6254,21 +6273,25 @@ const parseInlineNodes = value => {
 };
 
 const markdownMathBlockDelimiter = '$$';
+const escapedNewlineRegex = /\\r\\n|\\n/g;
+const lineBreakRegex = /\r?\n/;
+const tableDelimiterRegex = /\|\s*[-:]{3,}/;
+const inlineTableCellRegex = /\|\s+\|/g;
 const normalizeEscapedNewlines = value => {
   if (value.includes('\\n')) {
-    return value.replaceAll(/\\r\\n|\\n/g, '\n');
+    return value.replaceAll(escapedNewlineRegex, '\n');
   }
   return value;
 };
 const normalizeInlineTables = value => {
-  return value.split(/\r?\n/).map(line => {
+  return value.split(lineBreakRegex).map(line => {
     if (!line.includes('|')) {
       return line;
     }
-    if (!/\|\s*[-:]{3,}/.test(line)) {
+    if (!tableDelimiterRegex.test(line)) {
       return line;
     }
-    return line.replaceAll(/\|\s+\|/g, '|\n|');
+    return line.replaceAll(inlineTableCellRegex, '|\n|');
   }).join('\n');
 };
 const parseHeadingLine = line => {
@@ -6347,6 +6370,33 @@ const parseBlockQuoteLine = line => {
   }
   return content;
 };
+const isThematicBreakLine = line => {
+  const trimmedStart = line.trimStart();
+  const leadingSpaces = line.length - trimmedStart.length;
+  if (leadingSpaces > 3) {
+    return false;
+  }
+  const trimmed = trimmedStart.trimEnd();
+  if (!trimmed) {
+    return false;
+  }
+  const marker = trimmed[0];
+  if (marker !== '-' && marker !== '_' && marker !== '*') {
+    return false;
+  }
+  let markerCount = 0;
+  for (let i = 0; i < trimmed.length; i++) {
+    const char = trimmed[i];
+    if (char === marker) {
+      markerCount++;
+      continue;
+    }
+    if (char !== ' ') {
+      return false;
+    }
+  }
+  return markerCount >= 3;
+};
 const isTableRow = line => {
   const trimmed = line.trim();
   if (!trimmed.startsWith('|') || !trimmed.endsWith('|')) {
@@ -6360,7 +6410,7 @@ const getTableCells = line => {
 };
 const scanBlockTokens = rawMessage => {
   const normalizedMessage = normalizeInlineTables(normalizeEscapedNewlines(rawMessage));
-  const lines = normalizedMessage.split(/\r?\n/);
+  const lines = normalizedMessage.split(lineBreakRegex);
   const tokens = [];
   for (let i = 0; i < lines.length; i++) {
     const line = lines[i];
@@ -6426,6 +6476,12 @@ const scanBlockTokens = rawMessage => {
       });
       continue;
     }
+    if (isThematicBreakLine(line)) {
+      tokens.push({
+        type: 'thematic-break'
+      });
+      continue;
+    }
     const ordered = parseOrderedListItemLine(line);
     if (ordered) {
       tokens.push({
@@ -6571,6 +6627,14 @@ const parseBlockTokens = tokens => {
       });
       continue;
     }
+    if (token.type === 'thematic-break') {
+      flushList();
+      flushParagraph();
+      nodes.push({
+        type: 'thematic-break'
+      });
+      continue;
+    }
     if (token.type === 'blockquote-line') {
       flushList();
       flushParagraph();
@@ -6944,12 +7008,16 @@ const executeSlashCommand = async (state, command) => {
   });
 };
 
+const defaultSessionTitleRegex = /^Chat \d+$/;
 const isDefaultSessionTitle = title => {
-  return /^Chat \d+$/.test(title);
+  return defaultSessionTitleRegex.test(title);
 };
 
+const titlePrefixRegex = /^title:\s*/i;
+const wrappedQuotesAndWhitespaceRegex = /^['"`\s]+|['"`\s]+$/g;
+const consecutiveWhitespaceRegex = /\s+/g;
 const sanitizeGeneratedTitle = value => {
-  return value.replace(/^title:\s*/i, '').replaceAll(/^['"`\s]+|['"`\s]+$/g, '').replaceAll(/\s+/g, ' ').trim().slice(0, 80);
+  return value.replace(titlePrefixRegex, '').replaceAll(wrappedQuotesAndWhitespaceRegex, '').replaceAll(consecutiveWhitespaceRegex, ' ').trim().slice(0, 80);
 };
 
 const getAiSessionTitle = async (state, userText, assistantText) => {
@@ -7020,6 +7088,8 @@ Assistant: ${assistantText}`;
   return title && !isDefaultSessionTitle(title) ? title : '';
 };
 
+const windowsAbsolutePathRegex = /^[a-zA-Z]:[\\/]/;
+const pathSeparatorRegex$1 = /[\\/]/;
 const isPathTraversalAttempt = path => {
   if (!path) {
     return false;
@@ -7030,15 +7100,16 @@ const isPathTraversalAttempt = path => {
   if (path.startsWith('file://')) {
     return true;
   }
-  if (/^[a-zA-Z]:[\\/]/.test(path)) {
+  if (windowsAbsolutePathRegex.test(path)) {
     return true;
   }
-  const segments = path.split(/[\\/]/);
+  const segments = path.split(pathSeparatorRegex$1);
   return segments.includes('..');
 };
 
+const pathSeparatorRegex = /[\\/]/;
 const normalizeRelativePath = path => {
-  const segments = path.split(/[\\/]/).filter(segment => segment && segment !== '.');
+  const segments = path.split(pathSeparatorRegex).filter(segment => segment && segment !== '.');
   if (segments.length === 0) {
     return '.';
   }
@@ -7046,13 +7117,14 @@ const normalizeRelativePath = path => {
 };
 
 const mentionRegex = /(^|\s)@([^\s]+)/g;
+const trailingPunctuationRegex = /[),.;:!?]+$/g;
 const maxMentionCount = 5;
 const parseMentionedPaths = value => {
   const matches = value.matchAll(mentionRegex);
   const paths = [];
   for (const match of matches) {
     const rawPath = match[2] || '';
-    const cleanedPath = rawPath.replaceAll(/[),.;:!?]+$/g, '');
+    const cleanedPath = rawPath.replaceAll(trailingPunctuationRegex, '');
     if (!cleanedPath || isPathTraversalAttempt(cleanedPath)) {
       continue;
     }
@@ -7115,12 +7187,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;
@@ -7142,8 +7240,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;
@@ -7154,26 +7253,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;
@@ -7184,15 +7304,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
@@ -7231,38 +7355,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') {
@@ -7580,6 +7672,7 @@ const Dictate = 'dictate';
 const Send = 'send';
 const Back = 'back';
 const Model = 'model';
+const RunMode = 'runMode';
 const ToggleChatFocus = 'toggle-chat-focus';
 const CreateProject = 'create-project';
 const CreateSession = 'create-session';
@@ -8097,6 +8190,19 @@ const handleProjectListContextMenu = async state => {
   return state;
 };
 
+const isRunMode = value => {
+  return value === 'local' || value === 'background' || value === 'cloud';
+};
+const handleRunModeChange = async (state, value) => {
+  if (!isRunMode(value)) {
+    return state;
+  }
+  return {
+    ...state,
+    runMode: value
+  };
+};
+
 const handleChatListScroll = async (state, chatListScrollTop) => {
   if (state.chatListScrollTop === chatListScrollTop) {
     return state;
@@ -8338,6 +8444,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');
@@ -8384,7 +8499,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, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
@@ -8397,6 +8512,7 @@ const loadPreferences = async () => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8542,6 +8658,7 @@ const loadContent = async (state, savedState) => {
     openRouterApiKey,
     passIncludeObfuscation,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8624,6 +8741,7 @@ const loadContent = async (state, savedState) => {
     selectedSessionId,
     sessions,
     streamingEnabled,
+    todoListToolEnabled,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -8740,301 +8858,184 @@ const registerMockResponse = (state, mockResponse) => {
   return state;
 };
 
-const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, renderHtmlCss) => {
+const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss) => {
   const baseCss = `:root {
   --ChatInputBoxHeight: ${composerHeight}px;
+  --ChatTextAreaHeight: ${composerHeight}px;
+  --ChatSendAreaHeight: ${composerHeight + 62}px;
+  --ChatTextAreaPaddingTop: ${textAreaPaddingTop}px;
+  --ChatTextAreaPaddingLeft: ${textAreaPaddingLeft}px;
+  --ChatTextAreaPaddingRight: ${textAreaPaddingRight}px;
+  --ChatTextAreaPaddingBottom: ${textAreaPaddingBottom}px;
+  --ChatSendAreaPaddingTop: ${chatSendAreaPaddingTop}px;
+  --ChatSendAreaPaddingLeft: ${chatSendAreaPaddingLeft}px;
+  --ChatSendAreaPaddingRight: ${chatSendAreaPaddingRight}px;
+  --ChatSendAreaPaddingBottom: ${chatSendAreaPaddingBottom}px;
   --ChatListItemHeight: ${listItemHeight}px;
   --ChatMessageFontSize: ${chatMessageFontSize}px;
   --ChatMessageLineHeight: ${chatMessageLineHeight}px;
   --ChatMessageFontFamily: ${chatMessageFontFamily};
-}
-
-.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;
-}
+}`;
+  if (!renderHtmlCss.trim()) {
+    return `${baseCss}
 
-.Chat.ChatFocus .ChatHeader {
-  grid-column: 1 / 3;
+.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;
+  padding: 4px 0;
 }
 
-.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);
-}
-
-.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;
 }
 
-.Chat.ChatFocus .ProjectAddButton:hover,
-.Chat.ChatFocus .ProjectAddButton:focus-visible {
-  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #2a3039) 78%, transparent);
+.ChatTodoListHeader {
+  border-bottom: 1px solid var(--vscode-editorWidget-border);
+  color: var(--vscode-descriptionForeground);
+  font-size: 12px;
+  line-height: 18px;
+  padding: 6px 10px;
 }
 
-.ChatList,
-.ChatListEmpty,
-.ChatMessages {
-  min-height: 0;
-}
-
-.Chat.ChatFocus .ChatList,
-.Chat.ChatFocus .ChatListEmpty {
-  display: none;
-}
-
-.Chat.ChatFocus .ChatMessages {
-  grid-column: 2;
-  grid-row: 2;
+.ChatTodoListItems {
+  list-style: none;
+  margin: 0;
+  max-height: 180px;
+  overflow: auto;
+  padding: 4px 0;
 }
 
-.Chat.ChatFocus .ChatSendArea {
-  grid-column: 2;
-  grid-row: 3;
+.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;
+  margin-right: 8px;
+  width: 1em;
 }
 
-.MarkdownQuote {
-  border-left: 3px solid var(--ColorBorder, #3a3d41);
-  margin: 8px 0;
-  padding-left: 12px;
+.ChatTodoListItemTodo::before {
+  content: "○";
 }
 
-.MarkdownMathBlock {
-  margin: 8px 0;
-  overflow-x: auto;
-  overflow-y: hidden;
+.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);
-}
-
-.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;
+.ChatTodoListItem.completed::before {
+  color: var(--vscode-testing-iconPassed);
+  content: "✓";
 }
-`;
-  if (!renderHtmlCss.trim()) {
-    return baseCss;
-  }
-  return `${baseCss}
 
 /* render_html tool css */
 ${renderHtmlCss}`;
@@ -9048,14 +9049,22 @@ const renderCss = (oldState, newState) => {
     chatMessageFontFamily,
     chatMessageFontSize,
     chatMessageLineHeight,
+    chatSendAreaPaddingBottom,
+    chatSendAreaPaddingLeft,
+    chatSendAreaPaddingRight,
+    chatSendAreaPaddingTop,
     composerHeight,
     listItemHeight,
     selectedSessionId,
     sessions,
+    textAreaPaddingBottom,
+    textAreaPaddingLeft,
+    textAreaPaddingRight,
+    textAreaPaddingTop,
     uid
   } = newState;
   const renderHtmlCss = getRenderHtmlCss(sessions, selectedSessionId);
-  const css = getCss(composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, renderHtmlCss);
+  const css = getCss(composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss);
   return [SetCss, uid, css];
 };
 
@@ -9093,6 +9102,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';
@@ -9134,6 +9150,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';
@@ -9193,6 +9210,7 @@ const HandleProjectListScroll = 32;
 const HandleProjectListContextMenu = 33;
 const HandleClickDictationButton = 34;
 const HandleMissingApiKeySubmit = 35;
+const HandleRunModeChange = 36;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9226,6 +9244,28 @@ const getChatSelectVirtualDom = (models, selectedModelId) => {
   }, ...modelOptions];
 };
 
+const getRunModeOptionDom = (runMode, selectedRunMode) => {
+  return [{
+    childCount: 1,
+    selected: runMode === selectedRunMode,
+    type: Option$1,
+    value: runMode
+  }, text(runMode)];
+};
+
+const runModes = ['local', 'background', 'cloud'];
+const getRunModeSelectVirtualDom = selectedRunMode => {
+  const runModeOptions = runModes.flatMap(runMode => getRunModeOptionDom(runMode, selectedRunMode));
+  return [{
+    childCount: runModes.length,
+    className: Select,
+    name: RunMode,
+    onInput: HandleRunModeChange,
+    type: Select$1,
+    value: selectedRunMode
+  }, ...runModeOptions];
+};
+
 const getSendButtonClassName = isSendDisabled => {
   return isSendDisabled ? `${IconButton} ${SendButtonDisabled}` : `${IconButton}`;
 };
@@ -9293,19 +9333,48 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
-  const controlsCount = usageOverviewEnabled ? 3 : 2;
+  const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 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,
@@ -9318,7 +9387,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
     type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
 const getImageAltText = alt => {
@@ -9683,6 +9752,12 @@ const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'math-block-dom') {
     return node.dom;
   }
+  if (node.type === 'thematic-break') {
+    return [{
+      childCount: 0,
+      type: Hr
+    }];
+  }
   if (node.type === 'heading') {
     return getHeadingDom(node, useChatMathWorker);
   }
@@ -9817,22 +9892,88 @@ const getOpenRouterTooManyRequestsDom = () => {
   })];
 };
 
-const RE_QUERY_OR_HASH = /[?#].*$/;
-const RE_TRAILING_SLASH = /\/$/;
-const getFileNameFromUri = uri => {
-  const stripped = uri.replace(RE_QUERY_OR_HASH, '').replace(RE_TRAILING_SLASH, '');
-  const slashIndex = Math.max(stripped.lastIndexOf('/'), stripped.lastIndexOf('\\\\'));
-  const fileName = slashIndex === -1 ? stripped : stripped.slice(slashIndex + 1);
-  return fileName || uri;
+const getToolCallStatusLabel = toolCall => {
+  if (toolCall.status === 'not-found') {
+    return ' (not-found)';
+  }
+  if (toolCall.status === 'error') {
+    if (toolCall.errorMessage) {
+      return ` (error: ${toolCall.errorMessage})`;
+    }
+    return ' (error)';
+  }
+  return '';
 };
 
-const isCompleteJson = value => {
-  const trimmed = value.trim();
-  if (!trimmed) {
-    return false;
+const parseAskQuestionArguments = rawArguments => {
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return {
+      answers: [],
+      question: ''
+    };
   }
-  let depth = 0;
-  let inString = false;
+  if (!parsed || typeof parsed !== 'object') {
+    return {
+      answers: [],
+      question: ''
+    };
+  }
+  const question = Reflect.get(parsed, 'question');
+  const rawAnswers = Reflect.get(parsed, 'answers');
+  const rawChoices = Reflect.get(parsed, 'choices');
+  const rawOptions = Reflect.get(parsed, 'options');
+  const arrayValue = Array.isArray(rawAnswers) ? rawAnswers : Array.isArray(rawChoices) ? rawChoices : Array.isArray(rawOptions) ? rawOptions : [];
+  const answers = arrayValue.filter(value => typeof value === 'string');
+  return {
+    answers,
+    question: typeof question === 'string' ? question : ''
+  };
+};
+
+const getToolCallAskQuestionVirtualDom = toolCall => {
+  const parsed = parseAskQuestionArguments(toolCall.arguments);
+  const statusLabel = getToolCallStatusLabel(toolCall);
+  const questionLabel = parsed.question.trim() ? parsed.question : '(empty question)';
+  const answers = parsed.answers.length > 0 ? parsed.answers : ['(no answers)'];
+  const childCount = 2;
+  return [{
+    childCount,
+    className: ChatOrderedListItem,
+    type: Li
+  }, {
+    childCount: 1,
+    className: ChatToolCallQuestionText,
+    type: Div
+  }, text(`ask_question: ${questionLabel}${statusLabel}`), {
+    childCount: answers.length,
+    className: ChatToolCallQuestionOptions,
+    type: Div
+  }, ...answers.flatMap(answer => [{
+    childCount: 1,
+    className: ChatToolCallQuestionOption,
+    type: Span
+  }, text(answer.trim() ? answer : '(empty answer)')])];
+};
+
+const RE_QUERY_OR_HASH = /[?#].*$/;
+const RE_TRAILING_SLASH = /\/$/;
+const getFileNameFromUri = uri => {
+  const stripped = uri.replace(RE_QUERY_OR_HASH, '').replace(RE_TRAILING_SLASH, '');
+  const slashIndex = Math.max(stripped.lastIndexOf('/'), stripped.lastIndexOf('\\\\'));
+  const fileName = slashIndex === -1 ? stripped : stripped.slice(slashIndex + 1);
+  return fileName || uri;
+};
+
+const isCompleteJson = value => {
+  const trimmed = value.trim();
+  if (!trimmed) {
+    return false;
+  }
+  let depth = 0;
+  let inString = false;
   let escaped = false;
   for (const char of trimmed) {
     if (inString) {
@@ -9896,6 +10037,66 @@ const getReadFileTarget = rawArguments => {
   };
 };
 
+const getToolCallEditFileVirtualDom = toolCall => {
+  const target = getReadFileTarget(toolCall.arguments);
+  if (!target) {
+    return [];
+  }
+  const fileName = getFileNameFromUri(target.title);
+  const fileNameClickableProps = target.clickableUri ? {
+    'data-uri': target.clickableUri,
+    onClick: HandleClickReadFile
+  } : {};
+  return [{
+    childCount: 3,
+    className: ChatOrderedListItem,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, text('edit_file '), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    title: target.clickableUri,
+    ...fileNameClickableProps,
+    type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
+  }, text(fileName)];
+};
+
+const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
+  if (!toolCall.result) {
+    return [];
+  }
+  const statusLabel = getToolCallStatusLabel(toolCall);
+  const fileName = getFileNameFromUri(toolCall.result);
+  return [{
+    childCount: statusLabel ? 4 : 3,
+    className: ChatOrderedListItem,
+    title: toolCall.result,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, text('get_workspace_uri '), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    'data-uri': toolCall.result,
+    onClick: HandleClickReadFile,
+    type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
+  }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
+};
+
 const getToolCallArgumentPreview = rawArguments => {
   if (!rawArguments.trim()) {
     return '""';
@@ -9923,69 +10124,33 @@ const getToolCallArgumentPreview = rawArguments => {
   return rawArguments;
 };
 
-const getToolCallStatusLabel = toolCall => {
-  if (toolCall.status === 'not-found') {
-    return ' (not-found)';
-  }
-  if (toolCall.status === 'error') {
-    if (toolCall.errorMessage) {
-      return ` (error: ${toolCall.errorMessage})`;
-    }
-    return ' (error)';
+const getToolCallDisplayName = name => {
+  if (name === 'getWorkspaceUri') {
+    return 'get_workspace_uri';
   }
-  return '';
+  return name;
 };
 
-const parseAskQuestionArguments = rawArguments => {
-  let parsed;
+const hasIncompleteJsonArguments = rawArguments => {
   try {
-    parsed = JSON.parse(rawArguments);
+    JSON.parse(rawArguments);
+    return false;
   } catch {
-    return {
-      answers: [],
-      question: ''
-    };
-  }
-  if (!parsed || typeof parsed !== 'object') {
-    return {
-      answers: [],
-      question: ''
-    };
+    return true;
   }
-  const question = Reflect.get(parsed, 'question');
-  const rawAnswers = Reflect.get(parsed, 'answers');
-  const rawChoices = Reflect.get(parsed, 'choices');
-  const rawOptions = Reflect.get(parsed, 'options');
-  const arrayValue = Array.isArray(rawAnswers) ? rawAnswers : Array.isArray(rawChoices) ? rawChoices : Array.isArray(rawOptions) ? rawOptions : [];
-  const answers = arrayValue.filter(value => typeof value === 'string');
-  return {
-    answers,
-    question: typeof question === 'string' ? question : ''
-  };
 };
-const getToolCallAskQuestionVirtualDom = toolCall => {
-  const parsed = parseAskQuestionArguments(toolCall.arguments);
+
+const getToolCallLabel = toolCall => {
+  const displayName = getToolCallDisplayName(toolCall.name);
+  if (toolCall.name === 'write_file' && !toolCall.status && hasIncompleteJsonArguments(toolCall.arguments)) {
+    return `${displayName} (in progress)`;
+  }
+  const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
   const statusLabel = getToolCallStatusLabel(toolCall);
-  const questionLabel = parsed.question.trim() ? parsed.question : '(empty question)';
-  const answers = parsed.answers.length > 0 ? parsed.answers : ['(no answers)'];
-  const childCount = 2;
-  return [{
-    childCount,
-    className: ChatOrderedListItem,
-    type: Li
-  }, {
-    childCount: 1,
-    className: ChatToolCallQuestionText,
-    type: Div
-  }, text(`ask_question: ${questionLabel}${statusLabel}`), {
-    childCount: answers.length,
-    className: ChatToolCallQuestionOptions,
-    type: Div
-  }, ...answers.flatMap(answer => [{
-    childCount: 1,
-    className: ChatToolCallQuestionOption,
-    type: Span
-  }, text(answer.trim() ? answer : '(empty answer)')])];
+  if (argumentPreview === '{}') {
+    return `${displayName}${statusLabel}`;
+  }
+  return `${displayName} ${argumentPreview}${statusLabel}`;
 };
 
 const getToolCallReadFileVirtualDom = toolCall => {
@@ -10014,22 +10179,34 @@ const getToolCallReadFileVirtualDom = toolCall => {
     className: ChatToolCallReadFileLink,
     ...fileNameClickableProps,
     type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
 const maxHtmlLength = 40_000;
 const tokenRegex = /<!--[\s\S]*?-->|<\/?[a-zA-Z][\w:-]*(?:\s[^<>]*?)?>|[^<]+/g;
 const attributeRegex = /([^\s=/>]+)(?:\s*=\s*(?:"([^"]*)"|'([^']*)'|([^\s"'=<>`]+)))?/g;
+const scriptTagRegex = /<script\b[\s\S]*?<\/script>/gi;
+const styleTagRegex = /<style\b[\s\S]*?<\/style>/gi;
+const headTagRegex = /<head\b[\s\S]*?<\/head>/gi;
+const metaTagRegex = /<meta\b[^>]*>/gi;
+const linkTagRegex = /<link\b[^>]*>/gi;
+const tagPrefixRegex = /^<\/?\s*[a-zA-Z][\w:-]*/;
+const tagSuffixRegex = /\/?\s*>$/;
+const openTagNameRegex = /^<\s*([a-zA-Z][\w:-]*)/;
 const inlineTags = new Set(['a', 'abbr', 'b', 'code', 'em', 'i', 'label', 'small', 'span', 'strong', 'sub', 'sup', 'u']);
 const voidElements = new Set(['area', 'base', 'br', 'col', 'embed', 'hr', 'img', 'input', 'link', 'meta', 'param', 'source', 'track', 'wbr']);
 const sanitizeHtml = value => {
-  return value.slice(0, maxHtmlLength).replaceAll(/<script\b[\s\S]*?<\/script>/gi, '').replaceAll(/<style\b[\s\S]*?<\/style>/gi, '').replaceAll(/<head\b[\s\S]*?<\/head>/gi, '').replaceAll(/<meta\b[^>]*>/gi, '').replaceAll(/<link\b[^>]*>/gi, '');
+  return value.slice(0, maxHtmlLength).replaceAll(scriptTagRegex, '').replaceAll(styleTagRegex, '').replaceAll(headTagRegex, '').replaceAll(metaTagRegex, '').replaceAll(linkTagRegex, '');
 };
 const decodeEntities = value => {
   return value.replaceAll('&nbsp;', ' ').replaceAll('&quot;', '"').replaceAll('&#39;', "'").replaceAll('&lt;', '<').replaceAll('&gt;', '>').replaceAll('&amp;', '&');
 };
 const parseAttributes = token => {
-  const withoutTag = token.replace(/^<\/?\s*[a-zA-Z][\w:-]*/, '').replace(/\/?\s*>$/, '').trim();
+  const withoutTag = token.replace(tagPrefixRegex, '').replace(tagSuffixRegex, '').trim();
   if (!withoutTag) {
     return Object.create(null);
   }
@@ -10076,7 +10253,7 @@ const parseHtml = value => {
       continue;
     }
     if (token.startsWith('<')) {
-      const openTagNameMatch = /^<\s*([a-zA-Z][\w:-]*)/.exec(token);
+      const openTagNameMatch = openTagNameRegex.exec(token);
       if (!openTagNameMatch) {
         continue;
       }
@@ -10320,55 +10497,6 @@ const getToolCallRenderHtmlVirtualDom = toolCall => {
   }, ...parsedHtml.virtualDom];
 };
 
-const getToolCallDisplayName = name => {
-  if (name === 'getWorkspaceUri') {
-    return 'get_workspace_uri';
-  }
-  return name;
-};
-const hasIncompleteJsonArguments = rawArguments => {
-  try {
-    JSON.parse(rawArguments);
-    return false;
-  } catch {
-    return true;
-  }
-};
-const getToolCallLabel = toolCall => {
-  const displayName = getToolCallDisplayName(toolCall.name);
-  if (toolCall.name === 'write_file' && !toolCall.status && hasIncompleteJsonArguments(toolCall.arguments)) {
-    return `${displayName} (in progress)`;
-  }
-  const argumentPreview = getToolCallArgumentPreview(toolCall.arguments);
-  const statusLabel = getToolCallStatusLabel(toolCall);
-  if (argumentPreview === '{}') {
-    return `${displayName}${statusLabel}`;
-  }
-  return `${displayName} ${argumentPreview}${statusLabel}`;
-};
-const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
-  if (!toolCall.result) {
-    return [];
-  }
-  const statusLabel = getToolCallStatusLabel(toolCall);
-  const fileName = getFileNameFromUri(toolCall.result);
-  return [{
-    childCount: statusLabel ? 4 : 3,
-    className: ChatOrderedListItem,
-    title: toolCall.result,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, text('get_workspace_uri '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    'data-uri': toolCall.result,
-    onClick: HandleClickReadFile,
-    type: Span
-  }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
-};
 const parseWriteFileLineCounts = rawResult => {
   if (!rawResult) {
     return {
@@ -10398,6 +10526,7 @@ const parseWriteFileLineCounts = rawResult => {
     linesDeleted: typeof linesDeleted === 'number' ? Math.max(0, linesDeleted) : 0
   };
 };
+
 const getToolCallWriteFileVirtualDom = toolCall => {
   const target = getReadFileTarget(toolCall.arguments);
   if (!target) {
@@ -10427,6 +10556,10 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     className: ChatToolCallReadFileLink,
     ...fileNameClickableProps,
     type: Span
+  }, {
+    childCount: 1,
+    className: ChatToolCallFileName,
+    type: Span
   }, text(fileName), {
     childCount: 1,
     className: Insertion,
@@ -10437,33 +10570,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     type: Span
   }, text(` -${linesDeleted}`), ...(statusLabel ? [text(statusLabel)] : [])];
 };
-const getToolCallEditFileVirtualDom = toolCall => {
-  const target = getReadFileTarget(toolCall.arguments);
-  if (!target) {
-    return [];
-  }
-  const fileName = getFileNameFromUri(target.title);
-  const fileNameClickableProps = target.clickableUri ? {
-    'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
-  } : {};
-  return [{
-    childCount: 3,
-    className: ChatOrderedListItem,
-    title: target.title,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, text('edit_file '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    title: target.clickableUri,
-    ...fileNameClickableProps,
-    type: Span
-  }, text(fileName)];
-};
+
 const getToolCallDom = toolCall => {
   if (toolCall.name === 'getWorkspaceUri') {
     const virtualDom = getToolCallGetWorkspaceUriVirtualDom(toolCall);
@@ -10598,9 +10705,9 @@ const getDisplayMessages = (messages, parsedMessages) => {
   }
   return displayMessages;
 };
-const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', messagesScrollTop = 0, useChatMathWorker = false) => {
+const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', messagesScrollTop = 0, useChatMathWorker = false, hideWelcomeMessage = false) => {
   if (messages.length === 0) {
-    return getEmptyMessagesDom();
+    return hideWelcomeMessage ? [] : getEmptyMessagesDom();
   }
   const displayMessages = getDisplayMessages(messages, parsedMessages);
   return [{
@@ -10698,7 +10805,40 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
   }, text('+ Add Project')];
 };
 
-const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = [], authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+const getChatModeChatFocusVirtualDom = ({
+  authEnabled = false,
+  authErrorMessage = '',
+  authStatus = 'signed-out',
+  composerDropActive = false,
+  composerDropEnabled = true,
+  composerFontFamily = 'system-ui',
+  composerFontSize = 13,
+  composerHeight = 28,
+  composerLineHeight = 20,
+  composerValue,
+  messagesScrollTop = 0,
+  models,
+  openApiApiKeyInput,
+  openRouterApiKeyInput,
+  openRouterApiKeyState = 'idle',
+  parsedMessages = [],
+  projectExpandedIds = [],
+  projectListScrollTop = 0,
+  projects = [],
+  runMode,
+  selectedModelId,
+  selectedProjectId = '',
+  selectedSessionId,
+  sessions,
+  showRunMode,
+  todoListItems,
+  todoListToolEnabled,
+  tokensMax,
+  tokensUsed,
+  usageOverviewEnabled,
+  useChatMathWorker = false,
+  voiceDictationEnabled = false
+}) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
@@ -10708,7 +10848,7 @@ const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerVal
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, 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, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10824,7 +10964,36 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   }, text(authErrorMessage)] : [])];
 };
 
-const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = [], authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+const getChatModeDetailVirtualDom = ({
+  authEnabled = false,
+  authErrorMessage = '',
+  authStatus = 'signed-out',
+  composerDropActive = false,
+  composerDropEnabled = true,
+  composerFontFamily = 'system-ui',
+  composerFontSize = 13,
+  composerHeight = 28,
+  composerLineHeight = 20,
+  composerValue,
+  messagesScrollTop = 0,
+  models,
+  openApiApiKeyInput,
+  openRouterApiKeyInput,
+  openRouterApiKeyState = 'idle',
+  parsedMessages = [],
+  runMode,
+  selectedModelId,
+  selectedSessionId,
+  sessions,
+  showRunMode,
+  todoListItems,
+  todoListToolEnabled,
+  tokensMax,
+  tokensUsed,
+  usageOverviewEnabled,
+  useChatMathWorker = false,
+  voiceDictationEnabled = false
+}) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
@@ -10835,7 +11004,7 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
     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, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10883,7 +11052,7 @@ const getSessionDom = session => {
   return [{
     childCount: 2,
     className: sessionClassName,
-    type: Div
+    type: Li
   }, {
     childCount: 1,
     className: ChatListItemLabel,
@@ -10917,11 +11086,35 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
     onClick: HandleClickList,
     onScroll: HandleChatListScroll,
     scrollTop: chatListScrollTop,
-    type: Div
+    type: Ul
   }, ...sessions.flatMap(getSessionDom)];
 };
 
-const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+const getChatModeListVirtualDom = ({
+  authEnabled = false,
+  authErrorMessage = '',
+  authStatus = 'signed-out',
+  chatListScrollTop = 0,
+  composerDropActive = false,
+  composerDropEnabled = true,
+  composerFontFamily = 'system-ui',
+  composerFontSize = 13,
+  composerHeight = 28,
+  composerLineHeight = 20,
+  composerValue,
+  models,
+  runMode,
+  selectedModelId,
+  selectedSessionId,
+  sessions,
+  showRunMode,
+  todoListItems,
+  todoListToolEnabled,
+  tokensMax,
+  tokensUsed,
+  usageOverviewEnabled,
+  voiceDictationEnabled = false
+}) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
     childCount: isDropOverlayVisible ? 4 : 3,
@@ -10929,7 +11122,7 @@ const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, m
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10950,6 +11143,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) {
@@ -10966,15 +11215,137 @@ const getFallbackParsedMessages = sessions => {
   }
   return parsedMessages;
 };
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages, authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
-  const effectiveParsedMessages = parsedMessages || getFallbackParsedMessages(sessions);
+const getChatVirtualDom = options => {
+  const {
+    authEnabled = false,
+    authErrorMessage = '',
+    authStatus = 'signed-out',
+    chatListScrollTop,
+    composerDropActive = false,
+    composerDropEnabled = true,
+    composerFontFamily,
+    composerFontSize,
+    composerHeight,
+    composerLineHeight,
+    composerValue,
+    messagesScrollTop,
+    models,
+    openApiApiKeyInput,
+    openRouterApiKeyInput,
+    openRouterApiKeyState,
+    parsedMessages: parsedMessagesInput,
+    projectExpandedIds = [],
+    projectListScrollTop = 0,
+    projects = [],
+    runMode,
+    selectedModelId,
+    selectedProjectId = '',
+    selectedSessionId,
+    sessions,
+    showRunMode,
+    todoListToolEnabled,
+    tokensMax,
+    tokensUsed,
+    usageOverviewEnabled,
+    useChatMathWorker = false,
+    viewMode,
+    voiceDictationEnabled = false
+  } = options;
+  const parsedMessages = parsedMessagesInput ?? getFallbackParsedMessages(sessions);
+  const todoListItems = getTodoListItems(sessions, selectedSessionId);
   switch (viewMode) {
     case 'chat-focus':
-      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages, authEnabled, authStatus, authErrorMessage);
+      return getChatModeChatFocusVirtualDom({
+        authEnabled,
+        authErrorMessage,
+        authStatus,
+        composerDropActive,
+        composerDropEnabled,
+        composerFontFamily,
+        composerFontSize,
+        composerHeight,
+        composerLineHeight,
+        composerValue,
+        messagesScrollTop,
+        models,
+        openApiApiKeyInput,
+        openRouterApiKeyInput,
+        openRouterApiKeyState,
+        parsedMessages,
+        projectExpandedIds,
+        projectListScrollTop,
+        projects,
+        runMode,
+        selectedModelId,
+        selectedProjectId,
+        selectedSessionId,
+        sessions,
+        showRunMode,
+        todoListItems,
+        todoListToolEnabled,
+        tokensMax,
+        tokensUsed,
+        usageOverviewEnabled,
+        useChatMathWorker,
+        voiceDictationEnabled
+      });
     case 'detail':
-      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages, authEnabled, authStatus, authErrorMessage);
+      return getChatModeDetailVirtualDom({
+        authEnabled,
+        authErrorMessage,
+        authStatus,
+        composerDropActive,
+        composerDropEnabled,
+        composerFontFamily,
+        composerFontSize,
+        composerHeight,
+        composerLineHeight,
+        composerValue,
+        messagesScrollTop,
+        models,
+        openApiApiKeyInput,
+        openRouterApiKeyInput,
+        openRouterApiKeyState,
+        parsedMessages,
+        runMode,
+        selectedModelId,
+        selectedSessionId,
+        sessions,
+        showRunMode,
+        todoListItems,
+        todoListToolEnabled,
+        tokensMax,
+        tokensUsed,
+        usageOverviewEnabled,
+        useChatMathWorker,
+        voiceDictationEnabled
+      });
     case 'list':
-      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, authEnabled, authStatus, authErrorMessage);
+      return getChatModeListVirtualDom({
+        authEnabled,
+        authErrorMessage,
+        authStatus,
+        chatListScrollTop,
+        composerDropActive,
+        composerDropEnabled,
+        composerFontFamily,
+        composerFontSize,
+        composerHeight,
+        composerLineHeight,
+        composerValue,
+        models,
+        runMode,
+        selectedModelId,
+        selectedSessionId,
+        sessions,
+        showRunMode,
+        todoListItems,
+        todoListToolEnabled,
+        tokensMax,
+        tokensUsed,
+        usageOverviewEnabled,
+        voiceDictationEnabled
+      });
     default:
       return getChatModeUnsupportedVirtualDom();
   }
@@ -11003,10 +11374,13 @@ const renderItems = (oldState, newState) => {
     projectExpandedIds,
     projectListScrollTop,
     projects,
+    runMode,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
     sessions,
+    showRunMode,
+    todoListToolEnabled,
     tokensMax,
     tokensUsed,
     uid,
@@ -11018,7 +11392,41 @@ const renderItems = (oldState, newState) => {
   if (initial) {
     return [SetDom2, uid, []];
   }
-  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, parsedMessages, authEnabled, authStatus, authErrorMessage);
+  const dom = getChatVirtualDom({
+    authEnabled,
+    authErrorMessage,
+    authStatus,
+    chatListScrollTop,
+    composerDropActive,
+    composerDropEnabled,
+    composerFontFamily,
+    composerFontSize,
+    composerHeight,
+    composerLineHeight,
+    composerValue,
+    messagesScrollTop,
+    models,
+    openApiApiKeyInput,
+    openRouterApiKeyInput,
+    openRouterApiKeyState,
+    parsedMessages,
+    projectExpandedIds,
+    projectListScrollTop,
+    projects,
+    runMode,
+    selectedModelId,
+    selectedProjectId,
+    selectedSessionId,
+    sessions,
+    showRunMode,
+    todoListToolEnabled,
+    tokensMax,
+    tokensUsed,
+    usageOverviewEnabled,
+    useChatMathWorker,
+    viewMode,
+    voiceDictationEnabled
+  });
   return [SetDom2, uid, dom];
 };
 
@@ -11222,6 +11630,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleModelChange,
     params: ['handleModelChange', TargetValue]
+  }, {
+    name: HandleRunModeChange,
+    params: ['handleRunModeChange', TargetValue]
   }, {
     name: HandleChatListScroll,
     params: ['handleChatListScroll', 'event.target.scrollTop']
@@ -11247,7 +11658,8 @@ const renderEventListeners = () => {
     params: ['handleKeyDown', Key, ShiftKey]
   }, {
     name: HandleSubmit,
-    params: ['handleSubmit']
+    params: ['handleSubmit'],
+    preventDefault: true
   }, {
     name: HandleMissingApiKeySubmit,
     params: ['handleMissingApiKeySubmit', 'event.submitter?.name || ""'],
@@ -11367,6 +11779,13 @@ const setQuestionToolEnabled = (state, questionToolEnabled) => {
   };
 };
 
+const setShowRunMode = (state, showRunMode) => {
+  return {
+    ...state,
+    showRunMode
+  };
+};
+
 const setStreamingEnabled = (state, streamingEnabled) => {
   return {
     ...state,
@@ -11374,6 +11793,13 @@ const setStreamingEnabled = (state, streamingEnabled) => {
   };
 };
 
+const setTodoListToolEnabled = (state, todoListToolEnabled) => {
+  return {
+    ...state,
+    todoListToolEnabled
+  };
+};
+
 const setUseChatCoordinatorWorker = async (state, useChatCoordinatorWorker, persist = true) => {
   if (persist) {
     await update({
@@ -11463,6 +11889,7 @@ const commandMap = {
   'Chat.handleModelChange': wrapCommand(handleModelChange),
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
+  'Chat.handleRunModeChange': wrapCommand(handleRunModeChange),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
@@ -11489,7 +11916,9 @@ const commandMap = {
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setQuestionToolEnabled': wrapCommand(setQuestionToolEnabled),
+  'Chat.setShowRunMode': wrapCommand(setShowRunMode),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
+  'Chat.setTodoListToolEnabled': wrapCommand(setTodoListToolEnabled),
   'Chat.setUseChatCoordinatorWorker': wrapCommand(setUseChatCoordinatorWorker),
   'Chat.setUseChatMathWorker': wrapCommand(setUseChatMathWorker),
   'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),