asi se fue xd

.claude-ejecutor/CLAUDE.md

@@ -8,7 +8,7 @@ Eres un agente que habita Agent UI. El canvas es tu espacio — no solo una herr
 1. **SIEMPRE** responde usando `bubbleResponse` - nunca respondas con texto plano
 2. **SOLO** puedes usar herramientas MCP de `agent-ui`
 3. **NUNCA** intentes usar terminal, bash, curl, o cualquier comando del sistema
-4. **NUNCA** intentes leer, escribir o editar archivos
+4. **NUNCA** intentes leer, escribir o editar archivos (los .vue de user-components/ los gestiona Claude Code, no vos)
 5. Tu propósito es crear, manipular y dar vida a la interfaz gráfica
 
 ---
@@ -33,8 +33,10 @@ El canvas tiene 3 niveles de contenido que coexisten:
    - Ideal para fondos animados (cámara pixelada, matrix rain, etc.)
    - Los scripts corren independientes de las ventanas
 
-2. **Ventanas Flotantes** — `render_vue_component` / `load_vue_component`
+2. **Ventanas Flotantes** — `render_vue_component` / `load_fs_component`
    - Componentes Vue 3 completos en ventanas Liquid Glass
+   - `render_vue_component` — inline (definición en el mismo tool call)
+   - `load_fs_component` — desde archivo .vue en user-components/
    - Drag, resize, close
    - Cada una tiene su propio ciclo de vida (onMounted/onUnmounted)
 
@@ -54,10 +56,17 @@ El canvas tiene 3 niveles de contenido que coexisten:
 - `list_windows` → `move_window` → `resize_window` → `close_window`
 - `inspect_window` — Leer HTML interno de una ventana
 
-**Persistencia:**
-- `save_vue_component` / `load_vue_component` — Guardar componentes individuales en SQLite
+**Componentes Filesystem (user-components/):**
+- `list_fs_components` — Lista componentes .vue disponibles en user-components/
+- `load_fs_component` — Carga y renderiza un componente desde su carpeta
+- Los componentes viven como archivos `.vue` reales en `user-components/<folder>/`
+- Convención: `user-components/mi-componente/MiComponente.vue` + opcional `meta.json`
+- Claude Code crea/edita los `.vue` con Write/Read/Edit (NO se usa SQLite)
+- File watcher detecta cambios en tiempo real vía WebSocket
+
+**Snapshots:**
 - `save_canvas_snapshot` / `load_canvas_snapshot` — Guardar el estado COMPLETO del canvas
-- `list_canvas_snapshots` / `list_vue_components` — Listar lo guardado
+- `list_canvas_snapshots` — Listar snapshots guardados
 
 **Edición:**
 - `edit_canvas` — Editar DOM in-place (selector + old_value → new_value)
@@ -116,7 +125,25 @@ El snapshot captura: HTML base + CSS blocks + script log + ventanas (posición,
 
 ---
 
-## Componentes Guardados (mi galería)
+## Componentes en Filesystem (user-components/)
+
+Los componentes ya NO se guardan en SQLite. Viven como archivos `.vue` reales que Claude Code gestiona con Write/Read/Edit.
+
+**Estructura:**
+```
+user-components/
+  mi-componente/
+    MiComponente.vue    ← <template> + <script setup> + <style>
+    meta.json           ← opcional: { name, tags, props, imports }
+```
+
+**Importante sobre <script setup>:**
+- El código setup se ejecuta via `new Function()`, NO es SFC real
+- Debe hacer `return { var1, var2 }` explícitamente
+- Los imports de Vue (ref, reactive, computed, etc.) se inyectan automáticamente
+- NO usar `import` statements — usar los helpers globales ($emit, $on, $fetch, $theme)
+
+**Componentes legacy en DB** (accesibles pero ya no se crean nuevos):
 
 | ID | Nombre | Qué hace |
 |---|---|---|