@lvce-editor/static-server 0.76.8 → 0.76.10

package/static/{10f95cc → 8ccae7d}/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';
@@ -1218,26 +1218,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 +1250,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 +1265,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 +1278,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 => {
@@ -1456,6 +1461,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,7 +1490,7 @@ const chatTitle = () => {
   return i18nString('Chat');
 };
 const chats = () => {
-  return i18nString('Chats');
+  return i18nString('Chat');
 };
 const newChat = () => {
   return i18nString('New Chat');
@@ -1486,6 +1504,12 @@ const backToChats = () => {
 const settings = () => {
   return i18nString('Settings');
 };
+const search = () => {
+  return i18nString('Search');
+};
+const searchChats = () => {
+  return i18nString('Search chats');
+};
 const loginToBackend = () => {
   return i18nString('Login to backend');
 };
@@ -1528,6 +1552,9 @@ const sendMessage = () => {
 const startVoiceDictation = () => {
   return i18nString('Start voice dictation');
 };
+const addContext = () => {
+  return i18nString('Add Context');
+};
 const save = () => {
   return i18nString('Save');
 };
@@ -1541,7 +1568,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');
@@ -1652,6 +1679,7 @@ const createDefaultState = () => {
   const composerFontSize = 13;
   const composerLineHeight = 20;
   return {
+    addContextButtonEnabled: false,
     aiSessionTitleGenerationEnabled: false,
     assetDir: '',
     authAccessToken: '',
@@ -1668,6 +1696,7 @@ const createDefaultState = () => {
     chatSendAreaPaddingLeft: 8,
     chatSendAreaPaddingRight: 8,
     chatSendAreaPaddingTop: 10,
+    chatStorageWorkerEnabled: false,
     composerDropActive: false,
     composerDropEnabled: true,
     composerFontFamily: 'system-ui',
@@ -1691,7 +1720,10 @@ const createDefaultState = () => {
     messagesScrollTop: 0,
     mockAiResponseDelay: 800,
     mockApiCommandId: '',
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     models: getDefaultModels(),
+    newChatModelPickerEnabled: false,
     nextMessageId: 1,
     openApiApiBaseUrl: 'https://api.openai.com/v1',
     openApiApiKey: '',
@@ -1715,6 +1747,9 @@ const createDefaultState = () => {
     questionToolEnabled: false,
     renamingSessionId: '',
     runMode: 'local',
+    searchEnabled: false,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedModelId: defaultModelId,
     selectedProjectId: defaultProjectId,
     selectedSessionId: defaultSessionId,
@@ -1776,6 +1811,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;
@@ -2352,8 +2398,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,
@@ -2370,7 +2420,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;
   }
@@ -2391,18 +2441,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);
 };
 
@@ -2546,7 +2613,7 @@ const isEqualProjectExpandedIds = (a, b) => {
   return true;
 };
 const isEqual = (oldState, newState) => {
-  return oldState.authEnabled === newState.authEnabled && oldState.authErrorMessage === newState.authErrorMessage && oldState.authStatus === newState.authStatus && oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.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 && 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) => {
@@ -2926,6 +2993,7 @@ const OpenContainingFolder = 'Open Containing Folder';
 const OpenInIntegratedTerminal = 'Open in integrated Terminal';
 const Paste = 'Paste';
 const Rename = 'Rename';
+const Archive = 'Archive';
 
 const openContainingFolder = () => {
   return i18nString(OpenContainingFolder);
@@ -2951,10 +3019,32 @@ const copyRelativePath = () => {
 const rename = () => {
   return i18nString(Rename);
 };
+const archive = () => {
+  return i18nString(Archive);
+};
 const deleteItem = () => {
   return i18nString(Delete);
 };
 
+const getMenuEntriesChatList = () => {
+  return [{
+    command: 'Chat.handleClickRename',
+    flags: None,
+    id: 'rename',
+    label: rename()
+  }, {
+    command: 'Chat.handleClickArchive',
+    flags: None,
+    id: 'archive',
+    label: archive()
+  }];
+};
+
+const MenuChatList = 2178;
+const getMenuEntryIds = () => {
+  return [Chat$1, MenuChatList];
+};
+
 const menuEntrySeparator = {
   command: '',
   flags: Separator,
@@ -3025,12 +3115,13 @@ const menuEntryDelete = {
 const getMenuEntriesFile = () => {
   return [menuEntryCopyAsE2eTest, menuEntryOpenContainingFolder, menuEntryOpenInIntegratedTerminal, menuEntrySeparator, menuEntryCut, menuEntryCopy, menuEntryPaste, menuEntrySeparator, menuEntryCopyPath, menuEntryCopyRelativePath, menuEntrySeparator, menuEntryRename, menuEntryDelete];
 };
-const getMenuEntries = () => {
-  return getMenuEntriesFile();
-};
-
-const getMenuEntryIds = () => {
-  return [Chat$1];
+const getMenuEntries = menuId => {
+  switch (menuId) {
+    case MenuChatList:
+      return getMenuEntriesChatList();
+    default:
+      return getMenuEntriesFile();
+  }
 };
 
 const getQuickPickMenuEntries = () => {
@@ -3041,6 +3132,14 @@ const getSelectedSessionId = state => {
   return state.selectedSessionId;
 };
 
+const handleChatHeaderContextMenu = async state => {
+  return state;
+};
+
+const handleChatInputContextMenu = async state => {
+  return state;
+};
+
 const getListIndex = (state, eventX, eventY) => {
   const {
     headerHeight,
@@ -3058,18 +3157,29 @@ 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);
+  await showContextMenu2(uid, -1, eventX, eventY, {
+    menuId: -1,
+    sessionId: item.id
+  });
+  return state;
+};
+
+const handleChatWelcomeContextMenu = async state => {
   return state;
 };
 
@@ -3100,7 +3210,7 @@ const createSession = async (state, projectIdOverride = '') => {
 
 const openFolder = async () => {
   try {
-    return await invoke$1('FilePicker.showDirectoryPicker');
+    return await invoke$2('FilePicker.showDirectoryPicker');
   } catch {
     return '';
   }
@@ -3204,7 +3314,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 = /\/+$/;
@@ -3232,12 +3342,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,
@@ -3271,7 +3381,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,
@@ -3283,7 +3393,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.
   }
@@ -3304,7 +3414,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;
 };
 
@@ -3314,7 +3424,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;
 };
 
@@ -3351,10 +3461,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 => {
@@ -3854,7 +3964,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;
 };
 
@@ -3986,10 +4096,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 => {
@@ -5841,7 +5951,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,
@@ -7209,7 +7319,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 => {
@@ -7349,7 +7459,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
@@ -7551,7 +7661,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
@@ -7667,13 +7777,19 @@ const handleClickSend = async state => {
 };
 
 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 CreateProject = 'create-project';
 const CreateSession = 'create-session';
 const CreateSessionInProjectPrefix = 'create-session-in-project:';
@@ -7686,6 +7802,7 @@ const SessionDelete = 'SessionDelete';
 const ProjectPrefix = 'project:';
 const SessionPrefix = 'session:';
 const RenamePrefix = 'session-rename:';
+const ModelPickerItemPrefix = 'model-picker-item:';
 const getProjectInputName = projectId => {
   return `${ProjectPrefix}${projectId}`;
 };
@@ -7719,6 +7836,15 @@ const isRenameInputName = name => {
 const getRenameIdFromInputName = name => {
   return name.slice(RenamePrefix.length);
 };
+const getModelPickerItemInputName = modelId => {
+  return `${ModelPickerItemPrefix}${modelId}`;
+};
+const isModelPickerItemInputName = name => {
+  return name.startsWith(ModelPickerItemPrefix);
+};
+const getModelIdFromModelPickerItemInputName = name => {
+  return name.slice(ModelPickerItemPrefix.length);
+};
 
 const OpenApiApiKeyInput = 'open-api-api-key';
 const SaveOpenApiApiKey = 'save-openapi-api-key';
@@ -7852,6 +7978,28 @@ const handleClick = async (state, name, id = '') => {
       }
     case name === ToggleChatFocus:
       return toggleChatFocusMode(state);
+    case name === ToggleSearch:
+      return {
+        ...state,
+        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);
@@ -7906,7 +8054,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 = '') => {
@@ -7917,33 +8065,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) => {
@@ -8029,6 +8181,13 @@ const handleDropFiles = async (state, name, files = []) => {
   return nextState;
 };
 
+const handleSearchValueChange = (state, newValue) => {
+  return {
+    ...state,
+    searchValue: newValue
+  };
+};
+
 const handleInput = async (state, name, value, inputSource = 'user') => {
   const {
     selectedSessionId
@@ -8045,6 +8204,15 @@ const handleInput = async (state, name, value, inputSource = 'user') => {
       openRouterApiKeyInput: value
     };
   }
+  if (name === Search) {
+    return handleSearchValueChange(state, value);
+  }
+  if (name === ModelPickerSearch) {
+    return {
+      ...state,
+      modelPickerSearchValue: value
+    };
+  }
   if (name !== Composer) {
     return state;
   }
@@ -8175,6 +8343,8 @@ const handleMissingApiKeySubmit = async (state, submitterName = '') => {
 const handleModelChange = async (state, value) => {
   return {
     ...state,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     selectedModelId: value
   };
 };
@@ -8255,6 +8425,13 @@ const initialize = async () => {
   set$4(rpc);
 };
 
+const ensureBlankProject = (projects, fallbackBlankProject) => {
+  if (projects.some(project => project.name === '_blank')) {
+    return projects;
+  }
+  return [fallbackBlankProject, ...projects];
+};
+
 const isObject$1 = value => {
   return typeof value === 'object' && value !== null;
 };
@@ -8272,6 +8449,32 @@ const getSavedChatListScrollTop = savedState => {
   return chatListScrollTop;
 };
 
+const getSavedComposerValue = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    composerValue
+  } = savedState;
+  if (typeof composerValue !== 'string') {
+    return undefined;
+  }
+  return composerValue;
+};
+
+const getSavedLastNormalViewMode = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    lastNormalViewMode
+  } = savedState;
+  if (lastNormalViewMode !== 'list' && lastNormalViewMode !== 'detail') {
+    return undefined;
+  }
+  return lastNormalViewMode;
+};
+
 const getSavedMessagesScrollTop = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8285,6 +8488,58 @@ const getSavedMessagesScrollTop = savedState => {
   return messagesScrollTop;
 };
 
+const getSavedProjectExpandedIds = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projectExpandedIds
+  } = savedState;
+  if (!Array.isArray(projectExpandedIds)) {
+    return undefined;
+  }
+  const ids = projectExpandedIds.filter(id => typeof id === 'string');
+  if (ids.length === 0) {
+    return undefined;
+  }
+  return ids;
+};
+
+const getSavedProjectListScrollTop = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projectListScrollTop
+  } = savedState;
+  if (typeof projectListScrollTop !== 'number') {
+    return undefined;
+  }
+  return projectListScrollTop;
+};
+
+const getSavedProjects = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    projects
+  } = savedState;
+  if (!Array.isArray(projects)) {
+    return undefined;
+  }
+  const validProjects = projects.filter(project => {
+    if (!isObject$1(project)) {
+      return false;
+    }
+    return typeof project.id === 'string' && typeof project.name === 'string' && typeof project.uri === 'string';
+  });
+  if (validProjects.length === 0) {
+    return undefined;
+  }
+  return validProjects;
+};
+
 const getSavedSelectedModelId = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8298,6 +8553,19 @@ const getSavedSelectedModelId = savedState => {
   return selectedModelId;
 };
 
+const getSavedSelectedProjectId = savedState => {
+  if (!isObject$1(savedState)) {
+    return undefined;
+  }
+  const {
+    selectedProjectId
+  } = savedState;
+  if (typeof selectedProjectId !== 'string') {
+    return undefined;
+  }
+  return selectedProjectId;
+};
+
 const getSavedSelectedSessionId = savedState => {
   if (!isObject$1(savedState)) {
     return undefined;
@@ -8382,6 +8650,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');
@@ -8435,6 +8712,15 @@ const loadPassIncludeObfuscation = async () => {
   }
 };
 
+const loadSearchEnabled = async () => {
+  try {
+    const savedSearchEnabled = await get('chatView.searchEnabled');
+    return typeof savedSearchEnabled === 'boolean' ? savedSearchEnabled : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadStreamingEnabled = async () => {
   try {
     const savedStreamingEnabled = await get('chatView.streamingEnabled');
@@ -8499,18 +8785,20 @@ const loadVoiceDictationEnabled = async () => {
 };
 
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, authAccessToken, authEnabled, authRefreshToken, backendUrl, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, todoListToolEnabled, passIncludeObfuscation, useChatCoordinatorWorker, useChatMathWorker, useChatNetworkWorkerForRequests, useChatToolWorker, voiceDictationEnabled] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadBackendAccessToken(), loadAuthEnabled(), loadBackendRefreshToken(), loadBackendUrl(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), 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,
     openRouterApiKey,
     passIncludeObfuscation,
+    searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
     useChatCoordinatorWorker,
@@ -8551,97 +8839,7 @@ const toSummarySession = session => {
     projectId: session.projectId
   };
 };
-const getSavedSelectedProjectId = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    selectedProjectId
-  } = savedState;
-  if (typeof selectedProjectId !== 'string') {
-    return undefined;
-  }
-  return selectedProjectId;
-};
-const getSavedProjects = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projects
-  } = savedState;
-  if (!Array.isArray(projects)) {
-    return undefined;
-  }
-  const validProjects = projects.filter(project => {
-    if (!isObject$1(project)) {
-      return false;
-    }
-    return typeof project.id === 'string' && typeof project.name === 'string' && typeof project.uri === 'string';
-  });
-  if (validProjects.length === 0) {
-    return undefined;
-  }
-  return validProjects;
-};
-const ensureBlankProject = (projects, fallbackBlankProject) => {
-  if (projects.some(project => project.name === '_blank')) {
-    return projects;
-  }
-  return [fallbackBlankProject, ...projects];
-};
-const getSavedProjectListScrollTop = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projectListScrollTop
-  } = savedState;
-  if (typeof projectListScrollTop !== 'number') {
-    return undefined;
-  }
-  return projectListScrollTop;
-};
-const getSavedProjectExpandedIds = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    projectExpandedIds
-  } = savedState;
-  if (!Array.isArray(projectExpandedIds)) {
-    return undefined;
-  }
-  const ids = projectExpandedIds.filter(id => typeof id === 'string');
-  if (ids.length === 0) {
-    return undefined;
-  }
-  return ids;
-};
-const getSavedLastNormalViewMode = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    lastNormalViewMode
-  } = savedState;
-  if (lastNormalViewMode !== 'list' && lastNormalViewMode !== 'detail') {
-    return undefined;
-  }
-  return lastNormalViewMode;
-};
-const getSavedComposerValue = savedState => {
-  if (!isObject$1(savedState)) {
-    return undefined;
-  }
-  const {
-    composerValue
-  } = savedState;
-  if (typeof composerValue !== 'string') {
-    return undefined;
-  }
-  return composerValue;
-};
+
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
@@ -8652,11 +8850,13 @@ const loadContent = async (state, savedState) => {
     authEnabled,
     authRefreshToken,
     backendUrl,
+    chatStorageWorkerEnabled,
     composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
+    searchEnabled,
     streamingEnabled,
     todoListToolEnabled,
     useChatCoordinatorWorker,
@@ -8665,6 +8865,7 @@ const loadContent = async (state, savedState) => {
     useChatToolWorker,
     voiceDictationEnabled
   } = await loadPreferences();
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
   let sessions = storedSessions;
@@ -8720,6 +8921,7 @@ const loadContent = async (state, savedState) => {
     authStatus: authAccessToken ? 'signed-in' : 'signed-out',
     backendUrl,
     chatListScrollTop,
+    chatStorageWorkerEnabled,
     composerDropActive: false,
     composerDropEnabled,
     composerValue: savedComposerValue ?? state.composerValue,
@@ -8727,6 +8929,9 @@ const loadContent = async (state, savedState) => {
     initial: false,
     lastNormalViewMode,
     messagesScrollTop,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
+    newChatModelPickerEnabled: state.newChatModelPickerEnabled,
     openApiApiKey,
     openApiApiKeyInput: openApiApiKey,
     openRouterApiKey,
@@ -8736,6 +8941,9 @@ const loadContent = async (state, savedState) => {
     projectExpandedIds,
     projectListScrollTop,
     projects,
+    searchEnabled,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -8851,6 +9059,11 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
   };
 };
 
+const pasteInput = async state => {
+  const text = await readText();
+  return handleInput(state, Composer, text, 'script');
+};
+
 const registerMockResponse = (state, mockResponse) => {
   reset$2();
   pushChunk(mockResponse.text);
@@ -8858,11 +9071,16 @@ 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 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;
-  --ChatSendAreaHeight: ${composerHeight + 62}px;
+  --ChatSendAreaHeight: ${chatSendAreaHeight}px;
   --ChatTextAreaPaddingTop: ${textAreaPaddingTop}px;
   --ChatTextAreaPaddingLeft: ${textAreaPaddingLeft}px;
   --ChatTextAreaPaddingRight: ${textAreaPaddingRight}px;
@@ -8875,167 +9093,57 @@ 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;
-}
-
-.ChatTodoListItems {
-  list-style: none;
-  margin: 0;
-  max-height: 180px;
-  overflow: auto;
-  padding: 4px 0;
-}
-
-.ChatTodoListItem {
-  align-items: center;
-  color: var(--vscode-foreground);
-  display: flex;
-  font-size: 12px;
-  line-height: 18px;
-  min-height: 24px;
-  padding: 0 10px;
-}
-
-.ChatTodoListItem::before {
-  color: var(--vscode-descriptionForeground);
-  content: "○";
-  display: inline-block;
-  margin-right: 8px;
-  width: 1em;
-}
-
-.ChatTodoListItemTodo::before {
-  content: "○";
-}
-
-.ChatTodoListItem.todo::before {
-  content: "○";
-}
-
-.ChatTodoListItemInProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
-}
-
-.ChatTodoListItem.inProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
-}
-
-.ChatTodoListItemCompleted {
-  color: var(--vscode-disabledForeground);
-}
-
-.ChatTodoListItem.completed {
-  color: var(--vscode-disabledForeground);
-}
-
-.ChatTodoListItemCompleted::before {
-  color: var(--vscode-testing-iconPassed);
-  content: "✓";
-}
-
-.ChatTodoListItem.completed::before {
-  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;
+.ChatSendAreaBottom{
+  height: ${buttonsHeight}px;
 }
 
-.ChatTodoListItems {
-  list-style: none;
-  margin: 0;
-  max-height: 180px;
-  overflow: auto;
-  padding: 4px 0;
+.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;
+.ChatListItem{
+  display:flex;
+  align-items:center;
 }
 
-.ChatTodoListItem::before {
-  color: var(--vscode-descriptionForeground);
-  content: "○";
-  display: inline-block;
-  margin-right: 8px;
-  width: 1em;
+.ChatMessageContent p + p{
+  margin-top: 0.75em;
 }
 
-.ChatTodoListItemTodo::before {
-  content: "○";
+.ChatListItemStatusRow{
+  width: 16px;
+  min-width: 16px;
+  display:flex;
+  align-items:center;
+  justify-content:center;
 }
 
-.ChatTodoListItem.todo::before {
-  content: "○";
+.ChatListItemStatusIcon{
+  font-size: 10px;
 }
 
-.ChatTodoListItemInProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
-}
-
-.ChatTodoListItem.inProgress::before {
-  color: var(--vscode-textLink-foreground);
-  content: "◐";
-}
-
-.ChatTodoListItemCompleted {
+.ChatListItemStatusStopped{
   color: var(--vscode-disabledForeground);
 }
 
-.ChatTodoListItem.completed {
-  color: var(--vscode-disabledForeground);
+.ChatListItemStatusInProgress{
+  color: var(--vscode-charts-blue);
 }
 
-.ChatTodoListItemCompleted::before {
+.ChatListItemStatusFinished{
   color: var(--vscode-testing-iconPassed);
-  content: "✓";
+.ChatListItem .SessionArchiveButton{
+  opacity: 0;
 }
 
-.ChatTodoListItem.completed::before {
-  color: var(--vscode-testing-iconPassed);
-  content: "✓";
+.ChatListItem:hover .SessionArchiveButton,
+.ChatListItem:focus-within .SessionArchiveButton{
+  opacity: 1;
 }
+`;
+  return `${baseCss}
 
 /* render_html tool css */
 ${renderHtmlCss}`;
@@ -9101,6 +9209,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';
@@ -9127,7 +9241,13 @@ const LabelDetail = 'LabelDetail';
 const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
+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';
@@ -9145,6 +9265,7 @@ const Markdown = 'Markdown';
 const MarkdownQuote = 'MarkdownQuote';
 const MarkdownMathBlock = 'MarkdownMathBlock';
 const MarkdownTable = 'MarkdownTable';
+const ChatTableWrapper = 'ChatTableWrapper';
 const Message = 'Message';
 const ChatMessageContent = 'ChatMessageContent';
 const ChatToolCalls = 'ChatToolCalls';
@@ -9177,6 +9298,7 @@ const TokenTag = 'TokenTag';
 const TokenAttribute = 'TokenAttribute';
 const TokenValue = 'TokenValue';
 const TokenProperty = 'TokenProperty';
+const SearchFieldContainer = 'SearchFieldContainer';
 const Select = 'Select';
 const StrikeThrough = 'StrikeThrough';
 const Viewlet = 'Viewlet';
@@ -9199,6 +9321,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;
@@ -9211,6 +9334,11 @@ const HandleProjectListContextMenu = 33;
 const HandleClickDictationButton = 34;
 const HandleMissingApiKeySubmit = 35;
 const HandleRunModeChange = 36;
+const HandleSearchInput = 37;
+const HandleChatWelcomeContextMenu = 39;
+const HandleChatHeaderContextMenu = 40;
+const HandleChatInputContextMenu = 41;
+const HandleContextMenuChatSendAreaBottom = 42;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -9222,6 +9350,66 @@ const getModelLabel = model => {
   return model.name;
 };
 
+const getChatModelPickerVirtualDom = (models, selectedModelId, modelPickerOpen, modelPickerSearchValue) => {
+  const selectedModel = models.find(model => model.id === selectedModelId);
+  const selectedModelLabel = selectedModel ? selectedModel.name : selectedModelId;
+  const normalizedSearch = modelPickerSearchValue.trim().toLowerCase();
+  const visibleModels = normalizedSearch ? models.filter(model => getModelLabel(model).toLowerCase().includes(normalizedSearch)) : models;
+  return [{
+    childCount: modelPickerOpen ? 2 : 1,
+    className: ChatModelPickerContainer,
+    type: Div
+  }, {
+    childCount: 2,
+    className: Select,
+    name: ModelPickerToggle,
+    onClick: HandleClick,
+    title: selectedModelLabel,
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconChevronUp',
+    type: Div
+  }, text(selectedModelLabel), ...(modelPickerOpen ? [{
+    childCount: 3 + visibleModels.length,
+    className: ChatModelPicker,
+    type: Div
+  }, {
+    childCount: 2,
+    className: ChatModelPickerHeader,
+    type: Div
+  }, {
+    childCount: 0,
+    className: InputBox,
+    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: Div
+  }, ...visibleModels.flatMap(model => [{
+    childCount: 1,
+    className: `${ChatModelPickerItem}${model.id === selectedModelId ? ` ${ChatModelPickerItemSelected}` : ''}`,
+    name: getModelPickerItemInputName(model.id),
+    onClick: HandleClick,
+    type: Button$1
+  }, text(getModelLabel(model))])] : [])];
+};
+
 const getModelOptionDOm = (model, selectedModelId) => {
   return [{
     childCount: 1,
@@ -9297,6 +9485,18 @@ const getSendButtonDom = (isSendDisabled, voiceDictationEnabled) => {
     type: Div
   }];
 };
+const getAddContextButtonDom = () => {
+  return [{
+    childCount: 1,
+    className: IconButton,
+    name: AddContext,
+    title: addContext(),
+    type: Button$1
+  }, {
+    text: addContext(),
+    type: Text
+  }];
+};
 
 const clampToPercentage = (tokensUsed, tokensMax) => {
   if (tokensMax <= 0) {
@@ -9333,9 +9533,9 @@ const getUsageOverviewDom = (tokensUsed, tokensMax) => {
   }, text(usageLabel)];
 };
 
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, 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);
+  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 => {
@@ -9378,6 +9578,7 @@ const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOvervie
     childCount: 0,
     className: MultilineInputBox,
     name: Composer,
+    onContextMenu: HandleChatInputContextMenu,
     onFocus: HandleFocus,
     onInput: HandleInput,
     placeholder: composePlaceholder(),
@@ -9386,8 +9587,9 @@ 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) : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
+  }, ...(newChatModelPickerEnabled ? getChatModelPickerVirtualDom(models, selectedModelId, modelPickerOpen, modelPickerSearchValue) : getChatSelectVirtualDom(models, selectedModelId)), ...(showRunMode ? getRunModeSelectVirtualDom(runMode) : []), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...(addContextButtonEnabled ? getAddContextButtonDom() : []), ...getSendButtonDom(isSendDisabled, voiceDictationEnabled)];
 };
 
 const getImageAltText = alt => {
@@ -9624,6 +9826,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)];
@@ -9685,6 +9890,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
@@ -9730,6 +9940,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,
@@ -9787,41 +10000,38 @@ const getMissingApiKeyDom = ({
   inputName,
   inputPattern,
   inputRequired = false,
-  inputValue,
   openSettingsButtonName,
   placeholder,
   saveButtonDisabled = false,
   saveButtonName,
-  saveButtonText = save(),
-  saveButtonType = 'button',
-  useForm = false
+  saveButtonText = save()
 }) => {
   return [{
     childCount: 2,
-    method: useForm ? 'GET' : undefined,
-    onSubmit: useForm ? HandleMissingApiKeySubmit : undefined,
-    type: useForm ? Form : Div
+    method: 'GET',
+    onSubmit: HandleMissingApiKeySubmit,
+    type: Form
   }, {
     childCount: 0,
     className: InputBox,
     name: inputName,
     onInput: HandleInput,
-    pattern: inputPattern,
+    ...(inputPattern ? {
+      pattern: inputPattern
+    } : {}),
     placeholder,
     required: inputRequired,
-    type: Input,
-    value: inputValue
+    type: Input
   }, {
     childCount: 2,
     className: Actions,
     type: Div
   }, {
-    buttonType: saveButtonType,
     childCount: 1,
     className: mergeClassNames(Button, ButtonPrimary),
     disabled: saveButtonDisabled,
+    inputType: 'submit',
     name: saveButtonName,
-    onClick: useForm ? undefined : HandleClick,
     type: Button$1
   }, text(saveButtonText), {
     childCount: 1,
@@ -9833,34 +10043,28 @@ const getMissingApiKeyDom = ({
   }, text(getApiKeyText)];
 };
 
-const getMissingOpenApiApiKeyDom = openApiApiKeyInput => {
+const getMissingOpenApiApiKeyDom = () => {
   return getMissingApiKeyDom({
     getApiKeyText: getOpenApiApiKey(),
     inputName: OpenApiApiKeyInput,
     inputPattern: '^sk-.+',
     inputRequired: true,
-    inputValue: openApiApiKeyInput,
     openSettingsButtonName: OpenOpenApiApiKeyWebsite,
     placeholder: openApiApiKeyPlaceholder(),
-    saveButtonName: SaveOpenApiApiKey,
-    saveButtonType: 'submit',
-    useForm: true
+    saveButtonName: SaveOpenApiApiKey
   });
 };
 
-const getMissingOpenRouterApiKeyDom = (openRouterApiKeyInput, openRouterApiKeyState = 'idle') => {
+const getMissingOpenRouterApiKeyDom = (openRouterApiKeyState = 'idle') => {
   const isSaving = openRouterApiKeyState === 'saving';
   return getMissingApiKeyDom({
     getApiKeyText: getOpenRouterApiKey(),
     inputName: OpenRouterApiKeyInput,
-    inputValue: openRouterApiKeyInput,
     openSettingsButtonName: OpenOpenRouterApiKeySettings,
     placeholder: openRouterApiKeyPlaceholder(),
     saveButtonDisabled: isSaving,
     saveButtonName: SaveOpenRouterApiKey,
-    saveButtonText: isSaving ? saving() : save(),
-    saveButtonType: 'submit',
-    useForm: true
+    saveButtonText: isSaving ? saving() : save()
   });
 };
 
@@ -10045,7 +10249,7 @@ const getToolCallEditFileVirtualDom = toolCall => {
   const fileName = getFileNameFromUri(target.title);
   const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
+    onClick: HandleClickFileName
   } : {};
   return [{
     childCount: 3,
@@ -10065,6 +10269,7 @@ const getToolCallEditFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName)];
 };
@@ -10075,6 +10280,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,
@@ -10087,12 +10296,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)] : [])];
 };
@@ -10163,7 +10372,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,
@@ -10182,6 +10391,7 @@ const getToolCallReadFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
   }, text(fileName), ...(statusLabel ? [text(statusLabel)] : [])];
 };
@@ -10534,16 +10744,17 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }
   const fileName = getFileNameFromUri(target.title);
   const statusLabel = getToolCallStatusLabel(toolCall);
+  const showDiffStats = toolCall.status !== 'error' && toolCall.status !== 'not-found';
   const {
     linesAdded,
     linesDeleted
   } = parseWriteFileLineCounts(toolCall.result);
   const fileNameClickableProps = target.clickableUri ? {
     'data-uri': target.clickableUri,
-    onClick: HandleClickReadFile
+    onClick: HandleClickFileName
   } : {};
   return [{
-    childCount: statusLabel ? 6 : 5,
+    childCount: showDiffStats ? statusLabel ? 6 : 5 : statusLabel ? 4 : 3,
     className: ChatOrderedListItem,
     title: target.title,
     type: Li
@@ -10559,8 +10770,9 @@ const getToolCallWriteFileVirtualDom = toolCall => {
   }, {
     childCount: 1,
     className: ChatToolCallFileName,
+    ...fileNameClickableProps,
     type: Span
-  }, text(fileName), {
+  }, text(fileName), ...(showDiffStats ? [{
     childCount: 1,
     className: Insertion,
     type: Span
@@ -10568,7 +10780,7 @@ const getToolCallWriteFileVirtualDom = toolCall => {
     childCount: 1,
     className: Deletion,
     type: Span
-  }, text(` -${linesDeleted}`), ...(statusLabel ? [text(statusLabel)] : [])];
+  }, text(` -${linesDeleted}`)] : []), ...(statusLabel ? [text(statusLabel)] : [])];
 };
 
 const getToolCallDom = toolCall => {
@@ -10635,7 +10847,7 @@ const getToolCallsDom = message => {
   }, ...message.toolCalls.flatMap(getToolCallDom)];
 };
 
-const getChatMessageDom = (message, parsedMessageContent, openRouterApiKeyInput, openApiApiKeyInput = '', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
+const getChatMessageDom = (message, parsedMessageContent, _openRouterApiKeyInput, _openApiApiKeyInput = '', openRouterApiKeyState = 'idle', useChatMathWorker = false) => {
   const roleClassName = message.role === 'user' ? MessageUser : MessageAssistant;
   const isOpenApiApiKeyMissingMessage = message.role === 'assistant' && message.text === openApiApiKeyRequiredMessage;
   const isOpenRouterApiKeyMissingMessage = message.role === 'assistant' && message.text === openRouterApiKeyRequiredMessage;
@@ -10644,7 +10856,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),
@@ -10653,13 +10866,14 @@ const getChatMessageDom = (message, parsedMessageContent, openRouterApiKeyInput,
     childCount: extraChildCount,
     className: ChatMessageContent,
     type: Div
-  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom(openApiApiKeyInput) : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyInput, openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
+  }, ...toolCallsDom, ...messageDom, ...(isOpenApiApiKeyMissingMessage ? getMissingOpenApiApiKeyDom() : []), ...(isOpenRouterApiKeyMissingMessage ? getMissingOpenRouterApiKeyDom(openRouterApiKeyState) : []), ...(isOpenRouterRequestFailedMessage ? getOpenRouterRequestFailedDom() : []), ...(isOpenRouterTooManyRequestsMessage ? getOpenRouterTooManyRequestsDom() : [])];
 };
 
 const getEmptyMessagesDom = () => {
   return [{
     childCount: 1,
     className: ChatWelcomeMessage,
+    onContextMenu: HandleChatWelcomeContextMenu,
     type: Div
   }, text(startConversation())];
 };
@@ -10806,6 +11020,7 @@ const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProje
 };
 
 const getChatModeChatFocusVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -10817,7 +11032,10 @@ const getChatModeChatFocusVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -10848,7 +11066,7 @@ const getChatModeChatFocusVirtualDom = ({
     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, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...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,
@@ -10894,7 +11112,7 @@ const getHeaderActionVirtualDom = item => {
   }];
 };
 
-const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out') => {
+const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'signed-out', searchEnabled = false) => {
   const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
   const isSigningIn = authStatus === 'signing-in';
   const authAction = authEnabled && authStatus !== 'signed-in' ? {
@@ -10915,7 +11133,12 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
     name: ToggleChatFocus,
     onClick: HandleClick,
     title: toggleTitle
-  }, {
+  }, ...(searchEnabled ? [{
+    icon: 'MaskIcon MaskIconSearch',
+    name: ToggleSearch,
+    onClick: HandleClick,
+    title: search()
+  }] : []), {
     icon: 'MaskIcon MaskIconDebugPause',
     name: SessionDebug,
     onClick: HandleClickSessionDebug,
@@ -10939,6 +11162,7 @@ const getChatHeaderActionsDom = (viewMode, authEnabled = false, authStatus = 'si
   return [{
     childCount: items.length,
     className: ChatActions,
+    role: 'toolbar',
     type: Div
   }, ...items.flatMap(getHeaderActionVirtualDom)];
 };
@@ -10948,6 +11172,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
   return [{
     childCount: hasAuthError ? 3 : 2,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 2,
@@ -10965,6 +11190,7 @@ const getChatHeaderDomDetailMode = (selectedSessionTitle, authEnabled = false, a
 };
 
 const getChatModeDetailVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -10976,7 +11202,10 @@ const getChatModeDetailVirtualDom = ({
   composerLineHeight = 20,
   composerValue,
   messagesScrollTop = 0,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   openApiApiKeyInput,
   openRouterApiKeyInput,
   openRouterApiKeyState = 'idle',
@@ -11004,7 +11233,7 @@ const getChatModeDetailVirtualDom = ({
     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, 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,
@@ -11018,17 +11247,33 @@ const getChatModeDetailVirtualDom = ({
   }] : [])];
 };
 
-const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '') => {
+const getChatHeaderListModeDom = (authEnabled = false, authStatus = 'signed-out', authErrorMessage = '', searchEnabled = false, searchFieldVisible = false, searchValue = '') => {
   const hasAuthError = authEnabled && !!authErrorMessage;
+  const hasSearchField = searchEnabled && searchFieldVisible;
+  const headerChildCount = 2 + (hasAuthError ? 1 : 0) + (hasSearchField ? 1 : 0);
   return [{
-    childCount: hasAuthError ? 3 : 2,
+    childCount: headerChildCount,
     className: ChatHeader,
+    onContextMenu: HandleChatHeaderContextMenu,
     type: Div
   }, {
     childCount: 1,
     className: Label,
     type: Span
-  }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus), ...(hasAuthError ? [{
+  }, text(chats()), ...getChatHeaderActionsDom('list', authEnabled, authStatus, searchEnabled), ...(hasSearchField ? [{
+    childCount: 1,
+    className: SearchFieldContainer,
+    type: Div
+  }, {
+    childCount: 0,
+    className: InputBox,
+    inputType: 'search',
+    name: Search,
+    onInput: HandleSearchInput,
+    placeholder: searchChats(),
+    type: Input,
+    value: searchValue
+  }] : []), ...(hasAuthError ? [{
     childCount: 1,
     className: ChatAuthError,
     type: Span
@@ -11047,18 +11292,37 @@ const getEmptyChatSessionsDom = () => {
   }, text(clickToOpenNewChat())];
 };
 
+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 => {
   const sessionClassName = 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,
-    tabIndex: 0,
     type: Div
   }, text(session.title), {
     childCount: 1,
@@ -11066,14 +11330,18 @@ 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) => {
@@ -11091,6 +11359,7 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
 };
 
 const getChatModeListVirtualDom = ({
+  addContextButtonEnabled,
   authEnabled = false,
   authErrorMessage = '',
   authStatus = 'signed-out',
@@ -11102,8 +11371,14 @@ const getChatModeListVirtualDom = ({
   composerHeight = 28,
   composerLineHeight = 20,
   composerValue,
+  modelPickerOpen = false,
+  modelPickerSearchValue = '',
   models,
+  newChatModelPickerEnabled = false,
   runMode,
+  searchEnabled = false,
+  searchFieldVisible = false,
+  searchValue = '',
   selectedModelId,
   selectedSessionId,
   sessions,
@@ -11116,13 +11391,15 @@ const getChatModeListVirtualDom = ({
   voiceDictationEnabled = false
 }) => {
   const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  const searchValueTrimmed = searchValue.trim().toLowerCase();
+  const visibleSessions = searchEnabled && searchValueTrimmed ? sessions.filter(session => session.title.toLowerCase().includes(searchValueTrimmed)) : sessions;
   return [{
     childCount: isDropOverlayVisible ? 4 : 3,
     className: mergeClassNames(Viewlet, Chat),
     onDragEnter: HandleDragEnterChatView,
     onDragOver: HandleDragOverChatView,
     type: Div
-  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, showRunMode, runMode, todoListToolEnabled, todoListItems, voiceDictationEnabled), ...(isDropOverlayVisible ? [{
+  }, ...getChatHeaderListModeDom(authEnabled, authStatus, authErrorMessage, searchEnabled, searchFieldVisible, searchValue), ...getChatListDom(visibleSessions, selectedSessionId, 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,
@@ -11217,6 +11494,7 @@ const getFallbackParsedMessages = sessions => {
 };
 const getChatVirtualDom = options => {
   const {
+    addContextButtonEnabled,
     authEnabled = false,
     authErrorMessage = '',
     authStatus = 'signed-out',
@@ -11229,7 +11507,10 @@ const getChatVirtualDom = options => {
     composerLineHeight,
     composerValue,
     messagesScrollTop,
+    modelPickerOpen = false,
+    modelPickerSearchValue = '',
     models,
+    newChatModelPickerEnabled = false,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11238,6 +11519,9 @@ const getChatVirtualDom = options => {
     projectListScrollTop = 0,
     projects = [],
     runMode,
+    searchEnabled = false,
+    searchFieldVisible = false,
+    searchValue = '',
     selectedModelId,
     selectedProjectId = '',
     selectedSessionId,
@@ -11256,6 +11540,7 @@ const getChatVirtualDom = options => {
   switch (viewMode) {
     case 'chat-focus':
       return getChatModeChatFocusVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11267,7 +11552,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11291,6 +11579,7 @@ const getChatVirtualDom = options => {
       });
     case 'detail':
       return getChatModeDetailVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11302,7 +11591,10 @@ const getChatVirtualDom = options => {
         composerLineHeight,
         composerValue,
         messagesScrollTop,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         openApiApiKeyInput,
         openRouterApiKeyInput,
         openRouterApiKeyState,
@@ -11322,6 +11614,7 @@ const getChatVirtualDom = options => {
       });
     case 'list':
       return getChatModeListVirtualDom({
+        addContextButtonEnabled,
         authEnabled,
         authErrorMessage,
         authStatus,
@@ -11333,8 +11626,14 @@ const getChatVirtualDom = options => {
         composerHeight,
         composerLineHeight,
         composerValue,
+        modelPickerOpen,
+        modelPickerSearchValue,
         models,
+        newChatModelPickerEnabled,
         runMode,
+        searchEnabled,
+        searchFieldVisible,
+        searchValue,
         selectedModelId,
         selectedSessionId,
         sessions,
@@ -11353,6 +11652,7 @@ const getChatVirtualDom = options => {
 
 const renderItems = (oldState, newState) => {
   const {
+    addContextButtonEnabled,
     authEnabled,
     authErrorMessage,
     authStatus,
@@ -11366,7 +11666,10 @@ const renderItems = (oldState, newState) => {
     composerValue,
     initial,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11375,6 +11678,9 @@ const renderItems = (oldState, newState) => {
     projectListScrollTop,
     projects,
     runMode,
+    searchEnabled,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11393,6 +11699,7 @@ const renderItems = (oldState, newState) => {
     return [SetDom2, uid, []];
   }
   const dom = getChatVirtualDom({
+    addContextButtonEnabled,
     authEnabled,
     authErrorMessage,
     authStatus,
@@ -11405,7 +11712,10 @@ const renderItems = (oldState, newState) => {
     composerLineHeight,
     composerValue,
     messagesScrollTop,
+    modelPickerOpen,
+    modelPickerSearchValue,
     models,
+    newChatModelPickerEnabled,
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
@@ -11414,6 +11724,9 @@ const renderItems = (oldState, newState) => {
     projectListScrollTop,
     projects,
     runMode,
+    searchEnabled,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11578,7 +11891,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']
@@ -11603,6 +11919,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleInput,
     params: ['handleInput', TargetName, TargetValue]
+  }, {
+    name: HandleSearchInput,
+    params: ['handleSearchValueChange', TargetValue]
   }, {
     name: HandleDragEnter,
     params: ['handleDragEnter', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
@@ -11650,9 +11969,24 @@ const renderEventListeners = () => {
     name: HandleMessagesContextMenu,
     params: ['handleMessagesContextMenu'],
     preventDefault: true
+  }, {
+    name: HandleChatWelcomeContextMenu,
+    params: ['handleChatWelcomeContextMenu']
+  }, {
+    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]
@@ -11678,6 +12012,8 @@ const reset = async state => {
     composerHeight: getMinComposerHeightForState(state),
     composerValue: '',
     mockAiResponseDelay: 0,
+    modelPickerOpen: false,
+    modelPickerSearchValue: '',
     openApiApiKey: '',
     openRouterApiKey: '',
     openRouterApiKeyInput: '',
@@ -11707,6 +12043,8 @@ const saveState = state => {
     projectListScrollTop,
     projects,
     renamingSessionId,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11722,6 +12060,8 @@ const saveState = state => {
     projectListScrollTop,
     projects,
     renamingSessionId,
+    searchFieldVisible,
+    searchValue,
     selectedModelId,
     selectedProjectId,
     selectedSessionId,
@@ -11729,6 +12069,13 @@ const saveState = state => {
   };
 };
 
+const setAddContextButtonEnabled = (state, addContextButtonEnabled) => {
+  return {
+    ...state,
+    addContextButtonEnabled
+  };
+};
+
 const setAuthEnabled = (state, authEnabled) => {
   return {
     ...state,
@@ -11759,9 +12106,25 @@ const dummySessions = [{
 const setChatList = state => {
   return {
     ...state,
+    searchEnabled: true,
+    searchFieldVisible: false,
+    searchValue: '',
     selectedSessionId: dummySessions[0].id,
     sessions: dummySessions,
-    viewMode: 'detail'
+    viewMode: 'list'
+  };
+};
+
+const setChatStorageWorkerEnabled = async (state, chatStorageWorkerEnabled, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.chatStorageWorkerEnabled': chatStorageWorkerEnabled
+    });
+  }
+  setChatStorageWorkerEnabled$1(chatStorageWorkerEnabled);
+  return {
+    ...state,
+    chatStorageWorkerEnabled
   };
 };
 
@@ -11772,6 +12135,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,
@@ -11779,6 +12151,15 @@ const setQuestionToolEnabled = (state, questionToolEnabled) => {
   };
 };
 
+const setSearchEnabled = (state, searchEnabled) => {
+  return {
+    ...state,
+    searchEnabled,
+    searchFieldVisible: searchEnabled ? state.searchFieldVisible : false,
+    searchValue: searchEnabled ? state.searchValue : ''
+  };
+};
+
 const setShowRunMode = (state, showRunMode) => {
   return {
     ...state,
@@ -11853,7 +12234,9 @@ const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) =>
 
 const commandMap = {
   '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),
@@ -11864,18 +12247,23 @@ const commandMap = {
   'Chat.getMenuEntryIds': getMenuEntryIds,
   'Chat.getQuickPickMenuEntries': getQuickPickMenuEntries,
   'Chat.getSelectedSessionId': wrapGetter(getSelectedSessionId),
-  'Chat.handleChatListContextMenu': handleChatListContextMenu,
+  'Chat.handleChatHeaderContextMenu': wrapCommand(handleChatHeaderContextMenu),
+  'Chat.handleChatInputContextMenu': wrapCommand(handleChatInputContextMenu),
+  'Chat.handleChatListContextMenu': wrapCommand(handleChatListContextMenu),
   'Chat.handleChatListScroll': wrapCommand(handleChatListScroll),
+  'Chat.handleChatWelcomeContextMenu': wrapCommand(handleChatWelcomeContextMenu),
   '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),
@@ -11890,6 +12278,7 @@ const commandMap = {
   'Chat.handleProjectListContextMenu': wrapCommand(handleProjectListContextMenu),
   'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
   'Chat.handleRunModeChange': wrapCommand(handleRunModeChange),
+  'Chat.handleSearchValueChange': wrapCommand(handleSearchValueChange),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
@@ -11903,6 +12292,7 @@ const commandMap = {
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
   'Chat.mockOpenApiStreamReset': wrapCommand(mockOpenApiStreamReset),
   'Chat.openMockSession': wrapCommand(openMockSession),
+  'Chat.pasteInput': wrapCommand(pasteInput),
   'Chat.registerMockResponse': wrapCommand(registerMockResponse),
   'Chat.render2': render2,
   'Chat.renderEventListeners': renderEventListeners,
@@ -11910,12 +12300,16 @@ const commandMap = {
   'Chat.reset': wrapCommand(reset),
   'Chat.resize': wrapCommand(resize),
   'Chat.saveState': wrapGetter(saveState),
+  'Chat.setAddContextButtonEnabled': wrapCommand(setAddContextButtonEnabled),
   '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),
   'Chat.setShowRunMode': wrapCommand(setShowRunMode),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
   'Chat.setTodoListToolEnabled': wrapCommand(setTodoListToolEnabled),
@@ -11960,6 +12354,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);
 };
@@ -11971,6 +12377,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);
 };
@@ -11988,7 +12405,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 () => {