@lvce-editor/chat-view 6.24.0 → 6.25.0

package/dist/chatViewWorkerMain.js

@@ -9268,6 +9268,14 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
+const openModelPicker = state => {
+  return {
+    ...state,
+    modelPickerOpen: !state.modelPickerOpen,
+    modelPickerSearchValue: state.modelPickerOpen ? '' : state.modelPickerSearchValue
+  };
+};
+
 const pasteInput = async state => {
   const text = await readText();
   return handleInput(state, Composer, text, 'script');
@@ -9308,6 +9316,23 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   height: ${buttonsHeight}px;
 }
 
+.ChatInputBox{
+  width: 100%;
+  margin: 0;
+  border: none;
+  outline: none;
+  flex: 1;
+  background: var(--InputBoxBackground);
+  padding: 4px 6px;
+  color: var(--InputBoxForeground);
+  font-size: 13px;
+  height: 24px;
+  contain: strict;
+  resize: none;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
 .ChatSendArea:focus-within{
   border-color: darkcyan;
 }
@@ -9319,7 +9344,7 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
 }
 
 .ChatModelPicker{
-  border: 1px solid white;
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
 }
 
 .ChatListItem{
@@ -9391,8 +9416,9 @@ a.Button{
 }
 
 .ChatModelPickerList{
+  margin:0;
   scrollbar-width: thin;
-  scrollbar-color: var(--vscode-scrollbarSlider-background) transparent;
+  scrollbar-color: var(--vscode-scrollbarSlider-hoverBackground) var(--vscode-editorWidget-background, var(--vscode-editor-background));
 }
 
 .ChatModelPickerList::-webkit-scrollbar{
@@ -9400,11 +9426,11 @@ a.Button{
 }
 
 .ChatModelPickerList::-webkit-scrollbar-track{
-  background: transparent;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
 }
 
 .ChatModelPickerList::-webkit-scrollbar-thumb{
-  background: var(--vscode-scrollbarSlider-background);
+  background: var(--vscode-scrollbarSlider-hoverBackground);
   border: 2px solid transparent;
   border-radius: 999px;
   background-clip: content-box;
@@ -9430,6 +9456,22 @@ a.Button{
   text-overflow: ellipsis;
 }
 
+.ChatModelPickerContainer{
+  position: absolute;
+  inset:0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
+}
+
+.ChatModelPicker {
+  position: static;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  margin-top: auto;
+  margin-bottom: 90px;
+  pointer-events: auto;
+}
+
 `;
   return `${baseCss}
 
@@ -9599,7 +9641,8 @@ const ChatUnorderedList = 'ChatUnorderedList';
 const ChatUnorderedListItem = 'ChatUnorderedListItem';
 const MessageUser = 'MessageUser';
 const MessageAssistant = 'MessageAssistant';
-const MultilineInputBox = 'MultilineInputBox';
+const ChatInputBox = 'ChatInputBox';
+const MultiLineInputBox = 'MultilineInputBox';
 const Option = 'Option';
 const TokenUsageOverview = 'TokenUsageOverview';
 const TokenUsageRing = 'TokenUsageRing';
@@ -9679,7 +9722,7 @@ const getChatModelPickerToggleVirtualDom = (models, selectedModelId, modelPicker
     name: ModelPickerToggle,
     onClick: HandleClick,
     title: selectedModelLabel,
-    type: Div
+    type: Button$1
   }, {
     childCount: 1,
     type: Span
@@ -9842,6 +9885,16 @@ const getBackToChatsButtonDom = () => {
   }];
 };
 
+const getTodoItemClassName = status => {
+  if (status === 'completed') {
+    return `${ChatTodoListItem} ${ChatTodoListItemCompleted} completed`;
+  }
+  if (status === 'inProgress') {
+    return `${ChatTodoListItem} ${ChatTodoListItemInProgress} inProgress`;
+  }
+  return `${ChatTodoListItem} ${ChatTodoListItemTodo} todo`;
+};
+
 const clampToPercentage = (tokensUsed, tokensMax) => {
   if (tokensMax <= 0) {
     return 0;
@@ -9877,15 +9930,6 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getTodoItemClassName = status => {
-  if (status === 'completed') {
-    return `${ChatTodoListItem} ${ChatTodoListItemCompleted} completed`;
-  }
-  if (status === 'inProgress') {
-    return `${ChatTodoListItem} ${ChatTodoListItemInProgress} inProgress`;
-  }
-  return `${ChatTodoListItem} ${ChatTodoListItemTodo} todo`;
-};
 const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
   const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 1 : 0) + (addContextButtonEnabled ? 1 : 0);
@@ -9920,7 +9964,7 @@ const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchVal
     type: Li
   }, text(item.text)])] : []), {
     childCount: 0,
-    className: MultilineInputBox,
+    className: mergeClassNames(MultiLineInputBox, ChatInputBox),
     name: Composer,
     onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
@@ -12737,6 +12781,7 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openMockSession': wrapCommand(openMockSession),
+  'Chat.openModelPicker': wrapCommand(openModelPicker),
   'Chat.pasteInput': wrapCommand(pasteInput),
   'Chat.registerMockResponse': wrapCommand(registerMockResponse),
   'Chat.render2': render2,

package/package.json

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