Go to file

Carlos Narro 699a8566d0 Simplificar a "FAB abre modal nativo" y añadir hora fin sesión

El usuario prefiere ver la página de Uso nativa de Claude en vez de un
overlay propio. Eso permite borrar mucho código:
- Fuera openOverlayPanel, closeOverlayPanel, setOverlaySpinner,
  renderOverlayWithCache, showOverlayError.
- Fuera refreshInBackground, tryOpenViaPushState/Hash/Click,
  closeUsageModal, waitForDialogWithData — ya no auto-abrimos en
  background.
- Fuera formatAge y CACHE_TTL_MS y OVERLAY_ID y refreshPromise.
- Fuera __claudeUsageTracker (era andamio de debug).
- Fuera bloque de CSS del overlay (~120 líneas).

Nuevo onFabClick: 3 intentos en cascada para abrir el modal nativo de
Claude (hash → pushState+popstate → click en "Uso"). Si los 3 fallan,
warn en consola y queda el manual.

Y siguiendo lo que pediste, en el resumen del tracker (el que se
inyecta dentro del modal) ahora aparece un bloque azul "⏱ Sesión
termina a las HH:MM (en Xh Ym)" justo debajo del bloque verde del
reinicio semanal.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>

2026-06-04 16:04:46 +02:00

icons

first commit

2026-03-18 23:11:18 +01:00

content.js

Simplificar a "FAB abre modal nativo" y añadir hora fin sesión

2026-06-04 16:04:46 +02:00

manifest.json

Adaptar tracker al nuevo modal de Uso

2026-06-04 13:57:11 +02:00

README.md

first commit

2026-03-18 23:11:18 +01:00

styles.css

Simplificar a "FAB abre modal nativo" y añadir hora fin sesión

2026-06-04 16:04:46 +02:00

use.html

first commit

2026-03-18 23:11:18 +01:00

README.md

Claude Usage Tracker - Extensión de Chrome

Extensión de Chrome que mejora la página de uso de Claude (https://claude.ai/settings/usage) añadiendo:

Características

📊 División semanal del uso

Divide la barra de progreso "Todos los modelos" en los 7 días de la semana
Muestra visualmente cuánto deberías usar cada día para no quedarte sin cuota
Indica con colores si vas bien (verde), con cuidado (amarillo) o excedido (rojo)

⏱️ Información de sesión

Hora de inicio de la sesión actual
Hora actual
Duración de la sesión

📈 Estadísticas

Uso diario ideal (≈14.29% por día)
Promedio real de uso
Días restantes hasta el reinicio

Instalación

Crear iconos PNG (requerido):
- Abre icons/icon.svg en un editor de imágenes
- Exporta como PNG en tamaños: 16x16, 48x48 y 128x128
- Guárdalos como icon16.png, icon48.png e icon128.png en la carpeta icons/
Cargar en Chrome:
- Abre Chrome y ve a chrome://extensions/
- Activa el "Modo de desarrollador" (esquina superior derecha)
- Haz clic en "Cargar extensión sin empaquetar"
- Selecciona la carpeta claude-use-extension
Usar:
- Ve a https://claude.ai/settings/usage
- La extensión se activará automáticamente mostrando el tracker semanal

Estructura de archivos

claude-use-extension/
├── manifest.json      # Configuración de la extensión
├── content.js         # Script que modifica la página
├── styles.css         # Estilos del tracker
├── icons/
│   ├── icon.svg       # Icono fuente (SVG)
│   ├── icon16.png     # (crear manualmente)
│   ├── icon48.png     # (crear manualmente)
│   └── icon128.png    # (crear manualmente)
└── README.md

Cómo funciona

Detección de uso: La extensión busca la barra de progreso en la página y extrae el porcentaje de uso actual
Cálculo semanal: Asume que el uso se reinicia los lunes y calcula el uso ideal diario (100%/7 ≈ 14.29%)
Sesión: Guarda la hora de inicio en localStorage y la mantiene si llevas menos de 4 horas

Personalización

Puedes modificar styles.css para cambiar los colores y estilos del tracker.

Notas

La extensión solo funciona en https://claude.ai/settings/usage
Los datos de sesión se guardan localmente en tu navegador
No se envía ninguna información a servidores externos