@lvce-editor/chat-view 6.0.0 → 6.2.0

package/dist/chatViewWorkerMain.js

@@ -476,7 +476,7 @@ const register = commandMap => {
 const getCommand = key => {
   return commands[key];
 };
-const execute = (command, ...args) => {
+const execute$1 = (command, ...args) => {
   const fn = getCommand(command);
   if (!fn) {
     throw new CommandNotFoundError(command);
@@ -896,7 +896,7 @@ const logError = () => {
 };
 const handleMessage = event => {
   const actualRequiresSocket = event?.target?.requiresSocket || requiresSocket;
-  const actualExecute = event?.target?.execute || execute;
+  const actualExecute = event?.target?.execute || execute$1;
   return handleJsonRpcMessage(event.target, event.data, actualExecute, event.target._resolve, preparePrettyError, logError, actualRequiresSocket);
 };
 
@@ -1027,7 +1027,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$6 = (id, rpc) => {
+const set$8 = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1060,7 +1060,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$6(rpcId, mockRpc);
+      set$8(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1069,20 +1069,20 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$6(rpcId, rpc);
+      set$8(rpcId, rpc);
     }
   };
 };
 
 const {
-  invoke: invoke$4,
-  set: set$5
+  invoke: invoke$5,
+  set: set$7
 } = create$2(6007);
 const getMathBlockDom = async node => {
-  return invoke$4('ChatMath.getMathBlockDom', node);
+  return invoke$5('ChatMath.getMathBlockDom', node);
 };
 const getMathInlineDom = async node => {
-  return invoke$4('ChatMath.getMathInlineDom', node);
+  return invoke$5('ChatMath.getMathInlineDom', node);
 };
 
 const Button$2 = 'button';
@@ -1157,7 +1157,9 @@ const None = 0;
 const RestoreFocus = 6;
 
 const ChatNetworkWorker = 6002;
+const ChatToolWorker = 6005;
 const ExtensionHostWorker = 44;
+const OpenerWorker = 4561;
 const RendererWorker = 1;
 
 const FocusSelector = 'Viewlet.focusSelector';
@@ -1171,20 +1173,33 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusChatInput = 8000;
 
 const {
-  invoke: invoke$3,
-  set: set$4
+  invoke: invoke$4,
+  set: set$6
 } = create$2(ChatNetworkWorker);
 
+const {
+  invoke: invoke$3,
+  set: set$5
+} = create$2(ChatToolWorker);
+
 const {
   invoke: invoke$2,
-  set: set$3
+  set: set$4
 } = create$2(ExtensionHostWorker);
 
+const {
+  set: set$3
+} = create$2(OpenerWorker);
+
 const {
   invoke: invoke$1,
   invokeAndTransfer,
   set: set$2
 } = create$2(RendererWorker);
+const sendMessagePortToOpenerWorker$1 = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToOpenerWorker', port, command, rpcId);
+};
 const sendMessagePortToChatMathWorker$1 = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatMathWorker', port, command, rpcId);
@@ -1199,6 +1214,9 @@ const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
 const sendMessagePortToChatNetworkWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatNetworkWorker', port, 'HandleMessagePort.handleMessagePort');
 };
+const sendMessagePortToChatToolWorker = async port => {
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatToolWorker', port, 'HandleMessagePort.handleMessagePort');
+};
 const writeFile = async (uri, text) => {
   await invoke$1('FileSystem.writeFile', uri, text);
 };
@@ -1647,6 +1665,7 @@ const createDefaultState = () => {
     useChatCoordinatorWorker: true,
     useChatMathWorker: true,
     useChatNetworkWorkerForRequests: false,
+    useChatToolWorker: false,
     useMockApi: false,
     viewMode: 'list',
     voiceDictationEnabled: false,
@@ -3105,6 +3124,10 @@ const getAiResponse$1 = async options => {
   return invoke('ChatCoordinator.getAiResponse', options);
 };
 
+const execute = async (name, rawArguments, options) => {
+  return invoke$3('ChatTool.execute', name, rawArguments, options);
+};
+
 const getToolErrorPayload = error => {
   const rawStack = error && typeof error === 'object' ? Reflect.get(error, 'stack') : undefined;
   return {
@@ -3283,6 +3306,12 @@ const parseToolArguments = rawArguments => {
 };
 
 const executeChatTool = async (name, rawArguments, options) => {
+  if (options.useChatToolWorker) {
+    return execute(name, rawArguments, {
+      assetDir: options.assetDir,
+      platform: options.platform
+    });
+  }
   const args = parseToolArguments(rawArguments);
   if (name === 'read_file') {
     return executeReadFileTool(args);
@@ -3871,10 +3900,10 @@ const getOpenApiApiEndpoint = openApiApiBaseUrl => {
 };
 
 const makeApiRequest = async options => {
-  return invoke$3('ChatNetwork.makeApiRequest', options);
+  return invoke$4('ChatNetwork.makeApiRequest', options);
 };
 const makeStreamingApiRequest = async options => {
-  return invoke$3('ChatNetwork.makeStreamingApiRequest', options);
+  return invoke$4('ChatNetwork.makeStreamingApiRequest', options);
 };
 
 const getTextContent = content => {
@@ -4504,6 +4533,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     onToolCallsChunk,
     stream,
     useChatNetworkWorkerForRequests = false,
+    useChatToolWorker = false,
     webSearchEnabled = false
   } = options ?? {
     stream: false
@@ -4609,7 +4639,11 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
         openAiInput.length = 0;
         const executedToolCalls = [];
         for (const toolCall of streamResult.responseFunctionCalls) {
-          const content = await executeChatTool(toolCall.name, toolCall.arguments);
+          const content = await executeChatTool(toolCall.name, toolCall.arguments, {
+            assetDir,
+            platform,
+            useChatToolWorker
+          });
           const executionStatus = getToolCallExecutionStatus(content);
           executedToolCalls.push({
             arguments: toolCall.arguments,
@@ -4750,7 +4784,11 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       openAiInput.length = 0;
       const executedToolCalls = [];
       for (const toolCall of responseFunctionCalls) {
-        const content = await executeChatTool(toolCall.name, toolCall.arguments);
+        const content = await executeChatTool(toolCall.name, toolCall.arguments, {
+          assetDir,
+          platform,
+          useChatToolWorker
+        });
         const executionStatus = getToolCallExecutionStatus(content);
         executedToolCalls.push({
           arguments: toolCall.arguments,
@@ -4818,7 +4856,11 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
           }
           const name = Reflect.get(toolFunction, 'name');
           const rawArguments = Reflect.get(toolFunction, 'arguments');
-          const content = typeof name === 'string' ? await executeChatTool(name, rawArguments) : '{}';
+          const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+            assetDir,
+            platform,
+            useChatToolWorker
+          }) : '{}';
           if (typeof name === 'string') {
             const executionStatus = getToolCallExecutionStatus(content);
             executedToolCalls.push({
@@ -5066,7 +5108,7 @@ const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl, us
   }
   return normalizedLimitInfo;
 };
-const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests = false) => {
+const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests = false, useChatToolWorker = false) => {
   const completionMessages = messages.map(message => ({
     content: message.text,
     role: message.role
@@ -5221,7 +5263,11 @@ const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, o
         }
         const name = Reflect.get(toolFunction, 'name');
         const rawArguments = Reflect.get(toolFunction, 'arguments');
-        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments) : '{}';
+        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+          assetDir,
+          platform,
+          useChatToolWorker
+        }) : '{}';
         completionMessages.push({
           content,
           role: 'tool',
@@ -5350,6 +5396,7 @@ const getAiResponse = async ({
   streamingEnabled = true,
   useChatCoordinatorWorker = false,
   useChatNetworkWorkerForRequests = false,
+  useChatToolWorker = false,
   useMockApi,
   userText,
   webSearchEnabled = false
@@ -5375,6 +5422,7 @@ const getAiResponse = async ({
         selectedModelId,
         streamingEnabled,
         useChatNetworkWorkerForRequests,
+        useChatToolWorker,
         useMockApi,
         userText,
         webSearchEnabled
@@ -5430,7 +5478,11 @@ const getAiResponse = async ({
         }
         openAiInput.length = 0;
         for (const toolCall of result.responseFunctionCalls) {
-          const content = await executeChatTool(toolCall.name, toolCall.arguments);
+          const content = await executeChatTool(toolCall.name, toolCall.arguments, {
+            assetDir,
+            platform,
+            useChatToolWorker
+          });
           openAiInput.push({
             call_id: toolCall.callId,
             output: content,
@@ -5455,6 +5507,7 @@ const getAiResponse = async ({
         } : {}),
         stream: streamingEnabled,
         useChatNetworkWorkerForRequests,
+        useChatToolWorker,
         webSearchEnabled
       });
       if (result.type === 'success') {
@@ -5481,7 +5534,7 @@ const getAiResponse = async ({
         text = getOpenRouterErrorMessage(result);
       }
     } else if (openRouterApiKey) {
-      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests);
+      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests, useChatToolWorker);
       if (result.type === 'success') {
         const {
           text: assistantText
@@ -5752,6 +5805,48 @@ const parseLinkToken = (value, start) => {
   }
   return undefined;
 };
+const parseImageToken = (value, start) => {
+  if (value[start] !== '!' || value[start + 1] !== '[') {
+    return undefined;
+  }
+  const textEnd = value.indexOf(']', start + 2);
+  if (textEnd === -1) {
+    return undefined;
+  }
+  if (value[textEnd + 1] !== '(') {
+    return undefined;
+  }
+  let depth = 1;
+  let index = textEnd + 2;
+  while (index < value.length) {
+    const current = value[index];
+    if (current === '\n') {
+      return undefined;
+    }
+    if (current === '(') {
+      depth++;
+    } else if (current === ')') {
+      depth--;
+      if (depth === 0) {
+        const alt = value.slice(start + 2, textEnd);
+        const src = value.slice(textEnd + 2, index);
+        if (!src) {
+          return undefined;
+        }
+        return {
+          length: index - start + 1,
+          node: {
+            alt,
+            src: sanitizeUrl(src),
+            type: 'image'
+          }
+        };
+      }
+    }
+    index++;
+  }
+  return undefined;
+};
 const parseBoldToken = (value, start) => {
   if (value[start] !== '*' || value[start + 1] !== '*') {
     return undefined;
@@ -5813,6 +5908,26 @@ const parseItalicToken = (value, start) => {
     }
   };
 };
+const parseStrikethroughToken = (value, start) => {
+  if (value[start] !== '~' || value[start + 1] !== '~') {
+    return undefined;
+  }
+  const end = value.indexOf('~~', start + 2);
+  if (end === -1) {
+    return undefined;
+  }
+  const text = value.slice(start + 2, end);
+  if (!text || text.includes('\n')) {
+    return undefined;
+  }
+  return {
+    length: end - start + 2,
+    node: {
+      children: parseInlineNodes(text),
+      type: 'strikethrough'
+    }
+  };
+};
 const parseMathToken = (value, start) => {
   if (value[start] !== '$') {
     return undefined;
@@ -5859,7 +5974,7 @@ const parseMathToken = (value, start) => {
   return undefined;
 };
 const parseInlineToken = (value, start) => {
-  return parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseMathToken(value, start);
+  return parseImageToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseLinkToken(value, start) || parseBoldToken(value, start) || parseItalicToken(value, start) || parseStrikethroughToken(value, start) || parseMathToken(value, start);
 };
 const parseInlineNodes = value => {
   const nodes = [];
@@ -5895,105 +6010,311 @@ const parseInlineNodes = value => {
   return nodes;
 };
 
-const isTableSeparatorCell = value => {
-  if (!value) {
-    return false;
+const markdownMathBlockDelimiter = '$$';
+const normalizeEscapedNewlines = value => {
+  if (value.includes('\\n')) {
+    return value.replaceAll(/\\r\\n|\\n/g, '\n');
   }
+  return value;
+};
+const normalizeInlineTables = value => {
+  return value.split(/\r?\n/).map(line => {
+    if (!line.includes('|')) {
+      return line;
+    }
+    if (!/\|\s*[-:]{3,}/.test(line)) {
+      return line;
+    }
+    return line.replaceAll(/\|\s+\|/g, '|\n|');
+  }).join('\n');
+};
+const parseHeadingLine = line => {
+  const trimmedStart = line.trimStart();
   let index = 0;
-  if (value[index] === ':') {
+  while (index < trimmedStart.length && trimmedStart[index] === '#') {
     index++;
   }
-  let dashCount = 0;
-  while (index < value.length && value[index] === '-') {
-    dashCount++;
-    index++;
+  if (index === 0 || index > 6) {
+    return undefined;
   }
-  if (dashCount < 3) {
-    return false;
+  if (trimmedStart[index] !== ' ') {
+    return undefined;
   }
-  if (index < value.length && value[index] === ':') {
+  const text = trimmedStart.slice(index).trimStart();
+  return {
+    level: index,
+    text
+  };
+};
+const parseOrderedListItemLine = line => {
+  let index = 0;
+  while (index < line.length && line[index] === ' ') {
     index++;
   }
-  return index === value.length;
-};
-const isTableSeparatorToken = (token, expectedColumns) => {
-  if (!token || token.type !== 'table-row-line') {
-    return false;
+  const firstDigit = index;
+  while (index < line.length && line[index] >= '0' && line[index] <= '9') {
+    index++;
   }
-  if (token.cells.length !== expectedColumns) {
-    return false;
+  if (index === firstDigit || line[index] !== '.') {
+    return undefined;
+  }
+  index++;
+  if (line[index] !== ' ') {
+    return undefined;
+  }
+  while (index < line.length && line[index] === ' ') {
+    index++;
   }
-  return token.cells.every(isTableSeparatorCell);
-};
-const toTableCell = value => {
   return {
-    children: parseInlineNodes(value),
-    type: 'table-cell'
+    text: line.slice(index)
   };
 };
-const toTableRow = token => {
+const parseUnorderedListItemLine = line => {
+  let indentation = 0;
+  while (indentation < line.length && line[indentation] === ' ') {
+    indentation++;
+  }
+  const marker = line[indentation];
+  if (marker !== '-' && marker !== '*') {
+    return undefined;
+  }
+  let index = indentation + 1;
+  if (line[index] !== ' ') {
+    return undefined;
+  }
+  while (index < line.length && line[index] === ' ') {
+    index++;
+  }
   return {
-    cells: token.cells.map(toTableCell),
-    type: 'table-row'
+    indentation,
+    text: line.slice(index)
   };
 };
-const getEmptyTextNode = () => {
-  return [{
-    children: [{
-      text: '',
-      type: 'text'
-    }],
-    type: 'text'
-  }];
+const parseBlockQuoteLine = line => {
+  const trimmedStart = line.trimStart();
+  if (!trimmedStart.startsWith('>')) {
+    return undefined;
+  }
+  const content = trimmedStart.slice(1);
+  if (!content) {
+    return '';
+  }
+  if (content.startsWith(' ')) {
+    return content.slice(1);
+  }
+  return content;
 };
-const parseBlockTokens = tokens => {
-  if (tokens.length === 0) {
-    return getEmptyTextNode();
+const isTableRow = line => {
+  const trimmed = line.trim();
+  if (!trimmed.startsWith('|') || !trimmed.endsWith('|')) {
+    return false;
   }
-  const nodes = [];
-  let paragraphLines = [];
-  let listItems = [];
-  let listType = '';
-  const flushParagraph = () => {
-    if (paragraphLines.length === 0) {
-      return;
-    }
-    nodes.push({
-      children: parseInlineNodes(paragraphLines.join('\n')),
-      type: 'text'
-    });
-    paragraphLines = [];
-  };
-  const flushList = () => {
-    if (listItems.length === 0) {
-      return;
+  return trimmed.length > 2 && trimmed.slice(1, -1).includes('|');
+};
+const getTableCells = line => {
+  const trimmed = line.trim();
+  return trimmed.slice(1, -1).split('|').map(part => part.trim());
+};
+const scanBlockTokens = rawMessage => {
+  const normalizedMessage = normalizeInlineTables(normalizeEscapedNewlines(rawMessage));
+  const lines = normalizedMessage.split(/\r?\n/);
+  const tokens = [];
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
+    const trimmed = line.trim();
+    if (!trimmed) {
+      tokens.push({
+        type: 'blank-line'
+      });
+      continue;
     }
-    nodes.push({
-      items: listItems,
-      type: listType || 'ordered-list'
-    });
-    listItems = [];
-    listType = '';
-  };
-  for (let i = 0; i < tokens.length; i++) {
-    const token = tokens[i];
-    if (token.type === 'blank-line') {
-      flushList();
-      flushParagraph();
+    const blockQuoteLine = parseBlockQuoteLine(line);
+    if (blockQuoteLine !== undefined) {
+      tokens.push({
+        text: blockQuoteLine,
+        type: 'blockquote-line'
+      });
       continue;
     }
-    if (token.type === 'code-block') {
-      flushList();
-      flushParagraph();
-      if (token.language) {
-        nodes.push({
-          language: token.language,
-          text: token.text,
+    if (trimmed.startsWith('```')) {
+      const language = trimmed.slice(3).trim();
+      const codeLines = [];
+      i++;
+      while (i < lines.length && !lines[i].trim().startsWith('```')) {
+        codeLines.push(lines[i]);
+        i++;
+      }
+      if (language) {
+        tokens.push({
+          language,
+          text: codeLines.join('\n'),
           type: 'code-block'
         });
       } else {
-        nodes.push({
-          text: token.text,
+        tokens.push({
+          text: codeLines.join('\n'),
+          type: 'code-block'
+        });
+      }
+      continue;
+    }
+    if (trimmed === markdownMathBlockDelimiter) {
+      const endIndex = lines.findIndex((candidate, index) => {
+        if (index <= i) {
+          return false;
+        }
+        return candidate.trim() === markdownMathBlockDelimiter;
+      });
+      if (endIndex !== -1) {
+        tokens.push({
+          text: lines.slice(i + 1, endIndex).join('\n').trim(),
+          type: 'math-block'
+        });
+        i = endIndex;
+        continue;
+      }
+    }
+    const heading = parseHeadingLine(line);
+    if (heading) {
+      tokens.push({
+        level: heading.level,
+        text: heading.text,
+        type: 'heading-line'
+      });
+      continue;
+    }
+    const ordered = parseOrderedListItemLine(line);
+    if (ordered) {
+      tokens.push({
+        text: ordered.text,
+        type: 'ordered-list-item-line'
+      });
+      continue;
+    }
+    const unordered = parseUnorderedListItemLine(line);
+    if (unordered) {
+      tokens.push({
+        indentation: unordered.indentation,
+        text: unordered.text,
+        type: 'unordered-list-item-line'
+      });
+      continue;
+    }
+    if (isTableRow(line)) {
+      tokens.push({
+        cells: getTableCells(line),
+        line,
+        type: 'table-row-line'
+      });
+      continue;
+    }
+    tokens.push({
+      text: line,
+      type: 'paragraph-line'
+    });
+  }
+  return tokens;
+};
+
+const isTableSeparatorCell = value => {
+  if (!value) {
+    return false;
+  }
+  let index = 0;
+  if (value[index] === ':') {
+    index++;
+  }
+  let dashCount = 0;
+  while (index < value.length && value[index] === '-') {
+    dashCount++;
+    index++;
+  }
+  if (dashCount < 3) {
+    return false;
+  }
+  if (index < value.length && value[index] === ':') {
+    index++;
+  }
+  return index === value.length;
+};
+const isTableSeparatorToken = (token, expectedColumns) => {
+  if (!token || token.type !== 'table-row-line') {
+    return false;
+  }
+  if (token.cells.length !== expectedColumns) {
+    return false;
+  }
+  return token.cells.every(isTableSeparatorCell);
+};
+const toTableCell = value => {
+  return {
+    children: parseInlineNodes(value),
+    type: 'table-cell'
+  };
+};
+const toTableRow = token => {
+  return {
+    cells: token.cells.map(toTableCell),
+    type: 'table-row'
+  };
+};
+const getEmptyTextNode = () => {
+  return [{
+    children: [{
+      text: '',
+      type: 'text'
+    }],
+    type: 'text'
+  }];
+};
+const parseBlockTokens = tokens => {
+  if (tokens.length === 0) {
+    return getEmptyTextNode();
+  }
+  const nodes = [];
+  let paragraphLines = [];
+  let listItems = [];
+  let listType = '';
+  const flushParagraph = () => {
+    if (paragraphLines.length === 0) {
+      return;
+    }
+    nodes.push({
+      children: parseInlineNodes(paragraphLines.join('\n')),
+      type: 'text'
+    });
+    paragraphLines = [];
+  };
+  const flushList = () => {
+    if (listItems.length === 0) {
+      return;
+    }
+    nodes.push({
+      items: listItems,
+      type: listType || 'ordered-list'
+    });
+    listItems = [];
+    listType = '';
+  };
+  for (let i = 0; i < tokens.length; i++) {
+    const token = tokens[i];
+    if (token.type === 'blank-line') {
+      flushList();
+      flushParagraph();
+      continue;
+    }
+    if (token.type === 'code-block') {
+      flushList();
+      flushParagraph();
+      if (token.language) {
+        nodes.push({
+          language: token.language,
+          text: token.text,
+          type: 'code-block'
+        });
+      } else {
+        nodes.push({
+          text: token.text,
           type: 'code-block'
         });
       }
@@ -6008,6 +6329,24 @@ const parseBlockTokens = tokens => {
       });
       continue;
     }
+    if (token.type === 'blockquote-line') {
+      flushList();
+      flushParagraph();
+      const lines = [];
+      while (i < tokens.length && tokens[i].type === 'blockquote-line') {
+        const quoteToken = tokens[i];
+        if (quoteToken.type === 'blockquote-line') {
+          lines.push(quoteToken.text);
+        }
+        i++;
+      }
+      i--;
+      nodes.push({
+        children: parseBlockTokens(scanBlockTokens(lines.join('\n'))),
+        type: 'blockquote'
+      });
+      continue;
+    }
     if (token.type === 'table-row-line') {
       const expectedColumns = token.cells.length;
       if (isTableSeparatorToken(tokens[i + 1], expectedColumns)) {
@@ -6094,190 +6433,6 @@ const parseBlockTokens = tokens => {
   return nodes.length === 0 ? getEmptyTextNode() : nodes;
 };
 
-const markdownMathBlockDelimiter = '$$';
-const normalizeEscapedNewlines = value => {
-  if (value.includes('\\n')) {
-    return value.replaceAll(/\\r\\n|\\n/g, '\n');
-  }
-  return value;
-};
-const normalizeInlineTables = value => {
-  return value.split(/\r?\n/).map(line => {
-    if (!line.includes('|')) {
-      return line;
-    }
-    if (!/\|\s*[-:]{3,}/.test(line)) {
-      return line;
-    }
-    return line.replaceAll(/\|\s+\|/g, '|\n|');
-  }).join('\n');
-};
-const parseHeadingLine = line => {
-  const trimmedStart = line.trimStart();
-  let index = 0;
-  while (index < trimmedStart.length && trimmedStart[index] === '#') {
-    index++;
-  }
-  if (index === 0 || index > 6) {
-    return undefined;
-  }
-  if (trimmedStart[index] !== ' ') {
-    return undefined;
-  }
-  const text = trimmedStart.slice(index).trimStart();
-  return {
-    level: index,
-    text
-  };
-};
-const parseOrderedListItemLine = line => {
-  let index = 0;
-  while (index < line.length && line[index] === ' ') {
-    index++;
-  }
-  const firstDigit = index;
-  while (index < line.length && line[index] >= '0' && line[index] <= '9') {
-    index++;
-  }
-  if (index === firstDigit || line[index] !== '.') {
-    return undefined;
-  }
-  index++;
-  if (line[index] !== ' ') {
-    return undefined;
-  }
-  while (index < line.length && line[index] === ' ') {
-    index++;
-  }
-  return {
-    text: line.slice(index)
-  };
-};
-const parseUnorderedListItemLine = line => {
-  let indentation = 0;
-  while (indentation < line.length && line[indentation] === ' ') {
-    indentation++;
-  }
-  const marker = line[indentation];
-  if (marker !== '-' && marker !== '*') {
-    return undefined;
-  }
-  let index = indentation + 1;
-  if (line[index] !== ' ') {
-    return undefined;
-  }
-  while (index < line.length && line[index] === ' ') {
-    index++;
-  }
-  return {
-    indentation,
-    text: line.slice(index)
-  };
-};
-const isTableRow = line => {
-  const trimmed = line.trim();
-  if (!trimmed.startsWith('|') || !trimmed.endsWith('|')) {
-    return false;
-  }
-  return trimmed.length > 2 && trimmed.slice(1, -1).includes('|');
-};
-const getTableCells = line => {
-  const trimmed = line.trim();
-  return trimmed.slice(1, -1).split('|').map(part => part.trim());
-};
-const scanBlockTokens = rawMessage => {
-  const normalizedMessage = normalizeInlineTables(normalizeEscapedNewlines(rawMessage));
-  const lines = normalizedMessage.split(/\r?\n/);
-  const tokens = [];
-  for (let i = 0; i < lines.length; i++) {
-    const line = lines[i];
-    const trimmed = line.trim();
-    if (!trimmed) {
-      tokens.push({
-        type: 'blank-line'
-      });
-      continue;
-    }
-    if (trimmed.startsWith('```')) {
-      const language = trimmed.slice(3).trim();
-      const codeLines = [];
-      i++;
-      while (i < lines.length && !lines[i].trim().startsWith('```')) {
-        codeLines.push(lines[i]);
-        i++;
-      }
-      if (language) {
-        tokens.push({
-          language,
-          text: codeLines.join('\n'),
-          type: 'code-block'
-        });
-      } else {
-        tokens.push({
-          text: codeLines.join('\n'),
-          type: 'code-block'
-        });
-      }
-      continue;
-    }
-    if (trimmed === markdownMathBlockDelimiter) {
-      const endIndex = lines.findIndex((candidate, index) => {
-        if (index <= i) {
-          return false;
-        }
-        return candidate.trim() === markdownMathBlockDelimiter;
-      });
-      if (endIndex !== -1) {
-        tokens.push({
-          text: lines.slice(i + 1, endIndex).join('\n').trim(),
-          type: 'math-block'
-        });
-        i = endIndex;
-        continue;
-      }
-    }
-    const heading = parseHeadingLine(line);
-    if (heading) {
-      tokens.push({
-        level: heading.level,
-        text: heading.text,
-        type: 'heading-line'
-      });
-      continue;
-    }
-    const ordered = parseOrderedListItemLine(line);
-    if (ordered) {
-      tokens.push({
-        text: ordered.text,
-        type: 'ordered-list-item-line'
-      });
-      continue;
-    }
-    const unordered = parseUnorderedListItemLine(line);
-    if (unordered) {
-      tokens.push({
-        indentation: unordered.indentation,
-        text: unordered.text,
-        type: 'unordered-list-item-line'
-      });
-      continue;
-    }
-    if (isTableRow(line)) {
-      tokens.push({
-        cells: getTableCells(line),
-        line,
-        type: 'table-row-line'
-      });
-      continue;
-    }
-    tokens.push({
-      text: line,
-      type: 'paragraph-line'
-    });
-  }
-  return tokens;
-};
-
 const parseMessageContent = rawMessage => {
   return parseBlockTokens(scanBlockTokens(rawMessage));
 };
@@ -6314,6 +6469,13 @@ const parseMathInline = async children => {
       });
       continue;
     }
+    if (child.type === 'strikethrough') {
+      nextChildren.push({
+        ...child,
+        children: await parseMathInline(child.children)
+      });
+      continue;
+    }
     nextChildren.push(child);
   }
   return nextChildren;
@@ -6342,60 +6504,69 @@ const parseMathTableCell = async cell => {
     children: await parseMathInline(cell.children)
   };
 };
-const parseMessage = async rawMessage => {
-  const parsedContent = parseMessageContent(rawMessage);
-  const nextParsedContent = [];
-  for (const node of parsedContent) {
-    if (node.type === 'math-block') {
-      const dom = await getMathBlockDom(node);
-      nextParsedContent.push({
-        dom,
-        type: 'math-block-dom'
-      });
-      continue;
-    }
-    if (node.type === 'text' || node.type === 'heading') {
-      nextParsedContent.push({
-        ...node,
-        children: await parseMathInline(node.children)
-      });
-      continue;
+const parseMathNode = async node => {
+  if (node.type === 'math-block') {
+    const dom = await getMathBlockDom(node);
+    return {
+      dom,
+      type: 'math-block-dom'
+    };
+  }
+  if (node.type === 'text' || node.type === 'heading') {
+    return {
+      ...node,
+      children: await parseMathInline(node.children)
+    };
+  }
+  if (node.type === 'blockquote') {
+    const children = [];
+    for (const child of node.children) {
+      children.push(await parseMathNode(child));
     }
-    if (node.type === 'ordered-list' || node.type === 'unordered-list') {
-      const items = [];
-      for (const item of node.items) {
-        items.push(await parseMathListItem(item));
-      }
-      nextParsedContent.push({
-        ...node,
-        items
-      });
-      continue;
+    return {
+      ...node,
+      children
+    };
+  }
+  if (node.type === 'ordered-list' || node.type === 'unordered-list') {
+    const items = [];
+    for (const item of node.items) {
+      items.push(await parseMathListItem(item));
     }
-    if (node.type === 'table') {
-      const headers = [];
-      for (const header of node.headers) {
-        headers.push(await parseMathTableCell(header));
-      }
-      const rows = [];
-      for (const row of node.rows) {
-        const cells = [];
-        for (const cell of row.cells) {
-          cells.push(await parseMathTableCell(cell));
-        }
-        rows.push({
-          ...row,
-          cells
-        });
+    return {
+      ...node,
+      items
+    };
+  }
+  if (node.type === 'table') {
+    const headers = [];
+    for (const header of node.headers) {
+      headers.push(await parseMathTableCell(header));
+    }
+    const rows = [];
+    for (const row of node.rows) {
+      const cells = [];
+      for (const cell of row.cells) {
+        cells.push(await parseMathTableCell(cell));
       }
-      nextParsedContent.push({
-        ...node,
-        headers,
-        rows
+      rows.push({
+        ...row,
+        cells
       });
-      continue;
     }
-    nextParsedContent.push(node);
+    return {
+      ...node,
+      headers,
+      rows
+    };
+  }
+  return node;
+};
+const parseMessage = async rawMessage => {
+  const parsedContent = parseMessageContent(rawMessage);
+  const nextParsedContent = [];
+  for (const node of parsedContent) {
+    nextParsedContent.push(await parseMathNode(node));
   }
   return nextParsedContent;
 };
@@ -6592,6 +6763,7 @@ Assistant: ${assistantText}`;
     streamingEnabled: false,
     useChatCoordinatorWorker: state.useChatCoordinatorWorker,
     useChatNetworkWorkerForRequests: state.useChatNetworkWorkerForRequests,
+    useChatToolWorker: state.useChatToolWorker,
     useMockApi,
     userText: titlePrompt,
     webSearchEnabled: false
@@ -6876,6 +7048,7 @@ const handleSubmit = async state => {
     streamingEnabled,
     useChatCoordinatorWorker,
     useChatNetworkWorkerForRequests,
+    useChatToolWorker,
     useMockApi,
     viewMode,
     webSearchEnabled
@@ -7038,6 +7211,7 @@ const handleSubmit = async state => {
     streamingEnabled,
     useChatCoordinatorWorker,
     useChatNetworkWorkerForRequests,
+    useChatToolWorker,
     useMockApi,
     userText,
     webSearchEnabled
@@ -7335,7 +7509,8 @@ const handleClickDictationButton = async state => {
 };
 
 const handleClickNew = async state => {
-  return createSession(state);
+  const newState = await createSession(state);
+  return focusInput(newState);
 };
 
 const handleClickReadFile = async uri => {
@@ -7351,7 +7526,6 @@ const handleClickSessionDebug = async state => {
 };
 
 const handleClickSettings = async () => {
-  // TODO
   await invoke$1('Main.openUri', 'app://settings.json');
 };
 
@@ -7636,7 +7810,7 @@ const createExtensionHostRpc = async () => {
 
 const initialize = async () => {
   const rpc = await createExtensionHostRpc();
-  set$3(rpc);
+  set$4(rpc);
 };
 
 const isObject = value => {
@@ -7819,6 +7993,15 @@ const loadUseChatNetworkWorkerForRequests = async () => {
   }
 };
 
+const loadUseChatToolWorker = async () => {
+  try {
+    const savedUseChatToolWorker = await get('chatView.useChatToolWorker');
+    return typeof savedUseChatToolWorker === 'boolean' ? savedUseChatToolWorker : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadVoiceDictationEnabled = async () => {
   try {
     const savedVoiceDictationEnabled = await get('chatView.voiceDictationEnabled');
@@ -7829,7 +8012,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     composerDropEnabled,
@@ -7841,6 +8024,7 @@ const loadPreferences = async () => {
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
+    useChatToolWorker,
     voiceDictationEnabled
   };
 };
@@ -7981,6 +8165,7 @@ const loadContent = async (state, savedState) => {
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
+    useChatToolWorker,
     voiceDictationEnabled
   } = await loadPreferences();
   const legacySavedSessions = getSavedSessions(savedState);
@@ -8057,6 +8242,7 @@ const loadContent = async (state, savedState) => {
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
+    useChatToolWorker,
     viewMode,
     voiceDictationEnabled
   };
@@ -8367,11 +8553,21 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   vertical-align: middle;
 }
 
+.MarkdownQuote {
+  border-left: 3px solid var(--ColorBorder, #3a3d41);
+  margin: 8px 0;
+  padding-left: 12px;
+}
+
 .MarkdownMathBlock {
   margin: 8px 0;
   overflow-x: auto;
   overflow-y: hidden;
 }
+
+.StrikeThrough {
+  text-decoration: line-through;
+}
 `;
   if (!renderHtmlCss.trim()) {
     return baseCss;
@@ -8442,6 +8638,7 @@ const ButtonSecondary = 'ButtonSecondary';
 const Empty = '';
 const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
+const ImageElement = 'ImageElement';
 const InputBox = 'InputBox';
 const Label = 'Label';
 const LabelDetail = 'LabelDetail';
@@ -8463,6 +8660,7 @@ const ProjectSessionItemLabel = 'ProjectSessionItemLabel';
 const ProjectSessionItemSelected = 'ProjectSessionItemSelected';
 const ProjectSidebar = 'ProjectSidebar';
 const Markdown = 'Markdown';
+const MarkdownQuote = 'MarkdownQuote';
 const MarkdownMathBlock = 'MarkdownMathBlock';
 const MarkdownTable = 'MarkdownTable';
 const Message = 'Message';
@@ -8494,6 +8692,7 @@ const TokenAttribute = 'TokenAttribute';
 const TokenValue = 'TokenValue';
 const TokenProperty = 'TokenProperty';
 const Select = 'Select';
+const StrikeThrough = 'StrikeThrough';
 const Viewlet = 'Viewlet';
 const ChatWelcomeMessage = 'ChatWelcomeMessage';
 
@@ -8568,7 +8767,6 @@ const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
     className: IconButton,
     name: Dictate,
     onClick: HandleClickDictationButton,
-    role: Button$2,
     title: startVoiceDictation(),
     type: Button$1
   }, {
@@ -8581,7 +8779,6 @@ const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
     className: sendButtonClassName,
     disabled: isSendDisabled,
     name: Send,
-    role: Button$2,
     title: sendMessage(),
     type: Button$1
   }, {
@@ -8626,7 +8823,7 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
   const controlsCount = usageOverviewEnabled ? 3 : 2;
   return [{
@@ -8654,10 +8851,25 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
   }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
+const getImageAltText = alt => {
+  if (!alt.trim()) {
+    return 'image could not be loaded';
+  }
+  return `${alt} (image could not be loaded)`;
+};
 const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
   if (inlineNode.type === 'text') {
     return [text(inlineNode.text)];
   }
+  if (inlineNode.type === 'image') {
+    return [{
+      alt: getImageAltText(inlineNode.alt),
+      childCount: 0,
+      className: ImageElement,
+      src: inlineNode.src,
+      type: Img
+    }];
+  }
   if (inlineNode.type === 'bold') {
     return [{
       childCount: inlineNode.children.length,
@@ -8670,6 +8882,13 @@ const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
       type: Em
     }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
   }
+  if (inlineNode.type === 'strikethrough') {
+    return [{
+      childCount: inlineNode.children.length,
+      className: StrikeThrough,
+      type: Span
+    }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
+  }
   if (inlineNode.type === 'math-inline') {
     const fallback = inlineNode.displayMode ? `$$${inlineNode.text}$$` : `$${inlineNode.text}$`;
     return [text(fallback)];
@@ -8907,6 +9126,13 @@ const getHeadingDom = (node, useChatMathWorker) => {
     type: getHeadingElementType(node.level)
   }, ...node.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
 };
+const getBlockQuoteDom = (node, useChatMathWorker) => {
+  return [{
+    childCount: node.children.length,
+    className: MarkdownQuote,
+    type: Div
+  }, ...node.children.flatMap(child => getMessageNodeDom(child, useChatMathWorker))];
+};
 const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'text') {
     return [{
@@ -8934,6 +9160,9 @@ const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'heading') {
     return getHeadingDom(node, useChatMathWorker);
   }
+  if (node.type === 'blockquote') {
+    return getBlockQuoteDom(node, useChatMathWorker);
+  }
   if (node.type === 'ordered-list') {
     return [{
       childCount: node.items.length,
@@ -9008,7 +9237,7 @@ const getMissingOpenApiApiKeyDom = openApiApiKeyInput => {
     inputPattern: '^sk-.+',
     inputRequired: true,
     inputValue: openApiApiKeyInput,
-    openSettingsButtonName: OpenOpenApiApiKeySettings,
+    openSettingsButtonName: OpenOpenApiApiKeyWebsite,
     placeholder: openApiApiKeyPlaceholder(),
     saveButtonName: SaveOpenApiApiKey,
     saveButtonType: 'submit',
@@ -9739,14 +9968,14 @@ const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerVal
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 4,
+    childCount: isDropOverlayVisible ? 4 : 3,
     className: mergeClassNames(Viewlet, Chat, 'ChatFocus'),
     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, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
     onDragLeave: HandleDragLeave,
     onDragOver: HandleDragOver,
@@ -9755,7 +9984,7 @@ const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerVal
   }, {
     text: attachImageAsContext(),
     type: Text
-  }];
+  }] : [])];
 };
 
 const getBackButtonVirtualDom = () => {
@@ -9846,14 +10075,14 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 4,
+    childCount: isDropOverlayVisible ? 4 : 3,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
     onDragLeave: HandleDragLeave,
     onDragOver: HandleDragOver,
@@ -9862,7 +10091,7 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
   }, {
     text: attachImageAsContext(),
     type: Text
-  }];
+  }] : [])];
 };
 
 const getChatHeaderListModeDom = () => {
@@ -9935,14 +10164,14 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
 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) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 4,
+    childCount: isDropOverlayVisible ? 4 : 3,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, voiceDictationEnabled), {
+  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
-    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
     onDragLeave: HandleDragLeave,
     onDragOver: HandleDragOver,
@@ -9951,7 +10180,7 @@ const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, m
   }, {
     text: attachImageAsContext(),
     type: Text
-  }];
+  }] : [])];
 };
 
 const getChatModeUnsupportedVirtualDom = () => {
@@ -10482,18 +10711,40 @@ const initializeChatMathWorker = async () => {
     commandMap: {},
     send: sendMessagePortToChatMathWorker
   });
-  set$5(rpc);
+  set$7(rpc);
 };
 
-const send = port => {
+const send$1 = port => {
   return sendMessagePortToChatNetworkWorker(port);
 };
 const initializeChatNetworkWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: send$1
+  });
+  set$6(rpc);
+};
+
+const send = port => {
+  return sendMessagePortToChatToolWorker(port);
+};
+const initializeChatToolWorker = async () => {
   const rpc = await create$4({
     commandMap: {},
     send
   });
-  set$4(rpc);
+  set$5(rpc);
+};
+
+const sendMessagePortToOpenerWorker = async port => {
+  await sendMessagePortToOpenerWorker$1(port, 0);
+};
+const initializeOpenerWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToOpenerWorker
+  });
+  set$3(rpc);
 };
 
 const listen = async () => {
@@ -10502,7 +10753,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker()]);
+  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker(), initializeChatToolWorker(), initializeOpenerWorker()]);
 };
 
 const main = async () => {