@lvce-editor/static-server 0.75.16 → 0.75.17

package/static/{5a29bf2 → 51d77f9}/packages/chat-view/dist/chatViewWorkerMain.js

@@ -1075,6 +1075,7 @@ const create$2 = rpcId => {
 };
 
 const {
+  invoke: invoke$2,
   set: set$3
 } = create$2(6002);
 
@@ -1121,6 +1122,10 @@ const sendMessagePortToExtensionHostWorker$1 = async (port, rpcId = 0) => {
 const sendMessagePortToChatNetworkWorker = async port => {
   await invokeAndTransfer('SendMessagePortToExtensionHostWorker.sendMessagePortToChatNetworkWorker', port, 'HandleMessagePort.handleMessagePort');
 };
+const confirm = async (message, options) => {
+  const result = await invoke('ConfirmPrompt.prompt', message, options);
+  return result;
+};
 const activateByEvent$1 = (event, assetDir, platform) => {
   return invoke('ExtensionHostManagement.activateByEvent', event, assetDir, platform);
 };
@@ -1335,6 +1340,12 @@ const backToChats = () => {
 const settings = () => {
   return i18nString('Settings');
 };
+const chatFocusMode = () => {
+  return i18nString('Switch to chat focus mode');
+};
+const normalChatMode = () => {
+  return i18nString('Switch to normal chat mode');
+};
 const closeChat = () => {
   return i18nString('Close Chat');
 };
@@ -1347,6 +1358,9 @@ const startConversation = () => {
 const composePlaceholder = () => {
   return i18nString('Type your message. Enter to send, Shift+Enter for newline.');
 };
+const attachImageAsContext = () => {
+  return i18nString('Attach Image as Context');
+};
 const openRouterApiKeyPlaceholder = () => {
   return i18nString('Enter OpenRouter API key');
 };
@@ -1389,13 +1403,16 @@ const unknownViewMode = () => {
 
 /* eslint-disable @cspell/spellchecker */
 
-const getDefaultModels = () => {
+const getDefaultModelsTest = () => {
   const defaultModelId = 'test';
   return [{
     id: defaultModelId,
     name: 'test',
     provider: 'test'
-  }, {
+  }];
+};
+const getDefaultModelsOpenAi = () => {
+  return [{
     id: 'openapi/gpt-5-mini',
     name: 'GPT-5 Mini',
     provider: 'openApi'
@@ -1411,7 +1428,10 @@ const getDefaultModels = () => {
     id: 'openapi/gpt-4.1-mini',
     name: 'GPT-4.1 Mini',
     provider: 'openApi'
-  }, {
+  }];
+};
+const getDefaultModelsOpenRouter = () => {
+  return [{
     id: 'codex-5.3',
     name: 'Codex 5.3',
     provider: 'openRouter'
@@ -1461,7 +1481,12 @@ const getDefaultModels = () => {
     provider: 'openRouter'
   }];
 };
+const getDefaultModels = () => {
+  return [...getDefaultModelsTest(), ...getDefaultModelsOpenAi(), ...getDefaultModelsOpenRouter()];
+};
+
 const createDefaultState = () => {
+  const defaultProjectId = 'project-1';
   const defaultSessionId = 'session-1';
   const defaultModelId = 'test';
   const chatMessageFontSize = 13;
@@ -1475,6 +1500,8 @@ const createDefaultState = () => {
     chatMessageFontFamily: 'system-ui',
     chatMessageFontSize,
     chatMessageLineHeight,
+    composerDropActive: false,
+    composerDropEnabled: true,
     composerFontFamily: 'system-ui',
     composerFontSize,
     composerHeight: composerLineHeight + 8,
@@ -1488,6 +1515,7 @@ const createDefaultState = () => {
     height: 0,
     initial: true,
     inputSource: 'script',
+    lastNormalViewMode: 'list',
     lastSubmittedSessionId: '',
     listItemHeight: 40,
     maxComposerRows: 5,
@@ -1507,12 +1535,21 @@ const createDefaultState = () => {
     openRouterApiKeyState: 'idle',
     passIncludeObfuscation: false,
     platform: 0,
+    projectExpandedIds: [defaultProjectId],
+    projectListScrollTop: 0,
+    projects: [{
+      id: defaultProjectId,
+      name: '_blank',
+      uri: ''
+    }],
     renamingSessionId: '',
     selectedModelId: defaultModelId,
+    selectedProjectId: defaultProjectId,
     selectedSessionId: defaultSessionId,
     sessions: [{
       id: defaultSessionId,
       messages: [],
+      projectId: defaultProjectId,
       title: defaultSessionTitle()
     }],
     streamingEnabled: true,
@@ -1520,6 +1557,7 @@ const createDefaultState = () => {
     tokensUsed: 0,
     uid: 0,
     usageOverviewEnabled: false,
+    useChatNetworkWorkerForRequests: false,
     useMockApi: false,
     viewMode: 'list',
     warningCount: 0,
@@ -1553,656 +1591,145 @@ const create = (uid, x, y, width, height, platform, assetDir) => {
   set(uid, state, state);
 };
 
-const parseRenderHtmlArguments = rawArguments => {
-  try {
-    const parsed = JSON.parse(rawArguments);
-    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
-      return undefined;
-    }
-    const html = typeof Reflect.get(parsed, 'html') === 'string' ? String(Reflect.get(parsed, 'html')) : '';
-    if (!html) {
-      return undefined;
-    }
-    const css = typeof Reflect.get(parsed, 'css') === 'string' ? String(Reflect.get(parsed, 'css')) : '';
-    const title = typeof Reflect.get(parsed, 'title') === 'string' ? String(Reflect.get(parsed, 'title')) : 'visual preview';
-    return {
-      css,
-      html,
-      title
-    };
-  } catch {
-    return undefined;
+const toError = error => {
+  if (error instanceof Error) {
+    return error;
   }
+  return new Error('IndexedDB request failed');
 };
 
-const getRenderHtmlCss = (sessions, selectedSessionId) => {
-  const selectedSession = sessions.find(session => session.id === selectedSessionId);
-  if (!selectedSession) {
-    return '';
-  }
-  const cssRules = new Set();
-  for (const message of selectedSession.messages) {
-    if (message.role !== 'assistant' || !message.toolCalls) {
-      continue;
-    }
-    for (const toolCall of message.toolCalls) {
-      if (toolCall.name !== 'render_html') {
-        continue;
-      }
-      const parsed = parseRenderHtmlArguments(toolCall.arguments);
-      if (!parsed || !parsed.css.trim()) {
-        continue;
-      }
-      cssRules.add(parsed.css);
-    }
-  }
-  return [...cssRules].join('\n\n');
+const requestToPromise = async createRequest => {
+  const request = createRequest();
+  const {
+    promise,
+    reject,
+    resolve
+  } = Promise.withResolvers();
+  request.addEventListener('success', () => {
+    resolve(request.result);
+  });
+  request.addEventListener('error', () => {
+    reject(toError(request.error));
+  });
+  return promise;
 };
 
-const isEqual$1 = (oldState, newState) => {
-  const oldRenderHtmlCss = getRenderHtmlCss(oldState.sessions, oldState.selectedSessionId);
-  const newRenderHtmlCss = getRenderHtmlCss(newState.sessions, newState.selectedSessionId);
-  return oldState.initial === newState.initial && oldState.chatMessageFontFamily === newState.chatMessageFontFamily && oldState.chatMessageFontSize === newState.chatMessageFontSize && oldState.chatMessageLineHeight === newState.chatMessageLineHeight && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize && oldState.listItemHeight === newState.listItemHeight && oldRenderHtmlCss === newRenderHtmlCss;
+const transactionToPromise = async createTransaction => {
+  const transaction = createTransaction();
+  const {
+    promise,
+    reject,
+    resolve
+  } = Promise.withResolvers();
+  transaction.addEventListener('complete', () => {
+    resolve();
+  });
+  transaction.addEventListener('error', () => {
+    reject(toError(transaction.error));
+  });
+  transaction.addEventListener('abort', () => {
+    reject(toError(transaction.error));
+  });
+  return promise;
 };
 
-const diffFocus = (oldState, newState) => {
-  if (!newState.focused) {
-    return true;
-  }
-  return oldState.focus === newState.focus && oldState.focused === newState.focused;
+const toChatViewEvent = event => {
+  const {
+    eventId,
+    ...chatViewEvent
+  } = event;
+  return chatViewEvent;
 };
-
-const isEqual = (oldState, newState) => {
-  return oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedSessionId === newState.selectedSessionId && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.viewMode === newState.viewMode;
+const now$1 = () => {
+  return new Date().toISOString();
 };
-
-const diffScrollTop = (oldState, newState) => {
-  return oldState.chatListScrollTop === newState.chatListScrollTop && oldState.messagesScrollTop === newState.messagesScrollTop;
+const isSameMessage$1 = (a, b) => {
+  return a.id === b.id && a.inProgress === b.inProgress && a.role === b.role && a.text === b.text && a.time === b.time && JSON.stringify(a.toolCalls || []) === JSON.stringify(b.toolCalls || []);
 };
-
-const RenderItems = 4;
-const RenderFocus = 6;
-const RenderFocusContext = 7;
-const RenderValue = 8;
-const RenderCss = 10;
-const RenderIncremental = 11;
-const RenderScrollTop = 12;
-
-const diffValue = (oldState, newState) => {
-  if (oldState.composerValue === newState.composerValue) {
-    return true;
+const canAppendMessages$1 = (previousMessages, nextMessages) => {
+  if (nextMessages.length < previousMessages.length) {
+    return false;
   }
-  return newState.inputSource !== 'script';
+  return previousMessages.every((message, index) => isSameMessage$1(message, nextMessages[index]));
 };
-
-const modules = [isEqual, diffValue, diffFocus, isEqual$1, diffFocus, diffScrollTop];
-const numbers = [RenderIncremental, RenderValue, RenderFocus, RenderCss, RenderFocusContext, RenderScrollTop];
-
-const diff = (oldState, newState) => {
-  const diffResult = [];
-  for (let i = 0; i < modules.length; i++) {
-    const fn = modules[i];
-    if (!fn(oldState, newState)) {
-      diffResult.push(numbers[i]);
+const canUpdateMessages$1 = (previousMessages, nextMessages) => {
+  if (previousMessages.length !== nextMessages.length) {
+    return false;
+  }
+  for (let i = 0; i < previousMessages.length; i += 1) {
+    const previous = previousMessages[i];
+    const next = nextMessages[i];
+    if (previous.id !== next.id || previous.role !== next.role) {
+      return false;
     }
   }
-  return diffResult;
+  return true;
 };
-
-const diff2 = uid => {
-  const {
-    newState,
-    oldState
-  } = get$1(uid);
-  const result = diff(oldState, newState);
-  return result;
-};
-
-const Button$2 = 'button';
-
-const Audio = 0;
-const Button$1 = 1;
-const Col = 2;
-const ColGroup = 3;
-const Div = 4;
-const H1 = 5;
-const Input = 6;
-const Span = 8;
-const Table = 9;
-const TBody = 10;
-const Td = 11;
-const Text = 12;
-const Th = 13;
-const THead = 14;
-const Tr = 15;
-const I = 16;
-const Img = 17;
-const H2 = 22;
-const H3 = 23;
-const H4 = 24;
-const H5 = 25;
-const H6 = 26;
-const Article = 27;
-const Aside = 28;
-const Footer = 29;
-const Header = 30;
-const Nav = 40;
-const Section = 41;
-const Dd = 43;
-const Dl = 44;
-const Figcaption = 45;
-const Figure = 46;
-const Hr = 47;
-const Li = 48;
-const Ol = 49;
-const P = 50;
-const Pre = 51;
-const A = 53;
-const Abbr = 54;
-const Br = 55;
-const Tfoot = 59;
-const Ul = 60;
-const TextArea = 62;
-const Select$1 = 63;
-const Option$1 = 64;
-const Code = 65;
-const Label$1 = 66;
-const Dt = 67;
-const Main = 69;
-const Strong = 70;
-const Em = 71;
-const Reference = 100;
-
-const Enter = 3;
-
-const Shift = 1 << 10 >>> 0;
-
-const mergeClassNames = (...classNames) => {
-  return classNames.filter(Boolean).join(' ');
-};
-
-const text = data => {
-  return {
-    childCount: 0,
-    text: data,
-    type: Text
-  };
-};
-
-const SetText = 1;
-const Replace = 2;
-const SetAttribute = 3;
-const RemoveAttribute = 4;
-const Add = 6;
-const NavigateChild = 7;
-const NavigateParent = 8;
-const RemoveChild = 9;
-const NavigateSibling = 10;
-const SetReferenceNodeUid = 11;
-
-const isKey = key => {
-  return key !== 'type' && key !== 'childCount';
-};
-
-const getKeys = node => {
-  const keys = Object.keys(node).filter(isKey);
-  return keys;
-};
-
-const arrayToTree = nodes => {
-  const result = [];
-  let i = 0;
-  while (i < nodes.length) {
-    const node = nodes[i];
-    const {
-      children,
-      nodesConsumed
-    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
-    result.push({
-      node,
-      children
-    });
-    i += 1 + nodesConsumed;
-  }
-  return result;
-};
-const getChildrenWithCount = (nodes, startIndex, childCount) => {
-  if (childCount === 0) {
-    return {
-      children: [],
-      nodesConsumed: 0
-    };
-  }
-  const children = [];
-  let i = startIndex;
-  let remaining = childCount;
-  let totalConsumed = 0;
-  while (remaining > 0 && i < nodes.length) {
-    const node = nodes[i];
-    const nodeChildCount = node.childCount || 0;
-    const {
-      children: nodeChildren,
-      nodesConsumed
-    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
-    children.push({
-      node,
-      children: nodeChildren
-    });
-    const nodeSize = 1 + nodesConsumed;
-    i += nodeSize;
-    totalConsumed += nodeSize;
-    remaining--;
-  }
-  return {
-    children,
-    nodesConsumed: totalConsumed
-  };
-};
-
-const compareNodes = (oldNode, newNode) => {
-  const patches = [];
-  // Check if node type changed - return null to signal incompatible nodes
-  // (caller should handle this with a Replace operation)
-  if (oldNode.type !== newNode.type) {
-    return null;
-  }
-  // Handle reference nodes - special handling for uid changes
-  if (oldNode.type === Reference) {
-    if (oldNode.uid !== newNode.uid) {
-      patches.push({
-        type: SetReferenceNodeUid,
-        uid: newNode.uid
-      });
-    }
-    return patches;
-  }
-  // Handle text nodes
-  if (oldNode.type === Text && newNode.type === Text) {
-    if (oldNode.text !== newNode.text) {
-      patches.push({
-        type: SetText,
-        value: newNode.text
-      });
-    }
-    return patches;
-  }
-  // Compare attributes
-  const oldKeys = getKeys(oldNode);
-  const newKeys = getKeys(newNode);
-  // Check for attribute changes
-  for (const key of newKeys) {
-    if (oldNode[key] !== newNode[key]) {
-      patches.push({
-        type: SetAttribute,
-        key,
-        value: newNode[key]
-      });
-    }
-  }
-  // Check for removed attributes
-  for (const key of oldKeys) {
-    if (!(key in newNode)) {
-      patches.push({
-        type: RemoveAttribute,
-        key
-      });
-    }
-  }
-  return patches;
-};
-
-const treeToArray = node => {
-  const result = [node.node];
-  for (const child of node.children) {
-    result.push(...treeToArray(child));
-  }
-  return result;
-};
-
-const diffChildren = (oldChildren, newChildren, patches) => {
-  const maxLength = Math.max(oldChildren.length, newChildren.length);
-  // Track where we are: -1 means at parent, >= 0 means at child index
-  let currentChildIndex = -1;
-  // Collect indices of children to remove (we'll add these patches at the end in reverse order)
-  const indicesToRemove = [];
-  for (let i = 0; i < maxLength; i++) {
-    const oldNode = oldChildren[i];
-    const newNode = newChildren[i];
-    if (!oldNode && !newNode) {
-      continue;
-    }
-    if (!oldNode) {
-      // Add new node - we should be at the parent
-      if (currentChildIndex >= 0) {
-        // Navigate back to parent
-        patches.push({
-          type: NavigateParent
-        });
-        currentChildIndex = -1;
-      }
-      // Flatten the entire subtree so renderInternal can handle it
-      const flatNodes = treeToArray(newNode);
-      patches.push({
-        type: Add,
-        nodes: flatNodes
-      });
-    } else if (newNode) {
-      // Compare nodes to see if we need any patches
-      const nodePatches = compareNodes(oldNode.node, newNode.node);
-      // If nodePatches is null, the node types are incompatible - need to replace
-      if (nodePatches === null) {
-        // Navigate to this child
-        if (currentChildIndex === -1) {
-          patches.push({
-            type: NavigateChild,
-            index: i
-          });
-          currentChildIndex = i;
-        } else if (currentChildIndex !== i) {
-          patches.push({
-            type: NavigateSibling,
-            index: i
-          });
-          currentChildIndex = i;
-        }
-        // Replace the entire subtree
-        const flatNodes = treeToArray(newNode);
-        patches.push({
-          type: Replace,
-          nodes: flatNodes
-        });
-        // After replace, we're at the new element (same position)
-        continue;
-      }
-      // Check if we need to recurse into children
-      const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
-      // Only navigate to this element if we need to do something
-      if (nodePatches.length > 0 || hasChildrenToCompare) {
-        // Navigate to this child if not already there
-        if (currentChildIndex === -1) {
-          patches.push({
-            type: NavigateChild,
-            index: i
-          });
-          currentChildIndex = i;
-        } else if (currentChildIndex !== i) {
-          patches.push({
-            type: NavigateSibling,
-            index: i
-          });
-          currentChildIndex = i;
-        }
-        // Apply node patches (these apply to the current element, not children)
-        if (nodePatches.length > 0) {
-          patches.push(...nodePatches);
-        }
-        // Compare children recursively
-        if (hasChildrenToCompare) {
-          diffChildren(oldNode.children, newNode.children, patches);
-        }
-      }
-    } else {
-      // Remove old node - collect the index for later removal
-      indicesToRemove.push(i);
-    }
-  }
-  // Navigate back to parent if we ended at a child
-  if (currentChildIndex >= 0) {
-    patches.push({
-      type: NavigateParent
-    });
-    currentChildIndex = -1;
-  }
-  // Add remove patches in reverse order (highest index first)
-  // This ensures indices remain valid as we remove
-  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
-    patches.push({
-      type: RemoveChild,
-      index: indicesToRemove[j]
-    });
-  }
-};
-const diffTrees = (oldTree, newTree, patches, path) => {
-  // At the root level (path.length === 0), we're already AT the element
-  // So we compare the root node directly, then compare its children
-  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
-    const oldNode = oldTree[0];
-    const newNode = newTree[0];
-    // Compare root nodes
-    const nodePatches = compareNodes(oldNode.node, newNode.node);
-    // If nodePatches is null, the root node types are incompatible - need to replace
-    if (nodePatches === null) {
-      const flatNodes = treeToArray(newNode);
-      patches.push({
-        type: Replace,
-        nodes: flatNodes
-      });
-      return;
-    }
-    if (nodePatches.length > 0) {
-      patches.push(...nodePatches);
-    }
-    // Compare children
-    if (oldNode.children.length > 0 || newNode.children.length > 0) {
-      diffChildren(oldNode.children, newNode.children, patches);
-    }
-  } else {
-    // Non-root level or multiple root elements - use the regular comparison
-    diffChildren(oldTree, newTree, patches);
-  }
-};
-
-const removeTrailingNavigationPatches = patches => {
-  // Find the last non-navigation patch
-  let lastNonNavigationIndex = -1;
-  for (let i = patches.length - 1; i >= 0; i--) {
-    const patch = patches[i];
-    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
-      lastNonNavigationIndex = i;
-      break;
-    }
-  }
-  // Return patches up to and including the last non-navigation patch
-  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
-};
-
-const diffTree = (oldNodes, newNodes) => {
-  // Step 1: Convert flat arrays to tree structures
-  const oldTree = arrayToTree(oldNodes);
-  const newTree = arrayToTree(newNodes);
-  // Step 3: Compare the trees
-  const patches = [];
-  diffTrees(oldTree, newTree, patches, []);
-  // Remove trailing navigation patches since they serve no purpose
-  return removeTrailingNavigationPatches(patches);
-};
-
-const getKeyBindings = () => {
-  return [{
-    command: 'Chat.handleSubmit',
-    key: Enter,
-    when: FocusChatInput
-  }, {
-    command: 'Chat.enterNewLine',
-    key: Shift | Enter,
-    when: FocusChatInput
-  }];
-};
-
-const getSelectedSessionId = state => {
-  return state.selectedSessionId;
-};
-
-const getListIndex = (state, eventX, eventY) => {
-  const {
-    headerHeight,
-    height,
-    listItemHeight,
-    width,
-    x,
-    y
-  } = state;
-  const relativeX = eventX - x;
-  const relativeY = eventY - y - headerHeight;
-  if (relativeX < 0 || relativeY < 0 || relativeX >= width || relativeY >= height - headerHeight) {
-    return -1;
-  }
-  return Math.floor(relativeY / listItemHeight);
-};
-
-const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
-const handleChatListContextMenu = async (state, eventX, eventY) => {
-  const index = getListIndex(state, eventX, eventY);
-  if (index === -1) {
-    return state;
-  }
-  const item = state.sessions[index];
-  if (!item) {
-    return state;
-  }
-  await invoke('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
-  return state;
-};
-
-const toError = error => {
-  if (error instanceof Error) {
-    return error;
-  }
-  return new Error('IndexedDB request failed');
-};
-
-const requestToPromise = async createRequest => {
-  const request = createRequest();
-  const {
-    promise,
-    reject,
-    resolve
-  } = Promise.withResolvers();
-  request.addEventListener('success', () => {
-    resolve(request.result);
-  });
-  request.addEventListener('error', () => {
-    reject(toError(request.error));
-  });
-  return promise;
-};
-
-const transactionToPromise = async createTransaction => {
-  const transaction = createTransaction();
-  const {
-    promise,
-    reject,
-    resolve
-  } = Promise.withResolvers();
-  transaction.addEventListener('complete', () => {
-    resolve();
-  });
-  transaction.addEventListener('error', () => {
-    reject(toError(transaction.error));
-  });
-  transaction.addEventListener('abort', () => {
-    reject(toError(transaction.error));
-  });
-  return promise;
-};
-
-const toChatViewEvent = event => {
-  const {
-    eventId,
-    ...chatViewEvent
-  } = event;
-  return chatViewEvent;
-};
-const now$1 = () => {
-  return new Date().toISOString();
-};
-const isSameMessage$1 = (a, b) => {
-  return a.id === b.id && a.inProgress === b.inProgress && a.role === b.role && a.text === b.text && a.time === b.time && JSON.stringify(a.toolCalls || []) === JSON.stringify(b.toolCalls || []);
-};
-const canAppendMessages$1 = (previousMessages, nextMessages) => {
-  if (nextMessages.length < previousMessages.length) {
-    return false;
-  }
-  return previousMessages.every((message, index) => isSameMessage$1(message, nextMessages[index]));
-};
-const canUpdateMessages$1 = (previousMessages, nextMessages) => {
-  if (previousMessages.length !== nextMessages.length) {
-    return false;
-  }
-  for (let i = 0; i < previousMessages.length; i += 1) {
-    const previous = previousMessages[i];
-    const next = nextMessages[i];
-    if (previous.id !== next.id || previous.role !== next.role) {
-      return false;
-    }
-  }
-  return true;
-};
-const getMutationEvents$1 = (previous, next) => {
-  const timestamp = now$1();
-  const events = [];
-  if (!previous) {
-    events.push({
-      sessionId: next.id,
-      timestamp,
-      title: next.title,
-      type: 'chat-session-created'
-    });
-    for (const message of next.messages) {
-      events.push({
-        message,
-        sessionId: next.id,
-        timestamp,
-        type: 'chat-message-added'
-      });
-    }
-    return events;
-  }
-  if (previous.title !== next.title) {
-    events.push({
-      sessionId: next.id,
-      timestamp,
-      title: next.title,
-      type: 'chat-session-title-updated'
-    });
-  }
-  if (canAppendMessages$1(previous.messages, next.messages)) {
-    for (let i = previous.messages.length; i < next.messages.length; i += 1) {
-      events.push({
-        message: next.messages[i],
-        sessionId: next.id,
-        timestamp,
-        type: 'chat-message-added'
-      });
-    }
-    return events;
-  }
-  if (canUpdateMessages$1(previous.messages, next.messages)) {
-    for (let i = 0; i < previous.messages.length; i += 1) {
-      const previousMessage = previous.messages[i];
-      const nextMessage = next.messages[i];
-      if (!isSameMessage$1(previousMessage, nextMessage)) {
-        events.push({
-          inProgress: nextMessage.inProgress,
-          messageId: nextMessage.id,
-          sessionId: next.id,
-          text: nextMessage.text,
-          time: nextMessage.time,
-          timestamp,
-          toolCalls: nextMessage.toolCalls,
-          type: 'chat-message-updated'
-        });
-      }
-    }
-    return events;
-  }
-  events.push({
-    messages: [...next.messages],
-    sessionId: next.id,
-    timestamp,
-    type: 'chat-session-messages-replaced'
-  });
-  return events;
+const getMutationEvents$1 = (previous, next) => {
+  const timestamp = now$1();
+  const events = [];
+  if (!previous) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-created'
+    });
+    for (const message of next.messages) {
+      events.push({
+        message,
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (previous.title !== next.title) {
+    events.push({
+      sessionId: next.id,
+      timestamp,
+      title: next.title,
+      type: 'chat-session-title-updated'
+    });
+  }
+  if (canAppendMessages$1(previous.messages, next.messages)) {
+    for (let i = previous.messages.length; i < next.messages.length; i += 1) {
+      events.push({
+        message: next.messages[i],
+        sessionId: next.id,
+        timestamp,
+        type: 'chat-message-added'
+      });
+    }
+    return events;
+  }
+  if (canUpdateMessages$1(previous.messages, next.messages)) {
+    for (let i = 0; i < previous.messages.length; i += 1) {
+      const previousMessage = previous.messages[i];
+      const nextMessage = next.messages[i];
+      if (!isSameMessage$1(previousMessage, nextMessage)) {
+        events.push({
+          inProgress: nextMessage.inProgress,
+          messageId: nextMessage.id,
+          sessionId: next.id,
+          text: nextMessage.text,
+          time: nextMessage.time,
+          timestamp,
+          toolCalls: nextMessage.toolCalls,
+          type: 'chat-message-updated'
+        });
+      }
+    }
+    return events;
+  }
+  events.push({
+    messages: [...next.messages],
+    sessionId: next.id,
+    timestamp,
+    type: 'chat-session-messages-replaced'
+  });
+  return events;
 };
 const replaySession$1 = (id, summary, events) => {
   let deleted = false;
@@ -2642,29 +2169,49 @@ const createDefaultStorage = () => {
 let chatSessionStorage = createDefaultStorage();
 const listChatSessions = async () => {
   const sessions = await chatSessionStorage.listSessions();
-  return sessions.map(session => ({
-    id: session.id,
-    messages: [],
-    title: session.title
-  }));
+  return sessions.map(session => {
+    const summary = {
+      id: session.id,
+      messages: [],
+      title: session.title
+    };
+    if (!session.projectId) {
+      return summary;
+    }
+    return {
+      ...summary,
+      projectId: session.projectId
+    };
+  });
 };
 const getChatSession = async id => {
   const session = await chatSessionStorage.getSession(id);
   if (!session) {
     return undefined;
   }
-  return {
+  const result = {
     id: session.id,
     messages: [...session.messages],
     title: session.title
   };
+  if (!session.projectId) {
+    return result;
+  }
+  return {
+    ...result,
+    projectId: session.projectId
+  };
 };
 const saveChatSession = async session => {
-  await chatSessionStorage.setSession({
+  const value = {
     id: session.id,
     messages: [...session.messages],
     title: session.title
-  });
+  };
+  await chatSessionStorage.setSession(session.projectId ? {
+    ...value,
+    projectId: session.projectId
+  } : value);
 };
 const deleteChatSession = async id => {
   await chatSessionStorage.deleteSession(id);
@@ -2676,26 +2223,6 @@ const appendChatViewEvent = async event => {
   await chatSessionStorage.appendEvent(event);
 };
 
-const generateSessionId = () => {
-  return crypto.randomUUID();
-};
-
-const createSession = async state => {
-  const id = generateSessionId();
-  const session = {
-    id,
-    messages: [],
-    title: `Chat ${state.sessions.length + 1}`
-  };
-  await saveChatSession(session);
-  return {
-    ...state,
-    renamingSessionId: '',
-    selectedSessionId: id,
-    sessions: [...state.sessions, session]
-  };
-};
-
 const getNextSelectedSessionId = (sessions, deletedId) => {
   if (sessions.length === 0) {
     return '';
@@ -2708,6 +2235,17 @@ 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,
@@ -2745,423 +2283,671 @@ const deleteSession = async (state, id) => {
     sessions: hydratedSessions
   };
 };
+const deleteSessionAtIndex = async (state, index) => {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  const session = visibleSessions[index];
+  if (!session) {
+    return state;
+  }
+  return deleteSession(state, session.id);
+};
 
-const handleClickOpenApiApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
-  return state;
+const parseRenderHtmlArguments = rawArguments => {
+  try {
+    const parsed = JSON.parse(rawArguments);
+    if (!parsed || typeof parsed !== 'object' || Array.isArray(parsed)) {
+      return undefined;
+    }
+    const html = typeof Reflect.get(parsed, 'html') === 'string' ? String(Reflect.get(parsed, 'html')) : '';
+    if (!html) {
+      return undefined;
+    }
+    const css = typeof Reflect.get(parsed, 'css') === 'string' ? String(Reflect.get(parsed, 'css')) : '';
+    const title = typeof Reflect.get(parsed, 'title') === 'string' ? String(Reflect.get(parsed, 'title')) : 'visual preview';
+    return {
+      css,
+      html,
+      title
+    };
+  } catch {
+    return undefined;
+  }
 };
 
-const handleClickOpenApiApiKeyWebsite = async state => {
-  await openExternal(state.openApiApiKeysSettingsUrl);
-  return state;
+const getRenderHtmlCss = (sessions, selectedSessionId) => {
+  const selectedSession = sessions.find(session => session.id === selectedSessionId);
+  if (!selectedSession) {
+    return '';
+  }
+  const cssRules = new Set();
+  for (const message of selectedSession.messages) {
+    if (message.role !== 'assistant' || !message.toolCalls) {
+      continue;
+    }
+    for (const toolCall of message.toolCalls) {
+      if (toolCall.name !== 'render_html') {
+        continue;
+      }
+      const parsed = parseRenderHtmlArguments(toolCall.arguments);
+      if (!parsed || !parsed.css.trim()) {
+        continue;
+      }
+      cssRules.add(parsed.css);
+    }
+  }
+  return [...cssRules].join('\n\n');
 };
 
-const handleClickOpenRouterApiKeySettings = async state => {
-  await invoke('Main.openUri', 'app://settings.json');
-  return state;
+const isEqual$1 = (oldState, newState) => {
+  const oldRenderHtmlCss = getRenderHtmlCss(oldState.sessions, oldState.selectedSessionId);
+  const newRenderHtmlCss = getRenderHtmlCss(newState.sessions, newState.selectedSessionId);
+  return oldState.initial === newState.initial && oldState.chatMessageFontFamily === newState.chatMessageFontFamily && oldState.chatMessageFontSize === newState.chatMessageFontSize && oldState.chatMessageLineHeight === newState.chatMessageLineHeight && oldState.composerHeight === newState.composerHeight && oldState.composerLineHeight === newState.composerLineHeight && oldState.composerFontFamily === newState.composerFontFamily && oldState.composerFontSize === newState.composerFontSize && oldState.listItemHeight === newState.listItemHeight && oldRenderHtmlCss === newRenderHtmlCss;
 };
 
-const handleClickOpenRouterApiKeyWebsite = async state => {
-  await openExternal(state.openRouterApiKeysSettingsUrl);
-  return state;
+const diffFocus = (oldState, newState) => {
+  if (!newState.focused) {
+    return true;
+  }
+  return oldState.focus === newState.focus && oldState.focused === newState.focused;
 };
 
-const openApiApiKeyRequiredMessage = 'OpenAI API key is not configured. Enter your OpenAI API key below and click Save.';
-const openApiRequestFailedMessage = 'OpenAI request failed.';
-const openApiRequestFailedOfflineMessage = 'OpenAI request failed because you are offline. Please check your internet connection.';
-const openRouterApiKeyRequiredMessage = 'OpenRouter API key is not configured. Enter your OpenRouter API key below and click Save.';
-const openRouterRequestFailedMessage = 'OpenRouter request failed. Possible reasons:';
-const openRouterTooManyRequestsMessage = 'OpenRouter rate limit reached (429). Please try again soon. Helpful tips:';
-const openRouterRequestFailureReasons = ['ContentSecurityPolicyViolation: Check DevTools for details.', 'OpenRouter server offline: Check DevTools for details.', 'Check your internet connection.'];
-const openRouterTooManyRequestsReasons = ['Wait a short time and retry your request.', 'Reduce request frequency to avoid rate limits.', 'Use a different model if this one is saturated.'];
+const isEqualProjectExpandedIds = (a, b) => {
+  if (a.length !== b.length) {
+    return false;
+  }
+  for (let i = 0; i < a.length; i++) {
+    if (a[i] !== b[i]) {
+      return false;
+    }
+  }
+  return true;
+};
+const isEqual = (oldState, newState) => {
+  return oldState.composerDropActive === newState.composerDropActive && oldState.composerDropEnabled === newState.composerDropEnabled && oldState.composerValue === newState.composerValue && oldState.initial === newState.initial && isEqualProjectExpandedIds(oldState.projectExpandedIds, newState.projectExpandedIds) && oldState.projectListScrollTop === newState.projectListScrollTop && oldState.renamingSessionId === newState.renamingSessionId && oldState.selectedModelId === newState.selectedModelId && oldState.selectedProjectId === newState.selectedProjectId && oldState.selectedSessionId === newState.selectedSessionId && oldState.sessions === newState.sessions && oldState.tokensMax === newState.tokensMax && oldState.tokensUsed === newState.tokensUsed && oldState.usageOverviewEnabled === newState.usageOverviewEnabled && oldState.viewMode === newState.viewMode;
+};
+
+const diffScrollTop = (oldState, newState) => {
+  return oldState.chatListScrollTop === newState.chatListScrollTop && oldState.messagesScrollTop === newState.messagesScrollTop && oldState.projectListScrollTop === newState.projectListScrollTop;
+};
+
+const RenderItems = 4;
+const RenderFocus = 6;
+const RenderFocusContext = 7;
+const RenderValue = 8;
+const RenderCss = 10;
+const RenderIncremental = 11;
+const RenderScrollTop = 12;
+
+const diffValue = (oldState, newState) => {
+  if (oldState.composerValue === newState.composerValue) {
+    return true;
+  }
+  return newState.inputSource !== 'script';
+};
+
+const modules = [isEqual, diffValue, diffFocus, isEqual$1, diffFocus, diffScrollTop];
+const numbers = [RenderIncremental, RenderValue, RenderFocus, RenderCss, RenderFocusContext, RenderScrollTop];
+
+const diff = (oldState, newState) => {
+  const diffResult = [];
+  for (let i = 0; i < modules.length; i++) {
+    const fn = modules[i];
+    if (!fn(oldState, newState)) {
+      diffResult.push(numbers[i]);
+    }
+  }
+  return diffResult;
+};
+
+const diff2 = uid => {
+  const {
+    newState,
+    oldState
+  } = get$1(uid);
+  const result = diff(oldState, newState);
+  return result;
+};
+
+const Button$2 = 'button';
+
+const Audio = 0;
+const Button$1 = 1;
+const Col = 2;
+const ColGroup = 3;
+const Div = 4;
+const H1 = 5;
+const Input = 6;
+const Span = 8;
+const Table = 9;
+const TBody = 10;
+const Td = 11;
+const Text = 12;
+const Th = 13;
+const THead = 14;
+const Tr = 15;
+const I = 16;
+const Img = 17;
+const H2 = 22;
+const H3 = 23;
+const H4 = 24;
+const H5 = 25;
+const H6 = 26;
+const Article = 27;
+const Aside = 28;
+const Footer = 29;
+const Header = 30;
+const Nav = 40;
+const Section = 41;
+const Dd = 43;
+const Dl = 44;
+const Figcaption = 45;
+const Figure = 46;
+const Hr = 47;
+const Li = 48;
+const Ol = 49;
+const P = 50;
+const Pre = 51;
+const A = 53;
+const Abbr = 54;
+const Br = 55;
+const Tfoot = 59;
+const Ul = 60;
+const TextArea = 62;
+const Select$1 = 63;
+const Option$1 = 64;
+const Code = 65;
+const Label$1 = 66;
+const Dt = 67;
+const Main = 69;
+const Strong = 70;
+const Em = 71;
+const Reference = 100;
+
+const Enter = 3;
+
+const Shift = 1 << 10 >>> 0;
+
+const mergeClassNames = (...classNames) => {
+  return classNames.filter(Boolean).join(' ');
+};
+
+const text = data => {
+  return {
+    childCount: 0,
+    text: data,
+    type: Text
+  };
+};
 
-const delay = async ms => {
-  await new Promise(resolve => setTimeout(resolve, ms));
+const SetText = 1;
+const Replace = 2;
+const SetAttribute = 3;
+const RemoveAttribute = 4;
+const Add = 6;
+const NavigateChild = 7;
+const NavigateParent = 8;
+const RemoveChild = 9;
+const NavigateSibling = 10;
+const SetReferenceNodeUid = 11;
+
+const isKey = key => {
+  return key !== 'type' && key !== 'childCount';
 };
 
-const getMockAiResponse = async (userMessage, delayInMs) => {
-  await delay(delayInMs);
-  return `Mock AI response: I received "${userMessage}".`;
+const getKeys = node => {
+  const keys = Object.keys(node).filter(isKey);
+  return keys;
 };
 
-let queue = [];
-let waiters = [];
-let finished = false;
-let errorResult;
-const reset$1 = () => {
-  queue = [];
-  waiters = [];
-  finished = false;
-  errorResult = undefined;
+const arrayToTree = nodes => {
+  const result = [];
+  let i = 0;
+  while (i < nodes.length) {
+    const node = nodes[i];
+    const {
+      children,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, node.childCount || 0);
+    result.push({
+      node,
+      children
+    });
+    i += 1 + nodesConsumed;
+  }
+  return result;
 };
-const setHttpErrorResponse = (statusCode, body) => {
-  const rawError = body && typeof body === 'object' ? Reflect.get(body, 'error') : undefined;
-  const errorCode = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'code') : undefined;
-  const errorMessage = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'message') : undefined;
-  const errorType = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'type') : undefined;
-  errorResult = {
-    details: 'http-error',
-    ...(typeof errorCode === 'string' ? {
-      errorCode
-    } : {}),
-    ...(typeof errorMessage === 'string' ? {
-      errorMessage
-    } : {}),
-    ...(typeof errorType === 'string' ? {
-      errorType
-    } : {}),
-    statusCode,
-    type: 'error'
+const getChildrenWithCount = (nodes, startIndex, childCount) => {
+  if (childCount === 0) {
+    return {
+      children: [],
+      nodesConsumed: 0
+    };
+  }
+  const children = [];
+  let i = startIndex;
+  let remaining = childCount;
+  let totalConsumed = 0;
+  while (remaining > 0 && i < nodes.length) {
+    const node = nodes[i];
+    const nodeChildCount = node.childCount || 0;
+    const {
+      children: nodeChildren,
+      nodesConsumed
+    } = getChildrenWithCount(nodes, i + 1, nodeChildCount);
+    children.push({
+      node,
+      children: nodeChildren
+    });
+    const nodeSize = 1 + nodesConsumed;
+    i += nodeSize;
+    totalConsumed += nodeSize;
+    remaining--;
+  }
+  return {
+    children,
+    nodesConsumed: totalConsumed
   };
 };
-const takeErrorResponse = () => {
-  const error = errorResult;
-  errorResult = undefined;
-  return error;
-};
-const pushChunk = chunk => {
-  if (waiters.length > 0) {
-    const resolve = waiters.shift();
-    resolve?.(chunk);
-    return;
+
+const compareNodes = (oldNode, newNode) => {
+  const patches = [];
+  // Check if node type changed - return null to signal incompatible nodes
+  // (caller should handle this with a Replace operation)
+  if (oldNode.type !== newNode.type) {
+    return null;
   }
-  queue.push(chunk);
-};
-const finish = () => {
-  finished = true;
-  if (waiters.length === 0) {
-    return;
+  // Handle reference nodes - special handling for uid changes
+  if (oldNode.type === Reference) {
+    if (oldNode.uid !== newNode.uid) {
+      patches.push({
+        type: SetReferenceNodeUid,
+        uid: newNode.uid
+      });
+    }
+    return patches;
   }
-  const activeWaiters = waiters;
-  waiters = [];
-  for (const resolve of activeWaiters) {
-    resolve(undefined);
+  // Handle text nodes
+  if (oldNode.type === Text && newNode.type === Text) {
+    if (oldNode.text !== newNode.text) {
+      patches.push({
+        type: SetText,
+        value: newNode.text
+      });
+    }
+    return patches;
   }
-};
-const readNextChunk = async () => {
-  if (queue.length > 0) {
-    return queue.shift();
+  // Compare attributes
+  const oldKeys = getKeys(oldNode);
+  const newKeys = getKeys(newNode);
+  // Check for attribute changes
+  for (const key of newKeys) {
+    if (oldNode[key] !== newNode[key]) {
+      patches.push({
+        type: SetAttribute,
+        key,
+        value: newNode[key]
+      });
+    }
   }
-  if (finished) {
-    return undefined;
+  // Check for removed attributes
+  for (const key of oldKeys) {
+    if (!(key in newNode)) {
+      patches.push({
+        type: RemoveAttribute,
+        key
+      });
+    }
   }
-  const {
-    promise,
-    resolve
-  } = Promise.withResolvers();
-  waiters.push(resolve);
-  return promise;
+  return patches;
 };
 
-const parseSseDataLines = eventChunk => {
-  const lines = eventChunk.split('\n');
-  const dataLines = [];
-  for (const line of lines) {
-    if (!line.startsWith('data:')) {
+const treeToArray = node => {
+  const result = [node.node];
+  for (const child of node.children) {
+    result.push(...treeToArray(child));
+  }
+  return result;
+};
+
+const diffChildren = (oldChildren, newChildren, patches) => {
+  const maxLength = Math.max(oldChildren.length, newChildren.length);
+  // Track where we are: -1 means at parent, >= 0 means at child index
+  let currentChildIndex = -1;
+  // Collect indices of children to remove (we'll add these patches at the end in reverse order)
+  const indicesToRemove = [];
+  for (let i = 0; i < maxLength; i++) {
+    const oldNode = oldChildren[i];
+    const newNode = newChildren[i];
+    if (!oldNode && !newNode) {
       continue;
     }
-    dataLines.push(line.slice(5).trimStart());
+    if (!oldNode) {
+      // Add new node - we should be at the parent
+      if (currentChildIndex >= 0) {
+        // Navigate back to parent
+        patches.push({
+          type: NavigateParent
+        });
+        currentChildIndex = -1;
+      }
+      // Flatten the entire subtree so renderInternal can handle it
+      const flatNodes = treeToArray(newNode);
+      patches.push({
+        type: Add,
+        nodes: flatNodes
+      });
+    } else if (newNode) {
+      // Compare nodes to see if we need any patches
+      const nodePatches = compareNodes(oldNode.node, newNode.node);
+      // If nodePatches is null, the node types are incompatible - need to replace
+      if (nodePatches === null) {
+        // Navigate to this child
+        if (currentChildIndex === -1) {
+          patches.push({
+            type: NavigateChild,
+            index: i
+          });
+          currentChildIndex = i;
+        } else if (currentChildIndex !== i) {
+          patches.push({
+            type: NavigateSibling,
+            index: i
+          });
+          currentChildIndex = i;
+        }
+        // Replace the entire subtree
+        const flatNodes = treeToArray(newNode);
+        patches.push({
+          type: Replace,
+          nodes: flatNodes
+        });
+        // After replace, we're at the new element (same position)
+        continue;
+      }
+      // Check if we need to recurse into children
+      const hasChildrenToCompare = oldNode.children.length > 0 || newNode.children.length > 0;
+      // Only navigate to this element if we need to do something
+      if (nodePatches.length > 0 || hasChildrenToCompare) {
+        // Navigate to this child if not already there
+        if (currentChildIndex === -1) {
+          patches.push({
+            type: NavigateChild,
+            index: i
+          });
+          currentChildIndex = i;
+        } else if (currentChildIndex !== i) {
+          patches.push({
+            type: NavigateSibling,
+            index: i
+          });
+          currentChildIndex = i;
+        }
+        // Apply node patches (these apply to the current element, not children)
+        if (nodePatches.length > 0) {
+          patches.push(...nodePatches);
+        }
+        // Compare children recursively
+        if (hasChildrenToCompare) {
+          diffChildren(oldNode.children, newNode.children, patches);
+        }
+      }
+    } else {
+      // Remove old node - collect the index for later removal
+      indicesToRemove.push(i);
+    }
   }
-  return dataLines;
-};
-const emitToolCalls = async (toolCallAccumulator, onToolCallsChunk) => {
-  if (!onToolCallsChunk) {
-    return;
+  // Navigate back to parent if we ended at a child
+  if (currentChildIndex >= 0) {
+    patches.push({
+      type: NavigateParent
+    });
+    currentChildIndex = -1;
   }
-  const toolCalls = Object.entries(toolCallAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
-  if (toolCalls.length === 0) {
-    return;
+  // Add remove patches in reverse order (highest index first)
+  // This ensures indices remain valid as we remove
+  for (let j = indicesToRemove.length - 1; j >= 0; j--) {
+    patches.push({
+      type: RemoveChild,
+      index: indicesToRemove[j]
+    });
   }
-  await onToolCallsChunk(toolCalls);
 };
-const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished) => {
-  const error = takeErrorResponse();
-  if (error) {
-    return error;
-  }
-  let text = '';
-  let remainder = '';
-  let toolCallAccumulator = {};
-  let finishedNotified = false;
-  const notifyFinished = async () => {
-    if (finishedNotified) {
-      return;
-    }
-    finishedNotified = true;
-    if (onEventStreamFinished) {
-      await onEventStreamFinished();
-    }
-  };
-  const handleParsedSseEvent = async parsed => {
-    if (onDataEvent) {
-      await onDataEvent(parsed);
-    }
-    if (!parsed || typeof parsed !== 'object') {
-      return;
-    }
-    const eventType = Reflect.get(parsed, 'type');
-    if (eventType === 'response.completed') {
-      await notifyFinished();
-      return;
-    }
-    if (eventType === 'response.output_text.delta') {
-      const delta = Reflect.get(parsed, 'delta');
-      if (typeof delta !== 'string' || !delta) {
-        return;
-      }
-      text += delta;
-      if (stream && onTextChunk) {
-        await onTextChunk(delta);
-      }
-      return;
-    }
-    if (eventType === 'response.output_item.added') {
-      const outputIndex = Reflect.get(parsed, 'output_index');
-      const item = Reflect.get(parsed, 'item');
-      if (typeof outputIndex !== 'number' || !item || typeof item !== 'object') {
-        return;
-      }
-      if (Reflect.get(item, 'type') !== 'function_call') {
-        return;
-      }
-      const name = Reflect.get(item, 'name');
-      const argumentsValue = Reflect.get(item, 'arguments');
-      const callId = Reflect.get(item, 'call_id');
-      toolCallAccumulator = {
-        ...toolCallAccumulator,
-        [outputIndex]: {
-          arguments: typeof argumentsValue === 'string' ? argumentsValue : '',
-          ...(typeof callId === 'string' ? {
-            id: callId
-          } : {}),
-          name: typeof name === 'string' ? name : ''
-        }
-      };
-      await emitToolCalls(toolCallAccumulator, onToolCallsChunk);
+const diffTrees = (oldTree, newTree, patches, path) => {
+  // At the root level (path.length === 0), we're already AT the element
+  // So we compare the root node directly, then compare its children
+  if (path.length === 0 && oldTree.length === 1 && newTree.length === 1) {
+    const oldNode = oldTree[0];
+    const newNode = newTree[0];
+    // Compare root nodes
+    const nodePatches = compareNodes(oldNode.node, newNode.node);
+    // If nodePatches is null, the root node types are incompatible - need to replace
+    if (nodePatches === null) {
+      const flatNodes = treeToArray(newNode);
+      patches.push({
+        type: Replace,
+        nodes: flatNodes
+      });
       return;
     }
-    if (eventType === 'response.function_call_arguments.delta' || eventType === 'response.function_call_arguments.done') {
-      const outputIndex = Reflect.get(parsed, 'output_index');
-      if (typeof outputIndex !== 'number') {
-        return;
-      }
-      const current = toolCallAccumulator[outputIndex] || {
-        arguments: '',
-        name: ''
-      };
-      const delta = Reflect.get(parsed, 'delta');
-      const argumentsValue = Reflect.get(parsed, 'arguments');
-      const name = Reflect.get(parsed, 'name');
-      const callId = Reflect.get(parsed, 'call_id');
-      const next = {
-        arguments: typeof argumentsValue === 'string' ? argumentsValue : typeof delta === 'string' ? `${current.arguments}${delta}` : current.arguments,
-        ...(typeof callId === 'string' ? {
-          id: callId
-        } : current.id ? {
-          id: current.id
-        } : {}),
-        name: typeof name === 'string' && name ? name : current.name
-      };
-      toolCallAccumulator = {
-        ...toolCallAccumulator,
-        [outputIndex]: next
-      };
-      await emitToolCalls(toolCallAccumulator, onToolCallsChunk);
+    if (nodePatches.length > 0) {
+      patches.push(...nodePatches);
     }
-  };
-  const consumeSseDataLines = async dataLines => {
-    for (const line of dataLines) {
-      if (line === '[DONE]') {
-        await notifyFinished();
-        continue;
-      }
-      let parsed;
-      try {
-        parsed = JSON.parse(line);
-      } catch {
-        continue;
-      }
-      await handleParsedSseEvent(parsed);
+    // Compare children
+    if (oldNode.children.length > 0 || newNode.children.length > 0) {
+      diffChildren(oldNode.children, newNode.children, patches);
     }
-  };
-  while (true) {
-    const chunk = await readNextChunk();
-    if (typeof chunk !== 'string') {
+  } else {
+    // Non-root level or multiple root elements - use the regular comparison
+    diffChildren(oldTree, newTree, patches);
+  }
+};
+
+const removeTrailingNavigationPatches = patches => {
+  // Find the last non-navigation patch
+  let lastNonNavigationIndex = -1;
+  for (let i = patches.length - 1; i >= 0; i--) {
+    const patch = patches[i];
+    if (patch.type !== NavigateChild && patch.type !== NavigateParent && patch.type !== NavigateSibling) {
+      lastNonNavigationIndex = i;
       break;
     }
-    if (chunk.startsWith('data:')) {
-      remainder += chunk;
-      while (true) {
-        const separatorIndex = remainder.indexOf('\n\n');
-        if (separatorIndex === -1) {
-          break;
-        }
-        const rawEvent = remainder.slice(0, separatorIndex);
-        remainder = remainder.slice(separatorIndex + 2);
-        const dataLines = parseSseDataLines(rawEvent);
-        await consumeSseDataLines(dataLines);
-      }
-      continue;
-    }
-    text += chunk;
-    if (stream && onTextChunk) {
-      await onTextChunk(chunk);
-    }
   }
-  if (remainder) {
-    const dataLines = parseSseDataLines(remainder);
-    await consumeSseDataLines(dataLines);
+  // Return patches up to and including the last non-navigation patch
+  return lastNonNavigationIndex === -1 ? [] : patches.slice(0, lastNonNavigationIndex + 1);
+};
+
+const diffTree = (oldNodes, newNodes) => {
+  // Step 1: Convert flat arrays to tree structures
+  const oldTree = arrayToTree(oldNodes);
+  const newTree = arrayToTree(newNodes);
+  // Step 3: Compare the trees
+  const patches = [];
+  diffTrees(oldTree, newTree, patches, []);
+  // Remove trailing navigation patches since they serve no purpose
+  return removeTrailingNavigationPatches(patches);
+};
+
+const getKeyBindings = () => {
+  return [{
+    command: 'Chat.handleSubmit',
+    key: Enter,
+    when: FocusChatInput
+  }, {
+    command: 'Chat.enterNewLine',
+    key: Shift | Enter,
+    when: FocusChatInput
+  }];
+};
+
+const getSelectedSessionId = state => {
+  return state.selectedSessionId;
+};
+
+const getListIndex = (state, eventX, eventY) => {
+  const {
+    headerHeight,
+    height,
+    listItemHeight,
+    width,
+    x,
+    y
+  } = state;
+  const relativeX = eventX - x;
+  const relativeY = eventY - y - headerHeight;
+  if (relativeX < 0 || relativeY < 0 || relativeX >= width || relativeY >= height - headerHeight) {
+    return -1;
   }
-  await notifyFinished();
-  return {
-    text,
-    type: 'success'
-  };
+  return Math.floor(relativeY / listItemHeight);
 };
 
-const activateByEvent = (event, assetDir, platform) => {
-  // @ts-ignore
-  return activateByEvent$1(event, assetDir, platform);
+const CHAT_LIST_ITEM_CONTEXT_MENU = 'ChatListItemContextMenu';
+const handleChatListContextMenu = async (state, eventX, eventY) => {
+  const index = getListIndex(state, eventX, eventY);
+  if (index === -1) {
+    return state;
+  }
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  const item = visibleSessions[index];
+  if (!item) {
+    return state;
+  }
+  await invoke('ContextMenu.show', eventX, eventY, CHAT_LIST_ITEM_CONTEXT_MENU, item.id);
+  return state;
 };
 
-const executeProvider = async ({
-  assetDir,
-  event,
-  method,
-  noProviderFoundMessage,
-  params,
-  platform
-}) => {
-  await activateByEvent(event, assetDir, platform);
-  // @ts-ignore
-  const result = invoke$1(method, ...params);
-  return result;
+const generateSessionId = () => {
+  return crypto.randomUUID();
 };
 
-const CommandExecute = 'ExtensionHostCommand.executeCommand';
-const FileSystemWriteFile = 'ExtensionHostFileSystem.writeFile';
-
-const normalizeLimitInfo = value => {
-  if (!value || typeof value !== 'object') {
-    return undefined;
-  }
-  const limitRemaining = Reflect.get(value, 'limitRemaining');
-  const limitReset = Reflect.get(value, 'limitReset');
-  const retryAfter = Reflect.get(value, 'retryAfter');
-  const usage = Reflect.get(value, 'usage');
-  const usageDaily = Reflect.get(value, 'usageDaily');
-  const normalized = {
-    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
-      limitRemaining
-    } : {}),
-    ...(typeof limitReset === 'string' || limitReset === null ? {
-      limitReset
-    } : {}),
-    ...(typeof retryAfter === 'string' || retryAfter === null ? {
-      retryAfter
-    } : {}),
-    ...(typeof usage === 'number' ? {
-      usage
-    } : {}),
-    ...(typeof usageDaily === 'number' ? {
-      usageDaily
-    } : {})
+const createSession = async (state, projectIdOverride = '') => {
+  const id = generateSessionId();
+  const fallbackProjectId = state.projects.find(project => project.name === '_blank')?.id || state.projects[0]?.id || 'project-1';
+  const projectId = projectIdOverride || state.selectedProjectId || fallbackProjectId;
+  const session = {
+    id,
+    messages: [],
+    projectId,
+    title: `Chat ${state.sessions.length + 1}`
+  };
+  await saveChatSession(session);
+  return {
+    ...state,
+    projectExpandedIds: state.projectExpandedIds.includes(projectId) ? state.projectExpandedIds : [...state.projectExpandedIds, projectId],
+    renamingSessionId: '',
+    selectedProjectId: projectId,
+    selectedSessionId: id,
+    sessions: [...state.sessions, session]
   };
-  const hasDetails = typeof limitRemaining === 'number' || limitRemaining === null || typeof limitReset === 'string' || limitReset === null || typeof retryAfter === 'string' || retryAfter === null || typeof usage === 'number' || typeof usageDaily === 'number';
-  return hasDetails ? normalized : undefined;
 };
 
-const normalizeMockResult = value => {
-  if (typeof value === 'string') {
-    return {
-      text: value,
-      type: 'success'
-    };
-  }
-  if (!value || typeof value !== 'object') {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
+const selectProject = async (state, projectId) => {
+  if (!projectId || state.selectedProjectId === projectId) {
+    return state;
   }
-  const type = Reflect.get(value, 'type');
-  if (type === 'success') {
-    const text = Reflect.get(value, 'text');
-    if (typeof text === 'string') {
-      return {
-        text,
-        type: 'success'
-      };
-    }
+  const visibleSessions = getVisibleSessions(state.sessions, projectId);
+  if (visibleSessions.length === 0) {
     return {
-      details: 'request-failed',
-      type: 'error'
+      ...state,
+      selectedProjectId: projectId,
+      selectedSessionId: '',
+      viewMode: state.viewMode === 'chat-focus' ? 'chat-focus' : 'list'
     };
   }
-  if (type === 'error') {
-    const details = Reflect.get(value, 'details');
-    if (details === 'request-failed' || details === 'too-many-requests' || details === 'http-error') {
-      const rawMessage = Reflect.get(value, 'rawMessage');
-      const statusCode = Reflect.get(value, 'statusCode');
-      const limitInfo = normalizeLimitInfo(Reflect.get(value, 'limitInfo'));
-      return {
-        details,
-        ...(limitInfo ? {
-          limitInfo
-        } : {}),
-        ...(typeof rawMessage === 'string' ? {
-          rawMessage
-        } : {}),
-        ...(typeof statusCode === 'number' ? {
-          statusCode
-        } : {}),
-        type: 'error'
-      };
+  const currentSessionVisible = visibleSessions.some(session => session.id === state.selectedSessionId);
+  const nextSelectedSessionId = currentSessionVisible ? state.selectedSessionId : visibleSessions[0].id;
+  const loadedSession = await getChatSession(nextSelectedSessionId);
+  const sessions = state.sessions.map(session => {
+    if (session.id !== nextSelectedSessionId || !loadedSession) {
+      return session;
     }
-  }
-  const text = Reflect.get(value, 'text');
-  if (typeof text === 'string') {
-    return {
-      text,
-      type: 'success'
-    };
-  }
+    return loadedSession;
+  });
   return {
-    details: 'request-failed',
-    type: 'error'
+    ...state,
+    selectedProjectId: projectId,
+    selectedSessionId: nextSelectedSessionId,
+    sessions,
+    viewMode: state.viewMode === 'chat-focus' ? 'chat-focus' : 'detail'
   };
 };
 
-const getMockOpenRouterAssistantText = async (messages, modelId, openRouterApiBaseUrl, openRouterApiKey, mockApiCommandId, assetDir, platform) => {
-  if (!mockApiCommandId) {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
+const getProjectName = (uri, fallbackIndex) => {
+  if (!uri) {
+    return `Project ${fallbackIndex}`;
   }
+  const withoutScheme = uri.replace(/^file:\/\//, '');
+  const normalized = withoutScheme.replace(/\/+$/, '');
+  const lastSegment = normalized.split('/').pop();
+  if (!lastSegment) {
+    return `Project ${fallbackIndex}`;
+  }
+  return decodeURIComponent(lastSegment);
+};
+const getNextProjectId = projects => {
+  return `project-${projects.length + 1}`;
+};
+const pickProjectUri = async () => {
   try {
-    const result = await executeProvider({
-      assetDir,
-      event: `onCommand:${mockApiCommandId}`,
-      method: CommandExecute,
-      noProviderFoundMessage: 'No mock api command found',
-      params: [mockApiCommandId, {
-        messages,
-        modelId,
-        openRouterApiBaseUrl,
-        openRouterApiKey
-      }],
-      platform
-    });
-    return normalizeMockResult(result);
+    const workspaceUri = await getWorkspacePath();
+    return workspaceUri;
   } catch {
-    return {
-      details: 'request-failed',
-      type: 'error'
-    };
+    return '';
+  }
+};
+const handleClickCreateProject = async state => {
+  await confirm('project added');
+  const uri = await pickProjectUri();
+  if (!uri) {
+    return state;
+  }
+  const existingProject = state.projects.find(project => project.uri === uri);
+  if (existingProject) {
+    return selectProject(state, existingProject.id);
   }
+  const id = getNextProjectId(state.projects);
+  const project = {
+    id,
+    name: getProjectName(uri, state.projects.length + 1),
+    uri
+  };
+  return {
+    ...state,
+    projects: [...state.projects, project],
+    selectedProjectId: project.id,
+    selectedSessionId: '',
+    viewMode: 'list'
+  };
+};
+
+const handleClickOpenApiApiKeySettings = async state => {
+  await invoke('Main.openUri', 'app://settings.json');
+  return state;
 };
 
+const handleClickOpenApiApiKeyWebsite = async state => {
+  await openExternal(state.openApiApiKeysSettingsUrl);
+  return state;
+};
+
+const handleClickOpenRouterApiKeySettings = async state => {
+  await invoke('Main.openUri', 'app://settings.json');
+  return state;
+};
+
+const handleClickOpenRouterApiKeyWebsite = async state => {
+  await openExternal(state.openRouterApiKeysSettingsUrl);
+  return state;
+};
+
+const openApiApiKeyRequiredMessage = 'OpenAI API key is not configured. Enter your OpenAI API key below and click Save.';
+const openApiRequestFailedMessage = 'OpenAI request failed.';
+const openApiRequestFailedOfflineMessage = 'OpenAI request failed because you are offline. Please check your internet connection.';
+const openRouterApiKeyRequiredMessage = 'OpenRouter API key is not configured. Enter your OpenRouter API key below and click Save.';
+const openRouterRequestFailedMessage = 'OpenRouter request failed. Possible reasons:';
+const openRouterTooManyRequestsMessage = 'OpenRouter rate limit reached (429). Please try again soon. Helpful tips:';
+const openRouterRequestFailureReasons = ['ContentSecurityPolicyViolation: Check DevTools for details.', 'OpenRouter server offline: Check DevTools for details.', 'Check your internet connection.'];
+const openRouterTooManyRequestsReasons = ['Wait a short time and retry your request.', 'Reduce request frequency to avoid rate limits.', 'Use a different model if this one is saturated.'];
+
 const executeGetWorkspaceUriTool = async (_args, _options) => {
   try {
     const workspaceUri = await getWorkspacePath();
@@ -3292,6 +3078,25 @@ const executeRenderHtmlTool = async (args, _options) => {
   });
 };
 
+const activateByEvent = (event, assetDir, platform) => {
+  // @ts-ignore
+  return activateByEvent$1(event, assetDir, platform);
+};
+
+const executeProvider = async ({
+  assetDir,
+  event,
+  method,
+  noProviderFoundMessage,
+  params,
+  platform
+}) => {
+  await activateByEvent(event, assetDir, platform);
+  // @ts-ignore
+  const result = invoke$1(method, ...params);
+  return result;
+};
+
 const OnFileSystem = 'onFileSystem';
 
 const executeFileSystemCommand = async (method, params, options) => {
@@ -3305,6 +3110,9 @@ const executeFileSystemCommand = async (method, params, options) => {
   });
 };
 
+const CommandExecute = 'ExtensionHostCommand.executeCommand';
+const FileSystemWriteFile = 'ExtensionHostFileSystem.writeFile';
+
 const executeWriteFileTool = async (args, options) => {
   const filePath = typeof args.path === 'string' ? args.path : '';
   const content = typeof args.content === 'string' ? args.content : '';
@@ -3409,82 +3217,454 @@ const getWriteFileTool = () => {
     type: 'function'
   };
 };
-const getListFilesTool = () => {
+const getListFilesTool = () => {
+  return {
+    function: {
+      description: 'List direct children (files and folders) for a folder URI inside the currently open workspace folder. Only pass an absolute URI.',
+      name: 'list_files',
+      parameters: {
+        additionalProperties: false,
+        properties: {
+          uri: {
+            description: 'Absolute folder URI within the workspace (for example: file:///workspace/src).',
+            type: 'string'
+          }
+        },
+        required: ['uri'],
+        type: 'object'
+      }
+    },
+    type: 'function'
+  };
+};
+const getGetWorkspaceUriTool = () => {
+  return {
+    function: {
+      description: 'Get the URI of the currently open workspace folder.',
+      name: 'getWorkspaceUri',
+      parameters: {
+        additionalProperties: false,
+        properties: {},
+        type: 'object'
+      }
+    },
+    type: 'function'
+  };
+};
+const getRenderHtmlTool = () => {
   return {
     function: {
-      description: 'List direct children (files and folders) for a folder URI inside the currently open workspace folder. Only pass an absolute URI.',
-      name: 'list_files',
+      description: 'Render custom HTML and optional CSS directly in the chat tool call list using native chat UI rendering. Use this for structured cards, tables, and small dashboards. After calling this tool, do not repeat the same HTML, data table, or long content again as plain text unless the user explicitly asks for a text-only version.',
+      name: 'render_html',
       parameters: {
         additionalProperties: false,
         properties: {
-          uri: {
-            description: 'Absolute folder URI within the workspace (for example: file:///workspace/src).',
+          css: {
+            description: 'Optional CSS string applied inside the preview document.',
+            type: 'string'
+          },
+          html: {
+            description: 'HTML string to render in the preview document.',
+            type: 'string'
+          },
+          title: {
+            description: 'Optional short title for the preview.',
             type: 'string'
           }
         },
-        required: ['uri'],
+        required: ['html'],
         type: 'object'
       }
-    },
-    type: 'function'
-  };
-};
-const getGetWorkspaceUriTool = () => {
+    },
+    type: 'function'
+  };
+};
+const getBasicChatTools = () => {
+  return [getReadFileTool(), getWriteFileTool(), getListFilesTool(), getGetWorkspaceUriTool(), getRenderHtmlTool()];
+};
+
+const getClientRequestIdHeader = () => {
+  return {
+    'x-client-request-id': crypto.randomUUID()
+  };
+};
+
+const delay = async ms => {
+  await new Promise(resolve => setTimeout(resolve, ms));
+};
+
+const getMockAiResponse = async (userMessage, delayInMs) => {
+  await delay(delayInMs);
+  return `Mock AI response: I received "${userMessage}".`;
+};
+
+let queue = [];
+let waiters = [];
+let finished = false;
+let errorResult;
+const reset$2 = () => {
+  queue = [];
+  waiters = [];
+  finished = false;
+  errorResult = undefined;
+};
+const setHttpErrorResponse = (statusCode, body) => {
+  const rawError = body && typeof body === 'object' ? Reflect.get(body, 'error') : undefined;
+  const errorCode = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'code') : undefined;
+  const errorMessage = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'message') : undefined;
+  const errorType = rawError && typeof rawError === 'object' ? Reflect.get(rawError, 'type') : undefined;
+  errorResult = {
+    details: 'http-error',
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {}),
+    statusCode,
+    type: 'error'
+  };
+};
+const takeErrorResponse = () => {
+  const error = errorResult;
+  errorResult = undefined;
+  return error;
+};
+const pushChunk = chunk => {
+  if (waiters.length > 0) {
+    const resolve = waiters.shift();
+    resolve?.(chunk);
+    return;
+  }
+  queue.push(chunk);
+};
+const finish = () => {
+  finished = true;
+  if (waiters.length === 0) {
+    return;
+  }
+  const activeWaiters = waiters;
+  waiters = [];
+  for (const resolve of activeWaiters) {
+    resolve(undefined);
+  }
+};
+const readNextChunk = async () => {
+  if (queue.length > 0) {
+    return queue.shift();
+  }
+  if (finished) {
+    return undefined;
+  }
+  const {
+    promise,
+    resolve
+  } = Promise.withResolvers();
+  waiters.push(resolve);
+  return promise;
+};
+
+const parseSseDataLines = eventChunk => {
+  const lines = eventChunk.split('\n');
+  const dataLines = [];
+  for (const line of lines) {
+    if (!line.startsWith('data:')) {
+      continue;
+    }
+    dataLines.push(line.slice(5).trimStart());
+  }
+  return dataLines;
+};
+const emitToolCalls = async (toolCallAccumulator, onToolCallsChunk) => {
+  if (!onToolCallsChunk) {
+    return;
+  }
+  const toolCalls = Object.entries(toolCallAccumulator).toSorted((a, b) => Number(a[0]) - Number(b[0])).map(entry => entry[1]).filter(toolCall => !!toolCall.name);
+  if (toolCalls.length === 0) {
+    return;
+  }
+  await onToolCallsChunk(toolCalls);
+};
+const getMockOpenApiAssistantText = async (stream, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished) => {
+  const error = takeErrorResponse();
+  if (error) {
+    return error;
+  }
+  let text = '';
+  let remainder = '';
+  let toolCallAccumulator = {};
+  let finishedNotified = false;
+  const notifyFinished = async () => {
+    if (finishedNotified) {
+      return;
+    }
+    finishedNotified = true;
+    if (onEventStreamFinished) {
+      await onEventStreamFinished();
+    }
+  };
+  const handleParsedSseEvent = async parsed => {
+    if (onDataEvent) {
+      await onDataEvent(parsed);
+    }
+    if (!parsed || typeof parsed !== 'object') {
+      return;
+    }
+    const eventType = Reflect.get(parsed, 'type');
+    if (eventType === 'response.completed') {
+      await notifyFinished();
+      return;
+    }
+    if (eventType === 'response.output_text.delta') {
+      const delta = Reflect.get(parsed, 'delta');
+      if (typeof delta !== 'string' || !delta) {
+        return;
+      }
+      text += delta;
+      if (stream && onTextChunk) {
+        await onTextChunk(delta);
+      }
+      return;
+    }
+    if (eventType === 'response.output_item.added') {
+      const outputIndex = Reflect.get(parsed, 'output_index');
+      const item = Reflect.get(parsed, 'item');
+      if (typeof outputIndex !== 'number' || !item || typeof item !== 'object') {
+        return;
+      }
+      if (Reflect.get(item, 'type') !== 'function_call') {
+        return;
+      }
+      const name = Reflect.get(item, 'name');
+      const argumentsValue = Reflect.get(item, 'arguments');
+      const callId = Reflect.get(item, 'call_id');
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: {
+          arguments: typeof argumentsValue === 'string' ? argumentsValue : '',
+          ...(typeof callId === 'string' ? {
+            id: callId
+          } : {}),
+          name: typeof name === 'string' ? name : ''
+        }
+      };
+      await emitToolCalls(toolCallAccumulator, onToolCallsChunk);
+      return;
+    }
+    if (eventType === 'response.function_call_arguments.delta' || eventType === 'response.function_call_arguments.done') {
+      const outputIndex = Reflect.get(parsed, 'output_index');
+      if (typeof outputIndex !== 'number') {
+        return;
+      }
+      const current = toolCallAccumulator[outputIndex] || {
+        arguments: '',
+        name: ''
+      };
+      const delta = Reflect.get(parsed, 'delta');
+      const argumentsValue = Reflect.get(parsed, 'arguments');
+      const name = Reflect.get(parsed, 'name');
+      const callId = Reflect.get(parsed, 'call_id');
+      const next = {
+        arguments: typeof argumentsValue === 'string' ? argumentsValue : typeof delta === 'string' ? `${current.arguments}${delta}` : current.arguments,
+        ...(typeof callId === 'string' ? {
+          id: callId
+        } : current.id ? {
+          id: current.id
+        } : {}),
+        name: typeof name === 'string' && name ? name : current.name
+      };
+      toolCallAccumulator = {
+        ...toolCallAccumulator,
+        [outputIndex]: next
+      };
+      await emitToolCalls(toolCallAccumulator, onToolCallsChunk);
+    }
+  };
+  const consumeSseDataLines = async dataLines => {
+    for (const line of dataLines) {
+      if (line === '[DONE]') {
+        await notifyFinished();
+        continue;
+      }
+      let parsed;
+      try {
+        parsed = JSON.parse(line);
+      } catch {
+        continue;
+      }
+      await handleParsedSseEvent(parsed);
+    }
+  };
+  while (true) {
+    const chunk = await readNextChunk();
+    if (typeof chunk !== 'string') {
+      break;
+    }
+    if (chunk.startsWith('data:')) {
+      remainder += chunk;
+      while (true) {
+        const separatorIndex = remainder.indexOf('\n\n');
+        if (separatorIndex === -1) {
+          break;
+        }
+        const rawEvent = remainder.slice(0, separatorIndex);
+        remainder = remainder.slice(separatorIndex + 2);
+        const dataLines = parseSseDataLines(rawEvent);
+        await consumeSseDataLines(dataLines);
+      }
+      continue;
+    }
+    text += chunk;
+    if (stream && onTextChunk) {
+      await onTextChunk(chunk);
+    }
+  }
+  if (remainder) {
+    const dataLines = parseSseDataLines(remainder);
+    await consumeSseDataLines(dataLines);
+  }
+  await notifyFinished();
   return {
-    function: {
-      description: 'Get the URI of the currently open workspace folder.',
-      name: 'getWorkspaceUri',
-      parameters: {
-        additionalProperties: false,
-        properties: {},
-        type: 'object'
-      }
-    },
-    type: 'function'
+    text,
+    type: 'success'
   };
 };
-const getRenderHtmlTool = () => {
-  return {
-    function: {
-      description: 'Render custom HTML and optional CSS directly in the chat tool call list using native chat UI rendering. Use this for structured cards, tables, and small dashboards. After calling this tool, do not repeat the same HTML, data table, or long content again as plain text unless the user explicitly asks for a text-only version.',
-      name: 'render_html',
-      parameters: {
-        additionalProperties: false,
-        properties: {
-          css: {
-            description: 'Optional CSS string applied inside the preview document.',
-            type: 'string'
-          },
-          html: {
-            description: 'HTML string to render in the preview document.',
-            type: 'string'
-          },
-          title: {
-            description: 'Optional short title for the preview.',
-            type: 'string'
-          }
-        },
-        required: ['html'],
-        type: 'object'
-      }
-    },
-    type: 'function'
+
+const normalizeLimitInfo = value => {
+  if (!value || typeof value !== 'object') {
+    return undefined;
+  }
+  const limitRemaining = Reflect.get(value, 'limitRemaining');
+  const limitReset = Reflect.get(value, 'limitReset');
+  const retryAfter = Reflect.get(value, 'retryAfter');
+  const usage = Reflect.get(value, 'usage');
+  const usageDaily = Reflect.get(value, 'usageDaily');
+  const normalized = {
+    ...(typeof limitRemaining === 'number' || limitRemaining === null ? {
+      limitRemaining
+    } : {}),
+    ...(typeof limitReset === 'string' || limitReset === null ? {
+      limitReset
+    } : {}),
+    ...(typeof retryAfter === 'string' || retryAfter === null ? {
+      retryAfter
+    } : {}),
+    ...(typeof usage === 'number' ? {
+      usage
+    } : {}),
+    ...(typeof usageDaily === 'number' ? {
+      usageDaily
+    } : {})
   };
-};
-const getBasicChatTools = () => {
-  return [getReadFileTool(), getWriteFileTool(), getListFilesTool(), getGetWorkspaceUriTool(), getRenderHtmlTool()];
+  const hasDetails = typeof limitRemaining === 'number' || limitRemaining === null || typeof limitReset === 'string' || limitReset === null || typeof retryAfter === 'string' || retryAfter === null || typeof usage === 'number' || typeof usageDaily === 'number';
+  return hasDetails ? normalized : undefined;
 };
 
-const getClientRequestIdHeader = () => {
+const normalizeMockResult = value => {
+  if (typeof value === 'string') {
+    return {
+      text: value,
+      type: 'success'
+    };
+  }
+  if (!value || typeof value !== 'object') {
+    return {
+      details: 'request-failed',
+      type: 'error'
+    };
+  }
+  const type = Reflect.get(value, 'type');
+  if (type === 'success') {
+    const text = Reflect.get(value, 'text');
+    if (typeof text === 'string') {
+      return {
+        text,
+        type: 'success'
+      };
+    }
+    return {
+      details: 'request-failed',
+      type: 'error'
+    };
+  }
+  if (type === 'error') {
+    const details = Reflect.get(value, 'details');
+    if (details === 'request-failed' || details === 'too-many-requests' || details === 'http-error') {
+      const rawMessage = Reflect.get(value, 'rawMessage');
+      const statusCode = Reflect.get(value, 'statusCode');
+      const limitInfo = normalizeLimitInfo(Reflect.get(value, 'limitInfo'));
+      return {
+        details,
+        ...(limitInfo ? {
+          limitInfo
+        } : {}),
+        ...(typeof rawMessage === 'string' ? {
+          rawMessage
+        } : {}),
+        ...(typeof statusCode === 'number' ? {
+          statusCode
+        } : {}),
+        type: 'error'
+      };
+    }
+  }
+  const text = Reflect.get(value, 'text');
+  if (typeof text === 'string') {
+    return {
+      text,
+      type: 'success'
+    };
+  }
   return {
-    'x-client-request-id': crypto.randomUUID()
+    details: 'request-failed',
+    type: 'error'
   };
 };
 
+const getMockOpenRouterAssistantText = async (messages, modelId, openRouterApiBaseUrl, openRouterApiKey, mockApiCommandId, assetDir, platform) => {
+  if (!mockApiCommandId) {
+    return {
+      details: 'request-failed',
+      type: 'error'
+    };
+  }
+  try {
+    const result = await executeProvider({
+      assetDir,
+      event: `onCommand:${mockApiCommandId}`,
+      method: CommandExecute,
+      noProviderFoundMessage: 'No mock api command found',
+      params: [mockApiCommandId, {
+        messages,
+        modelId,
+        openRouterApiBaseUrl,
+        openRouterApiKey
+      }],
+      platform
+    });
+    return normalizeMockResult(result);
+  } catch {
+    return {
+      details: 'request-failed',
+      type: 'error'
+    };
+  }
+};
+
 const getOpenApiApiEndpoint = openApiApiBaseUrl => {
   return `${openApiApiBaseUrl}/responses`;
 };
 
+const makeApiRequest = async options => {
+  return invoke$2('ChatNetwork.makeApiRequest', options);
+};
+const makeStreamingApiRequest = async options => {
+  return invoke$2('ChatNetwork.makeStreamingApiRequest', options);
+};
+
 const getTextContent = content => {
   if (typeof content === 'string') {
     return content;
@@ -3506,6 +3686,8 @@ const getTextContent = content => {
   return textParts.join('\n');
 };
 
+/* eslint-disable @typescript-eslint/prefer-readonly-parameter-types */
+
 const getOpenAiTools = tools => {
   return tools.map(tool => {
     if (!tool || typeof tool !== 'object') {
@@ -4047,6 +4229,52 @@ const getOpenApiErrorDetails = async response => {
     } : {})
   };
 };
+const getOpenApiErrorDetailsFromResponseText = responseText => {
+  let parsed;
+  try {
+    parsed = JSON.parse(responseText);
+  } catch {
+    return {};
+  }
+  if (!parsed || typeof parsed !== 'object') {
+    return {};
+  }
+  const error = Reflect.get(parsed, 'error');
+  if (!error || typeof error !== 'object') {
+    return {};
+  }
+  const errorCode = Reflect.get(error, 'code');
+  const errorMessage = Reflect.get(error, 'message');
+  const errorType = Reflect.get(error, 'type');
+  return {
+    ...(typeof errorCode === 'string' ? {
+      errorCode
+    } : {}),
+    ...(typeof errorMessage === 'string' ? {
+      errorMessage
+    } : {}),
+    ...(typeof errorType === 'string' ? {
+      errorType
+    } : {})
+  };
+};
+const getResponseFromSseEvents = events => {
+  const chunks = events.map(event => {
+    const data = typeof event === 'string' ? event : JSON.stringify(event);
+    return `data: ${data}\n\n`;
+  });
+  const stream = new ReadableStream({
+    start(controller) {
+      for (const chunk of chunks) {
+        controller.enqueue(new TextEncoder().encode(chunk));
+      }
+      controller.close();
+    }
+  });
+  return {
+    body: stream
+  };
+};
 const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApiApiBaseUrl, assetDir, platform, options) => {
   const {
     includeObfuscation = false,
@@ -4055,6 +4283,7 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
     onTextChunk,
     onToolCallsChunk,
     stream,
+    useChatNetworkWorkerForRequests = false,
     webSearchEnabled = false
   } = options ?? {
     stream: false
@@ -4067,46 +4296,89 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
   const maxToolIterations = 4;
   let previousResponseId;
   for (let i = 0; i <= maxToolIterations; i++) {
-    let response;
-    try {
-      response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
-        body: JSON.stringify(getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, webSearchEnabled, previousResponseId)),
-        headers: {
-          Authorization: `Bearer ${openApiApiKey}`,
-          'Content-Type': 'application/json',
-          ...getClientRequestIdHeader()
-        },
-        method: 'POST'
-      });
-    } catch {
-      return {
-        details: 'request-failed',
-        type: 'error'
-      };
-    }
-    if (!response.ok) {
-      const {
-        errorCode,
-        errorMessage,
-        errorType
-      } = await getOpenApiErrorDetails(response);
-      return {
-        details: 'http-error',
-        ...(errorCode ? {
-          errorCode
-        } : {}),
-        ...(errorMessage ? {
-          errorMessage
-        } : {}),
-        ...(errorType ? {
-          errorType
-        } : {}),
-        statusCode: response.status,
-        type: 'error'
-      };
-    }
+    const postBody = getOpenAiParams(openAiInput, modelId, stream, includeObfuscation, tools, webSearchEnabled, previousResponseId);
     if (stream) {
-      const streamResult = await parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent);
+      const streamResult = useChatNetworkWorkerForRequests ? await (async () => {
+        const requestResult = await makeStreamingApiRequest({
+          headers: {
+            Authorization: `Bearer ${openApiApiKey}`,
+            'Content-Type': 'application/json',
+            ...getClientRequestIdHeader()
+          },
+          method: 'POST',
+          postBody,
+          url: getOpenApiApiEndpoint(openApiApiBaseUrl)
+        });
+        if (requestResult.type === 'error') {
+          if (requestResult.statusCode === 0) {
+            return {
+              details: 'request-failed',
+              type: 'error'
+            };
+          }
+          const {
+            errorCode,
+            errorMessage,
+            errorType
+          } = getOpenApiErrorDetailsFromResponseText(requestResult.response);
+          return {
+            details: 'http-error',
+            ...(errorCode ? {
+              errorCode
+            } : {}),
+            ...(errorMessage ? {
+              errorMessage
+            } : {}),
+            ...(errorType ? {
+              errorType
+            } : {}),
+            statusCode: requestResult.statusCode,
+            type: 'error'
+          };
+        }
+        const response = getResponseFromSseEvents(requestResult.body);
+        return parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent);
+      })() : await (async () => {
+        let response;
+        try {
+          response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
+            body: JSON.stringify(postBody),
+            headers: {
+              Authorization: `Bearer ${openApiApiKey}`,
+              'Content-Type': 'application/json',
+              ...getClientRequestIdHeader()
+            },
+            method: 'POST'
+          });
+        } catch {
+          return {
+            details: 'request-failed',
+            type: 'error'
+          };
+        }
+        if (!response.ok) {
+          const {
+            errorCode,
+            errorMessage,
+            errorType
+          } = await getOpenApiErrorDetails(response);
+          return {
+            details: 'http-error',
+            ...(errorCode ? {
+              errorCode
+            } : {}),
+            ...(errorMessage ? {
+              errorMessage
+            } : {}),
+            ...(errorType ? {
+              errorType
+            } : {}),
+            statusCode: response.status,
+            type: 'error'
+          };
+        }
+        return parseOpenApiStream(response, onTextChunk, onToolCallsChunk, onDataEvent);
+      })();
       if (streamResult.type !== 'success') {
         return streamResult;
       }
@@ -4153,13 +4425,92 @@ const getOpenApiAssistantText = async (messages, modelId, openApiApiKey, openApi
       };
     }
     let parsed;
-    try {
-      parsed = await response.json();
-    } catch {
-      return {
-        details: 'request-failed',
-        type: 'error'
-      };
+    if (useChatNetworkWorkerForRequests) {
+      const requestResult = await makeApiRequest({
+        headers: {
+          Authorization: `Bearer ${openApiApiKey}`,
+          'Content-Type': 'application/json',
+          ...getClientRequestIdHeader()
+        },
+        method: 'POST',
+        postBody,
+        url: getOpenApiApiEndpoint(openApiApiBaseUrl)
+      });
+      if (requestResult.type === 'error') {
+        if (requestResult.statusCode === 0) {
+          return {
+            details: 'request-failed',
+            type: 'error'
+          };
+        }
+        const {
+          errorCode,
+          errorMessage,
+          errorType
+        } = getOpenApiErrorDetailsFromResponseText(requestResult.response);
+        return {
+          details: 'http-error',
+          ...(errorCode ? {
+            errorCode
+          } : {}),
+          ...(errorMessage ? {
+            errorMessage
+          } : {}),
+          ...(errorType ? {
+            errorType
+          } : {}),
+          statusCode: requestResult.statusCode,
+          type: 'error'
+        };
+      }
+      parsed = requestResult.body;
+    } else {
+      let response;
+      try {
+        response = await fetch(getOpenApiApiEndpoint(openApiApiBaseUrl), {
+          body: JSON.stringify(postBody),
+          headers: {
+            Authorization: `Bearer ${openApiApiKey}`,
+            'Content-Type': 'application/json',
+            ...getClientRequestIdHeader()
+          },
+          method: 'POST'
+        });
+      } catch {
+        return {
+          details: 'request-failed',
+          type: 'error'
+        };
+      }
+      if (!response.ok) {
+        const {
+          errorCode,
+          errorMessage,
+          errorType
+        } = await getOpenApiErrorDetails(response);
+        return {
+          details: 'http-error',
+          ...(errorCode ? {
+            errorCode
+          } : {}),
+          ...(errorMessage ? {
+            errorMessage
+          } : {}),
+          ...(errorType ? {
+            errorType
+          } : {}),
+          statusCode: response.status,
+          type: 'error'
+        };
+      }
+      try {
+        parsed = await response.json();
+      } catch {
+        return {
+          details: 'request-failed',
+          type: 'error'
+        };
+      }
     }
     if (!parsed || typeof parsed !== 'object') {
       return {
@@ -4394,28 +4745,67 @@ const getOpenRouterRaw429Message = async response => {
   }
   return raw;
 };
-const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl) => {
-  let response;
+const getOpenRouterRaw429MessageFromText = responseText => {
+  let parsed;
   try {
-    response = await fetch(getOpenRouterKeyEndpoint(openRouterApiBaseUrl), {
-      headers: {
-        Authorization: `Bearer ${openRouterApiKey}`,
-        ...getClientRequestIdHeader()
-      },
-      method: 'GET'
-    });
+    parsed = JSON.parse(responseText);
   } catch {
     return undefined;
   }
-  if (!response.ok) {
+  if (!parsed || typeof parsed !== 'object') {
     return undefined;
   }
-  let parsed;
-  try {
-    parsed = await response.json();
-  } catch {
+  const error = Reflect.get(parsed, 'error');
+  if (!error || typeof error !== 'object') {
+    return undefined;
+  }
+  const metadata = Reflect.get(error, 'metadata');
+  if (!metadata || typeof metadata !== 'object') {
+    return undefined;
+  }
+  const raw = Reflect.get(metadata, 'raw');
+  if (typeof raw !== 'string' || !raw) {
     return undefined;
   }
+  return raw;
+};
+const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl, useChatNetworkWorkerForRequests) => {
+  let parsed;
+  if (useChatNetworkWorkerForRequests) {
+    const result = await makeApiRequest({
+      headers: {
+        Authorization: `Bearer ${openRouterApiKey}`,
+        ...getClientRequestIdHeader()
+      },
+      method: 'GET',
+      url: getOpenRouterKeyEndpoint(openRouterApiBaseUrl)
+    });
+    if (result.type === 'error') {
+      return undefined;
+    }
+    parsed = result.body;
+  } else {
+    let response;
+    try {
+      response = await fetch(getOpenRouterKeyEndpoint(openRouterApiBaseUrl), {
+        headers: {
+          Authorization: `Bearer ${openRouterApiKey}`,
+          ...getClientRequestIdHeader()
+        },
+        method: 'GET'
+      });
+    } catch {
+      return undefined;
+    }
+    if (!response.ok) {
+      return undefined;
+    }
+    try {
+      parsed = await response.json();
+    } catch {
+      return undefined;
+    }
+  }
   if (!parsed || typeof parsed !== 'object') {
     return undefined;
   }
@@ -4447,7 +4837,7 @@ const getOpenRouterLimitInfo = async (openRouterApiKey, openRouterApiBaseUrl) =>
   }
   return normalizedLimitInfo;
 };
-const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform) => {
+const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests = false) => {
   const completionMessages = messages.map(message => ({
     content: message.text,
     role: message.role
@@ -4455,64 +4845,111 @@ const getOpenRouterAssistantText = async (messages, modelId, openRouterApiKey, o
   const tools = getBasicChatTools();
   const maxToolIterations = 4;
   for (let i = 0; i <= maxToolIterations; i++) {
-    let response;
-    try {
-      response = await fetch(getOpenRouterApiEndpoint(openRouterApiBaseUrl), {
-        body: JSON.stringify({
-          messages: completionMessages,
-          model: modelId,
-          tool_choice: 'auto',
-          tools
-        }),
+    let parsed;
+    if (useChatNetworkWorkerForRequests) {
+      const requestResult = await makeApiRequest({
         headers: {
           Authorization: `Bearer ${openRouterApiKey}`,
           'Content-Type': 'application/json',
           ...getClientRequestIdHeader()
         },
-        method: 'POST'
+        method: 'POST',
+        postBody: {
+          messages: completionMessages,
+          model: modelId,
+          tool_choice: 'auto',
+          tools
+        },
+        url: getOpenRouterApiEndpoint(openRouterApiBaseUrl)
       });
-    } catch {
-      return {
-        details: 'request-failed',
-        type: 'error'
-      };
-    }
-    if (!response.ok) {
-      if (response.status === 429) {
-        const retryAfter = response.headers?.get?.('retry-after') ?? null;
-        const rawMessage = await getOpenRouterRaw429Message(response);
-        const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl);
+      if (requestResult.type === 'error') {
+        if (requestResult.statusCode === 429) {
+          const retryAfter = requestResult.headers?.['retry-after'] ?? null;
+          const rawMessage = getOpenRouterRaw429MessageFromText(requestResult.response);
+          const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl, useChatNetworkWorkerForRequests);
+          return {
+            details: 'too-many-requests',
+            ...(limitInfo || retryAfter ? {
+              limitInfo: {
+                ...limitInfo,
+                ...(retryAfter ? {
+                  retryAfter
+                } : {})
+              }
+            } : {}),
+            ...(rawMessage ? {
+              rawMessage
+            } : {}),
+            statusCode: 429,
+            type: 'error'
+          };
+        }
         return {
-          details: 'too-many-requests',
-          ...(limitInfo || retryAfter ? {
-            limitInfo: {
-              ...limitInfo,
-              ...(retryAfter ? {
-                retryAfter
-              } : {})
-            }
-          } : {}),
-          ...(rawMessage ? {
-            rawMessage
-          } : {}),
-          statusCode: 429,
+          details: 'http-error',
+          statusCode: requestResult.statusCode,
+          type: 'error'
+        };
+      }
+      parsed = requestResult.body;
+    } else {
+      let response;
+      try {
+        response = await fetch(getOpenRouterApiEndpoint(openRouterApiBaseUrl), {
+          body: JSON.stringify({
+            messages: completionMessages,
+            model: modelId,
+            tool_choice: 'auto',
+            tools
+          }),
+          headers: {
+            Authorization: `Bearer ${openRouterApiKey}`,
+            'Content-Type': 'application/json',
+            ...getClientRequestIdHeader()
+          },
+          method: 'POST'
+        });
+      } catch {
+        return {
+          details: 'request-failed',
+          type: 'error'
+        };
+      }
+      if (!response.ok) {
+        if (response.status === 429) {
+          const retryAfter = response.headers?.get?.('retry-after') ?? null;
+          const rawMessage = await getOpenRouterRaw429Message(response);
+          const limitInfo = await getOpenRouterLimitInfo(openRouterApiKey, openRouterApiBaseUrl, useChatNetworkWorkerForRequests);
+          return {
+            details: 'too-many-requests',
+            ...(limitInfo || retryAfter ? {
+              limitInfo: {
+                ...limitInfo,
+                ...(retryAfter ? {
+                  retryAfter
+                } : {})
+              }
+            } : {}),
+            ...(rawMessage ? {
+              rawMessage
+            } : {}),
+            statusCode: 429,
+            type: 'error'
+          };
+        }
+        return {
+          details: 'http-error',
+          statusCode: response.status,
+          type: 'error'
+        };
+      }
+      try {
+        parsed = await response.json();
+      } catch {
+        return {
+          details: 'request-failed',
           type: 'error'
         };
       }
-      return {
-        details: 'http-error',
-        statusCode: response.status,
-        type: 'error'
-      };
-    }
-    let parsed;
-    try {
-      parsed = await response.json();
-    } catch {
-      return {
-        details: 'request-failed',
-        type: 'error'
-      };
     }
     if (!parsed || typeof parsed !== 'object') {
       return {
@@ -4652,6 +5089,17 @@ const isOpenRouterModel = (selectedModelId, models) => {
   return selectedModelId.toLowerCase().startsWith('openrouter/');
 };
 
+let requests = [];
+const reset$1 = () => {
+  requests = [];
+};
+const capture = request => {
+  requests = [...requests, request];
+};
+const getAll = () => {
+  return requests;
+};
+
 const getAiResponse = async ({
   assetDir,
   messageId,
@@ -4671,6 +5119,7 @@ const getAiResponse = async ({
   platform,
   selectedModelId,
   streamingEnabled = true,
+  useChatNetworkWorkerForRequests = false,
   useMockApi,
   userText,
   webSearchEnabled = false
@@ -4680,6 +5129,22 @@ const getAiResponse = async ({
   const usesOpenRouterModel = isOpenRouterModel(selectedModelId, models);
   if (usesOpenApiModel) {
     if (useMockApi) {
+      const openAiInput = messages.map(message => ({
+        content: message.text,
+        role: message.role
+      }));
+      const modelId = getOpenApiModelId(selectedModelId);
+      const headers = {
+        Authorization: `Bearer ${openApiApiKey}`,
+        'Content-Type': 'application/json',
+        ...getClientRequestIdHeader()
+      };
+      capture({
+        headers,
+        method: 'POST',
+        payload: getOpenAiParams(openAiInput, modelId, streamingEnabled, passIncludeObfuscation, getBasicChatTools(), webSearchEnabled),
+        url: getOpenApiApiEndpoint(openApiApiBaseUrl)
+      });
       const result = await getMockOpenApiAssistantText(streamingEnabled, onTextChunk, onToolCallsChunk, onDataEvent, onEventStreamFinished);
       if (result.type === 'success') {
         const {
@@ -4705,6 +5170,7 @@ const getAiResponse = async ({
           onToolCallsChunk
         } : {}),
         stream: streamingEnabled,
+        useChatNetworkWorkerForRequests,
         webSearchEnabled
       });
       if (result.type === 'success') {
@@ -4731,7 +5197,7 @@ const getAiResponse = async ({
         text = getOpenRouterErrorMessage(result);
       }
     } else if (openRouterApiKey) {
-      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform);
+      const result = await getOpenRouterAssistantText(messages, modelId, openRouterApiKey, openRouterApiBaseUrl, assetDir, platform, useChatNetworkWorkerForRequests);
       if (result.type === 'success') {
         const {
           text: assistantText
@@ -4815,6 +5281,7 @@ const handleClickSaveOpenApiApiKey = async state => {
     platform: updatedState.platform,
     selectedModelId: updatedState.selectedModelId,
     streamingEnabled: updatedState.streamingEnabled,
+    useChatNetworkWorkerForRequests: updatedState.useChatNetworkWorkerForRequests,
     useMockApi: updatedState.useMockApi,
     userText: previousUserMessage.text
   });
@@ -4895,6 +5362,7 @@ const handleClickSaveOpenRouterApiKey = async state => {
     openRouterApiKey,
     platform: updatedState.platform,
     selectedModelId: updatedState.selectedModelId,
+    useChatNetworkWorkerForRequests: updatedState.useChatNetworkWorkerForRequests,
     useMockApi: updatedState.useMockApi,
     userText: previousUserMessage.text
   });
@@ -5271,6 +5739,7 @@ Assistant: ${assistantText}`;
     platform: state.platform,
     selectedModelId,
     streamingEnabled: false,
+    useChatNetworkWorkerForRequests: state.useChatNetworkWorkerForRequests,
     useMockApi,
     userText: titlePrompt,
     webSearchEnabled: false
@@ -5298,6 +5767,7 @@ const handleSubmit = async state => {
     selectedSessionId,
     sessions,
     streamingEnabled,
+    useChatNetworkWorkerForRequests,
     useMockApi,
     viewMode,
     webSearchEnabled
@@ -5450,6 +5920,7 @@ const handleSubmit = async state => {
     platform,
     selectedModelId,
     streamingEnabled,
+    useChatNetworkWorkerForRequests,
     useMockApi,
     userText,
     webSearchEnabled
@@ -5493,16 +5964,39 @@ const handleClickSend = async state => {
 };
 
 const Composer = 'composer';
+const ComposerDropTarget = 'composer-drop-target';
 const Send = 'send';
 const Back = 'back';
 const Model = 'model';
+const ToggleChatFocus = 'toggle-chat-focus';
+const CreateProject = 'create-project';
 const CreateSession = 'create-session';
+const CreateSessionInProjectPrefix = 'create-session-in-project:';
 const SessionDebug = 'session-debug';
 const Settings = 'settings';
 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}`;
 };
@@ -5547,10 +6041,11 @@ const selectSession = async (state, id) => {
   });
   return {
     ...state,
+    lastNormalViewMode: state.viewMode === 'chat-focus' ? state.lastNormalViewMode : 'detail',
     renamingSessionId: '',
     selectedSessionId: id,
     sessions,
-    viewMode: 'detail'
+    viewMode: state.viewMode === 'chat-focus' ? 'chat-focus' : 'detail'
   };
 };
 
@@ -5571,14 +6066,61 @@ const startRename = (state, id) => {
   };
 };
 
+const toggleChatFocusMode = async state => {
+  if (state.viewMode === 'chat-focus') {
+    return {
+      ...state,
+      viewMode: state.lastNormalViewMode
+    };
+  }
+  if (state.viewMode === 'list' || state.viewMode === 'detail') {
+    return {
+      ...state,
+      lastNormalViewMode: state.viewMode,
+      viewMode: 'chat-focus'
+    };
+  }
+  return state;
+};
+
+const toggleProjectExpanded = async (state, projectId) => {
+  const isExpanded = state.projectExpandedIds.includes(projectId);
+  const projectExpandedIds = isExpanded ? state.projectExpandedIds.filter(id => id !== projectId) : [...state.projectExpandedIds, projectId];
+  const visibleSessions = getVisibleSessions(state.sessions, projectId);
+  if (visibleSessions.length === 0) {
+    return {
+      ...state,
+      projectExpandedIds,
+      selectedProjectId: projectId,
+      selectedSessionId: '',
+      viewMode: 'chat-focus'
+    };
+  }
+  const selectedSessionVisible = visibleSessions.some(session => session.id === state.selectedSessionId);
+  const selectedSessionId = selectedSessionVisible ? state.selectedSessionId : visibleSessions[0].id;
+  const loadedSession = await getChatSession(selectedSessionId);
+  const sessions = state.sessions.map(session => {
+    if (session.id !== selectedSessionId || !loadedSession) {
+      return session;
+    }
+    return loadedSession;
+  });
+  return {
+    ...state,
+    projectExpandedIds,
+    selectedProjectId: projectId,
+    selectedSessionId,
+    sessions,
+    viewMode: 'chat-focus'
+  };
+};
+
 const selectListIndex = async (state, index) => {
-  const {
-    sessions
-  } = state;
-  if (index < 0 || index >= sessions.length) {
+  const visibleSessions = getVisibleSessions(state.sessions, state.selectedProjectId);
+  if (index < 0 || index >= visibleSessions.length) {
     return state;
   }
-  const session = sessions[index];
+  const session = visibleSessions[index];
   return selectSession(state, session.id);
 };
 
@@ -5594,6 +6136,23 @@ const handleClick = async (state, name, id = '') => {
   if (name === CreateSession) {
     return createSession(state);
   }
+  if (name === CreateProject) {
+    return handleClickCreateProject(state);
+  }
+  if (isCreateSessionInProjectInputName(name)) {
+    const projectId = getProjectIdFromCreateSessionInProjectInputName(name);
+    return createSession(state, projectId);
+  }
+  if (name === ToggleChatFocus) {
+    return toggleChatFocusMode(state);
+  }
+  if (isProjectInputName(name)) {
+    const projectId = getProjectIdFromInputName(name);
+    if (state.viewMode === 'chat-focus') {
+      return toggleProjectExpanded(state, projectId);
+    }
+    return selectProject(state, projectId);
+  }
   if (isSessionInputName(name)) {
     const sessionId = getSessionIdFromInputName(name);
     return selectSession(state, sessionId);
@@ -5632,6 +6191,7 @@ const handleClick = async (state, name, id = '') => {
 const handleClickBack = async state => {
   return {
     ...state,
+    lastNormalViewMode: 'list',
     renamingSessionId: '',
     viewMode: 'list'
   };
@@ -5662,9 +6222,92 @@ const handleClickSessionDebug = async state => {
   return state;
 };
 
-const handleClickSettings = async () => {
-  // TODO
-  await invoke('Main.openUri', 'app://settings.json');
+const handleClickSettings = async () => {
+  // TODO
+  await invoke('Main.openUri', 'app://settings.json');
+};
+
+const handleDragEnter = async (state, name, hasFiles = true) => {
+  if (name !== ComposerDropTarget) {
+    return state;
+  }
+  if (!state.composerDropEnabled) {
+    return state;
+  }
+  if (!hasFiles) {
+    return state;
+  }
+  if (state.composerDropActive) {
+    return state;
+  }
+  return {
+    ...state,
+    composerDropActive: true
+  };
+};
+
+const handleDragLeave = async (state, name) => {
+  if (name !== ComposerDropTarget) {
+    return state;
+  }
+  if (!state.composerDropActive) {
+    return state;
+  }
+  return {
+    ...state,
+    composerDropActive: false
+  };
+};
+
+const handleDragOver = async (state, name, hasFiles = true) => {
+  if (name !== ComposerDropTarget) {
+    return state;
+  }
+  if (!state.composerDropEnabled) {
+    return state;
+  }
+  if (!hasFiles) {
+    return state;
+  }
+  if (state.composerDropActive) {
+    return state;
+  }
+  return {
+    ...state,
+    composerDropActive: true
+  };
+};
+
+const handleDropFiles = async (state, name, files = []) => {
+  if (name !== ComposerDropTarget) {
+    return state;
+  }
+  if (!state.composerDropEnabled) {
+    return {
+      ...state,
+      composerDropActive: false
+    };
+  }
+  const nextState = state.composerDropActive === false ? state : {
+    ...state,
+    composerDropActive: false
+  };
+  if (!state.selectedSessionId || files.length === 0) {
+    return nextState;
+  }
+  for (const file of files) {
+    await appendChatViewEvent({
+      attachmentId: crypto.randomUUID(),
+      blob: file,
+      mimeType: file.type,
+      name: file.name,
+      sessionId: state.selectedSessionId,
+      size: file.size,
+      timestamp: new Date().toISOString(),
+      type: 'chat-attachment-added'
+    });
+  }
+  return nextState;
 };
 
 const handleInput = async (state, name, value, inputSource = 'user') => {
@@ -5830,6 +6473,15 @@ const handleMessagesScroll = async (state, messagesScrollTop) => {
     messagesScrollTop
   };
 };
+const handleProjectListScroll = async (state, projectListScrollTop) => {
+  if (state.projectListScrollTop === projectListScrollTop) {
+    return state;
+  }
+  return {
+    ...state,
+    projectListScrollTop
+  };
+};
 
 const id = 7201;
 const sendMessagePortToExtensionHostWorker = async port => {
@@ -5929,7 +6581,7 @@ const getSavedViewMode = savedState => {
   const {
     viewMode
   } = savedState;
-  if (viewMode !== 'list' && viewMode !== 'detail') {
+  if (viewMode !== 'list' && viewMode !== 'detail' && viewMode !== 'chat-focus') {
     return undefined;
   }
   return viewMode;
@@ -5944,6 +6596,15 @@ const loadAiSessionTitleGenerationEnabled = async () => {
   }
 };
 
+const loadComposerDropEnabled = async () => {
+  try {
+    const savedComposerDropEnabled = await get('chatView.composerDropEnabled');
+    return typeof savedComposerDropEnabled === 'boolean' ? savedComposerDropEnabled : true;
+  } catch {
+    return true;
+  }
+};
+
 const loadEmitStreamingFunctionCallEvents = async () => {
   try {
     const savedEmitStreamingFunctionCallEvents = await get('chatView.emitStreamingFunctionCallEvents');
@@ -5997,15 +6658,26 @@ const loadStreamingEnabled = async () => {
   }
 };
 
+const loadUseChatNetworkWorkerForRequests = async () => {
+  try {
+    const savedUseChatNetworkWorkerForRequests = await get('chatView.useChatNetworkWorkerForRequests');
+    return typeof savedUseChatNetworkWorkerForRequests === 'boolean' ? savedUseChatNetworkWorkerForRequests : false;
+  } catch {
+    return false;
+  }
+};
+
 const loadPreferences = async () => {
-  const [aiSessionTitleGenerationEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation()]);
+  const [aiSessionTitleGenerationEnabled, composerDropEnabled, openApiApiKey, openRouterApiKey, emitStreamingFunctionCallEvents, streamingEnabled, passIncludeObfuscation, useChatNetworkWorkerForRequests] = await Promise.all([loadAiSessionTitleGenerationEnabled(), loadComposerDropEnabled(), loadOpenApiApiKey(), loadOpenRouterApiKey(), loadEmitStreamingFunctionCallEvents(), loadStreamingEnabled(), loadPassIncludeObfuscation(), loadUseChatNetworkWorkerForRequests()]);
   return {
     aiSessionTitleGenerationEnabled,
+    composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
-    streamingEnabled
+    streamingEnabled,
+    useChatNetworkWorkerForRequests
   };
 };
 
@@ -6026,22 +6698,110 @@ const loadSelectedSessionMessages = async (sessions, selectedSessionId) => {
 };
 
 const toSummarySession = session => {
-  return {
+  const summary = {
     id: session.id,
     messages: [],
     title: session.title
   };
+  if (!session.projectId) {
+    return summary;
+  }
+  return {
+    ...summary,
+    projectId: session.projectId
+  };
+};
+const getSavedSelectedProjectId = savedState => {
+  if (!isObject(savedState)) {
+    return undefined;
+  }
+  const {
+    selectedProjectId
+  } = savedState;
+  if (typeof selectedProjectId !== 'string') {
+    return undefined;
+  }
+  return selectedProjectId;
+};
+const getSavedProjects = savedState => {
+  if (!isObject(savedState)) {
+    return undefined;
+  }
+  const {
+    projects
+  } = savedState;
+  if (!Array.isArray(projects)) {
+    return undefined;
+  }
+  const validProjects = projects.filter(project => {
+    if (!isObject(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(savedState)) {
+    return undefined;
+  }
+  const {
+    projectListScrollTop
+  } = savedState;
+  if (typeof projectListScrollTop !== 'number') {
+    return undefined;
+  }
+  return projectListScrollTop;
+};
+const getSavedProjectExpandedIds = savedState => {
+  if (!isObject(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(savedState)) {
+    return undefined;
+  }
+  const {
+    lastNormalViewMode
+  } = savedState;
+  if (lastNormalViewMode !== 'list' && lastNormalViewMode !== 'detail') {
+    return undefined;
+  }
+  return lastNormalViewMode;
 };
 const loadContent = async (state, savedState) => {
   const savedSelectedModelId = getSavedSelectedModelId(savedState);
   const savedViewMode = getSavedViewMode(savedState);
   const {
     aiSessionTitleGenerationEnabled,
+    composerDropEnabled,
     emitStreamingFunctionCallEvents,
     openApiApiKey,
     openRouterApiKey,
     passIncludeObfuscation,
-    streamingEnabled
+    streamingEnabled,
+    useChatNetworkWorkerForRequests
   } = await loadPreferences();
   const legacySavedSessions = getSavedSessions(savedState);
   const storedSessions = await listChatSessions();
@@ -6059,34 +6819,67 @@ const loadContent = async (state, savedState) => {
     sessions = state.sessions.map(toSummarySession);
   }
   const preferredSessionId = getSavedSelectedSessionId(savedState) || state.selectedSessionId;
+  const savedProjects = getSavedProjects(savedState);
+  const baseProjects = savedProjects && savedProjects.length > 0 ? savedProjects : state.projects;
+  const blankProject = state.projects.find(project => project.name === '_blank') || {
+    id: 'project-blank',
+    name: '_blank',
+    uri: ''
+  };
+  const projects = ensureBlankProject(baseProjects, blankProject);
+  const preferredProjectId = getSavedSelectedProjectId(savedState) || state.selectedProjectId;
+  const selectedProjectId = projects.some(project => project.id === preferredProjectId) ? preferredProjectId : projects[0]?.id || '';
   const preferredModelId = savedSelectedModelId || state.selectedModelId;
   const chatListScrollTop = getSavedChatListScrollTop(savedState) ?? state.chatListScrollTop;
   const messagesScrollTop = getSavedMessagesScrollTop(savedState) ?? state.messagesScrollTop;
+  const projectListScrollTop = getSavedProjectListScrollTop(savedState) ?? state.projectListScrollTop;
+  const savedProjectExpandedIds = getSavedProjectExpandedIds(savedState);
+  const projectExpandedIds = (savedProjectExpandedIds || state.projectExpandedIds).filter(id => projects.some(project => project.id === id));
   const selectedModelId = state.models.some(model => model.id === preferredModelId) ? preferredModelId : state.models[0]?.id || '';
-  const selectedSessionId = sessions.some(session => session.id === preferredSessionId) ? preferredSessionId : sessions[0]?.id || '';
+  const visibleSessions = getVisibleSessions(sessions, selectedProjectId);
+  const selectedSessionId = visibleSessions.some(session => session.id === preferredSessionId) ? preferredSessionId : visibleSessions[0]?.id || '';
   sessions = await loadSelectedSessionMessages(sessions, selectedSessionId);
   const preferredViewMode = savedViewMode || state.viewMode;
-  const viewMode = sessions.length === 0 || !selectedSessionId ? 'list' : preferredViewMode === 'detail' ? 'detail' : 'list';
+  const savedLastNormalViewMode = getSavedLastNormalViewMode(savedState);
+  const lastNormalViewMode = savedLastNormalViewMode || (preferredViewMode === 'detail' ? 'detail' : state.lastNormalViewMode);
+  const viewMode = sessions.length === 0 || !selectedSessionId ? 'list' : preferredViewMode;
   return {
     ...state,
     aiSessionTitleGenerationEnabled,
     chatListScrollTop,
+    composerDropActive: false,
+    composerDropEnabled,
     emitStreamingFunctionCallEvents,
     initial: false,
+    lastNormalViewMode,
     messagesScrollTop,
     openApiApiKey,
     openApiApiKeyInput: openApiApiKey,
     openRouterApiKey,
     openRouterApiKeyInput: openRouterApiKey,
     passIncludeObfuscation,
+    projectExpandedIds,
+    projectListScrollTop,
+    projects,
     selectedModelId,
+    selectedProjectId,
     selectedSessionId,
     sessions,
     streamingEnabled,
+    useChatNetworkWorkerForRequests,
     viewMode
   };
 };
 
+const mockOpenApiRequestGetAll = _state => {
+  return getAll();
+};
+
+const mockOpenApiRequestReset = state => {
+  reset$1();
+  return state;
+};
+
 const mockOpenApiSetHttpErrorResponse = (state, statusCode, body) => {
   setHttpErrorResponse(statusCode, body);
   return state;
@@ -6103,7 +6896,7 @@ const mockOpenApiStreamPushChunk = (state, chunk) => {
 };
 
 const mockOpenApiStreamReset = state => {
-  reset$1();
+  reset$2();
   return state;
 };
 
@@ -6142,7 +6935,7 @@ const openMockSession = async (state, mockSessionId, mockChatMessages) => {
 };
 
 const registerMockResponse = (state, mockResponse) => {
-  reset$1();
+  reset$2();
   pushChunk(mockResponse.text);
   finish();
   return state;
@@ -6157,91 +6950,219 @@ const getCss = (composerHeight, listItemHeight, chatMessageFontSize, chatMessage
   --ChatMessageFontFamily: ${chatMessageFontFamily};
 }
 
-.ChatToolCalls {
-  position: relative;
-  border: 1px solid var(--vscode-editorWidget-border);
-  border-radius: 4px;
-  margin-bottom: 8px;
-  padding: 10px 8px 6px;
-  background: var(--vscode-editorWidget-background);
+.Viewlet.Chat.ChatFocus {
+  background: linear-gradient(180deg, var(--ColorViewBackground, #1d2229) 0%, #1f252d 100%);
+  display: grid;
+  grid-template-columns: 320px 1fr;
+  grid-template-rows: auto 1fr auto;
+}
+
+.Chat.ChatFocus .ChatHeader {
+  grid-column: 1 / 3;
+}
+
+.Chat.ChatFocus .ProjectSidebar {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 88%, #1f2b38 12%);
+  border-right: 1px solid var(--ColorBorder, #3a3d41);
+  box-shadow: inset -1px 0 0 rgba(0, 0, 0, 0.2);
+  display: flex;
+  flex-direction: column;
+  grid-column: 1;
+  grid-row: 2 / 4;
+  min-height: 0;
+}
+
+.Chat.ChatFocus .ProjectList {
+  min-height: 0;
+  overflow: auto;
+  padding: 10px 8px 12px;
+  scrollbar-color: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 78%, transparent)
+    color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 92%, transparent);
+  scrollbar-width: thin;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar {
+  height: 10px;
+  width: 10px;
+}
+
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-track {
+  background: color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
 }
 
-.ChatToolCallsLabel {
-  position: absolute;
-  top: -8px;
-  left: 8px;
-  padding: 0 4px;
-  border-radius: 3px;
-  background: var(--vscode-editor-background);
-  color: var(--vscode-descriptionForeground);
-  font-size: 10px;
-  line-height: 14px;
-  text-transform: lowercase;
-  letter-spacing: 0.02em;
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderBackground, #4b5563) 70%, transparent);
+  border: 2px solid color-mix(in srgb, var(--ColorSideBarBackground, #232b35) 94%, transparent);
+  border-radius: 999px;
 }
 
-.ChatToolCallReadFileLink {
-  color: var(--vscode-textLink-foreground);
-  text-decoration: underline;
+.Chat.ChatFocus .ProjectList::-webkit-scrollbar-thumb:hover {
+  background: color-mix(in srgb, var(--ColorScrollBarSliderHoverBackground, #667284) 80%, transparent);
 }
 
-.ChatToolCallRenderHtmlLabel {
+.ProjectListGroup {
+  border: 1px solid transparent;
+  border-radius: 8px;
   margin-bottom: 6px;
-  color: var(--vscode-descriptionForeground);
-  font-size: 12px;
+  overflow: hidden;
+}
+
+.ProjectListItem {
+  align-items: center;
+  display: flex;
+  gap: 6px;
+  min-height: calc(var(--ChatListItemHeight) - 2px);
 }
 
-.ChatToolCallRenderHtmlContent {
-  border: 1px solid var(--vscode-editorWidget-border);
+.ProjectListItemLabel {
+  align-items: center;
   border-radius: 6px;
-  background: var(--vscode-editor-background);
+  color: var(--ColorForeground, #d5dbe3);
+  cursor: pointer;
+  display: flex;
+  flex: 1;
+  font-weight: 500;
+  gap: 2px;
   overflow: hidden;
+  padding: 0 10px;
+  text-overflow: ellipsis;
+  transition: background-color 80ms ease, color 80ms ease;
+  white-space: nowrap;
+}
+
+.ProjectListChevron {
+  color: color-mix(in srgb, var(--ColorForeground, #c8d0da) 70%, transparent);
+  display: inline-block;
+  flex: 0 0 12px;
+  font-size: 11px;
+  margin-right: 4px;
+  text-align: center;
+  width: 12px;
+}
+
+.ProjectListItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #39424d) 84%, #2f3741 16%);
+}
+
+.ProjectListItem:not(.ProjectListItemSelected) .ProjectListItemLabel:hover,
+.ProjectListItem:not(.ProjectListItemSelected) .ProjectListItemLabel:focus-visible {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414b) 50%, transparent);
+}
+
+.ProjectListItemSelected .ProjectListItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #e5ebf2);
+}
+
+.ProjectListItemActions {
+  display: flex;
+  padding-right: 6px;
+}
+
+.ProjectListItemAddChatButton {
+  align-items: center;
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #3a434f) 76%, transparent);
+  border: 0;
+  border-radius: 5px;
+  color: var(--ColorForeground, #d0d8e2);
+  cursor: pointer;
+  display: inline-flex;
+  font-size: 13px;
+  font-weight: 500;
+  height: 18px;
+  justify-content: center;
+  opacity: 0;
+  padding: 0;
+  transition: opacity 90ms ease, background-color 90ms ease;
+  visibility: hidden;
+  width: 18px;
+}
+
+.ProjectListItem:hover .ProjectListItemAddChatButton,
+.ProjectListItem:focus-within .ProjectListItemAddChatButton {
+  opacity: 1;
+  visibility: visible;
 }
 
-.ChatToolCallRenderHtmlBody {
-  min-height: 180px;
-  padding: 12px;
+.ProjectListItemAddChatButton:hover,
+.ProjectListItemAddChatButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #4a5460) 82%, transparent);
 }
 
-.ChatToolCallRenderHtmlBody * {
-  box-sizing: border-box;
+.ProjectSessionItem {
+  align-items: center;
+  display: flex;
+  min-height: calc(var(--ChatListItemHeight) - 5px);
 }
 
-.ChatMessageLink {
-  color: #4d94ff;
-  text-decoration: underline;
+.ProjectSessionItemLabel {
+  border-radius: 6px;
+  color: color-mix(in srgb, var(--ColorForeground, #cfd7df) 92%, transparent);
   cursor: pointer;
+  display: block;
+  flex: 1;
+  font-size: 12.5px;
+  overflow: hidden;
+  padding: 0 10px 0 28px;
+  text-overflow: ellipsis;
+  transition: background-color 80ms ease, color 80ms ease;
+  white-space: nowrap;
 }
 
-.ChatOrderedList,
-.ChatUnorderedList {
-  margin: 6px 0;
-  padding-inline-start: 20px;
+.ProjectSessionItemSelected {
+  background: color-mix(in srgb, var(--ColorListInactiveSelectionBackground, #353f4a) 86%, #2c3540 14%);
 }
 
-.ChatOrderedListItem,
-.ChatUnorderedListItem {
-  margin: 2px 0;
+.ProjectSessionItem:not(.ProjectSessionItemSelected) .ProjectSessionItemLabel:hover,
+.ProjectSessionItem:not(.ProjectSessionItemSelected) .ProjectSessionItemLabel:focus-visible {
+  background: color-mix(in srgb, var(--ColorListHoverBackground, #38414c) 46%, transparent);
 }
 
-.MarkdownTable {
-  width: 100%;
-  margin: 6px 0;
-  border-collapse: collapse;
-  border: 1px solid var(--vscode-editorWidget-border);
+.ProjectSessionItemSelected .ProjectSessionItemLabel {
+  color: var(--ColorListInactiveSelectionForeground, #f2f6fc);
 }
 
-.MarkdownTable th,
-.MarkdownTable td {
-  border: 1px solid var(--vscode-editorWidget-border);
-  padding: 4px 8px;
+.Chat.ChatFocus .ProjectAddButton {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryBackground, #21252c) 72%, transparent);
+  border: 0;
+  border-top: 1px solid color-mix(in srgb, var(--ColorBorder, #3a3d41) 70%, transparent);
+  color: var(--ColorForeground, #d2d9e2);
+  cursor: pointer;
+  font-size: 12.5px;
+  letter-spacing: 0.01em;
+  margin-top: auto;
+  min-height: var(--ChatListItemHeight);
+  padding: 0 12px;
   text-align: left;
+  transition: background-color 80ms ease;
+}
+
+.Chat.ChatFocus .ProjectAddButton:hover,
+.Chat.ChatFocus .ProjectAddButton:focus-visible {
+  background: color-mix(in srgb, var(--ColorButtonSecondaryHoverBackground, #2a3039) 78%, transparent);
 }
 
-.MarkdownTable th {
-  background: var(--vscode-editorWidget-background);
+.ChatList,
+.ChatListEmpty,
+.ChatMessages {
+  min-height: 0;
 }
-}`;
+
+.Chat.ChatFocus .ChatList,
+.Chat.ChatFocus .ChatListEmpty {
+  display: none;
+}
+
+.Chat.ChatFocus .ChatMessages {
+  grid-column: 2;
+  grid-row: 2;
+}
+
+.Chat.ChatFocus .ChatSendArea {
+  grid-column: 2;
+  grid-row: 3;
+}
+`;
   if (!renderHtmlCss.trim()) {
     return baseCss;
   }
@@ -6298,6 +7219,8 @@ const Actions = 'Actions';
 const ChatActions = 'ChatActions';
 const ChatName = 'ChatName';
 const ChatSendArea = 'ChatSendArea';
+const ChatViewDropOverlay = 'ChatViewDropOverlay';
+const ChatViewDropOverlayActive = 'ChatViewDropOverlayActive';
 const SendButtonDisabled = 'SendButtonDisabled';
 const ChatSendAreaBottom = 'ChatSendAreaBottom';
 const ChatSendAreaContent = 'ChatSendAreaContent';
@@ -6306,6 +7229,7 @@ const ChatHeader = 'ChatHeader';
 const Button = 'Button';
 const ButtonPrimary = 'ButtonPrimary';
 const ButtonSecondary = 'ButtonSecondary';
+const Empty = '';
 const FileIcon = 'FileIcon';
 const IconButton = 'IconButton';
 const InputBox = 'InputBox';
@@ -6315,6 +7239,19 @@ const ChatList = 'ChatList';
 const ChatListEmpty = 'ChatListEmpty';
 const ChatListItem = 'ChatListItem';
 const ChatListItemLabel = 'ChatListItemLabel';
+const ProjectAddButton = 'ProjectAddButton';
+const ProjectList = 'ProjectList';
+const ProjectListChevron = 'ProjectListChevron';
+const ProjectListGroup = 'ProjectListGroup';
+const ProjectListItem = 'ProjectListItem';
+const ProjectListItemActions = 'ProjectListItemActions';
+const ProjectListItemAddChatButton = 'ProjectListItemAddChatButton';
+const ProjectListItemLabel = 'ProjectListItemLabel';
+const ProjectListItemSelected = 'ProjectListItemSelected';
+const ProjectSessionItem = 'ProjectSessionItem';
+const ProjectSessionItemLabel = 'ProjectSessionItemLabel';
+const ProjectSessionItemSelected = 'ProjectSessionItemSelected';
+const ProjectSidebar = 'ProjectSidebar';
 const Markdown = 'Markdown';
 const MarkdownTable = 'MarkdownTable';
 const Message = 'Message';
@@ -6359,6 +7296,13 @@ const HandleMessagesScroll = 22;
 const HandleClickSessionDebug = 23;
 const HandleClickReadFile = 24;
 const HandleMessagesContextMenu = 25;
+const HandleDragEnter = 26;
+const HandleDragOver = 27;
+const HandleDragLeave = 28;
+const HandleDrop = 29;
+const HandleDragEnterChatView = 30;
+const HandleDragOverChatView = 31;
+const HandleProjectListScroll = 32;
 
 const getModelLabel = model => {
   if (model.provider === 'openRouter') {
@@ -6408,147 +7352,71 @@ const getSendButtonDom = isSendDisabled => {
     title: sendMessage(),
     type: Button$1
   }, {
-    childCount: 0,
-    className: 'MaskIcon MaskIconSend',
-    type: Div
-  }];
-};
-
-const clampToPercentage = (tokensUsed, tokensMax) => {
-  if (tokensMax <= 0) {
-    return 0;
-  }
-  const percentage = tokensUsed / tokensMax * 100;
-  return Math.max(0, Math.min(100, percentage));
-};
-
-const getUsageOverviewDom = (tokensUsed, tokensMax) => {
-  const usagePercent = clampToPercentage(tokensUsed, tokensMax);
-  const usageLabel = `${tokensUsed} / ${tokensMax}`;
-  const usageTitle = `${tokensUsed} of ${tokensMax} tokens used (${Math.round(usagePercent)}%)`;
-  return [{
-    childCount: 3,
-    className: TokenUsageOverview,
-    type: Div
-  }, {
-    childCount: 1,
-    className: TokenUsageRing,
-    style: `background: conic-gradient(var(--vscode-button-background) ${usagePercent}%, var(--vscode-editorWidget-border) 0);`,
-    title: usageTitle,
-    type: Div
-  }, {
-    childCount: 0,
-    className: TokenUsageRingInner,
-    style: 'background: var(--vscode-editor-background);',
-    type: Div
-  }, {
-    childCount: 1,
-    className: LabelDetail,
-    title: usageTitle,
-    type: Span
-  }, text(usageLabel)];
-};
-
-const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20) => {
-  const isSendDisabled = composerValue.trim() === '';
-  return [{
-    childCount: 1,
-    className: ChatSendArea,
-    type: Div
-  }, {
-    childCount: 2,
-    className: ChatSendAreaContent,
-    type: Div
-  }, {
-    childCount: 0,
-    className: MultilineInputBox,
-    name: Composer,
-    onFocus: HandleFocus,
-    onInput: HandleInput,
-    placeholder: composePlaceholder(),
-    type: TextArea,
-    value: composerValue
-  }, {
-    childCount: usageOverviewEnabled ? 3 : 2,
-    className: ChatSendAreaBottom,
-    type: Div
-  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
-};
-
-const getBackButtonVirtualDom = () => {
-  return [{
-    childCount: 1,
-    className: IconButton,
-    name: Back,
-    onClick: HandleClickBack,
-    role: Button$2,
-    title: backToChats(),
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: 'MaskIcon MaskIconArrowLeft',
-    type: Div
-  }];
-};
-
-const getHeaderActionVirtualDom = item => {
-  return [{
-    childCount: 1,
-    className: IconButton,
-    name: item.name,
-    onClick: item.onClick,
-    title: item.title,
-    type: Button$1
-  }, {
-    childCount: 0,
-    className: item.icon,
-    type: Div
-  }];
-};
-
-const getChatHeaderActionsDom = () => {
-  const items = [{
-    icon: 'MaskIcon MaskIconDebugPause',
-    name: SessionDebug,
-    onClick: HandleClickSessionDebug,
-    title: debug()
-  }, {
-    icon: 'MaskIcon MaskIconAdd',
-    name: CreateSession,
-    onClick: HandleClickNew,
-    title: newChat()
-  }, {
-    icon: 'MaskIcon MaskIconSettingsGear',
-    name: Settings,
-    onClick: HandleClickSettings,
-    title: settings()
-  }, {
-    icon: 'MaskIcon MaskIconClose',
-    name: CloseChat,
-    onClick: HandleClickClose,
-    title: closeChat()
+    childCount: 0,
+    className: 'MaskIcon MaskIconSend',
+    type: Div
   }];
+};
+
+const clampToPercentage = (tokensUsed, tokensMax) => {
+  if (tokensMax <= 0) {
+    return 0;
+  }
+  const percentage = tokensUsed / tokensMax * 100;
+  return Math.max(0, Math.min(100, percentage));
+};
+
+const getUsageOverviewDom = (tokensUsed, tokensMax) => {
+  const usagePercent = clampToPercentage(tokensUsed, tokensMax);
+  const usageLabel = `${tokensUsed} / ${tokensMax}`;
+  const usageTitle = `${tokensUsed} of ${tokensMax} tokens used (${Math.round(usagePercent)}%)`;
   return [{
-    childCount: items.length,
-    className: ChatActions,
+    childCount: 3,
+    className: TokenUsageOverview,
     type: Div
-  }, ...items.flatMap(getHeaderActionVirtualDom)];
+  }, {
+    childCount: 1,
+    className: TokenUsageRing,
+    style: `background: conic-gradient(var(--vscode-button-background) ${usagePercent}%, var(--vscode-editorWidget-border) 0);`,
+    title: usageTitle,
+    type: Div
+  }, {
+    childCount: 0,
+    className: TokenUsageRingInner,
+    style: 'background: var(--vscode-editor-background);',
+    type: Div
+  }, {
+    childCount: 1,
+    className: LabelDetail,
+    title: usageTitle,
+    type: Span
+  }, text(usageLabel)];
 };
 
-const getChatHeaderDomDetailMode = selectedSessionTitle => {
+const getChatSendAreaDom = (composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20) => {
+  const isSendDisabled = composerValue.trim() === '';
   return [{
-    childCount: 2,
-    className: ChatHeader,
+    childCount: 1,
+    className: ChatSendArea,
     type: Div
   }, {
     childCount: 2,
-    className: ChatName,
+    className: ChatSendAreaContent,
     type: Div
-  }, ...getBackButtonVirtualDom(), {
-    childCount: 1,
-    className: Label,
-    type: Span
-  }, text(selectedSessionTitle), ...getChatHeaderActionsDom()];
+  }, {
+    childCount: 0,
+    className: MultilineInputBox,
+    name: Composer,
+    onFocus: HandleFocus,
+    onInput: HandleInput,
+    placeholder: composePlaceholder(),
+    type: TextArea,
+    value: composerValue
+  }, {
+    childCount: usageOverviewEnabled ? 3 : 2,
+    className: ChatSendAreaBottom,
+    type: Div
+  }, ...getChatSelectVirtualDom(models, selectedModelId), ...(usageOverviewEnabled ? getUsageOverviewDom(tokensUsed, tokensMax) : []), ...getSendButtonDom(isSendDisabled)];
 };
 
 const getInlineNodeDom = inlineNode => {
@@ -6561,6 +7429,12 @@ const getInlineNodeDom = inlineNode => {
       type: Strong
     }, text(inlineNode.text)];
   }
+  if (inlineNode.type === 'italic') {
+    return [{
+      childCount: 1,
+      type: Em
+    }, text(inlineNode.text)];
+  }
   return [{
     childCount: 1,
     className: ChatMessageLink,
@@ -7084,8 +7958,12 @@ const getElementType = tagName => {
       return inlineTags.has(tagName) ? Span : Div;
   }
 };
+const isHttpUrl$1 = url => {
+  const normalized = url.trim().toLowerCase();
+  return normalized.startsWith('http://') || normalized.startsWith('https://');
+};
 const normalizeUrl = url => {
-  return url.toLowerCase().startsWith('javascript:') ? '#' : url;
+  return isHttpUrl$1(url) ? url : '#';
 };
 const getElementAttributes = node => {
   const attributes = {};
@@ -7226,10 +8104,23 @@ const getToolCallsDom = message => {
 
 const orderedListItemRegex = /^\s*\d+\.\s+(.*)$/;
 const unorderedListItemRegex = /^\s*[-*]\s+(.*)$/;
-const markdownInlineRegex = /\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*/g;
+const markdownInlineRegex = /\[([^\]]+)\]\(([^)]+)\)|\*\*([^*]+)\*\*|\*([^*]+)\*/g;
 const markdownTableSeparatorCellRegex = /^:?-{3,}:?$/;
 const fencedCodeBlockRegex = /^```/;
 const markdownHeadingRegex = /^\s*(#{1,6})\s+(.*)$/;
+const isHttpUrl = url => {
+  const normalized = url.trim().toLowerCase();
+  return normalized.startsWith('http://') || normalized.startsWith('https://');
+};
+const sanitizeUrl = url => {
+  return isHttpUrl(url) ? url : '#';
+};
+const normalizeEscapedNewlines = value => {
+  if (value.includes('\\n')) {
+    return value.replaceAll(/\\r\\n|\\n/g, '\n');
+  }
+  return value;
+};
 const normalizeInlineTables = value => {
   return value.split(/\r?\n/).map(line => {
     if (!line.includes('|')) {
@@ -7283,6 +8174,7 @@ const parseInlineNodes = value => {
     const linkText = match[1];
     const href = match[2];
     const boldText = match[3];
+    const italicText = match[4];
     const index = match.index ?? 0;
     if (index > lastIndex) {
       nodes.push({
@@ -7292,7 +8184,7 @@ const parseInlineNodes = value => {
     }
     if (linkText && href) {
       nodes.push({
-        href,
+        href: sanitizeUrl(href),
         text: linkText,
         type: 'link'
       });
@@ -7301,6 +8193,11 @@ const parseInlineNodes = value => {
         text: boldText,
         type: 'bold'
       });
+    } else if (italicText) {
+      nodes.push({
+        text: italicText,
+        type: 'italic'
+      });
     }
     lastIndex = index + fullMatch.length;
   }
@@ -7328,7 +8225,8 @@ const parseMessageContent = rawMessage => {
       type: 'text'
     }];
   }
-  const lines = normalizeInlineTables(rawMessage).split(/\r?\n/);
+  const normalizedMessage = normalizeEscapedNewlines(rawMessage);
+  const lines = normalizeInlineTables(normalizedMessage).split(/\r?\n/);
   const nodes = [];
   let paragraphLines = [];
   let listItems = [];
@@ -7494,15 +8392,227 @@ const getMessagesDom = (messages, openRouterApiKeyInput, openApiApiKeyInput = ''
   }, ...messages.flatMap(message => getChatMessageDom(message, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState))];
 };
 
-const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0) => {
+const getProjectSessionDom = (session, selectedSessionId) => {
+  const className = mergeClassNames(ProjectSessionItem, session.id === selectedSessionId ? ProjectSessionItemSelected : Empty);
+  return [{
+    childCount: 1,
+    className,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ProjectSessionItemLabel,
+    name: getSessionInputName(session.id),
+    onClick: HandleClick,
+    tabIndex: 0,
+    type: Div
+  }, text(session.title)];
+};
+const getProjectGroupDom = (project, sessions, projectExpandedIds, selectedProjectId, selectedSessionId) => {
+  const expanded = projectExpandedIds.includes(project.id);
+  const projectClassName = mergeClassNames(ProjectListItem, project.id === selectedProjectId ? ProjectListItemSelected : Empty);
+  return [{
+    childCount: 1 + (expanded ? sessions.length : 0),
+    className: ProjectListGroup,
+    type: Div
+  }, {
+    childCount: 2,
+    className: projectClassName,
+    type: Div
+  }, {
+    childCount: 2,
+    className: ProjectListItemLabel,
+    name: getProjectInputName(project.id),
+    onClick: HandleClick,
+    tabIndex: 0,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ProjectListChevron,
+    type: Span
+  }, text(expanded ? '▾' : '▸'), text(project.name), {
+    childCount: 1,
+    className: ProjectListItemActions,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ProjectListItemAddChatButton,
+    name: getCreateSessionInProjectInputName(project.id),
+    onClick: HandleClick,
+    tabIndex: 0,
+    title: 'New chat in this project',
+    type: Button$1
+  }, text('+'), ...(expanded ? sessions.flatMap(session => getProjectSessionDom(session, selectedSessionId)) : [])];
+};
+const getProjectListDom = (projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop) => {
+  const blankProjectId = projects.find(project => project.name === '_blank')?.id || projects[0]?.id || '';
+  const projectGroups = projects.map(project => {
+    const projectSessions = sessions.filter(session => {
+      const sessionProjectId = session.projectId || blankProjectId;
+      return sessionProjectId === project.id;
+    });
+    return getProjectGroupDom(project, projectSessions, projectExpandedIds, selectedProjectId, selectedSessionId);
+  });
+  return [{
+    childCount: 2,
+    className: ProjectSidebar,
+    type: Div
+  }, {
+    childCount: projects.length,
+    className: ProjectList,
+    onScroll: HandleProjectListScroll,
+    scrollTop: projectListScrollTop,
+    type: Div
+  }, ...projectGroups.flat(), {
+    childCount: 1,
+    className: ProjectAddButton,
+    name: CreateProject,
+    onClick: HandleClick,
+    tabIndex: 0,
+    type: Button$1
+  }, text('+ Add Project')];
+};
+
+const getChatModeChatFocusVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0) => {
   const selectedSession = sessions.find(session => session.id === selectedSessionId);
   const selectedSessionTitle = selectedSession?.title || chatTitle();
   const messages = selectedSession ? selectedSession.messages : [];
+  const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 3,
+    childCount: 5,
+    className: mergeClassNames(Viewlet, Chat, 'ChatFocus'),
+    onDragEnter: HandleDragEnterChatView,
+    onDragOver: HandleDragOverChatView,
+    type: Div
+  }, {
+    childCount: 1,
+    className: ChatHeader,
+    type: Div
+  }, {
+    childCount: 1,
+    className: Label,
+    type: Span
+  }, {
+    text: selectedSessionTitle,
+    type: Text
+  }, ...getProjectListDom(projects, sessions, projectExpandedIds, selectedProjectId, selectedSessionId, projectListScrollTop), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight), {
+    childCount: 1,
+    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    name: ComposerDropTarget,
+    onDragLeave: HandleDragLeave,
+    onDragOver: HandleDragOver,
+    onDrop: HandleDrop,
+    type: Div
+  }, {
+    text: attachImageAsContext(),
+    type: Text
+  }];
+};
+
+const getBackButtonVirtualDom = () => {
+  return [{
+    childCount: 1,
+    className: IconButton,
+    name: Back,
+    onClick: HandleClickBack,
+    role: Button$2,
+    title: backToChats(),
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: 'MaskIcon MaskIconArrowLeft',
+    type: Div
+  }];
+};
+
+const getHeaderActionVirtualDom = item => {
+  return [{
+    childCount: 1,
+    className: IconButton,
+    name: item.name,
+    onClick: item.onClick,
+    title: item.title,
+    type: Button$1
+  }, {
+    childCount: 0,
+    className: item.icon,
+    type: Div
+  }];
+};
+
+const getChatHeaderActionsDom = viewMode => {
+  const toggleTitle = viewMode === 'chat-focus' ? normalChatMode() : chatFocusMode();
+  const items = [{
+    icon: 'MaskIcon MaskIconLayoutPanelLeft',
+    name: ToggleChatFocus,
+    onClick: HandleClick,
+    title: toggleTitle
+  }, {
+    icon: 'MaskIcon MaskIconDebugPause',
+    name: SessionDebug,
+    onClick: HandleClickSessionDebug,
+    title: debug()
+  }, {
+    icon: 'MaskIcon MaskIconAdd',
+    name: CreateSession,
+    onClick: HandleClickNew,
+    title: newChat()
+  }, {
+    icon: 'MaskIcon MaskIconSettingsGear',
+    name: Settings,
+    onClick: HandleClickSettings,
+    title: settings()
+  }, {
+    icon: 'MaskIcon MaskIconClose',
+    name: CloseChat,
+    onClick: HandleClickClose,
+    title: closeChat()
+  }];
+  return [{
+    childCount: items.length,
+    className: ChatActions,
+    type: Div
+  }, ...items.flatMap(getHeaderActionVirtualDom)];
+};
+
+const getChatHeaderDomDetailMode = selectedSessionTitle => {
+  return [{
+    childCount: 2,
+    className: ChatHeader,
+    type: Div
+  }, {
+    childCount: 2,
+    className: ChatName,
+    type: Div
+  }, ...getBackButtonVirtualDom(), {
+    childCount: 1,
+    className: Label,
+    type: Span
+  }, text(selectedSessionTitle), ...getChatHeaderActionsDom('detail')];
+};
+
+const getChatModeDetailVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState = 'idle', composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, messagesScrollTop = 0, composerDropActive = false, composerDropEnabled = true) => {
+  const selectedSession = sessions.find(session => session.id === selectedSessionId);
+  const selectedSessionTitle = selectedSession?.title || chatTitle();
+  const messages = selectedSession ? selectedSession.messages : [];
+  const isDropOverlayVisible = composerDropEnabled && composerDropActive;
+  return [{
+    childCount: 4,
     className: mergeClassNames(Viewlet, Chat),
+    onDragEnter: HandleDragEnterChatView,
+    onDragOver: HandleDragOverChatView,
+    type: Div
+  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight), {
+    childCount: 1,
+    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    name: ComposerDropTarget,
+    onDragLeave: HandleDragLeave,
+    onDragOver: HandleDragOver,
+    onDrop: HandleDrop,
     type: Div
-  }, ...getChatHeaderDomDetailMode(selectedSessionTitle), ...getMessagesDom(messages, openRouterApiKeyInput, openApiApiKeyInput, openRouterApiKeyState, messagesScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight)];
+  }, {
+    text: attachImageAsContext(),
+    type: Text
+  }];
 };
 
 const getChatHeaderListModeDom = () => {
@@ -7514,7 +8624,7 @@ const getChatHeaderListModeDom = () => {
     childCount: 1,
     className: Label,
     type: Span
-  }, text(chats()), ...getChatHeaderActionsDom()];
+  }, text(chats()), ...getChatHeaderActionsDom('list')];
 };
 
 const getEmptyChatSessionsDom = () => {
@@ -7572,12 +8682,26 @@ const getChatListDom = (sessions, selectedSessionId, chatListScrollTop = 0) => {
   }, ...sessions.flatMap(getSessionDom)];
 };
 
-const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0) => {
+const getChatModeListVirtualDom = (sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight = 28, composerFontSize = 13, composerFontFamily = 'system-ui', composerLineHeight = 20, chatListScrollTop = 0, composerDropActive = false, composerDropEnabled = true) => {
+  const isDropOverlayVisible = composerDropEnabled && composerDropActive;
   return [{
-    childCount: 3,
+    childCount: 4,
     className: mergeClassNames(Viewlet, Chat),
+    onDragEnter: HandleDragEnterChatView,
+    onDragOver: HandleDragOverChatView,
+    type: Div
+  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight), {
+    childCount: 1,
+    className: mergeClassNames(ChatViewDropOverlay, isDropOverlayVisible ? ChatViewDropOverlayActive : Empty),
+    name: ComposerDropTarget,
+    onDragLeave: HandleDragLeave,
+    onDragOver: HandleDragOver,
+    onDrop: HandleDrop,
     type: Div
-  }, ...getChatHeaderListModeDom(), ...getChatListDom(sessions, selectedSessionId, chatListScrollTop), ...getChatSendAreaDom(composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight)];
+  }, {
+    text: attachImageAsContext(),
+    type: Text
+  }];
 };
 
 const getChatModeUnsupportedVirtualDom = () => {
@@ -7587,12 +8711,14 @@ const getChatModeUnsupportedVirtualDom = () => {
   }, text(unknownViewMode())];
 };
 
-const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop) => {
+const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive = false, composerDropEnabled = true, projects = [], projectExpandedIds = [], selectedProjectId = '', projectListScrollTop = 0) => {
   switch (viewMode) {
+    case 'chat-focus':
+      return getChatModeChatFocusVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop);
     case 'detail':
-      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop);
+      return getChatModeDetailVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, openApiApiKeyInput, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, messagesScrollTop, composerDropActive, composerDropEnabled);
     case 'list':
-      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop);
+      return getChatModeListVirtualDom(sessions, selectedSessionId, composerValue, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, composerDropActive, composerDropEnabled);
     default:
       return getChatModeUnsupportedVirtualDom();
   }
@@ -7601,6 +8727,8 @@ const getChatVirtualDom = (sessions, selectedSessionId, composerValue, openRoute
 const renderItems = (oldState, newState) => {
   const {
     chatListScrollTop,
+    composerDropActive,
+    composerDropEnabled,
     composerFontFamily,
     composerFontSize,
     composerHeight,
@@ -7612,7 +8740,11 @@ const renderItems = (oldState, newState) => {
     openApiApiKeyInput,
     openRouterApiKeyInput,
     openRouterApiKeyState,
+    projectExpandedIds,
+    projectListScrollTop,
+    projects,
     selectedModelId,
+    selectedProjectId,
     selectedSessionId,
     sessions,
     tokensMax,
@@ -7624,7 +8756,7 @@ const renderItems = (oldState, newState) => {
   if (initial) {
     return [SetDom2, uid, []];
   }
-  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop);
+  const dom = getChatVirtualDom(sessions, selectedSessionId, composerValue, openRouterApiKeyInput, viewMode, models, selectedModelId, usageOverviewEnabled, tokensUsed, tokensMax, openApiApiKeyInput, openRouterApiKeyState, composerHeight, composerFontSize, composerFontFamily, composerLineHeight, chatListScrollTop, messagesScrollTop, composerDropActive, composerDropEnabled, projects, projectExpandedIds, selectedProjectId, projectListScrollTop);
   return [SetDom2, uid, dom];
 };
 
@@ -7728,6 +8860,30 @@ const renderEventListeners = () => {
   }, {
     name: HandleInput,
     params: ['handleInput', TargetName, TargetValue]
+  }, {
+    name: HandleDragEnter,
+    params: ['handleDragEnter', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    preventDefault: true
+  }, {
+    name: HandleDragOver,
+    params: ['handleDragOver', TargetName, 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    preventDefault: true
+  }, {
+    name: HandleDragLeave,
+    params: ['handleDragLeave', TargetName],
+    preventDefault: true
+  }, {
+    name: HandleDrop,
+    params: ['handleDropFiles', TargetName, 'Array.from(event.dataTransfer?.files || [])'],
+    preventDefault: true
+  }, {
+    name: HandleDragEnterChatView,
+    params: ['handleDragEnter', 'composer-drop-target', 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    preventDefault: true
+  }, {
+    name: HandleDragOverChatView,
+    params: ['handleDragOver', 'composer-drop-target', 'Array.from(event.dataTransfer?.files || []).length > 0'],
+    preventDefault: true
   }, {
     name: HandleModelChange,
     params: ['handleModelChange', TargetValue]
@@ -7737,6 +8893,9 @@ const renderEventListeners = () => {
   }, {
     name: HandleMessagesScroll,
     params: ['handleMessagesScroll', 'event.target.scrollTop']
+  }, {
+    name: HandleProjectListScroll,
+    params: ['handleProjectListScroll', 'event.target.scrollTop']
   }, {
     name: HandleMessagesContextMenu,
     params: ['handleMessagesContextMenu'],
@@ -7784,20 +8943,30 @@ const saveState = state => {
   const {
     chatListScrollTop,
     composerValue,
+    lastNormalViewMode,
     messagesScrollTop,
     nextMessageId,
+    projectExpandedIds,
+    projectListScrollTop,
+    projects,
     renamingSessionId,
     selectedModelId,
+    selectedProjectId,
     selectedSessionId,
     viewMode
   } = state;
   return {
     chatListScrollTop,
     composerValue,
+    lastNormalViewMode,
     messagesScrollTop,
     nextMessageId,
+    projectExpandedIds,
+    projectListScrollTop,
+    projects,
     renamingSessionId,
     selectedModelId,
+    selectedProjectId,
     selectedSessionId,
     viewMode
   };
@@ -7839,6 +9008,18 @@ const setStreamingEnabled = (state, streamingEnabled) => {
   };
 };
 
+const setUseChatNetworkWorkerForRequests = async (state, useChatNetworkWorkerForRequests, persist = true) => {
+  if (persist) {
+    await update({
+      'chatView.useChatNetworkWorkerForRequests': useChatNetworkWorkerForRequests
+    });
+  }
+  return {
+    ...state,
+    useChatNetworkWorkerForRequests
+  };
+};
+
 const defaultMockApiCommandId = 'ChatE2e.mockApi';
 const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) => {
   if (!value) {
@@ -7857,6 +9038,7 @@ const useMockApi = (state, value, mockApiCommandId = defaultMockApiCommandId) =>
 const commandMap = {
   'Chat.clearInput': wrapCommand(clearInput),
   'Chat.create': create,
+  'Chat.deleteSessionAtIndex': wrapCommand(deleteSessionAtIndex),
   'Chat.diff2': diff2,
   'Chat.enterNewLine': wrapCommand(handleNewline),
   'Chat.getCommandIds': getCommandIds,
@@ -7873,16 +9055,23 @@ const commandMap = {
   'Chat.handleClickReadFile': handleClickReadFile,
   'Chat.handleClickSessionDebug': wrapCommand(handleClickSessionDebug),
   'Chat.handleClickSettings': handleClickSettings,
+  'Chat.handleDragEnter': wrapCommand(handleDragEnter),
+  'Chat.handleDragLeave': wrapCommand(handleDragLeave),
+  'Chat.handleDragOver': wrapCommand(handleDragOver),
+  'Chat.handleDropFiles': wrapCommand(handleDropFiles),
   'Chat.handleInput': wrapCommand(handleInput),
   'Chat.handleInputFocus': wrapCommand(handleInputFocus),
   'Chat.handleKeyDown': wrapCommand(handleKeyDown),
   'Chat.handleMessagesContextMenu': wrapCommand(handleMessagesContextMenu),
   'Chat.handleMessagesScroll': wrapCommand(handleMessagesScroll),
   'Chat.handleModelChange': wrapCommand(handleModelChange),
+  'Chat.handleProjectListScroll': wrapCommand(handleProjectListScroll),
   'Chat.handleSubmit': wrapCommand(handleSubmit),
   'Chat.initialize': initialize,
   'Chat.loadContent': wrapCommand(loadContent),
   'Chat.loadContent2': wrapCommand(loadContent),
+  'Chat.mockOpenApiRequestGetAll': wrapGetter(mockOpenApiRequestGetAll),
+  'Chat.mockOpenApiRequestReset': wrapCommand(mockOpenApiRequestReset),
   'Chat.mockOpenApiSetHttpErrorResponse': wrapCommand(mockOpenApiSetHttpErrorResponse),
   'Chat.mockOpenApiStreamFinish': wrapCommand(mockOpenApiStreamFinish),
   'Chat.mockOpenApiStreamPushChunk': wrapCommand(mockOpenApiStreamPushChunk),
@@ -7899,6 +9088,7 @@ const commandMap = {
   'Chat.setEmitStreamingFunctionCallEvents': wrapCommand(setEmitStreamingFunctionCallEvents),
   'Chat.setOpenRouterApiKey': wrapCommand(setOpenRouterApiKey),
   'Chat.setStreamingEnabled': wrapCommand(setStreamingEnabled),
+  'Chat.setUseChatNetworkWorkerForRequests': wrapCommand(setUseChatNetworkWorkerForRequests),
   'Chat.terminate': terminate,
   'Chat.useMockApi': wrapCommand(useMockApi)
 };