@lvce-editor/chat-view 1.10.0 → 1.12.0

package/dist/chatViewWorkerMain.js

@@ -1200,7 +1200,7 @@ i18nString('You');
 i18nString('Assistant');
 const composePlaceholder = i18nString('Type your message. Enter to send, Shift+Enter for newline.');
 const sendMessage = i18nString('Send message');
-const send = i18nString('Send');
+i18nString('Send');
 const deleteChatSession$1 = i18nString('Delete chat session');
 const defaultSessionTitle = i18nString('Chat 1');
 const dummyChatA = i18nString('Dummy Chat A');
@@ -1309,8 +1309,8 @@ const diffValue = (oldState, newState) => {
   return newState.inputSource !== 'script';
 };
 
-const modules = [isEqual, diffValue, diffFocus, isEqual$1];
-const numbers = [RenderIncremental, RenderValue, RenderFocus, RenderCss];
+const modules = [isEqual, diffValue, diffFocus, isEqual$1, diffFocus];
+const numbers = [RenderIncremental, RenderValue, RenderFocus, RenderCss, RenderFocusContext];
 
 const diff = (oldState, newState) => {
   const diffResult = [];
@@ -2115,21 +2115,22 @@ const getListIndex = (state, eventX, eventY) => {
   return Math.floor(listY / itemHeight);
 };
 
-const handleClickList = async (state, eventX, eventY) => {
+const selectListIndex = async (state, index) => {
   const {
     sessions
   } = state;
-  const index = getListIndex(state, eventX, eventY);
-  if (index < 0) {
+  if (index < 0 || index >= sessions.length) {
     return state;
   }
   const session = sessions[index];
-  if (!session) {
-    return state;
-  }
   return selectSession(state, session.id);
 };
 
+const handleClickList = async (state, eventX, eventY) => {
+  const index = getListIndex(state, eventX, eventY);
+  return selectListIndex(state, index);
+};
+
 const CREATE_SESSION = 'create-session';
 const SESSION_PREFIX = 'session:';
 const RENAME_PREFIX = 'session-rename:';
@@ -2520,8 +2521,7 @@ const renderFocus = (oldState, newState) => {
 };
 
 const renderFocusContext = (oldState, newState) => {
-  const when = 2344;
-  return [SetFocusContext, newState.uid, when];
+  return [SetFocusContext, newState.uid, FocusChatInput];
 };
 
 const ChatActions = 'ChatActions';
@@ -2555,7 +2555,7 @@ const Select = 'Select';
 const Viewlet = 'Viewlet';
 const ChatWelcomeMessage = 'ChatWelcomeMessage';
 
-const HandleContextMenu = 2;
+const HandleListContextMenu = 2;
 const HandleFocus = 3;
 const HandleInput = 4;
 const HandleClick = 11;
@@ -2579,8 +2579,12 @@ const getModelOptionDOm = (model, selectedModelId) => {
   }, text(model.name)];
 };
 
+const getSendButtonClassName = isSendDisabled => {
+  return isSendDisabled ? `${Button} ${ButtonPrimary} ${ButtonDisabled}` : `${Button} ${ButtonPrimary}`;
+};
+
 const getSendButtonDom = isSendDisabled => {
-  const sendButtonClassName = isSendDisabled ? `${Button} ${ButtonPrimary} ${ButtonDisabled}` : `${Button} ${ButtonPrimary}`;
+  const sendButtonClassName = getSendButtonClassName(isSendDisabled);
   return [{
     childCount: 1,
     className: sendButtonClassName,
@@ -2590,7 +2594,11 @@ const getSendButtonDom = isSendDisabled => {
     role: Button$2,
     title: sendMessage,
     type: Button$1
-  }, text(send)];
+  }, {
+    childCount: 0,
+    class: 'MaskIcon MaskIconSend',
+    type: Div
+  }];
 };
 
 const clampToPercentage = (tokensUsed, tokensMax) => {
@@ -2643,6 +2651,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     childCount: 0,
     className: MultilineInputBox,
     name: 'composer',
+    onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder,
     rows: 4,
@@ -2662,6 +2671,22 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
   }, ...modelOptions, ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
 };
 
+const getBackButtonVirtualDom = () => {
+  return [{
+    childCount: 1,
+    className: IconButton,
+    name: 'back',
+    onClick: HandleClickBack,
+    role: Button$2,
+    title: backToChats,
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconArrowLeft',
+    type: Div
+  }];
+};
+
 const getHeaderActionVirtualDom = item => {
   return [{
     childCount: 1,
@@ -2671,22 +2696,26 @@ const getHeaderActionVirtualDom = item => {
     role: Button$2,
     title: item.title,
     type: Button$1
-  }, text(item.icon)];
+  }, {
+    childCount: 0,
+    className: item.icon,
+    type: Div
+  }];
 };
 
 const getChatHeaderActionsDom = () => {
   const items = [{
-    icon: '+',
+    icon: 'MaskIcon MaskIconAdd',
     name: 'create-session',
     onClick: HandleClickNew,
     title: newChat
   }, {
-    icon: '⚙',
+    icon: 'MaskIcon MaskIconSettingsGear',
     name: 'settings',
     onClick: HandleClickSettings,
     title: settings
   }, {
-    icon: '×',
+    icon: 'MaskIcon MaskIconClose',
     name: 'close-chat',
     onClick: HandleClickClose,
     title: closeChat
@@ -2698,22 +2727,6 @@ const getChatHeaderActionsDom = () => {
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
 
-const getChatHeaderBackButtonVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: IconButton,
-    name: 'back',
-    onClick: HandleClickBack,
-    role: Button$2,
-    title: backToChats,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: 'MaskIcon MaskIconArrowLeft',
-    type: Div
-  }];
-};
-
 const getChatHeaderDomDetailMode = selectedSessionTitle => {
   return [{
     childCount: 2,
@@ -2723,7 +2736,7 @@ const getChatHeaderDomDetailMode = selectedSessionTitle => {
     childCount: 2,
     className: ChatName,
     type: Div
-  }, ...getChatHeaderBackButtonVirtualDom(), {
+  }, ...getBackButtonVirtualDom(), {
     childCount: 1,
     className: Label,
     type: Span
@@ -2807,7 +2820,7 @@ const getSessionDom = session => {
     childCount: 1,
     className: ChatListItemLabel,
     name: `session:${session.id}`,
-    onContextMenu: HandleContextMenu,
+    onContextMenu: HandleListContextMenu,
     tabIndex: 0,
     type: Div
   }, text(session.title), {
@@ -2943,8 +2956,8 @@ const render2 = (uid, diffResult) => {
 
 const renderEventListeners = () => {
   return [{
-    name: HandleContextMenu,
-    params: ['handleChatListContextMenu', TargetName, ClientX, ClientY],
+    name: HandleListContextMenu,
+    params: ['handleChatListContextMenu', ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleClick,

package/package.json

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