Add comprehensive unit tests for Ctrl+C behavior

- test_single_ctrl_c_stops_agent: Verifies first Ctrl+C stops agent gracefully with helpful message
- test_double_ctrl_c_raises_keyboard_interrupt: Verifies second Ctrl+C within 2 seconds raises KeyboardInterrupt for CLI cleanup
- test_ctrl_p_pauses_agent: Verifies Ctrl+P still pauses agent as expected

Tests use proper mocking of prompt_toolkit's create_input, raw_mode, and attach context managers.
All tests pass and validate the improved Ctrl+C behavior implementation.

Co-authored-by: OpenHands-Claude <openhands-claude@all-hands.dev>

.github/CODEOWNERS

@@ -3,7 +3,6 @@
 
 # Frontend code owners
 /frontend/ @rbren @amanape
-/openhands-ui/ @amanape
 
 # Evaluation code owners
 /evaluation/ @xingyaoww @neubig

.github/workflows/fe-unit-tests.yml

@@ -9,8 +9,8 @@ on:
       - main
   pull_request:
     paths:
-      - "frontend/**"
-      - ".github/workflows/fe-unit-tests.yml"
+      - 'frontend/**'
+      -  '.github/workflows/fe-unit-tests.yml'
 
 # If triggered by a PR, it will be in the same group. However, each commit on main will be in its own unique group
 concurrency:
@@ -38,7 +38,7 @@ jobs:
         run: npm ci
       - name: Run TypeScript compilation
         working-directory: ./frontend
-        run: npm run build
+        run: npm run make-i18n && tsc
       - name: Run tests and collect coverage
         working-directory: ./frontend
         run: npm run test:coverage

.github/workflows/ghcr-build.yml

@@ -54,7 +54,6 @@ jobs:
   ghcr_build_app:
     name: Build App Image
     runs-on: blacksmith-4vcpu-ubuntu-2204
-    if: "!(github.event_name == 'push' && startsWith(github.ref, 'refs/tags/ext-v'))"
     permissions:
       contents: read
       packages: write
@@ -104,7 +103,6 @@ jobs:
   ghcr_build_runtime:
     name: Build Image
     runs-on: blacksmith-4vcpu-ubuntu-2204
-    if: "!(github.event_name == 'push' && startsWith(github.ref, 'refs/tags/ext-v'))"
     permissions:
       contents: read
       packages: write

.github/workflows/stale.yml

@@ -15,7 +15,7 @@ jobs:
           stale-issue-message: 'This issue is stale because it has been open for 30 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
           stale-pr-message: 'This PR is stale because it has been open for 30 days with no activity. Remove stale label or comment or this will be closed in 7 days.'
           days-before-stale: 30
-          exempt-issue-labels: 'roadmap'
+          exempt-issue-labels: 'tracked'
           close-issue-message: 'This issue was closed because it has been stalled for over 30 days with no activity.'
           close-pr-message: 'This PR was closed because it has been stalled for over 30 days with no activity.'
           days-before-close: 7

.github/workflows/vscode-extension-build.yml

@@ -1,156 +0,0 @@
-# Workflow that validates the VSCode extension builds correctly
-name: VSCode Extension CI
-
-# * Always run on "main"
-# * Run on PRs that have changes in the VSCode extension folder or this workflow
-# * Run on tags that start with "ext-v"
-on:
-  push:
-    branches:
-      - main
-    tags:
-      - 'ext-v*'
-  pull_request:
-    paths:
-      - 'openhands/integrations/vscode/**'
-      - 'build_vscode.py'
-      - '.github/workflows/vscode-extension-build.yml'
-
-# If triggered by a PR, it will be in the same group. However, each commit on main will be in its own unique group
-concurrency:
-  group: ${{ github.workflow }}-${{ (github.head_ref && github.ref) || github.run_id }}
-  cancel-in-progress: true
-
-jobs:
-  # Validate VSCode extension builds correctly
-  validate-vscode-extension:
-    name: Validate VSCode Extension Build
-    runs-on: blacksmith-4vcpu-ubuntu-2204
-
-    steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Set up Node.js
-        uses: useblacksmith/setup-node@v5
-        with:
-          node-version: '22'
-
-      - name: Set up Python
-        uses: actions/setup-python@v5
-        with:
-          python-version: '3.12'
-
-      - name: Install VSCode extension dependencies
-        working-directory: ./openhands/integrations/vscode
-        run: npm ci
-
-      - name: Build VSCode extension via build_vscode.py
-        run: python build_vscode.py
-        env:
-          # Ensure we don't skip the build
-          SKIP_VSCODE_BUILD: ""
-
-      - name: Validate .vsix file
-        run: |
-          # Verify the .vsix was created and is valid
-          if [ -f "openhands/integrations/vscode/openhands-vscode-0.0.1.vsix" ]; then
-            echo "✅ VSCode extension built successfully"
-            ls -la openhands/integrations/vscode/openhands-vscode-0.0.1.vsix
-
-            # Basic validation that the .vsix is a valid zip file
-            echo "🔍 Validating .vsix structure..."
-            file openhands/integrations/vscode/openhands-vscode-0.0.1.vsix
-            unzip -t openhands/integrations/vscode/openhands-vscode-0.0.1.vsix
-
-            echo "✅ VSCode extension validation passed"
-          else
-            echo "❌ VSCode extension build failed - .vsix not found"
-            exit 1
-          fi
-
-      - name: Upload VSCode extension artifact
-        uses: actions/upload-artifact@v4
-        with:
-          name: vscode-extension
-          path: openhands/integrations/vscode/openhands-vscode-0.0.1.vsix
-          retention-days: 7
-
-      - name: Comment on PR with artifact link
-        if: github.event_name == 'pull_request'
-        uses: actions/github-script@v7
-        with:
-          script: |
-            const fs = require('fs');
-            const path = require('path');
-
-            // Get file size for display
-            const vsixPath = 'openhands/integrations/vscode/openhands-vscode-0.0.1.vsix';
-            const stats = fs.statSync(vsixPath);
-            const fileSizeKB = Math.round(stats.size / 1024);
-
-            const comment = `## 🔧 VSCode Extension Built Successfully!
-
-            The VSCode extension has been built and is ready for testing.
-
-            **📦 Download**: [openhands-vscode-0.0.1.vsix](https://github.com/${{ github.repository }}/actions/runs/${{ github.run_id }}) (${fileSizeKB} KB)
-
-            **🚀 To install**:
-            1. Download the artifact from the workflow run above
-            2. In VSCode: \`Ctrl+Shift+P\` → "Extensions: Install from VSIX..."
-            3. Select the downloaded \`.vsix\` file
-
-            **✅ Tested with**: Node.js 22
-            **🔍 Validation**: File structure and integrity verified
-
-            ---
-            *Built from commit ${{ github.sha }}*`;
-
-            // Check if we already commented on this PR and delete it
-            const { data: comments } = await github.rest.issues.listComments({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-            });
-
-            const botComment = comments.find(comment =>
-              comment.user.login === 'github-actions[bot]' &&
-              comment.body.includes('VSCode Extension Built Successfully')
-            );
-
-            if (botComment) {
-              await github.rest.issues.deleteComment({
-                owner: context.repo.owner,
-                repo: context.repo.repo,
-                comment_id: botComment.id,
-              });
-            }
-
-            // Create a new comment
-            await github.rest.issues.createComment({
-              owner: context.repo.owner,
-              repo: context.repo.repo,
-              issue_number: context.issue.number,
-              body: comment
-            });
-
-  release:
-    name: Create GitHub Release
-    runs-on: blacksmith-4vcpu-ubuntu-2204
-    needs: validate-vscode-extension
-    if: startsWith(github.ref, 'refs/tags/ext-v')
-
-    steps:
-      - name: Download .vsix artifact
-        uses: actions/download-artifact@v4
-        with:
-          name: vscode-extension
-          path: ./
-
-      - name: Create Release
-        uses: ncipollo/release-action@v1.16.0
-        with:
-          artifacts: "*.vsix"
-          token: ${{ secrets.GITHUB_TOKEN }}
-          draft: true
-          allowUpdates: true

.openhands/microagents/repo.md

@@ -15,13 +15,10 @@ make build && make run FRONTEND_PORT=12000 FRONTEND_HOST=0.0.0.0 BACKEND_HOST=0.
 
 IMPORTANT: Before making any changes to the codebase, ALWAYS run `make install-pre-commit-hooks` to ensure pre-commit hooks are properly installed.
 
-
-
 Before pushing any changes, you MUST ensure that any lint errors or simple test errors have been fixed.
 
 * If you've made changes to the backend, you should run `pre-commit run --config ./dev_config/python/.pre-commit-config.yaml` (this will run on staged files).
 * If you've made changes to the frontend, you should run `cd frontend && npm run lint:fix && npm run build ; cd ..`
-* If you've made changes to the VSCode extension, you should run `cd openhands/integrations/vscode && npm run lint:fix && npm run compile ; cd ../../..`
 
 The pre-commit hooks MUST pass successfully before pushing any changes to the repository. This is a mandatory requirement to maintain code quality and consistency.
 
@@ -63,22 +60,6 @@ Frontend:
   - Mutation hooks should follow the pattern use[Action] (e.g., `useDeleteConversation`)
   - Architecture rule: UI components → TanStack Query hooks → Data Access Layer (`frontend/src/api`) → API endpoints
 
-VSCode Extension:
-- Located in the `openhands/integrations/vscode` directory
-- Setup: Run `npm install` in the extension directory
-- Linting:
-  - Run linting with fixes: `npm run lint:fix`
-  - Check only: `npm run lint`
-  - Type checking: `npm run typecheck`
-- Building:
-  - Compile TypeScript: `npm run compile`
-  - Package extension: `npm run package-vsix`
-- Testing:
-  - Run tests: `npm run test`
-- Development Best Practices:
-  - Use `vscode.window.createOutputChannel()` for debug logging instead of `showErrorMessage()` popups
-  - Pre-commit process runs both frontend and backend checks when committing extension changes
-
 ## Template for Github Pull Request
 
 If you are starting a pull request (PR), please follow the template in `.github/pull_request_template.md`.

CONTRIBUTING.md

@@ -31,7 +31,7 @@ We're always looking to improve the look and feel of the application. If you've
 for something that's bugging you, feel free to open up a PR that changes the [`./frontend`](./frontend) directory.
 
 If you're looking to make a bigger change, add a new UI element, or significantly alter the style
-of the application, please open an issue first, or better, join the #eng-ui-ux channel in our Slack
+of the application, please open an issue first, or better, join the #frontend channel in our Slack
 to gather consensus from our design team first.
 
 #### Improving the agent

Development.md

@@ -159,7 +159,7 @@ poetry run pytest ./tests/unit/test_*.py
 To reduce build time (e.g., if no changes were made to the client-runtime component), you can use an existing Docker
 container image by setting the SANDBOX_RUNTIME_CONTAINER_IMAGE environment variable to the desired Docker image.
 
-Example: `export SANDBOX_RUNTIME_CONTAINER_IMAGE=ghcr.io/all-hands-ai/runtime:0.48-nikolaik`
+Example: `export SANDBOX_RUNTIME_CONTAINER_IMAGE=ghcr.io/all-hands-ai/runtime:0.47-nikolaik`
 
 ## Develop inside Docker container
 

README.md

@@ -62,17 +62,17 @@ system requirements and more information.
 
 
 ```bash
-docker pull docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik
+docker pull docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik
 
 docker run -it --rm --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     -p 3000:3000 \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48
+    docker.all-hands.dev/all-hands-ai/openhands:0.47
 ```
 
 > **Note**: If you used OpenHands before version 0.44, you may want to run `mv ~/.openhands-state ~/.openhands` to migrate your conversation history to the new location.

README_CN.md

@@ -51,17 +51,17 @@ OpenHands也可以使用Docker在本地系统上运行。
 
 
 ```bash
-docker pull docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik
+docker pull docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik
 
 docker run -it --rm --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     -p 3000:3000 \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48
+    docker.all-hands.dev/all-hands-ai/openhands:0.47
 ```
 
 > **注意**: 如果您在0.44版本之前使用过OpenHands，您可能需要运行 `mv ~/.openhands-state ~/.openhands` 来将对话历史迁移到新位置。

README_JA.md

@@ -42,17 +42,17 @@ OpenHandsはDockerを利用してローカル環境でも実行できます。
 > 公共ネットワークで実行していますか？[Hardened Docker Installation Guide](https://docs.all-hands.dev/usage/runtimes/docker#hardened-docker-installation)を参照して、ネットワークバインディングの制限や追加のセキュリティ対策を実施してください。
 
 ```bash
-docker pull docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik
+docker pull docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik
 
 docker run -it --rm --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     -p 3000:3000 \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48
+    docker.all-hands.dev/all-hands-ai/openhands:0.47
 ```
 
 **注**: バージョン0.44以前のOpenHandsを使用していた場合は、会話履歴を移行するために `mv ~/.openhands-state ~/.openhands` を実行してください。

build_vscode.py

@@ -1,114 +0,0 @@
-import os
-import pathlib
-import subprocess
-
-# This script is intended to be run by Poetry during the build process.
-
-# Define the expected name of the .vsix file based on the extension's package.json
-# This should match the name and version in openhands-vscode/package.json
-EXTENSION_NAME = 'openhands-vscode'
-EXTENSION_VERSION = '0.0.1'
-VSIX_FILENAME = f'{EXTENSION_NAME}-{EXTENSION_VERSION}.vsix'
-
-# Paths
-ROOT_DIR = pathlib.Path(__file__).parent.resolve()
-VSCODE_EXTENSION_DIR = ROOT_DIR / 'openhands' / 'integrations' / 'vscode'
-
-
-def check_node_version():
-    """Check if Node.js version is sufficient for building the extension."""
-    try:
-        result = subprocess.run(
-            ['node', '--version'], capture_output=True, text=True, check=True
-        )
-        version_str = result.stdout.strip()
-        # Extract major version number (e.g., "v12.22.9" -> 12)
-        major_version = int(version_str.lstrip('v').split('.')[0])
-        return major_version >= 18  # Align with frontend actual usage (18.20.1)
-    except (subprocess.CalledProcessError, FileNotFoundError, ValueError):
-        return False
-
-
-def build_vscode_extension():
-    """Builds the VS Code extension."""
-    vsix_path = VSCODE_EXTENSION_DIR / VSIX_FILENAME
-
-    # Check if VSCode extension build is disabled via environment variable
-    if os.environ.get('SKIP_VSCODE_BUILD', '').lower() in ('1', 'true', 'yes'):
-        print('--- Skipping VS Code extension build (SKIP_VSCODE_BUILD is set) ---')
-        if vsix_path.exists():
-            print(f'--- Using existing VS Code extension: {vsix_path} ---')
-        else:
-            print('--- No pre-built VS Code extension found ---')
-        return
-
-    # Check Node.js version - if insufficient, use pre-built extension as fallback
-    if not check_node_version():
-        print('--- Warning: Node.js version < 18 detected or Node.js not found ---')
-        print('--- Skipping VS Code extension build (requires Node.js >= 18) ---')
-        print('--- Using pre-built extension if available ---')
-
-        if not vsix_path.exists():
-            print('--- Warning: No pre-built VS Code extension found ---')
-            print('--- VS Code extension will not be available ---')
-        else:
-            print(f'--- Using pre-built VS Code extension: {vsix_path} ---')
-        return
-
-    print(f'--- Building VS Code extension in {VSCODE_EXTENSION_DIR} ---')
-
-    try:
-        # Ensure npm dependencies are installed
-        print('--- Running npm install for VS Code extension ---')
-        subprocess.run(
-            ['npm', 'install'],
-            cwd=VSCODE_EXTENSION_DIR,
-            check=True,
-            shell=os.name == 'nt',
-        )
-
-        # Package the extension
-        print(f'--- Packaging VS Code extension ({VSIX_FILENAME}) ---')
-        subprocess.run(
-            ['npm', 'run', 'package-vsix'],
-            cwd=VSCODE_EXTENSION_DIR,
-            check=True,
-            shell=os.name == 'nt',
-        )
-
-        # Verify the generated .vsix file exists
-        if not vsix_path.exists():
-            raise FileNotFoundError(
-                f'VS Code extension package not found after build: {vsix_path}'
-            )
-
-        print(f'--- VS Code extension built successfully: {vsix_path} ---')
-
-    except subprocess.CalledProcessError as e:
-        print(f'--- Warning: Failed to build VS Code extension: {e} ---')
-        print('--- Continuing without building extension ---')
-        if not vsix_path.exists():
-            print('--- Warning: No pre-built VS Code extension found ---')
-            print('--- VS Code extension will not be available ---')
-
-
-def build(setup_kwargs):
-    """
-    This function is called by Poetry during the build process.
-    `setup_kwargs` is a dictionary that will be passed to `setuptools.setup()`.
-    """
-    print('--- Running custom Poetry build script (build_vscode.py) ---')
-
-    # Build the VS Code extension and place the .vsix file
-    build_vscode_extension()
-
-    # Poetry will handle including files based on pyproject.toml `include` patterns.
-    # Ensure openhands/integrations/vscode/*.vsix is included there.
-
-    print('--- Custom Poetry build script (build_vscode.py) finished ---')
-
-
-if __name__ == '__main__':
-    print('Running build_vscode.py directly for testing VS Code extension packaging...')
-    build_vscode_extension()
-    print('Direct execution of build_vscode.py finished.')

config.template.toml

@@ -18,6 +18,9 @@
 # Cache directory path
 #cache_dir = "/tmp/cache"
 
+# Reasoning effort for o1 models (low, medium, high, or not set)
+#reasoning_effort = "medium"
+
 # Debugging enabled
 #debug = false
 
@@ -46,9 +49,6 @@
 # Maximum file size for uploads, in megabytes
 #file_uploads_max_file_size_mb = 0
 
-# Enable the browser environment
-#enable_browser = true
-
 # Maximum budget per task, 0.0 means no limit
 #max_budget_per_task = 0.0
 
@@ -116,9 +116,6 @@ api_key = ""
 # API version
 #api_version = ""
 
-# Reasoning effort for OpenAI o-series models (low, medium, high, or not set)
-#reasoning_effort = "medium"
-
 # Cost per input token
 #input_cost_per_token = 0.0
 
@@ -229,7 +226,6 @@ model = "gpt-4o"
 [agent]
 
 # Whether the browsing tool is enabled
-# Note: when this is set to true, enable_browser in the core config must also be true
 enable_browsing = true
 
 # Whether the LLM draft editor is enabled

containers/app/Dockerfile

@@ -1,5 +1,5 @@
 ARG OPENHANDS_BUILD_VERSION=dev
-FROM node:24.3.0-bookworm-slim AS frontend-builder
+FROM node:22.16.0-bookworm-slim AS frontend-builder
 
 WORKDIR /app
 

containers/dev/compose.yml

@@ -12,7 +12,7 @@ services:
       - SANDBOX_API_HOSTNAME=host.docker.internal
       - DOCKER_HOST_ADDR=host.docker.internal
       #
-      - SANDBOX_RUNTIME_CONTAINER_IMAGE=${SANDBOX_RUNTIME_CONTAINER_IMAGE:-ghcr.io/all-hands-ai/runtime:0.48-nikolaik}
+      - SANDBOX_RUNTIME_CONTAINER_IMAGE=${SANDBOX_RUNTIME_CONTAINER_IMAGE:-ghcr.io/all-hands-ai/runtime:0.47-nikolaik}
       - SANDBOX_USER_ID=${SANDBOX_USER_ID:-1234}
       - WORKSPACE_MOUNT_PATH=${WORKSPACE_BASE:-$PWD/workspace}
     ports:

docker-compose.yml

@@ -7,7 +7,7 @@ services:
     image: openhands:latest
     container_name: openhands-app-${DATE:-}
     environment:
-      - SANDBOX_RUNTIME_CONTAINER_IMAGE=${SANDBOX_RUNTIME_CONTAINER_IMAGE:-docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik}
+      - SANDBOX_RUNTIME_CONTAINER_IMAGE=${SANDBOX_RUNTIME_CONTAINER_IMAGE:-docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik}
       #- SANDBOX_USER_ID=${SANDBOX_USER_ID:-1234} # enable this only if you want a specific non-root sandbox user but you will have to manually adjust permissions of ~/.openhands for this user
       - WORKSPACE_MOUNT_PATH=${WORKSPACE_BASE:-$PWD/workspace}
     ports:

docs/usage/configuration-options.mdx

@@ -8,12 +8,6 @@ description: This page outlines all available configuration options for OpenHand
    In GUI Mode, any settings applied through the Settings UI will take precedence.
 </Note>
 
-## Location of the `config.toml` File
-
-When running OpenHands in CLI, headless, or development mode, you can use a project-specific `config.toml` file for configuration, which must be
-located in the same directory from which the command is run. Alternatively, you may use the `--config-file` option to
-specify a different path to the `config.toml` file.
-
 ## Core Configuration
 
 The core configuration options are defined in the `[core]` section of the `config.toml` file.

docs/usage/how-to/cli-mode.mdx

@@ -33,45 +33,6 @@ pip install openhands-ai
 uvx --python 3.12 --from openhands-ai openhands
 ```
 
-<AccordionGroup>
-
-<Accordion title="Create shell aliases for easy access across environments">
-
-Add the following to your shell configuration file (`.bashrc`, `.zshrc`, etc.):
-
-```bash
-# Add OpenHands aliases
-alias openhands="uvx --python 3.12 --from openhands-ai openhands"
-alias oh="uvx --python 3.12 --from openhands-ai openhands"
-```
-
-After adding these lines, reload your shell configuration with `source ~/.bashrc` or `source ~/.zshrc` (depending on your shell).
-
-</Accordion>
-
-<Accordion title="Install OpenHands in home directory without global installation">
-
-You can install OpenHands in a virtual environment in your home directory using `uv`:
-
-```bash
-# Create a virtual environment in your home directory
-cd ~
-uv venv .openhands-venv --python 3.12
-
-# Install OpenHands in the virtual environment
-uv pip install -t ~/.openhands-venv/lib/python3.12/site-packages openhands-ai
-
-# Add the bin directory to your PATH in your shell configuration file
-echo 'export PATH="$PATH:$HOME/.openhands-venv/bin"' >> ~/.bashrc  # or ~/.zshrc
-
-# Reload your shell configuration
-source ~/.bashrc  # or source ~/.zshrc
-```
-
-</Accordion>
-
-</AccordionGroup>
-
 2. Launch an interactive OpenHands conversation from the command line:
 ```bash
 openhands
@@ -103,7 +64,7 @@ The conversation history will be saved in `~/.openhands/sessions`.
 ```bash
 docker run -it \
     --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e SANDBOX_USER_ID=$(id -u) \
     -e SANDBOX_VOLUMES=$SANDBOX_VOLUMES \
     -e LLM_API_KEY=$LLM_API_KEY \
@@ -112,7 +73,7 @@ docker run -it \
     -v ~/.openhands:/.openhands \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app-$(date +%Y%m%d%H%M%S) \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48 \
+    docker.all-hands.dev/all-hands-ai/openhands:0.47 \
     python -m openhands.cli.main --override-cli-mode true
 ```
 

docs/usage/how-to/gui-mode.mdx

@@ -122,15 +122,17 @@ OpenHands automatically exports a `GITLAB_TOKEN` to the shell environment if pro
 </Accordion>
 </AccordionGroup>
 
-#### BitBucket Setup
+#### BitBucket Setup (Coming soon ...)
 <AccordionGroup>
 <Accordion title="Setting Up a BitBucket Password">
 1. **Generate an App Password**:
    - On BitBucket, go to Personal Settings > App Password.
    - Create a new password with the following scopes:
-     - `account`: `read`
+     - `repository: read`
      - `repository: write`
+     - `pull requests: read`
      - `pull requests: write`
+     - `issues: read`
      - `issues: write`
    - App passwords are non-expiring token. OpenHands will migrate to using API tokens in the future.
   2. **Enter Token in OpenHands**:

docs/usage/how-to/headless-mode.mdx

@@ -18,78 +18,42 @@ poetry run python -m openhands.core.main -t "write a bash script that prints hi"
 You'll need to be sure to set your model, API key, and other settings via environment variables
 [or the `config.toml` file](https://github.com/All-Hands-AI/OpenHands/blob/main/config.template.toml).
 
-### Working with Repositories
-
-You can specify a repository for OpenHands to work with using `--selected-repo` or the `SANDBOX_SELECTED_REPO` environment variable:
-
-> **Note**: Currently, authentication tokens (GITHUB_TOKEN, GITLAB_TOKEN, or BITBUCKET_TOKEN) are required for all repository operations, including public repositories. This is a known limitation that may be addressed in future versions to allow tokenless access to public repositories.
-
-```bash
-# Using command-line argument
-poetry run python -m openhands.core.main \
-  --selected-repo "owner/repo-name" \
-  -t "analyze the codebase and suggest improvements"
-
-# Using environment variable
-export SANDBOX_SELECTED_REPO="owner/repo-name"
-poetry run python -m openhands.core.main -t "fix any linting issues"
-
-# Authentication tokens are currently required for ALL repository operations (public and private)
-# This includes GitHub, GitLab, and Bitbucket repositories
-export GITHUB_TOKEN="your-token"  # or GITLAB_TOKEN, BITBUCKET_TOKEN
-poetry run python -m openhands.core.main \
-  --selected-repo "owner/repo-name" \
-  -t "review the security implementation"
-
-# Using task files instead of inline task
-echo "Review the README and suggest improvements" > task.txt
-poetry run python -m openhands.core.main -f task.txt --selected-repo "owner/repo"
-```
-
 ## With Docker
 
-Set environment variables and run the Docker command:
+To run OpenHands in Headless mode with Docker:
+
+1. Set the following environment variables in your terminal:
+   - `SANDBOX_VOLUMES` to specify the directory you want OpenHands to access ([See using SANDBOX_VOLUMES for more info](../runtimes/docker#using-sandbox_volumes))
+   - `LLM_MODEL` - the LLM model to use (e.g. `export LLM_MODEL="anthropic/claude-sonnet-4-20250514"`)
+   - `LLM_API_KEY` - your API key (e.g. `export LLM_API_KEY="sk_test_12345"`)
+
+2. Run the following Docker command:
 
 ```bash
-# Set required environment variables
-export SANDBOX_VOLUMES="/path/to/workspace"  # See SANDBOX_VOLUMES docs for details
-export LLM_MODEL="anthropic/claude-sonnet-4-20250514"
-export LLM_API_KEY="your-api-key"
-export SANDBOX_SELECTED_REPO="owner/repo-name"  # Optional: requires GITHUB_TOKEN
-export GITHUB_TOKEN="your-token"  # Required for repository operations
-
-# Run OpenHands
 docker run -it \
     --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e SANDBOX_USER_ID=$(id -u) \
     -e SANDBOX_VOLUMES=$SANDBOX_VOLUMES \
     -e LLM_API_KEY=$LLM_API_KEY \
     -e LLM_MODEL=$LLM_MODEL \
-    -e SANDBOX_SELECTED_REPO=$SANDBOX_SELECTED_REPO \
-    -e GITHUB_TOKEN=$GITHUB_TOKEN \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app-$(date +%Y%m%d%H%M%S) \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48 \
+    docker.all-hands.dev/all-hands-ai/openhands:0.47 \
     python -m openhands.core.main -t "write a bash script that prints hi"
 ```
-
-> **Note**: If you used OpenHands before version 0.44, run `mv ~/.openhands-state ~/.openhands` to migrate your conversation history.
+> **Note**: If you used OpenHands before version 0.44, you may want to run `mv ~/.openhands-state ~/.openhands` to migrate your conversation history to the new location.
 
 The `-e SANDBOX_USER_ID=$(id -u)` is passed to the Docker command to ensure the sandbox user matches the host user’s
+permissions. This prevents the agent from creating root-owned files in the mounted workspace.
 
-## Additional Options
+## Advanced Headless Configurations
 
-Common command-line options:
-- `-d "/path/to/workspace"` - Set working directory
-- `-f task.txt` - Load task from file
-- `-i 50` - Set max iterations
-- `-b 10.0` - Set budget limit (USD)
-- `--no-auto-continue` - Interactive mode
+To view all available configuration options for headless mode, run the Python command with the `--help` flag.
 
-Run `poetry run python -m openhands.core.main --help` for all options, or use a [`config.toml` file](https://github.com/All-Hands-AI/OpenHands/blob/main/config.template.toml) for more flexibility.
+### Additional Logs
 
-Set `export LOG_ALL_EVENTS=true` to log all agent actions.
+For the headless mode to log all the agent actions, in the terminal run: `export LOG_ALL_EVENTS=true`

docs/usage/llms/local-llms.mdx

@@ -68,23 +68,23 @@ Download and install the LM Studio desktop app from [lmstudio.ai](https://lmstud
 1. Check [the installation guide](/usage/local-setup) and ensure all prerequisites are met before running OpenHands, then run:
 
 ```bash
-docker pull docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik
+docker pull docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik
 
 docker run -it --rm --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     -p 3000:3000 \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48
+    docker.all-hands.dev/all-hands-ai/openhands:0.47
 ```
 
 2. Wait until the server is running (see log below):
 ```
 Digest: sha256:e72f9baecb458aedb9afc2cd5bc935118d1868719e55d50da73190d3a85c674f
-Status: Image is up to date for docker.all-hands.dev/all-hands-ai/openhands:0.48
+Status: Image is up to date for docker.all-hands.dev/all-hands-ai/openhands:0.47
 Starting OpenHands...
 Running OpenHands as root
 14:22:13 - openhands:INFO: server_config.py:50 - Using config class None
@@ -175,27 +175,6 @@ vllm serve mistralai/Devstral-Small-2505 \
     --enable-prefix-caching
 ```
 
-If you are interested in further improved inference speed, you can also try Snowflake's version
-of vLLM, [ArcticInference](https://www.snowflake.com/en/engineering-blog/fast-speculative-decoding-vllm-arctic/),
-which can achieve up to 2x speedup in some cases.
-
-1. Install the Arctic Inference library that automatically patches vLLM:
-
-```bash
-pip install git+https://github.com/snowflakedb/ArcticInference.git
-```
-
-2. Run the launch command with speculative decoding enabled:
-
-```bash
-vllm serve mistralai/Devstral-Small-2505 \
-    --host 0.0.0.0 --port 8000 \
-    --api-key mykey \
-    --tensor-parallel-size 2 \
-    --served-model-name Devstral-Small-2505 \
-    --speculative-config '{"method": "suffix"}'
-```
-
 ### Run OpenHands (Alternative Backends)
 
 #### Using Docker

docs/usage/local-setup.mdx

@@ -67,17 +67,17 @@ A system with a modern processor and a minimum of **4GB RAM** is recommended to
 ### Start the App
 
 ```bash
-docker pull docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik
+docker pull docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik
 
 docker run -it --rm --pull=always \
-    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.48-nikolaik \
+    -e SANDBOX_RUNTIME_CONTAINER_IMAGE=docker.all-hands.dev/all-hands-ai/runtime:0.47-nikolaik \
     -e LOG_ALL_EVENTS=true \
     -v /var/run/docker.sock:/var/run/docker.sock \
     -v ~/.openhands:/.openhands \
     -p 3000:3000 \
     --add-host host.docker.internal:host-gateway \
     --name openhands-app \
-    docker.all-hands.dev/all-hands-ai/openhands:0.48
+    docker.all-hands.dev/all-hands-ai/openhands:0.47
 ```
 
 > **Note**: If you used OpenHands before version 0.44, you may want to run `mv ~/.openhands-state ~/.openhands` to migrate your conversation history to the new location.

docs/usage/prompting/microagents-org.mdx

@@ -24,12 +24,3 @@ General microagent file example for organization `Great-Co` located inside the `
 ```
 
 For GitLab organizations, the same microagent would be located inside the `openhands-config` repository.
-
-## User Microagents When Running Openhands on Your Own
-
-<Note>
-  This works with CLI, headless and development modes. It does not work out of the box when running OpenHands using the docker command.
-</Note>
-
-When running OpenHands on your own, you can place microagents in the `~/.openhands/microagents` folder on your local
-system and OpenHands will always load it for all your conversations.

docs/usage/troubleshooting/troubleshooting.mdx

@@ -38,21 +38,6 @@ On initial prompt, an error is seen with `Permission Denied` or `PermissionError
 * If mounting a local directory, ensure your `WORKSPACE_BASE` has the necessary permissions for the user running
   OpenHands.
 
-### Internal Server Error. Ports are not available
-
-**Description**
-
-When running on Windows, the error `Internal Server Error ("ports are not available: exposing port TCP
-...: bind: An attempt was made to access a socket in a
-way forbidden by its access permissions.")` is encountered.
-
-**Resolution**
-
-* Run the following command in PowerShell, as Administrator to reset the NAT service and release the ports:
-```
-Restart-Service -Name "winnat"
-```
-
 ### Unable to access VS Code tab via local IP
 
 **Description**

evaluation/benchmarks/swe_bench/run_infer.py

@@ -109,7 +109,9 @@ def get_instruction(instance: pd.Series, metadata: EvalMetadata) -> MessageActio
         template_name = 'swt.j2'
     elif mode == 'swe':
         if 'claude' in llm_model:
-            template_name = 'swe_default.j2'
+            template_name = 'swe_claude.j2'
+        elif 'gemini' in llm_model:
+            template_name = 'swe_gemini.j2'
         elif 'gpt-4.1' in llm_model:
             template_name = 'swe_gpt4.j2'
         else:

frontend/.eslintrc

@@ -13,9 +13,8 @@
     "plugin:react-hooks/recommended",
     "plugin:@tanstack/query/recommended",
   ],
-  "plugins": ["prettier", "unused-imports", "i18next"],
+  "plugins": ["prettier", "unused-imports"],
   "rules": {
-    "i18next/no-literal-string": "error",
     "unused-imports/no-unused-imports": "error",
     "prettier/prettier": ["error"],
     // Resolves https://stackoverflow.com/questions/59265981/typescript-eslint-missing-file-extension-ts-import-extensions/59268871#59268871

frontend/.husky/pre-commit

@@ -1,7 +1,7 @@
 # Run frontend checks
 echo "Running frontend checks..."
 cd frontend
-npm run lint
+npm run check-unlocalized-strings
 npm run check-translation-completeness
 npx lint-staged
 

frontend/__tests__/components/chat-message.test.tsx

@@ -10,7 +10,9 @@ describe("ChatMessage", () => {
     expect(screen.getByText("Hello, World!")).toBeInTheDocument();
   });
 
-  it("should support code syntax highlighting", () => {
+  it.todo("should render an assistant message");
+
+  it.skip("should support code syntax highlighting", () => {
     const code = "```js\nconsole.log('Hello, World!')\n```";
     render(<ChatMessage type="user" message={code} />);
 
@@ -44,6 +46,8 @@ describe("ChatMessage", () => {
     );
   });
 
+  it("should display an error toast if copying content to clipboard fails", async () => {});
+
   it("should render a component passed as a prop", () => {
     function Component() {
       return <div data-testid="custom-component">Custom Component</div>;

frontend/__tests__/components/features/chat/launch-microagent-modal.test.tsx

@@ -1,167 +0,0 @@
-import { render, screen, waitFor } from "@testing-library/react";
-import { afterEach, describe, expect, it, vi } from "vitest";
-import userEvent from "@testing-library/user-event";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { LaunchMicroagentModal } from "#/components/features/chat/microagent/launch-microagent-modal";
-import { MemoryService } from "#/api/memory-service/memory-service.api";
-import { FileService } from "#/api/file-service/file-service.api";
-import { I18nKey } from "#/i18n/declaration";
-
-vi.mock("react-router", async () => ({
-  useParams: vi.fn().mockReturnValue({
-    conversationId: "123",
-  }),
-}));
-
-// Mock the useHandleRuntimeActive hook
-vi.mock("#/hooks/use-handle-runtime-active", () => ({
-  useHandleRuntimeActive: vi.fn().mockReturnValue({ runtimeActive: true }),
-}));
-
-// Mock the useMicroagentPrompt hook
-vi.mock("#/hooks/query/use-microagent-prompt", () => ({
-  useMicroagentPrompt: vi.fn().mockReturnValue({
-    data: "Generated prompt",
-    isLoading: false
-  }),
-}));
-
-// Mock the useGetMicroagents hook
-vi.mock("#/hooks/query/use-get-microagents", () => ({
-  useGetMicroagents: vi.fn().mockReturnValue({
-    data: ["file1", "file2"]
-  }),
-}));
-
-// Mock the useTranslation hook
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({
-    t: (key: string) => {
-      const translations: Record<string, string> = {
-        [I18nKey.MICROAGENT$ADD_TO_MICROAGENT]: "Add to Microagent",
-        [I18nKey.MICROAGENT$WHAT_TO_REMEMBER]: "What would you like your microagent to remember?",
-        [I18nKey.MICROAGENT$WHERE_TO_PUT]: "Where should we put it?",
-        [I18nKey.MICROAGENT$ADD_TRIGGERS]: "Add triggers for the microagent",
-        [I18nKey.MICROAGENT$DESCRIBE_WHAT_TO_ADD]: "Describe what you want to add to the Microagent...",
-        [I18nKey.MICROAGENT$SELECT_FILE_OR_CUSTOM]: "Select a microagent file or enter a custom value",
-        [I18nKey.MICROAGENT$TYPE_TRIGGER_SPACE]: "Type a trigger and press Space to add it",
-        [I18nKey.MICROAGENT$LOADING_PROMPT]: "Loading prompt...",
-        [I18nKey.MICROAGENT$CANCEL]: "Cancel",
-        [I18nKey.MICROAGENT$LAUNCH]: "Launch"
-      };
-      return translations[key] || key;
-    },
-    i18n: {
-      changeLanguage: vi.fn(),
-    },
-  }),
-  Trans: ({ i18nKey }: { i18nKey: string }) => i18nKey,
-}));
-
-describe("LaunchMicroagentModal", () => {
-  const onCloseMock = vi.fn();
-  const onLaunchMock = vi.fn();
-  const eventId = 12;
-  const conversationId = "123";
-
-  const renderMicroagentModal = (
-    { isLoading }: { isLoading: boolean } = { isLoading: false },
-  ) =>
-    render(
-      <LaunchMicroagentModal
-        onClose={onCloseMock}
-        onLaunch={onLaunchMock}
-        eventId={eventId}
-        selectedRepo="some-repo"
-        isLoading={isLoading}
-      />,
-      {
-        wrapper: ({ children }) => (
-          <QueryClientProvider client={new QueryClient()}>
-            {children}
-          </QueryClientProvider>
-        ),
-      },
-    );
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  it("should render the launch microagent modal", () => {
-    renderMicroagentModal();
-    expect(screen.getByTestId("launch-microagent-modal")).toBeInTheDocument();
-  });
-
-  it("should render the form fields", () => {
-    renderMicroagentModal();
-
-    // inputs
-    screen.getByTestId("query-input");
-    screen.getByTestId("target-input");
-    screen.getByTestId("trigger-input");
-
-    // action buttons
-    screen.getByRole("button", { name: "Launch" });
-    screen.getByRole("button", { name: "Cancel" });
-  });
-
-  it("should call onClose when pressing the cancel button", async () => {
-    renderMicroagentModal();
-
-    const cancelButton = screen.getByRole("button", { name: "Cancel" });
-    await userEvent.click(cancelButton);
-    expect(onCloseMock).toHaveBeenCalled();
-  });
-
-  it("should display the prompt from the hook", async () => {
-    renderMicroagentModal();
-
-    // Since we're mocking the hook, we just need to verify the UI shows the data
-    const descriptionInput = screen.getByTestId("query-input");
-    expect(descriptionInput).toHaveValue("Generated prompt");
-  });
-
-  it("should display the list of microagent files from the hook", async () => {
-    renderMicroagentModal();
-
-    // Since we're mocking the hook, we just need to verify the UI shows the data
-    const targetInput = screen.getByTestId("target-input");
-    expect(targetInput).toHaveValue("");
-
-    await userEvent.click(targetInput);
-
-    expect(screen.getByText("file1")).toBeInTheDocument();
-    expect(screen.getByText("file2")).toBeInTheDocument();
-
-    await userEvent.click(screen.getByText("file1"));
-    expect(targetInput).toHaveValue("file1");
-  });
-
-  it("should call onLaunch with the form data", async () => {
-    renderMicroagentModal();
-
-    const triggerInput = screen.getByTestId("trigger-input");
-    await userEvent.type(triggerInput, "trigger1 ");
-    await userEvent.type(triggerInput, "trigger2 ");
-
-    const targetInput = screen.getByTestId("target-input");
-    await userEvent.click(targetInput);
-    await userEvent.click(screen.getByText("file1"));
-
-    const launchButton = await screen.findByRole("button", { name: "Launch" });
-    await userEvent.click(launchButton);
-
-    expect(onLaunchMock).toHaveBeenCalledWith("Generated prompt", "file1", [
-      "trigger1",
-      "trigger2",
-    ]);
-  });
-
-  it("should disable the launch button if isLoading is true", async () => {
-    renderMicroagentModal({ isLoading: true });
-
-    const launchButton = screen.getByRole("button", { name: "Launch" });
-    expect(launchButton).toBeDisabled();
-  });
-});

frontend/__tests__/components/features/chat/messages.test.tsx

@@ -1,107 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { beforeEach, describe, expect, it, vi } from "vitest";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { Messages } from "#/components/features/chat/messages";
-import {
-  AssistantMessageAction,
-  OpenHandsAction,
-  UserMessageAction,
-} from "#/types/core/actions";
-import { OpenHandsObservation } from "#/types/core/observations";
-import OpenHands from "#/api/open-hands";
-import { Conversation } from "#/api/open-hands.types";
-
-vi.mock("react-router", () => ({
-  useParams: () => ({ conversationId: "123" }),
-}));
-
-let queryClient: QueryClient;
-
-const renderMessages = ({
-  messages,
-}: {
-  messages: (OpenHandsAction | OpenHandsObservation)[];
-}) => {
-  const { rerender, ...rest } = render(
-    <Messages messages={messages} isAwaitingUserConfirmation={false} />,
-    {
-      wrapper: ({ children }) => (
-        <QueryClientProvider client={queryClient!}>
-          {children}
-        </QueryClientProvider>
-      ),
-    },
-  );
-
-  const rerenderMessages = (
-    newMessages: (OpenHandsAction | OpenHandsObservation)[],
-  ) => {
-    rerender(
-      <Messages messages={newMessages} isAwaitingUserConfirmation={false} />,
-    );
-  };
-
-  return { ...rest, rerender: rerenderMessages };
-};
-
-describe("Messages", () => {
-  beforeEach(() => {
-    queryClient = new QueryClient();
-  });
-
-  const assistantMessage: AssistantMessageAction = {
-    id: 0,
-    action: "message",
-    source: "agent",
-    message: "Hello, Assistant!",
-    timestamp: new Date().toISOString(),
-    args: {
-      image_urls: [],
-      file_urls: [],
-      thought: "",
-      wait_for_response: false,
-    },
-  };
-
-  const userMessage: UserMessageAction = {
-    id: 1,
-    action: "message",
-    source: "user",
-    message: "Hello, User!",
-    timestamp: new Date().toISOString(),
-    args: { content: "Hello, User!", image_urls: [], file_urls: [] },
-  };
-
-  it("should render", () => {
-    renderMessages({ messages: [userMessage, assistantMessage] });
-
-    expect(screen.getByText("Hello, User!")).toBeInTheDocument();
-    expect(screen.getByText("Hello, Assistant!")).toBeInTheDocument();
-  });
-
-  it("should render a launch to microagent action button on chat messages only if it is a user message", () => {
-    const getConversationSpy = vi.spyOn(OpenHands, "getConversation");
-    const mockConversation: Conversation = {
-      conversation_id: "123",
-      title: "Test Conversation",
-      status: "RUNNING",
-      runtime_status: "STATUS$READY",
-      created_at: new Date().toISOString(),
-      last_updated_at: new Date().toISOString(),
-      selected_branch: null,
-      selected_repository: null,
-      git_provider: "github",
-      session_api_key: null,
-      url: null,
-    };
-
-    getConversationSpy.mockResolvedValue(mockConversation);
-
-    renderMessages({
-      messages: [userMessage, assistantMessage],
-    });
-
-    expect(screen.getByText("Hello, User!")).toBeInTheDocument();
-    expect(screen.getByText("Hello, Assistant!")).toBeInTheDocument();
-  });
-});

frontend/__tests__/components/features/conversation-panel/conversation-card.test.tsx

@@ -27,9 +27,9 @@ vi.mock("react-i18next", async () => {
     useTranslation: () => ({
       t: (key: string) => {
         const translations: Record<string, string> = {
-          CONVERSATION$CREATED: "Created",
-          CONVERSATION$AGO: "ago",
-          CONVERSATION$UPDATED: "Updated",
+          "CONVERSATION$CREATED": "Created",
+          "CONVERSATION$AGO": "ago",
+          "CONVERSATION$UPDATED": "Updated"
         };
         return translations[key] || key;
       },
@@ -82,9 +82,7 @@ describe("ConversationCard", () => {
     expect(card).toHaveTextContent("ago");
 
     // Use a regex to match the time part since it might have whitespace
-    const timeRegex = new RegExp(
-      formatTimeDelta(new Date("2021-10-01T12:00:00Z")),
-    );
+    const timeRegex = new RegExp(formatTimeDelta(new Date("2021-10-01T12:00:00Z")));
     expect(card).toHaveTextContent(timeRegex);
   });
 
@@ -110,11 +108,7 @@ describe("ConversationCard", () => {
         onChangeTitle={onChangeTitle}
         isActive
         title="Conversation 1"
-        selectedRepository={{
-          selected_repository: "org/selectedRepository",
-          selected_branch: "main",
-          git_provider: "github",
-        }}
+        selectedRepository="org/selectedRepository"
         lastUpdatedAt="2021-10-01T12:00:00Z"
       />,
     );
@@ -179,11 +173,7 @@ describe("ConversationCard", () => {
         isActive
         onChangeTitle={onChangeTitle}
         title="Conversation 1"
-        selectedRepository={{
-          selected_repository: "org/selectedRepository",
-          selected_branch: "main",
-          git_provider: "github",
-        }}
+        selectedRepository="org/selectedRepository"
         lastUpdatedAt="2021-10-01T12:00:00Z"
       />,
     );

frontend/__tests__/components/features/conversation-panel/conversation-panel.test.tsx

@@ -295,238 +295,4 @@ describe("ConversationPanel", () => {
     const newCards = await screen.findAllByTestId("conversation-card");
     expect(newCards).toHaveLength(3);
   });
-
-  it("should cancel stopping a conversation", async () => {
-    const user = userEvent.setup();
-
-    // Create mock data with a RUNNING conversation
-    const mockRunningConversations: Conversation[] = [
-      {
-        conversation_id: "1",
-        title: "Running Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-01T12:00:00Z",
-        created_at: "2021-10-01T12:00:00Z",
-        status: "RUNNING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-      {
-        conversation_id: "2",
-        title: "Starting Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-02T12:00:00Z",
-        created_at: "2021-10-02T12:00:00Z",
-        status: "STARTING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-      {
-        conversation_id: "3",
-        title: "Stopped Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-03T12:00:00Z",
-        created_at: "2021-10-03T12:00:00Z",
-        status: "STOPPED" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-    ];
-
-    const getUserConversationsSpy = vi.spyOn(OpenHands, "getUserConversations");
-    getUserConversationsSpy.mockResolvedValue(mockRunningConversations);
-
-    renderConversationPanel();
-
-    const cards = await screen.findAllByTestId("conversation-card");
-    expect(cards).toHaveLength(3);
-
-    // Click ellipsis on the first card (RUNNING status)
-    const ellipsisButton = within(cards[0]).getByTestId("ellipsis-button");
-    await user.click(ellipsisButton);
-
-    // Stop button should be available for RUNNING conversation
-    const stopButton = screen.getByTestId("stop-button");
-    expect(stopButton).toBeInTheDocument();
-
-    // Click the stop button
-    await user.click(stopButton);
-
-    // Cancel the stopping action
-    const cancelButton = screen.getByRole("button", { name: /cancel/i });
-    await user.click(cancelButton);
-
-    expect(
-      screen.queryByRole("button", { name: /cancel/i }),
-    ).not.toBeInTheDocument();
-
-    // Ensure the conversation status hasn't changed
-    const updatedCards = await screen.findAllByTestId("conversation-card");
-    expect(updatedCards).toHaveLength(3);
-  });
-
-  it("should stop a conversation", async () => {
-    const user = userEvent.setup();
-
-    const mockData: Conversation[] = [
-      {
-        conversation_id: "1",
-        title: "Running Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-01T12:00:00Z",
-        created_at: "2021-10-01T12:00:00Z",
-        status: "RUNNING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-      {
-        conversation_id: "2",
-        title: "Starting Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-02T12:00:00Z",
-        created_at: "2021-10-02T12:00:00Z",
-        status: "STARTING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-    ];
-
-    const getUserConversationsSpy = vi.spyOn(OpenHands, "getUserConversations");
-    getUserConversationsSpy.mockImplementation(async () => mockData);
-
-    const stopConversationSpy = vi.spyOn(OpenHands, "stopConversation");
-    stopConversationSpy.mockImplementation(async (id: string) => {
-      const conversation = mockData.find((conv) => conv.conversation_id === id);
-      if (conversation) {
-        conversation.status = "STOPPED";
-        return conversation;
-      }
-      return null;
-    });
-
-    renderConversationPanel();
-
-    const cards = await screen.findAllByTestId("conversation-card");
-    expect(cards).toHaveLength(2);
-
-    // Click ellipsis on the first card (RUNNING status)
-    const ellipsisButton = within(cards[0]).getByTestId("ellipsis-button");
-    await user.click(ellipsisButton);
-
-    const stopButton = screen.getByTestId("stop-button");
-
-    // Click the stop button
-    await user.click(stopButton);
-
-    // Confirm the stopping action
-    const confirmButton = screen.getByRole("button", { name: /confirm/i });
-    await user.click(confirmButton);
-
-    expect(
-      screen.queryByRole("button", { name: /confirm/i }),
-    ).not.toBeInTheDocument();
-
-    // Verify the API was called
-    expect(stopConversationSpy).toHaveBeenCalledWith("1");
-    expect(stopConversationSpy).toHaveBeenCalledTimes(1);
-  });
-
-  it("should only show stop button for STARTING or RUNNING conversations", async () => {
-    const user = userEvent.setup();
-
-    const mockMixedStatusConversations: Conversation[] = [
-      {
-        conversation_id: "1",
-        title: "Running Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-01T12:00:00Z",
-        created_at: "2021-10-01T12:00:00Z",
-        status: "RUNNING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-      {
-        conversation_id: "2",
-        title: "Starting Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-02T12:00:00Z",
-        created_at: "2021-10-02T12:00:00Z",
-        status: "STARTING" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-      {
-        conversation_id: "3",
-        title: "Stopped Conversation",
-        selected_repository: null,
-        git_provider: null,
-        selected_branch: null,
-        last_updated_at: "2021-10-03T12:00:00Z",
-        created_at: "2021-10-03T12:00:00Z",
-        status: "STOPPED" as const,
-        runtime_status: null,
-        url: null,
-        session_api_key: null,
-      },
-    ];
-
-    const getUserConversationsSpy = vi.spyOn(OpenHands, "getUserConversations");
-    getUserConversationsSpy.mockResolvedValue(mockMixedStatusConversations);
-
-    renderConversationPanel();
-
-    const cards = await screen.findAllByTestId("conversation-card");
-    expect(cards).toHaveLength(3);
-
-    // Test RUNNING conversation - should show stop button
-    const runningEllipsisButton = within(cards[0]).getByTestId(
-      "ellipsis-button",
-    );
-    await user.click(runningEllipsisButton);
-
-    expect(screen.getByTestId("stop-button")).toBeInTheDocument();
-
-    // Click outside to close the menu
-    await user.click(document.body);
-
-    // Test STARTING conversation - should show stop button
-    const startingEllipsisButton = within(cards[1]).getByTestId(
-      "ellipsis-button",
-    );
-    await user.click(startingEllipsisButton);
-
-    expect(screen.getByTestId("stop-button")).toBeInTheDocument();
-
-    // Click outside to close the menu
-    await user.click(document.body);
-
-    // Test STOPPED conversation - should NOT show stop button
-    const stoppedEllipsisButton = within(cards[2]).getByTestId(
-      "ellipsis-button",
-    );
-    await user.click(stoppedEllipsisButton);
-
-    expect(screen.queryByTestId("stop-button")).not.toBeInTheDocument();
-  });
 });

frontend/__tests__/components/features/home/home-header.test.tsx

@@ -17,12 +17,12 @@ vi.mock("react-i18next", async () => {
       t: (key: string) => {
         // Return a mock translation for the test
         const translations: Record<string, string> = {
-          HOME$LETS_START_BUILDING: "Let's start building",
-          HOME$LAUNCH_FROM_SCRATCH: "Launch from Scratch",
-          HOME$LOADING: "Loading...",
-          HOME$OPENHANDS_DESCRIPTION: "OpenHands is an AI software engineer",
-          HOME$NOT_SURE_HOW_TO_START: "Not sure how to start?",
-          HOME$READ_THIS: "Read this",
+          "HOME$LETS_START_BUILDING": "Let's start building",
+          "HOME$LAUNCH_FROM_SCRATCH": "Launch from Scratch",
+          "HOME$LOADING": "Loading...",
+          "HOME$OPENHANDS_DESCRIPTION": "OpenHands is an AI software engineer",
+          "HOME$NOT_SURE_HOW_TO_START": "Not sure how to start?",
+          "HOME$READ_THIS": "Read this"
         };
         return translations[key] || key;
       },
@@ -69,6 +69,7 @@ describe("HomeHeader", () => {
       undefined,
       undefined,
       undefined,
+      [],
       undefined,
       undefined,
       undefined,

frontend/__tests__/components/features/home/repo-connector.test.tsx

@@ -119,48 +119,18 @@ describe("RepoConnector", () => {
     expect(launchButton).toBeEnabled();
   });
 
-  it("should render the 'add github repos' link if saas mode and github provider is set", async () => {
+  it("should render the 'add git(hub|lab) repos' links if saas mode", async () => {
     const getConfiSpy = vi.spyOn(OpenHands, "getConfig");
     // @ts-expect-error - only return the APP_MODE
     getConfiSpy.mockResolvedValue({
       APP_MODE: "saas",
     });
 
-    const getSettingsSpy = vi.spyOn(OpenHands, "getSettings");
-    getSettingsSpy.mockResolvedValue({
-      ...MOCK_DEFAULT_USER_SETTINGS,
-      provider_tokens_set: {
-        github: "some-token",
-        gitlab: null,
-      },
-    });
-
     renderRepoConnector();
 
     await screen.findByText("HOME$ADD_GITHUB_REPOS");
   });
 
-  it("should not render the 'add github repos' link if github provider is not set", async () => {
-    const getConfiSpy = vi.spyOn(OpenHands, "getConfig");
-    // @ts-expect-error - only return the APP_MODE
-    getConfiSpy.mockResolvedValue({
-      APP_MODE: "saas",
-    });
-
-    const getSettingsSpy = vi.spyOn(OpenHands, "getSettings");
-    getSettingsSpy.mockResolvedValue({
-      ...MOCK_DEFAULT_USER_SETTINGS,
-      provider_tokens_set: {
-        gitlab: "some-token",
-        github: null,
-      },
-    });
-
-    renderRepoConnector();
-
-    expect(screen.queryByText("HOME$ADD_GITHUB_REPOS")).not.toBeInTheDocument();
-  });
-
   it("should not render the 'add git(hub|lab) repos' links if oss mode", async () => {
     const getConfiSpy = vi.spyOn(OpenHands, "getConfig");
     // @ts-expect-error - only return the APP_MODE
@@ -206,8 +176,9 @@ describe("RepoConnector", () => {
       "rbren/polaris",
       "github",
       undefined,
+      [],
+      undefined,
       undefined,
-      "main",
       undefined,
     );
   });

frontend/__tests__/components/features/home/repo-selection-form.test.tsx

@@ -66,11 +66,6 @@ vi.mock("#/hooks/use-debounce", () => ({
   useDebounce: (value: string) => value,
 }));
 
-vi.mock("react-router", async (importActual) => ({
-  ...(await importActual()),
-  useNavigate: vi.fn(),
-}));
-
 const mockOnRepoSelection = vi.fn();
 const renderForm = () =>
   render(<RepositorySelectionForm onRepoSelection={mockOnRepoSelection} />, {
@@ -257,6 +252,8 @@ describe("RepositorySelectionForm", () => {
     expect(searchedRepo).toBeInTheDocument();
 
     await userEvent.click(searchedRepo);
-    expect(mockOnRepoSelection).toHaveBeenCalledWith(MOCK_SEARCH_REPOS[0]);
+    expect(mockOnRepoSelection).toHaveBeenCalledWith(
+      MOCK_SEARCH_REPOS[0].full_name,
+    );
   });
 });

frontend/__tests__/components/features/home/task-card.test.tsx

@@ -88,14 +88,9 @@ describe("TaskCard", () => {
         MOCK_RESPOSITORIES[0].full_name,
         MOCK_RESPOSITORIES[0].git_provider,
         undefined,
-        {
-          git_provider: "github",
-          issue_number: 123,
-          repo: "repo1",
-          task_type: "MERGE_CONFLICTS",
-          title: "Task 1",
-        },
+        [],
         undefined,
+        MOCK_TASK_1,
         undefined,
       );
     });

frontend/__tests__/components/features/home/task-suggestions.test.tsx

@@ -1,4 +1,4 @@
-import { render, screen, waitFor, within } from "@testing-library/react";
+import { render, screen, waitFor } from "@testing-library/react";
 import { afterEach, describe, expect, it, vi } from "vitest";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { Provider } from "react-redux";
@@ -7,21 +7,6 @@ import { setupStore } from "test-utils";
 import { TaskSuggestions } from "#/components/features/home/tasks/task-suggestions";
 import { SuggestionsService } from "#/api/suggestions-service/suggestions-service.api";
 import { MOCK_TASKS } from "#/mocks/task-suggestions-handlers";
-import userEvent from "@testing-library/user-event";
-
-// Mock the translation function
-vi.mock("react-i18next", async () => {
-  const actual = await vi.importActual("react-i18next");
-  return {
-    ...(actual as object),
-    useTranslation: () => ({
-      t: (key: string) => key,
-      i18n: {
-        changeLanguage: () => new Promise(() => {}),
-      },
-    }),
-  };
-});
 
 const renderTaskSuggestions = () => {
   const RouterStub = createRoutesStub([
@@ -108,26 +93,4 @@ describe("TaskSuggestions", () => {
 
     expect(screen.queryByTestId("task-group-skeleton")).not.toBeInTheDocument();
   });
-
-  it("should render the tooltip button", () => {
-    renderTaskSuggestions();
-    const tooltipButton = screen.getByTestId("task-suggestions-info");
-    expect(tooltipButton).toBeInTheDocument();
-  });
-
-  it("should have the correct aria-label", () => {
-    renderTaskSuggestions();
-    const tooltipButton = screen.getByTestId("task-suggestions-info");
-    expect(tooltipButton).toHaveAttribute(
-      "aria-label",
-      "TASKS$TASK_SUGGESTIONS_INFO",
-    );
-  });
-
-  it("should render the info icon", () => {
-    renderTaskSuggestions();
-    const tooltipButton = screen.getByTestId("task-suggestions-info");
-    const icon = tooltipButton.querySelector("svg");
-    expect(icon).toBeInTheDocument();
-  });
 });

frontend/__tests__/components/modals/microagents/microagent-modal.test.tsx

@@ -1,84 +0,0 @@
-import { screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { describe, it, expect, vi, beforeEach, afterEach } from "vitest";
-import { renderWithProviders } from "test-utils";
-import { MicroagentsModal } from "#/components/features/conversation-panel/microagents-modal";
-import OpenHands from "#/api/open-hands";
-import { AgentState } from "#/types/agent-state";
-
-vi.mock("react-redux", async () => {
-  const actual = await vi.importActual("react-redux");
-  return {
-    ...actual,
-    useDispatch: () => vi.fn(),
-    useSelector: () => ({
-      agent: {
-        curAgentState: AgentState.AWAITING_USER_INPUT,
-      },
-    }),
-  };
-});
-
-describe("MicroagentsModal - Refresh Button", () => {
-  const mockOnClose = vi.fn();
-  const conversationId = "test-conversation-id";
-
-  const defaultProps = {
-    onClose: mockOnClose,
-    conversationId,
-  };
-
-  const mockMicroagents = [
-    {
-      name: "Test Agent 1",
-      type: "repo" as const,
-      triggers: ["test", "example"],
-      content: "This is test content for agent 1",
-    },
-    {
-      name: "Test Agent 2",
-      type: "knowledge" as const,
-      triggers: ["help", "support"],
-      content: "This is test content for agent 2",
-    },
-  ];
-
-  beforeEach(() => {
-    // Reset all mocks before each test
-    vi.clearAllMocks();
-
-    // Setup default mock for getUserConversations
-    vi.spyOn(OpenHands, "getMicroagents").mockResolvedValue({
-      microagents: mockMicroagents,
-    });
-  });
-
-  afterEach(() => {
-    vi.clearAllMocks();
-  });
-
-  describe("Refresh Button Rendering", () => {
-    it("should render the refresh button with correct text and test ID", () => {
-      renderWithProviders(<MicroagentsModal {...defaultProps} />);
-
-      const refreshButton = screen.getByTestId("refresh-microagents");
-      expect(refreshButton).toBeInTheDocument();
-      expect(refreshButton).toHaveTextContent("BUTTON$REFRESH");
-    });
-  });
-
-  describe("Refresh Button Functionality", () => {
-    it("should call refetch when refresh button is clicked", async () => {
-      const user = userEvent.setup();
-
-      renderWithProviders(<MicroagentsModal {...defaultProps} />);
-
-      const refreshSpy = vi.spyOn(OpenHands, "getMicroagents");
-
-      const refreshButton = screen.getByTestId("refresh-microagents");
-      await user.click(refreshButton);
-
-      expect(refreshSpy).toHaveBeenCalledTimes(1);
-    });
-  });
-});

frontend/__tests__/components/shared/inputs/badge-input.test.tsx

@@ -1,62 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import userEvent from "@testing-library/user-event";
-import { describe, expect, it, vi } from "vitest";
-import { BadgeInput } from "#/components/shared/inputs/badge-input";
-
-describe("BadgeInput", () => {
-  it("should render the values", () => {
-    const onChangeMock = vi.fn();
-    render(<BadgeInput value={["test", "test2"]} onChange={onChangeMock} />);
-
-    expect(screen.getByText("test")).toBeInTheDocument();
-    expect(screen.getByText("test2")).toBeInTheDocument();
-  });
-
-  it("should render the input's as a badge on space", async () => {
-    const onChangeMock = vi.fn();
-    render(<BadgeInput value={["badge1"]} onChange={onChangeMock} />);
-
-    const input = screen.getByTestId("badge-input");
-    expect(input).toHaveValue("");
-
-    await userEvent.type(input, "test");
-    await userEvent.type(input, " ");
-
-    expect(onChangeMock).toHaveBeenCalledWith(["badge1", "test"]);
-    expect(input).toHaveValue("");
-  });
-
-  it("should remove the badge on backspace", async () => {
-    const onChangeMock = vi.fn();
-    render(<BadgeInput value={["badge1", "badge2"]} onChange={onChangeMock} />);
-
-    const input = screen.getByTestId("badge-input");
-    expect(input).toHaveValue("");
-
-    await userEvent.type(input, "{backspace}");
-
-    expect(onChangeMock).toHaveBeenCalledWith(["badge1"]);
-    expect(input).toHaveValue("");
-  });
-
-  it("should remove the badge on click", async () => {
-    const onChangeMock = vi.fn();
-    render(<BadgeInput value={["badge1"]} onChange={onChangeMock} />);
-
-    const removeButton = screen.getByTestId("remove-button");
-    await userEvent.click(removeButton);
-
-    expect(onChangeMock).toHaveBeenCalledWith([]);
-  });
-
-  it("should not create empty badges", async () => {
-    const onChangeMock = vi.fn();
-    render(<BadgeInput value={[]} onChange={onChangeMock} />);
-
-    const input = screen.getByTestId("badge-input");
-    expect(input).toHaveValue("");
-
-    await userEvent.type(input, " ");
-    expect(onChangeMock).not.toHaveBeenCalled();
-  });
-});

frontend/__tests__/components/user-actions.test.tsx

@@ -21,12 +21,7 @@ describe("UserActions", () => {
   });
 
   it("should toggle the user menu when the user avatar is clicked", async () => {
-    render(
-      <UserActions
-        onLogout={onLogoutMock}
-        user={{ avatar_url: "https://example.com/avatar.png" }}
-      />,
-    );
+    render(<UserActions onLogout={onLogoutMock} />);
 
     const userAvatar = screen.getByTestId("user-avatar");
     await user.click(userAvatar);
@@ -62,102 +57,15 @@ describe("UserActions", () => {
     ).not.toBeInTheDocument();
   });
 
-  it("should NOT show context menu when user is undefined and avatar is clicked", async () => {
+  test("logout button is always enabled", async () => {
     render(<UserActions onLogout={onLogoutMock} />);
 
     const userAvatar = screen.getByTestId("user-avatar");
     await user.click(userAvatar);
 
-    // Context menu should NOT appear because user is undefined
-    expect(
-      screen.queryByTestId("account-settings-context-menu"),
-    ).not.toBeInTheDocument();
-  });
+    const logoutOption = screen.getByText("ACCOUNT_SETTINGS$LOGOUT");
+    await user.click(logoutOption);
 
-  it("should show context menu even when user has no avatar_url", async () => {
-    render(<UserActions onLogout={onLogoutMock} user={{ avatar_url: "" }} />);
-
-    const userAvatar = screen.getByTestId("user-avatar");
-    await user.click(userAvatar);
-
-    // Context menu SHOULD appear because user object exists (even with empty avatar_url)
-    expect(
-      screen.getByTestId("account-settings-context-menu"),
-    ).toBeInTheDocument();
-  });
-
-  it("should NOT be able to access logout when no user is provided", async () => {
-    render(<UserActions onLogout={onLogoutMock} />);
-
-    const userAvatar = screen.getByTestId("user-avatar");
-    await user.click(userAvatar);
-
-    // Logout option should not be accessible because context menu doesn't appear
-    expect(
-      screen.queryByText("ACCOUNT_SETTINGS$LOGOUT"),
-    ).not.toBeInTheDocument();
-    expect(onLogoutMock).not.toHaveBeenCalled();
-  });
-
-  it("should handle user prop changing from undefined to defined", () => {
-    const { rerender } = render(<UserActions onLogout={onLogoutMock} />);
-
-    // Initially no user - context menu shouldn't work
-    expect(
-      screen.queryByTestId("account-settings-context-menu"),
-    ).not.toBeInTheDocument();
-
-    // Add user prop
-    rerender(
-      <UserActions
-        onLogout={onLogoutMock}
-        user={{ avatar_url: "https://example.com/avatar.png" }}
-      />,
-    );
-
-    // Component should still render correctly
-    expect(screen.getByTestId("user-actions")).toBeInTheDocument();
-    expect(screen.getByTestId("user-avatar")).toBeInTheDocument();
-  });
-
-  it("should handle user prop changing from defined to undefined", async () => {
-    const { rerender } = render(
-      <UserActions
-        onLogout={onLogoutMock}
-        user={{ avatar_url: "https://example.com/avatar.png" }}
-      />,
-    );
-
-    // Click to open menu
-    const userAvatar = screen.getByTestId("user-avatar");
-    await user.click(userAvatar);
-    expect(
-      screen.getByTestId("account-settings-context-menu"),
-    ).toBeInTheDocument();
-
-    // Remove user prop - menu should disappear
-    rerender(<UserActions onLogout={onLogoutMock} />);
-
-    expect(
-      screen.queryByTestId("account-settings-context-menu"),
-    ).not.toBeInTheDocument();
-  });
-
-  it("should work with loading state and user provided", async () => {
-    render(
-      <UserActions
-        onLogout={onLogoutMock}
-        user={{ avatar_url: "https://example.com/avatar.png" }}
-        isLoading={true}
-      />,
-    );
-
-    const userAvatar = screen.getByTestId("user-avatar");
-    await user.click(userAvatar);
-
-    // Context menu should still appear even when loading
-    expect(
-      screen.getByTestId("account-settings-context-menu"),
-    ).toBeInTheDocument();
+    expect(onLogoutMock).toHaveBeenCalledOnce();
   });
 });

frontend/__tests__/hooks/query/use-feedback-exists.test.tsx

@@ -1,140 +0,0 @@
-import { renderHook, waitFor } from "@testing-library/react";
-import { describe, expect, it, vi, beforeEach } from "vitest";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import OpenHands from "#/api/open-hands";
-import { useFeedbackExists } from "#/hooks/query/use-feedback-exists";
-
-// Mock the useConfig hook
-vi.mock("#/hooks/query/use-config", () => ({
-  useConfig: vi.fn(),
-}));
-
-// Mock the useConversationId hook
-vi.mock("#/hooks/use-conversation-id", () => ({
-  useConversationId: () => ({ conversationId: "test-conversation-id" }),
-}));
-
-describe("useFeedbackExists", () => {
-  let queryClient: QueryClient;
-  const mockCheckFeedbackExists = vi.spyOn(OpenHands, "checkFeedbackExists");
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: { queries: { retry: false } },
-    });
-    mockCheckFeedbackExists.mockClear();
-  });
-
-  const wrapper = ({ children }: { children: React.ReactNode }) => (
-    <QueryClientProvider client={queryClient}>{children}</QueryClientProvider>
-  );
-
-  it("should not call API when APP_MODE is not saas", async () => {
-    const { useConfig } = await import("#/hooks/query/use-config");
-    vi.mocked(useConfig).mockReturnValue({
-      data: { APP_MODE: "oss" },
-      isLoading: false,
-      error: null,
-    } as ReturnType<typeof useConfig>);
-
-    const { result } = renderHook(() => useFeedbackExists(123), {
-      wrapper,
-    });
-
-    // Wait for any potential async operations
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    // Verify that the API was not called
-    expect(mockCheckFeedbackExists).not.toHaveBeenCalled();
-
-    // Verify that the query is disabled
-    expect(result.current.data).toBeUndefined();
-  });
-
-  it("should call API when APP_MODE is saas", async () => {
-    const { useConfig } = await import("#/hooks/query/use-config");
-    vi.mocked(useConfig).mockReturnValue({
-      data: { APP_MODE: "saas" },
-      isLoading: false,
-      error: null,
-    } as ReturnType<typeof useConfig>);
-
-    mockCheckFeedbackExists.mockResolvedValue({
-      exists: true,
-      rating: 5,
-      reason: "Great job!",
-    });
-
-    const { result } = renderHook(() => useFeedbackExists(123), {
-      wrapper,
-    });
-
-    // Wait for the query to complete
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    // Verify that the API was called
-    expect(mockCheckFeedbackExists).toHaveBeenCalledWith(
-      "test-conversation-id",
-      123,
-    );
-
-    // Verify that the data is returned
-    expect(result.current.data).toEqual({
-      exists: true,
-      rating: 5,
-      reason: "Great job!",
-    });
-  });
-
-  it("should not call API when eventId is not provided", async () => {
-    const { useConfig } = await import("#/hooks/query/use-config");
-    vi.mocked(useConfig).mockReturnValue({
-      data: { APP_MODE: "saas" },
-      isLoading: false,
-      error: null,
-    } as ReturnType<typeof useConfig>);
-
-    const { result } = renderHook(() => useFeedbackExists(undefined), {
-      wrapper,
-    });
-
-    // Wait for any potential async operations
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    // Verify that the API was not called
-    expect(mockCheckFeedbackExists).not.toHaveBeenCalled();
-
-    // Verify that the query is disabled
-    expect(result.current.data).toBeUndefined();
-  });
-
-  it("should not call API when config is not loaded yet", async () => {
-    const { useConfig } = await import("#/hooks/query/use-config");
-    vi.mocked(useConfig).mockReturnValue({
-      data: undefined,
-      isLoading: true,
-      error: null,
-    } as ReturnType<typeof useConfig>);
-
-    const { result } = renderHook(() => useFeedbackExists(123), {
-      wrapper,
-    });
-
-    // Wait for any potential async operations
-    await waitFor(() => {
-      expect(result.current.isLoading).toBe(false);
-    });
-
-    // Verify that the API was not called
-    expect(mockCheckFeedbackExists).not.toHaveBeenCalled();
-
-    // Verify that the query is disabled
-    expect(result.current.data).toBeUndefined();
-  });
-});

frontend/__tests__/microagent-status-indicator.test.tsx

@@ -1,105 +0,0 @@
-import { describe, it, expect, vi } from "vitest";
-import { render, screen } from "@testing-library/react";
-import { MicroagentStatusIndicator } from "#/components/features/chat/microagent/microagent-status-indicator";
-import { MicroagentStatus } from "#/types/microagent-status";
-
-// Mock the translation hook
-vi.mock("react-i18next", () => ({
-  useTranslation: () => ({
-    t: (key: string) => key,
-  }),
-}));
-
-describe("MicroagentStatusIndicator", () => {
-  it("should show 'View your PR' when status is completed and PR URL is provided", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.COMPLETED}
-        conversationId="test-conversation"
-        prUrl="https://github.com/owner/repo/pull/123"
-      />,
-    );
-
-    const link = screen.getByRole("link", { name: "MICROAGENT$VIEW_YOUR_PR" });
-    expect(link).toBeInTheDocument();
-    expect(link).toHaveAttribute(
-      "href",
-      "https://github.com/owner/repo/pull/123",
-    );
-    expect(link).toHaveAttribute("target", "_blank");
-    expect(link).toHaveAttribute("rel", "noopener noreferrer");
-  });
-
-  it("should show default completed message when status is completed but no PR URL", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.COMPLETED}
-        conversationId="test-conversation"
-      />,
-    );
-
-    const link = screen.getByRole("link", {
-      name: "MICROAGENT$STATUS_COMPLETED",
-    });
-    expect(link).toBeInTheDocument();
-    expect(link).toHaveAttribute("href", "/conversations/test-conversation");
-  });
-
-  it("should show creating status without PR URL", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.CREATING}
-        conversationId="test-conversation"
-      />,
-    );
-
-    expect(screen.getByText("MICROAGENT$STATUS_CREATING")).toBeInTheDocument();
-  });
-
-  it("should show error status", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.ERROR}
-        conversationId="test-conversation"
-      />,
-    );
-
-    expect(screen.getByText("MICROAGENT$STATUS_ERROR")).toBeInTheDocument();
-  });
-
-  it("should prioritize PR URL over conversation link when both are provided", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.COMPLETED}
-        conversationId="test-conversation"
-        prUrl="https://github.com/owner/repo/pull/123"
-      />,
-    );
-
-    const link = screen.getByRole("link", { name: "MICROAGENT$VIEW_YOUR_PR" });
-    expect(link).toHaveAttribute(
-      "href",
-      "https://github.com/owner/repo/pull/123",
-    );
-    // Should not link to conversation when PR URL is available
-    expect(link).not.toHaveAttribute(
-      "href",
-      "/conversations/test-conversation",
-    );
-  });
-
-  it("should work with GitLab MR URLs", () => {
-    render(
-      <MicroagentStatusIndicator
-        status={MicroagentStatus.COMPLETED}
-        prUrl="https://gitlab.com/owner/repo/-/merge_requests/456"
-      />,
-    );
-
-    const link = screen.getByRole("link", { name: "MICROAGENT$VIEW_YOUR_PR" });
-    expect(link).toHaveAttribute(
-      "href",
-      "https://gitlab.com/owner/repo/-/merge_requests/456",
-    );
-  });
-});

frontend/__tests__/parse-pr-url.test.ts

@@ -1,142 +0,0 @@
-import { describe, it, expect } from "vitest";
-import {
-  extractPRUrls,
-  containsPRUrl,
-  getFirstPRUrl,
-} from "#/utils/parse-pr-url";
-
-describe("parse-pr-url", () => {
-  describe("extractPRUrls", () => {
-    it("should extract GitHub PR URLs", () => {
-      const text = "Check out this PR: https://github.com/owner/repo/pull/123";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual(["https://github.com/owner/repo/pull/123"]);
-    });
-
-    it("should extract GitLab MR URLs", () => {
-      const text =
-        "Merge request: https://gitlab.com/owner/repo/-/merge_requests/456";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual([
-        "https://gitlab.com/owner/repo/-/merge_requests/456",
-      ]);
-    });
-
-    it("should extract Bitbucket PR URLs", () => {
-      const text =
-        "PR link: https://bitbucket.org/owner/repo/pull-requests/789";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual([
-        "https://bitbucket.org/owner/repo/pull-requests/789",
-      ]);
-    });
-
-    it("should extract Azure DevOps PR URLs", () => {
-      const text =
-        "Azure PR: https://dev.azure.com/org/project/_git/repo/pullrequest/101";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual([
-        "https://dev.azure.com/org/project/_git/repo/pullrequest/101",
-      ]);
-    });
-
-    it("should extract multiple PR URLs", () => {
-      const text = `
-        GitHub: https://github.com/owner/repo/pull/123
-        GitLab: https://gitlab.com/owner/repo/-/merge_requests/456
-      `;
-      const urls = extractPRUrls(text);
-      expect(urls).toHaveLength(2);
-      expect(urls).toContain("https://github.com/owner/repo/pull/123");
-      expect(urls).toContain(
-        "https://gitlab.com/owner/repo/-/merge_requests/456",
-      );
-    });
-
-    it("should handle self-hosted GitLab URLs", () => {
-      const text =
-        "Self-hosted: https://gitlab.example.com/owner/repo/-/merge_requests/123";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual([
-        "https://gitlab.example.com/owner/repo/-/merge_requests/123",
-      ]);
-    });
-
-    it("should return empty array when no PR URLs found", () => {
-      const text = "This is just regular text with no PR URLs";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual([]);
-    });
-
-    it("should handle URLs with HTTP instead of HTTPS", () => {
-      const text = "HTTP PR: http://github.com/owner/repo/pull/123";
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual(["http://github.com/owner/repo/pull/123"]);
-    });
-
-    it("should remove duplicate URLs", () => {
-      const text = `
-        Same PR mentioned twice:
-        https://github.com/owner/repo/pull/123
-        https://github.com/owner/repo/pull/123
-      `;
-      const urls = extractPRUrls(text);
-      expect(urls).toEqual(["https://github.com/owner/repo/pull/123"]);
-    });
-  });
-
-  describe("containsPRUrl", () => {
-    it("should return true when PR URL is present", () => {
-      const text = "Check out this PR: https://github.com/owner/repo/pull/123";
-      expect(containsPRUrl(text)).toBe(true);
-    });
-
-    it("should return false when no PR URL is present", () => {
-      const text = "This is just regular text";
-      expect(containsPRUrl(text)).toBe(false);
-    });
-  });
-
-  describe("getFirstPRUrl", () => {
-    it("should return the first PR URL found", () => {
-      const text = `
-        First: https://github.com/owner/repo/pull/123
-        Second: https://gitlab.com/owner/repo/-/merge_requests/456
-      `;
-      const url = getFirstPRUrl(text);
-      expect(url).toBe("https://github.com/owner/repo/pull/123");
-    });
-
-    it("should return null when no PR URL is found", () => {
-      const text = "This is just regular text";
-      const url = getFirstPRUrl(text);
-      expect(url).toBeNull();
-    });
-  });
-
-  describe("real-world scenarios", () => {
-    it("should handle typical microagent finish messages", () => {
-      const text = `
-        I have successfully created a pull request with the requested changes.
-        You can view the PR here: https://github.com/All-Hands-AI/OpenHands/pull/1234
-
-        The changes include:
-        - Updated the component
-        - Added tests
-        - Fixed the issue
-      `;
-      const url = getFirstPRUrl(text);
-      expect(url).toBe("https://github.com/All-Hands-AI/OpenHands/pull/1234");
-    });
-
-    it("should handle messages with PR URLs in the middle", () => {
-      const text = `
-        Task completed successfully! I've created a pull request at
-        https://github.com/owner/repo/pull/567 with all the requested changes.
-        Please review when you have a chance.
-      `;
-      const url = getFirstPRUrl(text);
-      expect(url).toBe("https://github.com/owner/repo/pull/567");
-    });
-  });
-});

frontend/__tests__/routes/home-screen.test.tsx

@@ -90,7 +90,7 @@ describe("HomeScreen", () => {
     const mainContainer = screen
       .getByTestId("home-screen")
       .querySelector("main");
-    expect(mainContainer).toHaveClass("flex", "flex-col", "lg:flex-row");
+    expect(mainContainer).toHaveClass("flex", "flex-col", "md:flex-row");
   });
 
   it("should filter the suggested tasks based on the selected repository", async () => {

frontend/__tests__/routes/settings.test.tsx

@@ -1,8 +1,8 @@
 import { render, screen, within } from "@testing-library/react";
 import { createRoutesStub } from "react-router";
 import { describe, expect, it, vi } from "vitest";
-import { QueryClientProvider } from "@tanstack/react-query";
-import SettingsScreen, { clientLoader } from "#/routes/settings";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import SettingsScreen from "#/routes/settings";
 import OpenHands from "#/api/open-hands";
 
 // Mock the i18next hook
@@ -31,27 +31,16 @@ vi.mock("react-i18next", async () => {
 });
 
 describe("Settings Screen", () => {
-  const { handleLogoutMock, mockQueryClient } = vi.hoisted(() => ({
+  const { handleLogoutMock } = vi.hoisted(() => ({
     handleLogoutMock: vi.fn(),
-    mockQueryClient: (() => {
-      const { QueryClient } = require("@tanstack/react-query");
-      return new QueryClient();
-    })(),
   }));
-
   vi.mock("#/hooks/use-app-logout", () => ({
     useAppLogout: vi.fn().mockReturnValue({ handleLogout: handleLogoutMock }),
   }));
 
-  vi.mock("#/query-client-config", () => ({
-    queryClient: mockQueryClient,
-  }));
-
   const RouterStub = createRoutesStub([
     {
       Component: SettingsScreen,
-      // @ts-expect-error - custom loader
-      clientLoader,
       path: "/settings",
       children: [
         {
@@ -67,8 +56,8 @@ describe("Settings Screen", () => {
           path: "/settings/app",
         },
         {
-          Component: () => <div data-testid="billing-settings-screen" />,
-          path: "/settings/billing",
+          Component: () => <div data-testid="credits-settings-screen" />,
+          path: "/settings/credits",
         },
         {
           Component: () => <div data-testid="api-keys-settings-screen" />,
@@ -78,27 +67,26 @@ describe("Settings Screen", () => {
     },
   ]);
 
-  const renderSettingsScreen = (path = "/settings") =>
-    render(<RouterStub initialEntries={[path]} />, {
+  const renderSettingsScreen = (path = "/settings") => {
+    const queryClient = new QueryClient();
+    return render(<RouterStub initialEntries={[path]} />, {
       wrapper: ({ children }) => (
-        <QueryClientProvider client={mockQueryClient}>
+        <QueryClientProvider client={queryClient}>
           {children}
         </QueryClientProvider>
       ),
     });
+  };
 
   it("should render the navbar", async () => {
     const sectionsToInclude = ["llm", "integrations", "application", "secrets"];
-    const sectionsToExclude = ["api keys", "credits", "billing"];
+    const sectionsToExclude = ["api keys", "credits"];
     const getConfigSpy = vi.spyOn(OpenHands, "getConfig");
     // @ts-expect-error - only return app mode
     getConfigSpy.mockResolvedValue({
       APP_MODE: "oss",
     });
 
-    // Clear any existing query data
-    mockQueryClient.clear();
-
     renderSettingsScreen();
 
     const navbar = await screen.findByTestId("settings-navbar");
@@ -114,8 +102,6 @@ describe("Settings Screen", () => {
       });
       expect(sectionElement).not.toBeInTheDocument();
     });
-
-    getConfigSpy.mockRestore();
   });
 
   it("should render the saas navbar", async () => {
@@ -127,15 +113,12 @@ describe("Settings Screen", () => {
     const sectionsToInclude = [
       "integrations",
       "application",
-      "credits", // The nav item shows "credits" text but routes to /billing
+      "credits",
       "secrets",
       "api keys",
     ];
     const sectionsToExclude = ["llm"];
 
-    // Clear any existing query data
-    mockQueryClient.clear();
-
     renderSettingsScreen();
 
     const navbar = await screen.findByTestId("settings-navbar");
@@ -151,44 +134,30 @@ describe("Settings Screen", () => {
       });
       expect(sectionElement).not.toBeInTheDocument();
     });
-
-    getConfigSpy.mockRestore();
   });
 
-  it("should not be able to access saas-only routes in oss mode", async () => {
+  it("should not be able to access oss-restricted routes in oss", async () => {
     const getConfigSpy = vi.spyOn(OpenHands, "getConfig");
     // @ts-expect-error - only return app mode
     getConfigSpy.mockResolvedValue({
       APP_MODE: "oss",
     });
 
-    // Clear any existing query data
-    mockQueryClient.clear();
-
-    // In OSS mode, accessing restricted routes should redirect to /settings
-    // Since createRoutesStub doesn't handle clientLoader redirects properly,
-    // we test that the correct navbar is shown (OSS navbar) and that
-    // the restricted route components are not rendered when accessing /settings
-    renderSettingsScreen("/settings");
-
-    // Verify we're in OSS mode by checking the navbar
-    const navbar = await screen.findByTestId("settings-navbar");
-    expect(within(navbar).getByText("LLM")).toBeInTheDocument();
+    const { rerender } = renderSettingsScreen("/settings/credits");
     expect(
-      within(navbar).queryByText("credits", { exact: false }),
+      screen.queryByTestId("credits-settings-screen"),
     ).not.toBeInTheDocument();
 
-    // Verify the LLM settings screen is shown
-    expect(screen.getByTestId("llm-settings-screen")).toBeInTheDocument();
-    expect(
-      screen.queryByTestId("billing-settings-screen"),
-    ).not.toBeInTheDocument();
+    rerender(<RouterStub initialEntries={["/settings/api-keys"]} />);
     expect(
       screen.queryByTestId("api-keys-settings-screen"),
     ).not.toBeInTheDocument();
-
-    getConfigSpy.mockRestore();
+    rerender(<RouterStub initialEntries={["/settings/billing"]} />);
+    expect(
+      screen.queryByTestId("billing-settings-screen"),
+    ).not.toBeInTheDocument();
+    rerender(<RouterStub initialEntries={["/settings"]} />);
   });
 
-  it.todo("should not be able to access oss-only routes in saas mode");
+  it.todo("should not be able to access saas-restricted routes in saas");
 });

frontend/__tests__/services/actions.test.tsx

@@ -1,95 +0,0 @@
-import { describe, it, expect, vi, beforeEach } from "vitest";
-import ActionType from "#/types/action-type";
-import { ActionMessage } from "#/types/message";
-
-// Mock the store and actions
-const mockDispatch = vi.fn();
-const mockAppendInput = vi.fn();
-const mockAppendJupyterInput = vi.fn();
-
-vi.mock("#/store", () => ({
-  default: {
-    dispatch: mockDispatch,
-  },
-}));
-
-vi.mock("#/state/command-slice", () => ({
-  appendInput: mockAppendInput,
-}));
-
-vi.mock("#/state/jupyter-slice", () => ({
-  appendJupyterInput: mockAppendJupyterInput,
-}));
-
-describe("handleActionMessage", () => {
-  beforeEach(() => {
-    // Clear all mocks before each test
-    vi.clearAllMocks();
-  });
-
-  it("should handle RUN actions by adding input to terminal", async () => {
-    const { handleActionMessage } = await import("#/services/actions");
-
-    const runAction: ActionMessage = {
-      id: 1,
-      source: "agent",
-      action: ActionType.RUN,
-      args: {
-        command: "ls -la",
-      },
-      message: "Running command: ls -la",
-      timestamp: "2023-01-01T00:00:00Z",
-    };
-
-    // Handle the action
-    handleActionMessage(runAction);
-
-    // Check that appendInput was called with the command
-    expect(mockDispatch).toHaveBeenCalledWith(mockAppendInput("ls -la"));
-    expect(mockAppendJupyterInput).not.toHaveBeenCalled();
-  });
-
-  it("should handle RUN_IPYTHON actions by adding input to Jupyter", async () => {
-    const { handleActionMessage } = await import("#/services/actions");
-
-    const ipythonAction: ActionMessage = {
-      id: 2,
-      source: "agent",
-      action: ActionType.RUN_IPYTHON,
-      args: {
-        code: "print('Hello from Jupyter!')",
-      },
-      message: "Running Python code interactively: print('Hello from Jupyter!')",
-      timestamp: "2023-01-01T00:00:00Z",
-    };
-
-    // Handle the action
-    handleActionMessage(ipythonAction);
-
-    // Check that appendJupyterInput was called with the code
-    expect(mockDispatch).toHaveBeenCalledWith(mockAppendJupyterInput("print('Hello from Jupyter!')"));
-    expect(mockAppendInput).not.toHaveBeenCalled();
-  });
-
-  it("should not process hidden actions", async () => {
-    const { handleActionMessage } = await import("#/services/actions");
-
-    const hiddenAction: ActionMessage = {
-      id: 3,
-      source: "agent",
-      action: ActionType.RUN,
-      args: {
-        command: "secret command",
-        hidden: "true",
-      },
-      message: "Running command: secret command",
-      timestamp: "2023-01-01T00:00:00Z",
-    };
-
-    // Handle the action
-    handleActionMessage(hiddenAction);
-
-    // Check that nothing was dispatched
-    expect(mockDispatch).not.toHaveBeenCalled();
-  });
-});

frontend/__tests__/utils/check-home-hardcoded-strings.test.tsx

@@ -0,0 +1,42 @@
+import { render } from "@testing-library/react";
+import { test, expect, describe, vi } from "vitest";
+import { HomeHeader } from "#/components/features/home/home-header";
+
+// Mock dependencies
+vi.mock("#/hooks/mutation/use-create-conversation", () => ({
+  useCreateConversation: () => ({
+    mutate: vi.fn(),
+    isPending: false,
+    isSuccess: false,
+  }),
+}));
+
+vi.mock("#/hooks/use-is-creating-conversation", () => ({
+  useIsCreatingConversation: () => false,
+}));
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => ({
+    t: (key: string) => key,
+  }),
+}));
+
+describe("Check for hardcoded English strings in Home components", () => {
+  test("HomeHeader should not have hardcoded English strings", () => {
+    const { container } = render(<HomeHeader />);
+
+    // Get all text content
+    const text = container.textContent;
+
+    // List of English strings that should be translated
+    const hardcodedStrings = [
+      "Launch from Scratch",
+      "Read this",
+    ];
+
+    // Check each string
+    hardcodedStrings.forEach((str) => {
+      expect(text).not.toContain(str);
+    });
+  });
+});

frontend/__tests__/utils/extract-model-and-provider.test.ts

@@ -83,18 +83,16 @@ describe("extractModelAndProvider", () => {
       separator: "/",
     });
 
-    // These models are no longer in the VERIFIED_ANTHROPIC_MODELS list
-    // but we keep the tests for backward compatibility
     expect(extractModelAndProvider("claude-3-haiku-20240307")).toEqual({
-      provider: "",
+      provider: "anthropic",
       model: "claude-3-haiku-20240307",
-      separator: "",
+      separator: "/",
     });
 
     expect(extractModelAndProvider("claude-2.1")).toEqual({
-      provider: "",
+      provider: "anthropic",
       model: "claude-2.1",
-      separator: "",
+      separator: "/",
     });
   });
 });

frontend/__tests__/utils/organize-models-and-providers.test.ts

@@ -52,16 +52,14 @@ test("organizeModelsAndProviders", () => {
       separator: "/",
       models: [
         "claude-3-5-sonnet-20241022",
-      ],
-    },
-    other: {
-      separator: "",
-      models: [
-        "together-ai-21.1b-41b",
         "claude-3-haiku-20240307",
         "claude-2",
         "claude-2.1",
       ],
     },
+    other: {
+      separator: "",
+      models: ["together-ai-21.1b-41b"],
+    },
   });
 });

frontend/package.json

@@ -1,13 +1,13 @@
 {
   "name": "openhands-frontend",
-  "version": "0.48.0",
+  "version": "0.47.0",
   "private": true,
   "type": "module",
   "engines": {
     "node": ">=20.0.0"
   },
   "dependencies": {
-    "@heroui/react": "^2.8.0-beta.13",
+    "@heroui/react": "^2.8.0-beta.10",
     "@microlink/react-json-view": "^1.26.2",
     "@monaco-editor/react": "^4.7.0-rc.0",
     "@react-router/node": "^7.6.3",
@@ -25,20 +25,20 @@
     "axios": "^1.10.0",
     "clsx": "^2.1.1",
     "eslint-config-airbnb-typescript": "^18.0.0",
-    "framer-motion": "^12.23.0",
-    "i18next": "^25.3.2",
+    "framer-motion": "^12.19.2",
+    "i18next": "^25.2.1",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-http-backend": "^3.0.2",
     "isbot": "^5.1.28",
     "jose": "^6.0.11",
     "lucide-react": "^0.525.0",
     "monaco-editor": "^0.52.2",
-    "posthog-js": "^1.257.0",
+    "posthog-js": "^1.255.1",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
     "react-highlight": "^0.15.0",
     "react-hot-toast": "^2.5.1",
-    "react-i18next": "^15.6.0",
+    "react-i18next": "^15.5.3",
     "react-icons": "^5.5.0",
     "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
@@ -49,7 +49,7 @@
     "sirv-cli": "^3.0.1",
     "socket.io-client": "^4.8.1",
     "tailwind-merge": "^3.3.1",
-    "vite": "^7.0.3",
+    "vite": "^7.0.0",
     "web-vitals": "^5.0.3",
     "ws": "^8.18.2"
   },
@@ -70,6 +70,7 @@
     "lint:fix": "eslint src --ext .ts,.tsx,.js --fix && prettier --write src/**/*.{ts,tsx}",
     "prepare": "cd .. && husky frontend/.husky",
     "typecheck": "react-router typegen && tsc",
+    "check-unlocalized-strings": "node scripts/check-unlocalized-strings.cjs",
     "check-translation-completeness": "node scripts/check-translation-completeness.cjs"
   },
   "lint-staged": {
@@ -79,11 +80,11 @@
     ]
   },
   "devDependencies": {
-    "@babel/parser": "^7.28.0",
-    "@babel/traverse": "^7.28.0",
+    "@babel/parser": "^7.27.7",
+    "@babel/traverse": "^7.27.7",
     "@babel/types": "^7.27.0",
     "@mswjs/socket.io-binding": "^0.2.0",
-    "@playwright/test": "^1.53.2",
+    "@playwright/test": "^1.53.1",
     "@react-router/dev": "^7.6.3",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/eslint-plugin-query": "^5.81.2",
@@ -91,7 +92,7 @@
     "@testing-library/jest-dom": "^6.6.1",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.0.12",
+    "@types/node": "^24.0.5",
     "@types/react": "^19.1.8",
     "@types/react-dom": "^19.1.6",
     "@types/react-highlight": "^0.12.8",
@@ -106,7 +107,6 @@
     "eslint-config-airbnb": "^19.0.4",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "eslint-config-prettier": "^10.1.5",
-    "eslint-plugin-i18next": "^6.1.2",
     "eslint-plugin-import": "^2.32.0",
     "eslint-plugin-jsx-a11y": "^6.10.2",
     "eslint-plugin-prettier": "^5.5.1",
@@ -118,7 +118,7 @@
     "lint-staged": "^16.1.2",
     "msw": "^2.6.6",
     "prettier": "^3.6.2",
-    "stripe": "^18.3.0",
+    "stripe": "^18.2.1",
     "tailwindcss": "^4.1.8",
     "typescript": "^5.8.3",
     "vite-plugin-svgr": "^4.2.0",

frontend/scripts/check-unlocalized-strings.cjs

@@ -0,0 +1,739 @@
+#!/usr/bin/env node
+
+/**
+ * Pre-commit hook script to check for unlocalized strings in the frontend code
+ * This script is based on the test in __tests__/utils/check-hardcoded-strings.test.tsx
+ */
+
+const path = require('path');
+const fs = require('fs');
+const parser = require('@babel/parser');
+const traverse = require('@babel/traverse').default;
+
+// Files/directories to ignore
+const IGNORE_PATHS = [
+  // Build and dependency files
+  "node_modules",
+  "dist",
+  ".git",
+  "test",
+  "__tests__",
+  ".d.ts",
+  "i18n",
+  "package.json",
+  "package-lock.json",
+  "tsconfig.json",
+
+  // Internal code that doesn't need localization
+  "mocks", // Mock data
+  "assets", // SVG paths and CSS classes
+  "types", // Type definitions and constants
+  "state", // Redux state management
+  "api", // API endpoints
+  "services", // Internal services
+  "hooks", // React hooks
+  "context", // React context
+  "store", // Redux store
+  "routes.ts", // Route definitions
+  "root.tsx", // Root component
+  "entry.client.tsx", // Client entry point
+  "utils/scan-unlocalized-strings.ts", // Original scanner
+  "utils/scan-unlocalized-strings-ast.ts", // This file itself
+  "frontend/src/components/features/home/tasks/get-prompt-for-query.ts", // Only contains agent prompts
+];
+
+// Extensions to scan
+const SCAN_EXTENSIONS = [".ts", ".tsx", ".js", ".jsx"];
+
+// Attributes that typically don't contain user-facing text
+const NON_TEXT_ATTRIBUTES = [
+  "allow",
+  "className",
+  "i18nKey",
+  "testId",
+  "id",
+  "name",
+  "type",
+  "href",
+  "src",
+  "rel",
+  "target",
+  "style",
+  "onClick",
+  "onChange",
+  "onSubmit",
+  "data-testid",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-hidden",
+  "role",
+  "sandbox",
+];
+
+function shouldIgnorePath(filePath) {
+  return IGNORE_PATHS.some((ignore) => filePath.includes(ignore));
+}
+
+// Check if a string looks like a translation key
+// Translation keys typically use dots, underscores, or are all caps
+// Also check for the pattern with $ which is used in our translation keys
+function isLikelyTranslationKey(str) {
+  return (
+    /^[A-Z0-9_$.]+$/.test(str) ||
+    str.includes(".") ||
+    /[A-Z0-9_]+\$[A-Z0-9_]+/.test(str)
+  );
+}
+
+// Check if a string is a raw translation key that should be wrapped in t()
+function isRawTranslationKey(str) {
+  // Check for our specific translation key pattern (e.g., "SETTINGS$GITHUB_SETTINGS")
+  // Exclude specific keys that are already properly used with i18next.t() in the code
+  const excludedKeys = [
+    "STATUS$ERROR_LLM_OUT_OF_CREDITS",
+    "ERROR$GENERIC",
+    "GITHUB$AUTH_SCOPE",
+  ];
+
+  if (excludedKeys.includes(str)) {
+    return false;
+  }
+
+  return /^[A-Z0-9_]+\$[A-Z0-9_]+$/.test(str);
+}
+
+// Specific technical strings that should be excluded from localization
+const EXCLUDED_TECHNICAL_STRINGS = [
+  "openid email profile", // OAuth scope string - not user-facing
+  "OPEN_ISSUE", // Task type identifier, not a UI string
+  "Merge Request", // Git provider specific terminology
+  "GitLab API", // Git provider specific terminology
+  "Pull Request", // Git provider specific terminology
+  "GitHub API", // Git provider specific terminology
+  "add-secret-form", // Test ID for secret form
+  "edit-secret-form", // Test ID for secret form
+  "search-api-key-input", // Input name for search API key
+  "noopener,noreferrer", // Options for window.open
+  "STATUS$READY",
+  "STATUS$STOPPED",
+  "STATUS$ERROR",
+];
+
+function isExcludedTechnicalString(str) {
+  return EXCLUDED_TECHNICAL_STRINGS.includes(str);
+}
+
+function isLikelyCode(str) {
+  // A string with no spaces and at least one underscore or colon is likely a code.
+  // (e.g.: "browser_interactive" or "error:")
+  if (str.includes(" ")) {
+    return false
+  }
+  if (str.includes(":") || str.includes("_")){
+    return true
+  }
+  return false
+}
+
+function isCommonDevelopmentString(str) {
+
+  // Technical patterns that are definitely not UI strings
+  const technicalPatterns = [
+    // URLs and paths
+    /^https?:\/\//, // URLs
+    /^\/[a-zA-Z0-9_\-./]*$/, // File paths
+    /^[a-zA-Z0-9_-]+\.[a-zA-Z0-9_-]+$/, // File extensions, class names
+    /^@[a-zA-Z0-9/-]+$/, // Import paths
+    /^#\/[a-zA-Z0-9/-]+$/, // Alias imports
+    /^[a-zA-Z0-9/-]+\/[a-zA-Z0-9/-]+$/, // Module paths
+    /^data:image\/[a-zA-Z0-9;,]+$/, // Data URLs
+    /^application\/[a-zA-Z0-9-]+$/, // MIME types
+    /^!\[image]\(data:image\/png;base64,$/, // Markdown image with base64 data
+
+    // Numbers, IDs, and technical values
+    /^\d+(\.\d+)?$/, // Numbers
+    /^#[0-9a-fA-F]{3,8}$/, // Color codes
+    /^[a-zA-Z0-9_-]+=[a-zA-Z0-9_-]+$/, // Key-value pairs
+    /^mm:ss$/, // Time format
+    /^[a-zA-Z0-9]+\/[a-zA-Z0-9-]+$/, // Provider/model format
+    /^\?[a-zA-Z0-9_-]+$/, // URL parameters
+    /^[a-f0-9]{8}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{4}-[a-f0-9]{12}$/i, // UUID
+    /^[A-Za-z0-9+/=]+$/, // Base64
+
+    // HTML and CSS selectors
+    /^[a-z]+(\[[^\]]+\])+$/, // CSS attribute selectors
+    /^[a-z]+:[a-z-]+$/, // CSS pseudo-selectors
+    /^[a-z]+\.[a-z0-9_-]+$/, // CSS class selectors
+    /^[a-z]+#[a-z0-9_-]+$/, // CSS ID selectors
+    /^[a-z]+\s*>\s*[a-z]+$/, // CSS child selectors
+    /^[a-z]+\s+[a-z]+$/, // CSS descendant selectors
+
+    // CSS and styling patterns
+    /^[a-z0-9-]+:[a-z0-9-]+$/, // CSS property:value
+    /^[a-z0-9-]+:[a-z0-9-]+;[a-z0-9-]+:[a-z0-9-]+$/, // Multiple CSS properties
+  ];
+
+  // File extensions and media types
+  const fileExtensionPattern =
+    /^\.(png|jpg|jpeg|gif|svg|webp|bmp|ico|pdf|mp4|webm|ogg|mp3|wav|json|xml|csv|txt|md|html|css|js|jsx|ts|tsx)$/i;
+  if (fileExtensionPattern.test(str)) {
+    return true;
+  }
+
+  // AI model and provider patterns
+  const aiRelatedPattern =
+    /^(AI|OpenAI|VertexAI|PaLM|Gemini|Anthropic|Anyscale|Databricks|Ollama|FriendliAI|Groq|DeepInfra|AI21|Replicate|OpenRouter|Azure|AWS|SageMaker|Bedrock|Mistral|Perplexity|Fireworks|Cloudflare|Workers|Voyage|claude-|gpt-|o1-|o3-)/i;
+  if (aiRelatedPattern.test(str)) {
+    return true;
+  }
+
+  // CSS units and values
+  const cssUnitsPattern =
+    /\b\d+(px|rem|em|vh|vw|vmin|vmax|ch|ex|fr|deg|rad|turn|grad|ms|s)$|^(px|rem|em|vh|vw|vmin|vmax|ch|ex|fr|deg|rad|turn|grad|ms|s)$/;
+  const cssValuesPattern =
+    /(rgb|rgba|hsl|hsla|#[0-9a-fA-F]+|solid|absolute|relative|sticky|fixed|static|block|inline|flex|grid|none|auto|hidden|visible)/;
+
+  if (cssUnitsPattern.test(str) || cssValuesPattern.test(str)) {
+    return true;
+  }
+
+  // Check for CSS class strings with brackets (common in the codebase)
+  if (
+    str.includes("[") &&
+    str.includes("]") &&
+    (str.includes("px") ||
+      str.includes("rem") ||
+      str.includes("em") ||
+      str.includes("w-") ||
+      str.includes("h-") ||
+      str.includes("p-") ||
+      str.includes("m-"))
+  ) {
+    return true;
+  }
+
+  // Check for CSS class strings with specific patterns
+  if (
+    str.includes("border-") ||
+    str.includes("rounded-") ||
+    str.includes("cursor-") ||
+    str.includes("opacity-") ||
+    str.includes("disabled:") ||
+    str.includes("hover:") ||
+    str.includes("focus-within:") ||
+    str.includes("first-of-type:") ||
+    str.includes("last-of-type:") ||
+    str.includes("group-data-")
+  ) {
+    return true;
+  }
+
+  // Check if it looks like a Tailwind class string
+  if (/^[a-z0-9-]+(\s+[a-z0-9-]+)*$/.test(str)) {
+    // Common Tailwind prefixes and patterns
+    const tailwindPrefixes = [
+      "bg-", "text-", "border-", "rounded-", "p-", "m-", "px-", "py-", "mx-", "my-",
+      "w-", "h-", "min-w-", "min-h-", "max-w-", "max-h-", "flex-", "grid-", "gap-",
+      "space-", "items-", "justify-", "self-", "col-", "row-", "order-", "object-",
+      "overflow-", "opacity-", "z-", "top-", "right-", "bottom-", "left-", "inset-",
+      "font-", "tracking-", "leading-", "list-", "placeholder-", "shadow-", "ring-",
+      "transition-", "duration-", "ease-", "delay-", "animate-", "scale-", "rotate-",
+      "translate-", "skew-", "origin-", "cursor-", "select-", "resize-", "fill-", "stroke-",
+    ];
+
+    // Check if any word in the string starts with a Tailwind prefix
+    const words = str.split(/\s+/);
+    for (const word of words) {
+      for (const prefix of tailwindPrefixes) {
+        if (word.startsWith(prefix)) {
+          return true;
+        }
+      }
+    }
+
+    // Check for Tailwind modifiers
+    const tailwindModifiers = [
+      "hover:", "focus:", "active:", "disabled:", "visited:", "first:", "last:",
+      "odd:", "even:", "group-hover:", "focus-within:", "focus-visible:", "motion-safe:",
+      "motion-reduce:", "dark:", "light:", "sm:", "md:", "lg:", "xl:", "2xl:",
+    ];
+
+    for (const word of words) {
+      for (const modifier of tailwindModifiers) {
+        if (word.includes(modifier)) {
+          return true;
+        }
+      }
+    }
+
+    // Check for CSS property combinations
+    const cssProperties = [
+      "border", "rounded", "px", "py", "mx", "my", "p", "m", "w", "h", "flex",
+      "grid", "gap", "transition", "duration", "font", "leading", "tracking",
+    ];
+
+    // If the string contains multiple CSS properties, it's likely a CSS class string
+    let cssPropertyCount = 0;
+    for (const word of words) {
+      if (
+        cssProperties.some(
+          (prop) => word === prop || word.startsWith(`${prop}-`),
+        )
+      ) {
+        cssPropertyCount += 1;
+      }
+    }
+
+    if (cssPropertyCount >= 2) {
+      return true;
+    }
+  }
+
+  // Check for specific CSS class patterns that appear in the test failures
+  if (
+    str.match(
+      /^(border|rounded|flex|grid|transition|duration|ease|hover:|focus:|active:|disabled:|placeholder:|text-|bg-|w-|h-|p-|m-|gap-|items-|justify-|self-|overflow-|cursor-|opacity-|z-|top-|right-|bottom-|left-|inset-|font-|tracking-|leading-|whitespace-|break-|truncate|shadow-|ring-|outline-|animate-|transform|rotate-|scale-|skew-|translate-|origin-|first-of-type:|last-of-type:|group-data-|max-|min-|px-|py-|mx-|my-|grow|shrink|resize-|underline|italic|normal)/,
+    )
+  ) {
+    return true;
+  }
+
+  // HTML tags and attributes
+  if (
+    /^<[a-z0-9]+(?:\s[^>]*)?>.*<\/[a-z0-9]+>$/i.test(str) ||
+    /^<[a-z0-9]+ [^>]+\/>$/i.test(str)
+  ) {
+    return true;
+  }
+
+  // Check for specific patterns in suggestions and examples
+  if (
+    str.includes("* ") &&
+    (str.includes("create a") ||
+      str.includes("build a") ||
+      str.includes("make a"))
+  ) {
+    // This is likely a suggestion or example, not a UI string
+    return false;
+  }
+
+  // Check for specific technical identifiers from the test failures
+  if (
+    /^(download_via_vscode_button_clicked|open-vscode-error-|set-indicator|settings_saved|openhands-trace-|provider-item-|last_browser_action_error)$/.test(
+      str,
+    )
+  ) {
+    return true;
+  }
+
+  // Check for URL paths and query parameters
+  if (
+    str.startsWith("?") ||
+    str.startsWith("/") ||
+    str.includes("auth.") ||
+    str.includes("$1auth.")
+  ) {
+    return true;
+  }
+
+  // Check for specific strings that should be excluded
+  if (
+    str === "Cache Hit:" ||
+    str === "Cache Write:" ||
+    str === "ADD_DOCS" ||
+    str === "ADD_DOCKERFILE" ||
+    str === "Verified" ||
+    str === "Others" ||
+    str === "Feedback" ||
+    str === "JSON File" ||
+    str === "mt-0.5 md:mt-0"
+  ) {
+    return true;
+  }
+
+  // Check for long suggestion texts
+  if (
+    str.length > 100 &&
+    (str.includes("Please write a bash script") ||
+      str.includes("Please investigate the repo") ||
+      str.includes("Please push the changes") ||
+      str.includes("Examine the dependencies") ||
+      str.includes("Investigate the documentation") ||
+      str.includes("Investigate the current repo") ||
+      str.includes("I want to create a Hello World app") ||
+      str.includes("I want to create a VueJS app") ||
+      str.includes("This should be a client-only app"))
+  ) {
+    return true;
+  }
+
+  // Check for specific error messages and UI text
+  if (
+    str === "All data associated with this project will be lost." ||
+    str === "You will lose any unsaved information." ||
+    str ===
+      "This conversation does not exist, or you do not have permission to access it." ||
+    str === "Failed to fetch settings. Please try reloading." ||
+    str ===
+      "If you tell OpenHands to start a web server, the app will appear here." ||
+    str ===
+      "Your browser doesn't support downloading files. Please use Chrome, Edge, or another browser that supports the File System Access API." ||
+    str ===
+      "Something went wrong while fetching settings. Please reload the page." ||
+    str ===
+      "To help us improve, we collect feedback from your interactions to improve our prompts. By submitting this form, you consent to us collecting this data." ||
+    str === "Please push the latest changes to the existing pull request."
+  ) {
+    return true;
+  }
+
+  // Check against all technical patterns
+  return technicalPatterns.some((pattern) => pattern.test(str));
+}
+
+function isLikelyUserFacingText(str) {
+
+  // Basic validation - skip very short strings or strings without letters
+  if (!str || str.length <= 2 || !/[a-zA-Z]/.test(str)) {
+    return false;
+  }
+
+  // Check if it's a specifically excluded technical string
+  if (isExcludedTechnicalString(str)) {
+    return false;
+  }
+
+  // Check if it looks like a code rather than a key
+  if (isLikelyCode(str)) {
+    return false
+  }
+
+  // Check if it's a raw translation key that should be wrapped in t()
+  if (isRawTranslationKey(str)) {
+    return true;
+  }
+
+  // Check if it's a translation key pattern (e.g., "SETTINGS$BASE_URL")
+  // These should be wrapped in t() or use I18nKey enum
+  if (isLikelyTranslationKey(str) && /^[A-Z0-9_]+\$[A-Z0-9_]+$/.test(str)) {
+    return true;
+  }
+
+  // First, check if it's a common development string (not user-facing)
+  if (isCommonDevelopmentString(str)) {
+    return false;
+  }
+
+  // Multi-word phrases are likely UI text
+  const hasMultipleWords = /\s+/.test(str) && str.split(/\s+/).length > 1;
+
+  // Sentences and questions are likely UI text
+  const hasPunctuation = /[?!.,:]/.test(str);
+  const isCapitalizedPhrase = /^[A-Z]/.test(str) && hasMultipleWords;
+  const isTitleCase = hasMultipleWords && /\s[A-Z]/.test(str);
+  const hasSentenceStructure = /^[A-Z].*[.!?]$/.test(str); // Starts with capital, ends with punctuation
+  const hasQuestionForm =
+    /^(What|How|Why|When|Where|Who|Can|Could|Would|Will|Is|Are|Do|Does|Did|Should|May|Might)/.test(
+      str,
+    );
+
+  // Product names and camelCase identifiers are likely UI text
+  const hasInternalCapitals = /[a-z][A-Z]/.test(str); // CamelCase product names
+
+  // Instruction text patterns are likely UI text
+  const looksLikeInstruction =
+    /^(Enter|Type|Select|Choose|Provide|Specify|Search|Find|Input|Add|Write|Describe|Set|Pick|Browse|Upload|Download|Click|Tap|Press|Go to|Visit|Open|Close)/i.test(
+      str,
+    );
+
+  // Error and status messages are likely UI text
+  const looksLikeErrorOrStatus =
+    /(failed|error|invalid|required|missing|incorrect|wrong|unavailable|not found|not available|try again|success|completed|finished|done|saved|updated|created|deleted|removed|added)/i.test(
+      str,
+    );
+
+  // Single word check - assume it's UI text unless proven otherwise
+  const isSingleWord =
+    !str.includes(" ") && str.length > 1 && /^[a-zA-Z]+$/.test(str);
+
+  // For single words, we need to be more careful
+  if (isSingleWord) {
+    // Skip common programming terms and variable names
+    const isCommonProgrammingTerm =
+      /^(null|undefined|true|false|function|class|interface|type|enum|const|let|var|return|import|export|default|async|await|try|catch|finally|throw|new|this|super|extends|implements|instanceof|typeof|void|delete|in|of|for|while|do|if|else|switch|case|break|continue|yield|static|get|set|public|private|protected|readonly|abstract|implements|namespace|module|declare|as|from|with)$/i.test(
+        str,
+      );
+
+    if (isCommonProgrammingTerm) {
+      return false;
+    }
+
+    // Skip common variable name patterns
+    const looksLikeVariableName =
+      /^[a-z][a-zA-Z0-9]*$/.test(str) && str.length <= 20;
+
+    if (looksLikeVariableName) {
+      return false;
+    }
+
+    // Skip common CSS values
+    const isCommonCssValue =
+      /^(auto|none|hidden|visible|block|inline|flex|grid|row|column|wrap|nowrap|center|start|end|stretch|cover|contain|fixed|absolute|relative|static|sticky|pointer|default|inherit|initial|unset)$/i.test(
+        str,
+      );
+
+    if (isCommonCssValue) {
+      return false;
+    }
+
+    // Skip common file extensions
+    const isFileExtension = /^\.[a-z0-9]+$/i.test(str);
+    if (isFileExtension) {
+      return false;
+    }
+
+    // Skip common abbreviations
+    const isCommonAbbreviation =
+      /^(id|src|href|url|alt|img|btn|nav|div|span|ul|li|ol|dl|dt|dd|svg|png|jpg|gif|pdf|doc|txt|md|js|ts|jsx|tsx|css|scss|less|html|xml|json|yaml|yml|toml|csv|mp3|mp4|wav|avi|mov|mpeg|webm|webp|ttf|woff|eot|otf)$/i.test(
+        str,
+      );
+
+    if (isCommonAbbreviation) {
+      return false;
+    }
+
+    // If it's a single word that's not a programming term, variable name, CSS value, file extension, or abbreviation,
+    // it might be UI text, but we'll be conservative and return false
+    return false;
+  }
+
+  // If it has multiple words, punctuation, or looks like a sentence, it's likely UI text
+  return (
+    hasMultipleWords ||
+    hasPunctuation ||
+    isCapitalizedPhrase ||
+    isTitleCase ||
+    hasSentenceStructure ||
+    hasQuestionForm ||
+    hasInternalCapitals ||
+    looksLikeInstruction ||
+    looksLikeErrorOrStatus
+  );
+}
+
+function isInTranslationContext(path) {
+  // Check if the JSX text is inside a <Trans> component
+  let current = path;
+  while (current.parentPath) {
+    if (
+      current.isJSXElement() &&
+      current.node.openingElement &&
+      current.node.openingElement.name &&
+      current.node.openingElement.name.name === "Trans"
+    ) {
+      return true;
+    }
+    current = current.parentPath;
+  }
+  return false;
+}
+
+function scanFileForUnlocalizedStrings(filePath) {
+  // Skip suggestion content files as they contain special strings that are already properly localized
+  if (filePath.includes("utils/suggestions/") || filePath.includes("mocks/task-suggestions-handlers.ts")) {
+    return [];
+  }
+
+  try {
+    const content = fs.readFileSync(filePath, "utf-8");
+    const unlocalizedStrings = [];
+
+    // Skip files that are too large
+    if (content.length > 1000000) {
+      console.warn(`Skipping large file: ${filePath}`);
+      return [];
+    }
+
+    try {
+      // Parse the file
+      const ast = parser.parse(content, {
+        sourceType: "module",
+        plugins: ["jsx", "typescript", "classProperties", "decorators-legacy"],
+      });
+
+      // Traverse the AST
+      traverse(ast, {
+        // Find JSX text content
+        JSXText(jsxTextPath) {
+          const text = jsxTextPath.node.value.trim();
+          if (
+            text &&
+            isLikelyUserFacingText(text) &&
+            !isInTranslationContext(jsxTextPath)
+          ) {
+            unlocalizedStrings.push(text);
+          }
+        },
+
+        // Find string literals in JSX attributes
+        JSXAttribute(jsxAttrPath) {
+          const attrName = jsxAttrPath.node.name.name.toString();
+
+          // Skip technical attributes that don't contain user-facing text
+          if (NON_TEXT_ATTRIBUTES.includes(attrName)) {
+            return;
+          }
+
+          // Skip styling attributes
+          if (
+            attrName === "className" ||
+            attrName === "class" ||
+            attrName === "style"
+          ) {
+            return;
+          }
+
+          // Skip data attributes and event handlers
+          if (attrName.startsWith("data-") || attrName.startsWith("on")) {
+            return;
+          }
+
+          // Check the attribute value
+          const value = jsxAttrPath.node.value;
+          if (value && value.type === "StringLiteral") {
+            const text = value.value.trim();
+            if (text && isLikelyUserFacingText(text)) {
+              unlocalizedStrings.push(text);
+            }
+          }
+        },
+
+        // Find string literals in code
+        StringLiteral(stringPath) {
+          // Skip if parent is JSX attribute (already handled above)
+          if (stringPath.parent.type === "JSXAttribute") {
+            return;
+          }
+
+          // Skip if parent is import/export declaration
+          if (
+            stringPath.parent.type === "ImportDeclaration" ||
+            stringPath.parent.type === "ExportDeclaration"
+          ) {
+            return;
+          }
+
+          // Skip if parent is object property key
+          if (
+            stringPath.parent.type === "ObjectProperty" &&
+            stringPath.parent.key === stringPath.node
+          ) {
+            return;
+          }
+
+          // Skip if inside a t() call or Trans component
+          let isInsideTranslation = false;
+          let current = stringPath;
+
+          while (current.parentPath && !isInsideTranslation) {
+            // Check for t() function call
+            if (
+              current.parent.type === "CallExpression" &&
+              current.parent.callee &&
+              ((current.parent.callee.type === "Identifier" &&
+                current.parent.callee.name === "t") ||
+                (current.parent.callee.type === "MemberExpression" &&
+                  current.parent.callee.property &&
+                  current.parent.callee.property.name === "t"))
+            ) {
+              isInsideTranslation = true;
+              break;
+            }
+
+            // Check for <Trans> component
+            if (
+              current.parent.type === "JSXElement" &&
+              current.parent.openingElement &&
+              current.parent.openingElement.name &&
+              current.parent.openingElement.name.name === "Trans"
+            ) {
+              isInsideTranslation = true;
+              break;
+            }
+
+            current = current.parentPath;
+          }
+
+          if (!isInsideTranslation) {
+            const text = stringPath.node.value.trim();
+            if (text && isLikelyUserFacingText(text)) {
+              unlocalizedStrings.push(text);
+            }
+          }
+        },
+      });
+
+      return unlocalizedStrings;
+    } catch (error) {
+      console.error(`Error parsing file ${filePath}:`, error);
+      return [];
+    }
+  } catch (error) {
+    console.error(`Error reading file ${filePath}:`, error);
+    return [];
+  }
+}
+
+function scanDirectoryForUnlocalizedStrings(dirPath) {
+  const results = new Map();
+
+  function scanDir(currentPath) {
+    const entries = fs.readdirSync(currentPath, { withFileTypes: true });
+
+    for (const entry of entries) {
+      const fullPath = path.join(currentPath, entry.name);
+
+      if (!shouldIgnorePath(fullPath)) {
+        if (entry.isDirectory()) {
+          scanDir(fullPath);
+        } else if (
+          entry.isFile() &&
+          SCAN_EXTENSIONS.includes(path.extname(fullPath))
+        ) {
+          const unlocalized = scanFileForUnlocalizedStrings(fullPath);
+          if (unlocalized.length > 0) {
+            results.set(fullPath, unlocalized);
+          }
+        }
+      }
+    }
+  }
+
+  scanDir(dirPath);
+  return results;
+}
+
+// Run the check
+try {
+  const srcPath = path.resolve(__dirname, '../src');
+  console.log('Checking for unlocalized strings in frontend code...');
+
+  // Get unlocalized strings using the AST scanner
+  const results = scanDirectoryForUnlocalizedStrings(srcPath);
+
+  // If we found any unlocalized strings, format them for output and exit with error
+  if (results.size > 0) {
+    const formattedResults = Array.from(results.entries())
+      .map(([file, strings]) => `\n${file}:\n  ${strings.join('\n  ')}`)
+      .join('\n');
+
+    console.error(`Error: Found unlocalized strings in the following files:${formattedResults}`);
+    process.exit(1);
+  }
+
+  console.log('✅ No unlocalized strings found in frontend code.');
+  process.exit(0);
+} catch (error) {
+  console.error('Error running unlocalized strings check:', error);
+  process.exit(1);
+}

frontend/src/api/memory-service/memory-service.api.ts

@@ -1,21 +0,0 @@
-import { openHands } from "../open-hands-axios";
-
-interface GetPromptResponse {
-  status: string;
-  prompt: string;
-}
-
-export class MemoryService {
-  static async getPrompt(
-    conversationId: string,
-    eventId: number,
-  ): Promise<string> {
-    const { data } = await openHands.get<GetPromptResponse>(
-      `/api/conversations/${conversationId}/remember_prompt`,
-      {
-        params: { event_id: eventId },
-      },
-    );
-    return data.prompt;
-  }
-}

frontend/src/api/open-hands.ts

@@ -258,17 +258,19 @@ class OpenHands {
     selectedRepository?: string,
     git_provider?: Provider,
     initialUserMsg?: string,
+    imageUrls?: string[],
+    replayJson?: string,
     suggested_task?: SuggestedTask,
     selected_branch?: string,
-    conversationInstructions?: string,
   ): Promise<Conversation> {
     const body = {
       repository: selectedRepository,
       git_provider,
       selected_branch,
       initial_user_msg: initialUserMsg,
+      image_urls: imageUrls,
+      replay_json: replayJson,
       suggested_task,
-      conversation_instructions: conversationInstructions,
     };
 
     const { data } = await openHands.post<Conversation>(

frontend/src/api/open-hands.types.ts

@@ -1,6 +1,5 @@
 import { ConversationStatus } from "#/types/conversation-status";
 import { RuntimeStatus } from "#/types/runtime-status";
-import { Provider } from "#/types/settings";
 
 export interface ErrorResponse {
   error: string;
@@ -71,12 +70,6 @@ export interface AuthenticateResponse {
   error?: string;
 }
 
-export interface RepositorySelection {
-  selected_repository: string | null;
-  selected_branch: string | null;
-  git_provider: Provider | null;
-}
-
 export type ConversationTrigger = "resolver" | "gui" | "suggested_task";
 
 export interface Conversation {
@@ -84,7 +77,7 @@ export interface Conversation {
   title: string;
   selected_repository: string | null;
   selected_branch: string | null;
-  git_provider: Provider | null;
+  git_provider: string | null;
   last_updated_at: string;
   created_at: string;
   status: ConversationStatus;

frontend/src/components/features/chat/chat-input.tsx

@@ -29,7 +29,7 @@ export function ChatInput({
   disabled,
   showButton = true,
   value,
-  maxRows = 8,
+  maxRows = 16,
   onSubmit,
   onStop,
   onChange,

frontend/src/components/features/chat/chat-interface.test.tsx

@@ -1,164 +0,0 @@
-import { render, screen } from "@testing-library/react";
-import { useParams } from "react-router";
-import { vi, describe, test, expect, beforeEach } from "vitest";
-import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
-import { ChatInterface } from "./chat-interface";
-import { useWsClient } from "#/context/ws-client-provider";
-import { useOptimisticUserMessage } from "#/hooks/use-optimistic-user-message";
-import { useWSErrorMessage } from "#/hooks/use-ws-error-message";
-import { useConfig } from "#/hooks/query/use-config";
-import { useGetTrajectory } from "#/hooks/mutation/use-get-trajectory";
-import { useUploadFiles } from "#/hooks/mutation/use-upload-files";
-import { OpenHandsAction } from "#/types/core/actions";
-
-// Mock the hooks
-vi.mock("#/context/ws-client-provider");
-vi.mock("#/hooks/use-optimistic-user-message");
-vi.mock("#/hooks/use-ws-error-message");
-vi.mock("react-router");
-vi.mock("#/hooks/query/use-config");
-vi.mock("#/hooks/mutation/use-get-trajectory");
-vi.mock("#/hooks/mutation/use-upload-files");
-vi.mock("react-redux", () => ({
-  useSelector: vi.fn(() => ({
-    curAgentState: "AWAITING_USER_INPUT",
-    selectedRepository: null,
-    replayJson: null,
-  })),
-}));
-
-describe("ChatInterface", () => {
-  // Create a new QueryClient for each test
-  let queryClient: QueryClient;
-
-  beforeEach(() => {
-    queryClient = new QueryClient({
-      defaultOptions: {
-        queries: {
-          retry: false,
-        },
-      },
-    });
-
-    // Default mock implementations
-    (useWsClient as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      send: vi.fn(),
-      isLoadingMessages: false,
-      parsedEvents: [],
-    });
-    (
-      useOptimisticUserMessage as unknown as ReturnType<typeof vi.fn>
-    ).mockReturnValue({
-      setOptimisticUserMessage: vi.fn(),
-      getOptimisticUserMessage: vi.fn(() => null),
-    });
-    (useWSErrorMessage as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      getErrorMessage: vi.fn(() => null),
-      setErrorMessage: vi.fn(),
-      removeErrorMessage: vi.fn(),
-    });
-    (useParams as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      conversationId: "test-id",
-    });
-    (useConfig as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      data: { APP_MODE: "local" },
-    });
-    (useGetTrajectory as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      mutate: vi.fn(),
-      mutateAsync: vi.fn(),
-      isLoading: false,
-    });
-    (useUploadFiles as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      mutateAsync: vi
-        .fn()
-        .mockResolvedValue({ skipped_files: [], uploaded_files: [] }),
-      isLoading: false,
-    });
-  });
-
-  // Helper function to render with QueryClientProvider
-  const renderWithQueryClient = (ui: React.ReactElement) =>
-    render(
-      <QueryClientProvider client={queryClient}>{ui}</QueryClientProvider>,
-    );
-
-  test("should show chat suggestions when there are no events", () => {
-    (useWsClient as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      send: vi.fn(),
-      isLoadingMessages: false,
-      parsedEvents: [],
-    });
-
-    renderWithQueryClient(<ChatInterface />);
-
-    // Check if ChatSuggestions is rendered
-    expect(screen.getByTestId("chat-suggestions")).toBeInTheDocument();
-  });
-
-  test("should show chat suggestions when there are only environment events", () => {
-    const environmentEvent: OpenHandsAction = {
-      id: 1,
-      source: "environment",
-      action: "system",
-      args: {
-        content: "source .openhands/setup.sh",
-        tools: null,
-        openhands_version: null,
-        agent_class: null,
-      },
-      message: "Running setup script",
-      timestamp: "2025-07-01T00:00:00Z",
-    };
-
-    (useWsClient as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      send: vi.fn(),
-      isLoadingMessages: false,
-      parsedEvents: [environmentEvent],
-    });
-
-    renderWithQueryClient(<ChatInterface />);
-
-    // Check if ChatSuggestions is still rendered with environment events
-    expect(screen.getByTestId("chat-suggestions")).toBeInTheDocument();
-  });
-
-  test("should hide chat suggestions when there is a user message", () => {
-    const userEvent: OpenHandsAction = {
-      id: 1,
-      source: "user",
-      action: "message",
-      args: {
-        content: "Hello",
-        image_urls: [],
-        file_urls: [],
-      },
-      message: "Hello",
-      timestamp: "2025-07-01T00:00:00Z",
-    };
-
-    (useWsClient as unknown as ReturnType<typeof vi.fn>).mockReturnValue({
-      send: vi.fn(),
-      isLoadingMessages: false,
-      parsedEvents: [userEvent],
-    });
-
-    renderWithQueryClient(<ChatInterface />);
-
-    // Check if ChatSuggestions is not rendered with user events
-    expect(screen.queryByTestId("chat-suggestions")).not.toBeInTheDocument();
-  });
-
-  test("should hide chat suggestions when there is an optimistic user message", () => {
-    (
-      useOptimisticUserMessage as unknown as ReturnType<typeof vi.fn>
-    ).mockReturnValue({
-      setOptimisticUserMessage: vi.fn(),
-      getOptimisticUserMessage: vi.fn(() => "Optimistic message"),
-    });
-
-    renderWithQueryClient(<ChatInterface />);
-
-    // Check if ChatSuggestions is not rendered with optimistic user message
-    expect(screen.queryByTestId("chat-suggestions")).not.toBeInTheDocument();
-  });
-});

frontend/src/components/features/chat/chat-interface.tsx

@@ -10,7 +10,6 @@ import { createChatMessage } from "#/services/chat-service";
 import { InteractiveChatBox } from "./interactive-chat-box";
 import { RootState } from "#/store";
 import { AgentState } from "#/types/agent-state";
-import { isOpenHandsAction } from "#/types/core/guards";
 import { generateAgentStateChangeEvent } from "#/services/agent-state-service";
 import { FeedbackModal } from "../feedback/feedback-modal";
 import { useScrollToBottom } from "#/hooks/use-scroll-to-bottom";
@@ -32,7 +31,6 @@ import { ErrorMessageBanner } from "./error-message-banner";
 import { shouldRenderEvent } from "./event-content-helpers/should-render-event";
 import { useUploadFiles } from "#/hooks/mutation/use-upload-files";
 import { useConfig } from "#/hooks/query/use-config";
-import { validateFiles } from "#/utils/file-validation";
 
 function getEntryPoint(
   hasRepository: boolean | null,
@@ -79,26 +77,11 @@ export function ChatInterface() {
 
   const events = parsedEvents.filter(shouldRenderEvent);
 
-  // Check if there are any substantive agent actions (not just system messages)
-  const hasSubstantiveAgentActions = React.useMemo(
-    () =>
-      parsedEvents.some(
-        (event) =>
-          isOpenHandsAction(event) &&
-          event.source === "agent" &&
-          event.action !== "system",
-      ),
-    [parsedEvents],
-  );
-
   const handleSendMessage = async (
     content: string,
-    originalImages: File[],
-    originalFiles: File[],
+    images: File[],
+    files: File[],
   ) => {
-    // Create mutable copies of the arrays
-    const images = [...originalImages];
-    const files = [...originalFiles];
     if (events.length === 0) {
       posthog.capture("initial_query_submitted", {
         entry_point: getEntryPoint(
@@ -114,16 +97,6 @@ export function ChatInterface() {
         current_message_length: content.length,
       });
     }
-
-    // Validate file sizes before any processing
-    const allFiles = [...images, ...files];
-    const validation = validateFiles(allFiles);
-
-    if (!validation.isValid) {
-      displayErrorToast(`Error: ${validation.errorMessage}`);
-      return; // Stop processing if validation fails
-    }
-
     const promises = images.map((image) => convertImageToBase64(image));
     const imageUrls = await Promise.all(promises);
 
@@ -194,12 +167,9 @@ export function ChatInterface() {
   return (
     <ScrollProvider value={scrollProviderValue}>
       <div className="h-full flex flex-col justify-between">
-        {!hasSubstantiveAgentActions &&
-          !optimisticUserMessage &&
-          !events.some(
-            (event) => isOpenHandsAction(event) && event.source === "user",
-          ) && <ChatSuggestions onSuggestionsClick={setMessageToSend} />}
-        {/* Note: We only hide chat suggestions when there's a user message */}
+        {events.length === 0 && !optimisticUserMessage && (
+          <ChatSuggestions onSuggestionsClick={setMessageToSend} />
+        )}
 
         <div
           ref={scrollRef}
@@ -222,7 +192,7 @@ export function ChatInterface() {
           )}
 
           {isWaitingForUserInput &&
-            hasSubstantiveAgentActions &&
+            events.length > 0 &&
             !optimisticUserMessage && (
               <ActionSuggestions
                 onSuggestionsClick={(value) => handleSendMessage(value, [], [])}

frontend/src/components/features/chat/chat-message.tsx

@@ -12,17 +12,12 @@ import { paragraph } from "../markdown/paragraph";
 interface ChatMessageProps {
   type: OpenHandsSourceType;
   message: string;
-  actions?: Array<{
-    icon: React.ReactNode;
-    onClick: () => void;
-  }>;
 }
 
 export function ChatMessage({
   type,
   message,
   children,
-  actions,
 }: React.PropsWithChildren<ChatMessageProps>) {
   const [isHovering, setIsHovering] = React.useState(false);
   const [isCopy, setIsCopy] = React.useState(false);
@@ -52,54 +47,31 @@ export function ChatMessage({
       onMouseEnter={() => setIsHovering(true)}
       onMouseLeave={() => setIsHovering(false)}
       className={cn(
-        "rounded-xl relative w-fit",
+        "rounded-xl relative",
         "flex flex-col gap-2",
         type === "user" && " max-w-[305px] p-4 bg-tertiary self-end",
         type === "agent" && "mt-6 max-w-full bg-transparent",
       )}
     >
-      <div
-        className={cn(
-          "absolute -top-2.5 -right-2.5",
-          !isHovering ? "hidden" : "flex",
-          "items-center gap-1",
-        )}
-      >
-        {actions?.map((action, index) => (
-          <button
-            key={index}
-            type="button"
-            onClick={action.onClick}
-            className="button-base p-1 cursor-pointer"
-            aria-label={`Action ${index + 1}`}
-          >
-            {action.icon}
-          </button>
-        ))}
-
-        <CopyToClipboardButton
-          isHidden={!isHovering}
-          isDisabled={isCopy}
-          onClick={handleCopyToClipboard}
-          mode={isCopy ? "copied" : "copy"}
-        />
-      </div>
-
-      <div className="text-sm break-words flex">
-        <div>
-          <Markdown
-            components={{
-              code,
-              ul,
-              ol,
-              a: anchor,
-              p: paragraph,
-            }}
-            remarkPlugins={[remarkGfm]}
-          >
-            {message}
-          </Markdown>
-        </div>
+      <CopyToClipboardButton
+        isHidden={!isHovering}
+        isDisabled={isCopy}
+        onClick={handleCopyToClipboard}
+        mode={isCopy ? "copied" : "copy"}
+      />
+      <div className="text-sm break-words">
+        <Markdown
+          components={{
+            code,
+            ul,
+            ol,
+            a: anchor,
+            p: paragraph,
+          }}
+          remarkPlugins={[remarkGfm]}
+        >
+          {message}
+        </Markdown>
       </div>
       {children}
     </article>

frontend/src/components/features/chat/chat-suggestions.tsx

@@ -12,10 +12,7 @@ export function ChatSuggestions({ onSuggestionsClick }: ChatSuggestionsProps) {
   const { t } = useTranslation();
 
   return (
-    <div
-      data-testid="chat-suggestions"
-      className="flex flex-col gap-6 h-full px-4 items-center justify-center"
-    >
+    <div className="flex flex-col gap-6 h-full px-4 items-center justify-center">
       <div className="flex flex-col items-center p-4 bg-tertiary rounded-xl w-full">
         <BuildIt width={45} height={54} />
         <span className="font-semibold text-[20px] leading-6 -tracking-[0.01em] gap-1">

frontend/src/components/features/chat/event-message.tsx

@@ -19,8 +19,6 @@ import { MCPObservationContent } from "./mcp-observation-content";
 import { getObservationResult } from "./event-content-helpers/get-observation-result";
 import { getEventContent } from "./event-content-helpers/get-event-content";
 import { GenericEventMessage } from "./generic-event-message";
-import { MicroagentStatus } from "#/types/microagent-status";
-import { MicroagentStatusIndicator } from "./microagent/microagent-status-indicator";
 import { FileList } from "../files/file-list";
 import { parseMessageFromEvent } from "./event-content-helpers/parse-message-from-event";
 import { LikertScale } from "../feedback/likert-scale";
@@ -37,13 +35,6 @@ interface EventMessageProps {
   hasObservationPair: boolean;
   isAwaitingUserConfirmation: boolean;
   isLastMessage: boolean;
-  microagentStatus?: MicroagentStatus | null;
-  microagentConversationId?: string;
-  microagentPRUrl?: string;
-  actions?: Array<{
-    icon: React.ReactNode;
-    onClick: () => void;
-  }>;
   isInLast10Actions: boolean;
 }
 
@@ -52,10 +43,6 @@ export function EventMessage({
   hasObservationPair,
   isAwaitingUserConfirmation,
   isLastMessage,
-  microagentStatus,
-  microagentConversationId,
-  microagentPRUrl,
-  actions,
   isInLast10Actions,
 }: EventMessageProps) {
   const shouldShowConfirmationButtons =
@@ -95,66 +82,27 @@ export function EventMessage({
 
   if (isErrorObservation(event)) {
     return (
-      <div>
+      <>
         <ErrorMessage
           errorId={event.extras.error_id}
           defaultMessage={event.message}
         />
-        {microagentStatus && actions && (
-          <MicroagentStatusIndicator
-            status={microagentStatus}
-            conversationId={microagentConversationId}
-            prUrl={microagentPRUrl}
-          />
-        )}
         {renderLikertScale()}
-      </div>
+      </>
     );
   }
 
   if (hasObservationPair && isOpenHandsAction(event)) {
     if (hasThoughtProperty(event.args)) {
-      return (
-        <div>
-          <ChatMessage
-            type="agent"
-            message={event.args.thought}
-            actions={actions}
-          />
-          {microagentStatus && actions && (
-            <MicroagentStatusIndicator
-              status={microagentStatus}
-              conversationId={microagentConversationId}
-              prUrl={microagentPRUrl}
-            />
-          )}
-        </div>
-      );
+      return <ChatMessage type="agent" message={event.args.thought} />;
     }
-    return microagentStatus && actions ? (
-      <MicroagentStatusIndicator
-        status={microagentStatus}
-        conversationId={microagentConversationId}
-        prUrl={microagentPRUrl}
-      />
-    ) : null;
+    return null;
   }
 
   if (isFinishAction(event)) {
     return (
       <>
-        <ChatMessage
-          type="agent"
-          message={getEventContent(event).details}
-          actions={actions}
-        />
-        {microagentStatus && actions && (
-          <MicroagentStatusIndicator
-            status={microagentStatus}
-            conversationId={microagentConversationId}
-            prUrl={microagentPRUrl}
-          />
-        )}
+        <ChatMessage type="agent" message={getEventContent(event).details} />
         {renderLikertScale()}
       </>
     );
@@ -164,8 +112,8 @@ export function EventMessage({
     const message = parseMessageFromEvent(event);
 
     return (
-      <div className="flex flex-col self-end">
-        <ChatMessage type={event.source} message={message} actions={actions}>
+      <>
+        <ChatMessage type={event.source} message={message}>
           {event.args.image_urls && event.args.image_urls.length > 0 && (
             <ImageCarousel size="small" images={event.args.image_urls} />
           )}
@@ -174,26 +122,15 @@ export function EventMessage({
           )}
           {shouldShowConfirmationButtons && <ConfirmationButtons />}
         </ChatMessage>
-        {microagentStatus && actions && (
-          <MicroagentStatusIndicator
-            status={microagentStatus}
-            conversationId={microagentConversationId}
-            prUrl={microagentPRUrl}
-          />
-        )}
         {isAssistantMessage(event) &&
           event.action === "message" &&
           renderLikertScale()}
-      </div>
+      </>
     );
   }
 
   if (isRejectObservation(event)) {
-    return (
-      <div>
-        <ChatMessage type="agent" message={event.content} />
-      </div>
-    );
+    return <ChatMessage type="agent" message={event.content} />;
   }
 
   if (isMcpObservation(event)) {

frontend/src/components/features/chat/interactive-chat-box.tsx

@@ -5,8 +5,6 @@ import { ImageCarousel } from "../images/image-carousel";
 import { UploadImageInput } from "../images/upload-image-input";
 import { FileList } from "../files/file-list";
 import { isFileImage } from "#/utils/is-file-image";
-import { displayErrorToast } from "#/utils/custom-toast-handlers";
-import { validateFiles } from "#/utils/file-validation";
 
 interface InteractiveChatBoxProps {
   isDisabled?: boolean;
@@ -29,20 +27,14 @@ export function InteractiveChatBox({
   const [files, setFiles] = React.useState<File[]>([]);
 
   const handleUpload = (selectedFiles: File[]) => {
-    // Validate files before adding them
-    const validation = validateFiles(selectedFiles, [...images, ...files]);
-
-    if (!validation.isValid) {
-      displayErrorToast(`Error: ${validation.errorMessage}`);
-      return; // Don't add any files if validation fails
-    }
-
-    // Filter valid files by type
-    const validFiles = selectedFiles.filter((f) => !isFileImage(f));
-    const validImages = selectedFiles.filter((f) => isFileImage(f));
-
-    setFiles((prevFiles) => [...prevFiles, ...validFiles]);
-    setImages((prevImages) => [...prevImages, ...validImages]);
+    setFiles((prevFiles) => [
+      ...prevFiles,
+      ...selectedFiles.filter((f) => !isFileImage(f)),
+    ]);
+    setImages((prevImages) => [
+      ...prevImages,
+      ...selectedFiles.filter((f) => isFileImage(f)),
+    ]);
   };
 
   const removeElementByIndex = (array: Array<File>, index: number) => {

frontend/src/components/features/chat/messages.tsx

@@ -1,28 +1,10 @@
 import React from "react";
-import { createPortal } from "react-dom";
 import { OpenHandsAction } from "#/types/core/actions";
 import { OpenHandsObservation } from "#/types/core/observations";
-import {
-  isOpenHandsAction,
-  isOpenHandsObservation,
-  isOpenHandsEvent,
-  isAgentStateChangeObservation,
-  isFinishAction,
-} from "#/types/core/guards";
+import { isOpenHandsAction, isOpenHandsObservation } from "#/types/core/guards";
 import { EventMessage } from "./event-message";
 import { ChatMessage } from "./chat-message";
 import { useOptimisticUserMessage } from "#/hooks/use-optimistic-user-message";
-import { LaunchMicroagentModal } from "./microagent/launch-microagent-modal";
-import { useUserConversation } from "#/hooks/query/use-user-conversation";
-import { useConversationId } from "#/hooks/use-conversation-id";
-import { useCreateConversationAndSubscribeMultiple } from "#/hooks/use-create-conversation-and-subscribe-multiple";
-import {
-  MicroagentStatus,
-  EventMicroagentStatus,
-} from "#/types/microagent-status";
-import { AgentState } from "#/types/agent-state";
-import { getFirstPRUrl } from "#/utils/parse-pr-url";
-import MemoryIcon from "#/icons/memory_icon.svg?react";
 
 interface MessagesProps {
   messages: (OpenHandsAction | OpenHandsObservation)[];
@@ -31,23 +13,10 @@ interface MessagesProps {
 
 export const Messages: React.FC<MessagesProps> = React.memo(
   ({ messages, isAwaitingUserConfirmation }) => {
-    const { createConversationAndSubscribe, isPending } =
-      useCreateConversationAndSubscribeMultiple();
     const { getOptimisticUserMessage } = useOptimisticUserMessage();
-    const { conversationId } = useConversationId();
-    const { data: conversation } = useUserConversation(conversationId);
 
     const optimisticUserMessage = getOptimisticUserMessage();
 
-    const [selectedEventId, setSelectedEventId] = React.useState<number | null>(
-      null,
-    );
-    const [showLaunchMicroagentModal, setShowLaunchMicroagentModal] =
-      React.useState(false);
-    const [microagentStatuses, setMicroagentStatuses] = React.useState<
-      EventMicroagentStatus[]
-    >([]);
-
     const actionHasObservationPair = React.useCallback(
       (event: OpenHandsAction | OpenHandsObservation): boolean => {
         if (isOpenHandsAction(event)) {
@@ -61,139 +30,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
       [messages],
     );
 
-    const getMicroagentStatusForEvent = React.useCallback(
-      (eventId: number): MicroagentStatus | null => {
-        const statusEntry = microagentStatuses.find(
-          (entry) => entry.eventId === eventId,
-        );
-        return statusEntry?.status || null;
-      },
-      [microagentStatuses],
-    );
-
-    const getMicroagentConversationIdForEvent = React.useCallback(
-      (eventId: number): string | undefined => {
-        const statusEntry = microagentStatuses.find(
-          (entry) => entry.eventId === eventId,
-        );
-        return statusEntry?.conversationId || undefined;
-      },
-      [microagentStatuses],
-    );
-
-    const getMicroagentPRUrlForEvent = React.useCallback(
-      (eventId: number): string | undefined => {
-        const statusEntry = microagentStatuses.find(
-          (entry) => entry.eventId === eventId,
-        );
-        return statusEntry?.prUrl || undefined;
-      },
-      [microagentStatuses],
-    );
-
-    const handleMicroagentEvent = React.useCallback(
-      (socketEvent: unknown, microagentConversationId: string) => {
-        // Handle error events
-        const isErrorEvent = (
-          evt: unknown,
-        ): evt is { error: true; message: string } =>
-          typeof evt === "object" &&
-          evt !== null &&
-          "error" in evt &&
-          evt.error === true;
-
-        const isAgentStatusError = (evt: unknown): boolean =>
-          isOpenHandsEvent(evt) &&
-          isAgentStateChangeObservation(evt) &&
-          evt.extras.agent_state === AgentState.ERROR;
-
-        if (isErrorEvent(socketEvent) || isAgentStatusError(socketEvent)) {
-          setMicroagentStatuses((prev) =>
-            prev.map((statusEntry) =>
-              statusEntry.conversationId === microagentConversationId
-                ? { ...statusEntry, status: MicroagentStatus.ERROR }
-                : statusEntry,
-            ),
-          );
-        } else if (
-          isOpenHandsEvent(socketEvent) &&
-          isAgentStateChangeObservation(socketEvent)
-        ) {
-          if (socketEvent.extras.agent_state === AgentState.FINISHED) {
-            setMicroagentStatuses((prev) =>
-              prev.map((statusEntry) =>
-                statusEntry.conversationId === microagentConversationId
-                  ? { ...statusEntry, status: MicroagentStatus.COMPLETED }
-                  : statusEntry,
-              ),
-            );
-          }
-        } else if (
-          isOpenHandsEvent(socketEvent) &&
-          isFinishAction(socketEvent)
-        ) {
-          // Check if the finish action contains a PR URL
-          const prUrl = getFirstPRUrl(socketEvent.args.final_thought || "");
-          if (prUrl) {
-            setMicroagentStatuses((prev) =>
-              prev.map((statusEntry) =>
-                statusEntry.conversationId === microagentConversationId
-                  ? {
-                      ...statusEntry,
-                      status: MicroagentStatus.COMPLETED,
-                      prUrl,
-                    }
-                  : statusEntry,
-              ),
-            );
-          }
-        }
-      },
-      [setMicroagentStatuses],
-    );
-
-    const handleLaunchMicroagent = (
-      query: string,
-      target: string,
-      triggers: string[],
-    ) => {
-      const conversationInstructions = `Target file: ${target}\n\nDescription: ${query}\n\nTriggers: ${triggers.join(", ")}`;
-      if (
-        !conversation ||
-        !conversation.selected_repository ||
-        !conversation.selected_branch ||
-        !conversation.git_provider ||
-        !selectedEventId
-      ) {
-        return;
-      }
-
-      createConversationAndSubscribe({
-        query,
-        conversationInstructions,
-        repository: {
-          name: conversation.selected_repository,
-          branch: conversation.selected_branch,
-          gitProvider: conversation.git_provider,
-        },
-        onSuccessCallback: (newConversationId: string) => {
-          setShowLaunchMicroagentModal(false);
-          // Update status with conversation ID
-          setMicroagentStatuses((prev) => [
-            ...prev.filter((status) => status.eventId !== selectedEventId),
-            {
-              eventId: selectedEventId,
-              conversationId: newConversationId,
-              status: MicroagentStatus.CREATING,
-            },
-          ]);
-        },
-        onEventCallback: (socketEvent: unknown, newConversationId: string) => {
-          handleMicroagentEvent(socketEvent, newConversationId);
-        },
-      });
-    };
-
     return (
       <>
         {messages.map((message, index) => (
@@ -203,26 +39,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
             hasObservationPair={actionHasObservationPair(message)}
             isAwaitingUserConfirmation={isAwaitingUserConfirmation}
             isLastMessage={messages.length - 1 === index}
-            microagentStatus={getMicroagentStatusForEvent(message.id)}
-            microagentConversationId={getMicroagentConversationIdForEvent(
-              message.id,
-            )}
-            microagentPRUrl={getMicroagentPRUrlForEvent(message.id)}
-            actions={
-              conversation?.selected_repository
-                ? [
-                    {
-                      icon: (
-                        <MemoryIcon className="w-[14px] h-[14px] text-white" />
-                      ),
-                      onClick: () => {
-                        setSelectedEventId(message.id);
-                        setShowLaunchMicroagentModal(true);
-                      },
-                    },
-                  ]
-                : undefined
-            }
             isInLast10Actions={messages.length - 1 - index < 10}
           />
         ))}
@@ -230,21 +46,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
         {optimisticUserMessage && (
           <ChatMessage type="user" message={optimisticUserMessage} />
         )}
-        {conversation?.selected_repository &&
-          showLaunchMicroagentModal &&
-          selectedEventId &&
-          createPortal(
-            <LaunchMicroagentModal
-              onClose={() => setShowLaunchMicroagentModal(false)}
-              onLaunch={handleLaunchMicroagent}
-              selectedRepo={
-                conversation.selected_repository.split("/").pop() || ""
-              }
-              eventId={selectedEventId}
-              isLoading={isPending}
-            />,
-            document.getElementById("modal-portal-exit") || document.body,
-          )}
       </>
     );
   },

frontend/src/components/features/chat/microagent/launch-microagent-modal.tsx

@@ -1,163 +0,0 @@
-import React from "react";
-import { FaCircleInfo } from "react-icons/fa6";
-import { useTranslation } from "react-i18next";
-import { ModalBackdrop } from "#/components/shared/modals/modal-backdrop";
-import { ModalBody } from "#/components/shared/modals/modal-body";
-import { BrandButton } from "../../settings/brand-button";
-import { SettingsDropdownInput } from "../../settings/settings-dropdown-input";
-import { BadgeInput } from "#/components/shared/inputs/badge-input";
-import { cn } from "#/utils/utils";
-import CloseIcon from "#/icons/close.svg?react";
-import { useMicroagentPrompt } from "#/hooks/query/use-microagent-prompt";
-import { useHandleRuntimeActive } from "#/hooks/use-handle-runtime-active";
-import { LoadingMicroagentBody } from "./loading-microagent-body";
-import { LoadingMicroagentTextarea } from "./loading-microagent-textarea";
-import { useGetMicroagents } from "#/hooks/query/use-get-microagents";
-
-interface LaunchMicroagentModalProps {
-  onClose: () => void;
-  onLaunch: (query: string, target: string, triggers: string[]) => void;
-  eventId: number;
-  isLoading: boolean;
-  selectedRepo: string;
-}
-
-export function LaunchMicroagentModal({
-  onClose,
-  onLaunch,
-  eventId,
-  isLoading,
-  selectedRepo,
-}: LaunchMicroagentModalProps) {
-  const { t } = useTranslation();
-  const { runtimeActive } = useHandleRuntimeActive();
-  const { data: prompt, isLoading: promptIsLoading } =
-    useMicroagentPrompt(eventId);
-
-  const { data: microagents, isLoading: microagentsIsLoading } =
-    useGetMicroagents(`${selectedRepo}/.openhands/microagents`);
-
-  const [triggers, setTriggers] = React.useState<string[]>([]);
-
-  const formAction = (formData: FormData) => {
-    const query = formData.get("query-input")?.toString();
-    const target = formData.get("target-input")?.toString();
-
-    if (query && target) {
-      onLaunch(query, target, triggers);
-    }
-  };
-
-  const onSubmit = (event: React.FormEvent<HTMLFormElement>) => {
-    event.preventDefault();
-    const formData = new FormData(event.currentTarget);
-    formAction(formData);
-  };
-
-  return (
-    <ModalBackdrop onClose={onClose}>
-      {!runtimeActive && <LoadingMicroagentBody />}
-      {runtimeActive && (
-        <ModalBody className="items-start w-[728px]">
-          <div className="flex items-center justify-between w-full">
-            <h2 className="font-bold text-[20px] leading-6 -tracking-[0.01em] flex items-center gap-2">
-              {t("MICROAGENT$ADD_TO_MICROAGENT")}
-              <a
-                href="https://docs.all-hands.dev/usage/prompting/microagents-overview#microagents-overview"
-                target="_blank"
-                rel="noopener noreferrer"
-              >
-                <FaCircleInfo className="text-primary" />
-              </a>
-            </h2>
-
-            <button type="button" onClick={onClose}>
-              <CloseIcon />
-            </button>
-          </div>
-
-          <form
-            data-testid="launch-microagent-modal"
-            onSubmit={onSubmit}
-            className="flex flex-col gap-6 w-full"
-          >
-            <label
-              htmlFor="query-input"
-              className="flex flex-col gap-2.5 w-full text-sm"
-            >
-              {t("MICROAGENT$WHAT_TO_REMEMBER")}
-              {promptIsLoading && <LoadingMicroagentTextarea />}
-              {!promptIsLoading && (
-                <textarea
-                  required
-                  data-testid="query-input"
-                  name="query-input"
-                  defaultValue={prompt}
-                  placeholder={t("MICROAGENT$DESCRIBE_WHAT_TO_ADD")}
-                  rows={6}
-                  className={cn(
-                    "bg-tertiary border border-[#717888] w-full rounded p-2 placeholder:italic placeholder:text-tertiary-alt resize-none",
-                    "disabled:bg-[#2D2F36] disabled:border-[#2D2F36] disabled:cursor-not-allowed",
-                  )}
-                />
-              )}
-            </label>
-
-            <SettingsDropdownInput
-              testId="target-input"
-              name="target-input"
-              label={t("MICROAGENT$WHERE_TO_PUT")}
-              placeholder={t("MICROAGENT$SELECT_FILE_OR_CUSTOM")}
-              required
-              allowsCustomValue
-              isLoading={microagentsIsLoading}
-              items={
-                microagents?.map((item) => ({
-                  key: item,
-                  label: item,
-                })) || []
-              }
-            />
-
-            <label
-              htmlFor="trigger-input"
-              className="flex flex-col gap-2.5 w-full text-sm"
-            >
-              <div className="flex items-center gap-2">
-                {t("MICROAGENT$ADD_TRIGGERS")}
-                <a
-                  href="https://docs.all-hands.dev/usage/prompting/microagents-keyword"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                >
-                  <FaCircleInfo className="text-primary" />
-                </a>
-              </div>
-              <BadgeInput
-                name="trigger-input"
-                value={triggers}
-                placeholder={t("MICROAGENT$TYPE_TRIGGER_SPACE")}
-                onChange={setTriggers}
-              />
-            </label>
-
-            <div className="flex items-center justify-end gap-2">
-              <BrandButton type="button" variant="secondary" onClick={onClose}>
-                {t("MICROAGENT$CANCEL")}
-              </BrandButton>
-              <BrandButton
-                type="submit"
-                variant="primary"
-                isDisabled={
-                  isLoading || promptIsLoading || microagentsIsLoading
-                }
-              >
-                {t("MICROAGENT$LAUNCH")}
-              </BrandButton>
-            </div>
-          </form>
-        </ModalBody>
-      )}
-    </ModalBackdrop>
-  );
-}

frontend/src/components/features/chat/microagent/loading-microagent-body.tsx

@@ -1,16 +0,0 @@
-import { Spinner } from "@heroui/react";
-import { useTranslation } from "react-i18next";
-import { ModalBody } from "#/components/shared/modals/modal-body";
-
-export function LoadingMicroagentBody() {
-  const { t } = useTranslation();
-  return (
-    <ModalBody>
-      <h2 className="font-bold text-[20px] leading-6 -tracking-[0.01em] flex items-center gap-2">
-        {t("MICROAGENT$ADD_TO_MICROAGENT")}
-      </h2>
-      <Spinner size="lg" />
-      <p>{t("MICROAGENT$WAIT_FOR_RUNTIME")}</p>
-    </ModalBody>
-  );
-}

frontend/src/components/features/chat/microagent/loading-microagent-textarea.tsx

@@ -1,20 +0,0 @@
-import { useTranslation } from "react-i18next";
-import { cn } from "#/utils/utils";
-
-export function LoadingMicroagentTextarea() {
-  const { t } = useTranslation();
-
-  return (
-    <textarea
-      required
-      disabled
-      defaultValue=""
-      placeholder={t("MICROAGENT$LOADING_PROMPT")}
-      rows={6}
-      className={cn(
-        "bg-tertiary border border-[#717888] w-full rounded p-2 placeholder:italic placeholder:text-tertiary-alt resize-none",
-        "disabled:bg-[#2D2F36] disabled:border-[#2D2F36] disabled:cursor-not-allowed",
-      )}
-    />
-  );
-}

frontend/src/components/features/chat/microagent/microagent-status-indicator.tsx

@@ -1,89 +0,0 @@
-import React from "react";
-import { useTranslation } from "react-i18next";
-import { Spinner } from "@heroui/react";
-import { MicroagentStatus } from "#/types/microagent-status";
-import { SuccessIndicator } from "../success-indicator";
-
-interface MicroagentStatusIndicatorProps {
-  status: MicroagentStatus;
-  conversationId?: string;
-  prUrl?: string;
-}
-
-export function MicroagentStatusIndicator({
-  status,
-  conversationId,
-  prUrl,
-}: MicroagentStatusIndicatorProps) {
-  const { t } = useTranslation();
-
-  const getStatusText = () => {
-    switch (status) {
-      case MicroagentStatus.CREATING:
-        return t("MICROAGENT$STATUS_CREATING");
-      case MicroagentStatus.COMPLETED:
-        // If there's a PR URL, show "View your PR" instead of the default completed message
-        return prUrl
-          ? t("MICROAGENT$VIEW_YOUR_PR")
-          : t("MICROAGENT$STATUS_COMPLETED");
-      case MicroagentStatus.ERROR:
-        return t("MICROAGENT$STATUS_ERROR");
-      default:
-        return "";
-    }
-  };
-
-  const getStatusIcon = () => {
-    switch (status) {
-      case MicroagentStatus.CREATING:
-        return <Spinner size="sm" />;
-      case MicroagentStatus.COMPLETED:
-        return <SuccessIndicator status="success" />;
-      case MicroagentStatus.ERROR:
-        return <SuccessIndicator status="error" />;
-      default:
-        return null;
-    }
-  };
-
-  const statusText = getStatusText();
-  const shouldShowAsLink = !!conversationId;
-  const shouldShowPRLink = !!prUrl;
-
-  const renderStatusText = () => {
-    if (shouldShowPRLink) {
-      return (
-        <a
-          href={prUrl}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="underline"
-        >
-          {statusText}
-        </a>
-      );
-    }
-
-    if (shouldShowAsLink) {
-      return (
-        <a
-          href={`/conversations/${conversationId}`}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="underline"
-        >
-          {statusText}
-        </a>
-      );
-    }
-
-    return <span className="underline">{statusText}</span>;
-  };
-
-  return (
-    <div className="flex items-center gap-2 mt-2 p-2 text-sm">
-      {getStatusIcon()}
-      {renderStatusText()}
-    </div>
-  );
-}

frontend/src/components/features/chat/microagent/microagent-status-toast.tsx

@@ -1,138 +0,0 @@
-import toast from "react-hot-toast";
-import { Spinner } from "@heroui/react";
-import { useTranslation } from "react-i18next";
-import { TOAST_OPTIONS } from "#/utils/custom-toast-handlers";
-import CloseIcon from "#/icons/close.svg?react";
-import { SuccessIndicator } from "../success-indicator";
-
-interface ConversationCreatedToastProps {
-  conversationId: string;
-  onClose: () => void;
-}
-
-function ConversationCreatedToast({
-  conversationId,
-  onClose,
-}: ConversationCreatedToastProps) {
-  const { t } = useTranslation();
-  return (
-    <div className="flex items-start gap-2">
-      <Spinner size="sm" />
-      <div>
-        {t("MICROAGENT$ADDING_CONTEXT")}
-        <br />
-        <a
-          href={`/conversations/${conversationId}`}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="underline"
-        >
-          {t("MICROAGENT$VIEW_CONVERSATION")}
-        </a>
-      </div>
-      <button type="button" onClick={onClose}>
-        <CloseIcon />
-      </button>
-    </div>
-  );
-}
-
-interface ConversationFinishedToastProps {
-  conversationId: string;
-  onClose: () => void;
-}
-
-function ConversationFinishedToast({
-  conversationId,
-  onClose,
-}: ConversationFinishedToastProps) {
-  const { t } = useTranslation();
-  return (
-    <div className="flex items-start gap-2">
-      <SuccessIndicator status="success" />
-      <div>
-        {t("MICROAGENT$SUCCESS_PR_READY")}
-        <br />
-        <a
-          href={`/conversations/${conversationId}`}
-          target="_blank"
-          rel="noopener noreferrer"
-          className="underline"
-        >
-          {t("MICROAGENT$VIEW_CONVERSATION")}
-        </a>
-      </div>
-      <button type="button" onClick={onClose}>
-        <CloseIcon />
-      </button>
-    </div>
-  );
-}
-
-interface ConversationErroredToastProps {
-  errorMessage: string;
-  onClose: () => void;
-}
-
-function ConversationErroredToast({
-  errorMessage,
-  onClose,
-}: ConversationErroredToastProps) {
-  return (
-    <div className="flex items-start gap-2">
-      <SuccessIndicator status="error" />
-      <div>{errorMessage}</div>
-      <button type="button" onClick={onClose}>
-        <CloseIcon />
-      </button>
-    </div>
-  );
-}
-
-export const renderConversationCreatedToast = (conversationId: string) =>
-  toast(
-    (t) => (
-      <ConversationCreatedToast
-        conversationId={conversationId}
-        onClose={() => toast.dismiss(t.id)}
-      />
-    ),
-    {
-      ...TOAST_OPTIONS,
-      id: `status-${conversationId}`,
-      duration: 5000,
-    },
-  );
-
-export const renderConversationFinishedToast = (conversationId: string) =>
-  toast(
-    (t) => (
-      <ConversationFinishedToast
-        conversationId={conversationId}
-        onClose={() => toast.dismiss(t.id)}
-      />
-    ),
-    {
-      ...TOAST_OPTIONS,
-      id: `status-${conversationId}`,
-      duration: 5000,
-    },
-  );
-
-export const renderConversationErroredToast = (
-  conversationId: string,
-  errorMessage: string,
-) =>
-  toast(
-    (t) => (
-      <ConversationErroredToast
-        errorMessage={errorMessage}
-        onClose={() => toast.dismiss(t.id)}
-      />
-    ),
-    {
-      ...TOAST_OPTIONS,
-      id: `status-${conversationId}`,
-      duration: 5000,
-    },
-  );

frontend/src/components/features/controls/controls.tsx

@@ -4,7 +4,6 @@ import { AgentStatusBar } from "./agent-status-bar";
 import { SecurityLock } from "./security-lock";
 import { useActiveConversation } from "#/hooks/query/use-active-conversation";
 import { ConversationCard } from "../conversation-panel/conversation-card";
-import { Provider } from "#/types/settings";
 
 interface ControlsProps {
   setSecurityOpen: (isOpen: boolean) => void;
@@ -30,11 +29,7 @@ export function Controls({ setSecurityOpen, showSecurityLock }: ControlsProps) {
         showOptions
         title={conversation?.title ?? ""}
         lastUpdatedAt={conversation?.created_at ?? ""}
-        selectedRepository={{
-          selected_repository: conversation?.selected_repository ?? null,
-          selected_branch: conversation?.selected_branch ?? null,
-          git_provider: (conversation?.git_provider as Provider) ?? null,
-        }}
+        selectedRepository={conversation?.selected_repository ?? null}
         conversationStatus={conversation?.status}
         conversationId={conversation?.conversation_id}
       />

frontend/src/components/features/conversation-panel/budget-usage-text.tsx

@@ -17,12 +17,8 @@ export function BudgetUsageText({
   return (
     <div className="flex justify-end">
       <span className="text-xs text-neutral-400">
-        {t(I18nKey.CONVERSATION$BUDGET_USAGE_FORMAT, {
-          currentCost: `$${currentCost.toFixed(4)}`,
-          maxBudget: `$${maxBudget.toFixed(4)}`,
-          usagePercentage: usagePercentage.toFixed(2),
-          used: t(I18nKey.CONVERSATION$USED),
-        })}
+        ${currentCost.toFixed(4)} / ${maxBudget.toFixed(4)} (
+        {usagePercentage.toFixed(2)}% {t(I18nKey.CONVERSATION$USED)})
       </span>
     </div>
   );

frontend/src/components/features/conversation-panel/confirm-stop-modal.tsx

@@ -1,57 +0,0 @@
-import { useTranslation } from "react-i18next";
-import {
-  BaseModalDescription,
-  BaseModalTitle,
-} from "#/components/shared/modals/confirmation-modals/base-modal";
-import { ModalBackdrop } from "#/components/shared/modals/modal-backdrop";
-import { ModalBody } from "#/components/shared/modals/modal-body";
-import { BrandButton } from "../settings/brand-button";
-import { I18nKey } from "#/i18n/declaration";
-
-interface ConfirmStopModalProps {
-  onConfirm: () => void;
-  onCancel: () => void;
-}
-
-export function ConfirmStopModal({
-  onConfirm,
-  onCancel,
-}: ConfirmStopModalProps) {
-  const { t } = useTranslation();
-
-  return (
-    <ModalBackdrop>
-      <ModalBody className="items-start border border-tertiary">
-        <div className="flex flex-col gap-2">
-          <BaseModalTitle title={t(I18nKey.CONVERSATION$CONFIRM_STOP)} />
-          <BaseModalDescription
-            description={t(I18nKey.CONVERSATION$STOP_WARNING)}
-          />
-        </div>
-        <div
-          className="flex flex-col gap-2 w-full"
-          onClick={(event) => event.stopPropagation()}
-        >
-          <BrandButton
-            type="button"
-            variant="primary"
-            onClick={onConfirm}
-            className="w-full"
-            data-testid="confirm-button"
-          >
-            {t(I18nKey.ACTION$CONFIRM)}
-          </BrandButton>
-          <BrandButton
-            type="button"
-            variant="secondary"
-            onClick={onCancel}
-            className="w-full"
-            data-testid="cancel-button"
-          >
-            {t(I18nKey.BUTTON$CANCEL)}
-          </BrandButton>
-        </div>
-      </ModalBody>
-    </ModalBackdrop>
-  );
-}

frontend/src/components/features/conversation-panel/conversation-card-context-menu.tsx

@@ -8,7 +8,6 @@ import { I18nKey } from "#/i18n/declaration";
 interface ConversationCardContextMenuProps {
   onClose: () => void;
   onDelete?: (event: React.MouseEvent<HTMLButtonElement>) => void;
-  onStop?: (event: React.MouseEvent<HTMLButtonElement>) => void;
   onEdit?: (event: React.MouseEvent<HTMLButtonElement>) => void;
   onDisplayCost?: (event: React.MouseEvent<HTMLButtonElement>) => void;
   onShowAgentTools?: (event: React.MouseEvent<HTMLButtonElement>) => void;
@@ -20,7 +19,6 @@ interface ConversationCardContextMenuProps {
 export function ConversationCardContextMenu({
   onClose,
   onDelete,
-  onStop,
   onEdit,
   onDisplayCost,
   onShowAgentTools,
@@ -43,17 +41,12 @@ export function ConversationCardContextMenu({
     >
       {onDelete && (
         <ContextMenuListItem testId="delete-button" onClick={onDelete}>
-          {t(I18nKey.BUTTON$DELETE)}
-        </ContextMenuListItem>
-      )}
-      {onStop && (
-        <ContextMenuListItem testId="stop-button" onClick={onStop}>
-          {t(I18nKey.BUTTON$STOP)}
+          Delete
         </ContextMenuListItem>
       )}
       {onEdit && (
         <ContextMenuListItem testId="edit-button" onClick={onEdit}>
-          {t(I18nKey.BUTTON$EDIT_TITLE)}
+          Edit Title
         </ContextMenuListItem>
       )}
       {onDownloadViaVSCode && (
@@ -61,7 +54,7 @@ export function ConversationCardContextMenu({
           testId="download-vscode-button"
           onClick={onDownloadViaVSCode}
         >
-          {t(I18nKey.BUTTON$DOWNLOAD_VIA_VSCODE)}
+          Download via VS Code
         </ContextMenuListItem>
       )}
       {onDisplayCost && (
@@ -69,7 +62,7 @@ export function ConversationCardContextMenu({
           testId="display-cost-button"
           onClick={onDisplayCost}
         >
-          {t(I18nKey.BUTTON$DISPLAY_COST)}
+          Display Cost
         </ContextMenuListItem>
       )}
       {onShowAgentTools && (
@@ -77,7 +70,7 @@ export function ConversationCardContextMenu({
           testId="show-agent-tools-button"
           onClick={onShowAgentTools}
         >
-          {t(I18nKey.BUTTON$SHOW_AGENT_TOOLS_AND_METADATA)}
+          Show Agent Tools & Metadata
         </ContextMenuListItem>
       )}
       {onShowMicroagents && (

frontend/src/components/features/conversation-panel/conversation-card.tsx

@@ -19,17 +19,15 @@ import OpenHands from "#/api/open-hands";
 import { useWsClient } from "#/context/ws-client-provider";
 import { isSystemMessage } from "#/types/core/guards";
 import { ConversationStatus } from "#/types/conversation-status";
-import { RepositorySelection } from "#/api/open-hands.types";
 
 interface ConversationCardProps {
   onClick?: () => void;
   onDelete?: () => void;
-  onStop?: () => void;
   onChangeTitle?: (title: string) => void;
   showOptions?: boolean;
   isActive?: boolean;
   title: string;
-  selectedRepository: RepositorySelection | null;
+  selectedRepository: string | null;
   lastUpdatedAt: string; // ISO 8601
   createdAt?: string; // ISO 8601
   conversationStatus?: ConversationStatus;
@@ -42,7 +40,6 @@ const MAX_TIME_BETWEEN_CREATION_AND_UPDATE = 1000 * 60 * 30; // 30 minutes
 export function ConversationCard({
   onClick,
   onDelete,
-  onStop,
   onChangeTitle,
   showOptions,
   isActive,
@@ -104,13 +101,6 @@ export function ConversationCard({
     setContextMenuVisible(false);
   };
 
-  const handleStop = (event: React.MouseEvent<HTMLButtonElement>) => {
-    event.preventDefault();
-    event.stopPropagation();
-    onStop?.();
-    setContextMenuVisible(false);
-  };
-
   const handleEdit = (event: React.MouseEvent<HTMLButtonElement>) => {
     event.preventDefault();
     event.stopPropagation();
@@ -181,7 +171,7 @@ export function ConversationCard({
         data-testid="conversation-card"
         onClick={onClick}
         className={cn(
-          "h-auto w-full px-[18px] py-4 border-b border-neutral-600 cursor-pointer",
+          "h-[100px] w-full px-[18px] py-4 border-b border-neutral-600 cursor-pointer",
           variant === "compact" &&
             "md:w-fit h-auto rounded-xl border border-[#525252]",
         )}
@@ -234,11 +224,6 @@ export function ConversationCard({
                 <ConversationCardContextMenu
                   onClose={() => setContextMenuVisible(false)}
                   onDelete={onDelete && handleDelete}
-                  onStop={
-                    conversationStatus !== "STOPPED"
-                      ? onStop && handleStop
-                      : undefined
-                  }
                   onEdit={onChangeTitle && handleEdit}
                   onDownloadViaVSCode={
                     conversationId && showOptions
@@ -265,33 +250,28 @@ export function ConversationCard({
 
         <div
           className={cn(
-            variant === "compact" && "flex flex-col justify-between mt-1",
+            variant === "compact" && "flex items-center justify-between mt-1",
           )}
         >
-          {selectedRepository?.selected_repository && (
-            <ConversationRepoLink
-              selectedRepository={selectedRepository}
-              variant={variant}
-            />
-          )}
-          {(createdAt || lastUpdatedAt) && (
-            <p className="text-xs text-neutral-400">
-              <span>{t(I18nKey.CONVERSATION$CREATED)} </span>
-              <time>
-                {formatTimeDelta(new Date(createdAt || lastUpdatedAt))}{" "}
-                {t(I18nKey.CONVERSATION$AGO)}
-              </time>
-              {showUpdateTime && (
-                <>
-                  <span>{t(I18nKey.CONVERSATION$UPDATED)} </span>
-                  <time>
-                    {formatTimeDelta(new Date(lastUpdatedAt))}{" "}
-                    {t(I18nKey.CONVERSATION$AGO)}
-                  </time>
-                </>
-              )}
-            </p>
+          {selectedRepository && (
+            <ConversationRepoLink selectedRepository={selectedRepository} />
           )}
+          <p className="text-xs text-neutral-400">
+            <span>{t(I18nKey.CONVERSATION$CREATED)} </span>
+            <time>
+              {formatTimeDelta(new Date(createdAt || lastUpdatedAt))}{" "}
+              {t(I18nKey.CONVERSATION$AGO)}
+            </time>
+            {showUpdateTime && (
+              <>
+                <span>{t(I18nKey.CONVERSATION$UPDATED)} </span>
+                <time>
+                  {formatTimeDelta(new Date(lastUpdatedAt))}{" "}
+                  {t(I18nKey.CONVERSATION$AGO)}
+                </time>
+              </>
+            )}
+          </p>
         </div>
       </div>
 
@@ -330,15 +310,11 @@ export function ConversationCard({
                     </div>
 
                     <div className="grid grid-cols-2 gap-2 pl-4 text-sm">
-                      <span className="text-neutral-400">
-                        {t(I18nKey.CONVERSATION$CACHE_HIT)}
-                      </span>
+                      <span className="text-neutral-400">Cache Hit:</span>
                       <span className="text-right">
                         {metrics.usage.cache_read_tokens.toLocaleString()}
                       </span>
-                      <span className="text-neutral-400">
-                        {t(I18nKey.CONVERSATION$CACHE_WRITE)}
-                      </span>
+                      <span className="text-neutral-400">Cache Write:</span>
                       <span className="text-right">
                         {metrics.usage.cache_write_tokens.toLocaleString()}
                       </span>
@@ -413,7 +389,10 @@ export function ConversationCard({
       />
 
       {microagentsModalVisible && (
-        <MicroagentsModal onClose={() => setMicroagentsModalVisible(false)} />
+        <MicroagentsModal
+          onClose={() => setMicroagentsModalVisible(false)}
+          conversationId={conversationId}
+        />
       )}
     </>
   );

frontend/src/components/features/conversation-panel/conversation-panel.tsx

@@ -5,13 +5,10 @@ import { I18nKey } from "#/i18n/declaration";
 import { ConversationCard } from "./conversation-card";
 import { useUserConversations } from "#/hooks/query/use-user-conversations";
 import { useDeleteConversation } from "#/hooks/mutation/use-delete-conversation";
-import { useStopConversation } from "#/hooks/mutation/use-stop-conversation";
 import { ConfirmDeleteModal } from "./confirm-delete-modal";
-import { ConfirmStopModal } from "./confirm-stop-modal";
 import { LoadingSpinner } from "#/components/shared/loading-spinner";
 import { ExitConversationModal } from "./exit-conversation-modal";
 import { useClickOutsideElement } from "#/hooks/use-click-outside-element";
-import { Provider } from "#/types/settings";
 
 interface ConversationPanelProps {
   onClose: () => void;
@@ -25,8 +22,6 @@ export function ConversationPanel({ onClose }: ConversationPanelProps) {
 
   const [confirmDeleteModalVisible, setConfirmDeleteModalVisible] =
     React.useState(false);
-  const [confirmStopModalVisible, setConfirmStopModalVisible] =
-    React.useState(false);
   const [
     confirmExitConversationModalVisible,
     setConfirmExitConversationModalVisible,
@@ -38,18 +33,12 @@ export function ConversationPanel({ onClose }: ConversationPanelProps) {
   const { data: conversations, isFetching, error } = useUserConversations();
 
   const { mutate: deleteConversation } = useDeleteConversation();
-  const { mutate: stopConversation } = useStopConversation();
 
   const handleDeleteProject = (conversationId: string) => {
     setConfirmDeleteModalVisible(true);
     setSelectedConversationId(conversationId);
   };
 
-  const handleStopConversation = (conversationId: string) => {
-    setConfirmStopModalVisible(true);
-    setSelectedConversationId(conversationId);
-  };
-
   const handleConfirmDelete = () => {
     if (selectedConversationId) {
       deleteConversation(
@@ -65,21 +54,6 @@ export function ConversationPanel({ onClose }: ConversationPanelProps) {
     }
   };
 
-  const handleConfirmStop = () => {
-    if (selectedConversationId) {
-      stopConversation(
-        { conversationId: selectedConversationId },
-        {
-          onSuccess: () => {
-            if (selectedConversationId === currentConversationId) {
-              navigate("/");
-            }
-          },
-        },
-      );
-    }
-  };
-
   return (
     <div
       ref={ref}
@@ -113,13 +87,8 @@ export function ConversationPanel({ onClose }: ConversationPanelProps) {
             <ConversationCard
               isActive={isActive}
               onDelete={() => handleDeleteProject(project.conversation_id)}
-              onStop={() => handleStopConversation(project.conversation_id)}
               title={project.title}
-              selectedRepository={{
-                selected_repository: project.selected_repository,
-                selected_branch: project.selected_branch,
-                git_provider: project.git_provider as Provider,
-              }}
+              selectedRepository={project.selected_repository}
               lastUpdatedAt={project.last_updated_at}
               createdAt={project.created_at}
               conversationStatus={project.status}
@@ -139,16 +108,6 @@ export function ConversationPanel({ onClose }: ConversationPanelProps) {
         />
       )}
 
-      {confirmStopModalVisible && (
-        <ConfirmStopModal
-          onConfirm={() => {
-            handleConfirmStop();
-            setConfirmStopModalVisible(false);
-          }}
-          onCancel={() => setConfirmStopModalVisible(false)}
-        />
-      )}
-
       {confirmExitConversationModalVisible && (
         <ExitConversationModal
           onConfirm={() => {

frontend/src/components/features/conversation-panel/conversation-repo-link.tsx

@@ -1,44 +1,16 @@
-import { FaBitbucket, FaGithub, FaGitlab } from "react-icons/fa6";
-import { RepositorySelection } from "#/api/open-hands.types";
-
 interface ConversationRepoLinkProps {
-  selectedRepository: RepositorySelection;
-  variant: "compact" | "default";
+  selectedRepository: string;
 }
 
 export function ConversationRepoLink({
   selectedRepository,
-  variant = "default",
 }: ConversationRepoLinkProps) {
-  if (variant === "compact") {
-    return (
-      <span
-        data-testid="conversation-card-selected-repository"
-        className="text-xs text-neutral-400"
-      >
-        {selectedRepository.selected_repository}
-      </span>
-    );
-  }
-
   return (
-    <div className="flex items-center gap-1">
-      {selectedRepository.git_provider === "github" && <FaGithub size={14} />}
-      {selectedRepository.git_provider === "gitlab" && <FaGitlab />}
-      {selectedRepository.git_provider === "bitbucket" && <FaBitbucket />}
-
-      <span
-        data-testid="conversation-card-selected-repository"
-        className="text-xs text-neutral-400"
-      >
-        {selectedRepository.selected_repository}
-      </span>
-      <code
-        data-testid="conversation-card-selected-branch"
-        className="text-xs text-neutral-400 border border-neutral-700 rounded px-1 py-0.5 w-fit bg-neutral-800"
-      >
-        {selectedRepository.selected_branch}
-      </code>
-    </div>
+    <span
+      data-testid="conversation-card-selected-repository"
+      className="text-xs text-neutral-400"
+    >
+      {selectedRepository}
+    </span>
   );
 }

frontend/src/components/features/conversation-panel/ellipsis-button.tsx

@@ -6,12 +6,7 @@ interface EllipsisButtonProps {
 
 export function EllipsisButton({ onClick }: EllipsisButtonProps) {
   return (
-    <button
-      data-testid="ellipsis-button"
-      type="button"
-      onClick={onClick}
-      className="cursor-pointer"
-    >
+    <button data-testid="ellipsis-button" type="button" onClick={onClick}>
       <FaEllipsisV fill="#a3a3a3" />
     </button>
   );

frontend/src/components/features/conversation-panel/microagents-modal.tsx

@@ -1,33 +1,34 @@
-import { useState } from "react";
+import React, { useState } from "react";
 import { useTranslation } from "react-i18next";
-import { useSelector } from "react-redux";
-import { ChevronDown, ChevronRight, RefreshCw } from "lucide-react";
+import { ChevronDown, ChevronRight } from "lucide-react";
 import { BaseModalTitle } from "#/components/shared/modals/confirmation-modals/base-modal";
 import { ModalBackdrop } from "#/components/shared/modals/modal-backdrop";
 import { ModalBody } from "#/components/shared/modals/modal-body";
 import { I18nKey } from "#/i18n/declaration";
 import { useConversationMicroagents } from "#/hooks/query/use-conversation-microagents";
-import { RootState } from "#/store";
-import { AgentState } from "#/types/agent-state";
-import { BrandButton } from "../settings/brand-button";
 
 interface MicroagentsModalProps {
   onClose: () => void;
+  conversationId: string | undefined;
 }
 
-export function MicroagentsModal({ onClose }: MicroagentsModalProps) {
+export function MicroagentsModal({
+  onClose,
+  conversationId,
+}: MicroagentsModalProps) {
   const { t } = useTranslation();
-  const { curAgentState } = useSelector((state: RootState) => state.agent);
   const [expandedAgents, setExpandedAgents] = useState<Record<string, boolean>>(
     {},
   );
+
   const {
     data: microagents,
     isLoading,
     isError,
-    refetch,
-    isRefetching,
-  } = useConversationMicroagents();
+  } = useConversationMicroagents({
+    conversationId,
+    enabled: true,
+  });
 
   const toggleAgent = (agentName: string) => {
     setExpandedAgents((prev) => ({
@@ -36,10 +37,6 @@ export function MicroagentsModal({ onClose }: MicroagentsModalProps) {
     }));
   };
 
-  const isAgentReady = ![AgentState.LOADING, AgentState.INIT].includes(
-    curAgentState,
-  );
-
   return (
     <ModalBackdrop onClose={onClose}>
       <ModalBody
@@ -48,40 +45,10 @@ export function MicroagentsModal({ onClose }: MicroagentsModalProps) {
         testID="microagents-modal"
       >
         <div className="flex flex-col gap-6 w-full">
-          <div className="flex items-center justify-between w-full">
-            <BaseModalTitle title={t(I18nKey.MICROAGENTS_MODAL$TITLE)} />
-            {isAgentReady && (
-              <BrandButton
-                testId="refresh-microagents"
-                type="button"
-                variant="primary"
-                className="flex items-center gap-2"
-                onClick={refetch}
-                isDisabled={isLoading || isRefetching}
-              >
-                <RefreshCw
-                  size={16}
-                  className={`${isRefetching ? "animate-spin" : ""}`}
-                />
-                {t(I18nKey.BUTTON$REFRESH)}
-              </BrandButton>
-            )}
-          </div>
+          <BaseModalTitle title={t(I18nKey.MICROAGENTS_MODAL$TITLE)} />
         </div>
 
-        {isAgentReady && (
-          <span className="text-sm text-gray-400">
-            {t(I18nKey.MICROAGENTS_MODAL$WARNING)}
-          </span>
-        )}
-
         <div className="w-full h-[60vh] overflow-auto rounded-md">
-          {!isAgentReady && (
-            <div className="w-full h-full flex items-center text-center justify-center text-2xl text-tertiary-light">
-              {t(I18nKey.DIFF_VIEWER$WAITING_FOR_RUNTIME)}
-            </div>
-          )}
-
           {isLoading && (
             <div className="flex justify-center items-center py-8">
               <div className="animate-spin rounded-full h-8 w-8 border-t-2 border-b-2 border-primary" />
@@ -89,7 +56,6 @@ export function MicroagentsModal({ onClose }: MicroagentsModalProps) {
           )}
 
           {!isLoading &&
-            isAgentReady &&
             (isError || !microagents || microagents.length === 0) && (
               <div className="flex items-center justify-center h-full p-4">
                 <p className="text-gray-400">
@@ -100,81 +66,75 @@ export function MicroagentsModal({ onClose }: MicroagentsModalProps) {
               </div>
             )}
 
-          {!isLoading &&
-            isAgentReady &&
-            microagents &&
-            microagents.length > 0 && (
-              <div className="p-2 space-y-3">
-                {microagents.map((agent) => {
-                  const isExpanded = expandedAgents[agent.name] || false;
+          {!isLoading && microagents && microagents.length > 0 && (
+            <div className="p-2 space-y-3">
+              {microagents.map((agent) => {
+                const isExpanded = expandedAgents[agent.name] || false;
 
-                  return (
-                    <div
-                      key={agent.name}
-                      className="rounded-md overflow-hidden"
+                return (
+                  <div key={agent.name} className="rounded-md overflow-hidden">
+                    <button
+                      type="button"
+                      onClick={() => toggleAgent(agent.name)}
+                      className="w-full py-3 px-2 text-left flex items-center justify-between hover:bg-gray-700 transition-colors"
                     >
-                      <button
-                        type="button"
-                        onClick={() => toggleAgent(agent.name)}
-                        className="w-full py-3 px-2 text-left flex items-center justify-between hover:bg-gray-700 transition-colors"
-                      >
-                        <div className="flex items-center">
-                          <h3 className="font-bold text-gray-100">
-                            {agent.name}
-                          </h3>
-                        </div>
-                        <div className="flex items-center">
-                          <span className="px-2 py-1 text-xs rounded-full bg-gray-800 mr-2">
-                            {agent.type === "repo" ? "Repository" : "Knowledge"}
-                          </span>
-                          <span className="text-gray-300">
-                            {isExpanded ? (
-                              <ChevronDown size={18} />
-                            ) : (
-                              <ChevronRight size={18} />
-                            )}
-                          </span>
-                        </div>
-                      </button>
-
-                      {isExpanded && (
-                        <div className="px-2 pb-3 pt-1">
-                          {agent.triggers && agent.triggers.length > 0 && (
-                            <div className="mt-2 mb-3">
-                              <h4 className="text-sm font-semibold text-gray-300 mb-2">
-                                {t(I18nKey.MICROAGENTS_MODAL$TRIGGERS)}
-                              </h4>
-                              <div className="flex flex-wrap gap-1">
-                                {agent.triggers.map((trigger) => (
-                                  <span
-                                    key={trigger}
-                                    className="px-2 py-1 text-xs rounded-full bg-blue-900"
-                                  >
-                                    {trigger}
-                                  </span>
-                                ))}
-                              </div>
-                            </div>
+                      <div className="flex items-center">
+                        <h3 className="font-bold text-gray-100">
+                          {agent.name}
+                        </h3>
+                      </div>
+                      <div className="flex items-center">
+                        <span className="px-2 py-1 text-xs rounded-full bg-gray-800 mr-2">
+                          {agent.type === "repo" ? "Repository" : "Knowledge"}
+                        </span>
+                        <span className="text-gray-300">
+                          {isExpanded ? (
+                            <ChevronDown size={18} />
+                          ) : (
+                            <ChevronRight size={18} />
                           )}
+                        </span>
+                      </div>
+                    </button>
 
-                          <div className="mt-2">
+                    {isExpanded && (
+                      <div className="px-2 pb-3 pt-1">
+                        {agent.triggers && agent.triggers.length > 0 && (
+                          <div className="mt-2 mb-3">
                             <h4 className="text-sm font-semibold text-gray-300 mb-2">
-                              {t(I18nKey.MICROAGENTS_MODAL$CONTENT)}
+                              {t(I18nKey.MICROAGENTS_MODAL$TRIGGERS)}
                             </h4>
-                            <div className="text-sm mt-2 p-3 bg-gray-900 rounded-md overflow-auto text-gray-300 max-h-[400px] shadow-inner">
-                              <pre className="whitespace-pre-wrap font-mono text-sm leading-relaxed">
-                                {agent.content ||
-                                  t(I18nKey.MICROAGENTS_MODAL$NO_CONTENT)}
-                              </pre>
+                            <div className="flex flex-wrap gap-1">
+                              {agent.triggers.map((trigger) => (
+                                <span
+                                  key={trigger}
+                                  className="px-2 py-1 text-xs rounded-full bg-blue-900"
+                                >
+                                  {trigger}
+                                </span>
+                              ))}
                             </div>
                           </div>
+                        )}
+
+                        <div className="mt-2">
+                          <h4 className="text-sm font-semibold text-gray-300 mb-2">
+                            {t(I18nKey.MICROAGENTS_MODAL$CONTENT)}
+                          </h4>
+                          <div className="text-sm mt-2 p-3 bg-gray-900 rounded-md overflow-auto text-gray-300 max-h-[400px] shadow-inner">
+                            <pre className="whitespace-pre-wrap font-mono text-sm leading-relaxed">
+                              {agent.content ||
+                                t(I18nKey.MICROAGENTS_MODAL$NO_CONTENT)}
+                            </pre>
+                          </div>
                         </div>
-                      )}
-                    </div>
-                  );
-                })}
-              </div>
-            )}
+                      </div>
+                    )}
+                  </div>
+                );
+              })}
+            </div>
+          )}
         </div>
       </ModalBody>
     </ModalBackdrop>

frontend/src/components/features/conversation-panel/system-message-modal.tsx

@@ -118,7 +118,7 @@ export function SystemMessageModal({
               )}
             </div>
 
-            <div className="max-h-[51vh] overflow-auto rounded-md">
+            <div className="h-[60vh] overflow-auto rounded-md">
               {activeTab === "system" && (
                 <div className="p-4 whitespace-pre-wrap font-mono text-sm leading-relaxed text-gray-300 shadow-inner">
                   {systemMessage.content}

frontend/src/components/features/feedback/likert-scale.tsx

@@ -207,7 +207,7 @@ export function LikertScale({
               className={cn("text-xl transition-all", getButtonClass(rating))}
               aria-label={`Rate ${rating} stars`}
             >
-              {t(I18nKey.FEEDBACK$STAR_RATING)}
+              ★
             </button>
           ))}
           {/* Show selected reason inline with stars when submitted (only for ratings <= 3) */}

frontend/src/components/features/home/home-header.tsx

@@ -1,12 +1,10 @@
 import { useTranslation } from "react-i18next";
-import { useNavigate } from "react-router";
 import { useCreateConversation } from "#/hooks/mutation/use-create-conversation";
 import { useIsCreatingConversation } from "#/hooks/use-is-creating-conversation";
 import { BrandButton } from "../settings/brand-button";
 import AllHandsLogo from "#/assets/branding/all-hands-logo-spark.svg?react";
 
 export function HomeHeader() {
-  const navigate = useNavigate();
   const {
     mutate: createConversation,
     isPending,
@@ -30,15 +28,7 @@ export function HomeHeader() {
           testId="header-launch-button"
           variant="primary"
           type="button"
-          onClick={() =>
-            createConversation(
-              {},
-              {
-                onSuccess: (data) =>
-                  navigate(`/conversations/${data.conversation_id}`),
-              },
-            )
-          }
+          onClick={() => createConversation({})}
           isDisabled={isCreatingConversation}
         >
           {!isCreatingConversation && t("HOME$LAUNCH_FROM_SCRATCH")}

frontend/src/components/features/home/repo-connector.tsx

@@ -4,10 +4,9 @@ import { RepositorySelectionForm } from "./repo-selection-form";
 import { useConfig } from "#/hooks/query/use-config";
 import { RepoProviderLinks } from "./repo-provider-links";
 import { useUserProviders } from "#/hooks/use-user-providers";
-import { GitRepository } from "#/types/git";
 
 interface RepoConnectorProps {
-  onRepoSelection: (repo: GitRepository | null) => void;
+  onRepoSelection: (repoTitle: string | null) => void;
 }
 
 export function RepoConnector({ onRepoSelection }: RepoConnectorProps) {

frontend/src/components/features/home/repo-provider-links.tsx

@@ -1,26 +1,20 @@
 import { useTranslation } from "react-i18next";
 import { useConfig } from "#/hooks/query/use-config";
 import { I18nKey } from "#/i18n/declaration";
-import { useUserProviders } from "#/hooks/use-user-providers";
 
 export function RepoProviderLinks() {
   const { t } = useTranslation();
   const { data: config } = useConfig();
-  const { providers } = useUserProviders();
 
   const githubHref = config
     ? `https://github.com/apps/${config.APP_SLUG}/installations/new`
     : "";
 
-  const hasGithubProvider = providers.includes("github");
-
   return (
     <div className="flex flex-col text-sm underline underline-offset-2 text-content-2 gap-4 w-fit">
-      {hasGithubProvider && (
-        <a href={githubHref} target="_blank" rel="noopener noreferrer">
-          {t(I18nKey.HOME$ADD_GITHUB_REPOS)}
-        </a>
-      )}
+      <a href={githubHref} target="_blank" rel="noopener noreferrer">
+        {t(I18nKey.HOME$ADD_GITHUB_REPOS)}
+      </a>
     </div>
   );
 }

frontend/src/components/features/home/repo-selection-form.test.tsx

@@ -0,0 +1,151 @@
+import { render, screen } from "@testing-library/react";
+import { describe, test, expect, vi, beforeEach } from "vitest";
+import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
+import { RepositorySelectionForm } from "./repo-selection-form";
+
+// Create mock functions
+const mockUseUserRepositories = vi.fn();
+const mockUseRepositoryBranches = vi.fn();
+const mockUseCreateConversation = vi.fn();
+const mockUseIsCreatingConversation = vi.fn();
+const mockUseTranslation = vi.fn();
+const mockUseAuth = vi.fn();
+
+// Setup default mock returns
+mockUseUserRepositories.mockReturnValue({
+  data: [],
+  isLoading: false,
+  isError: false,
+});
+
+mockUseRepositoryBranches.mockReturnValue({
+  data: [],
+  isLoading: false,
+  isError: false,
+});
+
+mockUseCreateConversation.mockReturnValue({
+  mutate: vi.fn(),
+  isPending: false,
+  isSuccess: false,
+});
+
+mockUseIsCreatingConversation.mockReturnValue(false);
+
+mockUseTranslation.mockReturnValue({ t: (key: string) => key });
+
+mockUseAuth.mockReturnValue({
+  isAuthenticated: true,
+  isLoading: false,
+  providersAreSet: true,
+  user: {
+    id: 1,
+    login: "testuser",
+    avatar_url: "https://example.com/avatar.png",
+    name: "Test User",
+    email: "test@example.com",
+    company: "Test Company",
+  },
+  login: vi.fn(),
+  logout: vi.fn(),
+});
+
+// Mock the modules
+vi.mock("#/hooks/query/use-user-repositories", () => ({
+  useUserRepositories: () => mockUseUserRepositories(),
+}));
+
+vi.mock("#/hooks/query/use-repository-branches", () => ({
+  useRepositoryBranches: () => mockUseRepositoryBranches(),
+}));
+
+vi.mock("#/hooks/mutation/use-create-conversation", () => ({
+  useCreateConversation: () => mockUseCreateConversation(),
+}));
+
+vi.mock("#/hooks/use-is-creating-conversation", () => ({
+  useIsCreatingConversation: () => mockUseIsCreatingConversation(),
+}));
+
+vi.mock("react-i18next", () => ({
+  useTranslation: () => mockUseTranslation(),
+}));
+
+vi.mock("#/context/auth-context", () => ({
+  useAuth: () => mockUseAuth(),
+}));
+
+const renderRepositorySelectionForm = () =>
+  render(<RepositorySelectionForm onRepoSelection={vi.fn()} />, {
+    wrapper: ({ children }) => (
+      <QueryClientProvider client={new QueryClient()}>
+        {children}
+      </QueryClientProvider>
+    ),
+  });
+
+describe("RepositorySelectionForm", () => {
+  beforeEach(() => {
+    vi.clearAllMocks();
+  });
+
+  test("shows loading indicator when repositories are being fetched", () => {
+    // Setup loading state
+    mockUseUserRepositories.mockReturnValue({
+      data: undefined,
+      isLoading: true,
+      isError: false,
+    });
+
+    renderRepositorySelectionForm();
+
+    // Check if loading indicator is displayed
+    expect(screen.getByTestId("repo-dropdown-loading")).toBeInTheDocument();
+    expect(screen.getByText("HOME$LOADING_REPOSITORIES")).toBeInTheDocument();
+  });
+
+  test("shows dropdown when repositories are loaded", () => {
+    // Setup loaded repositories
+    mockUseUserRepositories.mockReturnValue({
+      data: [
+        {
+          id: 1,
+          full_name: "user/repo1",
+          git_provider: "github",
+          is_public: true,
+        },
+        {
+          id: 2,
+          full_name: "user/repo2",
+          git_provider: "github",
+          is_public: true,
+        },
+      ],
+      isLoading: false,
+      isError: false,
+    });
+
+    renderRepositorySelectionForm();
+
+    // Check if dropdown is displayed
+    expect(screen.getByTestId("repo-dropdown")).toBeInTheDocument();
+  });
+
+  test("shows error message when repository fetch fails", () => {
+    // Setup error state
+    mockUseUserRepositories.mockReturnValue({
+      data: undefined,
+      isLoading: false,
+      isError: true,
+      error: new Error("Failed to fetch repositories"),
+    });
+
+    renderRepositorySelectionForm();
+
+    // Check if error message is displayed
+    expect(screen.getByTestId("repo-dropdown-error")).toBeInTheDocument();
+    expect(
+      screen.getByText("HOME$FAILED_TO_LOAD_REPOSITORIES"),
+    ).toBeInTheDocument();
+  });
+});

frontend/src/components/features/home/repo-selection-form.tsx

@@ -1,6 +1,5 @@
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { useNavigate } from "react-router";
 import { useCreateConversation } from "#/hooks/mutation/use-create-conversation";
 import { useUserRepositories } from "#/hooks/query/use-user-repositories";
 import { useRepositoryBranches } from "#/hooks/query/use-repository-branches";
@@ -20,13 +19,12 @@ import {
 } from "./repository-selection";
 
 interface RepositorySelectionFormProps {
-  onRepoSelection: (repo: GitRepository | null) => void;
+  onRepoSelection: (repoTitle: string | null) => void;
 }
 
 export function RepositorySelectionForm({
   onRepoSelection,
 }: RepositorySelectionFormProps) {
-  const navigate = useNavigate();
   const [selectedRepository, setSelectedRepository] =
     React.useState<GitRepository | null>(null);
   const [selectedBranch, setSelectedBranch] = React.useState<Branch | null>(
@@ -96,7 +94,8 @@ export function RepositorySelectionForm({
 
   const handleRepoSelection = (key: React.Key | null) => {
     const selectedRepo = allRepositories?.find((repo) => repo.id === key);
-    if (selectedRepo) onRepoSelection(selectedRepo);
+
+    if (selectedRepo) onRepoSelection(selectedRepo.full_name);
     setSelectedRepository(selectedRepo || null);
     setSelectedBranch(null); // Reset branch selection when repo changes
     branchManuallyClearedRef.current = false; // Reset the flag when repo changes
@@ -210,19 +209,10 @@ export function RepositorySelectionForm({
           isRepositoriesError
         }
         onClick={() =>
-          createConversation(
-            {
-              repository: {
-                name: selectedRepository?.full_name || "",
-                gitProvider: selectedRepository?.git_provider || "github",
-                branch: selectedBranch?.name || "main",
-              },
-            },
-            {
-              onSuccess: (data) =>
-                navigate(`/conversations/${data.conversation_id}`),
-            },
-          )
+          createConversation({
+            selectedRepository,
+            selected_branch: selectedBranch?.name,
+          })
         }
       >
         {!isCreatingConversation && "Launch"}

frontend/src/components/features/home/tasks/task-card.tsx

@@ -3,7 +3,9 @@ import { SuggestedTask } from "./task.types";
 import { useIsCreatingConversation } from "#/hooks/use-is-creating-conversation";
 import { useCreateConversation } from "#/hooks/mutation/use-create-conversation";
 import { cn } from "#/utils/utils";
+import { useUserRepositories } from "#/hooks/query/use-user-repositories";
 import { TaskIssueNumber } from "./task-issue-number";
+import { Provider } from "#/types/settings";
 import { useOptimisticUserMessage } from "#/hooks/use-optimistic-user-message";
 
 const getTaskTypeMap = (
@@ -21,19 +23,28 @@ interface TaskCardProps {
 
 export function TaskCard({ task }: TaskCardProps) {
   const { setOptimisticUserMessage } = useOptimisticUserMessage();
+  const { data: repositories } = useUserRepositories();
   const { mutate: createConversation, isPending } = useCreateConversation();
   const isCreatingConversation = useIsCreatingConversation();
   const { t } = useTranslation();
 
+  const getRepo = (repo: string, git_provider: Provider) => {
+    const selectedRepo = repositories?.find(
+      (repository) =>
+        repository.full_name === repo &&
+        repository.git_provider === git_provider,
+    );
+
+    return selectedRepo;
+  };
+
   const handleLaunchConversation = () => {
+    const repo = getRepo(task.repo, task.git_provider);
     setOptimisticUserMessage(t("TASK$ADDRESSING_TASK"));
 
     return createConversation({
-      repository: {
-        name: task.repo,
-        gitProvider: task.git_provider,
-      },
-      suggestedTask: task,
+      selectedRepository: repo,
+      suggested_task: task,
     });
   };
 
@@ -53,7 +64,7 @@ export function TaskCard({ task }: TaskCardProps) {
   }
 
   return (
-    <li className="py-3 border-b border-[#717888] flex items-center pr-6 last:border-b-0">
+    <li className="py-3 border-b border-[#717888] flex items-center pr-6">
       <TaskIssueNumber issueNumber={task.issue_number} href={href} />
 
       <div className="w-full pl-8">

frontend/src/components/features/home/tasks/task-group.tsx

@@ -1,4 +1,3 @@
-import { FaBitbucket, FaGithub, FaGitlab } from "react-icons/fa6";
 import { TaskCard } from "./task-card";
 import { TaskItemTitle } from "./task-item-title";
 import { SuggestedTask } from "./task.types";
@@ -9,16 +8,9 @@ interface TaskGroupProps {
 }
 
 export function TaskGroup({ title, tasks }: TaskGroupProps) {
-  const gitProvider = tasks.length > 0 ? tasks[0].git_provider : null;
-
   return (
     <div className="text-content-2">
-      <div className="flex items-center gap-2 border-b-1 border-[#717888]">
-        {gitProvider === "github" && <FaGithub size={14} />}
-        {gitProvider === "gitlab" && <FaGitlab />}
-        {gitProvider === "bitbucket" && <FaBitbucket />}
-        <TaskItemTitle>{title}</TaskItemTitle>
-      </div>
+      <TaskItemTitle>{title}</TaskItemTitle>
 
       <ul className="text-sm">
         {tasks.map((task) => (

frontend/src/components/features/home/tasks/task-item-title.tsx

@@ -1,6 +1,6 @@
 export function TaskItemTitle({ children: title }: React.PropsWithChildren) {
   return (
-    <div className="py-3">
+    <div className="py-3 border-b-1 border-[#717888]">
       <h3 className="text-[16px] leading-6 font-[500]">{title}</h3>
     </div>
   );

frontend/src/components/features/home/tasks/task-suggestions.tsx

@@ -1,29 +1,19 @@
 import { useTranslation } from "react-i18next";
-import { FaInfoCircle } from "react-icons/fa";
 import { TaskGroup } from "./task-group";
 import { useSuggestedTasks } from "#/hooks/query/use-suggested-tasks";
 import { TaskSuggestionsSkeleton } from "./task-suggestions-skeleton";
 import { cn } from "#/utils/utils";
 import { I18nKey } from "#/i18n/declaration";
-import { TooltipButton } from "#/components/shared/buttons/tooltip-button";
-import { GitRepository } from "#/types/git";
 
 interface TaskSuggestionsProps {
-  filterFor?: GitRepository | null;
+  filterFor?: string | null;
 }
 
 export function TaskSuggestions({ filterFor }: TaskSuggestionsProps) {
   const { t } = useTranslation();
   const { data: tasks, isLoading } = useSuggestedTasks();
-
   const suggestedTasks = filterFor
-    ? tasks?.filter(
-        (element) =>
-          element.title === filterFor.full_name &&
-          !!element.tasks.find(
-            (task) => task.git_provider === filterFor.git_provider,
-          ),
-      )
+    ? tasks?.filter((task) => task.title === filterFor)
     : tasks;
 
   const hasSuggestedTasks = suggestedTasks && suggestedTasks.length > 0;
@@ -33,19 +23,7 @@ export function TaskSuggestions({ filterFor }: TaskSuggestionsProps) {
       data-testid="task-suggestions"
       className={cn("flex flex-col w-full", !hasSuggestedTasks && "gap-6")}
     >
-      <div className="flex items-center gap-2">
-        <h2 className="heading">{t(I18nKey.TASKS$SUGGESTED_TASKS)}</h2>
-        <TooltipButton
-          testId="task-suggestions-info"
-          tooltip={t(I18nKey.TASKS$TASK_SUGGESTIONS_TOOLTIP)}
-          ariaLabel={t(I18nKey.TASKS$TASK_SUGGESTIONS_INFO)}
-          className="text-[#9099AC] hover:text-white"
-          placement="bottom"
-          tooltipClassName="max-w-[348px]"
-        >
-          <FaInfoCircle size={16} />
-        </TooltipButton>
-      </div>
+      <h2 className="heading">{t(I18nKey.TASKS$SUGGESTED_TASKS)}</h2>
 
       <div className="flex flex-col gap-6">
         {isLoading && <TaskSuggestionsSkeleton />}

frontend/src/components/features/jupyter/jupyter.tsx

@@ -1,11 +1,9 @@
 import React from "react";
 import { useSelector } from "react-redux";
-import { useTranslation } from "react-i18next";
 import { RootState } from "#/store";
 import { useScrollToBottom } from "#/hooks/use-scroll-to-bottom";
 import { JupyterCell } from "./jupyter-cell";
 import { ScrollToBottomButton } from "#/components/shared/buttons/scroll-to-bottom-button";
-import { RUNTIME_INACTIVE_STATES } from "#/types/agent-state";
 
 interface JupyterEditorProps {
   maxWidth: number;
@@ -13,43 +11,28 @@ interface JupyterEditorProps {
 
 export function JupyterEditor({ maxWidth }: JupyterEditorProps) {
   const cells = useSelector((state: RootState) => state.jupyter?.cells ?? []);
-  const { curAgentState } = useSelector((state: RootState) => state.agent);
-
   const jupyterRef = React.useRef<HTMLDivElement>(null);
 
-  const { t } = useTranslation();
-
-  const isRuntimeInactive = RUNTIME_INACTIVE_STATES.includes(curAgentState);
-
   const { hitBottom, scrollDomToBottom, onChatBodyScroll } =
     useScrollToBottom(jupyterRef);
 
   return (
-    <>
-      {isRuntimeInactive && (
-        <div className="w-full h-full flex items-center text-center justify-center text-2xl text-tertiary-light">
-          {t("DIFF_VIEWER$WAITING_FOR_RUNTIME")}
+    <div className="flex-1 h-full flex flex-col" style={{ maxWidth }}>
+      <div
+        data-testid="jupyter-container"
+        className="flex-1 overflow-y-auto fast-smooth-scroll"
+        ref={jupyterRef}
+        onScroll={(e) => onChatBodyScroll(e.currentTarget)}
+      >
+        {cells.map((cell, index) => (
+          <JupyterCell key={index} cell={cell} />
+        ))}
+      </div>
+      {!hitBottom && (
+        <div className="sticky bottom-2 flex items-center justify-center">
+          <ScrollToBottomButton onClick={scrollDomToBottom} />
         </div>
       )}
-      {!isRuntimeInactive && (
-        <div className="flex-1 h-full flex flex-col" style={{ maxWidth }}>
-          <div
-            data-testid="jupyter-container"
-            className="flex-1 overflow-y-auto fast-smooth-scroll"
-            ref={jupyterRef}
-            onScroll={(e) => onChatBodyScroll(e.currentTarget)}
-          >
-            {cells.map((cell, index) => (
-              <JupyterCell key={index} cell={cell} />
-            ))}
-          </div>
-          {!hitBottom && (
-            <div className="sticky bottom-2 flex items-center justify-center">
-              <ScrollToBottomButton onClick={scrollDomToBottom} />
-            </div>
-          )}
-        </div>
-      )}
-    </>
+    </div>
   );
 }

frontend/src/components/features/settings/api-keys-manager.tsx

@@ -4,32 +4,21 @@ import { I18nKey } from "#/i18n/declaration";
 import { BrandButton } from "#/components/features/settings/brand-button";
 import { LoadingSpinner } from "#/components/shared/loading-spinner";
 import { ApiKey, CreateApiKeyResponse } from "#/api/api-keys";
-import {
-  displayErrorToast,
-  displaySuccessToast,
-} from "#/utils/custom-toast-handlers";
+import { displayErrorToast } from "#/utils/custom-toast-handlers";
 import { CreateApiKeyModal } from "./create-api-key-modal";
 import { DeleteApiKeyModal } from "./delete-api-key-modal";
 import { NewApiKeyModal } from "./new-api-key-modal";
 import { useApiKeys } from "#/hooks/query/use-api-keys";
-import {
-  useLlmApiKey,
-  useRefreshLlmApiKey,
-} from "#/hooks/query/use-llm-api-key";
 
 export function ApiKeysManager() {
   const { t } = useTranslation();
   const { data: apiKeys = [], isLoading, error } = useApiKeys();
-  const { data: llmApiKey, isLoading: isLoadingLlmKey } = useLlmApiKey();
-  const refreshLlmApiKey = useRefreshLlmApiKey();
   const [createModalOpen, setCreateModalOpen] = useState(false);
   const [deleteModalOpen, setDeleteModalOpen] = useState(false);
   const [keyToDelete, setKeyToDelete] = useState<ApiKey | null>(null);
   const [newlyCreatedKey, setNewlyCreatedKey] =
     useState<CreateApiKeyResponse | null>(null);
   const [showNewKeyModal, setShowNewKeyModal] = useState(false);
-  const [isRefreshingLlmKey, setIsRefreshingLlmKey] = useState(false);
-  const [showLlmApiKey, setShowLlmApiKey] = useState(false);
 
   // Display error toast if the query fails
   if (error) {
@@ -56,22 +45,6 @@ export function ApiKeysManager() {
     setNewlyCreatedKey(null);
   };
 
-  const handleRefreshLlmApiKey = async () => {
-    try {
-      setIsRefreshingLlmKey(true);
-      await refreshLlmApiKey.mutateAsync();
-      displaySuccessToast(
-        t(I18nKey.SETTINGS$API_KEY_REFRESHED, {
-          defaultValue: "API key refreshed successfully",
-        }),
-      );
-    } catch (err) {
-      displayErrorToast(t(I18nKey.ERROR$GENERIC));
-    } finally {
-      setIsRefreshingLlmKey(false);
-    }
-  };
-
   const formatDate = (dateString: string | null) => {
     if (!dateString) return "Never";
     return new Date(dateString).toLocaleString();
@@ -80,128 +53,6 @@ export function ApiKeysManager() {
   return (
     <>
       <div className="flex flex-col gap-6">
-        {!isLoadingLlmKey && llmApiKey && (
-          <div className="border-b border-gray-200 pb-6 mb-6">
-            <div className="flex items-center justify-between mb-2">
-              <h3 className="text-xl font-medium text-white">
-                {t(I18nKey.SETTINGS$LLM_API_KEY)}
-              </h3>
-              <BrandButton
-                type="button"
-                variant="primary"
-                onClick={handleRefreshLlmApiKey}
-                isDisabled={isRefreshingLlmKey}
-              >
-                {isRefreshingLlmKey ? (
-                  <LoadingSpinner size="small" />
-                ) : (
-                  t(I18nKey.SETTINGS$REFRESH_LLM_API_KEY)
-                )}
-              </BrandButton>
-            </div>
-            <p className="text-sm text-white mb-4">
-              {t(I18nKey.SETTINGS$LLM_API_KEY_DESCRIPTION)}
-            </p>
-            <div className="flex items-center gap-2 mt-4">
-              <div className="flex-1 bg-base-tertiary rounded-md py-2 flex items-center">
-                <div className="flex-1 pl-2">
-                  {llmApiKey.key ? (
-                    <div className="flex items-center">
-                      {showLlmApiKey ? (
-                        <span className="text-white font-mono">
-                          {llmApiKey.key}
-                        </span>
-                      ) : (
-                        <span className="text-white">{"•".repeat(20)}</span>
-                      )}
-                    </div>
-                  ) : (
-                    <span className="text-white">
-                      {t(I18nKey.API$NO_KEY_AVAILABLE)}
-                    </span>
-                  )}
-                </div>
-                <div className="flex items-center">
-                  {llmApiKey.key && (
-                    <button
-                      type="button"
-                      className="text-white hover:text-gray-300 mr-2"
-                      aria-label={
-                        showLlmApiKey ? "Hide API key" : "Show API key"
-                      }
-                      title={showLlmApiKey ? "Hide API key" : "Show API key"}
-                      onClick={() => setShowLlmApiKey(!showLlmApiKey)}
-                    >
-                      {showLlmApiKey ? (
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="20"
-                          height="20"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          stroke="currentColor"
-                          strokeWidth="2"
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                        >
-                          <path d="M17.94 17.94A10.07 10.07 0 0 1 12 20c-7 0-11-8-11-8a18.45 18.45 0 0 1 5.06-5.94M9.9 4.24A9.12 9.12 0 0 1 12 4c7 0 11 8 11 8a18.5 18.5 0 0 1-2.16 3.19m-6.72-1.07a3 3 0 1 1-4.24-4.24" />
-                          <line x1="1" y1="1" x2="23" y2="23" />
-                        </svg>
-                      ) : (
-                        <svg
-                          xmlns="http://www.w3.org/2000/svg"
-                          width="20"
-                          height="20"
-                          viewBox="0 0 24 24"
-                          fill="none"
-                          stroke="currentColor"
-                          strokeWidth="2"
-                          strokeLinecap="round"
-                          strokeLinejoin="round"
-                        >
-                          <path d="M1 12s4-8 11-8 11 8 11 8-4 8-11 8-11-8-11-8z" />
-                          <circle cx="12" cy="12" r="3" />
-                        </svg>
-                      )}
-                    </button>
-                  )}
-                  <button
-                    type="button"
-                    className="text-white hover:text-gray-300 mr-2"
-                    aria-label="Copy API key"
-                    title="Copy API key"
-                    onClick={() => {
-                      if (llmApiKey.key) {
-                        navigator.clipboard.writeText(llmApiKey.key);
-                        displaySuccessToast(t(I18nKey.SETTINGS$API_KEY_COPIED));
-                      }
-                    }}
-                  >
-                    <svg
-                      xmlns="http://www.w3.org/2000/svg"
-                      width="20"
-                      height="20"
-                      viewBox="0 0 24 24"
-                      fill="none"
-                      stroke="currentColor"
-                      strokeWidth="2"
-                      strokeLinecap="round"
-                      strokeLinejoin="round"
-                    >
-                      <rect x="9" y="9" width="13" height="13" rx="2" ry="2" />
-                      <path d="M5 15H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h9a2 2 0 0 1 2 2v1" />
-                    </svg>
-                  </button>
-                </div>
-              </div>
-            </div>
-          </div>
-        )}
-
-        <h3 className="text-xl font-medium text-white">
-          {t(I18nKey.SETTINGS$OPENHANDS_API_KEYS)}
-        </h3>
-
         <div className="flex items-center justify-between">
           <BrandButton
             type="button"
@@ -257,12 +108,7 @@ export function ApiKeysManager() {
               <tbody>
                 {apiKeys.map((key) => (
                   <tr key={key.id} className="border-t border-tertiary">
-                    <td
-                      className="p-3 text-sm truncate max-w-[160px]"
-                      title={key.name}
-                    >
-                      {key.name}
-                    </td>
+                    <td className="p-3 text-sm">{key.name}</td>
                     <td className="p-3 text-sm">
                       {formatDate(key.created_at)}
                     </td>

frontend/src/components/features/settings/brand-button.tsx

@@ -32,7 +32,7 @@ export function BrandButton({
       type={type}
       onClick={onClick}
       className={cn(
-        "w-fit p-2 text-sm rounded-sm disabled:opacity-30 disabled:cursor-not-allowed hover:opacity-80 cursor-pointer",
+        "w-fit p-2 text-sm rounded-sm disabled:opacity-30 disabled:cursor-not-allowed hover:opacity-80",
         variant === "primary" && "bg-primary text-[#0D0F11]",
         variant === "secondary" && "border border-primary text-primary",
         variant === "danger" && "bg-red-600 text-white hover:bg-red-700",

frontend/src/components/features/settings/delete-api-key-modal.tsx

@@ -73,7 +73,7 @@ export function DeleteApiKeyModal({
       footer={modalFooter}
     >
       <div data-testid="delete-api-key-modal">
-        <p className="text-sm break-all">
+        <p className="text-sm">
           {t(I18nKey.SETTINGS$DELETE_API_KEY_CONFIRMATION, {
             name: keyToDelete.name,
           })}

frontend/src/components/features/settings/help-link.tsx

@@ -3,16 +3,9 @@ interface HelpLinkProps {
   text: string;
   linkText: string;
   href: string;
-  suffix?: string;
 }
 
-export function HelpLink({
-  testId,
-  text,
-  linkText,
-  href,
-  suffix,
-}: HelpLinkProps) {
+export function HelpLink({ testId, text, linkText, href }: HelpLinkProps) {
   return (
     <p data-testid={testId} className="text-xs">
       {text}{" "}
@@ -24,7 +17,6 @@ export function HelpLink({
       >
         {linkText}
       </a>
-      {suffix && ` ${suffix}`}
     </p>
   );
 }

frontend/src/components/features/settings/llm-settings/reset-settings-modal.tsx

@@ -0,0 +1,41 @@
+import { useTranslation } from "react-i18next";
+import { ModalBackdrop } from "#/components/shared/modals/modal-backdrop";
+import { I18nKey } from "#/i18n/declaration";
+import { BrandButton } from "../brand-button";
+
+interface ResetSettingsModalProps {
+  onReset: () => void;
+}
+
+export function ResetSettingsModal({ onReset }: ResetSettingsModalProps) {
+  const { t } = useTranslation();
+
+  return (
+    <ModalBackdrop>
+      <div className="bg-base-secondary p-4 rounded-xl flex flex-col gap-4 border border-tertiary">
+        <p>{t(I18nKey.SETTINGS$RESET_CONFIRMATION)}</p>
+        <div className="w-full flex gap-2" data-testid="reset-settings-modal">
+          <BrandButton
+            testId="confirm-button"
+            type="submit"
+            name="reset-settings"
+            variant="primary"
+            className="grow"
+          >
+            Reset
+          </BrandButton>
+
+          <BrandButton
+            testId="cancel-button"
+            type="button"
+            variant="secondary"
+            className="grow"
+            onClick={onReset}
+          >
+            Cancel
+          </BrandButton>
+        </div>
+      </div>
+    </ModalBackdrop>
+  );
+}

frontend/src/components/features/settings/mcp-settings/mcp-config-editor.tsx

@@ -41,7 +41,7 @@ export function MCPConfigEditor({ mcpConfig, onChange }: MCPConfigEditorProps) {
             className="text-sm text-blue-400 hover:underline mr-3"
             onClick={(e) => e.stopPropagation()}
           >
-            {t(I18nKey.COMMON$DOCUMENTATION)}
+            Documentation
           </a>
           <BrandButton
             type="button"

frontend/src/components/features/settings/optional-tag.tsx

@@ -1,11 +1,3 @@
-import { useTranslation } from "react-i18next";
-import { I18nKey } from "#/i18n/declaration";
-
 export function OptionalTag() {
-  const { t } = useTranslation();
-  return (
-    <span className="text-xs text-tertiary-alt">
-      {t(I18nKey.COMMON$OPTIONAL)}
-    </span>
-  );
+  return <span className="text-xs text-tertiary-alt">(Optional)</span>;
 }

frontend/src/components/features/settings/secrets-settings/secret-form.tsx

@@ -1,7 +1,6 @@
 import { useQueryClient } from "@tanstack/react-query";
 import React from "react";
 import { useTranslation } from "react-i18next";
-import { I18nKey } from "#/i18n/declaration";
 import { useCreateSecret } from "#/hooks/mutation/use-create-secret";
 import { useUpdateSecret } from "#/hooks/mutation/use-update-secret";
 import { SettingsInput } from "../settings-input";
@@ -152,7 +151,7 @@ export function SecretForm({
 
       {mode === "add" && (
         <label className="flex flex-col gap-2.5 w-full max-w-[680px]">
-          <span className="text-sm">{t(I18nKey.FORM$VALUE)}</span>
+          <span className="text-sm">Value</span>
           <textarea
             data-testid="value-input"
             name="secret-value"
@@ -169,7 +168,7 @@ export function SecretForm({
 
       <label className="flex flex-col gap-2.5 w-full max-w-[680px]">
         <div className="flex items-center gap-2">
-          <span className="text-sm">{t(I18nKey.FORM$DESCRIPTION)}</span>
+          <span className="text-sm">Description</span>
           <OptionalTag />
         </div>
         <input
@@ -191,7 +190,7 @@ export function SecretForm({
           variant="secondary"
           onClick={onCancel}
         >
-          {t(I18nKey.BUTTON$CANCEL)}
+          Cancel
         </BrandButton>
         <BrandButton testId="submit-button" type="submit" variant="primary">
           {mode === "add" && t("SECRETS$ADD_SECRET")}

frontend/src/components/features/settings/secrets-settings/secret-list-item.tsx

@@ -34,15 +34,10 @@ export function SecretListItem({
       data-testid="secret-item"
       className="border-t border-[#717888] last-of-type:border-b max-w-[830px] py-[13px] flex w-full items-center"
     >
-      <td className="w-1/4 text-sm text-content-2 truncate" title={title}>
-        {title}
-      </td>
+      <td className="w-1/4 text-sm text-content-2">{title}</td>
 
-      <td
-        className="w-1/2 truncate overflow-hidden whitespace-nowrap text-sm text-content-2 opacity-80 italic"
-        title={description || ""}
-      >
-        {description || ""}
+      <td className="w-1/2 truncate overflow-hidden whitespace-nowrap text-sm text-content-2 opacity-80 italic">
+        {description || "-"}
       </td>
 
       <td className="w-1/4 flex items-center justify-end gap-4">

frontend/src/components/features/settings/settings-dropdown-input.tsx

@@ -1,6 +1,5 @@
 import { Autocomplete, AutocompleteItem } from "@heroui/react";
 import { ReactNode } from "react";
-import { useTranslation } from "react-i18next";
 import { OptionalTag } from "./optional-tag";
 import { cn } from "#/utils/utils";
 
@@ -13,12 +12,9 @@ interface SettingsDropdownInputProps {
   placeholder?: string;
   showOptionalTag?: boolean;
   isDisabled?: boolean;
-  isLoading?: boolean;
   defaultSelectedKey?: string;
   selectedKey?: string;
   isClearable?: boolean;
-  allowsCustomValue?: boolean;
-  required?: boolean;
   onSelectionChange?: (key: React.Key | null) => void;
   onInputChange?: (value: string) => void;
   defaultFilter?: (textValue: string, inputValue: string) => boolean;
@@ -33,17 +29,13 @@ export function SettingsDropdownInput({
   placeholder,
   showOptionalTag,
   isDisabled,
-  isLoading,
   defaultSelectedKey,
   selectedKey,
   isClearable,
-  allowsCustomValue,
-  required,
   onSelectionChange,
   onInputChange,
   defaultFilter,
 }: SettingsDropdownInputProps) {
-  const { t } = useTranslation();
   return (
     <label className={cn("flex flex-col gap-2.5", wrapperClassName)}>
       {label && (
@@ -62,11 +54,8 @@ export function SettingsDropdownInput({
         onSelectionChange={onSelectionChange}
         onInputChange={onInputChange}
         isClearable={isClearable}
-        isDisabled={isDisabled || isLoading}
-        isLoading={isLoading}
-        placeholder={isLoading ? t("HOME$LOADING") : placeholder}
-        allowsCustomValue={allowsCustomValue}
-        isRequired={required}
+        isDisabled={isDisabled}
+        placeholder={placeholder}
         className="w-full"
         classNames={{
           popoverContent: "bg-tertiary rounded-xl border border-[#717888]",

frontend/src/components/features/settings/settings-switch.tsx

@@ -1,6 +1,4 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
-import { I18nKey } from "#/i18n/declaration";
 import { StyledSwitchComponent } from "./styled-switch-component";
 
 interface SettingsSwitchProps {
@@ -21,7 +19,6 @@ export function SettingsSwitch({
   isToggled: controlledIsToggled,
   isBeta,
 }: React.PropsWithChildren<SettingsSwitchProps>) {
-  const { t } = useTranslation();
   const [isToggled, setIsToggled] = React.useState(defaultIsToggled ?? false);
 
   const handleToggle = (value: boolean) => {
@@ -38,6 +35,7 @@ export function SettingsSwitch({
         type="checkbox"
         onChange={(e) => handleToggle(e.target.checked)}
         checked={controlledIsToggled ?? isToggled}
+        defaultChecked={defaultIsToggled}
       />
 
       <StyledSwitchComponent isToggled={controlledIsToggled ?? isToggled} />
@@ -46,7 +44,7 @@ export function SettingsSwitch({
         <span className="text-sm">{children}</span>
         {isBeta && (
           <span className="text-[11px] leading-4 text-[#0D0F11] font-[500] tracking-tighter bg-primary px-1 rounded-full">
-            {t(I18nKey.BADGE$BETA)}
+            Beta
           </span>
         )}
       </div>