antigravity-claude-proxy 2.0.1 → 2.0.2

package/README.md

@@ -317,6 +317,9 @@ The proxy includes a built-in, modern web interface for real-time monitoring and
 - **Visual Model Quota**: Track per-model usage and next reset times with color-coded progress indicators.
 - **Account Management**: Add/remove Google accounts via OAuth, view subscription tiers (Free/Pro/Ultra) and quota status at a glance.
 - **Claude CLI Configuration**: Edit your `~/.claude/settings.json` directly from the browser.
+- **Persistent History**: Tracks request volume by model family for 30 days, persisting across server restarts.
+- **Time Range Filtering**: Analyze usage trends over 1H, 6H, 24H, 7D, or All Time periods.
+- **Smart Analysis**: Auto-select top 5 most used models or toggle between Family/Model views.
 - **Live Logs**: Stream server logs with level-based filtering and search.
 - **Advanced Tuning**: Configure retries, timeouts, and debug mode on the fly.
 - **Bilingual Interface**: Full support for English and Chinese (switch via Settings).

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "antigravity-claude-proxy",
-  "version": "2.0.1",
+  "version": "2.0.2",
   "description": "Proxy server to use Antigravity's Claude models with Claude Code CLI",
   "main": "src/index.js",
   "type": "module",

package/public/app.js

@@ -57,9 +57,39 @@ document.addEventListener('alpine:init', () => {
             return Alpine.store('data')?.loading || false;
         },
 
+        sidebarOpen: window.innerWidth >= 1024,
+        toggleSidebar() {
+            this.sidebarOpen = !this.sidebarOpen;
+        },
+
         init() {
             console.log('App controller initialized');
 
+            // Handle responsive sidebar transitions
+            let lastWidth = window.innerWidth;
+            let resizeTimeout = null;
+            
+            window.addEventListener('resize', () => {
+                if (resizeTimeout) clearTimeout(resizeTimeout);
+                
+                resizeTimeout = setTimeout(() => {
+                    const currentWidth = window.innerWidth;
+                    const lgBreakpoint = 1024;
+                    
+                    // Desktop -> Mobile: Auto-close sidebar to prevent overlay blocking screen
+                    if (lastWidth >= lgBreakpoint && currentWidth < lgBreakpoint) {
+                        this.sidebarOpen = false;
+                    }
+                    
+                    // Mobile -> Desktop: Auto-open sidebar (restore standard desktop layout)
+                    if (lastWidth < lgBreakpoint && currentWidth >= lgBreakpoint) {
+                        this.sidebarOpen = true;
+                    }
+                    
+                    lastWidth = currentWidth;
+                }, 150);
+            });
+
             // Theme setup
             document.documentElement.setAttribute('data-theme', 'black');
             document.documentElement.classList.add('dark');

package/public/css/src/input.css

@@ -366,6 +366,25 @@
 /* Refactored UI Components (Phase 1.2)                                       */
 /* -------------------------------------------------------------------------- */
 
+/* Phase 1.2 additions ... */
+
+/* Filter Controls */
+.filter-control {
+    @apply flex items-center justify-center gap-2 px-3 py-1.5 lg:px-4 lg:py-2 
+           text-[10px] lg:text-xs font-mono font-medium text-gray-400 
+           bg-space-800 lg:bg-transparent border border-space-border/50 lg:border-transparent 
+           rounded lg:rounded-md hover:text-white lg:hover:bg-space-800 
+           transition-all duration-200 whitespace-nowrap w-full sm:w-auto;
+}
+
+.filter-control:hover {
+    @apply border-neon-cyan/50 lg:border-neon-cyan/30 lg:shadow-lg lg:shadow-neon-cyan/10;
+}
+
+.filter-control-item {
+    @apply block w-full px-3 py-1.5 text-left text-[10px] font-mono hover:bg-white/5 transition-colors;
+}
+
 /* Action Buttons */
 .btn-action-ghost {
   @apply btn btn-xs btn-ghost text-gray-400 hover:text-white transition-colors;
@@ -489,3 +508,12 @@
 .skeleton-table-row {
   @apply skeleton h-12 w-full mb-2;
 }
+
+/* Desktop Sidebar Collapsed State */
+@media (min-width: 1024px) {
+  body .sidebar-collapsed {
+    width: 0;
+    padding: 0;
+    border: none;
+  }
+}