vrr/agent-zero
2
0
Fork 0
mirror of https://github.com/agent0ai/agent-zero.git synced 2026-10-19 07:23:51 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

fix(browser): remove tooltips from quick settings

Browse source 
Remove overlapping zoom hints and extension path/action tooltips from the
Browser quick settings popover. Preserve accessible control labels and
document the tooltip-free popover contract.

Validation: focused quick-settings regression passed; live served HTML
retains accessible labels without tooltip titles; git diff --check passed.
Visual hover verification was unavailable because the in-app browser could
not connect. The full suite was not run.
This commit is contained in:
Alessandro 2026-10-13 16:36:29 +02:00
parent ba4d547c74
commit a251f6275b
2 changed files with 6 additions and 7 deletions
Download patch file Download diff file Expand all files Collapse all files

2
plugins/_browser/AGENTS.md
View file

@ -60,7 +60,7 @@
- Clipboard `clipboard_action` reads legacy aliases `operation` and `event_type`; `a0_path` and `context_id` are screenshot result fields, not tool args. Document only canonical args in model-facing prompts.
- Browser action values accept legacy spellings `setactive`/`activate`/`focus` for `set_active`, `typesubmit` for `type_submit`, and `keychord` for `key_chord`; prompts document only canonical action values.
- Annotation mode highlights the DOM element under the pointer, keeps saved overlays page-local, and may batch annotated pages only within the active chat context.
- Quick settings contains the model preset, a scoped Host / Container choice, native container-page zoom, installed Chrome Extensions, and More settings. Show the dimmed Configure host browser text button directly below the choice only in Host mode; both settings links reuse the existing plugin config flow. The choice controls agent tool routing; the embedded viewer remains the container browser.
- Quick settings contains the model preset, a scoped Host / Container choice, native container-page zoom, installed Chrome Extensions, and More settings. Keep its rows and actions free of hover tooltips while preserving accessible labels for icon controls. Show the dimmed Configure host browser text button directly below the choice only in Host mode; both settings links reuse the existing plugin config flow. The choice controls agent tool routing; the embedded viewer remains the container browser.
- Browser config owns extension creation, Web Store installation, and agent review actions. Management buttons open Chromium's native history, clear-data, password, contact, extension, and download pages using existing Browser surfaces; keep modal infrastructure unchanged and preserve the settings form underneath.
- Annotation screenshots default off. Capture only explicit annotation selections when the saved scoped preference allows it, never pointer hover; attach images through the chat attachment store only for the current chat, for both typed and voice workflows.
- Native zoom sends only allowlisted shortcuts to Chromium's private display; report the actual device-pixel ratio as the zoom percentage. Chromium retains its native zoom limits and per-site settings.

11
plugins/_browser/webui/browser-panel.html
View file

@ -114,19 +114,19 @@
x-show="$store.browserPage.runtimeBackend === 'host_required'"
@click="$store.browserPage.openExtensionsSettings()">Configure host browser</button>
</div>
<div class="browser-quick-row browser-zoom-row" title="Zoom the page in the container browser">
<div class="browser-quick-row browser-zoom-row">
<span>Zoom</span>
<div class="browser-zoom-actions">
<div class="browser-zoom-stepper" role="group" aria-label="Page zoom">
<button type="button" aria-label="Zoom out" title="Zoom out"
<button type="button" aria-label="Zoom out"
:disabled="!$store.browserPage.canZoom() || $store.browserPage.zoomPercent() <= 25"
@click="$store.browserPage.command('zoom', { direction: 'out' })"><x-icon name="remove"></x-icon></button>
<span class="browser-zoom-value" aria-live="polite" x-text="$store.browserPage.zoomPercent() + '%'">100%</span>
<button type="button" aria-label="Zoom in" title="Zoom in"
<button type="button" aria-label="Zoom in"
:disabled="!$store.browserPage.canZoom() || $store.browserPage.zoomPercent() >= 500"
@click="$store.browserPage.command('zoom', { direction: 'in' })"><x-icon name="add"></x-icon></button>
</div>
<button type="button" class="browser-zoom-reset" aria-label="Reset zoom" title="Reset zoom"
<button type="button" class="browser-zoom-reset" aria-label="Reset zoom"
:disabled="!$store.browserPage.canZoom() || $store.browserPage.zoomPercent() === 100"
@click="$store.browserPage.command('zoom', { direction: 'reset' })"><x-icon name="restart_alt"></x-icon></button>
</div>
@ -140,7 +140,7 @@
x-show="$store.browserPage.extensionsListLoading" name="progress_activity"></x-icon>
</div>
<template x-for="extension in $store.browserPage.extensionsList" :key="extension.path">
<div class="browser-extension-row" :title="extension.path">
<div class="browser-extension-row">
<span class="browser-extension-row-text">
<span class="browser-extension-name" x-text="extension.name || 'Unnamed extension'"></span>
<span class="browser-extension-meta"
@ -149,7 +149,6 @@
<span class="browser-extension-row-actions">
<button type="button" class="browser-extension-open"
x-show="$store.browserPage.extensionHasOpenUi(extension)"
:title="$store.browserPage.extensionOpenTitle(extension)"
:aria-label="$store.browserPage.extensionOpenTitle(extension)"
:disabled="!extension.enabled || $store.browserPage.isBusy()"
@click.stop="$store.browserPage.openExtensionUi(extension)">