feat: Add DOM inspection and manipulation tools for canvas

- inspect_window: Inspect HTML content of a window with selector filter
- get_canvas: Read canvas elements using CSS selectors (like Read tool)
- edit_canvas: Edit canvas elements with old/new value replacement (like Edit tool)
- canvas_css: Inject/update/remove CSS blocks with ID tracking
- canvas_js: Execute JavaScript in canvas context with helper functions
- get_canvas_css: List or get specific injected CSS blocks
This commit is contained in:
2026-02-14 20:07:25 -06:00
parent d9eaba393b
commit 5fd57ba70f
3 changed files with 315 additions and 1 deletions

View File

@@ -24,6 +24,12 @@ export const ALL_TOOL_METAS: ToolMeta[] = [
{ name: 'resize_window', description: 'Cambia el tamano de una ventana', category: 'canvas' },
{ name: 'close_window', description: 'Cierra una ventana del canvas', category: 'canvas' },
{ name: 'list_windows', description: 'Lista todas las ventanas abiertas', category: 'canvas' },
{ name: 'inspect_window', description: 'Inspecciona el HTML de una ventana', category: 'canvas' },
{ name: 'get_canvas', description: 'Lee elementos del canvas con selector CSS', category: 'canvas' },
{ name: 'edit_canvas', description: 'Edita elementos del canvas (old_value -> new_value)', category: 'canvas' },
{ name: 'canvas_css', description: 'Inyecta CSS en el canvas', category: 'canvas' },
{ name: 'canvas_js', description: 'Ejecuta JavaScript en el canvas', category: 'canvas' },
{ name: 'get_canvas_css', description: 'Obtiene CSS inyectado en el canvas', category: 'canvas' },
// Component tools
{ name: 'save_vue_component', description: 'Guarda un componente Vue en la base de datos', category: 'component' },