@lvce-editor/chat-view 3.0.0 → 3.1.0

package/dist/chatViewWorkerMain.js

@@ -2740,18 +2740,28 @@ const deleteSession = async (state, id) => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  // Open the built-in settings editor so the user can inspect or edit their OpenAI API key.
   await invoke('Main.openUri', 'app://settings.json');
   return state;
 };
 
+const handleClickOpenApiApiKeyWebsite = async state => {
+  await openExternal(state.openApiApiKeysSettingsUrl);
+  return state;
+};
+
 const handleClickOpenRouterApiKeySettings = async state => {
+  await invoke('Main.openUri', 'app://settings.json');
+  return state;
+};
+
+const handleClickOpenRouterApiKeyWebsite = async state => {
   await openExternal(state.openRouterApiKeysSettingsUrl);
   return state;
 };
 
 const openApiApiKeyRequiredMessage = 'OpenAI API key is not configured. Enter your OpenAI API key below and click Save.';
 const openApiRequestFailedMessage = 'OpenAI request failed.';
+const openApiRequestFailedOfflineMessage = 'OpenAI request failed because you are offline. Please check your internet connection.';
 const openRouterApiKeyRequiredMessage = 'OpenRouter API key is not configured. Enter your OpenRouter API key below and click Save.';
 const openRouterRequestFailedMessage = 'OpenRouter request failed. Possible reasons:';
 const openRouterTooManyRequestsMessage = 'OpenRouter rate limit reached (429). Please try again soon. Helpful tips:';
@@ -4270,6 +4280,12 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
   };
 };
 
+const isOffline = () => {
+  if (!globalThis.navigator) {
+    return false;
+  }
+  return globalThis.navigator.onLine === false;
+};
 const getOpenApiErrorMessage = errorResult => {
   switch (errorResult.details) {
     case 'http-error':
@@ -4281,7 +4297,7 @@ const getOpenApiErrorMessage = errorResult => {
         // Provide a concise, user-friendly message when OpenAI reports an invalid API key.
         if (errorResult.errorCode === 'invalid_api_key') {
           const status = typeof errorResult.statusCode === 'number' ? errorResult.statusCode : 401;
-          return `OpenAI request failed (status ${status}): Invalid API key. Please verify your OpenAI API key in Chat settings.`;
+          return `OpenAI request failed (Status ${status}): Invalid API key. Please verify your OpenAI API key in Chat Settings.`;
         }
         if (errorResult.statusCode === 429) {
           let prefix = 'OpenAI rate limit exceeded (429)';
@@ -4317,6 +4333,9 @@ const getOpenApiErrorMessage = errorResult => {
         return openApiRequestFailedMessage;
       }
     case 'request-failed':
+      if (isOffline()) {
+        return openApiRequestFailedOfflineMessage;
+      }
       return openApiRequestFailedMessage;
   }
 };
@@ -5275,11 +5294,13 @@ const getRenameIdFromInputName = name => {
 const OpenApiApiKeyInput = 'open-api-api-key';
 const SaveOpenApiApiKey = 'save-openapi-api-key';
 const OpenOpenApiApiKeySettings = 'open-openapi-api-key-settings';
+const OpenOpenApiApiKeyWebsite = 'open-openapi-api-key-website';
 
 // cspell:ignore openrouter
 const OpenRouterApiKeyInput = 'open-router-api-key';
 const SaveOpenRouterApiKey = 'save-openrouter-api-key';
 const OpenOpenRouterApiKeySettings = 'open-openrouter-api-key-settings';
+const OpenOpenRouterApiKeyWebsite = 'open-openrouter-api-key-website';
 
 const selectSession = async (state, id) => {
   const exists = state.sessions.some(session => session.id === id);
@@ -5368,9 +5389,15 @@ const handleClick = async (state, name, id = '') => {
   if (name === OpenOpenRouterApiKeySettings) {
     return handleClickOpenRouterApiKeySettings(state);
   }
+  if (name === OpenOpenRouterApiKeyWebsite) {
+    return handleClickOpenRouterApiKeyWebsite(state);
+  }
   if (name === OpenOpenApiApiKeySettings) {
     return handleClickOpenApiApiKeySettings(state);
   }
+  if (name === OpenOpenApiApiKeyWebsite) {
+    return handleClickOpenApiApiKeyWebsite(state);
+  }
   return state;
 };
 
@@ -5938,6 +5965,25 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   color: #4d94ff;
   text-decoration: underline;
   cursor: pointer;
+}
+
+.MarkdownTable {
+  width: 100%;
+  margin: 6px 0;
+  border-collapse: collapse;
+  border: 1px solid var(--vscode-editorWidget-border);
+}
+
+.MarkdownTable th,
+.MarkdownTable td {
+  border: 1px solid var(--vscode-editorWidget-border);
+  padding: 4px 8px;
+  text-align: left;
+}
+
+.MarkdownTable th {
+  background: var(--vscode-editorWidget-background);
+}
 }`;
   if (!renderHtmlCss.trim()) {
     return baseCss;
@@ -6013,6 +6059,7 @@ const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
 const ChatListItemLabel = 'ChatListItemLabel';
 const Markdown = 'Markdown';
+const MarkdownTable = 'MarkdownTable';
 const Message = 'Message';
 const ChatMessageContent = 'ChatMessageContent';
 const ChatToolCalls = 'ChatToolCalls';
@@ -6250,6 +6297,12 @@ const getInlineNodeDom = inlineNode => {
   if (inlineNode.type === 'text') {
     return [text(inlineNode.text)];
   }
+  if (inlineNode.type === 'bold') {
+    return [{
+      childCount: 1,
+      type: Strong
+    }, text(inlineNode.text)];
+  }
   return [{
     childCount: 1,
     className: ChatMessageLink,
@@ -6268,6 +6321,40 @@ const getOrderedListItemDom = item => {
     type: Li
   }, ...item.children.flatMap(getInlineNodeDom)];
 };
+const getTableHeadCellDom = cell => {
+  return [{
+    childCount: cell.children.length,
+    type: Th
+  }, ...cell.children.flatMap(getInlineNodeDom)];
+};
+const getTableBodyCellDom = cell => {
+  return [{
+    childCount: cell.children.length,
+    type: Td
+  }, ...cell.children.flatMap(getInlineNodeDom)];
+};
+const getTableRowDom = row => {
+  return [{
+    childCount: row.cells.length,
+    type: Tr
+  }, ...row.cells.flatMap(getTableBodyCellDom)];
+};
+const getTableDom = node => {
+  return [{
+    childCount: 2,
+    className: MarkdownTable,
+    type: Table
+  }, {
+    childCount: 1,
+    type: THead
+  }, {
+    childCount: node.headers.length,
+    type: Tr
+  }, ...node.headers.flatMap(getTableHeadCellDom), {
+    childCount: node.rows.length,
+    type: TBody
+  }, ...node.rows.flatMap(getTableRowDom)];
+};
 const getMessageNodeDom = node => {
   if (node.type === 'text') {
     return [{
@@ -6276,6 +6363,9 @@ const getMessageNodeDom = node => {
       type: P
     }, ...node.children.flatMap(getInlineNodeDom)];
   }
+  if (node.type === 'table') {
+    return getTableDom(node);
+  }
   return [{
     childCount: node.items.length,
     className: ChatOrderedList,
@@ -6785,7 +6875,7 @@ const getToolCallRenderHtmlVirtualDom = toolCall => {
 };
 
 const getToolCallDom = toolCall => {
-  if (toolCall.name === 'read_file') {
+  if (toolCall.name === 'read_file' || toolCall.name === 'list_files' || toolCall.name === 'list_file') {
     const virtualDom = getToolCallReadFileVirtualDom(toolCall);
     if (virtualDom.length > 0) {
       return virtualDom;
@@ -6826,15 +6916,61 @@ const getToolCallsDom = message => {
 };
 
 const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
-const markdownLinkRegex = /\[([^\]]+)\]\(([^)]+)\)/g;
+const markdownInlineRegex = /\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*/g;
+const markdownTableSeparatorCellRegex = /^:?-{3,}:?$/;
+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 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 isTableSeparatorRow = (line, expectedColumns) => {
+  if (!isTableRow(line)) {
+    return false;
+  }
+  const cells = getTableCells(line);
+  if (cells.length !== expectedColumns) {
+    return false;
+  }
+  return cells.every(cell => markdownTableSeparatorCellRegex.test(cell));
+};
+const toTableCell = value => {
+  return {
+    children: parseInlineNodes(value),
+    type: 'table-cell'
+  };
+};
+const toTableRow = line => {
+  return {
+    cells: getTableCells(line).map(toTableCell),
+    type: 'table-row'
+  };
+};
 const parseInlineNodes = value => {
-  const matches = value.matchAll(markdownLinkRegex);
+  const matches = value.matchAll(markdownInlineRegex);
   const nodes = [];
   let lastIndex = 0;
   for (const match of matches) {
     const fullMatch = match[0];
     const linkText = match[1];
     const href = match[2];
+    const boldText = match[3];
     const index = match.index ?? 0;
     if (index > lastIndex) {
       nodes.push({
@@ -6842,11 +6978,18 @@ const parseInlineNodes = value => {
         type: 'text'
       });
     }
-    nodes.push({
-      href,
-      text: linkText,
-      type: 'link'
-    });
+    if (linkText && href) {
+      nodes.push({
+        href,
+        text: linkText,
+        type: 'link'
+      });
+    } else if (boldText) {
+      nodes.push({
+        text: boldText,
+        type: 'bold'
+      });
+    }
     lastIndex = index + fullMatch.length;
   }
   if (lastIndex < value.length) {
@@ -6873,7 +7016,7 @@ const parseMessageContent = rawMessage => {
       type: 'text'
     }];
   }
-  const lines = rawMessage.split(/\r?\n/);
+  const lines = normalizeInlineTables(rawMessage).split(/\r?\n/);
   const nodes = [];
   let paragraphLines = [];
   let listItems = [];
@@ -6897,12 +7040,36 @@ const parseMessageContent = rawMessage => {
     });
     listItems = [];
   };
-  for (const line of lines) {
+  for (let i = 0; i < lines.length; i++) {
+    const line = lines[i];
     if (!line.trim()) {
       flushList();
       flushParagraph();
       continue;
     }
+    if (isTableRow(line) && i + 1 < lines.length) {
+      const headerCells = getTableCells(line);
+      if (isTableSeparatorRow(lines[i + 1], headerCells.length)) {
+        flushList();
+        flushParagraph();
+        const rows = [];
+        i += 2;
+        while (i < lines.length && isTableRow(lines[i])) {
+          const row = toTableRow(lines[i]);
+          if (row.cells.length === headerCells.length) {
+            rows.push(row);
+          }
+          i++;
+        }
+        i--;
+        nodes.push({
+          headers: headerCells.map(toTableCell),
+          rows,
+          type: 'table'
+        });
+        continue;
+      }
+    }
     const match = line.match(orderedListItemRegex);
     if (match) {
       flushParagraph();

package/package.json

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