@lvce-editor/chat-view 6.18.0 → 6.21.0

package/dist/chatViewWorkerMain.js

@@ -1252,6 +1252,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(y);
   await invoke$2('ContextMenu.show2', uid, menuId, x, y, args);
 };
+const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
+  const command = 'ClipBoard.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
+};
 const sendMessagePortToOpenerWorker$1 = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToOpenerWorker', port, command, rpcId);
@@ -1457,6 +1461,19 @@ const clearInput = async state => {
   };
 };
 
+let text$1 = '';
+const writeText = async value => {
+  text$1 = value;
+};
+const readText = async () => {
+  return text$1;
+};
+
+const copyInput = async state => {
+  await writeText(state.composerValue);
+  return state;
+};
+
 const emptyObject = {};
 const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 const i18nString = (key, placeholders = emptyObject) => {
@@ -1473,7 +1490,7 @@ const chatTitle = () => {
   return i18nString('Chat');
 };
 const chats = () => {
-  return i18nString('Chats');
+  return i18nString('Chat');
 };
 const newChat = () => {
   return i18nString('New Chat');
@@ -1551,7 +1568,7 @@ const getOpenApiApiKey = () => {
   return i18nString('Get API Key');
 };
 const deleteChatSession$1 = () => {
-  return i18nString('Delete chat session');
+  return i18nString('Archive');
 };
 const defaultSessionTitle = () => {
   return i18nString('Chat 1');
@@ -1794,6 +1811,11 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
   set$1(uid, state, state);
 };
 
+const cutInput = async state => {
+  await writeText(state.composerValue);
+  return clearInput(state);
+};
+
 const invoke$1 = async (method, ...params) => {
   {
     throw new Error('ChatStorageWorker is not initialized');
@@ -2971,6 +2993,7 @@ const OpenContainingFolder = 'Open Containing Folder';
 const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const Rename = 'Rename';
+const Archive = 'Archive';
 
 const openContainingFolder = () => {
   return i18nString(OpenContainingFolder);
@@ -2996,10 +3019,32 @@ const copyRelativePath = () => {
 const rename = () => {
   return i18nString(Rename);
 };
+const archive = () => {
+  return i18nString(Archive);
+};
 const deleteItem = () => {
   return i18nString(Delete);
 };
 
+const getMenuEntriesChatList = () => {
+  return [{
+    command: 'Chat.handleClickRename',
+    flags: None,
+    id: 'rename',
+    label: rename()
+  }, {
+    command: 'Chat.handleClickArchive',
+    flags: None,
+    id: 'archive',
+    label: archive()
+  }];
+};
+
+const MenuChatList = 2178;
+const getMenuEntryIds = () => {
+  return [Chat$1, MenuChatList];
+};
+
 const menuEntrySeparator = {
   command: '',
   flags: Separator,
@@ -3070,12 +3115,13 @@ const menuEntryDelete = {
 const getMenuEntriesFile = () => {
   return [menuEntryCopyAsE2eTest, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
 };
-const getMenuEntries = () => {
-  return getMenuEntriesFile();
-};
-
-const getMenuEntryIds = () => {
-  return [Chat$1];
+const getMenuEntries = menuId => {
+  switch (menuId) {
+    case MenuChatList:
+      return getMenuEntriesChatList();
+    default:
+      return getMenuEntriesFile();
+  }
 };
 
 const getQuickPickMenuEntries = () => {
@@ -3086,6 +3132,14 @@ const getSelectedSessionId = state => {
   return state.selectedSessionId;
 };
 
+const handleChatHeaderContextMenu = async state => {
+  return state;
+};
+
+const handleChatInputContextMenu = async state => {
+  return state;
+};
+
 const getListIndex = (state, eventX, eventY) => {
   const {
     headerHeight,
@@ -3103,18 +3157,29 @@ const getListIndex = (state, eventX, eventY) => {
   return Math.floor(relativeY / listItemHeight);
 };
 
-const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
 const handleChatListContextMenu = async (state, eventX, eventY) => {
+  const {
+    selectedProjectId,
+    sessions,
+    uid
+  } = state;
   const index = getListIndex(state, eventX, eventY);
   if (index === -1) {
     return state;
   }
-  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
   const item = visibleSessions[index];
   if (!item) {
     return state;
   }
-  await invoke$2('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
+  await showContextMenu2(uid, -1, eventX, eventY, {
+    menuId: -1,
+    sessionId: item.id
+  });
+  return state;
+};
+
+const handleChatWelcomeContextMenu = async state => {
   return state;
 };
 
@@ -8029,6 +8094,10 @@ const handleClickSettings = async () => {
   await invoke$2('Main.openUri', 'app://settings.json');
 };
 
+const handleContextMenuChatSendAreaBottom = async state => {
+  return state;
+};
+
 const handleDragEnter = async (state, name, hasFiles = true) => {
   if (name !== ComposerDropTarget) {
     return state;
@@ -8990,6 +9059,11 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
+const pasteInput = async state => {
+  const text = await readText();
+  return handleInput(state, Composer, text, 'script');
+};
+
 const registerMockResponse = (state, mockResponse) => {
   reset$2();
   pushChunk(mockResponse.text);
@@ -8997,6 +9071,7 @@ const registerMockResponse = (state, mockResponse) => {
   return state;
 };
 
+/* eslint-disable @cspell/spellchecker */
 const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss) => {
   const buttonsHeight = 20;
   const gap = 10;
@@ -9023,6 +9098,50 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
 .ChatSendAreaBottom{
   height: ${buttonsHeight}px;
 }
+
+.ChatSendArea:focus-within{
+  border-color: darkcyan;
+}
+
+.ChatListItem{
+  display:flex;
+  align-items:center;
+}
+
+.ChatMessageContent p + p{
+  margin-top: 0.75em;
+}
+
+.ChatListItemStatusRow{
+  width: 16px;
+  min-width: 16px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.ChatListItemStatusIcon{
+  font-size: 10px;
+}
+
+.ChatListItemStatusStopped{
+  color: var(--vscode-disabledForeground);
+}
+
+.ChatListItemStatusInProgress{
+  color: var(--vscode-charts-blue);
+}
+
+.ChatListItemStatusFinished{
+  color: var(--vscode-testing-iconPassed);
+.ChatListItem .SessionArchiveButton{
+  opacity: 0;
+}
+
+.ChatListItem:hover .SessionArchiveButton,
+.ChatListItem:focus-within .SessionArchiveButton{
+  opacity: 1;
+}
 `;
   return `${baseCss}
 
@@ -9122,7 +9241,13 @@ const LabelDetail = 'LabelDetail';
 const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
+const ChatListItemStatusRow = 'ChatListItemStatusRow';
+const ChatListItemStatusIcon = 'ChatListItemStatusIcon';
+const ChatListItemStatusStopped = 'ChatListItemStatusStopped';
+const ChatListItemStatusInProgress = 'ChatListItemStatusInProgress';
+const ChatListItemStatusFinished = 'ChatListItemStatusFinished';
 const ChatListItemLabel = 'ChatListItemLabel';
+const SessionArchiveButton = 'SessionArchiveButton';
 const ProjectAddButton = 'ProjectAddButton';
 const ProjectList = 'ProjectList';
 const ProjectListChevron = 'ProjectListChevron';
@@ -9210,6 +9335,10 @@ const HandleClickDictationButton = 34;
 const HandleMissingApiKeySubmit = 35;
 const HandleRunModeChange = 36;
 const HandleSearchInput = 37;
+const HandleChatWelcomeContextMenu = 39;
+const HandleChatHeaderContextMenu = 40;
+const HandleChatInputContextMenu = 41;
+const HandleContextMenuChatSendAreaBottom = 42;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9449,6 +9578,7 @@ const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchVal
     childCount: 0,
     className: MultilineInputBox,
     name: Composer,
+    onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
@@ -9457,6 +9587,7 @@ const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchVal
   }, {
     childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
+    onContextMenu: HandleContextMenuChatSendAreaBottom,
     type: Div
   }, ...(newChatModelPickerEnabled ? getChatModelPickerVirtualDom(models, selectedModelId, modelPickerOpen, modelPickerSearchValue) : getChatSelectVirtualDom(models, selectedModelId)), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
@@ -10742,6 +10873,7 @@ const getEmptyMessagesDom = () => {
   return [{
     childCount: 1,
     className: ChatWelcomeMessage,
+    onContextMenu: HandleChatWelcomeContextMenu,
     type: Div
   }, text(startConversation())];
 };
@@ -11030,6 +11162,7 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
   return [{
     childCount: items.length,
     className: ChatActions,
+    role: 'toolbar',
     type: Div
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
@@ -11039,6 +11172,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   return [{
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 2,
@@ -11120,6 +11254,7 @@ const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out'
   return [{
     childCount: headerChildCount,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 1,
@@ -11157,18 +11292,37 @@ const getEmptyChatSessionsDom = () => {
   }, text(clickToOpenNewChat())];
 };
 
+const getSessionStatusClassName = session => {
+  const hasInProgressAssistantMessage = session.messages.some(message => message.role === 'assistant' && message.inProgress);
+  if (hasInProgressAssistantMessage) {
+    return ChatListItemStatusInProgress;
+  }
+  const hasAssistantMessage = session.messages.some(message => message.role === 'assistant');
+  if (hasAssistantMessage) {
+    return ChatListItemStatusFinished;
+  }
+  return ChatListItemStatusStopped;
+};
 const getSessionDom = session => {
   const sessionClassName = ChatListItem;
+  const sessionStatusClassName = getSessionStatusClassName(session);
   return [{
-    childCount: 2,
+    childCount: 3,
     className: sessionClassName,
     type: Li
+  }, {
+    childCount: 1,
+    className: ChatListItemStatusRow,
+    type: Div
+  }, {
+    childCount: 0,
+    className: `${ChatListItemStatusIcon} codicon codicon-circle-filled ${sessionStatusClassName}`,
+    type: Div
   }, {
     childCount: 1,
     className: ChatListItemLabel,
     name: getSessionInputName(session.id),
     onContextMenu: HandleListContextMenu,
-    tabIndex: 0,
     type: Div
   }, text(session.title), {
     childCount: 1,
@@ -11176,14 +11330,18 @@ const getSessionDom = session => {
     type: Div
   }, {
     childCount: 1,
-    className: IconButton,
+    className: mergeClassNames(IconButton, SessionArchiveButton),
     'data-id': session.id,
     name: SessionDelete,
     onClick: HandleClickDelete,
     tabIndex: 0,
     title: deleteChatSession$1(),
     type: Button$1
-  }, text('🗑')];
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconTrash',
+    type: Div
+  }];
 };
 
 const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
@@ -11811,9 +11969,24 @@ const renderEventListeners = () => {
     name: HandleMessagesContextMenu,
     params: ['handleMessagesContextMenu'],
     preventDefault: true
+  }, {
+    name: HandleChatWelcomeContextMenu,
+    params: ['handleChatWelcomeContextMenu']
+  }, {
+    name: HandleChatHeaderContextMenu,
+    params: ['handleChatHeaderContextMenu'],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleInputFocus', TargetName]
+  }, {
+    name: HandleChatInputContextMenu,
+    params: ['handleChatInputContextMenu'],
+    preventDefault: true
+  }, {
+    name: HandleContextMenuChatSendAreaBottom,
+    params: ['handleContextMenuChatSendAreaBottom'],
+    preventDefault: true
   }, {
     name: HandleKeyDown,
     params: ['handleKeyDown', Key, ShiftKey]
@@ -12061,7 +12234,9 @@ const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) =>
 
 const commandMap = {
   'Chat.clearInput': wrapCommand(clearInput),
+  'Chat.copyInput': wrapCommand(copyInput),
   'Chat.create': create,
+  'Chat.cutInput': wrapCommand(cutInput),
   'Chat.deleteSessionAtIndex': wrapCommand(deleteSessionAtIndex),
   'Chat.diff2': diff2,
   'Chat.enterNewLine': wrapCommand(handleNewline),
@@ -12072,8 +12247,11 @@ const commandMap = {
   'Chat.getMenuEntryIds': getMenuEntryIds,
   'Chat.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Chat.getSelectedSessionId': wrapGetter(getSelectedSessionId),
-  'Chat.handleChatListContextMenu': handleChatListContextMenu,
+  'Chat.handleChatHeaderContextMenu': wrapCommand(handleChatHeaderContextMenu),
+  'Chat.handleChatInputContextMenu': wrapCommand(handleChatInputContextMenu),
+  'Chat.handleChatListContextMenu': wrapCommand(handleChatListContextMenu),
   'Chat.handleChatListScroll': wrapCommand(handleChatListScroll),
+  'Chat.handleChatWelcomeContextMenu': wrapCommand(handleChatWelcomeContextMenu),
   'Chat.handleClick': wrapCommand(handleClick),
   'Chat.handleClickBack': wrapCommand(handleClickBack),
   'Chat.handleClickClose': handleClickClose,
@@ -12085,6 +12263,7 @@ const commandMap = {
   'Chat.handleClickReadFile': handleClickFileName,
   'Chat.handleClickSessionDebug': wrapCommand(handleClickSessionDebug),
   'Chat.handleClickSettings': handleClickSettings,
+  'Chat.handleContextMenuChatSendAreaBottom': wrapCommand(handleContextMenuChatSendAreaBottom),
   'Chat.handleDragEnter': wrapCommand(handleDragEnter),
   'Chat.handleDragLeave': wrapCommand(handleDragLeave),
   'Chat.handleDragOver': wrapCommand(handleDragOver),
@@ -12113,6 +12292,7 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openMockSession': wrapCommand(openMockSession),
+  'Chat.pasteInput': wrapCommand(pasteInput),
   'Chat.registerMockResponse': wrapCommand(registerMockResponse),
   'Chat.render2': render2,
   'Chat.renderEventListeners': renderEventListeners,
@@ -12197,6 +12377,17 @@ const initializeChatToolWorker = async () => {
   set$5(rpc);
 };
 
+const sendMessagePortToClipBoardWorker = async port => {
+  await sendMessagePortToClipBoardWorker$1(port, 0);
+};
+const initializeClipBoardWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToClipBoardWorker
+  });
+  set$3(rpc);
+};
+
 const sendMessagePortToOpenerWorker = async port => {
   await sendMessagePortToOpenerWorker$1(port, 0);
 };
@@ -12214,7 +12405,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker(), initializeChatToolWorker(), initializeOpenerWorker(), initializeChatStorageWorker()]);
+  await Promise.all([initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeOpenerWorker()]);
 };
 
 const main = async () => {

package/package.json

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