Merge branch 'main' into fix-git-coauthorship-cli-runtime

When running DockerRuntime with run_as_openhands=False (i.e., as root),
the git safe.directory configuration was not being set up, causing
'dubious ownership' errors when git commands were executed.

This fix extracts the git configuration logic into a separate function
and ensures it's called for both root and non-root users, preventing
the 'fatal: detected dubious ownership in repository' error.

Fixes tests/runtime/test_bash.py::test_bash_remove_prefix[DockerRuntime-False]

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

.github/workflows/e2e-tests.yml

@@ -187,7 +187,6 @@ jobs:
             test_settings.py::test_github_token_configuration \
             test_conversation.py::test_conversation_start \
             test_browsing_catchphrase.py::test_browsing_catchphrase \
-            test_multi_conversation_resume.py::test_multi_conversation_resume \
             -v --no-header --capture=no --timeout=900
 
       - name: Upload test results

.github/workflows/ghcr-build.yml

@@ -225,7 +225,7 @@ jobs:
           SANDBOX_RUNTIME_CONTAINER_IMAGE=$image_name \
           TEST_IN_CI=true \
           RUN_AS_OPENHANDS=false \
-          poetry run pytest -n 0 -raRs --reruns 2 --reruns-delay 5 -s ./tests/runtime --ignore=tests/runtime/test_browsergym_envs.py --durations=10
+          poetry run pytest -n 7 -raRs --reruns 2 --reruns-delay 5 -s ./tests/runtime --ignore=tests/runtime/test_browsergym_envs.py --durations=10
         env:
           DEBUG: "1"
 
@@ -284,7 +284,7 @@ jobs:
           SANDBOX_RUNTIME_CONTAINER_IMAGE=$image_name \
           TEST_IN_CI=true \
           RUN_AS_OPENHANDS=true \
-          poetry run pytest -n 0 -raRs --reruns 2 --reruns-delay 5 -s ./tests/runtime --ignore=tests/runtime/test_browsergym_envs.py --durations=10
+          poetry run pytest -n 7 -raRs --reruns 2 --reruns-delay 5 -s ./tests/runtime --ignore=tests/runtime/test_browsergym_envs.py --durations=10
         env:
           DEBUG: "1"
 

.github/workflows/stale.yml

@@ -15,7 +15,7 @@ jobs:
           stale-issue-message: 'This issue is stale because it has been open for 40 days with no activity. Remove the stale label or leave a comment, otherwise it will be closed in 10 days.'
           stale-pr-message: 'This PR is stale because it has been open for 40 days with no activity. Remove the stale label or leave a comment, otherwise it will be closed in 10 days.'
           days-before-stale: 40
-          exempt-issue-labels: roadmap,backlog
+          exempt-issue-labels: 'roadmap'
           close-issue-message: 'This issue was automatically closed due to 50 days of inactivity. We do this to help keep the issues somewhat manageable and focus on active issues.'
           close-pr-message: 'This PR was closed because it had no activity for 50 days. If you feel this was closed in error, and you would like to continue the PR, please resubmit or let us know.'
           days-before-close: 10

.gitignore

@@ -257,5 +257,5 @@ containers/runtime/code
 
 # test results
 test-results
-.sessions
+
 .eval_sessions

.pre-commit-config.yaml

@@ -0,0 +1,47 @@
+repos:
+  - repo: https://github.com/pre-commit/pre-commit-hooks
+    rev: v5.0.0
+    hooks:
+      - id: trailing-whitespace
+        exclude: ^(docs/|modules/|python/|openhands-ui/|third_party/)
+      - id: end-of-file-fixer
+        exclude: ^(docs/|modules/|python/|openhands-ui/|third_party/)
+      - id: check-yaml
+        args: ["--allow-multiple-documents"]
+      - id: debug-statements
+
+  - repo: https://github.com/tox-dev/pyproject-fmt
+    rev: v2.5.1
+    hooks:
+      - id: pyproject-fmt
+  - repo: https://github.com/abravalheri/validate-pyproject
+    rev: v0.24.1
+    hooks:
+      - id: validate-pyproject
+
+  - repo: https://github.com/astral-sh/ruff-pre-commit
+    # Ruff version.
+    rev: v0.11.8
+    hooks:
+      # Run the linter.
+      - id: ruff
+        entry: ruff check --config dev_config/python/ruff.toml
+        types_or: [python, pyi, jupyter]
+        args: [--fix, --unsafe-fixes]
+        exclude: third_party/
+      # Run the formatter.
+      - id: ruff-format
+        entry: ruff format --config dev_config/python/ruff.toml
+        types_or: [python, pyi, jupyter]
+        exclude: third_party/
+
+  - repo: https://github.com/pre-commit/mirrors-mypy
+    rev: v1.15.0
+    hooks:
+      - id: mypy
+        additional_dependencies:
+          [types-requests, types-setuptools, types-pyyaml, types-toml, types-docker, types-Markdown, pydantic, lxml]
+        # To see gaps add `--html-report mypy-report/`
+        entry: mypy --config-file dev_config/python/mypy.ini openhands/
+        always_run: true
+        pass_filenames: false

README.md

@@ -130,6 +130,7 @@ If you want to modify the OpenHands source code, check out [Development.md](http
 Having issues? The [Troubleshooting Guide](https://docs.all-hands.dev/usage/troubleshooting) can help.
 
 ## 📖 Documentation
+  <a href="https://deepwiki.com/All-Hands-AI/OpenHands"><img src="https://deepwiki.com/badge.svg" alt="Ask DeepWiki" title="Autogenerated Documentation by DeepWiki"></a>
 
 To learn more about the project, and for tips on using OpenHands,
 check out our [documentation](https://docs.all-hands.dev/usage/getting-started).

config.template.toml

@@ -363,11 +363,10 @@ classpath = "my_package.my_module.MyCustomAgent"
 #confirmation_mode = false
 
 # The security analyzer to use (For Headless / CLI only -  In Web this is overridden by Session Init)
-# Available options: 'llm' (default), 'invariant'
-#security_analyzer = "llm"
+#security_analyzer = ""
 
 # Whether to enable security analyzer
-#enable_security_analyzer = true
+#enable_security_analyzer = false
 
 #################################### Condenser #################################
 # Condensers control how conversation history is managed and compressed when

containers/app/Dockerfile

@@ -58,34 +58,34 @@ RUN sed -i 's/^UID_MIN.*/UID_MIN 499/' /etc/login.defs
 # Default is 60000, but we've seen up to 200000
 RUN sed -i 's/^UID_MAX.*/UID_MAX 1000000/' /etc/login.defs
 
-RUN groupadd --gid $OPENHANDS_USER_ID openhands
+RUN groupadd --gid $OPENHANDS_USER_ID app
 RUN useradd -l -m -u $OPENHANDS_USER_ID --gid $OPENHANDS_USER_ID -s /bin/bash openhands && \
-    usermod -aG openhands openhands && \
+    usermod -aG app openhands && \
     usermod -aG sudo openhands && \
     echo '%sudo ALL=(ALL) NOPASSWD:ALL' >> /etc/sudoers
-RUN chown -R openhands:openhands /app && chmod -R 770 /app
-RUN sudo chown -R openhands:openhands $WORKSPACE_BASE && sudo chmod -R 770 $WORKSPACE_BASE
+RUN chown -R openhands:app /app && chmod -R 770 /app
+RUN sudo chown -R openhands:app $WORKSPACE_BASE && sudo chmod -R 770 $WORKSPACE_BASE
 USER openhands
 
 ENV VIRTUAL_ENV=/app/.venv \
     PATH="/app/.venv/bin:$PATH" \
     PYTHONPATH='/app'
 
-COPY --chown=openhands:openhands --chmod=770 --from=backend-builder ${VIRTUAL_ENV} ${VIRTUAL_ENV}
+COPY --chown=openhands:app --chmod=770 --from=backend-builder ${VIRTUAL_ENV} ${VIRTUAL_ENV}
 
-COPY --chown=openhands:openhands --chmod=770 ./microagents ./microagents
-COPY --chown=openhands:openhands --chmod=770 ./openhands ./openhands
-COPY --chown=openhands:openhands --chmod=777 ./openhands/runtime/plugins ./openhands/runtime/plugins
-COPY --chown=openhands:openhands pyproject.toml poetry.lock README.md MANIFEST.in LICENSE ./
+COPY --chown=openhands:app --chmod=770 ./microagents ./microagents
+COPY --chown=openhands:app --chmod=770 ./openhands ./openhands
+COPY --chown=openhands:app --chmod=777 ./openhands/runtime/plugins ./openhands/runtime/plugins
+COPY --chown=openhands:app pyproject.toml poetry.lock README.md MANIFEST.in LICENSE ./
 
 # This is run as "openhands" user, and will create __pycache__ with openhands:openhands ownership
 RUN python openhands/core/download.py # No-op to download assets
 # Add this line to set group ownership of all files/directories not already in "app" group
-# openhands:openhands -> openhands:openhands
-RUN find /app \! -group openhands -exec chgrp openhands {} +
+# openhands:openhands -> openhands:app
+RUN find /app \! -group app -exec chgrp app {} +
 
-COPY --chown=openhands:openhands --chmod=770 --from=frontend-builder /app/build ./frontend/build
-COPY --chown=openhands:openhands --chmod=770 ./containers/app/entrypoint.sh /app/entrypoint.sh
+COPY --chown=openhands:app --chmod=770 --from=frontend-builder /app/build ./frontend/build
+COPY --chown=openhands:app --chmod=770 ./containers/app/entrypoint.sh /app/entrypoint.sh
 
 USER root
 

containers/app/entrypoint.sh

@@ -54,7 +54,7 @@ else
       fi
     fi
   fi
-  usermod -aG openhands enduser
+  usermod -aG app enduser
   # get the user group of /var/run/docker.sock and set openhands to that group
   DOCKER_SOCKET_GID=$(stat -c '%g' /var/run/docker.sock)
   echo "Docker socket group id: $DOCKER_SOCKET_GID"

docs/usage/cloud/project-management/jira-dc-integration.mdx

@@ -1,5 +1,5 @@
 ---
-title: Jira Data Center Integration (Coming soon...)
+title: Jira Data Center Integration (Beta)
 description: Complete guide for setting up Jira Data Center integration with OpenHands Cloud, including service account creation, personal access token generation, webhook configuration, and workspace integration setup.
 ---
 

docs/usage/cloud/project-management/jira-integration.mdx

@@ -1,5 +1,5 @@
 ---
-title: Jira Cloud Integration (Coming soon...)
+title: Jira Cloud Integration
 description: Complete guide for setting up Jira Cloud integration with OpenHands Cloud, including service account creation, API token generation, webhook configuration, and workspace integration setup.
 ---
 

docs/usage/cloud/project-management/linear-integration.mdx

@@ -1,5 +1,5 @@
 ---
-title: Linear Integration (Coming soon...)
+title: Linear Integration
 description: Complete guide for setting up Linear integration with OpenHands Cloud, including service account creation, API key generation, webhook configuration, and workspace integration setup.
 ---
 

docs/usage/cloud/project-management/overview.mdx

@@ -1,5 +1,5 @@
 ---
-title: Project Management Tool Integrations (Coming soon...)
+title: Project Management Tool Integrations
 description: Overview of OpenHands Cloud integrations with project management platforms including Jira Cloud, Jira Data Center, and Linear. Learn about setup requirements, usage methods, and troubleshooting.
 ---
 
@@ -18,9 +18,9 @@ Integration requires two levels of setup:
 2. **Workspace Integration** - Self-service configuration through the OpenHands Cloud UI to link your OpenHands account to the target workspace
 
 ### Platform-Specific Setup Guides:
-- [Jira Cloud Integration (Coming soon...)](./jira-integration.md)
-- [Jira Data Center Integration (Coming soon...)](./jira-dc-integration.md)
-- [Linear Integration (Coming soon...)](./linear-integration.md)
+- [Jira Cloud Integration](./jira-integration.md)
+- [Jira Data Center Integration](./jira-dc-integration.md)
+- [Linear Integration](./linear-integration.md)
 
 ## Usage
 

docs/usage/confirmation-mode.mdx

@@ -1,52 +0,0 @@
-# Confirmation Mode and Security Analyzers
-
-OpenHands provides a security framework to help protect users from potentially risky actions through **Confirmation Mode** and **Security Analyzers**. This system analyzes agent actions and prompts users for confirmation when high-risk operations are detected.
-
-## Overview
-
-The security system consists of two main components:
-
-1. **Confirmation Mode**: When enabled, the agent will pause and ask for user confirmation before executing actions that are flagged as high-risk by the security analyzer.
-
-2. **Security Analyzers**: These are modules that evaluate the risk level of agent actions and determine whether user confirmation is required.
-
-## Configuration
-
-### CLI
-In CLI mode, confirmation is enabled by default. You will have an option to uses the LLM Analyzer and will automatically confirm LOW and MEDIUM risk actions, only prompting for HIGH risk actions.
-
-## Security Analyzers
-
-OpenHands includes multiple analyzers:
-
-- **No Analyzer**: Do not use any security analyzer. The agent will prompt you to confirm *EVERY* action.
-- **LLM Risk Analyzer** (default): Uses the same LLM as the agent to assess action risk levels
-- **Invariant Analyzer**: Uses Invariant Labs' policy engine to evaluate action traces against security policies
-
-### LLM Risk Analyzer
-The default analyzer that leverages the agent's LLM to evaluate the security risk of each action. It considers the action type, parameters, and context to assign risk levels.
-
-### Invariant Analyzer
-An advanced analyzer that:
-- Collects conversation events and parses them into a trace
-- Checks the trace against an Invariant policy to classify risk (low, medium, high)
-- Manages an Invariant server container automatically if needed
-- Supports optional browsing-alignment and harmful-content checks
-
-## How It Works
-
-1. **Action Analysis**: When the agent wants to perform an action, the selected security analyzer evaluates its risk level.
-
-2. **Risk Assessment**: The analyzer returns one of three risk levels:
-   - **LOW**: Action proceeds without confirmation
-   - **MEDIUM**: Action proceeds without confirmation (may be configurable in future)
-   - **HIGH**: Action is paused, and user confirmation is requested
-
-3. **User Confirmation**: For high-risk actions, a confirmation dialog appears with:
-   - Description of the action
-   - Risk assessment explanation
-   - Options to approve or deny action
-
-4. **Action Execution**: Based on user response:
-   - **Approve**: Action proceeds as planned
-   - **Deny**: Action is cancelled

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

@@ -87,13 +87,19 @@ source ~/.bashrc  # or source ~/.zshrc
 
 </AccordionGroup>
 
+3. Launch an interactive OpenHands conversation from the command line:
+```bash
+# If using uvx (recommended)
+uvx --python 3.12 --from openhands-ai openhands
+```
+
 <Note>
   If you have cloned the repository, you can also run the CLI directly using Poetry:
 
   poetry run openhands
 </Note>
 
-3. Set your model, API key, and other preferences using the UI (or alternatively environment variables, below).
+4. Set your model, API key, and other preferences using the UI (or alternatively environment variables, below).
 
 This command opens an interactive prompt where you can type tasks or commands and get responses from OpenHands.
 The first time you run the CLI, it will take you through configuring the required LLM

docs/usage/local-setup.mdx

@@ -45,13 +45,6 @@ A system with a modern processor and a minimum of **4GB RAM** is recommended to
   1. [Install WSL](https://learn.microsoft.com/en-us/windows/wsl/install).
   2. Run `wsl --version` in powershell and confirm `Default Version: 2`.
 
-  **Ubuntu (Linux Distribution)**
-
-  1. Install Ubuntu: `wsl --install -d Ubuntu` in PowerShell as Administrator.
-  2. Restart computer when prompted.
-  3. Open Ubuntu from Start menu to complete setup.
-  4. Verify installation: `wsl --list` should show Ubuntu.
-
   **Docker Desktop**
 
   1. [Install Docker Desktop on Windows](https://docs.docker.com/desktop/setup/install/windows-install).
@@ -60,7 +53,7 @@ A system with a modern processor and a minimum of **4GB RAM** is recommended to
   - Resources > WSL Integration: `Enable integration with my default WSL distro` is enabled.
 
   <Note>
-  The docker command below to start the app must be run inside the WSL terminal. Use `wsl -d Ubuntu` in PowerShell or search "Ubuntu" in the Start menu to access the Ubuntu terminal.
+  The docker command below to start the app must be run inside the WSL terminal.
   </Note>
 
   **Alternative: Windows without WSL**

docs/usage/runtimes/e2b.mdx

@@ -22,7 +22,7 @@ SDK to spawn and control these sandboxes.
 
 You can use the E2B CLI to create a custom sandbox with a Dockerfile. Read the full guide
 [here](https://e2b.dev/docs/guide/custom-sandbox). The premade OpenHands sandbox for E2B is set up in the `containers`
-directory, and it's called `openhands`.
+directory. and it's called `openhands`.
 
 ## Debugging
 

docs/usage/troubleshooting/troubleshooting.mdx

@@ -38,16 +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.
 
-### On Linux, Getting ConnectTimeout Error
-
-**Description**
-
-When running on Linux, you might run into the error `ERROR:root:<class 'httpx.ConnectTimeout'>: timed out`.
-
-**Resolution**
-
-* Add the `--network host` to the docker run command.
-
 ### Internal Server Error. Ports are not available
 
 **Description**

evaluation/benchmarks/swe_bench/scripts/rollout_swegym.sh

@@ -13,7 +13,6 @@ N_RUNS=${4:-1}
 export EXP_NAME=$EXP_NAME
 # use 2x resources for rollout since some codebases are pretty resource-intensive
 export DEFAULT_RUNTIME_RESOURCE_FACTOR=2
-export ITERATIVE_EVAL_MODE=false
 echo "MODEL: $MODEL"
 echo "EXP_NAME: $EXP_NAME"
 DATASET="SWE-Gym/SWE-Gym"  # change this to the "/SWE-Gym-Lite" if you want to rollout the lite subset

evaluation/utils/scripts/aggregate_token_usage.py

@@ -1,209 +0,0 @@
-#!/usr/bin/env python3
-"""
-Script to aggregate token usage metrics from LLM completion files.
-
-Usage:
-    python aggregate_token_usage.py <directory_path> [--input-cost <cost>] [--output-cost <cost>] [--cached-cost <cost>]
-
-Arguments:
-    directory_path: Path to the directory containing completion files
-    --input-cost: Cost per input token (default: 0.0)
-    --output-cost: Cost per output token (default: 0.0)
-    --cached-cost: Cost per cached token (default: 0.0)
-"""
-
-import argparse
-import json
-import os
-from pathlib import Path
-
-
-def aggregate_token_usage(
-    directory_path, input_cost=0.0, output_cost=0.0, cached_cost=0.0
-):
-    """
-    Aggregate token usage metrics from all JSON completion files in the directory.
-
-    Args:
-        directory_path (str): Path to directory containing completion files
-        input_cost (float): Cost per input token
-        output_cost (float): Cost per output token
-        cached_cost (float): Cost per cached token
-    """
-
-    # Initialize counters
-    totals = {
-        'input_tokens': 0,
-        'output_tokens': 0,
-        'cached_tokens': 0,
-        'total_tokens': 0,
-        'files_processed': 0,
-        'files_with_errors': 0,
-        'cost': 0,
-    }
-
-    # Find all JSON files recursively
-    json_files = list(Path(directory_path).rglob('*.json'))
-
-    print(f'Found {len(json_files)} JSON files to process...')
-
-    for json_file in json_files:
-        try:
-            with open(json_file, 'r', encoding='utf-8') as f:
-                data = json.load(f)
-
-            # Look for usage data in response or fncall_response
-            usage_data = None
-            if (
-                'response' in data
-                and isinstance(data['response'], dict)
-                and 'usage' in data['response']
-            ):
-                usage_data = data['response']['usage']
-            elif (
-                'fncall_response' in data
-                and isinstance(data['fncall_response'], dict)
-                and 'usage' in data['fncall_response']
-            ):
-                usage_data = data['fncall_response']['usage']
-
-            if usage_data:
-                # Extract token counts
-                completion_tokens = usage_data.get('completion_tokens', 0)
-                prompt_tokens = usage_data.get('prompt_tokens', 0)
-                cached_tokens = usage_data.get('cached_tokens', 0)
-
-                # Handle cases where cached_tokens might be in prompt_tokens_details
-                if cached_tokens == 0 and 'prompt_tokens_details' in usage_data:
-                    details = usage_data['prompt_tokens_details']
-                    if isinstance(details, dict) and 'cached_tokens' in details:
-                        cached_tokens = details.get('cached_tokens', 0) or 0
-
-                # Calculate non-cached input tokens
-                non_cached_input = prompt_tokens - cached_tokens
-
-                # Update totals
-                totals['input_tokens'] += non_cached_input
-                totals['output_tokens'] += completion_tokens
-                totals['cached_tokens'] += cached_tokens
-                totals['total_tokens'] += prompt_tokens + completion_tokens
-
-            if 'cost' in data:
-                totals['cost'] += data['cost']
-            totals['files_processed'] += 1
-
-            # Progress indicator
-            if totals['files_processed'] % 1000 == 0:
-                print(f'Processed {totals["files_processed"]} files...')
-
-        except Exception as e:
-            totals['files_with_errors'] += 1
-            if totals['files_with_errors'] <= 5:  # Only show first 5 errors
-                print(f'Error processing {json_file}: {e}')
-
-    # Calculate costs
-    input_cost_total = totals['input_tokens'] * input_cost
-    output_cost_total = totals['output_tokens'] * output_cost
-    cached_cost_total = totals['cached_tokens'] * cached_cost
-    total_cost = input_cost_total + output_cost_total + cached_cost_total
-
-    # Print results
-    print('\n' + '=' * 60)
-    print('TOKEN USAGE AGGREGATION RESULTS')
-    print('=' * 60)
-    print(f'Files processed: {totals["files_processed"]:,}')
-    print(f'Files with errors: {totals["files_with_errors"]:,}')
-    print()
-    print('TOKEN COUNTS:')
-    print(f'  Input tokens (non-cached):             {totals["input_tokens"]:,}')
-    print(f'  Output tokens:                         {totals["output_tokens"]:,}')
-    print(f'  Cached tokens:                         {totals["cached_tokens"]:,}')
-    print(f'  Total tokens:                          {totals["total_tokens"]:,}')
-    print(f'  Total costs (based on returned value): ${totals["cost"]:.6f}')
-    print()
-
-    if input_cost > 0 or output_cost > 0 or cached_cost > 0:
-        print('COST CALCULATED BASED ON PROVIDED RATE:')
-        print(
-            f'  Input cost:   ${input_cost_total:.6f} ({totals["input_tokens"]:,} × ${input_cost:.6f})'
-        )
-        print(
-            f'  Output cost:  ${output_cost_total:.6f} ({totals["output_tokens"]:,} × ${output_cost:.6f})'
-        )
-        print(
-            f'  Cached cost:  ${cached_cost_total:.6f} ({totals["cached_tokens"]:,} × ${cached_cost:.6f})'
-        )
-        print(f'  Total cost:   ${total_cost:.6f}')
-        print()
-
-    print('SUMMARY:')
-    print(
-        f'  Total input tokens:  {totals["input_tokens"] + totals["cached_tokens"]:,}'
-    )
-    print(f'  Total output tokens: {totals["output_tokens"]:,}')
-    print(f'  Grand total tokens:  {totals["total_tokens"]:,}')
-
-    return totals
-
-
-def main():
-    parser = argparse.ArgumentParser(
-        description='Aggregate token usage metrics from LLM completion files',
-        formatter_class=argparse.RawDescriptionHelpFormatter,
-        epilog="""
-Examples:
-  python aggregate_token_usage.py /path/to/completions
-  python aggregate_token_usage.py /path/to/completions --input-cost 0.000001 --output-cost 0.000002
-  python aggregate_token_usage.py /path/to/completions --input-cost 0.000001 --output-cost 0.000002 --cached-cost 0.0000005
-        """,
-    )
-
-    parser.add_argument(
-        'directory_path', help='Path to directory containing completion files'
-    )
-
-    parser.add_argument(
-        '--input-cost',
-        type=float,
-        default=0.0,
-        help='Cost per input token (default: 0.0)',
-    )
-
-    parser.add_argument(
-        '--output-cost',
-        type=float,
-        default=0.0,
-        help='Cost per output token (default: 0.0)',
-    )
-
-    parser.add_argument(
-        '--cached-cost',
-        type=float,
-        default=0.0,
-        help='Cost per cached token (default: 0.0)',
-    )
-
-    args = parser.parse_args()
-
-    # Validate directory path
-    if not os.path.exists(args.directory_path):
-        print(f"Error: Directory '{args.directory_path}' does not exist.")
-        return 1
-
-    if not os.path.isdir(args.directory_path):
-        print(f"Error: '{args.directory_path}' is not a directory.")
-        return 1
-
-    # Run aggregation
-    try:
-        aggregate_token_usage(
-            args.directory_path, args.input_cost, args.output_cost, args.cached_cost
-        )
-        return 0
-    except Exception as e:
-        print(f'Error during aggregation: {e}')
-        return 1
-
-
-if __name__ == '__main__':
-    exit(main())

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

@@ -54,14 +54,12 @@ const MOCK_RESPOSITORIES: GitRepository[] = [
     full_name: "rbren/polaris",
     git_provider: "github",
     is_public: true,
-    main_branch: "main",
   },
   {
     id: "2",
     full_name: "All-Hands-AI/OpenHands",
     git_provider: "github",
     is_public: true,
-    main_branch: "main",
   },
 ];
 
@@ -101,15 +99,16 @@ describe("RepoConnector", () => {
 
     // First select the provider
     const providerDropdown = await waitFor(() =>
-      screen.getByTestId("git-provider-dropdown"),
+      screen.getByText("Select Provider"),
     );
     await userEvent.click(providerDropdown);
-    await userEvent.click(screen.getByText("GitHub"));
+    await userEvent.click(screen.getByText("Github"));
 
     // Then interact with the repository dropdown
-    const repoInput = await waitFor(() =>
-      screen.getByTestId("git-repo-dropdown"),
+    const repoDropdown = await waitFor(() =>
+      screen.getByTestId("repo-dropdown"),
     );
+    const repoInput = within(repoDropdown).getByRole("combobox");
     await userEvent.click(repoInput);
 
     // Wait for the options to be loaded and displayed
@@ -135,23 +134,23 @@ describe("RepoConnector", () => {
     expect(launchButton).toBeDisabled();
 
     // Mock the repository branches API call
-    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue({ branches: [
+    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue([
       { name: "main", commit_sha: "123", protected: false },
       { name: "develop", commit_sha: "456", protected: false },
-    ], has_next_page: false, current_page: 1, per_page: 30, total_count: 2 });
+    ]);
 
     // First select the provider
     const providerDropdown = await waitFor(() =>
-      screen.getByTestId("git-provider-dropdown"),
+      screen.getByText("Select Provider"),
     );
     await userEvent.click(providerDropdown);
-    await userEvent.click(screen.getByText("GitHub"));
+    await userEvent.click(screen.getByText("Github"));
 
     // Then select the repository
-    const repoInput = await waitFor(() =>
-      screen.getByTestId("git-repo-dropdown"),
+    const repoDropdown = await waitFor(() =>
+      screen.getByTestId("repo-dropdown"),
     );
-
+    const repoInput = within(repoDropdown).getByRole("combobox");
     await userEvent.click(repoInput);
 
     // Wait for the options to be loaded and displayed
@@ -162,8 +161,7 @@ describe("RepoConnector", () => {
 
     // Wait for the branch to be auto-selected
     await waitFor(() => {
-      const branchInput = screen.getByTestId("git-branch-dropdown-input");
-      expect(branchInput).toHaveValue("main");
+      expect(screen.getByText("main")).toBeInTheDocument();
     });
 
     expect(launchButton).toBeEnabled();
@@ -226,19 +224,6 @@ describe("RepoConnector", () => {
 
   it("should create a conversation and redirect with the selected repo when pressing the launch button", async () => {
     const createConversationSpy = vi.spyOn(OpenHands, "createConversation");
-    createConversationSpy.mockResolvedValue({
-      conversation_id: "mock-conversation-id",
-      title: "Test Conversation",
-      selected_repository: "user/repo1",
-      selected_branch: "main",
-      git_provider: "github",
-      last_updated_at: "2023-01-01T00:00:00Z",
-      created_at: "2023-01-01T00:00:00Z",
-      status: "STARTING",
-      runtime_status: null,
-      url: null,
-      session_api_key: null,
-    });
     const retrieveUserGitRepositoriesSpy = vi.spyOn(
       OpenHands,
       "retrieveUserGitRepositories",
@@ -259,23 +244,23 @@ describe("RepoConnector", () => {
     expect(createConversationSpy).not.toHaveBeenCalled();
 
     // Mock the repository branches API call
-    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue({ branches: [
+    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue([
       { name: "main", commit_sha: "123", protected: false },
       { name: "develop", commit_sha: "456", protected: false },
-    ], has_next_page: false, current_page: 1, per_page: 30, total_count: 2 });
+    ]);
 
     // First select the provider
     const providerDropdown = await waitFor(() =>
-      screen.getByTestId("git-provider-dropdown"),
+      screen.getByText("Select Provider"),
     );
     await userEvent.click(providerDropdown);
-    await userEvent.click(screen.getByText("GitHub"));
+    await userEvent.click(screen.getByText("Github"));
 
     // Then select the repository
-    const repoInput = await waitFor(() =>
-      within(repoConnector).getByTestId("git-repo-dropdown"),
+    const repoDropdown = await waitFor(() =>
+      within(repoConnector).getByTestId("repo-dropdown"),
     );
-
+    const repoInput = within(repoDropdown).getByRole("combobox");
     await userEvent.click(repoInput);
 
     // Wait for the options to be loaded and displayed
@@ -286,8 +271,7 @@ describe("RepoConnector", () => {
 
     // Wait for the branch to be auto-selected
     await waitFor(() => {
-      const branchInput = screen.getByTestId("git-branch-dropdown-input");
-      expect(branchInput).toHaveValue("main");
+      expect(screen.getByText("main")).toBeInTheDocument();
     });
 
     await userEvent.click(launchButton);
@@ -304,8 +288,6 @@ describe("RepoConnector", () => {
   });
 
   it("should change the launch button text to 'Loading...' when creating a conversation", async () => {
-    const createConversationSpy = vi.spyOn(OpenHands, "createConversation");
-    createConversationSpy.mockImplementation(() => new Promise(() => {})); // Never resolves to keep loading state
     const retrieveUserGitRepositoriesSpy = vi.spyOn(
       OpenHands,
       "retrieveUserGitRepositories",
@@ -316,10 +298,10 @@ describe("RepoConnector", () => {
     });
 
     // Mock the repository branches API call
-    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue({ branches: [
+    vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue([
       { name: "main", commit_sha: "123", protected: false },
       { name: "develop", commit_sha: "456", protected: false },
-    ], has_next_page: false, current_page: 1, per_page: 30, total_count: 2 });
+    ]);
 
     renderRepoConnector();
 
@@ -327,16 +309,16 @@ describe("RepoConnector", () => {
 
     // First select the provider
     const providerDropdown = await waitFor(() =>
-      screen.getByTestId("git-provider-dropdown"),
+      screen.getByText("Select Provider"),
     );
     await userEvent.click(providerDropdown);
-    await userEvent.click(screen.getByText("GitHub"));
+    await userEvent.click(screen.getByText("Github"));
 
     // Then select the repository
-    const repoInput = await waitFor(() =>
-      screen.getByTestId("git-repo-dropdown"),
+    const repoDropdown = await waitFor(() =>
+      screen.getByTestId("repo-dropdown"),
     );
-
+    const repoInput = within(repoDropdown).getByRole("combobox");
     await userEvent.click(repoInput);
 
     // Wait for the options to be loaded and displayed
@@ -347,8 +329,7 @@ describe("RepoConnector", () => {
 
     // Wait for the branch to be auto-selected
     await waitFor(() => {
-      const branchInput = screen.getByTestId("git-branch-dropdown-input");
-      expect(branchInput).toHaveValue("main");
+      expect(screen.getByText("main")).toBeInTheDocument();
     });
 
     await userEvent.click(launchButton);
@@ -377,7 +358,7 @@ describe("RepoConnector", () => {
     const goToSettingsButton = await screen.findByTestId(
       "navigate-to-settings-button",
     );
-    const dropdown = screen.queryByTestId("git-repo-dropdown");
+    const dropdown = screen.queryByTestId("repo-dropdown");
     const launchButton = screen.queryByTestId("repo-launch-button");
     const providerLinks = screen.queryAllByText(/add git(hub|lab) repos/i);
 

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

@@ -151,7 +151,7 @@ describe("RepositorySelectionForm", () => {
     });
 
     renderForm();
-    expect(await screen.findByTestId("git-repo-dropdown")).toBeInTheDocument();
+    expect(await screen.findByTestId("repo-dropdown")).toBeInTheDocument();
   });
 
   it("shows error message when repository fetch fails", async () => {
@@ -168,10 +168,10 @@ describe("RepositorySelectionForm", () => {
     renderForm();
 
     expect(
-      await screen.findByTestId("dropdown-error"),
+      await screen.findByTestId("repo-dropdown-error"),
     ).toBeInTheDocument();
     expect(
-      screen.getByText("Failed to load data"),
+      screen.getByText("HOME$FAILED_TO_LOAD_REPOSITORIES"),
     ).toBeInTheDocument();
   });
 
@@ -231,7 +231,11 @@ describe("RepositorySelectionForm", () => {
 
     renderForm();
 
-    const input = await screen.findByTestId("git-repo-dropdown");
+    const dropdown = await screen.findByTestId("repo-dropdown");
+    const input = dropdown.querySelector(
+      'input[type="text"]',
+    ) as HTMLInputElement;
+    expect(input).toBeInTheDocument();
 
     await userEvent.type(input, "https://github.com/kubernetes/kubernetes");
     expect(searchGitReposSpy).toHaveBeenLastCalledWith(
@@ -266,7 +270,11 @@ describe("RepositorySelectionForm", () => {
 
     renderForm();
 
-    const input = await screen.findByTestId("git-repo-dropdown");
+    const dropdown = await screen.findByTestId("repo-dropdown");
+    const input = dropdown.querySelector(
+      'input[type="text"]',
+    ) as HTMLInputElement;
+    expect(input).toBeInTheDocument();
 
     await userEvent.type(input, "https://github.com/kubernetes/kubernetes");
     expect(searchGitReposSpy).toHaveBeenLastCalledWith(

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

@@ -37,27 +37,34 @@ const selectRepository = async (repoName: string) => {
 
   // First select the provider
   const providerDropdown = await waitFor(() =>
-    screen.getByTestId("git-provider-dropdown"),
+    screen.getByText("Select Provider"),
   );
   await userEvent.click(providerDropdown);
-  await userEvent.click(screen.getByText("GitHub"));
+  await userEvent.click(screen.getByText("Github"));
 
   // Then select the repository
-  const repoInput = within(repoConnector).getByTestId("git-repo-dropdown");
+  const dropdown = within(repoConnector).getByTestId("repo-dropdown");
+  const repoInput = within(dropdown).getByRole("combobox");
   await userEvent.click(repoInput);
 
   // Wait for the options to be loaded and displayed
   await waitFor(() => {
-    const dropdownMenu = screen.getByTestId("git-repo-dropdown-menu");
-    expect(within(dropdownMenu).getByText(repoName)).toBeInTheDocument();
+    const options = screen.getAllByText(repoName);
+    // Find the option in the dropdown (it will have role="option")
+    const dropdownOption = options.find(
+      (el) => el.getAttribute("role") === "option",
+    );
+    expect(dropdownOption).toBeInTheDocument();
   });
-  const dropdownMenu = screen.getByTestId("git-repo-dropdown-menu");
-  await userEvent.click(within(dropdownMenu).getByText(repoName));
+  const options = screen.getAllByText(repoName);
+  const dropdownOption = options.find(
+    (el) => el.getAttribute("role") === "option",
+  );
+  await userEvent.click(dropdownOption!);
 
   // Wait for the branch to be auto-selected
   await waitFor(() => {
-    const branchInput = screen.getByTestId("git-branch-dropdown-input");
-    expect(branchInput).toHaveValue("main");
+    expect(screen.getByText("main")).toBeInTheDocument();
   });
 };
 
@@ -78,14 +85,12 @@ const MOCK_RESPOSITORIES: GitRepository[] = [
     full_name: "octocat/hello-world",
     git_provider: "github",
     is_public: true,
-    main_branch: "main",
   },
   {
     id: "2",
     full_name: "octocat/earth",
     git_provider: "github",
     is_public: true,
-    main_branch: "main",
   },
 ];
 
@@ -135,10 +140,10 @@ describe("HomeScreen", () => {
         await screen.findAllByTestId("task-launch-button");
 
       // Mock the repository branches API call
-      vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue({ branches: [
+      vi.spyOn(OpenHands, "getRepositoryBranches").mockResolvedValue([
         { name: "main", commit_sha: "123", protected: false },
         { name: "develop", commit_sha: "456", protected: false },
-      ], has_next_page: false, current_page: 1, per_page: 30, total_count: 2 });
+      ]);
 
       // Select a repository to enable the repo launch button
       await selectRepository("octocat/hello-world");

frontend/__tests__/routes/llm-settings.test.tsx

@@ -79,35 +79,6 @@ describe("Content", () => {
         expect(screen.getByTestId("set-indicator")).toBeInTheDocument();
       });
     });
-
-    it("should conditionally show security analyzer based on confirmation mode", async () => {
-      renderLlmSettingsScreen();
-      await screen.findByTestId("llm-settings-screen");
-
-      const confirmation = screen.getByTestId("enable-confirmation-mode-switch");
-
-      // Initially confirmation mode is false, so security analyzer should not be visible
-      expect(confirmation).not.toBeChecked();
-      expect(
-        screen.queryByTestId("security-analyzer-input"),
-      ).not.toBeInTheDocument();
-
-      // Enable confirmation mode
-      await userEvent.click(confirmation);
-      expect(confirmation).toBeChecked();
-
-      // Security analyzer should now be visible
-      screen.getByTestId("security-analyzer-input");
-
-      // Disable confirmation mode again
-      await userEvent.click(confirmation);
-      expect(confirmation).not.toBeChecked();
-
-      // Security analyzer should be hidden again
-      expect(
-        screen.queryByTestId("security-analyzer-input"),
-      ).not.toBeInTheDocument();
-    });
   });
 
   describe("Advanced form", () => {
@@ -136,6 +107,7 @@ describe("Content", () => {
       within(advancedForm).getByTestId("llm-api-key-input");
       within(advancedForm).getByTestId("llm-api-key-help-anchor-advanced");
       within(advancedForm).getByTestId("agent-input");
+      within(advancedForm).getByTestId("enable-confirmation-mode-switch");
       within(advancedForm).getByTestId("enable-memory-condenser-switch");
 
       await userEvent.click(advancedSwitch);
@@ -158,6 +130,9 @@ describe("Content", () => {
       const baseUrl = screen.getByTestId("base-url-input");
       const apiKey = screen.getByTestId("llm-api-key-input");
       const agent = screen.getByTestId("agent-input");
+      const confirmation = screen.getByTestId(
+        "enable-confirmation-mode-switch",
+      );
       const condensor = screen.getByTestId("enable-memory-condenser-switch");
 
       expect(model).toHaveValue("openhands/claude-sonnet-4-20250514");
@@ -165,7 +140,15 @@ describe("Content", () => {
       expect(apiKey).toHaveValue("");
       expect(apiKey).toHaveProperty("placeholder", "");
       expect(agent).toHaveValue("CodeActAgent");
+      expect(confirmation).not.toBeChecked();
       expect(condensor).toBeChecked();
+
+      // check that security analyzer is present
+      expect(
+        screen.queryByTestId("security-analyzer-input"),
+      ).not.toBeInTheDocument();
+      await userEvent.click(confirmation);
+      screen.getByTestId("security-analyzer-input");
     });
 
     it("should render the advanced form if existings settings are advanced", async () => {
@@ -194,7 +177,7 @@ describe("Content", () => {
         agent: "CoActAgent",
         confirmation_mode: true,
         enable_default_condenser: false,
-        security_analyzer: "none",
+        security_analyzer: "mock-invariant",
       });
 
       renderLlmSettingsScreen();
@@ -220,7 +203,7 @@ describe("Content", () => {
         expect(agent).toHaveValue("CoActAgent");
         expect(confirmation).toBeChecked();
         expect(condensor).not.toBeChecked();
-        expect(securityAnalyzer).toHaveValue("SETTINGS$SECURITY_ANALYZER_NONE");
+        expect(securityAnalyzer).toHaveValue("mock-invariant");
       });
     });
   });
@@ -310,7 +293,7 @@ describe("Form submission", () => {
     // select security analyzer
     const securityAnalyzer = screen.getByTestId("security-analyzer-input");
     await userEvent.click(securityAnalyzer);
-    const securityAnalyzerOption = screen.getByText("SETTINGS$SECURITY_ANALYZER_NONE");
+    const securityAnalyzerOption = screen.getByText("mock-invariant");
     await userEvent.click(securityAnalyzerOption);
 
     const submitButton = screen.getByTestId("submit-button");
@@ -323,7 +306,7 @@ describe("Form submission", () => {
         agent: "CoActAgent",
         confirmation_mode: true,
         enable_default_condenser: false,
-        security_analyzer: null,
+        security_analyzer: "mock-invariant",
       }),
     );
   });
@@ -392,10 +375,8 @@ describe("Form submission", () => {
     const baseUrl = await screen.findByTestId("base-url-input");
     const apiKey = await screen.findByTestId("llm-api-key-input");
     const agent = await screen.findByTestId("agent-input");
-    const condensor = await screen.findByTestId("enable-memory-condenser-switch");
-
-    // Confirmation mode switch is now in basic settings, always visible
     const confirmation = await screen.findByTestId("enable-confirmation-mode-switch");
+    const condensor = await screen.findByTestId("enable-memory-condenser-switch");
 
     // enter custom model
     await userEvent.type(model, "-mini");
@@ -470,17 +451,14 @@ describe("Form submission", () => {
     // select security analyzer
     const securityAnalyzer = await screen.findByTestId("security-analyzer-input");
     await userEvent.click(securityAnalyzer);
-    const securityAnalyzerOption = screen.getByText("SETTINGS$SECURITY_ANALYZER_NONE");
+    const securityAnalyzerOption = screen.getByText("mock-invariant");
     await userEvent.click(securityAnalyzerOption);
-    expect(securityAnalyzer).toHaveValue("SETTINGS$SECURITY_ANALYZER_NONE");
+    expect(securityAnalyzer).toHaveValue("mock-invariant");
 
     expect(submitButton).not.toBeDisabled();
 
-    // revert back to original value
-    await userEvent.click(securityAnalyzer);
-    const originalSecurityAnalyzerOption = screen.getByText("SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT");
-    await userEvent.click(originalSecurityAnalyzerOption);
-    expect(securityAnalyzer).toHaveValue("SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT");
+    await userEvent.clear(securityAnalyzer);
+    expect(securityAnalyzer).toHaveValue("");
     expect(submitButton).toBeDisabled();
   });
 
@@ -574,7 +552,7 @@ describe("Form submission", () => {
       expect.objectContaining({
         llm_model: "openhands/claude-sonnet-4-20250514",
         llm_base_url: "",
-        confirmation_mode: true, // Confirmation mode is now a basic setting, should be preserved
+        confirmation_mode: false,
       }),
     );
   });

frontend/__tests__/routes/secrets-settings.test.tsx

@@ -107,7 +107,9 @@ describe("Content", () => {
       expect(screen.queryByTestId("add-secret-button")).not.toBeInTheDocument(),
     );
     const button = await screen.findByTestId("connect-git-button");
-    expect(button).toHaveAttribute("href", "/settings/integrations");
+    await userEvent.click(button);
+
+    screen.getByTestId("git-settings-screen");
   });
 
   it("should render an empty table when there are no existing secrets", async () => {

frontend/__tests__/utils/has-advanced-settings-set.test.ts

@@ -29,5 +29,23 @@ describe("hasAdvancedSettingsSet", () => {
         }),
       ).toBe(true);
     });
+
+    test("CONFIRMATION_MODE is true", () => {
+      expect(
+        hasAdvancedSettingsSet({
+          ...DEFAULT_SETTINGS,
+          CONFIRMATION_MODE: true,
+        }),
+      ).toBe(true);
+    });
+
+    test("SECURITY_ANALYZER is set", () => {
+      expect(
+        hasAdvancedSettingsSet({
+          ...DEFAULT_SETTINGS,
+          SECURITY_ANALYZER: "test",
+        }),
+      ).toBe(true);
+    });
   });
 });

frontend/package.json

@@ -11,50 +11,50 @@
     "@heroui/use-infinite-scroll": "^2.2.10",
     "@microlink/react-json-view": "^1.26.2",
     "@monaco-editor/react": "^4.7.0-rc.0",
-    "@react-router/node": "^7.8.2",
-    "@react-router/serve": "^7.8.2",
-    "@react-types/shared": "^3.32.0",
+    "@react-router/node": "^7.8.0",
+    "@react-router/serve": "^7.8.0",
+    "@react-types/shared": "^3.31.0",
     "@reduxjs/toolkit": "^2.8.2",
-    "@stripe/react-stripe-js": "^3.9.2",
-    "@stripe/stripe-js": "^7.9.0",
+    "@stripe/react-stripe-js": "^3.9.0",
+    "@stripe/stripe-js": "^7.8.0",
     "@tailwindcss/postcss": "^4.1.12",
     "@tailwindcss/vite": "^4.1.12",
-    "@tanstack/react-query": "^5.85.5",
+    "@tanstack/react-query": "^5.85.3",
     "@uidotdev/usehooks": "^2.4.1",
-    "@vitejs/plugin-react": "^5.0.2",
+    "@vitejs/plugin-react": "^5.0.0",
     "@xterm/addon-fit": "^0.10.0",
     "@xterm/xterm": "^5.4.0",
     "axios": "^1.11.0",
     "clsx": "^2.1.1",
     "date-fns": "^4.1.0",
-    "downshift": "^9.0.10",
     "eslint-config-airbnb-typescript": "^18.0.0",
     "framer-motion": "^12.23.12",
-    "i18next": "^25.4.2",
+    "i18next": "^25.3.6",
     "i18next-browser-languagedetector": "^8.2.0",
     "i18next-http-backend": "^3.0.2",
-    "isbot": "^5.1.30",
-    "jose": "^6.1.0",
-    "lucide-react": "^0.542.0",
+    "isbot": "^5.1.29",
+    "jose": "^6.0.12",
+    "lucide-react": "^0.539.0",
     "monaco-editor": "^0.52.2",
-    "posthog-js": "^1.261.0",
+    "posthog-js": "^1.260.1",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
     "react-highlight": "^0.15.0",
-    "react-hot-toast": "^2.6.0",
-    "react-i18next": "^15.7.2",
+    "react-hot-toast": "^2.5.1",
+    "react-i18next": "^15.6.1",
     "react-icons": "^5.5.0",
     "react-markdown": "^10.1.0",
     "react-redux": "^9.2.0",
-    "react-router": "^7.8.2",
-    "react-syntax-highlighter": "^15.6.6",
+    "react-router": "^7.8.0",
+    "react-select": "^5.10.2",
+    "react-syntax-highlighter": "^15.6.1",
     "react-textarea-autosize": "^8.5.9",
     "remark-breaks": "^4.0.0",
     "remark-gfm": "^4.0.1",
     "sirv-cli": "^3.0.1",
     "socket.io-client": "^4.8.1",
     "tailwind-merge": "^3.3.1",
-    "vite": "^7.1.3",
+    "vite": "^7.1.1",
     "web-vitals": "^5.1.0",
     "ws": "^8.18.2"
   },
@@ -88,17 +88,17 @@
     "@babel/traverse": "^7.28.3",
     "@babel/types": "^7.28.2",
     "@mswjs/socket.io-binding": "^0.2.0",
-    "@playwright/test": "^1.55.0",
-    "@react-router/dev": "^7.8.2",
+    "@playwright/test": "^1.54.2",
+    "@react-router/dev": "^7.8.0",
     "@tailwindcss/typography": "^0.5.16",
     "@tanstack/eslint-plugin-query": "^5.83.1",
     "@testing-library/dom": "^10.4.1",
-    "@testing-library/jest-dom": "^6.8.0",
+    "@testing-library/jest-dom": "^6.7.0",
     "@testing-library/react": "^16.3.0",
     "@testing-library/user-event": "^14.6.1",
-    "@types/node": "^24.3.0",
-    "@types/react": "^19.1.12",
-    "@types/react-dom": "^19.1.9",
+    "@types/node": "^24.2.0",
+    "@types/react": "^19.1.9",
+    "@types/react-dom": "^19.1.7",
     "@types/react-highlight": "^0.12.8",
     "@types/react-syntax-highlighter": "^15.5.13",
     "@types/ws": "^8.18.1",
@@ -117,16 +117,16 @@
     "eslint-plugin-prettier": "^5.5.4",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-unused-imports": "^4.2.0",
+    "eslint-plugin-unused-imports": "^4.1.4",
     "husky": "^9.1.7",
     "jsdom": "^26.1.0",
     "lint-staged": "^16.1.4",
     "msw": "^2.6.6",
     "prettier": "^3.6.2",
-    "stripe": "^18.5.0",
+    "stripe": "^18.4.0",
     "tailwindcss": "^4.1.8",
     "typescript": "^5.9.2",
-    "vite-plugin-svgr": "^4.5.0",
+    "vite-plugin-svgr": "^4.2.0",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^3.0.2"
   },

frontend/src/api/open-hands.ts

@@ -21,12 +21,7 @@ import {
 } from "./open-hands.types";
 import { openHands } from "./open-hands-axios";
 import { ApiSettings, PostApiSettings, Provider } from "#/types/settings";
-import {
-  GitUser,
-  GitRepository,
-  PaginatedBranchesResponse,
-  Branch,
-} from "#/types/git";
+import { GitUser, GitRepository, Branch } from "#/types/git";
 import { SuggestedTask } from "#/components/features/home/tasks/task.types";
 import { extractNextPageFromLink } from "#/utils/extract-next-page-from-link";
 import { RepositoryMicroagent } from "#/types/microagent-management";
@@ -572,35 +567,11 @@ class OpenHands {
     };
   }
 
-  static async getRepositoryBranches(
-    repository: string,
-    page: number = 1,
-    perPage: number = 30,
-  ): Promise<PaginatedBranchesResponse> {
-    const { data } = await openHands.get<PaginatedBranchesResponse>(
-      `/api/user/repository/branches?repository=${encodeURIComponent(repository)}&page=${page}&per_page=${perPage}`,
-    );
-
-    return data;
-  }
-
-  static async searchRepositoryBranches(
-    repository: string,
-    query: string,
-    perPage: number = 30,
-    selectedProvider?: Provider,
-  ): Promise<Branch[]> {
+  static async getRepositoryBranches(repository: string): Promise<Branch[]> {
     const { data } = await openHands.get<Branch[]>(
-      `/api/user/search/branches`,
-      {
-        params: {
-          repository,
-          query,
-          per_page: perPage,
-          selected_provider: selectedProvider,
-        },
-      },
+      `/api/user/repository/branches?repository=${encodeURIComponent(repository)}`,
     );
+
     return data;
   }
 
@@ -755,27 +726,6 @@ class OpenHands {
     );
     return data;
   }
-
-  static async getMicroagentManagementConversations(
-    selectedRepository: string,
-    pageId?: string,
-    limit: number = 100,
-  ): Promise<Conversation[]> {
-    const params: Record<string, string | number> = {
-      limit,
-      selected_repository: selectedRepository,
-    };
-
-    if (pageId) {
-      params.page_id = pageId;
-    }
-
-    const { data } = await openHands.get<ResultSet<Conversation>>(
-      "/api/microagent-management/conversations",
-      { params },
-    );
-    return data.results;
-  }
 }
 
 export default OpenHands;

frontend/src/components/common/git-branch-dropdown.tsx

@@ -0,0 +1,69 @@
+import { useMemo } from "react";
+import { useRepositoryBranches } from "../../hooks/query/use-repository-branches";
+import { ReactSelectDropdown, SelectOption } from "./react-select-dropdown";
+
+export interface GitBranchDropdownProps {
+  repositoryName?: string | null;
+  value?: string | null;
+  placeholder?: string;
+  className?: string;
+  errorMessage?: string;
+  disabled?: boolean;
+  onChange?: (branchName: string | null) => void;
+}
+
+export function GitBranchDropdown({
+  repositoryName,
+  value,
+  placeholder = "Select branch...",
+  className,
+  errorMessage,
+  disabled = false,
+  onChange,
+}: GitBranchDropdownProps) {
+  const { data: branches, isLoading } = useRepositoryBranches(
+    repositoryName || null,
+  );
+
+  const options: SelectOption[] = useMemo(
+    () =>
+      branches?.map((branch) => ({
+        value: branch.name,
+        label: branch.name,
+      })) || [],
+    [branches],
+  );
+
+  const hasNoBranches = !isLoading && branches && branches.length === 0;
+
+  const selectedOption = useMemo(
+    () => options.find((option) => option.value === value) || null,
+    [options, value],
+  );
+
+  const handleChange = (option: SelectOption | null) => {
+    onChange?.(option?.value || null);
+  };
+
+  const isDisabled = disabled || !repositoryName || isLoading || hasNoBranches;
+
+  const displayPlaceholder = hasNoBranches ? "No branches found" : placeholder;
+  const displayErrorMessage = hasNoBranches
+    ? "This repository has no branches"
+    : errorMessage;
+
+  return (
+    <ReactSelectDropdown
+      options={options}
+      value={selectedOption}
+      placeholder={displayPlaceholder}
+      className={className}
+      errorMessage={displayErrorMessage}
+      disabled={isDisabled}
+      isClearable={false}
+      isSearchable
+      isLoading={isLoading}
+      onChange={handleChange}
+    />
+  );
+}

frontend/src/components/common/git-provider-dropdown.tsx

@@ -0,0 +1,58 @@
+import { useMemo } from "react";
+import { Provider } from "../../types/settings";
+import { ReactSelectDropdown, SelectOption } from "./react-select-dropdown";
+
+export interface GitProviderDropdownProps {
+  providers: Provider[];
+  value?: Provider | null;
+  placeholder?: string;
+  className?: string;
+  errorMessage?: string;
+  disabled?: boolean;
+  isLoading?: boolean;
+  onChange?: (provider: Provider | null) => void;
+}
+
+export function GitProviderDropdown({
+  providers,
+  value,
+  placeholder = "Select Provider",
+  className,
+  errorMessage,
+  disabled = false,
+  isLoading = false,
+  onChange,
+}: GitProviderDropdownProps) {
+  const options: SelectOption[] = useMemo(
+    () =>
+      providers.map((provider) => ({
+        value: provider,
+        label: provider.charAt(0).toUpperCase() + provider.slice(1),
+      })),
+    [providers],
+  );
+
+  const selectedOption = useMemo(
+    () => options.find((option) => option.value === value) || null,
+    [options, value],
+  );
+
+  const handleChange = (option: SelectOption | null) => {
+    onChange?.(option?.value as Provider | null);
+  };
+
+  return (
+    <ReactSelectDropdown
+      options={options}
+      value={selectedOption}
+      placeholder={placeholder}
+      className={className}
+      errorMessage={errorMessage}
+      disabled={disabled}
+      isClearable={false}
+      isSearchable={false}
+      isLoading={isLoading}
+      onChange={handleChange}
+    />
+  );
+}

frontend/src/components/common/git-repository-dropdown.tsx

@@ -0,0 +1,208 @@
+import { useCallback, useMemo, useState } from "react";
+import { useTranslation } from "react-i18next";
+import { Provider } from "../../types/settings";
+import { useGitRepositories } from "../../hooks/query/use-git-repositories";
+import { useSearchRepositories } from "../../hooks/query/use-search-repositories";
+import { useDebounce } from "../../hooks/use-debounce";
+import OpenHands from "../../api/open-hands";
+import { GitRepository } from "../../types/git";
+import {
+  ReactSelectAsyncDropdown,
+  AsyncSelectOption,
+} from "./react-select-async-dropdown";
+
+export interface GitRepositoryDropdownProps {
+  provider: Provider;
+  value?: string | null;
+  placeholder?: string;
+  className?: string;
+  errorMessage?: string;
+  disabled?: boolean;
+  onChange?: (repository?: GitRepository) => void;
+}
+
+export function GitRepositoryDropdown({
+  provider,
+  value,
+  placeholder = "Search repositories...",
+  className,
+  errorMessage,
+  disabled = false,
+  onChange,
+}: GitRepositoryDropdownProps) {
+  const { t } = useTranslation();
+  const [searchInput, setSearchInput] = useState("");
+  const debouncedSearchInput = useDebounce(searchInput, 300);
+
+  // Process search input to handle URLs
+  const processedSearchInput = useMemo(() => {
+    if (debouncedSearchInput.startsWith("https://")) {
+      const match = debouncedSearchInput.match(
+        /https:\/\/[^/]+\/([^/]+\/[^/]+)/,
+      );
+      return match ? match[1] : debouncedSearchInput;
+    }
+    return debouncedSearchInput;
+  }, [debouncedSearchInput]);
+
+  const {
+    data,
+    fetchNextPage,
+    hasNextPage,
+    isLoading,
+    isFetchingNextPage,
+    isError,
+  } = useGitRepositories({
+    provider,
+    enabled: !disabled,
+  });
+
+  // Search query for processed input (handles URLs)
+  const { data: searchData, isLoading: isSearchLoading } =
+    useSearchRepositories(processedSearchInput, provider);
+
+  const allOptions: AsyncSelectOption[] = useMemo(
+    () =>
+      data?.pages
+        ? data.pages.flatMap((page) =>
+            page.data.map((repo) => ({
+              value: repo.id,
+              label: repo.full_name,
+            })),
+          )
+        : [],
+    [data],
+  );
+
+  const searchOptions: AsyncSelectOption[] = useMemo(
+    () =>
+      searchData
+        ? searchData.map((repo) => ({
+            value: repo.id,
+            label: repo.full_name,
+          }))
+        : [],
+    [searchData],
+  );
+
+  const selectedOption = useMemo(() => {
+    // First check in loaded pages
+    const option = allOptions.find((opt) => opt.value === value);
+    if (option) return option;
+
+    // If not found, check in search results
+    const searchOption = searchOptions.find((opt) => opt.value === value);
+    if (searchOption) return searchOption;
+
+    return null;
+  }, [allOptions, searchOptions, value]);
+
+  const loadOptions = useCallback(
+    async (inputValue: string): Promise<AsyncSelectOption[]> => {
+      // Update search input to trigger debounced search
+      setSearchInput(inputValue);
+
+      // If empty input, show all loaded options
+      if (!inputValue.trim()) {
+        return allOptions;
+      }
+
+      // For very short inputs, do local filtering
+      if (inputValue.length < 2) {
+        return allOptions.filter((option) =>
+          option.label.toLowerCase().includes(inputValue.toLowerCase()),
+        );
+      }
+
+      // Handle URL inputs by performing direct search
+      if (inputValue.startsWith("https://")) {
+        const match = inputValue.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);
+        if (match) {
+          const repoName = match[1];
+          try {
+            // Perform direct search for URL-based inputs
+            const repositories = await OpenHands.searchGitRepositories(
+              repoName,
+              3,
+              provider,
+            );
+            return repositories.map((repo) => ({
+              value: repo.full_name,
+              label: repo.full_name,
+              data: repo,
+            }));
+          } catch (error) {
+            // Fall back to local filtering if search fails
+            return allOptions.filter((option) =>
+              option.label.toLowerCase().includes(repoName.toLowerCase()),
+            );
+          }
+        }
+      }
+
+      // For regular text inputs, use hook-based search results if available
+      if (searchOptions.length > 0 && processedSearchInput === inputValue) {
+        return searchOptions;
+      }
+
+      // Fallback to local filtering while search is loading
+      return allOptions.filter((option) =>
+        option.label.toLowerCase().includes(inputValue.toLowerCase()),
+      );
+    },
+    [allOptions, searchOptions, processedSearchInput, provider],
+  );
+
+  const handleChange = (option: AsyncSelectOption | null) => {
+    if (!option) {
+      onChange?.(undefined);
+      return;
+    }
+
+    // First check in loaded pages
+    let repo = data?.pages
+      ?.flatMap((p) => p.data)
+      .find((r) => r.id === option.value);
+
+    // If not found, check in search results
+    if (!repo) {
+      repo = searchData?.find((r) => r.id === option.value);
+    }
+
+    onChange?.(repo);
+  };
+
+  const handleMenuScrollToBottom = useCallback(() => {
+    if (hasNextPage && !isFetchingNextPage && !isLoading) {
+      fetchNextPage();
+    }
+  }, [hasNextPage, isFetchingNextPage, isLoading, fetchNextPage]);
+
+  return (
+    <>
+      <ReactSelectAsyncDropdown
+        testId="repo-dropdown"
+        loadOptions={loadOptions}
+        value={selectedOption}
+        placeholder={placeholder}
+        className={className}
+        errorMessage={errorMessage}
+        disabled={disabled}
+        isClearable={false}
+        isLoading={isLoading || isFetchingNextPage || isSearchLoading}
+        cacheOptions
+        defaultOptions={allOptions}
+        onChange={handleChange}
+        onMenuScrollToBottom={handleMenuScrollToBottom}
+      />
+      {isError && (
+        <div
+          data-testid="repo-dropdown-error"
+          className="text-red-500 text-sm mt-1"
+        >
+          {t("HOME$FAILED_TO_LOAD_REPOSITORIES")}
+        </div>
+      )}
+    </>
+  );
+}

frontend/src/components/common/react-select-async-dropdown.tsx

@@ -0,0 +1,79 @@
+import { useCallback, useMemo } from "react";
+import AsyncSelect from "react-select/async";
+import { cn } from "#/utils/utils";
+import { SelectOptionBase, getCustomStyles } from "./react-select-styles";
+
+export type AsyncSelectOption = SelectOptionBase;
+
+export interface ReactSelectAsyncDropdownProps {
+  loadOptions: (inputValue: string) => Promise<AsyncSelectOption[]>;
+  testId?: string;
+  placeholder?: string;
+  value?: AsyncSelectOption | null;
+  defaultValue?: AsyncSelectOption | null;
+  className?: string;
+  errorMessage?: string;
+  disabled?: boolean;
+  isClearable?: boolean;
+  isLoading?: boolean;
+  cacheOptions?: boolean;
+  defaultOptions?: boolean | AsyncSelectOption[];
+  onChange?: (option: AsyncSelectOption | null) => void;
+  onMenuScrollToBottom?: () => void;
+}
+
+export function ReactSelectAsyncDropdown({
+  loadOptions,
+  testId,
+  placeholder = "Search...",
+  value,
+  defaultValue,
+  className,
+  errorMessage,
+  disabled = false,
+  isClearable = false,
+  isLoading = false,
+  cacheOptions = true,
+  defaultOptions = true,
+  onChange,
+  onMenuScrollToBottom,
+}: ReactSelectAsyncDropdownProps) {
+  const customStyles = useMemo(() => getCustomStyles<AsyncSelectOption>(), []);
+
+  const handleLoadOptions = useCallback(
+    (inputValue: string, callback: (options: AsyncSelectOption[]) => void) => {
+      loadOptions(inputValue)
+        .then((options) => callback(options))
+        .catch(() => callback([]));
+    },
+    [loadOptions],
+  );
+
+  return (
+    <div data-testid={testId} className={cn("w-full", className)}>
+      <AsyncSelect
+        loadOptions={handleLoadOptions}
+        value={value}
+        defaultValue={defaultValue}
+        placeholder={placeholder}
+        isDisabled={disabled}
+        isClearable={isClearable}
+        isLoading={isLoading}
+        cacheOptions={cacheOptions}
+        defaultOptions={defaultOptions}
+        onChange={onChange}
+        onMenuScrollToBottom={onMenuScrollToBottom}
+        styles={customStyles}
+        className="w-full"
+      />
+      {errorMessage && (
+        <p
+          data-testid="repo-dropdown-error"
+          className="text-red-500 text-sm mt-1"
+        >
+          {errorMessage}
+        </p>
+      )}
+    </div>
+  );
+}

frontend/src/components/common/react-select-dropdown.tsx

@@ -0,0 +1,57 @@
+import { useMemo } from "react";
+import Select from "react-select";
+import { cn } from "#/utils/utils";
+import { SelectOptionBase, getCustomStyles } from "./react-select-styles";
+
+export type SelectOption = SelectOptionBase;
+
+export interface ReactSelectDropdownProps {
+  options: SelectOption[];
+  placeholder?: string;
+  value?: SelectOption | null;
+  defaultValue?: SelectOption | null;
+  className?: string;
+  errorMessage?: string;
+  disabled?: boolean;
+  isClearable?: boolean;
+  isSearchable?: boolean;
+  isLoading?: boolean;
+  onChange?: (option: SelectOption | null) => void;
+}
+
+export function ReactSelectDropdown({
+  options,
+  placeholder = "Select option...",
+  value,
+  defaultValue,
+  className,
+  errorMessage,
+  disabled = false,
+  isClearable = false,
+  isSearchable = true,
+  isLoading = false,
+  onChange,
+}: ReactSelectDropdownProps) {
+  const customStyles = useMemo(() => getCustomStyles<SelectOption>(), []);
+
+  return (
+    <div className={cn("w-full", className)}>
+      <Select
+        options={options}
+        value={value}
+        defaultValue={defaultValue}
+        placeholder={placeholder}
+        isDisabled={disabled}
+        isClearable={isClearable}
+        isSearchable={isSearchable}
+        isLoading={isLoading}
+        onChange={onChange}
+        styles={customStyles}
+        className="w-full"
+      />
+      {errorMessage && (
+        <p className="text-red-500 text-sm mt-1">{errorMessage}</p>
+      )}
+    </div>
+  );
+}

frontend/src/components/common/react-select-styles.ts

@@ -0,0 +1,92 @@
+import { StylesConfig } from "react-select";
+
+export interface SelectOptionBase {
+  value: string;
+  label: string;
+}
+
+export const getCustomStyles = <T extends SelectOptionBase>(): StylesConfig<
+  T,
+  false
+> => ({
+  control: (provided, state) => ({
+    ...provided,
+    backgroundColor: state.isDisabled ? "#363636" : "#454545", // darker tertiary when disabled
+    border: "1px solid #717888",
+    borderRadius: "0.125rem",
+    minHeight: "2.5rem",
+    padding: "0 0.5rem",
+    boxShadow: state.isFocused ? "0 0 0 1px #717888" : "none",
+    opacity: state.isDisabled ? 0.6 : 1,
+    cursor: state.isDisabled ? "not-allowed" : "pointer",
+    "&:hover": {
+      borderColor: "#717888",
+    },
+  }),
+  input: (provided) => ({
+    ...provided,
+    color: "#ECEDEE", // content
+  }),
+  placeholder: (provided) => ({
+    ...provided,
+    fontStyle: "italic",
+    color: "#B7BDC2", // tertiary-light
+  }),
+  singleValue: (provided, state) => ({
+    ...provided,
+    color: state.isDisabled ? "#B7BDC2" : "#ECEDEE", // tertiary-light when disabled, content otherwise
+  }),
+  menu: (provided) => ({
+    ...provided,
+    backgroundColor: "#454545", // tertiary
+    border: "1px solid #717888",
+    borderRadius: "0.75rem",
+    overflow: "hidden", // ensure menu items don't overflow rounded corners
+  }),
+  menuList: (provided) => ({
+    ...provided,
+    padding: "0.25rem", // add some padding around menu items
+  }),
+  option: (provided, state) => {
+    let backgroundColor = "transparent";
+    if (state.isSelected) {
+      backgroundColor = "#C9B974"; // primary for selected
+    } else if (state.isFocused) {
+      backgroundColor = "#24272E"; // base-secondary for hover/focus
+    }
+
+    return {
+      ...provided,
+      backgroundColor,
+      color: state.isSelected ? "#000000" : "#ECEDEE", // black text on yellow, white on gray
+      borderRadius: "0.5rem", // rounded menu items
+      margin: "0.125rem 0", // small gap between items
+      "&:hover": {
+        backgroundColor: state.isSelected ? "#C9B974" : "#24272E", // keep yellow if selected, else gray
+        color: state.isSelected ? "#000000" : "#ECEDEE", // maintain text color on hover
+      },
+      "&:active": {
+        backgroundColor: state.isSelected ? "#C9B974" : "#24272E",
+        color: state.isSelected ? "#000000" : "#ECEDEE",
+      },
+    };
+  },
+  clearIndicator: (provided) => ({
+    ...provided,
+    color: "#B7BDC2", // tertiary-light
+    "&:hover": {
+      color: "#ECEDEE", // content
+    },
+  }),
+  dropdownIndicator: (provided) => ({
+    ...provided,
+    color: "#B7BDC2", // tertiary-light
+    "&:hover": {
+      color: "#ECEDEE", // content
+    },
+  }),
+  loadingIndicator: (provided) => ({
+    ...provided,
+    color: "#B7BDC2", // tertiary-light
+  }),
+});

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

@@ -9,7 +9,6 @@ import { CopyToClipboardButton } from "#/components/shared/buttons/copy-to-clipb
 import { anchor } from "../markdown/anchor";
 import { OpenHandsSourceType } from "#/types/core/base";
 import { paragraph } from "../markdown/paragraph";
-import { TooltipButton } from "#/components/shared/buttons/tooltip-button";
 
 interface ChatMessageProps {
   type: OpenHandsSourceType;
@@ -17,7 +16,6 @@ interface ChatMessageProps {
   actions?: Array<{
     icon: React.ReactNode;
     onClick: () => void;
-    tooltip?: string;
   }>;
 }
 
@@ -68,35 +66,17 @@ export function ChatMessage({
           "items-center gap-1",
         )}
       >
-        {actions?.map((action, index) =>
-          action.tooltip ? (
-            <TooltipButton
-              key={index}
-              tooltip={action.tooltip}
-              ariaLabel={action.tooltip}
-              placement="top"
-            >
-              <button
-                type="button"
-                onClick={action.onClick}
-                className="button-base p-1 cursor-pointer"
-                aria-label={`Action ${index + 1}`}
-              >
-                {action.icon}
-              </button>
-            </TooltipButton>
-          ) : (
-            <button
-              key={index}
-              type="button"
-              onClick={action.onClick}
-              className="button-base p-1 cursor-pointer"
-              aria-label={`Action ${index + 1}`}
-            >
-              {action.icon}
-            </button>
-          ),
-        )}
+        {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}

frontend/src/components/features/chat/event-content-helpers/get-observation-content.ts

@@ -72,9 +72,6 @@ const getRecallObservationContent = (event: RecallObservation): string => {
     if (event.extras.repo_instructions) {
       content += `\n\n**Repository Instructions:**\n\n${event.extras.repo_instructions}`;
     }
-    if (event.extras.conversation_instructions) {
-      content += `\n\n**Conversation Instructions:**\n\n${event.extras.conversation_instructions}`;
-    }
     if (event.extras.additional_agent_instructions) {
       content += `\n\n**Additional Instructions:**\n\n${event.extras.additional_agent_instructions}`;
     }

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

@@ -46,7 +46,6 @@ interface EventMessageProps {
   actions?: Array<{
     icon: React.ReactNode;
     onClick: () => void;
-    tooltip?: string;
   }>;
   isInLast10Actions: boolean;
 }

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

@@ -1,5 +1,4 @@
 import React from "react";
-import { useTranslation } from "react-i18next";
 import { createPortal } from "react-dom";
 import { OpenHandsAction } from "#/types/core/actions";
 import { OpenHandsObservation } from "#/types/core/observations";
@@ -25,17 +24,6 @@ import { AgentState } from "#/types/agent-state";
 import { getFirstPRUrl } from "#/utils/parse-pr-url";
 import MemoryIcon from "#/icons/memory_icon.svg?react";
 
-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;
-
 interface MessagesProps {
   messages: (OpenHandsAction | OpenHandsObservation)[];
   isAwaitingUserConfirmation: boolean;
@@ -43,11 +31,8 @@ interface MessagesProps {
 
 export const Messages: React.FC<MessagesProps> = React.memo(
   ({ messages, isAwaitingUserConfirmation }) => {
-    const {
-      createConversationAndSubscribe,
-      isPending,
-      unsubscribeFromConversation,
-    } = useCreateConversationAndSubscribeMultiple();
+    const { createConversationAndSubscribe, isPending } =
+      useCreateConversationAndSubscribeMultiple();
     const { getOptimisticUserMessage } = useOptimisticUserMessage();
     const { conversationId } = useConversationId();
     const { data: conversation } = useUserConversation(conversationId);
@@ -63,8 +48,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
       EventMicroagentStatus[]
     >([]);
 
-    const { t } = useTranslation();
-
     const actionHasObservationPair = React.useCallback(
       (event: OpenHandsAction | OpenHandsObservation): boolean => {
         if (isOpenHandsAction(event)) {
@@ -110,6 +93,20 @@ export const Messages: React.FC<MessagesProps> = React.memo(
 
     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) =>
@@ -122,11 +119,7 @@ export const Messages: React.FC<MessagesProps> = React.memo(
           isOpenHandsEvent(socketEvent) &&
           isAgentStateChangeObservation(socketEvent)
         ) {
-          // Handle completion states
-          if (
-            socketEvent.extras.agent_state === AgentState.FINISHED ||
-            socketEvent.extras.agent_state === AgentState.AWAITING_USER_INPUT
-          ) {
+          if (socketEvent.extras.agent_state === AgentState.FINISHED) {
             setMicroagentStatuses((prev) =>
               prev.map((statusEntry) =>
                 statusEntry.conversationId === microagentConversationId
@@ -134,8 +127,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
                   : statusEntry,
               ),
             );
-
-            unsubscribeFromConversation(microagentConversationId);
           }
         } else if (
           isOpenHandsEvent(socketEvent) &&
@@ -156,27 +147,9 @@ export const Messages: React.FC<MessagesProps> = React.memo(
               ),
             );
           }
-
-          unsubscribeFromConversation(microagentConversationId);
-        } else {
-          // For any other event, transition from WAITING to CREATING if still waiting
-          setMicroagentStatuses((prev) => {
-            const currentStatus = prev.find(
-              (entry) => entry.conversationId === microagentConversationId,
-            )?.status;
-
-            if (currentStatus === MicroagentStatus.WAITING) {
-              return prev.map((statusEntry) =>
-                statusEntry.conversationId === microagentConversationId
-                  ? { ...statusEntry, status: MicroagentStatus.CREATING }
-                  : statusEntry,
-              );
-            }
-            return prev; // No change needed
-          });
         }
       },
-      [setMicroagentStatuses, unsubscribeFromConversation],
+      [setMicroagentStatuses],
     );
 
     const handleLaunchMicroagent = (
@@ -205,13 +178,13 @@ export const Messages: React.FC<MessagesProps> = React.memo(
         },
         onSuccessCallback: (newConversationId: string) => {
           setShowLaunchMicroagentModal(false);
-          // Update status with conversation ID - start with WAITING
+          // Update status with conversation ID
           setMicroagentStatuses((prev) => [
             ...prev.filter((status) => status.eventId !== selectedEventId),
             {
               eventId: selectedEventId,
               conversationId: newConversationId,
-              status: MicroagentStatus.WAITING,
+              status: MicroagentStatus.CREATING,
             },
           ]);
         },
@@ -246,7 +219,6 @@ export const Messages: React.FC<MessagesProps> = React.memo(
                         setSelectedEventId(message.id);
                         setShowLaunchMicroagentModal(true);
                       },
-                      tooltip: t("MICROAGENT$ADD_TO_MEMORY"),
                     },
                   ]
                 : undefined

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

@@ -76,10 +76,6 @@ export function LaunchMicroagentModal({
             </button>
           </div>
 
-          <span className="text-sm text-[#A3A3A3] font-normal leading-5">
-            {t("MICROAGENT$DEFINITION")}
-          </span>
-
           <form
             data-testid="launch-microagent-modal"
             onSubmit={onSubmit}

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

@@ -19,8 +19,6 @@ export function MicroagentStatusIndicator({
 
   const getStatusText = () => {
     switch (status) {
-      case MicroagentStatus.WAITING:
-        return t("MICROAGENT$STATUS_WAITING");
       case MicroagentStatus.CREATING:
         return t("MICROAGENT$STATUS_CREATING");
       case MicroagentStatus.COMPLETED:
@@ -37,8 +35,6 @@ export function MicroagentStatusIndicator({
 
   const getStatusIcon = () => {
     switch (status) {
-      case MicroagentStatus.WAITING:
-        return <Spinner size="sm" />;
       case MicroagentStatus.CREATING:
         return <Spinner size="sm" />;
       case MicroagentStatus.COMPLETED:

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

@@ -10,11 +10,6 @@ interface ConversationCreatedToastProps {
   onClose: () => void;
 }
 
-interface ConversationStartingToastProps {
-  conversationId: string;
-  onClose: () => void;
-}
-
 function ConversationCreatedToast({
   conversationId,
   onClose,
@@ -42,33 +37,6 @@ function ConversationCreatedToast({
   );
 }
 
-function ConversationStartingToast({
-  conversationId,
-  onClose,
-}: ConversationStartingToastProps) {
-  const { t } = useTranslation();
-  return (
-    <div className="flex items-start gap-2">
-      <Spinner size="sm" />
-      <div>
-        {t("MICROAGENT$CONVERSATION_STARTING")}
-        <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;
@@ -110,18 +78,10 @@ function ConversationErroredToast({
   errorMessage,
   onClose,
 }: ConversationErroredToastProps) {
-  const { t } = useTranslation();
-
-  // Check if the error message is a translation key
-  const displayMessage =
-    errorMessage === "MICROAGENT$UNKNOWN_ERROR"
-      ? t(errorMessage)
-      : errorMessage;
-
   return (
     <div className="flex items-start gap-2">
       <SuccessIndicator status="error" />
-      <div>{displayMessage}</div>
+      <div>{errorMessage}</div>
       <button type="button" onClick={onClose}>
         <CloseIcon />
       </button>
@@ -176,18 +136,3 @@ export const renderConversationErroredToast = (
       duration: 5000,
     },
   );
-
-export const renderConversationStartingToast = (conversationId: string) =>
-  toast(
-    (toastInstance) => (
-      <ConversationStartingToast
-        conversationId={conversationId}
-        onClose={() => toast.dismiss(toastInstance.id)}
-      />
-    ),
-    {
-      ...TOAST_OPTIONS,
-      id: `starting-${conversationId}`,
-      duration: 10000, // Show for 10 seconds or until dismissed
-    },
-  );

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

@@ -7,10 +7,11 @@ import { ConversationCard } from "../conversation-panel/conversation-card";
 import { Provider } from "#/types/settings";
 
 interface ControlsProps {
+  setSecurityOpen: (isOpen: boolean) => void;
   showSecurityLock: boolean;
 }
 
-export function Controls({ showSecurityLock }: ControlsProps) {
+export function Controls({ setSecurityOpen, showSecurityLock }: ControlsProps) {
   const { data: conversation } = useActiveConversation();
   const [contextMenuOpen, setContextMenuOpen] = React.useState(false);
 
@@ -20,7 +21,9 @@ export function Controls({ showSecurityLock }: ControlsProps) {
         <AgentControlBar />
         <AgentStatusBar />
 
-        {showSecurityLock && <SecurityLock />}
+        {showSecurityLock && (
+          <SecurityLock onClick={() => setSecurityOpen(true)} />
+        )}
       </div>
 
       <ConversationCard

frontend/src/components/features/controls/security-lock.tsx

@@ -1,28 +1,17 @@
 import { IoLockClosed } from "react-icons/io5";
-import { Tooltip } from "@heroui/react";
-import { useTranslation } from "react-i18next";
-import { Link } from "react-router";
-import { I18nKey } from "#/i18n/declaration";
 
-export function SecurityLock() {
-  const { t } = useTranslation();
+interface SecurityLockProps {
+  onClick: () => void;
+}
 
+export function SecurityLock({ onClick }: SecurityLockProps) {
   return (
-    <Tooltip
-      content={
-        <div className="max-w-xs p-2">
-          {t(I18nKey.SETTINGS$CONFIRMATION_MODE_LOCK_TOOLTIP)}
-        </div>
-      }
-      placement="top"
+    <div
+      className="cursor-pointer hover:opacity-80 transition-all"
+      style={{ marginRight: "8px" }}
+      onClick={onClick}
     >
-      <Link
-        to="/settings"
-        className="mr-2 cursor-pointer hover:opacity-80 transition-all"
-        aria-label={t(I18nKey.SETTINGS$TITLE)}
-      >
-        <IoLockClosed size={20} />
-      </Link>
-    </Tooltip>
+      <IoLockClosed size={20} />
+    </div>
   );
 }

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

@@ -23,9 +23,9 @@ export function ConfirmStopModal({
     <ModalBackdrop>
       <ModalBody className="items-start border border-tertiary">
         <div className="flex flex-col gap-2">
-          <BaseModalTitle title={t(I18nKey.CONVERSATION$CONFIRM_PAUSE)} />
+          <BaseModalTitle title={t(I18nKey.CONVERSATION$CONFIRM_STOP)} />
           <BaseModalDescription
-            description={t(I18nKey.CONVERSATION$PAUSE_WARNING)}
+            description={t(I18nKey.CONVERSATION$STOP_WARNING)}
           />
         </div>
         <div

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

@@ -129,7 +129,7 @@ export function ConversationCardContextMenu({
 
       {onStop && (
         <ContextMenuListItem testId="stop-button" onClick={onStop}>
-          <ContextMenuIconText icon={Power} text={t(I18nKey.BUTTON$PAUSE)} />
+          <ContextMenuIconText icon={Power} text={t(I18nKey.BUTTON$STOP)} />
         </ContextMenuListItem>
       )}
 

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

@@ -1,6 +1,4 @@
 import { ConversationStatus } from "#/types/conversation-status";
-import ArchivedIcon from "./state-indicators/archived.svg?react";
-import ErrorIcon from "./state-indicators/error.svg?react";
 import RunningIcon from "./state-indicators/running.svg?react";
 import StartingIcon from "./state-indicators/starting.svg?react";
 import StoppedIcon from "./state-indicators/stopped.svg?react";
@@ -11,8 +9,6 @@ const CONVERSATION_STATUS_INDICATORS: Record<ConversationStatus, SVGIcon> = {
   STOPPED: StoppedIcon,
   RUNNING: RunningIcon,
   STARTING: StartingIcon,
-  ARCHIVED: ArchivedIcon,
-  ERROR: ErrorIcon,
 };
 
 interface ConversationStateIndicatorProps {

frontend/src/components/features/conversation-panel/state-indicators/archived.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#A7A9AC"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M17 7h-4v1.9h4c1.71 0 3.1 1.39 3.1 3.1 0 1.43-.98 2.63-2.31 2.98l1.46 1.46C20.88 15.61 22 13.95 22 12c0-2.76-2.24-5-5-5zm-1 4h-2.19l2 2H16zM2 4.27l3.11 3.11C3.29 8.12 2 9.91 2 12c0 2.76 2.24 5 5 5h4v-1.9H7c-1.71 0-3.1-1.39-3.1-3.1 0-1.59 1.21-2.9 2.76-3.07L8.73 11H8v2h2.73L13 15.27V17h1.73l4.01 4L20 19.74 3.27 3 2 4.27z"/><path d="M0 24V0" fill="none"/></svg>

frontend/src/components/features/conversation-panel/state-indicators/error.svg

@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#e7000b"><path d="M0 0h24v24H0z" fill="none"/><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm1 15h-2v-2h2v2zm0-4h-2V7h2v6z"/></svg>

frontend/src/components/features/home/git-branch-dropdown/branch-dropdown-menu.tsx

@@ -1,86 +0,0 @@
-import React from "react";
-import {
-  UseComboboxGetMenuPropsOptions,
-  UseComboboxGetItemPropsOptions,
-} from "downshift";
-import { Branch } from "#/types/git";
-import { DropdownItem } from "../shared/dropdown-item";
-import { GenericDropdownMenu, EmptyState } from "../shared";
-
-export interface BranchDropdownMenuProps {
-  isOpen: boolean;
-  filteredBranches: Branch[];
-  inputValue: string;
-  highlightedIndex: number;
-  selectedItem: Branch | null;
-  getMenuProps: <Options>(
-    options?: UseComboboxGetMenuPropsOptions & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  getItemProps: <Options>(
-    options: UseComboboxGetItemPropsOptions<Branch> & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  onScroll: (event: React.UIEvent<HTMLUListElement>) => void;
-  menuRef: React.RefObject<HTMLUListElement | null>;
-}
-
-export function BranchDropdownMenu({
-  isOpen,
-  filteredBranches,
-  inputValue,
-  highlightedIndex,
-  selectedItem,
-  getMenuProps,
-  getItemProps,
-  onScroll,
-  menuRef,
-}: BranchDropdownMenuProps) {
-  const renderItem = (
-    branch: Branch,
-    index: number,
-    currentHighlightedIndex: number,
-    currentSelectedItem: Branch | null,
-    currentGetItemProps: <Options>(
-      options: UseComboboxGetItemPropsOptions<Branch> & Options,
-    ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any
-  ) => (
-    <DropdownItem
-      key={branch.name}
-      item={branch}
-      index={index}
-      isHighlighted={currentHighlightedIndex === index}
-      isSelected={currentSelectedItem?.name === branch.name}
-      getItemProps={currentGetItemProps}
-      getDisplayText={(branchItem) => branchItem.name}
-      getItemKey={(branchItem) => branchItem.name}
-    />
-  );
-
-  const renderEmptyState = (currentInputValue: string) => (
-    <li className="px-3 py-2">
-      <EmptyState
-        inputValue={currentInputValue}
-        searchMessage="No branches found"
-        emptyMessage="No branches available"
-        testId="git-branch-dropdown-empty"
-      />
-    </li>
-  );
-
-  return (
-    <div data-testid="git-branch-dropdown-menu">
-      <GenericDropdownMenu
-        isOpen={isOpen}
-        filteredItems={filteredBranches}
-        inputValue={inputValue}
-        highlightedIndex={highlightedIndex}
-        selectedItem={selectedItem}
-        getMenuProps={getMenuProps}
-        getItemProps={getItemProps}
-        onScroll={onScroll}
-        menuRef={menuRef}
-        renderItem={renderItem}
-        renderEmptyState={renderEmptyState}
-      />
-    </div>
-  );
-}

frontend/src/components/features/home/git-branch-dropdown/git-branch-dropdown.tsx

@@ -1,236 +0,0 @@
-import React, {
-  useState,
-  useMemo,
-  useCallback,
-  useRef,
-  useEffect,
-} from "react";
-import { useCombobox } from "downshift";
-import { Branch } from "#/types/git";
-import { Provider } from "#/types/settings";
-import { useDebounce } from "#/hooks/use-debounce";
-import { cn } from "#/utils/utils";
-import { useBranchData } from "#/hooks/query/use-branch-data";
-import { LoadingSpinner } from "../shared/loading-spinner";
-import { ClearButton } from "../shared/clear-button";
-import { ToggleButton } from "../shared/toggle-button";
-import { ErrorMessage } from "../shared/error-message";
-import { BranchDropdownMenu } from "./branch-dropdown-menu";
-
-export interface GitBranchDropdownProps {
-  repository: string | null;
-  provider: Provider;
-  selectedBranch: Branch | null;
-  onBranchSelect: (branch: Branch | null) => void;
-  defaultBranch?: string | null;
-  placeholder?: string;
-  disabled?: boolean;
-  className?: string;
-}
-
-export function GitBranchDropdown({
-  repository,
-  provider,
-  selectedBranch,
-  onBranchSelect,
-  defaultBranch,
-  placeholder = "Select branch...",
-  disabled = false,
-  className,
-}: GitBranchDropdownProps) {
-  const [inputValue, setInputValue] = useState("");
-  const [userManuallyCleared, setUserManuallyCleared] = useState(false);
-  const debouncedInputValue = useDebounce(inputValue, 300);
-  const menuRef = useRef<HTMLUListElement>(null);
-
-  // Process search input (debounced and filtered)
-  const processedSearchInput = useMemo(
-    () =>
-      debouncedInputValue.trim().length > 0 ? debouncedInputValue.trim() : "",
-    [debouncedInputValue],
-  );
-
-  // Use the new branch data hook with default branch prioritization
-  const {
-    branches: filteredBranches,
-    isLoading,
-    isError,
-    fetchNextPage,
-    hasNextPage,
-    isFetchingNextPage,
-    isSearchLoading,
-  } = useBranchData(
-    repository,
-    provider,
-    defaultBranch || null,
-    processedSearchInput,
-    inputValue,
-    selectedBranch,
-  );
-
-  const error = isError ? new Error("Failed to load branches") : null;
-
-  // Handle clear
-  const handleClear = useCallback(() => {
-    setInputValue("");
-    onBranchSelect(null);
-    setUserManuallyCleared(true); // Mark that user manually cleared the branch
-  }, [onBranchSelect]);
-
-  // Handle branch selection
-  const handleBranchSelect = useCallback(
-    (branch: Branch | null) => {
-      onBranchSelect(branch);
-      setInputValue("");
-    },
-    [onBranchSelect],
-  );
-
-  // Handle input value change
-  const handleInputValueChange = useCallback(
-    ({ inputValue: newInputValue }: { inputValue?: string }) => {
-      if (newInputValue !== undefined) {
-        setInputValue(newInputValue);
-      }
-    },
-    [],
-  );
-
-  // Handle menu scroll for infinite loading
-  const handleMenuScroll = useCallback(
-    (event: React.UIEvent<HTMLUListElement>) => {
-      const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-      if (
-        scrollHeight - scrollTop <= clientHeight * 1.5 &&
-        hasNextPage &&
-        !isFetchingNextPage
-      ) {
-        fetchNextPage();
-      }
-    },
-    [hasNextPage, isFetchingNextPage, fetchNextPage],
-  );
-
-  // Downshift configuration
-  const {
-    isOpen,
-    selectedItem,
-    highlightedIndex,
-    getInputProps,
-    getItemProps,
-    getMenuProps,
-    getToggleButtonProps,
-  } = useCombobox({
-    items: filteredBranches,
-    selectedItem: selectedBranch,
-    itemToString: (item) => item?.name || "",
-    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {
-      handleBranchSelect(newSelectedItem || null);
-    },
-    onInputValueChange: handleInputValueChange,
-    inputValue,
-  });
-
-  // Reset branch selection when repository changes
-  useEffect(() => {
-    if (repository) {
-      onBranchSelect(null);
-      setUserManuallyCleared(false); // Reset the manual clear flag when repository changes
-    }
-  }, [repository, onBranchSelect]);
-
-  // Auto-select default branch when branches are loaded and no branch is selected
-  // But only if the user hasn't manually cleared the branch
-  useEffect(() => {
-    if (
-      repository &&
-      defaultBranch &&
-      !selectedBranch &&
-      !userManuallyCleared && // Don't auto-select if user manually cleared
-      filteredBranches.length > 0 &&
-      !isLoading
-    ) {
-      const defaultBranchObj = filteredBranches.find(
-        (branch) => branch.name === defaultBranch,
-      );
-
-      if (defaultBranchObj) {
-        onBranchSelect(defaultBranchObj);
-      }
-    }
-  }, [
-    repository,
-    defaultBranch,
-    selectedBranch,
-    userManuallyCleared,
-    filteredBranches,
-    onBranchSelect,
-    isLoading,
-  ]);
-
-  // Reset input when repository changes
-  useEffect(() => {
-    setInputValue("");
-  }, [repository]);
-
-  // Initialize input value when selectedBranch changes (but not when user is typing)
-  useEffect(() => {
-    if (selectedBranch && !isOpen && inputValue !== selectedBranch.name) {
-      setInputValue(selectedBranch.name);
-    } else if (!selectedBranch && !isOpen && inputValue) {
-      setInputValue("");
-    }
-  }, [selectedBranch, isOpen, inputValue]);
-
-  const isLoadingState = isLoading || isSearchLoading || isFetchingNextPage;
-
-  return (
-    <div className={cn("relative", className)}>
-      <div className="relative">
-        <input
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...getInputProps({
-            disabled: disabled || !repository,
-            placeholder,
-            className: cn(
-              "w-full px-3 py-2 border border-[#717888] rounded-sm shadow-sm min-h-[2.5rem]",
-              "bg-[#454545] text-[#ECEDEE] placeholder:text-[#B7BDC2] placeholder:italic",
-              "focus:outline-none focus:ring-1 focus:ring-[#717888] focus:border-[#717888]",
-              "disabled:bg-[#363636] disabled:cursor-not-allowed disabled:opacity-60",
-              "pr-10", // Space for toggle button
-            ),
-          })}
-          data-testid="git-branch-dropdown-input"
-        />
-
-        <div className="absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1">
-          {selectedBranch && (
-            <ClearButton disabled={disabled} onClear={handleClear} />
-          )}
-
-          <ToggleButton
-            isOpen={isOpen}
-            disabled={disabled || !repository}
-            getToggleButtonProps={getToggleButtonProps}
-          />
-        </div>
-
-        {isLoadingState && <LoadingSpinner hasSelection={!!selectedBranch} />}
-      </div>
-
-      <BranchDropdownMenu
-        isOpen={isOpen}
-        filteredBranches={filteredBranches}
-        inputValue={inputValue}
-        highlightedIndex={highlightedIndex}
-        selectedItem={selectedItem}
-        getMenuProps={getMenuProps}
-        getItemProps={getItemProps}
-        onScroll={handleMenuScroll}
-        menuRef={menuRef}
-      />
-
-      <ErrorMessage isError={!!error} />
-    </div>
-  );
-}

frontend/src/components/features/home/git-branch-dropdown/index.ts

@@ -1,3 +0,0 @@
-export { GitBranchDropdown } from "./git-branch-dropdown";
-export { BranchDropdownMenu } from "./branch-dropdown-menu";
-export type { GitBranchDropdownProps } from "./git-branch-dropdown";

frontend/src/components/features/home/git-provider-dropdown/git-provider-dropdown.tsx

@@ -1,193 +0,0 @@
-import React, { useState, useMemo, useEffect } from "react";
-import { useCombobox } from "downshift";
-import { Provider } from "#/types/settings";
-import { cn } from "#/utils/utils";
-import { DropdownItem } from "../shared/dropdown-item";
-import { GenericDropdownMenu } from "../shared/generic-dropdown-menu";
-import { ToggleButton } from "../shared/toggle-button";
-import { LoadingSpinner } from "../shared/loading-spinner";
-import { ErrorMessage } from "../shared/error-message";
-import { EmptyState } from "../shared/empty-state";
-
-export interface GitProviderDropdownProps {
-  providers: Provider[];
-  value?: Provider | null;
-  placeholder?: string;
-  className?: string;
-  errorMessage?: string;
-  disabled?: boolean;
-  isLoading?: boolean;
-  onChange?: (provider: Provider | null) => void;
-}
-
-export function GitProviderDropdown({
-  providers,
-  value,
-  placeholder = "Select Provider",
-  className,
-  errorMessage,
-  disabled = false,
-  isLoading = false,
-  onChange,
-}: GitProviderDropdownProps) {
-  const [inputValue, setInputValue] = useState("");
-  const [localSelectedItem, setLocalSelectedItem] = useState<Provider | null>(
-    value || null,
-  );
-
-  // Format provider names for display
-  const formatProviderName = (provider: Provider): string => {
-    switch (provider) {
-      case "github":
-        return "GitHub";
-      case "gitlab":
-        return "GitLab";
-      case "bitbucket":
-        return "Bitbucket";
-      case "enterprise_sso":
-        return "Enterprise SSO";
-      default:
-        // Fallback for any future provider types
-        return (
-          (provider as string).charAt(0).toUpperCase() +
-          (provider as string).slice(1)
-        );
-    }
-  };
-
-  // Filter providers based on input value
-  const filteredProviders = useMemo(() => {
-    // If we have a selected provider and the input matches it exactly, show all providers
-    if (
-      localSelectedItem &&
-      inputValue === formatProviderName(localSelectedItem)
-    ) {
-      return providers;
-    }
-
-    // If no input value, show all providers
-    if (!inputValue || !inputValue.trim()) {
-      return providers;
-    }
-
-    // Filter providers based on input
-    return providers.filter((provider) =>
-      formatProviderName(provider)
-        .toLowerCase()
-        .includes(inputValue.toLowerCase()),
-    );
-  }, [providers, inputValue, localSelectedItem]);
-
-  const {
-    isOpen,
-    getToggleButtonProps,
-    getMenuProps,
-    getInputProps,
-    highlightedIndex,
-    getItemProps,
-    selectedItem,
-  } = useCombobox({
-    items: filteredProviders,
-    itemToString: (item) => (item ? formatProviderName(item) : ""),
-    selectedItem: localSelectedItem,
-    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {
-      setLocalSelectedItem(newSelectedItem || null);
-      onChange?.(newSelectedItem || null);
-    },
-    onInputValueChange: ({ inputValue: newInputValue }) => {
-      setInputValue(newInputValue || "");
-    },
-    inputValue,
-  });
-
-  // Sync with external value prop
-  useEffect(() => {
-    if (value !== localSelectedItem) {
-      setLocalSelectedItem(value || null);
-    }
-  }, [value, localSelectedItem]);
-
-  // Update input value when selection changes (but not when user is typing)
-  useEffect(() => {
-    if (selectedItem && !isOpen) {
-      setInputValue(formatProviderName(selectedItem));
-    } else if (!selectedItem) {
-      setInputValue("");
-    }
-  }, [selectedItem, isOpen]);
-
-  const renderItem = (
-    item: Provider,
-    index: number,
-    currentHighlightedIndex: number,
-    currentSelectedItem: Provider | null,
-    currentGetItemProps: any, // eslint-disable-line @typescript-eslint/no-explicit-any
-  ) => (
-    <DropdownItem
-      key={item}
-      item={item}
-      index={index}
-      isHighlighted={index === currentHighlightedIndex}
-      isSelected={item === currentSelectedItem}
-      getItemProps={currentGetItemProps}
-      getDisplayText={formatProviderName}
-      getItemKey={(provider) => provider}
-    />
-  );
-
-  const renderEmptyState = (currentInputValue: string) => (
-    <EmptyState
-      inputValue={currentInputValue}
-      searchMessage="No providers found"
-      emptyMessage="No providers available"
-      testId="git-provider-dropdown-empty"
-    />
-  );
-
-  return (
-    <div className={cn("relative", className)}>
-      <div className="relative">
-        <input
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...getInputProps({
-            disabled,
-            placeholder,
-            readOnly: true, // Make it non-searchable like the original
-            className: cn(
-              "w-full px-3 py-2 border border-[#717888] rounded-sm shadow-sm min-h-[2.5rem]",
-              "bg-[#454545] text-[#ECEDEE] placeholder:text-[#B7BDC2] placeholder:italic",
-              "focus:outline-none focus:ring-1 focus:ring-[#717888] focus:border-[#717888]",
-              "disabled:bg-[#363636] disabled:cursor-not-allowed disabled:opacity-60",
-              "pr-10 cursor-pointer", // Space for toggle button and pointer cursor
-            ),
-          })}
-          data-testid="git-provider-dropdown"
-        />
-
-        <div className="absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1">
-          <ToggleButton
-            isOpen={isOpen}
-            disabled={disabled}
-            getToggleButtonProps={getToggleButtonProps}
-          />
-        </div>
-
-        {isLoading && <LoadingSpinner hasSelection={!!selectedItem} />}
-      </div>
-
-      <GenericDropdownMenu
-        isOpen={isOpen}
-        filteredItems={filteredProviders}
-        inputValue={inputValue}
-        highlightedIndex={highlightedIndex}
-        selectedItem={selectedItem}
-        getMenuProps={getMenuProps}
-        getItemProps={getItemProps}
-        renderItem={renderItem}
-        renderEmptyState={renderEmptyState}
-      />
-
-      <ErrorMessage isError={!!errorMessage} message={errorMessage} />
-    </div>
-  );
-}

frontend/src/components/features/home/git-provider-dropdown/index.ts

@@ -1,2 +0,0 @@
-export { GitProviderDropdown } from "./git-provider-dropdown";
-export type { GitProviderDropdownProps } from "./git-provider-dropdown";

frontend/src/components/features/home/git-repo-dropdown/dropdown-menu.tsx

@@ -1,79 +0,0 @@
-import React from "react";
-import {
-  UseComboboxGetMenuPropsOptions,
-  UseComboboxGetItemPropsOptions,
-} from "downshift";
-import { GitRepository } from "#/types/git";
-import { DropdownItem } from "../shared/dropdown-item";
-import { GenericDropdownMenu, EmptyState } from "../shared";
-
-interface DropdownMenuProps {
-  isOpen: boolean;
-  filteredRepositories: GitRepository[];
-  inputValue: string;
-  highlightedIndex: number;
-  selectedItem: GitRepository | null;
-  getMenuProps: <Options>(
-    options?: UseComboboxGetMenuPropsOptions & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  getItemProps: <Options>(
-    options: UseComboboxGetItemPropsOptions<GitRepository> & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  onScroll: (event: React.UIEvent<HTMLUListElement>) => void;
-  menuRef: React.RefObject<HTMLUListElement | null>;
-}
-
-export function DropdownMenu({
-  isOpen,
-  filteredRepositories,
-  inputValue,
-  highlightedIndex,
-  selectedItem,
-  getMenuProps,
-  getItemProps,
-  onScroll,
-  menuRef,
-}: DropdownMenuProps) {
-  const renderItem = (
-    repository: GitRepository,
-    index: number,
-    currentHighlightedIndex: number,
-    currentSelectedItem: GitRepository | null,
-    currentGetItemProps: <Options>(
-      options: UseComboboxGetItemPropsOptions<GitRepository> & Options,
-    ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any
-  ) => (
-    <DropdownItem
-      key={repository.id}
-      item={repository}
-      index={index}
-      isHighlighted={currentHighlightedIndex === index}
-      isSelected={currentSelectedItem?.id === repository.id}
-      getItemProps={currentGetItemProps}
-      getDisplayText={(repo) => repo.full_name}
-      getItemKey={(repo) => repo.id.toString()}
-    />
-  );
-
-  const renderEmptyState = (currentInputValue: string) => (
-    <EmptyState inputValue={currentInputValue} />
-  );
-
-  return (
-    <div data-testid="git-repo-dropdown-menu">
-      <GenericDropdownMenu
-        isOpen={isOpen}
-        filteredItems={filteredRepositories}
-        inputValue={inputValue}
-        highlightedIndex={highlightedIndex}
-        selectedItem={selectedItem}
-        getMenuProps={getMenuProps}
-        getItemProps={getItemProps}
-        onScroll={onScroll}
-        menuRef={menuRef}
-        renderItem={renderItem}
-        renderEmptyState={renderEmptyState}
-      />
-    </div>
-  );
-}

frontend/src/components/features/home/git-repo-dropdown/git-repo-dropdown.tsx

@@ -1,243 +0,0 @@
-import React, {
-  useState,
-  useMemo,
-  useCallback,
-  useRef,
-  useEffect,
-} from "react";
-import { useCombobox } from "downshift";
-import { Provider } from "#/types/settings";
-import { GitRepository } from "#/types/git";
-import { useDebounce } from "#/hooks/use-debounce";
-import { cn } from "#/utils/utils";
-import { LoadingSpinner } from "../shared/loading-spinner";
-import { ClearButton } from "../shared/clear-button";
-import { ToggleButton } from "../shared/toggle-button";
-import { ErrorMessage } from "../shared/error-message";
-import { useUrlSearch } from "./use-url-search";
-import { useRepositoryData } from "./use-repository-data";
-import { DropdownMenu } from "./dropdown-menu";
-
-export interface GitRepoDropdownProps {
-  provider: Provider;
-  value?: string | null;
-  placeholder?: string;
-  className?: string;
-  disabled?: boolean;
-  onChange?: (repository?: GitRepository) => void;
-}
-
-export function GitRepoDropdown({
-  provider,
-  value,
-  placeholder = "Search repositories...",
-  className,
-  disabled = false,
-  onChange,
-}: GitRepoDropdownProps) {
-  const [inputValue, setInputValue] = useState("");
-  const [localSelectedItem, setLocalSelectedItem] =
-    useState<GitRepository | null>(null);
-  const debouncedInputValue = useDebounce(inputValue, 300);
-  const menuRef = useRef<HTMLUListElement>(null);
-
-  // Process search input to handle URLs
-  const processedSearchInput = useMemo(() => {
-    if (debouncedInputValue.startsWith("https://")) {
-      const match = debouncedInputValue.match(
-        /https:\/\/[^/]+\/([^/]+\/[^/]+)/,
-      );
-      return match ? match[1] : debouncedInputValue;
-    }
-    return debouncedInputValue;
-  }, [debouncedInputValue]);
-
-  // URL search functionality
-  const { urlSearchResults, isUrlSearchLoading } = useUrlSearch(
-    inputValue,
-    provider,
-  );
-
-  // Repository data management
-  const {
-    repositories,
-    selectedRepository,
-    fetchNextPage,
-    hasNextPage,
-    isLoading,
-    isFetchingNextPage,
-    isError,
-    isSearchLoading,
-  } = useRepositoryData(
-    provider,
-    disabled,
-    processedSearchInput,
-    urlSearchResults,
-    inputValue,
-    value,
-  );
-
-  // Filter repositories based on input value
-  const filteredRepositories = useMemo(() => {
-    // If we have URL search results, show them directly (no filtering needed)
-    if (urlSearchResults.length > 0) {
-      return repositories;
-    }
-
-    // If we have a selected repository and the input matches it exactly, show all repositories
-    if (selectedRepository && inputValue === selectedRepository.full_name) {
-      return repositories;
-    }
-
-    // If no input value, show all repositories
-    if (!inputValue || !inputValue.trim()) {
-      return repositories;
-    }
-
-    // For URL inputs, use the processed search input for filtering
-    const filterText = inputValue.startsWith("https://")
-      ? processedSearchInput
-      : inputValue;
-
-    return repositories.filter((repo) =>
-      repo.full_name.toLowerCase().includes(filterText.toLowerCase()),
-    );
-  }, [
-    repositories,
-    inputValue,
-    selectedRepository,
-    urlSearchResults,
-    processedSearchInput,
-  ]);
-
-  // Handle selection
-  const handleSelectionChange = useCallback(
-    (selectedItem: GitRepository | null) => {
-      setLocalSelectedItem(selectedItem);
-      onChange?.(selectedItem || undefined);
-      // Update input value to show selected item
-      if (selectedItem) {
-        setInputValue(selectedItem.full_name);
-      }
-    },
-    [onChange],
-  );
-
-  // Handle clear selection
-  const handleClear = useCallback(() => {
-    setLocalSelectedItem(null);
-    handleSelectionChange(null);
-    setInputValue("");
-  }, [handleSelectionChange]);
-
-  // Handle input value change
-  const handleInputValueChange = useCallback(
-    ({ inputValue: newInputValue }: { inputValue?: string }) => {
-      setInputValue(newInputValue || "");
-    },
-    [],
-  );
-
-  // Handle scroll to bottom for pagination
-  const handleMenuScroll = useCallback(
-    (event: React.UIEvent<HTMLUListElement>) => {
-      const { scrollTop, scrollHeight, clientHeight } = event.currentTarget;
-      const isNearBottom = scrollTop + clientHeight >= scrollHeight - 10;
-
-      if (isNearBottom && hasNextPage && !isFetchingNextPage) {
-        fetchNextPage();
-      }
-    },
-    [hasNextPage, isFetchingNextPage, fetchNextPage],
-  );
-
-  const {
-    isOpen,
-    getToggleButtonProps,
-    getMenuProps,
-    getInputProps,
-    highlightedIndex,
-    getItemProps,
-    selectedItem,
-  } = useCombobox({
-    items: filteredRepositories,
-    itemToString: (item) => item?.full_name || "",
-    selectedItem: localSelectedItem,
-    onSelectedItemChange: ({ selectedItem: newSelectedItem }) => {
-      handleSelectionChange(newSelectedItem);
-    },
-    onInputValueChange: handleInputValueChange,
-    inputValue,
-  });
-
-  // Sync localSelectedItem with external value prop
-  useEffect(() => {
-    if (selectedRepository) {
-      setLocalSelectedItem(selectedRepository);
-    } else if (value === null) {
-      setLocalSelectedItem(null);
-    }
-  }, [selectedRepository, value]);
-
-  // Initialize input value when selectedRepository changes (but not when user is typing)
-  useEffect(() => {
-    if (selectedRepository && !isOpen) {
-      setInputValue(selectedRepository.full_name);
-    }
-  }, [selectedRepository, isOpen]);
-
-  const isLoadingState =
-    isLoading || isSearchLoading || isFetchingNextPage || isUrlSearchLoading;
-
-  return (
-    <div className={cn("relative", className)}>
-      <div className="relative">
-        <input
-          // eslint-disable-next-line react/jsx-props-no-spreading
-          {...getInputProps({
-            disabled,
-            placeholder,
-            className: cn(
-              "w-full px-3 py-2 border border-[#717888] rounded-sm shadow-sm min-h-[2.5rem]",
-              "bg-[#454545] text-[#ECEDEE] placeholder:text-[#B7BDC2] placeholder:italic",
-              "focus:outline-none focus:ring-1 focus:ring-[#717888] focus:border-[#717888]",
-              "disabled:bg-[#363636] disabled:cursor-not-allowed disabled:opacity-60",
-              "pr-10", // Space for toggle button
-            ),
-          })}
-          data-testid="git-repo-dropdown"
-        />
-
-        <div className="absolute right-2 top-1/2 transform -translate-y-1/2 flex items-center gap-1">
-          {selectedRepository && (
-            <ClearButton disabled={disabled} onClear={handleClear} />
-          )}
-
-          <ToggleButton
-            isOpen={isOpen}
-            disabled={disabled}
-            getToggleButtonProps={getToggleButtonProps}
-          />
-        </div>
-
-        {isLoadingState && (
-          <LoadingSpinner hasSelection={!!selectedRepository} />
-        )}
-      </div>
-
-      <DropdownMenu
-        isOpen={isOpen}
-        filteredRepositories={filteredRepositories}
-        inputValue={inputValue}
-        highlightedIndex={highlightedIndex}
-        selectedItem={selectedItem}
-        getMenuProps={getMenuProps}
-        getItemProps={getItemProps}
-        onScroll={handleMenuScroll}
-        menuRef={menuRef}
-      />
-
-      <ErrorMessage isError={isError} />
-    </div>
-  );
-}

frontend/src/components/features/home/git-repo-dropdown/index.tsx

@@ -1,10 +0,0 @@
-// Main component
-export { GitRepoDropdown } from "./git-repo-dropdown";
-export type { GitRepoDropdownProps } from "./git-repo-dropdown";
-
-// Repository-specific UI Components
-export { DropdownMenu } from "./dropdown-menu";
-
-// Repository-specific Custom Hooks
-export { useUrlSearch } from "./use-url-search";
-export { useRepositoryData } from "./use-repository-data";

frontend/src/components/features/home/git-repo-dropdown/use-repository-data.tsx

@@ -1,118 +0,0 @@
-import { useMemo, useEffect } from "react";
-import { Provider } from "#/types/settings";
-import { GitRepository } from "#/types/git";
-import { useGitRepositories } from "#/hooks/query/use-git-repositories";
-import { useSearchRepositories } from "#/hooks/query/use-search-repositories";
-
-export function useRepositoryData(
-  provider: Provider,
-  disabled: boolean,
-  processedSearchInput: string,
-  urlSearchResults: GitRepository[],
-  inputValue: string,
-  value?: string | null,
-) {
-  // Fetch user repositories with pagination
-  const {
-    data: repoData,
-    fetchNextPage,
-    hasNextPage,
-    isLoading,
-    isFetchingNextPage,
-    isError,
-  } = useGitRepositories({
-    provider,
-    enabled: !disabled,
-  });
-
-  // Search repositories when user types
-  const { data: searchData, isLoading: isSearchLoading } =
-    useSearchRepositories(processedSearchInput, provider);
-
-  // Combine all repositories from paginated data
-  const allRepositories = useMemo(
-    () => repoData?.pages?.flatMap((page) => page.data) || [],
-    [repoData],
-  );
-
-  // Find selected repository from all possible sources
-  const selectedRepository = useMemo(() => {
-    if (!value) return null;
-
-    // Search in all possible repository sources
-    const allPossibleRepos = [
-      ...allRepositories,
-      ...urlSearchResults,
-      ...(searchData || []),
-    ];
-
-    return allPossibleRepos.find((repo) => repo.id === value) || null;
-  }, [allRepositories, urlSearchResults, searchData, value]);
-
-  // Get repositories to display (URL search, regular search, or all repos)
-  const repositories = useMemo(() => {
-    // Prioritize URL search results when available
-    if (urlSearchResults.length > 0) {
-      return urlSearchResults;
-    }
-
-    // Don't use search results if input exactly matches selected repository
-    const shouldUseSearch =
-      processedSearchInput &&
-      searchData &&
-      !(selectedRepository && inputValue === selectedRepository.full_name);
-
-    if (shouldUseSearch) {
-      return searchData;
-    }
-    return allRepositories;
-  }, [
-    urlSearchResults,
-    processedSearchInput,
-    searchData,
-    allRepositories,
-    selectedRepository,
-    inputValue,
-  ]);
-
-  // Auto-load more repositories when there aren't enough items to create a scrollable dropdown
-  // This is particularly important for SaaS mode with installations that might have very few repos
-  useEffect(() => {
-    const shouldAutoLoad =
-      !disabled &&
-      !isLoading &&
-      !isFetchingNextPage &&
-      !isSearchLoading &&
-      hasNextPage &&
-      !processedSearchInput && // Not during search (use all repos, not search results)
-      urlSearchResults.length === 0 &&
-      repositories.length > 0 && // Have some repositories loaded
-      repositories.length < 10; // But not enough to create a scrollable dropdown
-
-    if (shouldAutoLoad) {
-      fetchNextPage();
-    }
-  }, [
-    disabled,
-    isLoading,
-    isFetchingNextPage,
-    isSearchLoading,
-    hasNextPage,
-    processedSearchInput,
-    urlSearchResults.length,
-    repositories.length,
-    fetchNextPage,
-  ]);
-
-  return {
-    repositories,
-    allRepositories,
-    selectedRepository,
-    fetchNextPage,
-    hasNextPage,
-    isLoading,
-    isFetchingNextPage,
-    isError,
-    isSearchLoading,
-  };
-}

frontend/src/components/features/home/git-repo-dropdown/use-url-search.tsx

@@ -1,41 +0,0 @@
-import { useState, useEffect } from "react";
-import { Provider } from "#/types/settings";
-import { GitRepository } from "#/types/git";
-import OpenHands from "#/api/open-hands";
-
-export function useUrlSearch(inputValue: string, provider: Provider) {
-  const [urlSearchResults, setUrlSearchResults] = useState<GitRepository[]>([]);
-  const [isUrlSearchLoading, setIsUrlSearchLoading] = useState(false);
-
-  useEffect(() => {
-    const handleUrlSearch = async () => {
-      if (inputValue.startsWith("https://")) {
-        const match = inputValue.match(/https:\/\/[^/]+\/([^/]+\/[^/]+)/);
-        if (match) {
-          const repoName = match[1];
-
-          setIsUrlSearchLoading(true);
-          try {
-            const repositories = await OpenHands.searchGitRepositories(
-              repoName,
-              3,
-              provider,
-            );
-
-            setUrlSearchResults(repositories);
-          } catch (error) {
-            setUrlSearchResults([]);
-          } finally {
-            setIsUrlSearchLoading(false);
-          }
-        }
-      } else {
-        setUrlSearchResults([]);
-      }
-    };
-
-    handleUrlSearch();
-  }, [inputValue, provider]);
-
-  return { urlSearchResults, isUrlSearchLoading };
-}

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

@@ -2,15 +2,15 @@ import React from "react";
 import { useTranslation } from "react-i18next";
 import { useNavigate } from "react-router";
 import { useCreateConversation } from "#/hooks/mutation/use-create-conversation";
-// Removed useRepositoryBranches import - GitBranchDropdown manages its own data
+import { useRepositoryBranches } from "#/hooks/query/use-repository-branches";
 import { useIsCreatingConversation } from "#/hooks/use-is-creating-conversation";
 import { Branch, GitRepository } from "#/types/git";
 import { BrandButton } from "../settings/brand-button";
 import { useUserProviders } from "#/hooks/use-user-providers";
 import { Provider } from "#/types/settings";
-import { GitProviderDropdown } from "./git-provider-dropdown";
-import { GitBranchDropdown } from "./git-branch-dropdown";
-import { GitRepoDropdown } from "./git-repo-dropdown";
+import { GitProviderDropdown } from "../../common/git-provider-dropdown";
+import { GitRepositoryDropdown } from "../../common/git-repository-dropdown";
+import { GitBranchDropdown } from "../../common/git-branch-dropdown";
 
 interface RepositorySelectionFormProps {
   onRepoSelection: (repo: GitRepository | null) => void;
@@ -28,6 +28,8 @@ export function RepositorySelectionForm({
   const [selectedProvider, setSelectedProvider] =
     React.useState<Provider | null>(null);
   const { providers } = useUserProviders();
+  const { data: branches, isLoading: isLoadingBranches } =
+    useRepositoryBranches(selectedRepository?.full_name || null);
   const {
     mutate: createConversation,
     isPending,
@@ -48,7 +50,8 @@ export function RepositorySelectionForm({
   const isCreatingConversation =
     isPending || isSuccess || isCreatingConversationElsewhere;
 
-  // Branch selection is now handled by GitBranchDropdown component
+  // Check if repository has no branches (empty array after loading completes)
+  const hasNoBranches = !isLoadingBranches && branches && branches.length === 0;
 
   const handleProviderSelection = (provider: Provider | null) => {
     setSelectedProvider(provider);
@@ -57,9 +60,14 @@ export function RepositorySelectionForm({
     onRepoSelection(null); // Reset parent component's selected repo
   };
 
-  const handleBranchSelection = React.useCallback((branch: Branch | null) => {
-    setSelectedBranch(branch);
-  }, []);
+  const handleBranchSelection = (branchName: string | null) => {
+    const selectedBranchObj = branches?.find(
+      (branch) => branch.name === branchName,
+    );
+    if (selectedBranchObj) {
+      setSelectedBranch(selectedBranchObj);
+    }
+  };
 
   // Render the provider dropdown
   const renderProviderSelector = () => {
@@ -79,6 +87,19 @@ export function RepositorySelectionForm({
     );
   };
 
+  // Effect to auto-select main/master branch when branches are loaded
+  React.useEffect(() => {
+    if (branches?.length) {
+      // Look for main or master branch
+      const defaultBranch = branches.find(
+        (branch) => branch.name === "main" || branch.name === "master",
+      );
+
+      // If found, select it, otherwise select the first branch
+      setSelectedBranch(defaultBranch || branches[0]);
+    }
+  }, [branches]);
+
   // Render the repository selector using our new component
   const renderRepositorySelector = () => {
     const handleRepoSelection = (repository?: GitRepository) => {
@@ -86,14 +107,13 @@ export function RepositorySelectionForm({
         onRepoSelection(repository);
         setSelectedRepository(repository);
       } else {
-        onRepoSelection(null); // Notify parent component that repo was cleared
         setSelectedRepository(null);
         setSelectedBranch(null);
       }
     };
 
     return (
-      <GitRepoDropdown
+      <GitRepositoryDropdown
         provider={selectedProvider || providers[0]}
         value={selectedRepository?.id || null}
         placeholder="Search repositories..."
@@ -105,21 +125,16 @@ export function RepositorySelectionForm({
   };
 
   // Render the branch selector
-  const renderBranchSelector = () => {
-    const defaultBranch = selectedRepository?.main_branch || null;
-    return (
-      <GitBranchDropdown
-        repository={selectedRepository?.full_name || null}
-        provider={selectedProvider || providers[0]}
-        selectedBranch={selectedBranch}
-        onBranchSelect={handleBranchSelection}
-        defaultBranch={defaultBranch}
-        placeholder="Select branch..."
-        className="max-w-[500px]"
-        disabled={!selectedRepository}
-      />
-    );
-  };
+  const renderBranchSelector = () => (
+    <GitBranchDropdown
+      repositoryName={selectedRepository?.full_name}
+      value={selectedBranch?.name || null}
+      placeholder="Select branch..."
+      className="max-w-[500px]"
+      disabled={!selectedRepository}
+      onChange={handleBranchSelection}
+    />
+  );
 
   return (
     <div className="flex flex-col gap-4">
@@ -133,7 +148,8 @@ export function RepositorySelectionForm({
         type="button"
         isDisabled={
           !selectedRepository ||
-          !selectedBranch ||
+          (!selectedBranch && !hasNoBranches) ||
+          isLoadingBranches ||
           isCreatingConversation ||
           (providers.length > 1 && !selectedProvider)
         }
@@ -143,7 +159,7 @@ export function RepositorySelectionForm({
               repository: {
                 name: selectedRepository?.full_name || "",
                 gitProvider: selectedRepository?.git_provider || "github",
-                branch: selectedBranch?.name || "main",
+                branch: selectedBranch?.name || (hasNoBranches ? "" : "main"),
               },
             },
             {

frontend/src/components/features/home/shared/clear-button.tsx

@@ -1,45 +0,0 @@
-import React from "react";
-import { cn } from "#/utils/utils";
-
-interface ClearButtonProps {
-  disabled: boolean;
-  onClear: () => void;
-  testId?: string;
-}
-
-export function ClearButton({
-  disabled,
-  onClear,
-  testId = "dropdown-clear",
-}: ClearButtonProps) {
-  return (
-    <button
-      onClick={(e) => {
-        e.stopPropagation();
-        onClear();
-      }}
-      disabled={disabled}
-      className={cn(
-        "p-1 text-[#B7BDC2] hover:text-[#ECEDEE]",
-        "disabled:cursor-not-allowed disabled:opacity-60",
-      )}
-      type="button"
-      aria-label="Clear selection"
-      data-testid={testId}
-    >
-      <svg
-        className="w-4 h-4"
-        fill="none"
-        stroke="currentColor"
-        viewBox="0 0 24 24"
-      >
-        <path
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={2}
-          d="M6 18L18 6M6 6l12 12"
-        />
-      </svg>
-    </button>
-  );
-}

frontend/src/components/features/home/shared/dropdown-item.tsx

@@ -1,44 +0,0 @@
-import React from "react";
-import { cn } from "#/utils/utils";
-
-interface DropdownItemProps<T> {
-  item: T;
-  index: number;
-  isHighlighted: boolean;
-  isSelected: boolean;
-  getItemProps: <Options>(options: any & Options) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  getDisplayText: (item: T) => string;
-  getItemKey: (item: T) => string;
-}
-
-export function DropdownItem<T>({
-  item,
-  index,
-  isHighlighted,
-  isSelected,
-  getItemProps,
-  getDisplayText,
-  getItemKey,
-}: DropdownItemProps<T>) {
-  const itemProps = getItemProps({
-    index,
-    item,
-    className: cn(
-      "px-3 py-2 cursor-pointer text-sm rounded-lg mx-0.5 my-0.5",
-      "text-[#ECEDEE] focus:outline-none",
-      {
-        "bg-[#24272E]": isHighlighted && !isSelected,
-        "bg-[#C9B974] text-black": isSelected,
-        "hover:bg-[#24272E]": !isSelected,
-        "hover:bg-[#C9B974] hover:text-black": isSelected,
-      },
-    ),
-  });
-
-  return (
-    // eslint-disable-next-line react/jsx-props-no-spreading
-    <li key={getItemKey(item)} {...itemProps}>
-      <span className="font-medium">{getDisplayText(item)}</span>
-    </li>
-  );
-}

frontend/src/components/features/home/shared/empty-state.tsx

@@ -1,24 +0,0 @@
-import React from "react";
-
-interface EmptyStateProps {
-  inputValue: string;
-  searchMessage?: string;
-  emptyMessage?: string;
-  testId?: string;
-}
-
-export function EmptyState({
-  inputValue,
-  searchMessage = "No items found",
-  emptyMessage = "No items available",
-  testId = "dropdown-empty",
-}: EmptyStateProps) {
-  return (
-    <li
-      className="px-3 py-2 text-[#B7BDC2] text-sm rounded-lg mx-0.5 my-0.5"
-      data-testid={testId}
-    >
-      {inputValue ? searchMessage : emptyMessage}
-    </li>
-  );
-}

frontend/src/components/features/home/shared/error-message.tsx

@@ -1,21 +0,0 @@
-import React from "react";
-
-interface ErrorMessageProps {
-  isError: boolean;
-  message?: string;
-  testId?: string;
-}
-
-export function ErrorMessage({
-  isError,
-  message = "Failed to load data",
-  testId = "dropdown-error",
-}: ErrorMessageProps) {
-  if (!isError) return null;
-
-  return (
-    <div className="text-red-500 text-sm mt-1" data-testid={testId}>
-      {message}
-    </div>
-  );
-}

frontend/src/components/features/home/shared/generic-dropdown-menu.tsx

@@ -1,74 +0,0 @@
-import React from "react";
-import {
-  UseComboboxGetMenuPropsOptions,
-  UseComboboxGetItemPropsOptions,
-} from "downshift";
-import { cn } from "#/utils/utils";
-
-export interface GenericDropdownMenuProps<T> {
-  isOpen: boolean;
-  filteredItems: T[];
-  inputValue: string;
-  highlightedIndex: number;
-  selectedItem: T | null;
-  getMenuProps: <Options>(
-    options?: UseComboboxGetMenuPropsOptions & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  getItemProps: <Options>(
-    options: UseComboboxGetItemPropsOptions<T> & Options,
-  ) => any; // eslint-disable-line @typescript-eslint/no-explicit-any
-  onScroll?: (event: React.UIEvent<HTMLUListElement>) => void;
-  menuRef?: React.RefObject<HTMLUListElement | null>;
-  renderItem: (
-    item: T,
-    index: number,
-    highlightedIndex: number,
-    selectedItem: T | null,
-    getItemProps: <Options>(
-      options: UseComboboxGetItemPropsOptions<T> & Options,
-    ) => any, // eslint-disable-line @typescript-eslint/no-explicit-any
-  ) => React.ReactNode;
-  renderEmptyState: (inputValue: string) => React.ReactNode;
-}
-
-export function GenericDropdownMenu<T>({
-  isOpen,
-  filteredItems,
-  inputValue,
-  highlightedIndex,
-  selectedItem,
-  getMenuProps,
-  getItemProps,
-  onScroll,
-  menuRef,
-  renderItem,
-  renderEmptyState,
-}: GenericDropdownMenuProps<T>) {
-  if (!isOpen) return null;
-
-  return (
-    <ul
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...getMenuProps({
-        ref: menuRef,
-        className: cn(
-          "absolute z-10 w-full bg-[#454545] border border-[#717888] rounded-xl shadow-lg max-h-60 overflow-auto",
-          "focus:outline-none p-1 gap-2 flex flex-col",
-        ),
-        onScroll,
-      })}
-    >
-      {filteredItems.length === 0
-        ? renderEmptyState(inputValue)
-        : filteredItems.map((item, index) =>
-            renderItem(
-              item,
-              index,
-              highlightedIndex,
-              selectedItem,
-              getItemProps,
-            ),
-          )}
-    </ul>
-  );
-}

frontend/src/components/features/home/shared/index.ts

@@ -1,7 +0,0 @@
-export { GenericDropdownMenu } from "./generic-dropdown-menu";
-export { EmptyState } from "./empty-state";
-export { ErrorMessage } from "./error-message";
-export { LoadingSpinner } from "./loading-spinner";
-export { ClearButton } from "./clear-button";
-export { ToggleButton } from "./toggle-button";
-export type { GenericDropdownMenuProps } from "./generic-dropdown-menu";

frontend/src/components/features/home/shared/loading-spinner.tsx

@@ -1,26 +0,0 @@
-import React from "react";
-import { cn } from "#/utils/utils";
-
-interface LoadingSpinnerProps {
-  hasSelection: boolean;
-  testId?: string;
-}
-
-export function LoadingSpinner({
-  hasSelection,
-  testId = "dropdown-loading",
-}: LoadingSpinnerProps) {
-  return (
-    <div
-      className={cn(
-        "absolute top-1/2 transform -translate-y-1/2",
-        hasSelection ? "right-16" : "right-12",
-      )}
-    >
-      <div
-        className="animate-spin h-4 w-4 border-2 border-blue-500 border-t-transparent rounded-full"
-        data-testid={testId}
-      />
-    </div>
-  );
-}

frontend/src/components/features/home/shared/toggle-button.tsx

@@ -1,45 +0,0 @@
-import React from "react";
-import { cn } from "#/utils/utils";
-
-interface ToggleButtonProps {
-  isOpen: boolean;
-  disabled: boolean;
-  getToggleButtonProps: (
-    props?: Record<string, unknown>,
-  ) => Record<string, unknown>;
-}
-
-export function ToggleButton({
-  isOpen,
-  disabled,
-  getToggleButtonProps,
-}: ToggleButtonProps) {
-  return (
-    <button
-      // eslint-disable-next-line react/jsx-props-no-spreading
-      {...getToggleButtonProps({
-        disabled,
-        className: cn(
-          "p-1 text-[#B7BDC2] hover:text-[#ECEDEE]",
-          "disabled:cursor-not-allowed disabled:opacity-60",
-        ),
-      })}
-      type="button"
-      aria-label="Toggle menu"
-    >
-      <svg
-        className={cn("w-4 h-4 transition-transform", isOpen && "rotate-180")}
-        fill="none"
-        stroke="currentColor"
-        viewBox="0 0 24 24"
-      >
-        <path
-          strokeLinecap="round"
-          strokeLinejoin="round"
-          strokeWidth={2}
-          d="M19 9l-7 7-7-7"
-        />
-      </svg>
-    </button>
-  );
-}

frontend/src/components/features/microagent-management/microagent-management-accordion-title.tsx

@@ -17,7 +17,7 @@ export function MicroagentManagementAccordionTitle({
         <TooltipButton
           tooltip={repository.full_name}
           ariaLabel={repository.full_name}
-          className="text-white text-base font-normal bg-transparent p-0 min-w-0 h-auto cursor-pointer truncate max-w-[194px] translate-y-[-1px]"
+          className="text-white text-base font-normal bg-transparent p-0 min-w-0 h-auto cursor-pointer truncate max-w-[200px] translate-y-[-1px]"
           testId="repository-name-tooltip"
           placement="bottom"
         >

frontend/src/components/features/microagent-management/microagent-management-content.tsx

@@ -32,7 +32,6 @@ import {
 } from "#/utils/custom-toast-handlers";
 import { getFirstPRUrl } from "#/utils/parse-pr-url";
 import { I18nKey } from "#/i18n/declaration";
-import { useUserProviders } from "#/hooks/use-user-providers";
 
 // Handle error events
 const isErrorEvent = (evt: unknown): evt is { error: true; message: string } =>
@@ -66,10 +65,16 @@ const getConversationInstructions = (
   gitProvider: Provider,
 ) => `Create a microagent for the repository ${repositoryName} by following the steps below:
 
-- Step 1: Create a markdown file inside the .openhands/microagents folder with the name of the microagent (The microagent must be created in the .openhands/microagents folder and should be able to perform the described task when triggered). This is the instructions about what the microagent should do: ${formData.query}. ${
+- Step 1: Create a markdown file inside the .openhands/microagents folder with the name of the microagent (The microagent must be created in the .openhands/microagents folder and should be able to perform the described task when triggered).
+
+- This is the instructions about what the microagent should do: ${formData.query}
+
+${
   formData.triggers && formData.triggers.length > 0
-    ? `This is the triggers of the microagent: ${formData.triggers.join(", ")}`
-    : "Please be noted that the microagent doesn't have any triggers."
+    ? `
+- This is the triggers of the microagent: ${formData.triggers.join(", ")}
+`
+    : "- Please be noted that the microagent doesn't have any triggers."
 }
 
 - Step 2: Create a new branch for the repository ${repositoryName}, must avoid duplicated branches.
@@ -86,10 +91,16 @@ const getUpdateConversationInstructions = (
 ) => `Update the microagent for the repository ${repositoryName} by following the steps below:
 
 
-- Step 1: Update the microagent. This is the path of the microagent: ${formData.microagentPath} (The updated microagent must be in the .openhands/microagents folder and should be able to perform the described task when triggered). This is the updated instructions about what the microagent should do: ${formData.query}. ${
+- Step 1: Update the microagent. This is the path of the microagent: ${formData.microagentPath} (The updated microagent must be in the .openhands/microagents folder and should be able to perform the described task when triggered).
+
+- This is the updated instructions about what the microagent should do: ${formData.query}
+
+${
   formData.triggers && formData.triggers.length > 0
-    ? `This is the triggers of the microagent: ${formData.triggers.join(", ")}`
-    : "Please be noted that the microagent doesn't have any triggers."
+    ? `
+- This is the triggers of the microagent: ${formData.triggers.join(", ")}
+`
+    : "- Please be noted that the microagent doesn't have any triggers."
 }
 
 - Step 2: Create a new branch for the repository ${repositoryName}, must avoid duplicated branches.
@@ -108,8 +119,6 @@ export function MicroagentManagementContent() {
     learnThisRepoModalVisible,
   } = useSelector((state: RootState) => state.microagentManagement);
 
-  const { providers } = useUserProviders();
-
   const { t } = useTranslation();
 
   const dispatch = useDispatch();
@@ -173,7 +182,11 @@ export function MicroagentManagementContent() {
       // Check if agent has finished and we have a PR
       if (isOpenHandsEvent(socketEvent) && isFinishAction(socketEvent)) {
         const prUrl = getFirstPRUrl(socketEvent.args.final_thought || "");
-        if (!prUrl) {
+        if (prUrl) {
+          displaySuccessToast(
+            t(I18nKey.MICROAGENT_MANAGEMENT$PR_READY_FOR_REVIEW),
+          );
+        } else {
           // Agent finished but no PR found
           displaySuccessToast(t(I18nKey.MICROAGENT_MANAGEMENT$PR_NOT_CREATED));
         }
@@ -240,6 +253,7 @@ export function MicroagentManagementContent() {
       conversationInstructions,
       repository: {
         name: repositoryName,
+        branch: formData.selectedBranch,
         gitProvider,
       },
       createMicroagent,
@@ -276,12 +290,6 @@ export function MicroagentManagementContent() {
     const repositoryName = repository.full_name;
     const gitProvider = repository.git_provider;
 
-    const createMicroagent = {
-      repo: repositoryName,
-      git_provider: gitProvider,
-      title: formData.query,
-    };
-
     // Launch a new conversation to help the user understand the repo
     createConversationAndSubscribe({
       query: formData.query,
@@ -291,7 +299,6 @@ export function MicroagentManagementContent() {
         branch: formData.selectedBranch,
         gitProvider,
       },
-      createMicroagent,
       onSuccessCallback: () => {
         hideLearnThisRepoModal();
       },
@@ -322,18 +329,11 @@ export function MicroagentManagementContent() {
     </>
   );
 
-  const providersAreSet = providers.length > 0;
-
   if (width < 1024) {
     return (
       <div className="w-full h-full flex flex-col gap-6">
         <div className="w-full rounded-lg border border-[#525252] bg-[#24272E] max-h-[494px] min-h-[494px]">
-          {providersAreSet && (
-            <MicroagentManagementSidebar
-              isSmallerScreen
-              providers={providers}
-            />
-          )}
+          <MicroagentManagementSidebar isSmallerScreen />
         </div>
         <div className="w-full rounded-lg border border-[#525252] bg-[#24272E] flex-1 min-h-[494px]">
           <MicroagentManagementMain />
@@ -345,7 +345,7 @@ export function MicroagentManagementContent() {
 
   return (
     <div className="w-full h-full flex rounded-lg border border-[#525252] bg-[#24272E] overflow-hidden">
-      {providersAreSet && <MicroagentManagementSidebar providers={providers} />}
+      <MicroagentManagementSidebar />
       <div className="flex-1">
         <MicroagentManagementMain />
       </div>

frontend/src/components/features/microagent-management/microagent-management-learn-this-repo-modal.tsx

@@ -8,7 +8,7 @@ import { BrandButton } from "../settings/brand-button";
 import { I18nKey } from "#/i18n/declaration";
 import { RootState } from "#/store";
 import XIcon from "#/icons/x.svg?react";
-import { cn, getRepoMdCreatePrompt } from "#/utils/utils";
+import { cn } from "#/utils/utils";
 import { LearnThisRepoFormData } from "#/types/microagent-management";
 import { Branch } from "#/types/git";
 import { useRepositoryBranches } from "#/hooks/query/use-repository-branches";
@@ -76,25 +76,23 @@ export function MicroagentManagementLearnThisRepoModal({
   const onSubmit = (event: React.FormEvent<HTMLFormElement>) => {
     event.preventDefault();
 
-    const finalQuery = getRepoMdCreatePrompt(
-      selectedRepository?.git_provider || "github",
-      query.trim(),
-    );
+    if (!query.trim()) {
+      return;
+    }
 
     onConfirm({
-      query: finalQuery,
+      query: query.trim(),
       selectedBranch: selectedBranch?.name || "",
     });
   };
 
   const handleConfirm = () => {
-    const finalQuery = getRepoMdCreatePrompt(
-      selectedRepository?.git_provider || "github",
-      query.trim(),
-    );
+    if (!query.trim()) {
+      return;
+    }
 
     onConfirm({
-      query: finalQuery,
+      query: query.trim(),
       selectedBranch: selectedBranch?.name || "",
     });
   };
@@ -246,6 +244,7 @@ export function MicroagentManagementLearnThisRepoModal({
             onClick={handleConfirm}
             testId="confirm-button"
             isDisabled={
+              !query.trim() ||
               isLoading ||
               isLoadingBranches ||
               !selectedBranch ||

frontend/src/components/features/microagent-management/microagent-management-microagent-card.tsx

@@ -59,10 +59,8 @@ export function MicroagentManagementMicroagentCard({
     if (runtimeStatus === "STATUS$ERROR") {
       return t(I18nKey.MICROAGENT$STATUS_ERROR);
     }
-    if (conversationStatus === "RUNNING") {
-      return runtimeStatus === "STATUS$READY"
-        ? t(I18nKey.MICROAGENT$STATUS_OPENING_PR)
-        : t(I18nKey.COMMON$STARTING);
+    if (conversationStatus === "RUNNING" && runtimeStatus === "STATUS$READY") {
+      return t(I18nKey.MICROAGENT$STATUS_OPENING_PR);
     }
     return "";
   }, [conversationStatus, runtimeStatus, t, hasPr]);

frontend/src/components/features/microagent-management/microagent-management-repo-microagents.tsx

@@ -1,16 +1,13 @@
-import { useTranslation } from "react-i18next";
 import { useEffect } from "react";
 import { useDispatch, useSelector } from "react-redux";
 import { Spinner } from "@heroui/react";
 import { MicroagentManagementMicroagentCard } from "./microagent-management-microagent-card";
 import { MicroagentManagementLearnThisRepo } from "./microagent-management-learn-this-repo";
 import { useRepositoryMicroagents } from "#/hooks/query/use-repository-microagents";
-import { useMicroagentManagementConversations } from "#/hooks/query/use-microagent-management-conversations";
+import { useSearchConversations } from "#/hooks/query/use-search-conversations";
 import { GitRepository } from "#/types/git";
 import { RootState } from "#/store";
 import { setSelectedMicroagentItem } from "#/state/microagent-management-slice";
-import { cn } from "#/utils/utils";
-import { I18nKey } from "#/i18n/declaration";
 
 interface MicroagentManagementRepoMicroagentsProps {
   repository: GitRepository;
@@ -25,8 +22,6 @@ export function MicroagentManagementRepoMicroagents({
 
   const dispatch = useDispatch();
 
-  const { t } = useTranslation();
-
   const { full_name: repositoryName } = repository;
 
   // Extract owner and repo from repositoryName (format: "owner/repo")
@@ -42,9 +37,9 @@ export function MicroagentManagementRepoMicroagents({
     data: conversations,
     isLoading: isLoadingConversations,
     isError: isErrorConversations,
-  } = useMicroagentManagementConversations(
+  } = useSearchConversations(
     repositoryName,
-    undefined,
+    "microagent_management",
     1000,
     true,
   );
@@ -108,47 +103,34 @@ export function MicroagentManagementRepoMicroagents({
   const numberOfMicroagents = microagents?.length || 0;
   const numberOfConversations = conversations?.length || 0;
   const totalItems = numberOfMicroagents + numberOfConversations;
-  const hasMicroagents = numberOfMicroagents > 0;
-  const hasConversations = numberOfConversations > 0;
 
   return (
     <div>
       {totalItems === 0 && (
         <MicroagentManagementLearnThisRepo repository={repository} />
       )}
+
       {/* Render microagents */}
-      {hasMicroagents && (
-        <div className="flex flex-col">
-          <span className="text-md text-white font-medium leading-5 mb-4">
-            {t(I18nKey.MICROAGENT_MANAGEMENT$EXISTING_MICROAGENTS)}
-          </span>
-          {microagents?.map((microagent) => (
-            <div key={microagent.name} className="pb-4 last:pb-0">
-              <MicroagentManagementMicroagentCard
-                microagent={microagent}
-                repository={repository}
-              />
-            </div>
-          ))}
-        </div>
-      )}
+      {numberOfMicroagents > 0 &&
+        microagents?.map((microagent) => (
+          <div key={microagent.name} className="pb-4 last:pb-0">
+            <MicroagentManagementMicroagentCard
+              microagent={microagent}
+              repository={repository}
+            />
+          </div>
+        ))}
 
       {/* Render conversations */}
-      {hasConversations && (
-        <div className={cn("flex flex-col", hasMicroagents && "mt-4")}>
-          <span className="text-md text-white font-medium leading-5 mb-4">
-            {t(I18nKey.COMMON$IN_PROGRESS)}
-          </span>
-          {conversations?.map((conversation) => (
-            <div key={conversation.conversation_id} className="pb-4 last:pb-0">
-              <MicroagentManagementMicroagentCard
-                conversation={conversation}
-                repository={repository}
-              />
-            </div>
-          ))}
-        </div>
-      )}
+      {numberOfConversations > 0 &&
+        conversations?.map((conversation) => (
+          <div key={conversation.conversation_id} className="pb-4 last:pb-0">
+            <MicroagentManagementMicroagentCard
+              conversation={conversation}
+              repository={repository}
+            />
+          </div>
+        ))}
     </div>
   );
 }

frontend/src/components/features/microagent-management/microagent-management-repositories.tsx

@@ -1,12 +1,15 @@
+import { useState, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { Accordion, AccordionItem } from "@heroui/react";
 import { MicroagentManagementRepoMicroagents } from "./microagent-management-repo-microagents";
 import { GitRepository } from "#/types/git";
+import { cn } from "#/utils/utils";
 import { TabType } from "#/types/microagent-management";
 import { MicroagentManagementNoRepositories } from "./microagent-management-no-repositories";
 import { I18nKey } from "#/i18n/declaration";
 import { DOCUMENTATION_URL } from "#/utils/constants";
 import { MicroagentManagementAccordionTitle } from "./microagent-management-accordion-title";
+import { sanitizeQuery } from "#/utils/sanitize-query";
 
 type MicroagentManagementRepositoriesProps = {
   repositories: GitRepository[];
@@ -18,9 +21,23 @@ export function MicroagentManagementRepositories({
   tabType,
 }: MicroagentManagementRepositoriesProps) {
   const { t } = useTranslation();
+  const [searchQuery, setSearchQuery] = useState("");
 
   const numberOfRepoMicroagents = repositories.length;
 
+  // Filter repositories based on search query
+  const filteredRepositories = useMemo(() => {
+    if (!searchQuery.trim()) {
+      return repositories;
+    }
+
+    const sanitizedQuery = sanitizeQuery(searchQuery);
+    return repositories.filter((repository) => {
+      const sanitizedRepoName = sanitizeQuery(repository.full_name);
+      return sanitizedRepoName.includes(sanitizedQuery);
+    });
+  }, [repositories, searchQuery]);
+
   if (numberOfRepoMicroagents === 0) {
     if (tabType === "personal") {
       return (
@@ -56,6 +73,25 @@ export function MicroagentManagementRepositories({
 
   return (
     <div className="flex flex-col gap-4 w-full">
+      {/* Search Input */}
+      <div className="flex flex-col gap-2 w-full">
+        <label htmlFor="repository-search" className="sr-only">
+          {t(I18nKey.COMMON$SEARCH_REPOSITORIES)}
+        </label>
+        <input
+          id="repository-search"
+          name="repository-search"
+          type="text"
+          placeholder={`${t(I18nKey.COMMON$SEARCH_REPOSITORIES)}...`}
+          value={searchQuery}
+          onChange={(e) => setSearchQuery(e.target.value)}
+          className={cn(
+            "bg-tertiary border border-[#717888] bg-[#454545] w-full rounded-sm p-2 placeholder:italic placeholder:text-tertiary-alt",
+            "disabled:bg-[#2D2F36] disabled:border-[#2D2F36] disabled:cursor-not-allowed",
+          )}
+        />
+      </div>
+
       {/* Repositories Accordion */}
       <Accordion
         variant="splitted"
@@ -68,7 +104,7 @@ export function MicroagentManagementRepositories({
         }}
         selectionMode="multiple"
       >
-        {repositories.map((repository) => (
+        {filteredRepositories.map((repository) => (
           <AccordionItem
             key={repository.id}
             aria-label={repository.full_name}

frontend/src/components/features/microagent-management/microagent-management-sidebar.tsx

@@ -1,108 +1,59 @@
-import { useEffect, useState, useMemo } from "react";
+import { useEffect } from "react";
 import { useDispatch } from "react-redux";
 import { useTranslation } from "react-i18next";
 import { Spinner } from "@heroui/react";
 import { MicroagentManagementSidebarHeader } from "./microagent-management-sidebar-header";
 import { MicroagentManagementSidebarTabs } from "./microagent-management-sidebar-tabs";
-import { useGitRepositories } from "#/hooks/query/use-git-repositories";
-import { GitProviderDropdown } from "#/components/features/home/git-provider-dropdown";
+import { useUserRepositories } from "#/hooks/query/use-user-repositories";
+import { useUserProviders } from "#/hooks/use-user-providers";
 import {
   setPersonalRepositories,
   setOrganizationRepositories,
   setRepositories,
 } from "#/state/microagent-management-slice";
 import { GitRepository } from "#/types/git";
-import { Provider } from "#/types/settings";
 import { cn } from "#/utils/utils";
-import { sanitizeQuery } from "#/utils/sanitize-query";
-import { I18nKey } from "#/i18n/declaration";
 
 interface MicroagentManagementSidebarProps {
   isSmallerScreen?: boolean;
-  providers: Provider[];
 }
 
 export function MicroagentManagementSidebar({
   isSmallerScreen = false,
-  providers,
 }: MicroagentManagementSidebarProps) {
-  const [selectedProvider, setSelectedProvider] = useState<Provider | null>(
-    providers.length > 0 ? providers[0] : null,
-  );
-
-  const [searchQuery, setSearchQuery] = useState("");
-
   const dispatch = useDispatch();
-
   const { t } = useTranslation();
-
-  const { data: repositories, isLoading } = useGitRepositories({
-    provider: selectedProvider,
-    pageSize: 200,
-    enabled: !!selectedProvider,
-  });
-
-  // Auto-select provider if there's only one
-  useEffect(() => {
-    if (providers.length > 0 && !selectedProvider) {
-      setSelectedProvider(providers[0]);
-    }
-  }, [providers, selectedProvider]);
-
-  const handleProviderChange = (provider: Provider | null) => {
-    setSelectedProvider(provider);
-    setSearchQuery("");
-  };
-
-  // Filter repositories based on search query
-  const filteredRepositories = useMemo(() => {
-    if (!repositories?.pages) return null;
-
-    // Flatten all pages to get all repositories
-    const allRepositories = repositories.pages.flatMap((page) => page.data);
-
-    if (!searchQuery.trim()) {
-      return allRepositories;
-    }
-
-    const sanitizedQuery = sanitizeQuery(searchQuery);
-    return allRepositories.filter((repository: GitRepository) => {
-      const sanitizedRepoName = sanitizeQuery(repository.full_name);
-      return sanitizedRepoName.includes(sanitizedQuery);
-    });
-  }, [repositories, searchQuery, selectedProvider]);
+  const { providers } = useUserProviders();
+  const selectedProvider = providers.length > 0 ? providers[0] : null;
+  const { data: repositories, isLoading } =
+    useUserRepositories(selectedProvider);
 
   useEffect(() => {
-    if (!filteredRepositories?.length) {
-      dispatch(setPersonalRepositories([]));
-      dispatch(setOrganizationRepositories([]));
-      dispatch(setRepositories([]));
-      return;
+    if (repositories?.pages) {
+      const personalRepos: GitRepository[] = [];
+      const organizationRepos: GitRepository[] = [];
+      const otherRepos: GitRepository[] = [];
+
+      // Flatten all pages to get all repositories
+      const allRepositories = repositories.pages.flatMap((page) => page.data);
+
+      allRepositories.forEach((repo: GitRepository) => {
+        const hasOpenHandsSuffix = repo.full_name.endsWith("/.openhands");
+
+        if (repo.owner_type === "user" && hasOpenHandsSuffix) {
+          personalRepos.push(repo);
+        } else if (repo.owner_type === "organization" && hasOpenHandsSuffix) {
+          organizationRepos.push(repo);
+        } else {
+          otherRepos.push(repo);
+        }
+      });
+
+      dispatch(setPersonalRepositories(personalRepos));
+      dispatch(setOrganizationRepositories(organizationRepos));
+      dispatch(setRepositories(otherRepos));
     }
-
-    const personalRepos: GitRepository[] = [];
-    const organizationRepos: GitRepository[] = [];
-    const otherRepos: GitRepository[] = [];
-
-    filteredRepositories.forEach((repo: GitRepository) => {
-      const hasOpenHandsSuffix =
-        selectedProvider === "gitlab"
-          ? repo.full_name.endsWith("/openhands-config")
-          : repo.full_name.endsWith("/.openhands");
-
-      if (repo.owner_type === "user" && hasOpenHandsSuffix) {
-        personalRepos.push(repo);
-      } else if (repo.owner_type === "organization" && hasOpenHandsSuffix) {
-        organizationRepos.push(repo);
-      } else {
-        otherRepos.push(repo);
-      }
-    });
-
-    dispatch(setPersonalRepositories(personalRepos));
-    dispatch(setOrganizationRepositories(organizationRepos));
-    dispatch(setRepositories(otherRepos));
-  }, [filteredRepositories, selectedProvider, dispatch]);
+  }, [repositories, dispatch]);
 
   return (
     <div
@@ -112,39 +63,6 @@ export function MicroagentManagementSidebar({
       )}
     >
       <MicroagentManagementSidebarHeader />
-
-      {/* Provider Selection */}
-      {providers.length > 1 && (
-        <div className="mt-6">
-          <GitProviderDropdown
-            providers={providers}
-            value={selectedProvider}
-            placeholder="Select Provider"
-            onChange={handleProviderChange}
-            className="w-full"
-          />
-        </div>
-      )}
-
-      {/* Search Input */}
-      <div className="flex flex-col gap-2 w-full mt-6">
-        <label htmlFor="repository-search" className="sr-only">
-          {t(I18nKey.COMMON$SEARCH_REPOSITORIES)}
-        </label>
-        <input
-          id="repository-search"
-          name="repository-search"
-          type="text"
-          placeholder={`${t(I18nKey.COMMON$SEARCH_REPOSITORIES)}...`}
-          value={searchQuery}
-          onChange={(e) => setSearchQuery(e.target.value)}
-          className={cn(
-            "bg-tertiary border border-[#717888] bg-[#454545] w-full rounded-sm p-2 placeholder:italic placeholder:text-tertiary-alt",
-            "disabled:bg-[#2D2F36] disabled:border-[#2D2F36] disabled:cursor-not-allowed h-10 box-shadow-none outline-none",
-          )}
-        />
-      </div>
-
       {isLoading ? (
         <div className="flex flex-col items-center justify-center gap-4 flex-1">
           <Spinner size="sm" />

frontend/src/components/features/microagent-management/microagent-management-upsert-microagent-modal.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useState, useMemo } from "react";
+import { useEffect, useRef, useState, useMemo } from "react";
 import { useTranslation } from "react-i18next";
 import { useSelector } from "react-redux";
 import { FaCircleInfo } from "react-icons/fa6";
@@ -11,8 +11,14 @@ import XIcon from "#/icons/x.svg?react";
 import { cn, extractRepositoryInfo } from "#/utils/utils";
 import { BadgeInput } from "#/components/shared/inputs/badge-input";
 import { MicroagentFormData } from "#/types/microagent-management";
-import { GitRepository } from "#/types/git";
+import { Branch, GitRepository } from "#/types/git";
+import { useRepositoryBranches } from "#/hooks/query/use-repository-branches";
 import { useRepositoryMicroagentContent } from "#/hooks/query/use-repository-microagent-content";
+import {
+  BranchDropdown,
+  BranchLoadingState,
+  BranchErrorState,
+} from "../home/repository-selection";
 
 interface MicroagentManagementUpsertMicroagentModalProps {
   onConfirm: (formData: MicroagentFormData) => void;
@@ -31,6 +37,7 @@ export function MicroagentManagementUpsertMicroagentModal({
 
   const [triggers, setTriggers] = useState<string[]>([]);
   const [query, setQuery] = useState<string>("");
+  const [selectedBranch, setSelectedBranch] = useState<Branch | null>(null);
 
   const { selectedRepository } = useSelector(
     (state: RootState) => state.microagentManagement,
@@ -42,6 +49,9 @@ export function MicroagentManagementUpsertMicroagentModal({
 
   const { microagent } = selectedMicroagentItem ?? {};
 
+  // Add a ref to track if the branch was manually cleared by the user
+  const branchManuallyClearedRef = useRef<boolean>(false);
+
   // Extract owner and repo from full_name for content API
   const { owner, repo, filePath } = extractRepositoryInfo(
     selectedRepository,
@@ -60,6 +70,38 @@ export function MicroagentManagementUpsertMicroagentModal({
     }
   }, [isUpdate, microagentContentData]);
 
+  const {
+    data: branches,
+    isLoading: isLoadingBranches,
+    isError: isBranchesError,
+  } = useRepositoryBranches(selectedRepository?.full_name || null);
+
+  const branchesItems = branches?.map((branch) => ({
+    key: branch.name,
+    label: branch.name,
+  }));
+
+  // Auto-select main or master branch if it exists.
+  useEffect(() => {
+    if (
+      branches &&
+      branches.length > 0 &&
+      !selectedBranch &&
+      !isLoadingBranches
+    ) {
+      // Look for main or master branch
+      const mainBranch = branches.find((branch) => branch.name === "main");
+      const masterBranch = branches.find((branch) => branch.name === "master");
+
+      // Select main if it exists, otherwise select master if it exists
+      if (mainBranch) {
+        setSelectedBranch(mainBranch);
+      } else if (masterBranch) {
+        setSelectedBranch(masterBranch);
+      }
+    }
+  }, [branches, isLoadingBranches, selectedBranch]);
+
   const modalTitle = useMemo(() => {
     if (isUpdate) {
       return t(I18nKey.MICROAGENT_MANAGEMENT$UPDATE_MICROAGENT);
@@ -92,6 +134,7 @@ export function MicroagentManagementUpsertMicroagentModal({
     onConfirm({
       query: query.trim(),
       triggers,
+      selectedBranch: selectedBranch?.name || "",
       microagentPath: microagent?.path || "",
     });
   };
@@ -104,10 +147,67 @@ export function MicroagentManagementUpsertMicroagentModal({
     onConfirm({
       query: query.trim(),
       triggers,
+      selectedBranch: selectedBranch?.name || "",
       microagentPath: microagent?.path || "",
     });
   };
 
+  const handleBranchSelection = (key: React.Key | null) => {
+    const selectedBranchObj = branches?.find((branch) => branch.name === key);
+    setSelectedBranch(selectedBranchObj || null);
+    // Reset the manually cleared flag when a branch is explicitly selected
+    branchManuallyClearedRef.current = false;
+  };
+
+  const handleBranchInputChange = (value: string) => {
+    // Clear the selected branch if the input is empty or contains only whitespace
+    // This fixes the issue where users can't delete the entire default branch name
+    if (value === "" || value.trim() === "") {
+      setSelectedBranch(null);
+      // Set the flag to indicate that the branch was manually cleared
+      branchManuallyClearedRef.current = true;
+    } else {
+      // Reset the flag when the user starts typing again
+      branchManuallyClearedRef.current = false;
+    }
+  };
+
+  // Render the appropriate UI for branch selector based on the loading/error state
+  const renderBranchSelector = () => {
+    if (!selectedRepository) {
+      return (
+        <BranchDropdown
+          items={[]}
+          onSelectionChange={() => {}}
+          onInputChange={() => {}}
+          isDisabled
+          wrapperClassName="max-w-full w-full"
+          label={t(I18nKey.REPOSITORY$SELECT_BRANCH)}
+        />
+      );
+    }
+
+    if (isLoadingBranches) {
+      return <BranchLoadingState wrapperClassName="max-w-full w-full" />;
+    }
+
+    if (isBranchesError) {
+      return <BranchErrorState wrapperClassName="max-w-full w-full" />;
+    }
+
+    return (
+      <BranchDropdown
+        items={branchesItems || []}
+        onSelectionChange={handleBranchSelection}
+        onInputChange={handleBranchInputChange}
+        isDisabled={false}
+        selectedKey={selectedBranch?.name}
+        wrapperClassName="max-w-full w-full"
+        label={t(I18nKey.REPOSITORY$SELECT_BRANCH)}
+      />
+    );
+  };
+
   return (
     <ModalBackdrop onClose={onCancel}>
       <ModalBody className="items-start rounded-[12px] p-6 min-w-[611px]">
@@ -136,6 +236,7 @@ export function MicroagentManagementUpsertMicroagentModal({
           onSubmit={onSubmit}
           className="flex flex-col gap-6 w-full"
         >
+          {renderBranchSelector()}
           <label
             htmlFor="query-input"
             className="flex flex-col gap-2 w-full text-sm font-normal"
@@ -200,10 +301,15 @@ export function MicroagentManagementUpsertMicroagentModal({
             onClick={handleConfirm}
             testId="confirm-button"
             isDisabled={
-              !query.trim() || isLoading || (isUpdate && isLoadingContent) // Disable while loading content for updates
+              !query.trim() ||
+              isLoading ||
+              isLoadingBranches ||
+              !selectedBranch ||
+              isBranchesError ||
+              (isUpdate && isLoadingContent) // Disable while loading content for updates
             }
           >
-            {isLoading || (isUpdate && isLoadingContent)
+            {isLoading || isLoadingBranches || (isUpdate && isLoadingContent)
               ? t(I18nKey.HOME$LOADING)
               : t(I18nKey.MICROAGENT$LAUNCH)}
           </BrandButton>

frontend/src/components/shared/action-tooltip.tsx

@@ -1,7 +1,8 @@
 import { Tooltip } from "@heroui/react";
 import { useTranslation } from "react-i18next";
+import ConfirmIcon from "#/assets/confirm";
+import RejectIcon from "#/assets/reject";
 import { I18nKey } from "#/i18n/declaration";
-import { cn } from "#/utils/utils";
 
 interface ActionTooltipProps {
   type: "confirm" | "reject";
@@ -11,35 +12,25 @@ interface ActionTooltipProps {
 export function ActionTooltip({ type, onClick }: ActionTooltipProps) {
   const { t } = useTranslation();
 
-  const isConfirm = type === "confirm";
-
-  const ariaLabel = isConfirm
-    ? t(I18nKey.ACTION$CONFIRM)
-    : t(I18nKey.ACTION$REJECT);
-
-  const content = isConfirm
-    ? t(I18nKey.CHAT_INTERFACE$USER_CONFIRMED)
-    : t(I18nKey.CHAT_INTERFACE$USER_REJECTED);
-
-  const buttonLabel = isConfirm
-    ? `${t(I18nKey.CHAT_INTERFACE$INPUT_CONTINUE_MESSAGE)} ⌘↩`
-    : `${t(I18nKey.BUTTON$CANCEL)} ⇧⌘⌫`;
+  const content =
+    type === "confirm"
+      ? t(I18nKey.CHAT_INTERFACE$USER_CONFIRMED)
+      : t(I18nKey.CHAT_INTERFACE$USER_REJECTED);
 
   return (
     <Tooltip content={content} closeDelay={100}>
       <button
         data-testid={`action-${type}-button`}
         type="button"
-        aria-label={ariaLabel}
-        className={cn(
-          "rounded px-2 h-6.5 text-sm font-medium leading-5 cursor-pointer hover:opacity-80",
+        aria-label={
           type === "confirm"
-            ? "bg-tertiary text-white"
-            : "bg-white text-[#0D0F11]",
-        )}
+            ? t(I18nKey.ACTION$CONFIRM)
+            : t(I18nKey.ACTION$REJECT)
+        }
+        className="bg-tertiary rounded-full p-1 hover:bg-base-secondary"
         onClick={onClick}
       >
-        {buttonLabel}
+        {type === "confirm" ? <ConfirmIcon /> : <RejectIcon />}
       </button>
     </Tooltip>
   );

frontend/src/components/shared/buttons/confirmation-buttons.tsx

@@ -1,120 +1,31 @@
-import { useDispatch, useSelector } from "react-redux";
-import { useCallback, useEffect } from "react";
 import { useTranslation } from "react-i18next";
 import { I18nKey } from "#/i18n/declaration";
 import { AgentState } from "#/types/agent-state";
 import { generateAgentStateChangeEvent } from "#/services/agent-state-service";
 import { useWsClient } from "#/context/ws-client-provider";
 import { ActionTooltip } from "../action-tooltip";
-import { isOpenHandsAction } from "#/types/core/guards";
-import { ActionSecurityRisk } from "#/state/security-analyzer-slice";
-import { RiskAlert } from "#/components/shared/risk-alert";
-import WarningIcon from "#/icons/u-warning.svg?react";
-import { RootState } from "#/store";
-import { addSubmittedEventId } from "#/state/event-message-slice";
 
 export function ConfirmationButtons() {
-  const submittedEventIds = useSelector(
-    (state: RootState) => state.eventMessage.submittedEventIds,
-  );
-
-  const dispatch = useDispatch();
-
   const { t } = useTranslation();
+  const { send } = useWsClient();
 
-  const { send, parsedEvents } = useWsClient();
-
-  // Find the most recent action awaiting confirmation
-  const awaitingAction = parsedEvents
-    .slice()
-    .reverse()
-    .find((ev) => {
-      if (!isOpenHandsAction(ev) || ev.source !== "agent") return false;
-      const args = ev.args as Record<string, unknown>;
-      return args?.confirmation_state === "awaiting_confirmation";
-    });
-
-  const handleStateChange = useCallback(
-    (state: AgentState) => {
-      if (!awaitingAction) {
-        return;
-      }
-
-      dispatch(addSubmittedEventId(awaitingAction.id));
-      send(generateAgentStateChangeEvent(state));
-    },
-    [send],
-  );
-
-  // Handle keyboard shortcuts
-  useEffect(() => {
-    if (!awaitingAction) {
-      return undefined;
-    }
-
-    const handleCancelShortcut = (event: KeyboardEvent) => {
-      if (event.shiftKey && event.metaKey && event.key === "Backspace") {
-        event.preventDefault();
-        handleStateChange(AgentState.USER_REJECTED);
-      }
-    };
-
-    const handleContinueShortcut = (event: KeyboardEvent) => {
-      if (event.metaKey && event.key === "Enter") {
-        event.preventDefault();
-        handleStateChange(AgentState.USER_CONFIRMED);
-      }
-    };
-
-    const handleKeyDown = (event: KeyboardEvent) => {
-      // Cancel: Shift+Cmd+Backspace (⇧⌘⌫)
-      handleCancelShortcut(event);
-      // Continue: Cmd+Enter (⌘↩)
-      handleContinueShortcut(event);
-    };
-
-    document.addEventListener("keydown", handleKeyDown);
-
-    return () => document.removeEventListener("keydown", handleKeyDown);
-  }, [awaitingAction, handleStateChange]);
-
-  if (!awaitingAction || submittedEventIds.includes(awaitingAction.id)) {
-    return null;
-  }
-
-  const { args } = awaitingAction as { args: Record<string, unknown> };
-
-  const risk = args?.security_risk;
-
-  const isHighRisk =
-    typeof risk === "string"
-      ? risk.toLowerCase() === "high"
-      : Number(risk) === ActionSecurityRisk.HIGH;
+  const handleStateChange = (state: AgentState) => {
+    const event = generateAgentStateChangeEvent(state);
+    send(event);
+  };
 
   return (
-    <div className="flex flex-col gap-2 pt-4">
-      {isHighRisk && (
-        <RiskAlert
-          content={t(I18nKey.CHAT_INTERFACE$HIGH_RISK_WARNING)}
-          icon={<WarningIcon width={16} height={16} color="#fff" />}
-          severity="high"
-          title={t(I18nKey.COMMON$HIGH_RISK)}
+    <div className="flex justify-between items-center pt-4">
+      <p>{t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}</p>
+      <div className="flex items-center gap-3">
+        <ActionTooltip
+          type="confirm"
+          onClick={() => handleStateChange(AgentState.USER_CONFIRMED)}
+        />
+        <ActionTooltip
+          type="reject"
+          onClick={() => handleStateChange(AgentState.USER_REJECTED)}
         />
-      )}
-      <div className="flex justify-between items-center">
-        <p className="text-sm font-normal text-white">
-          {t(I18nKey.CHAT_INTERFACE$USER_ASK_CONFIRMATION)}
-        </p>
-        <div className="flex items-center gap-3">
-          <ActionTooltip
-            type="reject"
-            onClick={() => handleStateChange(AgentState.USER_REJECTED)}
-          />
-          <ActionTooltip
-            type="confirm"
-            onClick={() => handleStateChange(AgentState.USER_CONFIRMED)}
-          />
-        </div>
       </div>
     </div>
   );

frontend/src/components/shared/modals/security/invariant/invariant.tsx

@@ -93,14 +93,14 @@ function SecurityInvariant() {
     (risk: ActionSecurityRisk) => {
       switch (risk) {
         case ActionSecurityRisk.LOW:
-          return t(I18nKey.SECURITY$LOW_RISK);
+          return t(I18nKey.SECURITY_ANALYZER$LOW_RISK);
         case ActionSecurityRisk.MEDIUM:
-          return t(I18nKey.SECURITY$MEDIUM_RISK);
+          return t(I18nKey.SECURITY_ANALYZER$MEDIUM_RISK);
         case ActionSecurityRisk.HIGH:
-          return t(I18nKey.SECURITY$HIGH_RISK);
+          return t(I18nKey.SECURITY_ANALYZER$HIGH_RISK);
         case ActionSecurityRisk.UNKNOWN:
         default:
-          return t(I18nKey.SECURITY$UNKNOWN_RISK);
+          return t(I18nKey.SECURITY_ANALYZER$UNKNOWN_RISK);
       }
     },
     [t],

frontend/src/components/shared/risk-alert.tsx

@@ -1,36 +0,0 @@
-import { ReactNode } from "react";
-import { cn } from "#/utils/utils";
-
-interface RiskAlertProps {
-  className?: string;
-  content: ReactNode;
-  icon?: ReactNode;
-  severity: "high" | "medium" | "low";
-  title: string;
-}
-
-export function RiskAlert({
-  className,
-  content,
-  icon,
-  severity,
-  title,
-}: RiskAlertProps) {
-  // Currently, we are only supporting the high risk alert. If we use want to support other risk levels, we can add them here and use cva to create different variants of this component.
-  if (severity === "high") {
-    return (
-      <div
-        className={cn(
-          "flex items-center gap-3.5 bg-[#4A0709] border border-[#FF0006] text-red-400 rounded-xl px-3.5 h-13 text-sm text-white",
-          className,
-        )}
-      >
-        {icon && <span className="">{icon}</span>}
-        <span className="font-bold">{title}</span>
-        <span className="font-normal">{content}</span>
-      </div>
-    );
-  }
-
-  return null;
-}

frontend/src/context/conversation-subscriptions-provider.tsx

@@ -33,7 +33,6 @@ interface ConversationSubscriptionsContextType {
     sessionApiKey: string | null;
     providersSet: ("github" | "gitlab" | "bitbucket" | "enterprise_sso")[];
     baseUrl: string;
-    socketPath?: string;
     onEvent?: (event: unknown, conversationId: string) => void;
   }) => void;
   unsubscribeFromConversation: (conversationId: string) => void;
@@ -96,10 +95,10 @@ export function ConversationSubscriptionsProvider({
     [],
   );
 
-  const unsubscribeFromConversation = useCallback((conversationId: string) => {
-    // Use functional update to access current socket data and perform cleanup
-    setConversationSockets((prev) => {
-      const socketData = prev[conversationId];
+  const unsubscribeFromConversation = useCallback(
+    (conversationId: string) => {
+      // Get a local reference to the socket data to avoid race conditions
+      const socketData = conversationSockets[conversationId];
 
       if (socketData) {
         const { socket } = socketData;
@@ -113,23 +112,24 @@ export function ConversationSubscriptionsProvider({
           socket.disconnect();
         }
 
+        // Update state to remove the socket
+        setConversationSockets((prev) => {
+          const newSockets = { ...prev };
+          delete newSockets[conversationId];
+          return newSockets;
+        });
+
+        // Remove from active IDs
+        setActiveConversationIds((prev) =>
+          prev.filter((id) => id !== conversationId),
+        );
+
         // Clean up event handler reference
         delete eventHandlersRef.current[conversationId];
-
-        // Remove the socket from state
-        const newSockets = { ...prev };
-        delete newSockets[conversationId];
-        return newSockets;
       }
-
-      return prev; // No change if socket not found
-    });
-
-    // Remove from active IDs
-    setActiveConversationIds((prev) =>
-      prev.filter((id) => id !== conversationId),
-    );
-  }, []);
+    },
+    [conversationSockets],
+  );
 
   const subscribeToConversation = useCallback(
     (options: {
@@ -137,17 +137,10 @@ export function ConversationSubscriptionsProvider({
       sessionApiKey: string | null;
       providersSet: ("github" | "gitlab" | "bitbucket" | "enterprise_sso")[];
       baseUrl: string;
-      socketPath?: string;
       onEvent?: (event: unknown, conversationId: string) => void;
     }) => {
-      const {
-        conversationId,
-        sessionApiKey,
-        providersSet,
-        baseUrl,
-        socketPath,
-        onEvent,
-      } = options;
+      const { conversationId, sessionApiKey, providersSet, baseUrl, onEvent } =
+        options;
 
       // If already subscribed, don't create a new subscription
       if (conversationSockets[conversationId]) {
@@ -180,7 +173,9 @@ export function ConversationSubscriptionsProvider({
         if (isErrorEvent(event) || isAgentStatusError(event)) {
           renderConversationErroredToast(
             conversationId,
-            isErrorEvent(event) ? event.message : "MICROAGENT$UNKNOWN_ERROR",
+            isErrorEvent(event)
+              ? event.message
+              : "Unknown error, please try again",
           );
         } else if (isStatusUpdate(event)) {
           if (event.type === "info" && event.id === "STATUS$STARTING_RUNTIME") {
@@ -204,7 +199,6 @@ export function ConversationSubscriptionsProvider({
         // Create socket connection
         const socket = io(baseUrl, {
           transports: ["websocket"],
-          path: socketPath ?? "/socket.io",
           query: {
             conversation_id: conversationId,
             session_api_key: sessionApiKey,

frontend/src/context/ws-client-provider.tsx

@@ -317,24 +317,15 @@ export function WsClientProvider({
       session_api_key: conversation.session_api_key, // Have to set here because socketio doesn't support custom headers. :(
     };
 
-    let baseUrl: string | null = null;
-    let socketPath: string;
+    let baseUrl = null;
     if (conversation.url && !conversation.url.startsWith("/")) {
-      const u = new URL(conversation.url);
-      baseUrl = u.host;
-      const pathBeforeApi = u.pathname.split("/api/conversations")[0] || "/";
-      // Socket.IO server default path is /socket.io; prefix with pathBeforeApi for path mode
-      socketPath = `${pathBeforeApi.replace(/\/$/, "")}/socket.io`;
+      baseUrl = new URL(conversation.url).host;
     } else {
-      baseUrl =
-        (import.meta.env.VITE_BACKEND_BASE_URL as string | undefined) ||
-        window?.location.host;
-      socketPath = "/socket.io";
+      baseUrl = import.meta.env.VITE_BACKEND_BASE_URL || window?.location.host;
     }
 
     sio = io(baseUrl, {
       transports: ["websocket"],
-      path: socketPath,
       query,
     });
 

frontend/src/hooks/mutation/use-save-settings.ts

@@ -19,8 +19,6 @@ const saveSettingsMutationFn = async (settings: Partial<PostSettings>) => {
         : settings.llm_api_key?.trim() || undefined,
     remote_runtime_resource_factor: settings.REMOTE_RUNTIME_RESOURCE_FACTOR,
     enable_default_condenser: settings.ENABLE_DEFAULT_CONDENSER,
-    condenser_max_size:
-      settings.CONDENSER_MAX_SIZE ?? DEFAULT_SETTINGS.CONDENSER_MAX_SIZE,
     enable_sound_notifications: settings.ENABLE_SOUND_NOTIFICATIONS,
     user_consents_to_analytics: settings.user_consents_to_analytics,
     provider_tokens_set: settings.PROVIDER_TOKENS_SET,

frontend/src/hooks/query/use-branch-data.ts

@@ -1,126 +0,0 @@
-import { useMemo } from "react";
-import { useRepositoryBranchesPaginated } from "./use-repository-branches";
-import { useSearchBranches } from "./use-search-branches";
-import { Branch } from "#/types/git";
-import { Provider } from "#/types/settings";
-
-export function useBranchData(
-  repository: string | null,
-  provider: Provider,
-  defaultBranch: string | null,
-  processedSearchInput: string,
-  inputValue: string,
-  selectedBranch?: Branch | null,
-) {
-  // Fetch branches with pagination
-  const {
-    data: branchData,
-    fetchNextPage,
-    hasNextPage,
-    isLoading,
-    isFetchingNextPage,
-    isError,
-  } = useRepositoryBranchesPaginated(repository);
-
-  // Search branches when user types
-  const { data: searchData, isLoading: isSearchLoading } = useSearchBranches(
-    repository,
-    processedSearchInput,
-    30,
-    provider,
-  );
-
-  // Combine all branches from paginated data
-  const allBranches = useMemo(
-    () => branchData?.pages?.flatMap((page) => page.branches) || [],
-    [branchData],
-  );
-
-  // Check if default branch is in the loaded branches
-  const defaultBranchInLoaded = useMemo(
-    () =>
-      defaultBranch
-        ? allBranches.find((branch) => branch.name === defaultBranch)
-        : null,
-    [allBranches, defaultBranch],
-  );
-
-  // Only search for default branch if it's not already in the loaded branches
-  // and we have loaded some branches (to avoid searching immediately on mount)
-  const shouldSearchDefaultBranch =
-    defaultBranch &&
-    !defaultBranchInLoaded &&
-    allBranches.length > 0 &&
-    !processedSearchInput; // Don't search for default branch when user is searching
-
-  const { data: defaultBranchData, isLoading: isDefaultBranchLoading } =
-    useSearchBranches(
-      repository,
-      shouldSearchDefaultBranch ? defaultBranch : "",
-      30,
-      provider,
-    );
-
-  // Get branches to display with default branch prioritized
-  const branches = useMemo(() => {
-    // Don't use search results if input exactly matches selected branch
-    const shouldUseSearch =
-      processedSearchInput &&
-      searchData &&
-      !(selectedBranch && inputValue === selectedBranch.name);
-
-    let branchesToUse = shouldUseSearch ? searchData : allBranches;
-
-    // If we have a default branch, ensure it's at the top of the list
-    if (defaultBranch) {
-      // Use the already computed defaultBranchInLoaded or check in current branches
-      let defaultBranchObj = shouldUseSearch
-        ? branchesToUse.find((branch) => branch.name === defaultBranch)
-        : defaultBranchInLoaded;
-
-      // If not found in current branches, check if we have it from the default branch search
-      if (
-        !defaultBranchObj &&
-        defaultBranchData &&
-        defaultBranchData.length > 0
-      ) {
-        defaultBranchObj = defaultBranchData.find(
-          (branch) => branch.name === defaultBranch,
-        );
-
-        // Add the default branch to the beginning of the list
-        if (defaultBranchObj) {
-          branchesToUse = [defaultBranchObj, ...branchesToUse];
-        }
-      } else if (defaultBranchObj) {
-        // If found in current branches, move it to the front
-        const otherBranches = branchesToUse.filter(
-          (branch) => branch.name !== defaultBranch,
-        );
-        branchesToUse = [defaultBranchObj, ...otherBranches];
-      }
-    }
-
-    return branchesToUse;
-  }, [
-    processedSearchInput,
-    searchData,
-    allBranches,
-    selectedBranch,
-    inputValue,
-    defaultBranch,
-    defaultBranchInLoaded,
-    defaultBranchData,
-  ]);
-
-  return {
-    branches,
-    allBranches,
-    fetchNextPage,
-    hasNextPage,
-    isLoading: isLoading || isDefaultBranchLoading,
-    isFetchingNextPage,
-    isError,
-    isSearchLoading,
-  };
-}

frontend/src/hooks/query/use-microagent-management-conversations.ts

@@ -1,27 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import OpenHands from "#/api/open-hands";
-
-export const useMicroagentManagementConversations = (
-  selectedRepository: string,
-  pageId?: string,
-  limit: number = 100,
-  cacheDisabled: boolean = false,
-) =>
-  useQuery({
-    queryKey: [
-      "conversations",
-      "microagent-management",
-      pageId,
-      limit,
-      selectedRepository,
-    ],
-    queryFn: () =>
-      OpenHands.getMicroagentManagementConversations(
-        selectedRepository,
-        pageId,
-        limit,
-      ),
-    enabled: !!selectedRepository,
-    staleTime: cacheDisabled ? 0 : 1000 * 60 * 5, // 5 minutes
-    gcTime: cacheDisabled ? 0 : 1000 * 60 * 15, // 15 minutes
-  });

frontend/src/hooks/query/use-repository-branches.ts

@@ -1,46 +1,14 @@
-import { useQuery, useInfiniteQuery } from "@tanstack/react-query";
+import { useQuery } from "@tanstack/react-query";
 import OpenHands from "#/api/open-hands";
-import { Branch, PaginatedBranchesResponse } from "#/types/git";
+import { Branch } from "#/types/git";
 
 export const useRepositoryBranches = (repository: string | null) =>
   useQuery<Branch[]>({
     queryKey: ["repository", repository, "branches"],
     queryFn: async () => {
       if (!repository) return [];
-      const response = await OpenHands.getRepositoryBranches(repository);
-      // Ensure we return an array even if the response is malformed
-      return Array.isArray(response.branches) ? response.branches : [];
+      return OpenHands.getRepositoryBranches(repository);
     },
     enabled: !!repository,
     staleTime: 1000 * 60 * 5, // 5 minutes
   });
-
-export const useRepositoryBranchesPaginated = (
-  repository: string | null,
-  perPage: number = 30,
-) =>
-  useInfiniteQuery<PaginatedBranchesResponse, Error>({
-    queryKey: ["repository", repository, "branches", "paginated", perPage],
-    queryFn: async ({ pageParam = 1 }) => {
-      if (!repository) {
-        return {
-          branches: [],
-          has_next_page: false,
-          current_page: 1,
-          per_page: perPage,
-          total_count: 0,
-        };
-      }
-      return OpenHands.getRepositoryBranches(
-        repository,
-        pageParam as number,
-        perPage,
-      );
-    },
-    enabled: !!repository,
-    staleTime: 1000 * 60 * 5, // 5 minutes
-    getNextPageParam: (lastPage) =>
-      // Use the has_next_page flag from the API response
-      lastPage.has_next_page ? lastPage.current_page + 1 : undefined,
-    initialPageParam: 1,
-  });

frontend/src/hooks/query/use-search-branches.ts

@@ -1,35 +0,0 @@
-import { useQuery } from "@tanstack/react-query";
-import OpenHands from "#/api/open-hands";
-import { Branch } from "#/types/git";
-import { Provider } from "#/types/settings";
-
-export function useSearchBranches(
-  repository: string | null,
-  query: string,
-  perPage: number = 30,
-  selectedProvider?: Provider,
-) {
-  return useQuery<Branch[]>({
-    queryKey: [
-      "repository",
-      repository,
-      "branches",
-      "search",
-      query,
-      perPage,
-      selectedProvider,
-    ],
-    queryFn: async () => {
-      if (!repository || !query) return [];
-      return OpenHands.searchRepositoryBranches(
-        repository,
-        query,
-        perPage,
-        selectedProvider,
-      );
-    },
-    enabled: !!repository && !!query,
-    staleTime: 1000 * 60 * 5,
-    gcTime: 1000 * 60 * 15,
-  });
-}

frontend/src/hooks/query/use-settings.ts

@@ -22,8 +22,6 @@ const getSettingsQueryFn = async (): Promise<Settings> => {
     REMOTE_RUNTIME_RESOURCE_FACTOR: apiSettings.remote_runtime_resource_factor,
     PROVIDER_TOKENS_SET: apiSettings.provider_tokens_set,
     ENABLE_DEFAULT_CONDENSER: apiSettings.enable_default_condenser,
-    CONDENSER_MAX_SIZE:
-      apiSettings.condenser_max_size ?? DEFAULT_SETTINGS.CONDENSER_MAX_SIZE,
     ENABLE_SOUND_NOTIFICATIONS: apiSettings.enable_sound_notifications,
     ENABLE_PROACTIVE_CONVERSATION_STARTERS:
       apiSettings.enable_proactive_conversation_starters,

frontend/src/hooks/use-create-conversation-and-subscribe-multiple.ts

@@ -1,27 +1,14 @@
 import React from "react";
-import { useQueries, type Query } from "@tanstack/react-query";
-import toast from "react-hot-toast";
-import { AxiosError } from "axios";
 import { useCreateConversation } from "./mutation/use-create-conversation";
 import { useUserProviders } from "./use-user-providers";
 import { useConversationSubscriptions } from "#/context/conversation-subscriptions-provider";
 import { Provider } from "#/types/settings";
-import { CreateMicroagent, Conversation } from "#/api/open-hands.types";
-import OpenHands from "#/api/open-hands";
-import { renderConversationStartingToast } from "#/components/features/chat/microagent/microagent-status-toast";
-
-interface ConversationData {
-  conversationId: string;
-  sessionApiKey: string | null;
-  baseUrl: string;
-  socketPath: string;
-  onEventCallback?: (event: unknown, conversationId: string) => void;
-}
+import { CreateMicroagent } from "#/api/open-hands.types";
 
 /**
  * Custom hook to create a conversation and subscribe to it, supporting multiple subscriptions.
- * This version waits for conversation status to be "RUNNING" before establishing WebSocket connection.
- * Shows immediate toast feedback and polls conversation status until ready.
+ * This extends the functionality of useCreateConversationAndSubscribe to allow subscribing to
+ * multiple conversations simultaneously.
  */
 export const useCreateConversationAndSubscribeMultiple = () => {
   const { mutate: createConversation, isPending } = useCreateConversation();
@@ -33,88 +20,6 @@ export const useCreateConversationAndSubscribeMultiple = () => {
     activeConversationIds,
   } = useConversationSubscriptions();
 
-  // Store conversation data immediately after creation
-  const [createdConversations, setCreatedConversations] = React.useState<
-    Record<string, ConversationData>
-  >({});
-
-  // Get conversation IDs that need polling
-  const conversationIdsToWatch = Object.keys(createdConversations);
-
-  // Poll each conversation until it's ready
-  const conversationQueries = useQueries({
-    queries: conversationIdsToWatch.map((conversationId) => ({
-      queryKey: ["conversation-ready-poll", conversationId],
-      queryFn: () => OpenHands.getConversation(conversationId),
-      enabled: !!conversationId,
-      refetchInterval: (query: Query<Conversation | null, AxiosError>) => {
-        const status = query.state.data?.status;
-        if (status === "STARTING") {
-          return 3000; // Poll every 3 seconds while STARTING
-        }
-        return false; // Stop polling once not STARTING
-      },
-      retry: false,
-    })),
-  });
-
-  // Extract stable values from queries for dependency array
-  const queryStatuses = conversationQueries.map((query) => query.data?.status);
-  const queryDataExists = conversationQueries.map((query) => !!query.data);
-
-  // Effect to handle subscription when conversations are ready
-  React.useEffect(() => {
-    conversationQueries.forEach((query, index) => {
-      const conversationId = conversationIdsToWatch[index];
-      const conversationData = createdConversations[conversationId];
-
-      if (!query.data || !conversationData) return;
-
-      const { status, url, session_api_key: sessionApiKey } = query.data;
-
-      let { baseUrl } = conversationData;
-      if (url && !url.startsWith("/")) {
-        baseUrl = new URL(url).host;
-      }
-
-      if (status === "RUNNING") {
-        // Conversation is ready - subscribe to WebSocket
-        subscribeToConversation({
-          conversationId,
-          sessionApiKey,
-          providersSet: providers,
-          baseUrl,
-          socketPath: conversationData.socketPath,
-          onEvent: conversationData.onEventCallback,
-        });
-
-        // Remove from created conversations (cleanup)
-        setCreatedConversations((prev) => {
-          const newCreated = { ...prev };
-          delete newCreated[conversationId];
-          return newCreated;
-        });
-      } else if (status === "STOPPED") {
-        // Dismiss the starting toast
-        toast.dismiss(`starting-${conversationId}`);
-
-        // Remove from created conversations (cleanup)
-        setCreatedConversations((prev) => {
-          const newCreated = { ...prev };
-          delete newCreated[conversationId];
-          return newCreated;
-        });
-      }
-    });
-  }, [
-    queryStatuses,
-    queryDataExists,
-    conversationIdsToWatch,
-    createdConversations,
-    subscribeToConversation,
-    providers,
-  ]);
-
   const createConversationAndSubscribe = React.useCallback(
     ({
       query,
@@ -128,7 +33,7 @@ export const useCreateConversationAndSubscribeMultiple = () => {
       conversationInstructions: string;
       repository: {
         name: string;
-        branch?: string;
+        branch: string;
         gitProvider: Provider;
       };
       createMicroagent?: CreateMicroagent;
@@ -144,46 +49,33 @@ export const useCreateConversationAndSubscribeMultiple = () => {
         },
         {
           onSuccess: (data) => {
-            // Show immediate toast to let user know something is happening
-            renderConversationStartingToast(data.conversation_id);
-
-            // Call the success callback immediately
-            if (onSuccessCallback) {
-              onSuccessCallback(data.conversation_id);
-            }
-
-            // Only handle immediate post-creation tasks here
             let baseUrl = "";
-            let socketPath: string;
             if (data?.url && !data.url.startsWith("/")) {
-              const u = new URL(data.url);
-              baseUrl = u.host;
-              const pathBeforeApi =
-                u.pathname.split("/api/conversations")[0] || "/";
-              socketPath = `${pathBeforeApi.replace(/\/$/, "")}/socket.io`;
+              baseUrl = new URL(data.url).host;
             } else {
               baseUrl =
                 (import.meta.env.VITE_BACKEND_BASE_URL as string | undefined) ||
                 window?.location.host;
-              socketPath = "/socket.io";
             }
 
-            // Store conversation data for polling and eventual subscription
-            setCreatedConversations((prev) => ({
-              ...prev,
-              [data.conversation_id]: {
-                conversationId: data.conversation_id,
-                sessionApiKey: data.session_api_key,
-                baseUrl,
-                socketPath,
-                onEventCallback,
-              },
-            }));
+            // Subscribe to the conversation
+            subscribeToConversation({
+              conversationId: data.conversation_id,
+              sessionApiKey: data.session_api_key,
+              providersSet: providers,
+              baseUrl,
+              onEvent: onEventCallback,
+            });
+
+            // Call the success callback if provided
+            if (onSuccessCallback) {
+              onSuccessCallback(data.conversation_id);
+            }
           },
         },
       );
     },
-    [createConversation],
+    [createConversation, subscribeToConversation, providers],
   );
 
   return {

frontend/src/i18n/declaration.ts

@@ -97,8 +97,6 @@ export enum I18nKey {
   SETTINGS$BASE_URL = "SETTINGS$BASE_URL",
   SETTINGS$AGENT = "SETTINGS$AGENT",
   SETTINGS$ENABLE_MEMORY_CONDENSATION = "SETTINGS$ENABLE_MEMORY_CONDENSATION",
-  SETTINGS$CONDENSER_MAX_SIZE = "SETTINGS$CONDENSER_MAX_SIZE",
-  SETTINGS$CONDENSER_MAX_SIZE_TOOLTIP = "SETTINGS$CONDENSER_MAX_SIZE_TOOLTIP",
   SETTINGS$LANGUAGE = "SETTINGS$LANGUAGE",
   ACTION$PUSH_TO_BRANCH = "ACTION$PUSH_TO_BRANCH",
   ACTION$PUSH_CREATE_PR = "ACTION$PUSH_CREATE_PR",
@@ -131,6 +129,7 @@ export enum I18nKey {
   CONVERSATION$REPOSITORY = "CONVERSATION$REPOSITORY",
   CONVERSATION$BRANCH = "CONVERSATION$BRANCH",
   CONVERSATION$GIT_PROVIDER = "CONVERSATION$GIT_PROVIDER",
+  ACCOUNT_SETTINGS$TITLE = "ACCOUNT_SETTINGS$TITLE",
   WORKSPACE$TERMINAL_TAB_LABEL = "WORKSPACE$TERMINAL_TAB_LABEL",
   WORKSPACE$BROWSER_TAB_LABEL = "WORKSPACE$BROWSER_TAB_LABEL",
   WORKSPACE$JUPYTER_TAB_LABEL = "WORKSPACE$JUPYTER_TAB_LABEL",
@@ -327,7 +326,6 @@ export enum I18nKey {
   USER$ACCOUNT_SETTINGS = "USER$ACCOUNT_SETTINGS",
   JUPYTER$OUTPUT_LABEL = "JUPYTER$OUTPUT_LABEL",
   BUTTON$STOP = "BUTTON$STOP",
-  BUTTON$PAUSE = "BUTTON$PAUSE",
   BUTTON$EDIT_TITLE = "BUTTON$EDIT_TITLE",
   BUTTON$DOWNLOAD_VIA_VSCODE = "BUTTON$DOWNLOAD_VIA_VSCODE",
   BUTTON$DISPLAY_COST = "BUTTON$DISPLAY_COST",
@@ -339,8 +337,6 @@ export enum I18nKey {
   LANDING$RECENT_CONVERSATION = "LANDING$RECENT_CONVERSATION",
   CONVERSATION$CONFIRM_DELETE = "CONVERSATION$CONFIRM_DELETE",
   CONVERSATION$CONFIRM_STOP = "CONVERSATION$CONFIRM_STOP",
-  CONVERSATION$CONFIRM_PAUSE = "CONVERSATION$CONFIRM_PAUSE",
-  CONVERSATION$PAUSE_WARNING = "CONVERSATION$PAUSE_WARNING",
   CONVERSATION$STOP_WARNING = "CONVERSATION$STOP_WARNING",
   CONVERSATION$METRICS_INFO = "CONVERSATION$METRICS_INFO",
   CONVERSATION$CREATED = "CONVERSATION$CREATED",
@@ -361,7 +357,6 @@ export enum I18nKey {
   CHAT_INTERFACE$INPUT_PLACEHOLDER = "CHAT_INTERFACE$INPUT_PLACEHOLDER",
   CHAT_INTERFACE$INPUT_CONTINUE_MESSAGE = "CHAT_INTERFACE$INPUT_CONTINUE_MESSAGE",
   CHAT_INTERFACE$USER_ASK_CONFIRMATION = "CHAT_INTERFACE$USER_ASK_CONFIRMATION",
-  CHAT_INTERFACE$HIGH_RISK_WARNING = "CHAT_INTERFACE$HIGH_RISK_WARNING",
   CHAT_INTERFACE$USER_CONFIRMED = "CHAT_INTERFACE$USER_CONFIRMED",
   CHAT_INTERFACE$USER_REJECTED = "CHAT_INTERFACE$USER_REJECTED",
   CHAT_INTERFACE$INPUT_SEND_MESSAGE_BUTTON_CONTENT = "CHAT_INTERFACE$INPUT_SEND_MESSAGE_BUTTON_CONTENT",
@@ -376,6 +371,10 @@ export enum I18nKey {
   CHAT_INTERFACE$MESSAGE_ARIA_LABEL = "CHAT_INTERFACE$MESSAGE_ARIA_LABEL",
   CHAT_INTERFACE$CHAT_CONVERSATION = "CHAT_INTERFACE$CHAT_CONVERSATION",
   CHAT_INTERFACE$UNKNOWN_SENDER = "CHAT_INTERFACE$UNKNOWN_SENDER",
+  SECURITY_ANALYZER$UNKNOWN_RISK = "SECURITY_ANALYZER$UNKNOWN_RISK",
+  SECURITY_ANALYZER$LOW_RISK = "SECURITY_ANALYZER$LOW_RISK",
+  SECURITY_ANALYZER$MEDIUM_RISK = "SECURITY_ANALYZER$MEDIUM_RISK",
+  SECURITY_ANALYZER$HIGH_RISK = "SECURITY_ANALYZER$HIGH_RISK",
   SETTINGS$MODEL_TOOLTIP = "SETTINGS$MODEL_TOOLTIP",
   SETTINGS$AGENT_TOOLTIP = "SETTINGS$AGENT_TOOLTIP",
   SETTINGS$LANGUAGE_TOOLTIP = "SETTINGS$LANGUAGE_TOOLTIP",
@@ -386,12 +385,9 @@ export enum I18nKey {
   SETTINGS$REFRESH_LLM_API_KEY = "SETTINGS$REFRESH_LLM_API_KEY",
   SETTINGS$CONFIRMATION_MODE = "SETTINGS$CONFIRMATION_MODE",
   SETTINGS$CONFIRMATION_MODE_TOOLTIP = "SETTINGS$CONFIRMATION_MODE_TOOLTIP",
-  SETTINGS$CONFIRMATION_MODE_LOCK_TOOLTIP = "SETTINGS$CONFIRMATION_MODE_LOCK_TOOLTIP",
   SETTINGS$AGENT_SELECT_ENABLED = "SETTINGS$AGENT_SELECT_ENABLED",
   SETTINGS$SECURITY_ANALYZER = "SETTINGS$SECURITY_ANALYZER",
   SETTINGS$SECURITY_ANALYZER_PLACEHOLDER = "SETTINGS$SECURITY_ANALYZER_PLACEHOLDER",
-  SETTINGS$SECURITY_ANALYZER_TOOLTIP = "SETTINGS$SECURITY_ANALYZER_TOOLTIP",
-  SETTINGS$SECURITY_ANALYZER_DESCRIPTION = "SETTINGS$SECURITY_ANALYZER_DESCRIPTION",
   SETTINGS$DONT_KNOW_API_KEY = "SETTINGS$DONT_KNOW_API_KEY",
   SETTINGS$CLICK_FOR_INSTRUCTIONS = "SETTINGS$CLICK_FOR_INSTRUCTIONS",
   SETTINGS$SAVED = "SETTINGS$SAVED",
@@ -478,6 +474,7 @@ export enum I18nKey {
   PROJECT_MENU_CARD_CONTEXT_MENU$DOWNLOAD_FILES_LABEL = "PROJECT_MENU_CARD_CONTEXT_MENU$DOWNLOAD_FILES_LABEL",
   PROJECT_MENU_CARD$OPEN = "PROJECT_MENU_CARD$OPEN",
   ACTION_BUTTON$RESUME = "ACTION_BUTTON$RESUME",
+  ACTION_BUTTON$PAUSE = "ACTION_BUTTON$PAUSE",
   BROWSER$SCREENSHOT_ALT = "BROWSER$SCREENSHOT_ALT",
   ERROR_TOAST$CLOSE_BUTTON_LABEL = "ERROR_TOAST$CLOSE_BUTTON_LABEL",
   FILE_EXPLORER$UPLOAD = "FILE_EXPLORER$UPLOAD",
@@ -516,6 +513,7 @@ export enum I18nKey {
   STATUS$CONNECTED = "STATUS$CONNECTED",
   BROWSER$NO_PAGE_LOADED = "BROWSER$NO_PAGE_LOADED",
   USER$AVATAR_PLACEHOLDER = "USER$AVATAR_PLACEHOLDER",
+  ACCOUNT_SETTINGS$SETTINGS = "ACCOUNT_SETTINGS$SETTINGS",
   ACCOUNT_SETTINGS$LOGOUT = "ACCOUNT_SETTINGS$LOGOUT",
   SETTINGS_FORM$ADVANCED_OPTIONS_LABEL = "SETTINGS_FORM$ADVANCED_OPTIONS_LABEL",
   CONVERSATION$NO_CONVERSATIONS = "CONVERSATION$NO_CONVERSATIONS",
@@ -575,6 +573,8 @@ export enum I18nKey {
   ENTERPRISE_SSO$CONNECT_TO_ENTERPRISE_SSO = "ENTERPRISE_SSO$CONNECT_TO_ENTERPRISE_SSO",
   AUTH$SIGN_IN_WITH_IDENTITY_PROVIDER = "AUTH$SIGN_IN_WITH_IDENTITY_PROVIDER",
   WAITLIST$JOIN_WAITLIST = "WAITLIST$JOIN_WAITLIST",
+  ACCOUNT_SETTINGS$ADDITIONAL_SETTINGS = "ACCOUNT_SETTINGS$ADDITIONAL_SETTINGS",
+  ACCOUNT_SETTINGS$DISCONNECT_FROM_GITHUB = "ACCOUNT_SETTINGS$DISCONNECT_FROM_GITHUB",
   CONVERSATION$DELETE_WARNING = "CONVERSATION$DELETE_WARNING",
   FEEDBACK$TITLE = "FEEDBACK$TITLE",
   FEEDBACK$DESCRIPTION = "FEEDBACK$DESCRIPTION",
@@ -781,6 +781,8 @@ export enum I18nKey {
   PROJECT_MANAGEMENT$SVC_ACC_EMAIL_VALIDATION_ERROR = "PROJECT_MANAGEMENT$SVC_ACC_EMAIL_VALIDATION_ERROR",
   PROJECT_MANAGEMENT$SVC_ACC_API_KEY_VALIDATION_ERROR = "PROJECT_MANAGEMENT$SVC_ACC_API_KEY_VALIDATION_ERROR",
   MICROAGENT_MANAGEMENT$ERROR_LOADING_MICROAGENT_CONTENT = "MICROAGENT_MANAGEMENT$ERROR_LOADING_MICROAGENT_CONTENT",
+  SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT = "SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT",
+  SETTINGS$MCP_ERROR_URL_DUPLICATE = "SETTINGS$MCP_ERROR_URL_DUPLICATE",
   SETTINGS$MCP_SERVER_TYPE_SSE = "SETTINGS$MCP_SERVER_TYPE_SSE",
   SETTINGS$MCP_SERVER_TYPE_STDIO = "SETTINGS$MCP_SERVER_TYPE_STDIO",
   SETTINGS$MCP_SERVER_TYPE_SHTTP = "SETTINGS$MCP_SERVER_TYPE_SHTTP",
@@ -792,8 +794,6 @@ export enum I18nKey {
   SETTINGS$MCP_ERROR_NAME_DUPLICATE = "SETTINGS$MCP_ERROR_NAME_DUPLICATE",
   SETTINGS$MCP_ERROR_COMMAND_REQUIRED = "SETTINGS$MCP_ERROR_COMMAND_REQUIRED",
   SETTINGS$MCP_ERROR_COMMAND_NO_SPACES = "SETTINGS$MCP_ERROR_COMMAND_NO_SPACES",
-  SETTINGS$MCP_ERROR_URL_DUPLICATE = "SETTINGS$MCP_ERROR_URL_DUPLICATE",
-  SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT = "SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT",
   SETTINGS$MCP_SERVER_TYPE = "SETTINGS$MCP_SERVER_TYPE",
   SETTINGS$MCP_API_KEY_PLACEHOLDER = "SETTINGS$MCP_API_KEY_PLACEHOLDER",
   SETTINGS$MCP_COMMAND_ARGUMENTS = "SETTINGS$MCP_COMMAND_ARGUMENTS",
@@ -814,15 +814,4 @@ export enum I18nKey {
   MICROAGENT_MANAGEMENT$PR_READY_FOR_REVIEW = "MICROAGENT_MANAGEMENT$PR_READY_FOR_REVIEW",
   MICROAGENT_MANAGEMENT$PR_NOT_CREATED = "MICROAGENT_MANAGEMENT$PR_NOT_CREATED",
   MICROAGENT_MANAGEMENT$ERROR_CREATING_MICROAGENT = "MICROAGENT_MANAGEMENT$ERROR_CREATING_MICROAGENT",
-  MICROAGENT$STATUS_WAITING = "MICROAGENT$STATUS_WAITING",
-  MICROAGENT$UNKNOWN_ERROR = "MICROAGENT$UNKNOWN_ERROR",
-  MICROAGENT$CONVERSATION_STARTING = "MICROAGENT$CONVERSATION_STARTING",
-  MICROAGENT_MANAGEMENT$EXISTING_MICROAGENTS = "MICROAGENT_MANAGEMENT$EXISTING_MICROAGENTS",
-  SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT = "SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT",
-  SETTINGS$SECURITY_ANALYZER_NONE = "SETTINGS$SECURITY_ANALYZER_NONE",
-  SETTINGS$SECURITY_ANALYZER_INVARIANT = "SETTINGS$SECURITY_ANALYZER_INVARIANT",
-  COMMON$HIGH_RISK = "COMMON$HIGH_RISK",
-  MICROAGENT$DEFINITION = "MICROAGENT$DEFINITION",
-  MICROAGENT$ADD_TO_MEMORY = "MICROAGENT$ADD_TO_MEMORY",
-  COMMON$IN_PROGRESS = "COMMON$IN_PROGRESS",
 }

frontend/src/i18n/translation.json

@@ -432,68 +432,68 @@
     "uk": "Повторний вхід до OpenHands..."
   },
   "SECURITY$LOW_RISK": {
-    "en": "Risk: Low",
-    "ja": "リスク: 低",
-    "zh-CN": "风险: 低",
-    "zh-TW": "風險: 低",
-    "ko-KR": "위험: 낮음",
-    "no": "Risiko: Lav",
-    "it": "Rischio: Basso",
-    "pt": "Risco: Baixo",
-    "es": "Riesgo: Bajo",
-    "ar": "المخاطر: منخفضة",
-    "fr": "Risque : Faible",
-    "tr": "Risk: Düşük",
-    "de": "Risiko: Gering",
-    "uk": "Ризик: Низький"
+    "en": "Low Risk",
+    "ja": "低リスク",
+    "zh-CN": "低风险",
+    "zh-TW": "低風險",
+    "ko-KR": "낮은 위험",
+    "no": "Lav risiko",
+    "it": "Rischio basso",
+    "pt": "Baixo risco",
+    "es": "Riesgo bajo",
+    "ar": "مخاطر منخفضة",
+    "fr": "Risque faible",
+    "tr": "Düşük risk",
+    "de": "Geringes Risiko",
+    "uk": "Низький ризик"
   },
   "SECURITY$MEDIUM_RISK": {
-    "en": "Risk: Medium",
-    "ja": "リスク: 中",
-    "zh-CN": "风险: 中等",
-    "zh-TW": "風險: 中等",
-    "ko-KR": "위험: 중간",
-    "no": "Risiko: Middels",
-    "it": "Rischio: Medio",
-    "pt": "Risco: Médio",
-    "es": "Riesgo: Medio",
-    "ar": "المخاطر: متوسطة",
-    "fr": "Risque : Moyen",
-    "tr": "Risk: Orta",
-    "de": "Risiko: Mittel",
-    "uk": "Ризик: Середній"
+    "en": "Medium Risk",
+    "ja": "中リスク",
+    "zh-CN": "中等风险",
+    "zh-TW": "中等風險",
+    "ko-KR": "중간 위험",
+    "no": "Middels risiko",
+    "it": "Rischio medio",
+    "pt": "Risco médio",
+    "es": "Riesgo medio",
+    "ar": "مخاطر متوسطة",
+    "fr": "Risque moyen",
+    "tr": "Orta risk",
+    "de": "Mittleres Risiko",
+    "uk": "Середній ризик"
   },
   "SECURITY$HIGH_RISK": {
-    "en": "Risk: High",
-    "ja": "リスク: 高",
-    "zh-CN": "风险: 高",
-    "zh-TW": "風險: 高",
-    "ko-KR": "위험: 높음",
-    "no": "Risiko: Høy",
-    "it": "Rischio: Alto",
-    "pt": "Risco: Alto",
-    "es": "Riesgo: Alto",
-    "ar": "المخاطر: عالية",
-    "fr": "Risque : Élevé",
-    "tr": "Risk: Yüksek",
-    "de": "Risiko: Hoch",
-    "uk": "Ризик: Високий"
+    "en": "High Risk",
+    "ja": "高リスク",
+    "zh-CN": "高风险",
+    "zh-TW": "高風險",
+    "ko-KR": "높은 위험",
+    "no": "Høy risiko",
+    "it": "Rischio alto",
+    "pt": "Alto risco",
+    "es": "Riesgo alto",
+    "ar": "مخاطر عالية",
+    "fr": "Risque élevé",
+    "tr": "Yüksek risk",
+    "de": "Hohes Risiko",
+    "uk": "Високий ризик"
   },
   "SECURITY$UNKNOWN_RISK": {
-    "en": "Risk: Unknown",
-    "ja": "リスク: 不明",
-    "zh-CN": "风险: 未知",
-    "zh-TW": "風險: 未知",
-    "ko-KR": "위험: 알 수 없음",
-    "no": "Risiko: Ukjent",
-    "it": "Rischio: Sconosciuto",
-    "pt": "Risco: Desconhecido",
-    "es": "Riesgo: Desconocido",
-    "ar": "المخاطر: غير معروفة",
-    "fr": "Risque : Inconnu",
-    "tr": "Risk: Bilinmeyen",
-    "de": "Risiko: Unbekannt",
-    "uk": "Ризик: Невідомий"
+    "en": "Unknown Risk",
+    "ja": "不明なリスク",
+    "zh-CN": "未知风险",
+    "zh-TW": "未知風險",
+    "ko-KR": "알 수 없는 위험",
+    "no": "Ukjent risiko",
+    "it": "Rischio sconosciuto",
+    "pt": "Risco desconhecido",
+    "es": "Riesgo desconocido",
+    "ar": "مخاطر غير معروفة",
+    "fr": "Risque inconnu",
+    "tr": "Bilinmeyen risk",
+    "de": "Unbekanntes Risiko",
+    "uk": "Невідомий ризик"
   },
   "FINISH$TASK_COMPLETED_SUCCESSFULLY": {
     "en": "I believe that the task was **completed successfully**.",
@@ -1551,38 +1551,6 @@
     "de": "Speicherkondensation aktivieren",
     "uk": "Увімкнути конденсацію пам'яті"
   },
-  "SETTINGS$CONDENSER_MAX_SIZE": {
-    "en": "Memory condenser max history size",
-    "ja": "メモリ凝縮の最大履歴サイズ",
-    "zh-CN": "内存凝缩最大历史大小",
-    "zh-TW": "記憶體凝縮最大歷史大小",
-    "ko-KR": "메모리 응축 최대 기록 크기",
-    "no": "Maks historikkstørrelse for minnekondenser",
-    "it": "Dimensione massima cronologia condensatore di memoria",
-    "pt": "Tamanho máximo do histórico do condensador de memória",
-    "es": "Tamaño máximo del historial del condensador de memoria",
-    "ar": "الحد الأقصى لحجم سجل مكثف الذاكرة",
-    "fr": "Taille maximale de l'historique du condenseur de mémoire",
-    "tr": "Bellek yoğunlaştırıcı maksimum geçmiş boyutu",
-    "de": "Maximale Verlaufgröße des Speicherkondensators",
-    "uk": "Максимальний розмір історії конденсатора пам'яті"
-  },
-  "SETTINGS$CONDENSER_MAX_SIZE_TOOLTIP": {
-    "en": "After this many events, the condenser will summarize history. Minimum 20.",
-    "ja": "このイベント数を超えると、凝縮器が履歴を要約します。最小 20。",
-    "zh-CN": "达到此事件数量后，凝缩器将汇总历史。最小 20。",
-    "zh-TW": "超過此事件數後，凝縮器會摘要歷史。最小 20。",
-    "ko-KR": "이 이벤트 수 이후 응축기가 기록을 요약합니다. 최소 20.",
-    "no": "Etter så mange hendelser vil kondenseren oppsummere historikken. Minimum 20.",
-    "it": "Dopo questo numero di eventi, il condensatore riassumerà la cronologia. Minimo 20.",
-    "pt": "Após esse número de eventos, o condensador irá resumir o histórico. Mínimo 20.",
-    "es": "Después de este número de eventos, el condensador resumirá el historial. Mínimo 20.",
-    "ar": "بعد هذا العدد من الأحداث، سيقوم المكثف بتلخيص السجل. الحد الأدنى 20.",
-    "fr": "Après ce nombre d'événements, le condenseur résumera l'historique. Minimum 20.",
-    "tr": "Bu kadar olaydan sonra yoğunlaştırıcı geçmişi özetler. En az 20.",
-    "de": "Nach so vielen Ereignissen fasst der Kondensator die Historie zusammen. Minimum 20.",
-    "uk": "Після цієї кількості подій конденсатор узагальнить історію. Мінімум 20."
-  },
   "SETTINGS$LANGUAGE": {
     "en": "Language",
     "ja": "言語",
@@ -2095,6 +2063,22 @@
     "de": "Git-Anbieter",
     "uk": "Git-провайдер"
   },
+  "ACCOUNT_SETTINGS$TITLE": {
+    "en": "Account Settings",
+    "ja": "アカウント設定",
+    "zh-CN": "账户设置",
+    "zh-TW": "帳戶設定",
+    "ko-KR": "계정 설정",
+    "no": "Kontoinnstillinger",
+    "it": "Impostazioni account",
+    "pt": "Configurações da conta",
+    "es": "Configuración de la cuenta",
+    "ar": "إعدادات الحساب",
+    "fr": "Paramètres du compte",
+    "tr": "Hesap ayarları",
+    "de": "Kontoeinstellungen",
+    "uk": "Налаштування облікового запису"
+  },
   "WORKSPACE$TERMINAL_TAB_LABEL": {
     "en": "Terminal",
     "zh-CN": "终端",
@@ -2448,20 +2432,20 @@
     "uk": "Git налаштування"
   },
   "SETTINGS$GIT_SETTINGS_DESCRIPTION": {
-    "en": "Configure the username and email that OpenHands uses to commit changes.",
-    "ja": "OpenHandsがコミットに使用するユーザー名とメールを設定します。",
-    "zh-CN": "配置OpenHands用于提交更改的用户名和电子邮件。",
-    "zh-TW": "配置OpenHands用於提交更改的用戶名和電子郵件。",
-    "ko-KR": "OpenHands가 변경 사항을 커밋할 때 사용하는 사용자 이름과 이메일을 구성합니다.",
-    "de": "Konfigurieren Sie den Benutzernamen und die E-Mail, die OpenHands zum Committen von Änderungen verwendet.",
-    "no": "Konfigurer brukernavnet og e-posten som OpenHands bruker for å committe endringer.",
-    "it": "Configura il nome utente e l'email che OpenHands utilizza per committare le modifiche.",
-    "pt": "Configure o nome de usuário e o email que o OpenHands usa para fazer commits de alterações.",
-    "es": "Configure el nombre de usuario y el correo electrónico que OpenHands utiliza para confirmar cambios.",
-    "ar": "قم بتكوين اسم المستخدم والبريد الإلكتروني الذي يستخدمه OpenHands لارتكاب التغييرات.",
-    "fr": "Configurez le nom d'utilisateur et l'email qu'OpenHands utilise pour valider les modifications.",
-    "tr": "OpenHands'ın değişiklikleri commit etmek için kullandığı kullanıcı adını ve e-postayı yapılandırın.",
-    "uk": "Налаштуйте ім'я користувача та електронну пошту, які OpenHands використовує для фіксації змін."
+    "en": "Configure Git integration settings",
+    "ja": "Git統合設定を構成する",
+    "zh-CN": "配置Git集成设置",
+    "zh-TW": "配置Git整合設定",
+    "ko-KR": "Git 통합 설정 구성",
+    "de": "Git-Integrationseinstellungen konfigurieren",
+    "no": "Konfigurer Git-integrasjonsinnstillinger",
+    "it": "Configura le impostazioni di integrazione Git",
+    "pt": "Configure as configurações de integração Git",
+    "es": "Configure los ajustes de integración Git",
+    "ar": "تكوين إعدادات تكامل Git",
+    "fr": "Configurer les paramètres d'intégration Git",
+    "tr": "Git entegrasyon ayarlarını yapılandırın",
+    "uk": "Налаштуйте параметри інтеграції Git"
   },
   "SETTINGS$SOUND_NOTIFICATIONS": {
     "en": "Sound Notifications",
@@ -2536,11 +2520,11 @@
     "de": "Lösbarkeitsanalyse aktivieren",
     "no": "Aktiver løsningsanalyse",
     "it": "Abilita analisi di risolvibilità",
-    "pt": "Ativar análise de solucionabilidade",
-    "es": "Habilitar análisis de solvencia",
+    "pt": "Ativar análise de resolubilidade",
+    "es": "Habilitar análisis de resolubilidad",
     "ar": "تمكين تحليل القابلية للحل",
-    "fr": "Activer l'analyse de solvabilité",
-    "tr": "Çözünürlük Analizini Etkinleştir",
+    "fr": "Activer l'analyse de résolvabilité",
+    "tr": "Çözülebilirlik analizini etkinleştir",
     "uk": "Увімкнути аналіз розв'язності"
   },
   "SETTINGS$SEARCH_API_KEY": {
@@ -5231,22 +5215,6 @@
     "tr": "Durdur",
     "uk": "Стоп"
   },
-  "BUTTON$PAUSE": {
-    "en": "Pause",
-    "ja": "一時停止",
-    "zh-CN": "暂停",
-    "zh-TW": "暫停",
-    "ko-KR": "일시정지",
-    "fr": "Mettre en pause",
-    "es": "Pausar",
-    "de": "Pausieren",
-    "it": "Pausa",
-    "pt": "Pausar",
-    "ar": "إيقاف مؤقت",
-    "no": "Pause",
-    "tr": "Duraklat",
-    "uk": "Призупинити"
-  },
   "BUTTON$EDIT_TITLE": {
     "en": "Edit Title",
     "ja": "タイトルを編集",
@@ -5423,40 +5391,8 @@
     "de": "Stopp bestätigen",
     "uk": "Підтвердити зупинку"
   },
-  "CONVERSATION$CONFIRM_PAUSE": {
-    "en": "Confirm Pause",
-    "ja": "一時停止の確認",
-    "zh-CN": "确认暂停",
-    "zh-TW": "確認暫停",
-    "ko-KR": "일시정지 확인",
-    "no": "Bekreft pause",
-    "it": "Conferma pausa",
-    "pt": "Confirmar pausa",
-    "es": "Confirmar pausa",
-    "ar": "تأكيد الإيقاف المؤقت",
-    "fr": "Confirmer la mise en pause",
-    "tr": "Duraklatmayı Onayla",
-    "de": "Pause bestätigen",
-    "uk": "Підтвердити призупинення"
-  },
-  "CONVERSATION$PAUSE_WARNING": {
-    "en": "Are you sure you want to pause this conversation?",
-    "ja": "この会話を一時停止してもよろしいですか？",
-    "zh-CN": "您确定要暂停此对话吗？",
-    "zh-TW": "您確定要暫停此對話嗎？",
-    "ko-KR": "이 대화를 일시정지하시겠습니까?",
-    "no": "Er du sikker på at du vil pause denne samtalen?",
-    "it": "Sei sicuro di voler mettere in pausa questa conversazione?",
-    "pt": "Tem certeza de que deseja pausar esta conversa?",
-    "es": "¿Está seguro de que desea pausar esta conversación?",
-    "ar": "هل أنت متأكد أنك تريد إيقاف هذه المحادثة مؤقتًا؟",
-    "fr": "Êtes-vous sûr de vouloir mettre cette conversation en pause ?",
-    "tr": "Bu konuşmayı duraklatmak istediğinizden emin misiniz?",
-    "de": "Sind Sie sicher, dass Sie dieses Gespräch pausieren möchten?",
-    "uk": "Ви впевнені, що хочете призупинити цю розмову?"
-  },
   "CONVERSATION$STOP_WARNING": {
-    "en": "Are you sure you want to pause this conversation?",
+    "en": "Are you sure you want to stop this conversation?",
     "ja": "この会話を停止してもよろしいですか？",
     "zh-CN": "您确定要停止此对话吗？",
     "zh-TW": "您確定要停止此對話嗎？",
@@ -5775,22 +5711,6 @@
     "ja": "このアクションを実行してもよろしいですか？",
     "uk": "Ви хочете продовжити цю дію?"
   },
-  "CHAT_INTERFACE$HIGH_RISK_WARNING": {
-    "en": "Review carefully before proceeding.",
-    "zh-CN": "在继续之前请仔细检查。",
-    "de": "Überprüfen Sie sorgfältig, bevor Sie fortfahren.",
-    "zh-TW": "在繼續之前請仔細檢查。",
-    "ko-KR": "계속하기 전에 신중히 검토하세요.",
-    "no": "Gå nøye gjennom før du fortsetter.",
-    "it": "Esamina attentamente prima di procedere.",
-    "pt": "Revise cuidadosamente antes de prosseguir.",
-    "es": "Revise cuidadosamente antes de continuar.",
-    "ar": "يرجى المراجعة بعناية قبل المتابعة.",
-    "fr": "Examinez attentivement avant de continuer.",
-    "tr": "Devam etmeden önce dikkatlice gözden geçirin.",
-    "ja": "続行する前に慎重に確認してください。",
-    "uk": "Уважно перевірте перед продовженням."
-  },
   "CHAT_INTERFACE$USER_CONFIRMED": {
     "en": "Confirm the requested action",
     "de": "Bestätigen Sie die angeforderte Aktion",
@@ -6015,6 +5935,70 @@
     "ja": "不明な送信者",
     "uk": "Невідомий"
   },
+  "SECURITY_ANALYZER$UNKNOWN_RISK": {
+    "en": "Unknown Risk",
+    "de": "Unbekanntes Risiko",
+    "zh-CN": "未知风险",
+    "ko-KR": "알 수 없는 위험",
+    "no": "Ukjent risiko",
+    "zh-TW": "未知風險",
+    "it": "Rischio sconosciuto",
+    "pt": "Risco desconhecido",
+    "es": "Riesgo desconocido",
+    "ar": "مخاطر غير معروفة",
+    "fr": "Risque inconnu",
+    "tr": "Bilinmeyen risk",
+    "ja": "不明なリスク",
+    "uk": "Невідомий ризик"
+  },
+  "SECURITY_ANALYZER$LOW_RISK": {
+    "en": "Low Risk",
+    "de": "Niedriges Risiko",
+    "zh-CN": "低风险",
+    "ko-KR": "낮은 위험",
+    "no": "Lav risiko",
+    "zh-TW": "低風險",
+    "it": "Rischio basso",
+    "pt": "Baixo risco",
+    "es": "Riesgo bajo",
+    "ar": "مخاطر منخفضة",
+    "fr": "Risque faible",
+    "tr": "Düşük risk",
+    "ja": "低リスク",
+    "uk": "Низький ризик"
+  },
+  "SECURITY_ANALYZER$MEDIUM_RISK": {
+    "en": "Medium Risk",
+    "de": "Mittleres Risiko",
+    "zh-CN": "中等风险",
+    "ko-KR": "중간 위험",
+    "no": "Middels risiko",
+    "zh-TW": "中等風險",
+    "it": "Rischio medio",
+    "pt": "Risco médio",
+    "es": "Riesgo medio",
+    "ar": "مخاطر متوسطة",
+    "fr": "Risque moyen",
+    "tr": "Orta risk",
+    "ja": "中リスク",
+    "uk": "Середній ризик"
+  },
+  "SECURITY_ANALYZER$HIGH_RISK": {
+    "en": "High Risk",
+    "de": "Hohes Risiko",
+    "zh-CN": "高风险",
+    "ko-KR": "높은 위험",
+    "no": "Høy risiko",
+    "zh-TW": "高風險",
+    "it": "Rischio elevato",
+    "pt": "Alto risco",
+    "es": "Riesgo alto",
+    "ar": "مخاطر عالية",
+    "fr": "Risque élevé",
+    "tr": "Yüksek risk",
+    "ja": "高リスク",
+    "uk": "Високий ризик"
+  },
   "SETTINGS$MODEL_TOOLTIP": {
     "en": "Select the language model to use.",
     "zh-CN": "选择要使用的语言模型",
@@ -6175,22 +6159,6 @@
     "ja": "エージェントのアクションを実行前に確認",
     "uk": "Очікує підтвердження користувача перед виконанням коду."
   },
-  "SETTINGS$CONFIRMATION_MODE_LOCK_TOOLTIP": {
-    "en": "The agent is in confirmation mode. It will prompt the user to confirm certain actions when security analyzer policy detected a high-risk action. Click this icon to go to settings tab for more information.",
-    "de": "Der Agent befindet sich im Bestätigungsmodus. Er wird den Benutzer auffordern, bestimmte Aktionen zu bestätigen, wenn die Sicherheitsanalysator-Richtlinie eine risikoreiche Aktion erkannt hat. Weitere Informationen finden Sie auf der Registerkarte Einstellungen.",
-    "zh-CN": "代理处于确认模式。当安全分析器策略检测到高风险操作时，它会提示用户确认某些操作。查看设置选项卡了解更多信息。",
-    "zh-TW": "代理處於確認模式。當安全分析器策略檢測到高風險操作時，它會提示使用者確認某些操作。查看設定選項卡了解更多資訊。",
-    "ko-KR": "에이전트가 확인 모드에 있습니다. 보안 분석기 정책이 고위험 작업을 감지하면 사용자에게 특정 작업을 확인하도록 요청합니다. 자세한 내용은 설정 탭을 확인하세요.",
-    "no": "Agenten er i bekreftelsesmodus. Den vil be brukeren om å bekrefte visse handlinger når sikkerhetsanalysatorpolitikken oppdager en høyrisiko-handling. Sjekk innstillingsfanen for mer informasjon.",
-    "it": "L'agente è in modalità di conferma. Chiederà all'utente di confermare certe azioni quando la politica dell'analizzatore di sicurezza rileva un'azione ad alto rischio. Controlla la scheda impostazioni per maggiori informazioni.",
-    "pt": "O agente está no modo de confirmação. Ele solicitará ao usuário que confirme certas ações quando a política do analisador de segurança detectar uma ação de alto risco. Verifique a aba de configurações para mais informações.",
-    "es": "El agente está en modo de confirmación. Solicitará al usuario que confirme ciertas acciones cuando la política del analizador de seguridad detecte una acción de alto riesgo. Consulte la pestaña de configuración para obtener más información.",
-    "ar": "الوكيل في وضع التأكيد. سيطلب من المستخدم تأكيد إجراءات معينة عندما تكتشف سياسة محلل الأمان إجراءً عالي المخاطر. تحقق من علامة تبويب الإعدادات للحصول على مزيد من المعلومات.",
-    "fr": "L'agent est en mode de confirmation. Il demandera à l'utilisateur de confirmer certaines actions lorsque la politique de l'analyseur de sécurité détecte une action à haut risque. Consultez l'onglet paramètres pour plus d'informations.",
-    "tr": "Ajan onay modunda. Güvenlik analizörü politikası yüksek riskli bir eylem tespit ettiğinde kullanıcıdan belirli eylemleri onaylamasını isteyecek. Daha fazla bilgi için ayarlar sekmesini kontrol edin.",
-    "ja": "エージェントは確認モードです。セキュリティアナライザーポリシーが高リスクアクションを検出した場合、特定のアクションの確認をユーザーに求めます。詳細については設定タブを確認してください。",
-    "uk": "Агент знаходиться в режимі підтвердження. Він попросить користувача підтвердити певні дії, коли політика аналізатора безпеки виявить дію високого ризику. Перевірте вкладку налаштувань для отримання додаткової інформації."
-  },
   "SETTINGS$AGENT_SELECT_ENABLED": {
     "en": "Enable Agent Selection - Advanced Users",
     "zh-CN": "启用智能体选择 - 高级用户",
@@ -6239,38 +6207,6 @@
     "ja": "セキュリティアナライザーを選択…",
     "uk": "Виберіть аналізатор безпеки…"
   },
-  "SETTINGS$SECURITY_ANALYZER_TOOLTIP": {
-    "en": "When enabled, the agent will pause and ask for confirmation when it tries to execute high-risk actions",
-    "de": "Wenn aktiviert, pausiert der Agent und fragt nach Bestätigung, wenn er versucht, risikoreiche Aktionen auszuführen",
-    "zh-CN": "启用后，代理在尝试执行高风险操作时会暂停并要求确认",
-    "zh-TW": "啟用後，代理在嘗試執行高風險操作時會暫停並要求確認",
-    "ko-KR": "활성화되면 에이전트가 고위험 작업을 실행하려고 할 때 일시 중지하고 확인을 요청합니다",
-    "no": "Når aktivert, vil agenten pause og be om bekreftelse når den prøver å utføre høyrisiko-handlinger",
-    "it": "Quando abilitato, l'agente si fermerà e chiederà conferma quando tenta di eseguire azioni ad alto rischio",
-    "pt": "Quando ativado, o agente pausará e pedirá confirmação quando tentar executar ações de alto risco",
-    "es": "Cuando está habilitado, el agente se pausará y pedirá confirmación cuando trate de ejecutar acciones de alto riesgo",
-    "ar": "عند التمكين، سيتوقف الوكيل ويطلب التأكيد عندما يحاول تنفيذ إجراءات عالية المخاطر",
-    "fr": "Lorsqu'il est activé, l'agent se mettra en pause et demandera confirmation lorsqu'il tentera d'exécuter des actions à haut risque",
-    "tr": "Etkinleştirildiğinde, ajan yüksek riskli eylemleri gerçekleştirmeye çalıştığında duraklar ve onay ister",
-    "ja": "有効にすると、エージェントは高リスクなアクションを実行しようとする際に一時停止し、確認を求めます",
-    "uk": "Коли увімкнено, агент зупиниться і попросить підтвердження, коли спробує виконати дії високого ризику"
-  },
-  "SETTINGS$SECURITY_ANALYZER_DESCRIPTION": {
-    "en": "The security analyzer will be used in conjunction with confirmation mode. By default, it utilizes LLM-predicted action risk to determine whether to prompt the user for confirmation. If the risk is HIGH, it will prompt the user for confirmation by default.",
-    "de": "Der Sicherheitsanalysator wird in Verbindung mit dem Bestätigungsmodus verwendet. Standardmäßig nutzt er LLM-vorhergesagtes Aktionsrisiko, um zu bestimmen, ob der Benutzer zur Bestätigung aufgefordert werden soll. Wenn das Risiko HOCH ist, wird er standardmäßig zur Bestätigung auffordern.",
-    "zh-CN": "安全分析器将与确认模式结合使用。默认情况下，它利用LLM预测的操作风险来确定是否提示用户确认。如果风险为高，它将默认提示用户确认。",
-    "zh-TW": "安全分析器將與確認模式結合使用。預設情況下，它利用LLM預測的操作風險來確定是否提示用戶確認。如果風險為高，它將預設提示用戶確認。",
-    "ko-KR": "보안 분석기는 확인 모드와 함께 사용됩니다. 기본적으로 LLM이 예측한 작업 위험을 활용하여 사용자에게 확인을 요청할지 결정합니다. 위험이 높으면 기본적으로 사용자에게 확인을 요청합니다.",
-    "no": "Sikkerhetsanalysatoren vil bli brukt i forbindelse med bekreftelsesmodus. Som standard bruker den LLM-forutsagt handlingsrisiko for å bestemme om brukeren skal bli bedt om bekreftelse. Hvis risikoen er HØY, vil den be om bekreftelse som standard.",
-    "it": "L'analizzatore di sicurezza verrà utilizzato insieme alla modalità di conferma. Per impostazione predefinita, utilizza il rischio di azione previsto dall'LLM per determinare se richiedere conferma all'utente. Se il rischio è ALTO, richiederà conferma per impostazione predefinita.",
-    "pt": "O analisador de segurança será usado em conjunto com o modo de confirmação. Por padrão, utiliza o risco de ação previsto pelo LLM para determinar se deve solicitar confirmação ao usuário. Se o risco for ALTO, solicitará confirmação por padrão.",
-    "es": "El analizador de seguridad se utilizará junto con el modo de confirmación. Por defecto, utiliza el riesgo de acción predicho por LLM para determinar si solicitar confirmación al usuario. Si el riesgo es ALTO, solicitará confirmación por defecto.",
-    "ar": "سيتم استخدام محلل الأمان بالتزامن مع وضع التأكيد. افتراضياً، يستخدم مخاطر الإجراء المتوقعة من LLM لتحديد ما إذا كان يجب مطالبة المستخدم بالتأكيد. إذا كان الخطر عالياً، فسيطالب بالتأكيد افتراضياً.",
-    "fr": "L'analyseur de sécurité sera utilisé en conjonction avec le mode de confirmation. Par défaut, il utilise le risque d'action prédit par LLM pour déterminer s'il faut demander confirmation à l'utilisateur. Si le risque est ÉLEVÉ, il demandera confirmation par défaut.",
-    "tr": "Güvenlik analizörü onay modu ile birlikte kullanılacaktır. Varsayılan olarak, kullanıcıdan onay istenip istenmeyeceğini belirlemek için LLM tarafından tahmin edilen eylem riskini kullanır. Risk YÜKSEK ise, varsayılan olarak kullanıcıdan onay isteyecektir.",
-    "ja": "セキュリティアナライザーは確認モードと組み合わせて使用されます。デフォルトでは、LLMが予測したアクションリスクを利用して、ユーザーに確認を求めるかどうかを決定します。リスクが高い場合、デフォルトでユーザーに確認を求めます。",
-    "uk": "Аналізатор безпеки буде використовуватися разом з режимом підтвердження. За замовчуванням він використовує передбачений LLM ризик дії для визначення, чи потрібно запитувати підтвердження у користувача. Якщо ризик ВИСОКИЙ, він запитуватиме підтвердження за замовчуванням."
-  },
   "SETTINGS$DONT_KNOW_API_KEY": {
     "en": "Don't know your API key?",
     "ja": "APIキーがわかりませんか？",
@@ -7647,6 +7583,22 @@
     "tr": "Ajan görevine devam et",
     "uk": "Відновити завдання агента"
   },
+  "ACTION_BUTTON$PAUSE": {
+    "en": "Pause the current task",
+    "zh-CN": "暂停",
+    "zh-TW": "暫停",
+    "ko-KR": "일시정지",
+    "ja": "一時停止",
+    "no": "Sett gjeldende oppgave på pause",
+    "ar": "إيقاف المهمة الحالية مؤقتاً",
+    "de": "Aktuelle Aufgabe pausieren",
+    "fr": "Mettre en pause la tâche actuelle",
+    "it": "Metti in pausa il compito corrente",
+    "pt": "Pausar a tarefa atual",
+    "es": "Pausar la tarea actual",
+    "tr": "Mevcut görevi duraklat",
+    "uk": "Призупинити поточне завдання"
+  },
   "BROWSER$SCREENSHOT_ALT": {
     "en": "Browser Screenshot",
     "zh-CN": "截图",
@@ -8255,6 +8207,22 @@
     "tr": "Kullanıcı avatarı yer tutucusu",
     "uk": "заповнювач аватара користувача"
   },
+  "ACCOUNT_SETTINGS$SETTINGS": {
+    "en": "Account Settings",
+    "ja": "アカウント設定",
+    "zh-CN": "账户设置",
+    "zh-TW": "帳戶設定",
+    "ko-KR": "계정 설정",
+    "no": "Kontoinnstillinger",
+    "it": "Impostazioni account",
+    "pt": "Configurações da conta",
+    "es": "Configuración de la cuenta",
+    "ar": "إعدادات الحساب",
+    "fr": "Paramètres du compte",
+    "tr": "Hesap ayarları",
+    "de": "Kontoeinstellungen",
+    "uk": "Налаштування облікового запису"
+  },
   "ACCOUNT_SETTINGS$LOGOUT": {
     "en": "Logout",
     "ja": "ログアウト",
@@ -9199,6 +9167,38 @@
     "tr": "Bekleme listesine katıl",
     "uk": "Приєднатися до списку очікування"
   },
+  "ACCOUNT_SETTINGS$ADDITIONAL_SETTINGS": {
+    "en": "Additional Settings",
+    "ja": "追加設定",
+    "zh-CN": "附加设置",
+    "zh-TW": "附加設定",
+    "ko-KR": "추가 설정",
+    "de": "Zusätzliche Einstellungen",
+    "no": "Ytterligere innstillinger",
+    "it": "Impostazioni aggiuntive",
+    "pt": "Configurações adicionais",
+    "es": "Configuraciones adicionales",
+    "ar": "إعدادات إضافية",
+    "fr": "Paramètres supplémentaires",
+    "tr": "Ek Ayarlar",
+    "uk": "Додаткові налаштування"
+  },
+  "ACCOUNT_SETTINGS$DISCONNECT_FROM_GITHUB": {
+    "en": "Disconnect from GitHub",
+    "ja": "GitHubから切断",
+    "zh-CN": "断开与GitHub的连接",
+    "zh-TW": "中斷與GitHub的連接",
+    "ko-KR": "GitHub 연결 해제",
+    "de": "Von GitHub trennen",
+    "no": "Koble fra GitHub",
+    "it": "Disconnetti da GitHub",
+    "pt": "Desconectar do GitHub",
+    "es": "Desconectar de GitHub",
+    "ar": "قطع الاتصال من GitHub",
+    "fr": "Se déconnecter de GitHub",
+    "tr": "GitHub'dan bağlantıyı kes",
+    "uk": "Відключитися від GitHub"
+  },
   "CONVERSATION$DELETE_WARNING": {
     "en": "Are you sure you want to delete this conversation? This action cannot be undone.",
     "ja": "この会話を削除してもよろしいですか？この操作は元に戻せません。",
@@ -11536,20 +11536,20 @@
     "uk": "Визначте тригери для мікроагента"
   },
   "MICROAGENT_MANAGEMENT$HELP_TEXT_DESCRIBING_VALID_TRIGGERS": {
-    "en": "Enter a keyword that OpenHands will use to trigger this microagent (Optional).",
-    "ja": "OpenHandsがこのマイクロエージェントを起動するために使用するキーワードを入力してください（任意）。",
-    "zh-CN": "输入OpenHands将用于触发此微代理的关键字（可选）。",
-    "zh-TW": "輸入OpenHands將用於觸發此微代理的關鍵字（可選）。",
-    "ko-KR": "OpenHands가 이 마이크로에이전트를 트리거하는 데 사용할 키워드를 입력하세요(선택 사항).",
-    "no": "Skriv inn et nøkkelord som OpenHands vil bruke for å utløse denne mikroagenten (valgfritt).",
-    "it": "Inserisci una parola chiave che OpenHands userà per attivare questo microagent (opzionale).",
-    "pt": "Digite uma palavra-chave que o OpenHands usará para acionar este microagente (Opcional).",
-    "es": "Introduce una palabra clave que OpenHands usará para activar este microagente (Opcional).",
-    "ar": "أدخل كلمة مفتاحية سيستخدمها OpenHands لتشغيل هذا الوكيل الصغير (اختياري).",
-    "fr": "Entrez un mot-clé qu'OpenHands utilisera pour déclencher ce microagent (facultatif).",
-    "tr": "OpenHands'ın bu mikro ajanı tetiklemek için kullanacağı bir anahtar kelime girin (İsteğe bağlı).",
-    "de": "Geben Sie ein Schlüsselwort ein, das OpenHands verwendet, um diesen Microagenten auszulösen (optional).",
-    "uk": "Введіть ключове слово, яке OpenHands використовуватиме для запуску цього мікроагента (необов'язково)."
+    "en": "Help text describing valid triggers.",
+    "ja": "有効なトリガーについて説明するヘルプテキスト。",
+    "zh-CN": "描述有效触发器的帮助文本。",
+    "zh-TW": "描述有效觸發條件的說明文字。",
+    "ko-KR": "유효한 트리거를 설명하는 도움말 텍스트입니다.",
+    "no": "Hjelpetekst som beskriver gyldige utløsere.",
+    "it": "Testo di aiuto che descrive i trigger validi.",
+    "pt": "Texto de ajuda descrevendo gatilhos válidos.",
+    "es": "Texto de ayuda que describe desencadenantes válidos.",
+    "ar": "نص المساعدة الذي يصف المشغلات الصالحة.",
+    "fr": "Texte d'aide décrivant les déclencheurs valides.",
+    "tr": "Geçerli tetikleyicileri açıklayan yardım metni.",
+    "de": "Hilfetext, der gültige Auslöser beschreibt.",
+    "uk": "Текст довідки, що описує дійсні тригери."
   },
   "COMMON$FOR_EXAMPLE": {
     "en": "For example",
@@ -12495,6 +12495,38 @@
     "de": "Fehler beim Laden des Microagent-Inhalts.",
     "uk": "Помилка під час завантаження вмісту мікроагента."
   },
+  "SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT": {
+    "en": "Environment variables must follow KEY=value format",
+    "ja": "Environment variables must follow KEY=value format",
+    "zh-CN": "Environment variables must follow KEY=value format",
+    "zh-TW": "Environment variables must follow KEY=value format",
+    "ko-KR": "Environment variables must follow KEY=value format",
+    "no": "Environment variables must follow KEY=value format",
+    "it": "Environment variables must follow KEY=value format",
+    "pt": "Environment variables must follow KEY=value format",
+    "es": "Environment variables must follow KEY=value format",
+    "ar": "Environment variables must follow KEY=value format",
+    "fr": "Environment variables must follow KEY=value format",
+    "tr": "Environment variables must follow KEY=value format",
+    "de": "Environment variables must follow KEY=value format",
+    "uk": "Environment variables must follow KEY=value format"
+  },
+  "SETTINGS$MCP_ERROR_URL_DUPLICATE": {
+    "en": "A server with this URL already exists for the selected type",
+    "ja": "A server with this URL already exists for the selected type",
+    "zh-CN": "A server with this URL already exists for the selected type",
+    "zh-TW": "A server with this URL already exists for the selected type",
+    "ko-KR": "A server with this URL already exists for the selected type",
+    "no": "A server with this URL already exists for the selected type",
+    "it": "A server with this URL already exists for the selected type",
+    "pt": "A server with this URL already exists for the selected type",
+    "es": "A server with this URL already exists for the selected type",
+    "ar": "A server with this URL already exists for the selected type",
+    "fr": "A server with this URL already exists for the selected type",
+    "tr": "A server with this URL already exists for the selected type",
+    "de": "A server with this URL already exists for the selected type",
+    "uk": "A server with this URL already exists for the selected type"
+  },
   "SETTINGS$MCP_SERVER_TYPE_SSE": {
     "en": "SSE",
     "ja": "SSE",
@@ -12671,38 +12703,6 @@
     "de": "Befehl darf keine Leerzeichen enthalten",
     "uk": "Команда не може містити пробіли"
   },
-  "SETTINGS$MCP_ERROR_URL_DUPLICATE": {
-    "en": "A server with this URL already exists for the selected type",
-    "ja": "A server with this URL already exists for the selected type",
-    "zh-CN": "A server with this URL already exists for the selected type",
-    "zh-TW": "A server with this URL already exists for the selected type",
-    "ko-KR": "A server with this URL already exists for the selected type",
-    "no": "A server with this URL already exists for the selected type",
-    "it": "A server with this URL already exists for the selected type",
-    "pt": "A server with this URL already exists for the selected type",
-    "es": "A server with this URL already exists for the selected type",
-    "ar": "A server with this URL already exists for the selected type",
-    "fr": "A server with this URL already exists for the selected type",
-    "tr": "A server with this URL already exists for the selected type",
-    "de": "A server with this URL already exists for the selected type",
-    "uk": "A server with this URL already exists for the selected type"
-  },
-  "SETTINGS$MCP_ERROR_ENV_INVALID_FORMAT": {
-    "en": "Environment variables must follow KEY=value format",
-    "ja": "Environment variables must follow KEY=value format",
-    "zh-CN": "Environment variables must follow KEY=value format",
-    "zh-TW": "Environment variables must follow KEY=value format",
-    "ko-KR": "Environment variables must follow KEY=value format",
-    "no": "Environment variables must follow KEY=value format",
-    "it": "Environment variables must follow KEY=value format",
-    "pt": "Environment variables must follow KEY=value format",
-    "es": "Environment variables must follow KEY=value format",
-    "ar": "Environment variables must follow KEY=value format",
-    "fr": "Environment variables must follow KEY=value format",
-    "tr": "Environment variables must follow KEY=value format",
-    "de": "Environment variables must follow KEY=value format",
-    "uk": "Environment variables must follow KEY=value format"
-  },
   "SETTINGS$MCP_SERVER_TYPE": {
     "en": "Server Type",
     "ja": "サーバータイプ",
@@ -13022,181 +13022,5 @@
     "tr": "Bir şeyler ters gitti. Mikro ajanı tekrar başlatmayı deneyin.",
     "de": "Etwas ist schiefgelaufen. Versuchen Sie, den Microagenten erneut zu starten.",
     "uk": "Щось пішло не так. Спробуйте ініціювати мікроагента ще раз."
-  },
-  "MICROAGENT$STATUS_WAITING": {
-    "en": "Waiting for runtime to start...",
-    "ja": "ランタイムの開始を待機中...",
-    "zh-CN": "等待运行时启动...",
-    "zh-TW": "等待運行時啟動...",
-    "ko-KR": "런타임 시작을 기다리는 중...",
-    "no": "Venter på at runtime skal starte...",
-    "it": "In attesa dell'avvio del runtime...",
-    "pt": "Aguardando o runtime iniciar...",
-    "es": "Esperando que inicie el runtime...",
-    "ar": "في انتظار بدء وقت التشغيل...",
-    "fr": "En attente du démarrage du runtime...",
-    "tr": "Çalışma zamanının başlaması bekleniyor...",
-    "de": "Warten auf den Start der Laufzeit...",
-    "uk": "Очікування запуску середовища виконання..."
-  },
-  "MICROAGENT$UNKNOWN_ERROR": {
-    "en": "Unknown error, please try again",
-    "ja": "不明なエラーです。もう一度お試しください",
-    "zh-CN": "未知错误，请重试",
-    "zh-TW": "未知錯誤，請重試",
-    "ko-KR": "알 수 없는 오류입니다. 다시 시도해 주세요",
-    "no": "Ukjent feil, vennligst prøv igjen",
-    "it": "Errore sconosciuto, riprova",
-    "pt": "Erro desconhecido, tente novamente",
-    "es": "Error desconocido, inténtalo de nuevo",
-    "ar": "خطأ غير معروف، يرجى المحاولة مرة أخرى",
-    "fr": "Erreur inconnue, veuillez réessayer",
-    "tr": "Bilinmeyen hata, lütfen tekrar deneyin",
-    "de": "Unbekannter Fehler, bitte versuchen Sie es erneut",
-    "uk": "Невідома помилка, спробуйте ще раз"
-  },
-  "MICROAGENT$CONVERSATION_STARTING": {
-    "en": "Starting conversation...",
-    "ja": "会話を開始しています...",
-    "zh-CN": "正在开始对话...",
-    "zh-TW": "正在開始對話...",
-    "ko-KR": "대화를 시작하는 중...",
-    "no": "Starter samtale...",
-    "it": "Avvio conversazione...",
-    "pt": "Iniciando conversa...",
-    "es": "Iniciando conversación...",
-    "ar": "بدء المحادثة...",
-    "fr": "Démarrage de la conversation...",
-    "tr": "Konuşma başlatılıyor...",
-    "de": "Gespräch wird gestartet...",
-    "uk": "Розпочинається розмова..."
-  },
-  "MICROAGENT_MANAGEMENT$EXISTING_MICROAGENTS": {
-    "en": "Existing Microagents",
-    "ja": "既存のマイクロエージェント",
-    "zh-CN": "现有微代理",
-    "zh-TW": "現有微代理",
-    "ko-KR": "기존 마이크로에이전트",
-    "no": "Eksisterende mikroagenter",
-    "it": "Microagent esistenti",
-    "pt": "Microagentes existentes",
-    "es": "Microagentes existentes",
-    "ar": "الوكلاء الدقيقون الحاليون",
-    "fr": "Microagents existants",
-    "tr": "Mevcut Mikroajanlar",
-    "de": "Vorhandene Mikroagenten",
-    "uk": "Існуючі мікроагенти"
-  },
-  "SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT": {
-    "en": "LLM Analyzer (Default)",
-    "ja": "LLMアナライザー（デフォルト）",
-    "zh-CN": "LLM 分析器（默认）",
-    "zh-TW": "LLM 分析器（預設）",
-    "ko-KR": "LLM 분석기(기본)",
-    "no": "LLM-analysator (standard)",
-    "it": "Analizzatore LLM (Predefinito)",
-    "pt": "Analisador LLM (Padrão)",
-    "es": "Analizador LLM (Predeterminado)",
-    "ar": "محلل LLM (افتراضي)",
-    "fr": "Analyseur LLM (Par défaut)",
-    "tr": "LLM Analizörü (Varsayılan)",
-    "de": "LLM-Analysator (Standard)",
-    "uk": "Аналізатор LLM (За замовчуванням)"
-  },
-  "SETTINGS$SECURITY_ANALYZER_NONE": {
-    "en": "None (Ask for every command)",
-    "ja": "なし（すべてのコマンドで確認）",
-    "zh-CN": "无（每条命令都询问）",
-    "zh-TW": "無（每個指令都詢問）",
-    "ko-KR": "없음(모든 명령마다 확인)",
-    "no": "Ingen (Spør for hver kommando)",
-    "it": "Nessuno (Chiedi per ogni comando)",
-    "pt": "Nenhum (Perguntar para cada comando)",
-    "es": "Ninguno (Preguntar para cada comando)",
-    "ar": "لا شيء (اسأل عن كل أمر)",
-    "fr": "Aucun (Demander pour chaque commande)",
-    "tr": "Yok (Her komutta sor)",
-    "de": "Keine (Bei jedem Befehl nachfragen)",
-    "uk": "Немає (Запитувати для кожної команди)"
-  },
-  "SETTINGS$SECURITY_ANALYZER_INVARIANT": {
-    "en": "Invariant Rule-based Analyzer",
-    "ja": "不変ルールベース分析器",
-    "zh-CN": "Invariant 规则分析器",
-    "zh-TW": "Invariant 規則式分析器",
-    "ko-KR": "Invariant 규칙 기반 분석기",
-    "no": "Invariant regelbasert analysator",
-    "it": "Analizzatore basato su regole Invariant",
-    "pt": "Analisador baseado em regras Invariant",
-    "es": "Analizador basado en reglas Invariant",
-    "ar": "محلل قائم على القواعد Invariant",
-    "fr": "Analyseur à base de règles Invariant",
-    "tr": "Invariant Kural Tabanlı Analizör",
-    "de": "Invariant regelbasierter Analysator",
-    "uk": "Аналізатор на основі правил Invariant"
-  },
-  "COMMON$HIGH_RISK": {
-    "en": "High Risk",
-    "ja": "高リスク",
-    "zh-CN": "高风险",
-    "zh-TW": "高風險",
-    "ko-KR": "고위험",
-    "no": "Høy risiko",
-    "it": "Alto rischio",
-    "pt": "Alto risco",
-    "es": "Alto riesgo",
-    "ar": "مخاطر عالية",
-    "fr": "Risque élevé",
-    "tr": "Yüksek Risk",
-    "de": "Hohes Risiko",
-    "uk": "Високий ризик"
-  },
-  "MICROAGENT$DEFINITION": {
-    "en": "Microagents are specialized prompts that enhance OpenHands with domain-specific knowledge. They provide expert guidance, automate common tasks, and ensure consistent practices across projects.",
-    "ja": "マイクロエージェントは、OpenHandsにドメイン固有の知識を追加するための専門的なプロンプトです。専門的なガイダンスを提供し、一般的なタスクを自動化し、プロジェクト全体で一貫した実践を保証します。",
-    "zh-CN": "微代理是增强 OpenHands 领域知识的专用提示。它们提供专家指导，自动化常见任务，并确保项目中的一致实践。",
-    "zh-TW": "微代理是增強 OpenHands 領域知識的專用提示。它們提供專家指導，自動化常見任務，並確保專案中的一致實踐。",
-    "ko-KR": "마이크로에이전트는 OpenHands에 도메인별 지식을 추가하는 특화된 프롬프트입니다. 전문가의 안내를 제공하고, 일반적인 작업을 자동화하며, 프로젝트 전반에 걸쳐 일관된 관행을 보장합니다.",
-    "no": "Mikroagenter er spesialiserte prompt som forbedrer OpenHands med domenespesifikk kunnskap. De gir ekspertråd, automatiserer vanlige oppgaver og sikrer konsistente praksiser på tvers av prosjekter.",
-    "it": "I microagenti sono prompt specializzati che arricchiscono OpenHands con conoscenze specifiche di dominio. Forniscono guida esperta, automatizzano attività comuni e garantiscono pratiche coerenti tra i progetti.",
-    "pt": "Microagentes são prompts especializados que aprimoram o OpenHands com conhecimento específico de domínio. Eles fornecem orientação especializada, automatizam tarefas comuns e garantem práticas consistentes em todos os projetos.",
-    "es": "Los microagentes son prompts especializados que mejoran OpenHands con conocimientos específicos de dominio. Proporcionan orientación experta, automatizan tareas comunes y aseguran prácticas consistentes en los proyectos.",
-    "ar": "الميكرووكلاء هم مطالبات متخصصة تعزز OpenHands بمعرفة متخصصة في المجال. يقدمون إرشادات خبراء، ويؤتمتون المهام الشائعة، ويضمنون ممارسات متسقة عبر المشاريع.",
-    "fr": "Les microagents sont des invites spécialisées qui enrichissent OpenHands avec des connaissances spécifiques au domaine. Ils fournissent des conseils d'experts, automatisent les tâches courantes et garantissent des pratiques cohérentes dans les projets.",
-    "tr": "Mikro ajanlar, OpenHands'i alanına özgü bilgilerle geliştiren özel istemlerdir. Uzman rehberliği sağlar, yaygın görevleri otomatikleştirir ve projeler arasında tutarlı uygulamalar sunar.",
-    "de": "Microagents sind spezialisierte Prompts, die OpenHands mit domänenspezifischem Wissen erweitern. Sie bieten fachkundige Anleitung, automatisieren gängige Aufgaben und sorgen für konsistente Praktiken in Projekten.",
-    "uk": "Мікроагенти — це спеціалізовані підказки, які розширюють OpenHands галузевими знаннями. Вони надають експертні поради, автоматизують типові завдання та забезпечують послідовні практики у проєктах."
-  },
-  "MICROAGENT$ADD_TO_MEMORY": {
-    "en": "Add to Microagent Memory",
-    "ja": "マイクロエージェントメモリに追加",
-    "zh-CN": "添加到微代理记忆",
-    "zh-TW": "加入微代理記憶體",
-    "ko-KR": "마이크로에이전트 메모리에 추가",
-    "no": "Legg til i mikroagentminne",
-    "it": "Aggiungi alla memoria del microagente",
-    "pt": "Adicionar à Memória do Microagente",
-    "es": "Agregar a la memoria del microagente",
-    "ar": "أضف إلى ذاكرة الميكرووكيل",
-    "fr": "Ajouter à la mémoire du microagent",
-    "tr": "Mikroajan Hafızasına Ekle",
-    "de": "Zur Microagent-Speicher hinzufügen",
-    "uk": "Додати до пам'яті мікроагента"
-  },
-  "COMMON$IN_PROGRESS": {
-    "en": "In Progress",
-    "ja": "進行中",
-    "zh-CN": "进行中",
-    "zh-TW": "進行中",
-    "ko-KR": "진행 중",
-    "no": "Pågår",
-    "it": "In corso",
-    "pt": "Em andamento",
-    "es": "En progreso",
-    "ar": "قيد التنفيذ",
-    "fr": "En cours",
-    "tr": "Devam Ediyor",
-    "de": "In Bearbeitung",
-    "uk": "В процесі"
   }
 }

frontend/src/icons/u-warning.svg

@@ -1,5 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none">
-  <path d="M12 14C11.4477 14 11 13.5523 11 13V10C11 9.44772 11.4477 9 12 9C12.5523 9 13 9.44772 13 10V13C13 13.5523 12.5523 14 12 14Z" fill="currentColor"/>
-  <path d="M10.5 16.5C10.5 15.6716 11.1716 15 12 15C12.8284 15 13.5 15.6716 13.5 16.5C13.5 17.3284 12.8284 18 12 18C11.1716 18 10.5 17.3284 10.5 16.5Z" fill="currentColor"/>
-  <path d="M10.2301 3.2156C10.98 1.79093 13.02 1.79092 13.7698 3.2156L22.1135 19.0685C22.8144 20.4003 21.8486 22 20.3436 22H3.65635C2.15133 22 1.18556 20.4003 1.88651 19.0685L10.2301 3.2156ZM20.3436 20L12 4.1471L3.65635 20L20.3436 20Z" fill="currentColor"/>
-</svg>

frontend/src/mocks/git-repository-handlers.ts

@@ -1,8 +1,6 @@
 import { delay, http, HttpResponse } from "msw";
-import { GitRepository, Branch, PaginatedBranchesResponse } from "#/types/git";
+import { GitRepository } from "#/types/git";
 import { Provider } from "#/types/settings";
-import { RepositoryMicroagent } from "#/types/microagent-management";
-import { MicroagentContentResponse } from "#/api/open-hands.types";
 
 // Generate a list of mock repositories with realistic data
 const generateMockRepositories = (
@@ -21,32 +19,6 @@ const generateMockRepositories = (
     owner_type: Math.random() > 0.7 ? "organization" : "user", // 30% chance of being organization
   }));
 
-// Generate mock branches for a repository
-const generateMockBranches = (count: number): Branch[] =>
-  Array.from({ length: count }, (_, i) => ({
-    name: (() => {
-      if (i === 0) return "main";
-      if (i === 1) return "develop";
-      return `feature/branch-${i}`;
-    })(),
-    commit_sha: `abc123${i.toString().padStart(3, "0")}`,
-    protected: i === 0, // main branch is protected
-    last_push_date: new Date(
-      Date.now() - Math.random() * 7 * 24 * 60 * 60 * 1000,
-    ).toISOString(),
-  }));
-
-// Generate mock microagents for a repository
-const generateMockMicroagents = (count: number): RepositoryMicroagent[] =>
-  Array.from({ length: count }, (_, i) => ({
-    name: `microagent-${i + 1}`,
-    path: `.openhands/microagents/microagent-${i + 1}.md`,
-    created_at: new Date(
-      Date.now() - Math.random() * 30 * 24 * 60 * 60 * 1000,
-    ).toISOString(),
-    git_provider: "github",
-  }));
-
 // Mock repositories for each provider
 const MOCK_REPOSITORIES = {
   github: generateMockRepositories(120, "github"),
@@ -54,12 +26,6 @@ const MOCK_REPOSITORIES = {
   bitbucket: generateMockRepositories(120, "bitbucket"),
 };
 
-// Mock branches (same for all repos for simplicity)
-const MOCK_BRANCHES = generateMockBranches(25);
-
-// Mock microagents (same for all repos for simplicity)
-const MOCK_MICROAGENTS = generateMockMicroagents(5);
-
 export const GIT_REPOSITORY_HANDLERS = [
   http.get("/api/user/repositories", async ({ request }) => {
     await delay(500); // Simulate network delay
@@ -188,138 +154,4 @@ export const GIT_REPOSITORY_HANDLERS = [
 
     return HttpResponse.json(limitedRepos);
   }),
-
-  // Repository branches endpoint
-  http.get("/api/user/repository/branches", async ({ request }) => {
-    await delay(300);
-
-    const url = new URL(request.url);
-    const repository = url.searchParams.get("repository");
-    const page = parseInt(url.searchParams.get("page") || "1", 10);
-    const perPage = parseInt(url.searchParams.get("per_page") || "30", 10);
-
-    if (!repository) {
-      return HttpResponse.json("Repository parameter is required", {
-        status: 400,
-      });
-    }
-
-    // Calculate pagination
-    const startIndex = (page - 1) * perPage;
-    const endIndex = startIndex + perPage;
-    const paginatedBranches = MOCK_BRANCHES.slice(startIndex, endIndex);
-    const hasNextPage = endIndex < MOCK_BRANCHES.length;
-
-    const response: PaginatedBranchesResponse = {
-      branches: paginatedBranches,
-      has_next_page: hasNextPage,
-      current_page: page,
-      per_page: perPage,
-      total_count: MOCK_BRANCHES.length,
-    };
-
-    return HttpResponse.json(response);
-  }),
-
-  // Search repository branches endpoint
-  http.get("/api/user/search/branches", async ({ request }) => {
-    await delay(200);
-
-    const url = new URL(request.url);
-    const repository = url.searchParams.get("repository");
-    const query = url.searchParams.get("query") || "";
-    const perPage = parseInt(url.searchParams.get("per_page") || "30", 10);
-
-    if (!repository) {
-      return HttpResponse.json("Repository parameter is required", {
-        status: 400,
-      });
-    }
-
-    // Filter branches by search query
-    const filteredBranches = MOCK_BRANCHES.filter((branch) =>
-      branch.name.toLowerCase().includes(query.toLowerCase()),
-    );
-
-    // Limit results
-    const limitedBranches = filteredBranches.slice(0, perPage);
-
-    return HttpResponse.json(limitedBranches);
-  }),
-
-  // Repository microagents endpoint
-  http.get(
-    "/api/user/repository/:owner/:repo/microagents",
-    async ({ params }) => {
-      await delay(400);
-
-      const { owner, repo } = params;
-
-      if (!owner || !repo) {
-        return HttpResponse.json("Owner and repo parameters are required", {
-          status: 400,
-        });
-      }
-
-      return HttpResponse.json(MOCK_MICROAGENTS);
-    },
-  ),
-
-  // Repository microagent content endpoint
-  http.get(
-    "/api/user/repository/:owner/:repo/microagents/content",
-    async ({ request, params }) => {
-      await delay(300);
-
-      const { owner, repo } = params;
-      const url = new URL(request.url);
-      const filePath = url.searchParams.get("file_path");
-
-      if (!owner || !repo || !filePath) {
-        return HttpResponse.json(
-          "Owner, repo, and file_path parameters are required",
-          { status: 400 },
-        );
-      }
-
-      // Find the microagent by path
-      const microagent = MOCK_MICROAGENTS.find((m) => m.path === filePath);
-
-      if (!microagent) {
-        return HttpResponse.json("Microagent not found", { status: 404 });
-      }
-
-      const response: MicroagentContentResponse = {
-        content: `# ${microagent.name}
-
-A helpful microagent for repository tasks.
-
-## Instructions
-
-This microagent helps with specific tasks related to the repository.
-
-### Usage
-
-1. Describe your task clearly
-2. The microagent will analyze the context
-3. Follow the provided recommendations
-
-### Capabilities
-
-- Code analysis
-- Task automation
-- Best practice recommendations
-- Error detection and resolution
-
----
-
-*Generated mock content for ${microagent.name}*`,
-        path: microagent.path,
-        git_provider: "github",
-        triggers: ["code review", "bug fix", "feature development"],
-      };
-
-      return HttpResponse.json(response);
-    },
-  ),
 ];

frontend/src/mocks/handlers.ts

@@ -27,7 +27,6 @@ export const MOCK_DEFAULT_USER_SETTINGS: ApiSettings | PostApiSettings = {
     DEFAULT_SETTINGS.REMOTE_RUNTIME_RESOURCE_FACTOR,
   provider_tokens_set: {},
   enable_default_condenser: DEFAULT_SETTINGS.ENABLE_DEFAULT_CONDENSER,
-  condenser_max_size: DEFAULT_SETTINGS.CONDENSER_MAX_SIZE,
   enable_sound_notifications: DEFAULT_SETTINGS.ENABLE_SOUND_NOTIFICATIONS,
   enable_proactive_conversation_starters:
     DEFAULT_SETTINGS.ENABLE_PROACTIVE_CONVERSATION_STARTERS,
@@ -124,7 +123,7 @@ const openHandsHandlers = [
   ),
 
   http.get("/api/options/security-analyzers", async () =>
-    HttpResponse.json(["llm", "none"]),
+    HttpResponse.json(["mock-invariant"]),
   ),
 
   http.post("http://localhost:3001/api/submit-feedback", async () => {
@@ -199,14 +198,7 @@ export const handlers = [
     const body = await request.json();
 
     if (body) {
-      const current = MOCK_USER_PREFERENCES.settings || {
-        ...MOCK_DEFAULT_USER_SETTINGS,
-      };
-      // Persist new values over current/mock defaults
-      MOCK_USER_PREFERENCES.settings = {
-        ...current,
-        ...(body as Partial<ApiSettings>),
-      };
+      MOCK_USER_PREFERENCES.settings = MOCK_DEFAULT_USER_SETTINGS;
       return HttpResponse.json(null, { status: 200 });
     }
 

frontend/src/routes/conversation.tsx

@@ -1,3 +1,4 @@
+import { useDisclosure } from "@heroui/react";
 import React from "react";
 import { useNavigate } from "react-router";
 import { useDispatch } from "react-redux";
@@ -17,7 +18,7 @@ import {
   Orientation,
   ResizablePanel,
 } from "#/components/layout/resizable-panel";
-
+import Security from "#/components/shared/modals/security/security";
 import { useActiveConversation } from "#/hooks/query/use-active-conversation";
 import { useSettings } from "#/hooks/query/use-settings";
 import { displayErrorToast } from "#/utils/custom-toast-handlers";
@@ -82,6 +83,12 @@ function AppContent() {
     };
   }, []);
 
+  const {
+    isOpen: securityModalIsOpen,
+    onOpen: onSecurityModalOpen,
+    onOpenChange: onSecurityModalOpenChange,
+  } = useDisclosure();
+
   function renderMain() {
     if (width <= 1024) {
       return (
@@ -99,7 +106,7 @@ function AppContent() {
       <ResizablePanel
         orientation={Orientation.HORIZONTAL}
         className="grow h-full min-h-0 min-w-0"
-        initialSize={564}
+        initialSize={500}
         firstClassName="rounded-xl overflow-hidden border border-neutral-600 bg-base-secondary"
         secondClassName="flex flex-col overflow-hidden"
         firstChild={<ChatInterface />}
@@ -115,7 +122,17 @@ function AppContent() {
           <div data-testid="app-route" className="flex flex-col h-full gap-3">
             <div className="flex h-full overflow-auto">{renderMain()}</div>
 
-            <Controls showSecurityLock={!!settings?.CONFIRMATION_MODE} />
+            <Controls
+              setSecurityOpen={onSecurityModalOpen}
+              showSecurityLock={!!settings?.SECURITY_ANALYZER}
+            />
+            {settings && (
+              <Security
+                isOpen={securityModalIsOpen}
+                onOpenChange={onSecurityModalOpenChange}
+                securityAnalyzer={settings.SECURITY_ANALYZER}
+              />
+            )}
           </div>
         </EventHandler>
       </ConversationSubscriptionsProvider>

frontend/src/routes/llm-settings.tsx

@@ -8,8 +8,6 @@ import { useSettings } from "#/hooks/query/use-settings";
 import { hasAdvancedSettingsSet } from "#/utils/has-advanced-settings-set";
 import { useSaveSettings } from "#/hooks/mutation/use-save-settings";
 import { SettingsSwitch } from "#/components/features/settings/settings-switch";
-import { TooltipButton } from "#/components/shared/buttons/tooltip-button";
-import QuestionCircleIcon from "#/icons/question-circle.svg?react";
 import { I18nKey } from "#/i18n/declaration";
 import { SettingsInput } from "#/components/features/settings/settings-input";
 import { HelpLink } from "#/components/features/settings/help-link";
@@ -38,6 +36,8 @@ function LlmSettingsScreen() {
   const { data: config } = useConfig();
 
   const [view, setView] = React.useState<"basic" | "advanced">("basic");
+  const [securityAnalyzerInputIsVisible, setSecurityAnalyzerInputIsVisible] =
+    React.useState(false);
 
   const [dirtyInputs, setDirtyInputs] = React.useState({
     model: false,
@@ -48,7 +48,6 @@ function LlmSettingsScreen() {
     confirmationMode: false,
     enableDefaultCondenser: false,
     securityAnalyzer: false,
-    condenserMaxSize: false,
   });
 
   // Track the currently selected model to show help text
@@ -56,19 +55,6 @@ function LlmSettingsScreen() {
     string | null
   >(null);
 
-  // Track confirmation mode state to control security analyzer visibility
-  const [confirmationModeEnabled, setConfirmationModeEnabled] = React.useState(
-    settings?.CONFIRMATION_MODE ?? DEFAULT_SETTINGS.CONFIRMATION_MODE,
-  );
-
-  // Track selected security analyzer for form submission
-  const [selectedSecurityAnalyzer, setSelectedSecurityAnalyzer] =
-    React.useState(
-      settings?.SECURITY_ANALYZER === null
-        ? "none"
-        : (settings?.SECURITY_ANALYZER ?? DEFAULT_SETTINGS.SECURITY_ANALYZER),
-    );
-
   const modelsAndProviders = organizeModelsAndProviders(
     resources?.models || [],
   );
@@ -88,6 +74,7 @@ function LlmSettingsScreen() {
     };
 
     const userSettingsIsAdvanced = determineWhetherToToggleAdvancedSettings();
+    if (settings) setSecurityAnalyzerInputIsVisible(settings.CONFIRMATION_MODE);
 
     if (userSettingsIsAdvanced) setView("advanced");
     else setView("basic");
@@ -100,20 +87,6 @@ function LlmSettingsScreen() {
     }
   }, [settings?.LLM_MODEL]);
 
-  // Update confirmation mode state when settings change
-  React.useEffect(() => {
-    if (settings?.CONFIRMATION_MODE !== undefined) {
-      setConfirmationModeEnabled(settings.CONFIRMATION_MODE);
-    }
-  }, [settings?.CONFIRMATION_MODE]);
-
-  // Update selected security analyzer state when settings change
-  React.useEffect(() => {
-    if (settings?.SECURITY_ANALYZER !== undefined) {
-      setSelectedSecurityAnalyzer(settings.SECURITY_ANALYZER || "none");
-    }
-  }, [settings?.SECURITY_ANALYZER]);
-
   const handleSuccessfulMutation = () => {
     displaySuccessToast(t(I18nKey.SETTINGS$SAVED_WARNING));
     setDirtyInputs({
@@ -125,7 +98,6 @@ function LlmSettingsScreen() {
       confirmationMode: false,
       enableDefaultCondenser: false,
       securityAnalyzer: false,
-      condenserMaxSize: false,
     });
   };
 
@@ -142,11 +114,6 @@ function LlmSettingsScreen() {
     const model = formData.get("llm-model-input")?.toString();
     const apiKey = formData.get("llm-api-key-input")?.toString();
     const searchApiKey = formData.get("search-api-key-input")?.toString();
-    const confirmationMode =
-      formData.get("enable-confirmation-mode-switch")?.toString() === "on";
-    const securityAnalyzer = formData
-      .get("security-analyzer-input")
-      ?.toString();
 
     const fullLlmModel = provider && model && `${provider}/${model}`;
 
@@ -155,15 +122,12 @@ function LlmSettingsScreen() {
         LLM_MODEL: fullLlmModel,
         llm_api_key: apiKey || null,
         SEARCH_API_KEY: searchApiKey || "",
-        CONFIRMATION_MODE: confirmationMode,
-        SECURITY_ANALYZER:
-          securityAnalyzer === "none"
-            ? null
-            : securityAnalyzer || DEFAULT_SETTINGS.SECURITY_ANALYZER,
 
         // reset advanced settings
         LLM_BASE_URL: DEFAULT_SETTINGS.LLM_BASE_URL,
         AGENT: DEFAULT_SETTINGS.AGENT,
+        CONFIRMATION_MODE: DEFAULT_SETTINGS.CONFIRMATION_MODE,
+        SECURITY_ANALYZER: DEFAULT_SETTINGS.SECURITY_ANALYZER,
         ENABLE_DEFAULT_CONDENSER: DEFAULT_SETTINGS.ENABLE_DEFAULT_CONDENSER,
       },
       {
@@ -183,17 +147,6 @@ function LlmSettingsScreen() {
       formData.get("enable-confirmation-mode-switch")?.toString() === "on";
     const enableDefaultCondenser =
       formData.get("enable-memory-condenser-switch")?.toString() === "on";
-    const condenserMaxSizeStr = formData
-      .get("condenser-max-size-input")
-      ?.toString();
-    const condenserMaxSizeRaw = condenserMaxSizeStr
-      ? Number.parseInt(condenserMaxSizeStr, 10)
-      : undefined;
-    const condenserMaxSize =
-      condenserMaxSizeRaw !== undefined
-        ? Math.max(20, condenserMaxSizeRaw)
-        : undefined;
-
     const securityAnalyzer = formData
       .get("security-analyzer-input")
       ?.toString();
@@ -207,12 +160,7 @@ function LlmSettingsScreen() {
         AGENT: agent,
         CONFIRMATION_MODE: confirmationMode,
         ENABLE_DEFAULT_CONDENSER: enableDefaultCondenser,
-        CONDENSER_MAX_SIZE:
-          condenserMaxSize ?? DEFAULT_SETTINGS.CONDENSER_MAX_SIZE,
-        SECURITY_ANALYZER:
-          securityAnalyzer === "none"
-            ? null
-            : securityAnalyzer || DEFAULT_SETTINGS.SECURITY_ANALYZER,
+        SECURITY_ANALYZER: confirmationMode ? securityAnalyzer : undefined,
       },
       {
         onSuccess: handleSuccessfulMutation,
@@ -227,6 +175,7 @@ function LlmSettingsScreen() {
   };
 
   const handleToggleAdvancedSettings = (isToggled: boolean) => {
+    setSecurityAnalyzerInputIsVisible(!!settings?.CONFIRMATION_MODE);
     setView(isToggled ? "advanced" : "basic");
     setDirtyInputs({
       model: false,
@@ -237,7 +186,6 @@ function LlmSettingsScreen() {
       confirmationMode: false,
       enableDefaultCondenser: false,
       securityAnalyzer: false,
-      condenserMaxSize: false,
     });
   };
 
@@ -298,21 +246,12 @@ function LlmSettingsScreen() {
   };
 
   const handleConfirmationModeIsDirty = (isToggled: boolean) => {
+    setSecurityAnalyzerInputIsVisible(isToggled);
     const confirmationModeIsDirty = isToggled !== settings?.CONFIRMATION_MODE;
     setDirtyInputs((prev) => ({
       ...prev,
       confirmationMode: confirmationModeIsDirty,
     }));
-    setConfirmationModeEnabled(isToggled);
-
-    // When confirmation mode is enabled, set default security analyzer to "llm" if not already set
-    if (isToggled && !selectedSecurityAnalyzer) {
-      setSelectedSecurityAnalyzer(DEFAULT_SETTINGS.SECURITY_ANALYZER);
-      setDirtyInputs((prev) => ({
-        ...prev,
-        securityAnalyzer: true,
-      }));
-    }
   };
 
   const handleEnableDefaultCondenserIsDirty = (isToggled: boolean) => {
@@ -324,18 +263,6 @@ function LlmSettingsScreen() {
     }));
   };
 
-  const handleCondenserMaxSizeIsDirty = (value: string) => {
-    const parsed = value ? Number.parseInt(value, 10) : undefined;
-    const bounded = parsed !== undefined ? Math.max(20, parsed) : undefined;
-    const condenserMaxSizeIsDirty =
-      (bounded ?? DEFAULT_SETTINGS.CONDENSER_MAX_SIZE) !==
-      (settings?.CONDENSER_MAX_SIZE ?? DEFAULT_SETTINGS.CONDENSER_MAX_SIZE);
-    setDirtyInputs((prev) => ({
-      ...prev,
-      condenserMaxSize: condenserMaxSizeIsDirty,
-    }));
-  };
-
   const handleSecurityAnalyzerIsDirty = (securityAnalyzer: string) => {
     const securityAnalyzerIsDirty =
       securityAnalyzer !== settings?.SECURITY_ANALYZER;
@@ -347,47 +274,6 @@ function LlmSettingsScreen() {
 
   const formIsDirty = Object.values(dirtyInputs).some((isDirty) => isDirty);
 
-  const getSecurityAnalyzerOptions = () => {
-    const analyzers = resources?.securityAnalyzers || [];
-    const orderedItems = [];
-
-    // Add LLM analyzer first
-    if (analyzers.includes("llm")) {
-      orderedItems.push({
-        key: "llm",
-        label: t(I18nKey.SETTINGS$SECURITY_ANALYZER_LLM_DEFAULT),
-      });
-    }
-
-    // Add None option second
-    orderedItems.push({
-      key: "none",
-      label: t(I18nKey.SETTINGS$SECURITY_ANALYZER_NONE),
-    });
-
-    // Add Invariant analyzer third
-    if (analyzers.includes("invariant")) {
-      orderedItems.push({
-        key: "invariant",
-        label: t(I18nKey.SETTINGS$SECURITY_ANALYZER_INVARIANT),
-      });
-    }
-
-    // Add any other analyzers that might exist
-    analyzers.forEach((analyzer) => {
-      if (!["llm", "invariant", "none"].includes(analyzer)) {
-        // For unknown analyzers, use the analyzer name as fallback
-        // In the future, add specific i18n keys for new analyzers
-        orderedItems.push({
-          key: analyzer,
-          label: analyzer, // TODO: Add i18n support for new analyzers
-        });
-      }
-    });
-
-    return orderedItems;
-  };
-
   if (!settings || isFetching) return <LlmSettingsInputsSkeleton />;
 
   return (
@@ -566,7 +452,7 @@ function LlmSettingsScreen() {
                 items={
                   resources?.agents.map((agent) => ({
                     key: agent,
-                    label: agent, // TODO: Add i18n support for agent names
+                    label: agent,
                   })) || []
                 }
                 defaultSelectedKey={settings.AGENT}
@@ -593,26 +479,6 @@ function LlmSettingsScreen() {
                 />
               )}
 
-              <div className="w-full max-w-[680px]">
-                <SettingsInput
-                  testId="condenser-max-size-input"
-                  name="condenser-max-size-input"
-                  type="number"
-                  min={20}
-                  step={1}
-                  label={t(I18nKey.SETTINGS$CONDENSER_MAX_SIZE)}
-                  defaultValue={(
-                    settings.CONDENSER_MAX_SIZE ??
-                    DEFAULT_SETTINGS.CONDENSER_MAX_SIZE
-                  )?.toString()}
-                  onChange={(value) => handleCondenserMaxSizeIsDirty(value)}
-                  isDisabled={!settings.ENABLE_DEFAULT_CONDENSER}
-                />
-                <p className="text-xs text-tertiary-alt mt-1">
-                  {t(I18nKey.SETTINGS$CONDENSER_MAX_SIZE_TOOLTIP)}
-                </p>
-              </div>
-
               <SettingsSwitch
                 testId="enable-memory-condenser-switch"
                 name="enable-memory-condenser-switch"
@@ -621,67 +487,39 @@ function LlmSettingsScreen() {
               >
                 {t(I18nKey.SETTINGS$ENABLE_MEMORY_CONDENSATION)}
               </SettingsSwitch>
-            </div>
-          )}
 
-          {/* Confirmation mode and security analyzer - always visible */}
-          <div className="flex items-center gap-2">
-            <SettingsSwitch
-              testId="enable-confirmation-mode-switch"
-              name="enable-confirmation-mode-switch"
-              onToggle={handleConfirmationModeIsDirty}
-              defaultIsToggled={settings.CONFIRMATION_MODE}
-              isBeta
-            >
-              {t(I18nKey.SETTINGS$CONFIRMATION_MODE)}
-            </SettingsSwitch>
-            <TooltipButton
-              tooltip={t(I18nKey.SETTINGS$CONFIRMATION_MODE_TOOLTIP)}
-              ariaLabel={t(I18nKey.SETTINGS$CONFIRMATION_MODE)}
-              className="text-[#9099AC] hover:text-white cursor-help"
-            >
-              <QuestionCircleIcon width={16} height={16} />
-            </TooltipButton>
-          </div>
+              <SettingsSwitch
+                testId="enable-confirmation-mode-switch"
+                name="enable-confirmation-mode-switch"
+                onToggle={handleConfirmationModeIsDirty}
+                defaultIsToggled={settings.CONFIRMATION_MODE}
+                isBeta
+              >
+                {t(I18nKey.SETTINGS$CONFIRMATION_MODE)}
+              </SettingsSwitch>
 
-          {confirmationModeEnabled && (
-            <>
-              <div className="w-full max-w-[680px]">
+              {securityAnalyzerInputIsVisible && (
                 <SettingsDropdownInput
                   testId="security-analyzer-input"
-                  name="security-analyzer-display"
+                  name="security-analyzer-input"
                   label={t(I18nKey.SETTINGS$SECURITY_ANALYZER)}
-                  items={getSecurityAnalyzerOptions()}
+                  items={
+                    resources?.securityAnalyzers.map((analyzer) => ({
+                      key: analyzer,
+                      label: analyzer,
+                    })) || []
+                  }
                   placeholder={t(
                     I18nKey.SETTINGS$SECURITY_ANALYZER_PLACEHOLDER,
                   )}
-                  selectedKey={selectedSecurityAnalyzer || "none"}
-                  isClearable={false}
-                  onSelectionChange={(key) => {
-                    const newValue = key?.toString() || "";
-                    setSelectedSecurityAnalyzer(newValue);
-                    handleSecurityAnalyzerIsDirty(newValue);
-                  }}
-                  onInputChange={(value) => {
-                    // Handle when input is cleared
-                    if (!value) {
-                      setSelectedSecurityAnalyzer("");
-                      handleSecurityAnalyzerIsDirty("");
-                    }
-                  }}
-                  wrapperClassName="w-full"
+                  defaultSelectedKey={settings.SECURITY_ANALYZER}
+                  isClearable
+                  showOptionalTag
+                  onInputChange={handleSecurityAnalyzerIsDirty}
+                  wrapperClassName="w-full max-w-[680px]"
                 />
-                {/* Hidden input to store the actual key value for form submission */}
-                <input
-                  type="hidden"
-                  name="security-analyzer-input"
-                  value={selectedSecurityAnalyzer || ""}
-                />
-              </div>
-              <p className="text-xs text-tertiary-alt max-w-[680px]">
-                {t(I18nKey.SETTINGS$SECURITY_ANALYZER_DESCRIPTION)}
-              </p>
-            </>
+              )}
+            </div>
           )}
         </div>
 

frontend/src/services/settings.ts

@@ -10,11 +10,10 @@ export const DEFAULT_SETTINGS: Settings = {
   LLM_API_KEY_SET: false,
   SEARCH_API_KEY_SET: false,
   CONFIRMATION_MODE: false,
-  SECURITY_ANALYZER: "llm",
+  SECURITY_ANALYZER: "",
   REMOTE_RUNTIME_RESOURCE_FACTOR: 1,
   PROVIDER_TOKENS_SET: {},
   ENABLE_DEFAULT_CONDENSER: true,
-  CONDENSER_MAX_SIZE: 120,
   ENABLE_SOUND_NOTIFICATIONS: false,
   USER_CONSENTS_TO_ANALYTICS: false,
   ENABLE_PROACTIVE_CONVERSATION_STARTERS: false,

frontend/src/state/event-message-slice.tsx

@@ -1,23 +0,0 @@
-import { createSlice } from "@reduxjs/toolkit";
-
-export const eventMessageSlice = createSlice({
-  name: "eventMessage",
-  initialState: {
-    submittedEventIds: [] as number[], // Avoid the flashing issue of the confirmation buttons
-  },
-  reducers: {
-    addSubmittedEventId: (state, action) => {
-      state.submittedEventIds.push(action.payload);
-    },
-    removeSubmittedEventId: (state, action) => {
-      state.submittedEventIds = state.submittedEventIds.filter(
-        (id) => id !== action.payload,
-      );
-    },
-  },
-});
-
-export const { addSubmittedEventId, removeSubmittedEventId } =
-  eventMessageSlice.actions;
-
-export default eventMessageSlice.reducer;

frontend/src/store.ts

@@ -10,7 +10,6 @@ import securityAnalyzerReducer from "./state/security-analyzer-slice";
 import statusReducer from "./state/status-slice";
 import metricsReducer from "./state/metrics-slice";
 import microagentManagementReducer from "./state/microagent-management-slice";
-import eventMessageReducer from "./state/event-message-slice";
 
 export const rootReducer = combineReducers({
   fileState: fileStateReducer,
@@ -24,7 +23,6 @@ export const rootReducer = combineReducers({
   status: statusReducer,
   metrics: metricsReducer,
   microagentManagement: microagentManagementReducer,
-  eventMessage: eventMessageReducer,
 });
 
 const store = configureStore({