@lvce-editor/chat-view 6.67.0 → 6.69.0

package/dist/chatViewWorkerMain.js

@@ -1214,6 +1214,7 @@ const Home = 12;
 const UpArrow = 14;
 const DownArrow = 16;
 const KeyN = 42;
+const KeyV = 50;
 
 const CtrlCmd = 1 << 11 >>> 0;
 const Shift = 1 << 10 >>> 0;
@@ -1856,6 +1857,7 @@ const Paste = 'Paste';
 const Rename = 'Rename';
 const Archive = 'Archive';
 const AddProjectChat = 'Add Project';
+const RemoveProject = 'Remove Project';
 const Settings$1 = 'Settings';
 const LoginToBackend = 'Login to backend';
 const LogoutFromBackend = 'Logout from backend';
@@ -1915,6 +1917,9 @@ const newChat = () => {
 const addProject = () => {
   return i18nString(AddProjectChat);
 };
+const removeProject = () => {
+  return i18nString(RemoveProject);
+};
 const debug = () => {
   return i18nString(Debug);
 };
@@ -2872,10 +2877,7 @@ const RenderIncremental = 11;
 const RenderScrollTop = 12;
 
 const diffValue = (oldState, newState) => {
-  if (oldState.composerValue === newState.composerValue) {
-    return true;
-  }
-  return newState.inputSource !== 'script';
+  return oldState.composerValue === newState.composerValue || newState.inputSource !== 'script';
 };
 
 const modules = [isEqual, diffValue, diffSelection, diffFocus, isEqual$1, diffFocus, diffScrollTop];
@@ -2897,8 +2899,7 @@ const diff2 = uid => {
     newState,
     oldState
   } = get$1(uid);
-  const result = diff(oldState, newState);
-  return result;
+  return diff(oldState, newState);
 };
 
 const getAuthState = state => {
@@ -3256,6 +3257,10 @@ const getKeyBindings = () => {
     command: 'Chat.chatInputHistoryDown',
     key: DownArrow,
     when: FocusChatInput
+  }, {
+    command: 'Chat.pasteInput',
+    key: CtrlCmd | KeyV,
+    when: FocusChatInput
   }, {
     command: 'Chat.chatInputHistoryUp',
     key: UpArrow,
@@ -3412,6 +3417,7 @@ const Login = 'login';
 const Logout = 'logout';
 const CloseChat = 'close-chat';
 const SessionDelete = 'SessionDelete';
+const ProjectDelete = 'ProjectDelete';
 const ProjectPrefix = 'project:';
 const SessionPrefix = 'session:';
 const RenamePrefix = 'session-rename:';
@@ -3520,17 +3526,27 @@ const menuEntryAddProject = {
   id: 'addProject',
   label: addProject()
 };
-const getMenuEntriesChatProjectList = (projectId = '') => {
+const getMenuEntriesChatProjectList = (projectId = '', canRemoveProject = true) => {
   if (!projectId) {
     return [menuEntryAddProject];
   }
-  return [{
+  const entries = [{
     args: [getCreateSessionInProjectInputName(projectId)],
     command: 'Chat.handleClick',
     flags: None,
     id: 'newChat',
     label: newChat()
   }, menuEntryAddProject];
+  if (canRemoveProject) {
+    entries.push({
+      args: [ProjectDelete, projectId],
+      command: 'Chat.handleClick',
+      flags: None,
+      id: 'removeProject',
+      label: removeProject()
+    });
+  }
+  return entries;
 };
 
 const getMenuEntriesProjectAddButton = () => {
@@ -3564,7 +3580,7 @@ const getMenuEntries = (menuId, props) => {
     case MenuChatList:
       return getMenuEntriesChatList();
     case MenuChatProjectList:
-      return getMenuEntriesChatProjectList(props.projectId);
+      return getMenuEntriesChatProjectList(props.projectId, props.canRemoveProject);
     case MenuProjectAddButton:
       return getMenuEntriesProjectAddButton();
     default:
@@ -3665,6 +3681,15 @@ const handleChatListContextMenu = async (state, eventX, eventY) => {
   };
 };
 
+const focusInput = state => {
+  return {
+    ...state,
+    focus: 'composer',
+    focused: true,
+    listFocusedIndex: -1
+  };
+};
+
 const generateSessionId = () => {
   return crypto.randomUUID();
 };
@@ -3680,7 +3705,7 @@ const createSession = async (state, projectIdOverride = '') => {
     title: `Chat ${state.sessions.length + 1}`
   };
   await saveChatSession(session);
-  return {
+  return focusInput({
     ...state,
     composerAttachments: [],
     composerAttachmentsHeight: 0,
@@ -3689,6 +3714,84 @@ const createSession = async (state, projectIdOverride = '') => {
     selectedProjectId: projectId,
     selectedSessionId: id,
     sessions: [...state.sessions, session]
+  });
+};
+
+const getBlankProjectId = (state, removedProjectId) => {
+  return state.projects.find(project => project.id !== removedProjectId && project.name === '_blank')?.id || '';
+};
+const getNextViewMode = (state, hasSelectedSession) => {
+  if (state.viewMode === 'chat-focus') {
+    return 'chat-focus';
+  }
+  if (!hasSelectedSession) {
+    return 'list';
+  }
+  return state.viewMode === 'detail' ? 'detail' : 'list';
+};
+const ensureExpandedProject = (state, projectExpandedIds, selectedProjectId, visibleSessions) => {
+  if (state.viewMode !== 'chat-focus' || !selectedProjectId || visibleSessions.length === 0 || projectExpandedIds.includes(selectedProjectId)) {
+    return projectExpandedIds;
+  }
+  return [...projectExpandedIds, selectedProjectId];
+};
+const deleteProject = async (state, projectId) => {
+  const project = state.projects.find(candidate => candidate.id === projectId);
+  if (!project || project.name === '_blank') {
+    return state;
+  }
+  const blankProjectId = getBlankProjectId(state, projectId);
+  if (!blankProjectId) {
+    return state;
+  }
+  const projects = state.projects.filter(candidate => candidate.id !== projectId);
+  const sessions = await Promise.all(state.sessions.map(async session => {
+    if (session.projectId !== projectId) {
+      return session;
+    }
+    const updatedSession = {
+      ...session,
+      projectId: blankProjectId
+    };
+    await saveChatSession(updatedSession);
+    return updatedSession;
+  }));
+  const selectedProjectId = !state.selectedProjectId || state.selectedProjectId === projectId || !projects.some(candidate => candidate.id === state.selectedProjectId) ? blankProjectId : state.selectedProjectId;
+  const projectExpandedIds = state.projectExpandedIds.filter(expandedProjectId => expandedProjectId !== projectId && projects.some(candidate => candidate.id === expandedProjectId));
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
+  const nextProjectExpandedIds = ensureExpandedProject(state, projectExpandedIds, selectedProjectId, visibleSessions);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      composerAttachments: [],
+      composerAttachmentsHeight: 0,
+      projectExpandedIds: nextProjectExpandedIds,
+      projects,
+      selectedProjectId,
+      selectedSessionId: '',
+      sessions,
+      viewMode: getNextViewMode(state, false)
+    };
+  }
+  const selectedSessionId = visibleSessions.some(session => session.id === state.selectedSessionId) ? state.selectedSessionId : visibleSessions[0].id;
+  const loadedSession = await getChatSession(selectedSessionId);
+  const composerAttachments = await getComposerAttachments(selectedSessionId);
+  const hydratedSessions = sessions.map(session => {
+    if (session.id !== selectedSessionId || !loadedSession) {
+      return session;
+    }
+    return loadedSession;
+  });
+  return {
+    ...state,
+    composerAttachments,
+    composerAttachmentsHeight: getComposerAttachmentsHeight(composerAttachments, state.width),
+    projectExpandedIds: nextProjectExpandedIds,
+    projects,
+    selectedProjectId,
+    selectedSessionId,
+    sessions: hydratedSessions,
+    viewMode: getNextViewMode(state, true)
   };
 };
 
@@ -3832,8 +3935,7 @@ const executeProvider = async ({
 }) => {
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  const result = invoke$2(method, ...params);
-  return result;
+  return invoke$2(method, ...params);
 };
 
 const CommandExecute = 'ExtensionHostCommand.executeCommand';
@@ -6726,6 +6828,7 @@ const ChatAuthError = 'ChatAuthError';
 const ChatFocus = 'ChatFocus';
 const ChatFocusActions = 'ChatFocusActions';
 const ChatFocusHeader = 'ChatFocusHeader';
+const ChatFocusMainArea = 'ChatFocusMainArea';
 const ChatFocusProject = 'ChatFocusProject';
 const ChatHeader = 'ChatHeader';
 const ChatHeaderLabel = 'ChatHeaderLabel';
@@ -6768,6 +6871,13 @@ const ChatComposerAttachmentPreviewOverlayImage = 'ChatComposerAttachmentPreview
 const ChatComposerAttachmentRemoveButton = 'ChatComposerAttachmentRemoveButton';
 const ChatComposerAttachments = 'ChatComposerAttachments';
 const ChatComposerAttachmentTextFile = 'ChatComposerAttachmentTextFile';
+const ChatAttachment = 'ChatAttachment';
+const ChatAttachmentImage = 'ChatAttachmentImage';
+const ChatAttachmentInvalidImage = 'ChatAttachmentInvalidImage';
+const ChatAttachmentLabel = 'ChatAttachmentLabel';
+const ChatAttachmentPreview = 'ChatAttachmentPreview';
+const ChatAttachments = 'ChatAttachments';
+const ChatAttachmentTextFile = 'ChatAttachmentTextFile';
 const ChatSendArea = 'ChatSendArea';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
@@ -6817,6 +6927,7 @@ const MaskIconAccount = 'MaskIconAccount';
 const MaskIconAdd = 'MaskIconAdd';
 const MaskIconArrowLeft = 'MaskIconArrowLeft';
 const MaskIconChevronDown = 'MaskIconChevronDown';
+const MaskIconChevronRight = 'MaskIconChevronRight';
 const MaskIconChevronUp = 'MaskIconChevronUp';
 const MaskIconClose = 'MaskIconClose';
 const MaskIconDebugPause = 'MaskIconDebugPause';
@@ -8416,15 +8527,6 @@ const getSlashCommandHandler = command => {
   return slashCommandRegistry[command];
 };
 
-const focusInput = state => {
-  return {
-    ...state,
-    focus: 'composer',
-    focused: true,
-    listFocusedIndex: -1
-  };
-};
-
 const withClearedComposer = state => {
   return focusInput({
     ...state,
@@ -9556,6 +9658,8 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       }
     case name === SessionDelete:
       return deleteSession(state, id);
+    case name === ProjectDelete:
+      return deleteProject(state, id);
     case name === Send:
       return handleClickSend(state);
     case name === ScrollDown:
@@ -9871,15 +9975,6 @@ const handleSearchValueChange = (state, newValue) => {
 };
 
 const handleInput = async (state, name, value, inputSource = 'user') => {
-  const {
-    chatInputHistoryDraft,
-    chatInputHistoryIndex,
-    composerAttachments,
-    modelPickerHeaderHeight,
-    models,
-    selectedSessionId,
-    width
-  } = state;
   if (name === OpenApiApiKeyInput) {
     return {
       ...state,
@@ -9896,10 +9991,10 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
     return handleSearchValueChange(state, value);
   }
   if (name === ModelPickerSearch) {
-    const visibleModels = getVisibleModels(models, value);
+    const visibleModels = getVisibleModels(state.models, value);
     return {
       ...state,
-      modelPickerHeight: getModelPickerHeight(modelPickerHeaderHeight, visibleModels.length),
+      modelPickerHeight: getModelPickerHeight(state.modelPickerHeaderHeight, visibleModels.length),
       modelPickerListScrollTop: 0,
       modelPickerSearchValue: value,
       visibleModels
@@ -9908,19 +10003,20 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
   if (name !== Composer) {
     return state;
   }
-  if (selectedSessionId) {
+  if (state.selectedSessionId) {
     await appendChatViewEvent({
-      sessionId: selectedSessionId,
+      sessionId: state.selectedSessionId,
       timestamp: new Date().toISOString(),
       type: 'handle-input',
       value
     });
   }
   const composerHeight = await getComposerHeight(state, value);
-  const composerAttachmentsHeight = getComposerAttachmentsHeight(composerAttachments, width);
+  const composerAttachmentsHeight = getComposerAttachmentsHeight(state.composerAttachments, state.width);
+  const chatInputHistoryDraft = state.chatInputHistoryIndex === -1 ? value : state.chatInputHistoryDraft;
   return {
     ...state,
-    chatInputHistoryDraft: chatInputHistoryIndex === -1 ? value : chatInputHistoryDraft,
+    chatInputHistoryDraft,
     composerAttachmentsHeight,
     composerHeight,
     composerSelectionEnd: value.length,
@@ -9977,6 +10073,18 @@ const handleInputFocus = async (state, name) => {
   };
 };
 
+const getSubmittedRenameState = (state, sessions) => {
+  return {
+    ...state,
+    composerHeight: getMinComposerHeightForState(state),
+    composerSelectionEnd: 0,
+    composerSelectionStart: 0,
+    composerValue: '',
+    inputSource: 'script',
+    renamingSessionId: '',
+    sessions
+  };
+};
 const submitRename = async state => {
   const {
     composerValue,
@@ -9990,29 +10098,24 @@ const submitRename = async state => {
       renamingSessionId: ''
     };
   }
+  const promptedTitle = sanitizeGeneratedTitle(await invoke('Main.prompt', title));
+  if (!promptedTitle) {
+    return getSubmittedRenameState(state, sessions);
+  }
   const updatedSessions = sessions.map(session => {
     if (session.id !== renamingSessionId) {
       return session;
     }
     return {
       ...session,
-      title
+      title: promptedTitle
     };
   });
   const renamedSession = updatedSessions.find(session => session.id === renamingSessionId);
   if (renamedSession) {
     await saveChatSession(renamedSession);
   }
-  return {
-    ...state,
-    composerHeight: getMinComposerHeightForState(state),
-    composerSelectionEnd: 0,
-    composerSelectionStart: 0,
-    composerValue: '',
-    inputSource: 'script',
-    renamingSessionId: '',
-    sessions: updatedSessions
-  };
+  return getSubmittedRenameState(state, updatedSessions);
 };
 
 const handleKeyDown = async (state, key, shiftKey) => {
@@ -10142,7 +10245,7 @@ const handleProjectAddButtonContextMenu = async (state, button, x, y) => {
   return state;
 };
 
-const getProjectIdAtIndex = (state, index) => {
+const getProjectAtIndex = (state, index) => {
   const {
     projectExpandedIds,
     projects,
@@ -10152,7 +10255,7 @@ const getProjectIdAtIndex = (state, index) => {
   let currentIndex = 0;
   for (const project of projects) {
     if (currentIndex === index) {
-      return project.id;
+      return project;
     }
     currentIndex++;
     if (projectExpandedIds.includes(project.id)) {
@@ -10162,13 +10265,13 @@ const getProjectIdAtIndex = (state, index) => {
           continue;
         }
         if (currentIndex === index) {
-          return project.id;
+          return project;
         }
         currentIndex++;
       }
     }
   }
-  return '';
+  return undefined;
 };
 const handleProjectListContextMenu = async (state, button, x, y) => {
   const {
@@ -10181,13 +10284,14 @@ const handleProjectListContextMenu = async (state, button, x, y) => {
   if (index < 0) {
     return state;
   }
-  const projectId = getProjectIdAtIndex(state, index);
-  if (!projectId) {
+  const project = getProjectAtIndex(state, index);
+  if (!project) {
     return state;
   }
   await showContextMenu2(uid, MenuChatProjectList, x, y, {
+    canRemoveProject: project.name !== '_blank',
     menuId: MenuChatProjectList,
-    projectId
+    projectId: project.id
   });
   return state;
 };
@@ -11006,6 +11110,29 @@ const mockOpenApiStreamReset = state => {
   return state;
 };
 
+const openMockProject = async (state, projectId, projectName, projectUri) => {
+  if (!projectId || !projectName) {
+    return state;
+  }
+  const project = {
+    id: projectId,
+    name: projectName,
+    uri: projectUri
+  };
+  const projects = state.projects.some(candidate => candidate.id === projectId) ? state.projects.map(candidate => {
+    if (candidate.id !== projectId) {
+      return candidate;
+    }
+    return project;
+  }) : [...state.projects, project];
+  return {
+    ...state,
+    projectExpandedIds: state.projectExpandedIds.includes(projectId) ? state.projectExpandedIds : [...state.projectExpandedIds, projectId],
+    projects,
+    selectedProjectId: projectId
+  };
+};
+
 const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   const {
     sessions: currentSessions
@@ -11158,6 +11285,56 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   border-color: var(--vscode-charts-green, var(--vscode-widget-border, var(--vscode-panel-border)));
 }
 
+.ChatAttachments{
+  display: flex;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-top: 8px;
+}
+
+.ChatAttachment{
+  align-items: center;
+  display: inline-flex;
+  gap: 6px;
+  max-width: 100%;
+  min-width: 0;
+  overflow: hidden;
+  border-radius: 999px;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
+  padding: 4px 10px;
+  background: var(--vscode-badge-background, color-mix(in srgb, var(--vscode-editor-background) 88%, white));
+  color: var(--vscode-badge-foreground, var(--vscode-foreground));
+  font-size: 12px;
+}
+
+.ChatAttachmentLabel{
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.ChatAttachmentPreview{
+  width: 20px;
+  height: 20px;
+  flex: none;
+  border-radius: 4px;
+  object-fit: cover;
+}
+
+.ChatAttachmentImage{
+  border-color: var(--vscode-charts-blue);
+}
+
+.ChatAttachmentInvalidImage{
+  border-color: var(--vscode-inputValidation-errorBorder, var(--vscode-errorForeground));
+  color: var(--vscode-errorForeground, var(--vscode-foreground));
+}
+
+.ChatAttachmentTextFile{
+  border-color: var(--vscode-charts-green, var(--vscode-widget-border, var(--vscode-panel-border)));
+}
+
 .Chat{
   position: relative;
 }
@@ -11232,6 +11409,13 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   color: var(--vscode-textLink-foreground);
 }
 
+.ProjectListChevron{
+  display: inline-block;
+  flex: none;
+  height: 16px;
+  width: 16px;
+}
+
 .ChatOrderedListItem{
   align-items: flex-start;
   display: flex;
@@ -11286,6 +11470,10 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   justify-content: flex-start;
 }
 
+.ChatMessages > .MessageUser .ChatAttachments{
+  justify-content: flex-end;
+}
+
 .ChatFocus .ChatMessages > .Message{
   inline-size: fit-content;
   max-inline-size: min(100%, var(--ChatFocusContentMaxWidth));
@@ -11295,6 +11483,24 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   max-inline-size: 100%;
 }
 
+
+.Viewlet.Chat.ChatFocus{
+  display: flex !important;
+  min-width: 0;
+}
+
+.ChatFocusMainArea{
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.ChatFocusMainArea > .ChatMessages{
+  flex: 1;
+  min-height: 0;
+}
+
 `;
   return `${baseCss}
 
@@ -11869,6 +12075,10 @@ const getChatHeaderDomFocusMode = (selectedSessionTitle, selectedProjectName) =>
   }, ...items.flatMap(([label, name]) => getFocusHeaderActionButtonDom(label, name))];
 };
 
+const getAgentModeOptionsVirtualDom = selectedAgentMode => {
+  return agentModes.flatMap(agentMode => getCustomSelectOptionVirtualDom(getAgentModePickerItemInputName(agentMode), getAgentModeLabel(agentMode), agentMode === selectedAgentMode));
+};
+
 const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, containerClassName = '', popOverClassName = '') => {
   return [{
     childCount: 1,
@@ -11889,9 +12099,6 @@ const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, cont
 };
 
 const agentModePickerHeight = agentModes.length * 28;
-const getAgentModeOptionsVirtualDom = selectedAgentMode => {
-  return agentModes.flatMap(agentMode => getCustomSelectOptionVirtualDom(getAgentModePickerItemInputName(agentMode), getAgentModeLabel(agentMode), agentMode === selectedAgentMode));
-};
 const getAgentModePickerPopOverVirtualDom = selectedAgentMode => {
   return getCustomSelectPopOverVirtualDom(agentModes.length, agentModePickerHeight, getAgentModeOptionsVirtualDom(selectedAgentMode));
 };
@@ -12177,12 +12384,17 @@ const getTokenDom = token => {
 
 const getCodeBlockDom = node => {
   const tokenDom = node.codeTokens.flatMap(getTokenDom);
+  const languageAttribute = node.language ? {
+    'data-lang': node.language
+  } : {};
   return [{
     childCount: 1,
-    type: Pre
+    type: Pre,
+    ...languageAttribute
   }, {
     childCount: node.codeTokens.length,
-    type: Code
+    type: Code,
+    ...languageAttribute
   }, ...tokenDom];
 };
 
@@ -12675,11 +12887,22 @@ const getReadFileTarget = rawArguments => {
   };
 };
 
-const getToolCallFileNameDom = (fileName, fileNameClickableProps = {}) => {
+const getToolCallFileNameDom = (fileName, {
+  clickableProps = {},
+  title
+} = {}) => {
   return [{
+    childCount: 1,
+    className: ChatToolCallReadFileLink,
+    ...(title === undefined ? {} : {
+      title
+    }),
+    ...clickableProps,
+    type: Span
+  }, {
     childCount: 1,
     className: ChatToolCallFileName,
-    ...fileNameClickableProps,
+    ...clickableProps,
     type: Span
   }, text(fileName)];
 };
@@ -12708,75 +12931,9 @@ const getToolCallCreateDirectoryVirtualDom = toolCall => {
     childCount: 1,
     className: ToolCallName,
     type: Span
-  }, text('create_directory '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(directoryName, fileNameClickableProps), ...(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: HandleClickFileName
-  } : {};
-  return [{
-    childCount: 3,
-    className: ChatOrderedListItem,
-    title: target.title,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text('edit_file '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    title: target.clickableUri,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps)];
-};
-
-const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
-  if (!toolCall.result) {
-    return [];
-  }
-  const statusLabel = getToolCallStatusLabel(toolCall);
-  const fileName = getFileNameFromUri(toolCall.result);
-  const fileNameClickableProps = {
-    'data-uri': toolCall.result,
-    onClick: HandleClickFileName
-  };
-  return [{
-    childCount: statusLabel ? 4 : 3,
-    className: ChatOrderedListItem,
-    title: toolCall.result,
-    type: Li
-  }, {
-    childCount: 0,
-    className: FileIcon,
-    type: Div
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text('get_workspace_uri '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps), ...(statusLabel ? [text(statusLabel)] : [])];
+  }, text('create_directory '), ...getToolCallFileNameDom(directoryName, {
+    clickableProps: fileNameClickableProps
+  }), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
 const getToolCallArgumentPreview = rawArguments => {
@@ -12853,6 +13010,85 @@ const getToolCallLabel = toolCall => {
   return `${displayName} ${argumentPreview}${statusLabel}`;
 };
 
+const RE_TOOL_NAME_PREFIX = /^([^ :]+)/;
+const getToolCallDefaultDom = toolCall => {
+  const label = getToolCallLabel(toolCall);
+  const match = RE_TOOL_NAME_PREFIX.exec(label);
+  const toolNamePrefix = match ? match[1] : label;
+  const suffix = label.slice(toolNamePrefix.length);
+  const hasSuffix = suffix.length > 0;
+  const hoverTitle = hasSuffix && toolCall.arguments.trim() ? toolCall.arguments : undefined;
+  return [{
+    childCount: hasSuffix ? 2 : 1,
+    className: ChatOrderedListItem,
+    ...(hoverTitle ? {
+      title: hoverTitle
+    } : {}),
+    type: Li
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text(toolNamePrefix), ...(hasSuffix ? [text(suffix)] : [])];
+};
+
+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: HandleClickFileName
+  } : {};
+  return [{
+    childCount: 3,
+    className: ChatOrderedListItem,
+    title: target.title,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text('edit_file '), ...getToolCallFileNameDom(fileName, {
+    clickableProps: fileNameClickableProps,
+    title: target.clickableUri
+  })];
+};
+
+const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
+  if (!toolCall.result) {
+    return [];
+  }
+  const statusLabel = getToolCallStatusLabel(toolCall);
+  const fileName = getFileNameFromUri(toolCall.result);
+  const fileNameClickableProps = {
+    'data-uri': toolCall.result,
+    onClick: HandleClickFileName
+  };
+  return [{
+    childCount: statusLabel ? 4 : 3,
+    className: ChatOrderedListItem,
+    title: toolCall.result,
+    type: Li
+  }, {
+    childCount: 0,
+    className: FileIcon,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ToolCallName,
+    type: Span
+  }, text('get_workspace_uri '), ...getToolCallFileNameDom(fileName, {
+    clickableProps: fileNameClickableProps
+  }), ...(statusLabel ? [text(statusLabel)] : [])];
+};
+
 const getToolCallReadFileVirtualDom = toolCall => {
   const target = getReadFileTarget(toolCall.arguments);
   if (!target) {
@@ -12878,12 +13114,9 @@ const getToolCallReadFileVirtualDom = toolCall => {
     childCount: 1,
     className: ToolCallName,
     type: Span
-  }, text(toolNameLabel), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps), ...(statusLabel ? [text(statusLabel)] : [])];
+  }, text(toolNameLabel), ...getToolCallFileNameDom(fileName, {
+    clickableProps: fileNameClickableProps
+  }), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
 const maxHtmlLength = 40_000;
@@ -13260,12 +13493,9 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     childCount: 1,
     className: ToolCallName,
     type: Span
-  }, text('write_file '), {
-    childCount: 1,
-    className: ChatToolCallReadFileLink,
-    ...fileNameClickableProps,
-    type: Span
-  }, ...getToolCallFileNameDom(fileName, fileNameClickableProps), ...(showDiffStats ? [{
+  }, text('write_file '), ...getToolCallFileNameDom(fileName, {
+    clickableProps: fileNameClickableProps
+  }), ...(showDiffStats ? [{
     childCount: 1,
     className: Insertion,
     type: Span
@@ -13276,7 +13506,6 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }, text(` -${linesDeleted}`)] : []), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
-const RE_TOOL_NAME_PREFIX = /^([^ :]+)/;
 const getToolCallDom = toolCall => {
   if (toolCall.name === 'getWorkspaceUri') {
     const virtualDom = getToolCallGetWorkspaceUriVirtualDom(toolCall);
@@ -13320,24 +13549,7 @@ const getToolCallDom = toolCall => {
       return virtualDom;
     }
   }
-  const label = getToolCallLabel(toolCall);
-  const match = RE_TOOL_NAME_PREFIX.exec(label);
-  const toolNamePrefix = match ? match[1] : label;
-  const suffix = label.slice(toolNamePrefix.length);
-  const hasSuffix = suffix.length > 0;
-  const hoverTitle = hasSuffix && toolCall.arguments.trim() ? toolCall.arguments : undefined;
-  return [{
-    childCount: hasSuffix ? 2 : 1,
-    className: ChatOrderedListItem,
-    ...(hoverTitle ? {
-      title: hoverTitle
-    } : {}),
-    type: Li
-  }, {
-    childCount: 1,
-    className: ToolCallName,
-    type: Span
-  }, text(toolNamePrefix), ...(hasSuffix ? [text(suffix)] : [])];
+  return getToolCallDefaultDom(toolCall);
 };
 
 const withOrderedListMarker = (virtualDom, index) => {
@@ -13395,6 +13607,70 @@ const getTopLevelNodeCount = nodes => {
   return topLevelCount;
 };
 
+const getChatAttachmentLabel = displayType => {
+  switch (displayType) {
+    case 'file':
+      return 'File';
+    case 'image':
+      return 'Image';
+    case 'invalid-image':
+      return 'Invalid image';
+    case 'text-file':
+      return 'Text file';
+    default:
+      return displayType;
+  }
+};
+const getChatAttachmentClassName = displayType => {
+  switch (displayType) {
+    case 'file':
+      return ChatAttachment;
+    case 'image':
+      return ChatAttachmentImage;
+    case 'invalid-image':
+      return ChatAttachmentInvalidImage;
+    case 'text-file':
+      return ChatAttachmentTextFile;
+    default:
+      return ChatAttachment;
+  }
+};
+const getChatAttachmentPreviewDom = attachment => {
+  if (!attachment.previewSrc) {
+    return [];
+  }
+  return [{
+    alt: `Attachment preview for ${attachment.name}`,
+    childCount: 0,
+    className: ChatAttachmentPreview,
+    src: attachment.previewSrc,
+    type: Img
+  }];
+};
+const getChatAttachmentsDom = attachments => {
+  if (attachments.length === 0) {
+    return [];
+  }
+  return [{
+    childCount: attachments.length,
+    className: ChatAttachments,
+    type: Div
+  }, ...attachments.flatMap(attachment => {
+    const previewDom = getChatAttachmentPreviewDom(attachment);
+    return [{
+      childCount: 1 + previewDom.length,
+      className: mergeClassNames(ChatAttachment, getChatAttachmentClassName(attachment.displayType)),
+      type: Div
+    }, ...previewDom, {
+      childCount: 1,
+      className: ChatAttachmentLabel,
+      type: Span
+    }, {
+      text: `${getChatAttachmentLabel(attachment.displayType)} · ${attachment.name}`,
+      type: Text
+    }];
+  })];
+};
 const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput, _openApiApiKeyInput = '', openApiApiKeyState = 'idle', openApiApiKeysSettingsUrl = 'https://platform.openai.com/api-keys', openApiApiKeyInputPattern = '^sk-.+', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
@@ -13402,10 +13678,12 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
   const isOpenRouterRequestFailedMessage = message.role === 'assistant' && message.text === openRouterRequestFailedMessage;
   const isOpenRouterTooManyRequestsMessage = message.role === 'assistant' && message.text.startsWith(openRouterTooManyRequestsMessage);
   const messageDom = getMessageContentDom(parsedMessageContent, useChatMathWorker);
+  const attachmentsDom = message.role === 'user' ? getChatAttachmentsDom(message.attachments ?? []) : [];
   const toolCallsDom = getToolCallsDom(message);
   const toolCallsChildCount = toolCallsDom.length > 0 ? 1 : 0;
   const messageDomChildCount = getTopLevelNodeCount(messageDom);
-  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount : messageDomChildCount + toolCallsChildCount;
+  const attachmentsChildCount = attachmentsDom.length > 0 ? 1 : 0;
+  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount + attachmentsChildCount : messageDomChildCount + toolCallsChildCount + attachmentsChildCount;
   return [{
     childCount: 1,
     className: mergeClassNames(Message, roleClassName),
@@ -13414,7 +13692,7 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...toolCallsDom, ...messageDom, ...attachmentsDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const parentNode$1 = {
@@ -13470,7 +13748,18 @@ const getDisplayMessages = (messages, parsedMessages) => {
 };
 const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput = '', openApiApiKeyState = 'idle', openApiApiKeysSettingsUrl = 'https://platform.openai.com/api-keys', openApiApiKeyInputPattern = '^sk-.+', openRouterApiKeyState = 'idle', messagesScrollTop = 0, useChatMathWorker = false, hideWelcomeMessage = false) => {
   if (messages.length === 0) {
-    return hideWelcomeMessage ? [] : getEmptyMessagesDom();
+    if (!hideWelcomeMessage) {
+      return getEmptyMessagesDom();
+    }
+    return [{
+      childCount: 0,
+      className: 'ChatMessages',
+      onContextMenu: HandleMessagesContextMenu,
+      onScroll: HandleMessagesScroll,
+      role: 'log',
+      scrollTop: messagesScrollTop,
+      type: Div
+    }];
   }
   const displayMessages = getDisplayMessages(messages, parsedMessages);
   return [{
@@ -13537,10 +13826,10 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     tabIndex: 0,
     type: Div
   }, {
-    childCount: 1,
-    className: ProjectListChevron,
-    type: Span
-  }, text(expanded ? '▾' : '▸'), {
+    childCount: 0,
+    className: mergeClassNames(ProjectListChevron, MaskIcon, expanded ? MaskIconChevronDown : MaskIconChevronRight),
+    type: Div
+  }, {
     childCount: 0,
     className: 'MaskIcon MaskIconFolder',
     type: Div
@@ -13655,14 +13944,18 @@ const getChatModeChatFocusVirtualDom = ({
   const isNewModelPickerVisible = modelPickerOpen;
   const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
   const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
-  const chatRootChildCount = 4 + (hasVisibleOverlays ? 1 : 0);
+  const chatRootChildCount = 2 + (hasVisibleOverlays ? 1 : 0);
   return [{
     childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat, ChatFocus),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), {
+    childCount: 3,
+    className: ChatFocusMainArea,
+    type: Div
+  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, hasSpaceForAgentModePicker, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, voiceDictationEnabled, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
     composerAttachmentPreviewOverlayAttachmentId,
@@ -13715,22 +14008,31 @@ const getHeaderActionVirtualDom = item => {
   }];
 };
 
-const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
-  const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+const getAuthAction = (authEnabled, authStatus) => {
   const isSigningIn = authStatus === 'signing-in';
-  const authAction = authEnabled && authStatus !== 'signed-in' ? {
-    disabled: isSigningIn,
-    icon: mergeClassNames(MaskIcon, MaskIconAccount),
-    name: Login,
-    onClick: HandleClick,
-    title: isSigningIn ? loggingInToBackend() : loginToBackend()
-  } : authEnabled ? {
+  if (!authEnabled) {
+    return undefined;
+  }
+  if (authStatus !== 'signed-in') {
+    return {
+      disabled: isSigningIn,
+      icon: mergeClassNames(MaskIcon, MaskIconAccount),
+      name: Login,
+      onClick: HandleClick,
+      title: isSigningIn ? loggingInToBackend() : loginToBackend()
+    };
+  }
+  return {
     disabled: false,
     icon: mergeClassNames(MaskIcon, MaskIconSignOut),
     name: Logout,
     onClick: HandleClick,
     title: logoutFromBackend()
-  } : undefined;
+  };
+};
+const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
+  const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+  const authAction = getAuthAction(authEnabled, authStatus);
   const items = [{
     icon: mergeClassNames(MaskIcon, MaskIconLayoutPanelLeft),
     name: ToggleChatFocus,
@@ -15192,6 +15494,7 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openAgentModePicker': wrapCommand(openAgentModePicker),
+  'Chat.openMockProject': wrapCommand(openMockProject),
   'Chat.openMockSession': wrapCommand(openMockSession),
   'Chat.openModelPicker': wrapCommand(openModelPicker),
   'Chat.openReasoningEffortPicker': wrapCommand(openReasoningEffortPicker),

package/package.json

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