Merge branch 'dev'

Author: 0xtbug

package.json

@@ -1,6 +1,6 @@
 {
   "name": "zero-limit",
-  "version": "1.0.7",
+  "version": "1.0.9",
   "private": true,
   "type": "module",
   "scripts": {

public/copilot/copilot.png

@@ -124,47 +124,3 @@ pub async fn is_cli_proxy_running() -> CommandResult<bool> {
 
     Ok(false)
 }
-
-/// Run Kiro CLI authentication
-/// This spawns the CLI proxy binary with auth flags and waits for completion
-#[command]
-pub async fn run_kiro_auth(exe_path: String, auth_method: String) -> CommandResult<String> {
-    // Map auth method to CLI flag
-    let auth_flag = match auth_method.as_str() {
-        "google" => "-kiro-google-login",
-        "aws" => "-kiro-aws-login",
-        "aws-authcode" => "-kiro-aws-authcode",
-        "import" => "-kiro-import",
-        _ => return Err(CommandError::General(format!("Unknown auth method: {}", auth_method))),
-    };
-
-    // Get working directory from exe path
-    let exe = std::path::PathBuf::from(&exe_path);
-    let work_dir = exe.parent()
-        .ok_or_else(|| CommandError::General("Invalid path".into()))?;
-
-    // Spawn process and wait for completion
-    #[cfg(windows)]
-    let output = Command::new(&exe_path)
-        .arg(auth_flag)
-        .current_dir(work_dir)
-        .creation_flags(CREATE_NO_WINDOW)
-        .output()
-        .map_err(|e| CommandError::General(format!("Failed to start auth: {}", e)))?;
-
-    #[cfg(not(windows))]
-    let output = Command::new(&exe_path)
-        .arg(auth_flag)
-        .current_dir(work_dir)
-        .output()
-        .map_err(|e| CommandError::General(format!("Failed to start auth: {}", e)))?;
-
-    if output.status.success() {
-        Ok("Authentication completed successfully".to_string())
-    } else {
-        let stderr = String::from_utf8_lossy(&output.stderr);
-        let stdout = String::from_utf8_lossy(&output.stdout);
-        let message = if !stderr.is_empty() { stderr.to_string() } else { stdout.to_string() };
-        Err(CommandError::General(format!("Auth failed: {}", message.trim())))
-    }
-}

src-tauri/src/commands/cli_proxy.rs

@@ -90,7 +90,6 @@ pub fn run() {
             start_cli_proxy,
             stop_cli_proxy,
             is_cli_proxy_running,
-            run_kiro_auth,
         ])
         .build(tauri::generate_context!())
         .expect("error while building tauri application")

src-tauri/src/lib.rs

@@ -1,7 +1,7 @@
 {
   "$schema": "https://schema.tauri.app/config/2",
   "productName": "ZeroLimit",
-  "version": "1.0.8",
+  "version": "1.0.9",
   "identifier": "com.0xtbug.zero-limit",
   "build": {
     "beforeDevCommand": "pnpm dev",

src-tauri/tauri.conf.json

@@ -4,7 +4,7 @@
 
 import { Card } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
-import { Clock, RefreshCw, Eye, List, ChevronDown } from 'lucide-react';
+import { Clock, RefreshCw, Eye, List, ChevronDown, Ban } from 'lucide-react';
 import { useMemo, useState } from 'react';
 import {
   Dialog,
@@ -40,11 +40,15 @@ export function CompactQuotaCard({
   loading,
   error,
   items,
+  plan,
   onRefresh,
   isPrivacyMode
 }: CompactQuotaCardProps) {
   const [isExpanded, setIsExpanded] = useState(true);
 
+  // Check if account is suspended
+  const isSuspended = plan?.toLowerCase() === 'suspended';
+
   // Apply masking
   const displayEmail = isPrivacyMode ? maskEmail(email || '') : (email || '********@*****.com');
 
@@ -94,7 +98,7 @@ export function CompactQuotaCard({
   };
 
   return (
-    <Card className="p-4 space-y-3 hover:shadow-md transition-shadow">
+    <Card className="p-4 space-y-3 hover:shadow-md transition-shadow h-full flex flex-col">
       {/* Email with expand/collapse toggle */}
       <div className="flex items-center justify-between min-w-0">
         <div className="flex items-center gap-2 min-w-0 flex-1">
@@ -119,9 +123,17 @@ export function CompactQuotaCard({
         <div className="text-xs text-destructive truncate">{error}</div>
       )}
 
+      {/* Suspended State - centered icon and text */}
+      {!loading && !error && isSuspended && (
+        <div className="flex flex-col items-center justify-center py-6 gap-2 flex-1">
+          <Ban className="h-10 w-10 text-yellow-500" />
+          <span className="text-sm font-semibold text-yellow-600">Temporarily Suspended</span>
+        </div>
+      )}
+
       {/* Model badges grid with progress bars - expanded view */}
-      {!loading && !error && isExpanded && (
-        <div className="grid grid-cols-1 gap-2">
+      {!loading && !error && !isSuspended && isExpanded && (
+        <div className="grid grid-cols-1 gap-2 flex-1">
           {groupedItems.map((group, idx) => (
             <div key={idx} className="space-y-1">
               {/* Model info row */}
@@ -150,7 +162,7 @@ export function CompactQuotaCard({
       )}
 
       {/* Collapsed compact summary view - simple inline text */}
-      {!loading && !error && !isExpanded && (
+      {!loading && !error && !isSuspended && !isExpanded && (
         <div className="text-xs text-muted-foreground space-y-1">
           {groupedItems.map((group, idx) => (
             <div key={idx} className="flex items-center justify-between gap-2 min-w-0">
@@ -172,7 +184,7 @@ export function CompactQuotaCard({
       )}
 
       {/* Footer Row */}
-      <div className="flex items-center justify-between pt-2 border-t text-xs text-muted-foreground">
+      <div className="flex items-center justify-between pt-2 border-t text-xs text-muted-foreground mt-auto">
         <span>{new Date().toLocaleDateString('en-GB', { day: '2-digit', month: '2-digit', year: 'numeric' })}, {new Date().toLocaleTimeString('en-US', { hour: '2-digit', minute: '2-digit', hour12: false })}</span>
         <div className="flex items-center gap-1">
           {/* View Details Dialog */}

src/components/quota/CompactQuotaCard.tsx

@@ -7,6 +7,7 @@ export interface ProviderFilterItem {
   label: string;
   count: number;
   icon?: string;
+  iconNeedsInvert?: boolean;
 }
 
 interface ProviderFilterProps {
@@ -33,7 +34,11 @@ export function ProviderFilter({ items, activeId, onSelect }: ProviderFilterProp
             )}
           >
             {item.icon && (
-               <img src={item.icon} alt={item.label} className="h-4 w-4 object-contain" />
+               <img
+                 src={item.icon}
+                 alt={item.label}
+                 className={cn("h-4 w-4 object-contain", item.iconNeedsInvert && "invert-on-dark")}
+               />
             )}
 
             <span className="text-sm font-medium">{item.label}</span>

src/components/quota/ProviderFilter.tsx

@@ -1,6 +1,6 @@
 import { Card, CardContent } from '@/components/ui/card';
 import { Badge } from '@/components/ui/badge';
-import { RefreshCw, User, Clock, Search, Folder, List } from 'lucide-react';
+import { RefreshCw, User, Clock, Search, Folder, List, Ban } from 'lucide-react';
 import { useTranslation } from 'react-i18next';
 import { Button } from '@/components/ui/button';
 import {
@@ -28,6 +28,7 @@ interface ProviderQuotaCardProps {
   loading: boolean;
   error?: string;
   items: QuotaItem[];
+  plan?: string;
   onRefresh: () => void;
   isPrivacyMode: boolean;
 }
@@ -39,6 +40,7 @@ export function ProviderQuotaCard({
   loading,
   error,
   items,
+  plan,
   onRefresh,
   isPrivacyMode
 }: ProviderQuotaCardProps) {
@@ -81,15 +83,27 @@ export function ProviderQuotaCard({
       // Determine icon based on group name
       let icon: string | undefined;
       const lowerName = name.toLowerCase();
+      const lowerProvider = provider.toLowerCase();
+
       if (lowerName.includes('claude')) {
         icon = '/claude/claude.png';
       } else if (lowerName.includes('gemini')) {
         icon = '/gemini/gemini.png';
       } else if (lowerName.includes('gpt') || lowerName.includes('o1')) {
         icon = '/openai/openai.png';
-      } else if (isAntigravity) {
-        // For Antigravity "Other" group, default to OpenAI icon
-        icon = '/openai/openai.png';
+      } else if (lowerName === 'other' || !icon) {
+        // For "Other" group, use provider-specific icon
+        if (lowerProvider.includes('antigravity')) {
+          icon = '/openai/openai.png';
+        } else if (lowerProvider.includes('codex')) {
+          icon = '/openai/openai.png';
+        } else if (lowerProvider.includes('kiro')) {
+          icon = '/kiro/kiro.png';
+        } else if (lowerProvider.includes('copilot') || lowerProvider.includes('github')) {
+          icon = '/github/github.png';
+        } else {
+          icon = '/openai/openai.png'; // Default fallback
+        }
       }
 
       return {
@@ -102,10 +116,13 @@ export function ProviderQuotaCard({
     }).sort((a, b) => a.name.localeCompare(b.name));
   }, [items, provider]);
 
+  // Check if account is suspended
+  const isSuspended = plan?.toLowerCase() === 'suspended';
+
   return (
-    <Card className="mb-4 overflow-hidden border bg-card text-card-foreground p-0">
+    <Card className="mb-4 overflow-hidden border bg-card text-card-foreground p-0 py-0 gap-1">
       {/* Header Section */}
-      <div className="flex flex-col gap-3 border-b p-2 pt-4 bg-muted/20">
+      <div className="flex flex-col gap-2 border-b p-2 pb-2 pt-3 bg-muted/20">
         <div className="flex items-center justify-between">
             <div className="flex flex-col gap-2">
                  {/* Top Row: List Icon + Email */}
@@ -210,24 +227,31 @@ export function ProviderQuotaCard({
       </div>
 
       {/* Summary Content Section */}
-      <CardContent className="p-2 space-y-4">
+      <CardContent className="px-2 py-1 space-y-2">
         {error ? (
             <div className="py-2 text-sm text-destructive flex items-center gap-2">
                  <div className="h-2 w-2 rounded-full bg-destructive"></div>
                 {error}
             </div>
         ) : (
-            <div className="space-y-4">
+            <div className="space-y-2">
                 <div className="text-xs font-semibold uppercase tracking-wider text-muted-foreground flex items-center gap-2">
                     {t('quotaCard.usage')}
                 </div>
 
-                {groupedItems.length === 0 && !loading && (
+                {groupedItems.length === 0 && !loading && !isSuspended && (
                     <div className="text-sm italic text-muted-foreground">{t('quotaCard.noUsage')}</div>
                 )}
 
+                {/* Suspended State */}
+                {isSuspended && (
+                  <div className="flex flex-col items-center justify-center py-8 gap-3">
+                    <Ban className="h-12 w-12 text-yellow-500" />
+                    <span className="text-lg font-semibold text-yellow-600">Temporarily Suspended</span>
+                  </div>
+                )}
 
-                {groupedItems.map((group, idx) => (
+                {!isSuspended && groupedItems.map((group, idx) => (
                     <div key={idx} className="space-y-2">
                         <div className="flex items-center justify-between text-sm">
                             <div className="flex items-center gap-2">

src/components/quota/ProviderQuotaCard.tsx

@@ -66,7 +66,11 @@
     "completeLogin": "Complete the login in your browser",
     "openLink": "Open Link",
     "verify": "Verify",
-    "manualCallback": "If valid callback is not detected automatically:"
+    "manualCallback": "If valid callback is not detected automatically:",
+    "authSuccess": "Provider connected successfully!"
+  },
+  "oauth": {
+    "pasteCallback": "Paste callback URL here..."
   },
   "quota": {
     "title": "Quota",
@@ -134,6 +138,10 @@
   },
   "usageStats": {
     "title": "Usage Statistics",
+    "settingsDesc": "Configure usage statistics collection and display",
+    "enabled": "Enable Usage Statistics",
+    "enabledDesc": "Collect and display usage statistics in the Dashboard",
+    "disabledMessage": "Usage statistics are disabled. Enable them in Settings to view your usage data.",
     "totalRequests": "Total Requests",
     "successfulRequests": "Success Requests",
     "failedRequests": "Failed Requests",

src/i18n/locales/en.json

@@ -66,7 +66,11 @@
     "completeLogin": "Selesaikan login di browser Anda",
     "openLink": "Buka Tautan",
     "verify": "Verifikasi",
-    "manualCallback": "Jika callback valid tidak terdeteksi otomatis:"
+    "manualCallback": "Jika callback valid tidak terdeteksi otomatis:",
+    "authSuccess": "Penyedia berhasil terhubung!"
+  },
+  "oauth": {
+    "pasteCallback": "Tempelkan URL callback di sini..."
   },
   "quota": {
     "title": "Kuota",
@@ -134,6 +138,10 @@
   },
   "usageStats": {
     "title": "Statistik Penggunaan",
+    "settingsDesc": "Konfigurasi pengumpulan dan tampilan statistik penggunaan",
+    "enabled": "Aktifkan Statistik Penggunaan",
+    "enabledDesc": "Kumpulkan dan tampilkan statistik penggunaan di Dasbor",
+    "disabledMessage": "Statistik penggunaan dinonaktifkan. Aktifkan di Pengaturan untuk melihat data penggunaan Anda.",
     "totalRequests": "Total Permintaan",
     "successfulRequests": "Permintaan Berhasil",
     "failedRequests": "Permintaan Gagal",