@lvce-editor/static-server 0.76.9 → 0.77.0

package/static/{2235776 → bff92c8}/packages/chat-view/dist/chatViewWorkerMain.js

@@ -1118,14 +1118,14 @@ const create$2 = rpcId => {
 };
 
 const {
-  invoke: invoke$5,
+  invoke: invoke$7,
   set: set$7
 } = create$2(6007);
 const getMathBlockDom = async node => {
-  return invoke$5('ChatMath.getMathBlockDom', node);
+  return invoke$7('ChatMath.getMathBlockDom', node);
 };
 const getMathInlineDom = async node => {
-  return invoke$5('ChatMath.getMathInlineDom', node);
+  return invoke$7('ChatMath.getMathInlineDom', node);
 };
 
 const Button$2 = 'button';
@@ -1197,9 +1197,7 @@ const Shift = 1 << 10 >>> 0;
 
 const Chat$1 = 97;
 
-const Separator = 1;
 const None = 0;
-const RestoreFocus = 6;
 
 const ChatNetworkWorker = 6002;
 const ChatToolWorker = 6005;
@@ -1218,26 +1216,30 @@ const SetPatches = 'Viewlet.setPatches';
 const FocusChatInput = 8000;
 
 const {
-  invoke: invoke$4,
+  invoke: invoke$6,
   set: set$6
 } = create$2(ChatNetworkWorker);
 
 const {
-  invoke: invoke$3,
+  invoke: invoke$5,
   set: set$5
 } = create$2(ChatToolWorker);
 
 const {
-  invoke: invoke$2,
+  invoke: invoke$4,
   set: set$4
 } = create$2(ExtensionHostWorker);
 
 const {
+  invoke: invoke$3,
   set: set$3
 } = create$2(OpenerWorker);
+const openExternal = async url => {
+  return invoke$3('Open.openExternal', url);
+};
 
 const {
-  invoke: invoke$1,
+  invoke: invoke$2,
   invokeAndTransfer,
   set: set$2
 } = create$2(RendererWorker);
@@ -1246,7 +1248,11 @@ const showContextMenu2 = async (uid, menuId, x, y, args) => {
   number(menuId);
   number(x);
   number(y);
-  await invoke$1('ContextMenu.show2', uid, menuId, x, y, args);
+  await invoke$2('ContextMenu.show2', uid, menuId, x, y, args);
+};
+const sendMessagePortToClipBoardWorker$1 = async (port, rpcId) => {
+  const command = 'ClipBoard.handleMessagePort';
+  await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToClipBoardWorker', port, command, rpcId);
 };
 const sendMessagePortToOpenerWorker$1 = async (port, rpcId) => {
   const command = 'HandleMessagePort.handleMessagePort';
@@ -1257,7 +1263,7 @@ const sendMessagePortToChatMathWorker$1 = async (port, rpcId) => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatMathWorker', port, command, rpcId);
 };
 const readFile = async uri => {
-  return invoke$1('FileSystem.readFile', uri);
+  return invoke$2('FileSystem.readFile', uri);
 };
 const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
   const command = 'HandleMessagePort.handleMessagePort2';
@@ -1270,16 +1276,13 @@ const sendMessagePortToChatToolWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatToolWorker', port, 'HandleMessagePort.handleMessagePort');
 };
 const activateByEvent$1 = (event, assetDir, platform) => {
-  return invoke$1('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
+  return invoke$2('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
 const getPreference = async key => {
-  return await invoke$1('Preferences.get', key);
-};
-const openExternal = async uri => {
-  await invoke$1('Open.openExternal', uri);
+  return await invoke$2('Preferences.get', key);
 };
 const measureTextBlockHeight$1 = async (actualInput, fontFamily, fontSize, lineHeightPx, width) => {
-  return invoke$1(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
+  return invoke$2(`MeasureTextHeight.measureTextBlockHeight`, actualInput, fontFamily, fontSize, lineHeightPx, width);
 };
 
 const toCommandId = key => {
@@ -1402,6 +1405,104 @@ const terminate = () => {
   globalThis.close();
 };
 
+const getVisibleSessions = (sessions, selectedProjectId) => {
+  if (!selectedProjectId) {
+    return sessions;
+  }
+  const hasAssignedProjects = sessions.some(session => !!session.projectId);
+  if (!hasAssignedProjects) {
+    return sessions;
+  }
+  return sessions.filter(session => session.projectId === selectedProjectId);
+};
+
+const chatListFocusFirst = async state => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  return {
+    ...state,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: 0
+  };
+};
+
+const chatListFocusLast = async state => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  return {
+    ...state,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: visibleSessions.length - 1
+  };
+};
+
+const getListFocusIndex = state => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (visibleSessions.length === 0) {
+    return -1;
+  }
+  if (state.listFocusedIndex >= 0 && state.listFocusedIndex < visibleSessions.length) {
+    return state.listFocusedIndex;
+  }
+  return -1;
+};
+
+const chatListFocusNext = async state => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  const currentIndex = getListFocusIndex(state);
+  const nextIndex = currentIndex === -1 ? 0 : Math.min(currentIndex + 1, visibleSessions.length - 1);
+  return {
+    ...state,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: nextIndex
+  };
+};
+
+const chatListFocusPrevious = async state => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  const currentIndex = getListFocusIndex(state);
+  const previousIndex = currentIndex === -1 ? visibleSessions.length - 1 : Math.max(currentIndex - 1, 0);
+  return {
+    ...state,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: previousIndex
+  };
+};
+
 const measureTextBlockHeight = async (text, fontFamily, fontSize, lineHeight, width) => {
   // Upstream renderer types currently require number, but runtime accepts px strings.
   // Keep forwarding the string to preserve chat-view behavior until upstream is updated.
@@ -1456,6 +1557,19 @@ const clearInput = async state => {
   };
 };
 
+let text$1 = '';
+const writeText = async value => {
+  text$1 = value;
+};
+const readText = async () => {
+  return text$1;
+};
+
+const copyInput = async state => {
+  await writeText(state.composerValue);
+  return state;
+};
+
 const emptyObject = {};
 const RE_PLACEHOLDER = /\{(PH\d+)\}/g;
 const i18nString = (key, placeholders = emptyObject) => {
@@ -1472,17 +1586,23 @@ const chatTitle = () => {
   return i18nString('Chat');
 };
 const chats = () => {
-  return i18nString('Chats');
+  return i18nString('Chat');
 };
 const newChat = () => {
   return i18nString('New Chat');
 };
+const addProject$1 = () => {
+  return i18nString('Add Project');
+};
 const debug = () => {
   return i18nString('Debug');
 };
 const backToChats = () => {
   return i18nString('Back to chats');
 };
+const backToChatList = () => {
+  return i18nString('Back to chat list');
+};
 const settings = () => {
   return i18nString('Settings');
 };
@@ -1550,7 +1670,7 @@ const getOpenApiApiKey = () => {
   return i18nString('Get API Key');
 };
 const deleteChatSession$1 = () => {
-  return i18nString('Delete chat session');
+  return i18nString('Archive');
 };
 const defaultSessionTitle = () => {
   return i18nString('Chat 1');
@@ -1678,6 +1798,7 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    chatStorageWorkerEnabled: false,
     composerDropActive: false,
     composerDropEnabled: true,
     composerFontFamily: 'system-ui',
@@ -1695,13 +1816,17 @@ const createDefaultState = () => {
     inputSource: 'script',
     lastNormalViewMode: 'list',
     lastSubmittedSessionId: '',
+    listFocusedIndex: -1,
     listItemHeight: 40,
     maxComposerRows: 5,
     messagesAutoScrollEnabled: true,
     messagesScrollTop: 0,
     mockAiResponseDelay: 800,
     mockApiCommandId: '',
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     models: getDefaultModels(),
+    newChatModelPickerEnabled: false,
     nextMessageId: 1,
     openApiApiBaseUrl: 'https://api.openai.com/v1',
     openApiApiKey: '',
@@ -1789,6 +1914,17 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
   set$1(uid, state, state);
 };
 
+const cutInput = async state => {
+  await writeText(state.composerValue);
+  return clearInput(state);
+};
+
+const invoke$1 = async (method, ...params) => {
+  {
+    throw new Error('ChatStorageWorker is not initialized');
+  }
+};
+
 const toError = error => {
   if (error instanceof Error) {
     return error;
@@ -2365,8 +2501,12 @@ const createDefaultStorage = () => {
   return new IndexedDbChatSessionStorage();
 };
 let chatSessionStorage = createDefaultStorage();
+let chatStorageWorkerEnabled = false;
+const setChatStorageWorkerEnabled$1 = enabled => {
+  chatStorageWorkerEnabled = enabled;
+};
 const listChatSessions = async () => {
-  const sessions = await chatSessionStorage.listSessions();
+  const sessions = chatStorageWorkerEnabled ? await invoke$1() : await chatSessionStorage.listSessions();
   return sessions.map(session => {
     const summary = {
       id: session.id,
@@ -2383,7 +2523,7 @@ const listChatSessions = async () => {
   });
 };
 const getChatSession = async id => {
-  const session = await chatSessionStorage.getSession(id);
+  const session = chatStorageWorkerEnabled ? await invoke$1('ChatStorage.getSession', id) : await chatSessionStorage.getSession(id);
   if (!session) {
     return undefined;
   }
@@ -2404,18 +2544,35 @@ const saveChatSession = async session => {
     messages: [...session.messages],
     title: session.title
   };
-  await chatSessionStorage.setSession(session.projectId ? {
+  const sessionValue = session.projectId ? {
     ...value,
     projectId: session.projectId
-  } : value);
+  } : value;
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.setSession', sessionValue);
+    return;
+  }
+  await chatSessionStorage.setSession(sessionValue);
 };
 const deleteChatSession = async id => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.deleteSession', id);
+    return;
+  }
   await chatSessionStorage.deleteSession(id);
 };
 const clearChatSessions = async () => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1();
+    return;
+  }
   await chatSessionStorage.clear();
 };
 const appendChatViewEvent = async event => {
+  if (chatStorageWorkerEnabled) {
+    await invoke$1('ChatStorage.appendEvent', event);
+    return;
+  }
   await chatSessionStorage.appendEvent(event);
 };
 
@@ -2431,17 +2588,6 @@ const getNextSelectedSessionId = (sessions, deletedId) => {
   return sessions[nextIndex].id;
 };
 
-const getVisibleSessions = (sessions, selectedProjectId) => {
-  if (!selectedProjectId) {
-    return sessions;
-  }
-  const hasAssignedProjects = sessions.some(session => !!session.projectId);
-  if (!hasAssignedProjects) {
-    return sessions;
-  }
-  return sessions.filter(session => session.projectId === selectedProjectId);
-};
-
 const deleteSession = async (state, id) => {
   const {
     renamingSessionId,
@@ -2559,7 +2705,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
+  return oldState.addContextButtonEnabled === newState.addContextButtonEnabled && oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && oldState.modelPickerOpen === newState.modelPickerOpen && oldState.modelPickerSearchValue === newState.modelPickerSearchValue && oldState.newChatModelPickerEnabled === newState.newChatModelPickerEnabled && oldState.listFocusedIndex === newState.listFocusedIndex && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.showRunMode === newState.showRunMode && oldState.runMode === newState.runMode && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.useChatMathWorker === newState.useChatMathWorker && oldState.viewMode === newState.viewMode && oldState.voiceDictationEnabled === newState.voiceDictationEnabled;
 };
 
 const diffScrollTop = (oldState, newState) => {
@@ -2931,21 +3077,12 @@ const getKeyBindings = () => {
 };
 
 const Copy = 'Copy';
-const CopyPath = 'Copy Path';
-const CopyRelativePath = 'Copy Relative Path';
 const Cut = 'Cut';
-const Delete = 'Delete';
-const OpenContainingFolder = 'Open Containing Folder';
-const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const Rename = 'Rename';
+const Archive = 'Archive';
+const AddProject = 'Add Project...';
 
-const openContainingFolder = () => {
-  return i18nString(OpenContainingFolder);
-};
-const openInIntegratedTerminal = () => {
-  return i18nString(OpenInIntegratedTerminal);
-};
 const cut = () => {
   return i18nString(Cut);
 };
@@ -2955,95 +3092,196 @@ const copy = () => {
 const paste = () => {
   return i18nString(Paste);
 };
-const copyPath = () => {
-  return i18nString(CopyPath);
-};
-const copyRelativePath = () => {
-  return i18nString(CopyRelativePath);
-};
 const rename = () => {
   return i18nString(Rename);
 };
-const deleteItem = () => {
-  return i18nString(Delete);
+const archive = () => {
+  return i18nString(Archive);
+};
+const addProject = () => {
+  return i18nString(AddProject);
 };
 
-const menuEntrySeparator = {
-  command: '',
-  flags: Separator,
-  id: 'separator',
-  label: ''
+const getMenuEntriesChatHeader = () => {
+  // TODO
+  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: 'copy',
+    label: paste()
+  }];
 };
 
-const menuEntryOpenContainingFolder = {
-  command: 'Explorer.openContainingFolder',
-  flags: RestoreFocus,
-  id: 'openContainingFolder',
-  label: openContainingFolder()
+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: 'copy',
+    label: paste()
+  }];
 };
-const menuEntryOpenInIntegratedTerminal = {
-  command: /* TODO */'-1',
-  flags: None,
-  id: 'openInIntegratedTerminal',
-  label: openInIntegratedTerminal()
-};
-const menuEntryCut = {
-  command: 'Explorer.handleCut',
-  flags: RestoreFocus,
-  id: 'cut',
-  label: cut()
-};
-const menuEntryCopy = {
-  command: 'Explorer.handleCopy',
-  flags: RestoreFocus,
-  id: 'copy',
-  label: copy()
-};
-const menuEntryPaste = {
-  command: 'Explorer.handlePaste',
-  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 menuEntryCopyPath = {
-  command: 'Explorer.copyPath',
-  flags: RestoreFocus,
-  id: 'copyPath',
-  label: copyPath()
+
+const Composer = 'composer';
+const Search = 'search';
+const ComposerDropTarget = 'composer-drop-target';
+const AddContext = 'add-context';
+const Dictate = 'dictate';
+const Send = 'send';
+const Back = 'back';
+const Model = 'model';
+const ModelPickerToggle = 'model-picker-toggle';
+const ModelPickerSearch = 'model-picker-search';
+const ModelPickerSettings = 'model-picker-settings';
+const RunMode = 'runMode';
+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 ProjectPrefix = 'project:';
+const SessionPrefix = 'session:';
+const RenamePrefix = 'session-rename:';
+const ModelPickerItemPrefix = 'model-picker-item:';
+const getProjectInputName = projectId => {
+  return `${ProjectPrefix}${projectId}`;
 };
-const menuEntryCopyAsE2eTest = {
-  command: 'Chat.copyAsE2eTest',
-  flags: None,
-  id: 'copyAsE2eTest',
-  label: copyPath()
+const getCreateSessionInProjectInputName = projectId => {
+  return `${CreateSessionInProjectPrefix}${projectId}`;
 };
-const menuEntryCopyRelativePath = {
-  command: 'Explorer.copyRelativePath',
-  flags: RestoreFocus,
-  id: 'copyRelativePath',
-  label: copyRelativePath()
+const isCreateSessionInProjectInputName = name => {
+  return name.startsWith(CreateSessionInProjectPrefix);
 };
-const menuEntryRename = {
-  command: 'Explorer.renameDirent',
-  flags: None,
-  id: 'rename',
-  label: rename()
+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 getModelPickerItemInputName = modelId => {
+  return `${ModelPickerItemPrefix}${modelId}`;
+};
+const isModelPickerItemInputName = name => {
+  return name.startsWith(ModelPickerItemPrefix);
 };
-const menuEntryDelete = {
-  command: 'Explorer.removeDirent',
+const getModelIdFromModelPickerItemInputName = name => {
+  return name.slice(ModelPickerItemPrefix.length);
+};
+
+const menuEntryAddProject = {
+  args: [CreateProject],
+  command: 'Chat.handleClick',
   flags: None,
-  id: 'delete',
-  label: deleteItem()
+  id: 'addProject',
+  label: addProject$1()
 };
-const getMenuEntriesFile = () => {
-  return [menuEntryCopyAsE2eTest, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
+const getMenuEntriesChatProjectList = (projectId = '') => {
+  if (!projectId) {
+    return [menuEntryAddProject];
+  }
+  return [{
+    args: [getCreateSessionInProjectInputName(projectId)],
+    command: 'Chat.handleClick',
+    flags: None,
+    id: 'newChat',
+    label: newChat()
+  }, menuEntryAddProject];
 };
-const getMenuEntries = () => {
-  return getMenuEntriesFile();
+
+const getMenuEntriesProjectAddButton = () => {
+  return [{
+    args: [CreateProject],
+    command: 'Chat.handleClick',
+    flags: None,
+    id: 'addProject',
+    label: addProject()
+  }];
 };
 
+const MenuChatList = 2178;
+const MenuChatHeader = 2179;
+const MenuChatInput = 2180;
+const MenuProjectAddButton = 2181;
+const MenuChatProjectList = 2182;
 const getMenuEntryIds = () => {
-  return [Chat$1];
+  return [Chat$1, MenuChatList, MenuChatHeader, MenuChatInput, MenuProjectAddButton, MenuChatProjectList];
+};
+
+const getMenuEntries = (menuId, props) => {
+  switch (props.menuId) {
+    case MenuChatHeader:
+      return getMenuEntriesChatHeader();
+    case MenuChatInput:
+      return getMenuEntriesChatInput();
+    case MenuChatList:
+      return getMenuEntriesChatList();
+    case MenuChatProjectList:
+      return getMenuEntriesChatProjectList(props.projectId);
+    case MenuProjectAddButton:
+      return getMenuEntriesProjectAddButton();
+    default:
+      return [];
+  }
 };
 
 const getQuickPickMenuEntries = () => {
@@ -3054,6 +3292,24 @@ const getSelectedSessionId = state => {
   return state.selectedSessionId;
 };
 
+const handleChatDetailWelcomeContextMenu = async state => {
+  return state;
+};
+
+const handleChatHeaderContextMenu = async state => {
+  return state;
+};
+
+const handleChatInputContextMenu = async (state, eventX, eventY) => {
+  const {
+    uid
+  } = state;
+  await showContextMenu2(uid, MenuChatInput, eventX, eventY, {
+    menuId: MenuChatInput
+  });
+  return state;
+};
+
 const getListIndex = (state, eventX, eventY) => {
   const {
     headerHeight,
@@ -3071,19 +3327,31 @@ const getListIndex = (state, eventX, eventY) => {
   return Math.floor(relativeY / listItemHeight);
 };
 
-const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
 const handleChatListContextMenu = async (state, eventX, eventY) => {
+  const {
+    selectedProjectId,
+    sessions,
+    uid
+  } = state;
   const index = getListIndex(state, eventX, eventY);
   if (index === -1) {
     return state;
   }
-  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
   const item = visibleSessions[index];
   if (!item) {
     return state;
   }
-  await invoke$1('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
-  return state;
+  await showContextMenu2(uid, MenuChatList, eventX, eventY, {
+    menuId: MenuChatList,
+    sessionId: item.id
+  });
+  return {
+    ...state,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: index
+  };
 };
 
 const generateSessionId = () => {
@@ -3113,7 +3381,7 @@ const createSession = async (state, projectIdOverride = '') => {
 
 const openFolder = async () => {
   try {
-    return await invoke$1('FilePicker.showDirectoryPicker');
+    return await invoke$2('FilePicker.showDirectoryPicker');
   } catch {
     return '';
   }
@@ -3217,7 +3485,7 @@ const get = async key => {
   return getPreference(key);
 };
 const update = async settings => {
-  await invoke$1('Preferences.update', settings);
+  await invoke$2('Preferences.update', settings);
 };
 
 const trailingSlashesRegex$3 = /\/+$/;
@@ -3245,12 +3513,12 @@ const handleClickLogin = async state => {
   };
   if (state.uid) {
     set$1(state.uid, state, signingInState);
-    await invoke$1('Chat.rerender');
+    await invoke$2('Chat.rerender');
   }
   let usedMockResponse = false;
   try {
     usedMockResponse = hasPendingMockLoginResponse();
-    const response = usedMockResponse ? await consumeNextLoginResponse() : await invoke$1('Auth.login', state.backendUrl);
+    const response = usedMockResponse ? await consumeNextLoginResponse() : await invoke$2('Auth.login', state.backendUrl);
     if (!isLoginResponse(response)) {
       return {
         ...signingInState,
@@ -3284,7 +3552,7 @@ const handleClickLogin = async state => {
   } catch (error) {
     const errorMessage = error instanceof Error && error.message ? error.message : 'Backend authentication failed.';
     if (!usedMockResponse) {
-      await invoke$1('Main.openUri', `${trimTrailingSlashes(state.backendUrl)}/auth/login`);
+      await invoke$2('Main.openUri', `${trimTrailingSlashes(state.backendUrl)}/auth/login`);
     }
     return {
       ...signingInState,
@@ -3296,7 +3564,7 @@ const handleClickLogin = async state => {
 
 const handleClickLogout = async state => {
   try {
-    await invoke$1('Auth.logout', state.backendUrl);
+    await invoke$2('Auth.logout', state.backendUrl);
   } catch {
     // Ignore logout bridge errors and still clear local auth state.
   }
@@ -3317,7 +3585,7 @@ const handleClickLogout = async state => {
 };
 
 const handleClickOpenApiApiKeySettings = async state => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -3327,7 +3595,7 @@ const handleClickOpenApiApiKeyWebsite = async state => {
 };
 
 const handleClickOpenRouterApiKeySettings = async state => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
   return state;
 };
 
@@ -3364,10 +3632,10 @@ const getAiResponse$1 = async options => {
 };
 
 const execute = async (name, rawArguments, options) => {
-  return invoke$3('ChatTool.execute', name, rawArguments, options);
+  return invoke$5('ChatTool.execute', name, rawArguments, options);
 };
 const getTools = async () => {
-  return invoke$3('ChatTool.getTools');
+  return invoke$5('ChatTool.getTools');
 };
 
 const stringifyToolOutput = output => {
@@ -3867,7 +4135,7 @@ const executeProvider = async ({
 }) => {
   await activateByEvent(event, assetDir, platform);
   // @ts-ignore
-  const result = invoke$2(method, ...params);
+  const result = invoke$4(method, ...params);
   return result;
 };
 
@@ -3999,10 +4267,10 @@ const getOpenApiApiEndpoint = openApiApiBaseUrl => {
 };
 
 const makeApiRequest = async options => {
-  return invoke$4('ChatNetwork.makeApiRequest', options);
+  return invoke$6('ChatNetwork.makeApiRequest', options);
 };
 const makeStreamingApiRequest = async options => {
-  return invoke$4('ChatNetwork.makeStreamingApiRequest', options);
+  return invoke$6('ChatNetwork.makeStreamingApiRequest', options);
 };
 
 const getTextContent = content => {
@@ -5854,7 +6122,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
   };
   set$1(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   const persistedState = await setOpenRouterApiKey(optimisticState, openRouterApiKey);
   const updatedState = {
     ...persistedState,
@@ -6954,7 +7222,8 @@ const focusInput = state => {
   return {
     ...state,
     focus: 'composer',
-    focused: true
+    focused: true,
+    listFocusedIndex: -1
   };
 };
 
@@ -7222,7 +7491,7 @@ const getSelectedSession = (sessions, selectedSessionId) => {
 const setAndRerenderHandleTextChunkState = async (uid, previousState, nextState) => {
   set$1(uid, previousState, nextState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
 };
 
 const getToolCallMergeKey = toolCall => {
@@ -7362,7 +7631,7 @@ const handleTextChunkFunction = async (uid, assistantMessageId, chunk, handleTex
   };
   set$1(uid, handleTextChunkState.previousState, nextState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   return {
     latestState: nextState,
     previousState: nextState
@@ -7564,7 +7833,7 @@ const handleSubmit = async state => {
   }
   set$1(state.uid, state, optimisticState);
   // @ts-ignore
-  await invoke$1('Chat.rerender');
+  await invoke$2('Chat.rerender');
   let handleTextChunkState = {
     latestState: optimisticState,
     previousState: optimisticState
@@ -7679,63 +7948,6 @@ const handleClickSend = async state => {
   return handleSubmit(submitState);
 };
 
-const Composer = 'composer';
-const Search = 'search';
-const ComposerDropTarget = 'composer-drop-target';
-const AddContext = 'add-context';
-const Dictate = 'dictate';
-const Send = 'send';
-const Back = 'back';
-const Model = 'model';
-const RunMode = 'runMode';
-const ToggleChatFocus = 'toggle-chat-focus';
-const ToggleSearch = 'toggle-search';
-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 ProjectPrefix = 'project:';
-const SessionPrefix = 'session:';
-const RenamePrefix = 'session-rename:';
-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 OpenApiApiKeyInput = 'open-api-api-key';
 const SaveOpenApiApiKey = 'save-openapi-api-key';
 const OpenOpenApiApiKeySettings = 'open-openapi-api-key-settings';
@@ -7844,11 +8056,34 @@ const selectListIndex = async (state, index) => {
     return state;
   }
   const session = visibleSessions[index];
-  return selectSession(state, session.id);
+  const nextState = await selectSession(state, session.id);
+  return {
+    ...nextState,
+    focus: 'list',
+    focused: true,
+    listFocusedIndex: index
+  };
 };
 
 const handleClickList = async (state, eventX, eventY) => {
   const index = getListIndex(state, eventX, eventY);
+  if (index === -1) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (index >= visibleSessions.length) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
   return selectListIndex(state, index);
 };
 
@@ -7874,6 +8109,22 @@ const handleClick = async (state, name, id = '') => {
         searchFieldVisible: !state.searchFieldVisible,
         searchValue: state.searchFieldVisible ? '' : state.searchValue
       };
+    case name === ModelPickerToggle:
+      return {
+        ...state,
+        modelPickerOpen: !state.modelPickerOpen,
+        modelPickerSearchValue: state.modelPickerOpen ? '' : state.modelPickerSearchValue
+      };
+    case isModelPickerItemInputName(name):
+      {
+        const modelId = getModelIdFromModelPickerItemInputName(name);
+        return {
+          ...state,
+          modelPickerOpen: false,
+          modelPickerSearchValue: '',
+          selectedModelId: modelId
+        };
+      }
     case isProjectInputName(name):
       {
         const projectId = getProjectIdFromInputName(name);
@@ -7928,7 +8179,7 @@ const handleClickBack = async state => {
 
 const handleClickClose = async () => {
   // @ts-ignore
-  await invoke$1('Layout.hideSecondarySideBar');
+  await invoke$2('Layout.hideSecondarySideBar');
 };
 
 const handleClickDelete = async (state, sessionId = '') => {
@@ -7939,33 +8190,37 @@ const handleClickDictationButton = async state => {
   return state;
 };
 
-const handleClickNew = async state => {
-  const newState = await createSession(state);
-  const clearedState = await clearInput(newState);
-  return focusInput(clearedState);
-};
-
 const normalizeFileReferenceUri = uri => {
   if (uri.startsWith('vscode-references://')) {
     return `file://${uri.slice('vscode-references://'.length)}`;
   }
   return uri;
 };
-const handleClickReadFile = async uri => {
+const handleClickFileName = async uri => {
   if (!uri) {
     return;
   }
   const normalizedUri = normalizeFileReferenceUri(uri);
-  await invoke$1('Main.openUri', normalizedUri);
+  await invoke$2('Main.openUri', normalizedUri);
+};
+
+const handleClickNew = async state => {
+  const newState = await createSession(state);
+  const clearedState = await clearInput(newState);
+  return focusInput(clearedState);
 };
 
 const handleClickSessionDebug = async state => {
-  await invoke$1('Main.openUri', `chat-debug://${state.selectedSessionId}`);
+  await invoke$2('Main.openUri', `chat-debug://${state.selectedSessionId}`);
   return state;
 };
 
 const handleClickSettings = async () => {
-  await invoke$1('Main.openUri', 'app://settings.json');
+  await invoke$2('Main.openUri', 'app://settings.json');
+};
+
+const handleContextMenuChatSendAreaBottom = async state => {
+  return state;
 };
 
 const handleDragEnter = async (state, name, hasFiles = true) => {
@@ -8077,6 +8332,12 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
   if (name === Search) {
     return handleSearchValueChange(state, value);
   }
+  if (name === ModelPickerSearch) {
+    return {
+      ...state,
+      modelPickerSearchValue: value
+    };
+  }
   if (name !== Composer) {
     return state;
   }
@@ -8105,21 +8366,37 @@ const handleInputFocus = async (state, name) => {
     return {
       ...state,
       focus: 'send-button',
-      focused: true
+      focused: true,
+      listFocusedIndex: -1
+    };
+  }
+  if (name === ChatList$1) {
+    return {
+      ...state,
+      focus: 'list',
+      focused: true,
+      listFocusedIndex: -1
     };
   }
   if (isSessionInputName(name) || name === SessionDelete) {
+    const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+    const sessionId = isSessionInputName(name) ? getSessionIdFromInputName(name) : '';
+    const focusedIndex = sessionId === '' ? -1 : visibleSessions.findIndex(session => {
+      return session.id === sessionId;
+    });
     return {
       ...state,
       focus: 'list',
-      focused: true
+      focused: true,
+      listFocusedIndex: focusedIndex
     };
   }
   if (name === CreateSession || name === SessionDebug || name === Settings || name === CloseChat || name === Back) {
     return {
       ...state,
       focus: 'header',
-      focused: true
+      focused: true,
+      listFocusedIndex: -1
     };
   }
   return {
@@ -8172,6 +8449,18 @@ const handleKeyDown = async (state, key, shiftKey) => {
     sessions,
     viewMode
   } = state;
+  if (state.focus === 'list' && viewMode === 'list') {
+    switch (key) {
+      case 'ArrowDown':
+        return chatListFocusNext(state);
+      case 'ArrowUp':
+        return chatListFocusPrevious(state);
+      case 'End':
+        return chatListFocusLast(state);
+      case 'Home':
+        return chatListFocusFirst(state);
+    }
+  }
   if (key !== 'Enter' || shiftKey) {
     return state;
   }
@@ -8197,16 +8486,18 @@ const handleMessagesContextMenu = async (state, button, x, y) => {
   return state;
 };
 
-const handleMissingApiKeySubmit = async (state, submitterName = '') => {
-  if (!submitterName) {
-    return state;
-  }
-  return handleClick(state, submitterName);
+const handleMissingOpenAiApiKeyFormSubmit = async state => {
+  return handleClickSaveOpenApiApiKey(state);
+};
+const handleMissingOpenRouterApiKeyFormSubmit = async state => {
+  return handleClickSaveOpenRouterApiKey(state);
 };
 
 const handleModelChange = async (state, value) => {
   return {
     ...state,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     selectedModelId: value
   };
 };
@@ -8218,7 +8509,63 @@ const handleNewline = async state => {
   return handleInput(state, Composer, `${composerValue}\n`);
 };
 
-const handleProjectListContextMenu = async state => {
+const handleProjectAddButtonContextMenu = async (state, button, x, y) => {
+  const {
+    uid
+  } = state;
+  await showContextMenu2(uid, MenuProjectAddButton, x, y, {
+    menuId: MenuProjectAddButton
+  });
+  return state;
+};
+
+const getProjectIdAtIndex = (state, index) => {
+  const {
+    projectExpandedIds,
+    projects,
+    sessions
+  } = state;
+  const blankProjectId = projects.find(project => project.name === '_blank')?.id || projects[0]?.id || '';
+  let currentIndex = 0;
+  for (const project of projects) {
+    if (currentIndex === index) {
+      return project.id;
+    }
+    currentIndex++;
+    if (projectExpandedIds.includes(project.id)) {
+      for (const session of sessions) {
+        const sessionProjectId = session.projectId || blankProjectId;
+        if (sessionProjectId !== project.id) {
+          continue;
+        }
+        if (currentIndex === index) {
+          return project.id;
+        }
+        currentIndex++;
+      }
+    }
+  }
+  return '';
+};
+const handleProjectListContextMenu = async (state, button, x, y) => {
+  const {
+    headerHeight,
+    listItemHeight,
+    projectListScrollTop,
+    uid
+  } = state;
+  const index = Math.floor((y - headerHeight + projectListScrollTop) / listItemHeight);
+  if (index < 0) {
+    return state;
+  }
+  const projectId = getProjectIdAtIndex(state, index);
+  if (!projectId) {
+    return state;
+  }
+  await showContextMenu2(uid, MenuChatProjectList, x, y, {
+    menuId: MenuChatProjectList,
+    projectId
+  });
   return state;
 };
 
@@ -8512,6 +8859,15 @@ const loadBackendUrl = async () => {
   }
 };
 
+const loadChatStorageWorkerEnabled = async () => {
+  try {
+    const savedChatStorageWorkerEnabled = await get('chatView.chatStorageWorkerEnabled');
+    return typeof savedChatStorageWorkerEnabled === 'boolean' ? savedChatStorageWorkerEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadComposerDropEnabled = async () => {
   try {
     const savedComposerDropEnabled = await get('chatView.composerDropEnabled');
@@ -8638,13 +8994,14 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, searchEnabled, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
+  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, chatStorageWorkerEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, searchEnabled, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadChatStorageWorkerEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadSearchEnabled(), loadStreamingEnabled(), loadTodoListToolEnabled(), loadPassIncludeObfuscation(), loadUseChatCoordinatorWorker(), loadUseChatMathWorker(), loadUseChatNetworkWorkerForRequests(), loadUseChatToolWorker(), loadVoiceDictationEnabled()]);
   return {
     aiSessionTitleGenerationEnabled,
     authAccessToken,
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8702,6 +9059,7 @@ const loadContent = async (state, savedState) => {
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
@@ -8716,6 +9074,7 @@ const loadContent = async (state, savedState) => {
     useChatToolWorker,
     voiceDictationEnabled
   } = await loadPreferences();
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
   let sessions = storedSessions;
@@ -8771,6 +9130,7 @@ const loadContent = async (state, savedState) => {
     authStatus: authAccessToken ? 'signed-in' : 'signed-out',
     backendUrl,
     chatListScrollTop,
+    chatStorageWorkerEnabled,
     composerDropActive: false,
     composerDropEnabled,
     composerValue: savedComposerValue ?? state.composerValue,
@@ -8778,6 +9138,9 @@ const loadContent = async (state, savedState) => {
     initial: false,
     lastNormalViewMode,
     messagesScrollTop,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
+    newChatModelPickerEnabled: state.newChatModelPickerEnabled,
     openApiApiKey,
     openApiApiKeyInput: openApiApiKey,
     openRouterApiKey,
@@ -8905,6 +9268,19 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
+const openModelPicker = state => {
+  return {
+    ...state,
+    modelPickerOpen: !state.modelPickerOpen,
+    modelPickerSearchValue: state.modelPickerOpen ? '' : state.modelPickerSearchValue
+  };
+};
+
+const pasteInput = async state => {
+  const text = await readText();
+  return handleInput(state, Composer, text, 'script');
+};
+
 const registerMockResponse = (state, mockResponse) => {
   reset$2();
   pushChunk(mockResponse.text);
@@ -8912,8 +9288,12 @@ const registerMockResponse = (state, mockResponse) => {
   return state;
 };
 
+/* eslint-disable @cspell/spellchecker */
 const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessageLineHeight, chatMessageFontFamily, textAreaPaddingTop, textAreaPaddingLeft, textAreaPaddingRight, textAreaPaddingBottom, chatSendAreaPaddingTop, chatSendAreaPaddingLeft, chatSendAreaPaddingRight, chatSendAreaPaddingBottom, renderHtmlCss) => {
-  const chatSendAreaHeight = composerHeight + chatSendAreaPaddingTop + chatSendAreaPaddingBottom;
+  const buttonsHeight = 20;
+  const gap = 10;
+  const contentPadding = 10;
+  const chatSendAreaHeight = composerHeight + chatSendAreaPaddingTop + chatSendAreaPaddingBottom + buttonsHeight + gap + contentPadding * 2;
   const baseCss = `:root {
   --ChatInputBoxHeight: ${composerHeight}px;
   --ChatTextAreaHeight: ${composerHeight}px;
@@ -8930,168 +9310,171 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   --ChatMessageFontSize: ${chatMessageFontSize}px;
   --ChatMessageLineHeight: ${chatMessageLineHeight}px;
   --ChatMessageFontFamily: ${chatMessageFontFamily};
-}`;
-  if (!renderHtmlCss.trim()) {
-    return `${baseCss}
-
-.ChatTodoList {
-  background: var(--vscode-editorWidget-background);
-  border: 1px solid var(--vscode-editorWidget-border);
-  border-radius: 6px;
-  margin-bottom: 8px;
-  overflow: hidden;
 }
 
-.ChatTodoListHeader {
-  border-bottom: 1px solid var(--vscode-editorWidget-border);
-  color: var(--vscode-descriptionForeground);
-  font-size: 12px;
-  line-height: 18px;
-  padding: 6px 10px;
+.ChatSendAreaBottom{
+  height: ${buttonsHeight}px;
 }
 
-.ChatTodoListItems {
-  list-style: none;
+.ChatInputBox{
+  width: 100%;
   margin: 0;
-  max-height: 180px;
-  overflow: auto;
-  padding: 4px 0;
+  border: none;
+  outline: none;
+  flex: 1;
+  background: var(--InputBoxBackground);
+  padding: 4px 6px;
+  color: var(--InputBoxForeground);
+  font-size: 13px;
+  height: 24px;
+  contain: strict;
+  resize: none;
+  overflow: hidden;
+  white-space: pre;
+  text-overflow: ellipsis;
+}
+.ChatSendArea:focus-within{
+  border-color: darkcyan;
 }
 
-.ChatTodoListItem {
-  align-items: center;
-  color: var(--vscode-foreground);
-  display: flex;
-  font-size: 12px;
-  line-height: 18px;
-  min-height: 24px;
-  padding: 0 10px;
+.SendButtonDisabled{
+  background: var(--vscode-button-secondaryBackground);
+  color: var(--vscode-disabledForeground);
+  cursor: default;
 }
 
-.ChatTodoListItem::before {
-  color: var(--vscode-descriptionForeground);
-  content: "○";
-  display: inline-block;
-  margin-right: 8px;
-  width: 1em;
+.ChatModelPicker{
+  border: 1px solid var(--vscode-widget-border, var(--vscode-panel-border));
 }
 
-.ChatTodoListItemTodo::before {
-  content: "○";
+.ChatListItem{
+  display:flex;
+  align-items:center;
+  box-shadow: inset 0 0 0 1px transparent;
 }
 
-.ChatTodoListItem.todo::before {
-  content: "○";
+.ChatListItemFocused{
+  background: var(--vscode-list-activeSelectionBackground);
+  box-shadow: inset 0 0 0 1px var(--vscode-focusBorder);
+  color: var(--vscode-list-activeSelectionForeground);
 }
 
-.ChatTodoListItemInProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
+.ChatMessageContent p + p{
+  margin-top: 0.75em;
 }
 
-.ChatTodoListItem.inProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
+.MissingApiKeyForm{
+  padding-top: 10px;
 }
 
-.ChatTodoListItemCompleted {
-  color: var(--vscode-disabledForeground);
+a.Button{
+  text-decoration: none;
 }
 
-.ChatTodoListItem.completed {
+.ChatHeaderLabel{
+  margin: 0;
+  font-size: 14px;
+}
+
+.ChatListItemStatusRow{
+  width: 16px;
+  min-width: 16px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
+}
+
+.ChatListItemStatusIcon{
+  font-size: 10px;
+}
+
+.ChatListItemStatusStopped{
   color: var(--vscode-disabledForeground);
 }
 
-.ChatTodoListItemCompleted::before {
-  color: var(--vscode-testing-iconPassed);
-  content: "✓";
+.ChatListItemStatusInProgress{
+  color: var(--vscode-charts-blue);
 }
 
-.ChatTodoListItem.completed::before {
+.ChatListItemStatusFinished{
   color: var(--vscode-testing-iconPassed);
-  content: "✓";
-}`;
-  }
-  return `${baseCss}
-
-.ChatTodoList {
-  background: var(--vscode-editorWidget-background);
-  border: 1px solid var(--vscode-editorWidget-border);
-  border-radius: 6px;
-  margin-bottom: 8px;
-  overflow: hidden;
 }
 
-.ChatTodoListHeader {
-  border-bottom: 1px solid var(--vscode-editorWidget-border);
-  color: var(--vscode-descriptionForeground);
-  font-size: 12px;
-  line-height: 18px;
-  padding: 6px 10px;
+.ChatListItem .SessionArchiveButton{
+  opacity: 0;
 }
 
-.ChatTodoListItems {
-  list-style: none;
-  margin: 0;
-  max-height: 180px;
-  overflow: auto;
-  padding: 4px 0;
+.ChatListItem:hover .SessionArchiveButton,
+.ChatListItem:focus-within .SessionArchiveButton{
+  opacity: 1;
 }
 
-.ChatTodoListItem {
-  align-items: center;
-  color: var(--vscode-foreground);
-  display: flex;
-  font-size: 12px;
-  line-height: 18px;
-  min-height: 24px;
-  padding: 0 10px;
+.ChatHeaderLabel{
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.ChatTodoListItem::before {
-  color: var(--vscode-descriptionForeground);
-  content: "○";
-  display: inline-block;
-  margin-right: 8px;
-  width: 1em;
+.ChatModelPickerList{
+  margin:0;
+  scrollbar-width: thin;
+  scrollbar-color: var(--vscode-scrollbarSlider-hoverBackground) var(--vscode-editorWidget-background, var(--vscode-editor-background));
 }
 
-.ChatTodoListItemTodo::before {
-  content: "○";
+.ChatModelPickerList::-webkit-scrollbar{
+  width: 10px;
 }
 
-.ChatTodoListItem.todo::before {
-  content: "○";
+.ChatModelPickerList::-webkit-scrollbar-track{
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
 }
 
-.ChatTodoListItemInProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
+.ChatModelPickerList::-webkit-scrollbar-thumb{
+  background: var(--vscode-scrollbarSlider-hoverBackground);
+  border: 2px solid transparent;
+  border-radius: 999px;
+  background-clip: content-box;
 }
 
-.ChatTodoListItem.inProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
+.ChatModelPickerList::-webkit-scrollbar-thumb:hover{
+  background: var(--vscode-scrollbarSlider-hoverBackground);
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
-.ChatTodoListItemCompleted {
-  color: var(--vscode-disabledForeground);
+.ChatModelPickerList::-webkit-scrollbar-thumb:active{
+  background: var(--vscode-scrollbarSlider-activeBackground);
+  border: 2px solid transparent;
+  background-clip: content-box;
 }
 
-.ChatTodoListItem.completed {
-  color: var(--vscode-disabledForeground);
+.ChatModelPickerItem{
+  display: block;
+  width: 100%;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
-.ChatTodoListItemCompleted::before {
-  color: var(--vscode-testing-iconPassed);
-  content: "✓";
+.ChatModelPickerContainer{
+  position: absolute;
+  inset:0;
+  display: flex;
+  flex-direction: column;
+  pointer-events: none;
 }
 
-.ChatTodoListItem.completed::before {
-  color: var(--vscode-testing-iconPassed);
-  content: "✓";
+.ChatModelPicker {
+  position: static;
+  background: var(--vscode-editorWidget-background, var(--vscode-editor-background));
+  margin-top: auto;
+  margin-bottom: 90px;
+  pointer-events: auto;
 }
 
+`;
+  return `${baseCss}
+
 /* render_html tool css */
 ${renderHtmlCss}`;
 };
@@ -9123,7 +9506,11 @@ const renderCss = (oldState, newState) => {
   return [SetCss, uid, css];
 };
 
-const getFocusSelector = focus => {
+const getFocusSelector = state => {
+  const {
+    focus,
+    listFocusedIndex
+  } = state;
   switch (focus) {
     case 'composer':
     case 'input':
@@ -9131,7 +9518,17 @@ const getFocusSelector = focus => {
     case 'header':
       return '[name="create-session"]';
     case 'list':
-      return '[name^="session:"]';
+      {
+        if (listFocusedIndex === -1) {
+          return `[name="${ChatList$1}"]`;
+        }
+        const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+        const session = visibleSessions[listFocusedIndex];
+        if (!session) {
+          return `[name="${ChatList$1}"]`;
+        }
+        return `[name="${getSessionInputName(session.id)}"]`;
+      }
     case 'send-button':
       return '[name="send"]';
     default:
@@ -9139,7 +9536,7 @@ const getFocusSelector = focus => {
   }
 };
 const renderFocus = (oldState, newState) => {
-  const selector = getFocusSelector(newState.focus);
+  const selector = getFocusSelector(newState);
   return [FocusSelector, selector];
 };
 
@@ -9156,6 +9553,12 @@ const ChatViewDropOverlay = 'ChatViewDropOverlay';
 const ChatViewDropOverlayActive = 'ChatViewDropOverlayActive';
 const SendButtonDisabled = 'SendButtonDisabled';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
+const ChatModelPickerContainer = 'ChatModelPickerContainer';
+const ChatModelPicker = 'ChatModelPicker';
+const ChatModelPickerHeader = 'ChatModelPickerHeader';
+const ChatModelPickerList = 'ChatModelPickerList';
+const ChatModelPickerItem = 'ChatModelPickerItem';
+const ChatModelPickerItemSelected = 'ChatModelPickerItemSelected';
 const ChatSendAreaContent = 'ChatSendAreaContent';
 const ChatTodoList = 'ChatTodoList';
 const ChatTodoListHeader = 'ChatTodoListHeader';
@@ -9166,6 +9569,15 @@ const ChatTodoListItemInProgress = 'ChatTodoListItemInProgress';
 const ChatTodoListItemCompleted = 'ChatTodoListItemCompleted';
 const Chat = 'Chat';
 const ChatHeader = 'ChatHeader';
+const ChatHeaderLabel = 'ChatHeaderLabel';
+const MaskIconDebugPause = 'MaskIconDebugPause';
+const MaskIconAccount = 'MaskIconAccount';
+const MaskIconAdd = 'MaskIconAdd';
+const MaskIconClose = 'MaskIconClose';
+const MaskIconLayoutPanelLeft = 'MaskIconLayoutPanelLeft';
+const MaskIconSearch = 'MaskIconSearch';
+const MaskIconSettingsGear = 'MaskIconSettingsGear';
+const MaskIconSignOut = 'MaskIconSignOut';
 const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
@@ -9182,7 +9594,14 @@ const LabelDetail = 'LabelDetail';
 const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
+const ChatListItemFocused = 'ChatListItemFocused';
+const ChatListItemStatusRow = 'ChatListItemStatusRow';
+const ChatListItemStatusIcon = 'ChatListItemStatusIcon';
+const ChatListItemStatusStopped = 'ChatListItemStatusStopped';
+const ChatListItemStatusInProgress = 'ChatListItemStatusInProgress';
+const ChatListItemStatusFinished = 'ChatListItemStatusFinished';
 const ChatListItemLabel = 'ChatListItemLabel';
+const SessionArchiveButton = 'SessionArchiveButton';
 const ProjectAddButton = 'ProjectAddButton';
 const ProjectList = 'ProjectList';
 const ProjectListChevron = 'ProjectListChevron';
@@ -9200,7 +9619,10 @@ const Markdown = 'Markdown';
 const MarkdownQuote = 'MarkdownQuote';
 const MarkdownMathBlock = 'MarkdownMathBlock';
 const MarkdownTable = 'MarkdownTable';
+const ChatTableWrapper = 'ChatTableWrapper';
+const MaskIcon = 'MaskIcon';
 const Message = 'Message';
+const MissingApiKeyForm = 'MissingApiKeyForm';
 const ChatMessageContent = 'ChatMessageContent';
 const ChatToolCalls = 'ChatToolCalls';
 const ChatToolCallsLabel = 'ChatToolCallsLabel';
@@ -9219,7 +9641,8 @@ const ChatUnorderedList = 'ChatUnorderedList';
 const ChatUnorderedListItem = 'ChatUnorderedListItem';
 const MessageUser = 'MessageUser';
 const MessageAssistant = 'MessageAssistant';
-const MultilineInputBox = 'MultilineInputBox';
+const ChatInputBox = 'ChatInputBox';
+const MultiLineInputBox = 'MultilineInputBox';
 const Option = 'Option';
 const TokenUsageOverview = 'TokenUsageOverview';
 const TokenUsageRing = 'TokenUsageRing';
@@ -9255,6 +9678,7 @@ const HandleChatListScroll = 21;
 const HandleMessagesScroll = 22;
 const HandleClickSessionDebug = 23;
 const HandleClickReadFile = 24;
+const HandleClickFileName = 38;
 const HandleMessagesContextMenu = 25;
 const HandleDragEnter = 26;
 const HandleDragOver = 27;
@@ -9263,11 +9687,17 @@ const HandleDrop = 29;
 const HandleDragEnterChatView = 30;
 const HandleDragOverChatView = 31;
 const HandleProjectListScroll = 32;
-const HandleProjectListContextMenu = 33;
 const HandleClickDictationButton = 34;
-const HandleMissingApiKeySubmit = 35;
+const HandleMissingOpenAiApiKeyFormSubmit = 35;
 const HandleRunModeChange = 36;
 const HandleSearchInput = 37;
+const HandleChatWelcomeContextMenu = 39;
+const HandleChatHeaderContextMenu = 40;
+const HandleChatInputContextMenu = 41;
+const HandleContextMenuChatSendAreaBottom = 42;
+const HandleProjectAddButtonContextMenu = 43;
+const HandleProjectListContextMenu = 44;
+const HandleMissingOpenRouterApiKeyFormSubmit = 45;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9279,6 +9709,79 @@ const getModelLabel = model => {
   return model.name;
 };
 
+const getChatModelPickerToggleVirtualDom = (models, selectedModelId, modelPickerOpen) => {
+  const selectedModel = models.find(model => model.id === selectedModelId);
+  const selectedModelLabel = selectedModel ? selectedModel.name : selectedModelId;
+  return [{
+    childCount: 1,
+    className: ChatModelPickerContainer,
+    type: Div
+  }, {
+    childCount: 2,
+    className: Select,
+    name: ModelPickerToggle,
+    onClick: HandleClick,
+    title: selectedModelLabel,
+    type: Button$1
+  }, {
+    childCount: 1,
+    type: Span
+  }, text(selectedModelLabel), {
+    childCount: 0,
+    className: modelPickerOpen ? 'MaskIcon MaskIconChevronUp' : 'MaskIcon MaskIconChevronDown',
+    role: 'none',
+    type: Div
+  }];
+};
+const getChatModelPickerPopOverVirtualDom = (models, selectedModelId, modelPickerSearchValue) => {
+  const normalizedSearch = modelPickerSearchValue.trim().toLowerCase();
+  const visibleModels = normalizedSearch ? models.filter(model => getModelLabel(model).toLowerCase().includes(normalizedSearch)) : models;
+  return [{
+    childCount: 2,
+    className: ChatModelPickerContainer,
+    style: 'position:absolute;',
+    type: Div
+  }, {
+    childCount: 3 + visibleModels.length,
+    className: ChatModelPicker,
+    type: Div
+  }, {
+    childCount: 2,
+    className: ChatModelPickerHeader,
+    type: Div
+  }, {
+    childCount: 0,
+    className: InputBox,
+    inputType: 'search',
+    name: ModelPickerSearch,
+    onInput: HandleInput,
+    placeholder: 'Search models',
+    type: Input,
+    value: modelPickerSearchValue
+  }, {
+    childCount: 1,
+    className: IconButton,
+    name: ModelPickerSettings,
+    onClick: HandleClick,
+    title: 'Settings',
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconSettingsGear',
+    type: Div
+  }, {
+    childCount: visibleModels.length,
+    className: ChatModelPickerList,
+    type: Ul
+  }, ...visibleModels.flatMap(model => [{
+    childCount: 1,
+    className: `${ChatModelPickerItem}${model.id === selectedModelId ? ` ${ChatModelPickerItemSelected}` : ''}`,
+    name: getModelPickerItemInputName(model.id),
+    onClick: HandleClick,
+    type: Li
+  }, text(getModelLabel(model))])];
+};
+
 const getModelOptionDOm = (model, selectedModelId) => {
   return [{
     childCount: 1,
@@ -9350,7 +9853,8 @@ const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
     type: Button$1
   }, {
     childCount: 0,
-    className: 'MaskIcon MaskIconSend',
+    className: 'MaskIcon MaskIconArrowUp',
+    role: 'none',
     type: Div
   }];
 };
@@ -9366,6 +9870,30 @@ const getAddContextButtonDom = () => {
     type: Text
   }];
 };
+const getBackToChatsButtonDom = () => {
+  return [{
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonSecondary),
+    inputType: 'button',
+    name: Back,
+    onClick: HandleClickBack,
+    title: backToChatList(),
+    type: Button$1
+  }, {
+    text: backToChatList(),
+    type: Text
+  }];
+};
+
+const getTodoItemClassName = status => {
+  if (status === 'completed') {
+    return `${ChatTodoListItem} ${ChatTodoListItemCompleted} completed`;
+  }
+  if (status === 'inProgress') {
+    return `${ChatTodoListItem} ${ChatTodoListItemInProgress} inProgress`;
+  }
+  return `${ChatTodoListItem} ${ChatTodoListItemTodo} todo`;
+};
 
 const clampToPercentage = (tokensUsed, tokensMax) => {
   if (tokensMax <= 0) {
@@ -9402,20 +9930,11 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
+const getChatSendAreaDom = (composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled = false) => {
   const isSendDisabled = composerValue.trim() === '';
   const controlsCount = 2 + (usageOverviewEnabled ? 1 : 0) + (showRunMode ? 1 : 0) + (addContextButtonEnabled ? 1 : 0);
   const hasTodoList = todoListToolEnabled && todoListItems.length > 0;
   const todoHeaderText = `Todos (${todoListItems.filter(item => item.status === 'completed').length}/${todoListItems.length})`;
-  const getTodoItemClassName = status => {
-    if (status === 'completed') {
-      return `${ChatTodoListItem} ${ChatTodoListItemCompleted} completed`;
-    }
-    if (status === 'inProgress') {
-      return `${ChatTodoListItem} ${ChatTodoListItemInProgress} inProgress`;
-    }
-    return `${ChatTodoListItem} ${ChatTodoListItemTodo} todo`;
-  };
   return [{
     childCount: 1,
     className: ChatSendArea,
@@ -9445,8 +9964,9 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     type: Li
   }, text(item.text)])] : []), {
     childCount: 0,
-    className: MultilineInputBox,
+    className: mergeClassNames(MultiLineInputBox, ChatInputBox),
     name: Composer,
+    onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
@@ -9455,8 +9975,16 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
   }, {
     childCount: voiceDictationEnabled ? controlsCount + 1 : controlsCount,
     className: ChatSendAreaBottom,
+    onContextMenu: HandleContextMenuChatSendAreaBottom,
     type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...(newChatModelPickerEnabled ? getChatModelPickerToggleVirtualDom(models, selectedModelId, modelPickerOpen) : getChatSelectVirtualDom(models, selectedModelId)), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+};
+
+const getBoldInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
+  return [{
+    childCount: inlineNode.children.length,
+    type: Strong
+  }, ...inlineNode.children.flatMap(child => renderInlineNodeDom(child, useChatMathWorker))];
 };
 
 const getImageAltText = alt => {
@@ -9465,55 +9993,37 @@ const getImageAltText = alt => {
   }
   return `${alt} (image could not be loaded)`;
 };
+
+const getImageInlineNodeDom = inlineNode => {
+  return [{
+    alt: getImageAltText(inlineNode.alt),
+    childCount: 0,
+    className: ImageElement,
+    src: inlineNode.src,
+    type: Img
+  }];
+};
+
+const getInlineCodeInlineNodeDom = inlineNode => {
+  return [{
+    childCount: 1,
+    type: Code
+  }, text(inlineNode.text)];
+};
+
+const getItalicInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
+  return [{
+    childCount: inlineNode.children.length,
+    type: Em
+  }, ...inlineNode.children.flatMap(child => renderInlineNodeDom(child, useChatMathWorker))];
+};
+
 const isFileReferenceUri = href => {
   const normalized = href.trim().toLowerCase();
   return normalized.startsWith('file://') || normalized.startsWith('vscode-references://');
 };
-const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
-  if (inlineNode.type === 'text') {
-    return [text(inlineNode.text)];
-  }
-  if (inlineNode.type === 'image') {
-    return [{
-      alt: getImageAltText(inlineNode.alt),
-      childCount: 0,
-      className: ImageElement,
-      src: inlineNode.src,
-      type: Img
-    }];
-  }
-  if (inlineNode.type === 'bold') {
-    return [{
-      childCount: inlineNode.children.length,
-      type: Strong
-    }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
-  }
-  if (inlineNode.type === 'italic') {
-    return [{
-      childCount: inlineNode.children.length,
-      type: Em
-    }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
-  }
-  if (inlineNode.type === 'strikethrough') {
-    return [{
-      childCount: inlineNode.children.length,
-      className: StrikeThrough,
-      type: Span
-    }, ...inlineNode.children.flatMap(child => getInlineNodeDom(child, useChatMathWorker))];
-  }
-  if (inlineNode.type === 'inline-code') {
-    return [{
-      childCount: 1,
-      type: Code
-    }, text(inlineNode.text)];
-  }
-  if (inlineNode.type === 'math-inline') {
-    const fallback = inlineNode.displayMode ? `$$${inlineNode.text}$$` : `$${inlineNode.text}$`;
-    return [text(fallback)];
-  }
-  if (inlineNode.type === 'math-inline-dom') {
-    return inlineNode.dom;
-  }
+
+const getLinkInlineNodeDom = inlineNode => {
   if (isFileReferenceUri(inlineNode.href)) {
     return [{
       childCount: 1,
@@ -9536,6 +10046,48 @@ const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
   }, text(inlineNode.text)];
 };
 
+const getMathInlineNodeDom = inlineNode => {
+  const fallback = inlineNode.displayMode ? `$$${inlineNode.text}$$` : `$${inlineNode.text}$`;
+  return [text(fallback)];
+};
+
+const getStrikethroughInlineNodeDom = (inlineNode, useChatMathWorker, renderInlineNodeDom) => {
+  return [{
+    childCount: inlineNode.children.length,
+    className: StrikeThrough,
+    type: Span
+  }, ...inlineNode.children.flatMap(child => renderInlineNodeDom(child, useChatMathWorker))];
+};
+
+const getTextInlineNodeDom = inlineNode => {
+  return [text(inlineNode.text)];
+};
+
+const getInlineNodeDom = (inlineNode, useChatMathWorker = false) => {
+  switch (inlineNode.type) {
+    case 'bold':
+      return getBoldInlineNodeDom(inlineNode, useChatMathWorker, getInlineNodeDom);
+    case 'image':
+      return getImageInlineNodeDom(inlineNode);
+    case 'inline-code':
+      return getInlineCodeInlineNodeDom(inlineNode);
+    case 'italic':
+      return getItalicInlineNodeDom(inlineNode, useChatMathWorker, getInlineNodeDom);
+    case 'link':
+      return getLinkInlineNodeDom(inlineNode);
+    case 'math-inline':
+      return getMathInlineNodeDom(inlineNode);
+    case 'math-inline-dom':
+      return inlineNode.dom;
+    case 'strikethrough':
+      return getStrikethroughInlineNodeDom(inlineNode, useChatMathWorker, getInlineNodeDom);
+    case 'text':
+      return getTextInlineNodeDom(inlineNode);
+  }
+  const exhaustiveCheck = inlineNode;
+  return exhaustiveCheck;
+};
+
 const jsRules = [{
   className: TokenComment,
   regex: /\/\/[^\n]*/
@@ -9693,6 +10245,9 @@ const highlightCode = (code, language) => {
   }];
 };
 
+const hasVisibleInlineContent = children => {
+  return children.some(child => child.type !== 'text' || child.text.trim() !== '');
+};
 const getTokenDom = token => {
   if (!token.className) {
     return [text(token.text)];
@@ -9754,6 +10309,11 @@ const getTableRowDom = (row, useChatMathWorker) => {
 };
 const getTableDom = (node, useChatMathWorker) => {
   return [{
+    childCount: 1,
+    className: ChatTableWrapper,
+    style: 'padding-bottom: 8px;',
+    type: Div
+  }, {
     childCount: 2,
     className: MarkdownTable,
     type: Table
@@ -9799,6 +10359,9 @@ const getBlockQuoteDom = (node, useChatMathWorker) => {
 };
 const getMessageNodeDom = (node, useChatMathWorker = false) => {
   if (node.type === 'text') {
+    if (!hasVisibleInlineContent(node.children)) {
+      return [];
+    }
     return [{
       childCount: node.children.length,
       className: Markdown,
@@ -9851,12 +10414,43 @@ const getMessageContentDom = (nodes, useChatMathWorker = false) => {
   return nodes.flatMap(node => getMessageNodeDom(node, useChatMathWorker));
 };
 
+const getMissingApiActionsDom = ({
+  getApiKeyText,
+  openSettingsButtonName,
+  openSettingsUrl,
+  saveButtonDisabled = false,
+  saveButtonName,
+  saveButtonText = save()
+}) => {
+  return [{
+    childCount: 2,
+    className: Actions,
+    type: Div
+  }, {
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonPrimary),
+    disabled: saveButtonDisabled,
+    inputType: 'submit',
+    name: saveButtonName,
+    type: Button$1
+  }, text(saveButtonText), {
+    childCount: 1,
+    className: mergeClassNames(Button, ButtonSecondary),
+    href: openSettingsUrl,
+    name: openSettingsButtonName,
+    rel: 'noopener noreferrer',
+    target: '_blank',
+    type: A
+  }, text(getApiKeyText)];
+};
 const getMissingApiKeyDom = ({
   getApiKeyText,
   inputName,
   inputPattern,
   inputRequired = false,
+  onSubmit,
   openSettingsButtonName,
+  openSettingsUrl,
   placeholder,
   saveButtonDisabled = false,
   saveButtonName,
@@ -9864,10 +10458,14 @@ const getMissingApiKeyDom = ({
 }) => {
   return [{
     childCount: 2,
+    className: MissingApiKeyForm,
     method: 'GET',
-    onSubmit: HandleMissingApiKeySubmit,
+    onSubmit,
     type: Form
   }, {
+    autocapitalize: 'off',
+    autocomplete: 'off',
+    autocorrect: 'off',
     childCount: 0,
     className: InputBox,
     name: inputName,
@@ -9877,26 +10475,16 @@ const getMissingApiKeyDom = ({
     } : {}),
     placeholder,
     required: inputRequired,
+    spellcheck: false,
     type: Input
-  }, {
-    childCount: 2,
-    className: Actions,
-    type: Div
-  }, {
-    childCount: 1,
-    className: mergeClassNames(Button, ButtonPrimary),
-    disabled: saveButtonDisabled,
-    inputType: 'submit',
-    name: saveButtonName,
-    type: Button$1
-  }, text(saveButtonText), {
-    childCount: 1,
-    className: mergeClassNames(Button, ButtonSecondary),
-    inputType: 'button',
-    name: openSettingsButtonName,
-    onClick: HandleClick,
-    type: Button$1
-  }, text(getApiKeyText)];
+  }, ...getMissingApiActionsDom({
+    getApiKeyText,
+    openSettingsButtonName,
+    openSettingsUrl,
+    saveButtonDisabled,
+    saveButtonName,
+    saveButtonText
+  })];
 };
 
 const getMissingOpenApiApiKeyDom = () => {
@@ -9905,7 +10493,9 @@ const getMissingOpenApiApiKeyDom = () => {
     inputName: OpenApiApiKeyInput,
     inputPattern: '^sk-.+',
     inputRequired: true,
+    onSubmit: HandleMissingOpenAiApiKeyFormSubmit,
     openSettingsButtonName: OpenOpenApiApiKeyWebsite,
+    openSettingsUrl: 'https://platform.openai.com/api-keys',
     placeholder: openApiApiKeyPlaceholder(),
     saveButtonName: SaveOpenApiApiKey
   });
@@ -9916,7 +10506,9 @@ const getMissingOpenRouterApiKeyDom = (openRouterApiKeyState = 'idle') => {
   return getMissingApiKeyDom({
     getApiKeyText: getOpenRouterApiKey(),
     inputName: OpenRouterApiKeyInput,
+    onSubmit: HandleMissingOpenRouterApiKeyFormSubmit,
     openSettingsButtonName: OpenOpenRouterApiKeySettings,
+    openSettingsUrl: 'https://openrouter.ai/settings/keys',
     placeholder: openRouterApiKeyPlaceholder(),
     saveButtonDisabled: isSaving,
     saveButtonName: SaveOpenRouterApiKey,
@@ -10105,7 +10697,7 @@ const getToolCallEditFileVirtualDom = toolCall => {
   const fileName = getFileNameFromUri(target.title);
   const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
+    onClick: HandleClickFileName
   } : {};
   return [{
     childCount: 3,
@@ -10125,6 +10717,7 @@ const getToolCallEditFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName)];
 };
@@ -10135,6 +10728,10 @@ const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
   }
   const statusLabel = getToolCallStatusLabel(toolCall);
   const fileName = getFileNameFromUri(toolCall.result);
+  const fileNameClickableProps = {
+    'data-uri': toolCall.result,
+    onClick: HandleClickFileName
+  };
   return [{
     childCount: statusLabel ? 4 : 3,
     className: ChatOrderedListItem,
@@ -10147,12 +10744,12 @@ const getToolCallGetWorkspaceUriVirtualDom = toolCall => {
   }, text('get_workspace_uri '), {
     childCount: 1,
     className: ChatToolCallReadFileLink,
-    'data-uri': toolCall.result,
-    onClick: HandleClickReadFile,
+    ...fileNameClickableProps,
     type: Span
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
@@ -10223,7 +10820,7 @@ const getToolCallReadFileVirtualDom = toolCall => {
   const statusLabel = getToolCallStatusLabel(toolCall);
   const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
+    onClick: HandleClickFileName
   } : {};
   return [{
     childCount: statusLabel ? 4 : 3,
@@ -10242,6 +10839,7 @@ const getToolCallReadFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
@@ -10601,7 +11199,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   } = parseWriteFileLineCounts(toolCall.result);
   const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
+    onClick: HandleClickFileName
   } : {};
   return [{
     childCount: showDiffStats ? statusLabel ? 6 : 5 : statusLabel ? 4 : 3,
@@ -10620,6 +11218,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName), ...(showDiffStats ? [{
     childCount: 1,
@@ -10705,7 +11304,8 @@ const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput
   const messageDom = getMessageContentDom(parsedMessageContent, useChatMathWorker);
   const toolCallsDom = getToolCallsDom(message);
   const toolCallsChildCount = toolCallsDom.length > 0 ? 1 : 0;
-  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? parsedMessageContent.length + 1 + toolCallsChildCount : parsedMessageContent.length + toolCallsChildCount;
+  const messageDomChildCount = messageDom.filter(node => node.type !== Text).length;
+  const extraChildCount = isOpenApiApiKeyMissingMessage || isOpenRouterApiKeyMissingMessage || isOpenRouterRequestFailedMessage || isOpenRouterTooManyRequestsMessage ? messageDomChildCount + 1 + toolCallsChildCount : messageDomChildCount + toolCallsChildCount;
   return [{
     childCount: 1,
     className: mergeClassNames(Message, roleClassName),
@@ -10721,6 +11321,7 @@ const getEmptyMessagesDom = () => {
   return [{
     childCount: 1,
     className: ChatWelcomeMessage,
+    onContextMenu: HandleChatWelcomeContextMenu,
     type: Div
   }, text(startConversation())];
 };
@@ -10792,6 +11393,7 @@ const getProjectSessionDom = (session, selectedSessionId) => {
     className: ProjectSessionItemLabel,
     name: getSessionInputName(session.id),
     onClick: HandleClick,
+    onContextMenu: HandleProjectListContextMenu,
     tabIndex: 0,
     type: Div
   }, text(session.title)];
@@ -10812,6 +11414,7 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     className: ProjectListItemLabel,
     name: getProjectInputName(project.id),
     onClick: HandleClick,
+    onContextMenu: HandleProjectListContextMenu,
     tabIndex: 0,
     type: Div
   }, {
@@ -10836,7 +11439,7 @@ const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProje
     type: Button$1
   }, text('+'), ...(expanded ? sessions.flatMap(session => getProjectSessionDom(session, selectedSessionId)) : [])];
 };
-const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop) => {
+const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, showBackToChatsButton = false) => {
   const blankProjectId = projects.find(project => project.name === '_blank')?.id || projects[0]?.id || '';
   const projectGroups = projects.map(project => {
     const projectSessions = sessions.filter(session => {
@@ -10846,13 +11449,12 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
     return getProjectGroupDom(project, projectSessions, projectExpandedIds, selectedProjectId, selectedSessionId);
   });
   return [{
-    childCount: 2,
+    childCount: 2 + (showBackToChatsButton ? 1 : 0),
     className: ProjectSidebar,
     type: Div
   }, {
     childCount: projects.length,
     className: ProjectList,
-    onContextMenu: HandleProjectListContextMenu,
     onScroll: HandleProjectListScroll,
     scrollTop: projectListScrollTop,
     type: Div
@@ -10861,9 +11463,10 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
     className: ProjectAddButton,
     name: CreateProject,
     onClick: HandleClick,
+    onContextMenu: HandleProjectAddButtonContextMenu,
     tabIndex: 0,
     type: Button$1
-  }, text('+ Add Project')];
+  }, text('+ Add Project'), ...(showBackToChatsButton ? getBackToChatsButtonDom() : [])];
 };
 
 const getChatModeChatFocusVirtualDom = ({
@@ -10879,7 +11482,10 @@ const getChatModeChatFocusVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -10904,13 +11510,15 @@ const getChatModeChatFocusVirtualDom = ({
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isNewModelPickerVisible = newChatModelPickerEnabled && modelPickerOpen;
+  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0);
   return [{
-    childCount: isDropOverlayVisible ? 4 : 3,
+    childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat, 'ChatFocus'),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop, true), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker, true), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -10921,7 +11529,7 @@ const getChatModeChatFocusVirtualDom = ({
   }, {
     text: attachImageAsContext(),
     type: Text
-  }] : [])];
+  }] : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(models, selectedModelId, modelPickerSearchValue) : [])];
 };
 
 const getBackButtonVirtualDom = () => {
@@ -10961,44 +11569,44 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
   const isSigningIn = authStatus === 'signing-in';
   const authAction = authEnabled && authStatus !== 'signed-in' ? {
     disabled: isSigningIn,
-    icon: 'MaskIcon MaskIconAccount',
+    icon: mergeClassNames(MaskIcon, MaskIconAccount),
     name: Login,
     onClick: HandleClick,
     title: isSigningIn ? loggingInToBackend() : loginToBackend()
   } : authEnabled ? {
     disabled: false,
-    icon: 'MaskIcon MaskIconSignOut',
+    icon: mergeClassNames(MaskIcon, MaskIconSignOut),
     name: Logout,
     onClick: HandleClick,
     title: logoutFromBackend()
   } : undefined;
   const items = [{
-    icon: 'MaskIcon MaskIconLayoutPanelLeft',
+    icon: mergeClassNames(MaskIcon, MaskIconLayoutPanelLeft),
     name: ToggleChatFocus,
     onClick: HandleClick,
     title: toggleTitle
   }, ...(searchEnabled ? [{
-    icon: 'MaskIcon MaskIconSearch',
+    icon: mergeClassNames(MaskIcon, MaskIconSearch),
     name: ToggleSearch,
     onClick: HandleClick,
     title: search()
   }] : []), {
-    icon: 'MaskIcon MaskIconDebugPause',
+    icon: mergeClassNames(MaskIcon, MaskIconDebugPause),
     name: SessionDebug,
     onClick: HandleClickSessionDebug,
     title: debug()
   }, {
-    icon: 'MaskIcon MaskIconAdd',
+    icon: mergeClassNames(MaskIcon, MaskIconAdd),
     name: CreateSession,
     onClick: HandleClickNew,
     title: newChat()
   }, {
-    icon: 'MaskIcon MaskIconSettingsGear',
+    icon: mergeClassNames(MaskIcon, MaskIconSettingsGear),
     name: Settings,
     onClick: HandleClickSettings,
     title: settings()
   }, ...(authAction ? [authAction] : []), {
-    icon: 'MaskIcon MaskIconClose',
+    icon: mergeClassNames(MaskIcon, MaskIconClose),
     name: CloseChat,
     onClick: HandleClickClose,
     title: closeChat()
@@ -11006,6 +11614,7 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
   return [{
     childCount: items.length,
     className: ChatActions,
+    role: 'toolbar',
     type: Div
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
@@ -11015,6 +11624,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   return [{
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 2,
@@ -11022,8 +11632,8 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
     type: Div
   }, ...getBackButtonVirtualDom(), {
     childCount: 1,
-    className: Label,
-    type: Span
+    className: ChatHeaderLabel,
+    type: H2
   }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail', authEnabled, authStatus), ...(hasAuthError ? [{
     childCount: 1,
     className: ChatAuthError,
@@ -11044,7 +11654,10 @@ const getChatModeDetailVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -11066,13 +11679,15 @@ const getChatModeDetailVirtualDom = ({
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isNewModelPickerVisible = newChatModelPickerEnabled && modelPickerOpen;
+  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0);
   return [{
-    childCount: isDropOverlayVisible ? 4 : 3,
+    childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle, authEnabled, authStatus, authErrorMessage), ...getMessagesDom(messages, parsedMessages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop, useChatMathWorker), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11083,7 +11698,7 @@ const getChatModeDetailVirtualDom = ({
   }, {
     text: attachImageAsContext(),
     type: Text
-  }] : [])];
+  }] : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(models, selectedModelId, modelPickerSearchValue) : [])];
 };
 
 const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '', searchEnabled = false, searchFieldVisible = false, searchValue = '') => {
@@ -11093,11 +11708,12 @@ const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out'
   return [{
     childCount: headerChildCount,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 1,
-    className: Label,
-    type: Span
+    className: ChatHeaderLabel,
+    type: H2
   }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus, searchEnabled), ...(hasSearchField ? [{
     childCount: 1,
     className: SearchFieldContainer,
@@ -11130,17 +11746,38 @@ const getEmptyChatSessionsDom = () => {
   }, text(clickToOpenNewChat())];
 };
 
-const getSessionDom = session => {
-  const sessionClassName = ChatListItem;
+const getSessionStatusClassName = session => {
+  const hasInProgressAssistantMessage = session.messages.some(message => message.role === 'assistant' && message.inProgress);
+  if (hasInProgressAssistantMessage) {
+    return ChatListItemStatusInProgress;
+  }
+  const hasAssistantMessage = session.messages.some(message => message.role === 'assistant');
+  if (hasAssistantMessage) {
+    return ChatListItemStatusFinished;
+  }
+  return ChatListItemStatusStopped;
+};
+const getSessionDom = (session, focused = false) => {
+  const sessionClassName = focused ? mergeClassNames(ChatListItem, ChatListItemFocused) : ChatListItem;
+  const sessionStatusClassName = getSessionStatusClassName(session);
   return [{
-    childCount: 2,
+    childCount: 3,
     className: sessionClassName,
     type: Li
+  }, {
+    childCount: 1,
+    className: ChatListItemStatusRow,
+    type: Div
+  }, {
+    childCount: 0,
+    className: `${ChatListItemStatusIcon} codicon codicon-circle-filled ${sessionStatusClassName}`,
+    type: Div
   }, {
     childCount: 1,
     className: ChatListItemLabel,
     name: getSessionInputName(session.id),
     onContextMenu: HandleListContextMenu,
+    onFocus: HandleFocus,
     tabIndex: 0,
     type: Div
   }, text(session.title), {
@@ -11149,28 +11786,36 @@ const getSessionDom = session => {
     type: Div
   }, {
     childCount: 1,
-    className: IconButton,
+    className: mergeClassNames(IconButton, SessionArchiveButton),
     'data-id': session.id,
     name: SessionDelete,
     onClick: HandleClickDelete,
     tabIndex: 0,
     title: deleteChatSession$1(),
     type: Button$1
-  }, text('🗑')];
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconTrash',
+    type: Div
+  }];
 };
 
-const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
+const getChatListDom = (sessions, selectedSessionId, listFocusedIndex, chatListScrollTop = 0) => {
   if (sessions.length === 0) {
     return getEmptyChatSessionsDom();
   }
   return [{
     childCount: sessions.length,
     className: ChatList,
+    name: ChatList$1,
     onClick: HandleClickList,
+    onContextMenu: HandleListContextMenu,
+    onFocus: HandleFocus,
     onScroll: HandleChatListScroll,
     scrollTop: chatListScrollTop,
+    tabIndex: 0,
     type: Ul
-  }, ...sessions.flatMap(getSessionDom)];
+  }, ...sessions.flatMap((session, index) => getSessionDom(session, index === listFocusedIndex))];
 };
 
 const getChatModeListVirtualDom = ({
@@ -11186,7 +11831,11 @@ const getChatModeListVirtualDom = ({
   composerHeight = 28,
   composerLineHeight = 20,
   composerValue,
+  listFocusedIndex = -1,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   runMode,
   searchEnabled = false,
   searchFieldVisible = false,
@@ -11203,15 +11852,17 @@ const getChatModeListVirtualDom = ({
   voiceDictationEnabled = false
 }) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const isNewModelPickerVisible = newChatModelPickerEnabled && modelPickerOpen;
+  const chatRootChildCount = 3 + (isDropOverlayVisible ? 1 : 0) + (isNewModelPickerVisible ? 1 : 0);
   const searchValueTrimmed = searchValue.trim().toLowerCase();
   const visibleSessions = searchEnabled && searchValueTrimmed ? sessions.filter(session => session.title.toLowerCase().includes(searchValueTrimmed)) : sessions;
   return [{
-    childCount: isDropOverlayVisible ? 4 : 3,
+    childCount: chatRootChildCount,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, listFocusedIndex, chatListScrollTop), ...getChatSendAreaDom(composerValue, modelPickerOpen, modelPickerSearchValue, models, newChatModelPickerEnabled, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, addContextButtonEnabled, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
     childCount: 1,
     className: mergeClassNames(ChatViewDropOverlay, ChatViewDropOverlayActive),
     name: ComposerDropTarget,
@@ -11222,7 +11873,7 @@ const getChatModeListVirtualDom = ({
   }, {
     text: attachImageAsContext(),
     type: Text
-  }] : [])];
+  }] : []), ...(isNewModelPickerVisible ? getChatModelPickerPopOverVirtualDom(models, selectedModelId, modelPickerSearchValue) : [])];
 };
 
 const getChatModeUnsupportedVirtualDom = () => {
@@ -11318,8 +11969,12 @@ const getChatVirtualDom = options => {
     composerHeight,
     composerLineHeight,
     composerValue,
+    listFocusedIndex = -1,
     messagesScrollTop,
+    modelPickerOpen = false,
+    modelPickerSearchValue = '',
     models,
+    newChatModelPickerEnabled = false,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11361,7 +12016,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11397,7 +12055,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11429,7 +12090,11 @@ const getChatVirtualDom = options => {
         composerHeight,
         composerLineHeight,
         composerValue,
+        listFocusedIndex,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         runMode,
         searchEnabled,
         searchFieldVisible,
@@ -11465,8 +12130,12 @@ const renderItems = (oldState, newState) => {
     composerLineHeight,
     composerValue,
     initial,
+    listFocusedIndex,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11508,8 +12177,12 @@ const renderItems = (oldState, newState) => {
     composerHeight,
     composerLineHeight,
     composerValue,
+    listFocusedIndex,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11685,7 +12358,10 @@ const renderEventListeners = () => {
     params: ['handleClickDictationButton', handleDictateClickExpression]
   }, {
     name: HandleClickReadFile,
-    params: ['handleClickReadFile', 'event.target.dataset.uri']
+    params: ['handleClickFileName', 'event.target.dataset.uri']
+  }, {
+    name: HandleClickFileName,
+    params: ['handleClickFileName', 'event.target.dataset.uri']
   }, {
     name: HandleClickDelete,
     params: ['handleClickDelete', 'event.target.dataset.id']
@@ -11752,6 +12428,10 @@ const renderEventListeners = () => {
   }, {
     name: HandleProjectListScroll,
     params: ['handleProjectListScroll', 'event.target.scrollTop']
+  }, {
+    name: HandleProjectAddButtonContextMenu,
+    params: ['handleProjectAddButtonContextMenu'],
+    preventDefault: true
   }, {
     name: HandleProjectListContextMenu,
     params: ['handleProjectListContextMenu'],
@@ -11760,9 +12440,25 @@ const renderEventListeners = () => {
     name: HandleMessagesContextMenu,
     params: ['handleMessagesContextMenu'],
     preventDefault: true
+  }, {
+    name: HandleChatWelcomeContextMenu,
+    params: ['handleChatDetailWelcomeContextMenu'],
+    preventDefault: true
+  }, {
+    name: HandleChatHeaderContextMenu,
+    params: ['handleChatHeaderContextMenu'],
+    preventDefault: true
   }, {
     name: HandleFocus,
     params: ['handleInputFocus', TargetName]
+  }, {
+    name: HandleChatInputContextMenu,
+    params: ['handleChatInputContextMenu'],
+    preventDefault: true
+  }, {
+    name: HandleContextMenuChatSendAreaBottom,
+    params: ['handleContextMenuChatSendAreaBottom'],
+    preventDefault: true
   }, {
     name: HandleKeyDown,
     params: ['handleKeyDown', Key, ShiftKey]
@@ -11771,8 +12467,12 @@ const renderEventListeners = () => {
     params: ['handleSubmit'],
     preventDefault: true
   }, {
-    name: HandleMissingApiKeySubmit,
-    params: ['handleMissingApiKeySubmit', 'event.submitter?.name || ""'],
+    name: HandleMissingOpenAiApiKeyFormSubmit,
+    params: ['handleMissingOpenAiApiKeyFormSubmit'],
+    preventDefault: true
+  }, {
+    name: HandleMissingOpenRouterApiKeyFormSubmit,
+    params: ['handleMissingOpenRouterApiKeyFormSubmit'],
     preventDefault: true
   }];
 };
@@ -11788,6 +12488,8 @@ const reset = async state => {
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
     mockAiResponseDelay: 0,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     openApiApiKey: '',
     openRouterApiKey: '',
     openRouterApiKeyInput: '',
@@ -11799,11 +12501,18 @@ const reset = async state => {
   };
 };
 
-const resize = (state, dimensions) => {
-  return {
+const resize = async (state, dimensions, getComposerHeightFn = getComposerHeight) => {
+  const nextState = {
     ...state,
     ...dimensions
   };
+  if (dimensions.width !== undefined && dimensions.width !== state.width && nextState.composerValue) {
+    return {
+      ...nextState,
+      composerHeight: await getComposerHeightFn(nextState, nextState.composerValue, nextState.width)
+    };
+  }
+  return nextState;
 };
 
 const saveState = state => {
@@ -11889,6 +12598,19 @@ const setChatList = state => {
   };
 };
 
+const setChatStorageWorkerEnabled = async (state, chatStorageWorkerEnabled, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.chatStorageWorkerEnabled': chatStorageWorkerEnabled
+    });
+  }
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
+  return {
+    ...state,
+    chatStorageWorkerEnabled
+  };
+};
+
 const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEvents) => {
   return {
     ...state,
@@ -11896,6 +12618,15 @@ const setEmitStreamingFunctionCallEvents = (state, emitStreamingFunctionCallEven
   };
 };
 
+const setNewChatModelPickerEnabled = (state, newChatModelPickerEnabled) => {
+  return {
+    ...state,
+    modelPickerOpen: newChatModelPickerEnabled ? state.modelPickerOpen : false,
+    modelPickerSearchValue: newChatModelPickerEnabled ? state.modelPickerSearchValue : '',
+    newChatModelPickerEnabled
+  };
+};
+
 const setQuestionToolEnabled = (state, questionToolEnabled) => {
   return {
     ...state,
@@ -11985,8 +12716,14 @@ const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) =>
 };
 
 const commandMap = {
+  'Chat.chatListFocusFirst': wrapCommand(chatListFocusFirst),
+  'Chat.chatListFocusLast': wrapCommand(chatListFocusLast),
+  'Chat.chatListFocusNext': wrapCommand(chatListFocusNext),
+  'Chat.chatListFocusPrevious': wrapCommand(chatListFocusPrevious),
   'Chat.clearInput': wrapCommand(clearInput),
+  'Chat.copyInput': wrapCommand(copyInput),
   'Chat.create': create,
+  'Chat.cutInput': wrapCommand(cutInput),
   'Chat.deleteSessionAtIndex': wrapCommand(deleteSessionAtIndex),
   'Chat.diff2': diff2,
   'Chat.enterNewLine': wrapCommand(handleNewline),
@@ -11997,18 +12734,23 @@ const commandMap = {
   'Chat.getMenuEntryIds': getMenuEntryIds,
   'Chat.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Chat.getSelectedSessionId': wrapGetter(getSelectedSessionId),
-  'Chat.handleChatListContextMenu': handleChatListContextMenu,
+  'Chat.handleChatDetailWelcomeContextMenu': wrapCommand(handleChatDetailWelcomeContextMenu),
+  'Chat.handleChatHeaderContextMenu': wrapCommand(handleChatHeaderContextMenu),
+  'Chat.handleChatInputContextMenu': wrapCommand(handleChatInputContextMenu),
+  'Chat.handleChatListContextMenu': wrapCommand(handleChatListContextMenu),
   'Chat.handleChatListScroll': wrapCommand(handleChatListScroll),
   'Chat.handleClick': wrapCommand(handleClick),
   'Chat.handleClickBack': wrapCommand(handleClickBack),
   'Chat.handleClickClose': handleClickClose,
   'Chat.handleClickDelete': wrapCommand(handleClickDelete),
   'Chat.handleClickDictationButton': wrapCommand(handleClickDictationButton),
+  'Chat.handleClickFileName': handleClickFileName,
   'Chat.handleClickList': wrapCommand(handleClickList),
   'Chat.handleClickNew': wrapCommand(handleClickNew),
-  'Chat.handleClickReadFile': handleClickReadFile,
+  'Chat.handleClickReadFile': handleClickFileName,
   'Chat.handleClickSessionDebug': wrapCommand(handleClickSessionDebug),
   'Chat.handleClickSettings': handleClickSettings,
+  'Chat.handleContextMenuChatSendAreaBottom': wrapCommand(handleContextMenuChatSendAreaBottom),
   'Chat.handleDragEnter': wrapCommand(handleDragEnter),
   'Chat.handleDragLeave': wrapCommand(handleDragLeave),
   'Chat.handleDragOver': wrapCommand(handleDragOver),
@@ -12018,8 +12760,10 @@ const commandMap = {
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
   'Chat.handleMessagesContextMenu': wrapCommand(handleMessagesContextMenu),
   'Chat.handleMessagesScroll': wrapCommand(handleMessagesScroll),
-  'Chat.handleMissingApiKeySubmit': wrapCommand(handleMissingApiKeySubmit),
+  'Chat.handleMissingOpenAiApiKeyFormSubmit': wrapCommand(handleMissingOpenAiApiKeyFormSubmit),
+  'Chat.handleMissingOpenRouterApiKeyFormSubmit': wrapCommand(handleMissingOpenRouterApiKeyFormSubmit),
   'Chat.handleModelChange': wrapCommand(handleModelChange),
+  'Chat.handleProjectAddButtonContextMenu': wrapCommand(handleProjectAddButtonContextMenu),
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
   'Chat.handleRunModeChange': wrapCommand(handleRunModeChange),
@@ -12037,6 +12781,8 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openMockSession': wrapCommand(openMockSession),
+  'Chat.openModelPicker': wrapCommand(openModelPicker),
+  'Chat.pasteInput': wrapCommand(pasteInput),
   'Chat.registerMockResponse': wrapCommand(registerMockResponse),
   'Chat.render2': render2,
   'Chat.renderEventListeners': renderEventListeners,
@@ -12048,7 +12794,9 @@ const commandMap = {
   'Chat.setAuthEnabled': wrapCommand(setAuthEnabled),
   'Chat.setBackendUrl': wrapCommand(setBackendUrl),
   'Chat.setChatList': wrapCommand(setChatList),
+  'Chat.setChatStorageWorkerEnabled': wrapCommand(setChatStorageWorkerEnabled),
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
+  'Chat.setNewChatModelPickerEnabled': wrapCommand(setNewChatModelPickerEnabled),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setQuestionToolEnabled': wrapCommand(setQuestionToolEnabled),
   'Chat.setSearchEnabled': wrapCommand(setSearchEnabled),
@@ -12096,6 +12844,18 @@ const initializeChatNetworkWorker = async () => {
   set$6(rpc);
 };
 
+const sendMessagePortToChatStorageWorker = async port => {
+  // @ts-ignore
+  await undefined(port, 0);
+};
+const initializeChatStorageWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToChatStorageWorker
+  });
+  set$3(rpc);
+};
+
 const send = port => {
   return sendMessagePortToChatToolWorker(port);
 };
@@ -12107,6 +12867,17 @@ const initializeChatToolWorker = async () => {
   set$5(rpc);
 };
 
+const sendMessagePortToClipBoardWorker = async port => {
+  await sendMessagePortToClipBoardWorker$1(port, 0);
+};
+const initializeClipBoardWorker = async () => {
+  const rpc = await create$4({
+    commandMap: {},
+    send: sendMessagePortToClipBoardWorker
+  });
+  set$3(rpc);
+};
+
 const sendMessagePortToOpenerWorker = async port => {
   await sendMessagePortToOpenerWorker$1(port, 0);
 };
@@ -12124,7 +12895,7 @@ const listen = async () => {
     commandMap: commandMap
   });
   set$2(rpc);
-  await Promise.all([initializeChatNetworkWorker(), initializeChatMathWorker(), initializeChatCoordinatorWorker(), initializeChatToolWorker(), initializeOpenerWorker()]);
+  await Promise.all([initializeChatCoordinatorWorker(), initializeChatMathWorker(), initializeChatNetworkWorker(), initializeChatStorageWorker(), initializeChatToolWorker(), initializeClipBoardWorker(), initializeOpenerWorker()]);
 };
 
 const main = async () => {