@lvce-editor/static-server 0.80.10 → 0.80.12

package/static/{27c0844 → 31cb4b0}/packages/chat-view/dist/chatViewWorkerMain.js

@@ -1118,18 +1118,18 @@ const create$2 = rpcId => {
 };
 
 const {
-  invoke: invoke$9,
+  invoke: invoke$a,
   set: set$d
 } = create$2(6010);
 const login$1 = async options => {
-  return invoke$9('Auth.login', options);
+  return invoke$a('Auth.login', options);
 };
 const logout$1 = async options => {
-  return invoke$9('Auth.logout', options);
+  return invoke$a('Auth.logout', options);
 };
 
 const {
-  invoke: invoke$8,
+  invoke: invoke$9,
   set: set$c
 } = create$2(6008);
 
@@ -1138,11 +1138,11 @@ const {
 } = create$2(6007);
 
 const {
-  invoke: invoke$7,
+  invoke: invoke$8,
   set: set$a
 } = create$2(6009);
 
-const Button$2 = 'button';
+const Button$3 = 'button';
 const ListBox = 'listbox';
 const Log = 'log';
 const None$1 = 'none';
@@ -1151,7 +1151,7 @@ const Separator = 'separator';
 const ToolBar = 'toolbar';
 
 const Audio = 0;
-const Button$1 = 1;
+const Button$2 = 1;
 const Col = 2;
 const ColGroup = 3;
 const Div = 4;
@@ -1204,6 +1204,7 @@ const Em = 71;
 const Form = 78;
 const Reference = 100;
 
+const Button$1 = 'event.button';
 const ClientX = 'event.clientX';
 const ClientY = 'event.clientY';
 const DataTransferFiles2 = 'event.dataTransfer.files2';
@@ -1230,6 +1231,8 @@ const Chat$2 = 97;
 
 const None = 0;
 
+const Electron = 2;
+
 const ChatNetworkWorker = 6002;
 const ChatStorageWorker = 6003;
 const ChatToolWorker = 6005;
@@ -1252,45 +1255,45 @@ const FocusChatInput = 8000;
 const FocusChatList = 8001;
 
 const {
-  invoke: invoke$6,
+  invoke: invoke$7,
   set: set$9
 } = create$2(ChatNetworkWorker);
 
 const {
-  invoke: invoke$5,
+  invoke: invoke$6,
   set: set$8
 } = create$2(ChatStorageWorker);
 const appendEvent = async event => {
-  return invoke$5('ChatStorage.appendEvent', event);
+  return invoke$6('ChatStorage.appendEvent', event);
 };
 const clear = async () => {
-  return invoke$5('ChatStorage.clear');
+  return invoke$6('ChatStorage.clear');
 };
 const deleteSession$1 = async id => {
-  return invoke$5('ChatStorage.deleteSession', id);
+  return invoke$6('ChatStorage.deleteSession', id);
 };
 const getEvents = async sessionId => {
-  return invoke$5('ChatStorage.getEvents', sessionId);
+  return invoke$6('ChatStorage.getEvents', sessionId);
 };
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$5,
   set: set$7
 } = create$2(ChatToolWorker);
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$4,
   set: set$6
 } = create$2(ClipBoardWorker);
 const writeText = async text => {
-  return invoke$3('ClipBoard.writeText', text);
+  return invoke$4('ClipBoard.writeText', text);
 };
 const readText = async () => {
-  return invoke$3('ClipBoard.readText');
+  return invoke$4('ClipBoard.readText');
 };
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$3,
   set: set$5
 } = create$2(ExtensionHostWorker);
 
@@ -1299,15 +1302,15 @@ const {
 } = create$2(IconThemeWorker);
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   set: set$3
 } = create$2(OpenerWorker);
 const openExternal = async url => {
-  return invoke$1('Open.openExternal', url);
+  return invoke$2('Open.openExternal', url);
 };
 
 const {
-  invoke,
+  invoke: invoke$1,
   invokeAndTransfer,
   set: set$2
 } = create$2(RendererWorker);
@@ -1316,10 +1319,10 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(menuId);
   number(x);
   number(y);
-  await invoke('ContextMenu.show2', uid, menuId, x, y, args);
+  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
 };
 const getFileHandles = async fileIds => {
-  const files = await invoke('FileSystemHandle.getFileHandles', fileIds);
+  const files = await invoke$1('FileSystemHandle.getFileHandles', fileIds);
   return files;
 };
 const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
@@ -1351,7 +1354,7 @@ const sendMessagePortToIconThemeWorker$1 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToIconThemeWorker', port, command, rpcId);
 };
 const readFile = async uri => {
-  return invoke('FileSystem.readFile', uri);
+  return invoke$1('FileSystem.readFile', uri);
 };
 const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -1363,29 +1366,33 @@ const sendMessagePortToChatNetworkWorker = async port => {
 const sendMessagePortToChatToolWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatToolWorker', port, 'HandleMessagePort.handleMessagePort');
 };
-const sendMessagePortToChatStorageWorker$1 = async port => {
-  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatStorageWorker', port, 'HandleMessagePort.handleMessagePort');
+const sendMessagePortToChatStorageWorker$1 = async (port, rpcId) => {
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatStorageWorker', port, 'HandleMessagePort.handleMessagePort', rpcId);
 };
 const activateByEvent$1 = (event, assetDir, platform) => {
-  return invoke('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
+  return invoke$1('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
 const getWorkspacePath = () => {
-  return invoke('Workspace.getPath');
+  return invoke$1('Workspace.getPath');
 };
 const sendMessagePortToTextMeasurementWorker$1 = async port => {
   const command = 'TextMeasurement.handleMessagePort';
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToTextMeasurementWorker', port, command, 0);
 };
 const getPreference = async key => {
-  return await invoke('Preferences.get', key);
+  return await invoke$1('Preferences.get', key);
 };
 const measureTextBlockHeight$1 = async (actualInput, fontFamily, fontSize, lineHeightPx, width) => {
-  return invoke(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+  return invoke$1(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
 };
 
 const {
+  invoke,
   set: set$1
 } = create$2(IconThemeWorker);
+const measureTextWidth$1 = async (text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth) => {
+  return invoke('TextMeasurement.measureTextWidth', text, fontWeight, fontSize, fontFamily, letterSpacing, isMonoSpaceFont, charWidth);
+};
 
 const toCommandId = key => {
   const dotIndex = key.indexOf('.');
@@ -1867,6 +1874,323 @@ const getAgentModeLabel = agentMode => {
   }
 };
 
+const Composer = 'composer';
+const Search$1 = 'search';
+const ComposerDropTarget = 'composer-drop-target';
+const ComposerAttachmentPrefix = 'composer-attachment:';
+const ComposerAttachmentPreviewPrefix = 'composer-attachment-preview:';
+const ComposerAttachmentRemovePrefix = 'composer-attachment-remove:';
+const ComposerAttachmentPreviewOverlay = 'composer-attachment-preview-overlay';
+const AddContext$1 = 'add-context';
+const Dictate = 'dictate';
+const CreatePullRequest$2 = 'create-pull-request';
+const ImplementPlan = 'implement-plan';
+const GitBranchPickerToggle = 'git-branch-picker-toggle';
+const GitBranchPickerItemPrefix = 'git-branch-picker-item:';
+const FocusAddAction = 'focus-add-action';
+const FocusCommit = 'focus-commit';
+const FocusOpenInVsCode = 'focus-open-in-vscode';
+const FocusOpenTerminal = 'focus-open-terminal';
+const FocusShowDiff = 'focus-show-diff';
+const Send = 'send';
+const Stop$1 = 'stop';
+const ScrollDown$1 = 'scroll-down';
+const Back = 'back';
+const ModelPickerToggle = 'model-picker-toggle';
+const ModelPickerSearch = 'model-picker-search';
+const ModelPickerList = 'model-picker-list';
+const PickerList = 'picker-list';
+const AgentModePickerToggle = 'agent-mode-picker-toggle';
+const AgentModePickerItemPrefix = 'agent-mode-picker-item:';
+const ReasoningEffortPickerToggle = 'reasoning-effort-picker-toggle';
+const ReasoningEffortPickerItemPrefix = 'reasoning-effort-picker-item:';
+const RunModePickerToggle = 'run-mode-picker-toggle';
+const RunModePickerItemPrefix = 'run-mode-picker-item:';
+const PrimaryControlsOverflow = 'primary-controls-overflow';
+const ToggleChatFocus = 'toggle-chat-focus';
+const ToggleSearch = 'toggle-search';
+const ChatList$1 = 'chat-list';
+const CreateProject = 'create-project';
+const CreateSession = 'create-session';
+const CreateSessionInProjectPrefix = 'create-session-in-project:';
+const SessionDebug = 'session-debug';
+const Settings$1 = 'settings';
+const Login$1 = 'login';
+const Logout$1 = 'logout';
+const CloseChat$1 = 'close-chat';
+const SessionDelete = 'SessionDelete';
+const ProjectDelete = 'ProjectDelete';
+const ProjectPrefix = 'project:';
+const SessionPrefix = 'session:';
+const RenamePrefix = 'session-rename:';
+const ModelPickerItemPrefix = 'model-picker-item:';
+const getProjectInputName = projectId => {
+  return `${ProjectPrefix}${projectId}`;
+};
+const getCreateSessionInProjectInputName = projectId => {
+  return `${CreateSessionInProjectPrefix}${projectId}`;
+};
+const isCreateSessionInProjectInputName = name => {
+  return name.startsWith(CreateSessionInProjectPrefix);
+};
+const getProjectIdFromCreateSessionInProjectInputName = name => {
+  return name.slice(CreateSessionInProjectPrefix.length);
+};
+const isProjectInputName = name => {
+  return name.startsWith(ProjectPrefix);
+};
+const getProjectIdFromInputName = name => {
+  return name.slice(ProjectPrefix.length);
+};
+const getSessionInputName = sessionId => {
+  return `${SessionPrefix}${sessionId}`;
+};
+const isSessionInputName = name => {
+  return name.startsWith(SessionPrefix);
+};
+const getSessionIdFromInputName = name => {
+  return name.slice(SessionPrefix.length);
+};
+const isRenameInputName = name => {
+  return name.startsWith(RenamePrefix);
+};
+const getRenameIdFromInputName = name => {
+  return name.slice(RenamePrefix.length);
+};
+const getGitBranchPickerItemInputName = branchName => {
+  return `${GitBranchPickerItemPrefix}${branchName}`;
+};
+const isGitBranchPickerItemInputName = name => {
+  return name.startsWith(GitBranchPickerItemPrefix);
+};
+const getGitBranchFromGitBranchPickerItemInputName = name => {
+  return name.slice(GitBranchPickerItemPrefix.length);
+};
+const getComposerAttachmentInputName = attachmentId => {
+  return `${ComposerAttachmentPrefix}${attachmentId}`;
+};
+const isComposerAttachmentInputName = name => {
+  return name.startsWith(ComposerAttachmentPrefix);
+};
+const getAttachmentIdFromComposerAttachmentInputName = name => {
+  return name.slice(ComposerAttachmentPrefix.length);
+};
+const getComposerAttachmentRemoveInputName = attachmentId => {
+  return `${ComposerAttachmentRemovePrefix}${attachmentId}`;
+};
+const isComposerAttachmentPreviewInputName = name => {
+  return name.startsWith(ComposerAttachmentPreviewPrefix);
+};
+const getAttachmentIdFromComposerAttachmentPreviewInputName = name => {
+  return name.slice(ComposerAttachmentPreviewPrefix.length);
+};
+const isComposerAttachmentRemoveInputName = name => {
+  return name.startsWith(ComposerAttachmentRemovePrefix);
+};
+const getAttachmentIdFromComposerAttachmentRemoveInputName = name => {
+  return name.slice(ComposerAttachmentRemovePrefix.length);
+};
+const isComposerAttachmentPreviewOverlayInputName = name => {
+  return name === ComposerAttachmentPreviewOverlay;
+};
+const isModelPickerItemInputName = name => {
+  return name.startsWith(ModelPickerItemPrefix);
+};
+const getModelIdFromModelPickerItemInputName = name => {
+  return name.slice(ModelPickerItemPrefix.length);
+};
+const getAgentModePickerItemInputName = agentMode => {
+  return `${AgentModePickerItemPrefix}${agentMode}`;
+};
+const isAgentModePickerItemInputName = name => {
+  return name.startsWith(AgentModePickerItemPrefix);
+};
+const getAgentModeFromAgentModePickerItemInputName = name => {
+  return name.slice(AgentModePickerItemPrefix.length);
+};
+const getRunModePickerItemInputName = runMode => {
+  return `${RunModePickerItemPrefix}${runMode}`;
+};
+const isRunModePickerItemInputName = name => {
+  return name.startsWith(RunModePickerItemPrefix);
+};
+const getRunModeFromRunModePickerItemInputName = name => {
+  return name.slice(RunModePickerItemPrefix.length);
+};
+const getReasoningEffortPickerItemInputName = reasoningEffort => {
+  return `${ReasoningEffortPickerItemPrefix}${reasoningEffort}`;
+};
+const isReasoningEffortPickerItemInputName = name => {
+  return name.startsWith(ReasoningEffortPickerItemPrefix);
+};
+const getReasoningEffortFromReasoningEffortPickerItemInputName = name => {
+  return name.slice(ReasoningEffortPickerItemPrefix.length);
+};
+
+const reasoningEfforts = ['extra-high', 'high', 'medium', 'low'];
+const defaultReasoningEffort = 'medium';
+const isReasoningEffort = value => {
+  return reasoningEfforts.includes(value);
+};
+const getReasoningEffortLabel = reasoningEffort => {
+  switch (reasoningEffort) {
+    case 'extra-high':
+      return 'Extra High';
+    case 'high':
+      return 'High';
+    case 'low':
+      return 'Low';
+    case 'medium':
+      return 'Medium';
+    default:
+      return reasoningEffort;
+  }
+};
+
+const AgentModeControl = AgentModePickerToggle;
+const ModelControl = ModelPickerToggle;
+const ReasoningEffortControl = ReasoningEffortPickerToggle;
+const RunModeControl = RunModePickerToggle;
+const primaryControlsOverflowLabel = '...';
+const primaryControlsGap = 8;
+const primaryControlsSubmitButtonWidth = 22;
+const primaryControlSelectIconGap = 4;
+const primaryControlSelectIconSize = 10;
+const primaryControlFontSize = 11;
+const getAvailablePrimaryControls = (reasoningPickerEnabled, showRunMode) => {
+  return [AgentModeControl, ModelControl, ...(reasoningPickerEnabled ? [ReasoningEffortControl] : []), ...(showRunMode ? [RunModeControl] : [])];
+};
+const getPrimaryControlLabel = (control, agentMode, models, selectedModelId, reasoningEffort, runMode) => {
+  switch (control) {
+    case AgentModeControl:
+      return getAgentModeLabel(agentMode);
+    case ModelControl:
+      {
+        const selectedModel = models.find(model => model.id === selectedModelId);
+        return selectedModel ? selectedModel.name : selectedModelId;
+      }
+    case ReasoningEffortControl:
+      return getReasoningEffortLabel(reasoningEffort);
+    case RunModeControl:
+      return runMode;
+    default:
+      return '';
+  }
+};
+const getPrimaryControlCommand = control => {
+  switch (control) {
+    case AgentModeControl:
+      return 'Chat.openAgentModePicker';
+    case ModelControl:
+      return 'Chat.openModelPicker';
+    case ReasoningEffortControl:
+      return 'Chat.openReasoningEffortPicker';
+    case RunModeControl:
+      return 'Chat.openRunModePicker';
+    default:
+      return '';
+  }
+};
+
+const fullyVisibleResponsivePickerState = {
+  hasSpaceForAgentModePicker: true,
+  hasSpaceForRunModePicker: true,
+  hiddenPrimaryControls: [],
+  primaryControlsOverflowButtonVisible: false,
+  visiblePrimaryControls: []
+};
+const getResponsivePickerState = ({
+  availablePrimaryControls,
+  chatSendAreaPaddingLeft,
+  chatSendAreaPaddingRight,
+  overflowButtonWidth,
+  primaryControlGap,
+  primaryControlWidths,
+  responsivePickerVisibilityEnabled,
+  submitButtonWidth,
+  width
+}) => {
+  if (!responsivePickerVisibilityEnabled) {
+    return {
+      ...fullyVisibleResponsivePickerState,
+      hasSpaceForAgentModePicker: availablePrimaryControls.includes('agent-mode-picker-toggle'),
+      hasSpaceForRunModePicker: availablePrimaryControls.includes('run-mode-picker-toggle'),
+      visiblePrimaryControls: availablePrimaryControls
+    };
+  }
+  const availableWidth = Math.max(0, width - chatSendAreaPaddingLeft - chatSendAreaPaddingRight - submitButtonWidth - primaryControlGap);
+  const visiblePrimaryControls = [];
+  let usedWidth = 0;
+  let hiddenStartIndex = availablePrimaryControls.length;
+  for (let index = 0; index < availablePrimaryControls.length; index++) {
+    const control = availablePrimaryControls[index];
+    const controlWidth = primaryControlWidths[control];
+    const nextWidth = usedWidth + (visiblePrimaryControls.length > 0 ? primaryControlGap : 0) + controlWidth;
+    const hasRemainingControls = index < availablePrimaryControls.length - 1;
+    const reservedOverflowWidth = hasRemainingControls ? primaryControlGap + overflowButtonWidth : 0;
+    if (nextWidth + reservedOverflowWidth <= availableWidth) {
+      visiblePrimaryControls.push(control);
+      usedWidth = nextWidth;
+      continue;
+    }
+    hiddenStartIndex = index;
+    break;
+  }
+  const hiddenPrimaryControls = availablePrimaryControls.slice(hiddenStartIndex);
+  return {
+    hasSpaceForAgentModePicker: visiblePrimaryControls.includes('agent-mode-picker-toggle'),
+    hasSpaceForRunModePicker: visiblePrimaryControls.includes('run-mode-picker-toggle'),
+    hiddenPrimaryControls,
+    primaryControlsOverflowButtonVisible: hiddenPrimaryControls.length > 0,
+    visiblePrimaryControls
+  };
+};
+
+const getControlWidth = (labelWidth, selectChevronEnabled, iconGap, iconSize) => {
+  return labelWidth + (selectChevronEnabled ? iconGap + iconSize : 0);
+};
+const applyResponsivePickerState = state => {
+  const {
+    agentModePickerLabelWidth,
+    chatSendAreaPaddingLeft,
+    chatSendAreaPaddingRight,
+    modelPickerLabelWidth,
+    primaryControlSelectIconGap,
+    primaryControlSelectIconSize,
+    primaryControlsGap,
+    primaryControlsOverflowButtonLabelWidth,
+    primaryControlsSubmitButtonWidth,
+    reasoningEffortPickerLabelWidth,
+    reasoningPickerEnabled,
+    responsivePickerVisibilityEnabled,
+    runModePickerLabelWidth,
+    selectChevronEnabled,
+    showRunMode,
+    width
+  } = state;
+  const availablePrimaryControls = getAvailablePrimaryControls(reasoningPickerEnabled, showRunMode);
+  const responsivePickerState = getResponsivePickerState({
+    availablePrimaryControls,
+    chatSendAreaPaddingLeft,
+    chatSendAreaPaddingRight,
+    overflowButtonWidth: primaryControlsOverflowButtonLabelWidth,
+    primaryControlGap: primaryControlsGap,
+    primaryControlWidths: {
+      [AgentModeControl]: getControlWidth(agentModePickerLabelWidth, selectChevronEnabled, primaryControlSelectIconGap, primaryControlSelectIconSize),
+      [ModelControl]: getControlWidth(modelPickerLabelWidth, selectChevronEnabled, primaryControlSelectIconGap, primaryControlSelectIconSize),
+      [ReasoningEffortControl]: getControlWidth(reasoningEffortPickerLabelWidth, selectChevronEnabled, primaryControlSelectIconGap, primaryControlSelectIconSize),
+      [RunModeControl]: getControlWidth(runModePickerLabelWidth, selectChevronEnabled, primaryControlSelectIconGap, primaryControlSelectIconSize)
+    },
+    responsivePickerVisibilityEnabled,
+    submitButtonWidth: primaryControlsSubmitButtonWidth,
+    width
+  });
+  return {
+    ...state,
+    ...responsivePickerState
+  };
+};
+
 const emptyObject = {};
 const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 const i18nString = (key, placeholders = emptyObject) => {
@@ -1886,8 +2210,8 @@ const Cut = 'Cut';
 const Debug = 'Debug';
 const BackToChats = 'Back to chats';
 const BackToChatList = 'Back to chat list';
-const Search$1 = 'Search';
-const ScrollDown$1 = 'Scroll down';
+const Search = 'Search';
+const ScrollDown = 'Scroll down';
 const SearchModels = 'Search models';
 const PickModel = 'Pick Model';
 const SearchChats = 'Search chats';
@@ -1896,16 +2220,16 @@ const Rename = 'Rename';
 const Archive = 'Archive';
 const AddProjectChat = 'Add Project';
 const RemoveProject = 'Remove Project';
-const Settings$1 = 'Settings';
-const Login$1 = 'Login';
-const Logout$1 = 'Logout';
+const Settings = 'Settings';
+const Login = 'Login';
+const Logout = 'Logout';
 const LoginToBackend = 'Login to backend';
 const LogoutFromBackend = 'Logout from backend';
 const LoggingOutFromBackend = 'Logging out from backend';
 const SignedIn = 'Signed in';
 const SwitchToChatFocusMode = 'Switch to chat focus mode';
 const SwitchToNormalChatMode = 'Switch to normal chat mode';
-const CloseChat$1 = 'Close Chat';
+const CloseChat = 'Close Chat';
 const ClickTheAddButtonToOpenANewChat = 'Click the + button to open a new chat.';
 const StartConversationByTypingBelow = 'Start a conversation by typing below.';
 const NoMatchingModelsFound = 'No matching models have been found.';
@@ -1918,15 +2242,15 @@ const OpenRouterApiKeyPlaceholder = 'Enter OpenRouter API key';
 const OpenApiApiKeyPlaceholder = 'Enter OpenAI API key';
 const SendMessage = 'Send message';
 const StartVoiceDictation = 'Start voice dictation';
-const AddContext$1 = 'Add Context';
+const AddContext = 'Add Context';
 const AddAction = 'Add Action';
 const OpenInVsCode = 'Open in VSCode';
 const Commit = 'Commit';
 const OpenTerminal = 'Open Terminal';
 const ShowDiff = 'Show Diff';
-const CreatePullRequest$2 = 'Create PR';
+const CreatePullRequest$1 = 'Create PR';
 const Implement = 'Implement';
-const Stop$1 = 'stop';
+const Stop = 'stop';
 const Save = 'Save';
 const Saving = 'Saving...';
 const GetApiKey = 'Get API Key';
@@ -1973,13 +2297,13 @@ const backToChatList = () => {
   return i18nString(BackToChatList);
 };
 const settings = () => {
-  return i18nString(Settings$1);
+  return i18nString(Settings);
 };
 const search = () => {
-  return i18nString(Search$1);
+  return i18nString(Search);
 };
 const scrollDown = () => {
-  return i18nString(ScrollDown$1);
+  return i18nString(ScrollDown);
 };
 const searchModels = () => {
   return i18nString(SearchModels);
@@ -1991,10 +2315,10 @@ const searchChats = () => {
   return i18nString(SearchChats);
 };
 const login = () => {
-  return i18nString(Login$1);
+  return i18nString(Login);
 };
 const logout = () => {
-  return i18nString(Logout$1);
+  return i18nString(Logout);
 };
 const loginToBackend = () => {
   return i18nString(LoginToBackend);
@@ -2015,7 +2339,7 @@ const normalChatMode = () => {
   return i18nString(SwitchToNormalChatMode);
 };
 const closeChat = () => {
-  return i18nString(CloseChat$1);
+  return i18nString(CloseChat);
 };
 const clickToOpenNewChat = () => {
   return i18nString(ClickTheAddButtonToOpenANewChat);
@@ -2054,7 +2378,7 @@ const startVoiceDictation = () => {
   return i18nString(StartVoiceDictation);
 };
 const addContext = () => {
-  return i18nString(AddContext$1);
+  return i18nString(AddContext);
 };
 const addAction = () => {
   return i18nString(AddAction);
@@ -2072,13 +2396,13 @@ const showDiff = () => {
   return i18nString(ShowDiff);
 };
 const createPullRequest = () => {
-  return i18nString(CreatePullRequest$2);
+  return i18nString(CreatePullRequest$1);
 };
 const implement = () => {
   return i18nString(Implement);
 };
 const stop = () => {
-  return i18nString(Stop$1);
+  return i18nString(Stop);
 };
 const save = () => {
   return i18nString(Save);
@@ -2272,22 +2596,6 @@ const getModelPickerHeight = (modelPickerHeaderHeight, itemCount) => {
   return Math.min(240, modelPickerHeaderHeight + effectiveItemCount * modelPickerItemHeight);
 };
 
-const minimumWidthForRunModePicker = 520;
-const minimumWidthForAgentModePicker = 640;
-const fullyVisibleResponsivePickerState = {
-  hasSpaceForAgentModePicker: true,
-  hasSpaceForRunModePicker: true
-};
-const getResponsivePickerState = (width, responsivePickerVisibilityEnabled) => {
-  if (!responsivePickerVisibilityEnabled) {
-    return fullyVisibleResponsivePickerState;
-  }
-  return {
-    hasSpaceForAgentModePicker: width >= minimumWidthForAgentModePicker,
-    hasSpaceForRunModePicker: width >= minimumWidthForRunModePicker
-  };
-};
-
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
     return `${model.name} (OpenRouter)`;
@@ -2306,24 +2614,11 @@ const getVisibleModels = (models, modelPickerSearchValue) => {
   return models.filter(model => getModelLabel(model).toLowerCase().includes(normalizedSearch));
 };
 
-const reasoningEfforts = ['extra-high', 'high', 'medium', 'low'];
-const defaultReasoningEffort = 'medium';
-const isReasoningEffort = value => {
-  return reasoningEfforts.includes(value);
+const estimateTextWidth = (text, fontSize) => {
+  return Math.ceil(text.length * fontSize * 0.6);
 };
-const getReasoningEffortLabel = reasoningEffort => {
-  switch (reasoningEffort) {
-    case 'extra-high':
-      return 'Extra High';
-    case 'high':
-      return 'High';
-    case 'low':
-      return 'Low';
-    case 'medium':
-      return 'Medium';
-    default:
-      return reasoningEffort;
-  }
+const measureTextWidth = async (text, fontFamily, fontSize) => {
+  return measureTextWidth$1(text, 400, fontSize, fontFamily, 0.5, false, 9);
 };
 
 const defaultToolEnablement = {
@@ -2379,20 +2674,20 @@ const createDefaultState = () => {
   const chatMessageLineHeight = 20;
   const composerFontSize = 13;
   const composerLineHeight = 20;
-  const responsivePickerVisibilityEnabled = false;
+  const responsivePickerVisibilityEnabled = true;
   const models = getDefaultModels();
   const visibleModels = getVisibleModels(models, '');
-  const responsivePickerState = getResponsivePickerState(800, responsivePickerVisibilityEnabled);
-  return {
+  const baseState = {
     addContextButtonEnabled: false,
     agentMode: defaultAgentMode,
+    agentModePickerLabelWidth: estimateTextWidth('Agent', primaryControlFontSize),
     agentModePickerOpen: false,
     aiSessionTitleGenerationEnabled: false,
     assetDir: '',
     authAccessToken: '',
     authEnabled: false,
     authErrorMessage: '',
-    authUseRedirect: false,
+    authUseRedirect: true,
     backendUrl: '',
     chatDebugLoggingEnabled: true,
     chatFocusContentMaxWidth: 700,
@@ -2429,11 +2724,11 @@ const createDefaultState = () => {
     gitBranchPickerErrorMessage: '',
     gitBranchPickerOpen: false,
     gitBranchPickerVisible: false,
+    hasSpaceForAgentModePicker: true,
+    hasSpaceForRunModePicker: true,
     headerHeight: 50,
     height: 0,
-    useAuthWorker: false,
-    useOwnBackend: false,
-    ...responsivePickerState,
+    hiddenPrimaryControls: [],
     initial: true,
     inputSource: 'script',
     lastNormalViewMode: 'list',
@@ -2450,6 +2745,7 @@ const createDefaultState = () => {
     mockOpenApiRequests: [],
     modelPickerHeaderHeight,
     modelPickerHeight: getModelPickerHeight(modelPickerHeaderHeight, visibleModels.length),
+    modelPickerLabelWidth: estimateTextWidth('test', primaryControlFontSize),
     modelPickerListScrollTop: 0,
     modelPickerOpen: false,
     modelPickerSearchValue: '',
@@ -2470,6 +2766,12 @@ const createDefaultState = () => {
     parsedMessages: [],
     passIncludeObfuscation: false,
     platform: 0,
+    primaryControlSelectIconGap,
+    primaryControlSelectIconSize,
+    primaryControlsGap,
+    primaryControlsOverflowButtonLabelWidth: estimateTextWidth(primaryControlsOverflowLabel, primaryControlFontSize),
+    primaryControlsOverflowButtonVisible: false,
+    primaryControlsSubmitButtonWidth,
     projectExpandedIds: [defaultProjectId],
     projectListScrollTop: 0,
     projects: [{
@@ -2481,11 +2783,13 @@ const createDefaultState = () => {
     projectSidebarWidth: 280,
     questionToolEnabled: false,
     reasoningEffort: defaultReasoningEffort,
+    reasoningEffortPickerLabelWidth: estimateTextWidth('Medium', primaryControlFontSize),
     reasoningEffortPickerOpen: false,
     reasoningPickerEnabled: false,
     renamingSessionId: '',
     responsivePickerVisibilityEnabled,
     runMode: 'local',
+    runModePickerLabelWidth: estimateTextWidth('local', primaryControlFontSize),
     runModePickerOpen: false,
     scrollDownButtonEnabled: false,
     searchEnabled: false,
@@ -2508,8 +2812,8 @@ const createDefaultState = () => {
     streamingEnabled: true,
     systemPrompt: getDefaultSystemPrompt(),
     textAreaPaddingBottom: 0,
-    textAreaPaddingLeft: 12,
-    textAreaPaddingRight: 12,
+    textAreaPaddingLeft: 0,
+    textAreaPaddingRight: 0,
     textAreaPaddingTop: 0,
     todoListToolEnabled: false,
     tokensMax: 0,
@@ -2517,18 +2821,21 @@ const createDefaultState = () => {
     toolEnablement: parseToolEnablement(undefined),
     uid: 0,
     usageOverviewEnabled: false,
+    useAuthWorker: true,
     useChatCoordinatorWorker: false,
     useChatMathWorker: true,
     useChatNetworkWorkerForRequests: false,
     useChatToolWorker: true,
     useMockApi: false,
     useModelWorker: false,
+    useOwnBackend: false,
     userName: '',
     userState: 'loggedOut',
     userSubscriptionPlan: '',
     userUsedTokens: 0,
     viewMode: 'list',
     visibleModels,
+    visiblePrimaryControls: [],
     voiceDictationEnabled: false,
     warningCount: 0,
     webSearchEnabled: true,
@@ -2536,6 +2843,13 @@ const createDefaultState = () => {
     x: 0,
     y: 0
   };
+  return {
+    ...applyResponsivePickerState({
+      ...baseState,
+      width: 800
+    }),
+    width: 0
+  };
 };
 
 const {
@@ -2574,7 +2888,7 @@ const getSessionLastActiveTime = session => {
 };
 
 const listChatSessions = async () => {
-  const sessions = await invoke$5('ChatStorage.listSessions');
+  const sessions = await invoke$6('ChatStorage.listSessions');
   return sessions.map(session => {
     const lastActiveTime = getSessionLastActiveTime(session);
     const summary = {
@@ -2607,7 +2921,7 @@ const listChatSessions = async () => {
   });
 };
 const getChatSession = async id => {
-  const session = await invoke$5('ChatStorage.getSession', id);
+  const session = await invoke$6('ChatStorage.getSession', id);
   if (!session) {
     return undefined;
   }
@@ -2664,7 +2978,7 @@ const saveChatSession = async session => {
     ...value,
     projectId: session.projectId
   } : value;
-  await invoke$5('ChatStorage.setSession', sessionValue);
+  await invoke$6('ChatStorage.setSession', sessionValue);
 };
 const deleteChatSession = async id => {
   await deleteSession$1(id);
@@ -3000,8 +3314,19 @@ const isEqualVisibleModels = (a, b) => {
   return true;
 };
 
+const isEqualPrimaryControls = (oldItems, newItems) => {
+  if (oldItems.length !== newItems.length) {
+    return false;
+  }
+  for (let i = 0; i < oldItems.length; i++) {
+    if (oldItems[i] !== newItems[i]) {
+      return false;
+    }
+  }
+  return true;
+};
 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.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;
+  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 && isEqualPrimaryControls(oldState.hiddenPrimaryControls, newState.hiddenPrimaryControls) && 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 && oldState.primaryControlsOverflowButtonVisible === newState.primaryControlsOverflowButtonVisible && 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 && isEqualPrimaryControls(oldState.visiblePrimaryControls, newState.visiblePrimaryControls) && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -3076,6 +3401,10 @@ const getAuthState = state => {
   };
 };
 
+const getComposerSelection = state => {
+  return getNormalizedComposerSelection(state.composerValue, state.composerSelectionStart, state.composerSelectionEnd);
+};
+
 const mergeClassNames = (...classNames) => {
   return classNames.filter(Boolean).join(' ');
 };
@@ -3470,208 +3799,56 @@ const getMenuEntriesChatAttachment = (attachmentId, previewSrc) => {
 const getMenuEntriesChatHeader = () => {
   // TODO
   return [{
-    command: 'Chat.showIcons',
-    flags: None,
-    id: 'showIcons',
-    label: cut()
-  }, {
-    command: 'Chat.handleInputCopy',
-    flags: None,
-    id: 'copy',
-    label: copy()
-  }, {
-    command: 'Chat.handleInputPaste',
-    flags: None,
-    id: 'copy',
-    label: paste()
-  }];
-};
-
-const getMenuEntriesChatInput = () => {
-  return [{
-    command: 'Chat.handleInputCut',
-    flags: None,
-    id: 'cut',
-    label: cut()
-  }, {
-    command: 'Chat.handleInputCopy',
-    flags: None,
-    id: 'copy',
-    label: copy()
-  }, {
-    command: 'Chat.handleInputPaste',
-    flags: None,
-    id: 'paste',
-    label: paste()
-  }];
-};
-
-const getMenuEntriesChatList = (sessionId = '') => {
-  return [{
-    args: [sessionId],
-    command: 'Chat.handleClickRename',
-    flags: None,
-    id: 'rename',
-    label: rename()
-  }, {
-    args: [sessionId],
-    command: 'Chat.handleClickDelete',
-    flags: None,
-    id: 'archive',
-    label: archive()
-  }];
-};
-
-const Composer = 'composer';
-const Search = 'search';
-const ComposerDropTarget = 'composer-drop-target';
-const ComposerAttachmentPrefix = 'composer-attachment:';
-const ComposerAttachmentPreviewPrefix = 'composer-attachment-preview:';
-const ComposerAttachmentRemovePrefix = 'composer-attachment-remove:';
-const ComposerAttachmentPreviewOverlay = 'composer-attachment-preview-overlay';
-const AddContext = 'add-context';
-const Dictate = 'dictate';
-const CreatePullRequest$1 = 'create-pull-request';
-const ImplementPlan = 'implement-plan';
-const GitBranchPickerToggle = 'git-branch-picker-toggle';
-const GitBranchPickerItemPrefix = 'git-branch-picker-item:';
-const FocusAddAction = 'focus-add-action';
-const FocusCommit = 'focus-commit';
-const FocusOpenInVsCode = 'focus-open-in-vscode';
-const FocusOpenTerminal = 'focus-open-terminal';
-const FocusShowDiff = 'focus-show-diff';
-const Send = 'send';
-const Stop = 'stop';
-const ScrollDown = 'scroll-down';
-const Back = 'back';
-const ModelPickerToggle = 'model-picker-toggle';
-const ModelPickerSearch = 'model-picker-search';
-const ModelPickerList = 'model-picker-list';
-const PickerList = 'picker-list';
-const AgentModePickerToggle = 'agent-mode-picker-toggle';
-const AgentModePickerItemPrefix = 'agent-mode-picker-item:';
-const ReasoningEffortPickerToggle = 'reasoning-effort-picker-toggle';
-const ReasoningEffortPickerItemPrefix = 'reasoning-effort-picker-item:';
-const RunModePickerToggle = 'run-mode-picker-toggle';
-const RunModePickerItemPrefix = 'run-mode-picker-item:';
-const ToggleChatFocus = 'toggle-chat-focus';
-const ToggleSearch = 'toggle-search';
-const ChatList$1 = 'chat-list';
-const CreateProject = 'create-project';
-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 ProjectDelete = 'ProjectDelete';
-const ProjectPrefix = 'project:';
-const SessionPrefix = 'session:';
-const RenamePrefix = 'session-rename:';
-const ModelPickerItemPrefix = 'model-picker-item:';
-const getProjectInputName = projectId => {
-  return `${ProjectPrefix}${projectId}`;
-};
-const getCreateSessionInProjectInputName = projectId => {
-  return `${CreateSessionInProjectPrefix}${projectId}`;
-};
-const isCreateSessionInProjectInputName = name => {
-  return name.startsWith(CreateSessionInProjectPrefix);
-};
-const getProjectIdFromCreateSessionInProjectInputName = name => {
-  return name.slice(CreateSessionInProjectPrefix.length);
-};
-const isProjectInputName = name => {
-  return name.startsWith(ProjectPrefix);
-};
-const getProjectIdFromInputName = name => {
-  return name.slice(ProjectPrefix.length);
-};
-const getSessionInputName = sessionId => {
-  return `${SessionPrefix}${sessionId}`;
-};
-const isSessionInputName = name => {
-  return name.startsWith(SessionPrefix);
-};
-const getSessionIdFromInputName = name => {
-  return name.slice(SessionPrefix.length);
-};
-const isRenameInputName = name => {
-  return name.startsWith(RenamePrefix);
-};
-const getRenameIdFromInputName = name => {
-  return name.slice(RenamePrefix.length);
-};
-const getGitBranchPickerItemInputName = branchName => {
-  return `${GitBranchPickerItemPrefix}${branchName}`;
-};
-const isGitBranchPickerItemInputName = name => {
-  return name.startsWith(GitBranchPickerItemPrefix);
-};
-const getGitBranchFromGitBranchPickerItemInputName = name => {
-  return name.slice(GitBranchPickerItemPrefix.length);
-};
-const getComposerAttachmentInputName = attachmentId => {
-  return `${ComposerAttachmentPrefix}${attachmentId}`;
-};
-const isComposerAttachmentInputName = name => {
-  return name.startsWith(ComposerAttachmentPrefix);
-};
-const getAttachmentIdFromComposerAttachmentInputName = name => {
-  return name.slice(ComposerAttachmentPrefix.length);
-};
-const getComposerAttachmentRemoveInputName = attachmentId => {
-  return `${ComposerAttachmentRemovePrefix}${attachmentId}`;
-};
-const isComposerAttachmentPreviewInputName = name => {
-  return name.startsWith(ComposerAttachmentPreviewPrefix);
-};
-const getAttachmentIdFromComposerAttachmentPreviewInputName = name => {
-  return name.slice(ComposerAttachmentPreviewPrefix.length);
-};
-const isComposerAttachmentRemoveInputName = name => {
-  return name.startsWith(ComposerAttachmentRemovePrefix);
-};
-const getAttachmentIdFromComposerAttachmentRemoveInputName = name => {
-  return name.slice(ComposerAttachmentRemovePrefix.length);
-};
-const isComposerAttachmentPreviewOverlayInputName = name => {
-  return name === ComposerAttachmentPreviewOverlay;
-};
-const isModelPickerItemInputName = name => {
-  return name.startsWith(ModelPickerItemPrefix);
-};
-const getModelIdFromModelPickerItemInputName = name => {
-  return name.slice(ModelPickerItemPrefix.length);
-};
-const getAgentModePickerItemInputName = agentMode => {
-  return `${AgentModePickerItemPrefix}${agentMode}`;
-};
-const isAgentModePickerItemInputName = name => {
-  return name.startsWith(AgentModePickerItemPrefix);
-};
-const getAgentModeFromAgentModePickerItemInputName = name => {
-  return name.slice(AgentModePickerItemPrefix.length);
-};
-const getRunModePickerItemInputName = runMode => {
-  return `${RunModePickerItemPrefix}${runMode}`;
-};
-const isRunModePickerItemInputName = name => {
-  return name.startsWith(RunModePickerItemPrefix);
-};
-const getRunModeFromRunModePickerItemInputName = name => {
-  return name.slice(RunModePickerItemPrefix.length);
-};
-const getReasoningEffortPickerItemInputName = reasoningEffort => {
-  return `${ReasoningEffortPickerItemPrefix}${reasoningEffort}`;
+    command: 'Chat.showIcons',
+    flags: None,
+    id: 'showIcons',
+    label: cut()
+  }, {
+    command: 'Chat.handleInputCopy',
+    flags: None,
+    id: 'copy',
+    label: copy()
+  }, {
+    command: 'Chat.handleInputPaste',
+    flags: None,
+    id: 'copy',
+    label: paste()
+  }];
 };
-const isReasoningEffortPickerItemInputName = name => {
-  return name.startsWith(ReasoningEffortPickerItemPrefix);
+
+const getMenuEntriesChatInput = () => {
+  return [{
+    command: 'Chat.handleInputCut',
+    flags: None,
+    id: 'cut',
+    label: cut()
+  }, {
+    command: 'Chat.handleInputCopy',
+    flags: None,
+    id: 'copy',
+    label: copy()
+  }, {
+    command: 'Chat.handleInputPaste',
+    flags: None,
+    id: 'paste',
+    label: paste()
+  }];
 };
-const getReasoningEffortFromReasoningEffortPickerItemInputName = name => {
-  return name.slice(ReasoningEffortPickerItemPrefix.length);
+
+const getMenuEntriesChatList = (sessionId = '') => {
+  return [{
+    args: [sessionId],
+    command: 'Chat.handleClickRename',
+    flags: None,
+    id: 'rename',
+    label: rename()
+  }, {
+    args: [sessionId],
+    command: 'Chat.handleClickDelete',
+    flags: None,
+    id: 'archive',
+    label: archive()
+  }];
 };
 
 const menuEntryAddProject = {
@@ -3704,6 +3881,29 @@ const getMenuEntriesChatProjectList = (projectId = '', canRemoveProject = true)
   return entries;
 };
 
+const getLabel = (control, agentModeLabel, modelLabel, reasoningEffortLabel, runModeLabel) => {
+  switch (control) {
+    case 'agent-mode-picker-toggle':
+      return agentModeLabel;
+    case 'model-picker-toggle':
+      return modelLabel;
+    case 'reasoning-effort-picker-toggle':
+      return reasoningEffortLabel;
+    case 'run-mode-picker-toggle':
+      return runModeLabel;
+    default:
+      return '';
+  }
+};
+const getMenuEntriesPrimaryControlsOverflow = (hiddenPrimaryControls = [], agentModeLabel = '', modelLabel = '', reasoningEffortLabel = '', runModeLabel = '') => {
+  return hiddenPrimaryControls.map(control => ({
+    command: getPrimaryControlCommand(control),
+    flags: None,
+    id: control,
+    label: getLabel(control, agentModeLabel, modelLabel, reasoningEffortLabel, runModeLabel)
+  }));
+};
+
 const getMenuEntriesProjectAddButton = () => {
   return [{
     args: [CreateProject],
@@ -3720,8 +3920,10 @@ const MenuChatInput = 2180;
 const MenuProjectAddButton = 2181;
 const MenuChatProjectList = 2182;
 const MenuChatAttachment = 2183;
+const MenuChatPrimaryControlsOverflow = 2184;
+const MenuChatMessages = 21_833;
 const getMenuEntryIds = () => {
-  return [Chat$2, MenuChatList, MenuChatHeader, MenuChatInput, MenuProjectAddButton, MenuChatProjectList, MenuChatAttachment];
+  return [Chat$2, MenuChatList, MenuChatHeader, MenuChatInput, MenuProjectAddButton, MenuChatProjectList, MenuChatAttachment, MenuChatPrimaryControlsOverflow, MenuChatMessages];
 };
 
 const getMenuEntries = (menuId, props) => {
@@ -3734,6 +3936,8 @@ const getMenuEntries = (menuId, props) => {
       return getMenuEntriesChatInput();
     case MenuChatList:
       return getMenuEntriesChatList(props.sessionId);
+    case MenuChatPrimaryControlsOverflow:
+      return getMenuEntriesPrimaryControlsOverflow(props.hiddenPrimaryControls, props.agentModeLabel, props.modelLabel, props.reasoningEffortLabel, props.runModeLabel);
     case MenuChatProjectList:
       return getMenuEntriesChatProjectList(props.projectId, props.canRemoveProject);
     case MenuProjectAddButton:
@@ -3760,11 +3964,11 @@ const getSystemPrompt = state => {
 };
 
 const setAgentMode = (state, agentMode) => {
-  return {
+  return applyResponsivePickerState({
     ...state,
     agentMode,
     agentModePickerOpen: false
-  };
+  });
 };
 
 const handleAgentModeChange = async (state, value) => {
@@ -3969,7 +4173,7 @@ const getNextAutoScrollTop = currentScrollTop => {
 
 const openFolder = async () => {
   try {
-    return await invoke('FilePicker.showDirectoryPicker');
+    return await invoke$1('FilePicker.showDirectoryPicker');
   } catch {
     return '';
   }
@@ -4029,7 +4233,7 @@ const toFileSystemTarget = (workspaceUri, uri) => {
 };
 
 const readDir = async (workspaceUri, uri) => {
-  const result = await invoke('FileSystem.readDirWithFileTypes', toFileSystemTarget(workspaceUri, uri));
+  const result = await invoke$1('FileSystem.readDirWithFileTypes', toFileSystemTarget(workspaceUri, uri));
   return parseEntries(result);
 };
 
@@ -4073,7 +4277,7 @@ const decodeFileContent = content => {
 };
 
 const readTextFile = async (workspaceUri, uri) => {
-  const result = await invoke('FileSystem.readFile', toFileSystemTarget(workspaceUri, uri));
+  const result = await invoke$1('FileSystem.readFile', toFileSystemTarget(workspaceUri, uri));
   return decodeFileContent(result);
 };
 
@@ -4352,7 +4556,7 @@ const executeProvider = async ({
 }) => {
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  return invoke$2(method, ...params);
+  return invoke$3(method, ...params);
 };
 
 const CommandExecute = 'ExtensionHostCommand.executeCommand';
@@ -4403,7 +4607,7 @@ const handleClickCreatePullRequest = async state => {
     return updatedSession;
   });
   await saveChatSession(updatedSession);
-  await invoke('Main.openUri', pullRequestUrl);
+  await invoke$1('Main.openUri', pullRequestUrl);
   return {
     ...state,
     sessions: updatedSessions
@@ -4458,10 +4662,10 @@ const getBackendAuthUrl = (backendUrl, path) => {
   return `${trimTrailingSlashes(backendUrl)}${path}`;
 };
 
-const PlatformTypeElectron$1 = 2;
+const PlatformTypeElectron = 2;
 const getCurrentHref = async () => {
   try {
-    return await invoke('Layout.getHref');
+    return await invoke$1('Layout.getHref');
   } catch {
     // ignore
   }
@@ -4474,8 +4678,8 @@ const getEffectiveRedirectUri = async (platform, uid, redirectUri) => {
   if (redirectUri) {
     return redirectUri;
   }
-  if (platform === PlatformTypeElectron$1) {
-    return `http://localhost:${await invoke('OAuthServer.create', String(uid))}`;
+  if (platform === PlatformTypeElectron) {
+    return `http://localhost:${await invoke$1('OAuthServer.create', String(uid))}`;
   }
   return getCurrentHref();
 };
@@ -4613,6 +4817,10 @@ const syncBackendAuth = async backendUrl => {
       const mockResponse = await consumeNextRefreshResponse();
       return parseBackendAuthResponse(mockResponse);
     }
+    const worker = true;
+    if (worker) {
+      return invoke$a('Auth.syncBackendAuth', backendUrl);
+    }
     const response = await fetch(getBackendRefreshUrl(backendUrl), {
       credentials: 'include',
       headers: {
@@ -4707,7 +4915,7 @@ const waitForElectronBackendLogin = async (backendUrl, uid, redirectUri, timeout
   const started = Date.now();
   const deadline = started + timeoutMs;
   while (Date.now() < deadline) {
-    const authorizationCode = await invoke('OAuthServer.getCode', String(uid));
+    const authorizationCode = await invoke$1('OAuthServer.getCode', String(uid));
     if (hasAuthorizationCode(authorizationCode)) {
       const elapsed = Date.now() - started;
       const remainingTime = Math.max(0, timeoutMs - elapsed);
@@ -4778,14 +4986,14 @@ const executeSlashCommand = async (state, command) => {
 };
 
 const getAiResponse$1 = async options => {
-  return invoke$8('ChatCoordinator.getAiResponse', options);
+  return invoke$9('ChatCoordinator.getAiResponse', options);
 };
 
 const execute = async (name, rawArguments, options) => {
-  return invoke$4('ChatTool.execute', name, rawArguments, options);
+  return invoke$5('ChatTool.execute', name, rawArguments, options);
 };
 const getTools = async () => {
-  return invoke$4('ChatTool.getTools');
+  return invoke$5('ChatTool.getTools');
 };
 
 const windowsAbsolutePathRegex = /^[a-zA-Z]:[\\/]/;
@@ -5072,20 +5280,31 @@ const getBasicChatTools = async (agentMode = defaultAgentMode, questionToolEnabl
   }
 };
 
+const getBackendHttpErrorDetails = (errorCode, errorMessage) => {
+  const trimmedErrorCode = errorCode?.trim();
+  const trimmedErrorMessage = errorMessage?.trim();
+  if (trimmedErrorCode && trimmedErrorMessage) {
+    return `Error code: ${trimmedErrorCode}. ${trimmedErrorMessage}`;
+  }
+  if (trimmedErrorCode) {
+    return `Error code: ${trimmedErrorCode}.`;
+  }
+  return trimmedErrorMessage;
+};
 const getBackendErrorMessage = errorResult => {
   switch (errorResult.details) {
     case 'http-error':
       {
-        const errorMessage = errorResult.errorMessage?.trim();
+        const details = getBackendHttpErrorDetails(errorResult.errorCode, errorResult.errorMessage);
         if (typeof errorResult.statusCode === 'number') {
           const prefix = `Backend completion request failed (status ${errorResult.statusCode}).`;
-          if (!errorMessage) {
+          if (!details) {
             return prefix;
           }
-          return `${prefix} ${errorMessage}`;
+          return `${prefix} ${details}`;
         }
-        if (errorMessage) {
-          return `Backend completion request failed. ${errorMessage}`;
+        if (details) {
+          return `Backend completion request failed. ${details}`;
         }
         return backendCompletionFailedMessage;
       }
@@ -5644,10 +5863,10 @@ const getOpenApiApiEndpoint = openApiApiBaseUrl => {
 };
 
 const makeApiRequest = async options => {
-  return invoke$6('ChatNetwork.makeApiRequest', options);
+  return invoke$7('ChatNetwork.makeApiRequest', options);
 };
 const makeStreamingApiRequest = async options => {
-  return invoke$6('ChatNetwork.makeStreamingApiRequest', options);
+  return invoke$7('ChatNetwork.makeStreamingApiRequest', options);
 };
 
 const getNumericCount = parsed => {
@@ -7329,6 +7548,9 @@ const takeResponse = () => {
 /* eslint-disable prefer-destructuring */
 
 const trailingSlashesRegex = /\/+$/;
+const shouldUseBackendResponses = (backendUrl, authAccessToken) => {
+  return !!backendUrl && !!authAccessToken;
+};
 const getBackendResponsesEndpoint = backendUrl => {
   const trimmedBackendUrl = backendUrl.replace(trailingSlashesRegex, '');
   return `${trimmedBackendUrl}/v1/responses`;
@@ -7360,6 +7582,24 @@ const getBackendErrorMessageFromBody = body => {
   }
   return undefined;
 };
+const getBackendErrorCodeFromBody = body => {
+  if (!isObject$2(body)) {
+    return undefined;
+  }
+  const directCode = Reflect.get(body, 'code');
+  if (typeof directCode === 'string' && directCode) {
+    return directCode;
+  }
+  const directError = Reflect.get(body, 'error');
+  if (!isObject$2(directError)) {
+    return undefined;
+  }
+  const nestedCode = Reflect.get(directError, 'code');
+  if (typeof nestedCode === 'string' && nestedCode) {
+    return nestedCode;
+  }
+  return undefined;
+};
 const getBackendStatusCodeFromBody = body => {
   if (!isObject$2(body)) {
     return undefined;
@@ -7559,9 +7799,13 @@ const getBackendAssistantText = async ({
 }) => {
   const mockError = takeErrorResponse();
   if (mockError) {
+    const errorCode = getBackendErrorCodeFromBody(mockError.body);
     const errorMessage = getBackendErrorMessageFromBody(mockError.body);
     return getBackendErrorMessage({
       details: 'http-error',
+      ...(errorCode ? {
+        errorCode
+      } : {}),
       ...(typeof mockError.statusCode === 'number' ? {
         statusCode: mockError.statusCode
       } : {}),
@@ -7605,10 +7849,14 @@ const getBackendAssistantText = async ({
       }
       if (!response.ok) {
         const payload = await response.json().catch(() => undefined);
+        const errorCode = getBackendErrorCodeFromBody(payload);
         const errorMessage = getBackendErrorMessageFromBody(payload);
         const statusCode = response.status || getBackendStatusCodeFromBody(payload);
         return getBackendErrorMessage({
           details: 'http-error',
+          ...(errorCode ? {
+            errorCode
+          } : {}),
           ...(typeof statusCode === 'number' ? {
             statusCode
           } : {}),
@@ -7720,7 +7968,9 @@ const getAiResponse = async ({
   workspaceUri
 }) => {
   useChatCoordinatorWorker = false; // TODO enable this
-  if (useChatCoordinatorWorker && !useOwnBackend) {
+  const authToken = authAccessToken || '';
+  const backendEnabled = shouldUseBackendResponses(backendUrl, authToken);
+  if (useChatCoordinatorWorker && !backendEnabled) {
     try {
       const result = await getAiResponse$1({
         agentMode,
@@ -7782,14 +8032,14 @@ const getAiResponse = async ({
   if (hasImageAttachments(messages) && !supportsImages) {
     text = getImageNotSupportedMessage(selectedModel?.name);
   }
-  if (!text && useOwnBackend) {
+  if (!text && (backendEnabled || useOwnBackend)) {
     if (!backendUrl) {
       text = backendUrlRequiredMessage;
-    } else if (authAccessToken) {
+    } else if (authToken) {
       text = await getBackendAssistantText({
         agentMode,
         assetDir,
-        authAccessToken,
+        authAccessToken: authToken,
         backendUrl,
         maxToolCalls: safeMaxToolCalls,
         messages,
@@ -8017,12 +8267,13 @@ const getAiSessionTitle = async (state, userText, assistantText) => {
     useMockApi,
     useOwnBackend
   } = state;
+  const shouldUseBackend = !!backendUrl && !!authAccessToken;
   if (useMockApi) {
     return '';
   }
   const usesOpenApiModel = isOpenApiModel(selectedModelId, models);
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
-  if (useOwnBackend) {
+  if (useOwnBackend || shouldUseBackend) {
     if (!backendUrl || !authAccessToken) {
       return '';
     }
@@ -8070,7 +8321,7 @@ const getAiSessionTitle = async (state, userText, assistantText) => {
     useChatNetworkWorkerForRequests: state.useChatNetworkWorkerForRequests,
     useChatToolWorker: state.useChatToolWorker,
     useMockApi,
-    useOwnBackend,
+    useOwnBackend: useOwnBackend || shouldUseBackend,
     userText: titlePrompt,
     webSearchEnabled: false
   });
@@ -8190,7 +8441,7 @@ const getNextHandleTextChunkState = (latestState, parsedMessages, sessions) => {
 const setAndRerenderHandleTextChunkState = async (uid, previousState, nextState) => {
   set(uid, previousState, nextState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
 };
 
 const getToolCallMergeKey = toolCall => {
@@ -8223,7 +8474,7 @@ const mergeToolCalls = (existing = [], incoming) => {
 };
 
 const parseMessageContents = async rawMessages => {
-  return invoke$7('ChatMessageParsing.parseMessageContents', rawMessages);
+  return invoke$8('ChatMessageParsing.parseMessageContents', rawMessages);
 };
 
 const emptyMessageContent = [{
@@ -8413,7 +8664,7 @@ const handleTextChunkFunction = async (uid, sessionId, assistantMessageId, chunk
     sessions: updated.sessions
   };
   set(uid, liveState, nextState);
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   return {
     latestState: nextState,
     previousState: nextState
@@ -8764,7 +9015,7 @@ const handleSubmit = async state => {
   }
   set(effectiveState.uid, effectiveState, optimisticState);
   // @ts-ignore
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   let handleTextChunkState = {
     latestState: optimisticState,
     previousState: optimisticState
@@ -8917,7 +9168,6 @@ const handleClickImplementPlan = async state => {
   return handleSubmit(preparedState);
 };
 
-const PlatformTypeElectron = 2;
 const isLoginResponse = value => {
   if (!value || typeof value !== 'object') {
     return false;
@@ -8978,7 +9228,7 @@ const handleClickLogin = async state => {
       };
     }
     if (uid) {
-      await invoke('Chat.rerender');
+      await invoke$1('Chat.rerender');
     }
     if (hasPendingMockLoginResponse()) {
       const response = await consumeNextLoginResponse();
@@ -9002,8 +9252,8 @@ const handleClickLogin = async state => {
       loginUrl,
       redirectUri
     } = await getBackendLoginRequest(backendUrl, platform, uid);
-    await invoke$1('Open.openUrl', loginUrl, platform, authUseRedirect);
-    const authState = platform === PlatformTypeElectron ? await waitForElectronBackendLogin(backendUrl, uid, redirectUri) : await waitForBackendLogin(backendUrl);
+    await invoke$2('Open.openUrl', loginUrl, platform, authUseRedirect);
+    const authState = platform === Electron ? await waitForElectronBackendLogin(backendUrl, uid, redirectUri) : await waitForBackendLogin(backendUrl);
     return {
       ...signingInState,
       ...authState
@@ -9025,7 +9275,7 @@ const handleClickLogout = async state => {
   };
   if (state.uid) {
     set(state.uid, state, loggingOutState);
-    await invoke('Chat.rerender');
+    await invoke$1('Chat.rerender');
   }
   if (state.useAuthWorker) {
     await logout$1({
@@ -9060,7 +9310,7 @@ const handleClickModelPickerListIndex = async (state, index) => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -9070,7 +9320,7 @@ const handleClickOpenApiApiKeyWebsite = async state => {
 };
 
 const handleClickOpenRouterApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -9079,11 +9329,23 @@ const handleClickOpenRouterApiKeyWebsite = async state => {
   return state;
 };
 
+const handleClickPrimaryControlsOverflow = async (state, eventX, eventY) => {
+  await showContextMenu2(state.uid, MenuChatPrimaryControlsOverflow, eventX, eventY, {
+    agentModeLabel: getPrimaryControlLabel('agent-mode-picker-toggle', state.agentMode, state.models, state.selectedModelId, state.reasoningEffort, state.runMode),
+    hiddenPrimaryControls: state.hiddenPrimaryControls,
+    menuId: MenuChatPrimaryControlsOverflow,
+    modelLabel: getPrimaryControlLabel('model-picker-toggle', state.agentMode, state.models, state.selectedModelId, state.reasoningEffort, state.runMode),
+    reasoningEffortLabel: getPrimaryControlLabel('reasoning-effort-picker-toggle', state.agentMode, state.models, state.selectedModelId, state.reasoningEffort, state.runMode),
+    runModeLabel: getPrimaryControlLabel('run-mode-picker-toggle', state.agentMode, state.models, state.selectedModelId, state.reasoningEffort, state.runMode)
+  });
+  return state;
+};
+
 const get = async key => {
   return getPreference(key);
 };
 const update = async settings => {
-  await invoke('Preferences.update', settings);
+  await invoke$1('Preferences.update', settings);
 };
 
 const setOpenApiApiKey = async (state, openApiApiKey, persist = true) => {
@@ -9112,7 +9374,7 @@ const handleClickSaveOpenApiApiKey = async state => {
     openApiApiKeyState: 'saving'
   };
   set(state.uid, state, optimisticState);
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   const persistedState = await setOpenApiApiKey(optimisticState, openApiApiKey);
   const updatedState = {
     ...persistedState,
@@ -9202,7 +9464,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
     openRouterApiKeyState: 'saving'
   };
   set(state.uid, state, optimisticState);
-  await invoke('Chat.rerender');
+  await invoke$1('Chat.rerender');
   const persistedState = await setOpenRouterApiKey(optimisticState, openRouterApiKey);
   const updatedState = {
     ...persistedState,
@@ -9378,12 +9640,12 @@ const handleGitBranchChange = async (state, branchName) => {
 };
 
 const setReasoningEffort = (state, reasoningEffort) => {
-  return {
+  return applyResponsivePickerState({
     ...state,
     agentModePickerOpen: false,
     reasoningEffort,
     reasoningEffortPickerOpen: false
-  };
+  });
 };
 
 const handleReasoningEffortChange = async (state, value) => {
@@ -9418,12 +9680,6 @@ const handleRemoveComposerAttachment = async (state, attachmentId) => {
 };
 
 const openAgentModePicker = state => {
-  if (!state.hasSpaceForAgentModePicker) {
-    return {
-      ...state,
-      agentModePickerOpen: false
-    };
-  }
   const agentModePickerOpen = !state.agentModePickerOpen;
   return {
     ...state,
@@ -9465,12 +9721,6 @@ const OpenOpenRouterApiKeySettings = 'open-openrouter-api-key-settings';
 const OpenOpenRouterApiKeyWebsite = 'open-openrouter-api-key-website';
 
 const openRunModePicker = state => {
-  if (!state.hasSpaceForRunModePicker) {
-    return {
-      ...state,
-      runModePickerOpen: false
-    };
-  }
   const runModePickerOpen = !state.runModePickerOpen;
   return {
     ...state,
@@ -9609,6 +9859,37 @@ const toggleProjectExpanded = async (state, projectId) => {
   };
 };
 
+const getMeasuredTextWidth = async (text, fontFamily) => {
+  try {
+    return await measureTextWidth(text, fontFamily, primaryControlFontSize);
+  } catch {
+    return estimateTextWidth(text, primaryControlFontSize);
+  }
+};
+const updateResponsivePickerState = async state => {
+  const {
+    agentMode,
+    composerFontFamily,
+    models,
+    reasoningEffort,
+    runMode,
+    selectedModelId
+  } = state;
+  const agentModeLabel = getPrimaryControlLabel(AgentModeControl, agentMode, models, selectedModelId, reasoningEffort, runMode);
+  const modelLabel = getPrimaryControlLabel(ModelControl, agentMode, models, selectedModelId, reasoningEffort, runMode);
+  const reasoningEffortLabel = getPrimaryControlLabel(ReasoningEffortControl, agentMode, models, selectedModelId, reasoningEffort, runMode);
+  const runModeLabel = getPrimaryControlLabel(RunModeControl, agentMode, models, selectedModelId, reasoningEffort, runMode);
+  const [agentModePickerLabelWidth, modelPickerLabelWidth, reasoningEffortPickerLabelWidth, runModePickerLabelWidth, primaryControlsOverflowButtonLabelWidth] = await Promise.all([getMeasuredTextWidth(agentModeLabel, composerFontFamily), getMeasuredTextWidth(modelLabel, composerFontFamily), getMeasuredTextWidth(reasoningEffortLabel, composerFontFamily), getMeasuredTextWidth(runModeLabel, composerFontFamily), getMeasuredTextWidth(primaryControlsOverflowLabel, composerFontFamily)]);
+  return applyResponsivePickerState({
+    ...state,
+    agentModePickerLabelWidth,
+    modelPickerLabelWidth,
+    primaryControlsOverflowButtonLabelWidth,
+    reasoningEffortPickerLabelWidth,
+    runModePickerLabelWidth
+  });
+};
+
 const selectListIndex = async (state, index) => {
   const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
   if (index < 0 || index >= visibleSessions.length) {
@@ -9658,7 +9939,7 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       return createSession(state);
     case name === CreateProject:
       return handleClickCreateProject(state);
-    case name === CreatePullRequest$1:
+    case name === CreatePullRequest$2:
       return handleClickCreatePullRequest(state);
     case name === ImplementPlan:
       return handleClickImplementPlan(state);
@@ -9681,10 +9962,12 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       return openAgentModePicker(state);
     case name === ReasoningEffortPickerToggle:
       return openReasoningEffortPicker(state);
+    case name === PrimaryControlsOverflow:
+      return handleClickPrimaryControlsOverflow(state, eventX, eventY);
     case isModelPickerItemInputName(name):
       {
         const modelId = getModelIdFromModelPickerItemInputName(name);
-        return {
+        return updateResponsivePickerState({
           ...state,
           agentModePickerOpen: false,
           modelPickerHeight: getModelPickerHeight(state.modelPickerHeaderHeight, state.models.length),
@@ -9694,7 +9977,7 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
           reasoningEffortPickerOpen: false,
           selectedModelId: modelId,
           visibleModels: state.models
-        };
+        });
       }
     case isGitBranchPickerItemInputName(name):
       {
@@ -9714,13 +9997,13 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
     case isRunModePickerItemInputName(name):
       {
         const runMode = getRunModeFromRunModePickerItemInputName(name);
-        return {
+        return updateResponsivePickerState({
           ...state,
           agentModePickerOpen: false,
           reasoningEffortPickerOpen: false,
           runMode,
           runModePickerOpen: false
-        };
+        });
       }
     case name === ModelPickerList:
       {
@@ -9759,9 +10042,9 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       return deleteProject(state, id);
     case name === Send:
       return handleClickSend(state);
-    case name === Stop:
+    case name === Stop$1:
       return handleClickStop(state);
-    case name === ScrollDown:
+    case name === ScrollDown$1:
       return {
         ...state,
         messagesAutoScrollEnabled: true,
@@ -9779,9 +10062,9 @@ const handleClick = async (state, name, id = '', eventX = 0, eventY = 0) => {
       return handleClickOpenApiApiKeySettings(state);
     case name === OpenOpenApiApiKeyWebsite:
       return handleClickOpenApiApiKeyWebsite(state);
-    case name === Login:
+    case name === Login$1:
       return handleClickLogin(state);
-    case name === Logout:
+    case name === Logout$1:
       return handleClickLogout(state);
     default:
       return state;
@@ -9801,7 +10084,7 @@ const handleClickBack = async state => {
 
 const handleClickClose = async () => {
   // @ts-ignore
-  await invoke('Layout.hideSecondarySideBar');
+  await invoke$1('Layout.hideSecondarySideBar');
 };
 
 const handleClickCustomSelectOverlay = async (state, defaultPrevented) => {
@@ -9835,7 +10118,7 @@ const handleClickFileName = async (state, uri) => {
     return state;
   }
   const normalizedUri = normalizeFileReferenceUri(uri);
-  await invoke('Main.openUri', normalizedUri);
+  await invoke$1('Main.openUri', normalizedUri);
   return state;
 };
 
@@ -9965,12 +10248,12 @@ const handleClickNew = async state => {
 };
 
 const handleClickSessionDebug = async state => {
-  await invoke('Main.openUri', `chat-debug://${state.selectedSessionId}`);
+  await invoke$1('Main.openUri', `chat-debug://${state.selectedSessionId}`);
   return state;
 };
 
 const handleClickSettings = async () => {
-  await invoke('Main.openUri', 'app://settings.json');
+  await invoke$1('Main.openUri', 'app://settings.json');
 };
 
 const handleContextMenuChatImageAttachment = async (state, name, eventX, eventY) => {
@@ -10170,7 +10453,7 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
       openRouterApiKeyInput: value
     };
   }
-  if (name === Search) {
+  if (name === Search$1) {
     return handleSearchValueChange(state, value);
   }
   if (name === ModelPickerSearch) {
@@ -10247,7 +10530,7 @@ const handleInputFocus = async (state, name) => {
       listFocusOutline: false
     };
   }
-  if (name === CreateSession || name === SessionDebug || name === Settings || name === CloseChat || name === Back) {
+  if (name === CreateSession || name === SessionDebug || name === Settings$1 || name === CloseChat$1 || name === Back) {
     return {
       ...state,
       focus: 'header',
@@ -10288,7 +10571,7 @@ const submitRename = async state => {
       renamingSessionId: ''
     };
   }
-  const promptedTitle = sanitizeGeneratedTitle(await invoke('Main.prompt', title));
+  const promptedTitle = sanitizeGeneratedTitle(await invoke$1('Main.prompt', title));
   if (!promptedTitle) {
     return getSubmittedRenameState(state, sessions);
   }
@@ -10873,18 +11156,19 @@ const loadAuthEnabled = async () => {
 const loadAuthUseRedirect = async () => {
   try {
     const savedAuthUseRedirect = await get('chat.authUseRedirect');
-    return typeof savedAuthUseRedirect === 'boolean' ? savedAuthUseRedirect : false;
+    return typeof savedAuthUseRedirect === 'boolean' ? savedAuthUseRedirect : true;
   } catch {
-    return false;
+    return true;
   }
 };
 
+const defaultBackendUrl = 'https://lvce-editor.dev';
 const loadBackendUrl = async () => {
   try {
     const savedBackendUrl = await get('chat.backendUrl');
-    return typeof savedBackendUrl === 'string' ? savedBackendUrl : '';
+    return typeof savedBackendUrl === 'string' && savedBackendUrl ? savedBackendUrl : defaultBackendUrl;
   } catch {
-    return '';
+    return defaultBackendUrl;
   }
 };
 
@@ -11034,9 +11318,9 @@ const loadToolEnablement = async () => {
 const loadUseAuthWorker = async () => {
   try {
     const savedUseAuthWorker = await get('chatView.useAuthWorker');
-    return typeof savedUseAuthWorker === 'boolean' ? savedUseAuthWorker : false;
+    return typeof savedUseAuthWorker === 'boolean' ? savedUseAuthWorker : true;
   } catch {
-    return false;
+    return true;
   }
 };
 
@@ -11350,7 +11634,8 @@ const loadContent = async (state, savedState) => {
     visibleModels,
     voiceDictationEnabled
   };
-  return refreshGitBranchPickerVisibility(nextState);
+  const refreshedState = await refreshGitBranchPickerVisibility(nextState);
+  return updateResponsivePickerState(refreshedState);
 };
 
 const isObject = value => {
@@ -11753,7 +12038,25 @@ const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
 const Chat = 'Chat';
 const ChatActions = 'ChatActions';
+const ChatAttachment = 'ChatAttachment';
+const ChatAttachmentImage = 'ChatAttachmentImage';
+const ChatAttachmentInvalidImage = 'ChatAttachmentInvalidImage';
+const ChatAttachmentLabel = 'ChatAttachmentLabel';
+const ChatAttachmentPreview = 'ChatAttachmentPreview';
+const ChatAttachments = 'ChatAttachments';
+const ChatAttachmentTextFile = 'ChatAttachmentTextFile';
 const ChatAuthError = 'ChatAuthError';
+const ChatComposerAttachment = 'ChatComposerAttachment';
+const ChatComposerAttachmentImage = 'ChatComposerAttachmentImage';
+const ChatComposerAttachmentInvalidImage = 'ChatComposerAttachmentInvalidImage';
+const ChatComposerAttachmentLabel = 'ChatComposerAttachmentLabel';
+const ChatComposerAttachmentPreview = 'ChatComposerAttachmentPreview';
+const ChatComposerAttachmentPreviewOverlay = 'ChatComposerAttachmentPreviewOverlay';
+const ChatComposerAttachmentPreviewOverlayError = 'ChatComposerAttachmentPreviewOverlayError';
+const ChatComposerAttachmentPreviewOverlayImage = 'ChatComposerAttachmentPreviewOverlayImage';
+const ChatComposerAttachmentRemoveButton = 'ChatComposerAttachmentRemoveButton';
+const ChatComposerAttachments = 'ChatComposerAttachments';
+const ChatComposerAttachmentTextFile = 'ChatComposerAttachmentTextFile';
 const ChatFocus = 'ChatFocus';
 const ChatFocusActions = 'ChatFocusActions';
 const ChatFocusHeader = 'ChatFocusHeader';
@@ -11766,25 +12069,26 @@ const ChatHeader = 'ChatHeader';
 const ChatHeaderAuth = 'ChatHeaderAuth';
 const ChatHeaderAuthName = 'ChatHeaderAuthName';
 const ChatHeaderLabel = 'ChatHeaderLabel';
+const ChatImageMessageContent = 'ChatImageMessageContent';
 const ChatInputBox = 'ChatInputBox';
 const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
 const ChatListItemContent = 'ChatListItemContent';
-const ChatListItemFocusOutline = 'ChatListItemFocusOutline';
 const ChatListItemFocused = 'ChatListItemFocused';
+const ChatListItemFocusOutline = 'ChatListItemFocusOutline';
 const ChatListItemLabel = 'ChatListItemLabel';
-const ChatListItemTime = 'ChatListItemTime';
-const ChatListItemTitle = 'ChatListItemTitle';
 const ChatListItemStatusFinished = 'ChatListItemStatusFinished';
 const ChatListItemStatusIcon = 'ChatListItemStatusIcon';
 const ChatListItemStatusInProgress = 'ChatListItemStatusInProgress';
 const ChatListItemStatusRow = 'ChatListItemStatusRow';
 const ChatListItemStatusStopped = 'ChatListItemStatusStopped';
-const ChatMessages = 'ChatMessages';
+const ChatListItemTime = 'ChatListItemTime';
+const ChatListItemTitle = 'ChatListItemTitle';
 const ChatMessageContent = 'ChatMessageContent';
-const ChatImageMessageContent = 'ChatImageMessageContent';
+const ChatMessageImage = 'ChatMessageImage';
 const ChatMessageLink = 'ChatMessageLink';
+const ChatMessages = 'ChatMessages';
 const ChatModelPicker = 'ChatModelPicker';
 const ChatModelPickerContainer = 'ChatModelPickerContainer';
 const ChatModelPickerHeader = 'ChatModelPickerHeader';
@@ -11794,37 +12098,18 @@ const ChatModelPickerItemSelected = 'ChatModelPickerItemSelected';
 const ChatModelPickerItemUsageCost = 'ChatModelPickerItemUsageCost';
 const ChatModelPickerList = 'ChatModelPickerList';
 const ChatName = 'ChatName';
-const ChatOverlays = 'ChatOverlays';
 const ChatOrderedList = 'ChatOrderedList';
 const ChatOrderedListItem = 'ChatOrderedListItem';
 const ChatOrderedListItemContent = 'ChatOrderedListItemContent';
 const ChatOrderedListItemPrefix = 'ChatOrderedListItemPrefix';
 const ChatOrderedListMarker = 'ChatOrderedListMarker';
-const ChatComposerAttachment = 'ChatComposerAttachment';
-const ChatComposerAttachmentImage = 'ChatComposerAttachmentImage';
-const ChatComposerAttachmentInvalidImage = 'ChatComposerAttachmentInvalidImage';
-const ChatComposerAttachmentLabel = 'ChatComposerAttachmentLabel';
-const ChatComposerAttachmentPreview = 'ChatComposerAttachmentPreview';
-const ChatComposerAttachmentPreviewOverlay = 'ChatComposerAttachmentPreviewOverlay';
-const ChatComposerAttachmentPreviewOverlayError = 'ChatComposerAttachmentPreviewOverlayError';
-const ChatComposerAttachmentPreviewOverlayImage = 'ChatComposerAttachmentPreviewOverlayImage';
-const ChatComposerAttachmentRemoveButton = 'ChatComposerAttachmentRemoveButton';
-const ChatComposerAttachments = 'ChatComposerAttachments';
-const ChatComposerAttachmentTextFile = 'ChatComposerAttachmentTextFile';
-const ChatAttachment = 'ChatAttachment';
-const ChatAttachmentImage = 'ChatAttachmentImage';
-const ChatAttachmentInvalidImage = 'ChatAttachmentInvalidImage';
-const ChatAttachmentLabel = 'ChatAttachmentLabel';
-const ChatAttachmentPreview = 'ChatAttachmentPreview';
-const ChatAttachments = 'ChatAttachments';
-const ChatAttachmentTextFile = 'ChatAttachmentTextFile';
-const ChatMessageImage = 'ChatMessageImage';
+const ChatOverlays = 'ChatOverlays';
+const ChatSelect = 'ChatSelect';
 const ChatSendArea = 'ChatSendArea';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
 const ChatSendAreaContentTop = 'ChatSendAreaContentTop';
 const ChatSendAreaPrimaryControls = 'ChatSendAreaPrimaryControls';
-const ChatSelect = 'ChatSelect';
 const ChatTableWrapper = 'ChatTableWrapper';
 const ChatTodoList = 'ChatTodoList';
 const ChatTodoListHeader = 'ChatTodoListHeader';
@@ -11869,8 +12154,8 @@ const MarkdownTable = 'MarkdownTable';
 const MaskIcon = 'MaskIcon';
 const MaskIconAdd = 'MaskIconAdd';
 const MaskIconArchive = 'MaskIconArchive';
-const MaskIconArrowUp = 'MaskIconArrowUp';
 const MaskIconArrowLeft = 'MaskIconArrowLeft';
+const MaskIconArrowUp = 'MaskIconArrowUp';
 const MaskIconChevronDown = 'MaskIconChevronDown';
 const MaskIconChevronRight = 'MaskIconChevronRight';
 const MaskIconChevronUp = 'MaskIconChevronUp';
@@ -11902,11 +12187,11 @@ const ProjectSessionItem = 'ProjectSessionItem';
 const ProjectSessionItemLabel = 'ProjectSessionItemLabel';
 const ProjectSessionItemSelected = 'ProjectSessionItemSelected';
 const ProjectSidebar = 'ProjectSidebar';
+const RunModePickerContainer = 'RunModePickerContainer';
+const RunModePickerPopOver = 'RunModePickerPopOver';
 const Sash = 'Sash';
 const SashVertical = 'SashVertical';
 const SearchFieldContainer = 'SearchFieldContainer';
-const RunModePickerContainer = 'RunModePickerContainer';
-const RunModePickerPopOver = 'RunModePickerPopOver';
 const SelectLabel = 'SelectLabel';
 const SendButtonDisabled = 'SendButtonDisabled';
 const SessionArchiveButton = 'SessionArchiveButton';
@@ -11914,6 +12199,7 @@ const StrikeThrough = 'StrikeThrough';
 const TokenUsageOverview = 'TokenUsageOverview';
 const TokenUsageRing = 'TokenUsageRing';
 const TokenUsageRingInner = 'TokenUsageRingInner';
+const ToolCallDetails = 'ToolCallDetails';
 const ToolCallName = 'ToolCallName';
 const Viewlet = 'Viewlet';
 
@@ -11980,9 +12266,9 @@ const getAddContextButtonDom = () => {
   return [{
     childCount: 1,
     className: IconButton,
-    name: AddContext,
+    name: AddContext$1,
     title: addContext(),
-    type: Button$1
+    type: Button$2
   }, {
     text: addContext(),
     type: Text
@@ -12013,7 +12299,7 @@ const getCustomSelectToggleVirtualDom = (label, name, open, onClick, title = lab
     name,
     onClick,
     title,
-    type: Button$1
+    type: Button$2
   }, {
     childCount: 1,
     className: SelectLabel,
@@ -12043,10 +12329,10 @@ const getCreatePullRequestButtonDom = () => {
     childCount: 1,
     className: mergeClassNames(Button, ButtonSecondary),
     inputType: 'button',
-    name: CreatePullRequest$1,
+    name: CreatePullRequest$2,
     onClick: HandleClick,
     title: createPullRequest(),
-    type: Button$1
+    type: Button$2
   }, {
     text: createPullRequest(),
     type: Text
@@ -12138,13 +12424,33 @@ const getImplementPlanButtonDom = () => {
     name: ImplementPlan,
     onClick: HandleClick,
     title: implement(),
-    type: Button$1
+    type: Button$2
   }, {
     text: implement(),
     type: Text
   }];
 };
 
+const getPrimaryControlsOverflowButtonDom = () => {
+  return [{
+    'aria-haspopup': 'true',
+    'aria-label': 'More controls',
+    childCount: 1,
+    className: ChatSelect,
+    inputType: 'button',
+    name: PrimaryControlsOverflow,
+    onClick: HandleClick,
+    title: 'More controls',
+    type: Button$2
+  }, {
+    childCount: 1,
+    className: SelectLabel,
+    name: PrimaryControlsOverflow,
+    role: None$1,
+    type: Span
+  }, text(primaryControlsOverflowLabel)];
+};
+
 const reasoningEffortPickerHeight = reasoningEfforts.length * 28;
 const getReasoningEffortOptionsVirtualDom = selectedReasoningEffort => {
   return reasoningEfforts.flatMap(reasoningEffort => {
@@ -12183,10 +12489,10 @@ const getScrollDownButtonDom = () => {
     childCount: 1,
     className: mergeClassNames(Button, ButtonSecondary),
     inputType: 'button',
-    name: ScrollDown,
+    name: ScrollDown$1,
     onClick: HandleClick,
     title: scrollDown(),
-    type: Button$1
+    type: Button$2
   }, {
     text: scrollDown(),
     type: Text
@@ -12200,7 +12506,7 @@ const getDictationButtonDom = () => {
     name: Dictate,
     onClick: HandleClickDictationButton,
     title: startVoiceDictation(),
-    type: Button$1
+    type: Button$2
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, MaskIconMic),
@@ -12210,14 +12516,19 @@ const getDictationButtonDom = () => {
 
 const getStopButtonDom = () => {
   return [{
+    'aria-label': stop(),
     buttonType: 'button',
     childCount: 1,
-    className: Button,
-    name: Stop,
+    className: IconButton,
+    name: Stop$1,
     onClick: HandleClick,
-    title: stop(),
-    type: Button$1
-  }, text(stop())];
+    type: Button$2
+  }, {
+    childCount: 0,
+    className: mergeClassNames(MaskIcon, MaskIconDebugPause),
+    role: None$1,
+    type: Div
+  }];
 };
 
 const getSendButtonClassName = isSendDisabled => {
@@ -12233,7 +12544,7 @@ const getSubmitButtonDom = isSendDisabled => {
     disabled: isSendDisabled,
     name: Send,
     title: sendMessage(),
-    type: Button$1
+    type: Button$2
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, MaskIconArrowUp),
@@ -12371,7 +12682,7 @@ const getComposerAttachmentRemoveButtonDom = attachment => {
     name: getComposerAttachmentRemoveInputName(attachment.attachmentId),
     onClick: HandleClick,
     title: removeAttachment(),
-    type: Button$1
+    type: Button$2
   }, {
     text: 'x',
     type: Text
@@ -12425,14 +12736,16 @@ const getComposerTextAreaDom = () => {
   };
 };
 
-const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agentModePickerOpen, gitBranchPickerVisible, gitBranchPickerOpen, gitBranchPickerErrorMessage, gitBranches, fallbackBranchName, hasSpaceForAgentModePicker, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton = false, showImplementPlanButton = false, voiceDictationEnabled = false, isSessionInProgress = false, scrollDownButtonEnabled = false, messagesAutoScrollEnabled = true) => {
+const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agentModePickerOpen, gitBranchPickerVisible, gitBranchPickerOpen, gitBranchPickerErrorMessage, gitBranches, fallbackBranchName, visiblePrimaryControls, hiddenPrimaryControls, primaryControlsOverflowButtonVisible, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton = false, showImplementPlanButton = false, voiceDictationEnabled = false, isSessionInProgress = false, scrollDownButtonEnabled = false, messagesAutoScrollEnabled = true) => {
   const isSendDisabled = composerValue.trim() === '';
-  const showAgentModePicker = hasSpaceForAgentModePicker;
+  const showAgentModePicker = visiblePrimaryControls.includes('agent-mode-picker-toggle');
+  const showModelPicker = visiblePrimaryControls.includes('model-picker-toggle');
+  const showReasoningEffortPicker = visiblePrimaryControls.includes('reasoning-effort-picker-toggle');
   const showGitBranchPicker = gitBranchPickerVisible || Boolean(fallbackBranchName);
-  const showResponsiveRunModePicker = showRunMode && hasSpaceForRunModePicker;
+  const showResponsiveRunModePicker = visiblePrimaryControls.includes('run-mode-picker-toggle');
   const showScrollDownButton = scrollDownButtonEnabled && !messagesAutoScrollEnabled;
   const bottomControlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (addContextButtonEnabled ? 1 : 0) + (showCreatePullRequestButton ? 1 : 0) + (showImplementPlanButton ? 1 : 0) + (showGitBranchPicker ? 1 : 0) + (voiceDictationEnabled ? 1 : 0) + (showScrollDownButton ? 1 : 0);
-  const primaryControlsCount = 1 + (showAgentModePicker ? 1 : 0) + (reasoningPickerEnabled ? 1 : 0) + (showResponsiveRunModePicker ? 1 : 0);
+  const primaryControlsCount = (showAgentModePicker ? 1 : 0) + (showModelPicker ? 1 : 0) + (showReasoningEffortPicker ? 1 : 0) + (showResponsiveRunModePicker ? 1 : 0) + (primaryControlsOverflowButtonVisible && hiddenPrimaryControls.length > 0 ? 1 : 0);
   const hasTodoList = todoListToolEnabled && todoListItems.length > 0;
   const hasComposerAttachments = composerAttachments.length > 0;
   return [{
@@ -12459,7 +12772,7 @@ const getChatSendAreaDom = (composerValue, composerAttachments, agentMode, agent
     className: ChatSendAreaPrimaryControls,
     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)];
+  }, ...(showAgentModePicker ? getAgentModePickerVirtualDom(agentMode, agentModePickerOpen, selectChevronEnabled) : []), ...(showModelPicker ? getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen, selectChevronEnabled) : []), ...(showReasoningEffortPicker ? getReasoningEffortPickerVirtualDom(reasoningEffort, reasoningEffortPickerOpen, selectChevronEnabled) : []), ...(showResponsiveRunModePicker ? getRunModePickerVirtualDom(runMode, runModePickerOpen, selectChevronEnabled) : []), ...(primaryControlsOverflowButtonVisible && hiddenPrimaryControls.length > 0 ? getPrimaryControlsOverflowButtonDom() : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...(showCreatePullRequestButton ? getCreatePullRequestButtonDom() : []), ...(showImplementPlanButton ? getImplementPlanButtonDom() : []), ...(showGitBranchPicker ? getGitBranchPickerVirtualDom(gitBranches, gitBranchPickerOpen, gitBranchPickerErrorMessage, fallbackBranchName, selectChevronEnabled) : []), ...(showScrollDownButton ? getScrollDownButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled, isSessionInProgress)];
 };
 
 const getButtonLabel = (userState, isAuthenticated) => {
@@ -12489,7 +12802,7 @@ const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', user
     return [];
   }
   const isAuthenticated = userState === 'loggedIn' || userState === 'loggingOut';
-  const buttonName = isAuthenticated ? Logout : Login;
+  const buttonName = isAuthenticated ? Logout$1 : Login$1;
   const buttonLabel = getButtonLabel(userState, isAuthenticated);
   const buttonTitle = getButtonTitle(userState, isAuthenticated);
   const isPending = userState === 'loggingOut';
@@ -12512,7 +12825,7 @@ const getChatHeaderAuthDom = (authEnabled = false, userState = 'loggedOut', user
     name: buttonName,
     onClick: HandleClick,
     title: buttonTitle,
-    type: Button$1
+    type: Button$2
   }, text(buttonLabel), ...getAuthErrorDom(authErrorMessage)];
 };
 
@@ -12527,7 +12840,7 @@ const getHeaderActionVirtualDom = item => {
     name: item.name,
     onClick: item.onClick,
     title: item.title,
-    type: Button$1
+    type: Button$2
   }, {
     childCount: 0,
     className: item.icon,
@@ -13172,7 +13485,7 @@ const getMissingApiActionsDom = ({
     disabled: saveButtonDisabled,
     inputType: 'submit',
     name: saveButtonName,
-    type: Button$1
+    type: Button$2
   }, text(saveButtonText), {
     childCount: 1,
     className: mergeClassNames(Button, ButtonSecondary),
@@ -13189,6 +13502,7 @@ const getMissingApiKeyDom = ({
   inputName,
   inputPattern,
   inputRequired = false,
+  inputType,
   onSubmit,
   openSettingsButtonName,
   openSettingsUrl,
@@ -13209,6 +13523,9 @@ const getMissingApiKeyDom = ({
     autocorrect: 'off',
     childCount: 0,
     className: inputClassName ? mergeClassNames(InputBox, inputClassName) : InputBox,
+    ...({
+      inputType
+    } ),
     name: inputName,
     onInput: HandleInput,
     ...(inputPattern ? {
@@ -13239,6 +13556,7 @@ const getMissingOpenApiApiKeyDom = (openApiApiKeyInput = '', openApiApiKeyState
     inputName: OpenApiApiKeyInput,
     inputPattern,
     inputRequired: false,
+    inputType: 'password',
     onSubmit: HandleMissingOpenAiApiKeyFormSubmit,
     openSettingsButtonName: OpenOpenApiApiKeyWebsite,
     openSettingsUrl,
@@ -13254,6 +13572,7 @@ const getMissingOpenRouterApiKeyDom = (openRouterApiKeyState = 'idle') => {
   return getMissingApiKeyDom({
     getApiKeyText: getOpenRouterApiKey(),
     inputName: OpenRouterApiKeyInput,
+    inputType: 'password',
     onSubmit: HandleMissingOpenRouterApiKeyFormSubmit,
     openSettingsButtonName: OpenOpenRouterApiKeySettings,
     openSettingsUrl: 'https://openrouter.ai/settings/keys',
@@ -13294,7 +13613,7 @@ const getOpenRouterTooManyRequestsDom = () => {
 
 const getToolCallStatusLabel = toolCall => {
   if (toolCall.status === 'success') {
-    return ' (finished)';
+    return '';
   }
   if (toolCall.status === 'in-progress') {
     return ' (in progress)';
@@ -13690,7 +14009,11 @@ const getToolCallDefaultDom = toolCall => {
     childCount: 1,
     className: ToolCallName,
     type: Span
-  }, text(toolNamePrefix), ...(hasSuffix ? [text(suffix)] : [])];
+  }, text(toolNamePrefix), ...(hasSuffix ? [{
+    childCount: 1,
+    className: ToolCallDetails,
+    type: Span
+  }, text(suffix)] : [])];
 };
 
 const getToolCallEditFileVirtualDom = toolCall => {
@@ -13953,7 +14276,7 @@ const getElementType = tagName => {
     case 'br':
       return Br;
     case 'button':
-      return Button$1;
+      return Button$2;
     case 'code':
       return Code;
     case 'col':
@@ -14558,7 +14881,7 @@ const getBackToChatsButtonDom = () => {
     name: Back,
     onClick: HandleClickBack,
     title: backToChatList(),
-    type: Button$1
+    type: Button$2
   }, arrowLeft$1];
 };
 
@@ -14617,7 +14940,7 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     onClick: HandleClick,
     tabIndex: 0,
     title: 'New chat in this project',
-    type: Button$1
+    type: Button$2
   }, text('+'), ...(expanded ? sessions.flatMap(session => getProjectSessionDom(session, selectedSessionId)) : [])];
 };
 
@@ -14647,7 +14970,7 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
     onClick: HandleClick,
     onContextMenu: HandleProjectAddButtonContextMenu,
     tabIndex: 0,
-    type: Button$1
+    type: Button$2
   }, text('+ Add Project'), ...(showBackToChatsButton ? getBackToChatsButtonDom() : [])];
 };
 
@@ -14671,8 +14994,9 @@ const getChatModeChatFocusVirtualDom = ({
   gitBranchPickerErrorMessage,
   gitBranchPickerOpen,
   gitBranchPickerVisible,
-  hasSpaceForAgentModePicker,
-  hasSpaceForRunModePicker,
+  hasSpaceForAgentModePicker: _hasSpaceForAgentModePicker,
+  hasSpaceForRunModePicker: _hasSpaceForRunModePicker,
+  hiddenPrimaryControls = [],
   messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
@@ -14685,6 +15009,7 @@ const getChatModeChatFocusVirtualDom = ({
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
   parsedMessages = [],
+  primaryControlsOverflowButtonVisible = false,
   projectExpandedIds = [],
   projectListScrollTop = 0,
   projects = [],
@@ -14710,6 +15035,7 @@ const getChatModeChatFocusVirtualDom = ({
   userName = '',
   userState = 'loggedOut',
   visibleModels = models,
+  visiblePrimaryControls = [],
   voiceDictationEnabled = false
 }) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
@@ -14721,9 +15047,9 @@ const getChatModeChatFocusVirtualDom = ({
   const showImplementPlanButton = agentMode === 'plan' && !!getLatestExecutablePlanMessage(selectedSession) && !isSelectedSessionInProgress;
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
-  const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
+  const isAgentModePickerVisible = agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
-  const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
+  const isRunModePickerVisible = showRunMode && runModePickerOpen;
   const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
   const chatRootChildCount = 2 + (hasVisibleOverlays ? 1 : 0);
   return [{
@@ -14745,7 +15071,7 @@ const getChatModeChatFocusVirtualDom = ({
     childCount: 3,
     className: ChatFocusMainArea,
     type: Div
-  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName, authEnabled, userState, userName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, gitBranchPickerVisible, gitBranchPickerOpen, gitBranchPickerErrorMessage, gitBranches, selectedSession?.branchName || '', hasSpaceForAgentModePicker, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, showImplementPlanButton, voiceDictationEnabled, isSelectedSessionInProgress, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getChatHeaderDomFocusMode(selectedSessionTitle, selectedProjectName, authEnabled, userState, userName), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, gitBranchPickerVisible, gitBranchPickerOpen, gitBranchPickerErrorMessage, gitBranches, selectedSession?.branchName || '', visiblePrimaryControls, hiddenPrimaryControls, primaryControlsOverflowButtonVisible, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, showImplementPlanButton, voiceDictationEnabled, isSelectedSessionInProgress, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
     composerAttachmentPreviewOverlayAttachmentId,
@@ -14774,9 +15100,9 @@ const getBackButtonVirtualDom = () => {
     className: IconButton,
     name: Back,
     onClick: HandleClickBack,
-    role: Button$2,
+    role: Button$3,
     title: backToChats(),
-    type: Button$1
+    type: Button$2
   }, arrowLeft];
 };
 
@@ -14804,12 +15130,12 @@ const getChatHeaderActionsDom = (viewMode, searchEnabled = false) => {
     title: newChat()
   }, {
     icon: mergeClassNames(MaskIcon, MaskIconSettingsGear),
-    name: Settings,
+    name: Settings$1,
     onClick: HandleClickSettings,
     title: settings()
   }, {
     icon: mergeClassNames(MaskIcon, MaskIconClose),
-    name: CloseChat,
+    name: CloseChat$1,
     onClick: HandleClickClose,
     title: closeChat()
   }];
@@ -14855,8 +15181,9 @@ const getChatModeDetailVirtualDom = ({
   composerHeight = 28,
   composerLineHeight = 20,
   composerValue,
-  hasSpaceForAgentModePicker,
-  hasSpaceForRunModePicker,
+  hasSpaceForAgentModePicker: _hasSpaceForAgentModePicker,
+  hasSpaceForRunModePicker: _hasSpaceForRunModePicker,
+  hiddenPrimaryControls = [],
   messagesAutoScrollEnabled,
   messagesScrollTop = 0,
   modelPickerOpen = false,
@@ -14869,6 +15196,7 @@ const getChatModeDetailVirtualDom = ({
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
   parsedMessages = [],
+  primaryControlsOverflowButtonVisible = false,
   reasoningEffort,
   reasoningEffortPickerOpen = false,
   reasoningPickerEnabled,
@@ -14890,6 +15218,7 @@ const getChatModeDetailVirtualDom = ({
   userName = '',
   userState = 'loggedOut',
   visibleModels = models,
+  visiblePrimaryControls = [],
   voiceDictationEnabled = false
 }) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
@@ -14900,9 +15229,9 @@ const getChatModeDetailVirtualDom = ({
   const showImplementPlanButton = agentMode === 'plan' && !!getLatestExecutablePlanMessage(selectedSession) && !isSelectedSessionInProgress;
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
-  const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
+  const isAgentModePickerVisible = agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
-  const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
+  const isRunModePickerVisible = showRunMode && runModePickerOpen;
   const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
   const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   return [{
@@ -14911,7 +15240,7 @@ const getChatModeDetailVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, userState, userName, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, false, false, '', [], '', hasSpaceForAgentModePicker, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, showImplementPlanButton, voiceDictationEnabled, isSelectedSessionInProgress, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, userState, userName, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openApiApiKeyState, openApiApiKeysSettingsUrl, openApiApiKeyInputPattern, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, false, false, '', [], '', visiblePrimaryControls, hiddenPrimaryControls, primaryControlsOverflowButtonVisible, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, showCreatePullRequestButton, showImplementPlanButton, voiceDictationEnabled, isSelectedSessionInProgress, scrollDownButtonEnabled, messagesAutoScrollEnabled), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
     composerAttachmentPreviewOverlayAttachmentId,
@@ -14941,7 +15270,7 @@ const getChatSearchDom = (hasSearchField, searchValue) => {
     childCount: 0,
     className: InputBox,
     inputType: 'search',
-    name: Search,
+    name: Search$1,
     onInput: HandleSearchInput,
     placeholder: searchChats(),
     type: Input,
@@ -15093,7 +15422,7 @@ const getSessionDom = (session, focused = false, showChatListTime = true, showFo
     onClick: HandleClickDelete,
     tabIndex: 0,
     title: deleteChatSession$1(),
-    type: Button$1
+    type: Button$2
   }, {
     childCount: 0,
     className: mergeClassNames(MaskIcon, MaskIconArchive),
@@ -15136,13 +15465,15 @@ const getChatModeListVirtualDom = ({
   composerHeight = 28,
   composerLineHeight = 20,
   composerValue,
-  hasSpaceForAgentModePicker,
-  hasSpaceForRunModePicker,
+  hasSpaceForAgentModePicker: _hasSpaceForAgentModePicker,
+  hasSpaceForRunModePicker: _hasSpaceForRunModePicker,
+  hiddenPrimaryControls = [],
   listFocusedIndex = -1,
   listFocusOutline = false,
   modelPickerOpen = false,
   modelPickerSearchValue = '',
   models,
+  primaryControlsOverflowButtonVisible = false,
   reasoningEffort,
   reasoningEffortPickerOpen = false,
   reasoningPickerEnabled,
@@ -15166,13 +15497,14 @@ const getChatModeListVirtualDom = ({
   userName = '',
   userState = 'loggedOut',
   visibleModels = models,
+  visiblePrimaryControls = [],
   voiceDictationEnabled = false
 }) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   const isComposerAttachmentPreviewOverlayVisible = !!composerAttachmentPreviewOverlayAttachmentId;
-  const isAgentModePickerVisible = hasSpaceForAgentModePicker && agentModePickerOpen;
+  const isAgentModePickerVisible = agentModePickerOpen;
   const isNewModelPickerVisible = modelPickerOpen;
-  const isRunModePickerVisible = showRunMode && hasSpaceForRunModePicker && runModePickerOpen;
+  const isRunModePickerVisible = showRunMode && runModePickerOpen;
   const hasVisibleOverlays = isDropOverlayVisible || isComposerAttachmentPreviewOverlayVisible || isAgentModePickerVisible || isNewModelPickerVisible || isRunModePickerVisible;
   const chatRootChildCount = 3 + (hasVisibleOverlays ? 1 : 0);
   const searchValueTrimmed = searchValue.trim().toLowerCase();
@@ -15183,7 +15515,7 @@ const getChatModeListVirtualDom = ({
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, userState, userName, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, listFocusOutline, listFocusedIndex, showChatListTime, chatListScrollTop), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, false, false, '', [], '', hasSpaceForAgentModePicker, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, hasSpaceForRunModePicker, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, false, false, voiceDictationEnabled, false), ...getChatOverlaysVirtualDom({
+  }, ...getChatHeaderListModeDom(authEnabled, userState, userName, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, listFocusOutline, listFocusedIndex, showChatListTime, chatListScrollTop), ...getChatSendAreaDom(composerValue, composerAttachments, agentMode, agentModePickerOpen, false, false, '', [], '', visiblePrimaryControls, hiddenPrimaryControls, primaryControlsOverflowButtonVisible, selectChevronEnabled, modelPickerOpen, models, selectedModelId, reasoningPickerEnabled, reasoningEffort, reasoningEffortPickerOpen, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, runModePickerOpen, todoListToolEnabled, todoListItems, false, false, voiceDictationEnabled, false), ...getChatOverlaysVirtualDom({
     agentMode,
     agentModePickerVisible: isAgentModePickerVisible,
     composerAttachmentPreviewOverlayAttachmentId,
@@ -15304,6 +15636,7 @@ const getChatVirtualDom = options => {
     gitBranchPickerVisible = false,
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
+    hiddenPrimaryControls = [],
     listFocusedIndex = -1,
     listFocusOutline = false,
     messagesAutoScrollEnabled,
@@ -15318,6 +15651,7 @@ const getChatVirtualDom = options => {
     openRouterApiKeyInput,
     openRouterApiKeyState,
     parsedMessages: parsedMessagesInput,
+    primaryControlsOverflowButtonVisible = false,
     projectExpandedIds = [],
     projectListScrollTop = 0,
     projects = [],
@@ -15347,6 +15681,7 @@ const getChatVirtualDom = options => {
     userState = 'loggedOut',
     viewMode,
     visibleModels = models,
+    visiblePrimaryControls = ['agent-mode-picker-toggle', 'model-picker-toggle', ...(reasoningPickerEnabled ? ['reasoning-effort-picker-toggle'] : []), ...(showRunMode ? ['run-mode-picker-toggle'] : [])],
     voiceDictationEnabled = false
   } = options;
   const parsedMessages = parsedMessagesInput ?? getFallbackParsedMessages(sessions);
@@ -15375,6 +15710,7 @@ const getChatVirtualDom = options => {
         gitBranchPickerVisible,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        hiddenPrimaryControls,
         messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
@@ -15387,6 +15723,7 @@ const getChatVirtualDom = options => {
         openRouterApiKeyInput,
         openRouterApiKeyState,
         parsedMessages,
+        primaryControlsOverflowButtonVisible,
         projectExpandedIds,
         projectListScrollTop,
         projects,
@@ -15412,6 +15749,7 @@ const getChatVirtualDom = options => {
         userName,
         userState,
         visibleModels,
+        visiblePrimaryControls,
         voiceDictationEnabled
       });
     case 'detail':
@@ -15433,6 +15771,7 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        hiddenPrimaryControls,
         messagesAutoScrollEnabled,
         messagesScrollTop,
         modelPickerOpen,
@@ -15445,6 +15784,7 @@ const getChatVirtualDom = options => {
         openRouterApiKeyInput,
         openRouterApiKeyState,
         parsedMessages,
+        primaryControlsOverflowButtonVisible,
         reasoningEffort,
         reasoningEffortPickerOpen,
         reasoningPickerEnabled,
@@ -15466,6 +15806,7 @@ const getChatVirtualDom = options => {
         userName,
         userState,
         visibleModels,
+        visiblePrimaryControls,
         voiceDictationEnabled
       });
     case 'list':
@@ -15488,11 +15829,13 @@ const getChatVirtualDom = options => {
         composerValue,
         hasSpaceForAgentModePicker,
         hasSpaceForRunModePicker,
+        hiddenPrimaryControls,
         listFocusedIndex,
         listFocusOutline,
         modelPickerOpen,
         modelPickerSearchValue,
         models,
+        primaryControlsOverflowButtonVisible,
         reasoningEffort,
         reasoningEffortPickerOpen,
         reasoningPickerEnabled,
@@ -15516,6 +15859,7 @@ const getChatVirtualDom = options => {
         userName,
         userState,
         visibleModels,
+        visiblePrimaryControls,
         voiceDictationEnabled
       });
     default:
@@ -15547,6 +15891,7 @@ const renderItems = (oldState, newState) => {
     gitBranchPickerVisible,
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
+    hiddenPrimaryControls,
     initial,
     listFocusedIndex,
     listFocusOutline,
@@ -15562,6 +15907,7 @@ const renderItems = (oldState, newState) => {
     openRouterApiKeyInput,
     openRouterApiKeyState,
     parsedMessages,
+    primaryControlsOverflowButtonVisible,
     projectExpandedIds,
     projectListScrollTop,
     projects,
@@ -15592,6 +15938,7 @@ const renderItems = (oldState, newState) => {
     userState,
     viewMode,
     visibleModels,
+    visiblePrimaryControls,
     voiceDictationEnabled
   } = newState;
   if (initial) {
@@ -15620,6 +15967,7 @@ const renderItems = (oldState, newState) => {
     gitBranchPickerVisible,
     hasSpaceForAgentModePicker,
     hasSpaceForRunModePicker,
+    hiddenPrimaryControls,
     listFocusedIndex,
     listFocusOutline,
     messagesAutoScrollEnabled,
@@ -15634,6 +15982,7 @@ const renderItems = (oldState, newState) => {
     openRouterApiKeyInput,
     openRouterApiKeyState,
     parsedMessages,
+    primaryControlsOverflowButtonVisible,
     projectExpandedIds,
     projectListScrollTop,
     projects,
@@ -15663,6 +16012,7 @@ const renderItems = (oldState, newState) => {
     userState,
     viewMode,
     visibleModels,
+    visiblePrimaryControls,
     voiceDictationEnabled
   });
   return [SetDom2, uid, dom];
@@ -15892,7 +16242,7 @@ const renderEventListeners = () => {
     preventDefault: true
   }, {
     name: HandleMessagesContextMenu,
-    params: ['handleMessagesContextMenu'],
+    params: ['handleMessagesContextMenu', Button$1, ClientX, ClientY],
     preventDefault: true
   }, {
     name: HandleChatWelcomeContextMenu,
@@ -16010,41 +16360,39 @@ const reset = async state => {
 
 const resize = async (state, dimensions, getComposerHeightFn = getComposerHeight) => {
   const {
-    agentModePickerOpen,
-    responsivePickerVisibilityEnabled,
-    runModePickerOpen,
     width
   } = state;
-  const responsivePickerState = dimensions.width === undefined ? undefined : getResponsivePickerState(dimensions.width, responsivePickerVisibilityEnabled);
-  const responsivePickerOpenState = responsivePickerState ? {
-    agentModePickerOpen: responsivePickerState.hasSpaceForAgentModePicker ? agentModePickerOpen : false,
-    runModePickerOpen: responsivePickerState.hasSpaceForRunModePicker ? runModePickerOpen : false
-  } : {};
-  const nextState = {
+  const mergedState = {
     ...state,
-    ...dimensions,
-    ...responsivePickerState,
-    ...responsivePickerOpenState
+    ...dimensions
+  };
+  const nextState = dimensions.width === undefined ? mergedState : applyResponsivePickerState(mergedState);
+  const closedNextState = dimensions.width === undefined ? nextState : {
+    ...nextState,
+    agentModePickerOpen: nextState.hiddenPrimaryControls.includes('agent-mode-picker-toggle') ? false : nextState.agentModePickerOpen,
+    modelPickerOpen: nextState.hiddenPrimaryControls.includes('model-picker-toggle') ? false : nextState.modelPickerOpen,
+    reasoningEffortPickerOpen: nextState.hiddenPrimaryControls.includes('reasoning-effort-picker-toggle') ? false : nextState.reasoningEffortPickerOpen,
+    runModePickerOpen: nextState.hiddenPrimaryControls.includes('run-mode-picker-toggle') ? false : nextState.runModePickerOpen
   };
   const {
     composerAttachments,
     composerValue,
     width: nextWidth
-  } = nextState;
+  } = closedNextState;
   if (dimensions.width !== undefined && dimensions.width !== width && composerValue) {
     return {
-      ...nextState,
+      ...closedNextState,
       composerAttachmentsHeight: getComposerAttachmentsHeight(composerAttachments, nextWidth),
-      composerHeight: await getComposerHeightFn(nextState, composerValue, nextWidth)
+      composerHeight: await getComposerHeightFn(closedNextState, composerValue, nextWidth)
     };
   }
   if (dimensions.width !== undefined && dimensions.width !== width && composerAttachments.length > 0) {
     return {
-      ...nextState,
+      ...closedNextState,
       composerAttachmentsHeight: getComposerAttachmentsHeight(composerAttachments, nextWidth)
     };
   }
-  return nextState;
+  return closedNextState;
 };
 
 const saveState = state => {
@@ -16152,6 +16500,41 @@ const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEven
   };
 };
 
+const setInProgress = async (state, inProgress) => {
+  const selectedSession = state.sessions.find(session => session.id === state.selectedSessionId);
+  if (!selectedSession) {
+    return state;
+  }
+  const lastAssistantMessageIndex = selectedSession.messages.findLastIndex(message => message.role === 'assistant');
+  if (lastAssistantMessageIndex === -1) {
+    return state;
+  }
+  const messages = selectedSession.messages.map((message, index) => {
+    if (index !== lastAssistantMessageIndex) {
+      return message;
+    }
+    return {
+      ...message,
+      inProgress
+    };
+  });
+  const updatedSelectedSession = {
+    ...selectedSession,
+    messages,
+    status: inProgress ? 'in-progress' : 'finished'
+  };
+  await saveChatSession(updatedSelectedSession);
+  return {
+    ...state,
+    sessions: state.sessions.map(session => {
+      if (session.id !== selectedSession.id) {
+        return session;
+      }
+      return updatedSelectedSession;
+    })
+  };
+};
+
 const setNowForTest = (state, value) => {
   setRelativeTimeNowForTest(value);
   return state;
@@ -16173,13 +16556,16 @@ const setReasoningPickerEnabled = (state, reasoningPickerEnabled) => {
 };
 
 const setResponsivePickerVisibilityEnabled = (state, responsivePickerVisibilityEnabled) => {
-  const responsivePickerState = getResponsivePickerState(state.width, responsivePickerVisibilityEnabled);
-  return {
+  const nextState = applyResponsivePickerState({
     ...state,
-    ...responsivePickerState,
-    agentModePickerOpen: responsivePickerState.hasSpaceForAgentModePicker ? state.agentModePickerOpen : false,
-    responsivePickerVisibilityEnabled,
-    runModePickerOpen: responsivePickerState.hasSpaceForRunModePicker ? state.runModePickerOpen : false
+    responsivePickerVisibilityEnabled
+  });
+  return {
+    ...nextState,
+    agentModePickerOpen: nextState.hiddenPrimaryControls.includes('agent-mode-picker-toggle') ? false : state.agentModePickerOpen,
+    modelPickerOpen: nextState.hiddenPrimaryControls.includes('model-picker-toggle') ? false : state.modelPickerOpen,
+    reasoningEffortPickerOpen: nextState.hiddenPrimaryControls.includes('reasoning-effort-picker-toggle') ? false : state.reasoningEffortPickerOpen,
+    runModePickerOpen: nextState.hiddenPrimaryControls.includes('run-mode-picker-toggle') ? false : state.runModePickerOpen
   };
 };
 
@@ -16221,10 +16607,13 @@ const setShowModelUsageMultiplier = (state, showModelUsageMultiplier) => {
 };
 
 const setShowRunMode = (state, showRunMode) => {
-  return {
+  const nextState = applyResponsivePickerState({
     ...state,
-    runModePickerOpen: showRunMode ? state.runModePickerOpen : false,
     showRunMode
+  });
+  return {
+    ...nextState,
+    runModePickerOpen: showRunMode && !nextState.hiddenPrimaryControls.includes('run-mode-picker-toggle') ? state.runModePickerOpen : false
   };
 };
 
@@ -16354,6 +16743,7 @@ const commandMap = {
   'Chat.enterNewLine': wrapCommand(handleNewline),
   'Chat.getAuthState': wrapGetter(getAuthState),
   'Chat.getCommandIds': getCommandIds,
+  'Chat.getComposerSelection': wrapGetter(getComposerSelection),
   'Chat.getKeyBindings': getKeyBindings,
   'Chat.getMenuEntries': getMenuEntries,
   'Chat.getMenuEntryIds': getMenuEntryIds,
@@ -16455,6 +16845,7 @@ const commandMap = {
   'Chat.setChatHistoryEnabled': wrapCommand(setChatHistoryEnabled),
   'Chat.setComposerSelection': wrapCommand(setComposerSelection),
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
+  'Chat.setInProgress': wrapCommand(setInProgress),
   'Chat.setNowForTest': wrapCommand(setNowForTest),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setQuestionToolEnabled': wrapCommand(setQuestionToolEnabled),
@@ -16691,7 +17082,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeAuthWorker(), initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatMessageParsingWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeOpenerWorker(), initializeIconThemeWorker(), initializeTextMeasurementWorker(), initializeAuthWorker()]);
+  await Promise.all([initializeAuthWorker(), initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatMessageParsingWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeIconThemeWorker(), initializeOpenerWorker(), initializeTextMeasurementWorker()]);
 };
 
 const main = async () => {