@lvce-editor/static-server 0.80.7 → 0.80.9

package/static/{28473cd → ffa9a79}/packages/chat-view/dist/chatViewWorkerMain.js

@@ -1143,7 +1143,11 @@ const {
 } = create$2(6009);
 
 const Button$2 = 'button';
+const ListBox = 'listbox';
+const Log = 'log';
 const None$1 = 'none';
+const Option$1 = 'option';
+const Separator = 'separator';
 const ToolBar = 'toolbar';
 
 const Audio = 0;
@@ -2390,6 +2394,7 @@ const createDefaultState = () => {
     authErrorMessage: '',
     authUseRedirect: false,
     backendUrl: '',
+    chatDebugLoggingEnabled: true,
     chatFocusContentMaxWidth: 700,
     chatHistoryEnabled: true,
     chatInputHistory: [],
@@ -2498,6 +2503,7 @@ const createDefaultState = () => {
       title: defaultSessionTitle()
     }],
     showChatListTime: true,
+    showModelUsageMultiplier: true,
     showRunMode: true,
     streamingEnabled: true,
     systemPrompt: getDefaultSystemPrompt(),
@@ -2516,6 +2522,7 @@ const createDefaultState = () => {
     useChatNetworkWorkerForRequests: false,
     useChatToolWorker: true,
     useMockApi: false,
+    useModelWorker: false,
     userName: '',
     userState: 'loggedOut',
     userSubscriptionPlan: '',
@@ -2994,7 +3001,7 @@ const isEqualVisibleModels = (a, b) => {
 };
 
 const isEqual = (oldState, newState) => {
-  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.agentMode === newState.agentMode && oldState.agentModePickerOpen === newState.agentModePickerOpen && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && isEqualComposerAttachments(oldState.composerAttachments, newState.composerAttachments) && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.gitBranchPickerErrorMessage === newState.gitBranchPickerErrorMessage && oldState.gitBranchPickerOpen === newState.gitBranchPickerOpen && oldState.gitBranchPickerVisible === newState.gitBranchPickerVisible && isEqualGitBranches(oldState.gitBranches, newState.gitBranches) && oldState.hasSpaceForAgentModePicker === newState.hasSpaceForAgentModePicker && oldState.hasSpaceForRunModePicker === newState.hasSpaceForRunModePicker && oldState.initial === newState.initial && oldState.listFocusOutline === newState.listFocusOutline && oldState.modelPickerOpen === newState.modelPickerOpen && oldState.modelPickerSearchValue === newState.modelPickerSearchValue && isEqualVisibleModels(oldState.visibleModels, newState.visibleModels) && oldState.listFocusedIndex === newState.listFocusedIndex && oldState.openApiApiKeyInput === newState.openApiApiKeyInput && oldState.openRouterApiKeyInput === newState.openRouterApiKeyInput && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && isEqualProjects(oldState.projects, newState.projects) && oldState.reasoningEffort === newState.reasoningEffort && oldState.reasoningEffortPickerOpen === newState.reasoningEffortPickerOpen && oldState.reasoningPickerEnabled === newState.reasoningPickerEnabled && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.searchEnabled === newState.searchEnabled && oldState.searchFieldVisible === newState.searchFieldVisible && oldState.searchValue === newState.searchValue && oldState.showChatListTime === newState.showChatListTime && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.runModePickerOpen === newState.runModePickerOpen && oldState.sessions === newState.sessions && oldState.selectChevronEnabled === newState.selectChevronEnabled && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.userName === newState.userName && oldState.userState === newState.userState && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.agentMode === newState.agentMode && oldState.agentModePickerOpen === newState.agentModePickerOpen && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && isEqualComposerAttachments(oldState.composerAttachments, newState.composerAttachments) && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.gitBranchPickerErrorMessage === newState.gitBranchPickerErrorMessage && oldState.gitBranchPickerOpen === newState.gitBranchPickerOpen && oldState.gitBranchPickerVisible === newState.gitBranchPickerVisible && isEqualGitBranches(oldState.gitBranches, newState.gitBranches) && oldState.hasSpaceForAgentModePicker === newState.hasSpaceForAgentModePicker && oldState.hasSpaceForRunModePicker === newState.hasSpaceForRunModePicker && oldState.initial === newState.initial && oldState.listFocusOutline === newState.listFocusOutline && oldState.modelPickerOpen === newState.modelPickerOpen && oldState.modelPickerSearchValue === newState.modelPickerSearchValue && isEqualVisibleModels(oldState.visibleModels, newState.visibleModels) && oldState.listFocusedIndex === newState.listFocusedIndex && oldState.openApiApiKeyInput === newState.openApiApiKeyInput && oldState.openRouterApiKeyInput === newState.openRouterApiKeyInput && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && isEqualProjects(oldState.projects, newState.projects) && oldState.reasoningEffort === newState.reasoningEffort && oldState.reasoningEffortPickerOpen === newState.reasoningEffortPickerOpen && oldState.reasoningPickerEnabled === newState.reasoningPickerEnabled && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.searchEnabled === newState.searchEnabled && oldState.searchFieldVisible === newState.searchFieldVisible && oldState.searchValue === newState.searchValue && oldState.showChatListTime === newState.showChatListTime && oldState.showModelUsageMultiplier === newState.showModelUsageMultiplier && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.runModePickerOpen === newState.runModePickerOpen && oldState.sessions === newState.sessions && oldState.selectChevronEnabled === newState.selectChevronEnabled && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.userName === newState.userName && oldState.userState === newState.userState && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -3494,7 +3501,7 @@ const getMenuEntriesChatInput = () => {
   }, {
     command: 'Chat.handleInputPaste',
     flags: None,
-    id: 'copy',
+    id: 'paste',
     label: paste()
   }];
 };
@@ -3726,7 +3733,7 @@ const getMenuEntries = (menuId, props) => {
     case MenuChatInput:
       return getMenuEntriesChatInput();
     case MenuChatList:
-      return getMenuEntriesChatList();
+      return getMenuEntriesChatList(props.sessionId);
     case MenuChatProjectList:
       return getMenuEntriesChatProjectList(props.projectId, props.canRemoveProject);
     case MenuProjectAddButton:
@@ -4744,7 +4751,7 @@ const clearSlashCommands = () => {
     delete slashCommandRegistry[command];
   }
 };
-const hasSlashCommand = command => {
+const hasSlashCommand = async command => {
   return command in slashCommandRegistry;
 };
 const getSlashCommandHandler = command => {
@@ -5792,6 +5799,18 @@ const getShortToolErrorMessage = error => {
   }
   return `${firstLine.slice(0, 77)}...`;
 };
+const getStreamingToolCallStatus = value => {
+  if (value === 'in_progress') {
+    return 'in-progress';
+  }
+  if (value === 'cancelled' || value === 'canceled') {
+    return 'canceled';
+  }
+  if (value === 'failed' || value === 'error') {
+    return 'error';
+  }
+  return undefined;
+};
 const getToolCallExecutionStatus = content => {
   let parsed;
   try {
@@ -6112,12 +6131,17 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       const callId = Reflect.get(item, 'call_id');
       const name = Reflect.get(item, 'name');
       const rawArguments = Reflect.get(item, 'arguments');
+      const rawStatus = Reflect.get(item, 'status');
+      const status = getStreamingToolCallStatus(rawStatus);
       const next = {
         arguments: typeof rawArguments === 'string' ? rawArguments : '',
         ...(typeof callId === 'string' ? {
           id: callId
         } : {}),
-        name: typeof name === 'string' ? name : ''
+        name: typeof name === 'string' ? name : '',
+        ...(status ? {
+          status
+        } : {})
       };
       toolCallAccumulator = {
         ...toolCallAccumulator,
@@ -6139,6 +6163,8 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
       const callId = Reflect.get(item, 'call_id');
       const name = Reflect.get(item, 'name');
       const rawArguments = Reflect.get(item, 'arguments');
+      const rawStatus = Reflect.get(item, 'status');
+      const status = getStreamingToolCallStatus(rawStatus);
       const current = toolCallAccumulator[toolCallKey] || {
         arguments: '',
         name: ''
@@ -6152,7 +6178,12 @@ const parseOpenApiStream = async (response, onTextChunk, onToolCallsChunk, onDat
           } : current.id ? {
             id: current.id
           } : {}),
-          name: typeof name === 'string' && name ? name : current.name
+          name: typeof name === 'string' && name ? name : current.name,
+          ...(status ? {
+            status
+          } : current.status ? {
+            status: current.status
+          } : {})
         }
       };
       await emitToolCallAccumulator();
@@ -8099,14 +8130,14 @@ const getMentionContextMessage = async value => {
 };
 
 const slashCommandRegex = /^\/([a-z][a-z0-9-]*)(?:\s+.*)?$/i;
-const getSlashCommand = value => {
+const getSlashCommand = async value => {
   const trimmed = value.trim();
   const match = trimmed.match(slashCommandRegex);
   if (!match) {
     return undefined;
   }
   const command = match[1].toLowerCase();
-  if (!hasSlashCommand(command)) {
+  if (!(await hasSlashCommand(command))) {
     return undefined;
   }
   return command;
@@ -8604,7 +8635,7 @@ const handleSubmit = async state => {
   if (!userText) {
     return effectiveState;
   }
-  const slashCommand = getSlashCommand(userText);
+  const slashCommand = await getSlashCommand(userText);
   if (slashCommand) {
     return executeSlashCommand(effectiveState, slashCommand);
   }
@@ -9888,7 +9919,12 @@ const handleClickModelPickerList = async (state, eventY) => {
 };
 
 const handleModelInputBlur = async state => {
-  if (!state.modelPickerOpen) {
+  const {
+    modelPickerHeaderHeight,
+    modelPickerOpen,
+    models
+  } = state;
+  if (!modelPickerOpen) {
     return state;
   }
   return {
@@ -9897,11 +9933,11 @@ const handleModelInputBlur = async state => {
     focused: true,
     listFocusedIndex: -1,
     listFocusOutline: false,
-    modelPickerHeight: getModelPickerHeight(state.modelPickerHeaderHeight, state.models.length),
+    modelPickerHeight: getModelPickerHeight(modelPickerHeaderHeight, models.length),
     modelPickerListScrollTop: 0,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
-    visibleModels: state.models
+    visibleModels: models
   };
 };
 
@@ -10036,7 +10072,9 @@ const getDroppedFiles = async fileHandles => {
     });
   }
   const actualHandles = await getFileHandles(fileHandles);
-  return actualHandles.map(item => item.value).filter(item => item.kind === 'file');
+  return actualHandles
+  // @ts-ignore
+  .map(item => item.value).filter(item => item.kind === 'file');
 };
 
 const handleDropFiles = async (state, name, fileHandles = []) => {
@@ -10287,8 +10325,8 @@ const handleMessagesContextMenu = async (state, button, x, y) => {
   const {
     uid
   } = state;
-  await showContextMenu2(uid, Chat$2, x, y, {
-    menuId: Chat$2
+  await showContextMenu2(uid, MenuChatInput, x, y, {
+    menuId: MenuChatInput
   });
   return state;
 };
@@ -10957,6 +10995,15 @@ const loadShowChatListTime = async () => {
   }
 };
 
+const loadShowModelUsageMultiplier = async () => {
+  try {
+    const savedShowModelUsageMultiplier = await get('chatView.showModelUsageMultiplier');
+    return typeof savedShowModelUsageMultiplier === 'boolean' ? savedShowModelUsageMultiplier : true;
+  } catch {
+    return true;
+  }
+};
+
 const loadStreamingEnabled = async () => {
   try {
     const savedStreamingEnabled = await get('chatView.streamingEnabled');
@@ -11048,7 +11095,7 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authEnabled, authUseRedirect, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, runModePickerEnabled, scrollDownButtonEnabled, searchEnabled, showChatListTime, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, useAuthWorker, useOwnBackend, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadAuthEnabled(), loadAuthUseRedirect(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadRunModePickerEnabled(), loadScrollDownButtonEnabled(), loadSearchEnabled(), loadShowChatListTime(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadUseAuthWorker(), loadUseOwnBackend(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authEnabled, authUseRedirect, backendUrl, chatHistoryEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, reasoningPickerEnabled, runModePickerEnabled, scrollDownButtonEnabled, searchEnabled, showChatListTime, showModelUsageMultiplier, streamingEnabled, todoListToolEnabled, toolEnablement, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, useAuthWorker, useOwnBackend, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadAuthEnabled(), loadAuthUseRedirect(), loadBackendUrl(), loadChatHistoryEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadReasoningPickerEnabled(), loadRunModePickerEnabled(), loadScrollDownButtonEnabled(), loadSearchEnabled(), loadShowChatListTime(), loadShowModelUsageMultiplier(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadToolEnablement(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadUseAuthWorker(), loadUseOwnBackend(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authEnabled,
@@ -11065,6 +11112,7 @@ const loadPreferences = async () => {
     scrollDownButtonEnabled,
     searchEnabled,
     showChatListTime,
+    showModelUsageMultiplier,
     streamingEnabled,
     todoListToolEnabled,
     toolEnablement,
@@ -11094,6 +11142,28 @@ const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
   });
 };
 
+const normalizeSessionOnLoad = session => {
+  if (session.status !== 'in-progress') {
+    return session;
+  }
+  return {
+    ...session,
+    messages: session.messages.map(message => {
+      if (!message.inProgress) {
+        return message;
+      }
+      return {
+        ...message,
+        inProgress: false
+      };
+    }),
+    status: 'stopped'
+  };
+};
+const normalizeSessionsOnLoad = sessions => {
+  return sessions.map(normalizeSessionOnLoad);
+};
+
 const toSummarySession = session => {
   const lastActiveTime = getSessionLastActiveTime(session);
   const summary = {
@@ -11145,6 +11215,7 @@ const loadContent = async (state, savedState) => {
     scrollDownButtonEnabled,
     searchEnabled,
     showChatListTime,
+    showModelUsageMultiplier,
     streamingEnabled,
     todoListToolEnabled,
     toolEnablement,
@@ -11197,6 +11268,7 @@ const loadContent = async (state, savedState) => {
   const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
   const selectedSessionId = visibleSessions.some(session => session.id === preferredSessionId) ? preferredSessionId : visibleSessions[0]?.id || '';
   sessions = await loadSelectedSessionMessages(sessions, selectedSessionId);
+  sessions = normalizeSessionsOnLoad(sessions);
   const composerAttachments = await getComposerAttachments(selectedSessionId);
   let {
     parsedMessages
@@ -11259,6 +11331,7 @@ const loadContent = async (state, savedState) => {
     selectedSessionId,
     sessions,
     showChatListTime,
+    showModelUsageMultiplier,
     showRunMode: runModePickerEnabled,
     streamingEnabled,
     todoListToolEnabled,
@@ -11515,26 +11588,66 @@ const getCss = (composerHeight, composerAttachmentsHeight, modelPickerHeight, li
 
 :root{
  --WidgetBorder: white;
+ --ChatScrollbarThickness: 10px;
+ --ChatScrollbarTrack: transparent;
+ --ChatScrollbarThumb: var(--vscode-scrollbarSlider-background, rgba(121, 121, 121, 0.4));
+ --ChatScrollbarThumbHover: var(--vscode-scrollbarSlider-hoverBackground, rgba(100, 100, 100, 0.7));
+ --ChatScrollbarThumbActive: var(--vscode-scrollbarSlider-activeBackground, rgba(191, 191, 191, 0.4));
+}
+
+.ChatList,
+.ProjectList,
+.ChatMessages {
+  scrollbar-width: thin;
+  scrollbar-color: var(--ChatScrollbarThumb) var(--ChatScrollbarTrack);
+}
+
+.ChatList::-webkit-scrollbar,
+.ProjectList::-webkit-scrollbar,
+.ChatMessages::-webkit-scrollbar {
+  width: var(--ChatScrollbarThickness);
+  height: var(--ChatScrollbarThickness);
 }
 
-.ChatHeaderAuth{
-  align-items: center;
-  display: flex;
-  gap: 8px;
-  min-width: 0;
+.ChatList::-webkit-scrollbar-track,
+.ProjectList::-webkit-scrollbar-track,
+.ChatMessages::-webkit-scrollbar-track {
+  background: var(--ChatScrollbarTrack);
 }
 
-.ChatHeaderAuthName{
-  max-width: 180px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
+.ChatList::-webkit-scrollbar-thumb,
+.ProjectList::-webkit-scrollbar-thumb,
+.ChatMessages::-webkit-scrollbar-thumb {
+  background: var(--ChatScrollbarThumb);
+  border: 2px solid transparent;
+  border-radius: 999px;
+  background-clip: padding-box;
 }
 
-.ChatHeaderAuth .Button{
-  white-space: nowrap;
+.ChatList::-webkit-scrollbar-thumb:hover,
+.ProjectList::-webkit-scrollbar-thumb:hover,
+.ChatMessages::-webkit-scrollbar-thumb:hover {
+  background: var(--ChatScrollbarThumbHover);
+  border: 2px solid transparent;
+  background-clip: padding-box;
 }
 
+.ChatList::-webkit-scrollbar-thumb:active,
+.ProjectList::-webkit-scrollbar-thumb:active,
+.ChatMessages::-webkit-scrollbar-thumb:active {
+  background: var(--ChatScrollbarThumbActive);
+  border: 2px solid transparent;
+  background-clip: padding-box;
+}
+
+.ChatList::-webkit-scrollbar-corner,
+.ProjectList::-webkit-scrollbar-corner,
+.ChatMessages::-webkit-scrollbar-corner {
+  background: transparent;
+}
+
+
+
 .ChatSendAreaBottom{
   height: ${buttonsHeight}px;
 }
@@ -11668,6 +11781,7 @@ const ChatListItemStatusIcon = 'ChatListItemStatusIcon';
 const ChatListItemStatusInProgress = 'ChatListItemStatusInProgress';
 const ChatListItemStatusRow = 'ChatListItemStatusRow';
 const ChatListItemStatusStopped = 'ChatListItemStatusStopped';
+const ChatMessages = 'ChatMessages';
 const ChatMessageContent = 'ChatMessageContent';
 const ChatImageMessageContent = 'ChatImageMessageContent';
 const ChatMessageLink = 'ChatMessageLink';
@@ -11708,6 +11822,7 @@ const ChatMessageImage = 'ChatMessageImage';
 const ChatSendArea = 'ChatSendArea';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
+const ChatSendAreaContentTop = 'ChatSendAreaContentTop';
 const ChatSendAreaPrimaryControls = 'ChatSendAreaPrimaryControls';
 const ChatSelect = 'ChatSelect';
 const ChatTableWrapper = 'ChatTableWrapper';
@@ -11754,6 +11869,7 @@ const MarkdownTable = 'MarkdownTable';
 const MaskIcon = 'MaskIcon';
 const MaskIconAdd = 'MaskIconAdd';
 const MaskIconArchive = 'MaskIconArchive';
+const MaskIconArrowUp = 'MaskIconArrowUp';
 const MaskIconArrowLeft = 'MaskIconArrowLeft';
 const MaskIconChevronDown = 'MaskIconChevronDown';
 const MaskIconChevronRight = 'MaskIconChevronRight';
@@ -11764,6 +11880,7 @@ const MaskIconDiff = 'MaskIconDiff';
 const MaskIconFolder = 'MaskIconFolder';
 const MaskIconGitCommit = 'MaskIconGitCommit';
 const MaskIconLayoutPanelLeft = 'MaskIconLayoutPanelLeft';
+const MaskIconMic = 'MaskIconMic';
 const MaskIconSearch = 'MaskIconSearch';
 const MaskIconSettingsGear = 'MaskIconSettingsGear';
 const MaskIconTerminal = 'MaskIconTerminal';
@@ -11945,7 +12062,7 @@ const getCustomSelectOptionVirtualDom = (name, label, selected, detail = '') =>
     className,
     name,
     onClick: HandleClick,
-    role: 'option',
+    role: Option$1,
     type: Li
   }, {
     childCount: 1,
@@ -12008,7 +12125,7 @@ const getGitBranchPickerVirtualDom = (gitBranches, gitBranchPickerOpen, gitBranc
   }, ...messageDom, {
     childCount: branchOptions.length / 4,
     className: ChatModelPickerList,
-    role: 'listbox',
+    role: ListBox,
     type: Ul
   }, ...branchOptions] : [])];
 };
@@ -12051,7 +12168,7 @@ const getReasoningEffortPickerVirtualDom = (selectedReasoningEffort, reasoningEf
     childCount: reasoningEfforts.length,
     className: ChatModelPickerList,
     name: PickerList,
-    role: 'listbox',
+    role: ListBox,
     tabIndex: -1,
     type: Ul
   }, ...getReasoningEffortOptionsVirtualDom(selectedReasoningEffort)] : [])];
@@ -12086,7 +12203,7 @@ const getDictationButtonDom = () => {
     type: Button$1
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconMic',
+    className: mergeClassNames(MaskIcon, MaskIconMic),
     type: Div
   }];
 };
@@ -12119,8 +12236,8 @@ const getSubmitButtonDom = isSendDisabled => {
     type: Button$1
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconArrowUp',
-    role: 'none',
+    className: mergeClassNames(MaskIcon, MaskIconArrowUp),
+    role: None$1,
     type: Div
   }];
 };
@@ -12328,7 +12445,11 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
     childCount: 2 + (hasTodoList ? 1 : 0) + (hasComposerAttachments ? 1 : 0),
     className: ChatSendAreaContent,
     type: Div
-  }, ...getTodoListDom(hasTodoList, todoListItems), ...getComposerAttachmentsDom(composerAttachments), getComposerTextAreaDom(), {
+  }, ...getTodoListDom(hasTodoList, todoListItems), ...getComposerAttachmentsDom(composerAttachments), {
+    childCount: 1,
+    className: ChatSendAreaContentTop,
+    type: Div
+  }, getComposerTextAreaDom(), {
     childCount: bottomControlsCount,
     className: ChatSendAreaBottom,
     onContextMenu: HandleContextMenuChatSendAreaBottom,
@@ -12336,7 +12457,7 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
   }, {
     childCount: primaryControlsCount,
     className: ChatSendAreaPrimaryControls,
-    role: 'toolbar',
+    role: ToolBar,
     type: Div
   }, ...(showAgentModePicker ? getAgentModePickerVirtualDom(agentMode, agentModePickerOpen, selectChevronEnabled) : []), ...getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen, selectChevronEnabled), ...(reasoningPickerEnabled ? getReasoningEffortPickerVirtualDom(reasoningEffort, reasoningEffortPickerOpen, selectChevronEnabled) : []), ...(showResponsiveRunModePicker ? getRunModePickerVirtualDom(runMode, runModePickerOpen, selectChevronEnabled) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...(showCreatePullRequestButton ? getCreatePullRequestButtonDom() : []), ...(showImplementPlanButton ? getImplementPlanButtonDom() : []), ...(showGitBranchPicker ? getGitBranchPickerVirtualDom(gitBranches, gitBranchPickerOpen, gitBranchPickerErrorMessage, fallbackBranchName, selectChevronEnabled) : []), ...(showScrollDownButton ? getScrollDownButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled, isSessionInProgress)];
 };
@@ -12353,7 +12474,17 @@ const getButtonTitle = (userState, isAuthenticated) => {
   }
   return isAuthenticated ? logoutFromBackend$1() : loginToBackend();
 };
-const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', userName = '') => {
+const getAuthErrorDom = authErrorMessage => {
+  if (!authErrorMessage) {
+    return [];
+  }
+  return [{
+    childCount: 1,
+    className: ChatAuthError,
+    type: Span
+  }, text(authErrorMessage)];
+};
+const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', userName = '', authErrorMessage = '') => {
   if (!authEnabled) {
     return [];
   }
@@ -12363,8 +12494,9 @@ const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', user
   const buttonTitle = getButtonTitle(userState, isAuthenticated);
   const isPending = userState === 'loggingOut';
   const displayName = userName || signedIn();
+  const hasAuthError = !!authErrorMessage;
   return [{
-    childCount: isAuthenticated ? 2 : 1,
+    childCount: (isAuthenticated ? 2 : 1) + (hasAuthError ? 1 : 0),
     className: ChatHeaderAuth,
     type: Div
   }, ...(isAuthenticated ? [{
@@ -12381,7 +12513,7 @@ const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', user
     onClick: HandleClick,
     title: buttonTitle,
     type: Button$1
-  }, text(buttonLabel)];
+  }, text(buttonLabel), ...getAuthErrorDom(authErrorMessage)];
 };
 
 const getHeaderActionClassName = disabled => {
@@ -12489,7 +12621,7 @@ const getCustomSelectPopOverVirtualDom = (optionCount, height, optionNodes, cont
     childCount: optionCount,
     className: ChatModelPickerList,
     name: PickerList,
-    role: 'listbox',
+    role: ListBox,
     tabIndex: -1,
     type: Ul
   }, ...optionNodes];
@@ -12515,8 +12647,8 @@ const getUsageCostLabel = model => {
   return `${model.usageCost ?? 1}x`;
 };
 
-const getChatModelListItemVirtualDom = (model, selectedModelId) => {
-  const detail = getUsageCostLabel(model);
+const getChatModelListItemVirtualDom = (model, selectedModelId, showModelUsageMultiplier = true) => {
+  const detail = showModelUsageMultiplier ? getUsageCostLabel(model) : '';
   const hasDetail = detail !== '';
   const usageCostDom = getUsageCostDom(detail);
   const selected = model.id === selectedModelId;
@@ -12526,7 +12658,7 @@ const getChatModelListItemVirtualDom = (model, selectedModelId) => {
     childCount: hasDetail ? 2 : 1,
     className,
     'data-id': model.id,
-    role: 'option',
+    role: Option$1,
     type: Li
   }, {
     childCount: 1,
@@ -12537,14 +12669,14 @@ const getChatModelListItemVirtualDom = (model, selectedModelId) => {
 
 const parentNode$2 = {
   childCount: 1,
-  className: 'Message',
+  className: Message,
   type: P
 };
 const getNoMatchingModelsFoundVirtualDom = () => {
   return [parentNode$2, text(noMatchingModelsFound())];
 };
 
-const getChatModelListVirtualDom = (visibleModels, selectedModelId) => {
+const getChatModelListVirtualDom = (visibleModels, selectedModelId, showModelUsageMultiplier = true) => {
   if (visibleModels.length === 0) {
     return getNoMatchingModelsFoundVirtualDom();
   }
@@ -12556,9 +12688,9 @@ const getChatModelListVirtualDom = (visibleModels, selectedModelId) => {
     onPointerDown: HandlePointerDownModelPickerList,
     onPointerUp: HandlePointerUpModelPickerList,
     onScroll: HandleModelPickerListScroll,
-    role: 'listbox',
+    role: ListBox,
     type: Ul
-  }, ...visibleModels.flatMap(model => getChatModelListItemVirtualDom(model, selectedModelId))];
+  }, ...visibleModels.flatMap(model => getChatModelListItemVirtualDom(model, selectedModelId, showModelUsageMultiplier))];
 };
 
 const getModelPickerHeaderDom = modelPickerSearchValue => {
@@ -12581,7 +12713,7 @@ const getModelPickerHeaderDom = modelPickerSearchValue => {
   }];
 };
 
-const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPickerSearchValue) => {
+const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPickerSearchValue, showModelUsageMultiplier = true) => {
   const visibleModels = getVisibleModels(models, modelPickerSearchValue);
   return [{
     childCount: 2,
@@ -12593,7 +12725,7 @@ const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPicke
     childCount: 2 + visibleModels.length,
     className: ChatModelPicker,
     type: Div
-  }, ...getModelPickerHeaderDom(modelPickerSearchValue), ...getChatModelListVirtualDom(visibleModels, selectedModelId)];
+  }, ...getModelPickerHeaderDom(modelPickerSearchValue), ...getChatModelListVirtualDom(visibleModels, selectedModelId, showModelUsageMultiplier)];
 };
 
 const getImageCouldNotBeLoadedDom = () => {
@@ -12672,6 +12804,7 @@ const getChatOverlaysVirtualDom = ({
   runMode,
   runModePickerVisible,
   selectedModelId,
+  showModelUsageMultiplier = true,
   visibleModels
 }) => {
   const overlayChildCount = (dropOverlayVisible ? 1 : 0) + (composerAttachmentPreviewOverlayVisible ? 1 : 0) + (agentModePickerVisible ? 1 : 0) + (modelPickerVisible ? 1 : 0) + (runModePickerVisible ? 1 : 0);
@@ -12682,7 +12815,7 @@ const getChatOverlaysVirtualDom = ({
     childCount: overlayChildCount,
     className: ChatOverlays,
     type: Div
-  }, ...(dropOverlayVisible ? getDropOverlayVirtualDom() : []), ...getComposerAttachmentPreviewOverlayVirtualDom(composerAttachments, composerAttachmentPreviewOverlayAttachmentId, composerAttachmentPreviewOverlayError), ...(agentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(modelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue) : []), ...(runModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
+  }, ...(dropOverlayVisible ? getDropOverlayVirtualDom() : []), ...getComposerAttachmentPreviewOverlayVirtualDom(composerAttachments, composerAttachmentPreviewOverlayAttachmentId, composerAttachmentPreviewOverlayError), ...(agentModePickerVisible ? getAgentModePickerPopOverVirtualDom(agentMode) : []), ...(modelPickerVisible ? getChatModelPickerPopOverVirtualDom(visibleModels, selectedModelId, modelPickerSearchValue, showModelUsageMultiplier) : []), ...(runModePickerVisible ? getRunModePickerPopOverVirtualDom(runMode) : [])];
 };
 
 const getBoldInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
@@ -13160,6 +13293,15 @@ const getOpenRouterTooManyRequestsDom = () => {
 };
 
 const getToolCallStatusLabel = toolCall => {
+  if (toolCall.status === 'success') {
+    return ' (finished)';
+  }
+  if (toolCall.status === 'in-progress') {
+    return ' (in progress)';
+  }
+  if (toolCall.status === 'canceled') {
+    return ' (canceled)';
+  }
   if (toolCall.status === 'not-found') {
     if (toolCall.errorMessage) {
       return ` (error: ${toolCall.errorMessage})`;
@@ -14384,10 +14526,10 @@ const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApi
     }
     return [{
       childCount: 0,
-      className: 'ChatMessages',
+      className: ChatMessages,
       onContextMenu: HandleMessagesContextMenu,
       onScroll: HandleMessagesScroll,
-      role: 'log',
+      role: Log,
       scrollTop: messagesScrollTop,
       type: Div
     }];
@@ -14395,10 +14537,10 @@ const getMessagesDom = (messages, parsedMessages, openRouterApiKeyInput, openApi
   const displayMessages = getDisplayMessages(messages, parsedMessages);
   return [{
     childCount: displayMessages.length,
-    className: 'ChatMessages',
+    className: ChatMessages,
     onContextMenu: HandleMessagesContextMenu,
     onScroll: HandleMessagesScroll,
-    role: 'log',
+    role: Log,
     scrollTop: messagesScrollTop,
     type: Div
   }, ...displayMessages.flatMap(item => getChatMessageDom(item.message, item.parsedContent, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, useChatMathWorker, item.standaloneImageAttachment))];
@@ -14462,7 +14604,7 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     type: Div
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconFolder',
+    className: mergeClassNames(MaskIcon, MaskIconFolder),
     type: Div
   }, text(project.name), {
     childCount: 1,
@@ -14557,6 +14699,7 @@ const getChatModeChatFocusVirtualDom = ({
   selectedProjectId = '',
   selectedSessionId,
   sessions,
+  showModelUsageMultiplier = true,
   showRunMode,
   todoListItems,
   todoListToolEnabled,
@@ -14596,7 +14739,7 @@ const getChatModeChatFocusVirtualDom = ({
     childCount: 0,
     className: mergeClassNames(Sash, SashVertical),
     onPointerDown: HandlePointerDownProjectSidebarSash,
-    role: 'separator',
+    role: Separator,
     type: Div
   }, {
     childCount: 3,
@@ -14615,6 +14758,7 @@ const getChatModeChatFocusVirtualDom = ({
     runMode,
     runModePickerVisible: isRunModePickerVisible,
     selectedModelId,
+    showModelUsageMultiplier,
     visibleModels
   })];
 };
@@ -14678,24 +14822,13 @@ const getChatHeaderActionsDom = (viewMode, searchEnabled = false) => {
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
 
-const getAuthErrorDom = (hasAuthError, authErrorMessage) => {
-  if (!hasAuthError) {
-    return [];
-  }
-  return [{
-    childCount: 1,
-    className: ChatAuthError,
-    type: Span
-  }, text(authErrorMessage)];
-};
 const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, userState = 'loggedOut', userName = '', authErrorMessage = '') => {
-  const hasAuthError = authEnabled && !!authErrorMessage;
   return [{
-    childCount: 2 + (authEnabled ? 1 : 0) + (hasAuthError ? 1 : 0),
+    childCount: 2 + (authEnabled ? 1 : 0),
     className: ChatHeader,
     onContextMenu: HandleChatHeaderContextMenu,
     type: Header
-  }, ...getChatHeaderAuthDom(authEnabled, userState, userName), {
+  }, ...getChatHeaderAuthDom(authEnabled, userState, userName, authErrorMessage), {
     childCount: 2,
     className: ChatName,
     type: Div
@@ -14703,7 +14836,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, u
     childCount: 1,
     className: ChatHeaderLabel,
     type: H2
-  }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail'), ...getAuthErrorDom(hasAuthError, authErrorMessage)];
+  }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail')];
 };
 
 const getChatModeDetailVirtualDom = ({
@@ -14746,6 +14879,7 @@ const getChatModeDetailVirtualDom = ({
   selectedModelId,
   selectedSessionId,
   sessions,
+  showModelUsageMultiplier = true,
   showRunMode,
   todoListItems,
   todoListToolEnabled,
@@ -14790,6 +14924,7 @@ const getChatModeDetailVirtualDom = ({
     runMode,
     runModePickerVisible: isRunModePickerVisible,
     selectedModelId,
+    showModelUsageMultiplier,
     visibleModels
   })];
 };
@@ -14815,23 +14950,18 @@ const getChatSearchDom = (hasSearchField, searchValue) => {
 };
 
 const getChatHeaderListModeDom = (authEnabled = false, userState = 'loggedOut', userName = '', authErrorMessage = '', searchEnabled = false, searchFieldVisible = false, searchValue = '') => {
-  const hasAuthError = authEnabled && !!authErrorMessage;
   const hasSearchField = searchEnabled && searchFieldVisible;
-  const headerChildCount = 2 + (authEnabled ? 1 : 0) + (hasAuthError ? 1 : 0) + (hasSearchField ? 1 : 0);
+  const headerChildCount = 2 + (authEnabled ? 1 : 0) + (hasSearchField ? 1 : 0);
   return [{
     childCount: headerChildCount,
     className: ChatHeader,
     onContextMenu: HandleChatHeaderContextMenu,
     type: Header
-  }, ...getChatHeaderAuthDom(authEnabled, userState, userName), {
+  }, ...getChatHeaderAuthDom(authEnabled, userState, userName, authErrorMessage), {
     childCount: 1,
     className: ChatHeaderLabel,
     type: H2
-  }, text(chats()), ...getChatHeaderActionsDom('list', searchEnabled), ...getChatSearchDom(hasSearchField, searchValue), ...(hasAuthError ? [{
-    childCount: 1,
-    className: ChatAuthError,
-    type: Span
-  }, text(authErrorMessage)] : [])];
+  }, text(chats()), ...getChatHeaderActionsDom('list', searchEnabled), ...getChatSearchDom(hasSearchField, searchValue)];
 };
 
 const parentNode = {
@@ -14929,7 +15059,7 @@ const getSessionDom = (session, focused = false, showChatListTime = true, showFo
     type: Div
   }, {
     childCount: 0,
-    className: `${ChatListItemStatusIcon} ${sessionStatusClassName}`,
+    className: mergeClassNames(ChatListItemStatusIcon, sessionStatusClassName),
     type: Div
   }, {
     childCount: showChatListTime ? 2 : 1,
@@ -14941,7 +15071,6 @@ const getSessionDom = (session, focused = false, showChatListTime = true, showFo
     name: getSessionInputName(session.id),
     onContextMenu: HandleListContextMenu,
     onFocus: HandleFocus,
-    tabIndex: 0,
     type: Div
   }, {
     childCount: 1,
@@ -15027,6 +15156,7 @@ const getChatModeListVirtualDom = ({
   selectedSessionId,
   sessions,
   showChatListTime,
+  showModelUsageMultiplier = true,
   showRunMode,
   todoListItems,
   todoListToolEnabled,
@@ -15066,6 +15196,7 @@ const getChatModeListVirtualDom = ({
     runMode,
     runModePickerVisible: isRunModePickerVisible,
     selectedModelId,
+    showModelUsageMultiplier,
     visibleModels
   })];
 };
@@ -15205,6 +15336,7 @@ const getChatVirtualDom = options => {
     selectedSessionId,
     sessions,
     showChatListTime,
+    showModelUsageMultiplier = true,
     showRunMode,
     todoListToolEnabled,
     tokensMax,
@@ -15269,6 +15401,7 @@ const getChatVirtualDom = options => {
         selectedProjectId,
         selectedSessionId,
         sessions,
+        showModelUsageMultiplier,
         showRunMode,
         todoListItems,
         todoListToolEnabled,
@@ -15322,6 +15455,7 @@ const getChatVirtualDom = options => {
         selectedModelId,
         selectedSessionId,
         sessions,
+        showModelUsageMultiplier,
         showRunMode,
         todoListItems,
         todoListToolEnabled,
@@ -15372,6 +15506,7 @@ const getChatVirtualDom = options => {
         selectedSessionId,
         sessions,
         showChatListTime,
+        showModelUsageMultiplier,
         showRunMode,
         todoListItems,
         todoListToolEnabled,
@@ -15445,6 +15580,7 @@ const renderItems = (oldState, newState) => {
     selectedSessionId,
     sessions,
     showChatListTime,
+    showModelUsageMultiplier,
     showRunMode,
     todoListToolEnabled,
     tokensMax,
@@ -15516,6 +15652,7 @@ const renderItems = (oldState, newState) => {
     selectedSessionId,
     sessions,
     showChatListTime,
+    showModelUsageMultiplier,
     showRunMode,
     todoListToolEnabled,
     tokensMax,
@@ -16076,6 +16213,13 @@ const setShowChatListTime = (state, showChatListTime) => {
   };
 };
 
+const setShowModelUsageMultiplier = (state, showModelUsageMultiplier) => {
+  return {
+    ...state,
+    showModelUsageMultiplier
+  };
+};
+
 const setShowRunMode = (state, showRunMode) => {
   return {
     ...state,
@@ -16250,6 +16394,7 @@ const commandMap = {
   'Chat.handleDropFiles': wrapCommand(handleDropFiles),
   'Chat.handleErrorComposerAttachmentPreviewOverlay': wrapCommand(handleErrorComposerAttachmentPreviewOverlay),
   'Chat.handleInput': wrapCommand(handleInput),
+  'Chat.handleInputCopy': wrapCommand(copyInput),
   'Chat.handleInputFocus': wrapCommand(handleInputFocus),
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
   'Chat.handleMessagesContextMenu': wrapCommand(handleMessagesContextMenu),
@@ -16320,6 +16465,7 @@ const commandMap = {
   'Chat.setSearchEnabled': wrapCommand(setSearchEnabled),
   'Chat.setSelectChevronEnabled': wrapCommand(setSelectChevronEnabled),
   'Chat.setShowChatListTime': wrapCommand(setShowChatListTime),
+  'Chat.setShowModelUsageMultiplier': wrapCommand(setShowModelUsageMultiplier),
   'Chat.setShowRunMode': wrapCommand(setShowRunMode),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
   'Chat.setSystemPrompt': wrapCommand(setSystemPrompt),