@lvce-editor/chat-view 1.16.0 → 1.18.0

package/dist/chatViewWorkerMain.js

@@ -1045,6 +1045,9 @@ const {
   invokeAndTransfer,
   set: set$1
 } = create$2(RendererWorker);
+const readFile = async uri => {
+  return invoke('FileSystem.readFile', uri);
+};
 const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToExtensionHostWorker', port, command, rpcId);
@@ -1309,6 +1312,10 @@ const getDefaultModels = () => {
     id: defaultModelId,
     name: 'test',
     provider: 'test'
+  }, {
+    id: 'openapi/gpt-5-mini',
+    name: 'GPT-5 Mini',
+    provider: 'openApi'
   }, {
     id: 'openapi/gpt-4o-mini',
     name: 'GPT-4o Mini',
@@ -1450,7 +1457,7 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
 };
 
 const isEqual$1 = (oldState, newState) => {
-  return oldState.initial === newState.initial;
+  return oldState.initial === newState.initial && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize;
 };
 
 const diffFocus = (oldState, newState) => {
@@ -2205,6 +2212,7 @@ const executeProvider = async ({
 };
 
 const CommandExecute = 'ExtensionHostCommand.executeCommand';
+const FileSystemWriteFile = 'ExtensionHostFileSystem.writeFile';
 
 const normalizeLimitInfo = value => {
   if (!value || typeof value !== 'object') {
@@ -2310,6 +2318,183 @@ const getMockOpenRouterAssistantText = async (messages, modelId, openRouterApiBa
   }
 };
 
+const OnFileSystem = 'onFileSystem';
+
+const isPathTraversalAttempt = path => {
+  if (!path) {
+    return false;
+  }
+  if (path.startsWith('/') || path.startsWith('\\')) {
+    return true;
+  }
+  if (path.startsWith('file://')) {
+    return true;
+  }
+  if (/^[a-zA-Z]:[\\/]/.test(path)) {
+    return true;
+  }
+  const segments = path.split(/[\\/]/);
+  return segments.includes('..');
+};
+const normalizeRelativePath = path => {
+  const segments = path.split(/[\\/]/).filter(segment => segment && segment !== '.');
+  if (segments.length === 0) {
+    return '.';
+  }
+  return segments.join('/');
+};
+const parseToolArguments = rawArguments => {
+  if (typeof rawArguments !== 'string') {
+    return {};
+  }
+  try {
+    const parsed = JSON.parse(rawArguments);
+    if (!parsed || typeof parsed !== 'object') {
+      return {};
+    }
+    return parsed;
+  } catch {
+    return {};
+  }
+};
+const executeFileSystemCommand = async (method, params, options) => {
+  return executeProvider({
+    assetDir: options.assetDir,
+    event: OnFileSystem,
+    method,
+    noProviderFoundMessage: 'No file system provider found',
+    params,
+    platform: options.platform
+  });
+};
+const getBasicChatTools = () => {
+  return [{
+    function: {
+      description: 'Read UTF-8 text content from a file inside the currently open workspace folder.',
+      name: 'read_file',
+      parameters: {
+        additionalProperties: false,
+        properties: {
+          path: {
+            description: 'Relative file path within the workspace (for example: src/index.ts).',
+            type: 'string'
+          }
+        },
+        required: ['path'],
+        type: 'object'
+      }
+    },
+    type: 'function'
+  }, {
+    function: {
+      description: 'Write UTF-8 text content to a file inside the currently open workspace folder.',
+      name: 'write_file',
+      parameters: {
+        additionalProperties: false,
+        properties: {
+          content: {
+            description: 'New UTF-8 text content to write to the file.',
+            type: 'string'
+          },
+          path: {
+            description: 'Relative file path within the workspace (for example: src/index.ts).',
+            type: 'string'
+          }
+        },
+        required: ['path', 'content'],
+        type: 'object'
+      }
+    },
+    type: 'function'
+  }, {
+    function: {
+      description: 'List direct children (files and folders) for a folder inside the currently open workspace folder.',
+      name: 'list_files',
+      parameters: {
+        additionalProperties: false,
+        properties: {
+          path: {
+            description: 'Relative folder path within the workspace. Use "." for the workspace root.',
+            type: 'string'
+          }
+        },
+        type: 'object'
+      }
+    },
+    type: 'function'
+  }];
+};
+const executeChatTool = async (name, rawArguments, options) => {
+  const args = parseToolArguments(rawArguments);
+  if (name === 'read_file') {
+    const filePath = typeof args.path === 'string' ? args.path : '';
+    if (!filePath || isPathTraversalAttempt(filePath)) {
+      return JSON.stringify({
+        error: 'Access denied: path must be relative and stay within the open workspace folder.'
+      });
+    }
+    const normalizedPath = normalizeRelativePath(filePath);
+    try {
+      const content = await readFile(normalizedPath);
+      return JSON.stringify({
+        content,
+        path: normalizedPath
+      });
+    } catch (error) {
+      return JSON.stringify({
+        error: String(error),
+        path: normalizedPath
+      });
+    }
+  }
+  if (name === 'write_file') {
+    const filePath = typeof args.path === 'string' ? args.path : '';
+    const content = typeof args.content === 'string' ? args.content : '';
+    if (!filePath || isPathTraversalAttempt(filePath)) {
+      return JSON.stringify({
+        error: 'Access denied: path must be relative and stay within the open workspace folder.'
+      });
+    }
+    const normalizedPath = normalizeRelativePath(filePath);
+    try {
+      await executeFileSystemCommand(FileSystemWriteFile, ['file', normalizedPath, content], options);
+      return JSON.stringify({
+        ok: true,
+        path: normalizedPath
+      });
+    } catch (error) {
+      return JSON.stringify({
+        error: String(error),
+        path: normalizedPath
+      });
+    }
+  }
+  if (name === 'list_files') {
+    const folderPath = typeof args.path === 'string' && args.path ? args.path : '.';
+    if (isPathTraversalAttempt(folderPath)) {
+      return JSON.stringify({
+        error: 'Access denied: path must be relative and stay within the open workspace folder.'
+      });
+    }
+    const normalizedPath = normalizeRelativePath(folderPath);
+    try {
+      const entries = await invoke('FileSystem.readDirWithFileTypes', normalizedPath);
+      return JSON.stringify({
+        entries,
+        path: normalizedPath
+      });
+    } catch (error) {
+      return JSON.stringify({
+        error: String(error),
+        path: normalizedPath
+      });
+    }
+  }
+  return JSON.stringify({
+    error: `Unknown tool: ${name}`
+  });
+};
+
 const getOpenApiApiEndpoint = openApiApiBaseUrl => {
   return `${openApiApiBaseUrl}/chat/completions`;
 };
@@ -2358,84 +2543,121 @@ const getOpenApiErrorDetails = async response => {
     errorType: typeof errorType === 'string' ? errorType : undefined
   };
 };
-const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApiApiBaseUrl) => {
-  let response;
-  try {
-    response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
-      body: JSON.stringify({
-        messages: messages.map(message => ({
-          content: message.text,
-          role: message.role
-        })),
-        model: modelId
-      }),
-      headers: {
-        Authorization: `Bearer ${openApiApiKey}`,
-        'Content-Type': 'application/json'
-      },
-      method: 'POST'
-    });
-  } catch {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
-  }
-  if (!response.ok) {
-    const {
-      errorCode,
-      errorMessage,
-      errorType
-    } = await getOpenApiErrorDetails(response);
-    return {
-      details: 'http-error',
-      errorCode,
-      errorMessage,
-      errorType,
-      statusCode: response.status,
-      type: 'error'
-    };
-  }
-  let parsed;
-  try {
-    parsed = await response.json();
-  } catch {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
-  }
-  if (!parsed || typeof parsed !== 'object') {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const choices = Reflect.get(parsed, 'choices');
-  if (!Array.isArray(choices)) {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const firstChoice = choices[0];
-  if (!firstChoice || typeof firstChoice !== 'object') {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const message = Reflect.get(firstChoice, 'message');
-  if (!message || typeof message !== 'object') {
+const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApiApiBaseUrl, assetDir, platform) => {
+  const completionMessages = messages.map(message => ({
+    content: message.text,
+    role: message.role
+  }));
+  const tools = getBasicChatTools();
+  const maxToolIterations = 4;
+  for (let i = 0; i <= maxToolIterations; i++) {
+    let response;
+    try {
+      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
+        body: JSON.stringify({
+          messages: completionMessages,
+          model: modelId,
+          tool_choice: 'auto',
+          tools
+        }),
+        headers: {
+          Authorization: `Bearer ${openApiApiKey}`,
+          'Content-Type': 'application/json'
+        },
+        method: 'POST'
+      });
+    } catch {
+      return {
+        details: 'request-failed',
+        type: 'error'
+      };
+    }
+    if (!response.ok) {
+      const {
+        errorCode,
+        errorMessage,
+        errorType
+      } = await getOpenApiErrorDetails(response);
+      return {
+        details: 'http-error',
+        errorCode,
+        errorMessage,
+        errorType,
+        statusCode: response.status,
+        type: 'error'
+      };
+    }
+    let parsed;
+    try {
+      parsed = await response.json();
+    } catch {
+      return {
+        details: 'request-failed',
+        type: 'error'
+      };
+    }
+    if (!parsed || typeof parsed !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const choices = Reflect.get(parsed, 'choices');
+    if (!Array.isArray(choices)) {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const firstChoice = choices[0];
+    if (!firstChoice || typeof firstChoice !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const message = Reflect.get(firstChoice, 'message');
+    if (!message || typeof message !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const toolCalls = Reflect.get(message, 'tool_calls');
+    if (Array.isArray(toolCalls) && toolCalls.length > 0) {
+      completionMessages.push(message);
+      for (const toolCall of toolCalls) {
+        if (!toolCall || typeof toolCall !== 'object') {
+          continue;
+        }
+        const id = Reflect.get(toolCall, 'id');
+        const toolFunction = Reflect.get(toolCall, 'function');
+        if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
+          continue;
+        }
+        const name = Reflect.get(toolFunction, 'name');
+        const rawArguments = Reflect.get(toolFunction, 'arguments');
+        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+          assetDir,
+          platform
+        }) : '{}';
+        completionMessages.push({
+          content,
+          role: 'tool',
+          tool_call_id: id
+        });
+      }
+      continue;
+    }
+    const content = Reflect.get(message, 'content');
     return {
-      text: '',
+      text: getTextContent(content),
       type: 'success'
     };
   }
-  const content = Reflect.get(message, 'content');
   return {
-    text: getTextContent(content),
-    type: 'success'
+    details: 'request-failed',
+    type: 'error'
   };
 };
 
@@ -2575,91 +2797,128 @@ const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl) =>
   }
   return normalizedLimitInfo;
 };
-const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl) => {
-  let response;
-  try {
-    response = await fetch(getOpenRouterApiEndpoint(openRouterApiBaseUrl), {
-      body: JSON.stringify({
-        messages: messages.map(message => ({
-          content: message.text,
-          role: message.role
-        })),
-        model: modelId
-      }),
-      headers: {
-        Authorization: `Bearer ${openRouterApiKey}`,
-        'Content-Type': 'application/json'
-      },
-      method: 'POST'
-    });
-  } catch {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
-  }
-  if (!response.ok) {
-    if (response.status === 429) {
-      const retryAfter = response.headers?.get?.('retry-after') ?? null;
-      const rawMessage = await getOpenRouterRaw429Message(response);
-      const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl);
+const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform) => {
+  const completionMessages = messages.map(message => ({
+    content: message.text,
+    role: message.role
+  }));
+  const tools = getBasicChatTools();
+  const maxToolIterations = 4;
+  for (let i = 0; i <= maxToolIterations; i++) {
+    let response;
+    try {
+      response = await fetch(getOpenRouterApiEndpoint(openRouterApiBaseUrl), {
+        body: JSON.stringify({
+          messages: completionMessages,
+          model: modelId,
+          tool_choice: 'auto',
+          tools
+        }),
+        headers: {
+          Authorization: `Bearer ${openRouterApiKey}`,
+          'Content-Type': 'application/json'
+        },
+        method: 'POST'
+      });
+    } catch {
       return {
-        details: 'too-many-requests',
-        limitInfo: limitInfo || retryAfter ? {
-          ...limitInfo,
-          retryAfter
-        } : undefined,
-        rawMessage,
-        statusCode: 429,
+        details: 'request-failed',
         type: 'error'
       };
     }
+    if (!response.ok) {
+      if (response.status === 429) {
+        const retryAfter = response.headers?.get?.('retry-after') ?? null;
+        const rawMessage = await getOpenRouterRaw429Message(response);
+        const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl);
+        return {
+          details: 'too-many-requests',
+          limitInfo: limitInfo || retryAfter ? {
+            ...limitInfo,
+            retryAfter
+          } : undefined,
+          rawMessage,
+          statusCode: 429,
+          type: 'error'
+        };
+      }
+      return {
+        details: 'http-error',
+        statusCode: response.status,
+        type: 'error'
+      };
+    }
+    let parsed;
+    try {
+      parsed = await response.json();
+    } catch {
+      return {
+        details: 'request-failed',
+        type: 'error'
+      };
+    }
+    if (!parsed || typeof parsed !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const choices = Reflect.get(parsed, 'choices');
+    if (!Array.isArray(choices)) {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const firstChoice = choices[0];
+    if (!firstChoice || typeof firstChoice !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const message = Reflect.get(firstChoice, 'message');
+    if (!message || typeof message !== 'object') {
+      return {
+        text: '',
+        type: 'success'
+      };
+    }
+    const toolCalls = Reflect.get(message, 'tool_calls');
+    if (Array.isArray(toolCalls) && toolCalls.length > 0) {
+      completionMessages.push(message);
+      for (const toolCall of toolCalls) {
+        if (!toolCall || typeof toolCall !== 'object') {
+          continue;
+        }
+        const id = Reflect.get(toolCall, 'id');
+        const toolFunction = Reflect.get(toolCall, 'function');
+        if (typeof id !== 'string' || !toolFunction || typeof toolFunction !== 'object') {
+          continue;
+        }
+        const name = Reflect.get(toolFunction, 'name');
+        const rawArguments = Reflect.get(toolFunction, 'arguments');
+        const content = typeof name === 'string' ? await executeChatTool(name, rawArguments, {
+          assetDir,
+          platform
+        }) : '{}';
+        completionMessages.push({
+          content,
+          role: 'tool',
+          tool_call_id: id
+        });
+      }
+      continue;
+    }
+    const content = Reflect.get(message, 'content');
     return {
-      details: 'http-error',
-      statusCode: response.status,
-      type: 'error'
-    };
-  }
-  let parsed;
-  try {
-    parsed = await response.json();
-  } catch {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
-  }
-  if (!parsed || typeof parsed !== 'object') {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const choices = Reflect.get(parsed, 'choices');
-  if (!Array.isArray(choices)) {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const firstChoice = choices[0];
-  if (!firstChoice || typeof firstChoice !== 'object') {
-    return {
-      text: '',
-      type: 'success'
-    };
-  }
-  const message = Reflect.get(firstChoice, 'message');
-  if (!message || typeof message !== 'object') {
-    return {
-      text: '',
+      text: getTextContent(content),
       type: 'success'
     };
   }
-  const content = Reflect.get(message, 'content');
   return {
-    text: getTextContent(content),
-    type: 'success'
+    details: 'request-failed',
+    type: 'error'
   };
 };
 
@@ -2706,7 +2965,7 @@ const getOpenRouterErrorMessage = errorResult => {
   }
 };
 
-/* eslint-disable @cspell/spellchecker */
+// cspell:ignore openrouter
 const getOpenRouterModelId = selectedModelId => {
   const openRouterPrefix = 'openrouter/';
   if (selectedModelId.toLowerCase().startsWith(openRouterPrefix)) {
@@ -2725,7 +2984,7 @@ const isOpenApiModel = (selectedModelId, models) => {
   return normalizedModelId.startsWith('openapi/') || normalizedModelId.startsWith('openai/');
 };
 
-/* eslint-disable @cspell/spellchecker */
+// cspell:ignore openrouter
 
 const isOpenRouterModel = (selectedModelId, models) => {
   const selectedModel = models.find(model => model.id === selectedModelId);
@@ -2756,7 +3015,7 @@ const getAiResponse = async ({
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
   if (usesOpenApiModel) {
     if (openApiApiKey) {
-      const result = await getOpenApiAssistantText(messages, getOpenApiModelId(selectedModelId), openApiApiKey, openApiApiBaseUrl);
+      const result = await getOpenApiAssistantText(messages, getOpenApiModelId(selectedModelId), openApiApiKey, openApiApiBaseUrl, assetDir, platform);
       if (result.type === 'success') {
         const {
           text: assistantText
@@ -2781,7 +3040,7 @@ const getAiResponse = async ({
         text = getOpenRouterErrorMessage(result);
       }
     } else if (openRouterApiKey) {
-      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl);
+      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform);
       if (result.type === 'success') {
         const {
           text: assistantText
@@ -3146,7 +3405,7 @@ const OpenApiApiKeyInput = 'open-api-api-key';
 const SaveOpenApiApiKey = 'save-openapi-api-key';
 const OpenOpenApiApiKeySettings = 'open-openapi-api-key-settings';
 
-/* eslint-disable @cspell/spellchecker */
+// cspell:ignore openrouter
 const OpenRouterApiKeyInput = 'open-router-api-key';
 const SaveOpenRouterApiKey = 'save-openrouter-api-key';
 const OpenOpenRouterApiKeySettings = 'open-openrouter-api-key-settings';
@@ -3393,7 +3652,10 @@ const handleModelChange = async (state, value) => {
 };
 
 const handleNewline = async state => {
-  return handleInput(state, Composer, `${state.composerValue}\n`);
+  const {
+    composerValue
+  } = state;
+  return handleInput(state, Composer, `${composerValue}\n`);
 };
 
 const id = 7201;
@@ -3593,12 +3855,22 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
+const getCss = composerHeight => {
+  return `:root {
+  --ChatInputBoxHeight: ${composerHeight}px;
+}`;
+};
+
 // TODO render things like scrollbar height,scrollbar offset, textarea height,
 // list height
-const css = `
-`;
+
 const renderCss = (oldState, newState) => {
-  return [SetCss, newState.uid, css];
+  const {
+    composerHeight,
+    uid
+  } = newState;
+  const css = getCss(composerHeight);
+  return [SetCss, uid, css];
 };
 
 const getFocusSelector = focus => {
@@ -3770,7 +4042,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
-    style: `height:${composerHeight}px;font-size:${composerFontSize}px;font-family:${composerFontFamily};line-height:${composerLineHeight}px;`,
+    // style: `height:${composerHeight}px;font-size:${composerFontSize}px;font-family:${composerFontFamily};line-height:${composerLineHeight}px;`,
     type: TextArea,
     value: composerValue
   }, {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lvce-editor/chat-view",
-  "version": "1.16.0",
+  "version": "1.18.0",
   "description": "Chat View Worker",
   "repository": {
     "type": "git",