@lvce-editor/chat-view 6.6.0 → 6.7.0

package/dist/chatViewWorkerMain.js

@@ -1492,6 +1492,15 @@ const backToChats = () => {
 const settings = () => {
   return i18nString('Settings');
 };
+const loginToBackend = () => {
+  return i18nString('Login to backend');
+};
+const logoutFromBackend = () => {
+  return i18nString('Logout from backend');
+};
+const loggingInToBackend = () => {
+  return i18nString('Logging in to backend');
+};
 const chatFocusMode = () => {
   return i18nString('Switch to chat focus mode');
 };
@@ -1651,6 +1660,12 @@ const createDefaultState = () => {
   return {
     aiSessionTitleGenerationEnabled: false,
     assetDir: '',
+    authAccessToken: '',
+    authEnabled: false,
+    authErrorMessage: '',
+    authRefreshToken: '',
+    authStatus: 'signed-out',
+    backendUrl: '',
     chatListScrollTop: 0,
     chatMessageFontFamily: 'system-ui',
     chatMessageFontSize,
@@ -1719,6 +1734,9 @@ const createDefaultState = () => {
     useChatNetworkWorkerForRequests: false,
     useChatToolWorker: false,
     useMockApi: false,
+    userName: '',
+    userSubscriptionPlan: '',
+    userUsedTokens: 0,
     viewMode: 'list',
     voiceDictationEnabled: false,
     warningCount: 0,
@@ -2522,7 +2540,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -2567,6 +2585,20 @@ const diff2 = uid => {
   return result;
 };
 
+const getAuthState = state => {
+  return {
+    authAccessToken: state.authAccessToken,
+    authEnabled: state.authEnabled,
+    authErrorMessage: state.authErrorMessage,
+    authRefreshToken: state.authRefreshToken,
+    authStatus: state.authStatus,
+    backendUrl: state.backendUrl,
+    userName: state.userName,
+    userSubscriptionPlan: state.userSubscriptionPlan,
+    userUsedTokens: state.userUsedTokens
+  };
+};
+
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -3138,6 +3170,130 @@ const handleClickCreateProject = async state => {
   };
 };
 
+let nextLoginResponse;
+const setNextLoginResponse = response => {
+  nextLoginResponse = response;
+};
+const hasPendingMockLoginResponse = () => {
+  return !!nextLoginResponse;
+};
+const consumeNextLoginResponse = async () => {
+  if (!nextLoginResponse) {
+    return undefined;
+  }
+  const response = nextLoginResponse;
+  nextLoginResponse = undefined;
+  if (response.delay > 0) {
+    await new Promise(resolve => setTimeout(resolve, response.delay));
+  }
+  if (response.type === 'error') {
+    throw new Error(response.message);
+  }
+  return response.response;
+};
+
+const get = async key => {
+  return getPreference(key);
+};
+const update = async settings => {
+  await invoke$1('Preferences.update', settings);
+};
+
+const isLoginResponse = value => {
+  if (!value || typeof value !== 'object') {
+    return false;
+  }
+  return true;
+};
+const trimTrailingSlashes = value => {
+  return value.replace(/\/+$/, '');
+};
+const handleClickLogin = async state => {
+  if (!state.backendUrl) {
+    return {
+      ...state,
+      authErrorMessage: 'Backend URL is missing.',
+      authStatus: 'signed-out'
+    };
+  }
+  const signingInState = {
+    ...state,
+    authErrorMessage: '',
+    authStatus: 'signing-in'
+  };
+  if (state.uid) {
+    set$1(state.uid, state, signingInState);
+    await invoke$1('Chat.rerender');
+  }
+  let usedMockResponse = false;
+  try {
+    usedMockResponse = hasPendingMockLoginResponse();
+    const response = usedMockResponse ? await consumeNextLoginResponse() : await invoke$1('Auth.login', state.backendUrl);
+    if (!isLoginResponse(response)) {
+      return {
+        ...signingInState,
+        authErrorMessage: 'Backend returned an invalid login response.',
+        authStatus: 'signed-out'
+      };
+    }
+    if (typeof response.error === 'string' && response.error) {
+      return {
+        ...signingInState,
+        authErrorMessage: response.error,
+        authStatus: 'signed-out'
+      };
+    }
+    const accessToken = typeof response.accessToken === 'string' ? response.accessToken : '';
+    const refreshToken = typeof response.refreshToken === 'string' ? response.refreshToken : '';
+    await update({
+      'secrets.chatBackendAccessToken': accessToken,
+      'secrets.chatBackendRefreshToken': refreshToken
+    });
+    return {
+      ...signingInState,
+      authAccessToken: accessToken,
+      authErrorMessage: '',
+      authRefreshToken: refreshToken,
+      authStatus: accessToken ? 'signed-in' : 'signed-out',
+      userName: typeof response.userName === 'string' ? response.userName : state.userName,
+      userSubscriptionPlan: typeof response.subscriptionPlan === 'string' ? response.subscriptionPlan : state.userSubscriptionPlan,
+      userUsedTokens: typeof response.usedTokens === 'number' ? response.usedTokens : state.userUsedTokens
+    };
+  } catch (error) {
+    const errorMessage = error instanceof Error && error.message ? error.message : 'Backend authentication failed.';
+    if (!usedMockResponse) {
+      await invoke$1('Main.openUri', `${trimTrailingSlashes(state.backendUrl)}/auth/login`);
+    }
+    return {
+      ...signingInState,
+      authErrorMessage: errorMessage,
+      authStatus: 'signed-out'
+    };
+  }
+};
+
+const handleClickLogout = async state => {
+  try {
+    await invoke$1('Auth.logout', state.backendUrl);
+  } catch {
+    // Ignore logout bridge errors and still clear local auth state.
+  }
+  await update({
+    'secrets.chatBackendAccessToken': '',
+    'secrets.chatBackendRefreshToken': ''
+  });
+  return {
+    ...state,
+    authAccessToken: '',
+    authErrorMessage: '',
+    authRefreshToken: '',
+    authStatus: 'signed-out',
+    userName: '',
+    userSubscriptionPlan: '',
+    userUsedTokens: 0
+  };
+};
+
 const handleClickOpenApiApiKeySettings = async state => {
   await invoke$1('Main.openUri', 'app://settings.json');
   return state;
@@ -3166,6 +3322,9 @@ const openRouterRequestFailedMessage = 'OpenRouter request failed. Possible reas
 const openRouterTooManyRequestsMessage = 'OpenRouter rate limit reached (429). Please try again soon. Helpful tips:';
 const openRouterRequestFailureReasons = ['ContentSecurityPolicyViolation: Check DevTools for details.', 'OpenRouter server offline: Check DevTools for details.', 'Check your internet connection.'];
 const openRouterTooManyRequestsReasons = ['Wait a short time and retry your request.', 'Reduce request frequency to avoid rate limits.', 'Use a different model if this one is saturated.'];
+const backendUrlRequiredMessage = 'Backend URL is not configured. Configure your backend URL and try again.';
+const backendAccessTokenRequiredMessage = 'You are not logged in. Click Login to continue.';
+const backendCompletionFailedMessage = 'Backend completion request failed.';
 
 let rpc;
 const set = value => {
@@ -5463,8 +5622,51 @@ const getAll = () => {
 
 /* eslint-disable prefer-destructuring */
 
+const getBackendCompletionsEndpoint = backendUrl => {
+  const trimmedBackendUrl = backendUrl.replace(/\/+$/, '');
+  return `${trimmedBackendUrl}/v1/chat/completions`;
+};
+const getEffectiveBackendModelId = selectedModelId => {
+  const separatorIndex = selectedModelId.indexOf('/');
+  if (separatorIndex === -1) {
+    return selectedModelId;
+  }
+  return selectedModelId.slice(separatorIndex + 1);
+};
+const getBackendAssistantText = async (messages, selectedModelId, backendUrl, authAccessToken) => {
+  let response;
+  try {
+    response = await fetch(getBackendCompletionsEndpoint(backendUrl), {
+      body: JSON.stringify({
+        messages: messages.map(message => ({
+          content: message.text,
+          role: message.role
+        })),
+        model: getEffectiveBackendModelId(selectedModelId),
+        stream: false
+      }),
+      headers: {
+        Authorization: `Bearer ${authAccessToken}`,
+        'Content-Type': 'application/json',
+        ...getClientRequestIdHeader()
+      },
+      method: 'POST'
+    });
+  } catch {
+    return backendCompletionFailedMessage;
+  }
+  if (!response.ok) {
+    return backendCompletionFailedMessage;
+  }
+  const json = await response.json();
+  const content = json.choices?.[0]?.message?.content;
+  return typeof content === 'string' && content ? content : backendCompletionFailedMessage;
+};
 const getAiResponse = async ({
   assetDir,
+  authAccessToken,
+  authEnabled = false,
+  backendUrl = '',
   messageId,
   messages,
   mockAiResponseDelay = 800,
@@ -5490,7 +5692,7 @@ const getAiResponse = async ({
   userText,
   webSearchEnabled = false
 }) => {
-  if (useChatCoordinatorWorker) {
+  if (useChatCoordinatorWorker && !authEnabled) {
     try {
       const result = await getAiResponse$1({
         assetDir,
@@ -5530,9 +5732,18 @@ const getAiResponse = async ({
     }
   }
   let text = '';
+  if (authEnabled) {
+    if (!backendUrl) {
+      text = backendUrlRequiredMessage;
+    } else if (authAccessToken) {
+      text = await getBackendAssistantText(messages, selectedModelId, backendUrl, authAccessToken);
+    } else {
+      text = backendAccessTokenRequiredMessage;
+    }
+  }
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
-  if (usesOpenApiModel) {
+  if (!text && usesOpenApiModel) {
     if (useMockApi) {
       const openAiInput = messages.map(message => ({
         content: message.text,
@@ -5610,7 +5821,7 @@ const getAiResponse = async ({
     } else {
       text = openApiApiKeyRequiredMessage;
     }
-  } else if (usesOpenRouterModel) {
+  } else if (!text && usesOpenRouterModel) {
     const modelId = getOpenRouterModelId(selectedModelId);
     if (useMockApi) {
       const result = await getMockOpenRouterAssistantText(messages, modelId, openRouterApiBaseUrl, openRouterApiKey, mockApiCommandId, assetDir, platform);
@@ -5652,13 +5863,6 @@ const getAiResponse = async ({
   return message;
 };
 
-const get = async key => {
-  return getPreference(key);
-};
-const update = async settings => {
-  await invoke$1('Preferences.update', settings);
-};
-
 const setOpenApiApiKey = async (state, openApiApiKey, persist = true) => {
   if (persist) {
     await update({
@@ -6824,6 +7028,9 @@ const sanitizeGeneratedTitle = value => {
 
 const getAiSessionTitle = async (state, userText, assistantText) => {
   const {
+    authAccessToken,
+    authEnabled,
+    backendUrl,
     models,
     openApiApiBaseUrl,
     openApiApiKey,
@@ -6837,13 +7044,13 @@ const getAiSessionTitle = async (state, userText, assistantText) => {
   }
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
-  if (usesOpenApiModel && !openApiApiKey) {
+  if (!authEnabled && usesOpenApiModel && !openApiApiKey) {
     return '';
   }
-  if (usesOpenRouterModel && !openRouterApiKey) {
+  if (!authEnabled && usesOpenRouterModel && !openRouterApiKey) {
     return '';
   }
-  if (!usesOpenApiModel && !usesOpenRouterModel) {
+  if (!authEnabled && !usesOpenApiModel && !usesOpenRouterModel) {
     return '';
   }
   const titlePrompt = `Create a concise title (max 6 words) for this conversation. Respond only with the title, no punctuation at the end.
@@ -6860,6 +7067,9 @@ Assistant: ${assistantText}`;
   };
   const titleResponse = await getAiResponse({
     assetDir: state.assetDir,
+    authAccessToken,
+    authEnabled,
+    backendUrl,
     messages: [promptMessage],
     mockAiResponseDelay: state.mockAiResponseDelay,
     mockApiCommandId: state.mockApiCommandId,
@@ -7169,6 +7379,9 @@ const handleSubmit = async state => {
   const {
     aiSessionTitleGenerationEnabled,
     assetDir,
+    authAccessToken,
+    authEnabled,
+    backendUrl,
     composerValue,
     emitStreamingFunctionCallEvents,
     mockAiResponseDelay,
@@ -7308,6 +7521,9 @@ const handleSubmit = async state => {
   } : undefined;
   const assistantMessage = await getAiResponse({
     assetDir,
+    authAccessToken,
+    authEnabled,
+    backendUrl,
     messageId: assistantMessageId,
     messages: messagesWithMentionContext,
     mockAiResponseDelay,
@@ -7415,6 +7631,8 @@ const CreateSession = 'create-session';
 const CreateSessionInProjectPrefix = 'create-session-in-project:';
 const SessionDebug = 'session-debug';
 const Settings = 'settings';
+const Login = 'login';
+const Logout = 'logout';
 const CloseChat = 'close-chat';
 const SessionDelete = 'SessionDelete';
 const ProjectPrefix = 'project:';
@@ -7620,6 +7838,10 @@ const handleClick = async (state, name, id = '') => {
       return handleClickOpenApiApiKeySettings(state);
     case name === OpenOpenApiApiKeyWebsite:
       return handleClickOpenApiApiKeyWebsite(state);
+    case name === Login:
+      return handleClickLogin(state);
+    case name === Logout:
+      return handleClickLogout(state);
     default:
       return state;
   }
@@ -7965,12 +8187,12 @@ const initialize = async () => {
   set$4(rpc);
 };
 
-const isObject = value => {
+const isObject$1 = value => {
   return typeof value === 'object' && value !== null;
 };
 
 const getSavedChatListScrollTop = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -7983,7 +8205,7 @@ const getSavedChatListScrollTop = savedState => {
 };
 
 const getSavedMessagesScrollTop = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -7996,7 +8218,7 @@ const getSavedMessagesScrollTop = savedState => {
 };
 
 const getSavedSelectedModelId = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8009,7 +8231,7 @@ const getSavedSelectedModelId = savedState => {
 };
 
 const getSavedSelectedSessionId = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8022,7 +8244,7 @@ const getSavedSelectedSessionId = savedState => {
 };
 
 const getSavedSessions = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8035,7 +8257,7 @@ const getSavedSessions = savedState => {
 };
 
 const getSavedViewMode = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8056,6 +8278,42 @@ const loadAiSessionTitleGenerationEnabled = async () => {
   }
 };
 
+const loadAuthEnabled = async () => {
+  try {
+    const savedAuthEnabled = await get('chat.authEnabled');
+    return typeof savedAuthEnabled === 'boolean' ? savedAuthEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
+const loadBackendAccessToken = async () => {
+  try {
+    const savedAccessToken = await get('secrets.chatBackendAccessToken');
+    return typeof savedAccessToken === 'string' ? savedAccessToken : '';
+  } catch {
+    return '';
+  }
+};
+
+const loadBackendRefreshToken = async () => {
+  try {
+    const savedRefreshToken = await get('secrets.chatBackendRefreshToken');
+    return typeof savedRefreshToken === 'string' ? savedRefreshToken : '';
+  } catch {
+    return '';
+  }
+};
+
+const loadBackendUrl = async () => {
+  try {
+    const savedBackendUrl = await get('chat.backendUrl');
+    return typeof savedBackendUrl === 'string' ? savedBackendUrl : '';
+  } catch {
+    return '';
+  }
+};
+
 const loadComposerDropEnabled = async () => {
   try {
     const savedComposerDropEnabled = await get('chatView.composerDropEnabled');
@@ -8164,9 +8422,13 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
+    authAccessToken,
+    authEnabled,
+    authRefreshToken,
+    backendUrl,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8212,7 +8474,7 @@ const toSummarySession = session => {
   };
 };
 const getSavedSelectedProjectId = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8224,7 +8486,7 @@ const getSavedSelectedProjectId = savedState => {
   return selectedProjectId;
 };
 const getSavedProjects = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8234,7 +8496,7 @@ const getSavedProjects = savedState => {
     return undefined;
   }
   const validProjects = projects.filter(project => {
-    if (!isObject(project)) {
+    if (!isObject$1(project)) {
       return false;
     }
     return typeof project.id === 'string' && typeof project.name === 'string' && typeof project.uri === 'string';
@@ -8251,7 +8513,7 @@ const ensureBlankProject = (projects, fallbackBlankProject) => {
   return [fallbackBlankProject, ...projects];
 };
 const getSavedProjectListScrollTop = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8263,7 +8525,7 @@ const getSavedProjectListScrollTop = savedState => {
   return projectListScrollTop;
 };
 const getSavedProjectExpandedIds = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8279,7 +8541,7 @@ const getSavedProjectExpandedIds = savedState => {
   return ids;
 };
 const getSavedLastNormalViewMode = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8291,7 +8553,7 @@ const getSavedLastNormalViewMode = savedState => {
   return lastNormalViewMode;
 };
 const getSavedComposerValue = savedState => {
-  if (!isObject(savedState)) {
+  if (!isObject$1(savedState)) {
     return undefined;
   }
   const {
@@ -8308,6 +8570,10 @@ const loadContent = async (state, savedState) => {
   const savedComposerValue = getSavedComposerValue(savedState);
   const {
     aiSessionTitleGenerationEnabled,
+    authAccessToken,
+    authEnabled,
+    authRefreshToken,
+    backendUrl,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8369,6 +8635,11 @@ const loadContent = async (state, savedState) => {
   return {
     ...state,
     aiSessionTitleGenerationEnabled,
+    authAccessToken,
+    authEnabled,
+    authRefreshToken,
+    authStatus: authAccessToken ? 'signed-in' : 'signed-out',
+    backendUrl,
     chatListScrollTop,
     composerDropActive: false,
     composerDropEnabled,
@@ -8400,6 +8671,36 @@ const loadContent = async (state, savedState) => {
   };
 };
 
+const isObject = value => {
+  return !!value && typeof value === 'object';
+};
+const getDelay = payload => {
+  if (!isObject(payload)) {
+    return 0;
+  }
+  const {
+    delay
+  } = payload;
+  return typeof delay === 'number' && delay > 0 ? delay : 0;
+};
+const mockBackendAuthResponse = (state, payload) => {
+  const delay = getDelay(payload);
+  if (payload.type === 'error') {
+    setNextLoginResponse({
+      delay,
+      message: payload.message || 'Backend authentication failed.',
+      type: 'error'
+    });
+    return state;
+  }
+  setNextLoginResponse({
+    delay,
+    response: payload,
+    type: 'success'
+  });
+  return state;
+};
+
 const mockOpenApiRequestGetAll = _state => {
   return getAll();
 };
@@ -8800,6 +9101,7 @@ const renderFocusContext = (oldState, newState) => {
 const Actions = 'Actions';
 const ChatActions = 'ChatActions';
 const ChatName = 'ChatName';
+const ChatAuthError = 'ChatAuthError';
 const ChatSendArea = 'ChatSendArea';
 const ChatViewDropOverlay = 'ChatViewDropOverlay';
 const ChatViewDropOverlayActive = 'ChatViewDropOverlayActive';
@@ -8814,6 +9116,7 @@ const ButtonSecondary = 'ButtonSecondary';
 const Empty = '';
 const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
+const IconButtonDisabled = 'IconButtonDisabled';
 const ImageElement = 'ImageElement';
 const InputBox = 'InputBox';
 const Label = 'Label';
@@ -10186,7 +10489,7 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
   }, text('+ Add Project')];
 };
 
-const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = []) => {
+const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = [], authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
@@ -10229,7 +10532,8 @@ const getBackButtonVirtualDom = () => {
 const getHeaderActionVirtualDom = item => {
   return [{
     childCount: 1,
-    className: IconButton,
+    className: mergeClassNames(IconButton, item.disabled ? IconButtonDisabled : ''),
+    disabled: item.disabled,
     name: item.name,
     onClick: item.onClick,
     title: item.title,
@@ -10241,8 +10545,22 @@ const getHeaderActionVirtualDom = item => {
   }];
 };
 
-const getChatHeaderActionsDom = viewMode => {
+const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out') => {
   const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+  const isSigningIn = authStatus === 'signing-in';
+  const authAction = authEnabled && authStatus !== 'signed-in' ? {
+    disabled: isSigningIn,
+    icon: 'MaskIcon MaskIconAccount',
+    name: Login,
+    onClick: HandleClick,
+    title: isSigningIn ? loggingInToBackend() : loginToBackend()
+  } : authEnabled ? {
+    disabled: false,
+    icon: 'MaskIcon MaskIconSignOut',
+    name: Logout,
+    onClick: HandleClick,
+    title: logoutFromBackend()
+  } : undefined;
   const items = [{
     icon: 'MaskIcon MaskIconLayoutPanelLeft',
     name: ToggleChatFocus,
@@ -10263,7 +10581,7 @@ const getChatHeaderActionsDom = viewMode => {
     name: Settings,
     onClick: HandleClickSettings,
     title: settings()
-  }, {
+  }, ...(authAction ? [authAction] : []), {
     icon: 'MaskIcon MaskIconClose',
     name: CloseChat,
     onClick: HandleClickClose,
@@ -10276,9 +10594,10 @@ const getChatHeaderActionsDom = viewMode => {
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
 
-const getChatHeaderDomDetailMode = selectedSessionTitle => {
+const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+  const hasAuthError = authEnabled && !!authErrorMessage;
   return [{
-    childCount: 2,
+    childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
     type: Div
   }, {
@@ -10289,10 +10608,14 @@ const getChatHeaderDomDetailMode = selectedSessionTitle => {
     childCount: 1,
     className: Label,
     type: Span
-  }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail')];
+  }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail', authEnabled, authStatus), ...(hasAuthError ? [{
+    childCount: 1,
+    className: ChatAuthError,
+    type: Span
+  }, text(authErrorMessage)] : [])];
 };
 
-const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = []) => {
+const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages = [], authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
@@ -10303,7 +10626,7 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10317,16 +10640,21 @@ const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue,
   }] : [])];
 };
 
-const getChatHeaderListModeDom = () => {
+const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+  const hasAuthError = authEnabled && !!authErrorMessage;
   return [{
-    childCount: 2,
+    childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
     type: Div
   }, {
     childCount: 1,
     className: Label,
     type: Span
-  }, text(chats()), ...getChatHeaderActionsDom('list')];
+  }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus), ...(hasAuthError ? [{
+    childCount: 1,
+    className: ChatAuthError,
+    type: Span
+  }, text(authErrorMessage)] : [])];
 };
 
 const getEmptyChatSessionsDom = () => {
@@ -10384,7 +10712,7 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
   }, ...sessions.flatMap(getSessionDom)];
 };
 
-const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false) => {
+const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true, voiceDictationEnabled = false, authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
     childCount: isDropOverlayVisible ? 4 : 3,
@@ -10392,7 +10720,7 @@ const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, m
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10429,15 +10757,15 @@ const getFallbackParsedMessages = sessions => {
   }
   return parsedMessages;
 };
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages) => {
+const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0, voiceDictationEnabled = false, useChatMathWorker = false, parsedMessages, authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
   const effectiveParsedMessages = parsedMessages || getFallbackParsedMessages(sessions);
   switch (viewMode) {
     case 'chat-focus':
-      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages);
+      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages, authEnabled, authStatus, authErrorMessage);
     case 'detail':
-      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages);
+      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, useChatMathWorker, effectiveParsedMessages, authEnabled, authStatus, authErrorMessage);
     case 'list':
-      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled);
+      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled, voiceDictationEnabled, authEnabled, authStatus, authErrorMessage);
     default:
       return getChatModeUnsupportedVirtualDom();
   }
@@ -10445,6 +10773,9 @@ const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRoute
 
 const renderItems = (oldState, newState) => {
   const {
+    authEnabled,
+    authErrorMessage,
+    authStatus,
     chatListScrollTop,
     composerDropActive,
     composerDropEnabled,
@@ -10478,7 +10809,7 @@ const renderItems = (oldState, newState) => {
   if (initial) {
     return [SetDom2, uid, []];
   }
-  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, parsedMessages);
+  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop, voiceDictationEnabled, useChatMathWorker, parsedMessages, authEnabled, authStatus, authErrorMessage);
   return [SetDom2, uid, dom];
 };
 
@@ -10777,6 +11108,20 @@ const saveState = state => {
   };
 };
 
+const setAuthEnabled = (state, authEnabled) => {
+  return {
+    ...state,
+    authEnabled
+  };
+};
+
+const setBackendUrl = (state, backendUrl) => {
+  return {
+    ...state,
+    backendUrl
+  };
+};
+
 const dummySessions = [{
   id: 'session-a',
   messages: [],
@@ -10870,6 +11215,7 @@ const commandMap = {
   'Chat.deleteSessionAtIndex': wrapCommand(deleteSessionAtIndex),
   'Chat.diff2': diff2,
   'Chat.enterNewLine': wrapCommand(handleNewline),
+  'Chat.getAuthState': wrapGetter(getAuthState),
   'Chat.getCommandIds': getCommandIds,
   'Chat.getKeyBindings': getKeyBindings,
   'Chat.getMenuEntries': getMenuEntries,
@@ -10905,6 +11251,7 @@ const commandMap = {
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
+  'Chat.mockBackendAuthResponse': wrapCommand(mockBackendAuthResponse),
   'Chat.mockOpenApiRequestGetAll': wrapGetter(mockOpenApiRequestGetAll),
   'Chat.mockOpenApiRequestReset': wrapCommand(mockOpenApiRequestReset),
   'Chat.mockOpenApiSetHttpErrorResponse': wrapCommand(mockOpenApiSetHttpErrorResponse),
@@ -10920,6 +11267,8 @@ const commandMap = {
   'Chat.reset': wrapCommand(reset),
   'Chat.resize': wrapCommand(resize),
   'Chat.saveState': wrapGetter(saveState),
+  'Chat.setAuthEnabled': wrapCommand(setAuthEnabled),
+  'Chat.setBackendUrl': wrapCommand(setBackendUrl),
   'Chat.setChatList': wrapCommand(setChatList),
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),

package/package.json

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