@lvce-editor/chat-view 6.8.0 → 6.10.0

package/dist/chatViewWorkerMain.js

@@ -1269,15 +1269,9 @@ const sendMessagePortToChatNetworkWorker = async port => {
 const sendMessagePortToChatToolWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatToolWorker', port, 'HandleMessagePort.handleMessagePort');
 };
-const writeFile = async (uri, text) => {
-  await invoke$1('FileSystem.writeFile', uri, text);
-};
 const activateByEvent$1 = (event, assetDir, platform) => {
   return invoke$1('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
-const getWorkspacePath = () => {
-  return invoke$1('Workspace.getPath');
-};
 const getPreference = async key => {
   return await invoke$1('Preferences.get', key);
 };
@@ -3349,194 +3343,6 @@ const getTools = async () => {
   return invoke$3('ChatTool.getTools');
 };
 
-const executeAskQuestionTool = args => {
-  const normalized = args && typeof args === 'object' ? args : {};
-  const question = Reflect.get(normalized, 'question');
-  const answers = Reflect.get(normalized, 'answers');
-  return JSON.stringify({
-    answers: Array.isArray(answers) ? answers.filter(answer => typeof answer === 'string') : [],
-    ok: true,
-    question: typeof question === 'string' ? question : ''
-  });
-};
-
-const getToolErrorPayload = error => {
-  const rawStack = error && typeof error === 'object' ? Reflect.get(error, 'stack') : undefined;
-  return {
-    error: String(error),
-    ...(typeof rawStack === 'string' && rawStack.trim() ? {
-      errorStack: rawStack,
-      stack: rawStack
-    } : {})
-  };
-};
-
-const executeGetWorkspaceUriTool = async (_args, _options) => {
-  try {
-    const workspaceUri = await getWorkspacePath();
-    return JSON.stringify({
-      workspaceUri
-    });
-  } catch (error) {
-    return JSON.stringify(getToolErrorPayload(error));
-  }
-};
-
-const isAbsoluteUri$1 = value => {
-  return /^[a-zA-Z][a-zA-Z0-9+.-]*:\/\//.test(value);
-};
-const executeListFilesTool = async (args, _options) => {
-  const uri = typeof args.uri === 'string' ? args.uri : '';
-  if (!uri || !isAbsoluteUri$1(uri)) {
-    return JSON.stringify({
-      error: 'Invalid argument: uri must be an absolute URI.'
-    });
-  }
-  try {
-    const entries = await invoke$1('FileSystem.readDirWithFileTypes', uri);
-    return JSON.stringify({
-      entries,
-      uri
-    });
-  } catch (error) {
-    return JSON.stringify({
-      ...getToolErrorPayload(error),
-      uri
-    });
-  }
-};
-
-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 isAbsoluteUri = value => {
-  return /^[a-zA-Z][a-zA-Z0-9+.-]*:\/\//.test(value);
-};
-const executeReadFileTool = async (args, _options) => {
-  const uri = typeof args.uri === 'string' ? args.uri : '';
-  if (uri) {
-    if (!isAbsoluteUri(uri)) {
-      return JSON.stringify({
-        error: 'Invalid argument: uri must be an absolute URI.'
-      });
-    }
-    try {
-      const content = await readFile(uri);
-      return JSON.stringify({
-        content,
-        uri
-      });
-    } catch (error) {
-      return JSON.stringify({
-        ...getToolErrorPayload(error),
-        uri
-      });
-    }
-  }
-  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({
-      ...getToolErrorPayload(error),
-      path: normalizedPath
-    });
-  }
-};
-
-const maxPayloadLength = 40_000;
-const executeRenderHtmlTool = async (args, _options) => {
-  const html = typeof args.html === 'string' ? args.html : '';
-  const css = typeof args.css === 'string' ? args.css : '';
-  const title = typeof args.title === 'string' ? args.title : '';
-  if (!html) {
-    return JSON.stringify({
-      error: 'Missing required argument: html'
-    });
-  }
-  if (html.length > maxPayloadLength || css.length > maxPayloadLength) {
-    return JSON.stringify({
-      error: 'Payload too large: keep html/css under 40,000 characters each.'
-    });
-  }
-  return JSON.stringify({
-    css,
-    html,
-    ok: true,
-    title
-  });
-};
-
-const executeWriteFileTool = async (args, _options) => {
-  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 writeFile(normalizedPath, content);
-    return JSON.stringify({
-      ok: true,
-      path: normalizedPath
-    });
-  } catch (error) {
-    return JSON.stringify({
-      ...getToolErrorPayload(error),
-      path: normalizedPath
-    });
-  }
-};
-
-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 stringifyToolOutput = output => {
   if (typeof output === 'string') {
     return output;
@@ -3544,35 +3350,14 @@ const stringifyToolOutput = output => {
   return JSON.stringify(output) ?? 'null';
 };
 const executeChatTool = async (name, rawArguments, options) => {
-  if (options.useChatToolWorker) {
-    const workerOutput = await execute(name, rawArguments, {
-      assetDir: options.assetDir,
-      platform: options.platform
-    });
-    return stringifyToolOutput(workerOutput);
-  }
-  const args = parseToolArguments(rawArguments);
-  if (name === 'read_file') {
-    return executeReadFileTool(args);
+  if (!options.useChatToolWorker) {
+    throw new Error('Chat tools must be executed in a web worker environment. Please set useChatToolWorker to true in the options.');
   }
-  if (name === 'write_file') {
-    return executeWriteFileTool(args);
-  }
-  if (name === 'list_files') {
-    return executeListFilesTool(args);
-  }
-  if (name === 'getWorkspaceUri') {
-    return executeGetWorkspaceUriTool();
-  }
-  if (name === 'render_html') {
-    return executeRenderHtmlTool(args);
-  }
-  if (name === 'ask_question') {
-    return executeAskQuestionTool(args);
-  }
-  return JSON.stringify({
-    error: `Unknown tool: ${name}`
+  const workerOutput = await execute(name, rawArguments, {
+    assetDir: options.assetDir,
+    platform: options.platform
   });
+  return stringifyToolOutput(workerOutput);
 };
 
 const getReadFileTool = () => {
@@ -7235,6 +7020,31 @@ Assistant: ${assistantText}`;
   return title && !isDefaultSessionTitle(title) ? title : '';
 };
 
+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 mentionRegex = /(^|\s)@([^\s]+)/g;
 const maxMentionCount = 5;
 const parseMentionedPaths = value => {
@@ -9288,12 +9098,14 @@ const ChatHeader = 'ChatHeader';
 const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
+const Deletion = 'Deletion';
 const Empty = '';
 const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
 const IconButtonDisabled = 'IconButtonDisabled';
 const ImageElement = 'ImageElement';
 const InputBox = 'InputBox';
+const Insertion = 'Insertion';
 const Label = 'Label';
 const LabelDetail = 'LabelDetail';
 const ChatList = 'ChatList';
@@ -10014,6 +9826,76 @@ const getFileNameFromUri = uri => {
   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) {
+      if (escaped) {
+        escaped = false;
+        continue;
+      }
+      if (char === '\\') {
+        escaped = true;
+        continue;
+      }
+      if (char === '"') {
+        inString = false;
+      }
+      continue;
+    }
+    if (char === '"') {
+      inString = true;
+      continue;
+    }
+    if (char === '{' || char === '[') {
+      depth += 1;
+      continue;
+    }
+    if (char === '}' || char === ']') {
+      depth -= 1;
+      if (depth < 0) {
+        return false;
+      }
+    }
+  }
+  return depth === 0 && !inString && !escaped;
+};
+const getReadFileTarget = rawArguments => {
+  // Tool arguments stream in chunks, so skip parsing until a full JSON payload is available.
+  if (!isCompleteJson(rawArguments)) {
+    return undefined;
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(rawArguments);
+  } catch {
+    return undefined;
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return undefined;
+  }
+  const uri = Reflect.get(parsed, 'uri');
+  const path = Reflect.get(parsed, 'path');
+  const uriValue = typeof uri === 'string' ? uri : '';
+  const pathValue = typeof path === 'string' ? path : '';
+  const title = uriValue || pathValue;
+  if (!title) {
+    return undefined;
+  }
+  // `read_file` tool calls now use absolute `uri`; keep `path` as a legacy fallback for old transcripts.
+  const clickableUri = uriValue || pathValue;
+  return {
+    clickableUri,
+    title
+  };
+};
+
 const getToolCallArgumentPreview = rawArguments => {
   if (!rawArguments.trim()) {
     return '""';
@@ -10106,76 +9988,6 @@ const getToolCallAskQuestionVirtualDom = toolCall => {
   }, text(answer.trim() ? answer : '(empty answer)')])];
 };
 
-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) {
-      if (escaped) {
-        escaped = false;
-        continue;
-      }
-      if (char === '\\') {
-        escaped = true;
-        continue;
-      }
-      if (char === '"') {
-        inString = false;
-      }
-      continue;
-    }
-    if (char === '"') {
-      inString = true;
-      continue;
-    }
-    if (char === '{' || char === '[') {
-      depth += 1;
-      continue;
-    }
-    if (char === '}' || char === ']') {
-      depth -= 1;
-      if (depth < 0) {
-        return false;
-      }
-    }
-  }
-  return depth === 0 && !inString && !escaped;
-};
-const getReadFileTarget = rawArguments => {
-  // Tool arguments stream in chunks, so skip parsing until a full JSON payload is available.
-  if (!isCompleteJson(rawArguments)) {
-    return undefined;
-  }
-  let parsed;
-  try {
-    parsed = JSON.parse(rawArguments);
-  } catch {
-    return undefined;
-  }
-  if (!parsed || typeof parsed !== 'object') {
-    return undefined;
-  }
-  const uri = Reflect.get(parsed, 'uri');
-  const path = Reflect.get(parsed, 'path');
-  const uriValue = typeof uri === 'string' ? uri : '';
-  const pathValue = typeof path === 'string' ? path : '';
-  const title = uriValue || pathValue;
-  if (!title) {
-    return undefined;
-  }
-  // `read_file` tool calls now use absolute `uri`; keep `path` as a legacy fallback for old transcripts.
-  const clickableUri = uriValue || pathValue;
-  return {
-    clickableUri,
-    title
-  };
-};
-
 const getToolCallReadFileVirtualDom = toolCall => {
   const target = getReadFileTarget(toolCall.arguments);
   if (!target) {
@@ -10514,8 +10326,19 @@ const getToolCallDisplayName = name => {
   }
   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 === '{}') {
@@ -10546,6 +10369,101 @@ const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
     type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
+const parseWriteFileLineCounts = rawResult => {
+  if (!rawResult) {
+    return {
+      linesAdded: 0,
+      linesDeleted: 0
+    };
+  }
+  let parsed;
+  try {
+    parsed = JSON.parse(rawResult);
+  } catch {
+    return {
+      linesAdded: 0,
+      linesDeleted: 0
+    };
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return {
+      linesAdded: 0,
+      linesDeleted: 0
+    };
+  }
+  const linesAdded = Reflect.get(parsed, 'linesAdded');
+  const linesDeleted = Reflect.get(parsed, 'linesDeleted');
+  return {
+    linesAdded: typeof linesAdded === 'number' ? Math.max(0, linesAdded) : 0,
+    linesDeleted: typeof linesDeleted === 'number' ? Math.max(0, linesDeleted) : 0
+  };
+};
+const getToolCallWriteFileVirtualDom = toolCall => {
+  const target = getReadFileTarget(toolCall.arguments);
+  if (!target) {
+    return [];
+  }
+  const fileName = getFileNameFromUri(target.title);
+  const statusLabel = getToolCallStatusLabel(toolCall);
+  const {
+    linesAdded,
+    linesDeleted
+  } = parseWriteFileLineCounts(toolCall.result);
+  const fileNameClickableProps = target.clickableUri ? {
+    'data-uri': target.clickableUri,
+    onClick: HandleClickReadFile
+  } : {};
+  return [{
+    childCount: statusLabel ? 6 : 5,
+    className: ChatOrderedListItem,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, text('write_file '), {
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    ...fileNameClickableProps,
+    type: Span
+  }, text(fileName), {
+    childCount: 1,
+    className: Insertion,
+    type: Span
+  }, text(` +${linesAdded}`), {
+    childCount: 1,
+    className: Deletion,
+    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);
@@ -10559,6 +10477,18 @@ const getToolCallDom = toolCall => {
       return virtualDom;
     }
   }
+  if (toolCall.name === 'write_file') {
+    const virtualDom = getToolCallWriteFileVirtualDom(toolCall);
+    if (virtualDom.length > 0) {
+      return virtualDom;
+    }
+  }
+  if (toolCall.name === 'edit_file') {
+    const virtualDom = getToolCallEditFileVirtualDom(toolCall);
+    if (virtualDom.length > 0) {
+      return virtualDom;
+    }
+  }
   if (toolCall.name === 'render_html') {
     const virtualDom = getToolCallRenderHtmlVirtualDom(toolCall);
     if (virtualDom.length > 0) {

package/package.json

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