@lvce-editor/chat-view 7.14.0 → 7.15.0

package/dist/chatViewWorkerMain.js

@@ -1070,7 +1070,7 @@ const createMockRpc = ({
 };
 
 const rpcs = Object.create(null);
-const set$d = (id, rpc) => {
+const set$e = (id, rpc) => {
   rpcs[id] = rpc;
 };
 const get$2 = id => {
@@ -1103,7 +1103,7 @@ const create$2 = rpcId => {
       const mockRpc = createMockRpc({
         commandMap
       });
-      set$d(rpcId, mockRpc);
+      set$e(rpcId, mockRpc);
       // @ts-ignore
       mockRpc[Symbol.dispose] = () => {
         remove(rpcId);
@@ -1112,11 +1112,22 @@ const create$2 = rpcId => {
       return mockRpc;
     },
     set(rpc) {
-      set$d(rpcId, rpc);
+      set$e(rpcId, rpc);
     }
   };
 };
 
+const {
+  invoke: invoke$9,
+  set: set$d
+} = create$2(6010);
+const login$1 = async options => {
+  return invoke$9('Auth.login', options);
+};
+const logout$1 = async options => {
+  return invoke$9('Auth.logout', options);
+};
+
 const {
   invoke: invoke$8,
   set: set$c
@@ -1327,6 +1338,10 @@ const sendMessagePortToChatMessageParsingWorker = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatMessageParsingWorker', port, command, rpcId);
 };
+const sendMessagePortToAuthWorker$1 = async (port, rpcId) => {
+  const command = 'HandleMessagePort.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToAuthWorker', port, command, rpcId);
+};
 const sendMessagePortToIconThemeWorker$1 = async (port, rpcId) => {
   const command = 'IconTheme.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
@@ -1874,7 +1889,6 @@ const Login$1 = 'Login';
 const Logout$1 = 'Logout';
 const LoginToBackend = 'Login to backend';
 const LogoutFromBackend = 'Logout from backend';
-const LoggingInToBackend = 'Logging in to backend';
 const LoggingOutFromBackend = 'Logging out from backend';
 const SignedIn = 'Signed in';
 const SwitchToChatFocusMode = 'Switch to chat focus mode';
@@ -1975,9 +1989,6 @@ const loginToBackend = () => {
 const logoutFromBackend$1 = () => {
   return i18nString(LogoutFromBackend);
 };
-const loggingInToBackend = () => {
-  return i18nString(LoggingInToBackend);
-};
 const loggingOutFromBackend = () => {
   return i18nString(LoggingOutFromBackend);
 };
@@ -2403,6 +2414,7 @@ const createDefaultState = () => {
     gitBranchPickerVisible: false,
     headerHeight: 50,
     height: 0,
+    useAuthWorker: false,
     useOwnBackend: false,
     ...responsivePickerState,
     initial: true,
@@ -4653,7 +4665,8 @@ const handleClickLogin = async state => {
     authUseRedirect,
     backendUrl,
     platform,
-    uid
+    uid,
+    useAuthWorker
   } = state;
   if (!backendUrl) {
     return {
@@ -4669,9 +4682,23 @@ const handleClickLogin = async state => {
   };
   if (uid) {
     set(uid, state, signingInState);
-    await invoke('Chat.rerender');
   }
   try {
+    if (useAuthWorker) {
+      const authState = await login$1({
+        authUseRedirect,
+        backendUrl,
+        platform,
+        uid
+      });
+      return {
+        ...signingInState,
+        ...authState
+      };
+    }
+    if (uid) {
+      await invoke('Chat.rerender');
+    }
     if (hasPendingMockLoginResponse()) {
       const response = await consumeNextLoginResponse();
       if (!isLoginResponse(response)) {
@@ -4719,7 +4746,13 @@ const handleClickLogout = async state => {
     set(state.uid, state, loggingOutState);
     await invoke('Chat.rerender');
   }
-  await logoutFromBackend(state.backendUrl);
+  if (state.useAuthWorker) {
+    await logout$1({
+      backendUrl: state.backendUrl
+    });
+  } else {
+    await logoutFromBackend(state.backendUrl);
+  }
   return {
     ...loggingOutState,
     ...getLoggedOutBackendAuthState()
@@ -10816,6 +10849,15 @@ const loadToolEnablement = async () => {
   }
 };
 
+const loadUseAuthWorker = async () => {
+  try {
+    const savedUseAuthWorker = await get('chatView.useAuthWorker');
+    return typeof savedUseAuthWorker === 'boolean' ? savedUseAuthWorker : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadUseChatCoordinatorWorker = async () => {
   try {
     const savedUseChatCoordinatorWorker = await get('chatView.useChatCoordinatorWorker');
@@ -10871,7 +10913,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authEnabled, authUseRedirect, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, scrollDownButtonEnabled, searchEnabled, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, useOwnBackend, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadAuthEnabled(), loadAuthUseRedirect(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadScrollDownButtonEnabled(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadUseOwnBackend(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authEnabled, authUseRedirect, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, scrollDownButtonEnabled, searchEnabled, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, useAuthWorker, useOwnBackend, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadAuthEnabled(), loadAuthUseRedirect(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadScrollDownButtonEnabled(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadUseAuthWorker(), loadUseOwnBackend(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authEnabled,
@@ -10889,6 +10931,7 @@ const loadPreferences = async () => {
     streamingEnabled,
     todoListToolEnabled,
     toolEnablement,
+    useAuthWorker,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -10962,6 +11005,7 @@ const loadContent = async (state, savedState) => {
     streamingEnabled,
     todoListToolEnabled,
     toolEnablement,
+    useAuthWorker,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -11074,6 +11118,7 @@ const loadContent = async (state, savedState) => {
     streamingEnabled,
     todoListToolEnabled,
     toolEnablement,
+    useAuthWorker,
     useChatCoordinatorWorker,
     useChatMathWorker,
     useChatNetworkWorkerForRequests,
@@ -11328,439 +11373,6 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
   height: ${buttonsHeight}px;
 }
 
-.ChatToolCallFileName{
-  cursor: pointer;
-}
-
-.ChatComposerAttachments{
-  display: flex;
-  flex-wrap: wrap;
-  gap: 8px;
-  margin-bottom: 8px;
-}
-
-.ChatComposerAttachment{
-  align-items: center;
-  display: inline-flex;
-  gap: 6px;
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  border-radius: 999px;
-  border: 1px solid var(--WidgetBorder, white);
-  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;
-}
-
-.ChatComposerAttachmentLabel{
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-}
-
-.ChatComposerAttachmentPreview{
-  width: 20px;
-  height: 20px;
-  flex: none;
-  border-radius: 4px;
-  object-fit: cover;
-}
-
-.ChatComposerAttachmentPreview,
-.ChatAttachmentPreview,
-.ChatMessageImage,
-.ChatComposerAttachmentPreviewOverlayImage,
-.ImageElement{
-  cursor: default;
-}
-
-.ChatComposerAttachmentRemoveButton{
-  appearance: none;
-  background: transparent;
-  border: none;
-  border-radius: 999px;
-  color: inherit;
-  cursor: pointer;
-  flex-shrink: 0;
-  font: inherit;
-  line-height: 1;
-  margin: 0;
-  padding: 0;
-}
-
-.ChatComposerAttachmentImage{
-  border-color: var(--vscode-charts-blue);
-}
-
-.ChatComposerAttachmentInvalidImage{
-  border-color: var(--vscode-inputValidation-errorBorder, var(--vscode-errorForeground));
-  color: var(--vscode-errorForeground, var(--vscode-foreground));
-}
-
-.InputInvalid{
-  border-color: var(--InputValidationErrorBorder, red);
-}
-
-.ChatComposerAttachmentTextFile{
-  border-color: var(--vscode-charts-green, var(--WidgetBorder, white));
-}
-
-.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(--WidgetBorder, white);
-  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(--WidgetBorder, white));
-}
-
-.ChatImageMessageContent{
-  padding: 6px;
-  border: 1px solid var(--WidgetBorder, white);
-  border-radius: 12px;
-  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
-  overflow: hidden;
-}
-
-.ChatMessageImage{
-  display: block;
-  max-width: min(320px, 100%);
-  max-height: min(320px, calc(100vh - 220px));
-  border-radius: 8px;
-  object-fit: contain;
-  background: color-mix(in srgb, var(--vscode-editor-background) 88%, black);
-}
-
-.Chat{
-  position: relative;
-}
-
-.ChatComposerAttachmentPreviewOverlay{
-  position: absolute;
-  left: calc(var(--ChatSendAreaPaddingLeft) + 8px);
-  bottom: calc(var(--ChatSendAreaHeight) - 12px);
-  z-index: 6;
-  width: 240px;
-  min-width: 160px;
-  min-height: 160px;
-  max-width: calc(100% - var(--ChatSendAreaPaddingLeft) - var(--ChatSendAreaPaddingRight) - 16px);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  border: 1px solid var(--WidgetBorder, white);
-  border-radius: 12px;
-  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
-  box-shadow: 0 12px 28px color-mix(in srgb, var(--vscode-editor-background) 45%, black);
-  overflow: hidden;
-}
-
-.ChatComposerAttachmentPreviewOverlayImage{
-  display: block;
-  width: 100%;
-  max-width: 100%;
-  max-height: min(320px, calc(100vh - 200px));
-  object-fit: contain;
-  background: color-mix(in srgb, var(--vscode-editor-background) 88%, black);
-}
-
-.ChatComposerAttachmentPreviewOverlayError{
-  padding: 12px;
-  color: var(--vscode-errorForeground, var(--vscode-foreground));
-}
-
-.ChatSelect{
-  position: relative;
-  min-width: 0;
-
-}
-
-.ChatModelPickerItem{
-  display: flex;
-}
-
-.ChatGitBranchPickerMessage{
-  padding: 6px 8px;
-}
-
-.ChatGitBranchPickerErrorMessage{
-  color: var(--vscode-errorForeground, var(--vscode-foreground));
-}
-
-.RunModePickerContainer{
-  display: flex;
-  justify-content: flex-end;
-}
-
-.ChatOverlays{
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-}
-
-.ChatOverlays > *{
-  pointer-events: auto;
-}
-
-.ChatViewDropOverlayActive{
-  background: rgba(255, 255, 255, 0.1);
-}
-
-.RunModePickerPopOver{
-  height: var(--RunModePickerHeight);
-  overflow: hidden;
-  border: 1px solid var(--WidgetBorder, white);
-  border-radius: 8px;
-  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
-  box-shadow: 0 8px 24px color-mix(in srgb, var(--vscode-editor-background) 50%, black);
-}
-
-.ChatToolCallFileName:hover{
-  color: var(--vscode-textLink-foreground);
-}
-
-.ProjectListChevron{
-  display: inline-block;
-  flex: none;
-  height: 16px;
-  width: 16px;
-}
-
-.ChatOrderedListItem{
-  align-items: flex-start;
-  display: flex;
-  gap: 8px;
-}
-
-.ChatOrderedListMarker{
-  flex: none;
-  min-width: 1.5em;
-}
-
-.ChatOrderedListItemContent{
-  flex: 1;
-  min-width: 0;
-}
-
-.ChatOrderedListItemPrefix{
-  white-space: nowrap;
-}
-
-.ChatToolCalls .ChatOrderedList{
-  list-style: none;
-  margin: 0;
-  padding: 0;
-}
-
-.ChatToolCalls .ChatOrderedListItem{
-  align-items: flex-start;
-  display: flex;
-  gap: 8px;
-}
-
-.ChatToolCalls .ChatOrderedListMarker{
-  flex: none;
-  min-width: 1.5em;
-}
-
-.ChatToolCalls .ChatOrderedListItemContent{
-  flex: 1;
-  min-width: 0;
-}
-
-.ChatMessages > .Message{
-  display: flex;
-}
-
-.ChatMessages > .MessageUser{
-  justify-content: flex-end;
-}
-
-.ChatMessages > .MessageAssistant{
-  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));
-}
-
-.ChatFocus .ChatMessages > .Message > .ChatMessageContent{
-  max-inline-size: 100%;
-}
-.Viewlet.Chat.ChatFocus{
-  display: flex !important;
-  min-width: 0;
-  flex-direction: row !important;
-}
-
-.ChatFocus > .ProjectSidebar{
-  display: flex;
-  flex: none;
-  flex-direction: column;
-  inline-size: var(--ProjectSidebarWidth);
-  min-inline-size: 0;
-}
-
-.ChatFocus > .ProjectSidebar > .ProjectList{
-  flex: 1;
-  min-height: 0;
-}
-
-.ChatFocus > .Sash.SashVertical{
-  position: relative;
-  flex: none;
-  inline-size: 4px;
-  cursor: col-resize;
-  touch-action: none;
-}
-
-.ChatFocus > .Sash.SashVertical::before{
-  content: '';
-  position: absolute;
-  inset: 0;
-  background: color-mix(in srgb, var(--vscode-sideBar-border, var(--WidgetBorder, white)) 75%, transparent);
-}
-
-.ChatFocus > .Sash.SashVertical:hover::before{
-  background: var(--vscode-focusBorder, var(--vscode-button-background));
-}
-
-.ChatFocusMainArea{
-  display: flex;
-  flex: 1;
-  flex-direction: column;
-  min-width: 0;
-}
-
-.ChatFocusMainArea > .ChatMessages{
-  flex: 1;
-  min-height: 0;
-}
-
-.ChatModelPickerList {
-  display: flex;
-  contain: content;
-}
-
-
-.ChatSelect:hover{
-  background: var(--vscode-toolbar-hoverBackground, color-mix(in srgb, var(--vscode-editor-background) 80%, white));
-  color: var(--vscode-foreground);
-}
-
-.SelectLabel {
-  width: auto;
-  max-width: 100%;
-  min-width: 0;
-  overflow: hidden;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-
-
-.ChatSelect {
-display: flex;
-    gap: 4px;
-    border: none;
-    border-radius: 4px;
-    background: transparent;
-    color: var(--vscode-descriptionForeground, var(--vscode-disabledForeground));
-    padding: 0 !important;
-}
-
-
-
-
-
-
-
-
-
-.SelectLabel {
-      width: auto;
-    overflow: hidden;
-    white-space: nowrap;
-    text-overflow: ellipsis;
-
-}
-
-
-.ChatSelect .MaskIcon {
-
-    width: 10px;
-    height: 10px;
-    pointer-events: none;
-}
-
-
-.ChatModelPickerList {
-  flex-direction: column;
-  flex: 1;
-  display: flex;
-  contain: strict;
-
-}
-
-
-.ChatModelPickerItem  {
-  contain: strict;
-  flex-shrink:0; /* TODO why?? */
-}
-
-
-.ChatModelPickerHeader {
-  height: 40px;
-  contain: strict;
-
-}
 
 
 `;
@@ -12536,18 +12148,12 @@ const authContainerStyle = 'align-items:center;display:flex;gap:8px;min-width:0;
 const authNameStyle = 'max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;';
 const authButtonStyle = 'white-space:nowrap;';
 const getButtonLabel = (userState, isAuthenticated) => {
-  if (userState === 'loggingIn') {
-    return loggingInToBackend();
-  }
   if (userState === 'loggingOut') {
     return loggingOutFromBackend();
   }
   return isAuthenticated ? logout() : login();
 };
 const getButtonTitle = (userState, isAuthenticated) => {
-  if (userState === 'loggingIn') {
-    return loggingInToBackend();
-  }
   if (userState === 'loggingOut') {
     return loggingOutFromBackend();
   }
@@ -12561,7 +12167,7 @@ const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', user
   const buttonName = isAuthenticated ? Logout : Login;
   const buttonLabel = getButtonLabel(userState, isAuthenticated);
   const buttonTitle = getButtonTitle(userState, isAuthenticated);
-  const isPending = userState === 'loggingIn' || userState === 'loggingOut';
+  const isPending = userState === 'loggingOut';
   const displayName = userName || signedIn();
   return [{
     childCount: isAuthenticated ? 2 : 1,
@@ -16071,6 +15677,18 @@ const setToolEnablement = async (state, newEnabled, persist = true) => {
   };
 };
 
+const setUseAuthWorker = async (state, useAuthWorker, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.useAuthWorker': useAuthWorker
+    });
+  }
+  return {
+    ...state,
+    useAuthWorker
+  };
+};
+
 const setUseChatCoordinatorWorker = async (state, useChatCoordinatorWorker, persist = true) => {
   if (persist) {
     await update({
@@ -16263,6 +15881,7 @@ const commandMap = {
   'Chat.setSystemPrompt': wrapCommand(setSystemPrompt),
   'Chat.setTodoListToolEnabled': wrapCommand(setTodoListToolEnabled),
   'Chat.setToolEnablement': wrapCommand(setToolEnablement),
+  'Chat.setUseAuthWorker': wrapCommand(setUseAuthWorker),
   'Chat.setUseChatCoordinatorWorker': wrapCommand(setUseChatCoordinatorWorker),
   'Chat.setUseChatMathWorker': wrapCommand(setUseChatMathWorker),
   'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),
@@ -16272,6 +15891,17 @@ const commandMap = {
   'Chat.useMockApi': wrapCommand(useMockApi)
 };
 
+const sendMessagePortToAuthWorker = async port => {
+  await sendMessagePortToAuthWorker$1(port, 0);
+};
+const initializeAuthWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToAuthWorker
+  });
+  set$d(rpc);
+};
+
 const sendMessagePortToChatCoordinatorWorker = async port => {
   await sendMessagePortToChatCoordinatorWorker$1(port, 0);
 };
@@ -16471,7 +16101,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatMessageParsingWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeOpenerWorker(), initializeIconThemeWorker(), initializeTextMeasurementWorker()]);
+  await Promise.all([initializeAuthWorker(), initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatMessageParsingWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeOpenerWorker(), initializeIconThemeWorker(), initializeTextMeasurementWorker(), initializeAuthWorker()]);
 };
 
 const main = async () => {

package/package.json

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